/* Saúde e Estética Corporal | mobile-first (base 390px, desktop via min-width) */
:root{--bg:#0f1113;--bg2:#171a1d;--card:#1d2125;--tx:#ece8e1;--mut:#a9a49b;--vin:#8a2a3f;--ouro:#c9a15b;--zap:#25D366;--r:14px}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:70px}
body{font:16px/1.65 Inter,system-ui,sans-serif;background:var(--bg);color:var(--tx);overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3{font-family:Fraunces,Georgia,serif;font-weight:700;line-height:1.15}
h1{font-size:2.15rem}
h2{font-size:1.75rem;margin-bottom:1rem}
h3{font-size:1.2rem;margin-bottom:.4rem}
.eyebrow{font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ouro);margin-bottom:.7rem;font-weight:600}
.lead{color:var(--mut);font-size:1.05rem}

/* topo e menu */
.topo{position:fixed;inset:0 0 auto 0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:60px;background:#0f1113ee}
.marca{font-family:Fraunces,serif;font-weight:700;text-decoration:none;font-size:1.05rem}
.marca span{color:var(--ouro)}
.burger{width:44px;height:44px;background:none;border:0;display:flex;flex-direction:column;justify-content:center;gap:6px;align-items:center;cursor:pointer}
.burger i{width:24px;height:2px;background:var(--tx);transition:.25s}
.burger[aria-expanded=true] i:nth-child(1){transform:translateY(8px) rotate(45deg)}
.burger[aria-expanded=true] i:nth-child(2){opacity:0}
.burger[aria-expanded=true] i:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
.menu{position:fixed;inset:60px 0 0 0;background:var(--bg);display:none;flex-direction:column;padding:24px 16px;gap:6px;z-index:49}
.menu.aberto{display:flex}
.menu a{padding:14px 4px;text-decoration:none;font-size:1.15rem;border-bottom:1px solid #ffffff14}
.menu .menu-cta{margin-top:16px;text-align:center;border:0}

/* botões */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 24px;border-radius:999px;font-weight:600;text-decoration:none;border:1.5px solid transparent;transition:transform .2s,background .2s}
.btn:active{transform:scale(.98)}
.btn-zap{background:var(--zap);color:#06240f}
.btn-ouro{background:var(--ouro);color:#201507}
.btn-linha{border-color:#ffffff40;color:var(--tx)}
.btn.grande{min-height:56px;font-size:1.05rem}
.ico{width:22px;height:22px}

/* hero */
.hero{padding:84px 16px 32px;display:grid;gap:28px}
.hero-txt{display:grid;gap:16px}
.acoes{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}
.hero-foto img{border-radius:var(--r);aspect-ratio:1200/757;height:auto;object-fit:cover;object-position:center;width:100%}
.faixa{background:var(--vin);padding:20px 16px;text-align:center}
.faixa p{max-width:640px;margin:0 auto}

/* seções */
.sec{padding:56px 16px}
.escura{background:var(--bg2)}
.cards{display:grid;gap:14px}
.card{background:var(--card);border-radius:var(--r);padding:22px;border:1px solid #ffffff0f}
.card p{color:var(--mut)}
.card b{color:var(--tx)}
.card.destaque{border-color:var(--ouro)}
.card .btn{margin-top:16px}
.equipe{display:grid;gap:18px;align-items:stretch}
.pessoa{display:grid;grid-template-rows:auto 1fr;gap:16px;background:var(--card);border-radius:var(--r);overflow:hidden;border:1px solid #ffffff0f}
.pessoa img{width:100%;height:auto;aspect-ratio:4/4.2;object-fit:cover;object-position:center}
.pessoa>div{padding:4px 22px 24px;display:flex;flex-direction:column;align-items:flex-start}
.papel{color:var(--ouro);font-size:.92rem;margin-bottom:.6rem;font-weight:500}
.ig{display:inline-block;margin-top:auto;padding-top:.8rem;color:var(--ouro);text-underline-offset:4px;min-height:44px;line-height:44px}
.passos{list-style:none;display:grid;gap:12px;counter-reset:p}
.passos li{counter-increment:p;background:var(--card);border-radius:var(--r);padding:20px 20px 20px 64px;position:relative;display:grid;gap:2px}
.passos li::before{content:counter(p);position:absolute;left:18px;top:18px;width:32px;height:32px;border-radius:50%;background:var(--vin);display:grid;place-items:center;font-weight:600}
.passos span{color:var(--mut)}
.galeria{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;align-items:start}
.galeria img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;border-radius:12px}
.contato{text-align:center}
.contato .lead{margin-bottom:22px}
.dados{list-style:none;margin-top:28px;display:grid;gap:8px;color:var(--mut)}
.dados a{color:var(--ouro)}
.rodape{padding:28px 16px 96px;text-align:center;border-top:1px solid #ffffff14;color:var(--mut)}
.peq{font-size:.82rem;margin-top:6px}

/* botão flutuante: ícone ocupa ~85% */
.flutuante{position:fixed;right:16px;bottom:16px;z-index:60;width:64px;height:64px;border-radius:50%;background:var(--zap);display:grid;place-items:center;box-shadow:0 6px 20px #0008}
.flutuante svg{width:85%;height:85%}

/* desktop */
@media (min-width:900px){
  h1{font-size:3.4rem}
  h2{font-size:2.3rem}
  .topo{padding:0 max(24px,calc((100vw - 1100px)/2))}
  .burger{display:none}
  .menu{position:static;display:flex;flex-direction:row;align-items:center;padding:0;gap:22px;background:none}
  .menu a{border:0;padding:0;font-size:.95rem}
  .menu .menu-cta{margin:0;padding:0 22px;min-height:42px;display:inline-flex;align-items:center}
  .hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:56px;padding:120px max(24px,calc((100vw - 1100px)/2)) 56px}
  .sec{padding:84px max(24px,calc((100vw - 1100px)/2))}
  .cards{grid-template-columns:repeat(3,1fr)}
  .cards.duas{grid-template-columns:repeat(2,1fr)}
  .equipe{grid-template-columns:1fr 1fr}
  .pessoa{grid-template-columns:1fr;}
  .passos{grid-template-columns:repeat(3,1fr)}
  .galeria{grid-template-columns:repeat(3,1fr)}
  .rodape{padding-bottom:40px}
}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* ===== Branding Jonathan (guia 22/10/2026): vinho #60272E, petróleo #27535D, sálvia #849A8D, creme #F2ECE3 | Lora/Raleway (títulos), Open Sans/Poppins (textos) ===== */
:root{--bg:#3a161c;--bg2:#2e1116;--card:#4a1d24;--tx:#F2ECE3;--mut:#d3c6b9;--vin:#60272E;--ouro:#9fb6a8;--petr:#27535D;--salv:#849A8D;--creme:#F2ECE3}
body{font-family:"Open Sans",system-ui,sans-serif}
h1,h2{font-family:Lora,Georgia,serif;font-weight:600}
h3,.eyebrow,.papel{font-family:Raleway,"Open Sans",sans-serif}
h3{font-weight:700}
.btn,.preco,.marca{font-family:Poppins,"Open Sans",sans-serif}
.topo{background:#3a161cee}
.marca{display:flex;align-items:center}
.marca img{height:46px;width:auto}
.btn-ouro{background:var(--creme);color:#60272E}
.btn-linha{border-color:#F2ECE355}
.faixa{background:var(--petr)}
.escura{background:var(--bg2)}
.card{border-color:#F2ECE31a}
.eyebrow{color:#a9bdb0}
.hero-foto.chamada img{aspect-ratio:4/5;object-fit:cover;border-radius:var(--r);max-width:480px;margin:0 auto}

/* v9: sequência do procedimento (fotos sem rosto de paciente) */
.proc{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:18px}
.proc figure{margin:0;display:grid;gap:8px}
.proc img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:12px;display:block}
.proc figcaption{font-size:.92rem;color:var(--mut);line-height:1.35}
.proc figcaption b{color:inherit;display:block}
@media(min-width:760px){.proc{grid-template-columns:repeat(4,1fr)}}


/* v10: depoimentos */
.dep{display:grid;gap:16px;margin-top:18px}
.dep figure{margin:0;display:grid;gap:8px}
.dep video,.dep img{width:100%;height:auto;max-height:560px;object-fit:cover;border-radius:12px;background:#000;display:block}
.dep figcaption{font-size:.92rem;color:var(--mut);line-height:1.35}
.dep figcaption b{display:block;color:inherit}
.aviso-dep{margin-top:14px;font-size:.85rem;color:var(--mut)}
@media(min-width:760px){.dep{grid-template-columns:repeat(3,1fr)}.dep.dois{grid-template-columns:repeat(2,1fr)}}