From fbc68001f4b72f98aea3c003c6f53b47c478489b Mon Sep 17 00:00:00 2001
From: Carlos Facundo Tello <carlosfacundotello@MacBookPro.fibertel.com.ar>
Date: Sat, 29 Aug 2026 01:53:02 -0300
Subject: [PATCH] style(home): ajustar ancho del segmento al 85% en iOS

---
 src/app/home/home.page.scss | 37 +++++++++++++++++++++----------------
 src/global.scss             |  9 +++++++++
 2 files changed, 30 insertions(+), 16 deletions(-)

diff --git a/src/app/home/home.page.scss b/src/app/home/home.page.scss
index 4986f7a..dbf5698 100644
--- a/src/app/home/home.page.scss
+++ b/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;
diff --git a/src/global.scss b/src/global.scss
index 840c6c6..ba38d75 100644
--- a/src/global.scss
+++ b/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;
+}