/* Catálogo compacto: conserva una medida y una estructura común en todas las tarjetas. */
.integration-catalog {
  gap: 12px;
  align-items: stretch;
  grid-auto-rows: 1fr;
}

.integration-tile {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  height: 100%;
  min-height: 154px;
  padding: 12px 14px;
  border-radius: 13px;
}

.integration-tile-top {
  gap: 10px;
}

.integration-tile .integration-brand {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(26, 63, 47, 0.06);
}

.integration-tile .integration-brand img {
  width: 28px;
  height: 28px;
  object-fit: contain;
}

.integration-tile-copy {
  padding-top: 7px;
}

.integration-tile-copy h2 {
  margin-bottom: 3px;
  font-size: 15px;
}

.integration-tile-copy p {
  display: -webkit-box;
  overflow: hidden;
  font-size: 9px;
  line-height: 1.4;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.integration-tile-meta {
  gap: 10px;
  margin-top: 7px;
  padding-top: 7px;
}

.integration-tile-meta > span { font-size: 8px; }
.integration-tile-meta b { font-size: 9px; }

.integration-section-heading {
  gap: 20px;
  margin-bottom: 10px;
}

.integration-section-heading h2 {
  margin: 2px 0 3px;
  font-size: 17px;
}

.integration-section-heading div > p:last-child {
  font-size: 9px;
  line-height: 1.45;
}

.other-integrations {
  margin-top: 22px;
  padding-top: 20px;
}

.integration-security-note {
  margin: 16px 0;
}

@media (max-width: 720px) {
  .integration-catalog { grid-auto-rows: auto; }
  .integration-tile { height: auto; min-height: 154px; }
  .other-integrations { margin-top: 20px; padding-top: 18px; }
}