/* css/blog-articles.css */

/* Reglas específicas para el interior de las noticias del blog */
.news-article h2 {
    font-size: 1.5rem !important;
    color: #1d3557 !important; /* Azul marino/grafito oscuro elegante */
    margin-top: 2.5rem;
    margin-bottom: 1rem;
    font-weight: 700;
    line-height: 1.3;
    border-bottom: 2px solid rgba(253, 184, 19, 0.3); /* Subrayado muy sutil con el color primario */
    padding-bottom: 0.3rem;
}

.news-article h3 {
    font-size: 1.25rem !important;
    color: #2b4c7e !important; /* Tono ligeramente más claro que el H2 */
    margin-top: 2rem;
    margin-bottom: 0.8rem;
    font-weight: 600;
    line-height: 1.4;
}

.news-article h4 {
    font-size: 1.1rem !important;
    color: #333 !important;
    margin-top: 1.5rem;
    font-weight: 600;
}

/* Mejorar visualmente las listas dentro de los artículos */
.news-article ul, .news-article ol {
    margin-bottom: 1.5rem;
    padding-left: 1.5rem;
}

.news-article li {
    margin-bottom: 0.5rem;
}