#alertContainer {
    position: fixed; /* Posiciona el contenedor de alertas de forma fija */
    top: 20px; /* Ajusta la distancia desde el borde superior de la página */
    left: 50%;
    transform: translateX(-50%); /* Centra las alertas horizontalmente */
    z-index: 1050; /* Asegura que las alertas estén encima de otros elementos */
    width: 80%; /* Ajusta el ancho de las alertas */
    max-width: 500px; /* Limita el ancho máximo */
}

.alert {
    display: flex;
    align-items: center; /* Centra el contenido de la alerta verticalmente */
    justify-content: center; /* Centra el contenido de la alerta horizontalmente */
    padding: 15px;
    margin-bottom: 10px; /* Espacio entre alertas */
    text-align: center; /* Asegura que el texto también esté centrado */
}

.alert-logo {
    height: 40px; /* Tamaño del logo */
    margin-right: 15px; /* Espacio entre el logo y el texto */
}

.alert-text {
    flex-grow: 1; /* Asegura que el texto ocupe el espacio restante */
}

.alert h4 {
    font-size: 1.2rem; /* Tamaño de la fuente del mensaje */
    font-weight: bold;
}

.alert button.close {
    background: none;
    border: none;
    font-size: 1.5rem;
    color: inherit;
    cursor: pointer;
}

.alert-success {
    background-color: #28a745;
    color: white;
}

.alert-danger {
    background-color: #dc3545;
    color: white;
}