/* ===================================================== TEMA PRUDEN PRÊMIOS — branco / preto / dourado Usado pelo portal E pelos sistemas que abrem dentro dele. Para padronizar um sistema, coloque no dele: ===================================================== */ :root{ --papel:#F7F6F3; --card:#FFFFFF; --tinta:#0B0B0C; --cinza:#6B6B72; --borda:#E8E5DE; --ouro:#A87C2A; --ouro-claro:#D4AF37; --ouro-fundo:#F6EFDF; --verde:#2F7D4F; --verde-fundo:#E7F2EB; --vermelho:#B23A2B; --vermelho-fundo:#FBEDEA; --raio:16px; --raio-p:10px; --sombra:0 1px 2px rgba(11,11,12,.04),0 8px 24px rgba(11,11,12,.05); --fonte-titulo:'Fraunces',Georgia,serif; --fonte:'Manrope',system-ui,-apple-system,sans-serif; } *{box-sizing:border-box} html,body{margin:0} body{background:var(--papel);color:var(--tinta);font-family:var(--fonte);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased} h1,h2,h3{font-family:var(--fonte-titulo);font-weight:600;letter-spacing:-.01em;line-height:1.2} a{color:var(--ouro)} /* Cartões */ .card{background:var(--card);border:1px solid var(--borda);border-radius:var(--raio);box-shadow:var(--sombra);padding:24px} /* Botões */ .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--borda);background:var(--card);color:var(--tinta); font:600 14px var(--fonte);padding:11px 18px;border-radius:var(--raio-p);cursor:pointer;text-decoration:none;transition:background .15s,border-color .15s,transform .1s} .btn:hover{border-color:var(--tinta)} .btn:active{transform:translateY(1px)} .btn-ouro{background:var(--tinta);border-color:var(--tinta);color:#fff} .btn-ouro:hover{background:#1f1f22} .btn-dourado{background:var(--ouro);border-color:var(--ouro);color:#fff} /* Campos */ .input,input[type=text].input,select.input,textarea.input{width:100%;font:15px var(--fonte);color:var(--tinta);background:#fff;border:1px solid var(--borda); border-radius:var(--raio-p);padding:11px 13px;outline:none;transition:border-color .15s,box-shadow .15s} .input:focus{border-color:var(--ouro);box-shadow:0 0 0 3px var(--ouro-fundo)} /* Tabelas */ .tabela{width:100%;border-collapse:collapse;font-size:14px} .tabela th{text-align:left;font-weight:600;color:var(--cinza);font-size:12px;text-transform:uppercase;letter-spacing:.04em;padding:10px 12px;border-bottom:1px solid var(--borda)} .tabela td{padding:12px;border-bottom:1px solid var(--borda)} .tabela tr:hover td{background:#FBFAF7} /* Etiquetas */ .tag{display:inline-block;font-size:12px;font-weight:600;padding:3px 9px;border-radius:999px;background:var(--ouro-fundo);color:var(--ouro)} .tag-ok{background:var(--verde-fundo);color:var(--verde)} .tag-erro{background:var(--vermelho-fundo);color:var(--vermelho)} /* Números grandes (métricas) */ .metrica .rotulo{color:var(--cinza);font-size:13px;font-weight:500} .metrica .valor{font-family:var(--fonte-titulo);font-size:30px;font-weight:600;margin-top:4px} /* Quando o sistema abre DENTRO do portal, o recebe a classe "no-portal". Qualquer menu próprio marcado com a classe .so-fora-do-portal some. */ html.no-portal .so-fora-do-portal{display:none!important}