.loading-animation {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 1000;
    background-color: rgba(255, 255, 255, 0.9); /* Fondo blanco semi-transparente */
    border-radius: 10px; /* Bordes redondeados */
    padding: 20px; /* Espaciado interno */
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2); /* Sombra */
}

.car {
    position: relative;
    animation: moveCar 2s linear infinite; /* Animación de movimiento */
}

@keyframes moveCar {
    0% {
        transform: translateX(-100px); /* Comienza fuera de la pantalla a la izquierda */
    }
    50% {
        transform: translateX(100px); /* Mueve el coche a la derecha */
    }
    100% {
        transform: translateX(-100px); /* Regresa a la posición inicial */
    }
}

.loading-text {
    font-size: 1.5em; /* Tamaño de fuente más grande */
    color: #333; /* Color del texto */
    margin-top: 10px; /* Espaciado superior */
    font-weight: bold; /* Texto en negrita */
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); /* Sombra de texto */
}

@media (max-width: 600px) {
    .loading-animation {
        padding: 30px !important;
        width: 275px !important;
    }
}

@media (min-width: 601px) and (max-width: 1024px) {
    .loading-animation {
        padding: 30px !important;
        width: 275px !important;
    }
}