/* SALUS Marketing e Branding · estilos do site */

@font-face{font-family:"Gilda Display";src:url("../fonts/gilda-display-latin-400-normal.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Montserrat";src:url("../fonts/montserrat-latin-wght-normal.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}

:root{
  /* ===== IDENTIDADE SALUS (original) =====
     Fontes: Gilda Display (títulos) + Montserrat (texto)
     Cores: fundo #160901 · cacau #260F01 · espresso #73553D · caramelo #A68568 · #C9A985 · areia #DFDDCE · claro #F6F3EE · verde #4E8A5B */
  --fonte-titulo:"Gilda Display","Cormorant Garamond",Didot,Georgia,serif;
  --fonte-texto:"Montserrat","Segoe UI",system-ui,sans-serif;
  --cafe:#160901; --mogno:#2B1407; --terra:#73553D;
  --marfim:#F6F3EE; --areia:#EFE8DF; --papel:#FCFAF6;
  --cobre:#C9A985; --cobre-esc:#73553D; --caramelo:#A68568;
  --salvia:#8CCB98; --salvia-esc:#4E8A5B;
  --tinta:#260F01; --tinta-2:#5E4838;
  --logo:#DFDDCE; --texto-claro:#F4F0E8;
  --linha-clara:rgba(38,15,1,.12); --linha-escura:rgba(244,240,232,.14);
  --raio:24px; --raio-sm:14px;
  --sombra:0 24px 60px -24px rgba(22,9,1,.35);
  --wrap:1200px;
  --ease:cubic-bezier(.2,.8,.2,1);
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--marfim);color:var(--tinta);font-family:var(--fonte-texto);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,svg{max-width:100%;display:block}
a{color:var(--cobre-esc)}
a:hover{color:var(--terra)}
button{font:inherit}
:focus-visible{outline:3px solid var(--cobre);outline-offset:3px;border-radius:6px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip{position:absolute;left:16px;top:-60px;background:var(--cobre);color:var(--cafe);padding:10px 16px;border-radius:10px;z-index:100;font-weight:700;text-decoration:none}
.skip:focus{top:12px}

/* ---------- Tipografia ---------- */
h1,h2,h3,h4{font-family:var(--fonte-titulo);font-weight:400;line-height:1.05;letter-spacing:-.02em;margin:0;text-wrap:balance}
h1{font-size:clamp(44px,6.4vw,84px)}
h2{font-size:clamp(36px,4.6vw,60px)}
h3{font-size:clamp(22px,2.2vw,28px);line-height:1.15}
p{margin:0}
em.dest,.dest{font-style:normal;color:var(--cobre-esc)}
.escuro em.dest,.escuro .dest{color:var(--cobre)}
.lead{font-size:clamp(18px,1.6vw,21px);line-height:1.6;color:var(--tinta-2);max-width:62ch}
.escuro .lead{color:rgba(244,240,232,.8)}
.rotulo{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--cobre-esc)}
.rotulo::before{content:"";width:10px;height:10px;flex:none;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px color-mix(in srgb,currentColor 22%,transparent)}
.escuro .rotulo{color:var(--cobre)}
.pequeno{font-size:14px;color:var(--tinta-2)}
.escuro .pequeno{color:rgba(244,240,232,.65)}

/* ---------- Layout ---------- */
.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 32px}
.secao{padding:clamp(80px,10vw,136px) 0;position:relative}
.secao.compacta{padding:clamp(56px,7vw,88px) 0}
.escuro{background:var(--cafe);color:var(--texto-claro)}
.mogno{background:var(--mogno);color:var(--marfim)}
.areia{background:var(--areia)}
.papel{background:var(--papel)}
.cab{display:flex;flex-direction:column;gap:18px;max-width:780px;margin-bottom:56px}
.cab.centro{margin-left:auto;margin-right:auto;text-align:center;align-items:center}
.g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:56px;align-items:center}
.g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.g4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.pilha{display:flex;flex-direction:column;gap:24px}
.linha{display:flex;flex-wrap:wrap;gap:14px;align-items:center}

/* ---------- Botões ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 26px;border-radius:999px;font-weight:700;font-size:16px;text-decoration:none;border:2px solid transparent;cursor:pointer;transition:transform .25s var(--ease),background .25s,color .25s,box-shadow .25s;white-space:nowrap}
.btn svg{width:20px;height:20px;flex:none}
.btn:hover{transform:translateY(-2px)}
.btn-cobre{background:var(--cobre);color:var(--cafe)}
.btn-cobre:hover{background:#D6BA98;color:var(--cafe);box-shadow:0 14px 30px -12px rgba(201,169,133,.7)}
.btn-cafe{background:var(--cafe);color:var(--marfim)}
.btn-cafe:hover{background:var(--terra);color:var(--marfim)}
.btn-linha{border-color:currentColor;color:var(--tinta)}
.btn-linha:hover{background:var(--tinta);color:var(--marfim)}
.escuro .btn-linha,.mogno .btn-linha{color:var(--marfim)}
.escuro .btn-linha:hover,.mogno .btn-linha:hover{background:var(--marfim);color:var(--cafe)}
.link-seta{display:inline-flex;align-items:center;gap:8px;font-weight:700;text-decoration:none}
.link-seta svg{width:18px;height:18px;transition:transform .25s var(--ease)}
.link-seta:hover svg{transform:translateX(5px)}

/* ---------- Header ---------- */
.topo{position:sticky;top:0;z-index:50;background:rgba(22,9,1,.86);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);color:var(--marfim);border-bottom:1px solid transparent;transition:border-color .3s,background .3s}
.topo.rolou{border-bottom-color:var(--linha-escura);background:rgba(22,9,1,.94)}
.topo .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:76px}
.marca{display:flex;align-items:center;gap:12px;color:var(--marfim);text-decoration:none}
.marca:hover{color:var(--marfim)}
.marca{color:var(--logo);line-height:0}
.marca:hover{color:var(--texto-claro)}
.marca svg{height:40px;width:auto;display:block}
.marca .nome{display:flex;flex-direction:column;line-height:1}
.marca .nome b{font-family:var(--fonte-titulo);font-weight:600;font-size:27px;letter-spacing:-.02em}
.marca .nome small{font-size:10.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--salvia);margin-top:4px}
.menu{display:flex;align-items:center;gap:6px}
.menu>a,.menu .drop>button{color:var(--marfim);text-decoration:none;font-weight:600;font-size:15px;padding:10px 14px;border-radius:999px;background:none;border:0;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.menu>a:hover,.menu .drop>button:hover,.menu>a[aria-current="page"]{background:rgba(244,240,232,.08);color:var(--marfim)}
.menu .drop{position:relative}
.menu .drop svg{width:14px;height:14px;transition:transform .2s}
.menu .drop[data-aberto="true"] svg{transform:rotate(180deg)}
.sub{position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%) translateY(6px);background:var(--papel);color:var(--tinta);border-radius:20px;box-shadow:var(--sombra);padding:10px;min-width:330px;display:grid;gap:2px;opacity:0;visibility:hidden;transition:opacity .2s,transform .2s,visibility .2s}
.drop[data-aberto="true"] .sub{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.sub a{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:14px;text-decoration:none;color:var(--tinta)}
.sub a:hover{background:var(--areia);color:var(--tinta)}
.sub a b{display:block;font-size:15px}
.sub a span{font-size:13px;color:var(--tinta-2);line-height:1.4}
.sub .ico{width:36px;height:36px;border-radius:10px;background:var(--cafe);color:var(--cobre);display:grid;place-items:center;flex:none}
.sub .ico svg{width:18px;height:18px}
.topo .btn{min-height:46px;font-size:15px;padding:0 20px}
.burger{display:none;width:46px;height:46px;border-radius:12px;border:1px solid var(--linha-escura);background:none;color:var(--marfim);cursor:pointer;align-items:center;justify-content:center}
.burger svg{width:22px;height:22px}
.gaveta{display:none}

/* ---------- WhatsApp flutuante ---------- */
.zap{position:fixed;right:20px;bottom:20px;z-index:60;width:62px;height:62px;border-radius:50%;background:#25D366;color:#0b2b17;display:grid;place-items:center;box-shadow:0 14px 30px -8px rgba(0,0,0,.45);transition:transform .25s var(--ease)}
.zap:hover{transform:scale(1.07);color:#0b2b17}
.zap svg{width:30px;height:30px}
.zap::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid #25D366;animation:onda 2.4s var(--ease) infinite}
@keyframes onda{0%{transform:scale(1);opacity:.8}100%{transform:scale(1.6);opacity:0}}

/* ---------- Hero ---------- */
.hero{background:var(--cafe);color:var(--marfim);position:relative;overflow:hidden;padding:clamp(48px,7vw,96px) 0 clamp(72px,9vw,120px)}
.hero::before{content:"";position:absolute;width:900px;height:900px;right:-300px;top:-380px;background:radial-gradient(closest-side,rgba(201,169,133,.22),transparent);pointer-events:none}
.hero::after{content:"";position:absolute;width:700px;height:700px;left:-320px;bottom:-420px;background:radial-gradient(closest-side,rgba(140,203,152,.13),transparent);pointer-events:none}
.hero .g2{position:relative;z-index:1;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)}
.hero h1 .dest{color:var(--cobre)}
.selos{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:8px}
.selos span{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:rgba(244,240,232,.82)}
.selos svg{width:18px;height:18px;color:var(--salvia);flex:none}
.hero-pag{padding:clamp(48px,6vw,80px) 0 clamp(64px,8vw,104px)}
.hero-pag h1{font-size:clamp(40px,5.6vw,72px)}
.migalha{display:flex;gap:8px;font-size:14px;color:rgba(244,240,232,.6);margin-bottom:22px;flex-wrap:wrap}
.migalha a{color:rgba(244,240,232,.8);text-decoration:none}
.migalha a:hover{color:var(--cobre)}

/* Venn animado */
.venn{position:relative;width:100%;max-width:520px;aspect-ratio:1;margin:0 auto}
.venn svg{width:100%;height:100%;overflow:visible}
.venn .c{fill:none;stroke-width:2.2;transform-box:fill-box;transform-origin:center}
.venn .c1{stroke:var(--cobre);fill:rgba(201,169,133,.08);animation:c1 1.4s var(--ease) both .2s}
.venn .c2{stroke:var(--caramelo);fill:rgba(166,133,104,.08);animation:c2 1.4s var(--ease) both .35s}
.venn .c3{stroke:var(--logo);fill:rgba(223,221,206,.05);animation:c3 1.4s var(--ease) both .5s}
@keyframes c1{from{transform:translateY(-60px) scale(.7);opacity:0}}
@keyframes c2{from{transform:translate(-60px,40px) scale(.7);opacity:0}}
@keyframes c3{from{transform:translate(60px,40px) scale(.7);opacity:0}}
.venn .nucleo{fill:var(--cobre);transform-box:fill-box;transform-origin:center;animation:nucleo 2.6s ease-in-out infinite 1.6s,aparece .6s var(--ease) both 1.4s}
.venn .halo{fill:none;stroke:var(--cobre);stroke-width:1.5;transform-box:fill-box;transform-origin:center;animation:halo 2.6s ease-out infinite 1.6s;opacity:0}
@keyframes nucleo{0%,100%{transform:scale(1)}50%{transform:scale(1.18)}}
@keyframes halo{0%{transform:scale(1);opacity:.9}100%{transform:scale(3.4);opacity:0}}
@keyframes aparece{from{opacity:0;transform:scale(0)}}
.venn .rot{font-family:var(--fonte-titulo);font-size:21px;font-style:normal;fill:var(--marfim);animation:aparece .8s var(--ease) both 1.1s}
.venn .rot small,.venn .sub-rot{font-family:var(--fonte-texto);font-style:normal;font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:700}
.venn .sub-rot{fill:rgba(244,240,232,.6);animation:aparece .8s var(--ease) both 1.2s}
.venn .rot-nucleo{font-family:var(--fonte-texto);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;fill:var(--cobre);animation:aparece .8s var(--ease) both 1.7s}

/* cartões flutuantes do hero */
.flutua{position:absolute;background:var(--papel);color:var(--tinta);border-radius:18px;padding:12px 16px;box-shadow:0 22px 50px -18px rgba(0,0,0,.6);display:flex;align-items:center;gap:12px;font-size:14px;line-height:1.3;animation:sobe 1s var(--ease) both,boia 6s ease-in-out infinite}
.flutua b{display:block;font-size:14px}
.flutua span{color:var(--tinta-2);font-size:13px}
.flutua .bol{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;flex:none}
.flutua .bol svg{width:20px;height:20px}
.f1{left:-10%;top:40%;animation-delay:1.8s,2.8s}
.f2{right:-6%;bottom:-3%;animation-delay:2.2s,3.2s}
@keyframes sobe{from{opacity:0;transform:translateY(24px)}}
@keyframes boia{0%,100%{translate:0 0}50%{translate:0 -10px}}

/* ---------- Faixa de especialidades ---------- */
.faixa{background:var(--cobre);color:var(--cafe);overflow:hidden;padding:18px 0;border-top:1px solid rgba(22,9,1,.15)}
.faixa .trilho{display:flex;gap:44px;width:max-content;animation:corre 42s linear infinite;font-family:var(--fonte-titulo);font-size:26px;font-style:normal;white-space:nowrap}
.faixa .trilho span{display:inline-flex;align-items:center;gap:44px}
.faixa .trilho span::after{content:"";width:14px;height:14px;border-radius:50%;border:2px solid var(--cafe)}
@keyframes corre{to{transform:translateX(-50%)}}

/* ---------- Cartões ---------- */
.card{background:var(--papel);border:1px solid var(--linha-clara);border-radius:var(--raio);padding:30px;display:flex;flex-direction:column;gap:14px;transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s}
.card:hover{transform:translateY(-4px);box-shadow:var(--sombra);border-color:transparent}
.escuro .card,.mogno .card{background:rgba(244,240,232,.04);border-color:var(--linha-escura);color:var(--marfim)}
.escuro .card:hover,.mogno .card:hover{background:rgba(244,240,232,.07)}
.card p{color:var(--tinta-2)}
.escuro .card p,.mogno .card p{color:rgba(244,240,232,.75)}
.ico-q{width:52px;height:52px;border-radius:16px;background:var(--cafe);color:var(--cobre);display:grid;place-items:center;flex:none}
.ico-q svg{width:26px;height:26px}
.escuro .ico-q,.mogno .ico-q{background:rgba(201,169,133,.14)}

/* Dor → solução (cartão vira) */
.dor{position:relative;border-radius:var(--raio);min-height:250px;perspective:1200px}
.dor .lado{position:absolute;inset:0;border-radius:var(--raio);padding:30px;display:flex;flex-direction:column;justify-content:space-between;gap:16px;backface-visibility:hidden;transition:transform .7s var(--ease)}
.dor .frente{background:var(--papel);border:1px solid var(--linha-clara)}
.dor .verso{background:var(--cafe);color:var(--marfim);transform:rotateY(180deg)}
.dor:hover .frente,.dor:focus-within .frente,.dor.virada .frente{transform:rotateY(-180deg)}
.dor:hover .verso,.dor:focus-within .verso,.dor.virada .verso{transform:rotateY(0)}
.dor q{font-family:var(--fonte-titulo);font-size:25px;line-height:1.2;font-style:normal;quotes:"“" "”"}
.dor .dica{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--cobre-esc)}
.dor .verso .dica{color:var(--salvia)}
.dor .verso p{color:rgba(244,240,232,.85);font-size:17px}
.dor button{all:unset;position:absolute;inset:0;border-radius:var(--raio);cursor:pointer;z-index:2}
.dor button:focus-visible{outline:3px solid var(--cobre);outline-offset:3px}

/* Método: trilha */
.trilha{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;position:relative}
.trilha::before{content:"";position:absolute;top:44px;left:12%;right:12%;height:2px;background:repeating-linear-gradient(90deg,var(--linha-escura) 0 10px,transparent 10px 18px)}
.trilha .tracado{position:absolute;top:44px;left:12%;height:2px;background:var(--cobre);width:0;transition:width 1.8s var(--ease) .3s}
.trilha.visivel .tracado{width:76%}
.passo{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:0 10px}
.passo .num{width:88px;height:88px;border-radius:50%;display:grid;place-items:center;font-family:var(--fonte-titulo);font-size:34px;font-style:normal;background:var(--cafe);border:2px solid currentColor;position:relative;z-index:1}
.passo:nth-child(2) .num{color:var(--cobre)}
.passo:nth-child(3) .num{color:var(--salvia)}
.passo:nth-child(4) .num{color:var(--marfim)}
.passo h3{color:var(--marfim)}
.passo .verbo{font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:rgba(244,240,232,.6)}
.passo p{color:rgba(244,240,232,.75);max-width:30ch}
.chegada{margin-top:48px;display:flex;align-items:center;justify-content:center;gap:14px;text-align:center;flex-wrap:wrap}
.chegada .pill{display:inline-flex;align-items:center;gap:10px;background:var(--cobre);color:var(--cafe);font-weight:800;padding:12px 22px;border-radius:999px}
.chegada .pill svg{width:20px;height:20px}

/* Serviços (cartão grande) */
.servico{position:relative;overflow:hidden;background:var(--papel);border:1px solid var(--linha-clara);border-radius:28px;padding:34px;display:flex;flex-direction:column;gap:18px;text-decoration:none;color:var(--tinta);min-height:100%;transition:transform .4s var(--ease),box-shadow .4s var(--ease),background .4s}
.servico:hover{transform:translateY(-6px);box-shadow:var(--sombra);color:var(--tinta);background:#fff}
.servico .topo-s{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.servico .n{font-family:var(--fonte-titulo);font-style:normal;font-size:18px;color:var(--cobre-esc)}
.servico h3{font-size:clamp(26px,2.4vw,32px)}
.servico ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.servico li{display:flex;gap:10px;align-items:flex-start;font-size:15.5px;color:var(--tinta-2)}
.servico li svg{width:18px;height:18px;flex:none;margin-top:3px;color:var(--salvia-esc)}
.servico .rodape-s{margin-top:auto;padding-top:8px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--linha-clara)}
.servico .rodape-s .link-seta{color:var(--cafe);padding-top:14px}
.servico:hover .link-seta svg{transform:translateX(5px)}

/* Comparativo */
.tabela-box{overflow-x:auto;border-radius:28px;border:1px solid var(--linha-clara);background:var(--papel)}
.comparativo{width:100%;border-collapse:collapse;min-width:640px}
.comparativo th,.comparativo td{padding:20px 24px;text-align:left;vertical-align:top;border-bottom:1px solid var(--linha-clara);font-size:16px}
.comparativo thead th{font-family:var(--fonte-titulo);font-size:22px;font-weight:500;background:var(--areia)}
.comparativo thead th:last-child{background:var(--cafe);color:var(--marfim)}
.comparativo tbody th{font-weight:700;font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:var(--tinta-2);width:20%}
.comparativo td:nth-child(2){color:var(--tinta-2)}
.comparativo td:last-child{background:rgba(22,9,1,.035);font-weight:600}
.comparativo td .marca-ok,.comparativo td .marca-nao{display:inline-flex;gap:10px;align-items:flex-start}
.comparativo svg{width:18px;height:18px;flex:none;margin-top:3px}
.marca-ok svg{color:var(--salvia-esc)}
.marca-nao svg{color:#a24b3c}
.comparativo tr:last-child th,.comparativo tr:last-child td{border-bottom:0}

/* Pra quem é */
.lista-check{list-style:none;padding:0;margin:0;display:grid;gap:14px}
.lista-check li{display:flex;gap:12px;align-items:flex-start;font-size:17px}
.lista-check svg{width:22px;height:22px;flex:none;margin-top:2px}
.sim svg{color:var(--salvia-esc)}
.nao svg{color:#a24b3c}
.escuro .sim svg,.mogno .sim svg{color:var(--salvia)}
.escuro .nao svg,.mogno .nao svg{color:#f0a08a}
.bloco{border-radius:28px;padding:36px;display:flex;flex-direction:column;gap:22px}
.bloco.claro{background:var(--papel);border:1px solid var(--linha-clara)}
.bloco.tom{background:var(--cafe);color:var(--marfim)}

/* Chips de especialidade */
.chips{display:flex;flex-wrap:wrap;gap:10px}
.chips span{padding:10px 16px;border-radius:999px;border:1px solid var(--linha-clara);background:var(--papel);font-weight:600;font-size:15px;transition:background .2s,color .2s,transform .2s}
.chips span:hover{background:var(--cafe);color:var(--marfim);transform:translateY(-2px)}

/* Ética */
.etica{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.selo-cfm{display:inline-flex;align-items:center;gap:12px;padding:10px 18px 10px 10px;border-radius:999px;background:rgba(140,203,152,.14);color:var(--salvia);font-weight:700;font-size:14px}
.selo-cfm span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--salvia);color:var(--cafe)}
.selo-cfm svg{width:18px;height:18px}

/* Fundador */
.retrato{position:relative;border-radius:32px;overflow:hidden;aspect-ratio:4/5;background:linear-gradient(160deg,var(--terra),var(--cafe));max-width:460px;width:100%}
.retrato img{width:100%;height:100%;object-fit:cover}
.retrato .vazio{position:absolute;inset:0;display:grid;place-items:center;text-align:center;color:rgba(244,240,232,.6);font-size:14px;padding:24px}
.retrato .vazio img{width:90px;height:90px;margin:0 auto 12px;opacity:.6}
.retrato .etiqueta{position:absolute;left:16px;bottom:16px;right:16px;background:rgba(22,9,1,.82);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--marfim);border-radius:18px;padding:14px 18px;display:flex;flex-direction:column}
.retrato .etiqueta b{font-family:var(--fonte-titulo);font-size:22px;font-weight:500}
.retrato .etiqueta span{font-size:14px;color:var(--salvia)}
.tags{display:flex;flex-wrap:wrap;gap:8px}
.tags span{font-size:13px;font-weight:700;padding:8px 12px;border-radius:10px;background:var(--areia);color:var(--tinta)}

/* Cases (espaços) */
.case-vazio{border:2px dashed var(--linha-clara);border-radius:var(--raio);padding:28px;min-height:220px;display:flex;flex-direction:column;justify-content:space-between;gap:14px;background:rgba(252,250,246,.6)}
.case-vazio .pequeno{font-style:normal}
.case-real{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;border-radius:28px;overflow:hidden;background:var(--papel);border:1px solid var(--linha-clara)}
.case-real .info{padding:36px;display:flex;flex-direction:column;gap:16px}
.case-real .tela{background:var(--cafe);padding:28px;display:flex;align-items:center;justify-content:center}

/* FAQ */
.faq{display:grid;gap:12px}
.faq details{background:var(--papel);border:1px solid var(--linha-clara);border-radius:20px;padding:0 24px;transition:background .3s}
.faq details[open]{background:#fff}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 0;font-weight:700;font-size:18px}
.faq summary::-webkit-details-marker{display:none}
.faq summary .mais{width:34px;height:34px;border-radius:50%;background:var(--areia);display:grid;place-items:center;flex:none;transition:transform .3s var(--ease),background .3s}
.faq summary .mais svg{width:16px;height:16px}
.faq details[open] summary .mais{transform:rotate(45deg);background:var(--cobre)}
.faq details p{padding:0 0 22px;color:var(--tinta-2);max-width:70ch}

/* CTA final */
.cta-final{position:relative;overflow:hidden;background:var(--cafe);color:var(--marfim);border-radius:36px;padding:clamp(40px,6vw,80px);display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:40px;align-items:center}
.cta-final .aneis{position:absolute;right:-120px;top:50%;width:520px;transform:translateY(-50%);opacity:.5;pointer-events:none}
.cta-final .aneis circle{fill:none;stroke-width:1.5}
.cta-final>*{position:relative}

/* ---------- Mockups ---------- */
.tela-cel{width:100%;max-width:340px;margin:0 auto;background:#0e0602;border-radius:38px;padding:12px;box-shadow:0 40px 80px -30px rgba(0,0,0,.7);border:1px solid rgba(244,240,232,.08)}
.tela-cel .in{background:#efe6da;border-radius:28px;overflow:hidden;min-height:470px;display:flex;flex-direction:column}
.zap-topo{background:#1f3b2e;color:#fff;display:flex;align-items:center;gap:10px;padding:14px 16px}
.zap-topo .av{width:34px;height:34px;border-radius:50%;background:var(--cafe);display:grid;place-items:center}
.zap-topo .av img{width:24px;height:24px}
.zap-topo b{display:block;font-size:14px}
.zap-topo span{font-size:12px;opacity:.75}
.conversa{flex:1;padding:16px 12px;display:flex;flex-direction:column;gap:8px;font-size:14px;line-height:1.4}
.msg{max-width:82%;padding:9px 12px 18px;border-radius:12px;position:relative;box-shadow:0 1px 1px rgba(0,0,0,.08);opacity:0;transform:translateY(10px) scale(.98)}
.msg small{position:absolute;right:8px;bottom:3px;font-size:10.5px;color:rgba(0,0,0,.45)}
.msg.pac{align-self:flex-start;background:#fff;border-top-left-radius:4px}
.msg.sal{align-self:flex-end;background:#d7f5c7;border-top-right-radius:4px}
.msg.digit{align-self:flex-end;background:#d7f5c7;padding:12px 14px;display:flex;gap:4px}
.msg.digit i{width:7px;height:7px;border-radius:50%;background:rgba(0,0,0,.35);animation:pulo 1s infinite}
.msg.digit i:nth-child(2){animation-delay:.15s}.msg.digit i:nth-child(3){animation-delay:.3s}
@keyframes pulo{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
.msg.on{animation:msg .5s var(--ease) forwards}
@keyframes msg{to{opacity:1;transform:none}}
.ilustrativo{font-size:12px;color:rgba(244,240,232,.55);text-align:center;margin-top:14px;font-style:normal}
.claro-mock .ilustrativo,.papel .ilustrativo,.areia .ilustrativo{color:var(--tinta-2)}

/* painel (dashboard) */
.painel{background:var(--papel);color:var(--tinta);border-radius:24px;padding:22px;box-shadow:0 40px 80px -30px rgba(0,0,0,.6);width:100%;max-width:480px;margin:0 auto}
.painel .cab-p{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:13px;color:var(--tinta-2)}
.painel .cab-p b{color:var(--tinta);font-size:15px}
.kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:16px}
.kpi{background:var(--areia);border-radius:14px;padding:12px}
.kpi span{display:block;font-size:11.5px;color:var(--tinta-2);font-weight:600}
.kpi b{font-family:var(--fonte-titulo);font-size:24px;font-weight:500}
.barras{display:flex;align-items:flex-end;gap:8px;height:120px;padding:10px 4px 0;border-bottom:1px solid var(--linha-clara)}
.barras i{flex:1;background:var(--cafe);border-radius:8px 8px 3px 3px;height:var(--h);transform-origin:bottom;transform:scaleY(0);transition:transform 1s var(--ease)}
.barras i:nth-child(odd){background:var(--cobre)}
.visivel .barras i{transform:scaleY(1)}
.barras i:nth-child(2){transition-delay:.08s}.barras i:nth-child(3){transition-delay:.16s}.barras i:nth-child(4){transition-delay:.24s}.barras i:nth-child(5){transition-delay:.32s}.barras i:nth-child(6){transition-delay:.4s}.barras i:nth-child(7){transition-delay:.48s}.barras i:nth-child(8){transition-delay:.56s}
.origens{display:grid;gap:8px;margin-top:14px}
.origem{display:grid;grid-template-columns:110px 1fr;gap:10px;align-items:center;font-size:13px}
.origem .t{height:10px;border-radius:99px;background:var(--areia);overflow:hidden}
.origem .t i{display:block;height:100%;width:var(--w);background:var(--salvia-esc);border-radius:99px;transform-origin:left;transform:scaleX(0);transition:transform 1.2s var(--ease) .3s}
.visivel .origem .t i{transform:scaleX(1)}

/* mapa raio */
.mapa{position:relative;width:100%;max-width:460px;aspect-ratio:1;margin:0 auto;border-radius:32px;overflow:hidden;background:
  linear-gradient(rgba(244,240,232,.05) 1px,transparent 1px) 0 0/34px 34px,
  linear-gradient(90deg,rgba(244,240,232,.05) 1px,transparent 1px) 0 0/34px 34px,
  radial-gradient(circle at 50% 50%,#2B1407,var(--cafe) 70%);border:1px solid var(--linha-escura)}
.mapa .rua{position:absolute;background:rgba(244,240,232,.08)}
.mapa .raio{position:absolute;left:50%;top:50%;width:62%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);border:2px dashed rgba(201,169,133,.6);background:rgba(201,169,133,.08)}
.mapa .onda{position:absolute;left:50%;top:50%;width:62%;aspect-ratio:1;border-radius:50%;border:2px solid var(--cobre);transform:translate(-50%,-50%) scale(.2);opacity:0;animation:onda-mapa 3.2s ease-out infinite}
.mapa .onda:nth-of-type(2){animation-delay:1.06s}.mapa .onda:nth-of-type(3){animation-delay:2.12s}
@keyframes onda-mapa{0%{transform:translate(-50%,-50%) scale(.15);opacity:.9}100%{transform:translate(-50%,-50%) scale(1);opacity:0}}
.mapa .pino{position:absolute;left:50%;top:50%;transform:translate(-50%,-100%);width:44px;color:var(--cobre);filter:drop-shadow(0 8px 10px rgba(0,0,0,.4))}
.mapa .pessoa{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--salvia);box-shadow:0 0 0 4px rgba(140,203,152,.2);animation:pisca 3s ease-in-out infinite}
@keyframes pisca{0%,100%{opacity:.35}50%{opacity:1}}
.mapa .legenda{position:absolute;left:14px;bottom:14px;right:14px;background:rgba(252,250,246,.95);color:var(--tinta);border-radius:16px;padding:12px 14px;font-size:13px;display:flex;justify-content:space-between;gap:10px;align-items:center}
.mapa .legenda b{font-size:14px}

/* calendário editorial */
.cal{background:var(--papel);color:var(--tinta);border-radius:24px;padding:20px;box-shadow:0 40px 80px -30px rgba(0,0,0,.6);width:100%;max-width:500px;margin:0 auto}
.cal .dias{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.cal .dia{background:var(--areia);border-radius:12px;padding:10px 8px;min-height:120px;display:flex;flex-direction:column;gap:6px}
.cal .dia>b{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--tinta-2)}
.cal .post{border-radius:8px;padding:7px 8px;font-size:11.5px;font-weight:700;line-height:1.25;opacity:0;transform:translateY(8px);transition:opacity .5s var(--ease),transform .5s var(--ease)}
.visivel .cal .post{opacity:1;transform:none}
.post.reel{background:var(--cafe);color:var(--marfim)}
.post.carr{background:var(--cobre);color:var(--cafe)}
.post.story{background:var(--salvia);color:var(--cafe)}
.cal .ok{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:13px;font-weight:700;color:var(--salvia-esc)}
.cal .ok svg{width:18px;height:18px}

/* navegador (site) */
.nav-mock{background:var(--papel);border-radius:20px;overflow:hidden;box-shadow:0 40px 80px -30px rgba(0,0,0,.6);width:100%;max-width:520px;margin:0 auto}
.nav-mock .barra{display:flex;gap:8px;align-items:center;padding:12px 14px;background:var(--areia)}
.nav-mock .barra i{width:11px;height:11px;border-radius:50%;background:rgba(38,15,1,.2)}
.nav-mock .barra span{flex:1;margin-left:8px;background:var(--papel);border-radius:8px;padding:6px 12px;font-size:12px;color:var(--tinta-2);display:flex;align-items:center;gap:6px}
.nav-mock .barra span svg{width:12px;height:12px;color:var(--salvia-esc)}
.nav-mock .vp{height:340px;overflow:hidden;position:relative}
.nav-mock .rola{animation:rola 12s ease-in-out infinite alternate;padding:22px;display:flex;flex-direction:column;gap:14px}
@keyframes rola{0%,12%{transform:translateY(0)}88%,100%{transform:translateY(-46%)}}
.sk{background:var(--areia);border-radius:8px;height:12px}
.sk.t{height:26px;width:80%;background:var(--cafe)}
.sk.c{height:12px;width:60%;background:var(--cobre)}
.sk-btn{width:150px;height:36px;border-radius:99px;background:var(--cobre)}
.sk-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.sk-g div{height:84px;border-radius:12px;background:var(--areia)}
.sk-id{display:flex;gap:10px;align-items:center;background:var(--cafe);color:var(--marfim);border-radius:12px;padding:12px;font-size:12px}
.sk-id b{color:var(--cobre)}
.serp{background:var(--papel);border-radius:18px;padding:16px;box-shadow:var(--sombra);font-size:13px;display:grid;gap:4px;max-width:420px}
.serp .u{color:var(--salvia-esc);font-size:12px}
.serp .t{color:#2a4fa8;font-size:17px;font-weight:600}
.serp .d{color:var(--tinta-2)}

/* kanban CRM */
.kanban{background:var(--papel);color:var(--tinta);border-radius:24px;padding:18px;box-shadow:0 40px 80px -30px rgba(0,0,0,.6);width:100%;max-width:560px;margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.kanban .col{background:var(--areia);border-radius:14px;padding:10px;display:flex;flex-direction:column;gap:8px;min-height:230px}
.kanban .col>b{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--tinta-2);display:flex;justify-content:space-between}
.kanban .lead{background:var(--papel);border-radius:10px;padding:8px;font-size:12px;line-height:1.3;box-shadow:0 1px 2px rgba(0,0,0,.06)}
.kanban .lead span{display:block;color:var(--tinta-2);font-size:11px}
.kanban .lead.anda{animation:anda 6s var(--ease) infinite;position:relative;z-index:2;border:1px solid var(--cobre)}
@keyframes anda{0%,15%{transform:translateX(0)}35%,55%{transform:translateX(calc(100% + 30px))}75%,100%{transform:translateX(calc(200% + 60px))}}
.kanban .col.ok{background:rgba(78,138,91,.14)}

/* ---------- Página de serviço ---------- */
.entregas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.entrega{display:flex;gap:18px;align-items:flex-start;background:var(--papel);border:1px solid var(--linha-clara);border-radius:22px;padding:24px;transition:transform .3s var(--ease),box-shadow .3s}
.entrega:hover{transform:translateY(-3px);box-shadow:var(--sombra)}
.entrega h3{font-size:21px;margin-bottom:6px}
.entrega p{color:var(--tinta-2);font-size:16px}
.etapas{counter-reset:et;display:grid;gap:0;position:relative}
.etapa{display:grid;grid-template-columns:72px minmax(0,1fr);gap:24px;padding:26px 0;border-top:1px solid var(--linha-escura);align-items:start}
.etapa:last-child{border-bottom:1px solid var(--linha-escura)}
.etapa::before{counter-increment:et;content:counter(et,decimal-leading-zero);font-family:var(--fonte-titulo);font-style:normal;font-size:40px;line-height:1;color:var(--cobre)}
.etapa h3{font-size:24px;margin-bottom:8px}
.etapa p{color:rgba(244,240,232,.75)}
.ideal{display:flex;gap:16px;align-items:flex-start;background:var(--areia);border-radius:22px;padding:24px 26px}
.ideal svg{width:26px;height:26px;color:var(--cobre-esc);flex:none;margin-top:2px}
.outros{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.outro{display:flex;flex-direction:column;gap:10px;padding:24px;border-radius:22px;background:rgba(244,240,232,.05);border:1px solid var(--linha-escura);color:var(--marfim);text-decoration:none;transition:background .3s,transform .3s var(--ease)}
.outro:hover{background:rgba(244,240,232,.1);color:var(--marfim);transform:translateY(-3px)}
.outro b{font-family:var(--fonte-titulo);font-size:22px;font-weight:500}
.outro span{color:rgba(244,240,232,.7);font-size:15px}

/* ---------- Diagnóstico ---------- */
.oferta-hero .g2{align-items:start}
.recebe{display:grid;gap:14px}
.recebe li{list-style:none;display:flex;gap:14px;align-items:flex-start;background:rgba(244,240,232,.05);border:1px solid var(--linha-escura);border-radius:18px;padding:16px 18px}
.recebe{padding:0;margin:0}
.recebe .ico-q{width:44px;height:44px;border-radius:12px}
.recebe .ico-q svg{width:22px;height:22px}
.recebe b{display:block;font-size:16.5px}
.recebe span{color:rgba(244,240,232,.72);font-size:15px}
.valor{display:inline-flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.valor s{color:rgba(244,240,232,.5);font-size:18px}
.valor b{font-family:var(--fonte-titulo);font-size:44px;font-weight:500;color:var(--cobre);font-style:normal}

.form-diag{background:var(--papel);color:var(--tinta);border-radius:30px;padding:clamp(24px,3vw,36px);box-shadow:0 40px 90px -30px rgba(0,0,0,.7);position:sticky;top:100px}
.form-diag .pequeno,.form-diag .lgpd{color:var(--tinta-2)}
.form-diag a{color:var(--cobre-esc)}
.form-diag h2{font-size:30px;margin-bottom:6px}
.progresso{display:flex;gap:6px;margin:18px 0 22px}
.progresso i{flex:1;height:6px;border-radius:99px;background:var(--areia);overflow:hidden;position:relative}
.progresso i::after{content:"";position:absolute;inset:0;background:var(--cobre);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease)}
.progresso i.feito::after{transform:scaleX(1)}
.passo-form{display:none;flex-direction:column;gap:16px;animation:entra .45s var(--ease)}
.passo-form.ativo{display:flex}
@keyframes entra{from{opacity:0;transform:translateX(16px)}}
.passo-form legend,.passo-form .perg{font-family:var(--fonte-titulo);font-size:22px;font-weight:500;margin-bottom:4px;padding:0}
.passo-form fieldset{border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}
.opcoes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.opcao{position:relative}
.opcao input{position:absolute;opacity:0;inset:0;cursor:pointer;margin:0}
.opcao span{display:flex;align-items:center;gap:10px;min-height:54px;padding:12px 14px;border-radius:14px;border:1.5px solid var(--linha-clara);background:#fff;font-weight:600;font-size:15px;line-height:1.3;transition:border-color .2s,background .2s}
.opcao span::before{content:"";width:18px;height:18px;border-radius:50%;border:2px solid var(--linha-clara);flex:none;transition:all .2s}
.opcao input[type=checkbox]+span::before{border-radius:5px}
.opcao input:checked+span{border-color:var(--cafe);background:var(--areia)}
.opcao input:checked+span::before{background:var(--cobre);border-color:var(--cafe);box-shadow:inset 0 0 0 3px #fff}
.opcao input:focus-visible+span{outline:3px solid var(--cobre);outline-offset:2px}
.campo{display:flex;flex-direction:column;gap:6px}
.campo label{font-weight:700;font-size:14px}
.campo input,.campo select{font:inherit;font-size:16px;min-height:52px;padding:12px 14px;border-radius:14px;border:1.5px solid var(--linha-clara);background:#fff;color:var(--tinta)}
.campo input:focus,.campo select:focus{border-color:var(--cafe);outline:none;box-shadow:0 0 0 4px rgba(201,169,133,.25)}
.campo .erro{color:#a24b3c;font-size:13px;font-weight:600;display:none}
.campo.invalido input,.campo.invalido select{border-color:#a24b3c}
.campo.invalido .erro{display:block}
.acoes-form{display:flex;justify-content:space-between;gap:10px;margin-top:6px}
.acoes-form .btn{flex:1}
.voltar{background:none;border:0;color:var(--tinta-2);font-weight:700;cursor:pointer;padding:0 12px;min-height:54px}
.voltar:hover{color:var(--tinta)}
.lgpd{font-size:12.5px;color:var(--tinta-2);line-height:1.5;margin-top:4px}
.resumo{background:var(--areia);border-radius:16px;padding:16px;font-size:14px;display:grid;gap:4px}
.resumo b{font-weight:700}
.passos-diag{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;counter-reset:pd}
.passo-diag{background:var(--papel);border:1px solid var(--linha-clara);border-radius:24px;padding:28px;display:flex;flex-direction:column;gap:12px;position:relative}
.passo-diag::before{counter-increment:pd;content:counter(pd);width:46px;height:46px;border-radius:50%;background:var(--cafe);color:var(--cobre);display:grid;place-items:center;font-family:var(--fonte-titulo);font-style:normal;font-size:22px}
.garantias{display:flex;flex-wrap:wrap;gap:12px 28px}
.garantias span{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:15px}
.garantias svg{width:20px;height:20px;color:var(--salvia-esc)}
.escuro .garantias svg{color:var(--salvia)}

/* ---------- Rodapé ---------- */
.rodape{background:var(--cafe);color:var(--marfim);padding:80px 0 36px}
.rodape .colunas{display:grid;grid-template-columns:1.4fr repeat(3,minmax(0,1fr));gap:40px}
.rodape h4,.rodape-tit{font-family:var(--fonte-texto);font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--salvia);margin-bottom:16px;font-weight:800}
.rodape ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.rodape a{color:rgba(244,240,232,.82);text-decoration:none}
.rodape a:hover{color:var(--cobre)}
.rodape .base{margin-top:56px;padding-top:24px;border-top:1px solid var(--linha-escura);display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:13.5px;color:rgba(244,240,232,.6)}
.rodape .gigante{font-family:var(--fonte-titulo);font-size:clamp(80px,18vw,240px);line-height:.8;letter-spacing:-.04em;color:rgba(244,240,232,.06);margin-top:40px;user-select:none;white-space:nowrap;overflow:hidden}

/* ---------- Revelar ao rolar ---------- */
.js .rv{opacity:0;transform:translateY(28px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.js .rv.visivel{opacity:1;transform:none}
.js .rv[data-d="1"]{transition-delay:.08s}.js .rv[data-d="2"]{transition-delay:.16s}.js .rv[data-d="3"]{transition-delay:.24s}.js .rv[data-d="4"]{transition-delay:.32s}.js .rv[data-d="5"]{transition-delay:.4s}
.palavras .p{display:inline-block;opacity:0;transform:translateY(.4em);animation:palavra .8s var(--ease) forwards}
@keyframes palavra{to{opacity:1;transform:none}}

/* ---------- Responsivo ---------- */
@media (max-width:1080px){
  .menu{display:none}
  .burger{display:inline-flex}
  .topo .btn-cta-topo{display:none}
  .gaveta{display:block;position:fixed;inset:76px 0 0 0;background:var(--cafe);z-index:49;padding:24px 20px 40px;overflow-y:auto;transform:translateY(-8px);opacity:0;visibility:hidden;transition:opacity .25s,transform .25s,visibility .25s}
  .gaveta.aberta{opacity:1;visibility:visible;transform:none}
  .gaveta a{display:block;color:var(--marfim);text-decoration:none;font-family:var(--fonte-titulo);font-size:28px;padding:12px 0;border-bottom:1px solid var(--linha-escura)}
  .gaveta .sublista a{font-family:var(--fonte-texto);font-size:17px;padding:10px 0 10px 16px;color:rgba(244,240,232,.82)}
  .gaveta .btn{margin-top:24px;width:100%;font-family:var(--fonte-texto);font-size:16px;border-bottom:0}
  .g4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rodape .colunas{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .g2,.hero .g2{grid-template-columns:minmax(0,1fr);gap:48px}
  .g3,.etica,.outros,.passos-diag{grid-template-columns:minmax(0,1fr)}
  .trilha{grid-template-columns:minmax(0,1fr);gap:36px}
  .trilha::before,.trilha .tracado{display:none}
  .cta-final{grid-template-columns:minmax(0,1fr)}
  .entregas{grid-template-columns:minmax(0,1fr)}
  .case-real{grid-template-columns:minmax(0,1fr)}
  .form-diag{position:static}
  .f1{left:0;top:42%}.f2{right:0;bottom:-2%}
}
@media (max-width:600px){
  body{font-size:16px}
  .wrap{padding:0 16px}
  .g4{grid-template-columns:minmax(0,1fr)}
  .rodape .colunas{grid-template-columns:minmax(0,1fr)}
  .btn{width:100%;white-space:normal;text-align:center;line-height:1.25;padding:12px 22px}
  .linha .btn{width:100%}
  .topo .btn{width:auto}
  .opcoes{grid-template-columns:minmax(0,1fr)}
  .kanban{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kanban .lead.anda{animation:none}
  .cal .dias{grid-template-columns:repeat(3,minmax(0,1fr))}
  .cal .dia:nth-child(n+4){display:none}
  .flutua{font-size:13px;padding:10px 12px}
  .f1{top:-7%}.f2{bottom:-6%}
  .dor{min-height:270px}
  .marca svg{height:32px}
  .comparativo th,.comparativo td{padding:16px}
  .etapa{grid-template-columns:52px minmax(0,1fr);gap:16px}
  .etapa::before{font-size:32px}
  .zap{width:56px;height:56px;right:14px;bottom:14px}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}
  .js .rv{opacity:1;transform:none}
  .faixa .trilho{animation:none}
  .msg{opacity:1;transform:none}
}

/* perfil do Instagram (mock) */
.insta{background:var(--papel);color:var(--tinta);border-radius:28px;padding:22px;box-shadow:0 40px 80px -30px rgba(0,0,0,.6);width:100%;max-width:400px;margin:0 auto}
.insta .perfil{display:flex;gap:16px;align-items:center}
.insta .av{width:74px;height:74px;border-radius:50%;padding:3px;background:conic-gradient(var(--cobre),var(--salvia),var(--cobre));flex:none}
.insta .av span{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;background:var(--cafe);border:3px solid var(--papel)}
.insta .av img{width:38px;height:38px}
.insta .nums{display:flex;gap:18px;font-size:12px;color:var(--tinta-2);text-align:center}
.insta .nums b{display:block;font-size:16px;color:var(--tinta)}
.insta .bio{margin:14px 0;font-size:13px;line-height:1.45}
.insta .bio b{font-size:14px}
.insta .bio .id{display:inline-block;margin-top:4px;font-size:11.5px;font-weight:700;background:var(--areia);padding:3px 8px;border-radius:6px}
.insta .dest-ig{display:flex;gap:12px;margin-bottom:14px}
.insta .dest-ig span{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:10.5px;color:var(--tinta-2)}
.insta .dest-ig i{width:46px;height:46px;border-radius:50%;border:2px solid var(--areia);background:var(--areia);display:grid;place-items:center;color:var(--cobre-esc)}
.insta .dest-ig i svg{width:18px;height:18px}
.insta .grade{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;border-radius:12px;overflow:hidden}
.insta .grade i{aspect-ratio:4/5;background:var(--areia);display:flex;align-items:flex-end;padding:8px;font-style:normal;font-size:10px;font-weight:800;line-height:1.2;opacity:0;transform:scale(.92);transition:opacity .5s var(--ease),transform .5s var(--ease)}
.visivel .insta .grade i{opacity:1;transform:none}
.insta .grade i:nth-child(3n+1){background:var(--cafe);color:var(--marfim)}
.insta .grade i:nth-child(3n+2){background:var(--cobre);color:var(--cafe)}
.insta .grade i:nth-child(3n){background:var(--salvia);color:var(--cafe)}
.insta .grade i:nth-child(4){background:var(--areia);color:var(--tinta)}
.insta .grade i:nth-child(2){transition-delay:.08s}.insta .grade i:nth-child(3){transition-delay:.16s}.insta .grade i:nth-child(4){transition-delay:.24s}.insta .grade i:nth-child(5){transition-delay:.32s}.insta .grade i:nth-child(6){transition-delay:.4s}
.mock-pilha{position:relative}
.mock-pilha .serp{position:absolute;left:-6%;bottom:-8%;max-width:330px;animation:sobe 1s var(--ease) both 1s,boia 7s ease-in-out infinite 2s}
.serp .tag{display:inline-block;font-size:11px;font-weight:800;margin-right:6px;color:var(--tinta)}
@media (max-width:900px){.mock-pilha .serp{position:relative;left:auto;bottom:auto;margin:-30px auto 0;max-width:92%}}

/* H1 com palavra-chave + frase grande */
h1 .h1-rotulo{display:block;font-family:var(--fonte-texto);font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;line-height:1.4;color:var(--cobre);margin-bottom:22px}
h1 .h1-rotulo::before{content:"";display:inline-block;vertical-align:1px;margin-right:12px;width:10px;height:10px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px rgba(201,169,133,.22)}
h1 .h1-grande{display:block}

/* Guia (artigo) */
.artigo-grade{display:grid;grid-template-columns:260px minmax(0,1fr);gap:64px;align-items:start}
.sumario{position:sticky;top:100px;background:var(--papel);border:1px solid var(--linha-clara);border-radius:22px;padding:22px}
.sumario-tit{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--cobre-esc);margin-bottom:10px}
.sumario ol{margin:0;padding-left:20px;display:grid;gap:8px;font-size:14.5px}
.sumario ol a{color:var(--tinta);text-decoration:none}
.sumario ol a:hover{color:var(--cobre-esc);text-decoration:underline}
.artigo{max-width:760px;display:flex;flex-direction:column;gap:18px;font-size:17px;line-height:1.75}
.artigo h2{font-size:clamp(28px,3vw,38px);margin-top:36px;scroll-margin-top:100px}
.artigo h3{font-size:24px;margin-top:14px}
.artigo p a,.artigo li a{color:var(--cobre-esc);font-weight:600}
.resposta{background:var(--cafe);color:var(--texto-claro);border-radius:20px;padding:22px 24px;font-size:16.5px;line-height:1.65}
.resposta b{color:var(--cobre)}
.lista-num{margin:0;padding-left:22px;display:grid;gap:12px}
.comparativo.pode{min-width:560px}
.comparativo.pode thead th:first-child{background:rgba(78,138,91,.14)}
.comparativo.pode thead th:last-child{background:rgba(162,75,60,.12);color:var(--tinta)}
.comparativo.pode td{width:50%;font-weight:500;background:none}
@media (max-width:900px){.artigo-grade{grid-template-columns:minmax(0,1fr);gap:32px}.sumario{position:static}}