style(home): ajustar ancho del segmento al 85% en iOS

src/app/home/home.page.scss

@@ -131,29 +131,34 @@
 
 .view-segment {
   background: var(--ion-background-color);
-  padding: 10px;
-
-  :host-context(.ios) & {
-    padding: 6px 10px;
-  }
+  padding: 10px 0;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
 
   ion-segment {
-    :host-context(.ios) &,
-    &.ios {
-      min-height: 29px;
+    width: 100%;
+    padding: 0 10px;
 
-      ion-segment-button {
-        min-height: 29px;
-        font-size: 0.9em;
-        --padding-start: 4px;
-        --padding-end: 4px;
-        --padding-top: 0;
-        --padding-bottom: 0;
-      }
+    &.ios {
+      width: 85% !important;
+      max-width: 85% !important;
+      margin-left: auto !important;
+      margin-right: auto !important;
+      padding: 0 !important;
     }
   }
 }
 
+:host-context(.ios) .view-segment ion-segment {
+  width: 85% !important;
+  max-width: 85% !important;
+  margin-left: auto !important;
+  margin-right: auto !important;
+  padding: 0 !important;
+}
+
 .card-header-flex {
   display: flex;
   justify-content: space-between;

src/global.scss

@@ -35,3 +35,12 @@
 /* @import "@ionic/angular/css/palettes/dark.always.css"; */
 /* @import "@ionic/angular/css/palettes/dark.class.css"; */
 @import "@ionic/angular/css/palettes/dark.system.css";
+ 
+/* iOS 85% width for Home segments */
+.ios .view-segment ion-segment,
+.view-segment ion-segment.ios {
+  width: 85% !important;
+  max-width: 85% !important;
+  margin-left: auto !important;
+  margin-right: auto !important;
+}