/* ===== Evolua · abertura sem "tela de carregamento" =====
   1) #boot: só a marca, sem texto, enquanto o app confirma o login. Aparece com atraso (0,25 s), então em
      aberturas rápidas nem chega a ser vista. Some sozinha quando o app libera a tela (body.au-lock sai).
   2) .ld: esqueleto da página inicial (mesmo desenho da landing), usado só quando não há questões em cache. */
#boot{display:none}
body.au-lock #boot{position:fixed;inset:0;z-index:3;display:grid;place-items:center;background:var(--bg)}
#boot i{width:56px;height:56px;border-radius:16px;background:var(--pr);color:var(--card);display:grid;place-items:center;box-shadow:inset 0 -3px 0 rgba(0,0,0,.14);opacity:0;animation:bootIn .45s .25s var(--ease) forwards,bootPulse 1.8s .8s ease-in-out infinite}
#boot svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round}
@keyframes bootIn{from{opacity:0;transform:scale(.88)}to{opacity:1;transform:none}}
@keyframes bootPulse{50%{transform:scale(1.06)}}

/* esqueleto */
.ld{display:grid;gap:14px;align-content:start;padding-top:44px;padding-bottom:40px}
.ld-s{border-radius:12px;background:linear-gradient(90deg,var(--bd) 25%,var(--prl) 50%,var(--bd) 75%);background-size:200% 100%;animation:ldSh 1.3s linear infinite}
@keyframes ldSh{from{background-position:200% 0}to{background-position:-200% 0}}
.ld-pill{width:120px;height:26px;border-radius:99px}
.ld-h{height:clamp(34px,9vw,52px);width:94%;border-radius:14px}
.ld-p{height:16px;width:88%;max-width:460px;border-radius:8px}
.ld-btn{height:54px;width:230px;max-width:100%;margin-top:14px;border-radius:12px}
.ld-row{display:flex;gap:14px;margin-top:22px;padding-top:22px;border-top:1px solid var(--bd)}
.ld-row .ld-s{flex:1;max-width:120px;height:44px;border-radius:10px}
@media(max-width:560px){.ld-btn{width:100%}}
@media(min-width:900px){.ld{padding-top:96px}.ld-h{width:60%}}