/* methodology.css — estilos para la sección "methodology" */
  /* ---------- METODOLOGÍA ---------- */
  .method{background:var(--paper);position:relative}
  .method-head{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:end;margin-bottom:64px}
  .method-head p{font-size:17px;color:var(--ink-2);max-width:50ch;line-height:1.6}
  .method-steps{
    display:grid;grid-template-columns:repeat(4,1fr);gap:0;
    background:#fff;border:1px solid var(--line-soft);border-radius:var(--rad);overflow:hidden;
    position:relative;
  }
  .step{
    padding:36px 32px 32px;display:flex;flex-direction:column;gap:14px;
    border-right:1px solid var(--line-soft);position:relative;min-height:240px;
  }
  .step:last-child{border-right:0}
  .step-num{
    font-family:"IBM Plex Mono",monospace;font-size:11px;color:var(--ink-3);
    letter-spacing:.16em;
  }
  .step-arrow{
    position:absolute;right:-12px;top:50px;width:24px;height:24px;
    background:var(--blue);color:#fff;border-radius:50%;
    display:flex;align-items:center;justify-content:center;font-size:14px;z-index:2;
    box-shadow:0 0 0 4px var(--paper);
  }
  .step:last-child .step-arrow{display:none}
  .step h3{font-size:19px;letter-spacing:-.01em}
  .step p{font-size:14px;color:var(--ink-2);line-height:1.55}
  .step-bar{
    height:3px;width:32px;background:linear-gradient(90deg,var(--blue),var(--cyan));
    border-radius:2px;margin-bottom:4px;
  }
  @media (max-width:1000px){.method-steps{grid-template-columns:repeat(2,1fr)} .step:nth-child(2){border-right:0} .step:nth-child(-n+2){border-bottom:1px solid var(--line-soft)}}
  @media (max-width:600px){.method-steps{grid-template-columns:1fr} .step{border-right:0;border-bottom:1px solid var(--line-soft)} .step:last-child{border-bottom:0} .step-arrow{display:none!important}}