/* Estilos de cada pantalla del app LigaPro */

/* ---------- bienvenida ---------- */
.bienv{min-height:100dvh;display:flex;flex-direction:column;background:var(--amarillo);color:var(--sobre-amarillo)}
.bienv-cab{padding:28px 20px 18px}
.bienv-logo{height:44px;width:auto;margin-bottom:22px}
.bienv-cab .h1{font-size:30px}
.bienv-cab p{margin-top:8px;font-size:14px;max-width:34ch}
.bienv-grilla{flex:1;background:var(--tarjeta);border-radius:22px 22px 0 0;padding:18px 14px 8px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;align-content:start}
.bienv-eq{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 4px 8px;border-radius:14px;background:var(--fondo);transition:transform .12s}
.bienv-eq img{width:46px;height:46px;object-fit:contain}
.bienv-eq span{font-size:10.5px;font-weight:700;line-height:1.15;text-align:center;min-height:2.3em;display:flex;align-items:center}
.bienv-eq.on{background:var(--azul-s);box-shadow:inset 0 0 0 2.5px var(--azul);transform:scale(1.03)}
.bienv-pie{background:var(--tarjeta);padding:10px 16px calc(18px + var(--seg));position:sticky;bottom:0;text-align:center;box-shadow:0 -8px 16px rgba(255,255,255,.9)}
.bienv-pie p{margin-top:8px}

/* ---------- hoy ---------- */
.saludo{font-size:15px;margin:2px 2px 12px}
.hero{display:block;background:var(--azul);color:var(--sobre-azul);border-radius:16px;padding:11px 13px 10px;box-shadow:0 6px 18px rgba(26,108,172,.22);position:relative;overflow:hidden}
.hero::after{content:"";position:absolute;right:-46px;top:-46px;width:130px;height:130px;border-radius:50%;border:18px solid rgba(255,208,0,.14)}
.hero-top{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;opacity:.92;position:relative;z-index:1}
.hero-marca{height:13px;width:auto;display:block}
.hero-eqs{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:6px;margin:10px 0 9px;position:relative;z-index:1}
.hero-eq{display:flex;align-items:center;gap:7px;min-width:0}
.hero-eq.v{justify-content:flex-end;text-align:right}
/* escudo dentro de un círculo: el margen interno (~16% del lado) deja el cuadrado del escudo entero dentro del círculo, sin esquinas cortadas */
.hero-eq .esc{filter:drop-shadow(0 2px 5px rgba(0,0,0,.22));background:rgba(255,255,255,.95);border-radius:50%;padding:7px;width:46px;height:46px;flex-shrink:0}
.hero-eq b{font-size:13px;line-height:1.15;min-width:0}
.hero-c{display:flex;align-items:center;justify-content:center;min-width:34px}
.hero-vs{font-size:13px;font-weight:700;opacity:.7}
.hero-mar{font-size:28px;font-weight:700;line-height:1;white-space:nowrap}
.hero-pie{display:flex;align-items:center;justify-content:center;gap:7px;font-size:11.5px;position:relative;z-index:1;min-width:0}
.hero-chip{display:inline-flex;align-items:center;gap:5px;flex-shrink:0;font-size:11px;font-weight:700;background:rgba(0,0,0,.22);padding:3px 9px;border-radius:99px;white-space:nowrap}
.hero-chip b{font-size:13px;font-weight:700}
.hero-chip.hero-cuenta{display:inline-block;font-weight:400}
.hero-chip.ro{background:var(--rojo);color:#fff}
.hero-cuando{opacity:.92;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hero-tv{text-align:center;font-size:11.5px;margin-top:4px;opacity:.95;position:relative;z-index:1}
.hoy-fila{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.hoy-mini{display:flex;flex-direction:column;gap:7px;color:var(--tx)}
.hoy-ult{display:flex;align-items:center;gap:8px;font-size:18px}
.nota-hoy{display:block;padding:14px;color:var(--tx)}
.nota-hoy.con-img{padding-top:0}
.nota-hoy-img{width:calc(100% + 28px);max-width:none;margin:0 -14px 12px;aspect-ratio:16/9;object-fit:cover}
.nota-hoy h3{font-size:17px;margin:9px 0 6px;line-height:1.25}
.nota-hoy p{font-size:13px;color:var(--dim);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.nota-pie{display:flex;align-items:center;gap:6px;margin-top:10px}.nota-pie .mini{margin-left:auto}

/* ---------- noticias ---------- */
.nota-dest{display:block;background:var(--amarillo);color:var(--sobre-amarillo);border-radius:18px;padding:16px 16px 14px;position:relative;overflow:hidden}
.nota-dest-top{display:flex;justify-content:space-between;align-items:center}
.nota-dest-top .chip{background:var(--negro);color:var(--amarillo)}
.nota-dest h2{font-size:23px;line-height:1.15;margin:12px 0 8px;letter-spacing:-.01em}
.nota-dest p{font-size:13.5px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.nota-escudos{display:flex;gap:6px;margin-top:12px}
.nota-escudos .esc{width:36px;height:36px;background:#fff;border-radius:50%;padding:6px}
.nota-dest + .dato{margin-top:8px}
.notas{display:flex;flex-direction:column;gap:10px;margin-top:14px}
.nota-it{display:grid;grid-template-columns:1fr auto;gap:10px;padding:13px 14px;color:var(--tx);border-left:5px solid var(--amarillo);border-radius:0 var(--radio) var(--radio) 0}
.nota-it.az{border-left-color:var(--azul)}
.nota-it h3{font-size:15px;line-height:1.3}
.nota-it p{margin-top:5px}
.nota-it-esc{display:flex;flex-direction:column;gap:4px}
.nota-it-dato{grid-column:1/-1}
.volver{display:block;font-size:13px;font-weight:700;margin-bottom:12px}
.nota .h1{font-size:25px}
.nota-datos{margin:16px 0 4px;background:var(--amarillo-s);border-radius:14px;padding:12px}
.nota-dato{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:4px 10px;padding:9px 0;border-top:1px solid rgba(0,0,0,.07);color:var(--tx)}
.nota-dato:first-of-type{border-top:0}
.nota-dato div{display:flex;flex-direction:column}
.nota-dato .nd-der{align-items:flex-end}
.nota-dato .nd-der b{font-size:18px}
.nota-dato .forma{grid-column:2/-1}
.nota-cuerpo{margin-top:16px;font-size:15.5px;line-height:1.65;color:#23262b}
.nota-cuerpo p{margin-bottom:14px}
.nota-cuerpo h2,.nota-cuerpo h3{font-size:18px;margin:20px 0 8px}
.nota-cuerpo a{text-decoration:underline}
.nota-cuerpo img{border-radius:10px;margin:10px 0}
.nota-cuerpo table{width:100%;border-collapse:collapse;font-size:13px;display:block;overflow-x:auto}
.nota-cuerpo td,.nota-cuerpo th{border:1px solid var(--borde);padding:6px}
.nota-cuerpo ul,.nota-cuerpo ol{padding-left:22px;margin-bottom:14px}
.docs{display:flex;flex-direction:column;gap:8px;margin-top:14px}

/* ---------- sala de prensa ---------- */
.prensa-acceso{display:flex;align-items:center;gap:12px;background:var(--marino);color:#fff;border-radius:18px;padding:16px;position:relative;overflow:hidden}
.prensa-acceso::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:linear-gradient(var(--amarillo) 0 50%,var(--azul) 50% 75%,var(--rojo) 75%)}
.prensa-acceso h2{font-size:17px;line-height:1.25;margin:4px 0}
.prensa-acceso p{font-size:12px;opacity:.85}
.prensa-flecha{font-size:30px;opacity:.8}
.serie{display:inline-flex;background:var(--pista);border-radius:9px;padding:2px}
.serie button{font-size:11.5px;font-weight:700;padding:5px 11px;border-radius:7px;color:var(--dim)}
.serie button.on{background:var(--tarjeta);color:var(--tx)}
.serie.grande{display:flex;margin-bottom:12px}.serie.grande button{flex:1;padding:8px}
.chip-f{flex-shrink:0;font-size:12.5px;font-weight:700;padding:8px 13px;border-radius:99px;background:var(--tarjeta);color:var(--dim);box-shadow:inset 0 0 0 1px var(--borde)}
.chip-f.on{background:var(--inv);color:var(--sobre-inv);box-shadow:none}
.docs-lista{display:flex;flex-direction:column;gap:9px;margin-top:12px}
.doc{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:12px;color:var(--tx)}
.doc-ico{width:42px;height:42px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:var(--azul-s);color:var(--enlace)}
.doc-ico svg{width:22px;height:22px}
.doc-ico.sanciones{background:var(--amarillo-s);color:#8a6d00}.doc-ico.resolucion{background:var(--rojo-s);color:var(--rojo)}
.doc h3{font-size:14px;line-height:1.3;margin:2px 0 3px}
.doc-fl{font-size:22px;color:var(--mut)}

/* ---------- periodistas ---------- */
.per-cab{margin-bottom:14px}.per-cab .h1{margin:4px 0 6px}
.form{display:flex;flex-direction:column;gap:12px}
.form label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:700;color:var(--dim)}
.form input,.form select,.form textarea{height:46px;border-radius:10px;border:1.5px solid var(--borde);padding:0 12px;font-size:15px;background:var(--tarjeta);color:var(--tx);font-weight:400;color:var(--tx)}
.form textarea{height:auto;padding:10px 12px;min-height:110px}
.form input:focus,.form select:focus,.form textarea:focus{outline:none;border-color:var(--azul)}
.form-err{color:var(--rojo);font-size:12.5px;min-height:1em}
.per-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}
.cred{background:linear-gradient(160deg,var(--marino),#0B1F49);color:#fff;border-radius:20px;padding:16px;margin-bottom:14px;position:relative;overflow:hidden;box-shadow:0 10px 26px rgba(18,48,107,.35)}
.cred::before{content:"";position:absolute;inset:0 0 auto 0;height:6px;background:linear-gradient(90deg,var(--amarillo) 0 50%,var(--azul) 50% 75%,var(--rojo) 75%)}
.cred-top{display:flex;justify-content:space-between;align-items:center;margin-top:4px}
.cred-top img{height:30px;width:auto}
.cred-top span{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:var(--amarillo);color:var(--tx);padding:4px 10px;border-radius:99px}
.cred-cuerpo{display:flex;gap:14px;align-items:center;margin:18px 0 12px}
.cred-foto{width:88px;height:88px;border-radius:14px;object-fit:cover;border:3px solid #fff;flex-shrink:0}
.cred-foto.sin{display:flex;align-items:center;justify-content:center;text-align:center;font-size:11px;background:rgba(255,255,255,.1);border-style:dashed;cursor:pointer;padding:6px}
.cred-datos{display:flex;flex-direction:column;gap:3px}
.cred-datos b{font-size:19px;line-height:1.2}
.cred-datos span{font-size:13px;opacity:.85}
.cred-partido{display:flex;align-items:center;gap:7px;background:rgba(255,255,255,.1);border-radius:10px;padding:8px 10px;font-size:13px;margin-bottom:12px}
.cred-partido span{margin-left:auto;font-size:11px;opacity:.85}
.cred-qr{background:#fff;border-radius:14px;padding:12px;display:flex;justify-content:center}
.cred-qr img{width:190px;height:190px}
.cred-vig{text-align:center;font-size:12px;margin-top:10px;opacity:.9}
.cred-vivo{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px;font-size:13px;font-weight:700}
.cred-vivo i{width:10px;height:10px;border-radius:50%;background:var(--amarillo);animation:late 1s infinite}
.cred::after{content:"";position:absolute;left:-40%;top:0;bottom:0;width:30%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);animation:brillo 3.2s linear infinite}
@keyframes brillo{to{left:120%}}
.enlace{color:var(--enlace);font-weight:700;text-decoration:underline;cursor:pointer}
.com{margin-bottom:9px;padding:0}
.com summary{list-style:none;padding:12px 14px;display:flex;flex-direction:column;gap:5px;cursor:pointer}
.com summary::-webkit-details-marker{display:none}
.com summary .chip{align-self:flex-start}
.com.nueva summary b::after{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--rojo);margin-left:7px;vertical-align:middle}
.com-cuerpo{padding:0 14px 14px;white-space:pre-line;font-size:14px;line-height:1.55;color:var(--dim)}
.acr{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;border-top:1px solid var(--borde2)}
.acr:first-child{border-top:0}
.acr div{display:flex;flex-direction:column;gap:2px}

/* ---------- fechas ---------- */
.fchs{margin-bottom:14px;align-items:center}
.fch{flex-shrink:0;width:38px;height:38px;border-radius:11px;background:var(--tarjeta);font-weight:700;font-size:14px;box-shadow:inset 0 0 0 1px var(--borde);color:var(--dim)}
.fch.hecha{color:var(--tx)}
.fch.on{background:var(--inv);color:var(--sobre-inv);box-shadow:none}
.fch-sep{flex-shrink:0;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--enlace);background:var(--azul-s);padding:5px 8px;border-radius:8px;margin:0 3px}
.fecha-cab{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px}
.fecha-fl{display:flex;gap:6px}
.fecha-fl button{width:38px;height:38px;border-radius:50%;background:var(--tarjeta);box-shadow:var(--sombra);font-size:20px;font-weight:700}
.fecha-fl button:disabled{opacity:.3}
.fecha-cab + .aviso + .sec,.fecha-cab + .sec{margin-top:6px}

/* ---------- partido ---------- */
.p-partido{padding-top:10px}
.ptd-cab{background:var(--azul);color:var(--sobre-azul);border-radius:18px;padding:12px 12px 14px;position:relative;overflow:hidden}
.ptd-cab::after{content:"";position:absolute;left:-50px;bottom:-70px;width:180px;height:180px;border-radius:50%;border:24px solid rgba(255,208,0,.14)}
.ptd-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;position:relative;z-index:1}
.ptd-v{color:var(--sobre-azul);font-size:24px;line-height:1;width:30px}
.ptd-eqs{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:4px;margin:12px 0;position:relative;z-index:1}
.ptd-eq{display:flex;flex-direction:column;align-items:center;gap:7px;color:#fff;text-align:center}
.ptd-eq .esc{background:#fff;border-radius:50%;padding:13px;width:80px;height:80px}
.ptd-eq b{font-size:13.5px;line-height:1.2}
.ptd-c{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:100px}
.ptd-mar{font-size:42px;font-weight:700;letter-spacing:.02em}
.ptd-mar span{opacity:.6;margin:0 3px}
.ptd-vs{font-size:24px;opacity:.85;font-weight:700}
.ptd-pie{text-align:center;font-size:12px;opacity:.92;line-height:1.5;position:relative;z-index:1}
.goleadores{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:12.5px;margin-bottom:10px;padding:0 4px}
.goleadores .der{text-align:right}
.linea-t{padding:6px 0}
.ev{display:grid;grid-template-columns:44px 24px 1fr;align-items:center;gap:6px;padding:8px 12px}
.ev.v{grid-template-columns:1fr 24px 44px}
.ev.v .ev-min{order:3;text-align:right}.ev.v .ev-ico{order:2}.ev.v .ev-txt{order:1;text-align:right;align-items:flex-end}
.ev-min{font-size:12px;font-weight:700;color:var(--mut)}
.ev-txt{display:flex;flex-direction:column;font-size:13.5px}
.ev-ico{width:20px;height:20px;border-radius:50%;justify-self:center}
.ev-ico.gol{background:radial-gradient(circle at 50% 50%,#fff 0 30%,var(--tx) 31%)}
.ev-ico.am{width:13px;height:18px;border-radius:3px;background:var(--ta);box-shadow:0 0 0 1px rgba(0,0,0,.1)}
.ev-ico.ro{width:13px;height:18px;border-radius:3px;background:var(--rojo)}
.ev-ico.ca{background:var(--azul-s);box-shadow:inset 0 0 0 2px var(--azul)}
.ev-ico.pf{background:var(--fondo);box-shadow:inset 0 0 0 2px var(--mut)}
.ev-ico.var{border-radius:5px;background:var(--negro);width:30px;height:18px;display:flex;align-items:center;justify-content:center}.ev-ico.var::after{content:"VAR";color:#fff;font-size:9px;font-weight:800;letter-spacing:.04em}
.cmp-cab{display:flex;justify-content:space-between;margin-bottom:4px}
.cancha{position:relative;background:linear-gradient(#2E8B4A,#2A7F43);border-radius:14px;aspect-ratio:3/4.1;margin-bottom:12px;overflow:hidden}
.cancha-l{position:absolute;inset:10px;border:2px solid rgba(255,255,255,.45);border-radius:4px}
.cancha-l::before{content:"";position:absolute;left:0;right:0;top:50%;border-top:2px solid rgba(255,255,255,.45)}
.cancha-l::after{content:"";position:absolute;left:50%;top:50%;width:70px;height:70px;border:2px solid rgba(255,255,255,.45);border-radius:50%;transform:translate(-50%,-50%)}
.jug{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:2px;width:66px;z-index:2}
.jug .dor{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;box-shadow:0 1px 3px rgba(0,0,0,.3)}
.jug.l .dor{background:var(--ta);color:#131417}
.jug.v .dor{background:#fff;color:var(--fijo-az)}
.jug .jn{font-size:9.5px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.6);white-space:nowrap;max-width:66px;overflow:hidden;text-overflow:ellipsis}
.alin-listas{display:flex;flex-direction:column;gap:12px}
.alin-cab{display:flex;align-items:center;gap:8px;padding:11px 12px;border-bottom:1px solid var(--borde)}
.alin-cab .chip{margin-left:auto}
.alin-j{display:grid;grid-template-columns:26px auto 1fr auto auto;align-items:center;gap:8px;padding:7px 12px;border-top:1px solid var(--borde2);font-size:13px}
.alin-j.sup{grid-template-columns:26px 1fr auto auto}
.alin-j .dor{font-weight:700;color:var(--mut);text-align:center}
.nota-j{font-size:11px;font-weight:700;background:var(--azul);color:var(--sobre-azul);border-radius:5px;padding:2px 5px}
.prev-eq{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:8px 0}
.prev-eq + .prev-eq{border-top:1px solid var(--borde2)}
.prev-eq div{display:flex;flex-direction:column}
.h2h{display:grid;grid-template-columns:repeat(3,1fr);text-align:center}
.h2h b{font-size:28px;display:block}.h2h span{font-size:11px;color:var(--mut);font-weight:700}
.h2h-barra{display:flex;height:8px;border-radius:5px;overflow:hidden;gap:2px;margin-top:10px}
.h2h-barra i{display:block}
.h2h-p{display:grid;grid-template-columns:40px auto auto auto 1fr;align-items:center;gap:9px;padding:9px 12px;border-top:1px solid var(--borde2);color:var(--tx)}
.h2h-p:first-child{border-top:0}
.h2h-p .mini:last-child{text-align:right}

/* ---------- hinchadas ---------- */
.hin-cab .h1{margin:4px 0 6px}
.hin-total{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0 10px}
.hin-total div{background:var(--inv);color:var(--sobre-inv);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column}
.hin-total div:last-child{background:var(--azul)}
.hin-total b{font-size:26px;line-height:1.1}
.hin-total span{font-size:11.5px;opacity:.85}
.hin-lider{display:flex;align-items:center;gap:14px;background:var(--amarillo);color:var(--sobre-amarillo);border-radius:18px;padding:14px}
.hin-lider .esc{background:#fff;border-radius:50%;padding:14px;width:86px;height:86px}
.hin-lider h2{font-size:22px;line-height:1.1;margin:3px 0}
.hin-mia{display:flex;flex-direction:column;gap:1px;margin-top:10px;padding:12px 14px;border-radius:14px;background:var(--tarjeta);box-shadow:inset 0 0 0 2px var(--amarillo)}
.hin-mia span:first-child{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--mut)}
.hin-mia b{font-size:16px}
.hin-mia span:last-child{font-size:12.5px;color:var(--dim)}
.hin-f{display:grid;grid-template-columns:26px 28px 1fr;align-items:center;gap:10px;padding:10px 12px;border-top:1px solid var(--borde2);color:var(--tx)}
.hin-f:first-child{border-top:0}
.hin-f.mia{background:var(--amarillo-s)}
.hin-f.sube{animation:sube 1.2s ease-out}
@keyframes sube{0%{background:#DDEBF7}100%{background:transparent}}
.hin-f .pos{font-weight:700;text-align:center;color:var(--mut)}
.hin-d{min-width:0}
.hin-n{display:flex;justify-content:space-between;font-size:13.5px;margin-bottom:5px}
.hin-n span{font-weight:700}
.hin-m{display:flex;justify-content:space-between;margin-top:3px}
.hin-c{display:grid;grid-template-columns:22px auto 1fr auto;align-items:center;gap:9px;padding:10px 12px;border-top:1px solid var(--borde2);font-size:13.5px}
.hin-c:first-child{border-top:0}

/* ---------- mi equipo ---------- */
.eq-cab{display:flex;align-items:center;gap:14px;margin:6px 0 14px}
.eq-cab .esc{width:78px;height:78px}
.eq-cab .h1{font-size:23px}
.eq-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.kpi{padding:11px 10px;display:flex;flex-direction:column;gap:4px;color:var(--tx);min-width:0}
.kpi b{font-size:24px;line-height:1.05}
.kpi .mini{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cifras-eq{display:grid;grid-template-columns:repeat(3,1fr);gap:14px 8px}
.cifras-eq div{display:flex;flex-direction:column}
.cifras-eq b{font-size:21px;line-height:1.15}
.foto{width:38px;height:38px;border-radius:50%;object-fit:cover;background:var(--fondo);flex-shrink:0}
.foto.p{width:26px;height:26px}
.foto.ini{display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--enlace);background:var(--azul-s)}
.foto.p.ini{font-size:9.5px}
.jugador{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:8px 12px;border-top:1px solid var(--borde2)}
.jugador.sin-pj{opacity:.62}
.jd{display:flex;flex-direction:column;min-width:0}
.jd b{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jd .mini{display:flex;align-items:center;gap:5px}
.js{display:flex;gap:10px;font-size:10px;color:var(--mut);font-weight:700}
.js span{display:flex;flex-direction:column;align-items:center}
.js b{font-size:14px;color:var(--tx)}
.aj-eq{display:flex;align-items:center;gap:12px}.aj-eq div{flex:1;display:flex;flex-direction:column}
.aj-sw{display:flex;align-items:center;gap:12px;cursor:pointer}
.aj-sw div{flex:1;display:flex;flex-direction:column;gap:3px}
.aj-sw input{display:none}
.aj-sw i{width:48px;height:28px;border-radius:99px;background:var(--borde);position:relative;transition:.2s;flex-shrink:0}
.aj-sw i::after{content:"";position:absolute;left:3px;top:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:.2s}
.aj-sw input:checked + i{background:var(--azul)}
.aj-sw input:checked + i::after{left:23px}

/* ---------- tabla ---------- */
.tabla .nc{display:none}
.tabla .arr{display:block;font-size:9.5px;color:var(--enlace);font-weight:700;margin-top:-2px}
.tabla .mov{display:block;font-size:9px;font-weight:700;line-height:1;margin-top:1px}.tabla .mov.sube{color:var(--ok)}.tabla .mov.baja{color:var(--mal)}
/* el marcador del partido en juego va debajo del nombre: con nombres largos no invade la columna de partidos jugados */
.tabla .eq-n{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0}
.tabla .enj{flex:none;background:var(--tr);color:#fff;font-size:10px;font-weight:700;border-radius:5px;padding:1px 6px;line-height:1.3}
.aviso.vivo-t{background:var(--rojo-s);border-color:var(--rojo);flex-direction:column;gap:8px;margin-bottom:12px}
.aviso.vivo-t b{display:flex;align-items:center}
@media (max-width:420px){
  .tabla .col-f{display:none}
  .tabla .nl{max-width:118px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
/* en el celular, todas las tablas van con el código de 3 letras del club (BSC, LDU, IDV…): los nombres completos no entran */
.partido .eq span.nc{display:none;font-size:14px;letter-spacing:.02em}
@media (max-width:600px){.tabla .nl{display:none}.tabla .nc{display:inline}.partido .eq span.nl{display:none}.partido .eq span.nc{display:block}}

/* ---------- cifras ---------- */
.cif-tot{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.cif-tot div{background:var(--tarjeta);border-radius:14px;box-shadow:var(--sombra);padding:12px 10px;display:flex;flex-direction:column}
.cif-tot div:first-child{background:var(--amarillo);color:var(--sobre-amarillo)}
.cif-tot b{font-size:24px;line-height:1.1}
.cif-tot span{font-size:11px;color:var(--dim)}
.gol{display:grid;grid-template-columns:22px auto 1fr auto;align-items:center;gap:10px;padding:9px 12px;border-top:1px solid var(--borde2)}
.gol:first-child{border-top:0}
.gol.lider{background:var(--amarillo-s)}
.gol.lider .foto{width:48px;height:48px}
.gol .pos{font-weight:700;color:var(--mut);text-align:center}
.gol-n{font-size:20px}
.rk{display:grid;grid-template-columns:22px auto minmax(0,1fr) 70px auto;align-items:center;gap:9px;padding:9px 12px;border-top:1px solid var(--borde2);color:var(--tx);font-size:13px}
.rk:first-child{border-top:0}
.rk .pos{font-weight:700;color:var(--mut);text-align:center}
.rk-n{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700}
.rk b{min-width:40px;text-align:right}

@media (min-width:561px){body{background:#E4E6EA}#app{box-shadow:0 0 0 1px var(--borde)}}

/* ---------- periodistas: eliminar cuenta (exigido por Apple, guía 5.1.1(v)) ---------- */
.per-elim{margin-top:26px;text-align:center}
.per-elim .enlace{color:var(--rojo);font-weight:700;background:none;border:0;padding:6px}
.per-elim .tarj{text-align:left}
.boton.ro{background:var(--rojo);color:var(--blanco)}

/* ---------- jugador ---------- */
.jug-cab{display:flex;align-items:center;gap:14px;margin:6px 0 14px}
.foto.xg{width:84px;height:84px;font-size:26px;flex-shrink:0}
.jug-cab .h1{font-size:22px}
.jug-club{display:inline-flex;align-items:center;gap:6px;margin-top:6px;color:var(--tx);font-size:13px}
.jug-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 8px;padding:10px 14px 14px}
.jug-stats div{display:flex;flex-direction:column;min-width:0}
.jug-stats b{font-size:19px;line-height:1.15}
.jug-stats .mini{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jug-p{display:grid;grid-template-columns:1fr auto;grid-template-areas:"r m" "d f";gap:3px 10px;align-items:center;padding:10px 12px;border-top:1px solid var(--borde2);color:var(--tx)}
.jug-p:first-child{border-top:0}
.jug-p>.mini:first-child{grid-area:f;text-align:right}.jug-p-r{grid-area:r;display:flex;align-items:center;gap:6px;font-size:13px;min-width:0}
.jug-p-r b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jug-p-m{grid-area:m;display:flex;align-items:center;gap:7px;font-size:15px}.jug-p-d{grid-area:d;color:var(--dim)}
.tj{display:inline-block;width:8px;height:11px;border-radius:2px;vertical-align:-1px}.tj.am{background:var(--ta)}.tj.ro{background:var(--rojo)}
a.jugador{color:var(--tx)}
a.gol{color:var(--tx)}

/* ---------- equipo: palmarés, estadio ---------- */
.eq-palm{display:flex;align-items:center;gap:14px;margin-top:12px;background:var(--marino);color:#fff}
.eq-palm .eti{color:rgba(255,255,255,.75)}.eq-palm .peq{margin-top:3px;line-height:1.5}
.eq-copa{display:flex;flex-direction:column;align-items:center;color:var(--amarillo);flex-shrink:0}
.eq-copa svg{width:30px;height:30px}.eq-copa b{font-size:26px;line-height:1;color:#fff}
.eq-estadio{display:flex;align-items:center;gap:12px}.eq-estadio svg{width:34px;height:34px;color:var(--enlace);flex-shrink:0}
.eq-estadio div{display:flex;flex-direction:column;gap:2px}

/* ---------- historia ---------- */
.hist-c{display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:10px;padding:9px 12px;border-top:1px solid var(--borde2);font-size:13.5px}
.hist-c:first-child{border-top:0}
.hist-a{font-weight:700;color:var(--mut)}
.hist-eq{display:flex;align-items:center;gap:7px;min-width:0}.hist-eq b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gol.anio{grid-template-columns:40px auto 1fr auto}
.hist-sub{max-width:130px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right}
.hist-sin{display:inline-block;border-radius:50%;background:var(--borde)}
.hist-t{display:grid;grid-template-columns:22px 1fr;gap:10px;padding:11px 12px;border-top:1px solid var(--borde2)}
.hist-t:first-child{border-top:0}.hist-t .pos{font-weight:700;color:var(--mut);text-align:center;padding-top:2px}
.hist-td{min-width:0}.hist-tn{display:flex;align-items:center;gap:7px;margin-bottom:6px}.hist-tn>b:last-child{margin-left:auto;font-size:18px}
.hist-td .mini{margin-top:5px;line-height:1.5}
.hist-p{display:grid;grid-template-columns:auto 1fr auto 1fr;align-items:center;gap:8px;padding:10px 12px;border-top:1px solid var(--borde2);color:var(--tx);font-size:13px}
.hist-p:first-child{border-top:0}.hist-p .hist-eq.v{justify-content:flex-end}.hist-p>b{font-size:16px}

/* ---------- declaraciones ---------- */
.decl-lista{display:flex;flex-direction:column;gap:12px}
.decl{padding:16px;border-top:5px solid var(--amarillo)}
.decl:nth-child(3n+2){border-top-color:var(--azul)}
.decl-img{width:100%;max-height:220px;object-fit:cover;border-radius:10px;margin-bottom:12px}
.decl blockquote{font-size:18px;line-height:1.4;font-style:italic}
.decl figcaption{display:flex;align-items:center;gap:9px;margin-top:12px}
.decl figcaption div{flex:1;display:flex;flex-direction:column;min-width:0}
.decl-comp{width:38px;height:38px;border-radius:50%;background:var(--fondo);display:flex;align-items:center;justify-content:center;color:var(--dim);flex-shrink:0}
.decl-comp svg{width:18px;height:18px}.decl-comp.ok{background:var(--azul);color:var(--sobre-azul)}
.decl-ctx{margin-top:8px}

/* ---------- noticias con imagen, video y galería ---------- */
.nota-dest.con-img{padding-top:0}
.nota-dest-img{width:calc(100% + 32px);max-width:none;margin:0 -16px 12px;aspect-ratio:16/9;object-fit:cover}
.nota-it.con-img{grid-template-columns:1fr 92px}
.nota-it-img{width:92px;height:70px;object-fit:cover;border-radius:9px}
.nota-it .eti{display:block;margin-bottom:3px}
.nota-img{width:100%;border-radius:12px;margin-top:14px;aspect-ratio:16/9;object-fit:cover}
.nota-video{position:relative;aspect-ratio:16/9;margin-top:6px;border-radius:12px;overflow:hidden;background:#000}
.nota-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.nota-gal{margin-top:8px}.nota-gal img{width:200px;height:140px;object-fit:cover;border-radius:10px;flex-shrink:0}

/* ---------- prensa: agenda ---------- */
.agenda{border-top:1px solid var(--borde2)}.agenda:first-child{border-top:0}
.agenda summary{display:flex;align-items:center;gap:12px;padding:11px 12px;cursor:pointer;list-style:none}
.agenda summary::-webkit-details-marker{display:none}
.ag-dia{width:46px;height:50px;border-radius:10px;background:var(--azul);color:var(--sobre-azul);display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0}
.ag-dia b{font-size:19px;line-height:1}.ag-dia span{font-size:10.5px;text-transform:uppercase;font-weight:700}
.ag-txt{display:flex;flex-direction:column;gap:2px;min-width:0}
.ag-det{padding:0 14px 6px 70px;margin-top:0;font-size:14px}

/* ---------- tabla local/visitante, fechas por club, recordatorio, ciudad ---------- */
.lv{display:flex;justify-content:flex-end;margin:-2px 0 10px}
.filtro-club{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.filtro-club select{flex:1;height:40px;border-radius:10px;border:1.5px solid var(--borde);padding:0 10px;background:var(--tarjeta);color:var(--tx);font-size:13.5px;min-width:0}
.rec{margin-top:12px;height:44px;font-size:14px}.rec svg{width:19px;height:19px}
.rec-nota{text-align:center;margin-top:6px}
.bienv-ciudad select{width:100%;height:46px;border-radius:12px;border:1.5px solid rgba(19,20,23,.25);padding:0 12px;background:rgba(255,255,255,.85);font-size:14px;margin-bottom:10px}

/* ---------- sección LigaPro: estado del torneo, botón de Hoy ---------- */
.estado-t{display:flex;flex-direction:column;gap:3px;color:var(--tx);margin-bottom:12px;border-left:5px solid var(--azul);border-radius:0 var(--radio) var(--radio) 0}
.estado-t-top{display:flex;justify-content:space-between;align-items:center}
.estado-t-fl{font-size:20px;color:var(--mut);line-height:1}
.estado-t .h2{font-size:17px}
.estado-t .barra{margin-top:7px}
.ver-tabla{margin-top:10px;height:42px;font-size:14px}

/* ---------- Tu hinchada: ajustes al final ---------- */
.aj-sec{margin-top:28px;scroll-margin-top:calc(var(--cab) + 10px)}
#personalizar{scroll-margin-top:calc(var(--cab) + 4px)}

/* ---------- videos: feed vertical a pantalla completa ---------- */
body[data-pantalla="videos"] .cab{display:none}
body[data-pantalla="videos"] #app{background:#000;padding-bottom:0}
.vf{position:relative;height:calc(100dvh - var(--nav) - var(--seg));background:#000}
.vf-lista{height:100%;overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior:contain;scrollbar-width:none}
.vf-lista::-webkit-scrollbar{display:none}
.vf-it{position:relative;height:100%;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden;display:flex;align-items:center;justify-content:center}
.vf-it video{width:100%;height:100%;object-fit:cover;background:#000}
.vf-it.pausado::after{content:"";position:absolute;left:50%;top:50%;width:0;height:0;margin:-24px 0 0 -14px;border-left:38px solid rgba(255,255,255,.85);border-top:24px solid transparent;border-bottom:24px solid transparent;pointer-events:none}
.vf-cab{position:absolute;top:0;left:0;right:0;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:calc(12px + env(safe-area-inset-top)) 14px 14px;background:linear-gradient(rgba(0,0,0,.6),transparent);color:#fff;pointer-events:none}
.vf-tit{font-weight:700;font-size:19px}
.vf-marca{font-size:11px;background:var(--amarillo);color:var(--sobre-amarillo);padding:5px 11px;border-radius:99px}
.vf-sombra{position:absolute;left:0;right:0;bottom:0;height:42%;background:linear-gradient(transparent,rgba(0,0,0,.75));pointer-events:none}
.vf-info{position:absolute;left:14px;right:74px;bottom:24px;color:#fff;display:flex;flex-direction:column;gap:4px;text-shadow:0 1px 3px rgba(0,0,0,.6)}
.vf-info b{font-size:16px;line-height:1.25}.vf-info .mini{opacity:.8}
.vf-acc{position:absolute;right:12px;bottom:26px;display:flex;flex-direction:column;gap:14px}
.vf-acc button{width:46px;height:46px;border-radius:50%;background:rgba(0,0,0,.45);color:#fff;display:flex;align-items:center;justify-content:center}
.vf-acc svg{width:22px;height:22px}
.vf-prog{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.25)}
.vf-prog i{display:block;height:100%;width:0;background:var(--amarillo)}
.vf-pub{background:linear-gradient(160deg,var(--marino),#000);color:#fff;flex-direction:column}
.vf-pub .chip{position:absolute;top:calc(64px + env(safe-area-inset-top));left:14px}
.vf-pub-c{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;padding:0 34px}
.vf-pub-c p{font-size:14px;opacity:.85;line-height:1.5}
.vf-logo{width:190px;height:190px;border-radius:26px;border:2px dashed rgba(255,255,255,.55);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;letter-spacing:.04em}

/* Zona Zapping: logos de LigaPro y Zapping fijos sobre los videos */
.vf-logos{display:flex;align-items:center;gap:9px;flex-shrink:0}
.vf-logos img{height:20px;width:auto;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}
.vf-logos img.zz{height:15px}
.vf-logos i{width:1px;height:18px;background:rgba(255,255,255,.55)}
.vf-tit{text-transform:uppercase;letter-spacing:.03em;font-size:17px}

/* ---------- datos del panel: destacado, transmisión, entradas, bajas, redes, aviso para todos ---------- */
.dest{display:block;margin:0 0 12px;color:var(--tx);overflow:hidden}
.dest-img{width:100%;aspect-ratio:16/9;object-fit:cover}
.dest-txt{padding:12px 14px 14px;display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.dest-txt h2{font-size:18px;line-height:1.2}.dest-txt p{font-size:13.5px;color:var(--dim)}
.hero-entradas{margin-top:10px;height:42px;font-size:14px}
.baja{display:flex;align-items:center;gap:10px;padding:10px 12px;border-top:1px solid var(--borde2)}
.baja:first-child,.pts-dia + .baja{border-top:0}
.baja div{display:flex;flex-direction:column;min-width:0}
.baja-t{flex-shrink:0;font-size:10.5px;font-weight:700;padding:3px 8px;border-radius:6px;background:var(--fondo);color:var(--dim)}
.baja-t.suspension{background:var(--rojo-s);color:#a51f21}.baja-t.lesion{background:var(--amarillo-s);color:#7a5c00}
.redes{display:flex;gap:8px;flex-wrap:wrap}
.aviso-global{position:sticky;top:var(--cab);z-index:29;display:flex;align-items:center;gap:10px;padding:9px 14px;background:var(--azul);color:var(--sobre-azul);font-size:13px;font-weight:700}
.aviso-global.imp{background:var(--rojo)}
.aviso-global a,.aviso-global span{flex:1;color:var(--sobre-azul)}
.aviso-global button{color:#fff;font-size:14px;opacity:.85}
body[data-pantalla="videos"] .aviso-global,body[data-pantalla="bienvenida"] .aviso-global{display:none}
.mant{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:30px;text-align:center;background:var(--fondo)}
.mant img{height:44px}.mant p{color:var(--dim);max-width:320px}

/* ---------- cuenta y personalización ---------- */
.cta{display:flex;flex-direction:column;gap:10px}
.cta-top{display:flex;align-items:center;gap:12px}.cta-top div{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}
.boton.apple{background:#000;color:#fff;gap:8px}.boton.apple svg{width:18px;height:18px;margin-top:-2px}
.temas{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px}
.tema{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 6px;border-radius:12px;font-size:11.5px;font-weight:700;color:var(--dim);text-align:center;line-height:1.2}
.tema.on{background:var(--fondo);color:var(--tx);box-shadow:inset 0 0 0 2px var(--tx)}
.tema-m{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--a) 50%,var(--p) 50%);box-shadow:0 0 0 1px rgba(0,0,0,.12)}
.tema small{font-size:10px;color:var(--mut);font-weight:700}
.iconos{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:10px}
.icono{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 4px;border-radius:12px;font-size:11px;font-weight:700;color:var(--dim);text-align:center;line-height:1.2}
.icono img{width:58px;height:58px;border-radius:13px;box-shadow:0 1px 4px rgba(0,0,0,.2)}
.icono.on{background:var(--fondo);color:var(--tx);box-shadow:inset 0 0 0 2px var(--tx)}
.enlace-peligro{display:block;margin:16px auto 0;color:var(--rojo);font-size:13px;font-weight:700}

/* ---------- en vivo: aviso de Hoy, pantalla En vivo y relato ---------- */
.vivo-aviso{display:block;background:var(--rojo);color:#fff;border-radius:16px;padding:12px 14px;margin-bottom:14px;box-shadow:0 4px 14px rgba(221,47,49,.28)}
.va-top{display:flex;align-items:center;gap:10px;margin-bottom:4px}.va-top b{flex:1;font-size:15px}
.va-pill{display:inline-flex;align-items:center;gap:4px;background:#fff;color:var(--rojo);font-size:10.5px;font-weight:800;letter-spacing:.06em;border-radius:99px;padding:3px 8px}
.va-pill .vivo-punto{margin-right:0}
.va-fl{font-size:24px;line-height:1}
.va-p{display:grid;grid-template-columns:22px 1fr auto 1fr 22px 56px;align-items:center;gap:8px;background:rgba(255,255,255,.15);border-radius:10px;padding:7px 10px;margin-top:6px;font-weight:700;font-size:13px}
.va-p .va-n{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.va-p .va-n.v{text-align:right}
.va-p b{font-size:16px}.va-p small{font-size:11.5px;text-align:right}
.va-p .esc{background:#fff;border-radius:50%;padding:2px;width:22px;height:22px}
.va-mas{font-size:12px;margin-top:6px;text-align:center}
.vv-titulo{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-bottom:12px}
.vv-titulo .eti.vivo{display:inline-flex;align-items:center}
.vv-sel{display:flex;gap:8px;margin-bottom:12px;padding-bottom:2px}
.vv-chip{flex:none;display:flex;align-items:center;gap:6px;background:var(--tarjeta);border-radius:12px;padding:8px 11px;box-shadow:inset 0 0 0 1.5px var(--borde);font-weight:700;color:var(--tx)}
.vv-chip small{font-size:11px;color:var(--rojo);margin-left:2px}
.vv-chip.on{box-shadow:inset 0 0 0 2px var(--rojo);background:var(--rojo-s)}
.vv-cab .vv-min{display:inline-flex;align-items:center;background:var(--rojo);color:#fff;border-radius:99px;padding:3px 9px;font-size:12px;letter-spacing:.02em}
.vv-cab .vv-min .vivo-punto{background:#fff}
.vv-eqs{display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:6px;margin:14px 0 8px;position:relative;z-index:1}
.vv-eqs .ptd-mar{margin-top:20px}
.vv-eq{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;color:#fff}
.vv-eq .esc{background:#fff;border-radius:50%;padding:13px;width:80px;height:80px}
.vv-eq b{font-size:14px}
.vv-gol{display:flex;flex-direction:column;gap:1px;font-size:11.5px;opacity:.92;line-height:1.3}
.segm.desliza{overflow-x:auto;scrollbar-width:none}.segm.desliza::-webkit-scrollbar{display:none}.segm.desliza button{flex:1 0 auto;padding:0 14px}
.rel-filtro{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.relato{padding:2px 0}
.rel{display:grid;grid-template-columns:50px 24px 1fr;gap:8px;align-items:start;padding:10px 12px;border-top:1px solid var(--borde2)}
.rel:first-child{border-top:0}
.rel-min{font-size:12.5px;font-weight:700;color:var(--dim);padding-top:2px}
.rel-ico{width:22px;height:22px;display:flex;align-items:center;justify-content:center;color:var(--dim)}
.rel-ico svg{width:20px;height:20px}
.rel-txt{font-size:13.5px;line-height:1.45;margin:0}
.rel-txt .rel-esc{display:inline-block;width:16px;height:16px;vertical-align:-3px;margin-right:6px}
.rel.menor .rel-txt{color:var(--mut);font-size:12.5px}.rel.menor .rel-ico{opacity:.55}
.rel.gol,.rel.autogol{background:var(--amarillo-s)}.rel.gol .rel-txt,.rel.autogol .rel-txt{font-weight:700}.rel.gol .rel-ico,.rel.tiro .rel-ico{color:var(--tx)}
.rel.silbato{background:var(--fondo)}.rel.silbato .rel-txt{font-weight:700}
.rel.cambio .rel-ico{color:var(--enlace)}
.rel-tarjeta{width:12px;height:17px;border-radius:2px;background:var(--ta);box-shadow:0 0 0 1px rgba(0,0,0,.12)}
.rel-tarjeta.roja{background:var(--rojo)}.rel-tarjeta.doble_amarilla{background:linear-gradient(135deg,var(--ta) 50%,var(--tr) 50%)}
.rel-var{font-size:8.5px;font-weight:800;background:var(--inv);color:var(--sobre-inv);border-radius:4px;padding:2px 4px;letter-spacing:.04em}
.ident{font-size:14px;font-weight:700;letter-spacing:.06em;margin-top:2px;user-select:all;-webkit-user-select:all}
/* marca del torneo (LigaEcuabet, Serie A y B) arriba de Tabla, Fechas, Cifras e Historia, y en la cabecera del partido */
.marca-liga{display:flex;align-items:center;justify-content:center;background:var(--tarjeta);border-radius:14px;padding:12px 16px;margin-bottom:12px;box-shadow:var(--sombra)}
.marca-liga img{height:30px;width:auto;display:block}
.ptd-marca{height:14px;width:auto;display:block;opacity:.95}
.vv-marca{display:flex;justify-content:center;margin:-2px 0 8px;position:relative;z-index:1}.vv-marca img{height:15px;width:auto;display:block}

/* ---------- invitación a la cuenta (sin sesión) ---------- */
.globo-cta{position:absolute;top:calc(var(--cab) - 2px);right:10px;max-width:250px;background:var(--negro);color:#fff;font-size:13px;line-height:1.35;padding:10px 13px;border-radius:12px;box-shadow:0 8px 24px rgba(19,20,23,.25);animation:globo .35s ease-out;transition:opacity .3s}
.globo-cta b{color:var(--amarillo)}
.globo-cta::before{content:"";position:absolute;top:-6px;right:calc(var(--x, 60px) - 10px);width:14px;height:14px;background:var(--negro);transform:rotate(45deg);border-radius:2px}
.globo-cta.fuera{opacity:0}
@keyframes globo{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.cta-inv{position:relative;background:linear-gradient(135deg,var(--marino),var(--azul));color:#fff;border-radius:16px;padding:16px 16px 10px;margin-bottom:14px;box-shadow:0 6px 18px rgba(18,48,107,.25)}
.cta-inv .eti{color:var(--amarillo)}
.cta-inv h2{font-size:19px;line-height:1.2;margin:4px 34px 10px 0}
.cta-inv-x{position:absolute;top:10px;right:10px;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;font-size:13px}
.cta-lista{list-style:none;display:flex;flex-direction:column;gap:7px;margin-bottom:14px}
.cta-lista li{position:relative;padding-left:24px;font-size:13.5px;line-height:1.35}
.cta-lista li::before{content:"";position:absolute;left:0;top:1px;width:16px;height:16px;border-radius:50%;background:var(--amarillo) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23131417" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12.5l4.5 4.5L19 7.5"/></svg>') center/10px no-repeat}
.cta-inv .boton.apple{background:#fff;color:#000}
.cta-inv-no{display:block;margin:6px auto 0;padding:8px 14px;color:rgba(255,255,255,.8);font-size:13px}
.cta-inv #cta-inv-nota:empty{display:none}
.cta-hero{background:var(--tarjeta);border-radius:16px;padding:18px 16px;box-shadow:var(--sombra)}
.cta-hero .h1{margin:4px 0 14px}
.cta-hero .cta-lista li{color:var(--dim)}
.cta-hero .cta-lista li::before{background-color:var(--amarillo)}
.cta-hero .mini{margin-top:10px;text-align:center}
.cta-mas{position:relative;display:flex;flex-direction:column;gap:2px;margin-top:14px;color:var(--tx)}
.cta-fl{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:22px;color:var(--mut)}

/* ---------- Más de LigaPro (Institute, Fundación, Kids) ---------- */
.inst-tira{gap:10px}
.inst-mini{flex:0 0 150px;display:flex;flex-direction:column;gap:3px;background:var(--tarjeta);border-radius:var(--radio);box-shadow:var(--sombra);overflow:hidden;color:var(--tx);padding-bottom:10px}
.inst-mini .inst-logo{display:flex;align-items:center;justify-content:center;height:78px;background:var(--f);margin-bottom:6px}
.inst-mini .inst-logo img{max-height:52px;max-width:118px;object-fit:contain}
.inst-mini b{font-size:13px;padding:0 10px;line-height:1.25}
.inst-mini small{font-size:11px;color:var(--mut);padding:0 10px;line-height:1.3}
.inst-mini small.chip{align-self:flex-start;margin:2px 10px 0;padding:2px 8px;font-size:10.5px;color:var(--sobre-amarillo)}
.inst{overflow:hidden;margin-bottom:12px}
.inst-cab{display:flex;align-items:center;justify-content:center;height:120px;background:var(--f)}
.inst-cab img{max-height:76px;max-width:220px;object-fit:contain}
.inst-txt{padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px}
.inst-nom{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.inst-nom h2{font-size:17px}
.inst-lema{font-weight:700;color:var(--enlace);font-size:13px}
.inst-txt .boton{margin-top:4px;height:44px;font-size:14px}
.inst-sin{color:var(--t);font-weight:700;font-size:22px;text-align:center;line-height:1.1;padding:0 12px}
.inst-mini .inst-sin{font-size:16px}

/* ---------- Temporadas (Historia) y Cara a cara ---------- */
.tmp-anios{margin-bottom:12px}.tmp-anios .chip{font-size:13px;padding:6px 13px}
.tmp-camp{margin-bottom:10px}
.tmp-cifras{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}
.tmp-cifras .tarj{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 6px}.tmp-cifras b{font-size:20px}
.tmp-etapas{margin-bottom:4px}
.hist-p small{font-size:10.5px;font-weight:400;opacity:.75}
.cac-sel{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}
.cac-sel select{height:42px;border:1.5px solid var(--borde);border-radius:10px;padding:0 8px;background:var(--tarjeta);font-size:13px;width:100%}
.cac-eqs{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;text-align:center}.cac-eqs div{display:flex;flex-direction:column;align-items:center;gap:6px}
.cac-num{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;margin-top:14px;font-size:11px;color:var(--mut)}.cac-num b{display:block;font-size:24px;color:var(--tx)}
.cac-barra{display:flex;height:10px;border-radius:99px;overflow:hidden;background:var(--fondo);margin-top:8px}.cac-barra i{background:var(--azul)}.cac-barra i.e{background:var(--empate)}.cac-barra i.b{background:var(--rojo)}

/* ---------- Nota LigaPro ---------- */
.nota{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:20px;padding:0 5px;border-radius:6px;font-size:11.5px;font-weight:700;color:#fff;line-height:1}
.nota.n8{background:#12306B}.nota.n7{background:#1f9d55}.nota.n6{background:#E8B400;color:#131417}.nota.n5{background:#DD2F31}
.nota.g{min-width:44px;height:30px;font-size:16px;border-radius:9px}
.jug .nota.cn{position:absolute;top:-7px;left:calc(50% + 7px);min-width:26px;height:16px;font-size:10px;padding:0 3px;border-radius:5px;box-shadow:0 1px 3px rgba(0,0,0,.25);z-index:2}
.alin-j{color:var(--tx)}.alin-j .nota{margin-left:auto;flex-shrink:0}
.alin-n{display:flex;flex-direction:column;min-width:0}.alin-n small{font-size:10.5px;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fig{display:flex;align-items:center;gap:12px;padding:12px 14px;margin-bottom:12px;color:var(--tx)}
.fig > div{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}.fig b{font-size:16px}
.fig .foto-j,.fig img{width:52px;height:52px;border-radius:50%;flex-shrink:0}
.nota-exp{background:var(--tarjeta);border-radius:var(--radio);box-shadow:var(--sombra);padding:10px 14px;margin:12px 0;font-size:12.5px}
.nota-exp summary{cursor:pointer;list-style:none}.nota-exp summary span{color:var(--enlace);font-weight:700;margin-left:4px}
.nota-exp p{margin-top:8px;color:var(--dim);line-height:1.45}.nota-esc{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;font-size:11.5px}
.jug-p-m .nota{margin-left:6px}
.js .nota{display:flex;margin:0 auto 2px}

/* ---------- Récords (Historia) ---------- */
.rec-chips{margin-bottom:8px}.rec-chips .chip{font-size:12.5px;padding:6px 12px}
.rec-tabla th,.rec-tabla td{padding-left:2px;padding-right:2px}
.gol .jd .mini{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.zona-nota{font-size:11.5px;color:var(--mut);margin:-2px 2px 8px}.zona-nota a{font-weight:700}
.zona-sug{margin-bottom:12px;border-left:5px solid var(--fijo-az)}.zona-sug p{margin:4px 0 10px}
.zona-sug-b{display:grid;grid-template-columns:1fr 1fr;gap:8px}.zona-sug-b .boton{height:42px;font-size:13.5px}

/* ---------- modo oscuro: logos en blanco y detalles ---------- */
:root[data-modo="oscuro"] .cab .logo{content:url(/assets/img/logo-h-blanco.svg)}
:root[data-modo="oscuro"] .marca-liga img{content:url(/assets/img/ligaecuabet-palabra-blanco.png)}
:root[data-modo="oscuro"] .boton.apple{background:#fff;color:#000}
:root[data-modo="oscuro"] .cab-punto{box-shadow:0 0 0 2px var(--tarjeta)}
:root[data-modo="oscuro"] .cab,:root[data-modo="oscuro"] .nav{border-color:var(--borde)}
/* escudos sueltos sobre fondo oscuro: un borde de luz apenas visible para los de contorno negro (IDV, Liga…) */
:root[data-modo="oscuro"] .tabla .esc,:root[data-modo="oscuro"] .partido .esc,:root[data-modo="oscuro"] .gol .esc,:root[data-modo="oscuro"] .hist-p .esc,:root[data-modo="oscuro"] .cab .mieq img{filter:drop-shadow(0 0 1.2px rgba(255,255,255,.45))}
:root[data-modo="oscuro"] .globo-cta,:root[data-modo="oscuro"] .globo-cta::before{background:#2B2F37}