/* Personalización de flechas Swiper para Guapas */
.swiper-button-next, .swiper-button-prev, .navigation-next-slider, .navigation-prev-slider {
  color: var(--main) !important; /* negro */
  background: var(--pink, #ec749d) !important; /* rosado */
  border-radius: 50%;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
  opacity: 0.95;
  transition: background 0.2s, color 0.2s;
}
.swiper-button-next:hover, .swiper-button-prev:hover, .navigation-next-slider:hover, .navigation-prev-slider:hover {
  background: var(--main) !important; /* negro */
  color: var(--pink, #ec749d) !important; /* rosado */
  opacity: 1;
}
.swiper-button-next:after, .swiper-button-prev:after, .navigation-next-slider:after, .navigation-prev-slider:after {
  font-size: 22px;
}