/* Ajustes por tamaño de pantalla y movimiento reducido */
@media (max-height:820px) and (min-width:761px){ .intro h1{font-size:34px} .top{padding-block:12px} }
@media (min-width:761px) and (max-width:1023px){
  .guide{position:relative!important;top:auto!important;left:auto!important;transform:none!important;margin:10px auto 0;width:min(520px,100%)!important}
}
/* ---------- Celular: páginas con swipe ---------- */
.strip{display:none}
.strip-hint{display:none}
@media (max-width:760px){
  .stage,.controls{display:none}
  .progress.pm{display:block;order:7;width:auto;margin:8px 2px 0}
  .guide{order:8}
  .lang button{min-width:44px;min-height:40px}
  .cta{min-height:44px}
  .pin{width:max(44px,7cqw);height:max(44px,7cqw);margin:max(-22px,-3.5cqw) 0 0 max(-22px,-3.5cqw)}
  .note-x{min-width:44px;min-height:36px}
  .strip{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:18px 7vw 8px;margin-inline:calc(-1 * max(16px, env(safe-area-inset-left,0px)));scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .strip::-webkit-scrollbar{display:none}
  .sp{flex:0 0 min(86vw,420px);aspect-ratio:1/1.38;position:relative;scroll-snap-align:center;border-radius:4px;overflow:hidden;box-shadow:0 18px 36px rgba(0,0,0,.6)}
  .strip-hint{display:flex;justify-content:space-between;align-items:center;gap:12px;font-family:var(--f-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-soft);padding:4px 2px 0}
  .strip-hint b{font-weight:500;color:var(--brass);font-variant-numeric:tabular-nums}
  .pen,.card,.plant{display:none}
  .cup{width:132px;height:121px;right:-40px;top:11%}
  .cta{padding:8px 12px;font-size:12px}
  .brand span{display:none}
  .brand b{font-size:16px;letter-spacing:.02em}
  .intro h1{font-size:34px}
}
@media (prefers-reduced-motion:reduce){
  :root{--flip:1ms}
  .tilt,.obj,.wa-list{transition:none}
  .enter,.steam b,.mark,.open-hint,.status i,.pin i,.dog img,.woof,.page.on .shot .viewport img,.page.on .lp,.page.on .saga-tile,.page.on .flow path{animation:none!important}
  .saga-bars i{transform:none}
  .page:not(.on) .rv{opacity:1;transform:none}
}