*{margin:0;padding:0;box-sizing:border-box}
:root{--pr:#0A0A0A;--br:#FFFFFF;--of:#F4F2EE;--of2:#EAE7E1;--ci:#767270;--li:#DEDAD4;--li2:#C8C4BC}
html{scroll-behavior:smooth}
body{background:var(--br);color:var(--pr);font-family:"DM Sans",sans-serif;font-size:16px;line-height:1.6}
.kicker{font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:var(--ci);margin-bottom:16px}

/* NAV */
nav{background:var(--br);border-bottom:1px solid var(--li);padding:0 6%;height:56px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100}
.logo{font-family:"Bodoni Moda",serif;font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--pr);font-weight:700}
.logo em{font-style:italic;font-weight:400}
.nav-btn{background:var(--pr);color:var(--br);font-family:"DM Sans",sans-serif;font-size:10px;letter-spacing:.18em;text-transform:uppercase;padding:9px 20px;border:none;cursor:pointer;transition:opacity .2s}
.nav-btn:hover{opacity:.72}

/* HERO DESKTOP — 3 colunas */
.hero{display:grid;grid-template-columns:1fr 480px 360px;grid-template-rows:auto;min-height:88vh}
.hero-left{padding:80px 5% 80px 8%;display:flex;flex-direction:column;justify-content:center;background:var(--br);grid-column:1;grid-row:1}
.hero-img{overflow:hidden;grid-column:2;grid-row:1}
.hero-img img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block}
.hero-form{padding:52px 36px;background:var(--of);border-left:1px solid var(--li);display:flex;flex-direction:column;justify-content:center;grid-column:3;grid-row:1}

.hero-tag{font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:var(--ci);display:flex;align-items:center;gap:12px;margin-bottom:24px}
.hero-tag::before{content:"";display:inline-block;width:22px;height:1px;background:var(--ci)}
h1{font-family:"Bodoni Moda",serif;font-size:clamp(36px,4.2vw,62px);font-weight:700;line-height:1.05;letter-spacing:-.01em;color:var(--pr);margin-bottom:22px}
h1 em{font-style:italic}
.hero-p{font-size:16px;line-height:1.8;color:var(--ci);margin-bottom:32px}
.btn-pr{background:var(--pr);color:var(--br);border:none;font-family:"DM Sans",sans-serif;font-size:10px;letter-spacing:.2em;text-transform:uppercase;padding:16px 28px;cursor:pointer;transition:opacity .2s;display:inline-block}
.btn-pr:hover{opacity:.72}
.hero-nota{margin-top:24px;padding-top:22px;border-top:1px solid var(--li);font-size:13px;color:var(--ci);line-height:1.6}
.hero-nota strong{color:var(--pr);font-weight:500}

/* FORM */
.fcard-sup{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--ci);margin-bottom:12px}
.fcard-titulo{font-family:"Bodoni Moda",serif;font-size:20px;font-weight:700;margin-bottom:6px;line-height:1.2}
.fcard-titulo em{font-style:italic}
.fcard-sub{font-size:13px;color:var(--ci);margin-bottom:24px;line-height:1.55}
.fcard-sub strong{color:var(--pr);font-weight:500}
.field label{display:block;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ci);margin-bottom:7px}
.field input{width:100%;background:var(--br);border:1px solid var(--li);padding:13px 14px;font-family:"DM Sans",sans-serif;font-size:15px;color:var(--pr);outline:none;transition:border .2s;-webkit-appearance:none;margin-bottom:14px}
.field input:focus{border-color:var(--pr)}
.field input::placeholder{color:var(--li2)}
.btn-form{width:100%;background:var(--pr);color:var(--br);border:none;padding:16px;font-family:"DM Sans",sans-serif;font-size:10px;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;transition:opacity .2s;margin-top:4px}
.btn-form:hover{opacity:.72}
.privacidade{text-align:center;font-size:11px;color:var(--ci);margin-top:11px}
.privacidade a{color:var(--pr);text-decoration:underline;text-underline-offset:2px}

/* O QUÊ */
.oque{background:var(--pr);padding:88px 8%}
.oque-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.oque-kicker{font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:rgba(255,255,255,.35);margin-bottom:16px}
.oque-titulo{font-family:"Bodoni Moda",serif;font-size:clamp(26px,3.2vw,42px);font-weight:700;line-height:1.1;color:var(--br);margin-bottom:22px}
.oque-titulo em{font-style:italic}
.oque-p{font-size:16px;line-height:1.82;color:rgba(255,255,255,.5);margin-bottom:14px}
.oque-p strong{color:rgba(255,255,255,.9);font-weight:500}
.pilar{padding:24px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.pilar:first-child{border-top:1px solid rgba(255,255,255,.08)}
.pilar-num{font-family:"Bodoni Moda",serif;font-size:12px;color:rgba(255,255,255,.2);font-style:italic;margin-bottom:8px}
.pilar-titulo{font-size:15px;font-weight:500;color:var(--br);margin-bottom:5px}
.pilar-txt{font-size:14px;color:rgba(255,255,255,.45);line-height:1.75}

/* PROCESSO */
.proc{background:var(--br);padding:88px 8%}
.proc-inner{max-width:1200px;margin:0 auto}
.proc-header{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;margin-bottom:52px}
.proc-titulo{font-family:"Bodoni Moda",serif;font-size:clamp(26px,3.2vw,42px);font-weight:700;line-height:1.1}
.proc-titulo em{font-style:italic}
.proc-foto{overflow:hidden;aspect-ratio:1/1}
.proc-foto img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;filter:grayscale(15%)}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:2px}
.step{background:var(--br);padding:28px 22px}
.step-n{font-family:"Bodoni Moda",serif;font-size:38px;font-weight:700;color:var(--of2);line-height:1;margin-bottom:14px}
.step-titulo{font-size:14px;font-weight:500;color:var(--pr);margin-bottom:7px}
.step-txt{font-size:13px;color:var(--ci);line-height:1.7}

/* RESULTADOS */
.resultados{background:var(--of);padding:88px 8%;border-top:1px solid var(--li)}
.res-inner{max-width:1200px;margin:0 auto}
.res-titulo{font-family:"Bodoni Moda",serif;font-size:clamp(26px,3.2vw,42px);font-weight:700;line-height:1.1;margin-bottom:10px;text-align:center}
.res-titulo em{font-style:italic}
.res-sub{font-size:15px;color:var(--ci);text-align:center;margin-bottom:48px}
.res-grid{display:grid;grid-template-columns:1fr 1fr;gap:3px}
.res-item{position:relative;overflow:hidden;aspect-ratio:1/1}
.res-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.res-item:hover img{transform:scale(1.03)}
.res-label{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);padding:20px 18px 16px;color:var(--br)}
.res-label-kicker{font-size:10px;letter-spacing:.2em;text-transform:uppercase;opacity:.6;margin-bottom:4px}
.res-label-txt{font-family:"Bodoni Moda",serif;font-size:16px;font-style:italic}

/* FAQ */
.obj{background:var(--of);padding:88px 8%}
.obj-inner{max-width:840px;margin:0 auto}
.obj-titulo{font-family:"Bodoni Moda",serif;font-size:clamp(24px,3vw,38px);font-weight:700;text-align:center;margin-bottom:48px}
.obj-titulo em{font-style:italic}
.faq-item{border-bottom:1px solid var(--li);padding:22px 0;cursor:pointer}
.faq-item:first-of-type{border-top:1px solid var(--li)}
.fq{font-family:"Bodoni Moda",serif;font-size:16px;font-weight:700;display:flex;justify-content:space-between;align-items:center;gap:16px;color:var(--pr)}
.ftoggle{font-size:18px;color:var(--ci);flex-shrink:0;transition:transform .25s;font-family:"DM Sans",sans-serif;font-weight:300}
.fa{font-size:15px;line-height:1.8;color:var(--ci);max-height:0;overflow:hidden;transition:max-height .35s ease,padding .3s}
.faq-item.open .ftoggle{transform:rotate(45deg)}
.faq-item.open .fa{max-height:220px;padding-top:14px}

/* CTA FINAL */
.ctaf{background:var(--pr);padding:100px 8%;text-align:center}
.ctaf-titulo{font-family:"Bodoni Moda",serif;font-size:clamp(32px,4.5vw,58px);font-weight:700;color:var(--br);line-height:1.07;margin-bottom:14px}
.ctaf-titulo em{font-style:italic}
.ctaf-sub{font-size:16px;color:rgba(255,255,255,.45);max-width:400px;margin:0 auto 36px}
.ctaf-row{display:flex;max-width:420px;margin:0 auto}
.ctaf-row input{flex:1;background:transparent;border:1px solid rgba(255,255,255,.2);border-right:none;padding:15px 16px;font-family:"DM Sans",sans-serif;font-size:15px;color:var(--br);outline:none;-webkit-appearance:none}
.ctaf-row input:focus{border-color:rgba(255,255,255,.5)}
.ctaf-row input::placeholder{color:rgba(255,255,255,.25)}
.btn-br{background:var(--br);color:var(--pr);border:none;padding:15px 22px;font-family:"DM Sans",sans-serif;font-size:10px;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;transition:opacity .2s;white-space:nowrap;font-weight:500}
.btn-br:hover{opacity:.8}
.ctaf-micro{font-size:11px;color:rgba(255,255,255,.25);margin-top:14px;letter-spacing:.04em}

/* FOOTER */
footer{border-top:1px solid var(--li);padding:26px 8%;display:flex;align-items:center;justify-content:space-between}
.fl{font-family:"Bodoni Moda",serif;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--pr)}
.fl em{font-style:italic}
.fr-info{font-size:12px;color:var(--ci);text-align:right;line-height:1.6}

/* POPUP */
.pop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);align-items:center;justify-content:center;z-index:300;padding:20px}
.pop.on{display:flex}
.pbox{background:var(--br);border:1px solid var(--li);padding:52px 44px;max-width:360px;width:100%;text-align:center;position:relative}
.pclose{position:absolute;top:14px;right:18px;background:none;border:none;font-size:18px;cursor:pointer;color:var(--ci)}
.ptitulo{font-family:"Bodoni Moda",serif;font-size:24px;font-weight:700;margin-bottom:10px;line-height:1.2}
.ptitulo em{font-style:italic}
.psub{font-size:14px;line-height:1.75;color:var(--ci)}
.psub strong{color:var(--pr);font-weight:500}

/* ============ MOBILE ============ */
@media(max-width:1100px){
  /* Hero empilhado: imagem em cima, texto, formulário */
  .hero{
    grid-template-columns:1fr;
    grid-template-rows:auto auto auto;
    min-height:auto;
  }
  .hero-img{
    grid-column:1;
    grid-row:1;
    height:60vw;
    max-height:420px;
  }
  .hero-left{
    grid-column:1;
    grid-row:2;
    padding:48px 6%;
  }
  .hero-form{
    grid-column:1;
    grid-row:3;
    border-left:none;
    border-top:1px solid var(--li);
    padding:40px 6%;
  }
  .oque-inner{grid-template-columns:1fr;gap:40px}
  .proc-header{grid-template-columns:1fr;gap:32px}
  .proc-foto{max-width:280px}
  .steps{grid-template-columns:1fr 1fr}
  .res-grid{grid-template-columns:1fr}
  .ctaf-row{flex-direction:column}
  .ctaf-row input{border-right:1px solid rgba(255,255,255,.2);border-bottom:none}
  footer{flex-direction:column;gap:10px;text-align:center}
  .fr-info{text-align:center}
}
@media(max-width:600px){
  .steps{grid-template-columns:1fr}
  h1{font-size:36px}
  .hero-img{height:72vw}
  .oque{padding:64px 6%}
  .proc{padding:64px 6%}
  .resultados{padding:64px 6%}
  .obj{padding:64px 6%}
  .ctaf{padding:72px 6%}
}

/* WHATSAPP FLUTUANTE */
.wpp-float{
  position:fixed;
  bottom:24px;
  right:24px;
  width:58px;
  height:58px;
  background:#25D366;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 4px 20px rgba(0,0,0,.25);
  cursor:pointer;
  z-index:500;
  transition:transform .2s ease, box-shadow .2s ease;
  text-decoration:none;
}
.wpp-float:hover{
  transform:scale(1.08);
  box-shadow:0 6px 28px rgba(0,0,0,.32);
}
.wpp-float svg{width:30px;height:30px}
.wpp-pulse{
  position:absolute;
  inset:0;
  border-radius:50%;
  background:#25D366;
  animation:wpp-ping 2.2s cubic-bezier(0,0,.2,1) infinite;
  z-index:-1;
}
@keyframes wpp-ping{
  0%{transform:scale(1);opacity:.6}
  70%{transform:scale(1.9);opacity:0}
  100%{transform:scale(1.9);opacity:0}
}
@media(max-width:600px){
  .wpp-float{width:52px;height:52px;bottom:18px;right:18px}
  .wpp-float svg{width:27px;height:27px}
}
/* INSTAGRAM FLUTUANTE */
.ig-float{position:fixed;bottom:94px;right:24px;width:58px;height:58px;background:radial-gradient(circle at 30% 110%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(0,0,0,.25);cursor:pointer;z-index:500;transition:transform .2s ease, box-shadow .2s ease;text-decoration:none}
.ig-float:hover{transform:scale(1.08);box-shadow:0 6px 28px rgba(0,0,0,.32)}
.ig-float svg{width:28px;height:28px}

/* CTA INSTAGRAM INLINE */
.ig-cta{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--li);background:var(--br);padding:13px 24px;font-family:"DM Sans",sans-serif;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--pr);text-decoration:none;transition:border-color .2s, transform .2s}
.ig-cta:hover{border-color:var(--pr);transform:translateY(-2px)}
.ig-cta svg{width:16px;height:16px;flex-shrink:0}
.ig-wrap{text-align:center;margin-top:36px}

@media(max-width:600px){
  .ig-float{width:52px;height:52px;bottom:84px;right:18px}
  .ig-float svg{width:25px;height:25px}
}

/* BOTOES DE CONTATO (WhatsApp / Instagram) */
.btn-contato{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  width:100%;
  padding:16px 20px;
  font-family:"DM Sans",sans-serif;
  font-size:11px;
  letter-spacing:.16em;
  text-transform:uppercase;
  text-decoration:none;
  border:1px solid transparent;
  transition:opacity .2s, transform .2s, border-color .2s;
  margin-bottom:10px;
}
.btn-contato:hover{opacity:.82;transform:translateY(-1px)}
.btn-contato svg{width:17px;height:17px;flex-shrink:0}
.btn-contato-wpp{background:#25D366;color:#fff}
.btn-contato-ig{background:transparent;color:var(--pr);border-color:var(--li)}
.btn-contato-ig:hover{border-color:var(--pr);opacity:1}
.btn-contato-ig-dark{background:transparent;color:var(--br);border-color:rgba(255,255,255,.28)}
.btn-contato-ig-dark:hover{border-color:var(--br);opacity:1}
.ctaf-botoes{max-width:340px;margin:0 auto}