oraculo-ui 0.1.12 → 0.1.14

package/dist/index.js

@@ -77,14 +77,10 @@ function OraculoButton({
     isIconOnly ? "orc-btn--iconOnly" : "",
     className
   ].filter(Boolean).join(" ");
-  const content = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-    leftIcon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "orc-btn__icon", children: leftIcon }),
-    !isIconOnly && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "orc-btn__label", children }),
-    rightIcon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "orc-btn__icon", children: rightIcon })
-  ] });
+  const content = /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, leftIcon && /* @__PURE__ */ import_react.default.createElement("span", { className: "orc-btn__icon" }, leftIcon), !isIconOnly && /* @__PURE__ */ import_react.default.createElement("span", { className: "orc-btn__label" }, children), rightIcon && /* @__PURE__ */ import_react.default.createElement("span", { className: "orc-btn__icon" }, rightIcon));
   const ariaDisabled = disabled ? true : void 0;
   if (href) {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    return /* @__PURE__ */ import_react.default.createElement(
       import_material.Link,
       {
         href,
@@ -94,30 +90,30 @@ function OraculoButton({
         "aria-disabled": ariaDisabled,
         tabIndex: ariaDisabled ? -1 : void 0,
         className: cls,
-        onClick: ariaDisabled ? (e) => e.preventDefault() : onClick,
-        children: content
-      }
+        onClick: ariaDisabled ? (e) => e.preventDefault() : onClick
+      },
+      content
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  return /* @__PURE__ */ import_react.default.createElement(
     "button",
     {
       type,
       onClick,
       disabled: !!ariaDisabled,
       "aria-label": ariaLabel,
-      className: cls,
-      children: content
-    }
+      className: cls
+    },
+    content
   );
 }
-var import_material, import_jsx_runtime;
+var import_react, import_material;
 var init_OraculoButton2 = __esm({
   "src/atoms/OraculoButton/OraculoButton.tsx"() {
     "use strict";
+    import_react = __toESM(require("react"));
     init_OraculoButton();
     import_material = require("@mui/material");
-    import_jsx_runtime = require("react/jsx-runtime");
   }
 });
 
@@ -140,24 +136,21 @@ function OraculoSectionTitle({
     sizeClass,
     className
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: wrapperClass, children: [
-    iconUrl && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-      "img",
-      {
-        src: iconUrl,
-        alt: "",
-        className: "orc-section-title__icon"
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h2", { className: "orc-section-title__title", children: title })
-  ] });
+  return /* @__PURE__ */ import_react2.default.createElement("div", { className: wrapperClass }, iconUrl && /* @__PURE__ */ import_react2.default.createElement(
+    "img",
+    {
+      src: iconUrl,
+      alt: "",
+      className: "orc-section-title__icon"
+    }
+  ), /* @__PURE__ */ import_react2.default.createElement("h2", { className: "orc-section-title__title" }, title));
 }
-var import_jsx_runtime2;
+var import_react2;
 var init_OraculoSectionTitle2 = __esm({
   "src/atoms/OraculoSectionTitle/OraculoSectionTitle.tsx"() {
     "use strict";
+    import_react2 = __toESM(require("react"));
     init_OraculoSectionTitle();
-    import_jsx_runtime2 = require("react/jsx-runtime");
   }
 });
 
@@ -168,12 +161,12 @@ var init_OraculoCarouselDots = __esm({
 });
 
 // src/atoms/OraculoCarouselDots/OraculoCarouselDots.tsx
-var import_jsx_runtime3, OraculoCarouselDots, OraculoCarouselDots_default;
+var import_react3, OraculoCarouselDots, OraculoCarouselDots_default;
 var init_OraculoCarouselDots2 = __esm({
   "src/atoms/OraculoCarouselDots/OraculoCarouselDots.tsx"() {
     "use strict";
+    import_react3 = __toESM(require("react"));
     init_OraculoCarouselDots();
-    import_jsx_runtime3 = require("react/jsx-runtime");
     OraculoCarouselDots = ({
       total,
       active,
@@ -182,7 +175,7 @@ var init_OraculoCarouselDots2 = __esm({
     }) => {
       if (total <= 1) return null;
       const rootClass = ["orc-dots", className].filter(Boolean).join(" ");
-      return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: rootClass, role: "tablist", children: Array.from({ length: total }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "orc-dots__cell", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      return /* @__PURE__ */ import_react3.default.createElement("div", { className: rootClass, role: "tablist" }, Array.from({ length: total }).map((_, i) => /* @__PURE__ */ import_react3.default.createElement("span", { key: i, className: "orc-dots__cell" }, /* @__PURE__ */ import_react3.default.createElement(
         "button",
         {
           type: "button",
@@ -192,23 +185,22 @@ var init_OraculoCarouselDots2 = __esm({
           className: "orc-dots__dot" + (i === active ? " orc-dots__dot--active" : ""),
           onClick: () => onSelect == null ? void 0 : onSelect(i)
         }
-      ) }, i)) });
+      ))));
     };
     OraculoCarouselDots_default = OraculoCarouselDots;
   }
 });
 
 // src/molecules/OraculoCarousel/OraculoCarousel.tsx
-var import_react, import_react_splide, import_jsx_runtime4, Splide, SplideSlide, OraculoCarousel, OraculoCarousel_default;
+var import_react4, import_react_splide, Splide, SplideSlide, OraculoCarousel, OraculoCarousel_default;
 var init_OraculoCarousel = __esm({
   "src/molecules/OraculoCarousel/OraculoCarousel.tsx"() {
     "use strict";
-    import_react = require("react");
+    import_react4 = __toESM(require("react"));
     import_react_splide = require("@splidejs/react-splide");
-    import_jsx_runtime4 = require("react/jsx-runtime");
     Splide = import_react_splide.Splide;
     SplideSlide = import_react_splide.SplideSlide;
-    OraculoCarousel = (0, import_react.forwardRef)(
+    OraculoCarousel = (0, import_react4.forwardRef)(
       ({
         items = [],
         renderItem,
@@ -219,8 +211,8 @@ var init_OraculoCarousel = __esm({
         className = "",
         onMove
       }, ref) => {
-        const splideRef = (0, import_react.useRef)(null);
-        (0, import_react.useImperativeHandle)(ref, () => ({
+        const splideRef = (0, import_react4.useRef)(null);
+        (0, import_react4.useImperativeHandle)(ref, () => ({
           next: () => {
             var _a;
             return (_a = splideRef.current) == null ? void 0 : _a.go(">");
@@ -234,7 +226,7 @@ var init_OraculoCarousel = __esm({
             return (_a = splideRef.current) == null ? void 0 : _a.go(index);
           }
         }));
-        const handleMove = (0, import_react.useCallback)(
+        const handleMove = (0, import_react4.useCallback)(
           (splide) => {
             const index = splide.index;
             const total = splide.length;
@@ -245,7 +237,7 @@ var init_OraculoCarousel = __esm({
           },
           [onMove]
         );
-        const handleMounted = (0, import_react.useCallback)(
+        const handleMounted = (0, import_react4.useCallback)(
           (splide) => {
             handleMove(splide);
           },
@@ -265,19 +257,19 @@ var init_OraculoCarousel = __esm({
           breakpoints,
           ...options
         };
-        return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className, style: { width: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        return /* @__PURE__ */ import_react4.default.createElement("div", { className, style: { width: "100%" } }, /* @__PURE__ */ import_react4.default.createElement(
           Splide,
           {
             ref: splideRef,
             options: mergedOptions,
             onMove: handleMove,
-            onMounted: handleMounted,
-            children: items.map((item, index) => {
-              var _a;
-              return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(SplideSlide, { children: renderItem(item, index) }, (_a = item.id) != null ? _a : index);
-            })
-          }
-        ) });
+            onMounted: handleMounted
+          },
+          items.map((item, index) => {
+            var _a;
+            return /* @__PURE__ */ import_react4.default.createElement(SplideSlide, { key: (_a = item.id) != null ? _a : index }, renderItem(item, index));
+          })
+        ));
       }
     );
     OraculoCarousel_default = OraculoCarousel;
@@ -285,13 +277,13 @@ var init_OraculoCarousel = __esm({
 });
 
 // src/molecules/OraculoGameCard/OraculoGameCard.tsx
-var import_Box, import_jsx_runtime5, OraculoGameCard, OraculoGameCard_default;
+var import_react5, import_Box, OraculoGameCard, OraculoGameCard_default;
 var init_OraculoGameCard = __esm({
   "src/molecules/OraculoGameCard/OraculoGameCard.tsx"() {
     "use strict";
+    import_react5 = __toESM(require("react"));
     import_Box = __toESM(require("@mui/material/Box"));
     init_index();
-    import_jsx_runtime5 = require("react/jsx-runtime");
     OraculoGameCard = ({
       imageUrl,
       onClick,
@@ -304,7 +296,7 @@ var init_OraculoGameCard = __esm({
         onClick == null ? void 0 : onClick();
       };
       const sizeStyles = fillParent ? { width: "100%", height: "100%" } : { width: `${dim.w}px`, height: `${dim.h}px` };
-      return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+      return /* @__PURE__ */ import_react5.default.createElement(
         import_Box.default,
         {
           onClick,
@@ -329,57 +321,55 @@ var init_OraculoGameCard = __esm({
               transform: "translate(-50%, -50%) scale(1)",
               pointerEvents: "auto"
             }
+          }
+        },
+        /* @__PURE__ */ import_react5.default.createElement(
+          "img",
+          {
+            src: imageUrl,
+            alt: "Juego de casino",
+            loading: "lazy",
+            style: {
+              width: "100%",
+              height: "100%",
+              objectFit: "cover",
+              display: "block",
+              borderRadius: "inherit"
+            }
+          }
+        ),
+        /* @__PURE__ */ import_react5.default.createElement(
+          import_Box.default,
+          {
+            className: "oraculo-game-card-overlay",
+            sx: {
+              position: "absolute",
+              inset: 0,
+              backgroundColor: "rgba(0, 0, 0, 0.45)",
+              opacity: 0,
+              transition: "opacity .15s ease",
+              pointerEvents: "none",
+              zIndex: 1
+            }
+          }
+        ),
+        /* @__PURE__ */ import_react5.default.createElement(
+          import_Box.default,
+          {
+            className: "oraculo-game-card-btn",
+            sx: {
+              position: "absolute",
+              top: "50%",
+              left: "50%",
+              zIndex: 2,
+              transform: "translate(-50%, -50%) scale(0.95)",
+              opacity: 0,
+              transition: "opacity .15s ease, transform .15s ease",
+              pointerEvents: "none"
+            }
           },
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-              "img",
-              {
-                src: imageUrl,
-                alt: "Juego de casino",
-                loading: "lazy",
-                style: {
-                  width: "100%",
-                  height: "100%",
-                  objectFit: "cover",
-                  display: "block",
-                  borderRadius: "inherit"
-                }
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-              import_Box.default,
-              {
-                className: "oraculo-game-card-overlay",
-                sx: {
-                  position: "absolute",
-                  inset: 0,
-                  backgroundColor: "rgba(0, 0, 0, 0.45)",
-                  opacity: 0,
-                  transition: "opacity .15s ease",
-                  pointerEvents: "none",
-                  zIndex: 1
-                }
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-              import_Box.default,
-              {
-                className: "oraculo-game-card-btn",
-                sx: {
-                  position: "absolute",
-                  top: "50%",
-                  left: "50%",
-                  zIndex: 2,
-                  transform: "translate(-50%, -50%) scale(0.95)",
-                  opacity: 0,
-                  transition: "opacity .15s ease, transform .15s ease",
-                  pointerEvents: "none"
-                },
-                children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(OraculoButton, { variant: "primary", onClick: handleButtonClick, children: "JUGAR" })
-              }
-            )
-          ]
-        }
+          /* @__PURE__ */ import_react5.default.createElement(OraculoButton, { variant: "primary", size: "md", onClick: handleButtonClick }, "JUGAR")
+        )
       );
     };
     OraculoGameCard_default = OraculoGameCard;
@@ -412,7 +402,7 @@ function OraculoGameRankCard({
     xs: Math.round(((_b = (_a = sizes.xs) == null ? void 0 : _a.font) != null ? _b : 64) * 0.28),
     md: Math.round(((_d = (_c = sizes.md) == null ? void 0 : _c.font) != null ? _d : 64) * 0.28)
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+  return /* @__PURE__ */ import_react6.default.createElement(
     import_Box2.default,
     {
       sx: {
@@ -427,75 +417,73 @@ function OraculoGameRankCard({
         boxSizing: "border-box",
         overflow: "visible",
         pb: { xs: `${hang.xs}px`, md: `${hang.md}px` }
+      }
+    },
+    /* @__PURE__ */ import_react6.default.createElement(
+      import_Box2.default,
+      {
+        sx: {
+          position: "absolute",
+          inset: 0,
+          borderRadius: "inherit",
+          overflow: "hidden"
+        }
       },
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-          import_Box2.default,
-          {
-            sx: {
-              position: "absolute",
-              inset: 0,
-              borderRadius: "inherit",
-              overflow: "hidden"
-            },
-            children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-              OraculoGameCard_default,
-              {
-                imageUrl,
-                onClick,
-                size: "lg",
-                fillParent: true
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-          import_Box2.default,
-          {
-            component: "span",
-            sx: {
-              position: "absolute",
-              left: 8,
-              bottom: {
-                xs: `-${hang.xs}px`,
-                md: `-${hang.md}px`
-              },
-              fontFamily: "secondary",
-              fontSize: {
-                xs: `${F.xs}px`,
-                md: `${F.md}px`
-              },
-              lineHeight: 1,
-              color: "#3CC666",
-              WebkitTextStroke: "1px #9ee86e",
-              zIndex: 3,
-              userSelect: "none"
-            },
-            children: orden
-          }
-        )
-      ]
-    }
+      /* @__PURE__ */ import_react6.default.createElement(
+        OraculoGameCard_default,
+        {
+          imageUrl,
+          onClick,
+          size: "lg",
+          fillParent: true
+        }
+      )
+    ),
+    /* @__PURE__ */ import_react6.default.createElement(
+      import_Box2.default,
+      {
+        component: "span",
+        sx: {
+          position: "absolute",
+          left: 8,
+          bottom: {
+            xs: `-${hang.xs}px`,
+            md: `-${hang.md}px`
+          },
+          fontFamily: "secondary",
+          fontSize: {
+            xs: `${F.xs}px`,
+            md: `${F.md}px`
+          },
+          lineHeight: 1,
+          color: "#3CC666",
+          WebkitTextStroke: "1px #9ee86e",
+          zIndex: 3,
+          userSelect: "none"
+        }
+      },
+      orden
+    )
   );
 }
-var import_Box2, import_jsx_runtime6;
+var import_react6, import_Box2;
 var init_OraculoGameRankCard = __esm({
   "src/molecules/OraculoGameRankCard/OraculoGameRankCard.tsx"() {
     "use strict";
+    import_react6 = __toESM(require("react"));
     import_Box2 = __toESM(require("@mui/material/Box"));
     init_OraculoGameCard();
-    import_jsx_runtime6 = require("react/jsx-runtime");
   }
 });
 
 // src/molecules/OraculoLiveCasinoCard/OraculoLiveCasinoCard.tsx
-var import_Box3, import_Typography, import_jsx_runtime7, OraculoLiveCasinoCard, OraculoLiveCasinoCard_default;
+var import_react7, import_Box3, import_Typography, OraculoLiveCasinoCard, OraculoLiveCasinoCard_default;
 var init_OraculoLiveCasinoCard = __esm({
   "src/molecules/OraculoLiveCasinoCard/OraculoLiveCasinoCard.tsx"() {
     "use strict";
+    import_react7 = __toESM(require("react"));
     import_Box3 = __toESM(require("@mui/material/Box"));
     import_Typography = __toESM(require("@mui/material/Typography"));
-    import_jsx_runtime7 = require("react/jsx-runtime");
     OraculoLiveCasinoCard = ({
       logo,
       provider,
@@ -504,7 +492,7 @@ var init_OraculoLiveCasinoCard = __esm({
       onClick
     }) => {
       var _a;
-      return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+      return /* @__PURE__ */ import_react7.default.createElement(
         import_Box3.default,
         {
           onClick,
@@ -526,54 +514,52 @@ var init_OraculoLiveCasinoCard = __esm({
             "&:hover .orc-live-provider-label": {
               opacity: 1
             }
+          }
+        },
+        /* @__PURE__ */ import_react7.default.createElement(
+          import_Box3.default,
+          {
+            component: "img",
+            src: logo,
+            alt: `Juego ${machine != null ? machine : ""}`,
+            sx: {
+              position: "absolute",
+              inset: 0,
+              width: "100%",
+              height: "100%",
+              objectFit: "cover",
+              display: "block"
+            }
+          }
+        ),
+        /* @__PURE__ */ import_react7.default.createElement(
+          import_Box3.default,
+          {
+            className: "orc-live-provider-label",
+            sx: {
+              position: "absolute",
+              left: "50%",
+              top: { xs: "75%", md: "80%" },
+              transform: "translate(-50%, -50%)",
+              zIndex: 3,
+              opacity: 0,
+              transition: "opacity .25s ease",
+              pointerEvents: "none"
+            }
           },
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-              import_Box3.default,
-              {
-                component: "img",
-                src: logo,
-                alt: `Juego ${machine != null ? machine : ""}`,
-                sx: {
-                  position: "absolute",
-                  inset: 0,
-                  width: "100%",
-                  height: "100%",
-                  objectFit: "cover",
-                  display: "block"
-                }
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-              import_Box3.default,
-              {
-                className: "orc-live-provider-label",
-                sx: {
-                  position: "absolute",
-                  left: "50%",
-                  top: { xs: "75%", md: "80%" },
-                  transform: "translate(-50%, -50%)",
-                  zIndex: 3,
-                  opacity: 0,
-                  transition: "opacity .25s ease",
-                  pointerEvents: "none"
-                },
-                children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-                  import_Typography.default,
-                  {
-                    sx: {
-                      color: "#fff",
-                      fontWeight: 700,
-                      fontSize: { xs: 11, md: 14 },
-                      textTransform: "capitalize"
-                    },
-                    children: (_a = provider != null ? provider : providerName) != null ? _a : ""
-                  }
-                )
+          /* @__PURE__ */ import_react7.default.createElement(
+            import_Typography.default,
+            {
+              sx: {
+                color: "#fff",
+                fontWeight: 700,
+                fontSize: { xs: 11, md: 14 },
+                textTransform: "capitalize"
               }
-            )
-          ]
-        }
+            },
+            (_a = provider != null ? provider : providerName) != null ? _a : ""
+          )
+        )
       );
     };
     OraculoLiveCasinoCard_default = OraculoLiveCasinoCard;
@@ -581,13 +567,13 @@ var init_OraculoLiveCasinoCard = __esm({
 });
 
 // src/molecules/OraculoGameSlide/OraculoGameSlide.tsx
-var import_Box4, import_jsx_runtime8, GAP, OraculoGameSlide, OraculoGameSlide_default;
+var import_react8, import_Box4, GAP, OraculoGameSlide, OraculoGameSlide_default;
 var init_OraculoGameSlide = __esm({
   "src/molecules/OraculoGameSlide/OraculoGameSlide.tsx"() {
     "use strict";
+    import_react8 = __toESM(require("react"));
     import_Box4 = __toESM(require("@mui/material/Box"));
     init_OraculoGameCard();
-    import_jsx_runtime8 = require("react/jsx-runtime");
     GAP = 12;
     OraculoGameSlide = ({
       items,
@@ -598,7 +584,7 @@ var init_OraculoGameSlide = __esm({
       if (layout === "mosaic") {
         const big = items[0];
         const smalls = items.slice(1, 5);
-        return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+        return /* @__PURE__ */ import_react8.default.createElement(
           import_Box4.default,
           {
             sx: {
@@ -620,58 +606,56 @@ var init_OraculoGameSlide = __esm({
               rowGap: `${GAP}px`,
               alignItems: "stretch",
               justifyItems: "stretch"
+            }
+          },
+          big && /* @__PURE__ */ import_react8.default.createElement(
+            import_Box4.default,
+            {
+              sx: {
+                width: { xs: 184, md: 280 },
+                height: { xs: 234, md: 352 },
+                gridRow: "1 / span 2",
+                overflow: "hidden",
+                borderRadius: 2
+              }
             },
-            children: [
-              big && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-                import_Box4.default,
+            /* @__PURE__ */ import_react8.default.createElement(
+              OraculoGameCard_default,
+              {
+                imageUrl: `https://olimpo.bet${(_a = big.imageUrl) != null ? _a : ""}`,
+                size: "lg",
+                fillParent: true,
+                onClick: () => onClick == null ? void 0 : onClick(big, 0)
+              }
+            )
+          ),
+          smalls.map((it, index) => {
+            var _a2;
+            return /* @__PURE__ */ import_react8.default.createElement(
+              import_Box4.default,
+              {
+                key: it.id,
+                sx: {
+                  width: { xs: 104, md: 152 },
+                  height: { xs: 112, md: 168 },
+                  overflow: "hidden",
+                  borderRadius: 2
+                }
+              },
+              /* @__PURE__ */ import_react8.default.createElement(
+                OraculoGameCard_default,
                 {
-                  sx: {
-                    width: { xs: 184, md: 280 },
-                    height: { xs: 234, md: 352 },
-                    gridRow: "1 / span 2",
-                    overflow: "hidden",
-                    borderRadius: 2
-                  },
-                  children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-                    OraculoGameCard_default,
-                    {
-                      imageUrl: `https://olimpo.bet${(_a = big.imageUrl) != null ? _a : ""}`,
-                      size: "lg",
-                      fillParent: true,
-                      onClick: () => onClick == null ? void 0 : onClick(big, 0)
-                    }
-                  )
+                  imageUrl: `https://olimpo.bet${(_a2 = it.imageUrl) != null ? _a2 : ""}`,
+                  size: "sm",
+                  fillParent: true,
+                  onClick: () => onClick == null ? void 0 : onClick(it, index + 1)
                 }
-              ),
-              smalls.map((it, index) => {
-                var _a2;
-                return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-                  import_Box4.default,
-                  {
-                    sx: {
-                      width: { xs: 104, md: 152 },
-                      height: { xs: 112, md: 168 },
-                      overflow: "hidden",
-                      borderRadius: 2
-                    },
-                    children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-                      OraculoGameCard_default,
-                      {
-                        imageUrl: `https://olimpo.bet${(_a2 = it.imageUrl) != null ? _a2 : ""}`,
-                        size: "sm",
-                        fillParent: true,
-                        onClick: () => onClick == null ? void 0 : onClick(it, index + 1)
-                      }
-                    )
-                  },
-                  it.id
-                );
-              })
-            ]
-          }
+              )
+            );
+          })
         );
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      return /* @__PURE__ */ import_react8.default.createElement(
         import_Box4.default,
         {
           sx: {
@@ -686,30 +670,30 @@ var init_OraculoGameSlide = __esm({
             },
             gap: `${GAP}px`,
             gridAutoFlow: "column"
-          },
-          children: items.map((it, index) => {
-            var _a2, _b;
-            return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-              import_Box4.default,
+          }
+        },
+        items.map((it, index) => {
+          var _a2, _b;
+          return /* @__PURE__ */ import_react8.default.createElement(
+            import_Box4.default,
+            {
+              key: (_a2 = it.id) != null ? _a2 : index,
+              sx: {
+                overflow: "hidden",
+                borderRadius: 2
+              }
+            },
+            /* @__PURE__ */ import_react8.default.createElement(
+              OraculoGameCard_default,
               {
-                sx: {
-                  overflow: "hidden",
-                  borderRadius: 2
-                },
-                children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-                  OraculoGameCard_default,
-                  {
-                    imageUrl: `https://olimpo.bet${(_b = it.imageUrl) != null ? _b : ""}`,
-                    size: "sm",
-                    fillParent: true,
-                    onClick: () => onClick == null ? void 0 : onClick(it, index)
-                  }
-                )
-              },
-              (_a2 = it.id) != null ? _a2 : index
-            );
-          })
-        }
+                imageUrl: `https://olimpo.bet${(_b = it.imageUrl) != null ? _b : ""}`,
+                size: "sm",
+                fillParent: true,
+                onClick: () => onClick == null ? void 0 : onClick(it, index)
+              }
+            )
+          );
+        })
       );
     };
     OraculoGameSlide_default = OraculoGameSlide;
@@ -717,14 +701,14 @@ var init_OraculoGameSlide = __esm({
 });
 
 // src/molecules/OraculoWelcomeBanner/OraculoWelcomeBanner.tsx
-var import_Box5, import_Typography2, import_jsx_runtime9, OraculoWelcomeBanner, OraculoWelcomeBanner_default;
+var import_react9, import_Box5, import_Typography2, OraculoWelcomeBanner, OraculoWelcomeBanner_default;
 var init_OraculoWelcomeBanner = __esm({
   "src/molecules/OraculoWelcomeBanner/OraculoWelcomeBanner.tsx"() {
     "use strict";
+    import_react9 = __toESM(require("react"));
     import_Box5 = __toESM(require("@mui/material/Box"));
     import_Typography2 = __toESM(require("@mui/material/Typography"));
     init_OraculoButton2();
-    import_jsx_runtime9 = require("react/jsx-runtime");
     OraculoWelcomeBanner = ({
       title,
       amount,
@@ -739,7 +723,7 @@ var init_OraculoWelcomeBanner = __esm({
       const symbol = amount ? amount.slice(0, 2) : "";
       const value = amount ? amount.slice(2) : "";
       const isLarge = variant === "large";
-      return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+      return /* @__PURE__ */ import_react9.default.createElement(
         import_Box5.default,
         {
           className,
@@ -751,133 +735,127 @@ var init_OraculoWelcomeBanner = __esm({
               lg: isLarge ? 618 : 456
             },
             mx: "auto"
+          }
+        },
+        backgroundImage && /* @__PURE__ */ import_react9.default.createElement(
+          import_Box5.default,
+          {
+            sx: {
+              position: "relative",
+              width: "100%",
+              aspectRatio: {
+                xs: "328 / 188",
+                lg: isLarge ? "618 / 346" : "456 / 272"
+              },
+              borderRadius: "14px",
+              overflow: "hidden"
+            }
           },
-          children: [
-            backgroundImage && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-              import_Box5.default,
-              {
-                sx: {
-                  position: "relative",
-                  width: "100%",
-                  aspectRatio: {
-                    xs: "328 / 188",
-                    lg: isLarge ? "618 / 346" : "456 / 272"
-                  },
-                  borderRadius: "14px",
-                  overflow: "hidden"
+          /* @__PURE__ */ import_react9.default.createElement(
+            import_Box5.default,
+            {
+              component: "img",
+              src: backgroundImage,
+              alt: alt != null ? alt : "Fondo promocional",
+              sx: {
+                width: "100%",
+                height: "100%",
+                objectFit: "cover",
+                objectPosition: {
+                  xs: "50% 0%",
+                  lg: "45% 0%"
                 },
-                children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-                  import_Box5.default,
-                  {
-                    component: "img",
-                    src: backgroundImage,
-                    alt: alt != null ? alt : "Fondo promocional",
-                    sx: {
-                      width: "100%",
-                      height: "100%",
-                      objectFit: "cover",
-                      objectPosition: {
-                        xs: "50% 0%",
-                        lg: "45% 0%"
-                      },
-                      display: "block"
-                    }
-                  }
-                )
+                display: "block"
               }
+            }
+          )
+        ),
+        /* @__PURE__ */ import_react9.default.createElement(
+          import_Box5.default,
+          {
+            sx: {
+              position: "absolute",
+              inset: 0,
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "flex-end",
+              color: "#e7f8ff",
+              textAlign: "center",
+              pl: "14%",
+              pr: { xs: "14%", lg: "15%" }
+            }
+          },
+          /* @__PURE__ */ import_react9.default.createElement(
+            import_Box5.default,
+            {
+              sx: {
+                maxWidth: "60%",
+                display: "flex",
+                flexDirection: "column",
+                alignItems: "center"
+              }
+            },
+            title && /* @__PURE__ */ import_react9.default.createElement(
+              import_Typography2.default,
+              {
+                sx: {
+                  fontSize: { xs: 12, lg: 20 },
+                  fontWeight: 400,
+                  color: "#e7f8ff"
+                }
+              },
+              title
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+            amount && /* @__PURE__ */ import_react9.default.createElement(
               import_Box5.default,
               {
+                component: "p",
                 sx: {
-                  position: "absolute",
-                  inset: 0,
+                  fontFamily: '"secondary", sans-serif',
+                  lineHeight: { xs: 0.9, lg: 0.87 },
+                  m: "4px 0",
+                  background: "linear-gradient(175deg, #EDC421 -12.56%, #FFFABF 17.99%, #EDC421 49.74%)",
+                  WebkitBackgroundClip: "text",
+                  WebkitTextFillColor: "transparent",
+                  WebkitTextStroke: "0.5px #fff8c1",
+                  filter: "drop-shadow(0px 4px 0px #8D4406) drop-shadow(0px 4px 4px rgba(28, 28, 28, 0.4))",
                   display: "flex",
-                  alignItems: "center",
-                  justifyContent: "flex-end",
-                  color: "#e7f8ff",
-                  textAlign: "center",
-                  pl: "14%",
-                  pr: { xs: "14%", lg: "15%" }
+                  alignItems: "baseline",
+                  justifyContent: "center"
+                }
+              },
+              /* @__PURE__ */ import_react9.default.createElement(
+                import_Box5.default,
+                {
+                  component: "span",
+                  sx: { fontSize: { xs: 35, lg: 48 }, mr: 0.5 }
                 },
-                children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
-                  import_Box5.default,
-                  {
-                    sx: {
-                      maxWidth: "60%",
-                      display: "flex",
-                      flexDirection: "column",
-                      alignItems: "center"
-                    },
-                    children: [
-                      title && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-                        import_Typography2.default,
-                        {
-                          sx: {
-                            fontSize: { xs: 12, lg: 20 },
-                            fontWeight: 400,
-                            color: "#e7f8ff"
-                          },
-                          children: title
-                        }
-                      ),
-                      amount && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
-                        import_Box5.default,
-                        {
-                          component: "p",
-                          sx: {
-                            fontFamily: '"secondary", sans-serif',
-                            lineHeight: { xs: 0.9, lg: 0.87 },
-                            m: "4px 0",
-                            background: "linear-gradient(175deg, #EDC421 -12.56%, #FFFABF 17.99%, #EDC421 49.74%)",
-                            WebkitBackgroundClip: "text",
-                            WebkitTextFillColor: "transparent",
-                            WebkitTextStroke: "0.5px #fff8c1",
-                            filter: "drop-shadow(0px 4px 0px #8D4406) drop-shadow(0px 4px 4px rgba(28, 28, 28, 0.4))",
-                            display: "flex",
-                            alignItems: "baseline",
-                            justifyContent: "center"
-                          },
-                          children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-                              import_Box5.default,
-                              {
-                                component: "span",
-                                sx: { fontSize: { xs: 35, lg: 48 }, mr: 0.5 },
-                                children: symbol
-                              }
-                            ),
-                            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-                              import_Box5.default,
-                              {
-                                component: "span",
-                                sx: { fontSize: { xs: 52, lg: 77 } },
-                                children: value
-                              }
-                            )
-                          ]
-                        }
-                      ),
-                      subtitle && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-                        import_Typography2.default,
-                        {
-                          sx: {
-                            pb: "20px",
-                            fontSize: 14,
-                            fontWeight: 600,
-                            color: "#e7f8ff"
-                          },
-                          children: subtitle
-                        }
-                      ),
-                      buttonText && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(OraculoButton, { onClick: onButtonClick, children: buttonText })
-                    ]
-                  }
-                )
-              }
-            )
-          ]
-        }
+                symbol
+              ),
+              /* @__PURE__ */ import_react9.default.createElement(
+                import_Box5.default,
+                {
+                  component: "span",
+                  sx: { fontSize: { xs: 52, lg: 77 } }
+                },
+                value
+              )
+            ),
+            subtitle && /* @__PURE__ */ import_react9.default.createElement(
+              import_Typography2.default,
+              {
+                sx: {
+                  pb: "20px",
+                  fontSize: 14,
+                  fontWeight: 600,
+                  color: "#e7f8ff"
+                }
+              },
+              subtitle
+            ),
+            buttonText && /* @__PURE__ */ import_react9.default.createElement(OraculoButton, { onClick: onButtonClick }, buttonText)
+          )
+        )
       );
     };
     OraculoWelcomeBanner_default = OraculoWelcomeBanner;
@@ -892,13 +870,13 @@ var require_OraculoSeccionClubOlimpo = __commonJS({
 });
 
 // src/molecules/OraculoClubOlimpoVisual/OraculoClubOlimpoVisual.tsx
-var import_OraculoSeccionClubOlimpo, import_jsx_runtime10, OraculoClubOlimpoVisual, OraculoClubOlimpoVisual_default;
+var import_react10, import_OraculoSeccionClubOlimpo, OraculoClubOlimpoVisual, OraculoClubOlimpoVisual_default;
 var init_OraculoClubOlimpoVisual = __esm({
   "src/molecules/OraculoClubOlimpoVisual/OraculoClubOlimpoVisual.tsx"() {
     "use strict";
+    import_react10 = __toESM(require("react"));
     import_OraculoSeccionClubOlimpo = __toESM(require_OraculoSeccionClubOlimpo());
     init_OraculoButton2();
-    import_jsx_runtime10 = require("react/jsx-runtime");
     OraculoClubOlimpoVisual = ({
       text,
       buttonLabel = "Conoce m\xE1s",
@@ -908,42 +886,28 @@ var init_OraculoClubOlimpoVisual = __esm({
       imgSrcDesktopBg,
       imgSrcDesktopLogo
     }) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "orc-co-bgMobile", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-          "img",
-          {
-            src: imgSrcMobile,
-            alt: imgAlt,
-            className: "orc-co-bgMobileImg"
-          }
-        ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "orc-co-bgDesktop", children: [
-          imgSrcDesktopBg && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "orc-co-fillHost", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-            "img",
-            {
-              src: imgSrcDesktopBg,
-              alt: `${imgAlt} fondo`,
-              className: "orc-co-bgDesktopImg"
-            }
-          ) }),
-          imgSrcDesktopLogo && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "orc-co-logo", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-            "img",
-            {
-              src: imgSrcDesktopLogo,
-              alt: `${imgAlt} logo`,
-              className: "orc-co-logoImg"
-            }
-          ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "orc-co-desktopContent", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "orc-co-captionDesktop", children: text }),
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(OraculoButton, { onClick, variant: "primary", size: "md", children: buttonLabel })
-          ] })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "orc-co-bottom", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "orc-co-caption", children: text }),
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(OraculoButton, { onClick, variant: "primary", size: "md", children: buttonLabel })
-        ] })
-      ] });
+      return /* @__PURE__ */ import_react10.default.createElement(import_react10.default.Fragment, null, /* @__PURE__ */ import_react10.default.createElement("div", { className: "orc-co-bgMobile" }, /* @__PURE__ */ import_react10.default.createElement(
+        "img",
+        {
+          src: imgSrcMobile,
+          alt: imgAlt,
+          className: "orc-co-bgMobileImg"
+        }
+      )), /* @__PURE__ */ import_react10.default.createElement("div", { className: "orc-co-bgDesktop" }, imgSrcDesktopBg && /* @__PURE__ */ import_react10.default.createElement("div", { className: "orc-co-fillHost" }, /* @__PURE__ */ import_react10.default.createElement(
+        "img",
+        {
+          src: imgSrcDesktopBg,
+          alt: `${imgAlt} fondo`,
+          className: "orc-co-bgDesktopImg"
+        }
+      )), imgSrcDesktopLogo && /* @__PURE__ */ import_react10.default.createElement("div", { className: "orc-co-logo" }, /* @__PURE__ */ import_react10.default.createElement(
+        "img",
+        {
+          src: imgSrcDesktopLogo,
+          alt: `${imgAlt} logo`,
+          className: "orc-co-logoImg"
+        }
+      )), /* @__PURE__ */ import_react10.default.createElement("div", { className: "orc-co-desktopContent" }, /* @__PURE__ */ import_react10.default.createElement("p", { className: "orc-co-captionDesktop" }, text), /* @__PURE__ */ import_react10.default.createElement(OraculoButton, { onClick, variant: "primary", size: "md" }, buttonLabel))), /* @__PURE__ */ import_react10.default.createElement("div", { className: "orc-co-bottom" }, /* @__PURE__ */ import_react10.default.createElement("p", { className: "orc-co-caption" }, text), /* @__PURE__ */ import_react10.default.createElement(OraculoButton, { onClick, variant: "primary", size: "md" }, buttonLabel)));
     };
     OraculoClubOlimpoVisual_default = OraculoClubOlimpoVisual;
   }
@@ -960,28 +924,28 @@ var init_createSvgIcon = __esm({
 });
 
 // ../node_modules/@mui/icons-material/esm/ChevronLeftRounded.js
-var import_jsx_runtime11, ChevronLeftRounded_default;
+var import_jsx_runtime, ChevronLeftRounded_default;
 var init_ChevronLeftRounded = __esm({
   "../node_modules/@mui/icons-material/esm/ChevronLeftRounded.js"() {
     "use strict";
     "use client";
     init_createSvgIcon();
-    import_jsx_runtime11 = require("react/jsx-runtime");
-    ChevronLeftRounded_default = (0, import_utils.createSvgIcon)(/* @__PURE__ */ (0, import_jsx_runtime11.jsx)("path", {
+    import_jsx_runtime = require("react/jsx-runtime");
+    ChevronLeftRounded_default = (0, import_utils.createSvgIcon)(/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
       d: "M14.71 6.71a.996.996 0 0 0-1.41 0L8.71 11.3c-.39.39-.39 1.02 0 1.41l4.59 4.59c.39.39 1.02.39 1.41 0s.39-1.02 0-1.41L10.83 12l3.88-3.88c.39-.39.38-1.03 0-1.41"
     }), "ChevronLeftRounded");
   }
 });
 
 // ../node_modules/@mui/icons-material/esm/ChevronRightRounded.js
-var import_jsx_runtime12, ChevronRightRounded_default;
+var import_jsx_runtime2, ChevronRightRounded_default;
 var init_ChevronRightRounded = __esm({
   "../node_modules/@mui/icons-material/esm/ChevronRightRounded.js"() {
     "use strict";
     "use client";
     init_createSvgIcon();
-    import_jsx_runtime12 = require("react/jsx-runtime");
-    ChevronRightRounded_default = (0, import_utils.createSvgIcon)(/* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", {
+    import_jsx_runtime2 = require("react/jsx-runtime");
+    ChevronRightRounded_default = (0, import_utils.createSvgIcon)(/* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", {
       d: "M9.29 6.71c-.39.39-.39 1.02 0 1.41L13.17 12l-3.88 3.88c-.39.39-.39 1.02 0 1.41s1.02.39 1.41 0l4.59-4.59c.39-.39.39-1.02 0-1.41L10.7 6.7c-.38-.38-1.02-.38-1.41.01"
     }), "ChevronRightRounded");
   }
@@ -1008,8 +972,8 @@ function OraculoSeccionDestacados({
   onViewMore,
   className = ""
 }) {
-  const carouselRef = (0, import_react2.useRef)(null);
-  const [navState, setNavState] = (0, import_react2.useState)({ isStart: true, isEnd: false });
+  const carouselRef = (0, import_react11.useRef)(null);
+  const [navState, setNavState] = (0, import_react11.useState)({ isStart: true, isEnd: false });
   const handlePrev = () => {
     var _a;
     (_a = carouselRef.current) == null ? void 0 : _a.prev();
@@ -1023,98 +987,90 @@ function OraculoSeccionDestacados({
     onViewMore == null ? void 0 : onViewMore();
   };
   const sectionClassName = className || void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("section", { className: sectionClassName, style: { width: "100%" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
-      "header",
-      {
-        style: {
-          display: "grid",
-          gridTemplateColumns: "1fr auto auto",
-          alignItems: "center",
-          columnGap: 12,
-          rowGap: 8,
-          marginBottom: 16
-        },
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(OraculoSectionTitle, { title, iconUrl, size: "md" }),
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { style: { display: "flex", gap: 8 }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-              OraculoButton,
-              {
-                ariaLabel: "Anterior",
-                variant: "secondary",
-                iconOnly: true,
-                leftIcon: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ChevronLeftRounded_default, {}),
-                onClick: handlePrev,
-                disabled: navState.isStart
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-              OraculoButton,
-              {
-                ariaLabel: "Siguiente",
-                variant: "secondary",
-                iconOnly: true,
-                rightIcon: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ChevronRightRounded_default, {}),
-                onClick: handleNext,
-                disabled: navState.isEnd
-              }
-            )
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(OraculoButton, { variant: "secondary", onClick: handleViewMore, children: "Ver m\xE1s" })
-        ]
+  return /* @__PURE__ */ import_react12.default.createElement("section", { className: sectionClassName, style: { width: "100%" } }, /* @__PURE__ */ import_react12.default.createElement(
+    "header",
+    {
+      style: {
+        display: "grid",
+        gridTemplateColumns: "1fr auto auto",
+        alignItems: "center",
+        columnGap: 12,
+        rowGap: 8,
+        marginBottom: 16
       }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-      OraculoCarousel_default,
+    },
+    /* @__PURE__ */ import_react12.default.createElement(OraculoSectionTitle, { title, iconUrl, size: "md" }),
+    /* @__PURE__ */ import_react12.default.createElement("div", { style: { display: "flex", gap: 8 } }, /* @__PURE__ */ import_react12.default.createElement(
+      OraculoButton,
       {
-        ref: carouselRef,
-        items,
-        perPage: 3.395,
-        gap: "16px",
-        options: { autoWidth: false },
-        breakpoints: {
-          768: { perPage: 1.15, focus: "start" },
-          1024: { perPage: 2.5, focus: "start" }
+        ariaLabel: "Anterior",
+        variant: "secondary",
+        iconOnly: true,
+        leftIcon: /* @__PURE__ */ import_react12.default.createElement(ChevronLeftRounded_default, null),
+        onClick: handlePrev,
+        disabled: navState.isStart
+      }
+    ), /* @__PURE__ */ import_react12.default.createElement(
+      OraculoButton,
+      {
+        ariaLabel: "Siguiente",
+        variant: "secondary",
+        iconOnly: true,
+        rightIcon: /* @__PURE__ */ import_react12.default.createElement(ChevronRightRounded_default, null),
+        onClick: handleNext,
+        disabled: navState.isEnd
+      }
+    )),
+    /* @__PURE__ */ import_react12.default.createElement(OraculoButton, { variant: "secondary", onClick: handleViewMore }, "Ver m\xE1s")
+  ), /* @__PURE__ */ import_react12.default.createElement(
+    OraculoCarousel_default,
+    {
+      ref: carouselRef,
+      items,
+      perPage: 3.395,
+      gap: "16px",
+      options: { autoWidth: false },
+      breakpoints: {
+        768: { perPage: 1.15, focus: "start" },
+        1024: { perPage: 2.5, focus: "start" }
+      },
+      renderItem: (item) => /* @__PURE__ */ import_react12.default.createElement(
+        "div",
+        {
+          key: `${item.title}-${item.image}`,
+          style: {
+            textAlign: "center",
+            marginTop: 16
+          }
         },
-        renderItem: (item) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-          "div",
+        /* @__PURE__ */ import_react12.default.createElement(
+          "img",
           {
+            src: `https://olimpo.bet${item.image !== "" ? item.image : item.summary_image}`,
+            alt: item.title,
             style: {
-              textAlign: "center",
-              marginTop: 16
-            },
-            children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-              "img",
-              {
-                src: `https://olimpo.bet${item.image !== "" ? item.image : item.summary_image}`,
-                alt: item.title,
-                style: {
-                  width: "100%",
-                  // minHeight: "150px",
-                  // maxHeight: "150px",
-                  height: "150px",
-                  borderRadius: 8,
-                  display: "block"
-                }
-              }
-            )
-          },
-          `${item.title}-${item.image}`
-        ),
-        onMove: ({ isStart, isEnd }) => setNavState({ isStart, isEnd })
-      }
-    )
-  ] });
+              width: "100%",
+              // minHeight: "150px",
+              // maxHeight: "150px",
+              height: "150px",
+              borderRadius: 8,
+              display: "block"
+            }
+          }
+        )
+      ),
+      onMove: ({ isStart, isEnd }) => setNavState({ isStart, isEnd })
+    }
+  ));
 }
-var import_react2, import_jsx_runtime13;
+var import_react11, import_react12;
 var init_OraculoSeccionDestacados = __esm({
   "src/organisms/OraculoSeccionDestacados/OraculoSeccionDestacados.tsx"() {
     "use strict";
-    import_react2 = require("react");
+    import_react11 = require("react");
     init_esm();
     init_index();
-    import_jsx_runtime13 = require("react/jsx-runtime");
+    import_react12 = __toESM(require("react"));
   }
 });
 
@@ -1129,7 +1085,7 @@ function OraculoSeccionTopJuegos({
   iconUrl,
   onCardClick
 }) {
-  const normalizedItems = (0, import_react3.useMemo)(
+  const normalizedItems = (0, import_react13.useMemo)(
     () => items.map((item, index) => {
       var _a;
       return {
@@ -1144,47 +1100,43 @@ function OraculoSeccionTopJuegos({
     }),
     [items]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("section", { style: { width: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_Stack.default, { direction: "column", spacing: 2, useFlexGap: true, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(OraculoSectionTitle, { title, iconUrl, size: "md" }),
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-      import_Box6.default,
-      {
-        sx: {
-          display: "grid",
-          gridTemplateColumns: {
-            xs: "repeat(3, minmax(0, 1fr))",
-            md: "repeat(6, minmax(0, 1fr))"
-          },
-          gap: { xs: 1.5, md: 2 },
-          justifyItems: "center",
-          width: "100%"
+  return /* @__PURE__ */ import_react13.default.createElement("section", { style: { width: "100%" } }, /* @__PURE__ */ import_react13.default.createElement(import_Stack.default, { direction: "column", spacing: 2, useFlexGap: true }, /* @__PURE__ */ import_react13.default.createElement(OraculoSectionTitle, { title, iconUrl, size: "md" }), /* @__PURE__ */ import_react13.default.createElement(
+    import_Box6.default,
+    {
+      sx: {
+        display: "grid",
+        gridTemplateColumns: {
+          xs: "repeat(3, minmax(0, 1fr))",
+          md: "repeat(6, minmax(0, 1fr))"
         },
-        children: normalizedItems.slice(0, 6).map((juego) => {
-          var _a;
-          return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-            OraculoGameRankCard,
-            {
-              imageUrl: `https://olimpo.bet${(_a = juego.logo) != null ? _a : ""}`,
-              orden: juego.orden,
-              onClick: () => onCardClick == null ? void 0 : onCardClick(juego)
-            },
-            juego.machine
-          );
-        })
+        gap: { xs: 1.5, md: 2 },
+        justifyItems: "center",
+        width: "100%"
       }
-    )
-  ] }) });
+    },
+    normalizedItems.slice(0, 6).map((juego) => {
+      var _a;
+      return /* @__PURE__ */ import_react13.default.createElement(
+        OraculoGameRankCard,
+        {
+          key: juego.machine,
+          imageUrl: `https://olimpo.bet${(_a = juego.logo) != null ? _a : ""}`,
+          orden: juego.orden,
+          onClick: () => onCardClick == null ? void 0 : onCardClick(juego)
+        }
+      );
+    })
+  )));
 }
-var import_react3, import_Stack, import_Box6, import_jsx_runtime14;
+var import_react13, import_Stack, import_Box6;
 var init_OraculoSeccionTopJuegos = __esm({
   "src/organisms/OraculoSeccionTopJuegos/OraculoSeccionTopJuegos.tsx"() {
     "use strict";
-    import_react3 = require("react");
+    import_react13 = __toESM(require("react"));
     import_Stack = __toESM(require("@mui/material/Stack"));
     import_Box6 = __toESM(require("@mui/material/Box"));
     init_OraculoSectionTitle2();
     init_OraculoGameRankCard();
-    import_jsx_runtime14 = require("react/jsx-runtime");
   }
 });
 
@@ -1193,16 +1145,16 @@ var OraculoSeccionCasinoEnVivo_exports = {};
 __export(OraculoSeccionCasinoEnVivo_exports, {
   default: () => OraculoSeccionCasinoEnVivo_default
 });
-var import_Box7, import_Stack2, import_Typography3, import_jsx_runtime15, OraculoSeccionCasinoEnVivo, OraculoSeccionCasinoEnVivo_default;
+var import_react14, import_Box7, import_Stack2, import_Typography3, OraculoSeccionCasinoEnVivo, OraculoSeccionCasinoEnVivo_default;
 var init_OraculoSeccionCasinoEnVivo = __esm({
   "src/organisms/OraculoSeccionCasinoEnVivo/OraculoSeccionCasinoEnVivo.tsx"() {
     "use strict";
+    import_react14 = __toESM(require("react"));
     import_Box7 = __toESM(require("@mui/material/Box"));
     import_Stack2 = __toESM(require("@mui/material/Stack"));
     import_Typography3 = __toESM(require("@mui/material/Typography"));
     init_OraculoButton2();
     init_OraculoLiveCasinoCard();
-    import_jsx_runtime15 = require("react/jsx-runtime");
     OraculoSeccionCasinoEnVivo = ({
       items,
       title = "Casino en vivo",
@@ -1213,7 +1165,7 @@ var init_OraculoSeccionCasinoEnVivo = __esm({
       onViewMore,
       className
     }) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+      return /* @__PURE__ */ import_react14.default.createElement(
         import_Box7.default,
         {
           className,
@@ -1225,128 +1177,120 @@ var init_OraculoSeccionCasinoEnVivo = __esm({
             transform: "translateX(-50%)",
             color: "white",
             overflow: "hidden"
-          },
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-              import_Box7.default,
-              {
-                sx: {
-                  position: "absolute",
-                  inset: 0,
-                  backgroundImage: {
-                    xs: `
+          }
+        },
+        /* @__PURE__ */ import_react14.default.createElement(
+          import_Box7.default,
+          {
+            sx: {
+              position: "absolute",
+              inset: 0,
+              backgroundImage: {
+                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('${backgroundMobileUrl}')
             `,
-                    md: `
+                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('${backgroundDesktopUrl}')
             `
-                  },
-                  backgroundSize: "cover",
-                  backgroundPosition: "center",
-                  backgroundRepeat: "no-repeat",
-                  zIndex: 0
-                }
+              },
+              backgroundSize: "cover",
+              backgroundPosition: "center",
+              backgroundRepeat: "no-repeat",
+              zIndex: 0
+            }
+          }
+        ),
+        /* @__PURE__ */ import_react14.default.createElement(
+          import_Box7.default,
+          {
+            sx: {
+              position: "relative",
+              zIndex: 1,
+              maxWidth: 1200,
+              height: { xs: "450px", md: "550px" },
+              mx: "auto",
+              px: { xs: 2.5, md: 6 },
+              display: "flex",
+              flexDirection: { xs: "column", md: "row" },
+              alignItems: { xs: "center", md: "center" },
+              justifyContent: "center",
+              gap: { xs: 0, md: 15 },
+              textAlign: { xs: "center", md: "left" }
+            }
+          },
+          /* @__PURE__ */ import_react14.default.createElement(import_Stack2.default, { spacing: 3, sx: { maxWidth: { md: 280 } } }, /* @__PURE__ */ import_react14.default.createElement(
+            import_Typography3.default,
+            {
+              variant: "h4",
+              sx: {
+                fontWeight: 800,
+                fontSize: { xs: 24, md: 40 },
+                WebkitTextStroke: "0.5px rgba(255, 255, 255, .5)",
+                textShadow: "0 0 2px rgba(255, 255, 255, .95),0 0 4px rgba(255, 255, 255, .6),0 1px 0 #898989"
               }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
-              import_Box7.default,
-              {
-                sx: {
-                  position: "relative",
-                  zIndex: 1,
-                  maxWidth: 1200,
-                  height: { xs: "450px", md: "550px" },
-                  mx: "auto",
-                  px: { xs: 2.5, md: 6 },
-                  display: "flex",
-                  flexDirection: { xs: "column", md: "row" },
-                  alignItems: { xs: "center", md: "center" },
-                  justifyContent: "center",
-                  gap: { xs: 0, md: 15 },
-                  textAlign: { xs: "center", md: "left" }
-                },
-                children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_Stack2.default, { spacing: 3, sx: { maxWidth: { md: 280 } }, children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-                      import_Typography3.default,
-                      {
-                        variant: "h4",
-                        sx: {
-                          fontWeight: 800,
-                          fontSize: { xs: 24, md: 40 },
-                          WebkitTextStroke: "0.5px rgba(255, 255, 255, .5)",
-                          textShadow: "0 0 2px rgba(255, 255, 255, .95),0 0 4px rgba(255, 255, 255, .6),0 1px 0 #898989"
-                        },
-                        children: title
-                      }
-                    ),
-                    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-                      import_Typography3.default,
-                      {
-                        sx: {
-                          fontSize: { xs: 14, md: 18 },
-                          color: "rgba(255,255,255,0.9)",
-                          marginX: { xs: 4, md: 0 },
-                          lineHeight: 1.5
-                        },
-                        children: subtitle
-                      }
-                    ),
-                    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_Box7.default, { sx: { display: { xs: "none", md: "block" } }, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-                      OraculoButton,
-                      {
-                        variant: "primary",
-                        size: "md",
-                        onClick: () => onViewMore == null ? void 0 : onViewMore(),
-                        children: "Ver m\xE1s"
-                      }
-                    ) })
-                  ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-                    import_Box7.default,
-                    {
-                      sx: {
-                        display: "flex",
-                        gap: { xs: 2, md: 3 },
-                        justifyContent: "center",
-                        overflowX: { xs: "auto", md: "visible" },
-                        py: { xs: 3, md: 0 },
-                        alignItems: "center"
-                      },
-                      children: (items != null ? items : []).slice(0, 3).map((juego, idx) => {
-                        var _a, _b;
-                        return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-                          OraculoLiveCasinoCard_default,
-                          {
-                            logo: `https://olimpo.bet${(_b = juego.logo) != null ? _b : ""}`,
-                            provider: juego.provider,
-                            providerName: juego.web_name,
-                            machine: juego.machine,
-                            onClick: () => onCardClick == null ? void 0 : onCardClick(juego, idx)
-                          },
-                          (_a = juego.orden) != null ? _a : idx
-                        );
-                      })
-                    }
-                  ),
-                  /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_Box7.default, { sx: { display: { xs: "block", md: "none" } }, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-                    OraculoButton,
-                    {
-                      variant: "primary",
-                      size: "lg",
-                      onClick: () => onViewMore == null ? void 0 : onViewMore(),
-                      children: "Ver m\xE1s"
-                    }
-                  ) })
-                ]
+            },
+            title
+          ), /* @__PURE__ */ import_react14.default.createElement(
+            import_Typography3.default,
+            {
+              sx: {
+                fontSize: { xs: 14, md: 18 },
+                color: "rgba(255,255,255,0.9)",
+                marginX: { xs: 4, md: 0 },
+                lineHeight: 1.5
               }
-            )
-          ]
-        }
+            },
+            subtitle
+          ), /* @__PURE__ */ import_react14.default.createElement(import_Box7.default, { sx: { display: { xs: "none", md: "block" } } }, /* @__PURE__ */ import_react14.default.createElement(
+            OraculoButton,
+            {
+              variant: "primary",
+              size: "md",
+              onClick: () => onViewMore == null ? void 0 : onViewMore()
+            },
+            "Ver m\xE1s"
+          ))),
+          /* @__PURE__ */ import_react14.default.createElement(
+            import_Box7.default,
+            {
+              sx: {
+                display: "flex",
+                gap: { xs: 2, md: 3 },
+                justifyContent: "center",
+                overflowX: { xs: "auto", md: "visible" },
+                py: { xs: 3, md: 0 },
+                alignItems: "center"
+              }
+            },
+            (items != null ? items : []).slice(0, 3).map((juego, idx) => {
+              var _a, _b;
+              return /* @__PURE__ */ import_react14.default.createElement(
+                OraculoLiveCasinoCard_default,
+                {
+                  key: (_a = juego.orden) != null ? _a : idx,
+                  logo: `https://olimpo.bet${(_b = juego.logo) != null ? _b : ""}`,
+                  provider: juego.provider,
+                  providerName: juego.web_name,
+                  machine: juego.machine,
+                  onClick: () => onCardClick == null ? void 0 : onCardClick(juego, idx)
+                }
+              );
+            })
+          ),
+          /* @__PURE__ */ import_react14.default.createElement(import_Box7.default, { sx: { display: { xs: "block", md: "none" } } }, /* @__PURE__ */ import_react14.default.createElement(
+            OraculoButton,
+            {
+              variant: "primary",
+              size: "lg",
+              onClick: () => onViewMore == null ? void 0 : onViewMore()
+            },
+            "Ver m\xE1s"
+          ))
+        )
       );
     };
     OraculoSeccionCasinoEnVivo_default = OraculoSeccionCasinoEnVivo;
@@ -1358,11 +1302,11 @@ var OraculoSeccionCasino_exports = {};
 __export(OraculoSeccionCasino_exports, {
   default: () => OraculoSeccionCasino_default
 });
-var import_react4, import_Stack3, import_Box8, import_jsx_runtime16, buildCasinoSlides, OraculoSeccionCasino, OraculoSeccionCasino_default;
+var import_react15, import_Stack3, import_Box8, buildCasinoSlides, OraculoSeccionCasino, OraculoSeccionCasino_default;
 var init_OraculoSeccionCasino = __esm({
   "src/organisms/OraculoSeccionCasino/OraculoSeccionCasino.tsx"() {
     "use strict";
-    import_react4 = require("react");
+    import_react15 = __toESM(require("react"));
     import_Stack3 = __toESM(require("@mui/material/Stack"));
     import_Box8 = __toESM(require("@mui/material/Box"));
     init_ChevronLeftRounded();
@@ -1371,7 +1315,6 @@ var init_OraculoSeccionCasino = __esm({
     init_OraculoButton2();
     init_OraculoCarousel();
     init_OraculoGameSlide();
-    import_jsx_runtime16 = require("react/jsx-runtime");
     buildCasinoSlides = (games, mosaicFirst = true, gridSize = 4) => {
       const baseItems = games.map((g, idx) => {
         var _a, _b, _c;
@@ -1412,8 +1355,8 @@ var init_OraculoSeccionCasino = __esm({
       mosaicFirst = true,
       gridSize = 4
     }) => {
-      const carouselRef = (0, import_react4.useRef)(null);
-      const [navState, setNavState] = (0, import_react4.useState)({ isStart: true, isEnd: false });
+      const carouselRef = (0, import_react15.useRef)(null);
+      const [navState, setNavState] = (0, import_react15.useState)({ isStart: true, isEnd: false });
       const slides = buildCasinoSlides(items, mosaicFirst, gridSize);
       const handlePrev = () => {
         var _a;
@@ -1426,100 +1369,93 @@ var init_OraculoSeccionCasino = __esm({
       const handleViewMore = () => {
         onViewMore == null ? void 0 : onViewMore();
       };
-      return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_Stack3.default, { direction: "column", spacing: 2, useFlexGap: true, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
-          import_Box8.default,
+      return /* @__PURE__ */ import_react15.default.createElement("section", null, /* @__PURE__ */ import_react15.default.createElement(import_Stack3.default, { direction: "column", spacing: 2, useFlexGap: true }, /* @__PURE__ */ import_react15.default.createElement(
+        import_Box8.default,
+        {
+          sx: {
+            display: "grid",
+            gridTemplateColumns: "1fr auto auto",
+            alignItems: "center",
+            columnGap: 1.5,
+            rowGap: 1
+          }
+        },
+        /* @__PURE__ */ import_react15.default.createElement(
+          OraculoSectionTitle,
           {
-            sx: {
-              display: "grid",
-              gridTemplateColumns: "1fr auto auto",
-              alignItems: "center",
-              columnGap: 1.5,
-              rowGap: 1
-            },
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-                OraculoSectionTitle,
-                {
-                  title,
-                  iconUrl,
-                  size: "md"
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
-                import_Box8.default,
-                {
-                  sx: {
-                    display: "flex",
-                    gap: 1,
-                    justifyContent: "flex-end"
-                  },
-                  children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-                      OraculoButton,
-                      {
-                        ariaLabel: "Anterior",
-                        variant: "secondary",
-                        iconOnly: true,
-                        leftIcon: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ChevronLeftRounded_default, {}),
-                        onClick: handlePrev,
-                        disabled: navState.isStart
-                      }
-                    ),
-                    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-                      OraculoButton,
-                      {
-                        ariaLabel: "Siguiente",
-                        variant: "secondary",
-                        iconOnly: true,
-                        rightIcon: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ChevronRightRounded_default, {}),
-                        onClick: handleNext,
-                        disabled: navState.isEnd
-                      }
-                    )
-                  ]
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_Box8.default, { sx: { justifySelf: "end" }, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(OraculoButton, { variant: "secondary", onClick: handleViewMore, children: "Ver m\xE1s" }) })
-            ]
+            title,
+            iconUrl,
+            size: "md"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-          OraculoCarousel_default,
+        /* @__PURE__ */ import_react15.default.createElement(
+          import_Box8.default,
           {
-            ref: carouselRef,
-            items: slides,
-            perPage: 1,
-            gap: "0px",
-            options: {
-              autoWidth: true,
-              gap: "12px",
-              trimSpace: false,
-              pagination: false,
-              arrows: false,
-              drag: true,
-              focus: "start"
-            },
-            renderItem: (slide) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { style: { alignSelf: "start" }, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-              OraculoGameSlide_default,
-              {
-                items: slide.items,
-                layout: slide.kind === "mosaic" ? "mosaic" : "grid",
-                onClick: (itm) => {
-                  const game = items.find(
-                    (g, idx) => {
-                      var _a;
-                      return ((_a = g.orden) != null ? _a : idx) === itm.id;
-                    }
-                  );
-                  if (game) onItemClick == null ? void 0 : onItemClick(game);
-                }
+            sx: {
+              display: "flex",
+              gap: 1,
+              justifyContent: "flex-end"
+            }
+          },
+          /* @__PURE__ */ import_react15.default.createElement(
+            OraculoButton,
+            {
+              ariaLabel: "Anterior",
+              variant: "secondary",
+              iconOnly: true,
+              leftIcon: /* @__PURE__ */ import_react15.default.createElement(ChevronLeftRounded_default, null),
+              onClick: handlePrev,
+              disabled: navState.isStart
+            }
+          ),
+          /* @__PURE__ */ import_react15.default.createElement(
+            OraculoButton,
+            {
+              ariaLabel: "Siguiente",
+              variant: "secondary",
+              iconOnly: true,
+              rightIcon: /* @__PURE__ */ import_react15.default.createElement(ChevronRightRounded_default, null),
+              onClick: handleNext,
+              disabled: navState.isEnd
+            }
+          )
+        ),
+        /* @__PURE__ */ import_react15.default.createElement(import_Box8.default, { sx: { justifySelf: "end" } }, /* @__PURE__ */ import_react15.default.createElement(OraculoButton, { variant: "secondary", onClick: handleViewMore }, "Ver m\xE1s"))
+      ), /* @__PURE__ */ import_react15.default.createElement(
+        OraculoCarousel_default,
+        {
+          ref: carouselRef,
+          items: slides,
+          perPage: 1,
+          gap: "0px",
+          options: {
+            autoWidth: true,
+            gap: "12px",
+            trimSpace: false,
+            pagination: false,
+            arrows: false,
+            drag: true,
+            focus: "start"
+          },
+          renderItem: (slide) => /* @__PURE__ */ import_react15.default.createElement("div", { style: { alignSelf: "start" } }, /* @__PURE__ */ import_react15.default.createElement(
+            OraculoGameSlide_default,
+            {
+              items: slide.items,
+              layout: slide.kind === "mosaic" ? "mosaic" : "grid",
+              onClick: (itm) => {
+                const game = items.find(
+                  (g, idx) => {
+                    var _a;
+                    return ((_a = g.orden) != null ? _a : idx) === itm.id;
+                  }
+                );
+                if (game) onItemClick == null ? void 0 : onItemClick(game);
               }
-            ) }),
-            onMove: ({ isStart, isEnd }) => setNavState({ isStart, isEnd })
-          }
-        )
-      ] }) });
+            }
+          )),
+          onMove: ({ isStart, isEnd }) => setNavState({ isStart, isEnd })
+        }
+      )));
     };
     OraculoSeccionCasino_default = OraculoSeccionCasino;
   }
@@ -1530,11 +1466,11 @@ var OraculoSeccionVirtuales_exports = {};
 __export(OraculoSeccionVirtuales_exports, {
   default: () => OraculoSeccionVirtuales_default
 });
-var import_react5, import_Stack4, import_Box9, import_jsx_runtime17, buildVirtualSlides, OraculoSeccionVirtuales, OraculoSeccionVirtuales_default;
+var import_react16, import_Stack4, import_Box9, buildVirtualSlides, OraculoSeccionVirtuales, OraculoSeccionVirtuales_default;
 var init_OraculoSeccionVirtuales = __esm({
   "src/organisms/OraculoSeccionVirtuales/OraculoSeccionVirtuales.tsx"() {
     "use strict";
-    import_react5 = require("react");
+    import_react16 = __toESM(require("react"));
     import_Stack4 = __toESM(require("@mui/material/Stack"));
     import_Box9 = __toESM(require("@mui/material/Box"));
     init_ChevronLeftRounded();
@@ -1543,7 +1479,6 @@ var init_OraculoSeccionVirtuales = __esm({
     init_OraculoButton2();
     init_OraculoCarousel();
     init_OraculoGameSlide();
-    import_jsx_runtime17 = require("react/jsx-runtime");
     buildVirtualSlides = (games, mosaicFirst = true, gridSize = 4) => {
       const baseItems = games.map((g, idx) => {
         var _a, _b;
@@ -1584,8 +1519,8 @@ var init_OraculoSeccionVirtuales = __esm({
       mosaicFirst = true,
       gridSize = 4
     }) => {
-      const carouselRef = (0, import_react5.useRef)(null);
-      const [navState, setNavState] = (0, import_react5.useState)({ isStart: true, isEnd: false });
+      const carouselRef = (0, import_react16.useRef)(null);
+      const [navState, setNavState] = (0, import_react16.useState)({ isStart: true, isEnd: false });
       const slides = buildVirtualSlides(items, mosaicFirst, gridSize);
       const handlePrev = () => {
         var _a;
@@ -1598,101 +1533,94 @@ var init_OraculoSeccionVirtuales = __esm({
       const handleViewMore = () => {
         onViewMore == null ? void 0 : onViewMore();
       };
-      return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_Stack4.default, { direction: "column", spacing: 2, useFlexGap: true, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
-          import_Box9.default,
+      return /* @__PURE__ */ import_react16.default.createElement("section", null, /* @__PURE__ */ import_react16.default.createElement(import_Stack4.default, { direction: "column", spacing: 2, useFlexGap: true }, /* @__PURE__ */ import_react16.default.createElement(
+        import_Box9.default,
+        {
+          sx: {
+            display: "grid",
+            gridTemplateColumns: "1fr auto auto",
+            alignItems: "center",
+            columnGap: 1.5,
+            rowGap: 1
+          }
+        },
+        /* @__PURE__ */ import_react16.default.createElement(
+          OraculoSectionTitle,
           {
-            sx: {
-              display: "grid",
-              gridTemplateColumns: "1fr auto auto",
-              alignItems: "center",
-              columnGap: 1.5,
-              rowGap: 1
-            },
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-                OraculoSectionTitle,
-                {
-                  title,
-                  iconUrl,
-                  size: "md"
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
-                import_Box9.default,
-                {
-                  sx: {
-                    display: "flex",
-                    gap: 1,
-                    justifyContent: "flex-end"
-                  },
-                  children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-                      OraculoButton,
-                      {
-                        ariaLabel: "Anterior",
-                        variant: "secondary",
-                        iconOnly: true,
-                        leftIcon: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ChevronLeftRounded_default, {}),
-                        onClick: handlePrev,
-                        disabled: navState.isStart
-                      }
-                    ),
-                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-                      OraculoButton,
-                      {
-                        ariaLabel: "Siguiente",
-                        variant: "secondary",
-                        iconOnly: true,
-                        rightIcon: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ChevronRightRounded_default, {}),
-                        onClick: handleNext,
-                        disabled: navState.isEnd
-                      }
-                    )
-                  ]
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_Box9.default, { sx: { justifySelf: "end" }, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(OraculoButton, { variant: "secondary", onClick: handleViewMore, children: "Ver m\xE1s" }) })
-            ]
+            title,
+            iconUrl,
+            size: "md"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-          OraculoCarousel_default,
+        /* @__PURE__ */ import_react16.default.createElement(
+          import_Box9.default,
           {
-            ref: carouselRef,
-            items: slides,
-            perPage: 1,
-            gap: "0",
-            options: {
-              autoWidth: true,
-              gap: "12px",
-              trimSpace: false,
-              pagination: false,
-              arrows: false,
-              drag: true,
-              focus: "start",
-              perMove: 1
-            },
-            renderItem: (slide) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { style: { alignSelf: "start" }, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-              OraculoGameSlide_default,
-              {
-                items: slide.items,
-                layout: slide.kind === "mosaic" ? "mosaic" : "grid",
-                onClick: (itm) => {
-                  const game = items.find(
-                    (g, idx) => {
-                      var _a;
-                      return ((_a = g.orden) != null ? _a : idx) === itm.id;
-                    }
-                  );
-                  if (game) onItemClick == null ? void 0 : onItemClick(game);
-                }
+            sx: {
+              display: "flex",
+              gap: 1,
+              justifyContent: "flex-end"
+            }
+          },
+          /* @__PURE__ */ import_react16.default.createElement(
+            OraculoButton,
+            {
+              ariaLabel: "Anterior",
+              variant: "secondary",
+              iconOnly: true,
+              leftIcon: /* @__PURE__ */ import_react16.default.createElement(ChevronLeftRounded_default, null),
+              onClick: handlePrev,
+              disabled: navState.isStart
+            }
+          ),
+          /* @__PURE__ */ import_react16.default.createElement(
+            OraculoButton,
+            {
+              ariaLabel: "Siguiente",
+              variant: "secondary",
+              iconOnly: true,
+              rightIcon: /* @__PURE__ */ import_react16.default.createElement(ChevronRightRounded_default, null),
+              onClick: handleNext,
+              disabled: navState.isEnd
+            }
+          )
+        ),
+        /* @__PURE__ */ import_react16.default.createElement(import_Box9.default, { sx: { justifySelf: "end" } }, /* @__PURE__ */ import_react16.default.createElement(OraculoButton, { variant: "secondary", onClick: handleViewMore }, "Ver m\xE1s"))
+      ), /* @__PURE__ */ import_react16.default.createElement(
+        OraculoCarousel_default,
+        {
+          ref: carouselRef,
+          items: slides,
+          perPage: 1,
+          gap: "0",
+          options: {
+            autoWidth: true,
+            gap: "12px",
+            trimSpace: false,
+            pagination: false,
+            arrows: false,
+            drag: true,
+            focus: "start",
+            perMove: 1
+          },
+          renderItem: (slide) => /* @__PURE__ */ import_react16.default.createElement("div", { style: { alignSelf: "start" } }, /* @__PURE__ */ import_react16.default.createElement(
+            OraculoGameSlide_default,
+            {
+              items: slide.items,
+              layout: slide.kind === "mosaic" ? "mosaic" : "grid",
+              onClick: (itm) => {
+                const game = items.find(
+                  (g, idx) => {
+                    var _a;
+                    return ((_a = g.orden) != null ? _a : idx) === itm.id;
+                  }
+                );
+                if (game) onItemClick == null ? void 0 : onItemClick(game);
               }
-            ) }),
-            onMove: ({ isStart, isEnd }) => setNavState({ isStart, isEnd })
-          }
-        )
-      ] }) });
+            }
+          )),
+          onMove: ({ isStart, isEnd }) => setNavState({ isStart, isEnd })
+        }
+      )));
     };
     OraculoSeccionVirtuales_default = OraculoSeccionVirtuales;
   }
@@ -1703,18 +1631,17 @@ var OraculoSeccionBonoBienvenida_exports = {};
 __export(OraculoSeccionBonoBienvenida_exports, {
   default: () => OraculoSeccionBonoBienvenida_default
 });
-var import_react6, import_Box10, import_Typography4, import_useMediaQuery, import_jsx_runtime18, buildSectionSx, headlineBaseSx, hlTopSx, hlBottomSx, OraculoSeccionBonoBienvenida, OraculoSeccionBonoBienvenida_default;
+var import_react17, import_Box10, import_Typography4, import_useMediaQuery, buildSectionSx, headlineBaseSx, hlTopSx, hlBottomSx, OraculoSeccionBonoBienvenida, OraculoSeccionBonoBienvenida_default;
 var init_OraculoSeccionBonoBienvenida = __esm({
   "src/organisms/OraculoSeccionBonoBienvenida/OraculoSeccionBonoBienvenida.tsx"() {
     "use strict";
-    import_react6 = require("react");
+    import_react17 = __toESM(require("react"));
     import_Box10 = __toESM(require("@mui/material/Box"));
     import_Typography4 = __toESM(require("@mui/material/Typography"));
     import_useMediaQuery = __toESM(require("@mui/material/useMediaQuery"));
     init_OraculoCarousel();
     init_OraculoWelcomeBanner();
     init_OraculoCarouselDots2();
-    import_jsx_runtime18 = require("react/jsx-runtime");
     buildSectionSx = (bgUrl) => ({
       width: "100vw",
       position: "relative",
@@ -1766,74 +1693,63 @@ var init_OraculoSeccionBonoBienvenida = __esm({
       const showDots = items.length > 1;
       const bgUrl = backgroundImageUrl != null ? backgroundImageUrl : "/assets/img/home/BonoBienvenida/Fondobg.png";
       const sectionSx = buildSectionSx(bgUrl);
-      const carouselRef = (0, import_react6.useRef)(null);
-      const [navState, setNavState] = (0, import_react6.useState)({ isStart: true, isEnd: false });
-      const [activeIndex, setActiveIndex] = (0, import_react6.useState)(0);
+      const carouselRef = (0, import_react17.useRef)(null);
+      const [navState, setNavState] = (0, import_react17.useState)({ isStart: true, isEnd: false });
+      const [activeIndex, setActiveIndex] = (0, import_react17.useState)(0);
       if (isMobile) {
-        return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+        return /* @__PURE__ */ import_react17.default.createElement(
           import_Box10.default,
           {
             component: "section",
             sx: {
               ...sectionSx,
               textAlign: "center"
-            },
-            children: [
-              (hl1 || hl2) && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_Box10.default, { sx: headlineBaseSx, children: [
-                hl1 && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_Typography4.default, { component: "span", sx: hlTopSx, children: hl1 }),
-                hl2 && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("br", {}),
-                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_Typography4.default, { component: "span", sx: hlBottomSx, children: hl2 })
-                ] })
-              ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_Box10.default, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-                  OraculoCarousel_default,
-                  {
-                    ref: carouselRef,
-                    items,
-                    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: false
-                    },
-                    renderItem: (it) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(OraculoWelcomeBanner_default, { ...it, onButtonClick: items[0].onButtonClick }),
-                    onMove: ({ index, isStart, isEnd }) => {
-                      setNavState({ isStart, isEnd });
-                      setActiveIndex(index);
-                    }
-                  }
-                ),
-                showDots && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-                  OraculoCarouselDots_default,
-                  {
-                    total: items.length,
-                    active: activeIndex,
-                    onSelect: (i) => {
-                      var _a;
-                      setActiveIndex(i);
-                      (_a = carouselRef.current) == null ? void 0 : _a.go(i);
-                    }
-                  }
-                )
-              ] })
-            ]
-          }
+            }
+          },
+          (hl1 || hl2) && /* @__PURE__ */ import_react17.default.createElement(import_Box10.default, { sx: headlineBaseSx }, hl1 && /* @__PURE__ */ import_react17.default.createElement(import_Typography4.default, { component: "span", sx: hlTopSx }, hl1), hl2 && /* @__PURE__ */ import_react17.default.createElement(import_react17.default.Fragment, null, /* @__PURE__ */ import_react17.default.createElement("br", null), /* @__PURE__ */ import_react17.default.createElement(import_Typography4.default, { component: "span", sx: hlBottomSx }, hl2))),
+          /* @__PURE__ */ import_react17.default.createElement(import_Box10.default, null, /* @__PURE__ */ import_react17.default.createElement(
+            OraculoCarousel_default,
+            {
+              ref: carouselRef,
+              items,
+              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: false
+              },
+              renderItem: (it) => /* @__PURE__ */ import_react17.default.createElement(OraculoWelcomeBanner_default, { ...it, onButtonClick: items[0].onButtonClick }),
+              onMove: ({ index, isStart, isEnd }) => {
+                setNavState({ isStart, isEnd });
+                setActiveIndex(index);
+              }
+            }
+          ), showDots && /* @__PURE__ */ import_react17.default.createElement(
+            OraculoCarouselDots_default,
+            {
+              total: items.length,
+              active: activeIndex,
+              onSelect: (i) => {
+                var _a;
+                setActiveIndex(i);
+                (_a = carouselRef.current) == null ? void 0 : _a.go(i);
+              }
+            }
+          ))
         );
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_Box10.default, { component: "section", sx: sectionSx, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+      return /* @__PURE__ */ import_react17.default.createElement(import_Box10.default, { component: "section", sx: sectionSx }, /* @__PURE__ */ import_react17.default.createElement(
         import_Box10.default,
         {
           sx: {
@@ -1843,59 +1759,52 @@ var init_OraculoSeccionBonoBienvenida = __esm({
             display: "grid",
             gridTemplateColumns: "200px auto",
             alignItems: "center"
+          }
+        },
+        (hl1 || hl2) && /* @__PURE__ */ import_react17.default.createElement(
+          import_Box10.default,
+          {
+            sx: {
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "flex-start",
+              minHeight: "100%"
+            }
           },
-          children: [
-            (hl1 || hl2) && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-              import_Box10.default,
-              {
-                sx: {
-                  display: "flex",
-                  alignItems: "center",
-                  justifyContent: "flex-start",
-                  minHeight: "100%"
-                },
-                children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
-                  import_Box10.default,
-                  {
-                    sx: {
-                      ...headlineBaseSx,
-                      textAlign: "left",
-                      mb: 0
-                    },
-                    children: [
-                      hl1 && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_Typography4.default, { component: "span", sx: hlTopSx, children: hl1 }),
-                      hl2 && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("br", {}),
-                        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_Typography4.default, { component: "span", sx: hlBottomSx, children: hl2 })
-                      ] })
-                    ]
-                  }
-                )
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-              import_Box10.default,
-              {
-                sx: {
-                  display: "flex",
-                  justifyContent: "center",
-                  alignItems: "center",
-                  flexWrap: "nowrap",
-                  gap: 4
-                },
-                children: items.map((it, idx) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-                  OraculoWelcomeBanner_default,
-                  {
-                    onButtonClick: it.onButtonClick,
-                    ...it
-                  },
-                  idx
-                ))
+          /* @__PURE__ */ import_react17.default.createElement(
+            import_Box10.default,
+            {
+              sx: {
+                ...headlineBaseSx,
+                textAlign: "left",
+                mb: 0
               }
-            )
-          ]
-        }
-      ) });
+            },
+            hl1 && /* @__PURE__ */ import_react17.default.createElement(import_Typography4.default, { component: "span", sx: hlTopSx }, hl1),
+            hl2 && /* @__PURE__ */ import_react17.default.createElement(import_react17.default.Fragment, null, /* @__PURE__ */ import_react17.default.createElement("br", null), /* @__PURE__ */ import_react17.default.createElement(import_Typography4.default, { component: "span", sx: hlBottomSx }, hl2))
+          )
+        ),
+        /* @__PURE__ */ import_react17.default.createElement(
+          import_Box10.default,
+          {
+            sx: {
+              display: "flex",
+              justifyContent: "center",
+              alignItems: "center",
+              flexWrap: "nowrap",
+              gap: 4
+            }
+          },
+          items.map((it, idx) => /* @__PURE__ */ import_react17.default.createElement(
+            OraculoWelcomeBanner_default,
+            {
+              key: idx,
+              onButtonClick: it.onButtonClick,
+              ...it
+            }
+          ))
+        )
+      ));
     };
     OraculoSeccionBonoBienvenida_default = OraculoSeccionBonoBienvenida;
   }
@@ -1906,14 +1815,13 @@ var OraculoSeccionClubOlimpo_exports = {};
 __export(OraculoSeccionClubOlimpo_exports, {
   default: () => OraculoSeccionClubOlimpo_default
 });
-var import_react7, import_OraculoSeccionClubOlimpo2, import_jsx_runtime19, OraculoSeccionClubOlimpo, OraculoSeccionClubOlimpo_default;
+var import_react18, import_OraculoSeccionClubOlimpo2, OraculoSeccionClubOlimpo, OraculoSeccionClubOlimpo_default;
 var init_OraculoSeccionClubOlimpo = __esm({
   "src/organisms/OraculoSeccionClubOlimpo/OraculoSeccionClubOlimpo.tsx"() {
     "use strict";
-    import_react7 = require("react");
+    import_react18 = __toESM(require("react"));
     import_OraculoSeccionClubOlimpo2 = __toESM(require_OraculoSeccionClubOlimpo());
     init_OraculoClubOlimpoVisual();
-    import_jsx_runtime19 = require("react/jsx-runtime");
     OraculoSeccionClubOlimpo = ({
       className = "",
       fullBleed = true,
@@ -1921,12 +1829,12 @@ var init_OraculoSeccionClubOlimpo = __esm({
       selectedIndex = 0,
       ariaLabel
     }) => {
-      const rootRef = (0, import_react7.useRef)(null);
-      const bottomRef = (0, import_react7.useRef)(null);
+      const rootRef = (0, import_react18.useRef)(null);
+      const bottomRef = (0, import_react18.useRef)(null);
       if (!items) return null;
       const safeIndex = Math.min(Math.max(selectedIndex, 0), 1);
       const item = items;
-      (0, import_react7.useLayoutEffect)(() => {
+      (0, import_react18.useLayoutEffect)(() => {
         if (!rootRef.current || !bottomRef.current) return;
         if (typeof ResizeObserver === "undefined") return;
         const root = rootRef.current;
@@ -1947,163 +1855,30 @@ var init_OraculoSeccionClubOlimpo = __esm({
         fullBleed ? "orc-co-fullBleed" : "",
         className
       ].filter(Boolean).join(" ");
-      return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+      return /* @__PURE__ */ import_react18.default.createElement(
         "section",
         {
           ref: rootRef,
           className: rootClass,
-          "aria-label": ariaLabel || item.imgAlt || "Club Olimpo",
-          children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { ref: bottomRef, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-            OraculoClubOlimpoVisual_default,
-            {
-              text: item.text,
-              onClick: item.onClick,
-              imgAlt: item.imgAlt,
-              imgSrcMobile: item.images.mobile,
-              imgSrcDesktopBg: item.images.desktopBg,
-              imgSrcDesktopLogo: item.images.desktopLogo
-            }
-          ) })
-        }
+          "aria-label": ariaLabel || item.imgAlt || "Club Olimpo"
+        },
+        /* @__PURE__ */ import_react18.default.createElement("div", { ref: bottomRef }, /* @__PURE__ */ import_react18.default.createElement(
+          OraculoClubOlimpoVisual_default,
+          {
+            text: item.text,
+            onClick: item.onClick,
+            imgAlt: item.imgAlt,
+            imgSrcMobile: item.images.mobile,
+            imgSrcDesktopBg: item.images.desktopBg,
+            imgSrcDesktopLogo: item.images.desktopLogo
+          }
+        ))
       );
     };
     OraculoSeccionClubOlimpo_default = OraculoSeccionClubOlimpo;
   }
 });
 
-// src/templates/OraculoPageLanding.tsx
-function OraculoPageLanding({ props }) {
-  const listaDestacados = [
-    {
-      image: "/assets/img/home/Destacados/Banner01.png",
-      title: "Gol Seguro",
-      tags: "/destacados",
-      // aquí puedes usar la ruta que antes estaba en href
-      body: "",
-      summary_body: "",
-      summary_title: "",
-      groups_forbidden: [],
-      groups_allowed: [],
-      promotion: ""
-      // summary_image: "/lo-que-sea.png", // opcional
-    },
-    {
-      image: "/assets/img/home/Destacados/Banner02.png",
-      title: "Promo 2",
-      tags: "/destacados",
-      body: "",
-      summary_body: "",
-      summary_title: "",
-      groups_forbidden: [],
-      groups_allowed: [],
-      promotion: ""
-    },
-    {
-      image: "/assets/img/home/Destacados/Banner01.png",
-      title: "Gol Seguro",
-      tags: "/destacados",
-      body: "",
-      summary_body: "",
-      summary_title: "",
-      groups_forbidden: [],
-      groups_allowed: [],
-      promotion: ""
-    },
-    {
-      image: "/assets/img/home/Destacados/Banner02.png",
-      title: "Promo 2",
-      tags: "/destacados",
-      body: "",
-      summary_body: "",
-      summary_title: "",
-      groups_forbidden: [],
-      groups_allowed: [],
-      promotion: ""
-    }
-  ];
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_material2.Container, { className: "oli-font", sx: { backgroundColor: "#121212", position: "relative", pb: 5 }, maxWidth: false, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-      OraculoSeccionBonoBienvenida_default,
-      {
-        headline: props.bonos.headline,
-        items: props.bonos.items
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_material2.Stack, { direction: "column", spacing: 12, useFlexGap: true, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-        OraculoSeccionTopJuegos,
-        {
-          items: props.topJuegos.items,
-          title: props.topJuegos.title,
-          iconUrl: props.topJuegos.iconUrl,
-          onCardClick: props.topJuegos.onCardClick
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-        OraculoSeccionCasino_default,
-        {
-          items: props.casino.items,
-          title: props.casino.title,
-          iconUrl: props.casino.iconUrl,
-          onItemClick: props.casino.onItemClick,
-          onViewMore: props.casino.onViewMore
-        }
-      )
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-      OraculoSeccionCasinoEnVivo_default,
-      {
-        items: props.casinoEnVivo.items,
-        title: props.casinoEnVivo.title,
-        subtitle: props.casinoEnVivo.subtitle,
-        backgroundMobileUrl: props.casinoEnVivo.backgroundMobileUrl,
-        backgroundDesktopUrl: props.casinoEnVivo.backgroundDesktopUrl,
-        onCardClick: props.casinoEnVivo.onCardClick,
-        onViewMore: props.casinoEnVivo.onViewMore
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_material2.Stack, { direction: "column", spacing: 12, useFlexGap: true, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-        OraculoSeccionVirtuales_default,
-        {
-          items: props.virtuales.items,
-          title: props.virtuales.title,
-          iconUrl: props.virtuales.iconUrl,
-          onItemClick: props.virtuales.onItemClick,
-          onViewMore: props.virtuales.onViewMore
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-        OraculoSeccionDestacados,
-        {
-          items: listaDestacados,
-          title: "Destacados",
-          iconUrl: "/assets/img/home/Destacados/starIcon.svg",
-          onViewMore: () => console.log("Ver m\xE1s clickeado")
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(OraculoSeccionClubOlimpo_default, { items: props.clubOlimpo })
-    ] })
-  ] });
-}
-var import_material2, import_css, import_jsx_runtime20;
-var init_OraculoPageLanding = __esm({
-  "src/templates/OraculoPageLanding.tsx"() {
-    "use strict";
-    "use client";
-    import_material2 = require("@mui/material");
-    init_OraculoSeccionBonoBienvenida();
-    init_OraculoSeccionTopJuegos();
-    init_OraculoSeccionCasino();
-    init_OraculoSeccionCasinoEnVivo();
-    init_OraculoSeccionVirtuales();
-    init_OraculoSeccionDestacados();
-    init_OraculoSeccionClubOlimpo();
-    import_css = require("@splidejs/react-splide/css");
-    import_jsx_runtime20 = require("react/jsx-runtime");
-  }
-});
-
 // ../node_modules/@firebase/util/dist/postinstall.mjs
 var getDefaultsFromPostinstall;
 var init_postinstall = __esm({
@@ -38923,15 +38698,14 @@ var init_ = __esm({
 });
 
 // src/templates/OraculoPageLandingPreview.tsx
-var import_react8, import_material3, import_jsx_runtime21, HttpError, OraculoPageLandingPreview, OraculoPageLandingPreview_default;
+var import_react19, import_material2, HttpError, OraculoPageLandingPreview, OraculoPageLandingPreview_default;
 var init_OraculoPageLandingPreview = __esm({
   "src/templates/OraculoPageLandingPreview.tsx"() {
     "use strict";
     "use client";
-    import_react8 = __toESM(require("react"));
-    import_material3 = require("@mui/material");
+    import_react19 = __toESM(require("react"));
+    import_material2 = require("@mui/material");
     init_dist();
-    import_jsx_runtime21 = require("react/jsx-runtime");
     init_();
     HttpError = class extends Error {
       constructor(status, url, statusText) {
@@ -38947,13 +38721,13 @@ var init_OraculoPageLandingPreview = __esm({
       docId = "home",
       db
     }) => {
-      const [sections, setSections] = (0, import_react8.useState)([]);
-      const [loading, setLoading] = (0, import_react8.useState)(false);
-      const [componentMap, setComponentMap] = (0, import_react8.useState)({});
-      const [sectionDataMap, setSectionDataMap] = (0, import_react8.useState)({});
-      const [sectionLoadingMap, setSectionLoadingMap] = (0, import_react8.useState)({});
-      const [sectionErrorMap, setSectionErrorMap] = (0, import_react8.useState)({});
-      (0, import_react8.useEffect)(() => {
+      const [sections, setSections] = (0, import_react19.useState)([]);
+      const [loading, setLoading] = (0, import_react19.useState)(false);
+      const [componentMap, setComponentMap] = (0, import_react19.useState)({});
+      const [sectionDataMap, setSectionDataMap] = (0, import_react19.useState)({});
+      const [sectionLoadingMap, setSectionLoadingMap] = (0, import_react19.useState)({});
+      const [sectionErrorMap, setSectionErrorMap] = (0, import_react19.useState)({});
+      (0, import_react19.useEffect)(() => {
         if (sectionsOverride) return;
         if (!db) return;
         setLoading(true);
@@ -38993,19 +38767,19 @@ var init_OraculoPageLandingPreview = __esm({
         if (method === "GET") {
           const u = new URL(
             rawUrl,
-            typeof window !== "undefined" ? window.location.origin : "http://localhost"
+            typeof window == "undefined" ? "http://localhost" : window.location.origin
           );
-          params.forEach((p) => {
-            if (!p.key) return;
-            u.searchParams.set(p.key, p.value);
-          });
+          for (const p of params) {
+            if (!p.key) continue;
+            u.searchParams.append(p.key, p.value);
+          }
           url = u.toString();
         } else {
           const encoded = new URLSearchParams();
-          params.forEach((p) => {
-            if (!p.key) return;
+          for (const p of params) {
+            if (!p.key) continue;
             encoded.append(p.key, p.value);
-          });
+          }
           body = encoded.toString();
           headers = {
             "Content-Type": "application/x-www-form-urlencoded; charset=UTF-8"
@@ -39019,12 +38793,12 @@ var init_OraculoPageLandingPreview = __esm({
         if (!res.ok) throw new HttpError(res.status, url, res.statusText);
         return res.json();
       };
-      const effectiveSections = (0, import_react8.useMemo)(
+      const effectiveSections = (0, import_react19.useMemo)(
         () => sectionsOverride ? sectionsOverride.slice() : sections.slice(),
         [sectionsOverride, sections]
       );
-      const fetchedKeysRef = import_react8.default.useRef(/* @__PURE__ */ new Set());
-      (0, import_react8.useEffect)(() => {
+      const fetchedKeysRef = import_react19.default.useRef(/* @__PURE__ */ new Set());
+      (0, import_react19.useEffect)(() => {
         const fetchables = effectiveSections.map((s) => ({ s, url: (s.apiUrl || "").trim() })).filter(({ url }) => !!url);
         if (!fetchables.length) return;
         for (const { s, url } of fetchables) {
@@ -39055,7 +38829,7 @@ var init_OraculoPageLandingPreview = __esm({
           })();
         }
       }, [effectiveSections]);
-      const orderedVisible = (0, import_react8.useMemo)(
+      const orderedVisible = (0, import_react19.useMemo)(
         () => effectiveSections.filter((s) => s.visible).sort((a, b) => a.order - b.order),
         [effectiveSections]
       );
@@ -39118,9 +38892,7 @@ var init_OraculoPageLandingPreview = __esm({
         const pl = payload;
         const isArr = Array.isArray(pl);
         const obj = !isArr && typeof pl === "object" && pl !== null ? pl : void 0;
-        console.log("Derived obj for props mapping:", obj);
         const arrData = obj && Array.isArray(obj.lobby || obj.items) ? obj.lobby || obj.items : void 0;
-        console.log("Derived arrData for props mapping:", arrData);
         const choose = (fallback) => isArr ? pl : arrData || fallback;
         merged.items = choose(arrData || []);
         return merged;
@@ -39159,7 +38931,7 @@ var init_OraculoPageLandingPreview = __esm({
           error: "bg-red-100 text-red-800",
           component: "bg-yellow-100 text-yellow-800"
         };
-        return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: `mx-4 p-4 rounded ${colorMap[type]}`, children: message }, key);
+        return /* @__PURE__ */ import_react19.default.createElement("div", { key, className: `mx-4 p-4 rounded ${colorMap[type]}` }, message);
       };
       const renderSingleSection = (s) => {
         var _a;
@@ -39192,26 +38964,26 @@ var init_OraculoPageLandingPreview = __esm({
             );
         }
         const compProps = buildCompProps(s);
-        return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+        return /* @__PURE__ */ import_react19.default.createElement(
           "div",
           {
+            key: s.id,
             style: {
               paddingLeft: 16,
               paddingRight: 16,
               width: "100%",
               boxSizing: "border-box"
-            },
-            children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Comp, { ...compProps })
+            }
           },
-          s.id
+          /* @__PURE__ */ import_react19.default.createElement(Comp, { ...compProps })
         );
       };
       if (loading && !sectionsOverride)
-        return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "text-xs text-gray-400", children: "Cargando preview..." });
+        return /* @__PURE__ */ import_react19.default.createElement("div", { className: "text-xs text-gray-400" }, "Cargando preview...");
       if (!loading && !sectionsOverride && sections.length === 0)
-        return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "text-xs text-gray-500", children: "Sin secciones (Firestore)" });
-      return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-        import_material3.Container,
+        return /* @__PURE__ */ import_react19.default.createElement("div", { className: "text-xs text-gray-500" }, "Sin secciones (Firestore)");
+      return /* @__PURE__ */ import_react19.default.createElement(
+        import_material2.Container,
         {
           className: "oli-font",
           maxWidth: false,
@@ -39224,9 +38996,9 @@ var init_OraculoPageLandingPreview = __esm({
             width: "100%",
             maxWidth: "100%",
             overflowX: "hidden"
-          },
-          children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material3.Stack, { direction: "column", spacing: 8, useFlexGap: true, children: orderedVisible.map(renderSingleSection) })
-        }
+          }
+        },
+        /* @__PURE__ */ import_react19.default.createElement(import_material2.Stack, { direction: "column", spacing: 8, useFlexGap: true }, orderedVisible.map(renderSingleSection))
       );
     };
     OraculoPageLandingPreview_default = OraculoPageLandingPreview;
@@ -39300,7 +39072,6 @@ __export(index_exports, {
   OraculoGameRankCard: () => OraculoGameRankCard,
   OraculoGameSlide: () => OraculoGameSlide_default,
   OraculoLiveCasinoCard: () => OraculoLiveCasinoCard_default,
-  OraculoPageLanding: () => OraculoPageLanding,
   OraculoPageLandingPreview: () => OraculoPageLandingPreview_default,
   OraculoSeccionBonoBienvenida: () => OraculoSeccionBonoBienvenida_default,
   OraculoSeccionCasino: () => OraculoSeccionCasino_default,
@@ -39311,9 +39082,11 @@ __export(index_exports, {
   OraculoSeccionVirtuales: () => OraculoSeccionVirtuales_default,
   OraculoSectionTitle: () => OraculoSectionTitle,
   OraculoTopJuegoItem: () => OraculoSeccionTopJuegos,
-  OraculoWelcomeBanner: () => OraculoWelcomeBanner_default
+  OraculoWelcomeBanner: () => OraculoWelcomeBanner_default,
+  default: () => index_default
 });
 module.exports = __toCommonJS(index_exports);
+var index_default;
 var init_index = __esm({
   "src/index.ts"() {
     init_OraculoButton2();
@@ -39334,7 +39107,6 @@ var init_index = __esm({
     init_OraculoSeccionVirtuales();
     init_OraculoSeccionBonoBienvenida();
     init_OraculoSeccionClubOlimpo();
-    init_OraculoPageLanding();
     init_OraculoPageLandingPreview();
     init_InterfaceBonos();
     init_InterfaceCasino();
@@ -39344,6 +39116,7 @@ var init_index = __esm({
     init_InterfaceTopJuegos();
     init_InterfaceVirtuales();
     init_InterfaceDestacados();
+    index_default = OraculoPageLandingPreview_default;
   }
 });
 init_index();
@@ -39357,7 +39130,6 @@ init_index();
   OraculoGameRankCard,
   OraculoGameSlide,
   OraculoLiveCasinoCard,
-  OraculoPageLanding,
   OraculoPageLandingPreview,
   OraculoSeccionBonoBienvenida,
   OraculoSeccionCasino,