:root{
  --pasto:#1b1916;
  --pasto-claro:#252320;
  --linea:#3a3631;
  --gis:#f4efe6;
  --gis-suave:#c9c1b4;
  --oro:#febd25;
  --oro-hondo:#cc8727;
  --verde:#009b3a;
  --rojo:#c33c3c;
  --azul:#1c68e2;
  --radio:14px;
  --letra-titulo:"Red Hat Display",system-ui,sans-serif;
  --letra-texto:"Red Hat Text",system-ui,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--pasto);color:var(--gis);font:400 17px/1.65 var(--letra-texto)}
img{max-width:100%;height:auto;display:block}
a{color:var(--oro)}
a:hover{color:#ffd56a}
h1,h2,h3{font-family:var(--letra-titulo);line-height:1.2;margin:0 0 .6em}
h1{font-size:clamp(1.85rem,4.4vw,2.9rem);font-weight:800;letter-spacing:-.01em}
h2{font-size:clamp(1.35rem,2.8vw,1.85rem);font-weight:700;margin-top:1.8em}
h3{font-size:1.12rem;font-weight:700}
p{margin:0 0 1.05em}
ul,ol{padding-left:1.25em;margin:0 0 1.1em}
li{margin-bottom:.35em}
strong{color:#fff}

.palco{position:sticky;top:0;z-index:20;background:rgba(27,25,22,.94);backdrop-filter:blur(6px);border-bottom:1px solid var(--linea)}
.palco-linea{max-width:1180px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.palco-escudo{display:block;width:168px;flex:0 0 auto}
.palco-escudo img{width:168px;height:auto}
.palco-saque{display:inline-flex;align-items:center;gap:8px;background:var(--oro-hondo);color:#fff;text-decoration:none;font:700 .95rem/1 var(--letra-titulo);padding:12px 18px;border-radius:10px;white-space:nowrap}
.palco-saque:hover{background:#e0962f;color:#fff}
.palco-saque::after{content:"\2197";font-size:.9em}

.tribuna{border-bottom:1px solid var(--linea);background:var(--pasto-claro)}
.tribuna-marco{max-width:1180px;margin:0 auto;padding:0 16px}
.tribuna-silbato{position:absolute;opacity:0;pointer-events:none}
.tribuna-banderin{display:none}
.tribuna-pasillo{list-style:none;margin:0;padding:10px 0;display:flex;flex-wrap:wrap;gap:8px}
.tribuna-pasillo li{margin:0}
.tribuna-asiento{display:block;padding:7px 14px;border:1px solid var(--linea);border-radius:999px;color:var(--gis-suave);text-decoration:none;font:600 .9rem/1.2 var(--letra-titulo)}
.tribuna-asiento:hover{border-color:var(--oro);color:var(--oro)}
.tribuna-asiento[aria-current="page"]{background:var(--oro);border-color:var(--oro);color:#1b1916}

.campo{max-width:1180px;margin:0 auto;padding:28px 16px 56px}
.saque-inicial{display:grid;grid-template-columns:1.25fr .75fr;gap:32px;align-items:center;margin-bottom:28px}
.saque-inicial--angosto{grid-template-columns:1fr 260px}
.saque-texto>p:first-of-type{font-size:1.1rem;color:var(--gis-suave)}
.mural{margin:0;border-radius:var(--radio);overflow:hidden;border:1px solid var(--linea);background:#2b211a}
.mural figcaption{font-size:.82rem;color:var(--gis-suave);padding:8px 12px}
.acta{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:.88rem;color:var(--gis-suave);margin:0 0 18px;padding:0;list-style:none}
.acta li{margin:0}
.acta b{color:var(--oro);font-weight:600}

.ficha-tecnica{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 26px;padding:0;list-style:none}
.ficha-tecnica li{background:var(--pasto-claro);border:1px solid var(--linea);border-radius:12px;padding:12px 14px;margin:0}
.ficha-tecnica span{display:block;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--gis-suave)}
.ficha-tecnica strong{font:700 1.02rem/1.3 var(--letra-titulo);color:var(--oro)}

.cancha{margin:8px 0 34px;border:1px solid var(--linea);border-radius:18px;background:linear-gradient(180deg,#221f1b,#1d1b18);padding:18px}
.cancha-encabezado{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:12px}
.cancha-encabezado h2{margin:0}
.cancha-conteo{font-size:.85rem;color:var(--gis-suave)}
.banca{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 0 16px;border-bottom:1px dashed var(--linea);margin-bottom:16px}
.banca[hidden]{display:none}
.banca-pases{display:flex;flex-wrap:wrap;gap:6px;flex:1 1 auto}
.banca-pase{appearance:none;border:1px solid var(--linea);background:transparent;color:var(--gis-suave);font:600 .85rem/1 var(--letra-titulo);padding:8px 12px;border-radius:8px;cursor:pointer}
.banca-pase[aria-pressed="true"]{background:var(--verde);border-color:var(--verde);color:#fff}
.banca-orden{appearance:none;background:var(--pasto-claro) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23febd25'/%3E%3C/svg%3E") no-repeat right 10px center;border:1px solid var(--linea);color:var(--gis);font:500 .85rem/1 var(--letra-texto);padding:8px 28px 8px 10px;border-radius:8px}
.banca-formacion{display:flex;border:1px solid var(--linea);border-radius:8px;overflow:hidden}
.banca-formacion button{appearance:none;border:0;background:transparent;color:var(--gis-suave);padding:7px 10px;cursor:pointer;font:600 .8rem/1 var(--letra-titulo)}
.banca-formacion button[aria-pressed="true"]{background:var(--oro);color:#1b1916}

.alineacion{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0;padding:0;list-style:none}
.alineacion[data-formacion="lista"]{grid-template-columns:1fr}
.alineacion[data-formacion="lista"] .jugada{display:grid;grid-template-columns:130px 1fr 48px;grid-template-areas:"tag tit nota" "tag txt nota";align-items:start;column-gap:16px;row-gap:2px}
.alineacion[data-formacion="lista"] .camiseta{grid-area:tag;justify-self:start;margin-top:4px}
.alineacion[data-formacion="lista"] .jugada h3{grid-area:tit;margin:0}
.alineacion[data-formacion="lista"] .jugada p{grid-area:txt;margin:0}
.jugada{position:relative;margin:0;background:var(--pasto-claro);border:1px solid var(--linea);border-radius:var(--radio);padding:16px 16px 14px}
.jugada[hidden]{display:none}
.jugada h3{margin:.35em 0 .45em;font-size:1.04rem}
.jugada p{font-size:.95rem;color:var(--gis-suave);margin:0}
.camiseta{display:inline-block;font:700 .7rem/1 var(--letra-titulo);letter-spacing:.08em;text-transform:uppercase;padding:5px 8px;border-radius:6px;background:rgba(254,189,37,.14);color:var(--oro)}
.camiseta--verde{background:rgba(0,155,58,.18);color:#4fd17f}
.camiseta--roja{background:rgba(195,60,60,.2);color:#ff8a8a}
.camiseta--azul{background:rgba(28,104,226,.2);color:#8fb6ff}
.marcador{position:absolute;top:14px;right:14px;font:800 .9rem/1 var(--letra-titulo);color:#1b1916;background:var(--oro);border-radius:999px;padding:6px 9px}
.alineacion[data-formacion="lista"] .marcador{grid-area:nota;position:static;justify-self:end}

.cronica{max-width:780px}
.campo > .cronica:only-child{margin-inline:auto}
.cronica h2:first-child{margin-top:0}
.tablero{width:100%;border-collapse:collapse;margin:0 0 1.4em;font-size:.95rem}
.tablero-marco{overflow-x:auto;margin:0 0 1.4em;border:1px solid var(--linea);border-radius:12px}
.tablero-marco .tablero{margin:0}
.tablero th,.tablero td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--linea);vertical-align:top}
.tablero th{font-family:var(--letra-titulo);color:var(--oro);background:var(--pasto-claro);font-weight:700}
.tablero tr:last-child td{border-bottom:0}

.gol{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin:28px 0;padding:18px 20px;border-radius:var(--radio);background:linear-gradient(110deg,#3a2a14,#2a2420 60%);border:1px solid #5b4320}
.gol p{margin:0;flex:1 1 280px;color:var(--gis)}
.gol-boton{display:inline-block;background:var(--oro);color:#1b1916;text-decoration:none;font:800 .98rem/1 var(--letra-titulo);padding:14px 20px;border-radius:10px}
.gol-boton:hover{background:#ffd056;color:#1b1916}

.tarjetas{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 0 1.5em}
.tarjeta-verde,.tarjeta-roja{border-radius:var(--radio);padding:16px 18px;background:var(--pasto-claro);border-top:4px solid var(--verde)}
.tarjeta-roja{border-top-color:var(--rojo)}
.tarjeta-verde h3{color:#4fd17f}
.tarjeta-roja h3{color:#ff8a8a}
.tarjeta-verde ul,.tarjeta-roja ul{margin:0}

.pasos{counter-reset:paso;list-style:none;padding:0}
.pasos>li{counter-increment:paso;position:relative;padding:0 0 0 52px;margin:0 0 18px}
.pasos>li::before{content:counter(paso);position:absolute;left:0;top:0;width:36px;height:36px;border-radius:50%;background:var(--verde);color:#fff;font:800 1rem/36px var(--letra-titulo);text-align:center}

.vestidor{border-top:1px solid var(--linea);background:#151412;color:var(--gis-suave);font-size:.9rem}
.vestidor-marco{max-width:1180px;margin:0 auto;padding:30px 16px 40px;display:grid;grid-template-columns:1.4fr 1fr;gap:26px}
.vestidor-firma{color:var(--gis);font-weight:600}
.vestidor-legal{grid-column:1/-1;border-top:1px solid var(--linea);padding-top:16px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:.82rem}
.vestidor-mapa{list-style:none;margin:0;padding:0;columns:2}
.vestidor-mapa a{color:var(--gis-suave)}

.fuera-de-juego{text-align:center;padding:60px 0 30px}
.fuera-de-juego-numero{font:800 clamp(4rem,16vw,8rem)/1 var(--letra-titulo);color:var(--oro);letter-spacing:-.04em;margin:0}
.fuera-de-juego-salidas{list-style:none;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:24px 0 0}
.fuera-de-juego-salidas a{display:block;border:1px solid var(--linea);border-radius:10px;padding:10px 14px;text-decoration:none}

@media (max-width:960px){
  .alineacion{grid-template-columns:repeat(2,1fr)}
  .ficha-tecnica{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:760px){
  body{font-size:16px}
  .palco-escudo,.palco-escudo img{width:132px}
  .palco-saque{padding:10px 13px;font-size:.88rem}
  .tribuna-banderin{display:flex;align-items:center;justify-content:space-between;padding:12px 0;font:700 .92rem/1 var(--letra-titulo);color:var(--gis);cursor:pointer}
  .tribuna-banderin::after{content:"+";font-size:1.3rem;color:var(--oro)}
  .tribuna-silbato:checked~.tribuna-banderin::after{content:"\2212"}
  .tribuna-silbato:focus-visible~.tribuna-banderin{outline:2px solid var(--oro)}
  .tribuna-pasillo{display:none;flex-direction:column;padding:0 0 12px}
  .tribuna-silbato:checked~.tribuna-pasillo{display:flex}
  .tribuna-asiento{border-radius:10px}
  .saque-inicial,.saque-inicial--angosto{grid-template-columns:1fr;gap:18px}
  .saque-inicial--angosto .mural{max-width:220px}
  .alineacion{grid-template-columns:1fr}
  .alineacion[data-formacion="lista"] .jugada{grid-template-columns:1fr;grid-template-areas:"tag" "tit" "txt";row-gap:6px}
  .alineacion[data-formacion="lista"] .marcador{grid-area:auto;position:absolute}
  .tarjetas{grid-template-columns:1fr}
  .vestidor-marco{grid-template-columns:1fr}
  .cancha{padding:14px}
}

.acta-origen{font-size:.8rem;color:var(--gis-suave);margin:-.9em 0 1.6em}
.pizarra-jugadas{border:1px solid var(--linea);border-radius:var(--radio);background:var(--pasto-claro);padding:14px 18px;margin:0 0 26px;max-width:780px}
.pizarra-jugadas strong{display:block;font:700 .95rem/1.2 var(--letra-titulo);color:var(--oro);margin-bottom:8px}
.pizarra-jugadas ol{margin:0;padding-left:1.3em;columns:2;column-gap:28px;font-size:.95rem}
.pizarra-jugadas a{color:var(--gis)}
.pizarra-jugadas a:hover{color:var(--oro)}
.rueda-prensa h3{margin:1.3em 0 .4em;color:var(--oro)}
.rueda-prensa details{border-bottom:1px solid var(--linea);padding:10px 0}
.rueda-prensa summary{cursor:pointer;font:700 1rem/1.4 var(--letra-titulo)}
.rueda-prensa details p{margin:.6em 0 0}
.rueda-prensa dl{margin:0}
.rueda-prensa dt{font:700 1rem/1.4 var(--letra-titulo);margin-top:1em}
.rueda-prensa dd{margin:.3em 0 0}
@media (max-width:760px){.pizarra-jugadas ol{columns:1}}