/* --- TABLET (até 1024px) --- */
@media (max-width: 1024px) {
  body {
    font-size: 15px !important; /* era 17px */
    line-height: 20px !important;
  }

  h1 {
    font-size: 36px !important; /* antes 60px */
    line-height: 42px !important;
  }

  h2 {
    font-size: 28px !important; /* antes 40px */
    line-height: 34px !important;
  }

  h3 {
    font-size: 26px !important;
    line-height: 32px !important;
  }

  h4 {
    font-size: 20px !important;
    line-height: 28px !important;
  }

  h5 {
    font-size: 16px !important;
    line-height: 24px !important;
  }

  h6 {
    font-size: 14px !important;
    line-height: 22px !important;
  }
}

/* --- MOBILE (até 767px) --- */
@media (max-width: 767px) {
  body {
    font-size: 18px !important; /* mais confortável para leitura */
    line-height: 20px !important;
  }

  h1 {
    font-size: 28px !important;
    line-height: 34px !important;
  }

  h2 {
    font-size: 22px !important;
    line-height: 28px !important;
  }

  h3 {
    font-size: 20px !important;
    line-height: 26px !important;
  }

  h4 {
    font-size: 18px !important;
    line-height: 24px !important;
  }

  h5 {
    font-size: 15px !important;
    line-height: 22px !important;
  }

  h6 {
    font-size: 13px !important;
    line-height: 20px !important;
  }
}