/* Estilos generales del cuerpo y fuente */

 .contentSection2 .container {
     width: 100% !important;
     padding: 0;
 }

 .contentSectionO,
 .contentSectionE {
     padding: 0;
 }

 .row-elegir {
     margin: 0;
     /*padding-top: 40px;*/
     color: #fff;
     /*background-color: #000;*/
     overflow-x: hidden;
     margin: 0 auto;
     /*padding: 20px;*/
     position: relative;
     z-index: 1;
 }

 /*iconos*/

 .icon-arrow-red {
     padding: 5px 5px;
 }

 .icon-arrow-red img {
     width: 7%;
     height: auto;
 }

 /* Contenedor del men迆 de navegaci車n fijo */

 .fixed-menu-container {
     background-color: rgba(0, 0, 0, 0.7);
     margin: auto;
     padding: 80px;
     position: sticky;
     width: 100%;
     top: 0;
     z-index: 1000;
     display: flex;
     justify-content: space-between;
     align-items: center;
 }

 /* T赤tulos del men迆 superior */

 .fixed-menu-title {
     text-align: left;
     margin-right: 20px;
     padding-top: 40px;
 }

 .fixed-menu-title h3 {
     margin: 0;
     color: #fff;
     font-size: 40px;
     padding-top: 40px;
 }

 .fixed-menu-title h4 {
     color: #fff;
     font-size: 24px;
     font-weight: normal;
     line-height: 1.5;
 }

 /* Estilos de los enlaces del men迆 flotante */

 .menu-items {
     display: flex;
     gap: 20px;
     margin-top: 10px;
 }

 .menu-items a {
     color: #fff;
     text-decoration: none;
     font-size: 20px;
     transition: color 0.3s ease, transform 0.3s ease;
 }

 .menu-items a.active {
     color: #ffffff57;
 }

 .menu-items a:hover {
     color: #fff;
     transform: scale(1.3);
 }

 .fa-solid,
 .fas {
     color: #d40021;
     font-family: "Font Awesome 6 Free";
     font-weight: 900;
 }

 /* Estilos para el efecto de scroll-snap */

 .page-section {
     height: 100vh;
     width: 100%;
     display: flex;
     align-items: center;
     justify-content: center;
     position: relative;
     background-size: cover;
     background-position: center;
     background-attachment: fixed;
     text-align: center;
     overflow: hidden;
 }

 .overlay {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: rgba(0, 0, 0, 0.4);
 }

 /* Im芍genes de fondo para cada secci車n */

 #section1-parallax {
     background-image: url('https://sitios-web-images.s3.us-east-1.amazonaws.com/gac/modelos/gs4_max/2026/section_hero/IMG-BANNER-GS4-MAX.webp');
 }

 #section2-parallax {
     background-image: url('https://sitios-web-images.s3.us-east-1.amazonaws.com/gac/modelos/gs8/2025/section_hero/gs8-intro-poster.webp');
 }

 #section3-parallax {
     background-image: url('https://sitios-web-images.s3.us-east-1.amazonaws.com/gac/home/featured_banners/hyptec-ht-home-featured-banner-d.webp');
 }

 /* Estilos del contenido de cada secci車n */

 .content-wrapper {
     opacity: 0;
     transform: translateY(20px);
     transition: opacity 0.8s ease-out, transform 0.8s ease-out;
     position: absolute;
     top: 16%;

     left: 25%;
     bottom: auto;
     width: 45%;
     z-index: 2;
 }

 .content-wrapper.active {
     opacity: 1;
     transform: translateY(0);
 }

 .content {
     z-index: 2;
     text-align: left;
     padding: 20px;
 }

 .content h1 {
     font-size: 3em;
     font-weight: bold;
 }

 .content p {
     font-size: 1.5em;
 }

 /* Estilos de los botones del contenido */

 .btn-style {
     display: inline-block;
     padding: 10px 20px;
     margin-right: 10px;
     border: 2px solid #fff;
     color: #fff;
     border-radius: 5px;
     background-color: transparent;
     text-decoration: none;
     text-transform: uppercase;
     font-size: 1.1em;
     transition: background-color 0.3s ease, color 0.3s ease;
     cursor: pointer;
 }

 .btn-style.manual-btn {
     background-color: #000;
 }

 .btn-style:hover {
     background-color: #444343;
     color: #fff;
 }

 /* Posicionamiento del contenido flotante en cada secci車n */

 .page-content {
     position: absolute;
     top: 16%;
     right: 8%;
     left: auto;
     bottom: auto;
     width: 45%;
     z-index: 2;
 }

 /*.page-content h1 {
        font-size: 3em;
        font-weight: bold;
        margin-bottom: 10px;
        text-align: right;
    }

    .page-content p {
        font-size: 1.5em;
        line-height: 1.5;
        text-align: right;
    }*/

 .page-content h1,
 .titulo-content-parallax {
     text-align: right;
 }

 .page-content p,
 .content-content-parallax p {
     text-align: right;
 }


 .page-content a {
     margin-top: 20px;
 }

 .know-more-btn {
     position: absolute;
     right: 5%;
     bottom: 5%;
     z-index: 2;
 }

 .know-more-btn a {
     color: #fff;
     text-decoration: none;
     font-size: 1.1em;
 }

 .content-content-parallax p {
     text-align: right;
     color: #FAFAFA;
     font-weight: 400;
     font-style: Regular;
     font-size: 20px;
     line-height: 100%;
     letter-spacing: 0%;
     text-align: right;
 }

 .titulo-content-parallax {
     font-weight: 600;
     color: #FAFAFA;
     font-size: 32px;
     line-height: 100%;
     text-align: right;
     padding-bottom: 20px;
 }

 .texto-parallax {
     font-family: Instrument Sans;
     font-weight: 600;
     font-style: SemiBold;
     font-size: 24px;
     text-align: center;

 }

 /* Responsive para m車viles */

 @media (max-width: 768px) {
     .fixed-menu-container {
         position: relative;
         display: none;
     }

     .fixed-menu-container.show {
         display: flex;
     }

     .fixed-menu-container-2 {
         position: fixed;
         top: 80px;
         left: 0;
         width: 100%;
         z-index: 1001;
         background-color: rgba(0, 0, 0, 0.5);
         padding: 15px 0;
         display: flex;
         justify-content: center;
         align-items: center;
         gap: 20px;
     }

     .fixed-menu-title {
         margin: 0 auto;
         margin-bottom: 10px;
     }

     .fixed-menu-title h3 {
         text-align: center;
         margin: 0;
         color: #fff;
         font-size: 27px;
         padding-top: 40px;
     }

     .fixed-menu-title h4 {
         text-align: center;
         color: #fff;
         font-size: 16px;
         font-weight: normal;
         line-height: 1.5;
     }

     .menu-items {
         flex-direction: row;
         justify-content: space-around;
         width: 100%;
     }

     .page-content {
         width: 90%;
         left: 5%;
         right: auto;
         top: 18%;
         bottom: auto;
         text-align: center;
     }

     .page-content h1 {
         font-size: 2em;
         text-align: center;
     }

     .page-content p {
         font-size: 1em;
         text-align: center;
     }

     .know-more-btn a {
         right: 5%;
         bottom: 5%;
         text-align: center;
     }

     a .active {
         text-align: center;
     }

     /**centra textos y botones en mobile**/
     .content-content-parallax p {
         text-align: center;
         padding-bottom: 10px;
     }

     .content-content-parallax {
         padding-top: 10px !important;
     }

     .titulo-content-parallax {
         text-align: center;
         padding-top: 10px !important;
         padding-bottom: 20px;
     }

     .know-more-btn {
         right: initial;
     }

     .texto-parallax {
         font-size: 18px;
     }

     .content-wrapper {
         top: 5%;
         left: auto;
         bottom: auto;
         width: 90%;
         z-index: 2;
     }
 }

 .fixed-menu-container-2 {
     background-color: transparent;
     padding: 15px;
     position: sticky;
     width: 100%;
     z-index: 1000;
     display: flex;
     justify-content: center;
     align-items: center;
     flex-direction: column;
     text-align: center;
     gap: 20px;
 }

 .fixed-menu-container-2.fixed {
     position: fixed !important;
     top: 0 !important;
     background-color: rgba(0, 0, 0, 0.8) !important;
     transition: background-color 0.3s ease;
 }

 .fixed-menu-container-2 {
     display: none;
 }

 /* Clase visible solo cuando toca */

 .fixed-menu-container-2.active {
     display: flex !important;
     position: fixed;
     top: 50px !important;
     left: 0;
     width: 100%;
     background-color: rgba(0, 0, 0, 0.8);
     z-index: 1000;
 }