/* Kneip Advocacia — identidade da página (o motor fica em sites-incriveis.css) */

:root{
  --couro:#15110D; --couro-fundo:#120E0B; --mogno:#221A14; --mogno-2:#2C2219;
  --papel:#EFE6D4; --tinta:#1B1611; --marfim:#F4EFE6;
  --ouro:#C8A45A; --ouro-claro:#E2C987; --ouro-escuro:#9C7A36; --ouro-tinta:#7A5C24;
  --acento:var(--ouro); --suave:color-mix(in srgb, currentColor 64%, transparent);
  --f-titulo:"Cormorant Garamond", "Libre Caslon Display", Georgia, serif;
  --f-texto:"Manrope", system-ui, sans-serif;
  --f-assinatura:"Pinyon Script", "Snell Roundhand", cursive;
  --margem:clamp(20px, 6vw, 96px);
  --largura:1240px;
  --fx-fundo:#15110D; --fx-tinta:#F4EFE6;
}
.claro{ --acento:var(--ouro-tinta); }

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  background:var(--fx-fundo); color:var(--fx-tinta);
  font-family:var(--f-texto); font-size:16px; line-height:1.7;
  -webkit-font-smoothing:antialiased; overflow-x:hidden; position:relative;
}
img{display:block;max-width:100%}
a{color:inherit}
::selection{background:var(--ouro);color:var(--couro)}
:focus-visible{outline:2px solid var(--ouro);outline-offset:4px}

.pular{position:absolute;left:16px;top:-60px;z-index:100;background:var(--ouro);color:var(--couro);padding:10px 16px;font-weight:600;text-decoration:none;border-radius:2px}
.pular:focus{top:16px}

/* ---------- tipografia comum ---------- */
.rotulo{font-weight:600;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--acento);margin-bottom:20px}
.titulo-2{font-family:var(--f-titulo);font-weight:600;font-size:clamp(36px,4.4vw,58px);line-height:1.06;letter-spacing:-.01em}
.texto-suave{color:var(--suave);font-size:17px;max-width:46ch}

/* ---------- botões e links ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:52px;padding:0 28px;border-radius:2px;font-family:var(--f-texto);font-weight:600;font-size:15px;letter-spacing:.03em;text-decoration:none;border:1px solid transparent;white-space:nowrap;position:relative;
  transition:background .25s,color .25s,border-color .25s,transform .25s,box-shadow .35s}
.btn svg{width:20px;height:20px;flex:none}
.btn-ouro{background:var(--ouro);color:var(--couro)}
.btn-ouro:hover{background:var(--ouro-claro);transform:translateY(-1px);box-shadow:0 10px 30px rgba(200,164,90,.28)}
.btn-ouro:active{background:var(--ouro-escuro);transform:none;box-shadow:none}
.btn-contorno{border-color:var(--ouro);color:var(--ouro)}
.btn-contorno:hover{background:rgba(200,164,90,.1);color:var(--ouro-claro);border-color:var(--ouro-claro)}
.btn-peq{height:40px;padding:0 16px;font-size:14px}
.btn-peq svg{width:18px;height:18px}
.btn-grande{height:64px;padding:0 40px;font-size:17px}
.link-seta{color:var(--acento);font-weight:600;font-size:15px;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px;display:inline-flex;gap:8px}
.link-seta span{transition:transform .25s}
.link-seta:hover span{transform:translateX(5px)}

/* ---------- topo ---------- */
.topo{position:fixed;inset:0 0 auto;height:76px;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 var(--margem);
  transition:background .4s,border-color .4s,transform .4s;border-bottom:1px solid transparent}
.topo.rolou{background:color-mix(in srgb, var(--fx-fundo) 84%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom-color:rgba(200,164,90,.16)}
.topo-marca{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ouro)}
.claro-topo .topo-marca{color:var(--ouro-tinta)}
.topo-balanca{width:34px;height:30px;stroke-width:9}
.topo-marca span{font-family:var(--f-titulo);font-weight:700;font-size:15px;letter-spacing:.16em;text-transform:uppercase;line-height:1.05}
.topo-nav{display:flex;gap:32px}
.topo-nav a{font-size:14px;font-weight:500;text-decoration:none;opacity:.78;transition:opacity .2s;position:relative}
.topo-nav a::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s}
.topo-nav a:hover{opacity:1}
.topo-nav a:hover::after{transform:scaleX(1)}

/* ---------- o fio de ouro ---------- */
#fio{position:absolute;top:0;left:0;z-index:1;pointer-events:none;overflow:visible}
/* seções sem camada própria: o fio passa por cima do papel e por baixo do conteúdo */
main > section{position:relative}
main > section > *{position:relative;z-index:2}
.fio-linha{fill:none;stroke:#C2A057;stroke-width:1.6;stroke-dasharray:9 6;stroke-linecap:round}
.furo{opacity:0;transition:opacity .4s}
.furo.on{opacity:1}
.furo circle:first-child{fill:none;stroke:#C2A057;stroke-width:1}
.furo circle:last-child{fill:#C2A057}
#agulha{opacity:0;transition:opacity .3s}
#agulha.on{opacity:1}
.agulha-corpo{stroke:#E9E2D2;stroke-width:1.7;stroke-linecap:round;fill:none}
.agulha-olho{fill:none;stroke:#E9E2D2;stroke-width:1}

/* ---------- 1 · abertura ---------- */
.abertura{min-height:100vh;min-height:100svh;display:grid;grid-template-rows:1fr auto;padding:120px var(--margem) 48px;max-width:calc(var(--largura) + 2*var(--margem));margin:0 auto}
.abertura-marca{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.abertura-balanca{width:clamp(96px,11vw,150px);height:auto;color:var(--ouro);stroke-width:4;margin-bottom:clamp(16px,2.4vw,28px);overflow:visible}
.abertura-nome{font-family:var(--f-titulo);font-weight:700;text-transform:uppercase;color:var(--ouro);font-size:clamp(54px,11.2vw,172px);line-height:.88;letter-spacing:.04em}
.abertura-nome .linha{display:block;white-space:nowrap}
.abertura-nome .letra{display:inline-block}
.abertura-dra{font-family:var(--f-titulo);font-style:italic;font-weight:500;font-size:clamp(22px,2.4vw,32px);margin-top:clamp(18px,2.4vw,28px);color:var(--marfim)}
.abertura-oab{font-family:var(--f-titulo);font-style:italic;font-weight:500;font-size:clamp(17px,1.6vw,21px);color:var(--ouro);margin-top:4px}
.abertura-rodape{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:32px;margin-top:48px}
.abertura-lead{font-size:16px;color:var(--suave);max-width:36ch}
.abertura-acoes{display:flex;flex-direction:column;align-items:center;gap:16px}
.abertura-local{justify-self:end;font-size:12px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--suave)}

/* entrada da abertura (só com movimento) */
.anima .abertura-balanca path,.anima .abertura-balanca circle{stroke-dasharray:1;stroke-dashoffset:1;animation:desenhar 1.3s cubic-bezier(.65,0,.35,1) forwards}
.anima .abertura-balanca path:nth-child(2){animation-delay:.1s}
.anima .abertura-balanca path:nth-child(3){animation-delay:.25s}
.anima .abertura-balanca path:nth-child(4),.anima .abertura-balanca path:nth-child(5){animation-delay:.45s}
.anima .abertura-balanca path:nth-child(6),.anima .abertura-balanca path:nth-child(7){animation-delay:.65s}
.anima .abertura-balanca path:nth-child(8){animation-delay:.2s}
@keyframes desenhar{to{stroke-dashoffset:0}}
.anima .abertura-nome .letra{opacity:0;transform:translateX(var(--dx,0));animation:ajustar 1.5s cubic-bezier(.16,1,.3,1) forwards;animation-delay:calc(.45s + var(--i,0) * 35ms)}
@keyframes ajustar{to{opacity:1;transform:none}}
.anima .abertura-dra,.anima .abertura-oab,.anima .abertura-rodape{opacity:0;animation:aparecer 1s ease forwards}
.anima .abertura-dra{animation-delay:1.25s}
.anima .abertura-oab{animation-delay:1.45s}
.anima .abertura-rodape{animation-delay:1.7s}
@keyframes aparecer{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

/* ---------- 2 · manifesto (papel) ---------- */
.manifesto{padding:20vh var(--margem)}
.pagina-livro{max-width:660px;margin:0 auto}
.manifesto-titulo{font-family:var(--f-titulo);font-weight:600;font-size:clamp(34px,4vw,52px);line-height:1.08;margin-bottom:48px}
.manifesto-texto{font-family:var(--f-titulo);font-weight:500;font-size:clamp(21px,1.8vw,24px);line-height:1.55;margin-bottom:20px}
.com-capitular::first-letter{font-family:var(--f-titulo);font-weight:700;float:left;font-size:5.1em;line-height:.78;padding:.06em .1em 0 0;color:var(--acento)}
.manifesto-citacao{margin-top:56px;padding:6px 0 6px 28px;border-left:1px solid var(--acento)}
.manifesto-citacao p{font-family:var(--f-titulo);font-style:italic;font-weight:500;font-size:clamp(24px,2.4vw,32px);line-height:1.3;color:var(--acento)}

/* ---------- 3 · atuação ---------- */
.atuacao{padding:18vh var(--margem) 16vh;max-width:calc(var(--largura) + 2*var(--margem));margin:0 auto}
.atuacao-cabeca{display:grid;grid-template-columns:1.2fr 1fr;column-gap:6vw;align-items:end;margin-bottom:clamp(56px,8vw,96px)}
.atuacao-cabeca .rotulo{grid-column:1/-1}
.volumes{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,72px)}
.volume{position:relative;perspective:1800px;min-height:440px}
.volume-pagina{position:relative;height:100%;background:var(--papel);color:var(--tinta);border-radius:3px;padding:clamp(32px,4vw,56px);display:flex;flex-direction:column;gap:16px;
  --acento:var(--ouro-tinta);box-shadow:0 30px 60px rgba(0,0,0,.45);transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s}
.volume.aberto:hover .volume-pagina{transform:translateY(-6px);box-shadow:0 40px 80px rgba(0,0,0,.55)}
.volume-num{font-size:12px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--ouro-tinta)}
.volume h3{font-family:var(--f-titulo);font-weight:600;font-size:clamp(32px,3.2vw,44px);line-height:1.05}
.volume-pagina > p:not(.volume-num){font-size:17px;color:#4A4036;max-width:38ch}
.volume-pagina .link-seta{margin-top:auto;padding-top:24px}
.volume-portas{position:absolute;inset:0;display:flex;pointer-events:none;transform-style:preserve-3d}
.porta{width:50%;height:100%;position:relative;backface-visibility:hidden;
  background:radial-gradient(120% 80% at 30% 20%, #33271D, #1D1611 70%);
  box-shadow:inset 0 0 0 12px rgba(0,0,0,.18),inset 0 0 0 13px rgba(200,164,90,.55),inset 0 0 0 18px transparent,inset 0 0 0 19px rgba(200,164,90,.25);
  transition:transform 1.7s cubic-bezier(.7,0,.2,1)}
.porta-esq{transform-origin:left center;border-radius:3px 0 0 3px}
.porta-dir{transform-origin:right center;border-radius:0 3px 3px 0}
.porta::after{content:"";position:absolute;top:0;bottom:0;width:1px;background:rgba(0,0,0,.5)}
.porta-esq::after{right:0}.porta-dir::after{left:0}
.porta-num{position:absolute;right:28px;top:50%;transform:translateY(-50%);font-family:var(--f-titulo);font-weight:700;font-size:clamp(56px,6vw,88px);color:var(--ouro);line-height:1}
.porta-titulo{position:absolute;left:28px;top:50%;transform:translateY(-50%);font-family:var(--f-titulo);font-weight:600;font-style:italic;font-size:clamp(22px,2.2vw,30px);line-height:1.1;color:var(--ouro)}
.volume.aberto .porta-esq{transform:rotateY(-104deg)}
.volume.aberto .porta-dir{transform:rotateY(104deg)}
.volume:nth-child(2) .porta{transition-delay:.18s}
.atuacao-pe{display:flex;justify-content:flex-end;margin-top:clamp(48px,6vw,72px)}

/* ---------- 4 · pico ---------- */
.pico{--p:var(--progresso,1);
  --luz:clamp(0, calc(var(--p) / .3), 1);
  --esc:clamp(0, calc((var(--p) - .08) / .42), 1)}
.pico .fx-palco{padding:76px var(--margem) 24px;background:radial-gradient(ellipse at 50% 45%, rgba(200,164,90,calc(.16 * var(--luz))), transparent 62%)}
.pico-grade{display:grid;justify-items:center;text-align:center;width:100%}
.pico-texto{max-width:960px}
.pico-titulo{margin-bottom:clamp(16px,2.4vw,28px)}
.assinatura{position:relative;width:fit-content;max-width:100%;font-family:var(--f-assinatura);font-size:clamp(28px,6vw,92px);white-space:nowrap;margin-inline:auto;line-height:1.35;color:var(--ouro);margin-bottom:clamp(16px,2.4vw,32px)}
.assinatura .tr{position:relative;display:inline-block;white-space:nowrap}
.assinatura .tr:nth-child(1){--e:clamp(0, calc(var(--esc) / .42), 1)}
.assinatura .tr:nth-child(2){--e:clamp(0, calc((var(--esc) - .42) / .36), 1)}
.assinatura .tr:nth-child(3){--e:clamp(0, calc((var(--esc) - .78) / .22), 1)}
.assinatura .tr > span{display:inline-block;padding:0 .1em;clip-path:inset(-25% calc((1 - var(--e)) * 100%) -35% -8%)}
.assinatura .tr::after{content:"";position:absolute;top:60%;left:calc(var(--e) * 100%);width:7px;height:7px;margin:-3px 0 0 -3px;border-radius:50%;background:var(--ouro-claro);
  box-shadow:0 0 14px 4px rgba(226,201,135,.55);opacity:clamp(0, calc(min(var(--e), 1 - var(--e)) * 30), 1)}
.selos{display:flex;justify-content:center;gap:20px;margin-bottom:clamp(20px,2.6vw,32px)}
.selo{width:112px;height:112px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--ouro);
  border:1.5px solid var(--ouro);box-shadow:inset 0 0 0 5px var(--couro-fundo),inset 0 0 0 6px rgba(200,164,90,.5);transform:rotate(-7deg)}
.selo + .selo{transform:rotate(5deg)}
.selo-sigla{font-size:11px;font-weight:600;letter-spacing:.18em}
.selo-num{font-family:var(--f-titulo);font-weight:600;font-size:22px;line-height:1}
.pico-frase{font-size:17px;color:var(--suave);max-width:46ch;margin:0 auto}

/* ---------- 5 · como funciona ---------- */
.passos{padding:18vh var(--margem) 12vh;max-width:calc(var(--largura) + 2*var(--margem));margin:0 auto}
.passos-cabeca{margin-bottom:clamp(56px,8vw,100px);max-width:640px}
.passos-lista{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,4vw,64px)}
.passo:nth-child(2){margin-top:140px}
.passo:nth-child(3){margin-top:280px}
.passo-num{position:relative;z-index:2;display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:var(--mogno);border:1px solid rgba(200,164,90,.7);
  font-family:var(--f-titulo);font-weight:600;font-size:30px;color:var(--ouro);margin-bottom:28px}
.passo h3{font-family:var(--f-titulo);font-weight:600;font-size:clamp(26px,2.3vw,32px);line-height:1.12;margin-bottom:12px;max-width:16ch}
.passo p{color:var(--suave);font-size:16px;max-width:32ch}

/* ---------- 6 · onde estamos (papel) ---------- */
.onde{padding:22vh var(--margem);overflow:hidden}
.onde-fundo{position:absolute;left:-2vw;top:16%;font-family:var(--f-titulo);font-style:italic;font-weight:600;font-size:21vw;line-height:1;white-space:nowrap;
  color:transparent;-webkit-text-stroke:1px rgba(27,22,17,.13);pointer-events:none;user-select:none}
.onde-conteudo{position:relative;max-width:720px;margin-left:auto}
.onde-bairro{font-family:var(--f-titulo);font-weight:600;font-size:clamp(52px,8vw,124px);line-height:.95;letter-spacing:-.015em}
.onde-bairro em{display:block;font-style:italic;font-weight:500;color:var(--acento)}
.alfinete{display:inline-block;position:relative;width:.24em;height:.62em;margin-right:.2em;vertical-align:.04em}
.alfinete span{position:absolute;left:50%;top:0;width:.2em;height:.2em;margin-left:-.1em;border-radius:50%;background:radial-gradient(circle at 35% 35%, #E2C987, #9C7A36)}
.alfinete::after{content:"";position:absolute;left:50%;top:.18em;width:1.5px;height:.46em;margin-left:-.75px;background:linear-gradient(#8E8678,#5A5348)}
.onde-endereco{font-style:normal;font-size:18px;line-height:1.6;color:var(--suave);margin:36px 0 20px}

/* ---------- 7 · fechamento ---------- */
.fecho{padding:0 var(--margem)}
.fecho-conteudo{min-height:88vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:16vh 0 10vh}
.fecho-balanca{width:60px;height:52px;color:var(--ouro);stroke-width:6;margin-bottom:28px}
.fecho-titulo{font-family:var(--f-titulo);font-weight:600;font-size:clamp(46px,7vw,106px);line-height:1;letter-spacing:-.015em;max-width:12ch}
.fecho-texto{font-size:18px;color:var(--suave);max-width:50ch;margin:28px 0 44px}
.fecho-acao{display:flex;flex-direction:column;align-items:center;gap:18px}
.fecho-numero{font-family:var(--f-titulo);font-style:italic;font-weight:500;font-size:26px;color:var(--ouro);text-decoration:none;border-bottom:1px solid rgba(200,164,90,.4);transition:border-color .2s}
.fecho-numero:hover{border-color:var(--ouro)}
.no{position:absolute;left:-7px;top:50%;width:14px;height:14px;margin-top:-7px;border-radius:50%;background:var(--ouro-claro);transform:scale(0);transition:transform .5s cubic-bezier(.34,1.56,.64,1)}
.no::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:1px solid var(--ouro);opacity:0}
#cta-final.atado .no{transform:scale(1)}
#cta-final.atado .no::after{animation:anel 1.6s ease-out .2s 2}
#cta-final.atado{box-shadow:0 0 0 1px rgba(226,201,135,.6),0 14px 50px rgba(200,164,90,.35)}
@keyframes anel{from{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(2.4)}}

.rodape{max-width:var(--largura);margin:0 auto;border-top:1px solid rgba(200,164,90,.22);padding:44px 0 36px;display:grid;grid-template-columns:auto 1fr;gap:20px 48px;font-size:14px;color:var(--suave)}
.rodape-marca{display:flex;align-items:center;gap:14px}
.rodape-marca svg{width:40px;height:34px;color:var(--ouro);stroke-width:8;flex:none}
.rodape-marca strong{display:block;font-family:var(--f-titulo);font-weight:700;font-size:17px;letter-spacing:.14em;text-transform:uppercase;color:var(--ouro)}
.rodape-endereco{align-self:center;justify-self:end;text-align:right}
.rodape-links{display:flex;gap:28px}
.rodape-links a{text-decoration:none;border-bottom:1px solid rgba(167,156,140,.4)}
.rodape-links a:hover{color:var(--ouro);border-color:var(--ouro)}
.rodape-legal{justify-self:end;font-size:13px}

/* ---------- WhatsApp flutuante ---------- */
.whats-flutuante{position:fixed;right:24px;bottom:24px;z-index:60;width:56px;height:56px;border-radius:50%;background:#25D366;color:#fff;display:grid;place-items:center;
  box-shadow:0 10px 30px rgba(0,0,0,.45);transform:translateY(120px) scale(.8);opacity:0;transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .4s}
.whats-flutuante svg{width:28px;height:28px}
.whats-flutuante.on{transform:none;opacity:1}
.whats-flutuante:hover{transform:scale(1.06)}

/* ---------- tecido de alfaiataria (espinha de peixe) e grão, sobre tudo ---------- */
.tecido{position:fixed;inset:0;z-index:89;pointer-events:none;opacity:.16;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='1' d='M0 6L12 0M0 12L12 6M0 18L12 12M0 24L12 18M12 0L24 6M12 6L24 12M12 12L24 18M12 18L24 24'/%3E%3Cpath fill='none' stroke='%23000' stroke-width='1' transform='translate(0 1.5)' d='M0 6L12 0M0 12L12 6M0 18L12 12M0 24L12 18M12 0L24 6M12 6L24 12M12 12L24 18M12 18L24 24'/%3E%3C/svg%3E")}
.grao{position:fixed;inset:0;z-index:90;pointer-events:none;opacity:.06;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)'/%3E%3C/svg%3E")}

/* ---------- movimento reduzido ---------- */
.fx-reduzido .volume-portas{display:none}
.fx-reduzido .pico .fx-palco{min-height:100vh;padding:120px var(--margem)}
.fx-reduzido #agulha{display:none}
.fx-reduzido .claro{color:var(--tinta)}
.fx-reduzido .claro::before{content:"";position:absolute;inset:0;background:var(--papel);z-index:0}

/* ---------- tablet ---------- */
@media (max-width:1024px){
  .topo-nav{display:none}
  .abertura-rodape{grid-template-columns:1fr;justify-items:center;text-align:center}
  .abertura-lead{order:2}
  .abertura-local{justify-self:center;order:3}
  .passo:nth-child(2){margin-top:90px}
  .passo:nth-child(3){margin-top:180px}
}

/* ---------- celular ---------- */
@media (max-width:760px){
  .topo{height:64px}
  .topo-marca span{font-size:13px}
  .abertura{padding:96px 20px 36px}
  .abertura-nome{font-size:clamp(40px,12.4vw,72px)}
  .abertura-rodape{gap:22px;margin-top:36px}
  .abertura-lead{font-size:15px}
  .claro{color:var(--tinta)}
  .claro::before{content:"";position:absolute;inset:0;background:var(--papel);z-index:0}
  .manifesto{padding:16vh 28px 14vh 36px}
  .atuacao{padding:14vh 20px 12vh 32px}
  .atuacao-cabeca{grid-template-columns:1fr;row-gap:20px}
  .volumes{grid-template-columns:1fr}
  .volume{min-height:380px}
  .atuacao-pe{justify-content:flex-start}
  .atuacao-pe .btn{width:100%;white-space:normal}
  .pico .fx-palco{padding:72px 24px 16px}
  .pico-titulo{font-size:28px;margin-bottom:8px}
  .assinatura{font-size:clamp(26px,8.6vw,44px);margin-bottom:12px;line-height:1.25}
  .selos{gap:14px;margin-bottom:14px}
  .selo{width:82px;height:82px}
  .selo-num{font-size:17px}
  .selo-sigla{font-size:10px}
  .pico-frase{font-size:14.5px;line-height:1.55}
  .pico .rotulo{margin-bottom:10px}
  .passos{padding:14vh 20px 14vh 32px}
  .passos-lista{grid-template-columns:1fr;gap:48px}
  .passo{display:grid;grid-template-columns:60px 1fr;column-gap:20px}
  .passo-num{grid-row:1/3;width:60px;height:60px;font-size:26px;margin:0}
  .passo h3{font-size:24px}
  .passo:nth-child(2),.passo:nth-child(3){margin-top:0}
  .onde{padding:16vh 20px 16vh 32px}
  .onde-fundo{font-size:34vw;top:8%}
  .onde-endereco{font-size:16px}
  .fecho{padding:0 20px}
  .fecho-texto{font-size:16px}
  .btn-grande{height:60px;padding:0 24px;font-size:16px;width:100%}
  .fecho-acao{width:100%}
  .rodape{grid-template-columns:1fr;text-align:left}
  .rodape-endereco,.rodape-legal{justify-self:start;text-align:left}
  .rodape-links{flex-wrap:wrap;gap:12px 24px}
  .whats-flutuante{right:16px;bottom:16px}
}