/* Marketing Hype — V126 fix real de la franja de clientes */

/* +35 MARCAS: que se lea como una sola unidad y sin recortes */
.project-intro{
  align-items:center !important;
  gap:22px !important;
}
.project-intro > div{
  display:flex !important;
  align-items:flex-end !important;
  gap:10px !important;
  flex-wrap:wrap !important;
  overflow:visible !important;
}
.project-number{
  display:block !important;
  font-size:72px !important;
  line-height:1.06 !important;
  padding-top:4px !important;
  margin:0 !important;
  overflow:visible !important;
}
.project-intro strong{
  display:block !important;
  margin:0 0 9px 0 !important;
  font-size:18px !important;
  line-height:1 !important;
  letter-spacing:.16em !important;
}
.project-intro p{
  margin:0 !important;
}

/* Franja blanca limpia, sin máscaras ni velos en los extremos */
.logo-marquee{
  position:relative !important;
  overflow:hidden !important;
  padding:0 !important;
  background:linear-gradient(180deg,#ffffff 0%, #f6f9ff 100%) !important;
  border:1px solid #cfdcf0 !important;
  border-radius:22px !important;
  box-shadow:0 14px 32px rgba(9,28,76,.12) !important;
  -webkit-mask-image:none !important;
  mask-image:none !important;
}
.logo-marquee::before,
.logo-marquee::after{
  display:none !important;
  content:none !important;
  background:none !important;
  box-shadow:none !important;
}
.logo-viewport{
  overflow:hidden !important;
  padding:16px 18px !important;
  -webkit-mask-image:none !important;
  mask-image:none !important;
}
.logo-marquee-track{
  align-items:center !important;
  gap:22px !important;
  padding:0 !important;
}
.client-logo{
  flex:0 0 186px !important;
  width:186px !important;
  height:98px !important;
  padding:12px 14px !important;
  display:grid !important;
  place-items:center !important;
  overflow:hidden !important;
  border-radius:14px !important;
  background:#ffffff !important;
  border:1px solid #d7e2f1 !important;
  box-shadow:0 8px 18px rgba(18,43,99,.08) !important;
  opacity:1 !important;
}
.client-logo::before{
  display:none !important;
  content:none !important;
}
.client-logo img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:center !important;
  transform:none !important;
  animation:none !important;
  filter:none !important;
}
.center-actions{
  margin-top:20px !important;
}

@media (max-width: 860px){
  .project-intro{
    gap:16px !important;
  }
  .project-number{
    font-size:64px !important;
  }
  .logo-viewport{
    padding:14px 14px !important;
  }
  .logo-marquee-track{
    gap:18px !important;
  }
  .client-logo{
    flex-basis:168px !important;
    width:168px !important;
    height:90px !important;
  }
}

@media (max-width: 600px){
  .project-intro{
    align-items:flex-start !important;
  }
  .project-intro > div{
    gap:8px !important;
  }
  .project-number{
    font-size:56px !important;
    padding-top:2px !important;
  }
  .project-intro strong{
    margin-bottom:7px !important;
    font-size:16px !important;
  }
  .logo-viewport{
    padding:12px 10px !important;
  }
  .logo-marquee-track{
    gap:14px !important;
  }
  .client-logo{
    flex-basis:150px !important;
    width:150px !important;
    height:82px !important;
    padding:8px 10px !important;
  }
}