.first-row {
  margin-top: 25px !important;
  margin-bottom: 25px !important;
}

.first-row img {
  width: 100% !important;
  height: auto !important;
}

.slick-carrusel-templates .slick-slide {
  margin: 0 15px;
  /* 15px a cada lado = 30px total */
}

.slick-carrusel-templates {
  margin: 0 -15px;
  /* Compensa el margen de los slides para alinear con el contenedor */
}

.slick-carrusel-templates {
  margin: 0 -15px;
  position: relative;
}

.slick-carrusel-templates .slick-slide {
  margin: 0 15px;
}

.slick-carrusel-templates .slick-prev,
.slick-carrusel-templates .slick-next {
  width: 10%;
  height: 100%;
  z-index: 1000;
  color: #fff;
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.slick-carrusel-templates .slick-prev {
  left: 15px;
}

.slick-carrusel-templates .slick-prev::after {
  position: absolute;
  content: "";
  border-color: transparent #bebebe #bebebe transparent;
  border-style: solid;
  border-width: 0 3px 3px 0;
  display: block;
  height: 13px;
  transform: rotate(135deg);
  transition: border 0.3s ease 0s;
  width: 13px;
}

.slick-carrusel-templates .slick-next::after {
  position: absolute;

  content: "";
  border-color: transparent #bebebe #bebebe transparent;
  border-style: solid;
  border-width: 0 3px 3px 0;
  display: block;
  height: 13px;
  transform: rotate(315deg);
  transition: border 0.3s ease 0s;
  width: 13px;
}


/* .slick-carrusel-templates .slick-prev:hover,
.slick-carrusel-templates .slick-next:hover {
  background: #c0c0c00d;
} */

button.slick-prev.slick-arrow:hover::after {
  position: absolute;

  content: "";
  border-color: transparent #e0e0e0 #e0e0e0 transparent;
  border-style: solid;
  border-width: 0 3px 3px 0;
  display: block;
  height: 13px;
  transform: rotate(135deg);
  transition: border 0.3s ease 0s;
  width: 13px;
}

button.slick-next.slick-arrow:hover::after {
  position: absolute;

  content: "";
  border-color: transparent #e0e0e0 #e0e0e0 transparent;
  border-style: solid;
  border-width: 0 3px 3px 0;
  display: block;
  height: 13px;
  transform: rotate(315deg);
  transition: border 0.3s ease 0s;
  width: 13px;
}

.slick-carrusel-templates .slick-next {
  right: 15px;
}

.slick-carrusel-templates .slick-prev:before,
.slick-carrusel-templates .slick-next:before {
  display: none;
}

@media (max-width: 920px) {
  .section-banner-home {
    height: auto !important;
  }
}


.swiper-button-prev, .swiper-button-next {
  color: #bebebe;
  transition: color 0.3s ease;
  /* Transición suave */
}

.swiper-button-prev:after, .swiper-button-next:after {

  font-size: 26px;
}

.swiper-button-prev:hover:after, .swiper-button-next:hover:after {
  color: #e0e0e0;
}

.top-right {
  position: fixed;
  top: 50px;
  right: 5px;
  z-index: 9999;
  max-width: 90px;
}

.top-left {
  position: fixed;
  top: 50px;
  left: 5px;
  z-index: 9999;
  max-width: 90px;
}

.center-left {
  position: fixed;
  top: 50%;
  left: 5px;
  z-index: 9999;
  max-width: 90px;
}

.bottom-left {
  position: fixed;
  bottom: 5px;
  left: 5px;
  z-index: 9999;
  max-width: 90px;
}

.center-right {
  position: fixed;
  top: 50%;
  right: 5px;
  z-index: 9999;
  max-width: 90px;
}

.bottom-right {
  position: fixed;
  bottom: 5px;
  right: 5px;
  z-index: 9999;
  max-width: 90px;
}

.widget-btnpayment {
  transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
}

.widget-btnpayment:hover {
  animation: bounceScale 0.8s ease-in-out;
}

@keyframes bounceScale {
  0% {
    transform: scale(1);
  }

  30% {
    transform: scale(1.12);
  }

  50% {
    transform: scale(1.05);
  }

  70% {
    transform: scale(1.1);
  }

  100% {
    transform: scale(1.08);
  }
}





.slider-desktop {
  background-size: cover;
  background-position: center;
}

.content-slider {
  bottom: 65%;
  width: 100%;
  position: relative;
  z-index: 99;
}

.overlay-slider {
  width: 100%;
  height: 100%;
  z-index: 99;
  bottom: 0;
  position: absolute;
}

.container-content-slider {
  height: 100%;
  position: relaative;
  z-index: 999;
  align-items: end;
}

.slider-desktop {
  width: 100%;
  height: 100%;
}

.align-left {
  justify-content: flex-start;
}

.align-center {
  justify-content: center;
}

.align-right {
  justify-content: flex-end;
}

.text-slider-left {
  text-align: left;
  justify-content: start;
  display: flex
}

.text-slider-right {
  text-align: right;
  justify-content: end;
  display: flex;
}

.text-slider-center {
  text-align: center;
  justify-content: center;
  display: flex;
}

.kenburns {
  transform: scale(1);
  animation: kenburnsZoom 9s ease-in-out forwards;
}


.slider-desktop.youtube-background {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 0;
}

.slider-desktop.youtube-background iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 120vh;
  transform: translate(-50%, -50%);
  pointer-events: none;
  z-index: 1;
}

@keyframes kenburnsZoom {
  to {
    transform: scale(1.1);
  }
}

.mySwiper .swiper-button-prev:after {
  content: "\e949";
}

.mySwiper .swiper-button-next:after {
  content: "\e94a";
}

.mySwiper .swiper-button-prev:after, .mySwiper .swiper-button-next:after {
  font-size: 26px;


  font-family: 'icomoon' !important;
}

.mySwiper .swiper-button-prev, .mySwiper .swiper-button-next {
  width: 60px;
  height: 60px;
}