oraculo-ui 0.1.51 → 0.1.52

package/dist/index.es.js

@@ -1,15 +1,15 @@
 import { jsx as e, jsxs as p, Fragment as q } from "react/jsx-runtime";
-import { Link as fe, Box as L, Typography as xe, Stack as _e, Container as Ie } from "@mui/material";
-import Ne, { forwardRef as Oe, useRef as W, useImperativeHandle as ke, useCallback as de, useState as U, useMemo as ie, useLayoutEffect as Re, useEffect as J } from "react";
-import { Splide as Te, SplideSlide as Pe } from "@splidejs/react-splide";
+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 se, ChevronRightRounded as ce } from "@mui/icons-material";
-import be from "@mui/icons-material/ChevronLeftRounded";
-import ve from "@mui/icons-material/ChevronRightRounded";
-import Be from "@mui/material/useMediaQuery";
-import { onSnapshot as Fe, doc as Ue } from "firebase/firestore";
+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,
@@ -42,7 +42,7 @@ function P({
     d && /* @__PURE__ */ e("span", { className: "orc-btn__icon", children: d })
   ] }), l = a ? !0 : void 0;
   return i ? /* @__PURE__ */ e(
-    fe,
+    xe,
     {
       href: i,
       target: r,
@@ -89,7 +89,7 @@ function H({
     /* @__PURE__ */ e("h2", { className: "orc-section-title__title", children: t })
   ] });
 }
-const ye = ({
+const we = ({
   total: t,
   active: n,
   onSelect: i,
@@ -131,7 +131,7 @@ function G({
     }
   );
 }
-function ue({ src: t, alt: n }) {
+function me({ src: t, alt: n }) {
   return /* @__PURE__ */ e(
     L,
     {
@@ -162,16 +162,16 @@ function ue({ src: t, alt: n }) {
     }
   );
 }
-const Le = "oraculo__OraculoEventTitle-module__contenedor___rg1vw", Me = "oraculo__OraculoEventTitle-module__flexGroup___jMLFO", ze = "oraculo__OraculoEventTitle-module__subtitle___TmHna", oe = {
-  contenedor: Le,
-  flexGroup: Me,
-  subtitle: ze
+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 We({ title: t, subtitle: n }) {
+function Ae({ title: t, subtitle: n }) {
   return /* @__PURE__ */ p(
     "div",
     {
-      className: oe.contenedor,
+      className: te.contenedor,
       children: [
         /* @__PURE__ */ e(
           "span",
@@ -187,14 +187,14 @@ function We({ title: t, subtitle: n }) {
         n && /* @__PURE__ */ p(
           "div",
           {
-            className: oe.flexGroup,
+            className: te.flexGroup,
             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: oe.subtitle, children: n }),
+              /* @__PURE__ */ e("span", { className: te.subtitle, children: n }),
               /* @__PURE__ */ e("div", {})
             ]
           }
@@ -203,7 +203,7 @@ function We({ title: t, subtitle: n }) {
     }
   );
 }
-function Ae({ text: t, color: n = "#ff3b3b", textColor: i = "#fff" }) {
+function je({ text: t, color: n = "#ff3b3b", textColor: i = "#fff" }) {
   return /* @__PURE__ */ e(
     "span",
     {
@@ -224,13 +224,13 @@ function Ae({ text: t, color: n = "#ff3b3b", textColor: i = "#fff" }) {
     }
   );
 }
-function je({ live: t, time: n }) {
+function Ge({ live: t, time: n }) {
   return /* @__PURE__ */ p("div", { className: "oli-font", style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
-    t && /* @__PURE__ */ e(Ae, { text: "En vivo" }),
+    t && /* @__PURE__ */ e(je, { text: "En vivo" }),
     n && /* @__PURE__ */ e("span", { style: { fontSize: "14px", fontWeight: 400, lineHeight: "18px", paddingTop: "4px" }, children: n })
   ] });
 }
-function Ge({ title: t, subtitle: n, live: i = !1, time: r = "" }) {
+function De({ title: t, subtitle: n, live: i = !1, time: r = "" }) {
   return /* @__PURE__ */ p(
     "div",
     {
@@ -241,32 +241,32 @@ function Ge({ title: t, subtitle: n, live: i = !1, time: r = "" }) {
         color: "#FFFFFF"
       },
       children: [
-        /* @__PURE__ */ e(We, { title: t, subtitle: n }),
-        /* @__PURE__ */ e(je, { live: i, time: r })
+        /* @__PURE__ */ e(Ae, { title: t, subtitle: n }),
+        /* @__PURE__ */ e(Ge, { live: i, time: r })
       ]
     }
   );
 }
-const De = "oraculo__OraculoEventLabel-module__label___c64Xw", He = {
-  label: De
+const He = "oraculo__OraculoEventLabel-module__label___c64Xw", Ve = {
+  label: He
 };
-function we({ text: t }) {
-  return /* @__PURE__ */ e("span", { className: He.label, children: t });
+function Se({ text: t }) {
+  return /* @__PURE__ */ e("span", { className: Ve.label, children: t });
 }
-const Ve = "oraculo__OraculoEventLeague-module__container___rdk4F", Ke = {
-  container: Ve
+const Ke = "oraculo__OraculoEventLeague-module__container___rdk4F", Xe = {
+  container: Ke
 };
 function Je({ title: t }) {
-  return /* @__PURE__ */ e("div", { className: Ke.container, children: t.toUpperCase() });
+  return /* @__PURE__ */ e("div", { className: Xe.container, children: t.toUpperCase() });
 }
-const Xe = "oraculo__OraculoEventScore-module__scoreWrapper___fWwEr", qe = "oraculo__OraculoEventScore-module__name___r4uL6", Ye = "oraculo__OraculoEventScore-module__score___Xl03M", Qe = "oraculo__OraculoEventScore-module__normal___cCNFz", Ze = "oraculo__OraculoEventScore-module__small___fVt8E", K = {
-  scoreWrapper: Xe,
-  name: qe,
-  score: Ye,
-  normal: Qe,
-  small: Ze
+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 Se({ text: t, name: n, size: i = "normal" }) {
+function Ce({ text: t, name: n, size: i = "normal" }) {
   return /* @__PURE__ */ p(
     "div",
     {
@@ -278,12 +278,12 @@ function Se({ text: t, name: n, size: i = "normal" }) {
     }
   );
 }
-const et = "oraculo__OraculoEventTeamInfo-module__team___UfpUs", tt = "oraculo__OraculoEventTeamInfo-module__regular___ag826", ot = "oraculo__OraculoEventTeamInfo-module__compact___RCNOs", nt = "oraculo__OraculoEventTeamInfo-module__logo___fKCl3", rt = "oraculo__OraculoEventTeamInfo-module__name___4ikm-", Y = {
-  team: et,
-  regular: tt,
-  compact: ot,
-  logo: nt,
-  name: rt
+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 ee({ name: t, logo: n, size: i = "regular" }) {
   return /* @__PURE__ */ p("div", { className: `oli-font ${Y.team} ${Y[i]}`, children: [
@@ -291,7 +291,7 @@ function ee({ name: t, logo: n, size: i = "regular" }) {
     /* @__PURE__ */ e("span", { className: Y.name, children: t })
   ] });
 }
-const at = Te, it = Pe, V = Oe(
+const it = Pe, st = Be, V = ke(
   ({
     items: t = [],
     renderItem: n,
@@ -304,7 +304,7 @@ const at = Te, it = Pe, V = Oe(
     useIndexAsKey: m = !1
   }, v) => {
     const _ = W(null);
-    ke(v, () => ({
+    Re(v, () => ({
       next: () => {
         var d;
         return (d = _.current) == null ? void 0 : d.go(">");
@@ -318,10 +318,10 @@ const at = Te, it = Pe, V = Oe(
         return (y = _.current) == null ? void 0 : y.go(d);
       }
     }));
-    const E = de((d) => {
+    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 = de(
+    }, [h]), s = ue(
       (d) => {
         E(d);
       },
@@ -341,7 +341,7 @@ const at = Te, it = Pe, V = Oe(
       ...o
     };
     return /* @__PURE__ */ e("div", { className: a, style: { width: "100%" }, children: /* @__PURE__ */ e(
-      at,
+      it,
       {
         ref: _,
         options: u,
@@ -349,7 +349,7 @@ const at = Te, it = Pe, V = Oe(
         onMounted: s,
         children: t.map((d, y) => {
           var S;
-          return /* @__PURE__ */ e(it, { children: n(d, y) }, m ? y : (S = d.id) != null ? S : y);
+          return /* @__PURE__ */ e(st, { children: n(d, y) }, m ? y : (S = d.id) != null ? S : y);
         })
       }
     ) });
@@ -441,7 +441,7 @@ const at = Te, it = Pe, V = Oe(
     }
   );
 };
-function st({
+function ct({
   imageUrl: t,
   orden: n = 1,
   onClick: i,
@@ -527,7 +527,7 @@ function st({
     }
   );
 }
-const ct = ({
+const lt = ({
   logo: t,
   provider: n,
   providerName: i,
@@ -606,7 +606,7 @@ const ct = ({
       ]
     }
   );
-}, ne = 12, Ce = ({
+}, oe = 12, Ee = ({
   items: t,
   layout: n = "grid",
   onClick: i
@@ -632,8 +632,8 @@ const ct = ({
             xs: "104px",
             md: "152px"
           },
-          columnGap: `${ne}px`,
-          rowGap: `${ne}px`,
+          columnGap: `${oe}px`,
+          rowGap: `${oe}px`,
           alignItems: "stretch",
           justifyItems: "stretch"
         },
@@ -700,7 +700,7 @@ const ct = ({
           xs: "repeat(2, 112px)",
           md: "repeat(2, 168px)"
         },
-        gap: `${ne}px`,
+        gap: `${oe}px`,
         gridAutoFlow: "column"
       },
       children: t.map((c, o) => {
@@ -727,7 +727,7 @@ const ct = ({
       })
     }
   );
-}, lt = ({
+}, dt = ({
   title: t,
   amount: n,
   subtitle: i,
@@ -879,7 +879,7 @@ const ct = ({
       ]
     }
   );
-}, dt = ({
+}, ut = ({
   text: t,
   buttonLabel: n = "Conoce más",
   onClick: i,
@@ -905,15 +905,15 @@ const ct = ({
         className: "orc-co-bgDesktopImg"
       }
     ) }),
-    a && /* @__PURE__ */ e("div", { className: "orc-co-logo", children: /* @__PURE__ */ e(
-      "img",
-      {
-        src: a,
-        alt: `${r} logo`,
-        className: "orc-co-logoImg"
-      }
-    ) }),
     /* @__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: i, variant: "primary", size: "md", children: n })
     ] })
@@ -922,21 +922,21 @@ const ct = ({
     /* @__PURE__ */ e("p", { className: "orc-co-caption", children: t }),
     /* @__PURE__ */ e(P, { onClick: i, variant: "primary", size: "md", children: n })
   ] })
-] }), ut = "oraculo__OraculoEventCombinadasCard-module__card___ulQeY", mt = "oraculo__OraculoEventCombinadasCard-module__combinadas___Gxrld", pt = "oraculo__OraculoEventCombinadasCard-module__apuestaItem___YnYMy", ht = "oraculo__OraculoEventCombinadasCard-module__lineContainer___G5rbU", gt = "oraculo__OraculoEventCombinadasCard-module__circle___eehm-", ft = "oraculo__OraculoEventCombinadasCard-module__line___Eb2pK", xt = "oraculo__OraculoEventCombinadasCard-module__apuestaText___b5s7S", _t = "oraculo__OraculoEventCombinadasCard-module__cuotaTotal___Lohvu", D = {
-  card: ut,
-  combinadas: mt,
-  apuestaItem: pt,
-  lineContainer: ht,
-  circle: gt,
-  line: ft,
-  apuestaText: xt,
-  cuotaTotal: _t
+] }), 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 le(t) {
+function ce(t) {
   const n = Array.isArray(t) ? t : [t];
   sessionStorage.setItem("landingOutcomes", JSON.stringify(n)), window.location.href = "/#home";
 }
-function bt({ event: t }) {
+function vt({ event: t }) {
   var r;
   function n(c) {
     var _;
@@ -984,7 +984,7 @@ function bt({ event: t }) {
     ] }) }),
     /* @__PURE__ */ p("button", { onClick: () => {
       var c, o;
-      return le((o = (c = i == null ? void 0 : i.outcomes) == null ? void 0 : c.map((a) => a == null ? void 0 : a.id)) != null ? 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__ */ p("span", { children: [
         "Cuota total: ",
@@ -1008,7 +1008,7 @@ const A = {
   "orc-btn--full": "oraculo__OraculoButtonBet-module__orc-btn--full___z-Myo",
   "orc-btn--fullHeight": "oraculo__OraculoButtonBet-module__orc-btn--fullHeight___pCxq1"
 };
-function vt({
+function yt({
   children: t,
   onClick: n,
   href: i,
@@ -1043,7 +1043,7 @@ function vt({
     d && /* @__PURE__ */ e("span", { className: A["orc-btn__icon"], children: d })
   ] }), l = a ? !0 : void 0;
   return i ? /* @__PURE__ */ e(
-    fe,
+    xe,
     {
       href: i,
       target: r,
@@ -1067,7 +1067,7 @@ function vt({
     }
   );
 }
-function yt({ event: t, liveData: n, betOffers: i, fondo: r = "/assets/img/home/EnVivo/fondo.png" }) {
+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) => {
@@ -1085,7 +1085,7 @@ function yt({ event: t, liveData: n, betOffers: i, fondo: r = "/assets/img/home/
   }, children: /* @__PURE__ */ p(M, { direction: "column", spacing: 1, useFlexGap: !0, children: [
     /* @__PURE__ */ p(M, { direction: "column", spacing: 1.5, useFlexGap: !0, children: [
       /* @__PURE__ */ e(
-        Ge,
+        De,
         {
           title: (o = t.path[0].name) != null ? o : "",
           subtitle: t.group,
@@ -1101,31 +1101,31 @@ function yt({ event: t, liveData: n, betOffers: i, fondo: r = "/assets/img/home/
             logo: "/assets/img/home/EnVivo/Juventus.png"
           }
         ),
-        /* @__PURE__ */ e(Se, { 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(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__ */ 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(we, { 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(vt, { variant: "primary", disabled: u.odds == null || (c == null ? void 0 : c.cashOutStatus) == "SUSPENDED", onClick: () => {
-        le(u.id);
+      /* @__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 wt = "oraculo__OraculoEventDate-module__date___xhIlh", St = {
-  date: wt
+const St = "oraculo__OraculoEventDate-module__date___xhIlh", Ct = {
+  date: St
 };
-function Ct({ text: t }) {
-  return /* @__PURE__ */ e("div", { className: `oli-font ${St.date}`, children: t });
+function Et({ text: t }) {
+  return /* @__PURE__ */ e("div", { className: `oli-font ${Ct.date}`, children: t });
 }
-const Et = "oraculo__OraculoEventSemanaCard-module__cardContainer___4JuDe", $t = "oraculo__OraculoEventSemanaCard-module__cardBackground___vfalD", It = "oraculo__OraculoEventSemanaCard-module__jugadas___W8b7H", Nt = "oraculo__OraculoEventSemanaCard-module__equipos___G5hLn", Q = {
-  cardContainer: Et,
-  cardBackground: $t,
-  jugadas: It,
-  equipos: Nt
+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 Ot({ event: t }) {
+function kt({ event: t }) {
   var i, r, c, o, a, h, m;
   function n(v) {
     const _ = new Date(v), E = _.toLocaleDateString("es-ES", {
@@ -1151,21 +1151,21 @@ function Ot({ event: t }) {
               size: "compact"
             }
           ),
-          /* @__PURE__ */ e(Se, { text: "vs.", name: "", size: "small" }),
+          /* @__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(Ct, { text: n(t.start) })
+        /* @__PURE__ */ e(Et, { text: n(t.start) })
       ] }),
       /* @__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(we, { text: v.label.toUpperCase() }, _)) }),
+        /* @__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: () => {
-          le(v.id);
+          ce(v.id);
         }, children: (v.odds / 1e3).toFixed(2) }, _)) }) })
       ] })
     ] }) })
   ] });
 }
-function kt({
+function Rt({
   items: t,
   title: n = "Destacados",
   iconUrl: i,
@@ -1206,7 +1206,7 @@ function kt({
                 ariaLabel: "Anterior",
                 variant: "secondary",
                 iconOnly: !0,
-                leftIcon: /* @__PURE__ */ e(se, {}),
+                leftIcon: /* @__PURE__ */ e(ie, {}),
                 onClick: m,
                 disabled: a.isStart
               }
@@ -1217,7 +1217,7 @@ function kt({
                 ariaLabel: "Siguiente",
                 variant: "secondary",
                 iconOnly: !0,
-                rightIcon: /* @__PURE__ */ e(ce, {}),
+                rightIcon: /* @__PURE__ */ e(se, {}),
                 onClick: v,
                 disabled: a.isEnd
               }
@@ -1271,19 +1271,19 @@ function kt({
     )
   ] });
 }
-const Rt = (t) => {
+const Tt = (t) => {
   var s, u, d, y, S, w;
   if (typeof window == "undefined") return;
   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 Tt({
+function Pt({
   items: t,
   title: n = "Top Juegos",
   iconUrl: i,
   onCardClick: r
 }) {
-  const c = ie(
+  const c = ae(
     () => t.map((o, a) => {
       var h;
       return {
@@ -1313,12 +1313,12 @@ function Tt({
         children: c.slice(0, 6).map((o) => {
           var a;
           return /* @__PURE__ */ e(
-            st,
+            ct,
             {
               imageUrl: `https://olimpo.bet${(a = o.logo) != null ? a : ""}`,
               orden: o.orden,
               onClick: () => {
-                r ? r(o) : Rt(o);
+                r ? r(o) : Tt(o);
               }
             },
             o.machine
@@ -1328,15 +1328,15 @@ function Tt({
     )
   ] }) });
 }
-const Pt = (t, n) => {
+const Bt = (t, n) => {
   var i, r;
   return (r = (i = t.orden) != null ? i : t.machine) != null ? r : n;
-}, Bt = (t) => {
+}, Ft = (t) => {
   var s, u, d, y, S, w;
   if (typeof window == "undefined") return;
   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;
-}, Ft = ({
+}, Ut = ({
   items: t,
   title: n = "Casino en vivo",
   subtitle: i = "Disfruta la emoción en tus juegos favoritos y gana en tiempo real.",
@@ -1452,17 +1452,17 @@ const Pt = (t, n) => {
                 children: (t != null ? t : []).slice(0, 3).map((m, v) => {
                   var _;
                   return /* @__PURE__ */ e(
-                    ct,
+                    lt,
                     {
                       logo: `https://olimpo.bet${(_ = m.logo) != null ? _ : ""}`,
                       provider: m.provider,
                       providerName: m.web_name,
                       machine: m.machine,
                       onClick: () => {
-                        o ? o(m, v) : Bt(m);
+                        o ? o(m, v) : Ft(m);
                       }
                     },
-                    Pt(m, v)
+                    Bt(m, v)
                   );
                 })
               }
@@ -1481,19 +1481,19 @@ const Pt = (t, n) => {
       )
     ]
   }
-), Ee = (t, n) => {
+), $e = (t, n) => {
   var i, r;
   return (r = (i = t.orden) != null ? i : t.machine) != null ? r : n;
-}, Ut = (t) => {
+}, Lt = (t) => {
   var s, u, d, y, S;
   if (typeof window == "undefined") return;
   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;
-}, Lt = (t, n = !0, i = 4) => {
+}, Mt = (t, n = !0, i = 4) => {
   const r = t.map((a, h) => {
     var m;
     return {
-      id: Ee(a, h),
+      id: $e(a, h),
       imageUrl: (m = a.logo) != null ? m : ""
     };
   });
@@ -1517,7 +1517,7 @@ const Pt = (t, n) => {
     }), o = a;
   }
   return c;
-}, Mt = ({
+}, zt = ({
   items: t,
   title: n = "Casino",
   iconUrl: i = "/assets/img/home/Casino/diamante.svg",
@@ -1526,7 +1526,7 @@ const Pt = (t, n) => {
   mosaicFirst: o = !0,
   gridSize: a = 4
 }) => {
-  const h = W(null), [m, v] = U({ isStart: !0, isEnd: !1 }), _ = Lt(t, o, a), E = () => {
+  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 = () => {
@@ -1570,7 +1570,7 @@ const Pt = (t, n) => {
                     ariaLabel: "Anterior",
                     variant: "secondary",
                     iconOnly: !0,
-                    leftIcon: /* @__PURE__ */ e(be, {}),
+                    leftIcon: /* @__PURE__ */ e(ve, {}),
                     onClick: E,
                     disabled: m.isStart
                   }
@@ -1581,7 +1581,7 @@ const Pt = (t, n) => {
                     ariaLabel: "Siguiente",
                     variant: "secondary",
                     iconOnly: !0,
-                    rightIcon: /* @__PURE__ */ e(ve, {}),
+                    rightIcon: /* @__PURE__ */ e(ye, {}),
                     onClick: s,
                     disabled: m.isEnd
                   }
@@ -1610,15 +1610,15 @@ const Pt = (t, n) => {
           focus: "start"
         },
         renderItem: (d) => /* @__PURE__ */ e("div", { style: { alignSelf: "start" }, children: /* @__PURE__ */ e(
-          Ce,
+          Ee,
           {
             items: d.items,
             layout: d.kind === "mosaic" ? "mosaic" : "grid",
             onClick: (y) => {
               const S = t.find(
-                (w, I) => Ee(w, I) === y.id
+                (w, I) => $e(w, I) === y.id
               );
-              S && (r ? r(S) : Ut(S));
+              S && (r ? r(S) : Lt(S));
             }
           }
         ) }),
@@ -1626,19 +1626,19 @@ const Pt = (t, n) => {
       }
     )
   ] }) });
-}, $e = (t, n) => {
+}, Ie = (t, n) => {
   var i, r;
   return (r = (i = t.orden) != null ? i : t.machine) != null ? r : n;
-}, zt = (t) => {
+}, Wt = (t) => {
   var s, u, d, y, S;
   if (typeof window == "undefined") return;
   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;
-}, Wt = (t, n = !0, i = 4) => {
+}, At = (t, n = !0, i = 4) => {
   const r = t.map((a, h) => {
     var m;
     return {
-      id: $e(a, h),
+      id: Ie(a, h),
       imageUrl: (m = a.logo) != null ? m : ""
     };
   });
@@ -1662,7 +1662,7 @@ const Pt = (t, n) => {
     }), o = a;
   }
   return c;
-}, At = ({
+}, jt = ({
   items: t,
   title: n = "Virtuales",
   iconUrl: i = "/assets/img/home/Virtuales/virtuales.svg",
@@ -1671,7 +1671,7 @@ const Pt = (t, n) => {
   mosaicFirst: o = !0,
   gridSize: a = 4
 }) => {
-  const h = W(null), [m, v] = U({ isStart: !0, isEnd: !1 }), _ = Wt(t, o, a), E = () => {
+  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 = () => {
@@ -1715,7 +1715,7 @@ const Pt = (t, n) => {
                     ariaLabel: "Anterior",
                     variant: "secondary",
                     iconOnly: !0,
-                    leftIcon: /* @__PURE__ */ e(be, {}),
+                    leftIcon: /* @__PURE__ */ e(ve, {}),
                     onClick: E,
                     disabled: m.isStart
                   }
@@ -1726,7 +1726,7 @@ const Pt = (t, n) => {
                     ariaLabel: "Siguiente",
                     variant: "secondary",
                     iconOnly: !0,
-                    rightIcon: /* @__PURE__ */ e(ve, {}),
+                    rightIcon: /* @__PURE__ */ e(ye, {}),
                     onClick: s,
                     disabled: m.isEnd
                   }
@@ -1756,15 +1756,15 @@ const Pt = (t, n) => {
           perMove: 1
         },
         renderItem: (d) => /* @__PURE__ */ e("div", { style: { alignSelf: "start" }, children: /* @__PURE__ */ e(
-          Ce,
+          Ee,
           {
             items: d.items,
             layout: d.kind === "mosaic" ? "mosaic" : "grid",
             onClick: (y) => {
               const S = t.find(
-                (w, I) => $e(w, I) === y.id
+                (w, I) => Ie(w, I) === y.id
               );
-              S && (r ? r(S) : zt(S));
+              S && (r ? r(S) : Wt(S));
             }
           }
         ) }),
@@ -1772,7 +1772,7 @@ const Pt = (t, n) => {
       }
     )
   ] }) });
-}, jt = (t) => ({
+}, Gt = (t) => ({
   // width: "100vw",
   position: "relative",
   // left: "50%",
@@ -1791,15 +1791,15 @@ const Pt = (t, n) => {
   backgroundRepeat: "no-repeat",
   backgroundPosition: "center",
   backgroundSize: "cover"
-}), me = {
+}), pe = {
   textAlign: "center",
   lineHeight: 1.1,
   mb: 1.5
-}, pe = {
+}, he = {
   display: "inline-block",
   fontWeight: 600,
   fontSize: 24
-}, he = {
+}, ge = {
   display: "inline-block",
   fontSize: 24,
   lineHeight: 1.1,
@@ -1809,13 +1809,13 @@ const Pt = (t, n) => {
     0 0 6px rgba(255, 255, 255, .6),
     0 1px 0 rgba(137, 137, 137, .85)
   `
-}, Gt = ({
+}, Dt = ({
   headline: t,
   headline2: n,
   items: i,
   backgroundImageUrl: r
 }) => {
-  const c = t, o = n, a = Be("(max-width: 767px)"), h = i.length > 1, m = r != null ? r : "", v = jt(m), _ = W(null), [E, s] = U({ isStart: !0, isEnd: !1 }), [u, d] = U(0), y = (S) => /* @__PURE__ */ p(
+  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: {
@@ -1845,7 +1845,7 @@ const Pt = (t, n) => {
             },
             options: { autoWidth: !1 },
             renderItem: (w) => /* @__PURE__ */ e(
-              lt,
+              dt,
               {
                 ...w,
                 onButtonClick: w.onButtonClick,
@@ -1866,7 +1866,7 @@ const Pt = (t, n) => {
               justifyContent: "center"
             },
             children: /* @__PURE__ */ e(
-              ye,
+              we,
               {
                 total: i.length,
                 active: u,
@@ -1890,11 +1890,11 @@ const Pt = (t, n) => {
         textAlign: "center"
       },
       children: [
-        (c || o) && /* @__PURE__ */ p($, { sx: me, children: [
-          c && /* @__PURE__ */ e(j, { component: "span", sx: pe, children: c }),
+        (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(j, { component: "span", sx: he, children: o })
+            /* @__PURE__ */ e(j, { component: "span", sx: ge, children: o })
           ] })
         ] }),
         y(!1)
@@ -1906,7 +1906,7 @@ const Pt = (t, n) => {
       sx: {
         maxWidth: 1200,
         mx: "auto",
-        px: 4,
+        px: 15,
         display: "grid",
         gridTemplateColumns: "260px minmax(0, 1fr)",
         alignItems: "center",
@@ -1926,15 +1926,15 @@ const Pt = (t, n) => {
               $,
               {
                 sx: {
-                  ...me,
+                  ...pe,
                   textAlign: "left",
                   mb: 0
                 },
                 children: [
-                  c && /* @__PURE__ */ e(j, { component: "span", sx: pe, children: c }),
+                  c && /* @__PURE__ */ e(j, { component: "span", sx: he, children: c }),
                   o && /* @__PURE__ */ p(q, { children: [
                     /* @__PURE__ */ e("br", {}),
-                    /* @__PURE__ */ e(j, { component: "span", sx: he, children: o })
+                    /* @__PURE__ */ e(j, { component: "span", sx: ge, children: o })
                   ] })
                 ]
               }
@@ -1955,7 +1955,7 @@ const Pt = (t, n) => {
       ]
     }
   ) });
-}, Dt = ({
+}, Ht = ({
   className: t = "",
   fullBleed: n = !0,
   items: i,
@@ -1967,7 +1967,7 @@ const Pt = (t, n) => {
   const h = () => {
     window.location.href = "https://www.olimpo.bet/conoce-club-olimpo";
   }, m = Array.isArray(i) ? i[r] : i;
-  Re(() => {
+  Te(() => {
     if (!o.current || !a.current || typeof ResizeObserver == "undefined") return;
     const _ = o.current, E = a.current, s = () => {
       _.style.setProperty(
@@ -1989,7 +1989,7 @@ const Pt = (t, n) => {
       className: v,
       "aria-label": c || m.imgAlt || "Club Olimpo",
       children: /* @__PURE__ */ e("div", { ref: a, children: /* @__PURE__ */ e(
-        dt,
+        ut,
         {
           text: m.text,
           onClick: h,
@@ -2001,10 +2001,10 @@ const Pt = (t, n) => {
       ) })
     }
   );
-}, Ht = "oraculo__OraculoSeccionEventoCombinadas-module__controls___Zsta4", Vt = {
-  controls: Ht
+}, Vt = "oraculo__OraculoSeccionEventoCombinadas-module__controls___Zsta4", Kt = {
+  controls: Vt
 };
-function Kt({
+function Xt({
   items: t,
   title: n = "Combinadas del Olimpo",
   iconUrl: i = "https://stg-www.contodobet.com/static/img/landing/EventoCombinada/rayoIcon.svg",
@@ -2048,13 +2048,13 @@ function Kt({
         if (R.length > 0) {
           const F = Array.from(
             (z = (B = f == null ? void 0 : f[0]) == null ? void 0 : B.requiredOutcomeIds) != null ? z : []
-          ), te = R.map((X) => ({
-            ...X,
-            position: F.indexOf(X.id)
+          ), le = R.map((J) => ({
+            ...J,
+            position: F.indexOf(J.id)
           }));
           x[N.eventId].push({
             ...N,
-            outcomes: te
+            outcomes: le
           });
         }
         return x;
@@ -2106,14 +2106,14 @@ function Kt({
         }), l.type === "SIMPLE" && l.outcome && k.add(l.outcome.id);
     return k;
   }
-  J(() => {
+  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: Vt.controls, children: [
+      /* @__PURE__ */ p("div", { className: Kt.controls, children: [
         /* @__PURE__ */ p(G, { spacing: 1, columns: "auto auto", children: [
           /* @__PURE__ */ e(
             P,
@@ -2121,7 +2121,7 @@ function Kt({
               ariaLabel: "Anterior",
               variant: "secondary",
               iconOnly: !0,
-              leftIcon: /* @__PURE__ */ e(se, {}),
+              leftIcon: /* @__PURE__ */ e(ie, {}),
               onClick: E,
               disabled: a.isStart
             }
@@ -2132,7 +2132,7 @@ function Kt({
               ariaLabel: "Siguiente",
               variant: "secondary",
               iconOnly: !0,
-              rightIcon: /* @__PURE__ */ e(ce, {}),
+              rightIcon: /* @__PURE__ */ e(se, {}),
               onClick: s,
               disabled: a.isEnd
             }
@@ -2153,7 +2153,7 @@ function Kt({
         breakpoints: {
           768: { perPage: 1.2, gap: "12px", padding: { left: "0px", right: "0px" } }
         },
-        renderItem: (C) => /* @__PURE__ */ e(bt, { event: C }),
+        renderItem: (C) => /* @__PURE__ */ e(vt, { event: C }),
         onMove: ({ isStart: C, isEnd: k }) => h({ isStart: C, isEnd: k })
       }
     )
@@ -2184,7 +2184,7 @@ function Jt({
       console.error(w);
     }
   }
-  return J(() => {
+  return X(() => {
     d();
     const w = setInterval(() => {
       d();
@@ -2201,7 +2201,7 @@ function Jt({
               ariaLabel: "Anterior",
               variant: "secondary",
               iconOnly: !0,
-              leftIcon: /* @__PURE__ */ e(se, {}),
+              leftIcon: /* @__PURE__ */ e(ie, {}),
               onClick: E,
               disabled: h.isStart
             }
@@ -2212,7 +2212,7 @@ function Jt({
               ariaLabel: "Siguiente",
               variant: "secondary",
               iconOnly: !0,
-              rightIcon: /* @__PURE__ */ e(ce, {}),
+              rightIcon: /* @__PURE__ */ e(se, {}),
               onClick: s,
               disabled: h.isEnd
             }
@@ -2233,18 +2233,18 @@ function Jt({
           768: { gap: "8px", focus: "center" },
           1024: { gap: "10px", focus: "center" }
         },
-        renderItem: (w) => /* @__PURE__ */ e(yt, { ...w }),
+        renderItem: (w) => /* @__PURE__ */ e(wt, { ...w }),
         onMove: ({ isStart: w, isEnd: I }) => m({ isStart: w, isEnd: I })
       }
     )
   ] }) });
 }
-const Xt = "oraculo__OraculoSeccionEventoSemana-module__wrapper___eqVq-", qt = "oraculo__OraculoSeccionEventoSemana-module__container___5yFQs", Yt = "oraculo__OraculoSeccionEventoSemana-module__buttonWrapper___-6IDT", re = {
-  wrapper: Xt,
-  container: qt,
-  buttonWrapper: Yt
+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 Qt({
+function Zt({
   items: t,
   title: n = "En vivo",
   iconUrl: i,
@@ -2319,12 +2319,12 @@ function Qt({
       outcome: T[O.id]
     }));
   }
-  return J(() => {
+  return X(() => {
     t && t.events.length > 0 && d();
-  }, [t]), /* @__PURE__ */ e("section", { className: c || void 0, style: { width: "100%" }, children: /* @__PURE__ */ p("div", { className: re.wrapper, children: [
-    /* @__PURE__ */ e("div", { className: re.container, children: /* @__PURE__ */ p(M, { direction: "column", spacing: 1.5, useFlexGap: !0, children: [
+  }, [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: re.buttonWrapper, children: /* @__PURE__ */ e(P, { variant: "secondary", size: "lg", fullWidth: !0, onClick: () => {
+      /* @__PURE__ */ e("div", { className: ne.buttonWrapper, children: /* @__PURE__ */ e(P, { variant: "secondary", size: "lg", fullWidth: !0, onClick: () => {
         u();
       }, children: "Ver más" }) })
     ] }) }),
@@ -2339,13 +2339,13 @@ function Qt({
         breakpoints: {
           1024: { perPage: 1.4, gap: "8px", focus: "center", padding: { left: "8px", right: "8px" } }
         },
-        renderItem: (I) => /* @__PURE__ */ e(Ot, { event: I }),
+        renderItem: (I) => /* @__PURE__ */ e(kt, { event: I }),
         onMove: ({ isStart: I, isEnd: C }) => m({ isStart: I, isEnd: C })
       }
     ) })
   ] }) });
 }
-const Zt = [
+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",
@@ -2356,12 +2356,12 @@ const Zt = [
     mobileSrc: "https://stg-www.contodobet.com/static/img/landing/Banner/FondoMisiones.png",
     fallbackSrc: "https://stg-www.contodobet.com/static/img/landing/Banner/FondoMisiones.jpg"
   }
-], ae = (t) => `${window.location.origin}${t}`, eo = [
+], re = (t) => `${window.location.origin}${t}`, to = [
   {
     id: 1,
     label: "APUESTAS",
     icon: "https://stg-www.contodobet.com/static/img/landing/Banner/icon1.svg",
-    onclick: () => ae("https://www.olimpo.bet/#home")
+    onclick: () => re("https://www.olimpo.bet/#home")
   },
   {
     id: 2,
@@ -2373,18 +2373,18 @@ const Zt = [
     id: 3,
     label: "TOP JUEGOS",
     icon: "https://stg-www.contodobet.com/static/img/landing/Banner/icon3.svg",
-    onclick: () => ae("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: () => ae("https://www.olimpo.bet/misiones")
+    onclick: () => re("https://www.olimpo.bet/misiones")
   }
 ];
-function to({
-  backgrounds: t = Zt,
-  items: n = eo
+function oo({
+  backgrounds: t = eo,
+  items: n = to
 }) {
   const [i, r] = U(0), c = (t == null ? void 0 : t.length) || 1;
   return /* @__PURE__ */ p(
@@ -2513,7 +2513,7 @@ function to({
                     justifyContent: "center",
                     zIndex: 2
                   },
-                  children: /* @__PURE__ */ e(ye, { total: c, active: i })
+                  children: /* @__PURE__ */ e(we, { total: c, active: i })
                 }
               )
             ]
@@ -2574,7 +2574,7 @@ function to({
                     }
                   ),
                   /* @__PURE__ */ e(
-                    xe,
+                    _e,
                     {
                       sx: {
                         fontSize: { xs: 10, sm: 11, md: 12 },
@@ -2596,7 +2596,7 @@ function to({
     }
   );
 }
-const oo = [
+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" }
@@ -2607,14 +2607,14 @@ const oo = [
     { src: "https://stg-www.contodobet.com/static/img/landing/MediosPago/niubiz.svg", alt: "Niubiz" }
   ]
 ];
-function no({
+function ro({
   title: t = "Medios de pago",
-  rows: n = oo
+  rows: n = no
 }) {
   const i = n.flat();
   return /* @__PURE__ */ p(L, { component: "section", "aria-labelledby": "mp-title", sx: { color: "#fff" }, children: [
     /* @__PURE__ */ e(
-      xe,
+      _e,
       {
         id: "mp-title",
         variant: "h6",
@@ -2642,14 +2642,14 @@ function no({
       }
     ),
     /* @__PURE__ */ e(L, { sx: { display: { xs: "block", md: "none" } }, children: n.map((r, c) => /* @__PURE__ */ e(
-      _e,
+      be,
       {
         direction: "row",
         justifyContent: "center",
         alignItems: "center",
         gap: 2.5,
         flexWrap: "wrap",
-        children: r.map((o) => /* @__PURE__ */ e(ue, { ...o }, `${o.src}-${o.alt}`))
+        children: r.map((o) => /* @__PURE__ */ e(me, { ...o }, `${o.src}-${o.alt}`))
       },
       c
     )) }),
@@ -2665,35 +2665,35 @@ function no({
           gridTemplateColumns: { md: "repeat(auto-fit, 160px)" },
           justifyContent: { md: "center" }
         },
-        children: i.map((r) => /* @__PURE__ */ e(ue, { ...r }, `${r.src}-${r.alt}`))
+        children: i.map((r) => /* @__PURE__ */ e(me, { ...r }, `${r.src}-${r.alt}`))
       }
     )
   ] });
 }
-const ro = {
-  OraculoSeccionDestacados: kt,
-  OraculoSeccionTopJuegos: Tt,
-  OraculoSeccionCasinoEnVivo: Ft,
-  OraculoSeccionCasino: Mt,
-  OraculoSeccionVirtuales: At,
-  OraculoSeccionClubOlimpo: Dt,
-  OraculoSeccionBonoBienvenida: Gt,
-  OraculoSeccionBanners: to,
-  OraculoSeccionMediosPago: no,
+const ao = {
+  OraculoSeccionDestacados: Rt,
+  OraculoSeccionTopJuegos: Pt,
+  OraculoSeccionCasinoEnVivo: Ut,
+  OraculoSeccionCasino: zt,
+  OraculoSeccionVirtuales: jt,
+  OraculoSeccionClubOlimpo: Ht,
+  OraculoSeccionBonoBienvenida: Dt,
+  OraculoSeccionBanners: oo,
+  OraculoSeccionMediosPago: ro,
   OraculoSeccionEventoEnVivo: Jt,
-  OraculoSeccionEventoSemana: Qt,
-  OraculoSeccionEventoCombinadas: Kt
-}, ao = (t) => typeof t == "function" || t && typeof t == "object" && "$$typeof" in t, io = (t) => /^OraculoSeccion[A-Z]/.test(t), so = Object.fromEntries(
-  Object.entries(ro).filter(
-    ([t, n]) => io(t) && ao(n)
+  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 {
+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 yo = ({
+const So = ({
   sectionsOverride: t,
   docId: n = "home",
   db: i
@@ -2701,11 +2701,11 @@ const yo = ({
   const [r, c] = U(
     []
   ), [o, a] = U(!1), [h, m] = U({}), [v, _] = U({}), [E, s] = U({});
-  J(() => {
+  X(() => {
     if (t || !i) return;
     a(!0);
-    const l = Fe(
-      Ue(i, "landings", n),
+    const l = Ue(
+      Le(i, "landings", n),
       (g) => {
         var f;
         try {
@@ -2725,7 +2725,7 @@ const yo = ({
       }
     );
     return () => l();
-  }, [t, n, i]), J(() => {
+  }, [t, n, i]), X(() => {
     (t ? t.slice() : r.slice()).map((f) => f.componentKey).filter((f) => !!f).length;
   }, [t, r]);
   const u = async (l) => {
@@ -2754,13 +2754,13 @@ const yo = ({
       headers: R,
       body: N
     });
-    if (!B.ok) throw new ge(B.status, x, B.statusText);
+    if (!B.ok) throw new fe(B.status, x, B.statusText);
     return B.json();
-  }, d = ie(
+  }, d = ae(
     () => t ? t.slice() : r.slice(),
     [t, r]
-  ), y = Ne.useRef(/* @__PURE__ */ new Set());
-  J(() => {
+  ), 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) {
@@ -2771,14 +2771,14 @@ const yo = ({
             m((N) => ({ ...N, [g.id]: x }));
           } catch (x) {
             let N = "Error desconocido";
-            x instanceof ge ? 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 }));
+            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 {
             _((x) => ({ ...x, [g.id]: !1 }));
           }
         })());
       }
   }, [d]);
-  const S = ie(
+  const S = ae(
     () => d.filter((l) => l.visible).sort((l, g) => l.order - g.order),
     [d]
   ), w = (l) => Array.isArray(l) ? l.map((g) => {
@@ -2868,15 +2868,15 @@ const yo = ({
     error: "bg-red-100 text-red-800",
     component: "bg-yellow-100 text-yellow-800"
   }[g]}`, children: f }, l), O = (l) => {
-    var X;
-    const g = l.componentKey, f = so[g];
+    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 "${g}" no encontrado`
       );
-    const b = !!((X = l.apiUrl) != null && X.trim()), x = b ? h[l.id] : void 0, N = b ? !!v[l.id] : !1, R = b ? E[l.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(
@@ -2891,22 +2891,22 @@ const yo = ({
           `Error cargando ${l.apiUrl}: ${R}`
         );
     }
-    const B = k(l), te = (/* @__PURE__ */ new Set([
+    const B = k(l), F = (/* @__PURE__ */ new Set([
       "OraculoSeccionBanners",
       "OraculoSeccionBonoBienvenida"
-    ])).has(l.componentKey) ? {
+    ])).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: 16,
-      paddingRight: 16,
+      paddingLeft: J,
+      paddingRight: J,
       width: "100%",
       boxSizing: "border-box"
-    };
-    return /* @__PURE__ */ e("div", { style: te, children: /* @__PURE__ */ e(f, { ...B }) }, l.id);
+    }, children: /* @__PURE__ */ e(f, { ...B }) }, l.id);
   };
   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(
-    Ie,
+    Ne,
     {
       className: "oli-font",
       maxWidth: !1,
@@ -2920,47 +2920,47 @@ const yo = ({
         maxWidth: "100%",
         overflowX: "hidden"
       },
-      children: /* @__PURE__ */ e(_e, { direction: "column", spacing: 8, useFlexGap: !0, children: S.map(O) })
+      children: /* @__PURE__ */ e(be, { direction: "column", spacing: 8, useFlexGap: !0, children: S.map(O) })
     }
   );
 };
 export {
   P as OraculoButton,
   V as OraculoCarousel,
-  ye as OraculoCarouselDots,
-  dt as OraculoClubOlimpoVisual,
-  bt as OraculoEventCombinadasCard,
-  yt as OraculoEventEnVivoCard,
-  Ge as OraculoEventHeader,
-  we as OraculoEventLabel,
+  we as OraculoCarouselDots,
+  ut as OraculoClubOlimpoVisual,
+  vt as OraculoEventCombinadasCard,
+  wt as OraculoEventEnVivoCard,
+  De as OraculoEventHeader,
+  Se as OraculoEventLabel,
   Je as OraculoEventLeague,
-  Se as OraculoEventScore,
-  Ot as OraculoEventSemanaCard,
-  je as OraculoEventStatus,
-  Ae as OraculoEventStatusBadge,
+  Ce as OraculoEventScore,
+  kt as OraculoEventSemanaCard,
+  Ge as OraculoEventStatus,
+  je as OraculoEventStatusBadge,
   ee as OraculoEventTeamInfo,
   Z as OraculoGameCard,
-  st as OraculoGameRankCard,
-  Ce as OraculoGameSlide,
+  ct as OraculoGameRankCard,
+  Ee as OraculoGameSlide,
   G as OraculoGridGroup,
-  ct as OraculoLiveCasinoCard,
-  ue as OraculoLogoMediosPago,
-  yo as OraculoPageLandingPreview,
-  to as OraculoSeccionBanners,
-  Gt as OraculoSeccionBonoBienvenida,
-  Mt as OraculoSeccionCasino,
-  Ft as OraculoSeccionCasinoEnVivo,
-  Dt as OraculoSeccionClubOlimpo,
-  kt as OraculoSeccionDestacados,
-  Kt as OraculoSeccionEventoCombinadas,
+  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,
-  Qt as OraculoSeccionEventoSemana,
-  no as OraculoSeccionMediosPago,
-  Tt as OraculoSeccionTopJuegos,
-  At as OraculoSeccionVirtuales,
+  Zt as OraculoSeccionEventoSemana,
+  ro as OraculoSeccionMediosPago,
+  Pt as OraculoSeccionTopJuegos,
+  jt as OraculoSeccionVirtuales,
   H as OraculoSectionTitle,
-  Tt as OraculoTopJuegoItem,
-  lt as OraculoWelcomeBanner,
-  yo as default
+  Pt as OraculoTopJuegoItem,
+  dt as OraculoWelcomeBanner,
+  So as default
 };
 //# sourceMappingURL=index.es.js.map