/* R52: selected option06, a translucent green beam at the bottom edge. */
.scroll-guide{position:fixed;inset:auto 0 0;z-index:25;height:calc(86px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:6px 0 calc(8px + env(safe-area-inset-bottom,0px));gap:3px;pointer-events:none;color:#24443e;isolation:isolate;animation:guide-appear .35s ease both}
.scroll-guide[hidden]{display:none!important}
.scroll-guide[data-theme="dark"]{color:#f3faed}
.guide-beam{position:absolute;z-index:-1;left:-10%;right:-10%;bottom:-26px;height:76px;border-radius:50% 50% 0 0;background:radial-gradient(ellipse at 50% 100%,rgba(105,161,122,.72),rgba(75,134,95,.30) 48%,transparent 76%);filter:blur(3px);animation:guide-beam 2.2s ease-in-out 2}
.scroll-guide svg{display:block;width:32px;height:40px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;opacity:.78;animation:guide-arrow 2.2s ease-in-out 2;filter:drop-shadow(0 1px 4px #18393240)}
.scroll-guide svg path:first-child{opacity:.4}
.scroll-guide span{font:400 10px/1.3 Manrope,Arial,sans-serif;letter-spacing:.04em;opacity:.8;text-shadow:0 1px 5px #18393240}
.scroll-guide-ready #metodo .scroll-hint{display:none}
@keyframes guide-arrow{0%,100%{transform:translateY(-3px);opacity:.5}50%{transform:translateY(4px);opacity:.9}}
@keyframes guide-beam{0%,100%{transform:translateY(5px);opacity:.6}50%{transform:translateY(-1px);opacity:1}}
@keyframes guide-appear{from{opacity:0}to{opacity:1}}
@media(max-width:700px){
 .scroll-guide svg{width:34px;height:42px}
 .landing-film .filmcopy{bottom:max(10%,calc(env(safe-area-inset-bottom,0px) + 108px))}
 #metodo .method-nav{bottom:max(6%,calc(env(safe-area-inset-bottom,0px) + 94px))}
}
@media(prefers-reduced-motion:reduce){.scroll-guide,.scroll-guide svg,.guide-beam{animation:none!important}}