/* Estilo automático para a página: blog */

/* Listagem de notícias: mesmos cards da home (.card-blog, em style.css) + paginação */
#listagem-blog {
    padding: 60px 0 80px;

    h3 {
        margin: 0 0 12px;
    }

    h2 {
        margin-bottom: 40px;
        text-align: center;
    }

    .sem-noticias {
        color: var(--Neutros-Cinza);
        text-align: center;
    }

    /* Paginação: bolinhas azul claro, a atual em roxo (mesmo estilo da galeria) */
    .paginacao-blog {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
        margin-top: 56px;

        .page-numbers {
            display: flex;
            align-items: center;
            justify-content: center;
            min-width: 28px;
            height: 28px;
            padding: 0 6px;
            border-radius: 9999px;
            background: #D6E4FF;
            color: var(--Primrias-Azul);
            font-family: "Fredoka", sans-serif;
            font-size: 14px;
            font-weight: 500;
            transition: background-color 0.3s ease, color 0.3s ease;
        }

        a.page-numbers:hover,
        .page-numbers.current {
            background: var(--Primrias-Azul);
            color: #fff;
        }

        /* "..." entre os números */
        .page-numbers.dots {
            background: transparent;
        }
    }

    @media (max-width: 768px) {
        padding: 40px 0 60px;

        h3 {
            font-size: 18px;
        }

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