/* Catapaz · reserva.css — estructura de la sección #reservar (cada marca la viste en su marca.css).
   Bloque ancho con fondo suave de la marca: texto + 3 pasos a la izquierda, tarjeta #agenda-saas a la derecha
   (debajo del texto en móvil). La tarjeta queda VACÍA para integrar el sistema de agenda de Catapaz. */
html{scroll-behavior:smooth}
#reservar{scroll-margin-top:var(--reserva-offset,80px);outline:none}
.reserva-bloque{display:grid;gap:28px;align-items:center}
.reserva-pasos{list-style:none;margin:0;padding:0;display:grid;gap:12px;counter-reset:paso}
.reserva-pasos li{display:flex;align-items:center;gap:12px;counter-increment:paso}
.reserva-pasos li::before{content:counter(paso);flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%}
#agenda-saas{min-height:420px;width:100%}
.reserva-alt{margin:12px 0 0;text-align:center;font-size:.9rem}
@media(min-width:900px){.reserva-bloque{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}