/* ============================================================ base */
:root{
  --bg:#060a12; --panel:#151b28; --panel2:#1d2433; --line:#252d3f;
  --text:#eef1f7; --muted:#9aa3b8;
  --accent:#e91e8c; --accent2:#8b2cf5; --leg:#2563eb; --live:#ff3b5c; --ok:#22c55e; --gold:#f5c518;
  --nav:3.9611rem;
  --grad:linear-gradient(90deg,var(--accent),var(--accent2));
  --font:'Figtree',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--bg);font-size:18px}
body{font-size:.8944rem}
@media (min-width:821px) and (max-width:1365px){html{font-size:14px}}
@media (min-width:2000px) and (max-width:2799px){html{font-size:24px}}
@media (min-width:2800px){html{font-size:36px}}
html.mob{font-size:18px !important}
body{background:transparent;}
html,body{color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;min-height:100%}
body{overflow-x:hidden}
img{display:block;max-width:100%}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
input,select{font:inherit;color:inherit}
a{color:inherit;text-decoration:none}
::-webkit-scrollbar{width:.4444rem;height:.4444rem}::-webkit-scrollbar-thumb{background:#2a3246;border-radius:.5111rem}::-webkit-scrollbar-track{background:transparent}
.ico{width:1.15rem;height:1.15rem;flex:none;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.hidden{display:none!important}
.muted{color:var(--muted)}
.clamp2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.clamp3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:focus-visible{outline:2px solid #fff;outline-offset:2px}

/* fundo das telas internas: quadrados flutuantes + faixas diagonais de luz */
#bgfx{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;
  background:radial-gradient(57.5rem 38.3333rem at 100% 100%,#1d1735 0,transparent 65%),radial-gradient(44.7222rem 31.9444rem at 0 0,#121628 0,transparent 60%),linear-gradient(160deg,#0c0e18 0,#120f20 55%,#191427 100%)}
#bgfx i{position:absolute;background:#ffffff0c;border-radius:.4444rem;animation:float 18s ease-in-out infinite}
#bgfx b{position:absolute;right:-6.6667rem;bottom:-3.3333rem;width:23rem;height:33.2222rem;transform:rotate(-16deg);background:linear-gradient(180deg,#ffffff12,#ffffff04);border-radius:.8944rem}
#bgfx b+b{right:-2.2222rem;bottom:-7.7778rem;width:16.6111rem;height:29.3889rem;transform:rotate(-16deg);background:linear-gradient(180deg,#ffffff0e,#ffffff03)}
@keyframes float{50%{transform:translateY(-1.2222rem) rotate(4deg)}}

/* ============================================================ botões e campos */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5111rem;height:2.5556rem;padding:0 1.15rem;border-radius:.5722rem;background:var(--panel2);font-weight:700;font-size:.8944rem;transition:.15s}
.btn:hover{background:#2a3246}
.btn.light{background:#e8ebf5;color:#060a12}.btn.light:hover{background:#fff}
.btn.grad{background:var(--grad);color:#fff}
.btn.round{width:2.8111rem;height:2.8111rem;padding:0;border-radius:50%;background:#ffffff14;backdrop-filter:blur(.5111rem)}
.btn.round:hover{background:#ffffff2a;transform:scale(1.06)}
.btn.sm{height:2.0444rem;padding:0 .7667rem;font-size:.8rem;border-radius:.4444rem}
.btn.pill{border-radius:1.9167rem}
.btn[disabled]{opacity:.5;pointer-events:none}
.field{display:block;background:#1b2434;border-radius:.6389rem;padding:.5722rem 1.15rem;border:1px solid transparent;transition:.15s}
.field:focus-within{border-color:#ffffff40}
.field span{display:block;font-size:.8rem;color:#c3c9d8}
.field input{width:100%;background:none;border:0;outline:0;font-size:1.0833rem;padding-top:2px}
.field input::placeholder{color:#6f7a90}
.back{position:fixed;top:.8944rem;left:.8944rem;z-index:60;width:2.8111rem;height:2.8111rem;border-radius:50%;background:#1a2030cc;display:grid;place-items:center;backdrop-filter:blur(.3833rem);transition:.15s}
.back:hover{background:#2a3246;transform:scale(1.06)}
.brand{height:2.3rem;width:auto}
.brand-text{font-weight:800;font-size:1.4056rem;letter-spacing:-.5px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}

/* tela de carregamento */
.loader{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:.8944rem;text-align:center}
.loader.inline{min-height:17.8889rem}
.ring{width:2.9389rem;height:2.9389rem;border-radius:50%;border:3px solid #ffffff1c;border-top-color:#e8ebf5;animation:spin .9s linear infinite}
.loader b{font-size:1.2111rem;font-weight:700}.loader small{color:#a8b0c2;font-size:.8944rem;margin-top:-.4444rem}
.spin{width:1.2778rem;height:1.2778rem;border-radius:50%;border:3px solid #ffffff22;border-top-color:#fff;animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

/* ============================================================ login */
.login{min-height:100vh;display:grid;place-items:center;padding:1.5333rem}
.login-box{width:min(33.2222rem,100%)}
.seg{display:grid;grid-template-columns:1fr 1fr;background:#121a27;border-radius:.7667rem;padding:.2556rem;margin-bottom:2.6833rem}
.seg button{height:3.1944rem;border-radius:.5722rem;font-weight:700;font-size:1.0222rem;color:#97a1b6}
.seg button.on{background:#28324a;color:#fff}
.login h1{font-weight:500;font-size:1.9778rem;margin-bottom:.7667rem}
.login p.sub{color:#a6aec0;margin-bottom:2.1722rem;font-size:1.0222rem}
.login .field{margin-bottom:1.15rem}
.login .btn.light{width:100%;height:3.9611rem;font-size:1.2111rem;margin-top:.6389rem;border-radius:.7667rem}
.login .err{color:#ff7a8f;margin-top:.8944rem;min-height:1.2778rem;text-align:center}
.remote{text-align:center}
.remote h1{font-weight:500}
.remote .code{font-size:2.6833rem;font-weight:700;letter-spacing:.2556rem;margin:.6389rem 0 1.2778rem}
.remote .wait{display:flex;align-items:center;justify-content:center;gap:.6389rem;margin-bottom:.8944rem}
.foot{position:fixed;bottom:1.4056rem;left:3.5778rem;right:3.5778rem;display:flex;justify-content:space-between;color:#8a93a8;font-size:.9556rem}

/* ============================================================ perfis */
.profiles{min-height:100vh;display:grid;place-items:center;text-align:center;padding:1.5333rem}
.profiles h1{font-size:2.8111rem;font-weight:700}
.profiles .row{display:flex;flex-wrap:wrap;justify-content:center;gap:1.9167rem;margin:2.8111rem 0}
.prof{display:flex;flex-direction:column;align-items:center;gap:.7667rem;color:#c4cad8;font-size:1.0222rem}
.avatar{width:10.8611rem;height:10.8611rem;border-radius:50%;object-fit:cover;background:var(--grad);display:grid;place-items:center;font-size:4.0889rem;font-weight:800;color:#fff;transition:.2s;box-shadow:0 1.2778rem 3.1944rem #0008}
.prof:hover .avatar{transform:scale(1.05);box-shadow:0 0 0 .2556rem #fff}
.prof.add .avatar{background:#1c2232;color:#8a93a8}
.prof .edit{font-size:.7667rem;color:var(--muted)}
.profiles .btns{display:flex;gap:.8944rem;justify-content:center}
.profiles .btns .btn{height:3.0667rem;min-width:11.5rem;background:#171c28}
.avpick{display:flex;gap:.8944rem;overflow-x:auto;padding:.8944rem .2556rem;margin:.7667rem 0 1.6611rem}
.avpick img,.avpick .avatar{width:5.75rem;height:5.75rem;flex:none;border-radius:50%;cursor:pointer;border:3px solid transparent;font-size:2.1722rem}
.avpick .on{border-color:#29b6f6;box-shadow:0 0 1.15rem #29b6f6aa}

/* ============================================================ topo */
.nav{position:fixed;top:0;left:0;right:0;height:var(--nav);display:flex;align-items:center;gap:1.9167rem;padding:0 1.9167rem;z-index:50;background:linear-gradient(#060a12f0,#060a1200);transition:background .3s}
.nav.solid{background:#060a12ee;backdrop-filter:blur(.6389rem)}
.nav .links{display:flex;gap:1.5333rem;font-weight:700;font-size:.9889rem}
.nav .links a{opacity:.9;padding:.3222rem 0;border-bottom:2px solid transparent;transition:.15s}
.nav .links a:hover,.nav .links a.on{opacity:1;border-color:var(--accent)}
.nav .me{margin-left:auto;width:2.6833rem;height:2.6833rem;border-radius:50%;overflow:hidden;box-shadow:0 0 0 2px #ffffff30}
.nav .me .avatar,.nav .me img{width:2.6833rem;height:2.6833rem;font-size:1.15rem;box-shadow:none}
.nav .burger{display:none}

/* ============================================================ destaque (hero) */
.hero{position:relative;height:min(30.0278rem,62vh);overflow:hidden}
.hero .slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .9s ease,visibility .9s}
.hero .slide.on{opacity:1;visibility:visible}
.hero .bd{position:absolute;right:0;top:0;width:66%;height:100%;object-fit:cover;object-position:center top;transform:scale(1.08);transition:transform 7s ease-out}
.hero .slide.on .bd{transform:scale(1)}
.hero .shade{position:absolute;inset:0;background:linear-gradient(90deg,var(--bg) 32%,#060a12cc 46%,#060a1200 70%),linear-gradient(0deg,var(--bg) 0,#060a1200 30%),linear-gradient(180deg,#060a12 0,#060a1200 22%)}
.hero .info{position:absolute;left:4.4722rem;top:6.1333rem;width:min(38.3333rem,52%)}
.hero .info>*{opacity:0;transform:translateX(-1.4444rem);transition:opacity .6s ease,transform .6s ease}
.hero .slide.on .info>*{opacity:1;transform:none}
.hero .slide.on .info>*:nth-child(2){transition-delay:.08s}.hero .slide.on .info>*:nth-child(3){transition-delay:.14s}
.hero .slide.on .info>*:nth-child(4){transition-delay:.2s}.hero .slide.on .info>*:nth-child(5){transition-delay:.26s}
.hero .tlogo{max-height:6.1333rem;max-width:15.9722rem;object-fit:contain;object-position:left;margin-bottom:1.2778rem}
.hero .ttxt{font-size:2.4278rem;font-weight:700;line-height:1.05;margin-bottom:1.2778rem;max-width:35.7778rem}
.chips{display:flex;flex-wrap:wrap;gap:.3833rem;margin-bottom:.6389rem}
.chip{display:inline-flex;align-items:center;gap:.3222rem;height:1.5333rem;padding:0 .5111rem;border-radius:.2556rem;background:#ffffff1a;font-size:.7667rem;font-weight:700;text-transform:uppercase}
.chip .ico{width:.8278rem;height:.8278rem}
.rates{display:flex;gap:.8944rem;align-items:center;margin-bottom:.6389rem;font-weight:700;font-size:.8278rem}
.rates span{display:inline-flex;gap:.3222rem;align-items:center}
.rbadge{background:var(--gold);color:#000;font-size:.6389rem;font-weight:800;padding:1px .2556rem;border-radius:3px}
.rbadge.tm{background:linear-gradient(90deg,#90cea1,#01b4e4);color:#0d253f}
.hero .plot{font-size:.9278rem;font-weight:600;line-height:1.45;margin-bottom:1.5333rem;text-shadow:0 1px .5111rem #000}
.hero .btn{height:2.9389rem;font-size:.9889rem;background:#ffffff1f;backdrop-filter:blur(.5111rem)}
.hero .btn:hover{background:#ffffff36}
.hero .arrow{position:absolute;top:44%;z-index:3;width:2.6833rem;height:2.6833rem;display:grid;place-items:center;border-radius:50%;background:#f2f3f7;color:#060a12;box-shadow:0 .3833rem 1.2778rem #0008;transition:.2s}
.hero .arrow .ico{stroke-width:3;width:1.15rem;height:1.15rem}
.hero .arrow:hover{transform:scale(1.12);background:#fff}
.hero .arrow.l{left:.8889rem}.hero .arrow.r{right:.8889rem}
.hero .hdots{position:absolute;bottom:3.7056rem;left:50%;display:flex;gap:.3833rem;z-index:3}
.hero .hdots i{width:.4444rem;height:.4444rem;border-radius:50%;background:#ffffff55;cursor:pointer;transition:.3s}
.hero .hdots i.on{background:#fff;width:1.15rem;border-radius:.2556rem}
.agebox{position:absolute;right:1.9167rem;bottom:2.8111rem;display:flex;gap:.6389rem;align-items:center;z-index:3}
.age{width:2.6833rem;height:2.6833rem;border-radius:.3222rem;display:grid;place-items:center;font-size:1.3389rem;font-weight:800;color:#fff;background:#888;flex:none}
.age.L{background:#22a447}.age.a10{background:#1b8fd2}.age.a12{background:#f5c400;color:#000}.age.a14{background:#e8761b}.age.a16{background:#d8261d}.age.a18{background:#111;border:1px solid #444}
.agebox small{display:block;font-size:.8944rem;line-height:1.2;color:#d6dbe6}.agebox b{font-size:.8944rem}

/* ============================================================ provedores */
.provwrap{position:relative;background:linear-gradient(180deg,var(--pfrom,#0b2230),var(--pto,#081521));transition:background .7s}
.provwrap::before,.colwrap::before{content:'';position:absolute;inset:0;background-image:radial-gradient(#ffffff0f 1.4px,transparent 1.5px);background-size:1.2778rem 1.2778rem;pointer-events:none}
.provwrap .scroller .track{gap:1.0222rem;padding:.7667rem 1.15rem 0}
.pcard{position:relative;flex:none;width:11.5rem;padding-bottom:.7667rem;cursor:pointer}
.pcard .im{height:6.2611rem;border-radius:.4444rem;overflow:hidden;background:#1d2232;display:grid;place-items:center;transition:.25s;box-shadow:0 .3833rem 1.15rem #0006}
.pcard .im img{width:100%;height:100%;object-fit:cover}
.pcard .im b{font-size:1.2111rem;font-weight:700}
.pcard:hover .im{transform:translateY(-3px)}
.pcard.on .im{box-shadow:0 0 0 2px #ffffffcc,0 .6389rem 1.6611rem #000a}
.pcard::after{content:'';position:absolute;left:30%;right:30%;bottom:0;height:3px;border-radius:3px;background:#fff;opacity:0;transition:.2s}
.pcard.on::after{opacity:1}
.provshow{position:relative;display:grid;grid-template-columns:20.4444rem 1fr;gap:1.2778rem;padding:1.2778rem 1.15rem 1.4056rem;align-items:center;border-top:1px solid #ffffff12}
.provshow .side{display:flex;flex-direction:column;align-items:center;gap:1.0222rem;text-align:center}
.provshow .side .plogo{max-width:12.7778rem;object-fit:contain}
.provshow .side .pname{font-size:2.0444rem;font-weight:700}
.posters{display:grid;grid-template-columns:repeat(4,minmax(0,15.9722rem));gap:1.2778rem}
.poster{position:relative;border-radius:.4444rem;overflow:hidden;aspect-ratio:2/3;background:#1d2232;cursor:pointer;transition:transform .25s,box-shadow .25s}
.poster img{width:100%;height:100%;object-fit:cover}
.poster:hover{transform:scale(1.03);box-shadow:0 0 0 3px #fff,0 1.2778rem 2.5556rem #0008}
.poster .nt{position:absolute;inset:auto 0 0 0;padding:2.5556rem .6389rem .6389rem;background:linear-gradient(transparent,#000d);font-weight:700;text-align:center}
.tip{position:absolute;bottom:.5111rem;left:50%;transform:translateX(-50%);background:#000c;border:1px solid #fff3;font-size:.7rem;padding:2px .4444rem;border-radius:3px;white-space:nowrap;opacity:0;transition:.2s;pointer-events:none}
.pcard:hover .tip,.poster:hover .tip{opacity:1}

/* ============================================================ esportes (home) */
.sportsband{padding:0 0 .8944rem;background:linear-gradient(180deg,#121a2c,#060a12)}
.sporthead{position:relative;display:flex;align-items:center;gap:.7667rem;padding:.7667rem 1.15rem;background:linear-gradient(90deg,#0c1f33 0%,#10263a 45%,#123a46 100%);overflow:hidden}
.sporthead::before{content:'';position:absolute;inset:0;background-image:radial-gradient(#ffffff10 1.2px,transparent 1.3px);background-size:1.0222rem 1.0222rem;pointer-events:none}
.stab{position:relative;height:3.1944rem;min-width:11.3722rem;padding:0 1.15rem;border-radius:.4444rem;display:flex;align-items:center;justify-content:center;gap:.6389rem;font-weight:700;font-size:1.0833rem;background:var(--sc,#3a4356);overflow:hidden;border:1px solid #ffffff14;box-shadow:inset 0 1px 0 #ffffff1c,0 .2556rem .8944rem #0006;transition:transform .2s,box-shadow .2s}
.stab::before{content:'';position:absolute;top:0;bottom:0;right:14%;width:22%;background:linear-gradient(90deg,#ffffff00,#ffffff1c,#ffffff00);transform:skewX(-20deg)}
.stab::after{content:'';position:absolute;left:.7667rem;right:.7667rem;bottom:3px;height:3px;border-radius:2px;background:#fff;opacity:0;transition:.2s}
.stab:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 #ffffff26,0 .5111rem 1.2778rem #000a}
.stab:hover::before{animation:sheen .9s ease}
@keyframes sheen{from{right:110%}to{right:-30%}}
.stab.on::after{opacity:1}
.stab img{max-height:2.3rem;max-width:7.6667rem;object-fit:contain;position:relative}
.stab .ball{width:1.9167rem;height:1.9167rem;position:relative}
.stab span{position:relative}
.stab .tx{font-size:1.7889rem;font-weight:800;letter-spacing:-1px}
.stab .tx.ufc{color:#e11;font-style:italic}
.sporthead .ttl{margin-left:auto;text-align:right;position:relative}
.sporthead .ttl b{display:block;font-size:1.4056rem;font-weight:700}.sporthead .ttl small{color:#c8cede;font-size:.8rem}
.rowtitle{font-size:1.2778rem;font-weight:700;padding:1.0222rem 1.15rem .6389rem;display:flex;gap:.7667rem;align-items:baseline}
.rowtitle small{font-size:.8278rem;color:var(--muted);font-weight:600}
.rowtitle .count{font-size:.7667rem;padding:2px .5722rem;border-radius:.6389rem;background:#ffffff1c}
.scroller{position:relative}
.track{display:flex;gap:1.0222rem;overflow-x:auto;scroll-behavior:smooth;padding:.2556rem 1.15rem .7667rem;scrollbar-width:none}
.track::-webkit-scrollbar{display:none}
.scroller .nx,.scroller .pv{position:absolute;top:calc(50% - 1.6611rem);z-index:4;width:2.5556rem;height:2.5556rem;border-radius:50%;background:#f2f3f7;color:#060a12;display:grid;place-items:center;opacity:0;transition:.2s;box-shadow:0 .3833rem 1.15rem #000a}
.scroller .nx .ico,.scroller .pv .ico{stroke-width:3}
.scroller:hover .nx,.scroller:hover .pv{opacity:1}
.scroller .nx{right:.6389rem}.scroller .pv{left:.6389rem}
.evcard{flex:none;width:15.0778rem;cursor:pointer}
.evcard .box{position:relative;height:8.4333rem;border-radius:.4444rem;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:1.0222rem;transition:.2s}
.evcard:hover .box{box-shadow:0 0 0 3px #fff}
.evcard .box img{width:3.0667rem;height:3.0667rem;object-fit:contain;filter:drop-shadow(0 2px .3833rem #0007)}
.evcard .box .scr{font-size:1.6611rem;font-weight:800}
.evcard .box .st{position:absolute;top:.4444rem;right:.4444rem;font-size:.7rem;font-weight:700;padding:2px .4444rem;border-radius:.2556rem;background:#000a}
.evcard .box .st.live{background:#e11d2e}
.evcard .box .mn{position:absolute;bottom:.4444rem;left:.4444rem;font-size:.7667rem;font-weight:700;background:#fff;color:#000;padding:1px .4444rem;border-radius:.2556rem}
.evcard .box .lg{position:absolute;bottom:.4444rem;right:.5722rem;font-size:.7667rem;font-weight:700}
.evcard .box .ll{position:absolute;top:.4444rem;left:.4444rem;width:1.15rem;height:1.15rem}
.evcard .t{font-weight:700;font-size:.9556rem;margin-top:.5111rem}.evcard .s{color:var(--muted);font-weight:600;font-size:.8278rem}
.shield{width:2.9389rem;height:2.9389rem;opacity:.6}
.fight .box{gap:0;justify-content:space-between;align-items:flex-end;padding:0}
.fight .box img{width:46%;height:100%;object-fit:cover;object-position:top;filter:none}
.fight .vs{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-weight:800;font-size:.7667rem;width:2.4278rem;height:2.4278rem;display:grid;place-items:center}
.fight .vs::before{content:'';position:absolute;inset:0;transform:rotate(45deg);border:2px solid #fff4;background:#0007}
.fight .vs span{position:relative}
.fight .ph{width:46%;height:100%;display:grid;place-items:center;color:#4b5266}

/* ============================================================ coletâneas (home) */
.colwrap{background:linear-gradient(90deg,var(--cfrom,#0d2a5c),var(--cto,#24345f));transition:background .7s;position:relative}
.colwrap .provshow{border:0;grid-template-columns:20.4444rem minmax(0,1fr);padding:1.15rem}
.colwrap .side .cl{font-size:1.2778rem;font-weight:700}
.colwrap .side .clogo{max-width:14.6944rem;max-height:5.4944rem;object-fit:contain;transition:opacity .3s}
.colwrap .side .cn{font-size:1.0833rem;font-weight:700}
.colwrap .side .cnt{font-size:.8278rem;padding:3px .8278rem;border-radius:1.2778rem;background:#ffffff22}
.colwrap .track{padding:.3833rem .2556rem .5111rem;gap:1.15rem}
.colposter{flex:none;width:12.7778rem}
.colposter.on{box-shadow:0 0 0 3px #fff}

/* ============================================================ linhas de pôster */
.prow{flex:none;width:12.1389rem}
.pp{position:relative;border-radius:.4444rem;overflow:hidden;aspect-ratio:2/3;background:#1b2130;cursor:pointer;transition:.2s;border:2px solid transparent}
.pp img{width:100%;height:100%;object-fit:cover}
.pp:hover{border-color:#fff;transform:translateY(-3px)}
.pp.leg{border-color:transparent;background:linear-gradient(var(--bg),var(--bg)) padding-box,linear-gradient(180deg,#7a3df5,#ff8a1d) border-box}
.pp.leg:hover{background:linear-gradient(var(--bg),var(--bg)) padding-box,linear-gradient(#fff,#fff) border-box}
.pp .legbar{position:absolute;left:0;right:0;bottom:0;height:1.2111rem;display:grid;place-items:center;font-size:.6722rem;font-weight:700;letter-spacing:.5px;background:linear-gradient(90deg,#2563eb,#3b82f6)}
.pp .fb{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:.7667rem;font-weight:700;background:linear-gradient(160deg,#283149,#121827)}

/* cartão horizontal (página do provedor) */
.lcard{flex:none;width:15.9722rem;cursor:pointer}
.lc{position:relative;height:9.0722rem;border-radius:.4444rem;overflow:hidden;background:#1b2130;border:2px solid transparent;transition:.2s}
.lc:hover{border-color:#fff}
.lc>img{width:100%;height:100%;object-fit:cover}
.lc .blur{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(1.15rem) brightness(.55);transform:scale(1.2)}
.lc .side{position:absolute;right:.8944rem;top:.6389rem;bottom:.6389rem;height:calc(100% - 1.2778rem);width:auto;border-radius:.2556rem;box-shadow:0 .3833rem 1.15rem #000a}
.lc .sh{position:absolute;inset:0;background:linear-gradient(0deg,#000c,#0000 60%)}
.lc .tl{position:absolute;left:.7667rem;bottom:.6389rem;right:.7667rem;font-weight:700;font-size:1.0222rem;text-shadow:0 2px .3833rem #000;line-height:1.15}
.lc .tlogo{position:absolute;left:.7667rem;bottom:.6389rem;max-width:60%;max-height:3.1944rem;object-fit:contain;object-position:left bottom}
.tag{position:absolute;top:0;font-size:.7rem;font-weight:700;padding:.2556rem .6389rem;background:#2a3040e6}
.tag.r{right:0;border-bottom-left-radius:.3833rem}
.tag.l{left:0;border-bottom-right-radius:.3833rem;background:var(--leg)}

/* ============================================================ página do provedor */
.pvhero{position:relative;height:23rem}
.pvhero .bd{position:absolute;right:0;top:0;width:70%;height:100%;object-fit:cover;object-position:center 20%}
.pvhero .shade{position:absolute;inset:0;background:linear-gradient(90deg,var(--bg) 25%,#060a1299 50%,#060a1200 75%),linear-gradient(0deg,var(--bg),#060a1200 45%)}
.pvhero .in{position:absolute;left:3.1944rem;top:7.6667rem;max-width:56%}
.pvhero .big{font-size:3.1944rem;font-weight:700;letter-spacing:.3222rem;line-height:1;text-transform:uppercase}
.pvhero .tlogo{max-height:6.3889rem;max-width:21.7222rem;object-fit:contain;object-position:left}
.pvhero .sub{font-size:1.15rem;font-weight:700;margin:.3833rem 0 .5111rem}
.pvhero .pbadge{position:absolute;right:.8944rem;top:.7667rem;width:2.4278rem;height:2.4278rem;border-radius:.4444rem;object-fit:cover}
.pvtop{display:flex;gap:.7667rem;padding:0 1.15rem;margin-top:-1.1111rem;position:relative;z-index:2}
.top5{flex:1;display:flex;align-items:flex-end;cursor:pointer;min-width:0;max-width:15.3333rem}
.top5 .n{flex:none;width:4.4722rem;text-align:right;font-size:8.3056rem;font-weight:800;line-height:.75;color:var(--bg);-webkit-text-stroke:3px #d8dbe6;margin-right:-1.1111rem;position:relative;z-index:2;letter-spacing:-.3333rem}
.top5 .pp{flex:1;min-width:0}
.top5 .pp .tg{position:absolute;top:0;right:0;font-size:.7rem;font-weight:700;padding:.2556rem .6389rem;background:#2a3040e6;border-bottom-left-radius:.3833rem}

/* ============================================================ grade (filmes/séries) */
.split{display:grid;grid-template-columns:19.1667rem 1fr;gap:1.2778rem;padding:4.4722rem .8944rem 1.9167rem .2556rem;min-height:100vh}
.cats{position:sticky;top:4.4722rem;align-self:start;max-height:calc(100vh - 5.3667rem);overflow:auto;padding:0 .3833rem .6389rem 2px}
.cats h2{font-size:1.7889rem;font-weight:700;margin:.2556rem 0 .8944rem}
.cat{display:flex;align-items:center;gap:.8278rem;width:100%;min-height:2.9389rem;padding:.3833rem .8944rem;border-radius:.5111rem;background:var(--panel);margin-bottom:.4444rem;font-weight:700;font-size:.9556rem;text-align:left;position:relative;transition:background .2s,transform .2s,box-shadow .2s}
.cat:hover{background:#1f3a44;transform:translateX(.3222rem) scale(1.02);box-shadow:0 .3833rem 1.15rem #0007;z-index:1}
.cat:hover .ci{transform:scale(1.12)}
.cat.on{background:#262d3e}
.cat.on::after{content:'';position:absolute;left:3.5778rem;right:.8944rem;bottom:.3222rem;height:2.5px;border-radius:3px;background:linear-gradient(90deg,var(--accent2),#b48cff)}
.cat .ci{width:1.9167rem;height:1.9167rem;border-radius:.3833rem;display:grid;place-items:center;flex:none;overflow:hidden;transition:transform .2s}
.cat .ci img{width:100%;height:100%;object-fit:contain}
.cat .ci .ico{width:1.0833rem;height:1.0833rem}
.cat .lock{margin-left:auto;opacity:.6}
.filters{display:flex;gap:.4444rem;margin:.2556rem 0 .7667rem;align-items:center}
.filters button{height:2.0444rem;padding:0 .8944rem;border-radius:1.15rem;background:var(--panel);font-weight:700;font-size:.8278rem}
.filters button.on{background:#e8ebf5;color:#000}
.filters .tot{margin-left:auto;color:var(--muted);font-weight:600;font-size:.8278rem}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(9.5833rem,1fr));gap:.7667rem}
.gc{background:var(--panel);border-radius:.5111rem;padding:.2556rem;cursor:pointer;transition:.18s;border:2px solid transparent}
.gc:hover{border-color:#fff;transform:translateY(-3px)}
.gc .im{position:relative;aspect-ratio:2/2.85;border-radius:.3222rem;overflow:hidden;background:#1d2434}
.gc .im img{width:100%;height:100%;object-fit:cover}
.gc .rt{position:absolute;top:.3833rem;left:.3833rem;background:#060a12e6;border-radius:.3222rem;padding:2px .3833rem;font-weight:700;font-size:.8278rem;display:flex;gap:3px;align-items:center}
.gc .lg{position:absolute;top:.3833rem;right:.3833rem;background:var(--leg);border-radius:.2556rem;padding:1px .3222rem;font-size:.6722rem;font-weight:700}
.gc .nm{font-weight:700;font-size:.8944rem;padding:.3833rem .2556rem 0}
.gc .mt{color:var(--muted);font-size:.8rem;padding:0 .2556rem .2556rem}
.empty{padding:3.1944rem 1.2778rem;text-align:center;color:var(--muted);font-size:1.0222rem}
.loadmore{height:3.8333rem;display:grid;place-items:center}

/* ============================================================ detalhe */
.det{position:relative;min-height:100vh}
.det .bdw{position:absolute;inset:0 0 auto 0;height:31.9444rem;overflow:hidden}
.det .bdw img{position:absolute;right:0;top:0;width:72%;height:100%;object-fit:cover;object-position:center 15%;animation:bdin 1.2s ease}
@keyframes bdin{from{opacity:0;transform:scale(1.05)}}
.det .bdw .shade{position:absolute;inset:0;background:linear-gradient(90deg,var(--bg) 18%,#060a12cc 40%,#060a1233 70%,#060a1266),linear-gradient(0deg,var(--bg) 2%,#060a1200 40%)}
.det .topchips{position:absolute;right:1.2778rem;top:1.4056rem;display:flex;gap:.3833rem;z-index:3}
.det .topchips .chip{background:#1d2333d9;text-transform:none;height:1.7889rem}
.det .main{position:relative;z-index:2;display:grid;grid-template-columns:13.4167rem 1fr 19.1667rem;gap:1.5333rem;padding:4.9833rem 1.5333rem 0}
.det .pst{position:relative;border-radius:.3222rem;overflow:hidden;aspect-ratio:2/3;background:#1d2434;box-shadow:0 1.2778rem 3.1944rem #000a;align-self:start}
.det .pst img{width:100%;height:100%;object-fit:cover}
.det .pst .y{position:absolute;top:0;left:0;background:#fff;color:#000;font-weight:700;padding:2px .5111rem;font-size:.7667rem}
.det .pst .d{position:absolute;bottom:0;right:0;background:#060a12e6;font-weight:700;font-size:.7rem;padding:3px .5111rem}
.det .pst .pi{position:absolute;top:.4444rem;right:.4444rem;width:1.7889rem;height:1.7889rem;border-radius:.3222rem;object-fit:cover}
.det .tlogo{max-height:6.1333rem;max-width:19.1667rem;object-fit:contain;object-position:left}
.det h1{font-size:2.3rem;font-weight:700;line-height:1.05}
.det .orig{font-size:.9556rem;font-weight:700;margin:.2556rem 0 1.15rem}
.det .acts{display:flex;gap:.6389rem;margin-bottom:1.2778rem;flex-wrap:wrap;position:relative}
.det .acts .btn.pill{height:2.8111rem;background:#ffffff1a;backdrop-filter:blur(.5111rem)}
.det .acts .on{color:#ff4d79}
.det .plot{display:flex;gap:.7667rem;font-size:1.0222rem;line-height:1.5;max-width:39.6111rem;margin-top:1.0222rem}
.det .plot .ico{margin-top:.2556rem}
.det .credits{align-self:end;padding-bottom:1.15rem;font-size:.8944rem}
.det .credits small{display:block;color:#a8b0c2;font-size:.7667rem;margin-top:.6389rem}
.det .credits .agebox{position:static;margin-top:1.15rem}
.versions{position:absolute;top:3.3222rem;left:0;z-index:20;background:#1b2232;border-radius:.6389rem;padding:.4444rem;min-width:16.6111rem;box-shadow:0 1.2778rem 2.5556rem #000b}
.versions button{display:flex;width:100%;justify-content:space-between;gap:.7667rem;padding:.6389rem .7667rem;border-radius:.4444rem;font-weight:700;text-align:left}
.versions button:hover,.versions button.on{background:#2a3246}
.versions small{color:var(--muted);font-weight:600}
.det .below{position:relative;z-index:2;padding-top:1.5333rem}
.epbtn{display:flex;justify-content:center;margin:1.5333rem 0 .5111rem}
.epbtn .btn{background:#1a2030;height:2.5556rem;border:1px solid #ffffff10}
.epbtn .btn .ico{animation:nudge 1.4s ease-in-out infinite}
.epbtn .btn{animation:glow 2.4s ease-in-out infinite}
@keyframes nudge{50%{transform:translateY(.2556rem)}}
@keyframes glow{50%{box-shadow:0 0 0 .2556rem #ffffff12,0 0 1.4056rem #ffffff14}}
.seasons{display:flex;gap:1.4056rem;align-items:baseline;padding:0 1.5333rem;flex-wrap:wrap}
.seasons h3{font-size:1.2111rem;font-weight:700}
.seasons button{font-size:1.0222rem;font-weight:700;color:#9aa3b8;padding-bottom:.3222rem;border-bottom:3px solid transparent}
.seasons button.on{color:#fff;border-color:#fff}
.epcount{padding:.3222rem 1.5333rem .8944rem;color:#c4cad8;font-weight:700;font-size:.8278rem}
.eps{display:grid;grid-template-columns:repeat(auto-fill,minmax(25.5556rem,1fr));gap:.7667rem 1.9167rem;padding:0 1.2778rem 2.3rem}
.ep{display:grid;grid-template-columns:10.8611rem 1fr;gap:.8944rem;cursor:pointer;border-radius:.5722rem;padding:.3833rem;transition:background .2s}
.ep:hover{background:#ffffff0d}
.ep .th{position:relative;aspect-ratio:16/9;border-radius:.3222rem;overflow:hidden;background:#1d2434}
.ep .th img{width:100%;height:100%;object-fit:cover}
.ep .th .n{position:absolute;top:.2556rem;right:.2556rem;background:#fff;color:#000;font-weight:700;padding:0 .4444rem;border-radius:.2556rem;font-size:.8278rem}
.ep .th .pg{position:absolute;left:0;bottom:0;height:3px;background:var(--accent)}
.ep .th .pl{position:absolute;left:50%;top:50%;width:2.5556rem;height:2.5556rem;margin:-1.1111rem 0 0 -1.1111rem;border-radius:50%;background:#fff;color:#000;display:grid;place-items:center;opacity:0;transform:scale(.7);transition:.2s}
.ep:hover .th .pl{opacity:1;transform:none}
.ep b{font-size:.9278rem}.ep b small{font-weight:500;color:#a8b0c2;font-size:.7667rem;margin-left:.3222rem}
.ep .et{font-weight:700;margin:3px 0;font-size:.8944rem}
.ep p{color:#a8b0c2;font-size:.8278rem}

/* ============================================================ coletânea (página) */
.colpage{position:relative;min-height:100vh}
.colpage .bdw{position:absolute;inset:0 0 auto 0;height:35.7778rem;overflow:hidden}
.colpage .bdw img{position:absolute;right:0;top:0;width:78%;height:100%;object-fit:cover;object-position:center 20%;animation:bdin 1s ease}
.colpage .bdw .shade{position:absolute;inset:0;background:linear-gradient(90deg,var(--bg) 14%,#060a12cc 34%,#060a1233 65%),linear-gradient(0deg,var(--bg) 4%,#060a1200 45%)}
.colpage .hd{position:relative;z-index:2;padding:4.8556rem 2.0444rem 0;min-height:21.0833rem}
.colpage .hd .tlogo{max-height:5.4944rem;max-width:20.4444rem;object-fit:contain;object-position:left;margin-bottom:.6389rem}
.colpage .hd h1{font-size:2.1722rem;font-weight:700;margin-bottom:.3833rem}
.colpage .hd .t{font-size:1.15rem;font-weight:700}.colpage .hd .t b{color:#4ade80;margin-right:.3833rem}
.colpage .hd .meta{display:flex;gap:.8944rem;align-items:center;color:#c4cad8;margin:.7667rem 0 1.15rem;font-weight:600}
.colpage .hd .meta span{display:inline-flex;gap:.3833rem;align-items:center}
.colpage .hd .btn{background:#ffffff1c;backdrop-filter:blur(.3833rem);height:2.8111rem}
.colpage .topchips{position:absolute;right:1.2778rem;top:1.4056rem;display:flex;gap:.3833rem;z-index:3}
.colpage .topchips .chip{background:#1d2333d9;text-transform:none;height:1.7889rem}
.colpage section{position:relative;z-index:2}
.cm{flex:none;width:11.8833rem;cursor:pointer;transition:transform .25s}
.cm .im{position:relative;aspect-ratio:2/3;border-radius:.4444rem;overflow:hidden;background:#1d2434;border:2px solid transparent;transition:.2s}
.cm .im img{width:100%;height:100%;object-fit:cover}
.cm .im .n{position:absolute;top:.3833rem;right:.3833rem;background:#060a12e6;font-size:.7667rem;font-weight:700;padding:1px .4444rem;border-radius:.2556rem}
.cm .im .y{position:absolute;bottom:.3833rem;left:.3833rem;background:#060a12e6;font-size:.7667rem;font-weight:700;padding:1px .4444rem;border-radius:.2556rem}
.cm b{display:block;font-size:.8611rem;margin-top:.3833rem;line-height:1.25}
.cm:hover .im{border-color:#ffffff99}
.cm.on{transform:scale(1.07);transform-origin:center top;margin:0 .5111rem}
.cm.on .im{border-color:#fff;box-shadow:0 .8944rem 2.1722rem #000a}

/* ============================================================ busca */
.search{display:grid;grid-template-columns:26.8333rem 1fr;gap:1.15rem;padding:5.1111rem 1.0222rem 1.9167rem .2556rem;min-height:100vh}
.search .left{position:sticky;top:5.1111rem;align-self:start}
.search .lbl{font-size:.8rem;font-weight:700;color:#a8b0c2;margin-bottom:.6389rem;letter-spacing:.5px}
.search .inp{width:100%;height:3.5778rem;border-radius:.5722rem;background:#121a28;border:0;outline:0;padding:0 1.0222rem;font-size:1.2111rem;font-weight:600;margin-bottom:1.15rem}
.kb{display:grid;grid-template-columns:repeat(6,1fr);gap:.5111rem}
.kb button{height:2.9389rem;border-radius:.4444rem;background:#141c2a;font-weight:700;font-size:1.15rem;transition:.15s}
.kb button:hover{background:#2a3246}
.kb .w{grid-column:span 2;font-size:.9556rem}
.sres h2{font-size:1.3389rem;font-weight:700;border-bottom:1px solid var(--line);padding-bottom:.5111rem;margin-bottom:.7667rem}
.sres h3{font-size:1.0833rem;font-weight:700;margin:.7667rem 0 .5111rem}
.sgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(8.9444rem,1fr));gap:.7667rem}
.srch{position:relative;aspect-ratio:2/3.05;border-radius:.3833rem;overflow:hidden;background:#1d2434;cursor:pointer;border:2px solid transparent;transition:.18s}
.srch:hover{border-color:#fff;transform:translateY(-3px)}
.srch img{width:100%;height:100%;object-fit:cover}
.srch .k{position:absolute;top:.4444rem;left:.3222rem;background:#141a26e6;font-size:.7rem;font-weight:700;padding:1px .4444rem;border-radius:3px}
.srch .lg{position:absolute;top:.5111rem;right:.3833rem;background:var(--leg);font-size:.6722rem;font-weight:700;padding:1px .3222rem;border-radius:3px}
.srch .t{position:absolute;inset:auto 0 0 0;padding:2.1722rem .3833rem .5111rem;background:linear-gradient(transparent,#000e);text-align:center;font-weight:700;font-size:.8611rem}
.chgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(12.7778rem,1fr));gap:.6389rem}
.chc{display:flex;gap:.6389rem;align-items:center;padding:.5111rem;border-radius:.5722rem;background:var(--panel);cursor:pointer;font-weight:700}
.chc:hover{background:#232b3d}
.chlogo{width:2.5556rem;height:2.5556rem;border-radius:.4444rem;object-fit:contain;flex:none;display:grid;place-items:center;color:#c4cad8;background:transparent}
span.chlogo{background:#1d2434}

/* ============================================================ ao vivo */
.livepage{display:grid;grid-template-columns:18.5278rem 26.8333rem 1fr;gap:1.0222rem;padding:4.2167rem 1.0222rem 1.0222rem .2556rem;height:100vh}
.livepage .col{overflow:auto;min-height:0;padding-right:.2556rem}
.livepage .cats{position:static;max-height:none;padding-top:.2556rem}
.livepage .cats h2{font-size:1.5333rem}
.livepage .cats .cat{font-size:.8611rem;min-height:2.6833rem}
.livepage .head{display:flex;justify-content:space-between;align-items:baseline;margin:0 2px .6389rem;position:sticky;top:0;z-index:2;background:var(--bg);padding:.2556rem 0 .5111rem}
.livepage .head h2{font-size:1.2111rem;font-weight:700}
.livepage .head span{font-size:.8rem}
.chrow{display:flex;align-items:center;margin-bottom:.5722rem;border-radius:.5722rem;background:var(--panel);overflow:hidden;cursor:pointer;position:relative;transition:.15s}
.chrow:hover{background:#202839}
.chrow.on{background:#2a3142;box-shadow:inset 3px 0 0 #22c55e}
.chrow .m{flex:1;display:flex;gap:.7667rem;align-items:center;padding:.6389rem .7667rem;min-width:0}
.chrow .m>div{min-width:0;flex:1}
.chrow b{display:block;font-size:.9556rem;font-weight:700}
.chrow .now{color:#c4cad8;font-size:.8278rem}
.chrow .bar{height:3px;background:#ffffff1a;margin-top:.3222rem;border-radius:2px;overflow:hidden}
.chrow .bar i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),#b23af5)}
.chrow .snd{color:#e8ebf5;flex:none;margin-right:.3833rem}
.chrow .cal{width:2.8111rem;align-self:stretch;display:grid;place-content:center;justify-items:center;gap:2px;background:#1a2030;color:#c4cad8;font-size:.6722rem;border-left:1px solid #060a12}
.chrow .cal .ico{width:.9556rem;height:.9556rem}
.chrow .fv{flex:none;width:1.5333rem;height:1.5333rem;border-radius:50%;display:grid;place-items:center;background:#060a12;color:var(--gold)}
.chrow .fv .ico{width:.8944rem;height:.8944rem;fill:var(--gold)}
.livepane{display:flex;flex-direction:column;min-height:0}
.livebox{display:grid;grid-template-columns:3.9611rem 1fr;gap:.7667rem}
.livebox .tools{display:flex;flex-direction:column;gap:.5722rem}
.livebox .tools.off{visibility:hidden}
.livebox .tools button{height:3.9611rem;border-radius:.5722rem;background:var(--panel);display:grid;place-items:center;transition:background .2s,transform .2s}
.livebox .tools button:hover{background:#1f3a44;transform:scale(1.05)}
.livebox .tools button .ico{width:1.3389rem;height:1.3389rem}
.livebox .tools button.on{color:var(--gold)}
.livebox .tools button.on .ico{fill:var(--gold)}
.vbox{position:relative;background:#000;border-radius:.6389rem;overflow:hidden;aspect-ratio:16/9}
.vbox video{width:100%;height:100%;object-fit:contain;background:#000}
.vbox .ph{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:.7667rem;color:#8a93a8;font-size:1.2111rem;font-weight:700;background:var(--panel)}
.vbox .ph .ico{width:3.3222rem;height:2.3rem;stroke-width:1.5}
.vbox .fs{position:absolute;top:.6389rem;right:.6389rem;width:2.1722rem;height:2.1722rem;border-radius:.4444rem;background:#000a;display:grid;place-items:center}
.vbox .vol{position:absolute;right:.6389rem;bottom:.6389rem;display:flex;align-items:center;gap:.5111rem;background:#000b;border-radius:.4444rem;padding:.3833rem .6389rem;font-size:.7333rem;font-weight:700}
.vbox .ld{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}
.vbox .ld .err{pointer-events:auto}
.favfx{position:absolute;left:50%;top:50%;z-index:5;pointer-events:none;transform:translate(-50%,-50%);animation:favpop 1s ease forwards}
.favfx .ico{width:5.75rem;height:5.75rem;fill:var(--gold);stroke:var(--gold);filter:drop-shadow(0 0 1.4056rem #f5c518aa)}
.favfx.off .ico{fill:none;stroke:#fff;filter:none}
@keyframes favpop{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}30%{opacity:1;transform:translate(-50%,-50%) scale(1.15)}60%{transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.3)}}
input[type=range]{-webkit-appearance:none;appearance:none;height:.2556rem;border-radius:.3222rem;background:linear-gradient(90deg,#ff8a1d,var(--accent) var(--p,100%),#ffffff33 var(--p,100%));outline:0}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:.8944rem;height:.8944rem;border-radius:50%;background:#fff;cursor:pointer}
input[type=range]::-moz-range-thumb{width:.8944rem;height:.8944rem;border-radius:50%;background:#fff;border:0}
.epglist{flex:1;overflow:auto;margin-top:.7667rem}
.epglist h3{font-size:.9556rem;font-weight:700;margin:2px 0 .5111rem}
.epgi{display:flex;align-items:center;gap:.7667rem;padding:.7667rem .8944rem;border-radius:.5722rem;background:var(--panel);margin-bottom:.5111rem;font-weight:700;font-size:.9278rem}
.epgi i{width:.5111rem;height:.5111rem;border-radius:50%;background:#5c6478;flex:none}
.epgi.now{background:#252d3e}
.epgi.now i{background:#22c55e}
.epgi .tm{margin-left:auto;font-size:.8278rem;color:#d6dbe6;text-align:right;white-space:nowrap}
.epgi .tm small{display:block;font-size:.7333rem;color:#a8b0c2;font-weight:600}
.epgi .grow{flex:1;min-width:0}
.epgi .bar{height:3px;background:#ffffff1a;margin-top:.3833rem;border-radius:2px;overflow:hidden}
.epgi .bar i{display:block;width:auto;height:100%;border-radius:0;background:linear-gradient(90deg,var(--accent),#b23af5)}
.lhead{position:fixed;top:0;left:0;right:0;height:3.9611rem;display:flex;align-items:center;gap:1.15rem;padding:0 1.0222rem;z-index:40;background:var(--bg)}
.lhead .back{position:static}
.lhead h1{font-size:1.4056rem;font-weight:700;padding-left:1.15rem;border-left:1px solid var(--line)}
.lhead .dt{margin-left:auto;color:#c4cad8;font-weight:600;font-size:.8278rem}

/* ============================================================ eventos */
.events{display:grid;grid-template-columns:28.1111rem 1fr;gap:1.15rem;padding:4.4722rem 1.15rem 1.2778rem .7667rem;min-height:100vh}
.events .left{position:sticky;top:4.4722rem;align-self:start;max-height:calc(100vh - 5.3667rem);overflow:auto;padding-right:.2556rem}
.evhead{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.6389rem}
.evhead h2{font-size:1.2778rem;font-weight:700}
.tabs3{display:grid;grid-template-columns:repeat(3,1fr);background:var(--panel);border-radius:.5722rem;padding:3px;margin-bottom:.7667rem}
.tabs3 button{height:2.4278rem;border-radius:.4444rem;font-size:.9278rem;color:#c4cad8}
.tabs3 button.on{background:#2a3142;color:#fff}
.tabs3 small{color:#8a93a8;margin-left:.2556rem}
.sportsw{display:flex;gap:.4444rem;margin-bottom:.7667rem}
.sportsw button{flex:1;height:2.3rem;border-radius:.4444rem;background:var(--panel);font-weight:700;font-size:.8278rem}
.sportsw button.on{background:#e8ebf5;color:#000}
.game{border-radius:.5722rem;background:var(--panel);margin-bottom:.6389rem;padding:.7667rem .8944rem 0;cursor:pointer;border:1px solid transparent;transition:.15s}
.game:hover{background:#1e2536}
.game.on{background:#262d3e}
.game .gh{display:flex;align-items:center;gap:.5111rem;font-size:.8278rem;color:#c4cad8;margin-bottom:.6389rem}
.game .gh img{width:1.2778rem;height:1.2778rem;border-radius:.2556rem;background:#fff;object-fit:contain;padding:1px}
.game .gh .st{margin-left:auto;font-size:.8rem}
.game .gh .st.live::before{content:'';display:inline-block;width:.3833rem;height:.3833rem;border-radius:50%;background:var(--live);margin-right:.4444rem;vertical-align:middle}
.game .gm{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.6389rem;font-weight:700;font-size:.9889rem}
.game .gm .t{display:flex;align-items:center;gap:.6389rem;min-width:0}
.game .gm .t.r{justify-content:flex-end;text-align:right}
.game .gm img{width:2.0444rem;height:2.0444rem;object-fit:contain;flex:none}
.game .gm .s{font-size:1.2111rem;font-weight:700;padding:0 .6389rem}
.game .gf{display:flex;justify-content:space-between;font-size:.8rem;color:#a8b0c2;padding:.7rem 0}
.game .pg{height:3px;margin:0 0 -1px;background:linear-gradient(90deg,#e8244f,var(--accent2));border-radius:3px}
.game .chs{font-size:.7667rem;color:var(--muted);padding-bottom:.5111rem;display:flex;gap:.3222rem;align-items:center}
.game .chs .ico{width:.8944rem;height:.8944rem}
.right .vbox{border-radius:.5722rem .5722rem 0 0}
.livebar{display:flex;align-items:center;gap:.8944rem;padding:.7rem 1.0222rem;background:var(--panel);border-radius:0 0 .5722rem .5722rem;font-size:.8278rem}
.livebar .dot{width:.5111rem;height:.5111rem;border-radius:50%;background:var(--live)}
.livebar .grow{flex:1}
.livebar select{background:#060a12;border:1px solid var(--line);border-radius:.3833rem;padding:3px .4444rem;max-width:15.3333rem;font-size:.8rem}
.scard{background:var(--panel);border-radius:.5722rem;padding:.8944rem 1.0222rem;margin-top:.8944rem}
.scard .hd{display:flex;align-items:center;gap:.5722rem;font-weight:700;font-size:.9278rem}
.scard .hd img{width:1.6611rem;height:1.6611rem;border-radius:.3222rem;background:#fff;object-fit:contain;padding:2px}
.scard .hd .st{margin-left:auto;font-weight:600;font-size:.8278rem}
.scard .hd .st.live::before{content:'';display:inline-block;width:.3833rem;height:.3833rem;border-radius:50%;background:var(--live);margin-right:.4444rem;vertical-align:middle}
.board{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;text-align:center;padding:.7667rem 0 .8944rem;border-bottom:1px solid var(--line)}
.board img{width:3.1944rem;height:3.1944rem;object-fit:contain;margin:0 auto .5111rem}
.board b{font-size:1.15rem;font-weight:700}
.board .sc{font-size:2.8111rem;font-weight:700;letter-spacing:.2556rem}
.board small{display:block;color:#c4cad8;font-size:.8rem}
.board .vs{font-size:2.0444rem;font-weight:800;color:#8a93a8}
.srow{display:flex;justify-content:space-between;padding:.7rem 0;border-bottom:1px solid var(--line);font-weight:700;font-size:.8611rem}
.srow .lv::before{content:'';display:inline-block;width:.3833rem;height:.3833rem;border-radius:50%;background:var(--live);margin-right:.4444rem;vertical-align:middle}
.srow .mut{font-weight:500;color:#a8b0c2}
.sinfo{display:grid;grid-template-columns:1fr 1fr;gap:.8944rem;padding-top:.7667rem}
.sinfo>div{display:flex;gap:.6389rem}
.sinfo small{display:block;font-size:.7rem;letter-spacing:1px;color:#8a93a8;text-transform:uppercase}
.sinfo span{font-size:.8944rem}
.stats{margin-top:.7667rem}
.stat{display:grid;grid-template-columns:3.1944rem 1fr 3.1944rem;align-items:center;gap:.5111rem;margin:.4444rem 0;font-weight:700;font-size:.8rem;text-align:center}
.stat .bars{display:flex;height:.3222rem;border-radius:.2556rem;overflow:hidden;background:#ffffff14}
.stat .bars i{display:block;height:100%}
.stat label{grid-column:1/-1;font-size:.7667rem;color:var(--muted);margin-bottom:-.3333rem}
.plays{display:grid;grid-template-columns:1fr 1fr;gap:1.2778rem;margin-top:.2556rem}
.plays .ph{display:flex;align-items:center;gap:.5111rem;background:#1c2333;border-radius:.4444rem;padding:.5111rem .7667rem;font-weight:700;font-size:.9278rem;margin-bottom:.5111rem}
.plays .ph img{width:1.2778rem;height:1.2778rem;object-fit:contain}
.plays .ph small{margin-left:auto;color:#a8b0c2;font-weight:500;font-size:.7667rem}
.pl{display:grid;grid-template-columns:2.6833rem .8944rem 1fr;gap:.4444rem;align-items:start;padding:.3833rem 0;position:relative}
.pl .mn{font-weight:700;font-size:.8611rem;padding-top:.3222rem}
.pl .ln{position:relative;align-self:stretch}
.pl .ln::before{content:'';position:absolute;left:.3833rem;top:0;bottom:-.3333rem;width:1px;background:#2c3446}
.pl .ln::after{content:'';position:absolute;left:.2556rem;top:.7667rem;width:.3222rem;height:.3222rem;border-radius:50%;background:#7c8aa8}
.pl .bx{display:flex;gap:.5111rem}
.pl .ic{width:1.5333rem;height:1.5333rem;border-radius:.3222rem;background:#232b3c;display:grid;place-items:center;flex:none;margin-top:2px}
.pl .ic .ico{width:.8944rem;height:.8944rem}
.pl .card{width:.5722rem;height:.8278rem;border-radius:2px}
.pl b{font-size:.8944rem}.pl small{display:block;color:#a8b0c2;font-size:.8rem}
.ufcbox .fl{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.7667rem;padding:.6389rem;border-radius:.5722rem;background:var(--panel);margin-bottom:.5111rem}
.ufcbox .fl img{width:2.9389rem;height:2.9389rem;border-radius:50%;object-fit:cover;object-position:top;background:#232b3c}
.ufcbox .fl .a{display:flex;align-items:center;gap:.6389rem;font-weight:700}
.ufcbox .fl .a.r{flex-direction:row-reverse;text-align:right}
.ufcbox .fl .w{font-size:.7rem;color:var(--muted);text-align:center}
.ufcbox .fl .w b{display:block;color:#fff;font-size:.8278rem}
.ufcbox .fl.main{background:linear-gradient(90deg,#4a1414,#5d4518)}
.win{color:var(--ok)}

/* ============================================================ player */
.player{position:fixed;inset:0;z-index:200;background:#000;display:flex;flex-direction:column}
.player video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000}
.player.fill video{object-fit:cover}.player.stretch video{object-fit:fill}
.player .top,.player .bot{position:absolute;left:0;right:0;z-index:3;transition:opacity .3s;padding:.8944rem 1.2778rem}
.player .top{top:0;display:flex;align-items:center;gap:1.0222rem;background:linear-gradient(#000c,#0000)}
.player .top h2{font-size:1.4056rem;font-weight:700;flex:1}
.player .top h2 small{display:block;font-size:.8611rem;color:#c4cad8;font-weight:600;margin-top:2px}
.player .bot{bottom:0;display:flex;align-items:center;gap:1.0222rem;padding:1.4056rem 2.5556rem;background:linear-gradient(#0000,#000d)}
.player .bot .time{font-weight:700;font-size:.8944rem;min-width:4.8556rem;text-align:center}
.player .bot input[type=range]{flex:1;background:linear-gradient(90deg,#fff var(--p,0%),#ffffff33 var(--p,0%))}
.player .ib{width:2.5556rem;height:2.5556rem;display:grid;place-items:center;border-radius:50%;transition:.15s}
.player .ib:hover{background:#ffffff1c}
.player .ib.on{background:#fff;color:#000}
.player .ib .ico{width:1.4056rem;height:1.4056rem}
.player.idle .top,.player.idle .bot,.player.idle .epstrip,.player.idle .sair{opacity:0;pointer-events:none}
.player.idle{cursor:none}
.player .center{position:absolute;inset:0;display:grid;place-items:center;z-index:2;pointer-events:none}
.player .plogo{position:absolute;left:5%;top:50%;transform:translateY(-50%);max-width:26%;max-height:36%;object-fit:contain;z-index:2;pointer-events:none;transition:opacity .6s}
.dots{display:flex;gap:.2556rem}
.dots i{width:.7rem;height:.7rem;border-radius:50%;animation:bounce 1s infinite}
.dots i:nth-child(1){background:#ff3d2e}.dots i:nth-child(2){background:#ff8a1d;animation-delay:.1s}.dots i:nth-child(3){background:#ffc21d;animation-delay:.2s}.dots i:nth-child(4){background:#22c55e;animation-delay:.3s}.dots i:nth-child(5){background:#2f7cf6;animation-delay:.4s}
@keyframes bounce{50%{transform:translateY(-.4444rem)}}
.player .nextep{position:absolute;right:2.3rem;bottom:7.0278rem;z-index:4}
.player .err{background:#000c;padding:1.15rem 1.4056rem;border-radius:.7667rem;text-align:center;pointer-events:auto}
.epstrip{position:absolute;left:0;right:0;bottom:5.3667rem;z-index:4;padding:0 .8944rem;transition:opacity .3s}
.epstrip .eh{display:flex;align-items:center;gap:.6389rem;padding:0 .2556rem .5111rem}
.epstrip .eh b{font-size:.8944rem}.epstrip .eh small{color:#c4cad8;font-size:.7333rem;display:block}
.epstrip .eh button{margin-left:auto;width:1.7889rem;height:1.7889rem;border-radius:50%;background:#ffffff26;display:grid;place-items:center}
.epstrip .row{display:flex;gap:.6389rem;overflow-x:auto;scrollbar-width:none;padding-bottom:.2556rem}
.epstrip .row::-webkit-scrollbar{display:none}
.epc{flex:none;width:10.8611rem;border-radius:.4444rem;overflow:hidden;background:#161b26e6;cursor:pointer;border:2px solid transparent;transition:.15s}
.epc:hover{border-color:#ffffff99}.epc.on{border-color:#fff}
.epc .th{position:relative;aspect-ratio:16/9;background:#1d2434}
.epc .th img{width:100%;height:100%;object-fit:cover}
.epc .th span{position:absolute;top:.2556rem;left:.2556rem;background:#000b;font-size:.6389rem;font-weight:700;padding:1px .3222rem;border-radius:3px}
.epc b{display:block;font-size:.7333rem;padding:.3833rem .4444rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.menu{position:absolute;z-index:6;right:1.9167rem;bottom:6.1333rem;background:#151b28f2;border-radius:.7667rem;padding:.5111rem;min-width:15.3333rem;max-height:60vh;overflow:auto;box-shadow:0 1.2778rem 3.1944rem #000}
.menu h4{padding:.4444rem .6389rem;color:#a8b0c2;font-size:.7333rem;text-transform:uppercase;letter-spacing:1px}
.menu button{display:block;width:100%;text-align:left;padding:.5722rem .7667rem;border-radius:.4444rem;font-weight:700}
.menu button:hover{background:#2a3246}
.menu button.on{background:#e8ebf5;color:#000}

/* tela cheia do ao vivo */
.player.livefs .bot{display:block;padding:0;background:none}
.sair{position:absolute;top:.6389rem;left:.6389rem;z-index:6;height:2.9389rem;padding:0 1.9167rem;border-radius:.5722rem;background:#1d2330e6;font-weight:700;font-size:1.0833rem;transition:opacity .3s,background .2s}
.sair:hover{background:#2a3246}
.lvpanel{background:linear-gradient(#060a12b0,#060a12f5);padding:1.0222rem 1.9167rem 1.4056rem;backdrop-filter:blur(.3833rem)}
.lvpanel .r1{display:flex;align-items:center;gap:1.0222rem}
.lvpanel .r1 .chlogo{width:3.7056rem;height:3.7056rem}
.lvpanel .r1 h3{font-size:1.6611rem;font-weight:700}
.lvpanel .r1 .q{color:#c4cad8;font-size:.9556rem;font-weight:700}
.lvpanel .r1 .acts{margin-left:auto;display:flex;gap:.5722rem}
.lvpanel .r1 .acts button{height:3.3222rem;min-width:3.3222rem;padding:0 1.0222rem;border-radius:.6389rem;background:#ffffff14;display:flex;align-items:center;justify-content:center;gap:.6389rem;font-weight:700;font-size:1.0222rem;transition:.15s}
.lvpanel .r1 .acts button:hover{background:#ffffff26}
.lvpanel .r1 .acts .ico{width:1.4667rem;height:1.4667rem}
.lvpanel .r2{display:grid;grid-template-columns:1fr 1fr;gap:1.9167rem;margin-top:1.15rem}
.lvpanel .r2 .ep{display:flex;justify-content:space-between;align-items:center;gap:.6389rem;font-size:1.2111rem;font-weight:700;padding:0;cursor:default}
.lvpanel .r2 .ep span:first-child{display:flex;align-items:center;gap:.3833rem}
.lvpanel .r2 .ep:hover{background:none}
.lvpanel .r2 .bar{height:.3833rem;border-radius:.3222rem;background:#ffffff40;margin:.7667rem 0 .8944rem;overflow:hidden}
.lvpanel .r2 .bar i{display:block;height:100%;background:linear-gradient(90deg,#ff1b6b,#a020f0)}
.lvpanel .r2 .syn{border-left:1px solid #ffffff22;padding-left:1.9167rem}
.lvpanel .r2 .syn b{display:flex;align-items:center;gap:.5111rem;font-size:1.0833rem;margin-bottom:.2556rem}
.lvpanel .r2 .syn p{font-size:1.0222rem;line-height:1.4;color:#e1e5ee}
.chdrawer{position:absolute;left:0;top:0;bottom:0;width:24.2778rem;z-index:7;background:#060a12f2;overflow:auto;padding:1.15rem;backdrop-filter:blur(.5111rem);animation:drw .25s ease}
@keyframes drw{from{transform:translateX(-1.6667rem);opacity:0}}
/* opções do player */
.popts{position:absolute;inset:0;z-index:8;display:grid;place-items:center;background:#0007;animation:fade .15s}
.popts .box{width:min(54.9444rem,92vw);background:#16191f;border-radius:1.2778rem;padding:1.7889rem 1.9167rem 2.1722rem;box-shadow:0 1.9167rem 5.1111rem #000}
.popts .hd{display:flex;align-items:flex-start;margin-bottom:1.4056rem}
.popts .hd h3{font-size:1.7889rem;font-weight:700;letter-spacing:.5px}
.popts .hd p{color:#a8b0c2;font-size:1.0833rem;font-weight:600;margin-top:2px}
.popts .hd button{margin-left:auto;height:2.9389rem;padding:0 1.7889rem;border-radius:.6389rem;background:#20252f;font-weight:700;font-size:1.0833rem}
.popts .hd button:hover{background:#2c3240}
.popts .grid2{display:grid;grid-template-columns:1fr 1fr;gap:.7667rem}
.popts .po{display:flex;align-items:center;gap:1.0222rem;padding:1.0222rem 1.15rem;border-radius:.8944rem;background:#1f232c;text-align:left;transition:.15s;min-width:0}
.popts .po:hover{background:#2a2f3b;transform:translateY(-2px)}
.popts .po .pi{width:3.1944rem;height:3.1944rem;border-radius:.6389rem;background:#2a2f3a;display:grid;place-items:center;flex:none}
.popts .po .pi .ico{width:1.5333rem;height:1.5333rem}
.popts .po div{min-width:0;flex:1}
.popts .po b{display:block;font-size:1.2111rem}
.popts .po small{display:block;font-size:.9556rem;color:#c4cad8;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.popts .po .chev{color:#c4cad8}

/* legendas personalizáveis */
video::cue{background:var(--cue-bg,transparent);color:var(--cue-color,#fff);font-size:var(--cue-size,1em);text-shadow:var(--cue-shadow,0 0 .2556rem #000,0 0 .2556rem #000)}

/* ============================================================ configurações */
.settings{display:grid;grid-template-columns:28.1111rem 1fr;gap:2.5556rem;padding:1.5333rem 1.5333rem 1.5333rem 1.9167rem;min-height:100vh}
.settings h1{font-size:1.9167rem;font-weight:700;margin:.3833rem 0 2.4278rem}
.smenu button{display:flex;align-items:center;gap:.8944rem;width:100%;height:3.9611rem;padding:0 1.4056rem;border-radius:.5722rem;background:var(--panel);margin-bottom:.6389rem;font-weight:700;font-size:1.2111rem;transition:.2s}
.smenu button .ico{width:1.5944rem;height:1.5944rem;stroke-width:1.6}
.smenu button:hover{background:#1f3a44;transform:translateX(.2556rem)}
.smenu button.on{background:#1d3b45}
.spanel{background:#0a0d14;border-radius:.8944rem;padding:1.2778rem 1.4056rem;margin-top:4.3444rem;position:relative;min-height:calc(100vh - 8.3056rem)}
.spanel h2{background:var(--panel2);border-radius:.5722rem;padding:.6389rem 1.15rem;font-size:1.4056rem;font-weight:700}
.spanel .desc{color:#b4bccd;margin:.7667rem 2px 1.15rem;font-size:.9278rem}
.opt{display:flex;align-items:center;gap:.8944rem;min-height:3.7056rem;padding:.6389rem 1.0222rem;border-radius:.5722rem;background:var(--panel);margin-bottom:.5722rem;font-size:1.0833rem;font-weight:600;cursor:pointer;width:100%;text-align:left;transition:background .15s}
.opt:hover{background:#202839}
.opt .oi{width:2.4278rem;height:2.4278rem;border-radius:.4444rem;background:#232b3c;display:grid;place-items:center;flex:none}
.opt .v{margin-left:auto;font-weight:700}
.opt .chev{color:#9aa3b8}
.opt small{display:block;font-size:.8611rem;color:#b4bccd;font-weight:500}
.opt .grow{flex:1}
.ohead{display:flex;align-items:center;gap:.8944rem;padding:.6389rem 1.0222rem;border-radius:.5722rem;background:var(--panel2);margin:.8944rem 0 .5722rem;font-size:1.15rem;font-weight:700;text-transform:uppercase}
.sw{width:2.8111rem;height:1.5944rem;border-radius:1.2778rem;background:#3a4256;position:relative;flex:none;transition:.2s}
.sw::after{content:'';position:absolute;top:3px;left:3px;width:1.2111rem;height:1.2111rem;border-radius:50%;background:#fff;transition:.2s}
.sw.on{background:var(--ok)}.sw.on::after{left:1.4056rem}
.preview{background:var(--panel);border-radius:.5722rem;padding:1.5333rem;text-align:center;margin-bottom:.6389rem;min-height:6.1333rem;display:grid;place-items:center;background-image:linear-gradient(135deg,#1c2333,#10141f)}
.note{background:var(--panel);padding:1.0222rem;border-radius:.5722rem;margin-bottom:.6389rem;font-size:.9556rem;color:#d6dbe6}

/* modal */
.modal-bg{position:fixed;inset:0;z-index:300;background:#000a;display:grid;place-items:center;padding:1.2778rem;animation:fade .15s}
@keyframes fade{from{opacity:0}}
.modal{background:#1b1f29;border-radius:.8944rem;padding:1.2778rem;min-width:min(28.1111rem,100%);max-width:96vw;box-shadow:0 1.9167rem 5.1111rem #000}
.modal h3{font-size:1.4056rem;font-weight:700;margin-bottom:.8944rem}
.modal .opts button{display:block;width:100%;text-align:left;height:2.9389rem;padding:0 1.0222rem;border-radius:.5111rem;background:#2a2f3a;margin-bottom:.5111rem;font-weight:700;font-size:.9556rem}
.modal .opts button.on{background:#eef0f5;color:#000}
.modal .opts button:hover:not(.on){background:#373d4a}
.modal .row{display:flex;gap:.6389rem;justify-content:flex-end;margin-top:.8944rem}
.pin{display:flex;gap:.6389rem;justify-content:center;margin:.6389rem 0}
.pin input{width:3.45rem;height:3.9611rem;text-align:center;font-size:1.7889rem;font-weight:800;border-radius:.5722rem;border:0;background:#2a2f3a;outline:0}
.pin input:focus{box-shadow:0 0 0 2px #fff}

#toast{position:fixed;left:50%;bottom:1.7889rem;transform:translateX(-50%);z-index:400;display:flex;flex-direction:column;gap:.5111rem;align-items:center;pointer-events:none}
#toast div{background:#1f2636;border:1px solid #ffffff1a;padding:.6389rem 1.15rem;border-radius:.5722rem;font-weight:600;box-shadow:0 .6389rem 1.9167rem #000a;animation:fade .2s}

.page-enter{animation:pg .25s ease}
@keyframes pg{from{opacity:0;transform:translateY(.3833rem)}}
.skel{background:linear-gradient(90deg,#161c29 25%,#1e2535 50%,#161c29 75%);background-size:200% 100%;animation:sk 1.2s infinite}
@keyframes sk{to{background-position:-200% 0}}

/* ============================================================ responsivo */
@media (max-width:1300px){
  .livepage{grid-template-columns:15.9722rem 23rem 1fr}
  .events{grid-template-columns:24.2778rem 1fr}
  .settings{grid-template-columns:21.7222rem 1fr;gap:1.5333rem}
  .split{grid-template-columns:16.6111rem 1fr}
  .search{grid-template-columns:21.7222rem 1fr}
  .det .main{grid-template-columns:12.1389rem 1fr 15.3333rem}
  .provshow,.colwrap .provshow{grid-template-columns:16.6111rem minmax(0,1fr)}
}
@media (max-width:1000px){
  :root{--nav:3.5778rem}
  .nav{padding:0 .7667rem;gap:.7667rem}
  .nav .links{position:fixed;top:3.5778rem;left:0;right:0;flex-direction:column;gap:0;background:#060a12f5;padding:.5111rem 1.15rem;display:none}
  .nav .links.open{display:flex}
  .nav .links a{padding:.7667rem 0;border:0;border-bottom:1px solid var(--line)}
  .nav .burger{display:grid;place-items:center;width:2.5556rem;height:2.5556rem;margin-left:auto}
  .nav .me{margin-left:0;width:2.4278rem;height:2.4278rem}.nav .me .avatar,.nav .me img{width:2.4278rem;height:2.4278rem}
  .hero{height:68vh}
  .hero .bd{width:100%;opacity:.55}
  .hero .info{left:1.15rem;right:1.15rem;width:auto;top:auto;bottom:4.4722rem}
  .hero .ttxt{font-size:1.7889rem}.hero .plot{font-size:.8611rem}
  .hero .arrow{display:none}.agebox{display:none}
  .provshow,.colwrap .provshow{grid-template-columns:1fr}
  .posters{grid-template-columns:repeat(2,1fr);gap:.6389rem}
  .pcard{width:8.9444rem}.pcard .im{height:4.9833rem}
  .sporthead{flex-wrap:wrap}.sporthead .ttl{display:none}.stab{min-width:0;flex:1;height:2.8111rem;font-size:.8944rem}
  .split,.search,.settings,.events{grid-template-columns:1fr;padding-left:.6389rem;padding-right:.6389rem}
  .cats{position:static;max-height:none;display:flex;gap:.4444rem;overflow-x:auto}
  .cats h2{display:none}.cat{min-width:max-content;margin:0}.cat.on::after{display:none}.cat:hover{transform:none}
  .grid{grid-template-columns:repeat(auto-fill,minmax(7.0278rem,1fr));gap:.5111rem}.gc .nm{font-size:.8278rem}
  .livepage{grid-template-columns:1fr;height:auto;padding:4.2167rem .6389rem 1.2778rem}
  .livebox{grid-template-columns:1fr}.livebox .tools{flex-direction:row}.livebox .tools button{height:2.8111rem;flex:1}
  .livepane{order:-1}
  .det .main{grid-template-columns:1fr;padding:4.4722rem .8944rem 0}
  .det .pst{width:8.9444rem}.det h1{font-size:1.6611rem}.det .plot{font-size:.9278rem}
  .eps{grid-template-columns:1fr;padding:0 .5111rem 1.9167rem}.ep{grid-template-columns:8.3056rem 1fr}
  .events .left{position:static;max-height:none}
  .plays{grid-template-columns:1fr}
  .search .left{position:static}.kb{display:none}
  .settings h1{margin-bottom:.8944rem}.spanel{margin-top:0}
  .smenu button{height:3.1944rem;font-size:1.0222rem}
  .pvhero .in{left:1.0222rem;max-width:90%}.pvhero .big{font-size:1.9167rem}
  .top5 .n{font-size:4.4722rem;width:2.5556rem}
  .colpage .hd{padding:4.4722rem 1.0222rem 0}
  .player .bot{padding:.8944rem;gap:.3833rem}.player .top h2{font-size:1.0833rem}
  .lvpanel{padding:.7667rem}.lvpanel .r1 h3{font-size:1.15rem}.lvpanel .r2{grid-template-columns:1fr;gap:.5111rem}.lvpanel .r2 .syn{display:none}
  .lvpanel .r1 .acts button{height:2.6833rem;min-width:2.6833rem;padding:0 .6389rem;font-size:.8944rem}
  .popts .grid2{grid-template-columns:1fr}
  .foot{left:1.2778rem;right:1.2778rem;font-size:.7667rem}
  .profiles h1{font-size:1.9167rem}.avatar{width:7.0278rem;height:7.0278rem;font-size:2.6833rem}
}

input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-text-fill-color:#fff;-webkit-box-shadow:0 0 0 55.5556rem #1b2434 inset;transition:background-color 9999s;caret-color:#fff}

/* ---------- v1.2 */
.nav .me{position:relative;overflow:visible;display:flex;align-items:center;transition:.25s}
.nav .me .avatar,.nav .me img{border-radius:50%;position:relative;z-index:1}
.nav .me .pn{position:absolute;right:-.3333rem;top:50%;transform:translateY(-50%);height:3.1111rem;display:flex;align-items:center;padding:0 3.6667rem 0 1.1111rem;border-radius:1.6667rem;background:#151b28f0;
  white-space:nowrap;font-weight:700;font-size:.8889rem;opacity:0;pointer-events:none;clip-path:inset(0 0 0 100% round 1.6667rem);transition:clip-path .35s ease,opacity .2s}
.nav .me:hover .pn{opacity:1;clip-path:inset(0 0 0 0 round 1.6667rem)}
.nav .me:hover .avatar,.nav .me:hover img{box-shadow:0 0 0 2px #fff}
.expiry{display:flex;align-items:center;gap:.8889rem;margin:0 1.2222rem .7778rem;padding:.7778rem 1.1111rem;border-radius:.5556rem;background:#141a24;border:1px solid #ffffff10;position:relative;z-index:3}
.expiry b{font-size:.9444rem;font-weight:700}.expiry small{display:block;color:#a8b0c2;font-size:.8056rem;margin-top:2px}
.expiry .r{margin-left:auto;text-align:right}
.expiry .r small{margin:0 0 3px}.expiry .r b{display:flex;align-items:center;gap:.4444rem;justify-content:flex-end}
.expiry .r b .ico{color:#f5b20b}
.expiry.crit{border-color:#ef444466;background:#2a1418}
.stab .tx.plain{font-size:1.1111rem;font-weight:700;letter-spacing:0}
.livebox .tools button.muted{background:#3a4256}
.epbar{position:fixed;top:0;left:0;right:0;z-index:45;display:flex;align-items:center;justify-content:center;height:5.3333rem;padding:0 1.2222rem;background:linear-gradient(#060a12f2,#060a1200);pointer-events:none;opacity:0;transform:translateY(-.7778rem);transition:.3s}
.epbar.on{opacity:1;transform:none}
.epbar .tl{position:absolute;left:4.3333rem;top:.7778rem;max-height:3.6667rem;max-width:12.7778rem;object-fit:contain;object-position:left}
.epbar .tt{position:absolute;left:4.3333rem;top:1.4444rem;font-size:1.3333rem;font-weight:700}
.epbar .btn{pointer-events:auto;background:#1a2030f0;border:1px solid #ffffff14;backdrop-filter:blur(.3333rem)}
.det .bdw img{transition:filter .5s}
.det.scrolled .bdw{position:fixed;height:100vh}
.det.scrolled .bdw img{filter:blur(.8889rem) brightness(.4)}
@media (max-width:1000px){.expiry{margin:0 .5556rem .6667rem;flex-wrap:wrap}.expiry .r{margin-left:0;text-align:left}.epbar .tl,.epbar .tt{display:none}}
.det.scrolled .epbtn{visibility:hidden}

/* ---------- v1.3 */
/* setas minimalistas */
.tri{width:1.6667rem;height:1.6667rem;fill:#fff;filter:drop-shadow(0 2px .3333rem #000c)}
.scroller .nx,.scroller .pv{background:none!important;box-shadow:none!important;width:2.4444rem;height:3.5556rem;opacity:0;pointer-events:none;top:calc(50% - 2.2222rem)}
.scroller.can-l:hover .pv,.scroller.can-r:hover .nx{opacity:1;pointer-events:auto}
.scroller .nx:hover .tri,.scroller .pv:hover .tri{transform:scale(1.18)}
.scroller .nx{right:.2222rem}.scroller .pv{left:.2222rem}
.hero .arrow{background:none!important;box-shadow:none!important;width:2.6667rem;height:3.5556rem}
.hero .arrow .tri{width:1.8889rem;height:1.8889rem}
.hero .arrow:hover{transform:scale(1.12)}
/* provedores: borda branca ao passar o mouse */
.pcard .im{border:2px solid transparent}
.pcard:hover .im,.pcard.on .im{border-color:#fff;box-shadow:0 .5556rem 1.4444rem #000a}
.pcard:hover .im{transform:translateY(-2px) scale(1.03)}
/* botões de esporte */
.stab{height:3.2222rem;min-width:11.4444rem;border:2px solid #ffffff14}
.stab:hover,.stab.on{border-color:#fff}
/* cartões de jogo: times separados, faixas diagonais */
.evcard{width:15.5556rem}
.evcard .box{height:8.7778rem;border-radius:.5rem;display:block;border:2px solid transparent}
.evcard:hover .box{box-shadow:none;border-color:#fff}
.evcard .box .tm{position:absolute;top:50%;transform:translate(-50%,-50%)}
.evcard .box .tm.l{left:25%}.evcard .box .tm.r{left:75%}
.evcard .box .tm img,.evcard .box .tm .shield{width:3.2222rem;height:3.2222rem;object-fit:contain;filter:drop-shadow(0 3px .4444rem #0009)}
.evcard .box .st{top:0;right:0;border-radius:0 0 0 .4444rem;background:#2a2f3bdd;font-size:.6667rem;padding:.2778rem .6111rem;letter-spacing:.3px}
.evcard .box .st.live{background:#e11d2e}
.evcard .box .scr{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#060a12cc;border-radius:.3889rem;padding:2px .5556rem;font-size:1.1111rem;font-weight:700}
.evcard .box .ll{width:1.2222rem;height:1.2222rem;top:.5rem;left:.5556rem;object-fit:contain}
.evcard .box .lg{font-size:.7222rem;bottom:.5rem;right:.6111rem;text-shadow:0 1px .2222rem #000}
.evcard .t{font-size:.9167rem;margin-top:.5556rem}.evcard .s{font-size:.7778rem}
/* aviso de vencimento */
.expiry .r b.dt{color:#f5c26b;font-weight:700}
/* lista expirada */
.expired{min-height:100vh;display:grid;grid-template-columns:1fr 21.1111rem;align-items:center;gap:2.2222rem;padding:0 9vw}
.expired .warn{width:3rem;height:3rem;margin-bottom:.7778rem}
.expired h1{font-size:2.2222rem;font-weight:700;margin-bottom:.6667rem}
.expired p{font-size:1.1111rem;line-height:1.6;color:#d6dbe6;max-width:38.8889rem;margin-bottom:1.4444rem}
.expired small{display:block;color:#a8b0c2;font-size:.9444rem;margin-bottom:.3333rem}
.expired b{display:block;color:#ff4d4d;font-size:1.2778rem;font-weight:700;margin-bottom:1.5556rem}
.expired .bt{display:flex;gap:.6667rem}.expired .bt .btn{height:3.1111rem;min-width:11.4444rem;font-size:.9444rem;background:#2a303d}
.expired .bt .btn:last-child{background:#1f2433}
.expired .ill{width:100%}
/* canal selecionado: só a barra verde */
.chrow.on{box-shadow:none;background:#252c3c}
.chrow.on::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:#22c55e;border-radius:0 3px 3px 0}
/* categorias um pouco maiores */
.cat{min-height:3.2222rem;font-size:.9444rem;padding:.4444rem .8889rem}
.cat .ci{width:1.8889rem;height:1.8889rem}
.livepage .cats .cat{min-height:2.8889rem;font-size:.8611rem}
/* coletâneas maiores */
.colposter{width:13.8889rem}
.colwrap .provshow{min-height:23.8889rem}
.colposter.on,.colposter:hover{box-shadow:0 0 0 3px #fff,0 1.1111rem 2.2222rem #0008}
/* voltar aos detalhes: seta animada para cima */
.epbar .btn .ico{animation:nudgeup 1.4s ease-in-out infinite}
@keyframes nudgeup{50%{transform:rotate(180deg) translateY(.2222rem)}}
/* eventos: lista igual ao modelo */
.game .gh .st{margin-left:auto;font-size:.7778rem;color:#d6dbe6}
.game .gm .s{font-size:1.1667rem}
/* eventos: volume abaixo do vídeo */
.vbox.nobar{border-radius:.5556rem .5556rem 0 0}
.livebar .vol2{display:flex;align-items:center;gap:.4444rem;font-size:.7222rem;font-weight:700}
.livebar [data-fs2],.livebar [data-mute]{display:grid;place-items:center;width:1.7778rem;height:1.7778rem;border-radius:.3889rem}
.livebar [data-fs2]:hover,.livebar [data-mute]:hover{background:#ffffff14}
[data-mute].red,.vbox [data-mute].red{color:#ff4d6d}
/* tela cheia de eventos */
.evbug{position:absolute;top:1.5556rem;right:1.5556rem;z-index:5;display:flex;align-items:center;gap:.7778rem;height:3.6667rem;padding:0 1.1111rem;border-radius:.5556rem;background:#1b1f29f2;font-weight:700;font-size:1.1111rem;transition:opacity .3s}
.evbug img{width:2.1111rem;height:2.1111rem;object-fit:contain}.evbug .lgl{width:2.3333rem}
.evbug .sc{background:#eef0f5;color:#060a12;height:3.6667rem;min-width:6.5556rem;display:grid;place-items:center;font-size:1.4444rem;margin:0 2px}
.evbug .stt{margin-left:.4444rem;font-size:1.0556rem}
.player.evfs .bot{display:flex;justify-content:center;padding:0 0 1.4444rem;background:none}
.evpanel{display:grid;grid-template-columns:auto 1fr auto;gap:1.6667rem;align-items:center;width:min(62.2222rem,94vw);padding:1.1111rem 1.4444rem;border-radius:.7778rem;background:#1d212bf2;backdrop-filter:blur(.4444rem)}
.evpanel h3{font-size:1.1667rem;font-weight:700;margin-bottom:.5556rem}
.evpanel .tms{display:flex;align-items:center;gap:1.6667rem;text-align:center}
.evpanel .tms img{width:3.1111rem;height:3.1111rem;object-fit:contain;margin:0 auto .3333rem}
.evpanel .tms b{font-size:.9444rem}.evpanel .tms span{font-size:1.2222rem;font-weight:700;color:#c4cad8}
.evpanel p{display:flex;align-items:center;gap:.6667rem;font-size:.9444rem;font-weight:600;margin:.4444rem 0;min-width:0}
.evpanel p .ico{width:1.3333rem;height:1.3333rem;flex:none}
.evpanel .m{min-width:0}
.evpanel .r{min-width:14.4444rem;max-width:17.7778rem}
.evpanel .bt{display:flex;gap:.5556rem;margin-bottom:.6667rem}
.evpanel .bt button{height:2.8889rem;padding:0 1rem;border-radius:.5rem;background:#2b303c;display:flex;align-items:center;gap:.5556rem;font-weight:700;font-size:.9444rem}
.evpanel .bt button:hover{background:#3a4152}
.player.evfs.idle .evbug{opacity:1}
@media (max-width:1000px){.expired{grid-template-columns:1fr;padding:4.4444rem 1.2222rem}.expired .ill{display:none}.evpanel{grid-template-columns:1fr}.evbug{transform:scale(.7);transform-origin:top right}}
.scroller:not(.can-l) .pv,.scroller:not(.can-r) .nx{opacity:0!important;pointer-events:none!important}
/* TV: foco visível do controle remoto */
html.tv :focus{outline:none}
html.tv :focus-visible,html.tv [tabindex]:focus,html.tv button:focus,html.tv a:focus{outline:3px solid #fff;outline-offset:3px;border-radius:.4444rem}
html.tv .pcard:focus .im,html.tv .poster:focus,html.tv .evcard:focus .box,html.tv .pp:focus,html.tv .prow:focus .pp,html.tv .gc:focus,html.tv .lcard:focus .lc{border-color:#fff;transform:scale(1.04)}
html.tv .prow:focus,html.tv .evcard:focus,html.tv .pcard:focus,html.tv .lcard:focus{outline:none}
html.tv .cat:focus,html.tv .chrow:focus,html.tv .game:focus,html.tv .opt:focus,html.tv .smenu button:focus{background:#1f3a44;outline:none}
html.tv .scroller .nx,html.tv .scroller .pv{display:none}
.expiry .exprel{font-variant-numeric:tabular-nums}

/* ===== v1.3.1: ajustes de tamanho/efeitos iguais ao modelo ===== */
.brand{height:2.7778rem}
.brand-text{font-size:1.6111rem}
.nav{gap:1.6667rem}
.nav .links{gap:.4444rem;font-size:1.1389rem;font-weight:600}
.nav .links a{padding:.3889rem .7778rem;border:0;border-radius:.4444rem;opacity:1;color:#e9ecf3;transition:background .18s,color .18s}
.nav .links a:hover{background:#ffffff1f;color:#fff}
.nav .links a.on{background:#fff;color:#060a12}
/* aviso de vencimento maior, mesmo modelo */
.expiry{padding:1.1111rem 1.5556rem;gap:1.2222rem;border-radius:.6667rem;margin:0 1.2222rem 1rem;background:#121823;border:1px solid #ffffff14}
.expiry > .ico{width:1.5556rem;height:1.5556rem;color:#cfd5e3;flex:none}
.expiry b{font-size:1.1667rem;font-weight:600}
.expiry small{font-size:.9444rem;color:#a8b0c2;margin-top:.2778rem}
.expiry .r small{font-size:.9444rem;margin:0 0 .3333rem}
.expiry .r b.dt{font-size:1.1667rem;font-weight:700;gap:.5556rem}
.expiry .r b .ico{width:1.2222rem;height:1.2222rem}
/* abas de esportes maiores */
.sporthead{padding:1rem 1.3333rem;gap:.8889rem}
.stab{height:4rem;min-width:12.8889rem;border-radius:.5556rem;font-size:1.2778rem;font-weight:600;gap:.7222rem}
.stab .ball{width:2.3333rem;height:2.3333rem}
.stab img{max-height:3rem;max-width:9.4444rem}
.stab .tx{font-size:2.2222rem}
.stab .tx.plain{font-size:1.2778rem;font-weight:600}
.sporthead .ttl b{font-size:1.6111rem}.sporthead .ttl small{font-size:.8889rem}
.sportsband .rowtitle,.rowtitle{font-size:1.3889rem}
/* placar do card de jogo ao vivo */
.evcard .box .scr{background:none;padding:0;font-size:1.7778rem;font-weight:700;letter-spacing:1px;text-shadow:0 2px .5556rem #000a}
.evcard .t{font-size:1rem}
/* pôsteres das fileiras e coletâneas maiores */
.prow{width:14rem}
.colposter{width:16.1111rem}
.colposter.on{box-shadow:none}
.colposter:hover{box-shadow:0 0 0 3px #fff,0 1.1111rem 2.2222rem #0008}
.colwrap .provshow{grid-template-columns:22.2222rem minmax(0,1fr);padding:1.4444rem 1.2222rem}
.colwrap .side .cl{font-size:1.3889rem}.colwrap .side .cn{font-size:1.1667rem}
.colwrap .side .clogo{max-width:16.6667rem;max-height:6.1111rem}
/* destaque */
.hero{height:min(34.4444rem,66vh)}
.hero .tlogo{max-height:7.5rem;max-width:22.2222rem}
.hero .plot{font-size:1.0556rem}
/* lista de episódios (modo dedicado) */
.det .main,.det .topchips,.det .epbtn{transition:opacity .45s,transform .45s}
.det.epmode .main,.det.epmode .topchips,.det.epmode .epbtn,.det.epmode .below > section{display:none}
.det.epmode .bdw{position:fixed;inset:0;height:100vh}
.det.epmode .bdw img{width:100%;filter:blur(1rem) brightness(.35);transform:scale(1.08)}
.det.epmode .bdw .shade{background:linear-gradient(#060a1299,#060a12cc)}
.det.epmode .below{padding-top:6.6667rem;min-height:100vh}
.det.epanim .below{animation:epin .5s ease}
@keyframes epin{from{opacity:0;transform:translateY(2.2222rem)}to{opacity:1;transform:none}}
.det.epmode .epbar{background:linear-gradient(#060a12e6,#060a1200)}
.epbar .btn{font-size:.9444rem;height:2.4444rem;padding:0 1.1111rem}
.det .epbtn .btn{cursor:pointer}
@media (max-width:1000px){
  .nav .links a{padding:.7667rem 0;border-radius:0;border-bottom:1px solid var(--line)}
  .nav .links a.on{background:none;color:#fff}
  .stab{min-width:0;height:3.1111rem;font-size:.9444rem}.stab .tx{font-size:1.6667rem}.stab img{max-height:2.2222rem}
  .expiry{padding:.8889rem 1rem}.expiry b,.expiry .r b.dt{font-size:1rem}.expiry small,.expiry .r small{font-size:.8333rem}
  .prow{width:11.1111rem}.colposter{width:12.2222rem}.colwrap .provshow{grid-template-columns:1fr}
}

/* ===== v1.3.2: menu e aviso de vencimento com as medidas do modelo ===== */
.nav{padding:0 2.5vw;gap:2.2rem}
.brand{height:2.45rem;max-width:8rem;object-fit:contain;object-position:left}
.nav .links{gap:.22rem;font-size:1.1rem;font-weight:700}
.nav .links a{height:2.35rem;line-height:2.35rem;padding:0 .78rem;border-radius:.56rem;color:#fff;background:transparent;text-shadow:0 2px 4px rgba(0,0,0,.56);transition:transform 160ms ease-out,background .13s,color .13s}
.nav .links a:hover,.nav .links a:focus-visible{background:#fff;color:#11151b;text-shadow:none;transform:scale(1.018)}
.nav .links a.on{background:transparent;color:#fff}
.nav .links a.on:hover{background:#fff;color:#11151b}
.expiry{box-sizing:border-box;min-height:4.5vw;margin:0 2.5vw .8vw;border:0;border-radius:.45vw;padding:.7vw 1.15vw;gap:0;background:rgba(21,24,30,.88);color:#e8e9ed;font-family:'Amazon Ember',Arial,Helvetica,sans-serif}
.expiry > .ico{width:1.25vw;height:1.25vw;min-width:18px;min-height:18px;margin-right:.85vw;opacity:.65;color:#fff}
.expiry b{font-size:1.15rem;font-weight:normal;line-height:1.4;color:#f0f1f4}
.expiry small{margin-top:.2rem;font-size:.98rem;line-height:1.45;color:#aeb2bc}
.expiry .r{margin-left:2vw;line-height:1.4}
.expiry .r small{margin:0 0 .15rem;font-size:.98rem;color:#b8bdc8}
.expiry .r b.dt{font-size:1.12rem;font-weight:normal;color:#efbd63;gap:0}
.expiry .r b .ico{width:1.2rem;height:1.2rem;margin-right:.5rem}
.expiry.crit b,.expiry.crit .r b.dt{color:#ef4444}
@media (max-width:1000px){.expiry{margin:0 1rem 1rem;padding:1rem}.expiry > .ico{width:1.2rem;height:1.2rem;margin-right:.6rem}.expiry .r{margin-left:1.8rem}}
/* programação completa (agenda) */
.modal.epgm{width:min(64rem,94vw);max-height:88vh;padding:0;background:#171a21;border-radius:.9rem;overflow:hidden}
.epgfull{position:relative;display:flex;flex-direction:column;max-height:88vh;padding:1.6rem 1.4rem 0 1.6rem}
.epgfull .x{position:absolute;right:1.3rem;top:1.3rem;width:2.5rem;height:2.5rem;border-radius:.5rem;background:#2a2e38;display:grid;place-items:center}
.epgfull .x:hover{background:#3a3f4b}
.epgfull .k{font-size:.8rem;letter-spacing:.12em;color:#a8adb8;font-weight:700}
.epgfull h2{font-size:1.75rem;font-weight:700;margin:.3rem 0 .4rem}
.epgfull .dd{color:#a8adb8;font-size:1rem;margin-bottom:1.1rem}
.epgfull .tl{overflow-y:auto;padding:0 .4rem 1.4rem 0;flex:1;min-height:0}
.epgfull .it{position:relative;display:grid;grid-template-columns:4.6rem 1.2rem minmax(0,1fr);align-items:start;padding:.6rem .8rem .6rem 0;border-radius:.6rem;margin-bottom:.15rem}
.epgfull .it::before{content:'';position:absolute;left:5.18rem;top:0;bottom:-.15rem;width:1px;background:#3a3f4b}
.epgfull .it.on{background:#242833}
.epgfull .it .h{padding-top:.1rem;text-align:left}
.epgfull .it .h b{display:block;font-size:.95rem;font-weight:700}
.epgfull .it .h small{display:block;font-size:.8rem;color:#9aa0ab;margin-top:.15rem}
.epgfull .it .dot{width:.42rem;height:.42rem;border-radius:50%;background:#9aa0ab;margin:.55rem 0 0 .4rem;position:relative;z-index:1}
.epgfull .it.on .dot{background:#fff}
.epgfull .it .c{min-width:0;padding-left:.6rem}
.epgfull .it .t{display:flex;align-items:center;gap:.8rem}
.epgfull .it .t b{font-size:1.1rem;font-weight:700;flex:1;min-width:0}
.epgfull .it .ag{flex:none;font-size:.75rem;font-weight:700;background:#3a3f4b;padding:.15rem .5rem;border-radius:.3rem}
.epgfull .it .nx{flex:none;font-size:.78rem;color:#c4c8d0;padding-right:.4rem}
.epgfull .it p{font-size:.9rem;color:#a8adb8;margin-top:.25rem}
html.mob .modal.epgm{width:100vw;max-height:92vh;border-radius:1rem 1rem 0 0}
html.nocopy body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
html.nocopy input,html.nocopy textarea{-webkit-user-select:text;user-select:text}
html.nocopy img{-webkit-user-drag:none}
.expiry > div:not(.r){flex:1;min-width:0}
.expiry .r{margin-left:auto;padding-left:2vw}
@media (max-width:1000px){.expiry .r{margin-left:1.8rem;padding-left:0}}
/* v1.0.3: o menu rola junto com a página (não fica preso no topo) */
.nav{position:absolute}
.nav.solid{background:linear-gradient(#060a12f0,#060a1200);backdrop-filter:none}
/* campos do login com borda (igual ao modelo) */
.field{border:1px solid #ffffff14;background:#1b2434}
.field:focus-within{border-color:#b9c2da;background:#243049;box-shadow:0 0 0 1px #b9c2da33}
.ltabs,.login .tabs{border:1px solid #ffffff12}
/* configurações com o peso de fonte e medidas do modelo */
.settings{grid-template-columns:31.5rem 1fr}
.settings h1{font-weight:700}
.smenu button{height:4.45rem;font-size:1.3rem;font-weight:600;background:#23262e;padding:0 1.5rem;gap:1rem}
.smenu button .ico{width:1.75rem;height:1.75rem}
.smenu button:hover{background:#30333c}
.smenu button.on{background:#3a3d46}
.spanel h2{font-weight:700;background:#262a33}
.opt{font-weight:400;min-height:4.1rem;background:#1d2027;font-size:1.15rem}
.opt .oi{background:#2c3039}
.opt .v{font-weight:700}
/* v1.0.5: barra da aba de esporte na cor do próprio banner */
.stab::after{left:.9rem;right:.9rem;bottom:0;height:3px;border-radius:3px 3px 0 0;background:#fff;background:color-mix(in srgb,var(--sc,#3a4356) 45%,#ffffff)}
.stab.on{border-color:#ffffff14}
.stab:hover{border-color:#8f9ab3}
.stab.on:hover{border-color:#8f9ab3}
/* banner no topo de Filmes e Séries */
.lhero .hero{margin-bottom:0}
.lhero + .split{padding-top:1.2rem}
.lhero + .split .cats{top:1rem}
/* continuar de onde parou */
.player .resumebox{position:absolute;left:50%;bottom:7.5rem;transform:translateX(-50%);z-index:6;display:flex;align-items:center;gap:1rem;padding:.7rem .8rem .7rem 1.2rem;border-radius:.8rem;background:#141a26ee;backdrop-filter:blur(8px);box-shadow:0 10px 30px #000a;font-size:1rem;transition:opacity .5s,transform .5s}
.player .resumebox span{display:flex;align-items:center;gap:.5rem}
.player .resumebox .ico{width:1.2rem;height:1.2rem}
.player .resumebox.out{opacity:0;transform:translate(-50%,10px);pointer-events:none}
video{background:#000}
html.mob .player .resumebox{bottom:4.5rem;font-size:14px;gap:10px}
/* v1.0.6 */
.player .pbg{position:absolute;inset:0;z-index:1;background-size:cover;background-position:center;transition:opacity .6s}
.player .pbg::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#000d,#0006 40%,#0008)}
.player .pbg.out{opacity:0;pointer-events:none}
.player .center,.player .plogo{z-index:2}
@media (min-width:1001px){.livepage{grid-template-rows:minmax(0,1fr)}.livepage .cats{overflow:auto;height:100%}}
.fbrand{pointer-events:auto}
/* atualização do app */
.updbox{background:var(--panel);border-radius:.8rem;padding:1.6rem;text-align:center;max-width:36rem}
.updbox.full{margin:0 auto}
.updbox .ub-ic{width:3.6rem;height:3.6rem;border-radius:50%;display:grid;place-items:center;margin:0 auto 1rem;background:#22c55e22;color:#22c55e}
.updbox .ub-ic .ico{width:1.8rem;height:1.8rem}
.updbox h3{font-size:1.4rem;margin-bottom:.5rem}
.updbox p{margin:.25rem 0}
.updbox .btn{margin-top:1.2rem;min-width:14rem;justify-content:center}
.updbox .ub-notes{text-align:left;background:#0f1420;border-radius:.6rem;padding:.8rem 1rem;margin-top:1rem;font-size:.95rem;color:#c3c9d8}
.updbox .ub-bar{height:6px;border-radius:3px;background:#ffffff14;margin-top:1rem;overflow:hidden;display:none}
.updbox .ub-bar.on{display:block}.updbox .ub-bar i{display:block;height:100%;width:0;background:var(--grad);transition:width .3s}
.updbox .ub-msg{min-height:1.3em;margin-top:.7rem;font-size:.95rem;color:#c3c9d8}.updbox .ub-msg.err{color:#f87171}.updbox .ub-msg.ok{color:#4ade80}
.updbox .ub-link{font-size:.8rem;color:#8b93a7;word-break:break-all;margin-top:.8rem}.updbox .ub-link a{color:#9ab4ff}
.updpage{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;padding:2rem 1rem}
.updpage .brand{height:3rem}
.modal .updbox{background:none;padding:.5rem}