﻿

/* =========================
   GRID DO LISTING (SCOPED)
   ========================= */
#container_publicacoes {
    display: grid;
    grid-template-columns: 1fr; /* mobile first */
    gap: 1.2vw; /* acompanha seu layout em vw */
    width: 80vw;
    margin:0.5em auto;
}

/* Desktop (>=1024px): 2 colunas */
@media (min-width: 1024px) {
    #container_publicacoes {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Tablet (>=768px e <1024px): 1 coluna (ajuste para 2 se quiser) */
@media (min-width: 768px) and (max-width: 1023.98px) {
    #container_publicacoes {
        grid-template-columns: 1fr;
    }
}

/* =========================
   CARD DE NOTÍCIA (SCOPED)
   ========================= */
#container_publicacoes .card-noticia {
    background: var(--cor_branca, #fff);
    border: 1px solid rgba(0,0,0,.08);
    border-radius: .6rem;
    box-shadow: 0 2px 10px rgba(0,0,0,.04);
    overflow: hidden;
    transition: transform .15s ease;
}

    #container_publicacoes .card-noticia:hover {
        transform: translateY(-2px);
    }

    #container_publicacoes .card-noticia img {
        width: 100%;
        height: 28vw; /* altura responsiva pelo seu padrão */
        max-height: 240px; /* teto para desktop */
        object-fit: cover;
        display: block;
    }

    /* Conteúdo interno */
    #container_publicacoes .card-noticia .conteudo {
        padding: .9rem;
    }

    #container_publicacoes .card-noticia .data {
        font-size: .85rem;
        color: var(--cor_cinza_media, #666);
        margin-bottom: .35rem;
        display: flex;
        align-items: center;
        gap: .4rem;
    }

    #container_publicacoes .card-noticia .titulo {
        font-size: 1.05rem;
        font-weight: 700;
        color: var(--cor_cinza_escura, #333);
        margin: 0 0 .35rem 0;
    }

    #container_publicacoes .card-noticia .descricao {
        color: var(--cor_cinza_escura, #333);
        font-size: .95rem;
        line-height: 1.4;
        margin-bottom: .6rem;
        display: -webkit-box;
        -webkit-line-clamp: 3; /* 3 linhas */
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #container_publicacoes .card-noticia .btn-ler {
        padding: .45rem .9rem;
        border: 1px solid var(--cor_principal);
        background: transparent;
        color: var(--cor_principal);
        border-radius: 999px;
        font-size: .9rem;
        font-weight: 600;
        cursor: pointer;
    }

        #container_publicacoes .card-noticia .btn-ler:hover {
            background: var(--cor_principal_transparencia, rgba(255,0,127,.1));
        }

/* =========================
   AJUSTES RESPONSIVOS
   ========================= */
/* Tablet */
@media (max-width: 1023.98px) {
    #container_publicacoes .card-noticia img {
        height: 35vw;
        max-height: 220px;
    }
}

/* Mobile */
@media (max-width: 480px) {
    #container_publicacoes {
        gap: 2.5vw;
        width: 90vw;
    }

        #container_publicacoes .card-noticia img {
            height: 40vw;
            max-height: 200px;
        }

        #container_publicacoes .card-noticia .titulo {
            font-size: 1rem;
        }
}
