:root{--bordo:#7d0f1b;--bordo-escuro:#5c0a13;--texto:#1f2328;--suave:#5b6168;--fundo:#fbf8f6;--cartao:#fff;--linha:#eadfda;--zap:#1f8f4e;--zap-escuro:#17733e}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--texto);background:var(--fundo);line-height:1.6;font-size:17px}
a{color:var(--bordo)}
img{max-width:100%;height:auto;display:block}
.faixa{max-width:1040px;margin:0 auto;padding:0 20px}
header{background:#fff;border-bottom:1px solid var(--linha)}
header .faixa{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:14px;padding-bottom:14px}
header .marca img{width:230px}
nav{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:15px}
nav a{text-decoration:none;color:var(--texto)}
nav a:hover,nav a[aria-current]{color:var(--bordo);text-decoration:underline}
.heroi{background:linear-gradient(135deg,var(--bordo),var(--bordo-escuro));color:#fff}
.heroi .faixa{padding-top:56px;padding-bottom:56px}
.heroi h1{font-size:clamp(28px,4.4vw,44px);line-height:1.15;margin:0 0 14px;font-weight:700;max-width:760px}
.heroi p{font-size:clamp(17px,2vw,20px);margin:0 0 26px;max-width:680px;opacity:.95}
.botao{display:inline-flex;align-items:center;gap:10px;background:var(--zap);color:#fff;text-decoration:none;font-weight:700;padding:15px 26px;border-radius:999px;font-size:18px;box-shadow:0 4px 14px rgba(0,0,0,.18)}
.botao:hover{background:var(--zap-escuro)}
.botao svg{width:22px;height:22px;fill:currentColor}
.botao.claro{box-shadow:none}
.sub{font-size:14px;opacity:.85;margin-top:12px}
section{padding:48px 0}
section h2{font-size:clamp(23px,3vw,30px);line-height:1.2;margin:0 0 18px;color:var(--bordo-escuro)}
.grade{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.cartao{background:var(--cartao);border:1px solid var(--linha);border-radius:14px;padding:22px}
.cartao h3{margin:0 0 8px;font-size:19px}
.cartao p{margin:0;color:var(--suave)}
.cartao a.mais{display:inline-block;margin-top:12px;font-weight:600}
ol.passos{counter-reset:p;list-style:none;padding:0;margin:0;display:grid;gap:14px}
ol.passos li{counter-increment:p;position:relative;padding:16px 18px 16px 62px;background:#fff;border:1px solid var(--linha);border-radius:12px}
ol.passos li::before{content:counter(p);position:absolute;left:16px;top:14px;width:32px;height:32px;border-radius:50%;background:var(--bordo);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center}
ul.lista{padding-left:20px;margin:0}
ul.lista li{margin:6px 0}
.quem{display:block}.quem p{max-width:760px}
.chamada{background:#fff;border-top:1px solid var(--linha);border-bottom:1px solid var(--linha);text-align:center}
.chamada p{max-width:620px;margin:0 auto 20px;color:var(--suave)}
.aviso{font-size:14px;color:var(--suave)}
footer{background:var(--bordo-escuro);color:#f3e9e7;font-size:14px}
footer .faixa{padding-top:34px;padding-bottom:34px;display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
footer img{width:200px;margin-bottom:10px}
footer a{color:#fff}
footer p{margin:4px 0}
.rodape-fim{border-top:1px solid rgba(255,255,255,.15);text-align:center;padding:14px 20px;font-size:13px;color:#e4d4d1}
.zap-fixo{position:fixed;right:16px;bottom:16px;z-index:10;background:var(--zap);color:#fff;width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(0,0,0,.25)}
.zap-fixo svg{width:30px;height:30px;fill:#fff}
@media (max-width:720px){header .faixa{flex-direction:column;align-items:flex-start}header .marca img{width:200px}body{font-size:16px}.heroi .faixa{padding-top:40px;padding-bottom:40px}}
