/* Media Queries */

/* Tablets e dispositivos médios */
@media (max-width: 820px) {
    .main-container {
      grid-template-areas:
        "intro-section"
        "conteiner-form";
      grid-template-columns: 1fr;
      gap: 1.5rem;
      height: auto;
    }
  
    .intro-section {
      font-size: 1.2rem;
    }
  
    .intro-title {
      font-size: 3.8rem;
    }
    .pricing-banner {
      height: 6rem;
    }
  }
  
  @media (max-width: 600px) {
    .intro-title {
      font-size: 2.7rem;
    }
    .pricing-banner {
      height: 6rem;
    }
  }
  
  /* Smartphones */
  @media (max-width: 480px) {
    .main-container {
      width: 95%;
      padding: 1rem;
    }
  
    .intro-section {
      font-size: 1rem;
      text-align: center;
    }
  
    .intro-title {
      font-size: 1.7rem;
    }
    .pricing-banner {
      height: 6rem;
    }
    .button {
      height: 2.5rem;
      font-size: 0.9rem;
    }
  }