/* ============================================================
   plataformas.css — Estilos exclusivos da página plataformas
   Athletica · 2026
   ============================================================ */

/* ============================================================
   Header da página
   ============================================================ */
.page-header {
  background-color: var(--color-surface);
  padding-block: var(--space-16) var(--space-12);
  border-bottom: 1px solid var(--color-border);
}

.page-header__inner {
  max-width: var(--content-default);
  margin-inline: auto;
  padding-inline: var(--space-6);
}

.page-header__breadcrumb {
  font-size: var(--text-xs);
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.10em;
  color: var(--color-text-muted);
  margin-bottom: var(--space-4);
}

.page-header__breadcrumb a {
  color: var(--color-text-muted);
  transition: color 0.15s ease;
}

.page-header__breadcrumb a:hover {
  color: var(--color-text);
}

.page-header__h1 {
  font-size: var(--text-2xl);
  color: var(--color-text);
  margin-bottom: var(--space-4);
}

.page-header__subtitle {
  font-size: var(--text-base);
  color: var(--color-text-muted);
  max-width: 56ch;
  line-height: 1.7;
}

/* ============================================================
   Grid de plataformas
   ============================================================ */
.plataformas-section {
  padding-block: var(--space-16);
}

.plataformas-section__inner {
  max-width: var(--content-default);
  margin-inline: auto;
  padding-inline: var(--space-6);
}

/* Card expandido para a página plataformas */
.platform-card--full .platform-card__desc {
  font-size: var(--text-base);
}

.platform-card--full .platform-card__footer {
  margin-top: var(--space-2);
}