sticky headers rotos

Author: quiellll

css/style.css

@@ -29,8 +29,11 @@ body {
     background: url('../img/Fondo_liso.jpg') no-repeat center center fixed;
     background-size: cover;
     padding-top: 70px; /* This is to make sure the navbar doesn't overlap the content */
+    overflow-x: hidden;
 }
 
+/* html, body { overflow-x: hidden; } */
+
 /* Scrollable container */
 .container {
     max-width: 1320px;
@@ -51,6 +54,7 @@ body {
     background-attachment: scroll;
     padding: 5%;
     margin-top: auto;
+    margin-bottom: 0;
     filter: drop-shadow(0.1vw 0.1vw 0.1vw var(--bs-dark));
 }
 
@@ -102,12 +106,10 @@ body {
     top: 0;
     left: 0;
     right: 0;
-    z-index: 999;
+    z-index: 1030; /* Highest z-index */
     background: var(--bs-dark) !important;
-    transition: all 0.3s ease;
-    /* width: 100%;
     min-height: 70px;
-    padding: 1rem 0; */
+    padding: 1rem 0;
 }
 
 .navbar-brand {
@@ -156,6 +158,7 @@ body {
     color: var(--bs-light);
     padding: 0; /* Remove default padding */
     margin-bottom: 3rem;
+    min-width: 100%;    
 }
 
 /* If the image is too large, you might want to constrain its height */
@@ -166,31 +169,54 @@ body {
 
 /*** Section Headers ***/
 .section-header {
-    position: relative;
+    position: sticky;
+    top: 70px;
     background: var(--bs-dark);
     padding: 2rem;
-    margin-bottom: 3rem;
+    margin: 0;
+    z-index: 1020;
+    width: 100%;
+    
+}
+
+.section-header .container {
+    position: relative;
 }
 
 .section-header h2 {
     color: var(--bs-white);
     margin: 0;
     font-size: 2.25rem;
     font-family: "Special Elite", system-ui;
+    
 }
 
 .section-header::before {
     content: "";
     position: absolute;
+    inset: 0;
     width: 100vw;
-    height: 100%;
-    top: 0;
+    margin-left: -50vw;
     left: 50%;
-    transform: translateX(-50%);
     background: var(--bs-dark);
     z-index: -1;
 }
 
+.section-header.is-sticky {
+    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+}
+
+/*** Sections ***/
+section {
+    position: relative;
+    margin: 0;
+    margin-bottom: 0;
+}
+
+.section-content {
+    padding: 2rem 0;
+}
+
 /*** Buttons ***/
 .btn {
     font-weight: 600;
@@ -689,7 +715,7 @@ body {
         background: var(--bs-dark);
         padding: 1rem;
         margin-top: 0.5rem;
-        max-height: cañc(100vh - 70px);
+        max-height: calc(100vh - 70px);
         overflow-y: auto;
     }
 
@@ -738,7 +764,23 @@ body {
     }
 
     .section-header {
-        padding: 1.5rem;
+        padding: 0.75rem 0;
+    }
+    
+    .section-header h2 {
+        font-size: 1.25rem;
+        margin: 0;
+    }
+    
+    .section-content {
+        padding: 0.75rem 0;
+    }
+    
+    /* Remove any unexpected margins */
+    .container, .container-fluid {
+        padding-left: 15px;
+        padding-right: 15px;
+        margin: 0;
     }
 
     .testimonial-carousel .owl-nav {
@@ -748,10 +790,7 @@ body {
     .pt-6, .pb-6, .ps-6, .pe-6 {
         padding: 2rem;
     }
-}
 
-/* Responsive adjustments */
-@media (max-width: 767px) {
     .feature-grid {
         grid-template-columns: 1fr;
         gap: 1rem;