@media (max-width: 1000px) {
  .aprendizado__grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 820px) {
  :root { --section-padding: 64px; }
  .burger { display: block; }
  .nav { position: fixed; top: 0; left: 0; right: 0; padding: 90px 28px 32px; flex-direction: column; align-items: flex-start; gap: 22px; font-size: 1.05rem; background: rgba(16,17,19,.97); backdrop-filter: blur(16px); transform: translateY(-100%); transition: transform .6s var(--ease); z-index: -1; }
  .nav.is-open { transform: none; }
  /* Hero no celular: foto no topo, texto logo depois (sobrepondo a base da foto) */
  .hero { display: block; min-height: 0; max-height: none; padding-bottom: 52px; background: #101113; }
  .hero__media { position: relative; inset: auto; transform: none !important; }
  .hero__media img { position: relative; top: auto; right: auto; display: block; width: 100%; height: auto; margin-top: 0; -webkit-mask-image: linear-gradient(180deg, transparent 0, #000 14%, #000 55%, transparent 100%); mask-image: linear-gradient(180deg, transparent 0, #000 14%, #000 55%, transparent 100%); }
  .hero__overlay { background: linear-gradient(0deg, #101113 0%, #101113 34%, rgba(16,17,19,.7) 52%, rgba(16,17,19,0) 76%); }
  .hero__glow { background: radial-gradient(360px circle at 70% 24%, rgba(214,150,80,.22), transparent 70%); }
  .hero__content { position: relative; margin-top: -170px; padding-top: 0; padding-bottom: 0; }
  .hero__text { max-width: 100%; }
  .scroll-hint { display: none; }
  .beneficios__grid { grid-template-columns: 1fr; gap: 34px; }
  .beneficio + .beneficio::before { display: none; }
  .professor { grid-template-columns: 1fr; }
  .professor__photo { min-height: 520px; }
  .professor__text { max-width: none; }
  .footer__row { flex-direction: column; text-align: center; }
  .footer__nav { gap: 22px; }
}
@media (max-width: 560px) {
  .aprendizado__grid { grid-template-columns: 1fr; }
  .modulo { flex-basis: 78vw; }
  .modulo--intro { flex-basis: 70vw; }
  .modulo--wide { flex-basis: 90vw; }
  .modulo--wide ol { columns: 2; column-gap: 18px; }
  .modulo--wide li { font-size: 0.8rem; padding-left: 20px; margin-bottom: 6px; }
  .modulo ol { gap: 6px; }
  .modulo li { font-size: 0.82rem; }
  .modulo--intro { flex-basis: 70vw; }
  .carousel__hint { font-size: 0.72rem; }
  .learn__img { aspect-ratio: 16 / 9; }
  .learn:nth-child(4) .learn__img img { object-position: center 6%; }
}