/* Liga: tabla de posiciones, juegos, equipos y líderes (sitio público y captura) */
.tblwrap{overflow-x:auto;border:1px solid var(--w14);border-radius:16px;background:var(--panel)}
.ptbl{width:100%;border-collapse:collapse;min-width:520px}
.ptbl th,.ptbl td{text-align:center;padding:13px 8px;border-bottom:1px solid var(--w0d);white-space:nowrap}
.ptbl th{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);font-weight:700}
.ptbl tbody tr:last-child td{border-bottom:0}
.ptbl tr.first td{background:#2f7bff0d}
.ptbl .pn{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--w0c);font-weight:800;font-size:13px}
.ptbl tr.first .pn{background:var(--accent);color:var(--on-accent)}
.ptbl .tm{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none}
.lg{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;object-fit:contain;background:var(--panel2);font-family:var(--display);font-size:15px;flex:none;border:1px solid var(--w1a)}
.lg.sm{width:26px;height:26px;font-size:11px}.lg.big{width:84px;height:84px;font-size:32px}
.rk{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:4px;font-size:10px;font-style:normal;font-weight:800;margin-left:3px;background:var(--w14);color:var(--muted)}
.rk.G{background:#1f8f6333;color:#4fe0a6}.rk.P{background:#a32a3a33;color:#ff8f8f}
.lgame{display:flex;align-items:center;gap:14px;padding:14px 16px;margin:8px 0;border:1px solid var(--w12);border-radius:16px;background:var(--panel)}
.lgame.live{border-color:#ff6b6b55}
.lgame .when{width:92px;font-size:12px;color:var(--muted);flex:none;line-height:1.35}
.lgame .sides{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}
.lgame .sd{display:flex;align-items:center;gap:10px;color:var(--muted)}.lgame .sd b{flex:1;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lgame .sd em{font-style:normal;font-family:var(--display);font-size:26px;line-height:1}
.lgame .sd.win{color:var(--text)}.lgame .sd.win b{font-weight:800}.lgame .sd.win em{color:var(--accent)}
.lgame .st{font-size:11px;letter-spacing:.8px;text-transform:uppercase;color:var(--muted);font-weight:700;flex:none}
.day{margin:20px 0 4px;color:var(--muted);font-size:13px;letter-spacing:.8px;text-transform:uppercase;font-weight:700}
.teamgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}
.tcard{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;text-decoration:none;color:inherit;padding:22px 14px!important}
.tcard b{font-size:18px}
.cols3{display:grid;gap:0 22px;grid-template-columns:1fr}
@media(min-width:900px){.cols3{grid-template-columns:repeat(3,1fr)}.ptbl{min-width:0}}
@media(max-width:700px){.ptbl .hm{display:none}.lgame .when{width:70px}}
@media(min-width:1000px){
  body.pub .lbody{padding:0 var(--sx)}
  body.pub #view[data-r] .tblwrap{border-radius:0;border-left:0;border-right:0;background:none}
  body.pub .lgame{border-radius:0;border-left:0;border-right:0;border-top:0;background:none;margin:0;padding:18px 8px}
  body.pub .lgame:hover{background:var(--w08)}
  body.pub #view[data-r]:not([data-r="home"]) .phero,body.pub #view[data-r="home"] .phero{margin-bottom:0}
}

.lbody{padding:0 12px 20px}
@media(min-width:1000px){body.pub.lp #view[data-r]{padding:0!important}}
@media(max-width:700px){
  .ptbl{min-width:0}.ptbl th,.ptbl td{padding:12px 3px;font-size:13px}.ptbl .lg{width:26px;height:26px;font-size:11px}.ptbl .tm{gap:7px}.ptbl .tm b{font-size:13px}.ptbl .pn{width:24px;height:24px;font-size:12px}
}

a.lgame{color:inherit;text-decoration:none;cursor:pointer}a.lgame:hover{border-color:var(--accent)}
.lglogo{width:96px;height:96px;object-fit:contain;border-radius:50%;background:var(--panel2);border:1px solid var(--w1a);flex:none}
.phero .lglogo{width:72px;height:72px}
@media(min-width:1000px){body.pub .phero .lglogo{width:130px;height:130px}}
.back{display:inline-block;margin:6px 0 4px;color:var(--muted);text-decoration:none;font-weight:700;font-size:14px}.back:hover{color:var(--accent)}
.gscore{display:flex;align-items:center;justify-content:center;gap:18px;padding:22px 8px;text-align:center}
.gscore .gt{flex:1;display:flex;flex-direction:column;align-items:center;gap:10px}.gscore .gt b{font-family:var(--display);font-weight:400;font-size:26px;letter-spacing:1.5px}
.gscore .gn{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:10px;flex:1.2}.gscore .gn span,.gscore .gn i{font-family:var(--display);font-style:normal;font-size:84px;line-height:1;color:var(--muted)}.gscore .gn span.w{color:var(--text)}
.gscore .gn small{flex-basis:100%;color:var(--muted);font-size:12px;letter-spacing:.6px;text-transform:uppercase}
.lscore{width:100%;border-collapse:collapse;min-width:420px}.lscore th,.lscore td{text-align:center;padding:12px 6px;border-bottom:1px solid var(--w0d);font-size:14px}.lscore th{color:var(--muted);font-size:11px;letter-spacing:1px}
.lscore td.tn{text-align:left;font-weight:700;white-space:nowrap;padding-left:14px}.lscore td.t{font-family:var(--display);font-size:22px;color:var(--accent)}
details.pl{border:1px solid var(--w12);border-radius:14px;background:var(--panel);margin:8px 0}
details.pl summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 16px;cursor:pointer;list-style:none}
details.pl summary::-webkit-details-marker{display:none}
details.pl summary::after{content:"+";color:var(--muted);font-size:20px;line-height:1;margin-left:4px}details.pl[open] summary::after{content:"–"}
details.pl .nm{font-weight:700}details.pl .nm small{color:var(--muted);font-weight:500;margin-left:8px;font-size:12px}
details.pl .st{margin-left:auto;color:var(--muted);font-size:13px;text-align:right}
details.pl ul{list-style:none;margin:0;padding:2px 16px 12px}
details.pl li{padding:8px 0;border-top:1px solid var(--w0d);font-size:14px}details.pl li .inn{display:inline-block;min-width:36px;color:var(--accent);font-weight:800;font-size:12px}
.lg.big .ic{width:38px;height:38px;color:var(--accent)}

.lsec{margin:0 0 28px}
.lhead{display:flex;align-items:center;gap:14px;text-decoration:none;color:inherit;margin:4px 0 14px;padding:12px 14px;border:1px solid var(--w12);border-radius:16px;background:var(--panel)}
.lhead:hover{border-color:var(--accent)}.lhead b{display:block;font-size:20px}.lhead small{color:var(--muted);font-size:13px}
.lhead .lg{width:52px;height:52px}.lhead .lg .ic{width:26px;height:26px}

/* ===== portada ===== */
@keyframes up{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.land>*{animation:up .5s cubic-bezier(.2,.7,.2,1) both}
.land>*:nth-child(2){animation-delay:.07s}.land>*:nth-child(3){animation-delay:.14s}.land>*:nth-child(4){animation-delay:.21s}.land>*:nth-child(5){animation-delay:.28s}.land>*:nth-child(6){animation-delay:.35s}
@media(prefers-reduced-motion:reduce){.land>*{animation:none}}
.land{padding-top:22px}
.lgrid{display:grid;gap:16px;grid-template-columns:1fr}
@media(min-width:1000px){.lgrid{grid-template-columns:repeat(2,1fr)}.land{padding-top:34px}}
.lcard{display:block;text-decoration:none;color:inherit;border:1px solid var(--w14);border-radius:22px;background:var(--panel);overflow:hidden;transition:transform .18s,border-color .18s;position:relative}
.lcard::before{content:"";position:absolute;left:0;top:0;right:0;height:3px;background:var(--accent)}
.lcard:hover{transform:translateY(-3px);border-color:var(--accent)}
.lch{display:flex;align-items:center;gap:16px;padding:20px 20px 14px}
.lch .lg.big{width:68px;height:68px}.lch .lg .ic{width:30px;height:30px;color:var(--accent)}
.lct{flex:1;min-width:0}.lct b{display:block;font-family:var(--display);font-weight:400;font-size:34px;letter-spacing:1.5px;line-height:1.05}.lct small{color:var(--muted);font-size:13px}
.lch .go{display:inline-flex;align-items:center;gap:4px;color:var(--accent);font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.8px;white-space:nowrap}.lch .go .ic{width:16px;height:16px}
.mini{list-style:none;margin:0;padding:4px 12px 8px}
.mini li{display:flex;align-items:center;gap:12px;padding:10px 8px;border-top:1px solid var(--w0d)}
.mini li.first{background:#2f7bff0d;border-radius:12px}
.mini .pn{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--w0c);font-weight:800;font-size:12px;flex:none}
.mini li.first .pn{background:var(--accent);color:var(--on-accent)}
.mini b{flex:1;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mini .rec{color:var(--muted);font-size:13px}.mini .pct{font-family:var(--display);font-size:22px;min-width:52px;text-align:right}
.nx{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;padding:12px 20px 18px;border-top:1px solid var(--w0d);color:var(--muted);font-size:13px}
.nx span{text-transform:uppercase;letter-spacing:.8px;font-size:11px;font-weight:700}.nx b{color:var(--text)}.nx em{font-style:normal;margin-left:auto}
.tks{display:flex;gap:12px;overflow-x:auto;padding:2px 2px 10px;scroll-snap-type:x proximity}
.tk{flex:none;min-width:240px;scroll-snap-align:start;display:flex;flex-direction:column;gap:6px;text-decoration:none;color:inherit;padding:14px 16px;border:1px solid var(--w12);border-radius:16px;background:var(--panel);transition:border-color .15s,transform .15s}
.tk:hover{border-color:var(--accent);transform:translateY(-2px)}
.tkt{display:flex;align-items:center;gap:10px;color:var(--muted)}.tkt b{flex:1;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tkt em{font-style:normal;font-family:var(--display);font-size:24px;line-height:1}
.tkt.w{color:var(--text)}.tkt.w b{font-weight:800}.tkt.w em{color:var(--accent)}
.tk small{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.8px;font-weight:700;margin-top:2px}
.lvstrip{display:flex;flex-direction:column;gap:10px;margin-bottom:6px}.lvstrip .chip{align-self:flex-start}

.lcard.slim .lch{padding:22px}.lcard.slim .lch .lg.big{width:76px;height:76px}
.tchips{display:flex;flex-wrap:wrap;gap:10px}
.tchip{display:flex;align-items:center;gap:10px;padding:8px 16px 8px 8px;border:1px solid var(--w12);border-radius:999px;background:var(--panel);text-decoration:none;color:inherit;font-weight:700;transition:border-color .15s}
.tchip:hover{border-color:var(--accent)}
.catbar{margin:0 0 18px}

.crumb{display:flex;gap:20px;padding:14px 16px 0;font-size:14px;font-weight:700;flex-wrap:wrap}.crumb a{color:var(--muted);text-decoration:none}.crumb a:first-child{color:var(--accent)}.crumb a:hover{color:var(--text)}
@media(min-width:1000px){body.pub .crumb{padding:18px var(--sx) 0}}