/** Shopify CDN: Minification failed

Line 17:2 All "@import" rules must come first

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:soda-club-new-page (INDEX:98) */
/* Fuentes de marca */
  @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');
  @font-face {
    font-family: 'Satoshi';
    src: url('https://api.fontshare.com/v2/css?f[]=satoshi@400,500,700&display=swap');
  }
  @import url('https://api.fontshare.com/v2/css?f[]=satoshi@400,500,700&display=swap');

  .sc-wrapper { font-family: 'Satoshi', 'Montserrat', system-ui, sans-serif; color: var(--sc-text); line-height: 1.6; font-size: calc(1rem * var(--sc-body-factor, 1)); }
  .sc-container { max-width: 1200px; margin: 0 auto; padding: 0 1.25rem; }
  @media (min-width: 768px) { .sc-container { padding: 0 2rem; } }
  .sc-wrapper h1, .sc-wrapper h2, .sc-wrapper h3 { font-family: 'Montserrat', system-ui, sans-serif; margin: 0; line-height: 1.15; letter-spacing: -0.01em; color: var(--sc-heading); }
  .sc-wrapper p, .sc-wrapper ul { margin: 0; }

  .sc-eyebrow { display: inline-block; font-family: 'Montserrat', sans-serif; font-size: calc(.8rem * var(--sc-body-factor, 1)); font-weight: 600; letter-spacing: .22em; text-transform: uppercase; color: var(--sc-secondary); margin-bottom: 1.5rem; }
  .sc-eyebrow--light { color: rgba(255,255,255,.8); }
  .sc-h2 { font-size: calc(clamp(2.5rem, 5vw, 3.75rem) * var(--sc-title-factor, 1)); line-height: 1.1; color: var(--sc-heading); }
  .sc-h2--light { color: #fff; }

  .sc-section-head { text-align: center !important; margin-bottom: 2.5rem; }
  .sc-section-head .sc-eyebrow { margin-bottom: .75rem; }
  .sc-section-head .sc-h2 { margin-bottom: .75rem !important; color: var(--sc-heading) !important; }
  .sc-section-head__sub { text-align: center !important; color: var(--sc-text-muted); max-width: 36rem; margin: 0 auto !important; line-height: 1.55; font-size: 1.05rem; }

  .sc-check { display:inline-flex; align-items:center; justify-content:center; width:1.5rem; height:1.5rem; border-radius:9999px; background: rgba(255,255,255,.2); color:#fff; flex-shrink: 0; }

  .sc-btn { display:inline-flex; align-items:center; gap:.5rem; padding: 0 2rem; height: 3.5rem; border-radius: 9999px; text-decoration:none; transition: background .2s; font-weight: 500; }
  .sc-btn--light { background:#fff; color: var(--sc-primary); }
  .sc-btn--light:hover { background: rgba(255,255,255,.9); }

  /* ===== HERO ===== */
  .sc-hero { position:relative; overflow:hidden; padding: 6rem 0 8rem; background: linear-gradient(135deg, var(--sc-primary), var(--sc-secondary)); color:#fff; }
  .sc-hero__content > * + * { margin-top: 1.5rem; }
  .sc-hero__pattern { position:absolute; inset:0; opacity:.1; background-size: cover; background-position: center; }
  .sc-hero__inner { position:relative; z-index:1; }
  .sc-hero__back { display:inline-flex; align-items:center; gap:.5rem; color: rgba(255,255,255,.8); text-decoration:none; margin-bottom: 2.5rem; transition: color .2s; }
  .sc-hero__back:hover { color:#fff; }
  .sc-hero__grid { display:grid; grid-template-columns: 1fr; gap: 3rem; align-items:center; }
  @media (min-width: 1024px) { .sc-hero__grid { grid-template-columns: 1fr 1fr; } }
  .sc-hero__eyebrow { display:inline-block; padding: .5rem 1.1rem; border-radius:9999px; background: rgba(255,255,255,.15); backdrop-filter: blur(6px); border:1px solid rgba(255,255,255,.2); font-size:.9rem; margin-bottom: 2rem !important; }
  .sc-hero__title { font-size: calc(clamp(2.25rem, 6vw, 4.5rem) * var(--sc-title-factor, 1)); line-height: 1.05; margin-bottom: 2rem !important; }
  .sc-hero__subtitle { font-size: calc(clamp(1.1rem, 2vw, 1.5rem) * var(--sc-body-factor, 1)); color: rgba(255,255,255,.9); margin: 0 0 3rem !important; max-width: 40rem; line-height: 1.5; }
  .sc-hero__bullets { list-style:none; padding:0; display:flex; flex-direction:column; gap:1rem; margin: 0 0 3rem !important; }
  .sc-hero__bullets li { display:flex; align-items:center; gap:.9rem; color: rgba(255,255,255,.95); font-size: 1.05rem; }

  .sc-hero__media { position:relative; min-height: 540px; display:none; }
  @media (min-width: 1024px) { .sc-hero__media { display:block; } }
  .sc-hero__img { border-radius: 1.5rem; overflow:hidden; box-shadow: 0 25px 50px -12px rgba(0,0,0,.35); position:absolute; }
  .sc-hero__img img { width:100%; height:100%; object-fit:cover; display:block; }
  .sc-hero__img--main { top:0; right:0; width:80%; height:80%; }
  .sc-hero__img--secondary { bottom:0; left:0; width:55%; height:50%; border: 4px solid rgba(255,255,255,.2); }
  .sc-hero__badge { position:absolute; top:1.5rem; left:1rem; background:#fff; color: var(--sc-primary); border-radius:1rem; padding:.75rem 1.25rem; box-shadow: 0 20px 25px -5px rgba(0,0,0,.2); display:flex; align-items:center; gap:.75rem; z-index:2; }
  .sc-hero__badge-icon { width:2.5rem; height:2.5rem; border-radius:9999px; background: color-mix(in srgb, var(--sc-secondary) 10%, transparent); display:flex; align-items:center; justify-content:center; color: var(--sc-secondary); }
  .sc-hero__badge-label { font-size:.75rem; color: color-mix(in srgb, var(--sc-primary) 60%, transparent); }
  .sc-hero__badge-value { line-height:1; font-weight:600; }

  /* ===== CONCEPT ===== */
  .sc-concept { padding: 7rem 0; }
  .sc-concept__grid { display:grid; grid-template-columns:1fr; gap:3rem; align-items:center; max-width: 72rem; margin:0 auto; }
  @media (min-width: 768px) { .sc-concept__grid { grid-template-columns: 1fr 1fr; } }
  .sc-concept__media { position:relative; }
  .sc-concept__img { aspect-ratio: 4/5; border-radius: 1.5rem; overflow:hidden; box-shadow: 0 25px 50px -12px rgba(0,0,0,.15); }
  .sc-concept__img img { width:100%; height:100%; object-fit:cover; display:block; }
  .sc-concept__stat { position:absolute; bottom:-1.5rem; right:-1.5rem; background: var(--sc-primary); color:#fff; border-radius:1rem; padding:1.25rem; box-shadow: 0 20px 25px -5px rgba(0,0,0,.2); max-width: 200px; }
  .sc-concept__stat-value { font-size: 1.875rem; line-height:1; }
  .sc-concept__stat-label { font-size:.875rem; color: rgba(255,255,255,.8); margin-top:.25rem; }
  .sc-concept__title { font-size: calc(clamp(2.25rem, 5vw, 3.5rem) * var(--sc-title-factor, 1)); margin-bottom: .5rem !important; line-height: 1.15; color: var(--sc-heading); }
  .sc-concept .sc-eyebrow { margin-bottom: .75rem !important; }
  .sc-concept__desc { font-size:1.125rem; color: var(--sc-text-muted); line-height: 1.65; margin-top: .5rem !important; }
  .sc-concept__desc p + p { margin-top: 1rem; }

  /* ===== CYCLE ===== */
  .sc-cycle { padding: 7rem 0; background:#f5f7fb; position:relative; overflow:hidden; }
  .sc-cycle__pattern { position:absolute; inset:0; opacity:.04; background-size:cover; }
  .sc-cycle__diagram { position:relative; margin: 0 auto; }
  @media (min-width: 768px) { .sc-cycle__diagram { width: 560px; height: 560px; } }
  @media (max-width: 767px) { .sc-cycle__diagram { width: 320px; height: 320px; } }
  @media (max-width: 380px) { .sc-cycle__diagram { width: 290px; height: 290px; } }
  .sc-cycle__ring { position:absolute; inset: 2rem; border: 2px dashed color-mix(in srgb, var(--sc-primary) 25%, transparent); border-radius:9999px; }
  .sc-cycle__center { position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); width: 12rem; height: 12rem; border-radius:9999px; background: linear-gradient(135deg, var(--sc-primary), var(--sc-secondary)); color:#fff; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding: 0 1rem; box-shadow: 0 25px 50px -12px rgba(0,0,0,.25); }
  .sc-cycle__center p { margin-top:.5rem; line-height:1.2; }

  .sc-cycle__node { position:absolute; width: 14rem; display:flex; flex-direction:column; align-items:center; text-align:center; }
  .sc-cycle__node--1 { top:0; left:50%; transform: translate(-50%, 0); }
  .sc-cycle__node--2 { top:50%; left:100%; transform: translate(-100%, -50%); }
  .sc-cycle__node--3 { top:100%; left:50%; transform: translate(-50%, -100%); }
  .sc-cycle__node--4 { top:50%; left:0; transform: translate(0, -50%); }
  .sc-cycle__node-circle { position:relative; width: 8rem; height: 8rem; border-radius:9999px; background: #fff; box-shadow: 0 20px 25px -5px rgba(0,0,0,.12); border: 2px solid color-mix(in srgb, var(--sc-primary) 12%, transparent); margin-bottom: 1rem; display:flex; align-items:center; justify-content:center; }
  .sc-cycle__node-num { font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 3rem; line-height: 1; color: var(--sc-primary); }
  .sc-cycle__node-text { padding: 0 .5rem; }

  /* ===== BENEFITS ===== */
  .sc-benefits { padding: 7rem 0; }
  .sc-benefits__grid { display:grid; grid-template-columns:1fr; gap:3rem; max-width:72rem; margin:0 auto; align-items:start; }
  @media (min-width: 1024px) { .sc-benefits__grid { grid-template-columns: 1fr 1.2fr; } }
  .sc-benefits__aside { position:relative; border-radius:1.5rem; overflow:hidden; aspect-ratio: 4/5; }
  @media (min-width: 1024px) { .sc-benefits__aside { position: sticky; top: 6rem; } }
  .sc-benefits__img img { width:100%; height:100%; object-fit:cover; display:block; }
  .sc-benefits__img { height:100%; }
  .sc-benefits__aside-overlay { position:absolute; inset:0; background: linear-gradient(to top, color-mix(in srgb, var(--sc-primary) 70%, transparent), color-mix(in srgb, var(--sc-primary) 20%, transparent), transparent); }
  .sc-benefits__aside-text { position:absolute; bottom:2rem; left:2rem; right:2rem; color:#fff; }

  .sc-benefits__cards { display:grid; grid-template-columns:1fr; gap:1.25rem; }
  @media (min-width: 640px) { .sc-benefits__cards { grid-template-columns: 1fr 1fr; } }
  .sc-benefit-card { background:#ffffff !important; border: 1px solid color-mix(in srgb, var(--sc-primary) 10%, transparent); border-radius: 1rem; padding: 1.75rem; transition: transform .25s, box-shadow .25s; color: var(--sc-card-light-text, #042042); }
  .sc-benefit-card--accent { background: var(--sc-primary) !important; color: var(--sc-card-dark-text, #fff); border-color: transparent; }
  .sc-benefit-card:hover { transform: translateY(-4px); box-shadow: 0 25px 50px -12px rgba(0,0,0,.15); }
  .sc-benefit-card__icon { width:3rem; height:3rem; border-radius:9999px; display:flex; align-items:center; justify-content:center; margin-bottom:1.25rem; background: color-mix(in srgb, var(--sc-secondary) 10%, transparent); color: var(--sc-secondary); }
  .sc-benefit-card--accent .sc-benefit-card__icon { background: rgba(255,255,255,.15); color:#fff; }
  .sc-benefit-card__title { font-family: 'Montserrat', sans-serif; font-size: 1.5rem; margin-bottom: 1rem; color: var(--sc-card-light-text, #042042) !important; line-height: 1.2; display: block; }
  .sc-benefit-card--accent .sc-benefit-card__title { color: var(--sc-card-dark-text, #ffffff) !important; }
  .sc-benefit-card__points { list-style:none; padding:0; display:flex; flex-direction:column; gap:.5rem; }
  .sc-benefit-card__points li { display:flex; align-items:flex-start; gap:.5rem; color: var(--sc-card-light-text, #042042) !important; }
  .sc-benefit-card__points li svg { color: var(--sc-secondary); margin-top:.25rem; flex-shrink:0; }
  .sc-benefit-card--accent .sc-benefit-card__points li { color: var(--sc-card-dark-text, #ffffff) !important; }
  .sc-benefit-card--accent .sc-benefit-card__points li svg { color:#fff; }

  /* ===== FAQ ===== */
  .sc-faq { padding: 7rem 0; background: #f5f7fb; }
  .sc-faq__list { max-width: 48rem; margin: 0 auto; display:flex; flex-direction: column; gap: .85rem; }
  .sc-faq__item { background:#fff; border: 1px solid color-mix(in srgb, var(--sc-primary) 10%, transparent); border-radius: .85rem; overflow:hidden; }
  .sc-faq__summary { list-style: none; cursor: pointer; padding: 1.25rem 1.5rem; display:flex; align-items:center; justify-content: space-between; color: var(--sc-primary); font-family: 'Montserrat', sans-serif; font-weight: 600; }
  .sc-faq__summary::-webkit-details-marker { display:none; }
  .sc-faq__chevron { color: var(--sc-secondary); transition: transform .25s; flex-shrink: 0; margin-left: 1rem; }
  .sc-faq__item[open] .sc-faq__chevron { transform: rotate(180deg); }
  .sc-faq__answer { padding: 0 1.5rem 1.5rem; color: color-mix(in srgb, var(--sc-primary) 70%, transparent); line-height: 1.65; }
  .sc-faq__answer a { color: var(--sc-secondary); text-decoration: underline; text-underline-offset: 2px; }
  .sc-faq__answer a:hover { opacity: .75; }

  /* ===== ECO BANNER ===== */
  .sc-eco { position:relative; width:100%; min-height: 480px; overflow:hidden; display:flex; align-items:center; }
  @media (min-width: 768px) { .sc-eco { min-height: 560px; } }
  .sc-eco__bg { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; display:block; }
  .sc-eco__overlay { position:absolute; inset:0; background: linear-gradient(to right, var(--sc-primary) 0%, color-mix(in srgb, var(--sc-primary) 80%, transparent) 45%, color-mix(in srgb, var(--sc-primary) 25%, transparent) 100%); }
  .sc-eco__inner { position:relative; z-index:1; width:100%; padding: 5rem 0; }
  .sc-eco__content { max-width: 38rem; color:#fff; }
  .sc-eco__icon { color: rgba(255,255,255,.85); margin-bottom: 2rem !important; display:block; }
  .sc-eco__title { font-size: calc(clamp(2rem, 4.5vw, 3.5rem) * var(--sc-title-factor, 1)); margin-bottom: 1.5rem !important; line-height: 1.1; }
  .sc-eco__subtitle { color: rgba(255,255,255,.9); font-size: 1.15rem; line-height: 1.6; max-width: 32rem; }

  /* ===== CLOSING ===== */
  .sc-closing { padding: 7rem 0; background: linear-gradient(135deg, var(--sc-primary), var(--sc-secondary)); color:#fff; position:relative; overflow:hidden; }
  .sc-closing__title { margin-bottom: 2rem !important; }
  .sc-closing__subtitle { margin-bottom: 3rem !important; }

  /* ===== MOBILE ===== */
  @media (max-width: 767px) {
    .sc-hero { padding: 4rem 0 5rem; }
    .sc-hero__grid { gap: 2.5rem; }
    .sc-hero__eyebrow { margin-bottom: 1.5rem !important; }
    .sc-hero__title { font-size: calc(2.25rem * var(--sc-title-factor, 1)) !important; margin-bottom: 1.5rem !important; line-height: 1.1; }
    .sc-hero__subtitle { font-size: calc(1.05rem * var(--sc-body-factor, 1)) !important; margin: 0 0 2rem !important; line-height: 1.55; }
    .sc-hero__bullets { gap: .85rem; margin: 0 0 2.25rem !important; }
    .sc-hero__bullets li { font-size: .98rem; align-items: flex-start; }

    .sc-concept { padding: 4rem 0; }
    .sc-concept__grid { gap: 2.5rem; }
    .sc-concept__title { margin-bottom: 1.5rem; }
    .sc-concept__stat { bottom: -1rem; right: -.5rem; padding: 1rem; }

    .sc-cycle { padding: 4rem 0; }
    .sc-section-head { margin-bottom: 3rem; }
    .sc-section-head .sc-eyebrow { margin-bottom: 1rem; }
    .sc-section-head .sc-h2 { margin-bottom: 1rem; }

    .sc-cycle__node { width: 9rem; }
    .sc-cycle__node-circle { width: 4rem; height: 4rem; margin-bottom: .5rem; border-width: 2px; }
    .sc-cycle__node-num { font-size: 1.75rem; }
    .sc-cycle__node-text { padding: 0; font-size: .82rem; line-height: 1.3; text-align: center; }
    .sc-cycle__center { width: 7rem; height: 7rem; padding: 0 .5rem; }
    .sc-cycle__center svg { width: 22px; height: 22px; }
    .sc-cycle__center p { font-size: .8rem; line-height: 1.2; }

    .sc-benefits { padding: 4rem 0; }
    .sc-benefits__grid { gap: 2.5rem; }
    .sc-benefits__aside { aspect-ratio: 3/4; }
    .sc-benefits__aside-text { bottom: 1.5rem; left: 1.5rem; right: 1.5rem; }
    .sc-benefit-card { padding: 1.75rem 1.5rem; }
    .sc-benefit-card__title { margin-bottom: 1rem; font-size: 1.35rem; }

    .sc-faq { padding: 4rem 0; }
    .sc-faq__summary { padding: 1.1rem 1.25rem; font-size: 1rem; }
    .sc-faq__answer { padding: 0 1.25rem 1.25rem; }

    .sc-eco { min-height: 420px; }
    .sc-eco__inner { padding: 3.5rem 0; }
    .sc-eco__content { text-align: center; margin: 0 auto; }
    .sc-eco__icon { margin: 0 auto 1.25rem !important; }
    .sc-eco__title { font-size: calc(1.9rem * var(--sc-title-factor, 1)) !important; margin-bottom: 1.1rem !important; }
    .sc-eco__subtitle { font-size: 1.02rem; margin-left: auto; margin-right: auto; }
    .sc-eco__overlay { background: linear-gradient(to bottom, color-mix(in srgb, var(--sc-primary) 85%, transparent), color-mix(in srgb, var(--sc-primary) 70%, transparent)); }

    .sc-closing { padding: 4rem 0; }
    .sc-closing__grid { gap: 2.5rem; }
    .sc-closing__title { margin-bottom: 1.5rem !important; font-size: calc(2.25rem * var(--sc-title-factor, 1)); }
    .sc-closing__subtitle { margin-bottom: 2rem !important; font-size: 1.05rem; }
    .sc-closing__mosaic { gap: .75rem; }
    .sc-closing__mosaic-item--1 { margin-top: 1.5rem; }
    .sc-closing__mosaic-item--4 { margin-top: -1rem; }

    .sc-btn { height: 3.25rem; padding: 0 1.5rem; width: 100%; justify-content: center; }
  }
  .sc-closing__pattern { position:absolute; inset:0; opacity:.1; background-size:cover; background-position:center; }
  .sc-closing__grid { position:relative; display:grid; grid-template-columns:1fr; gap:3rem; align-items:center; max-width:72rem; margin:0 auto; }
  @media (min-width: 1024px) { .sc-closing__grid { grid-template-columns: 1fr 1fr; } }
  .sc-closing__mosaic { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
  .sc-closing__mosaic-item { aspect-ratio: 1/1; border-radius:1rem; overflow:hidden; box-shadow: 0 20px 25px -5px rgba(0,0,0,.25); }
  .sc-closing__mosaic-item img { width:100%; height:100%; object-fit:cover; display:block; }
  .sc-closing__mosaic-item--1 { margin-top: 3rem; }
  .sc-closing__mosaic-item--4 { margin-top: -2rem; }
  .sc-closing__content { text-align:center; }
  @media (min-width: 1024px) { .sc-closing__content { text-align:left; } }
  .sc-closing__title { font-size: calc(clamp(2.25rem, 5vw, 4rem) * var(--sc-title-factor, 1)); margin-bottom: 1.5rem; }
  .sc-closing__subtitle { font-size: calc(clamp(1.1rem, 2vw, 1.5rem) * var(--sc-body-factor, 1)); color: rgba(255,255,255,.9); margin-bottom: 2.5rem; line-height: 1.5; }
/* END_SECTION:soda-club-new-page */