/*  .cargando {
     position: fixed;
     width: -webkit-fill-available;
     height: -webkit-fill-available;
     z-index: 2050;
     background-color: #ffffffd1;
     opacity: 1;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
 } */

.cargando {
    /* Estado Normal: Sidebar Expandido */
    position: fixed;
    top: 70px;
    left: 265px;
    /* ANCHO DEL SIDEBAR EXPANDIDO */
    right: 0;
    bottom: 0;
    z-index: 2050;
    background-color: #ffffffd1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

/* ------------------------------------------------ */
/* AÑADIR ESTE BLOQUE: Ajuste para Sidebar Colapsado */
/* ------------------------------------------------ */
.sidebar_minimize .cargando {
    /* Estado Colapsado: Sobrescribe el valor 'left' */
    left: 75px;
    /* ANCHO DEL SIDEBAR COLAPSADO */
    transition: all .3s;
}
/* ------------------------------------------------ */
/* AÑADIR ESTE BLOQUE: Ajuste para Sidebar Colapsado */
/* ------------------------------------------------ */
.sidebar_minimize_hover .cargando {
    /* Estado Colapsado: Sobrescribe el valor 'left' */
    left: 265px;
    /* ANCHO DEL SIDEBAR COLAPSADO */
    transition: all .3s;
}

.logo_cargando {
    width: 150px;
    height: 150px;
    background: url("../../images/Logo_Index.png") center center no-repeat;
    background-size: contain;
    margin-bottom: 20px;
}

.texto-cargando {
    font-size: 20px;
    font-weight: bold;
    color: #2c6638;
    /* Verde institucional */
}

.dots::after {
    content: '';
    animation: dots 1.5s steps(4, end) infinite;
}

@keyframes dots {
    0% {
        content: '';
    }

    25% {
        content: '.';
    }

    50% {
        content: '..';
    }

    75% {
        content: '...';
    }

    100% {
        content: '';
    }
}