/* Estilos personalizados para las flechas del carrusel */

.mi-template-carousel .swiper-button-next,
.mi-template-carousel .swiper-button-prev {
    width: 45px;
    height: 45px;
    background-color: #fcc219; /* Tu color naranja/amarillo */
    border-radius: 50%; /* Para hacerlo circular */
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* Ajusta el icono de la flecha (el >) para que sea oscuro y más pequeño */
.mi-template-carousel .swiper-button-next::after,
.mi-template-carousel .swiper-button-prev::after {
    color: #000000; /* Color negro para el icono de la flecha */
    font-size: 18px; /* Tamaño del icono */
    font-weight: bold;
}