/**
 * Cuidamed — hero (Smart Slider) sin desborde en móvil.
 * No colapsa altura: en móvil deja de ser position:fixed
 * para que el slider pueda escalar al ancho de pantalla.
 */

html,
body {
	overflow-x: hidden;
}

@media screen and (max-width: 767px) {
	/*
	 * El widget estaba en position:fixed (top:170px) con canvas 1400px.
	 * En móvil lo devolvemos al flujo normal para que Smart Slider
	 * mida el ancho del contenedor y escale la imagen.
	 */
	.elementor-7 .elementor-element.elementor-element-ad7a9f6 {
		position: relative !important;
		left: auto !important;
		right: auto !important;
		top: auto !important;
		width: 100% !important;
		max-width: 100% !important;
	}

	.elementor-7 .elementor-element.elementor-element-ad7a9f6 > .elementor-widget-container,
	.elementor-7 .elementor-element.elementor-element-ad7a9f6 .n2-section-smartslider,
	.elementor-7 .elementor-element.elementor-element-ad7a9f6 .n2-ss-align,
	.elementor-7 .elementor-element.elementor-element-ad7a9f6 #n2-ss-3,
	.elementor-7 .elementor-element.elementor-element-ad7a9f6 #n2-ss-3-align {
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box;
	}

	/* Altura proporcional al canvas 1400x500 (no 0, no 500 fijo) */
	div#n2-ss-3 .n2-ss-slider-1 {
		min-height: calc(100vw * 500 / 1400) !important;
	}

	/* Menos espacio vacío bajo el hero en móvil */
	.elementor-7 .elementor-element.elementor-element-bc8a6ec {
		--min-height: auto;
		min-height: auto !important;
	}

	.wpbf-pre-header .super-boton {
		font-size: 13px;
		line-height: 1.3;
		white-space: normal;
		word-break: break-word;
		max-width: 100%;
	}
}