/* ══════════════════════════════════════════════════════
   IA GROUP — Tienda en página propia (propuesta 2026-10-19)
   Usa los tokens de css/index.css.
══════════════════════════════════════════════════════ */
.filters-head h2 { font-family: 'Inter', sans-serif; letter-spacing: 0; font-size: var(--fs-md); font-weight: 600; }

/* Cabecera con la línea gráfica de la portada (franjas y brillo azul) */
.shop-head { position: relative; overflow: hidden; isolation: isolate;
  background: radial-gradient(80% 140% at 85% 0%, #0d2347 0%, #081127 55%, var(--bg) 100%); }
.shop-head-bg { position: absolute; top: 0; right: 0; width: 220px; height: 54px; z-index: -1; }
.shop-head-bg i { position: absolute; top: 0; height: 100%; clip-path: polygon(40% 0, 100% 0, 60% 100%, 0 100%); }
.shop-head-bg i:nth-child(1) { right: 70px; width: 100px; background: #1f6fe0; }
.shop-head-bg i:nth-child(2) { right: 8px; width: 92px; background: var(--gold); }
.shop-intro { color: var(--text-2); max-width: 640px; margin-top: 10px; line-height: 1.6; }

/* Navegación por categorías (enlaces rastreables) */
.cat-nav { margin-top: 24px; }
.cat-nav ul { list-style: none; display: flex; gap: 8px; overflow-x: auto; padding-bottom: 4px; scrollbar-width: thin; }
.cat-nav a {
  display: inline-flex; align-items: center; gap: 8px; min-height: var(--tap); padding: 0 16px; white-space: nowrap;
  border: 1px solid var(--border-strong); border-radius: 999px; color: var(--text-2); font-size: var(--fs-sm); font-weight: 600;
  transition: border-color .15s, color .15s, background .15s;
}
.cat-nav a i { font-size: 18px; color: var(--primary); }
.cat-nav a span { font-weight: 500; color: var(--text-3); font-size: 12px; }
.cat-nav a:hover { border-color: var(--primary); color: var(--text); }
.cat-nav a[aria-current="page"] { background: var(--primary); border-color: var(--primary); color: var(--on-primary); }
.cat-nav a[aria-current="page"] i, .cat-nav a[aria-current="page"] span { color: var(--on-primary); }

/* Cruce con la tienda de repuestos */
.shop-cross { padding-top: 24px; }
.shop-cross-card {
  display: flex; align-items: center; gap: 20px; flex-wrap: wrap; padding: 24px 28px;
  border-radius: var(--r-lg); border: 1px solid rgba(255,201,77,.35);
  background: linear-gradient(90deg, rgba(255,201,77,.08), rgba(255,201,77,0) 60%), var(--surface);
  transition: border-color .2s;
}
.shop-cross-card > i { font-size: 34px; color: var(--gold); }
.shop-cross-card div { flex: 1 1 320px; }
.shop-cross-card h2 { font-size: 20px; margin-bottom: 4px; }
.shop-cross-card p { color: var(--text-2); }
.shop-cross-card .link-arrow { color: var(--gold); }
.shop-cross-card:hover { border-color: var(--gold); }

/* Paginación con enlaces */
.pagination a { display: inline-flex; align-items: center; justify-content: center; }