/* WAW Apps UI (frontend-only): micro mejoras responsive y legibilidad */
:root{
  --waw-app-max: 1200px;
}

.waw-app-shell{
  max-width: var(--waw-app-max);
  margin: 0 auto;
  padding: 1.25rem;
}

@media (min-width: 768px){
  .waw-app-shell{ padding: 1.75rem; }
}

@media (min-width: 1200px){
  .waw-app-shell{ padding: 2.25rem; }
}

/* Tablas: evita “romper” en móvil */
.table-responsive{
  -webkit-overflow-scrolling: touch;
}

/* Inputs más cómodos en móvil */
@media (max-width: 575.98px){
  input, select, textarea, button{
    font-size: 16px; /* evita zoom en iOS */
  }
}