oraculo-ui 0.1.50 → 0.1.52

package/dist/index.es.js

@@ -1,83 +1,83 @@
-import { jsx as e, jsxs as g, Fragment as X } from "react/jsx-runtime";
-import { Link as he, Box as F, Typography as fe, Stack as xe, Container as $e } from "@mui/material";
-import Ie, { forwardRef as Ne, useRef as A, useImperativeHandle as Oe, useCallback as ce, useState as B, useMemo as re, useLayoutEffect as ke, useEffect as J } from "react";
-import { Splide as Re, SplideSlide as Te } from "@splidejs/react-splide";
-import E from "@mui/material/Box";
-import G from "@mui/material/Typography";
-import L from "@mui/material/Stack";
-import { ChevronLeftRounded as ae, ChevronRightRounded as ie } from "@mui/icons-material";
-import be from "@mui/icons-material/ChevronLeftRounded";
-import _e from "@mui/icons-material/ChevronRightRounded";
-import Pe from "@mui/material/useMediaQuery";
-import { onSnapshot as Fe, doc as Be } from "firebase/firestore";
+import { jsx as e, jsxs as p, Fragment as q } from "react/jsx-runtime";
+import { Link as xe, Box as L, Typography as _e, Stack as be, Container as Ne } from "@mui/material";
+import Oe, { forwardRef as ke, useRef as W, useImperativeHandle as Re, useCallback as ue, useState as U, useMemo as ae, useLayoutEffect as Te, useEffect as X } from "react";
+import { Splide as Pe, SplideSlide as Be } from "@splidejs/react-splide";
+import $ from "@mui/material/Box";
+import j from "@mui/material/Typography";
+import M from "@mui/material/Stack";
+import { ChevronLeftRounded as ie, ChevronRightRounded as se } from "@mui/icons-material";
+import ve from "@mui/icons-material/ChevronLeftRounded";
+import ye from "@mui/icons-material/ChevronRightRounded";
+import Fe from "@mui/material/useMediaQuery";
+import { onSnapshot as Ue, doc as Le } from "firebase/firestore";
 function P({
   children: t,
   onClick: n,
-  href: a,
-  target: i,
-  rel: l,
+  href: i,
+  target: r,
+  rel: c,
   type: o = "button",
-  disabled: r = !1,
+  disabled: a = !1,
   variant: h = "primary",
   size: m,
-  fullWidth: y = !1,
-  fullHeight: v = !1,
-  className: S = "",
-  ariaLabel: c,
-  leftIcon: d,
-  rightIcon: s,
-  iconOnly: f
+  fullWidth: v = !1,
+  fullHeight: _ = !1,
+  className: E = "",
+  ariaLabel: s,
+  leftIcon: u,
+  rightIcon: d,
+  iconOnly: y
 }) {
-  const w = !!t && t !== !0, T = (!!d ? 1 : 0) + (!!s ? 1 : 0) == 1, O = f != null ? f : T && !w, $ = [
+  const S = !!t && t !== !0, C = (!!u ? 1 : 0) + (!!d ? 1 : 0) == 1, k = y != null ? y : C && !S, T = [
     "orc-btn",
     h === "secondary" ? "orc-btn--secondary" : h === "tertiary" ? "orc-btn--tertiary" : "orc-btn--primary",
     m ? `orc-btn--${m}` : "",
-    y ? "orc-btn--full" : "",
-    v ? "orc-btn--fullHeight" : "",
-    O ? "orc-btn--iconOnly" : "",
-    S
-  ].filter(Boolean).join(" "), N = /* @__PURE__ */ g(X, { children: [
-    d && /* @__PURE__ */ e("span", { className: "orc-btn__icon", children: d }),
-    !O && /* @__PURE__ */ e("span", { className: "orc-btn__label", children: t }),
-    s && /* @__PURE__ */ e("span", { className: "orc-btn__icon", children: s })
-  ] }), p = r ? !0 : void 0;
-  return a ? /* @__PURE__ */ e(
-    he,
+    v ? "orc-btn--full" : "",
+    _ ? "orc-btn--fullHeight" : "",
+    k ? "orc-btn--iconOnly" : "",
+    E
+  ].filter(Boolean).join(" "), O = /* @__PURE__ */ p(q, { children: [
+    u && /* @__PURE__ */ e("span", { className: "orc-btn__icon", children: u }),
+    !k && /* @__PURE__ */ e("span", { className: "orc-btn__label", children: t }),
+    d && /* @__PURE__ */ e("span", { className: "orc-btn__icon", children: d })
+  ] }), l = a ? !0 : void 0;
+  return i ? /* @__PURE__ */ e(
+    xe,
     {
-      href: a,
-      target: i,
-      rel: l,
-      "aria-label": c,
-      "aria-disabled": p,
-      tabIndex: p ? -1 : void 0,
-      className: $,
-      onClick: p ? (u) => u.preventDefault() : n,
-      children: N
+      href: i,
+      target: r,
+      rel: c,
+      "aria-label": s,
+      "aria-disabled": l,
+      tabIndex: l ? -1 : void 0,
+      className: T,
+      onClick: l ? (g) => g.preventDefault() : n,
+      children: O
     }
   ) : /* @__PURE__ */ e(
     "button",
     {
       type: o,
       onClick: n,
-      disabled: !!p,
-      "aria-label": c,
-      className: $,
-      children: N
+      disabled: !!l,
+      "aria-label": s,
+      className: T,
+      children: O
     }
   );
 }
 function H({
   title: t,
   iconUrl: n,
-  size: a = "md",
-  className: i = ""
+  size: i = "md",
+  className: r = ""
 }) {
   const o = [
     "orc-section-title",
-    a ? `orc-section-title--${a}` : "",
-    i
+    i ? `orc-section-title--${i}` : "",
+    r
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ g("div", { className: o, children: [
+  return /* @__PURE__ */ p("div", { className: o, children: [
     n && /* @__PURE__ */ e(
       "img",
       {
@@ -89,51 +89,51 @@ function H({
     /* @__PURE__ */ e("h2", { className: "orc-section-title__title", children: t })
   ] });
 }
-const ve = ({
+const we = ({
   total: t,
   active: n,
-  onSelect: a,
-  className: i = ""
+  onSelect: i,
+  className: r = ""
 }) => {
   if (t <= 1) return null;
-  const l = ["orc-dots", i].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e("div", { className: l, role: "tablist", children: Array.from({ length: t }).map((o, r) => /* @__PURE__ */ e("span", { className: "orc-dots__cell", children: /* @__PURE__ */ e(
+  const c = ["orc-dots", r].filter(Boolean).join(" ");
+  return /* @__PURE__ */ e("div", { className: c, role: "tablist", children: Array.from({ length: t }).map((o, a) => /* @__PURE__ */ e("span", { className: "orc-dots__cell", children: /* @__PURE__ */ e(
     "button",
     {
       type: "button",
       role: "tab",
-      "aria-selected": r === n,
-      "aria-label": `Ir al slide ${r + 1}`,
-      className: "orc-dots__dot" + (r === n ? " orc-dots__dot--active" : ""),
-      onClick: () => a == null ? void 0 : a(r)
+      "aria-selected": a === n,
+      "aria-label": `Ir al slide ${a + 1}`,
+      className: "orc-dots__dot" + (a === n ? " orc-dots__dot--active" : ""),
+      onClick: () => i == null ? void 0 : i(a)
     }
-  ) }, r)) });
+  ) }, a)) });
 };
-function W({
+function G({
   children: t,
   minWidth: n = 32,
-  spacing: a = 2,
-  justify: i = "stretch",
-  columns: l = null
+  spacing: i = 2,
+  justify: r = "stretch",
+  columns: c = null
 }) {
-  const o = l || `repeat(auto-fit, minmax(${n}px, 1fr))`, r = typeof a == "number" ? `${a * 8}px` : a;
+  const o = c || `repeat(auto-fit, minmax(${n}px, 1fr))`, a = typeof i == "number" ? `${i * 8}px` : i;
   return /* @__PURE__ */ e(
     "div",
     {
       style: {
         display: "grid",
         gridTemplateColumns: o,
-        justifyItems: i,
-        gap: r,
+        justifyItems: r,
+        gap: a,
         height: "inherit"
       },
       children: t
     }
   );
 }
-function le({ src: t, alt: n }) {
+function me({ src: t, alt: n }) {
   return /* @__PURE__ */ e(
-    F,
+    L,
     {
       sx: {
         position: "relative",
@@ -144,7 +144,7 @@ function le({ src: t, alt: n }) {
         display: "inline-block"
       },
       children: /* @__PURE__ */ e(
-        F,
+        L,
         {
           component: "img",
           src: t,
@@ -162,16 +162,16 @@ function le({ src: t, alt: n }) {
     }
   );
 }
-const Ue = "oraculo__OraculoEventTitle-module__contenedor___rg1vw", Le = "oraculo__OraculoEventTitle-module__flexGroup___jMLFO", Me = "oraculo__OraculoEventTitle-module__subtitle___TmHna", Z = {
-  contenedor: Ue,
-  flexGroup: Le,
-  subtitle: Me
+const Me = "oraculo__OraculoEventTitle-module__contenedor___rg1vw", ze = "oraculo__OraculoEventTitle-module__flexGroup___jMLFO", We = "oraculo__OraculoEventTitle-module__subtitle___TmHna", te = {
+  contenedor: Me,
+  flexGroup: ze,
+  subtitle: We
 };
-function ze({ title: t, subtitle: n }) {
-  return /* @__PURE__ */ g(
+function Ae({ title: t, subtitle: n }) {
+  return /* @__PURE__ */ p(
     "div",
     {
-      className: Z.contenedor,
+      className: te.contenedor,
       children: [
         /* @__PURE__ */ e(
           "span",
@@ -184,17 +184,17 @@ function ze({ title: t, subtitle: n }) {
             children: t
           }
         ),
-        n && /* @__PURE__ */ g(
+        n && /* @__PURE__ */ p(
           "div",
           {
-            className: Z.flexGroup,
+            className: te.flexGroup,
             children: [
-              /* @__PURE__ */ g("svg", { width: "4", height: "4", viewBox: "0 0 5 5", xmlns: "http://www.w3.org/2000/svg", style: { flexShrink: 0 }, children: [
+              /* @__PURE__ */ p("svg", { width: "4", height: "4", viewBox: "0 0 5 5", xmlns: "http://www.w3.org/2000/svg", style: { flexShrink: 0 }, children: [
                 " ",
                 /* @__PURE__ */ e("circle", { cx: "2.5", cy: "2.5", r: "2.5", fill: "white" }),
                 " "
               ] }),
-              /* @__PURE__ */ e("span", { className: Z.subtitle, children: n }),
+              /* @__PURE__ */ e("span", { className: te.subtitle, children: n }),
               /* @__PURE__ */ e("div", {})
             ]
           }
@@ -203,14 +203,14 @@ function ze({ title: t, subtitle: n }) {
     }
   );
 }
-function We({ text: t, color: n = "#ff3b3b", textColor: a = "#fff" }) {
+function je({ text: t, color: n = "#ff3b3b", textColor: i = "#fff" }) {
   return /* @__PURE__ */ e(
     "span",
     {
       className: "oli-font",
       style: {
         backgroundColor: n,
-        color: a,
+        color: i,
         borderRadius: "8px",
         padding: "4px 8px",
         fontSize: "12px",
@@ -224,14 +224,14 @@ function We({ text: t, color: n = "#ff3b3b", textColor: a = "#fff" }) {
     }
   );
 }
-function Ae({ live: t, time: n }) {
-  return /* @__PURE__ */ g("div", { className: "oli-font", style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
-    t && /* @__PURE__ */ e(We, { text: "En vivo" }),
+function Ge({ live: t, time: n }) {
+  return /* @__PURE__ */ p("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 je({ title: t, subtitle: n, live: a = !1, time: i = "" }) {
-  return /* @__PURE__ */ g(
+function De({ title: t, subtitle: n, live: i = !1, time: r = "" }) {
+  return /* @__PURE__ */ p(
     "div",
     {
       style: {
@@ -241,92 +241,92 @@ function je({ title: t, subtitle: n, live: a = !1, time: i = "" }) {
         color: "#FFFFFF"
       },
       children: [
-        /* @__PURE__ */ e(ze, { title: t, subtitle: n }),
-        /* @__PURE__ */ e(Ae, { live: a, time: i })
+        /* @__PURE__ */ e(Ae, { title: t, subtitle: n }),
+        /* @__PURE__ */ e(Ge, { live: i, time: r })
       ]
     }
   );
 }
-const Ge = "oraculo__OraculoEventLabel-module__label___c64Xw", De = {
-  label: Ge
+const He = "oraculo__OraculoEventLabel-module__label___c64Xw", Ve = {
+  label: He
 };
-function ye({ text: t }) {
-  return /* @__PURE__ */ e("span", { className: De.label, children: t });
+function Se({ text: t }) {
+  return /* @__PURE__ */ e("span", { className: Ve.label, children: t });
 }
-const He = "oraculo__OraculoEventLeague-module__container___rdk4F", Ve = {
-  container: He
+const Ke = "oraculo__OraculoEventLeague-module__container___rdk4F", Xe = {
+  container: Ke
 };
-function Ke({ title: t }) {
-  return /* @__PURE__ */ e("div", { className: Ve.container, children: t.toUpperCase() });
+function Je({ title: t }) {
+  return /* @__PURE__ */ e("div", { className: Xe.container, children: t.toUpperCase() });
 }
-const Je = "oraculo__OraculoEventScore-module__scoreWrapper___fWwEr", Xe = "oraculo__OraculoEventScore-module__name___r4uL6", qe = "oraculo__OraculoEventScore-module__score___Xl03M", Ye = "oraculo__OraculoEventScore-module__normal___cCNFz", Qe = "oraculo__OraculoEventScore-module__small___fVt8E", K = {
-  scoreWrapper: Je,
-  name: Xe,
-  score: qe,
-  normal: Ye,
-  small: Qe
+const qe = "oraculo__OraculoEventScore-module__scoreWrapper___fWwEr", Ye = "oraculo__OraculoEventScore-module__name___r4uL6", Qe = "oraculo__OraculoEventScore-module__score___Xl03M", Ze = "oraculo__OraculoEventScore-module__normal___cCNFz", et = "oraculo__OraculoEventScore-module__small___fVt8E", K = {
+  scoreWrapper: qe,
+  name: Ye,
+  score: Qe,
+  normal: Ze,
+  small: et
 };
-function we({ text: t, name: n, size: a = "normal" }) {
-  return /* @__PURE__ */ g(
+function Ce({ text: t, name: n, size: i = "normal" }) {
+  return /* @__PURE__ */ p(
     "div",
     {
-      className: `${K.scoreWrapper} ${K[a]}`,
+      className: `${K.scoreWrapper} ${K[i]}`,
       children: [
-        /* @__PURE__ */ e("div", { className: `${K.score} ${K[a]}`, children: t }),
-        n && /* @__PURE__ */ e("span", { className: `${K.name} ${K[a]}`, children: n })
+        /* @__PURE__ */ e("div", { className: `${K.score} ${K[i]}`, children: t }),
+        n && /* @__PURE__ */ e("span", { className: `${K.name} ${K[i]}`, children: n })
       ]
     }
   );
 }
-const Ze = "oraculo__OraculoEventTeamInfo-module__team___UfpUs", et = "oraculo__OraculoEventTeamInfo-module__regular___ag826", tt = "oraculo__OraculoEventTeamInfo-module__logo___fKCl3", ot = "oraculo__OraculoEventTeamInfo-module__name___4ikm-", nt = "oraculo__OraculoEventTeamInfo-module__compact___RCNOs", q = {
-  team: Ze,
-  regular: et,
-  logo: tt,
-  name: ot,
-  compact: nt
+const tt = "oraculo__OraculoEventTeamInfo-module__team___UfpUs", ot = "oraculo__OraculoEventTeamInfo-module__regular___ag826", nt = "oraculo__OraculoEventTeamInfo-module__compact___RCNOs", rt = "oraculo__OraculoEventTeamInfo-module__logo___fKCl3", at = "oraculo__OraculoEventTeamInfo-module__name___4ikm-", Y = {
+  team: tt,
+  regular: ot,
+  compact: nt,
+  logo: rt,
+  name: at
 };
-function Q({ name: t, logo: n, size: a = "regular" }) {
-  return /* @__PURE__ */ g("div", { className: `oli-font ${q.team} ${q[a]}`, children: [
-    /* @__PURE__ */ e("img", { src: n, alt: t, className: q.logo }),
-    /* @__PURE__ */ e("span", { className: q.name, children: t })
+function ee({ name: t, logo: n, size: i = "regular" }) {
+  return /* @__PURE__ */ p("div", { className: `oli-font ${Y.team} ${Y[i]}`, children: [
+    /* @__PURE__ */ e("img", { src: n, alt: t, className: Y.logo }),
+    /* @__PURE__ */ e("span", { className: Y.name, children: t })
   ] });
 }
-const rt = Re, at = Te, V = Ne(
+const it = Pe, st = Be, V = ke(
   ({
     items: t = [],
     renderItem: n,
-    perPage: a = 1,
-    gap: i = "0px",
-    breakpoints: l,
+    perPage: i = 1,
+    gap: r = "0px",
+    breakpoints: c,
     options: o = {},
-    className: r = "",
+    className: a = "",
     onMove: h,
     useIndexAsKey: m = !1
-  }, y) => {
-    const v = A(null);
-    Oe(y, () => ({
+  }, v) => {
+    const _ = W(null);
+    Re(v, () => ({
       next: () => {
-        var s;
-        return (s = v.current) == null ? void 0 : s.go(">");
+        var d;
+        return (d = _.current) == null ? void 0 : d.go(">");
       },
       prev: () => {
-        var s;
-        return (s = v.current) == null ? void 0 : s.go("<");
+        var d;
+        return (d = _.current) == null ? void 0 : d.go("<");
       },
-      go: (s) => {
-        var f;
-        return (f = v.current) == null ? void 0 : f.go(s);
+      go: (d) => {
+        var y;
+        return (y = _.current) == null ? void 0 : y.go(d);
       }
     }));
-    const S = ce((s) => {
-      const f = s.Components.Controller, w = f.getIndex(), R = f.getEnd(), I = w === 0, T = w >= R, O = s.Components.Slides.getLength();
-      h == null || h({ index: w, isStart: I, isEnd: T, total: O });
-    }, [h]), c = ce(
-      (s) => {
-        S(s);
+    const E = ue((d) => {
+      const y = d.Components.Controller, S = y.getIndex(), w = y.getEnd(), I = S === 0, C = S >= w, k = d.Components.Slides.getLength();
+      h == null || h({ index: S, isStart: I, isEnd: C, total: k });
+    }, [h]), s = ue(
+      (d) => {
+        E(d);
       },
-      [S]
-    ), d = {
+      [E]
+    ), u = {
       type: "slide",
       trimSpace: !1,
       drag: !0,
@@ -335,36 +335,36 @@ const rt = Re, at = Te, V = Ne(
       rewind: !1,
       focus: "start",
       autoWidth: !1,
-      perPage: a,
-      gap: i,
-      breakpoints: l,
+      perPage: i,
+      gap: r,
+      breakpoints: c,
       ...o
     };
-    return /* @__PURE__ */ e("div", { className: r, style: { width: "100%" }, children: /* @__PURE__ */ e(
-      rt,
+    return /* @__PURE__ */ e("div", { className: a, style: { width: "100%" }, children: /* @__PURE__ */ e(
+      it,
       {
-        ref: v,
-        options: d,
-        onMove: S,
-        onMounted: c,
-        children: t.map((s, f) => {
-          var w;
-          return /* @__PURE__ */ e(at, { children: n(s, f) }, m ? f : (w = s.id) != null ? w : f);
+        ref: _,
+        options: u,
+        onMove: E,
+        onMounted: s,
+        children: t.map((d, y) => {
+          var S;
+          return /* @__PURE__ */ e(st, { children: n(d, y) }, m ? y : (S = d.id) != null ? S : y);
         })
       }
     ) });
   }
-), Y = ({
+), Z = ({
   imageUrl: t,
   onClick: n,
-  size: a = "sm",
-  fillParent: i = !1
+  size: i = "sm",
+  fillParent: r = !1
 }) => {
-  const l = a === "lg" ? { w: 280, h: 352 } : { w: 152, h: 168 }, o = (h) => {
+  const c = i === "lg" ? { w: 280, h: 352 } : { w: 152, h: 168 }, o = (h) => {
     h.stopPropagation(), n == null || n();
-  }, r = i ? { width: "100%", height: "100%" } : { width: `${l.w}px`, height: `${l.h}px` };
-  return /* @__PURE__ */ g(
-    E,
+  }, a = r ? { width: "100%", height: "100%" } : { width: `${c.w}px`, height: `${c.h}px` };
+  return /* @__PURE__ */ p(
+    $,
     {
       onClick: n,
       role: "button",
@@ -374,7 +374,7 @@ const rt = Re, at = Te, V = Ne(
         overflow: "hidden",
         boxSizing: "border-box",
         transition: "transform .15s ease, box-shadow .15s ease",
-        ...r,
+        ...a,
         "&:hover": {
           transform: "translateY(-2px)",
           boxShadow: 8,
@@ -406,7 +406,7 @@ const rt = Re, at = Te, V = Ne(
           }
         ),
         /* @__PURE__ */ e(
-          E,
+          $,
           {
             className: "oraculo-game-card-overlay",
             sx: {
@@ -421,7 +421,7 @@ const rt = Re, at = Te, V = Ne(
           }
         ),
         /* @__PURE__ */ e(
-          E,
+          $,
           {
             className: "oraculo-game-card-btn",
             sx: {
@@ -441,45 +441,45 @@ const rt = Re, at = Te, V = Ne(
     }
   );
 };
-function it({
+function ct({
   imageUrl: t,
   orden: n = 1,
-  onClick: a,
-  sizes: i = {
+  onClick: i,
+  sizes: r = {
     xs: { w: 104, h: 112, r: 18, font: 48 },
     md: { w: 186, h: 264, r: 22.6, font: 64 }
   }
 }) {
-  var v, S, c, d;
-  const l = (s, f) => {
-    var w, R, I, T;
+  var _, E, s, u;
+  const c = (d, y) => {
+    var S, w, I, C;
     return {
-      xs: (R = (w = i.xs) == null ? void 0 : w[s]) != null ? R : f,
-      md: (T = (I = i.md) == null ? void 0 : I[s]) != null ? T : f
+      xs: (w = (S = r.xs) == null ? void 0 : S[d]) != null ? w : y,
+      md: (C = (I = r.md) == null ? void 0 : I[d]) != null ? C : y
     };
-  }, o = l("w", 186), r = l("h", 264), h = l("r", 22.6), m = l("font", 64), y = {
-    xs: Math.round(((S = (v = i.xs) == null ? void 0 : v.font) != null ? S : 64) * 0.28),
-    md: Math.round(((d = (c = i.md) == null ? void 0 : c.font) != null ? d : 64) * 0.28)
+  }, o = c("w", 186), a = c("h", 264), h = c("r", 22.6), m = c("font", 64), v = {
+    xs: Math.round(((E = (_ = r.xs) == null ? void 0 : _.font) != null ? E : 64) * 0.28),
+    md: Math.round(((u = (s = r.md) == null ? void 0 : s.font) != null ? u : 64) * 0.28)
   };
-  return /* @__PURE__ */ g(
-    E,
+  return /* @__PURE__ */ p(
+    $,
     {
       sx: {
         position: "relative",
         width: "100%",
         maxWidth: { xs: `${o.xs}px`, md: `${o.md}px` },
         aspectRatio: {
-          xs: `${o.xs}/${r.xs}`,
-          md: `${o.md}/${r.md}`
+          xs: `${o.xs}/${a.xs}`,
+          md: `${o.md}/${a.md}`
         },
         borderRadius: { xs: `${h.xs}px`, md: `${h.md}px` },
         boxSizing: "border-box",
         overflow: "visible",
-        pb: { xs: `${y.xs}px`, md: `${y.md}px` }
+        pb: { xs: `${v.xs}px`, md: `${v.md}px` }
       },
       children: [
         /* @__PURE__ */ e(
-          E,
+          $,
           {
             sx: {
               position: "absolute",
@@ -488,10 +488,10 @@ function it({
               overflow: "hidden"
             },
             children: /* @__PURE__ */ e(
-              Y,
+              Z,
               {
                 imageUrl: t,
-                onClick: a,
+                onClick: i,
                 size: "lg",
                 fillParent: !0
               }
@@ -499,15 +499,15 @@ function it({
           }
         ),
         /* @__PURE__ */ e(
-          E,
+          $,
           {
             component: "span",
             sx: {
               position: "absolute",
               left: 8,
               bottom: {
-                xs: `-${y.xs}px`,
-                md: `-${y.md}px`
+                xs: `-${v.xs}px`,
+                md: `-${v.md}px`
               },
               fontFamily: "secondary",
               fontSize: {
@@ -527,18 +527,18 @@ function it({
     }
   );
 }
-const st = ({
+const lt = ({
   logo: t,
   provider: n,
-  providerName: a,
-  machine: i,
-  onClick: l
+  providerName: i,
+  machine: r,
+  onClick: c
 }) => {
   var o;
-  return /* @__PURE__ */ g(
-    E,
+  return /* @__PURE__ */ p(
+    $,
     {
-      onClick: l,
+      onClick: c,
       sx: {
         flex: "0 0 auto",
         position: "relative",
@@ -560,11 +560,11 @@ const st = ({
       },
       children: [
         /* @__PURE__ */ e(
-          E,
+          $,
           {
             component: "img",
             src: t,
-            alt: `Juego ${i != null ? i : ""}`,
+            alt: `Juego ${r != null ? r : ""}`,
             sx: {
               position: "absolute",
               inset: 0,
@@ -576,7 +576,7 @@ const st = ({
           }
         ),
         /* @__PURE__ */ e(
-          E,
+          $,
           {
             className: "orc-live-provider-label",
             sx: {
@@ -590,7 +590,7 @@ const st = ({
               pointerEvents: "none"
             },
             children: /* @__PURE__ */ e(
-              G,
+              j,
               {
                 sx: {
                   color: "#fff",
@@ -598,7 +598,7 @@ const st = ({
                   fontSize: { xs: 11, md: 14 },
                   textTransform: "capitalize"
                 },
-                children: (o = n != null ? n : a) != null ? o : ""
+                children: (o = n != null ? n : i) != null ? o : ""
               }
             )
           }
@@ -606,16 +606,16 @@ const st = ({
       ]
     }
   );
-}, ee = 12, Se = ({
+}, oe = 12, Ee = ({
   items: t,
   layout: n = "grid",
-  onClick: a
+  onClick: i
 }) => {
-  var i;
+  var r;
   if (n === "mosaic") {
-    const l = t[0], o = t.slice(1, 5);
-    return /* @__PURE__ */ g(
-      E,
+    const c = t[0], o = t.slice(1, 5);
+    return /* @__PURE__ */ p(
+      $,
       {
         sx: {
           display: "grid",
@@ -632,14 +632,14 @@ const st = ({
             xs: "104px",
             md: "152px"
           },
-          columnGap: `${ee}px`,
-          rowGap: `${ee}px`,
+          columnGap: `${oe}px`,
+          rowGap: `${oe}px`,
           alignItems: "stretch",
           justifyItems: "stretch"
         },
         children: [
-          l && /* @__PURE__ */ e(
-            E,
+          c && /* @__PURE__ */ e(
+            $,
             {
               sx: {
                 width: { xs: 184, md: 280 },
@@ -649,20 +649,20 @@ const st = ({
                 borderRadius: 2
               },
               children: /* @__PURE__ */ e(
-                Y,
+                Z,
                 {
-                  imageUrl: `https://olimpo.bet${(i = l.imageUrl) != null ? i : ""}`,
+                  imageUrl: `https://olimpo.bet${(r = c.imageUrl) != null ? r : ""}`,
                   size: "lg",
                   fillParent: !0,
-                  onClick: () => a == null ? void 0 : a(l, 0)
+                  onClick: () => i == null ? void 0 : i(c, 0)
                 }
               )
             }
           ),
-          o.map((r, h) => {
+          o.map((a, h) => {
             var m;
             return /* @__PURE__ */ e(
-              E,
+              $,
               {
                 sx: {
                   width: { xs: 104, md: 152 },
@@ -671,16 +671,16 @@ const st = ({
                   borderRadius: 2
                 },
                 children: /* @__PURE__ */ e(
-                  Y,
+                  Z,
                   {
-                    imageUrl: `https://olimpo.bet${(m = r.imageUrl) != null ? m : ""}`,
+                    imageUrl: `https://olimpo.bet${(m = a.imageUrl) != null ? m : ""}`,
                     size: "sm",
                     fillParent: !0,
-                    onClick: () => a == null ? void 0 : a(r, h + 1)
+                    onClick: () => i == null ? void 0 : i(a, h + 1)
                   }
                 )
               },
-              r.id
+              a.id
             );
           })
         ]
@@ -688,7 +688,7 @@ const st = ({
     );
   }
   return /* @__PURE__ */ e(
-    E,
+    $,
     {
       sx: {
         display: "grid",
@@ -700,47 +700,47 @@ const st = ({
           xs: "repeat(2, 112px)",
           md: "repeat(2, 168px)"
         },
-        gap: `${ee}px`,
+        gap: `${oe}px`,
         gridAutoFlow: "column"
       },
-      children: t.map((l, o) => {
-        var r, h;
+      children: t.map((c, o) => {
+        var a, h;
         return /* @__PURE__ */ e(
-          E,
+          $,
           {
             sx: {
               overflow: "hidden",
               borderRadius: 2
             },
             children: /* @__PURE__ */ e(
-              Y,
+              Z,
               {
-                imageUrl: `https://olimpo.bet${(r = l.imageUrl) != null ? r : ""}`,
+                imageUrl: `https://olimpo.bet${(a = c.imageUrl) != null ? a : ""}`,
                 size: "sm",
                 fillParent: !0,
-                onClick: () => a == null ? void 0 : a(l, o)
+                onClick: () => i == null ? void 0 : i(c, o)
               }
             )
           },
-          (h = l.id) != null ? h : o
+          (h = c.id) != null ? h : o
         );
       })
     }
   );
-}, de = ({
+}, dt = ({
   title: t,
   amount: n,
-  subtitle: a,
-  buttonText: i,
-  onButtonClick: l,
+  subtitle: i,
+  buttonText: r,
+  onButtonClick: c,
   backgroundImage: o,
-  alt: r,
+  alt: a,
   className: h = "",
   variant: m = "small"
 }) => {
-  const y = n ? n.slice(0, 2) : "", v = n ? n.slice(2) : "", S = m === "large";
-  return /* @__PURE__ */ g(
-    E,
+  const v = n ? n.slice(0, 2) : "", _ = n ? n.slice(2) : "", E = m === "large";
+  return /* @__PURE__ */ p(
+    $,
     {
       className: h,
       sx: {
@@ -748,37 +748,37 @@ const st = ({
         width: "100%",
         maxWidth: {
           xs: 328,
-          lg: S ? 618 : 456
+          md: E ? 618 : 456
         },
         mx: "auto"
       },
       children: [
         o && /* @__PURE__ */ e(
-          E,
+          $,
           {
             sx: {
               position: "relative",
               width: "100%",
               aspectRatio: {
                 xs: "328 / 188",
-                lg: S ? "618 / 346" : "456 / 272"
+                md: E ? "618 / 346" : "456 / 272"
               },
               borderRadius: "14px",
               overflow: "hidden"
             },
             children: /* @__PURE__ */ e(
-              E,
+              $,
               {
                 component: "img",
                 src: o,
-                alt: r != null ? r : "Fondo promocional",
+                alt: a != null ? a : "Fondo promocional",
                 sx: {
                   width: "100%",
                   height: "100%",
                   objectFit: "cover",
                   objectPosition: {
                     xs: "50% 0%",
-                    lg: "45% 0%"
+                    md: "45% 0%"
                   },
                   display: "block"
                 }
@@ -787,7 +787,7 @@ const st = ({
           }
         ),
         /* @__PURE__ */ e(
-          E,
+          $,
           {
             sx: {
               position: "absolute",
@@ -800,8 +800,8 @@ const st = ({
               pl: "14%",
               pr: { xs: "14%", lg: "15%" }
             },
-            children: /* @__PURE__ */ g(
-              E,
+            children: /* @__PURE__ */ p(
+              $,
               {
                 sx: {
                   maxWidth: "60%",
@@ -811,18 +811,18 @@ const st = ({
                 },
                 children: [
                   t && /* @__PURE__ */ e(
-                    G,
+                    j,
                     {
                       sx: {
-                        fontSize: { xs: 12, lg: 20 },
+                        fontSize: { xs: 12, md: 20 },
                         fontWeight: 400,
                         color: "#e7f8ff"
                       },
                       children: t
                     }
                   ),
-                  n && /* @__PURE__ */ g(
-                    E,
+                  n && /* @__PURE__ */ p(
+                    $,
                     {
                       component: "p",
                       sx: {
@@ -840,26 +840,26 @@ const st = ({
                       },
                       children: [
                         /* @__PURE__ */ e(
-                          E,
+                          $,
                           {
                             component: "span",
-                            sx: { fontSize: { xs: 35, lg: 48 }, mr: 0.5 },
-                            children: y
+                            sx: { fontSize: { xs: 35, md: 48 }, mr: 0.5 },
+                            children: v
                           }
                         ),
                         /* @__PURE__ */ e(
-                          E,
+                          $,
                           {
                             component: "span",
-                            sx: { fontSize: { xs: 52, lg: 77 } },
-                            children: v
+                            sx: { fontSize: { xs: 52, md: 77 } },
+                            children: _
                           }
                         )
                       ]
                     }
                   ),
-                  a && /* @__PURE__ */ e(
-                    G,
+                  i && /* @__PURE__ */ e(
+                    j,
                     {
                       sx: {
                         pb: "20px",
@@ -867,10 +867,10 @@ const st = ({
                         fontWeight: 600,
                         color: "#e7f8ff"
                       },
-                      children: a
+                      children: i
                     }
                   ),
-                  i && /* @__PURE__ */ e(P, { onClick: l, children: i })
+                  r && /* @__PURE__ */ e(P, { onClick: c, children: r })
                 ]
               }
             )
@@ -879,86 +879,87 @@ const st = ({
       ]
     }
   );
-}, ct = ({
+}, ut = ({
   text: t,
   buttonLabel: n = "Conoce más",
-  onClick: a,
-  imgAlt: i = "Club Olimpo",
-  imgSrcMobile: l,
+  onClick: i,
+  imgAlt: r = "Club Olimpo",
+  imgSrcMobile: c,
   imgSrcDesktopBg: o,
-  imgSrcDesktopLogo: r
-}) => /* @__PURE__ */ g(X, { children: [
+  imgSrcDesktopLogo: a
+}) => /* @__PURE__ */ p(q, { children: [
   /* @__PURE__ */ e("div", { className: "orc-co-bgMobile", children: /* @__PURE__ */ e(
     "img",
     {
-      src: l,
-      alt: i,
+      src: c,
+      alt: r,
       className: "orc-co-bgMobileImg"
     }
   ) }),
-  /* @__PURE__ */ g("div", { className: "orc-co-bgDesktop", children: [
+  /* @__PURE__ */ p("div", { className: "orc-co-bgDesktop", children: [
     o && /* @__PURE__ */ e("div", { className: "orc-co-fillHost", children: /* @__PURE__ */ e(
       "img",
       {
         src: o,
-        alt: `${i} fondo`,
+        alt: `${r} fondo`,
         className: "orc-co-bgDesktopImg"
       }
     ) }),
-    r && /* @__PURE__ */ e("div", { className: "orc-co-logo", children: /* @__PURE__ */ e(
-      "img",
-      {
-        src: r,
-        alt: `${i} logo`,
-        className: "orc-co-logoImg"
-      }
-    ) }),
-    /* @__PURE__ */ g("div", { className: "orc-co-desktopContent", children: [
+    /* @__PURE__ */ p("div", { className: "orc-co-desktopContent", children: [
+      a && /* @__PURE__ */ e(
+        "img",
+        {
+          src: a,
+          alt: `${r} logo`,
+          className: "orc-co-logoImg"
+        }
+      ),
       /* @__PURE__ */ e("p", { className: "orc-co-captionDesktop", children: t }),
-      /* @__PURE__ */ e(P, { onClick: a, variant: "primary", size: "md", children: n })
+      /* @__PURE__ */ e(P, { onClick: i, variant: "primary", size: "md", children: n })
     ] })
   ] }),
-  /* @__PURE__ */ g("div", { className: "orc-co-bottom", children: [
+  /* @__PURE__ */ p("div", { className: "orc-co-bottom", children: [
     /* @__PURE__ */ e("p", { className: "orc-co-caption", children: t }),
-    /* @__PURE__ */ e(P, { onClick: a, variant: "primary", size: "md", children: n })
+    /* @__PURE__ */ e(P, { onClick: i, variant: "primary", size: "md", children: n })
   ] })
-] }), lt = "oraculo__OraculoEventCombinadasCard-module__card___ulQeY", dt = "oraculo__OraculoEventCombinadasCard-module__combinadas___Gxrld", ut = "oraculo__OraculoEventCombinadasCard-module__apuestaItem___YnYMy", pt = "oraculo__OraculoEventCombinadasCard-module__lineContainer___G5rbU", mt = "oraculo__OraculoEventCombinadasCard-module__circle___eehm-", gt = "oraculo__OraculoEventCombinadasCard-module__line___Eb2pK", ht = "oraculo__OraculoEventCombinadasCard-module__apuestaText___b5s7S", ft = "oraculo__OraculoEventCombinadasCard-module__cuotaTotal___Lohvu", D = {
-  card: lt,
-  combinadas: dt,
-  apuestaItem: ut,
-  lineContainer: pt,
-  circle: mt,
-  line: gt,
-  apuestaText: ht,
-  cuotaTotal: ft
+] }), mt = "oraculo__OraculoEventCombinadasCard-module__card___ulQeY", pt = "oraculo__OraculoEventCombinadasCard-module__combinadas___Gxrld", ht = "oraculo__OraculoEventCombinadasCard-module__apuestaItem___YnYMy", gt = "oraculo__OraculoEventCombinadasCard-module__lineContainer___G5rbU", ft = "oraculo__OraculoEventCombinadasCard-module__circle___eehm-", xt = "oraculo__OraculoEventCombinadasCard-module__line___Eb2pK", _t = "oraculo__OraculoEventCombinadasCard-module__apuestaText___b5s7S", bt = "oraculo__OraculoEventCombinadasCard-module__cuotaTotal___Lohvu", D = {
+  card: mt,
+  combinadas: pt,
+  apuestaItem: ht,
+  lineContainer: gt,
+  circle: ft,
+  line: xt,
+  apuestaText: _t,
+  cuotaTotal: bt
 };
-function se(t) {
+function ce(t) {
   const n = Array.isArray(t) ? t : [t];
   sessionStorage.setItem("landingOutcomes", JSON.stringify(n)), window.location.href = "/#home";
 }
-function xt({ event: t }) {
-  var i;
-  function n(l) {
-    var v;
-    const o = (v = l.betoffers) != null ? v : [], r = l.homeName, h = l.awayName, m = o.map((S) => {
-      var f, w, R, I;
-      let c = S.outcomes[0], d = "", s = c != null && c.line ? c.line / 1e3 : "";
-      return ["Más de", "Mas de", "Over"].includes(c == null ? void 0 : c.label) ? (d = `Más de ${s}`, c != null && c.participant && (d = `${c.participant} - ${d}`)) : ["Menos de", "Menos"].includes(c == null ? void 0 : c.label) ? (d = `Menos de ${s}`, c != null && c.participant && (d = `${c.participant} - ${d}`)) : ["Sí", "No"].includes(c == null ? void 0 : c.label) ? (d = c == null ? void 0 : c.label, c != null && c.participant && (d = `${c.participant} - ${d}`)) : ["1X", "12", "X2"].includes(c == null ? void 0 : c.label) ? c.label === "1X" ? d = `${r} o Empate` : c.label === "12" ? d = `${r} o ${h}` : c.label === "X2" && (d = `${h} o Empate`) : (c != null && c.participant ? d = c.participant : d = (f = c == null ? void 0 : c.label) != null ? f : "", s !== "" && d === c.label && (d = `${c.label} ${s}`)), {
-        id: (w = c == null ? void 0 : c.id) != null ? w : 0,
-        value: d,
-        label: S.criterion.label,
-        odds: (R = c == null ? void 0 : c.odds) != null ? R : 0,
-        bl: (I = c == null ? void 0 : c.label) != null ? I : 0
+function vt({ event: t }) {
+  var r;
+  function n(c) {
+    var _;
+    const o = (_ = c.betoffers) != null ? _ : [], a = c.homeName, h = c.awayName, m = o.map((E) => {
+      var y, S, w, I, C;
+      let s = E.outcomes[0], u = "", d = s != null && s.line ? s.line / 1e3 : "";
+      return ["Más de", "Mas de", "Over"].includes(s == null ? void 0 : s.label) ? (u = `Más de ${d}`, s != null && s.participant && (u = `${s.participant} - ${u}`)) : ["Menos de", "Menos"].includes(s == null ? void 0 : s.label) ? (u = `Menos de ${d}`, s != null && s.participant && (u = `${s.participant} - ${u}`)) : ["Sí", "No"].includes(s == null ? void 0 : s.label) ? (u = s == null ? void 0 : s.label, s != null && s.participant && (u = `${s.participant} - ${u}`)) : ["1X", "12", "X2"].includes(s == null ? void 0 : s.label) ? s.label === "1X" ? u = `${a} o Empate` : s.label === "12" ? u = `${a} o ${h}` : s.label === "X2" && (u = `${h} o Empate`) : (s != null && s.participant ? u = s.participant : u = (y = s == null ? void 0 : s.label) != null ? y : "", d !== "" && u === s.label && (u = `${s.label} ${d}`)), {
+        id: (S = s == null ? void 0 : s.id) != null ? S : 0,
+        value: u,
+        label: E.criterion.label,
+        odds: (w = s == null ? void 0 : s.odds) != null ? w : 0,
+        bl: (I = s == null ? void 0 : s.label) != null ? I : 0,
+        position: (C = s == null ? void 0 : s.position) != null ? C : 0
       };
-    }), y = m.reduce((S, c) => S + c.odds, 0) / 1e3;
+    }), v = m.reduce((E, s) => E + s.odds, 0) / 1e3;
     return {
       outcomes: m,
-      total: y.toFixed(2)
+      total: v.toFixed(2)
     };
   }
-  const a = n(t);
-  return /* @__PURE__ */ g("div", { className: D.card, children: [
-    /* @__PURE__ */ e("div", { className: D.combinadas, children: /* @__PURE__ */ g(L, { direction: "column", spacing: 0.5, useFlexGap: !0, children: [
+  const i = n(t);
+  return /* @__PURE__ */ p("div", { className: D.card, children: [
+    /* @__PURE__ */ e("div", { className: D.combinadas, children: /* @__PURE__ */ p(M, { direction: "column", spacing: 0.5, useFlexGap: !0, children: [
       /* @__PURE__ */ e(
         H,
         {
@@ -968,32 +969,32 @@ function xt({ event: t }) {
         }
       ),
       /* @__PURE__ */ e("img", { src: "/assets/img/home/Combinadas/line.png" }),
-      /* @__PURE__ */ e(L, { direction: "column", spacing: 0.5, useFlexGap: !0, children: a.outcomes.map((l, o) => /* @__PURE__ */ g("div", { className: D.apuestaItem, children: [
-        /* @__PURE__ */ g("div", { className: D.lineContainer, children: [
+      /* @__PURE__ */ e(M, { direction: "column", spacing: 0.5, useFlexGap: !0, children: i.outcomes.sort((c, o) => c.position - o.position).map((c, o) => /* @__PURE__ */ p("div", { className: D.apuestaItem, children: [
+        /* @__PURE__ */ p("div", { className: D.lineContainer, children: [
           /* @__PURE__ */ e("div", { className: D.circle }),
-          o < a.outcomes.length - 1 && /* @__PURE__ */ e("div", { className: D.line })
+          o < i.outcomes.length - 1 && /* @__PURE__ */ e("div", { className: D.line })
         ] }),
-        /* @__PURE__ */ g("div", { className: D.apuestaText, children: [
-          /* @__PURE__ */ e("strong", { children: l.value }),
+        /* @__PURE__ */ p("div", { className: D.apuestaText, children: [
+          /* @__PURE__ */ e("strong", { children: c.value }),
           " ",
           "| ",
-          l.label
+          c.label
         ] })
       ] }, o)) })
     ] }) }),
-    /* @__PURE__ */ g("button", { onClick: () => {
-      var l, o;
-      return se((o = (l = a == null ? void 0 : a.outcomes) == null ? void 0 : l.map((r) => r == null ? void 0 : r.id)) != null ? o : []);
+    /* @__PURE__ */ p("button", { onClick: () => {
+      var c, o;
+      return ce((o = (c = i == null ? void 0 : i.outcomes) == null ? void 0 : c.map((a) => a == null ? void 0 : a.id)) != null ? o : []);
     }, className: D.cuotaTotal, children: [
-      /* @__PURE__ */ g("span", { children: [
+      /* @__PURE__ */ p("span", { children: [
         "Cuota total: ",
-        /* @__PURE__ */ e("strong", { children: (((i = t.combinadoTotal) != null ? i : 0) / 1e3).toFixed(2) })
+        /* @__PURE__ */ e("strong", { children: (((r = t.combinadoTotal) != null ? r : 0) / 1e3).toFixed(2) })
       ] }),
       /* @__PURE__ */ e("img", { src: "/assets/img/home/Combinadas/cuotaTotal.svg", alt: "cuota total" })
     ] })
   ] });
 }
-const j = {
+const A = {
   "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",
@@ -1007,184 +1008,185 @@ const j = {
   "orc-btn--full": "oraculo__OraculoButtonBet-module__orc-btn--full___z-Myo",
   "orc-btn--fullHeight": "oraculo__OraculoButtonBet-module__orc-btn--fullHeight___pCxq1"
 };
-function bt({
+function yt({
   children: t,
   onClick: n,
-  href: a,
-  target: i,
-  rel: l,
+  href: i,
+  target: r,
+  rel: c,
   type: o = "button",
-  disabled: r = !1,
+  disabled: a = !1,
   variant: h = "primary",
   size: m,
-  fullWidth: y = !1,
-  fullHeight: v = !1,
-  className: S = "",
-  ariaLabel: c,
-  leftIcon: d,
-  rightIcon: s,
-  iconOnly: f
+  fullWidth: v = !1,
+  fullHeight: _ = !1,
+  className: E = "",
+  ariaLabel: s,
+  leftIcon: u,
+  rightIcon: d,
+  iconOnly: y
 }) {
-  const w = !!t && t !== !0, T = (!!d ? 1 : 0) + (!!s ? 1 : 0) == 1, O = f != null ? f : T && !w, $ = [
-    j["orc-btn"],
+  const S = !!t && t !== !0, C = (!!u ? 1 : 0) + (!!d ? 1 : 0) == 1, k = y != null ? y : C && !S, T = [
+    A["orc-btn"],
     // base
-    j[`orc-btn--${h}`],
+    A[`orc-btn--${h}`],
     // variant primary/secondary/tertiary
-    m ? j[`orc-btn--${m}`] : "",
+    m ? A[`orc-btn--${m}`] : "",
     // sm / md / lg
-    y ? j["orc-btn--full"] : "",
-    v ? j["orc-btn--fullHeight"] : "",
-    O ? j["orc-btn--iconOnly"] : "",
-    S
-  ].filter(Boolean).join(" "), N = /* @__PURE__ */ g(X, { children: [
-    d && /* @__PURE__ */ e("span", { className: j["orc-btn__icon"], children: d }),
-    !O && /* @__PURE__ */ e("span", { className: j["orc-btn__label"], children: t }),
-    s && /* @__PURE__ */ e("span", { className: j["orc-btn__icon"], children: s })
-  ] }), p = r ? !0 : void 0;
-  return a ? /* @__PURE__ */ e(
-    he,
+    v ? A["orc-btn--full"] : "",
+    _ ? A["orc-btn--fullHeight"] : "",
+    k ? A["orc-btn--iconOnly"] : "",
+    E
+  ].filter(Boolean).join(" "), O = /* @__PURE__ */ p(q, { children: [
+    u && /* @__PURE__ */ e("span", { className: A["orc-btn__icon"], children: u }),
+    !k && /* @__PURE__ */ e("span", { className: A["orc-btn__label"], children: t }),
+    d && /* @__PURE__ */ e("span", { className: A["orc-btn__icon"], children: d })
+  ] }), l = a ? !0 : void 0;
+  return i ? /* @__PURE__ */ e(
+    xe,
     {
-      href: a,
-      target: i,
-      rel: l,
-      "aria-label": c,
-      "aria-disabled": p,
-      tabIndex: p ? -1 : void 0,
-      className: $,
-      onClick: p ? (u) => u.preventDefault() : n,
-      children: N
+      href: i,
+      target: r,
+      rel: c,
+      "aria-label": s,
+      "aria-disabled": l,
+      tabIndex: l ? -1 : void 0,
+      className: T,
+      onClick: l ? (g) => g.preventDefault() : n,
+      children: O
     }
   ) : /* @__PURE__ */ e(
     "button",
     {
       type: o,
       onClick: n,
-      disabled: !!p,
-      "aria-label": c,
-      className: $,
-      children: N
+      disabled: !!l,
+      "aria-label": s,
+      className: T,
+      children: O
     }
   );
 }
-function _t({ event: t, liveData: n, betOffers: a, fondo: i = "/assets/img/home/EnVivo/fondo.png" }) {
-  var o, r, h, m, y, v, S, c;
-  const l = a == null ? void 0 : a.find(
-    (d) => {
-      var s;
-      return ((s = d.betOfferType) == null ? void 0 : s.id) === 2;
+function wt({ event: t, liveData: n, betOffers: i, fondo: r = "/assets/img/home/EnVivo/fondo.png" }) {
+  var o, a, h, m, v, _, E, s;
+  const c = i == null ? void 0 : i.find(
+    (u) => {
+      var d;
+      return ((d = u.betOfferType) == null ? void 0 : d.id) === 2;
     }
   );
   return /* @__PURE__ */ e("div", { style: {
-    backgroundImage: `url(${i})`,
+    backgroundImage: `url(${r})`,
     backgroundSize: "cover",
     minHeight: "160px",
     width: "296px",
     padding: "12px 16px",
     borderRadius: "16px"
-  }, children: /* @__PURE__ */ g(L, { direction: "column", spacing: 1, useFlexGap: !0, children: [
-    /* @__PURE__ */ g(L, { direction: "column", spacing: 1.5, useFlexGap: !0, children: [
+  }, children: /* @__PURE__ */ p(M, { direction: "column", spacing: 1, useFlexGap: !0, children: [
+    /* @__PURE__ */ p(M, { direction: "column", spacing: 1.5, useFlexGap: !0, children: [
       /* @__PURE__ */ e(
-        je,
+        De,
         {
           title: (o = t.path[0].name) != null ? o : "",
           subtitle: t.group,
           live: !0,
-          time: ((r = n == null ? void 0 : n.matchClock) == null ? void 0 : r.minute) != null ? `${n.matchClock.minute}'` : ""
+          time: ((a = n == null ? void 0 : n.matchClock) == null ? void 0 : a.minute) != null ? `${n.matchClock.minute}'` : ""
         }
       ),
-      /* @__PURE__ */ e("div", { style: { padding: "0 4px" }, children: /* @__PURE__ */ g(W, { spacing: 1.5, columns: "1fr auto 1fr", children: [
+      /* @__PURE__ */ e("div", { style: { padding: "0 4px" }, children: /* @__PURE__ */ p(G, { spacing: 1.5, columns: "1fr auto 1fr", children: [
         /* @__PURE__ */ e(
-          Q,
+          ee,
           {
             name: t.homeName,
             logo: "/assets/img/home/EnVivo/Juventus.png"
           }
         ),
-        /* @__PURE__ */ e(we, { text: ((m = (h = n == null ? void 0 : n.score) == null ? void 0 : h.home) != null ? m : 0) + ":" + ((v = (y = n == null ? void 0 : n.score) == null ? void 0 : y.away) != null ? v : 0), name: "En vivo" }),
-        /* @__PURE__ */ e(Q, { name: t.awayName, logo: "/assets/img/home/EnVivo/Racing.png" })
+        /* @__PURE__ */ e(Ce, { text: ((m = (h = n == null ? void 0 : n.score) == null ? void 0 : h.home) != null ? m : 0) + ":" + ((_ = (v = n == null ? void 0 : n.score) == null ? void 0 : v.away) != null ? _ : 0), name: "En vivo" }),
+        /* @__PURE__ */ e(ee, { name: t.awayName, logo: "/assets/img/home/EnVivo/Racing.png" })
       ] }) })
     ] }),
-    /* @__PURE__ */ g(L, { direction: "column", spacing: 1, useFlexGap: !0, children: [
-      /* @__PURE__ */ e(W, { spacing: 1, children: ((S = l == null ? void 0 : l.outcomes) != null ? S : []).map((d, s) => /* @__PURE__ */ e(ye, { text: d.label.toUpperCase() }, s)) }),
-      /* @__PURE__ */ e(W, { spacing: 2, children: ((c = l == null ? void 0 : l.outcomes) != null ? c : []).map((d, s) => /* @__PURE__ */ e(bt, { variant: "primary", disabled: d.odds == null || (l == null ? void 0 : l.cashOutStatus) == "SUSPENDED", onClick: () => {
-        se(d.id);
-      }, children: d.odds === void 0 ? "" : (d.odds / 1e3).toFixed(2) }, s)) })
+    /* @__PURE__ */ p(M, { direction: "column", spacing: 1, useFlexGap: !0, children: [
+      /* @__PURE__ */ e(G, { spacing: 1, children: ((E = c == null ? void 0 : c.outcomes) != null ? E : []).map((u, d) => /* @__PURE__ */ e(Se, { text: u.label.toUpperCase() }, d)) }),
+      /* @__PURE__ */ e(G, { spacing: 2, children: ((s = c == null ? void 0 : c.outcomes) != null ? s : []).map((u, d) => /* @__PURE__ */ e(yt, { variant: "primary", disabled: u.odds == null || (c == null ? void 0 : c.cashOutStatus) == "SUSPENDED", onClick: () => {
+        ce(u.id);
+      }, children: u.odds === void 0 ? "" : (u.odds / 1e3).toFixed(2) }, d)) })
     ] })
   ] }) });
 }
-const vt = "oraculo__OraculoEventDate-module__date___xhIlh", yt = {
-  date: vt
+const St = "oraculo__OraculoEventDate-module__date___xhIlh", Ct = {
+  date: St
 };
-function wt({ text: t }) {
-  return /* @__PURE__ */ e("div", { className: `oli-font ${yt.date}`, children: t });
+function Et({ text: t }) {
+  return /* @__PURE__ */ e("div", { className: `oli-font ${Ct.date}`, children: t });
 }
-const St = "oraculo__OraculoEventSemanaCard-module__cardContainer___4JuDe", Ct = "oraculo__OraculoEventSemanaCard-module__cardBackground___vfalD", Et = "oraculo__OraculoEventSemanaCard-module__jugadas___W8b7H", te = {
-  cardContainer: St,
-  cardBackground: Ct,
-  jugadas: Et
+const $t = "oraculo__OraculoEventSemanaCard-module__cardContainer___4JuDe", It = "oraculo__OraculoEventSemanaCard-module__cardBackground___vfalD", Nt = "oraculo__OraculoEventSemanaCard-module__jugadas___W8b7H", Ot = "oraculo__OraculoEventSemanaCard-module__equipos___G5hLn", Q = {
+  cardContainer: $t,
+  cardBackground: It,
+  jugadas: Nt,
+  equipos: Ot
 };
-function $t({ event: t }) {
-  var a, i, l, o, r, h, m;
-  function n(y) {
-    const v = new Date(y), S = v.toLocaleDateString("es-ES", {
+function kt({ event: t }) {
+  var i, r, c, o, a, h, m;
+  function n(v) {
+    const _ = new Date(v), E = _.toLocaleDateString("es-ES", {
       weekday: "short"
-    }).toUpperCase(), c = v.getDate().toString().padStart(2, "0"), d = (v.getMonth() + 1).toString().padStart(2, "0");
-    let s = v.toLocaleTimeString("es-PE", {
+    }).toUpperCase(), s = _.getDate().toString().padStart(2, "0"), u = (_.getMonth() + 1).toString().padStart(2, "0");
+    let d = _.toLocaleTimeString("es-PE", {
       hour: "numeric",
       minute: "2-digit",
       hour12: !0
     }).toUpperCase();
-    return s = s.replace(/\./g, "").replace(/A\s*M/i, "AM").replace(/P\s*M/i, "PM"), `${S} ${c}/${d} | ${s}`;
+    return d = d.replace(/\./g, "").replace(/A\s*M/i, "AM").replace(/P\s*M/i, "PM"), `${E} ${s}/${u} | ${d}`;
   }
-  return /* @__PURE__ */ g("div", { className: te.cardContainer, children: [
-    /* @__PURE__ */ e(Ke, { title: (a = t.group) != null ? a : "" }),
-    /* @__PURE__ */ e("div", { className: te.cardBackground, children: /* @__PURE__ */ g(L, { direction: "column", spacing: { xs: 0.5, md: 1 }, useFlexGap: !0, children: [
-      /* @__PURE__ */ g(L, { direction: "column", spacing: 1, useFlexGap: !0, children: [
-        /* @__PURE__ */ g(W, { spacing: 1, columns: "1fr auto 1fr", children: [
+  return /* @__PURE__ */ p("div", { className: Q.cardContainer, children: [
+    /* @__PURE__ */ e(Je, { title: (i = t.group) != null ? i : "" }),
+    /* @__PURE__ */ e("div", { className: Q.cardBackground, children: /* @__PURE__ */ p(M, { direction: "column", spacing: { xs: 0.5, md: 1 }, useFlexGap: !0, children: [
+      /* @__PURE__ */ p(M, { direction: "column", spacing: 1, useFlexGap: !0, children: [
+        /* @__PURE__ */ p("div", { className: Q.equipos, children: [
           /* @__PURE__ */ e(
-            Q,
+            ee,
             {
               name: t.awayName,
               logo: "/assets/img/home/EventoSemana/Flamengo.png",
               size: "compact"
             }
           ),
-          /* @__PURE__ */ e(we, { text: "vs.", name: "", size: "small" }),
-          /* @__PURE__ */ e(Q, { name: t.homeName, logo: "/assets/img/home/EventoSemana/RealMadrid.png", size: "compact" })
+          /* @__PURE__ */ e(Ce, { text: "vs.", name: "", size: "small" }),
+          /* @__PURE__ */ e(ee, { name: t.homeName, logo: "/assets/img/home/EventoSemana/RealMadrid.png", size: "compact" })
         ] }),
-        /* @__PURE__ */ e(wt, { text: n(t.start) })
+        /* @__PURE__ */ e(Et, { text: n(t.start) })
       ] }),
-      /* @__PURE__ */ g(L, { direction: "column", spacing: { xs: 0.5, md: 1 }, useFlexGap: !0, children: [
-        /* @__PURE__ */ e(W, { 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((y, v) => /* @__PURE__ */ e(ye, { text: y.label.toUpperCase() }, v)) }),
-        /* @__PURE__ */ e("div", { className: te.jugadas, children: /* @__PURE__ */ e(W, { spacing: 1, children: ((m = (h = (r = t == null ? void 0 : t.outcome) == null ? void 0 : r[0]) == null ? void 0 : h.outcomes) != null ? m : []).map((y, v) => /* @__PURE__ */ e(P, { variant: "primary", fullHeight: !0, onClick: () => {
-          se(y.id);
-        }, children: (y.odds / 1e3).toFixed(2) }, v)) }) })
+      /* @__PURE__ */ p(M, { direction: "column", spacing: { xs: 0.5, md: 1 }, useFlexGap: !0, children: [
+        /* @__PURE__ */ e(G, { spacing: 1, children: ((o = (c = (r = t == null ? void 0 : t.outcome) == null ? void 0 : r[0]) == null ? void 0 : c.outcomes) != null ? o : []).map((v, _) => /* @__PURE__ */ e(Se, { text: v.label.toUpperCase() }, _)) }),
+        /* @__PURE__ */ e("div", { className: Q.jugadas, children: /* @__PURE__ */ e(G, { spacing: 1, children: ((m = (h = (a = t == null ? void 0 : t.outcome) == null ? void 0 : a[0]) == null ? void 0 : h.outcomes) != null ? m : []).map((v, _) => /* @__PURE__ */ e(P, { variant: "primary", fullHeight: !0, onClick: () => {
+          ce(v.id);
+        }, children: (v.odds / 1e3).toFixed(2) }, _)) }) })
       ] })
     ] }) })
   ] });
 }
-function It({
+function Rt({
   items: t,
   title: n = "Destacados",
-  iconUrl: a,
-  onViewMore: i,
-  className: l = ""
+  iconUrl: i,
+  onViewMore: r,
+  className: c = ""
 }) {
-  const o = A(null), [r, h] = B({ isStart: !0, isEnd: !1 }), m = () => {
-    var d;
-    (d = o.current) == null || d.prev();
-  }, y = () => {
-    var d;
-    (d = o.current) == null || d.next(), console.log("items: ", t);
+  const o = W(null), [a, h] = U({ isStart: !0, isEnd: !1 }), m = () => {
+    var u;
+    (u = o.current) == null || u.prev();
   }, v = () => {
+    var u;
+    (u = o.current) == null || u.next(), console.log("items: ", t);
+  }, _ = () => {
     window.location.href = "https://www.olimpo.bet/promociones";
-  }, S = (d) => {
-    if (!d || typeof window == "undefined") return;
-    const f = `https://www.olimpo.bet/promociones/${encodeURIComponent(d)}`;
-    window.location.href = f;
+  }, E = (u) => {
+    if (!u || typeof window == "undefined") return;
+    const y = `https://www.olimpo.bet/promociones/${encodeURIComponent(u)}`;
+    window.location.href = y;
   };
-  return /* @__PURE__ */ g("section", { className: l || void 0, style: { width: "100%" }, children: [
-    /* @__PURE__ */ g(
+  return /* @__PURE__ */ p("section", { className: c || void 0, style: { width: "100%" }, children: [
+    /* @__PURE__ */ p(
       "header",
       {
         style: {
@@ -1196,17 +1198,17 @@ function It({
           marginBottom: 16
         },
         children: [
-          /* @__PURE__ */ e(H, { title: n, iconUrl: a, size: "md" }),
-          /* @__PURE__ */ g("div", { style: { display: "flex", gap: 8 }, children: [
+          /* @__PURE__ */ e(H, { title: n, iconUrl: i, size: "md" }),
+          /* @__PURE__ */ p("div", { style: { display: "flex", gap: 8 }, children: [
             /* @__PURE__ */ e(
               P,
               {
                 ariaLabel: "Anterior",
                 variant: "secondary",
                 iconOnly: !0,
-                leftIcon: /* @__PURE__ */ e(ae, {}),
+                leftIcon: /* @__PURE__ */ e(ie, {}),
                 onClick: m,
-                disabled: r.isStart
+                disabled: a.isStart
               }
             ),
             /* @__PURE__ */ e(
@@ -1215,13 +1217,13 @@ function It({
                 ariaLabel: "Siguiente",
                 variant: "secondary",
                 iconOnly: !0,
-                rightIcon: /* @__PURE__ */ e(ie, {}),
-                onClick: y,
-                disabled: r.isEnd
+                rightIcon: /* @__PURE__ */ e(se, {}),
+                onClick: v,
+                disabled: a.isEnd
               }
             )
           ] }),
-          /* @__PURE__ */ e(P, { variant: "secondary", onClick: v, children: "Ver más" })
+          /* @__PURE__ */ e(P, { variant: "secondary", onClick: _, children: "Ver más" })
         ]
       }
     ),
@@ -1237,7 +1239,7 @@ function It({
           768: { perPage: 1.15, focus: "start" },
           1024: { perPage: 2.5, focus: "start" }
         },
-        renderItem: (d) => /* @__PURE__ */ e(
+        renderItem: (u) => /* @__PURE__ */ e(
           "div",
           {
             style: {
@@ -1245,12 +1247,12 @@ function It({
               marginTop: 16,
               cursor: "pointer"
             },
-            onClick: () => S(d.promotion),
+            onClick: () => E(u.promotion),
             children: /* @__PURE__ */ e(
               "img",
               {
-                src: `https://olimpo.bet${d.image !== "" ? d.image : d.summary_image}`,
-                alt: d.title,
+                src: `https://olimpo.bet${u.image !== "" ? u.image : u.summary_image}`,
+                alt: u.title,
                 style: {
                   width: "100%",
                   // minHeight: "150px",
@@ -1262,41 +1264,41 @@ function It({
               }
             )
           },
-          `${d.title}-${d.image}`
+          `${u.title}-${u.image}`
         ),
-        onMove: ({ isStart: d, isEnd: s }) => h({ isStart: d, isEnd: s })
+        onMove: ({ isStart: u, isEnd: d }) => h({ isStart: u, isEnd: d })
       }
     )
   ] });
 }
-const Nt = (t) => {
-  var c, d, s, f, w, R;
+const Tt = (t) => {
+  var s, u, d, y, S, w;
   if (typeof window == "undefined") return;
-  const n = (d = (c = t.name) != null ? c : t.web_name) != null ? d : "", a = (s = t.provider) != null ? s : "", i = (f = t.machine) != null ? f : "", l = (w = t.external_id) != null ? w : "", o = (R = t.type) != null ? R : "", r = encodeURIComponent(String(a)), h = encodeURIComponent(String(i)), m = encodeURIComponent(String(n)), y = encodeURIComponent(String(l)), v = encodeURIComponent(String(o)), S = `https://www.olimpo.bet/casino?${h}?provider=${r}&name=${m}&external_id=${y}&type=${v}`;
-  window.location.href = S;
+  const n = (u = (s = t.name) != null ? s : t.web_name) != null ? u : "", i = (d = t.provider) != null ? d : "", r = (y = t.machine) != null ? y : "", c = (S = t.external_id) != null ? S : "", o = (w = t.type) != null ? w : "", a = encodeURIComponent(String(i)), h = encodeURIComponent(String(r)), m = encodeURIComponent(String(n)), v = encodeURIComponent(String(c)), _ = encodeURIComponent(String(o)), E = `https://www.olimpo.bet/casino?${h}?provider=${a}&name=${m}&external_id=${v}&type=${_}`;
+  window.location.href = E;
 };
-function Ot({
+function Pt({
   items: t,
   title: n = "Top Juegos",
-  iconUrl: a,
-  onCardClick: i
+  iconUrl: i,
+  onCardClick: r
 }) {
-  const l = re(
-    () => t.map((o, r) => {
+  const c = ae(
+    () => t.map((o, a) => {
       var h;
       return {
         ...o,
         // si no viene orden, usamos el índice (1-based)
-        orden: (h = o.orden) != null ? h : r + 1,
-        _originalIndex: r
+        orden: (h = o.orden) != null ? h : a + 1,
+        _originalIndex: a
       };
-    }).sort((o, r) => o.orden != null && r.orden != null ? o.orden - r.orden : o._originalIndex - r._originalIndex),
+    }).sort((o, a) => o.orden != null && a.orden != null ? o.orden - a.orden : o._originalIndex - a._originalIndex),
     [t]
   );
-  return /* @__PURE__ */ e("section", { style: { width: "100%" }, children: /* @__PURE__ */ g(L, { direction: "column", spacing: 2, useFlexGap: !0, children: [
-    /* @__PURE__ */ e(H, { title: n, iconUrl: a, size: "md" }),
+  return /* @__PURE__ */ e("section", { style: { width: "100%" }, children: /* @__PURE__ */ p(M, { direction: "column", spacing: 2, useFlexGap: !0, children: [
+    /* @__PURE__ */ e(H, { title: n, iconUrl: i, size: "md" }),
     /* @__PURE__ */ e(
-      E,
+      $,
       {
         sx: {
           display: "grid",
@@ -1308,15 +1310,15 @@ function Ot({
           justifyItems: "center",
           width: "100%"
         },
-        children: l.slice(0, 6).map((o) => {
-          var r;
+        children: c.slice(0, 6).map((o) => {
+          var a;
           return /* @__PURE__ */ e(
-            it,
+            ct,
             {
-              imageUrl: `https://olimpo.bet${(r = o.logo) != null ? r : ""}`,
+              imageUrl: `https://olimpo.bet${(a = o.logo) != null ? a : ""}`,
               orden: o.orden,
               onClick: () => {
-                i ? i(o) : Nt(o);
+                r ? r(o) : Tt(o);
               }
             },
             o.machine
@@ -1326,25 +1328,25 @@ function Ot({
     )
   ] }) });
 }
-const kt = (t, n) => {
-  var a, i;
-  return (i = (a = t.orden) != null ? a : t.machine) != null ? i : n;
-}, Rt = (t) => {
-  var c, d, s, f, w, R;
+const Bt = (t, n) => {
+  var i, r;
+  return (r = (i = t.orden) != null ? i : t.machine) != null ? r : n;
+}, Ft = (t) => {
+  var s, u, d, y, S, w;
   if (typeof window == "undefined") return;
-  const n = (d = (c = t.name) != null ? c : t.web_name) != null ? d : "", a = (s = t.provider) != null ? s : "", i = (f = t.machine) != null ? f : "", l = (w = t.external_id) != null ? w : "", o = (R = t.type) != null ? R : "Live", r = encodeURIComponent(String(a)), h = encodeURIComponent(String(i)), m = encodeURIComponent(String(n)), y = encodeURIComponent(String(l)), v = encodeURIComponent(String(o)), S = `https://www.olimpo.bet/casino-en-vivo?${h}?provider=${r}&name=${m}&external_id=${y}&type=${v}`;
-  window.location.href = S;
-}, Tt = ({
+  const n = (u = (s = t.name) != null ? s : t.web_name) != null ? u : "", i = (d = t.provider) != null ? d : "", r = (y = t.machine) != null ? y : "", c = (S = t.external_id) != null ? S : "", o = (w = t.type) != null ? w : "Live", a = encodeURIComponent(String(i)), h = encodeURIComponent(String(r)), m = encodeURIComponent(String(n)), v = encodeURIComponent(String(c)), _ = encodeURIComponent(String(o)), E = `https://www.olimpo.bet/casino-en-vivo?${h}?provider=${a}&name=${m}&external_id=${v}&type=${_}`;
+  window.location.href = E;
+}, Ut = ({
   items: t,
   title: n = "Casino en vivo",
-  subtitle: a = "Disfruta la emoción en tus juegos favoritos y gana en tiempo real.",
-  backgroundMobileUrl: i = "",
-  backgroundDesktopUrl: l = "",
+  subtitle: i = "Disfruta la emoción en tus juegos favoritos y gana en tiempo real.",
+  backgroundMobileUrl: r = "",
+  backgroundDesktopUrl: c = "",
   onCardClick: o,
-  onViewMore: r,
+  onViewMore: a,
   className: h
-}) => /* @__PURE__ */ g(
-  E,
+}) => /* @__PURE__ */ p(
+  $,
   {
     className: h,
     sx: {
@@ -1358,7 +1360,7 @@ const kt = (t, n) => {
     },
     children: [
       /* @__PURE__ */ e(
-        E,
+        $,
         {
           sx: {
             position: "absolute",
@@ -1367,12 +1369,12 @@ const kt = (t, n) => {
               xs: `
               linear-gradient(to bottom, #121212 0%, rgba(18,18,18,0) 10%),
               linear-gradient(to top,    #121212 0%, rgba(18,18,18,0) 10%),
-              url('${i}')
+              url('${r}')
             `,
               md: `
               linear-gradient(to bottom, #121212 0%, rgba(18,18,18,0) 10%),
               linear-gradient(to top,    #121212 0%, rgba(18,18,18,0) 10%),
-              url('${l}')
+              url('${c}')
             `
             },
             backgroundSize: "cover",
@@ -1382,8 +1384,8 @@ const kt = (t, n) => {
           }
         }
       ),
-      /* @__PURE__ */ g(
-        E,
+      /* @__PURE__ */ p(
+        $,
         {
           sx: {
             position: "relative",
@@ -1400,9 +1402,9 @@ const kt = (t, n) => {
             textAlign: { xs: "center", md: "left" }
           },
           children: [
-            /* @__PURE__ */ g(L, { spacing: 3, sx: { maxWidth: { md: 280 } }, children: [
+            /* @__PURE__ */ p(M, { spacing: 3, sx: { maxWidth: { md: 280 } }, children: [
               /* @__PURE__ */ e(
-                G,
+                j,
                 {
                   variant: "h4",
                   sx: {
@@ -1415,7 +1417,7 @@ const kt = (t, n) => {
                 }
               ),
               /* @__PURE__ */ e(
-                G,
+                j,
                 {
                   sx: {
                     fontSize: { xs: 14, md: 18 },
@@ -1423,21 +1425,21 @@ const kt = (t, n) => {
                     marginX: { xs: 4, md: 0 },
                     lineHeight: 1.5
                   },
-                  children: a
+                  children: i
                 }
               ),
-              /* @__PURE__ */ e(E, { sx: { display: { xs: "none", md: "block" } }, children: /* @__PURE__ */ e(
+              /* @__PURE__ */ e($, { sx: { display: { xs: "none", md: "block" } }, children: /* @__PURE__ */ e(
                 P,
                 {
                   variant: "primary",
                   size: "md",
-                  onClick: () => r == null ? void 0 : r(),
+                  onClick: () => a == null ? void 0 : a(),
                   children: "Ver más"
                 }
               ) })
             ] }),
             /* @__PURE__ */ e(
-              E,
+              $,
               {
                 sx: {
                   display: "flex",
@@ -1447,30 +1449,30 @@ const kt = (t, n) => {
                   py: { xs: 3, md: 0 },
                   alignItems: "center"
                 },
-                children: (t != null ? t : []).slice(0, 3).map((m, y) => {
-                  var v;
+                children: (t != null ? t : []).slice(0, 3).map((m, v) => {
+                  var _;
                   return /* @__PURE__ */ e(
-                    st,
+                    lt,
                     {
-                      logo: `https://olimpo.bet${(v = m.logo) != null ? v : ""}`,
+                      logo: `https://olimpo.bet${(_ = m.logo) != null ? _ : ""}`,
                       provider: m.provider,
                       providerName: m.web_name,
                       machine: m.machine,
                       onClick: () => {
-                        o ? o(m, y) : Rt(m);
+                        o ? o(m, v) : Ft(m);
                       }
                     },
-                    kt(m, y)
+                    Bt(m, v)
                   );
                 })
               }
             ),
-            /* @__PURE__ */ e(E, { sx: { display: { xs: "block", md: "none" } }, children: /* @__PURE__ */ e(
+            /* @__PURE__ */ e($, { sx: { display: { xs: "block", md: "none" } }, children: /* @__PURE__ */ e(
               P,
               {
                 variant: "primary",
                 size: "lg",
-                onClick: () => r == null ? void 0 : r(),
+                onClick: () => a == null ? void 0 : a(),
                 children: "Ver más"
               }
             ) })
@@ -1479,63 +1481,63 @@ const kt = (t, n) => {
       )
     ]
   }
-), Ce = (t, n) => {
-  var a, i;
-  return (i = (a = t.orden) != null ? a : t.machine) != null ? i : n;
-}, Pt = (t) => {
-  var c, d, s, f, w;
+), $e = (t, n) => {
+  var i, r;
+  return (r = (i = t.orden) != null ? i : t.machine) != null ? r : n;
+}, Lt = (t) => {
+  var s, u, d, y, S;
   if (typeof window == "undefined") return;
-  const n = (c = t.name) != null ? c : "", a = (d = t.provider) != null ? d : "", i = (s = t.machine) != null ? s : "", l = (f = t.external_id) != null ? f : "", o = (w = t.type) != null ? w : "Casino", r = encodeURIComponent(String(a)), h = encodeURIComponent(String(i)), m = encodeURIComponent(String(n)), y = encodeURIComponent(String(l)), v = encodeURIComponent(String(o)), S = `https://www.olimpo.bet/casino?${h}?provider=${r}&name=${m}&external_id=${y}&type=${v}`;
-  window.location.href = S;
-}, Ft = (t, n = !0, a = 4) => {
-  const i = t.map((r, h) => {
+  const n = (s = t.name) != null ? s : "", i = (u = t.provider) != null ? u : "", r = (d = t.machine) != null ? d : "", c = (y = t.external_id) != null ? y : "", o = (S = t.type) != null ? S : "Casino", a = encodeURIComponent(String(i)), h = encodeURIComponent(String(r)), m = encodeURIComponent(String(n)), v = encodeURIComponent(String(c)), _ = encodeURIComponent(String(o)), E = `https://www.olimpo.bet/casino?${h}?provider=${a}&name=${m}&external_id=${v}&type=${_}`;
+  window.location.href = E;
+}, Mt = (t, n = !0, i = 4) => {
+  const r = t.map((a, h) => {
     var m;
     return {
-      id: Ce(r, h),
-      imageUrl: (m = r.logo) != null ? m : ""
+      id: $e(a, h),
+      imageUrl: (m = a.logo) != null ? m : ""
     };
   });
-  if (!i.length) return [];
-  const l = [];
+  if (!r.length) return [];
+  const c = [];
   let o = 0;
   if (n) {
-    const r = Math.min(i.length, 5);
-    l.push({
+    const a = Math.min(r.length, 5);
+    c.push({
       id: "mosaic-0",
       kind: "mosaic",
-      items: i.slice(0, r)
-    }), o = r;
+      items: r.slice(0, a)
+    }), o = a;
   }
-  for (; o < i.length; ) {
-    const r = Math.min(o + a, i.length);
-    l.push({
+  for (; o < r.length; ) {
+    const a = Math.min(o + i, r.length);
+    c.push({
       id: `grid-${o}`,
       kind: "grid",
-      items: i.slice(o, r)
-    }), o = r;
+      items: r.slice(o, a)
+    }), o = a;
   }
-  return l;
-}, Bt = ({
+  return c;
+}, zt = ({
   items: t,
   title: n = "Casino",
-  iconUrl: a = "/assets/img/home/Casino/diamante.svg",
-  onItemClick: i,
-  onViewMore: l,
+  iconUrl: i = "/assets/img/home/Casino/diamante.svg",
+  onItemClick: r,
+  onViewMore: c,
   mosaicFirst: o = !0,
-  gridSize: r = 4
+  gridSize: a = 4
 }) => {
-  const h = A(null), [m, y] = B({ isStart: !0, isEnd: !1 }), v = Ft(t, o, r), S = () => {
-    var s;
-    (s = h.current) == null || s.prev();
-  }, c = () => {
-    var s;
-    (s = h.current) == null || s.next();
-  }, d = () => {
+  const h = W(null), [m, v] = U({ isStart: !0, isEnd: !1 }), _ = Mt(t, o, a), E = () => {
+    var d;
+    (d = h.current) == null || d.prev();
+  }, s = () => {
+    var d;
+    (d = h.current) == null || d.next();
+  }, u = () => {
     window.location.href = "https://www.olimpo.bet/casino";
   };
-  return /* @__PURE__ */ e("section", { children: /* @__PURE__ */ g(L, { direction: "column", spacing: 2, useFlexGap: !0, children: [
-    /* @__PURE__ */ g(
-      E,
+  return /* @__PURE__ */ e("section", { children: /* @__PURE__ */ p(M, { direction: "column", spacing: 2, useFlexGap: !0, children: [
+    /* @__PURE__ */ p(
+      $,
       {
         sx: {
           display: "grid",
@@ -1549,12 +1551,12 @@ const kt = (t, n) => {
             H,
             {
               title: n,
-              iconUrl: a,
+              iconUrl: i,
               size: "md"
             }
           ),
-          /* @__PURE__ */ g(
-            E,
+          /* @__PURE__ */ p(
+            $,
             {
               sx: {
                 display: "flex",
@@ -1568,8 +1570,8 @@ const kt = (t, n) => {
                     ariaLabel: "Anterior",
                     variant: "secondary",
                     iconOnly: !0,
-                    leftIcon: /* @__PURE__ */ e(be, {}),
-                    onClick: S,
+                    leftIcon: /* @__PURE__ */ e(ve, {}),
+                    onClick: E,
                     disabled: m.isStart
                   }
                 ),
@@ -1579,15 +1581,15 @@ const kt = (t, n) => {
                     ariaLabel: "Siguiente",
                     variant: "secondary",
                     iconOnly: !0,
-                    rightIcon: /* @__PURE__ */ e(_e, {}),
-                    onClick: c,
+                    rightIcon: /* @__PURE__ */ e(ye, {}),
+                    onClick: s,
                     disabled: m.isEnd
                   }
                 )
               ]
             }
           ),
-          /* @__PURE__ */ e(E, { sx: { justifySelf: "end" }, children: /* @__PURE__ */ e(P, { variant: "secondary", onClick: d, children: "Ver más" }) })
+          /* @__PURE__ */ e($, { sx: { justifySelf: "end" }, children: /* @__PURE__ */ e(P, { variant: "secondary", onClick: u, children: "Ver más" }) })
         ]
       }
     ),
@@ -1595,7 +1597,7 @@ const kt = (t, n) => {
       V,
       {
         ref: h,
-        items: v,
+        items: _,
         perPage: 1,
         gap: "0px",
         options: {
@@ -1607,80 +1609,80 @@ const kt = (t, n) => {
           drag: !0,
           focus: "start"
         },
-        renderItem: (s) => /* @__PURE__ */ e("div", { style: { alignSelf: "start" }, children: /* @__PURE__ */ e(
-          Se,
+        renderItem: (d) => /* @__PURE__ */ e("div", { style: { alignSelf: "start" }, children: /* @__PURE__ */ e(
+          Ee,
           {
-            items: s.items,
-            layout: s.kind === "mosaic" ? "mosaic" : "grid",
-            onClick: (f) => {
-              const w = t.find(
-                (R, I) => Ce(R, I) === f.id
+            items: d.items,
+            layout: d.kind === "mosaic" ? "mosaic" : "grid",
+            onClick: (y) => {
+              const S = t.find(
+                (w, I) => $e(w, I) === y.id
               );
-              w && (i ? i(w) : Pt(w));
+              S && (r ? r(S) : Lt(S));
             }
           }
         ) }),
-        onMove: ({ isStart: s, isEnd: f }) => y({ isStart: s, isEnd: f })
+        onMove: ({ isStart: d, isEnd: y }) => v({ isStart: d, isEnd: y })
       }
     )
   ] }) });
-}, Ee = (t, n) => {
-  var a, i;
-  return (i = (a = t.orden) != null ? a : t.machine) != null ? i : n;
-}, Ut = (t) => {
-  var c, d, s, f, w;
+}, Ie = (t, n) => {
+  var i, r;
+  return (r = (i = t.orden) != null ? i : t.machine) != null ? r : n;
+}, Wt = (t) => {
+  var s, u, d, y, S;
   if (typeof window == "undefined") return;
-  const n = (c = t.name) != null ? c : "", a = (d = t.provider) != null ? d : "", i = (s = t.machine) != null ? s : "", l = (f = t.external_id) != null ? f : "", o = (w = t.type) != null ? w : "Virtuales", r = encodeURIComponent(String(a)), h = encodeURIComponent(String(i)), m = encodeURIComponent(String(n)), y = encodeURIComponent(String(l)), v = encodeURIComponent(String(o)), S = `https://www.olimpo.bet/juegos-virtuales?${h}?provider=${r}&name=${m}&external_id=${y}&type=${v}`;
-  window.location.href = S;
-}, Lt = (t, n = !0, a = 4) => {
-  const i = t.map((r, h) => {
+  const n = (s = t.name) != null ? s : "", i = (u = t.provider) != null ? u : "", r = (d = t.machine) != null ? d : "", c = (y = t.external_id) != null ? y : "", o = (S = t.type) != null ? S : "Virtuales", a = encodeURIComponent(String(i)), h = encodeURIComponent(String(r)), m = encodeURIComponent(String(n)), v = encodeURIComponent(String(c)), _ = encodeURIComponent(String(o)), E = `https://www.olimpo.bet/juegos-virtuales?${h}?provider=${a}&name=${m}&external_id=${v}&type=${_}`;
+  window.location.href = E;
+}, At = (t, n = !0, i = 4) => {
+  const r = t.map((a, h) => {
     var m;
     return {
-      id: Ee(r, h),
-      imageUrl: (m = r.logo) != null ? m : ""
+      id: Ie(a, h),
+      imageUrl: (m = a.logo) != null ? m : ""
     };
   });
-  if (!i.length) return [];
-  const l = [];
+  if (!r.length) return [];
+  const c = [];
   let o = 0;
   if (n) {
-    const r = Math.min(i.length, 5);
-    l.push({
+    const a = Math.min(r.length, 5);
+    c.push({
       id: "mosaic-0",
       kind: "mosaic",
-      items: i.slice(0, r)
-    }), o = r;
+      items: r.slice(0, a)
+    }), o = a;
   }
-  for (; o < i.length; ) {
-    const r = Math.min(o + a, i.length);
-    l.push({
+  for (; o < r.length; ) {
+    const a = Math.min(o + i, r.length);
+    c.push({
       id: `grid-${o}`,
       kind: "grid",
-      items: i.slice(o, r)
-    }), o = r;
+      items: r.slice(o, a)
+    }), o = a;
   }
-  return l;
-}, Mt = ({
+  return c;
+}, jt = ({
   items: t,
   title: n = "Virtuales",
-  iconUrl: a = "/assets/img/home/Virtuales/virtuales.svg",
-  onItemClick: i,
-  onViewMore: l,
+  iconUrl: i = "/assets/img/home/Virtuales/virtuales.svg",
+  onItemClick: r,
+  onViewMore: c,
   mosaicFirst: o = !0,
-  gridSize: r = 4
+  gridSize: a = 4
 }) => {
-  const h = A(null), [m, y] = B({ isStart: !0, isEnd: !1 }), v = Lt(t, o, r), S = () => {
-    var s;
-    (s = h.current) == null || s.prev();
-  }, c = () => {
-    var s;
-    (s = h.current) == null || s.next();
-  }, d = () => {
+  const h = W(null), [m, v] = U({ isStart: !0, isEnd: !1 }), _ = At(t, o, a), E = () => {
+    var d;
+    (d = h.current) == null || d.prev();
+  }, s = () => {
+    var d;
+    (d = h.current) == null || d.next();
+  }, u = () => {
     window.location.href = "https://www.olimpo.bet/virtuales";
   };
-  return /* @__PURE__ */ e("section", { children: /* @__PURE__ */ g(L, { direction: "column", spacing: 2, useFlexGap: !0, children: [
-    /* @__PURE__ */ g(
-      E,
+  return /* @__PURE__ */ e("section", { children: /* @__PURE__ */ p(M, { direction: "column", spacing: 2, useFlexGap: !0, children: [
+    /* @__PURE__ */ p(
+      $,
       {
         sx: {
           display: "grid",
@@ -1694,12 +1696,12 @@ const kt = (t, n) => {
             H,
             {
               title: n,
-              iconUrl: a,
+              iconUrl: i,
               size: "md"
             }
           ),
-          /* @__PURE__ */ g(
-            E,
+          /* @__PURE__ */ p(
+            $,
             {
               sx: {
                 display: "flex",
@@ -1713,8 +1715,8 @@ const kt = (t, n) => {
                     ariaLabel: "Anterior",
                     variant: "secondary",
                     iconOnly: !0,
-                    leftIcon: /* @__PURE__ */ e(be, {}),
-                    onClick: S,
+                    leftIcon: /* @__PURE__ */ e(ve, {}),
+                    onClick: E,
                     disabled: m.isStart
                   }
                 ),
@@ -1724,15 +1726,15 @@ const kt = (t, n) => {
                     ariaLabel: "Siguiente",
                     variant: "secondary",
                     iconOnly: !0,
-                    rightIcon: /* @__PURE__ */ e(_e, {}),
-                    onClick: c,
+                    rightIcon: /* @__PURE__ */ e(ye, {}),
+                    onClick: s,
                     disabled: m.isEnd
                   }
                 )
               ]
             }
           ),
-          /* @__PURE__ */ e(E, { sx: { justifySelf: "end" }, children: /* @__PURE__ */ e(P, { variant: "secondary", onClick: d, children: "Ver más" }) })
+          /* @__PURE__ */ e($, { sx: { justifySelf: "end" }, children: /* @__PURE__ */ e(P, { variant: "secondary", onClick: u, children: "Ver más" }) })
         ]
       }
     ),
@@ -1740,7 +1742,7 @@ const kt = (t, n) => {
       V,
       {
         ref: h,
-        items: v,
+        items: _,
         perPage: 1,
         gap: "0",
         options: {
@@ -1753,24 +1755,24 @@ const kt = (t, n) => {
           focus: "start",
           perMove: 1
         },
-        renderItem: (s) => /* @__PURE__ */ e("div", { style: { alignSelf: "start" }, children: /* @__PURE__ */ e(
-          Se,
+        renderItem: (d) => /* @__PURE__ */ e("div", { style: { alignSelf: "start" }, children: /* @__PURE__ */ e(
+          Ee,
           {
-            items: s.items,
-            layout: s.kind === "mosaic" ? "mosaic" : "grid",
-            onClick: (f) => {
-              const w = t.find(
-                (R, I) => Ee(R, I) === f.id
+            items: d.items,
+            layout: d.kind === "mosaic" ? "mosaic" : "grid",
+            onClick: (y) => {
+              const S = t.find(
+                (w, I) => Ie(w, I) === y.id
               );
-              w && (i ? i(w) : Ut(w));
+              S && (r ? r(S) : Wt(S));
             }
           }
         ) }),
-        onMove: ({ isStart: s, isEnd: f }) => y({ isStart: s, isEnd: f })
+        onMove: ({ isStart: d, isEnd: y }) => v({ isStart: d, isEnd: y })
       }
     )
   ] }) });
-}, zt = (t) => ({
+}, Gt = (t) => ({
   // width: "100vw",
   position: "relative",
   // left: "50%",
@@ -1789,15 +1791,15 @@ const kt = (t, n) => {
   backgroundRepeat: "no-repeat",
   backgroundPosition: "center",
   backgroundSize: "cover"
-}), ue = {
+}), pe = {
   textAlign: "center",
   lineHeight: 1.1,
   mb: 1.5
-}, pe = {
+}, he = {
   display: "inline-block",
   fontWeight: 600,
   fontSize: 24
-}, me = {
+}, ge = {
   display: "inline-block",
   fontSize: 24,
   lineHeight: 1.1,
@@ -1807,86 +1809,112 @@ const kt = (t, n) => {
     0 0 6px rgba(255, 255, 255, .6),
     0 1px 0 rgba(137, 137, 137, .85)
   `
-}, Wt = ({
+}, Dt = ({
   headline: t,
   headline2: n,
-  items: a,
-  backgroundImageUrl: i
+  items: i,
+  backgroundImageUrl: r
 }) => {
-  const l = t, o = n, r = Pe("(max-width: 767px)"), h = a.length > 1, m = i != null ? i : "", y = zt(m), v = A(null), [S, c] = B({ isStart: !0, isEnd: !1 }), [d, s] = B(0);
-  return r ? /* @__PURE__ */ g(
-    E,
+  const c = t, o = n, a = Fe("(max-width: 767px)"), h = i.length > 1, m = r != null ? r : "", v = Gt(m), _ = W(null), [E, s] = U({ isStart: !0, isEnd: !1 }), [u, d] = U(0), y = (S) => /* @__PURE__ */ p(
+    $,
+    {
+      sx: {
+        width: "100%",
+        maxWidth: S ? 600 : "100%",
+        mx: S ? "auto" : 0
+      },
+      children: [
+        /* @__PURE__ */ e(
+          V,
+          {
+            ref: _,
+            items: i,
+            perPage: 1,
+            gap: S ? "24px" : "12px",
+            breakpoints: S ? void 0 : {
+              480: {
+                perPage: 1,
+                gap: "8px",
+                padding: { left: "8px", right: "8px" }
+              },
+              768: {
+                perPage: 1,
+                gap: "12px",
+                padding: { left: "8px", right: "8px" }
+              }
+            },
+            options: { autoWidth: !1 },
+            renderItem: (w) => /* @__PURE__ */ e(
+              dt,
+              {
+                ...w,
+                onButtonClick: w.onButtonClick,
+                isDesktop: S
+              }
+            ),
+            onMove: ({ index: w, isStart: I, isEnd: C }) => {
+              s({ isStart: I, isEnd: C }), d(w);
+            }
+          }
+        ),
+        h && /* @__PURE__ */ e(
+          $,
+          {
+            sx: {
+              mt: 2,
+              display: "flex",
+              justifyContent: "center"
+            },
+            children: /* @__PURE__ */ e(
+              we,
+              {
+                total: i.length,
+                active: u,
+                onSelect: (w) => {
+                  var I;
+                  d(w), (I = _.current) == null || I.go(w);
+                }
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+  return a ? /* @__PURE__ */ p(
+    $,
     {
       component: "section",
       sx: {
-        ...y,
+        ...v,
         textAlign: "center"
       },
       children: [
-        (l || o) && /* @__PURE__ */ g(E, { sx: ue, children: [
-          l && /* @__PURE__ */ e(G, { component: "span", sx: pe, children: l }),
-          o && /* @__PURE__ */ g(X, { children: [
+        (c || o) && /* @__PURE__ */ p($, { sx: pe, children: [
+          c && /* @__PURE__ */ e(j, { component: "span", sx: he, children: c }),
+          o && /* @__PURE__ */ p(q, { children: [
             /* @__PURE__ */ e("br", {}),
-            /* @__PURE__ */ e(G, { component: "span", sx: me, children: o })
+            /* @__PURE__ */ e(j, { component: "span", sx: ge, children: o })
           ] })
         ] }),
-        /* @__PURE__ */ g(E, { children: [
-          /* @__PURE__ */ e(
-            V,
-            {
-              ref: v,
-              items: a,
-              perPage: 1,
-              gap: "12px",
-              breakpoints: {
-                480: {
-                  perPage: 1,
-                  gap: "8px",
-                  padding: { left: "8px", right: "8px" }
-                },
-                768: {
-                  perPage: 1,
-                  gap: "12px",
-                  padding: { left: "8px", right: "8px" }
-                }
-              },
-              options: {
-                autoWidth: !1
-              },
-              renderItem: (f) => /* @__PURE__ */ e(de, { ...f, onButtonClick: a[0].onButtonClick }),
-              onMove: ({ index: f, isStart: w, isEnd: R }) => {
-                c({ isStart: w, isEnd: R }), s(f);
-              }
-            }
-          ),
-          h && /* @__PURE__ */ e(
-            ve,
-            {
-              total: a.length,
-              active: d,
-              onSelect: (f) => {
-                var w;
-                s(f), (w = v.current) == null || w.go(f);
-              }
-            }
-          )
-        ] })
+        y(!1)
       ]
     }
-  ) : /* @__PURE__ */ e(E, { component: "section", sx: y, children: /* @__PURE__ */ g(
-    E,
+  ) : /* @__PURE__ */ e($, { component: "section", sx: v, children: /* @__PURE__ */ p(
+    $,
     {
       sx: {
         maxWidth: 1200,
-        mx: 5,
-        px: 2,
+        mx: "auto",
+        px: 15,
         display: "grid",
-        gridTemplateColumns: "200px auto",
-        alignItems: "center"
+        gridTemplateColumns: "260px minmax(0, 1fr)",
+        alignItems: "center",
+        columnGap: 6
       },
       children: [
-        (l || o) && /* @__PURE__ */ e(
-          E,
+        (c || o) && /* @__PURE__ */ e(
+          $,
           {
             sx: {
               display: "flex",
@@ -1894,19 +1922,19 @@ const kt = (t, n) => {
               justifyContent: "flex-start",
               minHeight: "100%"
             },
-            children: /* @__PURE__ */ g(
-              E,
+            children: /* @__PURE__ */ p(
+              $,
               {
                 sx: {
-                  ...ue,
+                  ...pe,
                   textAlign: "left",
                   mb: 0
                 },
                 children: [
-                  l && /* @__PURE__ */ e(G, { component: "span", sx: pe, children: l }),
-                  o && /* @__PURE__ */ g(X, { children: [
+                  c && /* @__PURE__ */ e(j, { component: "span", sx: he, children: c }),
+                  o && /* @__PURE__ */ p(q, { children: [
                     /* @__PURE__ */ e("br", {}),
-                    /* @__PURE__ */ e(G, { component: "span", sx: me, children: o })
+                    /* @__PURE__ */ e(j, { component: "span", sx: ge, children: o })
                   ] })
                 ]
               }
@@ -1914,51 +1942,42 @@ const kt = (t, n) => {
           }
         ),
         /* @__PURE__ */ e(
-          E,
+          $,
           {
             sx: {
               display: "flex",
               justifyContent: "center",
-              alignItems: "center",
-              flexWrap: "nowrap",
-              gap: 4
+              alignItems: "center"
             },
-            children: a.map((f, w) => /* @__PURE__ */ e(
-              de,
-              {
-                onButtonClick: f.onButtonClick,
-                ...f
-              },
-              w
-            ))
+            children: y(!0)
           }
         )
       ]
     }
   ) });
-}, At = ({
+}, Ht = ({
   className: t = "",
   fullBleed: n = !0,
-  items: a,
-  selectedIndex: i = 0,
-  ariaLabel: l
+  items: i,
+  selectedIndex: r = 0,
+  ariaLabel: c
 }) => {
-  const o = A(null), r = A(null);
-  if (!a) return null;
+  const o = W(null), a = W(null);
+  if (!i) return null;
   const h = () => {
     window.location.href = "https://www.olimpo.bet/conoce-club-olimpo";
-  }, m = Array.isArray(a) ? a[i] : a;
-  ke(() => {
-    if (!o.current || !r.current || typeof ResizeObserver == "undefined") return;
-    const v = o.current, S = r.current, c = () => {
-      v.style.setProperty(
+  }, m = Array.isArray(i) ? i[r] : i;
+  Te(() => {
+    if (!o.current || !a.current || typeof ResizeObserver == "undefined") return;
+    const _ = o.current, E = a.current, s = () => {
+      _.style.setProperty(
         "--orc-co-bottomH",
-        `${S.offsetHeight + 16}px`
+        `${E.offsetHeight + 16}px`
       );
-    }, d = new ResizeObserver(c);
-    return d.observe(S), c(), () => d.disconnect();
+    }, u = new ResizeObserver(s);
+    return u.observe(E), s(), () => u.disconnect();
   }, []);
-  const y = [
+  const v = [
     "orc-co-wrap",
     n ? "orc-co-fullBleed" : "",
     t
@@ -1967,10 +1986,10 @@ const kt = (t, n) => {
     "section",
     {
       ref: o,
-      className: y,
-      "aria-label": l || m.imgAlt || "Club Olimpo",
-      children: /* @__PURE__ */ e("div", { ref: r, children: /* @__PURE__ */ e(
-        ct,
+      className: v,
+      "aria-label": c || m.imgAlt || "Club Olimpo",
+      children: /* @__PURE__ */ e("div", { ref: a, children: /* @__PURE__ */ e(
+        ut,
         {
           text: m.text,
           onClick: h,
@@ -1982,119 +2001,129 @@ const kt = (t, n) => {
       ) })
     }
   );
-}, jt = "oraculo__OraculoSeccionEventoCombinadas-module__controls___Zsta4", Gt = {
-  controls: jt
+}, Vt = "oraculo__OraculoSeccionEventoCombinadas-module__controls___Zsta4", Kt = {
+  controls: Vt
 };
-function Dt({
+function Xt({
   items: t,
   title: n = "Combinadas del Olimpo",
-  iconUrl: a = "https://stg-www.contodobet.com/static/img/landing/EventoCombinada/rayoIcon.svg",
-  onViewMore: i,
-  className: l = ""
+  iconUrl: i = "https://stg-www.contodobet.com/static/img/landing/EventoCombinada/rayoIcon.svg",
+  onViewMore: r,
+  className: c = ""
 }) {
-  const o = A(null), [r, h] = B({ isStart: !0, isEnd: !1 }), [m, y] = B([]), v = () => {
-    var I;
-    (I = o.current) == null || I.prev();
-  }, S = () => {
-    var I;
-    (I = o.current) == null || I.next(), console.log("items: ", t);
-  }, c = () => {
-    i == null || i();
+  const o = W(null), [a, h] = U({ isStart: !0, isEnd: !1 }), [m, v] = U([]), _ = "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", E = () => {
+    var C;
+    (C = o.current) == null || C.prev();
+  }, s = () => {
+    var C;
+    (C = o.current) == null || C.next();
+  }, u = () => {
+    r == null || r();
   };
-  function d(I, T, O) {
-    const $ = [];
-    for (const N of O) {
-      const p = f([N]), u = T.reduce((x, _) => {
-        x[_.eventId] || (x[_.eventId] = []);
-        const C = _.outcomes.filter(
-          (k) => p.has(k.id)
+  async function d() {
+    var C, k, T;
+    try {
+      const l = await (await fetch(_)).json(), g = (T = (k = (C = l == null ? void 0 : l.group) == null ? void 0 : C.groups) == null ? void 0 : k[0]) == null ? void 0 : T.id;
+      if (!g) {
+        console.error("Could not extract group ID");
+        return;
+      }
+      const f = `https://us1.offering-api.kambicdn.com/offering/v2018/nexuspe/prepackcoupon/eventgroup/${g}.json?lang=es_PE&market=PE&client_id=200&channel_id=1&ncid=1764283566783&prePackCouponTags=CUSTOM`, x = await (await fetch(f)).json();
+      v(
+        y(x.events, x.betOffers, x.prePackCoupons)
+      );
+    } catch (O) {
+      console.error("loadDataEventSpecial error:", O);
+    }
+  }
+  function y(C, k, T) {
+    const O = [];
+    for (const l of T) {
+      const g = w([l]), f = S(l), b = k.reduce((x, N) => {
+        var B, z;
+        x[N.eventId] || (x[N.eventId] = []);
+        const R = N.outcomes.filter(
+          (F) => g.has(F.id)
         );
-        return C.length > 0 && x[_.eventId].push({
-          ..._,
-          outcomes: C
-        }), x;
-      }, {}), b = s(N);
-      I.forEach((x) => {
-        if (x.id !== N.prePackCouponRows[0].eventId) return;
-        const _ = p;
-        let C = null;
-        for (const k of b)
-          if ([...k.requiredOutcomeIds].every((M) => _.has(M))) {
-            C = k.decimal;
+        if (R.length > 0) {
+          const F = Array.from(
+            (z = (B = f == null ? void 0 : f[0]) == null ? void 0 : B.requiredOutcomeIds) != null ? z : []
+          ), le = R.map((J) => ({
+            ...J,
+            position: F.indexOf(J.id)
+          }));
+          x[N.eventId].push({
+            ...N,
+            outcomes: le
+          });
+        }
+        return x;
+      }, {});
+      C.forEach((x) => {
+        if (x.id !== l.prePackCouponRows[0].eventId) return;
+        const N = g;
+        let R = null;
+        for (const B of f)
+          if ([...B.requiredOutcomeIds].every((F) => N.has(F))) {
+            R = B.decimal;
             break;
           }
-        $.push({
+        O.push({
           ...x,
-          combinadoTotal: C,
-          betoffers: u[x.id] || [],
-          couponId: N.id
+          combinadoTotal: R,
+          betoffers: b[x.id] || [],
+          couponId: l.id
           // optional for tracking
         });
       });
     }
-    return $;
+    return O;
   }
-  function s(I) {
-    var O;
-    const T = [];
-    for (const $ of I.prePackCouponRows)
-      if ($.type === "BET_BUILDER" && ((O = $.group) != null && O.groups)) {
-        const N = /* @__PURE__ */ new Set();
-        $.group.groups.forEach((p) => {
-          var u;
-          (u = p.outcomes) == null || u.forEach((b) => N.add(b.id));
-        }), T.push({
-          requiredOutcomeIds: N,
-          decimal: $.odds.decimal
+  function S(C) {
+    var T;
+    const k = [];
+    for (const O of C.prePackCouponRows)
+      if (O.type === "BET_BUILDER" && ((T = O.group) != null && T.groups)) {
+        const l = /* @__PURE__ */ new Set();
+        O.group.groups.forEach((g) => {
+          var f;
+          (f = g.outcomes) == null || f.forEach((b) => l.add(b.id));
+        }), k.push({
+          requiredOutcomeIds: l,
+          decimal: O.odds.decimal
         });
       }
-    return T;
+    return k;
   }
-  function f(I) {
-    var O;
-    const T = /* @__PURE__ */ new Set();
-    for (const $ of I)
-      for (const N of $.prePackCouponRows)
-        N.type === "BET_BUILDER" && ((O = N.group) != null && O.groups) && N.group.groups.forEach((p) => {
-          var u;
-          (u = p.outcomes) == null || u.forEach((b) => T.add(b.id));
-        }), N.type === "SIMPLE" && N.outcome && T.add(N.outcome.id);
-    return T;
+  function w(C) {
+    var T;
+    const k = /* @__PURE__ */ new Set();
+    for (const O of C)
+      for (const l of O.prePackCouponRows)
+        l.type === "BET_BUILDER" && ((T = l.group) != null && T.groups) && l.group.groups.forEach((g) => {
+          var f;
+          (f = g.outcomes) == null || f.forEach((b) => k.add(b.id));
+        }), l.type === "SIMPLE" && l.outcome && k.add(l.outcome.id);
+    return k;
   }
-  async function w() {
-    var I, T, O;
-    try {
-      const $ = (O = (T = (I = t == null ? void 0 : t.group) == null ? void 0 : I.groups) == null ? void 0 : T[0]) == null ? void 0 : O.id;
-      if (!$) {
-        console.log("Could not extract group ID");
-        return;
-      }
-      const N = `https://us1.offering-api.kambicdn.com/offering/v2018/nexuspe/prepackcoupon/eventgroup/${$}.json?lang=es_PE&market=PE&client_id=200&channel_id=1&ncid=1764283566783&prePackCouponTags=CUSTOM`, u = await (await fetch(N)).json();
-      y(
-        d(u.events, u.betOffers, u.prePackCoupons)
-      );
-    } catch ($) {
-      console.error("loadDataEventSpecial error:", $);
-    }
-  }
-  J(() => {
-    t && w();
-  }, [t]);
-  const R = l || void 0;
-  return !m || m.length === 0 ? null : /* @__PURE__ */ e("section", { className: R, style: { width: "100%" }, children: /* @__PURE__ */ g(L, { direction: "column", spacing: 1.5, useFlexGap: !0, children: [
-    /* @__PURE__ */ g(W, { spacing: 1.5, columns: "1fr auto ", justify: "start", children: [
-      /* @__PURE__ */ e(H, { title: n, iconUrl: a, size: "md" }),
-      /* @__PURE__ */ g("div", { className: Gt.controls, children: [
-        /* @__PURE__ */ g(W, { spacing: 1, columns: "auto auto", children: [
+  X(() => {
+    d();
+  }, []);
+  const I = c || void 0;
+  return !m || m.length === 0 ? null : /* @__PURE__ */ e("section", { className: I, style: { width: "100%" }, children: /* @__PURE__ */ p(M, { direction: "column", spacing: 1.5, useFlexGap: !0, children: [
+    /* @__PURE__ */ p(G, { spacing: 1.5, columns: "1fr auto ", justify: "start", children: [
+      /* @__PURE__ */ e(H, { title: n, iconUrl: i, size: "md" }),
+      /* @__PURE__ */ p("div", { className: Kt.controls, children: [
+        /* @__PURE__ */ p(G, { spacing: 1, columns: "auto auto", children: [
           /* @__PURE__ */ e(
             P,
             {
               ariaLabel: "Anterior",
               variant: "secondary",
               iconOnly: !0,
-              leftIcon: /* @__PURE__ */ e(ae, {}),
-              onClick: v,
-              disabled: r.isStart
+              leftIcon: /* @__PURE__ */ e(ie, {}),
+              onClick: E,
+              disabled: a.isStart
             }
           ),
           /* @__PURE__ */ e(
@@ -2103,64 +2132,78 @@ function Dt({
               ariaLabel: "Siguiente",
               variant: "secondary",
               iconOnly: !0,
-              rightIcon: /* @__PURE__ */ e(ie, {}),
-              onClick: S,
-              disabled: r.isEnd
+              rightIcon: /* @__PURE__ */ e(se, {}),
+              onClick: s,
+              disabled: a.isEnd
             }
           )
         ] }),
-        /* @__PURE__ */ e(P, { variant: "secondary", onClick: c, children: "Ver más" })
+        /* @__PURE__ */ e(P, { variant: "secondary", onClick: u, children: "Ver más" })
       ] })
     ] }),
     /* @__PURE__ */ e(
       V,
       {
         ref: o,
-        items: m,
-        perPage: 3.72,
+        items: m.filter((C) => C.combinadoTotal !== null),
+        perPage: void 0,
         gap: "16px",
-        options: { autoWidth: !0, trimSpace: !0 },
+        options: { autoWidth: !0, trimSpace: "move" },
         useIndexAsKey: !0,
         breakpoints: {
           768: { perPage: 1.2, gap: "12px", padding: { left: "0px", right: "0px" } }
         },
-        renderItem: (I) => /* @__PURE__ */ e(xt, { event: I }),
-        onMove: ({ isStart: I, isEnd: T }) => h({ isStart: I, isEnd: T })
+        renderItem: (C) => /* @__PURE__ */ e(vt, { event: C }),
+        onMove: ({ isStart: C, isEnd: k }) => h({ isStart: C, isEnd: k })
       }
     )
   ] }) });
 }
-function Ht({
+function Jt({
   items: t,
   title: n = "En vivo",
-  iconUrl: a = "https://stg-www.contodobet.com/static/img/landing/EventoEnVivo/icon.svg",
-  onViewMore: i,
-  className: l = ""
+  iconUrl: i = "https://stg-www.contodobet.com/static/img/landing/EventoEnVivo/icon.svg",
+  onViewMore: r,
+  className: c = ""
 }) {
-  var c, d;
-  const o = A(null), [r, h] = B({ isStart: !0, isEnd: !1 }), m = () => {
-    var s;
-    (s = o.current) == null || s.prev();
-  }, y = () => {
-    var s;
-    (s = o.current) == null || s.next(), console.log("items: ", t);
-  }, v = () => {
-    i == null || i();
+  var S;
+  const o = "https://us1.offering-api.kambicdn.com/offering/v2018/nexuspe/listView/football/all/all/all/in-play.json?channel_id=3&channel_id=3&client_id=200&client_id=200&competitionId=undefined&lang=es_PE&lang=es_PE&market=PE&market=PE&useCombined=true&useCombinedLive=true", a = W(null), [h, m] = U({ isStart: !0, isEnd: !1 }), [v, _] = U([]), E = () => {
+    var w;
+    (w = a.current) == null || w.prev();
+  }, s = () => {
+    var w;
+    (w = a.current) == null || w.next();
+  }, u = () => {
+    r == null || r();
   };
-  return /* @__PURE__ */ e("section", { className: l || void 0, style: { width: "100%" }, children: /* @__PURE__ */ g(L, { direction: "column", spacing: 1.5, useFlexGap: !0, children: [
-    /* @__PURE__ */ g(W, { spacing: 1.5, columns: "1fr auto ", justify: "start", children: [
-      /* @__PURE__ */ e(H, { title: n, iconUrl: a, size: "md" }),
-      /* @__PURE__ */ g("div", { style: { display: "flex", gap: 8, alignItems: "center" }, children: [
-        /* @__PURE__ */ g(W, { spacing: 1, columns: "auto auto", children: [
+  async function d() {
+    try {
+      const I = await (await fetch(o)).json();
+      _(I.events);
+    } catch (w) {
+      console.error(w);
+    }
+  }
+  return X(() => {
+    d();
+    const w = setInterval(() => {
+      d();
+    }, 2e4);
+    return () => clearInterval(w);
+  }, []), /* @__PURE__ */ e("section", { className: c || void 0, style: { width: "100%" }, children: /* @__PURE__ */ p(M, { direction: "column", spacing: 1.5, useFlexGap: !0, children: [
+    /* @__PURE__ */ p(G, { spacing: 1.5, columns: "1fr auto ", justify: "start", children: [
+      /* @__PURE__ */ e(H, { title: n, iconUrl: i, size: "md" }),
+      /* @__PURE__ */ p("div", { style: { display: "flex", gap: 8, alignItems: "center" }, children: [
+        /* @__PURE__ */ p(G, { spacing: 1, columns: "auto auto", children: [
           /* @__PURE__ */ e(
             P,
             {
               ariaLabel: "Anterior",
               variant: "secondary",
               iconOnly: !0,
-              leftIcon: /* @__PURE__ */ e(ae, {}),
-              onClick: m,
-              disabled: r.isStart
+              leftIcon: /* @__PURE__ */ e(ie, {}),
+              onClick: E,
+              disabled: h.isStart
             }
           ),
           /* @__PURE__ */ e(
@@ -2169,20 +2212,20 @@ function Ht({
               ariaLabel: "Siguiente",
               variant: "secondary",
               iconOnly: !0,
-              rightIcon: /* @__PURE__ */ e(ie, {}),
-              onClick: y,
-              disabled: r.isEnd
+              rightIcon: /* @__PURE__ */ e(se, {}),
+              onClick: s,
+              disabled: h.isEnd
             }
           )
         ] }),
-        /* @__PURE__ */ e(P, { variant: "secondary", onClick: v, children: "Ver más" })
+        /* @__PURE__ */ e(P, { variant: "secondary", onClick: u, children: "Ver más" })
       ] })
     ] }),
     /* @__PURE__ */ e(
       V,
       {
-        ref: o,
-        items: (d = (c = t == null ? void 0 : t.events) == null ? void 0 : c.filter((s) => s.event.sport === "FOOTBALL").sort((s, f) => new Date(f.event.start).getTime() - new Date(s.event.start).getTime())) != null ? d : [],
+        ref: a,
+        items: (S = v == null ? void 0 : v.filter((w) => w.event.sport === "FOOTBALL").sort((w, I) => new Date(I.event.start).getTime() - new Date(w.event.start).getTime())) != null ? S : [],
         perPage: void 0,
         gap: "16px",
         options: { autoWidth: !0, trimSpace: "move" },
@@ -2190,125 +2233,119 @@ function Ht({
           768: { gap: "8px", focus: "center" },
           1024: { gap: "10px", focus: "center" }
         },
-        renderItem: (s) => /* @__PURE__ */ e(_t, { ...s }),
-        onMove: ({ isStart: s, isEnd: f }) => h({ isStart: s, isEnd: f })
+        renderItem: (w) => /* @__PURE__ */ e(wt, { ...w }),
+        onMove: ({ isStart: w, isEnd: I }) => m({ isStart: w, isEnd: I })
       }
     )
   ] }) });
 }
-const Vt = "oraculo__OraculoSeccionEventoSemana-module__wrapper___eqVq-", Kt = "oraculo__OraculoSeccionEventoSemana-module__container___5yFQs", Jt = "oraculo__OraculoSeccionEventoSemana-module__buttonWrapper___-6IDT", oe = {
-  wrapper: Vt,
-  container: Kt,
-  buttonWrapper: Jt
+const qt = "oraculo__OraculoSeccionEventoSemana-module__wrapper___eqVq-", Yt = "oraculo__OraculoSeccionEventoSemana-module__container___5yFQs", Qt = "oraculo__OraculoSeccionEventoSemana-module__buttonWrapper___-6IDT", ne = {
+  wrapper: qt,
+  container: Yt,
+  buttonWrapper: Qt
 };
-function Xt({
+function Zt({
   items: t,
   title: n = "En vivo",
-  iconUrl: a,
-  onViewMore: i,
-  className: l = ""
+  iconUrl: i,
+  onViewMore: r,
+  className: c = ""
 }) {
-  const o = /* @__PURE__ */ new Date();
-  o.toISOString();
-  const r = new Date(o);
-  r.setDate(r.getDate() + 7), r.toISOString();
-  const h = "https://us1.offering-api.kambicdn.com/offering/v2018/nexuspe/group.json?channel_id=1&client_id=200&lang=es_PE&market=PE", m = A(null), [y, v] = B({ isStart: !0, isEnd: !1 }), [S, c] = B([]);
-  function d(O) {
-    return [...O].sort(
-      ($, N) => new Date($.start).getTime() - new Date(N.start).getTime()
+  const o = "https://us1.offering-api.kambicdn.com/offering/v2018/nexuspe/group.json?channel_id=1&client_id=200&lang=es_PE&market=PE", a = W(null), [h, m] = U({ isStart: !0, isEnd: !1 }), [v, _] = U([]);
+  function E(I) {
+    return [...I].sort(
+      (C, k) => new Date(C.start).getTime() - new Date(k.start).getTime()
     );
   }
-  function s(O) {
-    const $ = /* @__PURE__ */ new Date(), N = new Date($.getTime() + 10080 * 60 * 1e3);
-    return O.filter((p) => {
-      if (!p.start) return !1;
-      const u = new Date(p.start);
-      return u >= $ && u <= N;
+  function s(I) {
+    const C = /* @__PURE__ */ new Date(), k = new Date(C.getTime() + 10080 * 60 * 1e3);
+    return I.filter((T) => {
+      if (!T.start) return !1;
+      const O = new Date(T.start);
+      return O >= C && O <= k;
     });
   }
-  const f = () => {
-    i == null || i();
+  const u = () => {
+    r == null || r();
   };
-  async function w() {
+  async function d() {
     try {
-      const N = (await (await fetch(h)).json()).group.groups.find(
-        (_) => _.englishName === "Football"
+      const k = (await (await fetch(o)).json()).group.groups.find(
+        (f) => f.englishName === "Football"
       );
-      if (!N || !Array.isArray(N.groups)) {
+      if (!k || !Array.isArray(k.groups)) {
         console.error("Football groups not found");
         return;
       }
-      const u = N.groups.slice(0, 4);
-      console.log("First Football groups:", u);
-      const b = (_) => {
-        const C = "https://us1.offering-api.kambicdn.com/offering/v2018/nexuspe/listView/football";
-        if (_.groups && _.groups.length > 0) {
-          const k = _.groups[0];
+      const O = k.groups.slice(0, 4), l = (f) => {
+        const b = "https://us1.offering-api.kambicdn.com/offering/v2018/nexuspe/listView/football";
+        if (f.groups && f.groups.length > 0) {
+          const x = f.groups[0];
           return [
-            `${C}/${_.termKey}/${k.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`
+            `${b}/${f.termKey}/${x.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 [
-          `${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`
+          `${b}/${f.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`
         ];
-      }, x = u.flatMap(b);
-      R(x);
-    } catch (O) {
-      console.error(O);
+      }, g = O.flatMap(l);
+      y(g);
+    } catch (I) {
+      console.error(I);
     }
   }
-  async function R(O) {
+  async function y(I) {
     try {
-      const $ = await Promise.all(
-        O.map((b) => fetch(b).then((x) => x.json()))
+      const C = await Promise.all(
+        I.map((l) => fetch(l).then((g) => g.json()))
       );
-      let N = [], p = [];
-      $.forEach((b) => {
-        b.events && (N.push(...b.events.map((x) => x.event)), p.push(...b.events.flatMap((x) => x.betOffers || [])));
+      let k = [], T = [];
+      C.forEach((l) => {
+        l.events && (k.push(...l.events.map((g) => g.event)), T.push(...l.events.flatMap((g) => g.betOffers || [])));
       });
-      const u = I(N, p);
-      c(d(s(u)));
-    } catch ($) {
-      console.error("Error loading events:", $);
+      const O = S(k, T);
+      _(E(s(O)));
+    } catch (C) {
+      console.error("Error loading events:", C);
     }
   }
-  function I(O, $) {
-    const p = $.filter((u) => {
-      var b;
-      return ((b = u.betOfferType) == null ? void 0 : b.id) === 2;
-    }).reduce((u, b) => (u[b.eventId] || (u[b.eventId] = []), u[b.eventId].push(b), u), {});
-    return O.filter((u) => p[u.id]).map((u) => ({
-      ...u,
-      outcome: p[u.id]
+  function S(I, C) {
+    const T = C.filter((O) => {
+      var l;
+      return ((l = O.betOfferType) == null ? void 0 : l.id) === 2;
+    }).reduce((O, l) => (O[l.eventId] || (O[l.eventId] = []), O[l.eventId].push(l), O), {});
+    return I.filter((O) => T[O.id]).map((O) => ({
+      ...O,
+      outcome: T[O.id]
     }));
   }
-  return J(() => {
-    t && t.events.length > 0 && w();
-  }, [t]), /* @__PURE__ */ e("section", { className: l || void 0, style: { width: "100%" }, children: /* @__PURE__ */ g("div", { className: oe.wrapper, children: [
-    /* @__PURE__ */ e("div", { className: oe.container, children: /* @__PURE__ */ g(L, { direction: "column", spacing: 1.5, useFlexGap: !0, children: [
+  return X(() => {
+    t && t.events.length > 0 && d();
+  }, [t]), /* @__PURE__ */ e("section", { className: c || void 0, style: { width: "100%" }, children: /* @__PURE__ */ p("div", { className: ne.wrapper, children: [
+    /* @__PURE__ */ e("div", { className: ne.container, children: /* @__PURE__ */ p(M, { direction: "column", spacing: 1.5, useFlexGap: !0, children: [
       /* @__PURE__ */ e(H, { title: "Eventos de la semana" }),
-      /* @__PURE__ */ e("div", { className: oe.buttonWrapper, children: /* @__PURE__ */ e(P, { variant: "secondary", size: "lg", fullWidth: !0, onClick: () => {
-        f();
+      /* @__PURE__ */ e("div", { className: ne.buttonWrapper, children: /* @__PURE__ */ e(P, { variant: "secondary", size: "lg", fullWidth: !0, onClick: () => {
+        u();
       }, children: "Ver más" }) })
     ] }) }),
     /* @__PURE__ */ e("div", { style: { minWidth: 0 }, children: /* @__PURE__ */ e(
       V,
       {
-        ref: m,
-        items: S,
+        ref: a,
+        items: v,
         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: (O) => /* @__PURE__ */ e($t, { event: O }),
-        onMove: ({ isStart: O, isEnd: $ }) => v({ isStart: O, isEnd: $ })
+        renderItem: (I) => /* @__PURE__ */ e(kt, { event: I }),
+        onMove: ({ isStart: I, isEnd: C }) => m({ isStart: I, isEnd: C })
       }
     ) })
   ] }) });
 }
-const qt = [
+const eo = [
   {
     desktopSrc: "https://stg-www.contodobet.com/static/img/landing/Banner/FondoDesktop.png",
     mobileSrc: "https://stg-www.contodobet.com/static/img/landing/Banner/FondoMisiones.png",
@@ -2319,12 +2356,12 @@ const qt = [
     mobileSrc: "https://stg-www.contodobet.com/static/img/landing/Banner/FondoMisiones.png",
     fallbackSrc: "https://stg-www.contodobet.com/static/img/landing/Banner/FondoMisiones.jpg"
   }
-], ne = (t) => `${window.location.origin}${t}`, Yt = [
+], re = (t) => `${window.location.origin}${t}`, to = [
   {
     id: 1,
     label: "APUESTAS",
     icon: "https://stg-www.contodobet.com/static/img/landing/Banner/icon1.svg",
-    onclick: () => ne("https://www.olimpo.bet/#home")
+    onclick: () => re("https://www.olimpo.bet/#home")
   },
   {
     id: 2,
@@ -2336,22 +2373,22 @@ const qt = [
     id: 3,
     label: "TOP JUEGOS",
     icon: "https://stg-www.contodobet.com/static/img/landing/Banner/icon3.svg",
-    onclick: () => ne("https://www.olimpo.bet/casino")
+    onclick: () => re("https://www.olimpo.bet/casino")
   },
   {
     id: 4,
     label: "MISIONES",
     icon: "https://stg-www.contodobet.com/static/img/landing/Banner/icon4.svg",
-    onclick: () => ne("https://www.olimpo.bet/misiones")
+    onclick: () => re("https://www.olimpo.bet/misiones")
   }
 ];
-function Qt({
-  backgrounds: t = qt,
-  items: n = Yt
+function oo({
+  backgrounds: t = eo,
+  items: n = to
 }) {
-  const [a, i] = B(0), l = (t == null ? void 0 : t.length) || 1;
-  return /* @__PURE__ */ g(
-    F,
+  const [i, r] = U(0), c = (t == null ? void 0 : t.length) || 1;
+  return /* @__PURE__ */ p(
+    L,
     {
       component: "section",
       sx: {
@@ -2364,8 +2401,8 @@ function Qt({
         // pb: { xs: 7, sm: 8 },
       },
       children: [
-        /* @__PURE__ */ g(
-          F,
+        /* @__PURE__ */ p(
+          L,
           {
             sx: {
               position: "relative",
@@ -2378,7 +2415,7 @@ function Qt({
                 V,
                 {
                   items: t,
-                  perPage: 1,
+                  perPage: 0,
                   gap: "0px",
                   options: {
                     type: "loop",
@@ -2386,20 +2423,22 @@ function Qt({
                     arrows: !1,
                     drag: !0,
                     focus: "center"
+                    // left: 0,
+                    // right: 0,
                   },
-                  onMove: ({ index: o }) => i(o),
+                  onMove: ({ index: o }) => r(o),
                   renderItem: (o) => {
-                    var r;
-                    return /* @__PURE__ */ g(
-                      F,
+                    var a;
+                    return /* @__PURE__ */ p(
+                      L,
                       {
                         sx: {
                           position: "relative",
                           height: { xs: 300, sm: 360, md: 420 }
                         },
                         children: [
-                          /* @__PURE__ */ g(
-                            F,
+                          /* @__PURE__ */ p(
+                            L,
                             {
                               component: "picture",
                               sx: { position: "absolute", inset: 0, lineHeight: 0 },
@@ -2419,10 +2458,10 @@ function Qt({
                                   }
                                 ),
                                 /* @__PURE__ */ e(
-                                  F,
+                                  L,
                                   {
                                     component: "img",
-                                    src: (r = o.fallbackSrc) != null ? r : o.desktopSrc,
+                                    src: (a = o.fallbackSrc) != null ? a : o.desktopSrc,
                                     alt: "",
                                     "aria-hidden": !0,
                                     loading: "lazy",
@@ -2438,7 +2477,7 @@ function Qt({
                             }
                           ),
                           /* @__PURE__ */ e(
-                            F,
+                            L,
                             {
                               sx: {
                                 position: "absolute",
@@ -2463,7 +2502,7 @@ function Qt({
                 }
               ),
               /* @__PURE__ */ e(
-                F,
+                L,
                 {
                   sx: {
                     position: "absolute",
@@ -2474,14 +2513,14 @@ function Qt({
                     justifyContent: "center",
                     zIndex: 2
                   },
-                  children: /* @__PURE__ */ e(ve, { total: l, active: a })
+                  children: /* @__PURE__ */ e(we, { total: c, active: i })
                 }
               )
             ]
           }
         ),
         /* @__PURE__ */ e(
-          F,
+          L,
           {
             sx: {
               position: "absolute",
@@ -2500,8 +2539,8 @@ function Qt({
               boxShadow: "0 10px 24px rgba(0,0,0,.35)",
               zIndex: 3
             },
-            children: n == null ? void 0 : n.map((o) => /* @__PURE__ */ g(
-              F,
+            children: n == null ? void 0 : n.map((o) => /* @__PURE__ */ p(
+              L,
               {
                 sx: {
                   display: "flex",
@@ -2517,12 +2556,12 @@ function Qt({
                   whiteSpace: "nowrap"
                 },
                 onClick: () => {
-                  var r;
-                  return (r = o.onclick) == null ? void 0 : r.call(o);
+                  var a;
+                  return (a = o.onclick) == null ? void 0 : a.call(o);
                 },
                 children: [
                   o.icon && /* @__PURE__ */ e(
-                    F,
+                    L,
                     {
                       component: "img",
                       src: o.icon,
@@ -2535,7 +2574,7 @@ function Qt({
                     }
                   ),
                   /* @__PURE__ */ e(
-                    fe,
+                    _e,
                     {
                       sx: {
                         fontSize: { xs: 10, sm: 11, md: 12 },
@@ -2557,7 +2596,7 @@ function Qt({
     }
   );
 }
-const Zt = [
+const no = [
   [
     { 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" }
@@ -2568,14 +2607,14 @@ const Zt = [
     { src: "https://stg-www.contodobet.com/static/img/landing/MediosPago/niubiz.svg", alt: "Niubiz" }
   ]
 ];
-function eo({
+function ro({
   title: t = "Medios de pago",
-  rows: n = Zt
+  rows: n = no
 }) {
-  const a = n.flat();
-  return /* @__PURE__ */ g(F, { component: "section", "aria-labelledby": "mp-title", sx: { color: "#fff" }, children: [
+  const i = n.flat();
+  return /* @__PURE__ */ p(L, { component: "section", "aria-labelledby": "mp-title", sx: { color: "#fff" }, children: [
     /* @__PURE__ */ e(
-      fe,
+      _e,
       {
         id: "mp-title",
         variant: "h6",
@@ -2589,7 +2628,7 @@ function eo({
       }
     ),
     /* @__PURE__ */ e(
-      F,
+      L,
       {
         sx: {
           width: "288px",
@@ -2602,20 +2641,20 @@ function eo({
         }
       }
     ),
-    /* @__PURE__ */ e(F, { sx: { display: { xs: "block", md: "none" } }, children: n.map((i, l) => /* @__PURE__ */ e(
-      xe,
+    /* @__PURE__ */ e(L, { sx: { display: { xs: "block", md: "none" } }, children: n.map((r, c) => /* @__PURE__ */ e(
+      be,
       {
         direction: "row",
         justifyContent: "center",
         alignItems: "center",
         gap: 2.5,
         flexWrap: "wrap",
-        children: i.map((o) => /* @__PURE__ */ e(le, { ...o }, `${o.src}-${o.alt}`))
+        children: r.map((o) => /* @__PURE__ */ e(me, { ...o }, `${o.src}-${o.alt}`))
       },
-      l
+      c
     )) }),
     /* @__PURE__ */ e(
-      F,
+      L,
       {
         sx: {
           mt: 3,
@@ -2626,249 +2665,248 @@ function eo({
           gridTemplateColumns: { md: "repeat(auto-fit, 160px)" },
           justifyContent: { md: "center" }
         },
-        children: a.map((i) => /* @__PURE__ */ e(le, { ...i }, `${i.src}-${i.alt}`))
+        children: i.map((r) => /* @__PURE__ */ e(me, { ...r }, `${r.src}-${r.alt}`))
       }
     )
   ] });
 }
-const to = {
-  OraculoSeccionDestacados: It,
-  OraculoSeccionTopJuegos: Ot,
-  OraculoSeccionCasinoEnVivo: Tt,
-  OraculoSeccionCasino: Bt,
-  OraculoSeccionVirtuales: Mt,
-  OraculoSeccionClubOlimpo: At,
-  OraculoSeccionBonoBienvenida: Wt,
-  OraculoSeccionBanners: Qt,
-  OraculoSeccionMediosPago: eo,
-  OraculoSeccionEventoEnVivo: Ht,
-  OraculoSeccionEventoSemana: Xt,
-  OraculoSeccionEventoCombinadas: Dt
-}, oo = (t) => typeof t == "function" || t && typeof t == "object" && "$$typeof" in t, no = (t) => /^OraculoSeccion[A-Z]/.test(t), ro = Object.fromEntries(
-  Object.entries(to).filter(
-    ([t, n]) => no(t) && oo(n)
+const ao = {
+  OraculoSeccionDestacados: Rt,
+  OraculoSeccionTopJuegos: Pt,
+  OraculoSeccionCasinoEnVivo: Ut,
+  OraculoSeccionCasino: zt,
+  OraculoSeccionVirtuales: jt,
+  OraculoSeccionClubOlimpo: Ht,
+  OraculoSeccionBonoBienvenida: Dt,
+  OraculoSeccionBanners: oo,
+  OraculoSeccionMediosPago: ro,
+  OraculoSeccionEventoEnVivo: Jt,
+  OraculoSeccionEventoSemana: Zt,
+  OraculoSeccionEventoCombinadas: Xt
+}, io = (t) => typeof t == "function" || t && typeof t == "object" && "$$typeof" in t, so = (t) => /^OraculoSeccion[A-Z]/.test(t), co = Object.fromEntries(
+  Object.entries(ao).filter(
+    ([t, n]) => so(t) && io(n)
   )
 );
-class ge extends Error {
-  constructor(n, a, i) {
-    super(`HTTP ${n} ${i}`), this.status = n, this.url = a, this.statusText = i, this.name = "HttpError";
+class fe extends Error {
+  constructor(n, i, r) {
+    super(`HTTP ${n} ${r}`), this.status = n, this.url = i, this.statusText = r, this.name = "HttpError";
   }
 }
-const bo = ({
+const So = ({
   sectionsOverride: t,
   docId: n = "home",
-  db: a
+  db: i
 }) => {
-  const [i, l] = B(
+  const [r, c] = U(
     []
-  ), [o, r] = B(!1), [h, m] = B({}), [y, v] = B({}), [S, c] = B({});
-  J(() => {
-    if (t || !a) return;
-    r(!0);
-    const p = Fe(
-      Be(a, "landings", n),
-      (u) => {
-        var b;
+  ), [o, a] = U(!1), [h, m] = U({}), [v, _] = U({}), [E, s] = U({});
+  X(() => {
+    if (t || !i) return;
+    a(!0);
+    const l = Ue(
+      Le(i, "landings", n),
+      (g) => {
+        var f;
         try {
-          let x = u.exists() ? ((b = u.data()) == null ? void 0 : b.sections) || [] : [];
-          x = x.slice().sort((_, C) => {
-            var k, U;
-            return ((k = _.order) != null ? k : 0) - ((U = C.order) != null ? U : 0);
-          }).map((_, C) => ({ ..._, order: C + 1 })), l(x), console.log("fetched: ", x);
-        } catch (x) {
-          console.error("Error procesando landings/" + n, x);
+          let b = g.exists() ? ((f = g.data()) == null ? void 0 : f.sections) || [] : [];
+          b = b.slice().sort((x, N) => {
+            var R, B;
+            return ((R = x.order) != null ? R : 0) - ((B = N.order) != null ? B : 0);
+          }).map((x, N) => ({ ...x, order: N + 1 })), c(b), console.log("fetched: ", b);
+        } catch (b) {
+          console.error("Error procesando landings/" + n, b);
         } finally {
-          r(!1);
+          a(!1);
         }
       },
-      (u) => {
-        console.error("Error escuchando landings/" + n, u), r(!1);
+      (g) => {
+        console.error("Error escuchando landings/" + n, g), a(!1);
       }
     );
-    return () => p();
-  }, [t, n, a]), J(() => {
-    (t ? t.slice() : i.slice()).map((b) => b.componentKey).filter((b) => !!b).length;
-  }, [t, i]);
-  const d = async (p) => {
-    const u = (p.apiUrl || "").trim();
-    if (!u) return;
-    const b = p.apiMethod || "GET", x = p.apiParams || [];
-    let _ = u, C, k;
-    if (b === "GET") {
-      const M = new URL(
-        u,
+    return () => l();
+  }, [t, n, i]), X(() => {
+    (t ? t.slice() : r.slice()).map((f) => f.componentKey).filter((f) => !!f).length;
+  }, [t, r]);
+  const u = async (l) => {
+    const g = (l.apiUrl || "").trim();
+    if (!g) return;
+    const f = l.apiMethod || "GET", b = l.apiParams || [];
+    let x = g, N, R;
+    if (f === "GET") {
+      const z = new URL(
+        g,
         typeof window == "undefined" ? "http://localhost" : window.location.origin
       );
-      for (const z of x)
-        z.key && M.searchParams.append(z.key, z.value);
-      _ = M.toString();
+      for (const F of b)
+        F.key && z.searchParams.append(F.key, F.value);
+      x = z.toString();
     } else {
-      const M = new URLSearchParams();
-      for (const z of x)
-        z.key && M.append(z.key, z.value);
-      C = M.toString(), k = {
+      const z = new URLSearchParams();
+      for (const F of b)
+        F.key && z.append(F.key, F.value);
+      N = z.toString(), R = {
         "Content-Type": "application/x-www-form-urlencoded; charset=UTF-8"
       };
     }
-    const U = await fetch(_, {
-      method: b,
-      headers: k,
-      body: C
+    const B = await fetch(x, {
+      method: f,
+      headers: R,
+      body: N
     });
-    if (!U.ok) throw new ge(U.status, _, U.statusText);
-    return U.json();
-  }, s = re(
-    () => t ? t.slice() : i.slice(),
-    [t, i]
-  ), f = Ie.useRef(/* @__PURE__ */ new Set());
-  J(() => {
-    const p = s.map((u) => ({ s: u, url: (u.apiUrl || "").trim() })).filter(({ url: u }) => !!u);
-    if (p.length)
-      for (const { s: u, url: b } of p) {
-        const x = `${u.id}|${b}`;
-        f.current.has(x) || (f.current.add(x), v((_) => ({ ..._, [u.id]: !0 })), c((_) => ({ ..._, [u.id]: "" })), (async () => {
+    if (!B.ok) throw new fe(B.status, x, B.statusText);
+    return B.json();
+  }, d = ae(
+    () => t ? t.slice() : r.slice(),
+    [t, r]
+  ), y = Oe.useRef(/* @__PURE__ */ new Set());
+  X(() => {
+    const l = d.map((g) => ({ s: g, url: (g.apiUrl || "").trim() })).filter(({ url: g }) => !!g);
+    if (l.length)
+      for (const { s: g, url: f } of l) {
+        const b = `${g.id}|${f}`;
+        y.current.has(b) || (y.current.add(b), _((x) => ({ ...x, [g.id]: !0 })), s((x) => ({ ...x, [g.id]: "" })), (async () => {
           try {
-            const _ = await d(u);
-            m((C) => ({ ...C, [u.id]: _ }));
-          } catch (_) {
-            let C = "Error desconocido";
-            _ instanceof ge ? C = `Error HTTP ${_.status} (${_.statusText}) en ${_.url}` : _ instanceof SyntaxError ? C = "Respuesta no es JSON válido" : _ instanceof TypeError ? C = "Fallo de red / CORS / conexión" : typeof _ == "string" && (C = _.toString()), c((k) => ({ ...k, [u.id]: C }));
+            const x = await u(g);
+            m((N) => ({ ...N, [g.id]: x }));
+          } catch (x) {
+            let N = "Error desconocido";
+            x instanceof fe ? N = `Error HTTP ${x.status} (${x.statusText}) en ${x.url}` : x instanceof SyntaxError ? N = "Respuesta no es JSON válido" : x instanceof TypeError ? N = "Fallo de red / CORS / conexión" : typeof x == "string" && (N = x.toString()), s((R) => ({ ...R, [g.id]: N }));
           } finally {
-            v((_) => ({ ..._, [u.id]: !1 }));
+            _((x) => ({ ...x, [g.id]: !1 }));
           }
         })());
       }
-  }, [s]);
-  const w = re(
-    () => s.filter((p) => p.visible).sort((p, u) => p.order - u.order),
-    [s]
-  ), R = (p) => Array.isArray(p) ? p.map((u) => {
-    const b = {};
-    for (const x of u.fields || []) {
-      const _ = (x.type || "string").toLowerCase();
-      if (_ === "number") {
-        const C = String(x.value || "").trim();
-        if (C !== "") {
-          const k = Number(C);
-          Number.isNaN(k) || (b[x.name] = k);
-        }
-      } else if (_ === "boolean")
-        b[x.name] = String(x.value).toLowerCase() === "true";
-      else if (_ === "function") {
-        const C = String(x.value || "").trim();
-        if (C)
-          try {
-            const k = new Function(C);
-            b[x.name] = k;
-          } catch (k) {
-            console.error(`❌ Error creando función en item '${x.name}':`, k);
-          }
-      } else b[x.name] = x.value;
-    }
-    return b;
-  }) : [], I = (p) => {
-    const u = {};
-    if (!Array.isArray(p)) return u;
-    for (const b of p) {
-      if (!b.name) continue;
+  }, [d]);
+  const S = ae(
+    () => d.filter((l) => l.visible).sort((l, g) => l.order - g.order),
+    [d]
+  ), w = (l) => Array.isArray(l) ? l.map((g) => {
+    const f = {};
+    for (const b of g.fields || []) {
       const x = (b.type || "string").toLowerCase();
       if (x === "number") {
-        const _ = String(b.value || "").trim();
-        if (_ !== "") {
-          const C = Number(_);
-          Number.isNaN(C) || (u[b.name] = C);
+        const N = String(b.value || "").trim();
+        if (N !== "") {
+          const R = Number(N);
+          Number.isNaN(R) || (f[b.name] = R);
         }
       } else if (x === "boolean")
-        u[b.name] = String(b.value).toLowerCase() === "true";
+        f[b.name] = String(b.value).toLowerCase() === "true";
       else if (x === "function") {
-        const _ = String(b.value || "").trim();
-        if (_)
+        const N = String(b.value || "").trim();
+        if (N)
           try {
-            const C = new Function(_);
-            u[b.name] = C;
-          } catch (C) {
-            console.error(`❌ Error creando función en item '${b.name}':`, C);
+            const R = new Function(N);
+            f[b.name] = R;
+          } catch (R) {
+            console.error(`❌ Error creando función en item '${b.name}':`, R);
           }
-      } else u[b.name] = b.value;
+      } else f[b.name] = b.value;
     }
-    return u;
-  }, T = (p, u, b) => {
-    const x = b ? { ...b } : {};
-    if (u) {
-      const z = (u.variableName || "items").trim() || "items";
-      return x[z] = u.arr || [], x;
+    return f;
+  }) : [], I = (l) => {
+    const g = {};
+    if (!Array.isArray(l)) return g;
+    for (const f of l) {
+      if (!f.name) continue;
+      const b = (f.type || "string").toLowerCase();
+      if (b === "number") {
+        const x = String(f.value || "").trim();
+        if (x !== "") {
+          const N = Number(x);
+          Number.isNaN(N) || (g[f.name] = N);
+        }
+      } else if (b === "boolean")
+        g[f.name] = String(f.value).toLowerCase() === "true";
+      else if (b === "function") {
+        const x = String(f.value || "").trim();
+        if (x)
+          try {
+            const N = new Function(x);
+            g[f.name] = N;
+          } catch (N) {
+            console.error(`❌ Error creando función en item '${f.name}':`, N);
+          }
+      } else g[f.name] = f.value;
     }
-    const _ = p, C = Array.isArray(_), k = !C && typeof _ == "object" && _ !== null ? _ : void 0, U = k && Array.isArray(k.lobby || k.items) ? k.lobby || k.items : void 0, M = (z) => C ? _ : U || z;
-    return x.items = M(U || []), x;
-  }, O = (p) => {
-    var C;
-    const u = !!((C = p.apiUrl) != null && C.trim()), b = u ? h[p.id] : void 0;
-    let x = p.props ? { ...p.props } : {};
-    const _ = I(p.manualScalarFields);
+    return g;
+  }, C = (l, g, f) => {
+    const b = f ? { ...f } : {};
+    if (g) {
+      const F = (g.variableName || "items").trim() || "items";
+      return b[F] = g.arr || [], b;
+    }
+    const x = l, N = Array.isArray(x), R = !N && typeof x == "object" && x !== null ? x : void 0, B = R && Array.isArray(R.lobby || R.items) ? R.lobby || R.items : void 0, z = (F) => N ? x : B || F;
+    return b.items = z(B || []), b;
+  }, k = (l) => {
+    var N;
+    const g = !!((N = l.apiUrl) != null && N.trim()), f = g ? h[l.id] : void 0;
+    let b = l.props ? { ...l.props } : {};
+    const x = I(l.manualScalarFields);
     if ([
       "OraculoSeccionEventoEnVivo",
       "OraculoSeccionEventoSemana",
       "OraculoSeccionEventoCombinadas"
-    ].includes(p.componentKey))
-      return console.log(b), { items: b, ...x, ..._ };
-    if (x = { ...x, ..._ }, u) x = T(b, null, x);
-    else if (p.dataMode === "manual") {
-      const k = R(p.manualItems);
-      if (x = T(
+    ].includes(l.componentKey))
+      return console.log(f), { items: f, ...b, ...x };
+    if (b = { ...b, ...x }, g) b = C(f, null, b);
+    else if (l.dataMode === "manual") {
+      const R = w(l.manualItems);
+      if (b = C(
         null,
-        { arr: k, variableName: p.variableName },
-        x
-      ), p.variableName2 && p.manualItems2) {
-        const U = R(p.manualItems2), M = (p.variableName2 || "items2").trim() || "items2";
-        x[M] = U;
+        { arr: R, variableName: l.variableName },
+        b
+      ), l.variableName2 && l.manualItems2) {
+        const B = w(l.manualItems2), z = (l.variableName2 || "items2").trim() || "items2";
+        b[z] = B;
       }
     }
-    return x;
-  }, $ = (p, u, b) => /* @__PURE__ */ e("div", { className: `mx-4 p-4 rounded ${{
+    return b;
+  }, T = (l, g, f) => /* @__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"
-  }[u]}`, children: b }, p), N = (p) => {
-    var M;
-    const u = p.componentKey, b = ro[u];
-    if (!b)
-      return console.warn(`No hay componente registrado para "${u}"`), $(
-        p.id,
+  }[g]}`, children: f }, l), O = (l) => {
+    var de;
+    const g = l.componentKey, f = co[g];
+    if (!f)
+      return console.warn(`No hay componente registrado para "${g}"`), T(
+        l.id,
         "component",
-        `Componente "${u}" no encontrado`
+        `Componente "${g}" no encontrado`
       );
-    const x = !!((M = p.apiUrl) != null && M.trim()), _ = x ? h[p.id] : void 0, C = x ? !!y[p.id] : !1, k = x ? S[p.id] : "";
-    if (x) {
-      if (C && !_)
-        return $(
-          p.id,
+    const b = !!((de = l.apiUrl) != null && de.trim()), x = b ? h[l.id] : void 0, N = b ? !!v[l.id] : !1, R = b ? E[l.id] : "";
+    if (b) {
+      if (N && !x)
+        return T(
+          l.id,
           "loading",
-          `Cargando datos desde ${p.apiUrl}...`
+          `Cargando datos desde ${l.apiUrl}...`
         );
-      if (k && !_)
-        return $(
-          p.id,
+      if (R && !x)
+        return T(
+          l.id,
           "error",
-          `Error cargando ${p.apiUrl}: ${k}`
+          `Error cargando ${l.apiUrl}: ${R}`
         );
     }
-    const U = O(p);
-    return /* @__PURE__ */ e(
-      "div",
-      {
-        style: {
-          paddingLeft: 16,
-          paddingRight: 16,
-          width: "100%",
-          boxSizing: "border-box"
-        },
-        children: /* @__PURE__ */ e(b, { ...U })
-      },
-      p.id
-    );
+    const B = k(l), F = (/* @__PURE__ */ new Set([
+      "OraculoSeccionBanners",
+      "OraculoSeccionBonoBienvenida"
+    ])).has(l.componentKey), J = typeof window == "undefined" ? 24 : window.innerWidth >= 1024 ? 120 : 24;
+    return /* @__PURE__ */ e("div", { style: F ? {
+      width: "100%",
+      boxSizing: "border-box"
+    } : {
+      paddingLeft: J,
+      paddingRight: J,
+      width: "100%",
+      boxSizing: "border-box"
+    }, children: /* @__PURE__ */ e(f, { ...B }) }, l.id);
   };
-  return o && !t ? /* @__PURE__ */ e("div", { className: "text-xs text-gray-400", children: "Cargando preview..." }) : !o && !t && i.length === 0 ? /* @__PURE__ */ e("div", { className: "text-xs text-gray-500", children: "Sin secciones (Firestore)" }) : /* @__PURE__ */ e(
-    $e,
+  return o && !t ? /* @__PURE__ */ e("div", { className: "text-xs text-gray-400", children: "Cargando preview..." }) : !o && !t && r.length === 0 ? /* @__PURE__ */ e("div", { className: "text-xs text-gray-500", children: "Sin secciones (Firestore)" }) : /* @__PURE__ */ e(
+    Ne,
     {
       className: "oli-font",
       maxWidth: !1,
@@ -2876,53 +2914,53 @@ const bo = ({
       sx: {
         backgroundColor: "#121212",
         position: "relative",
-        pb: 5,
-        pt: 5,
+        // pb: 5,
+        // pt: 5,
         width: "100%",
         maxWidth: "100%",
         overflowX: "hidden"
       },
-      children: /* @__PURE__ */ e(xe, { direction: "column", spacing: 8, useFlexGap: !0, children: w.map(N) })
+      children: /* @__PURE__ */ e(be, { direction: "column", spacing: 8, useFlexGap: !0, children: S.map(O) })
     }
   );
 };
 export {
   P as OraculoButton,
   V as OraculoCarousel,
-  ve as OraculoCarouselDots,
-  ct as OraculoClubOlimpoVisual,
-  xt as OraculoEventCombinadasCard,
-  _t as OraculoEventEnVivoCard,
-  je as OraculoEventHeader,
-  ye as OraculoEventLabel,
-  Ke as OraculoEventLeague,
-  we as OraculoEventScore,
-  $t as OraculoEventSemanaCard,
-  Ae as OraculoEventStatus,
-  We as OraculoEventStatusBadge,
-  Q as OraculoEventTeamInfo,
-  Y as OraculoGameCard,
-  it as OraculoGameRankCard,
-  Se as OraculoGameSlide,
-  W as OraculoGridGroup,
-  st as OraculoLiveCasinoCard,
-  le as OraculoLogoMediosPago,
-  bo as OraculoPageLandingPreview,
-  Qt as OraculoSeccionBanners,
-  Wt as OraculoSeccionBonoBienvenida,
-  Bt as OraculoSeccionCasino,
-  Tt as OraculoSeccionCasinoEnVivo,
-  At as OraculoSeccionClubOlimpo,
-  It as OraculoSeccionDestacados,
-  Dt as OraculoSeccionEventoCombinadas,
-  Ht as OraculoSeccionEventoEnVivo,
-  Xt as OraculoSeccionEventoSemana,
-  eo as OraculoSeccionMediosPago,
-  Ot as OraculoSeccionTopJuegos,
-  Mt as OraculoSeccionVirtuales,
+  we as OraculoCarouselDots,
+  ut as OraculoClubOlimpoVisual,
+  vt as OraculoEventCombinadasCard,
+  wt as OraculoEventEnVivoCard,
+  De as OraculoEventHeader,
+  Se as OraculoEventLabel,
+  Je as OraculoEventLeague,
+  Ce as OraculoEventScore,
+  kt as OraculoEventSemanaCard,
+  Ge as OraculoEventStatus,
+  je as OraculoEventStatusBadge,
+  ee as OraculoEventTeamInfo,
+  Z as OraculoGameCard,
+  ct as OraculoGameRankCard,
+  Ee as OraculoGameSlide,
+  G as OraculoGridGroup,
+  lt as OraculoLiveCasinoCard,
+  me as OraculoLogoMediosPago,
+  So as OraculoPageLandingPreview,
+  oo as OraculoSeccionBanners,
+  Dt as OraculoSeccionBonoBienvenida,
+  zt as OraculoSeccionCasino,
+  Ut as OraculoSeccionCasinoEnVivo,
+  Ht as OraculoSeccionClubOlimpo,
+  Rt as OraculoSeccionDestacados,
+  Xt as OraculoSeccionEventoCombinadas,
+  Jt as OraculoSeccionEventoEnVivo,
+  Zt as OraculoSeccionEventoSemana,
+  ro as OraculoSeccionMediosPago,
+  Pt as OraculoSeccionTopJuegos,
+  jt as OraculoSeccionVirtuales,
   H as OraculoSectionTitle,
-  Ot as OraculoTopJuegoItem,
-  de as OraculoWelcomeBanner,
-  bo as default
+  Pt as OraculoTopJuegoItem,
+  dt as OraculoWelcomeBanner,
+  So as default
 };
 //# sourceMappingURL=index.es.js.map