/* ══════════════════════════════════════════════════════════════
   PLANES EN CARRUSEL — solo celular
   En vertical las tres tarjetas obligaban a un scroll muy largo.
   Acá pasan a una pista horizontal con scroll-snap, el mismo
   patrón que ya usan Trabajos y Reseñas.
   ══════════════════════════════════════════════════════════════ */
@media(max-width:760px){
  .plans-grid{
    display:flex;
    grid-template-columns:none;
    max-width:none;
    gap:16px;
    overflow-x:auto;
    overscroll-behavior-x:contain;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    /* se sale del contenedor para que la tarjeta siguiente asome */
    margin-inline:-22px;
    padding:6px 22px 20px;
  }
  .plans-grid::-webkit-scrollbar{display:none}

  .plans-grid > .plan{
    flex:0 0 86%;
    scroll-snap-align:center;
    margin:0;
  }
  /* la recomendada arranca centrada en pantalla */
  .plans-grid > .plan--feat{scroll-snap-align:center}

  /* pista de que hay más al costado */
  .plans-grid::after{
    content:'';
    flex:0 0 2px;
  }
}

/* el movimiento reducido no desactiva el carrusel, solo el deslizamiento suave */
@media(prefers-reduced-motion:reduce){
  .plans-grid{scroll-behavior:auto}
}