/* LOOK TV — camada visual moderna das páginas internas (não é usada no player).
   Só acabamento: cores por seção, cards, menu, rodapé, Pix e cupons. CSS puro, sem bibliotecas. */

:root{--accent:#4aa3ff;--glow:rgba(74,163,255,.22);--card-a:rgba(20,43,73,.92);--card-b:rgba(10,23,42,.96)}
body[data-sec=canais]{--accent:#4aa3ff;--glow:rgba(74,163,255,.24)}
body[data-sec=filmes],body[data-sec=series],body[data-sec=votacao]{--accent:#b79cff;--glow:rgba(167,139,250,.24)}
body[data-sec=cursos]{--accent:#35d6c0;--glow:rgba(53,214,192,.2)}
body[data-sec=ofertas],body[data-sec=cupons]{--accent:#ffa24d;--glow:rgba(255,145,47,.22)}
body[data-sec=clube]{--accent:#32d0b4;--glow:rgba(50,208,180,.22)}
body[data-sec=sobre],body[data-sec=contato],body[data-sec=legal]{--accent:#8db4ee;--glow:rgba(141,180,238,.18)}

body{padding-bottom:env(safe-area-inset-bottom)}
@keyframes lm-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:no-preference){
  .hero>*{animation:lm-rise .55s cubic-bezier(.2,.7,.2,1) both}
  .hero>*:nth-child(2){animation-delay:.06s}.hero>*:nth-child(3){animation-delay:.12s}.hero>*:nth-child(4){animation-delay:.18s}
  .grid>.card,.policy-list>.card{animation:lm-rise .55s cubic-bezier(.2,.7,.2,1) both}
  .grid>.card:nth-child(2){animation-delay:.07s}.grid>.card:nth-child(3){animation-delay:.14s}.grid>.card:nth-child(4){animation-delay:.18s}.grid>.card:nth-child(n+5){animation-delay:.22s}
}

/* Menu fixo e translúcido */
.top{background:rgba(5,13,27,.72);-webkit-backdrop-filter:saturate(1.4) blur(18px);backdrop-filter:saturate(1.4) blur(18px);transition:background .25s,box-shadow .25s}
.top.scrolled{background:rgba(5,13,27,.92);box-shadow:0 10px 30px rgba(0,0,0,.35)}
.navwrap{transition:min-height .25s,padding .25s}
.top.scrolled .navwrap{min-height:56px;padding-top:7px;padding-bottom:7px}
.brand{background:linear-gradient(90deg,#fff,#cfe0f7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.brand b{-webkit-text-fill-color:var(--orange)}
.links a{border:1px solid transparent;border-radius:999px;padding:9px 14px}
.links a.active{background:var(--glow);border-color:color-mix(in srgb,var(--accent) 45%,transparent);color:#fff}
.links a.club{border-radius:999px}

/* Hero com brilho da cor da seção */
.hero{position:relative;isolation:isolate}
.hero::before{content:"";position:absolute;z-index:-1;left:-8%;top:-30px;width:min(620px,90%);height:300px;background:radial-gradient(ellipse at 30% 40%,var(--glow),transparent 70%);filter:blur(6px);pointer-events:none}
.eyebrow{color:var(--accent);display:inline-flex;align-items:center;gap:8px}
.eyebrow::before{content:"";width:22px;height:2px;border-radius:2px;background:var(--accent)}
.hero h1 .accent,.accent{color:var(--accent)}
.hero h1{text-wrap:balance}

/* Cards: o ícone vira capa colorida (sem imagens externas, sem peso) */
.card{background:linear-gradient(150deg,var(--card-a),var(--card-b));border-radius:20px;overflow:hidden;transition:transform .22s ease,border-color .22s,box-shadow .22s}
.card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent) 55%,transparent);box-shadow:0 18px 40px rgba(0,0,0,.34),0 0 0 1px color-mix(in srgb,var(--accent) 22%,transparent)}
.grid>.card>.icon{margin:-22px -22px 18px;height:116px;display:grid;place-items:center;font-size:46px;margin-bottom:18px;background:radial-gradient(circle at 25% 15%,var(--glow),transparent 62%),linear-gradient(135deg,#17335a,#0b1a30);border-bottom:1px solid var(--line);position:relative}
.grid>.card>.icon::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,rgba(255,255,255,.035) 0 2px,transparent 2px 16px)}
.card .tag{border-radius:999px;letter-spacing:.2px}
.policy-list .card:hover{transform:none}
.policy-list summary{cursor:pointer}

/* Avisos mais discretos */
.notice{border-radius:14px;border:1px solid rgba(255,255,255,.1);border-left:3px solid var(--accent);background:rgba(255,255,255,.04);color:#cfd9e8;font-size:14px}

/* Selos */
.badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:850;padding:5px 10px;border-radius:999px;background:rgba(255,122,24,.16);color:#ffc18f;border:1px solid rgba(255,145,47,.4)}

/* ===== Cupons como vitrine ===== */
.chips{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 20px}
.chip{border:1px solid var(--line);background:rgba(255,255,255,.05);color:#d4dfef;font:inherit;font-size:13px;font-weight:750;padding:8px 14px;border-radius:999px;cursor:pointer;box-shadow:none}
.chip:hover{border-color:color-mix(in srgb,var(--accent) 60%,transparent);background:var(--glow);filter:none}
.chip.on{background:var(--accent);color:#101828;border-color:transparent}
.offer-card{gap:0!important;padding:20px!important}
.offer-card[hidden]{display:none}
.offer-head{display:flex;align-items:center;gap:12px;width:100%;margin-bottom:16px}
.avatar{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;font-weight:950;font-size:19px;color:#fff;flex:none;background:linear-gradient(135deg,hsl(var(--h,210) 70% 48%),hsl(calc(var(--h,210) + 40) 65% 32%));box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.offer-head .who{min-width:0;display:flex;flex-direction:column;line-height:1.25}
.offer-head .store{color:#fff;font-size:15px}
.offer-head .cat{font-size:12px;color:var(--muted)}
.offer-card .flags{margin:-4px 0 12px}.offer-card .badge{white-space:nowrap}
.discount{display:flex;align-items:baseline;gap:8px;margin:2px 0 12px}
.discount b{font-size:clamp(34px,4.4vw,44px);line-height:1;font-weight:950;letter-spacing:-1.5px;background:linear-gradient(135deg,#ffd2a1,#ff8a2b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.discount span{font-size:13px;font-weight:900;letter-spacing:1.6px;color:#ffc18f}
.offer-card h2{font-size:.98rem!important;color:#e7eef9!important;font-weight:700;margin:0 0 8px!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.offer-card p{margin:0 0 16px!important}
.offer-card .btn{width:100%}
.offer-card:hover{border-color:rgba(255,145,47,.55)}

/* ===== Pix ===== */
.pix-wrap{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:22px;margin:30px 0 20px;align-items:start}
.pix-main,.pix-side{border:1px solid var(--line);border-radius:24px;background:linear-gradient(150deg,rgba(18,42,72,.95),rgba(8,20,38,.97));padding:26px;box-shadow:0 18px 44px rgba(0,0,0,.28)}
.pix-main h2{margin:0 0 6px;font-size:22px}
.pix-main .lead{color:var(--muted);line-height:1.6;margin:0 0 20px}
.amounts{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}
.amount{border:1px solid var(--line);background:rgba(255,255,255,.05);color:#fff;font:inherit;font-weight:850;font-size:15px;padding:12px 18px;border-radius:14px;cursor:pointer;min-width:84px;box-shadow:none}
.amount[aria-pressed=true]{background:linear-gradient(135deg,#34d6bb,#12907d);color:#04211c;border-color:transparent}
.qrbox{display:flex;justify-content:center}
.qrframe{background:#fff;border-radius:20px;padding:14px;width:min(260px,100%);box-shadow:0 14px 34px rgba(0,0,0,.4),0 0 0 6px rgba(50,208,180,.14)}
.qrframe img{display:block;width:100%;height:auto;image-rendering:pixelated}
.qrnote{text-align:center;color:var(--muted);font-size:13px;margin:14px 0 0}
.pix-actions{display:flex;flex-direction:column;gap:10px;margin-top:20px}
.btn.pixgo{background:linear-gradient(135deg,#34d6bb,#12907d);color:#04211c}
.keyrow{margin-top:14px;display:none;gap:10px;align-items:center;flex-wrap:wrap}
.keyrow.open{display:flex}
.keyrow code{font-size:18px;font-weight:800;letter-spacing:.06em;background:rgba(255,255,255,.07);border:1px solid var(--line);border-radius:12px;padding:10px 14px;user-select:all}
.linkbtn{background:none;border:0;box-shadow:none;color:var(--accent);font:inherit;font-weight:750;cursor:pointer;padding:6px 0;text-decoration:underline;text-underline-offset:3px}
.linkbtn:hover{filter:none;box-shadow:none}
.pix-side h3{margin:0 0 14px;font-size:18px}
.why{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.why li{display:flex;gap:12px;color:var(--muted);line-height:1.55}
.why li b{color:#fff;display:block}
.why .ico{flex:none;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--glow);font-size:18px}
.sr-status{min-height:20px}

/* ===== Votação: barras animadas ===== */
.bar{overflow:hidden;border-radius:999px}
.bar span{transition:width .9s cubic-bezier(.2,.8,.2,1)}

/* ===== Rodapé enxuto ===== */
.footer{margin-top:44px;padding:30px 18px 34px;background:linear-gradient(180deg,transparent,rgba(5,13,27,.7))}
.footerin{display:grid;grid-template-columns:1fr auto;gap:20px 30px;align-items:center}
.fbrand strong{font-size:20px;letter-spacing:-.5px;color:#fff}
.fbrand strong span{color:var(--orange)}
.fbrand small{display:block;margin-top:4px;color:var(--muted);font-size:13px}
.footerlinks{display:flex;gap:8px;flex-wrap:wrap}
.footerlinks a{padding:9px 13px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.04);font-weight:700;font-size:13px;color:#d4dfef}
.flegal{grid-column:1/-1;display:flex;gap:6px 16px;flex-wrap:wrap;color:var(--muted);font-size:12px;border-top:1px solid var(--line);padding-top:16px}
.flegal a{color:#b7c6dc;text-decoration:underline;text-decoration-color:rgba(255,255,255,.2);text-underline-offset:3px}

/* ===== Barra inferior (celular) ===== */
.bnav{display:none}
@media(max-width:760px){
  body{padding-bottom:calc(76px + env(safe-area-inset-bottom))}
  .bnav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;z-index:40;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));padding:6px;border-radius:22px;background:rgba(8,18,34,.86);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);border:1px solid rgba(255,255,255,.14);box-shadow:0 14px 34px rgba(0,0,0,.5)}
  .bnav a{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 2px;border-radius:16px;font-size:11px;font-weight:750;color:#aebcd1}
  .bnav a span{font-size:19px;line-height:1}
  .bnav a.on{color:#fff;background:var(--glow)}
  .bnav a.go{background:linear-gradient(135deg,#ff963e,#ff6b00);color:#151b25;transform:translateY(-10px);box-shadow:0 8px 20px rgba(255,107,0,.4)}
  .links{display:none!important}
  .navwrap{flex-direction:row!important;align-items:center!important;min-height:56px!important}
  .pix-wrap{grid-template-columns:1fr}
  .footerin{grid-template-columns:1fr}
  .grid>.card>.icon{height:96px;font-size:40px}
  #ltv-cupom-float{display:none!important}
}
@media(min-width:761px){.footerin{grid-template-columns:1fr auto}}
@media(max-width:900px){.pix-wrap{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}