/* css/pages/home/about.css · HOME › Sección 6: «Soy Maitane Goikolea» (foto con isotipo, texto y «Sobre mí») · solo la home
   Clase raíz: mt-home-about (+ -row, -photo, -text, -title, -subtitle, -body, -cta). Escala con --u6. js/home.js cambia los saltos de línea del párrafo por espacios en tablet y móvil.
*/

.mt-home-about .elementor-widget-text-editor p { margin: 0; } /* Balancia les da margen inferior: descuadra el aire de la sección */

/* Sección 6 "Soy Maitane" (ver scripts/archivo/pixel-seccion6.php): base 1920 x 970, toda la sección cabe en pantalla; fondo = beige de la sección 5 que se aclara hasta blanco en los primeros 375 px de diseño. */
.mt-home-about {
	--u6: min(calc(100vw / 1920), calc(100svh / 970), 1px);
	background: linear-gradient(180deg, #F5F5F0 0, #fff calc(375 * var(--u6)));
}

/* CTAs en tablet: a 768-1024 el escalado en vw los dejaba en 7-12 px. "Descubrir" de la banda oscura (sección 4) a 14 px; "Conoce tu proceso" (5) y "Sobre mí" (6) a 13 px. */
@media (min-width: 768px) and (max-width: 1024px) {
	.mt-home-about .mt-cta-link .elementor-button, .mt-home-about .mt-cta-link .elementor-button-text { font-size: 13px !important; }
}

/* Párrafos en tablet (todos menos el del hero): con el escalado en vw salían entre 6 y 13 px. 15 px, y se ensanchan las cajas que en PC miden pocos px escalados. */
@media (min-width: 768px) and (max-width: 1024px) {
	.mt-home-about .elementor-widget-text-editor p { font-size: 15px !important; line-height: 1.5 !important; }
	.mt-home-about-body { width: 100% !important; max-width: 100% !important; }
}

/* Separación entre la sección 5 (Tu proceso) y la 6 (Soy Maitane) en tablet: el CTA y la foto quedaban demasiado juntos. */
@media (min-width: 768px) and (max-width: 1024px) {
	.mt-home-about { margin-top: 120px !important; }
}

/* vertical, secciones 5 y 6: textos a 14 px, títulos de las tarjetas (Terapia individual / de pareja) a 18 px, y más aire sobre la 5 y bajo la 6 */
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
	.mt-home-about .elementor-widget-text-editor p { font-size: 14px !important; }
	.mt-home-about { padding-bottom: 64px !important; }
}

/* Secciones 5 (Tu proceso) y 6 (Soy Maitane) en móvil: una sola columna. Títulos 34/30 px, textos 14 px, títulos de tarjeta 18 px, CTAs 13 px; las medidas fijas en u (tarjetas, líneas, columnas) pasan a ancho completo. */
@media (max-width: 767px) {
	.mt-home-about .mt-cta-link .elementor-button, .mt-home-about .mt-cta-link .elementor-button-text { font-size: 13px !important; }

	.mt-home-about { margin-top: 24px !important; padding: 0 24px 72px !important; background: linear-gradient(180deg, #F5F5F0 0, #fff 140px); }
	.mt-home-about .mt-home-about-row { margin-top: 0 !important; padding: 0 !important; width: 100% !important; gap: 24px !important; }
	.mt-home-about .mt-home-about-photo { width: 100% !important; }
	.mt-home-about .mt-home-about-photo img { width: 100% !important; height: auto !important; }
	.mt-home-about .mt-home-about-text { margin-top: 0 !important; width: 100% !important; }
	.mt-home-about .mt-home-about-title, .mt-home-about .mt-home-about-subtitle, .mt-home-about .mt-home-about-body { width: 100% !important; max-width: 100% !important; }
	.mt-home-about .mt-home-about-title .elementor-heading-title { font-size: min(32px, 8.2vw) !important; line-height: 1.1 !important; }
	.mt-home-about .mt-home-about-subtitle { margin-top: 12px; }
	.mt-home-about .mt-home-about-subtitle .elementor-heading-title { font-size: 19px !important; line-height: 1.3 !important; }
	.mt-home-about .mt-home-about-body { margin-top: 14px; }
	.mt-home-about .elementor-widget-text-editor p { font-size: 14px !important; line-height: 1.5 !important; }
	.mt-home-about .mt-home-about-cta { margin-top: 22px; }
}