/*
Theme Name: Betheme Child
Theme URI: https://themes.muffingroup.com/betheme
Author: Muffin group
Author URI: https://muffingroup.com
Description: Child Theme for Betheme
Template: betheme
Version: 2.0.2
*/
/* Grid de 4 columnas (ajustable) */
.bb-brand-grid{
  display:grid;
  gap:24px;
  grid-template-columns: repeat(var(--bb-cols,4), minmax(0,1fr));
}

/* Tarjeta con el look de tu ejemplo */
.bb-brand-card{
  text-decoration:none;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:12px;
}

.bb-brand-thumb{
  width:100%;
  aspect-ratio:1/1;             /* cuadrado perfecto */
  border:1px solid #e6e6e6;
  border-radius:6px;
  background:#fff;
  display:grid;
  place-items:center;
}

.bb-brand-img{
  max-width:72%;
  max-height:72%;
  object-fit:contain;
}

.bb-brand-fallback{
  width:72%; height:72%;
  display:grid; place-items:center;
  background:#f5f5f5;
  border-radius:6px;
  font-weight:700; font-size:40px; color:#7a7a7a;
}

/* Nombre debajo, fuerte y azul oscuro como en tu captura */
.bb-brand-name{
  font-weight:700;
  color:#0b1e44;          /* ajusta si tu tema usa otro tono */
  text-align:center;
  letter-spacing:.2px;
}

/* Responsivo */
@media (max-width:1024px){ .bb-brand-grid{ grid-template-columns: repeat(3,1fr);} }
@media (max-width:700px){  .bb-brand-grid{ grid-template-columns: repeat(2,1fr);} }