feat: mejorar ux y validaciones del toldo

apps/toldo-app/src/style.css

@@ -17,7 +17,7 @@
 
   font: 18px/145% var(--sans);
   letter-spacing: 0.18px;
-  color-scheme: light dark;
+  color-scheme: light;
   color: var(--text);
   background: var(--bg);
   font-synthesis: none;
@@ -52,6 +52,8 @@
 
 body {
   margin: 0;
+  min-width: 320px;
+  background: #f5f7f2;
 }
 
 h1,
@@ -156,17 +158,7 @@ code {
   }
 }
 
-#app {
-  width: 1126px;
-  max-width: 100%;
-  margin: 0 auto;
-  text-align: center;
-  border-inline: 1px solid var(--border);
-  min-height: 100svh;
-  display: flex;
-  flex-direction: column;
-  box-sizing: border-box;
-}
+#app { min-height: 100svh; }
 
 #center {
   display: flex;