/** Shopify CDN: Minification failed

Line 109:6 Unexpected "{"
Line 109:7 Expected identifier but found "%"
Line 109:65 Unexpected "{"
Line 109:66 Expected identifier but found "%"
Line 112:6 Unexpected "{"
Line 112:7 Expected identifier but found "%"
Line 134:4 Unexpected "{"
Line 134:5 Expected identifier but found "%"
Line 138:4 Unexpected "{"
Line 138:5 Expected identifier but found "%"

**/


/* CSS from section stylesheet tags */
.compare-wrapper { padding-block: clamp(36px, 7vw, 96px); }
  .compare__container {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;
  }

  /* ====== 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: var(--img-max-h);
    width: auto;
    height: var(--img-max-h);
    display: block;
    object-fit: contain;
  }
  .compare__caption { margin-top: .6rem; font-weight: 600; line-height: 1.2; text-align: center; }

  /* ====== 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); }

  /* RICHTEXT en la descripción: controla espaciado de párrafos y enlaces */
  .compare__subtitle {
    opacity: .8;
    margin-top: .35rem;
    font-size: clamp(.92rem, 1.2vw, 1rem);
  }
  .compare__subtitle p { margin: 0; }
  .compare__subtitle p + p { margin-top: .45rem; }
  .compare__subtitle a { text-decoration: underline; }

  .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;
      justify-items: center;
      text-align: center;
    }
    .compare__spacer { display: none; }

    .compare__row {
      grid-template-columns: 1fr 1fr; /* dos columnas para centrar los checks */
      column-gap: 16px;
      row-gap: 12px;
      text-align: center;
    }
    .compare__cell--feature { grid-column: 1 / -1; }
    .compare__title, .compare__subtitle { text-align: center; }
    .compare__subtitle { grid-column: 1 / -1; }
    .compare__cell--a, .compare__cell--b { justify-self: center; width: var(--box); }

    {% if section.settings.hide_dividers_on_mobile %}
      /* Ocultar divisores y dar espacio entre filas en mobile */
      .compare__row--div { border-bottom: none; }
      .compare__row + .compare__row { margin-top: var(--mobile-row-gap); }
    {% endif %}
  }