.news {
    margin-top: var(--five-rem);
}

h4.noticias-titulo {
    font-size: calc(var(--rem) * 1.15);
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Limita a 2 linhas */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-bottom: 2px !important;
    font-weight: 700;
}

.noticias-categoria,
.noticias-data {
    font-size: 1.2rem;
    color: var(--bs-white);
    margin-left: 5px;
    display: inline-block;
    padding: var(--padding-noticias);
    font-weight: 500;
    text-transform: capitalize;
    margin: 5px 5px 0 5px;
    border-radius: var(--border-radius);
}

.noticias-categoria {
    background-color: var(--cor-categoria);
    position: absolute;
    top: 0.5rem;
    left: 0.5rem;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 4px !important;
}

.noticias-data {
    background-color: var(--cor-data);
    float: right;
    background-color: var(--cor-data);
    transform: rotate(90deg);
    position: absolute;
    top: 3rem;
    right: -2.3rem;
}

.newsCorpo {
    margin-left: 15px;
}
.noticias-text {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;

    overflow: hidden;
    text-overflow: ellipsis;

    margin-bottom: 10px;
    min-height: 3em;

    line-height: 1.5; /* EVITA sobreposição no safari */
    max-height: calc(1.5em * 2); /* fallback pro Safari */
}

.btn-info {
    background: var(--cor-secundaria);
    color: var(--bs-white);
    border: none;
}

.btn-info:hover {
    background: var(--cor-primaria);
    color: var(--bs-white);
    border: none;
}

.noticias-tags {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.tags-danger {
    --bs-bg-opacity: 1;
    border: 2px solid rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
    color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
    font-size: 1.1rem;
}

/* NOTÍCIAS - AJUSTE PARA TELAS PEQUENAS */

@media (max-width: 1200px) {
    .noticias-categoria,
    .noticias-data {
        display: block; /* Muda de inline-block para block */
        float: none; /* Remove o float */
        width: fit-content; /* Ajusta a largura ao conteúdo */
        margin: 5px; /* Reduz a margem */
    }

    .noticias-data {
        margin-top: 0; /* Remove espaçamento extra */
    }
}