.u-section-1 {
   background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('https://assets.nicepagecdn.com/22da4ad1/6565634/images/1.png');
   background-size: auto;
 }

 .u-section-1 .u-sheet-1 {
   /* min-height: 996px; */
   height: 92vh;
 }

 .u-section-1 .u-text-1 {
   --animation-custom_in-translate_x: 0px;
   --animation-custom_in-translate_y: -300px;
   --animation-custom_in-opacity: 0;
   --animation-custom_in-rotate: 0deg;
   --animation-custom_in-scale: 0.3;
   font-size: 6rem;
   /* margin: 54px auto 0 -365px; */
 }

 .u-section-1 .u-text-2 {
   --animation-custom_in-translate_x: 0px;
   --animation-custom_in-translate_y: 0px;
   --animation-custom_in-opacity: 0;
   --animation-custom_in-rotate: 0deg;
   --animation-custom_in-scale: 0.3;
   font-size: 2.25rem;
   /* margin: 77px 845px 0 -365px; */
 }

 .u-section-1 .u-btn-1 {
   border-style: solid;
   background-image: none;
   text-transform: uppercase;
   font-weight: 700;
   letter-spacing: 1px;
   font-size: 3rem;
   /* margin: 61px auto 60px -372px; */
 }

 @media (max-width: 1199px) {
   .u-section-1 {
     background-position: 50% 50%;
   }

   /*.u-section-1 .u-sheet-1 {
     min-height: 821px;
   }COMENTARIORENZO*/

   .u-section-1 .u-text-2 {
     /* margin-right: 645px; */
   }

   .u-section-1 .u-btn-1 {
     font-size: 1.5rem;
     margin-left: 0;
   }
 }

 @media (max-width: 991px) {
   /*.u-section-1 .u-sheet-1 {
     min-height: 704px;
   }COMENTARIORENZO*/

   .u-section-1 .u-text-1 {
     font-size: 5rem;
     width: auto;
     margin-top: 31px;
     /* margin-left: auto; */
   }

   .u-section-1 .u-text-2 {
     width: auto;
     margin-top: 8px;
     margin-right: 14px;
     /* margin-left: 46px; */
   }

   .u-section-1 .u-btn-1 {
     margin-top: 31px;
     margin-left: 0;
     margin-bottom: 31px;
   }
 }

 @media (max-width: 767px) {
   /*.u-section-1 .u-sheet-1 {
     min-height: 528px;
   }COMENTARIO RENZO*/

   .u-section-1 .u-text-2 {
     margin-right: 0;
     margin-left: -365px;
   }

   .u-section-1 .u-btn-1 {
     margin-bottom: -366px;
   }
 }

 @media (max-width: 575px) {
   /*.u-section-1 .u-sheet-1 {
     min-height: 616px;
   }COMENTARIORENZO*/

   .u-section-1 .u-text-1 {
     font-size: 3rem;
     /* margin-top: 73px; */
     margin-right: -15px;
   }

   .u-section-1 .u-text-2 {
     font-size: 1.5rem;
     margin-top: 17px;
     /* margin-right: -16px; */
     margin-left: 0;
   }

   .u-section-1 .u-btn-1 {
     margin-top: 24px;
     margin-bottom: 40px;
   }
 }

 /*.u-section-2 {
   background-image: none;
 }
*/


 .u-section-2 .u-sheet-1 {
   min-height: 1400px;
 }

 .u-section-2 .u-btn-1 {
   border-style: solid;
   text-transform: uppercase;
   font-weight: 700;
   letter-spacing: 1px;
   font-size: 1.25rem;
   filter: none;
   margin: 32px auto 0;
   padding: 0 35px;
 }

 .u-section-2 .u-text-1 {
   --animation-custom_in-translate_x: 0px;
   --animation-custom_in-translate_y: -300px;
   --animation-custom_in-opacity: 0;
   --animation-custom_in-rotate: 0deg;
   --animation-custom_in-scale: 0.3;
   text-shadow: -2px 2px 10px rgba(77, 77, 77, 1);
   font-size: 3.75rem;
   margin: 30px 0 0 6px;
 }

 /* .u-section-2 .u-list-1 {
   width: 1778px;
   margin: 41px -319px 60px;
 } */

 .u-section-2 .u-repeater-1 {
   grid-template-columns: repeat(3, calc(33.3333% - 14px));
   /* min-height: 719px; */
   grid-auto-columns: 578.688px 578.688px 578.688px;
   --gap: 21px;
 }

 .u-section-2 .u-list-item-1 {
   --animation-custom_in-translate_x: 0px;
   --animation-custom_in-translate_y: 300px;
   --animation-custom_in-opacity: 0;
   --animation-custom_in-rotate: 0deg;
   --animation-custom_in-scale: 1;
   --radius: 50px;
 }

 .u-section-2 .u-container-layout-1 {
   padding: 20px 20px;
 }

 .u-section-2 .u-image-1 {
   width: 118px;
   height: 118px;
   background-image: url("https://assets.nicepagecdn.com/22da4ad1/6565634/images/ico1.png");
   background-position: 50% 50%;
   margin: 30px auto 0 0px;
 }

 .u-section-2 .u-text-2 {
   font-size: 1.875rem;
   margin: 37px 47px 0 91px;
 }

 .u-section-2 .u-text-3 {
   font-size: 1.25rem;
   margin: 13px 40px 0 84px;
 }

 .u-section-2 .u-btn-2 {
   border-style: solid;
   text-transform: uppercase;
   font-weight: 700;
   letter-spacing: 1px;
   font-size: 1.25rem;
   filter: none;
   /* margin: 28px auto 0; */
   /* padding: 15px 32px; */
 }

 .u-section-2 .u-btn-3 {
   border-style: solid;
   background-image: none;
   text-transform: uppercase;
   font-weight: 700;
   letter-spacing: 1px;
   font-size: 1.5rem;
   /* margin: 33px 84px 0 auto; */
 }

 .u-section-2 .u-text-4 {
   font-size: 1.5rem;
   margin: -48px -13px 0 61px;
 }

 .u-section-2 .u-list-item-2 {
   --animation-custom_in-translate_x: 0px;
   --animation-custom_in-translate_y: 300px;
   --animation-custom_in-opacity: 0;
   --animation-custom_in-rotate: 0deg;
   --animation-custom_in-scale: 1;
   --radius: 50px;
 }

 .u-section-2 .u-container-layout-2 {
   padding: 20px 20px;
 }

 .u-section-2 .u-image-2 {
   width: 118px;
   height: 118px;
   background-image: url("https://assets.nicepagecdn.com/22da4ad1/6565634/images/ico2.png");
   background-position: 50% 50%;
   margin: 10px auto 0 61px;
 }

 .u-section-2 .u-text-5 {
   font-size: 1.875rem;
   margin: 37px 47px 0 91px;
 }

 .u-section-2 .u-text-6 {
   font-size: 1.25rem;
   margin: 13px 40px 0 84px;
 }

 .u-section-2 .u-btn-4 {
   border-style: solid;
   text-transform: uppercase;
   font-weight: 700;
   letter-spacing: 1px;
   font-size: 1.25rem;
   filter: none;
   /* margin: 28px auto 0;
   padding: 15px 32px; */
 }

 .u-section-2 .u-btn-5 {
   border-style: solid;
   background-image: none;
   text-transform: uppercase;
   font-weight: 700;
   letter-spacing: 1px;
   font-size: 1.5rem;
   /* margin: 33px 84px 0 auto; */
 }

 .u-section-2 .u-text-7 {
   font-size: 1.5rem;
   margin: -48px -13px 0 61px;
 }

 .u-section-2 .u-list-item-3 {
   --animation-custom_in-translate_x: 0px;
   --animation-custom_in-translate_y: 300px;
   --animation-custom_in-opacity: 0;
   --animation-custom_in-rotate: 0deg;
   --animation-custom_in-scale: 1;
   --radius: 50px;
 }

 .u-section-2 .u-container-layout-3 {
   padding: 20px 20px;
 }

 .u-section-2 .u-image-3 {
   width: 118px;
   height: 118px;
   background-image: url("https://assets.nicepagecdn.com/22da4ad1/6565634/images/ico3.png");
   background-position: 50% 50%;
   margin: 10px auto 0 61px;
 }

 .u-section-2 .u-text-8 {
   font-size: 1.875rem;
   margin: 37px 47px 0 91px;
 }

 .u-section-2 .u-text-9 {
   font-size: 1.25rem;
   margin: 13px 40px 0 84px;
 }

 .u-section-2 .u-btn-6 {
   border-style: solid;
   text-transform: uppercase;
   font-weight: 700;
   letter-spacing: 1px;
   font-size: 1.25rem;
   filter: none;
   /* margin: 28px auto 0;
   padding: 15px 32px; */
 }

 .u-section-2 .u-btn-7 {
   border-style: solid;
   background-image: none;
   text-transform: uppercase;
   font-weight: 700;
   letter-spacing: 1px;
   font-size: 1.5rem;
   /* margin: 33px 84px 0 auto; */
 }

 .u-section-2 .u-text-10 {
   font-size: 1.5rem;
   margin: -48px -13px 0 61px;
 }

 .u-section-2 .u-list-item-4 {
   --animation-custom_in-translate_x: 0px;
   --animation-custom_in-translate_y: 300px;
   --animation-custom_in-opacity: 0;
   --animation-custom_in-rotate: 0deg;
   --animation-custom_in-scale: 1;
   --radius: 50px;
 }

 .u-section-2 .u-container-layout-4 {
   padding: 20px 20px;
 }

 .u-section-2 .u-image-4 {
   width: 118px;
   height: 118px;
   background-image: url("https://assets.nicepagecdn.com/22da4ad1/6565634/images/ico4.png");
   background-position: 50% 50%;
   margin: 10px auto 0 61px;
 }

 .u-section-2 .u-text-11 {
   font-size: 1.875rem;
   margin: 37px 47px 0 91px;
 }

 .u-section-2 .u-text-12 {
   font-size: 1.25rem;
   margin: 13px 40px 0 84px;
 }

 .u-section-2 .u-btn-8 {
   border-style: solid;
   text-transform: uppercase;
   font-weight: 700;
   letter-spacing: 1px;
   font-size: 1.25rem;
   filter: none;
   /* margin: 28px auto 0;
   padding: 15px 32px; */
 }

 .u-section-2 .u-btn-9 {
   border-style: solid;
   background-image: none;
   text-transform: uppercase;
   font-weight: 700;
   letter-spacing: 1px;
   font-size: 1.5rem;
   /* margin: 33px 84px 0 auto; */
 }

 .u-section-2 .u-text-13 {
   font-size: 1.5rem;
   margin: -48px -13px 0 61px;
 }

 .u-section-2 .u-list-item-5 {
   --animation-custom_in-translate_x: 0px;
   --animation-custom_in-translate_y: 300px;
   --animation-custom_in-opacity: 0;
   --animation-custom_in-rotate: 0deg;
   --animation-custom_in-scale: 1;
   --radius: 50px;
 }

 .u-section-2 .u-container-layout-5 {
   padding: 20px 20px;
 }

 .u-section-2 .u-image-5 {
   width: 118px;
   height: 118px;
   background-image: url("https://assets.nicepagecdn.com/22da4ad1/6565634/images/ico5.png");
   background-position: 50% 50%;
   margin: 10px auto 0 61px;
 }

 .u-section-2 .u-text-14 {
   font-size: 1.875rem;
   margin: 37px 47px 0 91px;
 }

 .u-section-2 .u-text-15 {
   font-size: 1.25rem;
   margin: 13px 40px 0 84px;
 }

 .u-section-2 .u-btn-10 {
   border-style: solid;
   text-transform: uppercase;
   font-weight: 700;
   letter-spacing: 1px;
   font-size: 1.25rem;
   filter: none;
   /* margin: 28px auto 0;
   padding: 15px 32px; */
 }

 .u-section-2 .u-btn-11 {
   border-style: solid;
   background-image: none;
   text-transform: uppercase;
   font-weight: 700;
   letter-spacing: 1px;
   font-size: 1.5rem;
   /* margin: 33px 84px 0 auto; */
 }

 .u-section-2 .u-text-16 {
   font-size: 1.5rem;
   margin: -48px -13px 0 61px;
 }

 .u-section-2 .u-list-item-6 {
   --animation-custom_in-translate_x: 0px;
   --animation-custom_in-translate_y: 300px;
   --animation-custom_in-opacity: 0;
   --animation-custom_in-rotate: 0deg;
   --animation-custom_in-scale: 1;
   --radius: 50px;
 }

 .u-section-2 .u-container-layout-6 {
   padding: 20px 20px;
 }

 .u-section-2 .u-image-6 {
   width: 118px;
   height: 118px;
   background-image: url("https://assets.nicepagecdn.com/22da4ad1/6565634/images/ico6.png");
   background-position: 50% 50%;
   margin: 10px auto 0 61px;
 }

 .u-section-2 .u-text-17 {
   font-size: 1.875rem;
   margin: 37px 47px 0 91px;
 }

 .u-section-2 .u-text-18 {
   font-size: 1.25rem;
   margin: 13px 40px 0 84px;
 }

 .u-section-2 .u-btn-12 {
   border-style: solid;
   text-transform: uppercase;
   font-weight: 700;
   letter-spacing: 1px;
   font-size: 1.25rem;
   filter: none;
   /* margin: 28px auto 0;
   padding: 15px 32px; */
 }

 .u-section-2 .u-btn-13 {
   border-style: solid;
   background-image: none;
   text-transform: uppercase;
   font-weight: 700;
   letter-spacing: 1px;
   font-size: 1.5rem;
   /* margin: 33px 84px 0 auto; */
 }

 .u-section-2 .u-text-19 {
   font-size: 1.5rem;
   margin: -48px -13px 0 61px;
 }

 .u-section-2 .u-list-item-7 {
   --animation-custom_in-translate_x: 0px;
   --animation-custom_in-translate_y: 300px;
   --animation-custom_in-opacity: 0;
   --animation-custom_in-rotate: 0deg;
   --animation-custom_in-scale: 1;
   --radius: 50px;
 }

 .u-section-2 .u-container-layout-7 {
   padding: 20px 20px;
 }

 .u-section-2 .u-image-7 {
   width: 118px;
   height: 118px;
   background-image: url("https://assets.nicepagecdn.com/22da4ad1/6565634/images/ico7.png");
   background-position: 50% 50%;
   margin: 10px auto 0 61px;
 }

 .u-section-2 .u-text-20 {
   font-size: 1.875rem;
   margin: 37px 47px 0 91px;
 }

 .u-section-2 .u-text-21 {
   font-size: 1.25rem;
   margin: 13px 40px 0 84px;
 }

 .u-section-2 .u-btn-14 {
   border-style: solid;
   text-transform: uppercase;
   font-weight: 700;
   letter-spacing: 1px;
   font-size: 1.25rem;
   filter: none;
   /* margin: 28px auto 0;
   padding: 15px 32px; */
 }

 .u-section-2 .u-btn-15 {
   border-style: solid;
   background-image: none;
   text-transform: uppercase;
   font-weight: 700;
   letter-spacing: 1px;
   font-size: 1.5rem;
   /* margin: 33px 84px 0 auto; */
 }

 .u-section-2 .u-text-22 {
   font-size: 1.5rem;
   margin: -48px -13px 0 61px;
 }

 .u-section-2 .u-gallery-nav-1 {
   position: absolute;
   /* left: 21px; */
   width: 40px;
   height: 40px;
   top: 339px;
 }

 .u-section-2 .u-gallery-nav-2 {
   position: absolute;
   width: 40px;
   height: 40px;
   left: auto;
   top: 340px;
   /* right: 6px; */
 }

 .u-section-2 .u-btn-16 {
   border-style: solid;
   text-transform: uppercase;
   font-weight: 700;
   letter-spacing: 1px;
   font-size: 0.75rem;
   filter: none;
   margin: -767px 140px 0 auto;
   padding: 0 35px;
 }

 @media (max-width: 1199px) {
   .u-section-2 .u-text-1 {
     margin-left: 0;
   }

   /* .u-section-2 .u-list-1 {
     width: 940px;
     margin-left: 0;
     margin-right: 0;
   } */

   .u-section-2 .u-repeater-1 {
     grid-template-columns: repeat(3, calc(33.333333333333336% - 14px));
     grid-gap: 21px;
     grid-auto-columns: calc(33.333333333333336% - 14px);
   }

   .u-section-2 .u-text-2 {
     margin-right: 0;
     margin-left: 0;
   }

   .u-section-2 .u-text-3 {
     margin-right: 0;
     margin-left: 0;
   }

   .u-section-2 .u-btn-2 {
     font-size: 1.875rem;
   }

   .u-section-2 .u-btn-3 {
     /* margin-top: 100px;
     margin-right: 0; */
   }

   .u-section-2 .u-text-4 {
     margin-top: -67px;
     margin-right: 0;
     margin-left: 0;
   }

   .u-section-2 .u-text-5 {
     margin-right: 0;
     margin-left: 0;
   }

   .u-section-2 .u-text-6 {
     margin-left: 0;
     margin-right: 0;
   }

   .u-section-2 .u-btn-5 {
     /* margin-top: 15px;
     margin-right: 0; */
   }

   .u-section-2 .u-text-7 {
     margin-top: -67px;
     margin-right: 0;
     margin-left: 0;
   }

   .u-section-2 .u-text-8 {
     margin-right: 0;
     margin-left: 0;
   }

   .u-section-2 .u-text-9 {
     margin-left: 0;
     margin-right: 0;
   }

   .u-section-2 .u-btn-7 {
     margin-top: 15px;
     margin-right: 0;
   }

   .u-section-2 .u-text-10 {
     margin-top: -67px;
     margin-right: 0;
     margin-left: 0;
   }

   .u-section-2 .u-text-11 {
     margin-right: 0;
     margin-left: 0;
   }

   .u-section-2 .u-text-12 {
     margin-left: 0;
     margin-right: 0;
   }

   .u-section-2 .u-btn-9 {
     margin-top: 15px;
     margin-right: 0;
   }

   .u-section-2 .u-text-13 {
     margin-top: -67px;
     margin-right: 0;
     margin-left: 0;
   }

   .u-section-2 .u-text-14 {
     margin-right: 0;
     margin-left: 0;
   }

   .u-section-2 .u-text-15 {
     margin-left: 0;
     margin-right: 0;
   }

   .u-section-2 .u-btn-11 {
     margin-top: 15px;
     margin-right: 0;
   }

   .u-section-2 .u-text-16 {
     margin-top: -67px;
     margin-right: 0;
     margin-left: 0;
   }

   .u-section-2 .u-text-17 {
     margin-right: 0;
     margin-left: 0;
   }

   .u-section-2 .u-text-18 {
     margin-left: 0;
     margin-right: 0;
   }

   .u-section-2 .u-btn-13 {
     margin-top: 15px;
     margin-right: 0;
   }

   .u-section-2 .u-text-19 {
     margin-top: -67px;
     margin-right: 0;
     margin-left: 0;
   }

   .u-section-2 .u-text-20 {
     margin-right: 0;
     margin-left: 0;
   }

   .u-section-2 .u-text-21 {
     margin-left: 0;
     margin-right: 0;
   }

   .u-section-2 .u-btn-15 {
     margin-top: 15px;
     margin-right: 0;
   }

   .u-section-2 .u-text-22 {
     margin-top: -67px;
     margin-right: 0;
     margin-left: 0;
   }

   .u-section-2 .u-btn-16 {
     margin-right: 0;
   }
 }

 @media (max-width: 991px) {

   /*.u-section-2 .u-sheet-1 {
     min-height: 929px;
   }
*/
   .u-section-2 .u-btn-1 {
     font-size: 1.5rem;
   }

   .u-section-2 .u-text-1 {
     font-size: 3rem;
     width: auto;
     margin-top: 32px;
   }

   .u-section-2 .u-list-1 {
     margin-top: 32px;
     margin-bottom: 50px;
     margin-right: initial;
     margin-left: initial;
     width: auto;
   }

   .u-section-2 .u-repeater-1,
   .u-section-4 .u-repeater-1 {
     grid-template-columns: repeat(1, 100%);
     grid-auto-columns: 100%;
     /* min-height: 659px; */
   }

   .u-section-2 .u-container-layout-1 {
     padding-top: 0;
     padding-bottom: 0;
   }

   .u-section-2 .u-image-1 {
     width: 120px;
     height: 120px;
     margin-top: 9px;
     margin-left: auto;
   }

   .u-section-2 .u-text-2 {
     font-size: 2.25rem;
     width: auto;
     filter: none;
     margin-top: 23px;
     margin-left: 24px;
     margin-right: 24px;
   }

   .u-section-2 .u-text-3 {
     font-size: 1.5rem;
     width: auto;
     filter: none;
     line-height: 2.2;
     margin-top: 20px;
     margin-right: 89px;
     margin-left: 84px;
   }

   .u-section-2 .u-btn-2 {
     /* margin-top: 94px;
     margin-right: -302px; */
   }

   .u-section-2 .u-btn-3 {
     font-size: 1.875rem;
     /* margin-top: 56px;
     margin-right: 89px; */
   }

   .u-section-2 .u-text-4 {
     width: auto;
     font-size: 1.875rem;
     margin-top: -129px;
     margin-right: -42px;
     margin-left: 89px;
   }

   .u-section-2 .u-container-layout-2 {
     padding-top: 0;
     padding-bottom: 0;
   }

   .u-section-2 .u-image-2 {
     width: 120px;
     height: 120px;
     margin-top: 9px;
     margin-left: auto;
   }

   .u-section-2 .u-text-5 {
     font-size: 2.25rem;
     width: auto;
     filter: none;
     margin-top: 23px;
     margin-left: 24px;
     margin-right: 24px;
   }

   .u-section-2 .u-text-6 {
     font-size: 1.5rem;
     width: auto;
     filter: none;
     line-height: 2.2;
     margin-top: 20px;
     margin-right: 89px;
     margin-left: 84px;
   }

   .u-section-2 .u-btn-4 {
     font-size: 1.875rem;
     /* margin-top: 94px;
     margin-right: -302px; */
   }

   .u-section-2 .u-btn-5 {
     /* font-size: 1.875rem; */
     /* margin-top: 56px;
     margin-right: 89px; */
   }

   .u-section-2 .u-text-7 {
     width: auto;
     font-size: 1.875rem;
     margin-top: -113px;
     margin-right: -42px;
     margin-left: 89px;
   }

   .u-section-2 .u-container-layout-3 {
     padding-top: 0;
     padding-bottom: 0;
   }

   .u-section-2 .u-image-3 {
     width: 120px;
     height: 120px;
     margin-top: 9px;
     margin-left: auto;
   }

   .u-section-2 .u-text-8 {
     font-size: 2.25rem;
     width: auto;
     filter: none;
     margin-top: 23px;
     margin-left: 24px;
     margin-right: 24px;
   }

   .u-section-2 .u-text-9 {
     font-size: 1.5rem;
     width: auto;
     filter: none;
     line-height: 2.2;
     margin-top: 20px;
     margin-right: 89px;
     margin-left: 84px;
   }

   .u-section-2 .u-btn-6 {
     font-size: 1.875rem;
     /* margin-top: 94px;
     margin-right: -302px; */
   }

   .u-section-2 .u-btn-7 {
     font-size: 1.875rem;
     margin-top: 56px;
     margin-right: 89px;
   }

   .u-section-2 .u-text-10 {
     width: auto;
     font-size: 1.875rem;
     margin-top: -113px;
     margin-right: -42px;
     margin-left: 89px;
   }

   .u-section-2 .u-container-layout-4 {
     padding-top: 0;
     padding-bottom: 0;
   }

   .u-section-2 .u-image-4 {
     width: 120px;
     height: 120px;
     margin-top: 9px;
     margin-left: auto;
   }

   .u-section-2 .u-text-11 {
     font-size: 2.25rem;
     width: auto;
     filter: none;
     margin-top: 23px;
     margin-left: 24px;
     margin-right: 24px;
   }

   .u-section-2 .u-text-12 {
     font-size: 1.5rem;
     width: auto;
     filter: none;
     line-height: 2.2;
     margin-top: 20px;
     margin-right: 89px;
     margin-left: 84px;
   }

   .u-section-2 .u-btn-8 {
     font-size: 1.875rem;
     /* margin-top: 94px;
     margin-right: -302px; */
   }

   .u-section-2 .u-btn-9 {
     font-size: 1.875rem;
     margin-top: 56px;
     margin-right: 89px;
   }

   .u-section-2 .u-text-13 {
     width: auto;
     font-size: 1.875rem;
     margin-top: -113px;
     margin-right: -42px;
     margin-left: 89px;
   }

   .u-section-2 .u-container-layout-5 {
     padding-top: 0;
     padding-bottom: 0;
   }

   .u-section-2 .u-image-5 {
     width: 120px;
     height: 120px;
     margin-top: 9px;
     margin-left: auto;
   }

   .u-section-2 .u-text-14 {
     font-size: 2.25rem;
     width: auto;
     filter: none;
     margin-top: 23px;
     margin-left: 24px;
     margin-right: 24px;
   }

   .u-section-2 .u-text-15 {
     font-size: 1.5rem;
     width: auto;
     filter: none;
     line-height: 2.2;
     margin-top: 20px;
     margin-right: 89px;
     margin-left: 84px;
   }

   .u-section-2 .u-btn-10 {
     font-size: 1.875rem;
     /* margin-top: 94px;
     margin-right: -302px; */
   }

   .u-section-2 .u-btn-11 {
     font-size: 1.875rem;
     margin-top: 56px;
     margin-right: 89px;
   }

   .u-section-2 .u-text-16 {
     width: auto;
     font-size: 1.875rem;
     margin-top: -113px;
     margin-right: -42px;
     margin-left: 89px;
   }

   .u-section-2 .u-container-layout-6 {
     padding-top: 0;
     padding-bottom: 0;
   }

   .u-section-2 .u-image-6 {
     width: 120px;
     height: 120px;
     margin-top: 9px;
     margin-left: auto;
   }

   .u-section-2 .u-text-17 {
     font-size: 2.25rem;
     width: auto;
     filter: none;
     margin-top: 23px;
     margin-left: 24px;
     margin-right: 24px;
   }

   .u-section-2 .u-text-18 {
     font-size: 1.5rem;
     width: auto;
     filter: none;
     line-height: 2.2;
     margin-top: 20px;
     margin-right: 89px;
     margin-left: 84px;
   }

   .u-section-2 .u-btn-12 {
     font-size: 1.875rem;
     /* margin-top: 94px;
     margin-right: -302px; */
   }

   .u-section-2 .u-btn-13 {
     font-size: 1.875rem;
     margin-top: 56px;
     margin-right: 89px;
   }

   .u-section-2 .u-text-19 {
     width: auto;
     font-size: 1.875rem;
     margin-top: -113px;
     margin-right: -42px;
     margin-left: 89px;
   }

   .u-section-2 .u-container-layout-7 {
     padding-top: 0;
     padding-bottom: 0;
   }

   .u-section-2 .u-image-7 {
     width: 120px;
     height: 120px;
     margin-top: 9px;
     margin-left: auto;
   }

   .u-section-2 .u-text-20 {
     font-size: 2.25rem;
     width: auto;
     filter: none;
     margin-top: 23px;
     margin-left: 24px;
     margin-right: 24px;
   }

   .u-section-2 .u-text-21 {
     font-size: 1.5rem;
     width: auto;
     filter: none;
     line-height: 2.2;
     margin-top: 20px;
     margin-right: 89px;
     margin-left: 84px;
   }

   .u-section-2 .u-btn-14 {
     font-size: 1.875rem;
     /* margin-top: 94px;
     margin-right: -302px; */
   }

   .u-section-2 .u-btn-15 {
     font-size: 1.875rem;
     margin-top: 56px;
     margin-right: 89px;
   }

   .u-section-2 .u-text-22 {
     width: auto;
     font-size: 1.875rem;
     margin-top: -113px;
     margin-right: -42px;
     margin-left: 89px;
   }

   .u-section-2 .u-gallery-nav-1 {
     width: 41px;
     height: 41px;
   }

   .u-section-2 .u-gallery-nav-2 {
     width: 41px;
     height: 41px;
     top: 347px;
     right: 20px;
   }

   .u-section-2 .u-btn-16 {
     margin-top: -764px;
   }
 }

 @media (max-width: 767px) {
   .u-section-2 .u-btn-1 {
     margin-top: 386px;
   }

   .u-section-2 .u-repeater-1,
   .u-section-4 .u-repeater-1 {
     grid-template-columns: 100%;
   }

   .u-section-2 .u-text-2 {
     margin-right: 0;
     margin-left: 0;
   }

   .u-section-2 .u-text-3 {
     margin-left: 0;
     margin-right: 0;
   }

   .u-section-2 .u-btn-2 {
     /* margin-right: 0; */
   }

   .u-section-2 .u-btn-3 {
     /* margin-right: 0; */
   }

   .u-section-2 .u-text-4 {
     margin-top: 20px;
     margin-left: 0;
     margin-right: 0;
   }

   .u-section-2 .u-text-5 {
     margin-left: 0;
     margin-right: 0;
   }

   .u-section-2 .u-text-6 {
     margin-left: 0;
     margin-right: 0;
   }

   .u-section-2 .u-btn-4 {
     /* margin-top: 63px;
     margin-right: 0; */
   }

   .u-section-2 .u-btn-5 {
     /* margin-top: -25px;
     margin-right: 0; */
   }

   .u-section-2 .u-text-7 {
     margin-top: 20px;
     margin-left: 0;
     margin-right: 0;
   }

   .u-section-2 .u-text-8 {
     margin-left: 0;
     margin-right: 0;
   }

   .u-section-2 .u-text-9 {
     margin-left: 0;
     margin-right: 0;
   }

   .u-section-2 .u-btn-6 {
     /* margin-top: 63px;
     margin-right: 0; */
   }

   .u-section-2 .u-btn-7 {
     margin-top: -25px;
     margin-right: 0;
   }

   .u-section-2 .u-text-10 {
     margin-top: 20px;
     margin-left: 0;
     margin-right: 0;
   }

   .u-section-2 .u-text-11 {
     margin-left: 0;
     margin-right: 0;
   }

   .u-section-2 .u-text-12 {
     margin-left: 0;
     margin-right: 0;
   }

   .u-section-2 .u-btn-8 {
     /* margin-top: 63px;
     margin-right: 0; */
   }

   .u-section-2 .u-btn-9 {
     margin-top: -25px;
     margin-right: 0;
   }

   .u-section-2 .u-text-13 {
     margin-top: 20px;
     margin-left: 0;
     margin-right: 0;
   }

   .u-section-2 .u-text-14 {
     margin-left: 0;
     margin-right: 0;
   }

   .u-section-2 .u-text-15 {
     margin-left: 0;
     margin-right: 0;
   }

   .u-section-2 .u-btn-10 {
     /* margin-top: 63px;
     margin-right: 0; */
   }

   .u-section-2 .u-btn-11 {
     margin-top: -25px;
     margin-right: 0;
   }

   .u-section-2 .u-text-16 {
     margin-top: 20px;
     margin-left: 0;
     margin-right: 0;
   }

   .u-section-2 .u-text-17 {
     margin-left: 0;
     margin-right: 0;
   }

   .u-section-2 .u-text-18 {
     margin-left: 0;
     margin-right: 0;
   }

   .u-section-2 .u-btn-12 {
     /* margin-top: 63px;
     margin-right: 0; */
   }

   .u-section-2 .u-btn-13 {
     margin-top: -25px;
     margin-right: 0;
   }

   .u-section-2 .u-text-19 {
     margin-top: 20px;
     margin-left: 0;
     margin-right: 0;
   }

   .u-section-2 .u-text-20 {
     margin-left: 0;
     margin-right: 0;
   }

   .u-section-2 .u-text-21 {
     margin-left: 0;
     margin-right: 0;
   }

   .u-section-2 .u-btn-14 {
     /* margin-top: 63px;
     margin-right: 0; */
   }

   .u-section-2 .u-btn-15 {
     margin-top: -25px;
     margin-right: 0;
   }

   .u-section-2 .u-text-22 {
     margin-top: 20px;
     margin-left: 0;
     margin-right: 0;
   }
 }

 @media (max-width: 575px) {

   /* .u-section-2 .u-sheet-1 {
     min-height: 827px;
   }
*/
   .u-section-2 .u-btn-1 {
     font-size: 0.75rem;
     margin-top: 32px;
   }

   .u-section-2 .u-text-1 {
     font-size: 1.875rem;
     margin-top: 66px;
   }

   .u-section-2 .u-list-1,
   .u-section-4 .u-list-1 {
     margin-top: 21px;
     margin-bottom: 0;
     /* min-height: 647px; */
     width: auto;
     margin-right: initial;
     margin-left: initial;
   }

   .u-section-2 .u-repeater-1 {
     min-height: 647px;
   }

   .u-section-2 .u-container-layout-1 {
     padding-top: 7px;
   }

   .u-section-2 .u-image-1 {
     width: 108px;
     height: 108px;
     margin-top: 22px;
     margin-left: 100px;
   }

   .u-section-2 .u-text-2 {
     margin-top: 20px;
     margin-right: 13px;
     margin-left: 7px;
   }

   .u-section-2 .u-text-3 {
     font-size: 1.1111111111111112rem;
     line-height: 2.5;
     margin-top: 11px;
     margin-right: 18px;
     margin-left: 28px;
   }

   .u-section-2 .u-btn-2 {
     font-size: 0.75rem;
     /* margin-top: 69px; */
   }

   .u-section-2 .u-btn-3 {
     /* margin-top: 20px;
     margin-right: auto; */
   }

   .u-section-2 .u-text-4 {
     filter: none;
     margin-top: -132px;
     margin-left: 10px;
     margin-right: 10px;
   }

   .u-section-2 .u-container-layout-2 {
     padding-top: 7px;
   }

   .u-section-2 .u-image-2 {
     width: 108px;
     height: 108px;
     margin-top: 22px;
     margin-left: 100px;
   }

   .u-section-2 .u-text-5 {
     margin-top: 20px;
     margin-right: 13px;
     margin-left: 7px;
   }

   .u-section-2 .u-text-6 {
     font-size: 1.1111111111111112rem;
     margin-top: 11px;
     margin-right: 18px;
     margin-left: 28px;
   }

   .u-section-2 .u-btn-4 {
     font-size: 0.75rem;
     /* margin-top: 69px; */
   }

   .u-section-2 .u-btn-5 {
     /* margin-top: 20px;
     margin-right: auto; */
   }

   .u-section-2 .u-text-7 {
     filter: none;
     margin-top: -132px;
     margin-left: 10px;
     margin-right: 10px;
   }

   .u-section-2 .u-container-layout-3 {
     padding-top: 7px;
   }

   .u-section-2 .u-image-3 {
     width: 108px;
     height: 108px;
     margin-top: 22px;
     margin-left: 100px;
   }

   .u-section-2 .u-text-8 {
     margin-top: 20px;
     margin-right: 13px;
     margin-left: 7px;
   }

   .u-section-2 .u-text-9 {
     font-size: 1.1111111111111112rem;
     margin-top: 11px;
     margin-right: 18px;
     margin-left: 28px;
   }

   .u-section-2 .u-btn-6 {
     font-size: 0.75rem;
     /* margin-top: 69px; */
   }

   .u-section-2 .u-btn-7 {
     margin-top: 20px;
     /* margin-right: auto; */
   }

   .u-section-2 .u-text-10 {
     filter: none;
     margin-top: -132px;
     margin-left: 10px;
     margin-right: 10px;
   }

   .u-section-2 .u-container-layout-4 {
     padding-top: 7px;
   }

   .u-section-2 .u-image-4 {
     width: 108px;
     height: 108px;
     margin-top: 22px;
     margin-left: 100px;
   }

   .u-section-2 .u-text-11 {
     margin-top: 20px;
     margin-right: 13px;
     margin-left: 7px;
   }

   .u-section-2 .u-text-12 {
     font-size: 1.1111111111111112rem;
     margin-top: 11px;
     margin-right: 18px;
     margin-left: 28px;
   }

   .u-section-2 .u-btn-8 {
     font-size: 0.75rem;
     /* margin-top: 69px; */
   }

   .u-section-2 .u-btn-9 {
     margin-top: 20px;
     /* margin-right: auto; */
   }

   .u-section-2 .u-text-13 {
     filter: none;
     margin-top: -132px;
     margin-left: 10px;
     margin-right: 10px;
   }

   .u-section-2 .u-container-layout-5 {
     padding-top: 7px;
   }

   .u-section-2 .u-image-5 {
     width: 108px;
     height: 108px;
     margin-top: 22px;
     margin-left: 100px;
   }

   .u-section-2 .u-text-14 {
     margin-top: 20px;
     margin-right: 13px;
     margin-left: 7px;
   }

   .u-section-2 .u-text-15 {
     font-size: 1.1111111111111112rem;
     margin-top: 11px;
     margin-right: 18px;
     margin-left: 28px;
   }

   .u-section-2 .u-btn-10 {
     font-size: 0.75rem;
     /* margin-top: 69px; */
   }

   .u-section-2 .u-btn-11 {
     margin-top: 20px;
     /* margin-right: auto; */
   }

   .u-section-2 .u-text-16 {
     filter: none;
     margin-top: -132px;
     margin-left: 10px;
     margin-right: 10px;
   }

   .u-section-2 .u-container-layout-6 {
     padding-top: 7px;
   }

   .u-section-2 .u-image-6 {
     width: 108px;
     height: 108px;
     margin-top: 22px;
     margin-left: 100px;
   }

   .u-section-2 .u-text-17 {
     margin-top: 20px;
     margin-right: 13px;
     margin-left: 7px;
   }

   .u-section-2 .u-text-18 {
     font-size: 1.1111111111111112rem;
     margin-top: 11px;
     margin-right: 18px;
     margin-left: 28px;
   }

   .u-section-2 .u-btn-12 {
     font-size: 0.75rem;
     /* margin-top: 69px; */
   }

   .u-section-2 .u-btn-13 {
     margin-top: 20px;
     /* margin-right: auto; */
   }

   .u-section-2 .u-text-19 {
     filter: none;
     margin-top: -132px;
     margin-left: 10px;
     margin-right: 10px;
   }

   .u-section-2 .u-container-layout-7 {
     padding-top: 7px;
   }

   .u-section-2 .u-image-7 {
     width: 108px;
     height: 108px;
     margin-top: 22px;
     margin-left: 100px;
   }

   .u-section-2 .u-text-20 {
     margin-top: 20px;
     margin-right: 13px;
     margin-left: 7px;
   }

   .u-section-2 .u-text-21 {
     font-size: 1.1111111111111112rem;
     line-height: 3;
     margin-top: 11px;
     margin-right: 18px;
     margin-left: 28px;
   }

   .u-section-2 .u-btn-14 {
     font-size: 0.75rem;
     /* margin-top: 69px; */
   }

   .u-section-2 .u-btn-15 {
     margin-top: 20px;
     /* margin-right: auto; */
   }

   .u-section-2 .u-text-22 {
     filter: none;
     margin-top: -132px;
     margin-left: 10px;
     margin-right: 10px;
   }

   .u-section-2 .u-gallery-nav-1 {
     left: 0;
     width: 47px;
     height: 47px;
     top: 419px;
   }

   .u-section-2 .u-gallery-nav-2 {
     width: 47px;
     height: 47px;
     top: 419px;
     right: 0;
   }

   .u-section-2 .u-btn-16 {
     font-size: 1.5rem;
     margin: -779px -3px 60px;
   }
 }

 .u-section-3 {
   background-image: none;
 }

 .u-section-3 .u-sheet-1 {
   /* min-height: 416px; */
 }

 .u-section-3 .u-text-1 {
   --animation-custom_in-translate_x: 0px;
   --animation-custom_in-translate_y: 0px;
   --animation-custom_in-opacity: 0;
   --animation-custom_in-rotate: 114deg;
   --animation-custom_in-scale: 0.3;
   font-size: 6rem;
   text-shadow: 8px 8px 8px rgba(242, 242, 242, 1);
   font-weight: 700;
   margin: 60px -116px 0;
 }

 .u-section-3 .u-text-2 {
   --animation-custom_in-translate_x: 0px;
   --animation-custom_in-translate_y: 0px;
   --animation-custom_in-opacity: 0;
   --animation-custom_in-rotate: 0deg;
   --animation-custom_in-scale: 0.3;
   font-size: 1.875rem;
   font-weight: 700;
   margin: 26px 13px 0;
 }

 .u-section-3 .u-btn-1 {
   text-transform: uppercase;
   letter-spacing: 1px;
   border-style: solid;
   font-size: 1.875rem;
   background-image: none;
   --animation-custom_in-translate_x: 0px;
   --animation-custom_in-translate_y: 300px;
   --animation-custom_in-opacity: 0;
   --animation-custom_in-rotate: 180deg;
   --animation-custom_in-scale: 1;
   font-weight: 700;
   margin: 23px auto 60px;
   padding: 15px 44px 16px;
 }

 @media (max-width: 1199px) {
   .u-section-3 .u-text-1 {
     margin-left: 0;
     margin-right: 0;
   }

   .u-section-3 .u-text-2 {
     margin-left: 0;
     margin-right: 0;
   }
 }

 @media (max-width: 991px) {
   .u-section-3 .u-sheet-1 {
     /* min-height: 523px; */
   }

   .u-section-3 .u-text-1 {
     font-size: 4.5rem;
     width: auto;
   }

   .u-section-3 .u-text-2 {
     width: auto;
     line-height: 1.6;
     margin-top: 23px;
   }

   .u-section-3 .u-btn-1 {
     margin-top: 27px;
   }
 }

 @media (max-width: 575px) {
   .u-section-3 .u-sheet-1 {
     /* min-height: 453px; */
   }

   .u-section-3 .u-text-1 {
     font-size: 2.4375rem;
     margin-top: 43px;
   }

   .u-section-3 .u-text-2 {
     font-size: 1.5rem;
     margin-top: 41px;
   }

   .u-section-3 .u-btn-1 {
     font-size: 1.25rem;
     /* margin: 62px -4px 43px; */
   }
 }

 .u-section-4 {
   background-image: none;
 }

 .u-section-4 .u-sheet-1 {
   min-height: 1550px;
 }

 .u-section-4 .u-btn-1 {
   border-style: solid;
   text-transform: uppercase;
   font-weight: 700;
   letter-spacing: 1px;
   font-size: 3rem;
   filter: none;
   margin: 25px auto 0;
   padding: 0 78px;
 }

 .u-section-4 .u-text-1 {
   --animation-custom_in-translate_x: 0px;
   --animation-custom_in-translate_y: -300px;
   --animation-custom_in-opacity: 0;
   --animation-custom_in-rotate: 0deg;
   --animation-custom_in-scale: 0.3;
   text-shadow: -2px 2px 10px rgba(77, 77, 77, 1);
   font-size: 3.75rem;
   margin: 34px 0 0 6px;
 }

 .u-section-4 .u-text-2 {
   font-size: 1.875rem;
   line-height: 1.6;
   font-weight: 700;
   margin: 11px -111px 0;
 }

 /* 
 .u-section-4 .u-list-1 {
   width: 1194px;
   margin: 21px -27px 59px;
 } */

 .u-section-4 .u-repeater-1 {
   grid-template-columns: repeat(2, calc(50% - 10.5px));
   /* min-height: 1069px; */
   --gap: 21px;
   grid-auto-columns: calc(50% - 10.5px);
 }

 .u-section-4 .u-list-item-1 {
   --animation-custom_in-translate_x: 0px;
   --animation-custom_in-translate_y: 300px;
   --animation-custom_in-opacity: 0;
   --animation-custom_in-rotate: 0deg;
   --animation-custom_in-scale: 1;
   --radius: 50px;
 }

 .u-section-4 .u-container-layout-1 {
   padding: 0;
 }

 .u-section-4 .u-shape-1 {
   width: 160px;
   height: 160px;
   margin: 81px auto 0;
 }

 .u-section-4 .u-shape-2 {
   height: 322px;
   --top-left-radius: 50px;
   --top-right-radius: 50px;
   /* margin-top: -246px; */
   margin-bottom: 0;
 }

 .u-section-4 .u-group-1 {
   /* width: 190px; */
   /* min-height: 190px; */
   /* margin: -240px auto 0 195px; */
 }

 .u-section-4 .u-shape-3 {
   width: 150px;
   height: 150px;
   margin: 20px auto 0;
 }

 .u-section-4 .u-text-3 {
   font-size: 3.75rem;
   text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.4);
   filter: none;
   width: 100px;
   font-weight: 800;
   /* margin: -135px auto 0; */
   /* margin: -135px 0 40px 35px; */
 }

 .u-section-4 .u-group-elements-1 {
   /* width: 160px; */
   min-height: 57px;
   height: auto;
   /* margin: -251px 23px 0 auto; */
 }

 .u-section-4 .u-group-2 {
   --radius: 25px;
   height: auto;
   min-height: 57px;
   margin-top: 0;
   margin-bottom: 0;
 }

 .u-section-4 .u-container-layout-3 {
   padding: 5px 1px;
 }

 .u-section-4 .u-text-4 {
   font-weight: 700;
   font-size: 1.5rem;
   padding: 0 20px;
   /* margin: 0 0 -25px 6px; */
   /* margin: -135px 0 40px 35px; */
 }

 .u-section-4 .u-text-5 {
   font-size: 2.25rem;
   line-height: 1.6;
   font-weight: 700;
   filter: none;
   margin: 20px 0 0 34px;
 }

 .u-section-4 .u-text-6 {
   font-size: 1.5rem;
   line-height: 1.6;
   font-weight: 700;
   margin: 18px 34px 0;
 }

 .u-section-4 .u-text-7 {
   font-size: 1.5rem;
   line-height: 1.6;
   margin: 34px 34px 0;
 }

 .u-section-4 .u-text-8 {
   font-size: 1.5rem;
   line-height: 1.6;
   margin: 21px 34px 0;
 }

 .u-section-4 .u-btn-2 {
   border-style: solid;
   background-image: none;
   text-transform: uppercase;
   font-weight: 700;
   letter-spacing: 1px;
   /* font-size: 1.25rem; */
   /* margin: 78px auto 0; */
   margin: auto auto 20px;
   padding: 15px 19px;
 }

 .u-section-4 .u-list-item-2 {
   --animation-custom_in-translate_x: 0px;
   --animation-custom_in-translate_y: 300px;
   --animation-custom_in-opacity: 0;
   --animation-custom_in-rotate: 0deg;
   --animation-custom_in-scale: 1;
   --radius: 50px;
 }

 .u-section-4 .u-container-layout-4 {
   padding: 0;
 }

 .u-section-4 .u-shape-4 {
   width: 160px;
   height: 160px;
   margin: 81px auto 0;
 }

 .u-section-4 .u-shape-5 {
   height: 322px;
   --top-left-radius: 50px;
   --top-right-radius: 50px;
   /* margin-top: -246px; */
   margin-bottom: 0;
 }

 .u-section-4 .u-group-3 {
   width: 190px;
   /* min-height: 190px; */
   margin: -240px auto 0 195px;
 }

 .u-section-4 .u-shape-6 {
   width: 150px;
   height: 150px;
   margin: 20px auto 0;
 }

 .u-section-4 .u-text-9 {
   font-size: 3.75rem;
   text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.4);
   filter: none;
   width: 100px;
   font-weight: 800;
   /* margin: -135px auto 0; */
   margin: -135px 0 40px 30px;
 }

 .u-section-4 .u-group-elements-2 {
   width: 160px;
   min-height: 57px;
   height: auto;
   margin: -251px 23px 0 auto;
 }

 .u-section-4 .u-group-4 {
   --radius: 25px;
   height: auto;
   min-height: 57px;
   margin-top: 0;
   margin-bottom: 0;
 }

 .u-section-4 .u-container-layout-6 {
   padding: 5px 1px;
 }

 .u-section-4 .u-text-10 {
   font-weight: 700;
   font-size: 1.5rem;
   margin: 0 0 -25px 6px;
 }

 .u-section-4 .u-text-11 {
   font-size: 2.25rem;
   line-height: 1.6;
   font-weight: 700;
   filter: none;
   margin: 278px 0 0 11px;
 }

 .u-section-4 .u-text-12 {
   font-size: 1.5rem;
   line-height: 1.6;
   font-weight: 700;
   margin: 18px 34px 0;
 }

 .u-section-4 .u-text-13 {
   font-size: 1.5rem;
   line-height: 1.6;
   margin: 34px 34px 0;
 }

 .u-section-4 .u-text-14 {
   font-size: 1.5rem;
   line-height: 1.6;
   margin: 21px 34px 0;
 }

 .u-section-4 .u-btn-3 {
   border-style: solid;
   background-image: none;
   text-transform: uppercase;
   font-weight: 700;
   letter-spacing: 1px;
   font-size: 1.25rem;
   margin: 78px auto 0;
   padding: 15px 19px;
 }

 .u-section-4 .u-gallery-nav-1 {
   position: absolute;
   left: 10px;
   width: 40px;
   height: 40px;
 }

 .u-section-4 .u-gallery-nav-2 {
   position: absolute;
   right: 10px;
   width: 40px;
   height: 40px;
 }

 .u-section-4 .u-btn-4 {
   border-style: solid;
   text-transform: uppercase;
   font-weight: 700;
   letter-spacing: 1px;
   font-size: 3rem;
   filter: none;
   padding: 0 78px;
 }

 @media (max-width: 1199px) {
   .u-section-4 .u-text-1 {
     margin-left: 0;
   }

   .u-section-4 .u-text-2 {
     margin-right: 0;
     margin-left: 0;
   }

   .u-section-4 .u-list-1 {
     /* width: 940px; */
     margin-left: 0;
     margin-right: 0;
   }

   .u-section-4 .u-repeater-1 {
     grid-gap: 21px;
   }

   .u-section-4 .u-shape-2 {
     /* --bottom-right-radius: 50px;
     --bottom-left-radius: 100px; */
   }

   .u-section-4 .u-group-2 {
     height: auto;
   }

   .u-section-4 .u-text-5 {
     /* margin-left: 0; */
   }

   .u-section-4 .u-text-6 {
     /* margin-left: 0;
     margin-right: 0; */
   }

   .u-section-4 .u-text-7 {
     /* margin-left: 0;
     margin-right: 0; */
   }

   .u-section-4 .u-text-8 {
     /* margin-left: 0;
     margin-right: 0; */
   }

   .u-section-4 .u-shape-5 {
     --bottom-right-radius: 50px;
     --bottom-left-radius: 100px;
   }

   .u-section-4 .u-group-4 {
     height: auto;
   }

   .u-section-4 .u-text-11 {
     margin-left: 0;
   }

   .u-section-4 .u-text-12 {
     margin-left: 0;
     margin-right: 0;
   }

   .u-section-4 .u-text-13 {
     margin-left: 0;
     margin-right: 0;
   }

   .u-section-4 .u-text-14 {
     margin-left: 0;
     margin-right: 0;
   }
 }

 @media (max-width: 991px) {
   .u-section-4 .u-sheet-1 {
     min-height: 1410px;
   }

   .u-section-4 .u-btn-1 {
     margin-top: 32px;
   }

   .u-section-4 .u-text-1 {
     font-size: 3rem;
     width: auto;
     /* margin-top: 23px; */
   }

   .u-section-4 .u-text-2 {
     width: auto;
     margin-top: 13px;
   }

   .u-section-4 .u-list-1 {
     /* width: 683px; */
     margin: 0 auto 32px;
   }

   .u-section-4 .u-repeater-1 {
     grid-template-columns: repeat(1, 100%);
     grid-auto-columns: 100%;
     min-height: 1041px;
   }

   .u-section-4 .u-shape-2 {
     --bottom-right-radius: 0px;
     --bottom-left-radius: 0px;
     --radius: 0px;
   }

   .u-section-4 .u-group-1 {
     /* margin-top: -226px;
     margin-left: auto; */
   }

   .u-section-4 .u-text-3 {
     width: 97px;
   }

   .u-section-4 .u-group-elements-1 {
     /* margin-top: -265px; */
   }

   .u-section-4 .u-text-5 {
     width: auto;
     /* margin-top: 267px;
     margin-right: -13px;
     margin-left: 13px; */
   }

   .u-section-4 .u-text-6 {
     width: auto;
     margin-top: 7px;
     margin-right: -23px;
     margin-left: 23px;
   }

   .u-section-4 .u-text-7 {
     filter: none;
     line-height: 2.2;
     width: auto;
     margin-top: 35px;
     margin-right: 27px;
     margin-left: 23px;
   }

   .u-section-4 .u-text-8 {
     width: auto;
     filter: none;
     margin-right: 27px;
     margin-left: 20px;
   }

   .u-section-4 .u-btn-2 {
     /* font-size: 1.875rem; */
     /* margin-top: 13px; */
   }

   .u-section-4 .u-shape-5 {
     --bottom-right-radius: 0px;
     --bottom-left-radius: 0px;
     --radius: 0px;
   }

   .u-section-4 .u-group-3 {
     /* margin-top: -226px; */
   }

   .u-section-4 .u-text-9 {
     width: 97px;
   }

   .u-section-4 .u-group-elements-2 {
     margin-top: -265px;
   }

   .u-section-4 .u-text-11 {
     width: auto;
     margin-top: 267px;
     margin-right: -13px;
     margin-left: 13px;
   }

   .u-section-4 .u-text-12 {
     width: auto;
     margin-top: 7px;
     margin-right: -23px;
     margin-left: 23px;
   }

   .u-section-4 .u-text-13 {
     filter: none;
     line-height: 2.2;
     width: auto;
     margin-top: 35px;
     margin-right: 27px;
     margin-left: 23px;
   }

   .u-section-4 .u-text-14 {
     width: auto;
     filter: none;
     margin-right: 27px;
     margin-left: 20px;
   }

   .u-section-4 .u-btn-3 {
     font-size: 1.875rem;
     margin-top: 13px;
   }
 }

 @media (max-width: 767px) {
   .u-section-4 .u-text-2 {
     margin-bottom: 60px;
   }

   .u-section-4 .u-list-1 {
     /* width: 540px; */
   }

   .u-section-4 .u-repeater-1 {
     grid-template-columns: 100%;
   }

   .u-section-4 .u-text-5 {
     margin-right: 0;
     margin-left: 0;
   }

   .u-section-4 .u-text-6 {
     margin-left: 20px;
     margin-right: 0;
   }

   .u-section-4 .u-text-7 {
     margin-left: 0;
     margin-right: 0;
   }

   .u-section-4 .u-text-8 {
     margin-left: 0;
     margin-right: 0;
   }

   .u-section-4 .u-text-11 {
     margin-right: 0;
     margin-left: 0;
   }

   .u-section-4 .u-text-12 {
     margin-left: 0;
     margin-right: 0;
   }

   .u-section-4 .u-text-13 {
     margin-left: 0;
     margin-right: 0;
   }

   .u-section-4 .u-text-14 {
     margin-left: 0;
     margin-right: 0;
   }
 }

 @media (max-width: 575px) {
   .u-section-4 .u-sheet-1 {
     min-height: 1158px;
   }

   .u-section-4 .u-btn-1 {
     font-size: 2.25rem;
     margin-top: 38px;
   }

   .u-section-4 .u-text-1 {
     font-size: 1.875rem;
     /* margin-top: 94px; */
   }

   .u-section-4 .u-list-1 {
     /* width: 380px; */
     margin: 35px -20px 0;
   }

   .u-section-4 .u-repeater-1 {
     min-height: 933px;
   }

   .u-section-4 .u-shape-1 {
     margin-top: 88px;
   }

   .u-section-4 .u-shape-2 {
     /* margin-top: -248px; */
   }

   .u-section-4 .u-group-1 {
     /* margin-top: -219px; */
   }

   .u-section-4 .u-text-7 {
     font-size: 1.11111rem;
     line-height: 1.8;
     margin-top: 10px;
     margin-left: 18px;
     margin-right: 18px;
   }

   .u-section-4 .u-text-8 {
     font-size: 1.125rem;
     margin-top: 6px;
     margin-left: 18px;
     margin-right: 18px;
   }

   .u-section-4 .u-btn-2 {
     /* font-size: 1.125rem; */
     /* margin-top: 0; */
   }

   .u-section-4 .u-shape-4 {
     margin-top: 88px;
   }

   .u-section-4 .u-shape-5 {
     /* margin-top: -248px; */
   }

   .u-section-4 .u-group-3 {
     /* margin-top: -219px;
     margin-left: auto; */
   }

   .u-section-4 .u-text-13 {
     font-size: 1.11111rem;
     line-height: 1.8;
     margin-top: 10px;
     margin-left: 18px;
     margin-right: 18px;
   }

   .u-section-4 .u-text-14 {
     font-size: 1.125rem;
     margin-top: 6px;
     margin-left: 18px;
     margin-right: 18px;
   }

   .u-section-4 .u-btn-3 {
     font-size: 1.125rem;
     margin-top: 0;
   }

   .u-section-4 .u-btn-4 {
     font-size: 1.5rem;
     margin: -1112px auto 60px 18px;
     padding: 15px 19px;
   }
 }

 .u-section-5 {
   background-image: none;
 }

 .u-section-5 .u-sheet-1 {
   min-height: 457px;
 }

 .u-section-5 .u-shape-1 {
   width: 1747px;
   /*--radius: 40px;*/
   height: 352px;
   background-image: none;
   /* margin: 78px -303px 0; */
 }

 .u-section-5 .u-text-1 {
   font-size: 4.5rem;
   font-weight: 800;
   /* margin: -301px -264px 0 -238px; */
 }

 .u-section-5 .u-text-2 {
   font-size: 2.25rem;
   font-weight: 500;
   /* margin: 20px -264px 0 -237px; */
 }

 .u-section-5 .u-btn-1 {
   border-style: solid;
   background-image: none;
   text-transform: uppercase;
   font-weight: 700;
   letter-spacing: 1px;
   font-size: 2.25rem;
   margin: 0px auto 0;
   /* padding: 15px 46px 15px 45px; */
 }

 .u-section-5 .u-btn-2 {
   border-style: solid;
   background-image: none;
   text-transform: uppercase;
   font-weight: 700;
   letter-spacing: 1px;
   font-size: 2.25rem;
   margin: 33px auto 0 183px;
   padding: 15px 46px 15px 45px;
 }

 @media (max-width: 1199px) {
   .u-section-5 .u-shape-1 {
     width: 940px;
     margin-left: 0;
     margin-right: 0;
   }

   .u-section-5 .u-text-1 {
     margin-left: 0;
     margin-right: 0;
   }

   .u-section-5 .u-text-2 {
     /* margin-left: 0;
     margin-right: 0; */
   }

   .u-section-5 .u-btn-2 {
     margin-left: 0;
   }
 }

 @media (max-width: 991px) {
   .u-section-5 .u-shape-1 {
     width: 720px;
     margin-right: auto;
     margin-left: -27px;
   }

   .u-section-5 .u-text-1 {
     width: auto;
     /* margin-top: -304px;
     margin-right: 27px;
     margin-left: -27px; */
     font-size: 3rem;
   }

   .u-section-5 .u-text-2 {
     font-size: 1.875rem;
     /* margin-top: 24px;
     margin-right: 27px;
     margin-left: -27px; */
   }

   .u-section-5 .u-btn-1 {
     font-size: 1.5rem;
     margin-top: 27px;
     /* margin-bottom: 60px;
     margin-left: 66px; */
   }
 }

 @media (max-width: 767px) {
   .u-section-5 .u-shape-1 {
     width: 540px;
     margin-left: -117px;
   }

   .u-section-5 .u-text-1 {
     /* margin-right: 117px;
     margin-left: -117px; */
   }

   .u-section-5 .u-text-2 {
     /* margin-right: 117px;
     margin-left: -117px; */
   }

   .u-section-5 .u-btn-1 {
     margin-left: -117px;
     margin-right: -117px;
   }

   .u-section-5 .u-btn-2 {
     margin-top: 20px;
   }
 }

 @media (max-width: 575px) {
   .u-section-5 .u-shape-1 {
     height: 385px;
     margin-top: 72px;
     margin-right: initial;
     margin-left: initial;
     width: auto;
   }

   .u-section-5 .u-text-1 {
     font-size: 1.625rem;
     /* margin-top: -330px;
     margin-left: 0;
     margin-right: 0; */
   }

   .u-section-5 .u-text-2 {
     font-size: 1.625rem;
     width: auto;
     /* margin-left: 0;
     margin-right: 0; */
   }

   .u-section-5 .u-btn-1 {
     margin-left: -217px;
     margin-right: -217px;
   }

   .u-section-5 .u-btn-2 {
     font-size: 1.25rem;
     margin-left: auto;
     /* margin-bottom: 60px; */
   }
 }

 .u-section-6 {
   background-image: none;
 }

 .u-section-6 .u-sheet-1 {
   /* min-height: 1000px; */
 }

 .u-section-6 .u-btn-1 {
   border-style: solid;
   text-transform: uppercase;
   font-weight: 700;
   letter-spacing: 1px;
   font-size: 0.75rem;
   filter: none;
   margin: 30px auto;
   padding: 0 35px;
 }

 .u-section-6 .u-image-1 {
   width: 340px;
   height: 268px;
   margin: 0 auto 0 0;
 }

 .u-section-6 .u-btn-2 {
   border-style: solid;
   text-transform: uppercase;
   font-weight: 700;
   letter-spacing: 1px;
   font-size: 1.25rem;
   filter: none;
   margin: 0 auto 0;
   padding: 0 35px;
 }

 .u-section-6 .u-text-1 {
   --animation-custom_in-translate_x: 0px;
   --animation-custom_in-translate_y: -300px;
   --animation-custom_in-opacity: 0;
   --animation-custom_in-rotate: 0deg;
   --animation-custom_in-scale: 0.3;
   text-shadow: -2px 2px 10px rgba(77, 77, 77, 1);
   font-size: 3.75rem;
   font-weight: 800;
   margin: 32px auto 0;
 }

 .u-section-6 .u-icon-1 {
   width: 96px;
   background-image: none;
   height: 96px;
   --radius: 25px;
   color: rgb(255, 255, 255) !important;
   /* margin: 48px auto 0 -222px; */
   padding: 19px;
 }

 .u-section-6 .u-text-2 {
   font-size: 3rem;
   font-weight: 800;
   /* margin: -96px 850px 0 -101px; */
 }

 .u-section-6 .u-text-3 {
   font-size: 1.5rem;
   font-weight: 500;
   /* margin: 15px 734px 0 -217px; */
 }

 .u-section-6 .u-image-2 {
   /* width: 972px;
   height: 765px; */
   /* margin: -330px -332px 0 auto; */
 }

 .u-section-6 .u-icon-2 {
   width: 96px;
   background-image: none;
   height: 96px;
   --radius: 25px;
   /* margin: -371px auto 0 -217px; */
   padding: 19px;
 }

 .u-section-6 .u-text-4 {
   font-size: 3rem;
   font-weight: 800;
   /* margin: -96px 855px 0 -106px; */
 }

 .u-section-6 .u-text-5 {
   font-size: 1.5rem;
   font-weight: 500;
   /* margin: 0 739px 60px -222px; */
 }

 @media (max-width: 1199px) {
   .u-section-6 .u-sheet-1 {
     /* min-height: 1413px; */
   }

   .u-section-6 .u-btn-1 {
     /* margin-right: 0; */
   }

   /*.u-section-6 .u-btn-2 {
     margin-top: 332px;
   }COMENTARIORENZO*/

   .u-section-6 .u-text-2 {
     /* margin-right: 650px; */
   }

   .u-section-6 .u-text-3 {
     /* margin-right: 534px; */
   }

   .u-section-6 .u-image-2 {
     /* margin-top: 20px;
     margin-right: 534px; */
   }

   .u-section-6 .u-text-4 {
     /* margin-right: 655px; */
   }

   .u-section-6 .u-text-5 {
     /* margin-right: 539px;
     margin-bottom: 30px; */
   }
 }

 @media (max-width: 991px) {
   .u-section-6 .u-sheet-1 {
     min-height: 1398px;
   }

   .u-section-6 .u-btn-1 {
     /* margin-top: -764px; */
   }

   .u-section-6 .u-btn-2 {
     font-size: 1.5rem;
     margin-top: 32px;
   }

   .u-section-6 .u-text-1 {
     font-size: 3rem;
   }

   .u-section-6 .u-icon-1 {
     width: 85px;
     height: 85px;
     /* margin-top: 26px;
     margin-left: 105px; */
     padding: 17px;
   }

   .u-section-6 .u-text-2 {
     font-size: 2.25rem;
     /* width: 391px;
     margin-top: -72px;
     margin-left: auto;
     margin-right: auto; */
   }

   .u-section-6 .u-text-3 {
     width: auto;
     line-height: 1.6;
     margin-top: 10px;
     margin-left: 19px;
     margin-right: 19px;
   }

   .u-section-6 .u-image-2 {
     /* width: 670px;
     height: 530px;
     margin-top: 322px;
     margin-right: auto;
     margin-left: 0; */
   }

   .u-section-6 .u-icon-2 {
     width: 87px;
     height: 87px;
     /* margin-top: -826px;
     margin-left: 105px; */
     padding: 16px;
   }

   .u-section-6 .u-text-4 {
     font-size: 2.25rem;
     /* width: 391px; */
     /* margin-top: -80px;
     margin-left: auto;
     margin-right: auto; */
   }

   .u-section-6 .u-text-5 {
     line-height: 1.6;
     width: auto;
     margin: 29px 19px 60px;
   }
 }

 @media (max-width: 767px) {
   .u-section-6 .u-sheet-1 {
     min-height: 1225px;
   }

   .u-section-6 .u-btn-2 {
     margin-top: -303px;
   }

   .u-section-6 .u-text-1 {
     /* margin-top: 484px; */
   }

   .u-section-6 .u-icon-1 {
     /* margin-top: -695px; */
   }

   .u-section-6 .u-text-3 {
     margin-left: 0;
     margin-right: 0;
   }

   .u-section-6 .u-image-2 {
     /* width: 540px;
     height: 427px; */
   }

   .u-section-6 .u-icon-2 {
     /* margin-top: -123px; */
   }

   .u-section-6 .u-text-5 {
     margin-top: 576px;
     margin-left: 0;
     margin-right: 0;
   }
 }

 @media (max-width: 575px) {
   .u-section-6 .u-sheet-1 {
     min-height: 1131px;
   }

   .u-section-6 .u-btn-1 {
     font-size: 1.5rem;
     /* margin-top: 33px; */
     margin-right: auto;
   }

   .u-section-6 .u-image-1 {
     height: 302px;
     width: 380px;
     margin-top: 739px;
     margin-left: -20px;
     margin-right: -20px;
   }

   .u-section-6 .u-btn-2 {
     font-size: 0.75rem;
     margin-top: -381px;
   }

   .u-section-6 .u-text-1 {
     font-size: 1.875rem;
     width: auto;
     /* margin-top: -1026px;
     margin-left: -5px; */
   }

   .u-section-6 .u-icon-1 {
     width: 69px;
     height: 69px;
     /* margin-top: 9px;
     margin-left: 18px; */
     padding: 13px;
   }

   .u-section-6 .u-text-2 {
     font-size: 1.5rem;
     width: auto;
     /* margin-top: -59px;
     margin-right: 0;
     margin-left: 80px; */
   }

   .u-section-6 .u-text-3 {
     font-size: 1.3333333333333333rem;
     line-height: 1.4;
     margin-top: 27px;
   }

   .u-section-6 .u-image-2 {
     /* width: 340px;
     height: 269px;
     margin-top: -5467px; */
   }

   .u-section-6 .u-icon-2 {
     width: 69px;
     height: 69px;
     /* margin-top: 33px;
     margin-left: 18px; */
     padding: 12px;
   }

   .u-section-6 .u-text-4 {
     font-size: 1.5rem;
     width: auto;
     /* margin-top: -58px;
     margin-right: -13px;
     margin-left: 95px; */
   }

   .u-section-6 .u-text-5 {
     font-size: 1.3333333333333333rem;
     line-height: 1.4;
     margin-top: 19px;
   }
 }

 .u-section-7 {
   background-image: none;
 }

 .u-section-7 .u-sheet-1 {
   min-height: 1300px;
 }

 .u-section-7 .u-btn-1 {
   border-style: solid;
   text-transform: uppercase;
   letter-spacing: 1px;
   font-size: 1.5rem;
   filter: none;
   font-weight: 700;
   margin: 32px auto 0;
   padding: 0 35px;
 }

 .u-section-7 .u-text-1 {
   --animation-custom_in-translate_x: 0px;
   --animation-custom_in-translate_y: -300px;
   --animation-custom_in-opacity: 0;
   --animation-custom_in-rotate: 0deg;
   --animation-custom_in-scale: 0.3;
   text-shadow: -2px 2px 10px rgba(77, 77, 77, 1);
   font-size: 3rem;
   font-weight: 800;
   margin: 32px 0 0;
 }

 .u-section-7 .u-text-2 {
   font-size: 1.875rem;
   line-height: 1.6;
   font-weight: 700;
   /* margin: 20px -66px 0; */
 }

 .u-section-7 .u-group-elements-1 {
   width: 800px;
   min-height: 475px;
   height: auto;
   margin: 68px auto 0 -230px;
 }

 .u-section-7 .u-image-1 {
   margin-bottom: 0;
 }

 .u-section-7 .u-text-3 {
   font-weight: 700;
   font-size: 2.25rem;
 }

 .u-section-7 .u-group-elements-2 {
   width: 776px;
   min-height: 475px;
   height: auto;
   margin: -475px -226px 0 auto;
 }

 .u-section-7 .u-image-2 {
   margin-bottom: 0;
 }

 .u-section-7 .u-text-4 {
   font-weight: 700;
   font-size: 2.25rem;
 }

 .u-section-7 .u-group-elements-3 {
   width: 800px;
   min-height: 475px;
   height: auto;
   margin: 20px -262px 0 auto;
 }

 .u-section-7 .u-image-3 {
   margin-bottom: 0;
 }

 .u-section-7 .u-text-5 {
   font-weight: 700;
   font-size: 2.25rem;
   line-height: 1.8;
 }

 .u-section-7 .u-group-elements-4 {
   width: 800px;
   min-height: 475px;
   height: auto;
   margin: -475px auto 0 -230px;
 }

 .u-section-7 .u-text-6 {
   font-weight: 700;
   font-size: 2.25rem;
   line-height: 1.8;
 }

 .u-section-7 .u-group-elements-5 {
   width: 573px;
   min-height: 386px;
   height: auto;
   margin: 20px auto 0 -237px;
 }

 .u-section-7 .u-image-5 {
   margin-bottom: 0;
 }

 .u-section-7 .u-text-7 {
   font-weight: 700;
   font-size: 2.25rem;
   line-height: 1.8;
 }

 .u-section-7 .u-group-elements-6 {
   width: 721px;
   min-height: 386px;
   height: auto;
   margin: -386px auto 0;
 }

 .u-section-7 .u-image-6 {
   margin-bottom: 0;
 }

 .u-section-7 .u-text-8 {
   font-weight: 700;
   font-size: 2.25rem;
   line-height: 1.8;
 }

 .u-section-7 .u-group-elements-7 {
   width: 573px;
   min-height: 386px;
   height: auto;
   margin: -386px -262px 60px auto;
 }

 .u-section-7 .u-image-7 {
   margin-bottom: 0;
 }

 .u-section-7 .u-text-9 {
   font-weight: 700;
   font-size: 2.25rem;
   line-height: 1.8;
 }

 @media (max-width: 1199px) {
   .u-section-7 .u-text-2 {
     margin-left: 0;
     margin-right: 0;
   }

   .u-section-7 .u-image-1 {
     margin-bottom: initial;
   }

   .u-section-7 .u-image-2 {
     margin-bottom: initial;
   }

   .u-section-7 .u-image-3 {
     margin-bottom: initial;
   }

   .u-section-7 .u-image-5 {
     margin-bottom: initial;
   }

   .u-section-7 .u-image-6 {
     margin-bottom: initial;
   }

   .u-section-7 .u-image-7 {
     margin-bottom: initial;
   }
 }

 @media (max-width: 991px) {
   .u-section-7 .u-sheet-1 {
     min-height: 2198px;
   }

   .u-section-7 .u-btn-1 {
     margin-top: 20px;
   }

   .u-section-7 .u-text-1 {
     width: auto;
     margin-top: 20px;
     /* margin-right: 20px;
     margin-left: -20px; */
   }

   /*.u-section-7 .u-text-2 {
     margin-top: -3660px;
   }COMENTARIORENZO*/

   .u-section-7 .u-group-elements-1 {
     width: 964px;
     margin-top: 3847px;
     margin-left: -50px;
   }

   .u-section-7 .u-group-elements-2 {
     width: 914px;
     margin-top: -664px;
     margin-right: auto;
     margin-left: -108px;
   }

   .u-section-7 .u-group-elements-3 {
     margin-top: 903px;
     margin-left: -40px;
     margin-right: -40px;
   }

   .u-section-7 .u-group-elements-4 {
     margin-top: -756px;
     margin-left: -20px;
   }

   .u-section-7 .u-group-elements-5 {
     width: 628px;
     margin-top: -714px;
     margin-left: 35px;
   }

   .u-section-7 .u-group-elements-6 {
     margin-top: -1415px;
     margin-right: initial;
     margin-left: initial;
     width: auto;
   }

   .u-section-7 .u-group-elements-7 {
     margin-top: 362px;
     margin-right: auto;
   }
 }

 @media (max-width: 767px) {
   .u-section-7 .u-sheet-1 {
     min-height: 1489px;
   }

   .u-section-7 .u-btn-1 {
     /* margin-top: -1347px; */
   }

   .u-section-7 .u-text-1 {
     margin-left: 0;
     margin-right: 0;
   }

   .u-section-7 .u-group-elements-1 {
     width: 540px;
     margin-left: 0;
   }

   .u-section-7 .u-group-elements-2 {
     width: 540px;
     margin-left: 0;
   }

   .u-section-7 .u-group-elements-3 {
     width: 540px;
     margin-right: 0;
     margin-left: 0;
   }

   .u-section-7 .u-group-elements-4 {
     width: 540px;
     margin-left: 0;
   }

   .u-section-7 .u-group-elements-5 {
     width: 540px;
     margin-left: 0;
   }

   .u-section-7 .u-group-elements-7 {
     width: 540px;
   }
 }

 @media (max-width: 575px) {
   .u-section-7 .u-sheet-1 {
     min-height: 2313px;
   }

   .u-section-7 .u-btn-1 {
     font-size: 0.75rem;
     /* margin-top: 34px;
     margin-left: -50px; */
   }

   .u-section-7 .u-text-1 {
     font-size: 1.875rem;
     margin-top: 20px;
   }

   .u-section-7 .u-text-2 {
     /* margin-top: -5825px; */
   }

   .u-section-7 .u-group-elements-1 {
     width: 964px;
     margin-top: 5857px;
     margin-left: -24px;
   }

   .u-section-7 .u-text-3 {
     width: 800px;
     margin: 197px 984px 0 164px;
   }

   .u-section-7 .u-group-elements-2 {
     width: 914px;
     margin-top: 255px;
     margin-left: -113px;
   }

   .u-section-7 .u-text-4 {
     width: 776px;
     margin: 184px 849px 0 138px;
   }

   .u-section-7 .u-group-elements-3 {
     width: 440px;
     margin-top: -760px;
     margin-right: -100px;
     margin-left: auto;
   }

   .u-section-7 .u-text-5 {
     width: 440px;
     margin: 158px auto 0;
   }

   .u-section-7 .u-group-elements-4 {
     width: 440px;
     margin-top: -683px;
     margin-right: -100px;
     margin-left: auto;
   }

   .u-section-7 .u-text-6 {
     width: 440px;
     margin: 150px auto 0;
   }

   .u-section-7 .u-group-elements-5 {
     width: 628px;
     margin-top: -1085px;
     margin-left: -50px;
   }

   .u-section-7 .u-text-7 {
     width: 573px;
     margin: 128px 188px 0 55px;
   }

   .u-section-7 .u-group-elements-6 {
     width: 587px;
     margin-top: -232px;
     margin-left: -123px;
     margin-right: -123px;
   }

   .u-section-7 .u-text-8 {
     width: 440px;
     margin: 138px 370px 0 147px;
   }

   .u-section-7 .u-group-elements-7 {
     margin-top: 1122px;
     margin-bottom: 59px;
     margin-right: initial;
     margin-left: initial;
     width: auto;
   }

   .u-section-7 .u-text-9 {
     width: 440px;
     margin: 138px auto 0;
   }
 }

 .u-section-8 {
   background-image: none;
 }

 .u-section-8 .u-sheet-1 {
   min-height: 450px;
 }

 .u-section-8 .u-shape-1 {
   width: 1747px;
   /* --radius: 40px; */
   height: 352px;
   background-image: none;
   margin: 78px -303px 0;
 }

 .u-section-8 .u-text-1 {
   font-size: 4.5rem;
   font-weight: 800;
   /* margin: -301px -265px 0 -237px; */
 }

 .u-section-8 .u-text-2 {
   font-size: 2.25rem;
   font-weight: 500;
   margin: 26px -264px 0 -237px;
 }

 .u-section-8 .u-btn-1 {
   border-style: solid;
   background-image: none;
   text-transform: uppercase;
   font-weight: 700;
   letter-spacing: 1px;
   font-size: 2.25rem;
   margin: 45px auto 0;
   padding: 15px 46px 15px 45px;
 }

 .u-section-8 .u-btn-2 {
   border-style: solid;
   background-image: none;
   text-transform: uppercase;
   font-weight: 700;
   letter-spacing: 1px;
   font-size: 2.25rem;
   margin: 33px auto 0 183px;
   padding: 15px 46px 15px 45px;
 }

 @media (max-width: 1199px) {
   .u-section-8 .u-sheet-1 {
     min-height: 1294px;
   }

   .u-section-8 .u-shape-1 {
     width: 940px;
     margin-left: 0;
     margin-right: 0;
   }

   .u-section-8 .u-text-1 {
     /* margin-left: 0;
     margin-right: 0; */
   }

   .u-section-8 .u-text-2 {
     margin-left: 0;
     margin-right: 0;
   }

   .u-section-8 .u-btn-2 {
     margin-left: 0;
   }
 }

 @media (max-width: 991px) {
   .u-section-8 .u-sheet-1 {
     min-height: 538px;
   }

   .u-section-8 .u-shape-1 {
     width: 720px;
     height: 384px;
     margin-top: 77px;
     margin-right: auto;
     margin-left: -27px;
   }

   .u-section-8 .u-text-1 {
     width: auto;
     font-size: 3rem;
     /* margin-top: -338px;
     margin-right: 27px;
     margin-left: -27px; */
   }

   .u-section-8 .u-text-2 {
     font-size: 1.875rem;
     margin-top: 28px;
     margin-right: 27px;
     margin-left: -27px;
   }

   .u-section-8 .u-btn-1 {
     font-size: 1.875rem;
     margin-top: 27px;
     /* margin-bottom: 97px; */
   }
 }

 @media (max-width: 767px) {
   .u-section-8 .u-shape-1 {
     width: 540px;
     margin-left: -117px;
   }

   .u-section-8 .u-text-1 {
     /* margin-right: 117px;
     margin-left: -117px; */
   }

   .u-section-8 .u-text-2 {
     margin-right: 117px;
     margin-left: -117px;
   }

   .u-section-8 .u-btn-1 {
     margin-left: -117px;
     margin-right: -117px;
   }

   .u-section-8 .u-btn-2 {
     margin-top: 20px;
   }
 }

 @media (max-width: 575px) {
   .u-section-8 .u-sheet-1 {
     min-height: 505px;
   }

   .u-section-8 .u-shape-1 {
     height: 385px;
     margin-top: 72px;
     margin-right: initial;
     margin-left: initial;
     width: auto;
   }

   .u-section-8 .u-text-1 {
     font-size: 1.625rem;
     /* margin-top: -330px;
     margin-left: 0;
     margin-right: 0; */
   }

   .u-section-8 .u-text-2 {
     font-size: 1.625rem;
     width: auto;
     margin-left: 0;
     margin-right: 0;
   }

   .u-section-8 .u-btn-1 {
     margin-left: -217px;
     margin-right: -217px;
   }

   .u-section-8 .u-btn-2 {
     font-size: 1.5rem;
     margin-top: 17px;
     margin-left: auto;
     /* margin-bottom: 60px; */
     padding-top: 16px;
     padding-bottom: 17px;
   }
 }

 .u-section-9 {
   background-image: none;
 }

 .u-section-9 .u-sheet-1 {
   min-height: 1400px;
 }

 .u-section-9 .u-btn-1 {
   border-style: solid;
   text-transform: uppercase;
   font-weight: 700;
   letter-spacing: 1px;
   font-size: 0.75rem;
   filter: none;
   margin: -767px 140px 0 auto;
   padding: 0 35px;
 }

 .u-section-9 .u-image-1 {
   width: 340px;
   height: 268px;
   margin: 0 auto 0 0;
 }

 .u-section-9 .u-btn-2 {
   border-style: solid;
   text-transform: uppercase;
   font-weight: 700;
   letter-spacing: 1px;
   font-size: 1.25rem;
   filter: none;
   margin: 33px auto 0;
   padding: 0 35px;
 }

 .u-section-9 .u-text-1 {
   --animation-custom_in-translate_x: 0px;
   --animation-custom_in-translate_y: -300px;
   --animation-custom_in-opacity: 0;
   --animation-custom_in-rotate: 0deg;
   --animation-custom_in-scale: 0.3;
   font-size: 3rem;
   font-weight: 800;
   margin: 22px 0 0;
 }

 .u-section-9 .u-text-2 {
   font-size: 2.25rem;
   font-weight: 500;
   margin: 22px 0 0;
 }

 .u-section-9 .u-text-3 {
   --animation-custom_in-translate_x: 0px;
   --animation-custom_in-translate_y: -300px;
   --animation-custom_in-opacity: 0;
   --animation-custom_in-rotate: 0deg;
   --animation-custom_in-scale: 0.3;
   font-size: 2.25rem;
   font-weight: 800;
   text-align: left;
   /* margin: 48px 934px 0 -289px; */
 }

 .u-section-9 .u-group-1 {
   width: 630px;
   --radius: 40px;
   height: auto;
   --color-var: #818ed2;
   min-height: 185px;
   margin: 48px auto 0 0px;
 }

 .u-section-9 .u-container-layout-1 {
   padding-right: 23px;
   padding-left: 23px;
 }

 .u-section-9 .u-text-4 {
   font-size: 2.25rem;
   font-weight: 700;
   /* margin: 16px 32px 0 116px; */
 }

 .u-section-9 .u-icon-1 {
   width: 104px;
   height: 104px;
   background-image: none;
   color: rgb(255, 255, 255) !important;
   border-radius: 10%;
   /* margin: -48px auto 0 12px; */
   padding: 10px;
 }

 .u-section-9 .u-text-5 {
   font-size: 1.875rem;
   font-weight: 600;
   /* margin: -73px 38px 0 116px; */
 }

 .u-section-9 .u-group-2 {
   width: 630px;
   --radius: 40px;
   height: auto;
   --color-var: #818ed2;
   min-height: 196px;
   margin: 43px auto 0 -315px;
 }

 .u-section-9 .u-container-layout-2 {
   padding-right: 23px;
   padding-left: 23px;
 }

 .u-section-9 .u-text-6 {
   font-size: 2.25rem;
   font-weight: 700;
   margin: 12px 32px 0 116px;
 }

 .u-section-9 .u-icon-2 {
   width: 104px;
   height: 104px;
   background-image: none;
   color: rgb(255, 255, 255) !important;
   /* margin: -110px auto 0 12px; */
   padding: 10px;
   border-radius: 10%;
 }

 .u-section-9 .u-text-7 {
   font-size: 1.875rem;
   font-weight: 600;
   line-height: 1.4;
   margin: -74px 171px 0 152px;
 }

 .u-section-9 .u-group-3 {
   width: 915px;
   --radius: 40px;
   height: auto;
   background-image: none;
   min-height: 547px;
   /* margin: 100px 0px 0 auto; */
 }

 .u-section-9 .u-container-layout-3 {
   padding: 30px;
 }

 .u-section-9 .u-text-8 {
   font-weight: 800;
   font-size: 3rem;
   margin: 0 5px 0 40px;
 }

 .u-section-9 .u-text-9 {
   font-size: 2.25rem;
   font-weight: 500;
   margin: 28px 9px 0 36px;
 }

 .u-section-9 .u-btn-3 {
   border-style: solid;
   background-image: none;
   text-transform: uppercase;
   font-weight: 700;
   letter-spacing: 1px;
   font-size: 2.25rem;
   margin: 32px auto 0;
   padding: 15px 46px 15px 45px;
 }

 .u-section-9 .u-btn-4 {
   border-style: solid;
   background-image: none;
   text-transform: uppercase;
   font-weight: 700;
   letter-spacing: 1px;
   font-size: 2.25rem;
   margin: 20px auto 0;
   padding: 15px 46px 15px 45px;
 }

 .u-section-9 .u-btn-5 {
   background-image: none;
   border-style: solid;
   text-transform: uppercase;
   font-weight: 700;
   letter-spacing: 1px;
   font-size: 1.5rem;
   margin: -1723px 0 0;
   padding: 16px 46px 17px 45px;
 }

 .u-section-9 .u-btn-6 {
   border-style: solid;
   text-transform: uppercase;
   font-weight: 700;
   letter-spacing: 1px;
   font-size: 1.5rem;
   padding: 16px 46px 17px 45px;
 }

 .u-section-9 .u-group-4 {
   width: 630px;
   --radius: 40px;
   height: auto;
   --color-var: #818ed2;
   min-height: 185px;
   margin: -17px auto 0 -315px;
 }

 .u-section-9 .u-container-layout-4 {
   padding-right: 23px;
   padding-left: 23px;
 }

 .u-section-9 .u-text-10 {
   font-size: 2.25rem;
   font-weight: 700;
   margin: 12px 178px 0 116px;
 }

 .u-section-9 .u-icon-4 {
   width: 104px;
   height: 104px;
   background-image: none;
   color: rgb(255, 255, 255) !important;
   /* margin: -43px auto 0 12px; */
   padding: 10px;
   border-radius: 10%;
 }

 .u-section-9 .u-text-11 {
   font-size: 1.875rem;
   font-weight: 600;
   line-height: 1.4;
   margin: -76px 6px 0 148px;
 }

 .u-section-9 .u-text-12 {
   --animation-custom_in-translate_x: 0px;
   --animation-custom_in-translate_y: -300px;
   --animation-custom_in-opacity: 0;
   --animation-custom_in-rotate: 0deg;
   --animation-custom_in-scale: 0.3;
   font-size: 2.25rem;
   font-weight: 800;
   /* margin: -127px -104px 0 706px; */
 }

 .u-section-9 .u-image-2 {
   width: 436px;
   height: 112px;
   /* margin: 16px -33px 33px auto; */
 }

 @media (max-width: 1199px) {
   .u-section-9 .u-btn-1 {
     margin-right: 0;
   }

   .u-section-9 .u-text-3 {
     /* margin-right: 734px; */
   }

   .u-section-9 .u-group-1 {
     --radius: 10px;
     height: auto;
   }

   .u-section-9 .u-container-layout-1 {
     padding-top: 27px;
     padding-bottom: 27px;
   }

   .u-section-9 .u-group-2 {
     --radius: 10px;
     height: auto;
   }

   .u-section-9 .u-container-layout-2 {
     padding-top: 27px;
     padding-bottom: 27px;
   }

   .u-section-9 .u-group-3 {
     margin-top: 40px;
     height: auto;
   }

   .u-section-9 .u-group-4 {
     --radius: 10px;
     margin-top: 20px;
     height: auto;
   }

   .u-section-9 .u-container-layout-4 {
     padding-top: 27px;
     padding-bottom: 27px;
   }

   .u-section-9 .u-text-12 {
     /* margin-left: 506px; */
   }
 }

 @media (max-width: 991px) {
   .u-section-9 .u-sheet-1 {
     min-height: 1920px;
   }

   .u-section-9 .u-btn-2 {
     font-size: 1.5rem;
     /* margin-top: 500px;
     margin-left: 95px; */
   }

   .u-section-9 .u-text-1 {
     width: auto;
     margin-top: 23px;
   }

   .u-section-9 .u-text-2 {
     width: auto;
     /* margin-top: 4px; */
     margin-right: 20px;
     margin-left: -20px;
   }

   .u-section-9 .u-text-3 {
     width: 495px;
     /* margin-top: 27px; */
     margin-left: auto;
     margin-right: auto;
   }

   .u-section-9 .u-group-1 {
     margin-top: 22px;
     margin-left: auto;
   }

   .u-section-9 .u-text-4 {
     width: auto;
     margin-top: 22px;
   }

   .u-section-9 .u-icon-1 {
     /* margin-top: -57px;
     margin-left: 6px; */
   }

   .u-section-9 .u-text-5 {
     width: auto;
     margin-top: -47px;
     margin-right: 39px;
     margin-left: 115px;
   }

   .u-section-9 .u-group-2 {
     min-height: 206px;
     margin-top: 23px;
     margin-left: auto;
   }

   .u-section-9 .u-container-layout-2 {
     padding-top: 19px;
     padding-bottom: 19px;
   }

   .u-section-9 .u-text-6 {
     width: auto;
     margin-top: 6px;
     margin-right: 48px;
     margin-left: 100px;
   }

   .u-section-9 .u-icon-2 {
     /* margin-top: -130px;
     margin-left: 21px; */
   }

   .u-section-9 .u-text-7 {
     width: auto;
     margin-top: -46px;
     margin-right: 172px;
     margin-left: 151px;
   }

   .u-section-9 .u-group-3 {
     width: 672px;
     /* min-height: 564px;
     margin-top: 252px; */
     margin-right: auto;
   }

   .u-section-9 .u-container-layout-3 {
     padding-left: 0;
     padding-right: 0;
   }

   .u-section-9 .u-text-8 {
     margin-right: 35px;
     margin-left: 70px;
   }

   .u-section-9 .u-text-9 {
     margin-right: 39px;
     margin-left: 66px;
   }

   .u-section-9 .u-btn-3 {
     /* margin-top: 43px;
     margin-right: 39px; */
   }

   .u-section-9 .u-btn-4 {
     margin-top: 26px;
   }

   .u-section-9 .u-group-4 {
     margin-top: -785px;
     margin-left: auto;
   }

   .u-section-9 .u-text-10 {
     width: auto;
     margin-top: 9px;
     margin-right: 209px;
     margin-left: 128px;
   }

   .u-section-9 .u-icon-4 {
     /* margin-top: -60px;
     margin-left: 14px; */
   }

   .u-section-9 .u-text-11 {
     width: auto;
     margin-top: -52px;
     margin-right: 0;
     margin-left: 154px;
   }

   .u-section-9 .u-text-12 {
     width: auto;
     /* margin-top: 650px;
     margin-right: 113px;
     margin-left: 70px; */
   }

   .u-section-9 .u-image-2 {
     width: 476px;
     height: 135px;
     margin: 21px auto 51px 101px;
   }
 }

 @media (max-width: 767px) {
   .u-section-9 .u-btn-2 {
     margin-left: 0;
   }

   .u-section-9 .u-text-2 {
     margin-left: 0;
     margin-right: 0;
   }

   .u-section-9 .u-group-1 {
     width: 540px;
   }

   .u-section-9 .u-container-layout-1 {
     padding-left: 10px;
     padding-right: 10px;
   }

   .u-section-9 .u-text-4 {
     margin-right: 0;
     margin-left: 84px;
   }

   .u-section-9 .u-icon-1 {
     /* margin-top: -58px; */
   }

   .u-section-9 .u-text-5 {
     margin-right: 7px;
     margin-left: 83px;
   }

   .u-section-9 .u-group-2 {
     width: 540px;
   }

   .u-section-9 .u-container-layout-2 {
     padding-left: 10px;
     padding-right: 10px;
   }

   .u-section-9 .u-text-6 {
     margin-right: 16px;
     margin-left: 68px;
   }

   .u-section-9 .u-icon-2 {
     /* margin-top: -112px; */
   }

   .u-section-9 .u-text-7 {
     margin-right: 140px;
     margin-left: 119px;
   }

   .u-section-9 .u-group-3 {
     width: 540px;
     margin-top: 20px;
   }

   .u-section-9 .u-text-8 {
     margin-right: 0;
     margin-left: 0;
   }

   .u-section-9 .u-text-9 {
     margin-right: 0;
     margin-left: 0;
   }

   .u-section-9 .u-btn-3 {
     margin-right: auto;
   }

   .u-section-9 .u-group-4 {
     width: 540px;
     margin-top: 20px;
   }

   .u-section-9 .u-container-layout-4 {
     padding-left: 10px;
     padding-right: 10px;
   }

   .u-section-9 .u-text-10 {
     margin-right: 177px;
     margin-left: 96px;
   }

   .u-section-9 .u-icon-4 {
     /* margin-top: 20px; */
   }

   .u-section-9 .u-text-11 {
     margin-left: 90px;
   }

   .u-section-9 .u-text-12 {
     margin-top: 20px;
     margin-right: 2px;
     margin-left: 0;
   }

   .u-section-9 .u-image-2 {
     margin-left: 64px;
   }
 }

 @media (max-width: 575px) {
   .u-section-9 .u-sheet-1 {
     min-height: 1890px;
   }

   .u-section-9 .u-btn-1 {
     font-size: 2.25rem;
     margin-top: 26px;
     margin-left: -9px;
     margin-right: -9px;
   }

   .u-section-9 .u-image-1 {
     margin-top: -808px;
   }

   .u-section-9 .u-btn-2 {
     font-size: 0.75rem;
     /* margin-top: 494px;
     margin-right: -131px; */
     margin-left: auto;
   }

   .u-section-9 .u-text-1 {
     font-size: 1.875rem;
     margin-top: 29px;
   }

   .u-section-9 .u-text-2 {
     font-size: 1.625rem;
     /* margin-top: 482px; */
   }

   .u-section-9 .u-text-3 {
     font-size: 1.875rem;
     width: auto;
     /* margin-top: 21px; */
     margin-left: 0;
     margin-right: 0;
   }

   .u-section-9 .u-group-1 {
     min-height: 186px;
     margin-top: 26px;
     margin-right: initial;
     margin-left: initial;
     width: auto;
   }

   .u-section-9 .u-container-layout-1 {
     padding-left: 0;
     padding-right: 0;
   }

   .u-section-9 .u-text-4 {
     font-size: 1.875rem;
     line-height: 1.4;
     margin-left: 89px;
   }

   .u-section-9 .u-icon-1 {
     width: 84px;
     height: 84px;
     /* margin-top: -78px;
     margin-left: 20px; */
     padding: 8px;
   }

   .u-section-9 .u-text-5 {
     font-size: 1.5rem;
     margin-top: 12px;
     margin-right: 0;
     margin-left: 20px;
   }

   .u-section-9 .u-group-2 {
     min-height: 216px;
     margin-top: 38px;
     margin-right: initial;
     margin-left: initial;
     width: auto;
   }

   .u-section-9 .u-container-layout-2 {
     padding: 0;
   }

   .u-section-9 .u-text-6 {
     font-size: 1.875rem;
     line-height: 1.4;
     margin-top: 20px;
     margin-right: 0;
     margin-left: 83px;
   }

   .u-section-9 .u-icon-2 {
     width: 89px;
     height: 89px;
     /* margin-top: -128px; */
     padding: 8px;
   }

   .u-section-9 .u-text-7 {
     font-size: 1.5rem;
     margin-top: 12px;
     margin-right: 10px;
     margin-left: 69px;
   }

   .u-section-9 .u-group-3 {
     margin-top: 30px;
     margin-right: initial;
     margin-left: initial;
     width: auto;
   }

   .u-section-9 .u-text-8 {
     font-size: 1.625rem;
     width: auto;
   }

   .u-section-9 .u-text-9 {
     font-size: 1.625rem;
   }

   .u-section-9 .u-btn-5 {
     margin-top: 26px;
     margin-left: auto;
     margin-right: auto;
   }

   .u-section-9 .u-btn-6 {
     filter: none;
     margin: 30px auto 0;
     padding: 15px 82px;
   }

   .u-section-9 .u-group-4 {
     min-height: 226px;
     margin-top: -826px;
     margin-right: initial;
     margin-left: initial;
     width: auto;
   }

   .u-section-9 .u-container-layout-4 {
     padding: 8px 0;
   }

   .u-section-9 .u-text-10 {
     font-size: 1.875rem;
     margin-top: 30px;
     margin-right: 10px;
     margin-left: 83px;
   }

   .u-section-9 .u-icon-4 {
     width: 95px;
     height: 95px;
     /* margin-top: -77px;
     margin-left: 10px; */
     padding: 9px;
   }

   .u-section-9 .u-text-11 {
     font-size: 1.5rem;
     margin-top: 18px;
     margin-right: 41px;
     margin-left: 20px;
   }

   .u-section-9 .u-text-12 {
     /* margin-top: 622px;
     margin-right: 0; */
   }

   .u-section-9 .u-image-2 {
     height: 96px;
     margin-top: 30px;
     margin-bottom: 5px;
     margin-right: initial;
     margin-left: initial;
     width: auto;
   }
 }

 .u-section-10 {
   background-image: none;
   min-height: 925px;
 }

 .u-section-10 .u-shape-1 {
   width: 1465px;
   height: 888px;
   margin: 18px calc(((100% - 1140px) / 2) + -369px) 0 auto;
 }

 .u-section-10 .u-image-1 {
   width: 176px;
   height: 229px;
   /* margin: -888px auto 0 121px; */
 }

 .u-section-10 .u-text-1 {
   font-size: 1.875rem;
   font-weight: 500;
   margin: -152px calc(((100% - 1140px) / 2) + -310px) 0 calc(((100% - 1140px) / 2) + 1038px);
 }

 .u-section-10 .u-icon-1 {
   width: 64px;
   height: 64px;
   margin: -218px calc(((100% - 1140px) / 2) + 102px) 0 auto;
   padding: 10px;
 }

 .u-section-10 .u-icon-2 {
   width: 64px;
   height: 64px;
   margin: -157px calc(((100% - 1140px) / 2) + 102px) 0 auto;
   padding: 10px;
 }

 .u-section-10 .u-text-2 {
   font-size: 1.875rem;
   font-weight: 500;
   margin: -168px calc(((100% - 1140px) / 2) + 177px) 0 calc(((100% - 1140px) / 2) + 551px);
 }

 .u-section-10 .u-text-3 {
   font-size: 1.875rem;
   font-weight: 500;
   margin: -284px calc(((100% - 1140px) / 2) + 650px) 0 calc(((100% - 1140px) / 2) + 67px);
 }

 .u-section-10 .u-image-2 {
   width: 361px;
   height: 76px;
   /* margin: -474px auto 0 29px; */
 }

 .u-section-10 .u-text-4 {
   font-size: 2.25rem;
   font-weight: 500;
   /* margin: 18px calc(((100% - 1140px) / 2) + 1114px) 0 calc(((100% - 1140px) / 2) + -379px); */
 }

 .u-section-10 .u-icon-3 {
   width: 64px;
   height: 64px;
   margin: -323px calc(((100% - 1140px) / 2) + 102px) 0 auto;
   padding: 10px;
 }

 .u-section-10 .u-icon-4 {
   width: 64px;
   height: 64px;
   margin: 0 calc(((100% - 1140px) / 2) + 102px) 0 auto;
   padding: 10px;
 }

 .u-section-10 .u-btn-1 {
   border-style: solid;
   background-image: none;
   text-transform: uppercase;
   font-weight: 700;
   letter-spacing: 1px;
   font-size: 2.25rem;
   margin: 97px calc(((100% - 1140px) / 2) + -321px) 0 auto;
   padding: 15px 46px 15px 45px;
 }

 .u-section-10 .u-image-3 {
   width: 361px;
   height: 144px;
   margin: 42px auto 34px 29px;
 }

 @media (max-width: 1199px) {
   .u-section-10 .u-shape-1 {
     width: 940px;
     margin-right: calc(((100% - 940px) / 2));
   }

   .u-section-10 .u-image-1 {
     /* margin-top: 20px; */
   }

   .u-section-10 .u-text-1 {
     margin-right: calc(((100% - 940px) / 2) + -310px);
     margin-left: calc(((100% - 940px) / 2) + 838px);
   }

   .u-section-10 .u-icon-1 {
     margin-right: calc(((100% - 940px) / 2) + 102px);
   }

   .u-section-10 .u-icon-2 {
     margin-right: calc(((100% - 940px) / 2) + 102px);
   }

   .u-section-10 .u-text-2 {
     margin-top: 20px;
     margin-right: calc(((100% - 940px) / 2) + 77px);
     margin-left: calc(((100% - 940px) / 2) + 451px);
   }

   .u-section-10 .u-text-3 {
     margin-right: calc(((100% - 940px) / 2) + 517px);
     margin-left: calc(((100% - 940px) / 2));
   }

   .u-section-10 .u-image-2 {
     /* margin-top: 20px; */
   }

   .u-section-10 .u-text-4 {
     /* margin-right: calc(((100% - 940px) / 2) + 914px);
     margin-left: calc(((100% - 940px) / 2) + -379px); */
   }

   .u-section-10 .u-icon-3 {
     margin-right: calc(((100% - 940px) / 2) + 102px);
   }

   .u-section-10 .u-icon-4 {
     margin-right: calc(((100% - 940px) / 2) + 102px);
   }

   .u-section-10 .u-btn-1 {
     margin-right: calc(((100% - 940px) / 2));
   }
 }

 @media (max-width: 991px) {
   .u-section-10 {
     min-height: 2448px;
   }

   .u-section-10 .u-shape-1 {
     width: 720px;
     height: 1609px;
     margin-top: 628px;
     margin-right: auto;
   }

   .u-section-10 .u-image-1 {
     /* margin-top: -2005px;
     margin-left: calc(((100% - 720px) / 2) + 40px); */
   }

   .u-section-10 .u-text-1 {
     width: auto;
     margin-top: 1200px;
     margin-right: calc(((100% - 720px) / 2) + 54px);
     margin-left: calc(((100% - 720px) / 2) + 121px);
   }

   .u-section-10 .u-icon-1 {
     margin-top: -195px;
     margin-right: auto;
     margin-left: calc(((100% - 720px) / 2) + 40px);
   }

   .u-section-10 .u-icon-2 {
     margin-top: -145px;
     margin-right: auto;
     margin-left: calc(((100% - 720px) / 2) + 40px);
   }

   .u-section-10 .u-text-2 {
     width: 578px;
     margin-top: -505px;
     margin-left: auto;
     margin-right: auto;
   }

   .u-section-10 .u-text-3 {
     width: 578px;
     margin-top: -907px;
     margin-left: auto;
     margin-right: auto;
   }

   .u-section-10 .u-image-2 {
     /* margin-top: -1218px;
     margin-left: calc(((100% - 720px) / 2) + 161px); */
   }

   .u-section-10 .u-text-4 {
     width: auto;
     /* margin-top: 26px;
     margin-right: calc(((100% - 720px) / 2) + 40px);
     margin-left: calc(((100% - 720px) / 2) + 275px); */
   }

   .u-section-10 .u-icon-3 {
     margin-top: 1405px;
     margin-right: auto;
     margin-left: calc(((100% - 720px) / 2) + 40px);
   }

   .u-section-10 .u-icon-4 {
     margin-right: auto;
     margin-left: calc(((100% - 720px) / 2) + 40px);
   }

   .u-section-10 .u-btn-1 {
     margin-top: 35px;
     margin-right: auto;
   }

   .u-section-10 .u-image-3 {
     width: 722px;
     margin-top: 90px;
     margin-left: auto;
     margin-bottom: 35px;
   }
 }

 @media (max-width: 767px) {
   .u-section-10 {
     min-height: 2412px;
   }

   .u-section-10 .u-shape-1 {
     width: 540px;
   }

   .u-section-10 .u-image-1 {
     /* margin-left: calc(((100% - 540px) / 2) + 40px); */
   }

   .u-section-10 .u-text-1 {
     margin-right: calc(((100% - 540px) / 2));
     margin-left: calc(((100% - 540px) / 2) + 37px);
   }

   .u-section-10 .u-icon-1 {
     margin-left: calc(((100% - 540px) / 2) + 40px);
   }

   .u-section-10 .u-icon-2 {
     margin-left: calc(((100% - 540px) / 2) + 40px);
   }

   .u-section-10 .u-text-2 {
     width: 540px;
   }

   .u-section-10 .u-text-3 {
     width: 540px;
     margin-right: calc(((100% - 540px) / 2));
   }

   .u-section-10 .u-image-2 {
     /* margin-left: calc(((100% - 540px) / 2) + 161px); */
   }

   .u-section-10 .u-text-4 {
     /* margin-right: calc(((100% - 540px) / 2));
     margin-left: calc(((100% - 540px) / 2) + 135px); */
   }

   .u-section-10 .u-icon-3 {
     margin-left: calc(((100% - 540px) / 2) + 40px);
   }

   .u-section-10 .u-icon-4 {
     margin-left: calc(((100% - 540px) / 2) + 40px);
   }

   .u-section-10 .u-image-3 {
     width: 540px;
     height: 108px;
   }
 }

 @media (max-width: 575px) {
   .u-section-10 {
     min-height: 2472px;
   }

   .u-section-10 .u-shape-1 {
     height: 1669px;
     margin-top: 671px;
     margin-right: initial;
     margin-left: initial;
     width: auto;
   }

   .u-section-10 .u-image-1 {
     /* margin-top: -2202px;
     margin-left: auto; */
   }

   .u-section-10 .u-text-1 {
     font-size: 1.625rem;
     margin-top: 1403px;
     margin-left: 15px;
     margin-right: 15px;
   }

   .u-section-10 .u-icon-1 {
     margin-top: -109px;
     margin-right: calc(((100% - 340px) / 2) + 25px);
     margin-left: auto;
   }

   .u-section-10 .u-icon-2 {
     margin-top: -547px;
     margin-right: calc(((100% - 340px) / 2) + 29px);
     margin-left: auto;
   }

   .u-section-10 .u-text-2 {
     font-size: 1.625rem;
     width: auto;
     margin-top: -751px;
     margin-left: 15px;
     margin-right: 15px;
   }

   .u-section-10 .u-text-3 {
     font-size: 1.625rem;
     width: auto;
     margin-top: -920px;
     margin-left: 15px;
     margin-right: 15px;
   }

   .u-section-10 .u-image-2 {
     width: 340px;
     height: 72px;
     /* margin-top: -1244px;
     margin-left: auto; */
   }

   .u-section-10 .u-text-4 {
     font-size: 1.625rem;
     width: 340px;
     /* margin-top: 271px; */
     /* margin-left: auto;
     margin-right: auto; */
   }

   .u-section-10 .u-icon-3 {
     margin-top: 2346px;
     margin-right: calc(((100% - 340px) / 2) + 25px);
     margin-left: auto;
   }

   .u-section-10 .u-icon-4 {
     margin-top: 982px;
     margin-left: calc(((100% - 340px) / 2) + 17px);
   }

   .u-section-10 .u-btn-1 {
     font-size: 1.25rem;
     margin-top: 1600px;
   }

   .u-section-10 .u-image-3 {
     width: 340px;
     height: 68px;
     margin-top: 114px;
   }
 }


 /* ============================== BASE GLOBAL ============================== */
 body {
   margin: 0;
   /* font-family: "Poppins", sans-serif; */
   font-family: 'Montserrat', sans-serif;
   line-height: 1.6;
 }

 /* Escala tipográfica base (mobile pequeño) */
 body {
   font-size: 14px;
 }

 h1 {
   font-size: 1.8rem;
 }

 h2 {
   font-size: 1.5rem;
 }

 h3 {
   font-size: 1.3rem;
 }

 p,
 li,
 a {
   font-size: 1rem;
 }

 /* ============================== MENÚ PRINCIPAL ============================== */
 .header {
   background-color: #fff;
   box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
   position: relative;
   z-index: 10;
 }

 .container-menu {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 10px 40px;
 }

 .div-logo {
   display: flex;
   align-items: center;
   gap: 10px;
 }


 .logo img {
   height: 60px;
 }

 .name-logo img {
   height: 60px;
 }

 .u-custom-menu {
   flex: 1;
   text-align: center;
   justify-content: center;
 }

 .u-nav {
   list-style: none;
   margin: 0;
   padding: 0;
   display: flex;
   justify-content: center;
   gap: 80px;
 }

 .u-nav li a {
   text-decoration: none;
   font-weight: 600;
   color: #111;
   font-size: 1rem;
   /* Adaptable con body */
   transition: color 0.3s ease;
 }

 .u-nav li a:hover {
   color: #f1c40f;
 }

 .btn-register {
   background-color: #f1c40f;
   color: #fff;
   border-radius: 40px;
   padding: 10px 24px;
   text-decoration: none;
   font-weight: 600;
   transition: 0.3s;
   text-align: center;
 }

 .btn-register:hover {
   background-color: white;
   border: 1px solid #f1c40f;
 }

 .menu-collapse {
   display: none;
   cursor: pointer;
 }

 .menu-collapse img {
   width: 32px;
 }

 .mobile-menu {
   display: none;
   background: rgba(0, 0, 0, 0.9);
   position: absolute;
   /* top: 80px; */
   left: 0;
   width: 100%;
   text-align: center;
   padding: 20px 0;
 }

 .mobile-menu.active {
   display: block;
 }

 .mobile-menu ul {
   list-style: none;
   margin: 0;
   padding: 0;
 }

 .mobile-menu li {
   margin: 15px 0;
 }

 .mobile-menu a {
   color: white;
   text-decoration: none;
   font-size: 1.1rem;
   font-weight: 600;
   transition: color 0.3s;
 }

 .mobile-menu a:hover {
   color: #f1c40f;
 }

 .mision,
 .vision {
   display: flex;
   align-items: center;
   justify-self: center;
   gap: 20px
 }

 .d-flex {
   display: flex !important;
 }

 .flex-wrap {
   flex-wrap: wrap;
 }

 .justify-content-center {
   justify-content: center !important;
 }

 .justify-content-between {
   justify-content: space-between !important;
 }

 .justify-content-end {
   justify-content: end !important;
 }

 .align-items-center {
   align-items: center !important;
 }

 .align-items-end {
   align-items: end !important;
 }

 .logo-redes {
   border-radius: 100%;
   cursor: pointer;
   /* height: 65px; */
 }

 .logo-redes img {
   border-radius: 100%;
   /* border: 1px solid #d4d6d5; */
   height: 65px;
 }

 .logo-redes :hover {
   transform: scale(1.1);
   box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
 }

 .flex-colum {
   flex-direction: column;
 }

 /*Modal*/

 .modal-overlay {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.4);
   display: none;
   justify-content: center;
   align-items: center;
   z-index: 1000;
 }

 .modal-container {
   background-color: white;
   border-radius: 10px;
   width: 90%;
   max-width: 900px;
   box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
   animation: fadeIn 0.3s ease;
 }

 .modal-header {
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 0.5rem 1.5rem;
   border-bottom: 1px solid #eee;
 }

 .modal-header h2 {
   font-weight: 600;
   font-size: 20px;
   color: #333;
 }

 .close-btn {
   background: none;
   border: none;
   font-size: 24px;
   cursor: pointer;
   color: #777;
   transition: 0.3s;
   width: 25px;
   height: 25px;
   line-height: 1;
 }

 .close-btn:hover {
   transition: 0.1s;
   color: black;
   /* border: 1px solid #059669; */
   background-color: #f3f3f3;
   border-radius: 50%;

 }

 .modal-body {
   padding: 1.5rem;
   max-height: 70vh;
   overflow-y: auto;
 }

 .form-row {
   display: flex;
   flex-wrap: wrap;
   gap: 20px;
 }

 .form-group {
   flex: 1;
   display: flex;
   flex-direction: column;
 }

 .form-group.full {
   width: 100%;
 }

 label {
   font-size: 14px;
   color: #333;
   margin-bottom: 6px;
   font-weight: 500;
 }

 input[type="text"],
 input[type="date"],
 textarea[type="text"],
 select {
   padding: 10px;
   border: 1px solid #ddd;
   border-radius: 6px;
   font-size: 14px;
   color: #333;
 }

 input[type="range"] {
   width: 100%;
   accent-color: #10b981;
 }

 .modal-footer {
   /* display: flex;
   justify-content: center;
   gap: 10px;
   padding: 1rem 0 1.5rem; */
   position: sticky;
   bottom: 0;
   /* background: #fff; */
   padding: 1rem;
   border-top: 1px solid #ddd;
   display: flex;
   justify-content: center;
   gap: 1rem;
   z-index: 10;
 }

 .btn {
   padding: 10px 25px;
   border: none;
   border-radius: 8px;
   font-size: 15px;
   cursor: pointer;
   color: #fff;
   transition: 0.3s;
 }

 .btn-green {
   background-color: #10b981;
 }

 .btn-green:hover {
   background-color: #059669;
 }

 .btn-red {
   background-color: #ef4444;
 }

 .btn-red:hover {
   background-color: #dc2626;
 }

 .requerid {
   color: #dc2626;
   font-weight: 700;
 }

 .form-control {
   height: 40px;
 }

 /* Buscador personalizado */
 .custom-select-container {
   position: relative;
   width: 100%;
   /* margin-top: 0.3rem; */
 }

 .custom-select-search {
   width: 100%;
   padding: 0.6rem 0.8rem;
   border: 1px solid #ccc;
   border-radius: 6px;
   font-size: 0.9rem;
 }

 .custom-select-dropdown {
   position: absolute;
   width: 100%;
   background: #fff;
   border: 1px solid #ccc;
   border-top: none;
   max-height: 150px;
   overflow-y: auto;
   border-radius: 0 0 6px 6px;
   display: none;
   z-index: 999;
 }

 .option {
   padding: 0.6rem 0.8rem;
   cursor: pointer;
 }

 .option:hover {
   background-color: #007bff;
   color: #fff;
 }

 .whatsapp-float {
   position: fixed;
   bottom: 20px;
   right: 20px;
   width: 56px;
   height: 56px;
   background-color: #ffffff;
   border-radius: 50%;
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
   z-index: 9999;
   display: flex;
   align-items: center;
   justify-content: center;
   cursor: pointer;
   transition: transform 0.3s ease, box-shadow 0.3s ease;
 }

 .whatsapp-float img {
   width: 28px;
   height: 28px;
   transition: transform 0.3s ease;
 }

 /* 💫 Hover Effect */
 .whatsapp-float:hover {
   transform: scale(1.1) rotate(3deg);
   box-shadow: 0 6px 16px rgba(0, 0, 0, 0.25);
 }

 /*Calendario*/

 .container {
   /* max-width: 700px; */
   /* background: #f0ddff; */
   /* padding: 1.8rem; */
   border-radius: 12px;
   display: flex;
   gap: 2rem;
   flex-wrap: wrap;
   align-items: center;
   justify-content: center;
 }

 /* Calendario fijo izquierda */
 .calendar-section {
   width: 300px;
   background: white;
   /* padding: 1rem; */
   border-radius: 8px;
 }

 /* La parte derecha con header y horarios */
 .right-section {
   flex: 1;
   display: flex;
   flex-direction: column;
 }

 .container .header {
   display: flex;
   justify-content: space-between;
   /* 🧭 Distribuye espacio entre texto y botones */
   align-items: center;
   margin-bottom: 1rem;
   color: #3a2d54;
   font-weight: 600;
   font-size: 1.1rem;
   background-color: transparent;
   box-shadow: none;
 }

 .nav-buttons {
   display: flex;
   gap: 0.5rem;
   /* Espacio entre las flechas */
 }

 .nav-btn {
   width: 36px;
   height: 36px;
   border-radius: 50%;
   background-color: #f1c40fde;
   /* púrpura */
   color: white;
   border: none;
   font-size: 1.2rem;
   cursor: pointer;
   display: flex;
   align-items: center;
   justify-content: center;
   transition: background-color 0.2s ease;
 }

 .nav-btn:hover {
   background-color: #f1c40f;
   /* púrpura más oscuro al pasar el mouse */
 }

 /* Lista de horarios con scroll */
 .time-slot-container {
   flex: 1;
   overflow-y: auto;
   /* border: 2px solid #6c4dc3; */
   border-radius: 8px;
   padding: 10px;
   background: white;
   max-height: 220px;
   /* 👈 Aquí está el truco */
 }

 .time-grid {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   gap: 12px;
 }

 .time-slot {
   padding: 0.7rem 1rem;
   border: 2px solid #f1c40f;
   border-radius: 8px;
   font-weight: bold;
   text-align: center;
   cursor: pointer;
   background: white;
   transition: background-color 0.2s, color 0.2s;
 }

 .time-slot:hover {
   background: #f1c40f4d;
 }

 .time-slot.selected {
   background: #f1c40f;
   color: white;
 }

 /* Ocultar input flatpickr */
 #datePicker {
   display: none;
 }

 /*checkbox*/
 .custom-checkbox {
   display: flex;
   align-items: center;
   gap: 10px;
   cursor: pointer;
   user-select: none;
   /* font-family: Arial, sans-serif;
   font-size: 1rem; */
   /* color: #f1c40f; */
 }

 .custom-checkbox input[type="checkbox"] {
   display: none;
   /* Oculta el checkbox nativo */
 }

 .custom-checkbox .checkmark {
   width: 20px;
   height: 20px;
   border: 2px solid #b9b9b9;
   border-radius: 4px;
   position: relative;
   display: inline-block;
   background-color: white;
   transition: background-color 0.2s ease;
 }

 .custom-checkbox input[type="checkbox"]:checked+.checkmark {
   border: 2px solid #f1c40f;
   background-color: #f1c40f;
 }

 .custom-checkbox .checkmark::after {
   content: '';
   position: absolute;
   display: none;
   left: 5px;
   top: 1px;
   width: 6px;
   height: 12px;
   border: solid white;
   border-width: 0 2px 2px 0;
   transform: rotate(45deg);
 }

 .custom-checkbox input[type="checkbox"]:checked+.checkmark::after {
   display: block;
 }

 /* 🎯 Optional: pulsating animation */
 @keyframes pulse {
   0% {
     transform: scale(1);
   }

   50% {
     transform: scale(1.05);
   }

   100% {
     transform: scale(1);
   }
 }

 .whatsapp-float:hover img {
   animation: pulse 0.6s infinite;
 }

 /**/
 /* ========= GRID SYSTEM ========= */
 .row {
   display: flex;
   flex-wrap: wrap;
   margin: 0 -0.5rem;
 }

 [class*="col-"] {
   padding: 0 0.5rem;
   box-sizing: border-box;
 }

 /* 12 columnas base */
 .col-xs-1 {
   flex: 0 0 8.3333%;
   max-width: 8.3333%;
 }

 .col-xs-2 {
   flex: 0 0 16.6666%;
   max-width: 16.6666%;
 }

 .col-xs-3 {
   flex: 0 0 25%;
   max-width: 25%;
 }

 .col-xs-4 {
   flex: 0 0 33.3333%;
   max-width: 33.3333%;
 }

 .col-xs-5 {
   flex: 0 0 41.6666%;
   max-width: 41.6666%;
 }

 .col-xs-6 {
   flex: 0 0 50%;
   max-width: 50%;
 }

 .col-xs-7 {
   flex: 0 0 58.3333%;
   max-width: 58.3333%;
 }

 .col-xs-8 {
   flex: 0 0 66.6666%;
   max-width: 66.6666%;
 }

 .col-xs-9 {
   flex: 0 0 75%;
   max-width: 75%;
 }

 .col-xs-10 {
   flex: 0 0 83.3333%;
   max-width: 83.3333%;
 }

 .col-xs-11 {
   flex: 0 0 91.6666%;
   max-width: 91.6666%;
 }

 .col-xs-12 {
   flex: 0 0 100%;
   max-width: 100%;
 }

 /* Breakpoints */
 @media (min-width: 576px) {
   .col-sm-1 {
     flex: 0 0 8.3333%;
     max-width: 8.3333%;
   }

   .col-sm-2 {
     flex: 0 0 16.6666%;
     max-width: 16.6666%;
   }

   .col-sm-3 {
     flex: 0 0 25%;
     max-width: 25%;
   }

   .col-sm-4 {
     flex: 0 0 33.3333%;
     max-width: 33.3333%;
   }

   .col-sm-5 {
     flex: 0 0 41.6666%;
     max-width: 41.6666%;
   }

   .col-sm-6 {
     flex: 0 0 50%;
     max-width: 50%;
   }

   .col-sm-7 {
     flex: 0 0 58.3333%;
     max-width: 58.3333%;
   }

   .col-sm-8 {
     flex: 0 0 66.6666%;
     max-width: 66.6666%;
   }

   .col-sm-9 {
     flex: 0 0 75%;
     max-width: 75%;
   }

   .col-sm-10 {
     flex: 0 0 83.3333%;
     max-width: 83.3333%;
   }

   .col-sm-11 {
     flex: 0 0 91.6666%;
     max-width: 91.6666%;
   }

   .col-sm-12 {
     flex: 0 0 100%;
     max-width: 100%;
   }
 }

 @media (min-width: 768px) {
   .col-md-1 {
     flex: 0 0 8.3333%;
     max-width: 8.3333%;
   }

   .col-md-2 {
     flex: 0 0 16.6666%;
     max-width: 16.6666%;
   }

   .col-md-3 {
     flex: 0 0 25%;
     max-width: 25%;
   }

   .col-md-4 {
     flex: 0 0 33.3333%;
     max-width: 33.3333%;
   }

   .col-md-5 {
     flex: 0 0 41.6666%;
     max-width: 41.6666%;
   }

   .col-md-6 {
     flex: 0 0 50%;
     max-width: 50%;
   }

   .col-md-7 {
     flex: 0 0 58.3333%;
     max-width: 58.3333%;
   }

   .col-md-8 {
     flex: 0 0 66.6666%;
     max-width: 66.6666%;
   }

   .col-md-9 {
     flex: 0 0 75%;
     max-width: 75%;
   }

   .col-md-10 {
     flex: 0 0 83.3333%;
     max-width: 83.3333%;
   }

   .col-md-11 {
     flex: 0 0 91.6666%;
     max-width: 91.6666%;
   }

   .col-md-12 {
     flex: 0 0 100%;
     max-width: 100%;
   }
 }

 @media (min-width: 992px) {
   .col-lg-1 {
     flex: 0 0 8.3333%;
     max-width: 8.3333%;
   }

   .col-lg-2 {
     flex: 0 0 16.6666%;
     max-width: 16.6666%;
   }

   .col-lg-3 {
     flex: 0 0 25%;
     max-width: 25%;
   }

   .col-lg-4 {
     flex: 0 0 33.3333%;
     max-width: 33.3333%;
   }

   .col-lg-5 {
     flex: 0 0 41.6666%;
     max-width: 41.6666%;
   }

   .col-lg-6 {
     flex: 0 0 50%;
     max-width: 50%;
   }

   .col-lg-7 {
     flex: 0 0 58.3333%;
     max-width: 58.3333%;
   }

   .col-lg-8 {
     flex: 0 0 66.6666%;
     max-width: 66.6666%;
   }

   .col-lg-9 {
     flex: 0 0 75%;
     max-width: 75%;
   }

   .col-lg-10 {
     flex: 0 0 83.3333%;
     max-width: 83.3333%;
   }

   .col-lg-11 {
     flex: 0 0 91.6666%;
     max-width: 91.6666%;
   }

   .col-lg-12 {
     flex: 0 0 100%;
     max-width: 100%;
   }
 }

 @media (min-width: 1200px) {
   .col-xl-1 {
     flex: 0 0 8.3333%;
     max-width: 8.3333%;
   }

   .col-xl-2 {
     flex: 0 0 16.6666%;
     max-width: 16.6666%;
   }

   .col-xl-3 {
     flex: 0 0 25%;
     max-width: 25%;
   }

   .col-xl-4 {
     flex: 0 0 33.3333%;
     max-width: 33.3333%;
   }

   .col-xl-5 {
     flex: 0 0 41.6666%;
     max-width: 41.6666%;
   }

   .col-xl-6 {
     flex: 0 0 50%;
     max-width: 50%;
   }

   .col-xl-7 {
     flex: 0 0 58.3333%;
     max-width: 58.3333%;
   }

   .col-xl-8 {
     flex: 0 0 66.6666%;
     max-width: 66.6666%;
   }

   .col-xl-9 {
     flex: 0 0 75%;
     max-width: 75%;
   }

   .col-xl-10 {
     flex: 0 0 83.3333%;
     max-width: 83.3333%;
   }

   .col-xl-11 {
     flex: 0 0 91.6666%;
     max-width: 91.6666%;
   }

   .col-xl-12 {
     flex: 0 0 100%;
     max-width: 100%;
   }
 }

 .w-100 {
   width: 100%;
 }

 .p-0 {
   padding: 0 !important;
 }

 .p-1 {
   padding: 0.5rem;
 }

 .p-2 {
   padding: 1rem;
 }

 .p-5 {
   padding: 2.5rem !important;
 }

 .pb-5 {
   padding-bottom: 2.5rem !important;
 }

 .p-10 {
   padding: 5rem !important;
 }

 .pt-5 {
   padding-top: 2.5rem;
 }

 .pb-10 {
   padding-bottom: 5rem !important;
 }

 .m-0 {
   margin: 0 !important;
 }

 .m-2 {
   padding: 1rem;
 }

 .gap-1 {
   gap: 0.5rem;
 }

 .gap-5 {
   gap: 2.5rem;
 }

 .gap-10 {
   gap: 5rem;
 }

 .mt-10 {
   margin-top: 5rem;
 }

 .contenido-footer {
   display: flex;
   justify-content: center;
   align-items: center;
   min-height: 100%;
   background-color: #1E32FF;
 }

 .logo-contacto img {
   height: 40px;
 }

 @keyframes fadeIn {
   from {
     opacity: 0;
     transform: translateY(-15px);
   }

   to {
     opacity: 1;
     transform: translateY(0);
   }
 }

 /* ✅ Responsive */
 @media (max-width: 768px) {
   .form-row {
     flex-direction: column;
   }
 }

 /* .u-sheet {
   width: 1000px !important;
 }

 .u-section-1 .u-text-1{
  margin: 10px 20px;
 } */

 /* ============================== RESPONSIVE (FONTS + LAYOUT) ============================== */
 @media (min-width: 320px) and (max-width: 375px) {
   body {
     font-size: 14px;
   }

   h1 {
     font-size: 1.8rem;
   }

   h2 {
     font-size: 1.5rem;
   }

   h3 {
     font-size: 1.3rem;
   }

   p,
   li,
   a {
     font-size: 1rem;
   }

   .container-menu {
     padding: 10px 20px;
   }

   .u-custom-menu {
     display: none;
   }

   .menu-collapse {
     display: flex;
   }

   .menu-collapse img {
     width: 20px;
   }

   .logo img {
     display: none !important;
   }

   .name-logo img {
     height: 20px;
   }

   .btn-register {
     font-size: 0.6rem !important;
     padding: 5px 5px !important;
   }

   .header-contenter-1 {
     width: 100%;
     /* width: 00px; */
     /* margin: 100px 100px; */
   }

   .name-logo img {
     height: 25px;
   }

   .u-section-1 .u-text-1 {
     font-size: 2.5rem;
   }

   .div-header-p p {
     font-size: 1rem !important;
   }

   .u-nav li a {
     font-size: 1rem;
   }

   .u-nav {
     gap: 25px
   }

   .btn-register {
     font-size: 17px;
     padding: 10px 20px;
   }

   .header-contenter-1 {
     width: 100%;
     /* width: 800px; */
     /* margin: 100px 100px; */
   }

   .name-logo img {
     height: 25px;
   }

   .u-section-1 .u-btn-1 {
     font-size: 0.8rem;
   }

   .u-section-1 {
     display: flex;
     justify-content: center;
     /* align-items: center; */
   }

   .u-section-1 .u-sheet-1 {
     width: 300px !important;
     display: flex;
     /* justify-content: center; */
     align-items: center;
   }

   .section-1 {

     margin: 0 20px;
     gap: 20px
   }

   .section-1 .div-header-h1 {
     width: 100%;
   }

   .u-section-2 {
     display: flex;
     justify-content: center;
     align-items: center;
   }

   .u-section-2 .u-sheet-1 {
     width: 250px !important;
     min-height: 700px;
     display: flex;
     justify-content: center;
     align-items: center;
   }

   .section-2 {
     margin: 0 20px;
     gap: 20px;
   }

   .title-segmento {
     font-size: 1rem !important;
   }

   .sub-title-segmento {
     font-size: 0.8rem !important;
   }

   .section-3 a,
   .section-5 a,
   .section-8 a {
     font-size: 0.8rem !important;
   }

   .u-section-2 .header-contenter-2 {
     width: 100%;
   }


   .u-active-custom-color-4 {
     text-wrap: auto;
   }

   .u-container-layout {
     display: flex;
     flex-direction: column;
     /* margin: 10px; */
     justify-content: space-between;
     gap: 20px
   }

   .u-section-2 .u-text {
     margin: 0 !important;
     font-size: 1rem;
   }

   .div-metodologia a {
     font-size: 1rem !important;
   }

   .div-metodologia a span {
     font-size: 1rem;
   }

   /* .div-metodologia{
    width: fit-content ;
   } */

   .div-metodologia .u-btn {
     padding: 10px 0px !important;
     border-radius: 20px !important;
   }

   .card-fotter h4 {
     font-size: 0.8rem !important;
   }

   .u-section-2 .card-fotter .u-btn {
     border-radius: 20px !important;
     font-size: 0.5rem !important;
   }

   .u-section-2 .u-image-1,
   .u-section-2 .u-image-2,
   .u-section-2 .u-image-3,
   .u-section-2 .u-image-4,
   .u-section-2 .u-image-5,
   .u-section-2 .u-image-6,
   .u-section-2 .u-image-7 {
     width: 50px;
     height: 50px;
     margin: 20px auto 0 0px;
   }

   .u-section-2 .u-list-item-1,
   .u-section-2 .u-list-item-2 {
     --radius: 30px;
   }

   .u-section-2 .card-fotter {
     display: flex;
     justify-content: space-between;
     align-items: center;
     /* padding: 0 30px; */
   }

   .div-contenido-card p {
     font-size: 0.8rem !important;
   }


   .u-section-2 .u-gallery-nav-1 {
     left: -20px !important;
     top: 210px;
     width: 37px;
     height: 37px;
   }

   .u-section-2 .u-gallery-nav-2 {
     right: -20px !important;
     top: 210px;
     width: 37px;
     height: 37px;
   }

   .u-section-2 .u-repeater-1,
   .u-section-4 .u-repeater-1 {
     display: grid;
     grid-auto-flow: column;
     /* grid-auto-columns: minmax(calc(100% / 1 - 10px), 1fr); */
     /* 👈 2 visibles */
     gap: 20px;
     scroll-snap-align: start;
     transition: transform 0.4s ease;
     min-height: 300px !important;
   }

   /* .u-section-2 .u-repeater-1 {
     grid-template-columns: calc(100% - 10.5px);
      grid-gap: 21px; 
     grid-auto-columns: calc(100% - 10.5px);
   } */

   .div-contenido-card {
     height: 200px;
     min-height: 200px;
   }

   .div-contenido-card-2 {
     height: 450px;
     min-height: 450px;
   }

   .card-fotter-2 a {
     font-size: 0.6rem !important;
   }

   .u-section-3 .u-sheet-1 {
     padding: 0px 20px;
   }

   .u-section-4 {
     display: flex;
     justify-content: center;
     align-items: center;
   }

   .u-section-4 .u-sheet-1 {
     width: 250px !important;
     display: flex;
     justify-content: center;
     align-items: center;
     min-height: 900px
   }

   .u-section-4 .u-shape-2 {
     height: 200px !important;
   }

   .u-section-4 .u-shape-3 {
     margin: 0px auto 0;
   }

   .u-section-4 .u-text-5 {
     margin-left: 20px !important;
   }

   .u-section-4 .u-repeater-1 {
     min-height: 719px;
   }

   .section-4 {
     margin: 0 20px;
     gap: 20px
   }

   .u-section-4 .header-contenter-2 {
     width: 100%;
   }

   .u-section-4 .u-list-1 {
     margin: 0 0 0 0;
     /* padding: 20px; */
   }

   .u-section-4 p {
     line-height: 1;
     margin: 0px;

   }

   .u-section-4 .u-shape-3 {
     width: 100px;
     height: 100px;
   }

   .u-section-4 .u-text-4 {
     font-size: 0.8rem !important;
   }

   .u-section-4 .u-group-2 {
     min-height: 40px;
   }

   .u-section-4 .u-repeater-1 {
     /* grid-template-columns: repeat(2, calc(50% - 10.5px));
     grid-gap: 21px;
     grid-auto-columns: calc(50% - 10.5px); */
   }

   .u-section-4 .u-text-3 {
     font-size: 1.5rem;
   }

   .u-section-4 .u-text-9 {
     margin: -135px 0 40px 30px;
   }

   .u-section-5 .u-shape-1 {
     width: 100%;
     margin: 0 0 0 0;
   }

   .u-section-5 .u-text-1 {
     font-size: 50px;
   }

   .u-section-5 .u-text-2 {
     font-size: 35px;
   }

   .u-section-4 .u-text-5 {
     font-size: 1rem;
   }

   .u-section-4 .u-text-6 {
     font-size: 1rem;
   }

   .u-section-4 .u-text-7,
   .u-section-4 .u-text-8 li {
     font-size: 0.8rem;
   }

   .u-section-5 {
     min-height: 300px;
   }

   .u-section-5 .u-btn-1 {
     font-size: 25px;
   }

   .u-section-5 .u-sheet-1 {
     /* height: 350px; */
     min-height: 250px !important;
     padding: 0px 20px;
   }

   .u-section-6 {
     display: flex;
     justify-content: center;
     align-items: center;
   }

   .u-section-6 .u-sheet-1 {
     width: 900px;
     min-height: 800px;
     display: flex;
     justify-content: center;
     align-items: center;
   }

   .section-6 {
     margin: 0 20px;
     gap: 20px
   }

   .div-nosotros-img {
     display: flex;
     align-items: center;
     height: 100%;
     justify-content: center;
   }

   .div-nosotros-img img {
     max-width: 100%;
     /* height: 300px !important; */
     height: auto;
     display: block;
   }

   .u-section-6 .header-contenter-2 {
     width: 100%;
   }

   .u-section-6 .u-image-2 {
     /* width: 932px;
     height: 725px; */
     /* margin: -330px -232px 0 auto; */
   }

   .u-section-6 .u-text-2,
   .u-section-6 .u-text-4 {
     font-size: 1rem;
   }

   .u-section-6 .u-text-3,
   .u-section-6 .u-text-5 {
     font-size: 1rem;
   }

   .u-section-6 .u-icon-1,
   .u-section-6 .u-icon-2 {
     padding: 10px;
     width: 40px;
     height: 40px;
     --radius: 10px;
   }

   .u-section-7 {
     display: flex;
     justify-content: center;
     align-items: center;
   }

   .u-section-7 .u-sheet-1 {
     width: 900px;
     min-height: 400px;
     display: flex;
     justify-content: center;
     align-items: center;
   }

   .section-7 {
     margin: 0 20px;
     gap: 20px
   }

   .u-section-7 .header-contenter-2 {
     width: 100%;
   }

   .u-section-8 .u-shape-1 {
     width: 100%;
     margin: 20px 0 0 0;
   }

   .u-section-8 .u-text-1 {
     margin-top: 0px;
     font-size: 60px;
   }

   .u-section-8 .u-text-2 {
     font-size: 45px;
   }

   .u-section-8 .u-btn-1 {
     font-size: 35px;
   }

   .u-section-8 .u-sheet-1 {
     min-height: 250px;
     padding: 0px 20px;
   }

   .u-section-9 {
     display: flex;
     justify-content: center;
     align-items: center;
   }

   .u-section-9 .u-sheet-1 {
     width: 900px;
     min-height: 700px;
     display: flex;
     justify-content: center;
     align-items: center;
   }

   .section-9 {
     margin: 0 20px;
     gap: 20px
   }

   .u-section-9 .header-contenter-2 {
     width: 100%;
   }

   .div-contacto {
     gap: 10px;
     height: 60px;
   }

   .div-inf-contacto p {
     font-size: 0.8rem !important;
   }

   .u-section-9 .u-text-3 {
     display: none;
   }

   .u-section-9 .u-icon-1,
   .u-section-9 .u-icon-2,
   .u-section-9 .u-icon-4 {
     width: 30px;
     height: 30px;
     padding: 5px;
   }

   .u-section-9 .u-group-1 {
     min-height: auto;
     width: auto;
     margin: 10px auto 0 0px;
     padding: 10px !important;
   }

   .u-section-9 .u-group-3 {
     width: auto;
     min-height: auto;
   }

   .logo-redes img {
     height: 50px;
   }

   .a-wsp-btn {
     font-size: 0.8rem !important;
   }

   .u-section-10 {
     min-height: 400px;
   }


   .sec-10-logo img {
     height: 80px !important;
   }

   .sec-10-logo-title img {
     width: 200px !important;
   }

   .sec-10-logo-body h2 {
     font-size: 1rem !important;
     padding: 0 20px;
   }

   .div-logos-contacto {
     margin-top: 2rem;
   }

   .section-10,
   .contenido-footer {
     padding: 2rem !important;
   }

   .contenido-footer .title {
     font-size: 1.5rem;
     color: #FFD700;
     transition: transform 0.3s ease;
     text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
   }

   .contenido-footer .subtitle {
     color: white;
     margin: 10px 0 10px 0;
     font-size: 0.7rem !important;
   }

   .logo-contacto img {
     height: 25px;
   }

   .contenido-footer .gap-10 {
     gap: 2rem !important;
     flex-wrap: wrap;
   }

   .contenido-footer .gap-10 div div {
     gap: 0.5rem !important;
   }

   .container {
     flex-direction: column;
     /* padding: 1rem; */
   }

   .calendar-section {
     width: 100%;
     max-width: 100%;
     /* para pantallas grandes */
   }

   .right-section {
     width: 100%;
   }

   .header {
     flex-direction: column;
     align-items: flex-start;
     gap: 0.5rem;
   }

   .nav-buttons {
     align-self: flex-end;
   }

   .time-slot-container {
     max-height: 240px;
   }

     .flatpickr-calendar{
     width: 100% !important;
     min-width: 100%!important;
     max-width: 100%!important;
   }

   .flatpickr-calendar.inline {
     width: 100%;
     min-width: 100%;
     max-width: 100%;
   }

   .flatpickr-weekdays,
   .flatpickr-rContainer {
     width: 100%;
     min-width: 100%;
     max-width: 100%;
   }

   .flatpickr-weekdays .flatpickr-weekdaycontainer,
   .dayContainer {
     width: 100% !important;
     min-width: 100% !important;
     max-width: 100% !important;
   }

   .flatpickr-current-month {
     /* width: auto !important; */
     top: 3px;
     font-size: 100% !important;

   }

   .flatpickr-weekdays .flatpickr-weekdaycontainer,
   .dayContainer {
     font-size: 11px;
   }

   .flatpickr-day {
     /* width: 32px !important;
     max-width: 32px !important;
     height: 32px !important;
     min-height: 32px !important;*/
     width: 32px !important;
      height: 32px !important;
      /* min-height: 32px; */
     line-height: 32px!important; 
   }

   .flatpickr-days {
     width: 100%;
     min-width: 100%;
     max-width: 100%;
   }
 }

 /* 🔹 1. Móviles chicos (320px – 480px) */
 @media (max-width: 480px) {
   body {
     font-size: 14px;
   }

   h1 {
     font-size: 1.8rem;
   }

   h2 {
     font-size: 1.5rem;
   }

   h3 {
     font-size: 1.3rem;
   }

   p,
   li,
   a {
     font-size: 1rem;
   }

   .u-custom-menu {
     display: none;
   }

   .menu-collapse {
     display: flex;
   }

   .menu-collapse img {
     width: 20px;
   }

   .logo img {
     height: 30px !important;
   }

   .name-logo img {
     height: 20px;
   }

   .btn-register {
     font-size: 0.6rem !important;
     padding: 7px 10px;
   }

   .header-contenter-1 {
     width: 100%;
     /* width: 00px; */
     /* margin: 100px 100px; */
   }

   .name-logo img {
     height: 25px;
   }

   .u-section-1 .u-text-1 {
     font-size: 2.5rem;
   }

   .div-header-p p {
     font-size: 1rem !important;
   }

   .u-nav li a {
     font-size: 1rem;
   }

   .u-nav {
     gap: 25px
   }

   .btn-register {
     font-size: 17px;
     padding: 10px 20px;
   }

   .header-contenter-1 {
     width: 100%;
     /* width: 800px; */
     /* margin: 100px 100px; */
   }


   .u-section-1 .u-btn-1 {
     font-size: 0.8rem;
   }

   .u-section-1 {
     display: flex;
     justify-content: center;
     /* align-items: center; */
   }

   .u-section-1 .u-sheet-1 {
     width: 400px;
     display: flex;
     /* justify-content: center; */
     align-items: center;
   }

   .section-1 {

     margin: 0 20px;
     gap: 20px
   }

   .section-1 .div-header-h1 {
     width: 100%;
   }

   .u-section-2 {
     display: flex;
     justify-content: center;
     align-items: center;
   }

   .u-section-2 .u-sheet-1 {
     width: 350px;
     min-height: 700px;
     display: flex;
     justify-content: center;
     align-items: center;
   }

   .section-2 {
     margin: 0 20px;
     gap: 20px;
   }

   .title-segmento {
     font-size: 1rem !important;
   }

   .sub-title-segmento {
     font-size: 0.8rem !important;
   }

   .section-3 a,
   .section-5 a,
   .section-8 a {
     font-size: 0.8rem !important;
   }

   .u-section-2 .header-contenter-2 {
     width: 100%;
   }


   .u-active-custom-color-4 {
     text-wrap: auto;
   }

   .u-container-layout {
     display: flex;
     flex-direction: column;
     /* margin: 10px; */
     justify-content: space-between;
     gap: 20px
   }

   .u-section-2 .u-text {
     margin: 0 !important;
     font-size: 1rem;
   }

   .div-metodologia a {
     font-size: 1rem !important;
   }

   .div-metodologia a span {
     font-size: 1rem;
   }

   /* .div-metodologia{
    width: fit-content ;
   } */

   .div-metodologia .u-btn {
     padding: 10px 0px !important;
     border-radius: 20px !important;
   }

   .card-fotter h4 {
     font-size: 0.8rem !important;
   }

   .u-section-2 .card-fotter .u-btn {
     border-radius: 20px !important;
     font-size: 0.8rem;
   }

   .u-section-2 .u-image-1,
   .u-section-2 .u-image-2,
   .u-section-2 .u-image-3,
   .u-section-2 .u-image-4,
   .u-section-2 .u-image-5,
   .u-section-2 .u-image-6,
   .u-section-2 .u-image-7 {
     width: 50px;
     height: 50px;
     margin: 20px auto 0 0px;
   }

   .u-section-2 .u-list-item-1,
   .u-section-2 .u-list-item-2 {
     --radius: 30px;
   }

   .u-section-2 .card-fotter {
     display: flex;
     justify-content: space-between;
     align-items: center;
     /* padding: 0 30px; */
   }

   .div-contenido-card p {
     font-size: 0.8rem !important;
   }


   .u-section-2 .u-gallery-nav-1 {
     left: -20px !important;
     top: 210px;
     width: 37px;
     height: 37px;
   }

   .u-section-4 .u-gallery-nav-1 {
     left: -20px !important;
     top: 210px;
     width: 37px;
     height: 37px;
   }

   .u-section-2 .u-gallery-nav-2 {
     right: -20px !important;
     top: 210px;
     width: 37px;
     height: 37px;
   }

   .u-section-4 .u-gallery-nav-2 {
     right: -20px !important;
     top: 210px;
     width: 37px;
     height: 37px;
   }

   .u-section-2 .u-repeater-1,
   .u-section-4 .u-repeater-1 {
     display: grid;
     grid-auto-flow: column;
     /* grid-auto-columns: minmax(calc(100% / 1 - 10px), 1fr); */
     /* 👈 2 visibles */
     gap: 20px;
     scroll-snap-align: start;
     transition: transform 0.4s ease;
     min-height: 300px !important;
   }

   /* .u-section-2 .u-repeater-1 {
     grid-template-columns: calc(100% - 10.5px);
      grid-gap: 21px; 
     grid-auto-columns: calc(100% - 10.5px);
   } */

   .div-contenido-card {
     height: 200px;
     min-height: 200px;
   }

   .div-contenido-card-2 {
     height: 450px;
     min-height: 450px;
   }

   .card-fotter-2 a {
     font-size: 0.8rem;
   }

   .u-section-3 .u-sheet-1 {
     padding: 0px 20px;
   }

   .u-section-4 {
     display: flex;
     justify-content: center;
     align-items: center;
   }

   .u-section-4 .u-sheet-1 {
     width: 350px;
     display: flex;
     justify-content: center;
     align-items: center;
     min-height: 900px
   }

   .u-section-4 .u-shape-2 {
     height: 200px !important;
   }

   .u-section-4 .u-shape-3 {
     margin: 0px auto 0;
   }

   .u-section-4 .u-text-5 {
     margin-left: 20px !important;
   }

   .u-section-4 .u-repeater-1 {
     min-height: 719px;
   }

   .section-4 {
     margin: 0 20px;
     gap: 20px
   }

   .u-section-4 .header-contenter-2 {
     width: 100%;
   }

   .u-section-4 .u-list-1 {
     margin: 0 0 0 0;
     /* padding: 20px; */
   }

   .u-section-4 p {
     line-height: 1;
     margin: 0px;

   }

   .u-section-4 .u-shape-3 {
     width: 100px;
     height: 100px;
   }

   .u-section-4 .u-text-4 {
     font-size: 0.8rem !important;
   }

   .u-section-4 .u-group-2 {
     min-height: 40px;
   }

   .u-section-4 .u-repeater-1 {
     /* grid-template-columns: repeat(2, calc(50% - 10.5px));
     grid-gap: 21px;
     grid-auto-columns: calc(50% - 10.5px); */
   }

   .u-section-4 .u-text-3 {
     font-size: 1.5rem;
   }

   .u-section-4 .u-text-9 {
     margin: -135px 0 40px 30px;
   }

   .u-section-5 .u-shape-1 {
     width: 100%;
     margin: 0 0 0 0;
   }

   .u-section-5 .u-text-1 {
     font-size: 50px;
   }

   .u-section-5 .u-text-2 {
     font-size: 35px;
   }

   .u-section-4 .u-text-5 {
     font-size: 1rem;
   }

   .u-section-4 .u-text-6 {
     font-size: 1rem;
   }

   .u-section-4 .u-text-7,
   .u-section-4 .u-text-8 li {
     font-size: 0.8rem;
   }

   .u-section-5 {
     min-height: 300px;
   }

   .u-section-5 .u-btn-1 {
     font-size: 25px;
   }

   .u-section-5 .u-sheet-1 {
     /* height: 350px; */
     min-height: 250px !important;
     padding: 0px 20px;
   }

   .u-section-6 {
     display: flex;
     justify-content: center;
     align-items: center;
   }

   .u-section-6 .u-sheet-1 {
     width: 900px;
     min-height: 800px;
     display: flex;
     justify-content: center;
     align-items: center;
   }

   .section-6 {
     margin: 0 20px;
     gap: 20px
   }

   .div-nosotros-img {
     display: flex;
     align-items: center;
     height: 100%;
     justify-content: center;
   }

   .div-nosotros-img img {
     max-width: 100%;
     /* height: 300px !important; */
     height: auto;
     display: block;
   }

   .u-section-6 .header-contenter-2 {
     width: 100%;
   }

   .u-section-6 .u-image-2 {
     /* width: 932px;
     height: 725px; */
     /* margin: -330px -232px 0 auto; */
   }

   .u-section-6 .u-text-2,
   .u-section-6 .u-text-4 {
     font-size: 1rem;
   }

   .u-section-6 .u-text-3,
   .u-section-6 .u-text-5 {
     font-size: 1rem;
   }

   .u-section-6 .u-icon-1,
   .u-section-6 .u-icon-2 {
     padding: 10px;
     width: 40px;
     height: 40px;
     --radius: 10px;
   }

   .u-section-7 {
     display: flex;
     justify-content: center;
     align-items: center;
   }

   .u-section-7 .u-sheet-1 {
     width: 900px;
     min-height: 400px;
     display: flex;
     justify-content: center;
     align-items: center;
   }

   .section-7 {
     margin: 0 20px;
     gap: 20px
   }

   .u-section-7 .header-contenter-2 {
     width: 100%;
   }

   .u-section-8 .u-shape-1 {
     width: 100%;
     margin: 20px 0 0 0;
   }

   .u-section-8 .u-text-1 {
     margin-top: 0px;
     font-size: 60px;
   }

   .u-section-8 .u-text-2 {
     font-size: 45px;
   }

   .u-section-8 .u-btn-1 {
     font-size: 35px;
   }

   .u-section-8 .u-sheet-1 {
     min-height: 250px;
     padding: 0px 20px;
   }

   .u-section-9 {
     display: flex;
     justify-content: center;
     align-items: center;
   }

   .u-section-9 .u-sheet-1 {
     width: 900px;
     min-height: 700px;
     display: flex;
     justify-content: center;
     align-items: center;
   }

   .section-9 {
     margin: 0 20px;
     gap: 20px
   }

   .u-section-9 .header-contenter-2 {
     width: 100%;
   }

   .div-contacto {
     gap: 10px;
     height: 60px;
   }

   .div-inf-contacto p {
     font-size: 0.8rem !important;
   }

   .u-section-9 .u-text-3 {
     display: none;
   }

   .u-section-9 .u-icon-1,
   .u-section-9 .u-icon-2,
   .u-section-9 .u-icon-4 {
     width: 30px;
     height: 30px;
     padding: 5px;
   }

   .u-section-9 .u-group-1 {
     min-height: auto;
     width: auto;
     margin: 10px auto 0 0px;
     padding: 10px !important;
   }

   .u-section-9 .u-group-3 {
     width: auto;
     min-height: auto;
   }

   .u-section-9 .u-container-layout-3 {
     padding: 10px;
   }

   .logo-redes img {
     height: 50px;
   }

   .a-wsp-btn {
     font-size: 0.8rem !important;
   }

   .u-section-10 {
     min-height: 400px;
   }


   .sec-10-logo img {
     height: 80px !important;
   }

   .sec-10-logo-title img {
     width: 200px !important;
   }

   .sec-10-logo-body h2 {
     font-size: 1rem !important;
   }

   .div-logos-contacto {
     margin-top: 2rem;
   }

   .section-10,
   .contenido-footer {
     padding: 2rem !important;
   }

   .contenido-footer .title {
     font-size: 1.5rem;
     color: #FFD700;
     transition: transform 0.3s ease;
     text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
   }

   .contenido-footer .subtitle {
     color: white;
     margin: 10px 0 10px 0;
     font-size: 0.7rem !important;
   }

   .logo-contacto img {
     height: 25px;
   }

   .contenido-footer .gap-10 {
     gap: 2rem !important;
     flex-wrap: wrap;
   }

   .contenido-footer .gap-10 div div {
     gap: 0.5rem !important;
   }

 }

 /* 🔹 2. Móviles grandes (481px – 768px) */
 @media (min-width: 481px) and (max-width: 768px) {
   body {
     font-size: 14px;
   }

   h1 {
     font-size: 1.8rem;
   }

   h2 {
     font-size: 1.5rem;
   }

   h3 {
     font-size: 1.3rem;
   }

   p,
   li,
   a {
     font-size: 1rem;
   }

   .u-custom-menu {
     display: none;
   }

   .menu-collapse {
     display: flex;
   }

   .menu-collapse img {
     width: 20px;
   }

   .logo img {
     /*height: 30px;*/
     /* display: none; */
   }

   .name-logo img {
     height: 20px;
   }

   .btn-register {
     font-size: 12px;
     padding: 7px 10px;
   }

   .header-contenter-1 {
     width: 100%;
     /* width: 00px; */
     /* margin: 100px 100px; */
   }

   .logo img {
     height: 50px;
   }

   .name-logo img {
     height: 25px;
   }

   .u-section-1 .u-text-1 {
     font-size: 2.5rem;
   }

   .div-header-p p {
     font-size: 1rem !important;
   }

   .u-nav li a {
     font-size: 1rem;
   }

   .u-nav {
     gap: 25px
   }

   .btn-register {
     font-size: 17px;
     padding: 10px 20px;
   }

   .header-contenter-1 {
     width: 100%;
     /* width: 800px; */
     /* margin: 100px 100px; */
   }

   .logo img {
     height: 50px;
   }

   .name-logo img {
     height: 25px;
   }

   .u-section-1 .u-btn-1 {
     font-size: 0.8rem;
   }

   .u-section-1 {
     display: flex;
     justify-content: center;
     /* align-items: center; */
   }

   .u-section-1 .u-sheet-1 {
     width: 700px;
     display: flex;
     /* justify-content: center; */
     align-items: center;
   }

   .section-1 {

     margin: 0 20px;
     gap: 20px
   }

   .section-1 .div-header-h1 {
     width: 100%;
   }

   .u-section-2 {
     display: flex;
     justify-content: center;
     align-items: center;
   }

   .u-section-2 .u-sheet-1 {
     width: 700px;
     min-height: 800px;
     display: flex;
     justify-content: center;
     align-items: center;
   }

   .section-2 {
     margin: 0 20px;
     gap: 20px;
   }

   .title-segmento {
     font-size: 1.5rem !important;
   }

   .sub-title-segmento {
     font-size: 1rem !important;
   }

   .section-3 a,
   .section-5 a,
   .section-8 a {
     font-size: 0.8rem !important;
   }

   .u-section-2 .header-contenter-2 {
     width: 100%;
   }


   .u-active-custom-color-4 {
     text-wrap: auto;
   }

   .u-container-layout {
     display: flex;
     flex-direction: column;
     /* margin: 10px; */
     justify-content: space-between;
   }

   .u-section-2 .u-text {
     margin: 0 !important;
     font-size: 1rem;
   }

   .div-metodologia a {
     font-size: 1rem !important;
   }

   .div-metodologia a span {
     font-size: 1rem;
   }

   /* .div-metodologia{
    width: fit-content ;
   } */

   .div-metodologia .u-btn {
     padding: 10px 0px !important;
     border-radius: 20px !important;
   }

   .card-fotter h4 {
     font-size: 0.8rem !important;
   }

   .u-section-2 .card-fotter .u-btn {
     border-radius: 20px !important;
     font-size: 0.8rem !important;
   }

   .u-section-2 .u-image-1,
   .u-section-2 .u-image-2,
   .u-section-2 .u-image-3,
   .u-section-2 .u-image-4,
   .u-section-2 .u-image-5,
   .u-section-2 .u-image-6,
   .u-section-2 .u-image-7 {
     width: 50px;
     height: 50px;
     margin: 20px auto 0 0px;
   }

   .u-section-2 .u-list-item-1,
   .u-section-2 .u-list-item-2 {
     --radius: 30px;
   }

   .u-section-2 .card-fotter {
     display: flex;
     justify-content: space-between;
     align-items: center;
     /* padding: 0 30px; */
   }

   .div-contenido-card p {
     font-size: 0.8rem !important;
   }


   .u-section-2 .u-gallery-nav-1 {
     left: -20px;
     top: 210px;
   }

   .u-section-4 .u-gallery-nav-1 {
     left: 0px;
     top: 210px;
   }

   .u-section-2 .u-gallery-nav-2 {
     right: -20px;
     top: 210px;
   }

   .u-section-4 .u-gallery-nav-2 {
     right: 0px;
     top: 210px;
   }


   .u-section-2 .u-repeater-1 {
     display: grid;
     grid-auto-flow: column;
     grid-auto-columns: minmax(calc(100% / 2 - 10px), 1fr);
     /* 👈 2 visibles */
     gap: 20px;
     scroll-snap-align: start;
     transition: transform 0.4s ease;
   }

   .u-section-2 .u-repeater-1 {
     grid-template-columns: repeat(2, calc(50% - 10.5px));
     grid-gap: 21px;
     grid-auto-columns: calc(50% - 10.5px);
   }

   .div-contenido-card {
     height: 200px;
     min-height: 200px;
   }

   .div-contenido-card-2 {
     height: 450px;
     min-height: 450px;
   }

   .card-fotter-2 a {
     font-size: 0.8rem !important;
   }

   .u-section-4 {
     display: flex;
     justify-content: center;
     align-items: center;
   }

   .u-section-4 .u-sheet-1 {
     width: 700px;
     display: flex;
     justify-content: center;
     align-items: center;
     min-height: 900px
   }

   .u-section-4 .u-shape-2 {
     height: 200px !important;
   }

   .u-section-4 .u-shape-3 {
     margin: 0px auto 0;
   }

   .u-section-4 .u-text-5 {
     margin-left: 20px !important;
   }

   .u-section-4 .u-repeater-1 {
     min-height: 719px;
   }

   .section-4 {
     margin: 0 20px;
     gap: 20px
   }

   .u-section-4 .header-contenter-2 {
     width: 100%;
   }

   .u-section-4 .u-list-1 {
     margin: 0 0 0 0;
     padding: 20px;
   }

   .u-section-4 p {
     line-height: 1;
     margin: 0px;

   }

   .u-section-4 .u-shape-3 {
     width: 100px;
     height: 100px;
   }

   .u-section-4 .u-text-4 {
     font-size: 0.8rem !important;
   }

   .u-section-4 .u-group-2 {
     min-height: 40px;
   }

   .u-section-4 .u-repeater-1 {
     grid-template-columns: repeat(2, calc(50% - 10.5px));
     grid-gap: 21px;
     grid-auto-columns: calc(50% - 10.5px);
   }

   .u-section-4 .u-text-3 {
     font-size: 1.5rem;
   }

   .u-section-4 .u-text-9 {
     margin: -135px 0 40px 30px;
   }

   .u-section-5 .u-shape-1 {
     width: 100%;
     margin: 0 0 0 0;
   }

   .u-section-5 .u-text-1 {
     font-size: 50px;
   }

   .u-section-5 .u-text-2 {
     font-size: 35px;
   }

   .u-section-4 .u-text-5 {
     font-size: 1rem;
   }

   .u-section-4 .u-text-6 {
     font-size: 1rem;
   }

   .u-section-4 .u-text-7,
   .u-section-4 .u-text-8 li {
     font-size: 0.8rem;
   }

   .u-section-5 {
     min-height: 300px;
   }

   .u-section-5 .u-btn-1 {
     font-size: 25px;
   }

   .u-section-5 .u-sheet-1 {
     /* height: 350px; */
     min-height: 250px !important;
   }

   .u-section-6 {
     display: flex;
     justify-content: center;
     align-items: center;
   }

   .u-section-6 .u-sheet-1 {
     width: 900px;
     min-height: 800px;
     display: flex;
     justify-content: center;
     align-items: center;
   }

   .section-6 {
     margin: 0 20px;
     gap: 20px
   }

   .div-nosotros-img {
     display: flex;
     align-items: center;
     height: 100%;
     justify-content: center;
   }

   .div-nosotros-img img {
     max-width: 100%;
     height: 300px !important;
     height: auto;
     display: block;
   }

   .u-section-6 .header-contenter-2 {
     width: 100%;
   }

   .u-section-6 .u-image-2 {
     /* width: 932px;
     height: 725px; */
     /* margin: -330px -232px 0 auto; */
   }

   .u-section-6 .u-text-2,
   .u-section-6 .u-text-4 {
     font-size: 1rem;
   }

   .u-section-6 .u-text-3,
   .u-section-6 .u-text-5 {
     font-size: 1rem;
   }

   .u-section-6 .u-icon-1,
   .u-section-6 .u-icon-2 {
     padding: 10px;
     width: 40px;
     height: 40px;
     --radius: 10px;
   }

   .u-section-7 {
     display: flex;
     justify-content: center;
     align-items: center;
   }

   .u-section-7 .u-sheet-1 {
     width: 900px;
     min-height: 700px;
     display: flex;
     justify-content: center;
     align-items: center;
   }

   .section-7 {
     margin: 0 20px;
     gap: 20px
   }

   .u-section-7 .header-contenter-2 {
     width: 100%;
   }

   .u-section-8 .u-shape-1 {
     width: 100%;
     margin: 20px 0 0 0;
   }

   .u-section-8 .u-text-1 {
     font-size: 60px;
   }

   .u-section-8 .u-text-2 {
     font-size: 45px;
   }

   .u-section-8 .u-btn-1 {
     font-size: 35px;
   }

   .u-section-8 .u-sheet-1 {
     min-height: 250px;
   }

   .u-section-9 {
     display: flex;
     justify-content: center;
     align-items: center;
   }

   .u-section-9 .u-sheet-1 {
     width: 900px;
     min-height: 700px;
     display: flex;
     justify-content: center;
     align-items: center;
   }

   .section-9 {
     margin: 0 20px;
     gap: 20px
   }

   .u-section-9 .header-contenter-2 {
     width: 100%;
   }

   .div-contacto {
     gap: 10px;
     height: 60px;
   }

   .div-inf-contacto p {
     font-size: 0.8rem !important;
   }

   .u-section-9 .u-text-3 {
     display: none;
   }

   .u-section-9 .u-icon-1,
   .u-section-9 .u-icon-2,
   .u-section-9 .u-icon-4 {
     width: 30px;
     height: 30px;
     padding: 5px;
   }

   .u-section-9 .u-group-1 {
     min-height: auto;
     width: auto;
     margin: 10px auto 0 0px;
     padding: 10px !important;
   }

   .u-section-9 .u-group-3 {
     width: auto;
     min-height: auto;
   }

   .logo-redes img {
     height: 50px;
   }

   .a-wsp-btn {
     font-size: 1.2rem !important;
   }

   .u-section-10 {
     min-height: 400px;
   }


   .sec-10-logo img {
     height: 80px !important;
   }

   .sec-10-logo-title img {
     width: 200px !important;
   }

   .sec-10-logo-body h2 {
     font-size: 1rem !important;
   }

   .div-logos-contacto {
     margin-top: 2rem;
   }

   .section-10,
   .contenido-footer {
     padding: 2rem !important;
   }

   .contenido-footer .title {
     font-size: 1.5rem;
     color: #FFD700;
     transition: transform 0.3s ease;
     text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
   }

   .contenido-footer .subtitle {
     color: white;
     margin: 10px 0 10px 0;
     font-size: 0.7rem !important;
   }

   .logo-contacto img {
     height: 25px;
   }

   .contenido-footer .gap-10 {
     gap: 2rem !important
   }
 }

 /* 🔹 3. Tablets (769px – 1024px) */
 @media (min-width: 769px) and (max-width: 1024px) {
   body {
     font-size: 18px;
   }

   h1 {
     font-size: 3.2rem;
   }

   h2 {
     font-size: 2.5rem;
   }

   h3 {
     font-size: 2rem;
   }

   p,
   li,
   a {
     font-size: 1.2rem;
   }

   .u-section-1 .u-text-1 {
     font-size: 3rem;
   }

   .div-header-p p {
     font-size: 1.2rem !important;
   }

   .u-custom-menu {
     display: flex;
   }

   .menu-collapse {
     display: none;
   }

   .u-nav li a {
     font-size: 1rem;
   }

   .u-nav {
     gap: 25px
   }

   .btn-register {
     font-size: 17px;
     padding: 10px 20px;
   }

   .header-contenter-1 {
     /* width: 100%; */
     width: 800px;
     /* margin: 100px 100px; */
   }

   .logo img {
     height: 50px;
   }

   .name-logo img {
     height: 25px;
   }

   .u-section-1 .u-btn-1 {
     font-size: 1.2rem;
   }

   .u-section-1 {
     display: flex;
     justify-content: center;
     /* align-items: center; */
   }

   .u-section-1 .u-sheet-1 {
     width: 1000px;
     display: flex;
     /* justify-content: center; */
     align-items: center;
   }

   .section-1 {

     margin: 0 20px;
     gap: 20px
   }

   .section-1 .div-header-h1 {
     width: 100%;
   }

   .u-section-2 {
     display: flex;
     justify-content: center;
     align-items: center;
   }

   .u-section-2 .u-container-layout-1 {
     gap: 20px
   }

   .u-section-2 .u-sheet-1 {
     width: 900px;
     min-height: 1000px;
     display: flex;
     justify-content: center;
     align-items: center;
   }

   .section-2 {
     margin: 0 20px;
     gap: 20px;
   }

   .title-segmento {
     font-size: 2rem !important;
   }

   .sub-title-segmento {
     font-size: 1.2rem !important;
   }

   .section-3 a,
   .section-5 a,
   .section-8 a {
     font-size: 1.2rem !important;
   }

   .u-section-2 .header-contenter-2 {
     width: 100%;
   }


   .u-active-custom-color-4 {
     text-wrap: auto;
   }

   .u-container-layout {
     display: flex;
     flex-direction: column;
     /* margin: 10px; */
     justify-content: space-between;
   }

   .u-section-2 .u-text {
     margin: 0 !important;
     font-size: 1.2rem;
   }

   .div-metodologia a {
     font-size: 1rem !important;
   }

   .div-metodologia a span {
     font-size: 1rem;
   }

   /* .div-metodologia{
    width: fit-content ;
   } */

   .div-metodologia .u-btn {
     padding: 10px 0px !important;
     border-radius: 20px !important;
   }

   .card-fotter h4 {
     font-size: 1rem !important;
   }

   .u-section-2 .card-fotter .u-btn {
     border-radius: 20px !important;
     font-size: 1rem !important;
   }

   .u-section-2 .u-image-1,
   .u-section-2 .u-image-2,
   .u-section-2 .u-image-3,
   .u-section-2 .u-image-4,
   .u-section-2 .u-image-5,
   .u-section-2 .u-image-6,
   .u-section-2 .u-image-7 {
     width: 70px;
     height: 70px;
     margin: 20px auto 0 0px;
   }

   .u-section-2 .card-fotter {
     display: flex;
     justify-content: space-between;
     align-items: center;
     /* padding: 0 30px; */
   }

   .div-contenido-card p {
     font-size: 1rem !important;
   }


   .u-section-2 .u-gallery-nav-1 {
     left: -20px;
     top: 280px;
   }

   .u-section-4 .u-gallery-nav-1 {
     left: 0px;
     top: 280px;
   }


   .u-section-2 .u-gallery-nav-2 {
     right: -20px;
     top: 280px;
   }

   .u-section-4 .u-gallery-nav-2 {
     right: 0px;
     top: 280px;
   }

   .u-section-2 .u-repeater-1 {
     display: grid;
     grid-auto-flow: column;
     grid-auto-columns: minmax(calc(100% / 2 - 10px), 1fr);
     /* 👈 2 visibles */
     gap: 20px;
     scroll-snap-align: start;
     transition: transform 0.4s ease;
   }

   .u-section-2 .u-repeater-1 {
     grid-template-columns: repeat(2, calc(50% - 10.5px));
     grid-gap: 21px;
     grid-auto-columns: calc(50% - 10.5px);
   }

   .div-contenido-card {
     height: 250px;
     min-height: 250px;
   }

   .div-contenido-card-2 {
     height: 450px;
     min-height: 450px;
   }

   .card-fotter-2 a {
     font-size: 1rem !important;
   }

   .u-section-4 {
     display: flex;
     justify-content: center;
     align-items: center;
   }

   .u-section-4 .u-sheet-1 {
     width: 900px;
     display: flex;
     justify-content: center;
     align-items: center;
     min-height: 1100px
   }

   .u-section-4 .u-shape-2 {
     height: 250px !important;
   }

   .u-section-4 .u-repeater-1 {
     min-height: 719px;
   }

   .section-4 {
     margin: 0 20px;
     gap: 20px
   }

   .u-section-4 .header-contenter-2 {
     width: 100%;
   }

   .u-section-4 .u-list-1 {
     margin: 0 0 0 0;
     padding: 20px;
   }

   .u-section-4 p {
     line-height: 1;
     margin: 0px;

   }

   .u-section-4 .u-shape-3 {
     width: 100px;
     height: 100px;
   }

   .u-section-4 .u-text-4 {
     font-size: 1.2rem !important;
   }

   .u-section-4 .u-text-3 {
     font-size: 1.5rem;
   }

   .u-section-4 .u-text-9 {
     margin: -135px 0 40px 30px;
   }

   .u-section-5 .u-shape-1 {
     width: 100%;
     margin: 0 0 0 0;
   }

   .u-section-5 .u-text-1 {
     font-size: 50px;
   }

   .u-section-5 .u-text-2 {
     font-size: 35px;
   }

   .u-section-4 .u-text-5 {
     font-size: 1.5rem;
   }

   .u-section-4 .u-text-6 {
     font-size: 1.2rem;
   }

   .u-section-4 .u-text-7,
   .u-section-4 .u-text-8 li {
     font-size: 1rem;
   }

   .u-section-5 {
     min-height: 300px;
   }

   .u-section-5 .u-btn-1 {
     font-size: 25px;
   }

   .u-section-5 .u-sheet-1 {
     /* height: 350px; */
     min-height: 250px !important;
   }

   .u-section-6 {
     display: flex;
     justify-content: center;
     align-items: center;
   }

   .u-section-6 .u-sheet-1 {
     width: 900px;
     min-height: 800px;
     display: flex;
     justify-content: center;
     align-items: center;
   }

   .section-6 {
     margin: 0 20px;
     gap: 20px
   }

   .div-nosotros-img {
     display: flex;
     align-items: center;
     height: 100%;
     justify-content: center;
   }

   .div-nosotros-img img {
     max-width: 100%;
     height: auto;
     display: block;
   }

   .u-section-6 .header-contenter-2 {
     width: 100%;
   }

   .u-section-6 .u-image-2 {
     /* width: 932px;
     height: 725px; */
     /* margin: -330px -232px 0 auto; */
   }

   .u-section-6 .u-text-2,
   .u-section-6 .u-text-4 {
     font-size: 1.5rem;
   }

   .u-section-6 .u-text-3,
   .u-section-6 .u-text-5 {
     font-size: 1rem;
   }

   .u-section-6 .u-icon-1,
   .u-section-6 .u-icon-2 {
     width: 60px;
     height: 60px;
     --radius: 20px;
   }

   .u-section-7 {
     display: flex;
     justify-content: center;
     align-items: center;
   }

   .u-section-7 .u-sheet-1 {
     width: 900px;
     min-height: 500px;
     display: flex;
     justify-content: center;
     align-items: center;
   }

   .section-7 {
     margin: 0 20px;
     gap: 20px
   }

   .u-section-7 .header-contenter-2 {
     width: 100%;
   }

   .u-section-8 .u-shape-1 {
     width: 100%;
     margin: 20px 0 0 0;
   }

   .u-section-8 .u-text-1 {
     font-size: 60px;
   }

   .u-section-8 .u-text-2 {
     font-size: 45px;
   }

   .u-section-8 .u-btn-1 {
     font-size: 35px;
   }

   .u-section-8 .u-sheet-1 {
     min-height: 250px;
   }

   .u-section-9 {
     display: flex;
     justify-content: center;
     align-items: center;
   }

   .u-section-9 .u-sheet-1 {
     width: 900px;
     min-height: 800px;
     display: flex;
     justify-content: center;
     align-items: center;
   }

   .section-9 {
     margin: 0 20px;
     gap: 20px
   }

   .u-section-9 .header-contenter-2 {
     width: 100%;
   }

   .div-inf-contacto p {
     font-size: 1rem !important;
   }

   .u-section-9 .u-icon-1,
   .u-section-9 .u-icon-2,
   .u-section-9 .u-icon-4 {
     width: 50px;
     height: 50px;

   }

   .u-section-9 .u-group-1 {
     min-height: auto;
     width: auto;
     margin: 28px auto 0 0px;
   }

   .u-section-9 .u-group-3 {
     width: auto;
     min-height: auto;
   }

   .logo-redes img {
     height: 50px;
   }

   .a-wsp-btn {
     font-size: 1.2rem !important;
   }

   .u-section-10 {
     min-height: 400px;
   }


   .sec-10-logo img {
     height: 80px !important;
   }

   .sec-10-logo-title img {
     width: 200px !important;
   }

   .sec-10-logo-body h2 {
     font-size: 1rem !important;
   }

   .div-logos-contacto {
     margin-top: 2rem;
   }

   .section-10,
   .contenido-footer {
     padding: 2rem !important;
   }

   .contenido-footer .title {
     font-size: 1.5rem;
     color: #FFD700;
     transition: transform 0.3s ease;
     text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
   }

   .contenido-footer .subtitle {
     color: white;
     font-size: 0.9rem;
     margin: 10px 0 10px 0;
     font-size: 0.8rem !important;
   }

   .logo-contacto img {
     height: 25px;
   }

 }

 /* 🔹 4. Laptops (1025px – 1366px) */
 @media (min-width: 1025px) and (max-width: 1366px) {
   body {
     font-size: 18px;
   }

   h1 {
     font-size: 3.2rem;
   }

   h2 {
     font-size: 2.5rem;
   }

   h3 {
     font-size: 2rem;
   }

   p,
   li,
   a {
     font-size: 1.2rem;
   }

   .u-section-1 .u-text-1 {
     font-size: 3rem;
   }

   .div-header-p p {
     font-size: 1.2rem !important;
   }

   .u-custom-menu {
     display: flex;
   }

   .menu-collapse {
     display: none;
   }

   .u-nav li a {
     font-size: 1rem;
   }

   .u-nav {
     gap: 40px
   }

   .btn-register {
     font-size: 17px;
     padding: 10px 20px;
   }

   .header-contenter-1 {
     /* width: 100%; */
     width: 750px;
     /* margin: 100px 100px; */
   }

   .name-logo img {
     height: 40px;
   }

   .u-section-1 .u-btn-1 {
     font-size: 1.2rem;
   }

   .u-section-1 {
     display: flex;
     justify-content: center;
     /* align-items: center; */
   }

   .u-section-1 .u-sheet-1 {
     width: 1300px;
     display: flex;
     /* justify-content: center; */
     align-items: center;
   }

   .section-1 {

     margin: 0 20px;
     gap: 20px
   }

   .section-1 .div-header-h1 {
     width: 100%;
   }

   .u-section-2 {
     display: flex;
     justify-content: center;
     align-items: center;
   }

   .u-section-2 .u-container-layout-1 {
     gap: 20px
   }

   .u-section-2 .u-sheet-1 {
     width: 1200px;
     min-height: 1000px;
     display: flex;
     justify-content: center;
     align-items: center;
   }

   .section-2 {

     margin: 0 20px;
     gap: 20px;
   }

   .title-segmento {
     font-size: 2rem !important;
   }

   .sub-title-segmento {
     font-size: 1.2rem !important;
   }

   .section-3 a,
   .section-5 a,
   .section-8 a {
     font-size: 1.2rem !important;
   }

   .u-section-2 .header-contenter-2 {
     width: 100%;
   }


   .u-active-custom-color-4 {
     text-wrap: auto;
   }

   .u-container-layout {
     display: flex;
     flex-direction: column;
     /* margin: 10px; */
     justify-content: space-between;
   }

   .u-section-2 .u-text {
     margin: 0 !important;
     font-size: 1.2rem;
   }

   .div-metodologia a {
     font-size: 1rem !important;
   }

   .div-metodologia a span {
     font-size: 1rem;
   }

   /* .div-metodologia{
    width: fit-content ;
   } */

   .div-metodologia .u-btn {
     padding: 10px 0px !important;
     border-radius: 20px !important;
   }

   .card-fotter h4 {
     font-size: 1rem !important;
   }

   .u-section-2 .card-fotter .u-btn {
     border-radius: 20px !important;
     font-size: 1rem !important;
   }

   .u-section-2 .u-image-1,
   .u-section-2 .u-image-2,
   .u-section-2 .u-image-3,
   .u-section-2 .u-image-4,
   .u-section-2 .u-image-5,
   .u-section-2 .u-image-6,
   .u-section-2 .u-image-7 {
     width: 70px;
     height: 70px;
     margin: 20px auto 0 0px;
   }

   .u-section-2 .card-fotter {
     display: flex;
     justify-content: space-between;
     align-items: center;
     /* padding: 0 30px; */
   }

   .div-contenido-card p {
     font-size: 1rem !important;
   }


   .u-section-2 .u-gallery-nav-1 {
     left: -20px;
     top: 260px;
   }

   .u-section-4 .u-gallery-nav-1 {
     left: 0px;
     top: 260px;
   }

   .u-section-2 .u-gallery-nav-2 {
     right: -20px;
     top: 260px;
   }

   .u-section-4 .u-gallery-nav-2 {
     right: 0px;
     top: 260px;
   }

   .u-section-2 .u-repeater-1 {
     display: grid;
     grid-auto-flow: column;
     grid-auto-columns: minmax(calc(100% / 3 - 14px), 1fr);
     /* 👈 3 visibles */
     /* 👈 3 visibles */
     gap: 20px;
     scroll-snap-align: start;
     transition: transform 0.4s ease;
   }

   .div-contenido-card {
     height: 200px;
     min-height: 200px;
   }

   .div-contenido-card-2 {
     height: 450px;
     min-height: 450px;
   }

   .card-fotter-2 a {
     font-size: 1rem !important;
   }

   .u-section-4 {
     display: flex;
     justify-content: center;
     align-items: center;
   }

   .u-section-4 .u-sheet-1 {
     width: 900px;
     display: flex;
     justify-content: center;
     align-items: center;
     min-height: 1100px
   }

   .u-section-4 .u-shape-2 {
     height: 250px !important;
   }

   .u-section-4 .u-repeater-1 {
     min-height: 719px;
   }

   .section-4 {
     margin: 0 20px;
     gap: 20px
   }

   .u-section-4 .header-contenter-2 {
     width: 100%;
   }

   .u-section-4 .u-list-1 {
     margin: 0 0 0 0;
     padding: 20px;
   }

   .u-section-4 p {
     line-height: 1;
     margin: 0px;

   }

   .u-section-4 .u-shape-3 {
     width: 100px;
     height: 100px;
   }

   .u-section-4 .u-text-4 {
     font-size: 1.2rem !important;
   }

   .u-section-4 .u-text-3 {
     font-size: 1.5rem;
   }

   .u-section-4 .u-text-9 {
     margin: -135px 0 40px 30px;
   }

   .u-section-5 .u-shape-1 {
     width: 100%;
     margin: 0 0 0 0;
   }

   .u-section-5 .u-text-1 {
     font-size: 50px;
   }

   .u-section-5 .u-text-2 {
     font-size: 35px;
   }

   .u-section-4 .u-text-5 {
     font-size: 1.5rem;
   }

   .u-section-4 .u-text-6 {
     font-size: 1.2rem;
   }

   .u-section-4 .u-text-7,
   .u-section-4 .u-text-8 li {
     font-size: 1rem;
   }

   .u-section-5 {
     min-height: 300px;
   }

   .u-section-5 .u-btn-1 {
     font-size: 25px;
   }

   .u-section-5 .u-sheet-1 {
     /* height: 350px; */
     min-height: 250px !important;
   }

   .u-section-6 {
     display: flex;
     justify-content: center;
     align-items: center;
   }

   .u-section-6 .u-sheet-1 {
     width: 1300px;
     min-height: 700px;
     display: flex;
     justify-content: center;
     align-items: center;
   }

   .section-6 {
     margin: 0 20px;
     gap: 20px
   }

   .div-nosotros-img {
     display: flex;
     align-items: center;
     height: 100%;
     justify-content: center;
   }

   .div-nosotros-img img {
     max-width: 100%;
     height: auto;
     display: block;
   }

   .u-section-6 .header-contenter-2 {
     width: 100%;
   }

   .u-section-6 .u-image-2 {
     /* width: 932px;
     height: 725px; */
     /* margin: -330px -232px 0 auto; */
   }

   .u-section-6 .u-text-2,
   .u-section-6 .u-text-4 {
     font-size: 1.5rem;
   }

   .u-section-6 .u-text-3,
   .u-section-6 .u-text-5 {
     font-size: 1rem;
   }

   .u-section-6 .u-icon-1,
   .u-section-6 .u-icon-2 {
     width: 60px;
     height: 60px;
     --radius: 20px;
   }

   .u-section-7 {
     display: flex;
     justify-content: center;
     align-items: center;
   }

   .u-section-7 .u-sheet-1 {
     width: 1300px;
     min-height: 500px;
     display: flex;
     justify-content: center;
     align-items: center;
   }

   .section-7 {
     margin: 0 20px;
     gap: 20px
   }

   .u-section-7 .header-contenter-2 {
     width: 100%;
   }

   .u-section-8 .u-shape-1 {
     width: 100%;
     margin: 20px 0 0 0;
   }

   .u-section-8 .u-text-1 {
     font-size: 60px;
   }

   .u-section-8 .u-text-2 {
     font-size: 45px;
   }

   .u-section-8 .u-btn-1 {
     font-size: 35px;
   }

   .u-section-8 .u-sheet-1 {
     min-height: 250px;
   }

   .u-section-9 {
     display: flex;
     justify-content: center;
     align-items: center;
   }

   .u-section-9 .u-sheet-1 {
     width: 1300px;
     min-height: 800px;
     display: flex;
     justify-content: center;
     align-items: center;
   }

   .section-9 {
     margin: 0 20px;
     gap: 20px
   }

   .u-section-9 .header-contenter-2 {
     width: 100%;
   }

   .div-inf-contacto p {
     font-size: 1rem !important;
   }

   .u-section-9 .u-icon-1,
   .u-section-9 .u-icon-2,
   .u-section-9 .u-icon-4 {
     width: 50px;
     height: 50px;

   }

   .u-section-9 .u-group-1 {
     min-height: auto;
     width: auto;
     margin: 28px auto 0 0px;
   }

   .u-section-9 .u-group-3 {
     width: auto;
     min-height: auto;
   }

   .logo-redes img {
     height: 50px;
   }

   .a-wsp-btn {
     font-size: 1.2rem !important;
   }

   .u-section-10 {
     min-height: 400px;
   }


   .sec-10-logo img {
     height: 100px !important;
   }

   .sec-10-logo-title img {
     width: 250px !important;
   }

   .sec-10-logo-body h2 {
     font-size: 1.2rem !important;
   }

   .section-10,
   .contenido-footer {
     padding: 3rem !important;
   }

   .contenido-footer .title {
     font-size: 2rem;
     color: #FFD700;
     transition: transform 0.3s ease;
     text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
   }

   .contenido-footer .subtitle {
     color: white;
     font-size: 0.9rem;
     margin: 10px 0 10px 0;
   }

   .logo-contacto img {
     height: 20px;
   }

 }

 /* 🔹 5. Monitores grandes (1367px en adelante) */
 /* @media (min-width: 1367px ) { */
 @media (min-width: 1367px) and (max-width: 1439px) {
   body {
     font-size: 18px;
   }

   h1 {
     font-size: 3.2rem;
   }

   h2 {
     font-size: 2.5rem;
   }

   h3 {
     font-size: 2rem;
   }

   p,
   li,
   a {
     font-size: 1.2rem;
   }

   .u-section-1 .u-text-1 {
     font-size: 3rem;
   }

   .div-header-p p {
     font-size: 1.2rem !important;
   }

   .u-custom-menu {
     display: flex;
   }

   .menu-collapse {
     display: none;
   }

   .u-nav li a {
     font-size: 1rem;
   }

   .u-nav {
     gap: 60px
   }

   .btn-register {
     font-size: 17px;
     padding: 10px 26px;
   }

   .header-contenter-1 {
     /* width: 100%; */
     width: 800px;
     /* margin: 100px 100px; */
   }

   .name-logo img {
     height: 40px;
   }

   .u-section-1 .u-btn-1 {
     font-size: 1.2rem;
   }

   .u-section-1 {
     display: flex;
     justify-content: center;
     /* align-items: center; */
   }

   .u-section-1 .u-sheet-1 {
     width: 1440px;
     display: flex;
     /* justify-content: center; */
     align-items: center;
   }

   .section-1 {

     margin: 0 20px;
     gap: 20px
   }

   .section-1 .div-header-h1 {
     width: 100%;
   }

   .u-section-2 {
     display: flex;
     justify-content: center;
     align-items: center;
   }

   .u-section-2 .u-container-layout-1 {
     gap: 20px
   }

   .u-section-2 .u-sheet-1 {
     width: 1300px;
     min-height: 1000px;
     display: flex;
     justify-content: center;
     align-items: center;
   }

   .section-2 {

     margin: 0 20px;
     gap: 20px;
   }

   .title-segmento {
     font-size: 2rem !important;
   }

   .sub-title-segmento {
     font-size: 1.2rem !important;
   }

   .section-3 a,
   .section-5 a,
   .section-8 a {
     font-size: 1.2rem !important;
   }

   .u-section-2 .header-contenter-2 {
     width: 100%;
   }


   .u-active-custom-color-4 {
     text-wrap: auto;
   }

   .u-container-layout {
     display: flex;
     flex-direction: column;
     /* margin: 10px; */
     justify-content: space-between;
   }

   .u-section-2 .u-text {
     margin: 0 !important;
     font-size: 1.2rem;
   }

   .div-metodologia a {
     font-size: 1rem !important;
   }

   .div-metodologia a span {
     font-size: 1rem;
   }

   /* .div-metodologia{
    width: fit-content ;
   } */

   .div-metodologia .u-btn {
     padding: 10px 0px !important;
     border-radius: 20px !important;
   }

   .card-fotter h4 {
     font-size: 1rem !important;
   }

   .u-section-2 .card-fotter .u-btn {
     border-radius: 20px !important;
     font-size: 1rem !important;
   }

   .u-section-2 .u-image-1,
   .u-section-2 .u-image-2,
   .u-section-2 .u-image-3,
   .u-section-2 .u-image-4,
   .u-section-2 .u-image-5,
   .u-section-2 .u-image-6,
   .u-section-2 .u-image-7 {
     width: 90px;
     height: 90px;
     margin: 20px auto 0 0px;
   }

   .u-section-2 .card-fotter {
     display: flex;
     justify-content: space-between;
     align-items: center;
     /* padding: 0 30px; */
   }

   .div-contenido-card p {
     font-size: 1rem !important;
   }


   .u-section-2 .u-gallery-nav-1 {
     left: -20px;
     top: 300px;
   }


   .u-section-4 .u-gallery-nav-1 {
     left: 0px;
     top: 300px;
   }

   .u-section-2 .u-gallery-nav-2 {
     right: -20px;
     top: 300px;
   }

   .u-section-4 .u-gallery-nav-2 {
     right: 0px;
     top: 300px;
   }

   .u-section-2 .u-repeater-1 {
     display: grid;
     grid-auto-flow: column;
     grid-auto-columns: minmax(calc(100% / 3 - 14px), 1fr);
     /* 👈 3 visibles */
     /* 👈 3 visibles */
     gap: 20px;
     scroll-snap-align: start;
     transition: transform 0.4s ease;
   }

   .div-contenido-card {
     height: 250px;
     min-height: 250px;
   }

   .div-contenido-card-2 {
     height: 450px;
     min-height: 450px;
   }

   .card-fotter-2 a {
     font-size: 1rem !important;
   }

   .u-section-4 {
     display: flex;
     justify-content: center;
     align-items: center;
   }

   .u-section-4 .u-sheet-1 {
     width: 900px;
     display: flex;
     justify-content: center;
     align-items: center;
     min-height: 1100px
   }

   .u-section-4 .u-shape-2 {
     height: 250px !important;
   }

   .u-section-4 .u-repeater-1 {
     min-height: 719px;
   }

   .section-4 {
     margin: 0 20px;
     gap: 20px
   }

   .u-section-4 .header-contenter-2 {
     width: 100%;
   }

   .u-section-4 .u-list-1 {
     margin: 0 0 0 0;
     padding: 20px;
   }

   .u-section-4 p {
     line-height: 1;
     margin: 0px;

   }

   .u-section-4 .u-shape-3 {
     width: 100px;
     height: 100px;
   }

   .u-section-4 .u-text-4 {
     font-size: 1.2rem !important;
   }

   .u-section-4 .u-text-3 {
     font-size: 1.5rem;
   }

   .u-section-4 .u-text-9 {
     margin: -135px 0 40px 30px;
   }

   .u-section-5 .u-shape-1 {
     width: 100%;
     margin: 0 0 0 0;
   }

   .u-section-5 .u-text-1 {
     font-size: 50px;
   }

   .u-section-5 .u-text-2 {
     font-size: 35px;
   }

   .u-section-4 .u-text-5 {
     font-size: 1.5rem;
   }

   .u-section-4 .u-text-6 {
     font-size: 1.2rem;
   }

   .u-section-4 .u-text-7,
   .u-section-4 .u-text-8 li {
     font-size: 1rem;
   }

   .u-section-5 {
     min-height: 300px;
   }

   .u-section-5 .u-btn-1 {
     font-size: 25px;
   }

   .u-section-5 .u-sheet-1 {
     /* height: 350px; */
     min-height: 250px !important;
   }

   .u-section-6 {
     display: flex;
     justify-content: center;
     align-items: center;
   }

   .u-section-6 .u-sheet-1 {
     width: 1300px;
     min-height: 700px;
     display: flex;
     justify-content: center;
     align-items: center;
   }

   .section-6 {
     margin: 0 20px;
     gap: 20px
   }

   .div-nosotros-img {
     display: flex;
     align-items: center;
     height: 100%;
     justify-content: center;
   }

   .div-nosotros-img img {
     max-width: 100%;
     height: auto;
     display: block;
   }

   .u-section-6 .header-contenter-2 {
     width: 100%;
   }

   .u-section-6 .u-image-2 {
     /* width: 932px;
     height: 725px; */
     /* margin: -330px -232px 0 auto; */
   }

   .u-section-6 .u-text-2,
   .u-section-6 .u-text-4 {
     font-size: 1.5rem;
   }

   .u-section-6 .u-text-3,
   .u-section-6 .u-text-5 {
     font-size: 1rem;
   }

   .u-section-6 .u-icon-1,
   .u-section-6 .u-icon-2 {
     width: 60px;
     height: 60px;
     --radius: 20px;
   }

   .u-section-7 {
     display: flex;
     justify-content: center;
     align-items: center;
   }

   .u-section-7 .u-sheet-1 {
     width: 1300px;
     min-height: 500px;
     display: flex;
     justify-content: center;
     align-items: center;
   }

   .section-7 {
     margin: 0 20px;
     gap: 20px
   }

   .u-section-7 .header-contenter-2 {
     width: 100%;
   }

   .u-section-8 .u-shape-1 {
     width: 100%;
     margin: 20px 0 0 0;
   }

   .u-section-8 .u-text-1 {
     font-size: 60px;
   }

   .u-section-8 .u-text-2 {
     font-size: 45px;
   }

   .u-section-8 .u-btn-1 {
     font-size: 35px;
   }

   .u-section-8 .u-sheet-1 {
     min-height: 250px;
   }

   .u-section-9 {
     display: flex;
     justify-content: center;
     align-items: center;
   }

   .u-section-9 .u-sheet-1 {
     width: 1300px;
     min-height: 800px;
     display: flex;
     justify-content: center;
     align-items: center;
   }

   .section-9 {
     margin: 0 20px;
     gap: 20px
   }

   .u-section-9 .header-contenter-2 {
     width: 100%;
   }

   .div-inf-contacto p {
     font-size: 1rem !important;
   }

   .u-section-9 .u-icon-1,
   .u-section-9 .u-icon-2,
   .u-section-9 .u-icon-4 {
     width: 50px;
     height: 50px;

   }

   .u-section-9 .u-group-1 {
     min-height: auto;
     width: auto;
     margin: 28px auto 0 0px;
   }

   .u-section-9 .u-group-3 {
     width: auto;
     min-height: auto;
   }

   .logo-redes img {
     height: 50px;
   }

   .a-wsp-btn {
     font-size: 1.2rem !important;
   }

   .u-section-10 {
     min-height: 400px;
   }


   .sec-10-logo img {
     height: 100px !important;
   }

   .sec-10-logo-title img {
     width: 250px !important;
   }

   .sec-10-logo-body h2 {
     font-size: 1.2rem !important;
   }

   .section-10,
   .contenido-footer {
     padding: 3rem !important;
   }

   .contenido-footer .title {
     font-size: 2rem;
     color: #FFD700;
     transition: transform 0.3s ease;
     text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
   }

   .contenido-footer .subtitle {
     color: white;
     font-size: 0.9rem;
     margin: 10px 0 10px 0;
   }

   .logo-contacto img {
     height: 20px;
   }

 }

 @media (min-width: 1440px) and (max-width: 2559px) {
   body {
     font-size: 18px;
   }

   h1 {
     font-size: 3.2rem;
   }

   h2 {
     font-size: 2.5rem;
   }

   h3 {
     font-size: 2rem;
   }

   p,
   li,
   a {
     font-size: 1.2rem;
   }

   .u-section-1 .u-text-1 {
     font-size: 3rem;
   }

   .div-header-p p {
     font-size: 1.2rem !important;
   }

   .u-custom-menu {
     display: flex;
   }

   .menu-collapse {
     display: none;
   }

   .u-nav li a {
     font-size: 1rem;
   }

   .u-nav {
     gap: 60px
   }

   .btn-register {
     font-size: 17px;
     padding: 10px 26px;
   }

   .header-contenter-1 {
     /* width: 100%; */
     width: 800px;
     /* margin: 100px 100px; */
   }

   .name-logo img {
     height: 40px;
   }

   .u-section-1 .u-btn-1 {
     font-size: 1.2rem;
   }

   .u-section-1 {
     display: flex;
     justify-content: center;
     /* align-items: center; */
   }

   .u-section-1 .u-sheet-1 {
     width: 1440px;
     display: flex;
     /* justify-content: center; */
     align-items: center;
   }

   .section-1 {

     margin: 0 20px;
     gap: 20px
   }

   .section-1 .div-header-h1 {
     width: 100%;
   }

   .u-section-2 {
     display: flex;
     justify-content: center;
     align-items: center;
   }

   .u-section-2 .u-container-layout-1 {
     gap: 20px
   }

   .u-section-2 .u-sheet-1 {
     width: 1300px;
     min-height: 1000px;
     display: flex;
     justify-content: center;
     align-items: center;
   }

   .section-2 {

     margin: 0 20px;
     gap: 20px;
   }

   .title-segmento {
     font-size: 2rem !important;
   }

   .sub-title-segmento {
     font-size: 1.2rem !important;
   }

   .section-3 a,
   .section-5 a,
   .section-8 a {
     font-size: 1.2rem !important;
   }

   .u-section-2 .header-contenter-2 {
     width: 100%;
   }


   .u-active-custom-color-4 {
     text-wrap: auto;
   }

   .u-container-layout {
     display: flex;
     flex-direction: column;
     /* margin: 10px; */
     justify-content: space-between;
   }

   .u-section-2 .u-text {
     margin: 0 !important;
     font-size: 1.2rem;
   }

   .div-metodologia a {
     font-size: 1rem !important;
   }

   .div-metodologia a span {
     font-size: 1rem;
   }

   /* .div-metodologia{
    width: fit-content ;
   } */

   .div-metodologia .u-btn {
     padding: 10px 0px !important;
     border-radius: 20px !important;
   }

   .card-fotter h4 {
     font-size: 1rem !important;
   }

   .u-section-2 .card-fotter .u-btn {
     border-radius: 20px !important;
     font-size: 1rem !important;
   }

   .u-section-2 .u-image-1,
   .u-section-2 .u-image-2,
   .u-section-2 .u-image-3,
   .u-section-2 .u-image-4,
   .u-section-2 .u-image-5,
   .u-section-2 .u-image-6,
   .u-section-2 .u-image-7 {
     width: 90px;
     height: 90px;
     margin: 20px auto 0 0px;
   }

   .u-section-2 .card-fotter {
     display: flex;
     justify-content: space-between;
     align-items: center;
     /* padding: 0 30px; */
   }

   .div-contenido-card p {
     font-size: 1rem !important;
   }


   .u-section-2 .u-gallery-nav-1 {
     left: -20px;
     top: 300px;
   }

   .u-section-4 .u-gallery-nav-1 {
     left: 0px;
     top: 300px;
   }

   .u-section-2 .u-gallery-nav-2 {
     right: -20px;
     top: 300px;
   }


   .u-section-4 .u-gallery-nav-2 {
     right: -0px;
     top: 300px;
   }

   .u-section-2 .u-repeater-1 {
     display: grid;
     grid-auto-flow: column;
     grid-auto-columns: minmax(calc(100% / 3 - 14px), 1fr);
     /* 👈 3 visibles */
     /* 👈 3 visibles */
     gap: 20px;
     scroll-snap-align: start;
     transition: transform 0.4s ease;
   }

   .div-contenido-card {
     height: 250px;
     min-height: 250px;
   }

   .div-contenido-card-2 {
     height: 450px;
     min-height: 450px;
   }

   .card-fotter-2 a {
     font-size: 1rem !important;
   }

   .u-section-4 {
     display: flex;
     justify-content: center;
     align-items: center;
   }

   .u-section-4 .u-sheet-1 {
     width: 900px;
     display: flex;
     justify-content: center;
     align-items: center;
     min-height: 1100px
   }

   .u-section-4 .u-shape-2 {
     height: 250px !important;
   }

   .u-section-4 .u-repeater-1 {
     min-height: 719px;
   }

   .section-4 {
     margin: 0 20px;
     gap: 20px
   }

   .u-section-4 .header-contenter-2 {
     width: 100%;
   }

   .u-section-4 .u-list-1 {
     margin: 0 0 0 0;
     padding: 20px;
   }

   .u-section-4 p {
     line-height: 1;
     margin: 0px;

   }

   .u-section-4 .u-shape-3 {
     width: 100px;
     height: 100px;
   }

   .u-section-4 .u-text-4 {
     font-size: 1.2rem !important;
   }

   .u-section-4 .u-text-3 {
     font-size: 1.5rem;
   }

   .u-section-4 .u-text-9 {
     margin: -135px 0 40px 30px;
   }

   .u-section-5 .u-shape-1 {
     width: 100%;
     margin: 0 0 0 0;
   }

   .u-section-5 .u-text-1 {
     font-size: 50px;
   }

   .u-section-5 .u-text-2 {
     font-size: 35px;
   }

   .u-section-4 .u-text-5 {
     font-size: 1.5rem;
   }

   .u-section-4 .u-text-6 {
     font-size: 1.2rem;
   }

   .u-section-4 .u-text-7,
   .u-section-4 .u-text-8 li {
     font-size: 1rem;
   }

   .u-section-5 {
     min-height: 300px;
   }

   .u-section-5 .u-btn-1 {
     font-size: 25px;
   }

   .u-section-5 .u-sheet-1 {
     /* height: 350px; */
     min-height: 250px !important;
   }

   .u-section-6 {
     display: flex;
     justify-content: center;
     align-items: center;
   }

   .u-section-6 .u-sheet-1 {
     width: 1300px;
     min-height: 700px;
     display: flex;
     justify-content: center;
     align-items: center;
   }

   .section-6 {
     margin: 0 20px;
     gap: 20px
   }

   .div-nosotros-img {
     display: flex;
     align-items: center;
     height: 100%;
     justify-content: center;
   }

   .div-nosotros-img img {
     max-width: 100%;
     height: auto;
     display: block;
   }

   .u-section-6 .header-contenter-2 {
     width: 100%;
   }

   .u-section-6 .u-image-2 {
     /* width: 932px;
     height: 725px; */
     /* margin: -330px -232px 0 auto; */
   }

   .u-section-6 .u-text-2,
   .u-section-6 .u-text-4 {
     font-size: 1.5rem;
   }

   .u-section-6 .u-text-3,
   .u-section-6 .u-text-5 {
     font-size: 1rem;
   }

   .u-section-6 .u-icon-1,
   .u-section-6 .u-icon-2 {
     width: 60px;
     height: 60px;
     --radius: 20px;
   }

   .u-section-7 {
     display: flex;
     justify-content: center;
     align-items: center;
   }

   .u-section-7 .u-sheet-1 {
     width: 1300px;
     min-height: 500px;
     display: flex;
     justify-content: center;
     align-items: center;
   }

   .section-7 {
     margin: 0 20px;
     gap: 20px
   }

   .u-section-7 .header-contenter-2 {
     width: 100%;
   }

   .u-section-8 .u-shape-1 {
     width: 100%;
     margin: 20px 0 0 0;
   }

   .u-section-8 .u-text-1 {
     font-size: 60px;
   }

   .u-section-8 .u-text-2 {
     font-size: 45px;
   }

   .u-section-8 .u-btn-1 {
     font-size: 35px;
   }

   .u-section-8 .u-sheet-1 {
     min-height: 250px;
   }

   .u-section-9 {
     display: flex;
     justify-content: center;
     align-items: center;
   }

   .u-section-9 .u-sheet-1 {
     width: 1300px;
     min-height: 800px;
     display: flex;
     justify-content: center;
     align-items: center;
   }

   .section-9 {
     margin: 0 20px;
     gap: 20px
   }

   .u-section-9 .header-contenter-2 {
     width: 100%;
   }

   .div-inf-contacto p {
     font-size: 1rem !important;
   }

   .u-section-9 .u-icon-1,
   .u-section-9 .u-icon-2,
   .u-section-9 .u-icon-4 {
     width: 50px;
     height: 50px;

   }

   .u-section-9 .u-group-1 {
     min-height: auto;
     width: auto;
     margin: 28px auto 0 0px;
   }

   .u-section-9 .u-group-3 {
     width: auto;
     min-height: auto;
   }

   .logo-redes img {
     height: 50px;
   }

   .a-wsp-btn {
     font-size: 1.2rem !important;
   }

   .u-section-10 {
     min-height: 400px;
   }


   .sec-10-logo img {
     height: 100px !important;
   }

   .sec-10-logo-title img {
     width: 250px !important;
   }

   .sec-10-logo-body h2 {
     font-size: 1.2rem !important;
   }

   .section-10,
   .contenido-footer {
     padding: 3rem !important;
   }

   .contenido-footer .title {
     font-size: 2rem;
     color: #FFD700;
     transition: transform 0.3s ease;
     text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
   }

   .contenido-footer .subtitle {
     color: white;
     font-size: 0.9rem;
     margin: 10px 0 10px 0;
   }

   .logo-contacto img {
     height: 20px;
   }

   .modal-container {
     max-width: 1200px;
   }
 }

 @media (min-width: 2560px) {
   body {
     font-size: 18px;
   }

   h1 {
     font-size: 3.2rem;
   }

   h2 {
     font-size: 2.5rem;
   }

   h3 {
     font-size: 2rem;
   }

   p,
   li,
   a {
     font-size: 1.2rem;
   }

   .u-custom-menu {
     display: flex;
   }

   .menu-collapse {
     display: none;
   }

   .u-nav li a {
     font-size: 1.15rem;
   }

   .btn-register {
     font-size: 17px;
     padding: 10px 26px;
   }

   .div-contenido-card {
     height: 300px;
     min-height: 300px;
   }

   .div-contenido-card-2 {
     height: 550px;
     min-height: 550px;
   }

   .title-segmento {
     font-size: 3.5rem !important;
   }

   .sub-title-segmento {
     font-size: 2.5rem !important;
   }

   .contenido-footer .title {

     /* o Montserrat, Arial Black */
     font-size: 3.5rem;
     color: #FFD700;
     /* amarillo */
     transition: transform 0.3s ease;
     text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
     /* sombra del texto */
   }

   .u-section-2 .u-image-1,
   .u-section-2 .u-image-2,
   .u-section-2 .u-image-3,
   .u-section-2 .u-image-4,
   .u-section-2 .u-image-5,
   .u-section-2 .u-image-6,
   .u-section-2 .u-image-7 {
     margin: 30px auto 0 20px !important;
   }



   .contenido-footer .subtitle {
     color: white;
     font-size: 1.5rem;
   }

   /* .section-1 {
     display: flex;
     justify-content: center;
     
     width: 1440px;
     margin: 0 20px;
     gap: 20px
   } */

   .u-section-2 .u-gallery-nav-1 {
     left: -20px;
     top: 380px;
   }

   .u-section-4 .u-gallery-nav-1 {
     left: 0px;
     top: 380px;
   }

   .u-section-2 .u-gallery-nav-2 {
     right: -20px;
     top: 380px;
   }

   .u-section-4 .u-gallery-nav-2 {
     right: -0px;
     top: 380px;
   }

   .u-section-1 {
     display: flex;
     justify-content: center;
     /* align-items: center; */
     background-size: cover;
   }

   .u-section-1 .u-sheet-1 {
     width: 1900px;
     display: flex;
     /* justify-content: center; */
     align-items: center;
   }

   .section-1 {
     margin: 0 20px;
     gap: 20px
   }

   .header-contenter-1 {
     /* width: 100%; */
     width: 1000px;
     /* margin: 100px 100px; */
   }

   .section-1 .div-header-h1 {
     width: 100%;
   }

   .u-section-2 {
     display: flex;
     justify-content: center;
     align-items: center;
   }

   .u-section-2 .u-container-layout-1 {
     gap: 20px
   }


   .u-section-2 .u-sheet-1 {
     width: 1900px;
     display: flex;
     justify-content: center;
     align-items: center;
   }

   .section-2 {
     margin: 0 20px;
     gap: 20px
   }

   .u-section-2 .header-contenter-2 {
     width: 100%;
   }

   .u-section-2 .u-list-1 {
     margin: 0 0 0 0;
     /* padding: 20px; */
     /*width: 1400px;*/
   }

   .div-metodologia {
     padding: 0 30px;
   }

   .div-metodologia .u-btn {
     border-radius: 20px !important;
   }

   .u-section-2 .card-fotter {
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding: 0 30px;
   }

   .u-section-2 .card-fotter a {
     margin: 0px;
   }

   .u-section-2 .card-fotter .u-btn {
     border-radius: 20px !important;
   }

   .u-active-custom-color-4 {
     text-wrap: auto;
   }

   .u-container-layout {
     display: flex;
     flex-direction: column;
     /* margin: 10px; */
     justify-content: space-between;
   }

   .u-section-2 .u-text {
     margin: 20px;
   }

   .u-section-2 .u-repeater-1 {
     display: grid;
     grid-auto-flow: column;
     grid-auto-columns: minmax(calc(100% / 3 - 14px), 1fr);
     /* 👈 3 visibles */
     /* 👈 3 visibles */
     gap: 20px;
     scroll-snap-align: start;
     transition: transform 0.4s ease;
   }

   .u-section-4 {
     display: flex;
     justify-content: center;
     align-items: center;
   }

   .u-section-4 .u-sheet-1 {
     width: 1400px;
     display: flex;
     justify-content: center;
     align-items: center;
   }

   .section-4 {
     margin: 0 20px;
     gap: 20px
   }

   .u-section-4 .header-contenter-2 {
     width: 100%;
   }

   .u-section-4 .u-list-1 {
     margin: 0 0 0 0;
     padding: 20px;
   }

   .u-section-4 p {
     /* line-height: 1; */
     margin: 0px;
   }

   .u-section-4 .u-text-3 {
     /* margin: -135px 0 60px 40px; */
   }

   .u-section-4 .u-text-9 {
     margin: -135px 0 40px 30px;
   }

   .u-section-5 {
     min-height: 550px;
   }

   .u-section-5 .u-shape-1 {
     width: 100%;
     margin: 20px 0 0 0;
   }

   .u-section-6 {
     display: flex;
     justify-content: center;
     align-items: center;
   }

   .u-section-6 .u-sheet-1 {
     width: 1900px;
     min-height: 1100px;
     display: flex;
     justify-content: center;
     align-items: center;
   }

   .section-6 {
     margin: 0 20px;
     gap: 20px
   }

   .div-nosotros-img {
     display: flex;
     align-items: center;
     height: 100%;
     justify-content: center;
   }

   .div-nosotros-img img {
     max-width: 100%;
     height: auto;
     display: block;
   }

   .u-section-6 .header-contenter-2 {
     width: 100%;
   }

   .u-section-7 {
     display: flex;
     justify-content: center;
     align-items: center;
   }

   .u-section-7 .u-sheet-1 {
     width: 1900px;
     display: flex;
     justify-content: center;
     align-items: center;
   }

   .section-7 {
     margin: 0 20px;
     gap: 20px
   }

   .u-section-7 .header-contenter-2 {
     width: 100%;
   }

   .u-section-8 .u-shape-1 {
     width: 100%;
     margin: 20px 0 0 0;
   }

   .u-section-9 {
     display: flex;
     justify-content: center;
     align-items: center;
   }

   .u-section-9 .u-sheet-1 {
     width: 1900px;
     display: flex;
     justify-content: center;
     align-items: center;
   }

   .section-9 {
     margin: 0 20px;
     gap: 20px
   }

   .u-section-9 .header-contenter-2 {
     width: 100%;
   }

   .u-section-10 {
     /* display: flex; */
     /* flex-direction: column; */
     /* justify-content: center;
     align-items: center; */
   }

   .u-section-10 .u-sheet-1 {
     width: 1900px;
     /* display: flex;
     justify-content: center;
     align-items: center; */
   }

   .carousel {
     width: 100% !important;
     max-width: 80% !important;
     height: auto;
   }

   .modal-container {
     max-width: 1200px;
   }
 }