/* ============================================================
 * loading-screen.css
 * ------------------------------------------------------------
 * Tela de carregamento (splash screen) exibida nos primeiros
 * segundos após o carregamento da página. É removida pelo
 * script js/loading-screen.js.
 * ============================================================ */

  /* ---------- loading screen ---------- */
  #loading-screen{
    position: fixed; inset: 0; z-index: 9999;
    background: var(--bg-grad);
    display:flex; align-items:center; justify-content:center;
    transition: opacity .45s ease, visibility .45s ease;
  }
  #loading-screen.hide{ opacity:0; visibility:hidden; pointer-events:none; }
  .loading-inner{
    display:flex; flex-direction:column; align-items:center;
    max-width: 320px; padding: 0 24px; text-align:center;
  }
  .loading-spinner{
    width:38px; height:38px; border-radius:50%;
    border:3px solid var(--line); border-top-color: var(--blue);
    animation: spin .8s linear infinite; margin-bottom:18px;
  }
  @keyframes spin{ to{ transform: rotate(360deg); } }
  .loading-title{ font-size:17px; font-weight:700; color:var(--ink); letter-spacing:-0.01em; }
  .loading-powered{ font-size:12px; color:var(--ink-dim); margin-top:5px; }
  .loading-powered strong{ color:var(--blue); font-weight:700; }
  .loading-disclaimer{ font-size:11px; line-height:1.55; color:var(--ink-faint); margin-top:20px; }
  .loading-version{
    font-size:10px; color:var(--ink-faint); margin-top:16px;
    letter-spacing:.07em; text-transform:uppercase; font-weight:700;
  }