.elementor-3099 .elementor-element.elementor-element-553d664{--display:flex;--background-transition:0.3s;}.elementor-3099 .elementor-element.elementor-element-305ea2c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-3099 .elementor-element.elementor-element-a432e62{--display:flex;--background-transition:0.3s;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-3099 .elementor-element.elementor-element-a8f46c5{--display:flex;--background-transition:0.3s;}.elementor-3099 .elementor-element.elementor-element-bf639ce{--display:flex;--background-transition:0.3s;}.elementor-3099 .elementor-element.elementor-element-19fa0d4{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-swiper-slides-gap:0px;--e-n-carousel-swiper-pagination-size:14px;--e-n-carousel-dots-normal-color:#33A5CA;--e-n-carousel-dots-hover-color:#68CFEC;--e-n-carousel-swiper-pagination-spacing:2px;}@media(max-width:1024px){.elementor-3099 .elementor-element.elementor-element-19fa0d4{--e-n-carousel-swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-3099 .elementor-element.elementor-element-19fa0d4{--e-n-carousel-swiper-slides-to-display:1;}}/* Start custom CSS for nested-carousel, class: .elementor-element-19fa0d4 *//* Estilo base para los puntos de paginación */
.elementor-3099 .elementor-element.elementor-element-19fa0d4 .swiper-pagination-bullets.swiper-pagination-horizontal {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px; /* Espacio entre puntos */
}

/* Estilo de los puntos inactivos */
.elementor-3099 .elementor-element.elementor-element-19fa0d4 .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background-color: #E1F2FB; /* Un azul muy pálido para el fondo */
    opacity: 1;
    border-radius: 10px;
    transition: all 0.3s ease-in-out;
}

/* Efecto HOVER: se agrandan y cambian ligeramente de tono */
.elementor-3099 .elementor-element.elementor-element-19fa0d4 .swiper-pagination-bullet:hover {
    transform: scale(1.3);
    background-color: #BDE4F7; /* Azul intermedio */
}

/* Estilo del punto ACTIVO (la línea tipo pill) */
.elementor-3099 .elementor-element.elementor-element-19fa0d4 .swiper-pagination-bullet-active {
    width: 30px; /* Ancho de la línea */
    background-color: #97D5F3; /* Tu color principal */
    border-radius: 10px;
}/* End custom CSS */