/*
  Carrusel de Servicios (Home) — mobile: centra la card activa.
  Con scroll-snap-align:center y un padding lateral en .services_list igual al
  espacio que deja libre la card (10vw a cada lado, con card de 80vw), la card
  que queda "activa" al hacer swipe siempre cae al centro del viewport, con las
  cards vecinas asomando a los costados.
*/
@media screen and (max-width: 479px) {
  .services_list {
    padding-left: 10vw;
    padding-right: 10vw;
    scroll-padding-inline: 10vw;
  }

  .services_item {
    flex: 0 0 80vw;
    width: 80vw;
    scroll-snap-align: center;
  }
}

/* Flechas prev/next del carrusel: fondo azul de marca, ícono en blanco */
.services_arrow {
  background-color: #01273d;
  border-color: #01273d;
  color: #ffffff;
}