/* ============================================================
   VENTURA · services.css — S1 ZIGZAG ACORDEÓN (6 unidades) +
   HOW WE WORK al punto medio + estándar de la casa
   ============================================================ */

/* ============ S-③ · UNIDADES ZIGZAG ============ */
.srv-body{background:var(--champagne)}
.s-unit{
  position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;
  gap:clamp(2rem,4.5vw,4.5rem);align-items:start;
  padding-block:clamp(2.6rem,4vw,3.8rem);
  border-top:1px solid rgba(128,137,142,.26);
  scroll-margin-top:104px;
}
.s-unit:first-of-type{border-top:0;padding-top:.5rem}
.s-unit:nth-of-type(even) .u-media{order:2}
.s-unit:nth-of-type(even) .u-copy{order:1}
.u-media{
  position:relative;border-radius:16px;overflow:hidden;
  background:var(--ink);box-shadow:0 20px 48px rgba(29,33,38,.17);
}
.u-media img{width:100%;height:100%;object-fit:cover;display:block}
.u-media .u-tag{
  position:absolute;left:14px;bottom:14px;z-index:2;
  font:700 .62rem/1 var(--f-ui);letter-spacing:.16em;text-transform:uppercase;
  color:var(--t-on-dark);background:rgba(20,23,26,.6);border-radius:999px;padding:.45rem .7rem;
}
.u-copy{position:relative;padding-top:.4rem}
.u-ghost{
  position:absolute;right:0;top:-1.2rem;pointer-events:none;user-select:none;
  font-family:var(--f-display);font-weight:900;line-height:1;
  font-size:clamp(4.5rem,8vw,8rem);color:transparent;
  -webkit-text-stroke:1px rgba(128,137,142,.25);
}
.u-head{display:flex;align-items:center;gap:1rem;margin-bottom:.9rem}
.u-ic{
  flex:0 0 auto;width:52px;height:52px;border-radius:14px;
  border:1px solid rgba(130,92,44,.35);color:var(--bronze);
  display:flex;align-items:center;justify-content:center;background:rgba(233,239,243,.6);
}
.u-ic svg{width:30px;height:30px}
.u-copy h3{font-family:var(--f-display);font-weight:800;text-transform:uppercase;letter-spacing:.03em;font-size:clamp(1.4rem,2.2vw,2rem);line-height:1.05;color:var(--t-on-light)}
.u-pitch{margin-bottom:1.1rem;max-width:48ch;color:var(--t-on-light-muted)}
.u-cta{margin-top:1.2rem}

/* ============ DIVISOR · HOW WE WORK (0720-a9, al punto medio) ============ */
.how{
  position:relative;background:var(--ink);color:var(--t-on-dark);overflow:clip;
  padding-block:clamp(4.5rem,7vw,7rem);
}
.how-head{position:relative;z-index:2;text-align:center;margin-bottom:clamp(2.6rem,5vh,4rem)}
.how-head h2{font-size:clamp(2.1rem,4.2vw,4.2rem);color:var(--t-on-dark)}
.how-head .kicker{justify-content:center;margin-bottom:1rem}
.how-steps{
  position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);
  gap:clamp(1.2rem,2.5vw,2.5rem);max-width:1180px;margin-inline:auto;
}
.how-arrows{position:absolute;inset:0;z-index:1;pointer-events:none;color:rgba(217,181,118,.55)}
.how-arrows path{fill:none;stroke:currentColor;stroke-width:1.6;stroke-dasharray:5 6}
.step{position:relative;text-align:center;padding:0 .4rem}
.step-n{
  display:inline-flex;align-items:center;justify-content:center;
  width:58px;height:58px;border-radius:50%;margin-bottom:1rem;
  font-family:var(--f-display);font-weight:900;font-size:1.15rem;
  border:1px solid rgba(217,181,118,.55);color:var(--gold);
}
.step:nth-child(odd) .step-n{background:var(--gold);color:var(--ink);border-color:var(--gold)}
.step h3{font-family:var(--f-display);font-weight:700;font-size:1.12rem;letter-spacing:.05em;text-transform:uppercase;color:var(--t-on-dark)}
.step p{margin-top:.35rem;font-size:.88rem;line-height:1.5;color:var(--t-on-dark-muted)}
.how-ghost{left:-2%;bottom:-10%;font-size:clamp(8rem,15vw,15rem)}

/* ============ ESTÁNDAR DE LA CASA (etapa penúltima, 0720-a6) ============ */
.std{background:var(--paper)}
.std-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.5rem,3vw,3rem)}
.std-item{
  position:relative;border:1px solid rgba(128,137,142,.3);border-radius:16px;
  padding:1.6rem 1.5rem;background:var(--champagne);
}
.std-item .n{
  position:absolute;right:1rem;top:.8rem;
  font-family:var(--f-display);font-weight:900;font-size:1.9rem;line-height:1;
  color:transparent;-webkit-text-stroke:1px rgba(130,92,44,.4);
}
.std-item h3{font-family:var(--f-display);font-weight:700;font-size:1.18rem;letter-spacing:.045em;text-transform:uppercase;color:var(--t-on-light);max-width:16ch}
.std-item p{margin-top:.4rem;font-size:.92rem;line-height:1.55;color:var(--t-on-light-muted)}
.std-ghost{right:0;top:-8%;font-size:clamp(6rem,11vw,11rem)}

/* ============ MOBILE ============ */
@media (max-width:900px){
  .s-unit{grid-template-columns:1fr}
  .s-unit:nth-of-type(even) .u-media{order:0}
  .s-unit:nth-of-type(even) .u-copy{order:1}
  .u-media{max-width:560px;aspect-ratio:4/3}
  .how-steps{grid-template-columns:1fr 1fr;row-gap:2.2rem}
  .how-arrows{display:none}
  .std-grid{grid-template-columns:1fr}
}