/* GENERADO por tools/fluid.py desde src/css/sports.css — no editar aquí */
/* HOTBET V2 — Apuestas deportivas. Estilo propio (brandbook: tipografía
 * condensada para deportes, naranja como acento, superficies oscuras). */

.sb { display: grid; grid-template-columns: minmax(0, 1fr) calc(var(--u) * 340); gap: calc(var(--u) * 20); align-items: start; }
.sb__main { display: flex; flex-direction: column; gap: calc(var(--u) * 14); min-width: 0; }
.sb__slip { position: sticky; top: calc(var(--topbar-h) + calc(var(--u) * 12)); }
@media (max-width: 1199px) { .sb { grid-template-columns: minmax(0, 1fr); } .sb__slip { display: none; } }

.sb-title { font-size: clamp(max(10px, calc(var(--u) * 28)), 3.2vw, max(10px, calc(var(--u) * 44))); font-weight: 900; text-transform: uppercase; letter-spacing: -.01em; font-stretch: condensed; line-height: 1; }

.live-pulse { width: calc(var(--u) * 8); height: calc(var(--u) * 8); border-radius: 50%; background: #FF3B3B; box-shadow: 0 0 0 0 rgba(255, 59, 59, .6); animation: pulse 1.6s infinite; }
@keyframes pulse { 70% { box-shadow: 0 0 0 calc(var(--u) * 7) rgba(255, 59, 59, 0); } 100% { box-shadow: 0 0 0 0 rgba(255, 59, 59, 0); } }
.live-dot { display: inline-flex; align-items: center; gap: calc(var(--u) * 5); font-size: max(10px, calc(var(--u) * 11)); font-weight: 800; color: #FF4D4D; white-space: nowrap; }
.live-dot::before { content: ""; width: calc(var(--u) * 6); height: calc(var(--u) * 6); border-radius: 50%; background: currentColor; animation: blink 1.2s infinite; }
@keyframes blink { 50% { opacity: .25; } }

/* Barra de deportes */

.chips--sb { flex-wrap: nowrap; }

/* Liga + filas */

/* Botón de cuota */

/* Detalle de evento */
.evd { display: flex; flex-direction: column; gap: calc(var(--u) * 14); }
.evd__back { display: inline-flex; align-items: center; gap: calc(var(--u) * 4); align-self: flex-start; color: var(--text-2); font-weight: 600; }
.evd__head { padding: calc(var(--u) * 20); border-radius: calc(var(--u) * 16); text-align: center;
    background: radial-gradient(120% 140% at 50% 0%, rgba(var(--primary-rgb), .25), transparent 60%), var(--surface); border: 1px solid var(--line); }
.evd__league { color: var(--muted); font-size: max(10px, calc(var(--u) * 13)); margin-bottom: calc(var(--u) * 12); }
.evd__match { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: calc(var(--u) * 14); font-size: clamp(max(10px, calc(var(--u) * 16)), 2vw, max(10px, calc(var(--u) * 22))); }
.evd__match > b:first-child { text-align: right; }
.evd__match > b:last-child { text-align: left; }
.evd__mid { display: flex; flex-direction: column; align-items: center; gap: calc(var(--u) * 4); min-width: calc(var(--u) * 90); }
.evd__time, .evd__score { font-size: max(10px, calc(var(--u) * 26)); font-weight: 900; font-variant-numeric: tabular-nums; }
.evd__score { color: var(--primary); }
.evd__mid small { color: var(--muted); }
.mkts { display: grid; grid-template-columns: repeat(auto-fill, minmax(calc(var(--u) * 320), 1fr)); gap: calc(var(--u) * 10); }
.mkt { padding: calc(var(--u) * 12); border-radius: calc(var(--u) * 14); background: var(--surface); border: 1px solid var(--line); }
.mkt__name { font-size: max(10px, calc(var(--u) * 13)); font-weight: 800; margin-bottom: calc(var(--u) * 10); color: var(--text-2); }
.mkt__sels { display: grid; gap: calc(var(--u) * 6); }

/* Boleto */
.bs { display: flex; flex-direction: column; gap: calc(var(--u) * 12); }
.sb__slip .bs { padding: calc(var(--u) * 14); border-radius: calc(var(--u) * 16); background: var(--surface); border: 1px solid var(--line); max-height: calc(100dvh - var(--topbar-h) - calc(var(--u) * 40)); overflow-y: auto; }
.bs-title { display: flex; align-items: center; gap: calc(var(--u) * 8); font-size: max(10px, calc(var(--u) * 16)); }
.bs-title .ic { color: var(--primary); width: calc(var(--u) * 20); height: calc(var(--u) * 20); }
.bs-empty { display: flex; flex-direction: column; align-items: center; text-align: center; gap: calc(var(--u) * 6); padding: calc(var(--u) * 26) calc(var(--u) * 10); color: var(--muted); }
.bs-empty .ic { width: calc(var(--u) * 34); height: calc(var(--u) * 34); }
.bs-empty b { color: var(--text); }
.bs-empty p { margin: 0; font-size: max(10px, calc(var(--u) * 13)); }
.bs-head { display: flex; align-items: center; justify-content: space-between; font-size: max(10px, calc(var(--u) * 13)); }
.bs-clear { color: var(--muted); font-size: max(10px, calc(var(--u) * 12)); font-weight: 700; }
.bs-clear:hover { color: var(--danger); }
.bs-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: calc(var(--u) * 8); }
.bs-item { padding: calc(var(--u) * 10) calc(var(--u) * 12); border-radius: calc(var(--u) * 12); background: var(--surface-2); border-left: calc(var(--u) * 3) solid var(--primary); }
.bs-item.is-bad { border-left-color: var(--danger); }
.bs-item__top { display: flex; align-items: center; gap: calc(var(--u) * 6); font-size: max(10px, calc(var(--u) * 12)); color: var(--muted); }
.bs-item__ev { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.bs-x { width: calc(var(--u) * 26); height: calc(var(--u) * 26); border-radius: 50%; display: grid; place-items: center; color: var(--muted); }
.bs-x .ic { width: calc(var(--u) * 15); height: calc(var(--u) * 15); }
.bs-x:hover { color: var(--text); background: rgba(255, 255, 255, .06); }
.bs-item__pick { display: flex; align-items: flex-end; justify-content: space-between; gap: calc(var(--u) * 10); margin-top: calc(var(--u) * 4); }
.bs-item__pick small { display: block; color: var(--muted); font-size: max(10px, calc(var(--u) * 11)); }
.bs-odd { font-weight: 900; font-size: max(10px, calc(var(--u) * 16)); color: var(--primary); font-variant-numeric: tabular-nums; }
.bs-total, .bs-win { display: flex; justify-content: space-between; align-items: center; font-size: max(10px, calc(var(--u) * 14)); color: var(--text-2); }
.bs-total b { font-size: max(10px, calc(var(--u) * 18)); color: var(--text); }
.bs-win b { font-size: max(10px, calc(var(--u) * 18)); color: var(--ok); }
.bs-stake { display: flex; align-items: center; gap: calc(var(--u) * 8); height: calc(var(--u) * 54); padding: 0 calc(var(--u) * 14); border-radius: calc(var(--u) * 12); background: var(--surface-2); border: calc(var(--u) * 1.5) solid var(--line); }
.bs-stake:focus-within { border-color: var(--primary); }
.bs-stake span { color: var(--muted); font-weight: 800; }
.bs-stake input { flex: 1; min-width: 0; border: 0; outline: none; background: none; color: var(--text); font-size: max(10px, calc(var(--u) * 20)); font-weight: 800; }
.bs-quick { display: grid; grid-template-columns: repeat(4, 1fr); gap: calc(var(--u) * 6); }
.bs-quick button { height: calc(var(--u) * 36); border-radius: calc(var(--u) * 9); background: var(--surface-2); font-weight: 700; font-size: max(10px, calc(var(--u) * 12)); color: var(--text); }
.bs-quick button.on { background: var(--primary); color: var(--on-primary); }
.bs-err { margin: 0; padding: calc(var(--u) * 10) calc(var(--u) * 12); border-radius: calc(var(--u) * 10); background: color-mix(in srgb, var(--danger) 14%, transparent); color: var(--danger); font-size: max(10px, calc(var(--u) * 13)); }
.bs-cta { height: calc(var(--u) * 54); border-radius: calc(var(--u) * 14); font-weight: 800; }

/* Barra flotante móvil */
.bs-bar { display: none; }
@media (max-width: 1199px) {
    .bs-bar:not([hidden]) {
        position: fixed; z-index: 45; left: calc(var(--u) * 12); right: calc(var(--u) * 12); bottom: calc(var(--tabbar-h) + var(--safe-bottom) + calc(var(--u) * 10));
        display: flex; align-items: center; gap: calc(var(--u) * 12); height: calc(var(--u) * 56); padding: 0 calc(var(--u) * 16); border-radius: calc(var(--u) * 16);
        background: var(--primary); color: var(--on-primary); box-shadow: 0 calc(var(--u) * 12) calc(var(--u) * 30) rgba(var(--primary-rgb), .4); font-weight: 700;
        animation: barIn .22s var(--ease);
    }
    .bs-bar__n { width: calc(var(--u) * 30); height: calc(var(--u) * 30); border-radius: 50%; display: grid; place-items: center; background: rgba(0, 0, 0, .22); font-weight: 900; }
    .bs-bar__t { display: flex; flex-direction: column; line-height: 1.1; text-align: left; }
    .bs-bar__t small { font-size: max(10px, calc(var(--u) * 11)); opacity: .85; font-weight: 600; }
    .bs-bar__odd { margin-left: auto; font-size: max(10px, calc(var(--u) * 13)); }
    .bs-bar__odd b { font-size: max(10px, calc(var(--u) * 17)); }
    #main:has(.sb) { padding-bottom: calc(var(--tabbar-h) + var(--safe-bottom) + calc(var(--u) * 90)); }
}
@media (min-width: 992px) and (max-width: 1199px) { .bs-bar:not([hidden]) { bottom: calc(var(--u) * 18); left: auto; width: calc(var(--u) * 360); } }
@keyframes barIn { from { transform: translateY(calc(var(--u) * 20)); opacity: 0; } }

/* Comprobante */
.rc { display: flex; flex-direction: column; align-items: center; text-align: center; gap: calc(var(--u) * 10); padding: calc(var(--u) * 10) 0 calc(var(--u) * 4); }
.rc h3 { margin: calc(var(--u) * 4) 0 0; font-size: max(10px, calc(var(--u) * 22)); }
.rc-serial { margin: 0; color: var(--text-2); font-size: max(10px, calc(var(--u) * 14)); }
.rc-nums { display: grid; grid-template-columns: repeat(3, 1fr); gap: calc(var(--u) * 8); width: 100%; }
.rc-nums div { display: flex; flex-direction: column; padding: calc(var(--u) * 10); border-radius: calc(var(--u) * 12); background: var(--surface-2); }
.rc-nums small { color: var(--muted); font-size: max(10px, calc(var(--u) * 11)); }
.rc-nums b { font-size: max(10px, calc(var(--u) * 15)); }
.rc-list { list-style: none; margin: 0; padding: 0; width: 100%; display: flex; flex-direction: column; gap: calc(var(--u) * 6); text-align: left; }
.rc-list li { display: flex; flex-direction: column; padding: calc(var(--u) * 10) calc(var(--u) * 12); border-radius: calc(var(--u) * 12); background: var(--surface-2); font-size: max(10px, calc(var(--u) * 13)); }
.rc-list small { color: var(--muted); }
.rc-date { margin: 0; color: var(--muted); font-size: max(10px, calc(var(--u) * 12)); }
.rc .btn { margin-top: calc(var(--u) * 4); }

/* Mis apuestas */
.mb { display: grid; grid-template-columns: repeat(auto-fill, minmax(calc(var(--u) * 340), 1fr)); gap: calc(var(--u) * 10); }
.tk { border-radius: calc(var(--u) * 14); background: var(--surface); border: 1px solid var(--line); overflow: hidden; border-top: calc(var(--u) * 3) solid var(--muted); }
.tk--win { border-top-color: var(--ok); }
.tk--lost { border-top-color: var(--danger); }
.tk--open { border-top-color: var(--primary); }
.tk__head { display: flex; justify-content: space-between; align-items: center; gap: calc(var(--u) * 10); padding: calc(var(--u) * 12) calc(var(--u) * 14); }
.tk__head span:first-child { display: flex; flex-direction: column; }
.tk__head small { color: var(--muted); font-size: max(10px, calc(var(--u) * 12)); }
.tk__items { list-style: none; margin: 0; padding: 0 calc(var(--u) * 14); display: flex; flex-direction: column; }
.tk__items li { display: grid; grid-template-columns: 1fr auto; gap: calc(var(--u) * 2) calc(var(--u) * 10); padding: calc(var(--u) * 8) 0; border-top: 1px solid var(--line); font-size: max(10px, calc(var(--u) * 13)); }
.tk__ev { grid-column: 1; font-weight: 700; display: flex; gap: calc(var(--u) * 6); align-items: center; }
.tk__pick { grid-column: 1; color: var(--text-2); }
.tk__odd { grid-column: 2; grid-row: 1 / span 2; align-self: center; font-weight: 900; color: var(--primary); }
.tk__score { grid-column: 1 / -1; color: var(--muted); }
.tk__foot { display: grid; grid-template-columns: repeat(3, 1fr); gap: calc(var(--u) * 8); padding: calc(var(--u) * 12) calc(var(--u) * 14); background: var(--surface-2); }
.tk__foot span { display: flex; flex-direction: column; }
.tk__foot small { color: var(--muted); font-size: max(10px, calc(var(--u) * 11)); }
.ev-skel { display: flex; flex-direction: column; gap: calc(var(--u) * 8); }

/* Móvil */
@media (max-width: 991px) {
    
    
    
    
    
    
    
    
    
    .mkts { grid-template-columns: 1fr; }
    .evd__head { padding: calc(var(--u) * 16) calc(var(--u) * 12); }
    .rc-nums { grid-template-columns: 1fr 1fr; }
    .rc-nums div:last-child { grid-column: 1 / -1; }
    .mb { grid-template-columns: 1fr; }
}

/* ================= V2.6 — acabado de deportes ================= */

/* Botón de cuota: pieza clara y tocable, separada del fondo de la tarjeta */

/* Equipos con escudo de inicial, marcador en vivo alineado */

/* Encabezado de liga con bandera y columnas de mercado */
.flag { width: calc(var(--u) * 20); height: calc(var(--u) * 14); object-fit: cover; border-radius: calc(var(--u) * 3); flex: none; box-shadow: 0 0 0 1px rgba(0, 0, 0, .25); }

/* Búsqueda y filtros */

.chip--bb { border-color: rgba(var(--primary-rgb), .5); color: var(--primary); }
.chip--bb .ic { width: calc(var(--u) * 14); height: calc(var(--u) * 14); }
.chip .flag { margin-right: calc(var(--u) * 2); }

/* Cuotas mejoradas */
.sb-sec { display: flex; align-items: center; gap: calc(var(--u) * 8); margin-bottom: calc(var(--u) * 8); font-size: max(10px, calc(var(--u) * 16)); }
.sb-sec .ic { color: var(--primary); }
.boosts { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(calc(var(--u) * 260), calc(var(--u) * 300)); gap: calc(var(--u) * 10); overflow-x: auto; scrollbar-width: none; padding-bottom: calc(var(--u) * 2); }
.boosts::-webkit-scrollbar { display: none; }
.boost { display: flex; flex-direction: column; gap: calc(var(--u) * 6); padding: calc(var(--u) * 14); border-radius: calc(var(--u) * 16); border: 1px solid rgba(var(--primary-rgb), .35);
    background: radial-gradient(120% 120% at 100% 0%, rgba(var(--primary-rgb), .22), transparent 55%), var(--surface); }
.boost.is-on { border-color: var(--primary); box-shadow: 0 0 0 1px var(--primary) inset; }
.boost__ev { margin: 0; font-size: max(10px, calc(var(--u) * 11)); color: var(--muted); }
.boost__name { font-size: max(10px, calc(var(--u) * 14)); }
.boost ul { margin: 0; padding-left: calc(var(--u) * 16); font-size: max(10px, calc(var(--u) * 12)); color: var(--text-2); }
.boost ul small { color: var(--muted); }
.boost__btn { margin-top: auto; display: flex; align-items: center; justify-content: center; gap: calc(var(--u) * 8); height: calc(var(--u) * 44); border-radius: calc(var(--u) * 12); background: var(--primary); color: var(--on-primary); font-weight: 900; font-size: max(10px, calc(var(--u) * 17)); }
.boost__btn s { opacity: .7; font-weight: 600; font-size: max(10px, calc(var(--u) * 13)); }
.boost__btn .ic { width: calc(var(--u) * 16); height: calc(var(--u) * 16); }

/* Crear apuesta (Bet Builder) */
.bbx { position: sticky; top: calc(var(--topbar-h) + calc(var(--u) * 8)); z-index: 5; padding: calc(var(--u) * 14); border-radius: calc(var(--u) * 16); background: var(--surface); border: 1px solid rgba(var(--primary-rgb), .45); box-shadow: 0 calc(var(--u) * 10) calc(var(--u) * 30) rgba(0, 0, 0, .3); }
.bbx__head { display: flex; align-items: center; gap: calc(var(--u) * 8); flex-wrap: wrap; }
.bbx__head .ic { width: calc(var(--u) * 20); height: calc(var(--u) * 20); padding: calc(var(--u) * 3); border-radius: 50%; background: var(--primary); color: #fff; }
.bbx__head span { color: var(--muted); font-size: max(10px, calc(var(--u) * 12)); flex-basis: 100%; }
.bbx__hint { margin: calc(var(--u) * 8) 0 0; color: var(--muted); font-size: max(10px, calc(var(--u) * 13)); }
.bbx__list { list-style: none; margin: calc(var(--u) * 10) 0 0; padding: 0; display: flex; flex-direction: column; gap: calc(var(--u) * 6); }
.bbx__list li { display: flex; align-items: center; gap: calc(var(--u) * 8); padding: calc(var(--u) * 8) calc(var(--u) * 10); border-radius: calc(var(--u) * 10); background: var(--surface-2); border-left: calc(var(--u) * 3) solid var(--primary); }
.bbx__list span { flex: 1; display: flex; flex-direction: column; font-weight: 700; font-size: max(10px, calc(var(--u) * 13)); }
.bbx__list small { color: var(--muted); font-weight: 500; }
.bbx__list button { width: calc(var(--u) * 26); height: calc(var(--u) * 26); border-radius: 50%; display: grid; place-items: center; color: var(--muted); }
.bbx__list .ic { width: calc(var(--u) * 14); height: calc(var(--u) * 14); }
.bbx__foot { display: flex; align-items: center; justify-content: space-between; gap: calc(var(--u) * 10); margin-top: calc(var(--u) * 12); }
.bbx__foot b { font-size: max(10px, calc(var(--u) * 20)); color: var(--primary); margin-left: calc(var(--u) * 4); }
.bbx__foot .btn { height: calc(var(--u) * 42); }
.mkts--bb .odd { height: calc(var(--u) * 56); }

/* Detalle de evento: escudos */
.evd__team { display: flex; flex-direction: column; align-items: center; gap: calc(var(--u) * 8); min-width: 0; text-align: center; }
.evd__team .crest { width: calc(var(--u) * 48); height: calc(var(--u) * 48); font-size: max(10px, calc(var(--u) * 20)); background: rgba(255, 255, 255, .08); border: 1px solid var(--line); }
.evd__team b { font-size: clamp(max(10px, calc(var(--u) * 14)), 1.8vw, max(10px, calc(var(--u) * 20))); }

/* Boleto con detalle */
.bs-head { gap: calc(var(--u) * 8); }
.bs-type { font-weight: 800; }
.bs-type b { display: inline-grid; place-items: center; min-width: calc(var(--u) * 20); height: calc(var(--u) * 20); margin-left: calc(var(--u) * 4); border-radius: calc(var(--u) * 10); background: var(--primary); color: var(--on-primary); font-size: max(10px, calc(var(--u) * 11)); }
.bs-clear { display: inline-flex; align-items: center; gap: calc(var(--u) * 4); }
.bs-clear .ic { width: calc(var(--u) * 14); height: calc(var(--u) * 14); }
.bs-fmt { display: inline-flex; margin-left: auto; padding: calc(var(--u) * 2); border-radius: calc(var(--u) * 8); background: var(--surface-2); }
.bs-fmt button { height: calc(var(--u) * 24); padding: 0 calc(var(--u) * 8); border-radius: calc(var(--u) * 6); font-size: max(10px, calc(var(--u) * 11)); font-weight: 800; color: var(--muted); }
.bs-fmt button.on { background: var(--surface-3); color: var(--text); }
.bs-empty .bs-fmt { margin: calc(var(--u) * 8) auto 0; }
.bs-empty__ico { width: calc(var(--u) * 56); height: calc(var(--u) * 56); display: grid; place-items: center; border-radius: 50%; background: rgba(var(--primary-rgb), .12); color: var(--primary); }
.bs-item__top { gap: calc(var(--u) * 8); }
.bs-item__when { color: var(--text-2); font-weight: 700; font-size: max(10px, calc(var(--u) * 11)); white-space: nowrap; }
.bs-item__lg { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: max(10px, calc(var(--u) * 11)); }
.bs-item__ev { margin: calc(var(--u) * 4) 0 0; font-size: max(10px, calc(var(--u) * 13)); font-weight: 700; }
.bs-item__ev i { color: var(--muted); font-style: normal; font-weight: 500; }
.bs-item__ev em { font-style: normal; color: var(--primary); margin-left: calc(var(--u) * 4); }
.bs-odd { display: inline-flex; align-items: baseline; gap: calc(var(--u) * 6); }
.bs-odd s { font-size: max(10px, calc(var(--u) * 12)); color: var(--muted); font-weight: 600; }
.bs-odd.is-up { color: var(--ok); }
.bs-odd.is-down { color: var(--danger); }
.bs-tag { display: inline-block; padding: 1px calc(var(--u) * 6); border-radius: calc(var(--u) * 6); background: rgba(var(--primary-rgb), .15); color: var(--primary) !important; font-weight: 800; }
.bs-legs { list-style: none; margin: calc(var(--u) * 8) 0 0; padding: 0 0 0 calc(var(--u) * 10); border-left: calc(var(--u) * 2) dashed var(--line); display: flex; flex-direction: column; gap: calc(var(--u) * 4); }
.bs-legs li { display: flex; flex-direction: column; font-size: max(10px, calc(var(--u) * 12)); }
.bs-legs small { color: var(--muted); }
.bs-note { display: flex; align-items: center; gap: calc(var(--u) * 6); margin: 0; font-size: max(10px, calc(var(--u) * 12)); color: var(--gold); }
.bs-note .ic { width: calc(var(--u) * 14); height: calc(var(--u) * 14); }
.bs-sum { display: flex; flex-direction: column; gap: calc(var(--u) * 10); padding-top: calc(var(--u) * 10); border-top: 1px solid var(--line); }
.bs-accept { display: flex; align-items: center; gap: calc(var(--u) * 8); font-size: max(10px, calc(var(--u) * 12)); color: var(--text-2); cursor: pointer; }
.bs-accept input { width: calc(var(--u) * 18); height: calc(var(--u) * 18); accent-color: var(--primary); }
@media (max-width: 1199px) { .sheet--slip .bs-sum { position: sticky; bottom: 0; background: var(--surface); padding-bottom: calc(var(--u) * 4); } }

/* Eventos destacados en el home */
.tev { display: flex; flex-direction: column; gap: calc(var(--u) * 10); padding: calc(var(--u) * 12); border-radius: calc(var(--u) * 16); background: var(--surface); border: 1px solid var(--line); min-width: 0; }
.tev__head { display: flex; flex-direction: column; gap: calc(var(--u) * 3); min-width: 0; }
.tev__lg { font-size: max(10px, calc(var(--u) * 11)); color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tev__when { font-size: max(10px, calc(var(--u) * 12)); font-weight: 700; color: var(--text-2); margin-bottom: calc(var(--u) * 4); text-transform: capitalize; }
.tev__head b { font-size: max(10px, calc(var(--u) * 14)); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tev__odds { display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; gap: calc(var(--u) * 6); margin-top: auto; }
.tev__odds .odd { height: calc(var(--u) * 46); }


/* ================= Deportes V2.14 — listado, filtros, Top y búsqueda ================= */

/* Cabecera: título, pestañas con la lupa y buscador propio de Deportes */
.sb-head { display: flex; flex-direction: column; gap: calc(var(--u) * 12); }
.sb-title { font-size: var(--fs-display); }
.sb-bar { display: flex; align-items: center; gap: calc(var(--u) * 8); min-width: 0; }
.sb-tabs { flex: 1; min-width: 0; display: flex; align-items: center; gap: calc(var(--u) * 4); padding: calc(var(--u) * 4); border-radius: calc(var(--u) * 14); background: var(--surface); overflow-x: auto; scrollbar-width: none; }
.sb-tabs::-webkit-scrollbar { display: none; }
.sb-tab { flex: none; display: inline-flex; align-items: center; gap: calc(var(--u) * 7); height: calc(var(--u) * 38); padding: 0 calc(var(--u) * 13); border-radius: calc(var(--u) * 10); font-weight: 600; font-size: max(10px, calc(var(--u) * 14)); color: var(--text-2); white-space: nowrap; }
.sb-tab .ic { width: calc(var(--u) * 17); height: calc(var(--u) * 17); }
.sb-tab.is-on { background: var(--primary); color: var(--on-primary); }
.sb-find { flex: none; width: calc(var(--u) * 46); height: calc(var(--u) * 46); display: grid; place-items: center; border-radius: calc(var(--u) * 14); background: var(--surface); color: var(--text-2); }
.sb-find .ic { width: calc(var(--u) * 19); height: calc(var(--u) * 19); }
.sb-find.is-on { background: var(--primary); color: var(--on-primary); }
.sb-search { display: flex; align-items: center; gap: calc(var(--u) * 10); height: calc(var(--u) * 46); padding: 0 calc(var(--u) * 14); border-radius: calc(var(--u) * 12); background: var(--surface); border: 1px solid var(--line); color: var(--muted); }
.sb-search[hidden] { display: none; }
.sb-search:focus-within { border-color: var(--primary); }
.sb-search .ic { width: calc(var(--u) * 18); height: calc(var(--u) * 18); }
.sb-search input { flex: 1; min-width: 0; border: 0; outline: none; background: none; color: var(--text); font-size: max(10px, calc(var(--u) * 15)); }

/* Tarjetas de deporte: nombre y cantidad a la izquierda, ícono en la esquina */
.sports { display: flex; gap: calc(var(--u) * 8); overflow-x: auto; scrollbar-width: none; padding: calc(var(--u) * 2) 0; }
.sports::-webkit-scrollbar { display: none; }
.sport { position: relative; flex: none; display: flex; flex-direction: column; justify-content: flex-start; width: calc(var(--u) * 120); height: calc(var(--u) * 72); padding: calc(var(--u) * 10) calc(var(--u) * 12); overflow: hidden;
    border-radius: calc(var(--u) * 14); background: var(--surface); border: 1px solid var(--line); color: var(--text-2); transition: border-color .15s, background-color .15s; }
.sport__txt { position: relative; z-index: 1; display: flex; flex-direction: column; gap: calc(var(--u) * 2); min-width: 0; padding-right: calc(var(--u) * 26); }
.sport__txt b { font-size: max(10px, calc(var(--u) * 13)); font-weight: 700; color: var(--text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sport__txt small { font-size: max(10px, calc(var(--u) * 12)); font-weight: 600; color: var(--muted); font-variant-numeric: tabular-nums; }
.sport__ic { position: absolute; right: calc(var(--u) * -4); bottom: calc(var(--u) * -4); width: calc(var(--u) * 46); height: calc(var(--u) * 46); display: grid; place-items: center; opacity: .85; }
.sport__ic img, .sport__ic .ic, .sport__ic .img-fallback { width: calc(var(--u) * 34); height: calc(var(--u) * 34); object-fit: contain; }
.sport__ic img { filter: brightness(0) invert(.85); }
:root[data-theme="light"] .sport__ic img { filter: brightness(0) opacity(.6); }
.sport:hover { border-color: rgba(var(--primary-rgb), .5); }
.sport.is-on { background: rgba(var(--primary-rgb), .16); border-color: var(--primary); }
.sport.is-on .sport__ic img { filter: none; }
.sport.is-on .sport__ic .sbi { color: var(--primary); }

/* Filtros de Próximos: dos botones ordenados (fecha · países y ligas) */
.sb-filters { display: flex; gap: calc(var(--u) * 8); }
.fbtn { flex: none; display: inline-flex; align-items: center; gap: calc(var(--u) * 8); height: calc(var(--u) * 42); padding: 0 calc(var(--u) * 12); border-radius: calc(var(--u) * 12); background: var(--surface); border: 1px solid var(--line);
    color: var(--text); font-size: max(10px, calc(var(--u) * 13)); font-weight: 600; min-width: 0; }
.fbtn span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.fbtn .ic { width: calc(var(--u) * 16); height: calc(var(--u) * 16); flex: none; color: var(--muted); }
.fbtn--grow { flex: 1; }
.fbtn--grow span { flex: 1; text-align: left; }
.fbtn.is-on { border-color: var(--primary); background: rgba(var(--primary-rgb), .1); }
.fbtn.is-on .ic:first-child { color: var(--primary); }
.fbtn--clear { width: calc(var(--u) * 42); justify-content: center; padding: 0; }
.flag { width: calc(var(--u) * 22); height: calc(var(--u) * 15); object-fit: cover; border-radius: calc(var(--u) * 3); flex: none; box-shadow: 0 0 0 1px rgba(0, 0, 0, .25); }

/* Opciones en hojas (fecha, países y ligas) */
.optlist { display: flex; flex-direction: column; gap: calc(var(--u) * 6); }
.opt { display: flex; align-items: center; gap: calc(var(--u) * 12); width: 100%; min-height: calc(var(--u) * 50); padding: 0 calc(var(--u) * 14); border-radius: calc(var(--u) * 12); background: var(--surface-2); color: var(--text); font-size: max(10px, calc(var(--u) * 14)); font-weight: 600; text-align: left; }
.opt + .optlist, a.opt:first-child:not(:only-child) { margin-bottom: calc(var(--u) * 6); }
.opt span { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.opt small { color: var(--muted); font-size: max(10px, calc(var(--u) * 12)); font-variant-numeric: tabular-nums; }
.opt .ic { width: calc(var(--u) * 18); height: calc(var(--u) * 18); color: var(--muted); flex: none; }
.opt.is-on { color: var(--primary); box-shadow: inset 0 0 0 calc(var(--u) * 1.5) var(--primary); }
.opt.is-on .ic { color: var(--primary); }

/* Liga plegable: bandera + logo, nombre, país · deporte */
.lg { border-radius: calc(var(--u) * 16); background: var(--surface); border: 1px solid var(--line); overflow: hidden; }
.lg + .lg { margin-top: calc(var(--u) * 10); }
.lg__head { display: flex; align-items: center; gap: calc(var(--u) * 12); width: 100%; padding: calc(var(--u) * 12) calc(var(--u) * 14); text-align: left; color: var(--text); }
.lg__txt { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.lg__txt b { font-size: max(10px, calc(var(--u) * 14)); font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lg__txt small { font-size: max(10px, calc(var(--u) * 12)); color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lg__n { color: var(--muted); font-size: max(10px, calc(var(--u) * 12)); font-weight: 600; }
.lg__head > .ic { width: calc(var(--u) * 18); height: calc(var(--u) * 18); color: var(--muted); transition: transform .2s var(--ease); }
.lg.is-closed .lg__head > .ic { transform: rotate(-90deg); }
.lg__body { border-top: 1px solid var(--line); }
.lg.is-closed .lg__body { display: none; }
.lgm { position: relative; flex: none; width: calc(var(--u) * 46); height: calc(var(--u) * 30); }
.lgm__flag { position: absolute; left: 0; top: calc(var(--u) * 5); width: calc(var(--u) * 28); height: calc(var(--u) * 20); border-radius: calc(var(--u) * 4); object-fit: cover; box-shadow: 0 0 0 1px rgba(0, 0, 0, .25); }
.lgm__logo { position: absolute; left: calc(var(--u) * 16); top: 0; width: calc(var(--u) * 30); height: calc(var(--u) * 30); padding: calc(var(--u) * 3); border-radius: 50%; background: #fff; object-fit: contain; box-shadow: 0 0 0 calc(var(--u) * 2) var(--surface); }
.lgm__logo--sm { position: static; width: calc(var(--u) * 26); height: calc(var(--u) * 26); padding: calc(var(--u) * 2); flex: none; }

/* Tarjeta de evento */
.ev { display: flex; flex-direction: column; gap: calc(var(--u) * 10); padding: calc(var(--u) * 12) calc(var(--u) * 14) calc(var(--u) * 14); }
.ev + .ev { border-top: 1px solid var(--line); }
.ev__top { display: flex; align-items: center; gap: calc(var(--u) * 8); }
.st { display: inline-flex; align-items: center; gap: calc(var(--u) * 6); height: calc(var(--u) * 26); padding: 0 calc(var(--u) * 10); border-radius: calc(var(--u) * 13); border: 1px solid var(--line); color: var(--text-2); font-size: max(10px, calc(var(--u) * 12)); font-weight: 700; font-variant-numeric: tabular-nums; white-space: nowrap; }
.st i { width: calc(var(--u) * 6); height: calc(var(--u) * 6); border-radius: 50%; background: currentColor; }
.st--live { color: #FF4D6A; border-color: rgba(255, 77, 106, .4); }
.st--live i { animation: blink 1.2s infinite; }
.st--soon { color: #F5A524; border-color: rgba(245, 165, 36, .4); }
.ev__teams { display: flex; flex-direction: column; gap: calc(var(--u) * 8); color: var(--text); }
.ev__tm { display: flex; align-items: center; gap: calc(var(--u) * 10); min-width: 0; font-size: max(10px, calc(var(--u) * 15)); font-weight: 600; }
.ev__tm em { flex: 1; min-width: 0; font-style: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ev__sc { min-width: calc(var(--u) * 26); height: calc(var(--u) * 26); display: grid; place-items: center; border-radius: calc(var(--u) * 7); background: var(--surface-2); font-size: max(10px, calc(var(--u) * 14)); font-weight: 800; font-variant-numeric: tabular-nums; }
.crest { position: relative; flex: none; width: calc(var(--u) * 24); height: calc(var(--u) * 24); display: grid; place-items: center; overflow: hidden; border-radius: 50%; background: var(--surface-3); color: var(--text-2); font-size: max(10px, calc(var(--u) * 11)); font-weight: 800; }
.crest img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; background: var(--surface); }
.ev__mk { margin: 0; font-size: max(10px, calc(var(--u) * 12)); color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ev__odds { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)) auto; gap: calc(var(--u) * 6); }
.ev__odds.odds-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) auto; }
.ev__odds.odds-1 { grid-template-columns: minmax(0, 1fr) auto; }
.ev__none { align-self: center; color: var(--muted); font-size: max(10px, calc(var(--u) * 12)); }
.ev__odds.odds-0 { grid-template-columns: 1fr auto; }
.ev__more { display: grid; place-items: center; min-width: calc(var(--u) * 50); height: calc(var(--u) * 46); padding: 0 calc(var(--u) * 10); border-radius: calc(var(--u) * 10); background: var(--surface-2); color: var(--text); font-size: max(10px, calc(var(--u) * 14)); font-weight: 800; }
.ev__more .ic { width: calc(var(--u) * 16); height: calc(var(--u) * 16); }
.ev__more:hover { color: var(--primary); }

/* Botón de cuota: etiqueta a la izquierda, valor a la derecha; flecha si cambia */
.odd { position: relative; display: flex; align-items: center; justify-content: space-between; gap: calc(var(--u) * 6); min-width: 0; height: calc(var(--u) * 46); padding: 0 calc(var(--u) * 12); border-radius: calc(var(--u) * 10);
    background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .08); color: var(--text); touch-action: manipulation;
    transition: background-color .12s, border-color .3s, transform .08s; }
:root[data-theme="light"] .odd { background: #F1F1F4; border-color: rgba(0, 0, 0, .06); }
.odd small { min-width: 0; font-size: max(10px, calc(var(--u) * 12)); font-weight: 600; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.odd b { display: inline-flex; align-items: center; gap: calc(var(--u) * 4); font-size: max(10px, calc(var(--u) * 15)); font-weight: 800; color: var(--text); font-variant-numeric: tabular-nums; }
.odd b .ic { width: calc(var(--u) * 14); height: calc(var(--u) * 14); color: var(--muted); }
@media (hover: hover) { .odd:hover:not(:disabled) { border-color: var(--primary); background: rgba(var(--primary-rgb), .1); } }
.odd:active { transform: scale(.97); }
.odd.is-on { background: var(--primary); border-color: var(--primary); box-shadow: 0 calc(var(--u) * 6) calc(var(--u) * 16) rgba(var(--primary-rgb), .35); }
.odd.is-on small, .odd.is-on b { color: var(--on-primary); }
.odd.is-off { opacity: .5; cursor: default; }
.odd.is-bad { opacity: .35; text-decoration: line-through; }
.odd.is-up { border-color: rgba(34, 197, 94, .8); }
.odd.is-down { border-color: rgba(255, 77, 79, .8); }
.odd.is-up b::before, .odd.is-down b::before { font-size: max(10px, calc(var(--u) * 10)); line-height: 1; }
.odd.is-up b::before { content: "▲"; color: #22C55E; }
.odd.is-down b::before { content: "▼"; color: #FF4D4F; }

/* Top: ligas destacadas y carruseles */
.tlg { display: flex; gap: calc(var(--u) * 14); overflow-x: auto; scrollbar-width: none; padding: calc(var(--u) * 2); }
.tlg::-webkit-scrollbar { display: none; }
.tlg__item { flex: none; display: flex; flex-direction: column; align-items: center; gap: calc(var(--u) * 6); width: calc(var(--u) * 78); text-align: center; color: var(--text); }
.tlg__logo { width: calc(var(--u) * 64); height: calc(var(--u) * 64); display: grid; place-items: center; border-radius: 50%; background: var(--surface); border: 1px solid var(--line); }
.tlg__name { font-size: max(10px, calc(var(--u) * 12)); font-weight: 600; line-height: 1.25; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.tsec { display: flex; flex-direction: column; gap: calc(var(--u) * 10); }
.tsec__head { display: flex; align-items: center; gap: calc(var(--u) * 10); }
.tsec__head b { flex: 1; font-size: max(10px, calc(var(--u) * 18)); font-weight: 800; }
.tsec__ic { width: calc(var(--u) * 32); height: calc(var(--u) * 32); display: grid; place-items: center; border-radius: calc(var(--u) * 9); color: #fff; }
.tsec__ic .ic { width: calc(var(--u) * 18); height: calc(var(--u) * 18); }
.tsec__ic--live { background: #FF3B6B; }
.tsec__ic--next { background: #22C55E; }
.tcar { display: grid; grid-auto-flow: column; grid-auto-columns: 86%; gap: calc(var(--u) * 10); overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
.tcar::-webkit-scrollbar { display: none; }
.tcar__item { scroll-snap-align: start; border-radius: calc(var(--u) * 16); background: var(--surface); border: 1px solid var(--line); overflow: hidden; }
.tcar__lg { display: flex; align-items: center; gap: calc(var(--u) * 10); margin: 0; padding: calc(var(--u) * 12) calc(var(--u) * 14); border-bottom: 1px solid var(--line); }
.tcar__lg span { display: flex; flex-direction: column; min-width: 0; }
.tcar__lg b { font-size: max(10px, calc(var(--u) * 14)); font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tcar__lg small { font-size: max(10px, calc(var(--u) * 12)); color: var(--muted); }
.sb-more { display: grid; place-items: center; padding: calc(var(--u) * 18); }

/* Búsqueda: países, ligas y partidos */
.srch__h { margin: calc(var(--u) * 16) 0 calc(var(--u) * 8); font-size: max(10px, calc(var(--u) * 12)); font-weight: 800; color: var(--muted); text-transform: uppercase; letter-spacing: .06em; }
.srch { display: flex; flex-direction: column; gap: calc(var(--u) * 8); }
.srch__item { display: flex; align-items: center; gap: calc(var(--u) * 12); padding: calc(var(--u) * 12) calc(var(--u) * 14); border-radius: calc(var(--u) * 14); background: var(--surface); border: 1px solid var(--line); color: var(--text); }
.srch__item:hover { border-color: rgba(var(--primary-rgb), .5); }
.srch__item > .ic { width: calc(var(--u) * 16); height: calc(var(--u) * 16); color: var(--muted); flex: none; }
.srch__txt { flex: 1; display: flex; flex-direction: column; min-width: 0; }
.srch__txt b { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.srch__txt small { color: var(--muted); }
.srch__item .ev__when { display: flex; flex-direction: column; width: calc(var(--u) * 48); font-variant-numeric: tabular-nums; }
.srch__item .ev__when small { color: var(--muted); font-size: max(10px, calc(var(--u) * 11)); }

/* Escritorio */
@media (min-width: 992px) {
    .sb-head { flex-direction: row; flex-wrap: wrap; align-items: center; }
    .sb-bar { margin-left: auto; }
    .sb-search { flex-basis: 100%; }
    .tcar { grid-auto-columns: calc(var(--u) * 380); }
    .sb-filters { max-width: calc(var(--u) * 640); }
}
/* Teléfonos: ancho de las tarjetas de deporte según la pantalla */
@media (max-width: 991px) {
    .sport { width: calc(var(--uw) * 110) ; }
}

/* ===== Deportes V2.18: marca de liga única, ligas populares, mercados en PC ===== */
/* Marca de liga: logo en círculo con la bandera como insignia; sin logo, bandera sola */
.lgm { position: relative; flex: none; width: calc(var(--u) * 34); height: calc(var(--u) * 34); }
.lgm .lgm__logo { position: absolute; inset: 0; width: 100%; height: 100%; padding: calc(var(--u) * 3); border-radius: 50%; background: #fff; object-fit: contain; box-shadow: none; }
.lgm .lgm__flag { position: absolute; left: auto; top: auto; right: calc(var(--u) * -3); bottom: calc(var(--u) * -3); width: calc(var(--u) * 16); height: calc(var(--u) * 16); border-radius: 50%; object-fit: cover; box-shadow: 0 0 0 calc(var(--u) * 2) var(--surface); z-index: 1; }
.lgm.is-flag .lgm__flag { inset: 0; width: 100%; height: 100%; box-shadow: 0 0 0 1px rgba(0, 0, 0, .25); }
.lgm--all { display: grid; place-items: center; border-radius: 50%; background: var(--surface-2); color: var(--muted); }
.lgm--all .ic { width: calc(var(--u) * 18); height: calc(var(--u) * 18); }
.tlg__logo .lgm { width: calc(var(--u) * 44); height: calc(var(--u) * 44); }
/* Ligas populares: acceso con un toque */
.lgpop { display: flex; gap: calc(var(--u) * 8); overflow-x: auto; scrollbar-width: none; padding: calc(var(--u) * 2) 0; }
.lgpop::-webkit-scrollbar { display: none; }
.lgpop__it { flex: none; display: inline-flex; align-items: center; gap: calc(var(--u) * 8); max-width: calc(var(--u) * 220); height: calc(var(--u) * 44); padding: 0 calc(var(--u) * 14) 0 calc(var(--u) * 7); border-radius: calc(var(--u) * 22);
    background: var(--surface); border: 1px solid var(--line); color: var(--text); font-size: max(10px, calc(var(--u) * 13)); }
.lgpop__it .lgm { width: calc(var(--u) * 30); height: calc(var(--u) * 30); }
.lgpop__it > span:last-child { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lgpop__it.is-on { border-color: var(--primary); background: rgba(var(--primary-rgb), .12); }
/* Mercados: en el teléfono solo el principal */
.ev__mkts { display: flex; flex-direction: column; gap: calc(var(--u) * 10); }
.xm { display: flex; flex-direction: column; gap: calc(var(--u) * 10); min-width: 0; }
.xm--extra { display: none; }
@media (min-width: 1200px) {
    .lg .ev { display: grid; grid-template-columns: minmax(calc(var(--u) * 200), 1fr) auto; grid-template-areas: "top mk" "teams mk"; column-gap: calc(var(--u) * 22); row-gap: calc(var(--u) * 10); align-items: center; }
    .lg .ev .ev__top { grid-area: top; }
    .lg .ev .ev__teams { grid-area: teams; }
    .lg .ev .ev__mkts { grid-area: mk; flex-direction: row; gap: calc(var(--u) * 14); align-items: flex-end; }
    .lg .ev .xm { width: calc(var(--u) * 232); gap: calc(var(--u) * 6); }
    .lg .ev .xm .ev__mk { text-align: center; }
    .lg .ev .xm--1 { display: flex; }
    .lg .ev .xm--extra .ev__odds.odds-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .lg .ev .xm--extra .ev__odds.odds-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (min-width: 1600px) { .lg .ev .xm--2 { display: flex; } }
@media (min-width: 1200px) {
    .lg .ev .xm--main { width: calc(var(--u) * 262); }
    .lg .ev .xm--extra { width: calc(var(--u) * 214); }
    .lg .ev .xm .odd { height: calc(var(--u) * 42); padding: 0 calc(var(--u) * 9); gap: calc(var(--u) * 4); }
    .lg .ev .xm .odd small { font-size: max(10px, calc(var(--u) * 11)); }
    .lg .ev .xm .odd b { font-size: max(10px, calc(var(--u) * 14)); }
    .lg .ev .xm .ev__more { min-width: calc(var(--u) * 44); height: calc(var(--u) * 42); }
}
@media (min-width: 1200px) {
    .lg .ev .xm .odd { flex-direction: column; justify-content: center; gap: 1px; height: calc(var(--u) * 46); padding: 0 calc(var(--u) * 6); }
    .lg .ev .xm .odd small { max-width: 100%; }
    .lg .ev .xm .ev__more { height: calc(var(--u) * 46); }
}

/* Cuota seleccionada: siempre fondo sólido, también con el cursor encima (antes el hover
 * le ponía un fondo al 10 % y en modo claro el número blanco no se veía). */
.odd.is-on, .odd.is-on:hover:not(:disabled) { background: var(--primary); border-color: var(--primary); }
.odd.is-on small, .odd.is-on b { color: var(--on-primary); }
:root[data-theme="light"] .odd.is-on { background: var(--primary); border-color: var(--primary); }
:root[data-theme="light"] .odd.is-on small, :root[data-theme="light"] .odd.is-on b { color: var(--on-primary); }

/* Detalle del partido como 1win: encabezado plano, liga arriba con ícono del deporte,
 * escudos grandes en los extremos y la hora al centro. */
.evd__head { background: none; border: 0; box-shadow: none; padding: calc(var(--u) * 6) 0 calc(var(--u) * 14); }
.evd__head::before, .evd__head::after { display: none; }
.evd__league { display: flex; align-items: center; justify-content: center; gap: calc(var(--u) * 8); color: var(--text-2); font-size: max(10px, calc(var(--u) * 13)); }
.evd__league .ic, .evd__sport { width: calc(var(--u) * 18); height: calc(var(--u) * 18); flex: none; object-fit: contain; }
.evd__match { align-items: flex-start; }
.evd__team { gap: calc(var(--u) * 8); }
.evd__team .crest { width: calc(var(--u) * 52); height: calc(var(--u) * 52); font-size: max(10px, calc(var(--u) * 20)); }
.evd__team b { font-size: max(10px, calc(var(--u) * 15)); }
.evd__time { font-size: max(10px, calc(var(--u) * 20)); }
@media (min-width: 992px) {
    .evd__match { justify-content: space-between; }
    .evd__team { flex: 0 1 calc(var(--u) * 220); }
    .evd__team .crest { width: calc(var(--u) * 64); height: calc(var(--u) * 64); }
    .evd__team b { font-size: max(10px, calc(var(--u) * 17)); }
}

/* Filtro rápido por horas (como 1win): Todo · 1h · 2h · 4h · 6h · 12h */
.sb-filters { flex-wrap: wrap; }
.hrs { flex: 1 1 100%; display: flex; gap: calc(var(--u) * 6); overflow-x: auto; scrollbar-width: none; padding: calc(var(--u) * 2) 0; }
.hrs::-webkit-scrollbar { display: none; }
.hrs__it { flex: none; display: inline-flex; align-items: center; justify-content: center; min-width: calc(var(--u) * 48); height: calc(var(--u) * 34); padding: 0 calc(var(--u) * 14); border-radius: calc(var(--u) * 17);
    background: var(--surface); border: 1px solid var(--line); color: var(--text); font-size: max(10px, calc(var(--u) * 13)); font-weight: 600; }
.hrs__it.is-on { background: var(--primary); border-color: var(--primary); color: var(--on-primary); }

/* ===== Top Deportivos: instrumento del deporte como marca de agua (color del tema en curso) =====
 * Solo CSS + SVG en línea (sin imágenes). Se vincula por data-sport-id (IDs de deporte del backend). */
:root { --spi-futbol: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M23 11.83a10.999 10.999 0 0 0-1.38-5.17c-.19-.34-.4-.67-.62-1a11.07 11.07 0 0 0-5.77-4.19l-.24-.07-.51-.13A11.29 11.29 0 0 0 12 .99a11 11 0 0 0-9 4.67 10.88 10.88 0 0 0-1.87 4.63A10.26 10.26 0 0 0 1 11.85v.17a10.93 10.93 0 0 0 2.2 6.6 10.821 10.821 0 0 0 1.85 1.92 11 11 0 0 0 13.91 0 11.442 11.442 0 0 0 1.84-1.91 10.869 10.869 0 0 0 2.21-6.6l-.01-.2Zm-2.15 1.46c-1-.92-2-1.9-3-2.87l-.35-.34.1-.47c.27-1.36.57-2.77.87-4.08v-.06l.06-.17.14.14.37.38a9.34 9.34 0 0 1 2.3 6.14v.79a7.996 7.996 0 0 1-.11.84l-.38-.3Zm-10.62 7.9h-.36a9.36 9.36 0 0 1-5.89-4.29c-.06-.08-.1-.18-.15-.26l-.15-.29v-.06h.21c1.34.1 2.77.22 4.15.36h.48l.22.43c.65 1.22 1.3 2.51 1.9 3.71l.15.33v.16l-.56-.09Zm-7.56-8.13a.68.68 0 0 0 0-.14v-.94a9.34 9.34 0 0 1 2.3-6.14l.32-.33.11-.22.06.26c.29 1.31.59 2.71.86 4.07l.1.48-.35.34c-1 1-2 2-3 2.89l-.19.18-.15.11c0-.17-.04-.33-.06-.53v-.03Zm7.1 2.88H9.4l-.12-.32c-.47-1.34-1-2.81-1.41-4.25l-.1-.33.28-.21c1.16-.88 2.42-1.79 3.63-2.65l.29-.2.28.2c1.22.86 2.48 1.77 3.64 2.65l.28.21-.11.33c-.44 1.44-.93 2.91-1.41 4.25l-.11.32h-2.57c-.75 0-1.47.05-2.2.03v-.03Zm6.29-12.08c-1.16.67-2.42 1.37-3.64 2l-.43.23-.43-.23c-1.22-.66-2.47-1.36-3.64-2l-.33-.18c.25-.13.49-.26.75-.37a9.4 9.4 0 0 1 7.31 0c.25.11.5.23.74.36l-.33.19ZM13.4 20.82c.6-1.21 1.25-2.49 1.89-3.71l.23-.43H16c1.38-.14 2.81-.26 4.15-.36h.25a.366.366 0 0 0 0 .09 1.62 1.62 0 0 0-.1.18c-.05.1-.1.2-.16.3a9.37 9.37 0 0 1-5.89 4.29h-.34l-.62.09.11-.45Z'/%3E%3C/svg%3E"); }
:root { --spi-basquet: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath fill-rule='evenodd' d='M22.924 13a10.941 10.941 0 0 1-2.12 5.528A8.977 8.977 0 0 1 18.056 13h4.869ZM13 22.924a10.96 10.96 0 0 0 6.47-2.905A10.97 10.97 0 0 1 16.045 13H13v9.924ZM13 11h3.045A10.972 10.972 0 0 1 19.5 3.952 10.96 10.96 0 0 0 13 1.019V11Zm7.83-5.552A8.977 8.977 0 0 0 18.055 11h4.874a10.943 10.943 0 0 0-2.1-5.552ZM11 11V1.014a10.96 10.96 0 0 0-6.53 2.912A10.972 10.972 0 0 1 7.955 11H11Zm-3.045 2H11v9.93a10.959 10.959 0 0 1-6.499-2.884A10.971 10.971 0 0 0 7.955 13Zm-2.01 0a8.978 8.978 0 0 1-2.783 5.56A10.943 10.943 0 0 1 1.019 13h4.926Zm0-2H1.014a10.942 10.942 0 0 1 2.123-5.583A8.978 8.978 0 0 1 5.945 11ZM11.971.971h.007-.014.007Z' clip-rule='evenodd'/%3E%3C/svg%3E"); }
:root { --spi-tenis: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath fill-rule='evenodd' d='M2.55 3c.277.03.556 0 .82-.09a1.84 1.84 0 0 0 .7-.45A1.82 1.82 0 0 0 4.62 1a2.58 2.58 0 0 0-1.4.71A2.48 2.48 0 0 0 2.55 3Zm3.06 2.11a2.07 2.07 0 0 1 .44-.71A2.13 2.13 0 0 1 6.7 4a2 2 0 0 1 .77-.13 2.46 2.46 0 0 1-1.95 2.06 1.9 1.9 0 0 1 .09-.82Z' clip-rule='evenodd'/%3E%3Cpath fill-rule='evenodd' d='M6.47 3.43a2.6 2.6 0 0 0-.84.57 2.34 2.34 0 0 0-.63.91A2.38 2.38 0 0 0 4.91 6a2.5 2.5 0 0 1-2.43-2.42 2.62 2.62 0 0 0 1.08-.14 2.4 2.4 0 0 0 .92-.58A2.57 2.57 0 0 0 5 2a2.55 2.55 0 0 0 .17-1 2.42 2.42 0 0 1 1.54.7c.408.415.66.96.71 1.54a2.58 2.58 0 0 0-.95.19Z' clip-rule='evenodd'/%3E%3Cpath d='M20.13 4.87a6.33 6.33 0 0 0-9 0 10.17 10.17 0 0 0-2.88 6.47v.07A10.48 10.48 0 0 1 6.9 16a.68.68 0 0 0-.37.18l-4.32 4.36a.58.58 0 0 0-.06.81l1.5 1.5A.5.5 0 0 0 4 23a.67.67 0 0 0 .47-.2l4.31-4.31A.71.71 0 0 0 9 18.1a10.47 10.47 0 0 1 4.63-1.38h.15c.502-.016 1-.08 1.49-.19a10.471 10.471 0 0 0 4.9-2.69 6.331 6.331 0 0 0 0-9l-.04.03Zm-.26 3.26.5-.51c.14.394.231.804.27 1.22l-.77-.71Zm-4.65 6.31-.83.9-.9-.83.86-.87.87.8Zm-3-6.31.87-.87.86.8-.83.9-.9-.83ZM14.35 6l.86.79-.83.9-.9-.83.87-.86Zm2.14-.48-.84.91-.9-.84.87-.86.87.79Zm-3 3.9.86-.86.87.79-.83.9-.9-.84v.01ZM15.66 9l-.89-.83.87-.87.87.8-.85.9Zm-1.72 1.65-.83.9-.9-.83.87-.87.86.8Zm0 2.55-.83.9-.9-.84.87-.86.86.79v.01Zm-1.27-1.27-.83.9-.9-.83.86-.87.87.8Zm-1.28 1.27-.92.93A3.4 3.4 0 0 1 9.84 13l.65-.69.9.83v.06Zm-1.28-1.27-.46.46a4.85 4.85 0 0 1-.08-.87v-.09l.53.49.01.01Zm1.65 1.72.9.83-.68.73a3.672 3.672 0 0 1-1.09-.65l.87-.91Zm2.59-2.52.86.79-.83.9-.9-.83.87-.86Zm.41-.41.87-.87.86.8-.84.9-.9-.83h.01Zm2.18-.44-.89-.83.87-.86.86.79-.83.9h-.01Zm.83-3.46-.77.85-1-.82.91-.85.85.8.01.02Zm-5.93 3.45-.9-.84.86-.86.87.79-.83.91Zm-.45.38-.83.9-.9-.82.87-.87.86.8v-.01Zm1.22 4.73.43-.45.59.54h-.12a4.37 4.37 0 0 1-.9-.13v.04Zm3-3 .86.79-.84.91-.9-.84.88-.86ZM16 12l.87-.87.86.8-.83.9L16 12Zm2.18-.45-.9-.83.86-.87.87.8-.83.9Zm0-2.55-.9-.83.86-.87.87.8-.83.9Zm1.27 1.28-.9-.84.87-.86.86.79-.83.91Zm-1.22-3.89-.9-.84.67-.66c.362.193.698.431 1 .71l-.77.79Zm-1.29-1.26-.84-.78a4.72 4.72 0 0 1 1.3.29l-.46.49Zm-2.55 0-.49-.49a4.8 4.8 0 0 1 1.19-.28l-.7.77Zm-.45.37-.82.9-.81-.8a4.927 4.927 0 0 1 1-.7l.63.6Zm-2.55 2.56-.82.94-.35-.31c.173-.397.367-.784.58-1.16l.59.53Zm-1.28 1.27-.24.27.13-.38.11.11Zm-.36 5.92c.276.267.581.501.91.7A8.287 8.287 0 0 0 8.22 17L8 16.78a8.291 8.291 0 0 0 1.09-2.44c.186.326.407.632.66.91Zm6.3-.73.83-.9.63.6a8.856 8.856 0 0 1-1.15.58l-.31-.28Zm1.27-1.29.83-.9.83.8c-.315.277-.65.53-1 .76l-.66-.66Zm2.55-2.55.77-.84a4.81 4.81 0 0 1-.29 1.3l-.48-.46Zm-.37-3-.9-.83.81-.85c.274.3.506.637.69 1l-.6.68Zm-6.84-.9-.83.9-.72-.68c.226-.353.48-.687.76-1l.79.78Zm2.93 8.11.15.14-.39.12.24-.26Zm3-2.93.83-.9.67.62a4.737 4.737 0 0 1-.71 1l-.79-.72Z'/%3E%3C/svg%3E"); }
:root { --spi-voley: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath fill-rule='evenodd' d='M6 2.779A10.99 10.99 0 0 0 1 12c0 1.47.288 2.871.81 4.153L6 13.734V2.78Zm2 9.8 3-1.732V1.046c-1.05.094-2.056.336-3 .705v10.83Zm4.005-.002L2.733 17.93c.528.822 1.161 1.57 1.882 2.223l10.256-5.922-2.866-1.654Zm4.836 2.792.015.026L6.367 21.45A10.948 10.948 0 0 0 12 23c3.893 0 7.314-2.023 9.27-5.075l-4.43-2.555Zm5.35.78c.37-.908.622-1.875.737-2.884L13 7.533v3.309l9.191 5.306Zm.761-5.18L13 5.223V1.045a11.003 11.003 0 0 1 9.952 9.924Z' clip-rule='evenodd'/%3E%3C/svg%3E"); }
:root { --spi-beisbol: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath fill-rule='evenodd' d='M22.971 11.971c0 2.578-.887 4.95-2.372 6.825A9.047 9.047 0 0 1 19.016 17h.484a1 1 0 1 0 0-2h-1.488a8.948 8.948 0 0 1-.457-2h.945a1 1 0 1 0 0-2h-.945a8.948 8.948 0 0 1 .457-2H19.5a1 1 0 1 0 0-2h-.484a9.05 9.05 0 0 1 1.61-1.819 10.953 10.953 0 0 1 2.345 6.79ZM16.7 7a11.042 11.042 0 0 1 2.553-3.275 10.958 10.958 0 0 0-7.28-2.754c-2.779 0-5.317 1.03-7.253 2.73A11.024 11.024 0 0 1 7.301 7H8.5a1 1 0 0 1 0 2h-.414c.182.645.307 1.313.37 2H9.5a1 1 0 1 1 0 2H8.455a10.96 10.96 0 0 1-.37 2H8.5a1 1 0 1 1 0 2H7.3a11.042 11.042 0 0 1-2.548 3.271 10.958 10.958 0 0 0 7.22 2.7c2.776 0 5.312-1.028 7.247-2.725A11.043 11.043 0 0 1 16.7 17h-1.2a1 1 0 1 1 0-2h.414a10.96 10.96 0 0 1-.37-2H14.5a1 1 0 1 1 0-2h1.045a10.96 10.96 0 0 1 .37-2H15.5a1 1 0 1 1 0-2h1.2ZM6.445 11a8.947 8.947 0 0 0-.457-2H4.5a1 1 0 0 1 0-2h.484A9.05 9.05 0 0 0 3.34 5.152a10.953 10.953 0 0 0-2.369 6.82c0 2.591.896 4.973 2.396 6.853A9.05 9.05 0 0 0 4.984 17H4.5a1 1 0 1 1 0-2h1.488c.225-.637.38-1.306.457-2H5.5a1 1 0 1 1 0-2h.945Z' clip-rule='evenodd'/%3E%3C/svg%3E"); }
:root { --spi-hockey: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath fill-rule='evenodd' d='M12.023 13.06H2.1a1.6 1.6 0 0 0-1.6 1.6v3.26a1.6 1.6 0 0 0 1.6 1.6h9.757l.025.018.012-.018h.016l.002-.026L22.55 4.301a.6.6 0 0 0-.147-.835l-1.966-1.377a.599.599 0 0 0-.836.147L12.023 13.06ZM22.76 18.2h-7.57a.6.6 0 0 0-.6.6v3.31a.6.6 0 0 0 .6.6h7.57a.6.6 0 0 0 .6-.6V18.8a.6.6 0 0 0-.6-.6Z' clip-rule='evenodd'/%3E%3C/svg%3E"); }
:root { --spi-boxeo: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath fill-rule='evenodd' d='M10.67.882a19.34 19.34 0 0 1 2.94-.18h.18c2.08.09 4.82.74 5.94 2.65.392.724.618 1.527.66 2.35.062 1 .032 2.005-.09 3l-.032.307c-.068.67-.137 1.344-.258 2.003a14.127 14.127 0 0 1-1.79 4.6.61.61 0 0 1-.18.21 1.748 1.748 0 0 1-.73.1H8.07a.81.81 0 0 1-.8-.74 3.466 3.466 0 0 1-.01-.158.34.34 0 0 1-.22-.099l-.007.007-4.47-4.469a1.94 1.94 0 0 1 0-2.743l.086-.085a1.94 1.94 0 0 1 2.743 0l2.339 2.338-.031-.25c-.14-.878-.33-1.746-.57-2.6l-.52-2.14a3.13 3.13 0 0 1 1.08-2.91 4.81 4.81 0 0 1 2.98-1.19Zm6.86 16.3h-9a.79.79 0 0 0-.78.8v4.53a.79.79 0 0 0 .78.8h9.05a.79.79 0 0 0 .77-.8v-4.53a.788.788 0 0 0-.82-.8Zm-1 3.76a.59.59 0 0 1-.58.6h-5.92a.591.591 0 0 1-.59-.6v-1.39a.6.6 0 0 1 .59-.61h5.95a.591.591 0 0 1 .58.61l-.03 1.39Z' clip-rule='evenodd'/%3E%3C/svg%3E"); }
:root { --spi-americano: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath fill-rule='evenodd' d='M22.357 10.156c-.775 2.824-2.208 5.834-4.551 8.177-2.139 2.139-4.733 3.419-7.208 4.107l-8.92-8.92c.689-2.475 1.968-5.069 4.107-7.208 2.343-2.343 5.354-3.776 8.177-4.55l8.395 8.394Zm.504-2.324c.479-3 .204-5.453-.459-6.116-.663-.663-3.115-.937-6.115-.458l6.574 6.574ZM1.896 22.222c-.707-.707-1.15-3.27-.707-6.364l7.07 7.071c-3.093.442-5.656 0-6.363-.707ZM17.099 9.848a1 1 0 0 1-1.415 1.414l-.848-.848-1.414 1.414.848.848a1 1 0 0 1-1.414 1.415l-.848-.849-1.415 1.414.849.849a1 1 0 1 1-1.414 1.414l-.849-.849-1.414-1.414-.566-.565a1 1 0 1 1 1.414-1.415l.566.566 1.414-1.414-.565-.566a1 1 0 0 1 1.414-1.414l.566.566 1.414-1.415-.566-.565A1 1 0 1 1 14.27 7.02l.566.565L16.25 9l.849.849Z' clip-rule='evenodd'/%3E%3C/svg%3E"); }
:root { --spi-esports: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath fill-rule='evenodd' d='M11.444 5.876a.8.8 0 0 0 .566.234.8.8 0 0 0 .79-.75v-.87a2.35 2.35 0 0 0-.68-1.75 2.71 2.71 0 0 0-1.85-.69H5.66a.8.8 0 0 0 0 1.6h4.64c.261-.01.517.076.72.24a.75.75 0 0 1 .19.6v.82a.8.8 0 0 0 .234.566ZM22.01 12.32c.16.72 1 6.56 1 6.56.005.08.005.16 0 .24a3.18 3.18 0 0 1-5.9 1.7l-1.79-2.93a1 1 0 0 0-.83-.47h-5a1 1 0 0 0-.83.47l-1.79 2.93a3.18 3.18 0 0 1-5.86-1.7 1.941 1.941 0 0 1 0-.24H.98l1-6.56c.49-3.15 1.95-4.47 4.4-4.6h11.23c2.45.13 3.91 1.93 4.4 4.6Zm-4.844-2.401a1 1 0 0 0-.556-.169h-.01a1 1 0 1 0 .566.169ZM8.43 13.84h.51v-.04a1 1 0 1 0 0-2h-.51v-.51a1.025 1.025 0 0 0-2.05 0v.55h-.51a1 1 0 0 0 0 2h.56v.51a1 1 0 1 0 2 0v-.51Zm5.574-.168a1 1 0 1 0 1.111-1.663 1 1 0 0 0-1.11 1.662Zm2 2.05a1 1 0 0 0 .556.168h.04a1 1 0 1 0-.596-.168Zm1.899-2.175a1 1 0 1 0 1.414-1.413 1 1 0 0 0-1.414 1.413Z' clip-rule='evenodd'/%3E%3C/svg%3E"); }
.tev[data-sport-id="66"] { --ic: var(--spi-futbol); }
.tev[data-sport-id="146"] { --ic: var(--spi-futbol); }
.tev[data-sport-id="112"] { --ic: var(--spi-futbol); }
.tev[data-sport-id="106"] { --ic: var(--spi-futbol); }
.tev[data-sport-id="67"] { --ic: var(--spi-basquet); }
.tev[data-sport-id="147"] { --ic: var(--spi-basquet); }
.tev[data-sport-id="113"] { --ic: var(--spi-basquet); }
.tev[data-sport-id="68"] { --ic: var(--spi-tenis); }
.tev[data-sport-id="77"] { --ic: var(--spi-tenis); }
.tev[data-sport-id="72"] { --ic: var(--spi-tenis); }
.tev[data-sport-id="69"] { --ic: var(--spi-voley); }
.tev[data-sport-id="76"] { --ic: var(--spi-beisbol); }
.tev[data-sport-id="70"] { --ic: var(--spi-hockey); }
.tev[data-sport-id="80"] { --ic: var(--spi-hockey); }
.tev[data-sport-id="71"] { --ic: var(--spi-boxeo); }
.tev[data-sport-id="84"] { --ic: var(--spi-boxeo); }
.tev[data-sport-id="75"] { --ic: var(--spi-americano); }
.tev[data-sport-id="145"] { --ic: var(--spi-esports); }
.tev { position: relative; isolation: isolate; overflow: hidden; }
.tev::after { content: ""; position: absolute; right: calc(var(--u) * -26); top: calc(var(--u) * -30); width: calc(var(--u) * 132); height: calc(var(--u) * 132); z-index: -1; pointer-events: none;
    background: var(--primary); -webkit-mask: var(--ic, none) center / contain no-repeat; mask: var(--ic, none) center / contain no-repeat; opacity: .16; transform: rotate(-18deg); }
:root[data-theme="light"] .tev::after { opacity: .13; }
.tev::before { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
    background: radial-gradient(90% 80% at 100% 0%, rgba(var(--primary-rgb), .14), rgba(var(--primary-rgb), 0) 60%); }

/* ===== Resultados (vista=resultados) ===== */
.rs { display: grid; gap: calc(var(--u) * 12); font-variant-numeric: tabular-nums; }
.rs-days, .rs-sports { display: flex; gap: calc(var(--u) * 6); overflow-x: auto; scrollbar-width: none; overscroll-behavior-x: contain; }
.rs-days::-webkit-scrollbar, .rs-sports::-webkit-scrollbar { display: none; }
.rs-days .chip, .rs-sports .chip { flex: none; }
.rs-sel { display: grid; grid-template-columns: 1fr 1fr; gap: calc(var(--u) * 8); }
.rs-field { position: relative; display: flex; flex-direction: column; justify-content: center; min-width: 0; height: calc(var(--u) * 50); padding: 0 calc(var(--u) * 12); border-radius: calc(var(--u) * 12); background: var(--surface); border: 1px solid var(--line); }
.rs-field small { font-size: max(10px, calc(var(--u) * 11)); color: var(--muted); }
.rs-field select { appearance: none; -webkit-appearance: none; width: 100%; padding: 0 calc(var(--u) * 18) 0 0; border: 0; background: transparent; color: var(--text); font: inherit; font-size: max(10px, calc(var(--u) * 14)); font-weight: 600; text-overflow: ellipsis; cursor: pointer; }
.rs-field::after { content: ""; position: absolute; right: calc(var(--u) * 12); top: 50%; width: calc(var(--u) * 7); height: calc(var(--u) * 7); border-right: calc(var(--u) * 2) solid var(--muted); border-bottom: calc(var(--u) * 2) solid var(--muted); transform: translateY(-70%) rotate(45deg); pointer-events: none; }
.rs-list { display: grid; gap: calc(var(--u) * 14); }
.rs-lg { display: grid; gap: calc(var(--u) * 6); }
.rs-lg__h { display: flex; align-items: center; gap: calc(var(--u) * 8); margin: 0; font-size: max(10px, calc(var(--u) * 12)); font-weight: 700; text-transform: uppercase; letter-spacing: .4px; color: var(--text-2); }
.rs-flag { width: calc(var(--u) * 18); height: calc(var(--u) * 12); border-radius: calc(var(--u) * 2); object-fit: cover; }
.rs-ev { border-radius: calc(var(--u) * 12); background: var(--surface); border: 1px solid var(--line); overflow: hidden; }
.rs-row { display: grid; grid-template-columns: calc(var(--u) * 42) minmax(0, 1fr) auto calc(var(--u) * 16); align-items: center; gap: calc(var(--u) * 10); width: 100%; padding: calc(var(--u) * 10) calc(var(--u) * 12); border: 0; background: none; color: var(--text); text-align: left; cursor: pointer; }
.rs-row > .ic { width: calc(var(--u) * 16); height: calc(var(--u) * 16); color: var(--muted); transition: transform .2s; }
.rs-row[aria-expanded="true"] > .ic { transform: rotate(180deg); }
.rs-row[aria-expanded="true"] { border-bottom: 1px solid var(--line); }
.rs-row__t { display: grid; font-size: max(10px, calc(var(--u) * 12)); color: var(--text-2); text-align: center; }
.rs-row__t small { font-size: max(10px, calc(var(--u) * 10.5)); font-weight: 700; color: var(--muted); text-transform: uppercase; }
.rs-row__tm { display: grid; gap: calc(var(--u) * 4); min-width: 0; }
.rs-row__tm b { font-size: max(10px, calc(var(--u) * 14)); font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rs-row__sc { display: grid; gap: calc(var(--u) * 4); text-align: right; }
.rs-row__sc i { font-style: normal; font-size: max(10px, calc(var(--u) * 15)); font-weight: 800; }
.rs-row__sc .l { color: var(--muted); }
.rs-mk { display: grid; gap: calc(var(--u) * 8); padding: calc(var(--u) * 10); }
.rs-g { margin: 0 0 calc(var(--u) * 2); }
.rs-m h4 { margin: calc(var(--u) * 4) calc(var(--u) * 2) calc(var(--u) * 6); font-size: max(10px, calc(var(--u) * 13)); }
.rs-m ul { margin: 0; padding: 0; list-style: none; display: grid; gap: calc(var(--u) * 4); }
.rs-m li { display: flex; align-items: center; justify-content: space-between; gap: calc(var(--u) * 10); padding: calc(var(--u) * 8) calc(var(--u) * 10); border-radius: calc(var(--u) * 9); background: var(--surface-2); font-size: max(10px, calc(var(--u) * 13)); }
.rs-m li span { min-width: 0; overflow-wrap: anywhere; }
.rs-m li.is-lost span { color: var(--muted); }
.rs-st { flex: none; padding: calc(var(--u) * 3) calc(var(--u) * 8); border-radius: calc(var(--u) * 7); font-style: normal; font-size: max(10px, calc(var(--u) * 11)); font-weight: 700; }
.rs-st--won { background: rgba(34, 197, 94, .16); color: #16a34a; }
.rs-st--lost { background: rgba(148, 148, 160, .16); color: var(--muted); }
.rs-st--void { background: rgba(234, 179, 8, .18); color: #ca8a04; }
.rs-st--hwon { background: rgba(34, 197, 94, .10); color: #22c55e; }
.rs-st--hlost { background: rgba(239, 68, 68, .10); color: #ef4444; }
.rs-empty { margin: calc(var(--u) * 4) calc(var(--u) * 2); font-size: max(10px, calc(var(--u) * 13)); color: var(--muted); }

/* ===== Match Tracker (detalle en vivo) ===== */
.trk { display: grid; gap: calc(var(--u) * 8); margin: calc(var(--u) * 12) 0; }
.trk__tabs { display: flex; gap: calc(var(--u) * 4); padding: calc(var(--u) * 4); border-radius: calc(var(--u) * 12); background: var(--surface); border: 1px solid var(--line); }
.trk__tab { flex: 1; height: calc(var(--u) * 36); border: 0; border-radius: calc(var(--u) * 9); background: none; color: var(--text-2); font: inherit; font-size: max(10px, calc(var(--u) * 13)); font-weight: 600; cursor: pointer; }
.trk__tab.is-on { background: var(--surface-2); color: var(--text); }
.trk__body { border-radius: calc(var(--u) * 14); overflow: hidden; border: 1px solid var(--line); background: var(--surface); }
.trk__frame { display: block; width: 100%; border: 0; }
.trk__frame--tracker { aspect-ratio: 16 / 10; min-height: calc(var(--u) * 220); max-height: calc(var(--u) * 460); }
.trk__frame--stats { height: calc(var(--u) * 360); }

/* ===== Lista en vivo compacta + selector de mercado ===== */
.mksel { margin: calc(var(--u) * 4) 0 calc(var(--u) * 10); }
.evl--compact .ev { gap: calc(var(--u) * 7); padding: calc(var(--u) * 9) calc(var(--u) * 12) calc(var(--u) * 10); font-variant-numeric: tabular-nums; }
.evl--compact .st { height: calc(var(--u) * 22); padding: 0 calc(var(--u) * 8); font-size: max(10px, calc(var(--u) * 11)); }
.evl--compact .ev__teams { gap: calc(var(--u) * 4); }
.evl--compact .ev__tm { gap: calc(var(--u) * 8); font-size: max(10px, calc(var(--u) * 14)); }
.evl--compact .ev__tm .crest { display: none; }
.evl--compact .ev__sc { min-width: calc(var(--u) * 22); height: calc(var(--u) * 22); background: none; font-size: max(10px, calc(var(--u) * 15)); }
.evl--compact .xm--main .ev__mk { display: none; }
.evl--compact .ev__mkts { gap: calc(var(--u) * 6); }
.evl--compact .ev__odds { gap: calc(var(--u) * 5); }
.evl--compact .odd { height: calc(var(--u) * 36); padding: 0 calc(var(--u) * 10); border-radius: calc(var(--u) * 9); }
.evl--compact .odd b { font-size: max(10px, calc(var(--u) * 14)); }
.evl--compact .ev__more { height: calc(var(--u) * 36); min-width: calc(var(--u) * 44); font-size: max(10px, calc(var(--u) * 13)); }
@media (min-width: 1024px) { .trk__frame--tracker { max-height: calc(var(--u) * 380); } }

/* ===== Marcador en vivo propio (cuando Altenar no tiene widget para el partido) ===== */
.sbn { padding: calc(var(--u) * 12) calc(var(--u) * 14); border-radius: calc(var(--u) * 14); background: var(--surface); border: 1px solid var(--line); font-variant-numeric: tabular-nums; }
.sbn__top { display: flex; align-items: center; justify-content: space-between; gap: calc(var(--u) * 10); margin-bottom: calc(var(--u) * 8); font-size: max(10px, calc(var(--u) * 12)); }
.sbn__live { display: inline-flex; align-items: center; gap: calc(var(--u) * 6); color: #ef4444; font-weight: 800; }
.sbn__live i { width: calc(var(--u) * 7); height: calc(var(--u) * 7); border-radius: 50%; background: #ef4444; animation: blink 1.2s infinite; }
.sbn__cols { display: flex; }
.sbn__cols em { width: calc(var(--u) * 52); text-align: center; font-style: normal; color: var(--muted); }
.sbn__t { width: 100%; border-collapse: collapse; }
.sbn__t td { padding: calc(var(--u) * 5) 0; }
.sbn__tm { display: flex; align-items: center; gap: calc(var(--u) * 8); min-width: 0; font-size: max(10px, calc(var(--u) * 14)); font-weight: 600; }
.sbn__tm span { min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sbn__srv { flex: none; width: calc(var(--u) * 7); height: calc(var(--u) * 7); border-radius: 50%; background: #e8ff3a; box-shadow: 0 0 0 calc(var(--u) * 2) rgba(232, 255, 58, .25); }
.sbn__n { width: calc(var(--u) * 52); text-align: center; font-size: max(10px, calc(var(--u) * 15)); font-weight: 800; }
.sbn__n--hot { color: var(--primary); }
.sbn__t--goals .sbn__n { width: calc(var(--u) * 60); font-size: max(10px, calc(var(--u) * 22)); }
.sbn__t tr + tr td { border-top: 1px solid var(--line); }
/* Estadísticas propias (pestaña Estadísticas) */
.trk__body .sbn { border: 0; border-radius: 0; }
.sbn__score { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: calc(var(--u) * 10); margin: calc(var(--u) * 4) 0 calc(var(--u) * 12); }
.sbn__score span { min-width: 0; font-size: max(10px, calc(var(--u) * 13.5)); font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sbn__score span:last-child { text-align: right; }
.sbn__score b { font-size: max(10px, calc(var(--u) * 22)); font-weight: 900; color: var(--primary); }
.sbn__bars { display: grid; gap: calc(var(--u) * 12); }
.sbn__bar { display: grid; grid-template-columns: calc(var(--u) * 34) 1fr calc(var(--u) * 34); align-items: center; row-gap: calc(var(--u) * 5); font-size: max(10px, calc(var(--u) * 13)); }
.sbn__bar b { font-weight: 800; text-align: center; }
.sbn__bar span { text-align: center; color: var(--text-2); }
.sbn__bar i { grid-column: 1 / -1; display: flex; gap: calc(var(--u) * 4); height: calc(var(--u) * 6); }
.sbn__bar em { display: block; height: 100%; border-radius: calc(var(--u) * 3); background: var(--primary); min-width: calc(var(--u) * 3); }
.sbn__bar em + em { background: var(--muted); opacity: .6; }
.sbn__none { margin: calc(var(--u) * 4) 0 0; font-size: max(10px, calc(var(--u) * 12.5)); color: var(--muted); }
.sbn__t--sets th { padding: 0 0 calc(var(--u) * 4); font-size: max(10px, calc(var(--u) * 11)); font-weight: 600; color: var(--muted); text-align: center; }
.sbn__t--sets .sbn__n { width: calc(var(--u) * 38); font-size: max(10px, calc(var(--u) * 14)); }
.sbn__n--sets { color: var(--text); background: var(--surface-2); border-radius: calc(var(--u) * 6); }