/* ===================================================================
   ESTILOS GERAIS DA SEÇÃO DE OUTRAS NOTÍCIAS (100% LARGUDA)
   =================================================================== */


   .full-article-home {
    padding: 80px 30px; 
    /* max-width: 1100px;  <-- REMOVA OU COMENTE ESTA LINHA */
    /* margin: 40px auto; <-- REMOVA OU COMENTE ESTA LINHA */
    width: 100%; /* Adicione esta linha para garantir 100% de largura */
    background-color: #ffffff;
    border-radius: 0; /* Remova o border-radius se quiser cantos retos em 100% da largura */
    box-shadow: none; /* Remova a sombra se não quiser que ela apareça nas bordas da tela */
    
    /* Mantenha a animação AOS */
    opacity: 0; 
}
.container-outras-noticias {
    /* Este contêiner assume o fundo 100% com o gradiente */
    background: linear-gradient(135deg, #1e1e1e 0%, #2b2b2b 100%);
}

.related-content-section {
    /* O padding lateral e o max-width para o conteúdo ficam aqui */
    max-width: 1200px; /* Limita a largura do conteúdo interno */
    margin: 0 auto; /* Centraliza o conteúdo interno */
    padding: 80px 20px; /* Padding para as laterais em todas as telas */
    text-align: center;
}

/* Título e Subtítulo (Padronizados) */
.section-title-chamada {
    font-size: 2.2em;
    font-weight: 700;
    color: #f1f1f1; 
    margin-bottom: 5px;
}

.section-subtitle-chamada {
    font-size: 1.1em;
    color: #aaa;
    margin-bottom: 40px;
}

/* Grid de Artigos */
.related-articles-grid {
    /* Removido max-width e padding, pois já estão no related-content-section */
    margin: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 30px;
}

/* Card Individual - Fundo BRANCO */
.related-article-card {
    background-color: #fff; 
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3); 
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    text-align: left;
}

.related-article-card:hover {
    transform: translateY(-5px); 
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4);
}

.article-thumb {
    width: 100%;
    height: 180px;
    object-fit: cover;
    display: block;
}

.article-category {
    display: block;
    font-size: 0.8em;
    color: #666;
    font-weight: 600;
    padding: 15px 15px 5px 15px; 
    text-transform: uppercase;
}

/* Título do Artigo (Padronizado) */
.article-title-outras {
    font-size: 1.1em;
    font-weight: 700;
    color: #333; 
    padding: 0 15px 20px 15px;
    line-height: 1.4;
    /* CHAVE PARA CONSISTÊNCIA: Força a altura mínima para 3 linhas */
    min-height: 4.2em; 
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* ===================================================================
   ESTILOS DO BOTÃO "VER TODOS OS ARTIGOS" (PADRONIZADO)
   =================================================================== */

.ver-todos-container {
    padding-top: 50px;
    /* Garantimos que o botão fique centralizado no contêiner 1200px */
}

.btn-secondary-chamada {
    display: inline-block;
    padding: 15px 35px;
    background-color: #333; /* Cinza escuro padrão */
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    font-weight: 600;
    font-size: 1em;
    letter-spacing: 0.5px;
    transition: background-color 0.3s ease, color 0.3s ease;
    border: none;
    /* Define uma largura máxima para o botão em telas grandes, se necessário */
    width: 350px; 
    width: 100%; /* Garante que ele use a largura máxima definida no celular */
    box-sizing: border-box; /* Garante que padding e border não aumentem a largura */
}
.article-featured-image {

    max-width: 650px;
    width: 100%;
    height: auto; 
    display: block; 
    justify-content: left;
     
}



/* Mídia Query opcional para o botão não crescer demais em desktop */
@media (min-width: 600px) {
    .btn-secondary-chamada {
        width: auto; /* Deixa a largura automática (fit-content) */
    }
}

.btn-secondary-chamada:hover {
    background-color: #444;
    color: #ffc107; 
}

/* ===================================================================
   ESTILOS DA SEÇÃO DE TRUST BADGES (Rodapé da Seção)
   =================================================================== */

/* Note que o Trust Badge não está dentro de .container-outras-noticias no seu HTML, 
   então ele precisa do background-color */
.trust-badges {
    background-color: #2e2e2e; /* Fundo escuro consistente */
    padding: 30px 0; /* Padding vertical, padding lateral no container-trust */
    text-align: center;
    border-top: 1px solid rgba(255, 255, 255, 0.05); 
}

.container-trust {
    max-width: 900px;
    margin: 0 auto;
    padding: 0 20px; /* Padding lateral interno */
}

/* O restante dos estilos de trust-badges (p, icons-row, trust-item, img) permanece o mesmo. */