/* css/articulo.css - Estilos específicos para páginas de artículos */
.articulo-completo img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    margin: 20px 0;
}

.articulo-completo h2 {
    margin-top: 30px;
    font-size: 1.6rem;
}

.articulo-completo h3 {
    margin-top: 20px;
    font-size: 1.3rem;
    color: var(--dark);
}

.articulo-completo ul,
.articulo-completo ol {
    padding-left: 25px;
    margin: 15px 0;
}

.articulo-completo blockquote {
    border-left: 4px solid var(--accent);
    padding: 12px 20px;
    background: var(--gray-light);
    margin: 20px 0;
    font-style: italic;
}

.tabla-contenido {
    background: var(--gray-light);
    padding: 16px 20px;
    border-radius: var(--radius);
    margin: 20px 0;
}

.tabla-contenido h4 {
    margin-bottom: 8px;
}