/* ============================================================================
   STC — Hub de vertical (FASE B · plantilla #3, patrón COAX)
   Único componente propio: el breadcrumb. Todo lo demás reusa tokens.css +
   styles.css (header, hero, cards, .method, .faq, stats, cta-band, footer).
   ========================================================================== */

.breadcrumb{ border-bottom:1px solid var(--stc-border); background:var(--stc-bg); }
.breadcrumb .container{ display:flex; align-items:center; gap:var(--sp-2); flex-wrap:wrap;
  padding-block:var(--sp-3); font-size:var(--fs-sm); }
.breadcrumb a{ color:var(--stc-muted); }
.breadcrumb a:hover{ color:var(--stc-ink); }
.breadcrumb span[aria-hidden]{ color:var(--stc-faint); }
.breadcrumb [aria-current="page"]{ color:var(--stc-ink); font-weight:var(--fw-medium); }

/* La grilla de sub-soluciones reusa .vcard, pero aquí el ícono va arriba
   (no media box). Ajuste mínimo para que el ícono respire. */
#subsoluciones .vcard > .ic-lg{ margin-bottom:var(--sp-4); }