.estadio{background:var(--estadio);color:var(--estadio-texto);padding:calc(var(--e5) + env(safe-area-inset-top)) var(--e4) 72px;position:relative;overflow:hidden}.estadio:before{content:"";pointer-events:none;border:2px solid #ffffff14;border-radius:50%;width:260px;height:260px;position:absolute;top:50%;right:-90px;transform:translateY(-50%)}.estadio__contenido{max-width:640px;margin:0 auto;position:relative}.estadio .marca{color:var(--amarillo)}.estadio .fila--entre{margin-bottom:var(--e4)}.estadio h1{margin:var(--e2) 0;font-size:clamp(1.8rem,8vw,2.4rem);font-stretch:112%}.estadio p{color:var(--estadio-suave);margin:0}.estadio a{color:var(--estadio-texto)}.boton--estadio{color:var(--estadio-texto);background:0 0;border-color:#ffffff4d}@media (hover:hover){.boton--estadio:hover:not(:disabled){background:#ffffff1a}}.tarjeta--sobre-estadio{margin-top:-48px;position:relative}.campos-dobles{gap:0 var(--e3);display:grid}@media (width>=480px){.campos-dobles{grid-template-columns:1fr 1fr}}.lista-partidas{margin:0 calc(-1 * var(--e2));padding:0;list-style:none}.partida-item{gap:var(--e3);padding:var(--e3) var(--e2);border-bottom:1px solid var(--borde);color:var(--texto);border-radius:var(--radio-sm);grid-template-columns:1fr auto;align-items:center;text-decoration:none;display:grid}@media (hover:hover){.partida-item:hover{background:var(--superficie-2)}}.partida-item__codigo{font-family:var(--fuente-display);letter-spacing:.08em;padding:var(--e1) var(--e2);background:var(--estadio);color:var(--amarillo);font-variant-numeric:tabular-nums;border-radius:6px;justify-self:start;font-weight:800;font-stretch:125%}.partida-item__info{grid-column:1/-1;min-width:0;line-height:1.35;display:grid}@media (width>=480px){.partida-item{grid-template-columns:auto 1fr auto}.partida-item__info{grid-area:1/2}.lista-partidas .partida-item .estado{grid-column:3}}.partida-item .estado{grid-area:1/2}.partida-item__info b{overflow-wrap:anywhere}.partida-item__info .suave{font-size:var(--texto-xs)}.estado{font-size:var(--texto-xs);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:2px 10px;font-weight:700;display:inline-flex}.estado:before{content:"";background:currentColor;border-radius:50%;width:8px;height:8px}.estado--abierta{background:var(--exito-fondo);color:var(--exito)}.estado--abierta:before{animation:1.6s ease-in-out infinite latido}.estado--programada{background:var(--primario-fondo);color:var(--primario)}.estado--cerrada{background:var(--superficie-2);color:var(--texto-suave)}.estado--cerrada:before{border-radius:2px}@keyframes latido{50%{opacity:.3}}.codigo-partida{margin-top:var(--e5);text-align:center}.estadio .codigo-partida__etiqueta{font-size:var(--texto-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:700}.estadio .codigo{margin:var(--e2) 0;font-family:var(--fuente-display);letter-spacing:.08em;color:var(--amarillo);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:clamp(2.5rem,13vw,9rem);font-weight:900;font-stretch:125%;line-height:1}.estadio .codigo-partida__direccion{font-size:var(--texto-lg);color:var(--estadio-texto)}.codigo-partida__direccion b{overflow-wrap:anywhere}.codigo-partida__acciones{margin:var(--e4) 0 var(--e3);justify-content:center}.estadio .codigo-partida__cierre,.volver{font-size:var(--texto-sm)}.tablero .fila--entre{margin-bottom:var(--e2);flex-wrap:wrap;align-items:baseline}.tablero .fila--entre h2{margin:0}#conteo{font-size:var(--texto-sm)}.vacio{color:var(--texto-suave);margin:0}.posiciones{margin:var(--e2) calc(-1 * var(--e2)) 0}.posiciones th{font-size:var(--texto-xs);color:var(--texto-suave);font-weight:700}.posiciones td:first-child,.posiciones th:first-child{text-align:center;width:3ch;font-family:var(--fuente-display);font-weight:800}.posiciones td:nth-child(2){overflow-wrap:anywhere;font-weight:700}.posiciones td:nth-child(n+3),.posiciones th:nth-child(n+3){text-align:right;white-space:nowrap}.posiciones .podio--1 td:first-child{box-shadow:inset 4px 0 0 var(--amarillo);color:var(--amarillo-oscuro)}.posiciones .podio--1 td{background:color-mix(in srgb, var(--amarillo) 18%, transparent)}.posiciones .podio--2 td:first-child,.posiciones .podio--3 td:first-child{box-shadow:inset 4px 0 0 var(--estadio-suave)}.areas{gap:var(--e4);margin:0;padding:0;list-style:none;display:grid}.areas li{gap:var(--e1) var(--e3);grid-template-columns:1fr auto;align-items:baseline;display:grid}.areas__nombre{align-items:center;gap:var(--e2);font-weight:700;display:flex}.areas__nombre:before{content:"";background:var(--color-area,var(--primario));border-radius:3px;width:10px;height:10px}.areas b{font-family:var(--fuente-display);font-variant-numeric:tabular-nums}.barra-area{background:linear-gradient(to right, var(--color-area,var(--primario)) var(--valor), var(--borde) var(--valor));border-radius:999px;grid-column:1/-1;height:12px}.areas small{font-size:var(--texto-xs);grid-column:1/-1}.participantes{gap:var(--e2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.participantes li{padding:6px var(--e3);border:1.5px solid var(--borde);border-radius:var(--radio-sm);animation:aparecer var(--dur) var(--curva-salida);line-height:1.3;display:grid}.participantes__alias{overflow-wrap:anywhere;font-weight:700}.participantes small{font-size:var(--texto-xs);color:var(--texto-suave)}.participantes .termino{border-color:var(--exito);background:var(--exito-fondo)}.participantes .termino small{color:var(--exito)}dialog{width:min(100% - 32px,440px);padding:var(--e5) var(--e4) var(--e4);border-radius:var(--radio);background:var(--superficie);color:var(--texto);border:0;box-shadow:0 20px 60px #0000004d}dialog::backdrop{background:#070f1e99}dialog[open]{animation:aparecer var(--dur) var(--curva-salida)}dialog .fila{margin-top:var(--e4)}dialog .fila>*{flex:1}@keyframes aparecer{0%{opacity:0;transform:translateY(8px)}}@media (width>=720px){.tarjeta{padding:var(--e6)}}@media (width>=1024px){.proyeccion .estadio__contenido,.proyeccion main{max-width:1200px}.proyeccion .estadio{padding-bottom:var(--e7)}.proyeccion main{padding-top:var(--e6)}.tablero{gap:0 var(--e5);grid-template-columns:3fr 2fr;align-items:start;display:grid}.tablero__principal{grid-row:span 2}.proyeccion .posiciones{font-size:var(--texto-lg)}.proyeccion h2{font-size:var(--texto-xl)}}
