/* Estilo automático para a página: noticias-para-beneficiarios */
#cabecalho{
    padding: 24px !important;
    min-height: auto !important;
}

#acordion{
    padding: 80px 0;

    h2{
        color: var(--azul-tercirio, #051E73);
        font-size: 32px;
        font-weight: 700;
        text-align: center;
        line-height: 115%; 
    }

    .box-accordion {
        border-radius: 24px;
        border: 1px solid var(--traado, #CAD9F0);
        background: #F9FEFF;
        box-shadow: 4px 4px 10px 0 rgba(82, 95, 111, 0.16);
    }
    .box-accordion>a{
        padding: 21px 24px;
        border-bottom: 1px solid transparent;
        transition: 300ms all ease-in-out;
        border-radius: 16px;
        background: var(--azul-secundrio, #235AEB);
        color: #FFF;
        font-family: Manrope;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: 28px;
    }
    .box-accordion>a.active {
        border-bottom: 1px solid #d4dce6;
    }
    .box-accordion>a.active:after {
        content: '';
        display: inline-block;
        width: 20px; /* ajuste conforme necessário */
        height: 20px; /* ajuste conforme necessário */
        background-image: url('../img/seta-3.png');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        margin-left: 10px; /* ajuste o espaçamento */
    }
    .box-accordion>a:after {
        content: '';
        display: inline-block;
        width: 20px; /* ajuste conforme necessário */
        height: 20px; /* ajuste conforme necessário */
        background-image: url('../img/seta-2.png');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        margin-left: 10px; /* ajuste o espaçamento */
    }
    .box-accordion p{
        margin-bottom: 0.3rem;
    }
    .content-accordion {
        padding: 16px 24px;
    }

    .paginacao-blog{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 8px;
        margin-top: 16px;

        .page-numbers{
            display: flex;
            align-items: center;
            justify-content: center;
            width: 40px;
            height: 40px;
            border: solid 1px var(--azulAcizentado);
            border-radius: 40px;
            color: var(--azul-texto);
            text-decoration: none;
            font-weight: 600;
            transition: 300ms all ease-in-out;

            &.current{
                background-color: var(--azul-secundrio);
                border-color: var(--azul-secundrio);
                color: var(--branco);
            }

            &:hover:not(.current){
                background-color: var(--azul-mais-claro);
                border-color: var(--azul-mais-claro);
            }

            &.dots{
                border: none;
            }
        }
    }
}

/* TABLET */
@media (min-width: 768px) and (max-width: 1024px) {
    #acordion {
        padding: 60px 0;
    }
}

/* MOBILE */
@media all and (max-width: 767px) {
    #acordion {
        padding: 40px 15px;

        h2 {
            font-size: 24px;
        }
    }
}