(function() {
var template = Handlebars.template, templates = Handlebars.templates = Handlebars.templates || {};
templates['homemundial.html'] = template({"compiler":[8,">= 4.3.0"],"main":function(container,depth0,helpers,partials,data) {
    return "<style>\n/* ============================================================\n   SABA — Design System / Foundations\n   colors_and_type.css\n\n   Tokens extraídos del archivo Figma fuente\n   \"Mx - Saba - Landings 26.fig\" (paleta + tipografía dominante).\n   ============================================================ */\n\n/* ----- Webfont fallback -----\n   \"Bw Modelica\" es la fuente brand. Se sustituye por \"DM Sans\"\n   (Google Fonts) cuando Bw Modelica no esté licenciada en el\n   entorno donde se rendere. Reemplazar el @import por el archivo\n   local de Bw Modelica cuando esté disponible. */\n@import url(\"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap\");\n\n:root {\n\n  /* ============ COLOR — Brand ============ */\n  --saba-pink:        #D11A88;   /* primario brand · rgb(209,26,136) */\n  --saba-pink-2:      #DA1884;   /* primario alt · rgb(218,24,132)   */\n  --saba-pink-deep:   #C0136F;   /* hover/pressed                    */\n  --saba-magenta:     #FC4A94;   /* glow + halos · rgb(252,74,148)   */\n  --saba-pink-soft:   #EDA3CF;   /* numerales decorativos            */\n  --saba-pink-100:    #FAE8F3;   /* fondo suave 1                    */\n  --saba-pink-050:    #FAF1F7;   /* fondo suave 2 (secciones)        */\n  --saba-pink-accent: #E376B8;   /* acento secundario                */\n\n  /* ============ COLOR — Navy ============ */\n  --saba-navy:        #001E62;   /* foreground texto institucional   */\n  --saba-navy-2:      #003A81;\n  --saba-navy-3:      #102E78;\n  --saba-navy-deep:   #22253B;   /* dentro del diamante              */\n\n  /* ============ COLOR — Neutral ============ */\n  --saba-ink:         #242424;   /* texto primario                   */\n  --saba-ink-2:       #373737;   /* texto secundario                 */\n  --saba-mute:        #5C5C5C;   /* texto terciario / labels         */\n  --saba-mute-2:      #8F8F8F;   /* placeholder                      */\n  --saba-border:      #E0E0E0;   /* borde card / divider             */\n  --saba-border-soft: #E7E7E7;\n  --saba-bg:          #FFFFFF;\n  --saba-bg-soft:     #FCFCFC;\n  --saba-bg-tint:     #F4F7FC;   /* fondo institucional              */\n\n  /* ============ COLOR — Soporte ============ */\n  --saba-teal:        #05C5C5;   /* secundario product line          */\n  --saba-green:       #005B40;\n  --saba-overlay:     rgba(0,0,0,.20);\n  --saba-overlay-2:   rgba(0,0,0,.24);\n\n  /* ============ GRADIENTS ============ */\n  --saba-grad-cta:\n    linear-gradient(90deg, #D11A88 0%, #DA3482 49%, #DA291C 100%);\n  --saba-grad-halo:\n    radial-gradient(circle, rgba(252,74,148,.12) 0%, rgba(252,74,148,.24) 100%);\n  --saba-grad-diamond:\n    linear-gradient(180deg,\n      #231F4B 0%, #2A295C 25%, #2F2E68 35%, #30306C 41%,\n      #30326F 50%, #313977 60%, #32468C 71%, #305DA7 82%,\n      #2D68B2 92%, #2883C9 100%);\n\n  /* ============ TYPE — Family ============ */\n  --font-display:  \"Bw Modelica\", \"DM Sans\", \"Helvetica Neue\", Arial, sans-serif;\n  --font-body:     \"Bw Modelica\", \"DM Sans\", \"Helvetica Neue\", Arial, sans-serif;\n  --font-ui:       \"Inter\", \"DM Sans\", \"Helvetica Neue\", Arial, sans-serif;\n\n  /* ============ TYPE — Weight ============ */\n  --fw-regular:  400;\n  --fw-medium:   500;\n  --fw-semibold: 600;\n  --fw-bold:     700;\n  --fw-extra:    800;\n\n  /* ============ TYPE — Scale (Type Tokens) ============ */\n  --t-hero:        80px / 100px var(--font-display);   /* H1 hero  */\n  --t-section:     48px / 56px  var(--font-display);   /* H2 secc  */\n  --t-title:       32px / 40px  var(--font-display);   /* H3 title */\n  --t-subtitle:    24px / 32px  var(--font-display);\n  --t-body-lg:     20px / 28px  var(--font-body);\n  --t-body:        16px / 24px  var(--font-body);\n  --t-body-sm:     14px / 22px  var(--font-body);\n  --t-caption:     12px / 20px  var(--font-body);\n  --t-mono-mini:   11px / 16px  var(--font-body);\n\n  /* ============ RADIUS ============ */\n  --r-xs:    4px;     /* media producto      */\n  --r-sm:    8px;\n  --r-md:   12px;     /* thumbnails de video */\n  --r-lg:   16px;     /* cards               */\n  --r-pill: 100px;    /* botones, chips      */\n\n  /* ============ SHADOWS ============ */\n  --sh-card:    0 10px 30px rgba(190, 4, 118, .06);\n  --sh-cta:     0 14px 30px rgba(209, 26, 136, .25);\n  --sh-cta-hi:  0 18px 36px rgba(209, 26, 136, .35);\n  --sh-step:    0 18px 40px rgba(190, 4, 118, .10);\n  --sh-glow:    0 4px 32px rgba(255,   5, 156, .60);\n  --sh-soft:    0 6px 16px rgba(0,0,0,.08);\n\n  /* ============ SPACING (4-pt) ============ */\n  --sp-1:  4px;\n  --sp-2:  8px;\n  --sp-3: 12px;\n  --sp-4: 16px;\n  --sp-5: 20px;\n  --sp-6: 24px;\n  --sp-7: 32px;\n  --sp-8: 48px;\n  --sp-9: 64px;\n  --sp-10: 80px;\n  --sp-11: 100px;\n  --sp-12: 120px;\n\n  /* ============ LAYOUT ============ */\n  --max-canvas: 1440px;\n  --gutter-lg: 120px;\n  --gutter-md: 104px;\n  --gutter-sm: 24px;\n  --nav-h: 88px;\n}\n\n/* ============ SEMANTIC ============ */\nh1, .h1 { font: var(--fw-bold) var(--t-hero); color: var(--saba-ink); letter-spacing: -0.5px; margin: 0; }\nh2, .h2 { font: var(--fw-medium) var(--t-section); color: var(--saba-ink); margin: 0; }\nh3, .h3 { font: var(--fw-medium) var(--t-title); color: var(--saba-ink); margin: 0; }\nh4, .h4 { font: var(--fw-medium) var(--t-subtitle); color: var(--saba-ink); margin: 0; }\np,  .p  { font: var(--fw-regular) var(--t-body); color: var(--saba-ink-2); margin: 0; }\n.small  { font: var(--fw-regular) var(--t-body-sm); color: var(--saba-mute); }\n.caption{ font: var(--fw-medium) var(--t-caption); color: var(--saba-mute); letter-spacing: 0.02em; }\n.nav-link{font: var(--fw-bold) var(--t-body-sm); color: var(--saba-navy); letter-spacing: 0.5px;}\n\n/* highlights / accent text */\n.accent       { color: var(--saba-pink); }\n.accent-deep  { color: var(--saba-pink-deep); }\n.on-dark      { color: #fff; }\n</style>\n<style>\n}\n\n.Saba_Club {\n    color: #D11A88;\n    font-size: 14px;\n    margin: 4px 0 0 0;\n    font-weight: bold;\n}\n/* ── MODAL LOGIN CLUB SABA ───────────────────────────────── */\n.sb-modal-login {\n  position: fixed;\n  inset: 0;\n  z-index: 200;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: var(--sp-5);\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity 250ms ease;\n}\n.sb-modal-login.is-open {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n\n.sb-new_lgo {\n  display: flex;\n  width: 100%;\n  justify-content: flex-end;\n\n  img {\n    width: 100%;\n    max-width: 200px;\n  }\n\n}\n\n.sb-modal-login__backdrop {\n  position: absolute;\n  inset: 0;\n  background: rgba(0, 0, 0, 0.55);\n  cursor: pointer;\n}\n\n.sb-modal-login__box {\n  position: relative;\n  z-index: 1;\n  background: #fff;\n  border-radius: var(--r-lg);\n  width: 100%;\n  max-width: 520px;\n  overflow: hidden;\n  box-shadow: 0 24px 64px rgba(209, 26, 136, 0.18);\n  transform: translateY(16px) scale(0.97);\n  transition: transform 250ms ease;\n}\n.sb-modal-login.is-open .sb-modal-login__box {\n  transform: translateY(0) scale(1);\n}\n\n/* Franja superior rosa */\n.sb-modal-login__box::before {\n  content: \"\";\n  display: block;\n  width: 100%;\n  height: 6px;\n  background: var(--saba-grad-cta);\n}\n\n/* Cerrar */\n.sb-modal-login__close {\n  position: absolute;\n  top: var(--sp-4);\n  right: var(--sp-4);\n  z-index: 2;\n  width: 32px;\n  height: 32px;\n  border-radius: 50%;\n  background: var(--saba-pink-050);\n  border: none;\n  color: var(--saba-mute);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: background 200ms ease, color 200ms ease;\n}\n.sb-modal-login__close:hover {\n  background: var(--saba-pink-100);\n  color: var(--saba-pink);\n}\n\n/* Balones decorativos */\n.sb-modal-login__ball {\n  position: absolute;\n  pointer-events: none;\n  opacity: 0.18;\n  z-index: 0;\n}\n.sb-modal-login__ball--tl {\n  width: 100px;\n  top: -20px;\n  left: -20px;\n}\n.sb-modal-login__ball--br {\n  width: 80px;\n  bottom: -16px;\n  right: -16px;\n}\n\n/* Content */\n.sb-modal-login__content {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: var(--sp-6);\n  padding: var(--sp-8) var(--sp-8) var(--sp-7);\n  text-align: center;\n}\n\n/* Logo */\n.sb-modal-login__logo {\n  display: block;\n  height: 52px;\n  width: auto;\n}\n\n/* Copy */\n.sb-modal-login__copy {\n  display: flex;\n  flex-direction: column;\n  gap: var(--sp-3);\n}\n.sb-modal-login__title {\n  font: var(--fw-bold) 32px/40px var(--font-display);\n  color: var(--saba-ink);\n  margin: 0;\n}\n.sb-modal-login__desc {\n  font: var(--fw-regular) 16px/26px var(--font-body);\n  color: var(--saba-ink-2);\n  margin: 0;\n  max-width: 400px;\n}\n.sb-modal-login__desc strong {\n  color: var(--saba-pink);\n  font-weight: var(--fw-bold);\n}\n\n/* Actions */\n.sb-modal-login__actions {\n  display: flex;\n  flex-direction: column;\n  gap: var(--sp-3);\n  width: 100%;\n}\n.sb-modal-login__btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: var(--sp-2);\n  height: 52px;\n  border-radius: var(--r-pill);\n  font: var(--fw-medium) 16px/1 var(--font-ui);\n  text-decoration: none;\n  cursor: pointer;\n  transition: box-shadow 200ms ease, transform 200ms ease, background 200ms ease;\n}\n.sb-modal-login__btn--primary {\n  background: var(--saba-grad-cta);\n  color: #fff;\n  border: none;\n  box-shadow: var(--sh-cta);\n}\n.sb-modal-login__btn--primary:hover {\n  box-shadow: var(--sh-cta-hi);\n  transform: translateY(-1px);\n}\n.sb-modal-login__btn--ghost {\n  background: #fff;\n  color: var(--saba-pink);\n  border: 1.5px solid var(--saba-pink);\n}\n.sb-modal-login__btn--ghost:hover {\n  background: var(--saba-pink-050);\n  transform: translateY(-1px);\n}\n\n/* Legal */\n.sb-modal-login__legal {\n  font: var(--fw-regular) 12px/18px var(--font-body);\n  color: var(--saba-mute);\n  margin: 0;\n}\n.sb-modal-login__legal a {\n  color: var(--saba-pink);\n  text-decoration: underline;\n}\n\n/* ── RESPONSIVE ───────────────────────────────────────────── */\n@media (max-width: 767px) {\n  .sb-modal-login__content { padding: var(--sp-7) var(--sp-5) var(--sp-6); }\n  .sb-modal-login__title   { font-size: 26px; line-height: 34px; }\n  .sb-modal-login__desc    { font-size: 15px; }\n  .sb-modal-login__logo    { height: 40px; }\n}\n/* ============================================================\n   NAV + HERO — Saba Mundial 2026\n   Requiere: colors_and_type.css\n   ============================================================ */\n\n/* ── NAV ──────────────────────────────────────────────────── */\n.sb-nav {\n  position: sticky;\n  top: 0;\n  z-index: 100;\n  background: #fff;\n  border-bottom: 1px solid var(--saba-border);\n}\n\n.sb-nav__inner {\n  max-width: var(--max-canvas);\n  margin: 0 auto;\n  height: var(--nav-h);\n  padding: 0 var(--gutter-md);\n  display: grid;\n  grid-template-columns: 1fr auto 1fr;\n  align-items: center;\n  gap: var(--sp-7);\n}\n\n.sb-nav__links {\n  display: flex;\n  align-items: center;\n  gap: var(--sp-7);\n  margin-top: -25px;\n}\n.sb-nav__links--right {\n  justify-content: flex-end;\n}\n.sb-nav__links a {\n  font: var(--fw-bold) 14px/22px var(--font-body);\n  color: var(--saba-navy);\n  letter-spacing: 0.5px;\n  text-decoration: none;\n  white-space: nowrap;\n  transition: color 200ms ease;\n}\n.sb-nav__links a:hover { color: var(--saba-pink); }\n\n.sb-nav__logo { justify-self: center; }\n.sb-nav__logo img { display: block; height: 115px; width: auto; }\n\n.sb-nav__icons {\n    display: flex;\n    align-items: center;\n    gap: var(--sp-5);\n    margin-left: var(--sp-5);\n    position: absolute;\n    right: 2%;\n    top: 33px;\n}\n.sb-nav__icon-btn {\n  background: none;\n  border: none;\n  padding: 0;\n  cursor: pointer;\n  color: var(--saba-navy);\n  display: flex;\n  align-items: center;\n  transition: color 200ms ease;\n}\n.sb-nav__icon-btn:hover { color: var(--saba-pink); }\n\n.sb-nav__cart { position: relative; }\n.sb-nav__cart-badge {\n  position: absolute;\n  top: -6px;\n  right: -8px;\n  width: 18px;\n  height: 18px;\n  border-radius: 50%;\n  background: var(--saba-pink);\n  color: #fff;\n  font: var(--fw-bold) 10px/1 var(--font-ui);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.sb-nav__burger {\n  display: none;\n  flex-direction: column;\n  gap: 5px;\n  background: none;\n  border: none;\n  cursor: pointer;\n  padding: var(--sp-2);\n}\n.sb-nav__burger span {\n  display: block;\n  width: 24px;\n  height: 2px;\n  background: var(--saba-navy);\n  border-radius: 2px;\n  transition: transform 250ms ease, opacity 200ms ease;\n}\n.sb-nav__burger.is-open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }\n.sb-nav__burger.is-open span:nth-child(2) { opacity: 0; }\n.sb-nav__burger.is-open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }\n\n.sb-nav__drawer {\n  overflow: hidden;\n  max-height: 0;\n  transition: max-height 300ms ease;\n  background: #fff;\n  border-top: 1px solid var(--saba-border);\n}\n.sb-nav__drawer.is-open { max-height: 300px; }\n\n.sb-nav__drawer-links {\n  display: flex;\n  flex-direction: column;\n  padding: var(--sp-4) var(--gutter-sm);\n  gap: var(--sp-4);\n}\n.sb-nav__drawer-links a {\n  font: var(--fw-bold) 14px/22px var(--font-body);\n  color: var(--saba-navy);\n  letter-spacing: 0.5px;\n  text-decoration: none;\n  padding: var(--sp-2) 0;\n  border-bottom: 1px solid var(--saba-border-soft);\n}\n.sb-nav__drawer-links a:last-child { border-bottom: none; }\n.sb-nav__drawer-links a:hover { color: var(--saba-pink); }\n\n\n/* ── HERO ─────────────────────────────────────────────────── */\n.sb-hero {\n  position: relative;\n  width: 100%;\n  min-height: 620px;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n}\n\n/* Fondo */\n.sb-hero__bg {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center;\n  pointer-events: none;\n  z-index: 0;\n}\n\n/* V SVG */\n.sb-hero__v {\n  position: absolute;\n  top: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 100%;\n  height: auto;\n  pointer-events: none;\n  z-index: 1;\n}\n\n/* ── Balones ──────────────────────────────────────────────── */\n@keyframes ball-float {\n  0%, 100% { transform: translateY(0px) rotate(0deg); }\n  50%       { transform: translateY(-12px) rotate(8deg); }\n}\n@keyframes ball-float-alt {\n  0%, 100% { transform: translateY(0px) rotate(0deg); }\n  50%       { transform: translateY(-8px) rotate(-6deg); }\n}\n@keyframes ball-float-sm {\n  0%, 100% { transform: translateY(0px) rotate(0deg); }\n  50%       { transform: translateY(-10px) rotate(10deg); }\n}\n\n.sb-hero__ball {\n  position: absolute;\n  pointer-events: none;\n  z-index: 2;\n}\n.sb-hero__ball--left {\n  left: 6%;\n  top: 80%;\n  width: 80px;\n  animation: ball-float-alt 4.2s ease-in-out infinite;\n}\n.sb-hero__ball--top-right {\n  right: 4%;\n  top: 6%;\n  width: 100px;\n  animation: ball-float 3.8s ease-in-out infinite;\n}\n.sb-hero__ball--bottom-right {\n  right: 18%;\n  bottom: 28%;\n  width: 64px;\n  animation: ball-float-sm 5s ease-in-out infinite 0.6s;\n}\n\n/* Mujer */\n.sb-hero__mujer {\n  position: absolute;\n  bottom: 120px;\n  left: 2%;\n  height: 80%;\n  max-height: 500px;\n  width: auto;\n  object-fit: contain;\n  object-position: bottom left;\n  pointer-events: none;\n  z-index: 3;\n}\n\n/* Copy */\n.sb-hero__copy {\n    position: relative;\n    z-index: 4;\n    max-width: var(--max-canvas);\n    width: 100%;\n    margin: 0 auto 60px;\n    padding: var(--sp-10) var(--gutter-lg) 0;\n    padding-left: 40%;\n}cv\n\n.sb-hero__eyebrow {\n  font: var(--fw-medium) 52px/58px var(--font-display);\n  color: #fff;\n  margin: 0;\n}\n.sb-hero__h1 {\n  font: var(--fw-bold) 80px/86px var(--font-display);\n  color: #fff;\n  letter-spacing: -1px;\n  margin: 0;\n}\n.sb-hero__sub {\n  font: var(--fw-bold) 24px/32px var(--font-display);\n  color: #fff;\n  margin: var(--sp-3) 0 0;\n  letter-spacing: 0.5px;\n}\n.sb-hero__desc {\n  font: var(--fw-regular) 14px/22px var(--font-body);\n  color: rgba(255,255,255,0.85);\n  max-width: 360px;\n  margin: var(--sp-4) 0 0;\n}\n\n/* Step cards */\n.sb-hero__steps {\n  position: relative;\n  z-index: 4;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  background-color: #fff;\n  width: 95%;\n  margin: 10px auto 30px;\n  border-radius: 20px;\n  max-width: 680px;\n  padding: 2rem 2rem 2rem;\n}\n\n/* CTA wrap — ocupa las 2 columnas */\n.sb-hero__cta-wrap {\n  grid-column: 1 / -1;\n  display: flex;\n  justify-content: center;\n  padding-top: var(--sp-2);\n}\n\n.sb-watch .sb-hero__cta-wrap {\n  justify-content: start;\n}\n.sb-hero__cta {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--sp-2);\n  height: 52px;\n  padding: 0 var(--sp-7);\n  border-radius: var(--r-pill);\n  background: var(--saba-grad-cta);\n  color: #fff;\n  font: var(--fw-medium) 16px/1 var(--font-ui);\n  border: 0;\n  cursor: pointer;\n  box-shadow: var(--sh-cta);\n  transition: box-shadow 200ms ease, transform 200ms ease;\n}\n.sb-hero__cta:hover {\n  box-shadow: var(--sh-cta-hi);\n  transform: translateY(-1px);\n}\n\n.sb-step {\n  background: #fff;\n  border-radius: var(--r-lg);\n  display: grid;\n  grid-template-columns: 96px 1fr;\n  overflow: hidden;\n  min-height: 120px;\n}\n.sb-step__num {\n  background: var(--saba-pink-100);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font: var(--fw-medium) 56px/1 var(--font-display);\n  color: var(--saba-pink-soft);\n  border-radius: 10px;\n}\n.sb-step__body {\n  padding: var(--sp-5) var(--sp-6);\n  font: var(--fw-regular) 14px/22px var(--font-body);\n  color: var(--saba-ink);\n  align-self: center;\n}\n.sb-step__hash {\n  font-weight: var(--fw-bold);\n  color: var(--saba-pink);\n}\n.sb-hero__eyebrow {\n    font: var(--fw-medium) 52px / 58px var(--font-display);\n    color: #fff;\n    margin: 0;\n}\n\n/* ── RESPONSIVE ───────────────────────────────────────────── */\n@media (max-width: 1024px) {\n  .sb-hero__copy {\n    padding: var(--sp-8) var(--sp-7) 0;\n    padding-left: 44%;\n  }\n  .sb-hero__steps   { padding: 0 var(--sp-7) var(--sp-9); }\n  .sb-hero__h1      { font-size: 58px; line-height: 64px; }\n  .sb-hero__eyebrow { font-size: 38px; line-height: 46px; }\n  .sb-hero__ball--left         { width: 70px; }\n  .sb-hero__ball--top-right    { width: 88px; }\n  .sb-hero__ball--bottom-right { width: 56px; }\n}\n\n@media (max-width: 767px) {\n  .sb-hero {\n    min-height: auto;\n  }\n\n  /* Copy arriba */\n  .sb-hero__copy {\n    order: 1;\n    position: relative;\n    padding: var(--sp-7) var(--gutter-sm) 0;\n    padding-left: var(--gutter-sm);\n  }\n  .sb-hero__eyebrow { font-size: 28px; line-height: 36px; }\n  .sb-hero__h1      { font-size: 42px; line-height: 48px; }\n  .sb-hero__sub     { font-size: 16px; line-height: 24px; }\n  .sb-hero__desc    { font-size: 13px; max-width: 100%; }\n\n  /* Mujer al centro en mobile */\n  .sb-hero__mujer {\n    position: relative;\n    bottom: auto;\n    left: auto;\n    order: 2;\n    width: 75%;\n    max-height: 300px;\n    height: auto;\n    margin: var(--sp-4) auto 0;\n    display: block;\n  }\n\n  /* Balones reposicionados mobile */\n  .sb-hero__ball--left         { left: 2%;  top: 35%;    width: 48px; }\n  .sb-hero__ball--top-right    { right: 2%; top: 4%;     width: 58px; }\n  .sb-hero__ball--bottom-right { right: 6%; bottom: 36%; width: 40px; }\n\n  /* Steps columna simple */\n  .sb-hero__steps {\n    order: 3;\n    grid-template-columns: 1fr;\n    padding: var(--sp-5) var(--gutter-sm) var(--sp-7);\n    margin-top: var(--sp-4);\n    gap: var(--sp-4);\n  }\n\n  .sb-hero__cta-wrap {\n    padding-top: var(--sp-3);\n  }\n\n  .sb-step { grid-template-columns: 72px 1fr; min-height: 100px; }\n  .sb-step__num  { font-size: 40px; }\n  .sb-step__body { font-size: 13px; line-height: 20px; padding: var(--sp-3) var(--sp-4); }\n}\n\n@media (max-width: 767px) {\n  .sb-nav__links  { display: none; }\n  .sb-nav__inner  {\n    padding: 0 var(--gutter-sm);\n    grid-template-columns: auto 1fr auto;\n    height: 64px;\n  }\n  .sb-nav__burger  { display: flex; }\n  .sb-nav__logo    { justify-self: center; }\n  .sb-nav__logo img{ height: 40px; }\n  .sb-nav__icons   { margin-left: 0; gap: var(--sp-3); }\n\n  .sb-hero {\n    display: flex;\n    flex-direction: column;\n    min-height: auto;\n  }\n  .sb-hero__copy {\n    order: 1;\n    padding: var(--sp-7) var(--gutter-sm) 0;\n    padding-left: var(--gutter-sm);\n  }\n  .sb-hero__eyebrow { font-size: 30px; line-height: 38px; }\n  .sb-hero__h1      { font-size: 44px; line-height: 50px; }\n  .sb-hero__sub     { font-size: 18px; line-height: 26px; }\n  .sb-hero__desc    { font-size: 13px; max-width: 100%; }\n\n  .sb-hero__mujer {\n    position: relative;\n    bottom: auto;\n    left: auto;\n    order: 2;\n    width: 80%;\n    max-height: 320px;\n    height: auto;\n    margin: var(--sp-4) auto 0;\n    display: block;\n  }\n\n  .sb-hero__ball--left        { left: 2%;  top: 38%;    width: 52px; }\n  .sb-hero__ball--top-right   { right: 2%; top: 5%;     width: 64px; }\n  .sb-hero__ball--bottom-right{ right: 10%; bottom: 38%; width: 44px; }\n\n  .sb-hero__steps {\n    order: 3;\n    grid-template-columns: 1fr;\n    padding: var(--sp-6) var(--gutter-sm) var(--sp-8);\n    margin-top: var(--sp-5);\n  }\n  .sb-step__num  { font-size: 40px; }\n  .sb-step__body { font-size: 13px; line-height: 20px; padding: var(--sp-4); }\n}\n\n/* ── VIDEO SECTION ───────────────────────────────────────── */\n.sb-video-sec {\n  position: relative;\n  width: 100%;\n  aspect-ratio: 16 / 9;\n  max-height: 640px;\n  overflow: hidden;\n  background: #000;\n}\n\n/* Video de fondo */\n.sb-video-sec__vid {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center;\n  z-index: 0;\n}\n\n/* Overlay oscuro */\n.sb-video-sec__overlay {\n  position: absolute;\n  inset: 0;\n  background: rgba(0, 0, 0, 0.38);\n  z-index: 1;\n}\n\n/* Contenido centrado */\n.sb-video-sec__content {\n  position: relative;\n  z-index: 2;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: var(--sp-7);\n  padding: var(--sp-9) var(--gutter-lg);\n}\n\n/* ── Botón play ───────────────────────────────────────────── */\n.sb-video-sec__play {\n  width: 72px;\n  height: 72px;\n  border-radius: 50%;\n  border: 2.5px solid rgba(255, 255, 255, 0.55);\n  background: #fff;\n  backdrop-filter: blur(6px);\n  -webkit-backdrop-filter: blur(6px);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: transform 200ms ease, background 200ms ease, border-color 200ms ease;\n  animation: play-pulse 2.8s ease-in-out infinite;\n}\n.sb-video-sec__play:hover {\n  transform: scale(1.1);\n  background: rgba(255, 255, 255, 0.28);\n  border-color: rgba(255, 255, 255, 0.9);\n  animation: none;\n}\n.sb-video-sec__play img {\n  display: block;\n  margin-left: 3px; /* óptico para centrar triángulo */\n}\n\n/* Estado reproduciendo — oculta el play */\n.sb-video-sec.is-playing .sb-video-sec__play {\n  opacity: 0;\n  pointer-events: none;\n  transform: scale(0.85);\n  transition: opacity 250ms ease, transform 250ms ease;\n}\n/* Al pausar vuelve */\n.sb-video-sec.is-playing:hover .sb-video-sec__play {\n  opacity: 1;\n  pointer-events: auto;\n  transform: scale(1);\n}\n\n/* Pulso sutil en reposo */\n@keyframes play-pulse {\n  0%, 100% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.25); }\n  50%       { box-shadow: 0 0 0 12px rgba(255, 255, 255, 0); }\n}\n\n/* ── Copy ────────────────────────────────────────────────── */\n.sb-video-sec__copy {\n  text-align: center;\n  color: #fff;\n  text-shadow: 0 0 50px var(--saba-pink);\n\n}\n.sb-hero__video {\n  position: absolute;\n  z-index: 5;\n  left: 0;\n  right: 0;\n  margin: -100px auto 0;\n  justify-content: center;\n  max-width: 340px;\n}\n.sb-video-sec__line1 {\n  font: var(--fw-medium) 48px/56px var(--font-display);\n  margin: 0;\n  letter-spacing: 1px;\n  color: #fff;\n}\n.sb-video-sec__line2 {\n  font: var(--fw-regular) 64px/72px var(--font-display);\n  margin: 0;\n  letter-spacing: 1px;\n  color: #fff;\n}\n.sb-video-sec__line2 strong {\n  font-weight: var(--fw-bold);\n  color: #fff;\n}\n\n/* ── RESPONSIVE ───────────────────────────────────────────── */\n@media (max-width: 1024px) {\n  .sb-video-sec__line1 { font-size: 36px; line-height: 44px; }\n  .sb-video-sec__line2 { font-size: 48px; line-height: 56px; }\n  .sb-video-sec__play  { width: 60px; height: 60px; }\n}\n\n@media (max-width: 767px) {\n  .sb-video-sec {\n    aspect-ratio: 9 / 14;\n    max-height: 560px;\n  }\n  .sb-video-sec__content { padding: var(--sp-7) var(--gutter-sm); gap: var(--sp-6); }\n  .sb-video-sec__line1   { font-size: 28px; line-height: 36px; }\n  .sb-video-sec__line2   { font-size: 36px; line-height: 44px; }\n  .sb-video-sec__play    { width: 56px; height: 56px; }\n}\n/* ── WATCHPARTY SECTION ──────────────────────────────────── */\n.sb-watch {\n  background: var(--saba-pink-050);\n  width: 100%;\n  padding: var(--sp-11) 0 var(--sp-10);\n}\n\n.sb-watch__inner {\n  max-width: var(--max-canvas);\n  margin: 0 auto;\n  padding: 0 var(--gutter-lg);\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 20px;\n}\n\n/* Título */\n.sb-watch__title {\n  font: var(--fw-medium) 56px/64px var(--font-display);\n  color: var(--saba-ink);\n  text-align: center;\n  margin: 0;\n  max-width: 740px;\n}\n.sb-watch__accent {\n  font-weight: var(--fw-bold);\n  color: var(--saba-pink);\n}\n\n/* Row */\n.sb-watch__row {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  /*display: grid;*/\n  /*grid-template-columns: 1fr 1fr;*/\n  align-items: center;\n  /*gap: var(--sp-9);*/\n  gap: 15px;\n}\n\n/* ── Left ── */\n.sb-watch__left {\n  display: flex;\n  flex-direction: column;\n  gap: var(--sp-5);\n}\n.sb-watch__sub {\n  font: var(--fw-bold) 24px/32px var(--font-display);\n  color: var(--saba-ink);\n  margin: 0;\n}\n.sb-watch__desc {\n  font: var(--fw-regular) 16px/24px var(--font-body);\n  color: var(--saba-ink-2);\n  margin: 0;\n  max-width: 340px;\n\n  span {\n    color: #D11A88;\n    padding-top: 2rem;\n  }\n}\n.sb-watch__cta {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--sp-2);\n  height: 56px;\n  padding: 0 var(--sp-7);\n  border-radius: var(--r-pill);\n  background: var(--saba-grad-cta);\n  color: #fff;\n  font: var(--fw-medium) 18px/1 var(--font-ui);\n  border: 0;\n  cursor: pointer;\n  box-shadow: var(--sh-cta);\n  align-self: flex-start;\n  transition: box-shadow 200ms ease, transform 200ms ease;\n}\n.sb-watch__cta:hover {\n  box-shadow: var(--sh-cta-hi);\n  transform: translateY(-1px);\n}\n\n/* ── Right ── */\n.sb-watch__right {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.sb-watch__halo {\n  position: absolute;\n  width: 420px;\n  height: 420px;\n  border-radius: 50%;\n  background: radial-gradient(circle, rgba(252,74,148,0.18) 0%, rgba(252,74,148,0) 70%);\n  pointer-events: none;\n  z-index: 0;\n}\n\n.sb-watch__prod {\n  position: relative;\n  z-index: 1;\n  width: 100%;\n  max-width: 520px;\n  height: auto;\n  object-fit: contain;\n  display: block;\n}\n\n/* ── Chips ── */\n.sb-watch__chip-wrap {\n  position: absolute;\n  z-index: 2;\n  display: flex;\n  align-items: center;\n  gap: var(--sp-2);\n}\n.sb-watch__chip-wrap--top    { top: 6%;    right: 8%;  flex-direction: column; align-items: flex-end; }\n.sb-watch__chip-wrap--left   { top: 48%;   left: 2%;   flex-direction: row; }\n.sb-watch__chip-wrap--bottom { bottom: 6%; right: 2%;  flex-direction: row-reverse; }\n\n.sb-watch__chip {\n  width: 36px;\n  height: 36px;\n  border-radius: 50%;\n  background: #fff;\n  border: 1.5px solid var(--saba-border);\n  color: var(--saba-pink);\n  font: var(--fw-regular) 22px/1 var(--font-ui);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-shadow: var(--sh-soft);\n  cursor: pointer;\n  flex-shrink: 0;\n  transition: background 200ms ease, border-color 200ms ease, transform 200ms ease;\n}\n.sb-watch__chip:hover {\n  background: var(--saba-pink-100);\n  border-color: var(--saba-pink);\n  transform: scale(1.08);\n}\n.sb-watch__chip.is-open {\n  background: var(--saba-pink);\n  border-color: var(--saba-pink);\n  color: #fff;\n}\n\n/* Tooltip */\n.sb-watch__tooltip {\n  background: #fff;\n  border: 1px solid var(--saba-border);\n  border-radius: var(--r-sm);\n  padding: var(--sp-2) var(--sp-3);\n  box-shadow: var(--sh-soft);\n  max-width: 180px;\n  min-width: 140px;\n  pointer-events: none;\n  opacity: 0;\n  transform: scale(0.9);\n  transform-origin: left center;\n  transition: opacity 200ms ease, transform 200ms ease;\n}\n.sb-watch__chip-wrap--top .sb-watch__tooltip    { transform-origin: right top; }\n.sb-watch__chip-wrap--bottom .sb-watch__tooltip { transform-origin: right bottom; }\n.sb-watch__tooltip.is-open {\n  opacity: 1;\n  transform: scale(1);\n  pointer-events: auto;\n}\n.sb-watch__tooltip-text {\n  font: var(--fw-regular) 12px/18px var(--font-body);\n  color: var(--saba-ink);\n  margin: 0;\n}\n\n/* ── RESPONSIVE ───────────────────────────────────────────── */\n@media (max-width: 1024px) {\n  .sb-watch__inner { padding: 0 var(--sp-7); }\n  .sb-watch__title { font-size: 44px; line-height: 52px; }\n  .sb-watch__row   { gap: var(--sp-7); }\n}\n\n@media (max-width: 767px) {\n  .sb-watch { padding: var(--sp-9) 0 var(--sp-8); }\n  .sb-watch__inner {\n    padding: 0 var(--gutter-sm);\n    gap: var(--sp-7);\n  }\n  .sb-watch__title  { font-size: 32px; line-height: 40px; }\n  .sb-watch__row    { grid-template-columns: 1fr; gap: var(--sp-7); }\n  .sb-watch__sub    { font-size: 20px; line-height: 28px; }\n  .sb-watch__desc   { max-width: 100%; font-size: 15px; }\n  .sb-watch__halo   { width: 280px; height: 280px; }\n  .sb-watch__prod   { max-width: 320px; margin: 0 auto; }\n  .sb-watch__chip-wrap--top    { top: 4%;  right: 6%; }\n  .sb-watch__chip-wrap--left   { top: 45%; left: 0; }\n  .sb-watch__chip-wrap--bottom { bottom: 4%; right: 2%; }\n}\n\n/* ── HISTORIAS SECTION ───────────────────────────────────── */\n.sb-stories {\n  background: var(--saba-pink-050);\n  width: 100%;\n  padding: var(--sp-11) 0 var(--sp-11);\n}\n\n.sb-stories__inner {\n  max-width: var(--max-canvas);\n  margin: 0 auto;\n  padding: 0 var(--gutter-lg);\n  display: flex;\n  flex-direction: column;\n  gap: var(--sp-8);\n}\n\n/* Título */\n.sb-stories__title {\n  font: var(--fw-medium) 48px/56px var(--font-display);\n  color: var(--saba-ink);\n  margin: 0;\n}\n.sb-stories__accent {\n  font-weight: var(--fw-bold);\n  color: var(--saba-pink);\n  font-style: normal;\n}\n\n/* Grid */\n.sb-stories__grid {\n  display: grid;\n  grid-template-columns: 1fr 380px;\n  gap: var(--sp-6);\n  align-items: start;\n}\n\n/* Card base */\n.sb-stories__card {\n  background: #fff;\n  border-radius: var(--r-lg);\n  overflow: hidden;\n  box-shadow: var(--sh-card);\n  cursor: pointer;\n  transition: box-shadow 200ms ease, transform 200ms ease;\n}\n.sb-stories__card:hover {\n  box-shadow: var(--sh-step);\n  transform: translateY(-2px);\n}\n\n/* Thumb */\n.sb-stories__thumb {\n  position: relative;\n  overflow: hidden;\n}\n.sb-stories__thumb-img {\n  display: block;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center top;\n  transition: transform 300ms ease;\n}\n.sb-stories__card:hover .sb-stories__thumb-img {\n  transform: scale(1.03);\n}\n.sb-stories__thumb-overlay {\n  position: absolute;\n  inset: 0;\n  background: rgba(0,0,0,0.20);\n  transition: background 200ms ease;\n}\n.sb-stories__card:hover .sb-stories__thumb-overlay {\n  background: rgba(0,0,0,0.28);\n}\n\n/* Card large */\n.sb-stories__card--lg .sb-stories__thumb {\n  height: 320px;\n}\n\n/* Card small */\n.sb-stories__card--sm .sb-stories__thumb {\n  height: 160px;\n}\n\n/* Play button */\n.sb-stories__play {\n  position: absolute;\n  right: 14px;\n  bottom: 14px;\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  background: #fff;\n  backdrop-filter: blur(4px);\n  -webkit-backdrop-filter: blur(4px);\n  border: 1.5px solid rgba(255,255,255,0.60);\n  color: var(--saba-pink);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: transform 200ms ease, background 200ms ease;\n  z-index: 2;\n}\n.sb-stories__play:hover {\n  transform: scale(1.1);\n  background: rgba(255,255,255,0.50);\n}\n.sb-stories__card--lg .sb-stories__play {\n  width: 52px;\n  height: 52px;\n  right: 18px;\n  bottom: 18px;\n}\n\n/* Info */\n.sb-stories__info {\n  padding: var(--sp-4) var(--sp-5);\n  display: flex;\n  flex-direction: column;\n  gap: var(--sp-1);\n}\n.sb-stories__name {\n  font: var(--fw-medium) 18px/26px var(--font-body);\n  color: var(--saba-pink);\n  margin: 0;\n}\n.sb-stories__card--sm .sb-stories__name {\n  font-size: 15px;\n  line-height: 22px;\n}\n.sb-stories__role {\n  font: var(--fw-regular) 14px/22px var(--font-body);\n  color: var(--saba-ink-2);\n  margin: 0;\n}\n\n/* Col cards pequeñas */\n.sb-stories__col {\n  display: flex;\n  flex-direction: column;\n  gap: var(--sp-5);\n}\n\n/* ── MODAL ───────────────────────────────────────────────── */\n.sb-stories__modal {\n  position: fixed;\n  inset: 0;\n  z-index: 999;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity 250ms ease;\n}\n.sb-stories__modal.is-open {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.sb-stories__modal-backdrop {\n  position: absolute;\n  inset: 0;\n  background: rgba(0,0,0,0.75);\n  cursor: pointer;\n}\n\n.sb-stories__modal-box {\n  position: relative;\n  z-index: 1;\n  width: 90%;\n  max-width: 900px;\n  border-radius: var(--r-lg);\n  overflow: hidden;\n  background: #000;\n  box-shadow: 0 24px 64px rgba(0,0,0,0.50);\n  transform: scale(0.92);\n  transition: transform 250ms ease;\n}\n.sb-stories__modal.is-open .sb-stories__modal-box {\n  transform: scale(1);\n}\n\n.sb-stories__modal-vid {\n  display: block;\n  width: 100%;\n  aspect-ratio: 16 / 9;\n  background: #000;\n}\n\n.sb-stories__modal-close {\n  position: absolute;\n  top: 12px;\n  right: 12px;\n  z-index: 2;\n  width: 36px;\n  height: 36px;\n  border-radius: 50%;\n  background: rgba(0,0,0,0.55);\n  border: none;\n  color: #fff;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: background 200ms ease;\n}\n.sb-stories__modal-close:hover {\n  background: rgba(0,0,0,0.85);\n}\n\n/* ── RESPONSIVE ───────────────────────────────────────────── */\n@media (max-width: 1024px) {\n  .sb-stories__inner { padding: 0 var(--sp-7); }\n  .sb-stories__grid  { grid-template-columns: 1fr 300px; }\n  .sb-stories__title { font-size: 40px; line-height: 48px; }\n}\n\n@media (max-width: 767px) {\n  .sb-stories { padding: var(--sp-9) 0; }\n  .sb-stories__inner { padding: 0 var(--gutter-sm); gap: var(--sp-6); }\n  .sb-stories__title { font-size: 32px; line-height: 40px; }\n  .sb-stories__grid  { grid-template-columns: 1fr; }\n  .sb-stories__card--lg .sb-stories__thumb { height: 240px; }\n  .sb-stories__col   { flex-direction: row; gap: var(--sp-4); }\n  .sb-stories__card--sm .sb-stories__thumb { height: 130px; }\n  .sb-stories__col .sb-stories__card--sm   { flex: 1; }\n}\n/* ── PRODUCTOS SECTION ───────────────────────────────────── */\n.sb-prods {\n  background: #fff;\n  width: 100%;\n  padding: var(--sp-11) 0 var(--sp-11);\n}\n\n.sb-prods__inner {\n  max-width: var(--max-canvas);\n  margin: 0 auto;\n  padding: 0 var(--gutter-lg);\n  display: flex;\n  flex-direction: column;\n  gap: var(--sp-8);\n}\n\n/* Head */\n.sb-prods__head {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n\n.sb-prods__title {\n  font: var(--fw-medium) 56px/64px var(--font-display);\n  color: var(--saba-ink);\n  margin: 0;\n}\n.sb-prods__accent {\n  font-weight: var(--fw-bold);\n  color: var(--saba-pink);\n  font-style: normal;\n}\n\n/* Nav botones */\n.sb-prods__nav {\n  display: flex;\n  gap: var(--sp-3);\n}\n.sb-prods__nav-btn {\n  width: 48px;\n  height: 48px;\n  border-radius: 50%;\n  background: var(--saba-pink);\n  border: none;\n  color: #fff;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: background 200ms ease, transform 200ms ease;\n  box-shadow: var(--sh-cta);\n}\n.sb-prods__nav-btn:hover {\n  background: var(--saba-pink-deep);\n  transform: scale(1.06);\n}\n.sb-prods__nav-btn.swiper-button-disabled {\n  background: var(--saba-border);\n  box-shadow: none;\n  cursor: default;\n  transform: none;\n}\n\n/* Swiper override */\n.sb-prods__swiper {\n  width: 100%;\n  overflow: hidden;\n  --swiper-theme-color: var(--saba-pink);\n}\n\n/* Product card */\n.sb-prod-card {\n  background: #fff;\n  border: 1px solid var(--saba-border);\n  border-radius: var(--r-lg);\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  transition: box-shadow 200ms ease, transform 200ms ease;\n}\n.sb-prod-card:hover {\n  box-shadow: var(--sh-card);\n  transform: translateY(-2px);\n}\n.sb-prod-card--featured {\n  background: var(--saba-pink-2);\n  border-color: var(--saba-pink-2);\n}\n\n/* Media */\n.sb-prod-card__media {\n  position: relative;\n  width: 100%;\n  aspect-ratio: 1 / 1;\n  overflow: hidden;\n  background: var(--saba-bg-tint);\n}\n.sb-prod-card__media img {\n  display: block;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center;\n  transition: transform 300ms ease;\n}\n.sb-prod-card:hover .sb-prod-card__media img {\n  transform: scale(1.04);\n}\n\n/* Badge */\n.sb-prod-card__badge {\n  position: absolute;\n  top: 12px;\n  right: 12px;\n  height: 26px;\n  padding: 0 10px;\n  border-radius: var(--r-pill);\n  background: #fff;\n  border: 1px solid var(--saba-border);\n  font: var(--fw-medium) 12px/26px var(--font-body);\n  color: var(--saba-ink);\n  white-space: nowrap;\n}\n\n/* Body */\n.sb-prod-card__body {\n  padding: var(--sp-5);\n  display: flex;\n  flex-direction: column;\n  gap: var(--sp-2);\n  flex: 1;\n}\n.sb-prod-card__cat {\n  font: var(--fw-regular) 13px/20px var(--font-body);\n  color: var(--saba-mute);\n  margin: 0;\n}\n.sb-prod-card--featured .sb-prod-card__cat { color: rgba(255,255,255,0.75); }\n\n.sb-prod-card__name {\n  font: var(--fw-medium) 15px/22px var(--font-body);\n  color: var(--saba-ink);\n  margin: 0;\n  min-height: 44px;\n}\n.sb-prod-card--featured .sb-prod-card__name { color: #fff; }\n\n.sb-prod-card__price {\n  font: var(--fw-medium) 22px/30px var(--font-body);\n  color: var(--saba-ink);\n  margin: var(--sp-1) 0 0;\n}\n.sb-prod-card--featured .sb-prod-card__price { color: #fff; }\n\n.sb-prod-card__btn {\n  margin-top: auto;\n  height: 40px;\n  border-radius: var(--r-pill);\n  background: var(--saba-navy);\n  border: none;\n  color: #fff;\n  font: var(--fw-medium) 14px/1 var(--font-ui);\n  cursor: pointer;\n  transition: background 200ms ease, transform 200ms ease;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.sb-prod-card__btn:hover {\n  background: var(--saba-navy-2);\n  transform: translateY(-1px);\n}\n.sb-prod-card--featured .sb-prod-card__btn {\n  background: #fff;\n  color: var(--saba-pink);\n}\n.sb-prod-card--featured .sb-prod-card__btn:hover {\n  background: var(--saba-pink-100);\n}\n\n/* ── RESPONSIVE ───────────────────────────────────────────── */\n@media (max-width: 1024px) {\n  .sb-prods__inner { padding: 0 var(--sp-7); }\n  .sb-prods__title { font-size: 44px; line-height: 52px; }\n}\n\n@media (max-width: 767px) {\n  .sb-prods { padding: var(--sp-9) 0; }\n  .sb-prods__inner { padding: 0 var(--gutter-sm); gap: var(--sp-6); }\n  .sb-prods__title { font-size: 32px; line-height: 40px; }\n  .sb-prods__nav-btn { width: 40px; height: 40px; }\n}\n/* ── CTA BANNER SECTION ──────────────────────────────────── */\n.sb-banner {\n  position: relative;\n  width: 100%;\n  min-height: 420px;\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n}\n\n/* Fondo */\n.sb-banner__bg {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center;\n  pointer-events: none;\n  z-index: 0;\n}\n\n/* V shape */\n.sb-banner__v {\n  position: absolute;\n  top: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  pointer-events: none;\n  z-index: 1;\n  opacity: 0.6;\n}\n\n/* Logo bottom-left */\n.sb-banner__logo-wrap {\n  position: absolute;\n  bottom: var(--sp-6);\n  left: var(--sp-7);\n  z-index: 3;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.sb-banner__logo {\n  display: block;\n  height: 36px;\n  width: auto;\n}\n\n/* Balones */\n.sb-banner__ball {\n  position: absolute;\n  pointer-events: none;\n  z-index: 2;\n}\n.sb-banner__ball--top-left {\n  left: 4%;\n  top: 5%;\n  width: 72px;\n  animation: ball-float-alt 4.5s ease-in-out infinite;\n}\n.sb-banner__ball--mid-left {\n  left: 15%;\n  top: 45%;\n  width: 96px;\n  animation: ball-float 3.9s ease-in-out infinite 0.4s;\n}\n.sb-banner__ball--top-right {\n  right: 3%;\n  top: 8%;\n  width: 88px;\n  animation: ball-float-alt 4.2s ease-in-out infinite 0.8s;\n}\n.sb-banner__ball--bottom-right {\n  right: 6%;\n  bottom: 20%;\n  width: 64px;\n  animation: ball-float-sm 5.2s ease-in-out infinite 0.2s;\n}\n\n/* Inner */\n.sb-banner__inner {\n  position: relative;\n  z-index: 3;\n  max-width: var(--max-canvas);\n  width: 100%;\n  margin: 0 auto;\n  padding: var(--sp-10) var(--gutter-lg);\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n}\n\n/* Copy */\n.sb-banner__copy {\n  display: flex;\n  flex-direction: column;\n  gap: 0;\n  align-items: center;\n}\n.sb-banner__line1 {\n  font: var(--fw-medium) 32px/40px var(--font-display);\n  color: rgba(255,255,255,0.90);\n  margin: 0;\n  letter-spacing: 2px;\n}\n\n.sb-video-sec .sb-watch__cta {\n    position: absolute;\n    margin: -10% auto 0;\n    z-index: 2;\n    left: 0;\n    right: 0;\n    max-width: 200px;\n}\n.sb-banner__line2 {\n  font: var(--fw-bold) 96px/100px var(--font-display);\n  color: #fff;\n  margin: 0;\n  letter-spacing: -2px;\n}\n.sb-banner__line3 {\n  font: var(--fw-medium) 64px/72px var(--font-display);\n  color: rgba(255,255,255,0.92);\n  margin: 0;\n  letter-spacing: 1px;\n}\n\n/* Producto */\n.sb-banner__prod {\n  display: flex;\n  align-items: flex-end;\n  justify-content: center;\n}\n.sb-banner__prod-img {\n  display: block;\n  width: 100%;\n  max-width: 480px;\n  height: auto;\n  object-fit: contain;\n  filter: drop-shadow(0 20px 40px rgba(0,0,0,0.20));\n}\n\n/* ── RESPONSIVE ───────────────────────────────────────────── */\n@media (max-width: 1024px) {\n  .sb-banner__inner  { padding: var(--sp-9) var(--sp-7); }\n  .sb-banner__line2  { font-size: 72px; line-height: 78px; }\n  .sb-banner__line3  { font-size: 48px; line-height: 56px; }\n  .sb-banner__line1  { font-size: 26px; line-height: 34px; }\n  .sb-banner__ball--mid-left  { width: 72px; }\n  .sb-banner__ball--top-right { width: 68px; }\n}\n\n@media (max-width: 767px) {\n  .sb-banner { min-height: auto; }\n  .sb-banner__inner {\n    grid-template-columns: 1fr;\n    padding: var(--sp-8) var(--gutter-sm);\n    gap: var(--sp-5);\n    text-align: center;\n  }\n  .sb-banner__line1 { font-size: 20px; line-height: 28px; }\n  .sb-banner__line2 { font-size: 52px; line-height: 58px; letter-spacing: -1px; }\n  .sb-banner__line3 { font-size: 36px; line-height: 44px; }\n  .sb-banner__prod-img { max-width: 300px; margin: 0 auto; }\n  .sb-banner__ball--top-left    { width: 48px; left: 2%; top: 3%; }\n  .sb-banner__ball--mid-left    { width: 56px; left: 1%; top: 50%; }\n  .sb-banner__ball--top-right   { width: 52px; right: 2%; top: 4%; }\n  .sb-banner__ball--bottom-right{ width: 40px; right: 3%; bottom: 6%; }\n  .sb-banner__logo-wrap { bottom: var(--sp-4); left: var(--sp-4); }\n  .sb-banner__logo { height: 28px; }\n}\n/* ── FOOTER ──────────────────────────────────────────────── */\n.sb-footer {\n  background: #fff;\n  border-top: 1px solid var(--saba-border);\n  width: 100%;\n  padding: var(--sp-8) 0 var(--sp-7);\n}\n\n.sb-footer__inner {\n  max-width: var(--max-canvas);\n  margin: 0 auto;\n  padding: 0 var(--gutter-lg);\n  display: flex;\n  flex-direction: column;\n  gap: var(--sp-7);\n}\n\n/* Top row */\n.sb-footer__top {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n\n.sb-footer__copy {\n  font: var(--fw-medium) 14px/22px var(--font-body);\n  color: var(--saba-navy);\n  margin: 0;\n}\n\n/* Social */\n.sb-footer__social {\n  display: flex;\n  align-items: center;\n  gap: var(--sp-5);\n}\n.sb-footer__social-link {\n  color: var(--saba-navy);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: color 200ms ease, transform 200ms ease;\n}\n.sb-footer__social-link:hover {\n  color: var(--saba-pink);\n  transform: translateY(-2px);\n}\n\n/* Nav */\n.sb-footer__nav-list {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: var(--sp-4) var(--sp-6);\n}\n.sb-footer__nav-link {\n  font: var(--fw-regular) 14px/22px var(--font-body);\n  color: var(--saba-navy);\n  text-decoration: none;\n  transition: color 200ms ease;\n}\n.sb-footer__nav-link:hover { color: var(--saba-pink); }\n\n/* Divider */\n.sb-footer__divider {\n  border: none;\n  border-top: 1px solid var(--saba-border);\n  margin: 0;\n}\n\n/* Essity */\n.sb-footer__essity {\n  display: flex;\n  align-items: flex-start;\n  gap: var(--sp-6);\n}\n.sb-footer__essity-logo {\n  display: block;\n  flex-shrink: 0;\n  margin-top: 2px;\n  min-width: 120px;\n}\n.sb-footer__essity-text {\n  display: flex;\n  flex-direction: column;\n  gap: var(--sp-2);\n}\n.sb-footer__essity-desc {\n  font: var(--fw-regular) 12px/20px var(--font-body);\n  color: var(--saba-mute);\n  margin: 0;\n}\n.sb-footer__essity-desc a {\n  color: var(--saba-navy);\n  text-decoration: underline;\n}\n.tyc {\n    color: #fff;\n    width: 100%;\n    text-align: center;\n    font-size: 12px;\n    font-style: italic;\n  }\n.sb-footer__essity-desc a:hover { color: var(--saba-pink); }\n\n.sb-footer__essity-copy {\n  font: var(--fw-regular) 12px/20px var(--font-body);\n  color: var(--saba-mute);\n  margin: 0;\n}\n\n/* ── RESPONSIVE ───────────────────────────────────────────── */\n@media (max-width: 1024px) {\n  .sb-footer__inner       { padding: 0 var(--sp-7); }\n  .sb-footer__nav-list    { grid-template-columns: repeat(3, 1fr); }\n}\n\n@media (max-width: 767px) {\n  .sb-footer__inner    { padding: 0 var(--gutter-sm); gap: var(--sp-6); }\n  .sb-footer__nav-list { grid-template-columns: repeat(2, 1fr); gap: var(--sp-3) var(--sp-4); }\n  .sb-footer__essity   { flex-direction: column; gap: var(--sp-4); }\n  .sb-footer__social   { gap: var(--sp-4); }\n}\n/* ── CAMBIA EL JUEGO SECTION ─────────────────────────────── */\n.sb-cambia {\n  position: relative;\n  width: 100%;\n  min-height: 480px;\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n  background-color: #dd6fb2;\n}\n\n/* Desktop bg — imagen única cubre todo */\n.sb-cambia__bg-desk {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center top;\n  pointer-events: none;\n  z-index: 0;\n}\n\n/* Mobile assets — ocultos en desktop */\n.sb-cambia__bg-mob,\n.sb-cambia__mujer-mob {\n  display: none;\n}\n\n/* Inner — dos columnas: copy izq | steps der */\n.sb-cambia__inner {\n    position: relative;\n    z-index: 2;\n    width: 100%;\n    margin: 0 0 122px 15%;\n    padding: 100px 10px 0 10px;\n    display: flex;\n    align-items: center;\n    gap: var(--sp-9);\n    max-width: 700px;\n    flex-direction: column;\n}\n\n/* ── Copy — izquierda ── */\n.sb-cambia__copy {\n  display: flex;\n  flex-direction: column;\n  gap: 0;\n  align-items: center;\n}\n.sb-cambia__line1 {\n  font: var(--fw-medium) 24px/32px var(--font-display);\n  color: #fff;\n  margin: 0;\n  letter-spacing: 2px;\n  text-shadow: 0 2px 8px rgba(0,0,0,0.18);\n  font-style: italic;\n}\n.sb-cambia__line2 {\n  font: var(--fw-bold) 88px/94px var(--font-display);\n  color: #fff;\n  margin: 0;\n  letter-spacing: -2px;\n  text-shadow: 0 4px 24px rgba(0,0,0,0.20);\n}\n.sb-cambia__line3 {\n  font: var(--fw-medium) 52px/60px var(--font-display);\n  color: #fff;\n  margin: 0;\n  letter-spacing: 1px;\n  font-weight: bold;\n  text-shadow: 0 2px 8px rgba(0,0,0,0.18);\n}\n\n/* ── Steps — derecha ── */\n.sb-cambia__steps {\n        display: flex;\n    flex-direction: column;\n    gap: var(--sp-4);\n    background: rgba(255, 255, 255, 0.88);\n    border-radius: 10px;\n    padding: 2rem 4rem;\n}\n\n.sb-cambia__step {\n\n\n  display: grid;\n  grid-template-columns: 64px 1fr;\n  overflow: hidden;\n gap: 20px;\n  min-height: 80px;\n}\n.sb-cambia__step-num {\n  display: flex;\n    align-items: center;\n    justify-content: center;\n    font: var(--fw-medium) 36px / 1 var(--font-display);\n    color: #D11A88;\n    background: #fff;\n    padding: var(--sp-4);\n    border-radius: 8px;\n}\n.sb-cambia__step-body {\n  padding: var(--sp-4) var(--sp-5) var(--sp-4) 0;\n  font: var(--fw-regular) 14px/22px var(--font-body);\n  color: var(--saba-ink);\n  align-self: center;\n}\n.sb-cambia__hash {\n  font-weight: var(--fw-bold);\n  color: var(--saba-pink);\n}\n.sb-cambia__accent {\n  font-weight: var(--fw-bold);\n  color: var(--saba-pink);\n}\n\n/* CTA */\n.sb-cambia__cta-wrap {\n  display: flex;\n  justify-content: flex-start;\n  margin-top: var(--sp-2);\n}\n.sb-cambia__cta {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--sp-2);\n  height: 52px;\n  padding: 0 var(--sp-7);\n  border-radius: var(--r-pill);\n  background: var(--saba-grad-cta);\n  color: #fff;\n  font: var(--fw-medium) 16px/1 var(--font-ui);\n  text-decoration: none;\n  border: 0;\n  box-shadow: var(--sh-cta);\n  transition: box-shadow 200ms ease, transform 200ms ease;\n}\n.sb-cambia__cta:hover {\n  box-shadow: var(--sh-cta-hi);\n  transform: translateY(-1px);\n}\n\n.sb-banner__web {\n  display: block;\n  width: 100%;\n  margin: 0 auto;\n}\n.sb-banner__mob {\n  display: none;\n}\n\n/* ── TABLET ───────────────────────────────────────────────── */\n@media (max-width: 1024px) {\n  .sb-cambia__inner {\n    padding: var(--sp-9) var(--sp-7);\n    gap: var(--sp-6);\n  }\n  .sb-cambia__line2 { font-size: 68px; line-height: 74px; }\n  .sb-cambia__line3 { font-size: 40px; line-height: 48px; }\n  .sb-cambia__line1 { font-size: 20px; line-height: 28px; }\n}\n\n/* ── MOBILE ───────────────────────────────────────────────── */\n@media (max-width: 767px) {\n  .sb-video-sec .sb-watch__cta {\n      position: absolute;\n      margin: -45% auto 0;\n      z-index: 2;\n      left: 0;\n      right: 0;\n      max-width: 200px;\n  }\n\n  .sb-cambia {\n    min-height: 800px;\n    flex-direction: column;\n    align-items: stretch;\n    background-color: #dd6fb2;\n  }\n\n\n  .sb-banner__web {\n    display: none;\n  }\n  .sb-banner__mob {\n    display: block;\n    width: 100%;\n    margin: 0 auto;\n  }\n\n  /* Ocultar desktop image */\n  .sb-cambia__bg-desk { display: none; }\n\n  /* Fondo mobile */\n  .sb-cambia__bg-mob {\n    display: block;\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center top;\n    pointer-events: none;\n    z-index: 0;\n  }\n\n  /* Chica mobile — fluye dentro del layout */\n  .sb-cambia__mujer-mob {\n      display: block;\n      position: absolute;\n      z-index: 2;\n      width: 100%;\n      object-fit: cover;\n      object-position: center top;\n      margin-top: 155px;\n  }\n\n  /* Inner mobile — columna única */\n  .sb-cambia__inner {\n    position: relative;\n    z-index: 2;\n    grid-template-columns: 1fr;\n    padding: var(--sp-5) var(--gutter-sm) var(--sp-8);\n    gap: var(--sp-5);\n    width: 100%;\n    margin: 0;\n  }\n\n  /* Copy mobile — arriba, sobre imagen */\n  .sb-cambia__copy {\n    order: -1;\n    text-align: left;\n    padding: var(--sp-6) var(--gutter-sm) 0;\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    z-index: 3;\n  }\n  .sb-cambia__line1 { font-size: 16px; line-height: 24px; }\n  .sb-cambia__line2 { font-size: 48px; line-height: 52px; letter-spacing: -1px; }\n  .sb-cambia__line3 { font-size: 32px; line-height: 40px; }\n\n  /* Steps mobile — debajo de la chica */\n  .sb-cambia__steps {\n    margin-top: 380px;\n  }\n\n  .sb-cambia__step {\n    grid-template-columns: 52px 1fr;\n    min-height: 72px;\n    background: rgba(255,255,255,0.92);\n    gap: 20px;\n  }\n  .sb-cambia__step-num  { font-size: 28px; padding: var(--sp-3); }\n  .sb-cambia__step-body { font-size: 13px; line-height: 20px; padding: var(--sp-3) var(--sp-4) var(--sp-3) 0; }\n\n  .sb-cambia__cta-wrap { justify-content: center; }\n  .sb-cambia__cta { font-size: 15px; height: 48px; }\n\n}\n</style>\n<!-- ── NAV ─────────────────────────────────────────────────── -->\n<header class=\"sb-nav\" id=\"sbNav\">\n<div class=\"sb-nav__inner\">\n<button class=\"sb-nav__burger\" id=\"sbBurger\" aria-label=\"Abrir menú\" aria-expanded=\"false\">\n<span></span><span></span><span></span>\n</button>\n<nav class=\"sb-nav__links sb-nav__links--left\">\n<a href=\"#sb-video\" class=\"sb-nav__anchor\">Juega y gana puntos</a>\n</nav>\n<a class=\"sb-nav__logo\" href=\"#\" aria-label=\"Saba\">\n<img src=\"https://superlikers-themes.s3.us-east-1.amazonaws.com/sabaclub/2026/landing_new/Brand_logo.png\" alt=\"Saba\" width=\"120\" height=\"55\" />\n</a>\n<nav class=\"sb-nav__links sb-nav__links--right\">\n<a href=\"#sb-stories\" class=\"sb-nav__anchor\">Historias <br>\nque inspiran</a>\n<a href=\"#sb-prods\" class=\"sb-nav__anchor\">Compra ahora | Saba® V-Sport</a>\n</nav>\n<div class=\"sb-nav__icons\">\n<a href=\"/home\" class=\"sb-nav__anchor Saba_Club\">Saba Club</a>\n</div>\n</div>\n<!-- Mobile drawer -->\n<div class=\"sb-nav__drawer\" id=\"sbDrawer\" aria-hidden=\"true\">\n<nav class=\"sb-nav__drawer-links\">\n<a href=\"#sb-watch\" class=\"sb-nav__anchor\">Participa | Experiencia Saba®</a>\n<a href=\"#sb-video\" class=\"sb-nav__anchor\">Juega y gana puntos</a>\n<a href=\"#sb-stories\" class=\"sb-nav__anchor\">Historias que inspiran</a>\n<a href=\"#sb-prods\" class=\"sb-nav__anchor\">Compra ahora | Saba® V-Sport</a>\n<a href=\"#sb-loyalty\" class=\"sb-nav__anchor\">Programa de Lealtad | Saba® Club</a>\n</nav>\n</div>\n</header>\n<section class=\"sb-cambia\" id=\"sb-cambia\">\n<img class=\"sb-cambia__bg-desk\" src=\"https://superlikers-themes.s3.us-east-1.amazonaws.com/sabaclub/2026/landing_new/emocional5aa.png\" alt=\"\" aria-hidden=\"true\" />\n<img class=\"sb-cambia__bg-mob\" src=\"https://superlikers-themes.s3.us-east-1.amazonaws.com/sabaclub/2026/landing_new/fondo_mobil.png\" alt=\"\" aria-hidden=\"true\" />\n<img class=\"sb-cambia__mujer-mob\" src=\"https://superlikers-themes.s3.us-east-1.amazonaws.com/sabaclub/2026/landing_new/mujer_mobile.png\" alt=\"Atleta Saba\" />\n<div class=\"sb-cambia__inner\">\n<div class=\"sb-cambia__copy\">\n<p class=\"sb-cambia__line1\">CAMBIAS TÚ,</p>\n<h2 class=\"sb-cambia__line2\">CAMBIA</h2>\n<p class=\"sb-cambia__line3\">EL JUEGO</p>\n</div>\n<div class=\"sb-cambia__steps\">\n<div class=\"sb-cambia__cta-wrap\">\n<a href=\"/game\" class=\"sb-cambia__cta\"> Juega ahora\n<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7 17L17 7M9 7h8v8\"/></svg>\n</a>\n</div>\n</div>\n<small class=\"tyc\">Responsable de la publicidad y contenido: Essity Higiene y Salud México, S.A. de C.V. – ® D.R. 2026 *Actividad no patrocinada por la FIFA 2026, Selección Mexicana de Fútbol, Federación Mexicana de Fútbol y Liga MX Femenil.</small>\n</div>\n</section>\n<!-- ── VIDEO SECTION ─────────────────────────────────────── -->\n<section class=\"sb-video-sec\" id=\"sb-video\">\n<video class=\"sb-video-sec__vid\" id=\"sbVideoSec\" src=\"https://superlikers-themes.s3.us-east-1.amazonaws.com/sabaclub/2026/landing_new/videos/Generico_Saba_Hero_20s_Dig.mp4\" poster=\"https://superlikers-themes.s3.us-east-1.amazonaws.com/sabaclub/2026/landing_new/homevideo.png\" playsinline muted loop preload=\"metadata\"></video>\n<div class=\"sb-video-sec__overlay\"></div>\n<div class=\"sb-video-sec__content\">\n<button class=\"sb-video-sec__play\" id=\"sbVideoPlay\" aria-label=\"Reproducir video\">\n<img src=\"https://superlikers-themes.s3.us-east-1.amazonaws.com/sabaclub/2026/landing_new/Path.svg\" alt=\"\" aria-hidden=\"true\" width=\"24\" height=\"24\" />\n</button>\n<div class=\"sb-video-sec__copy\">\n<p class=\"sb-video-sec__line1\">CAMBIAS TÚ</p>\n<p class=\"sb-video-sec__line2\"><strong>CAMBIA</strong> EL JUEGO</p>\n</div>\n</div>\n<a href=\"game\" class=\"sb-watch__cta\">Juega ahora\n<svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7 17L17 7M9 7h8v8\"/></svg>\n</a>\n<small style=\"position: absolute;bottom: 3%;width: 90%;right: 0;left: 0;margin: 0 auto;font-size: 10px;\" class=\"tyc\">Responsable de la publicidad y contenido: Essity Higiene y Salud México, S.A. de C.V. – ® D.R. 2026 *Actividad no patrocinada por la FIFA 2026, Selección Mexicana de Fútbol, Federación Mexicana de Fútbol y Liga MX Femenil.</small>\n</section>\n<!-- ── WATCHPARTY SECTION ────────────────────────────────── -->\n<section class=\"sb-watch\" id=\"sb-watch\">\n<div class=\"sb-watch__inner\">\n<h2 class=\"sb-watch__title\">  <strong class=\"sb-watch__accent\">Saba® V-Sport</strong> </h2>\n<div class=\"sb-watch__row\">\n<div class=\"sb-watch__left\">\n<div class=\"sb-hero__cta-wrap\">\n<a href=\"/game\" class=\"sb-hero__cta js-modal-login\">Jugar ahora\n<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7 17L17 7M9 7h8v8\"/></svg>\n</a>\n</div>\n</div>\n<div class=\"sb-watch__right\">\n<div class=\"sb-watch__halo\"></div>\n<img src=\"https://superlikers-themes.s3.us-east-1.amazonaws.com/sabaclub/2026/landing_new/elipse.png\" alt=\"Saba v-bio 40 protectores diarios\" class=\"sb-watch__prod\" width=\"520\" height=\"400\" />\n<small style=\"position: absolute;bottom: 3%;width: 90%;right: 0;left: 0;margin: 0 auto;font-size: 10px;color:var(--saba-ink-2)\" class=\"tyc\">HIGIENE ES SALUD - 2315172002D00003\nResponsable de la publicidad y contenido: Essity Higiene y Salud México, S.A. de C.V. – ® D.R. 2026\n*Actividad no patrocinada por la FIFA 2026, Selección Mexicana de Fútbol, Federación Mexicana de Fútbol y Liga MX Femenil.​</small>\n<div class=\"sb-watch__chip-wrap sb-watch__chip-wrap--top\">\n<button class=\"sb-watch__chip\" aria-expanded=\"false\" aria-label=\"Ver detalle\">+</button>\n<div class=\"sb-watch__tooltip\" role=\"tooltip\">\n<p class=\"sb-watch__tooltip-text\">Protectores biodegradables Saba v-bio</p>\n</div>\n</div>\n<div class=\"sb-watch__chip-wrap sb-watch__chip-wrap--left\">\n<button class=\"sb-watch__chip\" aria-expanded=\"false\" aria-label=\"Ver detalle\">+</button>\n<div class=\"sb-watch__tooltip\" role=\"tooltip\">\n<p class=\"sb-watch__tooltip-text\">20% más largos para mayor protección</p>\n</div>\n</div>\n<div class=\"sb-watch__chip-wrap sb-watch__chip-wrap--bottom\">\n<button class=\"sb-watch__chip sb-watch__chip--minus\" aria-expanded=\"false\" aria-label=\"Ver detalle\">−</button>\n<div class=\"sb-watch__tooltip\" role=\"tooltip\">\n<p class=\"sb-watch__tooltip-text\">Se desintegran en menos de 1 año*</p>\n</div>\n</div>\n</div>\n</div>\n</div>\n</section>\n<!-- ── HISTORIAS SECTION ─────────────────────────────────── -->\n<section class=\"sb-stories\" id=\"sb-stories\">\n<div class=\"sb-stories__inner\">\n<h2 class=\"sb-stories__title\">Historias que <strong class=\"sb-stories__accent\">inspiran</strong></h2>\n<div class=\"sb-stories__grid\">\n<!-- Card featured (grande) -->\n<article class=\"sb-stories__card sb-stories__card--lg\" data-video=\"https://superlikers-themes.s3.us-east-1.amazonaws.com/sabaclub/2026/landing_new/videofull/SABA_V_SPORT_JUN04_CT_CHARLYN_16x9_MASTER.mp4\">\n<div class=\"sb-stories__thumb\">\n<img src=\"https://superlikers-themes.s3.us-east-1.amazonaws.com/sabaclub/2026/landing_new/SABA_V_SPORT_JUN04_CT_CHARLYN_16x9_MASTER+1.png\" alt=\"Charlyn Corral\" class=\"sb-stories__thumb-img\" />\n<div class=\"sb-stories__thumb-overlay\"></div>\n<button class=\"sb-stories__play\" aria-label=\"Reproducir video de Aurea Rodríguez\">\n<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M8 5v14l11-7z\"/></svg>\n</button>\n</div>\n<div class=\"sb-stories__info\">\n<p class=\"sb-stories__name\">Charlyn Corral</p>\n<p class=\"sb-stories__role\">Delantera que cambió la historia de la Liga Mx Femenil.</p>\n</div>\n</article>\n<!-- Cards pequeñas -->\n<div class=\"sb-stories__col\">\n<article class=\"sb-stories__card sb-stories__card--sm\" data-video=\"https://superlikers-themes.s3.us-east-1.amazonaws.com/sabaclub/2026/landing_new/videofull/SABA_V_SPORT_JUN04_CT_MAJO_16x9_MASTER.mp4\">\n<div class=\"sb-stories__thumb\">\n<img src=\"https://superlikers-themes.s3.us-east-1.amazonaws.com/sabaclub/2026/landing_new/videos/SABA_V_SPORT_JUN04_CT_MAJO_16x9_MASTER+1.png\" alt=\"Majo González\" class=\"sb-stories__thumb-img\" />\n<div class=\"sb-stories__thumb-overlay\"></div>\n<button class=\"sb-stories__play\" aria-label=\"Reproducir video de Majo González\">\n<svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M8 5v14l11-7z\"/></svg>\n</button>\n</div>\n<div class=\"sb-stories__info\">\n<p class=\"sb-stories__name\">Majo González</p>\n<p class=\"sb-stories__role\">Narradora que cambió la voz del máximo torneo de clubes.</p>\n</div>\n</article>\n<article class=\"sb-stories__card sb-stories__card--sm\" data-video=\"https://superlikers-themes.s3.us-east-1.amazonaws.com/sabaclub/2026/landing_new/videofull/SABA_V_SPORT_JUN04_CT_XIMENA_16x9_MASTER.mp4\">\n<div class=\"sb-stories__thumb\">\n<img src=\"https://superlikers-themes.s3.us-east-1.amazonaws.com/sabaclub/2026/landing_new/videos/SABA_V_SPORT_JUN04_CT_XIMENA_16x9_MASTER+1.png\" alt=\"Ximena Aparicio\" class=\"sb-stories__thumb-img\" />\n<div class=\"sb-stories__thumb-overlay\"></div>\n<button class=\"sb-stories__play\" aria-label=\"Reproducir video de Ximena Aparicio\">\n<svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M8 5v14l11-7z\"/></svg>\n</button>\n</div>\n<div class=\"sb-stories__info\">\n<p class=\"sb-stories__name\">Ximena Aparicio</p>\n<p class=\"sb-stories__role\">Host y productora que cambia la forma de ver el futbol.</p>\n</div>\n</article>\n</div>\n<!-- /.sb-stories__col -->\n</div>\n<!-- /.sb-stories__grid -->\n</div>\n</section>\n<!-- Modal video -->\n<div class=\"sb-stories__modal\" id=\"sbStoriesModal\" aria-hidden=\"true\"  id=\"sb-prods\">\n<div class=\"sb-stories__modal-backdrop\" id=\"sbStoriesBackdrop\"></div>\n<div class=\"sb-stories__modal-box\">\n<button class=\"sb-stories__modal-close\" id=\"sbStoriesClose\" aria-label=\"Cerrar video\">\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"/></svg>\n</button>\n<video class=\"sb-stories__modal-vid\" id=\"sbStoriesVid\" playsinline controls preload=\"metadata\"></video>\n</div>\n</div>\n<!-- ── PRODUCTOS SECTION ──────────────────────────────────── -->\n<section class=\"sb-prods\" id=\"sb-prods\">\n<div class=\"sb-prods__inner\">\n<div class=\"sb-prods__head\">\n<h2 class=\"sb-prods__title\">Los más <strong class=\"sb-prods__accent\">vendido</strong></h2>\n<div class=\"sb-prods__nav\">\n<button class=\"sb-prods__nav-btn sb-prods__nav-btn--prev\" id=\"sbProdsPrev\" aria-label=\"Anterior\">\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M15 18L9 12l6-6\"/></svg>\n</button>\n<button class=\"sb-prods__nav-btn sb-prods__nav-btn--next\" id=\"sbProdsNext\" aria-label=\"Siguiente\">\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 6l6 6-6 6\"/></svg>\n</button>\n</div>\n</div>\n<div class=\"swiper sb-prods__swiper\">\n<div class=\"swiper-wrapper\">\n<div class=\"swiper-slide\">\n<article class=\"sb-prod-card\">\n<div class=\"sb-prod-card__media\">\n<img src=\"https://superlikers-themes.s3.us-east-1.amazonaws.com/sabaclub/2026/landing_new/productos/img.png\" alt=\"Cintura Alta Flujo Abundante\" />\n</div>\n<div class=\"sb-prod-card__body\">\n<p class=\"sb-prod-card__cat\">intimawear de Saba®</p>\n<h3 class=\"sb-prod-card__name\">Protectores Saba Diarios v-sport</h3>\n<p class=\"sb-prod-card__price\">$31.94 MXN</p>\n<a href=\"https://www.saba.com.mx/comprar-productos/productos-saba/protectores-diarios/saba-diarios-v-sport-protectores-largos-ultradelgados/?utm_source=clubsaba&utm_medium=carrusel_productos&utm_campaign=homemundial\" class=\"sb-prod-card__btn\">Agregar al carrito</a>\n</div>\n</article>\n</div>\n<div class=\"swiper-slide\">\n<article class=\"sb-prod-card\">\n<div class=\"sb-prod-card__media\">\n<img src=\"https://superlikers-themes.s3.us-east-1.amazonaws.com/sabaclub/2026/landing_new/productos/img-1.png\" alt=\"Hipster de Algodón Flujo Abundante\" />\n</div>\n<div class=\"sb-prod-card__body\">\n<p class=\"sb-prod-card__cat\">intimawear de Saba®</p>\n<h3 class=\"sb-prod-card__name\">Jabón Íntimo para Mujeres Saba V-Sport</h3>\n<p class=\"sb-prod-card__price\">$49.58 MXN</p>\n<a href=\"https://www.saba.com.mx/comprar-productos/productos-saba/jabones-intimos/jabon-intimo-v-sport/?utm_source=clubsaba&utm_medium=carrusel_productos&utm_campaign=homemundial\" class=\"sb-prod-card__btn\">Agregar al carrito</a>\n</div>\n</article>\n</div>\n<div class=\"swiper-slide\">\n<article class=\"sb-prod-card\">\n<div class=\"sb-prod-card__media\">\n<img src=\"https://superlikers-themes.s3.us-east-1.amazonaws.com/sabaclub/2026/landing_new/productos/img-2.png\" alt=\"Hipster de Algodón Flujo Abundante\" />\n</div>\n<div class=\"sb-prod-card__body\">\n<p class=\"sb-prod-card__cat\">intimawear de Saba®</p>\n<h3 class=\"sb-prod-card__name\">Toallitas Húmedas Saba V-sport</h3>\n<p class=\"sb-prod-card__price\">$29.06 MXN</p>\n<a href=\"https://www.saba.com.mx/comprar-productos/productos-saba/toallitas-humedas/toallitas-humedas-v-sport/?utm_source=clubsaba&utm_medium=carrusel_productos&utm_campaign=homemundial\" class=\"sb-prod-card__btn\">Agregar al carrito</a>\n</div>\n</article>\n</div>\n<div class=\"swiper-slide\">\n<article class=\"sb-prod-card\">\n<div class=\"sb-prod-card__media\">\n<img src=\"https://superlikers-themes.s3.us-east-1.amazonaws.com/sabaclub/2026/landing_new/productos/img-3.png\" alt=\"Kit Saba Sin complicaciones\" />\n</div>\n<div class=\"sb-prod-card__body\">\n<p class=\"sb-prod-card__cat\">Kits Saba®</p>\n<h3 class=\"sb-prod-card__name\">Toallas Femeninas Saba v-sport</h3>\n<p class=\"sb-prod-card__price\">$39.46 MXN</p>\n<a href=\"https://www.saba.com.mx/comprar-productos/productos-saba/toallas-femeninas/saba-v-sport-toallas-ultradelgadas-largas-con-alas/?utm_source=clubsaba&utm_medium=carrusel_productos&utm_campaign=homemundial\" class=\"sb-prod-card__btn\">Agregar al carrito</a>\n</div>\n</article>\n</div>\n</div>\n</div>\n</div>\n</section>\n<!-- ── CTA BANNER SECTION ─────────────────────────────────── -->\n<section class=\"sb-banner\"  id=\"sb-loyalty\">\n<img class=\"sb-banner__web\" src=\"https://superlikers-themes.s3.us-east-1.amazonaws.com/sabaclub/2026/landing_new/mod1.png\" alt=\"\" aria-hidden=\"true\" />\n<img class=\"sb-banner__mob\" src=\"https://superlikers-themes.s3.us-east-1.amazonaws.com/sabaclub/2026/landing_new/md-04.png\" alt=\"\" aria-hidden=\"true\" />\n<small style=\"position: absolute;bottom: 3%;width: 90%;right: 0;left: 0;margin: 0 auto;font-size: 10px;\" class=\"tyc\">HIGIENE ES SALUD - 2315172002D00003\nResponsable de la publicidad y contenido: Essity Higiene y Salud México, S.A. de C.V. – ® D.R. 2026\n*Actividad no patrocinada por la FIFA 2026, Selección Mexicana de Fútbol, Federación Mexicana de Fútbol y Liga MX Femenil.​</small>\n</section>\n<!-- ── FOOTER ────────────────────────────────────────────── -->\n<footer class=\"sb-footer\">\n<div class=\"sb-footer__inner\">\n<!-- Top row: copyright + redes -->\n<div class=\"sb-footer__top\">\n<p class=\"sb-footer__copy\">© Saba 2026</p>\n<div class=\"sb-footer__social\">\n<a href=\"https://facebook.com/Saba.mx/\" class=\"sb-footer__social-link\" aria-label=\"Facebook\" target=\"_blank\" rel=\"noopener noreferrer\">\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z\"/></svg>\n</a>\n<a href=\"https://twitter.com/Saba_mx\" class=\"sb-footer__social-link\" aria-label=\"X / Twitter\" target=\"_blank\" rel=\"noopener noreferrer\">\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z\"/></svg>\n</a>\n<a href=\"#\" class=\"sb-footer__social-link\" aria-label=\"WhatsApp\" target=\"_blank\" rel=\"noopener noreferrer\">\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 0 1-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 0 1-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 0 1 2.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0 0 12.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 0 0 5.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 0 0-3.48-8.413z\"/></svg>\n</a>\n<a href=\"https://instagram.com/saba_mx\" class=\"sb-footer__social-link\" aria-label=\"Instagram\" target=\"_blank\" rel=\"noopener noreferrer\">\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" ry=\"5\"/><path d=\"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z\"/><line x1=\"17.5\" y1=\"6.5\" x2=\"17.51\" y2=\"6.5\"/></svg>\n</a>\n<a href=\"https://www.linkedin.com\" class=\"sb-footer__social-link\" aria-label=\"LinkedIn\" target=\"_blank\" rel=\"noopener noreferrer\">\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6zM2 9h4v12H2z\"/><circle cx=\"4\" cy=\"4\" r=\"2\"/></svg>\n</a>\n</div>\n</div>\n<!-- Nav links -->\n<nav class=\"sb-footer__nav\" aria-label=\"Navegación de pie de página\">\n<ul class=\"sb-footer__nav-list\">\n<li><a href=\"/politica-pago/\" class=\"sb-footer__nav-link\">Terminos de la Campaña</a></li>\n<li><a href=\"/home\" class=\"sb-footer__nav-link\">Saba Club</a></li>\n<li><a href=\"https://www.saba.com.mx/aviso-de-privacidad/\" class=\"sb-footer__nav-link\">Aviso de privacidad</a></li>\n</ul>\n</nav>\n<hr class=\"sb-footer__divider\" />\n<!-- Essity branding -->\n<div class=\"sb-footer__essity\">\n<a href=\"https://www.essity.com\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Essity\">\n<img src=\"https://assets.www.essity.com/libresse/1.154.1-release.2/img/logo/essity.svg\" alt=\"Essity\" class=\"sb-footer__essity-logo\" width=\"125\" height=\"32\" />\n</a>\n<div class=\"sb-footer__essity-text\">\n<p class=\"sb-footer__essity-desc\">Essity es una compañía global líder en higiene y salud. Cada día, mil millones de personas, en todo el mundo, utilizan nuestros productos, servicios y soluciones. Nuestro propósito es romper barreras por el bienestar en beneficio de consumidores, pacientes, cuidadores, clientes y la sociedad en general. Vendemos en aproximadamente 150 países bajo las principales marcas globales TENA y Tork, así como otras marcas como Actimove, Cutimed, JOBST, Knix, Leukoplast, Libero, Libresse, Lotus, Modibodi, Nosotras, Saba, Tempo, TOM Organic y Zewa. En 2025, Essity tuvo ventas de aproximadamente 13 mil millones de euros y empleó a 36,000 personas. La sede de la compañía está ubicada en Estocolmo, Suecia, y Essity cotiza en Nasdaq Estocolmo. Más información en <a href=\"https://www.essity.com\" target=\"_blank\" rel=\"noopener noreferrer\">www.essity.com</a>.</p>\n<p class=\"sb-footer__essity-copy\">© 2026 Essity Hygiene and Health AB</p>\n</div>\n</div>\n</div>\n</footer>\n<!-- ── MODAL LOGIN CLUB SABA ─────────────────────────────── -->\n<div class=\"sb-modal-login\" id=\"sbModalLogin\" aria-hidden=\"true\">\n<div class=\"sb-modal-login__backdrop\" id=\"sbModalLoginBackdrop\"></div>\n<div class=\"sb-modal-login__box\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"sbModalLoginTitle\">\n<button class=\"sb-modal-login__close\" id=\"sbModalLoginClose\" aria-label=\"Cerrar\">\n<svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"/></svg>\n</button>\n<!-- Balones decorativos -->\n<img class=\"sb-modal-login__ball sb-modal-login__ball--tl\" src=\"https://superlikers-themes.s3.us-east-1.amazonaws.com/sabaclub/2026/landing_new/balls.png\" alt=\"\" aria-hidden=\"true\" />\n<img class=\"sb-modal-login__ball sb-modal-login__ball--br\" src=\"https://superlikers-themes.s3.us-east-1.amazonaws.com/sabaclub/2026/landing_new/balls.png\" alt=\"\" aria-hidden=\"true\" />\n<div class=\"sb-modal-login__content\">\n<img src=\"https://superlikers-themes.s3.us-east-1.amazonaws.com/sabaclub/2026/landing_new/assets/Brand_logo.png\" alt=\"Saba\" class=\"sb-modal-login__logo\" />\n<div class=\"sb-modal-login__copy\">\n<h2 class=\"sb-modal-login__title\" id=\"sbModalLoginTitle\">¡Únete al movimiento!</h2>\n<p class=\"sb-modal-login__desc\">Regístrate hoy en Club Saba® y participa en la dinámica para <strong>GANAR</strong> tu acceso a una Experiencia SABA exclusiva. <strong>¡No te quedes fuera!</strong></p>\n</div>\n<div class=\"sb-modal-login__actions\">\n<a href=\"/registro\" class=\"sb-modal-login__btn sb-modal-login__btn--primary\">\nRegístrate gratis\n<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7 17L17 7M9 7h8v8\"/></svg>\n</a>\n<a href=\"/login\" class=\"sb-modal-login__btn sb-modal-login__btn--ghost\">\nYa tengo cuenta, iniciar sesión\n</a>\n</div>\n<p class=\"sb-modal-login__legal\">Al registrarte aceptas los <a href=\"/aviso-de-privacidad/\">términos y condiciones</a> de Club Saba®.</p>\n</div>\n</div>\n</div>";
},"useData":true})})();