.category section.category-header {
    background-color: var(--color-dark-gray);
    
    .wrapper {
        max-width: 955px !important;
        padding: 0;
    }

    .cat-label {
        color: var(--color-light-blue);
        text-align: center;
        font-size: 14px;
        font-weight: 700;
        letter-spacing: 2.04px;
        text-transform: uppercase;
    }

    h1 {
        color: var(--color-white, #FFF);
        text-align: center;
        font-size: 40px;
        font-weight: 700;
        line-height: normal;
    }

    .cat-description {
        color: var(--branco, #FFF);
        text-align: center;
        font-family: "Open Sans";
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 146.879%; /* 22.032px */
        padding-bottom: 20px;
    }
}

.content-grid {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 2%;

    .left-col {
        width: 88%;
    }

    aside.right-col.sidebar {
        width: 10%;

        h2.widget-title {
            font-size: 20px;
            color: var(--color-dark-gray);
        }
        
        ul.cats-list {
            padding-bottom: 40px;
        }
        
        a {
            color: var(--color-light-blue);
            text-align: center;
            font-size: 14px;
            font-weight: 700;
            letter-spacing: 1.54px;
            text-transform: uppercase;
        }
    }
}

.posts-grid.grid-3 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 3%;

    article.post-card {
        width: 31%;

        .post-card-thumb {
            aspect-ratio: 955 / 530;
            overflow: hidden;
            margin-bottom: 15px;
            position: relative;

            img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                display: block;

                /* animação suave apenas na imagem */
                transform: scale(1);
                transition: transform .45s cubic-bezier(.2,.6,.2,1);
                will-change: transform;
                backface-visibility: hidden;
            }
        }

        h3.post-card-title {
            color: var(--color-dark-gray);
            font-size: 20px;
            font-weight: 800;
        }

        /* zoom da imagem no hover/focus (sem sombra) */
        &:hover .post-card-thumb img,
        &:focus-within .post-card-thumb img {
            transform: scale(1.06);
        }
    }
}

/* Responsivo: empilha colunas e cards */
@media (max-width: 1024px) {
  .content-grid {
    flex-direction: column;

    .left-col,
    aside.right-col.sidebar {
      width: 100%;
    }

    aside.right-col.sidebar {
      margin-top: 24px;
    }
  }
}

@media (max-width: 560px) {
  .posts-grid.grid-3 article.post-card {
    width: 100%;
  }
}