oraculo-ui 0.1.59 → 0.1.61

package/dist/index.es.js

@@ -1,59 +1,59 @@
-import { jsx as e, jsxs as c, Fragment as Z } from "react/jsx-runtime";
-import { Link as ye, Box as j, Typography as we, Stack as Se, useMediaQuery as Be, Container as Me } from "@mui/material";
-import Fe, { forwardRef as Le, useRef as G, useImperativeHandle as We, useCallback as he, useState as W, useMemo as le, useLayoutEffect as ze, useEffect as Q } from "react";
-import { Splide as je, SplideSlide as Ae } from "@splidejs/react-splide";
-import k from "@mui/material/Box";
+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 B from "@mui/material/Stack";
+import R from "@mui/material/Stack";
 import { ChevronLeftRounded as de, ChevronRightRounded as ue } from "@mui/icons-material";
-import Ce from "@mui/icons-material/ChevronLeftRounded";
-import Ee from "@mui/icons-material/ChevronRightRounded";
-import Ge from "@mui/material/useMediaQuery";
-import { onSnapshot as Ue, doc as De } from "firebase/firestore";
+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({
   children: t,
   onClick: n,
-  href: a,
+  href: r,
   target: i,
-  rel: l,
+  rel: u,
   type: o = "button",
-  disabled: r = !1,
-  variant: m = "primary",
-  size: u,
-  fullWidth: x = !1,
+  disabled: a = !1,
+  variant: p = "primary",
+  size: m,
+  fullWidth: g = !1,
   fullHeight: b = !1,
-  className: O = "",
+  className: k = "",
   ariaLabel: s,
-  leftIcon: p,
-  rightIcon: _,
+  leftIcon: c,
+  rightIcon: x,
   iconOnly: $
 }) {
-  const v = !!t && t !== !0, f = (!!p ? 1 : 0) + (!!_ ? 1 : 0) == 1, C = $ != null ? $ : f && !v, T = [
+  const v = !!t && t !== !0, _ = (!!c ? 1 : 0) + (!!x ? 1 : 0) == 1, S = $ != null ? $ : _ && !v, P = [
     "orc-btn",
-    m === "secondary" ? "orc-btn--secondary" : m === "tertiary" ? "orc-btn--tertiary" : "orc-btn--primary",
-    u ? `orc-btn--${u}` : "",
-    x ? "orc-btn--full" : "",
+    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" : "",
-    C ? "orc-btn--iconOnly" : "",
-    O
-  ].filter(Boolean).join(" "), P = /* @__PURE__ */ c(Z, { children: [
-    p && /* @__PURE__ */ e("span", { className: "orc-btn__icon", children: p }),
-    !C && /* @__PURE__ */ e("span", { className: "orc-btn__label", children: t }),
-    _ && /* @__PURE__ */ e("span", { className: "orc-btn__icon", children: _ })
-  ] }), E = r ? !0 : void 0;
-  return a ? /* @__PURE__ */ e(
-    ye,
+    S ? "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 = a ? !0 : void 0;
+  return r ? /* @__PURE__ */ e(
+    we,
     {
-      href: a,
+      href: r,
       target: i,
-      rel: l,
+      rel: u,
       "aria-label": s,
       "aria-disabled": E,
       tabIndex: E ? -1 : void 0,
-      className: T,
+      className: P,
       onClick: E ? (d) => d.preventDefault() : n,
-      children: P
+      children: T
     }
   ) : /* @__PURE__ */ e(
     "button",
@@ -62,23 +62,23 @@ function F({
       onClick: n,
       disabled: !!E,
       "aria-label": s,
-      className: T,
-      children: P
+      className: P,
+      children: T
     }
   );
 }
 function K({
   title: t,
   iconUrl: n,
-  size: a = "md",
+  size: r = "md",
   className: i = ""
 }) {
   const o = [
     "orc-section-title",
-    a ? `orc-section-title--${a}` : "",
+    r ? `orc-section-title--${r}` : "",
     i
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ c("div", { className: o, children: [
+  return /* @__PURE__ */ l("div", { className: o, children: [
     n && /* @__PURE__ */ e(
       "img",
       {
@@ -90,34 +90,34 @@ function K({
     /* @__PURE__ */ e("h2", { className: "orc-section-title__title", children: t })
   ] });
 }
-const ke = ({
+const $e = ({
   total: t,
   active: n,
-  onSelect: a,
+  onSelect: r,
   className: i = ""
 }) => {
   if (t <= 1) return null;
-  const l = ["orc-dots", i].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e("div", { className: l, role: "tablist", children: Array.from({ length: t }).map((o, r) => /* @__PURE__ */ e("span", { className: "orc-dots__cell", children: /* @__PURE__ */ e(
+  const u = ["orc-dots", i].filter(Boolean).join(" ");
+  return /* @__PURE__ */ e("div", { className: u, 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": r === n,
-      "aria-label": `Ir al slide ${r + 1}`,
-      className: "orc-dots__dot" + (r === n ? " orc-dots__dot--active" : ""),
-      onClick: () => a == null ? void 0 : a(r)
+      "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)
     }
-  ) }, r)) });
+  ) }, a)) });
 };
 function V({
   children: t,
   minWidth: n = 32,
-  spacing: a = 2,
+  spacing: r = 2,
   justify: i = "stretch",
-  columns: l = null
+  columns: u = null
 }) {
-  const o = l || `repeat(auto-fit, minmax(${n}px, 1fr))`, r = typeof a == "number" ? `${a * 8}px` : a;
+  const o = u || `repeat(auto-fit, minmax(${n}px, 1fr))`, a = typeof r == "number" ? `${r * 8}px` : r;
   return /* @__PURE__ */ e(
     "div",
     {
@@ -125,7 +125,7 @@ function V({
         display: "grid",
         gridTemplateColumns: o,
         justifyItems: i,
-        gap: r,
+        gap: a,
         height: "inherit"
       },
       children: t
@@ -163,16 +163,16 @@ function ge({ src: t, alt: n }) {
     }
   );
 }
-const Ve = "oraculo__OraculoEventTitle-module__contenedor___rg1vw", He = "oraculo__OraculoEventTitle-module__flexGroup___jMLFO", Ke = "oraculo__OraculoEventTitle-module__subtitle___TmHna", ae = {
-  contenedor: Ve,
-  flexGroup: He,
-  subtitle: Ke
+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
 };
-function qe({ title: t, subtitle: n }) {
-  return /* @__PURE__ */ c(
+function Je({ title: t, subtitle: n }) {
+  return /* @__PURE__ */ l(
     "div",
     {
-      className: ae.contenedor,
+      className: ie.contenedor,
       children: [
         /* @__PURE__ */ e(
           "span",
@@ -185,17 +185,17 @@ function qe({ title: t, subtitle: n }) {
             children: t
           }
         ),
-        n && /* @__PURE__ */ c(
+        n && /* @__PURE__ */ l(
           "div",
           {
-            className: ae.flexGroup,
+            className: ie.flexGroup,
             children: [
-              /* @__PURE__ */ c("svg", { width: "4", height: "4", viewBox: "0 0 5 5", xmlns: "http://www.w3.org/2000/svg", style: { flexShrink: 0 }, children: [
+              /* @__PURE__ */ l("svg", { width: "4", height: "4", viewBox: "0 0 5 5", xmlns: "http://www.w3.org/2000/svg", style: { flexShrink: 0 }, children: [
                 " ",
                 /* @__PURE__ */ e("circle", { cx: "2.5", cy: "2.5", r: "2.5", fill: "white" }),
                 " "
               ] }),
-              /* @__PURE__ */ e("span", { className: ae.subtitle, children: n }),
+              /* @__PURE__ */ e("span", { className: ie.subtitle, children: n }),
               /* @__PURE__ */ e("div", {})
             ]
           }
@@ -204,14 +204,14 @@ function qe({ title: t, subtitle: n }) {
     }
   );
 }
-function Je({ text: t, color: n = "#ff3b3b", textColor: a = "#fff" }) {
+function Xe({ text: t, color: n = "#ff3b3b", textColor: r = "#fff" }) {
   return /* @__PURE__ */ e(
     "span",
     {
       className: "oli-font",
       style: {
         backgroundColor: n,
-        color: a,
+        color: r,
         borderRadius: "8px",
         padding: "4px 8px",
         fontSize: "12px",
@@ -225,14 +225,14 @@ function Je({ text: t, color: n = "#ff3b3b", textColor: a = "#fff" }) {
     }
   );
 }
-function Xe({ live: t, time: n }) {
-  return /* @__PURE__ */ c("div", { className: "oli-font", style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
-    t && /* @__PURE__ */ e(Je, { text: "En vivo" }),
+function Qe({ 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" }),
     n && /* @__PURE__ */ e("span", { style: { fontSize: "14px", fontWeight: 400, lineHeight: "18px", paddingTop: "4px" }, children: n })
   ] });
 }
-function Qe({ title: t, subtitle: n, live: a = !1, time: i = "" }) {
-  return /* @__PURE__ */ c(
+function Ye({ title: t, subtitle: n, live: r = !1, time: i = "" }) {
+  return /* @__PURE__ */ l(
     "div",
     {
       style: {
@@ -242,92 +242,92 @@ function Qe({ title: t, subtitle: n, live: a = !1, time: i = "" }) {
         color: "#FFFFFF"
       },
       children: [
-        /* @__PURE__ */ e(qe, { title: t, subtitle: n }),
-        /* @__PURE__ */ e(Xe, { live: a, time: i })
+        /* @__PURE__ */ e(Je, { title: t, subtitle: n }),
+        /* @__PURE__ */ e(Qe, { live: r, time: i })
       ]
     }
   );
 }
-const Ye = "oraculo__OraculoEventLabel-module__label___c64Xw", Ze = {
-  label: Ye
+const Ze = "oraculo__OraculoEventLabel-module__label___c64Xw", et = {
+  label: Ze
 };
-function $e({ text: t }) {
-  return /* @__PURE__ */ e("span", { className: Ze.label, children: t });
+function Oe({ text: t }) {
+  return /* @__PURE__ */ e("span", { className: et.label, children: t });
 }
-const et = "oraculo__OraculoEventLeague-module__container___rdk4F", tt = {
-  container: et
+const tt = "oraculo__OraculoEventLeague-module__container___rdk4F", ot = {
+  container: tt
 };
-function Oe({ title: t }) {
-  return /* @__PURE__ */ e("div", { className: tt.container, children: t.toUpperCase() });
+function Ie({ title: t }) {
+  return /* @__PURE__ */ e("div", { className: ot.container, children: t.toUpperCase() });
 }
-const ot = "oraculo__OraculoEventScore-module__scoreWrapper___fWwEr", nt = "oraculo__OraculoEventScore-module__name___r4uL6", rt = "oraculo__OraculoEventScore-module__score___Xl03M", at = "oraculo__OraculoEventScore-module__normal___cCNFz", it = "oraculo__OraculoEventScore-module__small___fVt8E", X = {
-  scoreWrapper: ot,
-  name: nt,
-  score: rt,
-  normal: at,
-  small: it
+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
 };
-function Ne({ text: t, name: n, size: a = "normal" }) {
-  return /* @__PURE__ */ c(
+function Ne({ text: t, name: n, size: r = "normal" }) {
+  return /* @__PURE__ */ l(
     "div",
     {
-      className: `${X.scoreWrapper} ${X[a]}`,
+      className: `${X.scoreWrapper} ${X[r]}`,
       children: [
-        /* @__PURE__ */ e("div", { className: `${X.score} ${X[a]}`, children: t }),
-        n && /* @__PURE__ */ e("span", { className: `${X.name} ${X[a]}`, children: n })
+        /* @__PURE__ */ e("div", { className: `${X.score} ${X[r]}`, children: t }),
+        n && /* @__PURE__ */ e("span", { className: `${X.name} ${X[r]}`, children: n })
       ]
     }
   );
 }
-const st = "oraculo__OraculoEventTeamInfo-module__team___UfpUs", ct = "oraculo__OraculoEventTeamInfo-module__regular___ag826", lt = "oraculo__OraculoEventTeamInfo-module__compact___RCNOs", dt = "oraculo__OraculoEventTeamInfo-module__logo___fKCl3", ut = "oraculo__OraculoEventTeamInfo-module__name___4ikm-", ee = {
-  team: st,
-  regular: ct,
-  compact: lt,
-  logo: dt,
-  name: ut
+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
 };
-function oe({ name: t, logo: n, size: a = "regular" }) {
-  return /* @__PURE__ */ c("div", { className: `oli-font ${ee.team} ${ee[a]}`, children: [
+function ne({ name: t, logo: n, size: r = "regular" }) {
+  return /* @__PURE__ */ l("div", { className: `oli-font ${ee.team} ${ee[r]}`, children: [
     /* @__PURE__ */ e("img", { loading: "lazy", src: n, alt: t, className: ee.logo }),
     /* @__PURE__ */ e("span", { className: ee.name, children: t })
   ] });
 }
-const pt = je, mt = Ae, q = Le(
+const mt = Ae, ht = Ge, q = We(
   ({
     items: t = [],
     renderItem: n,
-    perPage: a = 1,
+    perPage: r = 1,
     gap: i = "0px",
-    breakpoints: l,
+    breakpoints: u,
     options: o = {},
-    className: r = "",
-    onMove: m,
-    useIndexAsKey: u = !1
-  }, x) => {
+    className: a = "",
+    onMove: p,
+    useIndexAsKey: m = !1
+  }, g) => {
     const b = G(null);
-    We(x, () => ({
+    je(g, () => ({
       next: () => {
-        var _;
-        return (_ = b.current) == null ? void 0 : _.go(">");
+        var x;
+        return (x = b.current) == null ? void 0 : x.go(">");
       },
       prev: () => {
-        var _;
-        return (_ = b.current) == null ? void 0 : _.go("<");
+        var x;
+        return (x = b.current) == null ? void 0 : x.go("<");
       },
-      go: (_) => {
+      go: (x) => {
         var $;
-        return ($ = b.current) == null ? void 0 : $.go(_);
+        return ($ = b.current) == null ? void 0 : $.go(x);
       }
     }));
-    const O = he((_) => {
-      const $ = _.Components.Controller, v = $.getIndex(), S = $.getEnd(), I = v === 0, f = v >= S, C = _.Components.Slides.getLength();
-      m == null || m({ index: v, isStart: I, isEnd: f, total: C });
-    }, [m]), s = he(
-      (_) => {
-        O(_);
+    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);
       },
-      [O]
-    ), p = {
+      [k]
+    ), c = {
       type: "slide",
       trimSpace: !1,
       drag: !0,
@@ -336,21 +336,21 @@ const pt = je, mt = Ae, q = Le(
       rewind: !1,
       focus: "start",
       autoWidth: !1,
-      perPage: a,
+      perPage: r,
       gap: i,
-      breakpoints: l,
+      breakpoints: u,
       ...o
     };
-    return /* @__PURE__ */ e("div", { className: r, style: { width: "100%" }, children: /* @__PURE__ */ e(
-      pt,
+    return /* @__PURE__ */ e("div", { className: a, style: { width: "100%" }, children: /* @__PURE__ */ e(
+      mt,
       {
         ref: b,
-        options: p,
-        onMove: O,
+        options: c,
+        onMove: k,
         onMounted: s,
-        children: t.map((_, $) => {
+        children: t.map((x, $) => {
           var v;
-          return /* @__PURE__ */ e(mt, { children: n(_, $) }, u ? $ : (v = _.id) != null ? v : $);
+          return /* @__PURE__ */ e(ht, { children: n(x, $) }, m ? $ : (v = x.id) != null ? v : $);
         })
       }
     ) });
@@ -358,14 +358,14 @@ const pt = je, mt = Ae, q = Le(
 ), te = ({
   imageUrl: t,
   onClick: n,
-  size: a = "sm",
+  size: r = "sm",
   fillParent: i = !1
 }) => {
-  const l = a === "lg" ? { w: 280, h: 352 } : { w: 152, h: 168 }, o = (m) => {
-    m.stopPropagation(), n == null || n();
-  }, r = i ? { width: "100%", height: "100%" } : { width: `${l.w}px`, height: `${l.h}px` };
-  return /* @__PURE__ */ c(
-    k,
+  const u = r === "lg" ? { w: 280, h: 352 } : { w: 152, h: 168 }, o = (p) => {
+    p.stopPropagation(), n == null || n();
+  }, a = i ? { width: "100%", height: "100%" } : { width: `${u.w}px`, height: `${u.h}px` };
+  return /* @__PURE__ */ l(
+    O,
     {
       onClick: n,
       role: "button",
@@ -375,7 +375,7 @@ const pt = je, mt = Ae, q = Le(
         overflow: "hidden",
         boxSizing: "border-box",
         transition: "transform .15s ease, box-shadow .15s ease",
-        ...r,
+        ...a,
         "&:hover": {
           transform: "translateY(-2px)",
           boxShadow: 8,
@@ -407,7 +407,7 @@ const pt = je, mt = Ae, q = Le(
           }
         ),
         /* @__PURE__ */ e(
-          k,
+          O,
           {
             className: "oraculo-game-card-overlay",
             sx: {
@@ -422,7 +422,7 @@ const pt = je, mt = Ae, q = Le(
           }
         ),
         /* @__PURE__ */ e(
-          k,
+          O,
           {
             className: "oraculo-game-card-btn",
             sx: {
@@ -442,39 +442,39 @@ const pt = je, mt = Ae, q = Le(
     }
   );
 };
-function ht({
+function gt({
   imageUrl: t,
   orden: n = 1,
-  onClick: a,
+  onClick: r,
   loading: i = !1,
-  sizes: l = {
+  sizes: u = {
     xs: { w: 104, h: 112, r: 18, font: 48 },
     md: { w: 186, h: 264, r: 22.6, font: 64 }
   }
 }) {
-  var O, s, p, _;
+  var k, s, c, x;
   const o = ($, v) => {
-    var S, I, f, C;
+    var C, N, _, S;
     return {
-      xs: (I = (S = l.xs) == null ? void 0 : S[$]) != null ? I : v,
-      md: (C = (f = l.md) == null ? void 0 : f[$]) != null ? C : v
+      xs: (N = (C = u.xs) == null ? void 0 : C[$]) != null ? N : v,
+      md: (S = (_ = u.md) == null ? void 0 : _[$]) != null ? S : v
     };
-  }, r = o("w", 186), m = o("h", 264), u = o("r", 22.6), x = o("font", 64), b = {
-    xs: Math.round(((s = (O = l.xs) == null ? void 0 : O.font) != null ? s : 64) * 0.28),
-    md: Math.round(((_ = (p = l.md) == null ? void 0 : p.font) != null ? _ : 64) * 0.28)
+  }, a = 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)
   };
-  return /* @__PURE__ */ c(
-    k,
+  return /* @__PURE__ */ l(
+    O,
     {
       sx: {
         position: "relative",
         width: "100%",
-        maxWidth: { xs: `${r.xs}px`, md: `${r.md}px` },
+        maxWidth: { xs: `${a.xs}px`, md: `${a.md}px` },
         aspectRatio: {
-          xs: `${r.xs}/${m.xs}`,
-          md: `${r.md}/${m.md}`
+          xs: `${a.xs}/${p.xs}`,
+          md: `${a.md}/${p.md}`
         },
-        borderRadius: { xs: `${u.xs}px`, md: `${u.md}px` },
+        borderRadius: { xs: `${m.xs}px`, md: `${m.md}px` },
         boxSizing: "border-box",
         overflow: "visible",
         pb: { xs: `${b.xs}px`, md: `${b.md}px` },
@@ -491,7 +491,7 @@ function ht({
       },
       children: [
         /* @__PURE__ */ e(
-          k,
+          O,
           {
             sx: {
               position: "absolute",
@@ -517,7 +517,7 @@ function ht({
               te,
               {
                 imageUrl: t,
-                onClick: a,
+                onClick: r,
                 size: "lg",
                 fillParent: !0
               }
@@ -525,7 +525,7 @@ function ht({
           }
         ),
         /* @__PURE__ */ e(
-          k,
+          O,
           {
             component: "span",
             sx: {
@@ -537,8 +537,8 @@ function ht({
               },
               fontFamily: "secondary",
               fontSize: {
-                xs: `${x.xs}px`,
-                md: `${x.md}px`
+                xs: `${g.xs}px`,
+                md: `${g.md}px`
               },
               lineHeight: 1,
               color: "#3CC666",
@@ -553,18 +553,18 @@ function ht({
     }
   );
 }
-const gt = ({
+const ft = ({
   logo: t,
   provider: n,
-  providerName: a,
+  providerName: r,
   machine: i,
-  onClick: l
+  onClick: u
 }) => {
   var o;
-  return /* @__PURE__ */ c(
-    k,
+  return /* @__PURE__ */ l(
+    O,
     {
-      onClick: l,
+      onClick: u,
       sx: {
         flex: "0 0 auto",
         position: "relative",
@@ -586,7 +586,7 @@ const gt = ({
       },
       children: [
         /* @__PURE__ */ e(
-          k,
+          O,
           {
             component: "img",
             src: t,
@@ -602,7 +602,7 @@ const gt = ({
           }
         ),
         /* @__PURE__ */ e(
-          k,
+          O,
           {
             className: "orc-live-provider-label",
             sx: {
@@ -624,7 +624,7 @@ const gt = ({
                   fontSize: { xs: 11, md: 14 },
                   textTransform: "capitalize"
                 },
-                children: (o = n != null ? n : a) != null ? o : ""
+                children: (o = n != null ? n : r) != null ? o : ""
               }
             )
           }
@@ -632,7 +632,7 @@ const gt = ({
       ]
     }
   );
-}, ie = 12, se = ({ r: t = 16 }) => /* @__PURE__ */ e(k, { sx: { width: "100%", height: "100%", borderRadius: t, overflow: "hidden" }, children: /* @__PURE__ */ e(
+}, se = 12, ce = ({ r: t = 16 }) => /* @__PURE__ */ e(O, { sx: { width: "100%", height: "100%", borderRadius: t, overflow: "hidden" }, children: /* @__PURE__ */ e(
   M,
   {
     variant: "rectangular",
@@ -647,18 +647,20 @@ const gt = ({
       }
     }
   }
-) }), Ie = ({
+) }), Te = ({
   items: t,
   layout: n = "grid",
-  onClick: a,
+  onClick: r,
   loading: i = !1,
-  gridSkeletonCount: l = 4
+  gridSkeletonCount: u = 4
 }) => {
-  var o;
+  var o, a;
   if (n === "mosaic") {
-    const r = t[0], m = t.slice(1, 5);
-    return /* @__PURE__ */ c(
-      k,
+    const p = t[0];
+    console.log("big: ", p);
+    const m = t.slice(1, 5);
+    return /* @__PURE__ */ l(
+      O,
       {
         sx: {
           display: "grid",
@@ -675,14 +677,14 @@ const gt = ({
             xs: "104px",
             md: "152px"
           },
-          columnGap: `${ie}px`,
-          rowGap: `${ie}px`,
+          columnGap: `${se}px`,
+          rowGap: `${se}px`,
           alignItems: "stretch",
           justifyItems: "stretch"
         },
         children: [
           /* @__PURE__ */ e(
-            k,
+            O,
             {
               sx: {
                 width: { xs: 184, md: 280 },
@@ -691,21 +693,21 @@ const gt = ({
                 overflow: "hidden",
                 borderRadius: 2
               },
-              children: i ? /* @__PURE__ */ e(se, {}) : r && /* @__PURE__ */ e(
+              children: i ? /* @__PURE__ */ e(ce, {}) : p && /* @__PURE__ */ e(
                 te,
                 {
-                  imageUrl: `https://olimpo.bet${(o = r.imageUrl) != null ? o : ""}`,
+                  imageUrl: `https://olimpo.bet${(a = (o = p.background) != null ? o : p.imageUrl) != null ? a : ""}`,
                   size: "lg",
                   fillParent: !0,
-                  onClick: () => a == null ? void 0 : a(r, 0)
+                  onClick: () => r == null ? void 0 : r(p, 0)
                 }
               )
             }
           ),
-          (i ? Array.from({ length: 4 }) : m).map((u, x) => {
-            var b;
+          (i ? Array.from({ length: 4 }) : m).map((g, b) => {
+            var k, s;
             return /* @__PURE__ */ e(
-              k,
+              O,
               {
                 sx: {
                   width: { xs: 104, md: 152 },
@@ -713,17 +715,17 @@ const gt = ({
                   overflow: "hidden",
                   borderRadius: 2
                 },
-                children: i ? /* @__PURE__ */ e(se, {}) : /* @__PURE__ */ e(
+                children: i ? /* @__PURE__ */ e(ce, {}) : /* @__PURE__ */ e(
                   te,
                   {
-                    imageUrl: `https://olimpo.bet${(b = u.imageUrl) != null ? b : ""}`,
+                    imageUrl: `https://olimpo.bet${(s = (k = g.background) != null ? k : g.imageUrl) != null ? s : ""}`,
                     size: "sm",
                     fillParent: !0,
-                    onClick: () => a == null ? void 0 : a(u, x + 1)
+                    onClick: () => r == null ? void 0 : r(g, b + 1)
                   }
                 )
               },
-              i ? `sk-${x}` : u.id
+              i ? `sk-${b}` : g.id
             );
           })
         ]
@@ -731,7 +733,7 @@ const gt = ({
     );
   }
   return /* @__PURE__ */ e(
-    k,
+    O,
     {
       sx: {
         display: "grid",
@@ -743,75 +745,75 @@ const gt = ({
           xs: "repeat(2, 112px)",
           md: "repeat(2, 168px)"
         },
-        gap: `${ie}px`,
+        gap: `${se}px`,
         gridAutoFlow: "column"
       },
-      children: (i ? Array.from({ length: l }) : t).map((r, m) => {
-        var u, x;
+      children: (i ? Array.from({ length: u }) : t).map((p, m) => {
+        var g, b, k;
         return /* @__PURE__ */ e(
-          k,
+          O,
           {
             sx: { overflow: "hidden", borderRadius: 2 },
-            children: i ? /* @__PURE__ */ e(se, {}) : /* @__PURE__ */ e(
+            children: i ? /* @__PURE__ */ e(ce, {}) : /* @__PURE__ */ e(
               te,
               {
-                imageUrl: `https://olimpo.bet${(u = r.imageUrl) != null ? u : ""}`,
+                imageUrl: `https://olimpo.bet${(b = (g = p.background) != null ? g : p.imageUrl) != null ? b : ""}`,
                 size: "sm",
                 fillParent: !0,
-                onClick: () => a == null ? void 0 : a(r, m)
+                onClick: () => r == null ? void 0 : r(p, m)
               }
             )
           },
-          i ? `sk-${m}` : (x = r.id) != null ? x : m
+          i ? `sk-${m}` : (k = p.id) != null ? k : m
         );
       })
     }
   );
-}, ft = ({
+}, fe = ({
   title: t,
   amount: n,
-  subtitle: a,
+  subtitle: r,
   buttonText: i,
-  onButtonClick: l,
+  onButtonClick: u,
   backgroundImage: o,
-  alt: r,
-  className: m = "",
-  variant: u = "small"
+  alt: a,
+  className: p = "",
+  variant: m = "small"
 }) => {
-  const x = n ? n.slice(0, 2) : "", b = n ? n.slice(2) : "", O = u === "large";
-  return /* @__PURE__ */ c(
-    k,
+  const g = n ? n.slice(0, 2) : "", b = n ? n.slice(2) : "", k = m === "large";
+  return /* @__PURE__ */ l(
+    O,
     {
-      className: m,
+      className: p,
       sx: {
         position: "relative",
         width: "100%",
         maxWidth: {
           xs: 328,
-          md: O ? 618 : 456
+          md: k ? 618 : 456
         },
         mx: "auto"
       },
       children: [
         o && /* @__PURE__ */ e(
-          k,
+          O,
           {
             sx: {
               position: "relative",
               width: "100%",
               aspectRatio: {
                 xs: "328 / 188",
-                md: O ? "618 / 346" : "456 / 272"
+                md: k ? "618 / 346" : "456 / 272"
               },
               borderRadius: "14px",
               overflow: "hidden"
             },
             children: /* @__PURE__ */ e(
-              k,
+              O,
               {
                 component: "img",
                 src: o,
-                alt: r != null ? r : "Fondo promocional",
+                alt: a != null ? a : "Fondo promocional",
                 sx: {
                   width: "100%",
                   height: "100%",
@@ -827,7 +829,7 @@ const gt = ({
           }
         ),
         /* @__PURE__ */ e(
-          k,
+          O,
           {
             sx: {
               position: "absolute",
@@ -840,8 +842,8 @@ const gt = ({
               pl: "14%",
               pr: { xs: "14%", lg: "15%" }
             },
-            children: /* @__PURE__ */ c(
-              k,
+            children: /* @__PURE__ */ l(
+              O,
               {
                 sx: {
                   maxWidth: "60%",
@@ -861,8 +863,8 @@ const gt = ({
                       children: t
                     }
                   ),
-                  n && /* @__PURE__ */ c(
-                    k,
+                  n && /* @__PURE__ */ l(
+                    O,
                     {
                       component: "p",
                       sx: {
@@ -880,15 +882,15 @@ const gt = ({
                       },
                       children: [
                         /* @__PURE__ */ e(
-                          k,
+                          O,
                           {
                             component: "span",
                             sx: { fontSize: { xs: 35, md: 48 }, mr: 0.5 },
-                            children: x
+                            children: g
                           }
                         ),
                         /* @__PURE__ */ e(
-                          k,
+                          O,
                           {
                             component: "span",
                             sx: { fontSize: { xs: 52, md: 77 } },
@@ -898,7 +900,7 @@ const gt = ({
                       ]
                     }
                   ),
-                  a && /* @__PURE__ */ e(
+                  r && /* @__PURE__ */ e(
                     D,
                     {
                       sx: {
@@ -907,10 +909,10 @@ const gt = ({
                         fontWeight: 600,
                         color: "#e7f8ff"
                       },
-                      children: a
+                      children: r
                     }
                   ),
-                  i && /* @__PURE__ */ e(F, { onClick: l, children: i })
+                  i && /* @__PURE__ */ e(F, { onClick: u, children: i })
                 ]
               }
             )
@@ -922,21 +924,21 @@ const gt = ({
 }, xt = ({
   text: t,
   buttonLabel: n = "Conoce más",
-  onClick: a,
+  onClick: r,
   imgAlt: i = "Club Olimpo",
-  imgSrcMobile: l,
+  imgSrcMobile: u,
   imgSrcDesktopBg: o,
-  imgSrcDesktopLogo: r
-}) => /* @__PURE__ */ c(Z, { children: [
+  imgSrcDesktopLogo: a
+}) => /* @__PURE__ */ l(Z, { children: [
   /* @__PURE__ */ e("div", { className: "orc-co-bgMobile", children: /* @__PURE__ */ e(
     "img",
     {
-      src: l,
+      src: u,
       alt: i,
       className: "orc-co-bgMobileImg"
     }
   ) }),
-  /* @__PURE__ */ c("div", { className: "orc-co-bgDesktop", children: [
+  /* @__PURE__ */ l("div", { className: "orc-co-bgDesktop", children: [
     o && /* @__PURE__ */ e("div", { className: "orc-co-fillHost", children: /* @__PURE__ */ e(
       "img",
       {
@@ -945,22 +947,22 @@ const gt = ({
         className: "orc-co-bgDesktopImg"
       }
     ) }),
-    /* @__PURE__ */ c("div", { className: "orc-co-desktopContent", children: [
-      r && /* @__PURE__ */ e(
+    /* @__PURE__ */ l("div", { className: "orc-co-desktopContent", children: [
+      a && /* @__PURE__ */ e(
         "img",
         {
-          src: r,
+          src: a,
           alt: `${i} logo`,
           className: "orc-co-logoImg"
         }
       ),
       /* @__PURE__ */ e("p", { className: "orc-co-captionDesktop", children: t }),
-      /* @__PURE__ */ e(F, { onClick: a, variant: "primary", size: "md", children: n })
+      /* @__PURE__ */ e(F, { onClick: r, variant: "primary", size: "md", children: n })
     ] })
   ] }),
-  /* @__PURE__ */ c("div", { className: "orc-co-bottom", children: [
+  /* @__PURE__ */ l("div", { className: "orc-co-bottom", children: [
     /* @__PURE__ */ e("p", { className: "orc-co-caption", children: t }),
-    /* @__PURE__ */ e(F, { onClick: a, variant: "primary", size: "md", children: n })
+    /* @__PURE__ */ e(F, { 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,
@@ -985,30 +987,30 @@ function $t() {
 function Ot() {
   window.location.href = "/deportes#specials";
 }
-function Nt({ event: t }) {
+function It({ event: t }) {
   var i;
-  function n(l) {
+  function n(u) {
     var b;
-    const o = (b = l.betoffers) != null ? b : [], r = l.homeName, m = l.awayName, u = o.map((O) => {
-      var $, v, S, I, f;
-      let s = O.outcomes[0], p = "", _ = s != null && s.line ? s.line / 1e3 : "";
-      return ["Más de", "Mas de", "Over"].includes(s == null ? void 0 : s.label) ? (p = `Más de ${_}`, s != null && s.participant && (p = `${s.participant} - ${p}`)) : ["Menos de", "Menos"].includes(s == null ? void 0 : s.label) ? (p = `Menos de ${_}`, s != null && s.participant && (p = `${s.participant} - ${p}`)) : ["Sí", "No"].includes(s == null ? void 0 : s.label) ? (p = s == null ? void 0 : s.label, s != null && s.participant && (p = `${s.participant} - ${p}`)) : ["1X", "12", "X2"].includes(s == null ? void 0 : s.label) ? s.label === "1X" ? p = `${r} o Empate` : s.label === "12" ? p = `${r} o ${m}` : s.label === "X2" && (p = `${m} o Empate`) : (s != null && s.participant ? p = s.participant : p = ($ = s == null ? void 0 : s.label) != null ? $ : "", _ !== "" && p === s.label && (p = `${s.label} ${_}`)), {
+    const o = (b = u.betoffers) != null ? b : [], a = 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 = `${a} o Empate` : s.label === "12" ? c = `${a} 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,
-        value: p,
-        label: O.criterion.label,
-        odds: (S = s == null ? void 0 : s.odds) != null ? S : 0,
-        bl: (I = s == null ? void 0 : s.label) != null ? I : 0,
-        position: (f = s == null ? void 0 : s.position) != null ? f : 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
       };
-    }), x = u.reduce((O, s) => O + s.odds, 0) / 1e3;
+    }), g = m.reduce((k, s) => k + s.odds, 0) / 1e3;
     return {
-      outcomes: u,
-      total: x.toFixed(2)
+      outcomes: m,
+      total: g.toFixed(2)
     };
   }
-  const a = n(t);
-  return /* @__PURE__ */ c("div", { className: H.card, children: [
-    /* @__PURE__ */ e("div", { className: H.combinadas, children: /* @__PURE__ */ c(B, { direction: "column", spacing: 0.5, useFlexGap: !0, children: [
+  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: [
       /* @__PURE__ */ e(
         K,
         {
@@ -1018,24 +1020,24 @@ function Nt({ event: t }) {
         }
       ),
       /* @__PURE__ */ e("img", { loading: "lazy", src: "/assets/img/home/Combinadas/line.png" }),
-      /* @__PURE__ */ e(B, { direction: "column", spacing: 0.5, useFlexGap: !0, children: a.outcomes.sort((l, o) => l.position - o.position).map((l, o) => /* @__PURE__ */ c("div", { className: H.apuestaItem, children: [
-        /* @__PURE__ */ c("div", { className: H.lineContainer, children: [
+      /* @__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 < a.outcomes.length - 1 && /* @__PURE__ */ e("div", { className: H.line })
+          o < r.outcomes.length - 1 && /* @__PURE__ */ e("div", { className: H.line })
         ] }),
-        /* @__PURE__ */ c("div", { className: H.apuestaText, children: [
-          /* @__PURE__ */ e("strong", { children: l.value }),
+        /* @__PURE__ */ l("div", { className: H.apuestaText, children: [
+          /* @__PURE__ */ e("strong", { children: u.value }),
           " ",
           "| ",
-          l.label
+          u.label
         ] })
       ] }, o)) })
     ] }) }),
-    /* @__PURE__ */ c("button", { onClick: () => {
-      var l, o;
-      return pe((o = (l = a == null ? void 0 : a.outcomes) == null ? void 0 : l.map((r) => r == null ? void 0 : r.id)) != null ? o : []);
+    /* @__PURE__ */ l("button", { onClick: () => {
+      var u, o;
+      return pe((o = (u = r == null ? void 0 : r.outcomes) == null ? void 0 : u.map((a) => a == null ? void 0 : a.id)) != null ? o : []);
     }, className: H.cuotaTotal, children: [
-      /* @__PURE__ */ c("span", { children: [
+      /* @__PURE__ */ l("span", { children: [
         "Cuota total: ",
         /* @__PURE__ */ e("strong", { children: (((i = t.combinadoTotal) != null ? i : 0) / 1e3).toFixed(2) })
       ] }),
@@ -1057,52 +1059,52 @@ const U = {
   "orc-btn--full": "oraculo__OraculoButtonBet-module__orc-btn--full___z-Myo",
   "orc-btn--fullHeight": "oraculo__OraculoButtonBet-module__orc-btn--fullHeight___pCxq1"
 };
-function It({
+function Nt({
   children: t,
   onClick: n,
-  href: a,
+  href: r,
   target: i,
-  rel: l,
+  rel: u,
   type: o = "button",
-  disabled: r = !1,
-  variant: m = "primary",
-  size: u,
-  fullWidth: x = !1,
+  disabled: a = !1,
+  variant: p = "primary",
+  size: m,
+  fullWidth: g = !1,
   fullHeight: b = !1,
-  className: O = "",
+  className: k = "",
   ariaLabel: s,
-  leftIcon: p,
-  rightIcon: _,
+  leftIcon: c,
+  rightIcon: x,
   iconOnly: $
 }) {
-  const v = !!t && t !== !0, f = (!!p ? 1 : 0) + (!!_ ? 1 : 0) == 1, C = $ != null ? $ : f && !v, T = [
+  const v = !!t && t !== !0, _ = (!!c ? 1 : 0) + (!!x ? 1 : 0) == 1, S = $ != null ? $ : _ && !v, P = [
     U["orc-btn"],
     // base
-    U[`orc-btn--${m}`],
+    U[`orc-btn--${p}`],
     // variant primary/secondary/tertiary
-    u ? U[`orc-btn--${u}`] : "",
+    m ? U[`orc-btn--${m}`] : "",
     // sm / md / lg
-    x ? U["orc-btn--full"] : "",
+    g ? U["orc-btn--full"] : "",
     b ? U["orc-btn--fullHeight"] : "",
-    C ? U["orc-btn--iconOnly"] : "",
-    O
-  ].filter(Boolean).join(" "), P = /* @__PURE__ */ c(Z, { children: [
-    p && /* @__PURE__ */ e("span", { className: U["orc-btn__icon"], children: p }),
-    !C && /* @__PURE__ */ e("span", { className: U["orc-btn__label"], children: t }),
-    _ && /* @__PURE__ */ e("span", { className: U["orc-btn__icon"], children: _ })
-  ] }), E = r ? !0 : void 0;
-  return a ? /* @__PURE__ */ e(
-    ye,
+    S ? U["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 = a ? !0 : void 0;
+  return r ? /* @__PURE__ */ e(
+    we,
     {
-      href: a,
+      href: r,
       target: i,
-      rel: l,
+      rel: u,
       "aria-label": s,
       "aria-disabled": E,
       tabIndex: E ? -1 : void 0,
-      className: T,
+      className: P,
       onClick: E ? (d) => d.preventDefault() : n,
-      children: P
+      children: T
     }
   ) : /* @__PURE__ */ e(
     "button",
@@ -1111,94 +1113,94 @@ function It({
       onClick: n,
       disabled: !!E,
       "aria-label": s,
-      className: T,
-      children: P
+      className: P,
+      children: T
     }
   );
 }
-const Pt = "oraculo__OraculoEventEnVivoCard-module__cardWrapper___6b-cT", Pe = {
-  cardWrapper: Pt
+const Tt = "oraculo__OraculoEventEnVivoCard-module__cardWrapper___6b-cT", Pe = {
+  cardWrapper: Tt
 };
-function Tt({ event: t, liveData: n, betOffers: a }) {
-  var l, o, r, m, u, x, b, O;
-  const i = a == null ? void 0 : a.find(
+function Pt({ event: t, liveData: n, betOffers: r }) {
+  var u, o, a, p, m, g, b, k;
+  const i = r == null ? void 0 : r.find(
     (s) => {
-      var p;
-      return ((p = s.betOfferType) == null ? void 0 : p.id) === 2;
+      var c;
+      return ((c = s.betOfferType) == null ? void 0 : c.id) === 2;
     }
   );
-  return /* @__PURE__ */ e("div", { className: Pe.cardWrapper, children: /* @__PURE__ */ c(B, { direction: "column", spacing: 1, useFlexGap: !0, children: [
-    /* @__PURE__ */ c(B, { direction: "column", spacing: 1.5, useFlexGap: !0, children: [
+  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: [
       /* @__PURE__ */ e(
-        Qe,
+        Ye,
         {
-          title: (l = t.path[0].name) != null ? l : "",
+          title: (u = t.path[0].name) != null ? u : "",
           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__ */ c(V, { spacing: 1.5, columns: "1fr auto 1fr", children: [
+      /* @__PURE__ */ e("div", { style: { padding: "0 4px" }, children: /* @__PURE__ */ l(V, { spacing: 1.5, columns: "1fr auto 1fr", children: [
         /* @__PURE__ */ e(
-          oe,
+          ne,
           {
             name: t.homeName,
             logo: "https://stg-www.contodobet.com/static/img/landing/EventoEnVivo/Juventus.png"
           }
         ),
-        /* @__PURE__ */ e(Ne, { text: ((m = (r = n == null ? void 0 : n.score) == null ? void 0 : r.home) != null ? m : 0) + ":" + ((x = (u = n == null ? void 0 : n.score) == null ? void 0 : u.away) != null ? x : 0), name: "En vivo" }),
-        /* @__PURE__ */ e(oe, { name: t.awayName, logo: "https://stg-www.contodobet.com/static/img/landing/EventoEnVivo/Racing.png" })
+        /* @__PURE__ */ e(Ne, { text: ((p = (a = n == null ? void 0 : n.score) == null ? void 0 : a.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(ne, { name: t.awayName, logo: "https://stg-www.contodobet.com/static/img/landing/EventoEnVivo/Racing.png" })
       ] }) })
     ] }),
-    /* @__PURE__ */ c(B, { direction: "column", spacing: 1, useFlexGap: !0, children: [
-      /* @__PURE__ */ e(V, { spacing: 1, children: ((b = i == null ? void 0 : i.outcomes) != null ? b : []).map((s, p) => /* @__PURE__ */ e($e, { text: s.label.toUpperCase() }, p)) }),
-      /* @__PURE__ */ e(V, { spacing: 2, children: ((O = i == null ? void 0 : i.outcomes) != null ? O : []).map((s, p) => /* @__PURE__ */ e(It, { variant: "primary", disabled: s.odds == null || (i == null ? void 0 : i.cashOutStatus) == "SUSPENDED", onClick: () => {
+    /* @__PURE__ */ l(R, { direction: "column", spacing: 1, useFlexGap: !0, children: [
+      /* @__PURE__ */ e(V, { spacing: 1, children: ((b = i == null ? void 0 : i.outcomes) != null ? b : []).map((s, c) => /* @__PURE__ */ e(Oe, { text: s.label.toUpperCase() }, c)) }),
+      /* @__PURE__ */ e(V, { spacing: 2, children: ((k = i == null ? void 0 : i.outcomes) != null ? k : []).map((s, c) => /* @__PURE__ */ e(Nt, { 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) }, p)) })
+      }, children: s.odds === void 0 ? "" : (s.odds / 1e3).toFixed(2) }, c)) })
     ] })
   ] }) });
 }
-const Rt = "oraculo__OraculoEventDate-module__date___xhIlh", Bt = {
-  date: Rt
+const Bt = "oraculo__OraculoEventDate-module__date___xhIlh", Rt = {
+  date: Bt
 };
 function Mt({ text: t }) {
-  return /* @__PURE__ */ e("div", { className: `oli-font ${Bt.date}`, children: t });
+  return /* @__PURE__ */ e("div", { className: `oli-font ${Rt.date}`, children: t });
 }
-const Ft = "oraculo__OraculoEventSemanaCard-module__cardContainer___4JuDe", Lt = "oraculo__OraculoEventSemanaCard-module__cardBackground___vfalD", Wt = "oraculo__OraculoEventSemanaCard-module__jugadas___W8b7H", zt = "oraculo__OraculoEventSemanaCard-module__equipos___G5hLn", J = {
+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: zt
+  equipos: jt
 };
-function jt({ event: t }) {
-  var a, i, l, o, r, m, u;
-  function n(x) {
-    const b = new Date(x), O = b.toLocaleDateString("es-ES", {
+function zt({ event: t }) {
+  var r, i, u, o, a, p, m;
+  function n(g) {
+    const b = new Date(g), k = b.toLocaleDateString("es-ES", {
       weekday: "short"
-    }).toUpperCase(), s = b.getDate().toString().padStart(2, "0"), p = (b.getMonth() + 1).toString().padStart(2, "0");
-    let _ = b.toLocaleTimeString("es-PE", {
+    }).toUpperCase(), s = b.getDate().toString().padStart(2, "0"), c = (b.getMonth() + 1).toString().padStart(2, "0");
+    let x = b.toLocaleTimeString("es-PE", {
       hour: "numeric",
       minute: "2-digit",
       hour12: !0
     }).toUpperCase();
-    return _ = _.replace(/\./g, "").replace(/A\s*M/i, "AM").replace(/P\s*M/i, "PM"), `${O} ${s}/${p} | ${_}`;
+    return x = x.replace(/\./g, "").replace(/A\s*M/i, "AM").replace(/P\s*M/i, "PM"), `${k} ${s}/${c} | ${x}`;
   }
-  return /* @__PURE__ */ c("div", { className: J.cardContainer, children: [
-    /* @__PURE__ */ e(Oe, { title: (a = t == null ? void 0 : t.group) != null ? a : "" }),
-    /* @__PURE__ */ e("div", { className: J.cardBackground, children: /* @__PURE__ */ c(B, { direction: "column", spacing: { xs: 0.5, md: 1 }, useFlexGap: !0, children: [
-      /* @__PURE__ */ c(B, { direction: "column", spacing: 1, useFlexGap: !0, children: [
-        /* @__PURE__ */ c("div", { className: J.equipos, children: [
-          /* @__PURE__ */ e(oe, { name: t.awayName, logo: "https://stg-www.contodobet.com/static/img/landing/EventoSemana/Flamengo.png", size: "compact" }),
+  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: [
+          /* @__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(oe, { name: t.homeName, logo: "https://stg-www.contodobet.com/static/img/landing/EventoSemana/RealMadrid.png", size: "compact" })
+          /* @__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__ */ c(B, { direction: "column", spacing: { xs: 0.5, md: 1 }, useFlexGap: !0, children: [
-        /* @__PURE__ */ e(V, { spacing: 1, children: ((o = (l = (i = t == null ? void 0 : t.outcome) == null ? void 0 : i[0]) == null ? void 0 : l.outcomes) != null ? o : []).map((x, b) => /* @__PURE__ */ e($e, { text: x.label.toUpperCase() }, b)) }),
-        /* @__PURE__ */ e("div", { className: J.jugadas, children: /* @__PURE__ */ e(V, { spacing: 1, children: ((u = (m = (r = t == null ? void 0 : t.outcome) == null ? void 0 : r[0]) == null ? void 0 : m.outcomes) != null ? u : []).map((x, b) => /* @__PURE__ */ e(F, { variant: "primary", fullHeight: !0, onClick: () => {
-          pe(x.id);
-        }, children: (x.odds / 1e3).toFixed(2) }, b)) }) })
+      /* @__PURE__ */ l(R, { direction: "column", spacing: { xs: 0.5, md: 1 }, useFlexGap: !0, children: [
+        /* @__PURE__ */ e(V, { spacing: 1, children: ((o = (u = (i = t == null ? void 0 : t.outcome) == null ? void 0 : i[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 = (a = t == null ? void 0 : t.outcome) == null ? void 0 : a[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)) }) })
       ] })
     ] }) })
   ] });
@@ -1206,25 +1208,25 @@ function jt({ event: t }) {
 function At({
   items: t,
   title: n = "Destacados",
-  iconUrl: a,
+  iconUrl: r,
   onViewMore: i,
-  className: l = ""
+  className: u = ""
 }) {
-  const o = G(null), [r, m] = W({ isStart: !0, isEnd: !1 }), u = () => {
-    var p;
-    (p = o.current) == null || p.prev();
-  }, x = () => {
-    var p;
-    (p = o.current) == null || p.next(), console.log("items: ", t);
+  const o = G(null), [a, p] = z({ isStart: !0, isEnd: !1 }), m = () => {
+    var c;
+    (c = o.current) == null || c.prev();
+  }, g = () => {
+    var c;
+    (c = o.current) == null || c.next(), console.log("items: ", t);
   }, b = () => {
     window.location.href = "https://www.olimpo.bet/promociones";
-  }, O = (p) => {
-    if (!p || typeof window == "undefined") return;
-    const $ = `https://www.olimpo.bet/promociones/${encodeURIComponent(p)}`;
+  }, k = (c) => {
+    if (!c || typeof window == "undefined") return;
+    const $ = `https://www.olimpo.bet/promociones/${encodeURIComponent(c)}`;
     window.location.href = $;
   };
-  return /* @__PURE__ */ c("section", { className: l || void 0, style: { width: "100%" }, children: [
-    /* @__PURE__ */ c(
+  return /* @__PURE__ */ l("section", { className: u || void 0, style: { width: "100%" }, children: [
+    /* @__PURE__ */ l(
       "header",
       {
         style: {
@@ -1236,8 +1238,8 @@ function At({
           marginBottom: 16
         },
         children: [
-          /* @__PURE__ */ e(K, { title: n, iconUrl: a, size: "md" }),
-          /* @__PURE__ */ c("div", { style: { display: "flex", gap: 8 }, children: [
+          /* @__PURE__ */ e(K, { title: n, iconUrl: r, size: "md" }),
+          /* @__PURE__ */ l("div", { style: { display: "flex", gap: 8 }, children: [
             /* @__PURE__ */ e(
               F,
               {
@@ -1245,8 +1247,8 @@ function At({
                 variant: "secondary",
                 iconOnly: !0,
                 leftIcon: /* @__PURE__ */ e(de, {}),
-                onClick: u,
-                disabled: r.isStart
+                onClick: m,
+                disabled: a.isStart
               }
             ),
             /* @__PURE__ */ e(
@@ -1256,8 +1258,8 @@ function At({
                 variant: "secondary",
                 iconOnly: !0,
                 rightIcon: /* @__PURE__ */ e(ue, {}),
-                onClick: x,
-                disabled: r.isEnd
+                onClick: g,
+                disabled: a.isEnd
               }
             )
           ] }),
@@ -1275,7 +1277,7 @@ function At({
         options: {
           autoWidth: !0,
           gap: "12px",
-          trimSpace: !1,
+          trimSpace: !0,
           pagination: !1,
           arrows: !1,
           drag: !0,
@@ -1285,7 +1287,7 @@ function At({
           768: { perPage: 2, focus: "start" },
           1024: { perPage: 2.5, focus: "start" }
         },
-        renderItem: (p) => /* @__PURE__ */ e(
+        renderItem: (c) => /* @__PURE__ */ e(
           "div",
           {
             style: {
@@ -1293,12 +1295,12 @@ function At({
               marginTop: 16,
               cursor: "pointer"
             },
-            onClick: () => O(p.promotion),
+            onClick: () => k(c.promotion),
             children: /* @__PURE__ */ e(
               "img",
               {
-                src: `https://olimpo.bet${p.image !== "" ? p.image : p.summary_image}`,
-                alt: p.title,
+                src: `https://olimpo.bet${c.image !== "" ? c.image : c.summary_image}`,
+                alt: c.title,
                 style: {
                   width: "100%",
                   height: window.innerWidth < 768 ? "80px" : "137px",
@@ -1309,47 +1311,47 @@ function At({
               }
             )
           },
-          `${p.title}-${p.image}`
+          `${c.title}-${c.image}`
         ),
-        onMove: ({ isStart: p, isEnd: _ }) => m({ isStart: p, isEnd: _ })
+        onMove: ({ isStart: c, isEnd: x }) => p({ isStart: c, isEnd: x })
       }
     )
   ] });
 }
-function re(t, {
+function ae(t, {
   basePath: n = "/casino",
-  src: a,
+  src: r,
   demo: i = !1,
-  host: l = "https://www.olimpo.bet"
+  host: u = "https://www.olimpo.bet"
 } = {}) {
   if (typeof window == "undefined") return;
   const o = t == null ? void 0 : t.machine;
   if (!o) return;
-  const r = new URLSearchParams();
-  r.set("machine", String(o)), i && r.set("demo", "1"), window.location.href = `${l}${n}?${r.toString()}`;
+  const a = new URLSearchParams();
+  a.set("machine", String(o)), i && a.set("demo", "1"), window.location.href = `${u}${n}?${a.toString()}`;
 }
 function Gt({
   items: t,
   title: n = "Top Juegos",
-  iconUrl: a,
+  iconUrl: r,
   onCardClick: i
 }) {
-  const l = le(
-    () => (t != null ? t : []).map((m, u) => {
-      var x;
+  const u = oe(
+    () => (t != null ? t : []).map((p, m) => {
+      var g;
       return {
-        ...m,
+        ...p,
         // si no viene orden, usamos el índice (1-based)
-        orden: (x = m.orden) != null ? x : u + 1,
-        _originalIndex: u
+        orden: (g = p.orden) != null ? g : m + 1,
+        _originalIndex: m
       };
-    }).sort((m, u) => m.orden != null && u.orden != null ? m.orden - u.orden : m._originalIndex - u._originalIndex),
+    }).sort((p, m) => p.orden != null && m.orden != null ? p.orden - m.orden : p._originalIndex - m._originalIndex),
     [t]
-  ), o = !t || t.length === 0, r = o ? Array.from({ length: 6 }) : l.slice(0, 6);
-  return /* @__PURE__ */ e("section", { style: { width: "100%" }, children: /* @__PURE__ */ c(B, { direction: "column", spacing: 2, useFlexGap: !0, children: [
-    /* @__PURE__ */ e(K, { title: n, iconUrl: a, size: "md" }),
+  ), o = !t || t.length === 0, a = 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" }),
     /* @__PURE__ */ e(
-      k,
+      O,
       {
         sx: {
           display: "grid",
@@ -1361,19 +1363,19 @@ function Gt({
           justifyItems: "center",
           width: "100%"
         },
-        children: r.map((m, u) => {
-          var x, b;
+        children: a.map((p, m) => {
+          var g, b;
           return /* @__PURE__ */ e(
-            ht,
+            gt,
             {
-              imageUrl: o ? "" : `https://olimpo.bet${(x = m.logo) != null ? x : ""}`,
-              orden: o ? u + 1 : m.orden,
+              imageUrl: o ? "" : `https://olimpo.bet${(g = p.logo) != null ? g : ""}`,
+              orden: o ? m + 1 : p.orden,
               loading: o,
               onClick: o ? void 0 : () => {
-                i ? i(m) : re(m, { basePath: "/casino" });
+                i ? i(p) : ae(p, { basePath: "/casino" });
               }
             },
-            o ? `sk-${u}` : (b = m.machine) != null ? b : `${u}`
+            o ? `sk-${m}` : (b = p.machine) != null ? b : `${m}`
           );
         })
       }
@@ -1381,21 +1383,21 @@ function Gt({
   ] }) });
 }
 const Ut = (t, n) => {
-  var a, i;
-  return (i = (a = t.orden) != null ? a : t.machine) != null ? i : n;
+  var r, i;
+  return (i = (r = t.orden) != null ? r : t.machine) != null ? i : n;
 }, Dt = ({
   items: t,
   title: n = "Casino en vivo",
-  subtitle: a = "Disfruta la emoción en tus juegos favoritos y gana en tiempo real.",
+  subtitle: r = "Disfruta la emoción en tus juegos favoritos y gana en tiempo real.",
   backgroundMobileUrl: i = "",
-  backgroundDesktopUrl: l = "",
+  backgroundDesktopUrl: u = "",
   onCardClick: o,
-  onViewMore: r,
-  className: m
-}) => (console.log("items: ", t), /* @__PURE__ */ c(
-  k,
+  onViewMore: a,
+  className: p
+}) => (console.log("items: ", t), /* @__PURE__ */ l(
+  O,
   {
-    className: m,
+    className: p,
     sx: {
       position: "relative",
       // width: "100vw",
@@ -1407,7 +1409,7 @@ const Ut = (t, n) => {
     },
     children: [
       /* @__PURE__ */ e(
-        k,
+        O,
         {
           sx: {
             position: "absolute",
@@ -1421,7 +1423,7 @@ const Ut = (t, n) => {
               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('${l}')
+              url('${u}')
             `
             },
             backgroundSize: "cover",
@@ -1431,8 +1433,8 @@ const Ut = (t, n) => {
           }
         }
       ),
-      /* @__PURE__ */ c(
-        k,
+      /* @__PURE__ */ l(
+        O,
         {
           sx: {
             position: "relative",
@@ -1449,7 +1451,7 @@ const Ut = (t, n) => {
             textAlign: { xs: "center", md: "left" }
           },
           children: [
-            /* @__PURE__ */ c(B, { spacing: 3, sx: { maxWidth: { md: 280 } }, children: [
+            /* @__PURE__ */ l(R, { spacing: 3, sx: { maxWidth: { md: 280 } }, children: [
               /* @__PURE__ */ e(
                 D,
                 {
@@ -1472,21 +1474,21 @@ const Ut = (t, n) => {
                     marginX: { xs: 4, md: 0 },
                     lineHeight: 1.5
                   },
-                  children: a
+                  children: r
                 }
               ),
-              /* @__PURE__ */ e(k, { sx: { display: { xs: "none", md: "block" } }, children: /* @__PURE__ */ e(
+              /* @__PURE__ */ e(O, { sx: { display: { xs: "none", md: "block" } }, children: /* @__PURE__ */ e(
                 F,
                 {
                   variant: "primary",
                   size: "md",
-                  onClick: () => (r == null ? void 0 : r()) || (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(
-              k,
+              O,
               {
                 sx: {
                   display: "flex",
@@ -1496,30 +1498,30 @@ const Ut = (t, n) => {
                   py: { xs: 3, md: 0 },
                   alignItems: "center"
                 },
-                children: (t != null ? t : []).slice(0, 3).map((u, x) => {
+                children: (t != null ? t : []).slice(0, 3).map((m, g) => {
                   var b;
                   return /* @__PURE__ */ e(
-                    gt,
+                    ft,
                     {
-                      logo: `https://olimpo.bet${(b = u.logo) != null ? b : ""}`,
-                      provider: u.provider,
-                      providerName: u.web_name,
-                      machine: u.machine,
+                      logo: `https://olimpo.bet${(b = m.logo) != null ? b : ""}`,
+                      provider: m.provider,
+                      providerName: m.web_name,
+                      machine: m.machine,
                       onClick: () => {
-                        re(u, { basePath: "/casino-en-vivo" });
+                        ae(m, { basePath: "/casino-en-vivo" });
                       }
                     },
-                    Ut(u, x)
+                    Ut(m, g)
                   );
                 })
               }
             ),
-            /* @__PURE__ */ e(k, { sx: { display: { xs: "block", md: "none" } }, children: /* @__PURE__ */ e(
+            /* @__PURE__ */ e(O, { sx: { display: { xs: "block", md: "none" } }, children: /* @__PURE__ */ e(
               F,
               {
                 variant: "primary",
                 size: "lg",
-                onClick: () => (r == null ? void 0 : r()) || (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"
               }
             ) })
@@ -1528,61 +1530,63 @@ const Ut = (t, n) => {
       )
     ]
   }
-)), Te = (t, n) => {
-  var a, i;
-  return (i = (a = t.orden) != null ? a : t.machine) != null ? i : n;
-}, Vt = (t, n = !0, a = 4) => {
-  const i = t.map((r, m) => {
-    var u;
+)), Be = (t, n) => {
+  var r, i;
+  return (i = (r = t.orden) != null ? r : t.machine) != null ? i : n;
+}, Vt = (t, n = !0, r = 4) => {
+  const i = t.map((a, p) => {
+    var m;
     return {
-      id: Te(r, m),
-      imageUrl: (u = r.logo) != null ? u : ""
+      id: Be(a, p),
+      imageUrl: (m = a.logo) != null ? m : "",
+      ...a.background ? { background: a.background } : {}
+      // background: g.background,
     };
   });
   if (!i.length) return [];
-  const l = [];
+  const u = [];
   let o = 0;
   if (n) {
-    const r = Math.min(i.length, 5);
-    l.push({
+    const a = Math.min(i.length, 5);
+    u.push({
       id: "mosaic-0",
       kind: "mosaic",
-      items: i.slice(0, r)
-    }), o = r;
+      items: i.slice(0, a)
+    }), o = a;
   }
   for (; o < i.length; ) {
-    const r = Math.min(o + a, i.length);
-    l.push({
+    const a = Math.min(o + r, i.length);
+    u.push({
       id: `grid-${o}`,
       kind: "grid",
-      items: i.slice(o, r)
-    }), o = r;
+      items: i.slice(o, a)
+    }), o = a;
   }
-  return l;
+  return u;
 }, Ht = ({
   items: t,
   title: n = "Casino",
-  iconUrl: a = "/assets/img/home/Casino/diamante.svg",
+  iconUrl: r = "/assets/img/home/Casino/diamante.svg",
   onItemClick: i,
-  onViewMore: l,
+  onViewMore: u,
   mosaicFirst: o = !0,
-  gridSize: r = 4
+  gridSize: a = 4
 }) => {
-  const m = G(null), [u, x] = W({ isStart: !0, isEnd: !1 }), b = () => {
+  const p = G(null), [m, g] = z({ isStart: !0, isEnd: !1 }), b = () => {
     var v;
-    (v = m.current) == null || v.prev();
-  }, O = () => {
+    (v = p.current) == null || v.prev();
+  }, k = () => {
     var v;
-    (v = m.current) == null || v.next();
+    (v = p.current) == null || v.next();
   }, s = () => {
     window.location.href = "https://www.olimpo.bet/casino";
-  }, p = (v = !0, S = 4) => {
-    const I = (C) => Array.from({ length: C }, (T, P) => ({ id: `sk-${C}-${P}`, imageUrl: "" })), f = [];
-    return v && f.push({ id: "mosaic-loading", kind: "mosaic", items: I(5) }), f.push({ id: "grid-loading", kind: "grid", items: I(S) }), f;
-  }, _ = !t || t.length === 0, $ = _ ? p(o, r) : Vt(t, o, r);
-  return /* @__PURE__ */ e("section", { children: /* @__PURE__ */ c(B, { direction: "column", spacing: 2, useFlexGap: !0, children: [
-    /* @__PURE__ */ c(
-      k,
+  }, 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, a) : Vt(t, o, a);
+  return /* @__PURE__ */ e("section", { children: /* @__PURE__ */ l(R, { direction: "column", spacing: 2, useFlexGap: !0, children: [
+    /* @__PURE__ */ l(
+      O,
       {
         sx: {
           display: "grid",
@@ -1596,12 +1600,12 @@ const Ut = (t, n) => {
             K,
             {
               title: n,
-              iconUrl: a,
+              iconUrl: r,
               size: "md"
             }
           ),
-          /* @__PURE__ */ c(
-            k,
+          /* @__PURE__ */ l(
+            O,
             {
               sx: {
                 display: "flex",
@@ -1615,9 +1619,9 @@ const Ut = (t, n) => {
                     ariaLabel: "Anterior",
                     variant: "secondary",
                     iconOnly: !0,
-                    leftIcon: /* @__PURE__ */ e(Ce, {}),
+                    leftIcon: /* @__PURE__ */ e(Ee, {}),
                     onClick: b,
-                    disabled: u.isStart
+                    disabled: m.isStart
                   }
                 ),
                 /* @__PURE__ */ e(
@@ -1626,107 +1630,109 @@ const Ut = (t, n) => {
                     ariaLabel: "Siguiente",
                     variant: "secondary",
                     iconOnly: !0,
-                    rightIcon: /* @__PURE__ */ e(Ee, {}),
-                    onClick: O,
-                    disabled: u.isEnd
+                    rightIcon: /* @__PURE__ */ e(ke, {}),
+                    onClick: k,
+                    disabled: m.isEnd
                   }
                 )
               ]
             }
           ),
-          /* @__PURE__ */ e(k, { sx: { justifySelf: "end" }, children: /* @__PURE__ */ e(F, { variant: "secondary", onClick: s, children: "Ver más" }) })
+          /* @__PURE__ */ e(O, { sx: { justifySelf: "end" }, children: /* @__PURE__ */ e(F, { variant: "secondary", onClick: s, children: "Ver más" }) })
         ]
       }
     ),
     /* @__PURE__ */ e(
       q,
       {
-        ref: m,
+        ref: p,
         items: $,
         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(
-          Ie,
+          Te,
           {
             items: v.items,
             layout: v.kind === "mosaic" ? "mosaic" : "grid",
-            loading: _,
-            onClick: (S) => {
-              const I = t.find(
-                (f, C) => Te(f, C) === S.id
+            loading: x,
+            onClick: (C) => {
+              const N = t.find(
+                (_, S) => Be(_, S) === C.id
               );
-              _ || I && re(I, { basePath: "/casino" });
+              x || N && ae(N, { basePath: "/casino" });
             }
           }
         ) }),
-        onMove: ({ isStart: v, isEnd: S }) => x({ isStart: v, isEnd: S })
+        onMove: ({ isStart: v, isEnd: C }) => g({ isStart: v, isEnd: C })
       }
     )
   ] }) });
 }, Re = (t, n) => {
-  var a, i;
-  return (i = (a = t.orden) != null ? a : t.machine) != null ? i : n;
-}, Kt = (t, n = !0, a = 4) => {
-  const i = t.map((r, m) => {
-    var u;
+  var r, i;
+  return (i = (r = t.orden) != null ? r : t.machine) != null ? i : n;
+}, Kt = (t, n = !0, r = 4) => {
+  const i = t.map((a, p) => {
+    var m;
     return {
-      id: Re(r, m),
-      imageUrl: (u = r.logo) != null ? u : ""
+      id: Re(a, p),
+      imageUrl: (m = a.logo) != null ? m : "",
+      ...a.background ? { background: a.background } : {}
+      // background: g.background,
     };
   });
   if (!i.length) return [];
-  const l = [];
+  const u = [];
   let o = 0;
   if (n) {
-    const r = Math.min(i.length, 5);
-    l.push({
+    const a = Math.min(i.length, 5);
+    u.push({
       id: "mosaic-0",
       kind: "mosaic",
-      items: i.slice(0, r)
-    }), o = r;
+      items: i.slice(0, a)
+    }), o = a;
   }
   for (; o < i.length; ) {
-    const r = Math.min(o + a, i.length);
-    l.push({
+    const a = Math.min(o + r, i.length);
+    u.push({
       id: `grid-${o}`,
       kind: "grid",
-      items: i.slice(o, r)
-    }), o = r;
+      items: i.slice(o, a)
+    }), o = a;
   }
-  return l;
+  return u;
 }, qt = ({
   items: t,
   title: n = "Virtuales",
-  iconUrl: a = "/assets/img/home/Virtuales/virtuales.svg",
+  iconUrl: r = "/assets/img/home/Virtuales/virtuales.svg",
   onItemClick: i,
-  onViewMore: l,
+  onViewMore: u,
   mosaicFirst: o = !0,
-  gridSize: r = 4
+  gridSize: a = 4
 }) => {
-  const m = G(null), [u, x] = W({ isStart: !0, isEnd: !1 }), b = () => {
+  const p = G(null), [m, g] = z({ isStart: !0, isEnd: !1 }), b = () => {
     var v;
-    (v = m.current) == null || v.prev();
-  }, O = () => {
+    (v = p.current) == null || v.prev();
+  }, k = () => {
     var v;
-    (v = m.current) == null || v.next();
+    (v = p.current) == null || v.next();
   }, s = () => {
     window.location.href = "https://www.olimpo.bet/juegos-virtuales";
-  }, p = (v = !0, S = 4) => {
-    const I = (C) => Array.from({ length: C }, (T, P) => ({ id: `sk-${C}-${P}`, imageUrl: "" })), f = [];
-    return v && f.push({ id: "mosaic-loading", kind: "mosaic", items: I(5) }), f.push({ id: "grid-loading", kind: "grid", items: I(S) }), f;
-  }, _ = !t || t.length === 0, $ = _ ? p(o, r) : Kt(t, o, r);
-  return /* @__PURE__ */ e("section", { children: /* @__PURE__ */ c(B, { direction: "column", spacing: 2, useFlexGap: !0, children: [
-    /* @__PURE__ */ c(
-      k,
+  }, 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, a) : Kt(t, o, a);
+  return /* @__PURE__ */ e("section", { children: /* @__PURE__ */ l(R, { direction: "column", spacing: 2, useFlexGap: !0, children: [
+    /* @__PURE__ */ l(
+      O,
       {
         sx: {
           display: "grid",
@@ -1740,12 +1746,12 @@ const Ut = (t, n) => {
             K,
             {
               title: n,
-              iconUrl: a,
+              iconUrl: r,
               size: "md"
             }
           ),
-          /* @__PURE__ */ c(
-            k,
+          /* @__PURE__ */ l(
+            O,
             {
               sx: {
                 display: "flex",
@@ -1759,9 +1765,9 @@ const Ut = (t, n) => {
                     ariaLabel: "Anterior",
                     variant: "secondary",
                     iconOnly: !0,
-                    leftIcon: /* @__PURE__ */ e(Ce, {}),
+                    leftIcon: /* @__PURE__ */ e(Ee, {}),
                     onClick: b,
-                    disabled: u.isStart
+                    disabled: m.isStart
                   }
                 ),
                 /* @__PURE__ */ e(
@@ -1770,29 +1776,29 @@ const Ut = (t, n) => {
                     ariaLabel: "Siguiente",
                     variant: "secondary",
                     iconOnly: !0,
-                    rightIcon: /* @__PURE__ */ e(Ee, {}),
-                    onClick: O,
-                    disabled: u.isEnd
+                    rightIcon: /* @__PURE__ */ e(ke, {}),
+                    onClick: k,
+                    disabled: m.isEnd
                   }
                 )
               ]
             }
           ),
-          /* @__PURE__ */ e(k, { sx: { justifySelf: "end" }, children: /* @__PURE__ */ e(F, { variant: "secondary", onClick: s, children: "Ver más" }) })
+          /* @__PURE__ */ e(O, { sx: { justifySelf: "end" }, children: /* @__PURE__ */ e(F, { variant: "secondary", onClick: s, children: "Ver más" }) })
         ]
       }
     ),
     /* @__PURE__ */ e(
       q,
       {
-        ref: m,
+        ref: p,
         items: $,
         perPage: 1,
         gap: "0",
         options: {
           autoWidth: !0,
           gap: "12px",
-          trimSpace: !1,
+          trimSpace: !0,
           pagination: !1,
           arrows: !1,
           drag: !0,
@@ -1800,30 +1806,25 @@ const Ut = (t, n) => {
           perMove: 1
         },
         renderItem: (v) => /* @__PURE__ */ e("div", { style: { alignSelf: "start" }, children: /* @__PURE__ */ e(
-          Ie,
+          Te,
           {
             items: v.items,
             layout: v.kind === "mosaic" ? "mosaic" : "grid",
-            loading: _,
-            onClick: (S) => {
-              const I = t.find(
-                (f, C) => Re(f, C) === S.id
+            loading: x,
+            onClick: (C) => {
+              const N = t.find(
+                (_, S) => Re(_, S) === C.id
               );
-              _ || I && re(I, { basePath: "/casino" });
+              x || N && ae(N, { basePath: "/casino" });
             }
           }
         ) }),
-        onMove: ({ isStart: v, isEnd: S }) => x({ isStart: v, isEnd: S })
+        onMove: ({ isStart: v, isEnd: C }) => g({ isStart: v, isEnd: C })
       }
     )
   ] }) });
 }, Jt = (t) => ({
-  // width: "100vw",
   position: "relative",
-  // left: "50%",
-  // right: "50%",
-  // marginLeft: "-50vw",
-  // marginRight: "-50vw",
   py: 8,
   color: "#fff",
   backgroundImage: `
@@ -1836,15 +1837,15 @@ const Ut = (t, n) => {
   backgroundRepeat: "no-repeat",
   backgroundPosition: "center",
   backgroundSize: "cover"
-}), fe = {
+}), xe = {
   textAlign: "center",
   lineHeight: 1.1,
   mb: 1.5
-}, xe = {
+}, be = {
   display: "inline-block",
   fontWeight: 600,
   fontSize: 24
-}, be = {
+}, _e = {
   display: "inline-block",
   fontSize: 24,
   lineHeight: 1.1,
@@ -1857,172 +1858,127 @@ const Ut = (t, n) => {
 }, Xt = ({
   headline: t,
   headline2: n,
-  items: a,
+  items: r,
   backgroundImageUrl: i
 }) => {
-  const l = t, o = n, r = Ge("(max-width: 767px)"), m = a.length > 1, u = i != null ? i : "", x = Jt(u), b = G(null), [O, s] = W({ isStart: !0, isEnd: !1 }), [p, _] = W(0), $ = (v) => /* @__PURE__ */ c(
-    k,
-    {
-      sx: {
-        width: "100%",
-        maxWidth: v ? 600 : "100%",
-        mx: v ? "auto" : 0
-      },
-      children: [
-        /* @__PURE__ */ e(
-          q,
-          {
-            ref: b,
-            items: a,
-            perPage: 1,
-            gap: v ? "24px" : "12px",
-            breakpoints: v ? void 0 : {
-              480: {
-                perPage: 1,
-                gap: "8px",
-                padding: { left: "8px", right: "8px" }
+  const u = Ue("(max-width: 767px)"), o = r.length > 1, a = G(null), [p, m] = z(0), g = r == null ? void 0 : r[p], b = oe(
+    () => {
+      var c, x;
+      return (x = (c = g == null ? void 0 : g.backgroundImageUrl) != null ? c : i) != null ? x : "";
+    },
+    [g, i]
+  ), k = Jt(b), s = (c, x) => {
+    var C, N;
+    const $ = (C = c.headline) != null ? C : t, v = (N = c.headline2) != null ? N : n;
+    return x ? /* @__PURE__ */ l(
+      O,
+      {
+        sx: {
+          maxWidth: 1200,
+          mx: "auto",
+          px: 15,
+          display: "grid",
+          gridTemplateColumns: "260px minmax(0, 1fr)",
+          alignItems: "center",
+          columnGap: 6
+        },
+        children: [
+          ($ || v) && /* @__PURE__ */ e(
+            O,
+            {
+              sx: {
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "flex-start",
+                minHeight: "100%"
               },
-              768: {
-                perPage: 1,
-                gap: "12px",
-                padding: { left: "8px", right: "8px" }
-              }
-            },
-            options: { autoWidth: !1 },
-            renderItem: (S) => /* @__PURE__ */ e(
-              ft,
-              {
-                ...S,
-                onButtonClick: S.onButtonClick,
-                isDesktop: v
-              }
-            ),
-            onMove: ({ index: S, isStart: I, isEnd: f }) => {
-              s({ isStart: I, isEnd: f }), _(S);
+              children: /* @__PURE__ */ l(O, { sx: { ...xe, textAlign: "left", mb: 0 }, children: [
+                $ && /* @__PURE__ */ e(D, { component: "span", sx: be, children: $ }),
+                v && /* @__PURE__ */ l(Z, { children: [
+                  /* @__PURE__ */ e("br", {}),
+                  /* @__PURE__ */ e(D, { component: "span", sx: _e, children: v })
+                ] })
+              ] })
             }
-          }
-        ),
-        m && /* @__PURE__ */ e(
-          k,
-          {
-            sx: {
-              mt: 2,
-              display: "flex",
-              justifyContent: "center"
-            },
-            children: /* @__PURE__ */ e(
-              ke,
-              {
-                total: a.length,
-                active: p,
-                onSelect: (S) => {
-                  var I;
-                  _(S), (I = b.current) == null || I.go(S);
-                }
-              }
-            )
-          }
-        )
-      ]
-    }
-  );
-  return r ? /* @__PURE__ */ c(
-    k,
-    {
-      component: "section",
-      sx: {
-        ...x,
-        textAlign: "center"
-      },
-      children: [
-        (l || o) && /* @__PURE__ */ c(k, { sx: fe, children: [
-          l && /* @__PURE__ */ e(D, { component: "span", sx: xe, children: l }),
-          o && /* @__PURE__ */ c(Z, { children: [
-            /* @__PURE__ */ e("br", {}),
-            /* @__PURE__ */ e(D, { component: "span", sx: be, children: o })
-          ] })
-        ] }),
-        $(!1)
-      ]
-    }
-  ) : /* @__PURE__ */ e(k, { component: "section", sx: x, children: /* @__PURE__ */ c(
-    k,
-    {
-      sx: {
-        maxWidth: 1200,
-        mx: "auto",
-        px: 15,
-        display: "grid",
-        gridTemplateColumns: "260px minmax(0, 1fr)",
-        alignItems: "center",
-        columnGap: 6
-      },
-      children: [
-        (l || o) && /* @__PURE__ */ e(
-          k,
-          {
-            sx: {
-              display: "flex",
-              alignItems: "center",
-              justifyContent: "flex-start",
-              minHeight: "100%"
-            },
-            children: /* @__PURE__ */ c(
-              k,
-              {
-                sx: {
-                  ...fe,
-                  textAlign: "left",
-                  mb: 0
-                },
-                children: [
-                  l && /* @__PURE__ */ e(D, { component: "span", sx: xe, children: l }),
-                  o && /* @__PURE__ */ c(Z, { children: [
-                    /* @__PURE__ */ e("br", {}),
-                    /* @__PURE__ */ e(D, { component: "span", sx: be, children: o })
-                  ] })
-                ]
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ e(
-          k,
-          {
-            sx: {
-              display: "flex",
-              justifyContent: "center",
-              alignItems: "center"
-            },
-            children: $(!0)
-          }
-        )
-      ]
-    }
-  ) });
+          ),
+          /* @__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,
+            {
+              ...c,
+              onButtonClick: c.onButtonClick,
+              variant: "large"
+            }
+          ) }) })
+        ]
+      }
+    ) : /* @__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__ */ e("br", {}),
+          /* @__PURE__ */ e(D, { component: "span", sx: _e, children: v })
+        ] })
+      ] }),
+      /* @__PURE__ */ e(O, { sx: { display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ e(
+        fe,
+        {
+          ...c,
+          onButtonClick: c.onButtonClick,
+          variant: "small"
+        }
+      ) })
+    ] });
+  };
+  return /* @__PURE__ */ l(O, { component: "section", sx: k, children: [
+    /* @__PURE__ */ e(
+      q,
+      {
+        ref: a,
+        items: r,
+        perPage: 1,
+        gap: "0px",
+        options: { autoWidth: !1 },
+        renderItem: (c) => /* @__PURE__ */ e(O, { sx: { width: "100%" }, children: s(c, !u) }),
+        onMove: ({ index: c }) => {
+          m(c);
+        }
+      }
+    ),
+    o && /* @__PURE__ */ e(O, { sx: { mt: 2, display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ e(
+      $e,
+      {
+        total: r.length,
+        active: p,
+        onSelect: (c) => {
+          var x;
+          m(c), (x = a.current) == null || x.go(c);
+        }
+      }
+    ) })
+  ] });
 }, Qt = ({
   className: t = "",
   fullBleed: n = !0,
-  items: a,
+  items: r,
   selectedIndex: i = 0,
-  ariaLabel: l
+  ariaLabel: u
 }) => {
-  const o = G(null), r = G(null);
-  if (!a) return null;
-  const m = () => {
+  const o = G(null), a = G(null);
+  if (!r) return null;
+  const p = () => {
     window.location.href = "https://www.olimpo.bet/conoce-club-olimpo";
-  }, u = Array.isArray(a) ? a[i] : a;
+  }, m = Array.isArray(r) ? r[i] : r;
   ze(() => {
-    if (!o.current || !r.current || typeof ResizeObserver == "undefined") return;
-    const b = o.current, O = r.current, s = () => {
+    if (!o.current || !a.current || typeof ResizeObserver == "undefined") return;
+    const b = o.current, k = a.current, s = () => {
       b.style.setProperty(
         "--orc-co-bottomH",
-        `${O.offsetHeight + 16}px`
+        `${k.offsetHeight + 16}px`
       );
-    }, p = new ResizeObserver(s);
-    return p.observe(O), s(), () => p.disconnect();
+    }, c = new ResizeObserver(s);
+    return c.observe(k), s(), () => c.disconnect();
   }, []);
-  const x = [
+  const g = [
     "orc-co-wrap",
     n ? "orc-co-fullBleed" : "",
     t
@@ -2031,17 +1987,17 @@ const Ut = (t, n) => {
     "section",
     {
       ref: o,
-      className: x,
-      "aria-label": l || u.imgAlt || "Club Olimpo",
-      children: /* @__PURE__ */ e("div", { ref: r, children: /* @__PURE__ */ e(
+      className: g,
+      "aria-label": u || m.imgAlt || "Club Olimpo",
+      children: /* @__PURE__ */ e("div", { ref: a, children: /* @__PURE__ */ e(
         xt,
         {
-          text: u.text,
-          onClick: m,
-          imgAlt: u.imgAlt,
-          imgSrcMobile: u.imgMobile,
-          imgSrcDesktopBg: u.imgDesktopBg,
-          imgSrcDesktopLogo: u.imgDesktopLogo
+          text: m.text,
+          onClick: p,
+          imgAlt: m.imgAlt,
+          imgSrcMobile: m.imgMobile,
+          imgSrcDesktopBg: m.imgDesktopBg,
+          imgSrcDesktopLogo: m.imgDesktopLogo
         }
       ) })
     }
@@ -2052,119 +2008,119 @@ const Ut = (t, n) => {
 function eo({
   items: t,
   title: n = "Combinadas del Olimpo",
-  iconUrl: a = "https://stg-www.contodobet.com/static/img/landing/EventoCombinada/rayoIcon.svg",
+  iconUrl: r = "https://stg-www.contodobet.com/static/img/landing/EventoCombinada/rayoIcon.svg",
   onViewMore: i,
-  className: l = ""
+  className: u = ""
 }) {
-  const o = G(null), [r, m] = W({ isStart: !0, isEnd: !1 }), [u, x] = W([]), 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", O = () => {
-    var f;
-    (f = o.current) == null || f.prev();
+  const o = G(null), [a, 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();
   }, s = () => {
-    var f;
-    (f = o.current) == null || f.next();
-  }, p = () => {
+    var _;
+    (_ = o.current) == null || _.next();
+  }, c = () => {
     Ot();
   };
-  async function _() {
-    var f, C, T;
+  async function x() {
+    var _, S, P;
     try {
-      const E = await (await fetch(b)).json(), d = (T = (C = (f = E == null ? void 0 : E.group) == null ? void 0 : f.groups) == null ? void 0 : C[0]) == null ? void 0 : T.id;
+      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) {
         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`, g = await (await fetch(h)).json();
-      x(
-        $(g.events, g.betOffers, g.prePackCoupons)
+      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)
       );
-    } catch (P) {
-      console.error("loadDataEventSpecial error:", P);
+    } catch (T) {
+      console.error("loadDataEventSpecial error:", T);
     }
   }
-  function $(f, C, T) {
-    const P = [];
-    for (const E of T) {
-      const d = S([E]), h = v(E), w = C.reduce((g, y) => {
-        var R, L;
-        g[y.eventId] || (g[y.eventId] = []);
-        const N = y.outcomes.filter(
-          (z) => d.has(z.id)
+  function $(_, S, 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)
         );
-        if (N.length > 0) {
-          const z = Array.from(
-            (L = (R = h == null ? void 0 : h[0]) == null ? void 0 : R.requiredOutcomeIds) != null ? L : []
-          ), A = N.map((Y) => ({
+        if (I.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: z.indexOf(Y.id)
+            position: W.indexOf(Y.id)
           }));
-          g[y.eventId].push({
+          f[y.eventId].push({
             ...y,
             outcomes: A
           });
         }
-        return g;
+        return f;
       }, {});
-      f.forEach((g) => {
-        if (g.id !== E.prePackCouponRows[0].eventId) return;
+      _.forEach((f) => {
+        if (f.id !== E.prePackCouponRows[0].eventId) return;
         const y = d;
-        let N = null;
-        for (const R of h)
-          if ([...R.requiredOutcomeIds].every((z) => y.has(z))) {
-            N = R.decimal;
+        let I = null;
+        for (const B of h)
+          if ([...B.requiredOutcomeIds].every((W) => y.has(W))) {
+            I = B.decimal;
             break;
           }
-        P.push({
-          ...g,
-          combinadoTotal: N,
-          betoffers: w[g.id] || [],
+        T.push({
+          ...f,
+          combinadoTotal: I,
+          betoffers: w[f.id] || [],
           couponId: E.id
           // optional for tracking
         });
       });
     }
-    return P;
+    return T;
   }
-  function v(f) {
-    var T;
-    const C = [];
-    for (const P of f.prePackCouponRows)
-      if (P.type === "BET_BUILDER" && ((T = P.group) != null && T.groups)) {
+  function v(_) {
+    var P;
+    const S = [];
+    for (const T of _.prePackCouponRows)
+      if (T.type === "BET_BUILDER" && ((P = T.group) != null && P.groups)) {
         const E = /* @__PURE__ */ new Set();
-        P.group.groups.forEach((d) => {
+        T.group.groups.forEach((d) => {
           var h;
           (h = d.outcomes) == null || h.forEach((w) => E.add(w.id));
-        }), C.push({
+        }), S.push({
           requiredOutcomeIds: E,
-          decimal: P.odds.decimal
+          decimal: T.odds.decimal
         });
       }
-    return C;
+    return S;
   }
-  function S(f) {
-    var T;
-    const C = /* @__PURE__ */ new Set();
-    for (const P of f)
-      for (const E of P.prePackCouponRows)
-        E.type === "BET_BUILDER" && ((T = E.group) != null && T.groups) && E.group.groups.forEach((d) => {
+  function C(_) {
+    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) => C.add(w.id));
-        }), E.type === "SIMPLE" && E.outcome && C.add(E.outcome.id);
-    return C;
+          (h = d.outcomes) == null || h.forEach((w) => S.add(w.id));
+        }), E.type === "SIMPLE" && E.outcome && S.add(E.outcome.id);
+    return S;
   }
   Q(() => {
-    _();
+    x();
   }, []);
-  const I = l || void 0;
-  return !u || u.length === 0 ? null : /* @__PURE__ */ e("section", { className: I, style: {
+  const N = u || void 0;
+  return !m || m.length === 0 ? null : /* @__PURE__ */ e("section", { className: N, style: {
     // paddingLeft: 16,
     // paddingRight: 16,
     width: "100%",
     boxSizing: "border-box"
-  }, children: /* @__PURE__ */ c(B, { direction: "column", spacing: 1.5, useFlexGap: !0, children: [
-    /* @__PURE__ */ c(V, { spacing: 1.5, columns: "1fr auto ", justify: "start", children: [
-      /* @__PURE__ */ e(K, { title: n, iconUrl: a, size: "md" }),
-      /* @__PURE__ */ c("div", { className: Zt.controls, children: [
-        /* @__PURE__ */ c(V, { spacing: 1, columns: "auto auto", children: [
+  }, 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: [
           /* @__PURE__ */ e(
             F,
             {
@@ -2172,8 +2128,8 @@ function eo({
               variant: "secondary",
               iconOnly: !0,
               leftIcon: /* @__PURE__ */ e(de, {}),
-              onClick: O,
-              disabled: r.isStart
+              onClick: k,
+              disabled: a.isStart
             }
           ),
           /* @__PURE__ */ e(
@@ -2184,18 +2140,18 @@ function eo({
               iconOnly: !0,
               rightIcon: /* @__PURE__ */ e(ue, {}),
               onClick: s,
-              disabled: r.isEnd
+              disabled: a.isEnd
             }
           )
         ] }),
-        /* @__PURE__ */ e(F, { variant: "secondary", onClick: p, children: "Ver más" })
+        /* @__PURE__ */ e(F, { variant: "secondary", onClick: c, children: "Ver más" })
       ] })
     ] }),
     /* @__PURE__ */ e(
       q,
       {
         ref: o,
-        items: u.filter((f) => f.combinadoTotal !== null),
+        items: m.filter((_) => _.combinadoTotal !== null),
         perPage: void 0,
         gap: "16px",
         options: { autoWidth: !0, trimSpace: "move" },
@@ -2203,8 +2159,8 @@ function eo({
         breakpoints: {
           768: { perPage: 1.2, gap: "12px", padding: { left: "0px", right: "0px" } }
         },
-        renderItem: (f) => /* @__PURE__ */ e(Nt, { event: f }),
-        onMove: ({ isStart: f, isEnd: C }) => m({ isStart: f, isEnd: C })
+        renderItem: (_) => /* @__PURE__ */ e(It, { event: _ }),
+        onMove: ({ isStart: _, isEnd: S }) => p({ isStart: _, isEnd: S })
       }
     )
   ] }) });
@@ -2214,27 +2170,27 @@ function to({}) {
     "div",
     {
       className: Pe.cardWrapper,
-      children: /* @__PURE__ */ c(B, { direction: "column", spacing: 1, children: [
-        /* @__PURE__ */ c(B, { spacing: 1, direction: "row", children: [
+      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 })
         ] }),
-        /* @__PURE__ */ c(B, { spacing: 8, direction: "row", justifyContent: "center", alignItems: "center", children: [
+        /* @__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__ */ c(B, { spacing: 8, direction: "row", justifyContent: "center", alignItems: "center", children: [
+        /* @__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__ */ c(B, { spacing: 2, direction: "row", children: [
+        /* @__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__ */ c(B, { spacing: 2, direction: "row", children: [
+        /* @__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 })
@@ -2246,51 +2202,51 @@ function to({}) {
 const oo = "oraculo__FadeItemWrapper-module__fadeWrapper___kFOH4", no = {
   fadeWrapper: oo
 };
-function ne({ children: t }) {
+function re({ children: t }) {
   return /* @__PURE__ */ e("div", { className: no.fadeWrapper, children: t });
 }
 function ro({
   items: t,
   title: n = "En vivo",
-  iconUrl: a = "https://stg-www.contodobet.com/static/img/landing/EventoEnVivo/icon.svg",
+  iconUrl: r = "https://stg-www.contodobet.com/static/img/landing/EventoEnVivo/icon.svg",
   onViewMore: i,
-  className: l = ""
+  className: u = ""
 }) {
-  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", r = G(null), [m, u] = W({ isStart: !0, isEnd: !1 }), [x, b] = W([]), O = () => {
-    var S;
-    (S = r.current) == null || S.prev();
+  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 = G(null), [p, m] = z({ isStart: !0, isEnd: !1 }), [g, b] = z([]), k = () => {
+    var C;
+    (C = a.current) == null || C.prev();
   }, s = () => {
-    var S;
-    (S = r.current) == null || S.next();
-  }, p = () => {
+    var C;
+    (C = a.current) == null || C.next();
+  }, c = () => {
     kt();
   };
-  async function _() {
+  async function x() {
     try {
-      const I = await (await fetch(o)).json();
-      b(I.events);
-    } catch (S) {
-      console.error(S);
+      const N = await (await fetch(o)).json();
+      b(N.events);
+    } catch (C) {
+      console.error(C);
     }
   }
   Q(() => {
-    _();
-    const S = setInterval(() => {
-      _();
+    x();
+    const C = setInterval(() => {
+      x();
     }, 2e4);
-    return () => clearInterval(S);
+    return () => clearInterval(C);
   }, []);
-  const $ = l || void 0, v = !x || x.length === 0;
+  const $ = u || void 0, v = !g || g.length === 0;
   return /* @__PURE__ */ e("section", { className: $, style: {
     // paddingLeft: 16,
     // paddingRight: 16,
     width: "100%",
     boxSizing: "border-box"
-  }, children: /* @__PURE__ */ c(B, { direction: "column", spacing: 1.5, useFlexGap: !0, children: [
-    /* @__PURE__ */ c(V, { spacing: 1.5, columns: "1fr auto ", justify: "start", children: [
-      /* @__PURE__ */ e(K, { title: n, iconUrl: a, size: "md" }),
-      /* @__PURE__ */ c("div", { style: { display: "flex", gap: 8, alignItems: "center" }, children: [
-        /* @__PURE__ */ c(V, { spacing: 1, columns: "auto auto", children: [
+  }, 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", { style: { display: "flex", gap: 8, alignItems: "center" }, children: [
+        /* @__PURE__ */ l(V, { spacing: 1, columns: "auto auto", children: [
           /* @__PURE__ */ e(
             F,
             {
@@ -2298,8 +2254,8 @@ function ro({
               variant: "secondary",
               iconOnly: !0,
               leftIcon: /* @__PURE__ */ e(de, {}),
-              onClick: O,
-              disabled: m.isStart
+              onClick: k,
+              disabled: p.isStart
             }
           ),
           /* @__PURE__ */ e(
@@ -2310,19 +2266,19 @@ function ro({
               iconOnly: !0,
               rightIcon: /* @__PURE__ */ e(ue, {}),
               onClick: s,
-              disabled: m.isEnd
+              disabled: p.isEnd
             }
           )
         ] }),
-        /* @__PURE__ */ e(F, { variant: "secondary", onClick: p, children: "Ver más" })
+        /* @__PURE__ */ e(F, { variant: "secondary", onClick: c, children: "Ver más" })
       ] })
     ] }),
     /* @__PURE__ */ e(
       q,
       {
-        ref: r,
-        items: v ? Array(4).fill({}) : x == null ? void 0 : x.filter((S) => S.event.sport === "FOOTBALL").sort(
-          (S, I) => new Date(I.event.start).getTime() - new Date(S.event.start).getTime()
+        ref: a,
+        items: v ? Array(4).fill({}) : g == null ? void 0 : g.filter((C) => C.event.sport === "FOOTBALL").sort(
+          (C, N) => new Date(N.event.start).getTime() - new Date(C.event.start).getTime()
         ),
         perPage: void 0,
         gap: "16px",
@@ -2332,32 +2288,32 @@ function ro({
           768: { gap: "8px", focus: "center" },
           1024: { gap: "10px", focus: "center" }
         },
-        renderItem: (S) => v ? /* @__PURE__ */ e(ne, { children: /* @__PURE__ */ e(to, {}) }) : /* @__PURE__ */ e(ne, { children: /* @__PURE__ */ e(Tt, { ...S }) }),
-        onMove: ({ isStart: S, isEnd: I }) => u({ isStart: S, isEnd: I })
+        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 })
       }
     )
   ] }) });
 }
 function ao() {
-  return /* @__PURE__ */ c("div", { className: J.cardContainer, children: [
-    /* @__PURE__ */ e(Oe, { title: "" }),
-    /* @__PURE__ */ e("div", { className: J.cardBackground, children: /* @__PURE__ */ c(B, { direction: "column", spacing: { xs: 0.5, md: 1 }, useFlexGap: !0, children: [
-      /* @__PURE__ */ c(B, { spacing: 8, direction: "row", justifyContent: "center", alignItems: "center", children: [
+  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 })
       ] }),
-      /* @__PURE__ */ c(B, { direction: "column", spacing: { xs: 0.5, md: 1 }, useFlexGap: !0, children: [
-        /* @__PURE__ */ c(B, { spacing: 8, direction: "row", justifyContent: "center", alignItems: "center", 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: "text", width: 80, height: 12 }),
           /* @__PURE__ */ e(M, { variant: "text", width: 80, height: 12 })
         ] }),
-        /* @__PURE__ */ e(B, { spacing: 8, direction: "row", justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ e(M, { variant: "text", width: 160, height: 12 }) }),
-        /* @__PURE__ */ c(B, { direction: "row", spacing: 1, children: [
+        /* @__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("div", { className: J.jugadas, children: /* @__PURE__ */ c(B, { direction: "row", spacing: 1, children: [
+        /* @__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 })
@@ -2366,7 +2322,7 @@ function ao() {
     ] }) })
   ] });
 }
-const io = "oraculo__OraculoSeccionEventoSemana-module__wrapper___eqVq-", so = "oraculo__OraculoSeccionEventoSemana-module__container___5yFQs", co = "oraculo__OraculoSeccionEventoSemana-module__buttonWrapper___-6IDT", ce = {
+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
@@ -2374,106 +2330,106 @@ const io = "oraculo__OraculoSeccionEventoSemana-module__wrapper___eqVq-", so = "
 function lo({
   items: t,
   title: n = "En vivo",
-  iconUrl: a,
+  iconUrl: r,
   onViewMore: i,
-  className: l = ""
+  className: u = ""
 }) {
-  const o = "https://us1.offering-api.kambicdn.com/offering/v2018/nexuspe/group.json?channel_id=1&client_id=200&lang=es_PE&market=PE", r = G(null), [m, u] = W({ isStart: !0, isEnd: !1 }), [x, b] = W([]);
-  function O(f) {
-    return [...f].sort(
-      (C, T) => new Date(C.start).getTime() - new Date(T.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 = 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()
     );
   }
-  function s(f) {
-    const C = /* @__PURE__ */ new Date(), T = new Date(C.getTime() + 10080 * 60 * 1e3);
-    return f.filter((P) => {
-      if (!P.start) return !1;
-      const E = new Date(P.start);
-      return E >= C && E <= T;
+  function s(_) {
+    const S = /* @__PURE__ */ new Date(), P = new Date(S.getTime() + 10080 * 60 * 1e3);
+    return _.filter((T) => {
+      if (!T.start) return !1;
+      const E = new Date(T.start);
+      return E >= S && E <= P;
     });
   }
-  const p = () => {
+  const c = () => {
     $t();
   };
-  async function _() {
+  async function x() {
     try {
-      const T = (await (await fetch(o)).json()).group.groups.find(
+      const P = (await (await fetch(o)).json()).group.groups.find(
         (w) => w.englishName === "Football"
       );
-      if (!T || !Array.isArray(T.groups)) {
+      if (!P || !Array.isArray(P.groups)) {
         console.error("Football groups not found");
         return;
       }
-      const E = T.groups.slice(0, 5), d = (w) => {
-        const g = "https://us1.offering-api.kambicdn.com/offering/v2018/nexuspe/listView/football";
+      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];
           return [
-            `${g}/${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`
+            `${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`
           ];
         }
         return [
-          `${g}/${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`
+          `${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`
         ];
       }, h = E.flatMap(d);
       $(h);
-    } catch (f) {
-      console.error(f);
+    } catch (_) {
+      console.error(_);
     }
   }
-  async function $(f) {
+  async function $(_) {
     try {
-      const C = await Promise.all(
-        f.map((d) => fetch(d).then((h) => h.json()))
+      const S = await Promise.all(
+        _.map((d) => fetch(d).then((h) => h.json()))
       );
-      let T = [], P = [];
-      C.forEach((d) => {
-        d.events && (T.push(...d.events.map((h) => h.event)), P.push(...d.events.flatMap((h) => h.betOffers || [])));
+      let P = [], T = [];
+      S.forEach((d) => {
+        d.events && (P.push(...d.events.map((h) => h.event)), T.push(...d.events.flatMap((h) => h.betOffers || [])));
       });
-      const E = v(T, P);
-      b(O(s(E)));
-    } catch (C) {
-      console.error("Error loading events:", C);
+      const E = v(P, T);
+      b(k(s(E)));
+    } catch (S) {
+      console.error("Error loading events:", S);
     }
   }
-  function v(f, C) {
-    const P = C.filter((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 f.filter((E) => P[E.id]).map((E) => ({
+    return _.filter((E) => T[E.id]).map((E) => ({
       ...E,
-      outcome: P[E.id]
+      outcome: T[E.id]
     }));
   }
   Q(() => {
-    t && _();
+    t && x();
   }, [t]);
-  const S = l || void 0, I = !x || x.length === 0;
-  return /* @__PURE__ */ e("section", { className: S, style: {
+  const C = u || void 0, N = !g || g.length === 0;
+  return /* @__PURE__ */ e("section", { className: C, style: {
     // paddingLeft: 16,
     width: "100%",
     boxSizing: "border-box"
-  }, children: /* @__PURE__ */ c("div", { className: ce.wrapper, children: [
-    /* @__PURE__ */ e("div", { className: ce.container, children: /* @__PURE__ */ c(B, { direction: "column", spacing: 1.5, useFlexGap: !0, children: [
+  }, 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: ce.buttonWrapper, children: /* @__PURE__ */ e(F, { variant: "secondary", size: "lg", fullWidth: !0, onClick: () => {
-        p();
+      /* @__PURE__ */ e("div", { className: le.buttonWrapper, children: /* @__PURE__ */ e(F, { variant: "secondary", size: "lg", fullWidth: !0, onClick: () => {
+        c();
       }, children: "Ver más" }) })
     ] }) }),
     /* @__PURE__ */ e("div", { style: { minWidth: "180px" }, children: /* @__PURE__ */ e(
       q,
       {
-        ref: r,
-        items: I ? Array(6).fill({}) : x,
+        ref: a,
+        items: N ? Array(6).fill({}) : g,
         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: (f) => I ? /* @__PURE__ */ e(ne, { children: /* @__PURE__ */ e(ao, {}) }) : /* @__PURE__ */ e(ne, { children: /* @__PURE__ */ e(jt, { event: f }) }),
-        onMove: ({ isStart: f, isEnd: C }) => u({ isStart: f, isEnd: C })
+        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 })
       }
     ) })
   ] }) });
@@ -2482,8 +2438,8 @@ function uo({
   backgrounds: t,
   items: n
 }) {
-  const [a, i] = W(0), l = (t == null ? void 0 : t.length) || 1;
-  return /* @__PURE__ */ c(
+  const [r, i] = z(0), u = (t == null ? void 0 : t.length) || 1;
+  return /* @__PURE__ */ l(
     j,
     {
       component: "section",
@@ -2497,7 +2453,7 @@ function uo({
         // pb: { xs: 7, sm: 8 },
       },
       children: [
-        /* @__PURE__ */ c(
+        /* @__PURE__ */ l(
           j,
           {
             sx: {
@@ -2524,8 +2480,8 @@ function uo({
                   },
                   onMove: ({ index: o }) => i(o),
                   renderItem: (o) => {
-                    var r;
-                    return /* @__PURE__ */ c(
+                    var a;
+                    return /* @__PURE__ */ l(
                       j,
                       {
                         sx: {
@@ -2533,7 +2489,7 @@ function uo({
                           height: { xs: 300, sm: 360, md: 420 }
                         },
                         children: [
-                          /* @__PURE__ */ c(
+                          /* @__PURE__ */ l(
                             j,
                             {
                               component: "picture",
@@ -2557,7 +2513,7 @@ function uo({
                                   j,
                                   {
                                     component: "img",
-                                    src: (r = o.fallbackSrc) != null ? r : o.desktopSrc,
+                                    src: (a = o.fallbackSrc) != null ? a : o.desktopSrc,
                                     alt: "",
                                     "aria-hidden": !0,
                                     loading: "lazy",
@@ -2609,7 +2565,7 @@ function uo({
                     justifyContent: "center",
                     zIndex: 2
                   },
-                  children: /* @__PURE__ */ e(ke, { total: l, active: a })
+                  children: /* @__PURE__ */ e($e, { total: u, active: r })
                 }
               )
             ]
@@ -2637,7 +2593,7 @@ function uo({
               boxShadow: "0 10px 24px rgba(0,0,0,.35)",
               zIndex: 3
             },
-            children: n == null ? void 0 : n.map((o) => /* @__PURE__ */ c(
+            children: n == null ? void 0 : n.map((o) => /* @__PURE__ */ l(
               j,
               {
                 sx: {
@@ -2652,9 +2608,9 @@ function uo({
                   whiteSpace: "nowrap"
                 },
                 onClick: () => {
-                  var r;
+                  var a;
                   if (o.onClick) return o.onClick();
-                  if (o.href) return window.location.href = (r = o.href) != null ? r : "/#";
+                  if (o.href) return window.location.href = (a = o.href) != null ? a : "/#";
                 },
                 children: [
                   o.icon && /* @__PURE__ */ e(
@@ -2671,7 +2627,7 @@ function uo({
                     }
                   ),
                   /* @__PURE__ */ e(
-                    we,
+                    Se,
                     {
                       sx: {
                         fontSize: { xs: 10, sm: 11, md: 12 },
@@ -2707,10 +2663,10 @@ function mo({
   title: t = "Medios de pago",
   rows: n = po
 }) {
-  const a = n.flat();
-  return /* @__PURE__ */ c(j, { component: "section", "aria-labelledby": "mp-title", sx: { color: "#fff" }, children: [
+  const r = n.flat();
+  return /* @__PURE__ */ l(j, { component: "section", "aria-labelledby": "mp-title", sx: { color: "#fff" }, children: [
     /* @__PURE__ */ e(
-      we,
+      Se,
       {
         id: "mp-title",
         variant: "h6",
@@ -2737,8 +2693,8 @@ function mo({
         }
       }
     ),
-    /* @__PURE__ */ e(j, { sx: { display: { xs: "block", md: "none" } }, children: n.map((i, l) => /* @__PURE__ */ e(
-      Se,
+    /* @__PURE__ */ e(j, { sx: { display: { xs: "block", md: "none" } }, children: n.map((i, u) => /* @__PURE__ */ e(
+      Ce,
       {
         direction: "row",
         justifyContent: "center",
@@ -2747,7 +2703,7 @@ function mo({
         flexWrap: "wrap",
         children: i.map((o) => /* @__PURE__ */ e(ge, { ...o }, `${o.src}-${o.alt}`))
       },
-      l
+      u
     )) }),
     /* @__PURE__ */ e(
       j,
@@ -2761,7 +2717,7 @@ function mo({
           gridTemplateColumns: { md: "repeat(auto-fit, 160px)" },
           justifyContent: { md: "center" }
         },
-        children: a.map((i) => /* @__PURE__ */ e(ge, { ...i }, `${i.src}-${i.alt}`))
+        children: r.map((i) => /* @__PURE__ */ e(ge, { ...i }, `${i.src}-${i.alt}`))
       }
     )
   ] });
@@ -2784,52 +2740,52 @@ const ho = {
     ([t, n]) => fo(t) && go(n)
   )
 );
-class _e extends Error {
-  constructor(n, a, i) {
-    super(`HTTP ${n} ${i}`), this.status = n, this.url = a, this.statusText = i, this.name = "HttpError";
+class ve extends Error {
+  constructor(n, r, i) {
+    super(`HTTP ${n} ${i}`), this.status = n, this.url = r, this.statusText = i, this.name = "HttpError";
   }
 }
-const ve = [
+const ye = [
   "OraculoSeccionEventoEnVivo",
   "OraculoSeccionEventoSemana",
   "OraculoSeccionEventoCombinadas"
-], To = ({
+], Po = ({
   sectionsOverride: t,
   docId: n = "home",
-  db: a
+  db: r
 }) => {
-  const [i, l] = W(
+  const [i, u] = z(
     []
-  ), [o, r] = W(!1), [m, u] = W({}), [x, b] = W({}), [O, s] = W({}), p = Be("(min-width:1024px)");
+  ), [o, a] = z(!1), [p, m] = z({}), [g, b] = z({}), [k, s] = z({}), c = Me("(min-width:1024px)");
   Q(() => {
-    if (t || !a) return;
-    r(!0);
-    const d = Ue(
-      De(a, "landings", n),
+    if (t || !r) return;
+    a(!0);
+    const d = De(
+      Ve(r, "landings", n),
       (h) => {
         var w;
         try {
-          let g = h.exists() ? ((w = h.data()) == null ? void 0 : w.sections) || [] : [];
-          g = g.slice().sort((y, N) => {
-            var R, L;
-            return ((R = y.order) != null ? R : 0) - ((L = N.order) != null ? L : 0);
-          }).map((y, N) => ({ ...y, order: N + 1 })), l(g), console.log("fetched: ", g);
-        } catch (g) {
-          console.error("Error procesando landings/" + n, g);
+          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);
         } finally {
-          r(!1);
+          a(!1);
         }
       },
       (h) => {
-        console.error("Error escuchando landings/" + n, h), r(!1);
+        console.error("Error escuchando landings/" + n, h), a(!1);
       }
     );
     return () => d();
-  }, [t, n, a]), Q(() => {
+  }, [t, n, r]), Q(() => {
     (t ? t.slice() : i.slice()).map((w) => w.componentKey).filter((w) => !!w).length;
   }, [t, i]);
-  const _ = async (d) => {
-    if (ve.includes(d.componentKey))
+  const x = async (d) => {
+    if (ye.includes(d.componentKey))
       return {
         // whatever empty structure your UI expects
         items: [],
@@ -2838,135 +2794,135 @@ const ve = [
       };
     const h = (d.apiUrl || "").trim();
     if (!h) return;
-    const w = d.apiMethod || "GET", g = d.apiParams || [];
-    let y = h, N, R;
+    const w = d.apiMethod || "GET", f = d.apiParams || [];
+    let y = h, I, B;
     if (w === "GET") {
-      const z = new URL(
+      const W = new URL(
         h,
         typeof window == "undefined" ? "http://localhost" : window.location.origin
       );
-      for (const A of g)
-        A.key && z.searchParams.append(A.key, A.value);
-      y = z.toString();
+      for (const A of f)
+        A.key && W.searchParams.append(A.key, A.value);
+      y = W.toString();
     } else {
-      const z = new URLSearchParams();
-      for (const A of g)
-        A.key && z.append(A.key, A.value);
-      N = z.toString(), R = {
+      const W = new URLSearchParams();
+      for (const A of f)
+        A.key && W.append(A.key, A.value);
+      I = W.toString(), B = {
         "Content-Type": "application/x-www-form-urlencoded; charset=UTF-8"
       };
     }
     const L = await fetch(y, {
       method: w,
-      headers: R,
-      body: N
+      headers: B,
+      body: I
     });
-    if (!L.ok) throw new _e(L.status, y, L.statusText);
+    if (!L.ok) throw new ve(L.status, y, L.statusText);
     return L.json();
-  }, $ = le(
+  }, $ = oe(
     () => t ? t.slice() : i.slice(),
     [t, i]
-  ), v = Fe.useRef(/* @__PURE__ */ new Set());
+  ), 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 g = `${h.id}|${w}`;
-        v.current.has(g) || (v.current.add(g), b((y) => ({ ...y, [h.id]: !0 })), s((y) => ({ ...y, [h.id]: "" })), (async () => {
+        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 () => {
           try {
-            const y = await _(h);
-            u((N) => ({ ...N, [h.id]: y }));
+            const y = await x(h);
+            m((I) => ({ ...I, [h.id]: y }));
           } catch (y) {
-            let N = "Error desconocido";
-            y instanceof _e ? N = `Error HTTP ${y.status} (${y.statusText}) en ${y.url}` : y instanceof SyntaxError ? N = "Respuesta no es JSON válido" : y instanceof TypeError ? N = "Fallo de red / CORS / conexión" : typeof y == "string" && (N = y.toString()), s((R) => ({ ...R, [h.id]: N }));
+            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 }));
           } finally {
             b((y) => ({ ...y, [h.id]: !1 }));
           }
         })());
       }
   }, [$]);
-  const S = le(
+  const C = oe(
     () => $.filter((d) => d.visible).sort((d, h) => d.order - h.order),
     [$]
-  ), I = (d) => Array.isArray(d) ? d.map((h) => {
+  ), N = (d) => Array.isArray(d) ? d.map((h) => {
     const w = {};
-    for (const g of h.fields || []) {
-      const y = (g.type || "string").toLowerCase();
+    for (const f of h.fields || []) {
+      const y = (f.type || "string").toLowerCase();
       if (y === "number") {
-        const N = String(g.value || "").trim();
-        if (N !== "") {
-          const R = Number(N);
-          Number.isNaN(R) || (w[g.name] = R);
+        const I = String(f.value || "").trim();
+        if (I !== "") {
+          const B = Number(I);
+          Number.isNaN(B) || (w[f.name] = B);
         }
       } else if (y === "boolean")
-        w[g.name] = String(g.value).toLowerCase() === "true";
+        w[f.name] = String(f.value).toLowerCase() === "true";
       else if (y === "function") {
-        const N = String(g.value || "").trim();
-        if (N)
+        const I = String(f.value || "").trim();
+        if (I)
           try {
-            const R = new Function(N);
-            w[g.name] = R;
-          } catch (R) {
-            console.error(`❌ Error creando función en item '${g.name}':`, R);
+            const B = new Function(I);
+            w[f.name] = B;
+          } catch (B) {
+            console.error(`❌ Error creando función en item '${f.name}':`, B);
           }
-      } else w[g.name] = g.value;
+      } else w[f.name] = f.value;
     }
     return w;
-  }) : [], f = (d) => {
+  }) : [], _ = (d) => {
     const h = {};
     if (!Array.isArray(d)) return h;
     for (const w of d) {
       if (!w.name) continue;
-      const g = (w.type || "string").toLowerCase();
-      if (g === "number") {
+      const f = (w.type || "string").toLowerCase();
+      if (f === "number") {
         const y = String(w.value || "").trim();
         if (y !== "") {
-          const N = Number(y);
-          Number.isNaN(N) || (h[w.name] = N);
+          const I = Number(y);
+          Number.isNaN(I) || (h[w.name] = I);
         }
-      } else if (g === "boolean")
+      } else if (f === "boolean")
         h[w.name] = String(w.value).toLowerCase() === "true";
-      else if (g === "function") {
+      else if (f === "function") {
         const y = String(w.value || "").trim();
         if (y)
           try {
-            const N = new Function(y);
-            h[w.name] = N;
-          } catch (N) {
-            console.error(`❌ Error creando función en item '${w.name}':`, N);
+            const I = new Function(y);
+            h[w.name] = I;
+          } catch (I) {
+            console.error(`❌ Error creando función en item '${w.name}':`, I);
           }
       } else h[w.name] = w.value;
     }
     return h;
-  }, C = (d, h, w) => {
-    const g = w ? { ...w } : {};
+  }, S = (d, h, w) => {
+    const f = w ? { ...w } : {};
     if (h) {
       const A = (h.variableName || "items").trim() || "items";
-      return g[A] = h.arr || [], g;
+      return f[A] = h.arr || [], f;
     }
-    const y = d, N = Array.isArray(y), R = !N && typeof y == "object" && y !== null ? y : void 0, L = R && Array.isArray(R.lobby || R.items) ? R.lobby || R.items : void 0, z = (A) => N ? y : L || A;
-    return g.items = z(L || []), g;
-  }, T = (d) => {
-    var N;
-    const h = !!((N = d.apiUrl) != null && N.trim()), w = h ? m[d.id] : void 0;
-    let g = d.props ? { ...d.props } : {};
-    const y = f(d.manualScalarFields);
-    if (ve.includes(d.componentKey))
-      return { items: w, ...g, ...y };
-    if (g = { ...g, ...y }, h) g = C(w, null, g);
+    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) => {
+    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 R = I(d.manualItems);
-      if (g = C(
+      const B = N(d.manualItems);
+      if (f = S(
         null,
-        { arr: R, variableName: d.variableName },
-        g
+        { arr: B, variableName: d.variableName },
+        f
       ), d.variableName2 && d.manualItems2) {
-        const L = I(d.manualItems2), z = (d.variableName2 || "items2").trim() || "items2";
-        g[z] = L;
+        const L = N(d.manualItems2), W = (d.variableName2 || "items2").trim() || "items2";
+        f[W] = L;
       }
     }
-    return g;
-  }, P = (d, h, w) => /* @__PURE__ */ e("div", { className: `mx-4 p-4 rounded ${{
+    return f;
+  }, T = (d, h, w) => /* @__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"
@@ -2974,32 +2930,32 @@ const ve = [
     var me;
     const h = d.componentKey, w = xo[h];
     if (!w)
-      return console.warn(`No hay componente registrado para "${h}"`), P(
+      return console.warn(`No hay componente registrado para "${h}"`), T(
         d.id,
         "component",
         `Componente "${h}" no encontrado`
       );
-    const g = !!((me = d.apiUrl) != null && me.trim()), y = g ? m[d.id] : void 0, N = g ? !!x[d.id] : !1, R = g ? O[d.id] : "";
-    if (g) {
-      if (N && !y)
-        return P(
+    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,
           "loading",
           `Cargando datos desde ${d.apiUrl}...`
         );
-      if (R && !y)
-        return P(
+      if (B && !y)
+        return T(
           d.id,
           "error",
-          `Error cargando ${d.apiUrl}: ${R}`
+          `Error cargando ${d.apiUrl}: ${B}`
         );
     }
-    const L = T(d), A = (/* @__PURE__ */ new Set([
+    const L = P(d), A = (/* @__PURE__ */ new Set([
       "OraculoSeccionBanners",
       "OraculoSeccionBonoBienvenida",
       "OraculoSeccionCasinoEnVivo",
-      p ? "" : "OraculoSeccionClubOlimpo"
-    ])).has(d.componentKey), Y = p ? 120 : 24;
+      c ? "" : "OraculoSeccionClubOlimpo"
+    ])).has(d.componentKey), Y = c ? 120 : 24;
     return /* @__PURE__ */ e("div", { style: A ? {
       width: "100%",
       boxSizing: "border-box"
@@ -3011,7 +2967,7 @@ const ve = [
     }, children: /* @__PURE__ */ e(w, { ...L }) }, d.id);
   };
   return o && !t ? /* @__PURE__ */ e("div", { className: "text-xs text-gray-400", children: "Cargando preview..." }) : !o && !t && i.length === 0 ? /* @__PURE__ */ e("div", { className: "text-xs text-gray-500", children: "Sin secciones (Firestore)" }) : /* @__PURE__ */ e(
-    Me,
+    Fe,
     {
       className: "oli-font",
       maxWidth: !1,
@@ -3025,32 +2981,32 @@ const ve = [
         maxWidth: "100%",
         overflowX: "hidden"
       },
-      children: /* @__PURE__ */ e(Se, { direction: "column", spacing: 8, useFlexGap: !0, children: S.map(E) })
+      children: /* @__PURE__ */ e(Ce, { direction: "column", spacing: 8, useFlexGap: !0, children: C.map(E) })
     }
   );
 };
 export {
   F as OraculoButton,
   q as OraculoCarousel,
-  ke as OraculoCarouselDots,
+  $e as OraculoCarouselDots,
   xt as OraculoClubOlimpoVisual,
-  Nt as OraculoEventCombinadasCard,
-  Tt as OraculoEventEnVivoCard,
-  Qe as OraculoEventHeader,
-  $e as OraculoEventLabel,
-  Oe as OraculoEventLeague,
+  It as OraculoEventCombinadasCard,
+  Pt as OraculoEventEnVivoCard,
+  Ye as OraculoEventHeader,
+  Oe as OraculoEventLabel,
+  Ie as OraculoEventLeague,
   Ne as OraculoEventScore,
-  jt as OraculoEventSemanaCard,
-  Xe as OraculoEventStatus,
-  Je as OraculoEventStatusBadge,
-  oe as OraculoEventTeamInfo,
+  zt as OraculoEventSemanaCard,
+  Qe as OraculoEventStatus,
+  Xe as OraculoEventStatusBadge,
+  ne as OraculoEventTeamInfo,
   te as OraculoGameCard,
-  ht as OraculoGameRankCard,
-  Ie as OraculoGameSlide,
+  gt as OraculoGameRankCard,
+  Te as OraculoGameSlide,
   V as OraculoGridGroup,
-  gt as OraculoLiveCasinoCard,
+  ft as OraculoLiveCasinoCard,
   ge as OraculoLogoMediosPago,
-  To as OraculoPageLandingPreview,
+  Po as OraculoPageLandingPreview,
   uo as OraculoSeccionBanners,
   Xt as OraculoSeccionBonoBienvenida,
   Ht as OraculoSeccionCasino,
@@ -3065,7 +3021,7 @@ export {
   qt as OraculoSeccionVirtuales,
   K as OraculoSectionTitle,
   Gt as OraculoTopJuegoItem,
-  ft as OraculoWelcomeBanner,
-  To as default
+  fe as OraculoWelcomeBanner,
+  Po as default
 };
 //# sourceMappingURL=index.es.js.map