/* Estilos Gerais */
.highlighted-articles {background-color: #0d0d0d;padding-top: 50px; padding-bottom: 30px; border-radius: 10px;text-align: center;max-width: 100%; height: 800px; justify-content: center; margin: 0 auto;}
.articles-grid {display: grid;grid-template-columns: 2fr 1fr;gap: 10px; margin: 0 auto; max-width: 1200px; align-items: center; padding: 10px;}
.article-banner {display: flex;align-items: flex-end;justify-content: center;padding: 20px;border-radius: 5px;height: 530px;background-size: cover;
background-position: center;text-decoration: none; line-height: 1.5em !important; text-align: center;font-weight: 900 !important;text-shadow: 2px 2px 5px #0d0d0d;transition: 0.3s; h3{color: #F2B705 !important; font-size: 1.5em !important; line-height: 1.3em; z-index: 3;}}

.secondary-articles{h3{font-size: 0.9em !important; color: #F2B705 !important;}}

.article-banner:hover {transform: scale(1.02);filter: brightness(85%); h3{color: #ffffff; filter: brightness(200%)}}
.article-banner.small {height: 240px;margin-top: 5px;}

/* Responsividade */
@media (max-width: 999px) {
.articles-grid {display: flex;flex-direction: column;}
.article-banner {height: 240px;}}
.highlighted-articles {background-color: #0d0d0d;padding: 5px;border-radius: 5px;height: auto;}