.grid-articulos{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-6)}.tarjeta{display:flex;flex-direction:column;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;transition:transform var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base);color:var(--text-main);text-decoration:none}.tarjeta:hover,.tarjeta:focus-visible{transform:translateY(-4px);border-color:var(--primary-line);box-shadow:var(--shadow-md)}.tarjeta img{width:100%;aspect-ratio:16 / 9;height:auto;object-fit:cover;background:var(--bg-surface-2);transition:transform var(--transition-slow)}.tarjeta:hover img{transform:scale(1.03)}.tarjeta .img-placeholder,.img-placeholder{width:100%;aspect-ratio:16 / 9;background:linear-gradient(135deg,var(--bg-surface-2) 0%,var(--bg-surface) 100%)}.tarjeta-contenido{display:flex;flex-direction:column;flex-grow:1;padding:var(--space-5) var(--space-5) var(--space-4);gap:var(--space-2)}.tarjeta-contenido>.etiqueta{align-self:flex-start}.tarjeta h2,.tarjeta h3{margin:0;font-size:var(--text-lg);font-weight:600;line-height:var(--leading-snug);color:var(--text-main);letter-spacing:var(--tracking-tight);transition:color var(--transition-fast)}.tarjeta:hover h2,.tarjeta:hover h3{color:var(--primary-hover)}.tarjeta p{color:var(--text-muted);font-size:var(--text-sm);line-height:var(--leading-normal);margin:0}.tarjeta .fecha{margin-top:auto;padding-top:var(--space-3);color:var(--text-subtle);font-size:var(--text-xs);font-weight:500}.paginacion{display:flex;justify-content:center;align-items:center;gap:var(--space-3);margin-top:var(--space-12);padding-top:var(--space-8);border-top:1px solid var(--border-subtle);font-family:var(--font-ui)}.btn-pag{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);background:var(--bg-surface);border:1px solid var(--border);color:var(--text-main);border-radius:var(--radius-full);font-weight:600;font-size:var(--text-sm);transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.btn-pag:hover{background:var(--primary);color:var(--text-on-primary);border-color:var(--primary);transform:translateY(-1px)}.numeros-pag{display:flex;gap:var(--space-1);align-items:center}.btn-num{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-full);color:var(--text-muted);font-family:var(--font-ui);font-weight:600;font-size:var(--text-sm);border:1px solid transparent;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.btn-num:hover{background:var(--bg-surface-2);color:var(--text-main)}.btn-num.activo{background:var(--primary);color:var(--text-on-primary);border-color:var(--primary)}.puntos{color:var(--text-subtle);font-weight:700;padding:0 var(--space-1)}@media (max-width:720px){.grid-articulos{grid-template-columns:1fr;gap:var(--space-4)}.numeros-pag{display:none}.paginacion{justify-content:space-between}}.pagina-buscar{min-height:60vh;padding-top:var(--space-10)}.busqueda-header{text-align:center;margin-bottom:var(--space-10)}.busqueda-header h1{font-family:var(--font-ui);font-size:var(--text-4xl);font-weight:800;letter-spacing:var(--tracking-tight);margin:0 0 var(--space-3)}.busqueda-header p{margin:0;color:var(--text-muted);font-size:var(--text-lg)}.busqueda-empty{grid-column:1 / -1;text-align:center;padding:var(--space-16) var(--space-5);background:var(--bg-surface-2);border:1px dashed var(--border);border-radius:var(--radius-xl)}.busqueda-empty .icono{display:block;font-size:var(--text-5xl);margin-bottom:var(--space-5)}.busqueda-empty h3{margin:0 0 var(--space-2);font-family:var(--font-ui);font-size:var(--text-xl);font-weight:700}.busqueda-empty p{margin:0 0 var(--space-5);color:var(--text-muted)}