/* PRINTGATS · proceso compacto: cuatro pasos visibles y una sola demostración final. */
.process-page .process-hero{
  min-height:720px;
  grid-template-columns:minmax(0,1fr) minmax(330px,.72fr);
  gap:clamp(38px,6vw,92px);
  padding:calc(var(--header-height) + 42px) var(--gutter) 122px;
}
.process-page .process-hero__copy{max-width:720px}
.process-page .process-hero__copy h1{
  max-width:10ch;
  margin:1.35rem 0 1.25rem;
  font-size:clamp(4.1rem,7.1vw,7.8rem);
  line-height:.82;
}
.process-page .process-hero__lead{max-width:43ch;font-size:clamp(1rem,1.25vw,1.18rem)}
.process-page .process-hero__actions{margin-top:1.55rem}
.process-page .process-hero__media{width:min(100%,490px)}
.process-page .process-hero__frame{height:min(58svh,570px);min-height:420px}
.process-page .process-hero__frame img{object-fit:contain;background:#d8d2c7;scale:1}
.process-page .process-hero__index{bottom:1.45rem}

.process-page .process-method{
  display:block;
  padding:clamp(72px,8vw,112px) var(--gutter);
}
.process-page .process-method__heading{
  position:relative;
  top:auto;
  display:grid;
  grid-template-columns:minmax(150px,.34fr) minmax(0,1fr) minmax(250px,.48fr);
  gap:clamp(24px,4.5vw,72px);
  align-items:end;
  margin-bottom:clamp(38px,5vw,64px);
  padding-bottom:24px;
  border-bottom:1px solid var(--process-line);
}
.process-page .process-method__heading .process-kicker{align-self:start}
.process-page .process-method__heading h2{
  max-width:10ch;
  margin:0;
  font-size:clamp(3.8rem,5.9vw,7rem);
  line-height:.84;
}
.process-page .process-method__heading>p:last-child{max-width:34ch;margin:0;color:#5f5a52}
.process-page .process-method__list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  border:0;
}
.process-page .process-step{
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  grid-template-rows:190px auto;
  gap:24px 14px;
  align-items:start;
  min-height:0;
  padding:22px;
  border:1px solid var(--process-line);
  border-radius:16px;
  background:var(--process-paper);
  transition:transform .55s cubic-bezier(.2,.8,.2,1),box-shadow .55s ease,border-color .3s;
}
.process-page .process-step:hover,.process-page .process-step.is-active{border-color:rgba(23,23,21,.28);box-shadow:0 20px 46px rgba(52,42,30,.09);transform:translateY(-5px)}
.process-page .process-step__media{
  grid-column:1/-1;
  grid-row:1;
  width:100%;
  height:190px;
  margin:0;
  aspect-ratio:auto;
  border-radius:11px;
  transform:none!important;
}
.process-page .process-step__media img{object-position:center 48%}
.process-page .process-step__media--wide img{object-position:center 52%}
.process-page .process-step__number{grid-column:1;grid-row:2;display:block;align-self:start;padding-top:3px}
.process-page .process-step__number i{display:none}
.process-page .process-step__copy{grid-column:2;grid-row:2}
.process-page .process-step__verb{margin:0 0 .65rem;font-size:.64rem}
.process-page .process-step__copy h3{max-width:16ch;margin:0 0 .75rem;font-size:clamp(2rem,3vw,3.35rem);line-height:.92}
.process-page .process-step__copy>p:last-child{max-width:45ch;font-size:.95rem;line-height:1.5}
.process-page .process-start-card{margin-top:22px;padding:24px 28px;border-radius:14px}
.process-page .process-scroll-reel{height:175svh}
.process-page .process-scroll-reel__copy{top:clamp(6rem,11vh,7.5rem)}
.process-page .process-scroll-reel__copy h2{font-size:clamp(3.8rem,7.2vw,8.2rem)}

@media(max-width:900px){
  .process-page .process-hero{min-height:0;grid-template-columns:1fr;padding-top:calc(var(--header-height) + 42px);padding-bottom:40px}
  .process-page .process-hero__copy h1{font-size:clamp(4rem,15vw,7rem)}
  .process-page .process-hero__media{justify-self:stretch;width:100%}
  .process-page .process-hero__frame{height:min(54svh,560px);min-height:390px}
  .process-page .process-hero__index{position:relative;right:auto;bottom:auto;left:auto;grid-column:1;grid-template-columns:repeat(4,1fr);margin-top:4px}
  .process-page .process-method__heading{grid-template-columns:1fr;gap:20px}
  .process-page .process-method__heading h2{font-size:clamp(3.7rem,12vw,6.3rem)}
  .process-page .process-method__list{grid-template-columns:1fr 1fr}
  .process-page .process-step{grid-template-rows:170px auto;padding:18px}
  .process-page .process-step__media{height:170px}
}
@media(max-width:700px){
  .process-page .process-hero{gap:30px}
  .process-page .process-hero__index{grid-template-columns:1fr 1fr}
  .process-page .process-method{padding-top:64px;padding-bottom:64px}
  .process-page .process-method__list{grid-template-columns:1fr}
  .process-page .process-step{grid-template-columns:38px minmax(0,1fr);grid-template-rows:180px auto;padding:17px}
  .process-page .process-step__media{grid-column:1/-1;grid-row:1;width:100%;height:180px;margin:0}
  .process-page .process-step__number{grid-column:1;grid-row:2}
  .process-page .process-step__copy{grid-column:2;grid-row:2}
  .process-page .process-step__copy h3{font-size:clamp(2.15rem,10vw,3.5rem)}
  .process-page .process-scroll-reel{height:160svh}
  .process-page .process-scroll-reel__copy h2{font-size:clamp(3.4rem,15vw,5.6rem)}
}
@media(prefers-reduced-motion:reduce){
  .process-page .process-step:hover,.process-page .process-step.is-active{transform:none}
}