:root{--bg:#0a0d0a;--card:#0f140f;--hi:#141b14;--bd:#1d261d;--red:#e30613;--title:#e23a2c;--gold:#e8b51f;--tx:#e9e9e9;--mut:#98a298}
*{box-sizing:border-box}html,body{margin:0;padding:0}
body{background:var(--bg);color:var(--tx);font-family:Georgia,"Times New Roman",serif;font-size:16px;line-height:1.5}
a{color:var(--gold);text-decoration:none}a:hover{text-decoration:underline}
.topbar{background:var(--red);text-align:center;padding:14px 10px;border-bottom:3px solid var(--gold)}
.topbar img{height:60px;width:auto}
nav{background:var(--red);display:flex;flex-wrap:wrap;justify-content:center;gap:6px 22px;padding:11px 14px;position:relative;z-index:1000}
nav a{color:#fff;font-size:15px;font-weight:bold;white-space:nowrap}nav a.on{color:var(--gold)}
nav .has::after{content:" \25BE";font-size:11px;opacity:.85}
nav .drop{position:relative;padding-bottom:11px;margin-bottom:-11px}
nav .drop ul{display:none;position:absolute;left:0;top:100%;z-index:99999;background:#0c100c;border:1px solid var(--bd);border-radius:6px;min-width:200px;padding:6px 0;margin:0;list-style:none}
nav .drop:hover ul{display:block}
nav .drop ul li a{display:block;color:var(--tx);font-weight:normal;padding:7px 14px;font-size:14px}
nav .drop ul li a:hover{background:var(--hi);color:var(--gold);text-decoration:none}
.wrap{max-width:1300px;margin:0 auto;padding:0 16px}
h1.page{color:var(--title);text-align:center;font-size:30px;margin:30px 0 16px}
.intro{color:#cfd4cf;max-width:1180px;margin:0 auto 26px}
.tabla{border:1px solid var(--bd);border-radius:10px;background:#0c110c;text-align:center;font-size:21px;font-weight:bold;padding:16px;margin:22px 0 14px}
.match{border:1px solid var(--bd);border-radius:10px;background:var(--card);margin-bottom:11px;overflow:hidden}
.match>.row{display:flex;align-items:center;gap:14px;padding:14px 18px;cursor:pointer;user-select:none}
.match>.row:hover{background:var(--hi)}
.time{border:1px solid var(--bd);border-radius:5px;padding:4px 9px;font-size:14px;color:var(--mut);min-width:58px;text-align:center;flex:none}
.ball{flex:none;width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#3b7bd4,#1f4f93)}
.name{font-size:17px}.name b{font-weight:bold}
.chev{margin-left:auto;color:var(--mut);transition:transform .15s;flex:none}
.match.open .chev{transform:rotate(90deg)}
.chans{display:none;padding:4px 18px 14px 54px}.match.open .chans{display:block}
.chans a{display:block;padding:6px 0;font-size:15px;color:var(--gold)}
.chans a::before{content:"\1F4FA";margin-right:9px}
footer{border-top:1px solid var(--bd);margin-top:40px;padding:22px 16px;text-align:center;color:var(--mut);font-size:14px}
.seo{color:#b8beb8;margin:30px auto;max-width:1180px}.seo h2{color:var(--title);font-size:20px}
.player{position:relative;width:100%;max-width:980px;margin:18px 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}
.linkrow{display:flex;align-items:center;gap:13px;border:1px solid var(--bd);border-radius:9px;background:var(--card);padding:15px 18px;margin-bottom:10px;color:var(--tx);font-size:16px}
.linkrow:hover{background:var(--hi);text-decoration:none}
.linkrow::before{content:"\1F4FA";flex:none;font-size:15px;opacity:.95}
.linkrow .nm{flex:1}
.linkrow .go{flex:none;color:var(--gold);font-size:13px}
.legal{color:#cfd4cf;max-width:1180px;margin:0 auto 30px;font-size:15px;line-height:1.7}.legal a{color:var(--gold)}
@media(max-width:640px){h1.page{font-size:23px}.name{font-size:15px}.tabla{font-size:18px}nav{gap:4px 14px}nav a{font-size:13px}}