/*
  SQNZN — Negócios
  Índice editorial de negócios e página individual de cada negócio.
*/

.business-index-list {
  display: flex;
  flex-direction: column;
}

.business-index-item {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--sp-3);
  padding-block: var(--sp-8);
  border-top: 1px solid var(--line-200);
  text-decoration: none;
  transition: background var(--dur-base) var(--ease-editorial);
}

@media (min-width: 1024px) {
  .business-index-item {
    grid-template-columns: 6rem 1fr 10rem 8rem auto;
    align-items: center;
    gap: var(--sp-6);
  }
}

.business-index-item:hover {
  background: var(--paper-100);
}

.business-index-item__index {
  font-family: var(--font-mono);
  font-size: var(--fs-100);
  color: var(--warm-400);
}

.business-index-item__name {
  font-size: var(--fs-500);
}

/* ============ Página individual ============ */

.business-hero {
  padding-block: var(--sp-16) var(--sp-8);
  border-bottom: 4px solid var(--accent);
}

.business-hero__name {
  font-size: clamp(2rem, 6vw, var(--fs-900));
  margin-block: var(--sp-4);
}

.business-media {
  aspect-ratio: 16 / 9;
  background: var(--paper-100);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-block: var(--sp-8);
}

.business-numbers {
  display: grid;
  gap: var(--sp-6);
  grid-template-columns: repeat(2, 1fr);
  margin-block: var(--sp-8);
}

@media (min-width: 768px) {
  .business-numbers {
    grid-template-columns: repeat(4, 1fr);
  }
}