/** Shopify CDN: Minification failed

Line 330:0 Unexpected "}"

**/

  [class*="Right"] .BannerArrows-Holder{
   justify-content: flex-end;
 }
 [class*="Right"] p.contentText{
    margin-left: auto;
    margin-right: 0px;
}
  [class*="Left"] .BannerArrows-Holder {
justify-content: flex-start;
 }
 [class*="Left"] p.contentText{
    margin-right: auto;
    margin-left: 0px;
}
  [class*="Center"] .BannerArrows-Holder{
justify-content: center;
 }
 [class*="Right"] .Banner__SlideshowNav{
  margin-left: auto;
  margin-right: 0px;
}

[class*="Left"] .main-text{
   margin-right: auto;
   margin-left: 0px;
}
 [class*="Center"] .main-text{
justify-content: center;
}
[class*="Right"] .main-text{
 margin-left: auto;
 margin-right: 0px;
}

.Banner__ContentContainer{
z-index: 1;
}
.BannerSection{
  background: var(--color_background_2);
}
.BannerWrapper{
  display: block;

}

.ContentPosition--middleRight {
    position: absolute;
    right: 0;
    top: 40%;

    text-align: right;
  padding: 0 16px;
}


.ContentPosition--middleLeft {
    position: absolute;
    left: 0;
    top: 40%;

    text-align: left;
    padding: 0 16px;
}



.ContentPosition--middleCenter {
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;

    text-align: center;
    margin: 0 auto;
}



.ContentPosition--bottomRight {
    position: absolute;
    right: 16px;
    bottom: 16px;
    left: 16px;
    text-align: right;
}

.ContentPosition--bottomLeft {
    position: absolute;
    bottom: 16px;
    left: 16px;
    right: 16px;
    text-align: left;
}

.ContentPosition--bottomCenter {
    position: absolute;
    bottom: 16px;
    left: 0;
    right: 0;
    margin:0 auto;
    text-align: center;
}

.ContentPosition--topRight {
    position: absolute;
    right: 16px;
    top: calc(var(--announcement-height) + var(--header-height) + 16px);;
    text-align: right;
}

.ContentPosition--topLeft {
    position: absolute;
    top: calc(var(--announcement-height) + var(--header-height) + 16px);;
    left: 16px;
    text-align: left;
}

.ContentPosition--topCenter {
    position: absolute;
    top: calc(var(--announcement-height) + var(--header-height) + 16px);;
    left: 0;
    right: 0;
    margin:0 auto;
    text-align: center;
}



.Banner__SlideshowNavDot{
  width: 46px;
  height: 2px;
  border-radius: 4px;
  background-color: var(--color_background_1);
  z-index: 2;
  opacity: 0.4;
  margin: 0px 4px;
}
.Banner__SlideshowNavDot--Active{
  opacity: 1;
}

.Banner__SlideshowNav{
    margin: 0px -4px;
    width: fit-content;
    cursor: pointer;
}


@media screen and (min-width: 768px) and (max-width: 1023px){

  .Banner__ContentContainer {
    width: 58%;
  }



}

@media screen and (min-width: 1024px){
  [class*="Right"] .Banner__SlideshowNav{
   margin-left: unset;
   margin-right: unset;
 }
  .BannerArrows{
    background: transparent;
    border: none;
    z-index: 2;
    cursor: pointer;
  }
  .BannerArrows svg{
      width: 16px;
      height: 16px;
  }

.BannerArrows-Holder{
  display: flex;
  align-items: center;
}

.BannerNext{
  margin-right: 4px;
}


.ContentPosition--middleRight {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  text-align: right;
  right: 64px;
  padding: 0;
}
.ContentPosition--middleRight .mouse{
  float: right;
}

.ContentPosition--middleLeft {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  text-align: left;
  left: 64px;
  padding: 0;
}



.ContentPosition--middleCenter {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  text-align: center;
  margin: 0 auto;
}
.ContentPosition--middleCenter .main-text{
  width: 100%;
}


.ContentPosition--bottomRight {
  position: absolute;
  right: 64px;
  bottom: 32px;
  text-align: right;
}
.ContentPosition--bottomRight .mouse{
  float: right;
}

.ContentPosition--bottomLeft {
  position: absolute;
  bottom: 64px;
  left: 32px;
  text-align: left;
}

.ContentPosition--bottomCenter {
  position: absolute;
  bottom: 32px;
  left: 0;
  right: 0;
  margin:0 auto;
  text-align: center;
}

.ContentPosition--topRight {
  position: absolute;
  right: 64px;
  top: calc(var(--announcement-height) + var(--header-height) + 64px);;
  text-align: right;
}
.ContentPosition--topRight .mouse{
  float: right;
}

.ContentPosition--topLeft {
  position: absolute;
  top: calc(var(--announcement-height) + var(--header-height) + 64px);;
  left: 64px;
  text-align: left;
}

.ContentPosition--topCenter {
  position: absolute;
  top: calc(var(--announcement-height) + var(--header-height) + 64px);;
  left: 0;
  right: 0;
  margin:0 auto;
  text-align: center;
}

  .Banner__ContentContainer {
    width: 48%;
  }


}


@media screen and (min-width: 1440px){

  .Banner__ContentContainer {
    width: 43%;
  }
  .container_width{
    width: 48%;
  }
.main-text{
  width: 90%;
}
}

@media screen and (min-width: 1440px) {
  .ContentPosition--middleRight{
    right: 128px;
  }
}

@media screen and (min-width: 1920px){

  .Banner__ContentContainer {
    width: 35%;
  }


}


/* Asegura que las imágenes llenan el ancho completo */
  .Banner__ImageContainer,
  .Banner__Image {
    width: 100vw !important;
    max-width: 100vw !important;
    height: auto;
    object-fit: cover !important;
  }

  /* Evita margen blanco por scroll horizontal */
  html, body {
    overflow-x: hidden !important;
  }
}