.elementor-3 .elementor-element.elementor-element-b11d209{--display:flex;--min-height:164px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-3 .elementor-element.elementor-element-b11d209:not(.elementor-motion-effects-element-type-background), .elementor-3 .elementor-element.elementor-element-b11d209 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://unitedbrothersroofing.com/wp-content/uploads/2025/10/Roofer-Imagen-1-1.webp");background-position:center center;}.elementor-3 .elementor-element.elementor-element-f85b93b{--display:flex;}.elementor-3 .elementor-element.elementor-element-8db28e1{--spacer-size:50px;}.elementor-3 .elementor-element.elementor-element-7d55dae9{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;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-3 .elementor-element.elementor-element-6bc2cbec{text-align:justify;color:var( --e-global-color-accent );}.elementor-3 .elementor-element.elementor-element-fce1409{--display:flex;}.elementor-3 .elementor-element.elementor-element-f09f5b0{--display:flex;}.elementor-3 .elementor-element.elementor-element-201e925{--spacer-size:50px;}.elementor-3 .elementor-element.elementor-element-4e47497{--display:flex;}.elementor-3 .elementor-element.elementor-element-65afd84{--display:flex;}.elementor-3 .elementor-element.elementor-element-5e80f94{--display:flex;}.elementor-3 .elementor-element.elementor-element-7e89ed1{--spacer-size:50px;}/* Start custom CSS for html, class: .elementor-element-529896a *//* Contenedor del carrusel */
.elementor-3 .elementor-element.elementor-element-529896a{
  overflow: hidden;
  --logo-height: 56px;  /* ⇦ alto del logo en desktop (ajusta 50–64px) */
  --gap: 32px;          /* ⇦ separación uniforme entre logos */
  --speed: 24s;         /* velocidad del bucle */
}

/* Pista en movimiento */
.elementor-3 .elementor-element.elementor-element-529896a .marquee-inner{
  display: inline-flex;
  align-items: center;
  gap: var(--gap);             /* <<< misma distancia en todos */
  width: max-content;
  animation: marquee var(--speed) linear infinite;
  will-change: transform;
}

/* Cada ítem SIN fondo ni sombra (adiós “cuadro blanco”) */
.elementor-3 .elementor-element.elementor-element-529896a .logo-item{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;                  /* sin padding extra */
  background: transparent;     /* sin fondo */
  box-shadow: none;            /* sin sombra */
  border-radius: 0;            /* sin bordes redondeados */
}

/* Imagen siempre completa (no se corta) */
.elementor-3 .elementor-element.elementor-element-529896a .logo-item img{
  height: var(--logo-height);
  width: auto;
  object-fit: contain;
  display: block;
}

/* Enlaces sin subrayado ni borde */
.elementor-3 .elementor-element.elementor-element-529896a .logo-item a{ display:inline-flex; text-decoration:none; }

/* Pausa al pasar el mouse (opcional) */
.elementor-3 .elementor-element.elementor-element-529896a:hover .marquee-inner{ animation-play-state: paused; }

/* Animación (duplicaste la lista: desplazamos la mitad del ancho) */
@keyframes marquee{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Responsive */
@media (max-width:1024px){
  .elementor-3 .elementor-element.elementor-element-529896a{ --logo-height: 50px; --gap: 28px; --speed: 22s; }
}
@media (max-width:767px){
  .elementor-3 .elementor-element.elementor-element-529896a{ --logo-height: 44px; --gap: 22px; --speed: 20s; }
}

/* Accesibilidad */
@media (prefers-reduced-motion: reduce){
  .elementor-3 .elementor-element.elementor-element-529896a .marquee-inner{ animation: none !important; }
}/* End custom CSS */