oraculo-ui 0.1.60 → 0.1.62

package/dist/index.es.js

@@ -1,58 +1,58 @@
 import { jsx as e, jsxs as l, Fragment as Z } from "react/jsx-runtime";
-import { Link as we, Box as j, Typography as Se, Stack as Ce, useMediaQuery as Me, Container as Fe } from "@mui/material";
-import Le, { forwardRef as We, useRef as G, useImperativeHandle as je, useCallback as he, useState as z, useMemo as oe, useLayoutEffect as ze, useEffect as Q } from "react";
-import { Splide as Ae, SplideSlide as Ge } from "@splidejs/react-splide";
-import O from "@mui/material/Box";
-import M from "@mui/material/Skeleton";
-import D from "@mui/material/Typography";
-import R from "@mui/material/Stack";
+import { Link as Se, Box as z, Typography as Ce, Stack as Ee, useMediaQuery as Fe, Container as Le } from "@mui/material";
+import We, { forwardRef as je, useRef as U, useImperativeHandle as ze, useCallback as ge, useState as A, useMemo as oe, useLayoutEffect as Ae, useEffect as Y } from "react";
+import { Splide as Ge, SplideSlide as Ue } from "@splidejs/react-splide";
+import $ from "@mui/material/Box";
+import F from "@mui/material/Skeleton";
+import V from "@mui/material/Typography";
+import M from "@mui/material/Stack";
 import { ChevronLeftRounded as de, ChevronRightRounded as ue } from "@mui/icons-material";
-import Ee from "@mui/icons-material/ChevronLeftRounded";
-import ke from "@mui/icons-material/ChevronRightRounded";
-import Ue from "@mui/material/useMediaQuery";
-import { onSnapshot as De, doc as Ve } from "firebase/firestore";
-function F({
+import ke from "@mui/icons-material/ChevronLeftRounded";
+import $e from "@mui/icons-material/ChevronRightRounded";
+import De from "@mui/material/useMediaQuery";
+import { onSnapshot as Ve, doc as He } from "firebase/firestore";
+function L({
   children: t,
   onClick: n,
   href: r,
-  target: a,
-  rel: u,
+  target: i,
+  rel: d,
   type: o = "button",
-  disabled: i = !1,
-  variant: p = "primary",
-  size: m,
-  fullWidth: g = !1,
-  fullHeight: b = !1,
+  disabled: a = !1,
+  variant: u = "primary",
+  size: p,
+  fullWidth: h = !1,
+  fullHeight: _ = !1,
   className: k = "",
   ariaLabel: s,
   leftIcon: c,
-  rightIcon: x,
-  iconOnly: $
+  rightIcon: g,
+  iconOnly: O
 }) {
-  const v = !!t && t !== !0, _ = (!!c ? 1 : 0) + (!!x ? 1 : 0) == 1, S = $ != null ? $ : _ && !v, P = [
+  const x = !!t && t !== !0, f = (!!c ? 1 : 0) + (!!g ? 1 : 0) == 1, E = O != null ? O : f && !x, P = [
     "orc-btn",
-    p === "secondary" ? "orc-btn--secondary" : p === "tertiary" ? "orc-btn--tertiary" : "orc-btn--primary",
-    m ? `orc-btn--${m}` : "",
-    g ? "orc-btn--full" : "",
-    b ? "orc-btn--fullHeight" : "",
-    S ? "orc-btn--iconOnly" : "",
+    u === "secondary" ? "orc-btn--secondary" : u === "tertiary" ? "orc-btn--tertiary" : "orc-btn--primary",
+    p ? `orc-btn--${p}` : "",
+    h ? "orc-btn--full" : "",
+    _ ? "orc-btn--fullHeight" : "",
+    E ? "orc-btn--iconOnly" : "",
     k
   ].filter(Boolean).join(" "), T = /* @__PURE__ */ l(Z, { children: [
     c && /* @__PURE__ */ e("span", { className: "orc-btn__icon", children: c }),
-    !S && /* @__PURE__ */ e("span", { className: "orc-btn__label", children: t }),
-    x && /* @__PURE__ */ e("span", { className: "orc-btn__icon", children: x })
-  ] }), E = i ? !0 : void 0;
+    !E && /* @__PURE__ */ e("span", { className: "orc-btn__label", children: t }),
+    g && /* @__PURE__ */ e("span", { className: "orc-btn__icon", children: g })
+  ] }), S = a ? !0 : void 0;
   return r ? /* @__PURE__ */ e(
-    we,
+    Se,
     {
       href: r,
-      target: a,
-      rel: u,
+      target: i,
+      rel: d,
       "aria-label": s,
-      "aria-disabled": E,
-      tabIndex: E ? -1 : void 0,
+      "aria-disabled": S,
+      tabIndex: S ? -1 : void 0,
       className: P,
-      onClick: E ? (d) => d.preventDefault() : n,
+      onClick: S ? (B) => B.preventDefault() : n,
       children: T
     }
   ) : /* @__PURE__ */ e(
@@ -60,23 +60,23 @@ function F({
     {
       type: o,
       onClick: n,
-      disabled: !!E,
+      disabled: !!S,
       "aria-label": s,
       className: P,
       children: T
     }
   );
 }
-function K({
+function q({
   title: t,
   iconUrl: n,
   size: r = "md",
-  className: a = ""
+  className: i = ""
 }) {
   const o = [
     "orc-section-title",
     r ? `orc-section-title--${r}` : "",
-    a
+    i
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ l("div", { className: o, children: [
     n && /* @__PURE__ */ e(
@@ -90,51 +90,51 @@ function K({
     /* @__PURE__ */ e("h2", { className: "orc-section-title__title", children: t })
   ] });
 }
-const $e = ({
+const Oe = ({
   total: t,
   active: n,
   onSelect: r,
-  className: a = ""
+  className: i = ""
 }) => {
   if (t <= 1) return null;
-  const u = ["orc-dots", a].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e("div", { className: u, role: "tablist", children: Array.from({ length: t }).map((o, i) => /* @__PURE__ */ e("span", { className: "orc-dots__cell", children: /* @__PURE__ */ e(
+  const d = ["orc-dots", i].filter(Boolean).join(" ");
+  return /* @__PURE__ */ e("div", { className: d, 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": i === n,
-      "aria-label": `Ir al slide ${i + 1}`,
-      className: "orc-dots__dot" + (i === n ? " orc-dots__dot--active" : ""),
-      onClick: () => r == null ? void 0 : r(i)
+      "aria-selected": a === n,
+      "aria-label": `Ir al slide ${a + 1}`,
+      className: "orc-dots__dot" + (a === n ? " orc-dots__dot--active" : ""),
+      onClick: () => r == null ? void 0 : r(a)
     }
-  ) }, i)) });
+  ) }, a)) });
 };
-function V({
+function H({
   children: t,
   minWidth: n = 32,
   spacing: r = 2,
-  justify: a = "stretch",
-  columns: u = null
+  justify: i = "stretch",
+  columns: d = null
 }) {
-  const o = u || `repeat(auto-fit, minmax(${n}px, 1fr))`, i = typeof r == "number" ? `${r * 8}px` : r;
+  const o = d || `repeat(auto-fit, minmax(${n}px, 1fr))`, a = typeof r == "number" ? `${r * 8}px` : r;
   return /* @__PURE__ */ e(
     "div",
     {
       style: {
         display: "grid",
         gridTemplateColumns: o,
-        justifyItems: a,
-        gap: i,
+        justifyItems: i,
+        gap: a,
         height: "inherit"
       },
       children: t
     }
   );
 }
-function ge({ src: t, alt: n }) {
+function fe({ src: t, alt: n }) {
   return /* @__PURE__ */ e(
-    j,
+    z,
     {
       sx: {
         position: "relative",
@@ -145,7 +145,7 @@ function ge({ src: t, alt: n }) {
         display: "inline-block"
       },
       children: /* @__PURE__ */ e(
-        j,
+        z,
         {
           component: "img",
           src: t,
@@ -163,12 +163,12 @@ function ge({ src: t, alt: n }) {
     }
   );
 }
-const He = "oraculo__OraculoEventTitle-module__contenedor___rg1vw", Ke = "oraculo__OraculoEventTitle-module__flexGroup___jMLFO", qe = "oraculo__OraculoEventTitle-module__subtitle___TmHna", ie = {
-  contenedor: He,
-  flexGroup: Ke,
-  subtitle: qe
+const Ke = "oraculo__OraculoEventTitle-module__contenedor___rg1vw", qe = "oraculo__OraculoEventTitle-module__flexGroup___jMLFO", Je = "oraculo__OraculoEventTitle-module__subtitle___TmHna", ie = {
+  contenedor: Ke,
+  flexGroup: qe,
+  subtitle: Je
 };
-function Je({ title: t, subtitle: n }) {
+function Xe({ title: t, subtitle: n }) {
   return /* @__PURE__ */ l(
     "div",
     {
@@ -204,7 +204,7 @@ function Je({ title: t, subtitle: n }) {
     }
   );
 }
-function Xe({ text: t, color: n = "#ff3b3b", textColor: r = "#fff" }) {
+function Qe({ text: t, color: n = "#ff3b3b", textColor: r = "#fff" }) {
   return /* @__PURE__ */ e(
     "span",
     {
@@ -225,13 +225,13 @@ function Xe({ text: t, color: n = "#ff3b3b", textColor: r = "#fff" }) {
     }
   );
 }
-function Qe({ live: t, time: n }) {
+function Ye({ live: t, time: n }) {
   return /* @__PURE__ */ l("div", { className: "oli-font", style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
-    t && /* @__PURE__ */ e(Xe, { text: "En vivo" }),
+    t && /* @__PURE__ */ e(Qe, { text: "En vivo" }),
     n && /* @__PURE__ */ e("span", { style: { fontSize: "14px", fontWeight: 400, lineHeight: "18px", paddingTop: "4px" }, children: n })
   ] });
 }
-function Ye({ title: t, subtitle: n, live: r = !1, time: a = "" }) {
+function Ze({ title: t, subtitle: n, live: r = !1, time: i = "" }) {
   return /* @__PURE__ */ l(
     "div",
     {
@@ -242,49 +242,49 @@ function Ye({ title: t, subtitle: n, live: r = !1, time: a = "" }) {
         color: "#FFFFFF"
       },
       children: [
-        /* @__PURE__ */ e(Je, { title: t, subtitle: n }),
-        /* @__PURE__ */ e(Qe, { live: r, time: a })
+        /* @__PURE__ */ e(Xe, { title: t, subtitle: n }),
+        /* @__PURE__ */ e(Ye, { live: r, time: i })
       ]
     }
   );
 }
-const Ze = "oraculo__OraculoEventLabel-module__label___c64Xw", et = {
-  label: Ze
+const et = "oraculo__OraculoEventLabel-module__label___c64Xw", tt = {
+  label: et
 };
-function Oe({ text: t }) {
-  return /* @__PURE__ */ e("span", { className: et.label, children: t });
+function Ie({ text: t }) {
+  return /* @__PURE__ */ e("span", { className: tt.label, children: t });
 }
-const tt = "oraculo__OraculoEventLeague-module__container___rdk4F", ot = {
-  container: tt
+const ot = "oraculo__OraculoEventLeague-module__container___rdk4F", nt = {
+  container: ot
 };
-function Ie({ title: t }) {
-  return /* @__PURE__ */ e("div", { className: ot.container, children: t.toUpperCase() });
+function Ne({ title: t }) {
+  return /* @__PURE__ */ e("div", { className: nt.container, children: t.toUpperCase() });
 }
-const nt = "oraculo__OraculoEventScore-module__scoreWrapper___fWwEr", rt = "oraculo__OraculoEventScore-module__name___r4uL6", at = "oraculo__OraculoEventScore-module__score___Xl03M", it = "oraculo__OraculoEventScore-module__normal___cCNFz", st = "oraculo__OraculoEventScore-module__small___fVt8E", X = {
-  scoreWrapper: nt,
-  name: rt,
-  score: at,
-  normal: it,
-  small: st
+const rt = "oraculo__OraculoEventScore-module__scoreWrapper___fWwEr", at = "oraculo__OraculoEventScore-module__name___r4uL6", it = "oraculo__OraculoEventScore-module__score___Xl03M", st = "oraculo__OraculoEventScore-module__normal___cCNFz", ct = "oraculo__OraculoEventScore-module__small___fVt8E", Q = {
+  scoreWrapper: rt,
+  name: at,
+  score: it,
+  normal: st,
+  small: ct
 };
-function Ne({ text: t, name: n, size: r = "normal" }) {
+function Te({ text: t, name: n, size: r = "normal" }) {
   return /* @__PURE__ */ l(
     "div",
     {
-      className: `${X.scoreWrapper} ${X[r]}`,
+      className: `${Q.scoreWrapper} ${Q[r]}`,
       children: [
-        /* @__PURE__ */ e("div", { className: `${X.score} ${X[r]}`, children: t }),
-        n && /* @__PURE__ */ e("span", { className: `${X.name} ${X[r]}`, children: n })
+        /* @__PURE__ */ e("div", { className: `${Q.score} ${Q[r]}`, children: t }),
+        n && /* @__PURE__ */ e("span", { className: `${Q.name} ${Q[r]}`, children: n })
       ]
     }
   );
 }
-const ct = "oraculo__OraculoEventTeamInfo-module__team___UfpUs", lt = "oraculo__OraculoEventTeamInfo-module__regular___ag826", dt = "oraculo__OraculoEventTeamInfo-module__compact___RCNOs", ut = "oraculo__OraculoEventTeamInfo-module__logo___fKCl3", pt = "oraculo__OraculoEventTeamInfo-module__name___4ikm-", ee = {
-  team: ct,
-  regular: lt,
-  compact: dt,
-  logo: ut,
-  name: pt
+const lt = "oraculo__OraculoEventTeamInfo-module__team___UfpUs", dt = "oraculo__OraculoEventTeamInfo-module__regular___ag826", ut = "oraculo__OraculoEventTeamInfo-module__compact___RCNOs", pt = "oraculo__OraculoEventTeamInfo-module__logo___fKCl3", mt = "oraculo__OraculoEventTeamInfo-module__name___4ikm-", ee = {
+  team: lt,
+  regular: dt,
+  compact: ut,
+  logo: pt,
+  name: mt
 };
 function ne({ name: t, logo: n, size: r = "regular" }) {
   return /* @__PURE__ */ l("div", { className: `oli-font ${ee.team} ${ee[r]}`, children: [
@@ -292,39 +292,39 @@ function ne({ name: t, logo: n, size: r = "regular" }) {
     /* @__PURE__ */ e("span", { className: ee.name, children: t })
   ] });
 }
-const mt = Ae, ht = Ge, q = We(
+const ht = Ge, gt = Ue, J = je(
   ({
     items: t = [],
     renderItem: n,
     perPage: r = 1,
-    gap: a = "0px",
-    breakpoints: u,
+    gap: i = "0px",
+    breakpoints: d,
     options: o = {},
-    className: i = "",
-    onMove: p,
-    useIndexAsKey: m = !1
-  }, g) => {
-    const b = G(null);
-    je(g, () => ({
+    className: a = "",
+    onMove: u,
+    useIndexAsKey: p = !1
+  }, h) => {
+    const _ = U(null);
+    ze(h, () => ({
       next: () => {
-        var x;
-        return (x = b.current) == null ? void 0 : x.go(">");
+        var g;
+        return (g = _.current) == null ? void 0 : g.go(">");
       },
       prev: () => {
-        var x;
-        return (x = b.current) == null ? void 0 : x.go("<");
+        var g;
+        return (g = _.current) == null ? void 0 : g.go("<");
       },
-      go: (x) => {
-        var $;
-        return ($ = b.current) == null ? void 0 : $.go(x);
+      go: (g) => {
+        var O;
+        return (O = _.current) == null ? void 0 : O.go(g);
       }
     }));
-    const k = he((x) => {
-      const $ = x.Components.Controller, v = $.getIndex(), C = $.getEnd(), N = v === 0, _ = v >= C, S = x.Components.Slides.getLength();
-      p == null || p({ index: v, isStart: N, isEnd: _, total: S });
-    }, [p]), s = he(
-      (x) => {
-        k(x);
+    const k = ge((g) => {
+      const O = g.Components.Controller, x = O.getIndex(), C = O.getEnd(), N = x === 0, f = x >= C, E = g.Components.Slides.getLength();
+      u == null || u({ index: x, isStart: N, isEnd: f, total: E });
+    }, [u]), s = ge(
+      (g) => {
+        k(g);
       },
       [k]
     ), c = {
@@ -337,20 +337,20 @@ const mt = Ae, ht = Ge, q = We(
       focus: "start",
       autoWidth: !1,
       perPage: r,
-      gap: a,
-      breakpoints: u,
+      gap: i,
+      breakpoints: d,
       ...o
     };
-    return /* @__PURE__ */ e("div", { className: i, style: { width: "100%" }, children: /* @__PURE__ */ e(
-      mt,
+    return /* @__PURE__ */ e("div", { className: a, style: { width: "100%" }, children: /* @__PURE__ */ e(
+      ht,
       {
-        ref: b,
+        ref: _,
         options: c,
         onMove: k,
         onMounted: s,
-        children: t.map((x, $) => {
-          var v;
-          return /* @__PURE__ */ e(ht, { children: n(x, $) }, m ? $ : (v = x.id) != null ? v : $);
+        children: t.map((g, O) => {
+          var x;
+          return /* @__PURE__ */ e(gt, { children: n(g, O) }, p ? O : (x = g.id) != null ? x : O);
         })
       }
     ) });
@@ -359,13 +359,13 @@ const mt = Ae, ht = Ge, q = We(
   imageUrl: t,
   onClick: n,
   size: r = "sm",
-  fillParent: a = !1
+  fillParent: i = !1
 }) => {
-  const u = r === "lg" ? { w: 280, h: 352 } : { w: 152, h: 168 }, o = (p) => {
-    p.stopPropagation(), n == null || n();
-  }, i = a ? { width: "100%", height: "100%" } : { width: `${u.w}px`, height: `${u.h}px` };
+  const d = r === "lg" ? { w: 280, h: 352 } : { w: 152, h: 168 }, o = (u) => {
+    u.stopPropagation(), n == null || n();
+  }, a = i ? { width: "100%", height: "100%" } : { width: `${d.w}px`, height: `${d.h}px` };
   return /* @__PURE__ */ l(
-    O,
+    $,
     {
       onClick: n,
       role: "button",
@@ -375,7 +375,7 @@ const mt = Ae, ht = Ge, q = We(
         overflow: "hidden",
         boxSizing: "border-box",
         transition: "transform .15s ease, box-shadow .15s ease",
-        ...i,
+        ...a,
         "&:hover": {
           transform: "translateY(-2px)",
           boxShadow: 8,
@@ -407,7 +407,7 @@ const mt = Ae, ht = Ge, q = We(
           }
         ),
         /* @__PURE__ */ e(
-          O,
+          $,
           {
             className: "oraculo-game-card-overlay",
             sx: {
@@ -422,7 +422,7 @@ const mt = Ae, ht = Ge, q = We(
           }
         ),
         /* @__PURE__ */ e(
-          O,
+          $,
           {
             className: "oraculo-game-card-btn",
             sx: {
@@ -435,49 +435,49 @@ const mt = Ae, ht = Ge, q = We(
               transition: "opacity .15s ease, transform .15s ease",
               pointerEvents: "none"
             },
-            children: /* @__PURE__ */ e(F, { variant: "primary", size: "md", onClick: o, children: "JUGAR" })
+            children: /* @__PURE__ */ e(L, { variant: "primary", size: "md", onClick: o, children: "JUGAR" })
           }
         )
       ]
     }
   );
 };
-function gt({
+function ft({
   imageUrl: t,
   orden: n = 1,
   onClick: r,
-  loading: a = !1,
-  sizes: u = {
+  loading: i = !1,
+  sizes: d = {
     xs: { w: 104, h: 112, r: 18, font: 48 },
     md: { w: 186, h: 264, r: 22.6, font: 64 }
   }
 }) {
-  var k, s, c, x;
-  const o = ($, v) => {
-    var C, N, _, S;
+  var k, s, c, g;
+  const o = (O, x) => {
+    var C, N, f, E;
     return {
-      xs: (N = (C = u.xs) == null ? void 0 : C[$]) != null ? N : v,
-      md: (S = (_ = u.md) == null ? void 0 : _[$]) != null ? S : v
+      xs: (N = (C = d.xs) == null ? void 0 : C[O]) != null ? N : x,
+      md: (E = (f = d.md) == null ? void 0 : f[O]) != null ? E : x
     };
-  }, i = o("w", 186), p = o("h", 264), m = o("r", 22.6), g = o("font", 64), b = {
-    xs: Math.round(((s = (k = u.xs) == null ? void 0 : k.font) != null ? s : 64) * 0.28),
-    md: Math.round(((x = (c = u.md) == null ? void 0 : c.font) != null ? x : 64) * 0.28)
+  }, a = o("w", 186), u = o("h", 264), p = o("r", 22.6), h = o("font", 64), _ = {
+    xs: Math.round(((s = (k = d.xs) == null ? void 0 : k.font) != null ? s : 64) * 0.28),
+    md: Math.round(((g = (c = d.md) == null ? void 0 : c.font) != null ? g : 64) * 0.28)
   };
   return /* @__PURE__ */ l(
-    O,
+    $,
     {
       sx: {
         position: "relative",
         width: "100%",
-        maxWidth: { xs: `${i.xs}px`, md: `${i.md}px` },
+        maxWidth: { xs: `${a.xs}px`, md: `${a.md}px` },
         aspectRatio: {
-          xs: `${i.xs}/${p.xs}`,
-          md: `${i.md}/${p.md}`
+          xs: `${a.xs}/${u.xs}`,
+          md: `${a.md}/${u.md}`
         },
-        borderRadius: { xs: `${m.xs}px`, md: `${m.md}px` },
+        borderRadius: { xs: `${p.xs}px`, md: `${p.md}px` },
         boxSizing: "border-box",
         overflow: "visible",
-        pb: { xs: `${b.xs}px`, md: `${b.md}px` },
+        pb: { xs: `${_.xs}px`, md: `${_.md}px` },
         "&::before": {
           content: '""',
           position: "absolute",
@@ -491,7 +491,7 @@ function gt({
       },
       children: [
         /* @__PURE__ */ e(
-          O,
+          $,
           {
             sx: {
               position: "absolute",
@@ -499,8 +499,8 @@ function gt({
               borderRadius: "inherit",
               overflow: "hidden"
             },
-            children: a ? /* @__PURE__ */ e(
-              M,
+            children: i ? /* @__PURE__ */ e(
+              F,
               {
                 variant: "rectangular",
                 width: "100%",
@@ -525,20 +525,20 @@ function gt({
           }
         ),
         /* @__PURE__ */ e(
-          O,
+          $,
           {
             component: "span",
             sx: {
               position: "absolute",
               left: 8,
               bottom: {
-                xs: `-${b.xs}px`,
-                md: `-${b.md}px`
+                xs: `-${_.xs}px`,
+                md: `-${_.md}px`
               },
               fontFamily: "secondary",
               fontSize: {
-                xs: `${g.xs}px`,
-                md: `${g.md}px`
+                xs: `${h.xs}px`,
+                md: `${h.md}px`
               },
               lineHeight: 1,
               color: "#3CC666",
@@ -553,18 +553,18 @@ function gt({
     }
   );
 }
-const ft = ({
+const xt = ({
   logo: t,
   provider: n,
   providerName: r,
-  machine: a,
-  onClick: u
+  machine: i,
+  onClick: d
 }) => {
   var o;
   return /* @__PURE__ */ l(
-    O,
+    $,
     {
-      onClick: u,
+      onClick: d,
       sx: {
         flex: "0 0 auto",
         position: "relative",
@@ -586,11 +586,11 @@ const ft = ({
       },
       children: [
         /* @__PURE__ */ e(
-          O,
+          $,
           {
             component: "img",
             src: t,
-            alt: `Juego ${a != null ? a : ""}`,
+            alt: `Juego ${i != null ? i : ""}`,
             sx: {
               position: "absolute",
               inset: 0,
@@ -602,7 +602,7 @@ const ft = ({
           }
         ),
         /* @__PURE__ */ e(
-          O,
+          $,
           {
             className: "orc-live-provider-label",
             sx: {
@@ -616,7 +616,7 @@ const ft = ({
               pointerEvents: "none"
             },
             children: /* @__PURE__ */ e(
-              D,
+              V,
               {
                 sx: {
                   color: "#fff",
@@ -632,8 +632,8 @@ const ft = ({
       ]
     }
   );
-}, se = 12, ce = ({ r: t = 16 }) => /* @__PURE__ */ e(O, { sx: { width: "100%", height: "100%", borderRadius: t, overflow: "hidden" }, children: /* @__PURE__ */ e(
-  M,
+}, se = 12, ce = ({ r: t = 16 }) => /* @__PURE__ */ e($, { sx: { width: "100%", height: "100%", borderRadius: t, overflow: "hidden" }, children: /* @__PURE__ */ e(
+  F,
   {
     variant: "rectangular",
     width: "100%",
@@ -647,20 +647,20 @@ const ft = ({
       }
     }
   }
-) }), Te = ({
+) }), Pe = ({
   items: t,
   layout: n = "grid",
   onClick: r,
-  loading: a = !1,
-  gridSkeletonCount: u = 4
+  loading: i = !1,
+  gridSkeletonCount: d = 4
 }) => {
-  var o, i;
+  var o, a;
   if (n === "mosaic") {
-    const p = t[0];
-    console.log("big: ", p);
-    const m = t.slice(1, 5);
+    const u = t[0];
+    console.log("big: ", u);
+    const p = t.slice(1, 5);
     return /* @__PURE__ */ l(
-      O,
+      $,
       {
         sx: {
           display: "grid",
@@ -684,7 +684,7 @@ const ft = ({
         },
         children: [
           /* @__PURE__ */ e(
-            O,
+            $,
             {
               sx: {
                 width: { xs: 184, md: 280 },
@@ -693,21 +693,21 @@ const ft = ({
                 overflow: "hidden",
                 borderRadius: 2
               },
-              children: a ? /* @__PURE__ */ e(ce, {}) : p && /* @__PURE__ */ e(
+              children: i ? /* @__PURE__ */ e(ce, {}) : u && /* @__PURE__ */ e(
                 te,
                 {
-                  imageUrl: `https://olimpo.bet${(i = (o = p.background) != null ? o : p.imageUrl) != null ? i : ""}`,
+                  imageUrl: `https://olimpo.bet${(a = (o = u.background) != null ? o : u.imageUrl) != null ? a : ""}`,
                   size: "lg",
                   fillParent: !0,
-                  onClick: () => r == null ? void 0 : r(p, 0)
+                  onClick: () => r == null ? void 0 : r(u, 0)
                 }
               )
             }
           ),
-          (a ? Array.from({ length: 4 }) : m).map((g, b) => {
+          (i ? Array.from({ length: 4 }) : p).map((h, _) => {
             var k, s;
             return /* @__PURE__ */ e(
-              O,
+              $,
               {
                 sx: {
                   width: { xs: 104, md: 152 },
@@ -715,17 +715,17 @@ const ft = ({
                   overflow: "hidden",
                   borderRadius: 2
                 },
-                children: a ? /* @__PURE__ */ e(ce, {}) : /* @__PURE__ */ e(
+                children: i ? /* @__PURE__ */ e(ce, {}) : /* @__PURE__ */ e(
                   te,
                   {
-                    imageUrl: `https://olimpo.bet${(s = (k = g.background) != null ? k : g.imageUrl) != null ? s : ""}`,
+                    imageUrl: `https://olimpo.bet${(s = (k = h.background) != null ? k : h.imageUrl) != null ? s : ""}`,
                     size: "sm",
                     fillParent: !0,
-                    onClick: () => r == null ? void 0 : r(g, b + 1)
+                    onClick: () => r == null ? void 0 : r(h, _ + 1)
                   }
                 )
               },
-              a ? `sk-${b}` : g.id
+              i ? `sk-${_}` : h.id
             );
           })
         ]
@@ -733,7 +733,7 @@ const ft = ({
     );
   }
   return /* @__PURE__ */ e(
-    O,
+    $,
     {
       sx: {
         display: "grid",
@@ -748,43 +748,43 @@ const ft = ({
         gap: `${se}px`,
         gridAutoFlow: "column"
       },
-      children: (a ? Array.from({ length: u }) : t).map((p, m) => {
-        var g, b, k;
+      children: (i ? Array.from({ length: d }) : t).map((u, p) => {
+        var h, _, k;
         return /* @__PURE__ */ e(
-          O,
+          $,
           {
             sx: { overflow: "hidden", borderRadius: 2 },
-            children: a ? /* @__PURE__ */ e(ce, {}) : /* @__PURE__ */ e(
+            children: i ? /* @__PURE__ */ e(ce, {}) : /* @__PURE__ */ e(
               te,
               {
-                imageUrl: `https://olimpo.bet${(b = (g = p.background) != null ? g : p.imageUrl) != null ? b : ""}`,
+                imageUrl: `https://olimpo.bet${(_ = (h = u.background) != null ? h : u.imageUrl) != null ? _ : ""}`,
                 size: "sm",
                 fillParent: !0,
-                onClick: () => r == null ? void 0 : r(p, m)
+                onClick: () => r == null ? void 0 : r(u, p)
               }
             )
           },
-          a ? `sk-${m}` : (k = p.id) != null ? k : m
+          i ? `sk-${p}` : (k = u.id) != null ? k : p
         );
       })
     }
   );
-}, fe = ({
+}, xe = ({
   title: t,
   amount: n,
   subtitle: r,
-  buttonText: a,
-  onButtonClick: u,
+  buttonText: i,
+  onButtonClick: d,
   backgroundImage: o,
-  alt: i,
-  className: p = "",
-  variant: m = "small"
+  alt: a,
+  className: u = "",
+  variant: p = "small"
 }) => {
-  const g = n ? n.slice(0, 2) : "", b = n ? n.slice(2) : "", k = m === "large";
+  const h = n ? n.slice(0, 2) : "", _ = n ? n.slice(2) : "", k = p === "large";
   return /* @__PURE__ */ l(
-    O,
+    $,
     {
-      className: p,
+      className: u,
       sx: {
         position: "relative",
         width: "100%",
@@ -796,7 +796,7 @@ const ft = ({
       },
       children: [
         o && /* @__PURE__ */ e(
-          O,
+          $,
           {
             sx: {
               position: "relative",
@@ -809,11 +809,11 @@ const ft = ({
               overflow: "hidden"
             },
             children: /* @__PURE__ */ e(
-              O,
+              $,
               {
                 component: "img",
                 src: o,
-                alt: i != null ? i : "Fondo promocional",
+                alt: a != null ? a : "Fondo promocional",
                 sx: {
                   width: "100%",
                   height: "100%",
@@ -829,7 +829,7 @@ const ft = ({
           }
         ),
         /* @__PURE__ */ e(
-          O,
+          $,
           {
             sx: {
               position: "absolute",
@@ -843,7 +843,7 @@ const ft = ({
               pr: { xs: "14%", lg: "15%" }
             },
             children: /* @__PURE__ */ l(
-              O,
+              $,
               {
                 sx: {
                   maxWidth: "60%",
@@ -853,7 +853,7 @@ const ft = ({
                 },
                 children: [
                   t && /* @__PURE__ */ e(
-                    D,
+                    V,
                     {
                       sx: {
                         fontSize: { xs: 12, md: 20 },
@@ -864,7 +864,7 @@ const ft = ({
                     }
                   ),
                   n && /* @__PURE__ */ l(
-                    O,
+                    $,
                     {
                       component: "p",
                       sx: {
@@ -882,26 +882,26 @@ const ft = ({
                       },
                       children: [
                         /* @__PURE__ */ e(
-                          O,
+                          $,
                           {
                             component: "span",
                             sx: { fontSize: { xs: 35, md: 48 }, mr: 0.5 },
-                            children: g
+                            children: h
                           }
                         ),
                         /* @__PURE__ */ e(
-                          O,
+                          $,
                           {
                             component: "span",
                             sx: { fontSize: { xs: 52, md: 77 } },
-                            children: b
+                            children: _
                           }
                         )
                       ]
                     }
                   ),
                   r && /* @__PURE__ */ e(
-                    D,
+                    V,
                     {
                       sx: {
                         pb: "20px",
@@ -912,7 +912,7 @@ const ft = ({
                       children: r
                     }
                   ),
-                  a && /* @__PURE__ */ e(F, { onClick: u, children: a })
+                  i && /* @__PURE__ */ e(L, { onClick: d, children: i })
                 ]
               }
             )
@@ -921,20 +921,20 @@ const ft = ({
       ]
     }
   );
-}, xt = ({
+}, bt = ({
   text: t,
   buttonLabel: n = "Conoce más",
   onClick: r,
-  imgAlt: a = "Club Olimpo",
-  imgSrcMobile: u,
+  imgAlt: i = "Club Olimpo",
+  imgSrcMobile: d,
   imgSrcDesktopBg: o,
-  imgSrcDesktopLogo: i
+  imgSrcDesktopLogo: a
 }) => /* @__PURE__ */ l(Z, { children: [
   /* @__PURE__ */ e("div", { className: "orc-co-bgMobile", children: /* @__PURE__ */ e(
     "img",
     {
-      src: u,
-      alt: a,
+      src: d,
+      alt: i,
       className: "orc-co-bgMobileImg"
     }
   ) }),
@@ -943,76 +943,76 @@ const ft = ({
       "img",
       {
         src: o,
-        alt: `${a} fondo`,
+        alt: `${i} fondo`,
         className: "orc-co-bgDesktopImg"
       }
     ) }),
     /* @__PURE__ */ l("div", { className: "orc-co-desktopContent", children: [
-      i && /* @__PURE__ */ e(
+      a && /* @__PURE__ */ e(
         "img",
         {
-          src: i,
-          alt: `${a} logo`,
+          src: a,
+          alt: `${i} logo`,
           className: "orc-co-logoImg"
         }
       ),
       /* @__PURE__ */ e("p", { className: "orc-co-captionDesktop", children: t }),
-      /* @__PURE__ */ e(F, { onClick: r, variant: "primary", size: "md", children: n })
+      /* @__PURE__ */ e(L, { onClick: r, variant: "primary", size: "md", children: n })
     ] })
   ] }),
   /* @__PURE__ */ l("div", { className: "orc-co-bottom", children: [
     /* @__PURE__ */ e("p", { className: "orc-co-caption", children: t }),
-    /* @__PURE__ */ e(F, { onClick: r, variant: "primary", size: "md", children: n })
+    /* @__PURE__ */ e(L, { onClick: r, variant: "primary", size: "md", children: n })
   ] })
-] }), bt = "oraculo__OraculoEventCombinadasCard-module__card___ulQeY", _t = "oraculo__OraculoEventCombinadasCard-module__combinadas___Gxrld", vt = "oraculo__OraculoEventCombinadasCard-module__apuestaItem___YnYMy", yt = "oraculo__OraculoEventCombinadasCard-module__lineContainer___G5rbU", wt = "oraculo__OraculoEventCombinadasCard-module__circle___eehm-", St = "oraculo__OraculoEventCombinadasCard-module__line___Eb2pK", Ct = "oraculo__OraculoEventCombinadasCard-module__apuestaText___b5s7S", Et = "oraculo__OraculoEventCombinadasCard-module__cuotaTotal___Lohvu", H = {
-  card: bt,
-  combinadas: _t,
-  apuestaItem: vt,
-  lineContainer: yt,
-  circle: wt,
-  line: St,
-  apuestaText: Ct,
-  cuotaTotal: Et
+] }), _t = "oraculo__OraculoEventCombinadasCard-module__card___ulQeY", vt = "oraculo__OraculoEventCombinadasCard-module__combinadas___Gxrld", yt = "oraculo__OraculoEventCombinadasCard-module__apuestaItem___YnYMy", wt = "oraculo__OraculoEventCombinadasCard-module__lineContainer___G5rbU", St = "oraculo__OraculoEventCombinadasCard-module__circle___eehm-", Ct = "oraculo__OraculoEventCombinadasCard-module__line___Eb2pK", Et = "oraculo__OraculoEventCombinadasCard-module__apuestaText___b5s7S", kt = "oraculo__OraculoEventCombinadasCard-module__cuotaTotal___Lohvu", K = {
+  card: _t,
+  combinadas: vt,
+  apuestaItem: yt,
+  lineContainer: wt,
+  circle: St,
+  line: Ct,
+  apuestaText: Et,
+  cuotaTotal: kt
 };
 function pe(t) {
   const n = Array.isArray(t) ? t : [t];
   sessionStorage.setItem("landingOutcomes", JSON.stringify(n)), window.location.href = "/deportes#in-play";
 }
-function kt() {
+function $t() {
   window.location.href = "/deportes#in-play";
 }
-function $t() {
+function Ot() {
   window.location.href = "/deportes#sports-hub/football";
 }
-function Ot() {
+function It() {
   window.location.href = "/deportes#specials";
 }
-function It({ event: t }) {
-  var a;
-  function n(u) {
-    var b;
-    const o = (b = u.betoffers) != null ? b : [], i = u.homeName, p = u.awayName, m = o.map((k) => {
-      var $, v, C, N, _;
-      let s = k.outcomes[0], c = "", x = s != null && s.line ? s.line / 1e3 : "";
-      return ["Más de", "Mas de", "Over"].includes(s == null ? void 0 : s.label) ? (c = `Más de ${x}`, s != null && s.participant && (c = `${s.participant} - ${c}`)) : ["Menos de", "Menos"].includes(s == null ? void 0 : s.label) ? (c = `Menos de ${x}`, s != null && s.participant && (c = `${s.participant} - ${c}`)) : ["Sí", "No"].includes(s == null ? void 0 : s.label) ? (c = s == null ? void 0 : s.label, s != null && s.participant && (c = `${s.participant} - ${c}`)) : ["1X", "12", "X2"].includes(s == null ? void 0 : s.label) ? s.label === "1X" ? c = `${i} o Empate` : s.label === "12" ? c = `${i} o ${p}` : s.label === "X2" && (c = `${p} o Empate`) : (s != null && s.participant ? c = s.participant : c = ($ = s == null ? void 0 : s.label) != null ? $ : "", x !== "" && c === s.label && (c = `${s.label} ${x}`)), {
-        id: (v = s == null ? void 0 : s.id) != null ? v : 0,
+function Nt({ event: t }) {
+  var i;
+  function n(d) {
+    var _;
+    const o = (_ = d.betoffers) != null ? _ : [], a = d.homeName, u = d.awayName, p = o.map((k) => {
+      var O, x, C, N, f;
+      let s = k.outcomes[0], c = "", g = s != null && s.line ? s.line / 1e3 : "";
+      return ["Más de", "Mas de", "Over"].includes(s == null ? void 0 : s.label) ? (c = `Más de ${g}`, s != null && s.participant && (c = `${s.participant} - ${c}`)) : ["Menos de", "Menos"].includes(s == null ? void 0 : s.label) ? (c = `Menos de ${g}`, s != null && s.participant && (c = `${s.participant} - ${c}`)) : ["Sí", "No"].includes(s == null ? void 0 : s.label) ? (c = s == null ? void 0 : s.label, s != null && s.participant && (c = `${s.participant} - ${c}`)) : ["1X", "12", "X2"].includes(s == null ? void 0 : s.label) ? s.label === "1X" ? c = `${a} o Empate` : s.label === "12" ? c = `${a} o ${u}` : s.label === "X2" && (c = `${u} o Empate`) : (s != null && s.participant ? c = s.participant : c = (O = s == null ? void 0 : s.label) != null ? O : "", g !== "" && c === s.label && (c = `${s.label} ${g}`)), {
+        id: (x = s == null ? void 0 : s.id) != null ? x : 0,
         value: c,
         label: k.criterion.label,
         odds: (C = s == null ? void 0 : s.odds) != null ? C : 0,
         bl: (N = s == null ? void 0 : s.label) != null ? N : 0,
-        position: (_ = s == null ? void 0 : s.position) != null ? _ : 0
+        position: (f = s == null ? void 0 : s.position) != null ? f : 0
       };
-    }), g = m.reduce((k, s) => k + s.odds, 0) / 1e3;
+    }), h = p.reduce((k, s) => k + s.odds, 0) / 1e3;
     return {
-      outcomes: m,
-      total: g.toFixed(2)
+      outcomes: p,
+      total: h.toFixed(2)
     };
   }
   const r = n(t);
-  return /* @__PURE__ */ l("div", { className: H.card, children: [
-    /* @__PURE__ */ e("div", { className: H.combinadas, children: /* @__PURE__ */ l(R, { direction: "column", spacing: 0.5, useFlexGap: !0, children: [
+  return /* @__PURE__ */ l("div", { className: K.card, children: [
+    /* @__PURE__ */ e("div", { className: K.combinadas, children: /* @__PURE__ */ l(M, { direction: "column", spacing: 0.5, useFlexGap: !0, children: [
       /* @__PURE__ */ e(
-        K,
+        q,
         {
           title: t.name,
           iconUrl: "/assets/img/home/Combinadas/pelota.png",
@@ -1020,32 +1020,32 @@ function It({ event: t }) {
         }
       ),
       /* @__PURE__ */ e("img", { loading: "lazy", src: "/assets/img/home/Combinadas/line.png" }),
-      /* @__PURE__ */ e(R, { direction: "column", spacing: 0.5, useFlexGap: !0, children: r.outcomes.sort((u, o) => u.position - o.position).map((u, o) => /* @__PURE__ */ l("div", { className: H.apuestaItem, children: [
-        /* @__PURE__ */ l("div", { className: H.lineContainer, children: [
-          /* @__PURE__ */ e("div", { className: H.circle }),
-          o < r.outcomes.length - 1 && /* @__PURE__ */ e("div", { className: H.line })
+      /* @__PURE__ */ e(M, { direction: "column", spacing: 0.5, useFlexGap: !0, children: r.outcomes.sort((d, o) => d.position - o.position).map((d, o) => /* @__PURE__ */ l("div", { className: K.apuestaItem, children: [
+        /* @__PURE__ */ l("div", { className: K.lineContainer, children: [
+          /* @__PURE__ */ e("div", { className: K.circle }),
+          o < r.outcomes.length - 1 && /* @__PURE__ */ e("div", { className: K.line })
         ] }),
-        /* @__PURE__ */ l("div", { className: H.apuestaText, children: [
-          /* @__PURE__ */ e("strong", { children: u.value }),
+        /* @__PURE__ */ l("div", { className: K.apuestaText, children: [
+          /* @__PURE__ */ e("strong", { children: d.value }),
           " ",
           "| ",
-          u.label
+          d.label
         ] })
       ] }, o)) })
     ] }) }),
     /* @__PURE__ */ l("button", { onClick: () => {
-      var u, o;
-      return pe((o = (u = r == null ? void 0 : r.outcomes) == null ? void 0 : u.map((i) => i == null ? void 0 : i.id)) != null ? o : []);
-    }, className: H.cuotaTotal, children: [
+      var d, o;
+      return pe((o = (d = r == null ? void 0 : r.outcomes) == null ? void 0 : d.map((a) => a == null ? void 0 : a.id)) != null ? o : []);
+    }, className: K.cuotaTotal, children: [
       /* @__PURE__ */ l("span", { children: [
         "Cuota total: ",
-        /* @__PURE__ */ e("strong", { children: (((a = t.combinadoTotal) != null ? a : 0) / 1e3).toFixed(2) })
+        /* @__PURE__ */ e("strong", { children: (((i = t.combinadoTotal) != null ? i : 0) / 1e3).toFixed(2) })
       ] }),
       /* @__PURE__ */ e("img", { loading: "lazy", src: "/assets/img/home/Combinadas/cuotaTotal.svg", alt: "cuota total" })
     ] })
   ] });
 }
-const U = {
+const D = {
   "orc-btn": "oraculo__OraculoButtonBet-module__orc-btn___jakza",
   "orc-btn__label": "oraculo__OraculoButtonBet-module__orc-btn__label___zNFEH",
   "orc-btn__icon": "oraculo__OraculoButtonBet-module__orc-btn__icon___5Rhyd",
@@ -1059,51 +1059,51 @@ const U = {
   "orc-btn--full": "oraculo__OraculoButtonBet-module__orc-btn--full___z-Myo",
   "orc-btn--fullHeight": "oraculo__OraculoButtonBet-module__orc-btn--fullHeight___pCxq1"
 };
-function Nt({
+function Tt({
   children: t,
   onClick: n,
   href: r,
-  target: a,
-  rel: u,
+  target: i,
+  rel: d,
   type: o = "button",
-  disabled: i = !1,
-  variant: p = "primary",
-  size: m,
-  fullWidth: g = !1,
-  fullHeight: b = !1,
+  disabled: a = !1,
+  variant: u = "primary",
+  size: p,
+  fullWidth: h = !1,
+  fullHeight: _ = !1,
   className: k = "",
   ariaLabel: s,
   leftIcon: c,
-  rightIcon: x,
-  iconOnly: $
+  rightIcon: g,
+  iconOnly: O
 }) {
-  const v = !!t && t !== !0, _ = (!!c ? 1 : 0) + (!!x ? 1 : 0) == 1, S = $ != null ? $ : _ && !v, P = [
-    U["orc-btn"],
+  const x = !!t && t !== !0, f = (!!c ? 1 : 0) + (!!g ? 1 : 0) == 1, E = O != null ? O : f && !x, P = [
+    D["orc-btn"],
     // base
-    U[`orc-btn--${p}`],
+    D[`orc-btn--${u}`],
     // variant primary/secondary/tertiary
-    m ? U[`orc-btn--${m}`] : "",
+    p ? D[`orc-btn--${p}`] : "",
     // sm / md / lg
-    g ? U["orc-btn--full"] : "",
-    b ? U["orc-btn--fullHeight"] : "",
-    S ? U["orc-btn--iconOnly"] : "",
+    h ? D["orc-btn--full"] : "",
+    _ ? D["orc-btn--fullHeight"] : "",
+    E ? D["orc-btn--iconOnly"] : "",
     k
   ].filter(Boolean).join(" "), T = /* @__PURE__ */ l(Z, { children: [
-    c && /* @__PURE__ */ e("span", { className: U["orc-btn__icon"], children: c }),
-    !S && /* @__PURE__ */ e("span", { className: U["orc-btn__label"], children: t }),
-    x && /* @__PURE__ */ e("span", { className: U["orc-btn__icon"], children: x })
-  ] }), E = i ? !0 : void 0;
+    c && /* @__PURE__ */ e("span", { className: D["orc-btn__icon"], children: c }),
+    !E && /* @__PURE__ */ e("span", { className: D["orc-btn__label"], children: t }),
+    g && /* @__PURE__ */ e("span", { className: D["orc-btn__icon"], children: g })
+  ] }), S = a ? !0 : void 0;
   return r ? /* @__PURE__ */ e(
-    we,
+    Se,
     {
       href: r,
-      target: a,
-      rel: u,
+      target: i,
+      rel: d,
       "aria-label": s,
-      "aria-disabled": E,
-      tabIndex: E ? -1 : void 0,
+      "aria-disabled": S,
+      tabIndex: S ? -1 : void 0,
       className: P,
-      onClick: E ? (d) => d.preventDefault() : n,
+      onClick: S ? (B) => B.preventDefault() : n,
       children: T
     }
   ) : /* @__PURE__ */ e(
@@ -1111,36 +1111,36 @@ function Nt({
     {
       type: o,
       onClick: n,
-      disabled: !!E,
+      disabled: !!S,
       "aria-label": s,
       className: P,
       children: T
     }
   );
 }
-const Tt = "oraculo__OraculoEventEnVivoCard-module__cardWrapper___6b-cT", Pe = {
-  cardWrapper: Tt
+const Pt = "oraculo__OraculoEventEnVivoCard-module__cardWrapper___6b-cT", Be = {
+  cardWrapper: Pt
 };
-function Pt({ event: t, liveData: n, betOffers: r }) {
-  var u, o, i, p, m, g, b, k;
-  const a = r == null ? void 0 : r.find(
+function Bt({ event: t, liveData: n, betOffers: r }) {
+  var d, o, a, u, p, h, _, k;
+  const i = r == null ? void 0 : r.find(
     (s) => {
       var c;
       return ((c = s.betOfferType) == null ? void 0 : c.id) === 2;
     }
   );
-  return /* @__PURE__ */ e("div", { className: Pe.cardWrapper, children: /* @__PURE__ */ l(R, { direction: "column", spacing: 1, useFlexGap: !0, children: [
-    /* @__PURE__ */ l(R, { direction: "column", spacing: 1.5, useFlexGap: !0, children: [
+  return /* @__PURE__ */ e("div", { className: Be.cardWrapper, children: /* @__PURE__ */ l(M, { direction: "column", spacing: 1, useFlexGap: !0, children: [
+    /* @__PURE__ */ l(M, { direction: "column", spacing: 1.5, useFlexGap: !0, children: [
       /* @__PURE__ */ e(
-        Ye,
+        Ze,
         {
-          title: (u = t.path[0].name) != null ? u : "",
+          title: (d = t.path[0].name) != null ? d : "",
           subtitle: t.group,
           live: !0,
           time: ((o = n == null ? void 0 : n.matchClock) == null ? void 0 : o.minute) != null ? `${n.matchClock.minute}'` : ""
         }
       ),
-      /* @__PURE__ */ e("div", { style: { padding: "0 4px" }, children: /* @__PURE__ */ l(V, { spacing: 1.5, columns: "1fr auto 1fr", children: [
+      /* @__PURE__ */ e("div", { style: { padding: "0 4px" }, children: /* @__PURE__ */ l(H, { spacing: 1.5, columns: "1fr auto 1fr", children: [
         /* @__PURE__ */ e(
           ne,
           {
@@ -1148,84 +1148,84 @@ function Pt({ event: t, liveData: n, betOffers: r }) {
             logo: "https://stg-www.contodobet.com/static/img/landing/EventoEnVivo/Juventus.png"
           }
         ),
-        /* @__PURE__ */ e(Ne, { text: ((p = (i = n == null ? void 0 : n.score) == null ? void 0 : i.home) != null ? p : 0) + ":" + ((g = (m = n == null ? void 0 : n.score) == null ? void 0 : m.away) != null ? g : 0), name: "En vivo" }),
+        /* @__PURE__ */ e(Te, { text: ((u = (a = n == null ? void 0 : n.score) == null ? void 0 : a.home) != null ? u : 0) + ":" + ((h = (p = n == null ? void 0 : n.score) == null ? void 0 : p.away) != null ? h : 0), name: "En vivo" }),
         /* @__PURE__ */ e(ne, { name: t.awayName, logo: "https://stg-www.contodobet.com/static/img/landing/EventoEnVivo/Racing.png" })
       ] }) })
     ] }),
-    /* @__PURE__ */ l(R, { direction: "column", spacing: 1, useFlexGap: !0, children: [
-      /* @__PURE__ */ e(V, { spacing: 1, children: ((b = a == null ? void 0 : a.outcomes) != null ? b : []).map((s, c) => /* @__PURE__ */ e(Oe, { text: s.label.toUpperCase() }, c)) }),
-      /* @__PURE__ */ e(V, { spacing: 2, children: ((k = a == null ? void 0 : a.outcomes) != null ? k : []).map((s, c) => /* @__PURE__ */ e(Nt, { variant: "primary", disabled: s.odds == null || (a == null ? void 0 : a.cashOutStatus) == "SUSPENDED", onClick: () => {
+    /* @__PURE__ */ l(M, { direction: "column", spacing: 1, useFlexGap: !0, children: [
+      /* @__PURE__ */ e(H, { spacing: 1, children: ((_ = i == null ? void 0 : i.outcomes) != null ? _ : []).map((s, c) => /* @__PURE__ */ e(Ie, { text: s.label.toUpperCase() }, c)) }),
+      /* @__PURE__ */ e(H, { spacing: 2, children: ((k = i == null ? void 0 : i.outcomes) != null ? k : []).map((s, c) => /* @__PURE__ */ e(Tt, { variant: "primary", disabled: s.odds == null || (i == null ? void 0 : i.cashOutStatus) == "SUSPENDED", onClick: () => {
         pe(s.id);
       }, children: s.odds === void 0 ? "" : (s.odds / 1e3).toFixed(2) }, c)) })
     ] })
   ] }) });
 }
-const Bt = "oraculo__OraculoEventDate-module__date___xhIlh", Rt = {
-  date: Bt
+const Rt = "oraculo__OraculoEventDate-module__date___xhIlh", Mt = {
+  date: Rt
 };
-function Mt({ text: t }) {
-  return /* @__PURE__ */ e("div", { className: `oli-font ${Rt.date}`, children: t });
+function Ft({ text: t }) {
+  return /* @__PURE__ */ e("div", { className: `oli-font ${Mt.date}`, children: t });
 }
-const Ft = "oraculo__OraculoEventSemanaCard-module__cardContainer___4JuDe", Lt = "oraculo__OraculoEventSemanaCard-module__cardBackground___vfalD", Wt = "oraculo__OraculoEventSemanaCard-module__jugadas___W8b7H", jt = "oraculo__OraculoEventSemanaCard-module__equipos___G5hLn", J = {
-  cardContainer: Ft,
-  cardBackground: Lt,
-  jugadas: Wt,
-  equipos: jt
+const Lt = "oraculo__OraculoEventSemanaCard-module__cardContainer___4JuDe", Wt = "oraculo__OraculoEventSemanaCard-module__cardBackground___vfalD", jt = "oraculo__OraculoEventSemanaCard-module__jugadas___W8b7H", zt = "oraculo__OraculoEventSemanaCard-module__equipos___G5hLn", X = {
+  cardContainer: Lt,
+  cardBackground: Wt,
+  jugadas: jt,
+  equipos: zt
 };
-function zt({ event: t }) {
-  var r, a, u, o, i, p, m;
-  function n(g) {
-    const b = new Date(g), k = b.toLocaleDateString("es-ES", {
+function At({ event: t }) {
+  var r, i, d, o, a, u, p;
+  function n(h) {
+    const _ = new Date(h), k = _.toLocaleDateString("es-ES", {
       weekday: "short"
-    }).toUpperCase(), s = b.getDate().toString().padStart(2, "0"), c = (b.getMonth() + 1).toString().padStart(2, "0");
-    let x = b.toLocaleTimeString("es-PE", {
+    }).toUpperCase(), s = _.getDate().toString().padStart(2, "0"), c = (_.getMonth() + 1).toString().padStart(2, "0");
+    let g = _.toLocaleTimeString("es-PE", {
       hour: "numeric",
       minute: "2-digit",
       hour12: !0
     }).toUpperCase();
-    return x = x.replace(/\./g, "").replace(/A\s*M/i, "AM").replace(/P\s*M/i, "PM"), `${k} ${s}/${c} | ${x}`;
+    return g = g.replace(/\./g, "").replace(/A\s*M/i, "AM").replace(/P\s*M/i, "PM"), `${k} ${s}/${c} | ${g}`;
   }
-  return /* @__PURE__ */ l("div", { className: J.cardContainer, children: [
-    /* @__PURE__ */ e(Ie, { title: (r = t == null ? void 0 : t.group) != null ? r : "" }),
-    /* @__PURE__ */ e("div", { className: J.cardBackground, children: /* @__PURE__ */ l(R, { direction: "column", spacing: { xs: 0.5, md: 1 }, useFlexGap: !0, children: [
-      /* @__PURE__ */ l(R, { direction: "column", spacing: 1, useFlexGap: !0, children: [
-        /* @__PURE__ */ l("div", { className: J.equipos, children: [
+  return /* @__PURE__ */ l("div", { className: X.cardContainer, children: [
+    /* @__PURE__ */ e(Ne, { title: (r = t == null ? void 0 : t.group) != null ? r : "" }),
+    /* @__PURE__ */ e("div", { className: X.cardBackground, children: /* @__PURE__ */ l(M, { direction: "column", spacing: { xs: 0.5, md: 1 }, useFlexGap: !0, children: [
+      /* @__PURE__ */ l(M, { direction: "column", spacing: 1, useFlexGap: !0, children: [
+        /* @__PURE__ */ l("div", { className: X.equipos, children: [
           /* @__PURE__ */ e(ne, { name: t.awayName, logo: "https://stg-www.contodobet.com/static/img/landing/EventoSemana/Flamengo.png", size: "compact" }),
-          /* @__PURE__ */ e(Ne, { text: "vs.", name: "", size: "small" }),
+          /* @__PURE__ */ e(Te, { text: "vs.", name: "", size: "small" }),
           /* @__PURE__ */ e(ne, { name: t.homeName, logo: "https://stg-www.contodobet.com/static/img/landing/EventoSemana/RealMadrid.png", size: "compact" })
         ] }),
-        /* @__PURE__ */ e(Mt, { text: n(t.start) })
+        /* @__PURE__ */ e(Ft, { text: n(t.start) })
       ] }),
-      /* @__PURE__ */ l(R, { direction: "column", spacing: { xs: 0.5, md: 1 }, useFlexGap: !0, children: [
-        /* @__PURE__ */ e(V, { spacing: 1, children: ((o = (u = (a = t == null ? void 0 : t.outcome) == null ? void 0 : a[0]) == null ? void 0 : u.outcomes) != null ? o : []).map((g, b) => /* @__PURE__ */ e(Oe, { text: g.label.toUpperCase() }, b)) }),
-        /* @__PURE__ */ e("div", { className: J.jugadas, children: /* @__PURE__ */ e(V, { spacing: 1, children: ((m = (p = (i = t == null ? void 0 : t.outcome) == null ? void 0 : i[0]) == null ? void 0 : p.outcomes) != null ? m : []).map((g, b) => /* @__PURE__ */ e(F, { variant: "primary", fullHeight: !0, onClick: () => {
-          pe(g.id);
-        }, children: (g.odds / 1e3).toFixed(2) }, b)) }) })
+      /* @__PURE__ */ l(M, { direction: "column", spacing: { xs: 0.5, md: 1 }, useFlexGap: !0, children: [
+        /* @__PURE__ */ e(H, { spacing: 1, children: ((o = (d = (i = t == null ? void 0 : t.outcome) == null ? void 0 : i[0]) == null ? void 0 : d.outcomes) != null ? o : []).map((h, _) => /* @__PURE__ */ e(Ie, { text: h.label.toUpperCase() }, _)) }),
+        /* @__PURE__ */ e("div", { className: X.jugadas, children: /* @__PURE__ */ e(H, { spacing: 1, children: ((p = (u = (a = t == null ? void 0 : t.outcome) == null ? void 0 : a[0]) == null ? void 0 : u.outcomes) != null ? p : []).map((h, _) => /* @__PURE__ */ e(L, { variant: "primary", fullHeight: !0, onClick: () => {
+          pe(h.id);
+        }, children: (h.odds / 1e3).toFixed(2) }, _)) }) })
       ] })
     ] }) })
   ] });
 }
-function At({
+function Gt({
   items: t,
   title: n = "Destacados",
   iconUrl: r,
-  onViewMore: a,
-  className: u = ""
+  onViewMore: i,
+  className: d = ""
 }) {
-  const o = G(null), [i, p] = z({ isStart: !0, isEnd: !1 }), m = () => {
+  const o = U(null), [a, u] = A({ isStart: !0, isEnd: !1 }), p = () => {
     var c;
     (c = o.current) == null || c.prev();
-  }, g = () => {
+  }, h = () => {
     var c;
     (c = o.current) == null || c.next(), console.log("items: ", t);
-  }, b = () => {
+  }, _ = () => {
     window.location.href = "https://www.olimpo.bet/promociones";
   }, k = (c) => {
     if (!c || typeof window == "undefined") return;
-    const $ = `https://www.olimpo.bet/promociones/${encodeURIComponent(c)}`;
-    window.location.href = $;
+    const O = `https://www.olimpo.bet/promociones/${encodeURIComponent(c)}`;
+    window.location.href = O;
   };
-  return /* @__PURE__ */ l("section", { className: u || void 0, style: { width: "100%" }, children: [
+  return /* @__PURE__ */ l("section", { className: d || void 0, style: { width: "100%" }, children: [
     /* @__PURE__ */ l(
       "header",
       {
@@ -1238,37 +1238,37 @@ function At({
           marginBottom: 16
         },
         children: [
-          /* @__PURE__ */ e(K, { title: n, iconUrl: r, size: "md" }),
+          /* @__PURE__ */ e(q, { title: n, iconUrl: r, size: "md" }),
           /* @__PURE__ */ l("div", { style: { display: "flex", gap: 8 }, children: [
             /* @__PURE__ */ e(
-              F,
+              L,
               {
                 ariaLabel: "Anterior",
                 variant: "secondary",
                 iconOnly: !0,
                 leftIcon: /* @__PURE__ */ e(de, {}),
-                onClick: m,
-                disabled: i.isStart
+                onClick: p,
+                disabled: a.isStart
               }
             ),
             /* @__PURE__ */ e(
-              F,
+              L,
               {
                 ariaLabel: "Siguiente",
                 variant: "secondary",
                 iconOnly: !0,
                 rightIcon: /* @__PURE__ */ e(ue, {}),
-                onClick: g,
-                disabled: i.isEnd
+                onClick: h,
+                disabled: a.isEnd
               }
             )
           ] }),
-          /* @__PURE__ */ e(F, { variant: "secondary", onClick: b, children: "Ver más" })
+          /* @__PURE__ */ e(L, { variant: "secondary", onClick: _, children: "Ver más" })
         ]
       }
     ),
     /* @__PURE__ */ e(
-      q,
+      J,
       {
         ref: o,
         items: t,
@@ -1277,7 +1277,7 @@ function At({
         options: {
           autoWidth: !0,
           gap: "12px",
-          trimSpace: !1,
+          trimSpace: !0,
           pagination: !1,
           arrows: !1,
           drag: !0,
@@ -1313,7 +1313,7 @@ function At({
           },
           `${c.title}-${c.image}`
         ),
-        onMove: ({ isStart: c, isEnd: x }) => p({ isStart: c, isEnd: x })
+        onMove: ({ isStart: c, isEnd: g }) => u({ isStart: c, isEnd: g })
       }
     )
   ] });
@@ -1321,37 +1321,37 @@ function At({
 function ae(t, {
   basePath: n = "/casino",
   src: r,
-  demo: a = !1,
-  host: u = "https://www.olimpo.bet"
+  demo: i = !1,
+  host: d = "https://www.olimpo.bet"
 } = {}) {
   if (typeof window == "undefined") return;
   const o = t == null ? void 0 : t.machine;
   if (!o) return;
-  const i = new URLSearchParams();
-  i.set("machine", String(o)), a && i.set("demo", "1"), window.location.href = `${u}${n}?${i.toString()}`;
+  const a = new URLSearchParams();
+  a.set("machine", String(o)), i && a.set("demo", "1"), window.location.href = `${d}${n}?${a.toString()}`;
 }
-function Gt({
+function Ut({
   items: t,
   title: n = "Top Juegos",
   iconUrl: r,
-  onCardClick: a
+  onCardClick: i
 }) {
-  const u = oe(
-    () => (t != null ? t : []).map((p, m) => {
-      var g;
+  const d = oe(
+    () => (t != null ? t : []).map((u, p) => {
+      var h;
       return {
-        ...p,
+        ...u,
         // si no viene orden, usamos el índice (1-based)
-        orden: (g = p.orden) != null ? g : m + 1,
-        _originalIndex: m
+        orden: (h = u.orden) != null ? h : p + 1,
+        _originalIndex: p
       };
-    }).sort((p, m) => p.orden != null && m.orden != null ? p.orden - m.orden : p._originalIndex - m._originalIndex),
+    }).sort((u, p) => u.orden != null && p.orden != null ? u.orden - p.orden : u._originalIndex - p._originalIndex),
     [t]
-  ), o = !t || t.length === 0, i = o ? Array.from({ length: 6 }) : u.slice(0, 6);
-  return /* @__PURE__ */ e("section", { style: { width: "100%" }, children: /* @__PURE__ */ l(R, { direction: "column", spacing: 2, useFlexGap: !0, children: [
-    /* @__PURE__ */ e(K, { title: n, iconUrl: r, size: "md" }),
+  ), o = !t || t.length === 0, a = o ? Array.from({ length: 6 }) : d.slice(0, 6);
+  return /* @__PURE__ */ e("section", { style: { width: "100%" }, children: /* @__PURE__ */ l(M, { direction: "column", spacing: 2, useFlexGap: !0, children: [
+    /* @__PURE__ */ e(q, { title: n, iconUrl: r, size: "md" }),
     /* @__PURE__ */ e(
-      O,
+      $,
       {
         sx: {
           display: "grid",
@@ -1363,41 +1363,41 @@ function Gt({
           justifyItems: "center",
           width: "100%"
         },
-        children: i.map((p, m) => {
-          var g, b;
+        children: a.map((u, p) => {
+          var h, _;
           return /* @__PURE__ */ e(
-            gt,
+            ft,
             {
-              imageUrl: o ? "" : `https://olimpo.bet${(g = p.logo) != null ? g : ""}`,
-              orden: o ? m + 1 : p.orden,
+              imageUrl: o ? "" : `https://olimpo.bet${(h = u.logo) != null ? h : ""}`,
+              orden: o ? p + 1 : u.orden,
               loading: o,
               onClick: o ? void 0 : () => {
-                a ? a(p) : ae(p, { basePath: "/casino" });
+                i ? i(u) : ae(u, { basePath: "/casino" });
               }
             },
-            o ? `sk-${m}` : (b = p.machine) != null ? b : `${m}`
+            o ? `sk-${p}` : (_ = u.machine) != null ? _ : `${p}`
           );
         })
       }
     )
   ] }) });
 }
-const Ut = (t, n) => {
-  var r, a;
-  return (a = (r = t.orden) != null ? r : t.machine) != null ? a : n;
-}, Dt = ({
+const Dt = (t, n) => {
+  var r, i;
+  return (i = (r = t.orden) != null ? r : t.machine) != null ? i : n;
+}, Vt = ({
   items: t,
   title: n = "Casino en vivo",
   subtitle: r = "Disfruta la emoción en tus juegos favoritos y gana en tiempo real.",
-  backgroundMobileUrl: a = "",
-  backgroundDesktopUrl: u = "",
+  backgroundMobileUrl: i = "",
+  backgroundDesktopUrl: d = "",
   onCardClick: o,
-  onViewMore: i,
-  className: p
+  onViewMore: a,
+  className: u
 }) => (console.log("items: ", t), /* @__PURE__ */ l(
-  O,
+  $,
   {
-    className: p,
+    className: u,
     sx: {
       position: "relative",
       // width: "100vw",
@@ -1409,7 +1409,7 @@ const Ut = (t, n) => {
     },
     children: [
       /* @__PURE__ */ e(
-        O,
+        $,
         {
           sx: {
             position: "absolute",
@@ -1418,12 +1418,12 @@ const Ut = (t, n) => {
               xs: `
               linear-gradient(to bottom, #121212 0%, rgba(18,18,18,0) 10%),
               linear-gradient(to top,    #121212 0%, rgba(18,18,18,0) 10%),
-              url('${a}')
+              url('${i}')
             `,
               md: `
               linear-gradient(to bottom, #121212 0%, rgba(18,18,18,0) 10%),
               linear-gradient(to top,    #121212 0%, rgba(18,18,18,0) 10%),
-              url('${u}')
+              url('${d}')
             `
             },
             backgroundSize: "cover",
@@ -1434,7 +1434,7 @@ const Ut = (t, n) => {
         }
       ),
       /* @__PURE__ */ l(
-        O,
+        $,
         {
           sx: {
             position: "relative",
@@ -1451,9 +1451,9 @@ const Ut = (t, n) => {
             textAlign: { xs: "center", md: "left" }
           },
           children: [
-            /* @__PURE__ */ l(R, { spacing: 3, sx: { maxWidth: { md: 280 } }, children: [
+            /* @__PURE__ */ l(M, { spacing: 3, sx: { maxWidth: { md: 280 } }, children: [
               /* @__PURE__ */ e(
-                D,
+                V,
                 {
                   variant: "h4",
                   sx: {
@@ -1466,7 +1466,7 @@ const Ut = (t, n) => {
                 }
               ),
               /* @__PURE__ */ e(
-                D,
+                V,
                 {
                   sx: {
                     fontSize: { xs: 14, md: 18 },
@@ -1477,18 +1477,18 @@ const Ut = (t, n) => {
                   children: r
                 }
               ),
-              /* @__PURE__ */ e(O, { sx: { display: { xs: "none", md: "block" } }, children: /* @__PURE__ */ e(
-                F,
+              /* @__PURE__ */ e($, { sx: { display: { xs: "none", md: "block" } }, children: /* @__PURE__ */ e(
+                L,
                 {
                   variant: "primary",
                   size: "md",
-                  onClick: () => (i == null ? void 0 : i()) || (window.location.href = "https://www.olimpo.bet/casino-en-vivo"),
+                  onClick: () => (a == null ? void 0 : a()) || (window.location.href = "https://www.olimpo.bet/casino-en-vivo"),
                   children: "Ver más"
                 }
               ) })
             ] }),
             /* @__PURE__ */ e(
-              O,
+              $,
               {
                 sx: {
                   display: "flex",
@@ -1498,30 +1498,30 @@ const Ut = (t, n) => {
                   py: { xs: 3, md: 0 },
                   alignItems: "center"
                 },
-                children: (t != null ? t : []).slice(0, 3).map((m, g) => {
-                  var b;
+                children: (t != null ? t : []).slice(0, 3).map((p, h) => {
+                  var _;
                   return /* @__PURE__ */ e(
-                    ft,
+                    xt,
                     {
-                      logo: `https://olimpo.bet${(b = m.logo) != null ? b : ""}`,
-                      provider: m.provider,
-                      providerName: m.web_name,
-                      machine: m.machine,
+                      logo: `https://olimpo.bet${(_ = p.logo) != null ? _ : ""}`,
+                      provider: p.provider,
+                      providerName: p.web_name,
+                      machine: p.machine,
                       onClick: () => {
-                        ae(m, { basePath: "/casino-en-vivo" });
+                        ae(p, { basePath: "/casino-en-vivo" });
                       }
                     },
-                    Ut(m, g)
+                    Dt(p, h)
                   );
                 })
               }
             ),
-            /* @__PURE__ */ e(O, { sx: { display: { xs: "block", md: "none" } }, children: /* @__PURE__ */ e(
-              F,
+            /* @__PURE__ */ e($, { sx: { display: { xs: "block", md: "none" } }, children: /* @__PURE__ */ e(
+              L,
               {
                 variant: "primary",
                 size: "lg",
-                onClick: () => (i == null ? void 0 : i()) || (window.location.href = "https://www.olimpo.bet/casino-en-vivo"),
+                onClick: () => (a == null ? void 0 : a()) || (window.location.href = "https://www.olimpo.bet/casino-en-vivo"),
                 children: "Ver más"
               }
             ) })
@@ -1530,63 +1530,63 @@ const Ut = (t, n) => {
       )
     ]
   }
-)), Be = (t, n) => {
-  var r, a;
-  return (a = (r = t.orden) != null ? r : t.machine) != null ? a : n;
-}, Vt = (t, n = !0, r = 4) => {
-  const a = t.map((i, p) => {
-    var m;
+)), Re = (t, n) => {
+  var r, i;
+  return (i = (r = t.orden) != null ? r : t.machine) != null ? i : n;
+}, Ht = (t, n = !0, r = 4) => {
+  const i = t.map((a, u) => {
+    var p;
     return {
-      id: Be(i, p),
-      imageUrl: (m = i.logo) != null ? m : "",
-      // ...(g.background ? { background: g.background } : {}),
-      background: i.background
+      id: Re(a, u),
+      imageUrl: (p = a.logo) != null ? p : "",
+      ...a.background ? { background: a.background } : {}
+      // background: g.background,
     };
   });
-  if (!a.length) return [];
-  const u = [];
+  if (!i.length) return [];
+  const d = [];
   let o = 0;
   if (n) {
-    const i = Math.min(a.length, 5);
-    u.push({
+    const a = Math.min(i.length, 5);
+    d.push({
       id: "mosaic-0",
       kind: "mosaic",
-      items: a.slice(0, i)
-    }), o = i;
+      items: i.slice(0, a)
+    }), o = a;
   }
-  for (; o < a.length; ) {
-    const i = Math.min(o + r, a.length);
-    u.push({
+  for (; o < i.length; ) {
+    const a = Math.min(o + r, i.length);
+    d.push({
       id: `grid-${o}`,
       kind: "grid",
-      items: a.slice(o, i)
-    }), o = i;
+      items: i.slice(o, a)
+    }), o = a;
   }
-  return u;
-}, Ht = ({
+  return d;
+}, Kt = ({
   items: t,
   title: n = "Casino",
   iconUrl: r = "/assets/img/home/Casino/diamante.svg",
-  onItemClick: a,
-  onViewMore: u,
+  onItemClick: i,
+  onViewMore: d,
   mosaicFirst: o = !0,
-  gridSize: i = 4
+  gridSize: a = 4
 }) => {
-  const p = G(null), [m, g] = z({ isStart: !0, isEnd: !1 }), b = () => {
-    var v;
-    (v = p.current) == null || v.prev();
+  const u = U(null), [p, h] = A({ isStart: !0, isEnd: !1 }), _ = () => {
+    var x;
+    (x = u.current) == null || x.prev();
   }, k = () => {
-    var v;
-    (v = p.current) == null || v.next();
+    var x;
+    (x = u.current) == null || x.next();
   }, s = () => {
     window.location.href = "https://www.olimpo.bet/casino";
-  }, c = (v = !0, C = 4) => {
-    const N = (S) => Array.from({ length: S }, (P, T) => ({ id: `sk-${S}-${T}`, imageUrl: "" })), _ = [];
-    return v && _.push({ id: "mosaic-loading", kind: "mosaic", items: N(5) }), _.push({ id: "grid-loading", kind: "grid", items: N(C) }), _;
-  }, x = !t || t.length === 0, $ = x ? c(o, i) : Vt(t, o, i);
-  return /* @__PURE__ */ e("section", { children: /* @__PURE__ */ l(R, { direction: "column", spacing: 2, useFlexGap: !0, children: [
+  }, c = (x = !0, C = 4) => {
+    const N = (E) => Array.from({ length: E }, (P, T) => ({ id: `sk-${E}-${T}`, imageUrl: "" })), f = [];
+    return x && f.push({ id: "mosaic-loading", kind: "mosaic", items: N(5) }), f.push({ id: "grid-loading", kind: "grid", items: N(C) }), f;
+  }, g = !t || t.length === 0, O = g ? c(o, a) : Ht(t, o, a);
+  return /* @__PURE__ */ e("section", { children: /* @__PURE__ */ l(M, { direction: "column", spacing: 2, useFlexGap: !0, children: [
     /* @__PURE__ */ l(
-      O,
+      $,
       {
         sx: {
           display: "grid",
@@ -1597,7 +1597,7 @@ const Ut = (t, n) => {
         },
         children: [
           /* @__PURE__ */ e(
-            K,
+            q,
             {
               title: n,
               iconUrl: r,
@@ -1605,7 +1605,7 @@ const Ut = (t, n) => {
             }
           ),
           /* @__PURE__ */ l(
-            O,
+            $,
             {
               sx: {
                 display: "flex",
@@ -1614,123 +1614,125 @@ const Ut = (t, n) => {
               },
               children: [
                 /* @__PURE__ */ e(
-                  F,
+                  L,
                   {
                     ariaLabel: "Anterior",
                     variant: "secondary",
                     iconOnly: !0,
-                    leftIcon: /* @__PURE__ */ e(Ee, {}),
-                    onClick: b,
-                    disabled: m.isStart
+                    leftIcon: /* @__PURE__ */ e(ke, {}),
+                    onClick: _,
+                    disabled: p.isStart
                   }
                 ),
                 /* @__PURE__ */ e(
-                  F,
+                  L,
                   {
                     ariaLabel: "Siguiente",
                     variant: "secondary",
                     iconOnly: !0,
-                    rightIcon: /* @__PURE__ */ e(ke, {}),
+                    rightIcon: /* @__PURE__ */ e($e, {}),
                     onClick: k,
-                    disabled: m.isEnd
+                    disabled: p.isEnd
                   }
                 )
               ]
             }
           ),
-          /* @__PURE__ */ e(O, { sx: { justifySelf: "end" }, children: /* @__PURE__ */ e(F, { variant: "secondary", onClick: s, children: "Ver más" }) })
+          /* @__PURE__ */ e($, { sx: { justifySelf: "end" }, children: /* @__PURE__ */ e(L, { variant: "secondary", onClick: s, children: "Ver más" }) })
         ]
       }
     ),
     /* @__PURE__ */ e(
-      q,
+      J,
       {
-        ref: p,
-        items: $,
+        ref: u,
+        items: O,
         perPage: 1,
         gap: "0px",
         options: {
           autoWidth: !0,
           gap: "12px",
-          trimSpace: !1,
+          trimSpace: !0,
           pagination: !1,
           arrows: !1,
           drag: !0,
           focus: "start"
         },
-        renderItem: (v) => /* @__PURE__ */ e("div", { style: { alignSelf: "start" }, children: /* @__PURE__ */ e(
-          Te,
+        renderItem: (x) => /* @__PURE__ */ e("div", { style: { alignSelf: "start" }, children: /* @__PURE__ */ e(
+          Pe,
           {
-            items: v.items,
-            layout: v.kind === "mosaic" ? "mosaic" : "grid",
-            loading: x,
+            items: x.items,
+            layout: x.kind === "mosaic" ? "mosaic" : "grid",
+            loading: g,
             onClick: (C) => {
               const N = t.find(
-                (_, S) => Be(_, S) === C.id
+                (f, E) => Re(f, E) === C.id
               );
-              x || N && ae(N, { basePath: "/casino" });
+              g || N && ae(N, { basePath: "/casino" });
             }
           }
         ) }),
-        onMove: ({ isStart: v, isEnd: C }) => g({ isStart: v, isEnd: C })
+        onMove: ({ isStart: x, isEnd: C }) => h({ isStart: x, isEnd: C })
       }
     )
   ] }) });
-}, Re = (t, n) => {
-  var r, a;
-  return (a = (r = t.orden) != null ? r : t.machine) != null ? a : n;
-}, Kt = (t, n = !0, r = 4) => {
-  const a = t.map((i, p) => {
-    var m;
+}, Me = (t, n) => {
+  var r, i;
+  return (i = (r = t.orden) != null ? r : t.machine) != null ? i : n;
+}, qt = (t, n = !0, r = 4) => {
+  const i = t.map((a, u) => {
+    var p;
     return {
-      id: Re(i, p),
-      imageUrl: (m = i.logo) != null ? m : ""
+      id: Me(a, u),
+      imageUrl: (p = a.logo) != null ? p : "",
+      ...a.background ? { background: a.background } : {}
+      // background: g.background,
     };
   });
-  if (!a.length) return [];
-  const u = [];
+  if (!i.length) return [];
+  const d = [];
   let o = 0;
   if (n) {
-    const i = Math.min(a.length, 5);
-    u.push({
+    const a = Math.min(i.length, 5);
+    d.push({
       id: "mosaic-0",
       kind: "mosaic",
-      items: a.slice(0, i)
-    }), o = i;
+      items: i.slice(0, a)
+    }), o = a;
   }
-  for (; o < a.length; ) {
-    const i = Math.min(o + r, a.length);
-    u.push({
+  for (; o < i.length; ) {
+    const a = Math.min(o + r, i.length);
+    d.push({
       id: `grid-${o}`,
       kind: "grid",
-      items: a.slice(o, i)
-    }), o = i;
+      items: i.slice(o, a)
+    }), o = a;
   }
-  return u;
-}, qt = ({
+  return d;
+}, Jt = ({
   items: t,
   title: n = "Virtuales",
   iconUrl: r = "/assets/img/home/Virtuales/virtuales.svg",
-  onItemClick: a,
-  onViewMore: u,
+  onItemClick: i,
+  onViewMore: d,
   mosaicFirst: o = !0,
-  gridSize: i = 4
+  gridSize: a = 4
 }) => {
-  const p = G(null), [m, g] = z({ isStart: !0, isEnd: !1 }), b = () => {
-    var v;
-    (v = p.current) == null || v.prev();
+  const u = U(null), [p, h] = A({ isStart: !0, isEnd: !1 }), _ = () => {
+    var x;
+    (x = u.current) == null || x.prev();
   }, k = () => {
-    var v;
-    (v = p.current) == null || v.next();
+    var x;
+    (x = u.current) == null || x.next();
   }, s = () => {
     window.location.href = "https://www.olimpo.bet/juegos-virtuales";
-  }, c = (v = !0, C = 4) => {
-    const N = (S) => Array.from({ length: S }, (P, T) => ({ id: `sk-${S}-${T}`, imageUrl: "" })), _ = [];
-    return v && _.push({ id: "mosaic-loading", kind: "mosaic", items: N(5) }), _.push({ id: "grid-loading", kind: "grid", items: N(C) }), _;
-  }, x = !t || t.length === 0, $ = x ? c(o, i) : Kt(t, o, i);
-  return /* @__PURE__ */ e("section", { children: /* @__PURE__ */ l(R, { direction: "column", spacing: 2, useFlexGap: !0, children: [
+  }, c = (x = !0, C = 4) => {
+    const N = (E) => Array.from({ length: E }, (P, T) => ({ id: `sk-${E}-${T}`, imageUrl: "" })), f = [];
+    return x && f.push({ id: "mosaic-loading", kind: "mosaic", items: N(5) }), f.push({ id: "grid-loading", kind: "grid", items: N(C) }), f;
+  }, g = !t || t.length === 0, O = g ? c(o, a) : qt(t, o, a);
+  return /* @__PURE__ */ e("section", { children: /* @__PURE__ */ l(M, { direction: "column", spacing: 2, useFlexGap: !0, children: [
     /* @__PURE__ */ l(
-      O,
+      $,
       {
         sx: {
           display: "grid",
@@ -1741,7 +1743,7 @@ const Ut = (t, n) => {
         },
         children: [
           /* @__PURE__ */ e(
-            K,
+            q,
             {
               title: n,
               iconUrl: r,
@@ -1749,7 +1751,7 @@ const Ut = (t, n) => {
             }
           ),
           /* @__PURE__ */ l(
-            O,
+            $,
             {
               sx: {
                 display: "flex",
@@ -1758,70 +1760,70 @@ const Ut = (t, n) => {
               },
               children: [
                 /* @__PURE__ */ e(
-                  F,
+                  L,
                   {
                     ariaLabel: "Anterior",
                     variant: "secondary",
                     iconOnly: !0,
-                    leftIcon: /* @__PURE__ */ e(Ee, {}),
-                    onClick: b,
-                    disabled: m.isStart
+                    leftIcon: /* @__PURE__ */ e(ke, {}),
+                    onClick: _,
+                    disabled: p.isStart
                   }
                 ),
                 /* @__PURE__ */ e(
-                  F,
+                  L,
                   {
                     ariaLabel: "Siguiente",
                     variant: "secondary",
                     iconOnly: !0,
-                    rightIcon: /* @__PURE__ */ e(ke, {}),
+                    rightIcon: /* @__PURE__ */ e($e, {}),
                     onClick: k,
-                    disabled: m.isEnd
+                    disabled: p.isEnd
                   }
                 )
               ]
             }
           ),
-          /* @__PURE__ */ e(O, { sx: { justifySelf: "end" }, children: /* @__PURE__ */ e(F, { variant: "secondary", onClick: s, children: "Ver más" }) })
+          /* @__PURE__ */ e($, { sx: { justifySelf: "end" }, children: /* @__PURE__ */ e(L, { variant: "secondary", onClick: s, children: "Ver más" }) })
         ]
       }
     ),
     /* @__PURE__ */ e(
-      q,
+      J,
       {
-        ref: p,
-        items: $,
+        ref: u,
+        items: O,
         perPage: 1,
         gap: "0",
         options: {
           autoWidth: !0,
           gap: "12px",
-          trimSpace: !1,
+          trimSpace: !0,
           pagination: !1,
           arrows: !1,
           drag: !0,
           focus: "start",
           perMove: 1
         },
-        renderItem: (v) => /* @__PURE__ */ e("div", { style: { alignSelf: "start" }, children: /* @__PURE__ */ e(
-          Te,
+        renderItem: (x) => /* @__PURE__ */ e("div", { style: { alignSelf: "start" }, children: /* @__PURE__ */ e(
+          Pe,
           {
-            items: v.items,
-            layout: v.kind === "mosaic" ? "mosaic" : "grid",
-            loading: x,
+            items: x.items,
+            layout: x.kind === "mosaic" ? "mosaic" : "grid",
+            loading: g,
             onClick: (C) => {
               const N = t.find(
-                (_, S) => Re(_, S) === C.id
+                (f, E) => Me(f, E) === C.id
               );
-              x || N && ae(N, { basePath: "/casino" });
+              g || N && ae(N, { basePath: "/casino" });
             }
           }
         ) }),
-        onMove: ({ isStart: v, isEnd: C }) => g({ isStart: v, isEnd: C })
+        onMove: ({ isStart: x, isEnd: C }) => h({ isStart: x, isEnd: C })
       }
     )
   ] }) });
-}, Jt = (t) => ({
+}, Xt = (t) => ({
   position: "relative",
   py: 8,
   color: "#fff",
@@ -1835,15 +1837,15 @@ const Ut = (t, n) => {
   backgroundRepeat: "no-repeat",
   backgroundPosition: "center",
   backgroundSize: "cover"
-}), xe = {
+}), be = {
   textAlign: "center",
   lineHeight: 1.1,
   mb: 1.5
-}, be = {
+}, _e = {
   display: "inline-block",
   fontWeight: 600,
   fontSize: 24
-}, _e = {
+}, ve = {
   display: "inline-block",
   fontSize: 24,
   lineHeight: 1.1,
@@ -1853,23 +1855,23 @@ const Ut = (t, n) => {
     0 0 6px rgba(255, 255, 255, .6),
     0 1px 0 rgba(137, 137, 137, .85)
   `
-}, Xt = ({
+}, Qt = ({
   headline: t,
   headline2: n,
   items: r,
-  backgroundImageUrl: a
+  backgroundImageUrl: i
 }) => {
-  const u = Ue("(max-width: 767px)"), o = r.length > 1, i = G(null), [p, m] = z(0), g = r == null ? void 0 : r[p], b = oe(
+  const d = De("(max-width: 767px)"), o = r.length > 1, a = U(null), [u, p] = A(0), h = r == null ? void 0 : r[u], _ = oe(
     () => {
-      var c, x;
-      return (x = (c = g == null ? void 0 : g.backgroundImageUrl) != null ? c : a) != null ? x : "";
+      var c, g;
+      return (g = (c = h == null ? void 0 : h.backgroundImageUrl) != null ? c : i) != null ? g : "";
     },
-    [g, a]
-  ), k = Jt(b), s = (c, x) => {
+    [h, i]
+  ), k = Xt(_), s = (c, g) => {
     var C, N;
-    const $ = (C = c.headline) != null ? C : t, v = (N = c.headline2) != null ? N : n;
-    return x ? /* @__PURE__ */ l(
-      O,
+    const O = (C = c.headline) != null ? C : t, x = (N = c.headline2) != null ? N : n;
+    return g ? /* @__PURE__ */ l(
+      $,
       {
         sx: {
           maxWidth: 1200,
@@ -1881,8 +1883,8 @@ const Ut = (t, n) => {
           columnGap: 6
         },
         children: [
-          ($ || v) && /* @__PURE__ */ e(
-            O,
+          (O || x) && /* @__PURE__ */ e(
+            $,
             {
               sx: {
                 display: "flex",
@@ -1890,17 +1892,17 @@ const Ut = (t, n) => {
                 justifyContent: "flex-start",
                 minHeight: "100%"
               },
-              children: /* @__PURE__ */ l(O, { sx: { ...xe, textAlign: "left", mb: 0 }, children: [
-                $ && /* @__PURE__ */ e(D, { component: "span", sx: be, children: $ }),
-                v && /* @__PURE__ */ l(Z, { children: [
+              children: /* @__PURE__ */ l($, { sx: { ...be, textAlign: "left", mb: 0 }, children: [
+                O && /* @__PURE__ */ e(V, { component: "span", sx: _e, children: O }),
+                x && /* @__PURE__ */ l(Z, { children: [
                   /* @__PURE__ */ e("br", {}),
-                  /* @__PURE__ */ e(D, { component: "span", sx: _e, children: v })
+                  /* @__PURE__ */ e(V, { component: "span", sx: ve, children: x })
                 ] })
               ] })
             }
           ),
-          /* @__PURE__ */ e(O, { sx: { display: "flex", justifyContent: "center", alignItems: "center" }, children: /* @__PURE__ */ e(O, { sx: { width: "100%", maxWidth: 600, mx: "auto" }, children: /* @__PURE__ */ e(
-            fe,
+          /* @__PURE__ */ e($, { sx: { display: "flex", justifyContent: "center", alignItems: "center" }, children: /* @__PURE__ */ e($, { sx: { width: "100%", maxWidth: 600, mx: "auto" }, children: /* @__PURE__ */ e(
+            xe,
             {
               ...c,
               onButtonClick: c.onButtonClick,
@@ -1909,16 +1911,16 @@ const Ut = (t, n) => {
           ) }) })
         ]
       }
-    ) : /* @__PURE__ */ l(O, { sx: { textAlign: "center" }, children: [
-      ($ || v) && /* @__PURE__ */ l(O, { sx: xe, children: [
-        $ && /* @__PURE__ */ e(D, { component: "span", sx: be, children: $ }),
-        v && /* @__PURE__ */ l(Z, { children: [
+    ) : /* @__PURE__ */ l($, { sx: { textAlign: "center" }, children: [
+      (O || x) && /* @__PURE__ */ l($, { sx: be, children: [
+        O && /* @__PURE__ */ e(V, { component: "span", sx: _e, children: O }),
+        x && /* @__PURE__ */ l(Z, { children: [
           /* @__PURE__ */ e("br", {}),
-          /* @__PURE__ */ e(D, { component: "span", sx: _e, children: v })
+          /* @__PURE__ */ e(V, { component: "span", sx: ve, children: x })
         ] })
       ] }),
-      /* @__PURE__ */ e(O, { sx: { display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ e(
-        fe,
+      /* @__PURE__ */ e($, { sx: { display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ e(
+        xe,
         {
           ...c,
           onButtonClick: c.onButtonClick,
@@ -1927,56 +1929,56 @@ const Ut = (t, n) => {
       ) })
     ] });
   };
-  return /* @__PURE__ */ l(O, { component: "section", sx: k, children: [
+  return /* @__PURE__ */ l($, { component: "section", sx: k, children: [
     /* @__PURE__ */ e(
-      q,
+      J,
       {
-        ref: i,
+        ref: a,
         items: r,
         perPage: 1,
         gap: "0px",
         options: { autoWidth: !1 },
-        renderItem: (c) => /* @__PURE__ */ e(O, { sx: { width: "100%" }, children: s(c, !u) }),
+        renderItem: (c) => /* @__PURE__ */ e($, { sx: { width: "100%" }, children: s(c, !d) }),
         onMove: ({ index: c }) => {
-          m(c);
+          p(c);
         }
       }
     ),
-    o && /* @__PURE__ */ e(O, { sx: { mt: 2, display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ e(
-      $e,
+    o && /* @__PURE__ */ e($, { sx: { mt: 2, display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ e(
+      Oe,
       {
         total: r.length,
-        active: p,
+        active: u,
         onSelect: (c) => {
-          var x;
-          m(c), (x = i.current) == null || x.go(c);
+          var g;
+          p(c), (g = a.current) == null || g.go(c);
         }
       }
     ) })
   ] });
-}, Qt = ({
+}, Yt = ({
   className: t = "",
   fullBleed: n = !0,
   items: r,
-  selectedIndex: a = 0,
-  ariaLabel: u
+  selectedIndex: i = 0,
+  ariaLabel: d
 }) => {
-  const o = G(null), i = G(null);
+  const o = U(null), a = U(null);
   if (!r) return null;
-  const p = () => {
+  const u = () => {
     window.location.href = "https://www.olimpo.bet/conoce-club-olimpo";
-  }, m = Array.isArray(r) ? r[a] : r;
-  ze(() => {
-    if (!o.current || !i.current || typeof ResizeObserver == "undefined") return;
-    const b = o.current, k = i.current, s = () => {
-      b.style.setProperty(
+  }, p = Array.isArray(r) ? r[i] : r;
+  Ae(() => {
+    if (!o.current || !a.current || typeof ResizeObserver == "undefined") return;
+    const _ = o.current, k = a.current, s = () => {
+      _.style.setProperty(
         "--orc-co-bottomH",
         `${k.offsetHeight + 16}px`
       );
     }, c = new ResizeObserver(s);
     return c.observe(k), s(), () => c.disconnect();
   }, []);
-  const g = [
+  const h = [
     "orc-co-wrap",
     n ? "orc-co-fullBleed" : "",
     t
@@ -1985,171 +1987,171 @@ const Ut = (t, n) => {
     "section",
     {
       ref: o,
-      className: g,
-      "aria-label": u || m.imgAlt || "Club Olimpo",
-      children: /* @__PURE__ */ e("div", { ref: i, children: /* @__PURE__ */ e(
-        xt,
+      className: h,
+      "aria-label": d || p.imgAlt || "Club Olimpo",
+      children: /* @__PURE__ */ e("div", { ref: a, children: /* @__PURE__ */ e(
+        bt,
         {
-          text: m.text,
-          onClick: p,
-          imgAlt: m.imgAlt,
-          imgSrcMobile: m.imgMobile,
-          imgSrcDesktopBg: m.imgDesktopBg,
-          imgSrcDesktopLogo: m.imgDesktopLogo
+          text: p.text,
+          onClick: u,
+          imgAlt: p.imgAlt,
+          imgSrcMobile: p.imgMobile,
+          imgSrcDesktopBg: p.imgDesktopBg,
+          imgSrcDesktopLogo: p.imgDesktopLogo
         }
       ) })
     }
   );
-}, Yt = "oraculo__OraculoSeccionEventoCombinadas-module__controls___Zsta4", Zt = {
-  controls: Yt
+}, Zt = "oraculo__OraculoSeccionEventoCombinadas-module__controls___Zsta4", eo = {
+  controls: Zt
 };
-function eo({
+function to({
   items: t,
   title: n = "Combinadas del Olimpo",
   iconUrl: r = "https://stg-www.contodobet.com/static/img/landing/EventoCombinada/rayoIcon.svg",
-  onViewMore: a,
-  className: u = ""
+  onViewMore: i,
+  className: d = ""
 }) {
-  const o = G(null), [i, p] = z({ isStart: !0, isEnd: !1 }), [m, g] = z([]), b = "https://us1.offering-api.kambicdn.com/offering/v2018/nexuspe/group/prepackcoupon.json?lang=es_PE&market=PE&client_id=200&channel_id=1&ncid=1764284658793&prePackCouponTags=CUSTOM", k = () => {
-    var _;
-    (_ = o.current) == null || _.prev();
+  const o = U(null), [a, u] = A({ isStart: !0, isEnd: !1 }), [p, h] = A([]), _ = "https://us1.offering-api.kambicdn.com/offering/v2018/nexuspe/group/prepackcoupon.json?lang=es_PE&market=PE&client_id=200&channel_id=1&ncid=1764284658793&prePackCouponTags=CUSTOM", k = () => {
+    var f;
+    (f = o.current) == null || f.prev();
   }, s = () => {
-    var _;
-    (_ = o.current) == null || _.next();
+    var f;
+    (f = o.current) == null || f.next();
   }, c = () => {
-    Ot();
+    It();
   };
-  async function x() {
-    var _, S, P;
+  async function g() {
+    var f, E, P;
     try {
-      const E = await (await fetch(b)).json(), d = (P = (S = (_ = E == null ? void 0 : E.group) == null ? void 0 : _.groups) == null ? void 0 : S[0]) == null ? void 0 : P.id;
-      if (!d) {
+      const S = await (await fetch(_)).json(), B = (P = (E = (f = S == null ? void 0 : S.group) == null ? void 0 : f.groups) == null ? void 0 : E[0]) == null ? void 0 : P.id;
+      if (!B) {
         console.error("Could not extract group ID");
         return;
       }
-      const h = `https://us1.offering-api.kambicdn.com/offering/v2018/nexuspe/prepackcoupon/eventgroup/${d}.json?lang=es_PE&market=PE&client_id=200&channel_id=1&ncid=1764283566783&prePackCouponTags=CUSTOM`, f = await (await fetch(h)).json();
-      g(
-        $(f.events, f.betOffers, f.prePackCoupons)
+      const m = `https://us1.offering-api.kambicdn.com/offering/v2018/nexuspe/prepackcoupon/eventgroup/${B}.json?lang=es_PE&market=PE&client_id=200&channel_id=1&ncid=1764283566783&prePackCouponTags=CUSTOM`, y = await (await fetch(m)).json();
+      h(
+        O(y.events, y.betOffers, y.prePackCoupons)
       );
     } catch (T) {
       console.error("loadDataEventSpecial error:", T);
     }
   }
-  function $(_, S, P) {
+  function O(f, E, P) {
     const T = [];
-    for (const E of P) {
-      const d = C([E]), h = v(E), w = S.reduce((f, y) => {
-        var B, L;
-        f[y.eventId] || (f[y.eventId] = []);
-        const I = y.outcomes.filter(
-          (W) => d.has(W.id)
+    for (const S of P) {
+      const B = C([S]), m = x(S), b = E.reduce((y, v) => {
+        var I, R;
+        y[v.eventId] || (y[v.eventId] = []);
+        const w = v.outcomes.filter(
+          (W) => B.has(W.id)
         );
-        if (I.length > 0) {
+        if (w.length > 0) {
           const W = Array.from(
-            (L = (B = h == null ? void 0 : h[0]) == null ? void 0 : B.requiredOutcomeIds) != null ? L : []
-          ), A = I.map((Y) => ({
-            ...Y,
-            position: W.indexOf(Y.id)
+            (R = (I = m == null ? void 0 : m[0]) == null ? void 0 : I.requiredOutcomeIds) != null ? R : []
+          ), G = w.map((j) => ({
+            ...j,
+            position: W.indexOf(j.id)
           }));
-          f[y.eventId].push({
-            ...y,
-            outcomes: A
+          y[v.eventId].push({
+            ...v,
+            outcomes: G
           });
         }
-        return f;
+        return y;
       }, {});
-      _.forEach((f) => {
-        if (f.id !== E.prePackCouponRows[0].eventId) return;
-        const y = d;
-        let I = null;
-        for (const B of h)
-          if ([...B.requiredOutcomeIds].every((W) => y.has(W))) {
-            I = B.decimal;
+      f.forEach((y) => {
+        if (y.id !== S.prePackCouponRows[0].eventId) return;
+        const v = B;
+        let w = null;
+        for (const I of m)
+          if ([...I.requiredOutcomeIds].every((W) => v.has(W))) {
+            w = I.decimal;
             break;
           }
         T.push({
-          ...f,
-          combinadoTotal: I,
-          betoffers: w[f.id] || [],
-          couponId: E.id
+          ...y,
+          combinadoTotal: w,
+          betoffers: b[y.id] || [],
+          couponId: S.id
           // optional for tracking
         });
       });
     }
     return T;
   }
-  function v(_) {
+  function x(f) {
     var P;
-    const S = [];
-    for (const T of _.prePackCouponRows)
+    const E = [];
+    for (const T of f.prePackCouponRows)
       if (T.type === "BET_BUILDER" && ((P = T.group) != null && P.groups)) {
-        const E = /* @__PURE__ */ new Set();
-        T.group.groups.forEach((d) => {
-          var h;
-          (h = d.outcomes) == null || h.forEach((w) => E.add(w.id));
-        }), S.push({
-          requiredOutcomeIds: E,
+        const S = /* @__PURE__ */ new Set();
+        T.group.groups.forEach((B) => {
+          var m;
+          (m = B.outcomes) == null || m.forEach((b) => S.add(b.id));
+        }), E.push({
+          requiredOutcomeIds: S,
           decimal: T.odds.decimal
         });
       }
-    return S;
+    return E;
   }
-  function C(_) {
+  function C(f) {
     var P;
-    const S = /* @__PURE__ */ new Set();
-    for (const T of _)
-      for (const E of T.prePackCouponRows)
-        E.type === "BET_BUILDER" && ((P = E.group) != null && P.groups) && E.group.groups.forEach((d) => {
-          var h;
-          (h = d.outcomes) == null || h.forEach((w) => S.add(w.id));
-        }), E.type === "SIMPLE" && E.outcome && S.add(E.outcome.id);
-    return S;
+    const E = /* @__PURE__ */ new Set();
+    for (const T of f)
+      for (const S of T.prePackCouponRows)
+        S.type === "BET_BUILDER" && ((P = S.group) != null && P.groups) && S.group.groups.forEach((B) => {
+          var m;
+          (m = B.outcomes) == null || m.forEach((b) => E.add(b.id));
+        }), S.type === "SIMPLE" && S.outcome && E.add(S.outcome.id);
+    return E;
   }
-  Q(() => {
-    x();
+  Y(() => {
+    g();
   }, []);
-  const N = u || void 0;
-  return !m || m.length === 0 ? null : /* @__PURE__ */ e("section", { className: N, style: {
+  const N = d || void 0;
+  return !p || p.length === 0 ? null : /* @__PURE__ */ e("section", { className: N, style: {
     // paddingLeft: 16,
     // paddingRight: 16,
     width: "100%",
     boxSizing: "border-box"
-  }, children: /* @__PURE__ */ l(R, { direction: "column", spacing: 1.5, useFlexGap: !0, children: [
-    /* @__PURE__ */ l(V, { spacing: 1.5, columns: "1fr auto ", justify: "start", children: [
-      /* @__PURE__ */ e(K, { title: n, iconUrl: r, size: "md" }),
-      /* @__PURE__ */ l("div", { className: Zt.controls, children: [
-        /* @__PURE__ */ l(V, { spacing: 1, columns: "auto auto", children: [
+  }, children: /* @__PURE__ */ l(M, { direction: "column", spacing: 1.5, useFlexGap: !0, children: [
+    /* @__PURE__ */ l(H, { spacing: 1.5, columns: "1fr auto ", justify: "start", children: [
+      /* @__PURE__ */ e(q, { title: n, iconUrl: r, size: "md" }),
+      /* @__PURE__ */ l("div", { className: eo.controls, children: [
+        /* @__PURE__ */ l(H, { spacing: 1, columns: "auto auto", children: [
           /* @__PURE__ */ e(
-            F,
+            L,
             {
               ariaLabel: "Anterior",
               variant: "secondary",
               iconOnly: !0,
               leftIcon: /* @__PURE__ */ e(de, {}),
               onClick: k,
-              disabled: i.isStart
+              disabled: a.isStart
             }
           ),
           /* @__PURE__ */ e(
-            F,
+            L,
             {
               ariaLabel: "Siguiente",
               variant: "secondary",
               iconOnly: !0,
               rightIcon: /* @__PURE__ */ e(ue, {}),
               onClick: s,
-              disabled: i.isEnd
+              disabled: a.isEnd
             }
           )
         ] }),
-        /* @__PURE__ */ e(F, { variant: "secondary", onClick: c, children: "Ver más" })
+        /* @__PURE__ */ e(L, { variant: "secondary", onClick: c, children: "Ver más" })
       ] })
     ] }),
     /* @__PURE__ */ e(
-      q,
+      J,
       {
         ref: o,
-        items: m.filter((_) => _.combinadoTotal !== null),
+        items: p.filter((f) => f.combinadoTotal !== null),
         perPage: void 0,
         gap: "16px",
         options: { autoWidth: !0, trimSpace: "move" },
@@ -2157,125 +2159,125 @@ function eo({
         breakpoints: {
           768: { perPage: 1.2, gap: "12px", padding: { left: "0px", right: "0px" } }
         },
-        renderItem: (_) => /* @__PURE__ */ e(It, { event: _ }),
-        onMove: ({ isStart: _, isEnd: S }) => p({ isStart: _, isEnd: S })
+        renderItem: (f) => /* @__PURE__ */ e(Nt, { event: f }),
+        onMove: ({ isStart: f, isEnd: E }) => u({ isStart: f, isEnd: E })
       }
     )
   ] }) });
 }
-function to({}) {
+function oo({}) {
   return /* @__PURE__ */ e(
     "div",
     {
-      className: Pe.cardWrapper,
-      children: /* @__PURE__ */ l(R, { direction: "column", spacing: 1, children: [
-        /* @__PURE__ */ l(R, { spacing: 1, direction: "row", children: [
-          /* @__PURE__ */ e(M, { variant: "text", width: "60%", height: 24 }),
-          /* @__PURE__ */ e(M, { variant: "text", width: "39%", height: 24 })
+      className: Be.cardWrapper,
+      children: /* @__PURE__ */ l(M, { direction: "column", spacing: 1, children: [
+        /* @__PURE__ */ l(M, { spacing: 1, direction: "row", children: [
+          /* @__PURE__ */ e(F, { variant: "text", width: "60%", height: 24 }),
+          /* @__PURE__ */ e(F, { variant: "text", width: "39%", height: 24 })
         ] }),
-        /* @__PURE__ */ l(R, { spacing: 8, direction: "row", justifyContent: "center", alignItems: "center", children: [
-          /* @__PURE__ */ e(M, { variant: "circular", width: 32, height: 40 }),
-          /* @__PURE__ */ e(M, { variant: "text", width: 40, height: 40 }),
-          /* @__PURE__ */ e(M, { variant: "circular", width: 32, height: 40 })
+        /* @__PURE__ */ l(M, { spacing: 8, direction: "row", justifyContent: "center", alignItems: "center", children: [
+          /* @__PURE__ */ e(F, { variant: "circular", width: 32, height: 40 }),
+          /* @__PURE__ */ e(F, { variant: "text", width: 40, height: 40 }),
+          /* @__PURE__ */ e(F, { variant: "circular", width: 32, height: 40 })
         ] }),
-        /* @__PURE__ */ l(R, { spacing: 8, direction: "row", justifyContent: "center", alignItems: "center", children: [
-          /* @__PURE__ */ e(M, { variant: "text", width: 32, height: 16 }),
-          /* @__PURE__ */ e(M, { variant: "text", width: 40, height: 16 }),
-          /* @__PURE__ */ e(M, { variant: "text", width: 32, height: 16 })
+        /* @__PURE__ */ l(M, { spacing: 8, direction: "row", justifyContent: "center", alignItems: "center", children: [
+          /* @__PURE__ */ e(F, { variant: "text", width: 32, height: 16 }),
+          /* @__PURE__ */ e(F, { variant: "text", width: 40, height: 16 }),
+          /* @__PURE__ */ e(F, { variant: "text", width: 32, height: 16 })
         ] }),
-        /* @__PURE__ */ l(R, { spacing: 2, direction: "row", children: [
-          /* @__PURE__ */ e(M, { variant: "rounded", width: 88, height: 16 }),
-          /* @__PURE__ */ e(M, { variant: "rounded", width: 88, height: 16 }),
-          /* @__PURE__ */ e(M, { variant: "rounded", width: 88, height: 16 })
+        /* @__PURE__ */ l(M, { spacing: 2, direction: "row", children: [
+          /* @__PURE__ */ e(F, { variant: "rounded", width: 88, height: 16 }),
+          /* @__PURE__ */ e(F, { variant: "rounded", width: 88, height: 16 }),
+          /* @__PURE__ */ e(F, { variant: "rounded", width: 88, height: 16 })
         ] }),
-        /* @__PURE__ */ l(R, { spacing: 2, direction: "row", children: [
-          /* @__PURE__ */ e(M, { variant: "rounded", width: 88, height: 32 }),
-          /* @__PURE__ */ e(M, { variant: "rounded", width: 88, height: 32 }),
-          /* @__PURE__ */ e(M, { variant: "rounded", width: 88, height: 32 })
+        /* @__PURE__ */ l(M, { spacing: 2, direction: "row", children: [
+          /* @__PURE__ */ e(F, { variant: "rounded", width: 88, height: 32 }),
+          /* @__PURE__ */ e(F, { variant: "rounded", width: 88, height: 32 }),
+          /* @__PURE__ */ e(F, { variant: "rounded", width: 88, height: 32 })
         ] })
       ] })
     }
   );
 }
-const oo = "oraculo__FadeItemWrapper-module__fadeWrapper___kFOH4", no = {
-  fadeWrapper: oo
+const no = "oraculo__FadeItemWrapper-module__fadeWrapper___kFOH4", ro = {
+  fadeWrapper: no
 };
 function re({ children: t }) {
-  return /* @__PURE__ */ e("div", { className: no.fadeWrapper, children: t });
+  return /* @__PURE__ */ e("div", { className: ro.fadeWrapper, children: t });
 }
-function ro({
+function ao({
   items: t,
   title: n = "En vivo",
   iconUrl: r = "https://stg-www.contodobet.com/static/img/landing/EventoEnVivo/icon.svg",
-  onViewMore: a,
-  className: u = ""
+  onViewMore: i,
+  className: d = ""
 }) {
-  const o = "https://us1.offering-api.kambicdn.com/offering/v2018/nexuspe/listView/football/all/all/all/in-play.json?channel_id=3&channel_id=3&client_id=200&client_id=200&competitionId=undefined&lang=es_PE&lang=es_PE&market=PE&market=PE&useCombined=true&useCombinedLive=true", i = G(null), [p, m] = z({ isStart: !0, isEnd: !1 }), [g, b] = z([]), k = () => {
+  const o = "https://us1.offering-api.kambicdn.com/offering/v2018/nexuspe/listView/football/all/all/all/in-play.json?channel_id=3&channel_id=3&client_id=200&client_id=200&competitionId=undefined&lang=es_PE&lang=es_PE&market=PE&market=PE&useCombined=true&useCombinedLive=true", a = U(null), [u, p] = A({ isStart: !0, isEnd: !1 }), [h, _] = A([]), k = () => {
     var C;
-    (C = i.current) == null || C.prev();
+    (C = a.current) == null || C.prev();
   }, s = () => {
     var C;
-    (C = i.current) == null || C.next();
+    (C = a.current) == null || C.next();
   }, c = () => {
-    kt();
+    $t();
   };
-  async function x() {
+  async function g() {
     try {
       const N = await (await fetch(o)).json();
-      b(N.events);
+      _(N.events);
     } catch (C) {
       console.error(C);
     }
   }
-  Q(() => {
-    x();
+  Y(() => {
+    g();
     const C = setInterval(() => {
-      x();
+      g();
     }, 2e4);
     return () => clearInterval(C);
   }, []);
-  const $ = u || void 0, v = !g || g.length === 0;
-  return /* @__PURE__ */ e("section", { className: $, style: {
+  const O = d || void 0, x = !h || h.length === 0;
+  return /* @__PURE__ */ e("section", { className: O, style: {
     // paddingLeft: 16,
     // paddingRight: 16,
     width: "100%",
     boxSizing: "border-box"
-  }, children: /* @__PURE__ */ l(R, { direction: "column", spacing: 1.5, useFlexGap: !0, children: [
-    /* @__PURE__ */ l(V, { spacing: 1.5, columns: "1fr auto ", justify: "start", children: [
-      /* @__PURE__ */ e(K, { title: n, iconUrl: r, size: "md" }),
+  }, children: /* @__PURE__ */ l(M, { direction: "column", spacing: 1.5, useFlexGap: !0, children: [
+    /* @__PURE__ */ l(H, { spacing: 1.5, columns: "1fr auto ", justify: "start", children: [
+      /* @__PURE__ */ e(q, { title: n, iconUrl: r, size: "md" }),
       /* @__PURE__ */ l("div", { style: { display: "flex", gap: 8, alignItems: "center" }, children: [
-        /* @__PURE__ */ l(V, { spacing: 1, columns: "auto auto", children: [
+        /* @__PURE__ */ l(H, { spacing: 1, columns: "auto auto", children: [
           /* @__PURE__ */ e(
-            F,
+            L,
             {
               ariaLabel: "Anterior",
               variant: "secondary",
               iconOnly: !0,
               leftIcon: /* @__PURE__ */ e(de, {}),
               onClick: k,
-              disabled: p.isStart
+              disabled: u.isStart
             }
           ),
           /* @__PURE__ */ e(
-            F,
+            L,
             {
               ariaLabel: "Siguiente",
               variant: "secondary",
               iconOnly: !0,
               rightIcon: /* @__PURE__ */ e(ue, {}),
               onClick: s,
-              disabled: p.isEnd
+              disabled: u.isEnd
             }
           )
         ] }),
-        /* @__PURE__ */ e(F, { variant: "secondary", onClick: c, children: "Ver más" })
+        /* @__PURE__ */ e(L, { variant: "secondary", onClick: c, children: "Ver más" })
       ] })
     ] }),
     /* @__PURE__ */ e(
-      q,
+      J,
       {
-        ref: i,
-        items: v ? Array(4).fill({}) : g == null ? void 0 : g.filter((C) => C.event.sport === "FOOTBALL").sort(
+        ref: a,
+        items: x ? Array(4).fill({}) : h == null ? void 0 : h.filter((C) => C.event.sport === "FOOTBALL").sort(
           (C, N) => new Date(N.event.start).getTime() - new Date(C.event.start).getTime()
         ),
         perPage: void 0,
@@ -2286,159 +2288,159 @@ function ro({
           768: { gap: "8px", focus: "center" },
           1024: { gap: "10px", focus: "center" }
         },
-        renderItem: (C) => v ? /* @__PURE__ */ e(re, { children: /* @__PURE__ */ e(to, {}) }) : /* @__PURE__ */ e(re, { children: /* @__PURE__ */ e(Pt, { ...C }) }),
-        onMove: ({ isStart: C, isEnd: N }) => m({ isStart: C, isEnd: N })
+        renderItem: (C) => x ? /* @__PURE__ */ e(re, { children: /* @__PURE__ */ e(oo, {}) }) : /* @__PURE__ */ e(re, { children: /* @__PURE__ */ e(Bt, { ...C }) }),
+        onMove: ({ isStart: C, isEnd: N }) => p({ isStart: C, isEnd: N })
       }
     )
   ] }) });
 }
-function ao() {
-  return /* @__PURE__ */ l("div", { className: J.cardContainer, children: [
-    /* @__PURE__ */ e(Ie, { title: "" }),
-    /* @__PURE__ */ e("div", { className: J.cardBackground, children: /* @__PURE__ */ l(R, { direction: "column", spacing: { xs: 0.5, md: 1 }, useFlexGap: !0, children: [
-      /* @__PURE__ */ l(R, { spacing: 8, direction: "row", justifyContent: "center", alignItems: "center", children: [
-        /* @__PURE__ */ e(M, { variant: "circular", width: 48, height: 48 }),
-        /* @__PURE__ */ e(M, { variant: "circular", width: 48, height: 48 })
+function io() {
+  return /* @__PURE__ */ l("div", { className: X.cardContainer, children: [
+    /* @__PURE__ */ e(Ne, { title: "" }),
+    /* @__PURE__ */ e("div", { className: X.cardBackground, children: /* @__PURE__ */ l(M, { direction: "column", spacing: { xs: 0.5, md: 1 }, useFlexGap: !0, children: [
+      /* @__PURE__ */ l(M, { spacing: 8, direction: "row", justifyContent: "center", alignItems: "center", children: [
+        /* @__PURE__ */ e(F, { variant: "circular", width: 48, height: 48 }),
+        /* @__PURE__ */ e(F, { variant: "circular", width: 48, height: 48 })
       ] }),
-      /* @__PURE__ */ l(R, { direction: "column", spacing: { xs: 0.5, md: 1 }, useFlexGap: !0, children: [
-        /* @__PURE__ */ l(R, { spacing: 8, direction: "row", justifyContent: "center", alignItems: "center", children: [
-          /* @__PURE__ */ e(M, { variant: "text", width: 80, height: 12 }),
-          /* @__PURE__ */ e(M, { variant: "text", width: 80, height: 12 })
+      /* @__PURE__ */ l(M, { direction: "column", spacing: { xs: 0.5, md: 1 }, useFlexGap: !0, children: [
+        /* @__PURE__ */ l(M, { spacing: 8, direction: "row", justifyContent: "center", alignItems: "center", children: [
+          /* @__PURE__ */ e(F, { variant: "text", width: 80, height: 12 }),
+          /* @__PURE__ */ e(F, { variant: "text", width: 80, height: 12 })
         ] }),
-        /* @__PURE__ */ e(R, { spacing: 8, direction: "row", justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ e(M, { variant: "text", width: 160, height: 12 }) }),
-        /* @__PURE__ */ l(R, { direction: "row", spacing: 1, children: [
-          /* @__PURE__ */ e(M, { variant: "text", width: 80, height: 16 }),
-          /* @__PURE__ */ e(M, { variant: "text", width: 80, height: 16 }),
-          /* @__PURE__ */ e(M, { variant: "text", width: 80, height: 16 })
+        /* @__PURE__ */ e(M, { spacing: 8, direction: "row", justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ e(F, { variant: "text", width: 160, height: 12 }) }),
+        /* @__PURE__ */ l(M, { direction: "row", spacing: 1, children: [
+          /* @__PURE__ */ e(F, { variant: "text", width: 80, height: 16 }),
+          /* @__PURE__ */ e(F, { variant: "text", width: 80, height: 16 }),
+          /* @__PURE__ */ e(F, { variant: "text", width: 80, height: 16 })
         ] }),
-        /* @__PURE__ */ e("div", { className: J.jugadas, children: /* @__PURE__ */ l(R, { direction: "row", spacing: 1, children: [
-          /* @__PURE__ */ e(M, { variant: "rounded", width: 80, height: 32 }),
-          /* @__PURE__ */ e(M, { variant: "rounded", width: 80, height: 32 }),
-          /* @__PURE__ */ e(M, { variant: "rounded", width: 80, height: 32 })
+        /* @__PURE__ */ e("div", { className: X.jugadas, children: /* @__PURE__ */ l(M, { direction: "row", spacing: 1, children: [
+          /* @__PURE__ */ e(F, { variant: "rounded", width: 80, height: 32 }),
+          /* @__PURE__ */ e(F, { variant: "rounded", width: 80, height: 32 }),
+          /* @__PURE__ */ e(F, { variant: "rounded", width: 80, height: 32 })
         ] }) })
       ] })
     ] }) })
   ] });
 }
-const io = "oraculo__OraculoSeccionEventoSemana-module__wrapper___eqVq-", so = "oraculo__OraculoSeccionEventoSemana-module__container___5yFQs", co = "oraculo__OraculoSeccionEventoSemana-module__buttonWrapper___-6IDT", le = {
-  wrapper: io,
-  container: so,
-  buttonWrapper: co
+const so = "oraculo__OraculoSeccionEventoSemana-module__wrapper___eqVq-", co = "oraculo__OraculoSeccionEventoSemana-module__container___5yFQs", lo = "oraculo__OraculoSeccionEventoSemana-module__buttonWrapper___-6IDT", le = {
+  wrapper: so,
+  container: co,
+  buttonWrapper: lo
 };
-function lo({
+function uo({
   items: t,
   title: n = "En vivo",
   iconUrl: r,
-  onViewMore: a,
-  className: u = ""
+  onViewMore: i,
+  className: d = ""
 }) {
-  const o = "https://us1.offering-api.kambicdn.com/offering/v2018/nexuspe/group.json?channel_id=1&client_id=200&lang=es_PE&market=PE", i = G(null), [p, m] = z({ isStart: !0, isEnd: !1 }), [g, b] = z([]);
-  function k(_) {
-    return [..._].sort(
-      (S, P) => new Date(S.start).getTime() - new Date(P.start).getTime()
+  const o = "https://us1.offering-api.kambicdn.com/offering/v2018/nexuspe/group.json?channel_id=1&client_id=200&lang=es_PE&market=PE", a = U(null), [u, p] = A({ isStart: !0, isEnd: !1 }), [h, _] = A([]);
+  function k(f) {
+    return [...f].sort(
+      (E, P) => new Date(E.start).getTime() - new Date(P.start).getTime()
     );
   }
-  function s(_) {
-    const S = /* @__PURE__ */ new Date(), P = new Date(S.getTime() + 10080 * 60 * 1e3);
-    return _.filter((T) => {
+  function s(f) {
+    const E = /* @__PURE__ */ new Date(), P = new Date(E.getTime() + 10080 * 60 * 1e3);
+    return f.filter((T) => {
       if (!T.start) return !1;
-      const E = new Date(T.start);
-      return E >= S && E <= P;
+      const S = new Date(T.start);
+      return S >= E && S <= P;
     });
   }
   const c = () => {
-    $t();
+    Ot();
   };
-  async function x() {
+  async function g() {
     try {
       const P = (await (await fetch(o)).json()).group.groups.find(
-        (w) => w.englishName === "Football"
+        (b) => b.englishName === "Football"
       );
       if (!P || !Array.isArray(P.groups)) {
         console.error("Football groups not found");
         return;
       }
-      const E = P.groups.slice(0, 5), d = (w) => {
-        const f = "https://us1.offering-api.kambicdn.com/offering/v2018/nexuspe/listView/football";
-        if (w.groups && w.groups.length > 0) {
-          const y = w.groups[0];
+      const S = P.groups.slice(0, 5), B = (b) => {
+        const y = "https://us1.offering-api.kambicdn.com/offering/v2018/nexuspe/listView/football";
+        if (b.groups && b.groups.length > 0) {
+          const v = b.groups[0];
           return [
-            `${f}/${w.termKey}/${y.termKey}/all/matches.json?channel_id=1&channel_id=1&client_id=200&client_id=200&competitionId=undefined&lang=es_PE&lang=es_PE&market=PE&market=PE&useCombined=true&useCombinedLive=true`
+            `${y}/${b.termKey}/${v.termKey}/all/matches.json?channel_id=1&channel_id=1&client_id=200&client_id=200&competitionId=undefined&lang=es_PE&lang=es_PE&market=PE&market=PE&useCombined=true&useCombinedLive=true`
           ];
         }
         return [
-          `${f}/${w.termKey}/all/all/matches.json?channel_id=1&channel_id=1&client_id=200&client_id=200&competitionId=undefined&lang=es_PE&lang=es_PE&market=PE&market=PE&useCombined=true&useCombinedLive=true`
+          `${y}/${b.termKey}/all/all/matches.json?channel_id=1&channel_id=1&client_id=200&client_id=200&competitionId=undefined&lang=es_PE&lang=es_PE&market=PE&market=PE&useCombined=true&useCombinedLive=true`
         ];
-      }, h = E.flatMap(d);
-      $(h);
-    } catch (_) {
-      console.error(_);
+      }, m = S.flatMap(B);
+      O(m);
+    } catch (f) {
+      console.error(f);
     }
   }
-  async function $(_) {
+  async function O(f) {
     try {
-      const S = await Promise.all(
-        _.map((d) => fetch(d).then((h) => h.json()))
+      const E = await Promise.all(
+        f.map((B) => fetch(B).then((m) => m.json()))
       );
       let P = [], T = [];
-      S.forEach((d) => {
-        d.events && (P.push(...d.events.map((h) => h.event)), T.push(...d.events.flatMap((h) => h.betOffers || [])));
+      E.forEach((B) => {
+        B.events && (P.push(...B.events.map((m) => m.event)), T.push(...B.events.flatMap((m) => m.betOffers || [])));
       });
-      const E = v(P, T);
-      b(k(s(E)));
-    } catch (S) {
-      console.error("Error loading events:", S);
+      const S = x(P, T);
+      _(k(s(S)));
+    } catch (E) {
+      console.error("Error loading events:", E);
     }
   }
-  function v(_, S) {
-    const T = S.filter((E) => {
-      var d;
-      return ((d = E.betOfferType) == null ? void 0 : d.id) === 2;
-    }).reduce((E, d) => (E[d.eventId] || (E[d.eventId] = []), E[d.eventId].push(d), E), {});
-    return _.filter((E) => T[E.id]).map((E) => ({
-      ...E,
-      outcome: T[E.id]
+  function x(f, E) {
+    const T = E.filter((S) => {
+      var B;
+      return ((B = S.betOfferType) == null ? void 0 : B.id) === 2;
+    }).reduce((S, B) => (S[B.eventId] || (S[B.eventId] = []), S[B.eventId].push(B), S), {});
+    return f.filter((S) => T[S.id]).map((S) => ({
+      ...S,
+      outcome: T[S.id]
     }));
   }
-  Q(() => {
-    t && x();
+  Y(() => {
+    t && g();
   }, [t]);
-  const C = u || void 0, N = !g || g.length === 0;
+  const C = d || void 0, N = !h || h.length === 0;
   return /* @__PURE__ */ e("section", { className: C, style: {
     // paddingLeft: 16,
     width: "100%",
     boxSizing: "border-box"
   }, children: /* @__PURE__ */ l("div", { className: le.wrapper, children: [
-    /* @__PURE__ */ e("div", { className: le.container, children: /* @__PURE__ */ l(R, { direction: "column", spacing: 1.5, useFlexGap: !0, children: [
-      /* @__PURE__ */ e(K, { title: "Eventos de la semana" }),
-      /* @__PURE__ */ e("div", { className: le.buttonWrapper, children: /* @__PURE__ */ e(F, { variant: "secondary", size: "lg", fullWidth: !0, onClick: () => {
+    /* @__PURE__ */ e("div", { className: le.container, children: /* @__PURE__ */ l(M, { direction: "column", spacing: 1.5, useFlexGap: !0, children: [
+      /* @__PURE__ */ e(q, { title: "Eventos de la semana" }),
+      /* @__PURE__ */ e("div", { className: le.buttonWrapper, children: /* @__PURE__ */ e(L, { variant: "secondary", size: "lg", fullWidth: !0, onClick: () => {
         c();
       }, children: "Ver más" }) })
     ] }) }),
     /* @__PURE__ */ e("div", { style: { minWidth: "180px" }, children: /* @__PURE__ */ e(
-      q,
+      J,
       {
-        ref: i,
-        items: N ? Array(6).fill({}) : g,
+        ref: a,
+        items: N ? Array(6).fill({}) : h,
         perPage: 3.5,
         gap: "16px",
         options: { autoWidth: !0, trimSpace: !0 },
         breakpoints: {
           1024: { perPage: 1.4, gap: "8px", focus: "center", padding: { left: "8px", right: "8px" } }
         },
-        renderItem: (_) => N ? /* @__PURE__ */ e(re, { children: /* @__PURE__ */ e(ao, {}) }) : /* @__PURE__ */ e(re, { children: /* @__PURE__ */ e(zt, { event: _ }) }),
-        onMove: ({ isStart: _, isEnd: S }) => m({ isStart: _, isEnd: S })
+        renderItem: (f) => N ? /* @__PURE__ */ e(re, { children: /* @__PURE__ */ e(io, {}) }) : /* @__PURE__ */ e(re, { children: /* @__PURE__ */ e(At, { event: f }) }),
+        onMove: ({ isStart: f, isEnd: E }) => p({ isStart: f, isEnd: E })
       }
     ) })
   ] }) });
 }
-function uo({
+function po({
   backgrounds: t,
   items: n
 }) {
-  const [r, a] = z(0), u = (t == null ? void 0 : t.length) || 1;
+  const [r, i] = A(0), d = (t == null ? void 0 : t.length) || 1;
   return /* @__PURE__ */ l(
-    j,
+    z,
     {
       component: "section",
       sx: {
@@ -2452,7 +2454,7 @@ function uo({
       },
       children: [
         /* @__PURE__ */ l(
-          j,
+          z,
           {
             sx: {
               position: "relative",
@@ -2462,7 +2464,7 @@ function uo({
             },
             children: [
               /* @__PURE__ */ e(
-                q,
+                J,
                 {
                   items: t,
                   perPage: 0,
@@ -2476,11 +2478,11 @@ function uo({
                     // left: 0,
                     // right: 0,
                   },
-                  onMove: ({ index: o }) => a(o),
+                  onMove: ({ index: o }) => i(o),
                   renderItem: (o) => {
-                    var i;
+                    var a;
                     return /* @__PURE__ */ l(
-                      j,
+                      z,
                       {
                         sx: {
                           position: "relative",
@@ -2488,7 +2490,7 @@ function uo({
                         },
                         children: [
                           /* @__PURE__ */ l(
-                            j,
+                            z,
                             {
                               component: "picture",
                               sx: { position: "absolute", inset: 0, lineHeight: 0 },
@@ -2508,10 +2510,10 @@ function uo({
                                   }
                                 ),
                                 /* @__PURE__ */ e(
-                                  j,
+                                  z,
                                   {
                                     component: "img",
-                                    src: (i = o.fallbackSrc) != null ? i : o.desktopSrc,
+                                    src: (a = o.fallbackSrc) != null ? a : o.desktopSrc,
                                     alt: "",
                                     "aria-hidden": !0,
                                     loading: "lazy",
@@ -2527,7 +2529,7 @@ function uo({
                             }
                           ),
                           /* @__PURE__ */ e(
-                            j,
+                            z,
                             {
                               sx: {
                                 position: "absolute",
@@ -2552,7 +2554,7 @@ function uo({
                 }
               ),
               /* @__PURE__ */ e(
-                j,
+                z,
                 {
                   sx: {
                     position: "absolute",
@@ -2563,18 +2565,18 @@ function uo({
                     justifyContent: "center",
                     zIndex: 2
                   },
-                  children: /* @__PURE__ */ e($e, { total: u, active: r })
+                  children: /* @__PURE__ */ e(Oe, { total: d, active: r })
                 }
               )
             ]
           }
         ),
         /* @__PURE__ */ e(
-          j,
+          z,
           {
             sx: {
               position: "absolute",
-              bottom: { xs: 10, sm: 10 },
+              bottom: { xs: 0, sm: 12 },
               left: 120,
               right: 120,
               "@media (max-width:1024px)": {
@@ -2583,8 +2585,7 @@ function uo({
               },
               backgroundColor: "#363636",
               borderRadius: 2,
-              py: { xs: 0.8, md: 1.2 },
-              px: { xs: 1.5, md: 2 },
+              p: 1.5,
               display: "flex",
               justifyContent: "space-around",
               alignItems: "center",
@@ -2592,7 +2593,7 @@ function uo({
               zIndex: 3
             },
             children: n == null ? void 0 : n.map((o) => /* @__PURE__ */ l(
-              j,
+              z,
               {
                 sx: {
                   display: "flex",
@@ -2606,13 +2607,13 @@ function uo({
                   whiteSpace: "nowrap"
                 },
                 onClick: () => {
-                  var i;
+                  var a;
                   if (o.onClick) return o.onClick();
-                  if (o.href) return window.location.href = (i = o.href) != null ? i : "/#";
+                  if (o.href) return window.location.href = (a = o.href) != null ? a : "/#";
                 },
                 children: [
                   o.icon && /* @__PURE__ */ e(
-                    j,
+                    z,
                     {
                       component: "img",
                       src: o.icon,
@@ -2625,7 +2626,7 @@ function uo({
                     }
                   ),
                   /* @__PURE__ */ e(
-                    Se,
+                    Ce,
                     {
                       sx: {
                         fontSize: { xs: 10, sm: 11, md: 12 },
@@ -2646,7 +2647,7 @@ function uo({
     }
   );
 }
-const po = [
+const mo = [
   [
     { src: "https://stg-www.contodobet.com/static/img/landing/MediosPago/IBK.svg", alt: "Interbank" },
     { src: "https://stg-www.contodobet.com/static/img/landing/MediosPago/Yape.svg", alt: "Yape" }
@@ -2657,14 +2658,14 @@ const po = [
     { src: "https://stg-www.contodobet.com/static/img/landing/MediosPago/niubiz.svg", alt: "Niubiz" }
   ]
 ];
-function mo({
+function ho({
   title: t = "Medios de pago",
-  rows: n = po
+  rows: n = mo
 }) {
   const r = n.flat();
-  return /* @__PURE__ */ l(j, { component: "section", "aria-labelledby": "mp-title", sx: { color: "#fff" }, children: [
+  return /* @__PURE__ */ l(z, { component: "section", "aria-labelledby": "mp-title", sx: { color: "#fff" }, children: [
     /* @__PURE__ */ e(
-      Se,
+      Ce,
       {
         id: "mp-title",
         variant: "h6",
@@ -2678,7 +2679,7 @@ function mo({
       }
     ),
     /* @__PURE__ */ e(
-      j,
+      z,
       {
         sx: {
           width: "288px",
@@ -2691,20 +2692,20 @@ function mo({
         }
       }
     ),
-    /* @__PURE__ */ e(j, { sx: { display: { xs: "block", md: "none" } }, children: n.map((a, u) => /* @__PURE__ */ e(
-      Ce,
+    /* @__PURE__ */ e(z, { sx: { display: { xs: "block", md: "none" } }, children: n.map((i, d) => /* @__PURE__ */ e(
+      Ee,
       {
         direction: "row",
         justifyContent: "center",
         alignItems: "center",
         gap: 2.5,
         flexWrap: "wrap",
-        children: a.map((o) => /* @__PURE__ */ e(ge, { ...o }, `${o.src}-${o.alt}`))
+        children: i.map((o) => /* @__PURE__ */ e(fe, { ...o }, `${o.src}-${o.alt}`))
       },
-      u
+      d
     )) }),
     /* @__PURE__ */ e(
-      j,
+      z,
       {
         sx: {
           mt: 3,
@@ -2715,257 +2716,258 @@ function mo({
           gridTemplateColumns: { md: "repeat(auto-fit, 160px)" },
           justifyContent: { md: "center" }
         },
-        children: r.map((a) => /* @__PURE__ */ e(ge, { ...a }, `${a.src}-${a.alt}`))
+        children: r.map((i) => /* @__PURE__ */ e(fe, { ...i }, `${i.src}-${i.alt}`))
       }
     )
   ] });
 }
-const ho = {
-  OraculoSeccionDestacados: At,
-  OraculoSeccionTopJuegos: Gt,
-  OraculoSeccionCasinoEnVivo: Dt,
-  OraculoSeccionCasino: Ht,
-  OraculoSeccionVirtuales: qt,
-  OraculoSeccionClubOlimpo: Qt,
-  OraculoSeccionBonoBienvenida: Xt,
-  OraculoSeccionBanners: uo,
-  OraculoSeccionMediosPago: mo,
-  OraculoSeccionEventoEnVivo: ro,
-  OraculoSeccionEventoSemana: lo,
-  OraculoSeccionEventoCombinadas: eo
-}, go = (t) => typeof t == "function" || t && typeof t == "object" && "$$typeof" in t, fo = (t) => /^OraculoSeccion[A-Z]/.test(t), xo = Object.fromEntries(
-  Object.entries(ho).filter(
-    ([t, n]) => fo(t) && go(n)
+const go = {
+  OraculoSeccionDestacados: Gt,
+  OraculoSeccionTopJuegos: Ut,
+  OraculoSeccionCasinoEnVivo: Vt,
+  OraculoSeccionCasino: Kt,
+  OraculoSeccionVirtuales: Jt,
+  OraculoSeccionClubOlimpo: Yt,
+  OraculoSeccionBonoBienvenida: Qt,
+  OraculoSeccionBanners: po,
+  OraculoSeccionMediosPago: ho,
+  OraculoSeccionEventoEnVivo: ao,
+  OraculoSeccionEventoSemana: uo,
+  OraculoSeccionEventoCombinadas: to
+}, fo = (t) => typeof t == "function" || t && typeof t == "object" && "$$typeof" in t, xo = (t) => /^OraculoSeccion[A-Z]/.test(t), bo = Object.fromEntries(
+  Object.entries(go).filter(
+    ([t, n]) => xo(t) && fo(n)
   )
 );
-class ve extends Error {
-  constructor(n, r, a) {
-    super(`HTTP ${n} ${a}`), this.status = n, this.url = r, this.statusText = a, this.name = "HttpError";
+class ye extends Error {
+  constructor(n, r, i) {
+    super(`HTTP ${n} ${i}`), this.status = n, this.url = r, this.statusText = i, this.name = "HttpError";
   }
 }
-const ye = [
+const we = [
   "OraculoSeccionEventoEnVivo",
   "OraculoSeccionEventoSemana",
   "OraculoSeccionEventoCombinadas"
-], Po = ({
+], Bo = ({
   sectionsOverride: t,
   docId: n = "home",
-  db: r
+  db: r,
+  loader: i
 }) => {
-  const [a, u] = z(
+  const [d, o] = A(
     []
-  ), [o, i] = z(!1), [p, m] = z({}), [g, b] = z({}), [k, s] = z({}), c = Me("(min-width:1024px)");
-  Q(() => {
+  ), [a, u] = A(!1), [p, h] = A({}), [_, k] = A({}), [s, c] = A({}), g = Fe("(min-width:1024px)");
+  Y(() => {
     if (t || !r) return;
-    i(!0);
-    const d = De(
-      Ve(r, "landings", n),
-      (h) => {
-        var w;
+    u(!0);
+    const m = Ve(
+      He(r, "landings", n),
+      (b) => {
+        var y;
         try {
-          let f = h.exists() ? ((w = h.data()) == null ? void 0 : w.sections) || [] : [];
-          f = f.slice().sort((y, I) => {
-            var B, L;
-            return ((B = y.order) != null ? B : 0) - ((L = I.order) != null ? L : 0);
-          }).map((y, I) => ({ ...y, order: I + 1 })), u(f), console.log("fetched: ", f);
-        } catch (f) {
-          console.error("Error procesando landings/" + n, f);
+          let v = b.exists() ? ((y = b.data()) == null ? void 0 : y.sections) || [] : [];
+          v = v.slice().sort((w, I) => {
+            var R, W;
+            return ((R = w.order) != null ? R : 0) - ((W = I.order) != null ? W : 0);
+          }).map((w, I) => ({ ...w, order: I + 1 })), o(v), console.log("fetched: ", v);
+        } catch (v) {
+          console.error("Error procesando landings/" + n, v);
         } finally {
-          i(!1);
+          u(!1);
         }
       },
-      (h) => {
-        console.error("Error escuchando landings/" + n, h), i(!1);
+      (b) => {
+        console.error("Error escuchando landings/" + n, b), u(!1);
       }
     );
-    return () => d();
-  }, [t, n, r]), Q(() => {
-    (t ? t.slice() : a.slice()).map((w) => w.componentKey).filter((w) => !!w).length;
-  }, [t, a]);
-  const x = async (d) => {
-    if (ye.includes(d.componentKey))
+    return () => m();
+  }, [t, n, r]), Y(() => {
+    (t ? t.slice() : d.slice()).map((y) => y.componentKey).filter((y) => !!y).length;
+  }, [t, d]);
+  const O = async (m) => {
+    if (we.includes(m.componentKey))
       return {
         // whatever empty structure your UI expects
         items: [],
         events: [],
         data: {}
       };
-    const h = (d.apiUrl || "").trim();
-    if (!h) return;
-    const w = d.apiMethod || "GET", f = d.apiParams || [];
-    let y = h, I, B;
-    if (w === "GET") {
-      const W = new URL(
-        h,
+    const b = (m.apiUrl || "").trim();
+    if (!b) return;
+    const y = m.apiMethod || "GET", v = m.apiParams || [];
+    let w = b, I, R;
+    if (y === "GET") {
+      const G = new URL(
+        b,
         typeof window == "undefined" ? "http://localhost" : window.location.origin
       );
-      for (const A of f)
-        A.key && W.searchParams.append(A.key, A.value);
-      y = W.toString();
+      for (const j of v)
+        j.key && G.searchParams.append(j.key, j.value);
+      w = G.toString();
     } else {
-      const W = new URLSearchParams();
-      for (const A of f)
-        A.key && W.append(A.key, A.value);
-      I = W.toString(), B = {
+      const G = new URLSearchParams();
+      for (const j of v)
+        j.key && G.append(j.key, j.value);
+      I = G.toString(), R = {
         "Content-Type": "application/x-www-form-urlencoded; charset=UTF-8"
       };
     }
-    const L = await fetch(y, {
-      method: w,
-      headers: B,
+    const W = await fetch(w, {
+      method: y,
+      headers: R,
       body: I
     });
-    if (!L.ok) throw new ve(L.status, y, L.statusText);
-    return L.json();
-  }, $ = oe(
-    () => t ? t.slice() : a.slice(),
-    [t, a]
-  ), v = Le.useRef(/* @__PURE__ */ new Set());
-  Q(() => {
-    const d = $.map((h) => ({ s: h, url: (h.apiUrl || "").trim() })).filter(({ url: h }) => !!h);
-    if (d.length)
-      for (const { s: h, url: w } of d) {
-        const f = `${h.id}|${w}`;
-        v.current.has(f) || (v.current.add(f), b((y) => ({ ...y, [h.id]: !0 })), s((y) => ({ ...y, [h.id]: "" })), (async () => {
+    if (!W.ok) throw new ye(W.status, w, W.statusText);
+    return W.json();
+  }, x = oe(
+    () => t ? t.slice() : d.slice(),
+    [t, d]
+  ), C = We.useRef(/* @__PURE__ */ new Set());
+  Y(() => {
+    const m = x.map((b) => ({ s: b, url: (b.apiUrl || "").trim() })).filter(({ url: b }) => !!b);
+    if (m.length)
+      for (const { s: b, url: y } of m) {
+        const v = `${b.id}|${y}`;
+        C.current.has(v) || (C.current.add(v), k((w) => ({ ...w, [b.id]: !0 })), c((w) => ({ ...w, [b.id]: "" })), (async () => {
           try {
-            const y = await x(h);
-            m((I) => ({ ...I, [h.id]: y }));
-          } catch (y) {
+            const w = await O(b);
+            h((I) => ({ ...I, [b.id]: w }));
+          } catch (w) {
             let I = "Error desconocido";
-            y instanceof ve ? I = `Error HTTP ${y.status} (${y.statusText}) en ${y.url}` : y instanceof SyntaxError ? I = "Respuesta no es JSON válido" : y instanceof TypeError ? I = "Fallo de red / CORS / conexión" : typeof y == "string" && (I = y.toString()), s((B) => ({ ...B, [h.id]: I }));
+            w instanceof ye ? I = `Error HTTP ${w.status} (${w.statusText}) en ${w.url}` : w instanceof SyntaxError ? I = "Respuesta no es JSON válido" : w instanceof TypeError ? I = "Fallo de red / CORS / conexión" : typeof w == "string" && (I = w.toString()), c((R) => ({ ...R, [b.id]: I }));
           } finally {
-            b((y) => ({ ...y, [h.id]: !1 }));
+            k((w) => ({ ...w, [b.id]: !1 }));
           }
         })());
       }
-  }, [$]);
-  const C = oe(
-    () => $.filter((d) => d.visible).sort((d, h) => d.order - h.order),
-    [$]
-  ), N = (d) => Array.isArray(d) ? d.map((h) => {
-    const w = {};
-    for (const f of h.fields || []) {
-      const y = (f.type || "string").toLowerCase();
-      if (y === "number") {
-        const I = String(f.value || "").trim();
+  }, [x]);
+  const N = oe(
+    () => x.filter((m) => m.visible).sort((m, b) => m.order - b.order),
+    [x]
+  ), f = (m) => Array.isArray(m) ? m.map((b) => {
+    const y = {};
+    for (const v of b.fields || []) {
+      const w = (v.type || "string").toLowerCase();
+      if (w === "number") {
+        const I = String(v.value || "").trim();
         if (I !== "") {
-          const B = Number(I);
-          Number.isNaN(B) || (w[f.name] = B);
+          const R = Number(I);
+          Number.isNaN(R) || (y[v.name] = R);
         }
-      } else if (y === "boolean")
-        w[f.name] = String(f.value).toLowerCase() === "true";
-      else if (y === "function") {
-        const I = String(f.value || "").trim();
+      } else if (w === "boolean")
+        y[v.name] = String(v.value).toLowerCase() === "true";
+      else if (w === "function") {
+        const I = String(v.value || "").trim();
         if (I)
           try {
-            const B = new Function(I);
-            w[f.name] = B;
-          } catch (B) {
-            console.error(`❌ Error creando función en item '${f.name}':`, B);
+            const R = new Function(I);
+            y[v.name] = R;
+          } catch (R) {
+            console.error(`❌ Error creando función en item '${v.name}':`, R);
           }
-      } else w[f.name] = f.value;
+      } else y[v.name] = v.value;
     }
-    return w;
-  }) : [], _ = (d) => {
-    const h = {};
-    if (!Array.isArray(d)) return h;
-    for (const w of d) {
-      if (!w.name) continue;
-      const f = (w.type || "string").toLowerCase();
-      if (f === "number") {
-        const y = String(w.value || "").trim();
-        if (y !== "") {
-          const I = Number(y);
-          Number.isNaN(I) || (h[w.name] = I);
+    return y;
+  }) : [], E = (m) => {
+    const b = {};
+    if (!Array.isArray(m)) return b;
+    for (const y of m) {
+      if (!y.name) continue;
+      const v = (y.type || "string").toLowerCase();
+      if (v === "number") {
+        const w = String(y.value || "").trim();
+        if (w !== "") {
+          const I = Number(w);
+          Number.isNaN(I) || (b[y.name] = I);
         }
-      } else if (f === "boolean")
-        h[w.name] = String(w.value).toLowerCase() === "true";
-      else if (f === "function") {
-        const y = String(w.value || "").trim();
-        if (y)
+      } else if (v === "boolean")
+        b[y.name] = String(y.value).toLowerCase() === "true";
+      else if (v === "function") {
+        const w = String(y.value || "").trim();
+        if (w)
           try {
-            const I = new Function(y);
-            h[w.name] = I;
+            const I = new Function(w);
+            b[y.name] = I;
           } catch (I) {
-            console.error(`❌ Error creando función en item '${w.name}':`, I);
+            console.error(`❌ Error creando función en item '${y.name}':`, I);
           }
-      } else h[w.name] = w.value;
+      } else b[y.name] = y.value;
     }
-    return h;
-  }, S = (d, h, w) => {
-    const f = w ? { ...w } : {};
-    if (h) {
-      const A = (h.variableName || "items").trim() || "items";
-      return f[A] = h.arr || [], f;
+    return b;
+  }, P = (m, b, y) => {
+    const v = y ? { ...y } : {};
+    if (b) {
+      const j = (b.variableName || "items").trim() || "items";
+      return v[j] = b.arr || [], v;
     }
-    const y = d, I = Array.isArray(y), B = !I && typeof y == "object" && y !== null ? y : void 0, L = B && Array.isArray(B.lobby || B.items) ? B.lobby || B.items : void 0, W = (A) => I ? y : L || A;
-    return f.items = W(L || []), f;
-  }, P = (d) => {
+    const w = m, I = Array.isArray(w), R = !I && typeof w == "object" && w !== null ? w : void 0, W = R && Array.isArray(R.lobby || R.items) ? R.lobby || R.items : void 0, G = (j) => I ? w : W || j;
+    return v.items = G(W || []), v;
+  }, T = (m) => {
     var I;
-    const h = !!((I = d.apiUrl) != null && I.trim()), w = h ? p[d.id] : void 0;
-    let f = d.props ? { ...d.props } : {};
-    const y = _(d.manualScalarFields);
-    if (ye.includes(d.componentKey))
-      return { items: w, ...f, ...y };
-    if (f = { ...f, ...y }, h) f = S(w, null, f);
-    else if (d.dataMode === "manual") {
-      const B = N(d.manualItems);
-      if (f = S(
+    const b = !!((I = m.apiUrl) != null && I.trim()), y = b ? p[m.id] : void 0;
+    let v = m.props ? { ...m.props } : {};
+    const w = E(m.manualScalarFields);
+    if (we.includes(m.componentKey))
+      return { items: y, ...v, ...w };
+    if (v = { ...v, ...w }, b) v = P(y, null, v);
+    else if (m.dataMode === "manual") {
+      const R = f(m.manualItems);
+      if (v = P(
         null,
-        { arr: B, variableName: d.variableName },
-        f
-      ), d.variableName2 && d.manualItems2) {
-        const L = N(d.manualItems2), W = (d.variableName2 || "items2").trim() || "items2";
-        f[W] = L;
+        { arr: R, variableName: m.variableName },
+        v
+      ), m.variableName2 && m.manualItems2) {
+        const W = f(m.manualItems2), G = (m.variableName2 || "items2").trim() || "items2";
+        v[G] = W;
       }
     }
-    return f;
-  }, T = (d, h, w) => /* @__PURE__ */ e("div", { className: `mx-4 p-4 rounded ${{
+    return v;
+  }, S = (m, b, y) => /* @__PURE__ */ e("div", { className: `mx-4 p-4 rounded ${{
     loading: "bg-blue-100 text-blue-800",
     error: "bg-red-100 text-red-800",
     component: "bg-yellow-100 text-yellow-800"
-  }[h]}`, children: w }, d), E = (d) => {
-    var me;
-    const h = d.componentKey, w = xo[h];
-    if (!w)
-      return console.warn(`No hay componente registrado para "${h}"`), T(
-        d.id,
+  }[b]}`, children: y }, m), B = (m) => {
+    var he;
+    const b = m.componentKey, y = bo[b];
+    if (!y)
+      return console.warn(`No hay componente registrado para "${b}"`), S(
+        m.id,
         "component",
-        `Componente "${h}" no encontrado`
+        `Componente "${b}" no encontrado`
       );
-    const f = !!((me = d.apiUrl) != null && me.trim()), y = f ? p[d.id] : void 0, I = f ? !!g[d.id] : !1, B = f ? k[d.id] : "";
-    if (f) {
-      if (I && !y)
-        return T(
-          d.id,
+    const v = !!((he = m.apiUrl) != null && he.trim()), w = v ? p[m.id] : void 0, I = v ? !!_[m.id] : !1, R = v ? s[m.id] : "";
+    if (v) {
+      if (I && !w)
+        return S(
+          m.id,
           "loading",
-          `Cargando datos desde ${d.apiUrl}...`
+          `Cargando datos desde ${m.apiUrl}...`
         );
-      if (B && !y)
-        return T(
-          d.id,
+      if (R && !w)
+        return S(
+          m.id,
           "error",
-          `Error cargando ${d.apiUrl}: ${B}`
+          `Error cargando ${m.apiUrl}: ${R}`
         );
     }
-    const L = P(d), A = (/* @__PURE__ */ new Set([
+    const W = T(m), j = (/* @__PURE__ */ new Set([
       "OraculoSeccionBanners",
       "OraculoSeccionBonoBienvenida",
       "OraculoSeccionCasinoEnVivo",
-      c ? "" : "OraculoSeccionClubOlimpo"
-    ])).has(d.componentKey), Y = c ? 120 : 24;
-    return /* @__PURE__ */ e("div", { style: A ? {
+      g ? "" : "OraculoSeccionClubOlimpo"
+    ])).has(m.componentKey), me = g ? 120 : 24;
+    return /* @__PURE__ */ e("div", { style: j ? {
       width: "100%",
       boxSizing: "border-box"
     } : {
-      paddingLeft: Y,
-      paddingRight: Y,
+      paddingLeft: me,
+      paddingRight: me,
       width: "100%",
       boxSizing: "border-box"
-    }, children: /* @__PURE__ */ e(w, { ...L }) }, d.id);
+    }, children: /* @__PURE__ */ e(y, { ...W }) }, m.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(
-    Fe,
+  return a && !t ? i ? /* @__PURE__ */ e(i, {}) : /* @__PURE__ */ e("div", { children: "Cargando..." }) : !a && !t && d.length === 0 ? /* @__PURE__ */ e("div", { className: "text-xs text-gray-500", children: "Sin secciones (Firestore)" }) : /* @__PURE__ */ e(
+    Le,
     {
       className: "oli-font",
       maxWidth: !1,
@@ -2979,47 +2981,55 @@ const ye = [
         maxWidth: "100%",
         overflowX: "hidden"
       },
-      children: /* @__PURE__ */ e(Ce, { direction: "column", spacing: 8, useFlexGap: !0, children: C.map(E) })
+      children: /* @__PURE__ */ e(
+        Ee,
+        {
+          direction: "column",
+          spacing: g ? 8 : 5,
+          useFlexGap: !0,
+          children: N.map(B)
+        }
+      )
     }
   );
 };
 export {
-  F as OraculoButton,
-  q as OraculoCarousel,
-  $e as OraculoCarouselDots,
-  xt as OraculoClubOlimpoVisual,
-  It as OraculoEventCombinadasCard,
-  Pt as OraculoEventEnVivoCard,
-  Ye as OraculoEventHeader,
-  Oe as OraculoEventLabel,
-  Ie as OraculoEventLeague,
-  Ne as OraculoEventScore,
-  zt as OraculoEventSemanaCard,
-  Qe as OraculoEventStatus,
-  Xe as OraculoEventStatusBadge,
+  L as OraculoButton,
+  J as OraculoCarousel,
+  Oe as OraculoCarouselDots,
+  bt as OraculoClubOlimpoVisual,
+  Nt as OraculoEventCombinadasCard,
+  Bt as OraculoEventEnVivoCard,
+  Ze as OraculoEventHeader,
+  Ie as OraculoEventLabel,
+  Ne as OraculoEventLeague,
+  Te as OraculoEventScore,
+  At as OraculoEventSemanaCard,
+  Ye as OraculoEventStatus,
+  Qe as OraculoEventStatusBadge,
   ne as OraculoEventTeamInfo,
   te as OraculoGameCard,
-  gt as OraculoGameRankCard,
-  Te as OraculoGameSlide,
-  V as OraculoGridGroup,
-  ft as OraculoLiveCasinoCard,
-  ge as OraculoLogoMediosPago,
-  Po as OraculoPageLandingPreview,
-  uo as OraculoSeccionBanners,
-  Xt as OraculoSeccionBonoBienvenida,
-  Ht as OraculoSeccionCasino,
-  Dt as OraculoSeccionCasinoEnVivo,
-  Qt as OraculoSeccionClubOlimpo,
-  At as OraculoSeccionDestacados,
-  eo as OraculoSeccionEventoCombinadas,
-  ro as OraculoSeccionEventoEnVivo,
-  lo as OraculoSeccionEventoSemana,
-  mo as OraculoSeccionMediosPago,
-  Gt as OraculoSeccionTopJuegos,
-  qt as OraculoSeccionVirtuales,
-  K as OraculoSectionTitle,
-  Gt as OraculoTopJuegoItem,
-  fe as OraculoWelcomeBanner,
-  Po as default
+  ft as OraculoGameRankCard,
+  Pe as OraculoGameSlide,
+  H as OraculoGridGroup,
+  xt as OraculoLiveCasinoCard,
+  fe as OraculoLogoMediosPago,
+  Bo as OraculoPageLandingPreview,
+  po as OraculoSeccionBanners,
+  Qt as OraculoSeccionBonoBienvenida,
+  Kt as OraculoSeccionCasino,
+  Vt as OraculoSeccionCasinoEnVivo,
+  Yt as OraculoSeccionClubOlimpo,
+  Gt as OraculoSeccionDestacados,
+  to as OraculoSeccionEventoCombinadas,
+  ao as OraculoSeccionEventoEnVivo,
+  uo as OraculoSeccionEventoSemana,
+  ho as OraculoSeccionMediosPago,
+  Ut as OraculoSeccionTopJuegos,
+  Jt as OraculoSeccionVirtuales,
+  q as OraculoSectionTitle,
+  Ut as OraculoTopJuegoItem,
+  xe as OraculoWelcomeBanner,
+  Bo as default
 };
 //# sourceMappingURL=index.es.js.map