/*------------------------------------------------------------------
Ajustes personalizados RISEG
1. Slider principal (portada) - que no se recorte en móvil
-------------------------------------------------------------------*/

@media only screen and (max-width: 768px) {

	/* La sección del slider deja de forzar 100vh y se ajusta al contenido */
	.featured-media.window-height {
		height: auto !important;
		min-height: 45rem;
	}
	.featured-media.window-height .tm-slider-container.full-width-slider {
		height: auto !important;
	}

	/* La imagen se muestra completa (sin recorte) en vez de rellenar y cortar */
	.featured-media .tms-slide.tms-forcefit img {
		width: 100% !important;
		height: auto !important;
		max-height: none !important;
		position: relative !important;
		top: 0 !important;
		left: 0 !important;
	}

	/* El texto queda centrado sobre la imagen ya visible completa */
	.featured-media .tms-content {
		position: relative;
	}
}

/*------------------------------------------------------------------
2. Sección "Productos" - la caja de texto crece para que quepa todo
   el contenido, en vez de recortarlo o meter scroll interno.
   La imagen de la derecha MANTIENE su alto original de pantalla
   completa (recorte normal y centrado) en vez de estirarse; el
   texto simplemente continúa por debajo cuando es más largo.
-------------------------------------------------------------------*/
@media only screen and (min-width: 769px) {
	#productos.window-height {
		height: auto !important;
		min-height: 100vh;
	}
	#productos .media-column {
		position: absolute !important;
		top: 0;
		bottom: auto;
		height: 100vh !important;
	}
}