@font-face{font-family:'Marcellus';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/marcellus-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Marcellus';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/marcellus-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Jost';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/jost-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Jost';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/jost-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Jost';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/jost-500-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Jost';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/jost-500-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{--preto:#0B0B0A;--fundo:#1B1C16;--oliva:#4A5532;--oliva-esc:#333B22;--bege:#B3A78E;--bege-claro:#D9D0BF;--creme:#F3EFE8;--texto:#1E1F1A;--borda:rgba(243,239,232,.22)}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{font-family:'Jost',Arial,sans-serif;background:var(--fundo);color:var(--creme);-webkit-font-smoothing:antialiased;min-height:100vh}
a{color:inherit}
h1,h2,h3,.serif{font-family:'Marcellus',Georgia,serif;font-weight:400}
img{display:block;max-width:100%}
.wrap{width:100%;max-width:480px;margin:0 auto;padding:0 22px}

/* fundo: foto da clínica escurecida */
.fundo{position:fixed;inset:0;z-index:-1;background:#1B1C16 url(bg-clinica.jpg) center top/cover no-repeat}
@media (min-width:900px){.fundo{background-image:url(bg-clinica-2x.jpg);background-position:center 30%}}
.fundo:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(27,28,22,.35) 0%,rgba(27,28,22,.55) 30%,rgba(27,28,22,.88) 58%,rgba(27,28,22,.97) 100%)}

.topo{padding-top:52px;text-align:center}
.topo .logo{width:230px;height:auto;margin:0 auto}
.topo .logo.pequeno{width:170px}
.voltar{display:inline-flex;align-items:center;gap:8px;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--bege-claro);text-decoration:none;padding:8px 0}
.voltar svg{width:16px;height:16px}

.cabeca{text-align:center;margin-top:40px}
.cabeca .avatar{width:104px;height:104px;border-radius:50%;object-fit:cover;margin:0 auto;border:3px solid rgba(243,239,232,.9);box-shadow:0 10px 30px rgba(0,0,0,.4)}
.cabeca h1{font-size:26px;margin-top:14px;color:var(--creme)}
.sub{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--bege-claro);margin-top:6px}
.tag{font-family:'Marcellus',Georgia,serif;font-size:17px;color:var(--bege-claro);margin-top:12px}
.chips{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:14px}
.chip{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;padding:7px 12px;border-radius:999px;border:1px solid rgba(243,239,232,.35);color:var(--creme)}

.botoes{margin-top:18px}
.btn{display:flex;align-items:center;gap:14px;width:100%;text-decoration:none;border-radius:16px;padding:15px 18px;margin-top:12px;font-size:15px;line-height:1.2;transition:transform .15s ease,background .15s ease}
.btn:active{transform:scale(.985)}
.btn .ico{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex:none}
.btn .ico svg{width:20px;height:20px}
.btn .t{font-weight:500;display:block}
.btn .d{display:block;font-size:12.5px;opacity:.75;margin-top:3px;font-weight:400}
.btn .seta{margin-left:auto;opacity:.6;flex:none;width:18px;height:18px}
.btn.principal{background:var(--bege);color:var(--preto)}
.btn.principal .ico{background:rgba(11,11,10,.12)}
.btn.principal:hover{background:#c2b79f}
.btn.sec{background:rgba(243,239,232,.10);color:var(--creme);border:1px solid var(--borda);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.btn.sec:hover{background:rgba(243,239,232,.16)}
.btn.sec .ico{background:rgba(243,239,232,.14);color:var(--creme)}

.rodape{text-align:center;padding:34px 0 38px;color:var(--bege-claro)}
.rodape .rod-l1{font-family:'Marcellus',Georgia,serif;font-size:15px;letter-spacing:.06em;color:var(--creme)}
.rodape .rod-l2{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--bege);margin-top:6px}
.rodape .rod-l3{display:block;font-size:12.5px;line-height:1.7;margin-top:12px;opacity:.85;text-decoration:none;color:var(--bege-claro)}
.rodape .rod-legal{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:18px;padding-top:16px;border-top:1px solid rgba(243,239,232,.16);font-size:12.5px}
.rodape .rod-legal a{text-decoration:none;color:var(--bege-claro);white-space:nowrap}
.rodape .rod-legal span{opacity:.5}
.rodape .rod-click{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:14px;text-decoration:none;font-size:12px;color:var(--bege-claro);opacity:.85}
.rodape .rod-click img{width:auto;height:14px}

/* seção de tratamentos (bio) */
.secao{margin-top:34px}
.secao h2{font-size:22px;text-align:center;color:var(--creme)}
.secao .intro{text-align:center;font-size:13.5px;color:var(--bege-claro);margin-top:8px;line-height:1.5}
.cartao{margin-top:14px;padding:18px 18px 16px;border-radius:18px;background:rgba(243,239,232,.08);border:1px solid var(--borda);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.cartao h3{font-size:19px;color:var(--creme)}
.cartao ul{list-style:none;margin-top:10px;display:flex;flex-wrap:wrap;gap:8px}
.cartao li{font-size:12.5px;padding:6px 11px;border-radius:999px;border:1px solid rgba(243,239,232,.25);color:var(--bege-claro)}
.cartao .link{display:inline-flex;align-items:center;gap:8px;margin-top:14px;font-size:13.5px;color:var(--bege);text-decoration:none;font-weight:500}
.cartao .link svg{width:16px;height:16px}

/* galeria antes e depois */
.gal-cabeca{text-align:center;margin-top:34px}
.gal-cabeca h1{font-size:30px}
.gal-cabeca p{font-size:14px;color:var(--bege-claro);margin-top:10px;line-height:1.55}
.filtros{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:20px}
.filtro{font-family:inherit;font-size:12px;letter-spacing:.08em;text-transform:uppercase;padding:9px 13px;border-radius:999px;border:1px solid rgba(243,239,232,.3);background:transparent;color:var(--creme);cursor:pointer}
.filtro.ativo{background:var(--bege);color:var(--preto);border-color:var(--bege)}
.grade{margin-top:22px;display:grid;grid-template-columns:1fr;gap:16px;align-items:start}
.par{border-radius:18px;overflow:hidden;background:rgba(243,239,232,.07);border:1px solid var(--borda)}
.par.oculto{display:none}
.fotos{display:grid;gap:3px;background:rgba(243,239,232,.12)}
.fotos.h{grid-template-columns:1fr 1fr}
.fotos.v{grid-template-columns:1fr}
.foto{position:relative}
.foto img{width:100%;height:100%;object-fit:cover;aspect-ratio:var(--ar)}
.foto .rotulo{position:absolute;left:10px;top:10px;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;padding:5px 9px;border-radius:999px;background:rgba(11,11,10,.62);color:var(--creme);backdrop-filter:blur(6px)}
.foto .rotulo.depois{background:rgba(179,167,142,.92);color:var(--preto)}
.legenda{padding:13px 16px 14px;display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.legenda .trat{font-family:'Marcellus',Georgia,serif;font-size:18px}
.legenda .area{font-size:12.5px;color:var(--bege-claro);text-align:right}
.aviso{font-size:12px;color:var(--bege-claro);opacity:.8;line-height:1.55;text-align:center;margin-top:22px}
.cta-fixo{position:sticky;bottom:14px;margin:22px auto 0;z-index:5;max-width:480px}
.cta-fixo .btn{box-shadow:0 10px 30px rgba(0,0,0,.45)}

@media (min-width:760px){
  .wrap.largo{max-width:1040px}
  .grade{grid-template-columns:repeat(2,1fr);gap:20px}
}
@media (min-width:1100px){.grade{grid-template-columns:repeat(3,1fr)}}

/* escolha Google Maps ou Waze */
.escolha{position:fixed;inset:0;z-index:60;background:rgba(11,11,10,.62);display:flex;align-items:flex-end;justify-content:center;padding:16px}
.escolha[hidden]{display:none}
.escolha-caixa{width:100%;max-width:440px;background:#1F2019;border:1px solid var(--borda);border-radius:22px;padding:22px 18px 14px;text-align:center}
.escolha-titulo{font-family:'Marcellus',Georgia,serif;font-size:20px;color:var(--creme);margin-bottom:14px}
.escolha-btn{display:flex;align-items:center;justify-content:center;gap:10px;background:var(--bege);color:var(--preto);text-decoration:none;font-weight:500;font-size:15px;padding:15px;border-radius:14px;margin-top:10px}
.escolha-btn svg{width:20px;height:20px}
.escolha-btn+.escolha-btn{background:rgba(243,239,232,.12);color:var(--creme);border:1px solid var(--borda)}
.escolha-fechar{background:none;border:0;color:var(--bege-claro);font:inherit;font-size:13.5px;margin-top:14px;padding:8px;cursor:pointer}
@media (min-width:700px){.escolha{align-items:center}}