/* ============================================================
     INTRO NOVA WORK — logo exacto + robot Dyto
     ============================================================ */
  #nw-intro{
    position:fixed;inset:0;z-index:999;background:#050505;
    display:flex;flex-direction:column;align-items:center;justify-content:center;
    gap:clamp(18px,3.5vmin,34px);overflow:hidden;cursor:pointer;
  }
  #nw-intro::before{
    content:"";position:absolute;inset:-40%;
    background-image:
      linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),
      linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);
    background-size:56px 56px;
    transform:perspective(700px) rotateX(28deg) translateY(-6%);
    animation:nwiGrid 14s linear infinite;
  }
  @keyframes nwiGrid{to{background-position:0 56px,56px 0}}
  #nw-intro::after{
    content:"";position:absolute;width:74vmin;height:74vmin;border-radius:50%;
    background:radial-gradient(circle,rgba(255,0,51,.20) 0%,transparent 62%);
    filter:blur(12px);animation:nwiHalo 3.2s ease-in-out infinite;pointer-events:none;
  }
  @keyframes nwiHalo{0%,100%{transform:scale(.9);opacity:.55}50%{transform:scale(1.08);opacity:1}}

  .nwi-stage{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;
    gap:clamp(10px,4vmin,44px);animation:nwiFloat 5s ease-in-out infinite}
  @keyframes nwiFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}

  }

  50%{transform:translateY(-12px)}}


  /* --- Video del logo --- */
  .nwi-video{
    width:150px;height:300px;display:block;object-fit:contain;
    filter:drop-shadow(0 0 26px rgba(255,0,51,.4));
    opacity:0;animation:nwiVideoIn .8s .15s ease forwards;
  }
  /* Respaldo: si el navegador reproduce el MP4 (sin alfa), fundir el negro */
  .nwi-video.sin-alfa{ mix-blend-mode:screen }
  @keyframes nwiVideoIn{to{opacity:1}}

  /* --- Línea de escaneo --- */
  .nwi-scan{
    position:absolute;top:0;bottom:0;width:2px;left:-10%;
    background:linear-gradient(180deg,transparent,var(--neon,#ff0033),transparent);
    box-shadow:0 0 18px 4px rgba(255,0,51,.6);opacity:0;z-index:3;
    animation:nwiScan 1s 1.8s cubic-bezier(.65,0,.35,1) forwards;
  }
  @keyframes nwiScan{0%{left:-10%;opacity:0}12%{opacity:1}88%{opacity:1}100%{left:110%;opacity:0}}

  /* --- Wordmark --- */
  .nwi-word{
    display:flex;z-index:2;font-family:'Barlow Condensed',sans-serif;
    font-weight:500;font-size:clamp(1.5rem,4.6vmin,2.5rem);
    letter-spacing:.55em;text-transform:uppercase;color:#F4F5F7;padding-left:.55em;
  }
  .nwi-word span{opacity:0;transform:translateY(14px);animation:nwiLetter .5s cubic-bezier(.2,.8,.2,1) forwards}
  .nwi-word .nwi-sep{width:.4em}
  .nwi-word span:nth-child(1){animation-delay:2.5s}
  .nwi-word span:nth-child(2){animation-delay:2.58s}
  .nwi-word span:nth-child(3){animation-delay:2.66s}
  .nwi-word span:nth-child(4){animation-delay:2.74s}
  .nwi-word span:nth-child(6){animation-delay:2.9s}
  .nwi-word span:nth-child(7){animation-delay:2.98s}
  .nwi-word span:nth-child(8){animation-delay:3.06s}
  .nwi-word span:nth-child(9){animation-delay:3.14s}
  @keyframes nwiLetter{to{opacity:1;transform:translateY(0)}}

  .nwi-bar{position:absolute;bottom:0;left:0;height:3px;width:100%;background:rgba(255,255,255,.07);z-index:2}
  .nwi-bar i{display:block;height:100%;width:0;background:var(--neon,#ff0033);
    box-shadow:0 0 12px rgba(255,0,51,.8);animation:nwiBar 5.4s linear forwards}
  @keyframes nwiBar{to{width:100%}}

  .nwi-skip{position:absolute;bottom:22px;right:26px;z-index:2;
    font-family:'JetBrains Mono',monospace;font-size:.8rem;letter-spacing:.25em;
    text-transform:uppercase;color:rgba(255,255,255,.4);
    opacity:0;animation:nwiLetter .6s 3.2s forwards}

  #nw-intro.nwi-out{transition:transform .8s cubic-bezier(.8,0,.2,1),opacity .8s ease;
    transform:translateY(-100%);opacity:.4}

  @media (max-width:560px){
    .nwi-stage{flex-direction:column;gap:14px}

  }
  @media (prefers-reduced-motion:reduce){
    #nw-intro *,#nw-intro::before,#nw-intro::after{animation:none!important}

    .nwi-word span,.nwi-skip{opacity:1;transform:none}
    .nwi-video{opacity:1}

  }