:root {
    --header-bkg:#111; --header-borda:transparent; --header-menu:#fff;
    --fundo:#fff; --fundo-secundario:#faf8f4; --fundo-card:#faf8f4; --fundo-claro:#eee8dd;
    --texto:#242424; --texto-secundario:#777; --texto-suave:#999; --texto-escuro:#1a1a1a; --texto-faq:#777;
    --destaque:#d0b88f; --destaque-texto:#111;
    --botao-fundo:#fff; --botao-texto:#111; --botao-escuro-fundo:#111; --botao-escuro-hover:#000; --botao-escuro-texto:#fff;
    --borda:#e0d9cd;
    --faixa-fundo:#d0b88f; --faixa-texto:#111;
    --cta-fundo:#d0b88f; --cta-texto:#111;
    --footer-bkg:#111; --footer-texto:#999;
    --painel-escuro:#111; --painel-escuro-texto:#fff; --painel-texto-fraco:#bdbdbd;
    interpolate-size:allow-keywords;
}
*               { margin:0; padding:0; box-sizing:border-box;    }
html            { scroll-behavior:smooth;    }
body            { font-family:Arial,Helvetica,sans-serif; color:var(--texto); background:var(--fundo);    }
a               { text-decoration:none;    }
header          { position:sticky; top:40px; z-index:1000; height:80px; background:var(--header-bkg);    }
header .content { height:80px; padding:0 20px; display:flex; align-items:center; justify-content:space-between; gap:30px;    }
.content        { width:100%; max-width:1400px; margin:0 auto; padding:0 20px;    }
.logo           { color:var(--header-menu); font-size:25px; font-weight:300; letter-spacing:2px;    }
.logo b         { font-weight:800; }
nav             { display:flex; gap:27px; align-items:center; }
nav a           { color:var(--header-menu); font-size:13px; }
.btn            { display:inline-block; padding:14px 23px; border-radius:4px; background:var(--botao-fundo); color:var(--botao-texto); font-size:13px; font-weight:bold; }
.hero           { min-height:650px; background:var(--painel-escuro); color:var(--painel-escuro-texto); scroll-margin-top:120px;    }
.hero .content  { display:grid; grid-template-columns:.9fr 1.1fr; min-height:650px;    }
.hero-texto     { padding:90px 0; display:flex; flex-direction:column; justify-content:center;    }
.hero-texto span{ color:var(--destaque); font-size:11px; font-weight:bold; letter-spacing:2px; text-transform:uppercase; }
.hero h1        { margin:17px 0 24px; font-size:58px; line-height:1.02; font-weight:300; }
.hero h1 b      { color:var(--destaque); }
.hero p         { max-width:520px; margin-bottom:30px; color:var(--painel-texto-fraco); line-height:1.8; }
.hero-img img   { width:100%; height:100%; object-fit:cover; }
.resultados     { padding:45px 0; background:var(--faixa-fundo); color:var(--faixa-texto); }
.resultados .content { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.resultado      { text-align:center; }
.resultado strong { display:block; font-size:30px; }
.resultado span { font-size:12px; }
section         { padding:90px 0; scroll-margin-top:120px; }
.titulo         { max-width:720px; margin-bottom:45px; }
.titulo span    { color:var(--destaque); font-size:11px; font-weight:bold; text-transform:uppercase; letter-spacing:2px; }
.titulo h2      { margin-top:10px; font-size:42px; }
.tratamentos    { background:var(--fundo-secundario); }
.grid-tratamentos { display:grid; grid-template-columns:2fr 1fr 1fr; grid-template-rows:240px 240px; gap:15px; }
.card           { position:relative; overflow:hidden; border-radius:6px; background:var(--painel-escuro); }
.card:first-child { grid-row:1 / 3; }
.card img       { width:100%; height:100%; object-fit:cover; opacity:.72; transition:.3s; }
.card:hover img { transform:scale(1.05); }
.card div       { position:absolute; left:22px; right:22px; bottom:20px; color:var(--painel-escuro-texto); }
.card h3        { margin-bottom:5px; font-size:22px; }
.card p         { color:var(--painel-texto-fraco); font-size:12px; }
.antes-depois   { background:var(--painel-escuro); color:var(--painel-escuro-texto); }
.antes-depois .titulo h2 { color:var(--painel-escuro-texto); }
.comparacao     { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.foto-resultado { position:relative; height:420px; overflow:hidden; }
.foto-resultado img { width:100%; height:100%; object-fit:cover; }
.foto-resultado span { position:absolute; left:15px; bottom:15px; padding:8px 12px; background:var(--painel-escuro); color:var(--painel-escuro-texto); font-size:11px; }
.processo       { background:var(--fundo); }
.passos         { display:grid; grid-template-columns:repeat(4,1fr); gap:15px; }
.passo          { padding:28px; border-top:3px solid var(--destaque); background:var(--fundo-secundario); }
.passo strong   { display:block; margin-bottom:30px; color:var(--destaque); font-size:12px; }
.passo h3       { margin-bottom:9px; }
.passo p        { color:var(--texto-secundario); font-size:13px; line-height:1.6; }
.depoimento     { margin:0 7% 80px; padding:65px; text-align:center; background:var(--fundo-claro); }
.depoimento p   { max-width:800px; margin:0 auto 20px; font-family:Georgia,serif; font-size:26px; line-height:1.5; font-style:italic; }
.depoimento strong { font-size:12px; letter-spacing:1px; }
footer          { padding:40px 7%; background:var(--footer-bkg); color:var(--footer-texto); text-align:center; font-size:12px; }
@media(max-width:900px) { nav { display:none; } .hero .content { grid-template-columns:1fr; } .hero-img { height:450px; } .grid-tratamentos { grid-template-columns:1fr 1fr; } .card:first-child { grid-row:auto; } .comparacao { grid-template-columns:1fr; } .passos { grid-template-columns:1fr 1fr; } }
@media(max-width:550px) { .hero h1 { font-size:38px; } .resultados .content { grid-template-columns:1fr; } .grid-tratamentos { display:block; } .card { height:270px; margin-bottom:15px; } .passos { grid-template-columns:1fr; } .depoimento { margin:0 20px 50px; padding:40px 25px; } }
.header-drop          { position:relative; flex-shrink:0; }
.header-drop-btn      { width:42px; height:42px; display:grid; place-items:center; border:0; border-radius:50%; color:var(--header-menu); background:transparent; font-size:19px; cursor:pointer; transition:.25s; }
.header-drop-btn:hover { filter:brightness(1.35); }
.header-drop-menu     { background:var(--header-bkg); position:absolute; top:50px; right:0; z-index:50; width:150px; padding:7px; display:none; box-shadow:0 12px 30px rgba(0,0,0,.35); }
.header-drop-menu.aberto { display:block; }
.header-drop-item     { width:100%; padding:10px 12px; display:block; border:0; color:var(--header-menu); background:transparent; text-align:left; cursor:pointer; }
.header-seta         { border-left:6px solid var(--header-menu); display:inline-block; width:0; height:0; margin-right:9px; vertical-align:middle; border-top:4px solid transparent; border-bottom:4px solid transparent; opacity:0; transition:.15s; }
.header-drop-item:hover .header-seta,
.header-drop-item.atual .header-seta { opacity:1; }