/* Ajustes de luminosidade e ritmo visual */
.hero {
  min-height: min(820px, 92vh);
  background: #07111b;
}

.hero::after {
  content: '';
  position: absolute;
  inset: auto 0 0;
  z-index: 1;
  height: 96px;
  background: linear-gradient(180deg, rgba(248,250,252,0), rgba(248,250,252,.92) 78%, var(--gray-50));
  pointer-events: none;
}

.hero-bg {
  background:
    linear-gradient(90deg, rgba(5,8,13,.90), rgba(5,8,13,.66) 42%, rgba(5,8,13,.18) 72%),
    linear-gradient(0deg, rgba(5,8,13,.58), rgba(5,8,13,.18) 48%, transparent),
    url('/assets/img/hero-road.jpg') center right / cover no-repeat;
  filter: brightness(1.08) saturate(1.02);
}

.hero-content {
  padding-top: clamp(112px, 14vh, 142px);
  padding-bottom: clamp(62px, 8vh, 88px);
}

.hero h1 {
  max-width: 800px;
  font-size: clamp(44px, 6.4vw, 72px);
  line-height: .98;
}

.hero p {
  max-width: 600px;
  color: rgba(255,255,255,.92);
}

.hero-stats {
  max-width: 820px;
  gap: 24px;
  margin-top: 30px;
}

.hero-stats strong {
  font-size: 25px;
}

.hero-actions {
  margin-top: 32px;
}

.crm-structure {
  margin-top: -1px;
  padding-top: 70px;
  background: linear-gradient(180deg, var(--gray-50) 0%, #fff 42%, var(--gray-50) 100%);
}

.crm-structure-panel {
  background:
    linear-gradient(180deg, rgba(3,7,12,.82), rgba(3,7,12,.74)),
    url('/assets/img/hero-road.jpg') center center / cover no-repeat;
}

.crm-structure-panel::before {
  background: linear-gradient(135deg, rgba(5,8,13,.90), rgba(5,8,13,.52));
}

.risk-home {
  background: linear-gradient(180deg, #fff 0%, var(--gray-50) 100%);
}

.training-home {
  background: #fff;
}

.insights {
  background: var(--gray-50);
}

@media (max-width: 1100px) {
  .hero {
    min-height: auto;
  }

  .hero-content {
    padding-top: 132px;
    padding-bottom: 86px;
  }

  .hero h1 {
    max-width: 720px;
  }
}

@media (max-width: 700px) {
  .hero::after {
    height: 64px;
  }

  .hero-bg {
    background:
      linear-gradient(90deg, rgba(5,8,13,.94), rgba(5,8,13,.78) 58%, rgba(5,8,13,.40)),
      linear-gradient(0deg, rgba(5,8,13,.68), rgba(5,8,13,.18) 48%, transparent),
      url('/assets/img/hero-road.jpg') center right / cover no-repeat;
  }

  .hero-content {
    padding-top: 122px;
    padding-bottom: 76px;
  }

  .hero h1 {
    font-size: clamp(40px, 13vw, 58px);
  }

  .hero-stats {
    gap: 18px;
  }
}