:root{--font-inter:'Inter',system-ui,-apple-system,sans-serif}
.hero-animate{opacity:0;transform:translateY(20px)}
.network-line,.network-node{opacity:0}
.network-pulse{opacity:0}
.faq-answer{overflow:hidden}
.chevron{transition:transform 0.2s ease}
#testimonials-carousel::-webkit-scrollbar{display:none}
#testimonials-carousel.grabbing{cursor:grabbing;scroll-snap-type:none}
#testimonials-carousel.grabbing .testimonial-card{pointer-events:none}

.testimonial-card{scroll-snap-align:start;width:85vw;min-width:250px;max-width:340px}
.cookie-banner{position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--color-bg-card);border-top:1px solid var(--color-border);padding:1rem;transform:translateY(100%);transition:transform .3s ease;box-shadow:0 -4px 20px rgba(0,0,0,.15)}
.cookie-banner.visible{transform:translateY(0)}
.cookie-banner-inner{max-width:80rem;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem}
.cookie-banner-text{font-size:.8125rem;line-height:1.4;color:var(--color-text-secondary);flex:1 1 240px;margin:0}
.cookie-banner-text a{color:var(--color-primary);text-decoration:underline}
.cookie-banner-btn{padding:.625rem 1.5rem;background:var(--color-primary);color:var(--color-white);font-weight:600;font-size:.8125rem;border:none;border-radius:.75rem;cursor:pointer;white-space:nowrap;font-family:inherit;transition:background-color .15s ease}
.cookie-banner-btn:hover{background:var(--color-primary-dark)}
#hero h1,#hero p,#hero .text-primary,#hero .text-text-muted{text-shadow:0 4px 24px rgba(0,0,0,.5),0 1px 3px rgba(0,0,0,.35)}
#hero p.text-text-secondary{color:#cbd5e1}
#hero .text-text-muted{color:#94a3b8}
.logo-img{height:2.25rem;width:auto;display:block}
.watch-badge{display:inline-flex;align-items:center;background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:.375rem;padding:.125rem .3125rem;box-shadow:0 1px 2px rgba(15,23,42,.12)}
.watch-logo{height:.4375rem;width:auto;display:block}
.watch-chips{display:flex;flex-wrap:wrap;gap:.375rem}
.watch-chip{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:.5rem;font-size:.6875rem;font-weight:600;background:rgba(148,163,184,.12);color:var(--color-text-secondary);border:1px solid var(--color-border)}
.watch-chip-light{background:rgba(255,255,255,.15);color:#fff;border-color:rgba(255,255,255,.3)}
.watch-chip-btn{cursor:pointer;font-family:inherit;transition:background-color .15s,border-color .15s}
.watch-chip-btn:hover{border-color:var(--color-primary)}
.watch-chip-light.watch-chip-btn:hover{border-color:#fff}
.watch-block{padding-top:1rem;margin-bottom:1.5rem;border-top:1px solid var(--color-border)}
.watch-block-light{border-top-color:rgba(255,255,255,.2)}
.watch-block[hidden]{display:none}
.watch-head{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .5rem;margin-bottom:.75rem}
.benefit-wide{grid-column:1/-1;display:flex;flex-direction:column}
@media (min-width:40rem){.benefit-wide{flex-direction:row;align-items:center;gap:1.5rem}.benefit-wide>div:first-child{margin-bottom:0}}
.plan-toggle{display:flex;gap:.25rem;padding:.25rem;margin:1rem 0 1.25rem;border-radius:.75rem;background:rgba(148,163,184,.12)}
.plan-toggle-btn{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;min-height:2.25rem;padding:.375rem .25rem;border-radius:.5rem;font-size:.6875rem;font-weight:700;line-height:1.15;color:var(--color-text-muted);transition:background-color .2s,color .2s}
button.plan-toggle-btn{cursor:pointer}
button.plan-toggle-btn:hover:not(.is-active){color:var(--color-text)}
.plan-toggle-btn.is-active{background:var(--color-primary);color:#fff}
.plan-toggle-light{background:rgba(255,255,255,.15)}
.plan-toggle-light .plan-toggle-btn{color:rgba(255,255,255,.75)}
.plan-toggle-light .plan-toggle-btn:hover:not(.is-active){color:#fff}
.plan-toggle-light .plan-toggle-btn.is-active{background:#fff;color:var(--color-primary)}
.plan-name{display:flex;align-items:flex-end;min-height:3rem;font-size:1rem;font-weight:700;line-height:1.5rem}
.plan-price{margin-top:.5rem;font-size:1.625rem;font-weight:800;line-height:1;letter-spacing:-.02em;white-space:nowrap}
@media (min-width:80rem){.plan-price{font-size:1.875rem}}
.plan-price-cur,.plan-price-per{font-size:.875rem;font-weight:600;letter-spacing:0;opacity:.7}
.plan-price-per{margin-left:.125rem}
@media (min-width:40rem){.logo-img{height:2.5rem}}
.logo-link{margin-left:.25rem}
@media (min-width:40rem){.logo-link{margin-left:.5rem}}
@media (min-width:64rem){.logo-link{margin-left:1rem}}
.nav-desktop{display:none}
@media (min-width:64rem){
  .nav-desktop{display:flex!important}
  .nav-mobile-only{display:none!important}
}

/* ========== Watch showcase ========== */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.watch-section{--w-orange:#F74616;--w-purple:#6101D0;position:relative;padding:4rem 0;background:radial-gradient(55% 32% at 18% 28%,rgba(97,1,208,.18) 0%,transparent 100%),radial-gradient(45% 30% at 88% 42%,rgba(247,70,22,.12) 0%,transparent 100%),radial-gradient(50% 25% at 50% 80%,rgba(97,1,208,.08) 0%,transparent 100%)}
@media (min-width:40rem){.watch-section{padding:5rem 0}}
@media (min-width:48rem){.watch-section{padding:6rem 0}}

.watch-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:2.5rem}
@media (min-width:40rem){.watch-header{margin-bottom:3rem}}
.watch-eyebrow{display:inline-flex;padding:.375rem 1rem;border-radius:9999px;background:rgba(247,70,22,.12);color:#ff7a4d;font-size:.75rem;font-weight:600;margin-bottom:1.25rem}
@media (min-width:40rem){.watch-eyebrow{font-size:.875rem}}
.watch-header-logo{height:1.375rem;width:auto;max-width:100%}
@media (min-width:40rem){.watch-header-logo{height:1.875rem}}
@media (min-width:64rem){.watch-header-logo{height:2.125rem}}
.watch-header-text{margin-top:1rem;max-width:36rem;color:var(--color-text-secondary);font-size:.875rem;line-height:1.6}
@media (min-width:40rem){.watch-header-text{font-size:1rem}}

.watch-main{display:grid;gap:1rem;grid-template-columns:1fr}
@media (min-width:64rem){.watch-main{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:1.5rem;align-items:stretch}}

/* player */
.watch-player{position:relative;border-radius:1.25rem;overflow:hidden;background:#fff;aspect-ratio:16/9;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 24px 48px -24px rgba(97,1,208,.45)}
@media (min-width:64rem){.watch-player{align-self:center}}
.watch-player video{width:100%;height:100%;object-fit:cover;display:block}
.watch-controls{position:absolute;left:.75rem;right:.75rem;bottom:.75rem;display:flex;align-items:center;gap:.625rem;padding:.375rem;border-radius:9999px;background:rgba(3,7,18,.72);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1)}
.watch-ctrl-btn{flex-shrink:0;width:2.25rem;height:2.25rem;border-radius:9999px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:background-color .2s}
.watch-ctrl-btn:hover{background:rgba(255,255,255,.12)}
.watch-ctrl-btn:focus-visible{outline:2px solid var(--w-orange);outline-offset:2px}
.watch-ctrl-btn svg{width:1.125rem;height:1.125rem}
#watch-play-toggle{background:var(--w-orange)}
#watch-play-toggle:hover{background:#ff5a2b}
.watch-ctrl-btn .icon-play,.watch-ctrl-btn .icon-unmuted{display:none}
.watch-ctrl-btn.is-paused .icon-pause{display:none}
.watch-ctrl-btn.is-paused .icon-play{display:block}
.watch-ctrl-btn.is-unmuted .icon-muted{display:none}
.watch-ctrl-btn.is-unmuted .icon-unmuted{display:block}
.watch-progress{flex:1;height:.25rem;border-radius:9999px;background:rgba(255,255,255,.18);overflow:hidden}
.watch-progress span{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--w-purple),var(--w-orange))}

/* side panel */
.watch-side{display:flex;flex-direction:column;padding:1.5rem;border-radius:1.25rem;background:var(--color-bg-card);border:1px solid rgba(255,255,255,.06)}
@media (min-width:40rem){.watch-side{padding:2rem}}
.watch-side-tag{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#ff7a4d;margin-bottom:.5rem}
.watch-side-title{font-size:1.25rem;font-weight:800;color:var(--color-text);line-height:1.25}
@media (min-width:40rem){.watch-side-title{font-size:1.375rem}}
.watch-side-text{margin-top:.5rem;font-size:.875rem;line-height:1.6;color:var(--color-text-secondary)}
.watch-logos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;margin:1.25rem 0 1.5rem}
.watch-logos li{display:flex;align-items:center;justify-content:center;height:3rem;border-radius:.75rem;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06)}
.watch-logos img{max-height:1.375rem;max-width:70%;width:auto;object-fit:contain;filter:brightness(0) invert(1);opacity:.85}
.watch-cta{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;gap:.375rem;width:100%;padding:.875rem 1.25rem;border-radius:1rem;background:var(--w-orange);color:#fff;font-weight:600;font-size:.875rem;transition:background-color .2s}
.watch-cta:hover{background:#e03d10}

/* sports banner */
.watch-sports{position:relative;margin-top:5.5rem;display:grid;grid-template-columns:1fr;gap:1.25rem;padding:1.5rem;border-radius:1.25rem;background:linear-gradient(120deg,#062a1f 0%,#0b1f2a 55%,var(--color-bg-card) 100%);border:1px solid rgba(52,211,153,.18)}
.watch-sports-players{display:flex;align-items:flex-end;justify-content:center;height:10rem;margin-top:-4.5rem;pointer-events:none}
.watch-sports-players img{height:100%;width:auto;filter:drop-shadow(0 10px 16px rgba(0,0,0,.5))}
.watch-sports-player-1{height:84%!important;margin-right:-.5rem}
.watch-sports-text{position:relative}
.watch-sports-tag{display:inline-block;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#34d399;margin-bottom:.5rem}
.watch-sports-title{font-size:1.125rem;font-weight:800;line-height:1.3;color:var(--color-text)}
.watch-sports-desc{margin-top:.5rem;font-size:.875rem;line-height:1.55;color:var(--color-text-secondary)}
.watch-sports-link{display:inline-flex;gap:.25rem;margin-top:.875rem;font-size:.875rem;font-weight:600;color:#34d399}
.watch-sports-link:hover{text-decoration:underline}
.watch-sports-kv{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:.875rem}
@media (min-width:48rem){
  .watch-sports{grid-template-columns:minmax(0,1fr) 17rem;gap:1.25rem 1.5rem;padding:2rem;margin-top:4.5rem}
  .watch-sports-text{grid-column:1;grid-row:1}
  .watch-sports-kv{grid-column:1;grid-row:2}
  .watch-sports-players{grid-column:2;grid-row:1/span 2;height:auto;align-self:end;justify-content:flex-end;margin:-4rem 0 -2rem 0}
  .watch-sports-players img{height:15rem}
  .watch-sports-player-1{height:12.5rem!important;margin-right:-1rem}
  .watch-sports-title{font-size:1.375rem}
}
@media (min-width:64rem){
  .watch-sports{grid-template-columns:minmax(0,1fr) 20rem}
  .watch-sports-players img{height:18rem}
  .watch-sports-player-1{height:15rem!important;margin-right:-1.25rem}
}
@media (min-width:80rem){
  .watch-sports{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 21rem;gap:2rem;align-items:center;padding:2.25rem 2.5rem}
  .watch-sports-kv{grid-column:2;grid-row:1}
  .watch-sports-players{grid-column:3;grid-row:1;margin:-5rem 0 -2.25rem 0}
  .watch-sports-players img{height:17rem}
  .watch-sports-player-1{height:14rem!important;margin-right:-1.25rem}
  .watch-sports-title{font-size:1.5rem}
}

/* ========== Channels modal ========== */
.channels-modal{position:fixed;inset:0;z-index:80;background:var(--color-bg);overflow-y:auto}
.channels-modal[hidden]{display:none}
.channels-modal-back{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .875rem;margin-bottom:1.5rem;border-radius:.625rem;background:rgba(148,163,184,.12);color:var(--color-text);font-weight:600;font-size:.8125rem;cursor:pointer}
.channels-modal-back:hover{background:rgba(148,163,184,.22)}
.channels-modal-head{margin-bottom:1.5rem}
.channels-modal-watch-logo{height:1.125rem;margin-bottom:.75rem}
.channels-modal-head h3{font-size:1.5rem;font-weight:800;color:var(--color-text)}
.channels-modal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1.5rem}
@media (min-width:40rem){.channels-modal-grid{grid-template-columns:repeat(3,1fr)}}
@media (min-width:64rem){.channels-modal-grid{grid-template-columns:repeat(4,1fr)}}
.channel-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border-radius:.875rem;background:var(--color-bg-card);border:1px solid var(--color-border)}
.channel-item img{height:1.5rem;width:auto;max-width:3rem;object-fit:contain;filter:brightness(0) invert(1)}
.channel-item span{font-size:.8125rem;font-weight:600;color:var(--color-text-secondary)}
.watch-lineup-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;margin-top:.625rem;min-height:2.5rem;padding:.5rem 1rem;border-radius:999px;font:inherit;font-size:.75rem;font-weight:700;letter-spacing:.01em;color:#fff;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.35);cursor:pointer;transition:background-color .2s,border-color .2s}
.watch-lineup-btn:hover{background:rgba(255,255,255,.24);border-color:#fff}
.watch-lineup-btn:focus-visible{outline:2px solid #fff;outline-offset:2px}
.watch-lineup-btn[hidden]{display:none}
.channels-search{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:.5rem;margin:0 0 1.25rem;padding:.625rem .875rem;border-radius:.75rem;background:var(--color-bg-card,#111827);border:1px solid var(--color-border);color:var(--color-text-muted);box-shadow:0 8px 20px rgba(3,7,18,.6)}
.channels-search input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:var(--color-text);font:inherit;font-size:16px}
.channels-search:focus-within{border-color:var(--color-primary)}
.channels-groups{display:grid;gap:1.25rem;margin-bottom:1.5rem}
.channels-group[hidden]{display:none}
.channels-group h4{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.625rem;font-size:.8125rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-secondary)}
.channels-group h4 small{font-size:.75rem;font-weight:600;letter-spacing:0;color:var(--color-text-muted)}
.channels-group ul{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;padding:0}
.channels-group li{padding:.4rem .75rem;border-radius:.5rem;font-size:.8125rem;font-weight:500;color:var(--color-text);background:rgba(148,163,184,.1);border:1px solid var(--color-border)}
.channels-group li[hidden]{display:none}
.channels-empty{padding:1.5rem 0;color:var(--color-text-muted);font-size:.875rem}
.channels-empty[hidden]{display:none}
.channels-modal-foot{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem;padding-top:1.25rem;border-top:1px solid var(--color-border)}
.channels-modal-cta{display:inline-flex;align-items:center;gap:.5rem;min-height:2.75rem;padding:.625rem 1.25rem;border-radius:.75rem;background:#22c55e;color:#04130a;font-weight:700;font-size:.9375rem}
.channels-modal-cta:hover{background:#16a34a}
.channels-modal-note{font-size:.8125rem;color:var(--color-text-muted);max-width:40rem;line-height:1.5}


/* ================= REDESIGN: ambient background + motion ================= */
:root{--g-purple:97,1,208;--g-orange:247,70,22;--g-blue:61,127,255}
html{scroll-padding-top:5rem}
body{background:var(--color-bg)}
main section{scroll-margin-top:0}
#hero-parallax{top:-3rem}
@media (min-width:48rem){main section.ambient{padding-block:5rem}}

/* Ambient glows (Watch palette). Ellipses are centred away from the edges so sections blend with no seams. */
.ambient{position:relative;isolation:isolate}
.ambient::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none}
.ambient-a::before{background:radial-gradient(48% 34% at 12% 40%,rgba(var(--g-purple),.16) 0%,transparent 100%),radial-gradient(40% 30% at 92% 62%,rgba(var(--g-orange),.10) 0%,transparent 100%)}
.ambient-b::before{background:radial-gradient(44% 32% at 90% 38%,rgba(var(--g-orange),.10) 0%,transparent 100%),radial-gradient(50% 34% at 10% 64%,rgba(var(--g-purple),.14) 0%,transparent 100%)}
.ambient-c::before{background:radial-gradient(55% 34% at 50% 45%,rgba(var(--g-purple),.14) 0%,transparent 100%),radial-gradient(30% 24% at 85% 60%,rgba(var(--g-orange),.08) 0%,transparent 100%)}

/* Hero: drifting glow blobs + animated headline gradient */
.hero-blob{position:absolute;border-radius:9999px;filter:blur(70px);pointer-events:none;will-change:transform;opacity:.55}
.hero-blob-1{width:38rem;height:38rem;left:-12rem;top:8%;background:radial-gradient(circle,rgba(var(--g-purple),.55) 0%,transparent 65%);animation:blob-drift-1 22s ease-in-out infinite alternate}
.hero-blob-2{width:32rem;height:32rem;right:-10rem;top:30%;background:radial-gradient(circle,rgba(var(--g-orange),.38) 0%,transparent 65%);animation:blob-drift-2 26s ease-in-out infinite alternate}
.hero-blob-3{width:28rem;height:28rem;left:35%;bottom:-14rem;background:radial-gradient(circle,rgba(var(--g-blue),.35) 0%,transparent 65%);animation:blob-drift-3 30s ease-in-out infinite alternate}
@media (max-width:40rem){.hero-blob{filter:blur(50px)}.hero-blob-1{width:22rem;height:22rem;left:-9rem}.hero-blob-2{width:20rem;height:20rem;right:-8rem}.hero-blob-3{width:18rem;height:18rem;bottom:-9rem}}
@keyframes blob-drift-1{to{transform:translate3d(8rem,4rem,0) scale(1.1)}}
@keyframes blob-drift-2{to{transform:translate3d(-7rem,-3rem,0) scale(.92)}}
@keyframes blob-drift-3{to{transform:translate3d(-6rem,-4rem,0) scale(1.08)}}
#hero .hero-gradient-text{white-space:nowrap}
.hero-gradient-text{text-shadow:none;filter:drop-shadow(0 4px 20px rgba(0,0,0,.35))}
.hero-gradient-text{background:linear-gradient(90deg,#7aa8ff 0%,#b794ff 35%,#ff8a5c 65%,#7aa8ff 100%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:text-flow 8s linear infinite}
@keyframes text-flow{to{background-position:200% center}}

/* Header: transparent over hero, frosted once scrolled */
.site-header{background:transparent;border-bottom:1px solid transparent;transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease}
.site-header.is-scrolled{background:rgba(3,7,18,.78);-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);border-bottom-color:rgba(148,163,184,.1);box-shadow:0 10px 30px -12px rgba(0,0,0,.6)}
.site-header.menu-open{background:rgba(3,7,18,.96)}
/* barra de rolagem na mesma paleta da barra de progresso do topo */
@supports not selector(::-webkit-scrollbar){
  html{scrollbar-width:thin;scrollbar-color:rgb(var(--g-purple)) rgba(148,163,184,.08)}
}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:rgba(148,163,184,.08)}
::-webkit-scrollbar-thumb{border-radius:9999px;border:2px solid transparent;background-clip:padding-box;
  background-image:linear-gradient(180deg,rgb(var(--g-blue)),rgb(var(--g-purple)),rgb(var(--g-orange)))}
::-webkit-scrollbar-thumb:hover{border-width:1px}
::-webkit-scrollbar-corner{background:transparent}
@media (prefers-reduced-motion:no-preference){::-webkit-scrollbar-thumb{transition:border-width .15s ease}}

.scroll-progress{position:absolute;left:0;right:0;bottom:-1px;height:2px;pointer-events:none}
.scroll-progress span{display:block;height:100%;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,rgb(var(--g-blue)),rgb(var(--g-purple)),rgb(var(--g-orange)))}
nav.nav-desktop a.is-active{color:var(--color-text);background:rgba(148,163,184,.08)}

/* Glass cards: translucent so the ambient glow shows through, with visible hairline borders */
main .bg-bg-card{background-color:rgba(30,41,59,.55)}
main .border-border{border-color:rgba(148,163,184,.12)}
main .hover\:bg-bg-card-hover:hover{background-color:rgba(51,65,85,.6)}
.watch-side{background:rgba(30,41,59,.55)}

/* Cursor spotlight on cards (pointer devices only) */
.spotlight{position:relative}
.spotlight::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .35s ease;background:radial-gradient(22rem circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.07),transparent 45%)}
@media (hover:hover){.spotlight:hover::after{opacity:1}}

/* Button shine sweep */
.btn-shine{position:relative;overflow:hidden;isolation:isolate}
.btn-shine::before{content:"";position:absolute;top:0;left:-75%;width:50%;height:100%;z-index:-1;background:linear-gradient(100deg,transparent,rgba(255,255,255,.28),transparent);transform:skewX(-20deg);transition:left .7s ease}
@media (hover:hover){.btn-shine:hover::before{left:130%}}

/* Card hover lift (smoother than the default) */
.plan-card,.coverage-card,.testimonial-card{transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,border-color .35s ease}
@media (hover:hover){.coverage-card:hover{transform:translateY(-2px)}}

/* Carousel edge fade */
.carousel-fade{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 3%,#000 97%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 3%,#000 97%,transparent 100%)}

/* Footer: slightly deeper, gradient hairline on top */
.site-footer{position:relative;background:linear-gradient(180deg,rgba(15,23,42,.35),rgba(2,4,12,.9))}
.site-footer::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--g-purple),.6),rgba(var(--g-orange),.5),transparent)}

/* Reveal-on-scroll initial state is set by JS only (content stays visible if JS fails) */

/* Missing Tailwind utilities (classes used in the HTML but absent from the compiled CSS) */
.mb-6{margin-bottom:calc(var(--spacing)*6)}
.py-5{padding-block:calc(var(--spacing)*5)}
.py-6{padding-block:calc(var(--spacing)*6)}
.h-12{height:calc(var(--spacing)*12)}
.w-12{width:calc(var(--spacing)*12)}
.max-w-5xl{max-width:64rem}
.items-stretch{align-items:stretch}
.border-2{border-style:solid;border-width:2px}
.border-primary\/40{border-color:rgba(61,127,255,.4)}
.border-accent\/50{border-color:rgba(196,248,255,.5)}
.cursor-grab{cursor:grab}
.translate-x-3{translate:.75rem 0}
.-translate-x-3{translate:-.75rem 0}
.-translate-y-1\/2.translate-x-3{translate:.75rem -50%}
.-translate-y-1\/2.-translate-x-3{translate:-.75rem -50%}
.placeholder-text-muted::placeholder{color:var(--color-text-muted)}
.focus\:ring-primary\/30:focus{--tw-ring-color:rgba(61,127,255,.3)}
@media (hover:hover){
  .hover\:-translate-y-2:hover{translate:0 -.5rem}
  .hover\:bg-gray-100:hover{background-color:#f3f4f6}
  .hover\:border-accent:hover{border-color:var(--color-accent)}
  .hover\:underline:hover{text-decoration-line:underline}
}
@media (min-width:40rem){
  .sm\:mb-10{margin-bottom:calc(var(--spacing)*10)}
  .sm\:mb-14{margin-bottom:calc(var(--spacing)*14)}
  .sm\:mt-14{margin-top:calc(var(--spacing)*14)}
  .sm\:py-6{padding-block:calc(var(--spacing)*6)}
  .sm\:py-10{padding-block:calc(var(--spacing)*10)}
}
@media (min-width:48rem){.md\:py-24{padding-block:calc(var(--spacing)*24)}}

/* Respect reduced motion */
@media (prefers-reduced-motion:reduce){
  .hero-blob,.hero-gradient-text{animation:none}
  .btn-shine::before{display:none}
  .plan-card,.coverage-card,.testimonial-card{transition:none}
}


/* ================= HERO with video banner ================= */
.hero-grid{display:grid;gap:2.5rem;align-items:center}
.hero-copy{text-align:center}
.hero-media{position:relative;width:100%;max-width:40rem;margin:0 auto}
.hero-media-tag{display:inline-flex;align-items:center;gap:.4rem;margin-bottom:.75rem;padding:.3rem .8rem;border-radius:9999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);font-size:.75rem;font-weight:500;color:var(--color-text-secondary)}
.hero-media-logo{height:.55rem;width:auto}
.watch-player{--w-orange:#F74616;--w-purple:#6101D0}
@media (min-width:64rem){
  .hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:3.5rem}
  .hero-copy{text-align:left}
  .hero-copy h1{font-size:3rem}
  .hero-copy p{margin-left:0}
  .hero-copy .justify-center{justify-content:flex-start}
  .hero-copy .grid{margin-left:0}
  .hero-media{max-width:none}
}
@media (min-width:80rem){.hero-copy h1{font-size:3.625rem}}

/* ================= Watch section: Warner panel ================= */
.watch-wbd{display:grid;gap:1.5rem;padding:1.5rem;border-radius:1.25rem;background:rgba(30,41,59,.55);border:1px solid rgba(255,255,255,.06)}
.watch-wbd-info{display:flex;flex-direction:column;align-items:flex-start}
.watch-wbd .watch-logos{margin:0}
.watch-wbd .watch-cta{width:auto;margin-top:1.25rem;padding:.8rem 1.4rem}
@media (min-width:48rem){.watch-wbd{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:2.5rem;padding:2rem 2.25rem}}

/* ================= Plans: themed cards ================= */
.plans-grid{display:grid;grid-template-columns:1fr;gap:2rem;align-items:stretch;padding-top:1rem}
@media (min-width:40rem){.plans-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.25rem 1.5rem}}
@media (min-width:64rem){.plans-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem}}

.plan-card{--pc-accent:#3d7fff;--pc-cta:#2563eb;--pc-check:#6fa0ff;--pc-glow:rgba(61,127,255,.35);
  display:flex;flex-direction:column;border-radius:1.5rem;border:1px solid rgba(148,163,184,.14);background:rgba(15,23,42,.62);
  transition:translate .35s cubic-bezier(.2,.8,.2,1),border-color .4s ease,box-shadow .4s ease}
.plan-card[data-theme="play"]{--pc-accent:#7c3aed;--pc-cta:#6d28d9;--pc-check:#c4b5fd;--pc-glow:rgba(124,58,237,.4)}
.plan-card[data-theme="ultra"]{--pc-accent:#3d7fff;--pc-cta:#2563eb;--pc-check:#93c5fd;--pc-glow:rgba(61,127,255,.45)}
.plan-card[data-theme="sports"],.plan-card[data-theme="sports2"]{--pc-accent:#059669;--pc-cta:#047857;--pc-check:#34d399;--pc-glow:rgba(16,185,129,.4)}
.plan-card[data-theme="warner"]{--pc-accent:#2563eb;--pc-cta:#1d4ed8;--pc-check:#93c5fd;--pc-glow:rgba(37,99,235,.45)}
@media (hover:hover){.plan-card:hover{translate:0 -6px;border-color:var(--pc-accent);box-shadow:0 24px 48px -24px var(--pc-glow)}}
.plan-card--featured{border-color:var(--pc-accent);box-shadow:0 0 0 1px var(--pc-accent),0 28px 60px -24px var(--pc-glow)}
@media (min-width:64rem){.plan-card--featured{scale:1.03;z-index:2}}

.plan-badge{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);z-index:6;padding:.375rem 1rem;border-radius:9999px;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;box-shadow:0 8px 20px -6px rgba(0,0,0,.5)}
.badge-accent{background:#C4F8FF;color:#0f172a}
.badge-primary{background:var(--color-primary);color:#fff}

/* header band */
.plan-hero{position:relative;height:7.5rem;padding:1.1rem 1.25rem;display:flex;align-items:flex-end}
@media (min-width:40rem){.plan-hero{height:8.5rem;padding:1.25rem 1.5rem}}
.plan-art{position:absolute;inset:0;border-radius:calc(1.5rem - 1px) calc(1.5rem - 1px) 0 0;overflow:hidden;opacity:0;transition:opacity .45s ease}
.plan-card[data-theme="internet"] .plan-art--internet,.plan-card[data-theme="play"] .plan-art--play,.plan-card[data-theme="ultra"] .plan-art--ultra,
.plan-card[data-theme="sports"] .plan-art--sports,.plan-card[data-theme="sports2"] .plan-art--sports2,.plan-card[data-theme="warner"] .plan-art--warner{opacity:1}
.plan-art--internet{background:radial-gradient(90% 120% at 100% 0%,rgba(61,127,255,.45) 0%,transparent 60%),linear-gradient(135deg,#0f1e3d 0%,#0b1225 100%)}
.plan-art-rings{position:absolute;right:-1rem;top:-1rem;width:11rem;height:11rem;fill:none;stroke:rgba(147,197,253,.22);stroke-width:1.2}
.plan-art--play{background:radial-gradient(80% 110% at 100% 0%,rgba(247,70,22,.85) 0%,transparent 60%),linear-gradient(125deg,#4c0199 0%,#6101D0 45%,#a2129e 100%)}
.plan-art--ultra{background:radial-gradient(80% 110% at 100% 0%,rgba(56,189,248,.6) 0%,transparent 60%),linear-gradient(135deg,#1e3a8a 0%,#2563eb 55%,#3d7fff 100%)}
.plan-art--sports,.plan-art--sports2{background:radial-gradient(70% 100% at 85% 100%,rgba(250,204,21,.28) 0%,transparent 60%),linear-gradient(135deg,#047857 0%,#065f46 55%,#022c22 100%)}
.plan-art--warner{background:radial-gradient(80% 110% at 100% 0%,rgba(96,165,250,.5) 0%,transparent 60%),linear-gradient(135deg,#0a1440 0%,#12297a 55%,#1d4ed8 100%)}
.plan-art-watch{position:absolute;right:1rem;top:1rem;height:1.75rem;width:auto;opacity:.95}
.plan-art-brasileirao{position:absolute;left:1.25rem;top:1rem;height:2.6rem;width:auto;filter:drop-shadow(0 2px 6px rgba(0,0,0,.35))}
@media (min-width:40rem){.plan-art-brasileirao{left:1.5rem;height:2.9rem}}
.plan-art-wbd{position:absolute;right:1rem;top:1.6rem;display:flex;gap:.6rem;align-items:center}
.plan-art-wbd img{height:1rem;width:auto;max-width:2.75rem;object-fit:contain;filter:brightness(0) invert(1);opacity:.9}
.plan-pop{position:absolute;right:.25rem;bottom:0;z-index:2;height:9.5rem;display:flex;align-items:flex-end;pointer-events:none;opacity:0;translate:0 10px;transition:opacity .45s ease,translate .45s ease}.plan-pop img{display:block;height:100%;width:auto;flex:none;filter:drop-shadow(0 8px 12px rgba(0,0,0,.45));-webkit-mask-image:linear-gradient(#000 80%,transparent);mask-image:linear-gradient(#000 80%,transparent)}.plan-pop img:not(:last-child){height:82%;margin-right:-1.6rem}.plan-pop--crowd img:nth-child(1){height:68%;margin-right:-2.3rem}.plan-pop--crowd img:nth-child(2){height:76%;margin-right:-2.7rem}.plan-pop--crowd img:nth-child(3){height:86%;margin-right:-2.3rem}
@media (min-width:40rem){.plan-pop{height:10.75rem}}
@media (min-width:64rem){.plan-pop{height:9.25rem;right:-.25rem}}
.plan-card[data-theme="sports"] .plan-pop--sports,.plan-card[data-theme="sports2"] .plan-pop--sports2{opacity:1;translate:0 0}
.plan-pop--crowd{height:8.25rem}
@media (min-width:40rem){.plan-pop--crowd{height:8.5rem}}
@media (min-width:64rem){.plan-pop--crowd{height:7.25rem;right:.1rem}}
@media (min-width:64rem) and (max-width:79.99rem){.plan-pop--sports,.plan-pop--crowd{height:6.75rem;right:-.35rem}.plan-pop--sports img:not(:last-child),.plan-pop--crowd img:not(:last-child){display:none}}
.plan-speed{position:relative;z-index:3;font-size:2.25rem;font-weight:800;line-height:1;color:#fff;letter-spacing:-.02em;text-shadow:0 2px 12px rgba(0,0,0,.35)}
.plan-speed span{font-size:1.125rem;font-weight:700;opacity:.9;letter-spacing:0}
@media (min-width:40rem){.plan-speed{font-size:2.5rem}}

/* body */
.plan-body{display:flex;flex-direction:column;flex:1;padding:1.25rem 1.25rem 1.5rem}
@media (min-width:40rem){.plan-body{padding:1.25rem 1.5rem 1.5rem}}
.plan-card .plan-toggle{margin:0 0 1rem}
.plan-card .plan-toggle-btn{flex-direction:column;gap:.1rem;min-height:2.9rem;padding:.4rem .35rem}
.plan-card .plan-toggle-btn.is-active{background:var(--pc-accent);color:#fff}
.plan-toggle--single .plan-toggle-btn{cursor:default}
.tg-top{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;opacity:.8}
.tg-bot{font-size:.75rem;font-weight:700;line-height:1.15}
.plan-card .plan-name{color:var(--color-text)}
.plan-card .plan-price{color:var(--color-text)}
.plan-head{margin-bottom:1.25rem}
.plan-features{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem;flex:1}
.plan-features li[hidden]{display:none}
.plan-features li{display:flex;align-items:flex-start;gap:.5rem;font-size:.875rem;line-height:1.45;color:var(--color-text-secondary)}
.plan-check{width:1.125rem;height:1.125rem;flex-shrink:0;margin-top:.12rem;color:var(--pc-check);transition:color .4s ease}

/* Watch block: centred under the Watch logo */
.plan-card .watch-block{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.5rem;padding-top:1rem;margin-bottom:1.25rem;border-top:1px solid rgba(148,163,184,.14)}
.plan-card .watch-block[hidden]{display:none}
.watch-tier{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}
.plan-card .watch-chips{justify-content:center}
.plan-card .watch-chip-btn:hover{border-color:var(--pc-accent)}

.plan-cta{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.875rem 1rem;border-radius:1rem;background:var(--pc-cta);color:#fff;font-weight:600;font-size:.875rem;transition:background-color .4s ease,filter .2s ease}
.plan-cta:hover{filter:brightness(1.12)}

@media (prefers-reduced-motion:reduce){.plan-art,.plan-pop,.plan-card{transition:none}}


/* ================= HERO: full-screen video banner ================= */
.hero-banner{position:relative;isolation:isolate;min-height:100vh;min-height:100svh;display:flex;align-items:stretch;overflow:hidden;padding:6rem 0 2.75rem}
.hero-video-wrap{position:absolute;inset:0;z-index:-2;background:#030712 url(../video/4net-banner-poster.jpg) center/cover no-repeat}
.hero-video{width:100%;height:100%;object-fit:cover;object-position:center}
.hero-overlay{position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(180deg,rgba(3,7,18,.72) 0%,rgba(3,7,18,.5) 35%,rgba(3,7,18,.7) 80%,#030712 100%)}
@media (min-width:64rem){
  .hero-overlay{background:
    linear-gradient(90deg,rgba(3,7,18,.85) 0%,rgba(3,7,18,.55) 45%,rgba(3,7,18,.1) 80%),
    linear-gradient(180deg,rgba(3,7,18,.7) 0%,rgba(3,7,18,.4) 30%,transparent 60%,#030712 100%)}
}
.hero-content{position:relative;display:flex;flex-direction:column;flex:1}
/* titulo no topo, botoes e selos empurrados para baixo */
.hero-copy{display:flex;flex-direction:column;flex:1}
.hero-foot{margin-top:auto;padding-top:3rem}
.hero-cta-row{display:flex;flex-direction:column;gap:.75rem;justify-content:center}
@media (min-width:40rem){.hero-cta-row{flex-direction:row;gap:1rem}}
.hero-banner .hero-copy{max-width:42rem;margin:0 auto}
@media (min-width:64rem){.hero-banner .hero-copy{margin:0}.hero-banner .hero-copy h1{font-size:3.5rem}}
@media (min-width:80rem){.hero-banner .hero-copy h1{font-size:4.25rem}}
.hero-scroll{position:absolute;left:50%;bottom:1.25rem;translate:-50% 0;width:2.75rem;height:2.75rem;border-radius:9999px;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.2);background:rgba(3,7,18,.35);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:hero-bounce 2.4s ease-in-out infinite}
.hero-scroll svg{width:1.25rem;height:1.25rem}
.hero-scroll:hover{color:#fff;border-color:rgba(255,255,255,.45)}
@keyframes hero-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}
@media (max-height:40rem){.hero-scroll{display:none}}
/* Portrait phones/tablets: full-screen vertical video (A Um App de Tudo, 9:16).
   First screen = video + badge + title + CTAs at the bottom; paragraph + stats follow on scroll. */
@media (orientation:portrait) and (max-width:63.99rem){
  .hero-banner{align-items:stretch;padding:5rem 0 5rem;min-height:100svh}
  .hero-foot{padding-top:2rem}
  .hero-cta-row{display:grid;grid-template-columns:1fr 1fr;gap:.625rem}
  .hero-cta-row>a:first-child{grid-column:1 / -1}
  .hero-cta-row>a{padding-inline:.75rem;min-height:3rem;font-size:.9375rem}
  .hero-video-wrap{bottom:auto;height:100vh;height:100svh;background-image:url(../video/4net-banner-vertical-poster.jpg?v=2);background-position:center}
  .hero-video{object-position:center}
  .hero-overlay{bottom:auto;height:100vh;height:100svh;background:
    linear-gradient(180deg,rgba(3,7,18,.8) 0%,rgba(3,7,18,.68) 22%,rgba(3,7,18,.18) 42%,rgba(3,7,18,.55) 65%,rgba(3,7,18,.88) 82%,#030712 100%)}
  .hero-banner .hero-copy{display:flex;flex-direction:column}
  
  .hero-banner .hero-copy h1,.hero-banner .hero-copy p{text-shadow:0 2px 14px rgba(0,0,0,.7),0 1px 3px rgba(0,0,0,.55)}
  .hero-banner .hero-copy .flex-col{flex-direction:row;gap:.625rem}
  .hero-banner .hero-copy .flex-col>a{flex:1 1 0;padding-inline:.75rem;min-height:3.25rem}
  .hero-scroll{display:none}
}
@media (orientation:portrait) and (max-width:23.5rem){
  .hero-banner .hero-copy h1{font-size:1.75rem}
  .hero-banner .hero-copy p{font-size:.9375rem}
}

@media (prefers-reduced-motion:reduce){.hero-scroll{animation:none}}


/* ================= Mobile / touch ergonomics ================= */
@media (max-width:63.99rem),(pointer:coarse){
  .watch-ctrl-btn{width:2.75rem;height:2.75rem}
  .watch-chip-btn{min-height:2.5rem;padding-inline:.875rem;font-size:.75rem}
  .watch-sports-link{padding:.625rem 0}
  .site-footer a{display:inline-flex;align-items:center;min-height:2.75rem}
  .site-footer a[aria-label]{min-width:2.75rem;justify-content:center}
  .site-footer li,.site-footer .space-y-2>*,.site-footer .space-y-3>*{margin-block:0}
  .cookie-banner-btn{min-height:2.75rem}
  .plan-card .plan-toggle-btn{min-height:3rem}
  .faq-toggle{min-height:3.25rem}
  #mobile-menu a{min-height:2.75rem;display:flex;align-items:center}
  #mobile-menu a.text-center{justify-content:center}
}
/* Safe areas (notch / home indicator) */
#whatsapp-fab{bottom:max(1.5rem,env(safe-area-inset-bottom));right:max(1.5rem,env(safe-area-inset-right))}
.cookie-banner{padding-bottom:max(1rem,env(safe-area-inset-bottom))}
/* Channels modal: comfortable on phones */
@media (max-width:40rem){.channels-modal-grid{gap:.5rem}.channel-item{padding:.75rem;gap:.5rem}.channel-item span{font-size:.75rem}}

/* ================= Plans: Watch block ABOVE the plan info ================= */
.plan-card .watch-block{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  gap:.5rem;min-height:6.75rem;margin:0 0 .5rem;padding:.875rem .75rem;border-top:0;border-radius:1rem;
  background:rgba(148,163,184,.06);border:1px solid rgba(148,163,184,.12)}
.plan-card .watch-content{display:flex;flex-direction:column;align-items:center;gap:.5rem}
.plan-card .watch-block.is-empty .watch-content{display:none}
.plan-card .watch-none{display:none;margin:0;font-size:.8125rem;font-weight:600;color:var(--color-text-muted)}
.plan-card .watch-block.is-empty .watch-none{display:block}
.plan-card .watch-badge{padding:.3rem .6rem;border-radius:.5rem}
.plan-card .watch-logo{height:.75rem;width:auto}
.plan-card .watch-tier{font-size:.6875rem;line-height:1.3}
@media (max-width:39.99rem){.plan-card .watch-block.is-empty{display:none}}
@media (max-width:63.99rem),(pointer:coarse){.plan-card .watch-chip{min-height:2.5rem;padding-inline:.875rem;font-size:.75rem}}

/* ================= Plans: theme covers the WHOLE card ================= */
.plan-card{position:relative;background:#0b1225;border-color:rgba(255,255,255,.12)}
.plan-card .plan-art{inset:0;border-radius:calc(1.5rem - 1px);z-index:0}
.plan-card .plan-hero{z-index:1}
.plan-card .plan-body{position:relative;z-index:1}
.plan-art--internet{background:radial-gradient(90% 40% at 100% 0%,rgba(61,127,255,.45) 0%,transparent 70%),linear-gradient(180deg,#16326b 0%,#0f1f45 28%,#0c1733 60%,#0a1226 100%)}
.plan-art--play{background:radial-gradient(85% 35% at 100% 0%,rgba(247,70,22,.8) 0%,transparent 70%),linear-gradient(180deg,#6101D0 0%,#4b0b9c 26%,#2f0c66 58%,#1c0b3d 100%)}
.plan-art--ultra{background:radial-gradient(85% 35% at 100% 0%,rgba(56,189,248,.55) 0%,transparent 70%),linear-gradient(180deg,#2563eb 0%,#1e40af 28%,#152c75 60%,#0d1b47 100%)}
.plan-art--sports,.plan-art--sports2{background:radial-gradient(75% 35% at 85% 18%,rgba(250,204,21,.25) 0%,transparent 70%),linear-gradient(180deg,#059669 0%,#065f46 28%,#054434 60%,#032b21 100%)}
.plan-art--warner{background:radial-gradient(85% 35% at 100% 0%,rgba(96,165,250,.5) 0%,transparent 70%),linear-gradient(180deg,#1d4ed8 0%,#153593 28%,#0f2362 60%,#0a173f 100%)}

/* content on themed background */
.plan-card .plan-name,.plan-card .plan-price{color:#fff}
.plan-card .plan-price-cur,.plan-card .plan-price-per{color:rgba(255,255,255,.75);opacity:1}
.plan-card .plan-features li{color:rgba(255,255,255,.82)}
.plan-card[data-theme] .plan-check{color:var(--pc-check)}
.plan-card .plan-toggle{background:rgba(0,0,0,.22);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.plan-card .plan-toggle-btn{color:rgba(255,255,255,.62)}
.plan-card button.plan-toggle-btn:hover:not(.is-active){color:#fff}
.plan-card .plan-toggle-btn.is-active{background:#fff;color:var(--pc-cta);box-shadow:0 4px 14px -6px rgba(0,0,0,.5)}
.plan-card .watch-block{background:rgba(0,0,0,.2);border-color:rgba(255,255,255,.12)}
.plan-card .watch-tier{color:rgba(255,255,255,.7)}
.plan-card .watch-none{color:rgba(255,255,255,.6)}
.plan-card .watch-chip{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);color:#fff}
.plan-card .watch-chip-btn:hover{background:rgba(255,255,255,.18);border-color:#fff}
.plan-card .plan-cta{background:#fff;color:var(--pc-cta);font-weight:700;box-shadow:0 10px 24px -12px rgba(0,0,0,.6)}
.plan-card .plan-cta:hover{filter:none;background:#f1f5f9}
.plan-card[data-theme="play"]{--pc-check:#d8b4fe}
.plan-card[data-theme="internet"]{--pc-check:#93c5fd}
.plan-card[data-theme="sports"],.plan-card[data-theme="sports2"]{--pc-check:#6ee7b7}
@media (hover:hover){.plan-card:hover{border-color:rgba(255,255,255,.35)}}
.plan-card--featured{border-color:rgba(255,255,255,.55)}
.plan-card .plan-toggle-btn,.plan-card .plan-cta{transition:background-color .35s ease,color .35s ease}

/* ================= MOBILE UX PASS ================= */
/* Hero badge readable over video */

/* Plans: swipeable carousel on phones */
.plans-dots{display:none}
@media (max-width:39.99rem){
  .plans-grid{display:flex;gap:.875rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:1rem;
    margin-inline:-1rem;padding:2.75rem 1rem 1.25rem;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
  .plans-grid::-webkit-scrollbar{display:none}
  .plans-grid>.plan-card{flex:0 0 84%;scroll-snap-align:center;scroll-snap-stop:always}
  .plans-dots{display:flex;justify-content:center;align-items:center;gap:.25rem;margin-top:.25rem}
  .plans-dots button{width:2.75rem;height:2.75rem;display:flex;align-items:center;justify-content:center;cursor:pointer;background:none}
  .plans-dots button::before{content:"";width:.5rem;height:.5rem;border-radius:9999px;background:rgba(148,163,184,.4);transition:width .25s ease,background-color .25s ease}
  .plans-dots button.is-active::before{width:1.5rem;background:#fff}
  .plans-swipe-hint{display:block;text-align:center;font-size:.75rem;color:var(--color-text-muted);margin-top:-.25rem}
}
.plans-swipe-hint{display:none}



/* iOS: inputs >= 16px avoid auto-zoom on focus */
@media (max-width:63.99rem){#coverage-search{font-size:16px}}

/* Touch feedback */
@media (hover:none){
  .btn-shine,.plan-cta,.watch-cta,.plan-toggle-btn,.watch-chip-btn,.hero-copy a,#mobile-menu a,.faq-toggle{transition:transform .12s ease,background-color .3s ease,color .3s ease}
  .btn-shine:active,.plan-cta:active,.watch-cta:active,.plan-toggle-btn:active,.watch-chip-btn:active,.hero-copy a:active{transform:scale(.97)}
  #mobile-menu a:active,.faq-toggle:active{background:rgba(148,163,184,.1)}
}
@media (max-width:39.99rem){
  .plans-grid .plan-badge{left:1.25rem;transform:translateY(-50%)}
  .plans-grid .plan-pop{height:8.75rem;right:-.25rem}
  .plans-grid .plan-pop--crowd{height:7rem;right:.25rem}
}
#whatsapp-fab.fab-hidden{opacity:0!important;transform:scale(.6)!important;pointer-events:none;transition:opacity .25s ease,transform .25s ease}
#whatsapp-fab{transition:opacity .25s ease,transform .25s ease}
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-gray-900:oklch(21% .034 264.665);--color-white:#fff;--spacing:.25rem;--container-md:28rem;--container-2xl:42rem;--container-3xl:48rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-tight:-.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-relaxed:1.625;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-xl:24px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-inter);--default-mono-font-family:var(--font-mono);--color-primary:var(--color-primary);--color-primary-dark:var(--color-primary-dark);--color-primary-light:var(--color-primary-light);--color-accent:var(--color-accent);--color-accent-dark:var(--color-accent-dark);--color-bg:var(--color-bg);--color-bg-secondary:var(--color-bg-secondary);--color-bg-card:var(--color-bg-card);--color-bg-card-hover:var(--color-bg-card-hover);--color-text:var(--color-text);--color-text-secondary:var(--color-text-secondary);--color-text-muted:var(--color-text-muted);--color-border:var(--color-border);--color-border-light:var(--color-border-light);--color-success:var(--color-success);--color-warning:var(--color-warning);--color-error:var(--color-error)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:0}.-top-3\.5{top:calc(var(--spacing) * -3.5)}.top-0{top:0}.top-1\/2{top:50%}.right-0{right:0}.right-6{right:calc(var(--spacing) * 6)}.bottom-0{bottom:0}.bottom-6{bottom:calc(var(--spacing) * 6)}.left-0{left:0}.left-1\/2{left:50%}.left-4{left:calc(var(--spacing) * 4)}.z-10{z-index:10}.z-50{z-index:50}.mx-auto{margin-inline:auto}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-12{margin-top:calc(var(--spacing) * 12)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.mb-12{margin-bottom:calc(var(--spacing) * 12)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.h-2{height:calc(var(--spacing) * 2)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-24{height:calc(var(--spacing) * 24)}.h-full{height:100%}.min-h-\[100svh\]{min-height:100svh}.min-h-full{min-height:100%}.w-2{width:calc(var(--spacing) * 2)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-14{width:calc(var(--spacing) * 14)}.w-16{width:calc(var(--spacing) * 16)}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-md{max-width:var(--container-md)}.min-w-0{min-width:0}.flex-1{flex:1}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.rotate-180{rotate:180deg}.animate-pulse{animation:var(--animate-pulse)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-8{gap:calc(var(--spacing) * 8)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-border{border-color:var(--color-border)}.border-border-light{border-color:var(--color-border-light)}.border-primary{border-color:var(--color-primary)}.bg-\[\#25D366\]{background-color:#25d366}.bg-accent,.bg-accent\/10{background-color:var(--color-accent)}@supports (color:color-mix(in lab, red, red)){.bg-accent\/10{background-color:color-mix(in oklab, var(--color-accent) 10%, transparent)}}.bg-bg{background-color:var(--color-bg)}.bg-bg-card{background-color:var(--color-bg-card)}.bg-bg-secondary{background-color:var(--color-bg-secondary)}.bg-bg\/80{background-color:var(--color-bg)}@supports (color:color-mix(in lab, red, red)){.bg-bg\/80{background-color:color-mix(in oklab, var(--color-bg) 80%, transparent)}}.bg-primary,.bg-primary\/10{background-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/10{background-color:color-mix(in oklab, var(--color-primary) 10%, transparent)}}.bg-success,.bg-success\/15{background-color:var(--color-success)}@supports (color:color-mix(in lab, red, red)){.bg-success\/15{background-color:color-mix(in oklab, var(--color-success) 15%, transparent)}}.bg-warning\/10{background-color:var(--color-warning)}@supports (color:color-mix(in lab, red, red)){.bg-warning\/10{background-color:color-mix(in oklab, var(--color-warning) 10%, transparent)}}.bg-white{background-color:var(--color-white)}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-t{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-bg{--tw-gradient-from:var(--color-bg);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-primary{--tw-gradient-from:var(--color-primary);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-primary\/5{--tw-gradient-from:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.from-primary\/5{--tw-gradient-from:color-mix(in oklab, var(--color-primary) 5%, transparent)}}.from-primary\/5{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-transparent{--tw-gradient-via:transparent;--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-accent{--tw-gradient-to:var(--color-accent);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.p-2{padding:calc(var(--spacing) * 2)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.px-1{padding-inline:var(--spacing)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-16{padding-block:calc(var(--spacing) * 16)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pt-16{padding-top:calc(var(--spacing) * 16)}.pr-4{padding-right:calc(var(--spacing) * 4)}.pr-5{padding-right:calc(var(--spacing) * 5)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pl-12{padding-left:calc(var(--spacing) * 12)}.text-center{text-align:center}.text-left{text-align:left}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.leading-\[1\.1\]{--tw-leading:1.1;line-height:1.1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.whitespace-nowrap{white-space:nowrap}.text-accent{color:var(--color-accent)}.text-accent-dark{color:var(--color-accent-dark)}.text-gray-900{color:var(--color-gray-900)}.text-primary{color:var(--color-primary)}.text-success{color:var(--color-success)}.text-text{color:var(--color-text)}.text-text-muted{color:var(--color-text-muted)}.text-text-secondary{color:var(--color-text-secondary)}.text-transparent{color:#0000}.text-warning{color:var(--color-warning)}.text-white{color:var(--color-white)}.text-white\/50{color:#ffffff80}@supports (color:color-mix(in lab, red, red)){.text-white\/50{color:color-mix(in oklab, var(--color-white) 50%, transparent)}}.text-white\/70{color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.text-white\/70{color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.text-white\/90{color:#ffffffe6}@supports (color:color-mix(in lab, red, red)){.text-white\/90{color:color-mix(in oklab, var(--color-white) 90%, transparent)}}.uppercase{text-transform:uppercase}.line-through{text-decoration-line:line-through}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-\[0\.07\]{opacity:.07}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-primary\/20{--tw-shadow-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.shadow-primary\/20{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-primary) 20%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-primary\/25{--tw-shadow-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.shadow-primary\/25{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-primary) 25%, transparent) var(--tw-shadow-alpha), transparent)}}.backdrop-blur-xl{--tw-backdrop-blur:blur(var(--blur-xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}@media (hover:hover){.group-hover\:translate-x-0\.5:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:bg-primary\/20:is(:where(.group):hover *){background-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.group-hover\:bg-primary\/20:is(:where(.group):hover *){background-color:color-mix(in oklab, var(--color-primary) 20%, transparent)}}}.placeholder\:text-text-muted::placeholder{color:var(--color-text-muted)}@media (hover:hover){.hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:border-primary\/20:hover{border-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.hover\:border-primary\/20:hover{border-color:color-mix(in oklab, var(--color-primary) 20%, transparent)}}.hover\:border-primary\/30:hover{border-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.hover\:border-primary\/30:hover{border-color:color-mix(in oklab, var(--color-primary) 30%, transparent)}}.hover\:bg-\[\#20BD5A\]:hover{background-color:#20bd5a}.hover\:bg-bg-card-hover:hover{background-color:var(--color-bg-card-hover)}.hover\:bg-primary-dark:hover{background-color:var(--color-primary-dark)}.hover\:bg-primary\/5:hover{background-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/5:hover{background-color:color-mix(in oklab, var(--color-primary) 5%, transparent)}}.hover\:bg-primary\/10:hover{background-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/10:hover{background-color:color-mix(in oklab, var(--color-primary) 10%, transparent)}}.hover\:bg-white\/90:hover{background-color:#ffffffe6}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/90:hover{background-color:color-mix(in oklab, var(--color-white) 90%, transparent)}}.hover\:text-primary:hover{color:var(--color-primary)}.hover\:text-text:hover{color:var(--color-text)}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-primary\/30:hover{--tw-shadow-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.hover\:shadow-primary\/30:hover{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-primary) 30%, transparent) var(--tw-shadow-alpha), transparent)}}}.focus\:border-primary:focus{border-color:var(--color-primary)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-primary\/50:focus{--tw-ring-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.focus\:ring-primary\/50:focus{--tw-ring-color:color-mix(in oklab, var(--color-primary) 50%, transparent)}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}@media (min-width:40rem){.sm\:col-span-2{grid-column:span 2/span 2}.sm\:mt-4{margin-top:calc(var(--spacing) * 4)}.sm\:mt-6{margin-top:calc(var(--spacing) * 6)}.sm\:mt-8{margin-top:calc(var(--spacing) * 8)}.sm\:mt-10{margin-top:calc(var(--spacing) * 10)}.sm\:mt-12{margin-top:calc(var(--spacing) * 12)}.sm\:mt-16{margin-top:calc(var(--spacing) * 16)}.sm\:mb-6{margin-bottom:calc(var(--spacing) * 6)}.sm\:mb-12{margin-bottom:calc(var(--spacing) * 12)}.sm\:mb-16{margin-bottom:calc(var(--spacing) * 16)}.sm\:h-20{height:calc(var(--spacing) * 20)}.sm\:h-32{height:calc(var(--spacing) * 32)}.sm\:scale-105{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:gap-4{gap:calc(var(--spacing) * 4)}.sm\:gap-5{gap:calc(var(--spacing) * 5)}.sm\:gap-6{gap:calc(var(--spacing) * 6)}.sm\:gap-8{gap:calc(var(--spacing) * 8)}:where(.sm\:space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}.sm\:p-6{padding:calc(var(--spacing) * 6)}.sm\:p-8{padding:calc(var(--spacing) * 8)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:px-8{padding-inline:calc(var(--spacing) * 8)}.sm\:py-4{padding-block:calc(var(--spacing) * 4)}.sm\:py-5{padding-block:calc(var(--spacing) * 5)}.sm\:py-16{padding-block:calc(var(--spacing) * 16)}.sm\:py-20{padding-block:calc(var(--spacing) * 20)}.sm\:py-24{padding-block:calc(var(--spacing) * 24)}.sm\:pt-4{padding-top:calc(var(--spacing) * 4)}.sm\:pt-20{padding-top:calc(var(--spacing) * 20)}.sm\:pb-5{padding-bottom:calc(var(--spacing) * 5)}.sm\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.sm\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.sm\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.sm\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}}@media (min-width:48rem){.md\:flex{display:flex}.md\:hidden{display:none}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:p-8{padding:calc(var(--spacing) * 8)}.md\:py-28{padding-block:calc(var(--spacing) * 28)}.md\:py-32{padding-block:calc(var(--spacing) * 32)}.md\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.md\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.md\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.md\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}@media (min-width:64rem){.lg\:col-span-1{grid-column:span 1/span 1}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:gap-4{gap:calc(var(--spacing) * 4)}.lg\:gap-12{gap:calc(var(--spacing) * 12)}.lg\:px-8{padding-inline:calc(var(--spacing) * 8)}.lg\:text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}}}:root{--color-primary:#3d7fff;--color-primary-dark:#0F4B70;--color-primary-light:#6fa0ff;--color-accent:#C4F8FF;--color-accent-dark:#00a8cc;--color-bg:#030712;--color-bg-secondary:#0f172a;--color-bg-card:#1e293b;--color-bg-card-hover:#334155;--color-text:#f1f5f9;--color-text-secondary:#94a3b8;--color-text-muted:#64748b;--color-border:#1e293b;--color-border-light:#0f172a;--color-success:#34d399;--color-warning:#fbbf24;--color-error:#f87171}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-inter), system-ui, -apple-system, sans-serif}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}::selection{background:var(--color-primary);color:#fff}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@keyframes pulse{50%{opacity:.5}}
/* ========== Brand identities: Premiere (KV institucional), Telecine, Warner ========== */
/* Premiere — verde #2e903c, marinho #1B113D, verzul #139096, amarelo #CBE95E */
.plan-card[data-theme="sports"],.plan-card[data-theme="sports2"]{--pc-accent:#2e903c;--pc-cta:#2e903c;--pc-check:#CBE95E;--pc-glow:rgba(46,144,60,.45)}
.plan-art--sports{background:url(../img/premiere/premiere-header.webp) top center/100% auto no-repeat,linear-gradient(180deg,#2e903c 0%,#23772f 35%,#165024 70%,#0c2f15 100%)}
.plan-art--sports2{background:url(../img/premiere/premiere-header.webp) top center/100% auto no-repeat,linear-gradient(180deg,#2e903c 0%,#1f6a3a 30%,#1b2f4a 62%,#1B113D 100%)}
.plan-art-premiere{position:absolute;left:1.25rem;top:1.6rem;height:1.05rem;width:auto;filter:drop-shadow(0 2px 6px rgba(0,0,0,.3))}
@media (min-width:40rem){.plan-art-premiere{left:1.5rem;height:1.125rem}}
/* Telecine — navy #000060 + vermelho #ff0033 */
.plan-card[data-theme="ultra"]{--pc-accent:#e0002d;--pc-cta:#000060;--pc-check:#ff8aa0;--pc-glow:rgba(255,0,51,.35)}
.plan-art--ultra{background:radial-gradient(90% 40% at 100% 0%,rgba(255,0,51,.45) 0%,transparent 70%),linear-gradient(180deg,#1a1a8c 0%,#0d0d6e 30%,#070750 62%,#04042e 100%)}
.plan-art-telecine{position:absolute;right:1rem;top:1rem;display:flex;padding:.4rem .55rem;border-radius:.5rem;background:#fff;box-shadow:0 4px 14px rgba(0,0,0,.3)}
.plan-art-telecine img{height:1.9rem;width:auto;display:block}
/* Logo chips */
.plan-card .watch-chip--logo,.watch-chip--logo{padding:.25rem .5rem;gap:.4rem;min-height:1.75rem}
.watch-chip--logo img{display:block;width:auto}
.plan-card .watch-chip--premiere,.watch-chip--premiere{padding:0;background:none;border:0;min-height:0}
.watch-chip--premiere img{height:1rem}
.plan-card .watch-chip--telecine,.watch-chip--telecine{background:#fff;border-color:#fff}
.watch-chip--telecine img{height:1.2rem}
.watch-chip--wbd img{height:.95rem;max-width:2.4rem;object-fit:contain;filter:brightness(0) invert(1)}
@media (max-width:63.99rem),(pointer:coarse){.plan-card .watch-chip--logo{min-height:2.5rem}.plan-card .watch-chip--premiere{min-height:0;align-self:center}}
/* Channels modal brand strip */
.channels-brands{display:flex;flex-wrap:wrap;align-items:center;gap:.625rem;margin-top:.875rem}
.channels-brands[hidden]{display:none}
.channels-brands .watch-chip--wbd{background:rgba(148,163,184,.12);border:1px solid var(--color-border);border-radius:.5rem}
.channels-brands .watch-chip--premiere img,.channels-brands .watch-chip--telecine img{height:1.5rem}
/* Watch sports card in Premiere identity */
.watch-sports{background:#1B113D url(../img/premiere/premiere-bg.jpg) center/cover no-repeat;border-color:rgba(203,233,94,.28)}
.watch-sports-tag{display:inline-flex;align-items:center;gap:.5rem;color:#CBE95E}
.watch-sports-premiere{height:1.25rem;width:auto}
.watch-sports-title{color:#fff}
.watch-sports-desc{color:rgba(255,255,255,.82)}
.watch-sports-link{color:#CBE95E}

/* ========== Per-plan art (content of each lineup) ========== */
.plan-card[data-theme="powerplay"]{--pc-accent:#9333ea;--pc-cta:#7e22ce;--pc-check:#f0abfc;--pc-glow:rgba(192,38,211,.4)}
.plan-card[data-theme="powerplay"] .plan-art--powerplay{opacity:1}
.plan-art--powerplay{background:radial-gradient(85% 35% at 100% 0%,rgba(236,72,153,.6) 0%,transparent 70%),linear-gradient(180deg,#6d28d9 0%,#4c1d95 26%,#2e1065 58%,#1a0a3a 100%)}
.plan-art--play .plan-art-watch,.plan-art--powerplay .plan-art-watch{right:auto;left:1.25rem;top:1.15rem;height:1.5rem}
.plan-art-telecine{right:auto;left:1.25rem;top:.9rem}
.plan-art-telecine img{height:1.7rem}
.plan-art-wbd{right:auto;left:1.25rem;top:1.35rem}
@media (min-width:40rem){.plan-art--play .plan-art-watch,.plan-art--powerplay .plan-art-watch,.plan-art-telecine,.plan-art-wbd{left:1.5rem}}
.plan-card[data-theme="play"] .plan-pop--play,.plan-card[data-theme="ultra"] .plan-pop--ultra,.plan-card[data-theme="powerplay"] .plan-pop--powerplay,.plan-card[data-theme="warner"] .plan-pop--warner{opacity:1;translate:0 0}
/* TV mockups from the Watch app */
.plan-pop--tv{height:auto;width:37%;max-width:9rem;right:.6rem;top:.75rem;bottom:auto}
.plan-pop--tv img{width:100%;height:auto;-webkit-mask-image:none;mask-image:none;filter:drop-shadow(0 10px 14px rgba(0,0,0,.5))}
/* Poster fan (Warner Bros. Discovery highlights) */
.plan-pop--posters{height:6rem;right:.9rem;bottom:.9rem;align-items:flex-end}
.plan-pop.plan-pop--posters img{height:100%;width:auto;margin:0 -1.75rem 0 0;border-radius:.4rem;-webkit-mask-image:none;mask-image:none;filter:none;box-shadow:0 8px 18px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.15)}
.plan-pop.plan-pop--posters img:last-child{margin-right:0}
.plan-pop--posters img:nth-child(1){height:82%;transform:rotate(-9deg) translateY(4%)}
.plan-pop--posters img:nth-child(2){height:92%;transform:rotate(-3deg)}
.plan-pop--posters img:nth-child(3){height:92%;transform:rotate(3deg)}
.plan-pop--posters img:nth-child(4){height:100%;transform:rotate(8deg) translateY(2%)}
@media (min-width:64rem) and (max-width:79.99rem){.plan-pop--tv{width:40%}.plan-pop--posters{height:5rem;right:.6rem}.plan-pop--posters img:nth-child(1),.plan-pop--posters img:nth-child(2){display:none}}
@media (max-width:39.99rem){.plans-grid .plan-pop--tv{height:auto;right:.6rem;width:40%}.plans-grid .plan-pop--posters{height:5.75rem;right:.9rem}}

/* ========== Hero (desktop): slogan centralizado, junto ao cabecalho ========== */
@media (min-width:64rem) and (orientation:landscape),(min-width:64rem) and (min-aspect-ratio:1/1){
  .hero-banner{align-items:stretch;padding:6.25rem 0 2.75rem}
  .hero-banner .hero-copy{margin:0 auto;max-width:54rem;text-align:center}
  .hero-banner .hero-copy p{margin-left:auto;margin-right:auto}
  .hero-banner .hero-copy .justify-center{justify-content:center}
  .hero-banner .hero-copy .grid{margin-left:auto;margin-right:auto}
  .hero-overlay{background:
    radial-gradient(60% 45% at 50% 20%,rgba(3,7,18,.78) 0%,rgba(3,7,18,.4) 55%,transparent 82%),
    linear-gradient(180deg,rgba(3,7,18,.72) 0%,rgba(3,7,18,.5) 28%,transparent 52%,rgba(3,7,18,.5) 78%,#030712 100%)}
  .hero-banner .hero-copy h1,.hero-banner .hero-copy p{text-shadow:0 2px 18px rgba(0,0,0,.55)}
}

/* ========== Watch: Premiere card first, video without player UI ========== */
.watch-sports{margin-top:4.5rem;margin-bottom:1.5rem}
@media (min-width:48rem){.watch-sports{margin-top:4rem;margin-bottom:2rem}}
.watch-controls{display:none!important}
#watch-promo-video{cursor:pointer}
#watch-promo-video:focus{outline:none}
#watch-promo-video:focus-visible{outline:2px solid #F74616;outline-offset:-2px}
#watch-promo-video::-webkit-media-controls{display:none!important}

/* ========== Coverage: static dark map of the Augusto Montenegro area ========== */
.coverage-section{position:relative;isolation:isolate;overflow:hidden}
.coverage-map{position:absolute;inset:0;z-index:-1;pointer-events:none;user-select:none;
  background:url(../img/mapa-cobertura.webp) center/cover no-repeat;opacity:.38;
  -webkit-mask-image:radial-gradient(120% 90% at 50% 45%,#000 45%,transparent 85%);
  mask-image:radial-gradient(120% 90% at 50% 45%,#000 45%,transparent 85%)}
@media (max-width:39.99rem){.coverage-map{background-size:auto 100%;background-position:58% center;opacity:.32}}
.coverage-section::after{content:"Mapa: © colaboradores do OpenStreetMap";position:absolute;right:.75rem;bottom:.5rem;font-size:.625rem;color:rgba(148,163,184,.5);pointer-events:none}

/* ========== Watch support (tutorials) ========== */
.watch-support-section{padding:0 0 3rem}
@media (min-width:48rem){.watch-support-section{padding-bottom:4rem}}
.watch-support{display:grid;grid-template-columns:1fr;gap:1.25rem;align-items:center;padding:1.5rem;border-radius:1.25rem;
  background:radial-gradient(60% 120% at 100% 0%,rgba(247,70,22,.28) 0%,transparent 60%),linear-gradient(120deg,#2a0a5e 0%,#4b0b9c 55%,#6101D0 100%);
  border:1px solid rgba(255,255,255,.1);box-shadow:0 24px 48px -28px rgba(97,1,208,.6)}
.watch-support-icon{display:none;width:3.5rem;height:3.5rem;border-radius:1rem;align-items:center;justify-content:center;background:rgba(255,255,255,.12);color:#fff}
.watch-support-tag{display:inline-flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#ffd2c2}
.watch-support-logo{height:1.35rem;width:auto;border-radius:.3rem}
.watch-support-title{margin-top:.5rem;font-size:1.25rem;font-weight:800;color:#fff;line-height:1.25}
.watch-support-desc{margin-top:.375rem;font-size:.9rem;line-height:1.55;color:rgba(255,255,255,.82);max-width:40rem}
.watch-support-cta{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:3rem;padding:.75rem 1.4rem;border-radius:.875rem;background:#F74616;color:#fff;font-weight:700;font-size:.9375rem;white-space:nowrap;transition:background-color .2s,transform .2s}
.watch-support-cta:hover{background:#ff5a2a;transform:translateY(-1px)}
@media (min-width:48rem){
  .watch-support{grid-template-columns:auto minmax(0,1fr) auto;gap:1.5rem;padding:1.75rem 2rem}
  .watch-support-icon{display:flex}
  .watch-support-title{font-size:1.5rem}
}

/* ========== Telemedicina IXER + SulAmerica ========== */
/* Mesma linguagem dos cards de plano: raio 1.5rem, borda 1px rgba(148,163,184,.14),
   fundo rgba(15,23,42,.62), faixa de arte com gradiente, chips e brilho no hover. */

/* --- card de abertura --- */
.ixer-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr);
  border-radius:1.5rem;border:1px solid rgba(148,163,184,.14);background:rgba(15,23,42,.62)}
@media (min-width:64rem){.ixer-hero{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:stretch}}
.ixer-hero-art{position:absolute;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(85% 110% at 0% 0%,rgba(61,127,255,.38) 0%,transparent 62%),linear-gradient(135deg,#0d2250 0%,#0b1529 60%,#0b1225 100%)}
.ixer-hero-body{position:relative;z-index:2;order:2;padding:1.5rem}
@media (min-width:40rem){.ixer-hero-body{padding:2rem}}
@media (min-width:64rem){.ixer-hero-body{order:1;padding:3.25rem 3rem 3.25rem 3.25rem;display:flex;flex-direction:column;justify-content:center}}
.ixer-hero-media{position:relative;z-index:1;order:1;overflow:hidden}
@media (min-width:64rem){.ixer-hero-media{order:2}}
.ixer-hero-media img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:60% 42%}
@media (min-width:64rem){
  .ixer-hero-media img{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-position:62% 45%}
}
.ixer-hero-media::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(to top,rgba(11,21,41,.85) 0%,transparent 42%)}
@media (min-width:64rem){.ixer-hero-media::after{background:linear-gradient(to right,rgba(11,21,41,.9) 0%,transparent 40%)}}

.ixer-brands{display:flex;align-items:center;gap:.625rem;flex-wrap:wrap}
.ixer-brands img{height:1.75rem;width:auto;display:block}
@media (min-width:40rem){.ixer-brands img{height:2rem}}
.ixer-brands-x{color:var(--color-primary);font-weight:800;font-size:1.125rem;line-height:1}
.ixer-brands-chip{display:inline-flex;align-items:center;padding:.375rem .625rem;border-radius:.5rem;background:#fff}
.ixer-brands-chip img{display:block;height:1.125rem;width:auto}
@media (min-width:40rem){.ixer-brands-chip{padding:.4375rem .6875rem}.ixer-brands-chip img{height:1.25rem}}
.ixer-hero-num{margin:1.25rem 0 0;display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap}
.ixer-hero-num strong{font-size:2.25rem;font-weight:800;letter-spacing:-.03em;line-height:1;color:var(--color-text);
  font-variant-numeric:tabular-nums}
@media (min-width:40rem){.ixer-hero-num strong{font-size:2.75rem}}
.ixer-hero-num span{font-size:.9375rem;color:var(--color-text-secondary)}
.ixer-hero-d{margin:.875rem 0 0;font-size:.9375rem;line-height:1.65;color:var(--color-text-secondary);max-width:40rem}
@media (min-width:40rem){.ixer-hero-d{font-size:1rem}}
.ixer-chips{margin:1.25rem 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:.5rem}
.ixer-chips li{display:inline-flex;align-items:center;padding:.4375rem .875rem;border-radius:9999px;
  background:rgba(61,127,255,.12);border:1px solid rgba(61,127,255,.26);
  font-size:.8125rem;font-weight:600;color:#93c5fd}
.ixer-hero-cta{margin-top:1.5rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  align-self:flex-start;min-height:3rem;padding:.8125rem 1.5rem;border-radius:.875rem;
  background:var(--color-primary);color:#fff;font-weight:700;font-size:.9375rem;
  transition:background-color .25s ease,translate .25s ease}
.ixer-hero-cta:hover{background:#2563eb;translate:0 -2px}

/* --- grade de beneficios --- */
.ixer-grid{margin-top:3rem;display:grid;grid-template-columns:minmax(0,1fr);gap:2.5rem}
@media (min-width:40rem){.ixer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.5rem 1.75rem;margin-top:4.5rem}}
@media (min-width:64rem){.ixer-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:3rem 2rem;margin-top:5.5rem}}

.ixer-card{--ic-accent:#3d7fff;--ic-check:#93c5fd;--ic-glow:rgba(61,127,255,.38);
  position:relative;display:flex;flex-direction:column;overflow:hidden;
  border-radius:1.5rem;border:1px solid rgba(148,163,184,.14);background:rgba(15,23,42,.62);
  transition:translate .35s cubic-bezier(.2,.8,.2,1),border-color .4s ease,box-shadow .4s ease}
.ixer-card[data-theme="sul"]{--ic-accent:#059669;--ic-check:#34d399;--ic-glow:rgba(16,185,129,.38)}
@media (hover:hover){.ixer-card:hover{translate:0 -6px;border-color:var(--ic-accent);box-shadow:0 24px 48px -24px var(--ic-glow)}}
.ixer-card-art{position:relative;overflow:hidden;border-radius:calc(1.5rem - 1px) calc(1.5rem - 1px) 0 0}
.ixer-card-art img{display:block;width:100%;height:auto;aspect-ratio:720/400;object-fit:cover;object-position:50% 42%}
.ixer-card-art::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(to top,rgba(15,23,42,.92) 0%,rgba(15,23,42,.18) 48%,transparent 72%)}
.ixer-card-body{display:flex;flex-direction:column;flex:1;padding:1.125rem 1.25rem 1.375rem}
@media (min-width:40rem){.ixer-card-body{padding:1.25rem 1.5rem 1.5rem}}
.ixer-card-tag{margin:0;font-size:.75rem;font-weight:600;color:var(--ic-check)}
.ixer-card-tag--brand{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}
.ixer-tag-logo{display:inline-flex;align-items:center;background:#fff;border-radius:.25rem;padding:.1875rem .375rem}
.ixer-tag-logo img{display:block;height:.875rem;width:auto}
.ixer-tag-t{color:var(--ic-check)}
.ixer-card-t{margin:.3125rem 0 .875rem;font-size:1.0625rem;font-weight:700;line-height:1.3;color:var(--color-text)}
@media (min-width:40rem){.ixer-card-t{font-size:1.125rem}}
.ixer-card-l{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.5rem}
.ixer-card-l li{display:flex;align-items:flex-start;gap:.5rem;font-size:.875rem;line-height:1.5;color:var(--color-text-secondary)}
.ixer-card-l li svg{flex:none;margin-top:.1875rem;color:var(--ic-check)}

/* --- condicoes --- */
.ixer-cond{margin-top:3rem;display:grid;grid-template-columns:minmax(0,1fr);gap:1.75rem;
  padding:1.5rem;border-radius:1.5rem;border:1px solid rgba(148,163,184,.14);background:rgba(15,23,42,.62)}
@media (min-width:40rem){.ixer-cond{margin-top:4.5rem;padding:2rem}}
@media (min-width:64rem){.ixer-cond{margin-top:5.5rem}}
@media (min-width:64rem){.ixer-cond{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:2.5rem;align-items:start}}
.ixer-cond-h{margin:0 0 1rem;font-size:1.0625rem;font-weight:700;line-height:1.3;color:var(--color-text)}
@media (min-width:40rem){.ixer-cond-h{font-size:1.125rem}}
.ixer-cond-l{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.75rem}
.ixer-cond-l li{position:relative;padding-left:1rem;font-size:.875rem;line-height:1.6;color:var(--color-text-secondary)}
.ixer-cond-l li::before{content:"";position:absolute;left:0;top:.5625rem;width:.375rem;height:.375rem;border-radius:9999px;background:var(--color-primary)}
.ixer-cond-panel{padding:1.25rem;border-radius:1.125rem;background:rgba(2,6,23,.5);border:1px solid rgba(148,163,184,.12)}
@media (min-width:40rem){.ixer-cond-panel{padding:1.5rem}}
.ixer-cond-h4{margin:0 0 .25rem;font-size:.9375rem;font-weight:700;line-height:1.3;color:var(--color-text)}
.ixer-table{width:100%;border-collapse:collapse}
.ixer-table caption{caption-side:top;text-align:left;font-size:.8125rem;line-height:1.5;color:var(--color-text-muted);padding:0 0 .75rem}
.ixer-table th,.ixer-table td{padding:.5rem 0;font-size:.875rem;line-height:1.35;text-align:left;
  border-bottom:1px solid rgba(148,163,184,.12)}
.ixer-table tr:last-child th,.ixer-table tr:last-child td{border-bottom:0}
.ixer-table th{font-weight:400;color:var(--color-text-secondary);padding-right:1rem}
.ixer-table td{text-align:right;color:var(--color-text);font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}

/* --- planos de saude e protecao (contratacao) --- */
/* Superficies um passo acima do fundo, laranja da 4NET como unico destaque,
   verde so nos indicadores de beneficio. Sem gradiente competindo. */
.v-head-sec{margin-top:3rem;text-align:center}
@media (min-width:40rem){.v-head-sec{margin-top:4.5rem}}
@media (min-width:64rem){.v-head-sec{margin-top:5.5rem}}
.v-h{margin:0;font-size:1.5rem;font-weight:800;line-height:1.25;letter-spacing:-.025em;color:var(--color-text)}
@media (min-width:48rem){.v-h{font-size:2rem}}
.v-sub{margin:.75rem auto 0;max-width:40rem;font-size:.9375rem;line-height:1.6;color:var(--color-text-secondary)}

.v-combos{margin-top:2.5rem;display:grid;grid-template-columns:minmax(0,1fr);gap:2rem;align-items:start}
@media (min-width:48rem){.v-combos{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}}
@media (min-width:64rem){.v-combos{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin-top:3.25rem}}
@media (min-width:80rem){.v-combos{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.125rem}}
@media (min-width:80rem){
  .v-card .v-name{font-size:1.25rem;min-height:3rem}
  .v-card .v-lead{min-height:4.0625rem}
}

.v-card{position:relative;display:flex;flex-direction:column;
  border-radius:1.25rem;border:1px solid rgba(148,163,184,.14);background:#111a2e;
  transition:border-color .3s ease,translate .3s ease}
@media (hover:hover){.v-card:hover{border-color:rgba(148,163,184,.28);translate:0 -3px}}
.v-card[data-feat]{border-color:rgba(247,70,22,.55)}
@media (hover:hover){.v-card[data-feat]:hover{border-color:#f74616}}
@media (min-width:64rem){.v-card[data-feat]{border-width:1.5px}}
.v-badge{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);z-index:3;
  padding:.3125rem .875rem;border-radius:9999px;background:#f74616;color:#fff;
  font-size:.6875rem;font-weight:700;letter-spacing:.04em;white-space:nowrap}

.v-head{padding:1.75rem 1.375rem 0}
@media (min-width:40rem){.v-head{padding:1.875rem 1.5rem 0}}
.v-kicker{margin:0;font-size:.6875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted)}
.v-name{margin:.375rem 0 0;font-size:1.3125rem;font-weight:800;letter-spacing:-.02em;line-height:1.2;color:var(--color-text)}
@media (min-width:40rem){.v-name{font-size:1.4375rem}}
.v-items{margin:1rem 0 0;padding:.875rem 1rem;border-radius:.875rem;
  border:1px dashed rgba(148,163,184,.22);background:rgba(2,6,23,.3)}
.v-card[data-feat] .v-items{border-color:rgba(247,70,22,.3)}
@media (min-width:48rem){.v-items{min-height:11.625rem}}
.v-items-h{margin:0 0 .5rem;font-size:.625rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-muted)}
.v-items-l{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.v-items-l li{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;padding:.3125rem 0;
  border-bottom:1px dashed rgba(148,163,184,.14);font-size:.78125rem;line-height:1.35;color:var(--color-text-secondary)}
.v-items-l li:last-child{border-bottom:0;padding-bottom:0}
.v-items-l li em{font-style:normal;opacity:.6}
.v-items-l li b{font-weight:700;color:#cbd5e1;font-variant-numeric:tabular-nums;white-space:nowrap}
.v-lead{margin:.5rem 0 0;font-size:.875rem;line-height:1.55;color:var(--color-text-secondary)}
@media (min-width:48rem){.v-lead{min-height:2.7125rem}}

/* descricoes escondidas atras de um botao, no padrao dos planos de internet */
.v-det{margin:1.125rem 1.375rem 1.5rem}
@media (min-width:40rem){.v-det{margin:1.25rem 1.5rem 1.5rem}}
@media (min-width:48rem){.v-det:not([open]){margin-bottom:1.5rem}}
.v-det summary{display:block;list-style:none;cursor:pointer}
.v-det summary::-webkit-details-marker{display:none}
.v-det-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:2.75rem;
  padding:.5rem 1.125rem;border-radius:999px;font-size:.75rem;font-weight:700;letter-spacing:.01em;
  color:var(--color-text);background:rgba(148,163,184,.12);border:1px solid rgba(148,163,184,.26);
  transition:background-color .2s ease,border-color .2s ease}
.v-det summary:hover .v-det-btn{background:rgba(148,163,184,.2);border-color:rgba(148,163,184,.4)}
.v-card[data-feat] .v-det-btn{color:#fb7a4e;background:rgba(247,70,22,.1);border-color:rgba(247,70,22,.34)}
.v-card[data-feat] .v-det summary:hover .v-det-btn{background:rgba(247,70,22,.18);border-color:#f74616}
.v-det summary:focus-visible{outline:none}
.v-det summary:focus-visible .v-det-btn{outline:2px solid #f74616;outline-offset:3px}
.v-det-btn::after{content:"";width:.4375rem;height:.4375rem;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;
  transform:rotate(45deg) translateY(-.0625rem);transition:transform .2s ease;margin-left:.1875rem}
.v-det[open] .v-det-btn::after{transform:rotate(-135deg) translateY(-.125rem)}
.v-det-body{padding-top:1.125rem}
/* com JS o conteudo vai para o modal; a sanfona inline fica so como fallback */
.v-det--modal .v-det-body{display:none}
.v-det--modal summary{cursor:pointer}
.benefits-modal-body{margin-top:1.5rem}
.benefits-modal-body .v-det-body{display:block;padding-top:0}
.benefits-modal-body .v-list li{font-size:.9375rem}
.benefits-modal-body .v-limit,.benefits-modal-body .v-det dd{font-size:.875rem}
.benefits-modal-body dt{font-size:.9375rem;font-weight:700;color:var(--color-text)}
.benefits-modal-body dl{margin:1.25rem 0 0;padding-top:1.125rem;border-top:1px solid rgba(148,163,184,.12);display:flex;flex-direction:column;gap:.875rem}
.benefits-modal-body dd{margin:.25rem 0 0;line-height:1.6;color:var(--color-text-secondary)}

.v-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.625rem}
.v-list li{display:flex;align-items:flex-start;gap:.5rem;font-size:.875rem;line-height:1.5;color:#cbd5e1}
.v-list li svg{flex:none;margin-top:.1875rem;color:#34d399}
.v-list strong{color:var(--color-text);font-weight:700}

.v-limit{margin:1rem 0 0;padding-top:.875rem;border-top:1px solid rgba(148,163,184,.1);
  font-size:.78125rem;line-height:1.55;color:var(--color-text-secondary)}

.v-det dl{margin:1rem 0 0;padding-top:.875rem;border-top:1px solid rgba(148,163,184,.1);
  display:flex;flex-direction:column;gap:.75rem}
.v-det dt{font-size:.75rem;font-weight:700;color:var(--color-text)}
.v-det dd{margin:.1875rem 0 0;font-size:.78125rem;line-height:1.6;color:var(--color-text-secondary)}

/* faixa de preco: baixa, corte diagonal suave */
.v-foot{margin-top:auto;position:relative;border-radius:0 0 calc(1.25rem - 1px) calc(1.25rem - 1px);overflow:hidden}
.v-foot::before{content:"";position:absolute;inset:0;z-index:0;background:#0a1120;
  -webkit-clip-path:polygon(0 .625rem,100% 0,100% 100%,0 100%);clip-path:polygon(0 .625rem,100% 0,100% 100%,0 100%)}
.v-card[data-feat] .v-foot::before{background:#1b1008}
.v-foot-in{position:relative;z-index:1;padding:1.25rem 1.375rem 1.375rem}
@media (min-width:40rem){.v-foot-in{padding:1.375rem 1.5rem 1.5rem}}
.v-price{margin:0;display:flex;align-items:baseline;gap:.125rem;color:var(--color-text);
  font-weight:800;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums}
.v-cur{font-size:1rem;font-weight:700;margin-right:.1875rem;color:var(--color-text-secondary)}
.v-int{font-size:2.625rem}
@media (min-width:40rem){.v-int{font-size:2.875rem}}
.v-cents{font-size:1.25rem;font-weight:700}
.v-per{font-size:.875rem;font-weight:600;letter-spacing:0;color:var(--color-text-secondary);margin-left:.1875rem}
.v-cta{margin-top:1rem;display:flex;align-items:center;justify-content:center;gap:.5rem;
  min-height:3rem;padding:.6875rem 1.25rem;border-radius:.75rem;
  background:rgba(148,163,184,.12);border:1px solid rgba(148,163,184,.22);color:var(--color-text);
  font-weight:700;font-size:.9375rem;transition:background-color .2s ease,border-color .2s ease}
.v-cta:hover{background:rgba(148,163,184,.2);border-color:rgba(148,163,184,.34)}
.v-card[data-feat] .v-cta{background:#f74616;border-color:#f74616;color:#fff;font-size:1rem}
.v-card[data-feat] .v-cta:hover{background:#ff5a2a;border-color:#ff5a2a}
.v-cta:focus-visible{outline:2px solid #f74616;outline-offset:3px}

.v-billing{margin:1.25rem auto 0;max-width:40rem;text-align:center;font-size:.75rem;line-height:1.5;color:var(--color-text-muted)}

/* --- comparativo avulso x combo (card unico) --- */
.sr-only-ix{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

.v-table-card{margin-top:3rem;padding:1.5rem 1.25rem;border-radius:1.25rem;
  border:1px solid rgba(148,163,184,.12);background:#0d1526}
@media (min-width:40rem){.v-table-card{padding:2rem}}
@media (min-width:64rem){.v-table-card{margin-top:4rem;padding:2.25rem 2.5rem}}
.v-table-head{text-align:center;max-width:44rem;margin:0 auto}
.v-table-h{margin:0;font-size:1.125rem;font-weight:700;letter-spacing:-.01em;color:var(--color-text)}
@media (min-width:40rem){.v-table-h{font-size:1.25rem}}
.v-table-sub{margin:.5rem 0 0;font-size:.875rem;line-height:1.6;color:var(--color-text-secondary)}

/* segunda fileira: beneficios avulsos, abaixo dos combos */
.v-qual{opacity:.6;font-weight:400}
.v-solo-row{margin-top:2.25rem}
@media (min-width:64rem){.v-solo-row{margin-top:2.75rem}}
.v-solo-row-h{margin:0 0 1rem;text-align:center;font-size:.9375rem;font-weight:700;color:var(--color-text)}
.v-solo-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;max-width:66rem;margin:0 auto}
@media (min-width:48rem){.v-solo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}}
.v-solo-c{display:flex;flex-direction:column;padding:1.25rem;border-radius:1.25rem;
  border:1px solid rgba(148,163,184,.14);background:rgba(15,23,42,.62);
  transition:translate .25s ease,box-shadow .25s ease}
@media (min-width:40rem){.v-solo-c{padding:1.5rem}}
.v-solo-c:hover{translate:0 -4px;box-shadow:0 20px 40px -24px rgba(2,6,23,.9)}
.v-solo-n{margin:.25rem 0 0;font-size:1.0625rem;font-weight:700;letter-spacing:-.01em;color:var(--color-text)}
.v-solo-l{margin:.375rem 0 0;font-size:.8125rem;line-height:1.5;color:var(--color-text-secondary)}
.v-solo-list{list-style:none;margin:1rem 0 1.25rem;padding:0;display:flex;flex-direction:column;gap:.5rem}
.v-solo-list li{display:grid;grid-template-columns:.9375rem minmax(0,1fr);align-items:start;gap:.5rem;
  font-size:.8125rem;line-height:1.45;color:var(--color-text-secondary)}
.v-solo-list svg{margin-top:.1875rem;color:#34d399}
.v-solo-f{margin-top:auto;display:flex;flex-direction:column;gap:.75rem}

/* botao "Como funciona na pratica" no card da IXER */
.ixer-cond-btn{display:inline-flex;align-self:flex-start;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;
  font-family:inherit;min-height:2.75rem;padding:.625rem 1.125rem;border-radius:999px;
  font-size:.875rem;font-weight:700;color:#fff;
  background:#f74616;border:1px solid #f74616;
  transition:background-color .2s ease,border-color .2s ease}
.ixer-cond-btn:hover{background:#ff5a2a;border-color:#ff5a2a}
.ixer-cond-btn:focus-visible{outline:2px solid #f74616;outline-offset:3px}
.ixer-cond-btn svg{flex:none}
.ixer-chips li.ixer-chips-cta{padding:0;border:0;background:none;border-radius:0}
@media (max-width:39.99rem){.ixer-cond-btn{min-height:2.5rem;padding:.5rem 1rem}}
.cond-modal-logo{display:block;height:1.375rem;width:auto;margin-bottom:.75rem}
#cond-modal .ixer-cond{margin-top:1.5rem}

/* marcas Watch + IXER no topo do bloco de streaming */
.watch-brands-row{display:inline-flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:center}
.watch-ixer{display:inline-flex;align-items:center}
.watch-ixer[hidden]{display:none}
.watch-ixer img{display:block;height:1rem;width:auto}
@media (min-width:40rem){.watch-ixer img{height:1.125rem}}

/* linha da Clinica Online, entre os chips e o botao */
.watch-sva{display:flex;align-items:center;justify-content:center;gap:.4375rem;margin-top:.125rem}
.watch-sva[hidden]{display:none}
.watch-sva-t{font-size:.6875rem;font-weight:700;letter-spacing:.02em;color:var(--color-text-secondary)}
@media (max-width:63.99rem),(pointer:coarse){.watch-sva-t{font-size:.75rem}}

/* Clinica Online dentro do modal, entre a linha e o CTA */
.channels-sva{width:100%;margin-bottom:.5rem;padding:1.25rem;border-radius:1rem;
  border:1px solid rgba(148,163,184,.16);background:rgba(15,23,42,.55)}
.channels-sva[hidden]{display:none}
.channels-sva-head{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}
.channels-sva-logo{display:block;height:1.25rem;width:auto}
.channels-sva-ico img{display:block;width:1.75rem;height:1.75rem;object-fit:contain}
.channels-sva-t{margin:0;font-size:1rem;font-weight:700;color:var(--color-text)}
.channels-sva-d{margin:.4375rem 0 0;font-size:.8125rem;line-height:1.6;color:var(--color-text-secondary);max-width:56ch}
.channels-sva-list{list-style:none;margin:.875rem 0 0;padding:0;display:flex;flex-direction:column;gap:.375rem}
.channels-sva-list li{position:relative;padding-left:1rem;font-size:.8125rem;line-height:1.5;color:var(--color-text-secondary)}
.channels-sva-list li::before{content:"";position:absolute;left:0;top:.5rem;width:.3125rem;height:.3125rem;border-radius:50%;background:#34d399}
.channels-sva-legal{margin:.875rem 0 0;font-size:.75rem;line-height:1.55;color:var(--color-text-muted);max-width:60ch}

/* Clinica Online: botao de valores e tabela */
.v-courtesy-btn{display:inline-flex;align-items:center;gap:.5rem;margin-top:.875rem;cursor:pointer;font-family:inherit;
  min-height:2.5rem;padding:.5rem 1rem;border-radius:999px;font-size:.8125rem;font-weight:700;
  color:var(--color-text);background:rgba(148,163,184,.12);border:1px solid rgba(148,163,184,.22);transition:background-color .2s ease}
.v-courtesy-btn:hover{background:rgba(148,163,184,.2)}
.v-courtesy-btn:focus-visible{outline:2px solid #f74616;outline-offset:3px}
.price-table-wrap{margin-top:1.5rem;border-radius:1rem;border:1px solid rgba(148,163,184,.14);background:rgba(15,23,42,.55);overflow:hidden}
.price-table{width:100%;border-collapse:collapse}
.price-table th,.price-table td{padding:.75rem 1.125rem;text-align:left;font-size:.875rem;border-bottom:1px solid rgba(148,163,184,.1)}
.price-table thead th{font-size:.6875rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted);background:rgba(2,6,23,.35)}
.price-table tbody th{font-weight:500;color:var(--color-text-secondary)}
.price-table td{text-align:right;font-weight:700;color:var(--color-text);font-variant-numeric:tabular-nums;white-space:nowrap}
.price-table thead th:last-child{text-align:right}
.price-table tbody tr:last-child th,.price-table tbody tr:last-child td{border-bottom:0}
@media (min-width:48rem){.price-table tbody{display:grid;grid-template-columns:1fr 1fr}
  .price-table tbody tr{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid rgba(148,163,184,.1)}
  .price-table tbody tr:nth-child(odd){border-right:1px solid rgba(148,163,184,.1)}
  .price-table tbody th,.price-table tbody td{border-bottom:0}
  .price-table thead{display:none}}
.price-notes{list-style:none;margin:1.25rem 0 0;padding:0;display:flex;flex-direction:column;gap:.5rem}
.price-notes li{position:relative;padding-left:1rem;font-size:.8125rem;line-height:1.55;color:var(--color-text-secondary)}
.price-notes li::before{content:"";position:absolute;left:0;top:.5rem;width:.3125rem;height:.3125rem;border-radius:50%;background:#f74616}
.price-legal{margin:1.25rem 0 0;font-size:.75rem;line-height:1.55;color:var(--color-text-muted)}

/* NR-1: card para empresas e artigo no modal */
.nr1-card{margin-top:1.25rem;padding:1.5rem;border-radius:1.25rem;border:1px solid rgba(247,70,22,.35);
  background:linear-gradient(135deg,rgba(247,70,22,.1),rgba(15,23,42,.6) 60%)}
@media (min-width:48rem){.nr1-card{padding:1.75rem 2rem}}
.nr1-tag{margin:0;font-size:.6875rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#fb7a4e}
.nr1-btn{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;margin-top:.625rem;cursor:pointer;
  font-family:inherit;text-align:left;padding:1rem 1.25rem;border-radius:1rem;border:1px solid #f74616;background:#f74616;color:#fff;
  font-size:1rem;font-weight:700;line-height:1.35;transition:background-color .2s ease}
@media (min-width:48rem){.nr1-btn{font-size:1.125rem;padding:1.125rem 1.5rem}}
.nr1-btn:hover{background:#ff5a2a;border-color:#ff5a2a}
.nr1-btn:focus-visible{outline:2px solid #fff;outline-offset:3px}
.nr1-btn svg{flex:none}
.nr1-d{margin:.75rem 0 0;font-size:.875rem;line-height:1.6;color:var(--color-text-secondary)}
.nr1-article{margin-top:1.5rem}
.nr1-article h3{margin:.5rem 0 0;font-size:1.5rem;font-weight:800;letter-spacing:-.02em;line-height:1.25;color:var(--color-text)}
@media (min-width:48rem){.nr1-article h3{font-size:1.875rem}}
.nr1-article h4{margin:2rem 0 0;font-size:1.125rem;font-weight:700;color:var(--color-text)}
.nr1-article p{margin:.875rem 0 0;font-size:.9375rem;line-height:1.7;color:var(--color-text-secondary)}
.nr1-article strong{color:var(--color-text)}
.nr1-article .nr1-lead{font-size:1.0625rem;color:var(--color-text);font-weight:600}
.nr1-article .nr1-cta-t{margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(148,163,184,.16)}
.nr1-article .channels-modal-cta{margin-top:1rem}
.nr1-article .nr1-legal{margin-top:1.5rem;font-size:.75rem;color:var(--color-text-muted)}

/* chip da Clinica Online, ao lado dos chips de streaming */
.plan-card .watch-chip--clinica,.watch-chip--clinica{padding:.1875rem .4375rem}
.watch-chip--clinica img{height:1.25rem;width:1.25rem;object-fit:contain}
@media (max-width:63.99rem),(pointer:coarse){.watch-chip--clinica img{height:1.375rem;width:1.375rem}}

/* --- Clinica Online: cortesia (card pequeno, sem preco e sem CTA) --- */
.v-courtesy{margin-top:1.5rem;display:flex;flex-direction:column;gap:.875rem;
  padding:1.25rem;border-radius:1.125rem;border:1px solid rgba(148,163,184,.12);background:#0d1526}
@media (min-width:40rem){.v-courtesy{flex-direction:row;align-items:flex-start;gap:1.125rem;padding:1.5rem 1.75rem;margin-top:2rem}}
.v-courtesy-ico{flex:none;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;
  border-radius:.75rem;background:rgba(247,70,22,.12);color:#fb7a4e}
.v-courtesy-main{min-width:0}
.v-courtesy-tag{margin:0;font-size:.6875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fb7a4e}
.v-courtesy-t{margin:.3125rem 0 0;font-size:1.0625rem;font-weight:700;letter-spacing:-.01em;color:var(--color-text)}
.v-courtesy-d{margin:.375rem 0 0;font-size:.8125rem;line-height:1.6;color:var(--color-text-secondary);max-width:56rem}

/* textos legais */
.ixer-legal{margin:0 auto;max-width:52rem;display:flex;flex-direction:column;gap:.625rem}
.ixer-legal p{margin:0;text-align:center;font-size:.6875rem;line-height:1.6;color:var(--color-text-muted)}
@media (min-width:40rem){.ixer-legal p{font-size:.75rem}}

/* respiro: cada bloco ganha o seu proprio momento na rolagem */
#beneficios.ambient{padding:5rem 0 3.5rem}
@media (min-width:48rem){#beneficios.ambient{padding:7rem 0 5rem}}
@media (min-width:64rem){#beneficios.ambient{padding:8.5rem 0 6rem}}
#beneficios .ixer-legal{margin-top:3rem}
@media (min-width:64rem){#beneficios .ixer-legal{margin-top:4.5rem}}

@media (prefers-reduced-motion:reduce){
  .ixer-card,.ixer-hero-cta,.v-card,.v-cta,.v-tact a,.v-det-btn,.v-det-btn::after{transition:none}
  .ixer-card:hover,.ixer-hero-cta:hover,.v-card:hover{translate:none}
}