/* Paula Bufarah · página v2 · estrutura e medidas da página de inspiração (Lumière),
   com as cores, a tipografia e os padrões da identidade visual da Paula. */
@font-face{font-family:"Plus Jakarta Sans";font-weight:400;font-display:swap;src:url("../fonts/PlusJakartaSans-400-latin.woff2") format("woff2")}
@font-face{font-family:"Plus Jakarta Sans";font-weight:500;font-display:swap;src:url("../fonts/PlusJakartaSans-500-latin.woff2") format("woff2")}
@font-face{font-family:"Plus Jakarta Sans";font-weight:600;font-display:swap;src:url("../fonts/PlusJakartaSans-600-latin.woff2") format("woff2")}
@font-face{font-family:"Plus Jakarta Sans";font-weight:800;font-display:swap;src:url("../fonts/PlusJakartaSans-800-latin.woff2") format("woff2")}

:root{
  --am9:#3F1D12;           /* cacau: texto e fundos escuros */
  --am8:#5A2B35;           /* vinho: cartões escuros */
  --am7:#8F503B;           /* terracota: botões e acentos */
  --am6:#8F503B;
  --am1:#F1E5DA;
  --bg:#F0E5D8;            /* creme */
  --sand:#EADDCF;          /* areia */
  --sand2:#E0CFBC;
  --paper:#F8F1E8;
  --n6:#6B4A3C;            /* texto suave */
  --n5:#8A6B5C;
  --lv6:#8F503B;           /* sobretítulo em fundo claro */
  --lv4:#C9A590;
  --lv3:#D5B59F;           /* sobretítulo em fundo escuro (areia escura) */
  --lv2:#E9DACB;
  --coral:#CE7D60;
  --cta:linear-gradient(135deg,#A65F44 0%,#8F503B 100%);
  --cta-h:linear-gradient(135deg,#8F503B 0%,#6C3A2B 100%);
  --tt:"Plus Jakarta Sans","Segoe UI",system-ui,sans-serif;
  --tx:"Plus Jakarta Sans","Segoe UI",system-ui,sans-serif;
  --eo:cubic-bezier(.16,1,.3,1);
  --w:1200px;
  --gut:clamp(16px,3.6vw,52px);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font:400 17px/1.6 var(--tx);color:var(--am9);background:var(--bg);-webkit-font-smoothing:antialiased;overflow-x:clip}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
p{margin:0}
h1,h2,h3,h4{font-family:var(--tt);font-weight:600;color:inherit;margin:0;letter-spacing:-.035em;text-wrap:balance;line-height:1.08}
strong{font-weight:600}
ul,ol{margin:0;padding:0;list-style:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
:focus-visible{outline:3px solid var(--coral);outline-offset:3px;border-radius:12px}
svg.i{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}
section[id]{scroll-margin-top:96px}
.skip{position:absolute;left:12px;top:-70px;background:var(--am9);color:#fff;padding:.7rem 1.1rem;border-radius:12px;z-index:100;font-weight:500}
.skip:focus{top:12px}
.w{max-width:var(--w);margin:0 auto;padding:0 var(--gut)}
.sec{padding:clamp(88px,9vw,140px) 0}
.eb{display:block;font:500 13px/1.6 var(--tx);letter-spacing:.2em;text-transform:uppercase;color:var(--lv6);margin-bottom:14px}
.h1{font-size:clamp(42px,3.6vw + 18px,78px);line-height:1.04;letter-spacing:-.035em}
.h2{font-size:clamp(34px,2.2vw + 18px,54px);line-height:1.1;letter-spacing:-.04em}
.h3{font-size:clamp(22px,.9vw + 16px,30px);line-height:1.2;letter-spacing:-.03em}
.ld{font:400 17px/1.65 var(--tx);color:var(--n6);margin-top:18px}
.head{text-align:center;max-width:760px;margin:0 auto clamp(44px,5vw,64px)}
.head .ld{max-width:580px;margin-left:auto;margin-right:auto}
.dark{background:var(--am9);color:#fff}
.dark .eb{color:var(--lv3)}
.dark .ld{color:var(--lv2)}
.ilu{position:absolute;right:14px;bottom:12px;z-index:3;font:500 11px/1 var(--tx);letter-spacing:.02em;color:#fff;background:rgb(38 17 9/.46);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:6px 9px;border-radius:99px;pointer-events:none}
.ilu.l{right:auto;left:14px}
.pat{position:relative;isolation:isolate;background:var(--sand)}
.pat::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:url("../img/padrao-areia.webp") 0 0/560px;opacity:.38;pointer-events:none}

/* botões */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:12px 24px;border-radius:999px;font:600 16px/1.2 var(--tx);letter-spacing:-.01em;text-align:center;position:relative;isolation:isolate;transition:transform .5s var(--eo),box-shadow .5s var(--eo),background-color .4s var(--eo),color .4s var(--eo),border-color .4s var(--eo)}
.btn svg{width:18px;height:18px;flex:none}
.btn:active{transform:scale(.97)}
.b-cta{background:var(--cta);color:#fff;box-shadow:0 8px 22px rgb(143 80 59/.28)}
.b-cta:hover{background:var(--cta-h);box-shadow:0 12px 28px rgb(143 80 59/.38)}
.b-am{background:var(--am7);color:#fff}
.b-am:hover{background:var(--am9)}
.b-cr{background:var(--bg);color:var(--am9)}
.b-cr:hover{background:#fff}
.b-ln{border:1px solid rgb(255 255 255/.7);color:#fff;background:rgb(255 255 255/.04)}
.b-ln:hover{background:rgb(255 255 255/.14)}
.b-lnd{border:1px solid rgb(63 29 18/.3);color:var(--am9)}
.b-lnd:hover{background:rgb(63 29 18/.06)}
.ctas{display:flex;flex-wrap:wrap;gap:12px;align-items:center}

/* pulso leve e rítmico no botão principal do topo */
@keyframes pulsa{
  0%{transform:scale(1);box-shadow:0 8px 22px rgb(143 80 59/.28),0 0 0 0 rgb(206 125 96/.55)}
  55%{transform:scale(1.035);box-shadow:0 10px 26px rgb(143 80 59/.34),0 0 0 16px rgb(206 125 96/0)}
  100%{transform:scale(1);box-shadow:0 8px 22px rgb(143 80 59/.28),0 0 0 0 rgb(206 125 96/0)}
}
.pulsa{animation:pulsa 2.8s ease-out infinite}
.pulsa:hover,.pulsa:focus-visible{animation-play-state:paused}
@keyframes pulsaFab{
  0%{transform:scale(1);box-shadow:0 12px 30px rgb(63 29 18/.38),0 0 0 0 rgb(206 125 96/.6)}
  55%{transform:scale(1.06);box-shadow:0 14px 34px rgb(63 29 18/.42),0 0 0 18px rgb(206 125 96/0)}
  100%{transform:scale(1);box-shadow:0 12px 30px rgb(63 29 18/.38),0 0 0 0 rgb(206 125 96/0)}
}

/* cabeçalho em pílula flutuante */
.hd{position:fixed;z-index:60;top:14px;left:50%;transform:translateX(-50%);width:min(calc(100% - 2*var(--gut)),1104px);height:58px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 8px 0 22px;border-radius:999px;background:rgb(240 229 216/.82);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);border:1px solid rgb(255 255 255/.55);box-shadow:0 6px 30px rgb(63 29 18/.1);color:var(--am9);transition:background-color .6s var(--eo),color .6s var(--eo),box-shadow .6s var(--eo),border-color .6s var(--eo)}
.hd.sobre{background:rgb(255 255 255/.12);border-color:rgb(255 255 255/.22);color:#fff;box-shadow:none}
.hd .logo{display:flex;align-items:center;height:100%}
.hd .logo img{height:46px;width:auto}
.hd .logo .neg{display:none}
.hd.sobre .logo .pos{display:none}
.hd.sobre .logo .neg{display:block}
.nav{display:flex;gap:4px;align-items:center}
.nav>a,.dd-b{display:inline-flex;align-items:center;gap:6px;min-height:44px;font:500 15px/1 var(--tx);padding:0 13px;border-radius:99px;transition:background-color .4s var(--eo),opacity .4s var(--eo);opacity:.92}
.nav>a:hover,.dd-b:hover,.dd:focus-within .dd-b{background:rgb(63 29 18/.07);opacity:1}
.hd.sobre .nav>a:hover,.hd.sobre .dd-b:hover,.hd.sobre .dd:focus-within .dd-b{background:rgb(255 255 255/.14)}
.dd{position:relative}
.dd-b svg{width:14px;height:14px;transition:transform .4s var(--eo)}
.dd.open .dd-b svg{transform:rotate(180deg)}
.dd-m{position:absolute;top:calc(100% + 10px);left:0;min-width:300px;padding:8px;border-radius:24px;background:rgb(248 241 232/.97);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 20px 50px rgb(63 29 18/.18);color:var(--am9);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .4s var(--eo),transform .4s var(--eo),visibility 0s .4s}
.dd:hover .dd-m,.dd.open .dd-m,.dd:focus-within .dd-m{opacity:1;visibility:visible;transform:none;transition:opacity .4s var(--eo),transform .4s var(--eo)}
.dd-m a{display:block;padding:13px 16px;border-radius:16px;font:500 15px/1.3 var(--tx)}
.dd-m a:hover{background:var(--sand)}
.acao{display:flex;align-items:center;gap:6px}
.b-hd{min-height:42px;padding:0 18px;font-size:15px}
.menu{display:none;width:44px;height:44px;border-radius:50%;border:1px solid currentColor;align-items:center;justify-content:center;opacity:.9}
.menu svg{width:18px;height:18px}

/* topo */
.hero{position:relative;min-height:max(640px,100svh);display:flex;align-items:flex-end;color:#fff;border-radius:0 0 clamp(44px,7vw,100px) clamp(44px,7vw,100px);overflow:hidden;background:var(--am9)}
.hero>.fx{position:absolute;inset:0;overflow:hidden}
.hero>.fx img{width:100%;height:100%;object-fit:cover;object-position:70% 50%}
.hero>.fx::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgb(38 17 9/.88) 0%,rgb(38 17 9/.7) 38%,rgb(38 17 9/.22) 62%,rgb(38 17 9/0) 78%),linear-gradient(0deg,rgb(38 17 9/.55) 0%,rgb(38 17 9/0) 46%)}
.hero>.ilu{bottom:clamp(110px,10vw,150px);right:max(var(--gut),calc((100% - 1104px)/2))}
.hero .in{position:relative;z-index:2;width:100%;max-width:var(--w);margin:0 auto;padding:0 var(--gut) clamp(150px,15vw,210px);text-shadow:0 1px 14px rgb(38 17 9/.45)}
.hero .eb{display:inline-block;color:#fff;background:rgb(38 17 9/.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:7px 14px;border-radius:99px;margin-bottom:18px;text-shadow:none;letter-spacing:.16em;font-size:12px}
.hero .btn{text-shadow:none}
.hero .h1{max-width:760px}
.hero .sub{max-width:540px;font:400 18px/1.6 var(--tx);color:#fff;margin-top:20px}
.hero .ctas{margin-top:30px}
.prova{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:22px;font:500 14px/1.4 var(--tx);color:#fff;max-width:640px}
.prova span,.prova a{display:inline-flex;align-items:center;gap:7px}
.prova a{text-decoration:underline;text-decoration-color:rgb(255 255 255/.45);text-underline-offset:3px}
.prova a:hover{text-decoration-color:#fff}
.prova svg{width:16px;height:16px}

/* cartão da introdução, sobreposto ao topo */
.intro{position:relative;z-index:4;max-width:1104px;margin:clamp(-130px,-9vw,-80px) auto 0;padding:0 var(--gut)}
.intro .box{border-radius:clamp(36px,4vw,50px);padding:clamp(52px,6vw,84px) clamp(22px,6vw,90px);text-align:center;box-shadow:0 30px 80px rgb(63 29 18/.12)}
.ico{display:flex;align-items:center;justify-content:center;width:46px;height:46px;margin:0 auto 22px;border-radius:14px;background:var(--am9)}
.ico img{width:46%;height:auto}
.ico-cor{display:block;height:110px;width:auto;margin:0 auto 22px}
.intro .h2 span{display:block}
.intro .h2 span+span{color:var(--am6)}
.intro .ld{max-width:640px;margin:22px auto 0}
.intro .ld+.ld{margin-top:14px}
.intro .btn{margin-top:30px}

/* tratamentos */
.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.6vw,22px)}
.cards4{--g:clamp(12px,1.4vw,20px);display:flex;flex-wrap:wrap;justify-content:center;gap:var(--g)}
.cards4 .tc{flex:0 0 calc((100% - 2*var(--g))/3)}
.tc{--r:135%;position:relative;display:grid;border-radius:50px 50px 36px 36px;overflow:hidden;color:#fff;background:var(--am9);isolation:isolate}
.tc::after{content:"";grid-area:1/1;padding-bottom:var(--r);pointer-events:none}
.tc>img,.tc .phb{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--eo),filter 1s var(--eo)}
.tc-media{position:absolute;inset:0;overflow:hidden}
.tc-media img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--eo)}
.tc:hover .tc-media img,.tc:focus-within .tc-media img{transform:scale(1.05)}
.tc-cover{position:absolute;inset:0;z-index:4;border-radius:inherit}
.tc-btn{display:none}
.tc:focus-within::before{background-color:rgb(38 17 9/.42)}
.tc:focus-within h3 svg{margin-left:0;opacity:1}
.tc:focus-within .tx{opacity:1;transform:none}
.tc .phb{background:var(--am9) url("../img/padrao-escuro.webp") 0 0/420px;display:flex;align-items:flex-end;justify-content:flex-end;padding:0 7% 11% 0}
.tc .phb img{height:38%;width:auto;opacity:.85}
.tc::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgb(38 17 9/.55) 0%,rgb(38 17 9/0) 38%,rgb(38 17 9/0) 58%,rgb(38 17 9/.78) 100%);transition:background-color .8s var(--eo)}
.tc .ct{position:relative;grid-area:1/1;z-index:2;display:flex;flex-direction:column;padding:calc(clamp(22px,2vw,30px) + 26px) clamp(22px,2vw,30px) clamp(22px,2vw,30px)}
.tc h3{font-size:clamp(22px,.9vw + 12px,32px);display:flex;align-items:flex-start;gap:10px;line-height:1.06}
.tc h3 svg{width:.7em;height:.7em;stroke-width:1.6;transform:rotate(-45deg);margin-top:.28em;margin-left:calc(-.7em - 10px);opacity:0;transition:margin .7s var(--eo),opacity .5s var(--eo)}
.tc .tx{max-width:300px;margin-top:14px;font:400 15.5px/1.55 var(--tx);color:rgb(255 255 255/.95);opacity:0;transform:translateY(10px);transition:opacity .6s var(--eo),transform .7s var(--eo);text-shadow:0 1px 10px rgb(38 17 9/.5)}
.tc .tg{margin-top:auto;padding-top:28px;max-width:100%;font:500 12px/1.4 var(--tx);letter-spacing:.2em;text-transform:uppercase;opacity:.95}
.tc:hover::before,.tc:focus-visible::before{background-color:rgb(38 17 9/.42)}
.tc:hover>img,.tc:focus-visible>img{transform:scale(1.05)}
.tc:hover h3 svg,.tc:focus-visible h3 svg{margin-left:0;opacity:1}
.tc:hover .tx,.tc:focus-visible .tx{opacity:1;transform:none}
.tc .ilu{bottom:auto;top:14px}
@media (hover:none){
  .tc .tx{opacity:1;transform:none}
  .tc h3 svg{margin-left:0;opacity:1}
  .tc::before{background:linear-gradient(180deg,rgb(38 17 9/.82) 0%,rgb(38 17 9/.55) 42%,rgb(38 17 9/.1) 64%,rgb(38 17 9/.8) 100%)}
}
.outros{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:34px}
.outros>span{font:500 15px/1 var(--tx);color:var(--n6);margin-right:4px}
.outros a{display:inline-flex;align-items:center;gap:8px;min-height:44px;font:500 15px/1.3 var(--tx);padding:10px 18px;border-radius:99px;background:var(--sand);transition:background-color .4s var(--eo),color .4s var(--eo)}
.outros a svg{width:14px;height:14px;transform:rotate(-45deg)}
.outros a:hover{background:var(--am9);color:#fff}

/* para quem é */
.rows{display:grid;gap:10px}
.rows li{display:flex;align-items:center;gap:16px;padding:16px 22px;border-radius:99px;background:var(--paper);font:500 16px/1.4 var(--tx)}
.rows li img{width:20px;height:auto;flex:none}
.rows.dois{grid-template-columns:1fr 1fr;max-width:1000px;margin:0 auto}
.fechamento{text-align:center;margin-top:30px;font-size:18px;color:var(--n6)}
.fechamento a{color:var(--am7);font-weight:600;text-decoration:underline;text-underline-offset:3px}

/* o espaço: texto fixo e pilha de fotos */
/* seção "O espaço": gradiente de marca + copa do símbolo como marca d'água */
#espaco{position:relative;overflow:clip;isolation:isolate;background:
  radial-gradient(60% 55% at 14% 42%,rgb(143 80 59/.55) 0%,rgb(143 80 59/0) 70%),
  radial-gradient(55% 60% at 4% 92%,rgb(90 43 53/.85) 0%,rgb(90 43 53/0) 72%),
  linear-gradient(115deg,#4C2318 0%,#3F1D12 46%,#2C1109 100%)}
.esp .txt::before{content:"";position:absolute;z-index:-1;left:50%;top:50%;width:clamp(560px,52vw,860px);aspect-ratio:1400/1251;transform:translate(-76%,-50%);background:url("../img/espaco-copa.webp") center/contain no-repeat;opacity:.2;pointer-events:none;-webkit-mask:radial-gradient(closest-side,#000 55%,transparent 100%);mask:radial-gradient(closest-side,#000 55%,transparent 100%)}
.esp .txt h2,.esp .txt .ld{text-shadow:0 2px 18px rgb(44 17 9/.65)}
.esp .txt .cordao{display:block;width:min(300px,70%);margin:30px auto 0;opacity:.75}
.esp{display:grid;grid-template-columns:1fr 1.08fr;gap:clamp(30px,5vw,80px);align-items:start}
.esp .txt{position:sticky;top:calc(50vh - 170px);text-align:center;padding:40px 0}
.esp .txt .ld{max-width:400px;margin-left:auto;margin-right:auto}
.pilha{display:grid;gap:clamp(40px,8vh,90px);padding-bottom:4vh}
.pc{position:sticky;top:calc(96px + var(--i,0) * 14px);height:min(78vh,660px);border-radius:44px;overflow:hidden;background:var(--am8);border:6px solid rgb(255 255 255/.14);box-shadow:0 -20px 50px rgb(20 8 4/.3)}
.pc img{width:100%;height:100%;object-fit:cover}
.pc::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgb(38 17 9/.92) 0%,rgb(38 17 9/.58) 34%,rgb(38 17 9/0) 62%)}
.pc figcaption{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:clamp(22px,2.6vw,34px)}
.pc h3{font-size:clamp(22px,.8vw + 16px,30px);max-width:420px}
.pc p{margin-top:8px;font:400 15px/1.55 var(--tx);color:rgb(255 255 255/.9);max-width:430px}
.pc p+p{margin-top:6px}
.pc figure{margin:0}

/* o atendimento em resumo (faixas em movimento) */
.cmp{position:relative;overflow:hidden}
.cmp .marca-d{position:absolute;left:50%;top:30px;width:min(300px,50vw);transform:translateX(-50%);opacity:.06;pointer-events:none}
.fx-row{overflow:hidden;padding:8px 0;-webkit-mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.fx-row+.fx-row{margin-top:clamp(12px,1.4vw,20px)}
.fx-tr{display:flex;width:max-content;animation:mq 60s linear infinite}
.fx-row.r2 .fx-tr{animation-direction:reverse;animation-duration:68s}
.fx-row:hover .fx-tr{animation-play-state:paused}
.fx-tr ul{display:flex;gap:clamp(12px,1.4vw,20px);padding-right:clamp(12px,1.4vw,20px)}
.fx-tr li{width:clamp(250px,22vw,300px);min-height:200px;display:flex;flex-direction:column;justify-content:space-between;gap:20px;padding:30px 28px 26px;border-radius:30px;background:var(--sand)}
.fx-tr li p{font:600 19px/1.4 var(--tt);letter-spacing:-.02em}
.fx-tr li small{font:400 14px/1.4 var(--tx);color:var(--am6)}
@keyframes mq{to{transform:translateX(-50%)}}

/* primeira vez: foto em tela cheia */
.prim{position:relative;color:#fff;min-height:max(680px,92vh);display:flex;align-items:center;overflow:hidden;background:#241008}
.prim>.fx{position:absolute;inset:-8% 0;overflow:hidden}
.prim>.fx img{width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.prim>.fx::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgb(30 12 6/.88) 0%,rgb(30 12 6/.6) 45%,rgb(30 12 6/.12) 78%)}
.prim>.ilu{bottom:calc(clamp(60px,9vw,120px) + 18px)}
.prim .in{position:relative;z-index:2;width:100%;max-width:var(--w);margin:0 auto;padding:clamp(110px,12vw,160px) var(--gut) clamp(170px,16vw,220px)}
.prim .bx{max-width:560px}
.prim .eb{color:var(--lv3)}
.prim .ld{color:#fff}
.prim ul{margin-top:24px;display:grid;gap:10px}
.prim li{display:flex;gap:12px;align-items:flex-start;font:400 16px/1.5 var(--tx);color:rgb(255 255 255/.94)}
.prim li svg{width:20px;height:20px;margin-top:2px;color:var(--coral)}
.prim .vl{display:flex;flex-wrap:wrap;align-items:center;gap:16px 22px;margin-top:34px}
.prim .vl .n{font:600 clamp(34px,2vw + 20px,48px)/1 var(--tt);letter-spacing:-.04em}
.prim .vl .n small{display:block;margin-top:6px;font:400 14px/1.3 var(--tx);letter-spacing:0;color:rgb(255 255 255/.8)}

/* como funciona: seção que sobe sobre a foto */
.fun{position:relative;z-index:3;margin-top:clamp(-120px,-9vw,-60px);border-radius:clamp(44px,7vw,100px) clamp(44px,7vw,100px) 0 0;background:var(--bg)}
.fc{display:flex;flex-direction:column;padding:30px 28px 22px;border-radius:30px;background:var(--sand);min-height:100%}
.fc .top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:22px;border-bottom:1px solid rgb(63 29 18/.14)}
.fc h3{font-size:24px;letter-spacing:-.03em}
.fc .sb{display:block;margin-top:6px;font:400 14px/1.4 var(--tx);color:var(--n6);text-wrap:balance}
.fc .vl{font:600 clamp(30px,1.4vw + 16px,40px)/1 var(--tt);letter-spacing:-.045em;color:var(--am7);white-space:nowrap}
.fc ul{display:grid;gap:10px;margin:22px 0 26px;flex:1}
.fc li{display:flex;gap:10px;font:400 15px/1.45 var(--tx);color:var(--n6)}
.fc li svg{width:18px;height:18px;margin-top:1px;color:var(--am6)}
.fc .btn{width:100%}
.fn-nota{text-align:center;margin-top:26px;font:400 14px/1.5 var(--tx);color:var(--n6)}
.sin{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(30px,6vw,90px);align-items:center;margin-top:clamp(70px,8vw,120px)}
.sin .h2 span{display:block}
.sin .h2 span+span{color:var(--am6)}
.sin .ctas{margin-top:28px}
.sin .rows li{background:var(--paper);align-items:flex-start;border-radius:28px}
.sin .rows li svg{width:20px;height:20px;margin-top:2px;color:var(--am6)}

/* sobre */
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,96px);align-items:center}
.split .ph{position:relative;border-radius:clamp(36px,4vw,50px);overflow:hidden;aspect-ratio:4/4.6;background:var(--am8)}
.split .ph img{width:100%;height:100%;object-fit:cover}
.role{font:600 18px/1.4 var(--tx);color:var(--am7);margin-top:14px}
.bio{display:grid;gap:14px;margin-top:22px;color:var(--n6)}
.creds{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 18px}
.creds li{font:500 14px/1 var(--tx);padding:11px 15px;border-radius:99px;background:#fff;color:var(--am8)}
.meta{display:grid;gap:6px;margin:0 0 28px;font:400 15px/1.55 var(--tx);color:var(--n6)}
.meta strong{color:var(--am9)}
.mark-ph{display:flex;align-items:center;justify-content:center;background:var(--am8) url("../img/padrao-escuro.webp") 0 0/460px}
.split .ph.mark-ph img{width:auto;height:74%;object-fit:contain;opacity:.95}
.dark .split .ld{color:var(--lv2)}
.dark .split p.ld+p.ld{margin-top:14px}
.aviso{margin-top:18px;font:400 14px/1.5 var(--tx);color:var(--lv3)}
.dark .split .ctas{margin-top:28px}

/* onde atendo */
.loc{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(24px,4vw,60px);align-items:stretch}
.loc .mapa{border-radius:40px;overflow:hidden;min-height:440px;background:var(--sand)}
.loc iframe{width:100%;height:100%;min-height:440px;border:0;display:block;filter:saturate(.75)}
.pts{display:grid;gap:10px;margin:24px 0 28px}
.pts li{padding:18px 22px;border-radius:24px;background:var(--sand)}
.pts h3{font-size:18px;letter-spacing:-.02em}
.pts p{margin-top:4px;font:400 15px/1.55 var(--tx);color:var(--n6)}
.dark .pts li{background:rgb(240 229 216/.08);border:1px solid rgb(240 229 216/.12)}
.dark .pts h3{color:#fff8f0}
.dark .pts p{color:var(--lv2)}
.dark .loc .mapa{background:rgb(240 229 216/.1);box-shadow:0 20px 50px rgb(20 8 4/.35)}
.dark .loc iframe{filter:saturate(.7) brightness(.97)}

/* dúvidas */
.faq-g{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(30px,6vw,90px);align-items:start}
.faq-g .lft{position:sticky;top:120px}
.faq-g .lft .ld{max-width:400px}
.faq-g .lft .btn{margin-top:28px}
.faq{display:grid;gap:10px}
.faq details{border-radius:24px;background:var(--sand);transition:background-color .5s var(--eo)}
.faq details[open]{background:#fff;box-shadow:0 10px 30px rgb(63 29 18/.08)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;font:600 17px/1.4 var(--tt);letter-spacing:-.02em}
.faq summary::-webkit-details-marker{display:none}
.faq summary i{flex:none;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgb(63 29 18/.07);transition:transform .6s var(--eo),background-color .4s var(--eo)}
.faq summary i svg{width:15px;height:15px}
.faq details[open] summary i{transform:rotate(180deg);background:var(--am7);color:#fff}
.faq .r p{padding:0 24px 22px;font:400 16px/1.65 var(--tx);color:var(--n6)}
.faq-nota{margin-top:18px;font:400 14px/1.5 var(--tx);color:var(--n6)}

/* páginas de serviço (LPs) */
.lp-hero{padding:clamp(120px,12vw,170px) 0 clamp(50px,6vw,90px)}
.lp-hero::before{display:none}
.lp-g{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(30px,5vw,80px);align-items:center}
.lp-hero .h1{font-size:clamp(32px,2.4vw + 16px,54px);margin-top:4px}
.lp-hero .ld{max-width:34em;margin-top:20px}
.lp-hero .ctas{margin-top:28px}
.lp-hero .creds{margin-bottom:0}
.lp-ph{position:relative;border-radius:clamp(30px,4vw,46px);overflow:hidden;aspect-ratio:4/4.6;background:var(--am8);box-shadow:0 30px 70px rgb(63 29 18/.18)}
.lp-ph img{width:100%;height:100%;object-fit:cover}
.crumb{display:flex;flex-wrap:wrap;gap:8px;font:500 14px/1.4 var(--tx);color:var(--n6);margin-bottom:18px}
.crumb a{text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgb(63 29 18/.25)}
.lp-dois{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(30px,6vw,90px);align-items:start}
.bg-areia-lp{background:var(--sand)}
.lp-txt{max-width:820px}
.lp-bloco+.lp-bloco{margin-top:clamp(36px,4vw,56px)}
.lp-bloco p{margin-top:16px;font-size:18px;line-height:1.7;color:var(--n6)}
.lp-bloco .h3{font-size:clamp(26px,1.2vw + 18px,36px);letter-spacing:-.03em}
.fun-lp{background:var(--sand)}
.stat{display:flex;flex-direction:column;align-items:center;gap:6px;margin:6px 0 0}
.stat strong .cont{display:inline-block;min-width:3ch;text-align:left;font:inherit;letter-spacing:inherit;color:inherit;text-transform:none;font-variant-numeric:tabular-nums}
.stat strong{font:700 clamp(56px,5vw + 20px,96px)/1 var(--tt);letter-spacing:-.04em;color:#fff8f0}
.stat span{font:600 14px/1.3 var(--tx);letter-spacing:.2em;text-transform:uppercase;color:var(--lv3)}
.prova-g{columns:3 260px;column-gap:clamp(12px,1.6vw,20px);max-width:1104px;margin:0 auto}
.prova-g figure{margin:0 0 clamp(12px,1.6vw,20px);break-inside:avoid;border-radius:26px;overflow:hidden;background:var(--am8)}
.prova-g img{width:100%;height:auto;display:block}
@media (max-width:640px){.prova-g{columns:2;column-gap:10px}.prova-g figure{margin-bottom:10px;border-radius:18px}}
.lp-bloco.com-foto{display:grid;grid-template-columns:minmax(200px,280px) 1fr;gap:clamp(22px,3vw,40px);align-items:center}
.lp-fb{position:relative;border-radius:32px;overflow:hidden;aspect-ratio:3/4;background:var(--am8)}
.lp-fb img{width:100%;height:100%;object-fit:cover}
@media (max-width:700px){.lp-bloco.com-foto{grid-template-columns:minmax(0,1fr)}.lp-fb{max-width:320px}}
@media (max-width:980px){.lp-g,.lp-dois{grid-template-columns:minmax(0,1fr)}.lp-ph{max-width:480px}}

/* avaliações do Google */
.rev-sec{background:var(--sand)}
.rev-sec[hidden]{display:none}
.rev{display:flex;align-items:center;gap:clamp(24px,4vw,56px)}
.rev-resumo{flex:none;display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:180px}
.rev-rot{font:700 14px/1 var(--tx);letter-spacing:.14em;text-transform:uppercase}
.rev-tot{font:400 14px/1.4 var(--tx);color:var(--n6)}
.rev-tot a{text-decoration:underline;text-underline-offset:3px}
.rev-google{font:600 26px/1 var(--tx);letter-spacing:-.02em}
.rev-google .g0,.rev-google .g3{color:#4285F4}.rev-google .g1,.rev-google .g5{color:#EA4335}.rev-google .g2{color:#FBBC05}.rev-google .g4{color:#34A853}
.stars{display:inline-flex;gap:2px}
.stars svg{width:20px;height:20px;display:block}
.stars .on{color:#F5B50A}.stars .off{color:rgb(63 29 18/.18)}
.stars .on svg,.stars .off svg{fill:currentColor}
.rev-resumo .stars svg{width:26px;height:26px}
.rev-main{position:relative;display:flex;align-items:center;gap:12px;min-width:0;flex:1}
.rev-viewport{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;flex:1;min-width:0;padding:4px}
.rev-viewport::-webkit-scrollbar{display:none}
.rev-track{display:flex;gap:20px}
.rev-card{flex:0 0 calc((100% - 40px)/3);scroll-snap-align:start;position:relative;display:flex;flex-direction:column;gap:12px;min-height:260px;padding:26px 26px 54px;border-radius:28px;background:var(--paper);border:1px solid rgb(143 80 59/.18);box-shadow:0 6px 20px rgb(63 29 18/.06)}
.rev-card::after{content:"";position:absolute;right:22px;bottom:18px;width:34px;height:34px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%238F503B'%3E%3Cpath d='M10 8c-3.3 0-6 2.7-6 6v10h10V14H8c0-1.1.9-2 2-2V8zm14 0c-3.3 0-6 2.7-6 6v10h10V14h-6c0-1.1.9-2 2-2V8z'/%3E%3C/svg%3E") center/contain no-repeat;opacity:.22}
.rev-topo{display:flex;align-items:center;gap:12px}
.rev-topo img,.rev-ini{width:40px;height:40px;border-radius:50%;flex:none}
.rev-ini{display:flex;align-items:center;justify-content:center;background:var(--am7);color:#fff;font:600 16px/1 var(--tx)}
.rev-quem{display:flex;flex-direction:column;line-height:1.3}
.rev-quem strong{font:600 15px/1.3 var(--tx)}
.rev-quem span{font:400 13px/1.3 var(--tx);color:var(--n6)}
.rev-txt{font:400 15px/1.6 var(--tx);color:var(--n6)}
.rev-nav{flex:none;width:42px;height:42px;border-radius:50%;border:1px solid rgb(143 80 59/.3);background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgb(63 29 18/.1);transition:background-color .3s,color .3s}
.rev-nav:hover{background:var(--am7);color:#fff}
.rev-nav[hidden]{display:none}
.rev-nav svg{width:18px;height:18px}
.rev-so-resumo .rev{justify-content:center}
.rev-so-resumo .rev-main{display:none}
.rev-so-resumo .rev-resumo{align-items:center;text-align:center;gap:10px}
.rev-so-resumo .rev-resumo .btn{margin-top:14px}
@media (max-width:980px){
  .rev{flex-direction:column;align-items:stretch}
  .rev-resumo{align-items:center;text-align:center}
  .rev-card{flex-basis:calc((100% - 20px)/2)}
}
@media (max-width:640px){
  .hero .in{padding:112px var(--gut) 116px}
  .hero>.ilu{top:78px;bottom:auto;right:var(--gut)}
  .hero .eb{font-size:10px;letter-spacing:.12em;line-height:1.5;padding:6px 11px;border-radius:14px;max-width:60%}
  .hero.eb-dir .eb{display:block;width:fit-content;margin-left:auto;text-align:right;max-width:46%;font-size:9.5px;letter-spacing:.1em}
  .rev-card{flex-basis:100%}
  .rev-nav{display:none}
}

/* chamada final */
.cta-f{padding:0 0 clamp(70px,8vw,110px)}
.cta-f .box{position:relative;overflow:hidden;border-radius:clamp(36px,4vw,50px);min-height:clamp(440px,42vw,560px);display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;background:#2C1109 url("../img/padrao-escuro.webp") 0 0/640px;padding:70px 24px;isolation:isolate}
.cta-f .box::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 55%,rgb(38 17 9/.7),rgb(38 17 9/.88))}
.cta-f .ct{position:relative;z-index:2;max-width:680px}
.cta-f .ico{width:44px;height:44px;margin-bottom:20px;background:rgb(255 255 255/.12)}
.cta-f .ld{color:#fff;max-width:520px;margin:18px auto 30px}
.cta-f .ctas{justify-content:center}

/* rodapé */
.ft{position:relative;overflow:hidden;padding:clamp(60px,6vw,90px) 0 0;background:var(--bg)}
.ft .gr{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.3fr;gap:36px}
.ft .lg img{height:48px;width:auto}
.ft .lg p{margin-top:16px;font:400 15px/1.55 var(--tx);color:var(--n6);max-width:300px}
.ft h3{font:600 17px/1.2 var(--tt);letter-spacing:-.02em;margin-bottom:16px}
.ft li{margin-bottom:10px;font:400 15px/1.5 var(--tx);color:var(--n6)}
.ft li a:hover{color:var(--am9);text-decoration:underline;text-underline-offset:3px}
.ft .ctt li{display:flex;gap:10px}
.ft .ctt svg{width:17px;height:17px;margin-top:3px;color:var(--am6)}
.ft .bt{position:relative;z-index:2;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 24px;margin-top:56px;padding:22px 0;border-top:1px solid rgb(63 29 18/.12);font:400 13px/1.5 var(--tx);color:var(--n6)}
.ft .marca{font:600 clamp(70px,14.5vw,230px)/.8 var(--tt);letter-spacing:-.06em;color:var(--sand);text-align:center;margin:10px 0 -.08em;user-select:none;pointer-events:none;white-space:nowrap}

/* botão flutuante */
.fab{position:fixed;right:24px;bottom:24px;z-index:70;width:62px;height:62px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--cta);color:#fff;box-shadow:0 12px 30px rgb(63 29 18/.38);transition:transform .4s var(--eo)}
.fab{animation:pulsaFab 2.8s ease-out infinite}
.fab:hover,.fab:focus-visible{animation:none;transform:scale(1.07)}
@media (max-width:980px){
  .fab{opacity:0;visibility:hidden;transition:opacity .4s var(--eo),visibility 0s .4s}
  body.fab-on .fab{opacity:1;visibility:visible;transition:opacity .4s var(--eo)}
}
.fab svg{width:28px;height:28px}

/* revelar ao rolar */
.js .rv{opacity:0;transform:translateY(28px);transition:opacity 1s var(--eo),transform 1.2s var(--eo)}
.js .rv.on{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .js .rv{opacity:1;transform:none}
  .fx-tr{width:auto;flex-wrap:nowrap;overflow-x:auto}
  .fx-tr ul[aria-hidden]{display:none}
}

/* ---------- responsivo ---------- */
@media (max-width:1100px){
  .cards4{max-width:760px;margin-left:auto;margin-right:auto}
  .cards4 .tc{flex-basis:calc((100% - var(--g))/2);--r:140%}
}
@media (max-width:980px){
  .tc{display:flex;flex-direction:column;background:var(--am9)}
  .tc::before,.tc::after,.tc-cover,.tc h3 svg{display:none}
  .tc .ct{position:static;order:1;padding:24px 22px 18px;background:var(--am9)}
  .tc .tg{margin-top:12px;padding-top:0}
  .tc-media{position:relative;order:2;inset:auto;aspect-ratio:4/3;margin:0 14px;border-radius:24px}
  .tc .ilu{top:12px;bottom:auto}
  .tc-btn{display:inline-flex;order:3;margin:16px 14px 18px}
  .tc-btn svg{transform:rotate(-45deg)}
  .tc .tx{opacity:1;transform:none}
  .tc h3 svg{margin-left:0;opacity:1}
  .tc::before{background:linear-gradient(180deg,rgb(38 17 9/.82) 0%,rgb(38 17 9/.55) 42%,rgb(38 17 9/.1) 64%,rgb(38 17 9/.8) 100%)}
  .nav{position:fixed;top:68px;left:var(--gut);right:var(--gut);flex-direction:column;align-items:stretch;gap:0;padding:10px;border-radius:28px;background:rgb(248 241 232/.98);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 20px 50px rgb(63 29 18/.2);color:var(--am9);opacity:0;visibility:hidden;transform:translateY(-8px) scale(.98);transform-origin:top center;transition:opacity .5s var(--eo),transform .5s var(--eo),visibility 0s .5s;max-height:calc(100svh - 90px);overflow:auto}
  .nav.open{opacity:1;visibility:visible;transform:none;transition:opacity .5s var(--eo),transform .5s var(--eo)}
  .nav>a,.dd-b{font-size:18px;padding:15px 16px;min-height:52px;width:100%;justify-content:space-between}
  .dd-m{position:static;min-width:0;padding:0 0 6px 8px;box-shadow:none;background:none;backdrop-filter:none;opacity:1;visibility:visible;transform:none;transition:none;display:none}
  .dd.open .dd-m{display:block}
  .menu{display:inline-flex}
  .b-hd{display:none}
  .cards3{grid-template-columns:minmax(0,1fr);max-width:520px;margin-left:auto;margin-right:auto}
  .esp,.split,.faq-g,.sin,.loc{grid-template-columns:minmax(0,1fr)}
  .esp .txt,.faq-g .lft{position:static;padding:0}
  .pc{height:min(72vh,560px);top:calc(84px + var(--i,0) * 10px);border-radius:34px}
  .split .ph{aspect-ratio:4/4.2}
  .ft .gr{grid-template-columns:1fr 1fr}
  .ft .lg{grid-column:1/-1}
  .prim>.fx::after{background:linear-gradient(0deg,rgb(30 12 6/.92) 0%,rgb(30 12 6/.62) 55%,rgb(30 12 6/.22) 100%)}
  .prim{align-items:flex-end}
  .rows.dois{grid-template-columns:1fr}
}
@media (max-width:640px){
  .esp .txt::before{width:130vw;transform:translate(-50%,-46%);opacity:.22}
  .cards4{max-width:520px}
  .cards4 .tc{flex-basis:100%;--r:122.5%}
  body{font-size:16px}
  .hd{height:54px;top:10px;padding:0 6px 0 16px}
  .hd .logo img{height:38px}
  .hero{min-height:max(620px,100svh)}
  .hero>.fx img{object-position:66% 50%}
  .hero>.fx::after{background:linear-gradient(0deg,rgb(38 17 9/.92) 0%,rgb(38 17 9/.78) 52%,rgb(38 17 9/.42) 100%)}
  .hero .sub{font-size:16px}
  .hero .ctas .btn{flex:1 1 100%}
  .hero .ctas .b-ln{display:none}
  .hero .h1{font-size:36px}
  .prim .vl .btn{flex:1 1 100%}
  .ft .gr{grid-template-columns:1fr}
  .fc{padding:26px 22px 20px}
  .rows li{border-radius:22px;padding:14px 18px}
  .faq summary{padding:18px 20px;font-size:16px}
  .faq .r p{padding:0 20px 20px}
  .loc .mapa,.loc iframe{min-height:320px}
  .ft .bt{padding-bottom:96px}
  .fab{right:16px;bottom:16px}
}