/** Shopify CDN: Minification failed

Line 20:16 Expected identifier but found whitespace
Line 20:18 Unexpected "{"
Line 20:27 Expected ":"
Line 20:53 Expected ":"
Line 21:19 Expected identifier but found whitespace
Line 21:21 Unexpected "{"
Line 21:30 Expected ":"
Line 21:59 Expected ":"
Line 30:15 Expected identifier but found whitespace
Line 30:17 Unexpected "{"
... and 39 more hidden warnings

**/


/* CSS from section stylesheet tags */
.section-collection-copy-mobile {
    padding-top: {{ section.settings.padding_top }}px;
    padding-bottom: {{ section.settings.padding_bottom }}px;
  }

  .collection-copy-mobile-wrapper {
    margin: 0 auto;
    max-width: 100%;
  }

  .collection-copy-mobile-content {
    text-align: {{ section.settings.text_alignment }};
    font-size: 12px;
    margin-top: 10px;
    line-height: 1.5;
  }

  /* Ocultar en desktop - Solo visible en móvil */
  @media screen and (min-width: 750px) {
    .section-collection-copy-mobile {
      display: none;
    }
  }

  /* Estilos responsivos */
  @media screen and (max-width: 749px) {

  /* Estilos para el contenido HTML que pueda venir del metacampo */
  .collection-copy-mobile-content p {
    margin-bottom: 1rem;
  }

  .collection-copy-mobile-content p:last-child {
    margin-bottom: 0;
  }

  .collection-copy-mobile-content h2,
  .collection-copy-mobile-content h3,
  .collection-copy-mobile-content h4 {
    margin-top: 1.5rem;
    margin-bottom: 1rem;
  }

  .collection-copy-mobile-content ul,
  .collection-copy-mobile-content ol {
    margin: 1rem 0;
    padding-left: 1.5rem;
  }

  .collection-copy-mobile-content a {
    color: inherit;
    text-decoration: underline;
  }

  .collection-copy-mobile-content a:hover {
    opacity: 0.7;
  }
.banner {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 400px;
}


.banner__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.banner__overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}


.banner__content {
  position: absolute;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  z-index: 2;
  padding: 0 20px;
}

.banner__title-desktop,
.banner__subtitle-desktop,
.banner__title-mobile,
.banner__subtitle-mobile {
  margin: 0;
}


.banner__button-container {
  margin-top: {{ section.settings.button_margin_top }}px;
  margin-bottom: {{ section.settings.button_margin_bottom }}px;
  text-align: {{ section.settings.button_alignment }};
}

.banner__button {
  display: inline-block;
  padding-top: {{ section.settings.button_padding_top }}px;
  padding-bottom: {{ section.settings.button_padding_bottom }}px;
  padding-left: {{ section.settings.button_padding_left }}px;
  padding-right: {{ section.settings.button_padding_right }}px;
  border-radius: {{ section.settings.button_border_radius }}px;
  background-color: {{ section.settings.button_bg_color }};
  color: {{ section.settings.button_text_color }};
  font-size: 16px;
  text-align: center;
  width: auto;
  margin-left: auto;
  margin-right: auto;
  text-decoration: none;
}

.banner__button:hover {
  opacity: 0.8;
}


  

.banner__button:hover {
  opacity: 0.8;
}




/* Ocultar por defecto los textos de móvil */
.banner__title-mobile,
.banner__subtitle-mobile {
  display: none;
}

/* Mostrar texto móvil en pantallas pequeñas */
@media screen and (max-width: 767px) {
  .banner__title-desktop,
  .banner__subtitle-desktop {
    display: none;
  }

  .banner__title-mobile,
  .banner__subtitle-mobile {
    display: block;
  }
}
.custom-preorder-btn{
  opacity: 1 !important;
  margin-bottom: 20px !important;
   background-color: rgb(0, 0, 0);
        color: white;
}

  .product-card__title.Heading{
    display: block !important;
  }


  @media screen and (max-width: 768px) {
  .custom-span {
    font-size: 12px !important;
  }
    .custom-preorder-btn{
  margin-bottom: 10px !important;
}

  }
.gPreorderBtn{
  display: none !important;
}

.custom-preorder-btn{
  opacity: 1 !important;
  margin-bottom: 20px;
}

  .product-card__title.Heading{
    display: block !important;
  }

  @media screen and (max-width: 768px) {
  .custom-span {
    font-size: 12px !important;
  }
    .custom-preorder-btn{
  margin-bottom: 10px !important;
}

  }