/* Decorative motion uses only opacity and transforms. Form values remain stable. */
.motion-toggle{position:absolute;left:48px;bottom:61px;min-height:32px;padding:6px 11px;border:1px solid #c1c1c14d;border-radius:20px;background:#161616a8;color:#d7d7d7;font-size:10px;letter-spacing:.02em;z-index:4;backdrop-filter:blur(8px)}
.motion-toggle:hover{background:#333333e0;border-color:#dbdbdb;color:#fafafa}.motion-toggle:disabled{opacity:.8;cursor:default}
.moon-atmosphere{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden}
.moon-fog{position:absolute;left:-12%;bottom:7%;width:125%;height:46%;background:radial-gradient(ellipse at 20% 70%,#a6a6a626,transparent 47%),radial-gradient(ellipse at 73% 65%,#dfdfdf1f,transparent 44%);opacity:.55;animation:moon-fog-drift 24s ease-in-out infinite alternate;will-change:transform}
.moon-mote{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);border-radius:50%;background:#f1f1f1;box-shadow:0 0 9px 2px #d6d6d66b;opacity:0;animation:moon-mote-drift var(--duration) ease-in-out var(--delay) infinite;will-change:transform,opacity}
@keyframes moon-fog-drift{from{transform:translate3d(-3%,3%,0)}to{transform:translate3d(5%,-4%,0)}}
@keyframes moon-mote-drift{0%,100%{opacity:0;transform:translate3d(0,20px,0)}25%{opacity:.45}70%{opacity:.7}90%{opacity:0;transform:translate3d(22px,-42px,0)}}
@media(min-width:901px) and (pointer:fine){.motion-running .moon-hero .studio-art :is(img,video){transform:translate3d(0,var(--scene-y,0px),0) scale(var(--scene-scale,1.015));transform-origin:center top;will-change:transform}}
.scene-offscreen .moon-fog,.scene-offscreen .moon-mote,.motion-background .moon-fog,.motion-background .moon-mote{animation-play-state:paused}
.motion-paused .moon-atmosphere{display:none}.motion-paused .moon-hero .studio-art :is(img,video){transform:none!important;will-change:auto}
.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(max-width:900px){.motion-toggle{left:36px;bottom:56px}.moon-mote:nth-of-type(n+7){display:none}.moon-fog{height:35%}}
@media(max-width:600px){.motion-toggle{left:25px;bottom:23px;font-size:9px}.moon-fog{bottom:24%;height:30%}.moon-mote{--size:2px!important}}
@media(prefers-reduced-motion:reduce){.moon-atmosphere{display:none}.moon-hero .studio-art :is(img,video){transform:none!important}.motion-toggle{position:static;margin-top:14px}.motion-running *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Independent cloud planes: static texture, composited transforms only. */
.moon-clouds{position:absolute;inset:0;transform:translate3d(0,var(--cloud-y,0px),0);will-change:transform}
.moon-cloud{position:absolute;left:10%;width:115%;height:68%;background:url('/calculadora/assets/moon/clouds.svg') center/100% 100% no-repeat;opacity:.53;will-change:transform;pointer-events:none}
.moon-cloud-far{top:-10%;animation:moon-cloud-far 38s ease-in-out infinite alternate}
.moon-cloud-near{top:20%;left:-18%;width:140%;opacity:.37;animation:moon-cloud-near 29s ease-in-out -12s infinite alternate}
@keyframes moon-cloud-far{from{transform:translate3d(-7%,-2%,0) scale(1.03)}to{transform:translate3d(7%,3%,0) scale(1.09)}}
@keyframes moon-cloud-near{from{transform:translate3d(7%,3%,0) scale(1.06)}to{transform:translate3d(-6%,-3%,0) scale(1)}}
.scene-offscreen .moon-cloud,.motion-background .moon-cloud{animation-play-state:paused}
.site-header:after{content:'';position:absolute;bottom:-1px;left:0;height:2px;width:100%;background:linear-gradient(90deg,#861828,#ea536b,#ffc0c9);transform:scaleX(var(--page-progress,0));transform-origin:left;box-shadow:0 0 12px #dc345f55;pointer-events:none}
.input-group h3:after,.workspace-heading h2:after,.digital-heading h2:after{content:'';display:block;width:46px;height:2px;margin-top:12px;background:linear-gradient(90deg,#df5266,#df526622);transform-origin:left}
.motion-running .scroll-revealed.input-group h3:after,.motion-running .scroll-revealed.workspace-heading h2:after,.motion-running .scroll-revealed.digital-heading h2:after{animation:section-line-in 950ms cubic-bezier(.2,.75,.25,1) both}
@keyframes section-line-in{from{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}
.hero-emblem{transition:transform 350ms ease,filter 350ms ease}
@media(hover:hover) and (pointer:fine){.hero-emblem:hover{transform:translateY(-4px) scale(1.025);filter:drop-shadow(0 10px 28px #a6203b55)}}
@media(max-width:600px){.moon-cloud{height:42%;width:170%;left:-30%;opacity:.48}.moon-cloud-far{top:4%}.moon-cloud-near{top:19%;opacity:.32}}
@media(prefers-reduced-motion:reduce){.scroll-revealed h3:after,.scroll-revealed h2:after{animation:none!important}.hero-emblem{transition:none}}