:root{--blu:#0b57d0;--ink:#212529;--nvy:#031b4e;--mut:#6c757d;--bd:#e3e6ea}
*{box-sizing:border-box}html,body{margin:0;padding:0}
body.tron{min-height:100vh;background:linear-gradient(to right,#505cfd 0,#4174f8 18%,#1fabea 63%,#12bee5 78%,#00dbde 100%);color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-size:16px;line-height:1.5}
a{color:var(--blu);text-decoration:none}a:hover{text-decoration:underline}
.site-header{background:#fff;box-shadow:0 0 8px rgba(0,0,0,.12)}
.shwrap{max-width:1140px;margin:0 auto;padding:10px 16px;display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px}
.logo{font-weight:700;font-size:1.3rem;color:#212529;display:flex;align-items:center;gap:8px}
.logo svg{color:var(--blu)}.logo:hover{text-decoration:none;color:var(--blu)}
.navlinks{margin-left:auto;display:flex;flex-wrap:wrap;gap:4px 18px}
.navlinks a{color:#495057;font-size:14.5px;font-weight:600;padding:6px 0}.navlinks a:hover{color:var(--blu);text-decoration:none}
.cfluid{max-width:1140px;margin:14px auto 0;padding:0 12px}
.card{background:#fff;border:1px solid rgba(0,0,0,.09);border-radius:8px;box-shadow:0 0 80px rgba(0,0,0,.23);overflow:hidden;margin-bottom:2rem}
.card-header{background:#f7f7f7;border-bottom:1px solid rgba(0,0,0,.09);padding:1.15rem 1.25rem .7rem}
.card-header h4{margin:0;font-size:1.3rem;color:var(--nvy);font-weight:500}.card-header b{font-weight:700}
.card-body{padding:1.25rem}
.wrap{max-width:1040px;margin:0 auto}
h1.page{color:var(--nvy);text-align:center;font-size:26px;margin:6px 0 12px}
h2.page{color:var(--nvy);text-align:center;font-size:20px;margin:18px 0 10px}
.intro,.description{color:#41506b;max-width:900px;margin:0 auto 20px;text-align:center;font-size:15.5px}
.scrollagenda{overflow-x:auto}
table.agt{width:100%;border-collapse:collapse;margin:6px auto 14px}
table.agt tr.hd th{background:#eff6ff;color:var(--nvy);border-top:1px solid #b6d9ff;border-bottom:1px solid #b6d9ff;padding:10px 8px;font-size:15.5px;text-align:left}
table.agt tr.hd th:first-child{width:70px;text-align:center}
table.agt tr.hd th:nth-child(2){width:22px;color:#b6d9ff}
table.agt td{border-bottom:1px solid #eef1f4;padding:8px;font-size:15px;color:var(--ink)}
table.agt tbody tr:hover td{background:#f6faff}
table.agt td.hh{text-align:center;width:70px}
span.t{display:inline-block;background:#eef4ff;border:1px solid #cfe0ff;border-radius:5px;color:var(--blu);font-weight:700;font-size:13px;padding:2px 8px}
td.ic{width:34px;text-align:center;font-size:15px}
td.ev b{color:var(--nvy)}td.ev a{font-weight:600}
td.noev{text-align:center;color:var(--mut);padding:18px}
table.agt .mrow{cursor:pointer}
table.agt .mrow .chev{float:right;color:#98a2b3;font-size:13px;margin-left:10px;transition:transform .15s}
table.agt tbody.match.open .mrow .chev{transform:rotate(180deg)}
table.agt tbody.match .chansrow{display:none}
table.agt tbody.match.open .chansrow{display:table-row}
table.agt .chansrow td{background:#f8fbff;border-bottom:1px solid #e3ecf7}
table.agt .chansrow .chans{display:block;padding:4px 6px 10px 66px}
table.agt .chansrow .chans a{display:block;padding:5px 0;font-size:13.5px;font-weight:600}
.bc{margin:8px auto 2px;color:#8a93a3;font-size:13px}.bc a{color:#5b6575}.bc span{color:var(--blu)}
.chbar{display:flex;flex-wrap:wrap;gap:6px;margin:12px auto 0}
.chbtn{background:#eef2f7;color:#31405c;border:1px solid #d4dbe5;border-radius:8px;padding:7px 12px;font-size:13px;cursor:pointer;font-weight:600}
.chbtn:hover{background:#e2e9f2}.chbtn.active{background:var(--blu);border-color:var(--blu);color:#fff}
.player{position:relative;width:100%;max-width:980px;margin:16px auto;aspect-ratio:16/9;background:#000;border:1px solid var(--bd);border-radius:10px;overflow:hidden}
.player iframe,.player>div,.player video{position:absolute;inset:0;width:100%;height:100%;border:0}
.seo{color:#41506b;margin:26px auto;max-width:960px}.seo h2{color:var(--nvy);font-size:20px;text-align:center}.seo h3{color:var(--nvy);font-size:17px;margin-top:20px}
.tzt{border-collapse:collapse;margin:10px 0}.tzt th,.tzt td{border:1px solid #dde3ea;padding:6px 14px;text-align:left}
.faq{margin:8px 0;border-bottom:1px solid #e5e9ef;padding-bottom:6px}.faq summary{cursor:pointer;color:#213047;font-weight:600}
.otros{max-width:960px;margin:22px auto}.otros h3{color:var(--nvy);font-size:17px}
.otros ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:6px}
.otros a{color:#31405c;display:block;padding:7px 10px;background:#f4f7fb;border:1px solid #e0e6ee;border-radius:6px}.otros a:hover{border-color:var(--blu);text-decoration:none}
/* legacy pages (old /2026/ twins + any old /vivo/ not regenerated) keep readable in light theme */
.topbar{background:var(--blu);text-align:center;padding:12px 10px}.topbar img{height:56px;width:auto}
body>nav{background:var(--blu);display:flex;flex-wrap:wrap;justify-content:center;gap:6px 20px;padding:10px 14px}
body>nav a{color:#fff;font-size:14px;font-weight:700}body>nav a.mir{color:#ffe58a}
.tabla{border:1px solid #b6d9ff;border-radius:10px;background:#eff6ff;text-align:center;font-size:19px;font-weight:700;color:var(--nvy);padding:14px;margin:20px auto 12px;max-width:900px}
.match{border:1px solid #e0e6ee;border-radius:9px;background:#fff;margin:0 auto 7px;max-width:900px;overflow:hidden}
.match>.row{display:flex;align-items:center;gap:11px;padding:9px 14px;cursor:pointer;user-select:none}
.match>.row:hover{background:#f6faff}
.time{border:1px solid #cfe0ff;border-radius:5px;padding:3px 8px;font-size:12px;color:var(--blu);background:#eef4ff;font-weight:700;min-width:50px;text-align:center;flex:none}
.ball{flex:none;width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#3b7bd4,#1f4f93)}
.name{font-size:16px;color:var(--ink)}.chev{margin-left:auto;color:#98a2b3;transition:transform .15s;flex:none}
.match.open .chev{transform:rotate(90deg)}
.chans{display:none;padding:3px 14px 10px 46px}.match.open .chans{display:block}
.chans a{display:block;padding:4px 0;font-size:13px}
.chans a::before{content:"\1F4FA";margin-right:9px}
.linkrow{display:flex;align-items:center;gap:13px;border:1px solid #e0e6ee;border-radius:9px;background:#fff;padding:14px 18px;margin-bottom:10px;color:var(--ink);font-size:16px}
.linkrow:hover{background:#f6faff;text-decoration:none}
.linkrow::before{content:"\1F4FA";flex:none;font-size:15px;opacity:.95}
.linkrow .nm{flex:1}.linkrow .go{flex:none;color:var(--blu);font-size:13px}
.legal{color:#41506b;max-width:960px;margin:0 auto 30px;font-size:15px;line-height:1.7}
.live{display:inline-block;margin-left:9px;background:#e30613;color:#fff;font-size:11px;font-weight:700;letter-spacing:.5px;padding:2px 7px;border-radius:4px;vertical-align:middle;animation:lp 1.4s ease-in-out infinite}
@keyframes lp{0%,100%{opacity:1}50%{opacity:.55}}
footer{margin-top:0;padding:22px 16px;text-align:center;color:rgba(255,255,255,.85);font-size:14px;background:#010e28;border-top:none}
footer a{color:rgba(255,255,255,.7)}footer a:hover{color:#fff}
.fl{margin-bottom:8px}
.e404{max-width:680px;margin:24px auto;padding:40px 26px;text-align:center;background:#fff;border:1px solid #e0e6ee;border-radius:14px}
.e404-code{font-size:100px;line-height:1;font-weight:800;color:var(--blu);letter-spacing:2px}
.e404-title{margin:6px 0 16px;font-size:28px;color:var(--nvy)}
.e404-txt{color:#5b6575;font-size:16px;margin:0 auto 26px;max-width:540px}
.e404-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.e404-btn{display:inline-block;padding:11px 20px;border-radius:10px;background:#f4f7fb;border:1px solid #e0e6ee;color:var(--ink);font-weight:700}
.e404-btn:hover{background:#e8eef6;text-decoration:none}
.e404-btn.primary{background:var(--blu);border-color:var(--blu);color:#fff}
@media(max-width:640px){h1.page{font-size:21px}.card-body{padding:.9rem .55rem}.shwrap{padding:8px 10px}table.agt td{font-size:14px}table.agt tr.hd th{font-size:13.5px}.navlinks{gap:4px 12px}.navlinks a{font-size:13px}.logo{font-size:1.1rem}}
