#precarga-pagina{
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    background-color: #f1f1f1;
}

#precarga-pagina > div{
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

#spinner{
    --bs-spinner-width: 5rem;
    --bs-spinner-height: 5rem;
    --bs-spinner-vertical-align: -0.125em;
    --bs-spinner-border-width: 0.35em;
    --bs-spinner-animation-speed: 0.65s;
    --bs-spinner-animation-name: spinner-border;
    border: var(--bs-spinner-border-width) solid #2d2d2d;
    border-right-color: transparent;

    display: inline-block;
    width: var(--bs-spinner-width);
    height: var(--bs-spinner-height);
    vertical-align: var(--bs-spinner-vertical-align);
    border-radius: 50%;
    animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
}

@keyframes spinner-border {
    to { transform: rotate(360deg); }
}