/* COMPONENTE: BARRA SUPERIOR
========================================== 
VISIBLE: EN TODO ELL SITIO
TODO EL ESTILO DEL COMPONENTE
- FONDO
- ALTURA
- TEXTO*/
.top-bar{

    display:flex;

    justify-content:center;

    align-items:center;

    height:30px;

    background: var(--color-acento);

    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;

}