/** Shopify CDN: Minification failed

Line 175:13 Expected identifier but found whitespace
Line 175:15 Unexpected "{"
Line 175:24 Expected ":"
Line 176:13 Expected identifier but found whitespace
Line 176:15 Unexpected "{"
Line 176:24 Expected ":"
Line 177:13 Expected identifier but found whitespace
Line 177:15 Unexpected "{"
Line 177:24 Expected ":"
Line 178:16 Expected identifier but found whitespace
... and 10 more hidden warnings

**/
.split-banner {
  display: block;
  width: 100%;
}

.split-banner__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  align-items: center;
}

.split-banner__grid--content-right {
  grid-template-columns: 1fr 1fr;
  direction: rtl;
}
.split-banner__grid--content-right > * {
  direction: ltr;
}

.split-banner__col {
  position: relative;
}

.split-banner__col--content {
  padding: 60px 40px;
}

.split-banner__content--left   { text-align: left; }
.split-banner__content--center { text-align: center; }
.split-banner__content--right  { text-align: right; }

.split-banner__heading {
  font-size: clamp(1.8rem, 4vw, 3rem);
  margin: 0 0 8px;
}

.split-banner__subheading {
  font-size: clamp(1rem, 2vw, 1.25rem);
  margin: 0 0 12px;
  opacity: .8;
}

.split-banner__text {
  max-width: 520px;
  margin-bottom: 20px;
  line-height: 1.45;
}

.split-banner__stats {
  list-style: none;
  margin: 0 0 24px;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 12px 24px;
}

.split-banner__stat {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: .95rem;
}

.split-banner__stat-icon {
  font-size: 1.1em;
}

.split-banner__buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.split-banner__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  border-style: solid;
  border-width: 2px;
  transition: all .3s ease;
}

.split-banner__btn--small  { padding: 6px 14px; font-size: .875rem; }
.split-banner__btn--medium { padding: 10px 20px; font-size: 1rem; }
.split-banner__btn--large  { padding: 14px 28px; font-size: 1.125rem; }

.split-banner__btn--fill {
  background: var(--btn-bg);
  color: var(--btn-text);
  border-color: var(--btn-bg);
}

.split-banner__btn--outline {
  background: transparent;
  color: var(--btn-border);
  border-color: var(--btn-border);
}

.split-banner__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  min-height: 420px;
}

/* ---------- Caja superpuesta ---------- */
.split-banner__box {
  position: absolute;
  background-color: rgba(
    var(--box-bg-r, 0),
    var(--box-bg-g, 0),
    var(--box-bg-b, 0),
    var(--box-opacity, .85)
  );
  border-radius: var(--box-radius, 8px);
  padding: var(--box-padding, 20px);
  color: #fff;
  max-width: 240px;
  word-break: break-word;
}

.split-banner__box--free {
  inset: 0;
  margin: auto;
  height: max-content;
  width: fit-content;
  transform:
    translateX(calc(var(--offset-left, 0px) - var(--offset-right, 0px)))
    translateY(calc(var(--offset-top, 0px) - var(--offset-bottom, 0px)));
}

.split-banner__box--top-left     { --base-top: -4%; --base-left: -4%; --base-bottom: auto; --base-right: auto; }
.split-banner__box--top-right    { --base-top: -4%; --base-right: -4%; --base-bottom: auto; --base-left: auto; }
.split-banner__box--bottom-left  { --base-bottom: -4%; --base-left: -4%; --base-top: auto; --base-right: auto; }
.split-banner__box--bottom-right { --base-bottom: -4%; --base-right: -4%; --base-top: auto; --base-left: auto; }

.split-banner__box:not(.split-banner__box--free) {
  top:    calc(var(--base-top,    0%) + var(--offset-top,    0px));
  bottom: calc(var(--base-bottom, 0%) + var(--offset-bottom, 0px));
  left:   calc(var(--base-left,   0%) + var(--offset-left,   0px));
  right:  calc(var(--base-right,  0%) + var(--offset-right,  0px));
}

.split-banner__box-title > * {
  font-weight: 700;
  margin-bottom: 4px;
  color: var(--box-title-color, #000);
}

.split-banner__box-text  > * {
  font-size: var(--box-text-size, 16px);
  color: var(--box-text-color, #000);
}

.split-banner__box {
  --box-bg-r: {{ section.settings.box_bg | color_extract: 'red' }};
  --box-bg-g: {{ section.settings.box_bg | color_extract: 'green' }};
  --box-bg-b: {{ section.settings.box_bg | color_extract: 'blue' }};
  --box-opacity: {{ section.settings.box_opacity | divided_by: 100.0 }};
  --box-radius: {{ section.settings.box_radius }}px;
  --box-padding: {{ section.settings.box_padding }}px;
}

/* ------- Móvil ------- */
@media (max-width: 768px) {
  .split-banner__grid {
    grid-template-columns: 1fr;
  }
  .split-banner__col--content {
    padding: 40px 20px;
  }
  .split-banner__box {
    max-width: 160px;
    font-size: .875rem;
  }
}