/* ════════════════════════════════════════════════════════════
   BIM Forum Chile v13.3 — Fixes móviles: palabras cortadas
   ════════════════════════════════════════════════════════════ */

/* ── FIX #1: botones con nowrap cortaban etiquetas largas ──
   "Solicitar información", "Inscripción próximamente", etc.
   En móvil el texto ahora envuelve en 2 líneas centrado. */
@media (max-width: 640px) {
  .btn {
    white-space: normal;
    text-align: center;
    line-height: 1.3;
    justify-content: center;
  }
}

/* ── FIX #2: hero h1 — mínimo 2.6rem clipeaba palabras largas
   ("Internacional", "Organizaciones") en pantallas ≤400px ── */
@media (max-width: 480px) {
  .c-slide-h1 { font-size: clamp(2rem, 10.5vw, 2.6rem); letter-spacing: -.03em; }
  .c-slide-lede { font-size: .875rem; line-height: 1.7; }
  .c-text-block { max-width: 100%; }
}

/* ── FIX #3: títulos de PageHead en pantallas angostas ────── */
@media (max-width: 480px) {
  .pgh--withbg h1 { font-size: clamp(1.9rem, 9.5vw, 2.4rem); overflow-wrap: normal; hyphens: none; }
  .pgh__stats-strip { gap: 1.25rem !important; flex-wrap: wrap; }
}

/* ── FIX #4: nunca romper palabras a mitad (sin guión) ────── */
h1, h2, h3, h4, .btn, .plan-44 h3, .platinum-card h3 {
  hyphens: none;
  overflow-wrap: normal;
  word-break: normal;
}

/* ── FIX #5: chips/tags largos en fichas — envolver completo ── */
@media (max-width: 640px) {
  .pf-tags { flex-wrap: wrap; }
  .plan-44__badge { white-space: normal; text-align: center; line-height: 1.2; max-width: 90%; }
  .tier-sep__badge { white-space: nowrap; }
  .tier-sep__count { text-align: right; }
}

/* ── FIX #6: marquee títulos no se corten al pausar (solo estético) */
.marquee__track span { flex-shrink: 0; }

/* ════════════════════════════════════════════════════════════
   FIX #7 — Bloque "Nuestra historia": timeline se veía plano,
   sin superficie propia, mal apoyado sobre el fondo blanco.
   Le damos tarjeta contenedora coherente con el resto del sitio.
   ════════════════════════════════════════════════════════════ */
.hist-card {
  background: var(--ink-50, #f6f8fb);
  border: 1px solid var(--ink-100, #e7ebf1);
  border-radius: 20px;
  padding: clamp(1.75rem, 3vw, 2.5rem) clamp(1.75rem, 3vw, 2.75rem);
  box-shadow: 0 1px 3px rgba(10,20,40,.04);
}
.hist-card .timeline-track__line {
  background: var(--ink-200, #d7dee8);
}
@media (max-width: 900px) {
  .hist-card { margin-top: .5rem; }
}