var __create = Object.create;
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
var __export = (target, all) => {
  for (var name in all)
    __defProp(target, name, { get: all[name], enumerable: !0 });
}, __copyProps = (to, from, except, desc) => {
  if (from && typeof from == "object" || typeof from == "function")
    for (let key of __getOwnPropNames(from))
      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
  return to;
};
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
  mod
)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);

// <stdin>
var stdin_exports = {};
__export(stdin_exports, {
  assets: () => assets_manifest_default,
  assetsBuildDirectory: () => assetsBuildDirectory,
  entry: () => entry,
  future: () => future,
  publicPath: () => publicPath,
  routes: () => routes
});
module.exports = __toCommonJS(stdin_exports);

// app/entry.server.jsx
var entry_server_exports = {};
__export(entry_server_exports, {
  default: () => handleRequest
});
var import_node_stream = require("stream"), import_node = require("@remix-run/node"), import_react = require("@remix-run/react"), import_isbot = __toESM(require("isbot")), import_server = require("react-dom/server"), import_jsx_runtime = require("react/jsx-runtime"), ABORT_DELAY = 5e3;
function handleRequest(request, responseStatusCode, responseHeaders, remixContext) {
  return (0, import_isbot.default)(request.headers.get("user-agent")) ? handleBotRequest(
    request,
    responseStatusCode,
    responseHeaders,
    remixContext
  ) : handleBrowserRequest(
    request,
    responseStatusCode,
    responseHeaders,
    remixContext
  );
}
function handleBotRequest(request, responseStatusCode, responseHeaders, remixContext) {
  return new Promise((resolve, reject) => {
    let { pipe, abort } = (0, import_server.renderToPipeableStream)(
      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
        import_react.RemixServer,
        {
          context: remixContext,
          url: request.url,
          abortDelay: ABORT_DELAY
        }
      ),
      {
        onAllReady() {
          let body = new import_node_stream.PassThrough();
          responseHeaders.set("Content-Type", "text/html"), resolve(
            new import_node.Response(body, {
              headers: responseHeaders,
              status: responseStatusCode
            })
          ), pipe(body);
        },
        onShellError(error) {
          reject(error);
        },
        onError(error) {
          responseStatusCode = 500, console.error(error);
        }
      }
    );
    setTimeout(abort, ABORT_DELAY);
  });
}
function handleBrowserRequest(request, responseStatusCode, responseHeaders, remixContext) {
  return new Promise((resolve, reject) => {
    let { pipe, abort } = (0, import_server.renderToPipeableStream)(
      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
        import_react.RemixServer,
        {
          context: remixContext,
          url: request.url,
          abortDelay: ABORT_DELAY
        }
      ),
      {
        onShellReady() {
          let body = new import_node_stream.PassThrough();
          responseHeaders.set("Content-Type", "text/html"), resolve(
            new import_node.Response(body, {
              headers: responseHeaders,
              status: responseStatusCode
            })
          ), pipe(body);
        },
        onShellError(error) {
          reject(error);
        },
        onError(error) {
          console.error(error), responseStatusCode = 500;
        }
      }
    );
    setTimeout(abort, ABORT_DELAY);
  });
}

// app/root.jsx
var root_exports = {};
__export(root_exports, {
  default: () => App,
  links: () => links,
  meta: () => meta
});
var import_react5 = require("@remix-run/react"), import_react6 = require("react");

// app/components/header.jsx
var import_react2 = require("@remix-run/react"), import_flowbite_react = require("flowbite-react");

// public/assets/img/logo-menu.webp
var logo_menu_default = "/build/_assets/logo-menu-FAQ5MNCH.webp";

// public/assets/img/search-icon.webp
var search_icon_default = "/build/_assets/search-icon-GFQZVUG4.webp";

// public/assets/img/cart-icon.webp
var cart_icon_default = "/build/_assets/cart-icon-BXUMQXEW.webp";

// app/components/header.jsx
var import_react3 = require("react"), import_jsx_runtime2 = require("react/jsx-runtime"), Header = ({ cantCarrito, cantCarritoMedida }) => {
  let location = (0, import_react2.useLocation)(), [buscar, setBuscar] = (0, import_react3.useState)(""), handleSubmit = (e) => {
    e.preventDefault(), window.location.href = "/productos?search=" + buscar;
  };
  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "sticky top-0 z-10", children: [
    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
      import_flowbite_react.Navbar,
      {
        className: "hidden md:block bg-eBlack py-7",
        fluid: !0,
        rounded: !1,
        children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "flex lg:w-10/12 mx-auto", children: [
          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "w-3/12 flex justify-center items-center", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_flowbite_react.Navbar.Brand, { href: "/", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
            "img",
            {
              src: logo_menu_default,
              className: "mr-3 h-6 sm:h-9",
              alt: "Eversafe Logo"
            }
          ) }) }),
          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "w-5/12 flex justify-center items-center", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("form", { onSubmit: (e) => handleSubmit(e), noValidate: !0, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "flex", children: [
            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
              "input",
              {
                type: "text",
                className: "bg-transparent border-2 border-r-0 border-eGray rounded-l-full w-full font-MontserratRegular px-5 text-white",
                value: buscar,
                onChange: (e) => setBuscar(e.target.value),
                placeholder: "Encuentra tu puerta"
              }
            ),
            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_flowbite_react.Button, { className: "!bg-transparent border-2 border-l-0 border-eGray rounded-r-full py-2", type: "submit", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("img", { src: search_icon_default, alt: "Buscar" }) })
          ] }) }) }),
          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "w-5/12 flex justify-end items-center", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "flex justify-center items-center md:order-2", children: [
            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react2.Link, { to: "/carrito", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("img", { src: cart_icon_default, className: "w-6 h-6 mr-2", alt: "Carrito de compras" }) }),
            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "rounded-full font-MontserratRegular bg-eRed text-white text-sm px-1.5", children: cantCarrito !== 0 ? cantCarrito : cantCarritoMedida !== 0 ? cantCarritoMedida : 0 }),
            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_flowbite_react.Navbar.Toggle, {})
          ] }) })
        ] })
      }
    ),
    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
      import_flowbite_react.Navbar,
      {
        className: "hidden md:block bg-eBlue sticky",
        fluid: !0,
        rounded: !1,
        children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "mx-auto", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_flowbite_react.Navbar.Collapse, { children: [
          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
            import_react2.Link,
            {
              className: `${location.pathname === "/puertas-a-medida" ? "underline" : ""} text-white hover:!text-white uppercase font-MontserratRegular`,
              to: "/puertas-a-medida",
              children: "Puertas a tu medida"
            }
          ),
          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
            import_react2.Link,
            {
              className: `${location.pathname === "/productos/seguridad" ? "underline" : ""} text-white hover:!text-white uppercase font-MontserratRegular`,
              to: "/productos/seguridad",
              children: "puertas de seguridad"
            }
          ),
          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
            import_react2.Link,
            {
              className: `${location.pathname === "/productos/acorazadas" ? "underline" : ""} text-white hover:!text-white uppercase font-MontserratRegular`,
              to: "/productos/acorazadas",
              children: "puertas acorazadas"
            }
          ),
          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
            import_react2.Link,
            {
              className: `${location.pathname === "/productos/antibalas" ? "underline" : ""} text-white hover:!text-white uppercase font-MontserratRegular`,
              to: "/productos/antibalas",
              children: "puerta bal\xEDstica"
            }
          ),
          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
            import_flowbite_react.Navbar.Link,
            {
              className: `${location.pathname === "/productos/deck" ? "underline" : ""} text-white hover:!text-white uppercase font-MontserratRegular`,
              href: "/productos/deck",
              children: "deck"
            }
          ),
          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
            import_flowbite_react.Navbar.Link,
            {
              className: `${location.pathname === "/productos/piso-laminado" ? "underline" : ""} text-white hover:!text-white uppercase font-MontserratRegular`,
              href: "/productos/piso-laminado",
              children: "piso laminado"
            }
          ),
          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
            import_flowbite_react.Navbar.Link,
            {
              className: `${location.pathname === "/productos/otros-productos" ? "underline" : ""} text-white hover:!text-white uppercase font-MontserratRegular`,
              href: "/productos/otros-productos",
              children: "otros productos"
            }
          )
        ] }) })
      }
    ),
    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
      import_flowbite_react.Navbar,
      {
        className: "md:hidden bg-eBlack",
        fluid: !0,
        rounded: !1,
        children: [
          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_flowbite_react.Navbar.Brand, { href: "/", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
            "img",
            {
              src: logo_menu_default,
              className: "h-6 sm:h-9",
              alt: "Eversafe Logo"
            }
          ) }),
          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "flex justify-center items-center", children: [
            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react2.Link, { to: "/carrito", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("img", { src: cart_icon_default, className: "w-6 h-6 mr-2", alt: "Carrito de compras" }) }),
            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "rounded-full font-MontserratRegular bg-eRed text-white text-sm px-1.5", children: cantCarrito !== 0 ? cantCarrito : cantCarritoMedida !== 0 ? cantCarritoMedida : 0 })
          ] }),
          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "flex md:order-2", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_flowbite_react.Navbar.Toggle, { className: "bg-eBlack" }) }),
          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_flowbite_react.Navbar.Collapse, { className: "bg-eBlue", children: [
            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react2.Link, { to: "/puertas-a-medida", className: "text-white hover:!text-white font-MontserratRegular text-end uppercase", children: "puertas a tu medida" }),
            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
              import_react2.Link,
              {
                to: "/productos/seguridad",
                className: `${location.pathname === "/productos/seguridad" ? "underline" : ""} text-white hover:!text-white font-MontserratRegular text-end uppercase`,
                children: "puertas de seguridad"
              }
            ),
            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react2.Link, { to: "/productos/acorazadas", className: `${location.pathname === "/productos/acorazadas" ? "underline" : ""} text-white hover:!text-white font-MontserratRegular text-end uppercase`, children: "puertas acorazadas" }),
            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react2.Link, { to: "/productos/antibalas", className: `${location.pathname === "/productos/antibalas" ? "underline" : ""} text-white hover:!text-white font-MontserratRegular text-end uppercase`, children: "puertas bal\xEDsticas" }),
            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react2.Link, { href: "/productos/deck", className: `${location.pathname === "/productos/deck" ? "underline" : ""} text-white hover:!text-white font-MontserratRegular text-end uppercase`, children: "deck" }),
            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react2.Link, { href: "/productos/piso-laminado", className: `${location.pathname === "/productos/piso-laminado" ? "underline" : ""} text-white hover:!text-white font-MontserratRegular text-end uppercase`, children: "piso laminado" }),
            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react2.Link, { href: "/productos/otros-productos", className: `${location.pathname === "/productos/otros-productos" ? "underline" : ""} text-white hover:!text-white font-MontserratRegular text-end uppercase`, children: "Otro productos" }),
            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("form", { onSubmit: (e) => handleSubmit(e), noValidate: !0, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "flex mt-2 mx-2", children: [
              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
                "input",
                {
                  type: "text",
                  value: buscar,
                  onChange: (e) => setBuscar(e.target.value),
                  className: "bg-eBlack border-2 border-r-0 border-eGray rounded-l-full w-full font-MontserratRegular px-5 text-white",
                  placeholder: "Encuentra tu puerta"
                }
              ),
              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_flowbite_react.Button, { className: "bg-eBlack border-2 border-l-0 border-eGray rounded-r-full py-2", type: "submit", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("img", { src: search_icon_default, alt: "Buscar" }) })
            ] }) }),
            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "flex my-2 justify-around" })
          ] })
        ]
      }
    )
  ] }) });
}, header_default = Header;

// app/components/footer.jsx
var import_react4 = require("@remix-run/react");

// public/assets/img/yt-icon.webp
var yt_icon_default = "/build/_assets/yt-icon-LACNWLSA.webp";

// public/assets/img/fb-icon.webp
var fb_icon_default = "/build/_assets/fb-icon-T4HFQS3F.webp";

// public/assets/img/go-icon.webp
var go_icon_default = "/build/_assets/go-icon-JB3OX7CC.webp";

// public/assets/img/ig-icon.webp
var ig_icon_default = "/build/_assets/ig-icon-DESBN6AO.webp";

// public/assets/img/location-icon.webp
var location_icon_default = "/build/_assets/location-icon-MEU5CFCR.webp";

// public/assets/img/logo-footer.webp
var logo_footer_default = "/build/_assets/logo-footer-K42IAZMR.webp";

// public/assets/img/phone-icon.webp
var phone_icon_default = "/build/_assets/phone-icon-5TWHEOAA.webp";

// public/assets/img/wapp-icon.webp
var wapp_icon_default = "/build/_assets/wapp-icon-4DQCFNAH.webp";

// app/components/footer.jsx
var import_jsx_runtime3 = require("react/jsx-runtime"), Footer = () => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "bg-eBlack py-10", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "lg:flex w-10/12 mx-auto", children: [
  /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "lg:w-1/4 my-5 lg:my-0 w-full flex flex-col justify-center items-center lg:justify-start lg:items-start", children: [
    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("img", { src: logo_footer_default, alt: "Eversafe Logo", className: "max-w-full mb-5" }),
    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "w-full text-center lg:text-start font-MontserratMedium text-eYellow uppercase", children: "atenci\xF3n al cliente:" }),
    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "w-full border-0", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("ul", { className: "border-0 ", children: [
      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("li", { className: "text-center lg:text-start", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("a", { href: "/Aviso-de-Privacidad.pdf", target: "_blank", className: "text-white font-MontserratMedium uppercase", children: "aviso de privacidad" }) }),
      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("li", { className: "text-center lg:text-start", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("a", { href: "/Politica-de-compra.pdf", target: "_blank", className: "text-white font-MontserratMedium uppercase", children: "politica de compra" }) }),
      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("li", { className: "text-center lg:text-start", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("a", { href: "/politica-de-devolucion.pdf", target: "_blank", className: "text-white font-MontserratMedium uppercase", children: "politica de devoluci\xF3n" }) }),
      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("li", { className: "text-center lg:text-start", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("a", { href: "/terminos-y-condiciones.pdf", target: "_blank", className: "text-white font-MontserratMedium uppercase", children: "terminos y condiciones" }) })
    ] }) })
  ] }),
  /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "lg:w-1/4 my-5 lg:my-0 flex flex-col justify-start items-center", id: "sucursales", children: [
    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "w-full text-center lg:text-start font-MontserratMedium text-eYellow uppercase", children: "nuestras sucursales:" }),
    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "w-full border-0", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("ul", { className: "border-0 ", children: [
      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("li", { className: "my-1", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex justify-between items-center", children: [
        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex justify-center items-center", children: [
          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("img", { src: location_icon_default, alt: "Sucursal Contry", className: "mr-2" }),
          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.Link, { to: "https://goo.gl/maps/aJoERStBhqh6JaN7A", target: "_blank", className: "text-white font-MontserratMedium uppercase", children: "suc. contry" })
        ] }),
        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("img", { src: go_icon_default, alt: "Ver sucursal" })
      ] }) }),
      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("li", { className: "my-1", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex justify-between items-center", children: [
        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex justify-center items-center", children: [
          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("img", { src: location_icon_default, alt: "Sucursal Contry", className: "mr-2" }),
          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.Link, { to: "https://goo.gl/maps/ZuLqtLm2juuvNyua6", target: "_blank", className: "text-white font-MontserratMedium uppercase", children: "suc. cumbres" })
        ] }),
        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("img", { src: go_icon_default, alt: "Ver sucursal" })
      ] }) }),
      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("li", { className: "my-1", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex justify-between items-center", children: [
        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex justify-center items-center", children: [
          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("img", { src: location_icon_default, alt: "Sucursal Contry", className: "mr-2" }),
          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.Link, { to: "https://goo.gl/maps/hxxj4CAACUmknRza7", target: "_blank", className: "text-white font-MontserratMedium uppercase", children: "suc. valle" })
        ] }),
        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("img", { src: go_icon_default, alt: "Ver sucursal" })
      ] }) }),
      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("li", { className: "my-1", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex justify-between items-center", children: [
        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex justify-center items-center", children: [
          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("img", { src: location_icon_default, alt: "Sucursal Contry", className: "mr-2" }),
          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.Link, { to: "https://goo.gl/maps/cH3cz4gvgMg9n4Ys6", target: "_blank", className: "text-white font-MontserratMedium uppercase", children: "suc.carretera nacional" })
        ] }),
        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("img", { src: go_icon_default, alt: "Ver sucursal" })
      ] }) })
    ] }) })
  ] }),
  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "lg:w-1/4 my-5 lg:my-0 flex flex-col justify-start items-center", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("ul", { className: "border-0 ", children: [
    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("li", { className: "my-1 w-full", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex justify-between items-center", children: [
      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "flex justify-center items-center", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.Link, { to: "/quienes-somos", className: "text-white font-MontserratMedium uppercase", children: "Nosotros" }) }),
      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("img", { src: go_icon_default, alt: "Nosotros", className: "ml-2" })
    ] }) }),
    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("li", { className: "my-1", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex justify-between items-center", children: [
      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "flex justify-center items-center", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.Link, { to: "/nuestros-proyectos", className: "text-white font-MontserratMedium uppercase", children: "Proyectos" }) }),
      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("img", { src: go_icon_default, alt: "Proyectos", className: "ml-2" })
    ] }) }),
    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("li", { className: "my-1", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex justify-between items-center", children: [
      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "flex justify-center items-center", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.Link, { to: "/puertas-a-medida", className: "text-white font-MontserratMedium uppercase", children: "puertas a tu medida" }) }),
      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("img", { src: go_icon_default, alt: "Puertas a medida", className: "ml-2" })
    ] }) }),
    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("li", { className: "my-1", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex justify-between items-center", children: [
      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "flex justify-center items-center", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.Link, { to: "/productos/seguridad", className: "text-white font-MontserratMedium uppercase", children: "puertas de seguridad" }) }),
      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("img", { src: go_icon_default, alt: "Puertas de seguridad", className: "ml-2" })
    ] }) }),
    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("li", { className: "my-1", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex justify-between items-center", children: [
      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "flex justify-center items-center", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.Link, { to: "/productos/acorazadas", className: "text-white font-MontserratMedium uppercase", children: "puertas acorazadas" }) }),
      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("img", { src: go_icon_default, alt: "Puertas de acorazadas", className: "ml-2" })
    ] }) }),
    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("li", { className: "my-1", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex justify-between items-center", children: [
      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "flex justify-center items-center", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.Link, { to: "/productos/antibalas", className: "text-white font-MontserratMedium uppercase", children: "puerta bal\xEDstica" }) }),
      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("img", { src: go_icon_default, alt: "Puertas bal\xEDsticas", className: "ml-2" })
    ] }) }),
    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("li", { className: "my-1", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex justify-between items-center", children: [
      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "flex justify-center items-center", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.Link, { to: "/productos/deck", className: "text-white font-MontserratMedium uppercase", children: "deck" }) }),
      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("img", { src: go_icon_default, alt: "Deck", className: "ml-2" })
    ] }) }),
    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("li", { className: "my-1", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex justify-between items-center", children: [
      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "flex justify-center items-center", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.Link, { to: "/productos/otros-productos", className: "text-white font-MontserratMedium uppercase", children: "otros productos" }) }),
      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("img", { src: go_icon_default, alt: "Otros productos", className: "ml-2" })
    ] }) }),
    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("li", { className: "my-1", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex justify-between items-center", children: [
      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "flex justify-center items-center", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.Link, { to: "/contacto", className: "text-white font-MontserratMedium uppercase", children: "Contacto" }) }),
      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("img", { src: go_icon_default, alt: "Contacto", className: "ml-2" })
    ] }) })
  ] }) }),
  /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "lg:w-1/4 my-5 lg:my-0 flex flex-col justify-start items-center", children: [
    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "w-full text-center lg:text-start font-MontserratMedium text-eYellow uppercase", children: "estamos al pendiente" }),
    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "lg:w-full flex justify-center items-center pt-2", children: [
      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("img", { src: phone_icon_default, alt: "Telefono", className: "mr-5" }),
      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("p", { className: "w-full font-MontserratRegular text-white uppercase", children: [
        "Tel. ",
        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("a", { href: "tel:+528138570899", target: "_blank", children: "81 3857 0899" })
      ] })
    ] }),
    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "w-full mt-2", children: [
      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "w-full text-center lg:text-start font-MontserratMedium text-eYellow uppercase mt-2", children: "siguenos en redes sociales" }),
      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex justify-around items-center mt-2", children: [
        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("a", { href: "https://www.facebook.com/PuertasEversafeMexico", target: "_blank", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("img", { src: fb_icon_default, alt: "Facebook" }) }),
        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("a", { href: "https://www.instagram.com/eversafemx/", target: "_blank", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("img", { src: ig_icon_default, alt: "Instagram" }) }),
        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("a", { href: "https://www.youtube.com/channel/UCnjCDflw4-hAYAvIFQFm_zg", target: "_blank", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("img", { src: yt_icon_default, alt: "Youtube" }) }),
        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("a", { href: "https://wa.link/zen21g", target: "_blank", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("img", { src: wapp_icon_default, alt: "Whatsapp" }) })
      ] })
    ] })
  ] })
] }) }), footer_default = Footer;

// app/tailwind.css
var tailwind_default = "/build/_assets/tailwind-DKRDBLKK.css";

// app/root.jsx
var import_jsx_runtime4 = require("react/jsx-runtime"), meta = () => ({
  charset: "utf-8",
  title: "Eversafe",
  viewport: "width=device-width,initial-scale=1"
}), links = () => [
  {
    rel: "stylesheet",
    href: tailwind_default
  }
];
function App() {
  let [carrito, setCarrito] = (0, import_react6.useState)(typeof window < "u" && JSON.parse(localStorage.getItem("carrito")) || []), [carritoMedida, setCarritoMedida] = (0, import_react6.useState)(typeof window < "u" && JSON.parse(localStorage.getItem("carritoMedida")) || []), [cantCarrito, setCantCarrito] = (0, import_react6.useState)(0), [cantCarritoMedida, setCantCarritoMedida] = (0, import_react6.useState)(0), [seguridad, setSeguridad] = (0, import_react6.useState)(!1), [acorazada, setAcorazada] = (0, import_react6.useState)(!1), [balistica, setBalistica] = (0, import_react6.useState)(!1), [granero, setGranero] = (0, import_react6.useState)(!1), [deck, setDeck] = (0, import_react6.useState)(!1), [pisoLaminado, setPisoLaminado] = (0, import_react6.useState)(!1), [otros, setOtros] = (0, import_react6.useState)(!1), [cpEntrega, setCpEntrega] = (0, import_react6.useState)("");
  (0, import_react6.useEffect)(() => {
    typeof window < "u" && localStorage.setItem("carrito", JSON.stringify(carrito)), setCantCarrito(carrito.length);
  }, [carrito]), (0, import_react6.useEffect)(() => {
    typeof window < "u" && localStorage.setItem("carritoMedida", JSON.stringify(carritoMedida)), typeof carritoMedida.length > "u" || carritoMedida.length < 14 ? setCantCarritoMedida(0) : setCantCarritoMedida(1);
  }, [carritoMedida]);
  let agregarCarrito = (puerta) => {
    if (carrito != null && carrito.some((puertaState) => puertaState.id === puerta.id)) {
      let carritoActualizado = carrito == null ? void 0 : carrito.map((puertaState) => (puertaState.id === puerta.id && (puertaState.cantidad = puerta.cantidad), puertaState));
      setCarrito(carritoActualizado);
    } else
      setCarrito([...carrito, puerta]);
  }, actualizarCantidad = (puerta) => {
    let carritoActualizado = carrito == null ? void 0 : carrito.map((puertaState) => (puertaState.id === puerta.id && (puertaState.cantidad = puerta.cantidad), puertaState));
    setCarrito(carritoActualizado);
  }, eliminarPuerta = (id) => {
    let carritoActualizado = carrito == null ? void 0 : carrito.filter((puertaState) => puertaState.id !== id);
    setCarrito(carritoActualizado);
  }, eliminarPuertaMedida = (id) => {
    setCarritoMedida([]), setCantCarritoMedida(0);
  }, eliminarSmart = (id) => {
    let carritoActualizado = carrito == null ? void 0 : carrito.filter((puertaState) => (puertaState.id === id && (puertaState.smart = {}), puertaState));
    setCarrito(carritoActualizado);
  };
  return (0, import_react6.useEffect)(() => {
    (async () => {
      await import("tw-elements");
    })();
  }, []), /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Document, { cantCarrito, cantCarritoMedida, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
    import_react5.Outlet,
    {
      context: {
        agregarCarrito,
        cantCarrito,
        cantCarritoMedida,
        carrito,
        setCarrito,
        carritoMedida,
        setCarritoMedida,
        actualizarCantidad,
        cpEntrega,
        setCpEntrega,
        eliminarPuerta,
        eliminarPuertaMedida,
        eliminarSmart,
        seguridad,
        setSeguridad,
        acorazada,
        setAcorazada,
        balistica,
        setBalistica,
        granero,
        setGranero,
        deck,
        setDeck,
        pisoLaminado,
        setPisoLaminado,
        otros,
        setOtros
      }
    }
  ) });
}
var Document = ({ children, cantCarrito, cantCarritoMedida }) => ((0, import_react6.useEffect)(() => {
  let cliengo = () => {
    let ldk = document.createElement("script");
    ldk.type = "text/javascript", ldk.async = !0, ldk.src = "https://s.cliengo.com/weboptimizer/64a98bd5061e550032c5824f/64a98bd7061e550032c58252.js?platform=dashboard";
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(ldk, s);
  };
  window.dataLayer = window.dataLayer || [];
  function gtag() {
    dataLayer.push(arguments);
  }
  gtag("js", new Date()), gtag("config", "G-9CSCM1Z6VW"), cliengo();
}, []), /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("html", { lang: "es", children: [
  /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("head", { children: [
    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react5.Meta, {}),
    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react5.Links, {})
  ] }),
  /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("body", { children: [
    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(header_default, { cantCarrito, cantCarritoMedida }),
    children,
    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(footer_default, {}),
    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react5.ScrollRestoration, {}),
    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react5.Scripts, {}),
    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react5.LiveReload, {}),
    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("script", { type: "text/javascript", src: "https://cdn.conekta.io/js/latest/conekta.js" }),
    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("script", { async: !0, src: "https://www.googletagmanager.com/gtag/js?id=G-9CSCM1Z6VW" })
  ] })
] }));

// app/routes/nuestros-proyectos.jsx
var nuestros_proyectos_exports = {};
__export(nuestros_proyectos_exports, {
  default: () => nuestros_proyectos_default
});
var import_react7 = require("@remix-run/react");

// public/assets/img/contacto-header.webp
var contacto_header_default = "/build/_assets/contacto-header-I3FQGJLD.webp";

// public/assets/img/contacto-header-780px.webp
var contacto_header_780px_default = "/build/_assets/contacto-header-780px-2FRHGJD3.webp";

// public/assets/img/cintillo1.webp
var cintillo1_default = "/build/_assets/cintillo1-VCVYGPSC.webp";

// public/assets/img/proyectos/proyecto1_1.webp
var proyecto1_1_default = "/build/_assets/proyecto1_1-6VIIKAAG.webp";

// public/assets/img/proyectos/proyecto1_2.webp
var proyecto1_2_default = "/build/_assets/proyecto1_2-3IFUKDES.webp";

// public/assets/img/proyectos/proyecto2_1.webp
var proyecto2_1_default = "/build/_assets/proyecto2_1-KEA76TWO.webp";

// public/assets/img/proyectos/proyecto2_2.webp
var proyecto2_2_default = "/build/_assets/proyecto2_2-JOU4QPM3.webp";

// public/assets/img/proyectos/proyecto3_1.webp
var proyecto3_1_default = "/build/_assets/proyecto3_1-F6RDVNOP.webp";

// public/assets/img/proyectos/proyecto3_2.webp
var proyecto3_2_default = "/build/_assets/proyecto3_2-34GCOUAK.webp";

// public/assets/img/proyectos/proyecto3_3.webp
var proyecto3_3_default = "/build/_assets/proyecto3_3-MDGPCIWM.webp";

// public/assets/img/proyectos/proyecto3_4.webp
var proyecto3_4_default = "/build/_assets/proyecto3_4-CNX7CA7B.webp";

// public/assets/img/proyectos/proyecto4_1.webp
var proyecto4_1_default = "/build/_assets/proyecto4_1-MQ6WGPAS.webp";

// public/assets/img/proyectos/proyecto5_1.webp
var proyecto5_1_default = "/build/_assets/proyecto5_1-WFNSUUUF.webp";

// public/assets/img/proyectos/proyecto6_1.webp
var proyecto6_1_default = "/build/_assets/proyecto6_1-VWOKQ5X7.webp";

// public/assets/img/proyectos/proyecto6_2.webp
var proyecto6_2_default = "/build/_assets/proyecto6_2-4P54ARWU.webp";

// public/assets/img/proyectos/proyecto7_1.webp
var proyecto7_1_default = "/build/_assets/proyecto7_1-FZJCAQZB.webp";

// public/assets/img/proyectos/proyecto8_1.webp
var proyecto8_1_default = "/build/_assets/proyecto8_1-BESXEA33.webp";

// public/assets/img/proyectos/proyecto9_1.webp
var proyecto9_1_default = "/build/_assets/proyecto9_1-VPRPDI3M.webp";

// public/assets/img/proyectos/proyecto10_1.webp
var proyecto10_1_default = "/build/_assets/proyecto10_1-P7KFP4L2.webp";

// public/assets/img/proyectos/proyecto10_2.webp
var proyecto10_2_default = "/build/_assets/proyecto10_2-E5QV2QDJ.webp";

// app/routes/nuestros-proyectos.jsx
var import_jsx_runtime5 = require("react/jsx-runtime"), NuestrosProyectos = () => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "relative", children: [
    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("img", { src: contacto_header_default, alt: "Nuestros proyectos", className: "hidden lg:block" }),
    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("img", { src: contacto_header_780px_default, alt: "Nuestros proyectos", className: "block lg:hidden" }),
    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "absolute top-5 left-8 lg:top-1/4 lg:left-28", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "lg:w-8/12", children: [
      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("h1", { className: "text-3xl lg:text-6xl", children: [
        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "text-eGray", children: "NUESTROS" }),
        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("br", {}),
        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "bg-eYellow text-eGray px-2", children: "PROYECTOS" })
      ] }),
      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-eGray mt-6 lg:mt-12 font-MontserratRegular w-44 sm:w-full", children: "Te mostramos algunos de los proyectos m\xE1s destacados." })
    ] }) })
  ] }) }),
  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("section", { className: "pt-20 w-10/12 mx-auto", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { children: [
    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "lg:flex", children: [
      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "lg:w-7/12 p-5", children: [
        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("h2", { className: "uppercase text-2xl font-MontserratSemiBold mb-5 lg:mb-10", children: "BARANDAL DE SEGURIDAD PARA BARDA Y PANEL DECORATIVO" }),
        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "font-MontserratRegular mb-5", children: "Eversafe M\xE9xico siempre procura brindarte la mayor seguridad y dise\xF1o para tu hogar por eso te presentamos este barandal de m\xE1s de 10 metros para protecci\xF3n; y una decoraci\xF3n para p\xE9rgola en celos\xEDa modelo Grove, acabado en pintura electrost\xE1tica color negro; todo este trabajo es en placas de acero de 1/8\u201D cortadas en l\xE1ser y reforzada en ptr." })
      ] }),
      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "lg:w-5/12 p-5", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { id: "carouselExampleCaptions", className: "relative", "data-te-carousel-init": !0, "data-te-carousel-slide": !0, children: [
        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "absolute bottom-0 left-0 right-0 z-[2] mx-[15%] mb-4 flex list-none justify-center p-0", "data-te-carousel-indicators": !0, children: [
          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", "data-te-target": "#carouselExampleCaptions", "data-te-slide-to": "0", "data-te-carousel-active": !0, className: "mx-[3px] box-content h-[3px] w-[30px] flex-initial cursor-pointer border-0 border-y-[10px] border-solid border-transparent bg-white bg-clip-padding p-0 -indent-[999px] opacity-50 transition-opacity duration-[600ms] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] motion-reduce:transition-none", "aria-current": "true", "aria-label": "Slide 1" }),
          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
            "button",
            {
              type: "button",
              "data-te-target": "#carouselExampleCaptions",
              "data-te-slide-to": "1",
              className: "mx-[3px] box-content h-[3px] w-[30px] flex-initial cursor-pointer border-0 border-y-[10px] border-solid border-transparent bg-white bg-clip-padding p-0 -indent-[999px] opacity-50 transition-opacity duration-[600ms] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] motion-reduce:transition-none",
              "aria-label": "Slide 2"
            }
          )
        ] }),
        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
          "div",
          {
            className: "relative w-full overflow-hidden after:clear-both after:block after:content-['']",
            children: [
              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "relative float-left -mr-[100%] w-full transition-transform duration-[600ms] ease-in-out motion-reduce:transition-none", "data-te-carousel-active": !0, "data-te-carousel-item": !0, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("img", { src: proyecto1_1_default, className: "block w-full", alt: "Nombre del proyecto" }) }),
              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "relative float-left -mr-[100%] hidden w-full transition-transform duration-[600ms] ease-in-out motion-reduce:transition-none", "data-te-carousel-item": !0, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("img", { src: proyecto1_2_default, className: "block w-full", alt: "Nombre del proyecto" }) })
            ]
          }
        )
      ] }) })
    ] }),
    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("hr", {}),
    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "lg:flex", children: [
      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "lg:w-7/12 p-5", children: [
        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("h2", { className: "uppercase text-2xl font-MontserratSemiBold mb-5 lg:mb-10", children: "BARANDAL DE SEGURIDAD PARA ESCALERAS Y P\xC9RGOLA DECORATIVA" }),
        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "font-MontserratRegular mb-5", children: "En Eversafe encontrar\xE1s proyectos a tu medida, dise\xF1ados especialmente para ti. En esta ocasi\xF3n nos toc\xF3 crear un barandal de seguridad para escaleras exteriores y una hermosa p\xE9rgola para la terraza el cliente se decidi\xF3 por nuestro modelo Nature en pintura automotriz color Greens SW 6748 escogido especialmente por el cliente; el proyecto fue trabajado en placas de acero de 1/8\u201D cortadas en l\xE1ser y reforzada en ptr." })
      ] }),
      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "lg:w-5/12 p-5", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { id: "carouselExampleCaptions2", className: "relative", "data-te-carousel-init": !0, "data-te-carousel-slide": !0, children: [
        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "absolute bottom-0 left-0 right-0 z-[2] mx-[15%] mb-4 flex list-none justify-center p-0", "data-te-carousel-indicators": !0, children: [
          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", "data-te-target": "#carouselExampleCaptions2", "data-te-slide-to": "0", "data-te-carousel-active": !0, className: "mx-[3px] box-content h-[3px] w-[30px] flex-initial cursor-pointer border-0 border-y-[10px] border-solid border-transparent bg-white bg-clip-padding p-0 -indent-[999px] opacity-50 transition-opacity duration-[600ms] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] motion-reduce:transition-none", "aria-current": "true", "aria-label": "Slide 1" }),
          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
            "button",
            {
              type: "button",
              "data-te-target": "#carouselExampleCaptions2",
              "data-te-slide-to": "1",
              className: "mx-[3px] box-content h-[3px] w-[30px] flex-initial cursor-pointer border-0 border-y-[10px] border-solid border-transparent bg-white bg-clip-padding p-0 -indent-[999px] opacity-50 transition-opacity duration-[600ms] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] motion-reduce:transition-none",
              "aria-label": "Slide 2"
            }
          )
        ] }),
        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
          "div",
          {
            className: "relative w-full overflow-hidden after:clear-both after:block after:content-['']",
            children: [
              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "relative float-left -mr-[100%] w-full transition-transform duration-[600ms] ease-in-out motion-reduce:transition-none", "data-te-carousel-active": !0, "data-te-carousel-item": !0, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("img", { src: proyecto2_1_default, className: "block w-full", alt: "Nombre del proyecto" }) }),
              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "relative float-left -mr-[100%] hidden w-full transition-transform duration-[600ms] ease-in-out motion-reduce:transition-none", "data-te-carousel-item": !0, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("img", { src: proyecto2_2_default, className: "block w-full", alt: "Nombre del proyecto" }) })
            ]
          }
        )
      ] }) })
    ] }),
    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("hr", {}),
    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "lg:flex", children: [
      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "lg:w-7/12 p-5", children: [
        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("h2", { className: "uppercase text-2xl font-MontserratSemiBold mb-5 lg:mb-10", children: "PROYECTO DE REMODELACI\xD3N TOTAL" }),
        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "font-MontserratRegular mb-5", children: "Este proyecto ha sido uno de los m\xE1s grandes para Eversafe ya que se llev\xF3 a cabo una remodelaci\xF3n total de portones, protectores, puerta exterior y puerta principal. Se hicieron 2 portones para cochera en total cada uno con 2 puertas corredizas las cuales se desplazaban por rieles superiores y gu\xEDas en la parte inferior; tambi\xE9n se cambiaron algunos separadores/protectores que conectaban la cochera con el patio de la casa completamente fijos. As\xED mismo tambi\xE9n se fabricaron 2 puertas, 1 para exterior en juego con el dise\xF1o de los portones y protectores con cerradura de manija escogida por el cliente; la puerta principal es completamente lisa a 2 colores gris claro y gris oscuro con maneral y cerradura de seguridad. Es proyecto fue trabajado en modelo de celos\xEDa Lineal 2, en pintura electrost\xE1tica color negro, fabricado en placas de acero de 1/8\u201D cortadas en l\xE1ser y reforzada con marcos de ptr." })
      ] }),
      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "lg:w-5/12 p-5", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { id: "carouselExampleCaptions3", className: "relative", "data-te-carousel-init": !0, "data-te-carousel-slide": !0, children: [
        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "absolute bottom-0 left-0 right-0 z-[2] mx-[15%] mb-4 flex list-none justify-center p-0", "data-te-carousel-indicators": !0, children: [
          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
            "button",
            {
              type: "button",
              "data-te-target": "#carouselExampleCaptions3",
              "data-te-slide-to": "0",
              "data-te-carousel-active": !0,
              className: "mx-[3px] box-content h-[3px] w-[30px] flex-initial cursor-pointer border-0 border-y-[10px] border-solid border-transparent bg-white bg-clip-padding p-0 -indent-[999px] opacity-50 transition-opacity duration-[600ms] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] motion-reduce:transition-none",
              "aria-current": "true",
              "aria-label": "Slide 1"
            }
          ),
          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
            "button",
            {
              type: "button",
              "data-te-target": "#carouselExampleCaptions3",
              "data-te-slide-to": "1",
              className: "mx-[3px] box-content h-[3px] w-[30px] flex-initial cursor-pointer border-0 border-y-[10px] border-solid border-transparent bg-white bg-clip-padding p-0 -indent-[999px] opacity-50 transition-opacity duration-[600ms] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] motion-reduce:transition-none",
              "aria-label": "Slide 2"
            }
          ),
          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
            "button",
            {
              type: "button",
              "data-te-target": "#carouselExampleCaptions3",
              "data-te-slide-to": "2",
              className: "mx-[3px] box-content h-[3px] w-[30px] flex-initial cursor-pointer border-0 border-y-[10px] border-solid border-transparent bg-white bg-clip-padding p-0 -indent-[999px] opacity-50 transition-opacity duration-[600ms] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] motion-reduce:transition-none",
              "aria-label": "Slide 3"
            }
          ),
          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
            "button",
            {
              type: "button",
              "data-te-target": "#carouselExampleCaptions3",
              "data-te-slide-to": "3",
              className: "mx-[3px] box-content h-[3px] w-[30px] flex-initial cursor-pointer border-0 border-y-[10px] border-solid border-transparent bg-white bg-clip-padding p-0 -indent-[999px] opacity-50 transition-opacity duration-[600ms] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] motion-reduce:transition-none",
              "aria-label": "Slide 4"
            }
          )
        ] }),
        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
          "div",
          {
            className: "relative w-full overflow-hidden after:clear-both after:block after:content-['']",
            children: [
              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "relative float-left -mr-[100%] w-full transition-transform duration-[600ms] ease-in-out motion-reduce:transition-none", "data-te-carousel-active": !0, "data-te-carousel-item": !0, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("img", { src: proyecto3_1_default, className: "block w-full", alt: "Nombre del proyecto" }) }),
              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "relative float-left -mr-[100%] hidden w-full transition-transform duration-[600ms] ease-in-out motion-reduce:transition-none", "data-te-carousel-item": !0, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("img", { src: proyecto3_2_default, className: "block w-full", alt: "Nombre del proyecto" }) }),
              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "relative float-left -mr-[100%] hidden w-full transition-transform duration-[600ms] ease-in-out motion-reduce:transition-none", "data-te-carousel-item": !0, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("img", { src: proyecto3_3_default, className: "block w-full", alt: "Nombre del proyecto" }) }),
              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "relative float-left -mr-[100%] hidden w-full transition-transform duration-[600ms] ease-in-out motion-reduce:transition-none", "data-te-carousel-item": !0, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("img", { src: proyecto3_4_default, className: "block w-full", alt: "Nombre del proyecto" }) })
            ]
          }
        )
      ] }) })
    ] }),
    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("hr", {}),
    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "lg:flex", children: [
      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "lg:w-7/12 p-5", children: [
        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("h2", { className: "uppercase text-2xl font-MontserratSemiBold mb-5 lg:mb-10", children: "PORT\xD3N ASTURIAS 2" }),
        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "font-MontserratRegular mb-5", children: "Eversafe M\xE9xico procura satisfacer las necesidades del cliente por eso en este proyecto quisimos evolucionar el modelo de celos\xEDa Asturias a uno m\xE1s cerrado para la privacidad deseada del cliente. El proyecto de port\xF3n corredizo para cochera y puerta exterior con fijo se realizo con nuevo dise\xF1o \u201CAsturias 2\u201D y pintura electrost\xE1tica color negro. Fabricado en placas de acero de 1/8\u201D cortadas en l\xE1ser y reforzada con marcos de ptr. " })
      ] }),
      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "lg:w-5/12 p-5", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { id: "carouselExampleCaptions4", className: "relative", "data-te-carousel-init": !0, "data-te-carousel-slide": !0, children: [
        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "absolute bottom-0 left-0 right-0 z-[2] mx-[15%] mb-4 flex list-none justify-center p-0", "data-te-carousel-indicators": !0, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", "data-te-target": "#carouselExampleCaptions4", "data-te-slide-to": "0", "data-te-carousel-active": !0, className: "mx-[3px] box-content h-[3px] w-[30px] flex-initial cursor-pointer border-0 border-y-[10px] border-solid border-transparent bg-white bg-clip-padding p-0 -indent-[999px] opacity-50 transition-opacity duration-[600ms] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] motion-reduce:transition-none", "aria-current": "true", "aria-label": "Slide 1" }) }),
        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
          "div",
          {
            className: "relative w-full overflow-hidden after:clear-both after:block after:content-['']",
            children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "relative float-left -mr-[100%] w-full transition-transform duration-[600ms] ease-in-out motion-reduce:transition-none", "data-te-carousel-active": !0, "data-te-carousel-item": !0, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("img", { src: proyecto4_1_default, className: "block w-full", alt: "Nombre del proyecto" }) })
          }
        )
      ] }) })
    ] }),
    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("hr", {}),
    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "lg:flex", children: [
      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "lg:w-7/12 p-5", children: [
        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("h2", { className: "uppercase text-2xl font-MontserratSemiBold mb-5 lg:mb-10", children: "PUERTA SANTILLANA DOBLE CON CELOS\xCDA" }),
        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "font-MontserratRegular mb-5", children: "En Eversafe lo que nos importa es cumplir tus necesidades como cliente as\xED que te presentamos este proyecto que es una combinaci\xF3n de productos de l\xEDnea con proyecto de acero. Puerta doble Sofia en color chocolate con fijos laterales y uno superior en celos\xEDa modelo Render con cristal transparente para darle un toque \xFAnico, puerta de acero con doble cerradura y 18 pernos de seguridad; celos\xEDa fabricada en placas de acero de 1/8\u201D cortadas en l\xE1ser en pintura electrost\xE1tica chocolate." })
      ] }),
      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "lg:w-5/12 p-5", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { id: "carouselExampleCaptions5", className: "relative", "data-te-carousel-init": !0, "data-te-carousel-slide": !0, children: [
        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "absolute bottom-0 left-0 right-0 z-[2] mx-[15%] mb-4 flex list-none justify-center p-0", "data-te-carousel-indicators": !0, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", "data-te-target": "#carouselExampleCaptions5", "data-te-slide-to": "0", "data-te-carousel-active": !0, className: "mx-[3px] box-content h-[3px] w-[30px] flex-initial cursor-pointer border-0 border-y-[10px] border-solid border-transparent bg-white bg-clip-padding p-0 -indent-[999px] opacity-50 transition-opacity duration-[600ms] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] motion-reduce:transition-none", "aria-current": "true", "aria-label": "Slide 1" }) }),
        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
          "div",
          {
            className: "relative w-full overflow-hidden after:clear-both after:block after:content-['']",
            children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "relative float-left -mr-[100%] w-full transition-transform duration-[600ms] ease-in-out motion-reduce:transition-none", "data-te-carousel-active": !0, "data-te-carousel-item": !0, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("img", { src: proyecto5_1_default, className: "block w-full", alt: "Nombre del proyecto" }) })
          }
        )
      ] }) })
    ] }),
    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("hr", {}),
    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "lg:flex", children: [
      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "lg:w-7/12 p-5", children: [
        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("h2", { className: "uppercase text-2xl font-MontserratSemiBold mb-5 lg:mb-10", children: "PUERTA DECK RED WOOD" }),
        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "font-MontserratRegular mb-5", children: "Nuestra misi\xF3n como empresa es cumplir cada idea de nuestros clientes, as\xED que te ense\xF1amos este proyecto de puerta deck con fijo superior en la fachada que le da un toque innovador. Nuestras puertas deck est\xE1n fabricadas con marcos de acero y soportes de ptr; con aislante ligero (t\xE9rmico y auditivo), cerradura de seguridad con 5 pernos y placas de deck color red Wood que son resistentes al agua y calor. El fijo superior est\xE1 compuesto por un marco de acero y placas de deck red Wood. El acero es pintura electrost\xE1tica para un acabado m\xE1s duradero." })
      ] }),
      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "lg:w-5/12 p-5", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { id: "carouselExampleCaptions6", className: "relative", "data-te-carousel-init": !0, "data-te-carousel-slide": !0, children: [
        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "absolute bottom-0 left-0 right-0 z-[2] mx-[15%] mb-4 flex list-none justify-center p-0", "data-te-carousel-indicators": !0, children: [
          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
            "button",
            {
              type: "button",
              "data-te-target": "#carouselExampleCaptions6",
              "data-te-slide-to": "0",
              "data-te-carousel-active": !0,
              className: "mx-[3px] box-content h-[3px] w-[30px] flex-initial cursor-pointer border-0 border-y-[10px] border-solid border-transparent bg-white bg-clip-padding p-0 -indent-[999px] opacity-50 transition-opacity duration-[600ms] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] motion-reduce:transition-none",
              "aria-current": "true",
              "aria-label": "Slide 1"
            }
          ),
          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
            "button",
            {
              type: "button",
              "data-te-target": "#carouselExampleCaptions6",
              "data-te-slide-to": "1",
              className: "mx-[3px] box-content h-[3px] w-[30px] flex-initial cursor-pointer border-0 border-y-[10px] border-solid border-transparent bg-white bg-clip-padding p-0 -indent-[999px] opacity-50 transition-opacity duration-[600ms] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] motion-reduce:transition-none",
              "aria-label": "Slide 2"
            }
          )
        ] }),
        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
          "div",
          {
            className: "relative w-full overflow-hidden after:clear-both after:block after:content-['']",
            children: [
              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "relative float-left -mr-[100%] w-full transition-transform duration-[600ms] ease-in-out motion-reduce:transition-none", "data-te-carousel-active": !0, "data-te-carousel-item": !0, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("img", { src: proyecto6_1_default, className: "block w-full", alt: "Nombre del proyecto" }) }),
              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "relative float-left -mr-[100%] hidden w-full transition-transform duration-[600ms] ease-in-out motion-reduce:transition-none", "data-te-carousel-item": !0, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("img", { src: proyecto6_2_default, className: "block w-full", alt: "Nombre del proyecto" }) })
            ]
          }
        )
      ] }) })
    ] }),
    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("hr", {}),
    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "lg:flex", children: [
      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "lg:w-7/12 p-5", children: [
        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("h2", { className: "uppercase text-2xl font-MontserratSemiBold mb-5 lg:mb-10", children: "PUERTA DECK SILVER GRAY" }),
        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "font-MontserratRegular mb-5", children: "En Eversafe no solo contamos con puertas o proyectos de celos\xEDa si no que tambi\xE9n contamos con productos tecnol\xF3gicos para la seguridad del hogar, te presentamos este proyecto de puerta acorazada deck con cerradura digital y maneral. La puerta es fabricada con marcos y maneral de; y soportes de ptr en pintura electrost\xE1tica color negro con un aislante ligero (t\xE9rmico y auditivo) y placas de deck color silver gray que son resistentes al agua y rayos del sol. Nuestra cerradura digital cuenta con 5 modos de desbloqueos: tarjeta, fingerprint, contrase\xF1a, llave y por medio de la App TUYA." })
      ] }),
      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "lg:w-5/12 p-5", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { id: "carouselExampleCaptions7", className: "relative", "data-te-carousel-init": !0, "data-te-carousel-slide": !0, children: [
        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "absolute bottom-0 left-0 right-0 z-[2] mx-[15%] mb-4 flex list-none justify-center p-0", "data-te-carousel-indicators": !0, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", "data-te-target": "#carouselExampleCaptions7", "data-te-slide-to": "0", "data-te-carousel-active": !0, className: "mx-[3px] box-content h-[3px] w-[30px] flex-initial cursor-pointer border-0 border-y-[10px] border-solid border-transparent bg-white bg-clip-padding p-0 -indent-[999px] opacity-50 transition-opacity duration-[600ms] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] motion-reduce:transition-none", "aria-current": "true", "aria-label": "Slide 1" }) }),
        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
          "div",
          {
            className: "relative w-full overflow-hidden after:clear-both after:block after:content-['']",
            children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "relative float-left -mr-[100%] w-full transition-transform duration-[600ms] ease-in-out motion-reduce:transition-none", "data-te-carousel-active": !0, "data-te-carousel-item": !0, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("img", { src: proyecto7_1_default, className: "block w-full", alt: "Nombre del proyecto" }) })
          }
        )
      ] }) })
    ] }),
    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("hr", {}),
    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "lg:flex", children: [
      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "lg:w-7/12 p-5", children: [
        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("h2", { className: "uppercase text-2xl font-MontserratSemiBold mb-5 lg:mb-10", children: "PUERTA DE ACERO CON TRAGALUZ" }),
        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "font-MontserratRegular mb-5", children: "Puerta fabricada a medida modelo Eversafe, dise\xF1o minimalista seleccionado por el cliente. Esta puerta es fabricada con marco y placas de 1/16\u201D de acero en pintura electrost\xE1tica en color negro con una peque\xF1a ventana en cristal reflecta plata y una cerradura escogida especialmente por el cliente." })
      ] }),
      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "lg:w-5/12 p-5", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { id: "carouselExampleCaptions8", className: "relative", "data-te-carousel-init": !0, "data-te-carousel-slide": !0, children: [
        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "absolute bottom-0 left-0 right-0 z-[2] mx-[15%] mb-4 flex list-none justify-center p-0", "data-te-carousel-indicators": !0, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", "data-te-target": "#carouselExampleCaptions8", "data-te-slide-to": "0", "data-te-carousel-active": !0, className: "mx-[3px] box-content h-[3px] w-[30px] flex-initial cursor-pointer border-0 border-y-[10px] border-solid border-transparent bg-white bg-clip-padding p-0 -indent-[999px] opacity-50 transition-opacity duration-[600ms] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] motion-reduce:transition-none", "aria-current": "true", "aria-label": "Slide 1" }) }),
        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
          "div",
          {
            className: "relative w-full overflow-hidden after:clear-both after:block after:content-['']",
            children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "relative float-left -mr-[100%] w-full transition-transform duration-[600ms] ease-in-out motion-reduce:transition-none", "data-te-carousel-active": !0, "data-te-carousel-item": !0, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("img", { src: proyecto8_1_default, className: "block w-full", alt: "Nombre del proyecto" }) })
          }
        )
      ] }) })
    ] }),
    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("hr", {}),
    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "lg:flex", children: [
      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "lg:w-7/12 p-5", children: [
        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("h2", { className: "uppercase text-2xl font-MontserratSemiBold mb-5 lg:mb-10", children: "PUERTA DOBLE DE DECK BLACK" }),
        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "font-MontserratRegular mb-5", children: "Eversafe siempre piensa en las necesidades del cliente, este proyecto es una puerta doble con 2 fijos laterales de celos\xEDa con cristal. La puerta doble acorazada est\xE1 fabricada con marcos resistentes de acero y soportes de ptr en el interior para una mayor resistencia todo en pintura electrost\xE1tica color negro, un ligero aislante ligero (t\xE9rmico y auditivo) con placas de deck color black que es resistente al agua y calor. Los fijos son en placas de acero de 1/8\u201D cortada en l\xE1ser en modelo squard con cristal filtra sol ahumado." })
      ] }),
      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "lg:w-5/12 p-5", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { id: "carouselExampleCaptions9", className: "relative", "data-te-carousel-init": !0, "data-te-carousel-slide": !0, children: [
        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "absolute bottom-0 left-0 right-0 z-[2] mx-[15%] mb-4 flex list-none justify-center p-0", "data-te-carousel-indicators": !0, children: [
          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", "data-te-target": "#carouselExampleCaptions9", "data-te-slide-to": "0", "data-te-carousel-active": !0, className: "mx-[3px] box-content h-[3px] w-[30px] flex-initial cursor-pointer border-0 border-y-[10px] border-solid border-transparent bg-white bg-clip-padding p-0 -indent-[999px] opacity-50 transition-opacity duration-[600ms] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] motion-reduce:transition-none", "aria-current": "true", "aria-label": "Slide 1" }),
          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
            "button",
            {
              type: "button",
              "data-te-target": "#carouselExampleCaptions9",
              "data-te-slide-to": "1",
              className: "mx-[3px] box-content h-[3px] w-[30px] flex-initial cursor-pointer border-0 border-y-[10px] border-solid border-transparent bg-white bg-clip-padding p-0 -indent-[999px] opacity-50 transition-opacity duration-[600ms] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] motion-reduce:transition-none",
              "aria-label": "Slide 2"
            }
          )
        ] }),
        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
          "div",
          {
            className: "relative w-full overflow-hidden after:clear-both after:block after:content-['']",
            children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "relative float-left -mr-[100%] w-full transition-transform duration-[600ms] ease-in-out motion-reduce:transition-none", "data-te-carousel-active": !0, "data-te-carousel-item": !0, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("img", { src: proyecto9_1_default, className: "block w-full", alt: "Nombre del proyecto" }) })
          }
        )
      ] }) })
    ] }),
    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("hr", {}),
    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "lg:flex", children: [
      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "lg:w-7/12 p-5", children: [
        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("h2", { className: "uppercase text-2xl font-MontserratSemiBold mb-5 lg:mb-10", children: "PUERTA PIVOTE PREMIUM" }),
        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "font-MontserratRegular mb-5", children: "Puerta pivote modelo Eversafe en pintura automotriz colores, dorado, caf\xE9 y negro. Esta puerta es fabricada con marco sencillo y placas de 1/16\u201D de acero, con un tipo maneral y cerradura digital modelo Smart Lock I. Nuestra cerradura digital cuenta con 5 modos de desbloqueos: tarjeta, fingerprint, contrase\xF1a, llave y por medio de la App TUYA." })
      ] }),
      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "lg:w-5/12 p-5", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { id: "carouselExampleCaptions10", className: "relative", "data-te-carousel-init": !0, "data-te-carousel-slide": !0, children: [
        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "absolute bottom-0 left-0 right-0 z-[2] mx-[15%] mb-4 flex list-none justify-center p-0", "data-te-carousel-indicators": !0, children: [
          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", "data-te-target": "#carouselExampleCaptions10", "data-te-slide-to": "0", "data-te-carousel-active": !0, className: "mx-[3px] box-content h-[3px] w-[30px] flex-initial cursor-pointer border-0 border-y-[10px] border-solid border-transparent bg-white bg-clip-padding p-0 -indent-[999px] opacity-50 transition-opacity duration-[600ms] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] motion-reduce:transition-none", "aria-current": "true", "aria-label": "Slide 1" }),
          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
            "button",
            {
              type: "button",
              "data-te-target": "#carouselExampleCaptions10",
              "data-te-slide-to": "1",
              className: "mx-[3px] box-content h-[3px] w-[30px] flex-initial cursor-pointer border-0 border-y-[10px] border-solid border-transparent bg-white bg-clip-padding p-0 -indent-[999px] opacity-50 transition-opacity duration-[600ms] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] motion-reduce:transition-none",
              "aria-label": "Slide 2"
            }
          )
        ] }),
        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
          "div",
          {
            className: "relative w-full overflow-hidden after:clear-both after:block after:content-['']",
            children: [
              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "relative float-left -mr-[100%] w-full transition-transform duration-[600ms] ease-in-out motion-reduce:transition-none", "data-te-carousel-active": !0, "data-te-carousel-item": !0, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("img", { src: proyecto10_1_default, className: "block w-full", alt: "Nombre del proyecto" }) }),
              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "relative float-left -mr-[100%] hidden w-full transition-transform duration-[600ms] ease-in-out motion-reduce:transition-none", "data-te-carousel-item": !0, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("img", { src: proyecto10_2_default, className: "block w-full", alt: "Nombre del proyecto" }) })
            ]
          }
        )
      ] }) })
    ] })
  ] }) }),
  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("section", { className: "mb-20", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "container w-10/12 mx-auto mt-20", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react7.Link, { to: "/productos", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("img", { src: cintillo1_default, alt: "Productos" }) }) }) })
] }), nuestros_proyectos_default = NuestrosProyectos;

// app/routes/compra-finalizada.jsx
var compra_finalizada_exports = {};
__export(compra_finalizada_exports, {
  default: () => compra_finalizada_default
});
var import_react8 = require("@remix-run/react"), import_react9 = require("react");

// public/assets/img/icon-fin.webp
var icon_fin_default = "/build/_assets/icon-fin-4JQFFVYB.webp";

// public/assets/img/logo-benef.webp
var logo_benef_default = "/build/_assets/logo-benef-T36LCSPK.webp";

// app/routes/compra-finalizada.jsx
var import_jsx_runtime6 = require("react/jsx-runtime"), CompraFinalizada = () => {
  let { carrito, setCarrito, carritoMedida, setCarritoMedida } = (0, import_react8.useOutletContext)();
  return (0, import_react9.useEffect)(() => {
    setCarrito([]), setCarritoMedida([]), typeof window < "u" && localStorage.setItem("carrito", JSON.stringify(carrito)), typeof window < "u" && localStorage.setItem("carritoMedida", JSON.stringify(carritoMedida));
  }, []), /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex flex-col gap-10 justify-center items-center py-20 px-10", children: [
    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("img", { src: logo_benef_default, alt: "Logo Eversafe" }),
    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("img", { src: icon_fin_default, alt: "Icono compra exitosa", width: 150, height: 50 }),
    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h2", { className: "text-3xl lg:text-4xl text-eGray font-MontserratBold", children: "\xA1Muchas gracias!" }),
    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "text-eGray font-MontserratSemiBold text-center", children: "Tu compra se ha realizado con \xE9xito. Se ha enviado un correo electr\xF3nico con toda la informaci\xF3n de tu orden." }),
    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react8.Link, { className: "bg-eYellow rounded-md py-3 px-6", to: "/", children: "Ir al inicio" })
  ] });
}, compra_finalizada_default = CompraFinalizada;

// app/routes/productos-detalle.jsx
var productos_detalle_exports = {};
__export(productos_detalle_exports, {
  default: () => productos_detalle_default
});
var import_react13 = require("@remix-run/react"), import_flowbite_react3 = require("flowbite-react"), import_react14 = require("react");

// app/components/carouselmasvendidos.jsx
var import_flowbite_react2 = require("flowbite-react"), import_remix_utils = require("remix-utils"), import_react10 = require("@remix-run/react");

// public/assets/img/next-btn.webp
var next_btn_default = "/build/_assets/next-btn-B52HKHNO.webp";

// public/assets/img/back-btn.webp
var back_btn_default = "/build/_assets/back-btn-FEPAN4UL.webp";

// app/helpers/functions.js
var generarId = () => {
  let random = Math.random().toString(36).substring(2), fecha = Date.now().toString(36);
  return random + fecha;
}, numberWithCommas = (x) => x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","), validateEmail = (x) => !!/^([\da-z_\.-]+)@([\da-z\.-]+)\.([a-z\.]{2,6})$/.exec(x);

// app/components/carouselmasvendidos.jsx
var import_react11 = require("react"), import_jsx_runtime7 = require("react/jsx-runtime"), CarouselMasVendidos = ({ carousel, baseUrl }) => {
  let CarouselCustomTheme = {
    root: {
      leftControl: "absolute top-0 -left-16 flex h-full items-center justify-center px-4 focus:outline-none",
      rightControl: "absolute top-0 -right-16 flex h-full items-center justify-center px-4 focus:outline-none"
    }
  }, [items, setItems] = (0, import_react11.useState)({});
  return (0, import_react11.useEffect)(() => {
    let masvendidos = carousel.filter((item) => item.b_mas_vendido === 1);
    setItems(masvendidos);
  }, []), /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_remix_utils.ClientOnly, { fallback: "", children: () => (items == null ? void 0 : items.length) > 0 ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
      import_flowbite_react2.Carousel,
      {
        slideInterval: 5e3,
        className: "sm:hidden md:hidden lg:hidden xl:hidden",
        indicators: !1,
        leftControl: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("img", { src: back_btn_default, alt: "Anterior", className: "relative -left-10 lg:-left-14 w-20" }) }),
        rightControl: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("img", { src: next_btn_default, alt: "Siguiente", className: "relative left-10 lg:left-14 w-20" }) }),
        children: items != null && items.length ? items == null ? void 0 : items.map((item, idx) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "w-1/6 bg-white m-1 flex flex-col justify-between items-center px-0 py-5", children: [
          item.i_descuento === 0 ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("img", { src: baseUrl + item.vc_imagen, alt: "Puerta de seguridad", className: "mb-2" }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "relative", children: [
            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("img", { src: baseUrl + item.vc_imagen, alt: "Puerta de seguridad", className: "mb-2" }),
            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "absolute top-5 text-center left-8", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "bg-eRed text-white uppercase font-MontserratRegular text-sm rounded-md py-1 px-2", children: [
              "menos ",
              item.i_descuento,
              "%"
            ] }) })
          ] }),
          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "text-eBlack text-center mb-2 px-2", children: item.vc_modelo }),
          item.i_descuento === 0 ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("p", { className: "w-full text-eBlack text-center font-MontserratSemiBold text-xl mb-2 px-2", children: [
            "$",
            item.f_precio
          ] }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("p", { className: "w-full text-eBlack text-center font-MontserratSemiBold text-xs mb-2 px-2 line-through", children: [
              "$",
              item.f_precio
            ] }),
            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("p", { className: "w-full text-eBlack text-center font-MontserratSemiBold text-xl mb-2 px-2", children: [
              "$",
              numberWithCommas((item.f_precio.replace(",", "") / (1 + item.i_descuento / 100)).toFixed(2))
            ] })
          ] }),
          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { children: item.i_descuento === 0 ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react10.Link, { to: "/productos/" + item.vc_url, className: "bg-eYellow py-2 px-5 text-eBlack !rounded-full", children: "Ver\xA0Detalles" }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react10.Link, { to: "/productos/" + item.vc_url, className: "bg-eRed py-2 px-5 text-white !rounded-full", children: "Ver\xA0Promoci\xF3n" }) })
        ] }, idx)) : "Sin elementos"
      }
    ),
    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
      import_flowbite_react2.Carousel,
      {
        slideInterval: 5e3,
        className: "hidden sm:block md:hidden lg:hidden xl:hidden",
        indicators: !1,
        leftControl: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("img", { src: back_btn_default, alt: "Anterior", className: "relative -left-14 w-20" }) }),
        rightControl: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("img", { src: next_btn_default, alt: "Siguiente", className: "relative left-14 w-20" }) }),
        children: (() => {
          let options = [];
          for (let i = 0; i < Math.ceil(items.length / 2); i++)
            options.push(/* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "flex", children: items.map((item, idx) => idx >= 2 * i && idx < 2 * (i + 1) ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "w-1/2 bg-white m-1 flex flex-col justify-between items-center px-0 py-5", children: [
              item.i_descuento === 0 ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("img", { src: baseUrl + item.vc_imagen, alt: "Puerta de seguridad", className: "mb-2" }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "relative", children: [
                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("img", { src: baseUrl + item.vc_imagen, alt: "Puerta de seguridad", className: "mb-2" }),
                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "absolute top-5 text-center left-8", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "bg-eRed text-white uppercase font-MontserratRegular text-sm rounded-md py-1 px-2", children: [
                  "menos ",
                  item.i_descuento,
                  "%"
                ] }) })
              ] }),
              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "text-eBlack text-center mb-2 px-2", children: item.vc_modelo }),
              item.i_descuento === 0 ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("p", { className: "w-full text-eBlack text-center font-MontserratSemiBold text-xl mb-2 px-2", children: [
                "$",
                item.f_precio
              ] }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
                /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("p", { className: "w-full text-eBlack text-center font-MontserratSemiBold text-xs mb-2 px-2 line-through", children: [
                  "$",
                  item.f_precio
                ] }),
                /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("p", { className: "w-full text-eBlack text-center font-MontserratSemiBold text-xl mb-2 px-2", children: [
                  "$",
                  numberWithCommas((item.f_precio.replace(",", "") / (1 + item.i_descuento / 100)).toFixed(2))
                ] })
              ] }),
              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { children: item.i_descuento === 0 ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react10.Link, { to: "/productos/" + item.vc_url, className: "bg-eYellow py-2 px-5 text-eBlack !rounded-full", children: "Ver Detalles" }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react10.Link, { to: "/productos/" + item.vc_url, className: "bg-eRed py-2 px-5 text-white !rounded-full", children: "Ver Promoci\xF3n" }) })
            ] }, idx) : "") }, i));
          return options;
        })()
      }
    ),
    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
      import_flowbite_react2.Carousel,
      {
        slideInterval: 5e3,
        className: "hidden sm:hidden md:block lg:hidden xl:hidden",
        indicators: !1,
        theme: CarouselCustomTheme,
        leftControl: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("img", { src: back_btn_default, alt: "Anterior", className: "relative w-20" }) }),
        rightControl: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("img", { src: next_btn_default, alt: "Siguiente", className: "relative w-20" }) }),
        children: (() => {
          let options = [];
          for (let i = 0; i < Math.ceil(items.length / 3); i++)
            options.push(/* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "flex", children: items.map((item, idx) => idx >= 3 * i && idx < 3 * (i + 1) ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "w-1/3 bg-white m-1 flex flex-col justify-between items-center px-0 py-5", children: [
              item.i_descuento === 0 ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("img", { src: baseUrl + item.vc_imagen, alt: "Puerta de seguridad", className: "mb-2" }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "relative", children: [
                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("img", { src: baseUrl + item.vc_imagen, alt: "Puerta de seguridad", className: "mb-2" }),
                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "absolute top-5 text-center left-8", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "bg-eRed text-white uppercase font-MontserratRegular text-sm rounded-md py-1 px-2", children: [
                  "menos ",
                  item.i_descuento,
                  "%"
                ] }) })
              ] }),
              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "text-eBlack text-center mb-2 px-2", children: item.vc_modelo }),
              item.i_descuento === 0 ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("p", { className: "w-full text-eBlack text-center font-MontserratSemiBold text-xl mb-2 px-2", children: [
                "$",
                item.f_precio
              ] }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
                /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("p", { className: "w-full text-eBlack text-center font-MontserratSemiBold text-xs mb-2 px-2 line-through", children: [
                  "$",
                  item.f_precio
                ] }),
                /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("p", { className: "w-full text-eBlack text-center font-MontserratSemiBold text-xl mb-2 px-2", children: [
                  "$",
                  numberWithCommas((item.f_precio.replace(",", "") / (1 + item.i_descuento / 100)).toFixed(2))
                ] })
              ] }),
              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { children: item.i_descuento === 0 ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react10.Link, { to: "/productos/" + item.vc_url, className: "bg-eYellow py-2 px-5 text-eBlack !rounded-full", children: "Ver Detalles" }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react10.Link, { to: "/productos/" + item.vc_url, className: "bg-eRed py-2 px-5 text-white !rounded-full", children: "Ver Promoci\xF3n" }) })
            ] }, idx) : "") }, i));
          return options;
        })()
      }
    ),
    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
      import_flowbite_react2.Carousel,
      {
        slideInterval: 5e3,
        className: "hidden sm:hidden md:hidden lg:block ",
        indicators: !1,
        theme: CarouselCustomTheme,
        leftControl: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("img", { src: back_btn_default, alt: "Anterior", className: "relative w-20" }) }),
        rightControl: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("img", { src: next_btn_default, alt: "Siguiente", className: "relative w-20" }) }),
        children: (() => {
          let options = [];
          for (let i = 0; i < Math.ceil(items.length / 5); i++)
            options.push(/* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "flex", children: items.map((item, idx) => idx >= 5 * i && idx < 5 * (i + 1) ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "w-1/5 bg-white m-1 flex flex-col justify-between items-center px-0 py-5", children: [
              item.i_descuento === 0 ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("img", { src: baseUrl + item.vc_imagen, alt: "Puerta de seguridad", className: "mb-2" }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "relative", children: [
                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("img", { src: baseUrl + item.vc_imagen, alt: "Puerta de seguridad", className: "mb-2" }),
                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "absolute top-5 text-center -left-4", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "bg-eRed text-white uppercase font-MontserratRegular text-sm rounded-md py-1 px-2", children: [
                  "menos ",
                  item.i_descuento,
                  "%"
                ] }) })
              ] }),
              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "text-eBlack text-center mb-2 px-2", children: item.vc_modelo }),
              item.i_descuento === 0 ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("p", { className: "w-full text-eBlack text-center font-MontserratSemiBold text-xl mb-2 px-2", children: [
                "$",
                item.f_precio
              ] }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
                /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("p", { className: "w-full text-eBlack text-center font-MontserratSemiBold text-xs mb-2 px-2 line-through", children: [
                  "$",
                  item.f_precio
                ] }),
                /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("p", { className: "w-full text-eBlack text-center font-MontserratSemiBold text-xl mb-2 px-2", children: [
                  "$",
                  numberWithCommas((item.f_precio.replace(",", "") / (1 + item.i_descuento / 100)).toFixed(2))
                ] })
              ] }),
              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { children: item.i_descuento === 0 ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react10.Link, { to: "/productos/" + item.vc_url, className: "bg-eYellow py-2 px-5 text-eBlack !rounded-full", children: "Ver Detalles" }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react10.Link, { to: "/productos/" + item.vc_url, className: "bg-eRed py-2 px-5 text-white !rounded-full", children: "Ver Promoci\xF3n" }) })
            ] }, idx) : "") }, i));
          return options;
        })()
      }
    )
  ] }) : "Sin Datos" });
}, carouselmasvendidos_default = CarouselMasVendidos;

// app/components/personalizatupuerta.jsx
var import_react12 = require("@remix-run/react");

// public/assets/img/img-banner.webp
var img_banner_default = "/build/_assets/img-banner-WMOKAB37.webp";

// public/assets/img/tool-icon.webp
var tool_icon_default = "/build/_assets/tool-icon-YQQAPVMW.webp";

// app/components/personalizatupuerta.jsx
var import_jsx_runtime8 = require("react/jsx-runtime"), PersonalizaTuPuerta = () => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "lg:flex", children: [
  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "lg:w-1/2", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("img", { src: img_banner_default, alt: "Personaliza tu puerta" }) }),
  /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "lg:w-1/2 bg-eYellow p-5 lg:p-10 lg:flex flex-col justify-center items-center", children: [
    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex justify-center items-start", children: [
      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("img", { className: "w-6 mt-2 mr-3", src: tool_icon_default, alt: "Personaliza tu puerta a la medida" }),
      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("p", { className: "text-2xl xl:text-3xl text-eBlack font-MontserratSemiBold uppercase", children: [
        "personaliza tu",
        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("br", {}),
        "puerta a la medida"
      ] })
    ] }),
    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "sm:flex mt-5", children: [
      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "sm:w-1/2 p-2", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("ul", { children: [
        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("li", { className: "bg-checkPattern bg-no-repeat pl-10 text-eBlack text-lg lg:text-xs xl:text-base font-MontserratMedium uppercase", children: "Puertas a la medida" }),
        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("li", { className: "bg-checkPattern bg-no-repeat pl-10 text-eBlack text-lg lg:text-xs xl:text-base font-MontserratMedium uppercase", children: "Estructura de seguridad" }),
        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("li", { className: "bg-checkPattern bg-no-repeat pl-10 text-eBlack text-lg lg:text-xs xl:text-base font-MontserratMedium uppercase", children: "Dise\xF1o personalizable" }),
        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("li", { className: "bg-checkPattern bg-no-repeat pl-10 text-eBlack text-lg lg:text-xs xl:text-base font-MontserratMedium uppercase", children: "Acabados Premium" }),
        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("li", { className: "bg-checkPattern bg-no-repeat pl-10 text-eBlack text-lg lg:text-xs xl:text-base font-MontserratMedium uppercase", children: "Env\xEDos a domicilio" })
      ] }) }),
      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "sm:w-1/2 p-2", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("ul", { children: [
        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("li", { className: "bg-checkPattern bg-no-repeat pl-10 text-eBlack text-lg lg:text-xs xl:text-base font-MontserratMedium uppercase", children: "Servicio de instalaci\xF3n" }),
        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("li", { className: "bg-checkPattern bg-no-repeat pl-10 text-eBlack text-lg lg:text-xs xl:text-base font-MontserratMedium uppercase", children: "Materiales de alta calidad" }),
        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("li", { className: "bg-checkPattern bg-no-repeat pl-10 text-eBlack text-lg lg:text-xs xl:text-base font-MontserratMedium uppercase", children: "Cerradura de seguridad" }),
        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("li", { className: "bg-checkPattern bg-no-repeat pl-10 text-eBlack text-lg lg:text-xs xl:text-base font-MontserratMedium uppercase", children: "Servicio Postventa" }),
        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("li", { className: "bg-checkPattern bg-no-repeat pl-10 text-eBlack text-lg lg:text-xs xl:text-base font-MontserratMedium uppercase", children: "Innovaci\xF3n en Fabricaci\xF3n" })
      ] }) })
    ] }),
    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "flex justify-center items-center mt-5", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react12.Link, { to: "/puertas-a-medida", className: "bg-white hover:bg-white text-eBlack text-lg font-MontserratRegular !rounded-full py-3 px-8", children: "\xA1Cr\xE9ala ahora!" }) })
  ] })
] }) }), personalizatupuerta_default = PersonalizaTuPuerta;

// public/assets/img/puerta-galeria-01.webp
var puerta_galeria_01_default = "/build/_assets/puerta-galeria-01-VWKXQHBT.webp";

// public/assets/img/puerta-galeria-02.webp
var puerta_galeria_02_default = "/build/_assets/puerta-galeria-02-7QMMMQOT.webp";

// public/assets/img/puerta-galeria-03.webp
var puerta_galeria_03_default = "/build/_assets/puerta-galeria-03-NBPSH5WI.webp";

// public/assets/img/puerta-galeria-04.webp
var puerta_galeria_04_default = "/build/_assets/puerta-galeria-04-W2BRMN5B.webp";

// public/assets/img/btn-buscar.webp
var btn_buscar_default = "/build/_assets/btn-buscar-CJNSLIUT.webp";

// public/assets/img/img-cerradura1.webp
var img_cerradura1_default = "/build/_assets/img-cerradura1-2KJXPMEK.webp";

// public/assets/img/img-cerradura2.webp
var img_cerradura2_default = "/build/_assets/img-cerradura2-TIQCIEIS.webp";

// public/assets/img/btn-less.webp
var btn_less_default = "/build/_assets/btn-less-HPXTTKQO.webp";

// public/assets/img/btn-more.webp
var btn_more_default = "/build/_assets/btn-more-CCAOTNIX.webp";

// public/assets/img/cart-icon-dark.webp
var cart_icon_dark_default = "/build/_assets/cart-icon-dark-ZF2NIEUA.webp";

// public/assets/img/check-icon-green.webp
var check_icon_green_default = "/build/_assets/check-icon-green-LLKDU573.webp";

// app/routes/productos-detalle.jsx
var import_jsx_runtime9 = require("react/jsx-runtime"), ProductosDetalle = () => {
  let [cantidad, setCantidad] = (0, import_react14.useState)(0), [galeria, setGaleria] = (0, import_react14.useState)(puerta_galeria_01_default);
  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "bg-eLightGray", children: [
    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("section", { className: "container w-10/12 mx-auto", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "lg:flex py-10", children: [
      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "w-full lg:w-5/12 lg:m-5", children: [
        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "bg-white rounded-md p-2 sm:p-20", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("img", { src: galeria, alt: "Galer\xEDa" }) }),
        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex mt-5", children: [
          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "w-1/12 flex justify-center items-center", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("img", { src: back_btn_default, alt: "Previo" }) }),
          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "w-10/12", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex", children: [
            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "m-3 rounded-md", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("button", { className: "focus:border-4 focus:border-eBlue rounded-md", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("img", { src: puerta_galeria_01_default, onClick: () => setGaleria(puerta_galeria_01_default), alt: "Galeria 1" }) }) }),
            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "m-3 rounded-md", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("button", { className: "focus:border-4 focus:border-eBlue rounded-md", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("img", { src: puerta_galeria_02_default, onClick: () => setGaleria(puerta_galeria_02_default), alt: "Galeria 2" }) }) }),
            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "m-3 rounded-md", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("button", { className: "focus:border-4 focus:border-eBlue rounded-md", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("img", { src: puerta_galeria_03_default, onClick: () => setGaleria(puerta_galeria_03_default), alt: "Galeria 3" }) }) }),
            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "m-3 rounded-md", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("button", { className: "focus:border-4 focus:border-eBlue rounded-md", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("img", { src: puerta_galeria_04_default, onClick: () => setGaleria(puerta_galeria_04_default), alt: "Galeria 4" }) }) })
          ] }) }),
          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "w-1/12 flex justify-center items-center", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("img", { src: next_btn_default, alt: "Siguiente" }) })
        ] })
      ] }),
      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "w-full lg:w-7/12 lg:m-5", children: [
        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "grid grid-cols-1 lg:flex justify-between", children: [
          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "lg:w-6/12", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "font-MontserratSemiBold text-eGray text-2xl", children: "Puerta de seguridad cartagena" }) }),
          /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "lg:w-6/12 flex flex-col justify-start items-end", children: [
            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "font-MontserratSemiBold text-eGray text-2xl", children: "$12,871.00" }),
            /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_flowbite_react3.Rating, { children: [
              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_flowbite_react3.Rating.Star, {}),
              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_flowbite_react3.Rating.Star, {}),
              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_flowbite_react3.Rating.Star, {}),
              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_flowbite_react3.Rating.Star, {}),
              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_flowbite_react3.Rating.Star, { filled: !1 })
            ] })
          ] })
        ] }),
        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("ul", { className: "mb-0 flex list-none flex-col flex-wrap border-b-0 pl-0 md:flex-row", role: "tablist", "data-te-nav-ref": !0, children: [
          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("li", { role: "presentation", className: "flex-auto text-center", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("a", { href: "#tabs-home01", className: "mt-2 block border-x-0 border-b-2 border-t-0 border-transparent px-7 pb-3.5 pt-4 text-xs font-MontserratRegular uppercase leading-tight text-eGray hover:isolate hover:border-transparent hover:bg-white focus:isolate focus:border-transparent data-[te-nav-active]:bg-white data-[te-nav-active]:text-eGray dark:text-neutral-400 dark:hover:bg-transparent dark:data-[te-nav-active]:border-primary-400 dark:data-[te-nav-active]:text-primary-400", "data-te-toggle": "pill", "data-te-target": "#tabs-home01", "data-te-nav-active": !0, role: "tab", "aria-controls": "tabs-home01", "aria-selected": "true", children: "descripci\xF3n" }) }),
          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("li", { role: "presentation", className: "flex-auto text-center", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("a", { href: "#tabs-profile01", className: "focus:border-transparen mt-2 block border-x-0 border-b-2 border-t-0 border-transparent px-7 pb-3.5 pt-4 text-xs font-MontserratRegular uppercase leading-tight text-eGray hover:isolate hover:border-transparent hover:bg-white focus:isolate data-[te-nav-active]:bg-white data-[te-nav-active]:border-white data-[te-nav-active]:text-eGray dark:text-neutral-400 dark:hover:bg-transparent dark:data-[te-nav-active]:border-primary-400 dark:data-[te-nav-active]:text-primary-400", "data-te-toggle": "pill", "data-te-target": "#tabs-profile01", role: "tab", "aria-controls": "tabs-profile01", "aria-selected": "false", children: "caracter\xEDsticas" }) }),
          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("li", { role: "presentation", className: "flex-auto text-center", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("a", { href: "#tabs-messages01", className: "mt-2 block border-x-0 border-b-2 border-t-0 border-transparent px-7 pb-3.5 pt-4 text-xs font-MontserratRegular uppercase leading-tight text-eGray hover:isolate hover:border-transparent hover:bg-white focus:isolate focus:border-transparent data-[te-nav-active]:bg-white data-[te-nav-active]:border-white data-[te-nav-active]:text-primary dark:text-neutral-400 dark:hover:bg-transparent dark:data-[te-nav-active]:border-primary-400 dark:data-[te-nav-active]:text-eGray-400", "data-te-toggle": "pill", "data-te-target": "#tabs-messages01", role: "tab", "aria-controls": "tabs-messages01", "aria-selected": "false", children: "ficha t\xE9cnica" }) })
        ] }),
        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "mb-6", children: [
          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
            "div",
            {
              className: "hidden  transition-opacity duration-150 ease-linear data-[te-tab-active]:block data-[te-tab-active]:bg-white px-10 py-5",
              id: "tabs-home01",
              role: "tabpanel",
              "aria-labelledby": "tabs-home-tab01",
              "data-te-tab-active": !0,
              children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("ul", { children: [
                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("li", { className: "font-MontserratRegular", children: " - Medida de producto: 120cm x 213cm" }),
                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("li", { className: "font-MontserratRegular", children: " - Ancho de pureta: 5cm" }),
                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("li", { className: "font-MontserratRegular", children: " - Puntos de seguridad: 16 pernos" }),
                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("li", { className: "font-MontserratRegular", children: " - Manija de acero" }),
                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("li", { className: "font-MontserratRegular", children: " - Bisagras de acero reforzadas ocultas" }),
                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("li", { className: "font-MontserratRegular", children: " - Acabado Chocolate" }),
                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("li", { className: "font-MontserratRegular", children: " - Kit de instalaci\xF3n b\xE1sica incluido" }),
                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("li", { className: "font-MontserratRegular", children: " - Manual de instalaci\xF3n" })
              ] })
            }
          ),
          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
            "div",
            {
              className: "hidden opacity-0 transition-opacity duration-150 ease-linear data-[te-tab-active]:block data-[te-tab-active]:bg-white px-10 py-5",
              id: "tabs-profile01",
              role: "tabpanel",
              "aria-labelledby": "tabs-profile-tab01",
              children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("ul", { children: [
                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("li", { className: "font-MontserratRegular", children: " - Medida de producto: 120cm x 213cm" }),
                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("li", { className: "font-MontserratRegular", children: " - Ancho de pureta: 5cm" }),
                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("li", { className: "font-MontserratRegular", children: " - Puntos de seguridad: 16 pernos" }),
                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("li", { className: "font-MontserratRegular", children: " - Manija de acero" }),
                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("li", { className: "font-MontserratRegular", children: " - Bisagras de acero reforzadas ocultas" }),
                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("li", { className: "font-MontserratRegular", children: " - Acabado Chocolate" }),
                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("li", { className: "font-MontserratRegular", children: " - Kit de instalaci\xF3n b\xE1sica incluido" }),
                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("li", { className: "font-MontserratRegular", children: " - Manual de instalaci\xF3n" })
              ] })
            }
          ),
          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
            "div",
            {
              className: "hidden opacity-0 transition-opacity duration-150 ease-linear data-[te-tab-active]:block data-[te-tab-active]:bg-white px-10 py-5",
              id: "tabs-messages01",
              role: "tabpanel",
              "aria-labelledby": "tabs-profile-tab01",
              children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("ul", { children: [
                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("li", { className: "font-MontserratRegular", children: " - Medida de producto: 120cm x 213cm" }),
                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("li", { className: "font-MontserratRegular", children: " - Ancho de pureta: 5cm" }),
                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("li", { className: "font-MontserratRegular", children: " - Puntos de seguridad: 16 pernos" }),
                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("li", { className: "font-MontserratRegular", children: " - Manija de acero" }),
                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("li", { className: "font-MontserratRegular", children: " - Bisagras de acero reforzadas ocultas" }),
                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("li", { className: "font-MontserratRegular", children: " - Acabado Chocolate" }),
                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("li", { className: "font-MontserratRegular", children: " - Kit de instalaci\xF3n b\xE1sica incluido" }),
                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("li", { className: "font-MontserratRegular", children: " - Manual de instalaci\xF3n" })
              ] })
            }
          )
        ] }),
        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "lg:flex gap-4 mt-10", children: [
          /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "lg:w-6/12", children: [
            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("label", { htmlFor: "apertura", className: "font-MontserratRegular", children: "Direcci\xF3n de apertura:" }),
            /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("select", { id: "apertura", className: "mt-5 w-full bg-dropPattern rounded-md border-2 focus:border-eYellow focus:ring-0 border-eGray uppercase content-none select:appearance-none", children: [
              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("option", { value: "", children: "Selecciona" }),
              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("option", { value: "izq", children: "Izquierda" }),
              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("option", { value: "der", children: "Derecha" })
            ] })
          ] }),
          /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "lg:w-6/12 mt-5 lg:mt-0", children: [
            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("label", { htmlFor: "cobertura", className: "font-MontserratRegular", children: "Cobertura de env\xEDo:" }),
            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react13.Form, { className: "mt-5", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex ", children: [
              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("input", { id: "cobertura", type: "text", placeholder: "C\xD3DIGO POSTAL", className: "focus:border-eYellow focus:ring-0 border-2 border-r-0 border-eGray rounded-l-md w-full" }),
              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("button", { className: "bg-white border-2 border-l-0 border-eGray focus:ring-0 rounded-r-md", type: "submit", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("img", { src: btn_buscar_default, alt: "Buscar", className: "p-1" }) })
            ] }) })
          ] })
        ] }),
        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("hr", { className: "my-10" }),
        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "uppercase font-MontserratSemiBold text-eBlack ml-5", children: "Agrega una cerradura digital a tu puerta:" }),
        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "lg:flex gap-2 border-eYellow border-2 bg-white py-5 px-3 mt-5", children: [
          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "lg:w-2/12 flex justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("img", { src: img_cerradura1_default, alt: "Cerradura 1" }) }),
          /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "lg:w-7/12 flex flex-col justify-center items-center", children: [
            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "text-eGray text-2xl w-full", children: "Cerradura smart home" }),
            /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "w-full flex justify-between items-center py-5 lg:py-0", children: [
              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "font-MontserratSemiBold text-eGray", children: "+ $12,700.00" }),
              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react13.Link, { to: "/", className: "text-eBlue underline", children: "Ver detalles" }) })
            ] })
          ] }),
          /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "lg:w-3/12 flex justify-center items-center", children: [
            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "font-MontserratSemiBold text-eYellow pr-2", children: "Agregado" }),
            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("img", { src: btn_less_default, alt: "Agregado" }) })
          ] })
        ] }),
        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "lg:flex gap-2 bg-white py-5 px-3 mt-5", children: [
          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "lg:w-2/12 flex justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("img", { src: img_cerradura2_default, alt: "Cerradura 2" }) }),
          /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "lg:w-7/12 flex flex-col justify-center items-center", children: [
            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "text-eGray text-2xl w-full", children: "Cerradura smart home II" }),
            /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "w-full flex justify-between items-center py-5 lg:py-0", children: [
              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "font-MontserratSemiBold text-eGray", children: "+ $12,700.00" }),
              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react13.Link, { to: "/", className: "text-eBlue underline", children: "Ver detalles" }) })
            ] })
          ] }),
          /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "lg:w-3/12 flex justify-center items-center", children: [
            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "font-MontserratSemiBold text-eGray pr-2", children: "Agregar" }),
            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("img", { src: btn_more_default, alt: "Agregado" }) })
          ] })
        ] }),
        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("hr", { className: "my-10" }),
        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "lg:flex gap-2 py-5 lg:px-0", children: [
          /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "lg:w-4/12 flex justify-center items-center gap-2", children: [
            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("img", { src: check_icon_green_default, alt: "Disponible" }),
            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "font-MontserratRegular text-eGreen", children: "Disponible" })
          ] }),
          /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "lg:w-4/12 flex py-5 lg:px-0", children: [
            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("button", { onClick: () => setCantidad(cantidad - 1), className: "w-full bg-black rounded-l-md", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "font-MontserratBold text-white", children: "-" }) }),
            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("input", { className: "w-full text-center font-MontserratBold", type: "text", value: cantidad }),
            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("button", { onClick: () => setCantidad(cantidad + 1), className: "w-full bg-black rounded-r-md", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "font-MontserratBold text-white", children: "+" }) })
          ] }),
          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "lg:w-4/12 py-5 lg:px-0 flex justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("button", { className: "flex gap-1 justify-center items-center bg-eYellow rounded-md py-2 px-4", children: [
            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("img", { src: cart_icon_dark_default, alt: "Agregar al carrito" }),
            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "font-MontserratRegular text-xs", children: "Agregar al carrito" })
          ] }) })
        ] })
      ] })
    ] }) }),
    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("hr", { className: "mb-10" }),
    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("section", { className: "containter w-10/12 mx-auto mb-20", children: [
      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "lg:flex justify-between items-center mb-10", children: [
        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "py-2 sm:py-0", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "text-2xl text-eBlack font-MontserratRegular", children: "Nuestra puertas m\xE1s vendidas" }) }),
        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "py-2 sm:py-0", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react13.Link, { to: "#", className: "text-xl text-eBlack font-MontserratRegular underline uppercase", children: "ver todos" }) })
      ] }),
      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "h-96", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(carouselmasvendidos_default, {}) })
    ] }),
    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(personalizatupuerta_default, {})
  ] });
}, productos_detalle_default = ProductosDetalle;

// app/routes/puertas-a-medida.jsx
var puertas_a_medida_exports = {};
__export(puertas_a_medida_exports, {
  default: () => puertas_a_medida_default,
  links: () => links2,
  loader: () => loader
});
var import_react24 = require("@remix-run/react"), import_react25 = require("react"), import_sweetalert2 = __toESM(require("sweetalert2"));

// app/models/puertasMedida.server.js
async function getElementos() {
  return await (await fetch(`${process.env.API_URL}/puertas-a-medida/elementos/getAll`)).json();
}
async function getPuertaBase() {
  return await (await fetch(`${process.env.API_URL}/puertas-a-medida/elementos/base`)).json();
}
async function getFijos() {
  return await (await fetch(`${process.env.API_URL}/puertas-a-medida/elementos/get-fijos`)).json();
}
async function getPesos() {
  return await (await fetch(`${process.env.API_URL}/puertas-a-medida/pesos/list-weight`)).json();
}

// app/components/puertasamedida/listaopcionestexturaexterior.jsx
var import_react15 = require("react"), import_jsx_runtime10 = require("react/jsx-runtime"), ListaOpcionesTexturaExterior = ({
  cubiertaExteriorOptionsShow,
  base,
  dataOpcionesExterior,
  configuracion,
  setTexturaBatiente,
  setTexturaPivote,
  setTexturaFijoAbatible,
  setTexturaDoble,
  baseUrl,
  puertaMedidaCarrito,
  setPuertaMedidaCarrito
}) => {
  let [seleccion, setSeleccion] = (0, import_react15.useState)("");
  (0, import_react15.useEffect)(() => {
    typeof dataOpcionesExterior.length > "u" && setSeleccion("");
  }, [dataOpcionesExterior]);
  let loadOpcion = (batiente, pivote, fijoabatible, doble, id, precio_batiente, precio_pivote, precio_fijoabatible, precio_doble, elemento_nombre, preview) => {
    configuracion === "batiente" ? (setTexturaBatiente(baseUrl + batiente), setSeleccion(id), setPuertaMedidaCarrito({ ...puertaMedidaCarrito, texturaExterior: id, texturaExteriorPrecio: precio_batiente, texturaExteriorImagen: preview, nombreTexturaExterior: elemento_nombre })) : configuracion === "pivote" ? (setTexturaPivote(baseUrl + pivote), setSeleccion(id), setPuertaMedidaCarrito({ ...puertaMedidaCarrito, texturaExterior: id, texturaExteriorPrecio: precio_pivote, texturaExteriorImagen: preview, nombreTexturaExterior: elemento_nombre })) : configuracion === "fijoabatible" ? (setTexturaFijoAbatible(baseUrl + fijoabatible), setSeleccion(id), setPuertaMedidaCarrito({ ...puertaMedidaCarrito, texturaExterior: id, texturaExteriorPrecio: precio_fijoabatible, texturaExteriorImagen: preview, nombreTexturaExterior: elemento_nombre })) : configuracion === "doble" && (setTexturaDoble(baseUrl + doble), setSeleccion(id), setPuertaMedidaCarrito({ ...puertaMedidaCarrito, texturaExterior: id, texturaExteriorPrecio: precio_doble, texturaExteriorImagen: preview, nombreTexturaExterior: elemento_nombre }));
  }, remove = () => {
    setPuertaMedidaCarrito({ ...puertaMedidaCarrito, texturaExterior: "", texturaExteriorPrecio: "", texturaExteriorImagen: "", nombreTexturaExterior: "" }), setSeleccion(""), setTexturaBatiente("https://testing1.eversafe.com.mx" + base.vc_img_batiente), setTexturaPivote("https://testing1.eversafe.com.mx" + base.vc_img_pivote), setTexturaFijoAbatible("https://testing1.eversafe.com.mx" + base.vc_img_batiente_fijo), setTexturaDoble("https://testing1.eversafe.com.mx" + base.vc_img_doble);
  };
  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: `mt-5 grid grid-cols-1 gap-1 ${cubiertaExteriorOptionsShow}`, children: dataOpcionesExterior != null && dataOpcionesExterior.length ? dataOpcionesExterior.map((opts) => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: `bg-white w-32 flex flex-col justify-center items-center px-2 py-5 ${opts.id === seleccion ? "border-2 border-solid border-eYellow" : ""}`, children: [
    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("img", { src: baseUrl + opts.vc_img_preview, alt: "Textura", className: "w-full mb-3" }),
    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "w-full text-center text-eGray font-MontserratRegular text-sm", children: opts.vc_nombre }),
    configuracion === "batiente" ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("p", { className: "w-full text-center text-eGray font-MontserratSemiBold text-sm", children: [
      "+$",
      opts.f_precio_batiente
    ] }) : configuracion === "pivote" ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("p", { className: "w-full text-center text-eGray font-MontserratSemiBold text-sm", children: [
      "+$",
      opts.f_precio_pivote
    ] }) : configuracion === "fijoabatible" ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("p", { className: "w-full text-center text-eGray font-MontserratSemiBold text-sm", children: [
      "+$",
      opts.f_precio_batiente_fijo
    ] }) : configuracion === "doble" ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("p", { className: "w-full text-center text-eGray font-MontserratSemiBold text-sm", children: [
      "+$",
      opts.f_precio_doble
    ] }) : "No hay opciones",
    opts.id === seleccion ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("button", { onClick: () => remove(), className: "mt-5 bg-eLightGray text-eGray text-sm px-4 py-1  rounded-full", children: "Remover" }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("button", { onClick: () => loadOpcion(opts.vc_img_batiente, opts.vc_img_pivote, opts.vc_img_batiente_fijo, opts.vc_img_doble, opts.id, opts.f_precio_batiente, opts.f_precio_pivote, opts.f_precio_batiente_fijo, opts.f_precio_doble, opts.vc_nombre, opts.vc_img_preview), className: "mt-5 bg-eYellow text-eGray text-sm px-4 py-1  rounded-full", children: "Agregar" })
  ] }, opts.id)) : "No hay opciones Exterior" });
}, listaopcionestexturaexterior_default = ListaOpcionesTexturaExterior;

// app/components/puertasamedida/listaopcionestexturainterior.jsx
var import_react16 = require("react"), import_jsx_runtime11 = require("react/jsx-runtime"), ListaOpcionesTexturaInterior = ({
  cubiertaInteriorOptionsShow,
  base,
  dataOpcionesInterior,
  configuracion,
  setTexturaIntBatiente,
  setTexturaIntPivote,
  setTexturaIntFijoAbatible,
  setTexturaIntDoble,
  baseUrl,
  puertaMedidaCarrito,
  setPuertaMedidaCarrito
}) => {
  let [seleccion, setSeleccion] = (0, import_react16.useState)("");
  (0, import_react16.useEffect)(() => {
    typeof dataOpcionesInterior.length > "u" && setSeleccion("");
  }, [dataOpcionesInterior]);
  let loadOpcion = (batiente, pivote, fijoabatible, doble, id, precio_batiente, precio_pivote, precio_fijoabatible, precio_doble, elemento_nombre, preview) => {
    configuracion === "batiente" ? (setTexturaIntBatiente(baseUrl + batiente), setSeleccion(id), setPuertaMedidaCarrito({ ...puertaMedidaCarrito, textInterior: id, textInteriorPrecio: precio_batiente, textInteriorImagen: preview, nombreTexturaInterior: elemento_nombre })) : configuracion === "pivote" ? (setTexturaIntPivote(baseUrl + pivote), setSeleccion(id), setPuertaMedidaCarrito({ ...puertaMedidaCarrito, textInterior: id, textInteriorPrecio: precio_pivote, textInteriorImagen: preview, nombreTexturaInterior: elemento_nombre })) : configuracion === "fijoabatible" ? (setTexturaIntFijoAbatible(baseUrl + fijoabatible), setSeleccion(id), setPuertaMedidaCarrito({ ...puertaMedidaCarrito, textInterior: id, textInteriorPrecio: precio_fijoabatible, textInteriorImagen: preview, nombreTexturaInterior: elemento_nombre })) : configuracion === "doble" && (setTexturaIntDoble(baseUrl + doble), setSeleccion(id), setPuertaMedidaCarrito({ ...puertaMedidaCarrito, textInterior: id, textInteriorPrecio: precio_doble, textInteriorImagen: preview, nombreTexturaInterior: elemento_nombre }));
  }, remove = () => {
    setPuertaMedidaCarrito({ ...puertaMedidaCarrito, textInterior: "", textInteriorPrecio: "", textInteriorImagen: "", nombreTexturaInterior: "" }), setSeleccion(""), setTexturaIntBatiente("https://testing1.eversafe.com.mx" + base.vc_img_batiente), setTexturaIntPivote("https://testing1.eversafe.com.mx" + base.vc_img_pivote), setTexturaIntFijoAbatible("https://testing1.eversafe.com.mx" + base.vc_img_batiente_fijo), setTexturaIntDoble("https://testing1.eversafe.com.mx" + base.vc_img_doble);
  };
  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: `mt-5 grid grid-cols-1 gap-1 ${cubiertaInteriorOptionsShow}`, children: dataOpcionesInterior != null && dataOpcionesInterior.length ? dataOpcionesInterior.map((opts) => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: `bg-white w-32 flex flex-col justify-center items-center px-2 py-5 ${opts.id === seleccion ? "border-2 border-solid border-eYellow" : ""}`, children: [
    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("img", { src: baseUrl + opts.vc_img_preview, alt: "Textura", className: "w-full mb-3" }),
    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { className: "w-full text-center text-eGray font-MontserratRegular text-sm", children: opts.vc_nombre }),
    configuracion === "batiente" ? /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("p", { className: "w-full text-center text-eGray font-MontserratSemiBold text-sm", children: [
      "+$",
      opts.f_precio_batiente
    ] }) : configuracion === "pivote" ? /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("p", { className: "w-full text-center text-eGray font-MontserratSemiBold text-sm", children: [
      "+$",
      opts.f_precio_pivote
    ] }) : configuracion === "fijoabatible" ? /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("p", { className: "w-full text-center text-eGray font-MontserratSemiBold text-sm", children: [
      "+$",
      opts.f_precio_batiente_fijo
    ] }) : configuracion === "doble" ? /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("p", { className: "w-full text-center text-eGray font-MontserratSemiBold text-sm", children: [
      "+$",
      opts.f_precio_doble
    ] }) : "No hay opciones",
    opts.id === seleccion ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("button", { onClick: () => remove(), className: "mt-5 bg-eLightGray text-eGray text-sm px-4 py-1 rounded-full", children: "Remover" }) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("button", { onClick: () => loadOpcion(opts.vc_img_batiente, opts.vc_img_pivote, opts.vc_img_batiente_fijo, opts.vc_img_doble, opts.id, opts.f_precio_batiente, opts.f_precio_pivote, opts.f_precio_batiente_fijo, opts.f_precio_doble, opts.vc_nombre, opts.vc_img_preview), className: "mt-5 bg-eYellow text-eGray text-sm px-4 py-1 rounded-full", children: "Agregar" })
  ] }, opts.id)) : "No hay opciones Interior" });
}, listaopcionestexturainterior_default = ListaOpcionesTexturaInterior;

// app/components/puertasamedida/listaopcionesarmazon.jsx
var import_react17 = require("react"), import_jsx_runtime12 = require("react/jsx-runtime"), ListaOpcionesArmazon = ({
  armazonOptionsShow,
  Empty,
  dataOpcionesArmazon,
  configuracion,
  setArmazonBatiente,
  setArmazonPivote,
  setArmazonFijoAbatible,
  setArmazonDoble,
  baseUrl,
  puertaMedidaCarrito,
  setPuertaMedidaCarrito
}) => {
  let [seleccion, setSeleccion] = (0, import_react17.useState)("");
  (0, import_react17.useEffect)(() => {
    typeof dataOpcionesArmazon.length > "u" && setSeleccion("");
  }, [dataOpcionesArmazon]);
  let loadOpcion = (batiente, pivote, fijoabatible, doble, id, precio_batiente, precio_pivote, precio_fijoabatible, precio_doble, elemento_nombre, preview) => {
    configuracion === "batiente" ? (setArmazonBatiente(baseUrl + batiente), setSeleccion(id), setPuertaMedidaCarrito({ ...puertaMedidaCarrito, textArmazon: id, textArmazonPrecio: precio_batiente, textArmazonImagen: preview, nombreArmazon: elemento_nombre })) : configuracion === "pivote" ? (setArmazonPivote(baseUrl + pivote), setSeleccion(id), setPuertaMedidaCarrito({ ...puertaMedidaCarrito, textArmazon: id, textArmazonPrecio: precio_pivote, textArmazonImagen: preview, nombreArmazon: elemento_nombre })) : configuracion === "fijoabatible" ? (setArmazonFijoAbatible(baseUrl + fijoabatible), setSeleccion(id), setPuertaMedidaCarrito({ ...puertaMedidaCarrito, textArmazon: id, textArmazonPrecio: precio_fijoabatible, textArmazonImagen: preview, nombreArmazon: elemento_nombre })) : configuracion === "doble" && (setArmazonDoble(baseUrl + doble), setSeleccion(id), setPuertaMedidaCarrito({ ...puertaMedidaCarrito, textArmazon: id, textArmazonPrecio: precio_doble, textArmazonImagen: preview, nombreArmazon: elemento_nombre }));
  }, remove = () => {
    setPuertaMedidaCarrito({ ...puertaMedidaCarrito, textArmazon: "", textArmazonPrecio: "", textArmazonImagen: "", nombreArmazon: "" }), setSeleccion(""), setArmazonBatiente(Empty), setArmazonPivote(Empty), setArmazonFijoAbatible(Empty), setArmazonDoble(Empty);
  };
  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: `mt-5 grid grid-cols-1 gap-1 ${armazonOptionsShow}`, children: dataOpcionesArmazon != null && dataOpcionesArmazon.length ? dataOpcionesArmazon.map((opts) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: `bg-white w-32 flex flex-col justify-center items-center px-2 py-5 ${opts.id === seleccion ? "border-2 border-solid border-eYellow" : ""}`, children: [
    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("img", { src: baseUrl + opts.vc_img_preview, alt: "Armaz\xF3n", className: "w-full mb-3" }),
    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "w-full text-center text-eGray font-MontserratRegular text-sm", children: opts.vc_nombre }),
    configuracion === "batiente" ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("p", { className: "w-full text-center text-eGray font-MontserratSemiBold text-sm", children: [
      "+$",
      opts.f_precio_batiente
    ] }) : configuracion === "pivote" ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("p", { className: "w-full text-center text-eGray font-MontserratSemiBold text-sm", children: [
      "+$",
      opts.f_precio_pivote
    ] }) : configuracion === "fijoabatible" ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("p", { className: "w-full text-center text-eGray font-MontserratSemiBold text-sm", children: [
      "+$",
      opts.f_precio_batiente_fijo
    ] }) : configuracion === "doble" ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("p", { className: "w-full text-center text-eGray font-MontserratSemiBold text-sm", children: [
      "+$",
      opts.f_precio_doble
    ] }) : "No hay opciones",
    opts.id === seleccion ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("button", { onClick: () => remove(), className: "mt-5 bg-eLightGray text-eGray text-sm px-4 py-1 rounded-full", children: "Remover" }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("button", { onClick: () => loadOpcion(opts.vc_img_batiente, opts.vc_img_pivote, opts.vc_img_batiente_fijo, opts.vc_img_doble, opts.id, opts.f_precio_batiente, opts.f_precio_pivote, opts.f_precio_batiente_fijo, opts.f_precio_doble, opts.vc_nombre, opts.vc_img_preview), className: "mt-5 bg-eYellow text-eGray text-sm px-4 py-1 rounded-full", children: "Agregar" })
  ] }, opts.id)) : "No hay opciones Interior" });
}, listaopcionesarmazon_default = ListaOpcionesArmazon;

// app/components/puertasamedida/listaopcionesdiseno.jsx
var import_react18 = require("react"), import_jsx_runtime13 = require("react/jsx-runtime"), ListaOpcionesDiseno = ({
  disenoOptionsShow,
  Empty,
  dataOpcionesDiseno,
  configuracion,
  setDisenoBatiente,
  setDisenoPivote,
  setDisenoFijoAbatible,
  setDisenoDoble,
  baseUrl,
  puertaMedidaCarrito,
  setPuertaMedidaCarrito
}) => {
  let [seleccion, setSeleccion] = (0, import_react18.useState)("");
  (0, import_react18.useEffect)(() => {
    typeof dataOpcionesDiseno.length > "u" && setSeleccion("");
  }, [dataOpcionesDiseno]);
  let loadOpcion = (batiente, pivote, fijoabatible, doble, id, precio_batiente, precio_pivote, precio_fijoabatible, precio_doble, elemento_nombre, preview) => {
    configuracion === "batiente" ? (setDisenoBatiente(baseUrl + batiente), setSeleccion(id), setPuertaMedidaCarrito({ ...puertaMedidaCarrito, textDiseno: id, textDisenoPrecio: precio_batiente, textDisenoImagen: preview, nombreDiseno: elemento_nombre })) : configuracion === "pivote" ? (setDisenoPivote(baseUrl + pivote), setSeleccion(id), setPuertaMedidaCarrito({ ...puertaMedidaCarrito, textDiseno: id, textDisenoPrecio: precio_pivote, textDisenoImagen: preview, nombreDiseno: elemento_nombre })) : configuracion === "fijoabatible" ? (setDisenoFijoAbatible(baseUrl + fijoabatible), setSeleccion(id), setPuertaMedidaCarrito({ ...puertaMedidaCarrito, textDiseno: id, textDisenoPrecio: precio_fijoabatible, textDisenoImagen: preview, nombreDiseno: elemento_nombre })) : configuracion === "doble" && (setDisenoDoble(baseUrl + doble), setSeleccion(id), setPuertaMedidaCarrito({ ...puertaMedidaCarrito, textDiseno: id, textDisenoPrecio: precio_doble, textDisenoImagen: preview, nombreDiseno: elemento_nombre }));
  }, remove = () => {
    setPuertaMedidaCarrito({ ...puertaMedidaCarrito, textDiseno: "", textDisenoPrecio: "", textDisenoImagen: "", nombreDiseno: "" }), setSeleccion(""), setDisenoBatiente(Empty), setDisenoPivote(Empty), setDisenoFijoAbatible(Empty), setDisenoDoble(Empty);
  };
  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: `mt-5 grid grid-cols-1 gap-1 ${disenoOptionsShow}`, children: dataOpcionesDiseno != null && dataOpcionesDiseno.length ? dataOpcionesDiseno.map((opts) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: `bg-white w-32 flex flex-col justify-center items-center px-2 py-5 ${opts.id === seleccion ? "border-2 border-solid border-eYellow" : ""}`, children: [
    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("img", { src: baseUrl + opts.vc_img_preview, alt: "Dise\xF1o", className: "w-max-full h-28 mb-3" }),
    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { className: "w-full text-center text-eGray font-MontserratRegular text-sm", children: opts.vc_nombre }),
    configuracion === "batiente" ? /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("p", { className: "w-full text-center text-eGray font-MontserratSemiBold text-sm", children: [
      "+$",
      opts.f_precio_batiente
    ] }) : configuracion === "pivote" ? /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("p", { className: "w-full text-center text-eGray font-MontserratSemiBold text-sm", children: [
      "+$",
      opts.f_precio_pivote
    ] }) : configuracion === "fijoabatible" ? /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("p", { className: "w-full text-center text-eGray font-MontserratSemiBold text-sm", children: [
      "+$",
      opts.f_precio_batiente_fijo
    ] }) : configuracion === "doble" ? /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("p", { className: "w-full text-center text-eGray font-MontserratSemiBold text-sm", children: [
      "+$",
      opts.f_precio_doble
    ] }) : "No hay opciones",
    opts.id === seleccion ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("button", { onClick: () => remove(), className: "mt-5 bg-eLightGray text-eGray text-sm px-4 py-1 rounded-full", children: "Remover" }) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("button", { onClick: () => loadOpcion(opts.vc_img_batiente, opts.vc_img_pivote, opts.vc_img_batiente_fijo, opts.vc_img_doble, opts.id, opts.f_precio_batiente, opts.f_precio_pivote, opts.f_precio_batiente_fijo, opts.f_precio_doble, opts.vc_nombre, opts.vc_img_preview), className: "mt-5 bg-eYellow text-eGray text-sm px-4 py-1 rounded-full", children: "Agregar" })
  ] }, opts.id)) : "No hay opciones de dise\xF1o" });
}, listaopcionesdiseno_default = ListaOpcionesDiseno;

// app/components/puertasamedida/listaopcionescristal.jsx
var import_react19 = require("react"), import_jsx_runtime14 = require("react/jsx-runtime"), ListaOpcionesCristal = ({
  cristalOptionsShow,
  Empty,
  dataOpcionesCristal,
  configuracion,
  setCristalBatiente,
  setCristalPivote,
  setCristalFijoAbatible,
  setCristalDoble,
  baseUrl,
  puertaMedidaCarrito,
  setPuertaMedidaCarrito
}) => {
  let [seleccion, setSeleccion] = (0, import_react19.useState)("");
  (0, import_react19.useEffect)(() => {
    typeof dataOpcionesCristal.length > "u" && setSeleccion("");
  }, [dataOpcionesCristal]);
  let loadOpcion = (batiente, pivote, fijoabatible, doble, id, precio_batiente, precio_pivote, precio_fijoabatible, precio_doble, elemento_nombre, preview) => {
    configuracion === "batiente" ? (setCristalBatiente(baseUrl + batiente), setSeleccion(id), setPuertaMedidaCarrito({ ...puertaMedidaCarrito, textCristal: id, textCristalPrecio: precio_batiente, textCristalImagen: preview, nombreCristal: elemento_nombre })) : configuracion === "pivote" ? (setCristalPivote(baseUrl + pivote), setSeleccion(id), setPuertaMedidaCarrito({ ...puertaMedidaCarrito, textCristal: id, textCristalPrecio: precio_pivote, textCristalImagen: preview, nombreCristal: elemento_nombre })) : configuracion === "fijoabatible" ? (setCristalFijoAbatible(baseUrl + fijoabatible), setSeleccion(id), setPuertaMedidaCarrito({ ...puertaMedidaCarrito, textCristal: id, textCristalPrecio: precio_fijoabatible, textCristalImagen: preview, nombreCristal: elemento_nombre })) : configuracion === "doble" && (setCristalDoble(baseUrl + doble), setSeleccion(id), setPuertaMedidaCarrito({ ...puertaMedidaCarrito, textCristal: id, textCristalPrecio: precio_doble, textCristalImagen: preview, nombreCristal: elemento_nombre }));
  }, remove = () => {
    setPuertaMedidaCarrito({ ...puertaMedidaCarrito, textCristal: "", textCristalPrecio: "", textCristalImagen: "", nombreCristal: "" }), setSeleccion(""), setCristalBatiente(Empty), setCristalPivote(Empty), setCristalFijoAbatible(Empty), setCristalDoble(Empty);
  };
  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: `mt-5 grid grid-cols-1 gap-1 ${cristalOptionsShow}`, children: dataOpcionesCristal != null && dataOpcionesCristal.length ? dataOpcionesCristal.map((opts) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: `bg-white w-32 flex flex-col justify-center items-center px-2 py-5 ${opts.id === seleccion ? "border-2 border-solid border-eYellow" : ""}`, children: [
    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("img", { src: baseUrl + opts.vc_img_preview, alt: "Cristal", className: "w-full mb-3" }),
    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "w-full text-center text-eGray font-MontserratRegular text-sm", children: opts.vc_nombre }),
    configuracion === "batiente" ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("p", { className: "w-full text-center text-eGray font-MontserratSemiBold text-sm", children: [
      "+$",
      opts.f_precio_batiente
    ] }) : configuracion === "pivote" ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("p", { className: "w-full text-center text-eGray font-MontserratSemiBold text-sm", children: [
      "+$",
      opts.f_precio_pivote
    ] }) : configuracion === "fijoabatible" ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("p", { className: "w-full text-center text-eGray font-MontserratSemiBold text-sm", children: [
      "+$",
      opts.f_precio_batiente_fijo
    ] }) : configuracion === "doble" ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("p", { className: "w-full text-center text-eGray font-MontserratSemiBold text-sm", children: [
      "+$",
      opts.f_precio_doble
    ] }) : "No hay opciones",
    opts.id === seleccion ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("button", { onClick: () => remove(), className: "mt-5 bg-eLightGray text-eGray text-sm px-4 py-1 rounded-full", children: "Remover" }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("button", { onClick: () => loadOpcion(opts.vc_img_batiente, opts.vc_img_pivote, opts.vc_img_batiente_fijo, opts.vc_img_doble, opts.id, opts.f_precio_batiente, opts.f_precio_pivote, opts.f_precio_batiente_fijo, opts.f_precio_doble, opts.vc_nombre, opts.vc_img_preview), className: "mt-5 bg-eYellow text-eGray text-sm px-4 py-1 rounded-full", children: "Agregar" })
  ] }, opts.id)) : "No hay opciones de dise\xF1o" });
}, listaopcionescristal_default = ListaOpcionesCristal;

// app/components/puertasamedida/listaopcionescelosia.jsx
var import_react20 = require("react"), import_jsx_runtime15 = require("react/jsx-runtime"), ListaOpcionesCelosia = ({
  celosiaOptionsShow,
  Empty,
  dataOpcionesCelosia,
  configuracion,
  setCelosiaBatiente,
  setCelosiaPivote,
  setCelosiaFijoAbatible,
  setCelosiaDoble,
  baseUrl,
  puertaMedidaCarrito,
  setPuertaMedidaCarrito
}) => {
  let [seleccion, setSeleccion] = (0, import_react20.useState)("");
  (0, import_react20.useEffect)(() => {
    typeof dataOpcionesCelosia.length > "u" && setSeleccion("");
  }, [dataOpcionesCelosia]);
  let loadOpcion = (batiente, pivote, fijoabatible, doble, id, precio_batiente, precio_pivote, precio_fijoabatible, precio_doble, elemento_nombre, preview) => {
    configuracion === "batiente" ? (setCelosiaBatiente(baseUrl + batiente), setSeleccion(id), setPuertaMedidaCarrito({ ...puertaMedidaCarrito, textCelosia: id, textCelosiaPrecio: precio_batiente, textCelosiaImagen: preview, nombreCelosia: elemento_nombre })) : configuracion === "pivote" ? (setCelosiaPivote(baseUrl + pivote), setSeleccion(id), setPuertaMedidaCarrito({ ...puertaMedidaCarrito, textCelosia: id, textCelosiaPrecio: precio_pivote, textCelosiaImagen: preview, nombreCelosia: elemento_nombre })) : configuracion === "fijoabatible" ? (setCelosiaFijoAbatible(baseUrl + fijoabatible), setSeleccion(id), setPuertaMedidaCarrito({ ...puertaMedidaCarrito, textCelosia: id, textCelosiaPrecio: precio_fijoabatible, textCelosiaImagen: preview, nombreCelosia: elemento_nombre })) : configuracion === "doble" && (setCelosiaDoble(baseUrl + doble), setSeleccion(id), setPuertaMedidaCarrito({ ...puertaMedidaCarrito, textCelosia: id, textCelosiaPrecio: precio_doble, textCelosiaImagen: preview, nombreCelosia: elemento_nombre }));
  }, remove = () => {
    setPuertaMedidaCarrito({ ...puertaMedidaCarrito, textCelosia: "", textCelosiaPrecio: "", textCelosiaImagen: "", nombreCelosia: "" }), setSeleccion(""), setCelosiaBatiente(Empty), setCelosiaPivote(Empty), setCelosiaFijoAbatible(Empty), setCelosiaDoble(Empty);
  };
  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: `mt-5 grid grid-cols-1 gap-1 ${celosiaOptionsShow}`, children: dataOpcionesCelosia != null && dataOpcionesCelosia.length ? dataOpcionesCelosia.map((opts) => /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: `bg-white w-32 flex flex-col justify-center items-center px-2 py-5 ${opts.id === seleccion ? "border-2 border-solid border-eYellow" : ""}`, children: [
    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("img", { src: baseUrl + opts.vc_img_preview, alt: "Celosia", className: "w-full mb-3" }),
    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { className: "w-full text-center text-eGray font-MontserratRegular text-sm", children: opts.vc_nombre }),
    configuracion === "batiente" ? /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("p", { className: "w-full text-center text-eGray font-MontserratSemiBold text-sm", children: [
      "+$",
      opts.f_precio_batiente
    ] }) : configuracion === "pivote" ? /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("p", { className: "w-full text-center text-eGray font-MontserratSemiBold text-sm", children: [
      "+$",
      opts.f_precio_pivote
    ] }) : configuracion === "fijoabatible" ? /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("p", { className: "w-full text-center text-eGray font-MontserratSemiBold text-sm", children: [
      "+$",
      opts.f_precio_batiente_fijo
    ] }) : configuracion === "doble" ? /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("p", { className: "w-full text-center text-eGray font-MontserratSemiBold text-sm", children: [
      "+$",
      opts.f_precio_doble
    ] }) : "No hay opciones",
    opts.id === seleccion ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("button", { onClick: () => remove(), className: "mt-5 bg-eLightGray text-eGray text-sm px-4 py-1 rounded-full", children: "Remover" }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("button", { onClick: () => loadOpcion(opts.vc_img_batiente, opts.vc_img_pivote, opts.vc_img_batiente_fijo, opts.vc_img_doble, opts.id, opts.f_precio_batiente, opts.f_precio_pivote, opts.f_precio_batiente_fijo, opts.f_precio_doble, opts.vc_nombre, opts.vc_img_preview), className: "mt-5 bg-eYellow text-eGray text-sm px-4 py-1 rounded-full", children: "Agregar" })
  ] }, opts.id)) : "No hay opciones de dise\xF1o" });
}, listaopcionescelosia_default = ListaOpcionesCelosia;

// app/components/puertasamedida/listaopcionesmaneral.jsx
var import_react21 = require("react"), import_jsx_runtime16 = require("react/jsx-runtime"), ListaOpcionesManeral = ({
  maneralOptionsShow,
  Empty,
  dataOpcionesManeral,
  configuracion,
  setManeralBatiente,
  setManeralPivote,
  setManeralFijoAbatible,
  setManeralDoble,
  baseUrl,
  puertaMedidaCarrito,
  setPuertaMedidaCarrito
}) => {
  let [seleccion, setSeleccion] = (0, import_react21.useState)("");
  (0, import_react21.useEffect)(() => {
    typeof dataOpcionesManeral.length > "u" && setSeleccion("");
  }, [dataOpcionesManeral]);
  let loadOpcion = (batiente, pivote, fijoabatible, doble, id, precio_batiente, precio_pivote, precio_fijoabatible, precio_doble, elemento_nombre, preview) => {
    configuracion === "batiente" ? (setManeralBatiente(baseUrl + batiente), setSeleccion(id), setPuertaMedidaCarrito({ ...puertaMedidaCarrito, textManeral: id, textManeralPrecio: precio_batiente, textManeralImagen: preview, nombreManeral: elemento_nombre })) : configuracion === "pivote" ? (setManeralPivote(baseUrl + pivote), setSeleccion(id), setPuertaMedidaCarrito({ ...puertaMedidaCarrito, textManeral: id, textManeralPrecio: precio_pivote, textManeralImagen: preview, nombreManeral: elemento_nombre })) : configuracion === "fijoabatible" ? (setManeralFijoAbatible(baseUrl + fijoabatible), setSeleccion(id), setPuertaMedidaCarrito({ ...puertaMedidaCarrito, textManeral: id, textManeralPrecio: precio_fijoabatible, textManeralImagen: preview, nombreManeral: elemento_nombre })) : configuracion === "doble" && (setManeralDoble(baseUrl + doble), setSeleccion(id), setPuertaMedidaCarrito({ ...puertaMedidaCarrito, textManeral: id, textManeralPrecio: precio_doble, textManeralImagen: preview, nombreManeral: elemento_nombre }));
  }, remove = () => {
    setPuertaMedidaCarrito({ ...puertaMedidaCarrito, textManeral: "", textManeralPrecio: "", textManeralImagen: "", nombreManeral: "" }), setSeleccion(""), setManeralBatiente(Empty), setManeralPivote(Empty), setManeralFijoAbatible(Empty), setManeralDoble(Empty);
  };
  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: `mt-5 grid grid-cols-1 gap-1 ${maneralOptionsShow}`, children: dataOpcionesManeral != null && dataOpcionesManeral.length ? dataOpcionesManeral.map((opts) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: `bg-white w-32 flex flex-col justify-center items-center px-2 py-5 ${opts.id === seleccion ? "border-2 border-solid border-eYellow" : ""}`, children: [
    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("img", { src: baseUrl + opts.vc_img_preview, alt: "Maneral", className: "w-full mb-3" }),
    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "w-full text-center text-eGray font-MontserratRegular text-sm", children: opts.vc_nombre }),
    configuracion === "batiente" ? /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("p", { className: "w-full text-center text-eGray font-MontserratSemiBold text-sm", children: [
      "+$",
      opts.f_precio_batiente
    ] }) : configuracion === "pivote" ? /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("p", { className: "w-full text-center text-eGray font-MontserratSemiBold text-sm", children: [
      "+$",
      opts.f_precio_pivote
    ] }) : configuracion === "fijoabatible" ? /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("p", { className: "w-full text-center text-eGray font-MontserratSemiBold text-sm", children: [
      "+$",
      opts.f_precio_batiente_fijo
    ] }) : configuracion === "doble" ? /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("p", { className: "w-full text-center text-eGray font-MontserratSemiBold text-sm", children: [
      "+$",
      opts.f_precio_doble
    ] }) : "No hay opciones",
    opts.id === seleccion ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("button", { onClick: () => remove(), className: "mt-5 bg-eLightGray text-eGray text-sm px-4 py-1 rounded-full", children: "Remover" }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("button", { onClick: () => loadOpcion(opts.vc_img_batiente, opts.vc_img_pivote, opts.vc_img_batiente_fijo, opts.vc_img_doble, opts.id, opts.f_precio_batiente, opts.f_precio_pivote, opts.f_precio_batiente_fijo, opts.f_precio_doble, opts.vc_nombre, opts.vc_img_preview), className: "mt-5 bg-eYellow text-eGray text-sm px-4 py-1 rounded-full", children: "Agregar" })
  ] }, opts.id)) : "No hay opciones de dise\xF1o" });
}, listaopcionesmaneral_default = ListaOpcionesManeral;

// app/components/puertasamedida/listaopcionesmanija.jsx
var import_react22 = require("react"), import_jsx_runtime17 = require("react/jsx-runtime"), ListaOpcionesManija = ({
  manijaOptionsShow,
  Empty,
  dataOpcionesManija,
  configuracion,
  setManijaBatiente,
  setManijaPivote,
  setManijaFijoAbatible,
  setManijaDoble,
  baseUrl,
  puertaMedidaCarrito,
  setPuertaMedidaCarrito
}) => {
  let [seleccion, setSeleccion] = (0, import_react22.useState)("");
  (0, import_react22.useEffect)(() => {
    typeof dataOpcionesManija.length > "u" && setSeleccion("");
  }, [dataOpcionesManija]);
  let loadOpcion = (batiente, pivote, fijoabatible, doble, id, precio_batiente, precio_pivote, precio_fijoabatible, precio_doble, elemento_nombre, preview) => {
    configuracion === "batiente" ? (setManijaBatiente(baseUrl + batiente), setSeleccion(id), setPuertaMedidaCarrito({ ...puertaMedidaCarrito, textManija: id, textManijaPrecio: precio_batiente, textManijaImagen: preview, nombreManija: elemento_nombre })) : configuracion === "pivote" ? (setManijaPivote(baseUrl + pivote), setSeleccion(id), setPuertaMedidaCarrito({ ...puertaMedidaCarrito, textManija: id, textManijaPrecio: precio_pivote, textManijaImagen: preview, nombreManija: elemento_nombre })) : configuracion === "fijoabatible" ? (setManijaFijoAbatible(baseUrl + fijoabatible), setSeleccion(id), setPuertaMedidaCarrito({ ...puertaMedidaCarrito, textManija: id, textManijaPrecio: precio_fijoabatible, textManijaImagen: preview, nombreManija: elemento_nombre })) : configuracion === "doble" && (setManijaDoble(baseUrl + doble), setSeleccion(id), setPuertaMedidaCarrito({ ...puertaMedidaCarrito, textManija: id, textManijaPrecio: precio_doble, textManijaImagen: preview, nombreManija: elemento_nombre }));
  }, remove = () => {
    setPuertaMedidaCarrito({ ...puertaMedidaCarrito, textManija: "", textManijaPrecio: "", textManijaImagen: "", nombreManija: "" }), setSeleccion(""), setManijaBatiente(Empty), setManijaPivote(Empty), setManijaFijoAbatible(Empty), setManijaDoble(Empty);
  };
  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: `mt-5 grid grid-cols-1 gap-1 ${manijaOptionsShow}`, children: dataOpcionesManija != null && dataOpcionesManija.length ? dataOpcionesManija.map((opts) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: `bg-white w-32 flex flex-col justify-center items-center px-2 py-5 ${opts.id === seleccion ? "border-2 border-solid border-eYellow" : ""}`, children: [
    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("img", { src: baseUrl + opts.vc_img_preview, alt: "Manija", className: "w-max-full h-28 mb-3" }),
    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "w-full text-center text-eGray font-MontserratRegular text-sm", children: opts.vc_nombre }),
    configuracion === "batiente" ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("p", { className: "w-full text-center text-eGray font-MontserratSemiBold text-sm", children: [
      "+$",
      opts.f_precio_batiente
    ] }) : configuracion === "pivote" ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("p", { className: "w-full text-center text-eGray font-MontserratSemiBold text-sm", children: [
      "+$",
      opts.f_precio_pivote
    ] }) : configuracion === "fijoabatible" ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("p", { className: "w-full text-center text-eGray font-MontserratSemiBold text-sm", children: [
      "+$",
      opts.f_precio_batiente_fijo
    ] }) : configuracion === "doble" ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("p", { className: "w-full text-center text-eGray font-MontserratSemiBold text-sm", children: [
      "+$",
      opts.f_precio_doble
    ] }) : "No hay opciones",
    opts.id === seleccion ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("button", { onClick: () => remove(), className: "mt-5 bg-eLightGray text-eGray text-sm px-4 py-1 rounded-full", children: "Remover" }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("button", { onClick: () => loadOpcion(opts.vc_img_batiente, opts.vc_img_pivote, opts.vc_img_batiente_fijo, opts.vc_img_doble, opts.id, opts.f_precio_batiente, opts.f_precio_pivote, opts.f_precio_batiente_fijo, opts.f_precio_doble, opts.vc_nombre, opts.vc_img_preview), className: "mt-5 bg-eYellow text-eGray text-sm px-4 py-1 rounded-full", children: "Agregar" })
  ] }, opts.id)) : "No hay opciones de dise\xF1o" });
}, listaopcionesmanija_default = ListaOpcionesManija;

// app/components/puertasamedida/listaopcionesfijo.jsx
var import_react23 = require("react"), import_jsx_runtime18 = require("react/jsx-runtime"), ListaOpcionesFijo = ({
  fijoOptionsShow,
  Empty,
  dataOpcionesFijo,
  configuracion,
  configuracionFijo,
  setFijoBatiente,
  setFijoPivote,
  setFijoAbatible,
  setFijoDoble,
  baseUrl,
  puertaMedidaCarrito,
  setPuertaMedidaCarrito
}) => {
  let [seleccion, setSeleccion] = (0, import_react23.useState)("");
  (0, import_react23.useEffect)(() => {
    typeof dataOpcionesFijo.length > "u" && setSeleccion("");
  }, [dataOpcionesFijo]);
  let loadOpcion = (ox_batiente, xo_batiente, osx_batiente, oxo_batiente, osox_batiente, osxo_batiente, osoxo_batiente, ox_pivote, xo_pivote, osx_pivote, oxo_pivote, osox_pivote, osxo_pivote, osoxo_pivote, ox_doble, xo_doble, osx_doble, oxo_doble, osox_doble, osxo_doble, osoxo_doble, id, precio) => {
    if (configuracionFijo === "ox") {
      switch (configuracion) {
        case "batiente":
          setFijoBatiente(baseUrl + ox_batiente), setPuertaMedidaCarrito({ ...puertaMedidaCarrito, configuracionFijo, configuracionFijoPrecio: precio, configuracionFijoImagen: ox_batiente });
          break;
        case "pivote":
          setFijoPivote(baseUrl + ox_pivote), setPuertaMedidaCarrito({ ...puertaMedidaCarrito, configuracionFijo, configuracionFijoPrecio: precio, configuracionFijoImagen: ox_pivote });
          break;
        case "fijoabatible":
          setFijoAbatible(baseUrl + ox_doble), setPuertaMedidaCarrito({ ...puertaMedidaCarrito, configuracionFijo, configuracionFijoPrecio: precio, configuracionFijoImagen: ox_doble });
          break;
        case "doble":
          setFijoDoble(baseUrl + ox_doble), setPuertaMedidaCarrito({ ...puertaMedidaCarrito, configuracionFijo, configuracionFijoPrecio: precio, configuracionFijoImagen: ox_doble });
          break;
      }
      setSeleccion(id);
    } else if (configuracionFijo === "xo") {
      switch (configuracion) {
        case "batiente":
          setFijoBatiente(baseUrl + xo_batiente), setPuertaMedidaCarrito({ ...puertaMedidaCarrito, configuracionFijo, configuracionFijoPrecio: precio, configuracionFijoImagen: xo_batiente });
          break;
        case "pivote":
          setFijoPivote(baseUrl + xo_pivote), setPuertaMedidaCarrito({ ...puertaMedidaCarrito, configuracionFijo, configuracionFijoPrecio: precio, configuracionFijoImagen: xo_pivote });
          break;
        case "fijoabatible":
          setFijoAbatible(baseUrl + xo_doble), setPuertaMedidaCarrito({ ...puertaMedidaCarrito, configuracionFijo, configuracionFijoPrecio: precio, configuracionFijoImagen: xo_doble });
          break;
        case "doble":
          setFijoDoble(baseUrl + xo_doble), setPuertaMedidaCarrito({ ...puertaMedidaCarrito, configuracionFijo, configuracionFijoPrecio: precio, configuracionFijoImagen: xo_doble });
          break;
      }
      setSeleccion(id);
    } else if (configuracionFijo === "osx") {
      switch (configuracion) {
        case "batiente":
          setFijoBatiente(baseUrl + osx_batiente), setPuertaMedidaCarrito({ ...puertaMedidaCarrito, configuracionFijo, configuracionFijoPrecio: precio, configuracionFijoImagen: osx_batiente });
          break;
        case "pivote":
          setFijoPivote(baseUrl + osx_pivote), setPuertaMedidaCarrito({ ...puertaMedidaCarrito, configuracionFijo, configuracionFijoPrecio: precio, configuracionFijoImagen: osx_pivote });
          break;
        case "fijoabatible":
          setFijoAbatible(baseUrl + osx_doble), setPuertaMedidaCarrito({ ...puertaMedidaCarrito, configuracionFijo, configuracionFijoPrecio: precio, configuracionFijoImagen: osx_doble });
          break;
        case "doble":
          setFijoDoble(baseUrl + osx_doble), setPuertaMedidaCarrito({ ...puertaMedidaCarrito, configuracionFijo, configuracionFijoPrecio: precio, configuracionFijoImagen: osx_doble });
          break;
      }
      setSeleccion(id);
    } else if (configuracionFijo === "oxo") {
      switch (configuracion) {
        case "batiente":
          setFijoBatiente(baseUrl + oxo_batiente), setPuertaMedidaCarrito({ ...puertaMedidaCarrito, configuracionFijo, configuracionFijoPrecio: precio, configuracionFijoImagen: oxo_batiente });
          break;
        case "pivote":
          setFijoPivote(baseUrl + oxo_pivote), setPuertaMedidaCarrito({ ...puertaMedidaCarrito, configuracionFijo, configuracionFijoPrecio: precio, configuracionFijoImagen: oxo_pivote });
          break;
        case "fijoabatible":
          setFijoAbatible(baseUrl + oxo_doble), setPuertaMedidaCarrito({ ...puertaMedidaCarrito, configuracionFijo, configuracionFijoPrecio: precio, configuracionFijoImagen: oxo_doble });
          break;
        case "doble":
          setFijoDoble(baseUrl + oxo_doble), setPuertaMedidaCarrito({ ...puertaMedidaCarrito, configuracionFijo, configuracionFijoPrecio: precio, configuracionFijoImagen: oxo_doble });
          break;
      }
      setSeleccion(id);
    } else if (configuracionFijo === "osox") {
      switch (configuracion) {
        case "batiente":
          setFijoBatiente(baseUrl + osox_batiente), setPuertaMedidaCarrito({ ...puertaMedidaCarrito, configuracionFijo, configuracionFijoPrecio: precio, configuracionFijoImagen: osox_batiente });
          break;
        case "pivote":
          setFijoPivote(baseUrl + osox_pivote), setPuertaMedidaCarrito({ ...puertaMedidaCarrito, configuracionFijo, configuracionFijoPrecio: precio, configuracionFijoImagen: osox_pivote });
          break;
        case "fijoabatible":
          setFijoAbatible(baseUrl + osox_doble), setPuertaMedidaCarrito({ ...puertaMedidaCarrito, configuracionFijo, configuracionFijoPrecio: precio, configuracionFijoImagen: osox_doble });
          break;
        case "doble":
          setFijoDoble(baseUrl + osox_doble), setPuertaMedidaCarrito({ ...puertaMedidaCarrito, configuracionFijo, configuracionFijoPrecio: precio, configuracionFijoImagen: osox_doble });
          break;
      }
      setSeleccion(id);
    } else if (configuracionFijo === "osxo") {
      switch (configuracion) {
        case "batiente":
          setFijoBatiente(baseUrl + osxo_batiente), setPuertaMedidaCarrito({ ...puertaMedidaCarrito, configuracionFijo, configuracionFijoPrecio: precio, configuracionFijoImagen: osxo_batiente });
          break;
        case "pivote":
          setFijoPivote(baseUrl + osxo_pivote), setPuertaMedidaCarrito({ ...puertaMedidaCarrito, configuracionFijo, configuracionFijoPrecio: precio, configuracionFijoImagen: osxo_pivote });
          break;
        case "fijoabatible":
          setFijoAbatible(baseUrl + osxo_doble), setPuertaMedidaCarrito({ ...puertaMedidaCarrito, configuracionFijo, configuracionFijoPrecio: precio, configuracionFijoImagen: osxo_doble });
          break;
        case "doble":
          setFijoDoble(baseUrl + osxo_doble), setPuertaMedidaCarrito({ ...puertaMedidaCarrito, configuracionFijo, configuracionFijoPrecio: precio, configuracionFijoImagen: osxo_doble });
          break;
      }
      setSeleccion(id);
    } else if (configuracionFijo === "osoxo") {
      switch (configuracion) {
        case "batiente":
          setFijoBatiente(baseUrl + osoxo_batiente), setPuertaMedidaCarrito({ ...puertaMedidaCarrito, configuracionFijo, configuracionFijoPrecio: precio, configuracionFijoImagen: osoxo_batiente });
          break;
        case "pivote":
          setFijoPivote(baseUrl + osoxo_pivote), setPuertaMedidaCarrito({ ...puertaMedidaCarrito, configuracionFijo, configuracionFijoPrecio: precio, configuracionFijoImagen: osoxo_pivote });
          break;
        case "fijoabatible":
          setFijoAbatible(baseUrl + osoxo_doble), setPuertaMedidaCarrito({ ...puertaMedidaCarrito, configuracionFijo, configuracionFijoPrecio: precio, configuracionFijoImagen: osoxo_doble });
          break;
        case "doble":
          setFijoDoble(baseUrl + osoxo_doble), setPuertaMedidaCarrito({ ...puertaMedidaCarrito, configuracionFijo, configuracionFijoPrecio: precio, configuracionFijoImagen: osoxo_doble });
          break;
      }
      setSeleccion(id);
    }
  }, remove = () => {
    setPuertaMedidaCarrito({ ...puertaMedidaCarrito, configuracionFijo: "x", configuracionFijoPrecio: "", configuracionFijoImagen: "" }), setSeleccion(""), setFijoBatiente(Empty), setFijoPivote(Empty), setFijoAbatible(Empty), setFijoDoble(Empty);
  };
  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: `mt-5 grid grid-cols-1 gap-1 ${fijoOptionsShow}`, children: dataOpcionesFijo != null && dataOpcionesFijo.length ? dataOpcionesFijo.map((opts) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: `bg-white w-32 flex flex-col justify-center items-center px-2 py-5 ${opts.id === seleccion ? "border-2 border-solid border-eYellow" : ""}`, children: [
    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("img", { src: baseUrl + opts.vc_img_preview, alt: "Fijo", className: "w-full mb-3" }),
    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "w-full text-center text-eGray font-MontserratRegular text-sm", children: opts.vc_nombre }),
    configuracion === "batiente" ? /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("p", { className: "w-full text-center text-eGray font-MontserratSemiBold text-sm", children: [
      "+$",
      opts.f_precio
    ] }) : configuracion === "pivote" ? /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("p", { className: "w-full text-center text-eGray font-MontserratSemiBold text-sm", children: [
      "+$",
      opts.f_precio
    ] }) : configuracion === "fijoabatible" ? /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("p", { className: "w-full text-center text-eGray font-MontserratSemiBold text-sm", children: [
      "+$",
      opts.f_precio
    ] }) : configuracion === "doble" ? /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("p", { className: "w-full text-center text-eGray font-MontserratSemiBold text-sm", children: [
      "+$",
      opts.f_precio
    ] }) : "No hay opciones",
    opts.id === seleccion ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("button", { onClick: () => remove(), className: "mt-5 bg-eLightGray text-eGray text-sm px-4 py-1 rounded-full", children: "Remover" }) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("button", { onClick: () => loadOpcion(opts.vc_img_ox_batiente, opts.vc_img_xo_batiente, opts.vc_img_osx_batiente, opts.vc_img_oxo_batiente, opts.vc_img_osox_batiente, opts.vc_img_osxo_batiente, opts.vc_img_osoxo_batiente, opts.vc_img_ox_pivote, opts.vc_img_xo_pivote, opts.vc_img_osx_pivote, opts.vc_img_oxo_pivote, opts.vc_img_osox_pivote, opts.vc_img_osxo_pivote, opts.vc_img_osoxo_pivote, opts.vc_img_ox_doble, opts.vc_img_xo_doble, opts.vc_img_osx_doble, opts.vc_img_oxo_doble, opts.vc_img_osox_doble, opts.vc_img_osxo_doble, opts.vc_img_osoxo_doble, opts.id, opts.f_precio), className: "mt-5 bg-eYellow text-eGray text-sm px-4 py-1 rounded-full", children: "Agregar" })
  ] }, opts.id)) : "No hay opciones de dise\xF1o" });
}, listaopcionesfijo_default = ListaOpcionesFijo;

// public/assets/img/batiente-icon.webp
var batiente_icon_default = "/build/_assets/batiente-icon-T6XFLZTB.webp";

// public/assets/img/pivote-icon.webp
var pivote_icon_default = "/build/_assets/pivote-icon-ST6ISJMI.webp";

// public/assets/img/fabatible-icon.webp
var fabatible_icon_default = "/build/_assets/fabatible-icon-HNHV4CDB.webp";

// public/assets/img/doble-icon.webp
var doble_icon_default = "/build/_assets/doble-icon-7CI6ORJX.webp";

// public/assets/img/interior-flecha.webp
var interior_flecha_default = "/build/_assets/interior-flecha-UJ4VY67S.webp";

// public/assets/img/modular-superior.webp
var modular_superior_default = "/build/_assets/modular-superior-U3OWXVLW.webp";

// public/assets/img/modular-izq.webp
var modular_izq_default = "/build/_assets/modular-izq-6ZHUOCAZ.webp";

// public/assets/img/modular-der.webp
var modular_der_default = "/build/_assets/modular-der-INBN6DFK.webp";

// public/assets/img/empty.webp
var empty_default = "/build/_assets/empty-MKLZEKGS.webp";

// public/assets/img/presentacion.webp
var presentacion_default = "/build/_assets/presentacion-UPMGA46B.webp";

// app/styles/main.css
var main_default = "/build/_assets/main-2TFCMH4H.css";

// app/routes/puertas-a-medida.jsx
var import_react_tooltip = require("react-tooltip");
var import_jsx_runtime19 = require("react/jsx-runtime");
async function loader() {
  let [base, elementos, fijos, pesos] = await Promise.all([getPuertaBase(), getElementos(), getFijos(), getPesos()]), exteriorDeck = elementos.data.filter((value) => value.id_textura_tipo === 1 && value.id_elemento_tipo === 1 && value.id > 0), exteriorMdf = elementos.data.filter((value) => value.id_textura_tipo === 2 && value.id_elemento_tipo === 1 && value.id > 0), exteriorAlocubon = elementos.data.filter((value) => value.id_textura_tipo === 3 && value.id_elemento_tipo === 1 && value.id > 0), exteriorAcero = elementos.data.filter((value) => value.id_textura_tipo === 4 && value.id_elemento_tipo === 1 && value.id > 0), interiorDeck = elementos.data.filter((value) => value.id_textura_tipo === 1 && value.id_elemento_tipo === 2 && value.id > 0), interiorMdf = elementos.data.filter((value) => value.id_textura_tipo === 2 && value.id_elemento_tipo === 2 && value.id > 0), interiorAlocubon = elementos.data.filter((value) => value.id_textura_tipo === 3 && value.id_elemento_tipo === 2 && value.id > 0), interiorAcero = elementos.data.filter((value) => value.id_textura_tipo === 4 && value.id_elemento_tipo === 2 && value.id > 0), armazones = elementos.data.filter((value) => value.id_elemento_tipo === 3), disenos = elementos.data.filter((value) => value.id_elemento_tipo === 4), cristal = elementos.data.filter((value) => value.id_elemento_tipo === 5), celosia = elementos.data.filter((value) => value.id_elemento_tipo === 6), maneral = elementos.data.filter((value) => value.id_elemento_tipo === 7), manija = elementos.data.filter((value) => value.id_elemento_tipo === 8);
  return loadedData = {
    base: base.data[0],
    exteriorDeck,
    exteriorMdf,
    exteriorAlocubon,
    exteriorAcero,
    interiorDeck,
    interiorMdf,
    interiorAlocubon,
    interiorAcero,
    armazones,
    disenos,
    cristal,
    celosia,
    maneral,
    manija,
    fijos: fijos.data,
    pesos: pesos.data,
    baseUrl: process.env.WEB_URL
  }, loadedData;
}
function links2() {
  return [
    {
      rel: "stylesheet",
      href: main_default
    }
  ];
}
var PuertasMedida = () => {
  let { setCarritoMedida } = (0, import_react24.useOutletContext)(), loadedData2 = (0, import_react24.useLoaderData)(), { base, exteriorDeck, exteriorMdf, exteriorAlocubon, exteriorAcero, interiorDeck, interiorMdf, interiorAlocubon, interiorAcero, armazones, disenos, cristal, celosia, maneral, manija, fijos, pesos, baseUrl } = loadedData2, [displayPresentacion, setDisplayPresentacion] = (0, import_react25.useState)(""), [displayConstruccion, setDisplayConstruccion] = (0, import_react25.useState)("hidden"), [vanoAlto, setVanoAlto] = (0, import_react25.useState)(""), [vanoAncho, setVanoAncho] = (0, import_react25.useState)(""), [puertaAlto, setPuertaAlto] = (0, import_react25.useState)(""), [puertaAncho, setPuertaAncho] = (0, import_react25.useState)(""), [seleccionaPuerta, setSeleccionaPuerta] = (0, import_react25.useState)("hidden"), [anchoFijoAbatible, setAnchoFijoAbatible] = (0, import_react25.useState)(""), [displayAnchoFijoAbatible, setDisplayAnchoFijoAbatible] = (0, import_react25.useState)("hidden"), [puertaMedidaCarrito, setPuertaMedidaCarrito] = (0, import_react25.useState)({}), [listaOpciones, setListaOpciones] = (0, import_react25.useState)("hidden"), [showCalcular, setShowCalcular] = (0, import_react25.useState)(""), [opcionBatiente, setOpcionBatiente] = (0, import_react25.useState)("hidden"), [opcionPivote, setOpcionPivote] = (0, import_react25.useState)("hidden"), [opcionFijoAbatible, setOpcionFijoAbatible] = (0, import_react25.useState)("hidden"), [opcionDoble, setOpcionDoble] = (0, import_react25.useState)("hidden"), [opcionFijoIzquierdo, setOpcionFijoIzquierdo] = (0, import_react25.useState)("hidden"), [opcionFijoSuperior, setOpcionFijoSuperior] = (0, import_react25.useState)("hidden"), [opcionFijoDerecho, setOpcionFijoDerecho] = (0, import_react25.useState)("hidden"), [seleccionaTexturaExterior, setSeleccionaTexturaExterior] = (0, import_react25.useState)("hidden"), [seleccionaTexturaInterior, setSeleccionaTexturaInterior] = (0, import_react25.useState)("hidden"), [optExterior, setOptExterior] = (0, import_react25.useState)(""), [optInterior, setOptInterior] = (0, import_react25.useState)(""), [seleccionaArmazon, setSeleccionaArmazon] = (0, import_react25.useState)("hidden"), [seleccionaDiseno, setSeleccionaDiseno] = (0, import_react25.useState)("hidden"), [seleccionaCristal, setSeleccionaCristal] = (0, import_react25.useState)("hidden"), [seleccionaCelosia, setSeleccionaCelosia] = (0, import_react25.useState)("hidden"), [seleccionaManeral, setSeleccionaManeral] = (0, import_react25.useState)("hidden"), [seleccionaManija, setSeleccionaManija] = (0, import_react25.useState)("hidden"), [seleccionaApertura, setSeleccionaApertura] = (0, import_react25.useState)("hidden"), [seleccionaFijos, setSeleccionaFijos] = (0, import_react25.useState)("hidden"), [configuracion, setConfiguracion] = (0, import_react25.useState)(""), [configuracionFijo, setConfiguracionFijo] = (0, import_react25.useState)(""), [dataOpcionesExterior, setDataOpcionesExterior] = (0, import_react25.useState)({}), [dataOpcionesInterior, setDataOpcionesInterior] = (0, import_react25.useState)({}), [dataOpcionesArmazon, setDataOpcionesArmazon] = (0, import_react25.useState)({}), [dataOpcionesDiseno, setDataOpcionesDiseno] = (0, import_react25.useState)({}), [dataOpcionesCristal, setDataOpcionesCristal] = (0, import_react25.useState)({}), [dataOpcionesCelosia, setDataOpcionesCelosia] = (0, import_react25.useState)({}), [dataOpcionesManeral, setDataOpcionesManeral] = (0, import_react25.useState)({}), [dataOpcionesManija, setDataOpcionesManija] = (0, import_react25.useState)({}), [dataOpcionesFijo, setDataOpcionesFijo] = (0, import_react25.useState)({}), [puertaBatientePreview, setPuertaBatientePreview] = (0, import_react25.useState)("hidden"), [texturaBatiente, setTexturaBatiente] = (0, import_react25.useState)(empty_default), [texturaIntBatiente, setTexturaIntBatiente] = (0, import_react25.useState)(empty_default), [armazonBatiente, setArmazonBatiente] = (0, import_react25.useState)(empty_default), [disenoBatiente, setDisenoBatiente] = (0, import_react25.useState)(empty_default), [cristalBatiente, setCristalBatiente] = (0, import_react25.useState)(empty_default), [celosiaBatiente, setCelosiaBatiente] = (0, import_react25.useState)(empty_default), [maneralBatiente, setManeralBatiente] = (0, import_react25.useState)(empty_default), [manijaBatiente, setManijaBatiente] = (0, import_react25.useState)(empty_default), [fijoBatiente, setFijoBatiente] = (0, import_react25.useState)(empty_default), [puertaPivotePreview, setPuertaPivotePreview] = (0, import_react25.useState)("hidden"), [texturaPivote, setTexturaPivote] = (0, import_react25.useState)(empty_default), [texturaIntPivote, setTexturaIntPivote] = (0, import_react25.useState)(empty_default), [armazonPivote, setArmazonPivote] = (0, import_react25.useState)(empty_default), [disenoPivote, setDisenoPivote] = (0, import_react25.useState)(empty_default), [cristalPivote, setCristalPivote] = (0, import_react25.useState)(empty_default), [celosiaPivote, setCelosiaPivote] = (0, import_react25.useState)(empty_default), [maneralPivote, setManeralPivote] = (0, import_react25.useState)(empty_default), [manijaPivote, setManijaPivote] = (0, import_react25.useState)(empty_default), [fijoPivote, setFijoPivote] = (0, import_react25.useState)(empty_default), [puertaFijoAbatiblePreview, setPuertaFijoAbatiblePreview] = (0, import_react25.useState)("hidden"), [texturaFijoAbatible, setTexturaFijoAbatible] = (0, import_react25.useState)(empty_default), [texturaIntFijoAbatible, setTexturaIntFijoAbatible] = (0, import_react25.useState)(empty_default), [armazonFijoAbatible, setArmazonFijoAbatible] = (0, import_react25.useState)(empty_default), [disenoFijoAbatible, setDisenoFijoAbatible] = (0, import_react25.useState)(empty_default), [cristalFijoAbatible, setCristalFijoAbatible] = (0, import_react25.useState)(empty_default), [celosiaFijoAbatible, setCelosiaFijoAbatible] = (0, import_react25.useState)(empty_default), [maneralFijoAbatible, setManeralFijoAbatible] = (0, import_react25.useState)(empty_default), [manijaFijoAbatible, setManijaFijoAbatible] = (0, import_react25.useState)(empty_default), [fijoFijoAbatible, setFijoAbatible] = (0, import_react25.useState)(empty_default), [puertaDoblePreview, setPuertaDoblePreview] = (0, import_react25.useState)("hidden"), [texturaDoble, setTexturaDoble] = (0, import_react25.useState)(empty_default), [texturaIntDoble, setTexturaIntDoble] = (0, import_react25.useState)(empty_default), [armazonDoble, setArmazonDoble] = (0, import_react25.useState)(empty_default), [disenoDoble, setDisenoDoble] = (0, import_react25.useState)(empty_default), [cristalDoble, setCristalDoble] = (0, import_react25.useState)(empty_default), [celosiaDoble, setCelosiaDoble] = (0, import_react25.useState)(empty_default), [maneralDoble, setManeralDoble] = (0, import_react25.useState)(empty_default), [manijaDoble, setManijaDoble] = (0, import_react25.useState)(empty_default), [fijoDoble, setFijoDoble] = (0, import_react25.useState)(empty_default), [cubiertaExteriorOptionsShow, setCubiertaExteriorOptionsShow] = (0, import_react25.useState)("hidden"), [cubiertaInteriorOptionsShow, setCubiertaInteriorOptionsShow] = (0, import_react25.useState)("hidden"), [armazonOptionsShow, setArmazonOptionsShow] = (0, import_react25.useState)("hidden"), [disenoOptionsShow, setDisenoOptionsShow] = (0, import_react25.useState)("hidden"), [cristalOptionsShow, setCristalOptionsShow] = (0, import_react25.useState)("hidden"), [celosiaOptionsShow, setCelosiaOptionsShow] = (0, import_react25.useState)("hidden"), [maneralOptionsShow, setManeralOptionsShow] = (0, import_react25.useState)("hidden"), [manijaOptionsShow, setManijaOptionsShow] = (0, import_react25.useState)("hidden"), [fijoOptionsShow, setFijoOptionsShow] = (0, import_react25.useState)("hidden"), [apertura, setApertura] = (0, import_react25.useState)("scale-x-100"), [aperturaInvertida, setAperturaInvertida] = (0, import_react25.useState)("-scale-x-100");
  (0, import_react25.useEffect)(() => {
    setPuertaMedidaCarrito({ puertaMedida: { id: generarId() } });
  }, []);
  let handleCalcular = () => {
    setShowCalcular(""), setSeleccionaPuerta("hidden"), setSeleccionaTexturaExterior("hidden"), setSeleccionaTexturaInterior("hidden"), setSeleccionaArmazon("hidden"), setSeleccionaDiseno("hidden"), setSeleccionaCristal("hidden"), setSeleccionaCelosia("hidden"), setSeleccionaManeral("hidden"), setSeleccionaManija("hidden"), setSeleccionaApertura("hidden"), setSeleccionaFijos("hidden"), document.querySelectorAll("input").forEach((val) => {
      val.checked = !1;
    }), setTexturaBatiente(empty_default), setArmazonBatiente(empty_default), setDisenoBatiente(empty_default), setCristalBatiente(empty_default), setCelosiaBatiente(empty_default), setManeralBatiente(empty_default), setManijaBatiente(empty_default), setFijoBatiente(empty_default), setTexturaPivote(empty_default), setArmazonPivote(empty_default), setDisenoPivote(empty_default), setCristalPivote(empty_default), setCelosiaPivote(empty_default), setManeralPivote(empty_default), setManijaPivote(empty_default), setFijoPivote(empty_default), setTexturaFijoAbatible(empty_default), setArmazonFijoAbatible(empty_default), setDisenoFijoAbatible(empty_default), setCristalFijoAbatible(empty_default), setCelosiaFijoAbatible(empty_default), setManeralFijoAbatible(empty_default), setManijaFijoAbatible(empty_default), setFijoAbatible(empty_default), setTexturaDoble(empty_default), setArmazonDoble(empty_default), setDisenoDoble(empty_default), setCristalDoble(empty_default), setCelosiaDoble(empty_default), setManeralDoble(empty_default), setManijaDoble(empty_default), setFijoDoble(empty_default), setDataOpcionesExterior({}), setDataOpcionesInterior({}), setDataOpcionesArmazon({}), setDataOpcionesDiseno({}), setDataOpcionesCristal({}), setDataOpcionesCelosia({}), setDataOpcionesManeral({}), setDataOpcionesManija({}), setDataOpcionesFijo({}), +vanoAlto < 205 ? (import_sweetalert2.default.fire({
      title: "<h2>\xA1Atenci\xF3n!</h2>",
      html: "El alto del vano debe ser de al menos 205 cms",
      icon: "warning",
      confirmButtonText: " Cerrar ",
      confirmButtonColor: "#eabb2e"
    }), setShowCalcular("")) : +vanoAncho < 70 ? (import_sweetalert2.default.fire({
      title: "<h2>\xA1Atenci\xF3n!</h2>",
      html: "El ancho del vano debe ser de al menos 70 cms",
      icon: "warning",
      confirmButtonText: " Cerrar ",
      confirmButtonColor: "#eabb2e"
    }), setShowCalcular("")) : +puertaAlto < 205 ? (import_sweetalert2.default.fire({
      title: "<h2>\xA1Atenci\xF3n!</h2>",
      html: "El alto de la puerta debe ser de al menos 205 cms",
      icon: "warning",
      confirmButtonText: " Cerrar ",
      confirmButtonColor: "#eabb2e"
    }), setShowCalcular("")) : +puertaAncho < 70 ? (import_sweetalert2.default.fire({
      title: "<h2>\xA1Atenci\xF3n!</h2>",
      html: "El ancho de la puerta debe ser de al menos 70 cms",
      icon: "warning",
      confirmButtonText: " Cerrar ",
      confirmButtonColor: "#eabb2e"
    }), setShowCalcular("")) : +vanoAlto > 300 ? (import_sweetalert2.default.fire({
      title: "<h2>\xA1Atenci\xF3n!</h2>",
      html: "El alto del vano debe ser menor a 300 cms",
      icon: "warning",
      confirmButtonText: " Cerrar ",
      confirmButtonColor: "#eabb2e"
    }), setShowCalcular("")) : +vanoAncho > 300 ? (import_sweetalert2.default.fire({
      title: "<h2>\xA1Atenci\xF3n!</h2>",
      html: "El ancho del vano debe ser menor a 300 cms",
      icon: "warning",
      confirmButtonText: " Cerrar ",
      confirmButtonColor: "#eabb2e"
    }), setShowCalcular("")) : +puertaAlto > 300 ? (import_sweetalert2.default.fire({
      title: "<h2>\xA1Atenci\xF3n!</h2>",
      html: "El alto de la puerta debe ser menor a 300 cms",
      icon: "warning",
      confirmButtonText: " Cerrar ",
      confirmButtonColor: "#eabb2e"
    }), setShowCalcular("")) : +puertaAncho > 300 ? (import_sweetalert2.default.fire({
      title: "<h2>\xA1Atenci\xF3n!</h2>",
      html: "El ancho de la puerta debe ser menor a 300 cms",
      icon: "warning",
      confirmButtonText: " Cerrar ",
      confirmButtonColor: "#eabb2e"
    }), setShowCalcular("")) : +puertaAncho > +vanoAncho ? (import_sweetalert2.default.fire({
      title: "<h2>\xA1Atenci\xF3n!</h2>",
      html: "El ancho de la puerta no puede ser mayor al ancho del vano",
      icon: "warning",
      confirmButtonText: " Cerrar ",
      confirmButtonColor: "#eabb2e"
    }), setShowCalcular("")) : +puertaAlto > +vanoAlto ? (import_sweetalert2.default.fire({
      title: "<h2>\xA1Atenci\xF3n!</h2>",
      html: "El alto de la puerta no puede ser mayor al alto del vano",
      icon: "warning",
      confirmButtonText: " Cerrar ",
      confirmButtonColor: "#eabb2e"
    }), setShowCalcular("")) : (setSeleccionaPuerta(""), setOpcionBatiente("hidden"), setOpcionPivote("hidden"), setOpcionFijoAbatible("hidden"), setOpcionDoble("hidden"), +puertaAncho > 69 && +puertaAncho < 115 && setOpcionBatiente(""), +puertaAncho > 113 && +puertaAncho < 301 && setOpcionPivote(""), +puertaAncho > 99 && +puertaAncho < 185 && setOpcionFijoAbatible(""), +puertaAncho > 139 && +puertaAncho < 229 && setOpcionDoble(""), setPuertaMedidaCarrito({ ...puertaMedidaCarrito.puertaMedida, vanoAlto, vanoAncho, puertaAlto, puertaAncho }));
  }, handleOptions = (opt) => {
    switch (setDisplayPresentacion("hidden"), setDisplayConstruccion(""), setPuertaMedidaCarrito({ ...puertaMedidaCarrito, opcionPuerta: opt }), document.querySelectorAll("input").forEach((val) => {
      val.name !== "puertaTipo" && (val.checked = !1);
    }), setTexturaBatiente(empty_default), setArmazonBatiente(empty_default), setDisenoBatiente(empty_default), setCristalBatiente(empty_default), setCelosiaBatiente(empty_default), setManeralBatiente(empty_default), setManijaBatiente(empty_default), setFijoBatiente(empty_default), setTexturaPivote(empty_default), setArmazonPivote(empty_default), setDisenoPivote(empty_default), setCristalPivote(empty_default), setCelosiaPivote(empty_default), setManeralPivote(empty_default), setManijaPivote(empty_default), setFijoPivote(empty_default), setTexturaFijoAbatible(empty_default), setArmazonFijoAbatible(empty_default), setDisenoFijoAbatible(empty_default), setCristalFijoAbatible(empty_default), setCelosiaFijoAbatible(empty_default), setManeralFijoAbatible(empty_default), setManijaFijoAbatible(empty_default), setFijoAbatible(empty_default), setTexturaDoble(empty_default), setArmazonDoble(empty_default), setDisenoDoble(empty_default), setCristalDoble(empty_default), setCelosiaDoble(empty_default), setManeralDoble(empty_default), setManijaDoble(empty_default), setFijoDoble(empty_default), setDataOpcionesExterior({}), setDataOpcionesInterior({}), setDataOpcionesArmazon({}), setDataOpcionesDiseno({}), setDataOpcionesCristal({}), setDataOpcionesCelosia({}), setDataOpcionesManeral({}), setDataOpcionesManija({}), setDataOpcionesFijo({}), setPuertaBatientePreview("hidden"), setTexturaBatiente(""), setPuertaPivotePreview("hidden"), setTexturaPivote(""), setPuertaFijoAbatiblePreview("hidden"), setTexturaFijoAbatible(""), setPuertaDoblePreview("hidden"), setTexturaDoble(""), opt) {
      case "batiente":
        setDisplayAnchoFijoAbatible("hidden"), setConfiguracion("batiente"), setPuertaBatientePreview(""), setTexturaBatiente("https://testing1.eversafe.com.mx" + base.vc_img_batiente);
        break;
      case "pivote":
        setDisplayAnchoFijoAbatible("hidden"), setConfiguracion("pivote"), setPuertaPivotePreview(""), setTexturaPivote("https://testing1.eversafe.com.mx" + base.vc_img_pivote);
        break;
      case "fijoabatible":
        setDisplayAnchoFijoAbatible(""), setConfiguracion("fijoabatible"), setPuertaFijoAbatiblePreview(""), setTexturaFijoAbatible("https://testing1.eversafe.com.mx" + base.vc_img_batiente_fijo);
        break;
      case "doble":
        setDisplayAnchoFijoAbatible("hidden"), setConfiguracion("doble"), setPuertaDoblePreview(""), setTexturaDoble("https://testing1.eversafe.com.mx" + base.vc_img_doble);
        break;
    }
    vanoAlto - puertaAlto > 29 && vanoAlto - puertaAlto < 151 && (setSeleccionaFijos(""), setOpcionFijoSuperior("")), vanoAncho - puertaAncho > 29 && vanoAncho - puertaAncho < 151 && (setSeleccionaFijos(""), setOpcionFijoIzquierdo(""), setOpcionFijoDerecho("")), vanoAncho - puertaAncho < 30 && vanoAlto - puertaAlto < 30 && setSeleccionaTexturaExterior("");
  }, handleFijos = () => {
    if (setListaOpciones(""), puertaMedidaCarrito.opcionPuerta === "fijoabatible" && anchoFijoAbatible === "")
      document.querySelector("#valorAnchoFijoAbatible").focus(), import_sweetalert2.default.fire({
        title: "<h2>\xA1Atenci\xF3n!</h2>",
        html: "Debe ingresar el ancho del fijo abatible",
        icon: "warning",
        confirmButtonText: " Cerrar ",
        confirmButtonColor: "#eabb2e"
      });
    else if (+puertaAncho + +anchoFijoAbatible > +vanoAncho) {
      let fIzq = document.querySelector("#fijoizq"), fSup = document.querySelector("#fijosup"), fDer = document.querySelector("#fijoder");
      fIzq.checked = !1, fSup.checked = !1, fDer.checked = !1, import_sweetalert2.default.fire({
        title: "<h2>\xA1Atenci\xF3n!</h2>",
        html: "El ancho de la puerta m\xE1s el ancho del fijo no pueden superar el ancho del vano",
        icon: "warning",
        confirmButtonText: " Cerrar ",
        confirmButtonColor: "#eabb2e"
      });
    } else if (puertaMedidaCarrito.opcionPuerta === "fijoabatible" && anchoFijoAbatible < 30) {
      let fIzq = document.querySelector("#fijoizq"), fSup = document.querySelector("#fijosup"), fDer = document.querySelector("#fijoder");
      fIzq.checked = !1, fSup.checked = !1, fDer.checked = !1, import_sweetalert2.default.fire({
        title: "<h2>\xA1Atenci\xF3n!</h2>",
        html: "El ancho del fijo abatible debe ser mayor a 30 cms",
        icon: "warning",
        confirmButtonText: " Cerrar ",
        confirmButtonColor: "#eabb2e"
      });
    } else {
      setPuertaMedidaCarrito({ ...puertaMedidaCarrito, anchoFijoAbatible });
      let izq = document.querySelector("#fijoizq"), sup = document.querySelector("#fijosup"), der = document.querySelector("#fijoder");
      izq.checked && !der.checked && !sup.checked ? (setConfiguracionFijo("ox"), loadOptionsFijo()) : der.checked && !izq.checked && !sup.checked ? (setConfiguracionFijo("xo"), loadOptionsFijo()) : sup.checked && !izq.checked && !der.checked ? (setConfiguracionFijo("osx"), loadOptionsFijo()) : der.checked && izq.checked && !sup.checked ? (setConfiguracionFijo("oxo"), loadOptionsFijo()) : izq.checked && sup.checked && !der.checked ? (setConfiguracionFijo("osox"), loadOptionsFijo()) : der.checked && sup.checked && !izq.checked ? (setConfiguracionFijo("osxo"), loadOptionsFijo()) : der.checked && izq.checked && sup.checked && (setConfiguracionFijo("osoxo"), loadOptionsFijo());
    }
  }, loadOptionsExterior = (opt) => {
    switch (setOptExterior(opt), setListaOpciones(""), setCubiertaExteriorOptionsShow(""), setCubiertaInteriorOptionsShow("hidden"), setArmazonOptionsShow("hidden"), setDisenoOptionsShow("hidden"), setCristalOptionsShow("hidden"), setCelosiaOptionsShow("hidden"), setManeralOptionsShow("hidden"), setManijaOptionsShow("hidden"), setFijoOptionsShow("hidden"), opt) {
      case "Deck":
        setDataOpcionesExterior(exteriorDeck), setSeleccionaTexturaInterior("");
        break;
      case "MDF":
        setDataOpcionesExterior(exteriorMdf), setSeleccionaTexturaInterior("");
        break;
      case "Alocubon":
        setDataOpcionesExterior(exteriorAlocubon), setSeleccionaTexturaInterior("");
        break;
      case "Acero":
        setDataOpcionesExterior(exteriorAcero), setSeleccionaTexturaInterior("");
        break;
    }
  }, loadOptionsInterior = (opt) => {
    switch (setOptInterior(opt), setListaOpciones(""), setCubiertaExteriorOptionsShow("hidden"), setCubiertaInteriorOptionsShow(""), setArmazonOptionsShow("hidden"), setDisenoOptionsShow("hidden"), setCristalOptionsShow("hidden"), setCelosiaOptionsShow("hidden"), setManeralOptionsShow("hidden"), setManijaOptionsShow("hidden"), setFijoOptionsShow("hidden"), setSeleccionaArmazon(""), opt) {
      case "Deck":
        setDataOpcionesInterior(interiorDeck);
        break;
      case "MDF":
        setDataOpcionesInterior(interiorMdf);
        break;
      case "Alocubon":
        setDataOpcionesInterior(interiorAlocubon);
        break;
      case "Acero":
        setDataOpcionesInterior(interiorAcero);
        break;
    }
  }, loadOptionsArmazon = () => {
    setListaOpciones(""), setCubiertaExteriorOptionsShow("hidden"), setCubiertaInteriorOptionsShow("hidden"), setArmazonOptionsShow(""), setDisenoOptionsShow("hidden"), setCristalOptionsShow("hidden"), setCelosiaOptionsShow("hidden"), setManeralOptionsShow("hidden"), setManijaOptionsShow("hidden"), setFijoOptionsShow("hidden"), setDataOpcionesArmazon(armazones), setSeleccionaManija(""), setSeleccionaManeral(""), setSeleccionaDiseno(""), setSeleccionaCristal(""), setSeleccionaCelosia("");
  }, loadOptionsDiseno = (e) => {
    setListaOpciones(""), setSeleccionaCristal(""), setCubiertaExteriorOptionsShow("hidden"), setCubiertaInteriorOptionsShow("hidden"), setArmazonOptionsShow("hidden"), setDisenoOptionsShow(""), setCristalOptionsShow("hidden"), setCelosiaOptionsShow("hidden"), setManeralOptionsShow("hidden"), setManijaOptionsShow("hidden"), setFijoOptionsShow("hidden"), setDataOpcionesDiseno(disenos);
  }, loadOptionsCristal = (e) => {
    setListaOpciones(""), setSeleccionaCelosia(""), setCubiertaExteriorOptionsShow("hidden"), setCubiertaInteriorOptionsShow("hidden"), setArmazonOptionsShow("hidden"), setDisenoOptionsShow("hidden"), setCristalOptionsShow(""), setCelosiaOptionsShow("hidden"), setManeralOptionsShow("hidden"), setManijaOptionsShow("hidden"), setFijoOptionsShow("hidden"), setDataOpcionesCristal(cristal);
  }, loadOptionsCelosia = (e) => {
    setListaOpciones(""), setSeleccionaManeral(""), setCubiertaExteriorOptionsShow("hidden"), setCubiertaInteriorOptionsShow("hidden"), setArmazonOptionsShow("hidden"), setDisenoOptionsShow("hidden"), setCristalOptionsShow("hidden"), setCelosiaOptionsShow(""), setManeralOptionsShow("hidden"), setManijaOptionsShow("hidden"), setFijoOptionsShow("hidden"), setDataOpcionesCelosia(celosia);
  }, loadOptionsManeral = (e) => {
    setListaOpciones(""), setSeleccionaManija(""), setCubiertaExteriorOptionsShow("hidden"), setCubiertaInteriorOptionsShow("hidden"), setArmazonOptionsShow("hidden"), setDisenoOptionsShow("hidden"), setCristalOptionsShow("hidden"), setCelosiaOptionsShow("hidden"), setManeralOptionsShow(""), setManijaOptionsShow("hidden"), setFijoOptionsShow("hidden"), setDataOpcionesManeral(maneral);
  }, loadOptionsManija = (e) => {
    setListaOpciones(""), setSeleccionaApertura(""), setCubiertaExteriorOptionsShow("hidden"), setCubiertaInteriorOptionsShow("hidden"), setArmazonOptionsShow("hidden"), setDisenoOptionsShow("hidden"), setCristalOptionsShow("hidden"), setCelosiaOptionsShow("hidden"), setManeralOptionsShow("hidden"), setManijaOptionsShow(""), setFijoOptionsShow("hidden"), setDataOpcionesManija(manija);
  }, loadOptionsFijo = (e) => {
    setListaOpciones(""), setSeleccionaTexturaExterior(""), setCubiertaExteriorOptionsShow("hidden"), setCubiertaInteriorOptionsShow("hidden"), setArmazonOptionsShow("hidden"), setDisenoOptionsShow("hidden"), setCristalOptionsShow("hidden"), setCelosiaOptionsShow("hidden"), setManeralOptionsShow("hidden"), setManijaOptionsShow("hidden"), setFijoOptionsShow(""), setDataOpcionesFijo(fijos);
  }, handleApertura = (e) => {
    switch (setListaOpciones("hidden"), setCubiertaExteriorOptionsShow("hidden"), setCubiertaInteriorOptionsShow("hidden"), setArmazonOptionsShow("hidden"), setDisenoOptionsShow("hidden"), setCristalOptionsShow("hidden"), setCelosiaOptionsShow("hidden"), setManeralOptionsShow("hidden"), setManijaOptionsShow("hidden"), setFijoOptionsShow("hidden"), e) {
      case "intIzq":
        setApertura("-scale-x-100"), setAperturaInvertida("scale-x-100"), setPuertaMedidaCarrito({ ...puertaMedidaCarrito, apertura: "intIzq" });
        break;
      case "intDer":
        setApertura("scale-x-100"), setAperturaInvertida("-scale-x-100"), setPuertaMedidaCarrito({ ...puertaMedidaCarrito, apertura: "intDer" });
        break;
    }
  }, handleCheckout = () => {
    let sorting = [], tot = 0;
    if (typeof puertaMedidaCarrito.id > "u" || puertaMedidaCarrito.id === "")
      import_sweetalert2.default.fire({
        title: "<h2>\xA1Atenci\xF3n!</h2>",
        html: "No se ha construido ninguna puerta",
        icon: "warning",
        confirmButtonText: " Cerrar ",
        confirmButtonColor: "#eabb2e"
      });
    else if (typeof puertaMedidaCarrito.puertaAlto > "u" || puertaMedidaCarrito.puertaAlto === "")
      import_sweetalert2.default.fire({
        title: "<h2>\xA1Atenci\xF3n!</h2>",
        html: "Debe ingresar las medidas del vano y de la puerta",
        icon: "warning",
        confirmButtonText: " Cerrar ",
        confirmButtonColor: "#eabb2e"
      });
    else if (typeof puertaMedidaCarrito.opcionPuerta > "u" || puertaMedidaCarrito.opcionPuerta === "")
      import_sweetalert2.default.fire({
        title: "<h2>\xA1Atenci\xF3n!</h2>",
        html: "Debe elegir una opci\xF3n de puerta",
        icon: "warning",
        confirmButtonText: " Cerrar ",
        confirmButtonColor: "#eabb2e"
      });
    else if (+puertaMedidaCarrito.puertaAncho + +puertaMedidaCarrito.anchoFijoAbatible > +puertaMedidaCarrito.vanoAncho)
      import_sweetalert2.default.fire({
        title: "<h2>\xA1Atenci\xF3n!</h2>",
        html: "El ancho de la puerta m\xE1s el ancho del fijo no pueden superar el ancho del vano",
        icon: "warning",
        confirmButtonText: " Cerrar ",
        confirmButtonColor: "#eabb2e"
      });
    else if (puertaMedidaCarrito.opcionPuerta === "fijoabatible" && puertaMedidaCarrito.anchoFijoAbatible < 30)
      import_sweetalert2.default.fire({
        title: "<h2>\xA1Atenci\xF3n!</h2>",
        html: "El ancho del fijo abatible debe ser mayor a 30 cms",
        icon: "warning",
        confirmButtonText: " Cerrar ",
        confirmButtonColor: "#eabb2e"
      });
    else if (typeof puertaMedidaCarrito.texturaExterior > "u" || puertaMedidaCarrito.texturaExterior === "")
      import_sweetalert2.default.fire({
        title: "<h2>\xA1Atenci\xF3n!</h2>",
        html: "Debe elegir una cubierta exterior",
        icon: "warning",
        confirmButtonText: " Cerrar ",
        confirmButtonColor: "#eabb2e"
      });
    else if (typeof puertaMedidaCarrito.textInterior > "u" || puertaMedidaCarrito.textInterior === "")
      import_sweetalert2.default.fire({
        title: "<h2>\xA1Atenci\xF3n!</h2>",
        html: "Debe elegir una cubierta interior",
        icon: "warning",
        confirmButtonText: " Cerrar ",
        confirmButtonColor: "#eabb2e"
      });
    else if (typeof puertaMedidaCarrito.textArmazon > "u" || puertaMedidaCarrito.textArmazon === "")
      import_sweetalert2.default.fire({
        title: "<h2>\xA1Atenci\xF3n!</h2>",
        html: "Debe elegir un armazon",
        icon: "warning",
        confirmButtonText: " Cerrar ",
        confirmButtonColor: "#eabb2e"
      });
    else if (typeof puertaMedidaCarrito.textManija > "u" || puertaMedidaCarrito.textManija === "")
      import_sweetalert2.default.fire({
        title: "<h2>\xA1Atenci\xF3n!</h2>",
        html: "Debe elegir una manija",
        icon: "warning",
        confirmButtonText: " Cerrar ",
        confirmButtonColor: "#eabb2e"
      });
    else if (typeof puertaMedidaCarrito.apertura > "u" || puertaMedidaCarrito.apertura === "")
      import_sweetalert2.default.fire({
        title: "<h2>\xA1Atenci\xF3n!</h2>",
        html: "Debe elegir una direcci\xF3n de apertura",
        icon: "warning",
        confirmButtonText: " Cerrar ",
        confirmButtonColor: "#eabb2e"
      });
    else {
      let areaPuerta, fijoSuperior, fijoLateral, areaFijos, costoFijos, costoTexturaExterior, costoTexturaInterior, costoArmazon, costoDiseno, costoCristal, costoCelosia, costoManeral, costoManija;
      if (areaPuerta = puertaMedidaCarrito.puertaAlto * puertaMedidaCarrito.puertaAncho / 1e4, fijoSuperior = (puertaMedidaCarrito.vanoAlto - puertaMedidaCarrito.puertaAlto) * puertaMedidaCarrito.vanoAncho / 1e4, fijoLateral = (puertaMedidaCarrito.vanoAncho - puertaMedidaCarrito.puertaAncho) * puertaMedidaCarrito.puertaAlto / 1e4, areaFijos = +fijoSuperior + +fijoLateral, typeof puertaMedidaCarrito.configuracionFijoPrecio < "u" && (costoFijos = +puertaMedidaCarrito.configuracionFijoPrecio * +areaFijos, tot = +tot + +costoFijos), typeof puertaMedidaCarrito.texturaExteriorPrecio < "u" && (costoTexturaExterior = +puertaMedidaCarrito.texturaExteriorPrecio * areaPuerta, tot = +tot + +costoTexturaExterior), typeof puertaMedidaCarrito.textInteriorPrecio < "u" && (costoTexturaInterior = +puertaMedidaCarrito.textInteriorPrecio * areaPuerta, tot = +tot + +costoTexturaInterior), typeof puertaMedidaCarrito.textArmazonPrecio < "u" && (costoArmazon = +puertaMedidaCarrito.textArmazonPrecio, tot = +tot + +costoArmazon), typeof puertaMedidaCarrito.textDisenoPrecio < "u" && (costoDiseno = +puertaMedidaCarrito.textDisenoPrecio, tot = +tot + +costoDiseno), typeof puertaMedidaCarrito.textCristalPrecio < "u" && (costoCristal = +puertaMedidaCarrito.textCristalPrecio, tot = +tot + +costoCristal), typeof puertaMedidaCarrito.textCelosiaPrecio < "u" && (costoCelosia = +puertaMedidaCarrito.textCelosiaPrecio, tot = +tot + +costoCelosia), typeof puertaMedidaCarrito.textManeralPrecio < "u" && (costoManeral = +puertaMedidaCarrito.textManeralPrecio, tot = +tot + +costoManeral), typeof puertaMedidaCarrito.textManijaPrecio < "u" && (costoManija = +puertaMedidaCarrito.textManijaPrecio, tot = +tot + +costoManija), puertaMedidaCarrito.textCelosia !== "" && puertaMedidaCarrito.textCristal === "")
        import_sweetalert2.default.fire({
          title: "<h2>\xA1Atenci\xF3n!</h2>",
          html: "Para elegir una celosia tambi\xE9n debes incluir un cristal",
          icon: "warning",
          confirmButtonText: " Cerrar ",
          confirmButtonColor: "#eabb2e"
        });
      else {
        setPuertaMedidaCarrito({ ...puertaMedidaCarrito, totalPuertaMedida: tot.toFixed(2) }), sorting.push({ id: puertaMedidaCarrito.id }), sorting.push({ vanoAlto: puertaMedidaCarrito.vanoAlto, vanoAncho: puertaMedidaCarrito.vanoAncho, puertaAlto: puertaMedidaCarrito.puertaAlto, puertaAncho: puertaMedidaCarrito.puertaAncho }), sorting.push({ opcionPuerta: puertaMedidaCarrito.opcionPuerta, anchofijoabatible: typeof puertaMedidaCarrito.anchoFijoAbatible < "u" ? puertaMedidaCarrito.anchoFijoAbatible : "" }), typeof puertaMedidaCarrito.configuracionFijo > "u" ? sorting.push({ configuracionFijo: "x", configuracionFijoImagen: "", configuracionFijoPrecio: 0 }) : sorting.push({ configuracionFijo: puertaMedidaCarrito.configuracionFijo, configuracionFijoImagen: puertaMedidaCarrito.configuracionFijoImagen, configuracionFijoPrecio: puertaMedidaCarrito.configuracionFijoPrecio }), sorting.push({ texturaExterior: puertaMedidaCarrito.texturaExterior, texturaExteriorImagen: puertaMedidaCarrito.texturaExteriorImagen, texturaExteriorPrecio: puertaMedidaCarrito.texturaExteriorPrecio, nombreTexturaExterior: puertaMedidaCarrito.nombreTexturaExterior }), sorting.push({ textInterior: puertaMedidaCarrito.textInterior, textInteriorImagen: puertaMedidaCarrito.textInteriorImagen, textInteriorPrecio: puertaMedidaCarrito.textInteriorPrecio, nombreTexturaInterior: puertaMedidaCarrito.nombreTexturaInterior }), sorting.push({ textArmazon: puertaMedidaCarrito.textArmazon, textArmazonImagen: puertaMedidaCarrito.textArmazonImagen, textArmazonPrecio: puertaMedidaCarrito.textArmazonPrecio, nombreArmazon: puertaMedidaCarrito.nombreArmazon }), typeof puertaMedidaCarrito.textDiseno > "u" ? sorting.push({ textDiseno: "", textDisenoImagen: "", textDisenoPrecio: "", nombreDiseno: "" }) : sorting.push({ textDiseno: puertaMedidaCarrito.textDiseno, textDisenoImagen: puertaMedidaCarrito.textDisenoImagen, textDisenoPrecio: puertaMedidaCarrito.textDisenoPrecio, nombreDiseno: puertaMedidaCarrito.nombreDiseno }), typeof puertaMedidaCarrito.textCristal > "u" ? sorting.push({ textCristal: "", textCristalImagen: "", textCristalPrecio: "", nombreCristal: "" }) : sorting.push({ textCristal: puertaMedidaCarrito.textCristal, textCristalImagen: puertaMedidaCarrito.textCristalImagen, textCristalPrecio: puertaMedidaCarrito.textCristalPrecio, nombreCristal: puertaMedidaCarrito.nombreCristal }), typeof puertaMedidaCarrito.textCelosia > "u" ? sorting.push({ textCelosia: "", textCelosiaImagen: "", textCelosiaPrecio: "", nombreCelosia: "" }) : sorting.push({ textCelosia: puertaMedidaCarrito.textCelosia, textCelosiaImagen: puertaMedidaCarrito.textCelosiaImagen, textCelosiaPrecio: puertaMedidaCarrito.textCelosiaPrecio, nombreCelosia: puertaMedidaCarrito.nombreCelosia }), typeof puertaMedidaCarrito.textManeral > "u" ? sorting.push({ textManeral: "", textManeralImagen: "", textManeralPrecio: "", nombreManeral: "" }) : sorting.push({ textManeral: puertaMedidaCarrito.textManeral, textManeralImagen: puertaMedidaCarrito.textManeralImagen, textManeralPrecio: puertaMedidaCarrito.textManeralPrecio, nombreManeral: puertaMedidaCarrito.nombreManeral }), sorting.push({ textManija: puertaMedidaCarrito.textManija, textManijaImagen: puertaMedidaCarrito.textManijaImagen, textManijaPrecio: puertaMedidaCarrito.textManijaPrecio, nombreManija: puertaMedidaCarrito.nombreManija }), sorting.push({ apertura: puertaMedidaCarrito.apertura }), sorting.push({ totalPuertaMedida: tot.toFixed(2) });
        let fijosPeso = areaFijos * pesos[0].i_peso + areaFijos * pesos[10].i_peso, exteriorPeso = 0, interiorPeso = 0, disenoPeso = 0, cristalPeso = 0, celosiaPeso = 0, armazonPeso = areaPuerta * pesos[1].i_peso;
        switch (optExterior) {
          case "Deck":
            exteriorPeso = areaPuerta * pesos[2].i_peso;
            break;
          case "MDF":
            exteriorPeso = areaPuerta * pesos[3].i_peso;
            break;
          case "Alocubon":
            exteriorPeso = areaPuerta * pesos[4].i_peso;
            break;
          case "Acero":
            exteriorPeso = areaPuerta * pesos[5].i_peso;
            break;
        }
        switch (optInterior) {
          case "Deck":
            interiorPeso = areaPuerta * pesos[2].i_peso;
            break;
          case "MDF":
            interiorPeso = areaPuerta * pesos[3].i_peso;
            break;
          case "Alocubon":
            interiorPeso = areaPuerta * pesos[4].i_peso;
            break;
          case "Acero":
            interiorPeso = areaPuerta * pesos[5].i_peso;
            break;
        }
        typeof puertaMedidaCarrito.textDiseno < "u" && (disenoPeso = areaPuerta * pesos[6].i_peso), typeof puertaMedidaCarrito.textCristal < "u" && (cristalPeso = areaPuerta * pesos[7].i_peso), typeof puertaMedidaCarrito.textCelosia < "u" && (celosiaPeso = areaPuerta * pesos[8].i_peso);
        let componentesPeso = areaPuerta * pesos[9].i_peso, empaquePuertaPeso = areaPuerta * pesos[10].i_peso;
        sorting.push({ medidaAncho: puertaMedidaCarrito.puertaAncho, medidaAlto: puertaMedidaCarrito.puertaAlto, fijosPeso, puertaPeso: armazonPeso + exteriorPeso + interiorPeso + disenoPeso + cristalPeso + celosiaPeso + componentesPeso + empaquePuertaPeso }), setCarritoMedida(sorting), window.location.href = "/carrito";
      }
    }
  };
  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("main", { className: "w-full mx-auto", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "lg:flex", children: [
    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "lg:w-4/12 p-5 bg-eLightGray h-[500px] overflow-y-scroll", children: [
      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("h1", { className: "font-MontserratSemiBold uppercase text-center text-lg text-eBlue mb-5", children: "Crea tu puerta a la medida:" }),
      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "my-5", children: [
        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-center", children: [
          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "text-eGray uppercase font-MontserratSemiBold text-sm", children: "Medidas de vano" }),
          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react24.Link, { to: "/como-medir.pdf", target: "_blank", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "ml-3 bg-eYellow rounded-full px-2", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-white text-xs font-MontserratBold", children: "?" }) }) })
        ] }),
        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-center gap-2 mt-2", children: [
          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "text-MontserratRegular text-eGray", children: "Ancho: " }),
          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
            "input",
            {
              type: "text",
              id: "anchoVano",
              name: "anchoVano",
              placeholder: "Ancho cm",
              value: vanoAncho,
              onChange: (e) => setVanoAncho(e.target.value),
              className: "font-MontserratRegular border-solid rounded-md text-sm w-28 focus:ring-eYellow focus:border-eYellow"
            }
          ),
          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "text-MontserratRegular text-eGray", children: "Alto: " }),
          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
            "input",
            {
              type: "text",
              id: "altoVano",
              name: "altoVano",
              placeholder: "Alto cm",
              value: vanoAlto,
              onChange: (e) => setVanoAlto(e.target.value),
              className: "font-MontserratRegular border-solid rounded-md text-sm w-28 focus:ring-eYellow focus:border-eYellow"
            }
          )
        ] })
      ] }),
      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "my-5", children: [
        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-center", children: [
          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "text-eGray uppercase font-MontserratSemiBold text-sm", children: "Medidas de puerta" }),
          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react24.Link, { to: "/como-medir.pdf", target: "_blank", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "ml-3 bg-eYellow rounded-full px-2", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-white text-xs font-MontserratBold", children: "?" }) }) })
        ] }),
        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-center gap-2 mt-2", children: [
          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "text-MontserratRegular text-eGray", children: "Ancho: " }),
          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
            "input",
            {
              type: "text",
              id: "anchoPuerta",
              name: "anchoPuerta",
              placeholder: "Ancho cm",
              value: puertaAncho,
              onChange: (e) => setPuertaAncho(e.target.value),
              className: "font-MontserratRegular border-solid rounded-md text-sm w-28 focus:ring-eYellow focus:border-eYellow"
            }
          ),
          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "text-MontserratRegular text-eGray", children: "Alto: " }),
          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
            "input",
            {
              type: "text",
              id: "altoPuerta",
              name: "altoPuerta",
              placeholder: "Alto cm",
              value: puertaAlto,
              onChange: (e) => setPuertaAlto(e.target.value),
              className: "font-MontserratRegular border-solid rounded-md text-sm w-28 focus:ring-eYellow focus:border-eYellow"
            }
          )
        ] })
      ] }),
      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: `flex justify-center items-center ${showCalcular}`, children: [
        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("a", { href: "/puertas-a-medida", className: " mx-2 bg-eYellow text-eGray font-MontserratSemiBold py-2 px-8 rounded-full", children: "Limpiar" }),
        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("button", { type: "button", onClick: handleCalcular, className: " mx-2 bg-eYellow text-eGray font-MontserratSemiBold py-2 px-8 rounded-full", children: "Calcular" })
      ] }),
      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: `my-5 ${seleccionaPuerta}`, children: [
        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "text-eGray uppercase font-MontserratSemiBold text-sm", children: "Selecciona una opci\xF3n" }),
        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex gap-2 justify-center items-start mt-2", children: [
          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: `checkbox-wrapper-16 ${opcionBatiente}`, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("label", { className: "checkbox-wrapper", children: [
            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
              "input",
              {
                onChange: () => handleOptions("batiente"),
                type: "radio",
                className: "checkbox-input focus:ring-eYellow",
                name: "puertaTipo"
              }
            ),
            /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("span", { className: "checkbox-tile", children: [
              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "checkbox-icon", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("img", { src: batiente_icon_default, alt: "Puerta Batiente", className: "m-2 h-28" }) }),
              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "checkbox-label", children: "Batiente" })
            ] })
          ] }) }),
          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: `checkbox-wrapper-16 ${opcionPivote}`, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("label", { className: "checkbox-wrapper", children: [
            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
              "input",
              {
                onChange: () => handleOptions("pivote"),
                type: "radio",
                className: "checkbox-input focus:ring-eYellow",
                name: "puertaTipo"
              }
            ),
            /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("span", { className: "checkbox-tile", children: [
              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "checkbox-icon", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("img", { src: pivote_icon_default, alt: "Puerta Pivote", className: "m-2 h-28" }) }),
              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "checkbox-label", children: "Pivote" })
            ] })
          ] }) }),
          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: `checkbox-wrapper-16 ${opcionFijoAbatible}`, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("label", { className: "checkbox-wrapper", children: [
            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
              "input",
              {
                onChange: () => handleOptions("fijoabatible"),
                type: "radio",
                className: "checkbox-input focus:ring-eYellow",
                name: "puertaTipo"
              }
            ),
            /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("span", { className: "checkbox-tile", children: [
              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "checkbox-icon", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("img", { src: fabatible_icon_default, alt: "Puerta con Fijo Abatible", className: "m-2 h-28" }) }),
              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "checkbox-label", children: "Fijo Abatible" })
            ] })
          ] }) }),
          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: `checkbox-wrapper-16 ${opcionDoble}`, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("label", { className: "checkbox-wrapper", children: [
            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
              "input",
              {
                onChange: () => handleOptions("doble"),
                type: "radio",
                className: "checkbox-input focus:ring-eYellow",
                name: "puertaTipo"
              }
            ),
            /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("span", { className: "checkbox-tile", children: [
              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "checkbox-icon", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("img", { src: doble_icon_default, alt: "Puerta Doble", className: "m-2 h-28" }) }),
              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "checkbox-label", children: "Doble" })
            ] })
          ] }) })
        ] }),
        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "flex justify-center items-center mt-2", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
          "input",
          {
            type: "text",
            id: "valorAnchoFijoAbatible",
            value: anchoFijoAbatible,
            onChange: (e) => setAnchoFijoAbatible(e.target.value),
            placeholder: "Ancho del fijo en cms",
            className: `${displayAnchoFijoAbatible} w-6/12 font-MontserratRegular border-solid rounded-md text-sm focus:ring-eYellow focus:border-eYellow`,
            name: "anchofijo"
          }
        ) })
      ] }),
      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: `my-5 ${seleccionaFijos}`, children: [
        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "text-eGray uppercase font-MontserratSemiBold text-sm", children: "Selecciona una opci\xF3n" }),
        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex gap-2 justify-center items-start mt-2", children: [
          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: `checkbox-wrapper-16 ${opcionFijoIzquierdo}`, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("label", { className: "checkbox-wrapper", children: [
            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
              "input",
              {
                onClick: () => handleFijos(),
                type: "checkbox",
                className: "checkbox-input focus:ring-eYellow",
                id: "fijoizq",
                name: "fijoizq"
              }
            ),
            /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("span", { className: "checkbox-tile", children: [
              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "checkbox-icon", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("img", { src: modular_izq_default, alt: "Fijo lateral izquierdo", className: "m-2 w-16" }) }),
              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "checkbox-label", children: "Lateral izq." })
            ] })
          ] }) }),
          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: `checkbox-wrapper-16 ${opcionFijoSuperior}`, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("label", { className: "checkbox-wrapper", children: [
            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
              "input",
              {
                onClick: () => handleFijos(),
                type: "checkbox",
                className: "checkbox-input focus:ring-eYellow",
                id: "fijosup",
                name: "fijosup"
              }
            ),
            /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("span", { className: "checkbox-tile", children: [
              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "checkbox-icon", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("img", { src: modular_superior_default, alt: "Fijo Superior", className: "m-2 w-16" }) }),
              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "checkbox-label", children: "Superior" })
            ] })
          ] }) }),
          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: `checkbox-wrapper-16 ${opcionFijoDerecho}`, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("label", { className: "checkbox-wrapper", children: [
            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
              "input",
              {
                onClick: () => handleFijos(),
                type: "checkbox",
                className: "checkbox-input focus:ring-eYellow",
                id: "fijoder",
                name: "fijoder"
              }
            ),
            /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("span", { className: "checkbox-tile", children: [
              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "checkbox-icon", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("img", { src: modular_der_default, alt: "Fijo lateral derecho", className: "m-2 w-16" }) }),
              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "checkbox-label", children: "Lateral Der." })
            ] })
          ] }) })
        ] })
      ] }),
      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: `my-5 ${seleccionaTexturaExterior}`, children: [
        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "text-eGray uppercase font-MontserratSemiBold text-sm", children: "Cubierta exterior" }),
        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex gap-2 mt-2", children: [
          /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex justify-start items-center bg-white border-solid rounded-md p-2 w-32", children: [
            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
              "input",
              {
                type: "radio",
                id: "deckExterior",
                name: "cubiertaExterior",
                onClick: () => loadOptionsExterior("Deck"),
                className: "text-eYellow focus:ring-eYellow"
              }
            ),
            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("label", { htmlFor: "deckExterior", className: "ml-2", children: "Deck" })
          ] }),
          /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex justify-start items-center bg-white border-solid rounded-md p-2 w-32", children: [
            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
              "input",
              {
                type: "radio",
                id: "mdfExterior",
                name: "cubiertaExterior",
                onClick: () => loadOptionsExterior("MDF"),
                className: "text-eYellow focus:ring-eYellow"
              }
            ),
            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("label", { htmlFor: "mdfExterior", className: "ml-2", children: "MDF" })
          ] }),
          /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex justify-start items-center bg-white border-solid rounded-md p-2 w-32", children: [
            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
              "input",
              {
                type: "radio",
                id: "alocubonExterior",
                name: "cubiertaExterior",
                onClick: () => loadOptionsExterior("Alocubon"),
                className: "text-eYellow focus:ring-eYellow"
              }
            ),
            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("label", { htmlFor: "alocubonExterior", className: "ml-2", children: "Alucubond" })
          ] }),
          /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex justify-start items-center bg-white border-solid rounded-md p-2 w-32", children: [
            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
              "input",
              {
                type: "radio",
                id: "aceroExterior",
                name: "cubiertaExterior",
                onClick: () => loadOptionsExterior("Acero"),
                className: "text-eYellow focus:ring-eYellow"
              }
            ),
            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("label", { htmlFor: "aceroExterior", className: "ml-2", children: "Acero" })
          ] })
        ] })
      ] }),
      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: `my-5 ${seleccionaTexturaInterior}`, children: [
        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "text-eGray uppercase font-MontserratSemiBold text-sm", children: "Cubierta interior" }),
        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex gap-2 mt-2", children: [
          /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex justify-start items-center bg-white border-solid rounded-md p-2 w-32", children: [
            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
              "input",
              {
                type: "radio",
                id: "deckInterior",
                name: "cubiertaInterior",
                onClick: () => loadOptionsInterior("Deck"),
                className: "text-eYellow focus:ring-eYellow"
              }
            ),
            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("label", { htmlFor: "deckInterior", className: "ml-2", children: "Deck" })
          ] }),
          /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex justify-start items-center bg-white border-solid rounded-md p-2 w-32", children: [
            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
              "input",
              {
                type: "radio",
                id: "mdfInterior",
                name: "cubiertaInterior",
                onClick: () => loadOptionsInterior("MDF"),
                className: "text-eYellow focus:ring-eYellow"
              }
            ),
            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("label", { htmlFor: "mdfInterior", className: "ml-2", children: "MDF" })
          ] }),
          /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex justify-start items-center bg-white border-solid rounded-md p-2 w-32", children: [
            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
              "input",
              {
                type: "radio",
                id: "alocubonInterior",
                name: "cubiertaInterior",
                onClick: () => loadOptionsInterior("Alocubon"),
                className: "text-eYellow focus:ring-eYellow"
              }
            ),
            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("label", { htmlFor: "alocubonInterior", className: "ml-2", children: "Alucubond" })
          ] }),
          /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex justify-start items-center bg-white border-solid rounded-md p-2 w-32", children: [
            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
              "input",
              {
                type: "radio",
                id: "aceroInterior",
                name: "cubiertaInterior",
                onClick: () => loadOptionsInterior("Acero"),
                className: "text-eYellow focus:ring-eYellow"
              }
            ),
            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("label", { htmlFor: "aceroInterior", className: "ml-2", children: "Acero" })
          ] })
        ] })
      ] }),
      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: `my-5 ${seleccionaArmazon}`, children: [
        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "text-eGray uppercase font-MontserratSemiBold text-sm", children: "Color de armaz\xF3n" }),
        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "flex gap-2 mt-2", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex justify-start items-center bg-white border-solid rounded-md p-2 w-32", children: [
          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
            "input",
            {
              type: "radio",
              id: "armazonBlanco",
              name: "armazon",
              onClick: loadOptionsArmazon,
              className: "text-eYellow focus:ring-eYellow"
            }
          ),
          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("label", { htmlFor: "armazonBlanco", className: "ml-2", children: "Armazon" })
        ] }) })
      ] }),
      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: `mt-10 ${seleccionaManija}`, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { onClick: (e) => loadOptionsManija(e), className: "bg-white flex justify-around items-center py-2 border-solid rounded-md cursor", children: [
        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-eGray text-sm font-MontserratRegular", children: "Agregar manija" }) }),
        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("img", { src: go_icon_default, alt: "Puertas a medida", className: "ml-2" }) })
      ] }) }),
      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: `my-5 ${seleccionaManeral}`, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { onClick: (e) => loadOptionsManeral(e), className: "bg-white flex justify-around items-center py-2 border-solid rounded-md cursor", children: [
        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-eGray text-sm font-MontserratRegular", children: "Agregar maneral" }) }),
        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("img", { src: go_icon_default, alt: "Puertas a medida", className: "ml-2" }) })
      ] }) }),
      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: `my-5 ${seleccionaDiseno}`, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { onClick: (e) => loadOptionsDiseno(e), className: "bg-white flex justify-around items-center py-2 border-solid rounded-md cursor", children: [
        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-eGray text-sm font-MontserratRegular", children: "Agregar dise\xF1o" }) }),
        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("img", { src: go_icon_default, alt: "Puertas a medida", className: "ml-2" }) })
      ] }) }),
      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: `my-5 ${seleccionaCristal}`, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { onClick: (e) => loadOptionsCristal(e), className: "bg-white flex justify-around items-center py-2 border-solid rounded-md cursor", children: [
        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-eGray text-sm font-MontserratRegular", children: "Agregar cristal" }) }),
        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("img", { src: go_icon_default, alt: "Puertas a medida", className: "ml-2" }) })
      ] }) }),
      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: `my-5 ${seleccionaCelosia}`, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { onClick: (e) => loadOptionsCelosia(e), className: "bg-white flex justify-around items-center py-2 border-solid rounded-md cursor", children: [
        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-eGray text-sm font-MontserratRegular", children: "Agregar celosia" }) }),
        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("img", { src: go_icon_default, alt: "Puertas a medida", className: "ml-2" }) })
      ] }) }),
      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: `my-5 ${seleccionaApertura}`, children: [
        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-center", children: [
          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "text-eGray uppercase font-MontserratSemiBold text-sm", children: "selecciona direcci\xF3n de apertura" }),
          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react24.Link, { to: "/como-medir.pdf", target: "_blank", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "ml-3 bg-eYellow rounded-full px-2", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-white text-xs font-MontserratBold", children: "?" }) }) })
        ] }),
        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex gap-2 mt-2", children: [
          /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex justify-start items-center bg-white border-solid rounded-md p-2 w-36", children: [
            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
              "input",
              {
                type: "radio",
                id: "intIzquierda",
                name: "apertura",
                onClick: () => handleApertura("intIzq"),
                className: "text-eYellow focus:ring-eYellow"
              }
            ),
            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("label", { htmlFor: "intIzquierda", className: "ml-2", children: "Int. Izquierda" })
          ] }),
          /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex justify-start items-center bg-white border-solid rounded-md p-2 w-36", children: [
            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
              "input",
              {
                type: "radio",
                id: "intDerecha",
                name: "apertura",
                onClick: () => handleApertura("intDer"),
                className: "text-eYellow focus:ring-eYellow"
              }
            ),
            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("label", { htmlFor: "intDerecha", className: "ml-2", children: "Int. Derecha" })
          ] })
        ] })
      ] })
    ] }),
    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "lg:w-8/12 lg:flex justify-between", children: [
      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "w-full", children: [
        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex justify-between items-center p-5", children: [
          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "font-MontserratSemiBold uppercase text-center text-sm lg:text-lg text-eGray", children: "Visualiza tu dise\xF1o" }),
          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("button", { onClick: handleCheckout, className: "bg-eYellow text-eGray font-MontserratSemiBold py-2 px-8 text-sm lg:text-base rounded-full", children: "Ir a carrito" })
        ] }),
        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: displayPresentacion, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "lg:flex", children: [
          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "lg:w-6/12 flex justify-center items-center", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("img", { src: presentacion_default, alt: "Puerta de ejemplo con fijo", width: 250, height: 400 }) }),
          /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "lg:w-6/12 flex flex-col justify-center items-center p-5", children: [
            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "font-MontserratSemiBold text-eGray mb-5", children: "Elige las opciones que mejor se adecuen a tu proyecto:" }),
            /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("ol", { className: "list-decimal font-MontserratRegular text-eGray", children: [
              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("li", { className: "mt-2 ml-3", children: "Ingresa las medidas" }),
              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("li", { className: "mt-2 ml-3", children: "Elige tu tipo de apertura" }),
              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("li", { className: "mt-2 ml-3", children: "Revisa las opciones y selecciona a tu gusto" }),
              /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("li", { className: "mt-2 ml-3", children: [
                "\xBFTienes dudas? Escr\xEDbenos a ",
                /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react24.Link, { className: "text-eBlue", to: "mailto:ventas@eversafe.com.mx", target: "_blank", children: "ventas@eversafe.com.mx" })
              ] })
            ] })
          ] })
        ] }) }),
        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: `${displayConstruccion} flex justify-center items-end`, children: [
          /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "relative w-[400px] h-[400px]", children: [
            /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: `${puertaBatientePreview}`, children: [
              " ",
              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "absolute top-0 left-0 w-[400px] h-[400px]", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("img", { src: texturaBatiente, alt: "Textura", className: apertura }) }),
              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "absolute top-0 left-0 w-[400px] h-[400px]", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("img", { src: armazonBatiente, alt: "Armazon", className: apertura }) }),
              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "absolute top-0 left-0 w-[400px] h-[400px]", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("img", { src: disenoBatiente, alt: "Dise\xF1o", className: apertura }) }),
              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "absolute top-0 left-0 w-[400px] h-[400px]", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("img", { src: cristalBatiente, alt: "Cristal", className: apertura }) }),
              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "absolute top-0 left-0 w-[400px] h-[400px]", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("img", { src: celosiaBatiente, alt: "Celosia", className: apertura }) }),
              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "absolute top-0 left-0 w-[400px] h-[400px]", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("img", { src: maneralBatiente, alt: "Maneral", className: apertura }) }),
              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "absolute top-0 left-0 w-[400px] h-[400px]", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("img", { src: manijaBatiente, alt: "Manija", className: apertura }) }),
              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "absolute top-0 left-0 w-[400px] h-[400px]", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("img", { src: fijoBatiente, alt: "Fijos", className: apertura }) })
            ] }),
            /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: `${puertaPivotePreview}`, children: [
              " ",
              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "absolute top-0 left-0 w-[400px] h-[400px]", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("img", { src: texturaPivote, alt: "Textura", className: apertura }) }),
              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "absolute top-0 left-0 w-[400px] h-[400px]", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("img", { src: armazonPivote, alt: "Armazon", className: apertura }) }),
              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "absolute top-0 left-0 w-[400px] h-[400px]", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("img", { src: disenoPivote, alt: "Dise\xF1o", className: apertura }) }),
              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "absolute top-0 left-0 w-[400px] h-[400px]", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("img", { src: cristalPivote, alt: "Cristal", className: apertura }) }),
              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "absolute top-0 left-0 w-[400px] h-[400px]", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("img", { src: celosiaPivote, alt: "Celosia", className: apertura }) }),
              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "absolute top-0 left-0 w-[400px] h-[400px]", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("img", { src: maneralPivote, alt: "Maneral", className: apertura }) }),
              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "absolute top-0 left-0 w-[400px] h-[400px]", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("img", { src: manijaPivote, alt: "Manija", className: apertura }) }),
              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "absolute top-0 left-0 w-[400px] h-[400px]", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("img", { src: fijoPivote, alt: "Fijos", className: apertura }) })
            ] }),
            /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: `${puertaFijoAbatiblePreview}`, children: [
              " ",
              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "absolute top-0 left-0 w-[400px] h-[400px]", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("img", { src: texturaFijoAbatible, alt: "Textura", className: apertura }) }),
              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "absolute top-0 left-0 w-[400px] h-[400px]", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("img", { src: armazonFijoAbatible, alt: "Armazon", className: apertura }) }),
              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "absolute top-0 left-0 w-[400px] h-[400px]", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("img", { src: disenoFijoAbatible, alt: "Dise\xF1o", className: apertura }) }),
              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "absolute top-0 left-0 w-[400px] h-[400px]", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("img", { src: cristalFijoAbatible, alt: "Cristal", className: apertura }) }),
              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "absolute top-0 left-0 w-[400px] h-[400px]", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("img", { src: celosiaFijoAbatible, alt: "Celosia", className: apertura }) }),
              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "absolute top-0 left-0 w-[400px] h-[400px]", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("img", { src: maneralFijoAbatible, alt: "Maneral", className: apertura }) }),
              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "absolute top-0 left-0 w-[400px] h-[400px]", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("img", { src: manijaFijoAbatible, alt: "Manija", className: apertura }) }),
              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "absolute top-0 left-0 w-[400px] h-[400px]", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("img", { src: fijoFijoAbatible, alt: "Fijos", className: apertura }) })
            ] }),
            /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: `${puertaDoblePreview}`, children: [
              " ",
              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "absolute top-0 left-0 w-[400px] h-[400px]", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("img", { src: texturaDoble, alt: "Textura", className: apertura }) }),
              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "absolute top-0 left-0 w-[400px] h-[400px]", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("img", { src: armazonDoble, alt: "Armazon", className: apertura }) }),
              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "absolute top-0 left-0 w-[400px] h-[400px]", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("img", { src: disenoDoble, alt: "Dise\xF1o", className: apertura }) }),
              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "absolute top-0 left-0 w-[400px] h-[400px]", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("img", { src: cristalDoble, alt: "Cristal", className: apertura }) }),
              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "absolute top-0 left-0 w-[400px] h-[400px]", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("img", { src: celosiaDoble, alt: "Celosia", className: apertura }) }),
              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "absolute top-0 left-0 w-[400px] h-[400px]", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("img", { src: maneralDoble, alt: "Maneral", className: apertura }) }),
              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "absolute top-0 left-0 w-[400px] h-[400px]", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("img", { src: manijaDoble, alt: "Manija", className: apertura }) }),
              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "absolute top-0 left-0 w-[400px] h-[400px]", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("img", { src: fijoDoble, alt: "Fijos", className: apertura }) })
            ] })
          ] }),
          /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { children: [
            /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: `${puertaBatientePreview} relative bg-eLightGray pt-3 border border- rounded-md border-[c0c0c0] top-auto bottom-0 left-auto right-0 w-[160px] h-[160px] overflow-hidden`, children: [
              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "font-MontserratSemiBold text-eGray text-center uppercase", children: "Vista interior" }),
              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "absolute left-0 top-0 mt-3", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("img", { src: texturaIntBatiente, alt: "Textura", className: aperturaInvertida }) }),
              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "absolute left-0 top-0 mt-3", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("img", { src: armazonBatiente, alt: "Armazon", className: aperturaInvertida }) }),
              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "absolute left-[5rem] top-[6rem]", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("img", { src: interior_flecha_default, alt: "Flecha interior", width: 37, height: 28 }) })
            ] }),
            /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: `${puertaPivotePreview} relative bg-eLightGray pt-3 border border- rounded-md border-[c0c0c0] top-auto bottom-0 left-auto right-0 w-[160px] h-[160px] overflow-hidden`, children: [
              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "font-MontserratSemiBold text-eGray text-center uppercase", children: "Vista interior" }),
              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "absolute left-0 top-0 mt-3", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("img", { src: texturaIntPivote, alt: "Textura", className: aperturaInvertida }) }),
              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "absolute left-0 top-0 mt-3", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("img", { src: armazonPivote, alt: "Armazon", className: aperturaInvertida }) }),
              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "absolute left-[6rem] top-[6rem]", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("img", { src: interior_flecha_default, alt: "Flecha interior", width: 37, height: 28 }) })
            ] }),
            /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: `${puertaFijoAbatiblePreview} relative bg-eLightGray pt-3 border border- rounded-md border-[c0c0c0] top-auto bottom-0 left-auto right-0 w-[160px] h-[160px] overflow-hidden`, children: [
              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "font-MontserratSemiBold text-eGray text-center uppercase", children: "Vista interior" }),
              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "absolute left-0 top-0 mt-3", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("img", { src: texturaIntFijoAbatible, alt: "Textura", className: aperturaInvertida }) }),
              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "absolute left-0 top-0 mt-3", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("img", { src: armazonFijoAbatible, alt: "Armazon", className: aperturaInvertida }) }),
              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "absolute left-[6.5rem] top-[6rem]", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("img", { src: interior_flecha_default, alt: "Flecha interior", width: 37, height: 28 }) })
            ] }),
            /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: `${puertaDoblePreview} relative bg-eLightGray pt-3 border border- rounded-md border-[c0c0c0] top-auto bottom-0 left-auto right-0 w-[160px] h-[160px] overflow-hidden`, children: [
              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "font-MontserratSemiBold text-eGray text-center uppercase", children: "Vista interior" }),
              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "absolute left-0 top-0 mt-3", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("img", { src: texturaIntDoble, alt: "Textura", className: aperturaInvertida }) }),
              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "absolute left-0 top-0 mt-3", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("img", { src: armazonDoble, alt: "Armazon", className: aperturaInvertida }) }),
              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "absolute left-[6.5rem] top-[6rem]", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("img", { src: interior_flecha_default, alt: "Flecha interior", width: 37, height: 28 }) })
            ] }),
            /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "w-full text-center", children: [
              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                "a",
                {
                  className: "text-eBlack text-center font-MontserratLight text-sm",
                  "data-tooltip-id": "tooltipVistaInterior",
                  "data-tooltip-content": "Es el dise\xF1o y estilo que quedar\xE1 al reverso de la puerta, visto desde el interior.",
                  children: "\xBFQu\xE9 es esto? \u24D8"
                }
              ),
              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                import_react_tooltip.Tooltip,
                {
                  place: "bottom",
                  id: "tooltipVistaInterior",
                  render: ({ content, activeAnchor }) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "w-72", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "text-center", children: content }) })
                }
              )
            ] })
          ] })
        ] })
      ] }),
      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "bg-eLightGray p-5 h-[500px] overflow-y-scroll", children: [
        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: `${listaOpciones} font-MontserratSemiBold uppercase text-start text-sm text-eGray`, children: "Selecciona una opci\xF3n" }),
        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex justify-center items-center", children: [
          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
            listaopcionestexturaexterior_default,
            {
              cubiertaExteriorOptionsShow,
              base,
              dataOpcionesExterior,
              configuracion,
              setTexturaBatiente,
              setTexturaPivote,
              setTexturaFijoAbatible,
              setTexturaDoble,
              baseUrl,
              puertaMedidaCarrito,
              setPuertaMedidaCarrito
            }
          ),
          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
            listaopcionestexturainterior_default,
            {
              cubiertaInteriorOptionsShow,
              base,
              dataOpcionesInterior,
              setTexturaIntBatiente,
              setTexturaIntPivote,
              setTexturaIntFijoAbatible,
              setTexturaIntDoble,
              configuracion,
              baseUrl,
              puertaMedidaCarrito,
              setPuertaMedidaCarrito
            }
          ),
          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
            listaopcionesarmazon_default,
            {
              armazonOptionsShow,
              Empty: empty_default,
              dataOpcionesArmazon,
              configuracion,
              setArmazonBatiente,
              setArmazonPivote,
              setArmazonFijoAbatible,
              setArmazonDoble,
              baseUrl,
              puertaMedidaCarrito,
              setPuertaMedidaCarrito
            }
          ),
          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
            listaopcionesdiseno_default,
            {
              disenoOptionsShow,
              Empty: empty_default,
              dataOpcionesDiseno,
              configuracion,
              setDisenoBatiente,
              setDisenoPivote,
              setDisenoFijoAbatible,
              setDisenoDoble,
              baseUrl,
              puertaMedidaCarrito,
              setPuertaMedidaCarrito
            }
          ),
          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
            listaopcionescristal_default,
            {
              cristalOptionsShow,
              Empty: empty_default,
              dataOpcionesCristal,
              configuracion,
              setCristalBatiente,
              setCristalPivote,
              setCristalFijoAbatible,
              setCristalDoble,
              baseUrl,
              puertaMedidaCarrito,
              setPuertaMedidaCarrito
            }
          ),
          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
            listaopcionescelosia_default,
            {
              celosiaOptionsShow,
              Empty: empty_default,
              dataOpcionesCelosia,
              configuracion,
              setCelosiaBatiente,
              setCelosiaPivote,
              setCelosiaFijoAbatible,
              setCelosiaDoble,
              baseUrl,
              puertaMedidaCarrito,
              setPuertaMedidaCarrito
            }
          ),
          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
            listaopcionesmaneral_default,
            {
              maneralOptionsShow,
              Empty: empty_default,
              dataOpcionesManeral,
              configuracion,
              setManeralBatiente,
              setManeralPivote,
              setManeralFijoAbatible,
              setManeralDoble,
              baseUrl,
              puertaMedidaCarrito,
              setPuertaMedidaCarrito
            }
          ),
          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
            listaopcionesmanija_default,
            {
              manijaOptionsShow,
              Empty: empty_default,
              dataOpcionesManija,
              configuracion,
              setManijaBatiente,
              setManijaPivote,
              setManijaFijoAbatible,
              setManijaDoble,
              baseUrl,
              puertaMedidaCarrito,
              setPuertaMedidaCarrito
            }
          ),
          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
            listaopcionesfijo_default,
            {
              fijoOptionsShow,
              Empty: empty_default,
              dataOpcionesFijo,
              configuracion,
              configuracionFijo,
              setFijoBatiente,
              setFijoPivote,
              setFijoAbatible,
              setFijoDoble,
              baseUrl,
              puertaMedidaCarrito,
              setPuertaMedidaCarrito
            }
          )
        ] })
      ] })
    ] })
  ] }) });
}, puertas_a_medida_default = PuertasMedida;

// app/routes/quienes-somos.jsx
var quienes_somos_exports = {};
__export(quienes_somos_exports, {
  default: () => quienes_somos_default
});

// public/assets/img/nosotros-header.webp
var nosotros_header_default = "/build/_assets/nosotros-header-H7ZTX7ZH.webp";

// public/assets/img/logo.webp
var logo_default = "/build/_assets/logo-AEBLRRX2.webp";

// public/assets/img/icon-mision.webp
var icon_mision_default = "/build/_assets/icon-mision-I7XCSC7H.webp";

// public/assets/img/icon-vision.webp
var icon_vision_default = "/build/_assets/icon-vision-R4GORAFC.webp";

// public/assets/img/05icon-innova.webp
var icon_innova_default = "/build/_assets/05icon-innova-WLMRAEXM.webp";

// public/assets/img/01icon-etica.webp
var icon_etica_default = "/build/_assets/01icon-etica-RY2YSLZI.webp";

// public/assets/img/02icon-hones.webp
var icon_hones_default = "/build/_assets/02icon-hones-O7L23YDA.webp";

// public/assets/img/03icon-compr.webp
var icon_compr_default = "/build/_assets/03icon-compr-WYX6KMQL.webp";

// public/assets/img/04icon-calidad.webp
var icon_calidad_default = "/build/_assets/04icon-calidad-WYCLTRV6.webp";

// public/assets/img/icon-fortaleza.webp
var icon_fortaleza_default = "/build/_assets/icon-fortaleza-UT23P6GI.webp";

// public/assets/img/logo01.webp
var logo01_default = "/build/_assets/logo01-3MSB2IXF.webp";

// public/assets/img/logo02.webp
var logo02_default = "/build/_assets/logo02-OLHLZUED.webp";

// public/assets/img/logo03.webp
var logo03_default = "/build/_assets/logo03-Z25VGPRV.webp";

// public/assets/img/logo04.webp
var logo04_default = "/build/_assets/logo04-4XSLWECA.webp";

// public/assets/img/cintillo2.webp
var cintillo2_default = "/build/_assets/cintillo2-TQT4UOL7.webp";

// app/routes/quienes-somos.jsx
var import_jsx_runtime20 = require("react/jsx-runtime"), QuienesSomos = () => /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "relative", children: [
    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("img", { src: nosotros_header_default, alt: "\xBFQuienes somos?" }),
    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "absolute top-2 left-2 lg:top-1/4 lg:left-28", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "w-8/12", children: [
      /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("h1", { className: "lg:text-6xl text-eBlue", children: [
        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "bg-white px-2", children: "\xBFQUI\xC9NES" }),
        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("br", {}),
        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "text-white", children: "SOMOS?" })
      ] }),
      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "text-xs lg:text-base text-white mt-3 lg:mt-6 font-MontserratRegular", children: "Conoce sobre Eversafe y lo que nos impulsa a darte el mejor servicio" })
    ] }) })
  ] }) }),
  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "containter lg:w-10/12 mx-auto py-10 lg:py-20", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "lg:flex", children: [
    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex flex-col justify-start items-start lg:w-6/12 p-8", children: [
      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("img", { src: logo_default, alt: "logo" }),
      /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("p", { className: "mt-7 lg:mt-14 text-2xl lg:text-3xl text-eGray leading-10", children: [
        "Somos una empresa ",
        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "text-eBlue", children: "enfocada en la fabricaci\xF3n de productos para las industrias de retail, gas, construcci\xF3n y automotriz." }),
        " Tenemos m\xE1s de 25 a\xF1os de experiencia sirviendo a OEM de todo el mundo y 10 a\xF1os en el mercado retail."
      ] })
    ] }),
    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "lg:w-6/12 p-8", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("p", { className: "font-MontserratRegular ", children: [
      "Eversafe, empresa dedicada a satisfacer las necesidades de nuestros distribuidores, con el fin de brindar la mejor calidad y servicio en cada uno de nuestros productos.",
      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("br", {}),
      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("br", {}),
      "Nuestras puertas Eversafe, adem\xE1s de ofrecer dise\xF1os vanguardistas, tambi\xE9n protege tu casa, familia y negocio contra la inseguridad del pa\xEDs. Al adquirir un producto con nosotros adquieres servicio, asesor\xEDa y sobre todo el respaldo de una compa\xF1\xEDa comprometida.",
      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("br", {}),
      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("br", {}),
      "Hoy en d\xEDa contamos con una gran variedad de productos para la seguridad de tu hogar, como lo es, puertas acorazadas, puertas de grado bal\xEDstico, protectores para ventana, alarmas y cerraduras digitales.",
      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("br", {}),
      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("br", {}),
      "Actualmente, nuestros productos tambi\xE9n los puedes encontrar en MN del Golfo, ELYSA, Coppel y HEB.",
      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("br", {}),
      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("br", {}),
      "Contamos con un equipo profesional de instaladores, vendedores y de atenci\xF3n al cliente; siempre resolveremos tus necesidades de seguridad, encontrando en nosotros una soluci\xF3n total."
    ] }) })
  ] }) }) }),
  /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("section", { className: "bg-eLightGray py-20 lg:px-20", children: [
    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "lg:flex mx-auto w-full", children: [
      /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex flex-col justify-center items-center lg:w-6/12 p-5", children: [
        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("img", { src: icon_mision_default, alt: "Misi\xF3n", width: 80 }),
        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "text-center text-eBlue font-MontserratSemiBold my-5", children: "Misi\xF3n" }),
        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "text-center text-eGray font-MontserratRegular", children: "Seguir creando y distribuyendo productos de calidad, con el firme objetivo de cumplir con las necesidades y expectativas de nuestros distribuidores." })
      ] }),
      /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex flex-col justify-center items-center lg:w-6/12 p-5", children: [
        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("img", { src: icon_vision_default, alt: "Misi\xF3n", width: 80 }),
        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "text-center text-eBlue font-MontserratSemiBold my-5", children: "Visi\xF3n" }),
        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "text-center text-eGray font-MontserratRegular", children: "Posicionarnos como la empresa n\xFAmero uno de distribuci\xF3n de puertas de seguridad a nivel nacional." })
      ] })
    ] }),
    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "grid grid-cols-2 lg:flex w-full mt-20", children: [
      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "flex w-full justify-center items-center", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "text-2xl text-eGray uppercase font-MontserratSemiBold", children: "Valores:" }) }),
      /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex w-full flex-col justify-center items-center", children: [
        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("img", { src: icon_etica_default, alt: "\xC9tica", height: 80, className: "mb-4" }),
        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "text-center text-eGray font-MontserratSemiBold uppercase", children: "\xC9tica" })
      ] }),
      /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex w-full flex-col justify-center items-center", children: [
        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("img", { src: icon_hones_default, alt: "Honestidad", height: 80, className: "mb-4" }),
        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "text-center text-eGray font-MontserratSemiBold uppercase", children: "Honestidad" })
      ] }),
      /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex w-full flex-col justify-center items-center", children: [
        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("img", { src: icon_compr_default, alt: "Compromiso", height: 80, className: "mb-4" }),
        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "text-center text-eGray font-MontserratSemiBold uppercase", children: "Compromiso" })
      ] }),
      /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex w-full flex-col justify-center items-center", children: [
        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("img", { src: icon_calidad_default, alt: "Calidad", height: 80, className: "mb-4" }),
        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "text-center text-eGray font-MontserratSemiBold uppercase", children: "Calidad" })
      ] }),
      /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex w-full flex-col justify-center items-center", children: [
        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("img", { src: icon_innova_default, alt: "Innovaci\xF3n", height: 80, className: "mb-4" }),
        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "text-center text-eGray font-MontserratSemiBold uppercase", children: "Innovaci\xF3n" })
      ] })
    ] })
  ] }),
  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("section", { className: "px-2 lg:px-10 py-20 bg-backFortalezas bg-center bg-no-repeat bg-cover", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "container lg:w-10/12 mx-auto", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "bg-white lg:w-7/12 p-5 lg:p-10", children: [
    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex justify-center lg:justify-start items-center mb-10", children: [
      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("img", { src: icon_fortaleza_default, alt: "nuestras fortalezas", width: 80 }),
      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "ml-5 text-2xl lg:text-4xl text-eGray font-MontserratSemiBold uppercase", children: "nuestras fortalezas" })
    ] }),
    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("ul", { children: [
      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("li", { className: "bg-checkFortalezas bg-no-repeat pl-10 my-4 font-MontserratRegular", children: "PERSONALIZAR EL DESARROLLO DE PRODUCTOS DE ACUERDO A LOS REQUERIMIENTOS DEL CLIENTE." }),
      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("li", { className: "bg-checkFortalezas bg-no-repeat pl-10 my-4 font-MontserratRegular", children: "DISE\xD1O Y FABRICACI\xD3N DE NUESTROS PROPIOS EXHIBIDORES Y POP." }),
      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("li", { className: "bg-checkFortalezas bg-no-repeat pl-10 my-4 font-MontserratRegular", children: "ENV\xCDOS 24/7." }),
      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("li", { className: "bg-checkFortalezas bg-no-repeat pl-10 my-4 font-MontserratRegular", children: "STOCK DE SEGURIDAD DE MATERIA PRIMA Y PRODUCTO TERMINADO PARA NUESTROS CLIENTES." }),
      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("li", { className: "bg-checkFortalezas bg-no-repeat pl-10 my-4 font-MontserratRegular", children: "ATENCI\xD3N AL CLIENTE EN TODO M\xC9XICO." }),
      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("li", { className: "bg-checkFortalezas bg-no-repeat pl-10 my-4 font-MontserratRegular", children: "SERVICIO POSVENTA DE REPUESTOS Y SOPORTE T\xC9CNICO." })
    ] })
  ] }) }) }),
  /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("section", { className: "py-20", children: [
    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("p", { className: "text-4xl text-eGray text-center mb-10", children: [
      "Hacemos mancuerna con los ",
      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "text-eBlue", children: "mejores socios comerciales:" })
    ] }),
    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "container w-10/12 mx-auto", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "w-full grid grid-cols-2 lg:flex justify-center items-center", children: [
      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "w-full p-3 flex justify-center items-center", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("img", { src: logo01_default, alt: "Home Depot" }) }),
      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "w-full p-3 flex justify-center items-center", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("img", { src: logo02_default, alt: "Costco" }) }),
      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "w-full p-3 flex justify-center items-center", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("img", { src: logo03_default, alt: "Liverpool" }) }),
      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "w-full p-3 flex justify-center items-center", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("img", { src: logo04_default, alt: "HEB" }) })
    ] }) }),
    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "container w-10/12 mx-auto mt-20", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("img", { src: cintillo2_default, alt: "Sucursales" }) })
  ] })
] }), quienes_somos_default = QuienesSomos;

// app/routes/productos.jsx
var productos_exports = {};
__export(productos_exports, {
  default: () => productos_default,
  links: () => links3
});
var import_react26 = require("@remix-run/react");

// node_modules/rc-slider/assets/index.css
var assets_default = "/build/_assets/index-IYIB4I5Z.css";

// app/routes/productos.jsx
var import_jsx_runtime21 = require("react/jsx-runtime");
function links3() {
  return [
    {
      rel: "stylesheet",
      href: main_default
    },
    {
      rel: "stylesheet",
      href: assets_default
    }
  ];
}
var Productos = () => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_jsx_runtime21.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
  import_react26.Outlet,
  {
    context: (0, import_react26.useOutletContext)()
  }
) }), productos_default = Productos;

// app/routes/productos/otros-productos.jsx
var otros_productos_exports = {};
__export(otros_productos_exports, {
  default: () => otros_productos_default,
  loader: () => loader2,
  meta: () => meta2
});
var import_react30 = require("@remix-run/react"), import_flowbite_react4 = require("flowbite-react");

// app/components/listadodeproductos.jsx
var import_react27 = require("@remix-run/react"), import_jsx_runtime22 = require("react/jsx-runtime"), ListadoDeProductos = ({ productos, currentPage }) => {
  let numberWithCommas2 = (x) => x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
  return productos.map((producto, idx) => idx >= currentPage * 15 && idx < 15 * (currentPage + 1) ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "w-full bg-white flex flex-col justify-between items-center mb-2 px-1 py-5", children: [
    producto.i_descuento === 0 ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("img", { src: `https://testing1.eversafe.com.mx${producto.vc_imagen}`, alt: producto.vc_puerta === void 0 ? producto.vc_producto : producto.vc_puerta }) : /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "relative", children: [
      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("img", { src: `https://testing1.eversafe.com.mx${producto.vc_imagen}`, alt: producto.vc_puerta === void 0 ? producto.vc_producto : producto.vc_puerta }),
      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "absolute top-5 text-center -left-4", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("span", { className: "bg-eRed text-white uppercase font-MontserratRegular text-sm rounded-md py-1 px-2", children: [
        "menos ",
        producto.i_descuento,
        "%"
      ] }) })
    ] }),
    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "text-eBlack text-sm text-center uppercase mb-2 px-2", children: producto.vc_puerta === void 0 ? producto.vc_producto : producto.vc_modelo }),
    producto.i_descuento === 0 ? /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("p", { className: "w-full text-eBlack text-center font-MontserratSemiBold text-xl mb-2 px-2", children: [
      "$",
      producto.f_precio
    ] }) : /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_jsx_runtime22.Fragment, { children: [
      /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("p", { className: "w-full text-eBlack text-center font-MontserratSemiBold text-xs mb-2 px-2 line-through", children: [
        "$",
        producto.f_precio
      ] }),
      /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("p", { className: "w-full text-eBlack text-center font-MontserratSemiBold text-xl mb-2 px-2", children: [
        "$",
        numberWithCommas2((producto.f_precio.replace(",", "") - producto.f_precio.replace(",", "") * (producto.i_descuento / 100)).toFixed(2))
      ] })
    ] }),
    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react27.Link, { to: `/productos/${producto.vc_url}`, className: `${producto.i_descuento === 0 ? "bg-eYellow" : "bg-eRed"} text-eBlack !rounded-full py-2 px-5`, children: "Ver Detalles" }) })
  ] }) }, producto.id) : "");
}, listadodeproductos_default = ListadoDeProductos;

// app/routes/productos/otros-productos.jsx
var import_react31 = require("react");

// app/models/productos.server.js
async function getPuertas() {
  return await (await fetch(`${process.env.API_URL}/catalogos/puertas`)).json();
}
async function getPuertaUrl(Url) {
  return await (await fetch(`${process.env.API_URL}/catalogos/puerta/${Url}`)).json();
}
async function getProductoUrl(Url) {
  return await (await fetch(`${process.env.API_URL}/catalogos/productos/${Url}`)).json();
}
async function getProductos() {
  return await (await fetch(`${process.env.API_URL}/catalogos/productos`)).json();
}

// public/assets/img/cintillo-img.webp
var cintillo_img_default = "/build/_assets/cintillo-img-KK67WTPO.webp";

// app/components/filtros.jsx
var import_react28 = require("@remix-run/react"), import_react29 = require("react"), import_rc_slider = __toESM(require("rc-slider"));
var import_jsx_runtime23 = require("react/jsx-runtime"), Filtros = ({ puertasApi, productosApi, puertas, setPuertas, setProductos, seguridad, setSeguridad, acorazada, setAcorazada, balistica, setBalistica, granero, setGranero, deck, setDeck, pisoLaminado, setPisoLaminado, otros, setOtros }) => {
  let [initialPuertas, setInitialPuertas] = (0, import_react29.useState)({}), [initialProductos, setInitialProductos] = (0, import_react29.useState)({});
  (0, import_react29.useEffect)(() => {
    let updatePuertas = puertasApi.data.filter((prod) => {
      if (seguridad && prod.i_cat === 1 || acorazada && prod.i_cat === 2 || balistica && prod.i_cat === 3 || granero && prod.i_cat === 4)
        return prod;
    });
    setInitialPuertas(updatePuertas);
    let updateProductos = productosApi.data.filter((prod) => {
      if (deck && prod.i_cat === 4 || pisoLaminado && prod.i_cat === 7 || otros && prod.i_cat !== 7 && prod.i_cat !== 4)
        return prod;
    });
    setInitialProductos(updateProductos);
  }, [seguridad, acorazada, balistica, granero, deck, pisoLaminado, otros]);
  let [rangeVal, setRangeVale] = (0, import_react29.useState)([1e3, 5e4]), [border1, setBorder1] = (0, import_react29.useState)("border-eYellow"), [border2, setBorder2] = (0, import_react29.useState)("border-eGray"), [border3, setBorder3] = (0, import_react29.useState)("border-eGray"), [icon1, setIcon1] = (0, import_react29.useState)(btn_less_default), [icon2, setIcon2] = (0, import_react29.useState)(btn_more_default), [icon3, setIcon3] = (0, import_react29.useState)(btn_more_default), handleExpand = (e) => {
    switch (setBorder1("border-eGray"), setBorder2("border-eGray"), setBorder3("border-eGray"), e) {
      case "btn1":
        setIcon1(icon1 === btn_more_default ? btn_less_default : btn_more_default), setBorder1("border-eYellow");
        break;
      case "btn2":
        setIcon2(icon2 === btn_more_default ? btn_less_default : btn_more_default), setBorder2("border-eYellow");
        break;
      case "btn3":
        setIcon3(icon3 === btn_more_default ? btn_less_default : btn_more_default), setBorder3("border-eYellow");
        break;
    }
  }, handleTipo = () => {
    let filtros = [];
    document.querySelectorAll("input[type=checkbox]:checked").forEach((filtro) => {
      filtros.push(Number(filtro.value));
    });
    let nuevoArrayPuertas = [...puertasApi.data].filter((puerta) => {
      if (filtros.includes(puerta.i_cat))
        return puerta;
    }), nuevoArrayProductos = [...productosApi.data].filter((producto) => {
      if (filtros.includes(+producto.i_cat + 100))
        return producto;
    }), nuevoArrayOtrosProductos = [...productosApi.data].filter((producto) => {
      if (filtros.includes(999) && (producto.i_cat === 1 || producto.i_cat === 2 || producto.i_cat === 3 || producto.i_cat === 5 || producto.i_cat === 6))
        return producto;
    }), merge = [...nuevoArrayPuertas, ...nuevoArrayProductos, ...nuevoArrayOtrosProductos];
    nuevoArrayPuertas.length === 0 && nuevoArrayProductos.length === 0 && nuevoArrayOtrosProductos.length === 0 ? setPuertas([...puertasApi.data, ...productosApi.data]) : setPuertas(merge);
  }, handleChange = (e) => {
    setRangeVale(e);
    let rango = [...initialPuertas, ...initialProductos].filter((val) => val.f_precio.replace(",", "") > e[0] && val.f_precio.replace(",", "") < e[1]);
    setPuertas(rango), setProductos(rango);
  }, handleCleanFilters = () => {
    setPuertas([...puertasApi.data, ...productosApi.data]);
  };
  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_jsx_runtime23.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "w-full lg:w-3/12 pl-10 xl:pl-20 pr-10 py-10 bg-white", children: [
    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "text-eGray text-lg font-MontserratRegular pb-10", children: "Filtrar resultados:" }),
    /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { id: "accordionExample", children: [
      /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: `bg-white w-full hover:bg-white focus:ring-0 border-2 ${border1} rounded-lg divide-y-0`, children: [
        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("h2", { className: "mb-0", id: "headingOne", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
          "button",
          {
            className: "group relative flex w-full justify-between items-center border-0 bg-white px-2 py-3 text-left",
            type: "button",
            onClick: () => handleExpand("btn1"),
            "data-te-collapse-init": !0,
            "data-te-target": "#collapseOne",
            "aria-expanded": "true",
            "aria-controls": "collapseOne",
            children: [
              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "font-MontserratRegular text-eGray text-sm uppercase", children: "Tipo de producto" }),
              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("img", { src: icon1, alt: "icon" })
            ]
          }
        ) }),
        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
          "div",
          {
            id: "collapseOne",
            className: "!visible",
            "data-te-collapse-item": !0,
            "data-te-collapse-show": !0,
            "aria-labelledby": "headingOne",
            "data-te-parent": "#accordionExample",
            children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "p-2", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { children: [
              /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { onClick: handleTipo, children: [
                /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
                  "input",
                  {
                    type: "checkbox",
                    id: "seguridad",
                    value: "1",
                    onChange: (e) => setSeguridad(e.target.checked),
                    checked: seguridad
                  }
                ),
                /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("label", { htmlFor: "seguridad", className: "text-base font-MontserrantRegular text-eGray ml-3", children: "Seguridad" })
              ] }),
              /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { onClick: handleTipo, children: [
                /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
                  "input",
                  {
                    type: "checkbox",
                    id: "acorazada",
                    value: "2",
                    onChange: (e) => setAcorazada(e.target.checked),
                    checked: acorazada
                  }
                ),
                /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("label", { htmlFor: "acorazada", className: "text-base font-MontserrantRegular text-eGray ml-3", children: "Acorazada" })
              ] }),
              /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { onClick: handleTipo, children: [
                /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
                  "input",
                  {
                    type: "checkbox",
                    id: "balistica",
                    value: "3",
                    onChange: (e) => setBalistica(e.target.checked),
                    checked: balistica
                  }
                ),
                /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("label", { htmlFor: "balistica", className: "text-base font-MontserrantRegular text-eGray ml-3", children: "Bal\xEDstica" })
              ] }),
              /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { onClick: handleTipo, children: [
                /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
                  "input",
                  {
                    type: "checkbox",
                    id: "granero",
                    value: "4",
                    onChange: (e) => setGranero(e.target.checked),
                    checked: granero
                  }
                ),
                /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("label", { htmlFor: "granero", className: "text-base font-MontserrantRegular text-eGray ml-3", children: "Granero" })
              ] }),
              /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { onClick: handleTipo, children: [
                /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
                  "input",
                  {
                    type: "checkbox",
                    id: "deck",
                    value: "104",
                    onChange: (e) => setDeck(e.target.checked),
                    checked: deck
                  }
                ),
                /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("label", { htmlFor: "deck", className: "text-base font-MontserrantRegular text-eGray ml-3", children: "Deck" })
              ] }),
              /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { onClick: handleTipo, children: [
                /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
                  "input",
                  {
                    type: "checkbox",
                    id: "laminado",
                    value: "107",
                    onChange: (e) => setPisoLaminado(e.target.checked),
                    checked: pisoLaminado
                  }
                ),
                /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("label", { htmlFor: "laminado", className: "text-base font-MontserrantRegular text-eGray ml-3", children: "Piso Laminado" })
              ] }),
              /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { onClick: handleTipo, children: [
                /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
                  "input",
                  {
                    type: "checkbox",
                    id: "otros",
                    value: "999",
                    onChange: (e) => setOtros(e.target.checked),
                    checked: otros
                  }
                ),
                /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("label", { htmlFor: "otros", className: "text-base font-MontserrantRegular text-eGray ml-3", children: "Otros" })
              ] })
            ] }) })
          }
        )
      ] }),
      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("br", {}),
      /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: `bg-white w-full hover:bg-white focus:ring-0 border-2 ${border3} rounded-lg divide-y-0`, children: [
        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("h2", { className: "accordion-header mb-0", id: "headingThree", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
          "button",
          {
            className: "group relative flex w-full justify-between items-center border-0 bg-white px-2 py-3 text-left",
            type: "button",
            "data-te-collapse-init": !0,
            "data-te-collapse-collapsed": !0,
            onClick: () => handleExpand("btn3"),
            "data-te-target": "#collapseThree",
            "aria-expanded": "false",
            "aria-controls": "collapseThree",
            children: [
              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "font-MontserratRegular text-eGray text-sm uppercase", children: "rango de precio" }),
              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("img", { src: icon3, alt: "icon" })
            ]
          }
        ) }),
        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
          "div",
          {
            id: "collapseThree",
            className: "!visible hidden",
            "data-te-collapse-item": !0,
            "aria-labelledby": "headingThree",
            "data-te-parent": "#accordionExample",
            children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "p-2", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex", children: [
              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "font-MontserratRegular text-eGray text-xs mr-2", children: rangeVal[0] }),
              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
                import_rc_slider.default,
                {
                  range: !0,
                  min: 1e3,
                  max: 5e4,
                  value: rangeVal,
                  step: 1e3,
                  onChange: (e) => handleChange(e),
                  className: "sliderange",
                  tipFormatter: (rangeVal2) => console.log(),
                  tipProps: {
                    placement: "top",
                    prefixCls: "rc-slider-tooltip",
                    overlay: rangeVal
                  }
                }
              ),
              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "font-MontserratRegular text-eGray text-xs ml-2", children: rangeVal[1] })
            ] }) })
          }
        )
      ] })
    ] }),
    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "flex justify-center items-center mt-5", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("button", { onClick: handleCleanFilters, className: "bg-transparent hover:bg-transparent text-eBlue font-MontserratRegular underline", children: "Limpiar filtros" }) })
  ] }) });
}, filtros_default = Filtros;

// app/routes/productos/otros-productos.jsx
var import_react32 = require("@remix-run/react"), import_jsx_runtime24 = require("react/jsx-runtime");
function meta2() {
  return {
    title: "Eversafe Productos",
    meta: "Puertas de seguridad"
  };
}
async function loader2() {
  let [puertasApi, productosApi] = await Promise.all([getPuertas(), getProductos()]);
  return loadedData = {
    puertasApi,
    productosApi
  }, loadedData;
}
var OtrosProductos = () => {
  let { seguridad, setSeguridad, acorazada, setAcorazada, balistica, setBalistica, granero, setGranero, deck, setDeck, pisoLaminado, setPisoLaminado, otros, setOtros } = (0, import_react32.useOutletContext)(), { puertasApi, productosApi } = (0, import_react30.useLoaderData)(), [puertas, setPuertas] = (0, import_react31.useState)(puertasApi.data), [productos, setProductos] = (0, import_react31.useState)(productosApi.data), [currentPage, setCurrentPage] = (0, import_react31.useState)(0);
  (0, import_react31.useEffect)(() => {
    let filtroPisoLaminado = [...productosApi.data].filter((value) => value.i_cat !== 4 && value.i_cat !== 7);
    setPuertas(filtroPisoLaminado), setSeguridad(!1), setAcorazada(!1), setBalistica(!1), setGranero(!1), setDeck(!1), setPisoLaminado(!1), setOtros(!0);
  }, []);
  let handleOrder = (type) => {
    switch (type) {
      case "nameasc":
        let strAscending = [...puertas].sort(
          (a, b) => a.vc_modelo > b.vc_modelo ? 1 : -1
        );
        setPuertas(strAscending);
        break;
      case "namedesc":
        let strDescending = [...puertas].sort(
          (a, b) => a.vc_modelo > b.vc_modelo ? -1 : 1
        );
        setPuertas(strDescending);
        break;
      case "priceasc":
        let numAscending = [...puertas].sort((a, b) => Number(a.f_precio.replace(",", "")) - Number(b.f_precio.replace(",", "")));
        setPuertas(numAscending);
        break;
      case "pricedesc":
        let numDescending = [...puertas].sort((a, b) => Number(b.f_precio.replace(",", "")) - Number(a.f_precio.replace(",", "")));
        setPuertas(numDescending);
        break;
    }
  };
  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_jsx_runtime24.Fragment, { children: [
    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("section", { className: "bg-eLightGray", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "mx-auto w-full lg:flex ", children: [
      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
        filtros_default,
        {
          puertasApi,
          productosApi,
          puertas,
          setPuertas,
          setProductos,
          seguridad,
          setSeguridad,
          acorazada,
          setAcorazada,
          balistica,
          setBalistica,
          granero,
          setGranero,
          deck,
          setDeck,
          pisoLaminado,
          setPisoLaminado,
          otros,
          setOtros
        }
      ),
      /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "w-full lg:w-9/12 p-10", children: [
        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "sm:flex justify-between items-center", children: [
          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "text-eGray text-2xl font-MontserratRegular sm:py-5", children: "Mostrando resultados:" }) }),
          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { id: "ordenar", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
            import_flowbite_react4.Dropdown,
            {
              label: "Ordenar por",
              children: [
                /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_flowbite_react4.Dropdown.Item, { onClick: () => handleOrder("nameasc"), children: "Nombre: A-Z" }),
                /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_flowbite_react4.Dropdown.Item, { onClick: () => handleOrder("namedesc"), children: "Nombre: Z-A" }),
                /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_flowbite_react4.Dropdown.Item, { onClick: () => handleOrder("priceasc"), children: "Precio: de menor a mayor" }),
                /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_flowbite_react4.Dropdown.Item, { onClick: () => handleOrder("pricedesc"), children: "Precio: de mayor a menor" })
              ]
            }
          ) })
        ] }),
        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "w-full grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
          listadodeproductos_default,
          {
            productos: puertas,
            currentPage,
            setCurrentPage
          }
        ) }),
        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "flex items-end justify-end text-center mt-10", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("nav", { "aria-label": "Page navigation example", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("ul", { className: "list-style-none flex", children: [
          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("a", { className: "relative block rounded bg-transparent py-1.5 px-3 text-sm text-neutral-600 transition-all duration-300 hover:bg-neutral-100 dark:text-white dark:hover:bg-neutral-700 dark:hover:text-white cursor-pointer", onClick: () => setCurrentPage(currentPage - 1), children: "Anterior" }) }),
          (() => {
            let options = [];
            for (let i = 0; i < Math.ceil(puertas.length / 15); i++)
              currentPage === i ? options.push(/* @__PURE__ */ (0, import_jsx_runtime24.jsx)("li", { "aria-current": "page", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("a", { className: "relative block rounded bg-primary-100 py-1.5 px-3 text-sm font-medium text-primary-700 transition-all duration-300", children: [
                i + 1,
                /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "absolute -m-px h-px w-px overflow-hidden whitespace-nowrap border-0 p-0 [clip:rect(0,0,0,0)]", children: "(currentPage)" })
              ] }) }, i)) : options.push(/* @__PURE__ */ (0, import_jsx_runtime24.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("a", { className: "relative block rounded bg-transparent py-1.5 px-3 text-sm text-neutral-600 transition-all duration-300 hover:bg-neutral-100  dark:text-white dark:hover:bg-neutral-700 dark:hover:text-white cursor-pointer", onClick: () => setCurrentPage(i), children: i + 1 }) }, i));
            return options;
          })(),
          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("a", { className: "relative block rounded bg-transparent py-1.5 px-3 text-sm text-neutral-600 transition-all duration-300 hover:bg-neutral-100 dark:text-white dark:hover:bg-neutral-700 dark:hover:text-white cursor-pointer", onClick: () => setCurrentPage(currentPage + 1), children: "Siguiente" }) })
        ] }) }) })
      ] })
    ] }) }),
    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(personalizatupuerta_default, {})
  ] });
}, otros_productos_default = OtrosProductos;

// app/routes/productos/$productosUrl.jsx
var productosUrl_exports = {};
__export(productosUrl_exports, {
  default: () => productosUrl_default,
  loader: () => loader3
});
var import_react33 = require("@remix-run/react"), import_flowbite_react5 = require("flowbite-react"), import_react34 = require("react"), import_remix_utils2 = require("remix-utils");

// app/models/galerias.server.js
async function getPuertasCarousel() {
  return await (await fetch(`${process.env.API_URL}/puertas/get-carousel`)).json();
}

// app/routes/productos/$productosUrl.jsx
var import_jsx_runtime25 = require("react/jsx-runtime");
async function loader3({ params }) {
  let { productosUrl } = params;
  try {
    let [carousel, productos, puerta, producto] = await Promise.all([getPuertasCarousel(), getProductos(), getPuertaUrl(productosUrl), getProductoUrl(productosUrl)]);
    if (puerta.data.length === 0 && producto.data.length === 0)
      throw new Response("", {
        status: 404,
        statusText: "Producto No Encontrado"
      });
    return loaderData = {
      carousel: carousel.data,
      producto: puerta.data.length === 0 ? producto.data : puerta.data,
      productos: productos.data,
      baseUrl: process.env.WEB_URL
    }, loaderData;
  } catch {
    throw new Response("", {
      status: 500,
      statusText: "Error de comunicaci\xF3n, recargue la p\xE1gina"
    });
  }
}
var ProductosDetalle2 = () => {
  let loadedData2 = (0, import_react33.useLoaderData)(), { carousel, producto, productos, baseUrl } = loadedData2, id = producto[0].id, vc_modelo = typeof producto[0].vc_modelo < "u" ? producto[0].vc_modelo : producto[0].vc_producto, vc_categoria = typeof producto[0].vc_puerta < "u" ? producto[0].vc_puerta : producto[0].vc_categoria, vc_url = producto[0].vc_url, f_precio = producto[0].f_precio, i_cat = producto[0].i_cat, i_descuento = producto[0].i_descuento, tx_descripcion = producto[0].tx_descripcion, tx_caracteristicas = producto[0].tx_caracteristicas, vc_ficha = producto[0].vc_ficha, f_alto = producto[0].f_alto, f_ancho = producto[0].f_ancho, f_peso = producto[0].f_peso, vc_imagen = producto[0].vc_imagen, [cantidad, setCantidad] = (0, import_react34.useState)(1), [galeria, setGaleria] = (0, import_react34.useState)(baseUrl + vc_imagen), [cerraduras, setCerraduras] = (0, import_react34.useState)({}), [addSmart, setAddSmart] = (0, import_react34.useState)({}), { agregarCarrito, cpEntrega, setCpEntrega } = (0, import_react33.useOutletContext)();
  (0, import_react34.useEffect)(() => {
    let cerraduraFiltro = productos.filter((item) => item.i_cat === 8);
    setCerraduras(cerraduraFiltro);
  }, []);
  let handleAddToCarrito = () => {
    agregarCarrito({
      precio: f_precio,
      cat: i_cat,
      descuento: i_descuento,
      descripcion: tx_descripcion,
      id,
      imagen: vc_imagen,
      modelo: vc_modelo,
      puerta: vc_categoria,
      url: vc_url,
      smart: addSmart,
      cantidad
    });
  }, handleApertura = (e) => {
    let url = vc_url.split("-");
    url.pop(), window.location.href = "/productos/" + url.join("-") + "-" + e;
  }, handleAddSmart = (id2, vc_producto, vc_imagen2, f_precio2, tx_descripcion2, i_descuento2) => {
    setAddSmart({
      id: id2,
      vc_producto,
      vc_imagen: vc_imagen2,
      f_precio: f_precio2,
      tx_descripcion: tx_descripcion2,
      i_descuento: i_descuento2
    });
  }, handleRemoveSmart = () => {
    setAddSmart({});
  }, handleCP = (e) => {
    e.preventDefault();
  };
  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_remix_utils2.ClientOnly, { fallback: "Cargando...", children: () => /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "bg-eLightGray", children: [
    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("section", { className: "container w-10/12 mx-auto", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "lg:flex py-10", children: [
      /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "w-full lg:w-5/12 lg:m-5", children: [
        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "bg-white rounded-md p-2 sm:p-20", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("img", { src: galeria, alt: "Galer\xEDa" }) }),
        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "flex justify-center items-center mt-5", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "w-12/12", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "grid grid-cols-4 gap-2", children: [
          typeof producto[0] < "u" ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { onClick: () => setGaleria(baseUrl + producto[0].vc_imagen), className: "m-3 rounded-md", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("button", { className: "focus:border-4 focus:border-eBlue rounded-md", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("img", { src: baseUrl + producto[0].vc_imagen, alt: "Galeria de productos" }) }) }) : "",
          typeof producto[1] < "u" ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { onClick: () => setGaleria(baseUrl + producto[1].vc_imagen), className: "m-3 rounded-md", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("button", { className: "focus:border-4 focus:border-eBlue rounded-md", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("img", { src: baseUrl + producto[1].vc_imagen, alt: "Galeria de productos" }) }) }) : "",
          typeof producto[2] < "u" ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { onClick: () => setGaleria(baseUrl + producto[2].vc_imagen), className: "m-3 rounded-md", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("button", { className: "focus:border-4 focus:border-eBlue rounded-md", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("img", { src: baseUrl + producto[2].vc_imagen, alt: "Galeria de productos" }) }) }) : "",
          typeof producto[3] < "u" ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { onClick: () => setGaleria(baseUrl + producto[3].vc_imagen), className: "m-3 rounded-md", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("button", { className: "focus:border-4 focus:border-eBlue rounded-md", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("img", { src: baseUrl + producto[3].vc_imagen, alt: "Galeria de productos" }) }) }) : ""
        ] }) }) })
      ] }),
      /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "w-full lg:w-7/12 lg:m-5", children: [
        /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "grid grid-cols-1 lg:flex justify-between", children: [
          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "lg:w-6/12", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "font-MontserratSemiBold text-eGray text-2xl uppercase", children: vc_modelo }) }),
          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "lg:w-6/12 flex flex-col justify-start items-end", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "font-MontserratSemiBold text-eGray text-2xl", children: i_descuento === 0 ? /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("p", { className: "w-full text-eBlack text-center font-MontserratSemiBold text-xl mb-2 px-2", children: [
            "$",
            f_precio
          ] }) : /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_jsx_runtime25.Fragment, { children: [
            /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("p", { className: "w-full text-eBlack text-center font-MontserratSemiBold text-xs mb-2 px-2 line-through", children: [
              "$",
              f_precio
            ] }),
            /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("p", { className: "w-full text-eBlack text-center font-MontserratSemiBold text-xl mb-2 px-2", children: [
              "$",
              numberWithCommas((f_precio.replace(",", "") - f_precio.replace(",", "") * (i_descuento / 100)).toFixed(2))
            ] })
          ] }) }) })
        ] }),
        /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("ul", { className: "mb-0 flex list-none flex-col flex-wrap border-b-0 pl-0 md:flex-row", role: "tablist", "data-te-nav-ref": !0, children: [
          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("li", { role: "presentation", className: "flex-auto text-center", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("a", { href: "#tabs-home01", className: "mt-2 block border-x-0 border-b-2 border-t-0 border-transparent px-7 pb-3.5 pt-4 text-xs font-MontserratRegular uppercase leading-tight text-eGray hover:isolate hover:border-transparent hover:bg-white focus:isolate focus:border-transparent data-[te-nav-active]:bg-white data-[te-nav-active]:text-eGray dark:text-neutral-400 dark:hover:bg-transparent dark:data-[te-nav-active]:border-primary-400 dark:data-[te-nav-active]:text-primary-400", "data-te-toggle": "pill", "data-te-target": "#tabs-home01", "data-te-nav-active": !0, role: "tab", "aria-controls": "tabs-home01", "aria-selected": "true", children: "descripci\xF3n" }) }),
          typeof tx_caracteristicas < "u" && tx_caracteristicas !== "" ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("li", { role: "presentation", className: "flex-auto text-center", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("a", { href: "#tabs-profile01", className: "focus:border-transparen mt-2 block border-x-0 border-b-2 border-t-0 border-transparent px-7 pb-3.5 pt-4 text-xs font-MontserratRegular uppercase leading-tight text-eGray hover:isolate hover:border-transparent hover:bg-white focus:isolate data-[te-nav-active]:bg-white data-[te-nav-active]:border-white data-[te-nav-active]:text-eGray dark:text-neutral-400 dark:hover:bg-transparent dark:data-[te-nav-active]:border-primary-400 dark:data-[te-nav-active]:text-primary-400", "data-te-toggle": "pill", "data-te-target": "#tabs-profile01", role: "tab", "aria-controls": "tabs-profile01", "aria-selected": "false", children: "caracter\xEDsticas" }) }) : "",
          typeof vc_ficha < "u" && vc_ficha !== "" ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("li", { className: "flex-auto text-center", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react33.Link, { to: baseUrl + vc_ficha, target: "_blank", className: "mt-2 block border-x-0 border-b-2 border-t-0 border-transparent px-7 pb-3.5 pt-4 text-xs font-MontserratRegular uppercase leading-tight text-eGray hover:isolate hover:border-transparent hover:bg-white focus:isolate focus:border-transparent data-[te-nav-active]:bg-white data-[te-nav-active]:border-white data-[te-nav-active]:text-primary dark:text-neutral-400 dark:hover:bg-transparent dark:data-[te-nav-active]:border-primary-400 dark:data-[te-nav-active]:text-eGray-400", children: "ficha t\xE9cnica" }) }) : ""
        ] }),
        /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "mb-6", children: [
          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
            "div",
            {
              className: "hidden  transition-opacity duration-150 ease-linear data-[te-tab-active]:block data-[te-tab-active]:bg-white px-10 py-5",
              id: "tabs-home01",
              role: "tabpanel",
              "aria-labelledby": "tabs-home-tab01",
              "data-te-tab-active": !0,
              children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "post__content", dangerouslySetInnerHTML: { __html: tx_descripcion } })
            }
          ),
          /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
            "div",
            {
              className: "hidden opacity-0 transition-opacity duration-150 ease-linear data-[te-tab-active]:block data-[te-tab-active]:bg-white px-10 py-5",
              id: "tabs-profile01",
              role: "tabpanel",
              "aria-labelledby": "tabs-profile-tab01",
              children: [
                /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "post__content", dangerouslySetInnerHTML: { __html: tx_caracteristicas } }),
                /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("br", {}),
                /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("p", { children: [
                  "Alto: ",
                  f_alto,
                  " cms"
                ] }),
                /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("p", { children: [
                  "Ancho: ",
                  f_ancho,
                  " cms"
                ] }),
                /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("p", { children: [
                  "Peso: ",
                  f_peso,
                  " kg"
                ] })
              ]
            }
          ),
          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
            "div",
            {
              className: "hidden opacity-0 transition-opacity duration-150 ease-linear data-[te-tab-active]:block data-[te-tab-active]:bg-white px-10 py-5",
              id: "tabs-messages01",
              role: "tabpanel",
              "aria-labelledby": "tabs-profile-tab01",
              children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("ul", { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("li", {}) })
            }
          )
        ] }),
        /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "lg:flex gap-4 mt-10", children: [
          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "lg:w-6/12", children: vc_url.includes("izquierda") || vc_url.includes("derecha") ? /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_jsx_runtime25.Fragment, { children: [
            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("label", { htmlFor: "apertura", className: "font-MontserratRegular", children: "Direcci\xF3n de apertura:" }),
            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react33.Form, { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
              "select",
              {
                id: "apertura",
                onChange: (e) => handleApertura(e.target.value),
                value: vc_url.split("-").pop() === "izquierda" ? "izquierda" : "derecha",
                className: "mt-5 w-full bg-dropPattern rounded-md border-2 focus:border-eYellow focus:ring-0 border-eGray uppercase content-none select:appearance-none",
                children: [
                  /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("option", { value: "", children: "Selecciona" }),
                  /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("option", { value: "izquierda", children: "Izquierda" }),
                  /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("option", { value: "derecha", children: "Derecha" })
                ]
              }
            ) })
          ] }) : "" }),
          /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "lg:w-6/12 mt-5 lg:mt-0", children: [
            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("label", { htmlFor: "cobertura", className: "font-MontserratRegular", children: "Cobertura de env\xEDo:" }),
            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react33.Form, { onSubmit: (e) => handleCP(e), className: "mt-5", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "flex ", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
              "input",
              {
                id: "cobertura",
                type: "text",
                placeholder: "C\xD3DIGO POSTAL",
                onChange: (e) => setCpEntrega(e.target.value),
                value: cpEntrega,
                className: "focus:border-eYellow focus:ring-0 border-2 border-eGray rounded-md w-full"
              }
            ) }) })
          ] })
        ] }),
        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("hr", { className: "my-10" }),
        typeof tx_caracteristicas < "u",
        (cerraduras == null ? void 0 : cerraduras.length) && typeof tx_caracteristicas < "u" ? cerraduras == null ? void 0 : cerraduras.map((item) => producto[0].i_cat === 1 ? item.id === addSmart.id ? /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "lg:flex gap-2 border-eYellow border-2 bg-white py-5 px-3 mt-5", children: [
          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "lg:w-2/12 flex justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("img", { src: baseUrl + item.vc_imagen, alt: baseUrl + item.vc_producto }) }),
          /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "lg:w-7/12 flex flex-col justify-center items-center", children: [
            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "text-eGray text-2xl w-full", children: item.vc_producto }),
            /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "w-full flex justify-between items-center py-5 lg:py-0", children: [
              /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("p", { className: "font-MontserratSemiBold text-eGray", children: [
                "+ $",
                item.f_precio
              ] }),
              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react33.Link, { to: `/productos/${item.vc_url}`, target: "_blank", className: "text-eBlue underline", children: "Ver detalles" }) })
            ] })
          ] }),
          /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
            "button",
            {
              onClick: () => handleRemoveSmart(),
              className: "lg:w-3/12 flex justify-center items-center",
              children: [
                /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "font-MontserratSemiBold text-eYellow pr-2", children: "Agregado" }),
                /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("img", { src: btn_less_default, alt: "Agregado" }) })
              ]
            }
          )
        ] }, item.id) : /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "lg:flex gap-2 bg-white py-5 px-3 mt-5", children: [
          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "lg:w-2/12 flex justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("img", { src: baseUrl + item.vc_imagen, alt: baseUrl + item.vc_producto }) }),
          /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "lg:w-7/12 flex flex-col justify-center items-center", children: [
            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "text-eGray text-2xl w-full", children: item.vc_producto }),
            /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "w-full flex justify-between items-center py-5 lg:py-0", children: [
              /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("p", { className: "font-MontserratSemiBold text-eGray", children: [
                "+ $",
                item.f_precio
              ] }),
              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react33.Link, { to: `/productos/${item.vc_url}`, target: "_blank", className: "text-eBlue underline", children: "Ver detalles" }) })
            ] })
          ] }),
          /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("button", { onClick: () => handleAddSmart(item.id, item.vc_producto, item.vc_imagen, item.f_precio, item.tx_descripcion, item.i_descuento), className: "lg:w-3/12 flex justify-center items-center", children: [
            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "font-MontserratSemiBold text-eGray pr-2", children: "Agregar" }),
            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("img", { src: btn_more_default, alt: "Agregar" }) })
          ] })
        ] }, item.id) : "") : "",
        typeof tx_caracteristicas < "u",
        /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "lg:flex gap-2 py-5 lg:px-0", children: [
          /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "lg:w-4/12 flex justify-center items-center gap-2", children: [
            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("img", { src: check_icon_green_default, alt: "Disponible" }),
            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "font-MontserratRegular text-eGreen", children: "Disponible" })
          ] }),
          /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "lg:w-4/12 flex py-5 lg:px-0", children: [
            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("button", { onClick: () => setCantidad(cantidad - 1), className: "w-full bg-black rounded-l-md", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "font-MontserratBold text-white", children: "-" }) }),
            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("input", { className: "w-full text-center font-MontserratBold", onChange: () => console.log(), type: "text", value: cantidad }),
            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("button", { onClick: () => setCantidad(cantidad + 1), className: "w-full bg-black rounded-r-md", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "font-MontserratBold text-white", children: "+" }) })
          ] }),
          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "lg:w-4/12 py-5 lg:px-0 flex justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("button", { onClick: handleAddToCarrito, className: "flex gap-1 justify-center items-center bg-eYellow rounded-md py-2 px-4", children: [
            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("img", { src: cart_icon_dark_default, alt: "Agregar al carrito" }),
            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "font-MontserratRegular text-xs", children: "Agregar al carrito" })
          ] }) })
        ] })
      ] })
    ] }) }),
    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("hr", { className: "mb-10" }),
    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("section", { className: "containter w-10/12 mx-auto mb-20", children: [
      /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "lg:flex justify-between items-center mb-10", children: [
        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "py-2 sm:py-0", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "text-2xl text-eBlack font-MontserratRegular", children: "Nuestra puertas m\xE1s vendidas" }) }),
        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "py-2 sm:py-0", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react33.Link, { to: "#", className: "text-xl text-eBlack font-MontserratRegular underline uppercase", children: "ver todos" }) })
      ] }),
      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "h-[450px]", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
        carouselmasvendidos_default,
        {
          carousel,
          baseUrl
        }
      ) })
    ] }),
    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(personalizatupuerta_default, {})
  ] }) });
}, productosUrl_default = ProductosDetalle2;

// app/routes/productos/piso-laminado.jsx
var piso_laminado_exports = {};
__export(piso_laminado_exports, {
  default: () => piso_laminado_default,
  loader: () => loader4,
  meta: () => meta3
});
var import_react35 = require("@remix-run/react"), import_flowbite_react6 = require("flowbite-react");
var import_react36 = require("react");
var import_react37 = require("@remix-run/react"), import_jsx_runtime26 = require("react/jsx-runtime");
function meta3() {
  return {
    title: "Eversafe Productos",
    meta: "Puertas de seguridad"
  };
}
async function loader4() {
  let [puertasApi, productosApi] = await Promise.all([getPuertas(), getProductos()]);
  return loadedData = {
    puertasApi,
    productosApi
  }, loadedData;
}
var PisoLaminado = () => {
  let { seguridad, setSeguridad, acorazada, setAcorazada, balistica, setBalistica, granero, setGranero, deck, setDeck, pisoLaminado, setPisoLaminado, otros, setOtros } = (0, import_react37.useOutletContext)(), { puertasApi, productosApi } = (0, import_react35.useLoaderData)(), [puertas, setPuertas] = (0, import_react36.useState)(puertasApi.data), [productos, setProductos] = (0, import_react36.useState)(productosApi.data), [currentPage, setCurrentPage] = (0, import_react36.useState)(0);
  (0, import_react36.useEffect)(() => {
    let filtroPisoLaminado = [...productosApi.data].filter((value) => value.i_cat === 7);
    setPuertas(filtroPisoLaminado), setSeguridad(!1), setAcorazada(!1), setBalistica(!1), setGranero(!1), setDeck(!1), setPisoLaminado(!0), setOtros(!1);
  }, []);
  let handleOrder = (type) => {
    switch (type) {
      case "nameasc":
        let strAscending = [...puertas].sort(
          (a, b) => a.vc_modelo > b.vc_modelo ? 1 : -1
        );
        setPuertas(strAscending);
        break;
      case "namedesc":
        let strDescending = [...puertas].sort(
          (a, b) => a.vc_modelo > b.vc_modelo ? -1 : 1
        );
        setPuertas(strDescending);
        break;
      case "priceasc":
        let numAscending = [...puertas].sort((a, b) => Number(a.f_precio.replace(",", "")) - Number(b.f_precio.replace(",", "")));
        setPuertas(numAscending);
        break;
      case "pricedesc":
        let numDescending = [...puertas].sort((a, b) => Number(b.f_precio.replace(",", "")) - Number(a.f_precio.replace(",", "")));
        setPuertas(numDescending);
        break;
    }
  };
  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_jsx_runtime26.Fragment, { children: [
    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("section", { className: "bg-eLightGray", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "mx-auto w-full lg:flex ", children: [
      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
        filtros_default,
        {
          puertasApi,
          productosApi,
          puertas,
          setPuertas,
          setProductos,
          seguridad,
          setSeguridad,
          acorazada,
          setAcorazada,
          balistica,
          setBalistica,
          granero,
          setGranero,
          deck,
          setDeck,
          pisoLaminado,
          setPisoLaminado,
          otros,
          setOtros
        }
      ),
      /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "w-full lg:w-9/12 p-10", children: [
        /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "sm:flex justify-between items-center", children: [
          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "text-eGray text-2xl font-MontserratRegular sm:py-5", children: "Mostrando resultados:" }) }),
          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { id: "ordenar", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
            import_flowbite_react6.Dropdown,
            {
              label: "Ordenar por",
              children: [
                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_flowbite_react6.Dropdown.Item, { onClick: () => handleOrder("nameasc"), children: "Nombre: A-Z" }),
                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_flowbite_react6.Dropdown.Item, { onClick: () => handleOrder("namedesc"), children: "Nombre: Z-A" }),
                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_flowbite_react6.Dropdown.Item, { onClick: () => handleOrder("priceasc"), children: "Precio: de menor a mayor" }),
                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_flowbite_react6.Dropdown.Item, { onClick: () => handleOrder("pricedesc"), children: "Precio: de mayor a menor" })
              ]
            }
          ) })
        ] }),
        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "w-full grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
          listadodeproductos_default,
          {
            productos: puertas,
            currentPage,
            setCurrentPage
          }
        ) }),
        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "flex items-end justify-end text-center mt-10", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("nav", { "aria-label": "Page navigation example", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("ul", { className: "list-style-none flex", children: [
          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("a", { className: "relative block rounded bg-transparent py-1.5 px-3 text-sm text-neutral-600 transition-all duration-300 hover:bg-neutral-100 dark:text-white dark:hover:bg-neutral-700 dark:hover:text-white cursor-pointer", onClick: () => setCurrentPage(currentPage - 1), children: "Anterior" }) }),
          (() => {
            let options = [];
            for (let i = 0; i < Math.ceil(puertas.length / 15); i++)
              currentPage === i ? options.push(/* @__PURE__ */ (0, import_jsx_runtime26.jsx)("li", { "aria-current": "page", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("a", { className: "relative block rounded bg-primary-100 py-1.5 px-3 text-sm font-medium text-primary-700 transition-all duration-300", children: [
                i + 1,
                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "absolute -m-px h-px w-px overflow-hidden whitespace-nowrap border-0 p-0 [clip:rect(0,0,0,0)]", children: "(currentPage)" })
              ] }) }, i)) : options.push(/* @__PURE__ */ (0, import_jsx_runtime26.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("a", { className: "relative block rounded bg-transparent py-1.5 px-3 text-sm text-neutral-600 transition-all duration-300 hover:bg-neutral-100  dark:text-white dark:hover:bg-neutral-700 dark:hover:text-white cursor-pointer", onClick: () => setCurrentPage(i), children: i + 1 }) }, i));
            return options;
          })(),
          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("a", { className: "relative block rounded bg-transparent py-1.5 px-3 text-sm text-neutral-600 transition-all duration-300 hover:bg-neutral-100 dark:text-white dark:hover:bg-neutral-700 dark:hover:text-white cursor-pointer", onClick: () => setCurrentPage(currentPage + 1), children: "Siguiente" }) })
        ] }) }) })
      ] })
    ] }) }),
    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(personalizatupuerta_default, {})
  ] });
}, piso_laminado_default = PisoLaminado;

// app/routes/productos/acorazadas.jsx
var acorazadas_exports = {};
__export(acorazadas_exports, {
  default: () => acorazadas_default,
  loader: () => loader5,
  meta: () => meta4
});
var import_react38 = require("@remix-run/react"), import_flowbite_react7 = require("flowbite-react");
var import_react39 = require("react");
var import_react40 = require("@remix-run/react"), import_jsx_runtime27 = require("react/jsx-runtime");
function meta4() {
  return {
    title: "Eversafe Productos",
    meta: "Puertas de seguridad"
  };
}
async function loader5() {
  let [puertasApi, productosApi] = await Promise.all([getPuertas(), getProductos()]);
  return loadedData = {
    puertasApi,
    productosApi
  }, loadedData;
}
var Acorazadas = () => {
  let { seguridad, setSeguridad, acorazada, setAcorazada, balistica, setBalistica, granero, setGranero, deck, setDeck, pisoLaminado, setPisoLaminado, otros, setOtros } = (0, import_react40.useOutletContext)(), { puertasApi, productosApi } = (0, import_react38.useLoaderData)(), [puertas, setPuertas] = (0, import_react39.useState)(puertasApi.data), [productos, setProductos] = (0, import_react39.useState)(productosApi.data), [currentPage, setCurrentPage] = (0, import_react39.useState)(0);
  (0, import_react39.useEffect)(() => {
    let filtroAcorazada = [...puertasApi.data].filter((value) => value.i_cat === 2);
    setPuertas(filtroAcorazada), setSeguridad(!1), setAcorazada(!0), setBalistica(!1), setGranero(!1), setDeck(!1), setPisoLaminado(!1), setOtros(!1);
  }, []);
  let handleOrder = (type) => {
    switch (type) {
      case "nameasc":
        let strAscending = [...puertasApi.data].sort(
          (a, b) => a.vc_modelo > b.vc_modelo ? 1 : -1
        );
        setPuertas(strAscending);
        break;
      case "namedesc":
        let strDescending = [...puertasApi.data].sort(
          (a, b) => a.vc_modelo > b.vc_modelo ? -1 : 1
        );
        setPuertas(strDescending);
        break;
      case "priceasc":
        let numAscending = [...puertasApi.data].sort((a, b) => Number(a.f_precio.replace(",", "")) - Number(b.f_precio.replace(",", "")));
        setPuertas(numAscending);
        break;
      case "pricedesc":
        let numDescending = [...puertasApi.data].sort((a, b) => Number(b.f_precio.replace(",", "")) - Number(a.f_precio.replace(",", "")));
        setPuertas(numDescending);
        break;
    }
  };
  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_jsx_runtime27.Fragment, { children: [
    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("section", { className: "bg-eLightGray", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "mx-auto w-full lg:flex ", children: [
      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
        filtros_default,
        {
          puertasApi,
          productosApi,
          puertas,
          setPuertas,
          setProductos,
          seguridad,
          setSeguridad,
          acorazada,
          setAcorazada,
          balistica,
          setBalistica,
          granero,
          setGranero,
          deck,
          setDeck,
          pisoLaminado,
          setPisoLaminado,
          otros,
          setOtros
        }
      ),
      /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "w-full lg:w-9/12 p-10", children: [
        /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "sm:flex justify-between items-center", children: [
          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { className: "text-eGray text-2xl font-MontserratRegular sm:py-5", children: "Mostrando resultados:" }) }),
          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { id: "ordenar", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
            import_flowbite_react7.Dropdown,
            {
              label: "Ordenar por",
              children: [
                /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_flowbite_react7.Dropdown.Item, { onClick: () => handleOrder("nameasc"), children: "Nombre: A-Z" }),
                /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_flowbite_react7.Dropdown.Item, { onClick: () => handleOrder("namedesc"), children: "Nombre: Z-A" }),
                /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_flowbite_react7.Dropdown.Item, { onClick: () => handleOrder("priceasc"), children: "Precio: de menor a mayor" }),
                /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_flowbite_react7.Dropdown.Item, { onClick: () => handleOrder("pricedesc"), children: "Precio: de mayor a menor" })
              ]
            }
          ) })
        ] }),
        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "w-full grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
          listadodeproductos_default,
          {
            productos: puertas,
            currentPage,
            setCurrentPage
          }
        ) }),
        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "flex items-end justify-end text-center mt-10", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("nav", { "aria-label": "Page navigation example", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("ul", { className: "list-style-none flex", children: [
          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("a", { className: "relative block rounded bg-transparent py-1.5 px-3 text-sm text-neutral-600 transition-all duration-300 hover:bg-neutral-100 dark:text-white dark:hover:bg-neutral-700 dark:hover:text-white cursor-pointer", onClick: () => setCurrentPage(currentPage - 1), children: "Anterior" }) }),
          (() => {
            let options = [];
            for (let i = 0; i < Math.ceil(puertas.length / 15); i++)
              currentPage === i ? options.push(/* @__PURE__ */ (0, import_jsx_runtime27.jsx)("li", { "aria-current": "page", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("a", { className: "relative block rounded bg-primary-100 py-1.5 px-3 text-sm font-medium text-primary-700 transition-all duration-300", children: [
                i + 1,
                /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "absolute -m-px h-px w-px overflow-hidden whitespace-nowrap border-0 p-0 [clip:rect(0,0,0,0)]", children: "(currentPage)" })
              ] }) }, i)) : options.push(/* @__PURE__ */ (0, import_jsx_runtime27.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("a", { className: "relative block rounded bg-transparent py-1.5 px-3 text-sm text-neutral-600 transition-all duration-300 hover:bg-neutral-100  dark:text-white dark:hover:bg-neutral-700 dark:hover:text-white cursor-pointer", onClick: () => setCurrentPage(i), children: i + 1 }) }, i));
            return options;
          })(),
          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("a", { className: "relative block rounded bg-transparent py-1.5 px-3 text-sm text-neutral-600 transition-all duration-300 hover:bg-neutral-100 dark:text-white dark:hover:bg-neutral-700 dark:hover:text-white cursor-pointer", onClick: () => setCurrentPage(currentPage + 1), children: "Siguiente" }) })
        ] }) }) })
      ] })
    ] }) }),
    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(personalizatupuerta_default, {})
  ] });
}, acorazadas_default = Acorazadas;

// app/routes/productos/antibalas.jsx
var antibalas_exports = {};
__export(antibalas_exports, {
  default: () => antibalas_default,
  loader: () => loader6,
  meta: () => meta5
});
var import_react41 = require("@remix-run/react"), import_flowbite_react8 = require("flowbite-react");
var import_react42 = require("react");
var import_react43 = require("@remix-run/react"), import_jsx_runtime28 = require("react/jsx-runtime");
function meta5() {
  return {
    title: "Eversafe Productos",
    meta: "Puertas de seguridad"
  };
}
async function loader6() {
  let [puertasApi, productosApi] = await Promise.all([getPuertas(), getProductos()]);
  return loadedData = {
    puertasApi,
    productosApi
  }, loadedData;
}
var Antibalas = () => {
  let { seguridad, setSeguridad, acorazada, setAcorazada, balistica, setBalistica, granero, setGranero, deck, setDeck, pisoLaminado, setPisoLaminado, otros, setOtros } = (0, import_react43.useOutletContext)(), { puertasApi, productosApi } = (0, import_react41.useLoaderData)(), [puertas, setPuertas] = (0, import_react42.useState)(puertasApi.data), [productos, setProductos] = (0, import_react42.useState)(productosApi.data), [currentPage, setCurrentPage] = (0, import_react42.useState)(0);
  (0, import_react42.useEffect)(() => {
    let filtroBalistica = [...puertasApi.data].filter((value) => value.i_cat === 3);
    setPuertas(filtroBalistica), setSeguridad(!1), setAcorazada(!1), setBalistica(!0), setGranero(!1), setDeck(!1), setPisoLaminado(!1), setOtros(!1);
  }, []), (0, import_react42.useEffect)(
    () => console.log(puertas),
    [puertas]
  );
  let handleOrder = (type) => {
    switch (type) {
      case "nameasc":
        let strAscending = [...puertasApi.data].sort(
          (a, b) => a.vc_modelo > b.vc_modelo ? 1 : -1
        );
        setPuertas(strAscending);
        break;
      case "namedesc":
        let strDescending = [...puertasApi.data].sort(
          (a, b) => a.vc_modelo > b.vc_modelo ? -1 : 1
        );
        setPuertas(strDescending);
        break;
      case "priceasc":
        let numAscending = [...puertasApi.data].sort((a, b) => Number(a.f_precio.replace(",", "")) - Number(b.f_precio.replace(",", "")));
        setPuertas(numAscending);
        break;
      case "pricedesc":
        let numDescending = [...puertasApi.data].sort((a, b) => Number(b.f_precio.replace(",", "")) - Number(a.f_precio.replace(",", "")));
        setPuertas(numDescending);
        break;
    }
  };
  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_jsx_runtime28.Fragment, { children: [
    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("section", { className: "bg-eLightGray", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "mx-auto w-full lg:flex ", children: [
      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
        filtros_default,
        {
          puertasApi,
          productosApi,
          puertas,
          setPuertas,
          setProductos,
          seguridad,
          setSeguridad,
          acorazada,
          setAcorazada,
          balistica,
          setBalistica,
          granero,
          setGranero,
          deck,
          setDeck,
          pisoLaminado,
          setPisoLaminado,
          otros,
          setOtros
        }
      ),
      /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "w-full lg:w-9/12 p-10", children: [
        /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "sm:flex justify-between items-center", children: [
          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { className: "text-eGray text-2xl font-MontserratRegular sm:py-5", children: "Mostrando resultados:" }) }),
          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { id: "ordenar", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
            import_flowbite_react8.Dropdown,
            {
              label: "Ordenar por",
              children: [
                /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_flowbite_react8.Dropdown.Item, { onClick: () => handleOrder("nameasc"), children: "Nombre: A-Z" }),
                /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_flowbite_react8.Dropdown.Item, { onClick: () => handleOrder("namedesc"), children: "Nombre: Z-A" }),
                /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_flowbite_react8.Dropdown.Item, { onClick: () => handleOrder("priceasc"), children: "Precio: de menor a mayor" }),
                /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_flowbite_react8.Dropdown.Item, { onClick: () => handleOrder("pricedesc"), children: "Precio: de mayor a menor" })
              ]
            }
          ) })
        ] }),
        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "w-full grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
          listadodeproductos_default,
          {
            productos: puertas,
            currentPage,
            setCurrentPage
          }
        ) }),
        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "flex items-end justify-end text-center mt-10", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("nav", { "aria-label": "Page navigation example", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("ul", { className: "list-style-none flex", children: [
          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("a", { className: "relative block rounded bg-transparent py-1.5 px-3 text-sm text-neutral-600 transition-all duration-300 hover:bg-neutral-100 dark:text-white dark:hover:bg-neutral-700 dark:hover:text-white cursor-pointer", onClick: () => setCurrentPage(currentPage - 1), children: "Anterior" }) }),
          (() => {
            let options = [];
            for (let i = 0; i < Math.ceil(puertas.length / 15); i++)
              currentPage === i ? options.push(/* @__PURE__ */ (0, import_jsx_runtime28.jsx)("li", { "aria-current": "page", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("a", { className: "relative block rounded bg-primary-100 py-1.5 px-3 text-sm font-medium text-primary-700 transition-all duration-300", children: [
                i + 1,
                /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "absolute -m-px h-px w-px overflow-hidden whitespace-nowrap border-0 p-0 [clip:rect(0,0,0,0)]", children: "(currentPage)" })
              ] }) }, i)) : options.push(/* @__PURE__ */ (0, import_jsx_runtime28.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("a", { className: "relative block rounded bg-transparent py-1.5 px-3 text-sm text-neutral-600 transition-all duration-300 hover:bg-neutral-100  dark:text-white dark:hover:bg-neutral-700 dark:hover:text-white cursor-pointer", onClick: () => setCurrentPage(i), children: i + 1 }) }, i));
            return options;
          })(),
          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("a", { className: "relative block rounded bg-transparent py-1.5 px-3 text-sm text-neutral-600 transition-all duration-300 hover:bg-neutral-100 dark:text-white dark:hover:bg-neutral-700 dark:hover:text-white cursor-pointer", onClick: () => setCurrentPage(currentPage + 1), children: "Siguiente" }) })
        ] }) }) })
      ] })
    ] }) }),
    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(personalizatupuerta_default, {})
  ] });
}, antibalas_default = Antibalas;

// app/routes/productos/seguridad.jsx
var seguridad_exports = {};
__export(seguridad_exports, {
  default: () => seguridad_default,
  loader: () => loader7,
  meta: () => meta6
});
var import_react44 = require("@remix-run/react"), import_flowbite_react9 = require("flowbite-react");
var import_react45 = require("react");
var import_react46 = require("@remix-run/react"), import_jsx_runtime29 = require("react/jsx-runtime");
function meta6() {
  return {
    title: "Eversafe Productos",
    meta: "Puertas de seguridad"
  };
}
async function loader7() {
  let [puertasApi, productosApi] = await Promise.all([getPuertas(), getProductos()]);
  return loadedData = {
    puertasApi,
    productosApi
  }, loadedData;
}
var Seguridad = () => {
  let { seguridad, setSeguridad, acorazada, setAcorazada, balistica, setBalistica, granero, setGranero, deck, setDeck, pisoLaminado, setPisoLaminado, otros, setOtros } = (0, import_react46.useOutletContext)(), { puertasApi, productosApi } = (0, import_react44.useLoaderData)(), [puertas, setPuertas] = (0, import_react45.useState)(puertasApi.data), [productos, setProductos] = (0, import_react45.useState)(productosApi.data), [currentPage, setCurrentPage] = (0, import_react45.useState)(0);
  (0, import_react45.useEffect)(() => {
    let filtroSeguridad = [...puertasApi.data].filter((value) => value.i_cat === 1);
    setPuertas(filtroSeguridad), setSeguridad(!0), setAcorazada(!1), setBalistica(!1), setGranero(!1), setDeck(!1), setPisoLaminado(!1), setOtros(!1);
  }, []);
  let handleOrder = (type) => {
    switch (type) {
      case "nameasc":
        let strAscending = [...puertasApi.data].sort(
          (a, b) => a.vc_modelo > b.vc_modelo ? 1 : -1
        );
        setPuertas(strAscending);
        break;
      case "namedesc":
        let strDescending = [...puertasApi.data].sort(
          (a, b) => a.vc_modelo > b.vc_modelo ? -1 : 1
        );
        setPuertas(strDescending);
        break;
      case "priceasc":
        let numAscending = [...puertasApi.data].sort((a, b) => Number(a.f_precio.replace(",", "")) - Number(b.f_precio.replace(",", "")));
        setPuertas(numAscending);
        break;
      case "pricedesc":
        let numDescending = [...puertasApi.data].sort((a, b) => Number(b.f_precio.replace(",", "")) - Number(a.f_precio.replace(",", "")));
        setPuertas(numDescending);
        break;
    }
  };
  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_jsx_runtime29.Fragment, { children: [
    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("section", { className: "bg-eLightGray", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "mx-auto w-full lg:flex ", children: [
      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
        filtros_default,
        {
          puertasApi,
          productosApi,
          puertas,
          setPuertas,
          seguridad,
          setSeguridad,
          acorazada,
          setAcorazada,
          balistica,
          setBalistica,
          granero,
          setGranero,
          deck,
          setDeck,
          pisoLaminado,
          setPisoLaminado,
          otros,
          setOtros
        }
      ),
      /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "w-full lg:w-9/12 p-10", children: [
        /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "sm:flex justify-between items-center", children: [
          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { className: "text-eGray text-2xl font-MontserratRegular sm:py-5", children: "Mostrando resultados:" }) }),
          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { id: "ordenar", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
            import_flowbite_react9.Dropdown,
            {
              label: "Ordenar por",
              children: [
                /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_flowbite_react9.Dropdown.Item, { onClick: () => handleOrder("nameasc"), children: "Nombre: A-Z" }),
                /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_flowbite_react9.Dropdown.Item, { onClick: () => handleOrder("namedesc"), children: "Nombre: Z-A" }),
                /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_flowbite_react9.Dropdown.Item, { onClick: () => handleOrder("priceasc"), children: "Precio: de menor a mayor" }),
                /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_flowbite_react9.Dropdown.Item, { onClick: () => handleOrder("pricedesc"), children: "Precio: de mayor a menor" })
              ]
            }
          ) })
        ] }),
        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "w-full grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
          listadodeproductos_default,
          {
            productos: puertas,
            currentPage,
            setCurrentPage
          }
        ) }),
        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "flex items-end justify-end text-center mt-10", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("nav", { "aria-label": "Page navigation example", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("ul", { className: "list-style-none flex", children: [
          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("a", { className: "relative block rounded bg-transparent py-1.5 px-3 text-sm text-neutral-600 transition-all duration-300 hover:bg-neutral-100 dark:text-white dark:hover:bg-neutral-700 dark:hover:text-white cursor-pointer", onClick: () => setCurrentPage(currentPage - 1), children: "Anterior" }) }),
          (() => {
            let options = [];
            for (let i = 0; i < Math.ceil(puertas.length / 15); i++)
              currentPage === i ? options.push(/* @__PURE__ */ (0, import_jsx_runtime29.jsx)("li", { "aria-current": "page", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("a", { className: "relative block rounded bg-primary-100 py-1.5 px-3 text-sm font-medium text-primary-700 transition-all duration-300", children: [
                i + 1,
                /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "absolute -m-px h-px w-px overflow-hidden whitespace-nowrap border-0 p-0 [clip:rect(0,0,0,0)]", children: "(currentPage)" })
              ] }) }, i)) : options.push(/* @__PURE__ */ (0, import_jsx_runtime29.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("a", { className: "relative block rounded bg-transparent py-1.5 px-3 text-sm text-neutral-600 transition-all duration-300 hover:bg-neutral-100  dark:text-white dark:hover:bg-neutral-700 dark:hover:text-white cursor-pointer", onClick: () => setCurrentPage(i), children: i + 1 }) }, i));
            return options;
          })(),
          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("a", { className: "relative block rounded bg-transparent py-1.5 px-3 text-sm text-neutral-600 transition-all duration-300 hover:bg-neutral-100 dark:text-white dark:hover:bg-neutral-700 dark:hover:text-white cursor-pointer", onClick: () => setCurrentPage(currentPage + 1), children: "Siguiente" }) })
        ] }) }) })
      ] })
    ] }) }),
    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(personalizatupuerta_default, {})
  ] });
}, seguridad_default = Seguridad;

// app/routes/productos/index.jsx
var productos_exports2 = {};
__export(productos_exports2, {
  default: () => productos_default2,
  loader: () => loader8,
  meta: () => meta7
});
var import_react47 = require("@remix-run/react"), import_flowbite_react10 = require("flowbite-react");
var import_react48 = require("react");
var import_react49 = require("@remix-run/react"), import_jsx_runtime30 = require("react/jsx-runtime");
async function loader8() {
  let [puertasApi, productosApi] = await Promise.all([getPuertas(), getProductos()]);
  return loadedData = {
    puertasApi,
    productosApi
  }, loadedData;
}
function meta7() {
  return {
    title: "Eversafe Productos",
    meta: "Puertas de seguridad"
  };
}
var Productos2 = () => {
  let busqueda = (0, import_react47.useLocation)().search.replace("?search=", ""), { seguridad, setSeguridad, acorazada, setAcorazada, balistica, setBalistica, granero, setGranero, deck, setDeck, pisoLaminado, setPisoLaminado, otros, setOtros } = (0, import_react49.useOutletContext)(), { puertasApi, productosApi } = (0, import_react47.useLoaderData)(), [puertas, setPuertas] = (0, import_react48.useState)(puertasApi.data), [productos, setProductos] = (0, import_react48.useState)(productosApi.data), [currentPage, setCurrentPage] = (0, import_react48.useState)(0);
  (0, import_react48.useEffect)(() => {
    if (busqueda !== "") {
      let filtroBusquedaPuertas = [...puertasApi.data].filter((value) => {
        if (value.vc_modelo.toLowerCase().search(decodeURI(busqueda.toLowerCase())) >= 0)
          return value;
      }), filtroBusquedaProductos = [...productosApi.data].filter((value) => {
        if (value.vc_producto.toLowerCase().search(decodeURI(busqueda.toLowerCase())) >= 0)
          return value;
      });
      setPuertas([...filtroBusquedaPuertas, ...filtroBusquedaProductos]);
    } else
      setPuertas([...puertasApi.data, ...productosApi.data]);
    setSeguridad(!1), setAcorazada(!1), setBalistica(!1), setGranero(!1), setDeck(!1), setPisoLaminado(!1), setOtros(!1);
  }, []);
  let handleOrder = (type) => {
    switch (type) {
      case "nameasc":
        let strAscending = [...puertasApi.data].sort(
          (a, b) => a.vc_modelo > b.vc_modelo ? 1 : -1
        );
        setPuertas(strAscending);
        break;
      case "namedesc":
        let strDescending = [...puertasApi.data].sort(
          (a, b) => a.vc_modelo > b.vc_modelo ? -1 : 1
        );
        setPuertas(strDescending);
        break;
      case "priceasc":
        let numAscending = [...puertasApi.data].sort((a, b) => Number(a.f_precio.replace(",", "")) - Number(b.f_precio.replace(",", "")));
        setPuertas(numAscending);
        break;
      case "pricedesc":
        let numDescending = [...puertasApi.data].sort((a, b) => Number(b.f_precio.replace(",", "")) - Number(a.f_precio.replace(",", "")));
        setPuertas(numDescending);
        break;
    }
  };
  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_jsx_runtime30.Fragment, { children: [
    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("section", { className: "bg-eLightGray", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "mx-auto w-full lg:flex ", children: [
      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
        filtros_default,
        {
          puertasApi,
          productosApi,
          puertas,
          setPuertas,
          setProductos,
          seguridad,
          setSeguridad,
          acorazada,
          setAcorazada,
          balistica,
          setBalistica,
          granero,
          setGranero,
          deck,
          setDeck,
          pisoLaminado,
          setPisoLaminado,
          otros,
          setOtros
        }
      ),
      /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "w-full lg:w-9/12 p-10", children: [
        /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "sm:flex justify-between items-center", children: [
          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", { className: "text-eGray text-2xl font-MontserratRegular sm:py-5", children: "Mostrando resultados:" }) }),
          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { id: "ordenar", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
            import_flowbite_react10.Dropdown,
            {
              label: "Ordenar por",
              children: [
                /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_flowbite_react10.Dropdown.Item, { onClick: () => handleOrder("nameasc"), children: "Nombre: A-Z" }),
                /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_flowbite_react10.Dropdown.Item, { onClick: () => handleOrder("namedesc"), children: "Nombre: Z-A" }),
                /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_flowbite_react10.Dropdown.Item, { onClick: () => handleOrder("priceasc"), children: "Precio: de menor a mayor" }),
                /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_flowbite_react10.Dropdown.Item, { onClick: () => handleOrder("pricedesc"), children: "Precio: de mayor a menor" })
              ]
            }
          ) })
        ] }),
        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "w-full grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
          listadodeproductos_default,
          {
            productos: puertas,
            currentPage,
            setCurrentPage
          }
        ) }),
        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "flex items-end justify-end text-center mt-10", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("nav", { "aria-label": "Page navigation example", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("ul", { className: "list-style-none flex", children: [
          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("a", { className: "relative block rounded bg-transparent py-1.5 px-3 text-sm text-neutral-600 transition-all duration-300 hover:bg-neutral-100 dark:text-white dark:hover:bg-neutral-700 dark:hover:text-white cursor-pointer", onClick: () => setCurrentPage(currentPage - 1), children: "Anterior" }) }),
          (() => {
            let options = [];
            for (let i = 0; i < Math.ceil(puertas.length / 15); i++)
              currentPage === i ? options.push(/* @__PURE__ */ (0, import_jsx_runtime30.jsx)("li", { "aria-current": "page", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("a", { className: "relative block rounded bg-primary-100 py-1.5 px-3 text-sm font-medium text-primary-700 transition-all duration-300", children: [
                i + 1,
                /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "absolute -m-px h-px w-px overflow-hidden whitespace-nowrap border-0 p-0 [clip:rect(0,0,0,0)]", children: "(currentPage)" })
              ] }) }, i)) : options.push(/* @__PURE__ */ (0, import_jsx_runtime30.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("a", { className: "relative block rounded bg-transparent py-1.5 px-3 text-sm text-neutral-600 transition-all duration-300 hover:bg-neutral-100  dark:text-white dark:hover:bg-neutral-700 dark:hover:text-white cursor-pointer", onClick: () => setCurrentPage(i), children: i + 1 }) }, i));
            return options;
          })(),
          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("a", { className: "relative block rounded bg-transparent py-1.5 px-3 text-sm text-neutral-600 transition-all duration-300 hover:bg-neutral-100 dark:text-white dark:hover:bg-neutral-700 dark:hover:text-white cursor-pointer", onClick: () => setCurrentPage(currentPage + 1), children: "Siguiente" }) })
        ] }) }) })
      ] })
    ] }) }),
    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(personalizatupuerta_default, {})
  ] });
}, productos_default2 = Productos2;

// app/routes/productos/deck.jsx
var deck_exports = {};
__export(deck_exports, {
  default: () => deck_default,
  loader: () => loader9,
  meta: () => meta8
});
var import_react50 = require("@remix-run/react"), import_flowbite_react11 = require("flowbite-react");
var import_react51 = require("react");
var import_react52 = require("@remix-run/react"), import_jsx_runtime31 = require("react/jsx-runtime");
function meta8() {
  return {
    title: "Eversafe Productos",
    meta: "Puertas de seguridad"
  };
}
async function loader9() {
  let [puertasApi, productosApi] = await Promise.all([getPuertas(), getProductos()]);
  return loadedData = {
    puertasApi,
    productosApi
  }, loadedData;
}
var Deck = () => {
  let { seguridad, setSeguridad, acorazada, setAcorazada, balistica, setBalistica, granero, setGranero, deck, setDeck, pisoLaminado, setPisoLaminado, otros, setOtros } = (0, import_react52.useOutletContext)(), { puertasApi, productosApi } = (0, import_react50.useLoaderData)(), [puertas, setPuertas] = (0, import_react51.useState)(puertasApi.data), [productos, setProductos] = (0, import_react51.useState)(productosApi.data), [currentPage, setCurrentPage] = (0, import_react51.useState)(0);
  (0, import_react51.useEffect)(() => {
    let filtroDeck = [...productosApi.data].filter((value) => value.i_cat === 4);
    setPuertas(filtroDeck), setSeguridad(!1), setAcorazada(!1), setBalistica(!1), setGranero(!1), setDeck(!0), setPisoLaminado(!1), setOtros(!1);
  }, []), (0, import_react51.useEffect)(
    () => console.log(puertas),
    [puertas]
  );
  let handleOrder = (type) => {
    switch (type) {
      case "nameasc":
        let strAscending = [...puertas].sort(
          (a, b) => a.vc_modelo > b.vc_modelo ? 1 : -1
        );
        setPuertas(strAscending);
        break;
      case "namedesc":
        let strDescending = [...puertas].sort(
          (a, b) => a.vc_modelo > b.vc_modelo ? -1 : 1
        );
        setPuertas(strDescending);
        break;
      case "priceasc":
        let numAscending = [...puertas].sort((a, b) => Number(a.f_precio.replace(",", "")) - Number(b.f_precio.replace(",", "")));
        setPuertas(numAscending);
        break;
      case "pricedesc":
        let numDescending = [...puertas].sort((a, b) => Number(b.f_precio.replace(",", "")) - Number(a.f_precio.replace(",", "")));
        setPuertas(numDescending);
        break;
    }
  };
  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_jsx_runtime31.Fragment, { children: [
    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("section", { className: "bg-eLightGray", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "mx-auto w-full lg:flex ", children: [
      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
        filtros_default,
        {
          puertasApi,
          productosApi,
          puertas,
          setPuertas,
          setProductos,
          seguridad,
          setSeguridad,
          acorazada,
          setAcorazada,
          balistica,
          setBalistica,
          granero,
          setGranero,
          deck,
          setDeck,
          pisoLaminado,
          setPisoLaminado,
          otros,
          setOtros
        }
      ),
      /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "w-full lg:w-9/12 p-10", children: [
        /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "sm:flex justify-between items-center", children: [
          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("p", { className: "text-eGray text-2xl font-MontserratRegular sm:py-5", children: "Mostrando resultados:" }) }),
          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { id: "ordenar", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
            import_flowbite_react11.Dropdown,
            {
              label: "Ordenar por",
              children: [
                /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_flowbite_react11.Dropdown.Item, { onClick: () => handleOrder("nameasc"), children: "Nombre: A-Z" }),
                /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_flowbite_react11.Dropdown.Item, { onClick: () => handleOrder("namedesc"), children: "Nombre: Z-A" }),
                /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_flowbite_react11.Dropdown.Item, { onClick: () => handleOrder("priceasc"), children: "Precio: de menor a mayor" }),
                /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_flowbite_react11.Dropdown.Item, { onClick: () => handleOrder("pricedesc"), children: "Precio: de mayor a menor" })
              ]
            }
          ) })
        ] }),
        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "w-full grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
          listadodeproductos_default,
          {
            productos: puertas,
            currentPage,
            setCurrentPage
          }
        ) }),
        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "flex items-end justify-end text-center mt-10", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("nav", { "aria-label": "Page navigation example", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("ul", { className: "list-style-none flex", children: [
          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("a", { className: "relative block rounded bg-transparent py-1.5 px-3 text-sm text-neutral-600 transition-all duration-300 hover:bg-neutral-100 dark:text-white dark:hover:bg-neutral-700 dark:hover:text-white cursor-pointer", onClick: () => setCurrentPage(currentPage - 1), children: "Anterior" }) }),
          (() => {
            let options = [];
            for (let i = 0; i < Math.ceil(puertas.length / 15); i++)
              currentPage === i ? options.push(/* @__PURE__ */ (0, import_jsx_runtime31.jsx)("li", { "aria-current": "page", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("a", { className: "relative block rounded bg-primary-100 py-1.5 px-3 text-sm font-medium text-primary-700 transition-all duration-300", children: [
                i + 1,
                /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "absolute -m-px h-px w-px overflow-hidden whitespace-nowrap border-0 p-0 [clip:rect(0,0,0,0)]", children: "(currentPage)" })
              ] }) }, i)) : options.push(/* @__PURE__ */ (0, import_jsx_runtime31.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("a", { className: "relative block rounded bg-transparent py-1.5 px-3 text-sm text-neutral-600 transition-all duration-300 hover:bg-neutral-100  dark:text-white dark:hover:bg-neutral-700 dark:hover:text-white cursor-pointer", onClick: () => setCurrentPage(i), children: i + 1 }) }, i));
            return options;
          })(),
          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("a", { className: "relative block rounded bg-transparent py-1.5 px-3 text-sm text-neutral-600 transition-all duration-300 hover:bg-neutral-100 dark:text-white dark:hover:bg-neutral-700 dark:hover:text-white cursor-pointer", onClick: () => setCurrentPage(currentPage + 1), children: "Siguiente" }) })
        ] }) }) })
      ] })
    ] }) }),
    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(personalizatupuerta_default, {})
  ] });
}, deck_default = Deck;

// app/routes/checkout.jsx
var checkout_exports = {};
__export(checkout_exports, {
  default: () => checkout_default,
  links: () => links4,
  loader: () => loader10
});
var import_react53 = require("react"), import_react54 = require("@remix-run/react"), import_remix_utils3 = require("remix-utils"), import_sweetalert22 = __toESM(require("sweetalert2"));

// public/assets/img/back-icon.webp
var back_icon_default = "/build/_assets/back-icon-3AXB336K.webp";

// public/assets/img/paypal.png
var paypal_default = "/build/_assets/paypal-E6NAA3XQ.png";

// public/assets/img/mercadopago.png
var mercadopago_default = "/build/_assets/mercadopago-EWCF36LZ.png";

// app/models/checkout.server.js
async function getStates() {
  return await (await fetch(`${process.env.API_URL}/conekta/get-states`)).json();
}
async function getCities() {
  return await (await fetch(`${process.env.API_URL}/conekta/get-cities`)).json();
}

// app/routes/checkout.jsx
var import_jsx_runtime32 = require("react/jsx-runtime");
async function loader10() {
  let [estados, ciudades] = await Promise.all([getStates(), getCities()]);
  return loaderData = {
    estados: estados.data,
    ciudades: ciudades.data,
    baseUrlApi: process.env.API_URL
  }, loaderData;
}
function links4() {
  return [
    {
      rel: "stylesheet",
      href: main_default
    }
  ];
}
var Checkout = () => {
  let loadedData2 = (0, import_react54.useLoaderData)(), { estados, ciudades, baseUrlApi } = loadedData2, [showTarjeta, setShowTarjeta] = (0, import_react53.useState)(""), [showPaypal, setShowPaypal] = (0, import_react53.useState)("hidden"), [showMercadoPago, setShowMercadoPago] = (0, import_react53.useState)("hidden"), [loading, setLoading] = (0, import_react53.useState)("hidden"), [metodo, setMetodo] = (0, import_react53.useState)("hidden"), [costoEntrega, setCostoEntrega] = (0, import_react53.useState)("000.00"), [btnCredito, setBtnCredito] = (0, import_react53.useState)("bg-white border-2 border-eGray"), [btnPaypal, setBtnPaypal] = (0, import_react53.useState)("bg-white border-2 border-eGray"), [btnMercadoPago, setBtnMercadoPago] = (0, import_react53.useState)("bg-white border-2 border-eGray"), [nombreIP, setNombreIP] = (0, import_react53.useState)(""), [apellidoIP, setApellidoIP] = (0, import_react53.useState)(""), [correoIP, setCorreoIP] = (0, import_react53.useState)(""), [telefonoIP, setTelefonoIP] = (0, import_react53.useState)(""), [direccionIP, setDireccionIP] = (0, import_react53.useState)(""), [coloniaIP, setColoniaIP] = (0, import_react53.useState)(""), [ciudadIP, setCiudadIP] = (0, import_react53.useState)(""), [estadoIP, setEstadoIP] = (0, import_react53.useState)(""), [listaCiudades, setListaCiudades] = (0, import_react53.useState)([]), [nombreTarjeta, setNombreTarjeta] = (0, import_react53.useState)(""), [tarjeta, setTarjeta] = (0, import_react53.useState)(""), [vencimiento, setVencimiento] = (0, import_react53.useState)(""), [cvv, setCVV] = (0, import_react53.useState)(""), [pagarFlag, setPagarFlag] = (0, import_react53.useState)(!1), [total, setTotal] = (0, import_react53.useState)(0), [promociones, setPromociones] = (0, import_react53.useState)(0), { carrito, carritoMedida, cpEntrega, setCpEntrega } = (0, import_react54.useOutletContext)();
  (0, import_react53.useEffect)(() => {
    let filtro = ciudades.filter((item) => {
      if (estadoIP === item.vc_estado)
        return item;
    });
    setListaCiudades(filtro);
  }, [estadoIP]), (0, import_react53.useEffect)(() => {
    let calculotTotal = carrito == null ? void 0 : carrito.reduce((total2, producto) => total2 + producto.cantidad * Number(producto.precio.replace(",", "")), 0), totalSmart = 0;
    carrito.forEach((item) => {
      typeof item.smart.f_precio < "u" && (totalSmart = totalSmart + Number(item.smart.f_precio.replace(",", "")));
    });
    let totalPromociones = 0;
    carrito.forEach((item) => {
      totalPromociones = totalPromociones + Number(item.precio.replace(",", "")) * (item.descuento / 100);
    }), carrito.forEach((item) => {
      typeof item.smart.f_precio < "u" && (totalPromociones = totalPromociones + Number(item.smart.f_precio.replace(",", "")) * (item.smart.i_descuento / 100));
    }), setPromociones(totalPromociones), setTotal((calculotTotal + totalSmart).toFixed(2));
  }, [carrito]), (0, import_react53.useEffect)(() => {
    total === 0 && typeof carritoMedida[13] < "u" && carrito.length === 0 && setTotal(carritoMedida[13].totalPuertaMedida);
  }, [carritoMedida]);
  let handleMethodPay = (btn) => {
    switch (btn) {
      case "credito":
        setBtnPaypal("bg-white border-2 border-eGray"), setShowPaypal("hidden"), setBtnMercadoPago("bg-white border-2 border-eGray"), setShowMercadoPago("hidden"), setBtnCredito("bg-eBlack text-white border-4 border-eYellow"), setShowTarjeta("");
        break;
      case "paypal":
        setBtnCredito("bg-white border-2 border-eGray"), setShowTarjeta("hidden"), setBtnMercadoPago("bg-white border-2 border-eGray"), setShowMercadoPago("hidden"), setBtnPaypal("bg-eBlack text-white border-4 border-eYellow"), setShowPaypal("");
        break;
      case "mercadopago":
        setBtnCredito("bg-white border-2 border-eGray"), setShowTarjeta("hidden"), setBtnPaypal("bg-white border-2 border-eGray"), setShowPaypal("hidden"), setBtnMercadoPago("bg-eBlack text-white border-4 border-eYellow"), setShowMercadoPago("");
        break;
      default:
        setBtnCredito("bg-white border-2 border-eGray");
    }
  }, handleCalcular = async () => {
    let lista = {};
    if (setMetodo("hidden"), setPagarFlag(!0), setLoading(""), cpEntrega === "")
      setLoading("hidden"), setPagarFlag(!1), setLoading("hidden"), import_sweetalert22.default.fire({
        title: "<h2>\xA1Validaci\xF3n!</h2>",
        html: "El campo 'C\xF3digo postal' est\xE1 vac\xEDo",
        icon: "warning",
        confirmButtonText: " Cerrar ",
        confirmButtonColor: "#eabb2e"
      });
    else {
      carrito.length > 0 ? lista = carrito.map((value) => typeof value.smart.id < "u" ? [
        {
          puertaMedida: 0,
          cantidad: value.cantidad,
          cat: value.cat,
          id: value.id,
          precio: value.precio,
          smart: value.smart.id,
          cp: cpEntrega
        }
      ] : [
        {
          puertaMedida: 0,
          cantidad: value.cantidad,
          cat: value.cat,
          id: value.id,
          precio: value.precio,
          cp: cpEntrega
        }
      ]) : carritoMedida.length > 0 && (lista = [
        {
          puertaMedida: 1,
          cantidad: 1,
          alto: carritoMedida[14].medidaAlto,
          ancho: carritoMedida[14].medidaAncho,
          pesoFijo: carritoMedida[14].fijosPeso,
          pesoPuerta: carritoMedida[14].puertaPeso,
          precio: carritoMedida[13].totalPuertaMedida,
          cp: cpEntrega
        }
      ]);
      let options = {
        method: "POST",
        headers: {
          accept: "application/vnd.conekta-v2.1.0+json",
          "content-type": "application/json"
        },
        body: JSON.stringify({
          calculoEnvio: lista
        })
      }, resp = await (await fetch(`${baseUrlApi}/conekta/get-estimation`, options)).json();
      resp.data.return.error !== "" ? import_sweetalert22.default.fire({
        title: "<h2>\xA1Error!</h2>",
        html: "El costo de la entrega no pudo ser calculado.",
        icon: "error",
        confirmButtonText: " Cerrar ",
        confirmButtonColor: "#eabb2e"
      }) : (setCostoEntrega(resp.data.return.total), setMetodo("")), setPagarFlag(!1), setLoading("hidden");
    }
  }, handleToken = async (e) => {
    if (setPagarFlag(!0), setLoading(""), e.preventDefault(), nombreIP === "")
      setPagarFlag(!1), setLoading("hidden"), import_sweetalert22.default.fire({
        title: "<h2>\xA1Validaci\xF3n!</h2>",
        html: "El campo 'Nombre' est\xE1 vac\xEDo",
        icon: "warning",
        confirmButtonText: " Cerrar ",
        confirmButtonColor: "#eabb2e"
      });
    else if (apellidoIP === "")
      setPagarFlag(!1), setLoading("hidden"), import_sweetalert22.default.fire({
        title: "<h2>\xA1Validaci\xF3n!</h2>",
        html: "El campo 'Apellido' est\xE1 vac\xEDo",
        icon: "warning",
        confirmButtonText: " Cerrar ",
        confirmButtonColor: "#eabb2e"
      });
    else if (correoIP === "")
      setPagarFlag(!1), setLoading("hidden"), import_sweetalert22.default.fire({
        title: "<h2>\xA1Validaci\xF3n!</h2>",
        html: "El campo 'Correo' est\xE1 vac\xEDo",
        icon: "warning",
        confirmButtonText: " Cerrar ",
        confirmButtonColor: "#eabb2e"
      });
    else if (!validateEmail(correoIP))
      setPagarFlag(!1), setLoading("hidden"), import_sweetalert22.default.fire({
        title: "<h2>\xA1Validaci\xF3n!</h2>",
        html: "El campo 'Correo' no es v\xE1lido",
        icon: "warning",
        confirmButtonText: " Cerrar ",
        confirmButtonColor: "#eabb2e"
      });
    else if (telefonoIP === "")
      setPagarFlag(!1), setLoading("hidden"), import_sweetalert22.default.fire({
        title: "<h2>\xA1Validaci\xF3n!</h2>",
        html: "El campo 'Tel\xE9fono' est\xE1 vac\xEDo",
        icon: "warning",
        confirmButtonText: " Cerrar ",
        confirmButtonColor: "#eabb2e"
      });
    else if (telefonoIP.length < 10)
      setPagarFlag(!1), setLoading("hidden"), import_sweetalert22.default.fire({
        title: "<h2>\xA1Validaci\xF3n!</h2>",
        html: "El campo 'Tel\xE9fono' debe contener 10 d\xEDgitos",
        icon: "warning",
        confirmButtonText: " Cerrar ",
        confirmButtonColor: "#eabb2e"
      });
    else if (direccionIP === "")
      setPagarFlag(!1), setLoading("hidden"), import_sweetalert22.default.fire({
        title: "<h2>\xA1Validaci\xF3n!</h2>",
        html: "El campo 'Direcci\xF3n' est\xE1 vac\xEDo",
        icon: "warning",
        confirmButtonText: " Cerrar ",
        confirmButtonColor: "#eabb2e"
      });
    else if (coloniaIP === "")
      setPagarFlag(!1), setLoading("hidden"), import_sweetalert22.default.fire({
        title: "<h2>\xA1Validaci\xF3n!</h2>",
        html: "El campo 'Colonia' est\xE1 vac\xEDo",
        icon: "warning",
        confirmButtonText: " Cerrar ",
        confirmButtonColor: "#eabb2e"
      });
    else if (ciudadIP === "")
      setPagarFlag(!1), setLoading("hidden"), import_sweetalert22.default.fire({
        title: "<h2>\xA1Validaci\xF3n!</h2>",
        html: "El campo 'Ciudad' est\xE1 vac\xEDo",
        icon: "warning",
        confirmButtonText: " Cerrar ",
        confirmButtonColor: "#eabb2e"
      });
    else if (estadoIP === "")
      setPagarFlag(!1), setLoading("hidden"), import_sweetalert22.default.fire({
        title: "<h2>\xA1Validaci\xF3n!</h2>",
        html: "El campo 'Estado' est\xE1 vac\xEDo",
        icon: "warning",
        confirmButtonText: " Cerrar ",
        confirmButtonColor: "#eabb2e"
      });
    else if (cpEntrega === "")
      setLoading("hidden"), setPagarFlag(!1), import_sweetalert22.default.fire({
        title: "<h2>\xA1Validaci\xF3n!</h2>",
        html: "El campo 'C\xF3digo postal' est\xE1 vac\xEDo",
        icon: "warning",
        confirmButtonText: " Cerrar ",
        confirmButtonColor: "#eabb2e"
      });
    else if (nombreTarjeta === "")
      setPagarFlag(!1), setLoading("hidden"), import_sweetalert22.default.fire({
        title: "<h2>\xA1Validaci\xF3n!</h2>",
        html: "El campo 'Nombre en tarjeta' est\xE1 vac\xEDo",
        icon: "warning",
        confirmButtonText: " Cerrar ",
        confirmButtonColor: "#eabb2e"
      });
    else if (tarjeta === "")
      setPagarFlag(!1), setLoading("hidden"), import_sweetalert22.default.fire({
        title: "<h2>\xA1Validaci\xF3n!</h2>",
        html: "El campo 'Tarjeta' est\xE1 vac\xEDo",
        icon: "warning",
        confirmButtonText: " Cerrar ",
        confirmButtonColor: "#eabb2e"
      });
    else if (vencimiento === "")
      setPagarFlag(!1), setLoading("hidden"), import_sweetalert22.default.fire({
        title: "<h2>\xA1Validaci\xF3n!</h2>",
        html: "El campo 'Vencimiento' est\xE1 vac\xEDo",
        icon: "warning",
        confirmButtonText: " Cerrar ",
        confirmButtonColor: "#eabb2e"
      });
    else if (cvv === "")
      setPagarFlag(!1), setLoading("hidden"), import_sweetalert22.default.fire({
        title: "<h2>\xA1Validaci\xF3n!</h2>",
        html: "El campo 'CVV' est\xE1 vac\xEDo",
        icon: "warning",
        confirmButtonText: " Cerrar ",
        confirmButtonColor: "#eabb2e"
      });
    else {
      import_sweetalert22.default.fire({
        title: "Procesando el pago!",
        html: "Espere mientras se realiza el cobro <b></b>.",
        timer: 6e4,
        timerProgressBar: !0,
        didOpen: () => {
          import_sweetalert22.default.showLoading();
          let b = import_sweetalert22.default.getHtmlContainer().querySelector("b"), timerInterval = setInterval(() => {
            b.textContent = import_sweetalert22.default.getTimerLeft() / 1e3;
          }, 100);
        },
        willClose: () => {
        }
      }).then((result) => {
        result.dismiss, import_sweetalert22.default.DismissReason.timer;
      }), Conekta.setPublicKey("key_TegL7zC0FxDC3laJwxUKmNy");
      let expire = vencimiento.split("/"), card_info = {
        card: {
          name: nombreTarjeta,
          number: tarjeta,
          exp_month: expire[0],
          exp_year: expire[1],
          cvc: cvv
        }
      };
      Conekta.Token.create(
        card_info,
        function(response) {
          let token = response.id, options = {
            method: "POST",
            headers: {
              accept: "application/vnd.conekta-v2.1.0+json",
              "content-type": "application/json"
            },
            body: JSON.stringify({
              payData: {
                token,
                nombreIP,
                apellidoIP,
                correoIP,
                telefonoIP,
                direccionIP,
                coloniaIP,
                ciudadIP,
                estadoIP,
                cpIP: cpEntrega,
                tarjeta,
                nombreTarjeta,
                subtotal: total,
                entrega: costoEntrega,
                promociones,
                total: total - promociones,
                carrito,
                carritoMedida
              }
            })
          };
          (async () => {
            await fetch(baseUrlApi + "/conekta/simple-pay", options).then((response2) => response2.json()).then((response2) => {
              response2.error ? (import_sweetalert22.default.fire({
                title: "<h2>\xA1Validaci\xF3n!</h2>",
                html: response2.message,
                icon: "warning",
                confirmButtonText: "Cerrar",
                confirmButtonColor: "#eabb2e"
              }), setPagarFlag(!1), setLoading("hidden")) : (window.location.href = "compra-finalizada", setPagarFlag(!1), setLoading("hidden"));
            }).catch((err) => console.error("errorConekta: ", err));
          })(), setPagarFlag(!1), setLoading("hidden");
        },
        function(response) {
          response.object === "error" && (import_sweetalert22.default.close(), setPagarFlag(!1), setLoading("hidden"), import_sweetalert22.default.fire({
            title: "<h2>\xA1Validaci\xF3n!</h2>",
            html: "Los datos de la tarjeta son incorrectos",
            icon: "warning",
            confirmButtonText: " Cerrar ",
            confirmButtonColor: "#eabb2e"
          }));
        }
      );
    }
  }, handleVencimiento = (e) => {
    e.length < 6 && (e.length === 2 ? setVencimiento(e + "/") : setVencimiento(e));
  };
  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_remix_utils3.ClientOnly, { fallback: "Cargando...", children: () => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "bg-eLightGray", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("section", { className: "lg:flex", children: [
    /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "lg:w-8/12 lg:pl-28 lg:pr-10 px-10 py-20  bg-white", children: [
      /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex flex-col lg:flex-row justify-between items-center gap-2", children: [
        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", { className: "text-eBlack font-MontserratBold text-2xl text-center lg:text-start", children: "1. Informaci\xF3n personal" }),
        /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex justify-center items-center gap-2", children: [
          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("img", { src: back_icon_default, alt: "Regresar a productos" }),
          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react54.Link, { className: "text-eBlue", to: "/carrito", children: "Volver al carrito" })
        ] })
      ] }),
      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("hr", { className: "my-10" }),
      /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "lg:flex gap-5 my-5 lg:w-8/12", children: [
        /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "lg:w-6/12", children: [
          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("label", { className: "mb-5", htmlFor: "nombre", children: "Nombre:" }),
          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
            "input",
            {
              type: "text",
              value: nombreIP,
              onChange: (e) => setNombreIP(e.target.value),
              className: "w-full border-2 bg-eLightGray border-eLightGray focus:border-eYellow focus:ring-0 rounded-md px-5",
              placeholder: "Escribe tu nombre"
            }
          )
        ] }),
        /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "lg:w-6/12", children: [
          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("label", { className: "mb-5 mt-2", htmlFor: "apellido", children: "Apellido:" }),
          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
            "input",
            {
              type: "text",
              value: apellidoIP,
              onChange: (e) => setApellidoIP(e.target.value),
              className: "w-full border-2 bg-eLightGray border-eLightGray focus:border-eYellow focus:ring-0 rounded-md px-5",
              placeholder: "Escribe tu apellido"
            }
          )
        ] })
      ] }),
      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "lg:flex gap-5 my-5 lg:w-8/12", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "w-full", children: [
        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("label", { className: "mb-5", htmlFor: "correo", children: "Correo electr\xF3nico" }),
        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
          "input",
          {
            type: "text",
            value: correoIP,
            onChange: (e) => setCorreoIP(e.target.value),
            className: "w-full border-2 bg-eLightGray border-eLightGray focus:border-eYellow focus:ring-0 rounded-md px-5",
            placeholder: "correo@ejemplo.com"
          }
        )
      ] }) }),
      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "lg:flex gap-5 my-5 lg:w-8/12", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "w-full", children: [
        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("label", { className: "mb-5", htmlFor: "telefono", children: "Tel\xE9fono:" }),
        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
          "input",
          {
            type: "text",
            value: telefonoIP,
            onChange: (e) => setTelefonoIP(e.target.value),
            className: "w-full border-2 bg-eLightGray border-eLightGray focus:border-eYellow focus:ring-0 rounded-md px-5",
            placeholder: "+52 00 0000 0000"
          }
        )
      ] }) }),
      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "lg:flex gap-5 mt-10 mb-5 lg:w-8/12", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "w-full", children: [
        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("label", { className: "mb-5", htmlFor: "direccion", children: "Direcci\xF3n:" }),
        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
          "input",
          {
            type: "text",
            value: direccionIP,
            onChange: (e) => setDireccionIP(e.target.value),
            className: "w-full border-2 bg-eLightGray border-eLightGray focus:border-eYellow focus:ring-0 rounded-md px-5",
            placeholder: "Calle y n\xFAmero"
          }
        )
      ] }) }),
      /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "lg:flex gap-5 my-5 lg:w-8/12", children: [
        /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "lg:w-6/12", children: [
          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("label", { className: "mb-5 mt-2", htmlFor: "estado", children: "Estado:" }),
          /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("select", { type: "text", value: estadoIP, onChange: (e) => setEstadoIP(e.target.value), className: "w-full border-2 bg-eLightGray border-eLightGray focus:border-eYellow focus:ring-0 rounded-md px-5", children: [
            /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("option", { value: "", children: "Selecciona" }),
            estados == null ? void 0 : estados.map((est) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("option", { value: est.vc_estado, children: est.vc_estado }, generarId()))
          ] })
        ] }),
        /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "lg:w-6/12", children: [
          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("label", { className: "mb-5 mt-2", htmlFor: "ciudad", children: "Ciudad:" }),
          /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("select", { type: "text", value: ciudadIP, onChange: (e) => setCiudadIP(e.target.value), className: "w-full border-2 bg-eLightGray border-eLightGray focus:border-eYellow focus:ring-0 rounded-md px-5", children: [
            /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("option", { value: "", children: "Selecciona" }),
            listaCiudades == null ? void 0 : listaCiudades.map((item) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("option", { value: item.vc_municipio, children: item.vc_municipio }, generarId()))
          ] })
        ] })
      ] }),
      /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "lg:flex gap-5 my-5 lg:w-8/12", children: [
        /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "lg:w-6/12", children: [
          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("label", { className: "mb-5", htmlFor: "colonia", children: "Colonia:" }),
          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
            "input",
            {
              type: "text",
              value: coloniaIP,
              onChange: (e) => setColoniaIP(e.target.value),
              className: "w-full border-2 bg-eLightGray border-eLightGray focus:border-eYellow focus:ring-0 rounded-md px-5",
              placeholder: "Escribe tu colonia"
            }
          )
        ] }),
        /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "lg:w-6/12", children: [
          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("label", { className: "mb-5", htmlFor: "cp", children: "C\xF3digo Postal:" }),
          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
            "input",
            {
              type: "text",
              value: cpEntrega,
              onChange: (e) => setCpEntrega(e.target.value),
              className: "w-full border-2 bg-eLightGray border-eLightGray focus:border-eYellow focus:ring-0 rounded-md px-5",
              placeholder: "00000"
            }
          )
        ] })
      ] }),
      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "flex lg:w-8/12 gap-5 justify-end  items-center", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
        "button",
        {
          type: "button",
          onClick: handleCalcular,
          disabled: pagarFlag,
          className: "flex border-0 bg-eYellow text-xl text-eBlack py-2 px-5 rounded-md",
          children: [
            "Calcular env\xEDo",
            /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("span", { className: `${loading} relative flex h-3 w-3`, children: [
              /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "animate-ping absolute inline-flex h-full w-full rounded-full bg-white opacity-75" }),
              /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "relative inline-flex rounded-full h-3 w-3 bg-white" })
            ] })
          ]
        }
      ) }),
      /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: metodo, children: [
        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "flex justify-between items-center mt-10", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", { className: "text-eBlack font-MontserratBold text-2xl", children: "2. M\xE9todo de pago" }) }),
        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("hr", { className: "my-10" }),
        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "lg:w-8/12" }),
        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { id: "pagoTarjeta", className: `${showTarjeta}`, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("form", { onSubmit: handleToken, children: [
          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "lg:flex gap-5 mt-10 mb-5 lg:w-8/12", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "w-full", children: [
            /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("label", { className: "mb-5", htmlFor: "nTarjeta", children: "Nombre en tarjeta:" }),
            /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
              "input",
              {
                id: "nombreTarjeta",
                type: "text",
                value: nombreTarjeta,
                onChange: (e) => setNombreTarjeta(e.target.value),
                className: "w-full border-2 bg-eLightGray border-eLightGray focus:border-eYellow focus:ring-0 rounded-md px-5",
                placeholder: "Escribe aqu\xED el nombre en la tarjeta"
              }
            )
          ] }) }),
          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "lg:flex gap-5 mt-5 mb-5 lg:w-8/12", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "w-full", children: [
            /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("label", { className: "mb-5", htmlFor: "tarjeta", children: "N\xFAmero de tarjeta:" }),
            /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
              "input",
              {
                id: "tarjeta",
                type: "text",
                value: tarjeta,
                onChange: (e) => setTarjeta(e.target.value),
                className: "w-full border-2 bg-eLightGray border-eLightGray focus:border-eYellow focus:ring-0 rounded-md px-5",
                placeholder: "Escribe aqu\xED el n\xFAmero de tarjeta"
              }
            )
          ] }) }),
          /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "lg:flex gap-3 my-5 lg:w-8/12", children: [
            /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "lg:w-6/12", children: [
              /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("label", { className: "mb-5", htmlFor: "vencimiento", children: "Vencimiento:" }),
              /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
                "input",
                {
                  type: "text",
                  value: vencimiento,
                  onChange: (e) => handleVencimiento(e.target.value),
                  className: "w-full border-2 bg-eLightGray border-eLightGray focus:border-eYellow focus:ring-0 rounded-md px-5",
                  placeholder: "MM / AA"
                }
              )
            ] }),
            /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "lg:w-6/12", children: [
              /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("label", { className: "mb-5 mt-5", htmlFor: "cvv", children: "C\xF3digo de seguridad:" }),
              /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
                "input",
                {
                  type: "password",
                  value: cvv,
                  onChange: (e) => setCVV(e.target.value),
                  className: "w-full border-2 bg-eLightGray border-eLightGray focus:border-eYellow focus:ring-0 rounded-md px-5",
                  placeholder: "cvv"
                }
              )
            ] })
          ] }),
          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "lg:flex lg:justify-end justify-center items-center mt-10 lg:w-8/12", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
            "button",
            {
              type: "submit",
              disabled: pagarFlag,
              className: "flex border-0 bg-eYellow text-xl text-eBlack py-3 px-6 rounded-md",
              children: [
                "Proceder al pago",
                /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("span", { className: `${loading} relative flex h-3 w-3`, children: [
                  /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "animate-ping absolute inline-flex h-full w-full rounded-full bg-white opacity-75" }),
                  /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "relative inline-flex rounded-full h-3 w-3 bg-white" })
                ] })
              ]
            }
          ) })
        ] }) }),
        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { id: "pagoPaypal", className: `${showPaypal}`, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("img", { src: paypal_default, alt: "Pago con Paypal" }) }),
        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { id: "pagoMercadoPago", className: `${showMercadoPago}`, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("img", { src: mercadopago_default, alt: "Pago con MercadoPago" }) })
      ] })
    ] }),
    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "lg:w-4/12 bg-eLightGray py-20 px-10", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "sticky top-0", children: [
      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", { className: "text-2xl font-MontserratSemiBold text-eGray", children: "Producto(s):" }),
      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("hr", { className: "my-10" }),
      (carrito == null ? void 0 : carrito.length) !== 0 ? carrito == null ? void 0 : carrito.map((producto) => /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { children: [
        /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "lg:flex justify-between items-center my-10", children: [
          /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("p", { className: "font-MontserratLight", children: [
            "x",
            producto.cantidad,
            ":"
          ] }),
          /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("p", { className: "font-MontserratSemiBold text-eGray", children: [
            producto.puerta,
            " ",
            producto.modelo
          ] })
        ] }),
        typeof producto.smart.id > "u" ? "" : /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "lg:flex justify-between items-center my-10", children: [
          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", { className: "font-MontserratLight", children: "x1:" }),
          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", { className: "font-MontserratSemiBold text-eGray", children: producto.smart.vc_producto })
        ] })
      ] }, producto.id)) : (carritoMedida == null ? void 0 : carritoMedida.length) !== 0 ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "lg:flex justify-between items-center my-10", children: [
        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", { className: "font-MontserratLight", children: "x1:" }),
        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", { className: "font-MontserratSemiBold text-eGray", children: "Puerta a la medida" })
      ] }) }) : "No hay elementos",
      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", { className: "text-2xl font-MontserratSemiBold text-eGray", children: "Resumen:" }),
      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("hr", { className: "my-10" }),
      /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "lg:flex justify-between items-center my-10", children: [
        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", { className: "font-MontserratLight", children: "Subtotal:" }),
        /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("p", { className: "font-MontserratSemiBold text-eGray", children: [
          "$",
          numberWithCommas(total)
        ] })
      ] }),
      /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "lg:flex justify-between items-center my-10", children: [
        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", { className: "font-MontserratLight", children: "Entrega:" }),
        /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("p", { className: "font-MontserratSemiBold text-eGray", children: [
          "$",
          costoEntrega
        ] })
      ] }),
      /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "lg:flex justify-between items-center my-10", children: [
        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", { className: "font-MontserratLight", children: "Promociones:" }),
        /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("p", { className: "font-MontserratSemiBold text-eGray", children: [
          "$-",
          numberWithCommas(promociones)
        ] })
      ] }),
      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("hr", { className: "my-10" }),
      /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "lg:flex justify-between items-center", children: [
        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", { className: "font-MontserratLight text-eGray uppercase", children: "total:" }),
        /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex justify-center items-center gap-2", children: [
          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "text-sm font-MontserratLight", children: "MXN" }),
          /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("p", { className: "font-MontserratSemiBold text-eGray", children: [
            "$",
            numberWithCommas((+total + +costoEntrega - +promociones).toFixed(2))
          ] })
        ] })
      ] })
    ] }) })
  ] }) }) });
}, checkout_default = Checkout;

// app/routes/contacto.jsx
var contacto_exports = {};
__export(contacto_exports, {
  default: () => contacto_default2,
  loader: () => loader11
});
var import_react56 = require("@remix-run/react");

// public/assets/img/contact-icon01.webp
var contact_icon01_default = "/build/_assets/contact-icon01-HQQCR7WB.webp";

// public/assets/img/contact-icon02.webp
var contact_icon02_default = "/build/_assets/contact-icon02-VKFRMFQX.webp";

// app/components/contacto.jsx
var import_react_google_recaptcha = __toESM(require("react-google-recaptcha")), import_flowbite_react12 = require("flowbite-react"), import_react55 = require("react"), import_sweetalert23 = __toESM(require("sweetalert2"));
var import_jsx_runtime33 = require("react/jsx-runtime"), Contacto = ({ baseUrlApi }) => {
  let [nombre, setNombre] = (0, import_react55.useState)(""), [correo, setCorreo] = (0, import_react55.useState)(""), [telefono, setTelefono] = (0, import_react55.useState)(""), [ciudad, setCiudad] = (0, import_react55.useState)(""), [mensaje, setMensaje] = (0, import_react55.useState)(""), [captcha, setCaptcha] = (0, import_react55.useState)(""), [enabled, setEnabled] = (0, import_react55.useState)(!1), [loading, setLoading] = (0, import_react55.useState)("hidden"), handleSubmit = async (e) => {
    if (e.preventDefault(), setEnabled(!0), setLoading(""), nombre === "")
      setEnabled(!1), setLoading("hidden"), import_sweetalert23.default.fire({
        title: "<h2>\xA1Validaci\xF3n!</h2>",
        html: "El campo 'Nombre' est\xE1 vac\xEDo",
        icon: "warning",
        confirmButtonText: " Cerrar ",
        confirmButtonColor: "#eabb2e"
      });
    else if (correo === "")
      setEnabled(!1), setLoading("hidden"), import_sweetalert23.default.fire({
        title: "<h2>\xA1Validaci\xF3n!</h2>",
        html: "El campo 'Correo electr\xF3nico' est\xE1 vac\xEDo",
        icon: "warning",
        confirmButtonText: " Cerrar ",
        confirmButtonColor: "#eabb2e"
      });
    else if (!validateEmail(correo))
      setEnabled(!1), setLoading("hidden"), import_sweetalert23.default.fire({
        title: "<h2>\xA1Validaci\xF3n!</h2>",
        html: "El campo 'Correo electr\xF3nico' no es v\xE1lido",
        icon: "warning",
        confirmButtonText: " Cerrar ",
        confirmButtonColor: "#eabb2e"
      });
    else if (telefono === "")
      setEnabled(!1), setLoading("hidden"), import_sweetalert23.default.fire({
        title: "<h2>\xA1Validaci\xF3n!</h2>",
        html: "El campo 'Tel\xE9fono' est\xE1 vac\xEDo",
        icon: "warning",
        confirmButtonText: " Cerrar ",
        confirmButtonColor: "#eabb2e"
      });
    else if (telefono.length < 10)
      setEnabled(!1), setLoading("hidden"), import_sweetalert23.default.fire({
        title: "<h2>\xA1Validaci\xF3n!</h2>",
        html: "El campo 'Tel\xE9fono' debe contener 10 d\xEDgitos",
        icon: "warning",
        confirmButtonText: " Cerrar ",
        confirmButtonColor: "#eabb2e"
      });
    else if (ciudad.length === "")
      setEnabled(!1), setLoading("hidden"), import_sweetalert23.default.fire({
        title: "<h2>\xA1Validaci\xF3n!</h2>",
        html: "El campo 'Ciudad' debe contener 10 d\xEDgitos",
        icon: "warning",
        confirmButtonText: " Cerrar ",
        confirmButtonColor: "#eabb2e"
      });
    else if (mensaje.length === 0)
      setEnabled(!1), setLoading("hidden"), import_sweetalert23.default.fire({
        title: "<h2>\xA1Validaci\xF3n!</h2>",
        html: "El campo 'Mensaje' debe contener 10 d\xEDgitos",
        icon: "warning",
        confirmButtonText: " Cerrar ",
        confirmButtonColor: "#eabb2e"
      });
    else if (captcha === "")
      setEnabled(!1), setLoading("hidden"), import_sweetalert23.default.fire({
        title: "<h2>\xA1Validaci\xF3n!</h2>",
        html: "Comprueba que no eres un robot",
        icon: "warning",
        confirmButtonText: " Cerrar ",
        confirmButtonColor: "#eabb2e"
      });
    else {
      let dataPost = {
        nombre,
        correo,
        telefono,
        ciudad,
        mensaje,
        captcha
      }, res = await (await fetch(`${baseUrlApi}/send/contacto`, {
        method: "POST",
        body: JSON.stringify(dataPost),
        headers: { "Content-type": "application/json; charset=UTF-8" }
      })).json();
      res.error ? (setEnabled(!1), setLoading("hidden"), import_sweetalert23.default.fire({
        title: "<h2>\xA1Validaci\xF3n!</h2>",
        html: res.message,
        icon: "warning",
        confirmButtonText: " Cerrar ",
        confirmButtonColor: "#eabb2e"
      })) : (setEnabled(!1), setLoading("hidden"), window.grecaptcha.reset(), import_sweetalert23.default.fire({
        title: "<h2>\xA1Excelente!</h2>",
        html: res.message,
        icon: "success",
        confirmButtonText: " Cerrar ",
        confirmButtonColor: "#eabb2e"
      }), setNombre(""), setCorreo(""), setTelefono(""), setCiudad(""), setMensaje("")), setEnabled(!1), setLoading("hidden");
    }
  };
  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("section", { className: "bg-white py-20", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("form", { onSubmit: (e) => handleSubmit(e), children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "container w-10/12 mx-auto lg:flex", children: [
    /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "lg:w-3/12 flex flex-col justify-center items-start mb-3", children: [
      /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex mb-5", children: [
        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("img", { className: "w-14", src: contact_icon01_default, alt: "Contacto Icono" }),
        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("img", { className: "w-14", src: contact_icon02_default, alt: "Contacto Icono" })
      ] }),
      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "text-2xl text-eBlack font-MontserratSemiBold mb-2", children: "\xBFTienes alguna duda o sugerencia?" }),
      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "text-3xl text-eBlue font-MontserratSemiBold mb-5", children: "CONT\xC1CTANOS" }),
      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "text-lg", children: "Nuestro equipo te dar\xE1 seguimiento a la brevedad." })
    ] }),
    /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "lg:w-6/12 lg:mx-5 mb-3", children: [
      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
        "input",
        {
          value: nombre,
          onChange: (e) => setNombre(e.target.value),
          className: "w-full mb-2 bg-eLightGray border-none rounded-md",
          type: "text",
          placeholder: "* Nombre completo"
        }
      ),
      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
        "input",
        {
          value: correo,
          onChange: (e) => setCorreo(e.target.value),
          className: "w-full my-2 bg-eLightGray border-none rounded-md",
          type: "text",
          placeholder: "* Correo electr\xF3nico"
        }
      ),
      /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "lg:flex", children: [
        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
          "input",
          {
            value: telefono,
            onChange: (e) => setTelefono(e.target.value),
            name: "telefono",
            className: "w-full my-2 lg:mr-2 bg-eLightGray border-none rounded-md",
            type: "text",
            placeholder: "* Tel\xE9fono"
          }
        ),
        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
          "input",
          {
            value: ciudad,
            onChange: (e) => setCiudad(e.target.value),
            name: "ciudad",
            className: "w-full my-2 lg:ml-2 bg-eLightGray border-none rounded-md",
            type: "text",
            placeholder: "* Ciudad"
          }
        )
      ] }),
      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
        "textarea",
        {
          value: mensaje,
          onChange: (e) => setMensaje(e.target.value),
          className: "w-full mt-2 bg-eLightGray border-none rounded-md",
          rows: "5",
          placeholder: "* Deja tu comentario"
        }
      )
    ] }),
    /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "w-3/12 flex flex-col justify-end items-start", children: [
      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
        import_react_google_recaptcha.default,
        {
          className: "mb-3",
          sitekey: "6Lf2qyclAAAAAIrIV8dfnP1iMxLkbOhGoK2dU68a",
          onChange: (c) => {
            setCaptcha(c), setErrorCaptcha(""), setDisabled(!1);
          }
        }
      ),
      /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
        import_flowbite_react12.Button,
        {
          type: "submit",
          disabled: enabled,
          className: "flex text-eBlack font-MontserratMedium !rounded-full bg-eYellow px-10",
          children: [
            "Enviar",
            /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("span", { className: `${loading} relative flex h-3 w-3`, children: [
              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "animate-ping absolute inline-flex h-full w-full rounded-full bg-white opacity-75" }),
              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "relative inline-flex rounded-full h-3 w-3 bg-white" })
            ] })
          ]
        }
      )
    ] })
  ] }) }) });
}, contacto_default = Contacto;

// public/assets/img/sucursal01.webp
var sucursal01_default = "/build/_assets/sucursal01-J6TARRRE.webp";

// public/assets/img/sucursal02.webp
var sucursal02_default = "/build/_assets/sucursal02-PDLKTQ54.webp";

// public/assets/img/sucursal03.webp
var sucursal03_default = "/build/_assets/sucursal03-NP4FEBS3.webp";

// public/assets/img/sucursal04.webp
var sucursal04_default = "/build/_assets/sucursal04-L6R6KTF4.webp";

// app/routes/contacto.jsx
var import_jsx_runtime34 = require("react/jsx-runtime");
async function loader11() {
  return loaderData = {
    baseUrlApi: process.env.API_URL
  }, loaderData;
}
var ContactoInt = () => {
  let loadedData2 = (0, import_react56.useLoaderData)(), { baseUrlApi } = loadedData2;
  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_jsx_runtime34.Fragment, { children: [
    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_react56.Link, { to: "/productos", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("img", { src: cintillo_img_default, alt: "\xBFQuienes somos?" }) }) }),
    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
      contacto_default,
      {
        baseUrlApi
      }
    ),
    /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("section", { id: "sucursales", className: "bg-eLightGray py-20", children: [
      /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("h2", { className: "p-2 text-center uppercase text-eBlue font-MontserratBold text-2xl lg:text-3xl", children: [
        "estamos m\xE1s cerca de ti,",
        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("br", {}),
        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "text-eGray", children: "conoce nuestras sucursales." })
      ] }),
      /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "lg:flex w-10/12 mx-auto mt-10 lg:mt-10", children: [
        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "lg:w-1/4 my-5", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "bg-white mx-2 px-3 py-8 rounded-sm", children: [
          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("h3", { className: "text-center text-eBlue font-MontserratSemiBold uppercase mb-5", children: "Sucursal Valle" }),
          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("img", { src: sucursal01_default, alt: "Sucursal", className: "mb-5" }),
          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "text-center font-MontserratRegular text-xs mb-5", children: "Av. Jose Casconcelos 300-C, Del Valle, 66240 San Pedro Garza Garc\xEDa, N.L." }),
          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "flex justify-center items-center", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_react56.Link, { to: "https://goo.gl/maps/hxxj4CAACUmknRza7", target: "_blank", className: "bg-eYellow text-eGray rounded-full px-10 py-2", children: " Ver en mapa " }) })
        ] }) }),
        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "lg:w-1/4 my-5", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "bg-white mx-2 px-3 py-8 rounded-sm", children: [
          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("h3", { className: "text-center text-eBlue font-MontserratSemiBold uppercase mb-5", children: "Sucursal Cumbres" }),
          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("img", { src: sucursal02_default, alt: "Sucursal", className: "mb-5" }),
          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "text-center font-MontserratRegular text-xs mb-5", children: "Av. Paseo de los Leones 2282, Cumbres 2o. Sector Secc. C, 64610, Monterrey, N.L." }),
          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "flex justify-center items-center", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_react56.Link, { to: "https://goo.gl/maps/ZuLqtLm2juuvNyua6", target: "_blank", className: "bg-eYellow text-eGray rounded-full px-10 py-2", children: " Ver en mapa " }) })
        ] }) }),
        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "lg:w-1/4 my-5", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "bg-white mx-2 px-3 py-8 rounded-sm", children: [
          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("h3", { className: "text-center text-eBlue font-MontserratSemiBold uppercase mb-5", children: "Sucursal Carretera" }),
          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("img", { src: sucursal03_default, alt: "Sucursal", className: "mb-5" }),
          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "text-center font-MontserratRegular text-xs mb-5", children: "Carretera Monterrey-Santiago 5726, Mederos, 64950, Monterrey, N.L." }),
          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "flex justify-center items-center", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_react56.Link, { to: "https://goo.gl/maps/cH3cz4gvgMg9n4Ys6", target: "_blank", className: "bg-eYellow text-eGray rounded-full px-10 py-2", children: " Ver en mapa " }) })
        ] }) }),
        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "lg:w-1/4 my-5", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "bg-white mx-2 px-3 py-8 rounded-sm", children: [
          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("h3", { className: "text-center text-eBlue font-MontserratSemiBold uppercase mb-5", children: "Sucursal Contry" }),
          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("img", { src: sucursal04_default, alt: "Sucursal", className: "mb-5" }),
          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "text-center font-MontserratRegular text-xs mb-5", children: "Manuel Acu\xF1a 2347, Contry La Silla 8o. Sector, 67173, N.L." }),
          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "flex justify-center items-center", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_react56.Link, { to: "https://goo.gl/maps/aJoERStBhqh6JaN7A", target: "_blank", className: "bg-eYellow text-eGray rounded-full px-10 py-2", children: " Ver en mapa " }) })
        ] }) })
      ] })
    ] })
  ] });
}, contacto_default2 = ContactoInt;

// app/routes/carrito.jsx
var carrito_exports = {};
__export(carrito_exports, {
  default: () => carrito_default,
  loader: () => loader12
});
var import_react58 = require("@remix-run/react"), import_remix_utils4 = require("remix-utils");

// public/assets/img/popup-icono1.webp
var popup_icono1_default = "/build/_assets/popup-icono1-ZDIZTAWE.webp";

// app/components/modal/mejores-productos.jsx
var import_jsx_runtime35 = require("react/jsx-runtime"), MejoresProductos = () => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_jsx_runtime35.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { "data-te-modal-init": !0, className: "fixed left-0 top-0 z-[1055] hidden h-full w-full overflow-y-auto overflow-x-hidden outline-none", id: "mejores", tabIndex: "-1", "aria-labelledby": "exampleModalCenterTitle", "aria-modal": "true", role: "dialog", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { "data-te-modal-dialog-ref": !0, className: "pointer-events-none relative w-auto translate-y-[-50px] opacity-0 transition-all duration-300 ease-in-out min-[576px]:mx-auto min-[576px]:mt-7 min-[576px]:max-w-[500px] min-[992px]:max-w-[800px]", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "pointer-events-auto relative flex w-full flex-col rounded-md border-none bg-white bg-clip-padding text-current shadow-lg outline-none dark:bg-neutral-600 p-10", children: [
  /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "relative p-4 flex flex-col justify-center items-center", children: [
    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("img", { src: popup_icono1_default, alt: "Contamos con los mejores productos", width: 120, height: 120 }),
    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "text-eGray text-center font-MontserratBold text-3xl my-8", children: "Contamos con los mejores productos" }),
    /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("p", { className: "text-eGray text-center font-MontserratRegular", children: [
      "En Eversafe contamos con productos de calidad, brind\xE1ndoles la mejor de las opciones y dise\xF1os vanguardistas para tu hogar, departamento o negocio.",
      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("br", {}),
      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("br", {}),
      "Contamos con Puertas de Seguridad, Acorazadas, Contra Balas y a Medida completamente customizables, as\xED como la mejor tecnolog\xEDa Smart Home en Cerraduras Digitales, Alarmas y C\xE1maras."
    ] })
  ] }),
  /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "flex flex-shrink-0 flex-wrap items-center justify-center rounded-b-md border-neutral-100 border-opacity-100 p-4 dark:border-opacity-50", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("button", { type: "button", className: "bg-eYellow rounded-full py-2 px-8", "data-te-modal-dismiss": !0, "data-te-ripple-init": !0, "data-te-ripple-color": "light", children: " Volver " }) })
] }) }) }) }), mejores_productos_default = MejoresProductos;

// public/assets/img/popup-icono2.webp
var popup_icono2_default = "/build/_assets/popup-icono2-Z5VTPZN2.webp";

// app/components/modal/garantia.jsx
var import_jsx_runtime36 = require("react/jsx-runtime"), Garantia = () => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_jsx_runtime36.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { "data-te-modal-init": !0, className: "fixed left-0 top-0 z-[1055] hidden h-full w-full overflow-y-auto overflow-x-hidden outline-none", id: "garantia", tabIndex: "-1", "aria-labelledby": "exampleModalCenterTitle", "aria-modal": "true", role: "dialog", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { "data-te-modal-dialog-ref": !0, className: "pointer-events-none relative w-auto translate-y-[-50px] opacity-0 transition-all duration-300 ease-in-out min-[576px]:mx-auto min-[576px]:mt-7 min-[576px]:max-w-[500px] min-[992px]:max-w-[800px]", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "pointer-events-auto relative flex w-full flex-col rounded-md border-none bg-white bg-clip-padding text-current shadow-lg outline-none dark:bg-neutral-600 p-10", children: [
  /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "relative p-4 flex flex-col justify-center items-center", children: [
    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("img", { src: popup_icono2_default, alt: "Contamos con los mejores productos", width: 120, height: 120 }),
    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "text-eGray text-center font-MontserratBold text-3xl my-8", children: "Garant\xEDa inclu\xEDda con tu compra" }),
    /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("p", { className: "text-eGray text-center font-MontserratRegular", children: [
      "Todas nuestras puertas cuentan con un a\xF1o de garant\xEDa limitada, para su mejor experiencia con tu producto te recomendamos contratar a personal certificado Eversafe.",
      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("br", {}),
      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("br", {}),
      "Para t\xE9rminos y condiciones ver Pol\xEDticas de Garant\xEDa Eversafe. Eversafe ofrece una garant\xEDa limitada sujeta a t\xE9rminos y condiciones."
    ] })
  ] }),
  /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "flex flex-shrink-0 flex-wrap items-center justify-center rounded-b-md border-neutral-100 border-opacity-100 p-4 dark:border-opacity-50", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("button", { type: "button", className: "bg-eYellow rounded-full py-2 px-8", "data-te-modal-dismiss": !0, "data-te-ripple-init": !0, "data-te-ripple-color": "light", children: " Volver " }) })
] }) }) }) }), garantia_default = Garantia;

// app/components/modal/instalacion.jsx
var import_react57 = require("@remix-run/react");

// public/assets/img/popup-icono3.webp
var popup_icono3_default = "/build/_assets/popup-icono3-NADJJZON.webp";

// app/components/modal/instalacion.jsx
var import_jsx_runtime37 = require("react/jsx-runtime"), Instalacion = () => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_jsx_runtime37.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { "data-te-modal-init": !0, className: "fixed left-0 top-0 z-[1055] hidden h-full w-full overflow-y-auto overflow-x-hidden outline-none", id: "instalacion", tabIndex: "-1", "aria-labelledby": "exampleModalCenterTitle", "aria-modal": "true", role: "dialog", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { "data-te-modal-dialog-ref": !0, className: "pointer-events-none relative w-auto translate-y-[-50px] opacity-0 transition-all duration-300 ease-in-out min-[576px]:mx-auto min-[576px]:mt-7 min-[576px]:max-w-[500px] min-[992px]:max-w-[800px]", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "pointer-events-auto relative flex w-full flex-col rounded-md border-none bg-white bg-clip-padding text-current shadow-lg outline-none dark:bg-neutral-600 p-5", children: [
  /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "relative p-4 flex flex-col justify-center items-center", children: [
    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("img", { src: popup_icono3_default, alt: "Contamos con los mejores productos", width: 120, height: 120 }),
    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("p", { className: "text-eGray text-center font-MontserratBold text-3xl my-8", children: "Instalaci\xF3n y mantenimiento completo" }),
    /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("p", { className: "text-eGray text-center font-MontserratRegular", children: [
      "Contamos con servicios de Instalaci\xF3n Certificada y mantenimiento permanente para todos nuestros productos con personal altamente capacitado.",
      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("br", {}),
      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("br", {}),
      "Pregunta por nuestro servicio de instalaci\xF3n certificada y nuestros planes de mantenimiento preventivo: ",
      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react57.Link, { to: "mailto:atencionalcliente@eversafe.com.mx", children: "atencionalcliente@eversafe.com.mx" }),
      " o ",
      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react57.Link, { to: "tel:+528131394892", children: "81 3139 4892" }),
      "."
    ] })
  ] }),
  /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "flex flex-shrink-0 flex-wrap items-center justify-center rounded-b-md border-neutral-100 border-opacity-100 p-4 dark:border-opacity-50", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("button", { type: "button", className: "bg-eYellow rounded-full py-2 px-8", "data-te-modal-dismiss": !0, "data-te-ripple-init": !0, "data-te-ripple-color": "light", children: " Volver " }) })
] }) }) }) }), instalacion_default = Instalacion;

// public/assets/img/popup-icono4.webp
var popup_icono4_default = "/build/_assets/popup-icono4-X7THE6Z6.webp";

// app/components/modal/pago.jsx
var import_jsx_runtime38 = require("react/jsx-runtime"), Pago = () => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_jsx_runtime38.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { "data-te-modal-init": !0, className: "fixed left-0 top-0 z-[1055] hidden h-full w-full overflow-y-auto overflow-x-hidden outline-none", id: "pago", tabIndex: "-1", "aria-labelledby": "exampleModalCenterTitle", "aria-modal": "true", role: "dialog", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { "data-te-modal-dialog-ref": !0, className: "pointer-events-none relative w-auto translate-y-[-50px] opacity-0 transition-all duration-300 ease-in-out min-[576px]:mx-auto min-[576px]:mt-7 min-[576px]:max-w-[500px] min-[992px]:max-w-[800px]", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "pointer-events-auto relative flex w-full flex-col rounded-md border-none bg-white bg-clip-padding text-current shadow-lg outline-none dark:bg-neutral-600 p-10", children: [
  /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "relative p-4 flex flex-col justify-center items-center", children: [
    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("img", { src: popup_icono4_default, alt: "Contamos con los mejores productos", width: 120, height: 120 }),
    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("p", { className: "text-eGray text-center font-MontserratBold text-3xl my-8", children: "Nuestros m\xE9todos de pago" }),
    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("p", { className: "text-eGray text-center font-MontserratRegular", children: "Aceptamos tarjeta de d\xE9bito y cr\xE9dito Visa y Mastercard para que puedas realizar tu compra desde cualquier lugar de una forma segura y \xE1gil." })
  ] }),
  /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "flex flex-shrink-0 flex-wrap items-center justify-center rounded-b-md border-neutral-100 border-opacity-100 p-4 dark:border-opacity-50", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("button", { type: "button", className: "bg-eYellow rounded-full py-2 px-8", "data-te-modal-dismiss": !0, "data-te-ripple-init": !0, "data-te-ripple-color": "light", children: " Volver " }) })
] }) }) }) }), pago_default = Pago;

// app/components/modal/cobertura.jsx
var import_jsx_runtime39 = require("react/jsx-runtime"), Cobertura = () => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_jsx_runtime39.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { "data-te-modal-init": !0, className: "fixed left-0 top-0 z-[1055] hidden h-full w-full overflow-y-auto overflow-x-hidden outline-none", id: "cobertura", tabIndex: "-1", "aria-labelledby": "exampleModalCenterTitle", "aria-modal": "true", role: "dialog", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { "data-te-modal-dialog-ref": !0, className: "pointer-events-none relative w-auto translate-y-[-50px] opacity-0 transition-all duration-300 ease-in-out min-[576px]:mx-auto min-[576px]:mt-7 min-[576px]:max-w-[500px] min-[992px]:max-w-[800px]", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "pointer-events-auto relative flex w-full flex-col rounded-md border-none bg-white bg-clip-padding text-current shadow-lg outline-none dark:bg-neutral-600 p-10", children: [
  /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "relative p-4 flex flex-col justify-center items-center", children: [
    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { className: "text-eGray text-center font-MontserratBold text-3xl my-8", children: "Amplia cobertura de env\xEDos" }),
    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { className: "text-eGray text-center font-MontserratRegular", children: "Contamos con servicio de env\xEDo a nivel nacional. Trabajamos con los mejores servicios de mensajer\xEDa para garantizar que tus productos lleguen de manera segura y en perfectas condiciones." })
  ] }),
  /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "flex flex-shrink-0 flex-wrap items-center justify-center rounded-b-md border-neutral-100 border-opacity-100 p-4 dark:border-opacity-50", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("button", { type: "button", className: "bg-eYellow rounded-full py-2 px-8", "data-te-modal-dismiss": !0, "data-te-ripple-init": !0, "data-te-ripple-color": "light", children: " Volver " }) })
] }) }) }) }), cobertura_default = Cobertura;

// public/assets/img/go-icon-blue.webp
var go_icon_blue_default = "/build/_assets/go-icon-blue-USFCQSQJ.webp";

// public/assets/img/icon01.webp
var icon01_default = "/build/_assets/icon01-MN2UVYLL.webp";

// public/assets/img/icon02.webp
var icon02_default = "/build/_assets/icon02-JKGAHWUU.webp";

// public/assets/img/icon03.webp
var icon03_default = "/build/_assets/icon03-HB6YSPGW.webp";

// public/assets/img/icon04.webp
var icon04_default = "/build/_assets/icon04-OKDC3F5D.webp";

// public/assets/img/icon05.webp
var icon05_default = "/build/_assets/icon05-TURI7HOV.webp";

// app/components/satisfacciongarantizada.jsx
var import_jsx_runtime40 = require("react/jsx-runtime"), SatisfaccionGarantizada = () => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("section", { className: "bg-eLightGray py-10", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "container w-10/12 mx-auto", children: [
  /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex flex-col lg:flex-row justify-center items-center mb-10", children: [
    /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("p", { className: "text-3xl font-MontserratBold text-center lg:text-start mr-5", children: [
      "Servicio con ",
      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "text-eBlue", children: "satisfacci\xF3n garantizada" })
    ] }),
    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("img", { src: logo_benef_default, alt: "Eversafe Logo", className: "w-52" })
  ] }),
  /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(mejores_productos_default, {}),
  /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(garantia_default, {}),
  /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(instalacion_default, {}),
  /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(pago_default, {}),
  /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(cobertura_default, {}),
  /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "grid grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-5", children: [
    /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex flex-col justify-between items-center lg:p-10 lg:h-96", children: [
      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("img", { src: icon01_default, alt: "Contamos con los mejores productos" }),
      /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("p", { className: "text-center text-md", children: [
        "Contamos ",
        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("br", {}),
        " con los mejores productos"
      ] }),
      /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("button", { className: "flex justify-end items-center", "data-te-toggle": "modal", "data-te-target": "#mejores", "data-te-ripple-init": !0, children: [
        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "text-eBlue text-sm mr-2", children: "Conoce m\xE1s" }),
        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("img", { src: go_icon_blue_default, alt: "Conoce m\xE1s sobre nuetros productos", className: "h-3 mt-1" })
      ] })
    ] }),
    /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex flex-col justify-between items-center lg:p-10 lg:h-96", children: [
      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("img", { src: icon02_default, alt: "Garant\xEDa incluida con tu compra" }),
      /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("p", { className: "text-center text-md", children: [
        "Garant\xEDa ",
        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("br", {}),
        " incluida con ",
        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("br", {}),
        " tu compra"
      ] }),
      /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("button", { className: "flex justify-end items-center", "data-te-toggle": "modal", "data-te-target": "#garantia", "data-te-ripple-init": !0, children: [
        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "text-eBlue text-sm mr-2", children: "Conoce m\xE1s" }),
        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("img", { src: go_icon_blue_default, alt: "Conoce m\xE1s sobre nuetros productos", className: "h-3 mt-1" })
      ] })
    ] }),
    /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex flex-col justify-between items-center lg:p-10 lg:h-96", children: [
      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("img", { src: icon03_default, alt: "Instalaci\xF3n y mantenimiento completo" }),
      /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("p", { className: "text-center text-md", children: [
        "Instalaci\xF3n y ",
        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("br", {}),
        " mantenimiento ",
        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("br", {}),
        " completo"
      ] }),
      /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("button", { className: "flex justify-end items-center", "data-te-toggle": "modal", "data-te-target": "#instalacion", "data-te-ripple-init": !0, children: [
        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "text-eBlue text-sm mr-2", children: "Conoce m\xE1s" }),
        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("img", { src: go_icon_blue_default, alt: "Conoce m\xE1s sobre nuetros productos", className: "h-3 mt-1" })
      ] })
    ] }),
    /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex flex-col justify-between items-center lg:p-10 lg:h-96", children: [
      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("img", { src: icon04_default, alt: "Aceptamos todos los m\xE9todos de pago" }),
      /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("p", { className: "text-center text-md", children: [
        "Aceptamos ",
        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("br", {}),
        " todos los m\xE9todos ",
        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("br", {}),
        " de pago"
      ] }),
      /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("button", { className: "flex justify-end items-center", "data-te-toggle": "modal", "data-te-target": "#pago", "data-te-ripple-init": !0, children: [
        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "text-eBlue text-sm mr-2", children: "Conoce m\xE1s" }),
        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("img", { src: go_icon_blue_default, alt: "Conoce m\xE1s sobre nuetros productos", className: "h-3 mt-1" })
      ] })
    ] }),
    /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex flex-col justify-between items-center lg:p-10 lg:h-96", children: [
      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("img", { src: icon05_default, alt: "Amplia cobertura de env\xEDos" }),
      /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("p", { className: "text-center text-md", children: [
        "Amplia ",
        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("br", {}),
        " cobertura ",
        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("br", {}),
        " de env\xEDos"
      ] }),
      /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("button", { className: "flex justify-end items-center", "data-te-toggle": "modal", "data-te-target": "#cobertura", "data-te-ripple-init": !0, children: [
        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "text-eBlue text-sm mr-2", children: "Conoce m\xE1s" }),
        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("img", { src: go_icon_blue_default, alt: "Conoce m\xE1s sobre nuetros productos", className: "h-3 mt-1" })
      ] })
    ] })
  ] })
] }) }), satisfacciongarantizada_default = SatisfaccionGarantizada;

// public/assets/img/quitar-icon.webp
var quitar_icon_default = "/build/_assets/quitar-icon-DZHKFUVZ.webp";

// public/assets/img/check-icon2.webp
var check_icon2_default = "/build/_assets/check-icon2-C5DEJOCB.webp";

// app/routes/carrito.jsx
var import_react59 = require("react"), import_jsx_runtime41 = require("react/jsx-runtime");
async function loader12() {
  let [carousel, puertas, productos] = await Promise.all([getPuertasCarousel(), getPuertaUrl(), getProductoUrl()]);
  return loaderData = {
    carousel: carousel.data,
    puertas: puertas.data,
    productos: productos.data,
    baseUrl: process.env.WEB_URL
  }, loaderData;
}
var Carrito = () => {
  let loadedData2 = (0, import_react58.useLoaderData)(), { carousel, baseUrl } = loadedData2, [total, setTotal] = (0, import_react59.useState)(0), [promociones, setPromociones] = (0, import_react59.useState)(0), { carrito, actualizarCantidad, eliminarPuerta, eliminarSmart, carritoMedida, eliminarPuertaMedida, cpEntrega, setCpEntrega } = (0, import_react58.useOutletContext)();
  return (0, import_react59.useEffect)(() => {
    let calculotTotal = carrito == null ? void 0 : carrito.reduce((total2, producto) => total2 + producto.cantidad * Number(producto.precio.replace(",", "")), 0), totalSmart = 0;
    carrito.forEach((item) => {
      typeof item.smart.f_precio < "u" && (totalSmart = totalSmart + Number(item.smart.f_precio.replace(",", "")));
    });
    let totalPromociones = 0;
    carrito.forEach((item) => {
      totalPromociones = item.cantidad * (totalPromociones + Number(item.precio.replace(",", "")) * (item.descuento / 100));
    }), carrito.forEach((item) => {
      typeof item.smart.f_precio < "u" && (totalPromociones = totalPromociones + Number(item.smart.f_precio.replace(",", "")) * (item.smart.i_descuento / 100));
    }), setPromociones(totalPromociones), setTotal((calculotTotal + totalSmart).toFixed(2));
  }, [carrito]), (0, import_react59.useEffect)(() => {
    carritoMedida.length >= 14 && carrito.length === 0 && setTotal(carritoMedida[13].totalPuertaMedida);
  }, [carritoMedida]), /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_remix_utils4.ClientOnly, { fallback: "Cargando...", children: () => /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "bg-eLightGray pb-20", children: [
    /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("section", { className: "lg:flex mb-10", children: [
      /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "lg:w-8/12 pl-10 lg:pl-28 py-20 pr-10 bg-white", children: [
        /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "lg:flex gap-3 justify-center lg:justify-between items-center", children: [
          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("p", { className: "text-eBlack font-MontserratBold text-center lg:text-start text-2xl", children: "Carrito de compras" }),
          /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex justify-center items-center gap-2", children: [
            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("img", { src: back_icon_default, alt: "Regresar a productos" }),
            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_react58.Link, { to: "/productos", className: "text-eBlue font-MontserratRegular", children: "Seguir comprando" })
          ] })
        ] }),
        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("hr", { className: "my-5" }),
        (carrito == null ? void 0 : carrito.length) !== 0 ? carrito == null ? void 0 : carrito.map((producto) => /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "lg:flex py-10 border-b-2", children: [
          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "lg:w-2/12", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("img", { src: baseUrl + producto.imagen, alt: "Puerta Cartegena" }) }),
          /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "lg:w-10/12", children: [
            /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "lg:flex flex-col", children: [
              /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "w-full flex flex-col lg:flex-row gap-3  justify-center items-center lg:justify-between lg:items-start", children: [
                /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("p", { className: "font-MontserratSemiBold text-eGray text-2xl uppercase text-center lg:text-start", children: [
                  producto.puerta,
                  " ",
                  producto.modelo
                ] }),
                /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("p", { className: "font-MontserratSemiBold text-eGray text-xl text-center lg:text-start", children: [
                  "$",
                  producto.precio
                ] }) })
              ] }),
              /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "w-full lg:flex justify-between items-center mt-5", children: [
                /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "lg:pr-20", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "post__content", dangerouslySetInnerHTML: { __html: producto.descripcion } }) }),
                /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex gap-2 justify-center items-center mt-5 lg:mt-0", children: [
                  /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("img", { src: check_icon_green_default, alt: "Disponivle" }),
                  /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("p", { className: "font-MontserratRegular text-eGreen", children: "Disponible" })
                ] })
              ] }),
              /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "lg:flex gap-2 mt-10", children: [
                /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "lg:w-5/12" }),
                /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "lg:w-4/12 mt-5 lg:mt-0", children: [
                  /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("label", { htmlFor: "cobertura", className: "font-MontserratRegular text-sm", children: "Cobertura de env\xEDo:" }),
                  /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_react58.Form, { className: "", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "flex ", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
                    "input",
                    {
                      id: "cobertura",
                      type: "text",
                      value: cpEntrega,
                      onChange: (e) => setCpEntrega(e.target.value),
                      placeholder: "C\xD3DIGO POSTAL",
                      className: "focus:border-eYellow mt-2 focus:ring-0 h-12 border-2 border-eGray rounded-md w-full"
                    }
                  ) }) })
                ] }),
                /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex justify-center items-center lg:justify-end lg:items-end lg:w-3/12 mt-5 lg:mt-0", children: [
                  /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
                    "input",
                    {
                      type: "text",
                      value: producto.cantidad,
                      onChange: (e) => actualizarCantidad({
                        cantidad: +e.target.value,
                        id: producto.id
                      }),
                      className: "w-20 focus:border-eYellow focus:ring-0 text-center border-2 border-eGray rounded-l-md font-MontserratBold h-12"
                    }
                  ),
                  /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex flex-col", children: [
                    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("button", { onClick: () => actualizarCantidad({
                      cantidad: producto.cantidad + 1,
                      id: producto.id
                    }), className: "bg-eBlack text-white text-sm font-MontserratRegular border-0 px-3 py-0.5 rounded-tr-md", type: "button", children: "^" }),
                    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("button", { onClick: (e) => actualizarCantidad({
                      cantidad: producto.cantidad - 1,
                      id: producto.id
                    }), className: "bg-eBlack text-white text-sm font-MontserratRegular border-0 px-3 py-0.5 rounded-tl-md rotate-180", type: "button", children: "^" })
                  ] })
                ] }),
                /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "flex justify-center items-center lg:justify-end lg:items-end lg:w-4/12", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex gap-2 justify-center items-center h-12", children: [
                  /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("img", { src: quitar_icon_default, alt: "Eliminar" }),
                  /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
                    "button",
                    {
                      type: "button",
                      onClick: () => eliminarPuerta(producto.id),
                      className: "underline",
                      children: "Quitar"
                    }
                  )
                ] }) })
              ] })
            ] }),
            typeof producto.smart.id > "u" ? "" : /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "border-2 border-eYellow p-5 mt-10", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "lg:flex", children: [
              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "lg:w-2/12 flex justify-center items-center", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("img", { src: baseUrl + producto.smart.vc_imagen, alt: "Cerradura" }) }),
              /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "lg:w-5/12 flex flex-col justify-center items-center lg:justify-center lg:items-start mt-5 lg:mt-0", children: [
                /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("p", { className: "text-eGray font-MontserratRegular uppercase", children: producto.smart.vc_producto }),
                /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("p", { className: "text-eGray font-MontserratSemiBold", children: [
                  "+ $",
                  producto.smart.f_precio
                ] })
              ] }),
              /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex justify-center items-center gap-2 lg:w-3/12 my-5 lg:my-0", children: [
                /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("img", { src: check_icon2_default, alt: "Agregado" }),
                /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("p", { className: "font-MontserratRegular text-eYellow text-sm uppercase", children: "agregado a tu compra" })
              ] }),
              /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex justify-center items-center gap-2 lg:w-2/12", children: [
                /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("img", { src: quitar_icon_default, alt: "Eliminar" }),
                /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
                  "button",
                  {
                    type: "button",
                    onClick: () => eliminarSmart(producto.id),
                    className: "underline",
                    children: "Quitar"
                  }
                )
              ] })
            ] }) })
          ] })
        ] }, producto.id)) : (carritoMedida == null ? void 0 : carritoMedida.length) >= 14 ? /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { children: [
          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "flex justify-end items-end lg:justify-end lg:items-end w-12/12", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex gap-2 justify-center items-center h-12", children: [
            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("img", { src: quitar_icon_default, alt: "Eliminar" }),
            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
              "button",
              {
                type: "button",
                onClick: () => eliminarPuertaMedida(carritoMedida[0].id),
                className: "underline",
                children: "Quitar"
              }
            )
          ] }) }),
          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "flex border", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "w-full p-5 border-x", children: "Datos generales" }) }),
          /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex border", children: [
            /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "w-6/12 p-5 border-x", children: [
              /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("p", { className: "text-eGray font-MontserratBold", children: [
                "Vano ancho: ",
                /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("span", { className: "text-eGray font-MontserratRegular", children: [
                  carritoMedida[1].vanoAncho,
                  " cms"
                ] })
              ] }),
              /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("p", { className: "text-eGray font-MontserratBold", children: [
                "Vano alto: ",
                /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("span", { className: "text-eGray font-MontserratRegular", children: [
                  carritoMedida[1].vanoAlto,
                  " cms"
                ] })
              ] }),
              /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("p", { className: "text-eGray font-MontserratBold", children: [
                "Puerta ancho: ",
                /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("span", { className: "text-eGray font-MontserratRegular", children: [
                  carritoMedida[1].puertaAncho,
                  " cms"
                ] })
              ] }),
              /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("p", { className: "text-eGray font-MontserratBold", children: [
                "Puerta alto: ",
                /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("span", { className: "text-eGray font-MontserratRegular", children: [
                  carritoMedida[1].puertaAlto,
                  " cms"
                ] })
              ] })
            ] }),
            /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "w-6/12 p-5 border-x", children: [
              /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("p", { className: "text-eGray font-MontserratBold", children: [
                "Tipo de puerta: ",
                /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "text-eGray font-MontserratRegular uppercase", children: carritoMedida[2].opcionPuerta })
              ] }),
              carritoMedida[2].anchofijoabatible !== "" ? /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("p", { className: "text-eGray font-MontserratBold", children: [
                "Medida de fijo: ",
                /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("span", { className: "text-eGray font-MontserratRegular uppercase", children: [
                  carritoMedida[2].anchofijoabatible,
                  " cms"
                ] })
              ] }) : "",
              /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("p", { className: "text-eGray font-MontserratBold", children: [
                "Apertura:",
                /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "text-eGray font-MontserratRegular uppercase", children: carritoMedida[12].apertura === "intDer" ? "interior derecha" : carritoMedida[12].apertura === "intIzq" ? "interior izquierda" : carritoMedida[12].apertura === "extDer" ? "exterior derecha" : carritoMedida[12].apertura === "extIzq" ? "exterior izquierda" : "" })
              ] })
            ] })
          ] }),
          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("br", {}),
          /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex border", children: [
            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "w-6/12 p-5 border-x", children: "Descripci\xF3n" }),
            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "w-3/12 p-5 border-x", children: "Imagen" }),
            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "w-3/12 p-5 border-x", children: "Precio" })
          ] }),
          /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex border", children: [
            " ",
            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "w-6/12 p-5 border-x", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("p", { className: "text-eGray font-MontserratBold", children: [
              "Configuraci\xF3n: ",
              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "text-eGray font-MontserratRegular uppercase", children: carritoMedida[3].configuracionFijo })
            ] }) }),
            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "w-3/12 p-5 border-x", children: carritoMedida[3].configuracionFijo !== "x" ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("img", { src: baseUrl + carritoMedida[3].configuracionFijoImagen, alt: carritoMedida[3].configuracionFijo }) : "" }),
            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "w-3/12 p-5 border-x", children: carritoMedida[3].configuracionFijo !== "x" ? /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("p", { className: "font-MontserratSemiBold text-eGray text-xl text-center lg:text-start", children: [
              "$",
              numberWithCommas(carritoMedida[3].configuracionFijoPrecio)
            ] }) : "" })
          ] }),
          /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex border", children: [
            " ",
            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "w-6/12 p-5 border-x", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("p", { className: "text-eGray font-MontserratBold", children: [
              "Textura exterior: ",
              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "text-eGray font-MontserratRegular uppercase", children: carritoMedida[4].nombreTexturaExterior }),
              " "
            ] }) }),
            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "w-3/12 p-5 border-x", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("img", { src: baseUrl + carritoMedida[4].texturaExteriorImagen, alt: "Textura exterior" }) }),
            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "w-3/12 p-5 border-x", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("p", { className: "font-MontserratSemiBold text-eGray text-xl text-center lg:text-start", children: [
              "$",
              numberWithCommas(carritoMedida[4].texturaExteriorPrecio)
            ] }) })
          ] }),
          /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex border", children: [
            " ",
            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "w-6/12 p-5 border-x", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("p", { className: "text-eGray font-MontserratBold", children: [
              "Textura interior: ",
              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "text-eGray font-MontserratRegular uppercase", children: carritoMedida[5].nombreTexturaInterior }),
              " "
            ] }) }),
            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "w-3/12 p-5 border-x", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("img", { src: baseUrl + carritoMedida[5].textInteriorImagen, alt: "Textura interior" }) }),
            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "w-3/12 p-5 border-x", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("p", { className: "font-MontserratSemiBold text-eGray text-xl text-center lg:text-start", children: [
              "$",
              numberWithCommas(carritoMedida[5].textInteriorPrecio)
            ] }) })
          ] }),
          /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex border", children: [
            " ",
            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "w-6/12 p-5 border-x", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("p", { className: "text-eGray font-MontserratBold", children: [
              "Manija: ",
              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "text-eGray font-MontserratRegular uppercase", children: carritoMedida[11].nombreManija })
            ] }) }),
            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "w-3/12 p-5 border-x", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("img", { src: baseUrl + carritoMedida[11].textManijaImagen, alt: "Manija" }) }),
            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "w-3/12 p-5 border-x", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("p", { className: "font-MontserratSemiBold text-eGray text-xl text-center lg:text-start", children: [
              "$",
              numberWithCommas(carritoMedida[6].textArmazonPrecio)
            ] }) })
          ] }),
          carritoMedida[7].textDiseno !== "" ? /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex border", children: [
            " ",
            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "w-6/12 p-5 border-x", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("p", { className: "text-eGray font-MontserratBold", children: [
              "Dise\xF1o: ",
              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "text-eGray font-MontserratRegular uppercase", children: carritoMedida[7].nombreDiseno })
            ] }) }),
            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "w-3/12 p-5 border-x", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("img", { src: baseUrl + carritoMedida[7].textDisenoImagen, alt: "Manija" }) }),
            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "w-3/12 p-5 border-x", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("p", { className: "font-MontserratSemiBold text-eGray text-xl text-center lg:text-start", children: [
              "$",
              numberWithCommas(carritoMedida[7].textDisenoPrecio)
            ] }) })
          ] }) : "",
          carritoMedida[8].textCristal !== "" ? /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex border", children: [
            " ",
            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "w-6/12 p-5 border-x", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("p", { className: "text-eGray font-MontserratBold", children: [
              "Cristal: ",
              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "text-eGray font-MontserratRegular uppercase", children: carritoMedida[8].nombreCristal })
            ] }) }),
            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "w-3/12 p-5 border-x", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("img", { src: baseUrl + carritoMedida[8].textCristalImagen, alt: "Manija" }) }),
            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "w-3/12 p-5 border-x", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("p", { className: "font-MontserratSemiBold text-eGray text-xl text-center lg:text-start", children: [
              "$",
              numberWithCommas(carritoMedida[8].textCristalPrecio)
            ] }) })
          ] }) : "",
          carritoMedida[9].textCelosia !== "" ? /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex border", children: [
            " ",
            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "w-6/12 p-5 border-x", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("p", { className: "text-eGray font-MontserratBold", children: [
              "Celosia: ",
              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "text-eGray font-MontserratRegular uppercase", children: carritoMedida[9].nombreCelosia })
            ] }) }),
            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "w-3/12 p-5 border-x", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("img", { src: baseUrl + carritoMedida[9].textCelosiaImagen, alt: "Manija" }) }),
            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "w-3/12 p-5 border-x", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("p", { className: "font-MontserratSemiBold text-eGray text-xl text-center lg:text-start", children: [
              "$",
              numberWithCommas(carritoMedida[9].textCelosiaPrecio)
            ] }) })
          ] }) : "",
          carritoMedida[10].textManeral !== "" ? /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex border", children: [
            " ",
            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "w-6/12 p-5 border-x", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("p", { className: "text-eGray font-MontserratBold", children: [
              "Maneral: ",
              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "text-eGray font-MontserratRegular uppercase", children: carritoMedida[10].nombreManeral })
            ] }) }),
            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "w-3/12 p-5 border-x", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("img", { src: baseUrl + carritoMedida[10].textManeralImagen, alt: "Manija" }) }),
            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "w-3/12 p-5 border-x", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("p", { className: "font-MontserratSemiBold text-eGray text-xl text-center lg:text-start", children: [
              "$",
              numberWithCommas(carritoMedida[10].textManeralPrecio)
            ] }) })
          ] }) : "",
          /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "mt-10", children: [
            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("p", { className: "font-MontserratSemiBold text-xs", children: "Notas importantes" }),
            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("p", { className: "font-MontserratLight text-xs", children: " * Las im\xE1genes aqu\xED presentadas en los renders son una representaci\xF3n para referencia del cliente, sin embargo el proyecto final se revisa durante la visita t\xE9cnica, por lo cual pueden presentarse ligeras variaciones." }),
            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("p", { className: "font-MontserratLight text-xs", children: " * Precios en pesos mexicanos, Precios sujetos a IVA del 16%." }),
            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("p", { className: "font-MontserratLight text-xs", children: " * Tiempo de entrega es de 5 a 7 d\xEDas para puertas de l\xEDnea, y en puertas a medida es de 45 d\xEDas." }),
            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("p", { className: "font-MontserratLight text-xs", children: " * Entrega e instalaci\xF3n en domicilio del cliente." }),
            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("p", { className: "font-MontserratLight text-xs", children: " * En el caso de requerir factura favor de solicitarla a su asesor comercial despu\xE9s de su pago." })
          ] })
        ] }) : "No hay elementos"
      ] }),
      /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "lg:w-4/12 bg-eLightGray py-10 lg:py-20 px-10", children: [
        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("p", { className: "text-2xl font-MontserratSemiBold text-eGray", children: "Resumen:" }),
        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("hr", { className: "my-5" }),
        /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex justify-between items-center my-10", children: [
          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("p", { children: "Subtotal:" }),
          /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("p", { className: "font-MontserratSemiBold text-eGray", children: [
            "$",
            numberWithCommas(Number(total).toFixed(2))
          ] })
        ] }),
        /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex justify-between items-center my-10", children: [
          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("p", { children: "Entrega:" }),
          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("p", { className: "font-MontserratSemiBold text-eGray", children: "$000.00" })
        ] }),
        /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex justify-between items-center my-10", children: [
          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("p", { children: "Promociones:" }),
          /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("p", { className: "font-MontserratSemiBold text-eGray", children: [
            "$-",
            numberWithCommas(promociones.toFixed(2))
          ] })
        ] }),
        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("hr", { className: "my-10" }),
        /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex justify-between items-center", children: [
          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("p", { className: "font-MontserratSemiBold text-eGray uppercase", children: "total:" }),
          /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex justify-center items-center gap-2", children: [
            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "text-sm", children: "MXN" }),
            /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("p", { className: "font-MontserratSemiBold text-eGray", children: [
              "$",
              numberWithCommas((total - promociones).toFixed(2))
            ] })
          ] })
        ] }),
        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "flex justify-center items-center mt-12", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_react58.Link, { to: "/checkout", className: "bg-eYellow text-eGray font-MontserratSemiBold px-10 py-3 rounded-md", children: "Ir a caja" }) })
      ] })
    ] }),
    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(satisfacciongarantizada_default, {}),
    /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("section", { className: "containter w-10/12 mx-auto ", children: [
      /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex flex-col lg:flex-row gap-3 lg:justify-between lg:items-center mb-10", children: [
        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("p", { className: "text-2xl text-eBlack font-MontserratRegular", children: "Productos que pueden interesarte" }) }),
        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_react58.Link, { to: "#", className: "text-xl text-eBlack font-MontserratRegular underline uppercase", children: "ver todos" }) })
      ] }),
      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "h-96", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
        carouselmasvendidos_default,
        {
          carousel,
          baseUrl
        }
      ) })
    ] })
  ] }) });
}, carrito_default = Carrito;

// app/routes/puertas.jsx
var puertas_exports = {};
__export(puertas_exports, {
  default: () => puertas_default
});
var import_react60 = require("@remix-run/react"), import_jsx_runtime42 = require("react/jsx-runtime"), Puertas = () => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_jsx_runtime42.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
  import_react60.Outlet,
  {
    context: (0, import_react60.useOutletContext)()
  }
) }), puertas_default = Puertas;

// app/routes/index.jsx
var routes_exports = {};
__export(routes_exports, {
  default: () => routes_default,
  links: () => links5,
  loader: () => loader13
});
var import_react64 = require("@remix-run/react");

// app/models/home.server.js
async function getBannersHome() {
  return await (await fetch(`${process.env.API_URL}/galerias/get-banners-home`)).json();
}
async function getResenas() {
  return await (await fetch(`${process.env.API_URL}/home/get-resenas`)).json();
}

// app/components/carouselpromociones.jsx
var import_flowbite_react13 = require("flowbite-react"), import_react61 = require("@remix-run/react"), import_remix_utils5 = require("remix-utils");
var import_react62 = require("react"), import_jsx_runtime43 = require("react/jsx-runtime"), CarouselPromociones = ({ carousel, baseUrl }) => {
  let CarouselCustomTheme = {
    root: {
      leftControl: "absolute top-0 -left-16 flex h-full items-center justify-center px-4 focus:outline-none",
      rightControl: "absolute top-0 -right-16 flex h-full items-center justify-center px-4 focus:outline-none"
    }
  }, [items, setItems] = (0, import_react62.useState)({});
  return (0, import_react62.useEffect)(() => {
    let promociones = carousel.filter((item) => item.i_descuento > 0);
    setItems(promociones);
  }, []), /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_remix_utils5.ClientOnly, { fallback: "", children: () => /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_jsx_runtime43.Fragment, { children: [
    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
      import_flowbite_react13.Carousel,
      {
        slideInterval: 5e3,
        className: "sm:hidden md:hidden lg:hidden xl:hidden",
        indicators: !1,
        leftControl: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("img", { src: back_btn_default, alt: "Anterior", className: "relative -left-10 lg:-left-14 w-20" }) }),
        rightControl: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("img", { src: next_btn_default, alt: "Siguiente", className: "relative left-10 lg:left-14 w-20" }) }),
        children: (() => {
          let options = [];
          for (let i = 0; i < Math.ceil(items.length / 1); i++)
            options.push(/* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "flex", children: items.map((item, idx) => idx >= 1 * i && idx < 1 * (i + 1) ? /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "w-full bg-white m-1 flex flex-col justify-center items-center px-0 py-5", children: [
              /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "relative", children: [
                /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("img", { src: baseUrl + item.vc_imagen, alt: "Puerta de seguridad", className: "mb-2" }),
                /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "absolute top-5 text-center left-8", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("span", { className: "bg-eRed text-white uppercase font-MontserratRegular text-sm rounded-md py-1 px-2", children: [
                  "menos ",
                  item.i_descuento,
                  "%"
                ] }) })
              ] }),
              /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { className: "text-eBlack text-center mb-2 px-2", children: item.vc_modelo }),
              item.i_descuento === 0 ? /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("p", { className: "w-full text-eBlack text-center font-MontserratSemiBold text-xl mb-2 px-2", children: [
                "$",
                item.f_precio
              ] }) : /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_jsx_runtime43.Fragment, { children: [
                /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("p", { className: "w-full text-eBlack text-center font-MontserratSemiBold text-xs mb-2 px-2 line-through", children: [
                  "$",
                  item.f_precio
                ] }),
                /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("p", { className: "w-full text-eBlack text-center font-MontserratSemiBold text-xl mb-2 px-2", children: [
                  "$",
                  numberWithCommas((item.f_precio.replace(",", "") / (1 + item.i_descuento / 100)).toFixed(2))
                ] })
              ] }),
              /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_react61.Link, { to: "/productos/" + item.vc_url, className: "bg-eRed py-2 px-5 text-white !rounded-full", children: "Ver Promoci\xF3n" }) })
            ] }, idx) : "") }, i));
          return options;
        })()
      }
    ),
    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
      import_flowbite_react13.Carousel,
      {
        slideInterval: 5e3,
        className: "hidden sm:block md:hidden lg:hidden xl:hidden",
        indicators: !1,
        leftControl: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("img", { src: back_btn_default, alt: "Anterior", className: "relative -left-14 w-20" }) }),
        rightControl: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("img", { src: next_btn_default, alt: "Siguiente", className: "relative left-14 w-20" }) }),
        children: (() => {
          let options = [];
          for (let i = 0; i < Math.ceil(items.length / 2); i++)
            options.push(/* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "flex", children: items.map((item, idx) => idx >= 2 * i && idx < 2 * (i + 1) ? /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "w-1/2 bg-white m-1 flex flex-col justify-between items-center px-0 py-5", children: [
              /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "relative", children: [
                /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("img", { src: baseUrl + item.vc_imagen, alt: "Puerta de seguridad", className: "mb-2" }),
                /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "absolute top-5 text-center left-8", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("span", { className: "bg-eRed text-white uppercase font-MontserratRegular text-sm rounded-md py-1 px-2", children: [
                  "menos ",
                  item.i_descuento,
                  "%"
                ] }) })
              ] }),
              /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { className: "text-eBlack text-center mb-2 px-2", children: item.vc_modelo }),
              item.i_descuento === 0 ? /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("p", { className: "w-full text-eBlack text-center font-MontserratSemiBold text-xl mb-2 px-2", children: [
                "$",
                item.f_precio
              ] }) : /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_jsx_runtime43.Fragment, { children: [
                /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("p", { className: "w-full text-eBlack text-center font-MontserratSemiBold text-xs mb-2 px-2 line-through", children: [
                  "$",
                  item.f_precio
                ] }),
                /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("p", { className: "w-full text-eBlack text-center font-MontserratSemiBold text-xl mb-2 px-2", children: [
                  "$",
                  numberWithCommas((item.f_precio.replace(",", "") / (1 + item.i_descuento / 100)).toFixed(2))
                ] })
              ] }),
              /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_react61.Link, { to: "/productos/" + item.vc_url, className: "bg-eRed py-2 px-5 text-white !rounded-full", children: "Ver Promoci\xF3n" }) })
            ] }, idx) : "") }, i));
          return options;
        })()
      }
    ),
    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
      import_flowbite_react13.Carousel,
      {
        slideInterval: 5e3,
        className: "hidden sm:hidden md:block lg:hidden xl:hidden",
        indicators: !1,
        theme: CarouselCustomTheme,
        leftControl: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("img", { src: back_btn_default, alt: "Anterior", className: "relative w-20" }) }),
        rightControl: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("img", { src: next_btn_default, alt: "Siguiente", className: "relative w-20" }) }),
        children: (() => {
          let options = [];
          for (let i = 0; i < Math.ceil(items.length / 3); i++)
            options.push(/* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "flex", children: items.map((item, idx) => idx >= 3 * i && idx < 3 * (i + 1) ? /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "w-1/3 bg-white m-1 flex flex-col justify-between items-center px-0 py-5", children: [
              /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "relative", children: [
                /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("img", { src: baseUrl + item.vc_imagen, alt: "Puerta de seguridad", className: "mb-2" }),
                /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "absolute top-5 text-center left-8", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("span", { className: "bg-eRed text-white uppercase font-MontserratRegular text-sm rounded-md py-1 px-2", children: [
                  "menos ",
                  item.i_descuento,
                  "%"
                ] }) })
              ] }),
              /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { className: "text-eBlack text-center mb-2 px-2", children: item.vc_modelo }),
              item.i_descuento === 0 ? /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("p", { className: "w-full text-eBlack text-center font-MontserratSemiBold text-xl mb-2 px-2", children: [
                "$",
                item.f_precio
              ] }) : /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_jsx_runtime43.Fragment, { children: [
                /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("p", { className: "w-full text-eBlack text-center font-MontserratSemiBold text-xs mb-2 px-2 line-through", children: [
                  "$",
                  item.f_precio
                ] }),
                /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("p", { className: "w-full text-eBlack text-center font-MontserratSemiBold text-xl mb-2 px-2", children: [
                  "$",
                  numberWithCommas((item.f_precio.replace(",", "") / (1 + item.i_descuento / 100)).toFixed(2))
                ] })
              ] }),
              /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_react61.Link, { to: "/productos/" + item.vc_url, className: "bg-eRed py-2 px-5 text-white !rounded-full", children: "Ver Promoci\xF3n" }) })
            ] }, idx) : "") }, i));
          return options;
        })()
      }
    ),
    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
      import_flowbite_react13.Carousel,
      {
        slideInterval: 5e3,
        className: "hidden sm:hidden md:hidden lg:block ",
        indicators: !1,
        theme: CarouselCustomTheme,
        leftControl: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("img", { src: back_btn_default, alt: "Anterior", className: "relative w-20" }) }),
        rightControl: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("img", { src: next_btn_default, alt: "Siguiente", className: "relative w-20" }) }),
        children: (() => {
          let options = [];
          for (let i = 0; i < Math.ceil(items.length / 5); i++)
            options.push(/* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "flex", children: items.map((item, idx) => idx >= 5 * i && idx < 5 * (i + 1) ? /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "w-1/5 bg-white m-1 flex flex-col justify-between items-center px-0 py-5", children: [
              /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "relative", children: [
                /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("img", { src: baseUrl + item.vc_imagen, alt: "Puerta de seguridad", className: "mb-2" }),
                /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "absolute top-5 text-center left-8", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("span", { className: "bg-eRed text-white uppercase font-MontserratRegular text-sm rounded-md py-1 px-2", children: [
                  "menos ",
                  item.i_descuento,
                  "%"
                ] }) })
              ] }),
              /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { className: "text-eBlack text-center mb-2 px-2", children: item.vc_modelo }),
              item.i_descuento === 0 ? /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("p", { className: "w-full text-eBlack text-center font-MontserratSemiBold text-xl mb-2 px-2", children: [
                "$",
                item.f_precio
              ] }) : /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_jsx_runtime43.Fragment, { children: [
                /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("p", { className: "w-full text-eBlack text-center font-MontserratSemiBold text-xs mb-2 px-2 line-through", children: [
                  "$",
                  item.f_precio
                ] }),
                /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("p", { className: "w-full text-eBlack text-center font-MontserratSemiBold text-xl mb-2 px-2", children: [
                  "$",
                  numberWithCommas((item.f_precio.replace(",", "") / (1 + item.i_descuento / 100)).toFixed(2))
                ] })
              ] }),
              /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_react61.Link, { to: "/productos/" + item.vc_url, className: "bg-eRed py-2 px-5 text-white !rounded-full", children: "Ver Promoci\xF3n" }) })
            ] }, idx) : "") }, i));
          return options;
        })()
      }
    )
  ] }) });
}, carouselpromociones_default = CarouselPromociones;

// app/components/carouselresenas.jsx
var import_flowbite_react14 = require("flowbite-react"), import_remix_utils6 = require("remix-utils");
var import_jsx_runtime44 = require("react/jsx-runtime"), CarouselResenas = ({ resenas }) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_remix_utils6.ClientOnly, { fallback: "", children: () => /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_jsx_runtime44.Fragment, { children: [
  /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
    import_flowbite_react14.Carousel,
    {
      slideInterval: 1e4,
      className: "sm:hidden md:hidden lg:hidden xl:hidden",
      indicators: !1,
      leftControl: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("img", { src: back_btn_default, alt: "Anterior", className: "relative -left-10 lg:-left-14 w-20" }) }),
      rightControl: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("img", { src: next_btn_default, alt: "Siguiente", className: "relative left-10 lg:left-14 w-20" }) }),
      children: (() => {
        let options = [];
        for (let i = 0; i < Math.ceil(resenas.length / 1); i++)
          options.push(/* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "flex", children: resenas.map((item, idx) => idx >= 1 * i && idx < 1 * (i + 1) ? /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "w-1/1 flex flex-col justify-between items-between bg-white m-2 p-5 h-[344px]", children: [
            /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { children: [
              /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "flex justify-between items-between", children: [
                /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("p", { className: "text-eGray font-MontserratSemiBold", children: item.vc_cliente }),
                /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_flowbite_react14.Rating, { children: [
                  /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_flowbite_react14.Rating.Star, {}),
                  /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_flowbite_react14.Rating.Star, {}),
                  /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_flowbite_react14.Rating.Star, {}),
                  /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_flowbite_react14.Rating.Star, {}),
                  /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_flowbite_react14.Rating.Star, {})
                ] })
              ] }),
              /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("p", { className: "text-xs text-eGray py-5", children: item.tx_resena })
            ] }),
            /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("p", { className: "text-end text-sm", children: [
              new Date(item.created_at).getDate(),
              "/",
              new Date(item.created_at).getMonth(),
              "/",
              new Date(item.created_at).getFullYear()
            ] })
          ] }, idx) : "") }, i));
        return options;
      })()
    }
  ),
  /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
    import_flowbite_react14.Carousel,
    {
      slideInterval: 1e4,
      className: "hidden sm:block md:hidden lg:hidden xl:hidden",
      indicators: !1,
      leftControl: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("img", { src: back_btn_default, alt: "Anterior", className: "relative -left-14 w-20" }) }),
      rightControl: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("img", { src: next_btn_default, alt: "Siguiente", className: "relative left-14 w-20" }) }),
      children: (() => {
        let options = [];
        for (let i = 0; i < Math.ceil(resenas.length / 2); i++)
          options.push(/* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "flex", children: resenas.map((item, idx) => idx >= 2 * i && idx < 2 * (i + 1) ? /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "w-1/2 flex flex-col justify-between items-between bg-white m-2 p-5 h-[344px]", children: [
            /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { children: [
              /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "flex justify-between items-between", children: [
                /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("p", { className: "text-eGray font-MontserratSemiBold", children: item.vc_cliente }),
                /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_flowbite_react14.Rating, { children: [
                  /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_flowbite_react14.Rating.Star, {}),
                  /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_flowbite_react14.Rating.Star, {}),
                  /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_flowbite_react14.Rating.Star, {}),
                  /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_flowbite_react14.Rating.Star, {}),
                  /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_flowbite_react14.Rating.Star, {})
                ] })
              ] }),
              /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("p", { className: "text-sm text-eGray py-5", children: item.tx_resena })
            ] }),
            /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("p", { className: "text-end text-sm", children: [
              new Date(item.created_at).getDate(),
              "/",
              new Date(item.created_at).getMonth(),
              "/",
              new Date(item.created_at).getFullYear()
            ] })
          ] }, idx) : "") }, i));
        return options;
      })()
    }
  ),
  /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
    import_flowbite_react14.Carousel,
    {
      slideInterval: 1e4,
      className: "hidden sm:hidden md:block lg:hidden xl:hidden",
      indicators: !1,
      leftControl: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("img", { src: back_btn_default, alt: "Anterior", className: "relative -left-14 w-20" }) }),
      rightControl: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("img", { src: next_btn_default, alt: "Siguiente", className: "relative left-14 w-20" }) }),
      children: (() => {
        let options = [];
        for (let i = 0; i < Math.ceil(resenas.length / 3); i++)
          options.push(/* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "flex", children: resenas.map((item, idx) => idx >= 3 * i && idx < 3 * (i + 1) ? /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "w-1/3 flex flex-col justify-between items-between bg-white m-2 p-5 h-[344px]", children: [
            /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { children: [
              /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "flex justify-between items-between", children: [
                /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("p", { className: "text-eGray font-MontserratSemiBold", children: item.vc_cliente }),
                /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_flowbite_react14.Rating, { children: [
                  /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_flowbite_react14.Rating.Star, {}),
                  /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_flowbite_react14.Rating.Star, {}),
                  /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_flowbite_react14.Rating.Star, {}),
                  /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_flowbite_react14.Rating.Star, {}),
                  /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_flowbite_react14.Rating.Star, {})
                ] })
              ] }),
              /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("p", { className: "text-xs text-eGray py-5", children: item.tx_resena })
            ] }),
            /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("p", { className: "text-end text-sm", children: [
              new Date(item.created_at).getDate(),
              "/",
              new Date(item.created_at).getMonth(),
              "/",
              new Date(item.created_at).getFullYear()
            ] })
          ] }, idx) : "") }, i));
        return options;
      })()
    }
  ),
  /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
    import_flowbite_react14.Carousel,
    {
      slideInterval: 1e4,
      className: "hidden sm:hidden md:hidden lg:block",
      indicators: !1,
      leftControl: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("img", { src: back_btn_default, alt: "Anterior", className: "relative -left-14 w-20" }) }),
      rightControl: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("img", { src: next_btn_default, alt: "Siguiente", className: "relative left-14 w-20" }) }),
      children: (() => {
        let options = [];
        for (let i = 0; i < Math.ceil(resenas.length / 4); i++)
          options.push(/* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "flex", children: resenas.map((item, idx) => idx >= 4 * i && idx < 4 * (i + 1) ? /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "w-1/4 flex flex-col justify-between items-between bg-white m-2 p-5 h-[344px]", children: [
            /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { children: [
              /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "flex justify-between items-between", children: [
                /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("p", { className: "text-eGray font-MontserratSemiBold", children: item.vc_cliente }),
                /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_flowbite_react14.Rating, { children: [
                  /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_flowbite_react14.Rating.Star, {}),
                  /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_flowbite_react14.Rating.Star, {}),
                  /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_flowbite_react14.Rating.Star, {}),
                  /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_flowbite_react14.Rating.Star, {}),
                  /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_flowbite_react14.Rating.Star, {})
                ] })
              ] }),
              /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("p", { className: "text-sm text-eGray py-5", children: item.tx_resena })
            ] }),
            /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("p", { className: "text-end text-sm", children: [
              new Date(item.created_at).getDate(),
              "/",
              new Date(item.created_at).getMonth(),
              "/",
              new Date(item.created_at).getFullYear()
            ] })
          ] }, idx) : "") }, i));
        return options;
      })()
    }
  )
] }) }), carouselresenas_default = CarouselResenas;

// app/components/sliderdos.jsx
var import_react63 = require("@remix-run/react"), import_remix_utils7 = require("remix-utils");
var import_jsx_runtime45 = require("react/jsx-runtime"), SliderDos = ({ banners, baseUrl }) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_remix_utils7.ClientOnly, { fallback: "", children: () => /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_jsx_runtime45.Fragment, { children: [
  /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { id: "carouselExampleCaptions", className: "hidden sm:block relative", "data-te-carousel-init": !0, "data-te-carousel-slide": !0, children: [
    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "absolute bottom-0 sm:-bottom-2 md:bottom-0 sm:-left-20 md:-left-20 lg:-left-24 z-[2] mx-[15%] mb-4 flex list-none justify-center p-0", "data-te-carousel-indicators": !0, children: banners.map((item, idx) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("button", { type: "button", "data-te-target": "#carouselExampleCaptions", "data-te-slide-to": idx, "data-te-carousel-active": idx === 0, className: "mx-[3px] box-content h-[3px] w-[60px] lg:w-[100px] flex-initial cursor-pointer border-0 border-y-[10px] border-solid border-transparent bg-eGray aria-current:bg-eBlue bg-clip-padding p-0 -indent-[999px] transition-opacity duration-[600ms] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] motion-reduce:transition-none", "aria-current": idx === 0, "aria-label": `Slide ${idx + 1}` }, idx)) }),
    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "relative w-full overflow-hidden after:clear-both after:block after:content-['']", children: banners.map((item, idx) => idx === 0 ? /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "relative float-left -mr-[100%] w-full transition-transform duration-[600ms] ease-in-out motion-reduce:transition-none", "data-te-carousel-active": idx === 0, "data-te-carousel-item": !0, children: [
      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("img", { src: baseUrl + item.vc_img_desktop, className: "block w-full", alt: "..." }),
      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "absolute hidden sm:block top-0 left-0 sm:top-2 sm:left-5 md:top-6 md:left-10 lg:top-10 lg:left-20 xl:top-20 xl:left-28 z-0" })
    ] }, idx) : /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "relative float-left -mr-[100%] hidden w-full transition-transform duration-[600ms] ease-in-out motion-reduce:transition-none", "data-te-carousel-item": !0, children: [
      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("img", { src: baseUrl + item.vc_img_desktop, className: "block w-full", alt: "..." }),
      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "absolute inset-x-[15%] bottom-5 hidden py-5 text-center text-white md:block" })
    ] }, idx)) })
  ] }),
  /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { id: "carouselExampleCaptionsMobile", className: "sm:hidden relative", "data-te-carousel-init": !0, "data-te-carousel-slide": !0, children: [
    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "absolute right-0 bottom-0 left-0 z-[2] mx-[15%] mb-4 flex list-none justify-center p-0", "data-te-carousel-indicators": !0, children: banners.map((item, idx) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("button", { type: "button", "data-te-target": "#carouselExampleCaptionsMobile", "data-te-slide-to": idx, "data-te-carousel-active": idx === 0, className: "mx-[3px] box-content h-[3px] w-[60px] lg:w-[100px] flex-initial cursor-pointer border-0 border-y-[10px] border-solid border-transparent bg-eGray aria-current:bg-eBlue bg-clip-padding p-0 -indent-[999px] transition-opacity duration-[600ms] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] motion-reduce:transition-none", "aria-current": idx === 0, "aria-label": `Slide ${idx + 1}` }, idx)) }),
    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "relative w-full overflow-hidden after:clear-both after:block after:content-['']", children: banners.map((item, idx) => idx === 0 ? /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "relative float-left -mr-[100%] w-full transition-transform duration-[600ms] ease-in-out motion-reduce:transition-none", "data-te-carousel-active": idx === 0, "data-te-carousel-item": !0, children: [
      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("img", { src: baseUrl + item.vc_img_mobile, className: "block w-full", alt: "..." }),
      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "absolute top-0 left-0 z-0 pl-5 pt-3 pr-5" })
    ] }, idx) : /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "relative float-left -mr-[100%] hidden w-full transition-transform duration-[600ms] ease-in-out motion-reduce:transition-none", "data-te-carousel-item": !0, children: [
      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("img", { src: baseUrl + item.vc_img_mobile, className: "block w-full", alt: "..." }),
      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "absolute inset-x-[15%] bottom-5 hidden py-5 text-center text-white md:block" })
    ] }, idx)) })
  ] })
] }) }), sliderdos_default = SliderDos;

// public/assets/img/go-icon-producto.webp
var go_icon_producto_default = "/build/_assets/go-icon-producto-ZY5NDBOC.webp";

// public/assets/img/img-prod1.webp
var img_prod1_default = "/build/_assets/img-prod1-VEM7GT4X.webp";

// public/assets/img/img-prod2.webp
var img_prod2_default = "/build/_assets/img-prod2-U7M3UNUG.webp";

// public/assets/img/img-prod3.webp
var img_prod3_default = "/build/_assets/img-prod3-LW5AB3MA.webp";

// public/assets/img/img-prod4.webp
var img_prod4_default = "/build/_assets/img-prod4-LAV4E7DT.webp";

// public/assets/img/img-prod5.webp
var img_prod5_default = "/build/_assets/img-prod5-YQTVSK6I.webp";

// public/assets/img/img-prod6.webp
var img_prod6_default = "/build/_assets/img-prod6-IMBVKP5X.webp";

// app/routes/index.jsx
var import_jsx_runtime46 = require("react/jsx-runtime");
async function loader13() {
  let [banners, carousel, resenas] = await Promise.all([getBannersHome(), getPuertasCarousel(), getResenas()]);
  return loaderData = {
    banners: banners.data,
    carousel: carousel.data,
    resenas: resenas.data,
    baseUrl: process.env.WEB_URL,
    baseUrlApi: process.env.API_URL
  }, loaderData;
}
function links5() {
  return [
    {
      rel: "stylesheet",
      href: main_default
    }
  ];
}
function Index() {
  let loadedData2 = (0, import_react64.useLoaderData)(), { banners, carousel, resenas, baseUrl, baseUrlApi } = loadedData2;
  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_jsx_runtime46.Fragment, { children: [
    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
      sliderdos_default,
      {
        banners,
        baseUrl
      }
    ),
    /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("section", { className: "w-10/12 mx-auto py-0 sm:py-10 mt-10 mb-10 sm:mb-0", children: [
      /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-3", children: [
        /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { children: [
          /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex justify-between bg-eYellow py-4 px-8", children: [
            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("p", { className: "font-MontserratSemiBold uppercase", children: "Puertas de seguridad" }),
            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_react64.Link, { to: "/productos/seguridad", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("img", { className: "w-7", src: go_icon_producto_default, alt: "Puertas de seguridad" }) })
          ] }),
          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("img", { src: img_prod1_default, className: "w-full", alt: "Puertas de seguridad" })
        ] }),
        /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { children: [
          /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex justify-between bg-eYellow py-4 px-8", children: [
            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("p", { className: "font-MontserratSemiBold uppercase", children: "Puertas acorazadas" }),
            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_react64.Link, { to: "/productos/acorazadas", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("img", { className: "w-7", src: go_icon_producto_default, alt: "Puertas acorazadas" }) })
          ] }),
          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("img", { src: img_prod2_default, className: "w-full", alt: "Puertas acorazadas" })
        ] }),
        /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { children: [
          /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex justify-between bg-eYellow py-4 px-8", children: [
            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("p", { className: "font-MontserratSemiBold uppercase", children: "Puertas anti-balas" }),
            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_react64.Link, { to: "/productos/antibalas", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("img", { className: "w-7", src: go_icon_producto_default, alt: "Puertas anti-balas" }) })
          ] }),
          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("img", { src: img_prod3_default, className: "w-full", alt: "Puertas anti-balas" })
        ] })
      ] }),
      /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-3 mt-3", children: [
        /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { children: [
          /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex justify-between bg-eYellow py-4 px-8", children: [
            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("p", { className: "font-MontserratSemiBold uppercase", children: "Deck" }),
            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_react64.Link, { to: "/productos/deck", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("img", { className: "w-7", src: go_icon_producto_default, alt: "Puertas deck" }) })
          ] }),
          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("img", { src: img_prod4_default, className: "w-full", alt: "Puertas deck" })
        ] }),
        /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { children: [
          /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex justify-between bg-eYellow py-4 px-8", children: [
            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("p", { className: "font-MontserratSemiBold uppercase", children: "Alarmas" }),
            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_react64.Link, { to: "/productos/otros-productos", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("img", { className: "w-7", src: go_icon_producto_default, alt: "Alarmas" }) })
          ] }),
          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("img", { src: img_prod5_default, className: "w-full", alt: "Alarmas" })
        ] }),
        /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { children: [
          /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex justify-between bg-eYellow py-4 px-8", children: [
            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("p", { className: "font-MontserratSemiBold uppercase", children: "Cerraduras" }),
            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_react64.Link, { to: "/productos/otros-productos", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("img", { className: "w-7", src: go_icon_producto_default, alt: "Cerraduras" }) })
          ] }),
          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("img", { src: img_prod6_default, className: "w-full", alt: "Cerraduras" })
        ] })
      ] })
    ] }),
    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(personalizatupuerta_default, {}),
    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(satisfacciongarantizada_default, {}),
    /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("section", { className: "containter w-10/12 mx-auto mt-10", children: [
      /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "lg:flex justify-between items-center mb-10", children: [
        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("p", { className: "text-2xl text-eBlack font-MontserratRegular", children: "Nuestra puertas m\xE1s vendidas" }) }),
        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_react64.Link, { to: "/productos", className: "text-xl text-eBlack font-MontserratRegular underline uppercase", children: "ver todos" }) })
      ] }),
      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "h-[450px]", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
        carouselmasvendidos_default,
        {
          carousel,
          baseUrl
        }
      ) })
    ] }),
    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("section", { className: "container w-10/12 mx-auto my-10 lg:my-20", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_react64.Link, { to: "/productos", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("img", { src: cintillo1_default, alt: "Ver Productos" }) }) }),
    /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("section", { className: "containter w-10/12 mx-auto", children: [
      /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "lg:flex justify-between items-center mb-10", children: [
        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("p", { className: "text-2xl text-eBlack font-MontserratRegular", children: "Encuentra las mejores promociones" }) }),
        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_react64.Link, { to: "/productos", className: "text-xl text-eBlack font-MontserratRegular underline uppercase", children: "ver todos" }) })
      ] }),
      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "h-[450px]", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
        carouselpromociones_default,
        {
          carousel,
          baseUrl
        }
      ) })
    ] }),
    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("section", { className: "container w-10/12 mx-auto my-10 lg:my-20", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_react64.Link, { to: "/contacto#sucursales", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("img", { src: cintillo2_default, alt: "Ver Sucursales" }) }) }),
    /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("section", { className: "bg-eGray py-14", children: [
      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "container w-10/12 mx-auto", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("p", { className: "font-MontserratRegular text-white text-2xl", children: "Rese\xF1as de nuestros clientes" }) }),
      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "container w-10/12 mx-auto h-[344px]", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
        carouselresenas_default,
        {
          resenas
        }
      ) })
    ] }),
    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
      contacto_default,
      {
        baseUrlApi
      }
    )
  ] });
}
var routes_default = Index;

// server-assets-manifest:@remix-run/dev/assets-manifest
var assets_manifest_default = { version: "3bb94170", entry: { module: "/build/entry.client-Y7GHU22O.js", imports: ["/build/_shared/chunk-4T7MF43V.js", "/build/_shared/chunk-GAHQUCBJ.js", "/build/_shared/chunk-LMXH6R3J.js", "/build/_shared/chunk-Q3IECNXJ.js"] }, routes: { root: { id: "root", parentId: void 0, path: "", index: void 0, caseSensitive: void 0, module: "/build/root-PD4UEMNK.js", imports: ["/build/_shared/chunk-LC6FMHOV.js", "/build/_shared/chunk-4AXVMPXF.js", "/build/_shared/chunk-SGZABKSR.js"], hasAction: !1, hasLoader: !1, hasCatchBoundary: !1, hasErrorBoundary: !1 }, "routes/carrito": { id: "routes/carrito", parentId: "root", path: "carrito", index: void 0, caseSensitive: void 0, module: "/build/routes/carrito-VLXUGGQV.js", imports: ["/build/_shared/chunk-VEXQ67UA.js", "/build/_shared/chunk-WJTCFTOV.js", "/build/_shared/chunk-TV4HN2QV.js", "/build/_shared/chunk-N5R4YCAB.js", "/build/_shared/chunk-Q4X27NDV.js", "/build/_shared/chunk-ZWFBE6GD.js", "/build/_shared/chunk-DKXQRE5Y.js", "/build/_shared/chunk-UVZSDN3D.js", "/build/_shared/chunk-XUWPGZKS.js"], hasAction: !1, hasLoader: !0, hasCatchBoundary: !1, hasErrorBoundary: !1 }, "routes/checkout": { id: "routes/checkout", parentId: "root", path: "checkout", index: void 0, caseSensitive: void 0, module: "/build/routes/checkout-AI43GGRY.js", imports: ["/build/_shared/chunk-VEXQ67UA.js", "/build/_shared/chunk-UVZSDN3D.js", "/build/_shared/chunk-LIWQKY7M.js", "/build/_shared/chunk-XUWPGZKS.js", "/build/_shared/chunk-FCK6QTQK.js"], hasAction: !1, hasLoader: !0, hasCatchBoundary: !1, hasErrorBoundary: !1 }, "routes/compra-finalizada": { id: "routes/compra-finalizada", parentId: "root", path: "compra-finalizada", index: void 0, caseSensitive: void 0, module: "/build/routes/compra-finalizada-OULXGLME.js", imports: ["/build/_shared/chunk-Q4X27NDV.js"], hasAction: !1, hasLoader: !1, hasCatchBoundary: !1, hasErrorBoundary: !1 }, "routes/contacto": { id: "routes/contacto", parentId: "root", path: "contacto", index: void 0, caseSensitive: void 0, module: "/build/routes/contacto-SUO4Z57L.js", imports: ["/build/_shared/chunk-DQ4BDDFY.js", "/build/_shared/chunk-QCMSWBY4.js", "/build/_shared/chunk-LIWQKY7M.js", "/build/_shared/chunk-XUWPGZKS.js"], hasAction: !1, hasLoader: !0, hasCatchBoundary: !1, hasErrorBoundary: !1 }, "routes/index": { id: "routes/index", parentId: "root", path: void 0, index: !0, caseSensitive: void 0, module: "/build/routes/index-OK5Y4YAS.js", imports: ["/build/_shared/chunk-DQ4BDDFY.js", "/build/_shared/chunk-WJTCFTOV.js", "/build/_shared/chunk-TV4HN2QV.js", "/build/_shared/chunk-J5F7FKUY.js", "/build/_shared/chunk-Q4X27NDV.js", "/build/_shared/chunk-DKXQRE5Y.js", "/build/_shared/chunk-UVZSDN3D.js", "/build/_shared/chunk-HZFVDOUR.js", "/build/_shared/chunk-LIWQKY7M.js", "/build/_shared/chunk-XUWPGZKS.js", "/build/_shared/chunk-E36O4CNT.js", "/build/_shared/chunk-FCK6QTQK.js"], hasAction: !1, hasLoader: !0, hasCatchBoundary: !1, hasErrorBoundary: !1 }, "routes/nuestros-proyectos": { id: "routes/nuestros-proyectos", parentId: "root", path: "nuestros-proyectos", index: void 0, caseSensitive: void 0, module: "/build/routes/nuestros-proyectos-WHGDV2HJ.js", imports: ["/build/_shared/chunk-J5F7FKUY.js"], hasAction: !1, hasLoader: !1, hasCatchBoundary: !1, hasErrorBoundary: !1 }, "routes/productos": { id: "routes/productos", parentId: "root", path: "productos", index: void 0, caseSensitive: void 0, module: "/build/routes/productos-TLUB553C.js", imports: ["/build/_shared/chunk-FCK6QTQK.js"], hasAction: !1, hasLoader: !1, hasCatchBoundary: !1, hasErrorBoundary: !1 }, "routes/productos-detalle": { id: "routes/productos-detalle", parentId: "root", path: "productos-detalle", index: void 0, caseSensitive: void 0, module: "/build/routes/productos-detalle-QKQ5M4VD.js", imports: ["/build/_shared/chunk-QLZSUK3N.js", "/build/_shared/chunk-ZWFBE6GD.js", "/build/_shared/chunk-DKXQRE5Y.js", "/build/_shared/chunk-UVZSDN3D.js", "/build/_shared/chunk-7TXOKSLN.js", "/build/_shared/chunk-HZFVDOUR.js", "/build/_shared/chunk-XUWPGZKS.js"], hasAction: !1, hasLoader: !1, hasCatchBoundary: !1, hasErrorBoundary: !1 }, "routes/productos/$productosUrl": { id: "routes/productos/$productosUrl", parentId: "routes/productos", path: ":productosUrl", index: void 0, caseSensitive: void 0, module: "/build/routes/productos/$productosUrl-DBI5JC3Z.js", imports: ["/build/_shared/chunk-TV4HN2QV.js", "/build/_shared/chunk-N5R4YCAB.js", "/build/_shared/chunk-QLZSUK3N.js", "/build/_shared/chunk-ZWFBE6GD.js", "/build/_shared/chunk-DKXQRE5Y.js", "/build/_shared/chunk-UVZSDN3D.js", "/build/_shared/chunk-7TXOKSLN.js", "/build/_shared/chunk-HZFVDOUR.js", "/build/_shared/chunk-LC6FMHOV.js", "/build/_shared/chunk-XUWPGZKS.js", "/build/_shared/chunk-SGZABKSR.js"], hasAction: !1, hasLoader: !0, hasCatchBoundary: !1, hasErrorBoundary: !1 }, "routes/productos/acorazadas": { id: "routes/productos/acorazadas", parentId: "routes/productos", path: "acorazadas", index: void 0, caseSensitive: void 0, module: "/build/routes/productos/acorazadas-CEAVXFJ4.js", imports: ["/build/_shared/chunk-QCMSWBY4.js", "/build/_shared/chunk-2XTLNSYA.js", "/build/_shared/chunk-N5R4YCAB.js", "/build/_shared/chunk-7TXOKSLN.js", "/build/_shared/chunk-HZFVDOUR.js", "/build/_shared/chunk-LC6FMHOV.js", "/build/_shared/chunk-SGZABKSR.js"], hasAction: !1, hasLoader: !0, hasCatchBoundary: !1, hasErrorBoundary: !1 }, "routes/productos/antibalas": { id: "routes/productos/antibalas", parentId: "routes/productos", path: "antibalas", index: void 0, caseSensitive: void 0, module: "/build/routes/productos/antibalas-JP7WLZ5W.js", imports: ["/build/_shared/chunk-QCMSWBY4.js", "/build/_shared/chunk-2XTLNSYA.js", "/build/_shared/chunk-N5R4YCAB.js", "/build/_shared/chunk-7TXOKSLN.js", "/build/_shared/chunk-HZFVDOUR.js", "/build/_shared/chunk-LC6FMHOV.js", "/build/_shared/chunk-SGZABKSR.js"], hasAction: !1, hasLoader: !0, hasCatchBoundary: !1, hasErrorBoundary: !1 }, "routes/productos/deck": { id: "routes/productos/deck", parentId: "routes/productos", path: "deck", index: void 0, caseSensitive: void 0, module: "/build/routes/productos/deck-RYCVNN6E.js", imports: ["/build/_shared/chunk-QCMSWBY4.js", "/build/_shared/chunk-2XTLNSYA.js", "/build/_shared/chunk-N5R4YCAB.js", "/build/_shared/chunk-7TXOKSLN.js", "/build/_shared/chunk-HZFVDOUR.js", "/build/_shared/chunk-LC6FMHOV.js", "/build/_shared/chunk-SGZABKSR.js"], hasAction: !1, hasLoader: !0, hasCatchBoundary: !1, hasErrorBoundary: !1 }, "routes/productos/index": { id: "routes/productos/index", parentId: "routes/productos", path: void 0, index: !0, caseSensitive: void 0, module: "/build/routes/productos/index-TOR3QQ7S.js", imports: ["/build/_shared/chunk-2XTLNSYA.js", "/build/_shared/chunk-N5R4YCAB.js", "/build/_shared/chunk-7TXOKSLN.js", "/build/_shared/chunk-HZFVDOUR.js", "/build/_shared/chunk-LC6FMHOV.js", "/build/_shared/chunk-SGZABKSR.js"], hasAction: !1, hasLoader: !0, hasCatchBoundary: !1, hasErrorBoundary: !1 }, "routes/productos/otros-productos": { id: "routes/productos/otros-productos", parentId: "routes/productos", path: "otros-productos", index: void 0, caseSensitive: void 0, module: "/build/routes/productos/otros-productos-4EHVMER2.js", imports: ["/build/_shared/chunk-QCMSWBY4.js", "/build/_shared/chunk-2XTLNSYA.js", "/build/_shared/chunk-N5R4YCAB.js", "/build/_shared/chunk-7TXOKSLN.js", "/build/_shared/chunk-HZFVDOUR.js", "/build/_shared/chunk-LC6FMHOV.js", "/build/_shared/chunk-SGZABKSR.js"], hasAction: !1, hasLoader: !0, hasCatchBoundary: !1, hasErrorBoundary: !1 }, "routes/productos/piso-laminado": { id: "routes/productos/piso-laminado", parentId: "routes/productos", path: "piso-laminado", index: void 0, caseSensitive: void 0, module: "/build/routes/productos/piso-laminado-NSILO2DA.js", imports: ["/build/_shared/chunk-QCMSWBY4.js", "/build/_shared/chunk-2XTLNSYA.js", "/build/_shared/chunk-N5R4YCAB.js", "/build/_shared/chunk-7TXOKSLN.js", "/build/_shared/chunk-HZFVDOUR.js", "/build/_shared/chunk-LC6FMHOV.js", "/build/_shared/chunk-SGZABKSR.js"], hasAction: !1, hasLoader: !0, hasCatchBoundary: !1, hasErrorBoundary: !1 }, "routes/productos/seguridad": { id: "routes/productos/seguridad", parentId: "routes/productos", path: "seguridad", index: void 0, caseSensitive: void 0, module: "/build/routes/productos/seguridad-BQSW2GT2.js", imports: ["/build/_shared/chunk-QCMSWBY4.js", "/build/_shared/chunk-2XTLNSYA.js", "/build/_shared/chunk-N5R4YCAB.js", "/build/_shared/chunk-7TXOKSLN.js", "/build/_shared/chunk-HZFVDOUR.js", "/build/_shared/chunk-LC6FMHOV.js", "/build/_shared/chunk-SGZABKSR.js"], hasAction: !1, hasLoader: !0, hasCatchBoundary: !1, hasErrorBoundary: !1 }, "routes/puertas": { id: "routes/puertas", parentId: "root", path: "puertas", index: void 0, caseSensitive: void 0, module: "/build/routes/puertas-FZVJHFAK.js", imports: void 0, hasAction: !1, hasLoader: !1, hasCatchBoundary: !1, hasErrorBoundary: !1 }, "routes/puertas-a-medida": { id: "routes/puertas-a-medida", parentId: "root", path: "puertas-a-medida", index: void 0, caseSensitive: void 0, module: "/build/routes/puertas-a-medida-2K466O6V.js", imports: ["/build/_shared/chunk-LIWQKY7M.js", "/build/_shared/chunk-XUWPGZKS.js", "/build/_shared/chunk-FCK6QTQK.js"], hasAction: !1, hasLoader: !0, hasCatchBoundary: !1, hasErrorBoundary: !1 }, "routes/quienes-somos": { id: "routes/quienes-somos", parentId: "root", path: "quienes-somos", index: void 0, caseSensitive: void 0, module: "/build/routes/quienes-somos-VT4JGNR5.js", imports: ["/build/_shared/chunk-E36O4CNT.js"], hasAction: !1, hasLoader: !1, hasCatchBoundary: !1, hasErrorBoundary: !1 } }, cssBundleHref: void 0, hmr: void 0, url: "/build/manifest-3BB94170.js" };

// server-entry-module:@remix-run/dev/server-build
var assetsBuildDirectory = "public\\build", future = { unstable_cssModules: !1, unstable_cssSideEffectImports: !1, unstable_dev: !1, unstable_postcss: !1, unstable_tailwind: !0, unstable_vanillaExtract: !1, v2_errorBoundary: !1, v2_meta: !1, v2_routeConvention: !1 }, publicPath = "/build/", entry = { module: entry_server_exports }, routes = {
  root: {
    id: "root",
    parentId: void 0,
    path: "",
    index: void 0,
    caseSensitive: void 0,
    module: root_exports
  },
  "routes/nuestros-proyectos": {
    id: "routes/nuestros-proyectos",
    parentId: "root",
    path: "nuestros-proyectos",
    index: void 0,
    caseSensitive: void 0,
    module: nuestros_proyectos_exports
  },
  "routes/compra-finalizada": {
    id: "routes/compra-finalizada",
    parentId: "root",
    path: "compra-finalizada",
    index: void 0,
    caseSensitive: void 0,
    module: compra_finalizada_exports
  },
  "routes/productos-detalle": {
    id: "routes/productos-detalle",
    parentId: "root",
    path: "productos-detalle",
    index: void 0,
    caseSensitive: void 0,
    module: productos_detalle_exports
  },
  "routes/puertas-a-medida": {
    id: "routes/puertas-a-medida",
    parentId: "root",
    path: "puertas-a-medida",
    index: void 0,
    caseSensitive: void 0,
    module: puertas_a_medida_exports
  },
  "routes/quienes-somos": {
    id: "routes/quienes-somos",
    parentId: "root",
    path: "quienes-somos",
    index: void 0,
    caseSensitive: void 0,
    module: quienes_somos_exports
  },
  "routes/productos": {
    id: "routes/productos",
    parentId: "root",
    path: "productos",
    index: void 0,
    caseSensitive: void 0,
    module: productos_exports
  },
  "routes/productos/otros-productos": {
    id: "routes/productos/otros-productos",
    parentId: "routes/productos",
    path: "otros-productos",
    index: void 0,
    caseSensitive: void 0,
    module: otros_productos_exports
  },
  "routes/productos/$productosUrl": {
    id: "routes/productos/$productosUrl",
    parentId: "routes/productos",
    path: ":productosUrl",
    index: void 0,
    caseSensitive: void 0,
    module: productosUrl_exports
  },
  "routes/productos/piso-laminado": {
    id: "routes/productos/piso-laminado",
    parentId: "routes/productos",
    path: "piso-laminado",
    index: void 0,
    caseSensitive: void 0,
    module: piso_laminado_exports
  },
  "routes/productos/acorazadas": {
    id: "routes/productos/acorazadas",
    parentId: "routes/productos",
    path: "acorazadas",
    index: void 0,
    caseSensitive: void 0,
    module: acorazadas_exports
  },
  "routes/productos/antibalas": {
    id: "routes/productos/antibalas",
    parentId: "routes/productos",
    path: "antibalas",
    index: void 0,
    caseSensitive: void 0,
    module: antibalas_exports
  },
  "routes/productos/seguridad": {
    id: "routes/productos/seguridad",
    parentId: "routes/productos",
    path: "seguridad",
    index: void 0,
    caseSensitive: void 0,
    module: seguridad_exports
  },
  "routes/productos/index": {
    id: "routes/productos/index",
    parentId: "routes/productos",
    path: void 0,
    index: !0,
    caseSensitive: void 0,
    module: productos_exports2
  },
  "routes/productos/deck": {
    id: "routes/productos/deck",
    parentId: "routes/productos",
    path: "deck",
    index: void 0,
    caseSensitive: void 0,
    module: deck_exports
  },
  "routes/checkout": {
    id: "routes/checkout",
    parentId: "root",
    path: "checkout",
    index: void 0,
    caseSensitive: void 0,
    module: checkout_exports
  },
  "routes/contacto": {
    id: "routes/contacto",
    parentId: "root",
    path: "contacto",
    index: void 0,
    caseSensitive: void 0,
    module: contacto_exports
  },
  "routes/carrito": {
    id: "routes/carrito",
    parentId: "root",
    path: "carrito",
    index: void 0,
    caseSensitive: void 0,
    module: carrito_exports
  },
  "routes/puertas": {
    id: "routes/puertas",
    parentId: "root",
    path: "puertas",
    index: void 0,
    caseSensitive: void 0,
    module: puertas_exports
  },
  "routes/index": {
    id: "routes/index",
    parentId: "root",
    path: void 0,
    index: !0,
    caseSensitive: void 0,
    module: routes_exports
  }
};
// Annotate the CommonJS export names for ESM import in node:
0 && (module.exports = {
  assets,
  assetsBuildDirectory,
  entry,
  future,
  publicPath,
  routes
});
