.pagination {
    margin-top: 30px;
  }

  .pagination a {
    margin: 0 10px;
  }

/* CSS para blog de publicações (para telas maiores) */
@media (min-width: 1458px) {
    .container-blog-pub {
        display: grid;
        /* Define three columns: two for main-news-blog and one for sidebar */
        grid-template-columns: 2fr 1fr; /* Or use specific widths like 70% 30% */
        grid-template-areas:
            "main-news-blog sidebar"; /* Assign areas */
        gap: 2rem;
        padding: 2rem 1rem;
    }

    .main-news-blog-pub {
        /* This now needs to span across two logical columns within its grid area */
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); /* Adjust as needed for internal columns */
        gap: 1.5rem;
    }

    .sidebar-pub {
        display: block; /* sidebar will naturally occupy its assigned grid area */
    }

    /* Itens do notícia */
    .column-item-pub {
        background-color: #f7f7f7;
        padding: 1rem;
        border-radius: 6px;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    }

    /* Sidebar */
    .sidebar-section-pub {
        margin-bottom: 2rem;
    }

    .sidebar-item-pub {
        margin-bottom: 0.8rem;
    }
}

/* --- Media Query para Telas Pequenas --- */
@media (max-width: 768px) {
    .container-blog-pub {
        display: grid;
        grid-template-areas:
            "main-news-blog"
            "sidebar";
        gap: 2rem;
        padding: 2rem 1rem;
    }

    .main-news-blog-pub {
        display: grid;
        grid-template-columns: 100%;
        gap: 1.5rem;
    }

    .sidebar-pub {
        /* No specific changes needed here for small screens */
    }

    .main-news-blog-pub {
        display: grid;
        gap: 1rem;
    }
}

/* CSS para blog */
@media (min-width: 1458px) {
    .container-blog {
        display: grid;
        grid-template-columns:  1fr;
        grid-template-areas:
            "main-news-blog";
        gap: 2rem;
        padding: 2rem 1rem;
    }

    .main-news-blog {
        display: grid;
        grid-template-columns:  1fr;
        gap: 1.5rem;
    }

    /* Itens da notícia */
    .column-item {
        background-color: #f7f7f7;
        padding: 1rem;
        border-radius: 6px;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    }