From 37d94159aae2ce3164b88840fcdd570d1d6a6a99 Mon Sep 17 00:00:00 2001
From: ncoronel <ncoronel@quo.ar>
Date: Fri, 3 Jul 2026 11:52:11 -0300
Subject: [PATCH] feat(checkout): update styles for title and labels in payment
 step for improved readability

---
 .../checkout-page/checkout-payment-step.component.scss | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/app/features/store/pages/checkout-page/checkout-payment-step.component.scss b/src/app/features/store/pages/checkout-page/checkout-payment-step.component.scss
index 398af0b..2d59ee5 100644
--- a/src/app/features/store/pages/checkout-page/checkout-payment-step.component.scss
+++ b/src/app/features/store/pages/checkout-page/checkout-payment-step.component.scss
@@ -35,8 +35,8 @@
 
   &__title {
     margin: 0 0 1.75rem;
-    color: #8f8f8f;
-    font-size: 0.95rem;
+    color: #8a8a8a;
+    font-size: 13px;
     font-weight: 700;
   }
 
@@ -51,6 +51,9 @@
   grid-template-columns: auto minmax(0, 1fr) auto;
   align-items: center;
   gap: 0.85rem;
+  width: 100%;
+  max-width: 200px;
+  justify-self: start;
   padding: 0.35rem 0;
   color: #666666;
   cursor: pointer;
@@ -74,7 +77,7 @@
 
   &__label {
     min-width: 0;
-    font-size: 1rem;
+    font-size: 13px;
     font-weight: 700;
     line-height: 1.2;
   }
@@ -116,6 +119,7 @@
     padding: 1.5rem 1.75rem;
     border-radius: 5px;
     background: #ffffff;
+    color: #666666;
     box-shadow: 0 0 0 1px #f1f1f1;
     display: flex;
     flex-direction: column;