.ft-brandbar-wrapper{
  display:flex;
  justify-content:center;
  width:100%
}

.ft-brandbar{
  max-width:1270px;
  width:100%;
  margin:0 auto;
  padding:24px 16px
}

.ft-brandbar-cards{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));
  gap:16px;
  align-items:stretch;
  grid-auto-rows:1fr;
  justify-content:center
}

.ft-brandbar-card{
  background:#fff;
  border-radius:18px;
  border:1px solid #3d2e45;
  padding:16px;
  display:flex;
  align-items:flex-start;
  gap:12px;
  min-width:0;
  height:100%;
  box-shadow:none
}

.ft-brandbar-icon{
  width:52px;
  height:52px;
  border-radius:50%;
  background:#efe7f6;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 52px;
  overflow:hidden
}

.ft-brandbar-icon img{
  width:100%;
  height:100%;
  object-fit:cover
}

.ft-brandbar-label{
  font-size:12px;
  text-transform:uppercase;
  opacity:.6;
  line-height:1.1;
  letter-spacing:.02em;
  margin-bottom:4px
}

.ft-brandbar-value{
  font-weight:600;
  line-height:1.25;
  white-space:normal;
  overflow:hidden;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3
}

.ft-brandbar-value a{
  text-decoration:none;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:4;
  overflow:hidden
}

@media (max-width: 1100px){
  .ft-brandbar-cards{
    grid-template-columns:repeat(3,minmax(0,1fr))
  }
}

@media (max-width: 650px){
  .ft-brandbar-cards{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  /* Si hay número impar de tarjetas, la última ocupa todo el ancho */
  .ft-brandbar-card:last-child:nth-child(odd){
    grid-column:1 / -1;
  }
}