/* PRELOADER */
.preloader {
    position: fixed;
    top: 0;
    left: 0;

    width: 100vw;
    height: 100vh;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    background-color: #000000;

    z-index: 9999;

    transition: opacity 0.5s ease, visibility 0.5s ease;
}

.preloader.hide {
    opacity: 0;
    transform: translateY(-20px);
    pointer-events: none;
}

.preloader-logo {
    width: 90px;
    height: auto;

    opacity: 0;
    transform: translateY(20px) scale(0.9);
    transition: opacity 1s ease, transform 1s ease;
            
    /* Mejora 3: Transición más orgánica */
    transition: opacity 1.2s cubic-bezier(0.34, 1.56, 0.64, 1),
                transform 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
            
    /* Mejora 4: Filtro sutil para mejor integración */
    filter: brightness(0.95) contrast(1.1);
}

.preloader-logo.show {
    opacity: 1;
    transform: translateY(0) scale(1);
}

/* Mejora 7: Efecto de respiración sutil en el logo */
.preloader-logo.breathing {
    animation: breathe 3s ease-in-out infinite;
}

@keyframes breathe {
    0%, 100% { 
        transform: translateY(0) scale(1);
        filter: brightness(0.95) contrast(1.1);
    }
    50% { 
        transform: translateY(-2px) scale(1.02);
        filter: brightness(1) contrast(1.15);
    }
}

.no-scroll {
    overflow: hidden;
}

/* Mejora 9: Optimización de performance */
.preloader, .preloader-logo {
    will-change: transform, opacity;
}