:root{--tinta:#14303e;--tinta2:#4a5d66;--bg:#ffffff;--cta:#ffc94d;--cta-tx:#14303e;
--azul:#e1eaf6;--lilas:#eae5fa;--creme:#fbf1ce;--menta:#dff3e7;--rosa:#f9e1e4;--rodape:#12262e;--linha:#e4e9ec}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--tinta);font:17px/1.6 "Poppins","Nunito","Segoe UI",system-ui,-apple-system,Roboto,sans-serif}
a{color:inherit}
.wrap{max-width:1120px;margin:0 auto;padding:0 20px}
.ok{position:absolute;left:-999px}
.ok:focus{left:8px;top:8px;background:var(--cta);padding:8px 12px;z-index:9}

/* navegacao */
header.top{position:sticky;top:0;z-index:5;background:#fff;border-bottom:1px solid var(--linha)}
header.top .wrap{display:flex;align-items:center;gap:20px;min-height:60px;flex-wrap:wrap;padding-top:6px;padding-bottom:6px}
.logo{font-weight:800;font-size:1.1rem;text-decoration:none;display:flex;align-items:center;gap:8px;letter-spacing:-.01em}
.logo i{display:inline-block;width:26px;height:26px;border-radius:8px;background:var(--cta);position:relative}
.logo i::after{content:"";position:absolute;inset:7px;border:3px solid var(--tinta);border-radius:50%;border-top-color:transparent;transform:rotate(45deg)}
nav{display:flex;gap:4px 16px;flex-wrap:wrap;font-size:.92rem;font-weight:500;flex:1}
nav a{text-decoration:none;padding:4px 2px;border-bottom:2px solid transparent}
nav a:hover,nav a[aria-current]{border-bottom-color:var(--cta)}
.btn{display:inline-block;background:var(--cta);color:var(--cta-tx);font-weight:700;border-radius:8px;padding:12px 22px;text-decoration:none;font-size:1rem}
.btn:hover{filter:brightness(.96)}
.btn.peq{padding:8px 16px;font-size:.9rem}

/* hero */
.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:40px;align-items:center;padding:64px 0 48px}
h1{font-size:clamp(2.2rem,5.2vw,3.9rem);line-height:1.08;margin:0 0 18px;letter-spacing:-.02em;font-weight:800}
h1 em{font-style:italic;font-weight:500}
.hero p{color:var(--tinta2);font-size:1.12rem;margin:0 0 24px}
.pill{border-radius:999px;padding:2px 12px;white-space:nowrap}
.pill.a{background:var(--azul)}.pill.l{background:var(--lilas)}.pill.c{background:var(--creme)}
.painel{background:var(--azul);border-radius:24px;padding:32px;position:relative;min-height:320px;display:flex;flex-direction:column;justify-content:center;gap:12px}
.painel .cartao{background:#fff;border-radius:16px;padding:16px 18px}
.painel .cartao b{display:block;font-size:2.4rem;line-height:1;letter-spacing:-.02em}
.painel .cartao span{color:var(--tinta2);font-size:.92rem}
.painel .estrela{position:absolute;width:34px;height:34px}
.painel .e1{right:18px;top:14px}.painel .e2{left:16px;bottom:16px;width:24px;height:24px}

/* secoes */
section{padding:56px 0}
h2{font-size:clamp(1.7rem,3.8vw,2.7rem);line-height:1.15;margin:0 0 12px;text-align:center;letter-spacing:-.015em;font-weight:800}
.sub{text-align:center;color:var(--tinta2);margin:0 auto 32px;max-width:640px}
.marca{background:linear-gradient(transparent 62%,#ffe08a 62%)}
.trio{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;text-align:center}
.trio b{display:block;font-size:3.2rem;line-height:1.1;font-weight:800;letter-spacing:-.02em}
.trio span{color:var(--tinta2)}
.nota{font-size:.82rem;color:var(--tinta2);text-align:center;margin-top:14px}

.dois{display:grid;grid-template-columns:1fr 1.7fr;gap:36px;align-items:center}
.mini{display:flex;gap:14px;margin:0 0 20px}
.mini .ic{flex:none;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-weight:800}
.mini h3{margin:0 0 2px;font-size:1.05rem}.mini p{margin:0;color:var(--tinta2);font-size:.95rem}
video{width:100%;border-radius:20px;background:#111;max-height:560px}
.midia{background:var(--creme);border-radius:24px;padding:16px;display:grid;place-items:center}
.midia video{max-width:300px}

.chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:820px;margin:0 auto}
.chip{background:var(--azul);border-radius:999px;padding:10px 18px;text-decoration:none;font-weight:600;font-size:.95rem}
.chip:hover{filter:brightness(.97)}
.chip small{font-weight:500;color:var(--tinta2);margin-left:6px}

.cartoes{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}
a.cx{display:block;border-radius:24px;padding:28px;text-decoration:none;min-height:220px}
a.cx h3{font-size:1.45rem;line-height:1.2;margin:0 0 10px;letter-spacing:-.01em}
a.cx p{margin:0 0 16px;color:#33474f}
a.cx .n{font-weight:700;font-size:.9rem}
.azul{background:var(--azul)}.lilas{background:var(--lilas)}.creme{background:var(--creme)}.menta{background:var(--menta)}.rosa{background:var(--rosa)}

.passos{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.passos div{background:var(--menta);border-radius:20px;padding:24px}
.passos div:nth-child(2){background:var(--lilas)}.passos div:nth-child(3){background:var(--creme)}
.passos b{display:block;font-size:2rem;line-height:1;margin-bottom:8px}
.passos h3{margin:0 0 6px;font-size:1.1rem}.passos p{margin:0;font-size:.95rem;color:#33474f}

.faq{max-width:640px;margin:0 auto}
details{border-bottom:1px solid var(--linha);padding:0}
summary{cursor:pointer;list-style:none;font-weight:700;padding:20px 32px 20px 0;position:relative}
summary::-webkit-details-marker{display:none}
summary::after{content:"";position:absolute;right:6px;top:26px;width:9px;height:9px;border-right:2px solid var(--tinta);border-bottom:2px solid var(--tinta);transform:rotate(45deg);transition:transform .2s}
details[open] summary::after{transform:rotate(-135deg);top:30px}
details p{margin:0 0 20px;color:var(--tinta2)}

/* paginas internas */
.topo{padding:48px 0 12px;text-align:left}
.topo h1{font-size:clamp(1.9rem,4.4vw,3rem)}
.topo p{color:var(--tinta2);margin:0}
input[type=search]{width:100%;padding:14px 18px;font:inherit;border:2px solid var(--linha);border-radius:999px;background:#fff;color:var(--tinta);margin:20px 0 8px}
input[type=search]:focus{outline:none;border-color:var(--cta)}
.n2{color:var(--tinta2);font-size:.9rem;margin:0 0 16px}
ul.itens{list-style:none;padding:0;margin:0 0 24px;display:grid;gap:12px}
ul.itens li{border-radius:16px;padding:16px 20px}
ul.itens li[hidden]{display:none}
.fonte{display:inline-block;margin-top:8px;font-size:.78rem;font-weight:700;background:rgba(255,255,255,.75);border-radius:999px;padding:3px 12px;text-decoration:none}
.aviso{background:var(--creme);border-radius:16px;padding:14px 18px;font-size:.92rem;margin:24px 0}

.migalha{font-size:.88rem;color:var(--tinta2);padding-top:28px}
.migalha a{color:var(--tinta2)}
.caixa{border-radius:20px;padding:24px 26px;font-size:1.15rem;line-height:1.55}
.caixa .resp{margin:0 0 6px}
h2.menor{text-align:left;font-size:1.3rem;margin:32px 0 8px}
ul.vejatb{padding-left:20px;margin:0 0 24px}
ul.vejatb li{margin:6px 0}
.expl{font-size:1.08rem;max-width:68ch}
h3.menor2{font-size:1.05rem;margin:18px 0 6px}
a.tit{text-decoration:none}
a.tit:hover{text-decoration:underline}
li.comfig{display:flex;gap:14px;align-items:center}
.placa{flex:none;width:64px;height:64px;background:#fff;border-radius:12px;padding:4px;object-fit:contain}
.placa.grande{width:140px;height:140px;display:block;margin:0 0 14px}
/* rodape */
footer.rod{background:var(--rodape);color:#d7e2e6;margin-top:56px;padding:48px 0 24px;font-size:.9rem}
footer.rod .cols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:32px}
footer.rod h4{margin:0 0 10px;color:#fff;font-size:.95rem}
footer.rod a{display:block;text-decoration:none;color:#d7e2e6;padding:3px 0}
footer.rod a:hover{color:#fff;text-decoration:underline}
footer.rod .aviso2{border-top:1px solid #2a4049;margin-top:28px;padding-top:16px;color:#9fb2b9;font-size:.82rem}

@media (max-width:820px){
  .hero,.dois{grid-template-columns:1fr}
  .hero{padding-top:36px}
  .painel{min-height:240px}
  footer.rod .cols{grid-template-columns:1fr}
  header.top{position:static}
  nav{order:3;flex-basis:100%;flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;padding-bottom:4px}
  header.top .btn{margin-left:auto}
}