/* El formulario de la propuesta en tres pasos (Dil, 10-nov-2026): tres tarjetas apiladas en el mismo sitio que se voltean como una
   carta (opción C, girando hacia el otro lado). La caja mide lo que la tarjeta más alta, así que la página no salta al cambiar de paso. */
.form.con-pasos{background:none;border:0;box-shadow:none;padding:0;display:grid;perspective:1400px;gap:0}
.con-pasos .paso{grid-area:1/1;display:flex;flex-direction:column;gap:20px;background:var(--surface);border:1px solid var(--line);
  border-radius:20px;box-shadow:var(--shadow);padding:30px 34px 28px;backface-visibility:hidden;-webkit-backface-visibility:hidden;
  transform-style:preserve-3d;transition:transform 640ms cubic-bezier(0.77,0,0.175,1),visibility 0s linear 640ms}
.con-pasos .paso.ahora{transition:transform 640ms cubic-bezier(0.77,0,0.175,1),visibility 0s}
.con-pasos .paso:not(.ahora){visibility:hidden}
.paso-cab{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:-4px}
.paso-num{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--blue)}
.paso-tit{font-family:'Fraunces',serif;font-weight:600;font-size:22px;line-height:1.15;letter-spacing:-.01em;margin:2px 0 0;color:var(--text)}
.paso-pts{display:flex;gap:6px;flex-shrink:0}
.paso-pts i{width:8px;height:8px;border-radius:999px;background:var(--line);transition:width .3s,background .3s}
.paso-pts i.on{width:22px;background:var(--blue)}
.paso-pie{display:flex;align-items:center;gap:12px;margin-top:4px}
.paso-pie .send{flex:1}
.paso-atras{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 20px;border-radius:12px;font:inherit;
  font-size:15px;font-weight:600;border:1px solid var(--line);background:transparent;color:var(--text);cursor:pointer}
.paso-atras:hover{border-color:var(--text)}
.paso-atras:focus-visible,.paso-sig:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
@media(max-width:860px){.con-pasos .paso{padding:24px 20px 22px;gap:18px}.paso-tit{font-size:20px}.paso-atras{padding:0 16px}}
/* con «reducir movimiento», un fundido corto en vez del volteo */
@media(prefers-reduced-motion:reduce){
  .con-pasos .paso{transform:none!important;transition:opacity 180ms ease,visibility 0s linear 180ms;opacity:0}
  .con-pasos .paso.ahora{opacity:1;transition:opacity 180ms ease,visibility 0s}
}