﻿/* Contenedor de loading centrado */
.loading-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    display: flex;
    flex-direction: column; /* forzar vertical */
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

/* Wrapper del SVG para asegurar que esté encima del texto */
.loading-svg-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* SVG con animación pulse */
.loading-svg {
    width: 150px;
    height: 150px;
    display: block; /* evita que se alinee inline y choque con texto */
    animation: pulse 1.5s ease-in-out infinite;
}

/* Texto de progreso debajo del SVG */
.loading-progress-text {
    margin-top: 20px;
    font-size: 1.2rem;
    color: #333;
    text-align: center;
}

/* Animación pulse */
@keyframes pulse {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}
