/* Badge del título en modal */
.modal-title.badge {
    font-size: 1.0rem; /* tamaño más grande */
    padding: 0.5rem 1rem; /* ajustar relleno */
}


/* Cambiar la X de cerrar modal a negro */
.modal-header .btn-close.custom-close {
    filter: none; /* quitar filtros previos */
    color: black; /* aunque btn-close es SVG, esto asegura compatibilidad */
}

/* Hover de la X (opcional) */
.modal-header .btn-close.custom-close:hover {
    filter: none;
    color: black;
}


/* Estilo de alerta dentro del modal */
.alerta-modal {
    padding: 15px;
    border-radius: 5px;
    font-size: 16px;
    font-weight: bold;
    margin-top: 10px;
    color: white;
}

/* Alerta de error */
.alerta-modal.error {
    background-color: #f44336; /* rojo */
}

/* Alerta de éxito */
.alerta-modal.success {
    background-color: #4CAF50; /* verde */
}