/* Estabilidad visual y motion compartido — lote de diez demos, versión 2. */
:root{--premium-scroll:0%;--premium-motion-ease:cubic-bezier(.16,1,.3,1);--premium-accent:#f0b35b;--pointer-x:50%;--pointer-y:35%}
body::after{content:"";position:fixed;z-index:10020;left:0;top:0;width:var(--premium-scroll);height:2px;background:var(--premium-accent);box-shadow:0 0 18px color-mix(in srgb,var(--premium-accent) 72%,transparent);pointer-events:none;transition:width .08s linear}
.premium-ambient{position:fixed;z-index:0;inset:0;pointer-events:none;background:radial-gradient(560px circle at var(--pointer-x) var(--pointer-y),color-mix(in srgb,var(--premium-accent) 8%,transparent),transparent 68%);mix-blend-mode:screen;opacity:.72;transition:opacity .4s ease}
body>*:not(.premium-ambient){position:relative}
img.stable-media{--media-x:0px;--media-y:0px;--media-scale:1.045;opacity:1!important;visibility:visible!important;display:block;backface-visibility:hidden;transform:translate3d(var(--media-x),var(--media-y),0) scale(var(--media-scale));transition:transform .9s var(--premium-motion-ease),filter .9s var(--premium-motion-ease);will-change:transform}
picture:has(>img.stable-media),figure:has(img.stable-media),.hero-visual-card:has(img.stable-media){isolation:isolate;overflow:hidden}
picture:hover>img.stable-media,figure:hover img.stable-media,.hero-visual-card:hover img.stable-media{--media-scale:1.075;filter:saturate(1.05) contrast(1.025)}
.premium-media-frame{clip-path:inset(5% round 18px);transition:clip-path 1.1s var(--premium-motion-ease),border-radius 1.1s var(--premium-motion-ease)}
.premium-media-frame.is-visible{clip-path:inset(0 round 0)}
[data-premium-reveal]{transition:transform .85s var(--premium-motion-ease),filter .85s var(--premium-motion-ease);transform:translate3d(0,18px,0);filter:blur(2px)}
[data-premium-reveal].is-visible{transform:translate3d(0,0,0);filter:none}
.premium-active-link{color:var(--premium-accent)!important}
html[data-motion="paused"] [data-premium-reveal]{transform:none;filter:none;transition:none}
html[data-motion="paused"] img.stable-media{--media-x:0px!important;--media-y:0px!important;transition:none}
html[data-motion="paused"] .premium-media-frame{clip-path:none;transition:none}
@media(max-width:700px){
  html,body{max-width:100%;overflow-x:clip}
  body::after{height:3px}.premium-ambient{display:none}
  [data-premium-reveal]{transform:translate3d(0,12px,0);filter:blur(1px)}
  img.stable-media{--media-scale:1.025}
  form,form>*{min-width:0!important;max-width:100%!important}
  form [class*="form-group"],form input,form select,form textarea{box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important}
  form [class*="grid"],form [class*="row"]{grid-template-columns:minmax(0,1fr)!important;max-width:100%!important}
  .header-tactical,.header-tactical>*,.hero-tactical,.hero-tactical>*,
  .hero-copy,.hero-aside-badge,.hero-visual-card,.hero-title,.hero-description,
  .hero-specs-row,.hero-actions{min-width:0!important;max-width:100%!important;width:100%!important}
  .header-tactical{flex-wrap:wrap!important;width:100%!important;gap:12px!important}
  .header-tactical .nav-cta-btn,.nav-cta-btn{position:static!important;transform:none!important;max-width:calc(100vw - 32px)!important;width:auto!important;margin-left:auto!important;margin-right:0!important;font-size:12px!important;padding-inline:12px!important}
}
@media(prefers-reduced-motion:reduce){body::after{transition:none}.premium-ambient{display:none}[data-premium-reveal]{transform:none!important;filter:none!important;transition:none!important}.premium-media-frame{clip-path:none!important;transition:none!important}img.stable-media{--media-x:0px!important;--media-y:0px!important;--media-scale:1!important;transition:none!important}}