/* JICALAB · bloque de contenido SEO al pie de categoría (STRADA, 2026-10-22).
   Texto de apoyo + bolitas de enlaces. Va siempre DESPUÉS del listado de productos:
   quien entra a comprar ve producto; quien busca información la encuentra debajo. */

.seo-bloque { padding-block: clamp(2.5rem, 6vw, 4.5rem); }
.seo-bloque__texto { max-width: 68ch; }
.seo-bloque h2 {
  font-size: clamp(1.35rem, 2.4vw, 1.9rem);
  line-height: 1.2; margin: 0 0 .9rem;
}
.seo-bloque h3 {
  font-size: clamp(1.05rem, 1.6vw, 1.25rem);
  line-height: 1.3; margin: 1.9rem 0 .6rem;
}
.seo-bloque p { margin: 0 0 1rem; line-height: 1.7; }
.seo-bloque p:last-child { margin-bottom: 0; }
.seo-bloque strong { font-weight: 600; }

/* Bolitas: enlaces de apoyo a otras páginas reales del sitio */
.seo-chips { margin-top: 2.4rem; }
.seo-chips__title {
  font-size: .78rem; letter-spacing: .12em; text-transform: uppercase;
  font-weight: 300; opacity: .72; margin: 0 0 .9rem;
}
.seo-chips__list {
  list-style: none; margin: 0; padding: 0;
  display: flex; flex-wrap: wrap; gap: .55rem;
}
.seo-chip {
  display: inline-block; padding: .5rem 1rem;
  border: 1px solid currentColor; border-radius: 999px;
  font-size: .9rem; line-height: 1.2; text-decoration: none;
  opacity: .82; transition: opacity .18s ease, transform .18s ease;
}
.seo-chip:hover, .seo-chip:focus-visible { opacity: 1; transform: translateY(-1px); }
@media (max-width: 600px) { .seo-chip { font-size: .85rem; padding: .45rem .85rem; } }