@charset "UTF-8";
/* ·SETTINGS ========================================================================== */
/** Table of Contents: 1. Breakpoint - Grill 2. Directorios 3. Layout 4. Fonts 5. Tamaños 6. Colors 7. Typografy 8. Nav 9. Forms 10. Botons 11. Video 12. Table 13. Cards 14. Modal 15. Tabs 16. Sliders */
/* 1. Breakpoint - Grill ========================================================================== */
/* 2. Directorios ========================================================================== */
/* 3. Layout ========================================================================== */
/* 4. Fonts ========================================================================== */
/* 5. Tamaños ========================================================================== */
/* 6. Colors ========================================================================== */
/* 7. Typografy ========================================================================== */
/* 8. Nav ========================================================================== */
/* 9. Forms ========================================================================== */
/* 10. Botons ========================================================================== */
/* 11. Video ========================================================================== */
/* 12. Table ========================================================================== */
/* 13. Cards ========================================================================== */
/* 14. Modal ========================================================================== */
/* 15. Tabs ========================================================================== */
/* 16. Sliders ========================================================================== */
/* ------------------------------------ normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

body { margin: 0; }

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; }

audio, canvas, progress, video { display: inline-block; }

audio:not([controls]) { display: none; height: 0; }

progress { vertical-align: baseline; }

template, [hidden] { display: none; }

a { background-color: transparent; -webkit-text-decoration-skip: objects; }

a:active, a:hover { outline-width: 0; }

abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; }

b, strong { font-weight: inherit; }

b, strong { font-weight: bolder; }

dfn { font-style: italic; }

h1 { font-size: 2em; margin: 0.67em 0; }

mark { background-color: #ff0; color: #000; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

img { border-style: none; }

svg:not(:root) { overflow: hidden; }

code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

figure { margin: 1em 40px; }

hr { box-sizing: content-box; height: 0; overflow: visible; }

button, input, select, textarea { font: inherit; margin: 0; }

optgroup { font-weight: bold; }

button, input { overflow: visible; }

button, select { text-transform: none; }

button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }

fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }

textarea { overflow: auto; }

[type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; }

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

[type="search"] { -webkit-appearance: textfield; outline-offset: -2px; }

[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

::-webkit-input-placeholder { color: inherit; opacity: 0.54; }

::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }

*, *::before, *::after { box-sizing: border-box; }

*:focus { outline: none; }

h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; }

a { cursor: pointer; }

img { max-width: 100%; width: 100%; border-width: 0; vertical-align: middle; -ms-interpolation-mode: bicubic; }

textarea { overflow-x: hidden; }

pre, code { font-family: "Inconsolata", Monaco, Consolas, "Andale Mono", monospace; }


/* ------------------------------------ ·HELPERS -------------------------------------*/
.recetas h1{
color: #2d0100 !important;
font-size: 2rem !important;
text-transform: uppercase;
text-align: center;
font-family: 'roboto', Helvetica, Arial, sans-serif;
padding: 0 1rem 2rem 1rem;
}

footer{
	background: white;
	width: 100%;
	position: relative;
	padding: 0.5rem;
    font-size: 0.8rem;
	}	
.wrapper, .form__select:after, .bx-wrapper .bx-controls-direction a { align-items: center; display: flex; justify-content: center; }

.flex, .space-between { display: flex; }

.space-between { justify-content: space-between; }

.full { height: 100vh; width: 100vw; }

.overflow { overflow: hidden; }

.center-txt { text-align: center; }

.left-txt { text-align: left; }

.right-txt { text-align: right; }

.destacado { color: #2d0100; }

.code { padding: 1rem; border-left: 2px solid #2d0100; }

.s { width: 2rem; }

.form--success { background-color: #5bb75b !important; border-radius: 50% !important; font-family: 'icomoon' !important; width: 3rem; height: 3rem; }

.msj--error { color: #da4f49; position: absolute; bottom: 0; right: 1rem; display: none; }

.titulo { font-weight: bold; margin-bottom: 2rem; }

/* ------------------------------------ ·TYPOGRAPHY -------------------------------------*/
html, body { background-color: white; color: #494949; font-family: 'roboto', "PT Sans Narrow", "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 1.4; font-size: 16px; font-weight: normal; overflow-x: hidden; color:#2d0100;  }

h1, h2, h3, h4, h5, h6 { color: #494949; font-family: "Helvetica Neue", Georgia, Times, "Times New Roman"; font-weight: normal; line-height: 1.4; margin: 0; margin-bottom: 0.5rem; text-rendering: optimizelegibility; }

h1, .h1 { font-size: 1.5rem; }

h2, .h2 { font-size: 1.25rem; }

h3, .h3 { font-size: 1.1875rem; }

h4, .h4 { font-size: 1.125rem; }

h5, .h5, .titulo { font-size: 1.0625rem; }

h6, .h6 { font-size: 1rem; }

@media only screen and (min-width: 520px) { h1, .h1 { font-size: 3rem; }
  h2, .h2 { font-size: 2.5rem; }
  h3, .h3 { font-size: 1.9375rem; }
  h4, .h4 { font-size: 1.5625rem; }
  h5, .h5, .titulo { font-size: 1.25rem; }
  h6, .h6 { font-size: 1rem; } }

p, ul { line-height: 1.4; padding: 0; margin-bottom: 0.5rem; }

li { list-style: none; }

hr { border: 0; border-top: 1px solid #494949; clear: both; display: block; height: 1px; margin: 1.4 0; padding: 0; }

b, strong { font-weight: bold; }

a { color: #2d0100; text-decoration: none; }

/*------------------------------------ ·GRID ------------------------------------*/
.row { display: flex; flex-wrap: wrap; justify-content: center; }

.c25-s { flex-basis: 25%; width: 25%; }

.c33-s { flex-basis: 33.33333%; width: 33.33333%; }

.c50-s { flex-basis: 50%; width: 50%; }

.c100-s { flex-basis: 100%; width: 100%; }

@media only screen and (min-width: 520px) { .c25-m { flex-basis: 25%; width: 25%; }
  .c33-m { flex-basis: 33.33333%; width: 33.33333%; }
  .c50-m { flex-basis: 50%; width: 50%; }
  .c100-m { flex-basis: 100%; width: 100%; } }

@media only screen and (min-width: 1023px) { .c25-l { flex-basis: 25%; width: 25%; }
  .c33-l { flex-basis: 33.33333%; width: 33.33333%; }
  .c50-l { flex-basis: 50%; width: 50%; }
  .c100-l { flex-basis: 100%; width: 100%; } }

@media only screen and (min-width: 1023px) { .c25-xl { flex-basis: 25%; width: 25%; }
  .c33-xl { flex-basis: 33.33333%; width: 33.33333%; }
  .c50-xl { flex-basis: 50%; width: 50%; }
  .c100-xl { flex-basis: 100%; width: 100%; } }

/*------------------------------------ ·HIDDEN VISIBLE ------------------------------------*/
.c-hidden-s { display: none; }

.c-hidden-m { display: block; }

.c-hidden-l { display: block; }

.c-visible-s { display: block; }

.c-visible-m { display: none; }

.c-visible-l { display: none; }

@media only screen and (min-width: 520px) { .c-hidden-s { display: block; }
  .c-hidden-m { display: none; }
  .c-visible-s { display: none; }
  .c-visible-m { display: block; } }

@media only screen and (min-width: 1023px) { .c-hidden-m { display: block; }
  .c-hidden-l { display: none; }
  .c-visible-m { display: none; }
  .c-visible-l { display: block; } }

/* ------------------------------------ ·ICONS -------------------------------------*/
@font-face { font-family: 'icomoon'; src: url("../fonts/icomoon.eot?mhj81j"); src: url("../fonts/icomoon.eot?mhj81j#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?mhj81j") format("truetype"), url("../fonts/icomoon.woff?mhj81j") format("woff"), url("../fonts/icomoon.svg?mhj81j#icomoon") format("svg"); font-weight: normal; font-style: normal; }

[class^="icon-"]:after, [class^="icon-"]:before, [class*=" icon-"]:after, [class*=" icon-"]:before { font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon-search:before { content: ""; }

.icon-check:before, .form--success:before { content: ""; }

.icon-close:before { content: "\f00d"; }

.icon-pencil:before { content: ""; }

.icon-plus:before { content: ""; }

.icon-minus:before { content: ""; }

.icon-phone:before { content: ""; }

.icon-link:before { content: ""; }

.icon-navicon:before { content: "\f0c9"; }

.icon-envelope:before { content: ""; }

.icon-download:before { content: ""; }

.icon-angle-left:before { content: ""; }

.icon-angle-right:before { content: ""; }

.icon-angle-up:before { content: ""; }

.icon-angle-down:before { content: ""; }

.icon-ellipsis:before { content: ""; }

.icon-send:before { content: ""; }

.icon-whatsapp:before { content: ""; }

.icon-snapchat:before { content: ""; }

.icon-facebook:before { content: "\f230"; padding: 0 0.4rem 0 0.8rem;; font-size: 1.5rem;}

.icon-spotify:before { content: ""; }

.icon-skype:before { content: ""; }

.icon-instagram:before { content: "\f16d"; padding: 0 0.4rem; font-size: 1.5rem; }

.icon-dropbox:before { content: ""; }

.icon-youtube:before { content: ""; }

.icon-linkedin:before { content: ""; }

.icon-google-plus:before { content: ""; }

.icon-pinterest:before { content: ""; }

.icon-github:before { content: ""; }

.icon-twitter:before { content: ""; }

/* ------------------------------------ ·NAV -------------------------------------*/
.nav, .nav__barra { z-index: 2; }

.nav a, .nav__barra a { font-size: 0.8rem; font-family: "Roboto"; font-weight: lighter; text-transform: capitalize; color: #2d0100; }

.nav .active, .nav__barra .active { color: #43d854; }

.nav__icon { color: #4A3025; cursor: pointer; position: fixed; font-size: 1rem; text-shadow: none; top: 1rem; z-index: 10; }

.nav__barra { background-color: white; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); position: absolute; top: 0; width: 100vw; z-index: 99999999; }

.nav__barra .nav__icon { right: 1rem; }

.nav__barra > div { align-items: center; background-color: white; display: flex; height: 4rem; justify-content: center; position: relative; margin-left: auto; margin-right: auto; max-width: 1224px; padding: 0 1rem; width: 100%; }

.nav__barra--espacio { background-color: white; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 10; }

.nav__barra--logo { align-items: center; display: flex; justify-content: center; width: 9rem; z-index: 99999999; }

.nav__barra--logo img, .nav__barra--logo svg { width: 85%; }

.nav__barra--menu { background-color: white; display: flex; flex-direction: column; left: 0; position: fixed; text-align: center; top: -100%; transition: all ease-out 0.3s; width: 100vw; z-index: 2; }

.nav__barra--menu a { padding: .25em 0; }

.nav__barra .slideInTop { top: 4rem; }

.nav__barra--fixed { position: fixed; }

@media only screen and (min-width: 1023px) { .nav a, .nav__barra a { font-size: 1.1rem; }
  .nav__icon { font-size: 2rem; }
  .nav__barra .nav__icon { display: none; }
  .nav__barra > div { height: 6rem; padding: 0; justify-content: space-between; align-items: flex-end; }
  .nav__barra--espacio { display: none; }
  .nav__barra--logo { width: 13rem; }
  .nav__barra--menu { flex-direction: row; position: relative; top: initial; margin-top: 6rem; width: auto; }
  .nav__barra--menu a { padding: 0; }
  .nav__barra--menu a:not(:last-child) { margin-right: 1rem; }
  .nav__barra .slideInTop { top: initial; } }

/* ------------------------------------ ·BOTONES -------------------------------------*/
.btn { display: inline-block; line-height: 1.4; text-align: center; vertical-align: middle; font-size: 1rem; white-space: nowrap; cursor: pointer; padding: .35em .7em; border-radius: 2px; transition: all ease-out 0.3s; margin: .2em; }

.btn:active, .btn:focus { outline: none; }

.btn[disabled] { cursor: not-allowed; opacity: 0.4 !important; box-shadow: none 0.4 !important; }

.btn[disabled]:hover { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important; }

.btn { border: none; color: white; background-color: #2d0100; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }

.btn:hover { background-color: #470200; box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }

.btn--success { background-color: #5bb75b; }

.btn--success:hover { background-color: #6dbf6d; }

.btn--info { background-color: #42b8dd; }

.btn--info:hover { background-color: #58c0e1; }

.btn--warning { background-color: #ec971f; }

.btn--warning:hover { background-color: #eea237; }

.btn--error { background-color: #da4f49; }

.btn--error:hover { background-color: #de635e; }

.btn--xs { font-size: 0.7rem; }

.btn--s { font-size: 0.85rem; }

.btn--l { font-size: 1.2rem; padding: 0.4em 0.9em; }

.btn--circle { border-radius: 50%; height: 2.5rem; width: 2.5rem; }

/* ------------------------------------ ·FORM -------------------------------------*/
.form { padding: 0; background-color: transparent; display: flex; flex-wrap: wrap; text-align: left; }

.form > div { padding: 1rem; position: relative; }

.form input[type=text], .form input[type=password], .form input[type=email], .form input[type=url], .form input[type=time], .form input[type=date], .form input[type=datetime], .form input[type=datetime-local], .form input[type=tel], .form input[type=number], .form input[type=search], .form textarea, .form select { max-width: 100%; width: 100%; border: none; border-bottom: 1px solid #9e9e9e; background-color: transparent; font-size: 1rem; transition: all .3s ease-out; }

.form input[type=text]:focus, .form input[type=password]:focus, .form input[type=email]:focus, .form input[type=url]:focus, .form input[type=time]:focus, .form input[type=date]:focus, .form input[type=datetime]:focus, .form input[type=datetime-local]:focus, .form input[type=tel]:focus, .form input[type=number]:focus, .form input[type=search]:focus, .form textarea:focus, .form select:focus { border-bottom: 1px solid #2d0100; box-shadow: 0 1px 0 0 #2d0100; }

.form .input--success { border-bottom: 1px solid #5bb75b !important; box-shadow: 0 1px 0 0 #5bb75b !important; }

.form .input--error { border-bottom: 1px solid #da4f49 !important; box-shadow: 0 1px 0 0 #da4f49 !important; }

.form label { font-size: 0.8rem; color: #494949; }

.form__label { position: absolute; top: 1rem; left: 1rem; font-size: 0.8rem; transition: all .2s ease-out; }

.form .label--active { color: #2d0100; top: 0; font-size: 0.6rem; }

.form select { padding-right: 1.7rem; border-radius: 0; appearance: none; }

.form__select { position: relative; }

.form__select:after { content: '▾'; position: absolute; top: 1rem; right: 1.5rem; z-index: 0; }

/*------------------------------------ ·VIDEO ------------------------------------*/
.video { position: relative; margin-left: auto; margin-right: auto; max-width: 600px; padding: 0 1rem; width: 100%; }

.video > div { padding-bottom: 56.25%; height: 0; overflow: hidden; }

.video iframe, .video object, .video embed, .video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*------------------------------------ ·MODAL ------------------------------------*/
.modal, .modal__multi { position: fixed; top: 0; left: 0; display: none; z-index: 99999999; }

.modal > div, .modal__multi > div { background-color: rgba(0, 0, 0, 0.8); width: 100vw; height: 100vh; position: relative; padding: 1rem; }

.modal__article { position: relative; top: 5rem; opacity: 0; background-color: #fff; border-radius: 2px; padding: 1rem; max-width: 40rem; max-height: 90vh; overflow-y: scroll; overflow-x: visible; transition: all ease-out 0.3s; }

.modal button, .modal__multi button { float: right; }

.modal--cerrar { position: absolute; top: 0; left: 0; height: 100vh; width: 100vw; }

.modal .btn--cerrar, .modal__multi .btn--cerrar { position: fixed; top: 0; right: 0; background-color: #da4f49; }

.modal .modal--in, .modal__multi .modal--in { opacity: 1; top: 0; }

.modal__multi .modal__article > div { display: none; }

@media only screen and (min-width: 520px) { .modal__article { padding: 2rem 3rem; }
  .modal .btn--cerrar, .modal__multi .btn--cerrar { top: 2vh; right: 4vw; } }

/*------------------------------------ ·BX SLIDER ------------------------------------*/
.bx-wrapper { position: relative; padding: 0; *zoom: 1; -ms-touch-action: pan-y; touch-action: pan-y; }

.bx-wrapper img { max-width: 100%; display: block; }

.bx-wrapper .bxslider { margin: 0; padding: 0; }

ul.bxslider { list-style: none; }

.bx-viewport { -webkit-transform: translatez(0); }

.bx-wrapper { background: #fff; }

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: 1rem; width: 100%; }

.bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; z-index: 999999; }

.bx-wrapper .bx-pager.bx-default-pager a { text-indent: -9999px; display: block; width: 1rem; height: 1rem; margin: 0 5px; outline: 0; border-radius: 50%; background-color: rgba(255, 255, 255, 0.6); transition: all ease-out 0.3s; }

.bx-wrapper .bx-pager.bx-default-pager a.active { background-color: white; }

.bx-wrapper .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; }

.bx-wrapper .bx-pager-item { font-size: 0; line-height: 0; }

.bx-wrapper .bx-prev { left: 0; background: linear-gradient(to right, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%); }

.bx-wrapper .bx-prev:before { content: "\f104"; }

.bx-wrapper .bx-next { right: 0; background: linear-gradient(to left, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%); }

.bx-wrapper .bx-next:before { content: "\f105"; }

.bx-wrapper .bx-controls-direction a { position: absolute; top: 0; outline: 0; width: 5rem; height: 100%; z-index: 999999; font-size: 3rem; font-family: 'icomoon' !important; color: rgba(255, 255, 255, 0.6); transition: all ease-out 0.3s; }
.variedades .bx-wrapper .bx-controls-direction a {
   padding-top: 9rem;
}
.bx-wrapper .bx-controls-direction a.disabled { display: none; }

.bx-wrapper .bx-controls-direction a:hover { color: white; }

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; }

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; }

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666; background: rgba(80, 80, 80, 0.75); width: 100%; }

.bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; }

.preload { position: fixed; top: 0; left: 0; z-index: 999999999999; background: white; width: 100vw; height: 100vh; display: flex; justify-content: center; align-items: center; }

.preload svg { width: 10rem; }

@media only screen and (min-width: 1023px) { .preload svg { width: 18rem; } }


.nav__barra {
    box-shadow: none;
    position: fixed;
}

@media only screen and (min-width: 1023px) { .nav__barra > div { padding: 0 1rem; align-items: center; } }

.nav__barra a { font-weight: 500; }

.nav__icon, .nav__barra--menu { position: absolute; }

@media only screen and (min-width: 1023px) { .nav__icon, .nav__barra--menu { position: relative; margin-top: 0; } }

.bx-wrapper .bx-pager.bx-default-pager a { background-color: transparent; border: solid #2d0100 1px; }

.bx-wrapper .bx-pager.bx-default-pager a.active { background-color: #2d0100; }

.bx-wrapper .bx-controls-direction a { width: 3rem; }

@media only screen and (min-width: 1023px) { .bx-wrapper .bx-controls-direction a { width: 5rem; } }

@media only screen and (min-width: 640px) { .home { margin-top: 8rem; } }

.home .bx-wrapper .bx-next, .home .bx-wrapper .bx-prev { background: transparent; }

.recetas { background-image: url(../images/images-celular/f-video-s.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 5rem 0; display: flex; justify-content: center; align-items: center; }

@media only screen and (min-width: 1023px) { .recetas { background-image: url(../images/images-destok/f-videos-l.jpg); min-height: 100vh; } }

.recetas .bx-viewport { max-width: calc(500px + 10rem) !important; background: transparent; height: 100% !important; }

.recetas li { padding: 0 2rem; }

.recetas .bx-controls-direction a { width: 2rem; }

.recetas .bx-wrapper { max-width: 670px !important; background: transparent; }

.recetas .bx-wrapper .bx-next, .recetas .bx-wrapper .bx-prev { background: transparent; }

@media only screen and (min-width: 1023px) { .recetas .bx-wrapper .bx-next { right: -1rem; }
  .recetas .bx-wrapper .bx-prev { left: -1rem; } }

.variedades { margin: 0 !important; }

.social {  bottom: 0; left: 0; width: 100vw; text-align: center; }

.social div { margin-left: auto; margin-right: auto; max-width: 1224px; padding: 0 1rem; width: 100%; }

@media only screen and (min-width: 1023px) { .social div { padding: 0 1rem; } }

.social svg { width: 2.5rem; }

.contacto .modal__article { overflow: visible; }

.contacto i { color: #fff; cursor: pointer; font-size: 1.5rem; position: absolute; right: 0; top: -2rem; }

.contacto form { max-width: 20rem; }

.contacto form input, .contacto form textarea, .contacto form button { border: 1px solid #000; border-radius: 5px; box-shadow: none; font-size: .9rem; margin-bottom: 1rem; padding: .5em; width: 100%; }

.contacto form textarea { height: 8rem; max-height: 15rem; resize: vertical; }

.contacto form button.btn { border: none; background-color: #2d0100; color: #fff; cursor: pointer; margin: 0; float: inherit; }

.contacto form button.btn:hover { background-color: black; }

.contacto form p { display: none; text-align: center; margin: 1rem 0 0; }