/* Mobile reading rhythm; desktop styling stays in the existing stylesheets. */
@media (max-width: 767px) {
  body > section, body > footer { text-align: center; }
  body > section { padding-top: 3.5rem; padding-bottom: 3.5rem; }
  section h1 { font-size: clamp(2rem, 8.5vw, 3rem); line-height: 1.15; }
  section h2 { font-size: clamp(1.65rem, 6.8vw, 2.3rem); line-height: 1.25; }
  section h3 { line-height: 1.35; }
  section h1, section h2, section h3 { overflow-wrap: break-word; }
  section p { margin-inline: auto; max-width: 38rem; }
  section figcaption { text-align: center; }
  section .grid > div { min-width: 0; }
  #inicio > div > .flex.justify-center > div { max-width: 100%; }
  #inicio > div > .flex.justify-center > div > span:first-child { flex-shrink: 0; }
  #inicio > div > .flex.justify-center .tracking-widest { letter-spacing: .055em; line-height: 1.6; }
  #pagamentos .flex.flex-wrap { justify-content: center; }
  #escopo .glass-card-interactive > .flex.items-center,
  #operacao .grid > div > .flex.items-center { flex-direction: column; justify-content: center; gap: .75rem; }
  #escopo .glass-card-interactive > p { text-align: center; }
  #escopo .glass-card-interactive,
  #operacao .grid > div { padding: 1.5rem; }
  #escopo ul, #modelo ul, #operacao .space-y-3\.5 { text-align: left; }
  #atendimento-ai .border-l-2 { border-left: 0; padding-left: 0; padding-top: 1rem; border-top: 1px solid rgba(57,229,61,.25); }
  #atendimento-ai a.inline-flex { justify-content: center; width: 100%; max-width: 26rem; }
  #parceiros .self-start { align-self: center; }
  #parceiros > p { text-align: center; }
  #simulador > div > div { padding: 1.5rem 1.25rem; }
  #simulador .text-right { text-align: center; }
  #simulador .space-y-6 > div > .flex.justify-between:first-child { flex-direction: column; align-items: center; gap: .35rem; }
  #simulador #faturamentoLabel { text-align: center; }
  #simulador .space-y-6 > div > .flex.justify-between:not(:first-child) { font-size: .7rem; gap: .5rem; }
  #simulador .space-y-6 > div > .flex.justify-between:not(:first-child) > span { flex: 1; }
  #aplicacao > div > .border-2 { padding: 1.75rem 1.25rem; }
  #partnerApplicationForm { text-align: left; }
  #partnerApplicationForm button[type=submit] { justify-content: center; text-align: center; }
  #partnerApplicationForm input, #partnerApplicationForm select, #partnerApplicationForm textarea { font-size: 1rem; }
  footer .grid { gap: 2rem; margin-bottom: 2rem; }
  footer .grid > div > .flex { justify-content: center; }
  footer p { margin-inline: auto; }
  footer ul a { display: inline-block; padding-block: .375rem; }
  footer .border-t { line-height: 1.7; }
  #toastNotification { left: 1rem; right: 1rem; bottom: 1rem; }
  #toastNotification > div { max-width: 100%; }
}