/* ==========================================================================
   RESPONSIVE.CSS — Adaptação Responsiva do Sistema Editorial Nfinite
   ========================================================================== */

@media (max-width: 1023px) {
  .header-nav {
    display: none;
  }

  .mobile-menu-toggle {
    display: inline-flex;
  }

  .studio-4col-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .nfinite-faq-split-grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }

  .nfinite-faq-left,
  .nfinite-faq-right {
    padding: 0;
    border: none;
  }

  .nfinite-sharp-cards-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .nfinite-bio-3col {
    grid-template-columns: 1fr;
    gap: var(--space-6);
  }

  .monolith-tech-note,
  .monolith-science-block {
    margin-left: 0;
  }
}

@media (max-width: 767px) {
  .nfinite-hero-top {
    height: 100vh;
    min-height: 100vh;
    padding: 110px var(--container-px) 44px;
  }

  .studio-4col-grid {
    grid-template-columns: 1fr;
    padding: 0 12px;
  }

  .nfinite-spec-metric-line {
    grid-template-columns: 1fr;
    gap: 6px;
  }

  .metric-val-text {
    text-align: left;
  }

  .nfinite-sharp-cards-grid,
  .form-grid-2col {
    grid-template-columns: 1fr;
  }

  .nfinite-split-giant-title {
    font-size: clamp(3rem, 13vw, 4.8rem);
  }

  .nfinite-contact-form-wrap {
    padding: var(--space-5);
  }
}