.elementor-1996 .elementor-element.elementor-element-4170f2e{--display:flex;}.elementor-1996 .elementor-element.elementor-element-023fd8d{--display:flex;}.elementor-1996 .elementor-element.elementor-element-d8ce8c2 .elementor-heading-title{color:#42913F;}.elementor-1996 .elementor-element.elementor-element-085e7a5 .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-1996 .elementor-element.elementor-element-085e7a5 .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-1996 .elementor-element.elementor-element-085e7a5 > .elementor-widget-container{margin:30px 30px 30px 30px;padding:0px 0px 0px 0px;}.elementor-1996 .elementor-element.elementor-element-085e7a5.elementor-element{--order:99999 /* order end hack */;--flex-grow:1;--flex-shrink:0;}.elementor-1996 .elementor-element.elementor-element-085e7a5 .e-gallery-image{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-1996 .elementor-element.elementor-element-085e7a5{--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:25px;--content-transition-duration:800ms;--content-transition-delay:800ms;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for gallery, class: .elementor-element-085e7a5 *//* Ajusta estos valores a tu diseño */
.client-logos{
  --logo-h: 56px;      /* altura visual del logo en desktop */
  --gap: 28px;         /* separación horizontal/vertical */
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: var(--gap);
  align-items: center;
}

/* Caja uniforme por logo */
.client-logos .logo{
  height: calc(var(--logo-h) + 24px);    /* caja un poco mayor que el logo */
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 12px;
}

/* La imagen se centra y nunca se deforma */
.client-logos .logo img{
  max-height: var(--logo-h);
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;       /* quita salto de línea de base */
}

/* Responsivo: baja altura y cambia nº de columnas */
@media (max-width: 1024px){
  .client-logos{ --logo-h: 48px; grid-template-columns: repeat(4, minmax(120px,1fr)); }
}
@media (max-width: 640px){
  .client-logos{ --logo-h: 38px; grid-template-columns: repeat(2, minmax(120px,1fr)); }
}/* End custom CSS */