:root {
    --header-bkg:#fff; --header-borda:#eee; --header-menu:#326c72;
    --fundo:#fff; --fundo-secundario:#fff8f4; --fundo-card:#f7fbfb; --fundo-claro:#dceff0;
    --texto:#33434a; --texto-secundario:#718087; --texto-suave:#7c898e; --texto-escuro:#31535a; --texto-faq:#78868b;
    --destaque:#ef8f73; --destaque-texto:#fff;
    --botao-fundo:#ef8f73; --botao-texto:#fff; --botao-escuro-fundo:#fff; --botao-escuro-hover:#d47056; --botao-escuro-texto:#356b71;
    --borda:#e6eeee;
    --faixa-fundo:#356b71; --faixa-texto:#fff;
    --cta-fundo:#356b71; --cta-texto:#fff;
    --footer-bkg:#274d52; --footer-texto:#bcd0d2;
    --painel-escuro:#356b71; --painel-escuro-texto:#fff; --painel-texto-fraco:#cbe0e1;
    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:78px; background:var(--header-bkg); border-bottom:1px solid var(--header-borda);    }
header .content { height:78px; 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           { font-size:24px; font-weight:800; color:var(--header-menu);    }
.logo span      { color:var(--destaque);    }
nav             { display:flex; align-items:center; gap:26px;    }
nav a           { color:var(--header-menu); font-size:14px;    }
.btn            { display:inline-block; padding:14px 23px; border-radius:30px; background:var(--botao-fundo); color:var(--botao-texto); font-size:14px; font-weight:600;    }
.hero           { min-height:600px; padding:65px 0; background:var(--fundo-secundario); scroll-margin-top:120px;    }
.hero .content  { display:grid; grid-template-columns:1fr .95fr; gap:60px; align-items:center; min-height:600px;    }
.hero small     { color:var(--destaque); font-weight:bold; text-transform:uppercase; letter-spacing:1.5px;    }
.hero h1        { max-width:640px; margin:16px 0 22px; font-size:55px; line-height:1.07; color:var(--texto-escuro);    }
.hero p         { max-width:560px; margin-bottom:27px; color:var(--texto-secundario); font-size:17px; line-height:1.7;    }
.hero-img       { display:grid; grid-template-columns:1fr 1fr; grid-template-rows:220px 220px; gap:14px;    }
.hero-img img   { width:100%; height:100%; object-fit:cover; border-radius:18px;    }
.hero-img img:first-child { grid-row:1 / 3;   }
.vantagens      { transform:translateY(-28px);    }
.vantagens .content { display:grid; grid-template-columns:repeat(4,1fr); gap:15px;    }
.vantagem       { padding:24px; border-radius:14px; background:var(--fundo); box-shadow:0 12px 35px rgba(43,77,82,.08);    }
.vantagem strong{ display:block; margin-bottom:7px; color:var(--texto-escuro);    }
.vantagem span  { color:var(--texto-suave); font-size:13px;    }
section         { padding:85px 0; scroll-margin-top:120px;    }
.titulo         { max-width:720px; margin:0 auto 45px; text-align:center;    }
.titulo span    { color:var(--destaque); font-size:11px; font-weight:bold; text-transform:uppercase; letter-spacing:1.5px;    }
.titulo h2      { margin:10px 0 15px; font-size:39px; color:var(--texto-escuro);    }
.titulo p       { color:var(--texto-faq); line-height:1.7;    }
.tratamentos    { background:var(--fundo);    }
.grid-tratamentos{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px;    }
.tratamento     { padding:28px; border-radius:16px; background:var(--fundo-card); border:1px solid var(--borda);    }
.tratamento:nth-child(2),.tratamento:nth-child(5) { background:var(--fundo-secundario);   }
.icone          { width:48px; height:48px; margin-bottom:20px; display:flex; align-items:center; justify-content:center; border-radius:13px; background:var(--fundo-claro); color:var(--destaque); font-size:20px;    }
.tratamento h3  { margin-bottom:10px; color:var(--texto-escuro);    }
.tratamento p   { color:var(--texto-secundario); font-size:14px; line-height:1.65;    }
.familia        { background:var(--fundo-card);    }
.familia .content { display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:center;    }
.familia-img    { height:470px;    }
.familia-img img{ width:100%; height:100%; object-fit:cover; border-radius:20px;    }
.familia h2     { margin-bottom:18px; font-size:40px; color:var(--texto-escuro);    }
.familia p      { margin-bottom:20px; color:var(--texto-secundario); line-height:1.75;    }
.checklist      { display:grid; grid-template-columns:1fr 1fr; gap:10px;    }
.checklist div  { padding:12px 14px; border-radius:9px; background:var(--fundo); color:var(--texto-suave); font-size:13px;    }
.equipe         { background:var(--fundo);    }
.grid-equipe    { display:grid; grid-template-columns:repeat(3,1fr); gap:22px;    }
.profissional   { overflow:hidden; border-radius:16px; background:var(--fundo-card);    }
.profissional img{ width:100%; height:280px; object-fit:cover;    }
.profissional div{ padding:22px;    }
.profissional h3 { color:var(--texto-escuro); margin-bottom:5px;    }
.profissional span { color:var(--destaque); font-size:12px;    }
.faq            { background:var(--fundo-secundario);    }
.faq-lista      { max-width:850px; margin:auto; display:grid; gap:12px;    }
.faq-item       { padding:20px 22px; border-radius:12px; background:var(--fundo);    }
.faq-item strong{ display:block; margin-bottom:8px; color:var(--texto-escuro);    }
.faq-item p     { color:var(--texto-secundario); font-size:14px; line-height:1.6;    }
.cta            { margin:0 7% 70px; padding:55px; border-radius:22px; display:grid; grid-template-columns:1fr auto; align-items:center; gap:30px; background:var(--cta-fundo); color:var(--cta-texto);    }
.cta h2         { margin-bottom:8px; font-size:32px;    }
.cta p          { color:var(--cta-texto);    }
.cta .btn       { background:var(--botao-escuro-fundo); color:var(--botao-escuro-texto);    }
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;    }
    .vantagens .content     { grid-template-columns:1fr 1fr;    }
    .vantagens              { transform:none; padding-top:25px;    }
    .grid-tratamentos       { grid-template-columns:1fr 1fr;    }
    .familia .content       { grid-template-columns:1fr;    }
    .grid-equipe            { grid-template-columns:1fr 1fr;    }
    .cta                    { grid-template-columns:1fr; text-align:center;    }
}

@media(max-width:550px) {
    .hero h1       { font-size:36px;    }
    .hero-img      { grid-template-columns:1fr; grid-template-rows:auto;    }
    .hero-img img  { height:250px;    }
    .hero-img img:first-child { grid-row:auto;   }
    .vantagens .content { grid-template-columns:1fr;    }
    .grid-tratamentos { grid-template-columns:1fr;    }
    .checklist     { grid-template-columns:1fr;    }
    .grid-equipe   { grid-template-columns:1fr;    }
    .cta           { 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; }