# Adaptación de pantallas

Los dos paneles incluyen `filament.shared.responsive-layout` desde AppServiceProvider. Se adapta al ancho disponible en píxeles CSS, no al tamaño físico del monitor. No se aplica zoom, escalado global ni reducción de la tipografía base.

- Encabezado de 64–72 px y logo proporcionado.
- Barra lateral de 224 px en escritorios pequeños y 256 px en grandes; menú móvil hasta 1023 px.
- Tablas anchas con desplazamiento dentro del contenedor.
- Los modales conservan sus dimensiones, centrado y estilos originales de Filament y de tareas. La adaptación general no sobrescribe su ancho, alto ni distribución interna.
- Formularios de página móviles en una columna, campos de 16 px y botones táctiles, excluyendo el interior de los modales.
- Pestañas y calendarios con desplazamiento propio; filtros y tarjetas redistribuidos.
- Columnas fijas del maestro más compactas en móvil.

Despliegue: subir AppServiceProvider.php y resources/views/filament/shared/responsive-layout.blade.php y ejecutar `php artisan view:clear`. No requiere migraciones ni compilación de assets. El hosting debe conservar los demás archivos previamente instalados.

Validación: pruebas de ruta de tareas y creación de usuarios; renderizado Edge de una página de prueba de tablas y formularios en ventana pequeña, sin desbordamiento horizontal de página. Esto no sustituye una revisión visual de cada pantalla con los datos del hosting.