/**
 * Campus Latino Real — Ajustes responsive transversales.
 */
@media (max-width: 720px) {
  .app-content { padding: var(--space-sm); }
  .page-head h1 { font-size: var(--font-size-lg); }
  .stat-grid { grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); }
  .card__body { padding: var(--space-sm); }
  .modal { max-height: 92vh; }
}

@media (max-width: 480px) {
  .role-select-grid { grid-template-columns: 1fr; }
  .field-grid { grid-template-columns: 1fr; }
  .auth-card { padding: var(--space-md); }
}

/* Botones y áreas táctiles: nunca por debajo de 44px en cualquier ancho */
@media (pointer: coarse) {
  .btn, .icon-btn, .nav-link, select, input, textarea {
    min-height: 44px;
  }
}

/* Nunca permitir scroll horizontal general */
html, body { overflow-x: hidden; }
.app-shell { overflow-x: hidden; }