.elementor-17221 .elementor-element.elementor-element-45983fa{--e-image-carousel-slides-to-show:5;}.elementor-17221 .elementor-element.elementor-element-45983fa .swiper-wrapper{display:flex;align-items:center;}/* Start custom CSS for image-carousel, class: .elementor-element-45983fa *//* 0. FORZADO DE ANCHO COMPLETO (AÑADIDO) */
.elementor-17221 .elementor-element.elementor-element-45983fa {
    width: 100vw !important;
    position: relative !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    max-width: none !important;
}

/* 1. BARRAS AZULES Y CONTENEDOR PRINCIPAL (TU CSS ORIGINAL) */
.elementor-17221 .elementor-element.elementor-element-45983fa {
    border-top: 4px solid #002855 !important;
    border-bottom: 4px solid #002855 !important;
    padding: 40px 0 !important;
    background-color: #ffffff !important;
    overflow: hidden !important;
}

/* 2. FORZAR FILA ÚNICA (TU CSS ORIGINAL) */
.elementor-17221 .elementor-element.elementor-element-45983fa .swiper-wrapper {
    display: flex !important;
    flex-direction: row !important; 
    flex-wrap: nowrap !important;  
    align-items: center !important;
    width: max-content !important; 
    animation: marqueeTrainek 40s linear infinite !important;
}

/* 3. CADA LOGO: ESPACIO Y TAMAÑO (TU CSS ORIGINAL) */
.elementor-17221 .elementor-element.elementor-element-45983fa .swiper-slide {
    width: auto !important; 
    display: flex !important;
    padding: 0 80px !important; 
}

.elementor-17221 .elementor-element.elementor-element-45983fa .swiper-slide img {
    filter: brightness(0) saturate(100%) invert(13%) sepia(46%) saturate(3631%) hue-rotate(206deg) brightness(91%) contrast(101%) !important;
    height: 90px !important; 
    width: auto !important;
    max-width: none !important;
    object-fit: contain !important;
    transition: transform 0.3s ease !important;
}

/* 4. ANIMACIÓN SIN SALTOS (TU CSS ORIGINAL) */
@keyframes marqueeTrainek {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); } 
}

/* 5. LIMPIEZA TOTAL DE ELEMENTOR (TU CSS ORIGINAL) */
.elementor-17221 .elementor-element.elementor-element-45983fa .elementor-image-carousel-wrapper,
.elementor-17221 .elementor-element.elementor-element-45983fa .swiper-container {
    overflow: visible !important;
    display: block !important;
}

/* Que no se pare al pasar el ratón (TU CSS ORIGINAL) */
.elementor-17221 .elementor-element.elementor-element-45983fa:hover .swiper-wrapper {
    animation-play-state: running !important;
}/* End custom CSS */