/* Barra do topo */
:root { 
    --module-top-list-module-background: var(none); /* color|Cor do fundo */
    --module-top-list-module-padding: 5px; /* text|Espaçamento */
    --module-top-list-module-font-size-desktop: 14px; /* text|Tamanho da fonte desktop */
    --module-top-list-module-font-size-mobile: 12px; /* text|Tamanho da fonte mobile */
    --module-top-list-module-text: #ffffff; /* color| Cor do texto */
    --module-top-list-module-justify: center; /* select|Orientação[Centralizado:center,Espalhado:space-between,Esquerda:flex-start,Direita:flex-end] */
    --module-top-list-module-mobile-justify: center; /* select|Orientação mobile[Centralizado:center,Espalhado:space-between,Esquerda:flex-start,Direita:flex-end] */
    --module-top-list-module-gap: 80px; /* text|Espaçamento entre itens */
    --module-top-list-module-gap-mobile: 30px; /* text|Espaçamento entre itens mobile */
    --module-top-list-module-link-color: #ffffff; /* text|Cor dos itens */
    --module-top-list-module-font-weight: 500; /* select|Peso da fonte[Normal:normal,Negrito:bold, 500:500] */
}

#top{
    background-color: var(--module-top-list-module-background, var(--secondary)); 
    color: var(--module-top-list-module-text, #fff);
    padding: var(--module-top-list-module-padding) 0;
    font-weight: var(--module-top-list-module-font-weight);
    font-size: var(--module-top-list-module-font-size-desktop);
}
#top a{
    color: var(--module-top-list-module-link-color);
}
.top-flex{
    display: flex;
    align-items: center;
    justify-content: var(--module-top-list-module-justify); 
    gap: var(--module-top-list-module-gap);
}
@media(max-width:767px){
    .top-flex{justify-content: var(--module-top-list-module-mobile-justify);}
}

#top .social-media{display: flex; margin:0; align-items: center; gap: 10px; color: var(--module-top-list-module-link-color);}
#top .social-media span{display:none;}

@media (max-width: 991px){
    #top {
        font-size: var(--module-top-list-module-font-size-mobile);
    }

    .top-flex {gap: var(--module-top-list-module-gap-mobile);}
}