oraculo-ui 0.1.44 → 0.1.46

package/dist/index.es.js

@@ -1,87 +1,87 @@
-import { jsx as e, jsxs as d, Fragment as Q } from "react/jsx-runtime";
-import { Link as _e, Box as W, Typography as me, Stack as ge, Container as Se } from "@mui/material";
-import we, { forwardRef as Ce, useRef as M, useImperativeHandle as Ee, useCallback as se, useState as F, useMemo as ne, useLayoutEffect as $e, useEffect as Z } from "react";
-import { Splide as Ne, SplideSlide as Oe } from "@splidejs/react-splide";
-import S from "@mui/material/Box";
-import G from "@mui/material/Typography";
-import j from "@mui/material/Stack";
-import { ChevronLeftRounded as re, ChevronRightRounded as ae } from "@mui/icons-material";
-import he from "@mui/icons-material/ChevronLeftRounded";
-import fe from "@mui/icons-material/ChevronRightRounded";
-import ke from "@mui/material/useMediaQuery";
-import { onSnapshot as Ie, doc as Te } from "firebase/firestore";
+import { jsx as e, jsxs as p, Fragment as V } from "react/jsx-runtime";
+import { Link as Ce, Box as z, Typography as ge, Stack as he, Container as Ee } from "@mui/material";
+import $e, { forwardRef as Ie, useRef as G, useImperativeHandle as ke, useCallback as se, useState as U, useMemo as re, useLayoutEffect as Ne, useEffect as Y } from "react";
+import { Splide as Oe, SplideSlide as Re } from "@splidejs/react-splide";
+import C from "@mui/material/Box";
+import M from "@mui/material/Typography";
+import A from "@mui/material/Stack";
+import { ChevronLeftRounded as ae, ChevronRightRounded as ie } from "@mui/icons-material";
+import fe from "@mui/icons-material/ChevronLeftRounded";
+import xe from "@mui/icons-material/ChevronRightRounded";
+import Te from "@mui/material/useMediaQuery";
+import { onSnapshot as Pe, doc as Fe } from "firebase/firestore";
 function T({
   children: t,
-  onClick: a,
-  href: s,
-  target: r,
+  onClick: i,
+  href: r,
+  target: n,
   rel: c,
   type: o = "button",
-  disabled: n = !1,
-  variant: u = "primary",
+  disabled: a = !1,
+  variant: m = "primary",
   size: g,
-  fullWidth: f = !1,
-  fullHeight: h = !1,
-  className: C = "",
-  ariaLabel: i,
-  leftIcon: v,
+  fullWidth: v = !1,
+  fullHeight: x = !1,
+  className: w = "",
+  ariaLabel: s,
+  leftIcon: d,
   rightIcon: l,
-  iconOnly: p
+  iconOnly: u
 }) {
-  const E = !!t && t !== !0, O = (!!v ? 1 : 0) + (!!l ? 1 : 0) == 1, R = p != null ? p : O && !E, $ = [
+  const _ = !!t && t !== !0, O = (!!d ? 1 : 0) + (!!l ? 1 : 0) == 1, P = u != null ? u : O && !_, I = [
     "orc-btn",
-    u === "secondary" ? "orc-btn--secondary" : u === "tertiary" ? "orc-btn--tertiary" : "orc-btn--primary",
+    m === "secondary" ? "orc-btn--secondary" : m === "tertiary" ? "orc-btn--tertiary" : "orc-btn--primary",
     g ? `orc-btn--${g}` : "",
-    f ? "orc-btn--full" : "",
-    h ? "orc-btn--fullHeight" : "",
-    R ? "orc-btn--iconOnly" : "",
-    C
-  ].filter(Boolean).join(" "), N = /* @__PURE__ */ d(Q, { children: [
-    v && /* @__PURE__ */ e("span", { className: "orc-btn__icon", children: v }),
-    !R && /* @__PURE__ */ e("span", { className: "orc-btn__label", children: t }),
+    v ? "orc-btn--full" : "",
+    x ? "orc-btn--fullHeight" : "",
+    P ? "orc-btn--iconOnly" : "",
+    w
+  ].filter(Boolean).join(" "), N = /* @__PURE__ */ p(V, { children: [
+    d && /* @__PURE__ */ e("span", { className: "orc-btn__icon", children: d }),
+    !P && /* @__PURE__ */ e("span", { className: "orc-btn__label", children: t }),
     l && /* @__PURE__ */ e("span", { className: "orc-btn__icon", children: l })
-  ] }), z = n ? !0 : void 0;
-  return s ? /* @__PURE__ */ e(
-    _e,
+  ] }), L = a ? !0 : void 0;
+  return r ? /* @__PURE__ */ e(
+    Ce,
     {
-      href: s,
-      target: r,
+      href: r,
+      target: n,
       rel: c,
-      "aria-label": i,
-      "aria-disabled": z,
-      tabIndex: z ? -1 : void 0,
-      className: $,
-      onClick: z ? (L) => L.preventDefault() : a,
+      "aria-label": s,
+      "aria-disabled": L,
+      tabIndex: L ? -1 : void 0,
+      className: I,
+      onClick: L ? (F) => F.preventDefault() : i,
       children: N
     }
   ) : /* @__PURE__ */ e(
     "button",
     {
       type: o,
-      onClick: a,
-      disabled: !!z,
-      "aria-label": i,
-      className: $,
+      onClick: i,
+      disabled: !!L,
+      "aria-label": s,
+      className: I,
       children: N
     }
   );
 }
 function X({
   title: t,
-  iconUrl: a,
-  size: s = "md",
-  className: r = ""
+  iconUrl: i,
+  size: r = "md",
+  className: n = ""
 }) {
   const o = [
     "orc-section-title",
-    s ? `orc-section-title--${s}` : "",
-    r
+    r ? `orc-section-title--${r}` : "",
+    n
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ d("div", { className: o, children: [
-    a && /* @__PURE__ */ e(
+  return /* @__PURE__ */ p("div", { className: o, children: [
+    i && /* @__PURE__ */ e(
       "img",
       {
-        src: a,
+        src: i,
         alt: "",
         className: "orc-section-title__icon"
       }
@@ -89,51 +89,51 @@ function X({
     /* @__PURE__ */ e("h2", { className: "orc-section-title__title", children: t })
   ] });
 }
-const xe = ({
+const be = ({
   total: t,
-  active: a,
-  onSelect: s,
-  className: r = ""
+  active: i,
+  onSelect: r,
+  className: n = ""
 }) => {
   if (t <= 1) return null;
-  const c = ["orc-dots", r].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e("div", { className: c, role: "tablist", children: Array.from({ length: t }).map((o, n) => /* @__PURE__ */ e("span", { className: "orc-dots__cell", children: /* @__PURE__ */ e(
+  const c = ["orc-dots", n].filter(Boolean).join(" ");
+  return /* @__PURE__ */ e("div", { className: c, role: "tablist", children: Array.from({ length: t }).map((o, a) => /* @__PURE__ */ e("span", { className: "orc-dots__cell", children: /* @__PURE__ */ e(
     "button",
     {
       type: "button",
       role: "tab",
-      "aria-selected": n === a,
-      "aria-label": `Ir al slide ${n + 1}`,
-      className: "orc-dots__dot" + (n === a ? " orc-dots__dot--active" : ""),
-      onClick: () => s == null ? void 0 : s(n)
+      "aria-selected": a === i,
+      "aria-label": `Ir al slide ${a + 1}`,
+      className: "orc-dots__dot" + (a === i ? " orc-dots__dot--active" : ""),
+      onClick: () => r == null ? void 0 : r(a)
     }
-  ) }, n)) });
+  ) }, a)) });
 };
 function D({
   children: t,
-  minWidth: a = 32,
-  spacing: s = 2,
-  justify: r = "stretch",
+  minWidth: i = 32,
+  spacing: r = 2,
+  justify: n = "stretch",
   columns: c = null
 }) {
-  const o = c || `repeat(auto-fit, minmax(${a}px, 1fr))`, n = typeof s == "number" ? `${s * 8}px` : s;
+  const o = c || `repeat(auto-fit, minmax(${i}px, 1fr))`, a = typeof r == "number" ? `${r * 8}px` : r;
   return /* @__PURE__ */ e(
     "div",
     {
       style: {
         display: "grid",
         gridTemplateColumns: o,
-        justifyItems: r,
-        gap: n,
+        justifyItems: n,
+        gap: a,
         height: "inherit"
       },
       children: t
     }
   );
 }
-function ie({ src: t, alt: a }) {
+function ce({ src: t, alt: i }) {
   return /* @__PURE__ */ e(
-    W,
+    z,
     {
       sx: {
         position: "relative",
@@ -144,11 +144,11 @@ function ie({ src: t, alt: a }) {
         display: "inline-block"
       },
       children: /* @__PURE__ */ e(
-        W,
+        z,
         {
           component: "img",
           src: t,
-          alt: a,
+          alt: i,
           sx: {
             position: "absolute",
             top: 0,
@@ -162,8 +162,8 @@ function ie({ src: t, alt: a }) {
     }
   );
 }
-function Pe({ title: t, subtitle: a }) {
-  return /* @__PURE__ */ d(
+function Ue({ title: t, subtitle: i }) {
+  return /* @__PURE__ */ p(
     "div",
     {
       className: "oli-font",
@@ -185,7 +185,7 @@ function Pe({ title: t, subtitle: a }) {
             children: t
           }
         ),
-        a && /* @__PURE__ */ d(
+        i && /* @__PURE__ */ p(
           "div",
           {
             style: {
@@ -194,7 +194,7 @@ function Pe({ title: t, subtitle: a }) {
               gap: "6px"
             },
             children: [
-              /* @__PURE__ */ d("svg", { width: "4", height: "4", viewBox: "0 0 5 5", xmlns: "http://www.w3.org/2000/svg", style: { flexShrink: 0 }, 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__ */ e("circle", { cx: "2.5", cy: "2.5", r: "2.5", fill: "white" }),
                 " "
@@ -207,7 +207,7 @@ function Pe({ title: t, subtitle: a }) {
                     fontSize: "12px",
                     lineHeight: "16px"
                   },
-                  children: a
+                  children: i
                 }
               )
             ]
@@ -217,14 +217,14 @@ function Pe({ title: t, subtitle: a }) {
     }
   );
 }
-function Re({ text: t, color: a = "#ff3b3b", textColor: s = "#fff" }) {
+function ze({ text: t, color: i = "#ff3b3b", textColor: r = "#fff" }) {
   return /* @__PURE__ */ e(
     "span",
     {
       className: "oli-font",
       style: {
-        backgroundColor: a,
-        color: s,
+        backgroundColor: i,
+        color: r,
         borderRadius: "8px",
         padding: "4px 8px",
         fontSize: "12px",
@@ -238,14 +238,14 @@ function Re({ text: t, color: a = "#ff3b3b", textColor: s = "#fff" }) {
     }
   );
 }
-function Fe({ live: t, time: a }) {
-  return /* @__PURE__ */ d("div", { className: "oli-font", style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
-    t && /* @__PURE__ */ e(Re, { text: "En vivo" }),
-    a && /* @__PURE__ */ e("span", { style: { fontSize: "14px", fontWeight: 400, lineHeight: "18px", paddingTop: "4px" }, children: a })
+function Le({ live: t, time: i }) {
+  return /* @__PURE__ */ p("div", { className: "oli-font", style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
+    t && /* @__PURE__ */ e(ze, { text: "En vivo" }),
+    i && /* @__PURE__ */ e("span", { style: { fontSize: "14px", fontWeight: 400, lineHeight: "18px", paddingTop: "4px" }, children: i })
   ] });
 }
-function ze({ title: t, subtitle: a, live: s = !1, time: r = "" }) {
-  return /* @__PURE__ */ d(
+function Ae({ title: t, subtitle: i, live: r = !1, time: n = "" }) {
+  return /* @__PURE__ */ p(
     "div",
     {
       style: {
@@ -255,95 +255,95 @@ function ze({ title: t, subtitle: a, live: s = !1, time: r = "" }) {
         color: "#FFFFFF"
       },
       children: [
-        /* @__PURE__ */ e(Pe, { title: t, subtitle: a }),
-        /* @__PURE__ */ e(Fe, { live: s, time: r })
+        /* @__PURE__ */ e(Ue, { title: t, subtitle: i }),
+        /* @__PURE__ */ e(Le, { live: r, time: n })
       ]
     }
   );
 }
-const We = "oraculo__OraculoEventLabel-module__label___c64Xw", Le = {
+const We = "oraculo__OraculoEventLabel-module__label___c64Xw", Be = {
   label: We
 };
-function be({ text: t }) {
-  return /* @__PURE__ */ e("span", { className: Le.label, children: t });
+function ve({ text: t }) {
+  return /* @__PURE__ */ e("span", { className: Be.label, children: t });
 }
-const je = "oraculo__OraculoEventLeague-module__container___rdk4F", Ae = {
+const je = "oraculo__OraculoEventLeague-module__container___rdk4F", Ge = {
   container: je
 };
-function Be({ title: t }) {
-  return /* @__PURE__ */ e("div", { className: Ae.container, children: t.toUpperCase() });
+function Me({ title: t }) {
+  return /* @__PURE__ */ e("div", { className: Ge.container, children: t.toUpperCase() });
 }
-const Ue = "oraculo__OraculoEventScore-module__scoreWrapper___fWwEr", Me = "oraculo__OraculoEventScore-module__name___r4uL6", Ge = "oraculo__OraculoEventScore-module__score___Xl03M", De = "oraculo__OraculoEventScore-module__normal___cCNFz", He = "oraculo__OraculoEventScore-module__small___fVt8E", K = {
-  scoreWrapper: Ue,
-  name: Me,
-  score: Ge,
-  normal: De,
-  small: He
+const De = "oraculo__OraculoEventScore-module__scoreWrapper___fWwEr", He = "oraculo__OraculoEventScore-module__name___r4uL6", Xe = "oraculo__OraculoEventScore-module__score___Xl03M", Je = "oraculo__OraculoEventScore-module__normal___cCNFz", qe = "oraculo__OraculoEventScore-module__small___fVt8E", K = {
+  scoreWrapper: De,
+  name: He,
+  score: Xe,
+  normal: Je,
+  small: qe
 };
-function ve({ text: t, name: a, size: s = "normal" }) {
-  return /* @__PURE__ */ d(
+function ye({ text: t, name: i, size: r = "normal" }) {
+  return /* @__PURE__ */ p(
     "div",
     {
-      className: `${K.scoreWrapper} ${K[s]}`,
+      className: `${K.scoreWrapper} ${K[r]}`,
       children: [
-        /* @__PURE__ */ e("div", { className: `${K.score} ${K[s]}`, children: t }),
-        a && /* @__PURE__ */ e("span", { className: `${K.name} ${K[s]}`, children: a })
+        /* @__PURE__ */ e("div", { className: `${K.score} ${K[r]}`, children: t }),
+        i && /* @__PURE__ */ e("span", { className: `${K.name} ${K[r]}`, children: i })
       ]
     }
   );
 }
-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", q = {
-  team: Xe,
-  logo: Je,
-  name: Ke,
-  regular: qe,
-  compact: Ye
+const Ke = "oraculo__OraculoEventTeamInfo-module__team___UfpUs", Ye = "oraculo__OraculoEventTeamInfo-module__logo___fKCl3", Qe = "oraculo__OraculoEventTeamInfo-module__name___4ikm-", Ze = "oraculo__OraculoEventTeamInfo-module__regular___ag826", Ve = "oraculo__OraculoEventTeamInfo-module__compact___RCNOs", Q = {
+  team: Ke,
+  logo: Ye,
+  name: Qe,
+  regular: Ze,
+  compact: Ve
 };
-function V({ name: t, logo: a, size: s = "regular" }) {
-  return /* @__PURE__ */ d("div", { className: `oli-font ${q.team} ${q[s]}`, children: [
-    /* @__PURE__ */ e("img", { src: a, alt: t, className: q.logo }),
-    /* @__PURE__ */ e("span", { className: q.name, children: t })
+function ee({ name: t, logo: i, size: r = "regular" }) {
+  return /* @__PURE__ */ p("div", { className: `oli-font ${Q.team} ${Q[r]}`, children: [
+    /* @__PURE__ */ e("img", { src: i, alt: t, className: Q.logo }),
+    /* @__PURE__ */ e("span", { className: Q.name, children: t })
   ] });
 }
-const Qe = Ne, Ze = Oe, J = Ce(
+const et = Oe, tt = Re, J = Ie(
   ({
     items: t = [],
-    renderItem: a,
-    perPage: s = 1,
-    gap: r = "0px",
+    renderItem: i,
+    perPage: r = 1,
+    gap: n = "0px",
     breakpoints: c,
     options: o = {},
-    className: n = "",
-    onMove: u,
+    className: a = "",
+    onMove: m,
     useIndexAsKey: g = !1
-  }, f) => {
-    const h = M(null);
-    Ee(f, () => ({
+  }, v) => {
+    const x = G(null);
+    ke(v, () => ({
       next: () => {
         var l;
-        return (l = h.current) == null ? void 0 : l.go(">");
+        return (l = x.current) == null ? void 0 : l.go(">");
       },
       prev: () => {
         var l;
-        return (l = h.current) == null ? void 0 : l.go("<");
+        return (l = x.current) == null ? void 0 : l.go("<");
       },
       go: (l) => {
-        var p;
-        return (p = h.current) == null ? void 0 : p.go(l);
+        var u;
+        return (u = x.current) == null ? void 0 : u.go(l);
       }
     }));
-    const C = se(
+    const w = se(
       (l) => {
-        const p = l.index, E = l.length, k = l.options.perPage || 1, w = p === 0, O = p >= E - k;
-        u == null || u({ index: p, isStart: w, isEnd: O, total: E });
+        const u = l.index, _ = l.length, k = l.options.perPage || 1, E = u === 0, O = u >= _ - k;
+        m == null || m({ index: u, isStart: E, isEnd: O, total: _ });
       },
-      [u]
-    ), i = se(
+      [m]
+    ), s = se(
       (l) => {
-        C(l);
+        w(l);
       },
-      [C]
-    ), v = {
+      [w]
+    ), d = {
       type: "slide",
       trimSpace: !1,
       drag: !0,
@@ -352,38 +352,38 @@ const Qe = Ne, Ze = Oe, J = Ce(
       rewind: !1,
       focus: "start",
       autoWidth: !1,
-      perPage: s,
-      gap: r,
+      perPage: r,
+      gap: n,
       breakpoints: c,
       ...o
     };
-    return /* @__PURE__ */ e("div", { className: n, style: { width: "100%" }, children: /* @__PURE__ */ e(
-      Qe,
+    return /* @__PURE__ */ e("div", { className: a, style: { width: "100%" }, children: /* @__PURE__ */ e(
+      et,
       {
-        ref: h,
-        options: v,
-        onMove: C,
-        onMounted: i,
-        children: t.map((l, p) => {
-          var E;
-          return /* @__PURE__ */ e(Ze, { children: a(l, p) }, g ? p : (E = l.id) != null ? E : p);
+        ref: x,
+        options: d,
+        onMove: w,
+        onMounted: s,
+        children: t.map((l, u) => {
+          var _;
+          return /* @__PURE__ */ e(tt, { children: i(l, u) }, g ? u : (_ = l.id) != null ? _ : u);
         })
       }
     ) });
   }
-), Y = ({
+), Z = ({
   imageUrl: t,
-  onClick: a,
-  size: s = "sm",
-  fillParent: r = !1
+  onClick: i,
+  size: r = "sm",
+  fillParent: n = !1
 }) => {
-  const c = s === "lg" ? { w: 280, h: 352 } : { w: 152, h: 168 }, o = (u) => {
-    u.stopPropagation(), a == null || a();
-  }, n = r ? { width: "100%", height: "100%" } : { width: `${c.w}px`, height: `${c.h}px` };
-  return /* @__PURE__ */ d(
-    S,
+  const c = r === "lg" ? { w: 280, h: 352 } : { w: 152, h: 168 }, o = (m) => {
+    m.stopPropagation(), i == null || i();
+  }, a = n ? { width: "100%", height: "100%" } : { width: `${c.w}px`, height: `${c.h}px` };
+  return /* @__PURE__ */ p(
+    C,
     {
-      onClick: a,
+      onClick: i,
       role: "button",
       sx: {
         position: "relative",
@@ -391,7 +391,7 @@ const Qe = Ne, Ze = Oe, J = Ce(
         overflow: "hidden",
         boxSizing: "border-box",
         transition: "transform .15s ease, box-shadow .15s ease",
-        ...n,
+        ...a,
         "&:hover": {
           transform: "translateY(-2px)",
           boxShadow: 8,
@@ -423,7 +423,7 @@ const Qe = Ne, Ze = Oe, J = Ce(
           }
         ),
         /* @__PURE__ */ e(
-          S,
+          C,
           {
             className: "oraculo-game-card-overlay",
             sx: {
@@ -438,7 +438,7 @@ const Qe = Ne, Ze = Oe, J = Ce(
           }
         ),
         /* @__PURE__ */ e(
-          S,
+          C,
           {
             className: "oraculo-game-card-btn",
             sx: {
@@ -458,45 +458,45 @@ const Qe = Ne, Ze = Oe, J = Ce(
     }
   );
 };
-function Ve({
+function ot({
   imageUrl: t,
-  orden: a = 1,
-  onClick: s,
-  sizes: r = {
+  orden: i = 1,
+  onClick: r,
+  sizes: n = {
     xs: { w: 104, h: 112, r: 18, font: 48 },
     md: { w: 186, h: 264, r: 22.6, font: 64 }
   }
 }) {
-  var h, C, i, v;
-  const c = (l, p) => {
-    var E, k, w, O;
+  var x, w, s, d;
+  const c = (l, u) => {
+    var _, k, E, O;
     return {
-      xs: (k = (E = r.xs) == null ? void 0 : E[l]) != null ? k : p,
-      md: (O = (w = r.md) == null ? void 0 : w[l]) != null ? O : p
+      xs: (k = (_ = n.xs) == null ? void 0 : _[l]) != null ? k : u,
+      md: (O = (E = n.md) == null ? void 0 : E[l]) != null ? O : u
     };
-  }, o = c("w", 186), n = c("h", 264), u = c("r", 22.6), g = c("font", 64), f = {
-    xs: Math.round(((C = (h = r.xs) == null ? void 0 : h.font) != null ? C : 64) * 0.28),
-    md: Math.round(((v = (i = r.md) == null ? void 0 : i.font) != null ? v : 64) * 0.28)
+  }, o = c("w", 186), a = c("h", 264), m = c("r", 22.6), g = c("font", 64), v = {
+    xs: Math.round(((w = (x = n.xs) == null ? void 0 : x.font) != null ? w : 64) * 0.28),
+    md: Math.round(((d = (s = n.md) == null ? void 0 : s.font) != null ? d : 64) * 0.28)
   };
-  return /* @__PURE__ */ d(
-    S,
+  return /* @__PURE__ */ p(
+    C,
     {
       sx: {
         position: "relative",
         width: "100%",
         maxWidth: { xs: `${o.xs}px`, md: `${o.md}px` },
         aspectRatio: {
-          xs: `${o.xs}/${n.xs}`,
-          md: `${o.md}/${n.md}`
+          xs: `${o.xs}/${a.xs}`,
+          md: `${o.md}/${a.md}`
         },
-        borderRadius: { xs: `${u.xs}px`, md: `${u.md}px` },
+        borderRadius: { xs: `${m.xs}px`, md: `${m.md}px` },
         boxSizing: "border-box",
         overflow: "visible",
-        pb: { xs: `${f.xs}px`, md: `${f.md}px` }
+        pb: { xs: `${v.xs}px`, md: `${v.md}px` }
       },
       children: [
         /* @__PURE__ */ e(
-          S,
+          C,
           {
             sx: {
               position: "absolute",
@@ -505,10 +505,10 @@ function Ve({
               overflow: "hidden"
             },
             children: /* @__PURE__ */ e(
-              Y,
+              Z,
               {
                 imageUrl: t,
-                onClick: s,
+                onClick: r,
                 size: "lg",
                 fillParent: !0
               }
@@ -516,15 +516,15 @@ function Ve({
           }
         ),
         /* @__PURE__ */ e(
-          S,
+          C,
           {
             component: "span",
             sx: {
               position: "absolute",
               left: 8,
               bottom: {
-                xs: `-${f.xs}px`,
-                md: `-${f.md}px`
+                xs: `-${v.xs}px`,
+                md: `-${v.md}px`
               },
               fontFamily: "secondary",
               fontSize: {
@@ -537,23 +537,23 @@ function Ve({
               zIndex: 3,
               userSelect: "none"
             },
-            children: a
+            children: i
           }
         )
       ]
     }
   );
 }
-const et = ({
+const nt = ({
   logo: t,
-  provider: a,
-  providerName: s,
-  machine: r,
+  provider: i,
+  providerName: r,
+  machine: n,
   onClick: c
 }) => {
   var o;
-  return /* @__PURE__ */ d(
-    S,
+  return /* @__PURE__ */ p(
+    C,
     {
       onClick: c,
       sx: {
@@ -577,11 +577,11 @@ const et = ({
       },
       children: [
         /* @__PURE__ */ e(
-          S,
+          C,
           {
             component: "img",
             src: t,
-            alt: `Juego ${r != null ? r : ""}`,
+            alt: `Juego ${n != null ? n : ""}`,
             sx: {
               position: "absolute",
               inset: 0,
@@ -593,7 +593,7 @@ const et = ({
           }
         ),
         /* @__PURE__ */ e(
-          S,
+          C,
           {
             className: "orc-live-provider-label",
             sx: {
@@ -607,7 +607,7 @@ const et = ({
               pointerEvents: "none"
             },
             children: /* @__PURE__ */ e(
-              G,
+              M,
               {
                 sx: {
                   color: "#fff",
@@ -615,7 +615,7 @@ const et = ({
                   fontSize: { xs: 11, md: 14 },
                   textTransform: "capitalize"
                 },
-                children: (o = a != null ? a : s) != null ? o : ""
+                children: (o = i != null ? i : r) != null ? o : ""
               }
             )
           }
@@ -623,16 +623,16 @@ const et = ({
       ]
     }
   );
-}, ee = 12, ye = ({
+}, te = 12, _e = ({
   items: t,
-  layout: a = "grid",
-  onClick: s
+  layout: i = "grid",
+  onClick: r
 }) => {
-  var r;
-  if (a === "mosaic") {
+  var n;
+  if (i === "mosaic") {
     const c = t[0], o = t.slice(1, 5);
-    return /* @__PURE__ */ d(
-      S,
+    return /* @__PURE__ */ p(
+      C,
       {
         sx: {
           display: "grid",
@@ -649,14 +649,14 @@ const et = ({
             xs: "104px",
             md: "152px"
           },
-          columnGap: `${ee}px`,
-          rowGap: `${ee}px`,
+          columnGap: `${te}px`,
+          rowGap: `${te}px`,
           alignItems: "stretch",
           justifyItems: "stretch"
         },
         children: [
           c && /* @__PURE__ */ e(
-            S,
+            C,
             {
               sx: {
                 width: { xs: 184, md: 280 },
@@ -666,20 +666,20 @@ const et = ({
                 borderRadius: 2
               },
               children: /* @__PURE__ */ e(
-                Y,
+                Z,
                 {
-                  imageUrl: `https://olimpo.bet${(r = c.imageUrl) != null ? r : ""}`,
+                  imageUrl: `https://olimpo.bet${(n = c.imageUrl) != null ? n : ""}`,
                   size: "lg",
                   fillParent: !0,
-                  onClick: () => s == null ? void 0 : s(c, 0)
+                  onClick: () => r == null ? void 0 : r(c, 0)
                 }
               )
             }
           ),
-          o.map((n, u) => {
+          o.map((a, m) => {
             var g;
             return /* @__PURE__ */ e(
-              S,
+              C,
               {
                 sx: {
                   width: { xs: 104, md: 152 },
@@ -688,16 +688,16 @@ const et = ({
                   borderRadius: 2
                 },
                 children: /* @__PURE__ */ e(
-                  Y,
+                  Z,
                   {
-                    imageUrl: `https://olimpo.bet${(g = n.imageUrl) != null ? g : ""}`,
+                    imageUrl: `https://olimpo.bet${(g = a.imageUrl) != null ? g : ""}`,
                     size: "sm",
                     fillParent: !0,
-                    onClick: () => s == null ? void 0 : s(n, u + 1)
+                    onClick: () => r == null ? void 0 : r(a, m + 1)
                   }
                 )
               },
-              n.id
+              a.id
             );
           })
         ]
@@ -705,7 +705,7 @@ const et = ({
     );
   }
   return /* @__PURE__ */ e(
-    S,
+    C,
     {
       sx: {
         display: "grid",
@@ -717,78 +717,78 @@ const et = ({
           xs: "repeat(2, 112px)",
           md: "repeat(2, 168px)"
         },
-        gap: `${ee}px`,
+        gap: `${te}px`,
         gridAutoFlow: "column"
       },
       children: t.map((c, o) => {
-        var n, u;
+        var a, m;
         return /* @__PURE__ */ e(
-          S,
+          C,
           {
             sx: {
               overflow: "hidden",
               borderRadius: 2
             },
             children: /* @__PURE__ */ e(
-              Y,
+              Z,
               {
-                imageUrl: `https://olimpo.bet${(n = c.imageUrl) != null ? n : ""}`,
+                imageUrl: `https://olimpo.bet${(a = c.imageUrl) != null ? a : ""}`,
                 size: "sm",
                 fillParent: !0,
-                onClick: () => s == null ? void 0 : s(c, o)
+                onClick: () => r == null ? void 0 : r(c, o)
               }
             )
           },
-          (u = c.id) != null ? u : o
+          (m = c.id) != null ? m : o
         );
       })
     }
   );
-}, ce = ({
+}, le = ({
   title: t,
-  amount: a,
-  subtitle: s,
-  buttonText: r,
+  amount: i,
+  subtitle: r,
+  buttonText: n,
   onButtonClick: c,
   backgroundImage: o,
-  alt: n,
-  className: u = "",
+  alt: a,
+  className: m = "",
   variant: g = "small"
 }) => {
-  const f = a ? a.slice(0, 2) : "", h = a ? a.slice(2) : "", C = g === "large";
-  return /* @__PURE__ */ d(
-    S,
+  const v = i ? i.slice(0, 2) : "", x = i ? i.slice(2) : "", w = g === "large";
+  return /* @__PURE__ */ p(
+    C,
     {
-      className: u,
+      className: m,
       sx: {
         position: "relative",
         width: "100%",
         maxWidth: {
           xs: 328,
-          lg: C ? 618 : 456
+          lg: w ? 618 : 456
         },
         mx: "auto"
       },
       children: [
         o && /* @__PURE__ */ e(
-          S,
+          C,
           {
             sx: {
               position: "relative",
               width: "100%",
               aspectRatio: {
                 xs: "328 / 188",
-                lg: C ? "618 / 346" : "456 / 272"
+                lg: w ? "618 / 346" : "456 / 272"
               },
               borderRadius: "14px",
               overflow: "hidden"
             },
             children: /* @__PURE__ */ e(
-              S,
+              C,
               {
                 component: "img",
                 src: o,
-                alt: n != null ? n : "Fondo promocional",
+                alt: a != null ? a : "Fondo promocional",
                 sx: {
                   width: "100%",
                   height: "100%",
@@ -804,7 +804,7 @@ const et = ({
           }
         ),
         /* @__PURE__ */ e(
-          S,
+          C,
           {
             sx: {
               position: "absolute",
@@ -817,8 +817,8 @@ const et = ({
               pl: "14%",
               pr: { xs: "14%", lg: "15%" }
             },
-            children: /* @__PURE__ */ d(
-              S,
+            children: /* @__PURE__ */ p(
+              C,
               {
                 sx: {
                   maxWidth: "60%",
@@ -828,7 +828,7 @@ const et = ({
                 },
                 children: [
                   t && /* @__PURE__ */ e(
-                    G,
+                    M,
                     {
                       sx: {
                         fontSize: { xs: 12, lg: 20 },
@@ -838,8 +838,8 @@ const et = ({
                       children: t
                     }
                   ),
-                  a && /* @__PURE__ */ d(
-                    S,
+                  i && /* @__PURE__ */ p(
+                    C,
                     {
                       component: "p",
                       sx: {
@@ -857,26 +857,26 @@ const et = ({
                       },
                       children: [
                         /* @__PURE__ */ e(
-                          S,
+                          C,
                           {
                             component: "span",
                             sx: { fontSize: { xs: 35, lg: 48 }, mr: 0.5 },
-                            children: f
+                            children: v
                           }
                         ),
                         /* @__PURE__ */ e(
-                          S,
+                          C,
                           {
                             component: "span",
                             sx: { fontSize: { xs: 52, lg: 77 } },
-                            children: h
+                            children: x
                           }
                         )
                       ]
                     }
                   ),
-                  s && /* @__PURE__ */ e(
-                    G,
+                  r && /* @__PURE__ */ e(
+                    M,
                     {
                       sx: {
                         pb: "20px",
@@ -884,10 +884,10 @@ const et = ({
                         fontWeight: 600,
                         color: "#e7f8ff"
                       },
-                      children: s
+                      children: r
                     }
                   ),
-                  r && /* @__PURE__ */ e(T, { onClick: c, children: r })
+                  n && /* @__PURE__ */ e(T, { onClick: c, children: n })
                 ]
               }
             )
@@ -896,82 +896,82 @@ const et = ({
       ]
     }
   );
-}, tt = ({
+}, rt = ({
   text: t,
-  buttonLabel: a = "Conoce más",
-  onClick: s,
-  imgAlt: r = "Club Olimpo",
+  buttonLabel: i = "Conoce más",
+  onClick: r,
+  imgAlt: n = "Club Olimpo",
   imgSrcMobile: c,
   imgSrcDesktopBg: o,
-  imgSrcDesktopLogo: n
-}) => /* @__PURE__ */ d(Q, { children: [
+  imgSrcDesktopLogo: a
+}) => /* @__PURE__ */ p(V, { children: [
   /* @__PURE__ */ e("div", { className: "orc-co-bgMobile", children: /* @__PURE__ */ e(
     "img",
     {
       src: c,
-      alt: r,
+      alt: n,
       className: "orc-co-bgMobileImg"
     }
   ) }),
-  /* @__PURE__ */ d("div", { className: "orc-co-bgDesktop", children: [
+  /* @__PURE__ */ p("div", { className: "orc-co-bgDesktop", children: [
     o && /* @__PURE__ */ e("div", { className: "orc-co-fillHost", children: /* @__PURE__ */ e(
       "img",
       {
         src: o,
-        alt: `${r} fondo`,
+        alt: `${n} fondo`,
         className: "orc-co-bgDesktopImg"
       }
     ) }),
-    n && /* @__PURE__ */ e("div", { className: "orc-co-logo", children: /* @__PURE__ */ e(
+    a && /* @__PURE__ */ e("div", { className: "orc-co-logo", children: /* @__PURE__ */ e(
       "img",
       {
-        src: n,
-        alt: `${r} logo`,
+        src: a,
+        alt: `${n} logo`,
         className: "orc-co-logoImg"
       }
     ) }),
-    /* @__PURE__ */ d("div", { className: "orc-co-desktopContent", children: [
+    /* @__PURE__ */ p("div", { className: "orc-co-desktopContent", children: [
       /* @__PURE__ */ e("p", { className: "orc-co-captionDesktop", children: t }),
-      /* @__PURE__ */ e(T, { onClick: s, variant: "primary", size: "md", children: a })
+      /* @__PURE__ */ e(T, { onClick: r, variant: "primary", size: "md", children: i })
     ] })
   ] }),
-  /* @__PURE__ */ d("div", { className: "orc-co-bottom", children: [
+  /* @__PURE__ */ p("div", { className: "orc-co-bottom", children: [
     /* @__PURE__ */ e("p", { className: "orc-co-caption", children: t }),
-    /* @__PURE__ */ e(T, { onClick: s, variant: "primary", size: "md", children: a })
+    /* @__PURE__ */ e(T, { onClick: r, variant: "primary", size: "md", children: i })
   ] })
-] }), ot = "oraculo__OraculoEventCombinadasCard-module__card___ulQeY", nt = "oraculo__OraculoEventCombinadasCard-module__combinadas___Gxrld", rt = "oraculo__OraculoEventCombinadasCard-module__apuestaItem___YnYMy", at = "oraculo__OraculoEventCombinadasCard-module__lineContainer___G5rbU", st = "oraculo__OraculoEventCombinadasCard-module__circle___eehm-", it = "oraculo__OraculoEventCombinadasCard-module__line___Eb2pK", ct = "oraculo__OraculoEventCombinadasCard-module__apuestaText___b5s7S", lt = "oraculo__OraculoEventCombinadasCard-module__cuotaTotal___Lohvu", H = {
-  card: ot,
-  combinadas: nt,
-  apuestaItem: rt,
-  lineContainer: at,
-  circle: st,
-  line: it,
-  apuestaText: ct,
-  cuotaTotal: lt
+] }), at = "oraculo__OraculoEventCombinadasCard-module__card___ulQeY", it = "oraculo__OraculoEventCombinadasCard-module__combinadas___Gxrld", st = "oraculo__OraculoEventCombinadasCard-module__apuestaItem___YnYMy", ct = "oraculo__OraculoEventCombinadasCard-module__lineContainer___G5rbU", lt = "oraculo__OraculoEventCombinadasCard-module__circle___eehm-", dt = "oraculo__OraculoEventCombinadasCard-module__line___Eb2pK", pt = "oraculo__OraculoEventCombinadasCard-module__apuestaText___b5s7S", mt = "oraculo__OraculoEventCombinadasCard-module__cuotaTotal___Lohvu", H = {
+  card: at,
+  combinadas: it,
+  apuestaItem: st,
+  lineContainer: ct,
+  circle: lt,
+  line: dt,
+  apuestaText: pt,
+  cuotaTotal: mt
 };
-function dt({ event: t }) {
-  var r;
-  function a(c) {
-    var h;
-    const o = (h = c.betoffers) != null ? h : [], n = c.homeName, u = c.awayName, g = o.map((C) => {
-      var p, E, k, w;
-      let i = C.outcomes[0], v = "", l = i != null && i.line ? i.line / 1e3 : "";
-      return ["Más de", "Mas de", "Over"].includes(i == null ? void 0 : i.label) ? (v = `Más de ${l}`, i != null && i.participant && (v = `${i.participant} - ${v}`)) : ["Menos de", "Menos"].includes(i == null ? void 0 : i.label) ? (v = `Menos de ${l}`, i != null && i.participant && (v = `${i.participant} - ${v}`)) : ["Sí", "No"].includes(i == null ? void 0 : i.label) ? (v = i == null ? void 0 : i.label, i != null && i.participant && (v = `${i.participant} - ${v}`)) : ["1X", "12", "X2"].includes(i == null ? void 0 : i.label) ? i.label === "1X" ? v = `${n} o Empate` : i.label === "12" ? v = `${n} o ${u}` : i.label === "X2" && (v = `${u} o Empate`) : (i != null && i.participant ? v = i.participant : v = (p = i == null ? void 0 : i.label) != null ? p : "", l !== "" && v === i.label && (v = `${i.label} ${l}`)), {
-        id: (E = i == null ? void 0 : i.id) != null ? E : 0,
-        value: v,
-        label: C.criterion.label,
-        odds: (k = i == null ? void 0 : i.odds) != null ? k : 0,
-        bl: (w = i == null ? void 0 : i.label) != null ? w : 0
+function ut({ event: t }) {
+  var n;
+  function i(c) {
+    var x;
+    const o = (x = c.betoffers) != null ? x : [], a = c.homeName, m = c.awayName, g = o.map((w) => {
+      var u, _, k, E;
+      let s = w.outcomes[0], d = "", l = s != null && s.line ? s.line / 1e3 : "";
+      return ["Más de", "Mas de", "Over"].includes(s == null ? void 0 : s.label) ? (d = `Más de ${l}`, s != null && s.participant && (d = `${s.participant} - ${d}`)) : ["Menos de", "Menos"].includes(s == null ? void 0 : s.label) ? (d = `Menos de ${l}`, s != null && s.participant && (d = `${s.participant} - ${d}`)) : ["Sí", "No"].includes(s == null ? void 0 : s.label) ? (d = s == null ? void 0 : s.label, s != null && s.participant && (d = `${s.participant} - ${d}`)) : ["1X", "12", "X2"].includes(s == null ? void 0 : s.label) ? s.label === "1X" ? d = `${a} o Empate` : s.label === "12" ? d = `${a} o ${m}` : s.label === "X2" && (d = `${m} o Empate`) : (s != null && s.participant ? d = s.participant : d = (u = s == null ? void 0 : s.label) != null ? u : "", l !== "" && d === s.label && (d = `${s.label} ${l}`)), {
+        id: (_ = s == null ? void 0 : s.id) != null ? _ : 0,
+        value: d,
+        label: w.criterion.label,
+        odds: (k = s == null ? void 0 : s.odds) != null ? k : 0,
+        bl: (E = s == null ? void 0 : s.label) != null ? E : 0
       };
-    }), f = g.reduce((C, i) => C + i.odds, 0) / 1e3;
+    }), v = g.reduce((w, s) => w + s.odds, 0) / 1e3;
     return {
       outcomes: g,
-      total: f.toFixed(2)
+      total: v.toFixed(2)
     };
   }
-  const s = a(t);
-  return /* @__PURE__ */ d("div", { className: H.card, children: [
-    /* @__PURE__ */ e("div", { className: H.combinadas, children: /* @__PURE__ */ d(j, { direction: "column", spacing: 0.5, useFlexGap: !0, children: [
+  const r = i(t);
+  return /* @__PURE__ */ p("div", { className: H.card, children: [
+    /* @__PURE__ */ e("div", { className: H.combinadas, children: /* @__PURE__ */ p(A, { direction: "column", spacing: 0.5, useFlexGap: !0, children: [
       /* @__PURE__ */ e(
         X,
         {
@@ -981,12 +981,12 @@ function dt({ event: t }) {
         }
       ),
       /* @__PURE__ */ e("img", { src: "/assets/img/home/Combinadas/line.png" }),
-      /* @__PURE__ */ e(j, { direction: "column", spacing: 0.5, useFlexGap: !0, children: s.outcomes.map((c, o) => /* @__PURE__ */ d("div", { className: H.apuestaItem, children: [
-        /* @__PURE__ */ d("div", { className: H.lineContainer, children: [
+      /* @__PURE__ */ e(A, { direction: "column", spacing: 0.5, useFlexGap: !0, children: r.outcomes.map((c, o) => /* @__PURE__ */ p("div", { className: H.apuestaItem, children: [
+        /* @__PURE__ */ p("div", { className: H.lineContainer, children: [
           /* @__PURE__ */ e("div", { className: H.circle }),
-          o < s.outcomes.length - 1 && /* @__PURE__ */ e("div", { className: H.line })
+          o < r.outcomes.length - 1 && /* @__PURE__ */ e("div", { className: H.line })
         ] }),
-        /* @__PURE__ */ d("div", { className: H.apuestaText, children: [
+        /* @__PURE__ */ p("div", { className: H.apuestaText, children: [
           /* @__PURE__ */ e("strong", { children: c.value }),
           " ",
           "| ",
@@ -994,127 +994,131 @@ function dt({ event: t }) {
         ] })
       ] }, o)) })
     ] }) }),
-    /* @__PURE__ */ d("button", { onClick: () => {
+    /* @__PURE__ */ p("button", { onClick: () => {
       var c, o;
-      return console.log((o = (c = s == null ? void 0 : s.outcomes) == null ? void 0 : c.map((n) => n == null ? void 0 : n.id)) != null ? o : []);
+      return console.log((o = (c = r == null ? void 0 : r.outcomes) == null ? void 0 : c.map((a) => a == null ? void 0 : a.id)) != null ? o : []);
     }, className: H.cuotaTotal, children: [
-      /* @__PURE__ */ d("span", { children: [
+      /* @__PURE__ */ p("span", { children: [
         "Cuota total: ",
-        /* @__PURE__ */ e("strong", { children: (((r = t.combinadoTotal) != null ? r : 0) / 1e3).toFixed(2) })
+        /* @__PURE__ */ e("strong", { children: (((n = t.combinadoTotal) != null ? n : 0) / 1e3).toFixed(2) })
       ] }),
       /* @__PURE__ */ e("img", { src: "/assets/img/home/Combinadas/cuotaTotal.svg", alt: "cuota total" })
     ] })
   ] });
 }
-function ut({ event: t, liveData: a, betOffers: s, fondo: r = "/assets/img/home/EnVivo/fondo.png" }) {
-  var c, o, n, u, g, f, h, C, i, v, l;
+function gt({ event: t, liveData: i, betOffers: r, fondo: n = "/assets/img/home/EnVivo/fondo.png" }) {
+  var c, o, a, m, g, v, x, w, s, d, l;
   return /* @__PURE__ */ e("div", { style: {
-    backgroundImage: `url(${r})`,
+    backgroundImage: `url(${n})`,
     backgroundSize: "cover",
     height: "160px",
     width: "296px",
     padding: "12px 16px",
     borderRadius: "16px"
-  }, children: /* @__PURE__ */ d(j, { direction: "column", spacing: 1, useFlexGap: !0, children: [
-    /* @__PURE__ */ d(j, { direction: "column", spacing: 1.5, useFlexGap: !0, children: [
+  }, children: /* @__PURE__ */ p(A, { direction: "column", spacing: 1, useFlexGap: !0, children: [
+    /* @__PURE__ */ p(A, { direction: "column", spacing: 1.5, useFlexGap: !0, children: [
       /* @__PURE__ */ e(
-        ze,
+        Ae,
         {
           title: (c = t.path[0].name) != null ? c : "",
           subtitle: t.group,
           live: !0,
-          time: (n = (o = a == null ? void 0 : a.matchClock) == null ? void 0 : o.minute) != null ? n : ""
+          time: (a = (o = i == null ? void 0 : i.matchClock) == null ? void 0 : o.minute) != null ? a : ""
         }
       ),
-      /* @__PURE__ */ e("div", { style: { padding: "0 4px" }, children: /* @__PURE__ */ d(D, { spacing: 1.5, columns: "1fr auto 1fr", children: [
+      /* @__PURE__ */ e("div", { style: { padding: "0 4px" }, children: /* @__PURE__ */ p(D, { spacing: 1.5, columns: "1fr auto 1fr", children: [
         /* @__PURE__ */ e(
-          V,
+          ee,
           {
             name: t.homeName,
             logo: "/assets/img/home/EnVivo/Juventus.png"
           }
         ),
-        /* @__PURE__ */ e(ve, { text: ((g = (u = a == null ? void 0 : a.score) == null ? void 0 : u.home) != null ? g : 0) + ":" + ((h = (f = a == null ? void 0 : a.score) == null ? void 0 : f.away) != null ? h : 0), name: "En vivo" }),
-        /* @__PURE__ */ e(V, { name: t.awayName, logo: "/assets/img/home/EnVivo/Racing.png" })
+        /* @__PURE__ */ e(ye, { text: ((g = (m = i == null ? void 0 : i.score) == null ? void 0 : m.home) != null ? g : 0) + ":" + ((x = (v = i == null ? void 0 : i.score) == null ? void 0 : v.away) != null ? x : 0), name: "En vivo" }),
+        /* @__PURE__ */ e(ee, { name: t.awayName, logo: "/assets/img/home/EnVivo/Racing.png" })
       ] }) })
     ] }),
-    /* @__PURE__ */ d(j, { direction: "column", spacing: 1, useFlexGap: !0, children: [
-      /* @__PURE__ */ e(D, { spacing: 1, children: ((i = (C = s == null ? void 0 : s[0]) == null ? void 0 : C.outcomes) != null ? i : []).map((p, E) => /* @__PURE__ */ e(be, { text: p.label.toUpperCase() }, E)) }),
-      /* @__PURE__ */ e(D, { spacing: 2, children: ((l = (v = s == null ? void 0 : s[0]) == null ? void 0 : v.outcomes) != null ? l : []).map((p, E) => /* @__PURE__ */ e(T, { variant: "primary", disabled: p.odds == null, onClick: () => {
-        console.log(p.id);
-      }, children: p.odds === void 0 ? "X" : (p.odds / 1e3).toFixed(2) }, E)) })
+    /* @__PURE__ */ p(A, { direction: "column", spacing: 1, useFlexGap: !0, children: [
+      /* @__PURE__ */ e(D, { spacing: 1, children: ((s = (w = r == null ? void 0 : r[0]) == null ? void 0 : w.outcomes) != null ? s : []).map((u, _) => /* @__PURE__ */ e(ve, { text: u.label.toUpperCase() }, _)) }),
+      /* @__PURE__ */ e(D, { spacing: 2, children: ((l = (d = r == null ? void 0 : r[0]) == null ? void 0 : d.outcomes) != null ? l : []).map((u, _) => /* @__PURE__ */ e(T, { variant: "primary", disabled: u.odds == null, onClick: () => {
+        console.log(u.id);
+      }, children: u.odds === void 0 ? "X" : (u.odds / 1e3).toFixed(2) }, _)) })
     ] })
   ] }) });
 }
-const pt = "oraculo__OraculoEventDate-module__date___xhIlh", mt = {
-  date: pt
+const ht = "oraculo__OraculoEventDate-module__date___xhIlh", ft = {
+  date: ht
 };
-function gt({ text: t }) {
-  return /* @__PURE__ */ e("div", { className: `oli-font ${mt.date}`, children: t });
+function xt({ text: t }) {
+  return /* @__PURE__ */ e("div", { className: `oli-font ${ft.date}`, children: t });
 }
-const ht = "oraculo__OraculoEventSemanaCard-module__cardContainer___4JuDe", ft = "oraculo__OraculoEventSemanaCard-module__cardBackground___vfalD", xt = "oraculo__OraculoEventSemanaCard-module__jugadas___W8b7H", te = {
-  cardContainer: ht,
-  cardBackground: ft,
-  jugadas: xt
+const bt = "oraculo__OraculoEventSemanaCard-module__cardContainer___4JuDe", vt = "oraculo__OraculoEventSemanaCard-module__cardBackground___vfalD", yt = "oraculo__OraculoEventSemanaCard-module__jugadas___W8b7H", oe = {
+  cardContainer: bt,
+  cardBackground: vt,
+  jugadas: yt
 };
-function bt({ event: t }) {
-  var s, r, c, o, n, u, g;
-  function a(f) {
-    const h = new Date(f), C = h.toLocaleDateString("es-ES", {
+function _t({ event: t }) {
+  var r, n, c, o, a, m, g;
+  function i(v) {
+    const x = new Date(v), w = x.toLocaleDateString("es-ES", {
       weekday: "short"
-    }).toUpperCase(), i = h.getDate().toString().padStart(2, "0"), v = (h.getMonth() + 1).toString().padStart(2, "0");
-    let l = h.toLocaleTimeString("es-PE", {
+    }).toUpperCase(), s = x.getDate().toString().padStart(2, "0"), d = (x.getMonth() + 1).toString().padStart(2, "0");
+    let l = x.toLocaleTimeString("es-PE", {
       hour: "numeric",
       minute: "2-digit",
       hour12: !0
     }).toUpperCase();
-    return l = l.replace(/\./g, "").replace(/A\s*M/i, "AM").replace(/P\s*M/i, "PM"), `${C} ${i}/${v} | ${l}`;
+    return l = l.replace(/\./g, "").replace(/A\s*M/i, "AM").replace(/P\s*M/i, "PM"), `${w} ${s}/${d} | ${l}`;
   }
-  return /* @__PURE__ */ d("div", { className: te.cardContainer, children: [
-    /* @__PURE__ */ e(Be, { title: (s = t.group) != null ? s : "" }),
-    /* @__PURE__ */ e("div", { className: te.cardBackground, children: /* @__PURE__ */ d(j, { direction: "column", spacing: { xs: 0.5, md: 1 }, useFlexGap: !0, children: [
-      /* @__PURE__ */ d(j, { direction: "column", spacing: 1, useFlexGap: !0, children: [
-        /* @__PURE__ */ d(D, { spacing: 1, columns: "1fr auto 1fr", children: [
+  return /* @__PURE__ */ p("div", { className: oe.cardContainer, children: [
+    /* @__PURE__ */ e(Me, { title: (r = t.group) != null ? r : "" }),
+    /* @__PURE__ */ e("div", { className: oe.cardBackground, children: /* @__PURE__ */ p(A, { direction: "column", spacing: { xs: 0.5, md: 1 }, useFlexGap: !0, children: [
+      /* @__PURE__ */ p(A, { direction: "column", spacing: 1, useFlexGap: !0, children: [
+        /* @__PURE__ */ p(D, { spacing: 1, columns: "1fr auto 1fr", children: [
           /* @__PURE__ */ e(
-            V,
+            ee,
             {
               name: t.awayName,
               logo: "/assets/img/home/EventoSemana/Flamengo.png",
               size: "compact"
             }
           ),
-          /* @__PURE__ */ e(ve, { text: "vs.", name: "", size: "small" }),
-          /* @__PURE__ */ e(V, { name: t.homeName, logo: "/assets/img/home/EventoSemana/RealMadrid.png", size: "compact" })
+          /* @__PURE__ */ e(ye, { text: "vs.", name: "", size: "small" }),
+          /* @__PURE__ */ e(ee, { name: t.homeName, logo: "/assets/img/home/EventoSemana/RealMadrid.png", size: "compact" })
         ] }),
-        /* @__PURE__ */ e(gt, { text: a(t.start) })
+        /* @__PURE__ */ e(xt, { text: i(t.start) })
       ] }),
-      /* @__PURE__ */ d(j, { direction: "column", spacing: { xs: 0.5, md: 1 }, useFlexGap: !0, children: [
-        /* @__PURE__ */ e(D, { spacing: 1, children: ((o = (c = (r = t == null ? void 0 : t.outcome) == null ? void 0 : r[0]) == null ? void 0 : c.outcomes) != null ? o : []).map((f, h) => /* @__PURE__ */ e(be, { text: f.label.toUpperCase() }, h)) }),
-        /* @__PURE__ */ e("div", { className: te.jugadas, children: /* @__PURE__ */ e(D, { spacing: 1, children: ((g = (u = (n = t == null ? void 0 : t.outcome) == null ? void 0 : n[0]) == null ? void 0 : u.outcomes) != null ? g : []).map((f, h) => /* @__PURE__ */ e(T, { variant: "primary", fullHeight: !0, onClick: () => {
-          console.log(f.id);
-        }, children: (f.odds / 1e3).toFixed(2) }, h)) }) })
+      /* @__PURE__ */ p(A, { direction: "column", spacing: { xs: 0.5, md: 1 }, useFlexGap: !0, children: [
+        /* @__PURE__ */ e(D, { spacing: 1, children: ((o = (c = (n = t == null ? void 0 : t.outcome) == null ? void 0 : n[0]) == null ? void 0 : c.outcomes) != null ? o : []).map((v, x) => /* @__PURE__ */ e(ve, { text: v.label.toUpperCase() }, x)) }),
+        /* @__PURE__ */ e("div", { className: oe.jugadas, children: /* @__PURE__ */ e(D, { spacing: 1, children: ((g = (m = (a = t == null ? void 0 : t.outcome) == null ? void 0 : a[0]) == null ? void 0 : m.outcomes) != null ? g : []).map((v, x) => /* @__PURE__ */ e(T, { variant: "primary", fullHeight: !0, onClick: () => {
+          console.log(v.id);
+        }, children: (v.odds / 1e3).toFixed(2) }, x)) }) })
       ] })
     ] }) })
   ] });
 }
-function vt({
+function St({
   items: t,
-  title: a = "Destacados",
-  iconUrl: s,
-  onViewMore: r,
+  title: i = "Destacados",
+  iconUrl: r,
+  onViewMore: n,
   className: c = ""
 }) {
-  const o = M(null), [n, u] = F({ isStart: !0, isEnd: !1 }), g = () => {
-    var i;
-    (i = o.current) == null || i.prev();
-  }, f = () => {
-    var i;
-    (i = o.current) == null || i.next(), console.log("items: ", t);
-  }, h = () => {
-    r == null || r();
+  const o = G(null), [a, m] = U({ isStart: !0, isEnd: !1 }), g = () => {
+    var d;
+    (d = o.current) == null || d.prev();
+  }, v = () => {
+    var d;
+    (d = o.current) == null || d.next(), console.log("items: ", t);
+  }, x = () => {
+    n == null || n();
+  }, w = (d) => {
+    if (!d || typeof window == "undefined") return;
+    const u = `https://www.olimpo.bet/promociones/${encodeURIComponent(d)}`;
+    window.location.href = u;
   };
-  return /* @__PURE__ */ d("section", { className: c || void 0, style: { width: "100%" }, children: [
-    /* @__PURE__ */ d(
+  return /* @__PURE__ */ p("section", { className: c || void 0, style: { width: "100%" }, children: [
+    /* @__PURE__ */ p(
       "header",
       {
         style: {
@@ -1126,17 +1130,17 @@ function vt({
           marginBottom: 16
         },
         children: [
-          /* @__PURE__ */ e(X, { title: a, iconUrl: s, size: "md" }),
-          /* @__PURE__ */ d("div", { style: { display: "flex", gap: 8 }, children: [
+          /* @__PURE__ */ e(X, { title: i, iconUrl: r, size: "md" }),
+          /* @__PURE__ */ p("div", { style: { display: "flex", gap: 8 }, children: [
             /* @__PURE__ */ e(
               T,
               {
                 ariaLabel: "Anterior",
                 variant: "secondary",
                 iconOnly: !0,
-                leftIcon: /* @__PURE__ */ e(re, {}),
+                leftIcon: /* @__PURE__ */ e(ae, {}),
                 onClick: g,
-                disabled: n.isStart
+                disabled: a.isStart
               }
             ),
             /* @__PURE__ */ e(
@@ -1145,13 +1149,13 @@ function vt({
                 ariaLabel: "Siguiente",
                 variant: "secondary",
                 iconOnly: !0,
-                rightIcon: /* @__PURE__ */ e(ae, {}),
-                onClick: f,
-                disabled: n.isEnd
+                rightIcon: /* @__PURE__ */ e(ie, {}),
+                onClick: v,
+                disabled: a.isEnd
               }
             )
           ] }),
-          /* @__PURE__ */ e(T, { variant: "secondary", onClick: h, children: "Ver más" })
+          /* @__PURE__ */ e(T, { variant: "secondary", onClick: x, children: "Ver más" })
         ]
       }
     ),
@@ -1160,25 +1164,27 @@ function vt({
       {
         ref: o,
         items: t,
-        perPage: 3.395,
+        perPage: 3,
         gap: "16px",
         options: { autoWidth: !1 },
         breakpoints: {
           768: { perPage: 1.15, focus: "start" },
           1024: { perPage: 2.5, focus: "start" }
         },
-        renderItem: (i) => /* @__PURE__ */ e(
+        renderItem: (d) => /* @__PURE__ */ e(
           "div",
           {
             style: {
               textAlign: "center",
-              marginTop: 16
+              marginTop: 16,
+              cursor: "pointer"
             },
+            onClick: () => w(d.promotion),
             children: /* @__PURE__ */ e(
               "img",
               {
-                src: `https://olimpo.bet${i.image !== "" ? i.image : i.summary_image}`,
-                alt: i.title,
+                src: `https://olimpo.bet${d.image !== "" ? d.image : d.summary_image}`,
+                alt: d.title,
                 style: {
                   width: "100%",
                   // minHeight: "150px",
@@ -1190,35 +1196,41 @@ function vt({
               }
             )
           },
-          `${i.title}-${i.image}`
+          `${d.title}-${d.image}`
         ),
-        onMove: ({ isStart: i, isEnd: v }) => u({ isStart: i, isEnd: v })
+        onMove: ({ isStart: d, isEnd: l }) => m({ isStart: d, isEnd: l })
       }
     )
   ] });
 }
-function yt({
+const wt = (t) => {
+  var s, d, l, u, _, k;
+  if (typeof window == "undefined") return;
+  const i = (d = (s = t.name) != null ? s : t.web_name) != null ? d : "", r = (l = t.provider) != null ? l : "", n = (u = t.machine) != null ? u : "", c = (_ = t.external_id) != null ? _ : "", o = (k = t.type) != null ? k : "", a = encodeURIComponent(String(r)), m = encodeURIComponent(String(n)), g = encodeURIComponent(String(i)), v = encodeURIComponent(String(c)), x = encodeURIComponent(String(o)), w = `https://www.olimpo.bet/casino?${m}?provider=${a}&name=${g}&external_id=${v}&type=${x}`;
+  window.location.href = w;
+};
+function Ct({
   items: t,
-  title: a = "Top Juegos",
-  iconUrl: s,
-  onCardClick: r
+  title: i = "Top Juegos",
+  iconUrl: r,
+  onCardClick: n
 }) {
-  const c = ne(
-    () => t.map((o, n) => {
-      var u;
+  const c = re(
+    () => t.map((o, a) => {
+      var m;
       return {
         ...o,
         // si no viene orden, usamos el índice (1-based)
-        orden: (u = o.orden) != null ? u : n + 1,
-        _originalIndex: n
+        orden: (m = o.orden) != null ? m : a + 1,
+        _originalIndex: a
       };
-    }).sort((o, n) => o.orden != null && n.orden != null ? o.orden - n.orden : o._originalIndex - n._originalIndex),
+    }).sort((o, a) => o.orden != null && a.orden != null ? o.orden - a.orden : o._originalIndex - a._originalIndex),
     [t]
   );
-  return /* @__PURE__ */ e("section", { style: { width: "100%" }, children: /* @__PURE__ */ d(j, { direction: "column", spacing: 2, useFlexGap: !0, children: [
-    /* @__PURE__ */ e(X, { title: a, iconUrl: s, size: "md" }),
+  return /* @__PURE__ */ e("section", { style: { width: "100%" }, children: /* @__PURE__ */ p(A, { direction: "column", spacing: 2, useFlexGap: !0, children: [
+    /* @__PURE__ */ e(X, { title: i, iconUrl: r, size: "md" }),
     /* @__PURE__ */ e(
-      S,
+      C,
       {
         sx: {
           display: "grid",
@@ -1231,13 +1243,15 @@ function yt({
           width: "100%"
         },
         children: c.slice(0, 6).map((o) => {
-          var n;
+          var a;
           return /* @__PURE__ */ e(
-            Ve,
+            ot,
             {
-              imageUrl: `https://olimpo.bet${(n = o.logo) != null ? n : ""}`,
+              imageUrl: `https://olimpo.bet${(a = o.logo) != null ? a : ""}`,
               orden: o.orden,
-              onClick: () => r == null ? void 0 : r(o)
+              onClick: () => {
+                n ? n(o) : wt(o);
+              }
             },
             o.machine
           );
@@ -1246,19 +1260,27 @@ function yt({
     )
   ] }) });
 }
-const _t = ({
+const Et = (t, i) => {
+  var r, n;
+  return (n = (r = t.orden) != null ? r : t.machine) != null ? n : i;
+}, $t = (t) => {
+  var s, d, l, u, _, k;
+  if (typeof window == "undefined") return;
+  const i = (d = (s = t.name) != null ? s : t.web_name) != null ? d : "", r = (l = t.provider) != null ? l : "", n = (u = t.machine) != null ? u : "", c = (_ = t.external_id) != null ? _ : "", o = (k = t.type) != null ? k : "Live", a = encodeURIComponent(String(r)), m = encodeURIComponent(String(n)), g = encodeURIComponent(String(i)), v = encodeURIComponent(String(c)), x = encodeURIComponent(String(o)), w = `https://www.olimpo.bet/casino-en-vivo?${m}?provider=${a}&name=${g}&external_id=${v}&type=${x}`;
+  window.location.href = w;
+}, It = ({
   items: t,
-  title: a = "Casino en vivo",
-  subtitle: s = "Disfruta la emoción en tus juegos favoritos y gana en tiempo real.",
-  backgroundMobileUrl: r = "",
+  title: i = "Casino en vivo",
+  subtitle: r = "Disfruta la emoción en tus juegos favoritos y gana en tiempo real.",
+  backgroundMobileUrl: n = "",
   backgroundDesktopUrl: c = "",
   onCardClick: o,
-  onViewMore: n,
-  className: u
-}) => /* @__PURE__ */ d(
-  S,
+  onViewMore: a,
+  className: m
+}) => /* @__PURE__ */ p(
+  C,
   {
-    className: u,
+    className: m,
     sx: {
       position: "relative",
       // width: "100vw",
@@ -1270,7 +1292,7 @@ const _t = ({
     },
     children: [
       /* @__PURE__ */ e(
-        S,
+        C,
         {
           sx: {
             position: "absolute",
@@ -1279,7 +1301,7 @@ const _t = ({
               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('${r}')
+              url('${n}')
             `,
               md: `
               linear-gradient(to bottom, #121212 0%, rgba(18,18,18,0) 10%),
@@ -1294,8 +1316,8 @@ const _t = ({
           }
         }
       ),
-      /* @__PURE__ */ d(
-        S,
+      /* @__PURE__ */ p(
+        C,
         {
           sx: {
             position: "relative",
@@ -1312,9 +1334,9 @@ const _t = ({
             textAlign: { xs: "center", md: "left" }
           },
           children: [
-            /* @__PURE__ */ d(j, { spacing: 3, sx: { maxWidth: { md: 280 } }, children: [
+            /* @__PURE__ */ p(A, { spacing: 3, sx: { maxWidth: { md: 280 } }, children: [
               /* @__PURE__ */ e(
-                G,
+                M,
                 {
                   variant: "h4",
                   sx: {
@@ -1323,11 +1345,11 @@ const _t = ({
                     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: a
+                  children: i
                 }
               ),
               /* @__PURE__ */ e(
-                G,
+                M,
                 {
                   sx: {
                     fontSize: { xs: 14, md: 18 },
@@ -1335,21 +1357,21 @@ const _t = ({
                     marginX: { xs: 4, md: 0 },
                     lineHeight: 1.5
                   },
-                  children: s
+                  children: r
                 }
               ),
-              /* @__PURE__ */ e(S, { sx: { display: { xs: "none", md: "block" } }, children: /* @__PURE__ */ e(
+              /* @__PURE__ */ e(C, { sx: { display: { xs: "none", md: "block" } }, children: /* @__PURE__ */ e(
                 T,
                 {
                   variant: "primary",
                   size: "md",
-                  onClick: () => n == null ? void 0 : n(),
+                  onClick: () => a == null ? void 0 : a(),
                   children: "Ver más"
                 }
               ) })
             ] }),
             /* @__PURE__ */ e(
-              S,
+              C,
               {
                 sx: {
                   display: "flex",
@@ -1359,28 +1381,30 @@ const _t = ({
                   py: { xs: 3, md: 0 },
                   alignItems: "center"
                 },
-                children: (t != null ? t : []).slice(0, 3).map((g, f) => {
-                  var h, C;
+                children: (t != null ? t : []).slice(0, 3).map((g, v) => {
+                  var x;
                   return /* @__PURE__ */ e(
-                    et,
+                    nt,
                     {
-                      logo: `https://olimpo.bet${(h = g.logo) != null ? h : ""}`,
+                      logo: `https://olimpo.bet${(x = g.logo) != null ? x : ""}`,
                       provider: g.provider,
                       providerName: g.web_name,
                       machine: g.machine,
-                      onClick: () => o == null ? void 0 : o(g, f)
+                      onClick: () => {
+                        o ? o(g, v) : $t(g);
+                      }
                     },
-                    (C = g.orden) != null ? C : f
+                    Et(g, v)
                   );
                 })
               }
             ),
-            /* @__PURE__ */ e(S, { sx: { display: { xs: "block", md: "none" } }, children: /* @__PURE__ */ e(
+            /* @__PURE__ */ e(C, { sx: { display: { xs: "block", md: "none" } }, children: /* @__PURE__ */ e(
               T,
               {
                 variant: "primary",
                 size: "lg",
-                onClick: () => n == null ? void 0 : n(),
+                onClick: () => a == null ? void 0 : a(),
                 children: "Ver más"
               }
             ) })
@@ -1389,55 +1413,63 @@ const _t = ({
       )
     ]
   }
-), St = (t, a = !0, s = 4) => {
-  const r = t.map((n, u) => {
-    var g, f, h;
+), Se = (t, i) => {
+  var r, n;
+  return (n = (r = t.orden) != null ? r : t.machine) != null ? n : i;
+}, kt = (t) => {
+  var s, d, l, u, _;
+  if (typeof window == "undefined") return;
+  const i = (s = t.name) != null ? s : "", r = (d = t.provider) != null ? d : "", n = (l = t.machine) != null ? l : "", c = (u = t.external_id) != null ? u : "", o = (_ = t.type) != null ? _ : "Casino", a = encodeURIComponent(String(r)), m = encodeURIComponent(String(n)), g = encodeURIComponent(String(i)), v = encodeURIComponent(String(c)), x = encodeURIComponent(String(o)), w = `https://www.olimpo.bet/casino?${m}?provider=${a}&name=${g}&external_id=${v}&type=${x}`;
+  window.location.href = w;
+}, Nt = (t, i = !0, r = 4) => {
+  const n = t.map((a, m) => {
+    var g;
     return {
-      id: (f = (g = n.orden) != null ? g : n.machine) != null ? f : u,
-      imageUrl: (h = n.logo) != null ? h : ""
+      id: Se(a, m),
+      imageUrl: (g = a.logo) != null ? g : ""
     };
   });
-  if (!r.length) return [];
+  if (!n.length) return [];
   const c = [];
   let o = 0;
-  if (a) {
-    const n = Math.min(r.length, 5);
+  if (i) {
+    const a = Math.min(n.length, 5);
     c.push({
       id: "mosaic-0",
       kind: "mosaic",
-      items: r.slice(0, n)
-    }), o = n;
+      items: n.slice(0, a)
+    }), o = a;
   }
-  for (; o < r.length; ) {
-    const n = Math.min(o + s, r.length);
+  for (; o < n.length; ) {
+    const a = Math.min(o + r, n.length);
     c.push({
       id: `grid-${o}`,
       kind: "grid",
-      items: r.slice(o, n)
-    }), o = n;
+      items: n.slice(o, a)
+    }), o = a;
   }
   return c;
-}, wt = ({
+}, Ot = ({
   items: t,
-  title: a = "Casino",
-  iconUrl: s = "/assets/img/home/Casino/diamante.svg",
-  onItemClick: r,
+  title: i = "Casino",
+  iconUrl: r = "/assets/img/home/Casino/diamante.svg",
+  onItemClick: n,
   onViewMore: c,
   mosaicFirst: o = !0,
-  gridSize: n = 4
+  gridSize: a = 4
 }) => {
-  const u = M(null), [g, f] = F({ isStart: !0, isEnd: !1 }), h = St(t, o, n), C = () => {
+  const m = G(null), [g, v] = U({ isStart: !0, isEnd: !1 }), x = Nt(t, o, a), w = () => {
     var l;
-    (l = u.current) == null || l.prev();
-  }, i = () => {
+    (l = m.current) == null || l.prev();
+  }, s = () => {
     var l;
-    (l = u.current) == null || l.next();
-  }, v = () => {
+    (l = m.current) == null || l.next();
+  }, d = () => {
     c == null || c();
   };
-  return /* @__PURE__ */ e("section", { children: /* @__PURE__ */ d(j, { direction: "column", spacing: 2, useFlexGap: !0, children: [
-    /* @__PURE__ */ d(
-      S,
+  return /* @__PURE__ */ e("section", { children: /* @__PURE__ */ p(A, { direction: "column", spacing: 2, useFlexGap: !0, children: [
+    /* @__PURE__ */ p(
+      C,
       {
         sx: {
           display: "grid",
@@ -1450,13 +1482,13 @@ const _t = ({
           /* @__PURE__ */ e(
             X,
             {
-              title: a,
-              iconUrl: s,
+              title: i,
+              iconUrl: r,
               size: "md"
             }
           ),
-          /* @__PURE__ */ d(
-            S,
+          /* @__PURE__ */ p(
+            C,
             {
               sx: {
                 display: "flex",
@@ -1470,8 +1502,8 @@ const _t = ({
                     ariaLabel: "Anterior",
                     variant: "secondary",
                     iconOnly: !0,
-                    leftIcon: /* @__PURE__ */ e(he, {}),
-                    onClick: C,
+                    leftIcon: /* @__PURE__ */ e(fe, {}),
+                    onClick: w,
                     disabled: g.isStart
                   }
                 ),
@@ -1481,23 +1513,23 @@ const _t = ({
                     ariaLabel: "Siguiente",
                     variant: "secondary",
                     iconOnly: !0,
-                    rightIcon: /* @__PURE__ */ e(fe, {}),
-                    onClick: i,
+                    rightIcon: /* @__PURE__ */ e(xe, {}),
+                    onClick: s,
                     disabled: g.isEnd
                   }
                 )
               ]
             }
           ),
-          /* @__PURE__ */ e(S, { sx: { justifySelf: "end" }, children: /* @__PURE__ */ e(T, { variant: "secondary", onClick: v, children: "Ver más" }) })
+          /* @__PURE__ */ e(C, { sx: { justifySelf: "end" }, children: /* @__PURE__ */ e(T, { variant: "secondary", onClick: d, children: "Ver más" }) })
         ]
       }
     ),
     /* @__PURE__ */ e(
       J,
       {
-        ref: u,
-        items: h,
+        ref: m,
+        items: x,
         perPage: 1,
         gap: "0px",
         options: {
@@ -1510,74 +1542,79 @@ const _t = ({
           focus: "start"
         },
         renderItem: (l) => /* @__PURE__ */ e("div", { style: { alignSelf: "start" }, children: /* @__PURE__ */ e(
-          ye,
+          _e,
           {
             items: l.items,
             layout: l.kind === "mosaic" ? "mosaic" : "grid",
-            onClick: (p) => {
-              const E = t.find(
-                (k, w) => {
-                  var O;
-                  return ((O = k.orden) != null ? O : w) === p.id;
-                }
+            onClick: (u) => {
+              const _ = t.find(
+                (k, E) => Se(k, E) === u.id
               );
-              E && (r == null || r(E));
+              _ && (n ? n(_) : kt(_));
             }
           }
         ) }),
-        onMove: ({ isStart: l, isEnd: p }) => f({ isStart: l, isEnd: p })
+        onMove: ({ isStart: l, isEnd: u }) => v({ isStart: l, isEnd: u })
       }
     )
   ] }) });
-}, Ct = (t, a = !0, s = 4) => {
-  const r = t.map((n, u) => {
-    var g, f;
+}, we = (t, i) => {
+  var r, n;
+  return (n = (r = t.orden) != null ? r : t.machine) != null ? n : i;
+}, Rt = (t) => {
+  var s, d, l, u, _;
+  if (typeof window == "undefined") return;
+  const i = (s = t.name) != null ? s : "", r = (d = t.provider) != null ? d : "", n = (l = t.machine) != null ? l : "", c = (u = t.external_id) != null ? u : "", o = (_ = t.type) != null ? _ : "Virtuales", a = encodeURIComponent(String(r)), m = encodeURIComponent(String(n)), g = encodeURIComponent(String(i)), v = encodeURIComponent(String(c)), x = encodeURIComponent(String(o)), w = `https://www.olimpo.bet/juegos-virtuales?${m}?provider=${a}&name=${g}&external_id=${v}&type=${x}`;
+  window.location.href = w;
+}, Tt = (t, i = !0, r = 4) => {
+  const n = t.map((a, m) => {
+    var g;
     return {
-      id: (g = n.orden) != null ? g : u,
-      imageUrl: (f = n.logo) != null ? f : ""
+      id: we(a, m),
+      imageUrl: (g = a.logo) != null ? g : ""
     };
   });
-  if (!r.length) return [];
+  if (!n.length) return [];
   const c = [];
   let o = 0;
-  if (a) {
-    const n = Math.min(r.length, 5);
+  if (i) {
+    const a = Math.min(n.length, 5);
     c.push({
       id: "mosaic-0",
       kind: "mosaic",
-      items: r.slice(0, n)
-    }), o = n;
+      items: n.slice(0, a)
+    }), o = a;
   }
-  for (; o < r.length; ) {
-    const n = Math.min(o + s, r.length);
+  for (; o < n.length; ) {
+    const a = Math.min(o + r, n.length);
     c.push({
       id: `grid-${o}`,
       kind: "grid",
-      items: r.slice(o, n)
-    }), o = n;
+      items: n.slice(o, a)
+    }), o = a;
   }
   return c;
-}, Et = ({
+}, Pt = ({
   items: t,
-  title: a = "Virtuales",
-  iconUrl: s = "/assets/img/home/Virtuales/virtuales.svg",
-  onItemClick: r,
+  title: i = "Virtuales",
+  iconUrl: r = "/assets/img/home/Virtuales/virtuales.svg",
+  onItemClick: n,
   onViewMore: c,
   mosaicFirst: o = !0,
-  gridSize: n = 4
+  gridSize: a = 4
 }) => {
-  const u = M(null), [g, f] = F({ isStart: !0, isEnd: !1 }), h = Ct(t, o, n), C = () => {
+  const m = G(null), [g, v] = U({ isStart: !0, isEnd: !1 }), x = Tt(t, o, a), w = () => {
     var l;
-    (l = u.current) == null || l.prev();
-  }, i = () => {
+    (l = m.current) == null || l.prev();
+  }, s = () => {
     var l;
-    (l = u.current) == null || l.next();
-  }, v = () => {
+    (l = m.current) == null || l.next();
+  }, d = () => {
     c == null || c();
   };
-  return /* @__PURE__ */ e("section", { children: /* @__PURE__ */ d(j, { direction: "column", spacing: 2, useFlexGap: !0, children: [
-    /* @__PURE__ */ d(
-      S,
+  return /* @__PURE__ */ e("section", { children: /* @__PURE__ */ p(A, { direction: "column", spacing: 2, useFlexGap: !0, children: [
+    /* @__PURE__ */ p(
+      C,
       {
         sx: {
           display: "grid",
@@ -1590,13 +1627,13 @@ const _t = ({
           /* @__PURE__ */ e(
             X,
             {
-              title: a,
-              iconUrl: s,
+              title: i,
+              iconUrl: r,
               size: "md"
             }
           ),
-          /* @__PURE__ */ d(
-            S,
+          /* @__PURE__ */ p(
+            C,
             {
               sx: {
                 display: "flex",
@@ -1610,8 +1647,8 @@ const _t = ({
                     ariaLabel: "Anterior",
                     variant: "secondary",
                     iconOnly: !0,
-                    leftIcon: /* @__PURE__ */ e(he, {}),
-                    onClick: C,
+                    leftIcon: /* @__PURE__ */ e(fe, {}),
+                    onClick: w,
                     disabled: g.isStart
                   }
                 ),
@@ -1621,23 +1658,23 @@ const _t = ({
                     ariaLabel: "Siguiente",
                     variant: "secondary",
                     iconOnly: !0,
-                    rightIcon: /* @__PURE__ */ e(fe, {}),
-                    onClick: i,
+                    rightIcon: /* @__PURE__ */ e(xe, {}),
+                    onClick: s,
                     disabled: g.isEnd
                   }
                 )
               ]
             }
           ),
-          /* @__PURE__ */ e(S, { sx: { justifySelf: "end" }, children: /* @__PURE__ */ e(T, { variant: "secondary", onClick: v, children: "Ver más" }) })
+          /* @__PURE__ */ e(C, { sx: { justifySelf: "end" }, children: /* @__PURE__ */ e(T, { variant: "secondary", onClick: d, children: "Ver más" }) })
         ]
       }
     ),
     /* @__PURE__ */ e(
       J,
       {
-        ref: u,
-        items: h,
+        ref: m,
+        items: x,
         perPage: 1,
         gap: "0",
         options: {
@@ -1651,26 +1688,23 @@ const _t = ({
           perMove: 1
         },
         renderItem: (l) => /* @__PURE__ */ e("div", { style: { alignSelf: "start" }, children: /* @__PURE__ */ e(
-          ye,
+          _e,
           {
             items: l.items,
             layout: l.kind === "mosaic" ? "mosaic" : "grid",
-            onClick: (p) => {
-              const E = t.find(
-                (k, w) => {
-                  var O;
-                  return ((O = k.orden) != null ? O : w) === p.id;
-                }
+            onClick: (u) => {
+              const _ = t.find(
+                (k, E) => we(k, E) === u.id
               );
-              E && (r == null || r(E));
+              _ && (n ? n(_) : Rt(_));
             }
           }
         ) }),
-        onMove: ({ isStart: l, isEnd: p }) => f({ isStart: l, isEnd: p })
+        onMove: ({ isStart: l, isEnd: u }) => v({ isStart: l, isEnd: u })
       }
     )
   ] }) });
-}, $t = (t) => ({
+}, Ft = (t) => ({
   // width: "100vw",
   position: "relative",
   // left: "50%",
@@ -1689,15 +1723,15 @@ const _t = ({
   backgroundRepeat: "no-repeat",
   backgroundPosition: "center",
   backgroundSize: "cover"
-}), le = {
+}), de = {
   textAlign: "center",
   lineHeight: 1.1,
   mb: 1.5
-}, de = {
+}, pe = {
   display: "inline-block",
   fontWeight: 600,
   fontSize: 24
-}, ue = {
+}, me = {
   display: "inline-block",
   fontSize: 24,
   lineHeight: 1.1,
@@ -1707,35 +1741,35 @@ const _t = ({
     0 0 6px rgba(255, 255, 255, .6),
     0 1px 0 rgba(137, 137, 137, .85)
   `
-}, Nt = ({
+}, Ut = ({
   headline: t,
-  headline2: a,
-  items: s,
-  backgroundImageUrl: r
+  headline2: i,
+  items: r,
+  backgroundImageUrl: n
 }) => {
-  const c = t, o = a, n = ke("(max-width: 767px)"), u = s.length > 1, g = r != null ? r : "", f = $t(g), h = M(null), [C, i] = F({ isStart: !0, isEnd: !1 }), [v, l] = F(0);
-  return n ? /* @__PURE__ */ d(
-    S,
+  const c = t, o = i, a = Te("(max-width: 767px)"), m = r.length > 1, g = n != null ? n : "", v = Ft(g), x = G(null), [w, s] = U({ isStart: !0, isEnd: !1 }), [d, l] = U(0);
+  return a ? /* @__PURE__ */ p(
+    C,
     {
       component: "section",
       sx: {
-        ...f,
+        ...v,
         textAlign: "center"
       },
       children: [
-        (c || o) && /* @__PURE__ */ d(S, { sx: le, children: [
-          c && /* @__PURE__ */ e(G, { component: "span", sx: de, children: c }),
-          o && /* @__PURE__ */ d(Q, { children: [
+        (c || o) && /* @__PURE__ */ p(C, { sx: de, children: [
+          c && /* @__PURE__ */ e(M, { component: "span", sx: pe, children: c }),
+          o && /* @__PURE__ */ p(V, { children: [
             /* @__PURE__ */ e("br", {}),
-            /* @__PURE__ */ e(G, { component: "span", sx: ue, children: o })
+            /* @__PURE__ */ e(M, { component: "span", sx: me, children: o })
           ] })
         ] }),
-        /* @__PURE__ */ d(S, { children: [
+        /* @__PURE__ */ p(C, { children: [
           /* @__PURE__ */ e(
             J,
             {
-              ref: h,
-              items: s,
+              ref: x,
+              items: r,
               perPage: 1,
               gap: "12px",
               breakpoints: {
@@ -1753,28 +1787,28 @@ const _t = ({
               options: {
                 autoWidth: !1
               },
-              renderItem: (p) => /* @__PURE__ */ e(ce, { ...p, onButtonClick: s[0].onButtonClick }),
-              onMove: ({ index: p, isStart: E, isEnd: k }) => {
-                i({ isStart: E, isEnd: k }), l(p);
+              renderItem: (u) => /* @__PURE__ */ e(le, { ...u, onButtonClick: r[0].onButtonClick }),
+              onMove: ({ index: u, isStart: _, isEnd: k }) => {
+                s({ isStart: _, isEnd: k }), l(u);
               }
             }
           ),
-          u && /* @__PURE__ */ e(
-            xe,
+          m && /* @__PURE__ */ e(
+            be,
             {
-              total: s.length,
-              active: v,
-              onSelect: (p) => {
-                var E;
-                l(p), (E = h.current) == null || E.go(p);
+              total: r.length,
+              active: d,
+              onSelect: (u) => {
+                var _;
+                l(u), (_ = x.current) == null || _.go(u);
               }
             }
           )
         ] })
       ]
     }
-  ) : /* @__PURE__ */ e(S, { component: "section", sx: f, children: /* @__PURE__ */ d(
-    S,
+  ) : /* @__PURE__ */ e(C, { component: "section", sx: v, children: /* @__PURE__ */ p(
+    C,
     {
       sx: {
         maxWidth: 1200,
@@ -1786,7 +1820,7 @@ const _t = ({
       },
       children: [
         (c || o) && /* @__PURE__ */ e(
-          S,
+          C,
           {
             sx: {
               display: "flex",
@@ -1794,19 +1828,19 @@ const _t = ({
               justifyContent: "flex-start",
               minHeight: "100%"
             },
-            children: /* @__PURE__ */ d(
-              S,
+            children: /* @__PURE__ */ p(
+              C,
               {
                 sx: {
-                  ...le,
+                  ...de,
                   textAlign: "left",
                   mb: 0
                 },
                 children: [
-                  c && /* @__PURE__ */ e(G, { component: "span", sx: de, children: c }),
-                  o && /* @__PURE__ */ d(Q, { children: [
+                  c && /* @__PURE__ */ e(M, { component: "span", sx: pe, children: c }),
+                  o && /* @__PURE__ */ p(V, { children: [
                     /* @__PURE__ */ e("br", {}),
-                    /* @__PURE__ */ e(G, { component: "span", sx: ue, children: o })
+                    /* @__PURE__ */ e(M, { component: "span", sx: me, children: o })
                   ] })
                 ]
               }
@@ -1814,7 +1848,7 @@ const _t = ({
           }
         ),
         /* @__PURE__ */ e(
-          S,
+          C,
           {
             sx: {
               display: "flex",
@@ -1823,174 +1857,176 @@ const _t = ({
               flexWrap: "nowrap",
               gap: 4
             },
-            children: s.map((p, E) => /* @__PURE__ */ e(
-              ce,
+            children: r.map((u, _) => /* @__PURE__ */ e(
+              le,
               {
-                onButtonClick: p.onButtonClick,
-                ...p
+                onButtonClick: u.onButtonClick,
+                ...u
               },
-              E
+              _
             ))
           }
         )
       ]
     }
   ) });
-}, Ot = ({
+}, zt = ({
   className: t = "",
-  fullBleed: a = !0,
-  items: s,
-  selectedIndex: r = 0,
+  fullBleed: i = !0,
+  items: r,
+  selectedIndex: n = 0,
   ariaLabel: c
 }) => {
-  const o = M(null), n = M(null);
-  if (!s) return null;
-  const u = s;
-  $e(() => {
-    if (!o.current || !n.current || typeof ResizeObserver == "undefined") return;
-    const f = o.current, h = n.current, C = () => {
-      f.style.setProperty(
+  const o = G(null), a = G(null);
+  if (!r) return null;
+  const m = () => {
+    window.location.href = "https://www.olimpo.bet/conoce-club-olimpo";
+  }, g = Array.isArray(r) ? r[n] : r;
+  Ne(() => {
+    if (!o.current || !a.current || typeof ResizeObserver == "undefined") return;
+    const x = o.current, w = a.current, s = () => {
+      x.style.setProperty(
         "--orc-co-bottomH",
-        `${h.offsetHeight + 16}px`
+        `${w.offsetHeight + 16}px`
       );
-    }, i = new ResizeObserver(C);
-    return i.observe(h), C(), () => i.disconnect();
+    }, d = new ResizeObserver(s);
+    return d.observe(w), s(), () => d.disconnect();
   }, []);
-  const g = [
+  const v = [
     "orc-co-wrap",
-    a ? "orc-co-fullBleed" : "",
+    i ? "orc-co-fullBleed" : "",
     t
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ e(
     "section",
     {
       ref: o,
-      className: g,
-      "aria-label": c || u.imgAlt || "Club Olimpo",
-      children: /* @__PURE__ */ e("div", { ref: n, children: /* @__PURE__ */ e(
-        tt,
+      className: v,
+      "aria-label": c || g.imgAlt || "Club Olimpo",
+      children: /* @__PURE__ */ e("div", { ref: a, children: /* @__PURE__ */ e(
+        rt,
         {
-          text: u.text,
-          onClick: u.onClick,
-          imgAlt: u.imgAlt,
-          imgSrcMobile: u.images.mobile,
-          imgSrcDesktopBg: u.images.desktopBg,
-          imgSrcDesktopLogo: u.images.desktopLogo
+          text: g.text,
+          onClick: m,
+          imgAlt: g.imgAlt,
+          imgSrcMobile: g.imgMobile,
+          imgSrcDesktopBg: g.imgDesktopBg,
+          imgSrcDesktopLogo: g.imgDesktopLogo
         }
       ) })
     }
   );
-}, kt = "oraculo__OraculoSeccionEventoCombinadas-module__controls___Zsta4", It = {
-  controls: kt
+}, Lt = "oraculo__OraculoSeccionEventoCombinadas-module__controls___Zsta4", At = {
+  controls: Lt
 };
-function Tt({
+function Wt({
   items: t,
-  title: a = "Combinadas del Olimpo",
-  iconUrl: s,
-  onViewMore: r,
+  title: i = "Combinadas del Olimpo",
+  iconUrl: r,
+  onViewMore: n,
   className: c = ""
 }) {
-  const o = M(null), [n, u] = F({ isStart: !0, isEnd: !1 }), [g, f] = F([]), h = () => {
-    var w;
-    (w = o.current) == null || w.prev();
-  }, C = () => {
-    var w;
-    (w = o.current) == null || w.next(), console.log("items: ", t);
-  }, i = () => {
-    r == null || r();
+  const o = G(null), [a, m] = U({ isStart: !0, isEnd: !1 }), [g, v] = U([]), x = () => {
+    var E;
+    (E = o.current) == null || E.prev();
+  }, w = () => {
+    var E;
+    (E = o.current) == null || E.next(), console.log("items: ", t);
+  }, s = () => {
+    n == null || n();
   };
-  function v(w, O, R) {
-    const $ = [];
-    for (const N of R) {
-      const z = p([N]), L = O.reduce((m, _) => {
-        m[_.eventId] || (m[_.eventId] = []);
-        const b = _.outcomes.filter(
-          (y) => z.has(y.id)
+  function d(E, O, P) {
+    const I = [];
+    for (const N of P) {
+      const L = u([N]), F = O.reduce((h, f) => {
+        h[f.eventId] || (h[f.eventId] = []);
+        const y = f.outcomes.filter(
+          (b) => L.has(b.id)
         );
-        return b.length > 0 && m[_.eventId].push({
-          ..._,
-          outcomes: b
-        }), m;
-      }, {}), x = l(N);
-      w.forEach((m) => {
-        if (m.id !== N.prePackCouponRows[0].eventId) return;
-        const _ = z;
-        let b = null;
-        for (const y of x)
-          if ([...y.requiredOutcomeIds].every((P) => _.has(P))) {
-            b = y.decimal;
+        return y.length > 0 && h[f.eventId].push({
+          ...f,
+          outcomes: y
+        }), h;
+      }, {}), q = l(N);
+      E.forEach((h) => {
+        if (h.id !== N.prePackCouponRows[0].eventId) return;
+        const f = L;
+        let y = null;
+        for (const b of q)
+          if ([...b.requiredOutcomeIds].every(($) => f.has($))) {
+            y = b.decimal;
             break;
           }
-        $.push({
-          ...m,
-          combinadoTotal: b,
-          betoffers: L[m.id] || [],
+        I.push({
+          ...h,
+          combinadoTotal: y,
+          betoffers: F[h.id] || [],
           couponId: N.id
           // optional for tracking
         });
       });
     }
-    return $;
+    return I;
   }
-  function l(w) {
-    var R;
+  function l(E) {
+    var P;
     const O = [];
-    for (const $ of w.prePackCouponRows)
-      if ($.type === "BET_BUILDER" && ((R = $.group) != null && R.groups)) {
+    for (const I of E.prePackCouponRows)
+      if (I.type === "BET_BUILDER" && ((P = I.group) != null && P.groups)) {
         const N = /* @__PURE__ */ new Set();
-        $.group.groups.forEach((z) => {
-          var L;
-          (L = z.outcomes) == null || L.forEach((x) => N.add(x.id));
+        I.group.groups.forEach((L) => {
+          var F;
+          (F = L.outcomes) == null || F.forEach((q) => N.add(q.id));
         }), O.push({
           requiredOutcomeIds: N,
-          decimal: $.odds.decimal
+          decimal: I.odds.decimal
         });
       }
     return O;
   }
-  function p(w) {
-    var R;
+  function u(E) {
+    var P;
     const O = /* @__PURE__ */ new Set();
-    for (const $ of w)
-      for (const N of $.prePackCouponRows)
-        N.type === "BET_BUILDER" && ((R = N.group) != null && R.groups) && N.group.groups.forEach((z) => {
-          var L;
-          (L = z.outcomes) == null || L.forEach((x) => O.add(x.id));
+    for (const I of E)
+      for (const N of I.prePackCouponRows)
+        N.type === "BET_BUILDER" && ((P = N.group) != null && P.groups) && N.group.groups.forEach((L) => {
+          var F;
+          (F = L.outcomes) == null || F.forEach((q) => O.add(q.id));
         }), N.type === "SIMPLE" && N.outcome && O.add(N.outcome.id);
     return O;
   }
-  async function E() {
-    var w, O, R;
+  async function _() {
+    var E, O, P;
     try {
-      const $ = (R = (O = (w = t == null ? void 0 : t.group) == null ? void 0 : w.groups) == null ? void 0 : O[0]) == null ? void 0 : R.id;
-      if (!$) {
+      const I = (P = (O = (E = t == null ? void 0 : t.group) == null ? void 0 : E.groups) == null ? void 0 : O[0]) == null ? void 0 : P.id;
+      if (!I) {
         console.error("Could not extract group ID");
         return;
       }
-      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`, L = await (await fetch(N)).json();
-      f(
-        v(L.events, L.betOffers, L.prePackCoupons)
+      const N = `https://us1.offering-api.kambicdn.com/offering/v2018/nexuspe/prepackcoupon/eventgroup/${I}.json?lang=es_PE&market=PE&client_id=200&channel_id=1&ncid=1764283566783&prePackCouponTags=CUSTOM`, F = await (await fetch(N)).json();
+      v(
+        d(F.events, F.betOffers, F.prePackCoupons)
       );
-    } catch ($) {
-      console.error("loadDataEventSpecial error:", $);
+    } catch (I) {
+      console.error("loadDataEventSpecial error:", I);
     }
   }
-  return Z(() => {
-    t && E();
-  }, [t]), /* @__PURE__ */ e("section", { className: c || void 0, style: { width: "100%" }, children: /* @__PURE__ */ d(j, { direction: "column", spacing: 1.5, useFlexGap: !0, children: [
-    /* @__PURE__ */ d(D, { spacing: 1.5, columns: "1fr auto auto", justify: "start", children: [
-      /* @__PURE__ */ e(X, { title: a, iconUrl: s, size: "md" }),
-      /* @__PURE__ */ d("div", { className: It.controls, children: [
-        /* @__PURE__ */ d(D, { spacing: 1, columns: "auto auto", children: [
+  return Y(() => {
+    t && _();
+  }, [t]), /* @__PURE__ */ e("section", { className: c || void 0, style: { width: "100%" }, children: /* @__PURE__ */ p(A, { direction: "column", spacing: 1.5, useFlexGap: !0, children: [
+    /* @__PURE__ */ p(D, { spacing: 1.5, columns: "1fr auto auto", justify: "start", children: [
+      /* @__PURE__ */ e(X, { title: i, iconUrl: r, size: "md" }),
+      /* @__PURE__ */ p("div", { className: At.controls, children: [
+        /* @__PURE__ */ p(D, { spacing: 1, columns: "auto auto", children: [
           /* @__PURE__ */ e(
             T,
             {
               ariaLabel: "Anterior",
               variant: "secondary",
               iconOnly: !0,
-              leftIcon: /* @__PURE__ */ e(re, {}),
-              onClick: h,
-              disabled: n.isStart
+              leftIcon: /* @__PURE__ */ e(ae, {}),
+              onClick: x,
+              disabled: a.isStart
             }
           ),
           /* @__PURE__ */ e(
@@ -1999,13 +2035,13 @@ function Tt({
               ariaLabel: "Siguiente",
               variant: "secondary",
               iconOnly: !0,
-              rightIcon: /* @__PURE__ */ e(ae, {}),
-              onClick: C,
-              disabled: n.isEnd
+              rightIcon: /* @__PURE__ */ e(ie, {}),
+              onClick: w,
+              disabled: a.isEnd
             }
           )
         ] }),
-        /* @__PURE__ */ e(T, { variant: "secondary", onClick: i, children: "Ver más" })
+        /* @__PURE__ */ e(T, { variant: "secondary", onClick: s, children: "Ver más" })
       ] })
     ] }),
     /* @__PURE__ */ e(
@@ -2020,43 +2056,43 @@ function Tt({
         breakpoints: {
           768: { perPage: 1.2, gap: "12px", padding: { left: "0px", right: "0px" } }
         },
-        renderItem: (w) => /* @__PURE__ */ e(dt, { event: w }),
-        onMove: ({ isStart: w, isEnd: O }) => u({ isStart: w, isEnd: O })
+        renderItem: (E) => /* @__PURE__ */ e(ut, { event: E }),
+        onMove: ({ isStart: E, isEnd: O }) => m({ isStart: E, isEnd: O })
       }
     )
   ] }) });
 }
-function Pt({
+function Bt({
   items: t,
-  title: a = "En vivo",
-  iconUrl: s,
-  onViewMore: r,
+  title: i = "En vivo",
+  iconUrl: r,
+  onViewMore: n,
   className: c = ""
 }) {
-  var i, v;
+  var s, d;
   console.log("wefwef", t);
-  const o = M(null), [n, u] = F({ isStart: !0, isEnd: !1 }), g = () => {
+  const o = G(null), [a, m] = U({ isStart: !0, isEnd: !1 }), g = () => {
     var l;
     (l = o.current) == null || l.prev();
-  }, f = () => {
+  }, v = () => {
     var l;
     (l = o.current) == null || l.next(), console.log("items: ", t);
-  }, h = () => {
-    r == null || r();
+  }, x = () => {
+    n == null || n();
   };
-  return /* @__PURE__ */ d("section", { className: c || void 0, style: { width: "100%" }, children: [
-    /* @__PURE__ */ d(D, { spacing: 1.5, columns: "1fr auto auto", justify: "start", children: [
-      /* @__PURE__ */ e(X, { title: a, iconUrl: s, size: "md" }),
-      /* @__PURE__ */ d("div", { style: { display: "flex", gap: 8 }, children: [
+  return /* @__PURE__ */ p("section", { className: c || void 0, style: { width: "100%" }, children: [
+    /* @__PURE__ */ p(D, { spacing: 1.5, columns: "1fr auto auto", justify: "start", children: [
+      /* @__PURE__ */ e(X, { title: i, iconUrl: r, size: "md" }),
+      /* @__PURE__ */ p("div", { style: { display: "flex", gap: 8 }, children: [
         /* @__PURE__ */ e(
           T,
           {
             ariaLabel: "Anterior",
             variant: "secondary",
             iconOnly: !0,
-            leftIcon: /* @__PURE__ */ e(re, {}),
+            leftIcon: /* @__PURE__ */ e(ae, {}),
             onClick: g,
-            disabled: n.isStart
+            disabled: a.isStart
           }
         ),
         /* @__PURE__ */ e(
@@ -2065,19 +2101,19 @@ function Pt({
             ariaLabel: "Siguiente",
             variant: "secondary",
             iconOnly: !0,
-            rightIcon: /* @__PURE__ */ e(ae, {}),
-            onClick: f,
-            disabled: n.isEnd
+            rightIcon: /* @__PURE__ */ e(ie, {}),
+            onClick: v,
+            disabled: a.isEnd
           }
         )
       ] }),
-      /* @__PURE__ */ e(T, { variant: "secondary", onClick: h, children: "Ver más" })
+      /* @__PURE__ */ e(T, { variant: "secondary", onClick: x, children: "Ver más" })
     ] }),
     /* @__PURE__ */ e(
       J,
       {
         ref: o,
-        items: (v = (i = t == null ? void 0 : t.events) == null ? void 0 : i.filter((l) => l.event.sport === "FOOTBALL").sort((l, p) => new Date(p.event.start).getTime() - new Date(l.event.start).getTime())) != null ? v : [],
+        items: (d = (s = t == null ? void 0 : t.events) == null ? void 0 : s.filter((l) => l.event.sport === "FOOTBALL").sort((l, u) => new Date(u.event.start).getTime() - new Date(l.event.start).getTime())) != null ? d : [],
         perPage: 3.395,
         gap: "16px",
         options: { autoWidth: !0 },
@@ -2085,93 +2121,130 @@ function Pt({
           768: { perPage: 1, gap: "8px", focus: "center", padding: { left: "16px", right: "16px" } },
           1024: { perPage: 2.5, gap: "10px", padding: { right: "16px" } }
         },
-        renderItem: (l) => /* @__PURE__ */ e(ut, { ...l }),
-        onMove: ({ isStart: l, isEnd: p }) => u({ isStart: l, isEnd: p })
+        renderItem: (l) => /* @__PURE__ */ e(gt, { ...l }),
+        onMove: ({ isStart: l, isEnd: u }) => m({ isStart: l, isEnd: u })
       }
     )
   ] });
 }
-const Rt = "oraculo__OraculoSeccionEventoSemana-module__wrapper___eqVq-", Ft = "oraculo__OraculoSeccionEventoSemana-module__container___5yFQs", zt = "oraculo__OraculoSeccionEventoSemana-module__buttonWrapper___-6IDT", oe = {
-  wrapper: Rt,
-  container: Ft,
-  buttonWrapper: zt
+const jt = "oraculo__OraculoSeccionEventoSemana-module__wrapper___eqVq-", Gt = "oraculo__OraculoSeccionEventoSemana-module__container___5yFQs", Mt = "oraculo__OraculoSeccionEventoSemana-module__buttonWrapper___-6IDT", ne = {
+  wrapper: jt,
+  container: Gt,
+  buttonWrapper: Mt
 };
-function Wt({
+function Dt({
   items: t,
-  title: a = "En vivo",
-  iconUrl: s,
-  onViewMore: r,
+  title: i = "En vivo",
+  iconUrl: r,
+  onViewMore: n,
   className: c = ""
 }) {
   const o = /* @__PURE__ */ new Date();
   o.toISOString();
-  const n = new Date(o);
-  n.setDate(n.getDate() + 7), n.toISOString();
-  const u = M(null), [g, f] = F({ isStart: !0, isEnd: !1 }), [h, C] = F([]), i = () => {
-    r == null || r();
+  const a = new Date(o);
+  a.setDate(a.getDate() + 7), a.toISOString();
+  const m = G(null), [g, v] = U({ isStart: !0, isEnd: !1 }), [x, w] = U([]), s = () => {
+    n == null || n();
   };
-  async function v() {
+  async function d() {
     try {
-      const k = t.events.map(($) => {
+      const k = t.events.map((I) => {
         var N;
-        return (N = $.event) == null ? void 0 : N.id;
-      }), w = k.map(($) => `id=${$}`).join("&"), R = `https://us1.offering-api.kambicdn.com/offering/v2018/nexuspe/betoffer/selected/combined_layout/event/${k[0]}?${w}&lang=es_PE&market=PE`;
-      l(R);
+        return (N = I.event) == null ? void 0 : N.id;
+      }), E = k.map((I) => `id=${I}`).join("&"), P = `https://us1.offering-api.kambicdn.com/offering/v2018/nexuspe/betoffer/selected/combined_layout/event/${k[0]}?${E}&lang=es_PE&market=PE`;
+      l(P);
     } catch (k) {
       console.error(k);
     }
   }
   async function l(k) {
     try {
-      const O = await (await fetch(k)).json(), R = O.events.map((N) => N.event), $ = O.events.flatMap((N) => N.betOffers || []);
-      C(p(R, $));
-    } catch (w) {
-      console.error(w);
+      const O = await (await fetch(k)).json(), P = O.events.map((N) => N.event), I = O.events.flatMap((N) => N.betOffers || []);
+      w(u(P, I));
+    } catch (E) {
+      console.error(E);
     }
   }
-  function p(k, w) {
-    const R = w.filter(($) => {
+  function u(k, E) {
+    const P = E.filter((I) => {
       var N;
-      return ((N = $.betOfferType) == null ? void 0 : N.id) === 2;
-    }).reduce(($, N) => ($[N.eventId] || ($[N.eventId] = []), $[N.eventId].push(N), $), {});
-    return k.filter(($) => R[$.id]).map(($) => ({
-      ...$,
-      outcome: R[$.id]
+      return ((N = I.betOfferType) == null ? void 0 : N.id) === 2;
+    }).reduce((I, N) => (I[N.eventId] || (I[N.eventId] = []), I[N.eventId].push(N), I), {});
+    return k.filter((I) => P[I.id]).map((I) => ({
+      ...I,
+      outcome: P[I.id]
     }));
   }
-  return Z(() => {
-    t && t.events.length > 0 && v();
-  }, [t]), /* @__PURE__ */ e("section", { className: c || void 0, style: { width: "100%" }, children: /* @__PURE__ */ d("div", { className: oe.wrapper, children: [
-    /* @__PURE__ */ e("div", { className: oe.container, children: /* @__PURE__ */ d(j, { direction: "column", spacing: 1.5, useFlexGap: !0, children: [
+  return Y(() => {
+    t && t.events.length > 0 && d();
+  }, [t]), /* @__PURE__ */ e("section", { className: c || void 0, style: { width: "100%" }, children: /* @__PURE__ */ p("div", { className: ne.wrapper, children: [
+    /* @__PURE__ */ e("div", { className: ne.container, children: /* @__PURE__ */ p(A, { direction: "column", spacing: 1.5, useFlexGap: !0, children: [
       /* @__PURE__ */ e(X, { title: "Eventos de la semana" }),
-      /* @__PURE__ */ e("div", { className: oe.buttonWrapper, children: /* @__PURE__ */ e(T, { variant: "secondary", size: "lg", fullWidth: !0, onClick: () => {
-        i();
+      /* @__PURE__ */ e("div", { className: ne.buttonWrapper, children: /* @__PURE__ */ e(T, { variant: "secondary", size: "lg", fullWidth: !0, onClick: () => {
+        s();
       }, children: "Ver más" }) })
     ] }) }),
     /* @__PURE__ */ e("div", { style: { minWidth: 0 }, children: /* @__PURE__ */ e(
       J,
       {
-        ref: u,
-        items: h,
+        ref: m,
+        items: x,
         perPage: 3.5,
         gap: "16px",
         options: { autoWidth: !0 },
         breakpoints: {
           1024: { perPage: 1.4, gap: "8px", focus: "center", padding: { left: "8px", right: "8px" } }
         },
-        renderItem: (k) => /* @__PURE__ */ e(bt, { event: k }),
-        onMove: ({ isStart: k, isEnd: w }) => f({ isStart: k, isEnd: w })
+        renderItem: (k) => /* @__PURE__ */ e(_t, { event: k }),
+        onMove: ({ isStart: k, isEnd: E }) => v({ isStart: k, isEnd: E })
       }
     ) })
   ] }) });
 }
-function Lt({
-  backgrounds: t,
-  items: a
+const Ht = [
+  {
+    desktopSrc: "https://stg-www.contodobet.com/static/img/landing/Banner/FondoDesktop.png",
+    mobileSrc: "https://stg-www.contodobet.com/static/img/landing/Banner/FondoMisiones.png",
+    fallbackSrc: "https://stg-www.contodobet.com/static/img/landing/Banner/FondoMisiones.jpg"
+  },
+  {
+    desktopSrc: "https://stg-www.contodobet.com/static/img/landing/Banner/FondoDesktop.png",
+    mobileSrc: "https://stg-www.contodobet.com/static/img/landing/Banner/FondoMisiones.png",
+    fallbackSrc: "https://stg-www.contodobet.com/static/img/landing/Banner/FondoMisiones.jpg"
+  }
+], Xt = [
+  {
+    id: 1,
+    label: "APUESTAS",
+    icon: "https://stg-www.contodobet.com/static/img/landing/Banner/icon1.svg",
+    onclick: () => console.log("APUESTAS")
+  },
+  {
+    id: 2,
+    label: "EXPLORAR",
+    icon: "https://stg-www.contodobet.com/static/img/landing/Banner/icon2.svg",
+    onclick: () => console.log("EXPLORAR")
+  },
+  {
+    id: 3,
+    label: "TOP JUEGOS",
+    icon: "https://stg-www.contodobet.com/static/img/landing/Banner/icon3.svg",
+    onclick: () => console.log("TOP JUEGOS")
+  },
+  {
+    id: 4,
+    label: "MISIONES",
+    icon: "https://stg-www.contodobet.com/static/img/landing/Banner/icon4.svg",
+    onclick: () => console.log("MISIONES")
+  }
+];
+function Jt({
+  backgrounds: t = Ht,
+  items: i = Xt
 }) {
-  const [s, r] = F(0), c = t.length || 1;
-  return /* @__PURE__ */ d(
-    W,
+  const [r, n] = U(0), c = t.length || 1;
+  return /* @__PURE__ */ p(
+    z,
     {
       component: "section",
       sx: {
@@ -2184,8 +2257,8 @@ function Lt({
         pb: { xs: 7, sm: 8 }
       },
       children: [
-        /* @__PURE__ */ d(
-          W,
+        /* @__PURE__ */ p(
+          z,
           {
             sx: {
               position: "relative",
@@ -2207,19 +2280,19 @@ function Lt({
                     drag: !0,
                     focus: "center"
                   },
-                  onMove: ({ index: o }) => r(o),
+                  onMove: ({ index: o }) => n(o),
                   renderItem: (o) => {
-                    var n;
-                    return /* @__PURE__ */ d(
-                      W,
+                    var a;
+                    return /* @__PURE__ */ p(
+                      z,
                       {
                         sx: {
                           position: "relative",
                           height: { xs: 300, sm: 360, md: 420 }
                         },
                         children: [
-                          /* @__PURE__ */ d(
-                            W,
+                          /* @__PURE__ */ p(
+                            z,
                             {
                               component: "picture",
                               sx: { position: "absolute", inset: 0, lineHeight: 0 },
@@ -2239,10 +2312,10 @@ function Lt({
                                   }
                                 ),
                                 /* @__PURE__ */ e(
-                                  W,
+                                  z,
                                   {
                                     component: "img",
-                                    src: (n = o.fallbackSrc) != null ? n : o.desktopSrc,
+                                    src: (a = o.fallbackSrc) != null ? a : o.desktopSrc,
                                     alt: "",
                                     "aria-hidden": !0,
                                     loading: "lazy",
@@ -2258,7 +2331,7 @@ function Lt({
                             }
                           ),
                           /* @__PURE__ */ e(
-                            W,
+                            z,
                             {
                               sx: {
                                 position: "absolute",
@@ -2280,7 +2353,7 @@ function Lt({
                 }
               ),
               /* @__PURE__ */ e(
-                W,
+                z,
                 {
                   sx: {
                     position: "absolute",
@@ -2291,14 +2364,14 @@ function Lt({
                     justifyContent: "center",
                     zIndex: 2
                   },
-                  children: /* @__PURE__ */ e(xe, { total: c, active: s })
+                  children: /* @__PURE__ */ e(be, { total: c, active: r })
                 }
               )
             ]
           }
         ),
         /* @__PURE__ */ e(
-          W,
+          z,
           {
             sx: {
               position: "absolute",
@@ -2316,8 +2389,8 @@ function Lt({
               boxShadow: "0 10px 24px rgba(0,0,0,.35)",
               zIndex: 3
             },
-            children: a.map((o) => /* @__PURE__ */ d(
-              W,
+            children: i.map((o) => /* @__PURE__ */ p(
+              z,
               {
                 sx: {
                   display: "flex",
@@ -2328,12 +2401,12 @@ function Lt({
                   cursor: o.onclick ? "pointer" : "default"
                 },
                 onClick: () => {
-                  var n;
-                  return (n = o.onclick) == null ? void 0 : n.call(o);
+                  var a;
+                  return (a = o.onclick) == null ? void 0 : a.call(o);
                 },
                 children: [
                   o.icon && /* @__PURE__ */ e(
-                    W,
+                    z,
                     {
                       component: "img",
                       src: o.icon,
@@ -2348,7 +2421,7 @@ function Lt({
                     }
                   ),
                   /* @__PURE__ */ e(
-                    me,
+                    ge,
                     {
                       sx: {
                         fontSize: 12,
@@ -2369,7 +2442,7 @@ function Lt({
     }
   );
 }
-const jt = [
+const qt = [
   [
     { 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" }
@@ -2380,14 +2453,14 @@ const jt = [
     { src: "https://stg-www.contodobet.com/static/img/landing/MediosPago/niubiz.svg", alt: "Niubiz" }
   ]
 ];
-function At({
+function Kt({
   title: t = "Medios de pago",
-  rows: a = jt
+  rows: i = qt
 }) {
-  const s = a.flat();
-  return /* @__PURE__ */ d(W, { component: "section", "aria-labelledby": "mp-title", sx: { color: "#fff" }, children: [
+  const r = i.flat();
+  return /* @__PURE__ */ p(z, { component: "section", "aria-labelledby": "mp-title", sx: { color: "#fff" }, children: [
     /* @__PURE__ */ e(
-      me,
+      ge,
       {
         id: "mp-title",
         variant: "h6",
@@ -2401,7 +2474,7 @@ function At({
       }
     ),
     /* @__PURE__ */ e(
-      W,
+      z,
       {
         sx: {
           width: "288px",
@@ -2414,20 +2487,20 @@ function At({
         }
       }
     ),
-    /* @__PURE__ */ e(W, { sx: { display: { xs: "block", md: "none" } }, children: a.map((r, c) => /* @__PURE__ */ e(
-      ge,
+    /* @__PURE__ */ e(z, { sx: { display: { xs: "block", md: "none" } }, children: i.map((n, c) => /* @__PURE__ */ e(
+      he,
       {
         direction: "row",
         justifyContent: "center",
         alignItems: "center",
         gap: 2.5,
         flexWrap: "wrap",
-        children: r.map((o) => /* @__PURE__ */ e(ie, { ...o }, `${o.src}-${o.alt}`))
+        children: n.map((o) => /* @__PURE__ */ e(ce, { ...o }, `${o.src}-${o.alt}`))
       },
       c
     )) }),
     /* @__PURE__ */ e(
-      W,
+      z,
       {
         sx: {
           mt: 3,
@@ -2438,216 +2511,244 @@ function At({
           gridTemplateColumns: { md: "repeat(auto-fit, 160px)" },
           justifyContent: { md: "center" }
         },
-        children: s.map((r) => /* @__PURE__ */ e(ie, { ...r }, `${r.src}-${r.alt}`))
+        children: r.map((n) => /* @__PURE__ */ e(ce, { ...n }, `${n.src}-${n.alt}`))
       }
     )
   ] });
 }
-const Bt = {
-  OraculoSeccionDestacados: vt,
-  OraculoSeccionTopJuegos: yt,
-  OraculoSeccionCasinoEnVivo: _t,
-  OraculoSeccionCasino: wt,
-  OraculoSeccionVirtuales: Et,
-  OraculoSeccionClubOlimpo: Ot,
-  OraculoSeccionBonoBienvenida: Nt,
-  OraculoSeccionBanners: Lt,
-  OraculoSeccionMediosPago: At,
-  OraculoSeccionEventoEnVivo: Pt,
-  OraculoSeccionEventoSemana: Wt,
-  OraculoSeccionEventoCombinadas: Tt
-}, Ut = (t) => typeof t == "function" || t && typeof t == "object" && "$$typeof" in t, Mt = (t) => /^OraculoSeccion[A-Z]/.test(t), Gt = Object.fromEntries(
-  Object.entries(Bt).filter(([t, a]) => Mt(t) && Ut(a))
+const Yt = {
+  OraculoSeccionDestacados: St,
+  OraculoSeccionTopJuegos: Ct,
+  OraculoSeccionCasinoEnVivo: It,
+  OraculoSeccionCasino: Ot,
+  OraculoSeccionVirtuales: Pt,
+  OraculoSeccionClubOlimpo: zt,
+  OraculoSeccionBonoBienvenida: Ut,
+  OraculoSeccionBanners: Jt,
+  OraculoSeccionMediosPago: Kt,
+  OraculoSeccionEventoEnVivo: Bt,
+  OraculoSeccionEventoSemana: Dt,
+  OraculoSeccionEventoCombinadas: Wt
+}, Qt = (t) => typeof t == "function" || t && typeof t == "object" && "$$typeof" in t, Zt = (t) => /^OraculoSeccion[A-Z]/.test(t), Vt = Object.fromEntries(
+  Object.entries(Yt).filter(
+    ([t, i]) => Zt(t) && Qt(i)
+  )
 );
-class pe extends Error {
-  constructor(a, s, r) {
-    super(`HTTP ${a} ${r}`), this.status = a, this.url = s, this.statusText = r, this.name = "HttpError";
+class ue extends Error {
+  constructor(i, r, n) {
+    super(`HTTP ${i} ${n}`), this.status = i, this.url = r, this.statusText = n, this.name = "HttpError";
   }
 }
-const oo = ({
+const uo = ({
   sectionsOverride: t,
-  docId: a = "home",
-  db: s
+  docId: i = "home",
+  db: r
 }) => {
-  const [r, c] = F([]), [o, n] = F(!1), [u, g] = F({}), [f, h] = F({}), [C, i] = F({}), [v, l] = F({});
-  Z(() => {
-    if (t || !s) return;
-    n(!0);
-    const x = Ie(
-      Te(s, "landings", a),
-      (m) => {
-        var _;
+  const [n, c] = U(
+    []
+  ), [o, a] = U(!1), [m, g] = U({}), [v, x] = U({}), [w, s] = U({}), [d, l] = U({});
+  Y(() => {
+    if (t || !r) return;
+    a(!0);
+    const h = Pe(
+      Fe(r, "landings", i),
+      (f) => {
+        var y;
         try {
-          let b = m.exists() ? ((_ = m.data()) == null ? void 0 : _.sections) || [] : [];
-          b = b.slice().sort((y, I) => {
-            var P, A;
-            return ((P = y.order) != null ? P : 0) - ((A = I.order) != null ? A : 0);
-          }).map((y, I) => ({ ...y, order: I + 1 })), c(b), console.log("fetched: ", b);
+          let b = f.exists() ? ((y = f.data()) == null ? void 0 : y.sections) || [] : [];
+          b = b.slice().sort((S, $) => {
+            var R, W;
+            return ((R = S.order) != null ? R : 0) - ((W = $.order) != null ? W : 0);
+          }).map((S, $) => ({ ...S, order: $ + 1 })), c(b), console.log("fetched: ", b);
         } catch (b) {
-          console.error("Error procesando landings/" + a, b);
+          console.error("Error procesando landings/" + i, b);
         } finally {
-          n(!1);
+          a(!1);
         }
       },
-      (m) => {
-        console.error("Error escuchando landings/" + a, m), n(!1);
+      (f) => {
+        console.error("Error escuchando landings/" + i, f), a(!1);
       }
     );
-    return () => x();
-  }, [t, a, s]);
-  const p = async (x) => {
-    const m = (x.apiUrl || "").trim();
-    if (!m) return;
-    const _ = x.apiMethod || "GET", b = x.apiParams || [];
-    let y = m, I, P;
-    if (_ === "GET") {
-      const U = new URL(
-        m,
+    return () => h();
+  }, [t, i, r]), Y(() => {
+    const f = (t ? t.slice() : n.slice()).map((y) => y.componentKey).filter((y) => !!y && !m[y]);
+    if (f.length !== 0)
+      for (const y of f)
+        N(y);
+  }, [t, n, m]);
+  const u = async (h) => {
+    const f = (h.apiUrl || "").trim();
+    if (!f) return;
+    const y = h.apiMethod || "GET", b = h.apiParams || [];
+    let S = f, $, R;
+    if (y === "GET") {
+      const j = new URL(
+        f,
         typeof window == "undefined" ? "http://localhost" : window.location.origin
       );
       for (const B of b)
-        B.key && U.searchParams.append(B.key, B.value);
-      y = U.toString();
+        B.key && j.searchParams.append(B.key, B.value);
+      S = j.toString();
     } else {
-      const U = new URLSearchParams();
+      const j = new URLSearchParams();
       for (const B of b)
-        B.key && U.append(B.key, B.value);
-      I = U.toString(), P = {
+        B.key && j.append(B.key, B.value);
+      $ = j.toString(), R = {
         "Content-Type": "application/x-www-form-urlencoded; charset=UTF-8"
       };
     }
-    const A = await fetch(y, {
-      method: _,
-      headers: P,
-      body: I
+    const W = await fetch(S, {
+      method: y,
+      headers: R,
+      body: $
     });
-    if (!A.ok) throw new pe(A.status, y, A.statusText);
-    return A.json();
-  }, E = ne(
-    () => t ? t.slice() : r.slice(),
-    [t, r]
-  ), k = we.useRef(/* @__PURE__ */ new Set());
-  Z(() => {
-    const x = E.map((m) => ({ s: m, url: (m.apiUrl || "").trim() })).filter(({ url: m }) => !!m);
-    if (x.length)
-      for (const { s: m, url: _ } of x) {
-        const b = `${m.id}|${_}`;
-        k.current.has(b) || (k.current.add(b), i((y) => ({ ...y, [m.id]: !0 })), l((y) => ({ ...y, [m.id]: "" })), (async () => {
+    if (!W.ok) throw new ue(W.status, S, W.statusText);
+    return W.json();
+  }, _ = re(
+    () => t ? t.slice() : n.slice(),
+    [t, n]
+  ), k = $e.useRef(/* @__PURE__ */ new Set());
+  Y(() => {
+    const h = _.map((f) => ({ s: f, url: (f.apiUrl || "").trim() })).filter(({ url: f }) => !!f);
+    if (h.length)
+      for (const { s: f, url: y } of h) {
+        const b = `${f.id}|${y}`;
+        k.current.has(b) || (k.current.add(b), s((S) => ({ ...S, [f.id]: !0 })), l((S) => ({ ...S, [f.id]: "" })), (async () => {
           try {
-            const y = await p(m);
-            h((I) => ({ ...I, [m.id]: y }));
-          } catch (y) {
-            let I = "Error desconocido";
-            y instanceof pe ? I = `Error HTTP ${y.status} (${y.statusText}) en ${y.url}` : y instanceof SyntaxError ? I = "Respuesta no es JSON válido" : y instanceof TypeError ? I = "Fallo de red / CORS / conexión" : typeof y == "string" && (I = y.toString()), l((P) => ({ ...P, [m.id]: I }));
+            const S = await u(f);
+            x(($) => ({ ...$, [f.id]: S }));
+          } catch (S) {
+            let $ = "Error desconocido";
+            S instanceof ue ? $ = `Error HTTP ${S.status} (${S.statusText}) en ${S.url}` : S instanceof SyntaxError ? $ = "Respuesta no es JSON válido" : S instanceof TypeError ? $ = "Fallo de red / CORS / conexión" : typeof S == "string" && ($ = S.toString()), l((R) => ({ ...R, [f.id]: $ }));
           } finally {
-            i((y) => ({ ...y, [m.id]: !1 }));
+            s((S) => ({ ...S, [f.id]: !1 }));
           }
         })());
       }
-  }, [E]);
-  const w = ne(
-    () => E.filter((x) => x.visible).sort((x, m) => x.order - m.order),
-    [E]
-  ), O = (x) => Array.isArray(x) ? x.map((m) => {
-    const _ = {};
-    for (const b of m.fields || []) {
-      const y = (b.type || "string").toLowerCase();
-      if (y === "number") _[b.name] = Number(b.value);
-      else if (y === "boolean")
-        _[b.name] = String(b.value).toLowerCase() === "true";
-      else if (y === "function") {
-        const I = String(b.value || "").trim();
-        _[b.name] = () => {
-          if (I)
-            try {
-              return new Function(I)();
-            } catch (P) {
-              console.error("Error función manual", P);
-            }
-        };
-      } else _[b.name] = b.value;
+  }, [_]);
+  const E = re(
+    () => _.filter((h) => h.visible).sort((h, f) => h.order - f.order),
+    [_]
+  ), O = (h) => Array.isArray(h) ? h.map((f) => {
+    const y = {};
+    for (const b of f.fields || []) {
+      const S = (b.type || "string").toLowerCase();
+      if (S === "number") {
+        const $ = String(b.value || "").trim();
+        if ($ !== "") {
+          const R = Number($);
+          Number.isNaN(R) || (y[b.name] = R);
+        }
+      } else if (S === "boolean")
+        y[b.name] = String(b.value).toLowerCase() === "true";
+      else if (S === "function") {
+        const $ = String(b.value || "").trim();
+        if ($)
+          try {
+            const R = new Function($);
+            y[b.name] = R;
+          } catch (R) {
+            console.error(`❌ Error creando función en item '${b.name}':`, R);
+          }
+      } else y[b.name] = b.value;
     }
-    return _;
-  }) : [], R = (x) => {
-    const m = {};
-    if (!Array.isArray(x)) return m;
-    for (const _ of x) {
-      if (!_.name) continue;
-      const b = (_.type || "string").toLowerCase();
-      if (b === "number") m[_.name] = Number(_.value);
-      else if (b === "boolean")
-        m[_.name] = String(_.value).toLowerCase() === "true";
+    return y;
+  }) : [], P = (h) => {
+    const f = {};
+    if (!Array.isArray(h)) return f;
+    for (const y of h) {
+      if (!y.name) continue;
+      const b = (y.type || "string").toLowerCase();
+      if (b === "number") {
+        const S = String(y.value || "").trim();
+        if (S !== "") {
+          const $ = Number(S);
+          Number.isNaN($) || (f[y.name] = $);
+        }
+      } else if (b === "boolean")
+        f[y.name] = String(y.value).toLowerCase() === "true";
       else if (b === "function") {
-        const y = String(_.value || "").trim();
-        m[_.name] = () => {
-          if (y)
-            try {
-              return new Function(y)();
-            } catch (I) {
-              console.error("Error función escalar manual", I);
-            }
-        };
-      } else m[_.name] = _.value;
+        const S = String(y.value || "").trim();
+        if (S)
+          try {
+            const $ = new Function(S);
+            f[y.name] = $;
+          } catch ($) {
+            console.error(`❌ Error creando función en item '${y.name}':`, $);
+          }
+      } else f[y.name] = y.value;
     }
-    return m;
-  }, $ = (x, m, _) => {
-    const b = _ ? { ..._ } : {};
-    if (m) {
-      const B = (m.variableName || "items").trim() || "items";
-      return b[B] = m.arr || [], b;
+    return f;
+  }, I = (h, f, y) => {
+    const b = y ? { ...y } : {};
+    if (f) {
+      const B = (f.variableName || "items").trim() || "items";
+      return b[B] = f.arr || [], b;
     }
-    const y = x, I = Array.isArray(y), P = !I && typeof y == "object" && y !== null ? y : void 0, A = P && Array.isArray(P.lobby || P.items) ? P.lobby || P.items : void 0, U = (B) => I ? y : A || B;
-    return b.items = U(A || []), b;
-  }, N = (x) => {
-    var y;
-    const m = !!((y = x.apiUrl) != null && y.trim()), _ = m ? f[x.id] : void 0;
-    if (["OraculoSeccionEventoEnVivo", "OraculoSeccionEventoSemana", "OraculoSeccionEventoCombinadas"].includes(x.componentKey))
-      return console.log(_), { items: _ };
-    let b = x.props ? { ...x.props } : {};
-    if (m) b = $(_, null, b);
-    else if (x.dataMode === "manual") {
-      const I = O(x.manualItems);
-      b = $(
+    const S = h, $ = Array.isArray(S), R = !$ && typeof S == "object" && S !== null ? S : void 0, W = R && Array.isArray(R.lobby || R.items) ? R.lobby || R.items : void 0, j = (B) => $ ? S : W || B;
+    return b.items = j(W || []), b;
+  }, N = (h) => {
+    import(`../organisms/${h}/${h}`).then((f) => {
+      var S;
+      const y = f, b = (S = y.default) != null ? S : y[h];
+      b && g(($) => ({ ...$, [h]: b }));
+    }).catch((f) => {
+      console.error(`Error cargando componente en OP ${h}:`, f);
+    });
+  }, L = (h) => {
+    var $;
+    const f = !!(($ = h.apiUrl) != null && $.trim()), y = f ? v[h.id] : void 0;
+    let b = h.props ? { ...h.props } : {};
+    const S = P(h.manualScalarFields);
+    if ([
+      "OraculoSeccionEventoEnVivo",
+      "OraculoSeccionEventoSemana",
+      "OraculoSeccionEventoCombinadas"
+    ].includes(h.componentKey))
+      return console.log(y), { items: y, ...b, ...S };
+    if (b = { ...b, ...S }, f) b = I(y, null, b);
+    else if (h.dataMode === "manual") {
+      const R = O(h.manualItems);
+      b = I(
         null,
-        { arr: I, variableName: x.variableName },
+        { arr: R, variableName: h.variableName },
         b
       );
-      const P = R(x.manualScalarFields);
-      b = { ...b, ...P };
     }
     return b;
-  }, z = (x, m, _) => /* @__PURE__ */ e("div", { className: `mx-4 p-4 rounded ${{
+  }, F = (h, f, y) => /* @__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"
-  }[m]}`, children: _ }, x), L = (x) => {
-    var U;
-    const m = x.componentKey, _ = (
+  }[f]}`, children: y }, h), q = (h) => {
+    var j;
+    const f = h.componentKey, y = (
       // STATIC_COMPONENTS[rawKey] || componentMap[rawKey];
-      Gt[m] || u[m]
+      m[f] || Vt[f]
     );
-    if (!_)
-      return console.warn(`No hay componente registrado para "${m}"`), z(
-        x.id,
+    if (!y)
+      return console.warn(`No hay componente registrado para "${f}"`), F(
+        h.id,
         "component",
-        `Componente "${m}" no encontrado`
+        `Componente "${f}" no encontrado`
       );
-    const b = !!((U = x.apiUrl) != null && U.trim()), y = b ? f[x.id] : void 0, I = b ? !!C[x.id] : !1, P = b ? v[x.id] : "";
+    const b = !!((j = h.apiUrl) != null && j.trim()), S = b ? v[h.id] : void 0, $ = b ? !!w[h.id] : !1, R = b ? d[h.id] : "";
     if (b) {
-      if (I && !y)
-        return z(
-          x.id,
+      if ($ && !S)
+        return F(
+          h.id,
           "loading",
-          `Cargando datos desde ${x.apiUrl}...`
+          `Cargando datos desde ${h.apiUrl}...`
         );
-      if (P && !y)
-        return z(
-          x.id,
+      if (R && !S)
+        return F(
+          h.id,
           "error",
-          `Error cargando ${x.apiUrl}: ${P}`
+          `Error cargando ${h.apiUrl}: ${R}`
         );
     }
-    const A = N(x);
+    const W = L(h);
     return /* @__PURE__ */ e(
       "div",
       {
@@ -2657,13 +2758,13 @@ const oo = ({
           width: "100%",
           boxSizing: "border-box"
         },
-        children: /* @__PURE__ */ e(_, { ...A })
+        children: /* @__PURE__ */ e(y, { ...W })
       },
-      x.id
+      h.id
     );
   };
-  return o && !t ? /* @__PURE__ */ e("div", { className: "text-xs text-gray-400", children: "Cargando preview..." }) : !o && !t && r.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 && n.length === 0 ? /* @__PURE__ */ e("div", { className: "text-xs text-gray-500", children: "Sin secciones (Firestore)" }) : /* @__PURE__ */ e(
+    Ee,
     {
       className: "oli-font",
       maxWidth: !1,
@@ -2677,45 +2778,46 @@ const oo = ({
         maxWidth: "100%",
         overflowX: "hidden"
       },
-      children: /* @__PURE__ */ e(ge, { direction: "column", spacing: 8, useFlexGap: !0, children: w.map(L) })
+      children: /* @__PURE__ */ e(he, { direction: "column", spacing: 8, useFlexGap: !0, children: E.map(q) })
     }
   );
 };
 export {
   T as OraculoButton,
   J as OraculoCarousel,
-  xe as OraculoCarouselDots,
-  tt as OraculoClubOlimpoVisual,
-  dt as OraculoEventCombinadasCard,
-  ut as OraculoEventEnVivoCard,
-  ze as OraculoEventHeader,
-  be as OraculoEventLabel,
-  Be as OraculoEventLeague,
-  ve as OraculoEventScore,
-  bt as OraculoEventSemanaCard,
-  Fe as OraculoEventStatus,
-  Re as OraculoEventStatusBadge,
-  V as OraculoEventTeamInfo,
-  Y as OraculoGameCard,
-  Ve as OraculoGameRankCard,
-  ye as OraculoGameSlide,
+  be as OraculoCarouselDots,
+  rt as OraculoClubOlimpoVisual,
+  ut as OraculoEventCombinadasCard,
+  gt as OraculoEventEnVivoCard,
+  Ae as OraculoEventHeader,
+  ve as OraculoEventLabel,
+  Me as OraculoEventLeague,
+  ye as OraculoEventScore,
+  _t as OraculoEventSemanaCard,
+  Le as OraculoEventStatus,
+  ze as OraculoEventStatusBadge,
+  ee as OraculoEventTeamInfo,
+  Z as OraculoGameCard,
+  ot as OraculoGameRankCard,
+  _e as OraculoGameSlide,
   D as OraculoGridGroup,
-  et as OraculoLiveCasinoCard,
-  ie as OraculoLogoMediosPago,
-  oo as OraculoPageLandingPreview,
-  Lt as OraculoSeccionBanners,
-  Nt as OraculoSeccionBonoBienvenida,
-  wt as OraculoSeccionCasino,
-  _t as OraculoSeccionCasinoEnVivo,
-  Ot as OraculoSeccionClubOlimpo,
-  vt as OraculoSeccionDestacados,
-  Tt as OraculoSeccionEventoCombinadas,
-  Pt as OraculoSeccionEventoEnVivo,
-  Wt as OraculoSeccionEventoSemana,
-  yt as OraculoSeccionTopJuegos,
-  Et as OraculoSeccionVirtuales,
+  nt as OraculoLiveCasinoCard,
+  ce as OraculoLogoMediosPago,
+  uo as OraculoPageLandingPreview,
+  Jt as OraculoSeccionBanners,
+  Ut as OraculoSeccionBonoBienvenida,
+  Ot as OraculoSeccionCasino,
+  It as OraculoSeccionCasinoEnVivo,
+  zt as OraculoSeccionClubOlimpo,
+  St as OraculoSeccionDestacados,
+  Wt as OraculoSeccionEventoCombinadas,
+  Bt as OraculoSeccionEventoEnVivo,
+  Dt as OraculoSeccionEventoSemana,
+  Ct as OraculoSeccionTopJuegos,
+  Pt as OraculoSeccionVirtuales,
   X as OraculoSectionTitle,
-  yt as OraculoTopJuegoItem,
-  ce as OraculoWelcomeBanner
+  Ct as OraculoTopJuegoItem,
+  le as OraculoWelcomeBanner,
+  uo as default
 };
 //# sourceMappingURL=index.es.js.map