/* Mobile services: compact rhythm and a light entrance, without changing scroll flow. */
@media (max-width: 760px) {
  #servicios { padding-block: 50px !important; }
  #servicios .services-track { gap: 12px !important; }
  #servicios .service-card { min-height: 0 !important; overflow: hidden; }
  #servicios .service-card > img,
  #servicios .service-photo-meta { aspect-ratio: 1.72 / 1 !important; }
  #servicios .service-card-copy { padding: 16px !important; }
  #servicios .service-title-row { margin: 6px 0 10px !important; }
  #servicios .service-title-row .service-icon { width: 72px !important; max-width: 72px !important; }
  #servicios .service-title-row h3 { font-size: 20px !important; }
  #servicios .service-card-copy > p { margin-bottom: 10px !important; font-size: 12px !important; }
  #servicios .service-card-copy > ul { padding-top: 9px !important; gap: 5px !important; }
  #servicios .service-card-copy > ul > li { min-height: 64px !important; font-size: 11px !important; }
}

@media (max-width: 760px) and (prefers-reduced-motion: no-preference) {
  #servicios .service-card.service-scroll-in {
    opacity: 0;
    transform: translateY(18px);
    transition: opacity 420ms cubic-bezier(.23, 1, .32, 1), transform 420ms cubic-bezier(.23, 1, .32, 1) !important;
  }
  #servicios .service-card.service-scroll-in.is-service-visible { opacity: 1; transform: none; }
}