oraculo-ui 0.1.49 → 0.1.50

package/dist/index.es.js

@@ -1,87 +1,87 @@
-import { jsx as e, jsxs as p, Fragment as q } from "react/jsx-runtime";
-import { Link as _e, Box as F, Typography as me, Stack as ue, Container as Se } from "@mui/material";
-import Ce, { forwardRef as Ee, useRef as A, useImperativeHandle as $e, useCallback as ae, useState as U, useMemo as oe, useLayoutEffect as Ie, useEffect as X } from "react";
-import { Splide as Ne, SplideSlide as ke } from "@splidejs/react-splide";
-import C from "@mui/material/Box";
-import B from "@mui/material/Typography";
+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 ne, ChevronRightRounded as re } from "@mui/icons-material";
-import ge from "@mui/icons-material/ChevronLeftRounded";
-import he from "@mui/icons-material/ChevronRightRounded";
-import Oe from "@mui/material/useMediaQuery";
-import { onSnapshot as Re, doc as Te } from "firebase/firestore";
-function T({
+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: n,
-  target: a,
+  onClick: n,
+  href: a,
+  target: i,
   rel: l,
   type: o = "button",
   disabled: r = !1,
-  variant: u = "primary",
-  size: g,
+  variant: h = "primary",
+  size: m,
   fullWidth: y = !1,
-  fullHeight: x = !1,
+  fullHeight: v = !1,
   className: S = "",
-  ariaLabel: s,
+  ariaLabel: c,
   leftIcon: d,
-  rightIcon: c,
-  iconOnly: m
+  rightIcon: s,
+  iconOnly: f
 }) {
-  const w = !!t && t !== !0, R = (!!d ? 1 : 0) + (!!c ? 1 : 0) == 1, P = m != null ? m : R && !w, 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" : "",
+    v ? "orc-btn--fullHeight" : "",
+    O ? "orc-btn--iconOnly" : "",
     S
-  ].filter(Boolean).join(" "), k = /* @__PURE__ */ p(q, { children: [
+  ].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 }),
-    c && /* @__PURE__ */ e("span", { className: "orc-btn__icon", children: c })
-  ] }), h = r ? !0 : void 0;
-  return n ? /* @__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: n,
-      target: a,
+      href: a,
+      target: i,
       rel: l,
-      "aria-label": s,
-      "aria-disabled": h,
-      tabIndex: h ? -1 : void 0,
-      className: I,
-      onClick: h ? (f) => f.preventDefault() : i,
-      children: k
+      "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: !!h,
-      "aria-label": s,
-      className: I,
-      children: k
+      onClick: n,
+      disabled: !!p,
+      "aria-label": c,
+      className: $,
+      children: N
     }
   );
 }
-function D({
+function H({
   title: t,
-  iconUrl: i,
-  size: n = "md",
-  className: a = ""
+  iconUrl: n,
+  size: a = "md",
+  className: i = ""
 }) {
   const o = [
     "orc-section-title",
-    n ? `orc-section-title--${n}` : "",
-    a
+    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,41 +89,41 @@ function D({
     /* @__PURE__ */ e("h2", { className: "orc-section-title__title", children: t })
   ] });
 }
-const fe = ({
+const ve = ({
   total: t,
-  active: i,
-  onSelect: n,
-  className: a = ""
+  active: n,
+  onSelect: a,
+  className: i = ""
 }) => {
   if (t <= 1) return null;
-  const l = ["orc-dots", a].filter(Boolean).join(" ");
+  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": r === i,
+      "aria-selected": r === n,
       "aria-label": `Ir al slide ${r + 1}`,
-      className: "orc-dots__dot" + (r === i ? " orc-dots__dot--active" : ""),
-      onClick: () => n == null ? void 0 : n(r)
+      className: "orc-dots__dot" + (r === n ? " orc-dots__dot--active" : ""),
+      onClick: () => a == null ? void 0 : a(r)
     }
   ) }, r)) });
 };
-function j({
+function W({
   children: t,
-  minWidth: i = 32,
-  spacing: n = 2,
-  justify: a = "stretch",
+  minWidth: n = 32,
+  spacing: a = 2,
+  justify: i = "stretch",
   columns: l = null
 }) {
-  const o = l || `repeat(auto-fit, minmax(${i}px, 1fr))`, r = typeof n == "number" ? `${n * 8}px` : n;
+  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: a,
+        justifyItems: i,
         gap: r,
         height: "inherit"
       },
@@ -131,7 +131,7 @@ function j({
     }
   );
 }
-function ie({ src: t, alt: i }) {
+function le({ src: t, alt: n }) {
   return /* @__PURE__ */ e(
     F,
     {
@@ -148,7 +148,7 @@ function ie({ src: t, alt: i }) {
         {
           component: "img",
           src: t,
-          alt: i,
+          alt: n,
           sx: {
             position: "absolute",
             top: 0,
@@ -162,17 +162,16 @@ function ie({ src: t, alt: i }) {
     }
   );
 }
-function Pe({ 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 Pe({ 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 Pe({ title: t, subtitle: i }) {
     }
   );
 }
-function Fe({ text: t, color: i = "#ff3b3b", textColor: n = "#fff" }) {
+function We({ text: t, color: n = "#ff3b3b", textColor: a = "#fff" }) {
   return /* @__PURE__ */ e(
     "span",
     {
       className: "oli-font",
       style: {
-        backgroundColor: i,
-        color: n,
+        backgroundColor: n,
+        color: a,
         borderRadius: "8px",
         padding: "4px 8px",
         fontSize: "12px",
@@ -238,14 +224,14 @@ function Fe({ text: t, color: i = "#ff3b3b", textColor: n = "#fff" }) {
     }
   );
 }
-function Ue({ live: t, time: i }) {
-  return /* @__PURE__ */ p("div", { className: "oli-font", style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
-    t && /* @__PURE__ */ e(Fe, { 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 ze({ title: t, subtitle: i, live: n = !1, time: a = "" }) {
-  return /* @__PURE__ */ p(
+function je({ title: t, subtitle: n, live: a = !1, time: i = "" }) {
+  return /* @__PURE__ */ g(
     "div",
     {
       style: {
@@ -255,92 +241,89 @@ function ze({ title: t, subtitle: i, live: n = !1, time: a = "" }) {
         color: "#FFFFFF"
       },
       children: [
-        /* @__PURE__ */ e(Pe, { title: t, subtitle: i }),
-        /* @__PURE__ */ e(Ue, { live: n, time: a })
+        /* @__PURE__ */ e(ze, { title: t, subtitle: n }),
+        /* @__PURE__ */ e(Ae, { live: a, time: i })
       ]
     }
   );
 }
-const Me = "oraculo__OraculoEventLabel-module__label___c64Xw", Le = {
-  label: Me
+const Ge = "oraculo__OraculoEventLabel-module__label___c64Xw", De = {
+  label: Ge
 };
-function xe({ 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 We = "oraculo__OraculoEventLeague-module__container___rdk4F", Ae = {
-  container: We
+const He = "oraculo__OraculoEventLeague-module__container___rdk4F", Ve = {
+  container: He
 };
-function Be({ title: t }) {
-  return /* @__PURE__ */ e("div", { className: Ae.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", De = "oraculo__OraculoEventScore-module__score___Xl03M", He = "oraculo__OraculoEventScore-module__normal___cCNFz", Ve = "oraculo__OraculoEventScore-module__small___fVt8E", V = {
-  scoreWrapper: je,
-  name: Ge,
-  score: De,
-  normal: He,
-  small: Ve
+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 be({ text: t, name: i, size: n = "normal" }) {
-  return /* @__PURE__ */ p(
+function we({ text: t, name: n, size: a = "normal" }) {
+  return /* @__PURE__ */ g(
     "div",
     {
-      className: `${V.scoreWrapper} ${V[n]}`,
+      className: `${K.scoreWrapper} ${K[a]}`,
       children: [
-        /* @__PURE__ */ e("div", { className: `${V.score} ${V[n]}`, children: t }),
-        i && /* @__PURE__ */ e("span", { className: `${V.name} ${V[n]}`, 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", J = {
-  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 Y({ name: t, logo: i, size: n = "regular" }) {
-  return /* @__PURE__ */ p("div", { className: `oli-font ${J.team} ${J[n]}`, children: [
-    /* @__PURE__ */ e("img", { src: i, alt: t, className: J.logo }),
-    /* @__PURE__ */ e("span", { className: J.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 = Ne, Ze = ke, H = Ee(
+const rt = Re, at = Te, V = Ne(
   ({
     items: t = [],
-    renderItem: i,
-    perPage: n = 1,
-    gap: a = "0px",
+    renderItem: n,
+    perPage: a = 1,
+    gap: i = "0px",
     breakpoints: l,
     options: o = {},
     className: r = "",
-    onMove: u,
-    useIndexAsKey: g = !1
+    onMove: h,
+    useIndexAsKey: m = !1
   }, y) => {
-    const x = A(null);
-    $e(y, () => ({
+    const v = A(null);
+    Oe(y, () => ({
       next: () => {
-        var c;
-        return (c = x.current) == null ? void 0 : c.go(">");
+        var s;
+        return (s = v.current) == null ? void 0 : s.go(">");
       },
       prev: () => {
-        var c;
-        return (c = x.current) == null ? void 0 : c.go("<");
+        var s;
+        return (s = v.current) == null ? void 0 : s.go("<");
       },
-      go: (c) => {
-        var m;
-        return (m = x.current) == null ? void 0 : m.go(c);
+      go: (s) => {
+        var f;
+        return (f = v.current) == null ? void 0 : f.go(s);
       }
     }));
-    const S = ae(
-      (c) => {
-        const m = c.index, w = c.length, N = c.options.perPage || 1, E = m === 0, R = m >= w - N;
-        u == null || u({ index: m, isStart: E, isEnd: R, total: w });
-      },
-      [u]
-    ), s = ae(
-      (c) => {
-        S(c);
+    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);
       },
       [S]
     ), d = {
@@ -352,38 +335,38 @@ const Qe = Ne, Ze = ke, H = Ee(
       rewind: !1,
       focus: "start",
       autoWidth: !1,
-      perPage: n,
-      gap: a,
+      perPage: a,
+      gap: i,
       breakpoints: l,
       ...o
     };
     return /* @__PURE__ */ e("div", { className: r, style: { width: "100%" }, children: /* @__PURE__ */ e(
-      Qe,
+      rt,
       {
-        ref: x,
+        ref: v,
         options: d,
         onMove: S,
-        onMounted: s,
-        children: t.map((c, m) => {
+        onMounted: c,
+        children: t.map((s, f) => {
           var w;
-          return /* @__PURE__ */ e(Ze, { children: i(c, m) }, g ? m : (w = c.id) != null ? w : m);
+          return /* @__PURE__ */ e(at, { children: n(s, f) }, m ? f : (w = s.id) != null ? w : f);
         })
       }
     ) });
   }
-), K = ({
+), Y = ({
   imageUrl: t,
-  onClick: i,
-  size: n = "sm",
-  fillParent: a = !1
+  onClick: n,
+  size: a = "sm",
+  fillParent: i = !1
 }) => {
-  const l = n === "lg" ? { w: 280, h: 352 } : { w: 152, h: 168 }, o = (u) => {
-    u.stopPropagation(), i == null || i();
-  }, r = a ? { width: "100%", height: "100%" } : { width: `${l.w}px`, height: `${l.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",
@@ -423,7 +406,7 @@ const Qe = Ne, Ze = ke, H = Ee(
           }
         ),
         /* @__PURE__ */ e(
-          C,
+          E,
           {
             className: "oraculo-game-card-overlay",
             sx: {
@@ -438,7 +421,7 @@ const Qe = Ne, Ze = ke, H = Ee(
           }
         ),
         /* @__PURE__ */ e(
-          C,
+          E,
           {
             className: "oraculo-game-card-btn",
             sx: {
@@ -451,35 +434,35 @@ const Qe = Ne, Ze = ke, H = Ee(
               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 et({
+function it({
   imageUrl: t,
-  orden: i = 1,
-  onClick: n,
-  sizes: a = {
+  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, S, s, d;
-  const l = (c, m) => {
-    var w, N, E, R;
+  var v, S, c, d;
+  const l = (s, f) => {
+    var w, R, I, T;
     return {
-      xs: (N = (w = a.xs) == null ? void 0 : w[c]) != null ? N : m,
-      md: (R = (E = a.md) == null ? void 0 : E[c]) != 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 = l("w", 186), r = l("h", 264), u = l("r", 22.6), g = l("font", 64), y = {
-    xs: Math.round(((S = (x = a.xs) == null ? void 0 : x.font) != null ? S : 64) * 0.28),
-    md: Math.round(((d = (s = a.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",
@@ -489,14 +472,14 @@ function et({
           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 et({
               overflow: "hidden"
             },
             children: /* @__PURE__ */ e(
-              K,
+              Y,
               {
                 imageUrl: t,
-                onClick: n,
+                onClick: a,
                 size: "lg",
                 fillParent: !0
               }
@@ -516,7 +499,7 @@ function et({
           }
         ),
         /* @__PURE__ */ e(
-          C,
+          E,
           {
             component: "span",
             sx: {
@@ -528,8 +511,8 @@ function et({
               },
               fontFamily: "secondary",
               fontSize: {
-                xs: `${g.xs}px`,
-                md: `${g.md}px`
+                xs: `${m.xs}px`,
+                md: `${m.md}px`
               },
               lineHeight: 1,
               color: "#3CC666",
@@ -537,23 +520,23 @@ function et({
               zIndex: 3,
               userSelect: "none"
             },
-            children: i
+            children: n
           }
         )
       ]
     }
   );
 }
-const tt = ({
+const st = ({
   logo: t,
-  provider: i,
-  providerName: n,
-  machine: a,
+  provider: n,
+  providerName: a,
+  machine: i,
   onClick: l
 }) => {
   var o;
-  return /* @__PURE__ */ p(
-    C,
+  return /* @__PURE__ */ g(
+    E,
     {
       onClick: l,
       sx: {
@@ -577,11 +560,11 @@ const tt = ({
       },
       children: [
         /* @__PURE__ */ e(
-          C,
+          E,
           {
             component: "img",
             src: t,
-            alt: `Juego ${a != null ? a : ""}`,
+            alt: `Juego ${i != null ? i : ""}`,
             sx: {
               position: "absolute",
               inset: 0,
@@ -593,7 +576,7 @@ const tt = ({
           }
         ),
         /* @__PURE__ */ e(
-          C,
+          E,
           {
             className: "orc-live-provider-label",
             sx: {
@@ -607,7 +590,7 @@ const tt = ({
               pointerEvents: "none"
             },
             children: /* @__PURE__ */ e(
-              B,
+              G,
               {
                 sx: {
                   color: "#fff",
@@ -615,7 +598,7 @@ const tt = ({
                   fontSize: { xs: 11, md: 14 },
                   textTransform: "capitalize"
                 },
-                children: (o = i != null ? i : n) != null ? o : ""
+                children: (o = n != null ? n : a) != null ? o : ""
               }
             )
           }
@@ -623,16 +606,16 @@ const tt = ({
       ]
     }
   );
-}, Q = 12, ve = ({
+}, ee = 12, Se = ({
   items: t,
-  layout: i = "grid",
-  onClick: n
+  layout: n = "grid",
+  onClick: a
 }) => {
-  var a;
-  if (i === "mosaic") {
+  var i;
+  if (n === "mosaic") {
     const l = t[0], o = t.slice(1, 5);
-    return /* @__PURE__ */ p(
-      C,
+    return /* @__PURE__ */ g(
+      E,
       {
         sx: {
           display: "grid",
@@ -649,14 +632,14 @@ const tt = ({
             xs: "104px",
             md: "152px"
           },
-          columnGap: `${Q}px`,
-          rowGap: `${Q}px`,
+          columnGap: `${ee}px`,
+          rowGap: `${ee}px`,
           alignItems: "stretch",
           justifyItems: "stretch"
         },
         children: [
           l && /* @__PURE__ */ e(
-            C,
+            E,
             {
               sx: {
                 width: { xs: 184, md: 280 },
@@ -666,20 +649,20 @@ const tt = ({
                 borderRadius: 2
               },
               children: /* @__PURE__ */ e(
-                K,
+                Y,
                 {
-                  imageUrl: `https://olimpo.bet${(a = l.imageUrl) != null ? a : ""}`,
+                  imageUrl: `https://olimpo.bet${(i = l.imageUrl) != null ? i : ""}`,
                   size: "lg",
                   fillParent: !0,
-                  onClick: () => n == null ? void 0 : n(l, 0)
+                  onClick: () => a == null ? void 0 : a(l, 0)
                 }
               )
             }
           ),
-          o.map((r, u) => {
-            var g;
+          o.map((r, h) => {
+            var m;
             return /* @__PURE__ */ e(
-              C,
+              E,
               {
                 sx: {
                   width: { xs: 104, md: 152 },
@@ -688,12 +671,12 @@ const tt = ({
                   borderRadius: 2
                 },
                 children: /* @__PURE__ */ e(
-                  K,
+                  Y,
                   {
-                    imageUrl: `https://olimpo.bet${(g = r.imageUrl) != null ? g : ""}`,
+                    imageUrl: `https://olimpo.bet${(m = r.imageUrl) != null ? m : ""}`,
                     size: "sm",
                     fillParent: !0,
-                    onClick: () => n == null ? void 0 : n(r, u + 1)
+                    onClick: () => a == null ? void 0 : a(r, h + 1)
                   }
                 )
               },
@@ -705,7 +688,7 @@ const tt = ({
     );
   }
   return /* @__PURE__ */ e(
-    C,
+    E,
     {
       sx: {
         display: "grid",
@@ -717,49 +700,49 @@ const tt = ({
           xs: "repeat(2, 112px)",
           md: "repeat(2, 168px)"
         },
-        gap: `${Q}px`,
+        gap: `${ee}px`,
         gridAutoFlow: "column"
       },
       children: t.map((l, o) => {
-        var r, u;
+        var r, h;
         return /* @__PURE__ */ e(
-          C,
+          E,
           {
             sx: {
               overflow: "hidden",
               borderRadius: 2
             },
             children: /* @__PURE__ */ e(
-              K,
+              Y,
               {
                 imageUrl: `https://olimpo.bet${(r = l.imageUrl) != null ? r : ""}`,
                 size: "sm",
                 fillParent: !0,
-                onClick: () => n == null ? void 0 : n(l, o)
+                onClick: () => a == null ? void 0 : a(l, o)
               }
             )
           },
-          (u = l.id) != null ? u : o
+          (h = l.id) != null ? h : o
         );
       })
     }
   );
-}, se = ({
+}, de = ({
   title: t,
-  amount: i,
-  subtitle: n,
-  buttonText: a,
+  amount: n,
+  subtitle: a,
+  buttonText: i,
   onButtonClick: l,
   backgroundImage: o,
   alt: r,
-  className: u = "",
-  variant: g = "small"
+  className: h = "",
+  variant: m = "small"
 }) => {
-  const y = i ? i.slice(0, 2) : "", x = i ? i.slice(2) : "", S = 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%",
@@ -771,7 +754,7 @@ const tt = ({
       },
       children: [
         o && /* @__PURE__ */ e(
-          C,
+          E,
           {
             sx: {
               position: "relative",
@@ -784,7 +767,7 @@ const tt = ({
               overflow: "hidden"
             },
             children: /* @__PURE__ */ e(
-              C,
+              E,
               {
                 component: "img",
                 src: o,
@@ -804,7 +787,7 @@ const tt = ({
           }
         ),
         /* @__PURE__ */ e(
-          C,
+          E,
           {
             sx: {
               position: "absolute",
@@ -817,8 +800,8 @@ const tt = ({
               pl: "14%",
               pr: { xs: "14%", lg: "15%" }
             },
-            children: /* @__PURE__ */ p(
-              C,
+            children: /* @__PURE__ */ g(
+              E,
               {
                 sx: {
                   maxWidth: "60%",
@@ -828,7 +811,7 @@ const tt = ({
                 },
                 children: [
                   t && /* @__PURE__ */ e(
-                    B,
+                    G,
                     {
                       sx: {
                         fontSize: { xs: 12, lg: 20 },
@@ -838,8 +821,8 @@ const tt = ({
                       children: t
                     }
                   ),
-                  i && /* @__PURE__ */ p(
-                    C,
+                  n && /* @__PURE__ */ g(
+                    E,
                     {
                       component: "p",
                       sx: {
@@ -857,7 +840,7 @@ const tt = ({
                       },
                       children: [
                         /* @__PURE__ */ e(
-                          C,
+                          E,
                           {
                             component: "span",
                             sx: { fontSize: { xs: 35, lg: 48 }, mr: 0.5 },
@@ -865,18 +848,18 @@ const tt = ({
                           }
                         ),
                         /* @__PURE__ */ e(
-                          C,
+                          E,
                           {
                             component: "span",
                             sx: { fontSize: { xs: 52, lg: 77 } },
-                            children: x
+                            children: v
                           }
                         )
                       ]
                     }
                   ),
-                  n && /* @__PURE__ */ e(
-                    B,
+                  a && /* @__PURE__ */ e(
+                    G,
                     {
                       sx: {
                         pb: "20px",
@@ -884,10 +867,10 @@ const tt = ({
                         fontWeight: 600,
                         color: "#e7f8ff"
                       },
-                      children: n
+                      children: a
                     }
                   ),
-                  a && /* @__PURE__ */ e(T, { onClick: l, children: a })
+                  i && /* @__PURE__ */ e(P, { onClick: l, children: i })
                 ]
               }
             )
@@ -896,29 +879,29 @@ const tt = ({
       ]
     }
   );
-}, ot = ({
+}, ct = ({
   text: t,
-  buttonLabel: i = "Conoce más",
-  onClick: n,
-  imgAlt: a = "Club Olimpo",
+  buttonLabel: n = "Conoce más",
+  onClick: a,
+  imgAlt: i = "Club Olimpo",
   imgSrcMobile: l,
   imgSrcDesktopBg: o,
   imgSrcDesktopLogo: r
-}) => /* @__PURE__ */ p(q, { children: [
+}) => /* @__PURE__ */ g(X, { children: [
   /* @__PURE__ */ e("div", { className: "orc-co-bgMobile", children: /* @__PURE__ */ e(
     "img",
     {
       src: l,
-      alt: a,
+      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: `${a} fondo`,
+        alt: `${i} fondo`,
         className: "orc-co-bgDesktopImg"
       }
     ) }),
@@ -926,54 +909,58 @@ const tt = ({
       "img",
       {
         src: r,
-        alt: `${a} logo`,
+        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: n, 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: n, variant: "primary", size: "md", children: i })
+    /* @__PURE__ */ e(P, { onClick: a, variant: "primary", size: "md", children: n })
   ] })
-] }), nt = "oraculo__OraculoEventCombinadasCard-module__card___ulQeY", rt = "oraculo__OraculoEventCombinadasCard-module__combinadas___Gxrld", at = "oraculo__OraculoEventCombinadasCard-module__apuestaItem___YnYMy", it = "oraculo__OraculoEventCombinadasCard-module__lineContainer___G5rbU", st = "oraculo__OraculoEventCombinadasCard-module__circle___eehm-", ct = "oraculo__OraculoEventCombinadasCard-module__line___Eb2pK", lt = "oraculo__OraculoEventCombinadasCard-module__apuestaText___b5s7S", dt = "oraculo__OraculoEventCombinadasCard-module__cuotaTotal___Lohvu", G = {
-  card: nt,
-  combinadas: rt,
-  apuestaItem: at,
-  lineContainer: it,
-  circle: st,
-  line: ct,
-  apuestaText: lt,
-  cuotaTotal: dt
+] }), 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 pt({ event: t }) {
-  var a;
-  function i(l) {
-    var x;
-    const o = (x = l.betoffers) != null ? x : [], r = l.homeName, u = l.awayName, g = o.map((S) => {
-      var m, w, N, E;
-      let s = S.outcomes[0], d = "", c = 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 ${c}`, s != null && s.participant && (d = `${s.participant} - ${d}`)) : ["Menos de", "Menos"].includes(s == null ? void 0 : s.label) ? (d = `Menos de ${c}`, 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 = `${r} o Empate` : s.label === "12" ? d = `${r} 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 : "", c !== "" && d === s.label && (d = `${s.label} ${c}`)), {
-        id: (w = s == null ? void 0 : s.id) != null ? w : 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: S.criterion.label,
-        odds: (N = s == null ? void 0 : s.odds) != null ? N : 0,
-        bl: (E = s == null ? void 0 : s.label) != null ? E : 0
+        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((S, s) => S + s.odds, 0) / 1e3;
+    }), y = m.reduce((S, c) => S + c.odds, 0) / 1e3;
     return {
-      outcomes: g,
+      outcomes: m,
       total: y.toFixed(2)
     };
   }
-  const n = i(t);
-  return /* @__PURE__ */ p("div", { className: G.card, children: [
-    /* @__PURE__ */ e("div", { className: G.combinadas, children: /* @__PURE__ */ p(L, { 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,12 +968,12 @@ function pt({ event: t }) {
         }
       ),
       /* @__PURE__ */ e("img", { src: "/assets/img/home/Combinadas/line.png" }),
-      /* @__PURE__ */ e(L, { direction: "column", spacing: 0.5, useFlexGap: !0, children: n.outcomes.map((l, o) => /* @__PURE__ */ p("div", { className: G.apuestaItem, children: [
-        /* @__PURE__ */ p("div", { className: G.lineContainer, children: [
-          /* @__PURE__ */ e("div", { className: G.circle }),
-          o < n.outcomes.length - 1 && /* @__PURE__ */ e("div", { className: G.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: G.apuestaText, children: [
+        /* @__PURE__ */ g("div", { className: D.apuestaText, children: [
           /* @__PURE__ */ e("strong", { children: l.value }),
           " ",
           "| ",
@@ -994,131 +981,210 @@ function pt({ event: t }) {
         ] })
       ] }, o)) })
     ] }) }),
-    /* @__PURE__ */ p("button", { onClick: () => {
+    /* @__PURE__ */ g("button", { onClick: () => {
       var l, o;
-      return console.log((o = (l = n == null ? void 0 : n.outcomes) == null ? void 0 : l.map((r) => r == null ? void 0 : r.id)) != null ? o : []);
-    }, className: G.cuotaTotal, children: [
-      /* @__PURE__ */ p("span", { children: [
+      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: (((a = t.combinadoTotal) != null ? a : 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 mt({ event: t, liveData: i, betOffers: n, fondo: a = "/assets/img/home/EnVivo/fondo.png" }) {
-  var l, o, r, u, g, y, x, S, s, d, c;
+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(${a})`,
+    backgroundImage: `url(${i})`,
     backgroundSize: "cover",
-    height: "160px",
+    minHeight: "160px",
     width: "296px",
     padding: "12px 16px",
     borderRadius: "16px"
-  }, children: /* @__PURE__ */ p(L, { direction: "column", spacing: 1, useFlexGap: !0, children: [
-    /* @__PURE__ */ p(L, { 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(
-        ze,
+        je,
         {
-          title: (l = t.path[0].name) != null ? l : "",
+          title: (o = t.path[0].name) != null ? o : "",
           subtitle: t.group,
           live: !0,
-          time: (r = (o = i == null ? void 0 : i.matchClock) == null ? void 0 : o.minute) != null ? r : ""
+          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(j, { 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(
-          Y,
+          Q,
           {
             name: t.homeName,
             logo: "/assets/img/home/EnVivo/Juventus.png"
           }
         ),
-        /* @__PURE__ */ e(be, { 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(Y, { name: t.awayName, logo: "/assets/img/home/EnVivo/Racing.png" })
+        /* @__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(L, { direction: "column", spacing: 1, useFlexGap: !0, children: [
-      /* @__PURE__ */ e(j, { spacing: 1, children: ((s = (S = n == null ? void 0 : n[0]) == null ? void 0 : S.outcomes) != null ? s : []).map((m, w) => /* @__PURE__ */ e(xe, { text: m.label.toUpperCase() }, w)) }),
-      /* @__PURE__ */ e(j, { spacing: 2, children: ((c = (d = n == null ? void 0 : n[0]) == null ? void 0 : d.outcomes) != null ? c : []).map((m, w) => /* @__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) }, w)) })
+    /* @__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 ut = "oraculo__OraculoEventDate-module__date___xhIlh", gt = {
-  date: ut
+const vt = "oraculo__OraculoEventDate-module__date___xhIlh", yt = {
+  date: vt
 };
-function ht({ text: t }) {
-  return /* @__PURE__ */ e("div", { className: `oli-font ${gt.date}`, children: t });
+function wt({ text: t }) {
+  return /* @__PURE__ */ e("div", { className: `oli-font ${yt.date}`, children: t });
 }
-const ft = "oraculo__OraculoEventSemanaCard-module__cardContainer___4JuDe", xt = "oraculo__OraculoEventSemanaCard-module__cardBackground___vfalD", bt = "oraculo__OraculoEventSemanaCard-module__jugadas___W8b7H", Z = {
-  cardContainer: ft,
-  cardBackground: xt,
-  jugadas: bt
+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 vt({ event: t }) {
-  var n, a, l, o, r, u, g;
-  function i(y) {
-    const x = new Date(y), S = 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 c = 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 c = c.replace(/\./g, "").replace(/A\s*M/i, "AM").replace(/P\s*M/i, "PM"), `${S} ${s}/${d} | ${c}`;
+    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: Z.cardContainer, children: [
-    /* @__PURE__ */ e(Be, { title: (n = t.group) != null ? n : "" }),
-    /* @__PURE__ */ e("div", { className: Z.cardBackground, children: /* @__PURE__ */ p(L, { direction: "column", spacing: { xs: 0.5, md: 1 }, useFlexGap: !0, children: [
-      /* @__PURE__ */ p(L, { direction: "column", spacing: 1, useFlexGap: !0, children: [
-        /* @__PURE__ */ p(j, { 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(
-            Y,
+            Q,
             {
               name: t.awayName,
               logo: "/assets/img/home/EventoSemana/Flamengo.png",
               size: "compact"
             }
           ),
-          /* @__PURE__ */ e(be, { text: "vs.", name: "", size: "small" }),
-          /* @__PURE__ */ e(Y, { name: t.homeName, logo: "/assets/img/home/EventoSemana/RealMadrid.png", size: "compact" })
+          /* @__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(ht, { text: i(t.start) })
+        /* @__PURE__ */ e(wt, { text: n(t.start) })
       ] }),
-      /* @__PURE__ */ p(L, { direction: "column", spacing: { xs: 0.5, md: 1 }, useFlexGap: !0, children: [
-        /* @__PURE__ */ e(j, { spacing: 1, children: ((o = (l = (a = t == null ? void 0 : t.outcome) == null ? void 0 : a[0]) == null ? void 0 : l.outcomes) != null ? o : []).map((y, x) => /* @__PURE__ */ e(xe, { text: y.label.toUpperCase() }, x)) }),
-        /* @__PURE__ */ e("div", { className: Z.jugadas, children: /* @__PURE__ */ e(j, { spacing: 1, children: ((g = (u = (r = t == null ? void 0 : t.outcome) == null ? void 0 : r[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 yt({
+function It({
   items: t,
-  title: i = "Destacados",
-  iconUrl: n,
-  onViewMore: a,
+  title: n = "Destacados",
+  iconUrl: a,
+  onViewMore: i,
   className: l = ""
 }) {
-  const o = A(null), [r, 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 = () => {
+  }, 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: l || 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 yt({
           marginBottom: 16
         },
         children: [
-          /* @__PURE__ */ e(D, { title: i, iconUrl: n, 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(ne, {}),
-                onClick: g,
+                leftIcon: /* @__PURE__ */ e(ae, {}),
+                onClick: m,
                 disabled: r.isStart
               }
             ),
             /* @__PURE__ */ e(
-              T,
+              P,
               {
                 ariaLabel: "Siguiente",
                 variant: "secondary",
                 iconOnly: !0,
-                rightIcon: /* @__PURE__ */ e(re, {}),
+                rightIcon: /* @__PURE__ */ e(ie, {}),
                 onClick: y,
                 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,
@@ -1198,39 +1264,39 @@ function yt({
           },
           `${d.title}-${d.image}`
         ),
-        onMove: ({ isStart: d, isEnd: c }) => u({ isStart: d, isEnd: c })
+        onMove: ({ isStart: d, isEnd: s }) => h({ isStart: d, isEnd: s })
       }
     )
   ] });
 }
-const wt = (t) => {
-  var s, d, c, m, w, N;
+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 : "", n = (c = t.provider) != null ? c : "", a = (m = t.machine) != null ? m : "", l = (w = t.external_id) != null ? w : "", o = (N = t.type) != null ? N : "", r = encodeURIComponent(String(n)), u = encodeURIComponent(String(a)), g = encodeURIComponent(String(i)), y = encodeURIComponent(String(l)), x = encodeURIComponent(String(o)), S = `https://www.olimpo.bet/casino?${u}?provider=${r}&name=${g}&external_id=${y}&type=${x}`;
+  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: n,
-  onCardClick: a
+  title: n = "Top Juegos",
+  iconUrl: a,
+  onCardClick: i
 }) {
-  const l = oe(
+  const l = re(
     () => t.map((o, r) => {
-      var u;
+      var h;
       return {
         ...o,
         // si no viene orden, usamos el índice (1-based)
-        orden: (u = o.orden) != null ? u : r + 1,
+        orden: (h = o.orden) != null ? h : r + 1,
         _originalIndex: r
       };
     }).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(L, { direction: "column", spacing: 2, useFlexGap: !0, children: [
-    /* @__PURE__ */ e(D, { title: i, iconUrl: n, 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",
@@ -1245,12 +1311,12 @@ function _t({
         children: l.slice(0, 6).map((o) => {
           var r;
           return /* @__PURE__ */ e(
-            et,
+            it,
             {
               imageUrl: `https://olimpo.bet${(r = o.logo) != null ? r : ""}`,
               orden: o.orden,
               onClick: () => {
-                a ? a(o) : wt(o);
+                i ? i(o) : Nt(o);
               }
             },
             o.machine
@@ -1260,27 +1326,27 @@ function _t({
     )
   ] }) });
 }
-const St = (t, i) => {
-  var n, a;
-  return (a = (n = t.orden) != null ? n : t.machine) != null ? a : i;
-}, Ct = (t) => {
-  var s, d, c, m, w, N;
+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 : "", n = (c = t.provider) != null ? c : "", a = (m = t.machine) != null ? m : "", l = (w = t.external_id) != null ? w : "", o = (N = t.type) != null ? N : "Live", r = encodeURIComponent(String(n)), u = encodeURIComponent(String(a)), g = encodeURIComponent(String(i)), y = encodeURIComponent(String(l)), x = encodeURIComponent(String(o)), S = `https://www.olimpo.bet/casino-en-vivo?${u}?provider=${r}&name=${g}&external_id=${y}&type=${x}`;
+  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;
-}, Et = ({
+}, Tt = ({
   items: t,
-  title: i = "Casino en vivo",
-  subtitle: n = "Disfruta la emoción en tus juegos favoritos y gana en tiempo real.",
-  backgroundMobileUrl: a = "",
+  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: r,
-  className: u
-}) => /* @__PURE__ */ p(
-  C,
+  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,7 +1367,7 @@ 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('${a}')
+              url('${i}')
             `,
               md: `
               linear-gradient(to bottom, #121212 0%, rgba(18,18,18,0) 10%),
@@ -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(L, { spacing: 3, sx: { maxWidth: { md: 280 } }, children: [
+            /* @__PURE__ */ g(L, { spacing: 3, sx: { maxWidth: { md: 280 } }, children: [
               /* @__PURE__ */ e(
-                B,
+                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(
-                B,
+                G,
                 {
                   sx: {
                     fontSize: { xs: 14, md: 18 },
@@ -1357,11 +1423,11 @@ const St = (t, i) => {
                     marginX: { xs: 4, md: 0 },
                     lineHeight: 1.5
                   },
-                  children: n
+                  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",
@@ -1371,7 +1437,7 @@ const St = (t, i) => {
               ) })
             ] }),
             /* @__PURE__ */ e(
-              C,
+              E,
               {
                 sx: {
                   display: "flex",
@@ -1381,26 +1447,26 @@ 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(
-                    tt,
+                    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) : Ct(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",
@@ -1413,63 +1479,63 @@ const St = (t, i) => {
       )
     ]
   }
-), ye = (t, i) => {
-  var n, a;
-  return (a = (n = t.orden) != null ? n : t.machine) != null ? a : i;
-}, $t = (t) => {
-  var s, d, c, m, w;
+), 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 : "", n = (d = t.provider) != null ? d : "", a = (c = t.machine) != null ? c : "", l = (m = t.external_id) != null ? m : "", o = (w = t.type) != null ? w : "Casino", r = encodeURIComponent(String(n)), u = encodeURIComponent(String(a)), g = encodeURIComponent(String(i)), y = encodeURIComponent(String(l)), x = encodeURIComponent(String(o)), S = `https://www.olimpo.bet/casino?${u}?provider=${r}&name=${g}&external_id=${y}&type=${x}`;
+  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;
-}, It = (t, i = !0, n = 4) => {
-  const a = t.map((r, u) => {
-    var g;
+}, Ft = (t, n = !0, a = 4) => {
+  const i = t.map((r, h) => {
+    var m;
     return {
-      id: ye(r, u),
-      imageUrl: (g = r.logo) != null ? g : ""
+      id: Ce(r, h),
+      imageUrl: (m = r.logo) != null ? m : ""
     };
   });
-  if (!a.length) return [];
+  if (!i.length) return [];
   const l = [];
   let o = 0;
-  if (i) {
-    const r = Math.min(a.length, 5);
+  if (n) {
+    const r = Math.min(i.length, 5);
     l.push({
       id: "mosaic-0",
       kind: "mosaic",
-      items: a.slice(0, r)
+      items: i.slice(0, r)
     }), o = r;
   }
-  for (; o < a.length; ) {
-    const r = Math.min(o + n, a.length);
+  for (; o < i.length; ) {
+    const r = Math.min(o + a, i.length);
     l.push({
       id: `grid-${o}`,
       kind: "grid",
-      items: a.slice(o, r)
+      items: i.slice(o, r)
     }), o = r;
   }
   return l;
-}, Nt = ({
+}, Bt = ({
   items: t,
-  title: i = "Casino",
-  iconUrl: n = "/assets/img/home/Casino/diamante.svg",
-  onItemClick: a,
+  title: n = "Casino",
+  iconUrl: a = "/assets/img/home/Casino/diamante.svg",
+  onItemClick: i,
   onViewMore: l,
   mosaicFirst: o = !0,
   gridSize: r = 4
 }) => {
-  const u = A(null), [g, y] = U({ isStart: !0, isEnd: !1 }), x = It(t, o, r), S = () => {
-    var c;
-    (c = u.current) == null || c.prev();
-  }, s = () => {
-    var c;
-    (c = u.current) == null || c.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 = () => {
     window.location.href = "https://www.olimpo.bet/casino";
   };
-  return /* @__PURE__ */ e("section", { children: /* @__PURE__ */ p(L, { 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: n,
+              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(ge, {}),
+                    leftIcon: /* @__PURE__ */ e(be, {}),
                     onClick: S,
-                    disabled: g.isStart
+                    disabled: m.isStart
                   }
                 ),
                 /* @__PURE__ */ e(
-                  T,
+                  P,
                   {
                     ariaLabel: "Siguiente",
                     variant: "secondary",
                     iconOnly: !0,
-                    rightIcon: /* @__PURE__ */ e(he, {}),
-                    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: (c) => /* @__PURE__ */ e("div", { style: { alignSelf: "start" }, children: /* @__PURE__ */ e(
-          ve,
+        renderItem: (s) => /* @__PURE__ */ e("div", { style: { alignSelf: "start" }, children: /* @__PURE__ */ e(
+          Se,
           {
-            items: c.items,
-            layout: c.kind === "mosaic" ? "mosaic" : "grid",
-            onClick: (m) => {
+            items: s.items,
+            layout: s.kind === "mosaic" ? "mosaic" : "grid",
+            onClick: (f) => {
               const w = t.find(
-                (N, E) => ye(N, E) === m.id
+                (R, I) => Ce(R, I) === f.id
               );
-              w && (a ? a(w) : $t(w));
+              w && (i ? i(w) : Pt(w));
             }
           }
         ) }),
-        onMove: ({ isStart: c, isEnd: m }) => y({ isStart: c, isEnd: m })
+        onMove: ({ isStart: s, isEnd: f }) => y({ isStart: s, isEnd: f })
       }
     )
   ] }) });
-}, we = (t, i) => {
-  var n, a;
-  return (a = (n = t.orden) != null ? n : t.machine) != null ? a : i;
-}, kt = (t) => {
-  var s, d, c, m, w;
+}, 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 : "", n = (d = t.provider) != null ? d : "", a = (c = t.machine) != null ? c : "", l = (m = t.external_id) != null ? m : "", o = (w = t.type) != null ? w : "Virtuales", r = encodeURIComponent(String(n)), u = encodeURIComponent(String(a)), g = encodeURIComponent(String(i)), y = encodeURIComponent(String(l)), x = encodeURIComponent(String(o)), S = `https://www.olimpo.bet/juegos-virtuales?${u}?provider=${r}&name=${g}&external_id=${y}&type=${x}`;
+  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;
-}, Ot = (t, i = !0, n = 4) => {
-  const a = t.map((r, u) => {
-    var g;
+}, Lt = (t, n = !0, a = 4) => {
+  const i = t.map((r, h) => {
+    var m;
     return {
-      id: we(r, u),
-      imageUrl: (g = r.logo) != null ? g : ""
+      id: Ee(r, h),
+      imageUrl: (m = r.logo) != null ? m : ""
     };
   });
-  if (!a.length) return [];
+  if (!i.length) return [];
   const l = [];
   let o = 0;
-  if (i) {
-    const r = Math.min(a.length, 5);
+  if (n) {
+    const r = Math.min(i.length, 5);
     l.push({
       id: "mosaic-0",
       kind: "mosaic",
-      items: a.slice(0, r)
+      items: i.slice(0, r)
     }), o = r;
   }
-  for (; o < a.length; ) {
-    const r = Math.min(o + n, a.length);
+  for (; o < i.length; ) {
+    const r = Math.min(o + a, i.length);
     l.push({
       id: `grid-${o}`,
       kind: "grid",
-      items: a.slice(o, r)
+      items: i.slice(o, r)
     }), o = r;
   }
   return l;
-}, Rt = ({
+}, Mt = ({
   items: t,
-  title: i = "Virtuales",
-  iconUrl: n = "/assets/img/home/Virtuales/virtuales.svg",
-  onItemClick: a,
+  title: n = "Virtuales",
+  iconUrl: a = "/assets/img/home/Virtuales/virtuales.svg",
+  onItemClick: i,
   onViewMore: l,
   mosaicFirst: o = !0,
   gridSize: r = 4
 }) => {
-  const u = A(null), [g, y] = U({ isStart: !0, isEnd: !1 }), x = Ot(t, o, r), S = () => {
-    var c;
-    (c = u.current) == null || c.prev();
-  }, s = () => {
-    var c;
-    (c = u.current) == null || c.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 = () => {
     window.location.href = "https://www.olimpo.bet/virtuales";
   };
-  return /* @__PURE__ */ e("section", { children: /* @__PURE__ */ p(L, { 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: n,
+              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(ge, {}),
+                    leftIcon: /* @__PURE__ */ e(be, {}),
                     onClick: S,
-                    disabled: g.isStart
+                    disabled: m.isStart
                   }
                 ),
                 /* @__PURE__ */ e(
-                  T,
+                  P,
                   {
                     ariaLabel: "Siguiente",
                     variant: "secondary",
                     iconOnly: !0,
-                    rightIcon: /* @__PURE__ */ e(he, {}),
-                    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: (c) => /* @__PURE__ */ e("div", { style: { alignSelf: "start" }, children: /* @__PURE__ */ e(
-          ve,
+        renderItem: (s) => /* @__PURE__ */ e("div", { style: { alignSelf: "start" }, children: /* @__PURE__ */ e(
+          Se,
           {
-            items: c.items,
-            layout: c.kind === "mosaic" ? "mosaic" : "grid",
-            onClick: (m) => {
+            items: s.items,
+            layout: s.kind === "mosaic" ? "mosaic" : "grid",
+            onClick: (f) => {
               const w = t.find(
-                (N, E) => we(N, E) === m.id
+                (R, I) => Ee(R, I) === f.id
               );
-              w && (a ? a(w) : kt(w));
+              w && (i ? i(w) : Ut(w));
             }
           }
         ) }),
-        onMove: ({ isStart: c, isEnd: m }) => y({ isStart: c, isEnd: m })
+        onMove: ({ isStart: s, isEnd: f }) => y({ isStart: s, isEnd: f })
       }
     )
   ] }) });
-}, Tt = (t) => ({
+}, zt = (t) => ({
   // width: "100vw",
   position: "relative",
   // left: "50%",
@@ -1723,15 +1789,15 @@ const St = (t, i) => {
   backgroundRepeat: "no-repeat",
   backgroundPosition: "center",
   backgroundSize: "cover"
-}), ce = {
+}), ue = {
   textAlign: "center",
   lineHeight: 1.1,
   mb: 1.5
-}, le = {
+}, pe = {
   display: "inline-block",
   fontWeight: 600,
   fontSize: 24
-}, de = {
+}, 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)
   `
-}, Pt = ({
+}, Wt = ({
   headline: t,
-  headline2: i,
-  items: n,
-  backgroundImageUrl: a
+  headline2: n,
+  items: a,
+  backgroundImageUrl: i
 }) => {
-  const l = t, o = i, r = Oe("(max-width: 767px)"), u = n.length > 1, g = a != null ? a : "", y = Tt(g), x = A(null), [S, s] = U({ isStart: !0, isEnd: !1 }), [d, c] = U(0);
-  return r ? /* @__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: [
-        (l || o) && /* @__PURE__ */ p(C, { sx: ce, children: [
-          l && /* @__PURE__ */ e(B, { component: "span", sx: le, children: l }),
-          o && /* @__PURE__ */ p(q, { 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(B, { component: "span", sx: de, 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: n,
+              ref: v,
+              items: a,
               perPage: 1,
               gap: "12px",
               breakpoints: {
@@ -1787,28 +1853,28 @@ const St = (t, i) => {
               options: {
                 autoWidth: !1
               },
-              renderItem: (m) => /* @__PURE__ */ e(se, { ...m, onButtonClick: n[0].onButtonClick }),
-              onMove: ({ index: m, isStart: w, isEnd: N }) => {
-                s({ isStart: w, isEnd: N }), c(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(
-            fe,
+          h && /* @__PURE__ */ e(
+            ve,
             {
-              total: n.length,
+              total: a.length,
               active: d,
-              onSelect: (m) => {
+              onSelect: (f) => {
                 var w;
-                c(m), (w = x.current) == null || w.go(m);
+                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,
@@ -1820,7 +1886,7 @@ const St = (t, i) => {
       },
       children: [
         (l || o) && /* @__PURE__ */ e(
-          C,
+          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: {
-                  ...ce,
+                  ...ue,
                   textAlign: "left",
                   mb: 0
                 },
                 children: [
-                  l && /* @__PURE__ */ e(B, { component: "span", sx: le, children: l }),
-                  o && /* @__PURE__ */ p(q, { children: [
+                  l && /* @__PURE__ */ e(G, { component: "span", sx: pe, children: l }),
+                  o && /* @__PURE__ */ g(X, { children: [
                     /* @__PURE__ */ e("br", {}),
-                    /* @__PURE__ */ e(B, { component: "span", sx: de, 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,11 +1923,11 @@ const St = (t, i) => {
               flexWrap: "nowrap",
               gap: 4
             },
-            children: n.map((m, w) => /* @__PURE__ */ e(
-              se,
+            children: a.map((f, w) => /* @__PURE__ */ e(
+              de,
               {
-                onButtonClick: m.onButtonClick,
-                ...m
+                onButtonClick: f.onButtonClick,
+                ...f
               },
               w
             ))
@@ -1870,31 +1936,31 @@ const St = (t, i) => {
       ]
     }
   ) });
-}, Ft = ({
+}, At = ({
   className: t = "",
-  fullBleed: i = !0,
-  items: n,
-  selectedIndex: a = 0,
+  fullBleed: n = !0,
+  items: a,
+  selectedIndex: i = 0,
   ariaLabel: l
 }) => {
   const o = A(null), r = A(null);
-  if (!n) return null;
-  const u = () => {
+  if (!a) return null;
+  const h = () => {
     window.location.href = "https://www.olimpo.bet/conoce-club-olimpo";
-  }, g = Array.isArray(n) ? n[a] : n;
-  Ie(() => {
+  }, m = Array.isArray(a) ? a[i] : a;
+  ke(() => {
     if (!o.current || !r.current || typeof ResizeObserver == "undefined") return;
-    const x = o.current, S = r.current, s = () => {
-      x.style.setProperty(
+    const v = o.current, S = r.current, c = () => {
+      v.style.setProperty(
         "--orc-co-bottomH",
         `${S.offsetHeight + 16}px`
       );
-    }, d = new ResizeObserver(s);
-    return d.observe(S), 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": l || g.imgAlt || "Club Olimpo",
+      "aria-label": l || m.imgAlt || "Club Olimpo",
       children: /* @__PURE__ */ e("div", { ref: r, children: /* @__PURE__ */ e(
-        ot,
+        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
         }
       ) })
     }
   );
-}, Ut = "oraculo__OraculoSeccionEventoCombinadas-module__controls___Zsta4", zt = {
-  controls: Ut
+}, jt = "oraculo__OraculoSeccionEventoCombinadas-module__controls___Zsta4", Gt = {
+  controls: jt
 };
-function Mt({
+function Dt({
   items: t,
-  title: i = "Combinadas del Olimpo",
-  iconUrl: n,
-  onViewMore: a,
+  title: n = "Combinadas del Olimpo",
+  iconUrl: a = "https://stg-www.contodobet.com/static/img/landing/EventoCombinada/rayoIcon.svg",
+  onViewMore: i,
   className: l = ""
 }) {
-  const o = A(null), [r, u] = U({ isStart: !0, isEnd: !1 }), [g, y] = U([]), x = () => {
-    var E;
-    (E = o.current) == null || E.prev();
+  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 E;
-    (E = o.current) == null || E.next(), console.log("items: ", t);
-  }, s = () => {
-    a == null || a();
+    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 k of P) {
-      const h = m([k]), f = R.reduce((b, v) => {
-        b[v.eventId] || (b[v.eventId] = []);
-        const $ = v.outcomes.filter(
-          (O) => h.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;
-      }, {}), _ = c(k);
-      E.forEach((b) => {
-        if (b.id !== k.prePackCouponRows[0].eventId) return;
-        const v = h;
-        let $ = null;
-        for (const O of _)
-          if ([...O.requiredOutcomeIds].every((M) => v.has(M))) {
-            $ = 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: f[b.id] || [],
-          couponId: k.id
+        $.push({
+          ...x,
+          combinadoTotal: C,
+          betoffers: u[x.id] || [],
+          couponId: N.id
           // optional for tracking
         });
       });
     }
-    return I;
+    return $;
   }
-  function c(E) {
-    var P;
-    const R = [];
-    for (const I of E.prePackCouponRows)
-      if (I.type === "BET_BUILDER" && ((P = I.group) != null && P.groups)) {
-        const k = /* @__PURE__ */ new Set();
-        I.group.groups.forEach((h) => {
-          var f;
-          (f = h.outcomes) == null || f.forEach((_) => k.add(_.id));
-        }), R.push({
-          requiredOutcomeIds: k,
-          decimal: I.odds.decimal
+  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();
+        $.group.groups.forEach((p) => {
+          var u;
+          (u = p.outcomes) == null || u.forEach((b) => N.add(b.id));
+        }), T.push({
+          requiredOutcomeIds: N,
+          decimal: $.odds.decimal
         });
       }
-    return R;
+    return T;
   }
-  function m(E) {
-    var P;
-    const R = /* @__PURE__ */ new Set();
-    for (const I of E)
-      for (const k of I.prePackCouponRows)
-        k.type === "BET_BUILDER" && ((P = k.group) != null && P.groups) && k.group.groups.forEach((h) => {
-          var f;
-          (f = h.outcomes) == null || f.forEach((_) => R.add(_.id));
-        }), k.type === "SIMPLE" && k.outcome && R.add(k.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 w() {
-    var E, R, P;
+    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 k = `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`, f = await (await fetch(k)).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(f.events, f.betOffers, f.prePackCoupons)
+        d(u.events, u.betOffers, u.prePackCoupons)
       );
-    } catch (I) {
-      console.error("loadDataEventSpecial error:", I);
+    } catch ($) {
+      console.error("loadDataEventSpecial error:", $);
     }
   }
-  return X(() => {
+  J(() => {
     t && w();
-  }, [t]), /* @__PURE__ */ e("section", { className: l || void 0, style: { width: "100%" }, children: /* @__PURE__ */ p(L, { direction: "column", spacing: 1.5, useFlexGap: !0, children: [
-    /* @__PURE__ */ p(j, { spacing: 1.5, columns: "1fr auto auto", justify: "start", children: [
-      /* @__PURE__ */ e(D, { title: i, iconUrl: n, size: "md" }),
-      /* @__PURE__ */ p("div", { className: zt.controls, children: [
-        /* @__PURE__ */ p(j, { spacing: 1, columns: "auto auto", children: [
+  }, [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(ne, {}),
-              onClick: x,
+              leftIcon: /* @__PURE__ */ e(ae, {}),
+              onClick: v,
               disabled: r.isStart
             }
           ),
           /* @__PURE__ */ e(
-            T,
+            P,
             {
               ariaLabel: "Siguiente",
               variant: "secondary",
               iconOnly: !0,
-              rightIcon: /* @__PURE__ */ e(re, {}),
+              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(pt, { 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: n,
-  onViewMore: a,
+  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 = A(null), [r, u] = U({ isStart: !0, isEnd: !1 }), g = () => {
-    var c;
-    (c = o.current) == null || c.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 c;
-    (c = o.current) == null || c.next(), console.log("items: ", t);
-  }, x = () => {
-    a == null || a();
+    var s;
+    (s = o.current) == null || s.next(), console.log("items: ", t);
+  }, v = () => {
+    i == null || i();
   };
-  return /* @__PURE__ */ p("section", { className: l || void 0, style: { width: "100%" }, children: [
-    /* @__PURE__ */ p(j, { spacing: 1.5, columns: "1fr auto auto", justify: "start", children: [
-      /* @__PURE__ */ e(D, { title: i, iconUrl: n, size: "md" }),
-      /* @__PURE__ */ p("div", { style: { display: "flex", gap: 8 }, children: [
-        /* @__PURE__ */ e(
-          T,
-          {
-            ariaLabel: "Anterior",
-            variant: "secondary",
-            iconOnly: !0,
-            leftIcon: /* @__PURE__ */ e(ne, {}),
-            onClick: g,
-            disabled: r.isStart
-          }
-        ),
-        /* @__PURE__ */ e(
-          T,
-          {
-            ariaLabel: "Siguiente",
-            variant: "secondary",
-            iconOnly: !0,
-            rightIcon: /* @__PURE__ */ e(re, {}),
-            onClick: y,
-            disabled: r.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((c) => c.event.sport === "FOOTBALL").sort((c, m) => new Date(m.event.start).getTime() - new Date(c.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: (c) => /* @__PURE__ */ e(mt, { ...c }),
-        onMove: ({ isStart: c, isEnd: m }) => u({ isStart: c, isEnd: m })
+        renderItem: (s) => /* @__PURE__ */ e(_t, { ...s }),
+        onMove: ({ isStart: s, isEnd: f }) => h({ isStart: s, isEnd: f })
       }
     )
-  ] });
+  ] }) });
 }
-const Wt = "oraculo__OraculoSeccionEventoSemana-module__wrapper___eqVq-", At = "oraculo__OraculoSeccionEventoSemana-module__container___5yFQs", Bt = "oraculo__OraculoSeccionEventoSemana-module__buttonWrapper___-6IDT", ee = {
-  wrapper: Wt,
-  container: At,
-  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: n,
-  onViewMore: a,
+  title: n = "En vivo",
+  iconUrl: a,
+  onViewMore: i,
   className: l = ""
 }) {
   const o = /* @__PURE__ */ new Date();
   o.toISOString();
   const r = new Date(o);
   r.setDate(r.getDate() + 7), r.toISOString();
-  const u = A(null), [g, y] = U({ isStart: !0, isEnd: !1 }), [x, S] = U([]), s = () => {
-    a == null || a();
+  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 N = t.events.map((I) => {
-        var k;
-        return (k = I.event) == null ? void 0 : k.id;
-      }), E = N.map((I) => `id=${I}`).join("&"), P = `https://us1.offering-api.kambicdn.com/offering/v2018/nexuspe/betoffer/selected/combined_layout/event/${N[0]}?${E}&lang=es_PE&market=PE`;
-      c(P);
-    } catch (N) {
-      console.error(N);
+      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 c(N) {
+  async function R(O) {
     try {
-      const R = await (await fetch(N)).json(), P = R.events.map((k) => k.event), I = R.events.flatMap((k) => k.betOffers || []);
-      S(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(N, E) {
-    const P = E.filter((I) => {
-      var k;
-      return ((k = I.betOfferType) == null ? void 0 : k.id) === 2;
-    }).reduce((I, k) => (I[k.eventId] || (I[k.eventId] = []), I[k.eventId].push(k), I), {});
-    return N.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 X(() => {
-    t && t.events.length > 0 && d();
-  }, [t]), /* @__PURE__ */ e("section", { className: l || void 0, style: { width: "100%" }, children: /* @__PURE__ */ p("div", { className: ee.wrapper, children: [
-    /* @__PURE__ */ e("div", { className: ee.container, children: /* @__PURE__ */ p(L, { 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();
+  return J(() => {
+    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: (N) => /* @__PURE__ */ e(vt, { event: N }),
-        onMove: ({ isStart: N, isEnd: E }) => y({ isStart: N, 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"
   }
-], te = (t) => `${window.location.origin}${t}`, Dt = [
+], ne = (t) => `${window.location.origin}${t}`, Yt = [
   {
     id: 1,
     label: "APUESTAS",
     icon: "https://stg-www.contodobet.com/static/img/landing/Banner/icon1.svg",
-    onclick: () => te("https://www.olimpo.bet/#home")
+    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: () => te("https://www.olimpo.bet/casino")
+    onclick: () => ne("https://www.olimpo.bet/casino")
   },
   {
     id: 4,
     label: "MISIONES",
     icon: "https://stg-www.contodobet.com/static/img/landing/Banner/icon4.svg",
-    onclick: () => te("https://www.olimpo.bet/misiones")
+    onclick: () => ne("https://www.olimpo.bet/misiones")
   }
 ];
-function Ht({
-  backgrounds: t = Gt,
-  items: i = Dt
+function Qt({
+  backgrounds: t = qt,
+  items: n = Yt
 }) {
-  const [n, a] = U(0), l = 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",
@@ -2257,7 +2364,7 @@ function Ht({
         // pb: { xs: 7, sm: 8 },
       },
       children: [
-        /* @__PURE__ */ p(
+        /* @__PURE__ */ g(
           F,
           {
             sx: {
@@ -2268,7 +2375,7 @@ function Ht({
             },
             children: [
               /* @__PURE__ */ e(
-                H,
+                V,
                 {
                   items: t,
                   perPage: 1,
@@ -2280,10 +2387,10 @@ function Ht({
                     drag: !0,
                     focus: "center"
                   },
-                  onMove: ({ index: o }) => a(o),
+                  onMove: ({ index: o }) => i(o),
                   renderItem: (o) => {
                     var r;
-                    return /* @__PURE__ */ p(
+                    return /* @__PURE__ */ g(
                       F,
                       {
                         sx: {
@@ -2291,7 +2398,7 @@ function Ht({
                           height: { xs: 300, sm: 360, md: 420 }
                         },
                         children: [
-                          /* @__PURE__ */ p(
+                          /* @__PURE__ */ g(
                             F,
                             {
                               component: "picture",
@@ -2367,7 +2474,7 @@ function Ht({
                     justifyContent: "center",
                     zIndex: 2
                   },
-                  children: /* @__PURE__ */ e(fe, { total: l, active: n })
+                  children: /* @__PURE__ */ e(ve, { total: l, active: a })
                 }
               )
             ]
@@ -2393,7 +2500,7 @@ function Ht({
               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: {
@@ -2428,7 +2535,7 @@ function Ht({
                     }
                   ),
                   /* @__PURE__ */ e(
-                    me,
+                    fe,
                     {
                       sx: {
                         fontSize: { xs: 10, sm: 11, md: 12 },
@@ -2450,7 +2557,7 @@ function Ht({
     }
   );
 }
-const Vt = [
+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" }
@@ -2461,14 +2568,14 @@ const Vt = [
     { 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 = Vt
+  rows: n = Zt
 }) {
-  const n = 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(
-      me,
+      fe,
       {
         id: "mp-title",
         variant: "h6",
@@ -2495,15 +2602,15 @@ function Xt({
         }
       }
     ),
-    /* @__PURE__ */ e(F, { sx: { display: { xs: "block", md: "none" } }, children: i.map((a, l) => /* @__PURE__ */ e(
-      ue,
+    /* @__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: a.map((o) => /* @__PURE__ */ e(ie, { ...o }, `${o.src}-${o.alt}`))
+        children: i.map((o) => /* @__PURE__ */ e(le, { ...o }, `${o.src}-${o.alt}`))
       },
       l
     )) }),
@@ -2519,233 +2626,233 @@ function Xt({
           gridTemplateColumns: { md: "repeat(auto-fit, 160px)" },
           justifyContent: { md: "center" }
         },
-        children: n.map((a) => /* @__PURE__ */ e(ie, { ...a }, `${a.src}-${a.alt}`))
+        children: a.map((i) => /* @__PURE__ */ e(le, { ...i }, `${i.src}-${i.alt}`))
       }
     )
   ] });
 }
-const Jt = {
-  OraculoSeccionDestacados: yt,
-  OraculoSeccionTopJuegos: _t,
-  OraculoSeccionCasinoEnVivo: Et,
-  OraculoSeccionCasino: Nt,
-  OraculoSeccionVirtuales: Rt,
-  OraculoSeccionClubOlimpo: Ft,
-  OraculoSeccionBonoBienvenida: Pt,
-  OraculoSeccionBanners: Ht,
-  OraculoSeccionMediosPago: Xt,
-  OraculoSeccionEventoEnVivo: Lt,
-  OraculoSeccionEventoSemana: jt,
-  OraculoSeccionEventoCombinadas: Mt
-}, 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 pe extends Error {
-  constructor(i, n, a) {
-    super(`HTTP ${i} ${a}`), this.status = i, this.url = n, this.statusText = a, 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 po = ({
+const bo = ({
   sectionsOverride: t,
-  docId: i = "home",
-  db: n
+  docId: n = "home",
+  db: a
 }) => {
-  const [a, l] = U(
+  const [i, l] = B(
     []
-  ), [o, r] = U(!1), [u, g] = U({}), [y, x] = U({}), [S, s] = U({});
-  X(() => {
-    if (t || !n) return;
+  ), [o, r] = B(!1), [h, m] = B({}), [y, v] = B({}), [S, c] = B({});
+  J(() => {
+    if (t || !a) return;
     r(!0);
-    const h = Re(
-      Te(n, "landings", i),
-      (f) => {
-        var _;
+    const p = Fe(
+      Be(a, "landings", n),
+      (u) => {
+        var b;
         try {
-          let b = f.exists() ? ((_ = f.data()) == null ? void 0 : _.sections) || [] : [];
-          b = b.slice().sort((v, $) => {
-            var O, z;
-            return ((O = v.order) != null ? O : 0) - ((z = $.order) != null ? z : 0);
-          }).map((v, $) => ({ ...v, order: $ + 1 })), l(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 {
           r(!1);
         }
       },
-      (f) => {
-        console.error("Error escuchando landings/" + i, f), r(!1);
+      (u) => {
+        console.error("Error escuchando landings/" + n, u), r(!1);
       }
     );
-    return () => h();
-  }, [t, i, n]), X(() => {
-    (t ? t.slice() : a.slice()).map((_) => _.componentKey).filter((_) => !!_).length;
-  }, [t, a]);
-  const d = async (h) => {
-    const f = (h.apiUrl || "").trim();
-    if (!f) return;
-    const _ = h.apiMethod || "GET", b = h.apiParams || [];
-    let v = f, $, O;
-    if (_ === "GET") {
+    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(
-        f,
+        u,
         typeof window == "undefined" ? "http://localhost" : window.location.origin
       );
-      for (const W of b)
-        W.key && M.searchParams.append(W.key, W.value);
-      v = M.toString();
+      for (const z of x)
+        z.key && M.searchParams.append(z.key, z.value);
+      _ = M.toString();
     } else {
       const M = new URLSearchParams();
-      for (const W of b)
-        W.key && M.append(W.key, W.value);
-      $ = M.toString(), O = {
+      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 z = await fetch(v, {
-      method: _,
-      headers: O,
-      body: $
+    const U = await fetch(_, {
+      method: b,
+      headers: k,
+      body: C
     });
-    if (!z.ok) throw new pe(z.status, v, z.statusText);
-    return z.json();
-  }, c = oe(
-    () => t ? t.slice() : a.slice(),
-    [t, a]
-  ), m = Ce.useRef(/* @__PURE__ */ new Set());
-  X(() => {
-    const h = c.map((f) => ({ s: f, url: (f.apiUrl || "").trim() })).filter(({ url: f }) => !!f);
-    if (h.length)
-      for (const { s: f, url: _ } of h) {
-        const b = `${f.id}|${_}`;
-        m.current.has(b) || (m.current.add(b), x((v) => ({ ...v, [f.id]: !0 })), s((v) => ({ ...v, [f.id]: "" })), (async () => {
+    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 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(f);
-            g(($) => ({ ...$, [f.id]: v }));
-          } catch (v) {
-            let $ = "Error desconocido";
-            v instanceof pe ? $ = `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, [f.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, [f.id]: !1 }));
+            v((_) => ({ ..._, [u.id]: !1 }));
           }
         })());
       }
-  }, [c]);
-  const w = oe(
-    () => c.filter((h) => h.visible).sort((h, f) => h.order - f.order),
-    [c]
-  ), N = (h) => Array.isArray(h) ? h.map((f) => {
-    const _ = {};
-    for (const b of f.fields || []) {
-      const v = (b.type || "string").toLowerCase();
-      if (v === "number") {
-        const $ = String(b.value || "").trim();
-        if ($ !== "") {
-          const O = Number($);
-          Number.isNaN(O) || (_[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")
-        _[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($);
-            _[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 _[b.name] = b.value;
+      } else b[x.name] = x.value;
     }
-    return _;
-  }) : [], E = (h) => {
-    const f = {};
-    if (!Array.isArray(h)) return f;
-    for (const _ of h) {
-      if (!_.name) continue;
-      const b = (_.type || "string").toLowerCase();
-      if (b === "number") {
-        const v = String(_.value || "").trim();
-        if (v !== "") {
-          const $ = Number(v);
-          Number.isNaN($) || (f[_.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")
-        f[_.name] = String(_.value).toLowerCase() === "true";
-      else if (b === "function") {
-        const v = String(_.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);
-            f[_.name] = $;
-          } catch ($) {
-            console.error(`❌ Error creando función en item '${_.name}':`, $);
+            const C = new Function(_);
+            u[b.name] = C;
+          } catch (C) {
+            console.error(`❌ Error creando función en item '${b.name}':`, C);
           }
-      } else f[_.name] = _.value;
+      } else u[b.name] = b.value;
     }
-    return f;
-  }, R = (h, f, _) => {
-    const b = _ ? { ..._ } : {};
-    if (f) {
-      const W = (f.variableName || "items").trim() || "items";
-      return b[W] = f.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 = h, $ = Array.isArray(v), O = !$ && typeof v == "object" && v !== null ? v : void 0, z = O && Array.isArray(O.lobby || O.items) ? O.lobby || O.items : void 0, M = (W) => $ ? v : z || W;
-    return b.items = M(z || []), b;
-  }, P = (h) => {
-    var $;
-    const f = !!(($ = h.apiUrl) != null && $.trim()), _ = f ? u[h.id] : void 0;
-    let b = h.props ? { ...h.props } : {};
-    const v = E(h.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(h.componentKey))
-      return console.log(_), { items: _, ...b, ...v };
-    if (b = { ...b, ...v }, f) b = R(_, null, b);
-    else if (h.dataMode === "manual") {
-      const O = N(h.manualItems);
-      if (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: h.variableName },
-        b
-      ), h.variableName2 && h.manualItems2) {
-        const z = N(h.manualItems2), M = (h.variableName2 || "items2").trim() || "items2";
-        b[M] = z;
+        { 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 = (h, f, _) => /* @__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"
-  }[f]}`, children: _ }, h), k = (h) => {
+  }[u]}`, children: b }, p), N = (p) => {
     var M;
-    const f = h.componentKey, _ = Yt[f];
-    if (!_)
-      return console.warn(`No hay componente registrado para "${f}"`), I(
-        h.id,
+    const u = p.componentKey, b = ro[u];
+    if (!b)
+      return console.warn(`No hay componente registrado para "${u}"`), $(
+        p.id,
         "component",
-        `Componente "${f}" no encontrado`
+        `Componente "${u}" no encontrado`
       );
-    const b = !!((M = h.apiUrl) != null && M.trim()), v = b ? u[h.id] : void 0, $ = b ? !!y[h.id] : !1, O = b ? S[h.id] : "";
-    if (b) {
-      if ($ && !v)
-        return I(
-          h.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 ${h.apiUrl}...`
+          `Cargando datos desde ${p.apiUrl}...`
         );
-      if (O && !v)
-        return I(
-          h.id,
+      if (k && !_)
+        return $(
+          p.id,
           "error",
-          `Error cargando ${h.apiUrl}: ${O}`
+          `Error cargando ${p.apiUrl}: ${k}`
         );
     }
-    const z = P(h);
+    const U = O(p);
     return /* @__PURE__ */ e(
       "div",
       {
@@ -2755,13 +2862,13 @@ const po = ({
           width: "100%",
           boxSizing: "border-box"
         },
-        children: /* @__PURE__ */ e(_, { ...z })
+        children: /* @__PURE__ */ e(b, { ...U })
       },
-      h.id
+      p.id
     );
   };
-  return o && !t ? /* @__PURE__ */ e("div", { className: "text-xs text-gray-400", children: "Cargando preview..." }) : !o && !t && a.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,
@@ -2775,47 +2882,47 @@ const po = ({
         maxWidth: "100%",
         overflowX: "hidden"
       },
-      children: /* @__PURE__ */ e(ue, { direction: "column", spacing: 8, useFlexGap: !0, children: w.map(k) })
+      children: /* @__PURE__ */ e(xe, { direction: "column", spacing: 8, useFlexGap: !0, children: w.map(N) })
     }
   );
 };
 export {
-  T as OraculoButton,
-  H as OraculoCarousel,
-  fe as OraculoCarouselDots,
-  ot as OraculoClubOlimpoVisual,
-  pt as OraculoEventCombinadasCard,
-  mt as OraculoEventEnVivoCard,
-  ze as OraculoEventHeader,
-  xe as OraculoEventLabel,
-  Be as OraculoEventLeague,
-  be as OraculoEventScore,
-  vt as OraculoEventSemanaCard,
-  Ue as OraculoEventStatus,
-  Fe as OraculoEventStatusBadge,
-  Y as OraculoEventTeamInfo,
-  K as OraculoGameCard,
-  et as OraculoGameRankCard,
-  ve as OraculoGameSlide,
-  j as OraculoGridGroup,
-  tt as OraculoLiveCasinoCard,
-  ie as OraculoLogoMediosPago,
-  po as OraculoPageLandingPreview,
-  Ht as OraculoSeccionBanners,
-  Pt as OraculoSeccionBonoBienvenida,
-  Nt as OraculoSeccionCasino,
-  Et as OraculoSeccionCasinoEnVivo,
-  Ft as OraculoSeccionClubOlimpo,
-  yt as OraculoSeccionDestacados,
-  Mt as OraculoSeccionEventoCombinadas,
-  Lt as OraculoSeccionEventoEnVivo,
-  jt as OraculoSeccionEventoSemana,
-  Xt as OraculoSeccionMediosPago,
-  _t as OraculoSeccionTopJuegos,
-  Rt as OraculoSeccionVirtuales,
-  D as OraculoSectionTitle,
-  _t as OraculoTopJuegoItem,
-  se as OraculoWelcomeBanner,
-  po as default
+  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,
+  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