/* PANTALLA DE ESPERA */


/* PANTALLA DE ESPERA */
#pantallaEspera{
    position: fixed;   /* 🔥 Cambiar absolute por fixed */
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;     /* ocupa toda la pantalla */
    
    display: flex;
    flex-direction: column;
    justify-content: center; /* centra vertical */
    align-items: center;     /* centra horizontal */

    text-align: center;
    background: rgba(0,0,0,0.85); /* opcional para overlay */
    z-index: 9999;
}

/* Indicador de carga */
.indicadorCarga{
    width:70px;
    height:70px;
    border:7px solid rgba(255,255,255,0.2);
    border-top:7px solid #00e5ff;
    border-radius:50%;
    animation:girar 1s linear infinite;
    margin-bottom:20px;
}

@keyframes girar{
    0%{transform:rotate(0deg);}
    100%{transform:rotate(360deg);}
}

/* Botones */
.btnPrincipal{
    padding:12px 25px;
    background:#00e5ff;
    border:none;
    border-radius:8px;
    font-weight:bold;
    cursor:pointer;
}

.btnCancelar{
    background:#ff5252;
    border:none;
    padding:12px 25px;
    color:white;
    font-weight:bold;
    border-radius:8px;
    cursor:pointer;
    margin-top:15px;
}