diff --git a/src/client/assets/styles/mobile_ux.css b/src/client/assets/styles/mobile_ux.css
index 7bdfcfa..404d585 100644
--- a/src/client/assets/styles/mobile_ux.css
+++ b/src/client/assets/styles/mobile_ux.css
@@ -593,7 +593,7 @@ body:has(#oasis-menu-toggle:checked) form.oasis-phone-state { display: none !imp
 /* a 800dp todo se estiraba: lineas larguisimas y la hoja del menu con cinco iconos
    repartidos en 800px. Contenido a 720px como mucho, centrado; la hoja, igual */
 @media (min-width: 700px) {
-  body .main-content { max-width: 720px; margin-left: auto !important; margin-right: auto !important; width: 100%; box-sizing: border-box; }
-  body > .welcome-banner { max-width: 692px; margin-left: auto !important; margin-right: auto !important; }
+  body .main-content { max-width: 720px !important; margin-left: auto !important; margin-right: auto !important; width: 100% !important; box-sizing: border-box; }
+  body > .welcome-banner { width: calc(100% - 28px) !important; max-width: 692px !important; margin-left: auto !important; margin-right: auto !important; box-sizing: border-box; }
   .oasis-bottombar .menu-toggle:checked ~ div.menu-sheet { left: 50%; right: auto; width: 640px; margin-left: -320px; }
 }