/* Base */
body, html{width:100%;min-width:300px; height: 100vh; min-height: 100vh;}
body{margin:0;padding:0;font-size:18px;background:#FFF; font-family: 'Cormorant Garamond'; font-weight: 300; color: #1A1A1A; }
header{margin:0 0 1px;width:100%;display:block; z-index:1100;}
footer{width:100%;display:block;margin:0 auto;clear:both;padding:60px 0px;}

/* Estilos Genericos */
a{ color: #1A1A1A; }
.aligncenter{ text-align: center !important; margin: 0 auto;}
img.aligncenter {margin: 0 auto; display: block; max-width: 100%; height: auto;}
.fb_iframe_widget {text-align: center; margin: 0 auto; display: block!important; }
.alignright{ text-align: right !important; }
strong{ font-weight: 500; }
.fa{ font-family:FontAwesome, Arial, Helvetica, sans-serif !important; }

/* Ancho Limitado */
.ancho-completo{ width: 95%; max-width: 1900px; margin: 0 auto; }
.ancho-limitado{ width: 95%; max-width: 1200px; margin: 0 auto; }
section.ancho-limitado, section > .ancho-limitado{ padding: 60px 0; }
section > .ancho-limitado.sin-padding{ padding: 0; }
.separador{ width: 194px; height: 2px; margin: 0 auto 10px; background: #CCC; border-radius: 1px; position: relative; top: -15px; }

/* Cookies */
#ccfd-eucookielaw{ width: 12%; position: fixed; bottom: 0; z-index: 100000; background: rgba(17,35,55,0.9); left: 0; text-align:center; min-width:250px;}
p#ccfd-cookiewarning{color:#fff !important; font-size: 0.8em; text-align: center;}  
#ccfd-eucookielaw{ margin: 0; padding: 10px; } 
#ccfd-eucookielaw a{ background: #FFF; display: inline-block; padding: 5px 10px; cursor:pointer; float: right; margin: 5px 0 10px 8px; clear: left !important;border-radius: 2px;}
#ccfd-eucookielaw a#ccfd-more{background:none; color:#FFF;}
#ccfd-eucookielaw a#ccfd-removecookie{padding:8px 15px;color: #000;font-weight: bold;}
#ccfd-eucookielaw {text-align: center;display: inline-block; font-size:1.2em;}
#ccfd-eucookielaw a{float:none;}

/* Video */
.video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } 
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100% !important; height: 100%; }

/* Fracciones */
.un_medio{ width: 50%; float: left; clear: left; }
.un_medio.ultimo{ clear: right; }

.un_tercio{ width: 32%; margin: 0 1%; float: left; }
.un_tercio.primero{ margin-left: 0; clear: left; }
.un_tercio.ultimo{ margin-right: 0; clear: right; }

.un_cuarto{ width: 22%; margin: 0 2%; float: left; }
.un_cuarto.primero{ clear: left; margin-left: 0; }
.un_cuarto.ultimo{ clear: right; margin-right: 0; }

.un_quinto{ width: 18%; margin: 0 1.25%; float: left; }
.un_quinto.primero{ clear: left; margin-left: 0; }
.un_quinto.ultimo{ clear: right; margin-right: 0; }

/*Estilo Menu Principal*/
header{ position: fixed; background-color: rgba(0,0,0, 0.35); -webkit-transition:all 1.35s ease-in; -moz-transition:all 1.35s ease-in; -o-transition:all 1.35s ease-in; transition:all 1.35s ease-in;}

header #logo-principal{ display: block; -webkit-transition:all 1.35s ease-in; -moz-transition:all 1.35s ease-in; -o-transition:all 1.35s ease-in; transition:all 1.35s ease-in;}
 
header #logo-principal2{ display: none}

.scrolled{ background-color:rgb(255, 255, 255); color: black; }

.scrolled #logo-principal{ display: none}

.scrolled #logo-principal2 {display: block}

.scrolled .iconos-top, .scrolled #menu-menu-principal li a, .scrolled #menu-top span, .scrolled #menu-top a{ color: black}

#logo{ display: inline-block; padding: 0 0 0 20px; float: left; margin-top: 3.1%; }

.slider-menu{ width: 100%; background-size: cover; background-position: center; height: 100vh;}

#menu-menu-principal{ width: 100%; padding: 35px 0; text-align: center; box-sizing: border-box; }

#menu-menu-principal li{ display: inline-block; margin-left: 15px; font-size: 20px; text-transform: uppercase; color: #fff; }

#menu-menu-principal li a{ color: #fff; }

#menu-menu-principal.menu > li > a:hover, .current-menu-item, .sub-menu>li>a:hover{ font-weight: bold;}

.sub-menu li a{font-weight: normal;}

#info-banner{ width: 100%; height: 100vh; }

.iconos-top{ margin-top: 10px; margin-left: 15px; color: white; padding-left: 10px; padding-right: 10px; }

#redes-sociales{ width: 100%; display: inline; }

#mostrar-menu{ display: none; }

#texto-direccion, #menu-top a { display: inline-block; color: #fff;  }

#menu-superior, #menu-top{text-align: center;}

#redes-sociales li{ margin-top: 10px; display: inline-block; float: right; }

#redes-sociales li a{ color: #fff; margin-left: 15px; font-size: 15px; }

.owl-dots{ display: none !important; }

.titulo-banner{ padding-top: 50vh;}

.texto-banner, .titulo-banner{ color: white; text-align: center; text-shadow: 3px 3px 3px rgb(0, 0, 0);}

.titulo-banner { font-size: 50px;}

.texto-banner{ font-size: 35px; }

.owl-nav{ margin-top: 0px !important; }

.flecha-banner{ text-align: center; color: white; display: inline-block; font-size: 300%;}

.sub-menu{ display: none; position: absolute;}

.sub-menu li{width: 100%; text-align: left; padding-top: 7px; padding-bottom: 5px; margin-left: 5px !important;}

.sub-menu :first-child{ padding-top: 11px;}

.sub-menu:hover{display:block;}

.dropdown:hover>ul{display:block;}

.menu-desplegable-padding{ padding-bottom: 70px; }

#menu-superior.activo.menu-desplegable-padding { height: 375px;}

/*Secciones*/

#productos{ clear: both; }

.imagenes-productos-cat{ width: 24%; float: left; text-align: center; margin: auto; padding: 5px;}

.imagenes-productos-cat p{ text-align: center; font-size:20px;}

.imagenes-productos-cat a>img{ width: 100%; }


#zona-1{ clear: both; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover;}

#zona-1 .ancho-limitado * + p{ color: white; max-width: 550px; font-size: 20px; text-shadow: 3px 3px 3px rgb(0, 0, 0); }

#zona-1 .ancho-limitado p img{ float: right; margin-top: 5%; }

#zona-2{ clear: both; background-color: #F6F4E9}

#zona-2 .ancho-limitado * + p { width: 100%; max-width: 550px; font-size: 20px; float: right; }

#zona-2 .ancho-limitado :first-child{ float: left; padding-left: 4% }

#zona-2 .ancho-limitado :nth-child(2n){ margin-top: 5%;}

#blog{ clear: both}

.sombra-oscura{ background-color: rgb(0,0,0,0.30); }


/*Footer*/
footer{ background-color: rgb(240, 240, 240); }

footer{ text-align: center;}

footer #menu-menu-footer li{ display: inline-block; padding: 10px; float: right;}



.iconos-bot{ padding: 5px;}

footer .sub-footer .tercero{ width: 32%; float: left; padding: 5px;}

.sub-footer .ultimo :nth-child(2n){text-align: center; }

#redes-sociales-footer li{ display: inline-block; font-size: 35px; padding: 5px;}

.sub-footer2{border-top: 1px solid grey;}

.sub-footer2 >:first-child{ float: left; width: 50%; margin: 0px !important; padding-top: 5px; }

.sub-footer2 #menu-menu-footer{ width: 50%; float: right; }

.sub-footer #medio{ padding-bottom: 38px;}

.sub-footer{ padding-bottom: 35px;}

#menu-landings{ padding-bottom: 30px; }
#menu-landings li{ display: inline-block; line-height: normal; padding: 0 5px 0 10px; border-left: 1px solid #666; }
#menu-landings li:first-child{ border: none; }



/*Estilos h*/
h1{ margin: 0; padding: 20px 20px 20px 0px; font-size: 32px; font-weight: 800; }

h2{ margin: 0; padding: 20px 20px 20px 0px; font-size: 24px; font-weight: 800; }

h3{ margin: 0; padding: 20px 20px 20px 0px; font-size: 20px; font-weight: 800; }

/*Paginas Interiores */

#imagen-principal-pagina{ width: 100%; height: 100%; }

/*#title #titulo{ position: absolute; top: 38%; left: 45%; color: white; text-shadow: 3px 3px 3px rgb(0, 0, 0); font-size: 50px;}

.breadcrumbs{ position: absolute; top: 47%; left: 43%; color: white; text-shadow: 3px 3px 3px rgb(0, 0, 0); font-size: 28px; }*/

#title{ min-height: 725px; background-size: cover; background-position: center; position: relative; }
#title2{ min-height: 375px; background-size: cover; background-position: center; position: relative; }
#title3{ min-height: 375px; background-size: cover; background-position: center; position: relative; }
#title #shadow-title{ position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.15) }
#title .ancho-limitado{ text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
#title #titulo{ color: white; text-shadow: 3px 3px 3px rgb(0, 0, 0); font-size: 50px; padding-right: 0; }
.breadcrumbs{ font-size: 16px; text-transform: uppercase; color: white; text-shadow: 3px 3px 3px rgb(0, 0, 0); /*font-size: 28px;*/ }

.breadcrumbs span{ color: white; }

.pagina-interior{ padding: 0 !important;}

.pagina-interior p{ font-size: 20px;}

#principal .pagina-interior{ margin-top: 50px; margin-bottom: 50px; }

#texto2{background-color: #F6F4E9; padding-top: 50px; padding-bottom: 50px; }

#texto2 p{margin: 0px !important; font-size: 20px; padding-top: 30px; padding-bottom: 30px;}

#formContacto label { display: none; }

#formContacto #nombre, #formContacto #empresa, #formContacto #email, #formContacto #ciudad, #formContacto #telefono, #formContacto #asunto, #formContacto textarea { border-radius: 5px; padding: 8px; width: 100%; margin-bottom: 10px; border: 1px solid #ccc; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

#formContacto input, textarea{ font-family: 'Cormorant Garamond'; font-size: 18px;}

#formContacto textarea{ height: 10vh; resize: none;}

#formContacto #input-captcha{ border: 1px solid #ccc;}

#formContacto #enviar, #formContacto #input-captcha, #formContacto #aviso-legal { border-radius: 5px; padding: 8px; }

#formContacto p { text-align: center;}

.aviso-legal-contacto label{ display: inline !important; }

#formContacto .errores{ color: red; }

#title{ padding-bottom: 50px;}

#captcha{ padding: 20px;}


/* Paginas politicas*/

#title .titulopol{ position: absolute; top: 190px; left: 45%; color: white; text-shadow: 3px 3px 3px rgb(0, 0, 0); font-size: 50px;}

/* Blog */
#archive{ width: 71%; float: left; clear: left; }
.item-blog{ width: 47.185%; float: left; text-align: center; padding-bottom: 30px; clear: left; }
.item-blog:nth-child(2n){ float: right; clear: right; }
.item-blog img{ max-width: 100%; height: auto; }
.item-blog .cat{ display: block; padding: 10px 0; }
.item-blog .cat a{ display: inline-block; padding: 0 0 0 2px; font-weight: 300; text-transform: uppercase; font-size: 12.5px; letter-spacing: 2px; color: #864526; }
.item-blog h2 a{ font-size: 24px; ; line-height: normal; color: #1C1C1B; }
.item-blog p{ text-align: center; margin: 10px 0; }
.item-blog .leer-mas{ display: inline-block; ; letter-spacing: 3px; text-transform: uppercase; text-align: center; border: none; background: rgb(243, 168, 139); color: #FFF; width: 130px; padding: 3px 0 3px 3px; margin-top: 10px; font-size: 12px; height: auto; cursor: pointer; outline: none; font-weight: 500; -webkit-transition:all 0.35s ease-in; -moz-transition:all 0.35s ease-in; -o-transition:all 0.35s ease-in; transition:all 0.35s ease-in; }
.item-blog .leer-mas:hover{ background: #864526; color: #FFF; }

.wp-pagenavi{ text-align: center; margin-top: 30px; }
.wp-pagenavi > * { display: inline-block; border: none !important; padding: 4px 0 6px !important; width: 26px; text-align: center; background: #F6F6F6; color: #666; border-radius: 5px; font-weight: 500 !important; -webkit-transition: all 0.35s ease-in; -moz-transition: all 0.35s ease-in; -o-transition: all 0.35s ease-in; transition: all 0.35s ease-in; }
.wp-pagenavi > .current, .wp-pagenavi > a:hover{ background: #262625; color: #FFF; opacity: 1; }

#content > ul, #content > ol, #content #archive > ul, #content #archive > ol{ margin: 20px 0 20px 40px; }
#content > ul > li, #content > ol > li, #content #archive > ul > li, #content #archive > ol > li{ list-style: disc; padding: 0 0 10px; line-height: normal; }
#content > ol > li, #content #archive > ol > li{ list-style: decimal; }
#content > ul > li > ul, #content > ol > li > ul, #content #archive > ul > li > ul, #content #archive > ol > li > ul{ margin: 10px 0 0 20px; }
#content > ul > li > ul > li, #content > ol > li > ul > li, #content #archive > ul > li > ul > li, #content #archive > ol > li > ul > li{ list-style: disc; padding: 0 0 10px; line-height: normal; }
#content > ul > li:last-child, #content > ol > li:last-child, #content > ul > li > ul > li:last-child, #content > ol > li > ul > li:last-child, #content #archive > ul > li:last-child, #content #archive > ol > li:last-child, #content #archive > ul > li > ul > li:last-child, #content #archive > ol > li > ul > li:last-child{ padding-bottom: 0; }
#content img{ width: 100%; height: auto; }

blockquote{ margin: 20px 0; padding: 20px; background: #F6F6F6; border-left: 3px solid #CC961F; line-height: normal; font-style: italic; }
blockquote p{ margin: 0 0 10px; }
blockquote p:last-child{ margin: 0; }

.single h2, #content.page > h2{ font-size: 30px; line-height: normal; margin: 30px 0 20px; }
.single h3, #content.page > h3, .menu-comida h3, .menu-comida h4{ font-size: 14px; font-weight: 500; line-height: normal; text-transform: uppercase; letter-spacing: 2px; margin: 30px 0 20px; }


#content > p:first-child, #content.page > h2:first-child, #content.page > h3:first-child{ margin-top: 0;}

#content #archive p{ padding-top: 50px;}

.page #archive p{ padding-top: 0px !important;}

#etiquetas-blog{ line-height: normal; text-align: center; padding: 10px 0 0; } 
#etiquetas-blog a{ display: inline-block; background: #F6F6F6; padding: 10px 15px; font-size: 16px !important; margin:0 5px 10px 0; -webkit-box-shadow: 0px 0px 1px rgba(100, 100, 100, 0.75);-moz-box-shadow: 0px 0px 1px rgba(100, 100, 100, 0.75); box-shadow: 0px 0px 1px rgba(100, 100, 100, 0.75); -webkit-transition:all 0.35s ease-in; -moz-transition:all 0.35s ease-in; -o-transition:all 0.35s ease-in; transition:all 0.35s ease-in; }
#etiquetas-blog a:last-child{ margin-right: 0; }
#etiquetas-blog a:hover{ background: #ffefce; }

.single .shareaholic-share-buttons-container ul.shareaholic-share-buttons{ margin-left: 0 !important; text-align: center !important; }



#entradas-blog #entrada-single > :first-child{text-align: center;}

.titulo-articulo{ text-align: center; }

.post-date{ display: block; text-align: center;}

.con-sidebar h1{ color: white; text-shadow: 3px 3px 3px rgb(0, 0, 0); font-size: 50px; padding-right: 0; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.con-sidebar .breadcrumbs{ text-align: center; position: absolute; top: 60%; left: 50%; transform: translate(-50%, -50%); }

#title3 h1{ color: white; text-shadow: 3px 3px 3px rgb(0, 0, 0); font-size: 50px; padding-right: 0; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

#title3 .breadcrumbs{ text-align: center; position: absolute; top: 60%; left: 50%; transform: translate(-50%, -50%); }



/* Sidebar */
#sidebar{ width: 25%; float: right; clear: right; }
#sidebar > ul > li{ text-align: center; padding: 30px 0; border-bottom: 1px solid #e5e5e5; }
#sidebar > ul > li:first-child{ padding-top: 0; }
#sidebar > ul > li > h3{ text-align: center; margin-bottom: 20px; }
#sidebar > ul > li > h3 span{ font-size: 12.5px; letter-spacing: 2px; padding: 0 0 0 2px; text-transform: uppercase; line-height: normal; }

#sidebar > ul > li .cat-item{ margin-top: 10px; }
#sidebar > ul > li .cat-item a{ display: block; background-size: 100% auto; background-position: center; }
#sidebar > ul > li .cat-item a .filtro{ padding: 20px 0; background: rgba(28,28,27,0.35); -webkit-transition:background 0.35s ease-in; -moz-transition:background 0.35s ease-in; -o-transition:background 0.35s ease-in; transition:background 0.35s ease-in; }
#sidebar > ul > li .cat-item a:hover .filtro{ background: transparent; }
#sidebar > ul > li .cat-item a span{ display: inline-block; font-size: 12px; font-weight: 300; letter-spacing: 2px; padding: 5px 0 5px 2px; width: 120px; text-align: center; text-transform: uppercase; line-height: normal; background: #FFF; }

#ultimos-articulos li{ margin-top: 10px; }
#ultimos-articulos a img{ width: 35%; float: left; }
#ultimos-articulos a h4{ text-align: left; display: block; padding: 15px 0 10px 40%; line-height: normal; color: #1C1C1B; font-size: 20px; }
#ultimos-articulos a span{ text-align: left; display: block; padding: 0 0 0 40%; font-size: 12px; }

#sidebar #nube-etiquetas{ line-height: normal; } 
#sidebar #nube-etiquetas a{ display: inline-block; background: #F6F6F6; padding: 10px 15px; font-size: 16px !important; margin:0 5px 10px 0; -webkit-box-shadow: 0px 0px 1px rgba(100, 100, 100, 0.75);-moz-box-shadow: 0px 0px 1px rgba(100, 100, 100, 0.75); box-shadow: 0px 0px 1px rgba(100, 100, 100, 0.75); -webkit-transition:all 0.35s ease-in; -moz-transition:all 0.35s ease-in; -o-transition:all 0.35s ease-in; transition:all 0.35s ease-in; }
#sidebar #nube-etiquetas a:hover{ background: #ffefce; }

/*Mods*/
#formulario-bottom-seccion{ background-color: #F6F4E9;  padding-bottom: 50px; }

#formulario-bottom-seccion .ancho-limitado{background-color: #FFF; padding: 20px 50px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

#formulario-bottom-seccion2{ background-color: #F6F4E9;  padding-bottom: 50px; padding-top:50px;}

#formulario-bottom-seccion2 .ancho-limitado{background-color: #FFF; padding: 20px 50px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

#mapa{ width:100% !important; margin-top: 50px;}

#contacto-body{ background-color: #F6F4E9;}

#formulario-bottom-seccion p, #formulario-bottom-seccion2 p{ text-align: center; }

/* Arreglos */
.share-single{ padding: 50px 0; text-align: center; }
#principal .content ul, #principal .content ol{ margin: 20px 0 20px 30px; list-style: square; }
#principal .content ol{ list-style: decimal; }
#principal .content * > li{ padding-top: 10px; line-height: 1.5; }
#principal .content * > li:first-child{ padding-top: 0; }

/* Carrusel */

.item-galeria{    
	display: flex;
    flex-direction: column;
    gap: 10px;
}

.ywcdd_delivery_message{
    font-size: 15px !important;
}

#galeria{
    display: flex;
    justify-content: center;
}

.fila1,
.fila2,
.fila3{
    display: flex;
    justify-content: center;
}

.fila1 > p,
.fila2 > p,
.fila3 > p{
    display: flex;
    width: 100%;
    gap: 15px;
    margin: 0;
}

.fila1 > p label,
.fila2 > p label,
.fila3 > p label{
    width: 100%;
    margin: 0 auto;
}

.fila1 > p label > span > input,
.fila2 > p label > span > input,
.fila3 > p label > span > input{
    height: 40px;
    width: 100%;
    padding-left: 5px;
    border-radius: 6px;
    border: 1px solid lightgray;
}

.fila3 > p label > span > input{
    height: 40px;
    width: 100%;
    padding-left: 5px;
    border-radius: 6px;
    border: 1px solid lightgray;

}

.enviar-contacto > input{
    padding: 10px 50px;
}