.u-section-1 {
  min-height: 693px;
}

.u-section-1 .u-layout-wrap-1 {
  width: calc(((100% - 1140px) / 2)  + 1140px);
  margin: 0 auto 0 0;
}

.u-section-1 .u-image-1 {
  min-height: 693px;
  background-image: url("images/photo-1740062446976-94a8837e0dde.jpeg");
  background-position: 50% 50%;
  background-size: cover;
  --animation-custom_in-translate_x: -300px;
  --animation-custom_in-translate_y: 0px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 0deg;
  --animation-custom_in-scale: 1;
}

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

.u-section-1 .u-layout-cell-2 {
  min-height: 693px;
  --animation-custom_in-translate_x: 300px;
  --animation-custom_in-translate_y: 0px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 0deg;
  --animation-custom_in-scale: 1;
}

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

.u-section-1 .u-group-1 {
  min-height: 63px;
  width: 310px;
  height: auto;
  margin: 0 auto 0 0;
}

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

.u-section-1 .u-text-1 {
  font-weight: 700;
  margin: 0 0 0 61px;
}

.u-section-1 .u-icon-1 {
  width: 47px;
  height: 47px;
  margin: -25px auto 0 0;
  padding: 0;
}

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

.u-section-1 .u-text-3 {
  font-size: 4.375rem;
  margin: 20px 0 0;
}

.u-section-1 .u-text-4 {
  margin: 40px auto 0 0;
}

.u-section-1 .u-btn-1 {
  --radius: 50px;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.875rem;
  letter-spacing: 1px;
  background-image: none;
  border-style: solid;
  margin: 40px auto 0 0;
  padding: 19px 64px 20px 63px;
}

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

  .u-section-1 .u-layout-wrap-1 {
    width: calc(((100% - 940px) / 2) + 940px);
  }

  .u-section-1 .u-image-1 {
    min-height: 537px;
  }

  .u-section-1 .u-layout-cell-2 {
    min-height: 614px;
  }

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

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

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

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

  .u-section-1 .u-layout-wrap-1 {
    width: calc(((100% - 720px) / 2) + 720px);
  }

  .u-section-1 .u-image-1 {
    min-height: 791px;
    order: 1;
  }

  .u-section-1 .u-layout-cell-2 {
    min-height: 100px;
    order: 0;
  }

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

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

  .u-section-1 .u-layout-wrap-1 {
    width: calc(((100% - 540px) / 2) + 540px);
  }

  .u-section-1 .u-image-1 {
    min-height: 570px;
  }

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

  .u-section-1 .u-layout-cell-2 {
    min-height: 520px;
  }

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

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

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

  .u-section-1 .u-layout-wrap-1 {
    width: calc(((100% - 340px) / 2) + 340px);
  }

  .u-section-1 .u-image-1 {
    min-height: 359px;
  }

  .u-section-1 .u-layout-cell-2 {
    min-height: 100px;
  }

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

  .u-section-1 .u-text-3 {
    font-size: 2.25rem;
  }
}.u-section-2 .u-sheet-1 {
  min-height: 751px;
}

.u-section-2 .u-layout-wrap-1 {
  margin-top: 60px;
  margin-bottom: 60px;
}

.u-section-2 .u-layout-cell-1 {
  min-height: 592px;
  --animation-custom_in-translate_x: -300px;
  --animation-custom_in-translate_y: 0px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 0deg;
  --animation-custom_in-scale: 1;
}

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

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

.u-section-2 .u-text-2 {
  margin: 20px auto 0 0;
}

.u-section-2 .u-text-3 {
  margin: 17px 0 0;
}

.u-section-2 .u-btn-1 {
  --radius: 50px;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.875rem;
  letter-spacing: 1px;
  background-image: none;
  border-style: solid;
  margin: 40px auto 0 0;
  padding: 19px 64px 20px 63px;
}



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

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

  .u-section-2 .u-layout-cell-1 {
    min-height: 488px;
  }

  .u-section-2 .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;
  }

  .u-section-2 .u-text-3 {
    --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;
  }

  .u-section-2 .u-image-1 {
    min-height: 488px;
  }
}

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

  .u-section-2 .u-layout-cell-1 {
    min-height: 100px;
  }

  .u-section-2 .u-image-1 {
    min-height: 600px;
  }
}

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

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

  .u-section-2 .u-image-1 {
    min-height: 919px;
  }

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

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

  .u-section-2 .u-image-1 {
    min-height: 579px;
  }
}.u-section-3 .u-sheet-1 {
  min-height: 740px;
}

.u-section-3 .u-layout-wrap-1 {
  margin-top: 0;
  margin-bottom: 0;
}

.u-section-3 .u-layout-cell-1 {
  min-height: 780px;
}

.u-section-3 .u-container-layout-1 {
  padding: 35px 0;
}

.u-section-3 .u-shape-1 {
  width: 449px;
  height: 449px;
  background-image: linear-gradient(to right, #17d2d3, #db545a);
  --animation-fade_in-opacity: 0.5;
  margin: 0 auto;
}

.u-section-3 .u-image-1 {
  width: 340px;
  height: 649px;
  margin: -549px auto -100px;
}

.u-section-3 .u-layout-cell-2 {
  min-height: 780px;
  --animation-custom_in-translate_x: 300px;
  --animation-custom_in-translate_y: 0px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 0deg;
  --animation-custom_in-scale: 1;
}

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

.u-section-3 .u-text-1 {
  margin: 0 auto 0 0;
}

.u-section-3 .u-text-2 {
  margin: 11px 0 0;
}

.u-section-3 .u-text-3 {
  margin: 40px auto 0 0;
}

.u-section-3 .u-icon-1 {
  width: 64px;
  height: 64px;
  margin: 40px auto 0 0;
}

.u-section-3 .u-text-4 {
  font-style: italic;
  margin: -61px 95px 0 103px;
}

.u-section-3 .u-btn-1 {
  --radius: 50px;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.875rem;
  letter-spacing: 1px;
  background-image: none;
  border-style: solid;
  margin: 43px auto 0 0;
  padding: 19px 64px 20px 63px;
}

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

  .u-section-3 .u-layout-cell-1 {
    min-height: 643px;
  }

  .u-section-3 .u-shape-1 {
    width: 401px;
    height: 401px;
  }

  .u-section-3 .u-image-1 {
    margin-top: -501px;
  }

  .u-section-3 .u-layout-cell-2 {
    min-height: 722px;
  }

  .u-section-3 .u-container-layout-2 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .u-section-3 .u-text-4 {
    width: auto;
    margin-top: -51px;
    margin-right: 0;
    margin-left: 95px;
  }

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

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

  .u-section-3 .u-layout-cell-1 {
    min-height: 610px;
    order: 1;
  }

  .u-section-3 .u-container-layout-1 {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .u-section-3 .u-layout-cell-2 {
    min-height: 540px;
    order: 0;
  }

  .u-section-3 .u-text-4 {
    margin-top: -58px;
    margin-right: 225px;
  }

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

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

  .u-section-3 .u-layout-cell-1 {
    min-height: 675px;
  }

  .u-section-3 .u-layout-cell-2 {
    min-height: 577px;
  }

  .u-section-3 .u-container-layout-2 {
    padding: 30px 10px 30px 0;
  }

  .u-section-3 .u-text-4 {
    margin-right: 136px;
    margin-left: 90px;
  }

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

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

  .u-section-3 .u-layout-cell-1 {
    min-height: 549px;
  }

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

  .u-section-3 .u-shape-1 {
    height: auto;
    margin-right: initial;
    margin-left: initial;
    width: auto;
  }

  .u-section-3 .u-image-1 {
    height: 473px;
    width: 248px;
    margin-top: -387px;
    margin-bottom: -47px;
  }

  .u-section-3 .u-text-4 {
    margin-top: -64px;
    margin-right: 0;
    margin-left: 93px;
  }

  .u-section-3 .u-btn-1 {
    margin-top: 40px;
  }
} .u-section-4 {
  min-height: 688px;
}

.u-section-4 .u-group-1 {
  min-height: 432px;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
}

.u-section-4 .u-container-layout-1 {
  padding: 95px 60px 25px;
}

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

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

.u-section-4 .u-list-1 {
  grid-template-rows: repeat(1, auto);
  width: 1140px;
  margin: -177px auto 60px;
}

.u-section-4 .u-repeater-1 {
  grid-template-columns: repeat(4, calc(25% - 15px));
  min-height: 353px;
  grid-auto-columns: calc(25% - 15px);
  --gap: 20px;
}

.u-section-4 .u-list-item-1 {
  --radius: 50px;
  background-position: 50% 50%, 50% 50%;
  background-repeat: no-repeat, no-repeat;
  background-image: linear-gradient(to bottom, rgba(71, 138, 201, 0.5), rgba(219, 84, 90, 0.5)), linear-gradient(to bottom, rgba(71, 138, 201, 1), rgba(71, 138, 201, 1));
  background-size: cover, cover;
  --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;
}

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

.u-section-4 .u-group-2 {
  width: 196px;
  min-height: 196px;
  height: auto;
  margin: 8px auto 0;
}

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

.u-section-4 .u-text-3 {
  font-size: 3rem;
  margin: 0 auto;
}

.u-section-4 .u-text-4 {
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 2px;
  margin: 46px 0 0;
}

.u-section-4 .u-list-item-2 {
  --radius: 50px;
  background-position: 50% 50%, 50% 50%;
  background-repeat: no-repeat, no-repeat;
  background-image: linear-gradient(to bottom, rgba(71, 138, 201, 0.5), rgba(219, 84, 90, 0.5)), linear-gradient(to bottom, rgba(71, 138, 201, 1), rgba(71, 138, 201, 1));
  background-size: cover, cover;
  --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;
}

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

.u-section-4 .u-group-3 {
  width: 196px;
  min-height: 196px;
  height: auto;
  margin: 8px auto 0;
}

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

.u-section-4 .u-text-5 {
  font-size: 3rem;
  font-weight: 700;
  margin: 0 auto;
}

.u-section-4 .u-text-6 {
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 2px;
  margin: 46px 0 0;
}

.u-section-4 .u-list-item-3 {
  background-image: linear-gradient(to bottom, rgba(71, 138, 201, 0.5), rgba(219, 84, 90, 0.5)), linear-gradient(to bottom, rgba(71, 138, 201, 1), rgba(71, 138, 201, 1));
  --radius: 50px;
  background-position: 50% 50%, 50% 50%;
  background-repeat: no-repeat, no-repeat;
  background-size: cover, cover;
  --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;
}

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

.u-section-4 .u-group-4 {
  width: 196px;
  min-height: 196px;
  height: auto;
  margin: 8px auto 0;
}

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

.u-section-4 .u-text-7 {
  font-size: 3rem;
  font-weight: 700;
  margin: 0 auto;
}

.u-section-4 .u-text-8 {
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 2px;
  margin: 46px 0 0;
}

.u-section-4 .u-list-item-4 {
  background-image: linear-gradient(to bottom, rgba(71, 138, 201, 0.5), rgba(219, 84, 90, 0.5)), linear-gradient(to bottom, rgba(71, 138, 201, 1), rgba(71, 138, 201, 1));
  --radius: 50px;
  background-position: 50% 50%, 50% 50%;
  background-repeat: no-repeat, no-repeat;
  background-size: cover, cover;
  --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;
}

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

.u-section-4 .u-group-5 {
  width: 196px;
  min-height: 196px;
  height: auto;
  margin: 8px auto 0;
}

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

.u-section-4 .u-text-9 {
  font-size: 3rem;
  font-weight: 700;
  margin: 0 auto;
}

.u-section-4 .u-text-10 {
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 2px;
  margin: 46px 0 0;
}

@media (max-width: 1199px) {
   .u-section-4 {
    min-height: 662px;
  }

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

  .u-section-4 .u-container-layout-1 {
    padding-top: 75px;
  }

  .u-section-4 .u-list-1 {
    width: 940px;
    margin-top: -174px;
  }

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

  .u-section-4 .u-group-2 {
    width: 154px;
    min-height: 154px;
    margin-top: 0;
  }

  .u-section-4 .u-text-3 {
    font-size: 2.25rem;
  }

  .u-section-4 .u-text-4 {
    width: auto;
  }

  .u-section-4 .u-group-3 {
    width: 154px;
    min-height: 154px;
    margin-top: 0;
  }

  .u-section-4 .u-text-5 {
    font-size: 2.25rem;
  }

  .u-section-4 .u-text-6 {
    width: auto;
  }

  .u-section-4 .u-group-4 {
    width: 154px;
    min-height: 154px;
    margin-top: 0;
  }

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

  .u-section-4 .u-text-8 {
    width: auto;
  }

  .u-section-4 .u-group-5 {
    width: 154px;
    min-height: 154px;
    margin-top: 0;
  }

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

  .u-section-4 .u-text-10 {
    width: auto;
  }
}

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

  .u-section-4 .u-container-layout-1 {
    padding-top: 65px;
    padding-left: 50px;
    padding-right: 50px;
  }

  .u-section-4 .u-list-1 {
    width: 720px;
    margin-top: -145px;
  }

  .u-section-4 .u-repeater-1 {
    grid-template-columns: repeat(2, calc(50% - 10px));
    min-height: 731px;
    grid-auto-columns: calc(50% - 10px);
  }

  .u-section-4 .u-group-2 {
    width: 182px;
    min-height: 182px;
  }

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

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

  .u-section-4 .u-group-3 {
    width: 182px;
    min-height: 182px;
  }

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

  .u-section-4 .u-text-5 {
    font-size: 3rem;
  }

  .u-section-4 .u-group-4 {
    width: 182px;
    min-height: 182px;
  }

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

  .u-section-4 .u-text-7 {
    font-size: 3rem;
  }

  .u-section-4 .u-group-5 {
    width: 182px;
    min-height: 182px;
  }

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

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

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

  .u-section-4 .u-container-layout-1 {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .u-section-4 .u-list-1 {
    width: 540px;
    margin-top: -172px;
  }

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

  .u-section-4 .u-text-3 {
    font-size: 2.5rem;
  }

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

  .u-section-4 .u-text-5 {
    font-size: 2.5rem;
  }

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

  .u-section-4 .u-text-7 {
    font-size: 2.5rem;
  }

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

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

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

  .u-section-4 .u-container-layout-1 {
    padding: 60px 30px 30px;
  }

  .u-section-4 .u-list-1 {
    width: 340px;
  }

  .u-section-4 .u-repeater-1 {
    grid-template-columns: 100%;
    min-height: 1330px;
    grid-auto-columns: calc(100% + 0px);
  }

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

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

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

  .u-section-4 .u-text-5 {
    font-size: 3rem;
  }

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

  .u-section-4 .u-text-7 {
    font-size: 3rem;
  }

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

  .u-section-4 .u-text-9 {
    font-size: 3rem;
  }
} .u-section-5 {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

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

.u-section-5 .u-layout-wrap-1 {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: auto;
}

.u-section-5 .u-layout-cell-1 {
  min-height: 740px;
  --animation-custom_in-translate_x: -300px;
  --animation-custom_in-translate_y: 0px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 0deg;
  --animation-custom_in-scale: 1;
}

.u-section-5 .u-container-layout-1 {
  padding: 50px 50px 50px 0;
}

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

.u-section-5 .u-text-2 {
  margin: 11px 0 0;
}

.u-section-5 .u-text-3 {
  margin: 40px auto 0 0;
}

.u-section-5 .u-btn-1 {
  --radius: 50px;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.875rem;
  letter-spacing: 1px;
  background-image: none;
  border-style: solid;
  margin: 43px auto 0 0;
  padding: 19px 64px 20px 63px;
}

.u-section-5 .u-layout-cell-2 {
  min-height: 740px;
  --animation-custom_in-translate_x: 300px;
  --animation-custom_in-translate_y: 0px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 0deg;
  --animation-custom_in-scale: 1;
}

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

.u-section-5 .u-image-1 {
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
}

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

  .u-section-5 .u-layout-wrap-1 {
    margin-left: initial;
  }

  .u-section-5 .u-layout-cell-1 {
    min-height: 610px;
  }

  .u-section-5 .u-layout-cell-2 {
    min-height: 610px;
  }

  .u-section-5 .u-image-1 {
    height: NaNpx;
  }
}

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

  .u-section-5 .u-layout-cell-1 {
    min-height: 100px;
  }

  .u-section-5 .u-container-layout-1 {
    padding-top: 60px;
    padding-right: 30px;
    padding-bottom: 30px;
  }

  .u-section-5 .u-layout-cell-2 {
    min-height: 782px;
  }

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

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

  .u-section-5 .u-container-layout-1 {
    padding-top: 50px;
    padding-right: 10px;
  }

  .u-section-5 .u-layout-cell-2 {
    min-height: 587px;
  }
}

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

  .u-section-5 .u-container-layout-1 {
    padding-top: 40px;
  }

  .u-section-5 .u-layout-cell-2 {
    min-height: 370px;
  }
} .u-section-6 {
  background-image: none;
}

.u-section-6 .u-sheet-1 {  /* ALTURA VERTICAL DE LA SECTION 6 */
  min-height: 403px;
}

.u-section-6 .u-text-1 {
  margin: 72px auto 0;
}

.u-section-6 .u-text-2 {
  font-size: 1rem;
  letter-spacing: 0px;
  font-style: italic;
  margin: 12px auto 0;
}

.u-section-6 .u-list-1 {
  width: 478px;
  margin: 40px auto 0;
}

.u-section-6 .u-repeater-1 {
  grid-template-columns: repeat(2, 50%);
  min-height: 103px;
  --gap: 0px;
  grid-auto-columns: 50%;
}

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

.u-section-6 .u-image-1 {
  width: 208px;
  height: 62px;
  margin: 9px auto 0 5px;
}

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

.u-section-6 .u-image-2 {
  width: 208px;
  height: 62px;
  margin: 9px auto 0;
}

.u-section-6 .u-shape-1 {
  width: 839px;
  height: 384px;
  margin: 113px auto 0;
}

.u-section-6 .u-image-3 {
  width: 619px;
  height: 493px;
  --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;
  margin: -493px auto 0;
}

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

  .u-section-6 .u-shape-1 {
    height: 343px;
    margin-top: 154px;
    margin-right: initial;
    margin-left: initial;
    width: auto;
  }

  .u-section-6 .u-image-3 {
    margin-left: 51px;
  }
}

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

  .u-section-6 .u-text-1 {
    width: auto;
    margin-top: 60px;
    margin-right: 0;
  }

  .u-section-6 .u-list-1 {
    width: 509px;
  }

  .u-section-6 .u-shape-1 {
    height: 262px;
    margin-top: 145px;
    width: auto;
    margin-right: initial;
    margin-left: initial;
  }

  .u-section-6 .u-image-3 {
    height: 407px;
    width: 509px;
    margin-top: -407px;
    margin-left: auto;
  }
}

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

  .u-section-6 .u-text-1 {
    margin-top: 55px;
  }

  .u-section-6 .u-list-1 {
    width: 340px;
    margin-right: 0;
  }

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

  .u-section-6 .u-image-1 {
    margin-top: 0;
    margin-left: auto;
  }

  .u-section-6 .u-image-2 {
    margin-top: 0;
  }

  .u-section-6 .u-shape-1 {
    height: 157px;
    margin-top: 110px;
    width: auto;
    margin-right: initial;
    margin-left: initial;
  }

  .u-section-6 .u-image-3 {
    width: 316px;
    height: 252px;
    margin-top: -252px;
    margin-left: 24px;
  }
} .u-section-7 {
  background-repeat: no-repeat;
  background-image: url("images/photo-1666071083239-5d15293f01d3.jpeg");
  background-position: 50% 50%;
}

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

.u-section-7 .u-group-1 {
  width: 506px;
  min-height: 407px;
  height: auto;
  --radius: 50px;
  margin: 60px auto 60px 0;
}

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

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

.u-section-7 .u-text-2 {
  margin: 11px 0 0;
}

.u-section-7 .u-text-3 {
  margin: 40px auto 0 0;
}

.u-section-7 .u-btn-1 {
  --radius: 50px;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.875rem;
  letter-spacing: 1px;
  background-image: none;
  border-style: solid;
  margin: 43px auto 0 0;
  padding: 19px 64px 20px 63px;
}

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

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

  .u-section-7 .u-group-1 {
    height: auto;
  }
}

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

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

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

  .u-section-7 .u-group-1 {
    width: 407px;
    min-height: 420px;
    margin-top: 54px;
    margin-bottom: 54px;
  }
}

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

  .u-section-7 .u-group-1 {
    width: 340px;
  }
} .u-section-8 {
  min-height: 785px;
}

.u-section-8 .u-layout-wrap-1 {
  width: calc(((100% - 1140px) / 2)  + 1140px);
  margin: 0 0 0 auto;
}

.u-section-8 .u-layout-cell-1 {
  min-height: 780px;
  --animation-custom_in-translate_x: -300px;
  --animation-custom_in-translate_y: 0px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 0deg;
  --animation-custom_in-scale: 1;
}

.u-section-8 .u-container-layout-1 {
  padding: 50px 50px 50px 0;
}

.u-section-8 .u-text-1 {
  margin: 0 auto 0 0;
}

.u-section-8 .u-text-2 {
  margin: 11px 0 0;
}

.u-section-8 .u-text-3 {
  margin: 40px auto 0 0;
}

.u-section-8 .u-list-1 {
  margin-top: 20px;
  margin-bottom: 0;
}

.u-section-8 .u-repeater-1 {
  --gap: 10px;
  grid-auto-columns: 100%;
  grid-template-columns: repeat(1, 100%);
  min-height: 375px;
}

.u-section-8 .u-list-item-1 {
  border-style: dotted;
}

.u-section-8 .u-container-layout-2 {
  padding: 10px 0;
}

.u-section-8 .u-icon-1 {
  width: 64px;
  height: 64px;
  background-image: linear-gradient(#17d2d3, #db545a);
  margin: 0 auto 0 0;
  padding: 13px;
}

.u-section-8 .u-text-4 {
  font-size: 1.5rem;
  margin: -64px 0 0 84px;
}

.u-section-8 .u-text-5 {
  font-style: italic;
  margin: 6px 0 0 84px;
}

.u-section-8 .u-list-item-2 {
  border-style: dotted;
}

.u-section-8 .u-container-layout-3 {
  padding: 10px 0;
}

.u-section-8 .u-icon-2 {
  width: 64px;
  height: 64px;
  background-image: linear-gradient(#17d2d3, #db545a);
  margin: 0 auto 0 0;
  padding: 13px;
}

.u-section-8 .u-text-6 {
  font-size: 1.5rem;
  margin: -64px 0 0 84px;
}

.u-section-8 .u-text-7 {
  font-style: italic;
  margin: 6px 0 0 84px;
}

.u-section-8 .u-list-item-3 {
  border-style: dotted;
}

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

.u-section-8 .u-icon-3 {
  width: 64px;
  height: 64px;
  background-image: linear-gradient(#17d2d3, #db545a);
  margin: 0 auto 0 0;
  padding: 13px;
}

.u-section-8 .u-text-8 {
  font-size: 1.5rem;
  margin: -64px 0 0 84px;
}

.u-section-8 .u-text-9 {
  font-style: italic;
  margin: 6px 0 0 84px;
}

.u-section-8 .u-btn-1 {
  --radius: 50px;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.875rem;
  letter-spacing: 1px;
  background-image: none;
  border-style: solid;
  margin: 20px auto 0 0;
  padding: 19px 64px 20px 63px;
}

.u-section-8 .u-layout-cell-2 {
  min-height: 780px;
}

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

.u-section-8 .u-image-1 {
  height: 689px;
  width: 621px;
  margin: 0 auto 0 0;
}

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

  .u-section-8 .u-layout-wrap-1 {
    width: calc(((100% - 940px) / 2) + 940px);
  }

  .u-section-8 .u-layout-cell-1 {
    min-height: 643px;
  }

  .u-section-8 .u-container-layout-1 {
    padding-right: 30px;
  }

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

  .u-section-8 .u-text-4 {
    width: auto;
    margin-left: 80px;
  }

  .u-section-8 .u-text-5 {
    width: auto;
    margin-top: 16px;
    margin-right: 1px;
    margin-left: 80px;
  }

  .u-section-8 .u-text-6 {
    width: auto;
    margin-left: 80px;
  }

  .u-section-8 .u-text-7 {
    width: auto;
    margin-top: 16px;
    margin-right: 1px;
    margin-left: 80px;
  }

  .u-section-8 .u-text-8 {
    width: auto;
    margin-left: 80px;
  }

  .u-section-8 .u-text-9 {
    width: auto;
    margin-top: 16px;
    margin-right: 1px;
    margin-left: 80px;
  }

  .u-section-8 .u-layout-cell-2 {
    min-height: 861px;
  }

  .u-section-8 .u-image-1 {
    height: 581px;
    margin-right: initial;
    margin-left: initial;
    width: auto;
  }
}

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

  .u-section-8 .u-layout-wrap-1 {
    width: calc(((100% - 720px) / 2) + 720px);
  }

  .u-section-8 .u-layout-cell-1 {
    min-height: 100px;
  }

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

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

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

  .u-section-8 .u-layout-cell-2 {
    min-height: 759px;
  }

  .u-section-8 .u-image-1 {
    height: 721px;
    width: 721px;
    margin-right: auto;
    margin-left: 0;
  }
}

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

  .u-section-8 .u-layout-wrap-1 {
    width: calc(((100% - 540px) / 2) + 540px);
  }

  .u-section-8 .u-container-layout-1 {
    padding-top: 30px;
    padding-right: 40px;
    padding-bottom: 30px;
  }

  .u-section-8 .u-layout-cell-2 {
    min-height: 689px;
  }

  .u-section-8 .u-image-1 {
    height: 625px;
    width: 564px;
  }
}

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

  .u-section-8 .u-layout-wrap-1 {
    width: calc(((100% - 340px) / 2) + 340px);
  }

  .u-section-8 .u-container-layout-1 {
    padding-top: 40px;
    padding-right: 30px;
  }

  .u-section-8 .u-text-4 {
    font-size: 1.25rem;
    margin-left: 89px;
  }

  .u-section-8 .u-text-5 {
    margin-top: 20px;
    margin-left: 89px;
  }

  .u-section-8 .u-text-6 {
    font-size: 1.25rem;
    margin-left: 89px;
  }

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

  .u-section-8 .u-text-8 {
    font-size: 1.25rem;
    margin-left: 89px;
  }

  .u-section-8 .u-text-9 {
    margin-top: 20px;
    margin-left: 89px;
  }

  .u-section-8 .u-layout-cell-2 {
    min-height: 434px;
  }

  .u-section-8 .u-image-1 {
    height: 377px;
    width: 340px;
  }
}/* Banner fijo en desktop */
.u-section-1 .u-image-1 {
  width: 100%;
  height: 540px; /* altura fija */
  background-image: url("images/photo-1740062446976-94a8837e0dde.jpeg"); /* cámbialo por tu nombre real */
  background-position: center;
  background-size: cover;
}
/* Banner fijo en desktop */
.u-section-1 .u-image-1 {
  width: 100%;
  height: 540px !important; /* altura fija */
  min-height: unset !important; /* anula los min-height anteriores */
  background-image: url("images/photo-1740062446976-94a8837e0dde.jpeg");
  background-position: center;
  background-size: cover;
}
.u-section-1 {
  background-color: #010a0f !important;
}
/* Texto fila 2 sección 1 */
.u-section-1 .u-text-1 {
  color: #00dfdf !important; /* título principal */
}

.u-section-1 .u-text-2 {
  color: #d9e1e1 !important; /* subtítulo */
}



@media (max-width: 767px) {
  .u-section-1 .u-image-1 {
    background-size: 120% auto !important; /* zoom moderado */
    background-position: center center !important;
    background-repeat: no-repeat !important;
    min-height: 280px !important;
  }
}




@media (max-width: 767px) {
  .u-section-1 {
    min-height: 400px !important; /* antes 697px */
  }

  .u-section-1 .u-image-1 {
    min-height: 220px !important; /* antes 570px */
    height: 220px !important;     /* fuerza altura más compacta */
    background-position: center center !important;
    background-size: cover !important;
  }
}



@media (max-width: 767px) {
  .u-section-2 .u-btn-1,
  .u-section-2 .u-btn,
  .u-btn.u-btn-round.u-button-style {
    display: inline-block !important;
    margin: 0px auto 15 PX auto !important; /* centrado horizontal */
    text-align: center !important;
  }
}





.u-section-2 .u-container-layout-1 h5 {
  font-size: 0.85rem !important;
  color: #03d3d3 !important;
  text-transform: uppercase;
  margin-bottom: 8px !important;
}

.u-section-2 .u-container-layout-1 h2 {
  font-size: 1.4rem !important;
  margin-bottom: 12px !important;
}

.u-section-2 .buy-steps {
  font-size: 0.95rem !important;
  line-height: 1.3 !important;
  margin-bottom: 12px !important;
}

.u-section-2 .buy-steps ol {
  padding-left: 18px;
  margin: 6px 0;
}

.u-section-2 .promo {
  background: rgba(0, 255, 255, 0.2);
  padding: 8px 10px;
  border-radius: 6px;
  font-weight: 700;
  font-size: 0.95rem;
  margin: 0;
}





/* Centrar títulos en la columna izquierda de section_2 */
.u-section-2 .u-text-1,
.u-section-2 .u-text-2 {
  text-align: center !important;
  display: block;
  width: 100%;
}




/* FONDO SECTION 2 */
.u-section-2 {
  background-color: #dde6e9 !important;
}



/*/*











/* ====== SECCIÓN 3: TABLA DE PRECIOS ====== */
.u-section-3 {
  background-color: #010a0f !important;
  color: #fff;
}

.pricing-header {
  text-align: center;
  margin-bottom: 40px;
}
.pricing-title {
  font-size: 2.2rem;
  font-weight: 800;
  color: #00dfdf;
  margin-bottom: 10px;
}
.pricing-subtitle {
  font-size: 1.1rem;
  font-weight: 500;
  color: #fff;
}

.pricing-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.pricing-card {
  border-radius: 12px;
  padding: 30px 20px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.3);
  background-color: #09252b; /* azul turquesa suave */
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.pricing-card:hover {
  transform: translateY(-6px); /* Color sombra section 3 Tabla Licencias */
  box-shadow: 0 10px 20px rgba(1, 167, 189, 0.486);
}

.plan-title {
  font-size: 1.4rem;
  font-weight: 700;
  color: #00dfdf;
  margin-bottom: 10px;
}
.plan-price {
  font-size: 1.6rem;
  font-weight: 800;
  margin-bottom: 5px;
}
.plan-format {
  font-weight: 700;
  margin-bottom: 20px;
}

.plan-features {
  list-style: none;
  padding: 0;
  margin: 0 0 20px;
  width: 100%;
}
.plan-features li {
  display: flex;
  align-items: center;
  font-size: 0.95rem;
  padding: 10px 0;
  border-bottom: 1px solid rgba(255,255,255,0.2);
}










.plan-btn {
  display: block;
  width: 100%;
  text-align: center;
  background-color: #02e7e7;   /* color normal del botón */
  color: #fff;
  padding: 12px 0;
  border-radius: 15px;
  font-weight: 700;
  text-decoration: none;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.plan-btn:hover {
  background-color: #00dfdf;   /* 👈 aquí cambias el color al pasar el mouse */
  color: #026363;              /* 👈 aquí cambias el color del texto en hover */
}















.plan-features li {
  display: flex;
  align-items: center;
  font-size: 0.95rem;
  padding: 10px 0;
  border-bottom: 1px solid rgba(255,255,255,0.2);
}

.plan-features li img {
  width: 14px;   /* 👈 aquí ajustas el tamaño de la viñeta */
  height: 14px;
  margin-right: 8px;
  flex-shrink: 0; /* evita que la viñeta se deforme */
}

.plan-features li span {
  flex: 1;              /* ocupa todo el espacio restante */
  text-align: center;   /* centra el texto dentro de ese espacio */
}















/* ====== SECCIÓN 4: INDICADORES ====== */
.u-section-4 {
  background-color: #010a0f;
  padding: 60px 20px;
  color: #fff;
}

.indicators-container {
  max-width: 1140px;   /* 👈 ancho máximo */
  margin: 0 auto;      /* 👈 centrado */
  text-align: center;
}

.indicators-header {
  margin-bottom: 40px;
}

.indicators-title {
  font-size: 2rem;
  font-weight: 800;
  color: #01f5f5;
  margin-bottom: 10px;
}

.indicators-subtitle {
  font-size: 1.1rem;
  color: #ccc;
}

.indicators-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 25px;
}

.indicator-card {
  background: rgba(1, 245, 245, 0.05);
  border: 1px solid rgba(1, 245, 245, 0.3);
  border-radius: 16px;
  padding: 30px 20px;
  text-align: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.indicator-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 8px 20px rgba(1, 245, 245, 0.3);
}

.indicator-circle {
  width: 80px;
  height: 80px;
  margin: 0 auto 15px;
  border-radius: 50%;
  background: #01f5f5;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  color: #010a0f;
  font-weight: bold;
  box-shadow: 0 0 20px rgba(1, 245, 245, 0.6);
}

.indicator-number {
  font-size: 1.4rem;
  font-weight: 700;
  color: #01f5f5;
  margin-bottom: 8px;
}

.indicator-text {
  font-size: 0.95rem;
  color: #eee;
}

/* Responsivo */
@media (max-width: 991px) {
  .indicators-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 575px) {
  .indicators-grid {
    grid-template-columns: 1fr;
  }
}













/* ====== SECCIÓN 5: FAQ ====== */
.u-section-5 {
  background-color: #000; /* fondo negro */
  padding: 60px 20px;
  color: #fff;
}

.faq-container {
  max-width: 900px;
  margin: 0 auto;
}

.faq-title {
  text-align: center;
  font-size: 2rem;
  font-weight: 800;
  color: #01f5f5;
  margin-bottom: 40px;
}

.faq-accordion {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.faq-item {
  border: 1px solid rgba(255,255,255,0.2);
  border-radius: 8px;
  overflow: hidden;
  background: rgba(255,255,255,0.05);
}

.faq-question {
  width: 100%;
  text-align: left;
  padding: 15px 20px;
  font-size: 1rem;
  font-weight: 600;
  background: none;
  border: none;
  outline: none;
  color: #fff;
  cursor: pointer;
  position: relative;
  transition: background 0.3s ease;
}
.faq-question:hover {
  background: rgba(1,245,245,0.1);
}

.faq-answer {
  max-height: 0;
  overflow: hidden;
  background: rgba(0,0,0,0.6);
  transition: max-height 0.4s ease, padding 0.3s ease;
  padding: 0 20px;
}
.faq-answer p {
  margin: 15px 0;
  font-size: 0.95rem;
  color: #ccc;
}

/* Estado activo */
.faq-item.active .faq-answer {
  max-height: 500px; /* suficiente para mostrar contenido */
  padding: 15px 20px;
}










/* ====== SECCIÓN 5: FAQ ====== */
.u-section-5 {
  background-color: #000; /* fondo negro */
  padding: 60px 20px;
  color: #fff;
}

.faq-container {
  max-width: 900px;
  margin: 0 auto;
}

.faq-title {
  text-align: center;
  font-size: 2rem;
  font-weight: 800;
  color: #01f5f5;
  margin-bottom: 40px;
}

.faq-accordion {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.faq-item {
  border: 1px solid rgba(255,255,255,0.2);
  border-radius: 8px;
  background: rgba(255,255,255,0.05);
  padding: 0 20px;
  transition: box-shadow 0.3s ease, transform 0.3s ease; /* 👈 transición suave */
}

.faq-item:hover {
  box-shadow: 0 4px 15px rgba(1, 245, 245, 0.3); /* 👈 sombra turquesa */
  transform: translateY(-3px); /* 👈 se eleva un poco */
}

.faq-item summary {
  cursor: pointer;
  padding: 15px 0;
  font-size: 1rem;
  font-weight: 600;
  color: #fff;
  list-style: none;
  position: relative;
}

.faq-item summary::marker {
  display: none; /* quita el triángulo por defecto */
}

.faq-item summary::after {
  content: "+";
  position: absolute;
  right: 0;
  font-weight: bold;
  color: #01f5f5;
  transition: transform 0.3s ease;
}

.faq-item[open] summary::after {
  content: "–";
}

.faq-item p {
  margin: 10px 0 20px;
  font-size: 0.95rem;
  color: #ccc;
  line-height: 1.5;
}













/* Fondo de la sección */
.u-section-6 {
  background-color: #dde6e9;
  padding: 40px 0;   /* espacio arriba y abajo */
}

/* Contenedor principal */
.video-promo {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 30px;
  max-width: 1100px;
  margin: 0 auto;
  flex-wrap: wrap; /* se adapta en móviles */
}

/* Columna izquierda */
.channel-info {
  flex: 1;
  min-width: 250px;
}

.channel-info p {
  font-size: 1.1rem;
  margin: 6px 0;
  color: #333;
  font-weight: 600;
}

/* Botón de suscripción */
.subscribe-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background-color: #c4302b;
  color: #fff;
  padding: 10px 18px;
  border-radius: 6px;
  font-weight: bold;
  text-decoration: none;
  transition: background 0.3s ease;
}

.subscribe-btn:hover {
  background-color: #e60101;
    color: #fff !important;   /* 👈 mantiene el texto blanco en hover */
}

.yt-icon {
  width: 20px;
  height: 20px;
}

.yt-icon {
  width: 20px;
  height: 20px;
  filter: brightness(0) invert(1); /* 👈 lo vuelve blanco */
}

/* Columna derecha: video */
.video-wrapper {
  flex: 2;
  min-width: 300px;
  aspect-ratio: 16/9;
}

.video-wrapper iframe {
  width: 100%;
  height: 100%;
  border-radius: 12px;
  box-shadow: 0 0 50px rgba(211, 2, 2, 0.726);
  transition: box-shadow 0.3s ease; /* 👈 transición suave */
}

.video-wrapper iframe:hover {
  box-shadow: 0 0 70px rgba(211, 2, 2, 0.9); /* 👈 sombra más intensa al hover */
}























.u-section-7 
/* Fondo Section 7 */
.u-section-7 {
  background-color: #010a0f !important;
}

/* Contenedor */
.about-wrap {
  max-width: 1200px;
  margin: 0 auto;
  padding: 60px 20px;
  color: #e8f0f2;
}

/* Título */
.about-title {
  text-align: center;
  font-size: clamp(28px, 5vw, 44px);
  color: #01f5f5;
  font-weight: 800;
  margin-bottom: 12px;
}

/* Subtítulo (forzar tamaño/negrilla) */
.about-subtitle {
  text-align: center;
  color: #fff;
  margin-bottom: 40px;
  line-height: 1.6;
}
.custom-subtitle {
  font-size: 16px !important; /* cambia el tamaño del subtítulo aquí */
  font-weight: 500 !important; /* negrilla forzada */
}

/* Grid principal: imagen pequeña, texto mitad, spotify derecha */
.about-grid {
  display: grid;
  grid-template-columns: 0.6fr 1fr 1fr;
  gap: 20px;
  align-items: start;
}

@media (max-width: 900px) {
  .about-grid {
    grid-template-columns: 1fr;
  }
}

/* Imagen izquierda */
.about-photo img {
  width: 100%;
  border-radius: 12px;
  box-shadow: 0 0 12  px rgba(1, 245, 245, 0.3);
}

/* Bloque de texto (centro) */
.about-text {
  background: rgba(9,37,43,0.6);
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 0 12px rgba(1, 245, 245, 0.2);
}

.about-heading {
  font-size: 20px;
  color: #01f5f5;
  margin-bottom: 10px;
  font-weight: 800;
}

/* Descripción (forzada pequeña y justificada) */
.about-desc {
  line-height: 1.6;
  margin-bottom: 12px;
  color: #e8f0f2;
  text-align: justify;
}
.custom-desc {
  font-size: 15px !important; /* cambia el tamaño de la descripción aquí */
}

/* Spotify derecha */
.spotify-col {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.spotify-mini {
  border-radius: 8px;
  box-shadow: 0 0 10px rgba(1, 245, 245, 0.2);
}

/* Redes sociales grandes */
.social-row {
  margin-top: 40px;
  display: flex;
  flex-wrap: wrap;
  gap: 70px;
  justify-content: center;
}

.social-link img {
  width: 60px;   /* cambia tamaño de iconos aquí (80–100px) */
  height: 60px;
  transition: transform 0.3s ease, filter 0.3s ease;
  /* Turquesa base 01f5f5 aplicado por filtro para PNG monocromo */
  filter: brightness(0) saturate(100%) invert(77%) sepia(94%) saturate(749%) hue-rotate(130deg) brightness(95%) contrast(101%);
}

.social-link:hover img {
  transform: scale(1.1);
  /* Color hover (ajústalo si quieres) */
  filter: brightness(0) saturate(100%) invert(86%) sepia(50%) saturate(500%) hue-rotate(180deg) brightness(105%) contrast(105%);
}










/* Fondo Section 8 */
.u-section-8 {
  background-color: #000 !important;
  color: #fff;
  padding: 60px 0; /* sin padding lateral para que la imagen llegue al borde */
}

/* Títulos */
.services-subtitle {
  font-size: 16px;
  color: #fff; /* 👈 blanco */
  margin-bottom: 10px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.services-title {
  font-size: clamp(28px, 5vw, 44px);
  font-weight: 800;
  margin-bottom: 30px;
  color: #01f5f5; /* 👈 turquesa */
}

/* Lista de servicios */
.services-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.service-item {
  display: flex;
  align-items: flex-start;
  gap: 15px;
  padding: 15px;
  border-left: 3px solid #01f5f5;
  background: rgba(255,255,255,0.05);
  border-radius: 8px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.service-item:hover {
  transform: translateX(5px);
  box-shadow: 0 0 18px rgba(1, 245, 245, 0.3);
}

.service-icon {
  font-size: 28px;
  color: #01f5f5;
  flex-shrink: 0;
}

.service-item h4 {
  margin: 0 0 5px;
  font-size: 18px;
  color: #fff;
}

.service-item p {
  margin: 0;
  font-size: 14px;
  color: #ddd;
  line-height: 1.5;
}

/* Imagen derecha full */
.no-padding {
  padding: 0 !important;
}

.full-right-img {
  width: 80%;        /* 👈 controla aquí el tamaño (ej. 80% o 70%) */
  max-width: 500px;  /* 👈 opcional: límite máximo en px */
  height: auto;
  object-fit: cover
}














/* Footer base */
.footer {
  background-color: #010a0f;
  color: #fff;
  font-family: 'Roboto', sans-serif;
  padding: 50px 20px 20px;
}

.footer-container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
  max-width: 1200px;
  margin: 0 auto;
}

/* Titulares editables */
.footer-col h3 {
  font-size: 20px;       /* edita tamaño del título de logo */
  color: #01f5f5;        /* color turquesa del branding */
  margin-bottom: 10px;
  font-weight: 800;
}

.footer-col h4 {
  font-size: 16px;       /* edita tamaño de subtítulos de columna */
  margin-bottom: 15px;
  color: #01f5f5;
  font-weight: 700;
}

/* Texto y enlaces */
.footer-col p,
.footer-col a,
.footer-col li {
  font-size: 14px;       /* edita tamaño del texto base */
  color: #ddd;
  line-height: 1.6;
}

.footer-col a {
  text-decoration: none;
  transition: color 0.3s ease;
}

.footer-col a:hover {
  color: #01f5f5;        /* hover turquesa */
}

/* Listas con viñetas por defecto */
.footer-col ul {
  list-style: disc;
  padding-left: 20px;
  margin: 0 0 15px;
}

.footer-col ul li {
  margin-bottom: 8px;
}

/* Subtítulos dentro de listas (sin viñeta y editables) */
.footer-col ul li.list-heading {
  list-style: none;       /* sin viñeta */
  font-size: 16px;        /* edita tamaño de subtítulos internos */
  font-weight: 600;       /* negrilla */
  color: #fff;            /* blanco para destacar */
  margin-top: 12px;
}

/* Nota pequeña (Atención 24/7) */
.small-note {
  font-size: 12px;        /* más pequeño */
  color: #aaa;
  font-style: italic;     /* cursiva */
  list-style: none;       /* sin viñeta */
}

/* Logo */
.footer-logo-img {
  width: 120px;           /* edita tamaño del logo */
  margin-bottom: 10px;
}

/* Pagos */
.payments img {
  height: 20px;        /* 👈 controla la altura uniforme */
  width: auto;         /* 👈 el ancho se ajusta solo */
  margin: 5px;
  filter: none;        /* 👈 se muestran a color original */
  transition: transform 0.3s ease;
}

.payments img:hover {
  transform: scale(1.1); /* 👈 efecto zoom sutil al pasar el mouse */
}


/* Redes sociales */
.social-icons {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;              /* separación entre íconos */
  margin-bottom: 15px;
}

.social-icons img {
  width: 30px;            /* edita tamaño de íconos sociales */
  height: 30px;
  filter: brightness(0) invert(1);
  transition: transform 0.3s ease, filter 0.3s ease;
}

.social-icons img:hover {
  transform: scale(1.2);
  filter: brightness(0) invert(1) sepia(1) hue-rotate(130deg) saturate(500%);
}

/* Selector de idioma */
.language-selector {
  margin-top: 15px;
}

.language-selector label {
  font-size: 14px;
  margin-right: 8px;
  color: #fff;
}

.language-selector select {
  background: #010a0f;
  color: #fff;
  border: 1px solid #01f5f5;
  padding: 5px 10px;
  border-radius: 4px;
  font-size: 14px;
  cursor: pointer;
}

.language-selector select:hover {
  border-color: #fff;
}

/* Créditos */
.footer-bottom {
  text-align: center;
  margin-top: 30px;
  border-top: 1px solid rgba(255,255,255,0.1);
  padding-top: 15px;
}

.footer-bottom p {
  font-size: 12px;        /* edita tamaño del texto de créditos */
  color: #aaa;
}

/* Responsive */
@media (max-width: 900px) {
  .footer-container {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 600px) {
  .footer-container {
    grid-template-columns: 1fr;
  }
  .footer {
    padding: 40px 16px 16px;
  }
  .footer-col h3 {
    font-size: 18px;
  }
  .footer-col h4 {
    font-size: 20px;
  }
  .footer-col p,
  .footer-col a,
  .footer-col li {
    font-size: 13px;
  }
  .footer-logo-img {
    width: 100px;
  }
  .payments img {
    width: 36px;
  }
  .social-icons img {
    width: 28px;
    height: 28px;
  }
}




.language-selector {
  margin-top: 10px;
  padding-top: 15px;
  border-top: 1px solid rgba(255,255,255,0.1);
}






 .u-backlink {
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}












/* Responsive tabla de licencias (Section 3) */
@media (max-width: 991px) {
  .pricing-grid {
    grid-template-columns: repeat(2, 1fr) !important; /* tablet: 2 columnas */
    gap: 16px !important;
  }
}

@media (max-width: 575px) {
  .pricing-grid {
    grid-template-columns: 1fr !important; /* celular: 1 columna */
    gap: 14px !important;
  }

  /* Ajustes de tarjeta en mobile para mejor lectura */
  .pricing-card {
    width: 100% !important;
    max-width: 380px;         /* opcional: limita ancho en móviles grandes */
    margin: 0 auto;           /* centra la tarjeta */
    padding: 22px 16px;       /* aprieta un poco el padding */
  }

  .plan-title { font-size: 1.2rem; }
  .plan-price { font-size: 1.4rem; }
  .plan-format { margin-bottom: 14px; }
  .plan-features li { padding: 8px 0; }
  .plan-btn { padding: 10px 0; border-radius: 12px; }
}







/* En pantallas pequeñas (móvil) */
@media (max-width: 575px) {
  .payments img {
    width: 50px;            /* un poco más pequeños en móvil */
    margin: 4px;
  }
}









@media (max-width: 768px) {
  .hide-mobile {
    display: none !important;
  }
}