/* ===== MOTION LAYER (mock) =====
   Capa de animaciones GSAP encima del sitio. Solo usa los tokens
   existentes (navy / gold / ivory); no cambia textos ni colores. */

/* Barra de progreso de lectura */
.ew-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:60;transform-origin:0 50%;transform:scaleX(0);
  background:linear-gradient(90deg,var(--gold-d),var(--gold),var(--gold-l));pointer-events:none}

/* Titular del hero: palabras con máscara */
.ew-w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em}
.ew-w > span{display:inline-block;will-change:transform}

/* Orbes: GSAP maneja el movimiento */
.gsap-motion .hero .orb{animation:none}

/* Foto del hero: zoom lento en scroll */
.gsap-motion .hero-photo-img{will-change:transform;transform-origin:70% 50%}

/* Trust strip como marquee infinito */
.trust-strip.ew-marquee{overflow:hidden}
.ew-marquee .trust-row{flex-wrap:nowrap;justify-content:flex-start;width:max-content;max-width:none;padding-left:0;padding-right:0;gap:0}
.ew-marquee .ew-track{display:flex;gap:56px;padding-right:56px;align-items:center;flex:none}
.ew-marquee .trust-item{white-space:nowrap;display:inline-block}
.ew-marquee .trust-item::after{content:"";display:inline-block;vertical-align:middle;margin-left:56px;width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px 1px rgba(212,175,55,.7)}
.ew-marquee:hover .trust-row{animation-play-state:paused}
@keyframes ewmarquee{to{transform:translateX(-50%)}}

/* Línea dorada bajo los títulos de sección */
.section-head h2{position:relative}
.ew-underline{display:block;height:2px;width:72px;margin:18px auto 0;border-radius:2px;transform-origin:50% 50%;
  background:linear-gradient(90deg,transparent,var(--gold),transparent)}

/* Spotlight dorado que sigue al cursor en tarjetas */
.card,.plan,.pillar,.step{position:relative;isolation:isolate}
.ew-spot::before{content:"";position:absolute;inset:0;border-radius:inherit;opacity:0;transition:opacity .35s;pointer-events:none;z-index:-1;
  background:radial-gradient(380px circle at var(--mx,50%) var(--my,50%),rgba(212,175,55,.16),transparent 60%)}
.ew-spot:hover::before{opacity:1}

/* Línea de progreso del proceso */
.steps{position:relative}
.ew-steps-line{position:absolute;left:0;right:0;top:-26px;height:2px;background:var(--line);border-radius:2px;overflow:hidden}
.ew-steps-line span{display:block;height:100%;width:100%;transform-origin:0 50%;transform:scaleX(0);
  background:linear-gradient(90deg,var(--gold-d),var(--gold),var(--gold-l))}

/* Plan destacado: borde con brillo que recorre */
.plan-feat::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;
  background:linear-gradient(100deg,transparent 42%,rgba(234,208,136,.3) 50%,transparent 58%) no-repeat;background-size:250% 100%;
  background-position:120% 0;animation:ewsweep 5.5s ease-in-out infinite}
@keyframes ewsweep{0%,55%{background-position:120% 0}100%{background-position:-20% 0}}

/* Portafolio: tilt 3D */
.gsap-motion .work{will-change:transform}

/* Botones magnéticos */
.ew-mag{will-change:transform}

/* Cursor seguidor (solo mouse) */
.ew-cursor{position:fixed;top:0;left:0;width:34px;height:34px;border-radius:50%;border:1.5px solid var(--gold);pointer-events:none;z-index:70;
  transform:translate(-50%,-50%);opacity:0;transition:width .3s var(--ease),height .3s var(--ease),background .3s,opacity .3s}
.ew-cursor.on{opacity:.9}
.ew-cursor.big{width:64px;height:64px;background:rgba(212,175,55,.14)}
@media (hover:none),(pointer:coarse){.ew-cursor{display:none}}

@media (prefers-reduced-motion:reduce){
  .ew-progress,.ew-cursor{display:none}
  .plan-feat::after{animation:none;display:none}
  .ew-marquee .trust-row{animation:none!important}
}