﻿
/* **************************Container contendo os blocos de seleção estabelecimento***************** */

.no-scroll {
    overflow: hidden;
}


.texto_album_headerprincipal {
    display: inline-block;
    margin: 1vw 0vw 1vw 9.5vw;
    font-family: var(--font-family-montserrat);
    font-size: 1em;
    font-weight: bold;
    color: var(--cor_cinza_escura);
}

.album_secao_headerprincipal {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 85vw;
    margin: 0 auto;
    overflow: hidden;
    gap: 1vw;
    padding: 1vw 5vw;
}

.album_headerprincipal {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
}



    .album_headerprincipal img {
        width: 10.0vw;
        padding: 0vw;
        height: 5.5vw;
        border-radius: 0.5em;
        object-fit: cover;
        box-shadow: 0 0 0.2vw var(--cor_cinza_escura);
        position: relative;
    }

.frase_album_headerprincipal {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0.5em;
    border-radius: 0 0 0.5em 0.5em;
    color: white;
}

.frase_linha_headerprincipal {
    font-family: var(--font-family-koho);
    color: var(--cor_branca);
    font-size: 0.9em;
    font-weight: bold;
    display: block;
    text-align: left;
    padding-left: 0.5vw;
}

.frase_linha_base_headerprincipal {
    font-family: var(--font-family-koho);
    color: var(--cor_branca);
    font-size: 0.9em;
    font-weight: bold;
    display: block;
    text-align: left;
    padding-left: 0.5vw;
}



@media only screen and (max-width: 1024px) {
    /* **************************Container contendo os álbuns***************** */

    .texto_album_headerprincipal {
        margin: 1vw 0vw 2vw 11vw;
    }

    .album_secao_headerprincipal {
        margin-bottom: 2vw;
        width: 94vw;
    }

    .album_headerprincipal {
        margin-right: 12vw;
    }



        .album_headerprincipal img {
            width: 12.5vw;
            height: 6vw;
            border-radius: 0.7vw;
        }

}

@media only screen and (max-width: 768px) {

    /* **************************Container contendo os álbuns***************** */

    .texto_album_headerprincipal {
        margin: 1vw 0vw 2vw 11vw;
    }

    .album_secao_headerprincipal {
        margin-bottom: 2vw;
        width: 95vw;
    }

    .album_headerprincipal {
        margin-right: 5vw;
    }



        .album_headerprincipal img {
            width: 15vw;
            height: 7.5vw;
            border-radius: 0.8vw;
        }


}

@media only screen and (max-width: 480px) {

    /* **************************Container contendo os álbuns***************** */

    .texto_album_headerprincipal {
        margin: 3vw 0vw 2vw 6vw;
    }

    .album_secao_headerprincipal {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: nowrap;
        overflow-x: auto;
        white-space: nowrap;
    }


    .album_headerprincipal img {
        width: 35vw;
        height: 15vw;
    }

    .album_headerprincipal {
        margin-right: 12vw;
    }



        .album_headerprincipal img {
            width: 27vw;
            height: 15vw;
            border-radius: 1.5vw;
        }

    .ajuste_quantitativos{
        margin-top:2vw;
    }
    .frase_album_headerprincipal {

        width: 165%;

    }
}


















/* Notícias: discreto/compacto */
.box_news_header {
    margin-top: .35rem;
}

.link_noticias_header {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .25rem .5rem;
    font-size: .9rem;
    font-weight: 600;
    color: var(--cor_cinza_escura, #555);
    text-decoration: none;
    border-radius: .4rem;
    border: 1px solid transparent;
    background: transparent;
    transition: background-color .12s ease, border-color .12s ease;
}

    .link_noticias_header i {
        font-size: .95rem;
        line-height: 0;
    }

    /* hover sutil (sem “gritar”) */
    .link_noticias_header:hover {
        background: rgba(0,0,0,.035);
        border-color: rgba(0,0,0,.06);
    }

/* mobile: levemente maior para toque confortável */
@media (max-width:480px) {
    .link_noticias_header {
        padding: .32rem .6rem;
        font-size: .95rem;
    }
}




/* ========= OVERRIDE: estado padrão dos seletores da cidade ========= */

/* todos os NÃO ativos: fundo branco */
.lista_seletores_headerprincipal .linha_seletor_headerprincipal a {
    background: #fff !important;
    color: var(--cor_cinza_clara) !important;
    border-radius: .8em; /* mantém estética */
    transition: .2s ease;
}

/* ativo: rosa/transparência */
.lista_seletores_headerprincipal .linha_seletor_headerprincipal.ativo a {
    background-color: var(--cor_principal_transparencia) !important;
    color: var(--cor_principal) !important;
}

/* opcional: hover leve sem confundir com ativo */
.lista_seletores_headerprincipal .linha_seletor_headerprincipal a:hover {
    background-color: var(--cor_principal_transparencia) !important;
    color: var(--cor_principal) !important;
}
