.macal-custom-slider .swiper-slide-inner {
  margin: 0;
}

.macal-custom-slider .swiper-slide-image {
  width: 100%;
  height: auto;
  display: block;
}

/* Flechas (Swiper ya posiciona .swiper-button-next/prev, esto solo ajusta look) */
.macal-custom-slider .swiper-button-prev,
.macal-custom-slider .swiper-button-next {
  width: 44px;
  height: 44px;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.45);
  color: #fff;
}

.macal-custom-slider .swiper-button-prev svg,
.macal-custom-slider .swiper-button-next svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
}
/* Quita las flechas nativas de Swiper (las del :after) */
.macal-custom-slider .swiper-button-prev::after,
.macal-custom-slider .swiper-button-next::after{
  content: none !important;
  display: none !important;
}

/* (Opcional) centra y asegura que solo se vea tu icono */
.macal-custom-slider .macal-arrow-icon{
  width: 100%;
  height: 100%;
  display:flex;
  align-items:center;
  justify-content:center;
}