/**
 * RESPONSIVE ADJUSTMENTS & MEDIA QUERIES
 */
@media (max-width: 1200px) {
  :root {
    --spacing-16: 3.5rem;
    --spacing-20: 4rem;
  }
}

@media (max-width: 992px) {
  :root {
    --header-height: 72px;
    --header-compact-height: 64px;
    --spacing-12: 2.5rem;
    --spacing-16: 3rem;
  }

  .section-title {
    font-size: 2rem;
  }
}

@media (max-width: 768px) {
  :root {
    --header-height: 68px;
    --header-compact-height: 60px;
  }

  .whatsapp-float {
    bottom: 16px;
    right: 16px;
    width: 52px;
    height: 52px;
  }

  .whatsapp-float svg {
    width: 28px;
    height: 28px;
  }

  .back-to-top {
    bottom: 78px;
    right: 18px;
    width: 38px;
    height: 38px;
  }

  .wizard-progress {
    margin-bottom: var(--spacing-6);
  }

  .wizard-step-title {
    display: none;
  }

  .cta-banner {
    padding: var(--spacing-8) var(--spacing-4);
  }
}

@media (max-width: 480px) {
  .section {
    padding-top: var(--spacing-10);
    padding-bottom: var(--spacing-10);
  }

  .btn-lg {
    padding: 0.85rem 1.25rem;
    font-size: var(--font-size-base);
  }
}