/* v55 · leitura no celular: menos rolagem, números e botões mais visíveis */
@media (max-width: 760px) {
  .sec { padding-top: 56px; padding-bottom: 56px; }
  #duvidas { padding-top: 8px !important; }
  .lead, .how-context, .catalog-description, .hero p { font-size: 16px; line-height: 1.5; }

  /* intro: os números já aparecem no topo e em Condições; fica só a mensagem e a foto */
  .brand-intro .hero-stats { display: none; }
  .brand-intro .how-photo { margin-top: 24px; }

  /* condições: ficha em duas colunas, leitura rápida */
  #condicoes .specs { display: grid; grid-template-columns: 1fr 1fr; gap: 0 16px; }
  #condicoes .spec { padding: 12px 0; display: flex; flex-direction: column; gap: 2px; border-bottom: 1px solid rgba(0,0,0,.08); }
  #condicoes .spec small { font-size: 12px; }
  #condicoes .spec b { font-size: 15px; line-height: 1.3; }

  /* outras soluções: carrossel lateral em vez de três cards empilhados */
  #modalidades .catalog-grid {
    display: flex; gap: 14px; overflow-x: auto; scroll-snap-type: x mandatory;
    margin: 0 -20px; padding: 0 20px 8px; scrollbar-width: none;
  }
  #modalidades .catalog-grid::-webkit-scrollbar { display: none; }
  #modalidades .catalog-card { flex: 0 0 84%; scroll-snap-align: start; }

  /* botões de ação: alvo de toque confortável */
  .btn { min-height: 52px; }
  #simular .btn, #planejamento .btn { width: 100%; justify-content: center; }
}

/* v56 · paleta da referência: preto-oliva + verde-limão como cor de ação */
.btn-g, .hero .btn-g { background: #1DBF73 !important; color: #0B141A !important; }
.btn-g:hover { background: #7BE8A4 !important; }