@media (max-width: 820px) {
  .pagina-familias { width: min(100% - 18px, 720px); padding: 9px 0 28px; }
  .cartao-tela { min-height: calc(100vh - 76px); border-radius: 28px; }
  .acolhimento { grid-template-columns: 1fr; text-align: center; padding: 28px 22px; }
  .personagens { width: min(72%, 310px); order: -1; }
  .numeros-familias { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .opcao-familia { min-height: 92px; }
  .sequencia-familia { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .lugar-familia { min-height: 72px; }
  .algarismos-disponiveis { grid-template-columns: repeat(5, minmax(58px, 1fr)); }
}

@media (max-width: 520px) {
  .aprendizagem { padding: 16px 10px 24px; }
  .numeros-familias { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
  .opcao-familia { min-height: 76px; border-radius: 16px; font-size: 2.2rem; }
  .sequencia-familia { gap: 6px; }
  .lugar-familia { min-height: 62px; border-radius: 14px; font-size: 1.75rem; }
  .algarismos-disponiveis { grid-template-columns: repeat(3, minmax(64px, 1fr)); gap: 8px; }
  .algarismo-escolha { min-height: 68px; }
  .alternativas-seguinte { width: 100%; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
  .alternativa-numero { min-height: 92px; border-radius: 16px; }
  .navegacao-ambiente .botao { min-height: 50px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}