@font-face{font-family:Inter;src:url("/fonts/inter.woff2") format("woff2");font-weight:400 800;font-display:swap}
@font-face{font-family:"Barlow Condensed";src:url("/fonts/barlow-condensed.woff2") format("woff2");font-weight:800;font-display:swap}
:root{
  --tinta:#122144;
  --marino:#102346;
  --azul:#064181;
  --amarillo:#ffd33d;
  --papel:#fff;
  --fondo:#edf2f8;
  --borde:#d9e3f1;
  --secundario:#4d5d78;
  --titular:"Barlow Condensed","Arial Narrow",sans-serif;
  --sombra:0 5px 18px #17396910;
}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-padding-top:18px}
body{margin:0;background:var(--fondo);color:var(--tinta);font:400 15px/1.55 Inter,system-ui,sans-serif}
h1,h2,h3,p{margin:0}
a{color:inherit}
button,input{font:inherit}
button,summary{cursor:pointer}
:focus-visible{outline:3px solid #3275d4;outline-offset:3px}
.ancho{width:min(1100px,calc(100% - 40px));margin-inline:auto}
.saltar,.solo-lectores{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.saltar:focus{clip-path:none;width:auto;height:auto;left:12px;top:12px;margin:0;padding:8px;background:#fff;color:#102346;z-index:3}
.cabecera{background:var(--marino);color:#fff;border-bottom:3px solid var(--amarillo)}
.cabecera-interior{display:flex;gap:18px;justify-content:space-between;align-items:center;min-height:67px}
.marca{font:800 34px/.95 var(--titular);text-decoration:none;letter-spacing:.015em;white-space:nowrap}
.marca span{color:var(--amarillo)}
.cabecera nav{display:flex;gap:10px 23px;align-items:center;justify-content:center;flex-wrap:wrap}
.cabecera nav a{font-weight:650;font-size:14px;color:#e3edff;text-decoration:none;padding:6px 0}
.cabecera nav a:hover{color:var(--amarillo)}
.cabecera nav a[aria-current="page"]{color:var(--amarillo)}
.cabecera :focus-visible{outline-color:var(--amarillo)}
.menu-boton{display:none}
.pais{display:inline-flex;align-items:center;gap:8px;border:1px solid #7587a661;border-radius:6px;padding:5px 10px;color:#eef4ff;font-weight:650;font-size:12px;white-space:nowrap}
.pais i{width:19px;height:13px;border-radius:2px;background:linear-gradient(#f9d122 50%,#2250ac 50% 75%,#d42834 75%)}
.portada{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr minmax(290px,.8fr);gap:22px;align-items:center;margin:22px 0 26px;padding:clamp(22px,4vw,42px);overflow:hidden;border-radius:14px;background:linear-gradient(108deg,#0e2854 8%,#073d7c 72%,#074a91);color:#fff;border-bottom:6px solid var(--amarillo);box-shadow:var(--sombra)}
.portada::before{position:absolute;z-index:-1;inset:0;content:"";background:radial-gradient(circle at 84% 42%,#5098e122,transparent 40%),repeating-linear-gradient(138deg,transparent 0 46px,#fff 46px 47px,transparent 47px 96px);opacity:.18;pointer-events:none}
.portada::after{position:absolute;z-index:-1;width:310px;height:310px;right:-50px;top:-78px;content:"";border:2px solid #a1c6ff38;border-radius:50%;box-shadow:0 0 0 55px #c2d9ff0a;pointer-events:none}
.portada-texto{min-width:0}
.etiqueta{font-weight:800;font-size:11px;letter-spacing:.11em;text-transform:uppercase;color:#426294}
.portada .etiqueta{color:#ecf3ff;display:flex;align-items:center;gap:9px}
.portada .etiqueta span{width:16px;height:3px;background:var(--amarillo)}
h1{font:800 clamp(46px,7.1vw,88px)/.88 var(--titular);letter-spacing:-.011em;margin:12px 0 13px}
h1 em{color:var(--amarillo);font-style:normal}
.portada-texto>p:not(.etiqueta){color:#dceaff;font-size:15px;max-width:35ch}
.principal{display:inline-flex;align-items:center;gap:16px;margin-top:19px;padding:10px 15px;border-radius:7px;background:var(--amarillo);color:#16213e;text-decoration:none;font-weight:800}
.principal:hover{background:#ffe682}
.destacado{color:var(--tinta);background:#fff;border-radius:12px;border-left:7px solid var(--amarillo);padding:15px 18px 13px;box-shadow:0 14px 30px #04153154;min-width:0}
.destacado-cab,.destacado-pie{display:flex;align-items:center;justify-content:space-between;gap:8px}
.destacado-cab{padding-bottom:8px;border-bottom:1px solid #e3ebf7}
.destacado-cab h2{font:800 24px/1.05 var(--titular)}
.destacado-cab>span{color:#27518e;background:#edf4ff;border-radius:4px;padding:3px 7px;white-space:nowrap;font-size:11px;font-weight:800}
.destacado-pie{border-top:1px solid #e3ebf7;padding-top:9px}
.destacado-pie>div{display:grid;line-height:1.25}
.destacado-pie>div span{color:var(--secundario);font-size:12px}
.destacado-pie strong{font:800 29px/1 var(--titular);font-variant-numeric:tabular-nums}
.destacado-pie a,.destacado--sin-partido a{font-weight:800;font-size:13px;color:#0e4b9b;text-decoration:none}
.destacado-pie a:hover,.destacado--sin-partido a:hover{text-decoration:underline}
.destacado--sin-partido{display:grid;gap:5px;padding:18px}
.destacado--sin-partido .etiqueta{color:#426294}
.destacado--sin-partido strong{font:800 39px/1 var(--titular)}
.duelo{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px;align-items:start;justify-items:center;padding:14px 0;text-align:center;min-width:0}
.duelo--destacado{padding:15px 0 12px}
.equipo{width:100%;display:grid;justify-items:center;gap:5px;line-height:1.25;overflow-wrap:anywhere;font-weight:800;font-size:13px}
.equipo img{object-fit:contain;max-width:100%}
.escudo-pendiente{display:grid;place-items:center;width:var(--escudo);height:var(--escudo);flex:none;border-radius:5px;background:#edf4ff;color:#16488a;font-weight:800}
.vs{display:grid;place-items:center;align-self:start;margin-top:12px;background:#eff4fd;border-radius:5px;color:#16488a;padding:3px 7px;font:800 21px/1.2 var(--titular)}
.vs.resultado{background:var(--marino);color:#fff;white-space:nowrap}
.contenido{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,292px);gap:21px;align-items:start}
.agenda,.lateral{min-width:0}
.agenda-cab{display:flex;justify-content:space-between;align-items:end;gap:8px;margin-bottom:12px}
.agenda-cab h2,.tabla-completa h2{font:800 42px/.95 var(--titular)}
.hora-co{background:#dde9f9;border-radius:5px;padding:4px 7px;font-weight:700;font-size:11px;color:#243d67;text-align:right}
.controles{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;gap:10px;border:1px solid var(--borde);border-radius:9px;padding:9px;margin-bottom:13px;background:#f7faff}
.dias{display:flex;flex-wrap:wrap;gap:6px}
.dias button{border:1px solid var(--borde);background:#fff;color:var(--tinta);border-radius:6px;padding:7px 9px;min-height:38px;font-weight:750;font-size:12px}
.dias button:hover{border-color:#436ca2}
.dias button[aria-pressed="true"]{background:var(--marino);border-color:var(--marino);color:#fff;box-shadow:inset 0 -3px var(--amarillo)}
.filtro{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:650;color:#314467;min-height:33px}
.filtro input{width:16px;height:16px;accent-color:#145299;margin:0}
.juegos-cab{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:0 0 9px}
.juegos-cab h3{font:800 25px/1.1 var(--titular)}
.juegos-cab>span{font-weight:650;color:var(--secundario);font-size:12px;white-space:nowrap}
.partidos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;align-items:start}
.partido{min-width:0;padding:12px 11px 9px;background:var(--papel);border:1px solid var(--borde);border-left:6px solid var(--amarillo);border-radius:9px;box-shadow:var(--sombra)}
.partido-hora{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 10px;align-items:center;border-bottom:1px solid #eadf9c;padding-bottom:7px}
.partido-hora strong{font:800 25px/1 var(--titular);white-space:nowrap}
.partido-hora>span{font-size:11px;color:var(--secundario);text-align:right;line-height:1.25}
.partido-tv{display:flex;align-items:center;flex-wrap:wrap;gap:4px 7px;border-top:1px solid #e3ebf7;padding-top:7px;color:var(--secundario);font-size:12px;min-height:31px}
.partido-tv strong{color:#0b4781}
.tv-icono{width:14px;height:10px;border:1.5px solid currentColor;border-radius:2px;position:relative;margin-right:2px}
.tv-icono::after{position:absolute;content:"";width:6px;left:2.5px;bottom:-4px;border-bottom:1.5px solid currentColor}
.partido-tv details{margin-left:auto;display:contents}
.partido-tv summary{margin-left:auto;color:#16488a;font-size:12px;font-weight:700;padding:2px 0}
.tv-opciones{flex:1 0 100%;min-width:0;margin:3px 0;background:#edf4ff;padding:8px;border-radius:5px}
.tv-opciones .externo{font-size:11px}
.vacio{background:#fff;border:1px solid var(--borde);border-radius:9px;padding:17px;color:var(--secundario)}
.lateral{display:grid;gap:14px}
.panel{min-width:0;border:1px solid var(--borde);border-radius:10px;background:var(--papel);box-shadow:var(--sombra)}
.panel-titulo{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 14px;background:var(--marino);color:#fff;border-radius:9px 9px 0 0;border-bottom:3px solid var(--amarillo)}
.panel-titulo h2{font:800 27px/1 var(--titular)}
.panel-titulo>span{font-size:11px;font-weight:650;color:#dbe9ff;text-align:right}
.panel-enlace{display:flex;justify-content:space-between;gap:8px;padding:10px 14px;border-top:1px solid var(--borde);text-decoration:none;font-size:13px;font-weight:800;color:#0d4e94}
.panel-enlace:hover{text-decoration:underline}
.clasificacion{border-collapse:collapse;width:100%;text-align:right;font-size:13px;table-layout:auto}
.clasificacion :is(th,td){padding:7px 8px;border-bottom:1px solid #e8eef8}
.clasificacion thead{background:#edf4ff;color:#3f5880;font-size:11px}
.clasificacion thead th:nth-child(2),.clasificacion th[scope="row"]{text-align:left}
.clasificacion td:first-child,.clasificacion th:first-child{text-align:center}
.clasificacion th[scope="row"]{font-weight:650}
.clasificacion tr:nth-child(even){background:#f7faff}
.fila-equipo{display:flex;align-items:center;gap:6px;overflow-wrap:anywhere;line-height:1.24}
.fila-equipo img{object-fit:contain;flex:0 0 auto}
.clasificacion strong{color:#123d80;font-weight:800}
.panel-fuentes p{margin:10px 14px;font-size:13px;color:var(--secundario)}
.panel-fuentes p strong{color:var(--tinta)}
.panel-fuentes ul{margin:10px 14px 10px 28px;padding:0;font-size:12px}
.externo{color:#114c96;text-underline-offset:2px}
.revision{font-size:11px!important;color:var(--secundario)}
.tabla-completa{margin:25px 0 28px}
.tabla-completa .panel-titulo{padding:13px 14px}
.tabla-completa .panel-titulo .etiqueta{color:#c4dafa}
.tabla-completa h2{font-size:34px}
.tabla-completa .revision{padding:8px 14px}
.preguntas{margin:0 0 24px;padding:14px 17px}
.preguntas h2{font:800 28px/1.05 var(--titular);margin-bottom:6px}
.preguntas .revision{margin-top:6px}
.pregunta-hoy{border-left:6px solid var(--amarillo)}
.bandera{display:block;width:52px;height:35px;border-radius:4px;margin:5px 0;box-shadow:0 1px 5px #18376330}
.bandera--co{background:linear-gradient(#f9d122 50%,#2250ac 50% 75%,#d42834 75%)}
.bandera--cl{position:relative;background:linear-gradient(#fff 50%,#d42834 50%)}
.bandera--neutra{display:grid;place-items:center;background:#edf4ff;color:#16488a;font-weight:800}
.bandera--cl::before{position:absolute;inset:0 auto auto 0;width:34%;height:50%;content:"★";background:#154da1;color:#fff;font-size:10px;line-height:17px;border-radius:4px 0 0 0}
.estadio-seleccion{padding:0 6px 9px;text-align:center;font-size:12px;color:var(--secundario)}
.seleccion-tv{border-top:1px solid var(--borde);padding:8px 3px 3px}
.seleccion-tv h3{font:800 22px/1.1 var(--titular)}
.seleccion-tv ul{margin:0;padding:0;list-style:none}
.seleccion-tv li{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;padding:7px 0;font-size:12px}
.seleccion-tv li + li{border-top:1px solid var(--borde)}
.seleccion-tv li span{color:var(--secundario)}
.seleccion-tv li a{flex-basis:100%}
.fuentes-seleccion{margin:16px 0 24px}
footer{border-top:3px solid var(--amarillo);background:var(--marino);color:#d4e4fd}
.pie{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:20px 0}
.pie .marca{color:#fff}
.pie p{font-size:12px}
.medicion-enlace{border:0;padding:3px 0;color:#e3edff;background:none;text-decoration:underline;font-size:12px}
.aviso-medicion{position:fixed;right:14px;bottom:14px;z-index:4;max-width:min(380px,calc(100% - 28px));padding:12px 14px;background:var(--papel);border:1px solid var(--borde);border-left:5px solid var(--amarillo);border-radius:8px;box-shadow:0 10px 35px #10234638;font-size:12px}
.aviso-medicion h2{font:800 22px/1.1 var(--titular);margin-bottom:4px}
.aviso-medicion div{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.aviso-medicion button{min-height:36px;padding:5px 7px;border:1px solid var(--borde);border-radius:5px;background:#edf4ff;color:var(--tinta);font-weight:700}
.aviso-medicion button:first-child{background:var(--marino);color:#fff}
@media (max-width:860px){.contenido{grid-template-columns:minmax(0,1fr) minmax(215px,248px)}}
@media (max-width:700px){
  .ancho{width:calc(100% - 28px)}
  .portada{grid-template-columns:1fr;gap:16px;margin-top:15px;padding:21px 17px 17px}
  .contenido{grid-template-columns:minmax(0,1fr)}
  .lateral{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:720px){
  .cabecera{position:relative;z-index:5}
  .cabecera-interior{position:relative;flex-wrap:wrap;gap:0 9px;min-height:61px;padding:7px 0}
  .cabecera .pais{margin-left:auto}
  .cabecera nav{order:3;width:100%;justify-content:flex-start;gap:4px 12px}
  .menu-boton{order:2;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:44px;padding:0 11px;border:1px solid #788eae8c;border-radius:8px;background:#1d355a;color:#fff;font-size:13px;font-weight:750}
  .menu-boton:hover,.menu-boton[aria-expanded="true"]{background:#2a456e;border-color:var(--amarillo)}
  .menu-icono{position:relative;width:19px;height:16px}
  .menu-icono i{position:absolute;left:0;width:100%;height:2px;border-radius:2px;background:currentColor}
  .menu-icono i:nth-child(1){top:1px}
  .menu-icono i:nth-child(2){top:7px}
  .menu-icono i:nth-child(3){top:13px}
  .menu-boton[aria-expanded="true"] .menu-icono i:nth-child(1){transform:translateY(6px) rotate(45deg)}
  .menu-boton[aria-expanded="true"] .menu-icono i:nth-child(2){opacity:0}
  .menu-boton[aria-expanded="true"] .menu-icono i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
  .menu-boton:not([hidden])[aria-expanded="false"] + nav{display:none}
  .menu-boton:not([hidden]) + nav{position:absolute;top:calc(100% + 3px);right:0;display:grid;gap:2px;width:min(340px,100%);padding:7px;background:var(--marino);border:1px solid #365479;border-top:3px solid var(--amarillo);border-radius:0 0 12px 12px;box-shadow:0 12px 24px #10234642}
  .menu-boton:not([hidden]) + nav a{display:flex;align-items:center;min-height:46px;padding:8px 12px;border-radius:6px}
  .menu-boton:not([hidden]) + nav a:hover,.menu-boton:not([hidden]) + nav a[aria-current="page"]{background:#243d62}
}
@media (max-width:720px) and (prefers-reduced-motion:no-preference){
  .menu-icono i{transition:transform .16s ease,opacity .16s ease}
  .menu-boton[aria-expanded="true"] + nav{animation:aparecer-menu .16s ease-out}
  @keyframes aparecer-menu{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
}
@media (max-width:460px){
  .marca{font-size:31px}
  .portada-texto>p:not(.etiqueta){font-size:13px}
  .principal{margin-top:12px}
  .partidos,.lateral{grid-template-columns:minmax(0,1fr)}
  .pie{align-items:flex-start;flex-direction:column;gap:8px}
}
@media (max-width:375px){
  .cabecera .pais{padding:5px 7px}
  .cabecera .pais span{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%)}
}