:root              { --header-bkg:#fff; --header-borda:#e7ecee; --header-menu:#264653;
                     --fundo:#fff; --fundo-secundario:#f2f7f7; --fundo-card:#fbfdfd; --fundo-claro:#e4f1f2;
                     --texto:#24333b; --texto-secundario:#687b81; --texto-suave:#788a90; --texto-escuro:#203f49; --texto-faq:#72848a;
                     --destaque:#397d8c; --destaque-texto:#fff;
                     --botao-fundo:#397d8c; --botao-texto:#fff; --botao-escuro-fundo:#2b6572; --botao-escuro-hover:#2b6572; --botao-escuro-texto:#fff;
                     --borda:#e5eded;
                     --faixa-fundo:#397d8c; --faixa-texto:#fff;
                     --cta-fundo:#244c59; --cta-texto:#fff;
                     --footer-bkg:#172f37; --footer-texto:#a9bbc0;
                     --painel-escuro:#244c59; --painel-escuro-texto:#fff; --painel-texto-fraco:#bed0d5;
                     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); border-bottom:1px solid var(--header-borda); }
header .content { height:80px; display:flex; align-items:center; justify-content:space-between; gap:25px; padding: 0 10px }
.logo           { font-size:22px; font-weight:700; color:var(--header-menu); }
.logo span      { display:block; color:var(--destaque); font-size:10px; letter-spacing:1px; }
nav             { display:flex; gap:25px; align-items:center; }
nav a           { color:var(--header-menu); font-size:13px;}
.btn            { display:inline-block; padding:13px 22px; border-radius:7px; background:var(--botao-fundo); color:var(--botao-texto); font-weight:bold; }
.btn:hover      { background:var(--botao-escuro-hover); color:var(--botao-texto);}

.content        { width:100%; max-width:1400px; margin:0 auto; padding: 0 20px}
.hero           { min-height:620px; padding:65px 0 0; background:var(--fundo-secundario); overflow:hidden; scroll-margin-top:120px;    }
.hero .content  { display:grid; grid-template-columns:1.05fr .95fr; align-items:center; gap:60px;    }
.hero-label     { display:inline-block; margin-bottom:17px; color:var(--destaque); font-size:12px; font-weight:bold; letter-spacing:1.5px; text-transform:uppercase;    }
.hero h1        { max-width:650px; color:var(--texto-escuro); font-size:54px; line-height:1.08; font-weight:600;    }
.hero h1 span   { color:var(--destaque);    }
.hero p         { max-width:580px; margin:23px 0 30px; color:var(--texto-secundario); font-size:17px; line-height:1.75;    }
.hero-acoes     { display:flex; align-items:center; gap:15px;    }
.btn-secundario { display:inline-block; padding:13px 22px; border:1px solid var(--borda); border-radius:7px; color:var(--texto-secundario); font-size:14px;    }
.hero-img       { height:555px; align-self:end;    }
.hero-img img   { width:100%; height:100%; object-fit:cover; object-position:center top; border-radius:18px 18px 0 0;    }
.credenciais    { padding:28px 0; background:var(--fundo); border-bottom:1px solid var(--borda);    }
.credenciais .content { display:grid; grid-template-columns:repeat(4,1fr);    }
.credencial     { padding:8px 25px; text-align:center; border-right:1px solid var(--borda);    }
.credencial:last-child { border-right:0;   }
.credencial strong { display:block; margin-bottom:5px; color:var(--destaque); font-size:18px;    }
.credencial span   { color:var(--texto-suave); font-size:12px;    }
section         { padding:85px 0; scroll-margin-top:120px;    }
.titulo         { max-width:720px; margin:0 auto 50px; text-align:center;    }
.titulo span    { color:var(--destaque); font-size:12px; font-weight:bold; letter-spacing:1.5px; text-transform:uppercase;    }
.titulo h2      { margin:10px 0 15px; color:var(--texto-escuro); font-size:39px;    }
.titulo p       { color:var(--texto-faq); line-height:1.7;    }
.atendimentos   { background:var(--fundo);    }
.grid-atendimentos { display:grid; grid-template-columns:repeat(3,1fr); gap:22px;    }
.atendimento    { padding:32px; border:1px solid var(--borda); border-radius:12px; background:var(--fundo-card); transition:.2s;    }
.atendimento:hover { transform:translateY(-4px); box-shadow:0 12px 30px rgba(34,77,86,.07);   }
.icone          { width:48px; height:48px; margin-bottom:20px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:var(--fundo-claro); color:var(--destaque); font-size:20px;    }
.atendimento h3 { margin-bottom:11px; color:var(--texto-escuro); font-size:19px;    }
.atendimento p  { color:var(--texto-secundario); font-size:14px; line-height:1.65;    }
.sobre          { background:var(--fundo-secundario);    }
.sobre .content { display:grid; grid-template-columns:.9fr 1.1fr; align-items:center; gap:75px;    }
.sobre-img      { height:480px;    }
.sobre-img img  { width:100%; height:100%; object-fit:cover; border-radius:15px;    }
.sobre-texto span  { color:var(--destaque); font-size:12px; font-weight:bold; letter-spacing:1.5px; text-transform:uppercase;    }
.sobre-texto h2 { margin:13px 0 22px; color:var(--texto-escuro); font-size:40px;    }
.sobre-texto p  { margin-bottom:15px; color:var(--texto-secundario); line-height:1.8;    }
.formacao       { margin-top:25px; padding-top:22px; border-top:1px solid var(--borda);    }
.formacao div   { margin-bottom:10px; color:var(--texto-secundario); font-size:14px;    }
.formacao b     { color:var(--destaque);    }
.como-funciona  { background:var(--fundo);    }
.passos         { display:grid; grid-template-columns:repeat(3,1fr); gap:30px;    }
.passo          { text-align:center; padding:20px 30px;    }
.passo-num      { width:48px; height:48px; margin:0 auto 18px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:var(--destaque); color:#fff; font-weight:bold;    }
.passo h3       { margin-bottom:10px; color:var(--texto-escuro);    }
.passo p        { color:var(--texto-secundario); font-size:14px; line-height:1.6;    }
.avaliacoes     { background:var(--fundo-secundario);    }
.grid-avaliacoes{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px;    }
.avaliacao      { padding:30px; border-radius:12px; background:var(--fundo-card);    }
.estrelas       { margin-bottom:15px; color:#e9aa30;    }
.avaliacao p    { margin-bottom:20px; color:var(--texto-secundario); line-height:1.7;    }
.avaliacao strong { color:var(--texto-escuro); font-size:14px;    }
.cta            { margin:0 7% 75px; padding:60px 40px; display:flex; align-items:center; justify-content:space-between; gap:40px; border-radius:15px; background:var(--cta-fundo); color:var(--cta-texto);    }
.cta h2         { margin-bottom:8px; font-size:34px;    }
.cta p          { color:var(--cta-texto);    }
.cta .btn       { flex-shrink:0; background:var(--botao-fundo); color:var(--botao-texto);    }
footer          { padding:42px 7%; background:var(--footer-bkg); color:var(--footer-texto); text-align:center; font-size:13px;    }
.whatsapp       { position:fixed; right:25px; bottom:25px; width:58px; height:58px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:#25d366; color:#fff; font-size:25px; box-shadow:0 8px 25px rgba(0,0,0,.2); z-index:100;    }

@media(max-width:900px) {
    nav            { display:none;    }
    .hero .content { grid-template-columns:1fr; padding-top:55px;    }
    .hero h1       { font-size:43px;    }
    .hero-img      { width:100%; height:450px;    }
    .credenciais .content { grid-template-columns:1fr 1fr; gap:20px;    }
    .credencial    { border-right:0;    }
    .grid-atendimentos { grid-template-columns:1fr 1fr;    }
    .sobre .content { grid-template-columns:1fr;    }
    .passos        { grid-template-columns:1fr;    }
    .grid-avaliacoes { grid-template-columns:1fr;    }
    .cta           { flex-direction:column; text-align:center;    }
}

@media(max-width:550px) {
    .hero h1       { font-size:35px;    }
    .hero-acoes    { flex-direction:column; align-items:flex-start;    }
    .hero-img      { height:370px;    }
    .credenciais .content { grid-template-columns:1fr;    }
    .grid-atendimentos { grid-template-columns:1fr;    }
    .sobre-img     { height:360px;    }
    .sobre-texto h2 { font-size:33px;    }
    .cta           { margin:0 20px 50px; padding:45px 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; }