/* ===== Animação de entrada (depois do login) ===== */
#entrando{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(120% 70% at 50% 0%,rgba(201,162,77,.22),transparent 60%),var(--bg,#F7F6F4);opacity:0;transition:opacity .35s ease}
#entrando.in{opacity:1}
#entrando.fora{opacity:0;transition:opacity .5s ease}
#entrando.fora .en-centro{transform:scale(1.04);opacity:0}
.en-centro{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .45s ease}
.en-marca{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center}
.en-anel{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.en-anel circle{fill:none;stroke:var(--gold,#C9A24D);stroke-width:3;stroke-linecap:round;stroke-dasharray:339;stroke-dashoffset:260;opacity:.85;animation:enGira 1.6s cubic-bezier(.5,.1,.3,1) infinite;transform-origin:60px 60px}
.en-logo{width:72px;height:72px;border-radius:22px;background:linear-gradient(#211A14,#0F0C09);display:flex;align-items:center;justify-content:center;box-shadow:0 18px 40px -12px rgba(122,90,30,.6),inset 0 1px 0 rgba(255,246,223,.12);animation:enRespira 2.4s ease-in-out infinite}
.en-gema{width:34px;height:42px;overflow:visible}
.en-gema path{opacity:0;transform-origin:60px 60px;animation:enFaceta .5s cubic-bezier(.2,.8,.2,1) forwards}
.en-gema path:nth-child(2){animation-delay:.12s}.en-gema path:nth-child(3){animation-delay:.24s}.en-gema path:nth-child(4){animation-delay:.36s}
.en-gema path:nth-child(5){animation:enBrilho 2.4s .8s ease-in-out infinite}
@keyframes enFaceta{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}
@keyframes enBrilho{0%,100%{opacity:.15}50%{opacity:.7}}
/* marca na tela de login */
.brand .logo.logo-gema{background:linear-gradient(#211A14,#0F0C09);box-shadow:0 12px 28px -10px rgba(122,90,30,.55),inset 0 1px 0 rgba(255,246,223,.12)}
.brand .logo.logo-gema .gema{width:24px;height:30px}
.en-nome{font-size:24px;font-weight:800;letter-spacing:-.03em;color:var(--ink,#1F1B1A);margin-top:4px}
.en-frase{font-size:14px;color:var(--muted,#7B726B);min-height:20px;transition:opacity .2s ease,transform .2s ease}
.en-frase.troca{opacity:0;transform:translateY(4px)}
.en-barra{width:160px;height:4px;border-radius:2px;background:rgba(201,162,77,.18);overflow:hidden;margin-top:2px}
.en-barra i{display:block;width:40%;height:100%;border-radius:2px;background:linear-gradient(90deg,transparent,var(--gold,#C9A24D),transparent);animation:enCorre 1.2s ease-in-out infinite}
@keyframes enGira{0%{transform:rotate(-90deg);stroke-dashoffset:300}50%{stroke-dashoffset:120}100%{transform:rotate(270deg);stroke-dashoffset:300}}
@keyframes enRespira{50%{transform:scale(1.045)}}
@keyframes enTraca{to{stroke-dashoffset:0}}
@keyframes enCorre{from{transform:translateX(-110%)}to{transform:translateX(260%)}}
@media (prefers-reduced-motion:reduce){.en-anel circle,.en-logo,.en-barra i,.en-gema path{animation:none!important;opacity:1}}
/* ===== Botão Sair ===== */
.nav .nav-sair{display:none}
.sair-btn{display:inline-flex;align-items:center;gap:8px;color:var(--bad,#B4382C)!important;border-color:rgba(180,56,44,.25)!important}
.sair-btn:hover{background:var(--bad-soft,#F8E5E3)!important}
.sair-topo{margin-left:auto;height:38px;padding:0 14px;display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--bad,#B4382C);border-color:rgba(180,56,44,.25)}
.sair-topo svg{width:17px;height:17px}
#saindo{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:rgba(247,246,244,.92);font:700 15px Manrope,sans-serif;color:var(--muted,#7B726B)}
@media (min-width:900px){
  .nav .nav-sair{display:flex;align-items:center;gap:12px;margin-top:auto;width:100%;border:none;background:none;cursor:pointer;font:inherit;font-weight:600;color:var(--muted,#7B726B);padding:12px 14px;border-radius:12px;text-align:left}
  .nav .nav-sair:hover{background:var(--bad-soft,#F8E5E3);color:var(--bad,#B4382C)}
  .sair-topo{display:none}
}
.screen > header:has(> .sair-topo){display:flex;align-items:center;gap:12px}