/* ---- Página: Historia (3 columnas: cronología · relato · widgets) ---- */
  .historia{padding-block:clamp(44px,5vw,72px)}
  .historia-grid{display:grid;grid-template-columns:250px minmax(0,1fr) 300px;gap:clamp(28px,3.2vw,56px);align-items:start}

  /* Columna izquierda: cronología (línea de tiempo real = secuencia con significado) */
  .crono{position:sticky;top:110px}
  .crono .k{font-family:'Space Grotesk';font-weight:600;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--azul);display:block;margin-bottom:1rem}
  .crono ol{list-style:none;margin:0;padding:0;position:relative}
  .crono ol::before{content:"";position:absolute;left:5px;top:6px;bottom:6px;width:2px;background:var(--line-strong);border-radius:2px}
  .crono li{position:relative;padding:0 0 1.35rem 1.6rem}
  .crono li:last-child{padding-bottom:0}
  .crono li::before{content:"";position:absolute;left:0;top:.35rem;width:12px;height:12px;border-radius:50%;background:var(--azul);border:2.5px solid #fff;box-shadow:0 0 0 2px var(--azul)}
  .crono .yr{font-family:'Space Grotesk';font-weight:700;font-size:.95rem;color:var(--azul-deep);display:block;margin-bottom:.15rem}
  .crono p{font-size:.84rem;color:#40515F;line-height:1.45}

  /* Columna central: relato */
  .relato{max-width:70ch}
  .blk{margin-bottom:clamp(1.8rem,3vw,2.6rem)}
  .blk .k{font-family:'Space Grotesk';font-weight:600;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--azul);display:block;margin-bottom:.35rem}
  .blk h2{font-size:clamp(1.35rem,2vw,1.7rem);font-weight:700;color:var(--ink);margin-bottom:.6rem}
  .blk p{color:#33475b;font-size:1.02rem;line-height:1.7}
  .quote{background:linear-gradient(150deg,#12467a,var(--azul-deep));border-radius:18px;padding:clamp(1.6rem,2.6vw,2.2rem);box-shadow:var(--sh);color:#fff}
  .quote .k{color:#7ec6f2}
  .quote blockquote{margin:0 0 1rem;font-family:'Space Grotesk';font-weight:600;font-size:clamp(1.15rem,1.7vw,1.4rem);line-height:1.45;text-wrap:balance}
  .quote cite{display:block;font-style:normal;font-size:.85rem;color:#bcd5ec;margin-bottom:.9rem}
  .quote p{color:#bcd5ec;font-size:.95rem;line-height:1.6}

  /* Columna derecha: widgets (sidebar tipo WordPress; tarjetas navy sobre banda blanca) */
  .widgets{position:sticky;top:110px;display:flex;flex-direction:column;gap:1.1rem}
  .widget{background:var(--azul-deep);border-radius:16px;padding:1.25rem 1.4rem;box-shadow:var(--sh);color:#fff}
  .widget h3{font-family:'Space Grotesk';font-weight:600;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:#7ec6f2;margin-bottom:.9rem}
  .widget .cifra{display:flex;align-items:baseline;gap:.7rem;padding:.45rem 0;border-bottom:1px solid rgba(255,255,255,.12)}
  .widget .cifra:last-child{border-bottom:0}
  .widget .cifra .n{font-family:'Space Grotesk';font-weight:700;font-size:1.5rem;line-height:1;font-variant-numeric:tabular-nums;min-width:3.2ch}
  .widget .cifra .l{font-size:.8rem;color:#bcd5ec;line-height:1.35}
  .widget ul{list-style:none;margin:0;padding:0}
  .widget ul a{display:flex;align-items:center;gap:.5rem;padding:.55rem 0;color:#eaf4fb;font-size:.92rem;border-bottom:1px solid rgba(255,255,255,.12);min-height:40px}
  .widget ul li:last-child a{border-bottom:0}
  .widget ul a:hover{color:#fff;padding-left:.25rem;transition:padding .15s ease,color .15s ease}
  .widget ul a .ico{width:14px;height:14px;stroke:#7ec6f2;flex:none}
  .widget.cta{background:var(--azul)}
  .widget.cta p{color:#eaf4fb;font-size:.92rem;line-height:1.5;margin-bottom:1rem}
  .widget.cta .btn{width:100%;justify-content:center}

  @media (max-width:1180px){
    .historia-grid{grid-template-columns:1fr}
    .crono,.widgets{position:static}
    .crono{margin-bottom:1.5rem}
    .relato{max-width:none}
  }
  @media (prefers-reduced-motion:reduce){.widget ul a:hover{padding-left:0}}

  /* ===== MENÚ MÓVIL (faltaba: el nav se ocultaba <1000px sin reemplazo) ===== */
  .nav-toggle{display:none;background:none;border:0;color:var(--ink);cursor:pointer;padding:.4rem;line-height:0}
  .nav-toggle .ico{width:26px;height:26px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
  @media (max-width:1000px){.nav-toggle{display:inline-flex;align-items:center}}
  .m-nav{position:fixed;inset:0;z-index:200;display:none}
  .m-nav.is-open{display:block}
  .m-nav__backdrop{position:absolute;inset:0;background:rgba(11,30,52,.5)}
  .m-nav__panel{position:absolute;top:0;right:0;height:100%;width:min(340px,86vw);background:#fff;padding:1.3rem 1.25rem;display:flex;flex-direction:column;overflow-y:auto;box-shadow:-8px 0 40px -12px rgba(11,30,52,.35)}
  .m-nav__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.1rem}
  .m-nav__brand{font-family:'Space Grotesk';font-weight:700;color:var(--ink);font-size:1.05rem}
  .m-nav__close{background:none;border:0;cursor:pointer;color:var(--ink);padding:.3rem;line-height:0}
  .m-nav__close .ico{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round}
  .m-nav__links a{display:block;padding:.75rem .2rem;border-bottom:1px solid var(--niebla);color:var(--ink);font-size:1rem;text-decoration:none}
  .m-nav__links a:hover,.m-nav__links a.active{color:var(--azul);font-weight:600}
  .m-nav__cta{margin-top:1.2rem;display:inline-flex;justify-content:center;background:var(--azul);color:#fff;padding:.8rem 1.1rem;border-radius:6px;font-weight:600;text-decoration:none}
  body.m-open{overflow:hidden}
html{scroll-padding-top:100px}