/** Shopify CDN: Minification failed

Line 314:6 Unexpected "{"
Line 314:7 Expected identifier but found "%"
Line 314:65 Unexpected "{"
Line 314:66 Expected identifier but found "%"
Line 317:6 Unexpected "{"
Line 317:7 Expected identifier but found "%"

**/


/* CSS from section stylesheet tags */
.bt-wrapper { color: var(--hero-text-color); }

  /* ===== HERO (espaciado compacto) ===== */
  .bt-hero{ position:relative; min-height: var(--hero-h-mobile); display:grid; }
  @media (min-width: 990px){ .bt-hero{ min-height: var(--hero-h-desktop); } }
  .bt-hero__media{ position:absolute; inset:0; overflow:hidden; }
  .bt-hero__img{ width:100%; height:100%; object-fit:cover; display:block; }
  .bt-hero__placeholder{ width:100%; height:100%; display:block; background:#e5e5e5; }
  .bt-hero__gradient{ position:absolute; inset:0; background: var(--hero-gradient); pointer-events:none; }

  .bt-hero__content{
    position:relative; z-index:1;
    display:grid; place-items:center; text-align:center;
    padding: clamp(12px, 1.6vw, 20px);
    row-gap: clamp(2px, 0.6vw, 8px);
  }
  .bt-hero__content--left{ place-items:start; text-align:left; }
  .bt-hero__content--right{ place-items:end; text-align:right; }
  .bt-kicker{ margin:0; opacity:.9; line-height:1.1; }
  .bt-heading{ margin:0; line-height:1.05; font-size: clamp(28px, 4.6vw, 44px); }
  .bt-subheading{ margin:0; opacity:.95; line-height:1.2; font-size: clamp(14px, 1.6vw, 18px); }

  /* ===== PANEL ===== */
  .bt-panel{ position:relative; margin-top: calc(var(--panel-overlap) * -1); z-index:2; }
  .bt-panel__inner{
    max-width: var(--panel-max);
    margin-inline:auto;
    padding: var(--panel-pad);
    border-radius: var(--panel-radius);
    background: color-mix(in srgb, var(--panel-bg) calc(var(--panel-opacity)*100%), transparent);
  }

  /* GRID 2×2 (desktop), 1 col en mobile) */
  .bt-grid{ display:grid; gap: var(--gap-m); }
  @media (min-width: 750px){
    .bt-grid{
      grid-template-columns: 1.35fr 1fr;
      grid-auto-rows: auto;
      gap: var(--gap-d);
      align-items: stretch;
    }
  }

  /* Tarjetas base */
  .bt-card{
    background: color-mix(in srgb, var(--card-bg) calc(var(--card-opacity)*100%), transparent);
    border-radius: var(--card-radius);
    padding: clamp(14px, 2vw, 18px);
    color: #fff;
    height: auto;
  }
  .bt-card__title{ margin:0 0 10px; font-size: clamp(16px, 1.8vw, 18px); font-weight:600; }

  /* Un bloque puede ocupar 2 filas cuando hay 2 columnas */
  @media (min-width: 750px){
    .bt-card--span{ grid-row: span 2; grid-column: 1; align-self: stretch; }
  }

  /* === STATS === */
  .bt-stats{ display:grid; gap:12px; grid-template-columns: 1fr; }
  @media (min-width: 580px){ .bt-stats{ grid-template-columns: 1fr 1fr; } }

  /* Cuando el bloque de stats ocupa 2 filas, las 4 tarjetas se estiran para ocupar todo el alto */
  @media (min-width: 750px){
    .bt-card--stats.bt-card--span .bt-stats{
      height: 100%;
      grid-template-rows: 1fr 1fr;   /* 2 filas iguales */
    }
    .bt-card--stats.bt-card--span .bt-stat{
      height: 100%;
      display: flex;
      flex-direction: column;
    }
  }

  .bt-stat{ background: color-mix(in srgb, #ffffff 8%, transparent); border-radius: 12px; padding: 12px; }
  .bt-stat__row{ display:flex; align-items:baseline; gap:10px; }
  .bt-stat__num{ font-size: clamp(28px, 3.6vw, 38px); font-weight:700; letter-spacing:-.02em; }
  .bt-stat__label{ font-weight:600; opacity:.95; }
  .bt-stat__desc{ margin:.35rem 0 0; opacity:.9; font-size:.95rem; }

  /* === ICONS (no span = fit-content) === */
  .bt-icons{ list-style:none; padding:0; margin:0; display:grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap:14px; }
  @media (min-width: 580px){ .bt-icons{ grid-template-columns: repeat(4,minmax(0,1fr)); } }
  .bt-icons__item{ display:grid; justify-items:center; text-align:center; gap:8px; }
  .bt-icons__img{ width:44px; height:44px; object-fit:contain; }
  .bt-icons__dot{ width:10px; height:10px; border-radius:50%; background: var(--accent); display:inline-block; }
  .bt-icons__label{ font-size:.95rem; opacity:.95; }

  /* Importante: que Iconos NO se estire si no hace span */
  @media (min-width: 750px){
    .bt-card--icons:not(.bt-card--span){ align-self: start; height:auto; }
  }

  /* === PROMO (fondo cover, más alta) === */
  .bt-card--promo{
    position: relative;
    overflow: hidden;
    background-image: var(--promo-bg);
    background-size: cover;
    background-position: var(--promo-pos, center right);
    isolation: isolate;
    align-self: stretch;
  }
  .bt-card--promo::before{
    content:"";
    position:absolute; inset:0; z-index:0;
    background: color-mix(in srgb, var(--promo-overlay, #000000) calc(var(--promo-overlay-a, .25)*100%), transparent);
  }
  .bt-promo{ position:relative; z-index:1; display:grid; align-content:end; min-height: 260px; }
  .bt-promo__text :where(p){ margin:0; }
  .bt-btn{
    margin-top:12px; display:inline-flex; align-items:center; justify-content:center;
    padding:.65rem 1rem; border-radius:10px; background:#fff; color:#000; text-decoration:none; font-weight:600;
  }
.ciencia-6icons { --ring-color: rgb(var(--color-foreground-rgb) / calc(var(--ring-opacity) / 100)); padding-block: clamp(40px, 6vw, 96px); }
  .ciencia__container { margin-inline: auto; max-width: var(--page-width, 1200px); padding-inline: clamp(16px, 3vw, 32px); text-align: center; }
  .ciencia__subheading { margin: 0 0 6px; font-size: clamp(.95rem, 1.4vw, 1.05rem); opacity: .75; }
  .ciencia__heading { margin: 0 0 10px; font-size: clamp(1.8rem, 3.8vw, 3rem); line-height: 1.15; letter-spacing: -.015em; }
  .ciencia__body { margin-inline: auto; max-width: var(--content-max, 80ch); opacity: .9; }

  .ciencia__grid { display: grid; align-items: center; justify-items: center; gap: var(--gap-y, 24px) var(--gap-x, 24px); margin-top: clamp(28px, 4vw, 44px); }

  /* Desktop */
  @media screen and (min-width: 990px) {
    .ciencia__label{font-size:20px}
    .ciencia__grid { grid-template-columns: 1fr auto 1fr; grid-template-areas: "left center right"; }
    .ciencia__circle-wrapper { grid-area: center; }
    .ciencia__list--left  { grid-area: left;  justify-self: end;  text-align: right; }
    .ciencia__list--right { grid-area: right; justify-self: start; text-align: left; }
  }

  .ciencia__list { list-style: none; padding: 0; margin: 0; width: 100%; display: grid; gap: clamp(12px, 2vw, 18px); }

  @media screen and (min-width: 990px) {
    .ciencia__list { height: calc(var(--circle-size-desktop) - 180px); align-content: space-between; }
    .ciencia__list[data-count="2"] { height: auto; align-content: center; row-gap: 24px; }
    .ciencia__list[data-count="1"] { height: auto; align-content: center; }
  }

  .ciencia__item { display: grid; grid-auto-flow: column; align-items: center; grid-template-columns: auto 1fr; gap: var(--icon-gap, 8px); will-change: transform; }
  .ciencia__list--left .ciencia__item { grid-template-columns: 1fr auto; }
  .ciencia__list--left .ciencia__text { order: 1; text-align: right; }
  .ciencia__list--left .ciencia__icon { order: 2; }

  .ciencia__icon { width: 44px; height: 44px; object-fit: contain; flex: 0 0 auto; }
  .ciencia__label { margin: 0; font-weight: 600; line-height: 1.25; }
  .ciencia__note  { margin: 2px 0 0; opacity: .8; font-size: .95rem; line-height: 1.35; }

  /* Círculo */
  .ciencia__circle-wrapper { width: min(var(--circle-size-desktop), 92vw); }
  .ciencia__circle { position: relative; width: var(--circle-size-mobile); aspect-ratio: 1 / 1; border-radius: 50%; margin-inline: auto; }
  @media screen and (min-width: 990px) { .ciencia__circle { width: var(--circle-size-desktop); } }
  .ciencia__circle--ring::before { content: ""; position: absolute; inset: -12px; border-radius: 50%; border: 2px dashed var(--ring-color); pointer-events: none; }
  .ciencia__circle-img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; object-position: center; display: block; }
  .ciencia__placeholder { background: rgb(var(--color-foreground-rgb) / .06); }

  /* Animación desktop */
  @keyframes ciencia-float { 0%{transform:translateY(calc(var(--float-amp)*-1))} 50%{transform:translateY(var(--float-amp))} 100%{transform:translateY(calc(var(--float-amp)*-1))} }
  @media (prefers-reduced-motion: reduce) { .ciencia__item { animation: none !important; } }
  @media screen and (min-width: 990px) {
    .ciencia-6icons[data-animate="true"] .ciencia__item { animation: ciencia-float ease-in-out infinite; }
    .ciencia__list--left  .ciencia__item:nth-child(1){animation-duration:7s}.ciencia__list--left  .ciencia__item:nth-child(2){animation-duration:6s;animation-delay:.2s}.ciencia__list--left  .ciencia__item:nth-child(3){animation-duration:7.5s;animation-delay:.1s}
    .ciencia__list--right .ciencia__item:nth-child(1){animation-duration:6.5s;animation-delay:.15s}.ciencia__list--right .ciencia__item:nth-child(2){animation-duration:7.2s}.ciencia__list--right .ciencia__item:nth-child(3){animation-duration:6.8s;animation-delay:.25s}
  }

  /* ===== MOBILE ===== */
  @media screen and (max-width: 989px) {
    .ciencia__grid { 
      grid-template-columns: 1fr 1fr; 
      grid-auto-rows: auto; 
      row-gap: 28px; 
      column-gap: 16px;
      align-items: start;
    }
    .ciencia__circle-wrapper { grid-column: 1 / -1; }

    /* Las listas no generan contenedores: sus <li> pasan al grid */
    .ciencia__list--left, .ciencia__list--right { display: contents; }

    /* Cada feature: TEXTO a la izquierda e ICONO a la derecha (horizontal) */
    .ciencia__item {
      grid-column: span 1;
      display: grid;
      grid-auto-flow: column;
      grid-template-columns: 1fr auto;
      align-items: start;
      gap: var(--icon-gap, 8px);
      width: 100%;
    }
    
    /* Texto siempre primero (izquierda) */
    .ciencia__text { 
      order: 1; 
      text-align: left;
      align-self: start;
    }
    
    /* Icono siempre segundo (derecha) - alineado arriba */
    .ciencia__icon { 
      order: 2;
      margin-top: 0;
      align-self: start;
      flex-shrink: 0;
    }
    
    .ciencia__label { 
      font-size: 15px;
      line-height: 1.3;
      margin: 0;
    }
    
    .ciencia__note {
      margin: 2px 0 0;
    }
  }
.compare-wrapper { padding-block: clamp(36px, 7vw, 96px); }
  .compare__container { max-width: var(--page-width, 1200px); margin-inline: auto; padding-inline: clamp(16px, 3vw, 32px); }

  .compare__heading {
    margin: 0 0 clamp(16px, 3vw, 28px);
    text-align: center;
    font-size: clamp(1.6rem, 3.6vw, 2.4rem);
    line-height: 1.15;
    letter-spacing: -.01em;
  }

  .compare__brands {
    display: flex; gap: .8rem; align-items: baseline; justify-content: center;
    font-size: clamp(1.15rem, 2.2vw, 1.6rem);
    margin-bottom: 50px;
  }
  .compare__brand { font-weight: 600; }
  .compare__brand--b { font-weight: 400; }
  .compare__slash { display: inline-block; padding-inline: .6rem; transform: translateY(.05em); color: var(--accent); font-weight: 600; }

  /* ====== Stack (imágenes + fondo + tabla) ====== */
  .compare__stack {
    position: relative;
  }

  /* Fondo que ocupa las columnas 2 y 3 (checks) */
  .compare__checks-bg {
    position: absolute;
    z-index: 0;
    left: 33.3333%;
    width: 33.33%;
    background: 
    color-mix(in srgb, var(--checks-bg-color) calc(var(--checks-bg-alpha) * 100%), transparent);
    border-radius: var(--checks-radius);
    height: 80%;
    bottom: 0;
  }

  /* ====== Fila de imágenes alineada con columnas ====== */
  .compare__images {
    position: relative; z-index: 1;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: var(--col-gap);
    align-items: end;
    justify-items: center;
    margin-bottom: clamp(18px, 4vw, 36px);
  }
  .compare__spacer { width: 100%; }
  .compare__img { max-height: 250px; width: auto; height: 250px; display: block; object-fit: contain; }

  /* ====== Tabla ====== */
  .compare__table { position: relative; z-index: 1; width: 100%; }

  .compare__row {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr; /* 3 columnas iguales para que el fondo coincida con 2/3 */
    column-gap: var(--col-gap);
    align-items: center;
    padding-block: clamp(14px, 2.2vw, 20px);
  }
  .compare__row--div { border-bottom: 1px solid var(--divider-color); }

  .compare__cell--feature { min-width: 0; }
  .compare__title { font-weight: 600; line-height: 1.2; font-size: clamp(1.02rem, 1.6vw, 1.2rem); }
  .compare__subtitle { opacity: .8; margin-top: .35rem; font-size: clamp(.92rem, 1.2vw, 1rem); }

  .compare__cell--a, .compare__cell--b {
    display: grid; place-items: center;
    width: 100%; height: var(--box);
  }

  .badge {
    display: inline-grid; place-items: center;
    width: var(--box); height: var(--box);
    border-radius: 10px; color: #fff;
  }
  .badge__icon { width: calc(var(--box) * .55); height: calc(var(--box) * .55); }
  .badge--ok { background: var(--accent); }
  .badge--no { background: transparent; color: #9aa0a6; border: 2px solid #c7cbd1; }

  /* ====== Mobile ====== */
  @media (max-width: 989px) {
    .compare__checks-bg {
      {% if section.settings.hide_bg_on_mobile %} display: none; {% else %}
      left: 0; width: 100%;
      top: calc(-.5 * var(--checks-overlap));
      {% endif %}
    }

    .compare__images {
      grid-template-columns: 1fr 1fr;
      column-gap: 16px;
    }
    .compare__spacer { display: none; }

    .compare__row {
      grid-template-columns: 1fr auto auto;
      column-gap: 16px;
      row-gap: 10px;
    }
    .compare__cell--feature { grid-column: 1 / 4; }
    .compare__subtitle { grid-column: 1 / -1; }
    .compare__cell--a, .compare__cell--b { grid-row: 2; justify-self: end; width: var(--box); }
  }
.special-styling {
    margin: 20px;
    border-radius: 15px;
  }
  .flexible-section {
    margin: 40px 20px;
  }
  .flexible-column {
    flex: 0 1 calc(20% - 20px);
    max-width: calc(20% - 20px);
    text-align: left;
    box-sizing: border-box;
    padding-top: 10px;
  }

  .flexible-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 20px;
  }
  .flexible-table {
    flex: 1 1 20%; /* 20% of the available space */
    text-align: left;
  }
  .flexible-divider {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 20px;
    margin-right: 20px;
    border: none;
    height: 1px;
    background-color: #ccc;
  }
  /* Responsive Design for Mobile */
  @media (max-width: 768px) {
    .flexible-row {
      flex-direction: column;
    }
    .flexible-column {
      flex-basis: 100%;
      max-width: 100%; /* Each column takes full width on mobile */
    }
  }
/* ingredient list section*/
  .ingredient-list {
    margin: 40px 20px;
    padding: 0 20px;
  }

  .ingredient-list-header,
  .ingredient-list-row {
    display: flex;
    justify-content: space-between;
    position: relative; /* Add relative positioning */
  }

  .ingredient-list-header {
    font-weight: 600;
  }

  .ingredient-list-header div,
  .ingredient-list-row div {
    text-align: left;
    white-space: normal; /* Allow text to wrap into multiple lines */
  }

  .ingredient-list-row {
    padding: 10px 0;
  }

  /* Specific class for the hr separator */
  .ingredient-list-separator {
    top: 0; /* Align the separator line to the top of the row */
    left: -10px; /* Adjust to center the line */
    margin: 5px 0; /* Adjust margin as needed */
  }

  .ingredient-list-row p {
    margin: 0;
  }

  .ingredient-list-item {
    padding-right: 40px;
  }

  hr {
    margin: 10px 0;
  }

  .custom-pack-icon img {
    width: auto;
    height: 24px;
  }

  @media only screen and (max-width: 960px) {
    .ingredient-list {
      overflow-x: auto; /* Enable horizontal scrolling */
      white-space: nowrap; /* Prevent items from wrapping */
      font-size: 14px;
    }

    .ingredient-list-header div,
    .ingredient-list-row div {
      flex: 1; /* Let each column occupy the space it needs */
      min-width: 100px; /* Set minimum width to prevent overlay */
    }
  }
  @media only screen and (max-width: 380px) {
    .ingredient-list-separator {
      width: calc(100% + 120px); /* Set the width to cover the entire row */
    }
  }
.custom-section-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-left: 20px;
    margin-right: 20px;
    padding: 20px 0;
  }

  .detail-toggle-label {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    background-color: var(--label-bg-color, #fff);
    padding: 20px 30px 20px;
    border-radius: 15px;
    margin-top: 1rem;
    width: auto;
  }

  .detail-toggle-label::after {
    content: '+';
    font-size: 32px;
    line-height: 1;
    display: inline-block;
    margin: 0 20px;
  }

  .detail-toggle:checked + .detail-toggle-label::after {
    content: '-';
  }

  .detail-content {
    display: none;
    margin-top: 10px;
    margin-right: 50px;
  }

  .detail-toggle:checked + .detail-toggle-label + .detail-content {
    display: block;
  }

  .h5-header,
  .h4-header {
    font-weight: 600; /* Bold font for headers */
    margin-top: 1rem; /* Space above the header */
    margin-bottom: 0; /* No space below the header */
  }

  @media (max-width: 768px) {
    .custom-section-grid {
      grid-template-columns: repeat(1, 1fr);
    }

    .custom-section-grid {
      margin-left: 10px;
      margin-right: 10px;
    }
  }

  @media (max-width: 450px) {
    .custom-section-grid {
      margin-left: 5px;
      margin-right: 5px;
    }

    .detail-toggle-label {
      padding: 20px 15px 20px;
    }
  }
.custom-section-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    row-gap: 40px;
    column-gap: 0;
    margin-left: 20px;
    padding: 20px 40px;
    margin-right: 20px;
  }

  .grid-item-expert {
    display: flex;
    flex-direction: column;
    gap: 0;
  }

  .image {
    text-align: left;
  }

  .custom-lazy-image img {
    /* width: 100%; */
    object-fit: contain;
  }

  .h3-header {
    margin-top: 1rem;
    margin-bottom: 0;
  }

  .h4-header {
    margin-top: 1rem;
    margin-bottom: 0;
  }

  .h5-header {
    font-weight: 600;
    margin-top: 1rem;
    margin-bottom: 0;
  }

  .p-text {
    margin: 0;
    padding: 0;
    padding-bottom: 10px;
  }

  .image {
    text-align: center;
  }
  @media only screen and (min-width: 420px) {
    .custom-section-grid {
      grid-template-columns: 1fr 1fr;
      /* column-gap: 0; */
      padding: 15px;
    }

    .grid-item-expert {
      margin-bottom: 0;
      width: 250px;
    }
  }
.custom-section-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-left: 20px;
    padding: 20px 0;
    margin-right: 20px;
  }

  .grid-item {
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-width: 100%;
  }

  .image {
    text-align: left;
  }

  .custom-lazy-image img {
    width: 100%;
    object-fit: contain;
  }

  .h3-header {
    margin-top: 1rem;
    margin-bottom: 0;
  }

  .h4-header {
    margin-top: 1rem;
    margin-bottom: 0;
  }

  .h5-header {
    font-weight: 600;
    margin-top: 1rem;
    margin-bottom: 0;
  }

  .p-text {
    margin: 0;
    padding: 0;
    padding-bottom: 10px;
  }
.custom-section-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* Creates two columns */
    gap: 20px; /* Adjusts the gap between grid items */
  }
  .custom-section-grid .column {
    text-align: left;
    width: 100%;
  }
  .p-text {
    margin: 0;
    padding: 0;
    padding-bottom: 10px;
  }
  p.p-text {
    margin: 0;
    padding: 0;
    padding-bottom: 10px;
  }

  .h5-header {
    font-weight: 600;
    margin-top: 1rem;
    margin-bottom: 0;
  }

  .h4-header {
    margin-top: 1rem;
    margin-bottom: 0;
  }
  @media (max-width: 768px) {
    .custom-section-grid {
      grid-template-columns: repeat(1, 1fr);
    }
  }