:root{
      --bg:#07111f;
      --bg-2:#0d1b2a;
      --surface:#102235;
      --surface-2:#f6f8fb;
      --text:#f4f7fb;
      --muted:#aeb8c5;
      --dark:#111827;
      --line:rgba(255,255,255,.12);
      --line-dark:#d9e0e8;
      --accent:#44d7ff;
      --accent-2:#b9f0ff;
      --gold:#d5b56c;
      --shadow:0 24px 80px rgba(0,0,0,.24);
      --radius:24px;
      --container:1180px;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
      color:var(--dark);
      background:#fff;
      line-height:1.6;
    }
    h1,h2,h3,h4{
      font-family:Manrope,Inter,sans-serif;
      margin:0 0 14px;
      line-height:1.08;
      letter-spacing:-.03em;
    }
    p{margin:0 0 16px}
    a{text-decoration:none;color:inherit}
    button,input,textarea{font:inherit}
    .container{width:min(var(--container),calc(100% - 32px));margin:auto}
    .eyebrow{
      display:inline-flex;gap:8px;align-items:center;
      font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;
      opacity:.78;margin-bottom:16px
    }
    .eyebrow:before{content:"";width:34px;height:1px;background:currentColor;opacity:.65}
    .btn{
      display:inline-flex;align-items:center;justify-content:center;gap:10px;
      min-height:52px;padding:0 24px;border-radius:999px;
      font-weight:800;border:1px solid transparent;cursor:pointer;
      transition:.2s ease;
    }
    .btn-primary{background:var(--accent);color:#06101a}
    .btn-primary:hover{transform:translateY(-2px)}
    .btn-outline{border-color:rgba(255,255,255,.25);color:#fff;background:transparent}
    .btn-dark{background:var(--bg);color:#fff}
    .tag{
      display:inline-flex;padding:8px 12px;border:1px solid rgba(255,255,255,.14);
      border-radius:999px;font-size:.82rem;color:#d6e0ea;background:rgba(255,255,255,.04)
    }

    /* Header */
    .site-header{
      position:fixed;left:0;top:0;right:0;z-index:50;
      backdrop-filter:blur(16px);
      background:rgba(7,17,31,.72);
      border-bottom:1px solid rgba(255,255,255,.08);
    }
    .nav{
      height:76px;display:flex;align-items:center;justify-content:space-between;color:#fff
    }
    .brand{display:flex;align-items:center;gap:12px;font-weight:800}
    .brand-mark{
      width:42px;height:42px;border:1px solid rgba(255,255,255,.26);
      border-radius:12px;display:grid;place-items:center;color:var(--accent);font-weight:900
    }
    .brand small{display:block;color:var(--muted);font-weight:600;font-size:.7rem}
    .nav-links{display:flex;gap:28px;align-items:center;font-size:.9rem;color:#dbe4ec}
    .nav-cta{padding:11px 18px;border-radius:999px;background:var(--accent);color:#07111f;font-weight:800}
    .menu-btn{display:none;color:#fff;background:none;border:0;font-size:1.5rem}

    /* Hero */
    .hero{
      min-height:100vh;
      display:flex;align-items:center;
      background:
        radial-gradient(circle at 85% 25%, rgba(68,215,255,.14), transparent 28%),
        radial-gradient(circle at 15% 85%, rgba(213,181,108,.08), transparent 30%),
        linear-gradient(135deg,#06101b 0%,#0b1927 52%,#07111f 100%);
      color:#fff;padding:126px 0 78px;position:relative;overflow:hidden
    }
    .hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:64px;align-items:center}
    .hero h1{font-size:clamp(3rem,7vw,6.6rem);max-width:850px}
    .hero h1 span{color:var(--accent)}
    .hero-copy{font-size:1.15rem;color:#c8d4df;max-width:690px}
    .hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
    .hero-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:32px}
    .hero-visual{
      min-height:560px;border:1px solid rgba(255,255,255,.14);
      border-radius:34px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.025));
      padding:28px;position:relative;box-shadow:var(--shadow);overflow:hidden
    }
    .visual-stage{
      position:absolute;inset:24px;border-radius:26px;
      border:1px solid rgba(255,255,255,.09);
      background:
        linear-gradient(rgba(68,215,255,.05) 1px,transparent 1px),
        linear-gradient(90deg,rgba(68,215,255,.05) 1px,transparent 1px),
        linear-gradient(145deg,#0b1d2b,#08131f);
      background-size:32px 32px,32px 32px,auto;
    }
    .visual-label{position:absolute;top:34px;left:34px;font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;color:#a9bac8}
    .idea-core{
      position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
      width:190px;height:190px;border-radius:50%;display:grid;place-items:center;text-align:center;
      background:radial-gradient(circle,var(--accent-2),var(--accent) 32%,rgba(68,215,255,.12) 60%,transparent 62%);
      color:#06101a;font-weight:900;box-shadow:0 0 90px rgba(68,215,255,.22)
    }
    .orbit{position:absolute;border:1px dashed rgba(255,255,255,.18);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}
    .orbit.o1{width:340px;height:340px}
    .orbit.o2{width:480px;height:480px}
    .node{
      position:absolute;padding:10px 13px;border-radius:12px;
      background:#0e2233;border:1px solid rgba(255,255,255,.14);font-size:.8rem;color:#e7eef5
    }
    .n1{top:16%;left:18%}.n2{top:23%;right:10%}.n3{bottom:23%;left:10%}.n4{bottom:14%;right:18%}.n5{top:48%;right:4%}
    .hero-note{
      position:absolute;bottom:24px;left:24px;right:24px;
      display:flex;justify-content:space-between;gap:12px;color:#9fb0be;font-size:.78rem
    }

    /* statement */
    .statement{padding:46px 0;background:#07111f;color:#fff;border-top:1px solid rgba(255,255,255,.06)}
    .statement h2{font-size:clamp(1.6rem,3vw,2.5rem);max-width:950px;margin:auto;text-align:center;font-weight:700}
    .statement h2 span{color:var(--accent)}

    /* sections */
    section{padding:104px 0}
    .section-head{max-width:780px;margin-bottom:48px}
    .section-head h2{font-size:clamp(2.3rem,5vw,4.6rem)}
    .section-head p{font-size:1.05rem;color:#667085}
    .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
    .card{
      border:1px solid var(--line-dark);border-radius:22px;padding:24px;background:#fff;
      min-height:180px;transition:.2s ease
    }
    .card:hover{transform:translateY(-4px);box-shadow:0 18px 45px rgba(18,31,53,.08)}
    .card .num{font-size:.78rem;font-weight:800;color:#667085;margin-bottom:38px}
    .card h3{font-size:1.22rem}
    .card p{color:#667085;font-size:.92rem}
    .card.selectable{cursor:pointer}
    .card.selectable.active{border-color:var(--accent);box-shadow:0 0 0 3px rgba(68,215,255,.13)}

    /* compare */
    .compare{background:var(--surface-2)}
    .compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
    .path{
      border-radius:26px;padding:34px;border:1px solid var(--line-dark);background:#fff
    }
    .path.dark{background:var(--bg);color:#fff;border-color:#112c43}
    .step-line{display:grid;gap:10px;margin-top:22px}
    .step{
      padding:14px 16px;border-radius:14px;background:#f7f9fb;border:1px solid #e4e8ee;font-weight:700
    }
    .dark .step{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1)}
    .arrow{text-align:center;color:#98a2b3;font-weight:900}

    /* method */
    .method{background:#fff}
    .method-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:12px}
    .method-step{border-top:2px solid #dbe3ea;padding:20px 8px 0}
    .method-step strong{display:block;font-family:Manrope;font-size:1.05rem;margin-bottom:8px}
    .method-step span{color:#667085;font-size:.85rem}
    .method-step:first-child{border-color:var(--accent)}

    /* storymovie */
    .story{background:linear-gradient(145deg,#06101b,#0a1c2c);color:#fff}
    .story-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:54px;align-items:center}
    .video-placeholder{
      aspect-ratio:9/16;max-height:700px;border-radius:28px;
      border:1px solid rgba(255,255,255,.16);
      background:
        linear-gradient(180deg,rgba(68,215,255,.08),rgba(255,255,255,.02)),
        #0c1a27;
      display:grid;place-items:center;text-align:center;padding:30px;
      box-shadow:var(--shadow)
    }
    .play{
      width:86px;height:86px;border-radius:50%;border:1px solid rgba(255,255,255,.28);
      display:grid;place-items:center;margin:auto auto 18px;font-size:1.7rem
    }
    .scene-list{display:grid;gap:12px}
    .scene{padding:15px 17px;border-left:2px solid rgba(68,215,255,.38);background:rgba(255,255,255,.035);border-radius:0 14px 14px 0}
    .scene b{display:block;font-size:.86rem;color:var(--accent);margin-bottom:4px}
    .scene span{color:#becbd7;font-size:.9rem}

    /* CTA band */
    .cta-band{
      background:#eff9fc;border-top:1px solid #dceff5;border-bottom:1px solid #dceff5
    }
    .cta-panel{
      border-radius:30px;background:#fff;border:1px solid #dce7ec;padding:52px;
      display:flex;align-items:center;justify-content:space-between;gap:30px
    }
    .cta-panel h2{font-size:clamp(2rem,4vw,3.6rem);max-width:700px}
    .cta-panel p{color:#667085;max-width:660px}

    /* form */
    .form-section{background:#07111f;color:#fff}
    .form-shell{
      display:grid;grid-template-columns:.72fr 1.28fr;gap:32px;align-items:start
    }
    .form-aside{position:sticky;top:110px}
    .progress-wrap{margin-top:34px}
    .progress-label{display:flex;justify-content:space-between;color:#9fb0be;font-size:.8rem;margin-bottom:8px}
    .progress{height:8px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}
    .progress > span{display:block;height:100%;width:14%;background:var(--accent);transition:.25s}
    .wizard{
      border-radius:28px;background:#fff;color:var(--dark);padding:30px;min-height:520px
    }
    .wizard-step{display:none}
    .wizard-step.active{display:block}
    .wizard h3{font-size:2rem;margin-bottom:8px}
    .wizard .help{color:#667085;margin-bottom:24px}
    .choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
    .choice{
      text-align:left;padding:16px;border:1px solid #dbe1e8;background:#fff;border-radius:15px;cursor:pointer;font-weight:700
    }
    .choice:hover,.choice.selected{border-color:var(--accent);background:#f1fbfe}
    .field{display:grid;gap:8px;margin-bottom:16px}
    label{font-weight:700;font-size:.88rem}
    input,textarea{
      width:100%;border:1px solid #d6dde5;border-radius:13px;padding:14px 15px;outline:none;background:#fff
    }
    input:focus,textarea:focus{border-color:#64d7f5;box-shadow:0 0 0 3px rgba(68,215,255,.12)}
    textarea{min-height:150px;resize:vertical}
    .wizard-actions{display:flex;justify-content:space-between;gap:12px;margin-top:28px}
    .btn-ghost{background:#fff;border-color:#dce2e8;color:#344054}
    .conditional{display:none;border:1px dashed #9fdff0;background:#f4fcfe;border-radius:15px;padding:16px;margin-top:16px}
    .conditional.visible{display:block}

    /* ecosystem */
    .ecosystem{background:#f6f8fb}
    .eco-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:stretch}
    .eco-box{
      background:#fff;border:1px solid var(--line-dark);border-radius:20px;padding:24px;position:relative
    }
    .eco-box b{display:block;margin-bottom:8px}
    .eco-box span{color:#667085;font-size:.88rem}
    .eco-box:not(:last-child):after{
      content:"→";position:absolute;right:-14px;top:50%;transform:translateY(-50%);
      width:28px;height:28px;border-radius:50%;background:#07111f;color:#fff;display:grid;place-items:center;z-index:2
    }

    /* FAQ */
    .faq{display:grid;gap:10px}
    .faq-item{border:1px solid #e0e6ed;border-radius:16px;overflow:hidden}
    .faq-q{width:100%;border:0;background:#fff;padding:20px;text-align:left;font-weight:800;cursor:pointer;display:flex;justify-content:space-between}
    .faq-a{display:none;padding:0 20px 20px;color:#667085}
    .faq-item.open .faq-a{display:block}

    /* final */
    .final-cta{
      background:
        radial-gradient(circle at 20% 20%,rgba(68,215,255,.14),transparent 28%),
        linear-gradient(135deg,#07111f,#0b1b2a);
      color:#fff;text-align:center
    }
    .final-cta h2{font-size:clamp(2.5rem,6vw,5.4rem);max-width:1000px;margin:0 auto 20px}
    .final-cta p{max-width:760px;margin:0 auto 30px;color:#bdcad6}

    footer{background:#050c14;color:#a9b5bf;padding:42px 0}
    .footer-grid{display:flex;justify-content:space-between;gap:30px;align-items:flex-start}
    .footer-links{display:flex;gap:18px;flex-wrap:wrap;font-size:.86rem}

    /* mobile */
    @media (max-width: 980px){
      .nav-links{display:none}.menu-btn{display:block}
      .hero-grid,.story-grid,.form-shell{grid-template-columns:1fr}
      .hero-visual{min-height:500px}
      .cards{grid-template-columns:1fr 1fr}
      .method-grid{grid-template-columns:1fr 1fr}
      .eco-flow{grid-template-columns:1fr 1fr}
      .eco-box:nth-child(2):after{display:none}
      .form-aside{position:static}
    }
    @media (max-width: 640px){
      section{padding:76px 0}
      .hero{padding-top:110px}
      .hero h1{font-size:3.15rem}
      .hero-visual{min-height:440px}
      .cards,.compare-grid,.choice-grid,.eco-flow{grid-template-columns:1fr}
      .method-grid{grid-template-columns:1fr}
      .eco-box:after{display:none!important}
      .cta-panel{padding:30px;display:block}
      .footer-grid{display:block}
      .footer-links{margin-top:20px}
      .wizard{padding:22px}
      .nav{height:68px}
    }
  
/* =========================================================
   NYC CONSULTORÍA 360 — V2 CROMÁTICA
   ========================================================= */
:root{
  --blue-soft:#dff5ff; --blue:#078fc8;
  --purple-soft:#eee7ff; --purple:#7257d6;
  --green-soft:#e4f8ed; --green:#269b62;
  --orange-soft:#fff0df; --orange:#dd7b20;
  --coral-soft:#ffe6e2; --coral:#d85d52;
  --yellow-soft:#fff6cf; --yellow:#bd9010;
  --teal-soft:#def8f5; --teal:#168e85;
  --pink-soft:#fde7f2; --pink:#c54f86;
  --slate-soft:#eaf0f6; --slate:#536c83;
}

/* CTAs con mayor peso visual */
.btn{
  border-radius:14px;
  min-height:56px;
  padding:0 27px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.035em;
  border-width:2px;
  box-shadow:0 10px 28px rgba(0,0,0,.11);
}
.btn-primary{
  background:linear-gradient(135deg,#44d7ff,#a7efff);
  border-color:#8ee9ff;
  color:#06101a;
}
.btn-primary:hover{
  transform:translateY(-3px);
  box-shadow:0 16px 35px rgba(68,215,255,.25);
}
.btn-dark{
  background:linear-gradient(135deg,#07111f,#15334c);
  border-color:#1e4564;
}
.btn-outline:hover{
  background:#fff;color:#07111f;transform:translateY(-2px);
}
.nav-cta{
  border-radius:10px;
  background:linear-gradient(135deg,#44d7ff,#a7efff);
  box-shadow:0 8px 22px rgba(68,215,255,.18);
}

/* Cards de intención: un color por necesidad */
#ideaCards .card{
  position:relative;
  overflow:hidden;
  border:0;
  box-shadow:0 12px 30px rgba(17,24,39,.07);
}
#ideaCards .card:before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:7px;background:var(--stripe);
}
#ideaCards .card:nth-child(1){background:var(--orange-soft);--stripe:var(--orange)}
#ideaCards .card:nth-child(2){background:var(--blue-soft);--stripe:var(--blue)}
#ideaCards .card:nth-child(3){background:var(--purple-soft);--stripe:var(--purple)}
#ideaCards .card:nth-child(4){background:var(--teal-soft);--stripe:var(--teal)}
#ideaCards .card:nth-child(5){background:var(--pink-soft);--stripe:var(--pink)}
#ideaCards .card:nth-child(6){background:var(--green-soft);--stripe:var(--green)}
#ideaCards .card:nth-child(7){background:var(--yellow-soft);--stripe:var(--yellow)}
#ideaCards .card:nth-child(8){background:var(--coral-soft);--stripe:var(--coral)}
#ideaCards .card:nth-child(9){background:var(--slate-soft);--stripe:var(--slate)}
#ideaCards .card .num{color:var(--stripe);font-size:.88rem}
#ideaCards .card.active{
  outline:3px solid var(--stripe);
  outline-offset:3px;
  transform:translateY(-5px);
}

/* Comparación */
.compare-grid .path:first-child{
  background:var(--coral-soft);
  border-color:#f3c7c0;
}
.compare-grid .path.dark{
  background:linear-gradient(145deg,#07111f,#0d2d40);
  border-color:#123b54;
}

/* Método NYC360: cada etapa tiene identidad */
.method-step{
  border:0 !important;
  border-radius:18px;
  padding:20px 16px !important;
  min-height:155px;
  position:relative;
  overflow:hidden;
  box-shadow:0 10px 24px rgba(17,24,39,.055);
}
.method-step:before{
  content:"";position:absolute;left:0;right:0;top:0;height:5px;background:var(--m);
}
.method-step:nth-child(1){background:var(--blue-soft);--m:var(--blue)}
.method-step:nth-child(2){background:var(--purple-soft);--m:var(--purple)}
.method-step:nth-child(3){background:var(--orange-soft);--m:var(--orange)}
.method-step:nth-child(4){background:var(--yellow-soft);--m:var(--yellow)}
.method-step:nth-child(5){background:var(--green-soft);--m:var(--green)}
.method-step:nth-child(6){background:var(--teal-soft);--m:var(--teal)}
.method-step:nth-child(7){background:var(--coral-soft);--m:var(--coral)}

/* Formulario: fondo suave para la PREGUNTA y blanco para RESPUESTAS */
.wizard{
  background:#dfe9f1;
  padding:14px;
  border-radius:30px;
  box-shadow:0 30px 80px rgba(0,0,0,.22);
}
.wizard-step{
  border-radius:23px;
  padding:30px;
  border:1px solid rgba(17,24,39,.08);
}
.wizard-step[data-step="1"]{background:var(--blue-soft)}
.wizard-step[data-step="2"]{background:var(--purple-soft)}
.wizard-step[data-step="3"]{background:var(--orange-soft)}
.wizard-step[data-step="4"]{background:var(--teal-soft)}
.wizard-step[data-step="5"]{background:var(--green-soft)}
.wizard-step[data-step="6"]{background:var(--yellow-soft)}
.wizard-step[data-step="7"]{background:var(--coral-soft)}
.wizard-step[data-step="8"]{background:var(--green-soft)}
.choice{
  background:#fff;
  border:2px solid rgba(17,24,39,.09);
  box-shadow:0 7px 18px rgba(17,24,39,.055);
  font-weight:800;
  transition:.18s ease;
}
.choice:hover{
  transform:translateY(-2px);
  background:#fff;
  border-color:#80dff2;
}
.choice.selected{
  background:#fff;
  border-color:#07111f;
  box-shadow:0 0 0 3px rgba(7,17,31,.10),0 12px 26px rgba(17,24,39,.09);
  transform:translateY(-2px);
}
input,textarea{
  background:#fff;
  border:2px solid rgba(17,24,39,.09);
  box-shadow:0 7px 18px rgba(17,24,39,.04);
}

/* Ecosistema: un color por fase */
.eco-box{
  border:0;
  box-shadow:0 12px 30px rgba(17,24,39,.06);
  overflow:hidden;
}
.eco-box:before{
  content:"";position:absolute;left:0;right:0;top:0;height:6px;background:var(--eco);
}
.eco-box:nth-child(1){background:var(--orange-soft);--eco:var(--orange)}
.eco-box:nth-child(2){background:var(--purple-soft);--eco:var(--purple)}
.eco-box:nth-child(3){background:var(--blue-soft);--eco:var(--blue)}
.eco-box:nth-child(4){background:var(--green-soft);--eco:var(--green)}

/* Categorías de consultoría */
.consulting-types .card{
  border:0;
  position:relative;
  overflow:hidden;
  box-shadow:0 12px 30px rgba(17,24,39,.06);
}
.consulting-types .card:after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:6px;background:var(--cat);
}
.consulting-types .card:nth-child(1){background:var(--orange-soft);--cat:var(--orange)}
.consulting-types .card:nth-child(2){background:var(--blue-soft);--cat:var(--blue)}
.consulting-types .card:nth-child(3){background:var(--teal-soft);--cat:var(--teal)}
.consulting-types .card:nth-child(4){background:var(--purple-soft);--cat:var(--purple)}
.consulting-types .card:nth-child(5){background:var(--green-soft);--cat:var(--green)}
.consulting-types .card:nth-child(6){background:var(--yellow-soft);--cat:var(--yellow)}


/* =========================================================
   NYC CONSULTORÍA 360 — V3
   AJUSTE: CARDS FULL COLOR + FAQ CONTRAST + MENU PANEL
   ========================================================= */

/* Todas las cards deben sentirse como bloques completos */
.card{
  border:0 !important;
  box-shadow:0 12px 30px rgba(17,24,39,.07);
}
.card:before,.card:after{
  /* se anulan las rayas cromáticas de versiones previas */
  display:none !important;
}

/* Cards de intención */
#ideaCards .card:nth-child(1){background:var(--orange-soft)}
#ideaCards .card:nth-child(2){background:var(--blue-soft)}
#ideaCards .card:nth-child(3){background:var(--purple-soft)}
#ideaCards .card:nth-child(4){background:var(--teal-soft)}
#ideaCards .card:nth-child(5){background:var(--pink-soft)}
#ideaCards .card:nth-child(6){background:var(--green-soft)}
#ideaCards .card:nth-child(7){background:var(--yellow-soft)}
#ideaCards .card:nth-child(8){background:var(--coral-soft)}
#ideaCards .card:nth-child(9){background:var(--slate-soft)}

/* Método NYC360: fondo completo, no rayas */
.method-step:before{display:none !important}
.method-step{
  border:0 !important;
  box-shadow:0 12px 28px rgba(17,24,39,.065);
}

/* Ecosistema: fondo completo */
.eco-box:before{display:none !important}
.eco-box{
  border:0 !important;
  box-shadow:0 14px 30px rgba(17,24,39,.07);
}

/* Categorías: fondo completo */
.consulting-types .card:after{display:none !important}

/* FAQ: PREGUNTA = caja de color / RESPUESTA = caja blanca */
.faq{
  gap:16px;
}
.faq-item{
  border:0;
  border-radius:18px;
  background:transparent;
  overflow:visible;
}
.faq-q{
  border-radius:16px;
  padding:20px 22px;
  border:1px solid #c7d9e7;
  background:#dfeef8;
  color:#17212d;
  box-shadow:0 8px 20px rgba(17,24,39,.055);
  font-size:.98rem;
}
.faq-item:nth-child(even) .faq-q{
  background:#e9edf2;
  border-color:#d7dee6;
}
.faq-q span{
  width:28px;height:28px;border-radius:50%;
  display:grid;place-items:center;
  background:#fff;
  border:1px solid rgba(17,24,39,.08);
  margin-left:18px;
  flex:0 0 auto;
}
.faq-a{
  margin:7px 10px 0;
  padding:18px 20px;
  border-radius:14px;
  background:#fff;
  color:#667085;
  border:1px solid #e0e6ed;
  box-shadow:0 5px 14px rgba(17,24,39,.035);
}
.faq-item.open .faq-q{
  background:#cfe7f7;
  border-color:#9fc9e4;
}
.faq-item.open:nth-child(even) .faq-q{
  background:#dde3ea;
  border-color:#c6d0da;
}

/* Campo requerido visible */
.required-mark{
  color:#c53d3d;
  font-weight:900;
}
.form-note{
  padding:14px 16px;
  border-radius:14px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(17,24,39,.08);
  font-size:.86rem;
  color:#52606e;
  margin:0 0 18px;
}

/* Confirmación post-form */
.copy-confirm{
  margin:18px auto 0;
  max-width:520px;
  padding:16px 18px;
  border-radius:15px;
  background:#fff;
  border:1px solid #cfe0d7;
  color:#345244;
  text-align:left;
}
.copy-confirm b{
  display:block;
  color:#163628;
  margin-bottom:4px;
}

/* MENÚ LATERAL TIPO PANEL CONSULTIVO */
.menu-btn{
  display:block !important;
  min-width:44px;
  height:44px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.05);
  color:#fff;
  cursor:pointer;
}
.nav-links{
  display:flex;
}
.menu-overlay{
  position:fixed;
  inset:0;
  background:rgba(4,12,20,.56);
  backdrop-filter:blur(2px);
  opacity:0;
  pointer-events:none;
  transition:.25s ease;
  z-index:80;
}
.menu-overlay.open{
  opacity:1;
  pointer-events:auto;
}
.quick-menu{
  position:fixed;
  top:0;right:0;
  width:min(470px,92vw);
  height:100vh;
  background:#fff;
  color:#17212d;
  z-index:90;
  transform:translateX(100%);
  transition:.28s ease;
  box-shadow:-30px 0 70px rgba(0,0,0,.22);
  overflow-y:auto;
}
.quick-menu.open{
  transform:translateX(0);
}
.quick-menu-inner{
  padding:28px 28px 42px;
}
.quick-menu-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  margin-bottom:22px;
}
.quick-menu-brand{
  display:flex;
  align-items:center;
  gap:12px;
  font-weight:900;
}
.quick-menu-close{
  width:40px;height:40px;border-radius:50%;
  border:0;background:#ffe5e5;color:#b13e3e;
  font-size:1.15rem;cursor:pointer;
}
.quick-menu-kicker{
  font-size:.76rem;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#667085;
  margin:22px 0 10px;
}
.quick-menu-links{
  display:grid;
  gap:8px;
}
.quick-menu-links a{
  padding:9px 4px;
  font-weight:700;
}
.quick-menu-services{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-top:10px;
}
.quick-service{
  min-height:74px;
  padding:14px;
  display:flex;
  gap:11px;
  align-items:center;
  border:1px solid #d9e1e8;
  border-radius:14px;
  background:#fff;
  font-weight:800;
  cursor:pointer;
  transition:.18s ease;
}
.quick-service:hover{
  transform:translateY(-2px);
  border-color:#9fdcf0;
  box-shadow:0 10px 24px rgba(17,24,39,.07);
}
.quick-service .ico{
  width:36px;height:36px;border-radius:10px;
  display:grid;place-items:center;
  background:#e7f7fc;
  color:#078fc8;
  font-size:1rem;
}
.quick-menu-contact{
  margin-top:24px;
  padding-top:18px;
  border-top:1px solid #e5e9ee;
}
.quick-menu-contact a{
  display:block;
  margin:8px 0;
  color:#475467;
  font-weight:700;
}
.quick-menu-cta{
  margin-top:22px;
  width:100%;
}

/* Desktop: menu visible + panel button como acceso rápido */
@media (min-width:981px){
  .menu-btn{margin-left:10px}
}
/* Tablet/móvil: ocultamos navegación y dejamos panel */
@media (max-width:980px){
  .nav-links{display:none !important}
}
@media (max-width:560px){
  .quick-menu-services{grid-template-columns:1fr}
}


/* =========================================================
   NYC CONSULTORÍA 360 — V4
   CARDS MÁS RESALTADAS + WHATSAPP + TOP
   ========================================================= */

/* Paleta reforzada: sigue siendo premium, pero ahora sí visible */
:root{
  --blue-soft:#bfeaff;
  --purple-soft:#d9ccff;
  --green-soft:#c9f1d9;
  --orange-soft:#ffdcb6;
  --coral-soft:#ffc9c1;
  --yellow-soft:#ffe98f;
  --teal-soft:#bfeee8;
  --pink-soft:#f8c6de;
  --slate-soft:#ced9e5;
}

/* Más contraste general en cards */
.card,
.method-step,
.eco-box,
.consulting-types .card{
  transition:.2s ease;
  box-shadow:0 14px 34px rgba(17,24,39,.10) !important;
}
.card:hover,
.method-step:hover,
.eco-box:hover,
.consulting-types .card:hover{
  transform:translateY(-5px);
  box-shadow:0 20px 42px rgba(17,24,39,.14) !important;
}

/* Cards de intención: fondo completo claramente visible */
#ideaCards .card:nth-child(1){background:#FFA346 !important}
#ideaCards .card:nth-child(2){background:#3EBBFF !important}
#ideaCards .card:nth-child(3){background:#AC91FF !important}
#ideaCards .card:nth-child(4){background:#5FCFC1 !important}
#ideaCards .card:nth-child(5){background:#EF8DBC !important}
#ideaCards .card:nth-child(6){background:#76D89D !important}
#ideaCards .card:nth-child(7){background:#FFD540 !important}
#ideaCards .card:nth-child(8){background:#FF8D79 !important}
#ideaCards .card:nth-child(9){background:#9FB6CC !important}

/* Método: también con fondos completos resaltados */
.method-step:nth-child(1){background:#3EBBFF !important}
.method-step:nth-child(2){background:#AC91FF !important}
.method-step:nth-child(3){background:#FFA346 !important}
.method-step:nth-child(4){background:#FFD540 !important}
.method-step:nth-child(5){background:#76D89D !important}
.method-step:nth-child(6){background:#5FCFC1 !important}
.method-step:nth-child(7){background:#FF8D79 !important}

/* Ecosistema: color total por fase */
.eco-box:nth-child(1){background:#1CAEFD !important}
.eco-box:nth-child(2){background:#FF584A !important}
.eco-box:nth-child(3){background:#FFB35E !important}
.eco-box:nth-child(4){background:#00BB5E !important}

/* Categorías de consultoría */
.consulting-types .card:nth-child(1){background:#FFA346 !important}
.consulting-types .card:nth-child(2){background:#3EBBFF !important}
.consulting-types .card:nth-child(3){background:#5FCFC1 !important}
.consulting-types .card:nth-child(4){background:#AC91FF !important}
.consulting-types .card:nth-child(5){background:#76D89D !important}
.consulting-types .card:nth-child(6){background:#FFD540 !important}

/* FAQ: pregunta aún más evidente */
.faq-q{
  background:#cfe7f7 !important;
  border:1px solid #a9cde4 !important;
}
.faq-item:nth-child(even) .faq-q{
  background:#dce3ea !important;
  border-color:#c7d0da !important;
}
.faq-item.open .faq-q{
  background:#b9dcf2 !important;
}
.faq-item.open:nth-child(even) .faq-q{
  background:#cdd7e1 !important;
}

/* Botones flotantes */
.float-actions{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:120;
  display:flex;
  flex-direction:column;
  gap:12px;
  align-items:flex-end;
}
.float-btn{
  width:56px;
  height:56px;
  border-radius:50%;
  display:grid;
  place-items:center;
  border:0;
  cursor:pointer;
  box-shadow:0 14px 34px rgba(0,0,0,.22);
  transition:.2s ease;
}
.float-btn:hover{
  transform:translateY(-3px) scale(1.03);
}
.float-whatsapp{
  background:#25D366;
  color:#fff;
}
.float-top{
  background:#07111f;
  color:#fff;
  opacity:0;
  pointer-events:none;
  transform:translateY(10px);
}
.float-top.visible{
  opacity:1;
  pointer-events:auto;
  transform:translateY(0);
}
.float-btn svg{
  width:27px;
  height:27px;
  fill:currentColor;
}
.float-tooltip{
  position:absolute;
  right:68px;
  white-space:nowrap;
  background:#07111f;
  color:#fff;
  font-size:.75rem;
  font-weight:800;
  padding:8px 10px;
  border-radius:8px;
  opacity:0;
  pointer-events:none;
  transform:translateX(6px);
  transition:.18s ease;
}
.float-wrap{
  position:relative;
}
.float-wrap:hover .float-tooltip{
  opacity:1;
  transform:translateX(0);
}
@media (max-width:640px){
  .float-actions{right:14px;bottom:14px}
  .float-btn{width:52px;height:52px}
  .float-tooltip{display:none}
}


/* V4.1 — FIX BOTÓN TOP
   Siempre visible. No depende del evento scroll para aparecer. */
.float-actions{
  right:22px !important;
  bottom:22px !important;
  gap:14px !important;
}
.float-top{
  opacity:1 !important;
  pointer-events:auto !important;
  transform:none !important;
  visibility:visible !important;
  display:grid !important;
  background:#07111f !important;
  color:#fff !important;
}
.float-top.visible{
  opacity:1 !important;
  pointer-events:auto !important;
  transform:none !important;
}
@media (max-width:640px){
  .float-actions{right:14px !important;bottom:14px !important;gap:12px !important}
}


/* =========================================================
   NYC CONSULTORÍA 360 — V4.2
   MENÚ HOVER DESLIZANTE + CTA #44D7FF + FIX TOP
   ========================================================= */

/* CTA ANALIZA TU PROYECTO: color corporativo sólido */
.nav-cta,
a.btn.btn-primary[href="#analiza"],
.quick-menu-cta{
  background:#44D7FF !important;
  background-image:none !important;
  color:#06101a !important;
  border-color:#44D7FF !important;
}
.nav-cta:hover,
a.btn.btn-primary[href="#analiza"]:hover,
.quick-menu-cta:hover{
  background:#44D7FF !important;
  background-image:none !important;
  color:#06101a !important;
  box-shadow:0 14px 30px rgba(68,215,255,.28) !important;
  transform:translateY(-2px);
}

/* MENÚ LATERAL: efecto de llenado deslizante inspirado en el video */
.quick-service{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background:#fff !important;
  color:#17212d;
  transition:
    color .28s ease,
    border-color .28s ease,
    transform .28s ease,
    box-shadow .28s ease;
}
.quick-service::before{
  content:"";
  position:absolute;
  inset:0;
  background:#44D7FF;
  transform:translateX(-102%);
  transition:transform .34s cubic-bezier(.22,.72,.23,1);
  z-index:-1;
}
.quick-service:hover::before{
  transform:translateX(0);
}
.quick-service:hover{
  color:#06101a !important;
  border-color:#44D7FF !important;
  transform:translateX(5px);
  box-shadow:0 12px 28px rgba(68,215,255,.20);
}
.quick-service .ico{
  position:relative;
  z-index:1;
  transition:
    transform .30s ease,
    background .30s ease,
    color .30s ease;
}
.quick-service > span:last-child{
  position:relative;
  z-index:1;
  transition:transform .30s ease;
}
.quick-service:hover .ico{
  transform:translateX(4px) scale(1.04);
  background:rgba(255,255,255,.78) !important;
  color:#06101a !important;
}
.quick-service:hover > span:last-child{
  transform:translateX(5px);
}

/* Enlaces superiores del panel con deslizamiento discreto */
.quick-menu-links a{
  position:relative;
  overflow:hidden;
  padding:10px 10px;
  border-radius:9px;
  transition:color .25s ease, transform .25s ease;
}
.quick-menu-links a::before{
  content:"";
  position:absolute;
  left:0;top:0;bottom:0;
  width:100%;
  background:#44D7FF;
  transform:translateX(-103%);
  transition:transform .30s cubic-bezier(.22,.72,.23,1);
  z-index:-1;
}
.quick-menu-links a:hover::before{
  transform:translateX(0);
}
.quick-menu-links a:hover{
  color:#06101a;
  transform:translateX(4px);
}

/* Menú horizontal: barrido inferior corporativo */
.nav-links > a:not(.nav-cta){
  position:relative;
  padding:10px 2px;
}
.nav-links > a:not(.nav-cta)::after{
  content:"";
  position:absolute;
  left:0;
  bottom:3px;
  height:3px;
  width:100%;
  border-radius:99px;
  background:#44D7FF;
  transform:scaleX(0);
  transform-origin:left center;
  transition:transform .28s ease;
}
.nav-links > a:not(.nav-cta):hover::after{
  transform:scaleX(1);
}
.nav-links > a:not(.nav-cta):hover{
  color:#fff;
}

/* TOP siempre interactivo */
.float-top{
  opacity:1 !important;
  visibility:visible !important;
  display:grid !important;
  pointer-events:auto !important;
  transform:none !important;
}


/* =========================================================
   NYC CONSULTORÍA 360 — V4.3
   VALIDACIÓN DE CONSULTA GUIADA
   ========================================================= */
.validation-msg{
  margin-top:18px;
  padding:11px 14px;
  border-radius:11px;
  background:rgba(255,255,255,.58);
  border:1px solid rgba(17,24,39,.09);
  color:#667085;
  font-size:.84rem;
  font-weight:700;
}
.validation-msg.ok{
  color:#20633f;
  background:rgba(255,255,255,.78);
  border-color:rgba(38,155,98,.30);
}
.next[disabled]{
  opacity:.42;
  cursor:not-allowed;
  filter:grayscale(.25);
  transform:none !important;
  box-shadow:none !important;
}
.next:not([disabled]){
  opacity:1;
}
.field-error{
  border-color:#c53d3d !important;
  box-shadow:0 0 0 3px rgba(197,61,61,.10) !important;
}

.story-content h2 {
  max-width: 760px;
  font-size: clamp(2.5rem, 5vw, 4.8rem);
}

.story-intro {
  max-width: 1080px;
  margin-bottom: 28px;
  color: #bfcbd7;
  font-size: 1.05rem;
}

.story-benefits {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
}

.story-benefit {
  min-height: 190px;
  padding: 22px;
  border-radius: 18px;
  color: #ffffff;
  box-shadow: 0 16px 35px rgba(0, 0, 0, 0.18);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.story-benefit:nth-child(1) {
  background: #0280C4;
}

.story-benefit:nth-child(2) {
  background: #5346a5;
}

.story-benefit:nth-child(3) {
  background: #08746b;
}

.story-benefit:nth-child(4) {
  background: #8a4b08;
}

.story-benefit:hover {
  transform: translateY(-4px);
  box-shadow: 0 22px 42px rgba(0, 0, 0, 0.24);
}

.story-number {
  display: block;
  margin-bottom: 24px;
  color: rgba(255, 255, 255, 0.72);
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0.12em;
}

.story-benefit h3 {
  margin-bottom: 10px;
  font-size: 1.12rem;
  color: #ffffff;
}

.story-benefit p {
  margin: 0;
  color: rgba(255, 255, 255, 0.84);
  font-size: 0.9rem;
  line-height: 1.55;
}

.story-actions {
  margin-top: 26px;
}

.story-independence {
  max-width: 680px;
  margin-top: 18px;
  color: #aebdca;
  font-size: 0.88rem;
}

.story-summary {
  max-width: 1080px;
  margin-top: 22px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.04);
  color: #d8e3ec;
}

.story-summary summary {
  padding: 17px 20px;
  color: #44d7ff;
  font-weight: 800;
  cursor: pointer;
}

.story-summary ol {
  margin: 0;
  padding: 0 42px 22px;
}

.story-summary li {
  margin-bottom: 8px;
  color: #bfcbd7;
}

@media (max-width: 640px) {
  .story-benefits {
    grid-template-columns: 1fr;
  }

  .story-benefit {
    min-height: auto;
  }

  .story-actions .btn {
    width: 100%;
  }
}

.story-video {
  width: 100%;
  max-width: 480px;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 28px;
  background: #000000;
}

.story-video video {
  display: block;
  width: 100%;
  height: auto;
  max-height: none;
  aspect-ratio: 9 / 16;
  object-fit: contain;
  object-position: center;
  background: #000000;
}

.cta-band {
  --cta-parallax: 0px;

  position: relative;
  overflow: hidden;
  isolation: isolate;
  min-height: 340px;
  background: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.72);
  box-shadow: 0 24px 60px rgba(7, 17, 31, 0.16);
}

.cta-band::before {
  content: "";
  position: absolute;
  inset: -70px 0;
  z-index: -2;

  background-image: url("../img/cta-consultoria360.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;

  transform:
    translate3d(0, var(--cta-parallax), 2)
    scale(1.03);

  will-change: transform;
}

.cta-band::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;

  background:
    linear-gradient(
      90deg,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0) 42%,
      rgba(0, 0, 0, 0) 72%,
      rgba(0, 0, 0, 0) 100%
    );
}

.cta-band > * {
  position: relative;
  z-index: 1;
}

.cta-band h2 {
  color: #07111f;
  text-shadow: 0 2px 18px rgba(255, 255, 255, 0.75);
}

.cta-band p {
  color: #344054;
  font-weight: 500;
}

.cta-band .eyebrow {
  color: #075985;
  opacity: 1;
}

@media (max-width: 768px) {
  .cta-band {
    min-height: 420px;
  }

  .cta-band::before {
    inset: 0;
    background-position: 62% center;
    transform: scale(1.08);
  }

  .cta-band::after {
    background: rgba(255, 255, 255, 0.86);
  }
}

@media (prefers-reduced-motion: reduce) {
  .cta-band::before {
    transform: scale(1.08);
  }
}

body{padding-top:76px}
.site-header{top:0}
.hero{min-height:calc(100vh - 76px);padding-top:70px}
.hero-media{position:relative;border-radius:34px;overflow:hidden;border:1px solid rgba(255,255,255,.14);box-shadow:var(--shadow);background:#08131f}
.hero-media video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.story-video{border-radius:28px;overflow:hidden;border:1px solid rgba(255,255,255,.16);box-shadow:var(--shadow);background:#0c1a27}
.story-video video{display:block;width:100%;max-height:1920px;aspect-ratio:9/16;object-fit:cover;background:#000}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.required-mark{color:#a51d1d}
.form-note{padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.72);border:1px solid rgba(17,24,39,.08);font-size:.86rem;color:#52606e;margin:0 0 18px}
.validation-msg{margin-top:18px;padding:11px 14px;border-radius:11px;background:rgba(255,255,255,.58);border:1px solid rgba(17,24,39,.09);color:#667085;font-size:.84rem;font-weight:700}
.validation-msg.ok{color:#20633f;background:rgba(255,255,255,.78);border-color:rgba(38,155,98,.30)}
.next[disabled]{opacity:.42;cursor:not-allowed;filter:grayscale(.25);transform:none!important;box-shadow:none!important}
.form-status{display:none;margin-top:22px;padding:24px;border-radius:20px}
.form-status.show{display:block}
.form-status.success{background:#e0f5e8;color:#163c2a}
.form-status.error{background:#ffe3e0;color:#6a1d16}
@media(max-width:700px){.field-row{grid-template-columns:1fr}}

/* V0.2 — privacidad, accesibilidad y confirmación */
:focus-visible{outline:3px solid #44d7ff;outline-offset:3px}
.privacy-check{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:start;margin:14px 0;color:#475467;font-size:.9rem}
.privacy-check input{width:20px;height:20px;margin-top:2px;box-shadow:none}
.privacy-check label{font-weight:600}
.privacy-check a{text-decoration:underline;color:#075985}
.form-status{grid-column:2}
.success-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.success-actions .btn{font-size:.78rem;padding:0 18px}
@media(max-width:980px){.form-status{grid-column:1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}