/* Site de venda do CestasBrasil (versão nova, 29/10/2026).
   Tema claro sempre. Marinho #01204C, laranja da marca #CC530F (botões num laranja mais vivo, já aprovado),
   sem amarelo (29/10/2026: só branco, azul, laranja e pêssego, e off-white). Fonte única Red Hat Display (títulos) e Red Hat Text (texto).
   Nada abaixo de 14px. Animação nunca esconde: tudo aparece mesmo sem JavaScript ou com "reduzir movimento". */
:root{
  --marinho:#01204C;--marinho-2:#0B2F66;--azul:#1B3F7E;--laranja:#F2701F;--laranja-hover:#DB5F10;--laranja-marca:#CC530F;
  --mel:#FFB27A;--mel-claro:#FFF0E5;--creme:#F7F5F2;--nevoa:#F3F6FB;--branco:#fff;--texto:#1C2533;--suave:#5B6577;--linha:#E1E7EF;
  --verde:#1F9D55;--zap:#25D366;
  --titulo:"Red Hat Display",system-ui,sans-serif;--corpo:"Red Hat Text",system-ui,sans-serif;
  --raio:20px;--sombra:0 18px 50px rgba(1,32,76,.12);--sombra-p:0 6px 20px rgba(1,32,76,.08);
  --largura:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--branco);color:var(--texto);font-family:var(--corpo);font-size:17px;line-height:1.6;overflow-x:hidden}
img,video{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3,h4{font-family:var(--titulo);color:var(--marinho);margin:0;line-height:1.12;letter-spacing:-.02em}
h1{font-size:clamp(36px,5.4vw,62px);font-weight:900}
h2{font-size:clamp(28px,3.6vw,44px);font-weight:800}
h3{font-size:21px;font-weight:800}
p{margin:0}
.miolo{width:min(var(--largura),100% - 32px);margin:0 auto}
.secao{padding:clamp(64px,9vw,112px) 0}
.secao.creme{background:var(--creme)}
.secao.nevoa{background:var(--nevoa)}
.secao.escura{background:var(--marinho);color:#DCE5F3}
.secao.escura h2,.secao.escura h3{color:#fff}
.cabeca{max-width:760px;margin:0 auto 48px;text-align:center;display:grid;gap:14px}
.cabeca p{color:var(--suave);font-size:19px}
.escura .cabeca p{color:#B9C7DD}
.sobre{display:inline-flex;align-items:center;gap:8px;justify-self:center;font:800 14px/1 var(--titulo);letter-spacing:.08em;text-transform:uppercase;color:var(--laranja-marca)}
.sobre::before{content:"";width:22px;height:3px;border-radius:3px;background:currentColor}
.escura .sobre{color:var(--mel)}
.esq{text-align:left}.esq .sobre{justify-self:start}
.leg{font-size:15px;color:var(--suave)}

/* ---------- botões ---------- */
.bt{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border-radius:999px;border:2px solid transparent;
  font:800 17px/1 var(--titulo);text-decoration:none;cursor:pointer;transition:transform .2s,background .2s,box-shadow .2s,color .2s;white-space:nowrap}
.bt svg{width:20px;height:20px;flex:0 0 20px}
.bt-laranja{background:var(--laranja);color:#fff;box-shadow:0 10px 24px rgba(242,112,31,.32)}
.bt-laranja:hover{background:var(--laranja-hover);transform:translateY(-2px)}
.bt-linha{background:#fff;color:var(--marinho);border-color:var(--linha)}
.bt-linha:hover{border-color:var(--marinho);transform:translateY(-2px)}
.bt-marinho{background:var(--marinho);color:#fff}
.bt-marinho:hover{background:var(--marinho-2);transform:translateY(-2px)}
.bt-branco{background:#fff;color:var(--marinho)}
.bt-cheio{width:100%}
.link-seta{display:inline-flex;align-items:center;gap:6px;font:800 16px var(--titulo);color:var(--laranja-marca);text-decoration:none}
.link-seta svg{width:18px;height:18px;transition:transform .2s}
.link-seta:hover svg{transform:translateX(4px)}

/* ---------- topo ---------- */
.topo{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.92);backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid transparent;transition:border-color .2s,box-shadow .2s}
.topo.rolou{border-bottom-color:var(--linha);box-shadow:0 6px 24px rgba(1,32,76,.06)}
.topo .miolo{display:flex;align-items:center;gap:24px;min-height:72px}
.logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;flex:0 0 auto}
.logo svg{width:40px;height:40px}
.logo span{font:700 20px/1 var(--titulo);color:var(--marinho);letter-spacing:-.01em}
.logo span b{color:var(--laranja-marca);font-weight:700}
.logo.clara span{color:#fff}.logo.clara span b{color:#FF8A45}
.menu{position:relative;display:flex;gap:4px;margin-left:12px}
.menu a{position:relative;z-index:1;padding:10px 16px;border-radius:999px;font:700 16px/1 var(--titulo);color:var(--marinho);text-decoration:none;transition:color .2s}
.menu a.on{color:var(--laranja-marca)}
.menu .pilula{position:absolute;z-index:0;top:0;height:100%;border-radius:999px;background:var(--nevoa);transition:left .3s cubic-bezier(.3,.8,.3,1),width .3s cubic-bezier(.3,.8,.3,1),opacity .2s;opacity:0;pointer-events:none}
.topo-acoes{margin-left:auto;display:flex;align-items:center;gap:10px}
.entrar{font:700 16px var(--titulo);color:var(--marinho);text-decoration:none;padding:10px 14px;border-radius:999px}
.entrar:hover{background:var(--nevoa)}
.topo .bt{min-height:46px;padding:0 20px;font-size:16px}
.abre-menu{display:none;width:46px;height:46px;border-radius:14px;border:1px solid var(--linha);background:#fff;color:var(--marinho);cursor:pointer;align-items:center;justify-content:center}
.abre-menu svg{width:24px;height:24px}
.gaveta{display:none}
@media(max-width:980px){
  .menu,.topo-acoes .entrar{display:none}
  .abre-menu{display:inline-flex}
  .topo .miolo{gap:12px}
  .gaveta{position:fixed;inset:72px 0 auto 0;z-index:39;background:#fff;border-bottom:1px solid var(--linha);box-shadow:0 20px 40px rgba(1,32,76,.12);padding:12px 16px 20px;display:grid;gap:4px}
  .gaveta[hidden]{display:none}
  .gaveta a{padding:14px 12px;border-radius:12px;font:700 18px var(--titulo);color:var(--marinho);text-decoration:none}
  .gaveta a:hover{background:var(--nevoa)}
  .gaveta .bt{margin-top:8px;color:#fff}
}
@media(max-width:420px){.topo .bt{padding:0 14px;font-size:15px}.logo span{font-size:17px}.logo svg{width:34px;height:34px}}

/* ---------- topo forte (hero) ---------- */
.hero{position:relative;padding:clamp(40px,6vw,72px) 0 clamp(56px,7vw,96px);background:linear-gradient(180deg,#fff 0%,var(--nevoa) 100%);overflow:hidden}
.hero::before{content:"";position:absolute;right:-12%;top:-30%;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,rgba(242,112,31,.14),rgba(242,112,31,0));pointer-events:none}
.hero .miolo{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:48px;align-items:center}
.hero-txt{display:grid;gap:22px}
.hero-txt .sobre{justify-self:start}
.hero h1 em{font-style:normal;color:var(--laranja-marca)}
.lead{font-size:20px;color:var(--suave);max-width:560px}
.acoes{display:flex;flex-wrap:wrap;gap:12px}
.provas{display:flex;flex-wrap:wrap;gap:8px 18px;color:var(--marinho);font:700 15px var(--titulo)}
.provas span{display:inline-flex;align-items:center;gap:8px}
.provas svg{width:18px;height:18px;color:var(--verde)}
@media(max-width:980px){.hero .miolo{grid-template-columns:minmax(0,1fr);gap:36px}.lead{font-size:18px}}

/* aparelhos: notebook com o app + celular com o site da loja */
.aparelhos{position:relative;padding:0 0 40px 0}
.note{position:relative;margin-right:13%}
.note .tela{position:relative;border:10px solid #10213D;border-bottom-width:14px;border-radius:16px 16px 6px 6px;background:#10213D;overflow:hidden;aspect-ratio:16/10;box-shadow:var(--sombra)}
.note .tela img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top left}
.note .base{height:14px;margin:0 -7%;background:linear-gradient(#D7DEE9,#B8C3D3);border-radius:0 0 18px 18px;position:relative}
.note .base::after{content:"";position:absolute;left:42%;right:42%;top:0;height:5px;border-radius:0 0 8px 8px;background:#9AA7BA}
.troca img{opacity:0;transition:opacity .8s ease}
.troca img.on{opacity:1}
.troca img:first-child{opacity:1}
.troca.pronto img:first-child:not(.on){opacity:0}
.cel{position:absolute;right:0;bottom:0;width:27%;min-width:120px;aspect-ratio:9/19.5;border:8px solid #10213D;border-radius:30px;background:#10213D;overflow:hidden;box-shadow:0 24px 50px rgba(1,32,76,.28)}
.cel::before{content:"";position:absolute;z-index:2;top:6px;left:50%;width:34%;height:14px;margin-left:-17%;border-radius:10px;background:#10213D}
.cel .rolo{position:absolute;inset:0;overflow:hidden;border-radius:22px;background:#fff}
.cel .rolo img{width:100%;height:auto;will-change:transform}
.balao{position:absolute;left:-4%;bottom:0;display:flex;align-items:center;gap:12px;background:#fff;border-radius:18px;padding:12px 16px;box-shadow:var(--sombra);max-width:300px}
.balao i{position:relative;flex:0 0 42px;height:42px;border-radius:12px;background:var(--zap);color:#fff;display:grid;place-items:center}
.balao i svg{width:24px;height:24px}
.balao em{position:absolute;top:-8px;right:-8px;min-width:24px;height:24px;border-radius:12px;background:var(--laranja);color:#fff;font:800 14px/24px var(--titulo);font-style:normal;text-align:center;padding:0 6px;border:2px solid #fff}
.balao b{display:block;font:800 16px var(--titulo);color:var(--marinho)}
.balao span{font-size:14px;color:var(--suave);line-height:1.35;display:block}
.balao.pula{animation:pula .6s cubic-bezier(.3,1.6,.5,1)}
@keyframes pula{0%{transform:scale(.9)}100%{transform:scale(1)}}
.selo-flutua{position:absolute;top:8%;left:-3%;background:var(--mel-claro);color:#8A3A0A;border:1px solid #F6CBAA;border-radius:999px;padding:8px 14px;font:800 14px var(--titulo);box-shadow:var(--sombra-p)}
@media(max-width:560px){.balao{left:0;max-width:240px;padding:10px 12px}.balao b{font-size:15px}.selo-flutua{display:none}.cel{border-width:6px;border-radius:22px}.cel .rolo{border-radius:16px}.note .tela{border-width:6px;border-bottom-width:9px}}

/* ---------- moldura de navegador e de celular pros prints ---------- */
.janela{border-radius:16px;background:#fff;box-shadow:var(--sombra);overflow:hidden;border:1px solid var(--linha)}
.janela .barra{display:flex;align-items:center;gap:6px;padding:10px 14px;background:#F4F6FA;border-bottom:1px solid var(--linha)}
.janela .barra i{width:10px;height:10px;border-radius:50%;background:#D5DBE5}
.janela .barra span{margin-left:10px;flex:1;min-width:0;background:#fff;border:1px solid var(--linha);border-radius:999px;padding:3px 12px;font-size:14px;color:var(--suave);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.janela img{width:100%;height:auto}
.fone{width:100%;max-width:270px;aspect-ratio:9/19.5;border:8px solid #10213D;border-radius:32px;background:#10213D;overflow:hidden;box-shadow:var(--sombra);position:relative}
.fone img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:24px}

/* ---------- prova real (Bellare) ---------- */
.prova{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:48px;align-items:center}
.prova-img{position:relative;padding-right:60px}
.prova-img .fone{position:absolute;right:0;bottom:-30px;width:30%;min-width:110px}
.prova-txt{display:grid;gap:18px}
.prova-txt ul{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.prova-txt li{display:flex;gap:10px;align-items:flex-start}
.prova-txt li svg{flex:0 0 22px;width:22px;height:22px;color:var(--verde);margin-top:2px}
.selo-real{justify-self:start;display:inline-flex;align-items:center;gap:8px;background:var(--mel-claro);color:#8A3A0A;border-radius:999px;padding:8px 14px;font:800 14px var(--titulo)}
@media(max-width:900px){.prova{grid-template-columns:minmax(0,1fr)}.prova-img{padding-right:40px;margin-bottom:30px}}

/* ---------- tudo conectado: ilustração animada ---------- */
.fluxo{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.fluxo svg.trilho{position:absolute;left:0;top:44px;width:100%;height:20px;overflow:visible;pointer-events:none}
.etapa{position:relative;z-index:1;background:#fff;border:2px solid var(--linha);border-radius:var(--raio);padding:22px 20px;display:grid;gap:10px;align-content:start;transition:border-color .4s,box-shadow .4s,transform .4s}
.etapa .ic{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:var(--nevoa);color:var(--marinho);transition:background .4s,color .4s}
.etapa .ic svg{width:28px;height:28px}
.etapa small{font:800 14px var(--titulo);color:var(--suave);letter-spacing:.04em;text-transform:uppercase}
.etapa p{font-size:16px;color:var(--suave)}
.etapa .mini{margin-top:6px;border-radius:12px;overflow:hidden;border:1px solid var(--linha);aspect-ratio:16/10;background:var(--nevoa)}
.etapa .mini img{width:100%;height:100%;object-fit:cover;object-position:top left}
.etapa.acesa{border-color:var(--laranja);box-shadow:0 14px 34px rgba(242,112,31,.18);transform:translateY(-4px)}
.etapa.acesa .ic{background:var(--laranja);color:#fff}
.fluxo-volta{margin-top:22px;text-align:center;font:800 17px var(--titulo);color:var(--marinho);display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap}
.fluxo-volta svg{width:22px;height:22px;color:var(--laranja)}
@media(max-width:900px){.fluxo{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.fluxo svg.trilho{display:none}}
@media(max-width:520px){.fluxo{grid-template-columns:minmax(0,1fr)}}

/* ---------- blocos por solução ---------- */
.solucoes-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:-16px 0 40px}
.solucoes-nav a{padding:10px 16px;border-radius:999px;border:1px solid var(--linha);background:#fff;font:700 15px var(--titulo);color:var(--marinho);text-decoration:none}
.solucoes-nav a:hover{border-color:var(--laranja);color:var(--laranja-marca)}
.bloco{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:56px;align-items:center;padding:44px 0;border-top:1px solid var(--linha)}
.bloco:first-of-type{border-top:0}
.bloco.inv .bloco-txt{order:2}
.bloco-txt{display:grid;gap:16px}
.bloco-txt .sobre{justify-self:start}
.bloco-txt ul{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.bloco-txt li{display:flex;gap:12px;align-items:flex-start;font-size:17px}
.bloco-txt li svg{flex:0 0 22px;width:22px;height:22px;margin-top:2px;color:var(--laranja)}
.plano-tag{justify-self:start;display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 12px;background:var(--nevoa);font:800 14px var(--titulo);color:var(--marinho)}
.plano-tag b{color:var(--laranja-marca)}
.bloco-img{position:relative}
.bloco-img .fone{position:absolute;right:-12px;bottom:-28px;width:30%;min-width:110px;max-width:200px}
@media(max-width:900px){.bloco{grid-template-columns:minmax(0,1fr);gap:28px}.bloco.inv .bloco-txt{order:0}.bloco-img{margin-right:28px}}

/* ---------- vídeo ---------- */
.video-caixa{border-radius:var(--raio);overflow:hidden;box-shadow:var(--sombra);background:#000}
.video-caixa video{width:100%;height:auto}

/* ---------- pra quem é ---------- */
.quem-grade{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.quem{background:#fff;border:1px solid var(--linha);border-radius:var(--raio);padding:22px 18px;display:grid;gap:10px;align-content:start;transition:transform .25s,box-shadow .25s}
.quem:hover{transform:translateY(-4px);box-shadow:var(--sombra-p)}
.quem .ic{width:48px;height:48px;border-radius:14px;background:var(--creme);color:var(--laranja-marca);display:grid;place-items:center}
.quem .ic svg{width:26px;height:26px}
.quem p{font-size:16px;color:var(--suave)}
@media(max-width:1000px){.quem-grade{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.quem-grade{grid-template-columns:minmax(0,1fr)}}

/* ---------- planos ---------- */
.chave{display:inline-flex;position:relative;background:var(--nevoa);border:1px solid var(--linha);border-radius:999px;padding:5px;gap:0;justify-self:center}
.chave button{position:relative;z-index:1;border:0;background:none;min-height:46px;padding:0 22px;border-radius:999px;font:800 16px var(--titulo);color:var(--marinho);cursor:pointer;display:inline-flex;align-items:center;gap:8px}
.chave button[aria-pressed=true]{color:#fff}
.chave .fundo{position:absolute;z-index:0;top:5px;bottom:5px;border-radius:999px;background:var(--marinho);transition:left .3s cubic-bezier(.3,.8,.3,1),width .3s cubic-bezier(.3,.8,.3,1)}
.chave .gratis{background:var(--mel);color:#7A300A;border-radius:999px;padding:3px 9px;font-size:14px}
.chave-linha{display:grid;justify-items:center;gap:10px;margin:-20px 0 36px}
.planos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}
.plano{position:relative;background:#fff;border:2px solid var(--linha);border-radius:24px;padding:30px 26px;display:flex;flex-direction:column;gap:16px}
.plano .pra{color:var(--suave);font-size:16px;min-height:52px}
.plano .preco{display:flex;align-items:baseline;gap:6px;color:var(--marinho);font-family:var(--titulo)}
.plano .preco small{font-size:20px;font-weight:800}
.plano .preco b{font-size:52px;font-weight:900;letter-spacing:-.03em;line-height:1}
.plano .preco span{font-size:16px;font-weight:700;color:var(--suave)}
.plano .ano{font-size:15px;color:var(--suave);min-height:24px}
.plano .ano b{color:var(--verde)}
.plano .pessoas{display:flex;align-items:center;gap:8px;font:700 15px var(--titulo);color:var(--marinho);background:var(--nevoa);border-radius:12px;padding:10px 12px}
.plano .pessoas svg{width:20px;height:20px}
.plano ul{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.plano li{display:flex;gap:10px;align-items:flex-start;font-size:16px}
.plano li svg{flex:0 0 20px;width:20px;height:20px;margin-top:3px;color:var(--verde)}
.plano li.mais{font-weight:700;color:var(--marinho)}
.plano .bt{margin-top:auto}
.plano .aceite{font-size:14px;color:var(--suave);text-align:center}
.plano .aceite a{color:var(--suave)}
.plano.forte{border-color:transparent;background:linear-gradient(#fff,#fff) padding-box,conic-gradient(from var(--giro,0deg),var(--laranja),var(--mel),var(--laranja-marca),var(--laranja)) border-box;box-shadow:0 24px 60px rgba(242,112,31,.18);animation:gira 6s linear infinite}
@property --giro{syntax:"<angle>";inherits:false;initial-value:0deg}
@keyframes gira{to{--giro:360deg}}
.etiqueta{position:absolute;top:-15px;left:50%;transform:translateX(-50%);background:var(--laranja);color:#fff;border-radius:999px;padding:6px 16px;font:800 14px var(--titulo);white-space:nowrap;box-shadow:0 6px 16px rgba(242,112,31,.35)}
@media(max-width:980px){.planos{grid-template-columns:minmax(0,1fr);max-width:520px;margin:0 auto}.plano .pra{min-height:0}}
.planos-mini .plano{padding:24px 22px}
.planos-mini .plano .preco b{font-size:44px}

/* como começar (adesão) */
.comecar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.adesao{background:#fff;border:2px solid var(--linha);border-radius:24px;padding:26px;display:grid;gap:14px;align-content:start}
.adesao.ajuda{border-color:var(--marinho)}
.adesao .valor{font:900 36px/1 var(--titulo);color:var(--marinho)}
.adesao .valor small{font-size:16px;font-weight:700;color:var(--suave)}
.adesao .extra{background:var(--mel-claro);border-radius:14px;padding:12px 14px;color:#7A300A;font-size:15px}
.adesao .extra b{display:block;font-family:var(--titulo)}
.primeiro{width:100%;border-collapse:collapse;font-size:15px}
.primeiro th,.primeiro td{padding:9px 6px;border-top:1px solid var(--linha);text-align:left}
.primeiro th{font:800 14px var(--titulo);color:var(--suave)}
.primeiro td.num{text-align:right;font-weight:700;color:var(--marinho);white-space:nowrap}
@media(max-width:820px){.comecar{grid-template-columns:minmax(0,1fr)}}
.faixa-info{margin-top:22px;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.faixa-info span{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--linha);border-radius:999px;padding:10px 16px;font:700 15px var(--titulo);color:var(--marinho)}
.faixa-info svg{width:18px;height:18px;color:var(--laranja)}

/* ---------- tabela comparativa ---------- */
.comparar{position:relative}
.tabela-cmp{width:100%;border-collapse:separate;border-spacing:0;font-size:16px}
.tabela-cmp thead th{position:sticky;top:72px;z-index:5;background:#fff;padding:16px 12px;border-bottom:2px solid var(--marinho);text-align:center;font:800 18px var(--titulo);color:var(--marinho)}
.tabela-cmp thead th:first-child{text-align:left}
.tabela-cmp thead th small{display:block;font:700 15px var(--titulo);color:var(--suave);margin-top:2px}
.tabela-cmp thead th.forte{color:var(--laranja-marca)}
.tabela-cmp th[scope=row]{text-align:left;font-weight:400;padding:14px 12px;border-bottom:1px solid var(--linha)}
.tabela-cmp th[scope=row] b{display:block;font:700 16px var(--titulo);color:var(--marinho)}
.tabela-cmp th[scope=row] span{display:block;font-size:15px;color:var(--suave);line-height:1.45}
.tabela-cmp td{text-align:center;padding:14px 12px;border-bottom:1px solid var(--linha);width:16%;vertical-align:middle}
.tabela-cmp td.col-forte{background:#FFF7F0}
.tabela-cmp tr.cat th{background:var(--nevoa);padding:12px;font:800 15px var(--titulo);color:var(--marinho);text-transform:uppercase;letter-spacing:.05em;text-align:left;border-bottom:0}
.tem,.nao{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%}
.tem{background:#E3F6EA;color:var(--verde)}
.tem svg{width:18px;height:18px}
.nao{color:#A9B3C2;font:800 20px/1 var(--titulo)}
.txt-cel{font:800 16px var(--titulo);color:var(--marinho)}
.abas-plano{display:none}
@media(max-width:820px){
  .tabela-cmp thead,.tabela-cmp td{display:none}
  .tabela-cmp td.mostra{display:table-cell;width:64px}
  .abas-plano{display:flex;position:sticky;top:72px;z-index:5;background:#fff;padding:10px 0;gap:6px;border-bottom:2px solid var(--marinho)}
  .abas-plano button{flex:1;min-height:46px;border:1px solid var(--linha);background:#fff;border-radius:12px;font:800 16px var(--titulo);color:var(--marinho);cursor:pointer}
  .abas-plano button[aria-selected=true]{background:var(--marinho);color:#fff;border-color:var(--marinho)}
}

/* ---------- qual plano é pra mim (3 perguntas) ---------- */
.quiz{max-width:760px;margin:0 auto;background:#fff;border-radius:24px;box-shadow:var(--sombra);padding:clamp(22px,4vw,36px);display:grid;gap:22px}
.quiz fieldset{border:0;margin:0;padding:0;display:grid;gap:10px}
.quiz legend{font:800 19px var(--titulo);color:var(--marinho);margin-bottom:10px}
.quiz label{display:flex;align-items:center;gap:12px;border:2px solid var(--linha);border-radius:14px;padding:12px 14px;cursor:pointer;font-size:16px;transition:border-color .2s,background .2s}
.quiz label:has(input:checked){border-color:var(--laranja);background:#FFF7F0}
.quiz input{width:20px;height:20px;accent-color:var(--laranja);flex:0 0 20px}
.resposta{border-radius:18px;background:var(--marinho);color:#fff;padding:22px;display:grid;gap:12px}
.resposta h3{color:#fff}
.resposta p{color:#C9D5E8}
.resposta[hidden]{display:none}

/* ---------- uma recompra paga o plano ---------- */
.conta{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center}
.conta-caixa{background:#fff;border-radius:24px;box-shadow:var(--sombra);padding:28px;display:grid;gap:16px;color:var(--texto)}
.conta-caixa label{display:grid;gap:6px;font:700 16px var(--titulo);color:var(--marinho)}
.conta-caixa input[type=range]{width:100%;accent-color:var(--laranja)}
.conta-caixa .ticket{font:900 40px/1 var(--titulo);color:var(--marinho)}
.conta-linha{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--linha);padding-top:12px;font-size:16px}
.conta-linha b{font-family:var(--titulo);color:var(--marinho)}
.conta-res{background:#E3F6EA;color:#14532D;border-radius:14px;padding:14px 16px;font:700 17px/1.4 var(--titulo)}
@media(max-width:860px){.conta{grid-template-columns:minmax(0,1fr)}}

/* ---------- dúvidas ---------- */
.perguntas{max-width:820px;margin:0 auto;display:grid;gap:12px}
.perguntas details{background:#fff;border:1px solid var(--linha);border-radius:16px;overflow:hidden}
.perguntas summary{list-style:none;cursor:pointer;padding:18px 20px;display:flex;justify-content:space-between;align-items:center;gap:16px;font:800 18px var(--titulo);color:var(--marinho)}
.perguntas summary::-webkit-details-marker{display:none}
.perguntas summary::after{content:"+";flex:0 0 30px;height:30px;border-radius:50%;background:var(--nevoa);display:grid;place-items:center;font-size:22px;color:var(--laranja-marca);transition:transform .25s}
.perguntas details[open] summary::after{transform:rotate(45deg)}
.perguntas details p{padding:0 20px 18px;color:var(--suave);font-size:17px}

/* ---------- chamada final ---------- */
.final{position:relative;overflow:hidden;background:var(--marinho);color:#fff;text-align:center;padding:clamp(64px,9vw,104px) 0}
.final::before{content:"";position:absolute;left:50%;top:-60%;width:900px;max-width:150%;aspect-ratio:1;transform:translateX(-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(242,112,31,.28),rgba(242,112,31,0));pointer-events:none}
.final .miolo{position:relative;display:grid;gap:20px;justify-items:center}
.final h2{color:#fff;max-width:760px}
.final p{color:#C9D5E8;font-size:19px;max-width:640px}

/* ---------- rodapé ---------- */
.rodape{background:#011634;color:#B9C7DD;padding:56px 0 28px;font-size:15px}
.rodape-grade{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr 1fr;gap:28px}
.rodape h4{color:#fff;font-size:16px;margin-bottom:12px}
.rodape a,.rodape span,.rodape button{display:block;color:#B9C7DD;text-decoration:none;margin-bottom:8px;line-height:1.45}
.rodape a:hover{color:#fff}
.rodape button{background:none;border:0;padding:0;font:inherit;cursor:pointer;text-align:left}
.rodape-fim{margin-top:36px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);font-size:14px}
@media(max-width:980px){.rodape-grade{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media(max-width:520px){.rodape-grade{grid-template-columns:minmax(0,1fr)}}

/* ---------- páginas de solução ---------- */
.sol-hero{padding:clamp(40px,6vw,72px) 0 clamp(48px,6vw,80px);background:linear-gradient(180deg,#fff,var(--nevoa))}
.sol-hero .miolo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:48px;align-items:center}
.sol-hero .hero-txt{gap:18px}
.migalha{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font:700 15px var(--titulo);color:var(--suave)}
.migalha a{color:var(--suave);text-decoration:none}
.migalha a:hover{color:var(--laranja-marca)}
@media(max-width:900px){.sol-hero .miolo{grid-template-columns:minmax(0,1fr)}}
.passos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;counter-reset:p}
.passo{background:#fff;border:1px solid var(--linha);border-radius:var(--raio);padding:26px;display:grid;gap:10px;align-content:start;position:relative}
.passo::before{counter-increment:p;content:counter(p);width:44px;height:44px;border-radius:14px;background:var(--laranja);color:#fff;display:grid;place-items:center;font:900 20px var(--titulo)}
.passo p{color:var(--suave);font-size:16px}
@media(max-width:860px){.passos{grid-template-columns:minmax(0,1fr)}}
.galeria{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.galeria figure{margin:0;display:grid;gap:12px}
.galeria figcaption{font-size:16px;color:var(--suave)}
.galeria figcaption b{display:block;font:800 18px var(--titulo);color:var(--marinho)}
@media(max-width:760px){.galeria{grid-template-columns:minmax(0,1fr)}}
.inclui-caixa{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;background:#fff;border:2px solid var(--linha);border-radius:24px;padding:26px 28px}
.inclui-caixa h3{font-size:24px}
.inclui-caixa p{color:var(--suave)}
.outras{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.outras a{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff;border:1px solid var(--linha);border-radius:16px;padding:16px 18px;text-decoration:none;font:800 17px var(--titulo);color:var(--marinho)}
.outras a:hover{border-color:var(--laranja)}
.outras svg{width:18px;height:18px;color:var(--laranja)}
@media(max-width:760px){.outras{grid-template-columns:minmax(0,1fr)}}

/* ---------- efeitos: aparecer ao rolar (nunca esconde: sem JS ou com "reduzir movimento", fica tudo visível) ---------- */
html.anima .rev{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
html.anima .rev.vis{opacity:1;transform:none}
html.anima .rev.d1{transition-delay:.08s}html.anima .rev.d2{transition-delay:.16s}html.anima .rev.d3{transition-delay:.24s}html.anima .rev.d4{transition-delay:.32s}
.barra-leitura{position:fixed;top:0;left:0;height:3px;width:100%;transform-origin:0 50%;transform:scaleX(0);background:var(--laranja);z-index:60}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  html.anima .rev{opacity:1;transform:none}
}
.vis-cel{display:none}
@media(max-width:700px){.vis-pc{display:none}.vis-cel{display:block}}

/* ---------- janela "Como você quer começar" ---------- */
dialog.escolha{border:0;padding:0;border-radius:26px;width:min(860px,calc(100% - 24px));max-height:calc(100dvh - 24px);overflow:auto;box-shadow:0 30px 80px rgba(1,32,76,.35);background:var(--creme)}
dialog.escolha::backdrop{background:rgba(1,22,52,.55);backdrop-filter:blur(3px)}
.escolha-caixa{position:relative;padding:clamp(22px,4vw,36px);display:grid;gap:14px}
.escolha-caixa h2{font-size:clamp(24px,3vw,32px)}
.escolha-caixa .sobre b{color:var(--marinho)}
.escolha-fechar{position:absolute;top:14px;right:14px;width:44px;height:44px;border-radius:50%;border:1px solid var(--linha);background:#fff;color:var(--marinho);display:grid;place-items:center;cursor:pointer}
.escolha-fechar svg{width:22px;height:22px}
.escolha .comecar{margin-top:6px}
.escolha .adesao p{font-size:16px}
@media(max-width:820px){.escolha .comecar{grid-template-columns:minmax(0,1fr)}}
.selo-real svg{width:18px;height:18px}
.escolha-caixa .sobre{justify-self:start}
/* selo do plano: texto corrido que quebra normal no celular (nada de colunas) */
.plano-tag{display:inline-block;line-height:1.45;padding:7px 14px;border-radius:14px;max-width:100%}
/* página Recursos: um cartão por solução */
.rec-grade{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.rec{display:grid;gap:12px;align-content:start;background:#fff;border:1px solid var(--linha);border-radius:var(--raio);padding:18px;text-decoration:none;color:inherit;transition:transform .25s,box-shadow .25s,border-color .25s}
.rec:hover{transform:translateY(-4px);box-shadow:var(--sombra-p);border-color:var(--laranja)}
.rec .mini{border-radius:12px;overflow:hidden;border:1px solid var(--linha);aspect-ratio:16/10}
.rec .mini img{width:100%;height:100%;object-fit:cover;object-position:top left}
.rec .cab-rec{display:flex;align-items:center;gap:10px}
.rec .cab-rec i{width:40px;height:40px;border-radius:12px;background:var(--creme);color:var(--laranja-marca);display:grid;place-items:center;flex:0 0 40px}
.rec .cab-rec i svg{width:22px;height:22px}
.rec p{color:var(--suave);font-size:16px}
@media(max-width:980px){.rec-grade{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.rec-grade{grid-template-columns:minmax(0,1fr)}}
/* preço de lançamento (30/10/2026): riscado pequeno e cinza + selo; sem data e sem contagem */
.lanc{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-height:24px;margin:-4px 0 0}
.lanc-topo{min-height:22px;margin-bottom:-10px}
.lanc-de{font:600 15px var(--titulo);color:#6B7383}
.lanc-de s{color:#6B7383;font-weight:600}
.lanc-selo{display:inline-block;background:#CC530F;color:#fff;border-radius:999px;padding:4px 12px;font:800 14px var(--titulo);letter-spacing:.02em;text-transform:uppercase}
/* em faixa marinho ou laranja: selo branco com texto laranja */
.faixa-marinho .lanc-selo,.faixa-laranja .lanc-selo,.sol-hero .lanc-selo{background:#fff;color:#CC530F}
/* ===== demonstrações (30/10/2026) ===== */
/* antes x depois: cartões que deslizam */
.ad-trilho{display:grid;grid-auto-flow:column;grid-auto-columns:min(880px,92%);gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 2px 14px;scrollbar-width:thin}
.ad-card{scroll-snap-align:center;display:grid;grid-template-columns:minmax(0,.8fr) 44px minmax(0,1.3fr);gap:14px;align-items:center;background:#fff;border:1px solid var(--linha);border-radius:24px;padding:22px}
.ad-rot{display:inline-block;font:800 14px var(--titulo);color:#9B4A08;background:#FFF0E5;border-radius:999px;padding:4px 10px;margin-bottom:8px}
.ad-rot.ok{color:#14532D;background:#E3F6EA}
.ad-bolha{margin:0;background:#F1F4F9;border-radius:18px 18px 18px 4px;padding:14px 16px;font-size:17px;color:var(--texto);position:relative}
.ad-bolha.ok{background:#D9FDD3;border-radius:18px 18px 4px 18px;font-weight:500}
.ad-seta{width:44px;height:44px;border-radius:50%;background:var(--laranja);color:#fff;display:grid;place-items:center}
.ad-seta svg{width:22px;height:22px}
.ad-print{margin-top:12px;border-radius:12px;overflow:hidden;border:1px solid var(--linha);aspect-ratio:16/9}
.ad-print img{width:100%;height:100%;object-fit:cover;object-position:top left}
.ad-nav{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:6px}
.ad-bt{width:46px;height:46px;border-radius:50%;border:1px solid var(--linha);background:#fff;color:var(--marinho);display:grid;place-items:center;cursor:pointer}
.ad-bt svg{width:22px;height:22px}
.ad-cont{font:700 15px var(--titulo);color:var(--suave);min-width:60px;text-align:center}
@media(max-width:760px){.ad-card{grid-template-columns:minmax(0,1fr);padding:18px}.ad-seta{transform:rotate(90deg);justify-self:center}}
/* um dia: linha do tempo que acende */
.dia-linha{list-style:none;margin:0 auto;padding:0;max-width:900px;display:grid;gap:14px;position:relative}
.dia-linha::before{content:"";position:absolute;left:62px;top:10px;bottom:10px;width:3px;background:var(--linha);border-radius:3px}
.dia-item{display:grid;grid-template-columns:48px 26px minmax(0,1fr) 200px;gap:12px;align-items:center;background:#fff;border:1px solid var(--linha);border-radius:18px;padding:14px;position:relative}
.dia-hora{font:900 20px var(--titulo);color:var(--marinho);text-align:right}
.dia-ponto{width:20px;height:20px;border-radius:50%;background:#fff;border:4px solid var(--linha);z-index:1;transition:border-color .4s,background .4s}
.dia-item.acesa{border-color:var(--laranja);box-shadow:0 12px 30px rgba(242,112,31,.14)}
.dia-item.acesa .dia-ponto{border-color:var(--laranja);background:var(--laranja)}
.dia-txt b{font:800 18px var(--titulo);color:var(--marinho)}
.dia-txt p{margin:2px 0 0;color:var(--suave);font-size:16px}
.dia-mini{border-radius:12px;overflow:hidden;border:1px solid var(--linha);aspect-ratio:16/10}
.dia-mini.cel{aspect-ratio:3/4;width:110px;justify-self:end}
.dia-mini img{width:100%;height:100%;object-fit:cover;object-position:top}
@media(max-width:760px){.dia-linha::before{left:40px}.dia-item{grid-template-columns:44px 20px minmax(0,1fr)}.dia-hora{font-size:17px}.dia-mini{grid-column:3;max-width:100%}.dia-mini.cel{width:120px;justify-self:start}}
/* veja funcionando: maquetes clicáveis */
.vf-grade{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.vf{background:var(--nevoa);border-radius:22px;padding:18px;display:grid;gap:12px;align-content:start}
.vf-tit{font:800 18px var(--titulo);color:var(--marinho)}
.vf-tela{background:#fff;border:1px solid var(--linha);border-radius:16px;padding:16px;display:grid;gap:12px}
.vf-ped b{display:block;font:800 17px var(--titulo);color:var(--marinho)}.vf-ped span{color:var(--suave);font-size:15px}
.vf-etapas{display:flex;flex-wrap:wrap;gap:6px}
.vf-etapas i{font-style:normal;font:700 14px var(--titulo);padding:6px 10px;border-radius:999px;background:var(--nevoa);color:var(--suave);transition:background .3s,color .3s}
.vf-etapas i.feita{background:#E3F6EA;color:#14532D}.vf-etapas i.on{background:var(--marinho);color:#fff}
.vf-isso{margin:0;font-size:15px;color:var(--suave)}
.vf-lin{display:grid;grid-template-columns:minmax(0,1fr) 76px 112px;gap:10px;align-items:center;font-size:16px}
.vf-lin input{font:inherit;font-size:16px;width:100%;padding:8px;border:1px solid var(--linha);border-radius:10px;text-align:right}
.vf-lin b{text-align:right;color:var(--marinho);font-family:var(--titulo)}
.vf-tot{display:flex;justify-content:space-between;border-top:2px solid var(--marinho);padding-top:10px;font:900 20px var(--titulo);color:var(--marinho)}
.vf-est{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border:1px solid var(--linha);border-radius:12px;font-size:16px;transition:background .3s,border-color .3s}
.vf-est b{font-family:var(--titulo);color:var(--marinho)}
.vf-est.bipado{background:#E3F6EA;border-color:#9ED9B4}
.vf-est.bipado b{color:#14532D}
.vf-tour{margin-top:22px;display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;background:var(--marinho);color:#C9D5E8;border-radius:22px;padding:22px 24px}
.vf-tour b{display:block;color:#fff;font:800 20px var(--titulo)}
@media(max-width:860px){.vf-grade{grid-template-columns:minmax(0,1fr)}}
@media(max-width:380px){.vf-lin{grid-template-columns:minmax(0,1fr) 64px;}.vf-lin b{grid-column:1/-1}}
/* tudo isso incluso */
.inc-grade{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.inc{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid var(--linha);border-radius:16px;padding:14px}
.inc-ic{flex:0 0 40px;width:40px;height:40px;border-radius:12px;background:var(--creme);color:var(--laranja-marca);display:grid;place-items:center}
.inc-ic svg{width:22px;height:22px}
.inc b{display:block;font:800 16px var(--titulo);color:var(--marinho)}
.inc span{font-size:15px;color:var(--suave);line-height:1.4}
@media(max-width:1000px){.inc-grade{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.inc-grade{grid-template-columns:minmax(0,1fr)}}
/* o que só o CestasBrasil tem + comparativo */
.so-grade{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.so{display:flex;gap:12px;align-items:flex-start;background:var(--nevoa);border-radius:18px;padding:18px}
.so b{display:block;font:800 17px var(--titulo);color:var(--marinho)}
.so p{margin:4px 0 0;font-size:15px;color:var(--suave)}
@media(max-width:1000px){.so-grade{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.so-grade{grid-template-columns:minmax(0,1fr)}}
.cmp-tit{margin:44px 0 16px;text-align:center;font-size:clamp(20px,2.4vw,26px)}
.cmp-tabela{max-width:900px;margin:0 auto}
.cmp-tabela table{width:100%;border-collapse:collapse;font-size:16px}
.cmp-tabela th,.cmp-tabela td{padding:14px 12px;border-bottom:1px solid var(--linha);text-align:center}
.cmp-tabela th[scope=row]{text-align:left;font:700 16px var(--titulo);color:var(--marinho)}
.cmp-tabela thead th{font:800 17px var(--titulo);color:var(--marinho);border-bottom:2px solid var(--marinho)}
.cmp-tabela thead th.forte{color:var(--laranja-marca)}
.cmp-tabela td.col-forte{background:#FFF7F0}
.cmp-txt{font-size:15px;color:var(--suave);font-weight:600}
.cmp-cartoes{display:none}
@media(max-width:700px){
  .cmp-tabela{display:none}
  .cmp-cartoes{display:grid;gap:12px}
  .cmp-card{background:#fff;border:1px solid var(--linha);border-radius:16px;padding:14px 16px;display:grid;gap:8px}
  .cmp-card>b{font:800 17px var(--titulo);color:var(--marinho)}
  .cmp-card div{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:15px}
  .cmp-card div:first-of-type{background:#FFF7F0;border-radius:10px;padding:6px 8px;font-weight:700}
}
.honesto{margin-top:28px;display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;background:var(--mel-claro);border-radius:20px;padding:20px 22px;color:#7A300A}
.honesto b{display:block;font:800 19px var(--titulo);color:#7A300A}
.frase-preco{text-align:center;margin:20px 0 0;font:800 18px var(--titulo);color:var(--marinho)}
.dia-mini.cel{aspect-ratio:16/10;width:auto;justify-self:stretch}
@media(max-width:760px){.dia-mini.cel{width:auto;justify-self:stretch}}
/* celular: em vez da tela inteira minúscula, um RECORTE ampliado da parte que prova a frase (--fx/--fy = o foco) */
@media(max-width:760px){
  .ad-print,.dia-mini:not(.cel){position:relative;aspect-ratio:4/3}
  .so-grade{grid-template-columns:minmax(0,1fr)}
}
/* "Você escolhe como sua cliente fecha o pedido" (31/10/2026) */
.fechar3{margin:clamp(28px,4vw,48px) 0;background:var(--nevoa);border-radius:24px;padding:clamp(20px,3vw,36px)}
.fechar3-cab{text-align:center;max-width:720px;margin:0 auto 22px;display:grid;gap:8px}
.fechar3-cab h2,.fechar3-cab h3{margin:0;font:800 clamp(24px,2.8vw,34px)/1.15 var(--titulo);color:var(--marinho)}
.fechar3-cab p{margin:0;color:var(--cinza,#5B6474);font-size:17px}
.fechar3-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.f3-card{background:#fff;border:1px solid var(--linha);border-radius:18px;padding:18px;display:grid;gap:6px;align-content:start}
.f3-card>b{font:800 19px var(--titulo);color:var(--marinho)}
.f3-card>span{color:var(--cinza,#5B6474);font-size:15px}
.f3-fim{margin-top:10px;background:#F6F2EC;border-radius:14px;padding:12px;display:grid;gap:8px}
.f3-total{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--linha);padding-bottom:8px}
.f3-total small{font-size:14px;color:#5B6474}
.f3-total strong{font-size:16px;color:#1B2433}
.f3-bt{display:block;text-align:center;font-style:normal;font-weight:800;font-size:14px;color:#fff;border-radius:10px;padding:10px}
.f3-bt.verde{background:#1E9E55}
.f3-bt.azul{background:#009ee3}
@media (max-width:760px){.fechar3-cards{grid-template-columns:minmax(0,1fr)}}
/* ===== FAIXAS (modelo B, item f): marinho nas seções de PROVA, laranja nas de CHAMADA =====
   Nunca 2 faixas coloridas seguidas. Texto branco. Na laranja, botão branco com texto laranja;
   na marinho, o botão laranja continua laranja. Cartões brancos de dentro continuam brancos. */
.faixa-marinho{background:var(--marinho)!important;color:#DCE5F3}
.faixa-marinho::before{display:none}
.faixa-marinho h1,.faixa-marinho h2,.faixa-marinho .cabeca h2,.faixa-marinho .hero-txt h3{color:#fff}
.faixa-marinho .hero h1 em,.faixa-marinho h1 em{color:#FFB27A}
.faixa-marinho .cabeca p,.faixa-marinho .lead,.faixa-marinho .hero-txt p{color:#C9D5E8}
.faixa-marinho .sobre{color:var(--mel)}
.faixa-marinho .provas{color:#fff}
.faixa-marinho .provas svg{color:var(--mel)}
.faixa-marinho .bt-linha{background:transparent;color:#fff;border-color:rgba(255,255,255,.55)}
.faixa-marinho .bt-linha:hover{border-color:#fff;background:rgba(255,255,255,.08)}
.faixa-marinho .migalha,.faixa-marinho .migalha a{color:#C9D5E8}
.faixa-marinho .plano-tag{background:rgba(255,255,255,.12);color:#fff}
.faixa-marinho .ad-bt{background:#fff}
.faixa-marinho .ad-cont{color:#C9D5E8}
.faixa-marinho .dia-linha::before{background:rgba(255,255,255,.25)}
.faixa-marinho .video-caixa{box-shadow:0 18px 44px rgba(0,0,0,.35)}
.faixa-marinho figcaption{color:#C9D5E8}
.faixa-laranja{background:#F07A2E!important;color:#fff}
.faixa-laranja::before{display:none}
.faixa-laranja .cabeca h2,.faixa-laranja .cabeca p,.faixa-laranja>.miolo>p,.faixa-laranja>.miolo>h2,.faixa-laranja .chave-linha .leg,.final.faixa-laranja h2,.final.faixa-laranja p{color:#fff}
.faixa-laranja .sobre{color:#fff;opacity:.92}
.faixa-laranja .acoes .bt-laranja{background:#fff;color:#CC530F;box-shadow:0 10px 24px rgba(120,40,0,.25)}
.faixa-laranja .acoes .bt-laranja:hover{background:#FFF4EC}
.faixa-laranja .bt-branco,.faixa-laranja>.miolo>p .bt-linha,.faixa-laranja .acoes .bt-linha{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.75)}
.faixa-laranja .bt-branco:hover{background:rgba(255,255,255,.1)}
.faixa-laranja .chave{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.4)}
/* cartões brancos dentro das faixas voltam pra cor de texto normal */
.faixa-laranja .plano,.faixa-marinho .ad-card,.faixa-marinho .dia-item,.faixa-marinho .balao,.faixa-marinho .vf{color:var(--texto)}

/* ===== abertura "Seria incrível se..." (29/10/2026, modelo C) ===== */
.hero h1 .h1-sub{display:block;margin-top:14px;font-size:clamp(22px,2.6vw,32px);font-weight:700;line-height:1.25;letter-spacing:-.01em;color:#FFB27A}
.hero-video{border-radius:18px;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.35);background:#0B2F66}
.hero-video video{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#0B2F66}
.desejo{padding:clamp(48px,7vw,88px) 0;background:#fff}
.desejo:nth-child(even){background:var(--nevoa)}
.desejo .miolo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:56px;align-items:center}
.desejo.inv .desejo-txt{order:2}
.desejo-txt{display:grid;gap:16px}
.desejo-q{font:800 15px var(--titulo);letter-spacing:.08em;text-transform:uppercase;color:var(--laranja-marca)}
.desejo h2{font-size:clamp(28px,3.4vw,44px);font-weight:900;line-height:1.1;color:var(--marinho)}
.desejo-nota{color:var(--suave);font-size:17px}
.desejo-pe{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.carimbo{display:inline-flex;align-items:center;gap:8px;border:2px solid var(--verde);color:var(--verde);border-radius:10px;padding:7px 14px;font:800 16px var(--titulo);transform:rotate(-2deg);background:#fff}
.carimbo svg{width:18px;height:18px}
@media(max-width:900px){.desejo .miolo{grid-template-columns:minmax(0,1fr);gap:26px}.desejo.inv .desejo-txt{order:0}}
.quem-usa{padding:clamp(36px,5vw,56px) 0}
.quem-usa-faixa{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:28px;align-items:center;background:var(--creme);border:1px solid var(--linha);border-radius:var(--raio);padding:22px 28px}
.quem-usa-faixa img{width:96px;border-radius:14px;box-shadow:var(--sombra-p)}
.quem-usa-faixa h2{font-size:clamp(22px,2.4vw,28px);margin:4px 0 6px}
.quem-usa-faixa p{color:var(--suave);font-size:16px}
@media(max-width:760px){.quem-usa-faixa{grid-template-columns:auto minmax(0,1fr);padding:18px}.quem-usa-faixa .link-seta{grid-column:1/-1}.quem-usa-faixa img{width:72px}}
/* no celular o topo usa o vídeo em pé (o site.js troca a fonte): sem cortar, até 72% da altura da tela */
@media(max-width:700px){.hero-video{max-width:min(340px,100%);margin:0 auto}.hero-video video{aspect-ratio:9/16;max-height:72vh;object-fit:contain}}
.desejo:nth-child(even) .plano-tag{background:#fff}
/* celular: coluna única com minmax(0,1fr) (a imagem do print não empurra a coluna pra fora da tela) */
@media(max-width:900px){.desejo .miolo,.bloco{grid-template-columns:minmax(0,1fr)}}
@media(max-width:380px){.topo .miolo{gap:6px}.topo-acoes{gap:4px}.topo .bt{padding:0 10px;font-size:14px}.logo{gap:5px}.logo span{font-size:15px}.logo svg{width:28px;height:28px}.abre-menu{width:40px}}
.calc-lado,.calc-res{grid-template-columns:minmax(0,1fr)}.calc-lado .bt{white-space:normal;text-align:center}

/* ===================== ESTRUTURA NOVA (29/10/2026) ===================== */
/* paleta: branco, azul (marinho e tons), laranja (vivo + pêssego) e off-white. Sem amarelo. */
.faixa-marinho .sobre{color:#FFB27A}
.faixa-marinho .provas svg{color:#FFB27A}
/* topo laranja: degradê do laranja vivo pro escuro; texto branco em cima da parte escura (passa no contraste) */
.hero.faixa-laranja,.final.faixa-laranja{background:radial-gradient(1100px 520px at 85% -10%,#E0661C 0%,#B8480C 62%)!important}
.hero.faixa-marinho{background:radial-gradient(1100px 520px at 85% -10%,#0B3A7A 0%,var(--marinho) 62%)!important}
.faixa-laranja h1,.faixa-laranja .hero-txt h1{color:#fff}
.faixa-laranja .hero h1 .h1-sub,.hero.faixa-laranja h1 .h1-sub{color:#FFF6EE}
.faixa-laranja .sobre{color:#FFF6EE;opacity:1}
.faixa-laranja .migalha,.faixa-laranja .migalha a{color:#FFF6EE}
.hero.so-txt .miolo{grid-template-columns:minmax(0,1fr);max-width:900px}
.hero.so-txt .hero-txt{justify-items:start}
.hero .chave-linha{margin:0}
.bt-branco-marinho{background:#fff;color:var(--marinho);box-shadow:0 10px 24px rgba(0,0,0,.18)}
.bt-branco-marinho:hover{background:#F4F7FB;transform:translateY(-2px)}
.bt-linha-clara{background:transparent;color:#fff;border-color:rgba(255,255,255,.7)}
.bt-linha-clara:hover{background:rgba(255,255,255,.1)}
.lanc-selo{background:#CC530F}
/* ---- menu Soluções (modelo A): painel por cima da página, logo abaixo do cabeçalho, com vidro leve ---- */
.menu button.ms-abre{position:relative;z-index:1;display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border:0;border-radius:999px;background:none;font:700 16px/1 var(--titulo);color:var(--marinho);cursor:pointer}
.menu button.ms-abre.on,.menu button.ms-abre[aria-expanded="true"]{color:var(--laranja-marca);background:var(--nevoa)}
.ms-seta{font-size:12px;transition:transform .2s}
.ms-abre[aria-expanded="true"] .ms-seta{transform:rotate(180deg)}
.menu-sol{position:absolute;left:0;right:0;top:100%;z-index:38;background:rgba(255,255,255,.86);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);border-bottom:1px solid var(--linha);box-shadow:0 24px 50px rgba(1,32,76,.16);padding:22px 0 18px;max-height:calc(100dvh - 80px);overflow:auto}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.menu-sol{background:rgba(255,255,255,.97)}}
html.anima .menu-sol:not([hidden]){animation:msDesce .22s ease-out}
@keyframes msDesce{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.ms-grupos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1.05fr);gap:22px}
.ms-g h4{font:800 14px var(--titulo);letter-spacing:.12em;color:var(--laranja-marca);margin:0 0 8px 10px}
.ms-it{display:flex;gap:12px;align-items:flex-start;padding:9px 10px;border-radius:12px;text-decoration:none;color:var(--texto)}
.ms-it:hover{background:#fff}
.ms-ic{width:36px;height:36px;flex:0 0 36px;border-radius:10px;background:var(--nevoa);color:var(--marinho);display:grid;place-items:center}
.ms-ic svg{width:19px;height:19px}
.ms-it b{display:block;font:800 16px var(--titulo);color:var(--marinho)}
.ms-it small{display:block;font-size:14px;line-height:1.4;color:var(--suave)}
.ms-video{display:flex;flex-direction:column;gap:8px;text-align:left;border:0;cursor:pointer;background:var(--marinho);color:#fff;border-radius:16px;padding:16px;font:inherit;text-decoration:none}
.ms-play{aspect-ratio:16/9;border-radius:10px;background:#0B3A7A center/cover no-repeat;display:grid;place-items:center}
.ms-play i{width:50px;height:50px;border-radius:50%;background:var(--laranja);display:grid;place-items:center;font-style:normal;font-size:18px;color:#fff;box-shadow:0 0 0 8px rgba(242,112,31,.25)}
.ms-video b{font:800 17px var(--titulo)}
.ms-video small{font-size:14px;color:#C9D5E8}
.ms-pe{margin-top:16px;padding-top:12px;border-top:1px solid var(--linha);display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center;font-size:15px;color:var(--suave)}
.ms-pe a{display:inline-flex;align-items:center;gap:6px;font:800 16px var(--titulo);color:var(--laranja-marca);text-decoration:none}
.ms-pe svg{width:18px;height:18px}
.topo{position:sticky}
@media(max-width:980px){
  .menu-sol{display:none!important}
  .gaveta{max-height:calc(100dvh - 72px);overflow:auto;-webkit-overscroll-behavior:contain;overscroll-behavior:contain}
  .gv-links{display:grid;gap:2px}
  .gv-tit{margin:10px 12px 0;font:800 14px var(--titulo);letter-spacing:.12em;color:var(--suave);text-transform:uppercase}
  .gv-g h4{margin:10px 12px 2px;font:800 14px var(--titulo);letter-spacing:.12em;color:var(--laranja-marca)}
  .gaveta .gv-g a{display:grid;gap:2px;padding:10px 12px;font-size:17px}
  .gaveta .gv-g a small{font:400 14px var(--corpo);color:var(--suave)}
  .gaveta .ms-video{margin:10px 0}
}
.video-janela{border:0;padding:0;border-radius:18px;width:min(960px,calc(100% - 24px));background:#000;overflow:visible}
.video-janela::backdrop{background:rgba(1,32,76,.6)}
.video-janela video{width:100%;display:block;border-radius:18px}
.video-janela .escolha-fechar{top:-14px;right:-10px;background:#fff}
/* ---- desejos: caixa laranja com o texto, sem carimbo ---- */
.desejo-q{justify-self:start;font-size:15px;padding:6px 14px;white-space:nowrap}
.desejo-txt .plano-tag{justify-self:start}
@media(max-width:900px){.desejo-txt{gap:12px}.desejo h2{font-size:clamp(24px,6.6vw,30px)}}
/* ---- "Não é sonho. É CestasBrasil." ---- */
.sonho{padding:clamp(64px,9vw,110px) 0;text-align:center;position:relative;overflow:hidden}
.sonho .miolo{display:grid;gap:18px;justify-items:center}
.sonho-pilulas{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:980px}
.sonho-pilulas span{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(76,214,135,.55);background:rgba(30,158,85,.18);color:#C8F5DA;border-radius:999px;padding:6px 12px;font:700 15px var(--corpo);max-width:100%}
.sonho-pilulas svg{width:16px;height:16px;flex:0 0 16px}
.sonho-l1{margin-top:14px;font:800 clamp(22px,2.8vw,30px) var(--titulo);color:#DCE5F3}
.sonho-l2{font:900 clamp(42px,7vw,84px)/1 var(--titulo);letter-spacing:-.03em;color:#fff}
.sonho-l2 em{font-style:normal;color:#FFB27A}
.sonho-bts{justify-content:center}
html.anima .sonho .sonho-pilulas span{opacity:0;transform:translateY(-14px) scale(.96);transition:opacity .45s ease,transform .45s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--i) * .09s)}
html.anima .sonho .sonho-l1{opacity:0;transition:opacity .6s ease 1.4s}
html.anima .sonho .sonho-l2{opacity:0;transform:scale(.94);transition:opacity .6s ease 1.9s,transform .6s ease 1.9s}
html.anima .sonho .sonho-bts{opacity:0;transition:opacity .6s ease 2.4s}
html.anima .sonho.vis .sonho-pilulas span,html.anima .sonho.vis .sonho-l1,html.anima .sonho.vis .sonho-l2,html.anima .sonho.vis .sonho-bts{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){html.anima .sonho *{opacity:1!important;transform:none!important;transition:none!important}}
.depois-grade{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.depois-card{display:grid;gap:8px;background:var(--nevoa);border-radius:var(--raio);padding:24px;text-decoration:none;color:inherit;border:1px solid var(--linha);transition:transform .25s,border-color .25s}
.depois-card:hover{transform:translateY(-3px);border-color:var(--laranja)}
.depois-card p{color:var(--suave)}
@media(max-width:760px){.depois-grade{grid-template-columns:minmax(0,1fr)}}
/* ---- os 2 jeitos de começar ---- */
.jeito{position:relative;background:#fff;border:2px solid var(--linha);border-radius:24px;padding:26px;display:grid;gap:14px;align-content:start}
.jeito.forte{border-color:var(--laranja);box-shadow:0 24px 60px rgba(242,112,31,.18)}
.jeito .etiqueta{position:absolute;top:-14px;left:24px;background:var(--laranja-marca);color:#fff;border-radius:999px;padding:5px 14px;font:800 14px var(--titulo)}
.jeito .valor{font:900 38px/1 var(--titulo);color:var(--marinho)}
.jeito .valor small{font-size:16px;font-weight:700;color:var(--suave)}
.jeito p{color:var(--suave)}
.jeito .parc{color:var(--texto);font-weight:600}
.jeito .extra{background:var(--mel-claro);border-radius:14px;padding:12px 14px;color:#7A300A;font-size:15px}
.jeito .extra b{display:block;font-family:var(--titulo)}
@media(max-width:820px){.comecar{grid-template-columns:minmax(0,1fr)}}
/* ---- tabela de 28 comparações em 4 grupos ---- */
.cmp28{max-width:980px;margin:0 auto;display:grid;gap:16px;justify-items:center}
.cmp28 table{width:100%;border-collapse:separate;border-spacing:0;font-size:16px;background:#fff;border:1px solid var(--linha);border-radius:var(--raio);overflow:hidden}
.cmp28 thead th{padding:14px 12px;font:800 16px var(--titulo);color:var(--marinho);text-align:center;background:#fff;position:sticky;top:72px;z-index:2;border-bottom:2px solid var(--marinho)}
.cmp28 thead th.forte{color:var(--laranja-marca)}
.cmp28 .cmp-cab th{background:var(--marinho);color:#fff;text-align:left;padding:12px 16px;font:800 15px var(--titulo);letter-spacing:.12em}
.cmp28 .cmp-leg{display:none}
.cmp28 td,.cmp28 tbody th{padding:12px;border-bottom:1px solid var(--linha);text-align:center}
.cmp28 tbody th[scope=row]{text-align:left;font:700 16px var(--titulo);color:var(--marinho)}
.cmp28 td.col-forte{background:#FFF4EC}
.cmp28 td.col-forte .tem{background:var(--laranja);color:#fff}
.cmp-ver{display:none}
.cmp-nota{text-align:center;max-width:760px;margin:12px auto 0}
.so-leitor{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media(max-width:760px){
  .cmp28 table,.cmp28 tbody,.cmp28 tr,.cmp28 th,.cmp28 td{display:block;width:100%}
  .cmp28 thead{display:none}
  .cmp28 table{border:0;background:transparent;display:grid;gap:14px}
  .cmp28 .cmp-g{background:#fff;border:1px solid var(--linha);border-radius:16px;overflow:hidden}
  .cmp28 .cmp-cab th{display:grid;gap:8px}
  .cmp28 .cmp-leg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;letter-spacing:0;font:700 14px var(--corpo);color:#DCE5F3}
  .cmp28 .cmp-leg i{font-style:normal;text-align:center}
  .cmp28 tbody tr:not(.cmp-cab){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:10px 12px;border-bottom:1px solid var(--linha)}
  .cmp28 tbody tr:not(.cmp-cab) th{grid-column:1/-1;border:0;padding:0 0 4px;font-size:16px}
  .cmp28 tbody tr:not(.cmp-cab) td{border:0;padding:2px;display:grid;place-items:center;background:none!important}
  .cmp28 .cmp-txt{font-size:14px}
  .cmp28:not(.aberta) .cmp-mais{display:none!important}
  .cmp-ver{display:inline-flex}
}
/* ---- página de solução ---- */
.sol-grade{display:grid;grid-template-columns:240px minmax(0,1fr);gap:40px;align-items:start}
.sol-lado{position:sticky;top:96px;display:grid;min-width:0;gap:14px;background:var(--nevoa);border-radius:var(--raio);padding:16px}
.sl-g h4{font:800 14px var(--titulo);letter-spacing:.12em;color:var(--laranja-marca);margin:0 0 4px 8px}
.sl-g a{display:block;padding:8px 10px;border-radius:10px;font:700 16px var(--titulo);color:var(--marinho);text-decoration:none}
.sl-g a:hover{background:#fff}
.sl-g a.on{background:#fff;box-shadow:inset 3px 0 0 var(--laranja);color:var(--laranja-marca)}
.sol-corpo{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;min-width:0}
.sol-tops{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.sol-tops li{display:flex;gap:10px;align-items:flex-start;font-size:19px}
.sol-tops svg{width:22px;height:22px;flex:0 0 22px;color:var(--laranja-marca);margin-top:3px}
.sol-plano{display:flex;flex-wrap:wrap;gap:12px;align-items:center;color:var(--suave)}
.sem-video{display:grid;place-items:center;gap:6px;aspect-ratio:16/9;background:linear-gradient(135deg,#123E7C,#06224F);color:#C9D5E8;text-align:center;padding:20px}
.sem-video span svg{width:40px;height:40px;color:#FFB27A}
.sem-video b{font:800 18px var(--titulo);color:#fff}
.sem-video small{font-size:14px}
@media(max-width:900px){
  .sol-grade{grid-template-columns:minmax(0,1fr);gap:22px}
  .sol-lado{position:static;display:flex;gap:6px;overflow-x:auto;padding:8px;-webkit-overflow-scrolling:touch}
  .sl-g{display:contents}.sl-g h4{display:none}
  .sl-g a{white-space:nowrap;flex:0 0 auto;background:#fff}
}
.sol-corpo .acoes .bt{white-space:normal;text-align:center;max-width:100%}@media(max-width:420px){.sol-corpo .acoes .bt{width:100%}}
/* ajustes 29/10: painel do menu legível (o vidro leve com mais branco), em bloco; caixa laranja do desejo com texto branco */
.menu-sol{background:rgba(255,255,255,.94)}
.menu-sol .miolo{display:block;min-height:0}
.ms-video{align-self:start}
.desejo .desejo-q{color:#fff;background:#CC530F;letter-spacing:.06em}

/* ===================== EFEITOS (29/10/2026) ===================== */
/* 1. pedido no WhatsApp */
.zap-cena{border-radius:var(--raio);overflow:hidden;box-shadow:var(--sombra);background:#ECE5DD;display:flex;flex-direction:column;min-height:340px;max-width:560px;margin:0 auto;width:100%}
.zap-top{background:var(--marinho);color:#fff;display:flex;gap:10px;align-items:center;padding:12px 14px}
.zap-top i{width:34px;height:34px;border-radius:50%;background:#FFB27A;color:var(--marinho);display:grid;place-items:center;font:800 14px var(--titulo);font-style:normal}
.zap-top b{display:block;font:800 16px var(--titulo)}.zap-top small{font-size:14px;color:#C9D5E8}
.zap-msgs{flex:1;display:flex;flex-direction:column;justify-content:flex-end;gap:10px;padding:16px}
.bal{max-width:86%;background:#fff;border-radius:12px 12px 12px 3px;padding:9px 12px;font-size:15px;line-height:1.45;color:#111;box-shadow:0 1px 1px rgba(0,0,0,.08);transform-origin:left bottom}
.bal.eu{align-self:flex-end;background:#DCF8C6;border-radius:12px 12px 3px 12px;transform-origin:right bottom}
.bal b{color:var(--marinho)}
html.anima .bal{transition:transform .3s cubic-bezier(.2,.9,.3,1.2),opacity .2s}
html.anima .bal.esc{transform:scale(.6);opacity:0}
/* 3. rota de entrega */
.rota-cena{border-radius:var(--raio);background:#fff;box-shadow:var(--sombra);padding:16px;display:grid;gap:10px;max-width:640px;margin:0 auto;width:100%}
.rota-cena svg{width:100%;height:auto;display:block}
.rua{fill:none;stroke:#D5DCE7;stroke-width:12;stroke-linecap:round}
.rua2{fill:none;stroke:var(--laranja);stroke-width:4;stroke-linecap:round;stroke-dasharray:6 8}
.pin circle{fill:#fff;stroke:var(--marinho);stroke-width:3;transition:fill .3s,stroke .3s}
.pin.ok circle{fill:var(--verde);stroke:var(--verde)}
.pin text{font:700 14px var(--corpo);fill:var(--marinho)}
.van rect{fill:var(--marinho)}
.rota-leg{display:flex;flex-wrap:wrap;gap:8px 16px;justify-content:space-between;font-size:15px;color:var(--suave)}
.rota-leg .ok{color:var(--verde);font-weight:700}
/* 2. tour automático */
.tour-cena{margin:0;display:grid;gap:10px}
.tour-telas{position:relative;aspect-ratio:16/9;overflow:hidden;background:#F6F4F0}
.tour-telas img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top left;opacity:0;transition:opacity .35s}
.tour-telas img.on{opacity:1}
.tour-mao{position:absolute;left:62%;top:58%;z-index:3;transform:translate(-4px,-3px);filter:drop-shadow(0 3px 6px rgba(0,0,0,.35));transition:left .8s cubic-bezier(.5,0,.2,1),top .8s cubic-bezier(.5,0,.2,1);pointer-events:none}
.tour-mao.toca::after{content:"";position:absolute;left:-8px;top:-8px;width:20px;height:20px;border-radius:50%;border:4px solid var(--laranja);animation:toque .6s ease-out forwards}
@keyframes toque{from{transform:scale(.5);opacity:1}to{transform:scale(2.6);opacity:0}}
.tour-txt{text-align:center;font:800 17px var(--titulo);color:var(--marinho);min-height:1.5em}
.sol-cena{display:grid;gap:12px}
.sol-cena h3{font-size:clamp(20px,2.4vw,24px)}
/* 4. avisos de pedido novo, no canto do print (no máximo 2) */
.desejo-img{position:relative}
.avisos{position:absolute;right:-10px;bottom:-18px;z-index:3;display:flex;flex-direction:column-reverse;gap:8px;width:min(260px,72%);pointer-events:none}
.aviso{display:flex;gap:10px;align-items:center;border-radius:14px;padding:10px 12px;background:rgba(255,255,255,.86);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);border:1px solid rgba(255,255,255,.9);border-left:4px solid var(--laranja);box-shadow:0 14px 34px rgba(1,32,76,.22);position:relative;overflow:hidden;animation:avEntra .45s cubic-bezier(.2,.9,.3,1.2)}
@keyframes avEntra{from{transform:translateX(110%);opacity:0}}
.aviso i{width:32px;height:32px;flex:0 0 32px;border-radius:50%;background:#FFF0E5;color:var(--laranja-marca);display:grid;place-items:center}
.aviso i svg{width:17px;height:17px}
.aviso b{display:block;font:800 14px var(--titulo);color:var(--marinho)}
.aviso span{font-size:14px;color:var(--suave)}
@media(max-width:600px){.avisos{right:6px;bottom:-14px;width:min(230px,80%)}}
/* 5. vidro com reflexo: o brilho passa quando o mouse entra */
.menu-sol .miolo{position:relative;overflow:hidden}
.menu-sol .miolo::after,.aviso::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.7) 48%,transparent 62%);transform:translateX(-120%);transition:transform .6s;pointer-events:none}
.menu-sol:hover .miolo::after,.aviso:hover::after{transform:translateX(120%)}
/* 6. pílula deslizando na chave Mensal/Anual (no topo laranja: pílula branca com texto laranja escuro) */
.chave{position:relative}
.chave .chave-pil{position:absolute;top:4px;bottom:4px;left:0;width:0;border-radius:999px;background:var(--marinho);transition:transform .35s cubic-bezier(.3,.9,.3,1.1),width .35s;z-index:0}
.chave.com-pil button{position:relative;z-index:1;background:transparent!important}
.chave.com-pil button[aria-pressed="true"]{color:#fff}
.faixa-laranja .chave .chave-pil{background:#fff}
.faixa-laranja .chave.com-pil button{color:#fff}
.faixa-laranja .chave.com-pil button[aria-pressed="true"]{color:#B8480C}
@media (prefers-reduced-motion:reduce){.tour-mao,.chave .chave-pil,.tour-telas img{transition:none}.aviso{animation:none}.menu-sol .miolo::after,.aviso::after{display:none}}
/* 29/10/2026: o "overflow:hidden" da tabela prendia o cabeçalho grudento dentro dela (descia 72px e cobria a 1ª linha); "clip" corta igual sem isso */
.cmp28 table{overflow:clip}

/* orçamento (31/10/2026): página da cliente no celular, PDF e termômetro */
.orc-tres{display:grid;grid-template-columns:minmax(0,270px) minmax(0,1fr);gap:24px;align-items:start}
.orc-um{margin:0;display:grid;gap:12px}
.orc-um figcaption{font-size:16px;line-height:1.5;color:var(--suave)}
.orc-um figcaption b{display:block;color:var(--marinho);font-size:17px;margin-bottom:2px}
.orc-papel{border-radius:12px;overflow:hidden;border:1px solid var(--linha);box-shadow:var(--sombra);background:#fff}
.orc-papel img{width:100%;height:auto;display:block}
.orc-largo{grid-column:1 / -1}
.orc-tres .so-cel{display:none}
.orc-col-print{max-width:380px}
@media (max-width:640px){.orc-tres{grid-template-columns:1fr}.orc-tres .fone{margin:0 auto}.orc-tres .so-pc{display:none}.orc-tres .so-cel{display:block;margin:0 auto}}