/* ══════════════════════════════════════════════
 * CECA Entidades Grid Widget — Estilos
 * ══════════════════════════════════════════════ */

/* ── Contenedor principal ── */
.ceca-entidades-grid {
  width: 100%;
  font-family: var(--ceca-font-family, "Encode Sans Expanded", sans-serif);
}

/* ── Grid ── */
.ceca-entidades-grid__grid {
  --ceca-entidades-cols: 5;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0 32px;
  width: 100%;
}

/* ── Item ── */
.ceca-entidades-grid__item {
  flex: 0 0
    calc(
      (100% - 32px * (var(--ceca-entidades-cols) - 1)) /
        var(--ceca-entidades-cols)
    );
  min-width: 100px;
  height: 129px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* ── Logo ── */
.ceca-entidades-grid__logo {
  max-width: 100%;
  max-height: 60px;
  width: auto;
  height: auto;
  object-fit: contain;
  mix-blend-mode: multiply;
}

/* ══════════════════════════════════════════════
 * Responsive
 * ══════════════════════════════════════════════ */

/* ── Tablet (max 1024px) ── */
@media (max-width: 1024px) {
  .ceca-entidades-grid__grid {
    gap: 0 24px;
  }

  .ceca-entidades-grid__item {
    height: 100px;
  }
}

/* ── Mobile (max 768px) ── */
@media (max-width: 768px) {
  .ceca-entidades-grid__grid {
    gap: 0 16px;
    justify-content: center;
  }

  .ceca-entidades-grid__item {
    height: 80px;
    flex: 0 0
      calc(
        (100% - 16px * (var(--ceca-entidades-cols) - 1)) /
          var(--ceca-entidades-cols)
      );
  }
}