/* Wider desktop canvas: the Método PREPARA should occupy the page, not a narrow centered column. */
@media(min-width:1100px){
  .method-wrap,.method-header,.method-marquee{
    width:var(--page-shell-width);
    max-width:none;
    margin-left:var(--page-gutter);
    margin-right:var(--page-gutter-end);
  }
  .method-hero__grid{grid-template-columns:minmax(0,.94fr) minmax(560px,1.06fr);gap:clamp(82px,9vw,185px)}
  .method-hero__copy{padding-left:clamp(12px,2vw,42px)}
  .method-hero__system{transform:scale(1.08);transform-origin:center}
  .method-hero__copy>p{max-width:540px}
  .method-marquee{justify-content:flex-start;padding-left:clamp(12px,2vw,42px);gap:clamp(28px,3vw,52px)}
  .method-intro{grid-template-columns:minmax(260px,.7fr) minmax(0,1.7fr);gap:clamp(90px,12vw,210px)}
  .method-section-heading{grid-template-columns:minmax(260px,.75fr) minmax(460px,1.25fr);gap:clamp(90px,12vw,200px)}
  .cycle-layout{grid-template-columns:minmax(380px,.85fr) minmax(600px,1.15fr);gap:clamp(70px,8vw,150px)}
  .method-application{grid-template-columns:minmax(0,1.25fr) minmax(380px,.75fr);gap:clamp(90px,12vw,210px)}
}

/* Active state without moving the navigation grid. */
.cycle-step,.cycle-step.is-active,.cycle-step:hover{padding-left:18px}
.cycle-step.is-active{box-shadow:inset 3px 0 0 var(--method-orange)}
.cycle-step{position:relative;transition:transform .25s cubic-bezier(.2,.8,.2,1),background .25s ease,box-shadow .25s ease,color .25s ease}
.cycle-step:not(.is-active):hover{z-index:2;transform:translateY(-4px);background:#fff5ef;color:var(--method-ink);box-shadow:0 10px 22px rgba(31,41,55,.08)}
.cycle-step:not(.is-active):hover b{color:var(--method-orange)}
.cycle-step.is-active:hover{z-index:2;transform:translateY(-2px);box-shadow:inset 3px 0 0 var(--method-orange),0 10px 22px rgba(31,41,55,.07)}
@media(prefers-reduced-motion:reduce){.cycle-step{transition:none}.cycle-step:hover{transform:none!important}}
.method-chain .chain-summary{max-width:720px;margin:0;color:#c4cfdd;font-size:clamp(18px,1.7vw,25px);line-height:1.45;border-left:2px solid var(--method-orange);padding-left:20px}
@media(min-width:1100px){.method-intro{grid-template-columns:minmax(470px,.84fr) minmax(110px,.32fr) minmax(350px,.66fr);gap:clamp(50px,5vw,100px)}.method-intro>p{grid-column:3;max-width:520px}}

/* Keep Método PREPARA aligned with the horizontal rhythm of the home. */
:root{--method-scrollbar-width:calc(100vw - 100%)}
@media(min-width:1200px){
  .method-wrap,.method-header,.method-marquee{
    width:var(--page-shell-width);
    margin-left:var(--page-gutter);
    margin-right:var(--page-gutter-end);
  }
}
@media(min-width:851px) and (max-width:1199px){
  .method-wrap,.method-header,.method-marquee{
    width:var(--page-shell-width);
    margin-left:var(--page-gutter);
    margin-right:var(--page-gutter-end);
  }
}
/* Método PREPARA hero: prevent orbit clipping and switch layout before compression. */
@media(min-width:1251px){
  .method-hero__grid{grid-template-columns:minmax(0,1.08fr) minmax(520px,.92fr);gap:clamp(56px,6vw,112px)}
  .method-hero__system{transform:none;min-width:0}
  .system-node--one{left:5%}.system-node--two{right:2%}.system-node--three{right:3%}.system-node--four{left:3%}
}
@media(min-width:851px) and (max-width:1250px){
  .method-hero{padding:66px 0 18px}
  .method-hero__grid{display:block;min-height:0}
  .method-hero__copy{max-width:720px}
  .method-hero__system{width:min(100%,680px);height:430px;margin:26px auto 0;transform:none}
  .system-node--one{left:4%}.system-node--two{right:4%}.system-node--three{right:5%}.system-node--four{left:5%}
}
@media(max-width:600px){
  .method-hero__system{height:340px;transform:none}
  .system-orbit--one{width:250px;height:250px}.system-orbit--two{width:320px;height:205px}.system-orbit--three{width:200px;height:290px}
  .system-core{width:142px;height:142px}.system-core strong{font-size:18px}
  .system-node{font-size:10px}.system-node--one{left:2%;top:27%}.system-node--two{right:2%;top:27%}.system-node--three{right:2%;bottom:20%}.system-node--four{left:2%;bottom:20%}
}
/* Keep the right-side cycle labels comfortably inside the diagram. */
@media(min-width:601px){
  .method-hero__system .system-node--two{right:10%;top:20%}
  .method-hero__system .system-node--three{right:10%;bottom:15%}
}
/* Reuse the home method-map containment model in the Método PREPARA hero. */
.method-hero__system{width:min(100%,560px);height:410px;margin-left:auto;margin-right:auto}
.method-hero__system .system-kicker{left:8%;top:28px}
.method-hero__system .system-node--one{left:2%;top:29%}
.method-hero__system .system-node--two{right:5%;top:22%}
.method-hero__system .system-node--three{right:5%;bottom:16%}
.method-hero__system .system-node--four{left:2%;bottom:16%}
@media(min-width:851px) and (max-width:1250px){.method-hero__system{width:min(100%,560px);height:410px}}
@media(max-width:600px){.method-hero__system{width:100%;height:350px}.method-hero__system .system-kicker{left:6%;top:22px}.method-hero__system .system-node--one{left:1%;top:27%}.method-hero__system .system-node--two{right:2%;top:20%}.method-hero__system .system-node--three{right:2%;bottom:17%}.method-hero__system .system-node--four{left:1%;bottom:17%}}