oraculo-ui 0.1.45 → 0.1.47

package/dist/index.es.js

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