#clientes {
    background-color: #e5e8f1;
    padding: 50px 0 46px;
}

  #clientes h2 {
    font-size: 40px;
    color: var(--azul-1);
    font-weight: 400;
    margin-bottom: 36px;
    line-height: 1.25;
  }

 #clientes .swiper-slide {
    width: auto !important;
    height: 86px!important;
    display: flex!important;
  }

/* CARRUSEL BASE */
.logos-carousel {
  width: 100%;
  overflow: hidden;
  position: relative;
  padding: 0;
}

.logos-track {
  display: flex;
  flex-wrap: nowrap;
  white-space: nowrap;
}

.logo {
  flex: 0 0 auto;
  margin-right: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.logo img {
  height: auto;
  object-fit: contain;
  display: block;

}



/* TAMAÑOS INDIVIDUALES (RESPETADOS 100%) */
#logo-artdicom img { width: 115px; }
#logo-corestate img { width: 133px; }
#logo-gran-plaza-2 img { width: 224px; }
#logo-kidsus img { width: 176px; }
#logo-lgsi-group img { width: 158px; }
#logo-levitt img { width: 115px; }
#logo-nozar img { width: 107px; }
#logo-plaza-loranca-2 img { width: 272px; }
#logo-plaza-moraleja img { width: 163px; }
#logo-plaza-norte-2 img { width: 235px; }
#logo-plaza-rio-2 img { width: 202px; margin-bottom: 10px; }
#logo-q21 img { width: 150px; }
#logo-san-jose-constructora img { width: 169px; }
#logo-sscc img { width: 118px; }


/* Mobile: cada logo ocupa toda la pantalla */
@media (max-width: 768px) {
  .logos-track {
    max-width: 100%;
}
  .logo {
    width: auto;        
    margin-right: 0; 
    display: flex;
    justify-content: center; 
  }

  .logo img {
    width: auto;
    max-width: 70%;  /* puedes ajustar */
    height: auto;
  }
}

/* RESPONSIVE (opcional, no toca tus anchos) */
/* 
@media (max-width: 768px) {
  .logo {
    margin-right: 32px;
  }
}

@media (max-width: 480px) {
  .logo {
    margin-right: 24px;
  }
} */

@media (min-width: 768px) and (max-width: 820px) {
  #clientes h2{
    font-size: 42px;
  }
}

  @media(max-width:767px) {
    #clientes {
      padding-top: 40px
    }

    #clientes h2 {
      font-size: 28px;
      margin-bottom: 24px;
    }
/* #clientes .swiper-slide {
  width: 100%!important;
  justify-content: center;
}
#clientes .swiper-slide img {
  max-width: 90%!important;
} */
  }