.loading-modal {
    background-color: #00041664;
    width: 100%;
    height: 100%;
    left: 0;
    display: none;
    justify-content: center;
    align-items: center;
    position: absolute;
    z-index: 999;
    top: 0;
}

.cargando-simbol-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    align-items: center;
    background-color: #ffff;
    height:5rem;
    width:5rem;
    border-radius:10px 10px;
}

.loader {
    border: .3rem solid #000F59; /* Light grey */
    border-top: .3rem solid #ffffff; /* Blue */
    border-radius: 50%;
    width: 1.5rem;
    height: 1.5rem;
    animation: spin .8s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@media (prefers-color-scheme: dark) {
    .cargando-simbol-container {
        background-color: var(--primary-background-color-dark-mode);
        color: var(--primary-text-color-dark-mode);
    }
    .loader {
        border: .3rem solid var(--primary-color-dark);
        border-top: .3rem solid var(--primary-background-color-dark-mode);
    }
}