/*
 * Identidad corporativa · VARIANTE B (20/10/2026, a prueba: el usuario elige A, B o una mezcla). Se carga DESPUÉS de los estilos
 * de la página: quitar esta hoja deja la variante A tal cual. Solo colores de la paleta (identidad.css); en texto, los tonos
 * «-texto» (AA); el Cian, el Violeta y el Azul puros solo en adornos (manchas de fondo, iconos sobre tinte, barras).
 */

/* Cabecera: Niebla con manchas suaves de Cian y Violeta (adorno, detrás del texto Tinta) */
.hero {
    background:
        radial-gradient(520px circle at 12% 18%, color-mix(in srgb, var(--gea-cian) 16%, transparent), transparent 70%),
        radial-gradient(460px circle at 88% 12%, color-mix(in srgb, var(--gea-violeta) 14%, transparent), transparent 70%),
        radial-gradient(420px circle at 70% 85%, color-mix(in srgb, var(--gea-azul) 8%, transparent), transparent 70%),
        var(--gea-niebla);
}
/* Resalte del titular: el degradado del logo, en sus tonos de texto (5,4–7,1:1 sobre Niebla) */
.hero-title .gea-resalte {
    background: linear-gradient(90deg, var(--gea-cian-texto), var(--gea-azul-texto), var(--gea-violeta-texto));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Separadores: una barra fina con el degradado corporativo encima de algunas secciones (adorno, sin texto) */
.integrations, .features, .modules, .benefits, .pricing {
    border-top: 3px solid transparent;
    border-image: var(--gea-degradado) 1;
}

/* Cabeceras de chat (GEABot): del Cian para texto al Violeta para texto, letra blanca (5,4 y 7,1:1) */
/* .pg-geabot .pg-card-cab: la tarjeta trae su <style> en la página, después de esta hoja; hace falta más especificidad */
.chat-demo-header, .pg-geabot .pg-card .pg-card-cab {
    background: linear-gradient(135deg, var(--gea-cian-texto), var(--gea-violeta-texto));
}

/* Iconos que se alternan: Cian, Violeta, Azul */
.feature-card:nth-child(3n+2) .feature-icon,
.benefit-card:nth-child(3n+2) .benefit-icon { background: color-mix(in srgb, var(--gea-violeta) 12%, transparent); }
.feature-card:nth-child(3n+2) .feature-icon i,
.benefit-card:nth-child(3n+2) .benefit-icon i { color: var(--gea-violeta-texto); }
.feature-card:nth-child(3n) .feature-icon,
.benefit-card:nth-child(3n) .benefit-icon { background: color-mix(in srgb, var(--gea-azul) 12%, transparent); }
.feature-card:nth-child(3n) .feature-icon i,
.benefit-card:nth-child(3n) .benefit-icon i { color: var(--gea-azul-texto); }

.module-card:nth-child(3n+2) .module-icon,
.chatbot-feature-item:nth-child(3n+2) .chatbot-feature-icon { background: linear-gradient(135deg, var(--gea-violeta-texto), var(--gea-azul-texto)); }
.module-card:nth-child(3n) .module-icon,
.chatbot-feature-item:nth-child(3n) .chatbot-feature-icon { background: linear-gradient(135deg, var(--gea-azul-texto), var(--gea-cian-texto)); }

.integration-logo:nth-child(3n+2) .integration-logo-icon { color: var(--gea-violeta-texto); }
.integration-logo:nth-child(3n) .integration-logo-icon { color: var(--gea-azul-texto); }

/* Plan recomendado: acento Violeta */
.pricing-card.featured { box-shadow: 0 16px 48px color-mix(in srgb, var(--gea-violeta) 28%, transparent); border: 1px solid color-mix(in srgb, var(--gea-violeta) 55%, transparent); }
.pricing-badge { background: linear-gradient(135deg, var(--gea-violeta-texto), var(--gea-azul-texto)); }

/* Enlaces al pasar el ratón: Violeta para texto */
.desktop-nav a:hover, .legal-back:hover, .legal-footer a:hover { color: var(--gea-violeta-texto); }
footer .footer-section a:hover { color: #FFFFFF; text-decoration: underline; text-decoration-color: var(--gea-violeta); }

/* Cifras y comparativas: Azul */
.stat-number { background: linear-gradient(135deg, var(--gea-azul-texto), var(--gea-violeta-texto)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.kpi-card-demo.highlight::before { background: linear-gradient(90deg, var(--gea-azul), var(--gea-violeta)); }
.kpi-card-demo:not(.highlight) .kpi-icon-demo { background: color-mix(in srgb, var(--gea-azul) 12%, transparent); color: var(--gea-azul-texto); }
.kpi-card-demo.highlight .kpi-icon-demo { color: var(--gea-azul); }

/* Sobre la Niebla de la cabecera el gris de siempre (#64748b) da 4,34:1: un gris más oscuro de la misma familia (7,0:1) */
.hero-description { color: #475569; }