:root{--azul:#00065C;--azul2:#2B33A8;--claro:#C3C7F0;--claro2:#E3E5FA;--fundo:#F6F6FA;--linha:#DCDEEF;--texto:#14163A;--texto2:#3B3F66;--rotulo:#4A4F8C}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--texto);background:var(--fundo)}
a{color:var(--azul)}a:hover{color:var(--azul2)}
.serif,h1,h2,.logo-linha span{font-family:"EB Garamond",Garamond,Georgia,serif;font-weight:500}
.wrap{max-width:1200px;margin:0 auto;padding:0 32px}
header.topo,.hero,footer{background:var(--azul);color:#fff}
.topo .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;padding-top:20px;padding-bottom:20px}
.logo-linha{display:flex;align-items:center;gap:14px;color:#fff;text-decoration:none}
.logo-linha img{height:44px}
.logo-linha span{font-size:22px;letter-spacing:2px}
.logo-linha small{display:block;font-family:Inter,sans-serif;font-size:11px;letter-spacing:5px;color:var(--claro)}
nav.menu{display:flex;flex-wrap:wrap;align-items:center;gap:28px;font-size:15px}
nav.menu a{color:var(--claro2);text-decoration:none}
.btn-borda,.btn-branco{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:12px 22px;border-radius:6px;text-decoration:none;font-weight:500}
.btn-borda{border:1px solid var(--claro);color:#fff!important}
.btn-branco{background:#fff;color:var(--azul)!important;font-weight:600}
.hero .wrap{display:flex;flex-wrap:wrap;gap:64px;align-items:center;padding-top:96px;padding-bottom:120px}
.hero .texto{flex:999 1 560px;min-width:0}
.hero .logo{flex:1 1 320px;min-width:0;display:flex;justify-content:center}
.hero .logo img{width:100%;max-width:380px}
.sobre{margin:0 0 20px;font-size:13px;letter-spacing:5px;text-transform:uppercase;color:var(--rotulo)}
.hero .sobre{color:var(--claro)}
.hero h1{margin:0;font-size:clamp(40px,5.5vw,68px);line-height:1.05}
.hero .lead{margin:32px 0 0;font-size:20px;line-height:1.6;color:var(--claro2);max-width:620px}
.acoes{display:flex;flex-wrap:wrap;gap:16px;margin-top:44px}
section.bloco{padding:104px 0}
section.branco{background:#fff}
h2{margin:0 0 56px;font-size:clamp(34px,4vw,48px);line-height:1.1;color:var(--azul)}
.grade{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}
.cartao-at{border:1px solid var(--linha);border-radius:10px;padding:32px;background:#fff}
.cartao-at h3{margin:20px 0 12px;font-size:20px;color:var(--azul)}
.cartao-at p{margin:0;font-size:16px;line-height:1.6;color:var(--texto2)}
ol.passos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}
ol.passos li{background:#fff;border:1px solid var(--linha);border-radius:10px;padding:28px}
ol.passos b{font-family:"EB Garamond",serif;font-weight:500;font-size:44px;color:var(--rotulo);line-height:1}
ol.passos p{margin:16px 0 0;line-height:1.55}
.base-legal{margin:28px 0 0;font-size:14px;color:var(--rotulo)}
.cabeca{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:48px}
.cabeca h2{margin:0}
.dica{background:var(--azul);color:#fff;border-radius:10px;padding:36px;display:flex;flex-direction:column;gap:16px}
.dica span{font-size:12px;letter-spacing:4px;text-transform:uppercase;color:var(--claro)}
.dica h3{margin:0;font-family:"EB Garamond",serif;font-weight:500;font-size:30px;line-height:1.15}
.dica p{margin:0;font-size:15px;line-height:1.6;color:var(--claro2)}
.dica small{font-size:13px;color:var(--claro)}
.contato .wrap{display:flex;flex-wrap:wrap;gap:48px}
.contato .col{flex:1 1 420px;min-width:0}
.contato h2{margin-bottom:24px}
.canais{display:flex;flex-direction:column;gap:20px;font-size:17px}
.canais a,.canais p{display:flex;align-items:flex-start;gap:14px;margin:0;text-decoration:none;min-height:44px;line-height:1.5}
form.msg{background:#fff;border:1px solid var(--linha);border-radius:10px;padding:36px;display:flex;flex-direction:column;gap:6px}
form.msg h3{margin:0 0 10px;font-size:20px;color:var(--azul)}
label{font-size:14px;font-weight:500;margin-top:12px}
input,select,textarea{font:inherit;border:1px solid #B9BCD9;border-radius:6px;padding:0 14px;height:46px;background:#fff;width:100%}
textarea{height:auto;padding:12px 14px;resize:vertical}
button{font:inherit;font-weight:600;font-size:16px;height:50px;border:0;border-radius:6px;background:var(--azul);color:#fff;cursor:pointer;margin-top:18px}
button:hover{background:var(--azul2)}
footer .wrap{display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;align-items:center;padding-top:48px;padding-bottom:48px;font-size:14px;color:var(--claro)}
footer a{color:#fff}
footer .logo-linha img{height:36px}
/* login */
body.entrar{background:var(--azul)}
.entrar-grade{min-height:100vh;display:flex;flex-wrap:wrap}
.entrar-marca{flex:1 1 420px;min-width:0;color:#fff;padding:64px;display:flex;flex-direction:column;justify-content:space-between;gap:48px}
.entrar-marca .sobre{color:var(--claro)}
.entrar-marca h1{margin:0;font-size:clamp(38px,4.5vw,56px);line-height:1.05}
.entrar-marca .lead{margin:24px 0 0;font-size:18px;line-height:1.6;color:var(--claro2);max-width:460px}
.miudo{margin:0;font-size:13px;color:var(--claro)}
.miudo.escuro{color:var(--texto2)}
.entrar-form{flex:1 1 480px;min-width:0;background:var(--fundo);display:flex;align-items:center;justify-content:center;padding:48px 24px}
.entrar-form .cartao{width:100%;max-width:400px;background:#fff;border:1px solid var(--linha);border-radius:12px;padding:40px;display:flex;flex-direction:column;gap:6px}
.entrar-form h2{margin:0 0 8px;font-family:Inter,sans-serif;font-weight:600;font-size:24px}
.entrar-form a{font-size:14px;text-align:center;margin-top:12px}
.alerta{margin:6px 0;padding:12px 14px;border-radius:6px;font-size:14px}
.alerta.erro{background:#FDECEC;color:#8A1C1C}.alerta.ok{background:#E8F5EC;color:#1D5B33}
@media (max-width:640px){.entrar-marca{padding:32px 24px}.wrap{padding:0 20px}section.bloco{padding:72px 0}}