From baf5e2d4e7629ba2f3f849bfd1f3c18a14a53ec0 Mon Sep 17 00:00:00 2001
From: ncoronel <ncoronel@quo.ar>
Date: Wed, 8 Jul 2026 09:14:33 -0300
Subject: [PATCH] feat(layout): enhance layout structure by adding padding and
 container classes

---
 .../core/layout/store-layout/store-layout.component.html    | 6 +++++-
 .../store/pages/checkout-page/checkout-page.component.html  | 3 +--
 .../store/pages/checkout-page/checkout-page.component.scss  | 1 -
 .../product-detail-page/product-detail-page.component.html  | 4 +---
 .../pages/store-home-page/store-home-page.component.html    | 5 +----
 5 files changed, 8 insertions(+), 11 deletions(-)

diff --git a/src/app/core/layout/store-layout/store-layout.component.html b/src/app/core/layout/store-layout/store-layout.component.html
index 5c285dc..bb98274 100644
--- a/src/app/core/layout/store-layout/store-layout.component.html
+++ b/src/app/core/layout/store-layout/store-layout.component.html
@@ -28,7 +28,11 @@
   }
 
   <main class="flex-grow-1 d-block">
-    <router-outlet />
+    <section class="py-5">
+      <div class="container-xl px-3 px-md-4">
+        <router-outlet />
+      </div>
+    </section>
   </main>
 
   <app-store-footer
diff --git a/src/app/features/store/pages/checkout-page/checkout-page.component.html b/src/app/features/store/pages/checkout-page/checkout-page.component.html
index a520f96..42339a6 100644
--- a/src/app/features/store/pages/checkout-page/checkout-page.component.html
+++ b/src/app/features/store/pages/checkout-page/checkout-page.component.html
@@ -1,4 +1,4 @@
-<div class="container-xl px-3 px-md-4 py-4">
+
   <div class="checkout-page">
     <div class="checkout-page__stepper-col ">
       <app-stepper #stepper>
@@ -37,4 +37,3 @@
       />
     </div>
   </div>
-</div>
diff --git a/src/app/features/store/pages/checkout-page/checkout-page.component.scss b/src/app/features/store/pages/checkout-page/checkout-page.component.scss
index 76cc187..402c27f 100644
--- a/src/app/features/store/pages/checkout-page/checkout-page.component.scss
+++ b/src/app/features/store/pages/checkout-page/checkout-page.component.scss
@@ -3,7 +3,6 @@
   grid-template-columns: minmax(0, 1fr) 420px;
   gap: 4rem;
   align-items: start;
-  padding: 2rem 0;
 
   @media (max-width: 900px) {
     grid-template-columns: 1fr;
diff --git a/src/app/features/store/pages/product-detail-page/product-detail-page.component.html b/src/app/features/store/pages/product-detail-page/product-detail-page.component.html
index 8091144..75d6205 100644
--- a/src/app/features/store/pages/product-detail-page/product-detail-page.component.html
+++ b/src/app/features/store/pages/product-detail-page/product-detail-page.component.html
@@ -1,5 +1,4 @@
-<section class="product-detail py-5">
-  <div class="container-xl px-3 px-md-4">
+<section class="product-detail">
     @if (loading()) {
       <div class="text-center py-5">
         <div class="spinner-border text-primary" role="status">
@@ -116,5 +115,4 @@
         No se encontró el producto especificado.
       </div>
     }
-  </div>
 </section>
diff --git a/src/app/features/store/pages/store-home-page/store-home-page.component.html b/src/app/features/store/pages/store-home-page/store-home-page.component.html
index 7d556cc..318fbf9 100644
--- a/src/app/features/store/pages/store-home-page/store-home-page.component.html
+++ b/src/app/features/store/pages/store-home-page/store-home-page.component.html
@@ -1,5 +1,4 @@
-<section class="py-5">
-  <div class="container-xl px-3 px-md-4">
+
     <app-store-section title="Productos">
       <div class="d-grid gap-4">
         @if (error()) {
@@ -41,5 +40,3 @@
         }
       </div>
     </app-store-section>
-  </div>
-</section>