oraculo-ui 0.1.54 → 0.1.56

package/dist/index.es.js

@@ -1,88 +1,88 @@
-import { jsx as e, jsxs as u, Fragment as Z } from "react/jsx-runtime";
-import { Link as ve, Box as j, Typography as ye, Stack as we, useMediaQuery as Pe, Container as Be } from "@mui/material";
-import Fe, { forwardRef as Le, useRef as A, useImperativeHandle as We, useCallback as me, useState as U, useMemo as ce, useLayoutEffect as Ue, useEffect as Q } from "react";
-import { Splide as ze, SplideSlide as je } from "@splidejs/react-splide";
+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 Le, { forwardRef as Fe, 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 F from "@mui/material/Skeleton";
+import M from "@mui/material/Skeleton";
 import D from "@mui/material/Typography";
 import B from "@mui/material/Stack";
-import { ChevronLeftRounded as le, ChevronRightRounded as de } from "@mui/icons-material";
-import Se from "@mui/icons-material/ChevronLeftRounded";
-import Ce from "@mui/icons-material/ChevronRightRounded";
-import Me from "@mui/material/useMediaQuery";
-import { onSnapshot as Ae, doc as Ge } from "firebase/firestore";
+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";
 function L({
   children: t,
-  onClick: r,
+  onClick: n,
   href: a,
-  target: o,
-  rel: c,
-  type: n = "button",
-  disabled: i = !1,
+  target: i,
+  rel: l,
+  type: o = "button",
+  disabled: r = !1,
   variant: m = "primary",
-  size: d,
-  fullWidth: f = !1,
-  fullHeight: x = !1,
-  className: I = "",
+  size: u,
+  fullWidth: x = !1,
+  fullHeight: b = !1,
+  className: O = "",
   ariaLabel: s,
-  leftIcon: l,
-  rightIcon: h,
-  iconOnly: S
+  leftIcon: p,
+  rightIcon: _,
+  iconOnly: $
 }) {
-  const g = !!t && t !== !0, v = (!!l ? 1 : 0) + (!!h ? 1 : 0) == 1, E = S != null ? S : v && !g, T = [
+  const v = !!t && t !== !0, f = (!!p ? 1 : 0) + (!!_ ? 1 : 0) == 1, C = $ != null ? $ : f && !v, T = [
     "orc-btn",
     m === "secondary" ? "orc-btn--secondary" : m === "tertiary" ? "orc-btn--tertiary" : "orc-btn--primary",
-    d ? `orc-btn--${d}` : "",
-    f ? "orc-btn--full" : "",
-    x ? "orc-btn--fullHeight" : "",
-    E ? "orc-btn--iconOnly" : "",
-    I
-  ].filter(Boolean).join(" "), R = /* @__PURE__ */ u(Z, { children: [
-    l && /* @__PURE__ */ e("span", { className: "orc-btn__icon", children: l }),
-    !E && /* @__PURE__ */ e("span", { className: "orc-btn__label", children: t }),
-    h && /* @__PURE__ */ e("span", { className: "orc-btn__icon", children: h })
-  ] }), $ = i ? !0 : void 0;
+    u ? `orc-btn--${u}` : "",
+    x ? "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(
-    ve,
+    ye,
     {
       href: a,
-      target: o,
-      rel: c,
+      target: i,
+      rel: l,
       "aria-label": s,
-      "aria-disabled": $,
-      tabIndex: $ ? -1 : void 0,
+      "aria-disabled": E,
+      tabIndex: E ? -1 : void 0,
       className: T,
-      onClick: $ ? (p) => p.preventDefault() : r,
-      children: R
+      onClick: E ? (d) => d.preventDefault() : n,
+      children: P
     }
   ) : /* @__PURE__ */ e(
     "button",
     {
-      type: n,
-      onClick: r,
-      disabled: !!$,
+      type: o,
+      onClick: n,
+      disabled: !!E,
       "aria-label": s,
       className: T,
-      children: R
+      children: P
     }
   );
 }
 function K({
   title: t,
-  iconUrl: r,
+  iconUrl: n,
   size: a = "md",
-  className: o = ""
+  className: i = ""
 }) {
-  const n = [
+  const o = [
     "orc-section-title",
     a ? `orc-section-title--${a}` : "",
-    o
+    i
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ u("div", { className: n, children: [
-    r && /* @__PURE__ */ e(
+  return /* @__PURE__ */ c("div", { className: o, children: [
+    n && /* @__PURE__ */ e(
       "img",
       {
-        src: r,
+        src: n,
         alt: "",
         className: "orc-section-title__icon"
       }
@@ -90,49 +90,49 @@ function K({
     /* @__PURE__ */ e("h2", { className: "orc-section-title__title", children: t })
   ] });
 }
-const Ee = ({
+const ke = ({
   total: t,
-  active: r,
+  active: n,
   onSelect: a,
-  className: o = ""
+  className: i = ""
 }) => {
   if (t <= 1) return null;
-  const c = ["orc-dots", o].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e("div", { className: c, role: "tablist", children: Array.from({ length: t }).map((n, i) => /* @__PURE__ */ e("span", { className: "orc-dots__cell", children: /* @__PURE__ */ e(
+  const l = ["orc-dots", i].filter(Boolean).join(" ");
+  return /* @__PURE__ */ e("div", { className: l, role: "tablist", children: Array.from({ length: t }).map((o, r) => /* @__PURE__ */ e("span", { className: "orc-dots__cell", children: /* @__PURE__ */ e(
     "button",
     {
       type: "button",
       role: "tab",
-      "aria-selected": i === r,
-      "aria-label": `Ir al slide ${i + 1}`,
-      className: "orc-dots__dot" + (i === r ? " orc-dots__dot--active" : ""),
-      onClick: () => a == null ? void 0 : a(i)
+      "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)
     }
-  ) }, i)) });
+  ) }, r)) });
 };
-function H({
+function V({
   children: t,
-  minWidth: r = 32,
+  minWidth: n = 32,
   spacing: a = 2,
-  justify: o = "stretch",
-  columns: c = null
+  justify: i = "stretch",
+  columns: l = null
 }) {
-  const n = c || `repeat(auto-fit, minmax(${r}px, 1fr))`, i = typeof a == "number" ? `${a * 8}px` : a;
+  const o = l || `repeat(auto-fit, minmax(${n}px, 1fr))`, r = typeof a == "number" ? `${a * 8}px` : a;
   return /* @__PURE__ */ e(
     "div",
     {
       style: {
         display: "grid",
-        gridTemplateColumns: n,
-        justifyItems: o,
-        gap: i,
+        gridTemplateColumns: o,
+        justifyItems: i,
+        gap: r,
         height: "inherit"
       },
       children: t
     }
   );
 }
-function he({ src: t, alt: r }) {
+function ge({ src: t, alt: n }) {
   return /* @__PURE__ */ e(
     j,
     {
@@ -149,7 +149,7 @@ function he({ src: t, alt: r }) {
         {
           component: "img",
           src: t,
-          alt: r,
+          alt: n,
           sx: {
             position: "absolute",
             top: 0,
@@ -163,16 +163,16 @@ function he({ src: t, alt: r }) {
     }
   );
 }
-const De = "oraculo__OraculoEventTitle-module__contenedor___rg1vw", He = "oraculo__OraculoEventTitle-module__flexGroup___jMLFO", Ve = "oraculo__OraculoEventTitle-module__subtitle___TmHna", re = {
-  contenedor: De,
+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: Ve
+  subtitle: Ke
 };
-function Ke({ title: t, subtitle: r }) {
-  return /* @__PURE__ */ u(
+function qe({ title: t, subtitle: n }) {
+  return /* @__PURE__ */ c(
     "div",
     {
-      className: re.contenedor,
+      className: ae.contenedor,
       children: [
         /* @__PURE__ */ e(
           "span",
@@ -185,17 +185,17 @@ function Ke({ title: t, subtitle: r }) {
             children: t
           }
         ),
-        r && /* @__PURE__ */ u(
+        n && /* @__PURE__ */ c(
           "div",
           {
-            className: re.flexGroup,
+            className: ae.flexGroup,
             children: [
-              /* @__PURE__ */ u("svg", { width: "4", height: "4", viewBox: "0 0 5 5", xmlns: "http://www.w3.org/2000/svg", style: { flexShrink: 0 }, 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__ */ e("circle", { cx: "2.5", cy: "2.5", r: "2.5", fill: "white" }),
                 " "
               ] }),
-              /* @__PURE__ */ e("span", { className: re.subtitle, children: r }),
+              /* @__PURE__ */ e("span", { className: ae.subtitle, children: n }),
               /* @__PURE__ */ e("div", {})
             ]
           }
@@ -204,13 +204,13 @@ function Ke({ title: t, subtitle: r }) {
     }
   );
 }
-function qe({ text: t, color: r = "#ff3b3b", textColor: a = "#fff" }) {
+function Je({ text: t, color: n = "#ff3b3b", textColor: a = "#fff" }) {
   return /* @__PURE__ */ e(
     "span",
     {
       className: "oli-font",
       style: {
-        backgroundColor: r,
+        backgroundColor: n,
         color: a,
         borderRadius: "8px",
         padding: "4px 8px",
@@ -225,14 +225,14 @@ function qe({ text: t, color: r = "#ff3b3b", textColor: a = "#fff" }) {
     }
   );
 }
-function Je({ live: t, time: r }) {
-  return /* @__PURE__ */ u("div", { className: "oli-font", style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
-    t && /* @__PURE__ */ e(qe, { text: "En vivo" }),
-    r && /* @__PURE__ */ e("span", { style: { fontSize: "14px", fontWeight: 400, lineHeight: "18px", paddingTop: "4px" }, children: r })
+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" }),
+    n && /* @__PURE__ */ e("span", { style: { fontSize: "14px", fontWeight: 400, lineHeight: "18px", paddingTop: "4px" }, children: n })
   ] });
 }
-function Xe({ title: t, subtitle: r, live: a = !1, time: o = "" }) {
-  return /* @__PURE__ */ u(
+function Qe({ title: t, subtitle: n, live: a = !1, time: i = "" }) {
+  return /* @__PURE__ */ c(
     "div",
     {
       style: {
@@ -242,92 +242,92 @@ function Xe({ title: t, subtitle: r, live: a = !1, time: o = "" }) {
         color: "#FFFFFF"
       },
       children: [
-        /* @__PURE__ */ e(Ke, { title: t, subtitle: r }),
-        /* @__PURE__ */ e(Je, { live: a, time: o })
+        /* @__PURE__ */ e(qe, { title: t, subtitle: n }),
+        /* @__PURE__ */ e(Xe, { live: a, time: i })
       ]
     }
   );
 }
-const Qe = "oraculo__OraculoEventLabel-module__label___c64Xw", Ye = {
-  label: Qe
+const Ye = "oraculo__OraculoEventLabel-module__label___c64Xw", Ze = {
+  label: Ye
 };
-function Ie({ text: t }) {
-  return /* @__PURE__ */ e("span", { className: Ye.label, children: t });
+function $e({ text: t }) {
+  return /* @__PURE__ */ e("span", { className: Ze.label, children: t });
 }
-const Ze = "oraculo__OraculoEventLeague-module__container___rdk4F", et = {
-  container: Ze
+const et = "oraculo__OraculoEventLeague-module__container___rdk4F", tt = {
+  container: et
 };
-function $e({ title: t }) {
-  return /* @__PURE__ */ e("div", { className: et.container, children: t.toUpperCase() });
+function Oe({ title: t }) {
+  return /* @__PURE__ */ e("div", { className: tt.container, children: t.toUpperCase() });
 }
-const tt = "oraculo__OraculoEventScore-module__scoreWrapper___fWwEr", nt = "oraculo__OraculoEventScore-module__name___r4uL6", ot = "oraculo__OraculoEventScore-module__score___Xl03M", rt = "oraculo__OraculoEventScore-module__normal___cCNFz", at = "oraculo__OraculoEventScore-module__small___fVt8E", X = {
-  scoreWrapper: tt,
+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: ot,
-  normal: rt,
-  small: at
+  score: rt,
+  normal: at,
+  small: it
 };
-function ke({ text: t, name: r, size: a = "normal" }) {
-  return /* @__PURE__ */ u(
+function Ne({ text: t, name: n, size: a = "normal" }) {
+  return /* @__PURE__ */ c(
     "div",
     {
       className: `${X.scoreWrapper} ${X[a]}`,
       children: [
         /* @__PURE__ */ e("div", { className: `${X.score} ${X[a]}`, children: t }),
-        r && /* @__PURE__ */ e("span", { className: `${X.name} ${X[a]}`, children: r })
+        n && /* @__PURE__ */ e("span", { className: `${X.name} ${X[a]}`, children: n })
       ]
     }
   );
 }
-const it = "oraculo__OraculoEventTeamInfo-module__team___UfpUs", st = "oraculo__OraculoEventTeamInfo-module__regular___ag826", ct = "oraculo__OraculoEventTeamInfo-module__compact___RCNOs", lt = "oraculo__OraculoEventTeamInfo-module__logo___fKCl3", dt = "oraculo__OraculoEventTeamInfo-module__name___4ikm-", ee = {
-  team: it,
-  regular: st,
-  compact: ct,
-  logo: lt,
-  name: dt
+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
 };
-function ne({ name: t, logo: r, size: a = "regular" }) {
-  return /* @__PURE__ */ u("div", { className: `oli-font ${ee.team} ${ee[a]}`, children: [
-    /* @__PURE__ */ e("img", { loading: "lazy", src: r, alt: t, className: ee.logo }),
+function oe({ name: t, logo: n, size: a = "regular" }) {
+  return /* @__PURE__ */ c("div", { className: `oli-font ${ee.team} ${ee[a]}`, children: [
+    /* @__PURE__ */ e("img", { loading: "lazy", src: n, alt: t, className: ee.logo }),
     /* @__PURE__ */ e("span", { className: ee.name, children: t })
   ] });
 }
-const ut = ze, pt = je, q = Le(
+const pt = je, mt = Ae, q = Fe(
   ({
     items: t = [],
-    renderItem: r,
+    renderItem: n,
     perPage: a = 1,
-    gap: o = "0px",
-    breakpoints: c,
-    options: n = {},
-    className: i = "",
+    gap: i = "0px",
+    breakpoints: l,
+    options: o = {},
+    className: r = "",
     onMove: m,
-    useIndexAsKey: d = !1
-  }, f) => {
-    const x = A(null);
-    We(f, () => ({
+    useIndexAsKey: u = !1
+  }, x) => {
+    const b = G(null);
+    We(x, () => ({
       next: () => {
-        var h;
-        return (h = x.current) == null ? void 0 : h.go(">");
+        var _;
+        return (_ = b.current) == null ? void 0 : _.go(">");
       },
       prev: () => {
-        var h;
-        return (h = x.current) == null ? void 0 : h.go("<");
+        var _;
+        return (_ = b.current) == null ? void 0 : _.go("<");
       },
-      go: (h) => {
-        var S;
-        return (S = x.current) == null ? void 0 : S.go(h);
+      go: (_) => {
+        var $;
+        return ($ = b.current) == null ? void 0 : $.go(_);
       }
     }));
-    const I = me((h) => {
-      const S = h.Components.Controller, g = S.getIndex(), y = S.getEnd(), O = g === 0, v = g >= y, E = h.Components.Slides.getLength();
-      m == null || m({ index: g, isStart: O, isEnd: v, total: E });
-    }, [m]), s = me(
-      (h) => {
-        I(h);
+    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(_);
       },
-      [I]
-    ), l = {
+      [O]
+    ), p = {
       type: "slide",
       trimSpace: !1,
       drag: !0,
@@ -337,37 +337,37 @@ const ut = ze, pt = je, q = Le(
       focus: "start",
       autoWidth: !1,
       perPage: a,
-      gap: o,
-      breakpoints: c,
-      ...n
+      gap: i,
+      breakpoints: l,
+      ...o
     };
-    return /* @__PURE__ */ e("div", { className: i, style: { width: "100%" }, children: /* @__PURE__ */ e(
-      ut,
+    return /* @__PURE__ */ e("div", { className: r, style: { width: "100%" }, children: /* @__PURE__ */ e(
+      pt,
       {
-        ref: x,
-        options: l,
-        onMove: I,
+        ref: b,
+        options: p,
+        onMove: O,
         onMounted: s,
-        children: t.map((h, S) => {
-          var g;
-          return /* @__PURE__ */ e(pt, { children: r(h, S) }, d ? S : (g = h.id) != null ? g : S);
+        children: t.map((_, $) => {
+          var v;
+          return /* @__PURE__ */ e(mt, { children: n(_, $) }, u ? $ : (v = _.id) != null ? v : $);
         })
       }
     ) });
   }
 ), te = ({
   imageUrl: t,
-  onClick: r,
+  onClick: n,
   size: a = "sm",
-  fillParent: o = !1
+  fillParent: i = !1
 }) => {
-  const c = a === "lg" ? { w: 280, h: 352 } : { w: 152, h: 168 }, n = (m) => {
-    m.stopPropagation(), r == null || r();
-  }, i = o ? { width: "100%", height: "100%" } : { width: `${c.w}px`, height: `${c.h}px` };
-  return /* @__PURE__ */ u(
+  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,
     {
-      onClick: r,
+      onClick: n,
       role: "button",
       sx: {
         position: "relative",
@@ -375,7 +375,7 @@ const ut = ze, pt = je, q = Le(
         overflow: "hidden",
         boxSizing: "border-box",
         transition: "transform .15s ease, box-shadow .15s ease",
-        ...i,
+        ...r,
         "&:hover": {
           transform: "translateY(-2px)",
           boxShadow: 8,
@@ -435,49 +435,49 @@ const ut = ze, pt = je, q = Le(
               transition: "opacity .15s ease, transform .15s ease",
               pointerEvents: "none"
             },
-            children: /* @__PURE__ */ e(L, { variant: "primary", size: "md", onClick: n, children: "JUGAR" })
+            children: /* @__PURE__ */ e(L, { variant: "primary", size: "md", onClick: o, children: "JUGAR" })
           }
         )
       ]
     }
   );
 };
-function mt({
+function ht({
   imageUrl: t,
-  orden: r = 1,
+  orden: n = 1,
   onClick: a,
-  loading: o = !1,
-  sizes: c = {
+  loading: i = !1,
+  sizes: l = {
     xs: { w: 104, h: 112, r: 18, font: 48 },
     md: { w: 186, h: 264, r: 22.6, font: 64 }
   }
 }) {
-  var I, s, l, h;
-  const n = (S, g) => {
-    var y, O, v, E;
+  var O, s, p, _;
+  const o = ($, v) => {
+    var S, I, f, C;
     return {
-      xs: (O = (y = c.xs) == null ? void 0 : y[S]) != null ? O : g,
-      md: (E = (v = c.md) == null ? void 0 : v[S]) != null ? E : g
+      xs: (I = (S = l.xs) == null ? void 0 : S[$]) != null ? I : v,
+      md: (C = (f = l.md) == null ? void 0 : f[$]) != null ? C : v
     };
-  }, i = n("w", 186), m = n("h", 264), d = n("r", 22.6), f = n("font", 64), x = {
-    xs: Math.round(((s = (I = c.xs) == null ? void 0 : I.font) != null ? s : 64) * 0.28),
-    md: Math.round(((h = (l = c.md) == null ? void 0 : l.font) != null ? h : 64) * 0.28)
+  }, 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)
   };
-  return /* @__PURE__ */ u(
+  return /* @__PURE__ */ c(
     k,
     {
       sx: {
         position: "relative",
         width: "100%",
-        maxWidth: { xs: `${i.xs}px`, md: `${i.md}px` },
+        maxWidth: { xs: `${r.xs}px`, md: `${r.md}px` },
         aspectRatio: {
-          xs: `${i.xs}/${m.xs}`,
-          md: `${i.md}/${m.md}`
+          xs: `${r.xs}/${m.xs}`,
+          md: `${r.md}/${m.md}`
         },
-        borderRadius: { xs: `${d.xs}px`, md: `${d.md}px` },
+        borderRadius: { xs: `${u.xs}px`, md: `${u.md}px` },
         boxSizing: "border-box",
         overflow: "visible",
-        pb: { xs: `${x.xs}px`, md: `${x.md}px` },
+        pb: { xs: `${b.xs}px`, md: `${b.md}px` },
         "&::before": {
           content: '""',
           position: "absolute",
@@ -499,8 +499,8 @@ function mt({
               borderRadius: "inherit",
               overflow: "hidden"
             },
-            children: o ? /* @__PURE__ */ e(
-              F,
+            children: i ? /* @__PURE__ */ e(
+              M,
               {
                 variant: "rectangular",
                 width: "100%",
@@ -532,13 +532,13 @@ function mt({
               position: "absolute",
               left: 8,
               bottom: {
-                xs: `-${x.xs}px`,
-                md: `-${x.md}px`
+                xs: `-${b.xs}px`,
+                md: `-${b.md}px`
               },
               fontFamily: "secondary",
               fontSize: {
-                xs: `${f.xs}px`,
-                md: `${f.md}px`
+                xs: `${x.xs}px`,
+                md: `${x.md}px`
               },
               lineHeight: 1,
               color: "#3CC666",
@@ -546,25 +546,25 @@ function mt({
               zIndex: 3,
               userSelect: "none"
             },
-            children: r
+            children: n
           }
         )
       ]
     }
   );
 }
-const ht = ({
+const gt = ({
   logo: t,
-  provider: r,
+  provider: n,
   providerName: a,
-  machine: o,
-  onClick: c
+  machine: i,
+  onClick: l
 }) => {
-  var n;
-  return /* @__PURE__ */ u(
+  var o;
+  return /* @__PURE__ */ c(
     k,
     {
-      onClick: c,
+      onClick: l,
       sx: {
         flex: "0 0 auto",
         position: "relative",
@@ -590,7 +590,7 @@ const ht = ({
           {
             component: "img",
             src: t,
-            alt: `Juego ${o != null ? o : ""}`,
+            alt: `Juego ${i != null ? i : ""}`,
             sx: {
               position: "absolute",
               inset: 0,
@@ -624,7 +624,7 @@ const ht = ({
                   fontSize: { xs: 11, md: 14 },
                   textTransform: "capitalize"
                 },
-                children: (n = r != null ? r : a) != null ? n : ""
+                children: (o = n != null ? n : a) != null ? o : ""
               }
             )
           }
@@ -632,8 +632,8 @@ const ht = ({
       ]
     }
   );
-}, ae = 12, ie = ({ r: t = 16 }) => /* @__PURE__ */ e(k, { sx: { width: "100%", height: "100%", borderRadius: t, overflow: "hidden" }, children: /* @__PURE__ */ e(
-  F,
+}, ie = 12, se = ({ r: t = 16 }) => /* @__PURE__ */ e(k, { sx: { width: "100%", height: "100%", borderRadius: t, overflow: "hidden" }, children: /* @__PURE__ */ e(
+  M,
   {
     variant: "rectangular",
     width: "100%",
@@ -647,17 +647,17 @@ const ht = ({
       }
     }
   }
-) }), Ne = ({
+) }), Ie = ({
   items: t,
-  layout: r = "grid",
+  layout: n = "grid",
   onClick: a,
-  loading: o = !1,
-  gridSkeletonCount: c = 4
+  loading: i = !1,
+  gridSkeletonCount: l = 4
 }) => {
-  var n;
-  if (r === "mosaic") {
-    const i = t[0], m = t.slice(1, 5);
-    return /* @__PURE__ */ u(
+  var o;
+  if (n === "mosaic") {
+    const r = t[0], m = t.slice(1, 5);
+    return /* @__PURE__ */ c(
       k,
       {
         sx: {
@@ -675,8 +675,8 @@ const ht = ({
             xs: "104px",
             md: "152px"
           },
-          columnGap: `${ae}px`,
-          rowGap: `${ae}px`,
+          columnGap: `${ie}px`,
+          rowGap: `${ie}px`,
           alignItems: "stretch",
           justifyItems: "stretch"
         },
@@ -691,19 +691,19 @@ const ht = ({
                 overflow: "hidden",
                 borderRadius: 2
               },
-              children: o ? /* @__PURE__ */ e(ie, {}) : i && /* @__PURE__ */ e(
+              children: i ? /* @__PURE__ */ e(se, {}) : r && /* @__PURE__ */ e(
                 te,
                 {
-                  imageUrl: `https://olimpo.bet${(n = i.imageUrl) != null ? n : ""}`,
+                  imageUrl: `https://olimpo.bet${(o = r.imageUrl) != null ? o : ""}`,
                   size: "lg",
                   fillParent: !0,
-                  onClick: () => a == null ? void 0 : a(i, 0)
+                  onClick: () => a == null ? void 0 : a(r, 0)
                 }
               )
             }
           ),
-          (o ? Array.from({ length: 4 }) : m).map((d, f) => {
-            var x;
+          (i ? Array.from({ length: 4 }) : m).map((u, x) => {
+            var b;
             return /* @__PURE__ */ e(
               k,
               {
@@ -713,17 +713,17 @@ const ht = ({
                   overflow: "hidden",
                   borderRadius: 2
                 },
-                children: o ? /* @__PURE__ */ e(ie, {}) : /* @__PURE__ */ e(
+                children: i ? /* @__PURE__ */ e(se, {}) : /* @__PURE__ */ e(
                   te,
                   {
-                    imageUrl: `https://olimpo.bet${(x = d.imageUrl) != null ? x : ""}`,
+                    imageUrl: `https://olimpo.bet${(b = u.imageUrl) != null ? b : ""}`,
                     size: "sm",
                     fillParent: !0,
-                    onClick: () => a == null ? void 0 : a(d, f + 1)
+                    onClick: () => a == null ? void 0 : a(u, x + 1)
                   }
                 )
               },
-              o ? `sk-${f}` : d.id
+              i ? `sk-${x}` : u.id
             );
           })
         ]
@@ -743,43 +743,43 @@ const ht = ({
           xs: "repeat(2, 112px)",
           md: "repeat(2, 168px)"
         },
-        gap: `${ae}px`,
+        gap: `${ie}px`,
         gridAutoFlow: "column"
       },
-      children: (o ? Array.from({ length: c }) : t).map((i, m) => {
-        var d, f;
+      children: (i ? Array.from({ length: l }) : t).map((r, m) => {
+        var u, x;
         return /* @__PURE__ */ e(
           k,
           {
             sx: { overflow: "hidden", borderRadius: 2 },
-            children: o ? /* @__PURE__ */ e(ie, {}) : /* @__PURE__ */ e(
+            children: i ? /* @__PURE__ */ e(se, {}) : /* @__PURE__ */ e(
               te,
               {
-                imageUrl: `https://olimpo.bet${(d = i.imageUrl) != null ? d : ""}`,
+                imageUrl: `https://olimpo.bet${(u = r.imageUrl) != null ? u : ""}`,
                 size: "sm",
                 fillParent: !0,
-                onClick: () => a == null ? void 0 : a(i, m)
+                onClick: () => a == null ? void 0 : a(r, m)
               }
             )
           },
-          o ? `sk-${m}` : (f = i.id) != null ? f : m
+          i ? `sk-${m}` : (x = r.id) != null ? x : m
         );
       })
     }
   );
-}, gt = ({
+}, ft = ({
   title: t,
-  amount: r,
+  amount: n,
   subtitle: a,
-  buttonText: o,
-  onButtonClick: c,
-  backgroundImage: n,
-  alt: i,
+  buttonText: i,
+  onButtonClick: l,
+  backgroundImage: o,
+  alt: r,
   className: m = "",
-  variant: d = "small"
+  variant: u = "small"
 }) => {
-  const f = r ? r.slice(0, 2) : "", x = r ? r.slice(2) : "", I = d === "large";
-  return /* @__PURE__ */ u(
+  const x = n ? n.slice(0, 2) : "", b = n ? n.slice(2) : "", O = u === "large";
+  return /* @__PURE__ */ c(
     k,
     {
       className: m,
@@ -788,12 +788,12 @@ const ht = ({
         width: "100%",
         maxWidth: {
           xs: 328,
-          md: I ? 618 : 456
+          md: O ? 618 : 456
         },
         mx: "auto"
       },
       children: [
-        n && /* @__PURE__ */ e(
+        o && /* @__PURE__ */ e(
           k,
           {
             sx: {
@@ -801,7 +801,7 @@ const ht = ({
               width: "100%",
               aspectRatio: {
                 xs: "328 / 188",
-                md: I ? "618 / 346" : "456 / 272"
+                md: O ? "618 / 346" : "456 / 272"
               },
               borderRadius: "14px",
               overflow: "hidden"
@@ -810,8 +810,8 @@ const ht = ({
               k,
               {
                 component: "img",
-                src: n,
-                alt: i != null ? i : "Fondo promocional",
+                src: o,
+                alt: r != null ? r : "Fondo promocional",
                 sx: {
                   width: "100%",
                   height: "100%",
@@ -840,7 +840,7 @@ const ht = ({
               pl: "14%",
               pr: { xs: "14%", lg: "15%" }
             },
-            children: /* @__PURE__ */ u(
+            children: /* @__PURE__ */ c(
               k,
               {
                 sx: {
@@ -861,7 +861,7 @@ const ht = ({
                       children: t
                     }
                   ),
-                  r && /* @__PURE__ */ u(
+                  n && /* @__PURE__ */ c(
                     k,
                     {
                       component: "p",
@@ -884,7 +884,7 @@ const ht = ({
                           {
                             component: "span",
                             sx: { fontSize: { xs: 35, md: 48 }, mr: 0.5 },
-                            children: f
+                            children: x
                           }
                         ),
                         /* @__PURE__ */ e(
@@ -892,7 +892,7 @@ const ht = ({
                           {
                             component: "span",
                             sx: { fontSize: { xs: 52, md: 77 } },
-                            children: x
+                            children: b
                           }
                         )
                       ]
@@ -910,7 +910,7 @@ const ht = ({
                       children: a
                     }
                   ),
-                  o && /* @__PURE__ */ e(L, { onClick: c, children: o })
+                  i && /* @__PURE__ */ e(L, { onClick: l, children: i })
                 ]
               }
             )
@@ -919,87 +919,96 @@ const ht = ({
       ]
     }
   );
-}, ft = ({
+}, xt = ({
   text: t,
-  buttonLabel: r = "Conoce más",
+  buttonLabel: n = "Conoce más",
   onClick: a,
-  imgAlt: o = "Club Olimpo",
-  imgSrcMobile: c,
-  imgSrcDesktopBg: n,
-  imgSrcDesktopLogo: i
-}) => /* @__PURE__ */ u(Z, { children: [
+  imgAlt: i = "Club Olimpo",
+  imgSrcMobile: l,
+  imgSrcDesktopBg: o,
+  imgSrcDesktopLogo: r
+}) => /* @__PURE__ */ c(Z, { children: [
   /* @__PURE__ */ e("div", { className: "orc-co-bgMobile", children: /* @__PURE__ */ e(
     "img",
     {
-      src: c,
-      alt: o,
+      src: l,
+      alt: i,
       className: "orc-co-bgMobileImg"
     }
   ) }),
-  /* @__PURE__ */ u("div", { className: "orc-co-bgDesktop", children: [
-    n && /* @__PURE__ */ e("div", { className: "orc-co-fillHost", children: /* @__PURE__ */ e(
+  /* @__PURE__ */ c("div", { className: "orc-co-bgDesktop", children: [
+    o && /* @__PURE__ */ e("div", { className: "orc-co-fillHost", children: /* @__PURE__ */ e(
       "img",
       {
-        src: n,
-        alt: `${o} fondo`,
+        src: o,
+        alt: `${i} fondo`,
         className: "orc-co-bgDesktopImg"
       }
     ) }),
-    /* @__PURE__ */ u("div", { className: "orc-co-desktopContent", children: [
-      i && /* @__PURE__ */ e(
+    /* @__PURE__ */ c("div", { className: "orc-co-desktopContent", children: [
+      r && /* @__PURE__ */ e(
         "img",
         {
-          src: i,
-          alt: `${o} logo`,
+          src: r,
+          alt: `${i} logo`,
           className: "orc-co-logoImg"
         }
       ),
       /* @__PURE__ */ e("p", { className: "orc-co-captionDesktop", children: t }),
-      /* @__PURE__ */ e(L, { onClick: a, variant: "primary", size: "md", children: r })
+      /* @__PURE__ */ e(L, { onClick: a, variant: "primary", size: "md", children: n })
     ] })
   ] }),
-  /* @__PURE__ */ u("div", { className: "orc-co-bottom", children: [
+  /* @__PURE__ */ c("div", { className: "orc-co-bottom", children: [
     /* @__PURE__ */ e("p", { className: "orc-co-caption", children: t }),
-    /* @__PURE__ */ e(L, { onClick: a, variant: "primary", size: "md", children: r })
+    /* @__PURE__ */ e(L, { onClick: a, variant: "primary", size: "md", children: n })
   ] })
-] }), xt = "oraculo__OraculoEventCombinadasCard-module__card___ulQeY", _t = "oraculo__OraculoEventCombinadasCard-module__combinadas___Gxrld", bt = "oraculo__OraculoEventCombinadasCard-module__apuestaItem___YnYMy", vt = "oraculo__OraculoEventCombinadasCard-module__lineContainer___G5rbU", yt = "oraculo__OraculoEventCombinadasCard-module__circle___eehm-", wt = "oraculo__OraculoEventCombinadasCard-module__line___Eb2pK", St = "oraculo__OraculoEventCombinadasCard-module__apuestaText___b5s7S", Ct = "oraculo__OraculoEventCombinadasCard-module__cuotaTotal___Lohvu", V = {
-  card: xt,
+] }), bt = "oraculo__OraculoEventCombinadasCard-module__card___ulQeY", _t = "oraculo__OraculoEventCombinadasCard-module__combinadas___Gxrld", vt = "oraculo__OraculoEventCombinadasCard-module__apuestaItem___YnYMy", yt = "oraculo__OraculoEventCombinadasCard-module__lineContainer___G5rbU", wt = "oraculo__OraculoEventCombinadasCard-module__circle___eehm-", St = "oraculo__OraculoEventCombinadasCard-module__line___Eb2pK", Ct = "oraculo__OraculoEventCombinadasCard-module__apuestaText___b5s7S", Et = "oraculo__OraculoEventCombinadasCard-module__cuotaTotal___Lohvu", H = {
+  card: bt,
   combinadas: _t,
-  apuestaItem: bt,
-  lineContainer: vt,
-  circle: yt,
-  line: wt,
-  apuestaText: St,
-  cuotaTotal: Ct
+  apuestaItem: vt,
+  lineContainer: yt,
+  circle: wt,
+  line: St,
+  apuestaText: Ct,
+  cuotaTotal: Et
 };
-function ue(t) {
-  const r = Array.isArray(t) ? t : [t];
-  sessionStorage.setItem("landingOutcomes", JSON.stringify(r)), window.location.href = "/deportes";
+function pe(t) {
+  const n = Array.isArray(t) ? t : [t];
+  sessionStorage.setItem("landingOutcomes", JSON.stringify(n)), window.location.href = "/deportes";
 }
-function Et({ event: t }) {
-  var o;
-  function r(c) {
-    var x;
-    const n = (x = c.betoffers) != null ? x : [], i = c.homeName, m = c.awayName, d = n.map((I) => {
-      var S, g, y, O, v;
-      let s = I.outcomes[0], l = "", h = s != null && s.line ? s.line / 1e3 : "";
-      return ["Más de", "Mas de", "Over"].includes(s == null ? void 0 : s.label) ? (l = `Más de ${h}`, s != null && s.participant && (l = `${s.participant} - ${l}`)) : ["Menos de", "Menos"].includes(s == null ? void 0 : s.label) ? (l = `Menos de ${h}`, s != null && s.participant && (l = `${s.participant} - ${l}`)) : ["Sí", "No"].includes(s == null ? void 0 : s.label) ? (l = s == null ? void 0 : s.label, s != null && s.participant && (l = `${s.participant} - ${l}`)) : ["1X", "12", "X2"].includes(s == null ? void 0 : s.label) ? s.label === "1X" ? l = `${i} o Empate` : s.label === "12" ? l = `${i} o ${m}` : s.label === "X2" && (l = `${m} o Empate`) : (s != null && s.participant ? l = s.participant : l = (S = s == null ? void 0 : s.label) != null ? S : "", h !== "" && l === s.label && (l = `${s.label} ${h}`)), {
-        id: (g = s == null ? void 0 : s.id) != null ? g : 0,
-        value: l,
-        label: I.criterion.label,
-        odds: (y = s == null ? void 0 : s.odds) != null ? y : 0,
-        bl: (O = s == null ? void 0 : s.label) != null ? O : 0,
-        position: (v = s == null ? void 0 : s.position) != null ? v : 0
+function kt() {
+  window.location.href = "/#in-play";
+}
+function $t() {
+  window.location.href = "/#sports-hub/football";
+}
+function Ot() {
+  window.location.href = "/#specials";
+}
+function Nt({ event: t }) {
+  var i;
+  function n(l) {
+    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} ${_}`)), {
+        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
       };
-    }), f = d.reduce((I, s) => I + s.odds, 0) / 1e3;
+    }), x = u.reduce((O, s) => O + s.odds, 0) / 1e3;
     return {
-      outcomes: d,
-      total: f.toFixed(2)
+      outcomes: u,
+      total: x.toFixed(2)
     };
   }
-  const a = r(t);
-  return /* @__PURE__ */ u("div", { className: V.card, children: [
-    /* @__PURE__ */ e("div", { className: V.combinadas, children: /* @__PURE__ */ u(B, { direction: "column", spacing: 0.5, useFlexGap: !0, children: [
+  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: [
       /* @__PURE__ */ e(
         K,
         {
@@ -1009,32 +1018,32 @@ function Et({ 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((c, n) => c.position - n.position).map((c, n) => /* @__PURE__ */ u("div", { className: V.apuestaItem, children: [
-        /* @__PURE__ */ u("div", { className: V.lineContainer, children: [
-          /* @__PURE__ */ e("div", { className: V.circle }),
-          n < a.outcomes.length - 1 && /* @__PURE__ */ e("div", { className: V.line })
+      /* @__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("div", { className: H.circle }),
+          o < a.outcomes.length - 1 && /* @__PURE__ */ e("div", { className: H.line })
         ] }),
-        /* @__PURE__ */ u("div", { className: V.apuestaText, children: [
-          /* @__PURE__ */ e("strong", { children: c.value }),
+        /* @__PURE__ */ c("div", { className: H.apuestaText, children: [
+          /* @__PURE__ */ e("strong", { children: l.value }),
           " ",
           "| ",
-          c.label
+          l.label
         ] })
-      ] }, n)) })
+      ] }, o)) })
     ] }) }),
-    /* @__PURE__ */ u("button", { onClick: () => {
-      var c, n;
-      return ue((n = (c = a == null ? void 0 : a.outcomes) == null ? void 0 : c.map((i) => i == null ? void 0 : i.id)) != null ? n : []);
-    }, className: V.cuotaTotal, children: [
-      /* @__PURE__ */ u("span", { children: [
+    /* @__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 : []);
+    }, className: H.cuotaTotal, children: [
+      /* @__PURE__ */ c("span", { children: [
         "Cuota total: ",
-        /* @__PURE__ */ e("strong", { children: (((o = t.combinadoTotal) != null ? o : 0) / 1e3).toFixed(2) })
+        /* @__PURE__ */ e("strong", { children: (((i = t.combinadoTotal) != null ? i : 0) / 1e3).toFixed(2) })
       ] }),
       /* @__PURE__ */ e("img", { loading: "lazy", src: "/assets/img/home/Combinadas/cuotaTotal.svg", alt: "cuota total" })
     ] })
   ] });
 }
-const G = {
+const U = {
   "orc-btn": "oraculo__OraculoButtonBet-module__orc-btn___jakza",
   "orc-btn__label": "oraculo__OraculoButtonBet-module__orc-btn__label___zNFEH",
   "orc-btn__icon": "oraculo__OraculoButtonBet-module__orc-btn__icon___5Rhyd",
@@ -1050,172 +1059,172 @@ const G = {
 };
 function It({
   children: t,
-  onClick: r,
+  onClick: n,
   href: a,
-  target: o,
-  rel: c,
-  type: n = "button",
-  disabled: i = !1,
+  target: i,
+  rel: l,
+  type: o = "button",
+  disabled: r = !1,
   variant: m = "primary",
-  size: d,
-  fullWidth: f = !1,
-  fullHeight: x = !1,
-  className: I = "",
+  size: u,
+  fullWidth: x = !1,
+  fullHeight: b = !1,
+  className: O = "",
   ariaLabel: s,
-  leftIcon: l,
-  rightIcon: h,
-  iconOnly: S
+  leftIcon: p,
+  rightIcon: _,
+  iconOnly: $
 }) {
-  const g = !!t && t !== !0, v = (!!l ? 1 : 0) + (!!h ? 1 : 0) == 1, E = S != null ? S : v && !g, T = [
-    G["orc-btn"],
+  const v = !!t && t !== !0, f = (!!p ? 1 : 0) + (!!_ ? 1 : 0) == 1, C = $ != null ? $ : f && !v, T = [
+    U["orc-btn"],
     // base
-    G[`orc-btn--${m}`],
+    U[`orc-btn--${m}`],
     // variant primary/secondary/tertiary
-    d ? G[`orc-btn--${d}`] : "",
+    u ? U[`orc-btn--${u}`] : "",
     // sm / md / lg
-    f ? G["orc-btn--full"] : "",
-    x ? G["orc-btn--fullHeight"] : "",
-    E ? G["orc-btn--iconOnly"] : "",
-    I
-  ].filter(Boolean).join(" "), R = /* @__PURE__ */ u(Z, { children: [
-    l && /* @__PURE__ */ e("span", { className: G["orc-btn__icon"], children: l }),
-    !E && /* @__PURE__ */ e("span", { className: G["orc-btn__label"], children: t }),
-    h && /* @__PURE__ */ e("span", { className: G["orc-btn__icon"], children: h })
-  ] }), $ = i ? !0 : void 0;
+    x ? 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(
-    ve,
+    ye,
     {
       href: a,
-      target: o,
-      rel: c,
+      target: i,
+      rel: l,
       "aria-label": s,
-      "aria-disabled": $,
-      tabIndex: $ ? -1 : void 0,
+      "aria-disabled": E,
+      tabIndex: E ? -1 : void 0,
       className: T,
-      onClick: $ ? (p) => p.preventDefault() : r,
-      children: R
+      onClick: E ? (d) => d.preventDefault() : n,
+      children: P
     }
   ) : /* @__PURE__ */ e(
     "button",
     {
-      type: n,
-      onClick: r,
-      disabled: !!$,
+      type: o,
+      onClick: n,
+      disabled: !!E,
       "aria-label": s,
       className: T,
-      children: R
+      children: P
     }
   );
 }
-const $t = "oraculo__OraculoEventEnVivoCard-module__cardWrapper___6b-cT", Oe = {
-  cardWrapper: $t
+const Pt = "oraculo__OraculoEventEnVivoCard-module__cardWrapper___6b-cT", Pe = {
+  cardWrapper: Pt
 };
-function kt({ event: t, liveData: r, betOffers: a }) {
-  var c, n, i, m, d, f, x, I;
-  const o = a == null ? void 0 : a.find(
+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(
     (s) => {
-      var l;
-      return ((l = s.betOfferType) == null ? void 0 : l.id) === 2;
+      var p;
+      return ((p = s.betOfferType) == null ? void 0 : p.id) === 2;
     }
   );
-  return /* @__PURE__ */ e("div", { className: Oe.cardWrapper, children: /* @__PURE__ */ u(B, { direction: "column", spacing: 1, useFlexGap: !0, children: [
-    /* @__PURE__ */ u(B, { direction: "column", spacing: 1.5, useFlexGap: !0, children: [
+  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: [
       /* @__PURE__ */ e(
-        Xe,
+        Qe,
         {
-          title: (c = t.path[0].name) != null ? c : "",
+          title: (l = t.path[0].name) != null ? l : "",
           subtitle: t.group,
           live: !0,
-          time: ((n = r == null ? void 0 : r.matchClock) == null ? void 0 : n.minute) != null ? `${r.matchClock.minute}'` : ""
+          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__ */ u(H, { spacing: 1.5, columns: "1fr auto 1fr", children: [
+      /* @__PURE__ */ e("div", { style: { padding: "0 4px" }, children: /* @__PURE__ */ c(V, { spacing: 1.5, columns: "1fr auto 1fr", children: [
         /* @__PURE__ */ e(
-          ne,
+          oe,
           {
             name: t.homeName,
             logo: "https://stg-www.contodobet.com/static/img/landing/EventoEnVivo/Juventus.png"
           }
         ),
-        /* @__PURE__ */ e(ke, { text: ((m = (i = r == null ? void 0 : r.score) == null ? void 0 : i.home) != null ? m : 0) + ":" + ((f = (d = r == null ? void 0 : r.score) == null ? void 0 : d.away) != null ? f : 0), name: "En vivo" }),
-        /* @__PURE__ */ e(ne, { name: t.awayName, logo: "https://stg-www.contodobet.com/static/img/landing/EventoEnVivo/Racing.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__ */ u(B, { direction: "column", spacing: 1, useFlexGap: !0, children: [
-      /* @__PURE__ */ e(H, { spacing: 1, children: ((x = o == null ? void 0 : o.outcomes) != null ? x : []).map((s, l) => /* @__PURE__ */ e(Ie, { text: s.label.toUpperCase() }, l)) }),
-      /* @__PURE__ */ e(H, { spacing: 2, children: ((I = o == null ? void 0 : o.outcomes) != null ? I : []).map((s, l) => /* @__PURE__ */ e(It, { variant: "primary", disabled: s.odds == null || (o == null ? void 0 : o.cashOutStatus) == "SUSPENDED", onClick: () => {
-        ue(s.id);
-      }, children: s.odds === void 0 ? "" : (s.odds / 1e3).toFixed(2) }, l)) })
+    /* @__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: () => {
+        pe(s.id);
+      }, children: s.odds === void 0 ? "" : (s.odds / 1e3).toFixed(2) }, p)) })
     ] })
   ] }) });
 }
-const Nt = "oraculo__OraculoEventDate-module__date___xhIlh", Ot = {
-  date: Nt
+const Rt = "oraculo__OraculoEventDate-module__date___xhIlh", Bt = {
+  date: Rt
 };
-function Rt({ text: t }) {
-  return /* @__PURE__ */ e("div", { className: `oli-font ${Ot.date}`, children: t });
+function Mt({ text: t }) {
+  return /* @__PURE__ */ e("div", { className: `oli-font ${Bt.date}`, children: t });
 }
-const Tt = "oraculo__OraculoEventSemanaCard-module__cardContainer___4JuDe", Pt = "oraculo__OraculoEventSemanaCard-module__cardBackground___vfalD", Bt = "oraculo__OraculoEventSemanaCard-module__jugadas___W8b7H", Ft = "oraculo__OraculoEventSemanaCard-module__equipos___G5hLn", J = {
-  cardContainer: Tt,
-  cardBackground: Pt,
-  jugadas: Bt,
-  equipos: Ft
+const Lt = "oraculo__OraculoEventSemanaCard-module__cardContainer___4JuDe", Ft = "oraculo__OraculoEventSemanaCard-module__cardBackground___vfalD", Wt = "oraculo__OraculoEventSemanaCard-module__jugadas___W8b7H", zt = "oraculo__OraculoEventSemanaCard-module__equipos___G5hLn", J = {
+  cardContainer: Lt,
+  cardBackground: Ft,
+  jugadas: Wt,
+  equipos: zt
 };
-function Lt({ event: t }) {
-  var a, o, c, n, i, m, d;
-  function r(f) {
-    const x = new Date(f), I = x.toLocaleDateString("es-ES", {
+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", {
       weekday: "short"
-    }).toUpperCase(), s = x.getDate().toString().padStart(2, "0"), l = (x.getMonth() + 1).toString().padStart(2, "0");
-    let h = x.toLocaleTimeString("es-PE", {
+    }).toUpperCase(), s = b.getDate().toString().padStart(2, "0"), p = (b.getMonth() + 1).toString().padStart(2, "0");
+    let _ = b.toLocaleTimeString("es-PE", {
       hour: "numeric",
       minute: "2-digit",
       hour12: !0
     }).toUpperCase();
-    return h = h.replace(/\./g, "").replace(/A\s*M/i, "AM").replace(/P\s*M/i, "PM"), `${I} ${s}/${l} | ${h}`;
+    return _ = _.replace(/\./g, "").replace(/A\s*M/i, "AM").replace(/P\s*M/i, "PM"), `${O} ${s}/${p} | ${_}`;
   }
-  return /* @__PURE__ */ u("div", { className: J.cardContainer, children: [
-    /* @__PURE__ */ e($e, { title: (a = t == null ? void 0 : t.group) != null ? a : "" }),
-    /* @__PURE__ */ e("div", { className: J.cardBackground, children: /* @__PURE__ */ u(B, { direction: "column", spacing: { xs: 0.5, md: 1 }, useFlexGap: !0, children: [
-      /* @__PURE__ */ u(B, { direction: "column", spacing: 1, useFlexGap: !0, children: [
-        /* @__PURE__ */ u("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(ke, { text: "vs.", name: "", size: "small" }),
-          /* @__PURE__ */ e(ne, { name: t.homeName, logo: "https://stg-www.contodobet.com/static/img/landing/EventoSemana/RealMadrid.png", size: "compact" })
+  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" }),
+          /* @__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(Rt, { text: r(t.start) })
+        /* @__PURE__ */ e(Mt, { text: n(t.start) })
       ] }),
-      /* @__PURE__ */ u(B, { direction: "column", spacing: { xs: 0.5, md: 1 }, useFlexGap: !0, children: [
-        /* @__PURE__ */ e(H, { spacing: 1, children: ((n = (c = (o = t == null ? void 0 : t.outcome) == null ? void 0 : o[0]) == null ? void 0 : c.outcomes) != null ? n : []).map((f, x) => /* @__PURE__ */ e(Ie, { text: f.label.toUpperCase() }, x)) }),
-        /* @__PURE__ */ e("div", { className: J.jugadas, children: /* @__PURE__ */ e(H, { spacing: 1, children: ((d = (m = (i = t == null ? void 0 : t.outcome) == null ? void 0 : i[0]) == null ? void 0 : m.outcomes) != null ? d : []).map((f, x) => /* @__PURE__ */ e(L, { variant: "primary", fullHeight: !0, onClick: () => {
-          ue(f.id);
-        }, children: (f.odds / 1e3).toFixed(2) }, x)) }) })
+      /* @__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(L, { variant: "primary", fullHeight: !0, onClick: () => {
+          pe(x.id);
+        }, children: (x.odds / 1e3).toFixed(2) }, b)) }) })
       ] })
     ] }) })
   ] });
 }
-function Wt({
+function At({
   items: t,
-  title: r = "Destacados",
+  title: n = "Destacados",
   iconUrl: a,
-  onViewMore: o,
-  className: c = ""
+  onViewMore: i,
+  className: l = ""
 }) {
-  const n = A(null), [i, m] = U({ isStart: !0, isEnd: !1 }), d = () => {
-    var l;
-    (l = n.current) == null || l.prev();
-  }, f = () => {
-    var l;
-    (l = n.current) == null || l.next(), console.log("items: ", t);
+  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);
+  }, b = () => {
     window.location.href = "https://www.olimpo.bet/promociones";
-  }, I = (l) => {
-    if (!l || typeof window == "undefined") return;
-    const S = `https://www.olimpo.bet/promociones/${encodeURIComponent(l)}`;
-    window.location.href = S;
+  }, O = (p) => {
+    if (!p || typeof window == "undefined") return;
+    const $ = `https://www.olimpo.bet/promociones/${encodeURIComponent(p)}`;
+    window.location.href = $;
   };
-  return /* @__PURE__ */ u("section", { className: c || void 0, style: { width: "100%" }, children: [
-    /* @__PURE__ */ u(
+  return /* @__PURE__ */ c("section", { className: l || void 0, style: { width: "100%" }, children: [
+    /* @__PURE__ */ c(
       "header",
       {
         style: {
@@ -1227,17 +1236,17 @@ function Wt({
           marginBottom: 16
         },
         children: [
-          /* @__PURE__ */ e(K, { title: r, iconUrl: a, size: "md" }),
-          /* @__PURE__ */ u("div", { style: { display: "flex", gap: 8 }, children: [
+          /* @__PURE__ */ e(K, { title: n, iconUrl: a, size: "md" }),
+          /* @__PURE__ */ c("div", { style: { display: "flex", gap: 8 }, children: [
             /* @__PURE__ */ e(
               L,
               {
                 ariaLabel: "Anterior",
                 variant: "secondary",
                 iconOnly: !0,
-                leftIcon: /* @__PURE__ */ e(le, {}),
-                onClick: d,
-                disabled: i.isStart
+                leftIcon: /* @__PURE__ */ e(de, {}),
+                onClick: u,
+                disabled: r.isStart
               }
             ),
             /* @__PURE__ */ e(
@@ -1246,20 +1255,20 @@ function Wt({
                 ariaLabel: "Siguiente",
                 variant: "secondary",
                 iconOnly: !0,
-                rightIcon: /* @__PURE__ */ e(de, {}),
-                onClick: f,
-                disabled: i.isEnd
+                rightIcon: /* @__PURE__ */ e(ue, {}),
+                onClick: x,
+                disabled: r.isEnd
               }
             )
           ] }),
-          /* @__PURE__ */ e(L, { variant: "secondary", onClick: x, children: "Ver más" })
+          /* @__PURE__ */ e(L, { variant: "secondary", onClick: b, children: "Ver más" })
         ]
       }
     ),
     /* @__PURE__ */ e(
       q,
       {
-        ref: n,
+        ref: o,
         items: t,
         perPage: 2,
         gap: "16px",
@@ -1276,7 +1285,7 @@ function Wt({
           768: { perPage: 2, focus: "start" },
           1024: { perPage: 2.5, focus: "start" }
         },
-        renderItem: (l) => /* @__PURE__ */ e(
+        renderItem: (p) => /* @__PURE__ */ e(
           "div",
           {
             style: {
@@ -1284,12 +1293,12 @@ function Wt({
               marginTop: 16,
               cursor: "pointer"
             },
-            onClick: () => I(l.promotion),
+            onClick: () => O(p.promotion),
             children: /* @__PURE__ */ e(
               "img",
               {
-                src: `https://olimpo.bet${l.image !== "" ? l.image : l.summary_image}`,
-                alt: l.title,
+                src: `https://olimpo.bet${p.image !== "" ? p.image : p.summary_image}`,
+                alt: p.title,
                 style: {
                   width: "100%",
                   height: window.innerWidth < 768 ? "80px" : "137px",
@@ -1300,39 +1309,45 @@ function Wt({
               }
             )
           },
-          `${l.title}-${l.image}`
+          `${p.title}-${p.image}`
         ),
-        onMove: ({ isStart: l, isEnd: h }) => m({ isStart: l, isEnd: h })
+        onMove: ({ isStart: p, isEnd: _ }) => m({ isStart: p, isEnd: _ })
       }
     )
   ] });
 }
-const Ut = (t) => {
-  var s, l, h, S, g, y;
+function re(t, {
+  basePath: n = "/casino",
+  src: a,
+  demo: i = !1,
+  host: l = "https://www.olimpo.bet"
+} = {}) {
   if (typeof window == "undefined") return;
-  const r = (l = (s = t.name) != null ? s : t.web_name) != null ? l : "", a = (h = t.provider) != null ? h : "", o = (S = t.machine) != null ? S : "", c = (g = t.external_id) != null ? g : "", n = (y = t.type) != null ? y : "Casino", i = encodeURIComponent(String(a)), m = encodeURIComponent(String(o)), d = encodeURIComponent(String(r)), f = encodeURIComponent(String(c)), x = encodeURIComponent(String(n)), I = `https://www.olimpo.bet/casino?machine=${m}&provider=${i}&name=${d}&external_id=${f}&type=${x}`;
-  window.location.href = I;
-};
-function zt({
+  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()}`;
+}
+function Gt({
   items: t,
-  title: r = "Top Juegos",
+  title: n = "Top Juegos",
   iconUrl: a,
-  onCardClick: o
+  onCardClick: i
 }) {
-  const c = ce(
-    () => (t != null ? t : []).map((m, d) => {
-      var f;
+  const l = le(
+    () => (t != null ? t : []).map((m, u) => {
+      var x;
       return {
         ...m,
         // si no viene orden, usamos el índice (1-based)
-        orden: (f = m.orden) != null ? f : d + 1,
-        _originalIndex: d
+        orden: (x = m.orden) != null ? x : u + 1,
+        _originalIndex: u
       };
-    }).sort((m, d) => m.orden != null && d.orden != null ? m.orden - d.orden : m._originalIndex - d._originalIndex),
+    }).sort((m, u) => m.orden != null && u.orden != null ? m.orden - u.orden : m._originalIndex - u._originalIndex),
     [t]
-  ), n = !t || t.length === 0, i = n ? Array.from({ length: 6 }) : c.slice(0, 6);
-  return /* @__PURE__ */ e("section", { style: { width: "100%" }, children: /* @__PURE__ */ u(B, { direction: "column", spacing: 2, useFlexGap: !0, children: [
-    /* @__PURE__ */ e(K, { title: r, iconUrl: a, size: "md" }),
+  ), 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" }),
     /* @__PURE__ */ e(
       k,
       {
@@ -1346,43 +1361,38 @@ function zt({
           justifyItems: "center",
           width: "100%"
         },
-        children: i.map((m, d) => {
-          var f, x;
+        children: r.map((m, u) => {
+          var x, b;
           return /* @__PURE__ */ e(
-            mt,
+            ht,
             {
-              imageUrl: n ? "" : `https://olimpo.bet${(f = m.logo) != null ? f : ""}`,
-              orden: n ? d + 1 : m.orden,
-              loading: n,
-              onClick: n ? void 0 : () => {
-                o ? o(m) : Ut(m);
+              imageUrl: o ? "" : `https://olimpo.bet${(x = m.logo) != null ? x : ""}`,
+              orden: o ? u + 1 : m.orden,
+              loading: o,
+              onClick: o ? void 0 : () => {
+                i ? i(m) : re(m, { basePath: "/casino" });
               }
             },
-            n ? `sk-${d}` : (x = m.machine) != null ? x : `${d}`
+            o ? `sk-${u}` : (b = m.machine) != null ? b : `${u}`
           );
         })
       }
     )
   ] }) });
 }
-const jt = (t, r) => {
-  var a, o;
-  return (o = (a = t.orden) != null ? a : t.machine) != null ? o : r;
-}, Mt = (t) => {
-  var s, l, h, S, g, y;
-  if (typeof window == "undefined") return;
-  const r = (l = (s = t.name) != null ? s : t.web_name) != null ? l : "", a = (h = t.provider) != null ? h : "", o = (S = t.machine) != null ? S : "", c = (g = t.external_id) != null ? g : "", n = (y = t.type) != null ? y : "Live", i = encodeURIComponent(String(a)), m = encodeURIComponent(String(o)), d = encodeURIComponent(String(r)), f = encodeURIComponent(String(c)), x = encodeURIComponent(String(n)), I = `https://www.olimpo.bet/casino-en-vivo?${m}?provider=${i}&name=${d}&external_id=${f}&type=${x}`;
-  window.location.href = I;
-}, At = ({
+const Ut = (t, n) => {
+  var a, i;
+  return (i = (a = t.orden) != null ? a : t.machine) != null ? i : n;
+}, Dt = ({
   items: t,
-  title: r = "Casino en vivo",
+  title: n = "Casino en vivo",
   subtitle: a = "Disfruta la emoción en tus juegos favoritos y gana en tiempo real.",
-  backgroundMobileUrl: o = "",
-  backgroundDesktopUrl: c = "",
-  onCardClick: n,
-  onViewMore: i,
+  backgroundMobileUrl: i = "",
+  backgroundDesktopUrl: l = "",
+  onCardClick: o,
+  onViewMore: r,
   className: m
-}) => (console.log("items: ", t), /* @__PURE__ */ u(
+}) => (console.log("items: ", t), /* @__PURE__ */ c(
   k,
   {
     className: m,
@@ -1406,12 +1416,12 @@ const jt = (t, r) => {
               xs: `
               linear-gradient(to bottom, #121212 0%, rgba(18,18,18,0) 10%),
               linear-gradient(to top,    #121212 0%, rgba(18,18,18,0) 10%),
-              url('${o}')
+              url('${i}')
             `,
               md: `
               linear-gradient(to bottom, #121212 0%, rgba(18,18,18,0) 10%),
               linear-gradient(to top,    #121212 0%, rgba(18,18,18,0) 10%),
-              url('${c}')
+              url('${l}')
             `
             },
             backgroundSize: "cover",
@@ -1421,7 +1431,7 @@ const jt = (t, r) => {
           }
         }
       ),
-      /* @__PURE__ */ u(
+      /* @__PURE__ */ c(
         k,
         {
           sx: {
@@ -1439,7 +1449,7 @@ const jt = (t, r) => {
             textAlign: { xs: "center", md: "left" }
           },
           children: [
-            /* @__PURE__ */ u(B, { spacing: 3, sx: { maxWidth: { md: 280 } }, children: [
+            /* @__PURE__ */ c(B, { spacing: 3, sx: { maxWidth: { md: 280 } }, children: [
               /* @__PURE__ */ e(
                 D,
                 {
@@ -1450,7 +1460,7 @@ const jt = (t, r) => {
                     WebkitTextStroke: "0.5px rgba(255, 255, 255, .5)",
                     textShadow: "0 0 2px rgba(255, 255, 255, .95),0 0 4px rgba(255, 255, 255, .6),0 1px 0 #898989"
                   },
-                  children: r
+                  children: n
                 }
               ),
               /* @__PURE__ */ e(
@@ -1470,7 +1480,7 @@ const jt = (t, r) => {
                 {
                   variant: "primary",
                   size: "md",
-                  onClick: () => i == null ? void 0 : i(),
+                  onClick: () => r == null ? void 0 : r(),
                   children: "Ver más"
                 }
               ) })
@@ -1486,20 +1496,20 @@ const jt = (t, r) => {
                   py: { xs: 3, md: 0 },
                   alignItems: "center"
                 },
-                children: (t != null ? t : []).slice(0, 3).map((d, f) => {
-                  var x;
+                children: (t != null ? t : []).slice(0, 3).map((u, x) => {
+                  var b;
                   return /* @__PURE__ */ e(
-                    ht,
+                    gt,
                     {
-                      logo: `https://olimpo.bet${(x = d.logo) != null ? x : ""}`,
-                      provider: d.provider,
-                      providerName: d.web_name,
-                      machine: d.machine,
+                      logo: `https://olimpo.bet${(b = u.logo) != null ? b : ""}`,
+                      provider: u.provider,
+                      providerName: u.web_name,
+                      machine: u.machine,
                       onClick: () => {
-                        Mt(d);
+                        re(u, { basePath: "/casino-en-vivo" });
                       }
                     },
-                    jt(d, f)
+                    Ut(u, x)
                   );
                 })
               }
@@ -1509,7 +1519,7 @@ const jt = (t, r) => {
               {
                 variant: "primary",
                 size: "lg",
-                onClick: () => i == null ? void 0 : i(),
+                onClick: () => r == null ? void 0 : r(),
                 children: "Ver más"
               }
             ) })
@@ -1518,65 +1528,60 @@ const jt = (t, r) => {
       )
     ]
   }
-)), Re = (t, r) => {
-  var a, o;
-  return (o = (a = t.orden) != null ? a : t.machine) != null ? o : r;
-}, Gt = (t) => {
-  var s, l, h, S, g;
-  if (typeof window == "undefined") return;
-  const r = (s = t.name) != null ? s : "", a = (l = t.provider) != null ? l : "", o = (h = t.machine) != null ? h : "", c = (S = t.external_id) != null ? S : "", n = (g = t.type) != null ? g : "Casino", i = encodeURIComponent(String(a)), m = encodeURIComponent(String(o)), d = encodeURIComponent(String(r)), f = encodeURIComponent(String(c)), x = encodeURIComponent(String(n)), I = `https://www.olimpo.bet/casino?${m}?provider=${i}&name=${d}&external_id=${f}&type=${x}`;
-  window.location.href = I;
-}, Dt = (t, r = !0, a = 4) => {
-  const o = t.map((i, m) => {
-    var d;
+)), 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;
     return {
-      id: Re(i, m),
-      imageUrl: (d = i.logo) != null ? d : ""
+      id: Te(r, m),
+      imageUrl: (u = r.logo) != null ? u : ""
     };
   });
-  if (!o.length) return [];
-  const c = [];
-  let n = 0;
-  if (r) {
-    const i = Math.min(o.length, 5);
-    c.push({
+  if (!i.length) return [];
+  const l = [];
+  let o = 0;
+  if (n) {
+    const r = Math.min(i.length, 5);
+    l.push({
       id: "mosaic-0",
       kind: "mosaic",
-      items: o.slice(0, i)
-    }), n = i;
+      items: i.slice(0, r)
+    }), o = r;
   }
-  for (; n < o.length; ) {
-    const i = Math.min(n + a, o.length);
-    c.push({
-      id: `grid-${n}`,
+  for (; o < i.length; ) {
+    const r = Math.min(o + a, i.length);
+    l.push({
+      id: `grid-${o}`,
       kind: "grid",
-      items: o.slice(n, i)
-    }), n = i;
+      items: i.slice(o, r)
+    }), o = r;
   }
-  return c;
+  return l;
 }, Ht = ({
   items: t,
-  title: r = "Casino",
+  title: n = "Casino",
   iconUrl: a = "/assets/img/home/Casino/diamante.svg",
-  onItemClick: o,
-  onViewMore: c,
-  mosaicFirst: n = !0,
-  gridSize: i = 4
+  onItemClick: i,
+  onViewMore: l,
+  mosaicFirst: o = !0,
+  gridSize: r = 4
 }) => {
-  const m = A(null), [d, f] = U({ isStart: !0, isEnd: !1 }), x = () => {
-    var g;
-    (g = m.current) == null || g.prev();
-  }, I = () => {
-    var g;
-    (g = m.current) == null || g.next();
+  const m = G(null), [u, x] = W({ isStart: !0, isEnd: !1 }), b = () => {
+    var v;
+    (v = m.current) == null || v.prev();
+  }, O = () => {
+    var v;
+    (v = m.current) == null || v.next();
   }, s = () => {
     window.location.href = "https://www.olimpo.bet/casino";
-  }, l = (g = !0, y = 4) => {
-    const O = (E) => Array.from({ length: E }, (T, R) => ({ id: `sk-${E}-${R}`, imageUrl: "" })), v = [];
-    return g && v.push({ id: "mosaic-loading", kind: "mosaic", items: O(5) }), v.push({ id: "grid-loading", kind: "grid", items: O(y) }), v;
-  }, h = !t || t.length === 0, S = h ? l(n, i) : Dt(t, n, i);
-  return /* @__PURE__ */ e("section", { children: /* @__PURE__ */ u(B, { direction: "column", spacing: 2, useFlexGap: !0, children: [
-    /* @__PURE__ */ u(
+  }, 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,
       {
         sx: {
@@ -1590,12 +1595,12 @@ const jt = (t, r) => {
           /* @__PURE__ */ e(
             K,
             {
-              title: r,
+              title: n,
               iconUrl: a,
               size: "md"
             }
           ),
-          /* @__PURE__ */ u(
+          /* @__PURE__ */ c(
             k,
             {
               sx: {
@@ -1610,9 +1615,9 @@ const jt = (t, r) => {
                     ariaLabel: "Anterior",
                     variant: "secondary",
                     iconOnly: !0,
-                    leftIcon: /* @__PURE__ */ e(Se, {}),
-                    onClick: x,
-                    disabled: d.isStart
+                    leftIcon: /* @__PURE__ */ e(Ce, {}),
+                    onClick: b,
+                    disabled: u.isStart
                   }
                 ),
                 /* @__PURE__ */ e(
@@ -1621,9 +1626,9 @@ const jt = (t, r) => {
                     ariaLabel: "Siguiente",
                     variant: "secondary",
                     iconOnly: !0,
-                    rightIcon: /* @__PURE__ */ e(Ce, {}),
-                    onClick: I,
-                    disabled: d.isEnd
+                    rightIcon: /* @__PURE__ */ e(Ee, {}),
+                    onClick: O,
+                    disabled: u.isEnd
                   }
                 )
               ]
@@ -1637,7 +1642,7 @@ const jt = (t, r) => {
       q,
       {
         ref: m,
-        items: S,
+        items: $,
         perPage: 1,
         gap: "0px",
         options: {
@@ -1649,83 +1654,78 @@ const jt = (t, r) => {
           drag: !0,
           focus: "start"
         },
-        renderItem: (g) => /* @__PURE__ */ e("div", { style: { alignSelf: "start" }, children: /* @__PURE__ */ e(
-          Ne,
+        renderItem: (v) => /* @__PURE__ */ e("div", { style: { alignSelf: "start" }, children: /* @__PURE__ */ e(
+          Ie,
           {
-            items: g.items,
-            layout: g.kind === "mosaic" ? "mosaic" : "grid",
-            loading: h,
-            onClick: (y) => {
-              const O = t.find(
-                (v, E) => Re(v, E) === y.id
+            items: v.items,
+            layout: v.kind === "mosaic" ? "mosaic" : "grid",
+            loading: _,
+            onClick: (S) => {
+              const I = t.find(
+                (f, C) => Te(f, C) === S.id
               );
-              h || O && Gt(O);
+              _ || I && re(I, { basePath: "/casino" });
             }
           }
         ) }),
-        onMove: ({ isStart: g, isEnd: y }) => f({ isStart: g, isEnd: y })
+        onMove: ({ isStart: v, isEnd: S }) => x({ isStart: v, isEnd: S })
       }
     )
   ] }) });
-}, Te = (t, r) => {
-  var a, o;
-  return (o = (a = t.orden) != null ? a : t.machine) != null ? o : r;
-}, Vt = (t) => {
-  var s, l, h, S, g;
-  if (typeof window == "undefined") return;
-  const r = (s = t.name) != null ? s : "", a = (l = t.provider) != null ? l : "", o = (h = t.machine) != null ? h : "", c = (S = t.external_id) != null ? S : "", n = (g = t.type) != null ? g : "Virtuales", i = encodeURIComponent(String(a)), m = encodeURIComponent(String(o)), d = encodeURIComponent(String(r)), f = encodeURIComponent(String(c)), x = encodeURIComponent(String(n)), I = `https://www.olimpo.bet/juegos-virtuales?${m}?provider=${i}&name=${d}&external_id=${f}&type=${x}`;
-  window.location.href = I;
-}, Kt = (t, r = !0, a = 4) => {
-  const o = t.map((i, m) => {
-    var d;
+}, 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;
     return {
-      id: Te(i, m),
-      imageUrl: (d = i.logo) != null ? d : ""
+      id: Re(r, m),
+      imageUrl: (u = r.logo) != null ? u : ""
     };
   });
-  if (!o.length) return [];
-  const c = [];
-  let n = 0;
-  if (r) {
-    const i = Math.min(o.length, 5);
-    c.push({
+  if (!i.length) return [];
+  const l = [];
+  let o = 0;
+  if (n) {
+    const r = Math.min(i.length, 5);
+    l.push({
       id: "mosaic-0",
       kind: "mosaic",
-      items: o.slice(0, i)
-    }), n = i;
+      items: i.slice(0, r)
+    }), o = r;
   }
-  for (; n < o.length; ) {
-    const i = Math.min(n + a, o.length);
-    c.push({
-      id: `grid-${n}`,
+  for (; o < i.length; ) {
+    const r = Math.min(o + a, i.length);
+    l.push({
+      id: `grid-${o}`,
       kind: "grid",
-      items: o.slice(n, i)
-    }), n = i;
+      items: i.slice(o, r)
+    }), o = r;
   }
-  return c;
+  return l;
 }, qt = ({
   items: t,
-  title: r = "Virtuales",
+  title: n = "Virtuales",
   iconUrl: a = "/assets/img/home/Virtuales/virtuales.svg",
-  onItemClick: o,
-  onViewMore: c,
-  mosaicFirst: n = !0,
-  gridSize: i = 4
+  onItemClick: i,
+  onViewMore: l,
+  mosaicFirst: o = !0,
+  gridSize: r = 4
 }) => {
-  const m = A(null), [d, f] = U({ isStart: !0, isEnd: !1 }), x = () => {
-    var g;
-    (g = m.current) == null || g.prev();
-  }, I = () => {
-    var g;
-    (g = m.current) == null || g.next();
+  const m = G(null), [u, x] = W({ isStart: !0, isEnd: !1 }), b = () => {
+    var v;
+    (v = m.current) == null || v.prev();
+  }, O = () => {
+    var v;
+    (v = m.current) == null || v.next();
   }, s = () => {
     window.location.href = "https://www.olimpo.bet/virtuales";
-  }, l = (g = !0, y = 4) => {
-    const O = (E) => Array.from({ length: E }, (T, R) => ({ id: `sk-${E}-${R}`, imageUrl: "" })), v = [];
-    return g && v.push({ id: "mosaic-loading", kind: "mosaic", items: O(5) }), v.push({ id: "grid-loading", kind: "grid", items: O(y) }), v;
-  }, h = !t || t.length === 0, S = h ? l(n, i) : Kt(t, n, i);
-  return /* @__PURE__ */ e("section", { children: /* @__PURE__ */ u(B, { direction: "column", spacing: 2, useFlexGap: !0, children: [
-    /* @__PURE__ */ u(
+  }, 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,
       {
         sx: {
@@ -1739,12 +1739,12 @@ const jt = (t, r) => {
           /* @__PURE__ */ e(
             K,
             {
-              title: r,
+              title: n,
               iconUrl: a,
               size: "md"
             }
           ),
-          /* @__PURE__ */ u(
+          /* @__PURE__ */ c(
             k,
             {
               sx: {
@@ -1759,9 +1759,9 @@ const jt = (t, r) => {
                     ariaLabel: "Anterior",
                     variant: "secondary",
                     iconOnly: !0,
-                    leftIcon: /* @__PURE__ */ e(Se, {}),
-                    onClick: x,
-                    disabled: d.isStart
+                    leftIcon: /* @__PURE__ */ e(Ce, {}),
+                    onClick: b,
+                    disabled: u.isStart
                   }
                 ),
                 /* @__PURE__ */ e(
@@ -1770,9 +1770,9 @@ const jt = (t, r) => {
                     ariaLabel: "Siguiente",
                     variant: "secondary",
                     iconOnly: !0,
-                    rightIcon: /* @__PURE__ */ e(Ce, {}),
-                    onClick: I,
-                    disabled: d.isEnd
+                    rightIcon: /* @__PURE__ */ e(Ee, {}),
+                    onClick: O,
+                    disabled: u.isEnd
                   }
                 )
               ]
@@ -1786,7 +1786,7 @@ const jt = (t, r) => {
       q,
       {
         ref: m,
-        items: S,
+        items: $,
         perPage: 1,
         gap: "0",
         options: {
@@ -1799,21 +1799,21 @@ const jt = (t, r) => {
           focus: "start",
           perMove: 1
         },
-        renderItem: (g) => /* @__PURE__ */ e("div", { style: { alignSelf: "start" }, children: /* @__PURE__ */ e(
-          Ne,
+        renderItem: (v) => /* @__PURE__ */ e("div", { style: { alignSelf: "start" }, children: /* @__PURE__ */ e(
+          Ie,
           {
-            items: g.items,
-            layout: g.kind === "mosaic" ? "mosaic" : "grid",
-            loading: h,
-            onClick: (y) => {
-              const O = t.find(
-                (v, E) => Te(v, E) === y.id
+            items: v.items,
+            layout: v.kind === "mosaic" ? "mosaic" : "grid",
+            loading: _,
+            onClick: (S) => {
+              const I = t.find(
+                (f, C) => Re(f, C) === S.id
               );
-              h || O && Vt(O);
+              _ || I && re(I, { basePath: "/casino" });
             }
           }
         ) }),
-        onMove: ({ isStart: g, isEnd: y }) => f({ isStart: g, isEnd: y })
+        onMove: ({ isStart: v, isEnd: S }) => x({ isStart: v, isEnd: S })
       }
     )
   ] }) });
@@ -1836,15 +1836,15 @@ const jt = (t, r) => {
   backgroundRepeat: "no-repeat",
   backgroundPosition: "center",
   backgroundSize: "cover"
-}), ge = {
+}), fe = {
   textAlign: "center",
   lineHeight: 1.1,
   mb: 1.5
-}, fe = {
+}, xe = {
   display: "inline-block",
   fontWeight: 600,
   fontSize: 24
-}, xe = {
+}, be = {
   display: "inline-block",
   fontSize: 24,
   lineHeight: 1.1,
@@ -1856,27 +1856,27 @@ const jt = (t, r) => {
   `
 }, Xt = ({
   headline: t,
-  headline2: r,
+  headline2: n,
   items: a,
-  backgroundImageUrl: o
+  backgroundImageUrl: i
 }) => {
-  const c = t, n = r, i = Me("(max-width: 767px)"), m = a.length > 1, d = o != null ? o : "", f = Jt(d), x = A(null), [I, s] = U({ isStart: !0, isEnd: !1 }), [l, h] = U(0), S = (g) => /* @__PURE__ */ u(
+  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: g ? 600 : "100%",
-        mx: g ? "auto" : 0
+        maxWidth: v ? 600 : "100%",
+        mx: v ? "auto" : 0
       },
       children: [
         /* @__PURE__ */ e(
           q,
           {
-            ref: x,
+            ref: b,
             items: a,
             perPage: 1,
-            gap: g ? "24px" : "12px",
-            breakpoints: g ? void 0 : {
+            gap: v ? "24px" : "12px",
+            breakpoints: v ? void 0 : {
               480: {
                 perPage: 1,
                 gap: "8px",
@@ -1889,16 +1889,16 @@ const jt = (t, r) => {
               }
             },
             options: { autoWidth: !1 },
-            renderItem: (y) => /* @__PURE__ */ e(
-              gt,
+            renderItem: (S) => /* @__PURE__ */ e(
+              ft,
               {
-                ...y,
-                onButtonClick: y.onButtonClick,
-                isDesktop: g
+                ...S,
+                onButtonClick: S.onButtonClick,
+                isDesktop: v
               }
             ),
-            onMove: ({ index: y, isStart: O, isEnd: v }) => {
-              s({ isStart: O, isEnd: v }), h(y);
+            onMove: ({ index: S, isStart: I, isEnd: f }) => {
+              s({ isStart: I, isEnd: f }), _(S);
             }
           }
         ),
@@ -1911,13 +1911,13 @@ const jt = (t, r) => {
               justifyContent: "center"
             },
             children: /* @__PURE__ */ e(
-              Ee,
+              ke,
               {
                 total: a.length,
-                active: l,
-                onSelect: (y) => {
-                  var O;
-                  h(y), (O = x.current) == null || O.go(y);
+                active: p,
+                onSelect: (S) => {
+                  var I;
+                  _(S), (I = b.current) == null || I.go(S);
                 }
               }
             )
@@ -1926,26 +1926,26 @@ const jt = (t, r) => {
       ]
     }
   );
-  return i ? /* @__PURE__ */ u(
+  return r ? /* @__PURE__ */ c(
     k,
     {
       component: "section",
       sx: {
-        ...f,
+        ...x,
         textAlign: "center"
       },
       children: [
-        (c || n) && /* @__PURE__ */ u(k, { sx: ge, children: [
-          c && /* @__PURE__ */ e(D, { component: "span", sx: fe, children: c }),
-          n && /* @__PURE__ */ u(Z, { 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: xe, children: n })
+            /* @__PURE__ */ e(D, { component: "span", sx: be, children: o })
           ] })
         ] }),
-        S(!1)
+        $(!1)
       ]
     }
-  ) : /* @__PURE__ */ e(k, { component: "section", sx: f, children: /* @__PURE__ */ u(
+  ) : /* @__PURE__ */ e(k, { component: "section", sx: x, children: /* @__PURE__ */ c(
     k,
     {
       sx: {
@@ -1958,7 +1958,7 @@ const jt = (t, r) => {
         columnGap: 6
       },
       children: [
-        (c || n) && /* @__PURE__ */ e(
+        (l || o) && /* @__PURE__ */ e(
           k,
           {
             sx: {
@@ -1967,19 +1967,19 @@ const jt = (t, r) => {
               justifyContent: "flex-start",
               minHeight: "100%"
             },
-            children: /* @__PURE__ */ u(
+            children: /* @__PURE__ */ c(
               k,
               {
                 sx: {
-                  ...ge,
+                  ...fe,
                   textAlign: "left",
                   mb: 0
                 },
                 children: [
-                  c && /* @__PURE__ */ e(D, { component: "span", sx: fe, children: c }),
-                  n && /* @__PURE__ */ u(Z, { 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: xe, children: n })
+                    /* @__PURE__ */ e(D, { component: "span", sx: be, children: o })
                   ] })
                 ]
               }
@@ -1994,7 +1994,7 @@ const jt = (t, r) => {
               justifyContent: "center",
               alignItems: "center"
             },
-            children: S(!0)
+            children: $(!0)
           }
         )
       ]
@@ -2002,46 +2002,46 @@ const jt = (t, r) => {
   ) });
 }, Qt = ({
   className: t = "",
-  fullBleed: r = !0,
+  fullBleed: n = !0,
   items: a,
-  selectedIndex: o = 0,
-  ariaLabel: c
+  selectedIndex: i = 0,
+  ariaLabel: l
 }) => {
-  const n = A(null), i = A(null);
+  const o = G(null), r = G(null);
   if (!a) return null;
   const m = () => {
     window.location.href = "https://www.olimpo.bet/conoce-club-olimpo";
-  }, d = Array.isArray(a) ? a[o] : a;
-  Ue(() => {
-    if (!n.current || !i.current || typeof ResizeObserver == "undefined") return;
-    const x = n.current, I = i.current, s = () => {
-      x.style.setProperty(
+  }, u = Array.isArray(a) ? a[i] : a;
+  ze(() => {
+    if (!o.current || !r.current || typeof ResizeObserver == "undefined") return;
+    const b = o.current, O = r.current, s = () => {
+      b.style.setProperty(
         "--orc-co-bottomH",
-        `${I.offsetHeight + 16}px`
+        `${O.offsetHeight + 16}px`
       );
-    }, l = new ResizeObserver(s);
-    return l.observe(I), s(), () => l.disconnect();
+    }, p = new ResizeObserver(s);
+    return p.observe(O), s(), () => p.disconnect();
   }, []);
-  const f = [
+  const x = [
     "orc-co-wrap",
-    r ? "orc-co-fullBleed" : "",
+    n ? "orc-co-fullBleed" : "",
     t
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ e(
     "section",
     {
-      ref: n,
-      className: f,
-      "aria-label": c || d.imgAlt || "Club Olimpo",
-      children: /* @__PURE__ */ e("div", { ref: i, children: /* @__PURE__ */ e(
-        ft,
+      ref: o,
+      className: x,
+      "aria-label": l || u.imgAlt || "Club Olimpo",
+      children: /* @__PURE__ */ e("div", { ref: r, children: /* @__PURE__ */ e(
+        xt,
         {
-          text: d.text,
+          text: u.text,
           onClick: m,
-          imgAlt: d.imgAlt,
-          imgSrcMobile: d.imgMobile,
-          imgSrcDesktopBg: d.imgDesktopBg,
-          imgSrcDesktopLogo: d.imgDesktopLogo
+          imgAlt: u.imgAlt,
+          imgSrcMobile: u.imgMobile,
+          imgSrcDesktopBg: u.imgDesktopBg,
+          imgSrcDesktopLogo: u.imgDesktopLogo
         }
       ) })
     }
@@ -2049,131 +2049,131 @@ const jt = (t, r) => {
 }, Yt = "oraculo__OraculoSeccionEventoCombinadas-module__controls___Zsta4", Zt = {
   controls: Yt
 };
-function en({
+function eo({
   items: t,
-  title: r = "Combinadas del Olimpo",
+  title: n = "Combinadas del Olimpo",
   iconUrl: a = "https://stg-www.contodobet.com/static/img/landing/EventoCombinada/rayoIcon.svg",
-  onViewMore: o,
-  className: c = ""
+  onViewMore: i,
+  className: l = ""
 }) {
-  const n = A(null), [i, m] = U({ isStart: !0, isEnd: !1 }), [d, f] = U([]), x = "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", I = () => {
-    var v;
-    (v = n.current) == null || v.prev();
+  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();
   }, s = () => {
-    var v;
-    (v = n.current) == null || v.next();
-  }, l = () => {
-    o == null || o();
+    var f;
+    (f = o.current) == null || f.next();
+  }, p = () => {
+    Ot();
   };
-  async function h() {
-    var v, E, T;
+  async function _() {
+    var f, C, T;
     try {
-      const $ = await (await fetch(x)).json(), p = (T = (E = (v = $ == null ? void 0 : $.group) == null ? void 0 : v.groups) == null ? void 0 : E[0]) == null ? void 0 : T.id;
-      if (!p) {
+      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;
+      if (!d) {
         console.error("Could not extract group ID");
         return;
       }
-      const _ = `https://us1.offering-api.kambicdn.com/offering/v2018/nexuspe/prepackcoupon/eventgroup/${p}.json?lang=es_PE&market=PE&client_id=200&channel_id=1&ncid=1764283566783&prePackCouponTags=CUSTOM`, b = await (await fetch(_)).json();
-      f(
-        S(b.events, b.betOffers, b.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`, g = await (await fetch(h)).json();
+      x(
+        $(g.events, g.betOffers, g.prePackCoupons)
       );
-    } catch (R) {
-      console.error("loadDataEventSpecial error:", R);
+    } catch (P) {
+      console.error("loadDataEventSpecial error:", P);
     }
   }
-  function S(v, E, T) {
-    const R = [];
-    for (const $ of T) {
-      const p = y([$]), _ = g($), C = E.reduce((b, w) => {
-        var P, W;
-        b[w.eventId] || (b[w.eventId] = []);
-        const N = w.outcomes.filter(
-          (z) => p.has(z.id)
+  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, F;
+        g[y.eventId] || (g[y.eventId] = []);
+        const N = y.outcomes.filter(
+          (z) => d.has(z.id)
         );
         if (N.length > 0) {
           const z = Array.from(
-            (W = (P = _ == null ? void 0 : _[0]) == null ? void 0 : P.requiredOutcomeIds) != null ? W : []
-          ), M = N.map((Y) => ({
+            (F = (R = h == null ? void 0 : h[0]) == null ? void 0 : R.requiredOutcomeIds) != null ? F : []
+          ), A = N.map((Y) => ({
             ...Y,
             position: z.indexOf(Y.id)
           }));
-          b[w.eventId].push({
-            ...w,
-            outcomes: M
+          g[y.eventId].push({
+            ...y,
+            outcomes: A
           });
         }
-        return b;
+        return g;
       }, {});
-      v.forEach((b) => {
-        if (b.id !== $.prePackCouponRows[0].eventId) return;
-        const w = p;
+      f.forEach((g) => {
+        if (g.id !== E.prePackCouponRows[0].eventId) return;
+        const y = d;
         let N = null;
-        for (const P of _)
-          if ([...P.requiredOutcomeIds].every((z) => w.has(z))) {
-            N = P.decimal;
+        for (const R of h)
+          if ([...R.requiredOutcomeIds].every((z) => y.has(z))) {
+            N = R.decimal;
             break;
           }
-        R.push({
-          ...b,
+        P.push({
+          ...g,
           combinadoTotal: N,
-          betoffers: C[b.id] || [],
-          couponId: $.id
+          betoffers: w[g.id] || [],
+          couponId: E.id
           // optional for tracking
         });
       });
     }
-    return R;
+    return P;
   }
-  function g(v) {
+  function v(f) {
     var T;
-    const E = [];
-    for (const R of v.prePackCouponRows)
-      if (R.type === "BET_BUILDER" && ((T = R.group) != null && T.groups)) {
-        const $ = /* @__PURE__ */ new Set();
-        R.group.groups.forEach((p) => {
-          var _;
-          (_ = p.outcomes) == null || _.forEach((C) => $.add(C.id));
-        }), E.push({
-          requiredOutcomeIds: $,
-          decimal: R.odds.decimal
+    const C = [];
+    for (const P of f.prePackCouponRows)
+      if (P.type === "BET_BUILDER" && ((T = P.group) != null && T.groups)) {
+        const E = /* @__PURE__ */ new Set();
+        P.group.groups.forEach((d) => {
+          var h;
+          (h = d.outcomes) == null || h.forEach((w) => E.add(w.id));
+        }), C.push({
+          requiredOutcomeIds: E,
+          decimal: P.odds.decimal
         });
       }
-    return E;
+    return C;
   }
-  function y(v) {
+  function S(f) {
     var T;
-    const E = /* @__PURE__ */ new Set();
-    for (const R of v)
-      for (const $ of R.prePackCouponRows)
-        $.type === "BET_BUILDER" && ((T = $.group) != null && T.groups) && $.group.groups.forEach((p) => {
-          var _;
-          (_ = p.outcomes) == null || _.forEach((C) => E.add(C.id));
-        }), $.type === "SIMPLE" && $.outcome && E.add($.outcome.id);
-    return E;
+    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) => {
+          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;
   }
   Q(() => {
-    h();
+    _();
   }, []);
-  const O = c || void 0;
-  return !d || d.length === 0 ? null : /* @__PURE__ */ e("section", { className: O, style: {
+  const I = l || void 0;
+  return !u || u.length === 0 ? null : /* @__PURE__ */ e("section", { className: I, style: {
     paddingLeft: 16,
     paddingRight: 16,
     width: "100%",
     boxSizing: "border-box"
-  }, children: /* @__PURE__ */ u(B, { direction: "column", spacing: 1.5, useFlexGap: !0, children: [
-    /* @__PURE__ */ u(H, { spacing: 1.5, columns: "1fr auto ", justify: "start", children: [
-      /* @__PURE__ */ e(K, { title: r, iconUrl: a, size: "md" }),
-      /* @__PURE__ */ u("div", { className: Zt.controls, children: [
-        /* @__PURE__ */ u(H, { spacing: 1, columns: "auto auto", children: [
+  }, 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: [
           /* @__PURE__ */ e(
             L,
             {
               ariaLabel: "Anterior",
               variant: "secondary",
               iconOnly: !0,
-              leftIcon: /* @__PURE__ */ e(le, {}),
-              onClick: I,
-              disabled: i.isStart
+              leftIcon: /* @__PURE__ */ e(de, {}),
+              onClick: O,
+              disabled: r.isStart
             }
           ),
           /* @__PURE__ */ e(
@@ -2182,20 +2182,20 @@ function en({
               ariaLabel: "Siguiente",
               variant: "secondary",
               iconOnly: !0,
-              rightIcon: /* @__PURE__ */ e(de, {}),
+              rightIcon: /* @__PURE__ */ e(ue, {}),
               onClick: s,
-              disabled: i.isEnd
+              disabled: r.isEnd
             }
           )
         ] }),
-        /* @__PURE__ */ e(L, { variant: "secondary", onClick: l, children: "Ver más" })
+        /* @__PURE__ */ e(L, { variant: "secondary", onClick: p, children: "Ver más" })
       ] })
     ] }),
     /* @__PURE__ */ e(
       q,
       {
-        ref: n,
-        items: d.filter((v) => v.combinadoTotal !== null),
+        ref: o,
+        items: u.filter((f) => f.combinadoTotal !== null),
         perPage: void 0,
         gap: "16px",
         options: { autoWidth: !0, trimSpace: "move" },
@@ -2203,102 +2203,102 @@ function en({
         breakpoints: {
           768: { perPage: 1.2, gap: "12px", padding: { left: "0px", right: "0px" } }
         },
-        renderItem: (v) => /* @__PURE__ */ e(Et, { event: v }),
-        onMove: ({ isStart: v, isEnd: E }) => m({ isStart: v, isEnd: E })
+        renderItem: (f) => /* @__PURE__ */ e(Nt, { event: f }),
+        onMove: ({ isStart: f, isEnd: C }) => m({ isStart: f, isEnd: C })
       }
     )
   ] }) });
 }
-function tn({}) {
+function to({}) {
   return /* @__PURE__ */ e(
     "div",
     {
-      className: Oe.cardWrapper,
-      children: /* @__PURE__ */ u(B, { direction: "column", spacing: 1, children: [
-        /* @__PURE__ */ u(B, { spacing: 1, direction: "row", children: [
-          /* @__PURE__ */ e(F, { variant: "text", width: "60%", height: 24 }),
-          /* @__PURE__ */ e(F, { variant: "text", width: "39%", height: 24 })
+      className: Pe.cardWrapper,
+      children: /* @__PURE__ */ c(B, { direction: "column", spacing: 1, children: [
+        /* @__PURE__ */ c(B, { spacing: 1, direction: "row", children: [
+          /* @__PURE__ */ e(M, { variant: "text", width: "60%", height: 24 }),
+          /* @__PURE__ */ e(M, { variant: "text", width: "39%", height: 24 })
         ] }),
-        /* @__PURE__ */ u(B, { spacing: 8, direction: "row", justifyContent: "center", alignItems: "center", children: [
-          /* @__PURE__ */ e(F, { variant: "circular", width: 32, height: 40 }),
-          /* @__PURE__ */ e(F, { variant: "text", width: 40, height: 40 }),
-          /* @__PURE__ */ e(F, { variant: "circular", width: 32, height: 40 })
+        /* @__PURE__ */ c(B, { 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__ */ u(B, { spacing: 8, direction: "row", justifyContent: "center", alignItems: "center", children: [
-          /* @__PURE__ */ e(F, { variant: "text", width: 32, height: 16 }),
-          /* @__PURE__ */ e(F, { variant: "text", width: 40, height: 16 }),
-          /* @__PURE__ */ e(F, { variant: "text", width: 32, height: 16 })
+        /* @__PURE__ */ c(B, { 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__ */ u(B, { spacing: 2, direction: "row", children: [
-          /* @__PURE__ */ e(F, { variant: "rounded", width: 88, height: 16 }),
-          /* @__PURE__ */ e(F, { variant: "rounded", width: 88, height: 16 }),
-          /* @__PURE__ */ e(F, { variant: "rounded", width: 88, height: 16 })
+        /* @__PURE__ */ c(B, { 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__ */ u(B, { spacing: 2, direction: "row", children: [
-          /* @__PURE__ */ e(F, { variant: "rounded", width: 88, height: 32 }),
-          /* @__PURE__ */ e(F, { variant: "rounded", width: 88, height: 32 }),
-          /* @__PURE__ */ e(F, { variant: "rounded", width: 88, height: 32 })
+        /* @__PURE__ */ c(B, { 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 })
         ] })
       ] })
     }
   );
 }
-const nn = "oraculo__FadeItemWrapper-module__fadeWrapper___kFOH4", on = {
-  fadeWrapper: nn
+const oo = "oraculo__FadeItemWrapper-module__fadeWrapper___kFOH4", no = {
+  fadeWrapper: oo
 };
-function oe({ children: t }) {
-  return /* @__PURE__ */ e("div", { className: on.fadeWrapper, children: t });
+function ne({ children: t }) {
+  return /* @__PURE__ */ e("div", { className: no.fadeWrapper, children: t });
 }
-function rn({
+function ro({
   items: t,
-  title: r = "En vivo",
+  title: n = "En vivo",
   iconUrl: a = "https://stg-www.contodobet.com/static/img/landing/EventoEnVivo/icon.svg",
-  onViewMore: o,
-  className: c = ""
+  onViewMore: i,
+  className: l = ""
 }) {
-  const n = "https://us1.offering-api.kambicdn.com/offering/v2018/nexuspe/listView/football/all/all/all/in-play.json?channel_id=3&channel_id=3&client_id=200&client_id=200&competitionId=undefined&lang=es_PE&lang=es_PE&market=PE&market=PE&useCombined=true&useCombinedLive=true", i = A(null), [m, d] = U({ isStart: !0, isEnd: !1 }), [f, x] = U([]), I = () => {
-    var y;
-    (y = i.current) == null || y.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", r = G(null), [m, u] = W({ isStart: !0, isEnd: !1 }), [x, b] = W([]), O = () => {
+    var S;
+    (S = r.current) == null || S.prev();
   }, s = () => {
-    var y;
-    (y = i.current) == null || y.next();
-  }, l = () => {
-    o == null || o();
+    var S;
+    (S = r.current) == null || S.next();
+  }, p = () => {
+    kt();
   };
-  async function h() {
+  async function _() {
     try {
-      const O = await (await fetch(n)).json();
-      x(O.events);
-    } catch (y) {
-      console.error(y);
+      const I = await (await fetch(o)).json();
+      b(I.events);
+    } catch (S) {
+      console.error(S);
     }
   }
   Q(() => {
-    h();
-    const y = setInterval(() => {
-      h();
+    _();
+    const S = setInterval(() => {
+      _();
     }, 2e4);
-    return () => clearInterval(y);
+    return () => clearInterval(S);
   }, []);
-  const S = c || void 0, g = !f || f.length === 0;
-  return /* @__PURE__ */ e("section", { className: S, style: {
+  const $ = l || void 0, v = !x || x.length === 0;
+  return /* @__PURE__ */ e("section", { className: $, style: {
     // paddingLeft: 16,
     // paddingRight: 16,
     width: "100%",
     boxSizing: "border-box"
-  }, children: /* @__PURE__ */ u(B, { direction: "column", spacing: 1.5, useFlexGap: !0, children: [
-    /* @__PURE__ */ u(H, { spacing: 1.5, columns: "1fr auto ", justify: "start", children: [
-      /* @__PURE__ */ e(K, { title: r, iconUrl: a, size: "md" }),
-      /* @__PURE__ */ u("div", { style: { display: "flex", gap: 8, alignItems: "center" }, children: [
-        /* @__PURE__ */ u(H, { spacing: 1, columns: "auto auto", children: [
+  }, 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: [
           /* @__PURE__ */ e(
             L,
             {
               ariaLabel: "Anterior",
               variant: "secondary",
               iconOnly: !0,
-              leftIcon: /* @__PURE__ */ e(le, {}),
-              onClick: I,
+              leftIcon: /* @__PURE__ */ e(de, {}),
+              onClick: O,
               disabled: m.isStart
             }
           ),
@@ -2308,21 +2308,21 @@ function rn({
               ariaLabel: "Siguiente",
               variant: "secondary",
               iconOnly: !0,
-              rightIcon: /* @__PURE__ */ e(de, {}),
+              rightIcon: /* @__PURE__ */ e(ue, {}),
               onClick: s,
               disabled: m.isEnd
             }
           )
         ] }),
-        /* @__PURE__ */ e(L, { variant: "secondary", onClick: l, children: "Ver más" })
+        /* @__PURE__ */ e(L, { variant: "secondary", onClick: p, children: "Ver más" })
       ] })
     ] }),
     /* @__PURE__ */ e(
       q,
       {
-        ref: i,
-        items: g ? Array(4).fill({}) : f == null ? void 0 : f.filter((y) => y.event.sport === "FOOTBALL").sort(
-          (y, O) => new Date(O.event.start).getTime() - new Date(y.event.start).getTime()
+        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()
         ),
         perPage: void 0,
         gap: "16px",
@@ -2332,159 +2332,158 @@ function rn({
           768: { gap: "8px", focus: "center" },
           1024: { gap: "10px", focus: "center" }
         },
-        renderItem: (y) => g ? /* @__PURE__ */ e(oe, { children: /* @__PURE__ */ e(tn, {}) }) : /* @__PURE__ */ e(oe, { children: /* @__PURE__ */ e(kt, { ...y }) }),
-        onMove: ({ isStart: y, isEnd: O }) => d({ isStart: y, isEnd: O })
+        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 })
       }
     )
   ] }) });
 }
-function an() {
-  return /* @__PURE__ */ u("div", { className: J.cardContainer, children: [
-    /* @__PURE__ */ e($e, { title: "" }),
-    /* @__PURE__ */ e("div", { className: J.cardBackground, children: /* @__PURE__ */ u(B, { direction: "column", spacing: { xs: 0.5, md: 1 }, useFlexGap: !0, children: [
-      /* @__PURE__ */ u(B, { spacing: 8, direction: "row", justifyContent: "center", alignItems: "center", children: [
-        /* @__PURE__ */ e(F, { variant: "circular", width: 48, height: 48 }),
-        /* @__PURE__ */ e(F, { variant: "circular", width: 48, height: 48 })
+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: [
+        /* @__PURE__ */ e(M, { variant: "circular", width: 48, height: 48 }),
+        /* @__PURE__ */ e(M, { variant: "circular", width: 48, height: 48 })
       ] }),
-      /* @__PURE__ */ u(B, { direction: "column", spacing: { xs: 0.5, md: 1 }, useFlexGap: !0, children: [
-        /* @__PURE__ */ u(B, { spacing: 8, direction: "row", justifyContent: "center", alignItems: "center", children: [
-          /* @__PURE__ */ e(F, { variant: "text", width: 80, height: 12 }),
-          /* @__PURE__ */ e(F, { variant: "text", width: 80, height: 12 })
+      /* @__PURE__ */ 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__ */ 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(F, { variant: "text", width: 160, height: 12 }) }),
-        /* @__PURE__ */ u(B, { direction: "row", spacing: 1, children: [
-          /* @__PURE__ */ e(F, { variant: "text", width: 80, height: 16 }),
-          /* @__PURE__ */ e(F, { variant: "text", width: 80, height: 16 }),
-          /* @__PURE__ */ e(F, { variant: "text", width: 80, height: 16 })
+        /* @__PURE__ */ e(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(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__ */ u(B, { direction: "row", spacing: 1, children: [
-          /* @__PURE__ */ e(F, { variant: "rounded", width: 80, height: 32 }),
-          /* @__PURE__ */ e(F, { variant: "rounded", width: 80, height: 32 }),
-          /* @__PURE__ */ e(F, { variant: "rounded", width: 80, height: 32 })
+        /* @__PURE__ */ e("div", { className: J.jugadas, children: /* @__PURE__ */ c(B, { 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 })
         ] }) })
       ] })
     ] }) })
   ] });
 }
-const sn = "oraculo__OraculoSeccionEventoSemana-module__wrapper___eqVq-", cn = "oraculo__OraculoSeccionEventoSemana-module__container___5yFQs", ln = "oraculo__OraculoSeccionEventoSemana-module__buttonWrapper___-6IDT", se = {
-  wrapper: sn,
-  container: cn,
-  buttonWrapper: ln
+const io = "oraculo__OraculoSeccionEventoSemana-module__wrapper___eqVq-", so = "oraculo__OraculoSeccionEventoSemana-module__container___5yFQs", co = "oraculo__OraculoSeccionEventoSemana-module__buttonWrapper___-6IDT", ce = {
+  wrapper: io,
+  container: so,
+  buttonWrapper: co
 };
-function dn({
+function lo({
   items: t,
-  title: r = "En vivo",
+  title: n = "En vivo",
   iconUrl: a,
-  onViewMore: o,
-  className: c = ""
+  onViewMore: i,
+  className: l = ""
 }) {
-  const n = "https://us1.offering-api.kambicdn.com/offering/v2018/nexuspe/group.json?channel_id=1&client_id=200&lang=es_PE&market=PE", i = A(null), [m, d] = U({ isStart: !0, isEnd: !1 }), [f, x] = U([]);
-  function I(v) {
-    return [...v].sort(
-      (E, T) => new Date(E.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", 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()
     );
   }
-  function s(v) {
-    const E = /* @__PURE__ */ new Date(), T = new Date(E.getTime() + 10080 * 60 * 1e3);
-    return v.filter((R) => {
-      if (!R.start) return !1;
-      const $ = new Date(R.start);
-      return $ >= E && $ <= T;
+  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;
     });
   }
-  const l = () => {
-    o == null || o();
+  const p = () => {
+    $t();
   };
-  async function h() {
+  async function _() {
     try {
-      const T = (await (await fetch(n)).json()).group.groups.find(
-        (C) => C.englishName === "Football"
+      const T = (await (await fetch(o)).json()).group.groups.find(
+        (w) => w.englishName === "Football"
       );
       if (!T || !Array.isArray(T.groups)) {
         console.error("Football groups not found");
         return;
       }
-      const $ = T.groups.slice(0, 5), p = (C) => {
-        const b = "https://us1.offering-api.kambicdn.com/offering/v2018/nexuspe/listView/football";
-        if (C.groups && C.groups.length > 0) {
-          const w = C.groups[0];
+      const E = T.groups.slice(0, 5), d = (w) => {
+        const g = "https://us1.offering-api.kambicdn.com/offering/v2018/nexuspe/listView/football";
+        if (w.groups && w.groups.length > 0) {
+          const y = w.groups[0];
           return [
-            `${b}/${C.termKey}/${w.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`
+            `${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`
           ];
         }
         return [
-          `${b}/${C.termKey}/all/all/matches.json?channel_id=1&channel_id=1&client_id=200&client_id=200&competitionId=undefined&lang=es_PE&lang=es_PE&market=PE&market=PE&useCombined=true&useCombinedLive=true`
+          `${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`
         ];
-      }, _ = $.flatMap(p);
-      S(_);
-    } catch (v) {
-      console.error(v);
+      }, h = E.flatMap(d);
+      $(h);
+    } catch (f) {
+      console.error(f);
     }
   }
-  async function S(v) {
+  async function $(f) {
     try {
-      const E = await Promise.all(
-        v.map((p) => fetch(p).then((_) => _.json()))
+      const C = await Promise.all(
+        f.map((d) => fetch(d).then((h) => h.json()))
       );
-      let T = [], R = [];
-      E.forEach((p) => {
-        p.events && (T.push(...p.events.map((_) => _.event)), R.push(...p.events.flatMap((_) => _.betOffers || [])));
+      let T = [], P = [];
+      C.forEach((d) => {
+        d.events && (T.push(...d.events.map((h) => h.event)), P.push(...d.events.flatMap((h) => h.betOffers || [])));
       });
-      const $ = g(T, R);
-      x(I(s($)));
-    } catch (E) {
-      console.error("Error loading events:", E);
+      const E = v(T, P);
+      b(O(s(E)));
+    } catch (C) {
+      console.error("Error loading events:", C);
     }
   }
-  function g(v, E) {
-    const R = E.filter(($) => {
-      var p;
-      return ((p = $.betOfferType) == null ? void 0 : p.id) === 2;
-    }).reduce(($, p) => ($[p.eventId] || ($[p.eventId] = []), $[p.eventId].push(p), $), {});
-    return v.filter(($) => R[$.id]).map(($) => ({
-      ...$,
-      outcome: R[$.id]
+  function v(f, C) {
+    const P = C.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) => ({
+      ...E,
+      outcome: P[E.id]
     }));
   }
   Q(() => {
-    t && h();
+    t && _();
   }, [t]);
-  const y = c || void 0, O = !f || f.length === 0;
-  return /* @__PURE__ */ e("section", { className: y, style: {
+  const S = l || void 0, I = !x || x.length === 0;
+  return /* @__PURE__ */ e("section", { className: S, style: {
     paddingLeft: 16,
-    paddingRight: 16,
     width: "100%",
     boxSizing: "border-box"
-  }, children: /* @__PURE__ */ u("div", { className: se.wrapper, children: [
-    /* @__PURE__ */ e("div", { className: se.container, children: /* @__PURE__ */ u(B, { direction: "column", spacing: 1.5, useFlexGap: !0, children: [
+  }, 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: [
       /* @__PURE__ */ e(K, { title: "Eventos de la semana" }),
-      /* @__PURE__ */ e("div", { className: se.buttonWrapper, children: /* @__PURE__ */ e(L, { variant: "secondary", size: "lg", fullWidth: !0, onClick: () => {
-        l();
+      /* @__PURE__ */ e("div", { className: ce.buttonWrapper, children: /* @__PURE__ */ e(L, { variant: "secondary", size: "lg", fullWidth: !0, onClick: () => {
+        p();
       }, children: "Ver más" }) })
     ] }) }),
     /* @__PURE__ */ e("div", { style: { minWidth: "180px" }, children: /* @__PURE__ */ e(
       q,
       {
-        ref: i,
-        items: O ? Array(4).fill({}) : f,
+        ref: r,
+        items: I ? Array(6).fill({}) : x,
         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: (v) => O ? /* @__PURE__ */ e(oe, { children: /* @__PURE__ */ e(an, {}) }) : /* @__PURE__ */ e(oe, { children: /* @__PURE__ */ e(Lt, { event: v }) }),
-        onMove: ({ isStart: v, isEnd: E }) => d({ isStart: v, isEnd: E })
+        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 })
       }
     ) })
   ] }) });
 }
-function un({
+function uo({
   backgrounds: t,
-  items: r
+  items: n
 }) {
-  const [a, o] = U(0), c = (t == null ? void 0 : t.length) || 1;
-  return /* @__PURE__ */ u(
+  const [a, i] = W(0), l = (t == null ? void 0 : t.length) || 1;
+  return /* @__PURE__ */ c(
     j,
     {
       component: "section",
@@ -2498,7 +2497,7 @@ function un({
         // pb: { xs: 7, sm: 8 },
       },
       children: [
-        /* @__PURE__ */ u(
+        /* @__PURE__ */ c(
           j,
           {
             sx: {
@@ -2523,10 +2522,10 @@ function un({
                     // left: 0,
                     // right: 0,
                   },
-                  onMove: ({ index: n }) => o(n),
-                  renderItem: (n) => {
-                    var i;
-                    return /* @__PURE__ */ u(
+                  onMove: ({ index: o }) => i(o),
+                  renderItem: (o) => {
+                    var r;
+                    return /* @__PURE__ */ c(
                       j,
                       {
                         sx: {
@@ -2534,7 +2533,7 @@ function un({
                           height: { xs: 300, sm: 360, md: 420 }
                         },
                         children: [
-                          /* @__PURE__ */ u(
+                          /* @__PURE__ */ c(
                             j,
                             {
                               component: "picture",
@@ -2543,14 +2542,14 @@ function un({
                                 /* @__PURE__ */ e(
                                   "source",
                                   {
-                                    srcSet: n.desktopSrc,
+                                    srcSet: o.desktopSrc,
                                     media: "(min-width:800px)"
                                   }
                                 ),
                                 /* @__PURE__ */ e(
                                   "source",
                                   {
-                                    srcSet: n.mobileSrc,
+                                    srcSet: o.mobileSrc,
                                     media: "(max-width:799px)"
                                   }
                                 ),
@@ -2558,7 +2557,7 @@ function un({
                                   j,
                                   {
                                     component: "img",
-                                    src: (i = n.fallbackSrc) != null ? i : n.desktopSrc,
+                                    src: (r = o.fallbackSrc) != null ? r : o.desktopSrc,
                                     alt: "",
                                     "aria-hidden": !0,
                                     loading: "lazy",
@@ -2610,7 +2609,7 @@ function un({
                     justifyContent: "center",
                     zIndex: 2
                   },
-                  children: /* @__PURE__ */ e(Ee, { total: c, active: a })
+                  children: /* @__PURE__ */ e(ke, { total: l, active: a })
                 }
               )
             ]
@@ -2638,7 +2637,7 @@ function un({
               boxShadow: "0 10px 24px rgba(0,0,0,.35)",
               zIndex: 3
             },
-            children: r == null ? void 0 : r.map((n) => /* @__PURE__ */ u(
+            children: n == null ? void 0 : n.map((o) => /* @__PURE__ */ c(
               j,
               {
                 sx: {
@@ -2651,20 +2650,20 @@ function un({
                   // espacio icono-texto
                   color: "#FFFFFF",
                   minWidth: 0,
-                  cursor: n.onclick ? "pointer" : "default",
+                  cursor: o.onclick ? "pointer" : "default",
                   whiteSpace: "nowrap"
                 },
                 onClick: () => {
-                  var i;
-                  return (i = n.onclick) == null ? void 0 : i.call(n);
+                  var r;
+                  return (r = o.onclick) == null ? void 0 : r.call(o);
                 },
                 children: [
-                  n.icon && /* @__PURE__ */ e(
+                  o.icon && /* @__PURE__ */ e(
                     j,
                     {
                       component: "img",
-                      src: n.icon,
-                      alt: n.label || `icon-${n.id}`,
+                      src: o.icon,
+                      alt: o.label || `icon-${o.id}`,
                       sx: {
                         width: { xs: 20, sm: 22, md: 24 },
                         height: { xs: 20, sm: 22, md: 24 },
@@ -2673,7 +2672,7 @@ function un({
                     }
                   ),
                   /* @__PURE__ */ e(
-                    ye,
+                    we,
                     {
                       sx: {
                         fontSize: { xs: 10, sm: 11, md: 12 },
@@ -2682,12 +2681,12 @@ function un({
                         textAlign: "center"
                         // en mobile queda centrado bajo el icono
                       },
-                      children: n.label
+                      children: o.label
                     }
                   )
                 ]
               },
-              n.id
+              o.id
             ))
           }
         )
@@ -2695,7 +2694,7 @@ function un({
     }
   );
 }
-const pn = [
+const po = [
   [
     { src: "https://stg-www.contodobet.com/static/img/landing/MediosPago/IBK.svg", alt: "Interbank" },
     { src: "https://stg-www.contodobet.com/static/img/landing/MediosPago/Yape.svg", alt: "Yape" }
@@ -2706,14 +2705,14 @@ const pn = [
     { src: "https://stg-www.contodobet.com/static/img/landing/MediosPago/niubiz.svg", alt: "Niubiz" }
   ]
 ];
-function mn({
+function mo({
   title: t = "Medios de pago",
-  rows: r = pn
+  rows: n = po
 }) {
-  const a = r.flat();
-  return /* @__PURE__ */ u(j, { component: "section", "aria-labelledby": "mp-title", sx: { color: "#fff" }, children: [
+  const a = n.flat();
+  return /* @__PURE__ */ c(j, { component: "section", "aria-labelledby": "mp-title", sx: { color: "#fff" }, children: [
     /* @__PURE__ */ e(
-      ye,
+      we,
       {
         id: "mp-title",
         variant: "h6",
@@ -2740,17 +2739,17 @@ function mn({
         }
       }
     ),
-    /* @__PURE__ */ e(j, { sx: { display: { xs: "block", md: "none" } }, children: r.map((o, c) => /* @__PURE__ */ e(
-      we,
+    /* @__PURE__ */ e(j, { sx: { display: { xs: "block", md: "none" } }, children: n.map((i, l) => /* @__PURE__ */ e(
+      Se,
       {
         direction: "row",
         justifyContent: "center",
         alignItems: "center",
         gap: 2.5,
         flexWrap: "wrap",
-        children: o.map((n) => /* @__PURE__ */ e(he, { ...n }, `${n.src}-${n.alt}`))
+        children: i.map((o) => /* @__PURE__ */ e(ge, { ...o }, `${o.src}-${o.alt}`))
       },
-      c
+      l
     )) }),
     /* @__PURE__ */ e(
       j,
@@ -2764,246 +2763,246 @@ function mn({
           gridTemplateColumns: { md: "repeat(auto-fit, 160px)" },
           justifyContent: { md: "center" }
         },
-        children: a.map((o) => /* @__PURE__ */ e(he, { ...o }, `${o.src}-${o.alt}`))
+        children: a.map((i) => /* @__PURE__ */ e(ge, { ...i }, `${i.src}-${i.alt}`))
       }
     )
   ] });
 }
-const hn = {
-  OraculoSeccionDestacados: Wt,
-  OraculoSeccionTopJuegos: zt,
-  OraculoSeccionCasinoEnVivo: At,
+const ho = {
+  OraculoSeccionDestacados: At,
+  OraculoSeccionTopJuegos: Gt,
+  OraculoSeccionCasinoEnVivo: Dt,
   OraculoSeccionCasino: Ht,
   OraculoSeccionVirtuales: qt,
   OraculoSeccionClubOlimpo: Qt,
   OraculoSeccionBonoBienvenida: Xt,
-  OraculoSeccionBanners: un,
-  OraculoSeccionMediosPago: mn,
-  OraculoSeccionEventoEnVivo: rn,
-  OraculoSeccionEventoSemana: dn,
-  OraculoSeccionEventoCombinadas: en
-}, gn = (t) => typeof t == "function" || t && typeof t == "object" && "$$typeof" in t, fn = (t) => /^OraculoSeccion[A-Z]/.test(t), xn = Object.fromEntries(
-  Object.entries(hn).filter(
-    ([t, r]) => fn(t) && gn(r)
+  OraculoSeccionBanners: uo,
+  OraculoSeccionMediosPago: mo,
+  OraculoSeccionEventoEnVivo: ro,
+  OraculoSeccionEventoSemana: lo,
+  OraculoSeccionEventoCombinadas: eo
+}, go = (t) => typeof t == "function" || t && typeof t == "object" && "$$typeof" in t, fo = (t) => /^OraculoSeccion[A-Z]/.test(t), xo = Object.fromEntries(
+  Object.entries(ho).filter(
+    ([t, n]) => fo(t) && go(n)
   )
 );
 class _e extends Error {
-  constructor(r, a, o) {
-    super(`HTTP ${r} ${o}`), this.status = r, this.url = a, this.statusText = o, this.name = "HttpError";
+  constructor(n, a, i) {
+    super(`HTTP ${n} ${i}`), this.status = n, this.url = a, this.statusText = i, this.name = "HttpError";
   }
 }
-const be = [
+const ve = [
   "OraculoSeccionEventoEnVivo",
   "OraculoSeccionEventoSemana",
   "OraculoSeccionEventoCombinadas"
-], Tn = ({
+], To = ({
   sectionsOverride: t,
-  docId: r = "home",
+  docId: n = "home",
   db: a
 }) => {
-  const [o, c] = U(
+  const [i, l] = W(
     []
-  ), [n, i] = U(!1), [m, d] = U({}), [f, x] = U({}), [I, s] = U({}), l = Pe("(min-width:1024px)");
+  ), [o, r] = W(!1), [m, u] = W({}), [x, b] = W({}), [O, s] = W({}), p = Be("(min-width:1024px)");
   Q(() => {
     if (t || !a) return;
-    i(!0);
-    const p = Ae(
-      Ge(a, "landings", r),
-      (_) => {
-        var C;
+    r(!0);
+    const d = Ue(
+      De(a, "landings", n),
+      (h) => {
+        var w;
         try {
-          let b = _.exists() ? ((C = _.data()) == null ? void 0 : C.sections) || [] : [];
-          b = b.slice().sort((w, N) => {
-            var P, W;
-            return ((P = w.order) != null ? P : 0) - ((W = N.order) != null ? W : 0);
-          }).map((w, N) => ({ ...w, order: N + 1 })), c(b), console.log("fetched: ", b);
-        } catch (b) {
-          console.error("Error procesando landings/" + r, b);
+          let g = h.exists() ? ((w = h.data()) == null ? void 0 : w.sections) || [] : [];
+          g = g.slice().sort((y, N) => {
+            var R, F;
+            return ((R = y.order) != null ? R : 0) - ((F = N.order) != null ? F : 0);
+          }).map((y, N) => ({ ...y, order: N + 1 })), l(g), console.log("fetched: ", g);
+        } catch (g) {
+          console.error("Error procesando landings/" + n, g);
         } finally {
-          i(!1);
+          r(!1);
         }
       },
-      (_) => {
-        console.error("Error escuchando landings/" + r, _), i(!1);
+      (h) => {
+        console.error("Error escuchando landings/" + n, h), r(!1);
       }
     );
-    return () => p();
-  }, [t, r, a]), Q(() => {
-    (t ? t.slice() : o.slice()).map((C) => C.componentKey).filter((C) => !!C).length;
-  }, [t, o]);
-  const h = async (p) => {
-    if (be.includes(p.componentKey))
+    return () => d();
+  }, [t, n, a]), Q(() => {
+    (t ? t.slice() : i.slice()).map((w) => w.componentKey).filter((w) => !!w).length;
+  }, [t, i]);
+  const _ = async (d) => {
+    if (ve.includes(d.componentKey))
       return {
         // whatever empty structure your UI expects
         items: [],
         events: [],
         data: {}
       };
-    const _ = (p.apiUrl || "").trim();
-    if (!_) return;
-    const C = p.apiMethod || "GET", b = p.apiParams || [];
-    let w = _, N, P;
-    if (C === "GET") {
+    const h = (d.apiUrl || "").trim();
+    if (!h) return;
+    const w = d.apiMethod || "GET", g = d.apiParams || [];
+    let y = h, N, R;
+    if (w === "GET") {
       const z = new URL(
-        _,
+        h,
         typeof window == "undefined" ? "http://localhost" : window.location.origin
       );
-      for (const M of b)
-        M.key && z.searchParams.append(M.key, M.value);
-      w = z.toString();
+      for (const A of g)
+        A.key && z.searchParams.append(A.key, A.value);
+      y = z.toString();
     } else {
       const z = new URLSearchParams();
-      for (const M of b)
-        M.key && z.append(M.key, M.value);
-      N = z.toString(), P = {
+      for (const A of g)
+        A.key && z.append(A.key, A.value);
+      N = z.toString(), R = {
         "Content-Type": "application/x-www-form-urlencoded; charset=UTF-8"
       };
     }
-    const W = await fetch(w, {
-      method: C,
-      headers: P,
+    const F = await fetch(y, {
+      method: w,
+      headers: R,
       body: N
     });
-    if (!W.ok) throw new _e(W.status, w, W.statusText);
-    return W.json();
-  }, S = ce(
-    () => t ? t.slice() : o.slice(),
-    [t, o]
-  ), g = Fe.useRef(/* @__PURE__ */ new Set());
+    if (!F.ok) throw new _e(F.status, y, F.statusText);
+    return F.json();
+  }, $ = le(
+    () => t ? t.slice() : i.slice(),
+    [t, i]
+  ), v = Le.useRef(/* @__PURE__ */ new Set());
   Q(() => {
-    const p = S.map((_) => ({ s: _, url: (_.apiUrl || "").trim() })).filter(({ url: _ }) => !!_);
-    if (p.length)
-      for (const { s: _, url: C } of p) {
-        const b = `${_.id}|${C}`;
-        g.current.has(b) || (g.current.add(b), x((w) => ({ ...w, [_.id]: !0 })), s((w) => ({ ...w, [_.id]: "" })), (async () => {
+    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 () => {
           try {
-            const w = await h(_);
-            d((N) => ({ ...N, [_.id]: w }));
-          } catch (w) {
+            const y = await _(h);
+            u((N) => ({ ...N, [h.id]: y }));
+          } catch (y) {
             let N = "Error desconocido";
-            w instanceof _e ? N = `Error HTTP ${w.status} (${w.statusText}) en ${w.url}` : w instanceof SyntaxError ? N = "Respuesta no es JSON válido" : w instanceof TypeError ? N = "Fallo de red / CORS / conexión" : typeof w == "string" && (N = w.toString()), s((P) => ({ ...P, [_.id]: N }));
+            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 }));
           } finally {
-            x((w) => ({ ...w, [_.id]: !1 }));
+            b((y) => ({ ...y, [h.id]: !1 }));
           }
         })());
       }
-  }, [S]);
-  const y = ce(
-    () => S.filter((p) => p.visible).sort((p, _) => p.order - _.order),
-    [S]
-  ), O = (p) => Array.isArray(p) ? p.map((_) => {
-    const C = {};
-    for (const b of _.fields || []) {
-      const w = (b.type || "string").toLowerCase();
-      if (w === "number") {
-        const N = String(b.value || "").trim();
+  }, [$]);
+  const S = le(
+    () => $.filter((d) => d.visible).sort((d, h) => d.order - h.order),
+    [$]
+  ), I = (d) => Array.isArray(d) ? d.map((h) => {
+    const w = {};
+    for (const g of h.fields || []) {
+      const y = (g.type || "string").toLowerCase();
+      if (y === "number") {
+        const N = String(g.value || "").trim();
         if (N !== "") {
-          const P = Number(N);
-          Number.isNaN(P) || (C[b.name] = P);
+          const R = Number(N);
+          Number.isNaN(R) || (w[g.name] = R);
         }
-      } else if (w === "boolean")
-        C[b.name] = String(b.value).toLowerCase() === "true";
-      else if (w === "function") {
-        const N = String(b.value || "").trim();
+      } else if (y === "boolean")
+        w[g.name] = String(g.value).toLowerCase() === "true";
+      else if (y === "function") {
+        const N = String(g.value || "").trim();
         if (N)
           try {
-            const P = new Function(N);
-            C[b.name] = P;
-          } catch (P) {
-            console.error(`❌ Error creando función en item '${b.name}':`, P);
+            const R = new Function(N);
+            w[g.name] = R;
+          } catch (R) {
+            console.error(`❌ Error creando función en item '${g.name}':`, R);
           }
-      } else C[b.name] = b.value;
+      } else w[g.name] = g.value;
     }
-    return C;
-  }) : [], v = (p) => {
-    const _ = {};
-    if (!Array.isArray(p)) return _;
-    for (const C of p) {
-      if (!C.name) continue;
-      const b = (C.type || "string").toLowerCase();
-      if (b === "number") {
-        const w = String(C.value || "").trim();
-        if (w !== "") {
-          const N = Number(w);
-          Number.isNaN(N) || (_[C.name] = N);
+    return w;
+  }) : [], f = (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 y = String(w.value || "").trim();
+        if (y !== "") {
+          const N = Number(y);
+          Number.isNaN(N) || (h[w.name] = N);
         }
-      } else if (b === "boolean")
-        _[C.name] = String(C.value).toLowerCase() === "true";
-      else if (b === "function") {
-        const w = String(C.value || "").trim();
-        if (w)
+      } else if (g === "boolean")
+        h[w.name] = String(w.value).toLowerCase() === "true";
+      else if (g === "function") {
+        const y = String(w.value || "").trim();
+        if (y)
           try {
-            const N = new Function(w);
-            _[C.name] = N;
+            const N = new Function(y);
+            h[w.name] = N;
           } catch (N) {
-            console.error(`❌ Error creando función en item '${C.name}':`, N);
+            console.error(`❌ Error creando función en item '${w.name}':`, N);
           }
-      } else _[C.name] = C.value;
+      } else h[w.name] = w.value;
     }
-    return _;
-  }, E = (p, _, C) => {
-    const b = C ? { ...C } : {};
-    if (_) {
-      const M = (_.variableName || "items").trim() || "items";
-      return b[M] = _.arr || [], b;
+    return h;
+  }, C = (d, h, w) => {
+    const g = w ? { ...w } : {};
+    if (h) {
+      const A = (h.variableName || "items").trim() || "items";
+      return g[A] = h.arr || [], g;
     }
-    const w = p, N = Array.isArray(w), P = !N && typeof w == "object" && w !== null ? w : void 0, W = P && Array.isArray(P.lobby || P.items) ? P.lobby || P.items : void 0, z = (M) => N ? w : W || M;
-    return b.items = z(W || []), b;
-  }, T = (p) => {
+    const y = d, N = Array.isArray(y), R = !N && typeof y == "object" && y !== null ? y : void 0, F = R && Array.isArray(R.lobby || R.items) ? R.lobby || R.items : void 0, z = (A) => N ? y : F || A;
+    return g.items = z(F || []), g;
+  }, T = (d) => {
     var N;
-    const _ = !!((N = p.apiUrl) != null && N.trim()), C = _ ? m[p.id] : void 0;
-    let b = p.props ? { ...p.props } : {};
-    const w = v(p.manualScalarFields);
-    if (be.includes(p.componentKey))
-      return { items: C, ...b, ...w };
-    if (b = { ...b, ...w }, _) b = E(C, null, b);
-    else if (p.dataMode === "manual") {
-      const P = O(p.manualItems);
-      if (b = E(
+    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);
+    else if (d.dataMode === "manual") {
+      const R = I(d.manualItems);
+      if (g = C(
         null,
-        { arr: P, variableName: p.variableName },
-        b
-      ), p.variableName2 && p.manualItems2) {
-        const W = O(p.manualItems2), z = (p.variableName2 || "items2").trim() || "items2";
-        b[z] = W;
+        { arr: R, variableName: d.variableName },
+        g
+      ), d.variableName2 && d.manualItems2) {
+        const F = I(d.manualItems2), z = (d.variableName2 || "items2").trim() || "items2";
+        g[z] = F;
       }
     }
-    return b;
-  }, R = (p, _, C) => /* @__PURE__ */ e("div", { className: `mx-4 p-4 rounded ${{
+    return g;
+  }, P = (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"
-  }[_]}`, children: C }, p), $ = (p) => {
-    var pe;
-    const _ = p.componentKey, C = xn[_];
-    if (!C)
-      return console.warn(`No hay componente registrado para "${_}"`), R(
-        p.id,
+  }[h]}`, children: w }, d), E = (d) => {
+    var me;
+    const h = d.componentKey, w = xo[h];
+    if (!w)
+      return console.warn(`No hay componente registrado para "${h}"`), P(
+        d.id,
         "component",
-        `Componente "${_}" no encontrado`
+        `Componente "${h}" no encontrado`
       );
-    const b = !!((pe = p.apiUrl) != null && pe.trim()), w = b ? m[p.id] : void 0, N = b ? !!f[p.id] : !1, P = b ? I[p.id] : "";
-    if (b) {
-      if (N && !w)
-        return R(
-          p.id,
+    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(
+          d.id,
           "loading",
-          `Cargando datos desde ${p.apiUrl}...`
+          `Cargando datos desde ${d.apiUrl}...`
         );
-      if (P && !w)
-        return R(
-          p.id,
+      if (R && !y)
+        return P(
+          d.id,
           "error",
-          `Error cargando ${p.apiUrl}: ${P}`
+          `Error cargando ${d.apiUrl}: ${R}`
         );
     }
-    const W = T(p), M = (/* @__PURE__ */ new Set([
+    const F = T(d), A = (/* @__PURE__ */ new Set([
       "OraculoSeccionBanners",
       "OraculoSeccionBonoBienvenida",
       "OraculoSeccionCasinoEnVivo",
-      l ? "" : "OraculoSeccionClubOlimpo"
-    ])).has(p.componentKey), Y = l ? 120 : 24;
-    return /* @__PURE__ */ e("div", { style: M ? {
+      p ? "" : "OraculoSeccionClubOlimpo"
+    ])).has(d.componentKey), Y = p ? 120 : 24;
+    return /* @__PURE__ */ e("div", { style: A ? {
       width: "100%",
       boxSizing: "border-box"
     } : {
@@ -3011,10 +3010,10 @@ const be = [
       paddingRight: Y,
       width: "100%",
       boxSizing: "border-box"
-    }, children: /* @__PURE__ */ e(C, { ...W }) }, p.id);
+    }, children: /* @__PURE__ */ e(w, { ...F }) }, d.id);
   };
-  return n && !t ? /* @__PURE__ */ e("div", { className: "text-xs text-gray-400", children: "Cargando preview..." }) : !n && !t && o.length === 0 ? /* @__PURE__ */ e("div", { className: "text-xs text-gray-500", children: "Sin secciones (Firestore)" }) : /* @__PURE__ */ e(
-    Be,
+  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,
     {
       className: "oli-font",
       maxWidth: !1,
@@ -3028,47 +3027,47 @@ const be = [
         maxWidth: "100%",
         overflowX: "hidden"
       },
-      children: /* @__PURE__ */ e(we, { direction: "column", spacing: 8, useFlexGap: !0, children: y.map($) })
+      children: /* @__PURE__ */ e(Se, { direction: "column", spacing: 8, useFlexGap: !0, children: S.map(E) })
     }
   );
 };
 export {
   L as OraculoButton,
   q as OraculoCarousel,
-  Ee as OraculoCarouselDots,
-  ft as OraculoClubOlimpoVisual,
-  Et as OraculoEventCombinadasCard,
-  kt as OraculoEventEnVivoCard,
-  Xe as OraculoEventHeader,
-  Ie as OraculoEventLabel,
-  $e as OraculoEventLeague,
-  ke as OraculoEventScore,
-  Lt as OraculoEventSemanaCard,
-  Je as OraculoEventStatus,
-  qe as OraculoEventStatusBadge,
-  ne as OraculoEventTeamInfo,
+  ke as OraculoCarouselDots,
+  xt as OraculoClubOlimpoVisual,
+  Nt as OraculoEventCombinadasCard,
+  Tt as OraculoEventEnVivoCard,
+  Qe as OraculoEventHeader,
+  $e as OraculoEventLabel,
+  Oe as OraculoEventLeague,
+  Ne as OraculoEventScore,
+  jt as OraculoEventSemanaCard,
+  Xe as OraculoEventStatus,
+  Je as OraculoEventStatusBadge,
+  oe as OraculoEventTeamInfo,
   te as OraculoGameCard,
-  mt as OraculoGameRankCard,
-  Ne as OraculoGameSlide,
-  H as OraculoGridGroup,
-  ht as OraculoLiveCasinoCard,
-  he as OraculoLogoMediosPago,
-  Tn as OraculoPageLandingPreview,
-  un as OraculoSeccionBanners,
+  ht as OraculoGameRankCard,
+  Ie as OraculoGameSlide,
+  V as OraculoGridGroup,
+  gt as OraculoLiveCasinoCard,
+  ge as OraculoLogoMediosPago,
+  To as OraculoPageLandingPreview,
+  uo as OraculoSeccionBanners,
   Xt as OraculoSeccionBonoBienvenida,
   Ht as OraculoSeccionCasino,
-  At as OraculoSeccionCasinoEnVivo,
+  Dt as OraculoSeccionCasinoEnVivo,
   Qt as OraculoSeccionClubOlimpo,
-  Wt as OraculoSeccionDestacados,
-  en as OraculoSeccionEventoCombinadas,
-  rn as OraculoSeccionEventoEnVivo,
-  dn as OraculoSeccionEventoSemana,
-  mn as OraculoSeccionMediosPago,
-  zt as OraculoSeccionTopJuegos,
+  At as OraculoSeccionDestacados,
+  eo as OraculoSeccionEventoCombinadas,
+  ro as OraculoSeccionEventoEnVivo,
+  lo as OraculoSeccionEventoSemana,
+  mo as OraculoSeccionMediosPago,
+  Gt as OraculoSeccionTopJuegos,
   qt as OraculoSeccionVirtuales,
   K as OraculoSectionTitle,
-  zt as OraculoTopJuegoItem,
-  gt as OraculoWelcomeBanner,
-  Tn as default
+  Gt as OraculoTopJuegoItem,
+  ft as OraculoWelcomeBanner,
+  To as default
 };
 //# sourceMappingURL=index.es.js.map