/* Estilos básicos de alertas */
.alert {
    position: relative;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 5px;
}

/* Sucesso em tons amarelos/dourados */
.alert-success {
    color: #665900; /* marrom-ouro escuro para texto */
    background-color: #fff8dc; /* creme claro */
    border-color: #ffeb99; /* amarelo claro */
}

/* Perigo com amarelos/alaranjados */
.alert-danger {
    color: #7f4a00; /* laranja escuro */
    background-color: #ffe6cc; /* laranja pálido */
    border-color: #ffcc99; /* laranja médio */
}

/* Estilo para alertas com botão de fechar */
.alert-dismissible {
    padding-right: 35px;
}

.alert-dismissible .btn-close {
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 5px 10px;
    background: none;
    border: none;
    font-size: 1.25rem;
    color: inherit;
    cursor: pointer;
}

.alert-dismissible .btn-close:hover {
    background-color: transparent;
    color: #665900; /* dourado escuro */
    opacity: 0.75;
}

.alert-dismissible .btn-close:focus {
    box-shadow: none;
}