/* ==========================================================================
   Ainora Digital — Variante B: azul noche con rojo burdeos y marrón cobrizo
   Capa opcional sobre ainora-oscuro.css. Base azul noche (sigue siendo una
   marca tecnológica), cobre como acento principal, burdeos solo como luz de
   fondo. Botones y enlaces de acción en azul eléctrico. El logo no cambia.
   Paleta: #081626 · #8E2435 · #B66A43 · #1769FF · #F5F1EA
   ========================================================================== */

:root {
	--dk-bg: #081626;
	--dk-bg-2: #0E1C30;
	--dk-bg-3: #0A1829;
	--dk-azul: #1769FF;
	--dk-azul-2: #2A76FF;
	--dk-cian: #D9946A;          /* cobre claro: legible sobre fondo oscuro (AA) */
	--ad-cian: #D9946A;
	--dk-texto: #F5F1EA;         /* marfil */
	--ad-marino: #F5F1EA;
	--vb-cobre: 182, 106, 67;    /* #B66A43 */
	--vb-cobre-claro: 217, 148, 106;
	--vb-burdeos: 142, 36, 53;   /* #8E2435 */
	--vb-burdeos-claro: 196, 74, 96;
	/* Intensidades (la microvariante B2 las sube) */
	--vb-luz-burdeos: .40;
	--vb-luz-cobre: .22;
	--vb-reflejo: .40;
	--dk-cristal: linear-gradient(180deg, rgba(20, 34, 56, .74), rgba(10, 22, 38, .74)) padding-box, linear-gradient(140deg, rgba(var(--vb-cobre), .38), rgba(var(--vb-burdeos), .14) 40%, rgba(159, 179, 204, .08) 72%, rgba(var(--vb-cobre), .14)) border-box;
	--ad-sombra-card-hover: 0 30px 60px -30px rgba(var(--vb-burdeos), .55), 0 0 0 1px rgba(var(--vb-cobre), .28);
}

::selection { background: rgba(var(--vb-cobre), .35); }
html, body { background: var(--dk-bg); }

/* Logo intacto (mismos colores que la marca original) */
.ad-logo__tag, .ad-logo--claro .ad-logo__tag { color: #16D6FF; }
.ad-sec--corporativa .ad-eyebrow { color: #F1C3A2 !important; }

/* Titular: marfil + cobre metálico (sin pasar por tonos grises) */
.ad-grad { background: linear-gradient(100deg, #F2CDAE 0%, #DE9A6E 42%, #C2774D 100%); -webkit-background-clip: text; background-clip: text; }
.ad-mision__frase em { background: linear-gradient(100deg, #F2CDAE, #C2774D); -webkit-background-clip: text; background-clip: text; }

/* Enlaces en azul claro (acción); el cobre queda para lo decorativo */
a { color: #8DB8FF; }

/* --------------------------------------------------------------------------
   Hero: base azul noche, luz cálida solo alrededor de la esfera
   -------------------------------------------------------------------------- */
.ad-hero {
	background:
		radial-gradient(34% 46% at 79% 52%, rgba(var(--vb-burdeos), var(--vb-luz-burdeos)) 0%, rgba(var(--vb-burdeos), 0) 70%),
		radial-gradient(55% 65% at 74% 42%, rgba(23, 105, 255, .22) 0%, rgba(23, 105, 255, 0) 62%),
		radial-gradient(40% 50% at 8% 0%, rgba(23, 105, 255, .12) 0%, rgba(23, 105, 255, 0) 70%),
		var(--dk-bg);
}
.ad-hero::after { background: linear-gradient(90deg, rgba(var(--vb-cobre), 0), rgba(var(--vb-cobre), .45), rgba(23, 105, 255, .35), rgba(var(--vb-cobre), 0)); }
.ad-hero__visual {
	background:
		var(--ad-esfera-1100) center / contain no-repeat,
		radial-gradient(circle at 50% 46%, rgba(var(--vb-cobre-claro), var(--vb-luz-cobre)) 0%, rgba(var(--vb-cobre), .08) 32%, rgba(var(--vb-cobre), 0) 54%);
}
/* Reflejo cobrizo sobre la esfera (luz lateral) y contraluz burdeos abajo */
/* Solo tiñe el metal: la capa se recorta con la silueta de la propia esfera */
.ad-hero__visual::after {
	content: ""; position: absolute; inset: 0; pointer-events: none;
	background:
		radial-gradient(circle at 70% 30%, rgba(var(--vb-cobre-claro), var(--vb-reflejo)) 0%, rgba(var(--vb-cobre-claro), 0) 34%),
		radial-gradient(circle at 32% 72%, rgba(var(--vb-burdeos-claro), calc(var(--vb-reflejo) * .8)) 0%, rgba(var(--vb-burdeos-claro), 0) 32%);
	-webkit-mask: var(--ad-esfera-1100) center / contain no-repeat;
	mask: var(--ad-esfera-1100) center / contain no-repeat;
	mix-blend-mode: screen;
}
.ad-hero__inner::after { border-color: rgba(var(--vb-cobre), .20); outline-color: rgba(23, 105, 255, .14); }
.ad-pill { background: rgba(var(--vb-cobre), .09); border-color: rgba(var(--vb-cobre), .32); color: #F1D2BC; }
.ad-pill::before { background: #D9946A; box-shadow: 0 0 10px rgba(var(--vb-cobre), .8); }
.ad-chips span { border-color: rgba(159, 179, 204, .18); }

/* --------------------------------------------------------------------------
   Secciones: líneas de luz cobre, sin teñir los fondos
   -------------------------------------------------------------------------- */
.ad-sec--oscura::before, .ad-footer::before { background: linear-gradient(90deg, rgba(var(--vb-cobre), 0), rgba(var(--vb-cobre), .42), rgba(23, 105, 255, .3), rgba(var(--vb-cobre), 0)); }
.ad-sec--corporativa::before { border-color: rgba(var(--vb-cobre), .12); }
.ad-hero-int { background: radial-gradient(45% 65% at 85% 30%, rgba(var(--vb-burdeos), .24), rgba(var(--vb-burdeos), 0) 70%), radial-gradient(40% 60% at 10% 0%, rgba(23, 105, 255, .16), rgba(23, 105, 255, 0) 70%), var(--dk-bg); }

/* Iconos y marcas: cobre sobre cristal oscuro; los cuadros llenos, de azul a cobre */
.ad-icon { background: rgba(var(--vb-cobre), .10); border-color: rgba(var(--vb-cobre), .3); }
.ad-icon--grande, .ad-check li::before, .ad-mock__avatar, .ad-nodo--disparo .ad-nodo__punto { background: linear-gradient(140deg, var(--dk-azul), #B66A43); }
.ad-pasos::before, .ad-pasos--claro::before { background: linear-gradient(90deg, #D9946A 0%, #1769FF 100%); }
.ad-paso.is-activo .ad-paso__num, .ad-paso:hover .ad-paso__num { box-shadow: 0 0 0 6px rgba(var(--vb-cobre), .12), 0 0 26px rgba(var(--vb-cobre), .35); }
.ad-sector-card__tags span, .ad-cta__pill, .ad-canales-tarjeta__estado.is-activo, .ad-demo-badge, .ad-sec--oscura .ad-demo-badge, .ad-sec--corporativa .ad-demo-badge { background: rgba(var(--vb-cobre), .10); border-color: rgba(var(--vb-cobre), .32); color: #F1D2BC; }
.ad-persona__item { border-color: rgba(var(--vb-cobre), .2); }

/* Llamada a la acción: azul con un contraluz burdeos discreto */
.ad-cta__card { box-shadow: 0 50px 100px -50px rgba(23, 105, 255, .5), 0 0 70px -36px rgba(var(--vb-cobre), .3); }
.ad-cta__card::before { border-color: rgba(var(--vb-cobre), .2); }
.ad-cta__card::after { background: radial-gradient(circle, rgba(var(--vb-burdeos), .38), rgba(var(--vb-burdeos), 0) 70%); }

/* Pie: misma sobriedad, títulos en marfil y enlaces que se iluminan en cobre */
.ad-footer__titulo { color: #F5F1EA; }
.ad-footer a:not(.ad-logo):hover { color: #E7B48F; }

/* Acentos de las tarjetas: cobre → azul → burdeos → champán (en lugar de cian, morado, coral y violeta) */
.ad-problemas .ad-card--cristal,
.ad-servicios .ad-card--servicio,
#soluciones .ad-card--servicio,
.pagina-sobre-nosotros .ad-sec--clara .ad-card--servicio { --ac: 217, 148, 106; --ac-color: #D9946A; }
:is(.ad-problemas .ad-card--cristal, .ad-servicios .ad-card--servicio, #soluciones .ad-card--servicio, .pagina-sobre-nosotros .ad-sec--clara .ad-card--servicio):nth-child(4n+2) { --ac: 74, 140, 255; --ac-color: #6FA2FF; }
:is(.ad-problemas .ad-card--cristal, .ad-servicios .ad-card--servicio, #soluciones .ad-card--servicio, .pagina-sobre-nosotros .ad-sec--clara .ad-card--servicio):nth-child(4n+3) { --ac: var(--vb-burdeos-claro); --ac-color: #E59AA8; }
:is(.ad-problemas .ad-card--cristal, .ad-servicios .ad-card--servicio, #soluciones .ad-card--servicio, .pagina-sobre-nosotros .ad-sec--clara .ad-card--servicio):nth-child(4n+4) { --ac: 201, 162, 122; --ac-color: #D8B48C; }

/* Diagnóstico: el acento morado pasa a burdeos claro */
body .ad-diag { --dg-violeta: #E59AA8; }

/* Móvil y tablet: la esfera va debajo del texto */
@media (max-width: 1099px) {
	.ad-hero { background: radial-gradient(80% 42% at 60% 78%, rgba(var(--vb-burdeos), var(--vb-luz-burdeos)), rgba(var(--vb-burdeos), 0) 70%), radial-gradient(70% 30% at 10% 0%, rgba(23, 105, 255, .18), rgba(23, 105, 255, 0) 70%), var(--dk-bg); }
	.ad-hero__visual { background: var(--ad-esfera-700) center / contain no-repeat, radial-gradient(circle at 50% 45%, rgba(var(--vb-cobre-claro), var(--vb-luz-cobre)) 0%, rgba(var(--vb-burdeos), .18) 36%, rgba(var(--vb-burdeos), 0) 62%); }
	.ad-hero__visual::after { -webkit-mask-image: var(--ad-esfera-700); mask-image: var(--ad-esfera-700); }
}