/* Punto de entrada — Pasada 2: tokens documentados (valores en :root de intrepidux-vercel.css)
 *
 * --ink #163286          texto principal / marca
 * --cream #f6f4ef        fondo página
 * --cream-alt #f8f7f2    secciones alternas (industrias, FAQ)
 * --orange #ff5a1f       acento / números
 * --line #deddd8         bordes grid
 * --ink-soft #596274     cuerpo secundario
 * --btn-blue #11209a     CTAs
 * --footer-bg #0c205d    pie
 * --hero-gold #ffc956    énfasis hero
 * --ix-radius 18px
 * --ix-shadow-hover / --ix-transition / --ix-measure (65ch) — pasada 3
 */
@import url("intrepidux-vercel.css");

/* Utilidades de marca (preferir sobre Bootstrap text-muted / bg-light) */
.ix-text-muted {
  color: var(--ink-soft) !important;
}

.ix-bg-surface {
  background: #fff !important;
}

.ix-bg-cream-alt {
  background: var(--cream-alt) !important;
}

/* Compat legacy */
.btn-ix-primary,
.btn.btn-ix-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff !important;
  background: var(--btn-blue) !important;
  border: 0 !important;
  border-radius: 999px !important;
  padding: 14px 21px !important;
  font-size: 14px;
  font-weight: 500;
}

.btn-ix-primary:hover {
  background: #0d1a7a !important;
  transform: translateY(-2px);
}

.section-dark {
  background: var(--footer-bg);
  color: #fff;
}

.section-dark .text-secondary {
  color: var(--ix-muted-on-dark) !important;
}

.section-label {
  text-transform: uppercase;
  letter-spacing: 0.16em;
  font-size: 11px;
  font-weight: 600;
}

.card-ix {
  border-radius: var(--ix-radius);
  border: 1px solid var(--line);
  background: #fff;
}