/* Redondear bordes del carrusel */
.carousel-inner {
    border-radius: 10px;
    overflow: hidden;
}

/* Restaurar flechas originales, solo quitando la sombra gris */
.carousel-control-prev,
.carousel-control-next {
    width: 5%;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    background-color: #FFFFFF;
    background-size: 100%, 100%;
    width: 2rem;
    height: 2rem;
}

/* Quitar el fondo gris oscuro */
.carousel-control-prev,
.carousel-control-next {
    background-image: none;
}

/* Personalizar indicadores (puntos abajo) */
.carousel-indicators [data-bs-target] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #fff; /* puntos inactivos */
    opacity: 1;
    border: none;
    margin: 20px 6px;
}

.carousel-indicators .active {
    background-color: #DA291C; /* punto activo rojo */
}


@media (max-width: 768px) {
    .carousel-control-prev, .carousel-control-next{
        width: 10%;
    }
}