/* =========================================================
   Bernardo Jacques — Fisioterapia
   Sistema visual: grotesca neutra, fundo claro quente,
   seções escuras (#151310) e acento laranja (#FF5A1F).
   ========================================================= */

:root{
  --tinta:#1A1714;
  --tinta-2:#3D3831;
  --tinta-3:#4A443D;
  --tinta-4:#5C554D;
  --tinta-5:#7A7269;
  --fundo:#FAF8F5;
  --bege:#F2EEE8;
  --linha:#E8E2DA;
  --linha-2:#DCD5CB;
  --escuro:#151310;
  --escuro-2:#0F0E0C;
  --claro:#F7F4F0;
  --claro-2:#C9C2BA;
  --claro-3:#8A817A;
  --acento:#FF5A1F;
  --acento-esc:#E24A12;
  --acento-cl:#FF7A45;
  --acento-txt:#B33B10;
  --zap:#1FA855;
  --wrap:1180px;
}

*,*::before,*::after{box-sizing:border-box}

html{
  scroll-behavior:smooth;
  -webkit-text-size-adjust:100%;
  scroll-padding-top:76px;
}

body{
  margin:0;
  background:var(--fundo);
  color:var(--tinta);
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}

h1,h2,h3,p,ul,ol,figure,blockquote{margin:0}
ul,ol{padding:0;list-style:none}
img{display:block;max-width:100%}
button{font:inherit;color:inherit}

a{color:var(--acento-txt);text-decoration:none}
a:hover{color:var(--acento)}

:focus-visible{outline:3px solid var(--acento);outline-offset:3px}

.skip-link{
  position:absolute;left:-9999px;top:0;z-index:200;
  background:var(--acento);color:#fff;padding:12px 18px;
}
.skip-link:focus{left:8px;top:8px;color:#fff}

/* ---------- estrutura ---------- */

.wrap{max-width:var(--wrap);margin:0 auto;padding:0 18px}
.wrap--estreito{max-width:820px}
.wrap--centro{max-width:760px;text-align:center}

.sec{padding:clamp(56px,11vw,110px) 18px}
.sec--bleed{padding-left:0;padding-right:0}
.sec--bege{background:var(--bege)}
.sec--dark{background:var(--escuro);color:var(--claro)}

.sec h2{
  font-size:clamp(28px,6.5vw,44px);
  line-height:1.08;letter-spacing:-.03em;font-weight:700;
  max-width:22ch;text-wrap:balance;
}
.sec__lead{
  margin-top:18px;font-size:clamp(16px,4vw,18px);line-height:1.65;
  color:var(--tinta-4);max-width:58ch;text-wrap:pretty;
}
.sec__nota{margin-top:16px;font-size:14px;color:var(--claro-3);letter-spacing:.02em}
.sec__nota--claro{margin-top:22px;color:var(--tinta-5);max-width:62ch;text-wrap:pretty}

.eyebrow{
  font-size:11px;letter-spacing:.22em;text-transform:uppercase;
  color:var(--acento-txt);margin-bottom:14px;
}
.eyebrow--dark{color:var(--acento-cl)}

.mini-titulo{
  font-size:13px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--tinta-5);font-weight:700;
}
.mini-titulo--laranja{color:var(--acento-cl)}

.hint{
  margin-top:12px;display:flex;align-items:center;gap:9px;
  font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--acento-txt);
}

.lista-traco{display:flex;flex-direction:column;gap:10px;font-size:15px;line-height:1.55;color:var(--tinta-2)}
.lista-traco li{display:flex;gap:10px}
.lista-traco li::before{content:"—";color:var(--acento);flex:0 0 auto}

/* ---------- botões ---------- */

.btn{
  display:flex;align-items:center;justify-content:center;text-align:center;
  min-height:54px;padding:0 26px;
  font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  border:1px solid transparent;cursor:pointer;
  transition:background .2s ease,color .2s ease,border-color .2s ease;
}
.btn--inline{display:inline-flex}
.btn--espaco{margin-top:30px}
.btn--sm{min-height:46px;padding:0 20px;font-size:12px;letter-spacing:.09em}
.btn--xs{min-height:46px;padding:0 14px;font-size:11px}
.btn--lg{min-height:58px;font-size:14px;letter-spacing:.09em;padding:0 30px}
.btn--xl{min-height:60px;font-size:14px;letter-spacing:.09em;padding:0 40px}

.btn--primary{background:var(--acento);color:#fff}
.btn--primary:hover{background:var(--acento-esc);color:#fff}

.btn--dark{background:var(--escuro);color:#fff}
.btn--dark:hover{background:var(--acento);color:#fff}

.btn--ghost{border-color:rgba(255,255,255,.3);color:var(--claro);font-weight:400;letter-spacing:.06em}
.btn--ghost:hover{border-color:var(--acento-cl);color:var(--acento-cl)}

.btn--outline{border-color:var(--escuro);color:var(--escuro)}
.btn--outline:hover{background:var(--escuro);color:#fff}

/* ---------- header ---------- */

.header{
  position:sticky;top:0;z-index:90;
  background:rgba(21,19,16,.94);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(255,255,255,.09);
}
.header__inner{
  max-width:var(--wrap);margin:0 auto;padding:12px 18px;
  display:flex;align-items:center;justify-content:space-between;gap:14px;
}
.logo{display:flex;flex-direction:column;gap:3px;color:var(--claro);line-height:1}
.logo:hover{color:#fff}
.logo__nome{font-size:13px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.logo__sub{font-size:9px;letter-spacing:.24em;text-transform:uppercase;color:var(--acento-cl)}

.nav-desktop{display:none;align-items:center;gap:24px}
.nav-desktop a{font-size:13px;letter-spacing:.03em;color:#D8D2CB;white-space:nowrap}
.nav-desktop a:hover{color:var(--acento-cl)}
.nav-desktop .btn{color:#fff}

.nav-mobile{display:flex;align-items:center;gap:8px}

.burger{
  width:46px;height:46px;display:flex;flex-direction:column;
  justify-content:center;align-items:center;gap:5px;
  background:transparent;border:1px solid rgba(255,255,255,.24);cursor:pointer;
}
.burger span{width:20px;height:1.5px;background:var(--claro)}

@media (min-width:1040px){
  .nav-desktop{display:flex}
  .nav-mobile{display:none}
}

/* ---------- drawer ---------- */

.drawer{
  position:fixed;inset:0;z-index:120;background:var(--escuro);
  display:flex;flex-direction:column;
  padding:18px 20px calc(20px + env(safe-area-inset-bottom));
}
.drawer[hidden]{display:none}
.drawer__top{display:flex;justify-content:flex-end}
.drawer__close{
  width:46px;height:46px;background:transparent;
  border:1px solid rgba(255,255,255,.24);color:var(--claro);
  font-size:22px;line-height:1;cursor:pointer;
}
.drawer__nav{display:flex;flex-direction:column;margin-top:18px}
.drawer__nav a{
  color:var(--claro);font-size:26px;font-weight:700;letter-spacing:-.02em;
  padding:15px 0;border-bottom:1px solid rgba(255,255,255,.08);
}
.drawer__nav a:hover{color:var(--acento-cl)}
.drawer__cta{margin-top:auto;min-height:60px;font-size:14px;letter-spacing:.1em}
.drawer__info{text-align:center;color:var(--claro-3);font-size:12px;margin-top:14px}

/* ---------- hero ---------- */

.hero{background:var(--escuro);color:var(--claro);overflow:hidden}
.hero__grid{
  display:flex;flex-flow:row-reverse wrap;align-items:stretch;
  min-height:clamp(480px,80vh,760px);
}
.hero__fig{flex:1 1 420px;position:relative;min-height:clamp(300px,56vw,520px)}
.hero__fig img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:52% 42%}
.hero__fade{
  position:absolute;inset:0;
  background:linear-gradient(to top,rgba(21,19,16,.55),rgba(21,19,16,0) 42%);
}
.hero__texto{
  flex:1 1 460px;display:flex;flex-direction:column;justify-content:center;
  padding:clamp(34px,7vw,80px) clamp(18px,4vw,56px) clamp(40px,7vw,80px);
  padding-left:max(18px,calc((100vw - 1180px) / 2 + 18px));
  padding-right:max(18px,calc((100vw - 1180px) / 2 + 18px));
}
.hero__texto h1{
  font-size:clamp(34px,8.5vw,60px);line-height:1.04;
  letter-spacing:-.03em;font-weight:700;text-wrap:balance;
}
.hero__lead{
  margin-top:20px;font-size:clamp(16px,4.2vw,19px);line-height:1.6;
  color:var(--claro-2);max-width:46ch;text-wrap:pretty;
}
.hero__tags{
  margin-top:22px;display:flex;flex-wrap:wrap;gap:8px 16px;
  font-size:13px;letter-spacing:.03em;color:var(--claro-3);
}
.hero__tags .sep{color:var(--acento-cl)}
.hero__ctas{margin-top:30px;display:flex;flex-wrap:wrap;gap:12px}
.hero__ctas .btn{flex:1 1 220px}

/* ---------- faixa ---------- */

.faixa{background:var(--escuro-2);color:var(--claro-2);border-top:1px solid rgba(255,255,255,.07)}
.faixa__lista{
  max-width:var(--wrap);margin:0 auto;padding:22px 18px;
  display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  font-size:13px;letter-spacing:.02em;
}
.faixa__lista li{display:flex;flex-direction:column;gap:4px}
.faixa__lista strong{color:var(--claro);font-size:15px}

/* ---------- carrosséis ---------- */

.row{
  display:flex;gap:14px;overflow-x:auto;
  scroll-snap-type:x mandatory;
  scroll-padding-inline:18px;
  padding:0 18px 8px;
  scrollbar-width:none;-ms-overflow-style:none;
}
.row::-webkit-scrollbar{height:0}
.row--videos{margin-top:clamp(28px,5vw,44px)}
.row--deps{margin-top:clamp(24px,4vw,36px);align-items:flex-start;gap:16px}

/* vídeos */
.video-card{
  flex:0 0 min(78vw,300px);scroll-snap-align:start;
  position:relative;background:#1F1C18;aspect-ratio:9/16;
}
.video-play{
  position:absolute;inset:0;width:100%;height:100%;
  padding:0;border:0;background:none;cursor:pointer;display:block;
}
.video-play img{width:100%;height:100%;object-fit:cover;opacity:.82;transition:opacity .2s ease}
.video-play:hover img{opacity:1}
.video-play__icon{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:62px;height:62px;border-radius:50%;background:rgba(255,90,31,.92);
  display:flex;align-items:center;justify-content:center;
  color:#fff;font-size:20px;padding-left:4px;transition:transform .2s ease;
}
.video-play:hover .video-play__icon{transform:translate(-50%,-50%) scale(1.06)}
.video-card__caption{
  position:absolute;left:0;right:0;bottom:0;padding:16px 16px 14px;text-align:left;
  background:linear-gradient(to top,rgba(10,9,8,.92),rgba(10,9,8,0));
}
.video-card__caption .eyebrow{display:block;font-size:9px;letter-spacing:.2em;margin-bottom:6px}
.video-card__title{display:block;font-size:15px;font-weight:700;color:var(--claro)}
.video-card iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* depoimentos */
.dep__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px 48px}
.dep__head h2{flex:1 1 420px;max-width:24ch}
.dep__head > div{flex:1 1 340px;max-width:52ch}
.dep__head .sec__lead{margin-top:0;font-size:15px;line-height:1.6}

.dep-card{
  flex:0 0 min(80vw,320px);scroll-snap-align:center;
  background:#fff;border:1px solid var(--linha);padding:12px 12px 0;
}
.dep-card img{width:100%;height:auto}
.dep-card__foot{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:14px 6px 16px;
}
.dep-card__meta{display:flex;flex-direction:column;gap:3px}
.dep-card__nome{font-size:14px;font-weight:700}
.dep-card__ctx{font-size:12px;color:var(--tinta-5)}
.tag{
  flex:0 0 auto;font-size:9px;letter-spacing:.18em;text-transform:uppercase;
  color:var(--acento-txt);border:1px solid #E8D6CB;padding:6px 9px;
}

/* ---------- cards de tratamento ---------- */

.row--cards{margin-top:clamp(26px,4vw,40px);align-items:stretch;gap:clamp(16px,2.4vw,24px)}
.card{
  flex:0 0 min(84vw,340px);scroll-snap-align:start;
  display:flex;flex-direction:column;background:#fff;border:1px solid var(--linha);
}
.hint--so-mobile{display:flex}
@media (min-width:1180px){
  .hint--so-mobile{display:none}
  .row--cards{justify-content:center}
}
.card > img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover}
.card__body{padding:26px 22px 24px;display:flex;flex-direction:column;flex:1;gap:14px}
.card__body h3{font-size:21px;letter-spacing:-.01em;font-weight:700}
.card__body > p{font-size:15px;line-height:1.65;color:var(--tinta-4);text-wrap:pretty}
.card__body .lista-traco{font-size:14px}
.card__body .btn{margin-top:auto}

/* ---------- metodologia ---------- */

.metodo__grid{
  margin-top:clamp(32px,6vw,56px);
  display:grid;gap:clamp(20px,4vw,40px);
  grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start;
}
.passos{display:flex;flex-direction:column;gap:2px}
.passo{display:flex;gap:18px;padding:20px 0;border-top:1px solid var(--linha-2)}
.passo:last-child{border-bottom:1px solid var(--linha-2)}
.passo__n{font-size:12px;font-weight:700;color:var(--acento);letter-spacing:.1em;padding-top:4px}
.passo h3{font-size:17px;font-weight:700;margin-bottom:6px}
.passo p{font-size:15px;line-height:1.6;color:var(--tinta-4);text-wrap:pretty}
.metodo__lado{display:flex;flex-direction:column;gap:18px}
.metodo__lado img{width:100%;height:auto}
.nota-escura{background:var(--escuro);color:var(--claro-2);padding:26px 24px}
.nota-escura p{font-size:15px;line-height:1.65;text-wrap:pretty}
.nota-escura strong{color:var(--claro)}

/* ---------- resultados ---------- */

.res__grid{
  margin-top:clamp(28px,5vw,44px);
  display:grid;gap:clamp(18px,3vw,32px);
  grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start;
}
.res__col{width:100%;max-width:380px;margin:0 auto}
.comparador{
  position:relative;width:100%;
  aspect-ratio:1/2;background:var(--linha);overflow:hidden;
  touch-action:pan-y;
}
.comparador img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.comparador__clip{position:absolute;inset:0;overflow:hidden;clip-path:inset(0 50% 0 0)}
.comparador__linha{
  position:absolute;top:0;bottom:0;width:2px;background:var(--fundo);
  left:50%;transform:translateX(-1px);box-shadow:0 0 0 1px rgba(0,0,0,.15);
}
.comparador__alca{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:56px;height:56px;border-radius:50%;background:var(--fundo);
  box-shadow:0 6px 18px rgba(15,14,12,.35);
  display:flex;align-items:center;justify-content:center;
  color:var(--escuro);font-size:15px;font-weight:700;letter-spacing:-.05em;
}
.comparador__dica{
  position:absolute;left:50%;bottom:14px;transform:translateX(-50%);
  background:rgba(21,19,16,.82);color:var(--claro);
  font-size:11px;letter-spacing:.1em;text-transform:uppercase;
  padding:9px 14px;white-space:nowrap;
}
.badge{
  position:absolute;top:14px;font-size:10px;letter-spacing:.16em;
  text-transform:uppercase;padding:7px 11px;
}
.badge--antes{left:14px;background:rgba(21,19,16,.82);color:var(--claro)}
.badge--depois{right:14px;background:rgba(255,90,31,.92);color:#fff}

.comparador__range{
  position:absolute;inset:0;width:100%;height:100%;margin:0;
  -webkit-appearance:none;appearance:none;background:transparent;cursor:ew-resize;
}
.comparador__range::-webkit-slider-thumb{
  -webkit-appearance:none;width:56px;height:100vh;background:transparent;cursor:ew-resize;
}
.comparador__range::-moz-range-thumb{
  width:56px;height:600px;border:0;background:transparent;cursor:ew-resize;
}

.res__legenda{margin-top:16px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.res__legenda p{font-size:13px;color:var(--tinta-5);letter-spacing:.02em}
.contador{flex:0 0 auto;font-size:12px;letter-spacing:.1em;color:var(--escuro)}
.contador span{color:#A79E93}

.thumbs{
  margin-top:12px;display:grid;
  grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:8px;
}
.thumb{
  padding:0;border:2px solid transparent;background:none;
  cursor:pointer;line-height:0;
}
.thumb img{width:100%;height:auto;aspect-ratio:1/2;object-fit:cover;object-position:50% 20%;background:var(--linha);opacity:.55}
.thumb.is-active{border-color:var(--acento)}
.thumb.is-active img{opacity:1}
.thumb:hover img{opacity:.85}

.res__lado{display:flex;flex-direction:column;gap:22px}
.res__box{background:var(--fundo);padding:24px 22px}
.res__box h3{font-size:17px;font-weight:700;margin-bottom:10px}
.res__box p{font-size:15px;line-height:1.65;color:var(--tinta-4);text-wrap:pretty}
.res__box img{margin-top:18px;width:100%;height:auto}
.res__info{border-top:1px solid #E1DAD0;padding-top:22px}
.res__info .mini-titulo{margin-bottom:14px}
.res__info .lista-traco{color:var(--tinta-3)}
.res__privacidade{margin-top:20px;border-top:1px solid #E1DAD0;padding-top:20px}
.res__privacidade .mini-titulo{margin-bottom:10px}
.res__privacidade p{font-size:15px;line-height:1.6;color:var(--tinta-3);max-width:56ch;text-wrap:pretty}

/* ---------- investimento ---------- */

.planos{
  margin-top:clamp(28px,5vw,44px);
  display:grid;gap:clamp(16px,3vw,24px);
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
}
.plano{background:#fff;border:1px solid var(--linha);padding:30px 26px;display:flex;flex-direction:column;gap:18px}
.plano--dark{background:var(--escuro);color:var(--claro);border-color:var(--escuro)}
.plano--bege{background:var(--bege);border-color:var(--bege);gap:18px}
.plano__nota{font-size:14px;line-height:1.6;color:var(--claro-2);text-wrap:pretty}
.plano__preco,.plano__pacote{display:flex;flex-direction:column;gap:4px}
.plano__pacote{border-top:1px solid var(--linha);padding-top:16px}
.plano--dark .plano__pacote{border-top-color:rgba(255,255,255,.14)}
.plano__valor{font-size:clamp(34px,8vw,46px);font-weight:700;letter-spacing:-.03em;line-height:1}
.plano__pacote-valor{font-size:22px;font-weight:700;letter-spacing:-.02em}
.plano__obs{font-size:14px;color:var(--tinta-4)}
.plano--dark .plano__obs{color:var(--claro-2)}
.plano--bege .mini-titulo{margin-bottom:0}

/* ---------- sobre ---------- */

.sobre__grid{
  display:grid;gap:clamp(28px,5vw,56px);
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:center;
  padding:0 18px;
}
.sobre__grid > img{width:100%;height:auto}
.sobre__grid h2{font-size:clamp(28px,6.5vw,42px);max-width:none}
.sobre__crefito{margin-top:10px;font-size:13px;letter-spacing:.06em;color:var(--claro-3)}
.sobre__texto{margin-top:18px;font-size:clamp(16px,4vw,18px);line-height:1.7;color:var(--claro-2);text-wrap:pretty}
.chips{margin-top:24px;display:flex;flex-wrap:wrap;gap:10px}
.chips li{
  border:1px solid rgba(255,255,255,.2);padding:9px 14px;
  font-size:12px;letter-spacing:.04em;color:var(--claro-2);
}

/* ---------- espaço ---------- */

.espaco__grid{
  margin-top:clamp(28px,5vw,44px);
  display:grid;gap:clamp(16px,3vw,24px);
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
}
.espaco__grid img{width:100%;height:auto}
.foto-3x4{aspect-ratio:3/4;object-fit:cover}
.mapa{min-height:260px;display:flex;flex-direction:column}
.mapa iframe{flex:1;width:100%;min-height:220px;border:0;filter:grayscale(.25)}

/* ---------- FAQ ---------- */

.faq{margin-top:clamp(28px,5vw,40px);display:flex;flex-direction:column}
.faq-item{border-top:1px solid var(--linha-2)}
.faq-item--destaque{background:#FFF3EC}
.faq-fim{border-top:1px solid var(--linha-2)}
.faq-q{margin:0}
.faq-btn{
  width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;
  min-height:64px;padding:18px 16px;background:none;border:0;cursor:pointer;text-align:left;
  font-size:clamp(16px,4.2vw,18px);font-weight:700;letter-spacing:-.01em;
}
.faq-icon{
  flex:0 0 auto;width:26px;height:26px;display:flex;align-items:center;justify-content:center;
  font-size:22px;line-height:1;color:var(--acento);font-weight:400;
}
.faq-a{padding:0 16px 24px}
.faq-a p{font-size:16px;line-height:1.7;color:var(--tinta-3);max-width:62ch;text-wrap:pretty}
.faq__cta{margin-top:34px;display:flex;flex-wrap:wrap;align-items:center;gap:16px}
.faq__cta p{font-size:16px;color:var(--tinta-3)}

/* ---------- CTA final ---------- */

.final__titulo{
  font-size:clamp(30px,7.5vw,52px);line-height:1.06;
  letter-spacing:-.03em;font-weight:700;max-width:none;text-wrap:balance;
}
.final__lead{margin-top:20px;font-size:clamp(16px,4.2vw,19px);line-height:1.65;color:var(--claro-2);text-wrap:pretty}
.final .btn{margin-top:32px}
.final__horario{margin-top:18px;font-size:13px;color:var(--claro-3)}

/* ---------- rodapé ---------- */

.rodape{
  background:var(--escuro-2);color:var(--claro-3);
  padding:clamp(44px,8vw,72px) 18px calc(120px + env(safe-area-inset-bottom));
  font-size:13px;
}
.rodape__grid{
  max-width:var(--wrap);margin:0 auto;display:grid;gap:32px;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
}
.rodape p{line-height:1.7}
.rodape__marca{font-size:14px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--claro);margin-bottom:8px}
.rodape__titulo{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--acento-cl);margin-bottom:12px}
.rodape__linhas{line-height:1.9}
.rodape a{color:var(--claro-2)}
.rodape a:hover{color:var(--acento-cl)}
.rodape__links{display:flex;flex-direction:column;gap:8px}
.rodape__copy{
  max-width:var(--wrap);margin:36px auto 0;padding-top:22px;
  border-top:1px solid rgba(255,255,255,.08);font-size:11px;letter-spacing:.06em;
}

/* ---------- botão flutuante ---------- */

.flutuante{
  position:fixed;left:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:80;
  display:flex;align-items:center;gap:10px;min-height:56px;padding:0 20px;
  border-radius:999px;background:var(--zap);color:#fff;
  font-size:14px;font-weight:700;letter-spacing:.03em;
  box-shadow:0 10px 26px rgba(15,14,12,.3);
  transition:transform .2s ease,background .2s ease;
}
.flutuante:hover{background:#17914A;color:#fff;transform:translateY(-2px)}
.flutuante__icone{font-size:20px;line-height:1}
.flutuante__texto{display:none}
@media (min-width:1040px){
  .flutuante__texto{display:inline}
}

/* ---------- preferências do sistema ---------- */

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *{animation-duration:.001ms !important;transition-duration:.001ms !important}
}

@media print{
  .header,.drawer,.flutuante,.skip-link{display:none !important}
}

/* ---------- páginas de documento ---------- */

.doc h2{
  margin-top:38px;margin-bottom:12px;
  font-size:clamp(19px,4.4vw,22px);line-height:1.25;
  letter-spacing:-.01em;font-weight:700;max-width:none;
}
.doc p{font-size:16px;line-height:1.75;color:var(--tinta-3);max-width:66ch;text-wrap:pretty}
.doc p + p{margin-top:14px}
.doc .lista-traco{margin-top:12px;font-size:16px;line-height:1.6;max-width:66ch}
.doc .sec__lead{margin-top:0;max-width:66ch}
.doc .faq__cta{margin-top:48px;padding-top:28px;border-top:1px solid var(--linha-2)}