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



#blog{
    padding: 88px 0;
    
    h2{
        text-align: center;
    }
    h3{
        margin-top: 16px;
        text-align: center;
    }


    /* Estilos para a paginação */
        .paginacao {
            margin: 40px 0;
            text-align: center;
        }

        .paginacao .pagination {
            display: inline-flex;
            list-style: none;
            padding: 0;
            margin: 0;
            gap: 5px;
        }

        .paginacao .page-item .page-link {
            display: block;
            padding: 8px 16px;
            background-color: var(--cinzaClaro);
            color: var(--azul);
            text-decoration: none;
            border-radius: 4px;
            transition: all 0.3s ease;
            border: 1px solid var(--branco);
        }

        .paginacao .page-item .page-link:hover {
            background-color: var(--cinzaClaro);
        }

        .paginacao .page-item.active .page-link {
            background-color: var(--azul);
            color: #fff;
            border-color: var(--azul);
        }

        .paginacao .page-item.disabled .page-link {
            opacity: 0.5;
            cursor: not-allowed;
            pointer-events: none;
        }
}