.elementor-1448 .elementor-element.elementor-element-099bc19{--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:-200px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1448 .elementor-element.elementor-element-ee7ac50{--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;}.elementor-1448 .elementor-element.elementor-element-addae7f{--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;--gap:60px 60px;--row-gap:60px;--column-gap:60px;--padding-top:60px;--padding-bottom:60px;--padding-left:60px;--padding-right:60px;}.elementor-1448 .elementor-element.elementor-element-addae7f:not(.elementor-motion-effects-element-type-background), .elementor-1448 .elementor-element.elementor-element-addae7f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#022859;}.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-1448 .elementor-element.elementor-element-50a8487{text-align:center;}.elementor-1448 .elementor-element.elementor-element-50a8487 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:23px;font-weight:400;color:#D8DDE3;}.elementor-1448 .elementor-element.elementor-element-f45efd3{--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;}.elementor-1448 .elementor-element.elementor-element-2860ea6{--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;}.elementor-1448 .elementor-element.elementor-element-7d2db85{--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;}@media(max-width:767px){.elementor-1448 .elementor-element.elementor-element-addae7f{--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}}@media(min-width:768px){.elementor-1448 .elementor-element.elementor-element-addae7f{--content-width:1529px;}}/* Start custom CSS for container, class: .elementor-element-addae7f *//* Contenedor con Máscara de Desvanecimiento Lateral */
.logo-marquee-container {
  overflow: hidden;
  position: relative;
  width: 100%;
  padding: 20px 0;
  
  /* Máscara CSS: Crea el difuminado transparente a la izquierda y derecha */
  -webkit-mask-image: linear-gradient(
    to right,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 1) 15%,
    rgba(0, 0, 0, 1) 85%,
    rgba(0, 0, 0, 0) 100%
  );
  mask-image: linear-gradient(
    to right,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 1) 15%,
    rgba(0, 0, 0, 1) 85%,
    rgba(0, 0, 0, 0) 100%
  );
  mask-image: linear-gradient(
    to right,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 1) 15%,
    rgba(0, 0, 0, 1) 85%,
    rgba(0, 0, 0, 0) 100%
  );
}

/* Pista en movimiento infinito */
.logo-marquee-track {
  display: flex;
  align-items: center;
  gap: 60px;
  width: max-content;
  animation: marqueeScroll 25s linear infinite;
}

/* Animación de desplazamiento suave */
@keyframes marqueeScroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%); /* Se desplaza la mitad exacta */
  }
}

/* Ajustes de los Logos */
.logo-slide img {
  height: 28px;
  width: auto;
  filter: brightness(0) invert(0.7); /* Los convierte en gris tenue uniformemente */
  opacity: 0.8;
  transition: filter 0.3s ease, opacity 0.3s ease;
}

.logo-slide img:hover {
  filter: brightness(0) invert(1); /* Resalta a blanco al pasar el cursor */
  opacity: 1;
}

/* Pausar movimiento al pasar el cursor */
.logo-marquee-container:hover .logo-marquee-track {
  animation-play-state: paused;
}/* End custom CSS */