/* WBA Future Champions — Reglamento oficial (27-oct-2026). Misma clave que «Qué hacemos»: portada con frase
   grande sobre degradado, cuerpo en la sección de listas (negra en el tema oscuro, azul claro en el claro) con
   las listas .nk-hc-lista, y cierre en negro. Los colores salen de las variables de azul.css (--az-*), así
   funciona en los dos temas. Botones: pulsado .97, hover solo con puntero. */

:root{--rg-texto:#B5B8BE;--rg-oro:var(--oro)}
:root[data-tema="claro"]{--rg-texto:#33445C;--rg-oro:#B07A00}

/* ---------- Portada ---------- */
.rg-portada .nk-grande{max-width:22ch}
.rg-portada .nk-grande .gris{display:block;margin-top:14px;font-size:.52em;line-height:1.3;letter-spacing:-.01em;max-width:40ch}
.rg-datos{list-style:none;margin:28px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.rg-datos li{font-size:13px;line-height:1;padding:9px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.22);color:#E4E6EA}
:root[data-tema="claro"] .rg-datos li{border-color:rgba(160,205,250,.45);color:#DCEBFB}

/* ---------- Índice: una fila que se desliza en el celular, varias líneas en escritorio ---------- */
.rg-indice{background:var(--az-negro);border-top:1px solid var(--az-linea-osc);border-bottom:1px solid var(--az-linea-osc)}
.rg-indice .pista{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:14px 0;margin-inline:-24px;padding-inline:24px}
.rg-indice .pista::-webkit-scrollbar{display:none}
.rg-indice a{flex:0 0 auto;font-size:14px;font-weight:500;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.06);color:#E4E6EA;white-space:nowrap;transition:background-color .2s,color .2s,transform .12s}
.rg-indice a:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){.rg-indice a:hover{background:rgba(255,255,255,.14);color:#fff}}
@media (min-width:900px){.rg-indice .pista{flex-wrap:wrap;overflow:visible;margin-inline:0;padding:18px 0}}

/* ---------- Secciones ---------- */
.rg-cuerpo{padding-bottom:24px}
.rg-sec{scroll-margin-top:var(--barra)}
.rg-sec + .rg-sec{border-top:1px solid var(--az-linea)}
.rg-cab{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:16px;align-items:baseline;padding:56px 0 24px}
.rg-cab .n{font-family:var(--display);font-size:40px;line-height:1;color:var(--rg-oro)}
.rg-cab h2{font-size:26px;font-weight:500;letter-spacing:-.02em;line-height:1.15;color:var(--az-cabecera)}
.rg-cab p{grid-column:1/-1;margin-top:12px;font-size:17px;line-height:1.55;color:var(--rg-texto);max-width:68ch}
@media (min-width:900px){
  .rg-cab{padding:88px 0 32px;column-gap:24px}
  .rg-cab .n{font-size:56px}
  .rg-cab h2{font-size:36px}
  .rg-cab p{grid-column:2;font-size:18px}
}
.rg-art{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;font-size:19px;font-weight:500;letter-spacing:-.01em;margin:28px 0 12px;color:var(--az-cabecera)}
.rg-art span{font-size:13px;font-weight:500;letter-spacing:.02em;color:var(--az-gris)}
.rg-intro{font-size:16px;line-height:1.55;color:var(--rg-texto);max-width:68ch;margin:0 0 14px}
.rg .nk-hc-lista{margin-bottom:8px}
.rg .nk-hc-lista div{align-content:start}
.rg .nk-hc-lista p{color:var(--rg-texto)}
.rg .nk-hc-lista b{font-size:18px}
.rg-sec:last-child{padding-bottom:40px}

/* Qué cambió */
.rg-cambios .nk-sub{padding-top:56px}
.rg-cambios .nk-hc-lista b{color:var(--rg-oro)}

/* ---------- Categorías ---------- */
.rg-cats{display:grid;gap:12px;margin-bottom:20px}
@media (min-width:600px){.rg-cats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1000px){.rg-cats{grid-template-columns:repeat(3,minmax(0,1fr))}}
.rg-cat{border-radius:12px;overflow:hidden;background:var(--az-tarjeta);box-shadow:var(--az-sombra);min-width:0}
.rg-cat .cab{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:12px;align-items:end;padding:18px 18px 16px;background:var(--c);color:#fff}
.rg-cat .cab b{grid-row:1/3;color:#fff;font-family:var(--display);font-size:38px;line-height:.95;font-weight:400}
.rg-cat .cab span{font-size:15px;font-weight:500}
.rg-cat .cab small{font-size:13px;color:rgba(255,255,255,.72)}
.rg-cat dl{margin:0;padding:6px 18px 10px}
.rg-cat dl div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--az-linea-suave)}
.rg-cat dl div:last-child{border-bottom:0}
.rg-cat dt{font-size:14px;color:var(--az-gris)}
.rg-cat dd{margin:0;font-size:15px;font-weight:500;text-align:right;color:var(--az-tinta)}

/* Nota destacada */
.rg-nota{border-radius:12px;padding:18px 20px;margin:4px 0 20px;background:var(--az-tarjeta);box-shadow:var(--az-sombra);border-left:3px solid var(--az-cabecera);display:grid;gap:6px}
.rg-nota b{font-size:18px;font-weight:500;color:var(--az-cabecera)}
.rg-nota p{font-size:16px;line-height:1.55;color:var(--rg-texto)}
.rg-nota.oro{border-left-color:var(--rg-oro)}
.rg-nota.oro b{color:var(--rg-oro)}

/* ---------- Tabla de puntos ---------- */
.rg-puntos{border-radius:12px;overflow:hidden;background:var(--az-tarjeta);box-shadow:var(--az-sombra);margin-bottom:16px}
.rg-puntos .fila{display:grid;grid-template-columns:minmax(0,1fr) 64px 64px;align-items:center;column-gap:8px;padding:14px 16px;border-bottom:1px solid var(--az-linea-suave)}
.rg-puntos .fila:last-child{border-bottom:0}
.rg-puntos .fila.cab{padding-top:12px;padding-bottom:12px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--az-gris)}
.rg-puntos .res{display:grid;gap:3px;min-width:0}
.rg-puntos .res b{font-size:17px;font-weight:500;color:var(--az-tinta)}
.rg-puntos .res span{font-size:14px;line-height:1.45;color:var(--az-gris)}
.rg-puntos .g,.rg-puntos .p{text-align:center}
.rg-puntos .fila:not(.cab) .g{font-family:var(--display);font-size:30px;line-height:1;color:var(--rg-oro)}
.rg-puntos .fila:not(.cab) .p{font-family:var(--display);font-size:24px;line-height:1;color:var(--az-gris)}
.rg-puntos .fila:not(.cab) .p.neg{color:#E8272A}
@media (min-width:900px){.rg-puntos .fila{grid-template-columns:minmax(0,1fr) 120px 120px;padding:16px 24px}.rg-puntos .fila:not(.cab) .g{font-size:36px}}

/* ---------- Reclamos: pasos y correo ---------- */
.rg-pasos{list-style:none;margin:0 0 8px;padding:0;display:grid;gap:12px}
@media (min-width:700px){.rg-pasos{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1100px){.rg-pasos{grid-template-columns:repeat(4,minmax(0,1fr))}}
.rg-pasos li{border-radius:12px;padding:20px;background:var(--az-tarjeta);box-shadow:var(--az-sombra);display:grid;gap:6px;align-content:start}
.rg-pasos .n{font-family:var(--display);font-size:32px;line-height:1;color:var(--rg-oro)}
.rg-pasos b{font-size:18px;font-weight:500;color:var(--az-cabecera)}
.rg-pasos p{font-size:15px;line-height:1.5;color:var(--rg-texto)}
.rg-correo{display:grid;gap:16px;justify-items:start;padding:4px 0 8px}
.rg-correo p{font-size:16px;line-height:1.55;color:var(--rg-texto);max-width:68ch}
.rg-correo .dir{font-size:14px;color:var(--az-gris);overflow-wrap:anywhere}
:root[data-tema="claro"] .rg-correo .nk-pildora.llena{background:var(--az-primario);color:var(--az-primario-texto)}
@media (hover:hover){:root[data-tema="claro"] .rg-correo .nk-pildora.llena:hover{background:var(--az-primario-hover)}}

/* ---------- Cierre legal + botones (negro, como el cierre de «Qué hacemos») ---------- */
.rg-legal{background:var(--az-negro);padding:72px 0 80px;border-top:1px solid var(--az-linea-osc)}
.rg-legal-txt{display:grid;gap:12px;max-width:72ch;margin-bottom:64px}
.rg-legal-txt b{font-size:18px;font-weight:500;color:#fff}
.rg-legal-txt p{font-size:14px;line-height:1.6;color:var(--gris)}
.rg-legal-txt .ver{color:#C9CBD0}
@media (min-width:900px){.rg-legal{padding:112px 0 96px}}

@media print{
  .nk-barra,.nk-tabs,.nk-flota,.rg-indice,.nk-splash,.nk-pie,.rg-legal .nk-botones,.rg-legal .nk-grande-2{display:none!important}
  .rv{opacity:1!important;transform:none!important}
}