/* Universo Cadista - hoja unica, mobile-first */

:root{
  --azul:#002A69;
  --azul-osc:#001B45;
  --azul-cla:#0B4192;
  --amarillo:#FCD509;
  --amarillo-osc:#C9A700;
  --tinta:#111827;
  --tinta-2:#4A5568;
  --tinta-3:#7B8794;
  --fondo:#F5F7FA;
  --blanco:#FFFFFF;
  --linea:#DCE3EC;
  --verde:#0F7A52;
  --rojo:#B3261E;
  --radio:6px;
  --ancho:1100px;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--fondo);color:var(--tinta);
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  font-size:17px;line-height:1.6;
}
img{max-width:100%;height:auto;display:block}
a{color:var(--azul-cla);text-decoration-thickness:1px;text-underline-offset:2px}
a:hover{color:var(--azul)}
:focus-visible{outline:3px solid var(--amarillo);outline-offset:2px}

.contenedor{max-width:var(--ancho);margin:0 auto;padding:0 16px}
.saltar{position:absolute;left:-9999px}
.saltar:focus{left:8px;top:8px;z-index:99;background:var(--amarillo);color:var(--azul);padding:8px 14px;border-radius:var(--radio)}

/* ---- Cabecera ---- */
.cabecera{background:var(--azul);color:#fff;border-bottom:4px solid var(--amarillo)}
.cabecera__int{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;padding-top:10px;padding-bottom:10px}
.marca{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:800;letter-spacing:-.01em}
.marca img{width:44px;height:44px}
.marca__txt{font-size:18px;line-height:1.05;text-transform:uppercase}
.marca__txt b{color:var(--amarillo);display:block;font-weight:800}
.nav{display:flex;flex-wrap:wrap;align-items:center;gap:2px;margin-left:auto}
.nav>a,.nav__mas summary{
  color:#fff;text-decoration:none;font-size:14px;font-weight:600;
  text-transform:uppercase;letter-spacing:.03em;padding:8px 10px;border-radius:4px;
  cursor:pointer;list-style:none;
}
.nav>a:hover,.nav__mas summary:hover{background:rgba(255,255,255,.12);color:#fff}
.nav>a[aria-current="page"]{background:var(--amarillo);color:var(--azul)}
.nav__mas{position:relative}
.nav__mas summary::-webkit-details-marker{display:none}
.nav__mas summary::after{content:" ▾"}
.nav__panel{
  position:absolute;right:0;top:100%;background:#fff;border:1px solid var(--linea);
  border-radius:var(--radio);box-shadow:0 10px 30px rgba(0,42,105,.18);
  min-width:170px;padding:6px;z-index:20;display:flex;flex-direction:column;
}
.nav__panel a{padding:8px 10px;border-radius:4px;text-decoration:none;font-size:15px;color:var(--tinta)}
.nav__panel a:hover{background:var(--fondo)}

/* ---- Migas ---- */
.miga{font-size:13px;color:var(--tinta-3);padding-top:14px}
.miga a{color:var(--tinta-2)}
.miga span{margin:0 4px}

/* ---- Tipografia ---- */
main{padding-top:24px;padding-bottom:56px}
h1{font-size:clamp(28px,5.4vw,40px);line-height:1.14;letter-spacing:-.02em;margin:8px 0 10px;text-wrap:balance}
h2{font-size:clamp(20px,3.2vw,25px);line-height:1.2;letter-spacing:-.012em;margin:0 0 10px;text-wrap:balance}
h3{font-size:17px;margin:0 0 6px}
p{margin:0 0 14px}
.entradilla{font-size:19px;color:var(--tinta-2);max-width:62ch;margin-bottom:18px}
.sello{
  font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:700;
  color:var(--tinta-3);margin:0 0 6px;
}
.vacio{color:var(--tinta-3);font-style:italic}
.incompleto{
  background:#FFF8DC;border-left:4px solid var(--amarillo-osc);
  padding:12px 16px;border-radius:0 var(--radio) var(--radio) 0;font-size:15px;color:#5A4A00;
}
.incompleto span{font-weight:700;text-transform:uppercase;font-size:12px;letter-spacing:.06em;display:block}

/* ---- Rejillas ---- */
.rejilla-2{display:grid;grid-template-columns:1fr;gap:20px;margin-bottom:8px}
@media(min-width:760px){.rejilla-2{grid-template-columns:1fr 1fr;gap:24px}}

/* ---- Tarjetas ---- */
.tarjeta{background:#fff;border:1px solid var(--linea);border-radius:var(--radio);padding:20px}
.tarjeta--destacada{border-top:4px solid var(--amarillo);box-shadow:0 2px 16px rgba(0,42,105,.07)}
.tarjeta__tit{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--tinta-3);margin-bottom:14px}
.tarjeta__grande{font-size:22px;font-weight:700;margin:0 0 12px}

.marcador{margin-bottom:16px}
.marcador--filas{display:flex;flex-direction:column;gap:2px}
.marcador__fila{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:7px 0;border-bottom:1px solid var(--linea);
}
.marcador__fila:last-child{border-bottom:0}
.marcador__fila.es-gana .marcador__nombre,.marcador__fila.es-gana .marcador__gol{color:var(--azul)}
.marcador__fila:not(.es-gana) .marcador__gol{color:var(--tinta-3)}
.marcador__nombre{font-weight:700;font-size:17px;line-height:1.2}
.marcador__gol{font-size:28px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1}
.marcador--previa{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.marcador__vs{
  background:var(--azul);color:var(--amarillo);font-size:11px;font-weight:800;
  text-transform:uppercase;letter-spacing:.06em;padding:3px 8px;border-radius:3px;
}

/* ---- Listas de datos ---- */
.datos{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin:0 0 16px}
.datos--ancho{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:24px}
.datos>div{border-left:2px solid var(--linea);padding-left:10px}
.datos dt{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--tinta-3);font-weight:700}
.datos dd{margin:2px 0 0;font-weight:600;font-size:15px}

.boton{
  display:inline-block;background:var(--azul);color:#fff;text-decoration:none;
  font-weight:700;font-size:15px;padding:10px 18px;border-radius:var(--radio);
}
.boton:hover{background:var(--azul-cla);color:#fff}
.boton--plano{background:transparent;color:var(--azul);border:1px solid var(--linea)}
.boton--plano:hover{background:var(--fondo);color:var(--azul)}

/* ---- Bloques ---- */
.bloque{margin:34px 0}
.bloque__cab{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:12px;border-bottom:2px solid var(--azul);padding-bottom:6px}
.bloque__cab h2{margin:0}
.bloque__cab a{font-size:14px;font-weight:600}
.cuenta{
  display:inline-block;background:var(--amarillo);color:var(--azul);
  font-size:13px;font-weight:800;padding:1px 8px;border-radius:20px;vertical-align:middle;
}

/* ---- Tablas ---- */
.tabla-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.tabla{width:100%;border-collapse:collapse;background:#fff;font-size:15px;min-width:420px}
.tabla thead th{
  background:var(--azul);color:#fff;text-align:left;font-size:11px;
  text-transform:uppercase;letter-spacing:.06em;padding:9px 10px;white-space:nowrap;
}
.tabla td{padding:9px 10px;border-bottom:1px solid var(--linea);font-variant-numeric:tabular-nums;white-space:nowrap}
.tabla tr:last-child td{border-bottom:0}
.tabla__equipo{font-weight:600;white-space:normal}
.tabla .es-cadiz{background:#FFF8DC}
.tabla .es-cadiz td{font-weight:700}
.tabla--mini{min-width:0;font-size:14px}

/* ---- Noticias ---- */
.lista-noticias{list-style:none;margin:0;padding:0;border-top:1px solid var(--linea)}
.lista-noticias li{border-bottom:1px solid var(--linea)}
.lista-noticias a{display:block;padding:13px 0;text-decoration:none;color:var(--tinta)}
.lista-noticias a:hover .lista-noticias__tit{color:var(--azul-cla);text-decoration:underline}
.lista-noticias__fecha{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--tinta-3);font-weight:700}
.lista-noticias__tit{display:block;font-weight:700;font-size:17px;line-height:1.32;margin-top:2px}
.lista-noticias__sub{display:block;color:var(--tinta-2);font-size:15px;margin-top:3px}
.lista-noticias--grande .lista-noticias__tit{font-size:20px}

.lista-simple{list-style:none;margin:0;padding:0}
.lista-simple li{padding:9px 0;border-bottom:1px solid var(--linea)}
.lista-simple li:last-child{border-bottom:0}
.lista-simple em{color:var(--tinta-3);font-style:normal;font-size:14px}
.pastilla{
  display:inline-block;font-size:11px;font-weight:800;text-transform:uppercase;
  letter-spacing:.05em;padding:2px 7px;border-radius:3px;margin-right:6px;
}
.pastilla--alta{background:#DCF0E7;color:var(--verde)}
.pastilla--baja{background:#FBE3E1;color:var(--rojo)}

.noticia{max-width:70ch}
.noticia h2{margin-top:28px}
.fuente{font-size:14px;color:var(--tinta-2);border-top:1px solid var(--linea);padding-top:14px;margin-top:28px}
.relacionados{font-size:15px}

/* ---- Jugadores ---- */
.rejilla-jugadores{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}
.jugador a{
  display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--linea);
  border-radius:var(--radio);padding:11px 13px;text-decoration:none;color:var(--tinta);
}
.jugador a:hover{border-color:var(--azul);box-shadow:0 2px 10px rgba(0,42,105,.09)}
.jugador__dorsal{
  min-width:30px;height:30px;display:grid;place-items:center;background:var(--azul);
  color:var(--amarillo);font-weight:800;border-radius:4px;font-size:14px;flex:none;
}
.jugador__nombre{font-weight:600;line-height:1.25}
.jugador__nota{display:block;font-size:12px;color:var(--tinta-3);font-weight:400}

/* ---- Cronologia y FAQ ---- */
.cronologia{list-style:none;margin:0;padding:0}
.cronologia li{display:grid;grid-template-columns:1fr;gap:2px;padding:16px 0;border-top:1px solid var(--linea)}
@media(min-width:640px){.cronologia li{grid-template-columns:150px 1fr;gap:20px}}
.cronologia__anyo{font-weight:800;color:var(--azul);font-variant-numeric:tabular-nums}
.cronologia p{margin:4px 0 0;color:var(--tinta-2)}

.faq details{background:#fff;border:1px solid var(--linea);border-radius:var(--radio);padding:12px 16px;margin-bottom:8px}
.faq summary{font-weight:700;cursor:pointer}
.faq p{margin:10px 0 0;color:var(--tinta-2)}

/* ---- Pie ---- */
.pie{background:var(--azul-osc);color:#C6D3E8;padding:32px 0;margin-top:auto}
.pie__aviso{font-size:14px;max-width:70ch;color:#9FB4D4}
.pie__nav{display:flex;flex-wrap:wrap;gap:8px 18px;margin:16px 0}
.pie__nav a{color:#fff;font-size:14px;font-weight:600;text-decoration:none}
.pie__nav a:hover{color:var(--amarillo)}
.pie__copy{font-size:13px;color:#7D93B5;margin:0}

@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}