/* Avisos */

.alert {
    margin-block-end: 1rem;
    padding: 1em;
    font-size: 1rem;
    border-radius: .5em;

    h2 {
        margin-block-end: .5em;
        font-weight: 500;
        font-size: 1.125rem;
    }

    &.alert--info {
        color: var(--info);
        background-color: hsl(var(--info-h), var(--info-s), 90%);
        border-bottom: 1px solid hsl(var(--info-h), var(--info-s), 87%);
    }

    &.alert--success {
        color: var(--success);
        background-color: hsl(var(--success-h), var(--success-s), 95%);
        border-bottom: 1px solid hsl(var(--success-h), var(--success-s), 92%);
    }

    &.alert--warning {
        color: var(--black);
        background-color: var(--warning);
        border-bottom: 1px solid hsl(var(--warning-h), var(--warning-s), 92%);
    }

    &.alert--error {
        color: var(--error);
        background-color: hsl(var(--error-h), var(--error-s), 95%);
        border-bottom: 1px solid hsl(var(--error-h), var(--error-s), 92%);
    }
}