/* css/layout/footer.css · LAYOUT · pie
   Plantilla «Footer – Maitane»: panel redondeado con el CTA «Hablemos», los datos de contacto y los enlaces legales.
   Clase raíz: mt-footer (+ -panel, -isotype, -title, -text, -contact-*, -legal-*). Escala con --u8.
*/

/* Footer: base 1920 x 1008 (Figma «CTA + Footer» compacto, nov 2026; igual en todas las páginas), el footer entero cabe en pantalla; sin pasar de su tamaño. Antes 1115 (versión de la home de oct 2026, ver scripts/archivo/pixel-footer.php). */
.mt-footer { --u8: min(calc(100vw / 1920), calc(100svh / 1008), 1px); }

/* enlace de Instagram: la raya va solo bajo el texto (no bajo el icono) y es beige (el <a> la dibujaba entera y en el color oscuro del tema) */
.mt-footer .elementor-icon-list-item > a { text-decoration: none !important; }

.mt-footer .elementor-icon-list-item > a[href*="instagram"] .elementor-icon-list-text { text-decoration: underline; text-decoration-color: #E9DFD2; }

.mt-footer .elementor-icon-list-item > a[href*="instagram"]:hover .elementor-icon-list-text { text-decoration-color: #fff; }

/* 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-footer .elementor-widget-heading p { font-size: 15px !important; line-height: 1.5 !important; }
	.mt-footer .mt-footer-text { width: 370px !important; max-width: 100% !important; } /* 332 px la primera línea, 407 con "podemos": salta tras la coma */
}

/* Pie en tablet: filas de contacto, copyright y Términos/Privacidad a 11 px con sus iconos, y aire bajo el copyright (el panel tenía alto fijo en u8 y el texto quedaba pegado al borde). */
@media (min-width: 768px) and (max-width: 1024px) {
	.mt-footer .elementor-icon-list-text,
	.mt-footer .mt-footer-copyright .elementor-heading-title,
	.mt-footer .mt-footer-legal-link .elementor-heading-title { font-size: 11px !important; line-height: 1.4 !important; }
	.mt-footer .elementor-icon-list-icon i { font-size: 12px !important; }
	.mt-footer .elementor-icon-list-icon svg { width: 12px !important; height: 12px !important; }
	.mt-footer .mt-footer-panel { min-height: 0 !important; padding-bottom: 32px !important; }
	/* los contenedores de las filas tenían ancho fijo en u8 (pensado para texto de 6-9 px): ahora miden lo que mide su contenido, y space-between los reparte */
	.mt-footer .mt-footer-contact-left, .mt-footer .mt-footer-contact-right, .mt-footer .mt-footer-legal-links, .mt-footer .mt-footer-contact-title, .mt-footer .mt-footer-address, .mt-footer .mt-footer-phone, .mt-footer .mt-footer-email, .mt-footer .mt-footer-instagram, .mt-footer .mt-footer-copyright, .mt-footer .mt-footer-legal-link { width: auto !important; max-width: none !important; }
	.mt-footer .elementor-icon-list-text, .mt-footer .mt-footer-copyright .elementor-heading-title, .mt-footer .mt-footer-legal-link .elementor-heading-title { white-space: nowrap; }
	.mt-footer .mt-footer-legal-links { gap: 20px !important; }
}

/* "Hablemos" (pie) en tablet y móvil: tamaño de letra, alto y relleno los fija la regla única de los botones píldora (components/buttons.css). */
@media (min-width: 768px) and (max-width: 1024px) {
	.mt-footer .elementor-widget-button.mt-cta-pill { width: auto !important; max-width: none !important; }
}

/* Pie en tablet: "Ponte en contacto" (h5) a 15 px */
@media (min-width: 768px) and (max-width: 1024px) {
	.mt-footer .mt-footer-contact-title .elementor-heading-title { font-size: 15px !important; line-height: 1.3 !important; }
}

/* Pie en móvil: panel redondeado a casi todo el ancho y todo en una columna (logo, título, texto, Hablemos; debajo contacto, raya, copyright y enlaces). Las filas de dos columnas de PC (389 px cada una) eran lo que desbordaba la página. */
@media (max-width: 767px) {
	.mt-footer { padding: 0 12px 12px !important; }
	.mt-footer .mt-footer-panel { min-height: 0 !important; width: 100% !important; border-radius: 22px !important; padding: 56px 24px 28px !important; }
	.mt-footer .mt-footer-isotype { width: 52px !important; }
	.mt-footer .mt-footer-isotype img { width: 52px !important; height: auto !important; }
	.mt-footer .mt-footer-title { width: 100% !important; max-width: 100% !important; margin-top: 22px; }
	.mt-footer .mt-footer-title .elementor-heading-title { font-size: 28px !important; line-height: 1.15 !important; }
	.mt-footer .mt-footer-text { width: 100% !important; max-width: 300px !important; margin-top: 18px; }
	.mt-footer .elementor-widget-heading p { font-size: 12px !important; line-height: 1.6 !important; }
	.mt-footer .elementor-widget-button.mt-cta-pill { width: auto !important; max-width: none !important; margin-top: 28px; }
	.mt-footer .mt-footer-info { width: 100% !important; margin-top: 56px !important; }
	.mt-footer .mt-footer-contact-row { flex-direction: column !important; align-items: flex-start !important; gap: 12px !important; width: 100% !important; }
	.mt-footer .mt-footer-contact-left, .mt-footer .mt-footer-contact-right, .mt-footer .mt-footer-legal, .mt-footer .mt-footer-legal-links { flex-wrap: nowrap !important; }
	.mt-footer .mt-footer-contact-left, .mt-footer .mt-footer-contact-right { flex-direction: column !important; align-items: flex-start !important; gap: 12px !important; width: 100% !important; max-width: none !important; margin-top: 0 !important; }
	.mt-footer .mt-footer-contact-title { width: auto !important; max-width: none !important; }
	.mt-footer .mt-footer-contact-title .elementor-heading-title { font-size: 18px !important; line-height: 1.3 !important; }
	.mt-footer .elementor-widget-icon-list { width: 100% !important; max-width: none !important; }
	.mt-footer .elementor-icon-list-text { font-size: 12px !important; line-height: 1.45 !important; }
	.mt-footer .elementor-icon-list-icon i { font-size: 13px !important; }
	.mt-footer .elementor-icon-list-icon svg { width: 13px !important; height: 13px !important; }
	.mt-footer .mt-footer-divider { margin-top: 22px !important; }
	.mt-footer .mt-footer-legal { flex-direction: column !important; align-items: flex-start !important; gap: 12px !important; width: 100% !important; margin-top: 20px !important; }
	.mt-footer .mt-footer-copyright, .mt-footer .mt-footer-legal-links, .mt-footer .mt-footer-legal-link { width: auto !important; max-width: none !important; margin-top: 0 !important; }
	.mt-footer .mt-footer-copyright .elementor-heading-title, .mt-footer .mt-footer-legal-link .elementor-heading-title { font-size: 11px !important; line-height: 1.4 !important; }
	.mt-footer .mt-footer-legal-links { justify-content: flex-start !important; gap: 20px !important; }
}