/* Estilos para la pantalla de carga */
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(116, 116, 116, 0.16); /* Fondo semi-transparente oscuro */
    backdrop-filter: blur(10px); /* Efecto de desenfoque del fondo */
    -webkit-backdrop-filter: blur(10px); /* Compatibilidad con navegadores WebKit */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    opacity: 1;
    transition: opacity 0.5s ease-out;
}

/* Clases para ocultar el preloader */
#preloader.hidden {
    opacity: 0;
    visibility: hidden;
}

/* Animación de giro */
@keyframes girarDerecha {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

/* Estilo y animación del bumerán dentro del preloader */
#logo-boomerang-preloader {
    width: 100px;
    height: auto;
    animation: girarDerecha 2s linear infinite;
}