oraculo-ui 0.1.48 → 0.1.50

package/dist/index.es.js

@@ -1,87 +1,87 @@
-import { jsx as e, jsxs as p, Fragment as Y } from "react/jsx-runtime";
-import { Link as _e, Box as F, Typography as pe, Stack as me, Container as Se } from "@mui/material";
-import we, { forwardRef as Ce, useRef as B, useImperativeHandle as Ee, useCallback as re, useState as U, useMemo as te, useLayoutEffect as $e, useEffect as J } from "react";
-import { Splide as Ie, SplideSlide as ke } from "@splidejs/react-splide";
-import C from "@mui/material/Box";
-import j from "@mui/material/Typography";
-import z from "@mui/material/Stack";
-import { ChevronLeftRounded as oe, ChevronRightRounded as ne } from "@mui/icons-material";
-import ue from "@mui/icons-material/ChevronLeftRounded";
-import ge from "@mui/icons-material/ChevronRightRounded";
-import Ne from "@mui/material/useMediaQuery";
-import { onSnapshot as Oe, doc as Re } from "firebase/firestore";
-function T({
+import { jsx as e, jsxs as g, Fragment as X } from "react/jsx-runtime";
+import { Link as he, Box as F, Typography as fe, Stack as xe, Container as $e } from "@mui/material";
+import Ie, { forwardRef as Ne, useRef as A, useImperativeHandle as Oe, useCallback as ce, useState as B, useMemo as re, useLayoutEffect as ke, useEffect as J } from "react";
+import { Splide as Re, SplideSlide as Te } from "@splidejs/react-splide";
+import E from "@mui/material/Box";
+import G from "@mui/material/Typography";
+import L from "@mui/material/Stack";
+import { ChevronLeftRounded as ae, ChevronRightRounded as ie } from "@mui/icons-material";
+import be from "@mui/icons-material/ChevronLeftRounded";
+import _e from "@mui/icons-material/ChevronRightRounded";
+import Pe from "@mui/material/useMediaQuery";
+import { onSnapshot as Fe, doc as Be } from "firebase/firestore";
+function P({
   children: t,
-  onClick: i,
-  href: r,
-  target: n,
-  rel: c,
+  onClick: n,
+  href: a,
+  target: i,
+  rel: l,
   type: o = "button",
-  disabled: a = !1,
-  variant: u = "primary",
-  size: g,
+  disabled: r = !1,
+  variant: h = "primary",
+  size: m,
   fullWidth: y = !1,
-  fullHeight: x = !1,
-  className: w = "",
-  ariaLabel: s,
+  fullHeight: v = !1,
+  className: S = "",
+  ariaLabel: c,
   leftIcon: d,
-  rightIcon: l,
-  iconOnly: m
+  rightIcon: s,
+  iconOnly: f
 }) {
-  const _ = !!t && t !== !0, R = (!!d ? 1 : 0) + (!!l ? 1 : 0) == 1, P = m != null ? m : R && !_, I = [
+  const w = !!t && t !== !0, T = (!!d ? 1 : 0) + (!!s ? 1 : 0) == 1, O = f != null ? f : T && !w, $ = [
     "orc-btn",
-    u === "secondary" ? "orc-btn--secondary" : u === "tertiary" ? "orc-btn--tertiary" : "orc-btn--primary",
-    g ? `orc-btn--${g}` : "",
+    h === "secondary" ? "orc-btn--secondary" : h === "tertiary" ? "orc-btn--tertiary" : "orc-btn--primary",
+    m ? `orc-btn--${m}` : "",
     y ? "orc-btn--full" : "",
-    x ? "orc-btn--fullHeight" : "",
-    P ? "orc-btn--iconOnly" : "",
-    w
-  ].filter(Boolean).join(" "), N = /* @__PURE__ */ p(Y, { children: [
+    v ? "orc-btn--fullHeight" : "",
+    O ? "orc-btn--iconOnly" : "",
+    S
+  ].filter(Boolean).join(" "), N = /* @__PURE__ */ g(X, { children: [
     d && /* @__PURE__ */ e("span", { className: "orc-btn__icon", children: d }),
-    !P && /* @__PURE__ */ e("span", { className: "orc-btn__label", children: t }),
-    l && /* @__PURE__ */ e("span", { className: "orc-btn__icon", children: l })
-  ] }), f = a ? !0 : void 0;
-  return r ? /* @__PURE__ */ e(
-    _e,
+    !O && /* @__PURE__ */ e("span", { className: "orc-btn__label", children: t }),
+    s && /* @__PURE__ */ e("span", { className: "orc-btn__icon", children: s })
+  ] }), p = r ? !0 : void 0;
+  return a ? /* @__PURE__ */ e(
+    he,
     {
-      href: r,
-      target: n,
-      rel: c,
-      "aria-label": s,
-      "aria-disabled": f,
-      tabIndex: f ? -1 : void 0,
-      className: I,
-      onClick: f ? (h) => h.preventDefault() : i,
+      href: a,
+      target: i,
+      rel: l,
+      "aria-label": c,
+      "aria-disabled": p,
+      tabIndex: p ? -1 : void 0,
+      className: $,
+      onClick: p ? (u) => u.preventDefault() : n,
       children: N
     }
   ) : /* @__PURE__ */ e(
     "button",
     {
       type: o,
-      onClick: i,
-      disabled: !!f,
-      "aria-label": s,
-      className: I,
+      onClick: n,
+      disabled: !!p,
+      "aria-label": c,
+      className: $,
       children: N
     }
   );
 }
-function D({
+function H({
   title: t,
-  iconUrl: i,
-  size: r = "md",
-  className: n = ""
+  iconUrl: n,
+  size: a = "md",
+  className: i = ""
 }) {
   const o = [
     "orc-section-title",
-    r ? `orc-section-title--${r}` : "",
-    n
+    a ? `orc-section-title--${a}` : "",
+    i
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ p("div", { className: o, children: [
-    i && /* @__PURE__ */ e(
+  return /* @__PURE__ */ g("div", { className: o, children: [
+    n && /* @__PURE__ */ e(
       "img",
       {
-        src: i,
+        src: n,
         alt: "",
         className: "orc-section-title__icon"
       }
@@ -89,49 +89,49 @@ function D({
     /* @__PURE__ */ e("h2", { className: "orc-section-title__title", children: t })
   ] });
 }
-const he = ({
+const ve = ({
   total: t,
-  active: i,
-  onSelect: r,
-  className: n = ""
+  active: n,
+  onSelect: a,
+  className: i = ""
 }) => {
   if (t <= 1) return null;
-  const c = ["orc-dots", n].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e("div", { className: c, role: "tablist", children: Array.from({ length: t }).map((o, a) => /* @__PURE__ */ e("span", { className: "orc-dots__cell", children: /* @__PURE__ */ e(
+  const l = ["orc-dots", i].filter(Boolean).join(" ");
+  return /* @__PURE__ */ e("div", { className: l, role: "tablist", children: Array.from({ length: t }).map((o, r) => /* @__PURE__ */ e("span", { className: "orc-dots__cell", children: /* @__PURE__ */ e(
     "button",
     {
       type: "button",
       role: "tab",
-      "aria-selected": a === i,
-      "aria-label": `Ir al slide ${a + 1}`,
-      className: "orc-dots__dot" + (a === i ? " orc-dots__dot--active" : ""),
-      onClick: () => r == null ? void 0 : r(a)
+      "aria-selected": r === n,
+      "aria-label": `Ir al slide ${r + 1}`,
+      className: "orc-dots__dot" + (r === n ? " orc-dots__dot--active" : ""),
+      onClick: () => a == null ? void 0 : a(r)
     }
-  ) }, a)) });
+  ) }, r)) });
 };
-function G({
+function W({
   children: t,
-  minWidth: i = 32,
-  spacing: r = 2,
-  justify: n = "stretch",
-  columns: c = null
+  minWidth: n = 32,
+  spacing: a = 2,
+  justify: i = "stretch",
+  columns: l = null
 }) {
-  const o = c || `repeat(auto-fit, minmax(${i}px, 1fr))`, a = typeof r == "number" ? `${r * 8}px` : r;
+  const o = l || `repeat(auto-fit, minmax(${n}px, 1fr))`, r = typeof a == "number" ? `${a * 8}px` : a;
   return /* @__PURE__ */ e(
     "div",
     {
       style: {
         display: "grid",
         gridTemplateColumns: o,
-        justifyItems: n,
-        gap: a,
+        justifyItems: i,
+        gap: r,
         height: "inherit"
       },
       children: t
     }
   );
 }
-function ae({ src: t, alt: i }) {
+function le({ src: t, alt: n }) {
   return /* @__PURE__ */ e(
     F,
     {
@@ -148,7 +148,7 @@ function ae({ src: t, alt: i }) {
         {
           component: "img",
           src: t,
-          alt: i,
+          alt: n,
           sx: {
             position: "absolute",
             top: 0,
@@ -162,17 +162,16 @@ function ae({ src: t, alt: i }) {
     }
   );
 }
-function Te({ title: t, subtitle: i }) {
-  return /* @__PURE__ */ p(
+const Ue = "oraculo__OraculoEventTitle-module__contenedor___rg1vw", Le = "oraculo__OraculoEventTitle-module__flexGroup___jMLFO", Me = "oraculo__OraculoEventTitle-module__subtitle___TmHna", Z = {
+  contenedor: Ue,
+  flexGroup: Le,
+  subtitle: Me
+};
+function ze({ title: t, subtitle: n }) {
+  return /* @__PURE__ */ g(
     "div",
     {
-      className: "oli-font",
-      style: {
-        display: "flex",
-        alignItems: "center",
-        gap: "6px",
-        color: "#fff"
-      },
+      className: Z.contenedor,
       children: [
         /* @__PURE__ */ e(
           "span",
@@ -185,31 +184,18 @@ function Te({ title: t, subtitle: i }) {
             children: t
           }
         ),
-        i && /* @__PURE__ */ p(
+        n && /* @__PURE__ */ g(
           "div",
           {
-            style: {
-              display: "flex",
-              alignItems: "center",
-              gap: "6px"
-            },
+            className: Z.flexGroup,
             children: [
-              /* @__PURE__ */ p("svg", { width: "4", height: "4", viewBox: "0 0 5 5", xmlns: "http://www.w3.org/2000/svg", style: { flexShrink: 0 }, children: [
+              /* @__PURE__ */ g("svg", { width: "4", height: "4", viewBox: "0 0 5 5", xmlns: "http://www.w3.org/2000/svg", style: { flexShrink: 0 }, children: [
                 " ",
                 /* @__PURE__ */ e("circle", { cx: "2.5", cy: "2.5", r: "2.5", fill: "white" }),
                 " "
               ] }),
-              /* @__PURE__ */ e(
-                "span",
-                {
-                  style: {
-                    fontWeight: 400,
-                    fontSize: "12px",
-                    lineHeight: "16px"
-                  },
-                  children: i
-                }
-              )
+              /* @__PURE__ */ e("span", { className: Z.subtitle, children: n }),
+              /* @__PURE__ */ e("div", {})
             ]
           }
         )
@@ -217,14 +203,14 @@ function Te({ title: t, subtitle: i }) {
     }
   );
 }
-function Pe({ text: t, color: i = "#ff3b3b", textColor: r = "#fff" }) {
+function We({ text: t, color: n = "#ff3b3b", textColor: a = "#fff" }) {
   return /* @__PURE__ */ e(
     "span",
     {
       className: "oli-font",
       style: {
-        backgroundColor: i,
-        color: r,
+        backgroundColor: n,
+        color: a,
         borderRadius: "8px",
         padding: "4px 8px",
         fontSize: "12px",
@@ -238,14 +224,14 @@ function Pe({ text: t, color: i = "#ff3b3b", textColor: r = "#fff" }) {
     }
   );
 }
-function Fe({ live: t, time: i }) {
-  return /* @__PURE__ */ p("div", { className: "oli-font", style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
-    t && /* @__PURE__ */ e(Pe, { text: "En vivo" }),
-    i && /* @__PURE__ */ e("span", { style: { fontSize: "14px", fontWeight: 400, lineHeight: "18px", paddingTop: "4px" }, children: i })
+function Ae({ live: t, time: n }) {
+  return /* @__PURE__ */ g("div", { className: "oli-font", style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
+    t && /* @__PURE__ */ e(We, { text: "En vivo" }),
+    n && /* @__PURE__ */ e("span", { style: { fontSize: "14px", fontWeight: 400, lineHeight: "18px", paddingTop: "4px" }, children: n })
   ] });
 }
-function Ue({ title: t, subtitle: i, live: r = !1, time: n = "" }) {
-  return /* @__PURE__ */ p(
+function je({ title: t, subtitle: n, live: a = !1, time: i = "" }) {
+  return /* @__PURE__ */ g(
     "div",
     {
       style: {
@@ -255,94 +241,91 @@ function Ue({ title: t, subtitle: i, live: r = !1, time: n = "" }) {
         color: "#FFFFFF"
       },
       children: [
-        /* @__PURE__ */ e(Te, { title: t, subtitle: i }),
-        /* @__PURE__ */ e(Fe, { live: r, time: n })
+        /* @__PURE__ */ e(ze, { title: t, subtitle: n }),
+        /* @__PURE__ */ e(Ae, { live: a, time: i })
       ]
     }
   );
 }
-const ze = "oraculo__OraculoEventLabel-module__label___c64Xw", Le = {
-  label: ze
+const Ge = "oraculo__OraculoEventLabel-module__label___c64Xw", De = {
+  label: Ge
 };
-function fe({ text: t }) {
-  return /* @__PURE__ */ e("span", { className: Le.label, children: t });
+function ye({ text: t }) {
+  return /* @__PURE__ */ e("span", { className: De.label, children: t });
 }
-const Ae = "oraculo__OraculoEventLeague-module__container___rdk4F", We = {
-  container: Ae
+const He = "oraculo__OraculoEventLeague-module__container___rdk4F", Ve = {
+  container: He
 };
-function Be({ title: t }) {
-  return /* @__PURE__ */ e("div", { className: We.container, children: t.toUpperCase() });
+function Ke({ title: t }) {
+  return /* @__PURE__ */ e("div", { className: Ve.container, children: t.toUpperCase() });
 }
-const je = "oraculo__OraculoEventScore-module__scoreWrapper___fWwEr", Ge = "oraculo__OraculoEventScore-module__name___r4uL6", Me = "oraculo__OraculoEventScore-module__score___Xl03M", De = "oraculo__OraculoEventScore-module__normal___cCNFz", He = "oraculo__OraculoEventScore-module__small___fVt8E", X = {
-  scoreWrapper: je,
-  name: Ge,
-  score: Me,
-  normal: De,
-  small: He
+const Je = "oraculo__OraculoEventScore-module__scoreWrapper___fWwEr", Xe = "oraculo__OraculoEventScore-module__name___r4uL6", qe = "oraculo__OraculoEventScore-module__score___Xl03M", Ye = "oraculo__OraculoEventScore-module__normal___cCNFz", Qe = "oraculo__OraculoEventScore-module__small___fVt8E", K = {
+  scoreWrapper: Je,
+  name: Xe,
+  score: qe,
+  normal: Ye,
+  small: Qe
 };
-function xe({ text: t, name: i, size: r = "normal" }) {
-  return /* @__PURE__ */ p(
+function we({ text: t, name: n, size: a = "normal" }) {
+  return /* @__PURE__ */ g(
     "div",
     {
-      className: `${X.scoreWrapper} ${X[r]}`,
+      className: `${K.scoreWrapper} ${K[a]}`,
       children: [
-        /* @__PURE__ */ e("div", { className: `${X.score} ${X[r]}`, children: t }),
-        i && /* @__PURE__ */ e("span", { className: `${X.name} ${X[r]}`, children: i })
+        /* @__PURE__ */ e("div", { className: `${K.score} ${K[a]}`, children: t }),
+        n && /* @__PURE__ */ e("span", { className: `${K.name} ${K[a]}`, children: n })
       ]
     }
   );
 }
-const Xe = "oraculo__OraculoEventTeamInfo-module__team___UfpUs", Je = "oraculo__OraculoEventTeamInfo-module__logo___fKCl3", Ke = "oraculo__OraculoEventTeamInfo-module__name___4ikm-", qe = "oraculo__OraculoEventTeamInfo-module__regular___ag826", Ye = "oraculo__OraculoEventTeamInfo-module__compact___RCNOs", K = {
-  team: Xe,
-  logo: Je,
-  name: Ke,
-  regular: qe,
-  compact: Ye
+const Ze = "oraculo__OraculoEventTeamInfo-module__team___UfpUs", et = "oraculo__OraculoEventTeamInfo-module__regular___ag826", tt = "oraculo__OraculoEventTeamInfo-module__logo___fKCl3", ot = "oraculo__OraculoEventTeamInfo-module__name___4ikm-", nt = "oraculo__OraculoEventTeamInfo-module__compact___RCNOs", q = {
+  team: Ze,
+  regular: et,
+  logo: tt,
+  name: ot,
+  compact: nt
 };
-function Q({ name: t, logo: i, size: r = "regular" }) {
-  return /* @__PURE__ */ p("div", { className: `oli-font ${K.team} ${K[r]}`, children: [
-    /* @__PURE__ */ e("img", { src: i, alt: t, className: K.logo }),
-    /* @__PURE__ */ e("span", { className: K.name, children: t })
+function Q({ name: t, logo: n, size: a = "regular" }) {
+  return /* @__PURE__ */ g("div", { className: `oli-font ${q.team} ${q[a]}`, children: [
+    /* @__PURE__ */ e("img", { src: n, alt: t, className: q.logo }),
+    /* @__PURE__ */ e("span", { className: q.name, children: t })
   ] });
 }
-const Qe = Ie, Ze = ke, H = Ce(
+const rt = Re, at = Te, V = Ne(
   ({
     items: t = [],
-    renderItem: i,
-    perPage: r = 1,
-    gap: n = "0px",
-    breakpoints: c,
+    renderItem: n,
+    perPage: a = 1,
+    gap: i = "0px",
+    breakpoints: l,
     options: o = {},
-    className: a = "",
-    onMove: u,
-    useIndexAsKey: g = !1
+    className: r = "",
+    onMove: h,
+    useIndexAsKey: m = !1
   }, y) => {
-    const x = B(null);
-    Ee(y, () => ({
+    const v = A(null);
+    Oe(y, () => ({
       next: () => {
-        var l;
-        return (l = x.current) == null ? void 0 : l.go(">");
+        var s;
+        return (s = v.current) == null ? void 0 : s.go(">");
       },
       prev: () => {
-        var l;
-        return (l = x.current) == null ? void 0 : l.go("<");
+        var s;
+        return (s = v.current) == null ? void 0 : s.go("<");
       },
-      go: (l) => {
-        var m;
-        return (m = x.current) == null ? void 0 : m.go(l);
+      go: (s) => {
+        var f;
+        return (f = v.current) == null ? void 0 : f.go(s);
       }
     }));
-    const w = re(
-      (l) => {
-        const m = l.index, _ = l.length, k = l.options.perPage || 1, E = m === 0, R = m >= _ - k;
-        u == null || u({ index: m, isStart: E, isEnd: R, total: _ });
+    const S = ce((s) => {
+      const f = s.Components.Controller, w = f.getIndex(), R = f.getEnd(), I = w === 0, T = w >= R, O = s.Components.Slides.getLength();
+      h == null || h({ index: w, isStart: I, isEnd: T, total: O });
+    }, [h]), c = ce(
+      (s) => {
+        S(s);
       },
-      [u]
-    ), s = re(
-      (l) => {
-        w(l);
-      },
-      [w]
+      [S]
     ), d = {
       type: "slide",
       trimSpace: !1,
@@ -352,38 +335,38 @@ const Qe = Ie, Ze = ke, H = Ce(
       rewind: !1,
       focus: "start",
       autoWidth: !1,
-      perPage: r,
-      gap: n,
-      breakpoints: c,
+      perPage: a,
+      gap: i,
+      breakpoints: l,
       ...o
     };
-    return /* @__PURE__ */ e("div", { className: a, style: { width: "100%" }, children: /* @__PURE__ */ e(
-      Qe,
+    return /* @__PURE__ */ e("div", { className: r, style: { width: "100%" }, children: /* @__PURE__ */ e(
+      rt,
       {
-        ref: x,
+        ref: v,
         options: d,
-        onMove: w,
-        onMounted: s,
-        children: t.map((l, m) => {
-          var _;
-          return /* @__PURE__ */ e(Ze, { children: i(l, m) }, g ? m : (_ = l.id) != null ? _ : m);
+        onMove: S,
+        onMounted: c,
+        children: t.map((s, f) => {
+          var w;
+          return /* @__PURE__ */ e(at, { children: n(s, f) }, m ? f : (w = s.id) != null ? w : f);
         })
       }
     ) });
   }
-), q = ({
+), Y = ({
   imageUrl: t,
-  onClick: i,
-  size: r = "sm",
-  fillParent: n = !1
+  onClick: n,
+  size: a = "sm",
+  fillParent: i = !1
 }) => {
-  const c = r === "lg" ? { w: 280, h: 352 } : { w: 152, h: 168 }, o = (u) => {
-    u.stopPropagation(), i == null || i();
-  }, a = n ? { width: "100%", height: "100%" } : { width: `${c.w}px`, height: `${c.h}px` };
-  return /* @__PURE__ */ p(
-    C,
+  const l = a === "lg" ? { w: 280, h: 352 } : { w: 152, h: 168 }, o = (h) => {
+    h.stopPropagation(), n == null || n();
+  }, r = i ? { width: "100%", height: "100%" } : { width: `${l.w}px`, height: `${l.h}px` };
+  return /* @__PURE__ */ g(
+    E,
     {
-      onClick: i,
+      onClick: n,
       role: "button",
       sx: {
         position: "relative",
@@ -391,7 +374,7 @@ const Qe = Ie, Ze = ke, H = Ce(
         overflow: "hidden",
         boxSizing: "border-box",
         transition: "transform .15s ease, box-shadow .15s ease",
-        ...a,
+        ...r,
         "&:hover": {
           transform: "translateY(-2px)",
           boxShadow: 8,
@@ -423,7 +406,7 @@ const Qe = Ie, Ze = ke, H = Ce(
           }
         ),
         /* @__PURE__ */ e(
-          C,
+          E,
           {
             className: "oraculo-game-card-overlay",
             sx: {
@@ -438,7 +421,7 @@ const Qe = Ie, Ze = ke, H = Ce(
           }
         ),
         /* @__PURE__ */ e(
-          C,
+          E,
           {
             className: "oraculo-game-card-btn",
             sx: {
@@ -451,52 +434,52 @@ const Qe = Ie, Ze = ke, H = Ce(
               transition: "opacity .15s ease, transform .15s ease",
               pointerEvents: "none"
             },
-            children: /* @__PURE__ */ e(T, { variant: "primary", size: "md", onClick: o, children: "JUGAR" })
+            children: /* @__PURE__ */ e(P, { variant: "primary", size: "md", onClick: o, children: "JUGAR" })
           }
         )
       ]
     }
   );
 };
-function Ve({
+function it({
   imageUrl: t,
-  orden: i = 1,
-  onClick: r,
-  sizes: n = {
+  orden: n = 1,
+  onClick: a,
+  sizes: i = {
     xs: { w: 104, h: 112, r: 18, font: 48 },
     md: { w: 186, h: 264, r: 22.6, font: 64 }
   }
 }) {
-  var x, w, s, d;
-  const c = (l, m) => {
-    var _, k, E, R;
+  var v, S, c, d;
+  const l = (s, f) => {
+    var w, R, I, T;
     return {
-      xs: (k = (_ = n.xs) == null ? void 0 : _[l]) != null ? k : m,
-      md: (R = (E = n.md) == null ? void 0 : E[l]) != null ? R : m
+      xs: (R = (w = i.xs) == null ? void 0 : w[s]) != null ? R : f,
+      md: (T = (I = i.md) == null ? void 0 : I[s]) != null ? T : f
     };
-  }, o = c("w", 186), a = c("h", 264), u = c("r", 22.6), g = c("font", 64), y = {
-    xs: Math.round(((w = (x = n.xs) == null ? void 0 : x.font) != null ? w : 64) * 0.28),
-    md: Math.round(((d = (s = n.md) == null ? void 0 : s.font) != null ? d : 64) * 0.28)
+  }, o = l("w", 186), r = l("h", 264), h = l("r", 22.6), m = l("font", 64), y = {
+    xs: Math.round(((S = (v = i.xs) == null ? void 0 : v.font) != null ? S : 64) * 0.28),
+    md: Math.round(((d = (c = i.md) == null ? void 0 : c.font) != null ? d : 64) * 0.28)
   };
-  return /* @__PURE__ */ p(
-    C,
+  return /* @__PURE__ */ g(
+    E,
     {
       sx: {
         position: "relative",
         width: "100%",
         maxWidth: { xs: `${o.xs}px`, md: `${o.md}px` },
         aspectRatio: {
-          xs: `${o.xs}/${a.xs}`,
-          md: `${o.md}/${a.md}`
+          xs: `${o.xs}/${r.xs}`,
+          md: `${o.md}/${r.md}`
         },
-        borderRadius: { xs: `${u.xs}px`, md: `${u.md}px` },
+        borderRadius: { xs: `${h.xs}px`, md: `${h.md}px` },
         boxSizing: "border-box",
         overflow: "visible",
         pb: { xs: `${y.xs}px`, md: `${y.md}px` }
       },
       children: [
         /* @__PURE__ */ e(
-          C,
+          E,
           {
             sx: {
               position: "absolute",
@@ -505,10 +488,10 @@ function Ve({
               overflow: "hidden"
             },
             children: /* @__PURE__ */ e(
-              q,
+              Y,
               {
                 imageUrl: t,
-                onClick: r,
+                onClick: a,
                 size: "lg",
                 fillParent: !0
               }
@@ -516,7 +499,7 @@ function Ve({
           }
         ),
         /* @__PURE__ */ e(
-          C,
+          E,
           {
             component: "span",
             sx: {
@@ -528,8 +511,8 @@ function Ve({
               },
               fontFamily: "secondary",
               fontSize: {
-                xs: `${g.xs}px`,
-                md: `${g.md}px`
+                xs: `${m.xs}px`,
+                md: `${m.md}px`
               },
               lineHeight: 1,
               color: "#3CC666",
@@ -537,25 +520,25 @@ function Ve({
               zIndex: 3,
               userSelect: "none"
             },
-            children: i
+            children: n
           }
         )
       ]
     }
   );
 }
-const et = ({
+const st = ({
   logo: t,
-  provider: i,
-  providerName: r,
-  machine: n,
-  onClick: c
+  provider: n,
+  providerName: a,
+  machine: i,
+  onClick: l
 }) => {
   var o;
-  return /* @__PURE__ */ p(
-    C,
+  return /* @__PURE__ */ g(
+    E,
     {
-      onClick: c,
+      onClick: l,
       sx: {
         flex: "0 0 auto",
         position: "relative",
@@ -577,11 +560,11 @@ const et = ({
       },
       children: [
         /* @__PURE__ */ e(
-          C,
+          E,
           {
             component: "img",
             src: t,
-            alt: `Juego ${n != null ? n : ""}`,
+            alt: `Juego ${i != null ? i : ""}`,
             sx: {
               position: "absolute",
               inset: 0,
@@ -593,7 +576,7 @@ const et = ({
           }
         ),
         /* @__PURE__ */ e(
-          C,
+          E,
           {
             className: "orc-live-provider-label",
             sx: {
@@ -607,7 +590,7 @@ const et = ({
               pointerEvents: "none"
             },
             children: /* @__PURE__ */ e(
-              j,
+              G,
               {
                 sx: {
                   color: "#fff",
@@ -615,7 +598,7 @@ const et = ({
                   fontSize: { xs: 11, md: 14 },
                   textTransform: "capitalize"
                 },
-                children: (o = i != null ? i : r) != null ? o : ""
+                children: (o = n != null ? n : a) != null ? o : ""
               }
             )
           }
@@ -623,16 +606,16 @@ const et = ({
       ]
     }
   );
-}, Z = 12, be = ({
+}, ee = 12, Se = ({
   items: t,
-  layout: i = "grid",
-  onClick: r
+  layout: n = "grid",
+  onClick: a
 }) => {
-  var n;
-  if (i === "mosaic") {
-    const c = t[0], o = t.slice(1, 5);
-    return /* @__PURE__ */ p(
-      C,
+  var i;
+  if (n === "mosaic") {
+    const l = t[0], o = t.slice(1, 5);
+    return /* @__PURE__ */ g(
+      E,
       {
         sx: {
           display: "grid",
@@ -649,14 +632,14 @@ const et = ({
             xs: "104px",
             md: "152px"
           },
-          columnGap: `${Z}px`,
-          rowGap: `${Z}px`,
+          columnGap: `${ee}px`,
+          rowGap: `${ee}px`,
           alignItems: "stretch",
           justifyItems: "stretch"
         },
         children: [
-          c && /* @__PURE__ */ e(
-            C,
+          l && /* @__PURE__ */ e(
+            E,
             {
               sx: {
                 width: { xs: 184, md: 280 },
@@ -666,20 +649,20 @@ const et = ({
                 borderRadius: 2
               },
               children: /* @__PURE__ */ e(
-                q,
+                Y,
                 {
-                  imageUrl: `https://olimpo.bet${(n = c.imageUrl) != null ? n : ""}`,
+                  imageUrl: `https://olimpo.bet${(i = l.imageUrl) != null ? i : ""}`,
                   size: "lg",
                   fillParent: !0,
-                  onClick: () => r == null ? void 0 : r(c, 0)
+                  onClick: () => a == null ? void 0 : a(l, 0)
                 }
               )
             }
           ),
-          o.map((a, u) => {
-            var g;
+          o.map((r, h) => {
+            var m;
             return /* @__PURE__ */ e(
-              C,
+              E,
               {
                 sx: {
                   width: { xs: 104, md: 152 },
@@ -688,16 +671,16 @@ const et = ({
                   borderRadius: 2
                 },
                 children: /* @__PURE__ */ e(
-                  q,
+                  Y,
                   {
-                    imageUrl: `https://olimpo.bet${(g = a.imageUrl) != null ? g : ""}`,
+                    imageUrl: `https://olimpo.bet${(m = r.imageUrl) != null ? m : ""}`,
                     size: "sm",
                     fillParent: !0,
-                    onClick: () => r == null ? void 0 : r(a, u + 1)
+                    onClick: () => a == null ? void 0 : a(r, h + 1)
                   }
                 )
               },
-              a.id
+              r.id
             );
           })
         ]
@@ -705,7 +688,7 @@ const et = ({
     );
   }
   return /* @__PURE__ */ e(
-    C,
+    E,
     {
       sx: {
         display: "grid",
@@ -717,78 +700,78 @@ const et = ({
           xs: "repeat(2, 112px)",
           md: "repeat(2, 168px)"
         },
-        gap: `${Z}px`,
+        gap: `${ee}px`,
         gridAutoFlow: "column"
       },
-      children: t.map((c, o) => {
-        var a, u;
+      children: t.map((l, o) => {
+        var r, h;
         return /* @__PURE__ */ e(
-          C,
+          E,
           {
             sx: {
               overflow: "hidden",
               borderRadius: 2
             },
             children: /* @__PURE__ */ e(
-              q,
+              Y,
               {
-                imageUrl: `https://olimpo.bet${(a = c.imageUrl) != null ? a : ""}`,
+                imageUrl: `https://olimpo.bet${(r = l.imageUrl) != null ? r : ""}`,
                 size: "sm",
                 fillParent: !0,
-                onClick: () => r == null ? void 0 : r(c, o)
+                onClick: () => a == null ? void 0 : a(l, o)
               }
             )
           },
-          (u = c.id) != null ? u : o
+          (h = l.id) != null ? h : o
         );
       })
     }
   );
-}, ie = ({
+}, de = ({
   title: t,
-  amount: i,
-  subtitle: r,
-  buttonText: n,
-  onButtonClick: c,
+  amount: n,
+  subtitle: a,
+  buttonText: i,
+  onButtonClick: l,
   backgroundImage: o,
-  alt: a,
-  className: u = "",
-  variant: g = "small"
+  alt: r,
+  className: h = "",
+  variant: m = "small"
 }) => {
-  const y = i ? i.slice(0, 2) : "", x = i ? i.slice(2) : "", w = g === "large";
-  return /* @__PURE__ */ p(
-    C,
+  const y = n ? n.slice(0, 2) : "", v = n ? n.slice(2) : "", S = m === "large";
+  return /* @__PURE__ */ g(
+    E,
     {
-      className: u,
+      className: h,
       sx: {
         position: "relative",
         width: "100%",
         maxWidth: {
           xs: 328,
-          lg: w ? 618 : 456
+          lg: S ? 618 : 456
         },
         mx: "auto"
       },
       children: [
         o && /* @__PURE__ */ e(
-          C,
+          E,
           {
             sx: {
               position: "relative",
               width: "100%",
               aspectRatio: {
                 xs: "328 / 188",
-                lg: w ? "618 / 346" : "456 / 272"
+                lg: S ? "618 / 346" : "456 / 272"
               },
               borderRadius: "14px",
               overflow: "hidden"
             },
             children: /* @__PURE__ */ e(
-              C,
+              E,
               {
                 component: "img",
                 src: o,
-                alt: a != null ? a : "Fondo promocional",
+                alt: r != null ? r : "Fondo promocional",
                 sx: {
                   width: "100%",
                   height: "100%",
@@ -804,7 +787,7 @@ const et = ({
           }
         ),
         /* @__PURE__ */ e(
-          C,
+          E,
           {
             sx: {
               position: "absolute",
@@ -817,8 +800,8 @@ const et = ({
               pl: "14%",
               pr: { xs: "14%", lg: "15%" }
             },
-            children: /* @__PURE__ */ p(
-              C,
+            children: /* @__PURE__ */ g(
+              E,
               {
                 sx: {
                   maxWidth: "60%",
@@ -828,7 +811,7 @@ const et = ({
                 },
                 children: [
                   t && /* @__PURE__ */ e(
-                    j,
+                    G,
                     {
                       sx: {
                         fontSize: { xs: 12, lg: 20 },
@@ -838,8 +821,8 @@ const et = ({
                       children: t
                     }
                   ),
-                  i && /* @__PURE__ */ p(
-                    C,
+                  n && /* @__PURE__ */ g(
+                    E,
                     {
                       component: "p",
                       sx: {
@@ -857,7 +840,7 @@ const et = ({
                       },
                       children: [
                         /* @__PURE__ */ e(
-                          C,
+                          E,
                           {
                             component: "span",
                             sx: { fontSize: { xs: 35, lg: 48 }, mr: 0.5 },
@@ -865,18 +848,18 @@ const et = ({
                           }
                         ),
                         /* @__PURE__ */ e(
-                          C,
+                          E,
                           {
                             component: "span",
                             sx: { fontSize: { xs: 52, lg: 77 } },
-                            children: x
+                            children: v
                           }
                         )
                       ]
                     }
                   ),
-                  r && /* @__PURE__ */ e(
-                    j,
+                  a && /* @__PURE__ */ e(
+                    G,
                     {
                       sx: {
                         pb: "20px",
@@ -884,10 +867,10 @@ const et = ({
                         fontWeight: 600,
                         color: "#e7f8ff"
                       },
-                      children: r
+                      children: a
                     }
                   ),
-                  n && /* @__PURE__ */ e(T, { onClick: c, children: n })
+                  i && /* @__PURE__ */ e(P, { onClick: l, children: i })
                 ]
               }
             )
@@ -896,84 +879,88 @@ const et = ({
       ]
     }
   );
-}, tt = ({
+}, ct = ({
   text: t,
-  buttonLabel: i = "Conoce más",
-  onClick: r,
-  imgAlt: n = "Club Olimpo",
-  imgSrcMobile: c,
+  buttonLabel: n = "Conoce más",
+  onClick: a,
+  imgAlt: i = "Club Olimpo",
+  imgSrcMobile: l,
   imgSrcDesktopBg: o,
-  imgSrcDesktopLogo: a
-}) => /* @__PURE__ */ p(Y, { children: [
+  imgSrcDesktopLogo: r
+}) => /* @__PURE__ */ g(X, { children: [
   /* @__PURE__ */ e("div", { className: "orc-co-bgMobile", children: /* @__PURE__ */ e(
     "img",
     {
-      src: c,
-      alt: n,
+      src: l,
+      alt: i,
       className: "orc-co-bgMobileImg"
     }
   ) }),
-  /* @__PURE__ */ p("div", { className: "orc-co-bgDesktop", children: [
+  /* @__PURE__ */ g("div", { className: "orc-co-bgDesktop", children: [
     o && /* @__PURE__ */ e("div", { className: "orc-co-fillHost", children: /* @__PURE__ */ e(
       "img",
       {
         src: o,
-        alt: `${n} fondo`,
+        alt: `${i} fondo`,
         className: "orc-co-bgDesktopImg"
       }
     ) }),
-    a && /* @__PURE__ */ e("div", { className: "orc-co-logo", children: /* @__PURE__ */ e(
+    r && /* @__PURE__ */ e("div", { className: "orc-co-logo", children: /* @__PURE__ */ e(
       "img",
       {
-        src: a,
-        alt: `${n} logo`,
+        src: r,
+        alt: `${i} logo`,
         className: "orc-co-logoImg"
       }
     ) }),
-    /* @__PURE__ */ p("div", { className: "orc-co-desktopContent", children: [
+    /* @__PURE__ */ g("div", { className: "orc-co-desktopContent", children: [
       /* @__PURE__ */ e("p", { className: "orc-co-captionDesktop", children: t }),
-      /* @__PURE__ */ e(T, { onClick: r, variant: "primary", size: "md", children: i })
+      /* @__PURE__ */ e(P, { onClick: a, variant: "primary", size: "md", children: n })
     ] })
   ] }),
-  /* @__PURE__ */ p("div", { className: "orc-co-bottom", children: [
+  /* @__PURE__ */ g("div", { className: "orc-co-bottom", children: [
     /* @__PURE__ */ e("p", { className: "orc-co-caption", children: t }),
-    /* @__PURE__ */ e(T, { onClick: r, variant: "primary", size: "md", children: i })
+    /* @__PURE__ */ e(P, { onClick: a, variant: "primary", size: "md", children: n })
   ] })
-] }), ot = "oraculo__OraculoEventCombinadasCard-module__card___ulQeY", nt = "oraculo__OraculoEventCombinadasCard-module__combinadas___Gxrld", rt = "oraculo__OraculoEventCombinadasCard-module__apuestaItem___YnYMy", at = "oraculo__OraculoEventCombinadasCard-module__lineContainer___G5rbU", it = "oraculo__OraculoEventCombinadasCard-module__circle___eehm-", st = "oraculo__OraculoEventCombinadasCard-module__line___Eb2pK", ct = "oraculo__OraculoEventCombinadasCard-module__apuestaText___b5s7S", lt = "oraculo__OraculoEventCombinadasCard-module__cuotaTotal___Lohvu", M = {
-  card: ot,
-  combinadas: nt,
-  apuestaItem: rt,
-  lineContainer: at,
-  circle: it,
-  line: st,
-  apuestaText: ct,
-  cuotaTotal: lt
+] }), lt = "oraculo__OraculoEventCombinadasCard-module__card___ulQeY", dt = "oraculo__OraculoEventCombinadasCard-module__combinadas___Gxrld", ut = "oraculo__OraculoEventCombinadasCard-module__apuestaItem___YnYMy", pt = "oraculo__OraculoEventCombinadasCard-module__lineContainer___G5rbU", mt = "oraculo__OraculoEventCombinadasCard-module__circle___eehm-", gt = "oraculo__OraculoEventCombinadasCard-module__line___Eb2pK", ht = "oraculo__OraculoEventCombinadasCard-module__apuestaText___b5s7S", ft = "oraculo__OraculoEventCombinadasCard-module__cuotaTotal___Lohvu", D = {
+  card: lt,
+  combinadas: dt,
+  apuestaItem: ut,
+  lineContainer: pt,
+  circle: mt,
+  line: gt,
+  apuestaText: ht,
+  cuotaTotal: ft
 };
-function dt({ event: t }) {
-  var n;
-  function i(c) {
-    var x;
-    const o = (x = c.betoffers) != null ? x : [], a = c.homeName, u = c.awayName, g = o.map((w) => {
-      var m, _, k, E;
-      let s = w.outcomes[0], d = "", l = s != null && s.line ? s.line / 1e3 : "";
-      return ["Más de", "Mas de", "Over"].includes(s == null ? void 0 : s.label) ? (d = `Más de ${l}`, s != null && s.participant && (d = `${s.participant} - ${d}`)) : ["Menos de", "Menos"].includes(s == null ? void 0 : s.label) ? (d = `Menos de ${l}`, s != null && s.participant && (d = `${s.participant} - ${d}`)) : ["Sí", "No"].includes(s == null ? void 0 : s.label) ? (d = s == null ? void 0 : s.label, s != null && s.participant && (d = `${s.participant} - ${d}`)) : ["1X", "12", "X2"].includes(s == null ? void 0 : s.label) ? s.label === "1X" ? d = `${a} o Empate` : s.label === "12" ? d = `${a} o ${u}` : s.label === "X2" && (d = `${u} o Empate`) : (s != null && s.participant ? d = s.participant : d = (m = s == null ? void 0 : s.label) != null ? m : "", l !== "" && d === s.label && (d = `${s.label} ${l}`)), {
-        id: (_ = s == null ? void 0 : s.id) != null ? _ : 0,
+function se(t) {
+  const n = Array.isArray(t) ? t : [t];
+  sessionStorage.setItem("landingOutcomes", JSON.stringify(n)), window.location.href = "/#home";
+}
+function xt({ event: t }) {
+  var i;
+  function n(l) {
+    var v;
+    const o = (v = l.betoffers) != null ? v : [], r = l.homeName, h = l.awayName, m = o.map((S) => {
+      var f, w, R, I;
+      let c = S.outcomes[0], d = "", s = c != null && c.line ? c.line / 1e3 : "";
+      return ["Más de", "Mas de", "Over"].includes(c == null ? void 0 : c.label) ? (d = `Más de ${s}`, c != null && c.participant && (d = `${c.participant} - ${d}`)) : ["Menos de", "Menos"].includes(c == null ? void 0 : c.label) ? (d = `Menos de ${s}`, c != null && c.participant && (d = `${c.participant} - ${d}`)) : ["Sí", "No"].includes(c == null ? void 0 : c.label) ? (d = c == null ? void 0 : c.label, c != null && c.participant && (d = `${c.participant} - ${d}`)) : ["1X", "12", "X2"].includes(c == null ? void 0 : c.label) ? c.label === "1X" ? d = `${r} o Empate` : c.label === "12" ? d = `${r} o ${h}` : c.label === "X2" && (d = `${h} o Empate`) : (c != null && c.participant ? d = c.participant : d = (f = c == null ? void 0 : c.label) != null ? f : "", s !== "" && d === c.label && (d = `${c.label} ${s}`)), {
+        id: (w = c == null ? void 0 : c.id) != null ? w : 0,
         value: d,
-        label: w.criterion.label,
-        odds: (k = s == null ? void 0 : s.odds) != null ? k : 0,
-        bl: (E = s == null ? void 0 : s.label) != null ? E : 0
+        label: S.criterion.label,
+        odds: (R = c == null ? void 0 : c.odds) != null ? R : 0,
+        bl: (I = c == null ? void 0 : c.label) != null ? I : 0
       };
-    }), y = g.reduce((w, s) => w + s.odds, 0) / 1e3;
+    }), y = m.reduce((S, c) => S + c.odds, 0) / 1e3;
     return {
-      outcomes: g,
+      outcomes: m,
       total: y.toFixed(2)
     };
   }
-  const r = i(t);
-  return /* @__PURE__ */ p("div", { className: M.card, children: [
-    /* @__PURE__ */ e("div", { className: M.combinadas, children: /* @__PURE__ */ p(z, { direction: "column", spacing: 0.5, useFlexGap: !0, children: [
+  const a = n(t);
+  return /* @__PURE__ */ g("div", { className: D.card, children: [
+    /* @__PURE__ */ e("div", { className: D.combinadas, children: /* @__PURE__ */ g(L, { direction: "column", spacing: 0.5, useFlexGap: !0, children: [
       /* @__PURE__ */ e(
-        D,
+        H,
         {
           title: t.name,
           iconUrl: "/assets/img/home/Combinadas/pelota.png",
@@ -981,52 +968,131 @@ function dt({ event: t }) {
         }
       ),
       /* @__PURE__ */ e("img", { src: "/assets/img/home/Combinadas/line.png" }),
-      /* @__PURE__ */ e(z, { direction: "column", spacing: 0.5, useFlexGap: !0, children: r.outcomes.map((c, o) => /* @__PURE__ */ p("div", { className: M.apuestaItem, children: [
-        /* @__PURE__ */ p("div", { className: M.lineContainer, children: [
-          /* @__PURE__ */ e("div", { className: M.circle }),
-          o < r.outcomes.length - 1 && /* @__PURE__ */ e("div", { className: M.line })
+      /* @__PURE__ */ e(L, { direction: "column", spacing: 0.5, useFlexGap: !0, children: a.outcomes.map((l, o) => /* @__PURE__ */ g("div", { className: D.apuestaItem, children: [
+        /* @__PURE__ */ g("div", { className: D.lineContainer, children: [
+          /* @__PURE__ */ e("div", { className: D.circle }),
+          o < a.outcomes.length - 1 && /* @__PURE__ */ e("div", { className: D.line })
         ] }),
-        /* @__PURE__ */ p("div", { className: M.apuestaText, children: [
-          /* @__PURE__ */ e("strong", { children: c.value }),
+        /* @__PURE__ */ g("div", { className: D.apuestaText, children: [
+          /* @__PURE__ */ e("strong", { children: l.value }),
           " ",
           "| ",
-          c.label
+          l.label
         ] })
       ] }, o)) })
     ] }) }),
-    /* @__PURE__ */ p("button", { onClick: () => {
-      var c, o;
-      return console.log((o = (c = r == null ? void 0 : r.outcomes) == null ? void 0 : c.map((a) => a == null ? void 0 : a.id)) != null ? o : []);
-    }, className: M.cuotaTotal, children: [
-      /* @__PURE__ */ p("span", { children: [
+    /* @__PURE__ */ g("button", { onClick: () => {
+      var l, o;
+      return se((o = (l = a == null ? void 0 : a.outcomes) == null ? void 0 : l.map((r) => r == null ? void 0 : r.id)) != null ? o : []);
+    }, className: D.cuotaTotal, children: [
+      /* @__PURE__ */ g("span", { children: [
         "Cuota total: ",
-        /* @__PURE__ */ e("strong", { children: (((n = t.combinadoTotal) != null ? n : 0) / 1e3).toFixed(2) })
+        /* @__PURE__ */ e("strong", { children: (((i = t.combinadoTotal) != null ? i : 0) / 1e3).toFixed(2) })
       ] }),
       /* @__PURE__ */ e("img", { src: "/assets/img/home/Combinadas/cuotaTotal.svg", alt: "cuota total" })
     ] })
   ] });
 }
-function pt({ event: t, liveData: i, betOffers: r, fondo: n = "/assets/img/home/EnVivo/fondo.png" }) {
-  var c, o, a, u, g, y, x, w, s, d, l;
+const j = {
+  "orc-btn": "oraculo__OraculoButtonBet-module__orc-btn___jakza",
+  "orc-btn__label": "oraculo__OraculoButtonBet-module__orc-btn__label___zNFEH",
+  "orc-btn__icon": "oraculo__OraculoButtonBet-module__orc-btn__icon___5Rhyd",
+  "orc-btn--primary": "oraculo__OraculoButtonBet-module__orc-btn--primary___7TlJB",
+  "orc-btn--secondary": "oraculo__OraculoButtonBet-module__orc-btn--secondary___X4kJt",
+  "orc-btn--tertiary": "oraculo__OraculoButtonBet-module__orc-btn--tertiary___iS6eD",
+  "orc-btn--sm": "oraculo__OraculoButtonBet-module__orc-btn--sm___lIF2e",
+  "orc-btn--md": "oraculo__OraculoButtonBet-module__orc-btn--md___x4SI7",
+  "orc-btn--lg": "oraculo__OraculoButtonBet-module__orc-btn--lg___0BQNI",
+  "orc-btn--iconOnly": "oraculo__OraculoButtonBet-module__orc-btn--iconOnly___hQGwI",
+  "orc-btn--full": "oraculo__OraculoButtonBet-module__orc-btn--full___z-Myo",
+  "orc-btn--fullHeight": "oraculo__OraculoButtonBet-module__orc-btn--fullHeight___pCxq1"
+};
+function bt({
+  children: t,
+  onClick: n,
+  href: a,
+  target: i,
+  rel: l,
+  type: o = "button",
+  disabled: r = !1,
+  variant: h = "primary",
+  size: m,
+  fullWidth: y = !1,
+  fullHeight: v = !1,
+  className: S = "",
+  ariaLabel: c,
+  leftIcon: d,
+  rightIcon: s,
+  iconOnly: f
+}) {
+  const w = !!t && t !== !0, T = (!!d ? 1 : 0) + (!!s ? 1 : 0) == 1, O = f != null ? f : T && !w, $ = [
+    j["orc-btn"],
+    // base
+    j[`orc-btn--${h}`],
+    // variant primary/secondary/tertiary
+    m ? j[`orc-btn--${m}`] : "",
+    // sm / md / lg
+    y ? j["orc-btn--full"] : "",
+    v ? j["orc-btn--fullHeight"] : "",
+    O ? j["orc-btn--iconOnly"] : "",
+    S
+  ].filter(Boolean).join(" "), N = /* @__PURE__ */ g(X, { children: [
+    d && /* @__PURE__ */ e("span", { className: j["orc-btn__icon"], children: d }),
+    !O && /* @__PURE__ */ e("span", { className: j["orc-btn__label"], children: t }),
+    s && /* @__PURE__ */ e("span", { className: j["orc-btn__icon"], children: s })
+  ] }), p = r ? !0 : void 0;
+  return a ? /* @__PURE__ */ e(
+    he,
+    {
+      href: a,
+      target: i,
+      rel: l,
+      "aria-label": c,
+      "aria-disabled": p,
+      tabIndex: p ? -1 : void 0,
+      className: $,
+      onClick: p ? (u) => u.preventDefault() : n,
+      children: N
+    }
+  ) : /* @__PURE__ */ e(
+    "button",
+    {
+      type: o,
+      onClick: n,
+      disabled: !!p,
+      "aria-label": c,
+      className: $,
+      children: N
+    }
+  );
+}
+function _t({ event: t, liveData: n, betOffers: a, fondo: i = "/assets/img/home/EnVivo/fondo.png" }) {
+  var o, r, h, m, y, v, S, c;
+  const l = a == null ? void 0 : a.find(
+    (d) => {
+      var s;
+      return ((s = d.betOfferType) == null ? void 0 : s.id) === 2;
+    }
+  );
   return /* @__PURE__ */ e("div", { style: {
-    backgroundImage: `url(${n})`,
+    backgroundImage: `url(${i})`,
     backgroundSize: "cover",
-    height: "160px",
+    minHeight: "160px",
     width: "296px",
     padding: "12px 16px",
     borderRadius: "16px"
-  }, children: /* @__PURE__ */ p(z, { direction: "column", spacing: 1, useFlexGap: !0, children: [
-    /* @__PURE__ */ p(z, { direction: "column", spacing: 1.5, useFlexGap: !0, children: [
+  }, children: /* @__PURE__ */ g(L, { direction: "column", spacing: 1, useFlexGap: !0, children: [
+    /* @__PURE__ */ g(L, { direction: "column", spacing: 1.5, useFlexGap: !0, children: [
       /* @__PURE__ */ e(
-        Ue,
+        je,
         {
-          title: (c = t.path[0].name) != null ? c : "",
+          title: (o = t.path[0].name) != null ? o : "",
           subtitle: t.group,
           live: !0,
-          time: (a = (o = i == null ? void 0 : i.matchClock) == null ? void 0 : o.minute) != null ? a : ""
+          time: ((r = n == null ? void 0 : n.matchClock) == null ? void 0 : r.minute) != null ? `${n.matchClock.minute}'` : ""
         }
       ),
-      /* @__PURE__ */ e("div", { style: { padding: "0 4px" }, children: /* @__PURE__ */ p(G, { spacing: 1.5, columns: "1fr auto 1fr", children: [
+      /* @__PURE__ */ e("div", { style: { padding: "0 4px" }, children: /* @__PURE__ */ g(W, { spacing: 1.5, columns: "1fr auto 1fr", children: [
         /* @__PURE__ */ e(
           Q,
           {
@@ -1034,47 +1100,47 @@ function pt({ event: t, liveData: i, betOffers: r, fondo: n = "/assets/img/home/
             logo: "/assets/img/home/EnVivo/Juventus.png"
           }
         ),
-        /* @__PURE__ */ e(xe, { text: ((g = (u = i == null ? void 0 : i.score) == null ? void 0 : u.home) != null ? g : 0) + ":" + ((x = (y = i == null ? void 0 : i.score) == null ? void 0 : y.away) != null ? x : 0), name: "En vivo" }),
+        /* @__PURE__ */ e(we, { text: ((m = (h = n == null ? void 0 : n.score) == null ? void 0 : h.home) != null ? m : 0) + ":" + ((v = (y = n == null ? void 0 : n.score) == null ? void 0 : y.away) != null ? v : 0), name: "En vivo" }),
         /* @__PURE__ */ e(Q, { name: t.awayName, logo: "/assets/img/home/EnVivo/Racing.png" })
       ] }) })
     ] }),
-    /* @__PURE__ */ p(z, { direction: "column", spacing: 1, useFlexGap: !0, children: [
-      /* @__PURE__ */ e(G, { spacing: 1, children: ((s = (w = r == null ? void 0 : r[0]) == null ? void 0 : w.outcomes) != null ? s : []).map((m, _) => /* @__PURE__ */ e(fe, { text: m.label.toUpperCase() }, _)) }),
-      /* @__PURE__ */ e(G, { spacing: 2, children: ((l = (d = r == null ? void 0 : r[0]) == null ? void 0 : d.outcomes) != null ? l : []).map((m, _) => /* @__PURE__ */ e(T, { variant: "primary", disabled: m.odds == null, onClick: () => {
-        console.log(m.id);
-      }, children: m.odds === void 0 ? "X" : (m.odds / 1e3).toFixed(2) }, _)) })
+    /* @__PURE__ */ g(L, { direction: "column", spacing: 1, useFlexGap: !0, children: [
+      /* @__PURE__ */ e(W, { spacing: 1, children: ((S = l == null ? void 0 : l.outcomes) != null ? S : []).map((d, s) => /* @__PURE__ */ e(ye, { text: d.label.toUpperCase() }, s)) }),
+      /* @__PURE__ */ e(W, { spacing: 2, children: ((c = l == null ? void 0 : l.outcomes) != null ? c : []).map((d, s) => /* @__PURE__ */ e(bt, { variant: "primary", disabled: d.odds == null || (l == null ? void 0 : l.cashOutStatus) == "SUSPENDED", onClick: () => {
+        se(d.id);
+      }, children: d.odds === void 0 ? "" : (d.odds / 1e3).toFixed(2) }, s)) })
     ] })
   ] }) });
 }
-const mt = "oraculo__OraculoEventDate-module__date___xhIlh", ut = {
-  date: mt
+const vt = "oraculo__OraculoEventDate-module__date___xhIlh", yt = {
+  date: vt
 };
-function gt({ text: t }) {
-  return /* @__PURE__ */ e("div", { className: `oli-font ${ut.date}`, children: t });
+function wt({ text: t }) {
+  return /* @__PURE__ */ e("div", { className: `oli-font ${yt.date}`, children: t });
 }
-const ht = "oraculo__OraculoEventSemanaCard-module__cardContainer___4JuDe", ft = "oraculo__OraculoEventSemanaCard-module__cardBackground___vfalD", xt = "oraculo__OraculoEventSemanaCard-module__jugadas___W8b7H", V = {
-  cardContainer: ht,
-  cardBackground: ft,
-  jugadas: xt
+const St = "oraculo__OraculoEventSemanaCard-module__cardContainer___4JuDe", Ct = "oraculo__OraculoEventSemanaCard-module__cardBackground___vfalD", Et = "oraculo__OraculoEventSemanaCard-module__jugadas___W8b7H", te = {
+  cardContainer: St,
+  cardBackground: Ct,
+  jugadas: Et
 };
-function bt({ event: t }) {
-  var r, n, c, o, a, u, g;
-  function i(y) {
-    const x = new Date(y), w = x.toLocaleDateString("es-ES", {
+function $t({ event: t }) {
+  var a, i, l, o, r, h, m;
+  function n(y) {
+    const v = new Date(y), S = v.toLocaleDateString("es-ES", {
       weekday: "short"
-    }).toUpperCase(), s = x.getDate().toString().padStart(2, "0"), d = (x.getMonth() + 1).toString().padStart(2, "0");
-    let l = x.toLocaleTimeString("es-PE", {
+    }).toUpperCase(), c = v.getDate().toString().padStart(2, "0"), d = (v.getMonth() + 1).toString().padStart(2, "0");
+    let s = v.toLocaleTimeString("es-PE", {
       hour: "numeric",
       minute: "2-digit",
       hour12: !0
     }).toUpperCase();
-    return l = l.replace(/\./g, "").replace(/A\s*M/i, "AM").replace(/P\s*M/i, "PM"), `${w} ${s}/${d} | ${l}`;
+    return s = s.replace(/\./g, "").replace(/A\s*M/i, "AM").replace(/P\s*M/i, "PM"), `${S} ${c}/${d} | ${s}`;
   }
-  return /* @__PURE__ */ p("div", { className: V.cardContainer, children: [
-    /* @__PURE__ */ e(Be, { title: (r = t.group) != null ? r : "" }),
-    /* @__PURE__ */ e("div", { className: V.cardBackground, children: /* @__PURE__ */ p(z, { direction: "column", spacing: { xs: 0.5, md: 1 }, useFlexGap: !0, children: [
-      /* @__PURE__ */ p(z, { direction: "column", spacing: 1, useFlexGap: !0, children: [
-        /* @__PURE__ */ p(G, { spacing: 1, columns: "1fr auto 1fr", children: [
+  return /* @__PURE__ */ g("div", { className: te.cardContainer, children: [
+    /* @__PURE__ */ e(Ke, { title: (a = t.group) != null ? a : "" }),
+    /* @__PURE__ */ e("div", { className: te.cardBackground, children: /* @__PURE__ */ g(L, { direction: "column", spacing: { xs: 0.5, md: 1 }, useFlexGap: !0, children: [
+      /* @__PURE__ */ g(L, { direction: "column", spacing: 1, useFlexGap: !0, children: [
+        /* @__PURE__ */ g(W, { spacing: 1, columns: "1fr auto 1fr", children: [
           /* @__PURE__ */ e(
             Q,
             {
@@ -1083,42 +1149,42 @@ function bt({ event: t }) {
               size: "compact"
             }
           ),
-          /* @__PURE__ */ e(xe, { text: "vs.", name: "", size: "small" }),
+          /* @__PURE__ */ e(we, { text: "vs.", name: "", size: "small" }),
           /* @__PURE__ */ e(Q, { name: t.homeName, logo: "/assets/img/home/EventoSemana/RealMadrid.png", size: "compact" })
         ] }),
-        /* @__PURE__ */ e(gt, { text: i(t.start) })
+        /* @__PURE__ */ e(wt, { text: n(t.start) })
       ] }),
-      /* @__PURE__ */ p(z, { direction: "column", spacing: { xs: 0.5, md: 1 }, useFlexGap: !0, children: [
-        /* @__PURE__ */ e(G, { spacing: 1, children: ((o = (c = (n = t == null ? void 0 : t.outcome) == null ? void 0 : n[0]) == null ? void 0 : c.outcomes) != null ? o : []).map((y, x) => /* @__PURE__ */ e(fe, { text: y.label.toUpperCase() }, x)) }),
-        /* @__PURE__ */ e("div", { className: V.jugadas, children: /* @__PURE__ */ e(G, { spacing: 1, children: ((g = (u = (a = t == null ? void 0 : t.outcome) == null ? void 0 : a[0]) == null ? void 0 : u.outcomes) != null ? g : []).map((y, x) => /* @__PURE__ */ e(T, { variant: "primary", fullHeight: !0, onClick: () => {
-          console.log(y.id);
-        }, children: (y.odds / 1e3).toFixed(2) }, x)) }) })
+      /* @__PURE__ */ g(L, { direction: "column", spacing: { xs: 0.5, md: 1 }, useFlexGap: !0, children: [
+        /* @__PURE__ */ e(W, { spacing: 1, children: ((o = (l = (i = t == null ? void 0 : t.outcome) == null ? void 0 : i[0]) == null ? void 0 : l.outcomes) != null ? o : []).map((y, v) => /* @__PURE__ */ e(ye, { text: y.label.toUpperCase() }, v)) }),
+        /* @__PURE__ */ e("div", { className: te.jugadas, children: /* @__PURE__ */ e(W, { spacing: 1, children: ((m = (h = (r = t == null ? void 0 : t.outcome) == null ? void 0 : r[0]) == null ? void 0 : h.outcomes) != null ? m : []).map((y, v) => /* @__PURE__ */ e(P, { variant: "primary", fullHeight: !0, onClick: () => {
+          se(y.id);
+        }, children: (y.odds / 1e3).toFixed(2) }, v)) }) })
       ] })
     ] }) })
   ] });
 }
-function vt({
+function It({
   items: t,
-  title: i = "Destacados",
-  iconUrl: r,
-  onViewMore: n,
-  className: c = ""
+  title: n = "Destacados",
+  iconUrl: a,
+  onViewMore: i,
+  className: l = ""
 }) {
-  const o = B(null), [a, u] = U({ isStart: !0, isEnd: !1 }), g = () => {
+  const o = A(null), [r, h] = B({ isStart: !0, isEnd: !1 }), m = () => {
     var d;
     (d = o.current) == null || d.prev();
   }, y = () => {
     var d;
     (d = o.current) == null || d.next(), console.log("items: ", t);
-  }, x = () => {
-    n == null || n();
-  }, w = (d) => {
+  }, v = () => {
+    window.location.href = "https://www.olimpo.bet/promociones";
+  }, S = (d) => {
     if (!d || typeof window == "undefined") return;
-    const m = `https://www.olimpo.bet/promociones/${encodeURIComponent(d)}`;
-    window.location.href = m;
+    const f = `https://www.olimpo.bet/promociones/${encodeURIComponent(d)}`;
+    window.location.href = f;
   };
-  return /* @__PURE__ */ p("section", { className: c || void 0, style: { width: "100%" }, children: [
-    /* @__PURE__ */ p(
+  return /* @__PURE__ */ g("section", { className: l || void 0, style: { width: "100%" }, children: [
+    /* @__PURE__ */ g(
       "header",
       {
         style: {
@@ -1130,37 +1196,37 @@ function vt({
           marginBottom: 16
         },
         children: [
-          /* @__PURE__ */ e(D, { title: i, iconUrl: r, size: "md" }),
-          /* @__PURE__ */ p("div", { style: { display: "flex", gap: 8 }, children: [
+          /* @__PURE__ */ e(H, { title: n, iconUrl: a, size: "md" }),
+          /* @__PURE__ */ g("div", { style: { display: "flex", gap: 8 }, children: [
             /* @__PURE__ */ e(
-              T,
+              P,
               {
                 ariaLabel: "Anterior",
                 variant: "secondary",
                 iconOnly: !0,
-                leftIcon: /* @__PURE__ */ e(oe, {}),
-                onClick: g,
-                disabled: a.isStart
+                leftIcon: /* @__PURE__ */ e(ae, {}),
+                onClick: m,
+                disabled: r.isStart
               }
             ),
             /* @__PURE__ */ e(
-              T,
+              P,
               {
                 ariaLabel: "Siguiente",
                 variant: "secondary",
                 iconOnly: !0,
-                rightIcon: /* @__PURE__ */ e(ne, {}),
+                rightIcon: /* @__PURE__ */ e(ie, {}),
                 onClick: y,
-                disabled: a.isEnd
+                disabled: r.isEnd
               }
             )
           ] }),
-          /* @__PURE__ */ e(T, { variant: "secondary", onClick: x, children: "Ver más" })
+          /* @__PURE__ */ e(P, { variant: "secondary", onClick: v, children: "Ver más" })
         ]
       }
     ),
     /* @__PURE__ */ e(
-      H,
+      V,
       {
         ref: o,
         items: t,
@@ -1179,7 +1245,7 @@ function vt({
               marginTop: 16,
               cursor: "pointer"
             },
-            onClick: () => w(d.promotion),
+            onClick: () => S(d.promotion),
             children: /* @__PURE__ */ e(
               "img",
               {
@@ -1198,39 +1264,39 @@ function vt({
           },
           `${d.title}-${d.image}`
         ),
-        onMove: ({ isStart: d, isEnd: l }) => u({ isStart: d, isEnd: l })
+        onMove: ({ isStart: d, isEnd: s }) => h({ isStart: d, isEnd: s })
       }
     )
   ] });
 }
-const yt = (t) => {
-  var s, d, l, m, _, k;
+const Nt = (t) => {
+  var c, d, s, f, w, R;
   if (typeof window == "undefined") return;
-  const i = (d = (s = t.name) != null ? s : t.web_name) != null ? d : "", r = (l = t.provider) != null ? l : "", n = (m = t.machine) != null ? m : "", c = (_ = t.external_id) != null ? _ : "", o = (k = t.type) != null ? k : "", a = encodeURIComponent(String(r)), u = encodeURIComponent(String(n)), g = encodeURIComponent(String(i)), y = encodeURIComponent(String(c)), x = encodeURIComponent(String(o)), w = `https://www.olimpo.bet/casino?${u}?provider=${a}&name=${g}&external_id=${y}&type=${x}`;
-  window.location.href = w;
+  const n = (d = (c = t.name) != null ? c : t.web_name) != null ? d : "", a = (s = t.provider) != null ? s : "", i = (f = t.machine) != null ? f : "", l = (w = t.external_id) != null ? w : "", o = (R = t.type) != null ? R : "", r = encodeURIComponent(String(a)), h = encodeURIComponent(String(i)), m = encodeURIComponent(String(n)), y = encodeURIComponent(String(l)), v = encodeURIComponent(String(o)), S = `https://www.olimpo.bet/casino?${h}?provider=${r}&name=${m}&external_id=${y}&type=${v}`;
+  window.location.href = S;
 };
-function _t({
+function Ot({
   items: t,
-  title: i = "Top Juegos",
-  iconUrl: r,
-  onCardClick: n
+  title: n = "Top Juegos",
+  iconUrl: a,
+  onCardClick: i
 }) {
-  const c = te(
-    () => t.map((o, a) => {
-      var u;
+  const l = re(
+    () => t.map((o, r) => {
+      var h;
       return {
         ...o,
         // si no viene orden, usamos el índice (1-based)
-        orden: (u = o.orden) != null ? u : a + 1,
-        _originalIndex: a
+        orden: (h = o.orden) != null ? h : r + 1,
+        _originalIndex: r
       };
-    }).sort((o, a) => o.orden != null && a.orden != null ? o.orden - a.orden : o._originalIndex - a._originalIndex),
+    }).sort((o, r) => o.orden != null && r.orden != null ? o.orden - r.orden : o._originalIndex - r._originalIndex),
     [t]
   );
-  return /* @__PURE__ */ e("section", { style: { width: "100%" }, children: /* @__PURE__ */ p(z, { direction: "column", spacing: 2, useFlexGap: !0, children: [
-    /* @__PURE__ */ e(D, { title: i, iconUrl: r, size: "md" }),
+  return /* @__PURE__ */ e("section", { style: { width: "100%" }, children: /* @__PURE__ */ g(L, { direction: "column", spacing: 2, useFlexGap: !0, children: [
+    /* @__PURE__ */ e(H, { title: n, iconUrl: a, size: "md" }),
     /* @__PURE__ */ e(
-      C,
+      E,
       {
         sx: {
           display: "grid",
@@ -1242,15 +1308,15 @@ function _t({
           justifyItems: "center",
           width: "100%"
         },
-        children: c.slice(0, 6).map((o) => {
-          var a;
+        children: l.slice(0, 6).map((o) => {
+          var r;
           return /* @__PURE__ */ e(
-            Ve,
+            it,
             {
-              imageUrl: `https://olimpo.bet${(a = o.logo) != null ? a : ""}`,
+              imageUrl: `https://olimpo.bet${(r = o.logo) != null ? r : ""}`,
               orden: o.orden,
               onClick: () => {
-                n ? n(o) : yt(o);
+                i ? i(o) : Nt(o);
               }
             },
             o.machine
@@ -1260,27 +1326,27 @@ function _t({
     )
   ] }) });
 }
-const St = (t, i) => {
-  var r, n;
-  return (n = (r = t.orden) != null ? r : t.machine) != null ? n : i;
-}, wt = (t) => {
-  var s, d, l, m, _, k;
+const kt = (t, n) => {
+  var a, i;
+  return (i = (a = t.orden) != null ? a : t.machine) != null ? i : n;
+}, Rt = (t) => {
+  var c, d, s, f, w, R;
   if (typeof window == "undefined") return;
-  const i = (d = (s = t.name) != null ? s : t.web_name) != null ? d : "", r = (l = t.provider) != null ? l : "", n = (m = t.machine) != null ? m : "", c = (_ = t.external_id) != null ? _ : "", o = (k = t.type) != null ? k : "Live", a = encodeURIComponent(String(r)), u = encodeURIComponent(String(n)), g = encodeURIComponent(String(i)), y = encodeURIComponent(String(c)), x = encodeURIComponent(String(o)), w = `https://www.olimpo.bet/casino-en-vivo?${u}?provider=${a}&name=${g}&external_id=${y}&type=${x}`;
-  window.location.href = w;
-}, Ct = ({
+  const n = (d = (c = t.name) != null ? c : t.web_name) != null ? d : "", a = (s = t.provider) != null ? s : "", i = (f = t.machine) != null ? f : "", l = (w = t.external_id) != null ? w : "", o = (R = t.type) != null ? R : "Live", r = encodeURIComponent(String(a)), h = encodeURIComponent(String(i)), m = encodeURIComponent(String(n)), y = encodeURIComponent(String(l)), v = encodeURIComponent(String(o)), S = `https://www.olimpo.bet/casino-en-vivo?${h}?provider=${r}&name=${m}&external_id=${y}&type=${v}`;
+  window.location.href = S;
+}, Tt = ({
   items: t,
-  title: i = "Casino en vivo",
-  subtitle: r = "Disfruta la emoción en tus juegos favoritos y gana en tiempo real.",
-  backgroundMobileUrl: n = "",
-  backgroundDesktopUrl: c = "",
+  title: n = "Casino en vivo",
+  subtitle: a = "Disfruta la emoción en tus juegos favoritos y gana en tiempo real.",
+  backgroundMobileUrl: i = "",
+  backgroundDesktopUrl: l = "",
   onCardClick: o,
-  onViewMore: a,
-  className: u
-}) => /* @__PURE__ */ p(
-  C,
+  onViewMore: r,
+  className: h
+}) => /* @__PURE__ */ g(
+  E,
   {
-    className: u,
+    className: h,
     sx: {
       position: "relative",
       // width: "100vw",
@@ -1292,7 +1358,7 @@ const St = (t, i) => {
     },
     children: [
       /* @__PURE__ */ e(
-        C,
+        E,
         {
           sx: {
             position: "absolute",
@@ -1301,12 +1367,12 @@ const St = (t, i) => {
               xs: `
               linear-gradient(to bottom, #121212 0%, rgba(18,18,18,0) 10%),
               linear-gradient(to top,    #121212 0%, rgba(18,18,18,0) 10%),
-              url('${n}')
+              url('${i}')
             `,
               md: `
               linear-gradient(to bottom, #121212 0%, rgba(18,18,18,0) 10%),
               linear-gradient(to top,    #121212 0%, rgba(18,18,18,0) 10%),
-              url('${c}')
+              url('${l}')
             `
             },
             backgroundSize: "cover",
@@ -1316,8 +1382,8 @@ const St = (t, i) => {
           }
         }
       ),
-      /* @__PURE__ */ p(
-        C,
+      /* @__PURE__ */ g(
+        E,
         {
           sx: {
             position: "relative",
@@ -1334,9 +1400,9 @@ const St = (t, i) => {
             textAlign: { xs: "center", md: "left" }
           },
           children: [
-            /* @__PURE__ */ p(z, { spacing: 3, sx: { maxWidth: { md: 280 } }, children: [
+            /* @__PURE__ */ g(L, { spacing: 3, sx: { maxWidth: { md: 280 } }, children: [
               /* @__PURE__ */ e(
-                j,
+                G,
                 {
                   variant: "h4",
                   sx: {
@@ -1345,11 +1411,11 @@ const St = (t, i) => {
                     WebkitTextStroke: "0.5px rgba(255, 255, 255, .5)",
                     textShadow: "0 0 2px rgba(255, 255, 255, .95),0 0 4px rgba(255, 255, 255, .6),0 1px 0 #898989"
                   },
-                  children: i
+                  children: n
                 }
               ),
               /* @__PURE__ */ e(
-                j,
+                G,
                 {
                   sx: {
                     fontSize: { xs: 14, md: 18 },
@@ -1357,21 +1423,21 @@ const St = (t, i) => {
                     marginX: { xs: 4, md: 0 },
                     lineHeight: 1.5
                   },
-                  children: r
+                  children: a
                 }
               ),
-              /* @__PURE__ */ e(C, { sx: { display: { xs: "none", md: "block" } }, children: /* @__PURE__ */ e(
-                T,
+              /* @__PURE__ */ e(E, { sx: { display: { xs: "none", md: "block" } }, children: /* @__PURE__ */ e(
+                P,
                 {
                   variant: "primary",
                   size: "md",
-                  onClick: () => a == null ? void 0 : a(),
+                  onClick: () => r == null ? void 0 : r(),
                   children: "Ver más"
                 }
               ) })
             ] }),
             /* @__PURE__ */ e(
-              C,
+              E,
               {
                 sx: {
                   display: "flex",
@@ -1381,30 +1447,30 @@ const St = (t, i) => {
                   py: { xs: 3, md: 0 },
                   alignItems: "center"
                 },
-                children: (t != null ? t : []).slice(0, 3).map((g, y) => {
-                  var x;
+                children: (t != null ? t : []).slice(0, 3).map((m, y) => {
+                  var v;
                   return /* @__PURE__ */ e(
-                    et,
+                    st,
                     {
-                      logo: `https://olimpo.bet${(x = g.logo) != null ? x : ""}`,
-                      provider: g.provider,
-                      providerName: g.web_name,
-                      machine: g.machine,
+                      logo: `https://olimpo.bet${(v = m.logo) != null ? v : ""}`,
+                      provider: m.provider,
+                      providerName: m.web_name,
+                      machine: m.machine,
                       onClick: () => {
-                        o ? o(g, y) : wt(g);
+                        o ? o(m, y) : Rt(m);
                       }
                     },
-                    St(g, y)
+                    kt(m, y)
                   );
                 })
               }
             ),
-            /* @__PURE__ */ e(C, { sx: { display: { xs: "block", md: "none" } }, children: /* @__PURE__ */ e(
-              T,
+            /* @__PURE__ */ e(E, { sx: { display: { xs: "block", md: "none" } }, children: /* @__PURE__ */ e(
+              P,
               {
                 variant: "primary",
                 size: "lg",
-                onClick: () => a == null ? void 0 : a(),
+                onClick: () => r == null ? void 0 : r(),
                 children: "Ver más"
               }
             ) })
@@ -1413,63 +1479,63 @@ const St = (t, i) => {
       )
     ]
   }
-), ve = (t, i) => {
-  var r, n;
-  return (n = (r = t.orden) != null ? r : t.machine) != null ? n : i;
-}, Et = (t) => {
-  var s, d, l, m, _;
+), Ce = (t, n) => {
+  var a, i;
+  return (i = (a = t.orden) != null ? a : t.machine) != null ? i : n;
+}, Pt = (t) => {
+  var c, d, s, f, w;
   if (typeof window == "undefined") return;
-  const i = (s = t.name) != null ? s : "", r = (d = t.provider) != null ? d : "", n = (l = t.machine) != null ? l : "", c = (m = t.external_id) != null ? m : "", o = (_ = t.type) != null ? _ : "Casino", a = encodeURIComponent(String(r)), u = encodeURIComponent(String(n)), g = encodeURIComponent(String(i)), y = encodeURIComponent(String(c)), x = encodeURIComponent(String(o)), w = `https://www.olimpo.bet/casino?${u}?provider=${a}&name=${g}&external_id=${y}&type=${x}`;
-  window.location.href = w;
-}, $t = (t, i = !0, r = 4) => {
-  const n = t.map((a, u) => {
-    var g;
+  const n = (c = t.name) != null ? c : "", a = (d = t.provider) != null ? d : "", i = (s = t.machine) != null ? s : "", l = (f = t.external_id) != null ? f : "", o = (w = t.type) != null ? w : "Casino", r = encodeURIComponent(String(a)), h = encodeURIComponent(String(i)), m = encodeURIComponent(String(n)), y = encodeURIComponent(String(l)), v = encodeURIComponent(String(o)), S = `https://www.olimpo.bet/casino?${h}?provider=${r}&name=${m}&external_id=${y}&type=${v}`;
+  window.location.href = S;
+}, Ft = (t, n = !0, a = 4) => {
+  const i = t.map((r, h) => {
+    var m;
     return {
-      id: ve(a, u),
-      imageUrl: (g = a.logo) != null ? g : ""
+      id: Ce(r, h),
+      imageUrl: (m = r.logo) != null ? m : ""
     };
   });
-  if (!n.length) return [];
-  const c = [];
+  if (!i.length) return [];
+  const l = [];
   let o = 0;
-  if (i) {
-    const a = Math.min(n.length, 5);
-    c.push({
+  if (n) {
+    const r = Math.min(i.length, 5);
+    l.push({
       id: "mosaic-0",
       kind: "mosaic",
-      items: n.slice(0, a)
-    }), o = a;
+      items: i.slice(0, r)
+    }), o = r;
   }
-  for (; o < n.length; ) {
-    const a = Math.min(o + r, n.length);
-    c.push({
+  for (; o < i.length; ) {
+    const r = Math.min(o + a, i.length);
+    l.push({
       id: `grid-${o}`,
       kind: "grid",
-      items: n.slice(o, a)
-    }), o = a;
+      items: i.slice(o, r)
+    }), o = r;
   }
-  return c;
-}, It = ({
+  return l;
+}, Bt = ({
   items: t,
-  title: i = "Casino",
-  iconUrl: r = "/assets/img/home/Casino/diamante.svg",
-  onItemClick: n,
-  onViewMore: c,
+  title: n = "Casino",
+  iconUrl: a = "/assets/img/home/Casino/diamante.svg",
+  onItemClick: i,
+  onViewMore: l,
   mosaicFirst: o = !0,
-  gridSize: a = 4
+  gridSize: r = 4
 }) => {
-  const u = B(null), [g, y] = U({ isStart: !0, isEnd: !1 }), x = $t(t, o, a), w = () => {
-    var l;
-    (l = u.current) == null || l.prev();
-  }, s = () => {
-    var l;
-    (l = u.current) == null || l.next();
+  const h = A(null), [m, y] = B({ isStart: !0, isEnd: !1 }), v = Ft(t, o, r), S = () => {
+    var s;
+    (s = h.current) == null || s.prev();
+  }, c = () => {
+    var s;
+    (s = h.current) == null || s.next();
   }, d = () => {
-    c == null || c();
+    window.location.href = "https://www.olimpo.bet/casino";
   };
-  return /* @__PURE__ */ e("section", { children: /* @__PURE__ */ p(z, { direction: "column", spacing: 2, useFlexGap: !0, children: [
-    /* @__PURE__ */ p(
-      C,
+  return /* @__PURE__ */ e("section", { children: /* @__PURE__ */ g(L, { direction: "column", spacing: 2, useFlexGap: !0, children: [
+    /* @__PURE__ */ g(
+      E,
       {
         sx: {
           display: "grid",
@@ -1480,15 +1546,15 @@ const St = (t, i) => {
         },
         children: [
           /* @__PURE__ */ e(
-            D,
+            H,
             {
-              title: i,
-              iconUrl: r,
+              title: n,
+              iconUrl: a,
               size: "md"
             }
           ),
-          /* @__PURE__ */ p(
-            C,
+          /* @__PURE__ */ g(
+            E,
             {
               sx: {
                 display: "flex",
@@ -1497,39 +1563,39 @@ const St = (t, i) => {
               },
               children: [
                 /* @__PURE__ */ e(
-                  T,
+                  P,
                   {
                     ariaLabel: "Anterior",
                     variant: "secondary",
                     iconOnly: !0,
-                    leftIcon: /* @__PURE__ */ e(ue, {}),
-                    onClick: w,
-                    disabled: g.isStart
+                    leftIcon: /* @__PURE__ */ e(be, {}),
+                    onClick: S,
+                    disabled: m.isStart
                   }
                 ),
                 /* @__PURE__ */ e(
-                  T,
+                  P,
                   {
                     ariaLabel: "Siguiente",
                     variant: "secondary",
                     iconOnly: !0,
-                    rightIcon: /* @__PURE__ */ e(ge, {}),
-                    onClick: s,
-                    disabled: g.isEnd
+                    rightIcon: /* @__PURE__ */ e(_e, {}),
+                    onClick: c,
+                    disabled: m.isEnd
                   }
                 )
               ]
             }
           ),
-          /* @__PURE__ */ e(C, { sx: { justifySelf: "end" }, children: /* @__PURE__ */ e(T, { variant: "secondary", onClick: d, children: "Ver más" }) })
+          /* @__PURE__ */ e(E, { sx: { justifySelf: "end" }, children: /* @__PURE__ */ e(P, { variant: "secondary", onClick: d, children: "Ver más" }) })
         ]
       }
     ),
     /* @__PURE__ */ e(
-      H,
+      V,
       {
-        ref: u,
-        items: x,
+        ref: h,
+        items: v,
         perPage: 1,
         gap: "0px",
         options: {
@@ -1541,80 +1607,80 @@ const St = (t, i) => {
           drag: !0,
           focus: "start"
         },
-        renderItem: (l) => /* @__PURE__ */ e("div", { style: { alignSelf: "start" }, children: /* @__PURE__ */ e(
-          be,
+        renderItem: (s) => /* @__PURE__ */ e("div", { style: { alignSelf: "start" }, children: /* @__PURE__ */ e(
+          Se,
           {
-            items: l.items,
-            layout: l.kind === "mosaic" ? "mosaic" : "grid",
-            onClick: (m) => {
-              const _ = t.find(
-                (k, E) => ve(k, E) === m.id
+            items: s.items,
+            layout: s.kind === "mosaic" ? "mosaic" : "grid",
+            onClick: (f) => {
+              const w = t.find(
+                (R, I) => Ce(R, I) === f.id
               );
-              _ && (n ? n(_) : Et(_));
+              w && (i ? i(w) : Pt(w));
             }
           }
         ) }),
-        onMove: ({ isStart: l, isEnd: m }) => y({ isStart: l, isEnd: m })
+        onMove: ({ isStart: s, isEnd: f }) => y({ isStart: s, isEnd: f })
       }
     )
   ] }) });
-}, ye = (t, i) => {
-  var r, n;
-  return (n = (r = t.orden) != null ? r : t.machine) != null ? n : i;
-}, kt = (t) => {
-  var s, d, l, m, _;
+}, Ee = (t, n) => {
+  var a, i;
+  return (i = (a = t.orden) != null ? a : t.machine) != null ? i : n;
+}, Ut = (t) => {
+  var c, d, s, f, w;
   if (typeof window == "undefined") return;
-  const i = (s = t.name) != null ? s : "", r = (d = t.provider) != null ? d : "", n = (l = t.machine) != null ? l : "", c = (m = t.external_id) != null ? m : "", o = (_ = t.type) != null ? _ : "Virtuales", a = encodeURIComponent(String(r)), u = encodeURIComponent(String(n)), g = encodeURIComponent(String(i)), y = encodeURIComponent(String(c)), x = encodeURIComponent(String(o)), w = `https://www.olimpo.bet/juegos-virtuales?${u}?provider=${a}&name=${g}&external_id=${y}&type=${x}`;
-  window.location.href = w;
-}, Nt = (t, i = !0, r = 4) => {
-  const n = t.map((a, u) => {
-    var g;
+  const n = (c = t.name) != null ? c : "", a = (d = t.provider) != null ? d : "", i = (s = t.machine) != null ? s : "", l = (f = t.external_id) != null ? f : "", o = (w = t.type) != null ? w : "Virtuales", r = encodeURIComponent(String(a)), h = encodeURIComponent(String(i)), m = encodeURIComponent(String(n)), y = encodeURIComponent(String(l)), v = encodeURIComponent(String(o)), S = `https://www.olimpo.bet/juegos-virtuales?${h}?provider=${r}&name=${m}&external_id=${y}&type=${v}`;
+  window.location.href = S;
+}, Lt = (t, n = !0, a = 4) => {
+  const i = t.map((r, h) => {
+    var m;
     return {
-      id: ye(a, u),
-      imageUrl: (g = a.logo) != null ? g : ""
+      id: Ee(r, h),
+      imageUrl: (m = r.logo) != null ? m : ""
     };
   });
-  if (!n.length) return [];
-  const c = [];
+  if (!i.length) return [];
+  const l = [];
   let o = 0;
-  if (i) {
-    const a = Math.min(n.length, 5);
-    c.push({
+  if (n) {
+    const r = Math.min(i.length, 5);
+    l.push({
       id: "mosaic-0",
       kind: "mosaic",
-      items: n.slice(0, a)
-    }), o = a;
+      items: i.slice(0, r)
+    }), o = r;
   }
-  for (; o < n.length; ) {
-    const a = Math.min(o + r, n.length);
-    c.push({
+  for (; o < i.length; ) {
+    const r = Math.min(o + a, i.length);
+    l.push({
       id: `grid-${o}`,
       kind: "grid",
-      items: n.slice(o, a)
-    }), o = a;
+      items: i.slice(o, r)
+    }), o = r;
   }
-  return c;
-}, Ot = ({
+  return l;
+}, Mt = ({
   items: t,
-  title: i = "Virtuales",
-  iconUrl: r = "/assets/img/home/Virtuales/virtuales.svg",
-  onItemClick: n,
-  onViewMore: c,
+  title: n = "Virtuales",
+  iconUrl: a = "/assets/img/home/Virtuales/virtuales.svg",
+  onItemClick: i,
+  onViewMore: l,
   mosaicFirst: o = !0,
-  gridSize: a = 4
+  gridSize: r = 4
 }) => {
-  const u = B(null), [g, y] = U({ isStart: !0, isEnd: !1 }), x = Nt(t, o, a), w = () => {
-    var l;
-    (l = u.current) == null || l.prev();
-  }, s = () => {
-    var l;
-    (l = u.current) == null || l.next();
+  const h = A(null), [m, y] = B({ isStart: !0, isEnd: !1 }), v = Lt(t, o, r), S = () => {
+    var s;
+    (s = h.current) == null || s.prev();
+  }, c = () => {
+    var s;
+    (s = h.current) == null || s.next();
   }, d = () => {
-    c == null || c();
+    window.location.href = "https://www.olimpo.bet/virtuales";
   };
-  return /* @__PURE__ */ e("section", { children: /* @__PURE__ */ p(z, { direction: "column", spacing: 2, useFlexGap: !0, children: [
-    /* @__PURE__ */ p(
-      C,
+  return /* @__PURE__ */ e("section", { children: /* @__PURE__ */ g(L, { direction: "column", spacing: 2, useFlexGap: !0, children: [
+    /* @__PURE__ */ g(
+      E,
       {
         sx: {
           display: "grid",
@@ -1625,15 +1691,15 @@ const St = (t, i) => {
         },
         children: [
           /* @__PURE__ */ e(
-            D,
+            H,
             {
-              title: i,
-              iconUrl: r,
+              title: n,
+              iconUrl: a,
               size: "md"
             }
           ),
-          /* @__PURE__ */ p(
-            C,
+          /* @__PURE__ */ g(
+            E,
             {
               sx: {
                 display: "flex",
@@ -1642,39 +1708,39 @@ const St = (t, i) => {
               },
               children: [
                 /* @__PURE__ */ e(
-                  T,
+                  P,
                   {
                     ariaLabel: "Anterior",
                     variant: "secondary",
                     iconOnly: !0,
-                    leftIcon: /* @__PURE__ */ e(ue, {}),
-                    onClick: w,
-                    disabled: g.isStart
+                    leftIcon: /* @__PURE__ */ e(be, {}),
+                    onClick: S,
+                    disabled: m.isStart
                   }
                 ),
                 /* @__PURE__ */ e(
-                  T,
+                  P,
                   {
                     ariaLabel: "Siguiente",
                     variant: "secondary",
                     iconOnly: !0,
-                    rightIcon: /* @__PURE__ */ e(ge, {}),
-                    onClick: s,
-                    disabled: g.isEnd
+                    rightIcon: /* @__PURE__ */ e(_e, {}),
+                    onClick: c,
+                    disabled: m.isEnd
                   }
                 )
               ]
             }
           ),
-          /* @__PURE__ */ e(C, { sx: { justifySelf: "end" }, children: /* @__PURE__ */ e(T, { variant: "secondary", onClick: d, children: "Ver más" }) })
+          /* @__PURE__ */ e(E, { sx: { justifySelf: "end" }, children: /* @__PURE__ */ e(P, { variant: "secondary", onClick: d, children: "Ver más" }) })
         ]
       }
     ),
     /* @__PURE__ */ e(
-      H,
+      V,
       {
-        ref: u,
-        items: x,
+        ref: h,
+        items: v,
         perPage: 1,
         gap: "0",
         options: {
@@ -1687,24 +1753,24 @@ const St = (t, i) => {
           focus: "start",
           perMove: 1
         },
-        renderItem: (l) => /* @__PURE__ */ e("div", { style: { alignSelf: "start" }, children: /* @__PURE__ */ e(
-          be,
+        renderItem: (s) => /* @__PURE__ */ e("div", { style: { alignSelf: "start" }, children: /* @__PURE__ */ e(
+          Se,
           {
-            items: l.items,
-            layout: l.kind === "mosaic" ? "mosaic" : "grid",
-            onClick: (m) => {
-              const _ = t.find(
-                (k, E) => ye(k, E) === m.id
+            items: s.items,
+            layout: s.kind === "mosaic" ? "mosaic" : "grid",
+            onClick: (f) => {
+              const w = t.find(
+                (R, I) => Ee(R, I) === f.id
               );
-              _ && (n ? n(_) : kt(_));
+              w && (i ? i(w) : Ut(w));
             }
           }
         ) }),
-        onMove: ({ isStart: l, isEnd: m }) => y({ isStart: l, isEnd: m })
+        onMove: ({ isStart: s, isEnd: f }) => y({ isStart: s, isEnd: f })
       }
     )
   ] }) });
-}, Rt = (t) => ({
+}, zt = (t) => ({
   // width: "100vw",
   position: "relative",
   // left: "50%",
@@ -1723,15 +1789,15 @@ const St = (t, i) => {
   backgroundRepeat: "no-repeat",
   backgroundPosition: "center",
   backgroundSize: "cover"
-}), se = {
+}), ue = {
   textAlign: "center",
   lineHeight: 1.1,
   mb: 1.5
-}, ce = {
+}, pe = {
   display: "inline-block",
   fontWeight: 600,
   fontSize: 24
-}, le = {
+}, me = {
   display: "inline-block",
   fontSize: 24,
   lineHeight: 1.1,
@@ -1741,15 +1807,15 @@ const St = (t, i) => {
     0 0 6px rgba(255, 255, 255, .6),
     0 1px 0 rgba(137, 137, 137, .85)
   `
-}, Tt = ({
+}, Wt = ({
   headline: t,
-  headline2: i,
-  items: r,
-  backgroundImageUrl: n
+  headline2: n,
+  items: a,
+  backgroundImageUrl: i
 }) => {
-  const c = t, o = i, a = Ne("(max-width: 767px)"), u = r.length > 1, g = n != null ? n : "", y = Rt(g), x = B(null), [w, s] = U({ isStart: !0, isEnd: !1 }), [d, l] = U(0);
-  return a ? /* @__PURE__ */ p(
-    C,
+  const l = t, o = n, r = Pe("(max-width: 767px)"), h = a.length > 1, m = i != null ? i : "", y = zt(m), v = A(null), [S, c] = B({ isStart: !0, isEnd: !1 }), [d, s] = B(0);
+  return r ? /* @__PURE__ */ g(
+    E,
     {
       component: "section",
       sx: {
@@ -1757,19 +1823,19 @@ const St = (t, i) => {
         textAlign: "center"
       },
       children: [
-        (c || o) && /* @__PURE__ */ p(C, { sx: se, children: [
-          c && /* @__PURE__ */ e(j, { component: "span", sx: ce, children: c }),
-          o && /* @__PURE__ */ p(Y, { children: [
+        (l || o) && /* @__PURE__ */ g(E, { sx: ue, children: [
+          l && /* @__PURE__ */ e(G, { component: "span", sx: pe, children: l }),
+          o && /* @__PURE__ */ g(X, { children: [
             /* @__PURE__ */ e("br", {}),
-            /* @__PURE__ */ e(j, { component: "span", sx: le, children: o })
+            /* @__PURE__ */ e(G, { component: "span", sx: me, children: o })
           ] })
         ] }),
-        /* @__PURE__ */ p(C, { children: [
+        /* @__PURE__ */ g(E, { children: [
           /* @__PURE__ */ e(
-            H,
+            V,
             {
-              ref: x,
-              items: r,
+              ref: v,
+              items: a,
               perPage: 1,
               gap: "12px",
               breakpoints: {
@@ -1787,28 +1853,28 @@ const St = (t, i) => {
               options: {
                 autoWidth: !1
               },
-              renderItem: (m) => /* @__PURE__ */ e(ie, { ...m, onButtonClick: r[0].onButtonClick }),
-              onMove: ({ index: m, isStart: _, isEnd: k }) => {
-                s({ isStart: _, isEnd: k }), l(m);
+              renderItem: (f) => /* @__PURE__ */ e(de, { ...f, onButtonClick: a[0].onButtonClick }),
+              onMove: ({ index: f, isStart: w, isEnd: R }) => {
+                c({ isStart: w, isEnd: R }), s(f);
               }
             }
           ),
-          u && /* @__PURE__ */ e(
-            he,
+          h && /* @__PURE__ */ e(
+            ve,
             {
-              total: r.length,
+              total: a.length,
               active: d,
-              onSelect: (m) => {
-                var _;
-                l(m), (_ = x.current) == null || _.go(m);
+              onSelect: (f) => {
+                var w;
+                s(f), (w = v.current) == null || w.go(f);
               }
             }
           )
         ] })
       ]
     }
-  ) : /* @__PURE__ */ e(C, { component: "section", sx: y, children: /* @__PURE__ */ p(
-    C,
+  ) : /* @__PURE__ */ e(E, { component: "section", sx: y, children: /* @__PURE__ */ g(
+    E,
     {
       sx: {
         maxWidth: 1200,
@@ -1819,8 +1885,8 @@ const St = (t, i) => {
         alignItems: "center"
       },
       children: [
-        (c || o) && /* @__PURE__ */ e(
-          C,
+        (l || o) && /* @__PURE__ */ e(
+          E,
           {
             sx: {
               display: "flex",
@@ -1828,19 +1894,19 @@ const St = (t, i) => {
               justifyContent: "flex-start",
               minHeight: "100%"
             },
-            children: /* @__PURE__ */ p(
-              C,
+            children: /* @__PURE__ */ g(
+              E,
               {
                 sx: {
-                  ...se,
+                  ...ue,
                   textAlign: "left",
                   mb: 0
                 },
                 children: [
-                  c && /* @__PURE__ */ e(j, { component: "span", sx: ce, children: c }),
-                  o && /* @__PURE__ */ p(Y, { children: [
+                  l && /* @__PURE__ */ e(G, { component: "span", sx: pe, children: l }),
+                  o && /* @__PURE__ */ g(X, { children: [
                     /* @__PURE__ */ e("br", {}),
-                    /* @__PURE__ */ e(j, { component: "span", sx: le, children: o })
+                    /* @__PURE__ */ e(G, { component: "span", sx: me, children: o })
                   ] })
                 ]
               }
@@ -1848,7 +1914,7 @@ const St = (t, i) => {
           }
         ),
         /* @__PURE__ */ e(
-          C,
+          E,
           {
             sx: {
               display: "flex",
@@ -1857,44 +1923,44 @@ const St = (t, i) => {
               flexWrap: "nowrap",
               gap: 4
             },
-            children: r.map((m, _) => /* @__PURE__ */ e(
-              ie,
+            children: a.map((f, w) => /* @__PURE__ */ e(
+              de,
               {
-                onButtonClick: m.onButtonClick,
-                ...m
+                onButtonClick: f.onButtonClick,
+                ...f
               },
-              _
+              w
             ))
           }
         )
       ]
     }
   ) });
-}, Pt = ({
+}, At = ({
   className: t = "",
-  fullBleed: i = !0,
-  items: r,
-  selectedIndex: n = 0,
-  ariaLabel: c
+  fullBleed: n = !0,
+  items: a,
+  selectedIndex: i = 0,
+  ariaLabel: l
 }) => {
-  const o = B(null), a = B(null);
-  if (!r) return null;
-  const u = () => {
+  const o = A(null), r = A(null);
+  if (!a) return null;
+  const h = () => {
     window.location.href = "https://www.olimpo.bet/conoce-club-olimpo";
-  }, g = Array.isArray(r) ? r[n] : r;
-  $e(() => {
-    if (!o.current || !a.current || typeof ResizeObserver == "undefined") return;
-    const x = o.current, w = a.current, s = () => {
-      x.style.setProperty(
+  }, m = Array.isArray(a) ? a[i] : a;
+  ke(() => {
+    if (!o.current || !r.current || typeof ResizeObserver == "undefined") return;
+    const v = o.current, S = r.current, c = () => {
+      v.style.setProperty(
         "--orc-co-bottomH",
-        `${w.offsetHeight + 16}px`
+        `${S.offsetHeight + 16}px`
       );
-    }, d = new ResizeObserver(s);
-    return d.observe(w), s(), () => d.disconnect();
+    }, d = new ResizeObserver(c);
+    return d.observe(S), c(), () => d.disconnect();
   }, []);
   const y = [
     "orc-co-wrap",
-    i ? "orc-co-fullBleed" : "",
+    n ? "orc-co-fullBleed" : "",
     t
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ e(
@@ -1902,306 +1968,347 @@ const St = (t, i) => {
     {
       ref: o,
       className: y,
-      "aria-label": c || g.imgAlt || "Club Olimpo",
-      children: /* @__PURE__ */ e("div", { ref: a, children: /* @__PURE__ */ e(
-        tt,
+      "aria-label": l || m.imgAlt || "Club Olimpo",
+      children: /* @__PURE__ */ e("div", { ref: r, children: /* @__PURE__ */ e(
+        ct,
         {
-          text: g.text,
-          onClick: u,
-          imgAlt: g.imgAlt,
-          imgSrcMobile: g.imgMobile,
-          imgSrcDesktopBg: g.imgDesktopBg,
-          imgSrcDesktopLogo: g.imgDesktopLogo
+          text: m.text,
+          onClick: h,
+          imgAlt: m.imgAlt,
+          imgSrcMobile: m.imgMobile,
+          imgSrcDesktopBg: m.imgDesktopBg,
+          imgSrcDesktopLogo: m.imgDesktopLogo
         }
       ) })
     }
   );
-}, Ft = "oraculo__OraculoSeccionEventoCombinadas-module__controls___Zsta4", Ut = {
-  controls: Ft
+}, jt = "oraculo__OraculoSeccionEventoCombinadas-module__controls___Zsta4", Gt = {
+  controls: jt
 };
-function zt({
+function Dt({
   items: t,
-  title: i = "Combinadas del Olimpo",
-  iconUrl: r,
-  onViewMore: n,
-  className: c = ""
+  title: n = "Combinadas del Olimpo",
+  iconUrl: a = "https://stg-www.contodobet.com/static/img/landing/EventoCombinada/rayoIcon.svg",
+  onViewMore: i,
+  className: l = ""
 }) {
-  const o = B(null), [a, u] = U({ isStart: !0, isEnd: !1 }), [g, y] = U([]), x = () => {
-    var E;
-    (E = o.current) == null || E.prev();
-  }, w = () => {
-    var E;
-    (E = o.current) == null || E.next(), console.log("items: ", t);
-  }, s = () => {
-    n == null || n();
+  const o = A(null), [r, h] = B({ isStart: !0, isEnd: !1 }), [m, y] = B([]), v = () => {
+    var I;
+    (I = o.current) == null || I.prev();
+  }, S = () => {
+    var I;
+    (I = o.current) == null || I.next(), console.log("items: ", t);
+  }, c = () => {
+    i == null || i();
   };
-  function d(E, R, P) {
-    const I = [];
-    for (const N of P) {
-      const f = m([N]), h = R.reduce((b, v) => {
-        b[v.eventId] || (b[v.eventId] = []);
-        const $ = v.outcomes.filter(
-          (O) => f.has(O.id)
+  function d(I, T, O) {
+    const $ = [];
+    for (const N of O) {
+      const p = f([N]), u = T.reduce((x, _) => {
+        x[_.eventId] || (x[_.eventId] = []);
+        const C = _.outcomes.filter(
+          (k) => p.has(k.id)
         );
-        return $.length > 0 && b[v.eventId].push({
-          ...v,
-          outcomes: $
-        }), b;
-      }, {}), S = l(N);
-      E.forEach((b) => {
-        if (b.id !== N.prePackCouponRows[0].eventId) return;
-        const v = f;
-        let $ = null;
-        for (const O of S)
-          if ([...O.requiredOutcomeIds].every((A) => v.has(A))) {
-            $ = O.decimal;
+        return C.length > 0 && x[_.eventId].push({
+          ..._,
+          outcomes: C
+        }), x;
+      }, {}), b = s(N);
+      I.forEach((x) => {
+        if (x.id !== N.prePackCouponRows[0].eventId) return;
+        const _ = p;
+        let C = null;
+        for (const k of b)
+          if ([...k.requiredOutcomeIds].every((M) => _.has(M))) {
+            C = k.decimal;
             break;
           }
-        I.push({
-          ...b,
-          combinadoTotal: $,
-          betoffers: h[b.id] || [],
+        $.push({
+          ...x,
+          combinadoTotal: C,
+          betoffers: u[x.id] || [],
           couponId: N.id
           // optional for tracking
         });
       });
     }
-    return I;
+    return $;
   }
-  function l(E) {
-    var P;
-    const R = [];
-    for (const I of E.prePackCouponRows)
-      if (I.type === "BET_BUILDER" && ((P = I.group) != null && P.groups)) {
+  function s(I) {
+    var O;
+    const T = [];
+    for (const $ of I.prePackCouponRows)
+      if ($.type === "BET_BUILDER" && ((O = $.group) != null && O.groups)) {
         const N = /* @__PURE__ */ new Set();
-        I.group.groups.forEach((f) => {
-          var h;
-          (h = f.outcomes) == null || h.forEach((S) => N.add(S.id));
-        }), R.push({
+        $.group.groups.forEach((p) => {
+          var u;
+          (u = p.outcomes) == null || u.forEach((b) => N.add(b.id));
+        }), T.push({
           requiredOutcomeIds: N,
-          decimal: I.odds.decimal
+          decimal: $.odds.decimal
         });
       }
-    return R;
+    return T;
   }
-  function m(E) {
-    var P;
-    const R = /* @__PURE__ */ new Set();
-    for (const I of E)
-      for (const N of I.prePackCouponRows)
-        N.type === "BET_BUILDER" && ((P = N.group) != null && P.groups) && N.group.groups.forEach((f) => {
-          var h;
-          (h = f.outcomes) == null || h.forEach((S) => R.add(S.id));
-        }), N.type === "SIMPLE" && N.outcome && R.add(N.outcome.id);
-    return R;
+  function f(I) {
+    var O;
+    const T = /* @__PURE__ */ new Set();
+    for (const $ of I)
+      for (const N of $.prePackCouponRows)
+        N.type === "BET_BUILDER" && ((O = N.group) != null && O.groups) && N.group.groups.forEach((p) => {
+          var u;
+          (u = p.outcomes) == null || u.forEach((b) => T.add(b.id));
+        }), N.type === "SIMPLE" && N.outcome && T.add(N.outcome.id);
+    return T;
   }
-  async function _() {
-    var E, R, P;
+  async function w() {
+    var I, T, O;
     try {
-      const I = (P = (R = (E = t == null ? void 0 : t.group) == null ? void 0 : E.groups) == null ? void 0 : R[0]) == null ? void 0 : P.id;
-      if (!I) {
-        console.error("Could not extract group ID");
+      const $ = (O = (T = (I = t == null ? void 0 : t.group) == null ? void 0 : I.groups) == null ? void 0 : T[0]) == null ? void 0 : O.id;
+      if (!$) {
+        console.log("Could not extract group ID");
         return;
       }
-      const N = `https://us1.offering-api.kambicdn.com/offering/v2018/nexuspe/prepackcoupon/eventgroup/${I}.json?lang=es_PE&market=PE&client_id=200&channel_id=1&ncid=1764283566783&prePackCouponTags=CUSTOM`, h = await (await fetch(N)).json();
+      const N = `https://us1.offering-api.kambicdn.com/offering/v2018/nexuspe/prepackcoupon/eventgroup/${$}.json?lang=es_PE&market=PE&client_id=200&channel_id=1&ncid=1764283566783&prePackCouponTags=CUSTOM`, u = await (await fetch(N)).json();
       y(
-        d(h.events, h.betOffers, h.prePackCoupons)
+        d(u.events, u.betOffers, u.prePackCoupons)
       );
-    } catch (I) {
-      console.error("loadDataEventSpecial error:", I);
+    } catch ($) {
+      console.error("loadDataEventSpecial error:", $);
     }
   }
-  return J(() => {
-    t && _();
-  }, [t]), /* @__PURE__ */ e("section", { className: c || void 0, style: { width: "100%" }, children: /* @__PURE__ */ p(z, { direction: "column", spacing: 1.5, useFlexGap: !0, children: [
-    /* @__PURE__ */ p(G, { spacing: 1.5, columns: "1fr auto auto", justify: "start", children: [
-      /* @__PURE__ */ e(D, { title: i, iconUrl: r, size: "md" }),
-      /* @__PURE__ */ p("div", { className: Ut.controls, children: [
-        /* @__PURE__ */ p(G, { spacing: 1, columns: "auto auto", children: [
+  J(() => {
+    t && w();
+  }, [t]);
+  const R = l || void 0;
+  return !m || m.length === 0 ? null : /* @__PURE__ */ e("section", { className: R, style: { width: "100%" }, children: /* @__PURE__ */ g(L, { direction: "column", spacing: 1.5, useFlexGap: !0, children: [
+    /* @__PURE__ */ g(W, { spacing: 1.5, columns: "1fr auto ", justify: "start", children: [
+      /* @__PURE__ */ e(H, { title: n, iconUrl: a, size: "md" }),
+      /* @__PURE__ */ g("div", { className: Gt.controls, children: [
+        /* @__PURE__ */ g(W, { spacing: 1, columns: "auto auto", children: [
           /* @__PURE__ */ e(
-            T,
+            P,
             {
               ariaLabel: "Anterior",
               variant: "secondary",
               iconOnly: !0,
-              leftIcon: /* @__PURE__ */ e(oe, {}),
-              onClick: x,
-              disabled: a.isStart
+              leftIcon: /* @__PURE__ */ e(ae, {}),
+              onClick: v,
+              disabled: r.isStart
             }
           ),
           /* @__PURE__ */ e(
-            T,
+            P,
             {
               ariaLabel: "Siguiente",
               variant: "secondary",
               iconOnly: !0,
-              rightIcon: /* @__PURE__ */ e(ne, {}),
-              onClick: w,
-              disabled: a.isEnd
+              rightIcon: /* @__PURE__ */ e(ie, {}),
+              onClick: S,
+              disabled: r.isEnd
             }
           )
         ] }),
-        /* @__PURE__ */ e(T, { variant: "secondary", onClick: s, children: "Ver más" })
+        /* @__PURE__ */ e(P, { variant: "secondary", onClick: c, children: "Ver más" })
       ] })
     ] }),
     /* @__PURE__ */ e(
-      H,
+      V,
       {
         ref: o,
-        items: g,
+        items: m,
         perPage: 3.72,
         gap: "16px",
-        options: { autoWidth: !0 },
+        options: { autoWidth: !0, trimSpace: !0 },
         useIndexAsKey: !0,
         breakpoints: {
           768: { perPage: 1.2, gap: "12px", padding: { left: "0px", right: "0px" } }
         },
-        renderItem: (E) => /* @__PURE__ */ e(dt, { event: E }),
-        onMove: ({ isStart: E, isEnd: R }) => u({ isStart: E, isEnd: R })
+        renderItem: (I) => /* @__PURE__ */ e(xt, { event: I }),
+        onMove: ({ isStart: I, isEnd: T }) => h({ isStart: I, isEnd: T })
       }
     )
   ] }) });
 }
-function Lt({
+function Ht({
   items: t,
-  title: i = "En vivo",
-  iconUrl: r,
-  onViewMore: n,
-  className: c = ""
+  title: n = "En vivo",
+  iconUrl: a = "https://stg-www.contodobet.com/static/img/landing/EventoEnVivo/icon.svg",
+  onViewMore: i,
+  className: l = ""
 }) {
-  var s, d;
-  console.log("wefwef", t);
-  const o = B(null), [a, u] = U({ isStart: !0, isEnd: !1 }), g = () => {
-    var l;
-    (l = o.current) == null || l.prev();
+  var c, d;
+  const o = A(null), [r, h] = B({ isStart: !0, isEnd: !1 }), m = () => {
+    var s;
+    (s = o.current) == null || s.prev();
   }, y = () => {
-    var l;
-    (l = o.current) == null || l.next(), console.log("items: ", t);
-  }, x = () => {
-    n == null || n();
+    var s;
+    (s = o.current) == null || s.next(), console.log("items: ", t);
+  }, v = () => {
+    i == null || i();
   };
-  return /* @__PURE__ */ p("section", { className: c || void 0, style: { width: "100%" }, children: [
-    /* @__PURE__ */ p(G, { spacing: 1.5, columns: "1fr auto auto", justify: "start", children: [
-      /* @__PURE__ */ e(D, { title: i, iconUrl: r, size: "md" }),
-      /* @__PURE__ */ p("div", { style: { display: "flex", gap: 8 }, children: [
-        /* @__PURE__ */ e(
-          T,
-          {
-            ariaLabel: "Anterior",
-            variant: "secondary",
-            iconOnly: !0,
-            leftIcon: /* @__PURE__ */ e(oe, {}),
-            onClick: g,
-            disabled: a.isStart
-          }
-        ),
-        /* @__PURE__ */ e(
-          T,
-          {
-            ariaLabel: "Siguiente",
-            variant: "secondary",
-            iconOnly: !0,
-            rightIcon: /* @__PURE__ */ e(ne, {}),
-            onClick: y,
-            disabled: a.isEnd
-          }
-        )
-      ] }),
-      /* @__PURE__ */ e(T, { variant: "secondary", onClick: x, children: "Ver más" })
+  return /* @__PURE__ */ e("section", { className: l || void 0, style: { width: "100%" }, children: /* @__PURE__ */ g(L, { direction: "column", spacing: 1.5, useFlexGap: !0, children: [
+    /* @__PURE__ */ g(W, { spacing: 1.5, columns: "1fr auto ", justify: "start", children: [
+      /* @__PURE__ */ e(H, { title: n, iconUrl: a, size: "md" }),
+      /* @__PURE__ */ g("div", { style: { display: "flex", gap: 8, alignItems: "center" }, children: [
+        /* @__PURE__ */ g(W, { spacing: 1, columns: "auto auto", children: [
+          /* @__PURE__ */ e(
+            P,
+            {
+              ariaLabel: "Anterior",
+              variant: "secondary",
+              iconOnly: !0,
+              leftIcon: /* @__PURE__ */ e(ae, {}),
+              onClick: m,
+              disabled: r.isStart
+            }
+          ),
+          /* @__PURE__ */ e(
+            P,
+            {
+              ariaLabel: "Siguiente",
+              variant: "secondary",
+              iconOnly: !0,
+              rightIcon: /* @__PURE__ */ e(ie, {}),
+              onClick: y,
+              disabled: r.isEnd
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e(P, { variant: "secondary", onClick: v, children: "Ver más" })
+      ] })
     ] }),
     /* @__PURE__ */ e(
-      H,
+      V,
       {
         ref: o,
-        items: (d = (s = t == null ? void 0 : t.events) == null ? void 0 : s.filter((l) => l.event.sport === "FOOTBALL").sort((l, m) => new Date(m.event.start).getTime() - new Date(l.event.start).getTime())) != null ? d : [],
-        perPage: 3.395,
+        items: (d = (c = t == null ? void 0 : t.events) == null ? void 0 : c.filter((s) => s.event.sport === "FOOTBALL").sort((s, f) => new Date(f.event.start).getTime() - new Date(s.event.start).getTime())) != null ? d : [],
+        perPage: void 0,
         gap: "16px",
-        options: { autoWidth: !0 },
+        options: { autoWidth: !0, trimSpace: "move" },
         breakpoints: {
-          768: { perPage: 1, gap: "8px", focus: "center", padding: { left: "16px", right: "16px" } },
-          1024: { perPage: 2.5, gap: "10px", padding: { right: "16px" } }
+          768: { gap: "8px", focus: "center" },
+          1024: { gap: "10px", focus: "center" }
         },
-        renderItem: (l) => /* @__PURE__ */ e(pt, { ...l }),
-        onMove: ({ isStart: l, isEnd: m }) => u({ isStart: l, isEnd: m })
+        renderItem: (s) => /* @__PURE__ */ e(_t, { ...s }),
+        onMove: ({ isStart: s, isEnd: f }) => h({ isStart: s, isEnd: f })
       }
     )
-  ] });
+  ] }) });
 }
-const At = "oraculo__OraculoSeccionEventoSemana-module__wrapper___eqVq-", Wt = "oraculo__OraculoSeccionEventoSemana-module__container___5yFQs", Bt = "oraculo__OraculoSeccionEventoSemana-module__buttonWrapper___-6IDT", ee = {
-  wrapper: At,
-  container: Wt,
-  buttonWrapper: Bt
+const Vt = "oraculo__OraculoSeccionEventoSemana-module__wrapper___eqVq-", Kt = "oraculo__OraculoSeccionEventoSemana-module__container___5yFQs", Jt = "oraculo__OraculoSeccionEventoSemana-module__buttonWrapper___-6IDT", oe = {
+  wrapper: Vt,
+  container: Kt,
+  buttonWrapper: Jt
 };
-function jt({
+function Xt({
   items: t,
-  title: i = "En vivo",
-  iconUrl: r,
-  onViewMore: n,
-  className: c = ""
+  title: n = "En vivo",
+  iconUrl: a,
+  onViewMore: i,
+  className: l = ""
 }) {
   const o = /* @__PURE__ */ new Date();
   o.toISOString();
-  const a = new Date(o);
-  a.setDate(a.getDate() + 7), a.toISOString();
-  const u = B(null), [g, y] = U({ isStart: !0, isEnd: !1 }), [x, w] = U([]), s = () => {
-    n == null || n();
+  const r = new Date(o);
+  r.setDate(r.getDate() + 7), r.toISOString();
+  const h = "https://us1.offering-api.kambicdn.com/offering/v2018/nexuspe/group.json?channel_id=1&client_id=200&lang=es_PE&market=PE", m = A(null), [y, v] = B({ isStart: !0, isEnd: !1 }), [S, c] = B([]);
+  function d(O) {
+    return [...O].sort(
+      ($, N) => new Date($.start).getTime() - new Date(N.start).getTime()
+    );
+  }
+  function s(O) {
+    const $ = /* @__PURE__ */ new Date(), N = new Date($.getTime() + 10080 * 60 * 1e3);
+    return O.filter((p) => {
+      if (!p.start) return !1;
+      const u = new Date(p.start);
+      return u >= $ && u <= N;
+    });
+  }
+  const f = () => {
+    i == null || i();
   };
-  async function d() {
+  async function w() {
     try {
-      const k = t.events.map((I) => {
-        var N;
-        return (N = I.event) == null ? void 0 : N.id;
-      }), E = k.map((I) => `id=${I}`).join("&"), P = `https://us1.offering-api.kambicdn.com/offering/v2018/nexuspe/betoffer/selected/combined_layout/event/${k[0]}?${E}&lang=es_PE&market=PE`;
-      l(P);
-    } catch (k) {
-      console.error(k);
+      const N = (await (await fetch(h)).json()).group.groups.find(
+        (_) => _.englishName === "Football"
+      );
+      if (!N || !Array.isArray(N.groups)) {
+        console.error("Football groups not found");
+        return;
+      }
+      const u = N.groups.slice(0, 4);
+      console.log("First Football groups:", u);
+      const b = (_) => {
+        const C = "https://us1.offering-api.kambicdn.com/offering/v2018/nexuspe/listView/football";
+        if (_.groups && _.groups.length > 0) {
+          const k = _.groups[0];
+          return [
+            `${C}/${_.termKey}/${k.termKey}/all/matches.json?channel_id=1&channel_id=1&client_id=200&client_id=200&competitionId=undefined&lang=es_PE&lang=es_PE&market=PE&market=PE&useCombined=true&useCombinedLive=true`
+          ];
+        }
+        return [
+          `${C}/${_.termKey}/all/all/matches.json?channel_id=1&channel_id=1&client_id=200&client_id=200&competitionId=undefined&lang=es_PE&lang=es_PE&market=PE&market=PE&useCombined=true&useCombinedLive=true`
+        ];
+      }, x = u.flatMap(b);
+      R(x);
+    } catch (O) {
+      console.error(O);
     }
   }
-  async function l(k) {
+  async function R(O) {
     try {
-      const R = await (await fetch(k)).json(), P = R.events.map((N) => N.event), I = R.events.flatMap((N) => N.betOffers || []);
-      w(m(P, I));
-    } catch (E) {
-      console.error(E);
+      const $ = await Promise.all(
+        O.map((b) => fetch(b).then((x) => x.json()))
+      );
+      let N = [], p = [];
+      $.forEach((b) => {
+        b.events && (N.push(...b.events.map((x) => x.event)), p.push(...b.events.flatMap((x) => x.betOffers || [])));
+      });
+      const u = I(N, p);
+      c(d(s(u)));
+    } catch ($) {
+      console.error("Error loading events:", $);
     }
   }
-  function m(k, E) {
-    const P = E.filter((I) => {
-      var N;
-      return ((N = I.betOfferType) == null ? void 0 : N.id) === 2;
-    }).reduce((I, N) => (I[N.eventId] || (I[N.eventId] = []), I[N.eventId].push(N), I), {});
-    return k.filter((I) => P[I.id]).map((I) => ({
-      ...I,
-      outcome: P[I.id]
+  function I(O, $) {
+    const p = $.filter((u) => {
+      var b;
+      return ((b = u.betOfferType) == null ? void 0 : b.id) === 2;
+    }).reduce((u, b) => (u[b.eventId] || (u[b.eventId] = []), u[b.eventId].push(b), u), {});
+    return O.filter((u) => p[u.id]).map((u) => ({
+      ...u,
+      outcome: p[u.id]
     }));
   }
   return J(() => {
-    t && t.events.length > 0 && d();
-  }, [t]), /* @__PURE__ */ e("section", { className: c || void 0, style: { width: "100%" }, children: /* @__PURE__ */ p("div", { className: ee.wrapper, children: [
-    /* @__PURE__ */ e("div", { className: ee.container, children: /* @__PURE__ */ p(z, { direction: "column", spacing: 1.5, useFlexGap: !0, children: [
-      /* @__PURE__ */ e(D, { title: "Eventos de la semana" }),
-      /* @__PURE__ */ e("div", { className: ee.buttonWrapper, children: /* @__PURE__ */ e(T, { variant: "secondary", size: "lg", fullWidth: !0, onClick: () => {
-        s();
+    t && t.events.length > 0 && w();
+  }, [t]), /* @__PURE__ */ e("section", { className: l || void 0, style: { width: "100%" }, children: /* @__PURE__ */ g("div", { className: oe.wrapper, children: [
+    /* @__PURE__ */ e("div", { className: oe.container, children: /* @__PURE__ */ g(L, { direction: "column", spacing: 1.5, useFlexGap: !0, children: [
+      /* @__PURE__ */ e(H, { title: "Eventos de la semana" }),
+      /* @__PURE__ */ e("div", { className: oe.buttonWrapper, children: /* @__PURE__ */ e(P, { variant: "secondary", size: "lg", fullWidth: !0, onClick: () => {
+        f();
       }, children: "Ver más" }) })
     ] }) }),
     /* @__PURE__ */ e("div", { style: { minWidth: 0 }, children: /* @__PURE__ */ e(
-      H,
+      V,
       {
-        ref: u,
-        items: x,
+        ref: m,
+        items: S,
         perPage: 3.5,
         gap: "16px",
-        options: { autoWidth: !0 },
+        options: { autoWidth: !0, trimSpace: !0 },
         breakpoints: {
           1024: { perPage: 1.4, gap: "8px", focus: "center", padding: { left: "8px", right: "8px" } }
         },
-        renderItem: (k) => /* @__PURE__ */ e(bt, { event: k }),
-        onMove: ({ isStart: k, isEnd: E }) => y({ isStart: k, isEnd: E })
+        renderItem: (O) => /* @__PURE__ */ e($t, { event: O }),
+        onMove: ({ isStart: O, isEnd: $ }) => v({ isStart: O, isEnd: $ })
       }
     ) })
   ] }) });
 }
-const Gt = [
+const qt = [
   {
     desktopSrc: "https://stg-www.contodobet.com/static/img/landing/Banner/FondoDesktop.png",
     mobileSrc: "https://stg-www.contodobet.com/static/img/landing/Banner/FondoMisiones.png",
@@ -2212,12 +2319,12 @@ const Gt = [
     mobileSrc: "https://stg-www.contodobet.com/static/img/landing/Banner/FondoMisiones.png",
     fallbackSrc: "https://stg-www.contodobet.com/static/img/landing/Banner/FondoMisiones.jpg"
   }
-], Mt = [
+], ne = (t) => `${window.location.origin}${t}`, Yt = [
   {
     id: 1,
     label: "APUESTAS",
     icon: "https://stg-www.contodobet.com/static/img/landing/Banner/icon1.svg",
-    onclick: () => console.log("APUESTAS")
+    onclick: () => ne("https://www.olimpo.bet/#home")
   },
   {
     id: 2,
@@ -2229,21 +2336,21 @@ const Gt = [
     id: 3,
     label: "TOP JUEGOS",
     icon: "https://stg-www.contodobet.com/static/img/landing/Banner/icon3.svg",
-    onclick: () => console.log("TOP JUEGOS")
+    onclick: () => ne("https://www.olimpo.bet/casino")
   },
   {
     id: 4,
     label: "MISIONES",
     icon: "https://stg-www.contodobet.com/static/img/landing/Banner/icon4.svg",
-    onclick: () => console.log("MISIONES")
+    onclick: () => ne("https://www.olimpo.bet/misiones")
   }
 ];
-function Dt({
-  backgrounds: t = Gt,
-  items: i = Mt
+function Qt({
+  backgrounds: t = qt,
+  items: n = Yt
 }) {
-  const [r, n] = U(0), c = t.length || 1;
-  return /* @__PURE__ */ p(
+  const [a, i] = B(0), l = (t == null ? void 0 : t.length) || 1;
+  return /* @__PURE__ */ g(
     F,
     {
       component: "section",
@@ -2253,11 +2360,11 @@ function Dt({
         // left: "50%",
         // right: "50%",
         // transform: "translateX(-50%)",
-        overflow: "visible",
-        pb: { xs: 7, sm: 8 }
+        overflow: "visible"
+        // pb: { xs: 7, sm: 8 },
       },
       children: [
-        /* @__PURE__ */ p(
+        /* @__PURE__ */ g(
           F,
           {
             sx: {
@@ -2268,7 +2375,7 @@ function Dt({
             },
             children: [
               /* @__PURE__ */ e(
-                H,
+                V,
                 {
                   items: t,
                   perPage: 1,
@@ -2280,10 +2387,10 @@ function Dt({
                     drag: !0,
                     focus: "center"
                   },
-                  onMove: ({ index: o }) => n(o),
+                  onMove: ({ index: o }) => i(o),
                   renderItem: (o) => {
-                    var a;
-                    return /* @__PURE__ */ p(
+                    var r;
+                    return /* @__PURE__ */ g(
                       F,
                       {
                         sx: {
@@ -2291,7 +2398,7 @@ function Dt({
                           height: { xs: 300, sm: 360, md: 420 }
                         },
                         children: [
-                          /* @__PURE__ */ p(
+                          /* @__PURE__ */ g(
                             F,
                             {
                               component: "picture",
@@ -2315,7 +2422,7 @@ function Dt({
                                   F,
                                   {
                                     component: "img",
-                                    src: (a = o.fallbackSrc) != null ? a : o.desktopSrc,
+                                    src: (r = o.fallbackSrc) != null ? r : o.desktopSrc,
                                     alt: "",
                                     "aria-hidden": !0,
                                     loading: "lazy",
@@ -2340,8 +2447,11 @@ function Dt({
                                 "&::before": {
                                   content: '""',
                                   position: "absolute",
-                                  inset: 0,
-                                  background: "linear-gradient(180deg, rgba(0,0,0,0) 60%, rgba(0,0,0,.75) 100%)"
+                                  left: 0,
+                                  right: 0,
+                                  bottom: 0,
+                                  top: "40%",
+                                  background: "linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(18,18,18,0.85) 80%, #121212 100%)"
                                 }
                               }
                             }
@@ -2364,7 +2474,7 @@ function Dt({
                     justifyContent: "center",
                     zIndex: 2
                   },
-                  children: /* @__PURE__ */ e(he, { total: c, active: r })
+                  children: /* @__PURE__ */ e(ve, { total: l, active: a })
                 }
               )
             ]
@@ -2375,34 +2485,40 @@ function Dt({
           {
             sx: {
               position: "absolute",
-              bottom: { xs: 36, sm: 38 },
+              bottom: { xs: 10, sm: 10 },
               left: "50%",
               transform: "translateX(-50%)",
-              width: "90%",
+              width: { xs: "92%", sm: "88%", md: "80%" },
+              maxWidth: 900,
               backgroundColor: "#363636",
               borderRadius: 2,
-              py: 1.5,
-              px: 1,
+              py: { xs: 0.8, md: 1.2 },
+              px: { xs: 1.5, md: 2 },
               display: "flex",
               justifyContent: "space-around",
               alignItems: "center",
               boxShadow: "0 10px 24px rgba(0,0,0,.35)",
               zIndex: 3
             },
-            children: i.map((o) => /* @__PURE__ */ p(
+            children: n == null ? void 0 : n.map((o) => /* @__PURE__ */ g(
               F,
               {
                 sx: {
                   display: "flex",
                   flexDirection: { xs: "column", md: "row" },
+                  // 👈 icono arriba en mobile, en fila en desktop
                   alignItems: "center",
+                  justifyContent: "center",
+                  gap: { xs: 0.5, md: 1 },
+                  // espacio icono-texto
                   color: "#FFFFFF",
-                  minWidth: 68,
-                  cursor: o.onclick ? "pointer" : "default"
+                  minWidth: 0,
+                  cursor: o.onclick ? "pointer" : "default",
+                  whiteSpace: "nowrap"
                 },
                 onClick: () => {
-                  var a;
-                  return (a = o.onclick) == null ? void 0 : a.call(o);
+                  var r;
+                  return (r = o.onclick) == null ? void 0 : r.call(o);
                 },
                 children: [
                   o.icon && /* @__PURE__ */ e(
@@ -2412,22 +2528,21 @@ function Dt({
                       src: o.icon,
                       alt: o.label || `icon-${o.id}`,
                       sx: {
-                        width: { xs: 28, md: 32 },
-                        height: { xs: 28, md: 32 },
-                        mb: { xs: 0.5, md: 0 },
-                        mr: { xs: 0, md: 4 },
+                        width: { xs: 20, sm: 22, md: 24 },
+                        height: { xs: 20, sm: 22, md: 24 },
                         objectFit: "contain"
                       }
                     }
                   ),
                   /* @__PURE__ */ e(
-                    pe,
+                    fe,
                     {
                       sx: {
-                        fontSize: 12,
+                        fontSize: { xs: 10, sm: 11, md: 12 },
                         fontWeight: 600,
                         color: "#E0E0E0",
-                        textAlign: { xs: "center", md: "left" }
+                        textAlign: "center"
+                        // en mobile queda centrado bajo el icono
                       },
                       children: o.label
                     }
@@ -2442,7 +2557,7 @@ function Dt({
     }
   );
 }
-const Ht = [
+const Zt = [
   [
     { src: "https://stg-www.contodobet.com/static/img/landing/MediosPago/IBK.svg", alt: "Interbank" },
     { src: "https://stg-www.contodobet.com/static/img/landing/MediosPago/Yape.svg", alt: "Yape" }
@@ -2453,14 +2568,14 @@ const Ht = [
     { src: "https://stg-www.contodobet.com/static/img/landing/MediosPago/niubiz.svg", alt: "Niubiz" }
   ]
 ];
-function Xt({
+function eo({
   title: t = "Medios de pago",
-  rows: i = Ht
+  rows: n = Zt
 }) {
-  const r = i.flat();
-  return /* @__PURE__ */ p(F, { component: "section", "aria-labelledby": "mp-title", sx: { color: "#fff" }, children: [
+  const a = n.flat();
+  return /* @__PURE__ */ g(F, { component: "section", "aria-labelledby": "mp-title", sx: { color: "#fff" }, children: [
     /* @__PURE__ */ e(
-      pe,
+      fe,
       {
         id: "mp-title",
         variant: "h6",
@@ -2487,17 +2602,17 @@ function Xt({
         }
       }
     ),
-    /* @__PURE__ */ e(F, { sx: { display: { xs: "block", md: "none" } }, children: i.map((n, c) => /* @__PURE__ */ e(
-      me,
+    /* @__PURE__ */ e(F, { sx: { display: { xs: "block", md: "none" } }, children: n.map((i, l) => /* @__PURE__ */ e(
+      xe,
       {
         direction: "row",
         justifyContent: "center",
         alignItems: "center",
         gap: 2.5,
         flexWrap: "wrap",
-        children: n.map((o) => /* @__PURE__ */ e(ae, { ...o }, `${o.src}-${o.alt}`))
+        children: i.map((o) => /* @__PURE__ */ e(le, { ...o }, `${o.src}-${o.alt}`))
       },
-      c
+      l
     )) }),
     /* @__PURE__ */ e(
       F,
@@ -2511,230 +2626,233 @@ function Xt({
           gridTemplateColumns: { md: "repeat(auto-fit, 160px)" },
           justifyContent: { md: "center" }
         },
-        children: r.map((n) => /* @__PURE__ */ e(ae, { ...n }, `${n.src}-${n.alt}`))
+        children: a.map((i) => /* @__PURE__ */ e(le, { ...i }, `${i.src}-${i.alt}`))
       }
     )
   ] });
 }
-const Jt = {
-  OraculoSeccionDestacados: vt,
-  OraculoSeccionTopJuegos: _t,
-  OraculoSeccionCasinoEnVivo: Ct,
-  OraculoSeccionCasino: It,
-  OraculoSeccionVirtuales: Ot,
-  OraculoSeccionClubOlimpo: Pt,
-  OraculoSeccionBonoBienvenida: Tt,
-  OraculoSeccionBanners: Dt,
-  OraculoSeccionMediosPago: Xt,
-  OraculoSeccionEventoEnVivo: Lt,
-  OraculoSeccionEventoSemana: jt,
-  OraculoSeccionEventoCombinadas: zt
-}, Kt = (t) => typeof t == "function" || t && typeof t == "object" && "$$typeof" in t, qt = (t) => /^OraculoSeccion[A-Z]/.test(t), Yt = Object.fromEntries(
-  Object.entries(Jt).filter(
-    ([t, i]) => qt(t) && Kt(i)
+const to = {
+  OraculoSeccionDestacados: It,
+  OraculoSeccionTopJuegos: Ot,
+  OraculoSeccionCasinoEnVivo: Tt,
+  OraculoSeccionCasino: Bt,
+  OraculoSeccionVirtuales: Mt,
+  OraculoSeccionClubOlimpo: At,
+  OraculoSeccionBonoBienvenida: Wt,
+  OraculoSeccionBanners: Qt,
+  OraculoSeccionMediosPago: eo,
+  OraculoSeccionEventoEnVivo: Ht,
+  OraculoSeccionEventoSemana: Xt,
+  OraculoSeccionEventoCombinadas: Dt
+}, oo = (t) => typeof t == "function" || t && typeof t == "object" && "$$typeof" in t, no = (t) => /^OraculoSeccion[A-Z]/.test(t), ro = Object.fromEntries(
+  Object.entries(to).filter(
+    ([t, n]) => no(t) && oo(n)
   )
 );
-class de extends Error {
-  constructor(i, r, n) {
-    super(`HTTP ${i} ${n}`), this.status = i, this.url = r, this.statusText = n, this.name = "HttpError";
+class ge extends Error {
+  constructor(n, a, i) {
+    super(`HTTP ${n} ${i}`), this.status = n, this.url = a, this.statusText = i, this.name = "HttpError";
   }
 }
-const lo = ({
+const bo = ({
   sectionsOverride: t,
-  docId: i = "home",
-  db: r
+  docId: n = "home",
+  db: a
 }) => {
-  const [n, c] = U(
+  const [i, l] = B(
     []
-  ), [o, a] = U(!1), [u, g] = U({}), [y, x] = U({}), [w, s] = U({});
+  ), [o, r] = B(!1), [h, m] = B({}), [y, v] = B({}), [S, c] = B({});
   J(() => {
-    if (t || !r) return;
-    a(!0);
-    const f = Oe(
-      Re(r, "landings", i),
-      (h) => {
-        var S;
+    if (t || !a) return;
+    r(!0);
+    const p = Fe(
+      Be(a, "landings", n),
+      (u) => {
+        var b;
         try {
-          let b = h.exists() ? ((S = h.data()) == null ? void 0 : S.sections) || [] : [];
-          b = b.slice().sort((v, $) => {
-            var O, L;
-            return ((O = v.order) != null ? O : 0) - ((L = $.order) != null ? L : 0);
-          }).map((v, $) => ({ ...v, order: $ + 1 })), c(b), console.log("fetched: ", b);
-        } catch (b) {
-          console.error("Error procesando landings/" + i, b);
+          let x = u.exists() ? ((b = u.data()) == null ? void 0 : b.sections) || [] : [];
+          x = x.slice().sort((_, C) => {
+            var k, U;
+            return ((k = _.order) != null ? k : 0) - ((U = C.order) != null ? U : 0);
+          }).map((_, C) => ({ ..._, order: C + 1 })), l(x), console.log("fetched: ", x);
+        } catch (x) {
+          console.error("Error procesando landings/" + n, x);
         } finally {
-          a(!1);
+          r(!1);
         }
       },
-      (h) => {
-        console.error("Error escuchando landings/" + i, h), a(!1);
+      (u) => {
+        console.error("Error escuchando landings/" + n, u), r(!1);
       }
     );
-    return () => f();
-  }, [t, i, r]), J(() => {
-    (t ? t.slice() : n.slice()).map((S) => S.componentKey).filter((S) => !!S).length;
-  }, [t, n]);
-  const d = async (f) => {
-    const h = (f.apiUrl || "").trim();
-    if (!h) return;
-    const S = f.apiMethod || "GET", b = f.apiParams || [];
-    let v = h, $, O;
-    if (S === "GET") {
-      const A = new URL(
-        h,
+    return () => p();
+  }, [t, n, a]), J(() => {
+    (t ? t.slice() : i.slice()).map((b) => b.componentKey).filter((b) => !!b).length;
+  }, [t, i]);
+  const d = async (p) => {
+    const u = (p.apiUrl || "").trim();
+    if (!u) return;
+    const b = p.apiMethod || "GET", x = p.apiParams || [];
+    let _ = u, C, k;
+    if (b === "GET") {
+      const M = new URL(
+        u,
         typeof window == "undefined" ? "http://localhost" : window.location.origin
       );
-      for (const W of b)
-        W.key && A.searchParams.append(W.key, W.value);
-      v = A.toString();
+      for (const z of x)
+        z.key && M.searchParams.append(z.key, z.value);
+      _ = M.toString();
     } else {
-      const A = new URLSearchParams();
-      for (const W of b)
-        W.key && A.append(W.key, W.value);
-      $ = A.toString(), O = {
+      const M = new URLSearchParams();
+      for (const z of x)
+        z.key && M.append(z.key, z.value);
+      C = M.toString(), k = {
         "Content-Type": "application/x-www-form-urlencoded; charset=UTF-8"
       };
     }
-    const L = await fetch(v, {
-      method: S,
-      headers: O,
-      body: $
+    const U = await fetch(_, {
+      method: b,
+      headers: k,
+      body: C
     });
-    if (!L.ok) throw new de(L.status, v, L.statusText);
-    return L.json();
-  }, l = te(
-    () => t ? t.slice() : n.slice(),
-    [t, n]
-  ), m = we.useRef(/* @__PURE__ */ new Set());
+    if (!U.ok) throw new ge(U.status, _, U.statusText);
+    return U.json();
+  }, s = re(
+    () => t ? t.slice() : i.slice(),
+    [t, i]
+  ), f = Ie.useRef(/* @__PURE__ */ new Set());
   J(() => {
-    const f = l.map((h) => ({ s: h, url: (h.apiUrl || "").trim() })).filter(({ url: h }) => !!h);
-    if (f.length)
-      for (const { s: h, url: S } of f) {
-        const b = `${h.id}|${S}`;
-        m.current.has(b) || (m.current.add(b), x((v) => ({ ...v, [h.id]: !0 })), s((v) => ({ ...v, [h.id]: "" })), (async () => {
+    const p = s.map((u) => ({ s: u, url: (u.apiUrl || "").trim() })).filter(({ url: u }) => !!u);
+    if (p.length)
+      for (const { s: u, url: b } of p) {
+        const x = `${u.id}|${b}`;
+        f.current.has(x) || (f.current.add(x), v((_) => ({ ..._, [u.id]: !0 })), c((_) => ({ ..._, [u.id]: "" })), (async () => {
           try {
-            const v = await d(h);
-            g(($) => ({ ...$, [h.id]: v }));
-          } catch (v) {
-            let $ = "Error desconocido";
-            v instanceof de ? $ = `Error HTTP ${v.status} (${v.statusText}) en ${v.url}` : v instanceof SyntaxError ? $ = "Respuesta no es JSON válido" : v instanceof TypeError ? $ = "Fallo de red / CORS / conexión" : typeof v == "string" && ($ = v.toString()), s((O) => ({ ...O, [h.id]: $ }));
+            const _ = await d(u);
+            m((C) => ({ ...C, [u.id]: _ }));
+          } catch (_) {
+            let C = "Error desconocido";
+            _ instanceof ge ? C = `Error HTTP ${_.status} (${_.statusText}) en ${_.url}` : _ instanceof SyntaxError ? C = "Respuesta no es JSON válido" : _ instanceof TypeError ? C = "Fallo de red / CORS / conexión" : typeof _ == "string" && (C = _.toString()), c((k) => ({ ...k, [u.id]: C }));
           } finally {
-            x((v) => ({ ...v, [h.id]: !1 }));
+            v((_) => ({ ..._, [u.id]: !1 }));
           }
         })());
       }
-  }, [l]);
-  const _ = te(
-    () => l.filter((f) => f.visible).sort((f, h) => f.order - h.order),
-    [l]
-  ), k = (f) => Array.isArray(f) ? f.map((h) => {
-    const S = {};
-    for (const b of h.fields || []) {
-      const v = (b.type || "string").toLowerCase();
-      if (v === "number") {
-        const $ = String(b.value || "").trim();
-        if ($ !== "") {
-          const O = Number($);
-          Number.isNaN(O) || (S[b.name] = O);
+  }, [s]);
+  const w = re(
+    () => s.filter((p) => p.visible).sort((p, u) => p.order - u.order),
+    [s]
+  ), R = (p) => Array.isArray(p) ? p.map((u) => {
+    const b = {};
+    for (const x of u.fields || []) {
+      const _ = (x.type || "string").toLowerCase();
+      if (_ === "number") {
+        const C = String(x.value || "").trim();
+        if (C !== "") {
+          const k = Number(C);
+          Number.isNaN(k) || (b[x.name] = k);
         }
-      } else if (v === "boolean")
-        S[b.name] = String(b.value).toLowerCase() === "true";
-      else if (v === "function") {
-        const $ = String(b.value || "").trim();
-        if ($)
+      } else if (_ === "boolean")
+        b[x.name] = String(x.value).toLowerCase() === "true";
+      else if (_ === "function") {
+        const C = String(x.value || "").trim();
+        if (C)
           try {
-            const O = new Function($);
-            S[b.name] = O;
-          } catch (O) {
-            console.error(`❌ Error creando función en item '${b.name}':`, O);
+            const k = new Function(C);
+            b[x.name] = k;
+          } catch (k) {
+            console.error(`❌ Error creando función en item '${x.name}':`, k);
           }
-      } else S[b.name] = b.value;
+      } else b[x.name] = x.value;
     }
-    return S;
-  }) : [], E = (f) => {
-    const h = {};
-    if (!Array.isArray(f)) return h;
-    for (const S of f) {
-      if (!S.name) continue;
-      const b = (S.type || "string").toLowerCase();
-      if (b === "number") {
-        const v = String(S.value || "").trim();
-        if (v !== "") {
-          const $ = Number(v);
-          Number.isNaN($) || (h[S.name] = $);
+    return b;
+  }) : [], I = (p) => {
+    const u = {};
+    if (!Array.isArray(p)) return u;
+    for (const b of p) {
+      if (!b.name) continue;
+      const x = (b.type || "string").toLowerCase();
+      if (x === "number") {
+        const _ = String(b.value || "").trim();
+        if (_ !== "") {
+          const C = Number(_);
+          Number.isNaN(C) || (u[b.name] = C);
         }
-      } else if (b === "boolean")
-        h[S.name] = String(S.value).toLowerCase() === "true";
-      else if (b === "function") {
-        const v = String(S.value || "").trim();
-        if (v)
+      } else if (x === "boolean")
+        u[b.name] = String(b.value).toLowerCase() === "true";
+      else if (x === "function") {
+        const _ = String(b.value || "").trim();
+        if (_)
           try {
-            const $ = new Function(v);
-            h[S.name] = $;
-          } catch ($) {
-            console.error(`❌ Error creando función en item '${S.name}':`, $);
+            const C = new Function(_);
+            u[b.name] = C;
+          } catch (C) {
+            console.error(`❌ Error creando función en item '${b.name}':`, C);
           }
-      } else h[S.name] = S.value;
+      } else u[b.name] = b.value;
     }
-    return h;
-  }, R = (f, h, S) => {
-    const b = S ? { ...S } : {};
-    if (h) {
-      const W = (h.variableName || "items").trim() || "items";
-      return b[W] = h.arr || [], b;
+    return u;
+  }, T = (p, u, b) => {
+    const x = b ? { ...b } : {};
+    if (u) {
+      const z = (u.variableName || "items").trim() || "items";
+      return x[z] = u.arr || [], x;
     }
-    const v = f, $ = Array.isArray(v), O = !$ && typeof v == "object" && v !== null ? v : void 0, L = O && Array.isArray(O.lobby || O.items) ? O.lobby || O.items : void 0, A = (W) => $ ? v : L || W;
-    return b.items = A(L || []), b;
-  }, P = (f) => {
-    var $;
-    const h = !!(($ = f.apiUrl) != null && $.trim()), S = h ? u[f.id] : void 0;
-    let b = f.props ? { ...f.props } : {};
-    const v = E(f.manualScalarFields);
+    const _ = p, C = Array.isArray(_), k = !C && typeof _ == "object" && _ !== null ? _ : void 0, U = k && Array.isArray(k.lobby || k.items) ? k.lobby || k.items : void 0, M = (z) => C ? _ : U || z;
+    return x.items = M(U || []), x;
+  }, O = (p) => {
+    var C;
+    const u = !!((C = p.apiUrl) != null && C.trim()), b = u ? h[p.id] : void 0;
+    let x = p.props ? { ...p.props } : {};
+    const _ = I(p.manualScalarFields);
     if ([
       "OraculoSeccionEventoEnVivo",
       "OraculoSeccionEventoSemana",
       "OraculoSeccionEventoCombinadas"
-    ].includes(f.componentKey))
-      return console.log(S), { items: S, ...b, ...v };
-    if (b = { ...b, ...v }, h) b = R(S, null, b);
-    else if (f.dataMode === "manual") {
-      const O = k(f.manualItems);
-      b = R(
+    ].includes(p.componentKey))
+      return console.log(b), { items: b, ...x, ..._ };
+    if (x = { ...x, ..._ }, u) x = T(b, null, x);
+    else if (p.dataMode === "manual") {
+      const k = R(p.manualItems);
+      if (x = T(
         null,
-        { arr: O, variableName: f.variableName },
-        b
-      );
+        { arr: k, variableName: p.variableName },
+        x
+      ), p.variableName2 && p.manualItems2) {
+        const U = R(p.manualItems2), M = (p.variableName2 || "items2").trim() || "items2";
+        x[M] = U;
+      }
     }
-    return b;
-  }, I = (f, h, S) => /* @__PURE__ */ e("div", { className: `mx-4 p-4 rounded ${{
+    return x;
+  }, $ = (p, u, b) => /* @__PURE__ */ e("div", { className: `mx-4 p-4 rounded ${{
     loading: "bg-blue-100 text-blue-800",
     error: "bg-red-100 text-red-800",
     component: "bg-yellow-100 text-yellow-800"
-  }[h]}`, children: S }, f), N = (f) => {
-    var A;
-    const h = f.componentKey, S = Yt[h];
-    if (!S)
-      return console.warn(`No hay componente registrado para "${h}"`), I(
-        f.id,
+  }[u]}`, children: b }, p), N = (p) => {
+    var M;
+    const u = p.componentKey, b = ro[u];
+    if (!b)
+      return console.warn(`No hay componente registrado para "${u}"`), $(
+        p.id,
         "component",
-        `Componente "${h}" no encontrado`
+        `Componente "${u}" no encontrado`
       );
-    const b = !!((A = f.apiUrl) != null && A.trim()), v = b ? u[f.id] : void 0, $ = b ? !!y[f.id] : !1, O = b ? w[f.id] : "";
-    if (b) {
-      if ($ && !v)
-        return I(
-          f.id,
+    const x = !!((M = p.apiUrl) != null && M.trim()), _ = x ? h[p.id] : void 0, C = x ? !!y[p.id] : !1, k = x ? S[p.id] : "";
+    if (x) {
+      if (C && !_)
+        return $(
+          p.id,
           "loading",
-          `Cargando datos desde ${f.apiUrl}...`
+          `Cargando datos desde ${p.apiUrl}...`
         );
-      if (O && !v)
-        return I(
-          f.id,
+      if (k && !_)
+        return $(
+          p.id,
           "error",
-          `Error cargando ${f.apiUrl}: ${O}`
+          `Error cargando ${p.apiUrl}: ${k}`
         );
     }
-    const L = P(f);
+    const U = O(p);
     return /* @__PURE__ */ e(
       "div",
       {
@@ -2744,13 +2862,13 @@ const lo = ({
           width: "100%",
           boxSizing: "border-box"
         },
-        children: /* @__PURE__ */ e(S, { ...L })
+        children: /* @__PURE__ */ e(b, { ...U })
       },
-      f.id
+      p.id
     );
   };
-  return o && !t ? /* @__PURE__ */ e("div", { className: "text-xs text-gray-400", children: "Cargando preview..." }) : !o && !t && n.length === 0 ? /* @__PURE__ */ e("div", { className: "text-xs text-gray-500", children: "Sin secciones (Firestore)" }) : /* @__PURE__ */ e(
-    Se,
+  return o && !t ? /* @__PURE__ */ e("div", { className: "text-xs text-gray-400", children: "Cargando preview..." }) : !o && !t && i.length === 0 ? /* @__PURE__ */ e("div", { className: "text-xs text-gray-500", children: "Sin secciones (Firestore)" }) : /* @__PURE__ */ e(
+    $e,
     {
       className: "oli-font",
       maxWidth: !1,
@@ -2764,47 +2882,47 @@ const lo = ({
         maxWidth: "100%",
         overflowX: "hidden"
       },
-      children: /* @__PURE__ */ e(me, { direction: "column", spacing: 8, useFlexGap: !0, children: _.map(N) })
+      children: /* @__PURE__ */ e(xe, { direction: "column", spacing: 8, useFlexGap: !0, children: w.map(N) })
     }
   );
 };
 export {
-  T as OraculoButton,
-  H as OraculoCarousel,
-  he as OraculoCarouselDots,
-  tt as OraculoClubOlimpoVisual,
-  dt as OraculoEventCombinadasCard,
-  pt as OraculoEventEnVivoCard,
-  Ue as OraculoEventHeader,
-  fe as OraculoEventLabel,
-  Be as OraculoEventLeague,
-  xe as OraculoEventScore,
-  bt as OraculoEventSemanaCard,
-  Fe as OraculoEventStatus,
-  Pe as OraculoEventStatusBadge,
+  P as OraculoButton,
+  V as OraculoCarousel,
+  ve as OraculoCarouselDots,
+  ct as OraculoClubOlimpoVisual,
+  xt as OraculoEventCombinadasCard,
+  _t as OraculoEventEnVivoCard,
+  je as OraculoEventHeader,
+  ye as OraculoEventLabel,
+  Ke as OraculoEventLeague,
+  we as OraculoEventScore,
+  $t as OraculoEventSemanaCard,
+  Ae as OraculoEventStatus,
+  We as OraculoEventStatusBadge,
   Q as OraculoEventTeamInfo,
-  q as OraculoGameCard,
-  Ve as OraculoGameRankCard,
-  be as OraculoGameSlide,
-  G as OraculoGridGroup,
-  et as OraculoLiveCasinoCard,
-  ae as OraculoLogoMediosPago,
-  lo as OraculoPageLandingPreview,
-  Dt as OraculoSeccionBanners,
-  Tt as OraculoSeccionBonoBienvenida,
-  It as OraculoSeccionCasino,
-  Ct as OraculoSeccionCasinoEnVivo,
-  Pt as OraculoSeccionClubOlimpo,
-  vt as OraculoSeccionDestacados,
-  zt as OraculoSeccionEventoCombinadas,
-  Lt as OraculoSeccionEventoEnVivo,
-  jt as OraculoSeccionEventoSemana,
-  Xt as OraculoSeccionMediosPago,
-  _t as OraculoSeccionTopJuegos,
-  Ot as OraculoSeccionVirtuales,
-  D as OraculoSectionTitle,
-  _t as OraculoTopJuegoItem,
-  ie as OraculoWelcomeBanner,
-  lo as default
+  Y as OraculoGameCard,
+  it as OraculoGameRankCard,
+  Se as OraculoGameSlide,
+  W as OraculoGridGroup,
+  st as OraculoLiveCasinoCard,
+  le as OraculoLogoMediosPago,
+  bo as OraculoPageLandingPreview,
+  Qt as OraculoSeccionBanners,
+  Wt as OraculoSeccionBonoBienvenida,
+  Bt as OraculoSeccionCasino,
+  Tt as OraculoSeccionCasinoEnVivo,
+  At as OraculoSeccionClubOlimpo,
+  It as OraculoSeccionDestacados,
+  Dt as OraculoSeccionEventoCombinadas,
+  Ht as OraculoSeccionEventoEnVivo,
+  Xt as OraculoSeccionEventoSemana,
+  eo as OraculoSeccionMediosPago,
+  Ot as OraculoSeccionTopJuegos,
+  Mt as OraculoSeccionVirtuales,
+  H as OraculoSectionTitle,
+  Ot as OraculoTopJuegoItem,
+  de as OraculoWelcomeBanner,
+  bo as default
 };
 //# sourceMappingURL=index.es.js.map