/* bloque «Antes y después» (entre las soluciones y «Así de simple») */
.antes .wrap{display:grid;gap:clamp(22px,3.4vw,40px)}
.antes h2 .serif{color:var(--lima)}
.antes__par{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(14px,3vw,22px);align-items:center;justify-items:center}
.antes__fig{position:relative;margin:0;width:100%;max-width:440px;border-radius:calc(var(--r) + 6px);overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.45),inset 0 0 0 1px rgba(181,242,61,.18)}
.antes__fig img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}
.antes__fig figcaption{position:absolute;left:50%;top:7.6%;transform:translate(-50%,-50%);z-index:2;white-space:nowrap;padding:.38em .9em;border-radius:999px;font:700 .72rem var(--mono);letter-spacing:.14em;text-transform:uppercase;background:rgba(5,10,7,.78);color:#fff;border:1px solid rgba(255,255,255,.35)}
.antes__fig--d figcaption{background:var(--lima);color:#0b1410;border-color:var(--lima)}
.antes__flecha{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--lima);color:#0b1410;font:800 1.5rem/1 var(--sans);box-shadow:0 10px 28px rgba(181,242,61,.35)}
.antes__flecha::before{content:"\2193"}
.antes__cierre{display:grid;justify-items:center;gap:16px;text-align:center}
.antes__cierre p{font-size:clamp(1.05rem,2.2vw,1.3rem);max-width:34ch}
@media (min-width:760px){
  .antes__par{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
  .antes__fig{max-width:none}
  .antes__flecha::before{content:"\2192"}
}