:root{color-scheme:dark;--bg:#0b1010;--panel:#151d1c;--text:#f3f6ef;--muted:#aebbb4;--accent:#ff4545;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:6px}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 0;border-bottom:1px solid #ffffff20}.brand{font-weight:800;font-size:24px;letter-spacing:-1px}nav{display:flex;gap:28px;align-items:center}.hero{padding:100px 0 90px;max-width:950px}.eyebrow{text-transform:uppercase;letter-spacing:3px;font-size:14px;color:var(--accent);font-weight:700}h1{font-size:clamp(44px,7.7vw,100px);letter-spacing:-.055em;line-height:1.03;margin:28px 0}h1 em{font-style:normal;color:var(--accent)}.intro{max-width:570px;color:var(--muted);font-size:20px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:14px 24px;border-radius:8px;background:var(--accent);color:#ffffff;font-weight:700;border:0;font-size:16px;cursor:pointer}.hero .button{margin-top:22px}.section{padding:64px 0;border-top:1px solid #ffffff20}h2{font-size:clamp(30px,4vw,48px);line-height:1.15;letter-spacing:-.035em;margin:0 0 24px}.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:20px}.plan{padding:30px;background:var(--panel);border:1px solid #ffffff18;border-radius:16px}.price{font-size:42px;font-weight:700;margin:24px 0}.muted{color:var(--muted)}footer{padding:32px 0;color:var(--muted);border-top:1px solid #ffffff20;font-size:14px}@media(max-width:600px){.wrap{width:calc(100% - 36px)}header{padding:22px 0}nav{gap:16px;font-size:14px}.hero{padding:64px 0}h1{font-size:52px}.intro{font-size:18px}.section{padding:44px 0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.brand{display:flex;align-items:center;gap:8px;font-size:20px;white-space:nowrap}.brand-light{font-weight:400;margin-left:-6px}.brand-mark{display:grid;place-items:center;width:32px;height:32px;background:var(--accent);color:var(--bg);border-radius:8px;font-size:16px;margin-right:4px}.hero{max-width:none;position:relative}.hero:after{content:'';position:absolute;right:0;top:90px;width:8px;height:240px;background:var(--accent);border-radius:8px}.button{gap:24px}.hero-note{font-size:14px;color:var(--muted);margin-top:20px}.hero-note strong{color:var(--text)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px}.section-heading h2{margin-bottom:0}.section-heading .muted{margin-bottom:0}.plan-number{font-size:13px;letter-spacing:1.2px;color:var(--muted);margin:0}.plan h3{font-size:20px;font-weight:500;letter-spacing:-.5px;margin:28px 0 0}.price{font-size:64px;letter-spacing:-3px;line-height:1.1;margin:32px 0 8px}.price span{font-size:24px;letter-spacing:-1px}.billing{color:var(--muted);margin:0}.plan-details{border-top:1px solid #ffffff20;margin:28px 0;padding-top:18px;font-size:15px;min-height:105px}.plan-details p{margin:8px 0}.plan .button{width:100%;justify-content:space-between}.outline{background:transparent;border:1px solid #ffffff40;color:var(--text)}.button:hover{filter:brightness(1.08)}.outline:hover{background:#ffffff10}.featured{border-color:var(--accent);background:#291719}.plan-top{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between}.badge{font-size:12px;color:var(--accent);font-weight:700}.footnote{font-size:13px;max-width:800px;color:var(--muted);margin:24px 0 0}.contact{display:flex;align-items:center;justify-content:space-between;gap:40px}.contact>div{max-width:600px}.contact .button{flex-shrink:0}.contact h2{font-size:36px;margin-bottom:12px}footer{display:flex;justify-content:space-between;gap:20px}footer span{font-weight:700;letter-spacing:1px}@media(max-width:800px){.section-heading,.contact{display:block}.section-heading .muted{margin-top:20px}.contact .button{margin-top:16px}.hero:after{display:none}}@media(max-width:600px){.brand{font-size:16px}.brand-mark{width:26px;height:26px}nav a:last-child{display:none}.hero h1{font-size:clamp(40px,10vw,58px)}.plan{padding:26px}.contact h2{font-size:30px}}
.hero-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.plans-link{margin-top:22px;font-weight:700}.plans-link:hover{color:var(--accent)}
.content-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.content-card{border:1px solid #ffffff20;border-radius:16px;overflow:hidden;background:var(--panel);transition:transform .2s,border-color .2s}.content-card:hover{transform:translateY(-5px);border-color:var(--accent)}.card-art{height:180px;display:flex;align-items:center;justify-content:space-between;padding:30px;background:linear-gradient(125deg,#402020,#241416);color:#ff4545;font-size:90px;line-height:1}.category-index{font-size:72px;font-weight:800;opacity:.2;letter-spacing:-5px}.category-1 .card-art{background:linear-gradient(125deg,#312447,#1a1727);color:#c6a1ff}.category-2 .card-art{background:linear-gradient(125deg,#173c42,#112427);color:#7bdae6}.content-copy{padding:28px}.content-copy .eyebrow{font-size:12px;letter-spacing:1.6px;margin:0 0 12px}.content-copy h3{font-size:32px;line-height:1.1;margin:0 0 16px;letter-spacing:-1px}.content-copy>p:not(.eyebrow){color:var(--muted);margin:0 0 24px;min-height:78px}.card-link{display:flex;justify-content:space-between;font-weight:700;border-top:1px solid #ffffff20;padding-top:20px}.card-link span{color:var(--accent)}@media(max-width:800px){.content-grid{grid-template-columns:1fr}.card-art{height:150px}.content-copy>p:not(.eyebrow){min-height:0}.content-copy{padding:24px}}@media(prefers-reduced-motion:reduce){.content-card{transition:none}.content-card:hover{transform:none}}
.cinema-strip{padding:28px 0 0}.cinema-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;font-size:12px;letter-spacing:2px;color:var(--muted)}.cinema-heading button{font:inherit;letter-spacing:0;font-size:14px;color:var(--text);border:1px solid #ffffff30;background:transparent;padding:8px 12px;border-radius:6px;cursor:pointer}.poster-window{overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent)}.poster-track{display:flex;width:max-content;animation:movie-scroll 42s linear infinite}.poster-group{display:flex;gap:18px;padding-right:18px;flex-shrink:0}.movie-poster{width:174px;margin:0;position:relative;overflow:hidden;border-radius:10px;background:#17201d;border:1px solid #ffffff26;aspect-ratio:2/3}.movie-poster img{display:block;width:100%;height:100%;object-fit:cover}.movie-poster figcaption{position:absolute;bottom:0;left:0;right:0;padding:32px 12px 12px;background:linear-gradient(transparent,#000e);font-size:14px;font-weight:700;color:#fff}.poster-note{font-size:12px;color:var(--muted);margin:12px 0 0}.cinema-strip:hover .poster-track,.is-paused .poster-track{animation-play-state:paused}.hero{padding-top:52px}.hero:after{top:60px}@keyframes movie-scroll{to{transform:translateX(-50%)}}@media(max-width:600px){.movie-poster{width:134px}.poster-group{gap:12px;padding-right:12px}.cinema-heading{letter-spacing:1px;font-size:12px}.cinema-heading button{font-size:12px}.hero{padding-top:38px}}
.poster-kind{position:absolute;top:10px;left:10px;padding:4px 9px;border-radius:5px;background:#080d0de6;color:#fff;font-size:12px;font-weight:700;letter-spacing:.3px}.channel-poster{background:#050505}.channel-poster img{object-fit:contain;padding:16px}.channel-poster .poster-kind{color:var(--accent)}.poster-track{animation-duration:48s}
/* Verde exclusivo para a economia do plano anual. */
.plan.featured{border-color:#c3f85c;background:#1b2418}.plan.featured .badge{color:#c3f85c}.plan.featured .button{background:#c3f85c;color:#15200a}.plan.featured .button:focus-visible{outline-color:#c3f85c}
.sports-poster{background:#f5f5f5}.sports-poster img{padding:16px}.sports-poster figcaption{background:linear-gradient(transparent,#000e)}.poster-track{animation-duration:60s}
body{background-color:#0b1710;background-image:linear-gradient(rgba(4,12,8,.78),rgba(4,12,8,.88)),url("assets/gramado.png");background-size:cover;background-position:center;background-attachment:fixed}.plan{background:#111b17f2}.plan.featured{background:#1b2418f5}header,footer{background:transparent}@media(max-width:600px){body{background-attachment:scroll;background-size:auto,auto 1100px}}
