#nm-method{--pink:#f2b5cd;--black:#070707;--ink:#141414;--paper:#f2f0eb;--white:#f8f8f4;position:relative;width:100%;height:820px;overflow-x:hidden;overflow-y:auto;background:var(--black);color:var(--white);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;scrollbar-width:none;overscroll-behavior-y:auto;isolation:isolate}
  #nm-method::-webkit-scrollbar{display:none}
  #nm-method,#nm-method *{box-sizing:border-box}
  #nm-method a{color:inherit;text-decoration:none}
  #nm-method .nmm-chapter{position:relative;width:100%}
  #nm-method .nmm-stage{position:sticky;top:0;width:100%;height:var(--nmm-screen,820px);overflow:hidden}
  #nm-method .nmm-kicker{display:block;font-size:10px;font-weight:900;line-height:1.4;letter-spacing:.21em;text-transform:uppercase}
  #nm-method .nmm-glow{position:absolute;inset:0;background:radial-gradient(circle at var(--nmm-x,50%) var(--nmm-y,45%),rgba(242,181,205,.12),transparent 28%);pointer-events:none}

  /* HERO */
  #nm-method .nmm-hero{height:var(--nmm-hero-h,1900px);background:var(--black)}
  #nm-method .nmm-hero .nmm-stage{background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),var(--black);background-size:52px 52px}
  #nm-method .nmm-ghost{position:absolute;left:50%;top:50%;color:var(--pink);font-size:25vw;font-weight:900;line-height:.7;letter-spacing:-.11em;white-space:nowrap;opacity:.035;transform:translate(-50%,-50%)}
  #nm-method .nmm-hero__copy{position:absolute;z-index:3;left:50%;top:50%;width:min(92vw,1500px);text-align:center;opacity:var(--nmm-hero-opacity,1);transform:translate(-50%,-50%) translateY(var(--nmm-hero-y,0)) scale(var(--nmm-hero-scale,1));transform-origin:center;will-change:transform,opacity}
  #nm-method .nmm-hero__copy .nmm-kicker{margin-bottom:27px;color:var(--pink)}
  #nm-method .nmm-hero h1{margin:0;font-size:clamp(68px,9.1vw,174px);font-weight:900;line-height:.76;letter-spacing:-.085em;text-transform:uppercase}
  #nm-method .nmm-hero h1 span{display:block;white-space:nowrap}
  #nm-method .nmm-hero h1 em{color:var(--pink);font-style:normal}
  #nm-method .nmm-hero__copy p{max-width:800px;margin:35px auto 0;color:#c8c8c4;font-size:clamp(18px,1.55vw,27px);font-weight:600;line-height:1.42;letter-spacing:-.025em}
  #nm-method .nmm-hero__system{position:absolute;z-index:4;left:50%;bottom:48px;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(17px,4vw,72px);width:min(90vw,1250px);padding-top:19px;color:#aaa;font-size:9px;font-weight:900;letter-spacing:.15em;text-align:center;opacity:var(--nmm-system-opacity,0);transform:translateX(-50%) translateY(var(--nmm-system-y,22px))}
  #nm-method .nmm-hero__system i{position:absolute;left:0;top:0;width:100%;height:1px;background:linear-gradient(90deg,var(--pink) 0 var(--nmm-system-line,0%),rgba(255,255,255,.14) var(--nmm-system-line,0%))}

  /* PRINCIPIO */
  #nm-method .nmm-principle{height:var(--nmm-principle-h,1350px);background:var(--paper);color:var(--ink)}
  #nm-method .nmm-principle .nmm-stage{background:var(--paper)}
  #nm-method .nmm-principle__first,#nm-method .nmm-principle__second{position:absolute;z-index:3;left:50%;top:50%;width:min(88vw,1250px);text-align:center;transform:translate(-50%,-50%)}
  #nm-method .nmm-principle__first{opacity:var(--nmm-principle-one,1);transform:translate(-50%,-50%) scale(var(--nmm-principle-one-scale,1))}
  #nm-method .nmm-principle__second{opacity:var(--nmm-principle-two,0);transform:translate(-50%,-50%) translateY(var(--nmm-principle-two-y,35px))}
  #nm-method .nmm-principle .nmm-kicker{margin-bottom:25px;color:#8d5068}
  #nm-method .nmm-principle p{margin:0;font-size:clamp(52px,7vw,132px);font-weight:900;line-height:.86;letter-spacing:-.07em;text-transform:uppercase}
  #nm-method .nmm-principle__second p{color:#9d536f}
  #nm-method .nmm-principle__line{position:absolute;left:50%;top:50%;width:2px;height:150vh;background:var(--pink);opacity:var(--nmm-principle-line-opacity,0);transform:translate(-50%,-50%) rotate(var(--nmm-principle-angle,0deg)) scaleY(var(--nmm-principle-line,0));transform-origin:center}

  /* MAPA DEL MÉTODO */
  #nm-method .nmm-map{height:var(--nmm-map-h,1100px);background:var(--black);color:var(--white)}
  #nm-method .nmm-map .nmm-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(42px,7vh,74px);background:radial-gradient(circle at 50% 50%,rgba(242,181,205,.1),transparent 38%),var(--black)}
  #nm-method .nmm-map__copy{width:min(92vw,1380px);text-align:center;opacity:var(--nmm-map-opacity,0);transform:translateY(var(--nmm-map-y,38px))}
  #nm-method .nmm-map__copy .nmm-kicker{margin-bottom:22px;color:var(--pink)}
  #nm-method .nmm-map h2{margin:0;font-size:clamp(52px,6.6vw,124px);font-weight:900;line-height:.84;letter-spacing:-.072em;text-transform:uppercase}
  #nm-method .nmm-map h2 em{color:var(--pink);font-style:normal}
  #nm-method .nmm-map__chain{display:flex;align-items:center;justify-content:center;gap:clamp(13px,2.8vw,48px);width:min(92vw,1250px);padding:21px 0;border-top:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18);color:#aaa;font-size:clamp(9px,.9vw,14px);font-weight:900;letter-spacing:.15em;opacity:var(--nmm-map-chain-opacity,0);transform:translateY(var(--nmm-map-chain-y,24px))}
  #nm-method .nmm-map__chain i{color:var(--pink);font-style:normal}

  /* FASES */
  #nm-method .nmm-phases{height:var(--nmm-phases-h,4600px);background:var(--paper);color:var(--ink)}
  #nm-method .nmm-phases .nmm-stage{background:var(--paper)}
  #nm-method .nmm-phasebar{position:absolute;z-index:40;left:50%;top:25px;width:min(94vw,1500px);color:currentColor;mix-blend-mode:difference;transform:translateX(-50%)}
  #nm-method .nmm-phasebar>div{display:flex;justify-content:space-between;margin-bottom:10px;color:#fff;font-size:9px;font-weight:900;letter-spacing:.18em}
  #nm-method .nmm-phasebar>i{display:block;height:2px;background:rgba(255,255,255,.24)}
  #nm-method .nmm-phasebar>i span{display:block;width:var(--nmm-phase-progress,25%);height:100%;background:#fff;transition:width .16s linear}
  #nm-method .nmm-panel{position:absolute;inset:0;overflow:hidden}
  #nm-method .nmm-panel__number{position:absolute;right:-.055em;bottom:-.21em;font-size:42vw;font-weight:900;line-height:.72;letter-spacing:-.12em;opacity:.07}
  #nm-method .nmm-panel__inner{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(330px,.95fr);gap:clamp(45px,8vw,150px);align-items:center;width:min(90vw,1450px);height:100%;margin:auto;padding:64px 0}
  #nm-method .nmm-panel__head>span{font-size:10px;font-weight:900;letter-spacing:.2em}
  #nm-method .nmm-panel__head h2{margin:19px 0 0;font-size:clamp(66px,8.2vw,155px);font-weight:900;line-height:.75;letter-spacing:-.085em;text-transform:uppercase}
  #nm-method .nmm-panel__body{max-width:620px}
  #nm-method .nmm-panel__body h3{margin:0 0 18px;font-size:clamp(27px,2.55vw,45px);font-weight:900;line-height:1.02;letter-spacing:-.045em}
  #nm-method .nmm-panel__body>p{margin:0;color:rgba(20,20,20,.76);font-size:clamp(17px,1.35vw,22px);font-weight:550;line-height:1.52;letter-spacing:-.018em}
  #nm-method .nmm-output{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;margin-top:30px;padding:18px 0;border-top:1px solid currentColor;border-bottom:1px solid currentColor}
  #nm-method .nmm-output span{font-size:8px;font-weight:900;letter-spacing:.16em}
  #nm-method .nmm-output strong{font-size:14px;line-height:1.35}
  #nm-method .nmm-tags{display:flex;flex-wrap:wrap;gap:8px;margin:23px 0 0;padding:0;list-style:none}
  #nm-method .nmm-tags li{padding:8px 11px;border:1px solid currentColor;border-radius:100px;font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
  #nm-method .nmm-panel--context{z-index:1;background:var(--paper);color:var(--ink)}
  #nm-method .nmm-panel--objective{z-index:2;background:var(--pink);color:var(--ink);clip-path:inset(calc(100% - 100% * var(--nmm-p1,0)) 0 0 0)}
  #nm-method .nmm-panel--direction{z-index:3;background:var(--black);color:var(--white);clip-path:inset(0 calc(100% - 100% * var(--nmm-p2,0)) 0 0)}
  #nm-method .nmm-panel--direction .nmm-panel__body>p{color:rgba(255,255,255,.72)}
  #nm-method .nmm-panel--execution{z-index:4;background:var(--paper);color:var(--ink);clip-path:polygon(0 calc(110% - 120% * var(--nmm-p3,0)),100% calc(120% - 120% * var(--nmm-p3,0)),100% 100%,0 100%)}
  #nm-method .nmm-panel--objective .nmm-panel__inner{opacity:var(--nmm-p1,0);transform:translateY(calc(50px - 50px * var(--nmm-p1,0)))}
  #nm-method .nmm-panel--direction .nmm-panel__inner{opacity:var(--nmm-p2,0);transform:translateX(calc(-55px + 55px * var(--nmm-p2,0)))}
  #nm-method .nmm-panel--execution .nmm-panel__inner{opacity:var(--nmm-p3,0);transform:translateY(calc(55px - 55px * var(--nmm-p3,0)))}

  @media(min-width:761px){
    #nm-method .nmm-panel--execution .nmm-panel__inner{grid-template-columns:minmax(0,1.18fr) minmax(360px,.82fr);gap:clamp(45px,6vw,120px)}
    #nm-method .nmm-panel--execution .nmm-panel__head h2{font-size:clamp(66px,8.2vw,155px);line-height:.75;letter-spacing:-.085em}
  }

  /* RESULTADO */
  #nm-method .nmm-result{height:var(--nmm-result-h,1650px);background:var(--black)}
  #nm-method .nmm-result .nmm-stage{background:radial-gradient(circle at 50% 50%,rgba(242,181,205,.1),transparent 38%),var(--black)}
  #nm-method .nmm-result__copy{position:absolute;left:50%;top:50%;width:min(90vw,1320px);text-align:center;opacity:var(--nmm-result-opacity,0);transform:translate(-50%,-50%) translateY(var(--nmm-result-y,45px))}
  #nm-method .nmm-result__copy .nmm-kicker{margin-bottom:23px;color:var(--pink)}
  #nm-method .nmm-result h2{margin:0;font-size:clamp(52px,6.8vw,128px);font-weight:900;line-height:.82;letter-spacing:-.075em;text-transform:uppercase}
  #nm-method .nmm-result__copy p{max-width:730px;margin:31px auto 0;color:#aaa;font-size:clamp(17px,1.35vw,23px);font-weight:600;line-height:1.46}

  /* CTA */
  #nm-method .nmm-cta{position:relative;display:flex;min-height:var(--nmm-screen,820px);padding:90px 32px;overflow:hidden;background:var(--paper);color:var(--ink)}
  #nm-method .nmm-cta__word{position:absolute;left:-.04em;bottom:-.13em;color:var(--pink);font-size:26vw;font-weight:900;line-height:.72;letter-spacing:-.1em;opacity:.62}
  #nm-method .nmm-cta__inner{position:relative;z-index:2;max-width:1250px;margin:auto;text-align:center}
  #nm-method .nmm-cta .nmm-kicker{margin-bottom:25px;color:#8f5369}
  #nm-method .nmm-cta h2{margin:0;font-size:clamp(50px,6.6vw,120px);font-weight:900;line-height:.83;letter-spacing:-.075em;text-transform:uppercase}
  #nm-method .nmm-cta__inner>p{max-width:720px;margin:30px auto 0;font-size:clamp(17px,1.35vw,22px);font-weight:600;line-height:1.48}
  #nm-method .nmm-cta__buttons{display:flex;justify-content:center;gap:12px;margin-top:38px}
  #nm-method .nmm-button{display:inline-flex;align-items:center;justify-content:center;gap:15px;min-width:190px;padding:17px 22px;border:1px solid var(--ink);font-size:9px;font-weight:900;letter-spacing:.17em;transition:.3s ease}
  #nm-method .nmm-button--primary{background:var(--ink);color:var(--white)}
  #nm-method .nmm-button:hover{background:var(--pink);color:var(--ink);transform:translateY(-3px)}
  #nm-method .nmm-button span{font-size:15px}

  @media(min-width:761px) and (max-height:720px){
    #nm-method .nmm-hero__copy .nmm-kicker{margin-bottom:17px}
    #nm-method .nmm-hero h1{font-size:clamp(58px,8.1vw,118px);line-height:.78}
    #nm-method .nmm-hero__copy p{max-width:720px;margin-top:22px;font-size:clamp(16px,1.25vw,20px)}
    #nm-method .nmm-hero__system{bottom:25px}
    #nm-method .nmm-principle .nmm-kicker,#nm-method .nmm-map__copy .nmm-kicker,#nm-method .nmm-result__copy .nmm-kicker{margin-bottom:16px}
    #nm-method .nmm-principle p,#nm-method .nmm-map h2,#nm-method .nmm-result h2{font-size:clamp(44px,5.7vw,86px)}
    #nm-method .nmm-map .nmm-stage{gap:34px}
    #nm-method .nmm-map__chain{padding:15px 0}
    #nm-method .nmm-panel__inner{padding:54px 0 38px}
    #nm-method .nmm-panel__head h2{font-size:clamp(54px,7vw,101px)}
    #nm-method .nmm-panel__body h3{font-size:clamp(23px,2vw,34px)}
    #nm-method .nmm-panel__body>p{font-size:clamp(15px,1.1vw,18px)}
    #nm-method .nmm-output{margin-top:20px;padding:13px 0}
  }

  @media(max-width:760px){
    #nm-method{min-height:640px;-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior-y:contain}
    #nm-method .nmm-kicker{font-size:7px;line-height:1.4;letter-spacing:.15em}

    #nm-method .nmm-hero .nmm-stage{background-size:32px 32px}
    #nm-method .nmm-ghost{top:52%;font-size:52vw}
    #nm-method .nmm-hero__copy{top:45%;width:calc(100% - 30px)}
    #nm-method .nmm-hero__copy .nmm-kicker{max-width:315px;margin:0 auto 17px}
    #nm-method .nmm-hero h1{font-size:clamp(40px,12.2vw,56px);line-height:.81;letter-spacing:-.072em}
    #nm-method .nmm-hero__copy p{max-width:325px;margin-top:21px;font-size:12.5px;line-height:1.43}
    #nm-method .nmm-hero__system{bottom:22px;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;width:calc(100% - 28px);padding-top:12px;font-size:5.2px;line-height:1.25;letter-spacing:.055em}

    #nm-method .nmm-principle__first,#nm-method .nmm-principle__second{width:calc(100% - 30px)}
    #nm-method .nmm-principle .nmm-kicker{margin-bottom:16px}
    #nm-method .nmm-principle p{font-size:clamp(32px,9.4vw,43px);line-height:.91;letter-spacing:-.062em}
    #nm-method .nmm-principle__second p{font-size:clamp(29px,8.6vw,40px)}
    #nm-method .nmm-principle__line{width:1px}

    #nm-method .nmm-map .nmm-stage{gap:28px;padding:42px 0}
    #nm-method .nmm-map__copy{width:calc(100% - 30px)}
    #nm-method .nmm-map h2{font-size:clamp(32px,9.3vw,43px);line-height:.91;letter-spacing:-.062em}
    #nm-method .nmm-map__chain{display:grid;grid-template-columns:1fr;gap:8px;width:min(78vw,300px);padding:17px 0;font-size:7px;line-height:1.25}
    #nm-method .nmm-map__chain i{display:block;line-height:1;transform:rotate(90deg)}

    #nm-method .nmm-phasebar{top:14px;width:calc(100% - 26px)}
    #nm-method .nmm-phasebar>div{margin-bottom:7px;font-size:6.4px;letter-spacing:.14em}
    #nm-method .nmm-phasebar>i{height:1px}
    #nm-method .nmm-panel__number{right:-.035em;bottom:-.08em;font-size:82vw;opacity:.055}
    #nm-method .nmm-panel__inner{display:flex;flex-direction:column;justify-content:center;gap:clamp(16px,2.7vh,23px);width:calc(100% - 28px);padding:56px 0 24px;text-align:center}
    #nm-method .nmm-panel__head{width:100%}
    #nm-method .nmm-panel__head>span{font-size:6.5px;letter-spacing:.145em}
    #nm-method .nmm-panel__head h2{margin-top:10px;font-size:clamp(35px,10.4vw,47px);line-height:.81;letter-spacing:-.07em}
    #nm-method .nmm-panel--direction .nmm-panel__head h2{font-size:clamp(33px,9.8vw,44px)}
    #nm-method .nmm-panel--execution .nmm-panel__head h2{font-size:clamp(35px,10.4vw,47px);line-height:.81;letter-spacing:-.07em}
    #nm-method .nmm-panel__body{width:100%;max-width:350px;margin:0 auto}
    #nm-method .nmm-panel__body h3{margin-bottom:9px;font-size:clamp(17px,4.8vw,21px);line-height:1.05}
    #nm-method .nmm-panel__body>p{font-size:11.5px;line-height:1.4;letter-spacing:-.012em}
    #nm-method .nmm-output{grid-template-columns:1fr;gap:4px;margin-top:13px;padding:10px 0}
    #nm-method .nmm-output span{font-size:6px}
    #nm-method .nmm-output strong{font-size:10.5px;line-height:1.3}
    #nm-method .nmm-tags{justify-content:center;gap:5px;margin-top:11px}
    #nm-method .nmm-tags li{padding:5px 7px;font-size:6px}

    #nm-method .nmm-result__copy{top:50%;width:calc(100% - 30px)}
    #nm-method .nmm-result__copy .nmm-kicker{margin-bottom:15px}
    #nm-method .nmm-result h2{font-size:clamp(32px,9.5vw,43px);line-height:.89;letter-spacing:-.064em}
    #nm-method .nmm-result__copy p{max-width:325px;margin-top:19px;font-size:12px;line-height:1.43}

    #nm-method .nmm-cta{min-height:var(--nmm-screen,760px);padding:52px 15px}
    #nm-method .nmm-cta__word{font-size:48vw;opacity:.38}
    #nm-method .nmm-cta .nmm-kicker{margin-bottom:15px}
    #nm-method .nmm-cta h2{font-size:clamp(30px,8.9vw,41px);line-height:.9;letter-spacing:-.062em}
    #nm-method .nmm-cta__inner>p{max-width:330px;margin-top:19px;font-size:12px;line-height:1.43}
    #nm-method .nmm-cta__buttons{flex-direction:column;align-items:center;gap:9px;margin-top:25px}
    #nm-method .nmm-button{width:min(100%,305px);min-width:0;padding:14px 16px;font-size:7.5px}
  }

  @media(max-width:380px){
    #nm-method .nmm-hero h1{font-size:clamp(38px,11.7vw,44px)}
    #nm-method .nmm-hero__copy p{max-width:292px;font-size:11.5px}
    #nm-method .nmm-panel__inner{gap:14px;padding-top:50px}
    #nm-method .nmm-panel__head h2{font-size:34px}
    #nm-method .nmm-panel--direction .nmm-panel__head h2{font-size:31px}
    #nm-method .nmm-panel--execution .nmm-panel__head h2{font-size:34px}
    #nm-method .nmm-panel__body>p{font-size:10.8px}
    #nm-method .nmm-tags li{padding:4px 6px}
  }

  @media(max-width:760px) and (max-height:700px){
    #nm-method .nmm-hero__copy{top:44%}
    #nm-method .nmm-hero__copy p{margin-top:16px}
    #nm-method .nmm-hero__system{bottom:15px}
    #nm-method .nmm-panel__inner{gap:13px;padding:46px 0 18px}
    #nm-method .nmm-panel__head h2{font-size:34px}
    #nm-method .nmm-panel--direction .nmm-panel__head h2{font-size:31px}
    #nm-method .nmm-panel--execution .nmm-panel__head h2{font-size:34px}
    #nm-method .nmm-panel__body h3{font-size:17px}
    #nm-method .nmm-panel__body>p{font-size:10.6px;line-height:1.34}
    #nm-method .nmm-tags{margin-top:8px}
    #nm-method .nmm-output{margin-top:9px;padding:8px 0}
  }

  @media(prefers-reduced-motion:reduce){
    #nm-method{height:auto!important;overflow:visible}
    #nm-method .nmm-chapter{height:auto!important}
    #nm-method .nmm-stage{position:relative;height:auto;min-height:720px}
    #nm-method .nmm-hero__copy,#nm-method .nmm-principle__first,#nm-method .nmm-principle__second,#nm-method .nmm-result__copy{position:relative;left:auto;top:auto;width:90%;margin:auto;padding:110px 0;opacity:1;transform:none}
    #nm-method .nmm-principle__second{padding-top:0}
    #nm-method .nmm-principle__line,#nm-method .nmm-hero__system{display:none}
    #nm-method .nmm-map .nmm-stage{min-height:720px}
    #nm-method .nmm-map__copy,#nm-method .nmm-map__chain{opacity:1;transform:none}
    #nm-method .nmm-phases .nmm-stage{height:auto}
    #nm-method .nmm-phasebar{display:none}
    #nm-method .nmm-panel{position:relative;min-height:720px;clip-path:none!important}
    #nm-method .nmm-panel__inner{opacity:1!important;transform:none!important}
  }

/* Los acentos ganan aire sin alterar la tipografía del resto del método. */
#nm-method .nmm-result h2{
  padding:.2em 0 .06em;
  font-family:Arial,Helvetica,sans-serif;
  font-size:clamp(52px,6.3vw,128px);
  font-weight:900;
  line-height:.9;
  letter-spacing:-.075em;
}
#nm-method .nmm-result__copy{width:min(92vw,1760px)}
#nm-method .nmm-result h2 span{display:block}
@media(min-width:761px){
  #nm-method .nmm-result h2 span{white-space:nowrap}
}
@media(max-width:760px){
  #nm-method .nmm-result h2{font-size:clamp(32px,9.5vw,43px);line-height:.96;letter-spacing:-.064em}
}