/* Pagina "Estudio". Solo la carga estudio/index.html. */

/* Texto dorado del tema (origen del estudio, 20px): mas oscuro para
   alcanzar contraste en ese tamano. */
.et-db #et-boc .et-l .et_pb_text_0.et_pb_text {
	color: #21376e !important;
}

/* Pilares: mismo lenguaje visual que en la home, centrados entre filetes. */
.et-db #et-boc .et-l .et_pb_text_1 .lg-pilares {
	margin: 34px 0;
	padding: 20px 0;
	border-top: 1px solid #21376e;
	border-bottom: 1px solid #21376e;
	font-family: 'Lustria', Georgia, "Times New Roman", serif;
	font-size: 30px;
	font-weight: 400;
	line-height: 1.3;
	text-align: center;
	color: #21376e;
}

.et-db #et-boc .et-l .et_pb_text_1 .lg-pilares span {
	display: inline-block;
	white-space: nowrap;
	margin: 0 .15em;
}

/* Frase de cierre: el mensaje que queda. Conserva el color de texto del
   tema (gris oscuro) para no competir con los pilares dorados. */
.et-db #et-boc .et-l .et_pb_text_1 .lg-cierre {
	margin-top: 30px;
	font-family: 'Lustria', Georgia, "Times New Roman", serif;
	font-size: 21px;
	line-height: 1.5;
}

@media (max-width: 767px) {
	.et-db #et-boc .et-l .et_pb_text_1 .lg-pilares {
		font-size: 24px;
	}
	.et-db #et-boc .et-l .et_pb_text_1 .lg-cierre {
		font-size: 19px;
	}
}

/* ---------------------------------------------------------------------------
   Slider de imagenes del estudio (plugin Slick Slider / wpsisac)

   El slider corre con variableWidth y centerMode desactivados, asi que Slick
   le da a cada slide el 100% del ancho del contenedor. La altura sale del
   aspect-ratio en vez de un height fijo: asi la foto acompana el ancho en
   cualquier viewport y el navegador reserva el espacio antes de cargarla
   (sin salto de layout).

   Las fotos viven en assets/images/slider/ y son 1080x600 = 9:5 exacto. El
   aspect-ratio replica esa proporcion para que `cover` no recorte nada: si
   algun dia se cambian por otra medida, hay que actualizar este valor.
   --------------------------------------------------------------------------- */
.lg-slider-full .wpsisac-image-slide-wrap {
	aspect-ratio: 9 / 5;
	height: auto;
}

/* El plugin mete `height:100% !important` en mobile y `scale(0.7)` para el
   modo centrado; ambos sobran con esta configuracion. */
.lg-slider-full .wpsisac-image-slide-wrap img {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	object-position: center;
}

/* Sin centerMode no hay slick-center, por lo que el margen entre slides
   dejaria ver la foto siguiente. Cada slide ocupa el ancho completo. */
.lg-slider-full .wpsisac-image-slide {
	margin: 0;
}

@media only screen and (max-width: 40.0625em) {
	/* Gana sobre el `height:auto !important` del plugin. */
	.lg-slider-full .wpsisac-image-slide-wrap,
	.lg-slider-full .wpsisac-image-slide {
		height: auto !important;
	}
}