/* COMPONENTE: BARRA SUPERIOR
========================================== 
VISIBLE: EN TODO ELL SITIO
TODO EL ESTILO DEL COMPONENTE
- FONDO
- ALTURA
- TEXTO*/
@media (min-width: 922px) {
    body.home .site-content .ast-container {
        display: block;
    }
}

.top-bar{

    display:flex;

    justify-content:center;

    align-items:center;

    height:30px;

    background: var(--color-red-dark);

    color:var(--button-text);

    overflow:hidden;

}

.top-bar__message{

    font-size:12px;

    font-weight:600;

    letter-spacing:.08em;

    text-transform:uppercase;

    transition:opacity .35s ease;

}

.top-bar__message.is-hidden{

    opacity:0;

}