/* mobile.css: estilos para dispositivos móviles */

@media (max-width: 575.98px) {
	body { font-size: 15px; }
	main.container { padding-left: .75rem; padding-right: .75rem; }
		.table { font-size: .82rem; }
		/* Permitir wraps para no forzar ancho mayor en Safari */
		.table td, .table th { white-space: normal; }
	.table-responsive { overflow-x: auto; }
	/* Evitar que badges y grupos de botones provoquen scroll horizontal */
	.d-flex.flex-wrap.gap-1 { margin-right: 0; }
	.navbar-brand { font-size: 1rem; }
}

/* Reglas para prevenir overflow por inputs largos */
input, select, textarea { max-width: 100%; }
/* Evitar zoom automático en inputs en iOS cambiando font-size mínima */
input, select, textarea { font-size: 16px; }