/* Marketing Hype — V127
   Ajuste pedido por el usuario:
   - logos más grandes y legibles
   - sin crear una segunda caja blanca dentro de la franja
   - mejor lectura general del carrusel
*/

.logo-marquee{
  background: linear-gradient(180deg,#ffffff 0%,#f8fbff 100%) !important;
  border:1px solid #d5e0f1 !important;
  border-radius:22px !important;
  box-shadow:0 14px 32px rgba(9,28,76,.12) !important;
}

.logo-viewport{
  overflow:hidden !important;
  padding:18px 22px !important;
}

.logo-marquee-track{
  align-items:center !important;
  gap:30px !important;
  padding:0 4px !important;
}

/* Sin tarjeta blanca adicional por logo */
.client-logo{
  flex:0 0 210px !important;
  width:210px !important;
  height:110px !important;
  padding:6px 8px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:visible !important;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  border-radius:0 !important;
}

.client-logo img{
  width:auto !important;
  height:auto !important;
  max-width:194px !important;
  max-height:94px !important;
  object-fit:contain !important;
  object-position:center !important;
  filter:none !important;
  background:transparent !important;
}

.client-logo:hover{
  transform:translateY(-2px) !important;
  box-shadow:none !important;
}

.client-logo:hover img{
  transform:scale(1.03) !important;
  filter:none !important;
}

@media (max-width:860px){
  .logo-viewport{padding:16px 16px !important;}
  .logo-marquee-track{gap:24px !important;}
  .client-logo{
    flex-basis:184px !important;
    width:184px !important;
    height:96px !important;
  }
  .client-logo img{
    max-width:170px !important;
    max-height:82px !important;
  }
}

@media (max-width:600px){
  .logo-viewport{padding:12px 10px !important;}
  .logo-marquee-track{gap:18px !important;}
  .client-logo{
    flex-basis:158px !important;
    width:158px !important;
    height:84px !important;
    padding:4px 6px !important;
  }
  .client-logo img{
    max-width:146px !important;
    max-height:72px !important;
  }
}
