/*
 * Opção Net — Tema Imersivo
 * Camada visual não destrutiva sobre o site original.
 * Não altera conteúdo, estrutura de dados ou lógica do painel.
 */

:root{
  --immersive-navy:#07162f;
  --immersive-navy-2:#0a1b36;
  --immersive-card:#0b1e3c;
  --immersive-card-2:#10284d;
  --immersive-line:#183154;
  --immersive-text:#f7f9fc;
  --immersive-muted:#9eb0c7;
  --immersive-light:#f7f8fa;
  --immersive-orange:var(--brand,#ff6b1a);
  --immersive-shadow:0 24px 60px rgba(3,11,24,.24);
  --immersive-ease:cubic-bezier(.23,1,.32,1);
}

/* Cabeçalho: mesmo conteúdo, acabamento imersivo */
.topbar{
  background:#030b18;
  color:#aebed1;
  border-bottom:1px solid rgba(255,255,255,.055);
}
.header{
  background:rgba(7,22,47,.92);
  border-bottom:1px solid rgba(255,255,255,.08);
  box-shadow:0 12px 34px rgba(3,11,24,.12);
  backdrop-filter:blur(18px) saturate(140%);
  -webkit-backdrop-filter:blur(18px) saturate(140%);
}
.header .menu{color:#d9e2ef}
.header .menu a{position:relative;transition:color .18s ease,opacity .18s ease}
.header .menu a:hover,.header .menu a:focus-visible{color:#fff}
.header .menu a::after{
  content:"";position:absolute;left:0;right:100%;bottom:-9px;height:2px;
  border-radius:99px;background:var(--immersive-orange);transition:right .2s var(--immersive-ease)
}
.header .menu a:hover::after,.header .menu a:focus-visible::after{right:0}
.header .mobile-toggle{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.14);color:#fff}
.header .brand-logo{filter:drop-shadow(0 8px 20px rgba(0,0,0,.14))}
.mobile-menu.open{background:#081a35;border-color:rgba(255,255,255,.08);box-shadow:0 22px 44px rgba(0,0,0,.30)}
.mobile-menu a{color:#e2e9f3}

/* Hero: nenhum componente/efeito novo. Apenas harmonização do encaixe com o tema. */
.hero{border-bottom:1px solid rgba(255,255,255,.06)}

/* Atalhos: dock escuro como no conceito imersivo */
.quick-strip{margin-top:-28px}
.quick-grid{
  background:#0d2347;
  border:1px solid rgba(255,255,255,.10);
  border-radius:24px;
  box-shadow:0 24px 60px rgba(0,0,0,.24);
}
.quick-item{
  position:relative;
  background:transparent;
  border-right-color:rgba(255,255,255,.09);
  color:#fff;
  transition:background-color .18s ease,transform .18s var(--immersive-ease);
}
.quick-item::before{background:var(--immersive-orange)!important}
.quick-item strong{color:#fff}
.quick-item span{color:#91a3ba}
.quick-icon{
  background:rgba(255,107,26,.12);
  border:1px solid rgba(255,107,26,.20);
  color:var(--immersive-orange);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}
@media (hover:hover){
  .quick-item:hover{background:#112a50!important;transform:translateY(-2px)!important;box-shadow:none!important}
  .quick-item:hover .quick-icon{transform:translateY(-2px)!important;filter:none!important}
}

/* Institucional: escuro e profundo, conteúdo original intacto */
.intro-section{
  background:var(--immersive-navy)!important;
  color:#fff;
  border-bottom:1px solid rgba(255,255,255,.055);
}
.intro-section::before{
  background:
    radial-gradient(circle at 14% 25%,rgba(53,132,255,.12),transparent 30%),
    radial-gradient(circle at 88% 68%,rgba(255,107,26,.09),transparent 25%)!important;
  opacity:1!important;
}
.intro-copy .eyebrow{color:var(--immersive-orange)!important}
.intro-copy .section-title{color:#fff!important}
.intro-copy .section-copy,.intro-copy .check{color:#aebdd0!important}
.intro-copy .check i{
  background:rgba(255,107,26,.12)!important;
  color:var(--immersive-orange)!important;
  border:1px solid rgba(255,107,26,.20);
}
.intro-main{
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 34px 80px rgba(0,0,0,.26)!important;
}
.intro-float{
  background:rgba(13,35,71,.96)!important;
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 20px 50px rgba(0,0,0,.28)!important;
}
.intro-button{
  background:var(--immersive-orange)!important;
  color:#fff!important;
  box-shadow:0 12px 28px rgba(255,107,26,.20);
}

/* Planos: principal assinatura visual da variante Imersiva */
#planos.section-soft{
  background:var(--immersive-navy)!important;
  color:#fff;
  border-top:1px solid rgba(255,255,255,.03);
  border-bottom:1px solid rgba(255,255,255,.055);
}
#planos .plans-head .section-title{color:#fff!important}
#planos .plans-head .section-copy{color:var(--immersive-muted)!important}
#planos .eyebrow{color:var(--immersive-orange)!important}
#planos .tabs{
  background:#0d2347;
  border:1px solid rgba(255,255,255,.09);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
#planos .tab{
  color:#9eb0c7;
  transition:background-color .18s ease,color .18s ease,transform .14s var(--immersive-ease),box-shadow .18s ease;
}
#planos .tab:hover{color:#fff}
#planos .tab.active{
  background:#fff;
  color:var(--immersive-navy);
  box-shadow:0 8px 24px rgba(0,0,0,.16);
}
#planos .tab-gamer{color:#ff7b83!important}
#planos .tab-gamer.active{background:#fff!important;color:#8e0010!important;box-shadow:0 8px 24px rgba(0,0,0,.16)!important}

#planos .plan-card:not(.featured):not(.playermax-plan-card){
  background:var(--immersive-card)!important;
  border-color:var(--immersive-line)!important;
  color:#fff;
  box-shadow:0 16px 38px rgba(0,0,0,.12);
}
#planos .plan-card:not(.featured):not(.playermax-plan-card) .plan-type{color:var(--immersive-orange)!important}
#planos .plan-card:not(.featured):not(.playermax-plan-card) .plan-speed,
#planos .plan-card:not(.featured):not(.playermax-plan-card) .price{color:#fff!important}
#planos .plan-card:not(.featured):not(.playermax-plan-card) .plan-speed small,
#planos .plan-card:not(.featured):not(.playermax-plan-card) .price small,
#planos .plan-card:not(.featured):not(.playermax-plan-card) > p,
#planos .plan-card:not(.featured):not(.playermax-plan-card) .plan-features{color:#9eb0c7!important}
#planos .plan-card:not(.featured):not(.playermax-plan-card) .btn{
  background:#132b50!important;color:#fff!important;border:1px solid rgba(255,255,255,.09)
}
#planos .plan-card:not(.featured):not(.playermax-plan-card) .plan-details-link{color:#d9e5f4!important}

#planos .plan-card.featured:not(.playermax-plan-card){
  background:#fff!important;
  color:var(--immersive-navy)!important;
  border-color:#fff!important;
  box-shadow:0 30px 70px rgba(0,0,0,.24)!important;
}
#planos .plan-card.featured:not(.playermax-plan-card) .plan-type{color:var(--immersive-orange)!important}
#planos .plan-card.featured:not(.playermax-plan-card) .plan-speed,
#planos .plan-card.featured:not(.playermax-plan-card) .price{color:var(--immersive-navy)!important}
#planos .plan-card.featured:not(.playermax-plan-card) .plan-speed small,
#planos .plan-card.featured:not(.playermax-plan-card) .price small,
#planos .plan-card.featured:not(.playermax-plan-card) > p,
#planos .plan-card.featured:not(.playermax-plan-card) .plan-features{color:#617086!important}
#planos .plan-card.featured:not(.playermax-plan-card) .plan-details-link{color:var(--immersive-navy)!important}
#planos .plan-card.featured:not(.playermax-plan-card) .btn{
  background:var(--immersive-orange)!important;color:#fff!important
}

#planos .plan-card{
  border-radius:24px;
  transition:transform .18s var(--immersive-ease),box-shadow .18s ease,border-color .18s ease;
}
@media (hover:hover){
  #planos .plan-card:hover{transform:translateY(-5px)!important;box-shadow:0 26px 56px rgba(0,0,0,.23)!important;filter:none!important}
  #planos .plan-card.featured:hover{transform:translateY(-8px)!important}
}

/* PlayerMax mantém sua personalidade dentro do universo imersivo */
#planos .playermax-panel{
  background:#06080d!important;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 26px 70px rgba(0,0,0,.24);
}
#planos .playermax-plan-card{border-radius:24px}

/* Diferenciais em bento tecnológico, sem trocar textos ou ordem */
#diferenciais{
  background:var(--immersive-navy-2);
  color:#fff;
  border-bottom:1px solid rgba(255,255,255,.055);
}
#diferenciais .section-title{color:#fff!important}
#diferenciais .eyebrow{color:var(--immersive-orange)!important}
#diferenciais .diff-grid{gap:16px}
#diferenciais .diff-card{
  background:linear-gradient(145deg,#10284d,#0c1e3b);
  border:1px solid rgba(255,255,255,.075);
  box-shadow:none;
  border-radius:26px;
  color:#fff;
  min-height:220px;
}
#diferenciais .diff-card h3{color:#fff!important}
#diferenciais .diff-card p{color:#9eb0c7!important}
#diferenciais .diff-icon{
  background:rgba(255,107,26,.11);
  border:1px solid rgba(255,107,26,.18);
  color:var(--immersive-orange);
}
@media (hover:hover){
  #diferenciais .diff-card:hover{
    transform:translateY(-5px)!important;
    background:linear-gradient(145deg,#132d55,#0d2242)!important;
    border-color:rgba(255,255,255,.13)!important;
    box-shadow:0 22px 48px rgba(0,0,0,.20)!important;
  }
  #diferenciais .diff-card:hover h3{color:#fff!important}
  #diferenciais .diff-card:hover .diff-icon{transform:translateY(-2px)!important;background:rgba(255,107,26,.14)!important;box-shadow:none!important;color:var(--immersive-orange)!important}
}

/* Cobertura: respiro claro igual ao conceito */
#cobertura.section-dark{
  background:var(--immersive-light)!important;
  color:var(--immersive-navy)!important;
}
#cobertura .eyebrow{color:var(--immersive-orange)!important}
#cobertura .section-title{color:var(--immersive-navy)!important}
#cobertura .section-copy{color:#657287!important}
#cobertura .map-card{
  background:#fff;
  padding:10px;
  border:1px solid #e0e6ee;
  border-radius:30px;
  box-shadow:0 30px 80px rgba(7,22,47,.13);
}
#cobertura .coverage-map-image{border-radius:22px}
#cobertura .coverage-item{
  background:#fff!important;
  color:var(--immersive-navy)!important;
  border-color:#dfe5ec!important;
  border-radius:14px;
}
#cobertura .coverage-item i{color:var(--immersive-orange)!important}

/* Lojas: cards mais refinados, conteúdo original */
#lojas{background:#fff;color:var(--immersive-navy)}
#lojas .section-title{color:var(--immersive-navy)!important}
#lojas .section-copy{color:#657287!important}
#lojas .store-card{
  padding:10px 10px 22px;
  border:1px solid #e4e9ef;
  border-radius:24px;
  box-shadow:0 10px 32px rgba(7,22,47,.055);
  overflow:hidden;
}
#lojas .store-thumb{height:190px;border-radius:17px;margin-bottom:16px}
#lojas .store-card h3,#lojas .store-card p,#lojas .store-link{margin-left:10px;margin-right:10px}
#lojas .store-card h3{color:var(--immersive-navy)!important}
#lojas .store-card p{color:#677386!important}
#lojas .store-link{color:var(--immersive-orange)!important}
@media (hover:hover){
  #lojas .store-card:hover{transform:translateY(-5px)!important;box-shadow:0 24px 54px rgba(7,22,47,.11)!important;border-color:#d8e0ea!important}
  #lojas .store-card:hover .store-thumb{transform:scale(1.015)!important;filter:saturate(1.04)!important}
}

/* Contato: faixa escura com painel claro */
#contato.section-dark{
  background:var(--immersive-navy)!important;
  color:#fff;
  position:relative;
  overflow:hidden;
}
#contato.section-dark::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(circle at 10% 20%,rgba(53,132,255,.10),transparent 28%),radial-gradient(circle at 90% 75%,rgba(255,107,26,.08),transparent 24%);
}
#contato .contact-wrap{
  background:rgba(13,35,71,.74)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 34px 80px rgba(0,0,0,.26)!important;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
#contato .contact-info .section-title{color:#fff!important}
#contato .contact-info .section-copy{color:#aebdd0!important}
#contato form{
  background:#fff;
  color:var(--immersive-navy);
  border-radius:22px;
  padding:24px;
  box-shadow:0 22px 54px rgba(0,0,0,.16);
}
#contato .field label{color:#273b58}
#contato input,#contato select,#contato textarea{border-color:#dfe5ec;background:#fff;color:#132442}
#contato input:focus,#contato select:focus,#contato textarea:focus{border-color:#9fbbe3;box-shadow:0 0 0 3px rgba(45,127,249,.10)}
#contato .form-privacy-note{color:#68768a}

/* CTA original preservado, acabamento imersivo */
.cta{background:var(--immersive-navy)!important;padding-top:0}
.cta-inner{
  border-radius:28px;
  background:linear-gradient(125deg,var(--immersive-orange),#ff4317)!important;
  box-shadow:0 26px 70px rgba(255,83,24,.20)!important;
}

/* Footer conectado ao tema */
.footer{
  background:#030b18!important;
  border-top:1px solid rgba(255,255,255,.065);
}
.footer-grid{gap:clamp(40px,5vw,72px)}
.footer h4{color:#fff!important}
.footer-copy,.footer-links a,.footer-bottom{color:#9fb0c5!important}
.footer-links a:hover,.footer-links a:focus-visible{color:var(--immersive-orange)!important}

/* Botões: feedback curto, sem animações decorativas contínuas */
.btn{transition:transform .14s var(--immersive-ease),box-shadow .18s ease,background-color .18s ease,border-color .18s ease,color .18s ease}
.btn:active{transform:scale(.975)}
.btn:focus-visible,.tab:focus-visible,.menu a:focus-visible,.store-link:focus-visible{outline:2px solid var(--immersive-orange);outline-offset:3px}

/* Responsividade */
@media (max-width:1050px){
  .header{background:rgba(7,22,47,.97)}
  .quick-strip{margin-top:-18px}
  .quick-grid{grid-template-columns:repeat(2,1fr)}
  .quick-item:nth-child(2){border-right:0}
  .quick-item:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.09)}
  #planos .plan-card.featured{transform:none!important}
  #contato form{padding:20px}
}
@media (max-width:680px){
  .quick-strip{margin-top:0;background:var(--immersive-navy);padding:14px 0 0}
  .quick-grid{grid-template-columns:1fr;border-radius:18px}
  .quick-item{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.09)!important;padding:20px}
  .quick-item:last-child{border-bottom:0!important}
  #planos .tabs{border-radius:12px}
  #planos .plan-card{border-radius:20px}
  #diferenciais .diff-card{min-height:auto;border-radius:20px}
  #lojas .store-card{border-radius:20px}
  #lojas .store-thumb{height:180px}
  #contato .contact-wrap{border-radius:22px}
  #contato form{padding:18px;border-radius:18px}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}



/* V2: remove faixa branca sob o menu de atalhos sem alterar conteúdo */
.quick-strip{background:var(--immersive-navy,#07162f)!important;margin-top:-28px!important;padding:0!important}
.quick-strip + .intro-section{margin-top:0!important}
@media(max-width:680px){.quick-strip{margin-top:0!important;background:var(--immersive-navy,#07162f)!important;padding:14px 0 0!important}}



/* Opção Net — Director refinement V3
   Objetivo: manter conteúdo e arquitetura, reduzir aparência de template/IA. */
:root{
  --dir-navy:#07162f;
  --dir-navy-2:#0a1b36;
  --dir-surface:#0d2242;
  --dir-line:rgba(157,181,214,.18);
  --dir-orange:#ff6b1a;
  --dir-white:#f7f9fc;
  --dir-muted:#9fb0c7;
  --dir-light:#f5f7fa;
  --dir-radius-sm:8px;
  --dir-radius-md:14px;
  --dir-radius-lg:18px;
  --dir-ease:cubic-bezier(.23,1,.32,1);
}

/* 1. Tipografia: hierarquia natural, sem “eyebrow de template”. */
.eyebrow{
  display:block!important;
  width:auto!important;
  padding:0!important;
  margin:0 0 18px!important;
  color:var(--dir-orange)!important;
  font-size:15px!important;
  line-height:1.25!important;
  font-weight:700!important;
  letter-spacing:-.01em!important;
  text-transform:none!important;
  background:none!important;
  border:0!important;
}
.eyebrow::before,.eyebrow::after{display:none!important;content:none!important}
.section-title{
  margin:0 0 20px!important;
  font-size:clamp(34px,3.75vw,54px)!important;
  line-height:1.04!important;
  letter-spacing:-.045em!important;
  font-weight:700!important;
  text-wrap:balance;
}
.section-copy{font-size:17px!important;line-height:1.72!important;max-width:680px!important}

/* 2. Menos “tudo é card”. */
.quick-strip{
  margin-top:0!important;
  padding:0!important;
  background:var(--dir-navy)!important;
  border:0!important;
}
.quick-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
  padding:26px 0 30px!important;
}
.quick-item{
  min-height:92px!important;
  padding:6px 28px 6px 0!important;
  margin-right:28px!important;
  border:0!important;
  border-right:1px solid rgba(255,255,255,.12)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  display:block!important;
  transform:none!important;
}
.quick-item:last-child{border-right:0!important;margin-right:0!important;padding-right:0!important}
.quick-item::before,.quick-item::after{display:none!important}
.quick-icon{display:none!important}
.quick-item strong{
  display:block!important;
  margin:0 0 7px!important;
  color:#fff!important;
  font-size:16px!important;
  line-height:1.25!important;
  font-weight:700!important;
  letter-spacing:-.015em!important;
}
.quick-item span{
  display:block!important;
  max-width:220px!important;
  color:#9eb0c7!important;
  font-size:13.5px!important;
  line-height:1.5!important;
}
@media(hover:hover) and (pointer:fine){
  .quick-item:hover{background:transparent!important;transform:none!important;box-shadow:none!important}
  .quick-item:hover strong{color:var(--dir-orange)!important}
}

/* 3. Institucional: composição editorial e menos molduras. */
.intro-section{background:var(--dir-navy)!important;color:#fff!important;padding-top:108px!important;padding-bottom:128px!important}
.intro-grid{gap:clamp(56px,7vw,110px)!important;align-items:center!important}
.intro-main{
  border-radius:var(--dir-radius-lg)!important;
  border:0!important;
  box-shadow:none!important;
  min-height:520px!important;
}
.intro-visual::before,.intro-visual::after{display:none!important}
.intro-float{
  right:-18px!important;
  bottom:28px!important;
  border-radius:var(--dir-radius-md)!important;
  background:#fff!important;
  color:var(--dir-navy)!important;
  box-shadow:0 18px 40px rgba(0,0,0,.18)!important;
  border:0!important;
  padding:20px 22px!important;
  max-width:250px!important;
}
.intro-float b{color:var(--dir-orange)!important;font-size:34px!important;letter-spacing:-.04em!important}
.intro-float span{color:#54647c!important;font-size:13px!important;line-height:1.45!important}
.intro-section .section-copy{color:#aab9cd!important}
.check-list{margin:34px 0!important;gap:15px!important}
.check{gap:12px!important;color:#dce5f0!important}
.check i{
  width:22px!important;height:22px!important;
  border-radius:50%!important;
  background:transparent!important;
  border:1px solid rgba(255,107,26,.55)!important;
  color:var(--dir-orange)!important;
  font-size:12px!important;
  box-shadow:none!important;
}
.intro-section .btn-dark{
  background:transparent!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.28)!important;
  box-shadow:none!important;
}

/* 4. Planos: comparação clara, menos “cartão de IA”. */
#planos{background:#08172f!important;color:#fff!important;padding-top:126px!important;padding-bottom:132px!important}
#planos .plans-head{margin-bottom:54px!important;align-items:flex-end!important}
#planos .section-copy{color:#9fb0c7!important}
.tabs{
  gap:24px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.tab{
  position:relative!important;
  padding:10px 0 12px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#91a4bd!important;
  font-size:14px!important;
  font-weight:650!important;
  box-shadow:none!important;
}
.tab::after{
  content:"";position:absolute;left:0;right:100%;bottom:0;height:2px;background:var(--dir-orange);
  transition:right .2s var(--dir-ease);
}
.tab.active{color:#fff!important;background:transparent!important;box-shadow:none!important}
.tab.active::after{right:0}
.plans-grid{gap:14px!important;align-items:stretch!important}
.plan-card{
  border-radius:var(--dir-radius-md)!important;
  background:#0d2242!important;
  border:1px solid rgba(159,176,199,.17)!important;
  box-shadow:none!important;
  padding:28px!important;
  transform:none!important;
  transition:border-color .18s ease,background-color .18s ease!important;
}
.plan-card::before,.plan-card::after{display:none!important}
@media(hover:hover) and (pointer:fine){
  #planos .plan-card:hover{transform:none!important;box-shadow:none!important;border-color:rgba(255,107,26,.52)!important;background:#10284b!important}
}
#planos .plan-card.featured:not(.playermax-plan-card){
  background:#fff!important;
  color:var(--dir-navy)!important;
  border:1px solid #fff!important;
  box-shadow:none!important;
}
.plan-tag{
  top:18px!important;right:18px!important;left:auto!important;
  border-radius:6px!important;
  padding:6px 8px!important;
  background:var(--dir-orange)!important;
  color:#fff!important;
  font-size:10px!important;
  font-weight:750!important;
  letter-spacing:.02em!important;
  text-transform:none!important;
  box-shadow:none!important;
}
.plan-type{font-size:13px!important;text-transform:none!important;letter-spacing:0!important;font-weight:650!important}
.plan-speed{margin-top:20px!important;align-items:flex-end!important}
.speed-number{font-size:clamp(48px,4vw,62px)!important;line-height:.92!important;letter-spacing:-.055em!important;font-weight:700!important}
.plan-speed small{font-size:12px!important;margin-bottom:6px!important;letter-spacing:.04em!important}
.price{font-size:22px!important;margin-top:18px!important;letter-spacing:-.02em!important;font-weight:700!important}
.plan-features{margin:26px 0 28px!important;gap:11px!important;font-size:13px!important;line-height:1.5!important}
.plan-features li{padding-left:18px!important}
.plan-features li::before{content:""!important;width:5px!important;height:5px!important;border-radius:50%!important;background:var(--dir-orange)!important;top:.65em!important}
.plan-card .btn{border-radius:var(--dir-radius-sm)!important;min-height:46px!important;box-shadow:none!important}
.plan-details-link{font-size:12.5px!important;font-weight:650!important;margin:0 0 16px!important}

/* PlayerMax mantém identidade própria, mas sem excesso de efeitos. */
.playermax-tab-head span{letter-spacing:0!important;text-transform:none!important;font-size:13px!important}
.playermax-tab-head h3{letter-spacing:-.035em!important}
.playermax-plan-card{box-shadow:none!important;border-radius:var(--dir-radius-md)!important}

/* 5. Diferenciais: conteúdo editorial em vez de seis caixinhas iguais. */
#diferenciais{background:#fff!important;color:var(--dir-navy)!important;padding-top:128px!important;padding-bottom:132px!important}
#diferenciais .section-title{color:var(--dir-navy)!important;max-width:820px!important}
#diferenciais .diff-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:0 42px!important;
  margin-top:58px!important;
  border-top:1px solid #dfe6ef!important;
}
#diferenciais .diff-card{
  background:transparent!important;
  border:0!important;
  border-bottom:1px solid #dfe6ef!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding:30px 0 34px!important;
  min-height:0!important;
  transform:none!important;
}
#diferenciais .diff-icon{display:none!important}
#diferenciais .diff-card h3{color:var(--dir-navy)!important;font-size:20px!important;line-height:1.25!important;letter-spacing:-.025em!important;margin:0 0 12px!important}
#diferenciais .diff-card p{color:#617086!important;font-size:14.5px!important;line-height:1.65!important;margin:0!important}
@media(hover:hover) and (pointer:fine){#diferenciais .diff-card:hover{transform:none!important;box-shadow:none!important}}

/* 6. Cobertura: funcional e limpa. */
#cobertura{background:#f4f6f9!important;color:var(--dir-navy)!important;padding-top:126px!important;padding-bottom:130px!important}
#cobertura .section-title{color:var(--dir-navy)!important}
#cobertura .section-copy{color:#65748b!important}
#cobertura .coverage-panel{
  border-radius:var(--dir-radius-lg)!important;
  border:1px solid #dde5ee!important;
  background:#fff!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
#cobertura .coverage-map-image{border-radius:0!important}
#cobertura .coverage-item{
  border:0!important;
  border-top:1px solid #e5ebf1!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* 7. Lojas: cards justificáveis, porém discretos. */
#lojas{padding-top:126px!important;padding-bottom:132px!important;background:#fff!important}
.stores-grid{gap:18px!important;margin-top:48px!important}
.store-card{
  border-radius:var(--dir-radius-md)!important;
  border:1px solid #e0e7ef!important;
  box-shadow:none!important;
  overflow:hidden!important;
  transform:none!important;
  background:#fff!important;
}
.store-thumb{border-radius:0!important;transform:none!important}
.store-card h3{font-size:21px!important;letter-spacing:-.025em!important}
.store-card p{font-size:13.5px!important;line-height:1.6!important;color:#66758a!important}
@media(hover:hover) and (pointer:fine){
  .store-card:hover{transform:none!important;box-shadow:none!important;border-color:#c8d4e1!important}
  .store-card:hover .store-thumb{transform:none!important}
}

/* 8. Contato: forte, sem glassmorphism. */
#contato{background:var(--dir-navy)!important;padding-top:128px!important;padding-bottom:126px!important}
#contato .section-title{max-width:650px!important}
#contato .section-copy{color:#a8b7ca!important}
.contact-wrap{gap:clamp(58px,7vw,110px)!important}
.contact-point-icon{
  background:transparent!important;border:1px solid rgba(255,107,26,.45)!important;color:var(--dir-orange)!important;
  border-radius:50%!important;box-shadow:none!important
}
.form-card{
  border-radius:var(--dir-radius-lg)!important;
  background:#fff!important;
  border:0!important;
  box-shadow:none!important;
  padding:32px!important;
}
.field input,.field select,.field textarea{
  border-radius:var(--dir-radius-sm)!important;
  border:1px solid #d7e0ea!important;
  background:#fbfcfd!important;
  min-height:48px!important;
  box-shadow:none!important;
}
.field textarea{min-height:112px!important}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--dir-orange)!important;box-shadow:0 0 0 3px rgba(255,107,26,.10)!important}

/* 9. CTA: faixa editorial, não “card gigante arredondado”. */
.cta{background:var(--dir-navy)!important;padding:0!important}
.cta .container{width:100%!important;max-width:none!important}
.cta-inner{
  border-radius:0!important;
  box-shadow:none!important;
  background:var(--dir-orange)!important;
  min-height:250px!important;
  padding:58px max(32px,calc((100vw - min(var(--layout-content-width,1140px), calc(100vw - var(--layout-gutter,64px)))) / 2))!important;
}
.cta-inner h2{font-size:clamp(30px,3.3vw,48px)!important;line-height:1.05!important;letter-spacing:-.04em!important;max-width:650px!important}
.cta .btn{border-radius:var(--dir-radius-sm)!important;box-shadow:none!important}

/* 10. Motion: só feedback, sem stagger decorativo. */
.quick-grid.visible .quick-item,.plans-grid.visible .plan-card,.diff-grid.visible .diff-card,.stores-grid.visible .store-card{animation:none!important}
.btn{border-radius:var(--dir-radius-sm)!important;box-shadow:none!important;transition:transform .12s var(--dir-ease),background-color .16s ease,border-color .16s ease,color .16s ease!important}
@media(hover:hover) and (pointer:fine){.btn:hover{transform:translateY(-1px)!important}}
.btn:active{transform:translateY(0) scale(.985)!important}

/* 11. Mobile: decisões próprias, não desktop espremido. */
@media(max-width:980px){
  .quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:22px 0 28px!important}
  .quick-item{margin:0!important;padding:14px 22px 18px 0!important;border-right:0!important;border-bottom:1px solid rgba(255,255,255,.11)!important}
  .quick-item:nth-child(odd){margin-right:24px!important}
  .intro-main{min-height:420px!important}
  #diferenciais .diff-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0 28px!important}
}
@media(max-width:680px){
  .section{padding-top:86px!important;padding-bottom:90px!important}
  .eyebrow{font-size:14px!important;margin-bottom:14px!important}
  .section-title{font-size:clamp(31px,9.2vw,42px)!important;line-height:1.06!important}
  .section-copy{font-size:16px!important;line-height:1.65!important}
  .quick-strip{padding:0!important}
  .quick-grid{display:block!important;padding:16px 0 24px!important}
  .quick-item,.quick-item:nth-child(odd){margin:0!important;padding:16px 0!important;border-bottom:1px solid rgba(255,255,255,.10)!important}
  .quick-item:last-child{border-bottom:0!important}
  .quick-item span{max-width:none!important}
  .intro-section{padding-top:80px!important;padding-bottom:94px!important}
  .intro-main{min-height:340px!important;border-radius:var(--dir-radius-md)!important}
  .intro-float{position:relative!important;right:auto!important;bottom:auto!important;margin:-32px 18px 0 auto!important;max-width:230px!important}
  #planos{padding-top:90px!important;padding-bottom:96px!important}
  #planos .plans-head{margin-bottom:36px!important}
  .tabs{gap:20px!important;overflow-x:auto!important;padding-bottom:2px!important}
  .tab{white-space:nowrap!important}
  .plan-card{padding:24px!important;border-radius:12px!important}
  #diferenciais{padding-top:90px!important;padding-bottom:96px!important}
  #diferenciais .diff-grid{grid-template-columns:1fr!important;margin-top:38px!important}
  #diferenciais .diff-card{padding:24px 0 27px!important}
  #cobertura,#lojas,#contato{padding-top:90px!important;padding-bottom:96px!important}
  .form-card{padding:24px!important;border-radius:14px!important}
  .cta-inner{padding:46px 22px!important;min-height:0!important}
  .cta-actions{gap:10px!important}
}

@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition-duration:.01ms!important}}

/* 12. Cabeçalho: sólido e preciso; sem glassmorphism gratuito. */
.header{
  background:rgba(7,22,47,.985)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  box-shadow:none!important;
  border-bottom:1px solid rgba(255,255,255,.09)!important;
}
.header .menu a::after{height:1px!important;border-radius:0!important;bottom:-8px!important}

/* Ajuste real da cobertura conforme a estrutura existente. */
#cobertura .map-card{
  border-radius:var(--dir-radius-lg)!important;
  border:1px solid #dce4ed!important;
  box-shadow:none!important;
  transform:none!important;
  background:#e9eef4!important;
}
#cobertura .map-card::before{display:none!important}
#cobertura .coverage-list{gap:0!important;margin-top:30px!important;border-top:1px solid #dfe6ee!important}
#cobertura .coverage-item{
  padding:14px 0!important;
  border:0!important;
  border-bottom:1px solid #dfe6ee!important;
  background:transparent!important;
  font-weight:650!important;
  color:var(--dir-navy)!important;
  transform:none!important;
}
#cobertura .coverage-item i{font-size:8px!important;color:var(--dir-orange)!important}
@media(hover:hover) and (pointer:fine){
  #cobertura .map-card:hover,#cobertura .coverage-item:hover{transform:none!important;box-shadow:none!important;background:transparent!important}
  #cobertura .coverage-map-image{transition:none!important}
  #cobertura .map-card:hover .coverage-map-image{transform:none!important;filter:none!important}
}




/* V4 — Tech + Family Friendly. Somente direção visual; conteúdo preservado. */
:root{
  --tf-navy:#071a33;
  --tf-navy-2:#0d2848;
  --tf-blue:#2d7eea;
  --tf-orange:#ff6b1a;
  --tf-orange-deep:#e9530c;
  --tf-cream:#fffaf5;
  --tf-warm:#fff3e8;
  --tf-paper:#ffffff;
  --tf-ink:#10223d;
  --tf-copy:#5b6c82;
  --tf-line:#dfe6ee;
  --tf-line-dark:rgba(191,210,233,.16);
  --tf-radius-sm:8px;
  --tf-radius-md:14px;
  --tf-radius-lg:18px;
}
html,body{background:var(--tf-cream)!important;color:var(--tf-ink)!important}
body{font-feature-settings:"kern" 1,"liga" 1;text-rendering:optimizeLegibility}

/* Tipografia: natural, não “template IA”. */
.eyebrow{
  display:block!important;
  color:var(--tf-orange)!important;
  font-size:15px!important;
  line-height:1.2!important;
  font-weight:700!important;
  letter-spacing:-.01em!important;
  text-transform:none!important;
  margin:0 0 14px!important;
}
.eyebrow::before{display:none!important}
.section-title{font-weight:690!important;letter-spacing:-.038em!important;line-height:1.06!important}
.section-copy{font-size:17px!important;line-height:1.7!important;color:var(--tf-copy)!important}

/* Header: sólido, rápido e previsível. */
.header{background:rgba(255,250,245,.97)!important;border-bottom:1px solid rgba(16,34,61,.09)!important;backdrop-filter:none!important}
.menu{color:#253a56!important;font-weight:650!important}
.menu a{position:relative}
.menu a::after{content:"";position:absolute;left:0;right:100%;bottom:-10px;height:2px;background:var(--tf-orange);transition:right .18s ease}
@media(hover:hover){.menu a:hover::after{right:0}}
.nav .btn,.nav-actions .btn{border-radius:9px!important}

/* Hero: preserva composição e conteúdo; reduz decoração genérica. */
.hero{background-color:var(--tf-navy)!important}
.hero::before{opacity:.28!important}
.hero-backdrop{background:rgba(255,255,255,.035)!important;border-color:rgba(255,255,255,.10)!important;box-shadow:none!important}
.hero-backdrop::before{opacity:.16!important}
.hero-backdrop::after,.hero-glow{opacity:.45!important}
.hero-photo-card{border-radius:18px!important;border:1px solid rgba(255,255,255,.16)!important;box-shadow:0 24px 56px rgba(0,0,0,.24)!important}
.hero-speed-badge{border-radius:14px!important;box-shadow:0 18px 42px rgba(0,0,0,.24)!important}
.hero .btn{border-radius:9px!important}
.hero-proof{gap:22px!important}
.proof-dot{box-shadow:none!important;width:7px!important;height:7px!important}

/* Atalhos: não é uma faixa branca; é uma transição de navegação. */
.quick-strip{margin-top:0!important;background:var(--tf-navy)!important;padding:0!important}
.quick-strip::after{content:"";display:block;height:1px;background:rgba(255,255,255,.10)}
.quick-grid{background:transparent!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important;border-top:1px solid rgba(255,255,255,.10)!important}
.quick-item{background:transparent!important;border-right:1px solid rgba(255,255,255,.10)!important;padding:24px 28px!important;color:#fff!important;transition:background-color .16s ease!important}
.quick-item strong{color:#fff!important;font-weight:680!important}
.quick-item span{color:#aebed1!important;line-height:1.5!important}
.quick-icon{width:auto!important;height:auto!important;border-radius:0!important;background:transparent!important;font-size:22px!important;color:var(--tf-orange)!important}
@media(hover:hover){.quick-item:hover{background:rgba(255,255,255,.035)!important}}

/* Institucional: calor humano e fotografia. */
.intro-section{background:var(--tf-cream)!important;padding-top:124px!important;padding-bottom:128px!important}
.intro-main{border-radius:16px!important;box-shadow:none!important;outline:1px solid rgba(16,34,61,.08)!important}
.intro-float{background:var(--tf-warm)!important;color:var(--tf-ink)!important;border:1px solid rgba(255,107,26,.16)!important;border-radius:12px!important;box-shadow:none!important}
.intro-float b{color:var(--tf-orange)!important;font-weight:700!important}
.intro-float span{color:#56677c!important}
.check i{background:transparent!important;color:var(--tf-orange)!important;border:1px solid rgba(255,107,26,.32)!important;width:22px!important;height:22px!important}
.check{font-weight:600!important;color:#30445f!important}
.intro-section .btn-dark{background:var(--tf-navy)!important;border-radius:9px!important}

/* PLANOS = lado tecnologia. Dados claros, superfície legível. */
#planos{
  position:relative!important;
  background:var(--tf-navy)!important;
  color:#fff!important;
  overflow:hidden!important;
  padding-top:126px!important;
  padding-bottom:132px!important;
}
#planos::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.34;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:52px 52px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.75),transparent 68%);
}
#planos .container{position:relative;z-index:1}
#planos .eyebrow{color:#ff9b62!important}
#planos .section-title{color:#fff!important}
#planos .section-copy{color:#aebed1!important;max-width:720px!important}
#planos .tabs{background:transparent!important;border-radius:0!important;padding:0!important;gap:24px!important;border-bottom:1px solid rgba(255,255,255,.15)!important}
#planos .tab{color:#95a8bf!important;border-radius:0!important;padding:11px 0 13px!important;box-shadow:none!important;font-weight:650!important;position:relative!important}
#planos .tab::after{content:"";position:absolute;left:0;right:100%;bottom:-1px;height:2px;background:var(--tf-orange);transition:right .18s ease}
#planos .tab.active{background:transparent!important;color:#fff!important}
#planos .tab.active::after{right:0!important}
.plans-grid{gap:16px!important}
#planos .plan-card{
  background:#fff!important;color:var(--tf-ink)!important;border:1px solid rgba(255,255,255,.14)!important;
  border-radius:12px!important;box-shadow:none!important;padding:28px!important;overflow:hidden!important;
}
#planos .plan-card::before{display:block!important;content:""!important;position:absolute!important;left:0!important;right:0!important;top:0!important;height:3px!important;background:#d9e3ef!important}
#planos .plan-card.featured::before{background:var(--tf-orange)!important}
#planos .plan-card.featured:not(.playermax-plan-card){background:#fff!important;color:var(--tf-ink)!important;border-color:#fff!important}
#planos .plan-card .plan-type{color:#63758b!important}
#planos .plan-card .speed-number,#planos .plan-card .price{color:var(--tf-ink)!important}
#planos .plan-card .plan-speed small,#planos .plan-card .price span{color:#6e7f93!important}
#planos .plan-features{color:#44566e!important}
#planos .plan-details-link{color:#48617f!important}
#planos .plan-tag{border-radius:5px!important;text-transform:none!important;background:var(--tf-orange)!important}
#planos .plan-card .btn{border-radius:8px!important;box-shadow:none!important}
#planos .plan-card:not(.featured) .btn-brand{background:var(--tf-navy)!important}
#planos .playermax-plan-card{background:#0f3158!important;color:#fff!important;border-color:#2a5784!important}
#planos .playermax-plan-card .speed-number,#planos .playermax-plan-card .price,#planos .playermax-plan-card .plan-type{color:#fff!important}
#planos .playermax-plan-card .plan-features,#planos .playermax-plan-card .plan-speed small,#planos .playermax-plan-card .price span{color:#c3d2e3!important}

/* Diferenciais = família/proximidade. Sem caixinhas; conteúdo respirando. */
#diferenciais{background:#fff!important;color:var(--tf-ink)!important;padding-top:126px!important;padding-bottom:132px!important}
#diferenciais .section-title{color:var(--tf-ink)!important}
#diferenciais .diff-grid{counter-reset:tf-diff;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0 38px!important;margin-top:54px!important;border-top:1px solid var(--tf-line)!important}
#diferenciais .diff-card{counter-increment:tf-diff;position:relative!important;background:transparent!important;border:0!important;border-bottom:1px solid var(--tf-line)!important;border-radius:0!important;padding:34px 0 36px 42px!important;box-shadow:none!important}
#diferenciais .diff-card::before{content:"0" counter(tf-diff);position:absolute;left:0;top:34px;color:var(--tf-orange)!important;font-size:12px;font-weight:750;letter-spacing:.05em}
#diferenciais .diff-icon{display:none!important}
#diferenciais .diff-card h3{color:var(--tf-ink)!important;font-size:19px!important;font-weight:680!important}
#diferenciais .diff-card p{color:#637389!important;font-size:14.5px!important;line-height:1.7!important}

/* Cobertura = tecnologia útil, não decorativa. */
#cobertura{position:relative!important;background:var(--tf-navy-2)!important;color:#fff!important;padding-top:126px!important;padding-bottom:128px!important;overflow:hidden!important}
#cobertura::before{content:"";position:absolute;width:680px;height:680px;right:-340px;top:-280px;border-radius:50%;border:1px solid rgba(255,255,255,.06);box-shadow:0 0 0 70px rgba(255,255,255,.018),0 0 0 140px rgba(255,255,255,.012);pointer-events:none}
#cobertura .container{position:relative;z-index:1}
#cobertura .eyebrow{color:#ff9b62!important}
#cobertura .section-title{color:#fff!important}
#cobertura .section-copy{color:#b6c5d7!important}
#cobertura .coverage-panel{background:#fff!important;border:0!important;border-radius:14px!important;box-shadow:none!important;overflow:hidden!important}
#cobertura .coverage-map-image{border-radius:0!important}
#cobertura .coverage-item{color:var(--tf-ink)!important;border-top:1px solid var(--tf-line)!important;background:#fff!important}
#cobertura .btn{border-radius:8px!important}

/* Lojas = presença real / família / regionalidade. */
#lojas{background:var(--tf-cream)!important;padding-top:126px!important;padding-bottom:132px!important}
#lojas .stores-grid{gap:18px!important}
#lojas .store-card{background:#fff!important;border:1px solid rgba(16,34,61,.10)!important;border-radius:12px!important;box-shadow:none!important;overflow:hidden!important}
#lojas .store-thumb{border-radius:0!important}
#lojas .store-card h3{color:var(--tf-ink)!important;font-weight:680!important}
#lojas .store-card p{color:#64758a!important}
#lojas .store-card a{color:var(--tf-orange-deep)!important;font-weight:700!important}
@media(hover:hover){#lojas .store-card:hover{border-color:rgba(255,107,26,.35)!important}}

/* Contato: tecnologia confiável, atendimento humano. */
#contato{background:var(--tf-navy)!important;padding-top:126px!important;padding-bottom:126px!important}
#contato .eyebrow{color:#ff9b62!important}
#contato .section-copy{color:#b1c0d2!important}
.contact-point-icon{border-color:rgba(255,107,26,.40)!important;color:#ff9b62!important}
.form-card{background:var(--tf-cream)!important;border-radius:14px!important;box-shadow:none!important}
.field input,.field select,.field textarea{background:#fff!important;border-radius:8px!important;border:1px solid #d9e2eb!important}
.field input:focus,.field select:focus,.field textarea:focus{box-shadow:0 0 0 3px rgba(255,107,26,.11)!important}

/* CTA final: calor de marca. */
.cta-inner{background:var(--tf-orange)!important}
.cta .btn{border-radius:8px!important}
.footer{background:#06162c!important}

/* Motion mínimo: feedback, não espetáculo. */
.btn,.tab,.quick-item,.store-card{transition-duration:.16s!important}
@media(hover:hover) and (pointer:fine){.btn:hover{transform:translateY(-1px)!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

@media(max-width:980px){
  #diferenciais .diff-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0 28px!important}
  .quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .quick-item:nth-child(2){border-right:0!important}
}
@media(max-width:680px){
  .header{background:#fffaf5!important}
  .hero-photo-card{border-radius:14px!important}
  .quick-grid{display:block!important}
  .quick-item{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.10)!important;padding:18px 0!important}
  .quick-item:last-child{border-bottom:0!important}
  .intro-section,#planos,#diferenciais,#cobertura,#lojas,#contato{padding-top:88px!important;padding-bottom:92px!important}
  #diferenciais .diff-grid{grid-template-columns:1fr!important}
  #diferenciais .diff-card{padding-left:38px!important}
  #planos .tabs{gap:20px!important;overflow-x:auto!important}
  #planos .plan-card{padding:24px!important}
  .form-card{padding:22px!important}
}



/* V5 — Paleta consolidada: tecnologia + família, com contraste consistente. */
:root{
  --tf-navy:#081A2F;
  --tf-navy-2:#12304F;
  --tf-blue:#245B8E;
  --tf-orange:#FF7A2F;          /* marca / superfícies / foco sobre fundos escuros */
  --tf-orange-text:#B94300;     /* laranja para texto em fundos claros */
  --tf-orange-deep:#B94300;
  --tf-cream:#FFF9F4;
  --tf-warm:#FFF0E5;
  --tf-paper:#FFFFFF;
  --tf-ink:#102238;
  --tf-copy:#40566E;
  --tf-copy-soft:#5C6F83;
  --tf-on-dark:#F8FBFF;
  --tf-on-dark-muted:#C9D6E4;
  --tf-on-dark-soft:#B8C7D8;
  --tf-line:#D9E3EC;
  --tf-line-strong:#C9D5E1;
  --tf-line-dark:rgba(201,214,228,.19);
}

/* Base */
html,body{background:var(--tf-cream)!important;color:var(--tf-ink)!important}
body{color:var(--tf-ink)!important}
.section-title{color:var(--tf-ink)!important}
.section-copy{color:var(--tf-copy)!important}
.eyebrow{color:var(--tf-orange-text)!important}

/* Links e foco: contraste visível e consistente */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:3px solid var(--tf-orange)!important;
  outline-offset:3px!important;
}

/* Botões: laranja com texto navy é mais legível que branco sobre laranja. */
.btn-brand{background:var(--tf-orange)!important;color:var(--tf-navy)!important}
.btn-brand:hover{background:#FF8A46!important;color:var(--tf-navy)!important}
.btn-dark{background:var(--tf-navy)!important;color:#fff!important}
.btn-ghost{color:#fff!important;border-color:rgba(255,255,255,.42)!important;background:rgba(255,255,255,.06)!important}

/* Barra superior e header */
.topbar{background:#061426!important;color:#D9E4F0!important}
.topbar a,.topbar .meta{color:#D9E4F0!important}
.header{background:rgba(255,249,244,.985)!important;border-bottom-color:rgba(16,34,56,.12)!important}
.menu,.menu a,.mobile-menu,.mobile-menu a{color:#213A56!important}
.menu a:hover,.mobile-menu a:hover{color:var(--tf-orange-text)!important}
.mobile-toggle{background:#fff!important;color:var(--tf-ink)!important;border-color:var(--tf-line-strong)!important}

/* Hero: todas as informações sobre navy usam cores próprias para fundo escuro. */
.hero{background-color:var(--tf-navy)!important;color:var(--tf-on-dark)!important}
.hero .eyebrow{color:#FF9B62!important}
.hero h1{color:#fff!important}
.hero h1 span{color:#FF8A46!important}
.hero p{color:var(--tf-on-dark-muted)!important}
.hero .proof-item,.hero-proof{color:#D9E4F0!important}
.hero-speed-badge{background:linear-gradient(160deg,#0D2E50,#081A2F)!important;border-color:rgba(79,153,226,.70)!important;color:#fff!important}
.hero-speed-badge strong{color:#FF8A46!important}
.hero-speed-badge span{color:#D0DCE9!important}

/* Atalhos abaixo do hero */
.quick-strip,.quick-grid{background:var(--tf-navy)!important}
.quick-grid{border-color:var(--tf-line-dark)!important}
.quick-item{color:#fff!important;border-color:var(--tf-line-dark)!important}
.quick-item strong{color:#fff!important}
.quick-item span{color:var(--tf-on-dark-muted)!important}
.quick-icon{color:#FF8A46!important}

/* Institucional / áreas claras */
.intro-section,#lojas{background:var(--tf-cream)!important}
.intro-section .eyebrow,#lojas .eyebrow,#diferenciais .eyebrow{color:var(--tf-orange-text)!important}
.intro-copy .section-copy,#lojas .section-copy,#diferenciais .section-copy{color:var(--tf-copy)!important}
.intro-float{background:var(--tf-warm)!important;color:var(--tf-ink)!important;border-color:#F1CDB5!important}
.intro-float b{color:var(--tf-orange-text)!important}
.intro-float span{color:var(--tf-copy)!important}
.check{color:#2F465F!important}
.check i{color:var(--tf-orange-text)!important;border-color:#E7A77D!important}

/* Planos: fundo técnico escuro + cards claros, sem cinza perdido. */
#planos{background:var(--tf-navy)!important;color:#fff!important}
#planos .eyebrow{color:#FF9B62!important}
#planos .section-title{color:#fff!important}
#planos .section-copy{color:var(--tf-on-dark-muted)!important}
#planos .tabs{border-bottom-color:rgba(201,214,228,.22)!important}
#planos .tab{color:#B8C7D8!important}
#planos .tab.active{color:#fff!important}
#planos .tab::after{background:var(--tf-orange)!important}
#planos .plan-card{background:#fff!important;color:var(--tf-ink)!important;border-color:#E2E8EF!important}
#planos .plan-card .plan-type{color:#586D83!important}
#planos .plan-card .speed-number,#planos .plan-card .price{color:var(--tf-ink)!important}
#planos .plan-card .plan-speed small,#planos .plan-card .price span{color:#63778C!important}
#planos .plan-features{color:#3E556D!important}
#planos .plan-details-link{color:var(--tf-blue)!important;text-decoration-color:rgba(36,91,142,.35)!important}
#planos .plan-tag{background:var(--tf-orange)!important;color:var(--tf-navy)!important}
#planos .plan-card:not(.featured) .btn-brand{background:var(--tf-navy)!important;color:#fff!important}
#planos .plan-card.featured:not(.playermax-plan-card) .btn-brand{background:var(--tf-orange)!important;color:var(--tf-navy)!important}
#planos .playermax-plan-card{background:#0F3158!important;color:#fff!important;border-color:#3A6A98!important}
#planos .playermax-plan-card .speed-number,#planos .playermax-plan-card .price,#planos .playermax-plan-card .plan-type{color:#fff!important}
#planos .playermax-plan-card .plan-features,#planos .playermax-plan-card .plan-speed small,#planos .playermax-plan-card .price span,#planos .playermax-plan-card p{color:#D1DDEA!important}
#planos .playermax-plan-card .plan-details-link{color:#BFD8F2!important}

/* Diferenciais */
#diferenciais{background:#fff!important;color:var(--tf-ink)!important}
#diferenciais .section-title{color:var(--tf-ink)!important}
#diferenciais .diff-grid,#diferenciais .diff-card{border-color:var(--tf-line)!important}
#diferenciais .diff-card::before{color:var(--tf-orange-text)!important}
#diferenciais .diff-card h3{color:var(--tf-ink)!important}
#diferenciais .diff-card p{color:#4D6278!important}

/* Cobertura: dark mode consistente, painel interno claro. */
#cobertura{background:var(--tf-navy-2)!important;color:#fff!important}
#cobertura .eyebrow{color:#FF9B62!important}
#cobertura .section-title{color:#fff!important}
#cobertura .section-copy{color:#D0DCE8!important}
#cobertura .coverage-panel,#cobertura .map-card{background:#fff!important;color:var(--tf-ink)!important;border-color:#DCE5EE!important}
#cobertura .coverage-item{background:#fff!important;color:var(--tf-ink)!important;border-color:var(--tf-line)!important}
#cobertura .coverage-item i{color:var(--tf-orange-text)!important}
#cobertura .btn-brand{background:var(--tf-orange)!important;color:var(--tf-navy)!important}

/* Lojas */
#lojas .section-title{color:var(--tf-ink)!important}
#lojas .section-copy{color:var(--tf-copy)!important}
#lojas .store-card{background:#fff!important;border-color:#D9E2EB!important}
#lojas .store-card h3{color:var(--tf-ink)!important}
#lojas .store-card p{color:#4C6278!important}
#lojas .store-card a{color:var(--tf-orange-text)!important}

/* Contato: texto claro no fundo escuro; formulário escuro nunca invade os campos claros. */
#contato{background:var(--tf-navy)!important;color:#fff!important}
#contato .eyebrow{color:#FF9B62!important}
#contato .section-title{color:#fff!important}
#contato .section-copy{color:var(--tf-on-dark-muted)!important}
#contato .contact-point,#contato .contact-point span{color:#D3DFEB!important}
#contato .contact-point b{color:#fff!important}
.contact-point-icon{color:#FF9B62!important;border-color:rgba(255,155,98,.55)!important}
.form-card{background:var(--tf-cream)!important;color:var(--tf-ink)!important}
.form-card label{color:#233B55!important;font-weight:650!important}
.field input,.field select,.field textarea{background:#fff!important;color:var(--tf-ink)!important;border-color:#CDD9E4!important}
.field input::placeholder,.field textarea::placeholder{color:#718297!important}
.form-privacy-note{color:#53677C!important}

/* CTA: fundo laranja da marca com texto navy, sem branco estourando contraste. */
.cta-inner{background:var(--tf-orange)!important;color:var(--tf-navy)!important}
.cta-inner h2{color:var(--tf-navy)!important}
.cta-inner .btn-dark{background:var(--tf-navy)!important;color:#fff!important}
.cta-inner .btn:not(.btn-dark){background:#fff!important;color:var(--tf-navy)!important}

/* Footer */
.footer{background:#061426!important;color:#D3DEEA!important}
.footer h4{color:#fff!important}
.footer-copy,.footer-links a,.footer-bottom{color:#C4D1DF!important}
.footer-links a:hover{color:#FF9B62!important}
.footer-bottom{border-color:rgba(196,209,223,.18)!important}

/* Estados e linhas: mais consistentes */
.store-link,.plan-details-link{font-weight:700!important}
::selection{background:var(--tf-orange)!important;color:var(--tf-navy)!important}

@media(max-width:680px){
  .header,.mobile-menu{background:var(--tf-cream)!important}
  .mobile-menu{border-color:var(--tf-line)!important}
}



/* V5.1 — correção exclusiva da seção Cobertura. Nenhuma outra área é alterada. */
#cobertura{
  background:#F7F9FC!important;
  color:#102238!important;
}
#cobertura::before{display:none!important}
#cobertura .eyebrow{color:#B94300!important}
#cobertura .section-title{color:#102238!important}
#cobertura .section-copy{color:#40566E!important}
#cobertura .map-card{
  background:#FFFFFF!important;
  border-color:#D9E3EC!important;
  color:#102238!important;
}
#cobertura .coverage-list{border-top-color:#D9E3EC!important}
#cobertura .coverage-item{
  background:#FFFFFF!important;
  color:#102238!important;
  border-color:#D9E3EC!important;
}
#cobertura .coverage-item i{color:#B94300!important}
#cobertura .btn-brand{
  background:#FF7A2F!important;
  color:#081A2F!important;
}



/* V5.6 — correção exclusiva dos 6 blocos de diferenciais */
#diferenciais .diff-card{
  transition:background-color .18s ease,border-color .18s ease,transform .18s ease,color .18s ease!important;
}
#diferenciais .diff-card h3,
#diferenciais .diff-card p,
#diferenciais .diff-card::before{
  transition:color .18s ease!important;
}
@media (hover:hover) and (pointer:fine){
  #diferenciais .diff-card:hover{
    background:#0F2748!important;
    border-color:#244663!important;
    transform:translateY(-2px)!important;
  }
  #diferenciais .diff-card:hover h3{
    color:#FFFFFF!important;
  }
  #diferenciais .diff-card:hover p{
    color:#D2DFEC!important;
  }
  #diferenciais .diff-card:hover::before{
    color:#FF9B62!important;
  }
}



/* V5.7 — correção exclusiva da seção Planos e PlayerMax */

/* Cabeçalho e navegação da seção sobre fundo escuro */
#planos,
#planos .container,
#planos .plans-head,
#planos .section-head{
  color:#FFFFFF!important;
}
#planos .eyebrow{
  color:#FF9B62!important;
}
#planos .section-title,
#planos h2,
#planos .plans-title{
  color:#FFFFFF!important;
}
#planos .section-copy,
#planos .plans-copy,
#planos .plans-head p{
  color:#C9D6E4!important;
}
#planos .tab{
  color:#B8C7D8!important;
}
#planos .tab:hover,
#planos .tab.active,
#planos .tab[aria-selected="true"]{
  color:#FFFFFF!important;
}

/* Cards convencionais permanecem claros, com texto escuro */
#planos .plan-card:not(.playermax-plan-card){
  background:#FFFFFF!important;
  color:#102238!important;
}
#planos .plan-card:not(.playermax-plan-card) .plan-type,
#planos .plan-card:not(.playermax-plan-card) .plan-speed,
#planos .plan-card:not(.playermax-plan-card) .speed-number,
#planos .plan-card:not(.playermax-plan-card) .price{
  color:#102238!important;
}
#planos .plan-card:not(.playermax-plan-card) .plan-speed small,
#planos .plan-card:not(.playermax-plan-card) .price small,
#planos .plan-card:not(.playermax-plan-card) .price span,
#planos .plan-card:not(.playermax-plan-card) .plan-features{
  color:#40566E!important;
}

/* PlayerMax: identidade própria em preto, sem azul interno */
#planos .playermax-panel{
  background:#050505!important;
  color:#FFFFFF!important;
  border-radius:14px!important;
  padding:28px!important;
}
#planos .playermax-tab-head{
  background:#050505!important;
  color:#FFFFFF!important;
}
#planos .playermax-tab-head span{
  color:#FF5A52!important;
}
#planos .playermax-tab-head h3,
#planos .playermax-tab-head h3 strong{
  color:#FFFFFF!important;
}
#planos .playermax-tab-head p{
  color:#C7C7CF!important;
}
#planos .playermax-plan-card{
  background:#0A0A0A!important;
  color:#FFFFFF!important;
  border-color:#2A2A2A!important;
}
#planos .playermax-plan-card::before{
  background:#E30613!important;
}
#planos .playermax-plan-card .plan-type,
#planos .playermax-plan-card .speed-number,
#planos .playermax-plan-card .price{
  color:#FFFFFF!important;
}
#planos .playermax-plan-card .plan-speed small,
#planos .playermax-plan-card .price small,
#planos .playermax-plan-card .price span,
#planos .playermax-plan-card .plan-features,
#planos .playermax-plan-card p{
  color:#D4D4DA!important;
}
#planos .playermax-plan-card .plan-tag{
  background:#E30613!important;
  color:#FFFFFF!important;
}
#planos .playermax-plan-card .btn{
  background:#E30613!important;
  color:#FFFFFF!important;
  border-color:#E30613!important;
}
#planos .playermax-plan-card .btn:hover{
  background:#FF2732!important;
  color:#FFFFFF!important;
}



/* V5.8 — correção exclusiva da velocidade no PlayerMax */
#planos .playermax-panel .playermax-plan-card .plan-speed,
#planos .playermax-panel .playermax-plan-card .plan-speed .speed-number,
#planos .playermax-panel .playermax-plan-card .plan-speed small,
#planos .playermax-panel .playermax-plan-card .speed-number{
  color:#FFFFFF!important;
  -webkit-text-fill-color:#FFFFFF!important;
}
#planos .playermax-panel .playermax-plan-card .plan-speed small{
  color:#D4D4DA!important;
  -webkit-text-fill-color:#D4D4DA!important;
}



/* V5.9 — contraste da velocidade em TODOS os menus de planos */

/* Cards escuros convencionais: velocidade clara */
#planos .plan-card:not(.featured):not(.playermax-plan-card) .plan-speed,
#planos .plan-card:not(.featured):not(.playermax-plan-card) .plan-speed .speed-number,
#planos .plan-card:not(.featured):not(.playermax-plan-card) .speed-number{
  color:#FFFFFF!important;
  -webkit-text-fill-color:#FFFFFF!important;
  opacity:1!important;
}
#planos .plan-card:not(.featured):not(.playermax-plan-card) .plan-speed small{
  color:#C9D6E4!important;
  -webkit-text-fill-color:#C9D6E4!important;
  opacity:1!important;
}

/* Card destacado claro: velocidade escura */
#planos .plan-card.featured:not(.playermax-plan-card) .plan-speed,
#planos .plan-card.featured:not(.playermax-plan-card) .plan-speed .speed-number,
#planos .plan-card.featured:not(.playermax-plan-card) .speed-number{
  color:#102238!important;
  -webkit-text-fill-color:#102238!important;
  opacity:1!important;
}
#planos .plan-card.featured:not(.playermax-plan-card) .plan-speed small{
  color:#40566E!important;
  -webkit-text-fill-color:#40566E!important;
  opacity:1!important;
}

/* PlayerMax continua preto/vermelho com velocidade clara */
#planos .playermax-plan-card .plan-speed,
#planos .playermax-plan-card .plan-speed .speed-number,
#planos .playermax-plan-card .speed-number{
  color:#FFFFFF!important;
  -webkit-text-fill-color:#FFFFFF!important;
  opacity:1!important;
}
#planos .playermax-plan-card .plan-speed small{
  color:#D4D4DA!important;
  -webkit-text-fill-color:#D4D4DA!important;
  opacity:1!important;
}



/* V5.10 — Cobertura local real + fibra óptica viva. Somente assets locais. */
#cobertura .coverage-map-shell{
  position:relative;width:100%;aspect-ratio:771/699;min-height:360px;
  border-radius:24px;overflow:hidden;background:#d7eadf;
  border:1px solid rgba(8,26,47,.10);box-shadow:0 24px 54px rgba(7,18,43,.14)
}
#cobertura .coverage-map-shell::before{
  content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:
    radial-gradient(circle at 74% 24%,rgba(255,122,47,.12),transparent 25%),
    radial-gradient(circle at 16% 80%,rgba(36,91,142,.16),transparent 29%),
    linear-gradient(135deg,rgba(8,26,47,.07),rgba(8,26,47,0) 44%,rgba(255,122,47,.045));
}
#cobertura .coverage-map-shell::after{
  content:"";position:absolute;inset:0;z-index:7;pointer-events:none;
  border:1px solid rgba(255,255,255,.28);border-radius:24px
}
#cobertura .coverage-real-svg{display:block;width:100%;height:100%;font-family:inherit;position:relative;z-index:1;touch-action:manipulation}
#cobertura .coverage-map-photo{opacity:1;filter:saturate(.88) contrast(1.03) brightness(.98)}
#cobertura .coverage-map-tint{mix-blend-mode:multiply;opacity:.10;pointer-events:none}
#cobertura .coverage-tech-grid{opacity:.11;pointer-events:none}
#cobertura .coverage-tech-grid path{stroke:#496b8a;stroke-width:1;stroke-dasharray:3 13;vector-effect:non-scaling-stroke}
#cobertura .coverage-brand-traces{opacity:.62;pointer-events:none}
#cobertura .coverage-brand-traces path{fill:none;stroke-linecap:round;vector-effect:non-scaling-stroke}
#cobertura .coverage-brand-traces .trace-orange{stroke:rgba(255,122,47,.23);stroke-width:1.4}
#cobertura .coverage-brand-traces .trace-blue{stroke:rgba(36,91,142,.22);stroke-width:1.1}

#cobertura .coverage-fiber-base,
#cobertura .coverage-fiber-glow,
#cobertura .coverage-fiber-flow{
  fill:none;stroke-linecap:round;pointer-events:none;vector-effect:non-scaling-stroke;
  transition:opacity .20s ease,stroke-width .20s ease,filter .20s ease
}
#cobertura .coverage-fiber-base{stroke:rgba(8,26,47,.24);stroke-width:6.4}
#cobertura .coverage-fiber-glow{stroke:rgba(255,122,47,.27);stroke-width:9;filter:blur(2.1px);opacity:.78}
#cobertura .coverage-fiber-flow{
  stroke:url(#fiberGradient);stroke-width:4.2;stroke-dasharray:20 12;
  animation:coverageFiberFlow 2.6s linear infinite;filter:drop-shadow(0 0 5px rgba(255,122,47,.36))
}
#cobertura .coverage-fiber-hit{fill:none;stroke:transparent;stroke-width:24;cursor:pointer;pointer-events:stroke;outline:none}
#cobertura .coverage-fiber-flow.is-muted,#cobertura .coverage-fiber-glow.is-muted,#cobertura .coverage-light-group.is-muted{opacity:.13}
#cobertura .coverage-fiber-flow.is-active{stroke-width:5.1;opacity:1;filter:drop-shadow(0 0 7px rgba(255,122,47,.62))}
#cobertura .coverage-fiber-glow.is-active{stroke-width:11;opacity:1;filter:blur(2.7px) drop-shadow(0 0 12px rgba(255,122,47,.34))}
#cobertura .coverage-fiber-hit:focus-visible{stroke:rgba(255,122,47,.22)}
#cobertura .coverage-light-group{transition:opacity .20s ease;pointer-events:none}
#cobertura .coverage-light{fill:#fff7f1;filter:drop-shadow(0 0 7px rgba(255,122,47,.95))}
#cobertura .coverage-light-core{fill:#ff7a2f}

#cobertura .coverage-map-marker,#cobertura .coverage-map-label{cursor:pointer;outline:none}
#cobertura .coverage-marker-hit{fill:transparent}
#cobertura .coverage-marker-ring{fill:rgba(255,255,255,.97);stroke:#081a2f;stroke-width:1.6;vector-effect:non-scaling-stroke;transition:r .18s ease,stroke .18s ease,filter .18s ease}
#cobertura .coverage-marker-core{fill:#ff7a2f;stroke:#fff;stroke-width:2.4;vector-effect:non-scaling-stroke;filter:url(#coverageGlow)}
#cobertura .coverage-marker-pulse{fill:#ff7a2f;opacity:.28}
#cobertura .coverage-map-marker:hover .coverage-marker-ring,
#cobertura .coverage-map-marker:focus-visible .coverage-marker-ring,
#cobertura .coverage-map-marker.is-active .coverage-marker-ring{r:18;stroke:#ff7a2f;stroke-width:2.4;filter:drop-shadow(0 3px 9px rgba(255,122,47,.36))}
#cobertura .coverage-map-label{transform-box:fill-box;transform-origin:center;transition:transform .16s ease}
#cobertura .coverage-map-label rect{fill:rgba(255,255,255,.94);stroke:rgba(8,26,47,.11);stroke-width:1;filter:drop-shadow(0 8px 16px rgba(8,26,47,.10))}
#cobertura .coverage-map-label text{fill:#102238;font-size:13px;font-weight:800}
#cobertura .coverage-map-label:hover,#cobertura .coverage-map-label:focus-visible,#cobertura .coverage-map-label.is-active{transform:translateY(-2px)}
#cobertura .coverage-map-label.is-active rect{fill:#081a2f;stroke:rgba(255,122,47,.50)}
#cobertura .coverage-map-label.is-active text{fill:#fff}
#cobertura .coverage-map-north path,#cobertura .coverage-map-scale path{stroke:#102238;stroke-width:2;fill:none;opacity:.78}
#cobertura .coverage-map-north text,#cobertura .coverage-map-scale text{fill:#102238;font-size:11px;font-weight:750}
#cobertura .coverage-item{transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease}
#cobertura .coverage-item.is-map-active{background:#fff5ee!important;border-color:rgba(255,122,47,.34)!important;box-shadow:inset 3px 0 0 #ff7a2f}
@keyframes coverageFiberFlow{to{stroke-dashoffset:-64}}
@media(max-width:980px){#cobertura .coverage-grid{grid-template-columns:1fr!important;gap:28px!important}}
@media(max-width:680px){#cobertura .coverage-map-shell{min-height:290px;border-radius:18px}#cobertura .coverage-map-label text{font-size:12px}}
@media(prefers-reduced-motion:reduce){#cobertura .coverage-fiber-flow{animation:none!important}#cobertura .coverage-light-group,#cobertura .coverage-marker-pulse{display:none!important}}



/* ==========================================================
   V5.10 — Footer UX/UI
   Refina disposição, hierarquia e responsividade.
   ========================================================== */
.footer{
  background:#061426!important;
  color:#D3DEEA!important;
  padding:84px 0 34px!important;
}
.footer .container{
  display:block!important;
}
.footer-grid{
  grid-template-columns:minmax(280px,1.45fr) repeat(3,minmax(170px,1fr))!important;
  gap:clamp(38px,4vw,72px)!important;
  align-items:start!important;
}
.footer-brand-column{
  max-width:32rem!important;
  padding-right:12px!important;
}
.footer-logo{
  max-height:58px!important;
  margin-bottom:24px!important;
}
.footer-copy{
  max-width:28ch!important;
  color:#D3DEEA!important;
  font-size:1.06rem!important;
  line-height:1.6!important;
  margin:0!important;
}
.footer-block h4{
  color:#FFFFFF!important;
  font-size:1.1rem!important;
  line-height:1.3!important;
  margin:0 0 22px!important;
}
.footer-links{
  display:grid!important;
  gap:14px!important;
}
.footer-links a{
  width:fit-content!important;
  max-width:100%!important;
  color:#C8D5E3!important;
  line-height:1.45!important;
}
.footer-links a:hover,
.footer-links a:focus-visible{
  color:#FF9B62!important;
  transform:translateX(2px)!important;
}
.footer-socials{
  margin-top:28px!important;
  display:flex!important;
  flex-wrap:wrap!important;
  gap:12px!important;
}
.footer-social-link{
  width:44px!important;
  height:44px!important;
  border-radius:12px!important;
}
.footer-bottom{
  margin-top:52px!important;
  padding-top:26px!important;
  border-top:1px solid rgba(196,209,223,.16)!important;
  display:grid!important;
  grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) minmax(260px,1.5fr) minmax(220px,1.2fr)!important;
  gap:18px 26px!important;
  align-items:start!important;
  color:#AFC0D2!important;
  font-size:13px!important;
  line-height:1.55!important;
}
.footer-bottom > span{
  display:block!important;
}
.footer-legal-id{
  opacity:.96!important;
}
.footer-legal-links{
  justify-self:end!important;
  text-align:right!important;
}
.footer-legal-links a{
  color:#D3DEEA!important;
  text-decoration:underline!important;
  text-underline-offset:3px!important;
}
.footer-legal-links a:hover,
.footer-legal-links a:focus-visible{
  color:#FF9B62!important;
}
@media (max-width:1120px){
  .footer-grid{
    grid-template-columns:minmax(260px,1.3fr) repeat(2,minmax(170px,1fr))!important;
  }
  .footer-grid > .footer-block:last-child{
    grid-column:2 / 4!important;
  }
  .footer-bottom{
    grid-template-columns:repeat(2,minmax(220px,1fr))!important;
  }
  .footer-legal-links{
    justify-self:start!important;
    text-align:left!important;
  }
}
@media (max-width:760px){
  .footer{
    padding:68px 0 28px!important;
  }
  .footer-grid{
    grid-template-columns:1fr!important;
    gap:30px!important;
  }
  .footer-grid > .footer-block:last-child{
    grid-column:auto!important;
  }
  .footer-brand-column{
    max-width:none!important;
    padding-right:0!important;
  }
  .footer-copy{
    max-width:34ch!important;
    font-size:1rem!important;
  }
  .footer-bottom{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  .footer-legal-links{
    justify-self:start!important;
    text-align:left!important;
  }
}



/* ==========================================================
   V5.9.1 — Institucional / "Vem ser Opção"
   Restaura o controle de cores pelo painel administrativo.
   ========================================================== */
.intro-section{
  background:var(--intro-section-bg,var(--tf-cream,#FFF9F4))!important;
}
.intro-copy .eyebrow{
  color:var(--intro-eyebrow-color,var(--tf-orange-text,#B94300))!important;
}
.intro-copy .section-title{
  color:var(--intro-title-color,var(--tf-ink,#102238))!important;
}
.intro-copy .section-copy,
.intro-copy .check{
  color:var(--intro-description-color,var(--tf-copy,#40566E))!important;
}
.intro-copy .check i{
  color:var(--intro-highlight-color,var(--tf-orange,#FF7A2F))!important;
  border-color:color-mix(in srgb,var(--intro-highlight-color,var(--tf-orange,#FF7A2F)) 38%,transparent)!important;
  background:color-mix(in srgb,var(--intro-highlight-color,var(--tf-orange,#FF7A2F)) 10%,transparent)!important;
}
.intro-section .intro-button{
  background:var(--intro-button-bg,var(--tf-navy,#081A2F))!important;
  color:var(--intro-button-text,#FFFFFF)!important;
}
.intro-section .intro-float{
  background:var(--intro-badge-bg,var(--tf-warm,#FFF0E5))!important;
}
.intro-section .intro-float b{
  color:var(--intro-badge-number,var(--tf-orange-text,#B94300))!important;
}
.intro-section .intro-float b em{
  color:var(--intro-badge-accent,var(--tf-orange,#FF7A2F))!important;
}
.intro-section .intro-float span{
  color:var(--intro-badge-text,var(--tf-copy,#40566E))!important;
}



/* ==========================================================
   V5.11 — Planos: ícones semânticos + hover PlayerMax vermelho
   ========================================================== */

/* Benefícios mais escaneáveis em todos os menus de planos */
#planos .plan-features{
  padding-left:0!important;
  display:grid!important;
  gap:12px!important;
}
#planos .plan-features li{
  list-style:none!important;
  padding-left:0!important;
  display:grid!important;
  grid-template-columns:20px minmax(0,1fr)!important;
  gap:10px!important;
  align-items:start!important;
  text-align:left!important;
  line-height:1.5!important;
}
#planos .plan-features li::before{
  display:none!important;
  content:none!important;
}
#planos .plan-feature-icon{
  width:18px!important;
  height:18px!important;
  margin-top:1px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#FF7A2F!important;
  flex:none!important;
}
#planos .plan-feature-icon svg{
  width:18px!important;
  height:18px!important;
  display:block!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
#planos .plan-feature-text{
  min-width:0!important;
}

/* Card destacado claro mantém ícone de marca com contraste */
#planos .plan-card.featured:not(.playermax-plan-card) .plan-feature-icon{
  color:#B94300!important;
}

/* PlayerMax: preto + vermelho, inclusive no hover */
#planos .playermax-panel{
  background:#050505!important;
}
#planos .playermax-panel .playermax-plan-card{
  background:#0A0A0A!important;
  border-color:#292929!important;
  color:#FFFFFF!important;
  transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease!important;
}
#planos .playermax-panel .playermax-plan-card .plan-feature-icon{
  color:#E30613!important;
}
#planos .playermax-panel .playermax-plan-card:hover{
  background:#180609!important;
  border-color:#E30613!important;
  box-shadow:0 20px 48px rgba(227,6,19,.18)!important;
  transform:translateY(-3px)!important;
}
#planos .playermax-panel .playermax-plan-card:hover::before{
  background:#E30613!important;
}
#planos .playermax-panel .playermax-plan-card:hover .plan-type,
#planos .playermax-panel .playermax-plan-card:hover .speed-number,
#planos .playermax-panel .playermax-plan-card:hover .price,
#planos .playermax-panel .playermax-plan-card:hover h3{
  color:#FFFFFF!important;
  -webkit-text-fill-color:#FFFFFF!important;
}
#planos .playermax-panel .playermax-plan-card:hover .plan-speed small,
#planos .playermax-panel .playermax-plan-card:hover .price small,
#planos .playermax-panel .playermax-plan-card:hover .price span,
#planos .playermax-panel .playermax-plan-card:hover .plan-features,
#planos .playermax-panel .playermax-plan-card:hover .plan-feature-text{
  color:#E2E2E7!important;
  -webkit-text-fill-color:#E2E2E7!important;
}
#planos .playermax-panel .playermax-plan-card:hover .plan-feature-icon{
  color:#FF2632!important;
}
#planos .playermax-panel .playermax-plan-card:hover .btn{
  background:#E30613!important;
  color:#FFFFFF!important;
  border-color:#E30613!important;
}

@media (prefers-reduced-motion:reduce){
  #planos .playermax-panel .playermax-plan-card{
    transition:none!important;
  }
  #planos .playermax-panel .playermax-plan-card:hover{
    transform:none!important;
  }
}