:root{
    --doc-cream:#FFFCF9;        --doc-cream-rgb:255,252,249;
    --doc-ink:#16110F;          --doc-ink-rgb:22,17,15;
    --doc-ink-deep:#0D0A0B;     --doc-ink-deep-rgb:13,10,11;
    --doc-pink:#FF4E9B;         --doc-pink-rgb:255,78,155;
    --doc-pink-light:#FF7FB6;   --doc-pink-light-rgb:255,127,182;
    --doc-magenta:#E0176F;      --doc-magenta-rgb:224,23,111;
    --doc-coral:#F97C6B;        --doc-coral-rgb:249,124,107;
    --doc-mint:#12B98C;         --doc-mint-rgb:18,185,140;
    --doc-mint-light:#59E3BE;   --doc-mint-light-rgb:89,227,190;
    --doc-green:#0B8A68;        --doc-green-rgb:11,138,104;
    --doc-white:#FFFFFF;        --doc-white-rgb:255,255,255;
  }
  @font-face{font-family:'Neulis Neue';src:url('../assets/neulis-neue.otf') format('opentype');font-weight:400;font-display:swap}
  @font-face{font-family:'Nunito';src:url('../assets/Nunito-Variable.ttf') format('truetype');font-weight:200 1000;font-display:swap}
  *{box-sizing:border-box}
  html,body{margin:0;padding:0;overflow-x:clip}
  body{background:var(--doc-cream);color:var(--doc-ink);font-family:'Nunito',-apple-system,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
  a{color:var(--doc-magenta);text-decoration:none}
  a:hover{color:var(--doc-green)}
  ::selection{background:var(--doc-pink);color:var(--doc-white)}
  :focus-visible{outline:2px solid var(--doc-pink);outline-offset:3px;border-radius:4px}
  html.lenis,html.lenis body{height:auto}
  .lenis.lenis-smooth{scroll-behavior:auto!important}
  .lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}
  .lenis.lenis-stopped{overflow:hidden}
  @keyframes bwords{from{transform:translateY(105%) rotate(3deg);opacity:0}to{transform:translateY(0) rotate(0deg);opacity:1}}
  @keyframes bfade{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
  @keyframes bhint{0%,100%{transform:translateY(0);opacity:.45}50%{transform:translateY(8px);opacity:1}}
  @keyframes bhalo{0%{transform:scale(1);opacity:.5}70%{transform:scale(2.5);opacity:0}100%{opacity:0}}
  @keyframes bknot{from{stroke-dashoffset:1000}to{stroke-dashoffset:0}}
  @media (max-width:900px){[data-desktop]{display:none!important}}
  @media (max-width:760px){[data-storygrid]{grid-template-columns:repeat(2,minmax(0,1fr))!important;height:auto!important;max-height:56vh;overflow-y:auto}}
  /* ——— TABLET ——— */
  @media (max-width:1200px){
    html{scrollbar-width:none;-ms-overflow-style:none}
    html::-webkit-scrollbar,body::-webkit-scrollbar{width:0;height:0;display:none}
    [data-thread-rail]{left:auto!important;right:0!important;width:22px!important}
    [data-topshop-label]{display:none!important}
    [data-topshop]{gap:7px!important;padding:9px 13px!important}
    [data-m1-text]{max-width:min(40ch,52vw)!important}
    [data-m3-text]{max-width:min(38ch,52vw)!important}
    [data-globe-wrap]{max-height:42vh!important}
    [data-loom]{height:330vh!important}
    [data-atlas]{height:300vh!important}
    [data-reels]{margin-top:-140vh!important}
    [data-deck]{height:700vh!important}
    [data-deck-stage]{height:min(76vh,620px)!important}
    [data-cronica] [data-card-body]{gap:9px!important;padding:clamp(16px,2.4vw,30px)!important}
    [data-cronica] [data-card-body] > span:first-child{font-size:clamp(1.7rem,3vw,2.3rem)!important}
    [data-cronica] [data-card-body] p{font-size:0.83rem!important;line-height:1.45!important}
    [data-hero]{height:200vh!important}
    [data-readscene][data-read-early]{height:470vh!important}
    [data-macro]{height:250vh!important}
    [data-macro2]{height:235vh!important}
    [data-fanscene]{height:760px!important}
    [data-fanscene] > div{height:760px!important}
    [data-film]{height:185vh!important;margin-top:-60vh!important}
    [data-city-row]{overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;transform:none!important;padding:6px calc((100vw - min(78vw,calc(min(58vh,470px) * 0.8))) / 2)!important;gap:clamp(14px,3.4vw,26px)!important}
    [data-city-end]{display:none!important}
    [data-city-nav]{display:flex!important}
    [data-film-hint-desk]{display:none!important}
    [data-film-hint-touch]{display:inline!important}
    [data-city-row]::-webkit-scrollbar{display:none}
    [data-city-card]{scroll-snap-align:center;width:min(78vw,calc(min(58vh,470px) * 0.8))!important;height:auto!important;max-height:none!important;max-width:none!important}
    [data-net]{height:250vh!important;margin-top:-62vh!important}
    [data-cifras]{height:350vh!important}
    [data-credits]{height:260vh!important}
    [data-reels-nav]{display:flex!important}
    [data-reels-track]{justify-content:flex-start!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:6px clamp(14px,5vw,40px)!important;gap:clamp(14px,3.4vw,26px)!important}
    [data-reels-track]::-webkit-scrollbar{display:none}
    [data-reel]{scroll-snap-align:center;height:100%!important;max-height:min(62vh,520px)!important;max-width:none!important}
    [data-atlas-head]{left:20px!important;right:20px!important;top:clamp(56px,8vh,72px)!important}
    [data-atlas-foot]{left:20px!important;right:20px!important;bottom:auto!important;top:clamp(128px,17vh,150px)!important}
    [data-atlas-map]{left:clamp(10px,3vw,26px)!important;right:clamp(10px,3vw,26px)!important;top:clamp(162px,21vh,196px)!important;bottom:clamp(16px,3vh,30px)!important;transform:none!important;height:auto!important;width:auto!important;max-width:none!important;aspect-ratio:auto!important}
    [data-atlas-stage]{left:0!important;right:0!important;top:auto!important;bottom:0!important;transform:none!important;translate:0 22px;width:auto!important;height:min(84vh,780px)!important;max-height:calc(100% - 16px)!important;z-index:7;padding:58px 0 16px!important;background:rgba(11,8,9,0.95);backdrop-filter:blur(10px);border-top:1px solid rgba(var(--doc-cream-rgb),0.16);border-radius:20px 20px 0 0;box-shadow:0 -24px 60px rgba(0,0,0,0.5);opacity:0;pointer-events:none;transition:opacity .3s ease,translate .38s cubic-bezier(.19,.9,.22,1)}
    [data-atlas-stage] [data-panel]{left:20px!important;right:20px!important;top:62px!important;bottom:18px!important}
    [data-atlas-close],[data-atlas-nav]{display:flex!important}
    [data-atlas-stage] [data-panel]{justify-content:flex-start!important;gap:14px!important}
    [data-atlas-stage] [data-panel] h3{font-size:1.45rem!important}
    [data-atlas-stage] [data-storygrid]{height:auto!important;flex:1 1 auto!important;min-height:0!important;align-items:stretch!important}
    [data-storygrid]{display:flex!important;grid-template-columns:none!important;height:min(42vh,300px)!important;max-height:none!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
    [data-storygrid] [data-mod]{flex:0 0 40%!important;scroll-snap-align:center}
    [data-pin] > span{pointer-events:none!important}
    [data-pin-hit]{display:flex!important;z-index:8;width:40px!important;height:40px!important}
    [data-atlas-sub]{display:none!important}
    [data-atlas-hint]{display:block!important}
    [data-storygrid]{overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}
    [data-storygrid]::-webkit-scrollbar{display:none}
  }
  /* ——— MÓVIL ——— */
  @media (max-width:640px){
    [data-topbar]{padding:13px 14px!important}
    [data-topnav]{display:none!important}
    [data-topshop]{display:none!important}
    [data-burger]{display:flex!important}
    [data-hero-copy]{padding:0 20px clamp(150px,23vh,205px)!important}
    [data-hero-meta]{position:absolute!important;left:20px!important;right:20px!important;top:clamp(84px,12vh,104px)!important;margin:0!important}
    [data-hero-photo]{background-position:center 8%!important}
    [data-hero-knot]{opacity:.3!important}
    [data-hero-foot]{flex-direction:column!important;align-items:flex-start!important;gap:14px!important}
    [data-hero-foot] [data-ph]{display:none!important}
    [data-hero-foot] img{max-width:225px!important}
    [data-m1-text],[data-m3-text]{left:0!important;right:0!important;top:auto!important;bottom:clamp(52px,11vh,96px)!important;transform:none!important;max-width:none!important;padding:0 20px!important;text-align:left!important;gap:10px!important}
    [data-m1-scrim],[data-m3-scrim]{background:linear-gradient(180deg,rgba(var(--doc-ink-deep-rgb),0.32) 0%,rgba(var(--doc-ink-deep-rgb),0.22) 32%,rgba(var(--doc-ink-deep-rgb),0.92) 100%)!important}
    [data-macro] [data-play],[data-net] [data-play]{left:50%!important;top:29%!important}
    [data-macro2] [data-play]{left:50%!important;top:29%!important}
    [data-cif-cols]{gap:12px!important}
    [data-globe-wrap]{flex:1 1 100%!important;max-height:25vh!important;max-width:25vh!important;margin:0 auto!important}
    [data-knots]{gap:8px 16px!important}
    [data-m2-media]{left:0!important;right:0!important;top:0!important;bottom:auto!important;height:46%}
    [data-m2-text]{justify-content:flex-start!important;padding:calc(46vh + 26px) 20px 0!important}
    [data-m2-cap]{left:16px!important;right:16px!important;bottom:14px!important;max-width:none!important}
    [data-weave]{flex-wrap:wrap!important;gap:6px 12px!important}
    [data-weave-label]{width:auto!important;flex:1 1 auto!important}
    [data-weave-pct]{order:2!important}
    [data-weave-svg]{order:3!important;flex:1 1 100%!important}
    [data-deck-stage]{height:min(68vh,560px)!important}
    [data-cronica] [data-card-body] > span:first-child{display:none!important}
    [data-cronica] [data-card-body]{gap:8px!important}
    [data-card]{width:88vw!important}
    [data-card]>[data-tone]{left:0!important;right:0!important;width:100%!important;height:36%!important;bottom:auto!important}
    [data-card-body]{position:absolute!important;left:0!important;right:0!important;top:36%!important;bottom:0!important;width:auto!important;height:auto!important;justify-content:flex-start!important;gap:8px!important;padding:16px 18px 18px!important}
    [data-atlas-head]{left:20px!important;right:20px!important;top:62px!important}
    [data-storygrid]{display:flex!important;grid-template-columns:none!important;height:min(30vh,250px)!important;max-height:none!important}
    [data-storygrid] [data-mod]{flex:0 0 82%!important;scroll-snap-align:center}
    [data-city-card]{width:min(78vw,calc(min(58vh,470px) * 0.8))!important;height:auto!important;max-height:none!important;max-width:none!important}
    [data-loom-pie]{flex-direction:column-reverse!important;align-items:center!important;justify-content:center!important;gap:10px!important;margin:clamp(10px,2vh,20px) clamp(18px,5vw,34px) clamp(20px,4.5vh,38px)!important}
    [data-loom-pie] a{min-height:40px!important;padding:0 18px!important}
    [data-loom-fuente]{text-align:center!important}
    [data-cta]{min-height:52px!important}
    [data-reel]{height:100%!important;max-height:min(58vh,480px)!important;max-width:78vw!important}
    [data-reels-foot]{font-size:9px!important}
    [data-fan-copy]{font-size:1.32rem!important;max-width:20ch!important;padding:0 20px!important;line-height:1.2!important}
  }
  /* ——— MÓVIL BAJO: la escena de cifras debe caber completa ——— */
  @media (max-width:640px) and (max-height:780px){
    [data-cif-slide]{padding:clamp(88px,13vh,116px) 20px 20px!important}
    [data-globe-wrap]{max-height:17vh!important;max-width:17vh!important}
    [data-knots]{gap:6px 14px!important}
    [data-knot]{padding-top:6px!important}
    [data-knot]>span{font-size:1.3rem!important}
    [data-knot] p{font-size:0.7rem!important;line-height:1.3!important}
  }
  /* ——— MÓVIL MUY BAJO (SE y similares) ——— */
  @media (max-width:640px) and (max-height:600px){
    [data-hero-copy]{padding-bottom:132px!important}
    [data-hero-title]{font-size:clamp(2.02rem,8.6vw,2.6rem)!important}
    [data-hero-sub]{font-size:0.92rem!important;margin-top:14px!important}
    [data-hero-foot] img{display:none!important}
    [data-hero-foot]{gap:8px!important}
    [data-macro] [data-play],[data-net] [data-play]{top:19%!important;gap:9px!important}
    [data-cif-slide]{padding:60px 20px 16px!important}
    [data-globe-wrap]{display:none!important}
    [data-knots]{gap:5px 12px!important}
    [data-knot]{padding-top:4px!important}
    [data-knot]>span{font-size:1.15rem!important}
    [data-knot] p{font-size:0.66rem!important;line-height:1.26!important}
    [data-atlas-head]{top:44px!important}
    [data-atlas-foot]{top:112px!important}
    [data-atlas-map]{top:138px!important;bottom:12px!important}
    [data-atlas-stage]{height:82vh!important;padding-top:60px!important}
  }
  /* ——— SOLO TABLET: el texto de Macrohistoria 03 sube para no cruzarse con el play ——— */
  @media (min-width:641px) and (max-width:1024px) and (orientation:portrait){
    [data-macro] [data-play],[data-macro2] [data-play],[data-net] [data-play]{left:50%!important;top:auto!important;bottom:clamp(56px,9vh,96px)!important;transform:translateX(-50%)!important}
    [data-atlas-foot]{top:clamp(150px,16vh,176px)!important}
    [data-atlas-map]{top:clamp(180px,19vh,206px)!important}
    [data-loom-pie]{flex-direction:column-reverse!important;align-items:center!important;justify-content:center!important;gap:12px!important;margin:clamp(12px,2.4vh,26px) auto clamp(18px,3.4vh,32px)!important;width:100%!important;max-width:none!important}
    [data-loom-fuente]{text-align:center!important}
    [data-m3-text]{top:clamp(92px,13vh,132px)!important;transform:none!important}
    [data-m2-text]{justify-content:flex-start!important;padding-top:clamp(92px,13vh,132px)!important}
    [data-m2-cap]{bottom:clamp(24px,4vh,44px)!important}
  }
  /* ——— TABLET HORIZONTAL: tarjetas más angostas, la hoja es baja y ancha ——— */
  @media (min-width:641px) and (max-width:1200px) and (orientation:landscape){
    [data-storygrid] [data-mod]{flex:0 0 21%!important}
    [data-topshop-label]{display:inline!important}
    /* el contador y la pista van debajo del título, sin cruzarse */
    [data-atlas-foot]{top:clamp(148px,23vh,186px)!important}
    [data-atlas-map]{top:clamp(176px,27vh,214px)!important}
  }
  /* ——— HISTORIAS EN FORMATO REEL: mismo tamaño que las tarjetas de Recap ferias ——— */
  [data-reelgrid]{display:flex!important;align-items:flex-start!important;justify-content:flex-start!important;height:auto!important;max-height:none!important;grid-template-columns:none!important;overflow-x:auto!important;overflow-y:visible!important;scrollbar-width:none!important;-ms-overflow-style:none}
  [data-reelgrid]::-webkit-scrollbar{width:0;height:0;display:none}
  [data-reelgrid] [data-mod]{flex:0 0 auto!important;display:block!important;box-sizing:border-box!important;width:min(32.6vh,304px,calc((100% - 56px) / 3))!important;height:auto!important;aspect-ratio:9/16!important;max-width:none!important;min-height:0!important;overflow:hidden!important}
  @media (max-width:1200px){
    [data-atlas-stage] [data-reelgrid]{height:auto!important;flex:0 0 auto!important;gap:14px!important;scroll-snap-type:x mandatory!important;padding:0 4px!important}
    [data-atlas-stage] [data-reelgrid] [data-mod]{width:min(29vh,280px)!important;height:auto!important;scroll-snap-align:center}
  }
  @media (max-width:640px){
    [data-reelgrid] [data-mod]{width:min(32.6vh,270px)!important;height:auto!important}
    /* el contorno solo ocupa ~48% del viewBox: ensanchamos la caja para que el mapa llene la pantalla */
    [data-atlas-map]{left:-39.8vw!important;right:-30.2vw!important}
  }
  /* la raya activa crece a 34px y desborda el ancla de 16px: el rótulo se aparta para no cruzarse */
  [data-navlabel]{margin-right:28px!important}
  /* el play va al centro de la tarjeta de reel */
  [data-storyreel] [data-story-play]{top:50%!important}
  [data-carta]{scrollbar-width:auto;scrollbar-color:var(--doc-magenta) rgba(var(--doc-ink-rgb),0.08)}
  [data-carta]::-webkit-scrollbar{width:12px}
  [data-carta]::-webkit-scrollbar-thumb{background:var(--doc-magenta);border-radius:999px;border:3px solid var(--doc-cream)}
  [data-carta]::-webkit-scrollbar-track{background:rgba(var(--doc-ink-rgb),0.06)}
  [data-chr-carta]{scrollbar-width:auto;scrollbar-color:var(--doc-magenta) rgba(var(--doc-ink-rgb),0.08)}
  [data-chr-carta]::-webkit-scrollbar{width:12px}
  [data-chr-carta]::-webkit-scrollbar-thumb{background:var(--doc-magenta);border-radius:999px;border:3px solid var(--doc-cream)}
  [data-chr-carta]::-webkit-scrollbar-track{background:rgba(var(--doc-ink-rgb),0.06)}
  @media (max-width:640px){
    [data-cif-slide]{padding-top:clamp(88px,13vh,116px)!important;justify-content:flex-start!important}
    [data-globe-wrap]{display:none!important}
    [data-knots]{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px 12px!important}
    [data-knot]>span{font-size:1.15rem!important}
    [data-knot] p{font-size:0.66rem!important;line-height:1.26!important}
    [data-barra-fila]{flex-direction:column!important;align-items:flex-start!important;gap:4px!important}
    [data-barra-fila] span:last-child{white-space:normal!important}
    [data-reels-head] p:last-child{font-size:0.82rem!important;line-height:1.4!important}
  }
  @media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important}}