/* CSS adicional de producción (Personalizar > CSS adicional) usado por Celebraciones, Restaurante, Ávila y About Us. Se carga después del CSS propio de cada página, como en producción */
/* .entry-content a de producción */
.entry-content a { color: #e87721; text-decoration: none; }
.entry-content a:hover { color: #333; }

/* Restaurante con fondo blanco en vez del gris del marco */
.page-id-410 { background: #fff; }
.gastro { font-size: 1em; font-family: "Lato"; color: rgb(84, 88, 90); line-height: 1.625; text-align: left; }
.titulos_carta { font-size: 45.458px; font-family: "Playfair Display"; color: rgb(232, 119, 33); font-weight: bold; font-style: italic; line-height: 0.895; text-align: center; }
.titulos_bodega { font-size: 45.458px; font-family: "Playfair Display"; color: rgb(255, 255, 255); font-weight: bold; font-style: italic; line-height: 0.895; text-align: center; }
.vinos { font-size: 1em; font-family: "Lato"; color: rgb(255, 255, 255); line-height: 1.625; text-align: left; }
.tit_catasn,
.tit_catasw { font-size: 45.458px; font-family: "Playfair Display"; color: rgb(0, 0, 0); font-weight: bold; line-height: 1.111; text-align: center; transform: matrix(1.18792210178305, 0, 0, 1.18792210178305, 0, 0); }
.tit_catasw { color: rgb(207, 10, 62); }
.tit_event { font-size: 45.458px; font-family: "Playfair Display"; color: rgb(232, 119, 33); font-weight: bold; line-height: 1.111; text-align: center; }
.tit_imagina { font-size: 3rem; font-family: "Playfair Display"; color: rgb(84, 88, 90); line-height: 1.167em; text-align: left; max-width: 580px; }
.comensales { font-size: 4rem; font-family: "Playfair Display"; color: rgb(255, 255, 255); font-weight: bold; line-height: 0.3; text-align: center; }
.comen { font-size: 1.8rem; font-family: "Playfair Display"; color: rgb(255, 255, 255); font-weight: bold; text-align: center; }
.cuadrinst { background: #e87721; text-align: center; }
.supbod { position: absolute; top: 300px; background: #e87721; z-index: 999999; opacity: 0.8; }
.supeve { position: absolute; top: -200px; z-index: 8; }
.supmenu { position: absolute; top: 370px; background: #fff; z-index: 8; opacity: 0.8; }
.sepa,
.sepa1 { height: 2px; }

/* Columnas tipo Bootstrap del HTML escrito a mano en los textos (CSS de hemma-child) */
.col-sm-6,
.col-md-8 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }
@media (min-width: 768px) {
	.col-sm-6 { float: left; width: 50%; }
	.col-sm-offset-3 { margin-left: 25%; }
}
@media (min-width: 992px) {
	.col-md-8 { float: left; width: 66.66666667%; }
	.col-md-offset-2 { margin-left: 16.66666667%; }
}
.separate120 { height: 10px; }

@media all and (max-width: 767px) {
	.supmenu { top: 750px; }
	.sepa { height: 300px; }
	.sepa1 { height: 200px; }
}

/* En producción el top: 550px de .supmenu de este bloque y del de 360px no se aplica (lleva un espacio duro delante) */
@media only screen and (max-width: 768px) {
	.tit_imagina { font-size: 2em; font-weight: 400; line-height: 2.1em; margin-left: -6px !important; }
}

/* Consultas por dispositivo de producción (iPhone X, Galaxy S5, iPhone 6-8, iPhone 5) */
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-device-pixel-ratio: 3) {
	.supmenu { z-index: 99; }
	.separate120 { height: 120px; }
	.tit_imagina { font-size: 2em; line-height: 1.167em; margin-left: 1px; }
}
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) {
	.tit_imagina { margin-left: 20px; }
	.separate120 { height: 120px; }
}
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) {
	.supmenu { top: 850px; z-index: 9; }
	.tit_imagina { margin-left: 20px; }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
	.supmenu { top: 850px; z-index: 9; }
	.tit_imagina { margin-left: 20px; }
}

/* Móvil: los títulos grandes de Hemma (agrandados con transform) se salían del ancho de la pantalla */
@media only screen and (max-width: 768px) {
	.imagina,
	.tit_catasn,
	.tit_catasw { font-size: 2rem; transform: none; }
	.titulos_carta,
	.titulos_bodega { font-size: 2rem; }
	/* Las filas interiores con separación (vc_column-gap) sobresalen unos px del ancho de la pantalla, sin contenido visible */
	.wpb-content-wrapper { overflow-x: clip; }
}