/* =====================================================================
   WBA Future Champions · web NUEVA de propuesta (estilo Nike)
   DOS TEMAS, con el botón sol/luna de la barra (Luis, 7-oct-2026):

   - OSCURO (luna) · el de entrada. Sobrio, en negros, como era la web antes del azul,
     con pocos detalles azules y difuminados: el brillo del podio y de «Próxima pelea»,
     un resplandor arriba de las páginas de listas y el de «Qué hacemos» y «Países».
     Las páginas que eran blancas (ranking, perfil, temporada, fecha, clubes) también van en negro.
   - CLARO (sol) · el «azulito AMB» V3 publicado el 7-oct: fondo azul muy claro con tarjetas
     blancas, podio, «Próxima pelea» y botones en azul AMB (#0054A5) y las partes oscuras
     (inicio, qué hacemos, aliados, país, etapa) en azul noche AMB.

   En los dos: el selector de categorías, la cabecera del celular y el buscador en LIQUID GLASS
   (blur 20 · saturate 160 % · filo de luz de 1 px · radios grandes).
   El dorado (puntos, «1», «Líder», «En N días») y el rojo («en vivo», esquina roja) NO cambian,
   ni los colores de las 5 etapas ni de los países.

   CÓMO SE ELIGE EL TEMA
   <html data-tema="oscuro|claro">: lo pone el <script> del <head> de cada página (sin parpadeo)
   y lo confirma sistema/idioma.js (data-marca="future" = oscuro por defecto). Lo que elige cada
   persona se guarda en localStorage «fcTema»; ?tema=claro|oscuro lo fuerza en un enlace.
   Sin atributo (sin JavaScript) = oscuro. El botón lo pone nike-base.js (.nk-tema).

   Va enlazado JUSTO DESPUÉS de nike.css en las 13 páginas Nike: tiene que ganarle en el orden.
   ===================================================================== */

/* ---------- Paleta del tema OSCURO (la de entrada) ---------- */
:root{
  --az:#0054A5;--az-rgb:0,84,165;--az-luz:#6AA8EA;
  /* páginas de listas (ranking, perfil, temporada, fecha, clubes) en negro, con tarjetas grafito */
  --az-fondo:#000;
  --az-fondo-img:radial-gradient(70% 380px at 50% -40px,rgba(0,84,165,.20),rgba(0,84,165,0) 72%);
  --az-tarjeta:#0E0F11;--az-control:rgba(255,255,255,.04);--az-hoja:#111214;
  --az-sombra:inset 0 0 0 1px rgba(255,255,255,.06);--az-sombra-chica:inset 0 0 0 1px rgba(255,255,255,.06);
  --az-linea:rgba(255,255,255,.11);--az-linea-suave:rgba(255,255,255,.07);--az-borde:rgba(255,255,255,.22);--az-hover-borde:#fff;
  --az-tinta:#fff;--az-gris:#8A8D93;
  --az-cabecera:#fff;--az-pos:#fff;--az-icono:#C9CBD0;--az-ganada:#fff;--az-ganada-texto:#000;
  --az-vacia:#4A4D52;--az-placeholder:#6E7177;--az-pulsado:rgba(255,255,255,.08);--az-fila-hover:rgba(255,255,255,.03);
  /* vidrio oscuro neutro */
  --az-vidrio-n:.05;--az-vidrio:rgba(255,255,255,.03);--az-vidrio-base:rgba(14,15,18,.62);--az-vidrio-borde:rgba(255,255,255,.12);
  --az-vidrio-brillo:rgba(255,255,255,.06);--az-vidrio-filo:rgba(255,255,255,.14);
  --az-vidrio-sombra:0 10px 28px rgba(0,0,0,.45),0 1px 2px rgba(0,0,0,.3);
  --az-pest-fondo:rgba(255,255,255,.05);--az-pest-borde:rgba(255,255,255,.08);--az-pest-hover:rgba(255,255,255,.11);
  --az-activa-fondo:#fff;--az-activa-borde:#fff;--az-activa-texto:#000;--az-activa-sombra:0 6px 16px rgba(0,0,0,.45);
  --az-idiomas-fondo:rgba(255,255,255,.06);
  --az-busca-claro:rgba(6,7,9,.86);--az-busca-osc:rgba(6,7,9,.86);--az-tipo:#8A8D93;
  --az-barra-claro:rgba(0,0,0,.80);--az-tabs-claro:rgba(17,18,20,.88);--az-tab-inactiva:#8A8D93;--az-tab-activa:#fff;
  /* páginas oscuras: los negros de siempre */
  --az-negro:#000;--az-carbon:#111214;--az-seccion:#000;--az-grafito:#151618;--az-baldosa:#3A3A3A;
  --az-linea-osc:rgba(255,255,255,.16);
  --az-fondo-hacemos:radial-gradient(55% 38% at 85% 30%,rgba(0,84,165,.30),transparent 70%),radial-gradient(50% 30% at 10% 20%,rgba(255,255,255,.035),transparent 70%),linear-gradient(180deg,#000 0%,#17181A 45%,#0B0B0B 100%);
  --az-fondo-paises:radial-gradient(70% 40% at 50% 45%,rgba(0,84,165,.24),transparent 75%),linear-gradient(180deg,#050505 0%,#1C1E22 45%,#0C0C0D 100%);
  --az-barra-osc:rgba(0,0,0,.78);--az-tabs-osc:rgba(17,18,20,.90);--az-tab-icono-osc:#fff;
  --az-pildora:#fff;--az-pildora-texto:#000;--az-pildora-borde:rgba(255,255,255,.55);
  --az-sub-osc:#8A8D93;--az-icono-osc:#C9CBD0;--az-icono-fila-osc:#fff;
  /* podio y «Próxima pelea»: grafito con un brillo azul difuminado desde abajo a la izquierda */
  --az-podio:radial-gradient(120% 140% at 0% 100%,rgba(0,84,165,.40),rgba(0,84,165,0) 60%),linear-gradient(160deg,#242528 0%,#0B0B0C 100%);
  --az-podio-gris:#B5B8BE;
  --az-proxima:radial-gradient(120% 140% at 0% 100%,rgba(0,84,165,.40),rgba(0,84,165,0) 60%),linear-gradient(160deg,#242528 0%,#0B0B0C 100%);
  --az-primario:#fff;--az-primario-texto:#000;--az-primario-hover:#E4E4E4;
  --az-flota:rgba(30,30,34,.38);--az-flota-claro:rgba(22,22,26,.74);
}

/* ---------- Paleta del tema CLARO: el azul AMB V3 ---------- */
:root[data-tema="claro"]{
  --az-fondo:#E6EFF9;--az-fondo-img:none;
  --az-tarjeta:#FFFFFF;--az-control:#FFFFFF;--az-hoja:#F7FAFE;
  --az-sombra:0 1px 2px rgba(0,40,90,.06),0 10px 28px rgba(0,40,90,.07);--az-sombra-chica:0 1px 2px rgba(0,40,90,.06),0 8px 22px rgba(0,40,90,.06);
  --az-linea:rgba(0,84,165,.14);--az-linea-suave:rgba(0,84,165,.09);--az-borde:rgba(0,84,165,.28);--az-hover-borde:#0054A5;
  --az-tinta:#0B1A2E;--az-gris:#56657A;
  --az-cabecera:#0054A5;--az-pos:#0054A5;--az-icono:#0054A5;--az-ganada:#0054A5;--az-ganada-texto:#fff;
  --az-vacia:#A3B3C8;--az-placeholder:#7488A2;--az-pulsado:rgba(0,84,165,.08);--az-fila-hover:rgba(0,84,165,.04);
  --az-vidrio-n:.12;--az-vidrio:rgba(0,84,165,.12);--az-vidrio-base:rgba(240,246,253,.45);--az-vidrio-borde:rgba(255,255,255,.78);
  --az-vidrio-brillo:rgba(255,255,255,.42);--az-vidrio-filo:rgba(255,255,255,.95);
  --az-vidrio-sombra:0 10px 28px rgba(0,40,90,.09),0 1px 2px rgba(0,40,90,.06);
  --az-pest-fondo:rgba(255,255,255,.42);--az-pest-borde:rgba(0,84,165,.10);--az-pest-hover:rgba(255,255,255,.8);
  --az-activa-fondo:linear-gradient(180deg,#1468BC 0%,#0054A5 100%);--az-activa-borde:#0054A5;--az-activa-texto:#fff;
  --az-activa-sombra:inset 0 1px 0 rgba(255,255,255,.35),0 6px 16px rgba(0,84,165,.32);
  --az-idiomas-fondo:rgba(255,255,255,.55);
  --az-busca-claro:rgba(226,237,249,.86);--az-busca-osc:rgba(1,14,32,.84);--az-tipo:#6AA8EA;
  --az-barra-claro:rgba(0,34,74,.90);--az-tabs-claro:rgba(238,245,252,.80);--az-tab-inactiva:#6F8099;--az-tab-activa:#0054A5;
  --az-negro:#010E1F;--az-carbon:#03182F;--az-seccion:#021631;--az-grafito:#0A2547;--az-baldosa:#123360;
  --az-linea-osc:rgba(120,175,240,.24);
  --az-fondo-hacemos:radial-gradient(60% 40% at 85% 30%,rgba(0,84,165,.50),transparent 70%),radial-gradient(50% 30% at 10% 20%,rgba(0,84,165,.32),transparent 70%),radial-gradient(40% 25% at 60% 70%,rgba(0,84,165,.28),transparent 70%),linear-gradient(180deg,#010E1F 0%,#0A2547 45%,#021631 100%);
  --az-fondo-paises:radial-gradient(70% 40% at 50% 45%,rgba(0,84,165,.60),transparent 75%),linear-gradient(180deg,#010E1F 0%,#0E2E58 45%,#021631 100%);
  --az-barra-osc:rgba(1,18,40,.80);--az-tabs-osc:rgba(2,20,44,.86);--az-tab-icono-osc:#6AA8EA;
  --az-pildora:#FFFFFF;--az-pildora-texto:#0054A5;--az-pildora-borde:rgba(160,205,250,.6);
  --az-sub-osc:#9CC2EE;--az-icono-osc:#6AA8EA;--az-icono-fila-osc:#6AA8EA;
  --az-podio:linear-gradient(160deg,#1A72C8 0%,#0054A5 45%,#003B78 100%);--az-podio-gris:#CFE0F5;
  --az-proxima:linear-gradient(160deg,#1A72C8 0%,#0054A5 45%,#003B78 100%);
  --az-primario:#0054A5;--az-primario-texto:#fff;--az-primario-hover:#00448A;
  --az-flota:rgba(0,40,90,.42);--az-flota-claro:rgba(0,48,104,.78);
}

/* ===================================================================
   0 · El botón sol/luna (lo pone nike-base.js en la barra y en la cabecera del celular).
   Muestra el tema al que se pasa: el sol en el oscuro y la luna en el claro.
   =================================================================== */
.nk-tema{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;color:#fff;transition:background-color .2s,transform .12s}
.nk-tema svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.nk-tema:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){.nk-tema:hover{background:rgba(255,255,255,.12)}}
.nk-pdp-cab .nk-tema{width:40px;height:40px;color:var(--az-icono)}
.nk-tema .luna,:root[data-tema="claro"] .nk-tema .sol{display:none}
:root[data-tema="claro"] .nk-tema .luna{display:block}
/* al cambiar de tema, sin animar los colores de toda la página */
:root.cambiando-tema *,:root.cambiando-tema *::before,:root.cambiando-tema *::after{transition:none!important}

/* ===================================================================
   1 · PÁGINAS DE LISTAS (ranking, perfil, fecha, fechas, clubes y las partes
       blancas de país, etapa y qué hacemos): fondo, tarjetas, líneas y textos
   =================================================================== */
body.nk.claro,.nk-px-claro,.nk-pdp-otras,.nk-carrete{background:var(--az-fondo);color:var(--az-tinta)}
body.nk.claro{background:var(--az-fondo-img) no-repeat 0 0/100% 420px,var(--az-fondo)}
.claro-pie{background:var(--az-fondo);border-top-color:var(--az-linea);color:var(--az-gris)}

/* Tarjetas grises (#F5F5F5 / #F0F0F0) */
.nk-rk-regla,.nk-pf-tipos div,.nk-et-reglas div,.nk-px-contacto .caja,.nk-tiles.claros .nk-tile,.nk-pdp-galeria,.nk-carrete-pista .foto{background:var(--az-tarjeta)}
.nk-fecha-card .foto,.nk-fc-fila .mini{background:var(--az-tarjeta)}
.nk-ticket,.nk-ticket.nk-ticket.nk-ticket{background:var(--az-tarjeta)}
.nk-hist-fila .res.p{background:var(--az-tarjeta);color:var(--az-gris)}

/* Bordes y separadores (#E5E5E5 / #F0F0F0) */
.nk-rk-lista,.nk-filas,.nk-pf-filas,.nk-hc-lista{border-top-color:var(--az-linea)}
.nk-rk-fila,.nk-fila,.nk-fc-fila,.nk-hc-lista div{border-bottom-color:var(--az-linea)}
.nk-acordeones details,.nk-acordeones details:last-child{border-color:var(--az-linea)}
.pelea,.nk-dejo .fila,.nk-hist-fila{border-top-color:var(--az-linea-suave)}
.nk-pf-datos div{border-left-color:var(--az-linea)}

/* Controles con borde gris (#CACACB): chips, select y botón de contorno */
.nk-chip{background:var(--az-control);border-color:var(--az-borde);color:var(--az-tinta)}
.nk-select select{background:var(--az-control);border-color:var(--az-borde);color:var(--az-tinta)}
.nk-select select option{background:var(--az-hoja);color:var(--az-tinta)}
.nk-pildora.borde-oscuro{background:var(--az-control);border-color:var(--az-borde);color:var(--az-tinta)}
@media (hover:hover){.nk-pildora.borde-oscuro:hover,.nk-cl-otros .nk-chip:hover{border-color:var(--az-hover-borde)}}
.subrayado{border-bottom-color:var(--az-cabecera)}

/* Píldora activa (chips de temporada y de país): blanca en el oscuro, azul en el claro */
.nk-chip[aria-pressed="true"]{background:var(--az-activa-fondo);border-color:var(--az-activa-borde);color:var(--az-activa-texto);box-shadow:var(--az-activa-sombra)}

/* Textos secundarios (#707072) */
.claro .nk-rk-sub,.claro .nk-rk-vacio,.nk-rk-fila .nom small,.nk-rk-fila .pts small,.nk-hoja-nota,.nk-pf-cab .etapa,.nk-pf-fila span,
.nk-hist-fila small,.nk-pf-nota,.nk-vacio-claro,.nk-et-reglas span,.nk-fc-fila small,.nk-carrete-cab span,.nk-pdp-info .sub,
.nk-pdp-info .lugar,.nk-pdp-info .estado.pasada,.nk-espera,.pelea .cat,.esq .n small,.nk-dejo .n small,.nk-dejo .pts small,.nk-px-claro .nk-nota-sec,
.nk-px-claro .nk-fila .etapa,.nk-px-claro .nk-fila .pts small,.claro .nk-pronto,.nk-ticket em,.nk-ticket.nk-ticket.nk-ticket em,
.nk-cl-portada .ceja,.nk-cl-portada .resumen,.nk-cl-nota,.nk-cl-atletas .nk-rk-fila .pos{color:var(--az-gris)}

/* Tinta principal */
.nk-rk-fila .nom b,.nk-rk-fila .pts,.nk-pf-cab h1,.nk-pf-cab .donde,.nk-pf-datos b,.nk-pf-tipos b,.nk-hist-fila b,.nk-fc-fila b,.nk-px-claro .nk-fila .nombre,
.nk-px-claro .nk-fila .pts,.nk-ticket,.nk-ticket.nk-ticket.nk-ticket b,.nk-ticket.nk-ticket.nk-ticket small,.nk-tiles.claros .nk-tile.texto span,
.nk-hoja-caja{color:var(--az-tinta)}

/* Cabeceras de sección */
.claro .nk-sub,.nk-px-claro .nk-sub,.nk-rk-cab h1,.nk-acordeones summary,.nk-pf-fila b,.nk-fc-mes h2,.nk-hoja-cab b,.nk-pdp-cab .tit,
.nk-px-claro h3,.nk-et-dos h3,.nk-hc-lista b{color:var(--az-cabecera)}

/* Número de posición, resultado ganado y «ganó» de la cartelera */
.nk-rk-fila .pos,.nk-dejo .pos{color:var(--az-pos)}
.nk-hist-fila .res.g,.esq .gana{background:var(--az-ganada);color:var(--az-ganada-texto)}

/* Íconos */
.nk-pdp-cab svg,.nk-rk-fila svg,.nk-px-claro .nk-fila svg,.nk-fc-fila svg,.nk-acordeones summary svg,.nk-pf-datos svg,.nk-select svg{stroke:var(--az-icono)}
.nk-pf-datos span{color:var(--az-tinta)}
.nk-pdp-cab .ico:active{background:var(--az-pulsado)}

/* La barra de arriba (computadora) en las páginas de listas: vidrio, sin la mancha gris debajo */
.claro .nk-barra::before{display:none}
.claro .nk-barra{background:var(--az-barra-claro);-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%)}
@media (min-width:900px){.claro .nk-barra{background:var(--az-barra-claro)}}

/* Pestañas de abajo (celular) en las páginas de listas: vidrio */
.claro-tabs{background:var(--az-tabs-claro);border-top-color:var(--az-linea);-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%)}
.claro-tabs a,.claro-tabs button{color:var(--az-tab-inactiva)}
.claro-tabs .si{color:var(--az-tab-activa)}

/* «Ver el video del club»: como «Próxima pelea» */
.nk-cl-video{background:var(--az-proxima)}
.nk-cl-video span:last-child{color:var(--az-podio-gris)}

/* Estado «hoy / próxima» en verde: más claro sobre negro para que se lea */
.nk-pdp-info .estado:not(.pasada){color:#3DBE7A}
:root[data-tema="claro"] .nk-pdp-info .estado:not(.pasada){color:#007D48}

/* ===================================================================
   2 · LIQUID GLASS: cabecera del celular, selector de categorías,
       chips de temporada y buscador
   Receta: blur(20px) saturate(160%) · relleno al 3–12 % · filo de luz de 1 px arriba ·
   radios grandes · píldora activa blanca (oscuro) o azul (claro).
   =================================================================== */

/* Cabecera del celular (volver · título · ES/EN · tema · filtro · lupa) */
.nk-pdp-cab{
  background:linear-gradient(var(--az-vidrio),var(--az-vidrio)),var(--az-vidrio-base);
  -webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%);
  box-shadow:inset 0 -1px 0 var(--az-linea);
}
.nk-pdp-cab .nk-idiomas{background:var(--az-idiomas-fondo);border-color:var(--az-borde)}
.nk-pdp-cab .nk-idiomas button[aria-pressed="true"]{background:var(--az-activa-fondo);color:var(--az-activa-texto);box-shadow:var(--az-activa-sombra)}
.nk-pdp-cab .nk-idiomas button[aria-pressed="false"]{color:var(--az-gris)}
@media (hover:hover){.nk-pdp-cab .nk-idiomas button[aria-pressed="false"]:hover{color:var(--az-tinta)}}

/* Selector de categorías (ranking) y de «Todas · Próximas · Disputadas» (temporada):
   una barra de vidrio que flota y queda fija al bajar; lo de abajo se ve desenfocado */
.nk-pestanas{
  top:60px;margin:8px 12px 0;padding:6px;gap:6px;scroll-padding-inline:6px;
  border:1px solid var(--az-vidrio-borde);border-bottom:1px solid var(--az-vidrio-borde);border-radius:24px;
  background:
    linear-gradient(180deg,var(--az-vidrio-brillo) 0%,rgba(255,255,255,0) 60%),
    linear-gradient(var(--az-vidrio),var(--az-vidrio)),
    var(--az-vidrio-base);
  -webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%);
  box-shadow:inset 0 1px 0 var(--az-vidrio-filo),var(--az-vidrio-sombra);
}
.nk-pest{
  display:inline-flex;align-items:center;height:34px;padding:0 14px;margin:0;border-radius:999px;
  background:var(--az-pest-fondo);border:1px solid var(--az-pest-borde);
  font:500 14px var(--texto);color:var(--az-gris);
  transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,transform .12s;
}
.nk-pest.si{background:var(--az-activa-fondo);border-color:var(--az-activa-borde);color:var(--az-activa-texto);box-shadow:var(--az-activa-sombra)}
.nk-pest[data-vacia]{color:var(--az-vacia)}
.nk-pest:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){.nk-pest:not(.si):hover{color:var(--az-tinta);background:var(--az-pest-hover);border-color:var(--az-borde)}}
.nk-rk-cuerpo{padding-top:16px}
@media (min-width:900px){
  .nk-pestanas{top:calc(var(--barra) + 12px);width:fit-content;max-width:calc(100% - 2 * max(48px,calc((100% - 1104px) / 2)));margin:0 auto 0 max(48px,calc((100% - 1104px) / 2));padding:6px;gap:6px;border-radius:999px}
  .nk-pest{height:38px;padding:0 18px;font-size:15px}
  .nk-rk-cuerpo{padding-top:22px}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.nk-pestanas,.nk-pdp-cab{background:var(--az-fondo)}}
@media (prefers-reduced-transparency:reduce){.nk-pestanas,.nk-pdp-cab,.claro-tabs{background:var(--az-fondo);-webkit-backdrop-filter:none;backdrop-filter:none}}

/* Buscador: la caja de búsqueda es una píldora de vidrio; el fondo deja ver la página desenfocada */
.nk-buscador{background:var(--az-busca-osc);-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%)}
.nk-buscar-cab{
  margin-top:8px;padding:6px 6px 6px 18px;border:1px solid rgba(255,255,255,.18);border-radius:999px;
  background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.03)),rgba(var(--az-rgb),calc(var(--az-vidrio-n) * 2.2));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 10px 28px rgba(0,0,0,.25);
}
.nk-buscar-cab input{font-size:18px}
.nk-cerrar{height:40px;padding:0 16px;border-radius:999px;background:rgba(255,255,255,.10);color:#fff;font-weight:500}
.nk-res .tipo{color:var(--az-tipo)}
.nk-res{border-bottom-color:var(--az-linea-osc)}
@media (min-width:900px){.nk-buscar-cab{padding:8px 8px 8px 22px}.nk-buscar-cab input{font-size:22px}}
.claro .nk-buscador{background:var(--az-busca-claro)}
/* Solo en el tema claro, sobre las páginas de listas: vidrio claro azulado */
:root[data-tema="claro"] .claro .nk-buscador{color:var(--az-tinta)}
:root[data-tema="claro"] .claro .nk-buscar-cab{
  border-color:var(--az-vidrio-borde);
  background:linear-gradient(180deg,rgba(255,255,255,.55) 0%,rgba(255,255,255,.2) 100%),linear-gradient(var(--az-vidrio),var(--az-vidrio)),rgba(255,255,255,.5);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 10px 28px rgba(0,40,90,.10),0 1px 2px rgba(0,40,90,.06);
}
:root[data-tema="claro"] .claro .nk-buscar-cab svg{stroke:var(--az)}
:root[data-tema="claro"] .claro .nk-buscar-cab input{color:var(--az-tinta)}
:root[data-tema="claro"] .claro .nk-buscar-cab input::placeholder{color:var(--az-placeholder)}
:root[data-tema="claro"] .claro .nk-cerrar{background:var(--az-activa-fondo);color:var(--az-activa-texto);box-shadow:var(--az-activa-sombra)}
:root[data-tema="claro"] .claro .nk-res{border-bottom-color:var(--az-linea)}
:root[data-tema="claro"] .claro .nk-res .tipo{color:var(--az)}
:root[data-tema="claro"] .claro .nk-res span,:root[data-tema="claro"] .claro .nk-vacio{color:var(--az-gris)}
@media (prefers-reduced-transparency:reduce){.nk-buscador{background:#05080E}:root[data-tema="claro"] .claro .nk-buscador{background:var(--az-fondo)}}

/* Hoja de filtros del celular */
.nk-hoja-caja{background:var(--az-hoja)}
.nk-hoja-cab button{color:var(--az-cabecera)}
:root[data-tema="claro"] .nk-hoja-cab button{color:var(--az)}

/* ===================================================================
   3 · PÁGINAS OSCURAS (inicio, qué hacemos, aliados, país, etapa):
       negros de siempre en el oscuro; azul noche AMB en el claro
   =================================================================== */
:root{--negro:var(--az-negro);--carbon:var(--az-carbon);--linea:var(--az-linea-osc)}
.nk-portada::after{background:linear-gradient(180deg,rgba(0,0,0,.35) 0%,rgba(0,0,0,0) 22%,rgba(0,0,0,.5) 55%,var(--az-negro) 88%)}
@media (min-width:900px){.nk-portada::after{background:linear-gradient(180deg,rgba(0,0,0,.45) 0%,rgba(0,0,0,0) 25%,rgba(0,0,0,.25) 50%,var(--az-negro) 92%),linear-gradient(90deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,0) 60%)}}
.nk-hacemos{background:var(--az-fondo-hacemos)}
.nk-temporada{background:var(--az-seccion)}
.nk-paises{background:var(--az-fondo-paises)}
.nk-aliados,.nk-hc-pilares,.nk-hc-bloque,.nk-hc-cierre,.nk-px-cifras,.nk-et-nav{background:var(--az-negro)}
.nk-pie{background:var(--az-negro);border-top-color:var(--az-linea-osc)}
.nk-hc-bloque,.nk-al-pais{border-top-color:var(--az-linea-osc)}
.nk-hc-pro{background:var(--az-carbon)}
:root:not([data-tema="claro"]) .nk-hc-pro{background:#1E1F22}
.nk-tile{background:var(--az-baldosa)}
.nk-hc-grid article,.nk-px-contacto.oscuro .caja{background:var(--az-grafito)}
.nk-temporada .nk-poster,.nk-temporada .nk-fecha-card .foto,.nk-temporada .nk-poster.con-flyer{background:var(--az-grafito)}
.nk-temporada .nk-ticket.nk-ticket.nk-ticket,.nk-temporada .nk-poster .nk-ticket.nk-ticket.nk-ticket{background:var(--az-grafito)}
.nk-temporada .nk-filas{border-top-color:var(--az-linea-osc)}
.nk-temporada .nk-fila{border-bottom-color:var(--az-linea-osc)}
.nk-px-portada::after{background:linear-gradient(180deg,rgba(0,0,0,.45) 0%,rgba(0,0,0,0) 25%,rgba(0,0,0,.55) 60%,var(--az-negro) 96%)}

/* Barra de arriba sobre fondo oscuro, pestañas de abajo y botones en píldora */
.nk-barra.solida{background:var(--az-barra-osc);-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%)}
.claro .nk-barra.solida{background:var(--az-barra-claro)}
.nk-tabs{background:var(--az-tabs-osc);border-top-color:var(--az-linea-osc);-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%)}
.nk-tabs .si svg{stroke:var(--az-tab-icono-osc)}
.claro-tabs{background:var(--az-tabs-claro);border-top-color:var(--az-linea)}
.claro-tabs .si svg{stroke:currentColor}
.nk-pildora.llena{background:var(--az-pildora);color:var(--az-pildora-texto)}
.nk-pildora.borde{border-color:var(--az-pildora-borde)}

/* Acentos en lo oscuro */
.nk-cab-sec p,.nk-temporada .nk-cab-sec p{color:var(--az-sub-osc)}
.nk-temporada .nk-fila .etapa{color:var(--az-sub-osc)}
.nk-pais svg{stroke:var(--az-icono-osc)}
.nk-temporada .nk-fila svg{stroke:var(--az-icono-fila-osc)}

/* ===================================================================
   4 · El podio, «Próxima pelea», botones principales y el botón flotante
   (el «1», «Líder», los puntos dorados y lo rojo NO cambian)
   =================================================================== */
.nk-podio-card,.nk-podio-card .arte{background:var(--az-podio)}
.nk-podio-card{box-shadow:var(--az-sombra-chica)}
.nk-podio-card .etq,.nk-podio-card .txt span,.nk-podio-card .pts small{color:var(--az-podio-gris)}
.nk-podio-card:first-child .etq{color:var(--oro)}
.nk-pf-proxima{background:var(--az-proxima);box-shadow:var(--az-sombra-chica)}
.nk-pf-proxima span:last-child{color:var(--az-podio-gris)}
.nk-pildora.negra{background:var(--az-primario);color:var(--az-primario-texto)}
@media (hover:hover){.nk-pildora.negra:hover{background:var(--az-primario-hover)}}
.nk-flota{background:var(--az-flota)}
.nk-flota.sobre-claro{background:var(--az-flota-claro)}

/* ===================================================================
   5 · Tarjetas: blancas sobre el fondo azul muy claro (claro) o grafito
       con un filo de 1 px sobre el negro (oscuro)
   =================================================================== */
.esq.azul i{background:#0054A5}               /* la esquina azul de la cartelera = azul AMB del manual */
/* Ranking: la lista desde el 4.º va en una tarjeta */
.nk-rk-lista{background:var(--az-tarjeta);border:0;border-radius:16px;padding:2px 18px;margin-top:20px;box-shadow:var(--az-sombra)}
.nk-rk-fila:last-child{border-bottom:0}
@media (hover:hover) and (pointer:fine){.nk-rk-fila:hover{background:var(--az-fila-hover)}}
.nk-rk-regla,.nk-pf-tipos div,.nk-et-reglas div,.nk-px-contacto .caja{box-shadow:var(--az-sombra-chica)}
.nk-px-contacto.oscuro .caja{box-shadow:none}
/* Perfil: los cuatro datos y el historial en tarjetas */
.nk-pf-datos{background:var(--az-tarjeta);border-radius:16px;margin:22px 16px 0;padding:14px 0;box-shadow:var(--az-sombra)}
.claro .nk-acordeones{background:var(--az-tarjeta);border-radius:16px;padding:0 18px;box-shadow:var(--az-sombra)}
.claro .nk-acordeones details:first-of-type{border-top:0}
.claro .nk-acordeones details:last-child{border-bottom:0}
.nk-pf-filas{border-top:0}
@media (min-width:900px){.nk-pf-datos{margin:22px 0 0}}
/* Temporada: cada mes en una tarjeta */
.nk-fc-mes{background:var(--az-tarjeta);border-radius:16px;padding:0 18px 4px;margin-top:16px;box-shadow:var(--az-sombra)}
.nk-fc-mes h2{padding-top:20px}
.nk-fc-mes .nk-fc-fila:last-child{border-bottom:0}
/* Las fechas sin flyer (ticket) sobre la tarjeta: un borde fino para que no se pierdan */
.nk-fc-fila .mini{box-shadow:inset 0 0 0 1px var(--az-linea)}