/* Responsividade */
@media (max-width: 992px) {
  .grid-dobra-01 {
    grid-template-columns: 1fr;
    gap: 30px;
  }

  .titulo-principal {
    font-size: 36px;
    text-align: center;
  }

  .subtitulo {
    font-size: 20px;
    text-align: center;
  }

  .dobra-01-formulario {
    padding: 20px;
  }

  .precos {
    flex-direction: column;
    gap: 10px;
  }

  .dobra-02-funciona {
    grid-template-columns: 1fr;
  }

  .beneficios-grid {
    grid-template-columns: 1fr;
  }

  /* Formulario Meio da Pagina */
  .form-wrapper {
    flex-direction: column;
    gap: 20px;
  }

  .form-wrapper form {
    flex-direction: column;
    align-items: stretch;
  }

  .form-wrapper form label {
    max-width: 100%;
  }

  .form-wrapper input[type="submit"] {
    margin-top: 30px;
    max-width: 100%;
  }

  /* Ingredientes */
  .box-ingredientes {
    grid-template-columns: 1fr;
    /* stacka em 1 coluna no mobile */
  }

  .ingrediente {
    flex-direction: column;
    /* imagem em cima, texto embaixo */
    align-items: center;
    text-align: center;
  }

  .ingrediente img {
    width: 120px;
    height: 120px;
  }

  /* Farmacias */
  #dobra-05 .grid {
    grid-template-columns: 1fr;
  }

  #dobra-05 h2,
  #dobra-05 h3 {
    text-align: center;
  }

  #dobra-05 ul {
    padding-left: 0;
  }

  #dobra-05 ul li {
    text-align: left;
  }

  #dobra-05 .imagem-alerta img {
    max-width: 100%;
    margin: 0 auto;
    display: block;
  }

  /* Depoimentos */
  .grid-depoimentos {
    grid-template-columns: 1fr;
  }

  /* Como usar o Produto */
  .como-usar {
    flex-direction: column;
  }

  .passo {
    flex-direction: row;
    text-align: left;
  }

  .passos {
    width: 100%;
    padding: 0 10px;
  }

  /* FAQ */
  #dobra-09 .faq-grid {
    grid-template-columns: 1fr;
    /* 1 coluna no mobile */
  }

  /* Dobra Final */
  .final-flex {
    grid-template-columns: 1fr;
    gap: 40px;
    justify-items: center;
  }

  .texto-final {
    text-align: center;
  }

  #dobra-final h2 {
    font-size: 1.7em;
  }

  #dobra-final .subtitulo,
  #dobra-final .destaques,
  #dobra-final .urgencia,
  #dobra-final .garantias {
    text-align: center;
  }

  #dobra-final .dobra-01-formulario {
    width: 100%;
  }

  .formulario {
    margin: 0 auto;
  }

  /* Rodapé */
  .rodape-flex {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .coluna-footer {
    align-items: center;
  }

  /* Página de Obrigado */
  .obrigado-flex {
    flex-direction: column;
    text-align: center;
  }

  .texto-obrigado {
    align-items: center;
  }

  .texto-obrigado h1 {
    text-align: center;
  }

  .imagem-obrigado {
    margin-top: 30px;
  }
  
  .obrigado-grid {
    grid-template-columns: 1fr;
  }

  .imagem-obrigado img {
    width: 100%;
  }
}