/* AJUSTES GENERALES */

/* oculta flechas */
.carousel-base .ui-carousel-next-button,
.carousel-base .ui-carousel-prev-button {
    display: none !important;
}

.carousel-base .ui-carousel-viewport{
    border: 0 !important;
}

.carousel-base .ui-carousel-viewport .ui-carousel-items .ui-carousel-item {
    margin: 0 !important;
    border: 0 !important;
}

/* encabezado */
.carousel-base .ui-carousel-header {
    display: flex;
    padding: 0 !important;
    border: none !important;
}

/* img */
.carousel-img {
    width: 100%;
    object-fit: scale-down;
}

/* contenedor puntitos */

.carousel-base .ui-carousel-page-links {
    width: 100%;
    height: 100%;
    display: flex !important;
    justify-content: center;
    align-items: end;
    position: absolute !important;
    padding-bottom: 3rem;
    z-index: 1;
}

@media (max-width: 1440px) {
    .carousel-base .ui-carousel-page-links {
        padding-bottom: 2rem;
    }
}

@media (max-width: 1024px) {
    .carousel-base .ui-carousel-page-links {
        padding-bottom: 1.5rem;
    }
}

/* elemento puntito */
.carousel-base .ui-carousel-page-links .ui-carousel-page-link{
    font-size: 1.75rem !important;
}

/* AJUSTES ESPECIFICOS */

/* elemento puntito */
.carousel-orange .ui-carousel-page-links .ui-carousel-page-link {
    color: var(--color-orange) !important;
}

.carousel-lightblue .ui-carousel-page-links .ui-carousel-page-link {
    color: var(--color-lightblue) !important;
}