@media(max-width:9999px){
 html.recorrido-mobile #controles-recorrido{left:max(10px,env(safe-area-inset-left));right:auto;transform:none;top:max(12px,env(safe-area-inset-top));width:44px}
 html.recorrido-mobile #controles-recorrido #cerrar{width:44px;padding:0;font-size:22px;background:#f3ead6;border:1px solid #a88e63;box-shadow:0 2px 5px #29150d33}
 #seguir-recorrido{position:absolute;right:max(10px,env(safe-area-inset-right));top:max(12px,env(safe-area-inset-top));z-index:7;max-width:calc(100% - 76px);min-height:44px;padding:10px 13px;background:#f3ead6;color:#33271d;border:1px solid #b7a37c;border-radius:1px;font:700 12px/1.3 'Courier Prime',monospace;box-shadow:0 2px 5px #29150d33;cursor:pointer}
 html.recorrido-mobile #rotulo{font-size:12px;letter-spacing:.1em;padding:8px 12px;box-shadow:1px 2px 4px #29150d45}
 html.recorrido-mobile #accion{font-size:12px;letter-spacing:.02em;bottom:calc(26px + env(safe-area-inset-bottom));padding:8px 12px;background:#f3ead6;color:#33271d;border-bottom:2px solid #9c8155;box-shadow:0 2px 5px #29150d44}
 html.recorrido-mobile #rrhh-acceso{bottom:calc(78px + env(safe-area-inset-bottom));right:max(12px,env(safe-area-inset-right))}
 html.recorrido-mobile #rrhh-sello{width:60px;height:60px;font-size:15px;box-shadow:1px 3px 5px #29150d45}
 html.recorrido-mobile #rrhh-sello::before{inset:8px}
 html.recorrido-mobile #indice{right:6px}
 #stage.lectura-nitida #lector{left:10px;top:calc(76px + env(safe-area-inset-top));width:calc(100% - 20px);height:calc(100dvh - 152px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;transform:none!important;mix-blend-mode:normal;background:#fbf6ea;box-shadow:0 5px 16px #18080545;border-radius:1px}
 #stage.lectura-nitida #documento{width:100%;height:100%;mix-blend-mode:normal;clip-path:none!important}
 #stage.lectura-nitida #reader-nav{bottom:calc(14px + env(safe-area-inset-bottom))}
 #metodo-lectura{position:absolute;left:12px;right:12px;top:calc(76px + env(safe-area-inset-top));bottom:calc(76px + env(safe-area-inset-bottom));z-index:4;overflow:auto;overscroll-behavior:contain;touch-action:pan-y;padding:22px;background:var(--c,#f3ead6);color:var(--t,#33271d);box-shadow:0 5px 20px #29150d55}
 #metodo-lectura .pieza{position:static!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;filter:none!important;translate:none!important;max-width:100%;width:auto!important;height:auto!important}
 #metodo-lectura .foto{padding:7px 7px 24px;margin:0 auto 24px;width:min(70%,210px)!important;position:relative!important;background:#f6efdf}
 #metodo-lectura .foto .ph{width:100%;height:auto;object-fit:contain}
 #metodo-lectura .foto .pie{font-size:11px;white-space:normal;overflow:visible}
 #metodo-lectura .ficha{padding:0;font:16px/1.5 'Courier Prime',monospace;background:transparent}
 #metodo-lectura .ficha::before,#metodo-lectura .chinche,#metodo-lectura .cinta{display:none}
 #metodo-lectura .ficha .paso{font-size:12px;letter-spacing:.06em}
 #metodo-lectura .ficha h3{font-size:38px;line-height:1.05;margin:8px 0 22px}
 #metodo-lectura .ficha dt{font-size:12px;line-height:1.5;margin-top:22px}
 #metodo-lectura .ficha dd{margin-top:5px}
 #metodo-lectura{overflow-x:hidden;scrollbar-width:thin}
 .disquete-rotulo{transition:opacity .18s ease;position:fixed;transform:translate(-50%,-50%);z-index:5;min-height:44px;max-height:48px;border:0;border-radius:2px;padding:5px 8px;background:transparent;font:700 14px/1.15 'Courier Prime',monospace;letter-spacing:.02em;white-space:normal;pointer-events:auto;box-shadow:none;-webkit-tap-highlight-color:transparent;cursor:pointer}
}

@media(max-width:9999px){html.recorrido-mobile #header{transform-origin:50% 70%}}

/* v4: sin carteles ni botones; el recorrido se maneja con gestos. */
@media(max-width:9999px){
 html.recorrido-mobile #rotulo,html.recorrido-mobile #accion,html.recorrido-mobile #seguir-recorrido{display:none!important}
 /* señalador de toque: mano que toca con una onda (lupa en Perfil) sobre el objeto que se abre */
 html.recorrido-mobile #marca-toque{position:absolute;z-index:6;width:64px;height:64px;margin:-12px 0 0 -22px;pointer-events:none;opacity:0;transition:opacity .5s;color:#fff3cf}
 html.recorrido-mobile #marca-toque.on{opacity:1}
 html.recorrido-mobile #marca-toque svg{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 3px 5px rgba(30,8,4,.75))}
 html.recorrido-mobile #marca-toque .lupa{display:none}
 html.recorrido-mobile #marca-toque .onda{position:absolute;left:10px;top:-6px;width:36px;height:36px;border:3px solid #fff3cf;border-radius:50%;opacity:0}
 html.recorrido-mobile #marca-toque.on .mano{animation:manoToca 1.8s ease-in-out 1s infinite}
 html.recorrido-mobile #marca-toque.on .onda{animation:ondaToca 1.8s ease-out 1s infinite}
 html.recorrido-mobile #marca-toque[data-k=perfil]{width:72px;height:72px;margin:-36px 0 0 -36px}
 html.recorrido-mobile #marca-toque[data-k=perfil] .mano,html.recorrido-mobile #marca-toque[data-k=perfil] .onda{display:none}
 html.recorrido-mobile #marca-toque[data-k=perfil] .lupa{display:block}
 html.recorrido-mobile #marca-toque[data-k=perfil].on .lupa{animation:marcaLupa 2.2s ease-in-out 1s infinite}
 @keyframes manoToca{0%,100%{transform:translateY(0) scale(1)}35%{transform:translateY(-6px) scale(1)}55%{transform:translateY(4px) scale(.93)}}
 @keyframes ondaToca{0%,45%{opacity:0;transform:scale(.4)}55%{opacity:.9;transform:scale(.6)}100%{opacity:0;transform:scale(1.7)}}
 @keyframes marcaLupa{0%,100%{transform:translate(0,0) rotate(-6deg)}50%{transform:translate(6px,6px) rotate(4deg)}}
 html.recorrido-mobile.motion-reduced #marca-toque.on .mano,html.recorrido-mobile.motion-reduced #marca-toque.on .onda,html.recorrido-mobile.motion-reduced #marca-toque.on .lupa{animation:none}
 /* recorrido de costado: sin scroll vertical del navegador; flechas de borde y puntos abajo */
 html.recorrido-mobile{overflow-y:hidden;scroll-snap-type:none!important}
 html.recorrido-mobile #camara{touch-action:none}
 html.recorrido-mobile #indice{right:auto;left:50%;top:auto;bottom:calc(14px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);flex-direction:row;gap:9px}
 html.recorrido-mobile #indice i{width:7px;height:7px}
 html.recorrido-mobile .flecha-est{position:absolute;top:50%;z-index:6;width:38px;height:64px;margin-top:-32px;border:0;padding:0;background:rgba(42,13,8,.38);color:#fff3cf;font:400 34px/1 Georgia,serif;cursor:pointer;animation:flechaLate 2.4s ease-in-out infinite}
 html.recorrido-mobile .flecha-est.ant{left:0;border-radius:0 32px 32px 0}
 html.recorrido-mobile .flecha-est.sig{right:0;border-radius:32px 0 0 32px}
 html.recorrido-mobile .flecha-est[hidden]{display:none}
 @keyframes flechaLate{0%,100%{opacity:.55}50%{opacity:1}}
 /* salida visible: botón "× Cerrar" en la banda inferior */
 html.recorrido-mobile #controles-recorrido{opacity:1;pointer-events:auto}
 html.recorrido-mobile #controles-recorrido #cerrar{width:auto;min-width:120px;padding:0 22px;font:700 15px/1 "Courier Prime",monospace}
 html.recorrido-mobile #pista{font-size:0;letter-spacing:0}
 html.recorrido-mobile #pista i{font-size:9cqw;letter-spacing:0;color:#f3ead6;text-shadow:0 1px 6px #2a0d0899}
 html.recorrido-mobile #progreso{position:fixed;left:0;top:0;width:100%;height:3px;background:#B33A2E;transform:scaleX(0);transform-origin:0 50%;z-index:60;pointer-events:none}
}
/* v4: luz guía sobre el objeto tocable de cada estación. */
@media(max-width:9999px){
 html.recorrido-mobile #luz-guia{position:absolute;pointer-events:none;z-index:2;transform:translate(-50%,-50%);border-radius:50%;opacity:0;
  background:radial-gradient(closest-side,rgba(255,226,160,.52),rgba(255,204,115,.17) 62%,rgba(255,200,110,0));transition:opacity .7s}
 html.recorrido-mobile #luz-guia.on{opacity:1;animation:luzGuia 3.4s ease-in-out .7s infinite}
 @keyframes luzGuia{0%,100%{opacity:.3}50%{opacity:.95}}
 html.recorrido-mobile.motion-reduced #luz-guia.on{animation:none;opacity:.6}
}

/* crédito de autoría en la pantalla inicial */
html.recorrido-mobile #credito{position:absolute;left:0;right:0;top:calc(23.5% + env(safe-area-inset-top,0px));text-align:center;font:400 9.5px/1.45 'Courier Prime',monospace;letter-spacing:.04em;color:#3a2a16;opacity:.78;padding:0 14px;pointer-events:none}