/* Page-specific styles (AD-008) */

/* Home — slot dinâmico */
#slot-dinamico {
  text-align: center;

  & h2 { margin-top: var(--space-3); margin-bottom: var(--space-3); color: var(--fg-primary); }
  & p { color: var(--fg-secondary); }
  & .btn { margin-top: var(--space-5); }
}

/* /sobre + /empresas anchor nav */
.anchor-nav {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  padding-block: var(--space-4);
  border-block: 1px solid var(--border-subtle);
  margin-bottom: var(--space-6);
  position: sticky;
  top: 4rem;
  z-index: 50;
  background: color-mix(in oklab, var(--bg-base) 95%, transparent);
  backdrop-filter: blur(8px);

  & a {
    text-decoration: none;
    font-size: var(--fs-body-sm);
    color: var(--fg-tertiary);
    padding: var(--space-1) var(--space-3);
    border-radius: var(--radius-sm);
    transition: color var(--dur-fast) var(--ease-out),
                background var(--dur-fast) var(--ease-out);

    &:hover, &[aria-current] {
      color: var(--fg-primary);
      background: var(--bg-raised);
    }
  }
}