/**
 * Barra Brasil gov.br — isola do Tailwind/tema sem sobrescrever layout oficial.
 * O Tailwind aplica border-box e fonte Inter globalmente; isso quebra a barra.
 * Cores alinhadas à barra clara oficial (barra.js): fundo #f1f1f1, links #606060.
 */

#barra-brasil {
    position: relative;
    z-index: 100001;
    display: block !important;
    width: 100% !important;
    font-family: "Open Sans", Rawline, Raleway, Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    line-height: 32px !important;
    letter-spacing: normal !important;
    text-transform: none !important;
    background: #f1f1f1 !important;
    color: #606060 !important;
    border-bottom: 1px solid #dfdfdf !important;
}

#barra-brasil,
#barra-brasil *,
#barra-brasil *::before,
#barra-brasil *::after {
    box-sizing: content-box !important;
}

#barra-brasil a,
#barra-brasil .link-barra {
    color: #606060 !important;
    text-decoration: none !important;
    min-width: 0 !important;
    margin-right: 0 !important;
}

#barra-brasil a:hover,
#barra-brasil a:focus,
#barra-brasil .link-barra:hover,
#barra-brasil .link-barra:focus {
    color: #333 !important;
}

#barra-brasil img {
    display: inline !important;
    width: auto !important;
    height: auto !important;
    max-width: none !important;
    max-height: none !important;
    min-height: 0 !important;
    object-fit: none !important;
}