/** Shopify CDN: Minification failed

Line 79:10 Unexpected "{"
Line 79:19 Expected ":"
Line 88:12 Unexpected "{"
Line 88:21 Expected ":"
Line 95:12 Unexpected "{"
Line 95:21 Expected ":"
Line 98:14 Expected identifier but found whitespace
Line 98:16 Unexpected "{"
Line 98:25 Expected ":"
Line 98:58 Expected ":"
... and 16 more hidden warnings

**/


/* CSS from section stylesheet tags */
/* Estilos generales de la sección */
.price-checker-section-custom {
  padding: 20px;
  text-align: center;
}

/* Estilo para el título */
.price-checker-section-custom .section-title {
  font-family: 'Bebas Neue', sans-serif; /* Aplica la tipografía Bebas Neue */
  font-weight: 400; /* Bebas Neue suele ser delgada, ajusta si es necesario */
  font-size: 3rem; /* Tamaño grande para el título, ajústalo a tu gusto */
  letter-spacing: 1.5px;
  margin: 0 auto 15px; /* Centrado y con margen inferior */
  color: rgb(var(--color-foreground)); /* Usa el color de texto del esquema */
}

/* Contenedor de los precios */
.price-checker-section-custom .price-container {
  display: flex;
  justify-content: center; /* Centra los precios horizontalmente */
  align-items: center;
  gap: 20px; /* Espacio entre los dos precios */
  border: 1px solid rgba(var(--color-foreground), 0.2); /* Borde sutil usando el color del esquema */
  border-radius: 5px;
  padding: 15px 25px;
  max-width: 300px; /* Ancho máximo para el contenedor */
  margin: 0 auto; /* Centra el contenedor */
  background-color: rgba(var(--color-background-contrast), 0.5); /* Fondo sutil del esquema */
}

/* Estilos para los números de precio */
.price-checker-section-custom .regular-price,
.price-checker-section-custom .compare-price {
  font-size: 1.8rem; /* Tamaño de los números */
  font-weight: bold;
  line-height: 1;
}

/* Precio normal */
.price-checker-section-custom .regular-price {
  color: rgb(var(--color-foreground)); /* Color principal del texto del esquema */
}

/* Precio de comparación (tachado) */
.price-checker-section-custom .compare-price {
  color: rgba(var(--color-foreground), 0.6); /* Color de texto con opacidad */
  text-decoration: line-through;
}

/* Texto de ayuda si no hay producto */
.price-checker-section-custom .placeholder-text {
  font-style: italic;
  color: rgba(var(--color-foreground), 0.75);
}

/* Agrega una clase para asegurar que la tipografía se aplique */
.ff-bebas-neue {
  font-family: 'Bebas Neue', sans-serif !important;
}
.custom-image-section-wrapper{padding-top:0px;padding-bottom:0px;width:100%}.custom-image-section__title{font-family:'Bebas Neue', sans-serif;text-align:center;font-size:4rem;font-weight:400;line-height:1.2;margin-bottom:25px;word-break:break-word}.custom-image-container{display:flex;justify-content:center;max-width:var(--image-width-desktop);margin:0 auto}.custom-image{max-width:100%;height:auto;display:block}.placeholder-svg{max-width:100%}@media screen and (max-width: 749px){.custom-image-section__title{font-size:2.8rem}.custom-image-section-wrapper{padding-left:15px;padding-right:15px}.custom-image-container{max-width:100%}}
#section-{{ section.id }} .custom-video-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-top: 0px;
    padding-bottom: 0px;
  }
  
  #section-{{ section.id }} .custom-video-main-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }

  #section-{{ section.id }} .custom-video-title {
    /* Tipografía fijada directamente a Bebas Neue, como solicitaste */
    font-family: 'Bebas Neue', sans-serif;
    font-size: {{ section.settings.title_size_desktop }}px;
    text-align: center;
    margin-bottom: 25px; /* Espacio entre el título y el video */
    line-height: 1.2;
    font-weight: 400; /* Un peso normal para Bebas Neue */
  }

  #section-{{ section.id }} .custom-video-container {
    max-width: 100%;
  }

  #section-{{ section.id }} .custom-video-container video,
  #section-{{ section.id }} .custom-video-container iframe {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  }

  /* --- COMPORTAMIENTO PARA MÓVIL --- */
  @media screen and (max-width: 768px) {
    #section-{{ section.id }} .custom-video-title {
      font-size: {{ section.settings.title_size_mobile }}px;
    }
    
    #section-{{ section.id }} .custom-video-container {
      width: 100% !important;
    }

    #section-{{ section.id }} .custom-video-wrapper {
      padding-left: 15px !important;
      padding-right: 15px !important;
    }
  }