/* ============================================================
   glb_rsp001.css — Ajustes responsivos.
   ------------------------------------------------------------
   O app já é mobile-first; este arquivo só adapta para PC/tablet
   (telas grandes) e detalhes de orientação.
   ============================================================ */

/* === PC / tablet em paisagem (>= 900px) === */
@media (min-width: 900px) {
  body {
    padding: 28px 0 40px;
    background:
      radial-gradient(800px 400px at 30% -10%, var(--rose-100), transparent 60%),
      radial-gradient(800px 400px at 70% 120%, var(--rose-50), transparent 60%),
      var(--bg);
  }
  /* tabbar fica visualmente "no fundo do celular emulado" */
  .tabbar { border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; }
}

/* === Telinhas bem pequenas (iPhone SE, < 360px) === */
@media (max-width: 359px) {
  :root { --app-max: 100%; }
  .screen { padding: 12px 12px 92px; }
  .app-header { padding: 12px 14px 14px; }
  .tile { padding: 12px; }
  .tile .tile-ico { width: 46px; height: 46px; font-size: 1.25rem; }
}

/* === Acessibilidade: usuários que querem menos movimento === */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}