/* ---------- portal de entrada do CRM (reaproveita as portas do site, em estilo.css) ---------- */
.portal-crm .portal__boasvindas{inset:auto 0 14vh}
.portal-crm .portal__boasvindas small{display:block;margin-top:10px;font:600 clamp(.8rem,1.6vw,1rem) var(--corpo);letter-spacing:.28em;text-transform:uppercase;-webkit-text-fill-color:#e9edf6;color:#e9edf6}
.portal-crm .portal__marca span{letter-spacing:.38em}
.portal-crm .portal__entrar{display:none}
.portal-crm__selo{position:absolute;z-index:3;left:50%;bottom:9vh;transform:translateX(-50%);display:flex;align-items:center;gap:10px;margin:0;padding:10px 20px;border-radius:999px;
  background:rgba(6,19,43,.72);border:1.5px solid rgba(241,212,138,.6);color:#f6e6b8;font:600 .95rem var(--corpo);letter-spacing:.06em;backdrop-filter:blur(4px);white-space:nowrap}
.portal-crm__selo i{width:9px;height:9px;border-radius:50%;background:#f1d48a;box-shadow:0 0 12px #f1d48a;animation:crm-reino-pisca 1s ease-in-out infinite}
@keyframes crm-reino-pisca{50%{opacity:.25}}
.portal--abrindo .portal-crm__selo{transition:opacity .5s;opacity:0}
/* fagulhas douradas que escapam pela fresta quando as portas abrem */
.portal-crm__fagulhas{position:absolute;inset:0;z-index:2;pointer-events:none}
.portal-crm__fagulhas i{position:absolute;left:50%;bottom:30%;width:var(--s);height:var(--s);border-radius:50%;opacity:0;
  background:radial-gradient(circle,#fff8e0,#f1c75f 60%,rgba(241,199,95,0))}
.portal--abrindo .portal-crm__fagulhas i{animation:crm-reino-fagulha var(--t) ease-out var(--d) both}
@keyframes crm-reino-fagulha{0%{opacity:0;transform:translate(0,0)}15%{opacity:1}100%{opacity:0;transform:translate(var(--x),-46vh)}}
@media (max-width:640px){.portal-crm__selo{font-size:.85rem;bottom:7vh}}