.elementor-8 .elementor-element.elementor-element-fa17039{--display:flex;--min-height:0px;--margin-top:-35px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:-22px;--padding-right:-22px;}.elementor-8 .elementor-element.elementor-element-fa17039:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-fa17039 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#D1E2F0;}.elementor-8 .elementor-element.elementor-element-2e9bb0b{background-color:#D3E3F0;margin:-94px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 13px;}.elementor-8 .elementor-element.elementor-element-cdca6f5{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:-22px;--padding-right:-22px;}.elementor-8 .elementor-element.elementor-element-68a6b42{background-color:#D3E3F08C;padding:0px 22px 0px -22px;}.elementor-8 .elementor-element.elementor-element-b4065d1{--display:flex;}.elementor-8 .elementor-element.elementor-element-b4065d1:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-b4065d1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#C6E8EA;}.elementor-8 .elementor-element.elementor-element-53885ca{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-8 .elementor-element.elementor-element-8e02392{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-186dcf7{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-8 .elementor-element.elementor-element-636239b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-8 .elementor-element.elementor-element-ff0b1c5{--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:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:14px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-ff0b1c5:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-ff0b1c5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#C6E8EA;}.elementor-8 .elementor-element.elementor-element-e49f4f6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-73641fa{--display:flex;}.elementor-8 .elementor-element.elementor-element-550870a{width:100%;max-width:100%;}.elementor-8 .elementor-element.elementor-element-6fdbee9{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:015px;}.elementor-8 .elementor-element.elementor-element-6fdbee9:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-6fdbee9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#C6E8EA;}.elementor-8 .elementor-element.elementor-element-6fdbee9.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-8 .elementor-element.elementor-element-1eefd78{--display:flex;}@media(max-width:767px){.elementor-8 .elementor-element.elementor-element-cdca6f5{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-68a6b42{margin:-100px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 1px;padding:0px 0px 0px 0px;}}@media(min-width:768px){.elementor-8 .elementor-element.elementor-element-fa17039{--width:100%;}.elementor-8 .elementor-element.elementor-element-6fdbee9{--content-width:1340px;}}/* Start custom CSS for html, class: .elementor-element-53885ca *//* =========================
   VARIABLES
   ========================= */
#marquee-wrapper{
  /* Desktop (igual) */
  --gap: 3rem;
  --logo-h: 70px;
  --speed: 13s;
  --mask: #c6e8ea;

  /* Mobile */
  --gap-m: 3rem;
  --logo-h-m: 84px;         /* tamaño base en móvil */
  --speed-m: 22s;           /* más lento */
  --seam-nudge: -0.5px;     /* anti-parpadeo seam */

  /* Zoom móvil visible y suave (+20%) */
  --zoom-m: 1.20;
}

/* =========================
   DESKTOP — TAL CUAL
   ========================= */
#marquee-wrapper{ padding:60px 0; width:100%; box-sizing:border-box; }
#marquee-wrapper .logo-marquee{
  width:100%; max-width:1400px; margin:0 auto; padding:20px 0;
  overflow:hidden; position:relative;
}
#marquee-wrapper .logo-marquee::before,
#marquee-wrapper .logo-marquee::after{
  content:''; position:absolute; top:0; height:100%; width:8%;
  z-index:2; pointer-events:none;
}
#marquee-wrapper .logo-marquee::before{
  left:0; background:linear-gradient(to right, var(--mask) 0%, transparent 100%);
}
#marquee-wrapper .logo-marquee::after{
  right:0; background:linear-gradient(to left, var(--mask) 0%, transparent 100%);
}

/* Track/Grupos desktop (200% / 50% / space-around) */
#marquee-wrapper .marquee-content{
  display:flex;
  width:200%;
  animation: deskScroll var(--speed) linear infinite;
  will-change: transform;
}
#marquee-wrapper .marquee-group{
  display:flex; align-items:center; justify-content: space-around;
  flex-shrink:0; width:50%;
}

/* Logos desktop */
#marquee-wrapper .logo-item{ display:flex; align-items:center; flex-shrink:0; }
#marquee-wrapper .logo-item img{
  height:var(--logo-h);
  width:auto; max-width:100%; object-fit:contain; display:block;
  filter:grayscale(1) opacity(.7);
  transition: transform .28s cubic-bezier(.22,.61,.36,1), filter .28s ease;
}
@media (hover:hover){
  #marquee-wrapper .logo-item:hover img{
    filter:grayscale(0) opacity(1);
    transform:scale(1.15);
  }
}
@keyframes deskScroll{ from{transform:translateX(0)} to{transform:translateX(-50%)} }

/* =========================
   MÓVIL — OVERRIDES
   ========================= */
@media (max-width: 767.98px){
  /* Track: animación por píxeles exactos (—groupW la setea tu JS) + anti-flicker */
  #marquee-wrapper .marquee-content{
    display:inline-flex !important;
    width:max-content !important;
    white-space:nowrap;
    animation: mobScroll var(--speed-m) linear infinite !important;
    will-change: transform; transform: translateZ(0.001px);
    backface-visibility:hidden; contain:paint;
  }
  @keyframes mobScroll{
    from{ transform: translate3d(0,0,0); }
    to  { transform: translate3d(calc(-1 * var(--groupW, 0px) + var(--seam-nudge)), 0, 0); }
  }

  /* Grupos: ancho real (sin 50%/space-around) */
  #marquee-wrapper .marquee-group{
    display:inline-flex !important;
    width:auto !important; flex-shrink:0 !important;
    justify-content:flex-start !important; gap:0 !important; padding:0 !important;
    will-change: transform; transform: translateZ(0.001px); backface-visibility:hidden;
  }

  /* Items: padding lateral = “space-around” estable; overflow visible para zoom */
  #marquee-wrapper .logo-item{
    flex:0 0 auto !important;
    display:flex !important; align-items:center; justify-content:center;
    padding: 6px calc(var(--gap-m)/2) !important;   /* aire vertical */
    margin:0 !important; box-sizing:content-box !important;
    overflow: visible !important;                   /* evita cortes al escalar */
    cursor: pointer; -webkit-tap-highlight-color: transparent;
    touch-action: manipulation; user-select: none;
    will-change:transform; transform: translateZ(0.001px);
  }

  /* Logos móviles:
     - base = var(--logo-h-m)
     - al tocar: escala +20% y vuelve suave
     - opacidad base más baja; tap = color
     - OJO: sin "transform:none !important" para que el zoom SÍ aplique
  */
  #marquee-wrapper .logo-item img{
    height: var(--logo-h-m) !important;
    max-height: var(--logo-h-m) !important;
    width:auto; max-width:100%; object-fit:contain; display:block;
    filter: grayscale(1) opacity(.62);             /* base más tenue */
    transform: scale(1);                           /* estado base */
    transform-origin: center center;
    transition:
      transform .42s cubic-bezier(.22,.61,.36,1),
      filter   .24s ease;
    will-change: transform, filter;
    backface-visibility: hidden;
    -webkit-transform: scale(1);
  }

  /* TAP = color + ZOOM +20% (visible y suave) */
  #marquee-wrapper .logo-item:active img,
  #marquee-wrapper .logo-item.is-touched img{
    filter: grayscale(0) opacity(1);
    transform: scale(var(--zoom-m));
    -webkit-transform: scale(var(--zoom-m));
  }

  /* Carril: altura suficiente para contener el zoom SIN cortar */
  #marquee-wrapper .logo-marquee{
    min-height: calc(var(--logo-h-m) * var(--zoom-m) + 16px) !important;
  }
}

/* Accesibilidad */
@media (prefers-reduced-motion: reduce){
  #marquee-wrapper .marquee-content{ animation:none !important; }
}
/* Evita hover en táctiles */
@media (hover:none){
  #marquee-wrapper .logo-item:hover img{ transform:none; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e02392 *//* Contenedor principal para aislar el componente */
.marquee-wrapper {
    padding: 60px 0;
    width: 100%;
    box-sizing: border-box;
}

/* Contenedor del carrusel */
.marquee-wrapper .logo-marquee {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 20px 0;
    overflow: hidden;
    position: relative;
}

/* Las máscaras de transparencia en los bordes */
.marquee-wrapper .logo-marquee::before,
.marquee-wrapper .logo-marquee::after {
    content: '';
    position: absolute;
    top: 0;
    height: 100%;
    width: 8%;
    z-index: 2;
}

.marquee-wrapper .logo-marquee::before {
    left: 0;
    background: linear-gradient(to right, #c6e8ea 0%, transparent 100%);
}

.marquee-wrapper .logo-marquee::after {
    right: 0;
    background: linear-gradient(to left, #c6e8ea 0%, transparent 100%);
}

/* El contenido que se mueve */
.marquee-wrapper .marquee-content {
    display: flex;
    width: 200%;
    animation: scroll 13s linear infinite;
    will-change: transform;
}

/* Contenedor para cada grupo de logos */
.marquee-wrapper .marquee-group {
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-shrink: 0;
    width: 50%;
}

/* Estilo para cada logo individual */
.marquee-wrapper .logo-item {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.marquee-wrapper .logo-item img {
    height: 70px;
    width: auto;
    /* --- CAMBIO AQUÍ: Opacidad ajustada a 0.7 --- */
    filter: grayscale(1) opacity(0.7);
    transition: all 0.3s ease;
}

/*
.marquee-wrapper .marquee-content:hover {
    animation-play-state: paused;
}
*/

.marquee-wrapper .logo-item:hover img {
    filter: grayscale(0) opacity(1);
    transform: scale(1.15);
}

/* Animación de desplazamiento */
@keyframes scroll {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-50%);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-186dcf7 *//* Contenedor principal para aislar el componente */
.marquee-wrapper {
    padding: 60px 0;
    width: 100%;
    box-sizing: border-box;
}

/* Contenedor del carrusel */
.marquee-wrapper .logo-marquee {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 20px 0;
    overflow: hidden;
    position: relative;
}

/* Las máscaras de transparencia en los bordes */
.marquee-wrapper .logo-marquee::before,
.marquee-wrapper .logo-marquee::after {
    content: '';
    position: absolute;
    top: 0;
    height: 100%;
    width: 8%;
    z-index: 2;
}

.marquee-wrapper .logo-marquee::before {
    left: 0;
    background: linear-gradient(to right, #c6e8ea 0%, transparent 100%);
}

.marquee-wrapper .logo-marquee::after {
    right: 0;
    background: linear-gradient(to left, #c6e8ea 0%, transparent 100%);
}

/* El contenido que se mueve */
.marquee-wrapper .marquee-content {
    display: flex;
    width: 200%;
    animation: scroll 13s linear infinite;
    will-change: transform;
}

/* Contenedor para cada grupo de logos */
.marquee-wrapper .marquee-group {
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-shrink: 0;
    width: 50%;
}

/* Estilo para cada logo individual */
.marquee-wrapper .logo-item {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.marquee-wrapper .logo-item img {
    height: 70px;
    width: auto;
    /* --- CAMBIO AQUÍ: Opacidad ajustada a 0.7 --- */
    filter: grayscale(1) opacity(0.7);
    transition: all 0.3s ease;
}

/*
.marquee-wrapper .marquee-content:hover {
    animation-play-state: paused;
}
*/

.marquee-wrapper .logo-item:hover img {
    filter: grayscale(0) opacity(1);
    transform: scale(1.15);
}

/* Animación de desplazamiento */
@keyframes scroll {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-50%);
    }
}/* End custom CSS */