:root {
    --azul-escuro: #1D4E6B;
    --azul: #005B8A;
    --azul-claro: #007BBB;
    --cinza-claro: #F7F7F7;
    --cinza: #DDDDDD;
    --cinza-escuro: #565D63;
    --roxo-claro: #9541DF;
    --roxo: #65269B;
    --roxo-escuro: #45146F;
    --cor-principal: var(--azul);
    --cor-principal-claro: var(--azul-claro);
    --cor-principal-escuro: var(--azul-escuro);
    --cor-principal-texto: var(--azul);
    --cor-principal-claro-texto: var(--azul-claro);
    --cor-principal-escuro-texto: var(--azul-escuro);
    --cinza-background: var(--cinza-claro);
}

.mapa{
    padding: 2rem 0;
}

.mapa__titulo{
    margin-bottom: 1rem;
}

.mapa__strong{
    color: var(--azul-escuro);
}

.accordion.mapa__accordion{
    margin-bottom: 1rem;
}

.accordion-item,
.accordion-header{
    border-color: #7f868d;
}

.accordion-button:not(.collapsed){
    background-color: rgba(0, 123, 187, 0.2);
    color: var(--azul-escuro) !important;
    outline: none !important;
}

.accordion-button.collapsed{
    background-color: var(--cinza-claro);
    color: var(--cinza-escuro-texto) !important;
    outline: none;
}

.accordion-button:not(.collapsed):focus{
    outline: none !important;
    border-color: transparent;
    box-shadow: none;
}

.accordion-button.collapsed:focus{
    outline: none !important;
    border-color: transparent;
    box-shadow: none;
}

.list-group-item{
    color: var(--cinza-escuro-texto);
}

@media screen and (max-width: 576px) {
    .mapa{
        padding: 2rem 1.5rem !important;
    }
}