/* =========================================================
   Laura Carvalho | Toque Terapêutico — ajustes do cliente
   Carrega depois do style.css. Fontes autohospedadas (Fraunces + Hanken Grotesk).
   ========================================================= */
@font-face{font-family:"Fraunces";font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/fraunces-latin-wght-normal.woff2) format("woff2")}
@font-face{font-family:"Hanken Grotesk";font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/hanken-grotesk-latin-wght-normal.woff2) format("woff2")}

/* ---------- Tipografia (padrão Prado e Lima): Lora + destaque em itálico colorido ---------- */
h1,h2,h3{font-weight:500;letter-spacing:-.005em}
h1 em,h2 em{font-style:italic;font-weight:500;color:var(--accent)}
.hero h1 em{color:var(--accent-dark)}
.section--dark h2 em{color:var(--accent-dark)}

/* ---------- Visual mais arredondado e leve ---------- */
.btn-primary,.btn-outline{border-radius:999px;padding:.9rem 1.7rem}
.service-card,.package-card,.review-card,.contact-card,.contact-form,.step-card,.dif-card,.social-card,.equip-box,.faq-list details,.share-box{border-radius:22px}
.faq-list details{border-radius:18px}
.about-grid figure{border-radius:30px;padding:.6rem}
.about-grid figure img{border-radius:24px;aspect-ratio:4/5}
.field input,.field select,.field textarea{border-radius:14px}
.stats-strip strong{font-family:var(--font-display)}

/* ---------- Botões sobre fundo escuro: creme com texto verde-escuro ---------- */
.hero .btn-primary,.section--dark .btn-primary,.wa-bar{background:#f1e8d4;color:#1f2a21;border-color:#f1e8d4}
.hero .btn-primary:hover,.section--dark .btn-primary:hover{background:#fbf5e6;border-color:#fbf5e6}
.wa-bar{color:#1f2a21}
.fab-whatsapp{border:2px solid #f1e8d4}
.section--dark .btn-outline{border-color:rgba(var(--on-dark),.5);color:var(--fg)}
.package-card__badge{background:var(--accent-dark);color:#1f2a21}
.section--dark .package-card--hl{border-color:var(--accent-dark)}

/* ---------- Hero: logo da Laura como destaque principal ---------- */
.hero--center .hero__logo{width:min(440px,78vw);margin:0 auto 1.4rem;filter:drop-shadow(0 6px 28px rgba(0,0,0,.35))}
.hero--center .hero__overlay{background:radial-gradient(ellipse at center,rgba(var(--ink),.74) 0%,rgba(var(--ink),.88) 85%),linear-gradient(180deg,rgba(var(--ink),.5) 0%,transparent 30%,transparent 70%,rgba(var(--ink),.6) 100%)}
.hero--center h1{font-size:clamp(1.9rem,4vw,3rem);max-width:40rem;margin-left:auto;margin-right:auto}
.hero--center .hero__brand{letter-spacing:.26em}
.hero p.lead{max-width:34rem;margin-left:auto;margin-right:auto}
.header__logo img{height:50px}
@media(min-width:768px){.header__logo img{height:56px}}
@media(max-width:767px){.hero--center .hero__logo{width:min(300px,76vw);margin-bottom:1rem}}

/* ---------- Caixa: enviar portfólio por WhatsApp ---------- */
.share-box{margin:2.75rem auto 0;max-width:56rem;display:flex;flex-direction:column;align-items:center;gap:1.1rem;text-align:center;border:1px solid var(--border);background:var(--accent-soft);padding:1.75rem 1.5rem}
.share-box__ic{display:grid;place-items:center;width:52px;height:52px;border-radius:999px;background:var(--card);color:var(--accent);border:1px solid var(--border)}
.share-box__ic svg{width:24px;height:24px}
.share-box h3{font-size:1.35rem}
.share-box p{margin-top:.35rem;color:var(--muted);font-size:.95rem}
.share-box .btn-primary{white-space:normal}
@media(min-width:820px){.share-box{flex-direction:row;text-align:left;justify-content:space-between;padding:1.6rem 2rem;gap:1.5rem}.share-box__txt{flex:1}}
@media(max-width:767px){.share-box{margin-top:1.75rem;padding:1.35rem 1.1rem}.share-box h3{font-size:1.15rem}}

/* ---------- Avaliações ---------- */
.reviews-head{margin-bottom:2.5rem}
.reviews-head .score{font-family:var(--font-display)}
.review-card__text{font-size:1.02rem}
.reviews-cta .btn-outline svg{width:1.1em;height:1.1em}
@media(max-width:767px){.reviews-head{margin-bottom:1.5rem}}

/* ---------- Pacotes: preço sob consulta com visual discreto ---------- */
.package-card__price{font-size:1.02rem;font-family:var(--font-sans);font-weight:500;color:var(--accent);padding:.5rem .9rem;border-radius:999px;background:var(--accent-soft);align-self:flex-start}

/* ---------- Serviços ---------- */
.service-card__fade{background:linear-gradient(0deg,rgba(var(--ink),.94) 0%,rgba(var(--ink),.5) 42%,transparent 76%)}
.service-card__body h3{font-weight:500}

/* =========================================================
   v2 — hero claro (cor original do logo), header claro, cards só com arte
   ========================================================= */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Hero: fundo na cor original do logo + logo com as cores originais */
.hero--light{background:#ebe3d4;color:var(--light-fg)}
.hero--light h1{color:#2a3226}
.hero--light h1 em,.hero--light .hero h1 em{color:var(--light-accent)}
.hero--light p.lead{color:var(--light-muted)}
.hero--light .btn-primary{background:var(--primary);color:#f7f2eb;border-color:var(--primary)}
.hero--light .btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}
.hero--light .btn-outline{border-color:rgba(75,94,68,.5);color:#3b4a35}
.hero--light .btn-outline:hover{background:rgba(75,94,68,.08)}
.hero--light.hero--center .hero__logo{filter:none;width:min(520px,80vw);margin:0 auto 1.6rem}
@media(max-width:767px){.hero--light.hero--center .hero__logo{width:min(330px,82vw);margin-bottom:1.1rem}}

/* Header sobre fundo claro */
.header__nav a{color:#3b4a35}
.header__nav a:hover{color:#1f2a21}
.header__toggle{color:#2a3226}
.header.scrolled{background:rgba(235,227,212,.94);border-bottom-color:#d8ceb9}

/* Cards de atendimento: a arte já traz título, texto e ícones — só o botão "Agendar" fica por cima */
.service-card--art{display:block;aspect-ratio:2/3!important;min-height:0!important;border:0;background:#e4e8dc;border-radius:22px}
.service-card--art .service-card__fade{background:linear-gradient(0deg,rgba(31,42,33,.55) 0%,rgba(31,42,33,.16) 18%,transparent 34%)}
.service-card--art .service-card__cta{position:absolute;left:50%;bottom:1.1rem;transform:translateX(-50%);margin:0;padding:.72rem 1.6rem;border-radius:999px;background:#f1e8d4;color:#1f2a21;font-size:.92rem;font-weight:600;white-space:nowrap;box-shadow:0 6px 18px rgba(0,0,0,.28);transition:background .2s ease}
.service-card--art:hover .service-card__cta,.service-card--art:focus-visible .service-card__cta{background:#fbf5e6}
@media(max-width:767px){
  .services-grid.services-grid--6{grid-template-columns:1fr;gap:1rem;max-width:26rem;margin-left:auto;margin-right:auto}
  .service-card--art{border-radius:18px}
  .service-card--art .service-card__cta{bottom:.9rem;padding:.65rem 1.4rem;font-size:.86rem}
}


/* =========================================================
   v3 — hero off-white mais escuro, planos e avaliações claros, CTA de dores,
   botão animado, bloco do Instagram
   ========================================================= */
.hero--light p.lead{color:#4a5645}

/* Planos: fundo verde da seção, cards claros com texto escuro */
.section--dark .package-card{background:#f6f1e8;border-color:#e2dac9;color:#2a3226;box-shadow:0 10px 30px rgba(0,0,0,.18);transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease}
.section--dark .package-card h3{color:#1f2a21}
.section--dark .package-card__tag{color:#5f6a59}
.section--dark .package-card__price{background:#e8e0cf;color:#3b4a35}
.section--dark .package-card li{color:#2a3226}
.section--dark .package-card li svg{color:#4b5e44}
.section--dark .package-card--hl{border-color:#b99a5a;box-shadow:0 16px 44px rgba(0,0,0,.28)}
.section--dark .package-card .btn-primary{background:var(--primary);color:#f7f2eb;border-color:var(--primary)}
.section--dark .package-card .btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}
.section--dark .package-card .btn-outline{border-color:rgba(75,94,68,.6);color:#3b4a35}
.section--dark .package-card .btn-outline:hover{background:rgba(75,94,68,.1)}
@media(hover:hover){.section--dark .package-card:hover{transform:translateY(-10px) scale(1.035);box-shadow:0 26px 60px rgba(0,0,0,.38)}}
.packages-custom{margin:3rem auto 0;max-width:40rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.5rem}
.packages-custom h3{font-size:clamp(1.3rem,3vw,1.75rem);color:var(--fg)}
.packages-custom p{color:var(--muted);margin-bottom:.9rem}
@media(max-width:767px){.packages-custom{margin-top:2rem}}

/* Avaliações: cards claros */
.section--dark .review-card{background:#f6f1e8;border-color:#e2dac9;color:#2a3226;box-shadow:0 8px 24px rgba(0,0,0,.16)}
.section--dark .review-card__name{color:#1f2a21}
.section--dark .review-card__src{color:#5f6a59}
.section--dark .review-card__tag{background:#e8e0cf;color:#3b4a35}
.section--dark .review-card__text{color:#2a3226}

/* Botão "Falar com a Laura" (sobre) animado */
.about-grid .btn-primary{position:relative;transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s ease,background-color .2s ease;animation:btnPulse 2.8s ease-out infinite}
.about-grid .btn-primary:hover{transform:translateY(-4px) scale(1.06);box-shadow:0 14px 30px rgba(0,0,0,.35);animation-play-state:paused}
.about-grid .btn-primary svg{transition:transform .3s ease}
.about-grid .btn-primary:hover svg{transform:rotate(-12deg) scale(1.15)}
@keyframes btnPulse{0%{box-shadow:0 0 0 0 rgba(241,232,212,.55)}70%{box-shadow:0 0 0 16px rgba(241,232,212,0)}100%{box-shadow:0 0 0 0 rgba(241,232,212,0)}}
@media(prefers-reduced-motion:reduce){.about-grid .btn-primary{animation:none}.section--dark .package-card:hover{transform:none}}

/* CTA de dores */
.share-box .btn-primary{background:var(--primary);color:#f7f2eb;border-color:var(--primary)}
.share-box .btn-primary:hover{background:var(--primary-hover)}

/* Instagram */
.ig-profile{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem;max-width:48rem;margin:0 auto 2rem}
.ig-avatar{display:grid;place-items:center;width:92px;height:92px;border-radius:50%;background:#f6f1e8;padding:3px;box-shadow:0 0 0 3px #d6bf93,0 0 0 5px var(--bg)}
.ig-avatar img{width:62%;height:auto}
.ig-handle{font-weight:600;font-size:1.1rem}
.ig-stats{margin-top:.15rem;color:var(--muted);font-size:.95rem}
.ig-stats strong{color:var(--fg)}
.ig-bio{margin-top:.5rem;font-size:.92rem;color:var(--muted);line-height:1.5;max-width:30rem}
.ig-bio strong{color:var(--fg);font-weight:600}
@media(min-width:768px){.ig-profile{flex-direction:row;text-align:left;gap:1.75rem;justify-content:center}.ig-profile__txt{flex:1;max-width:30rem}}
.ig-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;max-width:56rem;margin:0 auto}
.ig-post{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;border-radius:14px;background:#2a372c}
.ig-post img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .5s ease}
.ig-post__ic{position:absolute;top:.6rem;right:.6rem;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:rgba(31,42,33,.55);color:#fff;opacity:0;transition:opacity .25s ease}
.ig-post__ic svg{width:15px;height:15px}
.ig-post:hover img{transform:scale(1.06)}
.ig-post:hover .ig-post__ic{opacity:1}
@media(max-width:767px){.ig-grid{gap:.3rem}.ig-post{border-radius:8px}.ig-avatar{width:78px;height:78px}}


/* =========================================================
   v4 — selos nos planos, CTA de plano em caixa, Instagram em card claro,
   rodapé com crédito, ajustes mobile
   ========================================================= */
/* Selos: todos os planos */
.package-card{padding-top:2.4rem}
.package-card__badge{background:#e8e0cf;color:#2a3226;letter-spacing:.05em}
.package-card--hl .package-card__badge{background:var(--accent-dark);color:#1f2a21}
.package-card h3{margin-top:.1rem}
.package-card__tag{margin-bottom:.6rem}

/* CTA de plano personalizado: caixa igual à do CTA de dores */
.packages-custom{margin:3rem auto 0;max-width:56rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.4rem;background:#f1eadc;border:1px solid #e2dac9;border-radius:22px;padding:1.75rem 1.5rem;color:#2a3226}
.packages-custom h3{color:#1f2a21;font-size:1.35rem;max-width:30rem}
.packages-custom p{color:#5f6a59;margin:0 0 .9rem;font-size:.95rem}
.packages-custom .btn-primary{background:var(--primary);color:#f7f2eb;border-color:var(--primary)}
.packages-custom .btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}
@media(min-width:820px){.packages-custom{flex-direction:row;text-align:left;justify-content:space-between;padding:1.6rem 2rem;gap:1.5rem}.packages-custom__txt{flex:1}.packages-custom h3{max-width:none}.packages-custom p{margin:.3rem 0 0}}
@media(max-width:767px){.packages-custom{margin-top:2rem;padding:1.35rem 1.1rem}.packages-custom h3{font-size:1.15rem}}

/* Avaliações agora em seção clara: cards brancos */
.section--light .review-card{background:#fff;border-color:var(--light-border,#e2dac9);color:#2a3226}
.section--light .review-card__name{color:#1f2a21}
.section--light .reviews-cta .btn-outline{border-color:rgba(75,94,68,.6);color:#3b4a35}
.section--light .reviews-cta .btn-outline:hover{background:rgba(75,94,68,.08)}

/* Instagram: card claro, como o perfil de verdade */
.ig-card{max-width:52rem;margin:0 auto;background:#fbf8f2;color:#2a3226;border-radius:28px;padding:1.75rem 1.5rem 1.5rem;box-shadow:0 18px 48px rgba(0,0,0,.28)}
.ig-card .ig-profile{margin:0 auto 1.4rem;max-width:none}
.ig-card .ig-avatar{box-shadow:0 0 0 3px #d6bf93,0 0 0 5px #fbf8f2;background:#f1eadc}
.ig-card .ig-handle{color:#1f2a21}
.ig-card .ig-stats,.ig-card .ig-bio{color:#5f6a59}
.ig-card .ig-stats strong,.ig-card .ig-bio strong{color:#1f2a21}
.ig-card .btn-primary{background:var(--primary);color:#f7f2eb;border-color:var(--primary)}
.ig-card .btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}
.ig-highlights{display:flex;gap:1.1rem;justify-content:flex-start;overflow-x:auto;padding:.2rem .2rem 1.1rem;margin:0 0 1rem;border-bottom:1px solid #e8e0cf;scrollbar-width:none}
.ig-highlights::-webkit-scrollbar{display:none}
@media(min-width:640px){.ig-highlights{justify-content:center;gap:1.6rem}}
.ig-hl{display:flex;flex-direction:column;align-items:center;gap:.45rem;flex:0 0 auto;width:72px}
.ig-hl__ring{display:block;width:68px;height:68px;border-radius:50%;padding:3px;background:linear-gradient(45deg,#d6bf93,#b99a5a 55%,#6a7f5f);transition:transform .25s ease}
.ig-hl__ring img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:2px solid #fbf8f2;display:block}
.ig-hl:hover .ig-hl__ring{transform:scale(1.08)}
.ig-hl__lb{font-size:.74rem;color:#3b4a35;text-align:center;line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ig-card .ig-grid{max-width:none}
.ig-card .ig-post{background:#e8e0cf}
@media(min-width:768px){.ig-card{padding:2rem 2rem 1.75rem}.ig-hl{width:84px}.ig-hl__ring{width:78px;height:78px}.ig-hl__lb{font-size:.8rem}}

/* Rodapé: crédito discreto */
.footer__credit{opacity:.7;font-size:.78rem}
.footer__credit a{color:inherit;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(255,255,255,.3)}
.footer__credit a:hover{opacity:1;color:var(--accent-dark)}

/* ---------- Mobile ---------- */
@media(max-width:767px){
  /* cabeçalho com logotipo à esquerda */
  .header__logo{display:block}
  .header__logo img{height:40px}
  /* faixa: 3 itens em uma linha */
  .stats-strip ul{grid-template-columns:repeat(3,1fr);gap:.4rem;padding:1rem 0}
  .stats-strip li:nth-child(4){display:none}
  .stats-strip li{padding-left:.55rem;min-width:0}
  .stats-strip strong{font-size:.98rem}
  .stats-strip span{font-size:.64rem;line-height:1.25}
  /* cards de atendimento em duas colunas */
  .services-grid.services-grid--6{grid-template-columns:repeat(2,1fr);gap:.6rem;max-width:none}
  .service-card--art{border-radius:14px}
  .service-card--art .service-card__cta{bottom:.55rem;padding:.5rem .8rem;font-size:.74rem;gap:.25rem}
  .service-card--art .service-card__cta svg{display:none}
  .ig-card{padding:1.35rem 1rem 1.1rem;border-radius:22px}
}
@media(max-width:767px){.ig-highlights{gap:.5rem;justify-content:center}.ig-hl{width:56px}.ig-hl__ring{width:54px;height:54px}.ig-hl__lb{font-size:.66rem}}

/* v5 — perfil do Instagram fiel ao real */
.ig-card .ig-avatar{padding:0;overflow:hidden;background:#f7f2eb}
.ig-card .ig-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.ig-stats{display:flex;flex-wrap:wrap;gap:.35rem 1.2rem;justify-content:inherit;font-size:.95rem}
@media(max-width:767px){.ig-stats{justify-content:center;gap:.3rem .9rem}}
.ig-bio{font-size:.9rem;line-height:1.55}

/* =========================================================
   v6 — modernização visual (mesma estrutura, textos e hierarquia da v5)
   Alma: "respirar fundo" — papel quente, floresta profunda, movimento lento.
   Um raio (--r), sombras planas, rótulos espaçados, tipografia leve.
   ========================================================= */
:root{--r:24px;--ease:cubic-bezier(.22,.7,.2,1);--gutter:clamp(20px,5vw,56px);--sec:clamp(5rem,11vw,9.5rem)}
@media(max-width:767px){:root{--r:18px;--sec:3.75rem}}
html.lenis,html.lenis body{height:auto}
html.lenis{scroll-behavior:auto!important}
.lenis.lenis-stopped{overflow:hidden}
body{font-family:var(--font-sans);font-weight:400;letter-spacing:-.003em;font-size:1.0625rem;line-height:1.6}
.container{max-width:1240px;padding:0 var(--gutter)}

/* tipografia: Fraunces leve, sem itálico; destaque em cor */
h1,h2,h3{font-family:var(--font-display);font-weight:340;letter-spacing:-.022em;line-height:1.08;font-optical-sizing:auto}
h3{font-weight:400;letter-spacing:-.012em;line-height:1.2}
h1 em,h2 em,h3 em{font-style:normal;font-weight:400;color:var(--accent)}
.hero h1 em,.section--dark h2 em{color:var(--accent-dark)}
.section-title h2,.about-grid h2{font-size:clamp(2.1rem,5.2vw,3.9rem)}
.eyebrow,.hero__brand,.contact-card .label,.package-card__badge{font-family:var(--font-sans);font-size:.72rem;font-weight:600;letter-spacing:.3em;text-transform:uppercase}
.hero__brand{letter-spacing:.34em}
.section-title p{font-size:clamp(1.02rem,1.5vw,1.15rem);max-width:36rem;margin-left:auto;margin-right:auto;line-height:1.6}

/* ritmo e espaço */
.section{padding:var(--sec) 0}
.section--compact{padding:calc(var(--sec)*.75) 0}
.section-title{margin-bottom:clamp(2.2rem,5vw,4rem);max-width:46rem}
.section-title .rule{width:36px;height:1px;background:var(--accent);margin-bottom:1.5rem;transform-origin:50% 50%;transition:transform 1.1s var(--ease)}
.motion-on .section-title:not(.is-in) .rule{transform:scaleX(0)}
.section--dark{background:radial-gradient(ellipse 80% 55% at 50% 0%,rgba(var(--glow),.32),transparent 70%),var(--bg)}
.section--light{background:var(--offwhite)}

/* um raio só */
.service-card,.package-card,.review-card,.contact-card,.contact-form,.step-card,.dif-card,.social-card,.equip-box,.share-box,.packages-custom,.ig-card,.inc-col,.map-frame,.about-grid figure,.about-grid figure img,.ig-post{border-radius:var(--r)!important}
.faq-list details{border-radius:var(--r)}
.field input,.field select,.field textarea{border-radius:16px}
.service-card--art{border-radius:var(--r)!important}

/* sombras planas */
.section--dark .package-card,.section--dark .review-card,.ig-card,.section--dark .package-card--hl,.service-card--art .service-card__cta{box-shadow:none}
.review-card,.section--light .review-card{box-shadow:none}
.ig-card{background:#f7f2e8;border:1px solid rgba(255,255,255,.06)}

/* botões: pílula, escuro sobre claro / creme sobre escuro */
.btn-primary,.btn-outline{border-radius:999px;font-family:var(--font-sans);font-weight:600;font-size:.95rem;letter-spacing:.005em;padding:1rem 1.8rem;min-height:48px;transition:background-color .35s var(--ease),color .35s var(--ease),border-color .35s var(--ease),transform .35s var(--ease)}
.btn-primary{background:var(--primary);border-color:var(--primary);color:#f6f1e8}
.btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}
.hero .btn-primary,.section--dark .btn-primary{background:#f2ead8;color:#16201a;border-color:#f2ead8}
.hero .btn-primary:hover,.section--dark .btn-primary:hover{background:#fff8e8;border-color:#fff8e8}
.hero--light .btn-primary,.section--dark .package-card .btn-primary,.share-box .btn-primary,.packages-custom .btn-primary,.ig-card .btn-primary{background:var(--primary);color:#f6f1e8;border-color:var(--primary)}
.hero--light .btn-primary:hover,.section--dark .package-card .btn-primary:hover,.share-box .btn-primary:hover,.packages-custom .btn-primary:hover,.ig-card .btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}
.btn-primary svg,.btn-outline svg{width:1.2em;height:1.2em}
.wa-bar{background:#f2ead8;color:#16201a}
.fab-whatsapp{background:#f2ead8;color:#16201a;border:0;box-shadow:0 2px 12px rgba(0,0,0,.25)}

/* header: vidro claro, links com rastro */
.header{transition:background-color .5s var(--ease),border-color .5s var(--ease),transform .5s var(--ease)}
.header.scrolled{background:rgba(236,228,211,.82);backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);border-bottom-color:rgba(33,42,33,.08)}
.header__nav{gap:2.4rem}
.header__nav a{position:relative;font-size:.76rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#2f3d2e;padding:.6rem 0}
.header__nav a::after{content:"";position:absolute;left:0;right:0;bottom:.15rem;height:1px;background:currentColor;transform:scaleX(0);transform-origin:0 50%;transition:transform .5s var(--ease)}
.header__nav a:hover{color:#16201a}
.header__nav a:hover::after{transform:scaleX(1)}

/* hero: papel quente, respiro e uma marca memorável */
.hero--light{background:#ece4d3;isolation:isolate}
.hero--light::before,.hero--light::after{content:"";position:absolute;z-index:-1;border-radius:50%;pointer-events:none;filter:blur(60px);will-change:transform}
.hero--light::before{width:min(62vw,720px);aspect-ratio:1;left:-14vw;top:-12vw;background:radial-gradient(circle,rgba(111,138,98,.30),transparent 66%);animation:drift 22s ease-in-out infinite alternate}
.hero--light::after{width:min(54vw,620px);aspect-ratio:1;right:-12vw;bottom:-14vw;background:radial-gradient(circle,rgba(214,191,147,.55),transparent 66%);animation:drift 26s ease-in-out -8s infinite alternate-reverse}
@keyframes drift{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(4vw,3vw,0) scale(1.12)}}
.hero--light.hero--center .hero__logo{animation:breathe 8s ease-in-out infinite;transform-origin:50% 55%}
@keyframes breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.025)}}
.hero--center h1{font-size:clamp(2.3rem,5.4vw,4.6rem);max-width:46rem;font-weight:320;line-height:1.04}
.hero p.lead{font-size:clamp(1.02rem,1.4vw,1.2rem);color:#44513f}
.hero--center .hero__actions{margin-top:2.4rem}
.hero--light .btn-outline{border-color:rgba(47,61,46,.4);color:#2f3d2e}
.hero--light .btn-outline:hover{background:rgba(47,61,46,.08);border-color:rgba(47,61,46,.6)}
@media(max-width:767px){.hero--center h1{font-size:clamp(2rem,9vw,2.7rem)}.hero--light.hero--center .hero__logo{width:min(300px,76vw)}}

/* faixa de destaques: plana e escura, rótulos finos */
.stats-strip{background:var(--bg);border-top:0}
.stats-strip li{border-left:1px solid rgba(var(--accent-rgb),.35)}
.stats-strip strong{font-weight:400;letter-spacing:-.01em}
.stats-strip span{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(244,238,226,.72)}
@media(min-width:900px){.stats-strip ul{padding:2rem 0}.stats-strip strong{font-size:1.65rem}}

/* serviços */
.service-card--art{background:#e4e8dc;border:0;overflow:hidden}
.service-card--art img{transition:transform 1.2s var(--ease)}
@media(hover:hover){.service-card--art:hover img{transform:scale(1.035)}}
.service-card--art .service-card__cta{background:#f2ead8;color:#16201a;font-size:.88rem;box-shadow:none;transition:background-color .35s var(--ease),transform .35s var(--ease)}
@media(hover:hover){.service-card--art:hover .service-card__cta{transform:translateX(-50%) translateY(-3px)}}
.share-box,.packages-custom{background:#efe8d9;border:1px solid #e0d7c5}
.share-box h3,.packages-custom h3{font-size:clamp(1.35rem,2.4vw,1.8rem);font-weight:360}
.section--light .share-box h3{color:#1c261c}

/* pacotes */
.section--dark .package-card{background:#f5f0e6;border:1px solid transparent;transition:transform .6s var(--ease)}
.section--dark .package-card--hl{border-color:#d6bf93;background:#f9f4ea}
@media(hover:hover){.section--dark .package-card:hover{transform:translateY(-8px);box-shadow:none}}
.package-card__badge{background:#e6decb;color:#2a3626}
.package-card--hl .package-card__badge{background:#d6bf93;color:#16201a}
.package-card h3{font-size:1.7rem}
.package-card__price{font-family:var(--font-sans)}
.section--dark .package-card li{color:#212a21}

/* avaliações / instagram / difer / sobre / faq / contato */
.review-card{background:#fff;border:1px solid #e6dfcf}
.review-card__text{font-size:1rem;line-height:1.65}
.reviews-head .score{font-weight:300;letter-spacing:-.03em;font-size:clamp(4rem,8vw,6rem)}
.avatar{font-family:var(--font-display);font-weight:400}
.ig-card{border-radius:var(--r)!important}
.ig-hl__ring{background:conic-gradient(from 200deg,#d6bf93,#6f8a62,#d6bf93)}
.ig-post img{transition:transform 1.2s var(--ease)}
.dif-card{background:#fff;border:1px solid #e6dfcf}
.dif-ic{background:#e9efe2;color:#41563f}
.about-grid{gap:clamp(2rem,6vw,6rem)}
.about-grid figure{border:0;padding:0;overflow:hidden;background:#d9d2c0}
.about-grid figure img{width:100%;height:100%;aspect-ratio:4/5;object-fit:cover;border-radius:0!important}
.about-grid p.body{font-size:1.08rem;line-height:1.75}
.about-list .icon-box{border-radius:999px;background:transparent}
.faq-list summary{font-family:var(--font-display);font-weight:380;font-size:1.15rem;letter-spacing:-.01em;padding:1.3rem 0}
.faq-list summary::after{content:"+";font-family:var(--font-sans);font-weight:300;font-size:1.7rem;transition:transform .5s var(--ease)}
.section--light .faq-list details{background:#fff}
.faq-list details{transition:border-color .35s var(--ease)}
.faq-list details[open]{border-color:rgba(65,86,63,.4)}
.contact-card .label{letter-spacing:.22em}
.contact-form{background:#fff}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--light-accent);box-shadow:0 0 0 3px rgba(65,86,63,.15)}
.footer{background:var(--footer-bg)}

/* progresso de rolagem em CSS puro (sem JS) */
@supports (animation-timeline:scroll()){
  body::before{content:"";position:fixed;inset:0 0 auto 0;height:2px;background:var(--accent-dark);transform:scaleX(0);transform-origin:0 50%;z-index:90;pointer-events:none;animation:sprog linear both;animation-timeline:scroll(root)}
  @keyframes sprog{to{transform:scaleX(1)}}
}
/* zoom do iOS: esconde elementos fixos enquanto a página está ampliada */
html.vv-zoomed .fab-whatsapp,html.vv-zoomed .wa-bar{opacity:0!important;pointer-events:none!important}
@media(prefers-reduced-motion:reduce){
  .hero--light::before,.hero--light::after,.hero--light.hero--center .hero__logo{animation:none}
  .section-title .rule{transition:none}
  .motion-on .section-title:not(.is-in) .rule{transform:none}
  body::before{display:none}
}
.hero--light h1 em,.hero--light.hero--center h1 em{color:var(--light-accent)}
.section--dark .faq-list details{background:var(--card);border-color:rgba(255,255,255,.1)}
.section--dark .faq-list details[open]{border-color:rgba(var(--accent-rgb),.5)}
.section--dark .faq-list summary{color:var(--fg)}
.section--dark .about-grid p.body{color:rgba(var(--on-dark),.86)}
@media(max-width:767px){
  .stats-strip span{letter-spacing:.06em;font-size:.6rem}
  .stats-strip li{padding-left:.5rem}
  .hero--center{min-height:max(100svh,700px)}
}
.header{background:rgba(236,228,211,.55)}
@media(min-width:768px){.header__nav a{color:#2a382a}}
@media(max-width:767px),(pointer:coarse){.reveal{transition:opacity .3s var(--ease),transform .3s var(--ease)}}
.packages-grid{grid-template-columns:minmax(0,1fr)}
@media(min-width:900px){.packages-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:480px){.package-card__badge{letter-spacing:.14em;font-size:.64rem;padding:.25rem .7rem}}
