/* Mejoras visuales y de uso propuestas en la revisión del 5 de octubre de 2026.
   Hoja ADITIVA: no cambia spca.css ni los estilos de cada página; solo los complementa.
   Se carga después de spca.css en index.html, acceso.html y app/index.html. */

/* 1. Altura real de la pantalla en celulares (descuenta la barra del navegador). */
.lateral, .lado { height: 100dvh; }
.acceso { min-height: 100dvh; }

/* 2. Campos de 16 px en celular: iOS deja de hacer zoom al enfocar un campo. */
@media (max-width: 900px) {
  input, select, textarea { font-size: 16px !important; }
}

/* 3. Pestañas de los módulos (Contabilidad, Inventario, Planilla...): en escritorio se acomodan
      en dos líneas en lugar de una barra con scroll horizontal; en celular se conserva el scroll,
      sin barra visible. */
@media (min-width: 901px) {
  .lib-tabs { flex-wrap: wrap; overflow: visible; }
}
@media (max-width: 900px) {
  .lib-tabs { scrollbar-width: none; }
  .lib-tabs::-webkit-scrollbar { display: none; }
}

/* 4. Botones pequeños y filas más cómodos al tacto (solo pantallas táctiles). */
@media (pointer: coarse) {
  .btn-sm { padding: 9px 14px; }
  .tabla td { padding-top: 12px; padding-bottom: 12px; }
  .lib-tabs button { padding: 12px 14px; }
}

/* 5. Menos movimiento para quien lo pide en la configuración de su sistema. */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; }
  html { scroll-behavior: auto !important; }
}

/* 6. Zona segura en iPhone con muesca y barra inferior (no cambia nada en otros equipos). */
.superior { padding-top: env(safe-area-inset-top); height: calc(68px + env(safe-area-inset-top)); }
.lateral { padding-top: env(safe-area-inset-top); }
#aviso { bottom: calc(24px + env(safe-area-inset-bottom)); }

/* 7. Detalles de marca: selección de texto con el azul niebla y números alineados en tablas. */
::selection { background: #D3DEEC; color: #1A2230; }
.tabla td.n, .tabla th.n { font-variant-numeric: tabular-nums; }