.elementor-9620 .elementor-element.elementor-element-089f0e3{--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;--padding-top:0px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-9620 .elementor-element.elementor-element-6d13a3b{padding:0px 0px 16px 0px;text-align:left;}.elementor-9620 .elementor-element.elementor-element-6d13a3b .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:24px;font-weight:800;color:var( --e-global-color-a1ab1db );}.elementor-9620 .elementor-element.elementor-element-2984265{--swiper-slides-to-display:3;--swiper-slides-gap:10px;--swiper-pagination-size:14px;--dots-normal-color:var( --e-global-color-primary );--dots-horizontal-position:50%;--dots-horizontal-transform:-50%;--dots-horizontal-offset:0px;--dots-vertical-position:100%;--dots-vertical-transform:-100%;--dots-vertical-offset:12px;--swiper-pagination-spacing:20px;}.elementor-9620 .elementor-element.elementor-element-2984265 .swiper-slide > .elementor-element{height:100%;}@media(max-width:1366px){.elementor-9620 .elementor-element.elementor-element-2984265{--swiper-slides-to-display:3;}}@media(max-width:1024px){.elementor-9620 .elementor-element.elementor-element-2984265{--swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-9620 .elementor-element.elementor-element-6d13a3b{text-align:center;}.elementor-9620 .elementor-element.elementor-element-2984265{--swiper-slides-to-display:1;}}/* Start custom CSS for loop-carousel, class: .elementor-element-2984265 *//* =====================================================
   1. EVITAR RECORTE DEL HOVER (Swiper / Elementor)
   ===================================================== */
.elementor-9620 .elementor-element.elementor-element-2984265,
.elementor-9620 .elementor-element.elementor-element-2984265 .swiper,
.elementor-9620 .elementor-element.elementor-element-2984265 .swiper-wrapper,
.elementor-9620 .elementor-element.elementor-element-2984265 .swiper-slide,
.elementor-9620 .elementor-element.elementor-element-2984265 .swiper-slide > div {
  overflow: visible !important;
}


/* =====================================================
   2. TRANSICIONES GENERALES DEL CONTENIDO DEL SLIDE
   ===================================================== */
.elementor-9620 .elementor-element.elementor-element-2984265 .swiper-slide > div {
  transition: 
    transform .3s ease,
    opacity .3s ease,
    box-shadow .3s ease;
}


/* =====================================================
   3. SLIDES NO ACTIVOS
   ===================================================== */
.elementor-9620 .elementor-element.elementor-element-2984265 .swiper-slide:not(.swiper-slide-active):not(.swiper-slide-next):not(.swiper-slide-duplicate-active) > div {
  opacity: .6;
  transform: scale(.95);
}


/* =====================================================
   4. SLIDE ACTIVO (VISIBLE / CENTRADO)
   ===================================================== */
.elementor-9620 .elementor-element.elementor-element-2984265 .swiper-slide-active > div,
.elementor-9620 .elementor-element.elementor-element-2984265 .swiper-slide-next > div,
.elementor-9620 .elementor-element.elementor-element-2984265 .swiper-slide-duplicate-active > div {
  opacity: 1;
  transform: translateY(-10px) scale(1);
  box-shadow: 0 20px 40px rgba(0,0,0,.15);
}


/* =====================================================
   5. ELIMINAR FONDO AZUL DEL ICONO (HOVER / ACTIVO)
   ===================================================== */
.elementor-9620 .elementor-element.elementor-element-2984265 .elementor-icon,
.elementor-9620 .elementor-element.elementor-element-2984265 .elementor-icon-wrapper,
.elementor-9620 .elementor-element.elementor-element-2984265 .elementor-widget-icon .elementor-icon {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}


/* =====================================================
   6. BLOQUEAR HOVER DEL ICONO DESDE EL SLIDE
   ===================================================== */
.elementor-9620 .elementor-element.elementor-element-2984265 .swiper-slide:hover .elementor-icon,
.elementor-9620 .elementor-element.elementor-element-2984265 .swiper-slide-active .elementor-icon,
.elementor-9620 .elementor-element.elementor-element-2984265 .swiper-slide-next .elementor-icon,
.elementor-9620 .elementor-element.elementor-element-2984265 .swiper-slide-duplicate-active .elementor-icon {
  background: transparent !important;
  background-color: transparent !important;
}


/* =====================================================
   7. BLOQUEAR OVERLAYS / :BEFORE / :AFTER
   ===================================================== */
.elementor-9620 .elementor-element.elementor-element-2984265 .elementor-icon:before,
.elementor-9620 .elementor-element.elementor-element-2984265 .elementor-icon:after,
.elementor-9620 .elementor-element.elementor-element-2984265 .swiper-slide:hover .elementor-icon:before,
.elementor-9620 .elementor-element.elementor-element-2984265 .swiper-slide:hover .elementor-icon:after,
.elementor-9620 .elementor-element.elementor-element-2984265 .swiper-slide-active .elementor-icon:before,
.elementor-9620 .elementor-element.elementor-element-2984265 .swiper-slide-active .elementor-icon:after {
  background: transparent !important;
  opacity: 0 !important;
}


/* =====================================================
   8. BLOQUEAR CAMBIO DE COLOR / FILL SVG
   ===================================================== */
.elementor-9620 .elementor-element.elementor-element-2984265 .elementor-icon,
.elementor-9620 .elementor-element.elementor-element-2984265 .swiper-slide:hover .elementor-icon,
.elementor-9620 .elementor-element.elementor-element-2984265 .swiper-slide-active .elementor-icon {
  color: inherit !important;
}

.elementor-9620 .elementor-element.elementor-element-2984265 .elementor-icon svg,
.elementor-9620 .elementor-element.elementor-element-2984265 .elementor-icon svg * ,
.elementor-9620 .elementor-element.elementor-element-2984265 .swiper-slide:hover .elementor-icon svg,
.elementor-9620 .elementor-element.elementor-element-2984265 .swiper-slide:hover .elementor-icon svg *,
.elementor-9620 .elementor-element.elementor-element-2984265 .swiper-slide-active .elementor-icon svg,
.elementor-9620 .elementor-element.elementor-element-2984265 .swiper-slide-active .elementor-icon svg * {
  fill: currentColor !important;
}
/* Forzar color del icono en todos los estados */
.elementor-9620 .elementor-element.elementor-element-2984265 .elementor-icon,
.elementor-9620 .elementor-element.elementor-element-2984265 .elementor-icon svg,
.elementor-9620 .elementor-element.elementor-element-2984265 .elementor-icon svg * {
  color: #0F1D4C !important;
  fill: #0F1D4C !important;
}

/* Evitar que hover / activo lo modifique */
.elementor-9620 .elementor-element.elementor-element-2984265 .swiper-slide:hover .elementor-icon,
.elementor-9620 .elementor-element.elementor-element-2984265 .swiper-slide-active .elementor-icon,
.elementor-9620 .elementor-element.elementor-element-2984265 .swiper-slide-next .elementor-icon,
.elementor-9620 .elementor-element.elementor-element-2984265 .swiper-slide-duplicate-active .elementor-icon {
  color: #0F1D4C !important;
}

.elementor-9620 .elementor-element.elementor-element-2984265 .swiper-slide:hover .elementor-icon svg,
.elementor-9620 .elementor-element.elementor-element-2984265 .swiper-slide:hover .elementor-icon svg *,
.elementor-9620 .elementor-element.elementor-element-2984265 .swiper-slide-active .elementor-icon svg,
.elementor-9620 .elementor-element.elementor-element-2984265 .swiper-slide-active .elementor-icon svg *,
.elementor-9620 .elementor-element.elementor-element-2984265 .swiper-slide-next .elementor-icon svg,
.elementor-9620 .elementor-element.elementor-element-2984265 .swiper-slide-next .elementor-icon svg *,
.elementor-9620 .elementor-element.elementor-element-2984265 .swiper-slide-duplicate-active .elementor-icon svg,
.elementor-9620 .elementor-element.elementor-element-2984265 .swiper-slide-duplicate-active .elementor-icon svg * {
  fill: #0F1D4C !important;
}/* End custom CSS */