/* Cómo Salió — hoja de cálculo futbolera: denso, bordes finos, paleta azul. Diseño propio. */
:root{--fondo:#081a33;--hoja:#0d2a4f;--barra:#06152b;--barra2:#123a6b;--link:#a9cdff;--link2:#e3efff;
--celda:#eef3fa;--celda2:#e1e9f5;--linea:#9db2cf;--tinta:#0c1d33;--suave:#4d6284;--vivo:#ffd84d;--rojo:#d23b3b;
--n1:#3f9bff;--n2:#3fbf6a;--n3:#f0b43c;--n4:#b58cff;--baja:#f3c4c4}
*{box-sizing:border-box}
html{background:var(--fondo) repeating-linear-gradient(135deg,#0a1f3d 0 14px,#081a33 14px 28px)}
body{margin:0;font:12px/1.25 Verdana,Tahoma,"DejaVu Sans",sans-serif;color:var(--link2)}
a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}
.hoja{background:var(--hoja);min-height:100vh;--lado:clamp(6px,2.4vw,40px)}
.cab,.menu,main{padding-left:var(--lado);padding-right:var(--lado)}
.cab{display:flex;align-items:baseline;gap:14px;padding-top:8px;padding-bottom:6px;border-bottom:1px solid #2a5288}
.marca{font:900 26px/1 "Arial Black","Arial Narrow",Impact,sans-serif;letter-spacing:.5px;color:#fff;display:flex;align-items:center;gap:8px}
.marca:hover{text-decoration:none}
.marca-ico{width:22px;height:22px;border:2px solid var(--n1);background:linear-gradient(var(--n1),var(--n1)) 0 33%/100% 2px no-repeat,linear-gradient(var(--n1),var(--n1)) 0 66%/100% 2px no-repeat,linear-gradient(var(--n1),var(--n1)) 33% 0/2px 100% no-repeat}
.lema{color:#8fb0da;font-size:11px}
.menu{display:grid;grid-template-columns:1fr 1fr 2fr 1fr;gap:6px;padding-top:8px;padding-bottom:8px;border-bottom:1px solid #2a5288;align-items:start}
.bloque.ligas{display:grid;grid-template-columns:1fr 1fr}.bloque.ligas h2{grid-column:1/-1}
.bloque.ligas a:nth-of-type(even){background:var(--barra2)}.bloque.ligas a:nth-of-type(4n+3),.bloque.ligas a:nth-of-type(4n+4){background:#0f3260}
.bloque{display:flex;flex-direction:column}
.bloque h2{margin:0;background:var(--barra);color:#fff;font:bold 13px Verdana,sans-serif;text-transform:uppercase;text-align:center;padding:3px}
.bloque a{background:var(--barra2);padding:2px 6px;text-align:center;border-top:1px solid #0d2a4f;font-size:11px;text-transform:uppercase}
.bloque a:nth-of-type(even){background:#0f3260}
.atajos a{background:#1d5aa3;color:#fff;font-weight:bold}.atajos a:nth-of-type(even){background:#1a5196}
main{padding-top:8px;padding-bottom:8px}
@media (min-width:1300px){#partidos{columns:2;column-gap:12px}#partidos>table{break-inside:avoid}#partidos>.vacio{column-span:all}}
.btn{display:inline-block;background:var(--barra);color:var(--vivo);border:1px solid #2a5288;padding:2px 8px;font:bold 12px Verdana,sans-serif;cursor:pointer}
.btn:hover{background:#163f73;text-decoration:none}
.dia-cab,.fecha-cab{display:flex;align-items:center;justify-content:space-between;background:var(--barra2);border:1px solid #2a5288;padding:4px 6px;margin-bottom:6px}
.dia-cab h1,.fecha-cab h2{margin:0;font:bold 17px Verdana,sans-serif;color:#fff;text-align:center;text-transform:uppercase}
.dia-cab h1 small{display:block;font:normal 10px Verdana,sans-serif;color:#9dbce6;text-transform:none}
.fecha-cab h2{font-size:14px}
table{border-collapse:collapse;width:100%;color:var(--tinta)}
caption{background:var(--barra);color:#fff;font-weight:bold;text-align:left;padding:3px 6px;text-transform:uppercase;font-size:12px;border:1px solid #2a5288;border-bottom:0}
caption a{color:#fff}
caption.cdia{background:#163f73;text-transform:none;text-align:center}
.partidos{margin:0 0 6px;table-layout:fixed}
.c-est{width:46px}.c-gol{width:28px}
.partidos td{border:1px solid var(--linea);padding:2px 4px;background:var(--celda);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.partidos tbody:nth-of-type(even) td{background:var(--celda2)}
.partidos .est{background:var(--barra)!important;color:#fff;text-align:center;font-weight:bold;font-size:11px}
.partidos .vivo .est{background:var(--vivo)!important;color:#000}
.partidos .gol{text-align:center;font-weight:bold;font-size:13px;background:#fff!important}
.partidos .vivo .gol{color:#b00000}
.eq img,.eqt img{vertical-align:-3px;margin:0 4px;background:transparent}
.eq.loc{text-align:right}.eq.gano{font-weight:bold}
.det td{font-size:10px;color:var(--suave);white-space:normal;padding:1px 4px;background:#f7f9fd!important}
.det td.loc{text-align:right}
.roja{display:inline-block;width:6px;height:9px;background:var(--rojo);margin:0 0 0 3px;vertical-align:-1px}
.eq.vis .roja{margin:0 0 0 3px}
.vacio,.nota{color:#b6cbe8;text-align:center;padding:14px 4px}.nota{font-size:11px;text-align:left;padding:6px 2px}
.tor-cab{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px;flex-wrap:wrap}
.tor-cab h1{margin:0;font:bold 17px Verdana,sans-serif;color:#fff;text-transform:uppercase}
.pest{display:flex;gap:2px}.pest a{background:var(--barra2);padding:3px 8px;border:1px solid #2a5288;font-size:11px;text-transform:uppercase}
.pest a[aria-current]{background:#1d5aa3;color:#fff;font-weight:bold}
.dos{display:grid;grid-template-columns:minmax(410px,32%) 1fr;gap:10px;align-items:start}
.tabla{margin-bottom:4px}
.tabla th{background:var(--barra);color:#fff;border:1px solid #2a5288;padding:2px 3px;font-size:11px}
.tabla td{border:1px solid var(--linea);padding:1px 3px;text-align:center;background:var(--celda)}
.tabla tbody tr:nth-child(even) td{background:var(--celda2)}
.tabla .izq{text-align:left}.tabla .eqt{font-weight:bold;white-space:nowrap}
.tabla .eqt img{margin:0 4px 0 0}
.tabla th.pts{background:#1d5aa3}.tabla td.pts{font-weight:bold;background:#d4e4fb}
.tabla td.pos{background:#c5d6ee;font-weight:bold;width:22px}
.tabla tr.n1 td.pos{background:var(--n1);color:#fff}.tabla tr.n2 td.pos{background:var(--n2);color:#fff}.tabla tr.n3 td.pos{background:var(--n3)}
.tabla tr.n1 td:first-child{box-shadow:inset 3px 0 var(--n1)}.tabla tr.n2 td:first-child{box-shadow:inset 3px 0 var(--n2)}.tabla tr.n3 td:first-child{box-shadow:inset 3px 0 var(--n3)}
.tabla tr.n-baja td{background:var(--baja)!important}
.tabla.ancha{max-width:640px;margin:0 auto 4px} /* ancho-ok: tabla de 9 columnas, estirada se lee peor */
.ref{list-style:none;margin:0 0 8px;padding:0;font-size:10px;color:#b6cbe8;display:flex;flex-wrap:wrap;gap:4px 10px}
.ref i{display:inline-block;width:10px;height:10px;margin-right:4px;vertical-align:-1px;border:1px solid #fff3}
.ref .n1,.caja.n1{background:var(--n1)}.ref .n2{background:var(--n2)}.ref .n3{background:var(--n3)}.ref .n-baja,.caja.n-baja{background:#e05555}
.caja{display:inline-block;width:10px;height:10px;vertical-align:-1px;margin-right:3px}
.fechas{display:flex;flex-wrap:wrap;gap:1px;margin-bottom:4px}
.fechas button{min-width:22px;background:var(--barra);color:var(--link);border:1px solid #2a5288;font:11px Verdana,sans-serif;padding:2px 3px;cursor:pointer}
.fechas button[aria-selected=true]{background:var(--vivo);color:#000;font-weight:bold}
.pie{border-top:1px solid #2a5288;color:#7f9cc4;font-size:10px;text-align:center;padding:6px}
:focus-visible{outline:2px solid var(--vivo);outline-offset:1px}
/* portada: clic en todo el partido; en juego y mis equipos arriba */
.partidos tbody.p{cursor:pointer}.partidos tbody.p:hover td:not(.est){background:#fff7d6}
.partidos .est a{color:inherit;display:block}.partidos .eq a,.tabla .eqt a{color:inherit}
.pest a{white-space:nowrap}.partidos .est a:hover{text-decoration:none}
.partidos.envivo caption{background:#8a6d00;color:#fff}.partidos.mios caption{background:#1d5aa3}
.ley{font-size:10px;color:#9dbce6;margin:6px 0 0}.ley .roja,.ley .amarilla{vertical-align:0}
.fecha-cab h2 small{display:block;font:normal 10px Verdana,sans-serif;color:var(--vivo);text-transform:none}
/* ficha del partido */
.ficha{max-width:640px;margin:0 auto 8px}.ficha .gol{font-size:18px}.ficha td{padding:4px}
.planteles{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-width:640px;margin:0 auto 8px}
.plantel td{text-align:left}.plantel td.pos{text-align:center}.plantel td.min{width:58px;font-size:10px;white-space:nowrap}
.plantel tr.sub th{background:#163f73;font-size:10px;text-transform:uppercase}.plantel tr.banco td{color:#7a8aa3}
.entra{color:#13803b}.sale{color:#b00000}
.ico-gol{display:inline-block;background:#0c1d33;color:#fff;font-size:9px;line-height:11px;padding:0 2px;margin-left:4px;border-radius:2px}
.amarilla{display:inline-block;width:6px;height:9px;background:#f2c600;margin-left:3px;vertical-align:-1px}
.stats{max-width:420px;margin:0 auto 6px}.stats th{font-size:10px}
/* equipo */
.esc-eq{vertical-align:-4px;margin-right:6px}.racha{margin:0 0 6px;color:#cfe0f7;font-size:11px}
.racha b{display:inline-block;width:16px;text-align:center;color:#fff;margin-left:2px}.rG{background:#2e9d55}.rE{background:#7d8ba1}.rP{background:#c23b3b}
[data-fav][aria-pressed=true]{background:var(--vivo);color:#000}
@media (max-width:760px){
  .atajos{order:-1}.bloque.atajos{flex-wrap:wrap}.bloque.atajos h2{position:static}
  .bloque:not(.atajos){-webkit-mask-image:linear-gradient(90deg,#000 86%,transparent);mask-image:linear-gradient(90deg,#000 86%,transparent)}
  .planteles{grid-template-columns:1fr}
  .pest{flex-wrap:wrap}.gole .eqt{white-space:normal}
  .dos .col-fix{order:-1}
  .menu{display:flex;flex-direction:column;align-items:stretch;gap:3px;padding-top:6px;padding-bottom:6px}
  .bloque{min-width:0}
  .bloque,.bloque.ligas{display:flex;flex-direction:row;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .bloque::-webkit-scrollbar{display:none}
  .bloque h2{flex:0 0 auto;position:sticky;left:0;z-index:1;font-size:10px;padding:5px 6px;min-width:78px}
  .bloque a,.bloque.ligas a{flex:0 0 auto;white-space:nowrap;border-top:0;border-left:1px solid #0d2a4f;padding:5px 8px;min-height:26px}
  .dos{grid-template-columns:1fr}
  .lema{display:none}
  .c-est{width:40px}.c-gol{width:24px}
  .partidos td{padding:2px 2px}
  .eq img{margin:0 2px}
}
.legal{max-width:640px;padding:4px 0 16px;line-height:1.5}.legal p{margin:0 0 8px}.legal h2{font-size:13px;margin:14px 0 6px}
.contacto{display:grid;gap:8px}.contacto label{display:grid;gap:3px;color:var(--link)}
.contacto input,.contacto textarea{font:13px Verdana,sans-serif;padding:5px 6px;border:1px solid var(--linea);border-radius:2px;background:var(--celda);color:var(--tinta)}
.contacto button{justify-self:start}.trampa{position:absolute;left:-9999px}.legal .ok{color:#8fe3a8}.legal .err{color:#ffb3b3}