@font-face{font-family:"Sora";src:url("fonts/sora.woff2") format("woff2");font-weight:100 800;font-display:swap}
@font-face{font-family:"Plus Jakarta Sans";src:url("fonts/jakarta.woff2") format("woff2");font-weight:200 800;font-display:swap}

:root{
  /* Paleta da marca: preto 0E0B11, amarelo FFD60A, ameixa 7B4A69, off-white FCF9F6, vinho 6F0348 */
  --ceu:#FCF9F6;
  --bruma:#EFE3EA;
  --nuvem:#FFFFFF;
  --tinta:#0E0B11;
  --tinta-suave:#7B4A69;
  --azul:#6F0348;
  --azul-escuro:#52022F;
  --sol:#FFD60A;
  --display:"Sora",ui-sans-serif,system-ui,"Segoe UI",sans-serif;
  --texto:"Plus Jakarta Sans",ui-sans-serif,system-ui,"Segoe UI",sans-serif;
  --raio:28px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ceu);color:var(--tinta);font:400 1.0625rem/1.6 var(--texto);-webkit-font-smoothing:antialiased}
img,svg{display:block;max-width:100%}
a{color:var(--azul-escuro);text-underline-offset:3px}
a:hover{color:var(--tinta)}
:focus-visible{outline:3px solid var(--azul);outline-offset:3px;border-radius:6px}
.wrap{width:min(1160px,100% - 48px);margin-inline:auto}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pular{position:absolute;left:12px;top:-60px;background:var(--tinta);color:#fff;padding:10px 16px;border-radius:10px;z-index:50}
.pular:focus{top:12px}

/* Topo */
.topo{position:relative;z-index:5;padding-block:22px}
.topo .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px}
.marca{display:inline-flex;align-items:center;text-decoration:none}
.marca img{height:48px;width:auto}
.marca b{font-weight:800}
.menu{display:flex;align-items:center;gap:28px}
.menu a{color:var(--tinta);text-decoration:none;font-weight:500}
.menu a:hover{text-decoration:underline}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 26px;border-radius:999px;font:600 1rem/1 var(--texto);text-decoration:none;border:2px solid var(--tinta);background:var(--tinta);color:#fff;transition:transform .15s,background .15s}
.btn:hover{background:var(--azul);border-color:var(--azul);color:#fff;transform:translateY(-2px)}
.btn--claro{background:transparent;color:var(--tinta)}
.btn--claro:hover{background:var(--nuvem);border-color:var(--tinta);color:var(--tinta)}
.btn--sol{background:var(--sol);border-color:var(--sol);color:var(--tinta)}
.btn--sol:hover{background:#fff;border-color:#fff;color:var(--tinta)}
.menu .btn{padding:11px 20px;color:#fff}
.menu-links{display:flex;align-items:center;gap:28px}
.menu-btn{display:none;align-items:center;justify-content:center;width:44px;height:44px;margin-left:8px;border-radius:12px;border:2px solid var(--tinta);background:transparent;color:var(--tinta);cursor:pointer}
.menu-btn:hover{background:var(--bruma)}
.topo .wrap{position:relative}

/* Herói */
.heroi{position:relative;overflow:hidden;padding-block:clamp(24px,5vw,64px) clamp(120px,14vw,190px)}
.heroi .wrap{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(24px,5vw,72px);align-items:center}
.heroi h1{margin:0 0 24px;font:700 clamp(2.4rem,5.6vw,4.7rem)/1.02 var(--display);letter-spacing:-.04em}
.heroi .sub{max-width:34rem;margin:0 0 34px;font-size:clamp(1.1rem,1.6vw,1.3rem);color:var(--tinta-suave)}
.acoes{display:flex;flex-wrap:wrap;gap:14px}
.nota{margin:22px 0 0;font-size:.95rem;color:var(--tinta-suave)}
.cena{position:relative;display:grid;place-items:center;min-height:700px}
.sol{position:absolute;width:min(430px,92%);aspect-ratio:1;border-radius:50%;background:var(--sol);right:-4%;top:2%}
.nuvem-fundo{position:absolute;left:-6%;bottom:6%;width:46%;opacity:.9}
.msg{max-width:84%;padding:10px 14px;border-radius:18px;font-size:.93rem;line-height:1.4}
.msg--eu{align-self:flex-end;background:var(--azul);color:#fff;border-bottom-right-radius:5px}
.msg--nuvi{align-self:flex-start;background:var(--nuvem);color:var(--tinta);border-bottom-left-radius:5px}
.msg small{display:block;margin-top:4px;font-size:.72rem;opacity:.7}
.msg .anexo{display:flex;align-items:center;gap:8px;font-weight:600}
.msg .anexo svg{width:20px;height:20px;flex:none}
.msg .onda{display:flex;align-items:center;gap:3px;height:20px}
.msg .onda i{display:block;width:3px;border-radius:2px;background:currentColor;opacity:.85}
.anim{opacity:0;animation:surge .5s cubic-bezier(.2,.8,.3,1) forwards;animation-delay:var(--d,0s)}
@keyframes surge{from{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}
.divisor{position:absolute;left:0;right:0;bottom:-1px;width:100%;height:clamp(70px,9vw,130px);fill:var(--nuvem)}


/* Celular (estilo iPhone Pro Max, desenhado em CSS) */
.celular{position:relative;width:min(340px,100%);aspect-ratio:440/956;padding:4px;border-radius:64px;background:linear-gradient(150deg,#8d8791 0%,#2a252d 35%,#15111a 60%,#7d7782 100%);box-shadow:0 40px 70px -24px rgba(14,11,17,.5),inset 0 0 0 1px rgba(255,255,255,.18)}
.celular .bt{position:absolute;width:4px;border-radius:2px;background:linear-gradient(90deg,#2a252d,#8d8791)}
.celular .bt--acao{left:-3px;top:15%;height:26px}
.celular .bt--vol1{left:-3px;top:23%;height:48px}
.celular .bt--vol2{left:-3px;top:31%;height:48px}
.celular .bt--power{right:-3px;top:26%;height:78px;background:linear-gradient(270deg,#2a252d,#8d8791)}
.tela{position:relative;display:flex;flex-direction:column;height:100%;border:7px solid #050307;border-radius:60px;overflow:hidden;background:var(--bruma)}
.ilha{position:absolute;z-index:3;left:50%;top:10px;width:30%;height:28px;transform:translateX(-50%);border-radius:20px;background:#000}
.status{display:flex;align-items:center;justify-content:space-between;padding:14px 26px 0 32px;height:50px;background:var(--tinta);color:#fff;font:700 .86rem/1 var(--texto)}
.status svg{height:12px;width:auto;fill:#fff}
.sinais{display:flex;align-items:center;gap:6px}
.tela header{display:flex;align-items:center;gap:12px;padding:6px 18px 14px;background:var(--tinta);color:#fff}
.tela header img{width:38px;height:38px;object-fit:contain;background:#fff;border-radius:50%;padding:7px}
.tela header strong{display:block;font:700 1rem/1.1 var(--display)}
.tela header small{font-size:.78rem;opacity:.75}
.conversa{position:relative;flex:1;display:flex;flex-direction:column;justify-content:flex-start;gap:8px;padding:12px 12px 8px;overflow:hidden}
.conversa .msg{font-size:.88rem;padding:9px 13px}
.entrada{display:flex;align-items:center;justify-content:space-between;margin:0 12px 8px;padding:10px 16px;border-radius:999px;background:#fff;color:#9a8593;font-size:.88rem}
.entrada svg{width:18px;height:18px;fill:var(--azul)}
.home{height:5px;width:36%;margin:4px auto 9px;border-radius:3px;background:var(--tinta);opacity:.85}

.js .conversa .msg{opacity:0;transform:translateY(10px) scale(.97);transition:opacity .45s,transform .45s cubic-bezier(.2,.8,.3,1)}
.js .conversa .msg.on{opacity:1;transform:none}
.digitando{position:absolute;left:12px;margin:0;display:flex;gap:5px;align-items:center;padding:14px 16px!important;width:auto;max-width:none}
.digitando i{width:7px;height:7px;border-radius:50%;background:var(--tinta-suave);opacity:.5;animation:ponto 1s infinite}
.digitando i:nth-child(2){animation-delay:.15s}.digitando i:nth-child(3){animation-delay:.3s}
@keyframes ponto{0%,60%,100%{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}
@media (prefers-reduced-motion:reduce){.digitando i{animation:none}}

/* Seções */
.branca{background:var(--nuvem)}
.secao{padding-block:clamp(56px,8vw,110px)}
.titulo{max-width:44rem;margin:0 0 clamp(36px,5vw,64px);font:700 clamp(1.8rem,3.8vw,2.9rem)/1.1 var(--display);letter-spacing:-.035em}
.linha{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,6vw,88px);align-items:center;padding-block:clamp(28px,4vw,48px)}
.linha + .linha{border-top:2px solid var(--ceu)}
.linha--inv .texto-linha{order:2}
.linha--destaque{background:var(--bruma);border-radius:var(--raio);padding-inline:clamp(20px,4vw,48px);margin-block:clamp(16px,3vw,32px);border-top:0!important}
.linha--destaque + .linha{border-top:0}
.selo-novo{display:inline-block;vertical-align:middle;margin-right:8px;padding:5px 11px;border-radius:999px;background:var(--azul);color:#fff;font:700 .72rem/1 var(--texto);letter-spacing:.08em;text-transform:uppercase}
.linha h3{margin:0 0 14px;font:600 clamp(1.4rem,2.4vw,1.9rem)/1.15 var(--display);letter-spacing:-.025em}
.linha p{margin:0;color:var(--tinta-suave);max-width:30rem}
.recorte{background:var(--ceu);border-radius:var(--raio);padding:26px;display:flex;flex-direction:column;gap:10px}
.recorte .msg{animation:none;opacity:1}

/* Bloco Google */
.google{background:var(--tinta);color:#fff;border-radius:calc(var(--raio) + 12px);padding:clamp(28px,5vw,64px);display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,5vw,64px)}
.google h2{margin:0 0 16px;font:700 clamp(1.7rem,3.2vw,2.5rem)/1.1 var(--display);letter-spacing:-.035em}
.google p{margin:0 0 14px;color:#E9DDE4}
.google a{color:var(--sol)}
.google a:hover{color:#fff}
.google dl{margin:0;display:grid;gap:22px}
.google dt{font:700 1.15rem/1.2 var(--display);color:var(--sol);margin-bottom:6px}
.google dd{margin:0;color:#F6EEF2}
.legal-google{margin-top:22px!important;padding-top:18px;border-top:1px solid rgba(255,255,255,.2);font-size:.9rem}

/* Passos */
.passos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,4vw,48px);counter-reset:p}
.passos li{counter-increment:p;position:relative;padding-top:76px}
.passos li::before{content:counter(p);position:absolute;top:0;left:0;width:60px;height:60px;border-radius:50%;display:grid;place-items:center;font:700 1.75rem/1 var(--display);color:var(--tinta);background:var(--sol);box-shadow:0 0 0 2px var(--tinta)}
.passos h3{margin:0 0 8px;font:700 1.45rem/1.15 var(--display);letter-spacing:-.02em}
.passos p{margin:0;color:var(--tinta-suave)}

/* FAQ */
.faq{max-width:52rem}
.faq details{border-top:2px solid var(--ceu);padding:20px 0}
.faq details:last-child{border-bottom:2px solid var(--ceu)}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;font:700 1.2rem/1.3 var(--display);letter-spacing:-.01em}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--ceu);font:600 1.3rem/1 var(--texto);transition:transform .2s,background .2s}
.faq details[open] summary::after{transform:rotate(45deg);background:var(--sol)}
.faq details p{margin:14px 0 0;color:var(--tinta-suave);max-width:42rem}

/* Convite final */
.convite{text-align:left}
.convite h2{margin:0 0 18px;font:700 clamp(2rem,4.6vw,3.7rem)/1.05 var(--display);letter-spacing:-.04em;max-width:18ch}
.convite p{margin:0 0 28px;color:var(--tinta-suave);max-width:34rem}

.convite-grade{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:clamp(28px,6vw,80px);align-items:center}
.lista{display:grid;gap:8px;background:var(--nuvem);border-radius:var(--raio);padding:clamp(22px,3.5vw,36px)}
.lista label{font-weight:600;font-size:.95rem}
.lista input[type=text],.lista input[type=email]{width:100%;margin-bottom:10px;padding:14px 16px;border:2px solid var(--bruma);border-radius:14px;background:var(--ceu);color:var(--tinta);font:inherit}
.lista input[type=text]:focus,.lista input[type=email]:focus{outline:none;border-color:var(--azul);background:#fff}
.lista .aceite{display:flex;gap:10px;align-items:flex-start;font-weight:400;font-size:.9rem;color:var(--tinta-suave);margin:4px 0 10px}
.lista .aceite input{flex:none;width:20px;height:20px;margin-top:2px;accent-color:var(--azul)}
.lista .btn{width:100%}
.lista .btn:disabled{background:var(--sol);border-color:var(--sol);color:var(--tinta);opacity:.7;cursor:progress;transform:none}
.armadilha{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.estado{min-height:1.5em;margin:6px 0 0!important;font-size:.95rem;color:var(--tinta-suave)}
.estado.ok{color:#0F6B3A;font-weight:600}
.estado.erro{color:#A3122A;font-weight:600}

/* Rodapé */
.rodape{background:var(--ceu);padding-block:48px 40px;font-size:.95rem;color:var(--tinta-suave)}
.rodape .wrap{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:32px}
.rodape .marca{margin-bottom:12px}
.rodape p{margin:0 0 8px}
.rodape ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.rodape a{color:var(--tinta)}
.rodape .aviso{grid-column:1/-1;padding-top:22px;border-top:2px solid var(--bruma);font-size:.85rem}

/* Páginas de texto (privacidade, termos) */
.doc{padding-block:clamp(24px,4vw,56px) clamp(64px,8vw,110px)}
.doc .miolo{background:var(--nuvem);border-radius:calc(var(--raio) + 8px);padding:clamp(24px,5vw,64px)}
.doc h1{margin:0 0 8px;font:700 clamp(2rem,4.4vw,3.1rem)/1.08 var(--display);letter-spacing:-.035em}
.doc .atualizacao{margin:0 0 32px;color:var(--tinta-suave)}
.doc .resumo{background:var(--ceu);border-radius:20px;padding:20px 24px;margin:0 0 36px}
.doc .resumo p{margin:0}
.doc nav.indice{margin:0 0 40px;padding:0 0 28px;border-bottom:2px solid var(--ceu)}
.doc nav.indice strong{display:block;margin-bottom:10px;font:700 1.1rem/1 var(--display)}
.doc nav.indice ol{margin:0;padding-left:1.3rem;columns:2;column-gap:32px}
.doc nav.indice li{margin-bottom:4px;break-inside:avoid}
.doc h2{margin:44px 0 12px;font:700 clamp(1.4rem,2.4vw,1.8rem)/1.15 var(--display);letter-spacing:-.025em;scroll-margin-top:20px}
.doc h3{margin:24px 0 8px;font:700 1.1rem/1.3 var(--display)}
.doc p,.doc li{max-width:46rem}
.doc ul,.doc ol{padding-left:1.3rem}
.doc li{margin-bottom:6px}
.doc table{width:100%;border-collapse:collapse;margin:16px 0;font-size:.97rem}
.doc th,.doc td{text-align:left;vertical-align:top;padding:12px 14px;border-bottom:1px solid var(--bruma)}
.doc th{background:var(--ceu);font-weight:700}
.doc .tabela{overflow-x:auto}

@media (max-width:900px){
  .heroi .wrap,.linha,.google,.rodape .wrap,.convite-grade{grid-template-columns:1fr}
  .linha--inv .texto-linha{order:0}
  .passos{grid-template-columns:1fr}
  .cena{min-height:660px}
  .menu-btn{display:inline-flex}
  .menu-links{display:none;position:absolute;top:calc(100% + 6px);left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:8px;background:#fff;border-radius:18px;box-shadow:0 14px 40px rgba(14,11,17,.22);z-index:20}
  .topo.aberto .menu-links{display:flex}
  .menu-links a{padding:14px 16px;border-radius:10px;font-size:1.05rem}
  .menu-links a:hover{background:var(--bruma);text-decoration:none}
  .doc nav.indice ol{columns:1}
}
@media (max-width:480px){
  .menu{gap:0}
  .menu .btn{padding:10px 16px;font-size:.92rem}
  .marca img{height:38px}
  .btn{padding:13px 22px}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .anim{animation:none;opacity:1}
  .btn,.faq summary::after{transition:none}
}

/* Planos */
.plano-grade{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,5vw,64px);align-items:center}
.plano{background:var(--tinta);color:#fff;border-radius:calc(var(--raio) + 8px);padding:clamp(26px,4vw,44px)}
.plano-nome{margin:0 0 8px;font:600 .95rem/1 var(--texto);letter-spacing:.08em;text-transform:uppercase;color:var(--sol)}
.plano-preco{margin:0 0 22px}
.plano-preco .mes{display:block;font:700 clamp(2.6rem,5vw,3.6rem)/1 var(--display);letter-spacing:-.04em}
.plano-preco .mes small{font:500 1.1rem/1 var(--texto);letter-spacing:0;margin-left:4px;color:#E9DDE4}
.plano-preco .ano{display:block;margin-top:8px;color:#E9DDE4}
.plano-lista{margin:0 0 26px;padding:0;list-style:none;display:grid;gap:10px}
.plano-lista li{position:relative;padding-left:28px;color:#F6EEF2}
.plano-lista li::before{content:"";position:absolute;left:0;top:.35em;width:16px;height:16px;border-radius:50%;background:var(--sol)}
.plano .btn{width:100%}
.regras{margin:0;padding:0;list-style:none;display:grid;gap:22px}
.regras li{padding-left:20px;border-left:4px solid var(--sol);color:var(--tinta-suave)}
.regras strong{color:var(--tinta)}

/* Página de assinatura */
.assinar{padding-block:clamp(24px,4vw,56px) clamp(64px,8vw,110px)}
.assinar-grade{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(28px,6vw,80px);align-items:start}
.assinar h1{margin:0 0 16px;font:700 clamp(2rem,4.4vw,3.1rem)/1.08 var(--display);letter-spacing:-.035em}
.assinar .intro{margin:0 0 24px;color:var(--tinta-suave);max-width:30rem}
.assinar .resumo-plano{background:var(--tinta);color:#fff;border-radius:var(--raio);padding:24px 26px}
.assinar .resumo-plano .valor{font:700 2.2rem/1 var(--display);letter-spacing:-.03em}
.assinar .resumo-plano .valor small{font:500 1rem/1 var(--texto);letter-spacing:0;word-spacing:.08em;color:#E9DDE4;margin-left:8px}
.assinar .resumo-plano p{margin:8px 0 0;color:#E9DDE4;font-size:.95rem}
.assinar .garantia{margin:18px 0 0;padding-left:16px;border-left:4px solid var(--sol);color:var(--tinta-suave);font-size:.95rem}
.lista select,.lista input[type=tel]{width:100%;margin-bottom:10px;padding:14px 16px;border:2px solid var(--bruma);border-radius:14px;background:var(--ceu);color:var(--tinta);font:inherit}
.lista select:focus,.lista input[type=tel]:focus{outline:none;border-color:var(--azul);background:#fff}
.lista .dica{margin:-4px 0 12px;font-size:.85rem;color:var(--tinta-suave)}
.lista fieldset{border:0;margin:0 0 6px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.lista fieldset legend{font-weight:600;font-size:.95rem;margin-bottom:8px;padding:0}
.opcao{position:relative}
.opcao input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.opcao span{display:block;padding:14px 16px;border:2px solid var(--bruma);border-radius:14px;background:var(--ceu);font-weight:600;text-align:center}
.opcao input:checked + span{border-color:var(--azul);background:#fff;box-shadow:0 0 0 3px rgba(111,3,72,.15)}
.opcao input:focus-visible + span{outline:3px solid var(--azul);outline-offset:2px}
.seguranca{margin:12px 0 0;font-size:.85rem;color:var(--tinta-suave);text-align:center}
@media (max-width:900px){.plano-grade,.assinar-grade{grid-template-columns:1fr}}

/* Portal */
.portal{background:var(--bruma)}
.portal-intro{max-width:44rem;margin:calc(-1 * clamp(14px,3vw,36px)) 0 clamp(28px,4vw,44px);color:var(--tinta-suave);font-size:1.12rem}
.janela{background:var(--nuvem);border-radius:22px;box-shadow:0 40px 70px -34px rgba(14,11,17,.35),0 0 0 1px var(--bruma);overflow:hidden}
.janela-barra{display:flex;align-items:center;gap:7px;padding:12px 16px;background:var(--bruma)}
.janela-barra i{width:11px;height:11px;border-radius:50%;background:#c9b6c1}
.janela-barra span{margin-left:12px;flex:1;max-width:320px;padding:4px 14px;border-radius:999px;background:#fff;color:var(--tinta-suave);font-size:.8rem}
.janela-corpo{display:grid;grid-template-columns:200px minmax(0,1fr);background:var(--bruma)}
.j-lado{padding:22px 16px;background:#fff;border-right:1px solid var(--bruma)}
.j-lado img{width:110px;height:auto;margin:0 0 18px 8px}
.j-lado ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.j-lado li{padding:9px 12px;border-radius:10px;font:600 .9rem/1 var(--texto);color:var(--tinta-suave)}
.j-lado li.on{background:var(--azul);color:#fff}
.j-main{padding:22px clamp(14px,2.4vw,28px) 26px;min-width:0}
.j-topo{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.j-topo strong{font:700 1.35rem/1 var(--display);letter-spacing:-.02em}
.j-chip{padding:7px 14px;border-radius:999px;background:#fff;border:1px solid var(--bruma);font-size:.85rem;font-weight:600}
.j-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:12px}
.j-kpis>div,.j-card{background:#fff;border-radius:16px;padding:16px 18px;border:1px solid var(--bruma)}
.j-kpis small,.j-card>small,.mini-painel>small{display:block;font-size:.8rem;font-weight:600;color:var(--tinta-suave)}
.j-kpis b{display:block;margin:6px 0 4px;font:700 clamp(1.05rem,2vw,1.45rem)/1.1 var(--display);letter-spacing:-.02em;white-space:nowrap}
.j-kpis em{font-style:normal;font-size:.78rem;font-weight:600;color:#0F6B3A}
.j-duas{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:12px}
.j-barras{display:flex;align-items:flex-end;gap:12px;height:150px;margin-top:14px;padding-bottom:20px;position:relative}
.j-barras>div{flex:1;height:100%;display:flex;align-items:flex-end;justify-content:center;gap:3px;position:relative}
.j-barras i{display:block;width:34%;max-width:18px;border-radius:5px 5px 0 0;min-height:2px}
.j-barras i.e{background:var(--sol)}
.j-barras i.s{background:var(--azul)}
.j-barras span{position:absolute;bottom:-20px;left:0;right:0;text-align:center;font-size:.72rem;color:var(--tinta-suave)}
.j-cats{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:11px}
.j-cats li{display:grid;grid-template-columns:86px minmax(0,1fr) 62px;align-items:center;gap:10px;font-size:.82rem}
.j-cats li span{font-weight:600}
.j-cats li i{display:block;height:9px;border-radius:5px;background:var(--azul)}
.j-cats li b{text-align:right;font-weight:700}
.fonte-exemplo{margin:12px 4px 0;font-size:.85rem;color:var(--tinta-suave)}

.portal-grade{list-style:none;margin:clamp(36px,5vw,64px) 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.portal-grade li{background:var(--nuvem);border-radius:var(--raio);padding:24px 22px 26px}
.portal-grade svg{width:30px;height:30px;margin-bottom:14px;color:var(--azul)}
.portal-grade h3{margin:0 0 8px;font:700 1.15rem/1.2 var(--display);letter-spacing:-.015em}
.portal-grade p{margin:0;font-size:.95rem;line-height:1.5;color:var(--tinta-suave)}

.etiqueta{display:inline-block;margin:0 0 14px;padding:6px 12px;border-radius:999px;background:var(--sol);color:var(--tinta);font:700 .78rem/1 var(--texto);letter-spacing:.06em;text-transform:uppercase}
.paineis{margin-top:clamp(36px,5vw,64px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,64px);align-items:center;background:var(--tinta);color:#fff;border-radius:calc(var(--raio) + 12px);padding:clamp(26px,5vw,60px)}
.paineis h3{margin:0 0 14px;font:700 clamp(1.5rem,3vw,2.2rem)/1.12 var(--display);letter-spacing:-.03em}
.paineis p{margin:0 0 16px;color:#E9DDE4}
.paineis-lista{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.paineis-lista li{padding-left:16px;border-left:4px solid var(--sol);color:#fff;font-weight:500}
.paineis-cena{background:var(--ceu);color:var(--tinta);border-radius:var(--raio);padding:24px;display:flex;flex-direction:column;gap:10px}
.mini-painel{margin-top:6px;background:#fff;border-radius:16px;padding:16px 18px;border:1px solid var(--bruma)}
.mini-painel .j-barras{height:120px;gap:6px}
.mini-painel .j-barras i{width:60%;max-width:22px}

.instalar{margin-top:clamp(36px,5vw,64px);display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,5vw,64px);align-items:center}
.instalar h3{margin:0 0 12px;font:700 clamp(1.5rem,3vw,2.2rem)/1.12 var(--display);letter-spacing:-.03em}
.instalar p{margin:0 0 18px;color:var(--tinta-suave);max-width:30rem}
.instalar .nota{margin-top:-4px;font-size:.9rem}
.instalar-passos{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.instalar-passos>div{background:var(--nuvem);border-radius:var(--raio);padding:22px}
.instalar-passos h4{margin:0 0 10px;font:700 1.1rem/1.2 var(--display)}
.instalar-passos ol{margin:0;padding-left:1.2rem;display:grid;gap:8px;color:var(--tinta-suave);font-size:.95rem;line-height:1.45}
.instalar-passos strong{color:var(--tinta)}

.recorte .msg .anexo{font-size:.9rem}

@media (max-width:1100px){
  .portal-grade{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .paineis,.instalar{grid-template-columns:1fr}
  .janela-corpo{grid-template-columns:1fr}
  .j-lado{display:none}
}
@media (max-width:640px){
  .j-kpis{grid-template-columns:1fr}
  .j-duas{grid-template-columns:1fr}
  .instalar-passos{grid-template-columns:1fr}
  .portal-grade{grid-template-columns:1fr}
  .j-cats li{grid-template-columns:78px minmax(0,1fr) 56px}
}
.paineis .etiqueta{color:var(--tinta);margin-bottom:14px}
.j-cats li b{white-space:nowrap}
@media (max-width:640px){.j-cats li{grid-template-columns:76px minmax(0,1fr) 64px}}

@media (max-width:640px){.doc table{display:block;overflow-x:auto;max-width:100%}}

.extras-titulo{margin:clamp(40px,6vw,72px) 0 0;padding-top:clamp(28px,4vw,48px);border-top:2px solid var(--ceu);font:600 clamp(1.4rem,2.4vw,1.9rem)/1.15 var(--display);letter-spacing:-.025em}
.extras-grade{list-style:none;margin:24px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.extras-grade li{background:var(--ceu);border-radius:var(--raio);padding:24px 22px 26px}
.extras-grade svg{width:28px;height:28px;margin-bottom:14px;color:var(--azul)}
.extras-grade h3{margin:0 0 8px;font:700 1.1rem/1.2 var(--display);letter-spacing:-.015em}
.extras-grade p{margin:0;font-size:.95rem;line-height:1.5;color:var(--tinta-suave)}
@media (max-width:1000px){.extras-grade{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.extras-grade{grid-template-columns:1fr}}
.lista .dupla{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.lista .dupla--uf{grid-template-columns:110px 1fr}
.lista .dupla>div{min-width:0;display:grid;gap:8px}
.lista label small{font-weight:400;color:var(--tinta-suave)}
@media (max-width:420px){.lista .dupla{grid-template-columns:1fr}.lista .dupla--uf{grid-template-columns:96px 1fr}}
.lista input:disabled{opacity:.6;cursor:not-allowed}


/* Central de ajuda */
.ajuda{padding-block:clamp(24px,4vw,56px) clamp(64px,8vw,110px)}
.ajuda-topo{max-width:44rem;margin:0 0 40px}
.ajuda-topo h1{margin:0 0 10px;font:700 clamp(2rem,4.4vw,3.1rem)/1.08 var(--display);letter-spacing:-.035em}
.ajuda-topo p{margin:0 0 22px;color:var(--tinta-suave)}
.busca{position:relative}
.busca input{width:100%;padding:16px 20px;border-radius:999px;border:2px solid var(--tinta);background:var(--nuvem);font:500 1.05rem/1.2 var(--texto);color:var(--tinta)}
.busca input:focus-visible{outline:3px solid var(--azul);outline-offset:3px}
.resultados{position:absolute;z-index:10;left:0;right:0;top:calc(100% + 8px);background:var(--nuvem);border:2px solid var(--tinta);border-radius:20px;overflow:hidden;box-shadow:0 12px 30px rgba(14,11,17,.12)}
.resultados a{display:flex;flex-direction:column;gap:2px;padding:12px 20px;text-decoration:none;color:var(--tinta);border-bottom:1px solid var(--bruma)}
.resultados a:last-child{border-bottom:0}
.resultados a:hover,.resultados a:focus-visible{background:var(--bruma)}
.resultados span{font-size:.85rem;color:var(--tinta-suave)}
.resultados .vazio{margin:0;padding:16px 20px}
.ajuda-grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:20px}
.ajuda-col{background:var(--nuvem);border-radius:var(--raio);padding:26px 26px 22px}
.ajuda-col h2{margin:0 0 6px;font:700 1.35rem/1.15 var(--display);letter-spacing:-.02em}
.ajuda-col p{margin:0 0 14px;color:var(--tinta-suave);font-size:.97rem}
.ajuda-col ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ajuda-col a{color:var(--tinta)}
.ajuda-fim{margin-top:36px;color:var(--tinta-suave)}
.migalhas{margin:0 0 18px;font-size:.92rem;color:var(--tinta-suave)}
.relacionados{margin-top:40px;padding-top:24px;border-top:2px solid var(--ceu)}
.relacionados h2{margin:0 0 10px;font:700 1.1rem/1.2 var(--display)}
.doc code{background:var(--ceu);padding:2px 7px;border-radius:7px;font-size:.95em}

.redes{display:flex;gap:10px;margin:12px 0 0}
.redes a{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--bruma);color:var(--azul);background:var(--nuvem);transition:background .15s,color .15s}
.redes a:hover,.redes a:focus-visible{background:var(--azul);color:#fff}
.redes svg{width:20px;height:20px}

/* Faixa da oferta de lançamento (assets/oferta.js) */
.faixa-oferta{background:var(--azul);color:#fff;font-size:.95rem;line-height:1.45}
.faixa-oferta .wrap{padding-block:10px;text-align:center}
.faixa-oferta p{margin:0}
.faixa-oferta b{color:var(--sol);letter-spacing:.04em}
.faixa-oferta a{color:var(--sol);font-weight:700;white-space:nowrap}
.faixa-oferta a:hover{color:#fff}
.plano-oferta{margin:0 0 18px;padding:12px 14px;border-radius:14px;background:var(--sol);color:var(--tinta);font-size:.95rem;line-height:1.45}
.resumo-plano s{color:#E9DDE4}
.lista .cupom-msg{min-height:1.2em}
.lista input[aria-invalid=true]{border-color:#B3261E}

/* Banner de cookies (assets/rastreio.js) */
.cookies{position:fixed;z-index:60;left:16px;right:16px;bottom:16px;max-width:560px;margin-inline:auto;padding:18px 20px;border-radius:20px;background:var(--tinta);color:#fff;box-shadow:0 12px 40px rgba(14,11,17,.35);font-size:.95rem;line-height:1.5}
.cookies p{margin:0 0 14px}
.cookies a{color:var(--sol)}
.cookies-acoes{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}
.cookies .btn{padding:10px 18px;font-size:.95rem}
.cookies .btn--claro{color:#fff;border-color:rgba(255,255,255,.6)}
.cookies .btn--claro:hover{background:#fff;color:var(--tinta)}