/* C&N — Scrollytelling ligero
   Mantiene la base aprobada y sustituye el movimiento continuo por revelados de una sola ejecución. */

.scroll-light .hero{
  height:auto;
  min-height:100svh;
  margin-bottom:0;
}
.scroll-light .hero-sticky{
  position:relative;
  top:auto;
  height:auto;
  min-height:100svh;
  overflow:hidden;
}
.scroll-light .hero-copy,
.scroll-light .hero h1 span,
.scroll-light .signature-window,
.scroll-light .signal,
.scroll-light .outcome,
.scroll-light .hero:after{
  transform:none!important;
}
.scroll-light .hero-progress{display:none!important}
.scroll-light .reveal{
  opacity:1!important;
  transform:none!important;
  transition:none!important;
}

/* Sistema de movimiento */
.motion-ready .motion-item,
.motion-ready .motion-line{
  opacity:0;
  will-change:transform,opacity,clip-path,filter;
}
.motion-ready .motion-item{
  --motion-x:0px;
  --motion-y:32px;
  transform:translate3d(var(--motion-x),var(--motion-y),0);
  filter:blur(5px);
  transition:
    opacity .68s cubic-bezier(.16,1,.3,1),
    transform .82s cubic-bezier(.16,1,.3,1),
    filter .68s ease;
  transition-delay:var(--motion-delay,0ms);
}
.motion-ready .motion-item.from-left{--motion-x:-46px;--motion-y:0px}
.motion-ready .motion-item.from-right{--motion-x:46px;--motion-y:0px}
.motion-ready .motion-item.from-up{--motion-x:0px;--motion-y:-28px}
.motion-ready .motion-item.soft{filter:blur(2px)}
.motion-ready .motion-item.is-in{
  opacity:1;
  transform:translate3d(0,0,0);
  filter:none;
}
.motion-ready .motion-line{
  display:block;
  transform:translate3d(0,1.05em,0);
  clip-path:inset(0 0 100% 0);
  transition:
    opacity .58s ease,
    transform .84s cubic-bezier(.16,1,.3,1),
    clip-path .84s cubic-bezier(.16,1,.3,1);
  transition-delay:var(--motion-delay,0ms);
}
.motion-ready .motion-line.from-left{transform:translate3d(-42px,0,0)}
.motion-ready .motion-line.from-right{transform:translate3d(42px,0,0)}
.motion-ready .motion-line.is-in{
  opacity:1;
  transform:translate3d(0,0,0);
  clip-path:inset(0 0 0 0);
}

/* Hero: entrada inicial y después quieto */
.scroll-light .hero h1 span{overflow:visible}
.motion-ready .hero .eyebrow,
.motion-ready .hero .hero-lede,
.motion-ready .hero .hero-actions,
.motion-ready .hero .hero-audiences,
.motion-ready .hero .signature-window{
  opacity:0;
}
.motion-ready .hero .signature-window{
  transform:translate3d(54px,18px,0)!important;
  filter:blur(6px);
  transition:opacity .78s ease,transform .95s cubic-bezier(.16,1,.3,1),filter .78s ease;
}
.motion-ready .hero.hero-entered .signature-window{
  opacity:1;
  transform:translate3d(0,0,0)!important;
  filter:none;
}
.motion-ready .hero.hero-entered .eyebrow,
.motion-ready .hero.hero-entered .hero-lede,
.motion-ready .hero.hero-entered .hero-actions,
.motion-ready .hero.hero-entered .hero-audiences{opacity:1}
.motion-ready .hero .eyebrow{transform:translateY(-18px);transition:opacity .52s ease,transform .7s cubic-bezier(.16,1,.3,1)}
.motion-ready .hero.hero-entered .eyebrow{transform:none}
.motion-ready .hero .hero-lede{transform:translateY(24px);transition:opacity .58s ease .42s,transform .76s cubic-bezier(.16,1,.3,1) .42s}
.motion-ready .hero.hero-entered .hero-lede{transform:none}
.motion-ready .hero .hero-actions{transform:translateY(22px);transition:opacity .58s ease .54s,transform .76s cubic-bezier(.16,1,.3,1) .54s}
.motion-ready .hero.hero-entered .hero-actions{transform:none}
.motion-ready .hero .hero-audiences{transform:translateY(22px);transition:opacity .58s ease .64s,transform .76s cubic-bezier(.16,1,.3,1) .64s}
.motion-ready .hero.hero-entered .hero-audiences{transform:none}

/* Top Five */
.motion-ready .talent-fields>li{
  opacity:0;
  transform:translateY(56px) scaleY(.94);
  transform-origin:center bottom;
  transition:opacity .55s ease,transform .78s cubic-bezier(.16,1,.3,1);
  transition-delay:var(--motion-delay,0ms);
}
.motion-ready .talent-fields.is-in>li{opacity:1;transform:none}
.motion-ready .talent-detail.motion-panel{
  opacity:0;
  transform:translate3d(44px,18px,0);
  filter:blur(5px);
  transition:opacity .65s ease,transform .88s cubic-bezier(.16,1,.3,1),filter .65s ease;
}
.motion-ready .talent-detail.motion-panel.is-in{opacity:1;transform:none;filter:none}

/* Diagnóstico */
.motion-ready .positioning .process-line i{
  transform:scaleX(0);
  transform-origin:left center;
  transition:transform .8s cubic-bezier(.16,1,.3,1);
  transition-delay:var(--motion-delay,0ms);
}
.motion-ready .positioning .process-line.is-in i{transform:scaleX(1)}
.motion-ready .positioning .process-line strong{
  opacity:0;
  transform:translateX(-16px);
  transition:opacity .5s ease .65s,transform .65s cubic-bezier(.16,1,.3,1) .65s;
}
.motion-ready .positioning .process-line.is-in strong{opacity:1;transform:none}

/* Soluciones */
.motion-ready .solution-tabs button{
  opacity:0;
  transform:translateY(22px);
  transition:opacity .5s ease,transform .68s cubic-bezier(.16,1,.3,1),background-color .25s,color .25s;
  transition-delay:var(--motion-delay,0ms);
}
.motion-ready .solution-tabs.is-in button{opacity:1;transform:none}
.motion-ready .solution-panels.motion-panel{
  opacity:0;
  transform:translateY(34px);
  transition:opacity .62s ease,transform .82s cubic-bezier(.16,1,.3,1);
}
.motion-ready .solution-panels.motion-panel.is-in{opacity:1;transform:none}
.scroll-light .solution-panels article:not([hidden]){animation:solutionPanelIn .58s cubic-bezier(.16,1,.3,1)}
@keyframes solutionPanelIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}

/* Método */
.motion-ready .method-steps li{
  opacity:0;
  transform:translateX(38px);
  transition:opacity .56s ease,transform .76s cubic-bezier(.16,1,.3,1);
  transition-delay:var(--motion-delay,0ms);
}
.motion-ready .method-steps.is-in li{opacity:1;transform:none}

/* Evidencia */
.motion-ready .report-company{opacity:0;transform:translateX(-50px)}
.motion-ready .report-student{opacity:0;transform:translateX(50px)}
.motion-ready .report-preview.motion-report{transition:opacity .7s ease,transform .9s cubic-bezier(.16,1,.3,1),box-shadow .45s}
.motion-ready .report-preview.motion-report.is-in{opacity:1;transform:none}
.motion-ready .report-bars i{transform:scaleY(0);transform-origin:center bottom;transition:transform .72s cubic-bezier(.16,1,.3,1)}
.motion-ready .report-company.is-in .report-bars i:nth-child(1){transition-delay:.2s}
.motion-ready .report-company.is-in .report-bars i:nth-child(2){transition-delay:.28s}
.motion-ready .report-company.is-in .report-bars i:nth-child(3){transition-delay:.36s}
.motion-ready .report-company.is-in .report-bars i:nth-child(4){transition-delay:.44s}
.motion-ready .report-company.is-in .report-bars i{transform:scaleY(1)}
.motion-ready .report-map{opacity:0!important;transform:rotate(-9deg) scale(.78)!important;transition:opacity .7s ease .18s,transform .9s cubic-bezier(.16,1,.3,1) .18s}
.motion-ready .report-student.is-in .report-map{opacity:.72!important;transform:rotate(-9deg) scale(1)!important}

/* Perfil */
.motion-ready .profile-photo.motion-photo{
  opacity:0;
  clip-path:inset(0 0 100% 0);
  transform:translateY(24px);
  transition:opacity .58s ease,clip-path 1s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1);
}
.motion-ready .profile-photo.motion-photo.is-in{opacity:1;clip-path:inset(0 0 0 0);transform:none}
.motion-ready .profile-copy li{
  opacity:0;
  transform:translateX(22px);
  transition:opacity .5s ease,transform .68s cubic-bezier(.16,1,.3,1);
  transition-delay:var(--motion-delay,0ms);
}
.motion-ready .profile-copy.is-in li{opacity:1;transform:none}

/* Contacto */
.motion-ready .contact-form label,
.motion-ready .contact-form .button,
.motion-ready .contact-form .form-note{
  opacity:0;
  transform:translateY(18px);
  transition:opacity .5s ease,transform .68s cubic-bezier(.16,1,.3,1);
  transition-delay:var(--motion-delay,0ms);
}
.motion-ready .contact-form.is-in label,
.motion-ready .contact-form.is-in .button,
.motion-ready .contact-form.is-in .form-note{opacity:1;transform:none}

@media(max-width:900px){
  .scroll-light .hero-sticky{min-height:auto;padding-bottom:5rem}
  .motion-ready .hero .signature-window{transform:translate3d(0,34px,0)!important}
  .motion-ready .hero.hero-entered .signature-window{transform:none!important}
}

@media(max-width:780px){
  .motion-ready .motion-item.from-left,
  .motion-ready .motion-item.from-right{
    --motion-x:0px;
    --motion-y:28px;
  }
  .motion-ready .motion-line.from-left,
  .motion-ready .motion-line.from-right{transform:translateY(28px)}
  .motion-ready .motion-item.from-left.is-in,
  .motion-ready .motion-item.from-right.is-in,
  .motion-ready .motion-line.from-left.is-in,
  .motion-ready .motion-line.from-right.is-in{transform:none}
  .motion-ready .report-company,
  .motion-ready .report-student{transform:translateY(34px)}
  .motion-ready .report-company.is-in,
  .motion-ready .report-student.is-in{transform:none}
  .motion-ready .report-student.is-in .report-map{transform:rotate(-6deg) scale(1)!important}
}

@media(prefers-reduced-motion:reduce){
  .motion-ready .motion-item,
  .motion-ready .motion-line,
  .motion-ready .hero .eyebrow,
  .motion-ready .hero .hero-lede,
  .motion-ready .hero .hero-actions,
  .motion-ready .hero .hero-audiences,
  .motion-ready .hero .signature-window,
  .motion-ready .talent-fields>li,
  .motion-ready .talent-detail.motion-panel,
  .motion-ready .solution-tabs button,
  .motion-ready .solution-panels.motion-panel,
  .motion-ready .method-steps li,
  .motion-ready .report-preview.motion-report,
  .motion-ready .profile-photo.motion-photo,
  .motion-ready .profile-copy li,
  .motion-ready .contact-form label,
  .motion-ready .contact-form .button,
  .motion-ready .contact-form .form-note{
    opacity:1!important;
    transform:none!important;
    filter:none!important;
    clip-path:none!important;
    transition:none!important;
  }
  .motion-ready .positioning .process-line i,
  .motion-ready .report-bars i{transform:none!important;transition:none!important}
  .motion-ready .report-map{opacity:.72!important;transform:none!important;transition:none!important}
}