/*
Theme Name: Hello Elementor Child — Infofase
Description: Cabecera y pie unificados con las landings HTML + acceso Distribuidores.
Author: Infofase
Template: hello-elementor
Version: 1.0.0
*/

/* Estilos del contenido: el tema padre + infofase-hdr-ftr.css */

/* Hotfix de legibilidad en Home (tarjetas/slides de categorias) */
body.home .elementor-widget-slides .elementor-slide-heading,
body.home .elementor-widget-slides .elementor-slide-description {
	color: #1f2937 !important;
	text-shadow: none !important;
}

body.home .elementor-widget-slides .elementor-slide-button {
	background: #f26522 !important;
	color: #ffffff !important;
	border: 0 !important;
}

/*
 * Essential Addons — Call to action (preset 2):
 * El CSS generado por Elementor fuerza color:#fff en el botón principal pero a veces
 * el fondo sigue siendo blanco → texto invisible. Forzamos estilo marca.
 */
body .eael-call-to-action .cta-button:not(.cta-secondary-button) {
	background-color: #f26522 !important;
	color: #ffffff !important;
	border: 0 !important;
	box-shadow: 0 6px 20px rgba(242, 101, 34, 0.35) !important;
}

body .eael-call-to-action .cta-button:not(.cta-secondary-button):hover {
	background-color: #d4521a !important;
	color: #ffffff !important;
}

/* Home: CTA con imagen — títulos y textos legibles sobre fondos oscuros */
body.home .eael-call-to-action.bg-img .title:not(.eael-cta-gradient-title),
body.home .eael-call-to-action.bg-img .eael-cta-heading {
	color: #ffffff !important;
	text-shadow: 0 2px 14px rgba(0, 0, 0, 0.55) !important;
}

body.home .eael-call-to-action.bg-img p {
	color: rgba(255, 255, 255, 0.95) !important;
	text-shadow: 0 1px 10px rgba(0, 0, 0, 0.45) !important;
}

body.home .eael-call-to-action.bg-img .sub-title {
	color: rgba(255, 255, 255, 0.92) !important;
	text-shadow: 0 1px 8px rgba(0, 0, 0, 0.4) !important;
}

/*
 * Home — grid de CTAs (Essential Addons): tipografía “normal” + móvil.
 * El kit/Elementor usaba Barlow Condensed; el Custom CSS del page fija min-height:550px.
 */
body.home {
	-webkit-text-size-adjust: 100%;
	font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

body.home .eael-call-to-action,
body.home .eael-call-to-action .title,
body.home .eael-call-to-action .eael-cta-heading,
body.home .eael-call-to-action .sub-title,
body.home .eael-call-to-action p,
body.home .eael-call-to-action .cta-button {
	font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
	font-stretch: normal !important;
	letter-spacing: normal !important;
}

body.home .eael-call-to-action .title,
body.home .eael-call-to-action .eael-cta-heading {
	font-weight: 700 !important;
	line-height: 1.25 !important;
}

body.home .eael-call-to-action p {
	line-height: 1.55 !important;
}

/* Tarjetas 2×2: en móvil una columna (evita celdas al 50 % demasiado estrechas) */
@media (max-width: 767px) {
	body.home .elementor-43 .elementor-element.elementor-element-4773a3b,
	body.home .elementor-43 .elementor-element.elementor-element-5b7946d,
	body.home .elementor-43 .elementor-element.elementor-element-926bde6,
	body.home .elementor-43 .elementor-element.elementor-element-00f7e34 {
		width: 100% !important;
	}

	body.home .elementor-43 .elementor-element.elementor-element-1a468a9 {
		width: 100% !important;
	}

	/* Sustituye min-height 550px / 425px del CSS personalizado de Elementor */
	body.home .elementor-43 .elementor-element.elementor-element-8538f03 .eael-call-to-action.bg-img,
	body.home .elementor-43 .elementor-element.elementor-element-e391a36 .eael-call-to-action.bg-img,
	body.home .elementor-43 .elementor-element.elementor-element-f4272f9 .eael-call-to-action.bg-img {
		min-height: 300px !important;
	}

	body.home .elementor-43 .elementor-element.elementor-element-6f01522 .eael-call-to-action.bg-img,
	body.home .elementor-43 .elementor-element.elementor-element-df35045 .eael-call-to-action.bg-img {
		min-height: 260px !important;
	}

	body.home .elementor-43 .eael-call-to-action.bg-img {
		padding: 1.35rem 1rem 1.5rem !important;
	}
}