:root{--azul:#4172A1;--a900:#1E3A57;--a800:#284B6F;--a100:#D6E2EE;--a50:#EEF3F8;--tinta:#14181E;--ardosia:#5A6675;--linha:#DCE2E9;--fundo:#F5F8FB;--alerta:#B7791F}
*{box-sizing:border-box}
body{margin:0;background:var(--fundo);color:var(--tinta);font:15px/1.5 "Montserrat","Helvetica Neue",Arial,sans-serif}
a{color:var(--azul)}
.faixa-teste{background:var(--alerta);color:#fff;text-align:center;font-size:13px;font-weight:600;padding:4px;letter-spacing:.04em}
header.topo{background:#fff;border-bottom:1px solid var(--linha);display:flex;align-items:center;gap:14px;padding:12px 28px}
header.topo img{height:34px}
header.topo .marca{font-family:Georgia,"Times New Roman",serif;font-size:22px}
header.topo .marca small{display:block;font-family:inherit;font-size:10px;letter-spacing:.2em;color:var(--ardosia);text-transform:uppercase}
header.topo .usuario{margin-left:auto;font-size:13px;color:var(--ardosia);display:flex;gap:12px;align-items:center}
header.topo form{margin:0}
.botao-link{background:none;border:0;color:var(--azul);cursor:pointer;font:inherit;padding:0}
main{max-width:1100px;margin:0 auto;padding:32px 28px}
h1{font-family:Georgia,serif;font-weight:400;font-size:28px;margin:0 0 6px}
.sub{color:var(--ardosia);margin:0 0 28px}
.grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.modulo{background:#fff;border:1px solid var(--linha);border-top:4px solid var(--azul);border-radius:8px;padding:18px}
.modulo h2{font-size:16px;margin:0 0 6px;color:var(--a900)}
.modulo p{margin:0;color:var(--ardosia);font-size:13px}
.modulo .breve{display:inline-block;margin-top:10px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;background:var(--a50);color:var(--a800);padding:3px 8px;border-radius:4px}
.caixa-login{max-width:380px;margin:70px auto;background:#fff;border:1px solid var(--linha);border-radius:10px;padding:32px}
.caixa-login .logo{text-align:center;margin-bottom:18px}.caixa-login .logo img{height:56px}
.caixa-login h1{text-align:center;font-size:24px}
.caixa-login label{display:block;font-size:13px;color:var(--ardosia);margin:14px 0 4px}
.caixa-login input{width:100%;padding:10px 12px;border:1px solid var(--linha);border-radius:6px;font:inherit}
.caixa-login button{width:100%;margin-top:22px;background:var(--azul);color:#fff;border:0;border-radius:6px;padding:11px;font:600 15px inherit;cursor:pointer}
.erro{background:#FBEAEA;color:#A23B3B;border-radius:6px;padding:10px;font-size:13px;margin-top:12px}