/* =========================================================
   Camila Esposito | Massoterapeuta — ajustes do cliente
   Carrega depois do style.css. Fontes autohospedadas (Cormorant Garamond + Nunito).
   ========================================================= */
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/cormorant-garamond-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Cormorant Garamond";font-style:italic;font-weight:500;font-display:swap;src:url(../fonts/cormorant-garamond-latin-500-italic.woff2) format("woff2")}
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/cormorant-garamond-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Cormorant Garamond";font-style:italic;font-weight:600;font-display:swap;src:url(../fonts/cormorant-garamond-latin-600-italic.woff2) format("woff2")}
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/cormorant-garamond-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Cormorant Garamond";font-style:italic;font-weight:700;font-display:swap;src:url(../fonts/cormorant-garamond-latin-700-italic.woff2) format("woff2")}
@font-face{font-family:"Nunito";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/nunito-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Nunito";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/nunito-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Nunito";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/nunito-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Nunito";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/nunito-latin-700-normal.woff2) format("woff2")}

/* ---------- Tipografia: Cormorant Garamond + 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: rosa claro com texto ameixa ---------- */
.hero .btn-primary,.section--dark .btn-primary,.wa-bar{background:#f7e6ea;color:#2a1426;border-color:#f7e6ea}
.hero .btn-primary:hover,.section--dark .btn-primary:hover{background:#fff1f4;border-color:#fff1f4}
.wa-bar{color:#2a1426}
.fab-whatsapp{border:2px solid #f7e6ea}
.section--dark .btn-outline{border-color:rgba(var(--on-dark),.5);color:var(--fg)}
.package-card__badge{background:var(--accent-dark);color:#2a1426}
.section--dark .package-card--hl{border-color:var(--accent-dark)}

/* ---------- Hero: logo do cliente 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:#f3dde2;color:var(--light-fg)}
.hero--light h1{color:#3a2236}
.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:#fdf6f7;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(166,63,104,.5);color:#5a3550}
.hero--light .btn-outline:hover{background:rgba(166,63,104,.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:#5a3550}
.header__nav a:hover{color:#2a1426}
.header__toggle{color:#3a2236}
.header.scrolled{background:rgba(243,221,226,.94);border-bottom-color:#e6c9d1}

/* 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:#f2e1e5;border-radius:22px}
.service-card--art .service-card__fade{background:linear-gradient(0deg,rgba(42,20,38,.55) 0%,rgba(42,20,38,.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:#f7e6ea;color:#2a1426;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:#fff1f4}
@media(max-width:767px){
  .services-grid.services-grid--6{grid-template-columns:repeat(2,1fr);gap:.65rem;max-width:none}
  .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:#6d4a63}

/* Planos: fundo verde da seção, cards claros com texto escuro */
.section--dark .package-card{background:#fbf3f4;border-color:#ecd3d9;color:#3a2236;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:#2a1426}
.section--dark .package-card__tag{color:#7a5570}
.section--dark .package-card__price{background:#f0dde2;color:#5a3550}
.section--dark .package-card li{color:#3a2236}
.section--dark .package-card li svg{color:#a63f68}
.section--dark .package-card--hl{border-color:#c4678b;box-shadow:0 16px 44px rgba(0,0,0,.28)}
.section--dark .package-card .btn-primary{background:var(--primary);color:#fdf6f7;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(166,63,104,.6);color:#5a3550}
.section--dark .package-card .btn-outline:hover{background:rgba(166,63,104,.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:#fbf3f4;border-color:#ecd3d9;color:#3a2236;box-shadow:0 8px 24px rgba(0,0,0,.16)}
.section--dark .review-card__name{color:#2a1426}
.section--dark .review-card__src{color:#7a5570}
.section--dark .review-card__tag{background:#f0dde2;color:#5a3550}
.section--dark .review-card__text{color:#3a2236}

/* Botão "Falar no WhatsApp" (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(247,230,234,.55)}70%{box-shadow:0 0 0 16px rgba(247,230,234,0)}100%{box-shadow:0 0 0 0 rgba(247,230,234,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:#fdf6f7;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:#fbf3f4;padding:3px;box-shadow:0 0 0 3px #e7a8c0,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:#38203a}
.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(42,20,38,.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:#f0dde2;color:#3a2236;letter-spacing:.05em}
.package-card--hl .package-card__badge{background:var(--accent-dark);color:#2a1426}
.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:#f7e6ea;border:1px solid #ecd3d9;border-radius:22px;padding:1.75rem 1.5rem;color:#3a2236}
.packages-custom h3{color:#2a1426;font-size:1.35rem;max-width:30rem}
.packages-custom p{color:#7a5570;margin:0 0 .9rem;font-size:.95rem}
.packages-custom .btn-primary{background:var(--primary);color:#fdf6f7;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,#ecd3d9);color:#3a2236}
.section--light .review-card__name{color:#2a1426}
.section--light .reviews-cta .btn-outline{border-color:rgba(166,63,104,.6);color:#5a3550}
.section--light .reviews-cta .btn-outline:hover{background:rgba(166,63,104,.08)}

/* Instagram: card claro, como o perfil de verdade */
.ig-card{max-width:52rem;margin:0 auto;background:#fffafa;color:#3a2236;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 #e7a8c0,0 0 0 5px #fffafa;background:#f7e6ea}
.ig-card .ig-handle{color:#2a1426}
.ig-card .ig-stats,.ig-card .ig-bio{color:#7a5570}
.ig-card .ig-stats strong,.ig-card .ig-bio strong{color:#2a1426}
.ig-card .btn-primary{background:var(--primary);color:#fdf6f7;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 #f0dde2;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,#e7a8c0,#c4678b 55%,#8a4a7a);transition:transform .25s ease}
.ig-hl__ring img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:2px solid #fffafa;display:block}
.ig-hl:hover .ig-hl__ring{transform:scale(1.08)}
.ig-hl__lb{font-size:.74rem;color:#5a3550;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:#f0dde2}
@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(2,1fr);gap:.8rem .6rem;padding:1.1rem 0}
  .stats-strip li{padding-left:.55rem;min-width:0}
  .stats-strip strong{font-size:1.1rem}
  .stats-strip span{font-size:.75rem;line-height:1.3}
  /* cards de atendimento em duas colunas */
  .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:#fdf6f7}
.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}

/* ---------- Camila: acabamentos da tipografia (Cormorant Garamond) ---------- */
h1,h2,h3,.stats-strip strong,.reviews-head .score,.drawer nav a{font-variant-numeric:lining-nums}
h2{line-height:1.22}
.footer__inner img{height:64px;width:auto}

/* ---------- Camila: legibilidade e alvos de toque ---------- */
.header{background:#f3dde2}
.ig-hl__lb{font-size:.75rem}
.package-card__badge{font-size:.75rem}
.service-card--art .service-card__cta{font-size:.9rem}
.header__nav a{display:inline-block;padding:.7rem .5rem}
.footer nav a{display:inline-block;padding:.75rem .55rem}
.footer__credit a{display:inline-block;padding:.85rem .6rem}
@media(max-width:767px){.ig-hl{width:60px}.ig-hl__ring{width:52px;height:52px}.ig-highlights{gap:.4rem}.ig-hl__lb{font-size:.75rem;line-height:1.15;white-space:normal;overflow:visible;text-overflow:clip}}

/* ---------- Camila: escala tipográfica ajustada à Cormorant (x-height menor) ---------- */
.section-title h2,.about-grid h2{font-size:clamp(2.2rem,4.8vw,3.5rem)}
.hero--center h1,.hero--light.hero--center h1{font-size:clamp(2.6rem,5.2vw,4.1rem);line-height:1.12;max-width:44rem}
.package-card h3,.dif-card h3{font-size:1.5rem}
.share-box__txt h3,.packages-custom__txt h3{font-size:1.4rem}
@media(max-width:767px){
  .section-title h2,.about-grid h2{font-size:clamp(2rem,8.4vw,2.4rem)}
  .hero--center h1,.hero--light.hero--center h1{font-size:clamp(2.3rem,9.4vw,2.8rem)}
  .package-card h3,.dif-card h3{font-size:1.4rem}
  .share-box__txt h3,.packages-custom__txt h3{font-size:1.3rem}
}
@media(max-width:767px){.service-card--art .service-card__cta{bottom:.6rem;padding:.5rem .9rem;font-size:.8rem}}
.footer__admin{text-decoration:underline;text-underline-offset:3px;opacity:.85}
.footer__admin:hover{opacity:1}
.header__cta{display:inline-flex;align-items:center;gap:.45rem;margin-left:1rem;padding:.6rem 1.1rem;border-radius:9px;background:var(--primary);color:#fff;font-weight:700;font-size:.9rem;white-space:nowrap}
.header__cta:hover{background:var(--primary-hover)}
.header__cta svg{width:1.1em;height:1.1em}
.drawer__cta{margin-top:.8rem;background:var(--primary);color:#fff!important;text-align:center;border-radius:10px;padding:.85rem 1rem!important;font-weight:700}
@media(max-width:899px){.header__cta{margin-left:auto;padding:.5rem .8rem;font-size:.82rem}.header__toggle{margin-left:.4rem!important}}