/* Gestão Baita Group · identidade Baita Group
   Preto #1A1414 · Vermelho #C1222F · Rosa #E85D8A · Off-white #F5F1ED
   Carrega DEPOIS do 360.css e só troca a cara; a estrutura continua a mesma. */
:root{
  --bg:#F5F1ED; --card:#FFFFFF; --ink:#1A1414; --muted:#6F6360; --line:#E4DCD5;
  --red:#C1222F; --red-dk:#8F1822; --rosa:#E85D8A; --preto:#1A1414;
  --titulo:"Playfair Display",Georgia,"Times New Roman",serif;
  --corpo:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
}
body{background:var(--bg);font:400 15px/1.5 var(--corpo);color:var(--ink)}
h1{font-family:var(--titulo);text-transform:none;letter-spacing:-.01em;color:var(--ink);font-weight:700;font-size:clamp(28px,5vw,40px)}
h2{font-family:var(--titulo);text-transform:none;letter-spacing:0;font-weight:700;color:var(--ink)}

/* Topo */
.topo{background:#fff;color:var(--ink);box-shadow:0 3px 0 var(--red),0 6px 0 var(--rosa);padding:10px 20px;padding-top:calc(10px + env(safe-area-inset-top,0px))}
.marca{gap:14px}
.marca img{width:auto;height:42px}
.marca span{font:600 11px/1 var(--corpo);letter-spacing:.24em;text-transform:uppercase;color:var(--muted);padding-left:14px;border-left:1px solid var(--line)}
.menu a,.menu button{color:var(--ink);font:600 14px var(--corpo);border-radius:999px;padding:8px 14px}
.menu a:hover,.menu button:hover{background:#F5F1ED}
.menu a[aria-current]{background:var(--preto);color:#fff}
.menu .sair button{border:1px solid var(--line)}

.pagina{padding-block:36px 80px}

/* Botões */
.btn{font:600 15px/1 var(--corpo);text-transform:none;letter-spacing:.01em;background:var(--preto);border-radius:10px;padding:14px 18px;box-shadow:none}
.btn:hover{background:var(--red)}
.btn:active{transform:translateY(1px);box-shadow:none}

/* Formulários */
.form label{font-weight:600;font-size:13px;color:var(--muted)}
.form input,.form select{font:500 15px var(--corpo);border:1px solid var(--line);border-radius:10px;padding:12px 14px}
.form input:focus,.form select:focus{border-color:var(--preto);box-shadow:0 0 0 3px #E85D8A33}

/* Início: cards dos sistemas */
.sub-inicio{margin:-6px 0 4px;color:var(--muted)}
.grade-modulos{gap:16px}
.modulo-card{background:#fff;border:1px solid var(--line);border-radius:16px;border-top:4px solid var(--preto);box-shadow:0 1px 2px #1A141408;transition:transform .15s,box-shadow .15s}
.modulo-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px #1A141414;border-top-color:var(--red)}
.modulo-card b{font-family:var(--titulo);text-transform:none;letter-spacing:0;font-weight:700;color:var(--ink)}
.modulo-card span{color:var(--muted)}
.modulo-card small{color:var(--red);font-weight:600}
.modulo-card.admin{border-top-color:var(--rosa)}
.modulo-card.admin b{color:var(--ink)}

/* Login */
body:has(.login-gestao){background:var(--bg)}
body:has(.login-gestao) .pagina{max-width:none;padding:0;margin:0;display:block}
.login-gestao{min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:1fr}
.login-lado{display:none}
.login-area{display:grid;place-items:center;padding:32px 16px}
.caixa-login{margin:0;width:100%;max-width:400px;border:1px solid var(--line);border-radius:20px;padding:32px 28px;box-shadow:0 20px 50px #1A141412}
.caixa-login .logo-login{width:210px;height:auto;margin:0 auto 6px}
.caixa-login h1{font-size:30px;text-align:left;margin-top:6px}
.caixa-login .sub-login{margin:-4px 0 6px;color:var(--muted);font-size:14px}
.caixa-login .form{max-width:none}
.caixa-login .btn{width:100%}
.caixa-login .dica{text-align:center;margin:4px 0 0}
.faixa{display:flex;height:4px;border-radius:4px;overflow:hidden;width:72px}
.faixa i{flex:3;background:var(--red)}.faixa i+i{flex:1;background:var(--rosa)}
@media (min-width:900px){
  .login-gestao{grid-template-columns:1.1fr 1fr}
  .login-lado{display:flex;flex-direction:column;justify-content:space-between;background:var(--preto);color:#F5F1ED;padding:56px 64px;position:relative;overflow:hidden}
  .login-lado::after{content:"";position:absolute;right:-120px;bottom:-120px;width:360px;height:360px;border-radius:50%;border:48px solid #C1222F;opacity:.9}
  .login-lado::before{content:"";position:absolute;right:40px;bottom:170px;width:70px;height:70px;border-radius:50%;background:#E85D8A}
  .login-lado .rotulo{font:600 12px/1 var(--corpo);letter-spacing:.28em;text-transform:uppercase;color:#E85D8A}
  .login-lado h2{font:700 clamp(44px,5vw,64px)/1.02 var(--titulo);color:#F5F1ED;margin:18px 0 18px;max-width:11ch}
  .login-lado p{max-width:38ch;color:#CFC6C0;font-size:16px;margin:0}
  .login-lado .rodape-lado{font:italic 500 15px var(--titulo);color:#E85D8A;position:relative;z-index:1}
}