@media (max-width: 768px) {
  .container {
    width: min(100% - 24px, var(--max-width));
  }
  
  .section, .section-lg {
    padding: 56px 0;
  }
}

@media (max-width: 1024px) {
  .contact-layout {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .contact-how-grid {
    grid-template-columns: 1fr;
  }

  .contact-container-max {
    width: min(100% - 40px, 1140px);
  }
}

@media (max-width: 767px) {
  .floating-whatsapp {
    right: 16px;
    bottom: calc(16px + env(safe-area-inset-bottom, 0px));
    width: 56px;
    height: 56px;
  }

  .floating-whatsapp__icon {
    width: 28px;
    height: 28px;
  }

  .floating-whatsapp__pulse {
    inset: -5px;
  }
}

@media (max-width: 768px) {
  .internal-hero--compact {
    padding: 28px 0 32px;
  }

  .internal-hero--media,
  .internal-hero--media.internal-hero--compact {
    min-height: clamp(280px, 56vw, 420px);
    padding: 64px 0;
  }

  .internal-hero--media .breadcrumb {
    margin-bottom: 20px;
  }

  .internal-hero--media .internal-hero-actions {
    margin-top: 22px;
  }

  .internal-hero-overlay {
    background:
      linear-gradient(180deg, rgba(14,18,16,.72) 0%, rgba(14,18,16,.52) 48%, rgba(14,18,16,.68) 100%);
  }

  .internal-hero-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .internal-hero-actions .btn-wa,
  .internal-hero-actions .btn-outline {
    width: 100%;
    justify-content: center;
  }

  .contact-main {
    padding-top: 40px;
    padding-bottom: 48px;
  }

  .contact-form-card {
    padding: 22px 18px;
  }

  .contact-field-row {
    grid-template-columns: 1fr;
  }

  .contact-container-max {
    width: min(100% - 40px, 1140px);
  }

  .contact-final-cta .btn-wa,
  .contact-side-card__btn,
  .contact-form-submit {
    width: 100%;
  }
}

@media (max-width: 480px) {
  .contact-container-max {
    width: min(100% - 40px, 1140px);
  }
}