.elementor-608 .elementor-element.elementor-element-34d01aa2{--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;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-608 .elementor-element.elementor-element-12a5c5bd{--display:flex;--overflow:hidden;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-608 .elementor-element.elementor-element-55f3b7de{background-color:var( --e-global-color-323ecf4 );padding:5px 20px 5px 20px;border-radius:20px 20px 20px 20px;text-align:center;font-family:"Instrument Sans", Sans-serif;font-size:1rem;font-weight:600;color:var( --e-global-color-accent );}.elementor-608 .elementor-element.elementor-element-55f3b7de.elementor-element{--align-self:center;}.elementor-608 .elementor-element.elementor-element-55f3b7de p{margin-block-end:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-608 .elementor-element.elementor-element-63453246{width:var( --container-widget-width, 66.923% );max-width:66.923%;--container-widget-width:66.923%;--container-widget-flex-grow:0;text-align:center;}.elementor-608 .elementor-element.elementor-element-63453246.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-608 .elementor-element.elementor-element-63453246 .elementor-heading-title{font-family:"Instrument Sans", Sans-serif;font-size:2.4rem;font-weight:900;color:var( --e-global-color-986ad77 );}.elementor-608 .elementor-element.elementor-element-4d6df57d{--display:flex;--min-height:450px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:-450px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:2;}.elementor-608 .elementor-element.elementor-element-7bb0b215{--display:flex;}.elementor-608 .elementor-element.elementor-element-7bb0b215:not(.elementor-motion-effects-element-type-background), .elementor-608 .elementor-element.elementor-element-7bb0b215 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(90deg, var( --e-global-color-bb112cc ) 6%, #F2295B00 23%);}.elementor-608 .elementor-element.elementor-element-753e8a5a{--display:flex;}.elementor-608 .elementor-element.elementor-element-753e8a5a:not(.elementor-motion-effects-element-type-background), .elementor-608 .elementor-element.elementor-element-753e8a5a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(270deg, var( --e-global-color-bb112cc ) 6%, #04224700 23%);}.elementor-608 .elementor-element.elementor-element-2c7ee3a8{--e-image-carousel-slides-to-show:6;}.elementor-608 .elementor-element.elementor-element-2c7ee3a8 .swiper-wrapper{display:flex;align-items:center;}.elementor-608 .elementor-element.elementor-element-2c7ee3a8 .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:20px 20px 20px 20px;}.elementor-608 .elementor-element.elementor-element-3deace6a{--e-image-carousel-slides-to-show:6;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-608 .elementor-element.elementor-element-3deace6a .swiper-wrapper{display:flex;align-items:center;}.elementor-608 .elementor-element.elementor-element-3deace6a .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:20px 20px 20px 20px;}@media(min-width:768px){.elementor-608 .elementor-element.elementor-element-7bb0b215{--width:50%;}.elementor-608 .elementor-element.elementor-element-753e8a5a{--width:50%;}}@media(max-width:1024px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}}@media(max-width:767px){.elementor-608 .elementor-element.elementor-element-34d01aa2{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-608 .elementor-element.elementor-element-4d6df57d{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-608 .elementor-element.elementor-element-7bb0b215{--width:50%;}.elementor-608 .elementor-element.elementor-element-753e8a5a{--width:50%;}.elementor-608 .elementor-element.elementor-element-2c7ee3a8{--e-image-carousel-slides-to-show:3;}.elementor-608 .elementor-element.elementor-element-3deace6a{--e-image-carousel-slides-to-show:3;}}/* Start custom CSS for image-carousel, class: .elementor-element-2c7ee3a8 *//* 1. Forzamos el contenedor y la animación hacia la izquierda */
.elementor-608 .elementor-element.elementor-element-2c7ee3a8 .swiper-wrapper {
    display: flex !important;
    flex-direction: row !important;
    transition-timing-function: linear !important;
    /* Ajusta los 30s para cambiar la velocidad general */
    animation: marquee-scroll-left 30s linear infinite !important;
    will-change: transform;
}

/* Escritorio: Se mantienen las imágenes al 15% o 20% según prefieras */
.elementor-608 .elementor-element.elementor-element-2c7ee3a8 .swiper-slide {
    width: 15% !important; 
    flex-shrink: 0 !important;
}

/* Móvil: Ajuste para mostrar máximo 3 imágenes (33.33%) */
@media (max-width: 767px) {
    .elementor-608 .elementor-element.elementor-element-2c7ee3a8 .swiper-slide {
        width: 33.33% !important;
    }
}

/* 3. Ajuste de imagen para mantener la calidad Full */
.elementor-608 .elementor-element.elementor-element-2c7ee3a8 .swiper-slide img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover;
}

/* 4. La animación de movimiento a la izquierda */
@keyframes marquee-scroll-left {
    0% {
        transform: translateX(0);
    }
    100% {
        /* Movemos el total hacia la izquierda. 
           Si ves un salto, prueba con -50% o -200% según tus fotos */
        transform: translateX(-100%);
    }
}

/* Ajuste de velocidad para móvil */
@media (max-width: 768px) {
    .elementor-608 .elementor-element.elementor-element-2c7ee3a8 .swiper-wrapper {
        animation-duration: 15s !important; /* Más rápido en móvil por ser menos ancho */
    }
}
/* 1. Contenedor rectangular blanco 3:2 con esquinas redondeadas */
.elementor-608 .elementor-element.elementor-element-2c7ee3a8 .swiper-slide-inner {
    background-color: #FFFFFF !important; /* Fondo blanco siempre */
    border-radius: 15px !important;       /* Radio de 15px */
    aspect-ratio: 3 / 2 !important;       /* Proporción 3 ancho, 2 alto */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 10px !important;             /* Espacio para que el logo no toque los bordes */
    overflow: hidden !important;
    box-sizing: border-box !important;
}

/* 2. Ajuste de la imagen (Logo) */
.elementor-608 .elementor-element.elementor-element-2c7ee3a8 img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;       /* El logo se ajusta sin deformarse */
    background-color: transparent !important; /* Sin fondos grises */
    filter: none !important;              /* Sin filtros de color */
    mix-blend-mode: normal !important;    /* Sin modos de mezcla */
    opacity: 1 !important;                /* Totalmente visible */
    transition: none !important;          /* Sin animaciones al pasar el cursor */
}/* End custom CSS */
/* Start custom CSS for image-carousel, class: .elementor-element-3deace6a *//* 1. Contenedor y animación hacia la derecha */
.elementor-608 .elementor-element.elementor-element-3deace6a .swiper-wrapper {
    display: flex !important;
    flex-direction: row !important;
    transition-timing-function: linear !important;
    animation: marquee-scroll-right 30s linear infinite !important;
    will-change: transform;
}

/* Escritorio: Se mantienen las imágenes al 15% o 20% según prefieras */
.elementor-608 .elementor-element.elementor-element-3deace6a .swiper-slide {
    width: 15% !important; 
    flex-shrink: 0 !important;
}

/* Móvil: Ajuste para mostrar máximo 3 imágenes (33.33%) */
@media (max-width: 767px) {
    .elementor-608 .elementor-element.elementor-element-3deace6a .swiper-slide {
        width: 33% !important;
    }
}

/* 3. Ajuste de imagen para máxima nitidez */
.elementor-608 .elementor-element.elementor-element-3deace6a .swiper-slide img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover;
}

/* 4. Animación invertida */
@keyframes marquee-scroll-right {
    0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateX(0);
    }
}

/* Ajuste de velocidad para móvil (opcional) */
/* En móvil el recorrido es más corto visualmente, 
   así que bajamos el tiempo para que no se sienta lento */
@media (max-width: 768px) {
    .elementor-608 .elementor-element.elementor-element-3deace6a .swiper-wrapper {
        animation-duration: 15s !important;
    }
}

/* Pausa al pasar el dedo o ratón */
.elementor-608 .elementor-element.elementor-element-3deace6a:hover .swiper-wrapper {
    animation-play-state: paused !important;
}
/* 1. Contenedor rectangular blanco 3:2 con esquinas redondeadas */
.elementor-608 .elementor-element.elementor-element-3deace6a .swiper-slide-inner {
    background-color: #FFFFFF !important; /* Fondo blanco siempre */
    border-radius: 15px !important;       /* Radio de 15px */
    aspect-ratio: 3 / 2 !important;       /* Proporción 3 ancho, 2 alto */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 10px !important;             /* Espacio para que el logo no toque los bordes */
    overflow: hidden !important;
    box-sizing: border-box !important;
}

/* 2. Ajuste de la imagen (Logo) */
.elementor-608 .elementor-element.elementor-element-3deace6a img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;       /* El logo se ajusta sin deformarse */
    background-color: transparent !important; /* Sin fondos grises */
    filter: none !important;              /* Sin filtros de color */
    mix-blend-mode: normal !important;    /* Sin modos de mezcla */
    opacity: 1 !important;                /* Totalmente visible */
    transition: none !important;          /* Sin animaciones al pasar el cursor */
}/* End custom CSS */