.u-block-2df2-2 {
  position: absolute;
  width: auto;
  height: auto;
  left: auto;
  right: calc(((100% - 540px) / 2)  + 238px);
  bottom: 15px;
  top: auto;
}

.u-block-2df2-3 {
  background-image: none;
  width: 60px;
  height: 60px;
  left: calc(((100% - 1920px) / 2)  + 135px);
  position: absolute;
  --radius: 50px;
  right: auto;
  bottom: 503px;
  padding: 12px;
}

.u-block-2df2-4 {
  background-image: none;
  width: 60px;
  height: 60px;
  left: auto;
  position: absolute;
  --radius: 50px;
  right: calc(((100% - 1920px) / 2)  + 135px);
  padding: 12px;
}

@media (max-width: 1399px) {
  .u-block-2df2-2 {
    right: calc(((100% - 1360px) / 2)  + 613px);
    bottom: 23px;
  }

  .u-block-2df2-3 {
    left: calc(((100% - 1360px) / 2)  + 72px);
  }

  .u-block-2df2-4 {
    right: calc(((100% - 1360px) / 2)  + 72px);
    top: 534px;
  }
}

@media (max-width: 1199px) {
  .u-block-2df2-2 {
    bottom: 17px;
    right: calc(((100% - 1199px) / 2)  + 553px);
  }

  .u-block-2df2-3 {
    width: 47px;
    height: 47px;
    left: calc(((100% - 940px) / 2)  + -24px);
    top: 534px;
    padding: 14px;
  }

  .u-block-2df2-4 {
    width: 47px;
    height: 47px;
    right: calc(((100% - 940px) / 2)  + -24px);
    padding: 14px;
  }
}

@media (max-width: 991px) {
  .u-block-2df2-2 {
    right: calc(((100% - 820px) / 2)  + 347px);
    bottom: 21px;
  }

  .u-block-2df2-3 {
    left: calc(((100% - 720px) / 2)  + -54px);
  }

  .u-block-2df2-4 {
    right: calc(((100% - 720px) / 2)  + -54px);
  }
}

@media (max-width: 767px) {
  .u-block-2df2-2 {
    right: calc(((100% - 540px) / 2)  + 238px);
    bottom: 23px;
  }

  .u-block-2df2-3 {
    width: 37px;
    height: 37px;
    left: calc(((100% - 540px) / 2));
    padding: 11px;
  }

  .u-block-2df2-4 {
    width: 37px;
    height: 37px;
    left: 553px;
    top: 153px;
    right: calc(((100% - 540px) / 2)  + 38px);
    padding: 11px;
  }
}

@media (max-width: 575px) {
  .u-block-2df2-2 {
    right: calc(((100% - 340px) / 2)  + 128px);
    bottom: 8px;
  }

  .u-block-2df2-3 {
    width: 27px;
    height: 27px;
    left: calc(((100% - 360px) / 2)  + -4px);
    padding: 8px;
  }

  .u-block-2df2-4 {
    width: 27px;
    height: 27px;
    left: auto;
    right: calc(((100% - 360px) / 2)  + -4px);
    top: 534px;
    padding: 8px;
  }
}

 .u-section-1-1 {
  background-image: url("images/panquenaranja_19may2025.png");
  background-position: 50% 50%;
  background-size: cover;
  min-height: 1126px;
}

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

@media (max-width: 1199px) {
   .u-section-1-1 {
    background-position: 100% 89.32%;
    min-height: 702px;
    background-size: 105%;
  }
}

@media (max-width: 991px) {
   .u-section-1-1 {
    background-position: 100% 44.19%;
    background-size: cover;
    min-height: 480px;
  }
}

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

@media (max-width: 575px) {
   .u-section-1-1 {
    background-position: 100% 100%;
    min-height: 228px;
  }
}

 .u-section-1-2 {
  background-image: url("images/panquemilky_19may2025.png");
  background-position: 50% 50%;
  background-size: cover;
  min-height: 1126px;
}

@media (max-width: 1399px) {
   .u-section-1-2 {
    min-height: 771px;
  }
}

@media (max-width: 1199px) {
   .u-section-1-2 {
    background-position: 100% 74.84%;
    background-size: 105%;
    min-height: 703px;
  }
}

@media (max-width: 991px) {
   .u-section-1-2 {
    background-size: cover;
    min-height: 521px;
  }
}

@media (max-width: 767px) {
   .u-section-1-2 {
    background-position: 100% 41.22%;
    background-size: auto 105%;
    min-height: 366px;
  }
}

@media (max-width: 575px) {
   .u-section-1-2 {
    background-position: 76.78% 35.66%;
    background-size: cover;
    min-height: 228px;
  }
}

 .u-section-1-3 {
  background-image: url("images/bannerpanquelimonconchia.png");
  background-position: 50% 50%;
  background-size: cover;
  min-height: 1126px;
}

@media (max-width: 1399px) {
   .u-section-1-3 {
    min-height: 771px;
  }
}

@media (max-width: 1199px) {
   .u-section-1-3 {
    background-position: 100% 85.38%;
    background-size: 105%;
    min-height: 702px;
  }
}

@media (max-width: 991px) {
   .u-section-1-3 {
    background-size: cover;
    min-height: 521px;
  }
}

@media (max-width: 767px) {
   .u-section-1-3 {
    background-position: 100% 100%;
    background-size: auto 105%;
    min-height: 366px;
  }
}

@media (max-width: 575px) {
   .u-section-1-3 {
    background-size: cover;
    min-height: 228px;
  }
}

 .u-section-1-4 {
  background-image: url("images/panqueblue_19may2025.png");
  background-position: 50% 50%;
  background-size: cover;
  min-height: 1126px;
}

@media (max-width: 1399px) {
   .u-section-1-4 {
    min-height: 771px;
  }
}

@media (max-width: 1199px) {
   .u-section-1-4 {
    background-position: 100% 100%;
    background-size: 105%;
    min-height: 702px;
  }
}

@media (max-width: 991px) {
   .u-section-1-4 {
    background-size: cover;
    min-height: 521px;
  }
}

@media (max-width: 767px) {
   .u-section-1-4 {
    background-position: 82.05% 58.41%;
    background-size: auto 105%;
    min-height: 366px;
  }
}

@media (max-width: 575px) {
   .u-section-1-4 {
    background-size: cover;
    min-height: 228px;
  }
}

 .u-section-1-5 {
  background-image: url("images/bannerroscabriochedulcedeleche.png");
  background-position: 50% 50%;
  background-size: cover;
  min-height: 1126px;
}

@media (max-width: 1399px) {
   .u-section-1-5 {
    background-position: 79.5% 50%;
    background-size: 105%;
    min-height: 771px;
  }
}

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

@media (max-width: 991px) {
   .u-section-1-5 {
    background-size: cover;
    min-height: 521px;
  }
}

@media (max-width: 767px) {
   .u-section-1-5 {
    background-position: 83.22% 58.43%;
    background-size: auto 105%;
    min-height: 365px;
  }
}

@media (max-width: 575px) {
   .u-section-1-5 {
    background-size: cover;
    min-height: 228px;
  }
}

 .u-section-1-6 {
  background-image: url("images/bannerroscabriocheturin.png");
  background-position: 92.65% 98.18%;
  background-size: cover;
  min-height: 1126px;
}

@media (max-width: 1399px) {
   .u-section-1-6 {
    min-height: 771px;
  }
}

@media (max-width: 1199px) {
   .u-section-1-6 {
    background-position: 100% 41.57%;
    background-size: 105%;
    min-height: 702px;
  }
}

@media (max-width: 991px) {
   .u-section-1-6 {
    background-size: cover;
    min-height: 521px;
  }
}

@media (max-width: 767px) {
   .u-section-1-6 {
    background-position: 100% 58.43%;
    background-size: auto 105%;
    min-height: 365px;
  }
}

@media (max-width: 575px) {
   .u-section-1-6 {
    background-size: cover;
    min-height: 228px;
  }
}

 .u-section-1-7 {
  background-image: url("images/cupcakes_19may2025.png");
  background-position: 50% 50%;
  background-size: cover;
  min-height: 1126px;
}

@media (max-width: 1399px) {
   .u-section-1-7 {
    background-position: 100% 66.85%;
    background-size: 105%;
    min-height: 771px;
  }
}

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

@media (max-width: 991px) {
   .u-section-1-7 {
    background-size: cover;
    min-height: 521px;
  }
}

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

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

 .u-section-1-8 {
  background-image: url("images/CHUNKYMILKY_19may2025.png");
  background-position: 50% 50%;
  background-size: cover;
  min-height: 1126px;
}

@media (max-width: 1399px) {
   .u-section-1-8 {
    background-position: 100% 66.85%;
    background-size: 105%;
    min-height: 771px;
  }
}

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

@media (max-width: 991px) {
   .u-section-1-8 {
    background-size: cover;
    min-height: 521px;
  }
}

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

@media (max-width: 575px) {
   .u-section-1-8 {
    min-height: 228px;
  }
}@font-face {
  font-family: 'Rota-ExtraBlack';
  font-style: normal;
  font-weight: 400;
  src: url(fonts/Rota-ExtraBlack.otf);
}@font-face {
  font-family: 'Rota-SemiBold';
  font-style: normal;
  font-weight: 400;
  src: url(fonts/Rota-SemiBold.otf);
}
/* page-custom-fonts */
