/* Interacción real del carrusel; no cambia sus dimensiones ni su estilo. */
.hero-carousel {
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
}

.hero-carousel.dragging {
  cursor: grabbing;
}

.carousel-track {
  will-change: transform;
}

.hero-carousel.dragging .carousel-track {
  transition: none;
}

.carousel-track img {
  pointer-events: none;
  -webkit-user-drag: none;
}

@media (max-width: 850px) {
  .benefits {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    overflow: visible;
  }

  .benefits article {
    min-width: 0;
  }

  .benefits article:last-child {
    grid-column: 1 / -1 !important;
    justify-content: center;
  }
}

@media (max-width: 380px) {
  .benefits article {
    gap: 7px;
    padding-inline: 6px;
  }

  .benefits b {
    font-size: .72rem;
  }

  .benefits span {
    font-size: .66rem;
  }
}