.modal-close {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 1.5rem;
    color: var(--text-color);
    cursor: pointer;
    transition: color 0.3s;
}
.modal-close:hover {
    color: var(--highlight);
}
.text-center {
    text-align: center;
}
.highlight {
    color: var(--highlight);
}
.modalConfirmacion {
    background-color: rgba(127, 168, 226, 0.9); /* Color de fondo para confirmación */
}
.modalError {
    background-color: rgba(248, 178, 178, 0.9); /* Color de fondo para error */
}
.mb-4 {
    margin-bottom: 1.5rem;
}
.h4 {
    font-size: 1.5rem;
    font-weight: bold;
}

/* .modal-overlay.notification */
 #modalNotificacion{
  z-index: 5000; /* Prioridad sobre otros modales */
}