:root{--azul:#153B60;--verde:#287C60;--amarelo:#C5A052;
  --plane:#f7f5f0;--surface:#ffffff;--ink:#12263f;--ink-2:#45536a;--ink-3:#7d8592;--accent:#153B60;--accent-ink:#0e2a46;--on-accent:#fff;
  --line:#e4e1d8;--good:#287C60;--crit:#c0392b;--font-brand:"DejaVu Sans",Verdana,"Segoe UI",system-ui,sans-serif}
*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{margin:0;height:100%}
body{background:var(--plane);color:var(--ink);font:15px/1.55 ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased}
.palco{min-height:100%;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
.lado-marca{position:relative;padding:48px 56px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;
  background:var(--azul);color:#f7f5f0}
.lado-marca::after{content:"";position:absolute;left:56px;bottom:40px;width:min(320px,40%);height:3px;
  background:linear-gradient(90deg,var(--verde) 0 80%,var(--amarelo) 80% 100%)}
.marca{align-self:flex-start}
.marca .logo{height:60px;width:auto;display:block}
.marca .logo-claro{display:none}   /* painel azul: assinatura negativa, sem placa */
.texto{max-width:560px}
/* 27/10/2026 (Pedro): logo fora por enquanto — "FII Dashboard" ocupa o lugar */
.marca .logo{display:none!important}
.sem-logo-txt{font:700 clamp(30px,3.4vw,44px)/1.05 var(--font-brand);letter-spacing:-.015em;color:#f7f5f0}
.sobre{margin:0 0 14px;text-transform:uppercase;letter-spacing:.18em;font-size:12px;color:var(--amarelo);font-weight:700}
h1{margin:0 0 18px;font:700 clamp(26px,3.1vw,40px)/1.15 var(--font-brand);letter-spacing:-.01em;color:#f7f5f0}
.lead{margin:0 0 30px;color:rgba(247,245,240,.82);font-size:16.5px;max-width:520px}
.pontos{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:12px 28px;color:rgba(247,245,240,.66);font-size:13px}
.pontos span{display:block;color:#f7f5f0;font-weight:600;font-size:15px;font-variant-numeric:tabular-nums}
.rodape{margin:0 0 18px;color:rgba(247,245,240,.6);font-size:12.5px}
.lado-login{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;gap:18px}
.cartao{width:100%;max-width:420px}
.cartao h2{margin:0 0 6px;font:700 26px/1.2 var(--font-brand);color:var(--accent)}
.sub{margin:0 0 22px;color:var(--ink-2)}
.carregando{padding:28px 0;color:var(--ink-3)}
.aviso{margin:0 0 18px;padding:12px 14px;border-radius:10px;border:1px solid color-mix(in srgb,var(--crit) 45%,transparent);
  background:color-mix(in srgb,var(--crit) 10%,transparent);color:var(--ink);font-size:14px}
.botao{display:inline-block;margin-top:8px;padding:11px 18px;border-radius:10px;background:var(--accent);color:var(--on-accent);text-decoration:none;font-weight:600}
.botao:hover{background:var(--accent-ink)}
.seguranca{margin:0;color:var(--ink-3);font-size:12px;text-align:center}
.cl-rootBox,.cl-cardBox{width:100%!important;max-width:420px}
@media (max-width:880px){
  .palco{grid-template-columns:1fr}
  .lado-marca{padding:28px 20px 40px;gap:28px}
  .lado-marca::after{left:20px;bottom:22px}
  .rodape{display:none}
  .lado-login{padding:28px 16px 40px}
}