/* ZapFlux · megawhats.com.br
   Layout: "central de operação" — páginas claras em papel azulado, uma faixa navy de controle por página,
   demonstração viva no topo (conversa + campanha) e conteúdo em colunas de leitura de ~65 caracteres. */
:root{
  --ink:#0A1640;        /* navy da marca: textos e faixas escuras */
  --ink-2:#16255A;
  --paper:#F5F7FC;      /* fundo principal, levemente azulado */
  --white:#FFFFFF;
  --line:#DCE3F1;
  --muted:#4F5B7A;
  --signal:#1E6BFF;     /* azul do logo: links e destaques */
  --zap:#14A85A;        /* verde de conversa: ações principais */
  --zap-deep:#0E7C43;
  --warm:#FF7A1A;       /* laranja do logo: uso pontual */
  --red:#E5484D; --yellow:#F5B524;
  --brand-grad:linear-gradient(115deg,#FFB22E 0%,#FF4FA3 34%,#9B4DFF 62%,#1E6BFF 86%,#19C4FF 100%);
  --f-display:"Bricolage Grotesque","Avenir Next","Segoe UI",system-ui,sans-serif;
  --f-body:"Instrument Sans","Segoe UI",system-ui,-apple-system,Roboto,sans-serif;
  --f-mono:"JetBrains Mono",ui-monospace,"SFMono-Regular",Consolas,monospace;
  --r:14px; --r-lg:22px;
  --shadow:0 18px 50px -24px rgba(10,22,64,.35);
  --max:1180px;
  color-scheme:light;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.6 var(--f-body);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
[hidden]{display:none!important}
a{color:var(--signal);text-underline-offset:3px}
a:hover{color:var(--ink)}
:focus-visible{outline:3px solid var(--signal);outline-offset:3px;border-radius:6px}
h1,h2,h3,h4{font-family:var(--f-display);line-height:1.08;letter-spacing:-.02em;margin:0;text-wrap:balance;color:var(--ink)}
h1{font-size:clamp(2.2rem,4.6vw,3.5rem);font-weight:800}
h2{font-size:clamp(1.8rem,3.6vw,2.7rem);font-weight:750}
h3{font-size:1.28rem;font-weight:700;letter-spacing:-.01em}
p{margin:0}
.wrap{width:100%;max-width:var(--max);margin:0 auto;padding-left:max(18px,env(safe-area-inset-left,0px));padding-right:max(18px,env(safe-area-inset-right,0px))}
.eyebrow{font:600 .78rem/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--signal);display:inline-flex;align-items:center;gap:.5em}
.eyebrow::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--zap);box-shadow:0 0 0 4px rgba(20,168,90,.18)}
.lead{font-size:clamp(1.06rem,1.6vw,1.22rem);color:var(--muted);max-width:60ch}
.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:16px;z-index:100;background:#fff;padding:10px 14px}

/* Botões */
.btn{--bg:var(--zap);--fg:#fff;display:inline-flex;align-items:center;justify-content:center;gap:.55em;min-height:52px;padding:.8em 1.35em;border-radius:999px;background:var(--bg);color:var(--fg);font:650 1rem/1.1 var(--f-body);text-decoration:none;border:2px solid var(--bg);cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,background .2s;text-align:center}
.btn:hover{color:var(--fg);transform:translateY(-1px);box-shadow:0 12px 26px -12px rgba(20,168,90,.7);background:var(--zap-deep);border-color:var(--zap-deep)}
.btn svg{width:20px;height:20px;flex:none}
.btn-ghost{--bg:transparent;--fg:var(--ink);border-color:var(--line);background:var(--white)}
.btn-ghost:hover{background:var(--white);border-color:var(--ink);box-shadow:none;color:var(--ink)}
.on-dark .btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.35)}
.on-dark .btn-ghost:hover{border-color:#fff;color:#fff}
.btn-sm{min-height:42px;padding:.55em 1.05em;font-size:.95rem}

/* Cabeçalho */
.topbar{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:rgba(245,247,252,.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}
.topbar.scrolled{border-bottom-color:var(--line)}
.topbar .wrap{display:flex;align-items:center;gap:20px;min-height:72px}
.brand{display:flex;align-items:center;flex:none}
.brand img{height:34px;width:auto}
.nav{display:flex;align-items:center;gap:4px;margin-left:auto}
.nav>a,.dd-menu a,.nav button.navdrop{font:600 .95rem/1 var(--f-body);color:var(--ink);text-decoration:none;padding:10px 12px;border-radius:10px;background:none;border:0;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.nav>a:hover,.dd-menu a:hover,.nav button.navdrop:hover{background:rgba(10,22,64,.06)}
.nav .dd{position:relative}
.dd-menu{position:absolute;top:calc(100% + 8px);left:-10px;width:330px;background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:8px;display:none}
.dd.open .dd-menu{display:grid}
.dd-menu a{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:10px 12px}
.dd-menu a small{font:400 .82rem/1.35 var(--f-body);color:var(--muted)}
.nav-cta{display:flex;gap:8px;margin-left:8px}
.menu-btn{display:none;margin-left:auto;width:46px;height:46px;border-radius:12px;border:1px solid var(--line);background:#fff;cursor:pointer;align-items:center;justify-content:center}
.menu-btn svg{width:22px;height:22px}
@media (max-width:1020px){
  .menu-btn{display:inline-flex}
  .nav{position:fixed;inset:72px 0 auto 0;margin:0;flex-direction:column;align-items:stretch;gap:2px;background:var(--paper);border-bottom:1px solid var(--line);padding:12px max(18px,env(safe-area-inset-right,0px)) 20px max(18px,env(safe-area-inset-left,0px));display:none;max-height:calc(100dvh - 72px);overflow:auto}
  .nav.open{display:flex}
  .nav>a,.dd-menu a,.nav button.navdrop{padding:14px 10px;font-size:1.05rem;width:100%;justify-content:space-between}
  .dd-menu{position:static;width:100%;box-shadow:none;border:0;padding:0 0 0 10px;background:transparent}
  .nav-cta{margin:10px 0 0;flex-direction:column}
  .nav-cta .btn{width:100%}
}

/* Hero */
.hero{padding-block:56px 72px;position:relative;overflow:hidden}
.hero .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.hero h1 .hl{background:var(--brand-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-copy{display:grid;gap:22px;min-width:0}
.hero-ctas{display:flex;flex-wrap:wrap;gap:12px}
.proofs{display:flex;flex-wrap:wrap;gap:10px 22px;padding:0;margin:4px 0 0;list-style:none;font-size:.95rem;color:var(--muted)}
.proofs li{display:flex;align-items:center;gap:8px}
.proofs svg{width:18px;height:18px;color:var(--zap);flex:none}
@media (max-width:920px){.hero .wrap{grid-template-columns:1fr;gap:40px}.hero{padding-block:32px 56px}}

/* Demonstração (celular + painel de campanha) */
.demo{position:relative;min-height:520px;min-width:0}
.phone{position:relative;margin-left:auto;width:min(300px,100%);background:#0B132E;border-radius:38px;padding:12px;box-shadow:0 40px 80px -30px rgba(10,22,64,.55),inset 0 0 0 2px #26335E}
.phone-screen{background:#ECE5DD;border-radius:28px;overflow:hidden;display:flex;flex-direction:column;height:480px}
.ph-head{background:#0B6E4F;color:#fff;padding:14px 16px;display:flex;align-items:center;gap:10px}
.ph-head .av{width:34px;height:34px;border-radius:50%;background:#fff url("icone-192.png") center/80% no-repeat;flex:none}
.ph-head b{font:600 .95rem/1.1 var(--f-body);display:block}
.ph-head small{font-size:.75rem;opacity:.85}
.ph-body{flex:1;padding:14px 12px;display:flex;flex-direction:column;gap:8px;overflow:hidden;font-size:.86rem;line-height:1.38}
.msg{max-width:84%;padding:8px 10px 6px;border-radius:12px;background:#fff;color:#111;box-shadow:0 1px 1px rgba(0,0,0,.08);position:relative;opacity:0;transform:translateY(8px);animation:pop .4s ease forwards}
.msg.me{align-self:flex-end;background:#D9FDD3}
.msg time{display:block;text-align:right;font:500 .66rem/1 var(--f-mono);color:#667;margin-top:3px}
.msg .opts{display:grid;gap:5px;margin-top:7px}
.msg .opts span{display:block;text-align:center;border-top:1px solid #e3e6ea;padding-top:6px;color:#027eb5;font-weight:600}
.typing{align-self:flex-start;background:#fff;border-radius:12px;padding:10px 12px;display:flex;gap:4px;opacity:0;animation:pop .3s ease forwards}
.typing i{width:6px;height:6px;border-radius:50%;background:#9aa3ae;animation:blink 1s infinite}
.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}
@keyframes pop{to{opacity:1;transform:none}}
@keyframes blink{0%,100%{opacity:.3}50%{opacity:1}}
.m1{animation-delay:.2s}.m2{animation-delay:.9s}.m3{animation-delay:1.6s}.m4{animation-delay:2.4s}.m5{animation-delay:3.1s}
.ticks{color:#53BDEB}
.campaign{position:absolute;left:0;bottom:22px;width:min(222px,82%);padding:16px!important;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:18px;display:grid;gap:12px;z-index:2}
.campaign .row{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.campaign .k{font:600 .7rem/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.campaign .v{font:700 1.35rem/1 var(--f-display);font-variant-numeric:tabular-nums}
.bar{height:8px;border-radius:99px;background:#E8EDF7;overflow:hidden}
.bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--zap),#3DDC84);border-radius:99px;animation:fill 2.6s .6s cubic-bezier(.2,.8,.2,1) forwards}
@keyframes fill{to{width:78%}}
.quality{display:inline-flex;align-items:center;gap:6px;font:600 .8rem/1 var(--f-body);color:var(--zap-deep);background:#E3F7EC;border-radius:99px;padding:6px 10px;width:max-content}
.quality::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--zap)}
.channels-float{position:absolute;left:0;top:40px;display:grid;gap:8px;z-index:2}
.chip{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 12px 7px 8px;font:600 .8rem/1 var(--f-body);box-shadow:0 10px 24px -14px rgba(10,22,64,.4)}
.chip svg{width:20px;height:20px}
@media (max-width:920px){.demo{min-height:0;padding-bottom:150px}.phone{margin:0 auto}.campaign{left:50%;transform:translateX(-50%);bottom:0}.channels-float{left:0;top:20px}}
@media (max-width:640px){.channels-float{display:none}}
@media (max-width:420px){.channels-float{display:none}}

/* Faixa de logos de canais / prova */
.strip{border-block:1px solid var(--line);background:var(--white)}
.strip .wrap{display:flex;flex-wrap:wrap;gap:14px 34px;align-items:center;justify-content:center;padding-block:22px;font:600 .92rem/1.2 var(--f-body);color:var(--muted)}
.strip span{display:inline-flex;align-items:center;gap:8px}
.strip svg{width:22px;height:22px}

/* Seções */
.section{padding-block:clamp(64px,9vw,112px)}
.section-head{display:grid;gap:16px;max-width:760px;margin-bottom:44px}
.section-head.center{margin-inline:auto;text-align:center;justify-items:center}
.bg-white{background:var(--white)}
.on-dark{background:var(--ink);color:#DDE5FA}
.on-dark h2,.on-dark h3{color:#fff}
.on-dark .lead{color:#B6C3E6}
.on-dark .eyebrow{color:#7FB0FF}

/* Dores */
.pains{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;background:var(--line);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}
.pain{background:var(--white);padding:28px;display:grid;gap:10px;align-content:start}
.pain b{font:700 1.08rem/1.25 var(--f-display)}
.pain p{color:var(--muted);font-size:.98rem}
.pain .x{font:600 .72rem/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--red)}
@media (max-width:860px){.pains{grid-template-columns:1fr}}

/* Recursos */
.features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.feature{display:grid;grid-template-columns:52px 1fr;gap:18px;padding:26px;border-radius:var(--r-lg);background:var(--white);border:1px solid var(--line);text-decoration:none;color:inherit;transition:border-color .2s,transform .2s}
a.feature:hover{border-color:var(--signal);transform:translateY(-2px);color:inherit}
.feature .ic{width:52px;height:52px;border-radius:14px;background:#EAF1FF;color:var(--signal);display:grid;place-items:center}
.feature .ic svg{width:26px;height:26px}
.feature h3{margin-bottom:6px}
.feature p{color:var(--muted);font-size:.98rem}
.feature .more{display:inline-block;margin-top:10px;font-weight:650;color:var(--signal);font-size:.95rem}
.feature.wide{grid-column:1/-1;background:var(--ink);border-color:var(--ink);color:#DDE5FA}
.feature.wide h3{color:#fff}.feature.wide p{color:#B6C3E6}
.feature.wide .ic{background:rgba(255,255,255,.08);color:#7FB0FF}
.feature.wide .more{color:#7FB0FF}
@media (max-width:760px){.features{grid-template-columns:1fr}.feature{grid-template-columns:1fr;gap:14px;padding:22px}}

/* Passos */
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;counter-reset:s;list-style:none;padding:0;margin:0}
.steps li{display:grid;gap:10px;padding-top:22px;border-top:2px solid rgba(255,255,255,.18);counter-increment:s}
.steps li::before{content:"Passo " counter(s);font:600 .75rem/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:#7FB0FF}
.steps p{color:#B6C3E6}
.bg-light .steps li{border-top-color:var(--line)}.bg-light .steps li::before{color:var(--signal)}.bg-light .steps p{color:var(--muted)}
@media (max-width:860px){.steps{grid-template-columns:1fr}}

/* Escada de limites da Meta */
.tiers{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;align-items:end;margin-top:10px}
.tier{display:grid;gap:8px;text-align:center}
.tier .col{border-radius:12px 12px 4px 4px;background:linear-gradient(180deg,#2E7BFF,#1747C9);min-height:40px}
.tier:nth-child(1) .col{height:48px;opacity:.55}.tier:nth-child(2) .col{height:84px;opacity:.7}.tier:nth-child(3) .col{height:124px;opacity:.82}.tier:nth-child(4) .col{height:170px;opacity:.92}.tier:nth-child(5) .col{height:220px;background:linear-gradient(180deg,#3DDC84,#0E7C43)}
.tier b{font:700 1.05rem/1.1 var(--f-display);color:#fff;font-variant-numeric:tabular-nums}
.tier small{font:500 .72rem/1.3 var(--f-mono);color:#9FB0DA;text-transform:uppercase;letter-spacing:.06em}
.bg-white .tier b,.bg-light .tier b{color:var(--ink)}.bg-white .tier small,.bg-light .tier small{color:var(--muted)}
@media (max-width:560px){.tiers{gap:6px}.tier b{font-size:.86rem}.tier small{font-size:.6rem}}

/* Duas colunas genéricas */
.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.split>*{min-width:0}
@media (max-width:900px){.split{grid-template-columns:1fr;gap:36px}}
.checks{list-style:none;padding:0;margin:0;display:grid;gap:14px}
.checks li{display:grid;grid-template-columns:26px 1fr;gap:12px;align-items:start}
.checks svg{width:24px;height:24px;color:var(--zap);margin-top:2px}
.on-dark .checks svg{color:#3DDC84}

/* Tabela comparativa */
.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-lg);background:#fff}
table.compare{width:100%;border-collapse:collapse;min-width:680px;font-size:.96rem}
.compare th,.compare td{padding:15px 18px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.compare thead th{font:700 .95rem/1.2 var(--f-display);background:#F0F4FB}
.compare thead th.us{background:var(--ink);color:#fff}
.compare td.us{background:#F2FBF6;font-weight:600}
.compare tr:last-child td{border-bottom:0}
.yes{color:var(--zap-deep);font-weight:700}.no{color:var(--red);font-weight:700}.mid{color:#A06A00;font-weight:700}

/* Planos */
.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
.plan{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:30px 26px;display:flex;flex-direction:column;gap:18px;position:relative}
.plan.pop{border:2px solid var(--zap);box-shadow:0 30px 60px -32px rgba(20,168,90,.55)}
.plan .tag{position:absolute;top:-14px;left:26px;background:var(--zap);color:#fff;font:700 .72rem/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;padding:8px 12px;border-radius:99px}
.plan h3{font-size:1.4rem}
.plan .for{color:var(--muted);font-size:.95rem;min-height:3em}
.price{display:flex;align-items:baseline;gap:6px;font-family:var(--f-display)}
.price .cur{font-size:1.2rem;font-weight:700}
.price .num{font-size:3.2rem;font-weight:800;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums}
.price .per{color:var(--muted);font:500 1rem var(--f-body)}
.price.ask .num{font-size:2.1rem}
.plan ul{list-style:none;padding:0;margin:0;display:grid;gap:10px;font-size:.96rem}
.plan li{display:grid;grid-template-columns:20px 1fr;gap:10px}
.plan li svg{width:18px;height:18px;color:var(--zap);margin-top:3px}
.plan li.inh{font-weight:650}
.plan .btn{margin-top:auto;width:100%}
.plans-note{margin-top:22px;font-size:.92rem;color:var(--muted);max-width:80ch}
@media (max-width:980px){.plans{grid-template-columns:1fr;max-width:520px;margin-inline:auto}}

/* FAQ */
.faq{display:grid;gap:10px;max-width:880px}
.faq details{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:0 22px}
.faq summary{cursor:pointer;list-style:none;padding:20px 34px 20px 0;font:700 1.06rem/1.35 var(--f-display);position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:0;top:16px;font:400 1.6rem/1 var(--f-body);color:var(--signal);transition:transform .2s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq .ans{padding:0 0 20px;color:var(--muted);display:grid;gap:10px}

/* CTA final */
.cta-final{background:var(--ink);color:#fff;border-radius:28px;padding:clamp(36px,6vw,64px);display:grid;grid-template-columns:1.3fr auto;gap:30px;align-items:center;position:relative;overflow:hidden}
.cta-final::before{content:"";position:absolute;right:-120px;top:-120px;width:340px;height:340px;border-radius:50%;background:var(--brand-grad);filter:blur(60px);opacity:.45}
.cta-final>*{position:relative;min-width:0}
.cta-final h2{color:#fff}
.cta-final p{color:#B6C3E6;margin-top:12px}
.cta-final .hero-ctas{justify-content:flex-end}
@media (max-width:860px){.cta-final{grid-template-columns:1fr}.cta-final .hero-ctas{justify-content:flex-start}}

/* Páginas internas */
.page-hero{padding-block:44px 54px;border-bottom:1px solid var(--line);background:var(--white)}
.page-hero .wrap{display:grid;gap:18px}
.crumbs{font:500 .82rem/1.4 var(--f-mono);color:var(--muted);display:flex;flex-wrap:wrap;gap:8px}
.crumbs a{color:var(--muted)}
.article{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:56px;padding-block:56px 80px}
.prose{max-width:70ch;display:grid;gap:18px;font-size:1.06rem}
.prose h2{font-size:clamp(1.55rem,2.6vw,2rem);margin-top:26px;scroll-margin-top:96px}
.prose h3{margin-top:10px}
.prose ul,.prose ol{margin:0;padding-left:1.25em;display:grid;gap:8px}
.prose strong{color:var(--ink)}
.prose .note{background:#EEF4FF;border:1px solid #CFE0FF;border-radius:var(--r);padding:16px 18px;font-size:.98rem}
.prose .warn{background:#FFF6E6;border:1px solid #FBDFA8;border-radius:var(--r);padding:16px 18px;font-size:.98rem}
.prose table{width:100%;border-collapse:collapse;font-size:.95rem;background:#fff}
.prose th,.prose td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}
.prose th{background:#F0F4FB;font-family:var(--f-display)}
.prose .tbl{overflow-x:auto}
.aside{position:sticky;top:96px;align-self:start;display:grid;gap:16px}
.toc,.aside-cta{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:22px}
.toc b{font:600 .75rem/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.toc ol{margin:12px 0 0;padding-left:1.1em;display:grid;gap:8px;font-size:.95rem}
.toc a{color:var(--ink);text-decoration:none}.toc a:hover{color:var(--signal)}
.aside-cta{background:var(--ink);border-color:var(--ink);color:#DDE5FA;display:grid;gap:12px}
.aside-cta b{font:700 1.15rem/1.2 var(--f-display);color:#fff}
.aside-cta p{font-size:.95rem;color:#B6C3E6}
@media (max-width:980px){.article{grid-template-columns:1fr}.aside{position:static}}
.updated{font:500 .82rem var(--f-mono);color:var(--muted)}
.related{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media (max-width:860px){.related{grid-template-columns:1fr}}

/* Rodapé */
.footer{background:var(--ink);color:#B6C3E6;padding-block:64px 32px;font-size:.95rem}
.footer .grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:36px}
.footer img{height:34px;width:auto}
.footer h4{font:600 .75rem/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:#7FB0FF;margin-bottom:14px}
.footer ul{list-style:none;padding:0;margin:0;display:grid;gap:9px}
.footer a{color:#DDE5FA;text-decoration:none}.footer a:hover{color:#fff;text-decoration:underline}
.footer .legal{border-top:1px solid rgba(255,255,255,.12);margin-top:44px;padding-top:22px;display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between;font-size:.85rem}
@media (max-width:860px){.footer .grid{grid-template-columns:1fr 1fr}.footer .grid>div:first-child{grid-column:1/-1}}

/* Botão flutuante de WhatsApp */
.float-wa{position:fixed;right:calc(18px + env(safe-area-inset-right,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:40;width:60px;height:60px;border-radius:50%;background:#25D366;color:#fff;display:grid;place-items:center;box-shadow:0 14px 30px -10px rgba(0,0,0,.45);transition:transform .2s}
.float-wa:hover{transform:scale(1.06);color:#fff}
.float-wa svg{width:32px;height:32px}

/* Aviso de cookies (LGPD) */
.cookie{position:fixed;left:0;right:0;bottom:0;z-index:60;background:#fff;border-top:1px solid var(--line);box-shadow:0 -16px 40px -24px rgba(10,22,64,.4);padding:16px max(18px,env(safe-area-inset-right,0px)) calc(16px + env(safe-area-inset-bottom,0px)) max(18px,env(safe-area-inset-left,0px))}
.cookie .in{max-width:var(--max);margin:0 auto;display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;justify-content:space-between;font-size:.92rem;color:var(--muted)}
.cookie .in div{display:flex;gap:10px;flex-wrap:wrap}

.pains.six{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:860px){.pains.six{grid-template-columns:1fr}}
@media (max-width:600px){table.compare{min-width:540px;font-size:.88rem}.compare th,.compare td{padding:11px 12px}}
@media (max-width:920px){.campaign{width:min(280px,88%)}}