/* ==========================================================================
   VARIANTES DE COLOR PARA LA DEMO — solo se carga con TECHPARK_DEMO (inc/features.php).
   El conmutador flotante pone body.variante-a | -b | -c. A es la web tal cual: no necesita nada.
   Cuando se decida: lo elegido pasa a tokens.css / home.css y este archivo se borra.

     A · azul profundo (navy-900 / navy-800) en los fondos oscuros  — como está
     B · mismo diseño, azul corporativo (navy-700) en los fondos oscuros
     C · fondos invertidos: lo oscuro pasa a blanco / gris claro, texto navy
   ========================================================================== */

/* ---------- B · azul corporativo en vez del profundo ---------- */
.variante-b {
  --c-bg-deep: var(--navy-600);
  /* cabeceras, .section--deep, tarjetas del menú… */
  --c-bg-dark: var(--navy-600);
  /* .section--dark, pie superior… */
  --c-text: var(--navy-600);
  /* titulares (los contenedores oscuros lo siguen volcando a blanco) */
  --c-ink: var(--navy-600);
  /* rellenos de botón, chips, focos */
  --c-on-accent: var(--navy-600);
  /* texto sobre cian */
}

.variante-b .home-fund {
  /* va a mano en home.css, no por token */
  background: var(--navy-600);
}

.variante-b .hero__shade {
  background: linear-gradient(90deg, rgb(7 18 67 / .1) 0%, rgb(42 48 118 / 10%) 100%), linear-gradient(198.126deg, #2a307600 10.388%, rgb(42 48 118 / 98%) 70.252%);
}

.variante-b .hero__shade:before {
  background: linear-gradient(to top, #2a3076 50%, rgb(16 47 186 / 0%) 100%);
}

.variante-b .hero__shade:after {
  background: linear-gradient(90deg, rgb(42 48 118 / 92%) 0%, rgb(42 48 118 / 78%) 38%, rgb(42 48 118 / 32%) 70%, rgb(7 18 67 / 0%) 100%), linear-gradient(179deg, rgb(7 18 67 / 0%) 0%, transparent 30%, transparent 60%, rgb(7 18 67 / 0) 100%);
}

.variante-b .home-areas {
  background: var(--navy-600);
}

.variante-b .variante-b .home-fund {
  background: var(--navy-600);
}

.variante-b .home-cifras {
  background: var(--navy-600);
}

.variante-b .pie-top {
  background: var(--navy-900);
}

.variante-b .pie {
  background: var(--navy-900);
}

.variante-b .area-hero__bg::before {
  background: radial-gradient(90% 72.62% at 64% 29%, rgba(5, 12, 64, 0) 0%, var(--navy-600) 100%);
}

.variante-b .area-hero__bg::after {
  background: linear-gradient(90deg, rgb(42 48 118 / 85%) 0%, rgb(42 48 118 / 35%) 60%, transparent 100%);
}

.area-hero {
  background: var(--navy-600);
}




/* ---------- C · fondos invertidos ---------- */
.variante-c .home-cifras {
  background: var(--c-bg-soft);
}

.variante-c .home-cifras__num {
  color: var(--navy-700);
}

.variante-c .home-cifras__text {
  color: var(--c-text-muted);
}

.variante-c .home-news {
  background: var(--navy-900);
}

.variante-c .home-news__eyebrow {
  color: #fff;
}

.variante-c .home-news__title {
  color: #fff;
}

.variante-c .home-news__link {
  color: #fff;
}

.variante-c .home-news__row-title a {
  color: rgb(255 255 255 / 70%);
}

.variante-c .home-cifras__intro-accent {
  color: var(--cyan-400);
}

.variante-c .home-cifras__intro {
  color: var(--navy-600);
  /* color final del texto (home.css lo fija a #fff) */
  --wave-start: rgb(42 48 118 / .18);
  /* color apagado antes de pasar la onda */
}