:root {
    --header-bkg:#fff; --header-borda:#f2e2ea; --header-menu:#d24f7e;
    --fundo:#fff; --fundo-secundario:#fff0f5; --fundo-card:#fff5f8; --fundo-claro:#ffdce8;
    --texto:#422e3b; --texto-secundario:#826b77; --texto-suave:#8d7581; --texto-escuro:#573347; --texto-faq:#806d77;
    --destaque:#d44d7c; --destaque-texto:#fff;
    --botao-fundo:#d94d7c; --botao-texto:#fff; --botao-escuro-fundo:#452b39; --botao-escuro-hover:#5b374a; --botao-escuro-texto:#fff;
    --borda:#f2e2ea;
    --faixa-fundo:#5b374a; --faixa-texto:#fff;
    --cta-fundo:#d94d7c; --cta-texto:#fff;
    --footer-bkg:#452b39; --footer-texto:#cbb7c2;
    --painel-escuro:#5b374a; --painel-escuro-texto:#fff; --painel-texto-fraco:#ddcbd4;
    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; }
.content        { width:100%; max-width:1400px; margin:0 auto; padding:0 20px; }
header          { position:sticky; top:40px; z-index:1000; background:var(--header-bkg); }
header .content { width:100%; max-width:1400px; margin:0 auto; padding:0 20px; height:78px; display:flex; align-items:center; justify-content:space-between; }
.logo           { font-size:25px; font-weight:900; color:var(--header-menu); }
nav             { display:flex; gap:25px; align-items:center; }
nav a           { color:var(--header-menu); font-size:13px; }
.btn            { display:inline-block; padding:14px 23px; border-radius:30px; background:var(--botao-fundo); color:var(--botao-texto); font-weight:bold; }
.hero           { background:var(--fundo-secundario); }
.hero .content  { padding:60px 0; display:grid; grid-template-columns:1fr 1fr; gap:50px; align-items:center; }
.hero-tag       { display:inline-block; padding:8px 13px; border-radius:30px; background:var(--fundo-claro); color:var(--destaque); font-size:11px; font-weight:bold; }
.hero h1        { margin:18px 0 20px; font-size:58px; line-height:1.05; color:var(--texto-escuro); }
.hero p         { max-width:550px; margin-bottom:27px; color:var(--texto-secundario); line-height:1.7; }
.hero-img       { height:500px; border-radius:200px 200px 25px 25px; overflow:hidden; }
.hero-img img   { width:100%; height:100%; object-fit:cover; }
.cards-topo     { background:var(--fundo); }
.cards-topo .content { padding:35px 0; display:grid; grid-template-columns:repeat(4,1fr); gap:15px; }
.card-topo      { padding:22px; border-radius:15px; background:var(--fundo-claro); }
.card-topo strong { display:block; color:var(--destaque); margin-bottom:5px; }
.card-topo span { color:var(--texto-secundario); font-size:12px; }
section         { padding:85px 0; scroll-margin-top:118px; }
.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; }
.titulo h2      { margin:10px 0; font-size:39px; }
.grid-servicos,.grid-combos,.grid-depoimentos { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.servico        { padding:28px; border-radius:18px; background:var(--fundo-card); }
.servico h3     { margin-bottom:10px; }
.servico p      { color:var(--texto-faq); font-size:13px; line-height:1.6; }
.servico strong { display:block; margin-top:18px; color:var(--destaque); }
.combos         { background:var(--painel-escuro); color:var(--painel-escuro-texto); }
.combos .titulo h2 { color:var(--painel-escuro-texto); }
.combo          { padding:32px; border-radius:18px; background:#70475c; }
.combo span     { color:#f0aac3; font-size:11px; }
.combo h3       { margin:10px 0; font-size:23px; }
.combo p        { color:var(--painel-texto-fraco); font-size:13px; line-height:1.6; }
.combo strong   { display:block; margin-top:20px; font-size:22px; }
.instagram      { background:var(--fundo); }
.insta-grid     { display:grid; grid-template-columns:repeat(5,1fr); gap:8px; }
.insta-grid img { width:100%; height:230px; object-fit:cover; }
.depoimentos    { background:var(--fundo-secundario); }
.depoimento     { padding:28px; border-radius:15px; background:var(--fundo-card); }
.depoimento p   { color:var(--texto-secundario); line-height:1.7; margin-bottom:15px; }
.cta            { margin:0 7% 70px; padding:55px; text-align:center; border-radius:22px; background:var(--cta-fundo); color:var(--cta-texto); }
.cta p          { margin:10px 0 25px; color:var(--cta-texto); }
.cta .btn       { background:var(--cta-texto); color:var(--cta-fundo); }
footer          { padding:40px; text-align:center; background:var(--footer-bkg); color:var(--footer-texto); font-size:12px; }
@media(max-width:900px) { nav { display:none; } .hero .content { grid-template-columns:1fr; } .cards-topo .content { grid-template-columns:1fr 1fr; } .grid-combos { grid-template-columns:1fr; } .insta-grid { grid-template-columns:1fr 1fr; } }
@media(max-width:550px) { .hero h1 { font-size:38px; } .cards-topo .content,.grid-servicos,.grid-depoimentos { grid-template-columns:1fr; } }

.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; }