/* =====================================================
   PRELOADER — Cortinilla de entrada
   ===================================================== */

   #site-preloader {
    position: fixed;
    inset: 0;
    z-index: 9999999;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #342c27;
    pointer-events: all;
    opacity: 1;
    visibility: visible;
}

/* Bloquea el scroll mientras el preloader está visible */
body.preloader-active {
    overflow: hidden;
}

/* ── Logo ── */
#site-preloader .preloader-logo {
    width: clamp(180px, 40vw, 400px);

    /* Estado inicial: abajo y transparente */
    opacity: 0;
    transform: translateY(36px);

    /* Animación de entrada */
    animation: logo-enter 0.75s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.15s;
}

@keyframes logo-enter {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}