/* Estilos generales para las alertas */  
.alert {  
    padding: 15px;  
    margin-bottom: 20px;  
    border: 1px solid transparent;  
    border-radius: 5px;  
    position: relative;  
}  

/* Estilo para alerta de éxito */  
.alert-success {  
    color: #155724;  
    background-color: #d4edda;  
    border-color: #c3e6cb;  
}  

/* Estilo para alerta de error */  
.alert-danger {  
    color: #721c24;  
    background-color: #f8d7da;  
    border-color: #f5c6cb;  
}  

/* Botón de cierre */  
.btn-close-alert {  
    position: absolute;  
    top: 10px;  
    right: 10px;  
    border: none;  
    background: transparent;  
    font-size: 1.5em; /* Tamaño del ícono */  
    cursor: pointer;  
    color: #000;
}  

/* Cambia el color del ícono al pasar el mouse */  
.btn-close-alert:hover {  
    color: #000; /* Cambia a negro, puedes personalizarlo */  
}