/*
articulos.css
Estilos del listado de artículos: encabezado motivador, tarjetas modernas y estado vacío.
*/

/* Encabezado */
.articulos-header { text-align: center; margin-bottom: var(--espacio-12); }
.articulos-header h6 { margin-bottom: var(--espacio-2); color: var(--color-acento-600); }
.articulos-header h2 { margin-bottom: var(--espacio-4); }
.articulos-descripcion { font-size: 1.125rem; color: var(--texto-secundario); max-width: 700px; margin: 0 auto; line-height: var(--linea-relajada); }

/* Grid de tarjetas */
.articulos-listado { margin-bottom: var(--espacio-16); }
.articulos-grid { display: grid; grid-template-columns: 1fr; gap: var(--espacio-5); }
@media (min-width: 768px) { .articulos-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .articulos-grid { grid-template-columns: repeat(3, 1fr); } }

/* Tarjeta */
.articulo-card { display: flex; flex-direction: column; background-color: var(--fondo-principal); border: 1px solid var(--color-neutro-100); border-top: 4px solid var(--color-primario-500); border-radius: var(--radio-xl); padding: var(--espacio-6); box-shadow: var(--sombra-sm); transition: all var(--transicion-normal); }
.articulo-card:hover { transform: translateY(-4px); box-shadow: var(--sombra-md); border-top-color: var(--color-acento-500); }
.articulo-tema { margin-bottom: var(--espacio-2); color: var(--color-acento-600); }
.articulo-card h3 { font-size: var(--tamano-h4); margin-bottom: var(--espacio-3); }
.articulo-card h3 a { color: var(--color-primario-900); text-decoration: none; }
.articulo-card h3 a:hover { color: var(--color-primario-600); }
.articulo-subtitulo { color: var(--texto-secundario); font-size: var(--tamano-small); line-height: var(--linea-relajada); margin-bottom: var(--espacio-4); }
.articulo-card-footer { margin-top: auto; }

/* Estado vacío */
.articulos-vacio { text-align: center; color: var(--texto-terciario); font-size: var(--tamano-h5); padding: var(--espacio-12) 0; }