@ciromaciel/components-kit 1.8.7 → 1.8.8

package/dist/index.esm.js

@@ -1,10 +1,10 @@
-import { createTheme as Se, Stack as u, Group as f, Badge as P, Text as t, Title as D, Center as B, Box as x, Button as U, CopyButton as Ie, Tooltip as te, ActionIcon as J, useMantineColorScheme as Te, Container as E, Flex as Ae, Loader as ke, Paper as T, SimpleGrid as A, Image as _, List as $, ThemeIcon as S, Grid as z, RingProgress as Fe, Anchor as ue, UnstyledButton as Ce, TextInput as ie, Divider as L, SegmentedControl as De, Accordion as j, Avatar as qe } from "@mantine/core";
-import { jsxs as r, jsx as e, Fragment as oe } from "react/jsx-runtime";
-import { useReducedMotion as Be, useMounted as Ee, useColorScheme as Pe, useWindowScroll as Le, useMediaQuery as Me } from "@mantine/hooks";
-import { isValidElement as je, useState as G, useMemo as Ne, Fragment as Oe, useEffect as fe, useRef as Re } from "react";
-import { IconCheck as H, IconCopy as $e, IconMoon as Ve, IconSun as We, IconDeviceDesktop as Ue, IconArrowUpRight as _e, IconShieldCheck as ye, IconBolt as le, IconQuote as Ge, IconArrowLeft as He, IconCircleCheck as Ke, IconCloudLock as xe, IconEyeOff as Qe, IconUserShield as Ye, IconScale as Xe, IconUserCheck as Je, IconFileDescription as Ze, IconBan as er, IconAlertCircle as rr, IconShieldLock as ar, IconDatabase as tr, IconUsers as nr, IconActivity as ir } from "@tabler/icons-react";
-import { AreaChart as or } from "@mantine/charts";
-const Or = Se({
+import { createTheme as Ie, Stack as u, Group as f, Badge as M, Text as t, Title as B, Center as E, Box as x, Button as G, CopyButton as Te, Tooltip as te, ActionIcon as Z, useMantineColorScheme as Ae, Container as L, Flex as ke, Loader as Fe, Paper as T, SimpleGrid as k, Image as H, List as V, ThemeIcon as S, Grid as z, RingProgress as Ce, Anchor as fe, UnstyledButton as De, TextInput as oe, Divider as j, SegmentedControl as qe, Accordion as R, Avatar as Be } from "@mantine/core";
+import { jsxs as r, jsx as e, Fragment as le } from "react/jsx-runtime";
+import { useReducedMotion as Ee, useMounted as Pe, useColorScheme as Le, useWindowScroll as Me, useMediaQuery as je } from "@mantine/hooks";
+import { isValidElement as Ne, useState as K, useMemo as Oe, Fragment as Re, useEffect as ye, useRef as $e } from "react";
+import { IconCheck as Q, IconCopy as Ve, IconMoon as We, IconSun as Ue, IconDeviceDesktop as _e, IconArrowUpRight as Ge, IconShieldCheck as xe, IconBolt as se, IconQuote as He, IconArrowLeft as Ke, IconCircleCheck as Qe, IconCloudLock as be, IconEyeOff as Ye, IconUserShield as Xe, IconScale as Je, IconUserCheck as Ze, IconFileDescription as er, IconBan as rr, IconAlertCircle as ar, IconShieldLock as tr, IconDatabase as nr, IconUsers as ir, IconActivity as or } from "@tabler/icons-react";
+import { AreaChart as lr } from "@mantine/charts";
+const Or = Ie({
   // As transições do próprio Mantine (Modal, Menu, Popover) também seguem
   // "Reduzir movimento".
   respectReducedMotion: !0,
@@ -245,7 +245,7 @@ const Or = Se({
     }
   }
 });
-function be({ badge: a, subtitle: s, title: o, titleOrder: i = 2, titleFz: n = "var(--fz-section-title)", ta: l = "left", maw: p }) {
+function we({ badge: a, subtitle: s, title: o, titleOrder: i = 2, titleFz: n = "var(--fz-section-title)", ta: l = "left", maw: g }) {
   return !o && !s && !a ? null : /* @__PURE__ */ r(
     u,
     {
@@ -259,7 +259,7 @@ function be({ badge: a, subtitle: s, title: o, titleOrder: i = 2, titleFz: n = "
             justify: l === "center" ? "center" : "flex-start",
             mb: "xs",
             children: /* @__PURE__ */ e(
-              P,
+              M,
               {
                 variant: "dot",
                 color: "gray",
@@ -282,11 +282,11 @@ function be({ badge: a, subtitle: s, title: o, titleOrder: i = 2, titleFz: n = "
           }
         ),
         o && /* @__PURE__ */ e(
-          D,
+          B,
           {
             order: i,
             fz: n,
-            maw: p,
+            maw: g,
             children: o
           }
         )
@@ -294,9 +294,9 @@ function be({ badge: a, subtitle: s, title: o, titleOrder: i = 2, titleFz: n = "
     }
   );
 }
-function we({ video: a, image: s, width: o = "100%", maw: i, alt: n }) {
-  const l = Be();
-  return a ? /* @__PURE__ */ e(B, { children: /* @__PURE__ */ e(
+function ve({ video: a, image: s, width: o = "100%", maw: i, alt: n }) {
+  const l = Ee();
+  return a ? /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e(
     x,
     {
       component: "video",
@@ -311,7 +311,7 @@ function we({ video: a, image: s, width: o = "100%", maw: i, alt: n }) {
       h: "auto",
       style: { filter: a.filter || "none" }
     }
-  ) }) : s ? /* @__PURE__ */ e(B, { children: /* @__PURE__ */ e(
+  ) }) : s ? /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e(
     x,
     {
       component: "img",
@@ -323,42 +323,42 @@ function we({ video: a, image: s, width: o = "100%", maw: i, alt: n }) {
     }
   ) }) : null;
 }
-function M({
+function N({
   label: a,
   href: s,
   onClick: o,
   icon: i,
   size: n = "lg",
   variant: l = "filled",
-  color: p,
-  target: d,
-  px: h,
+  color: g,
+  target: h,
+  px: p,
   fullWidth: c,
   leftSection: m,
-  className: g,
+  className: d,
   ...b
 }) {
   return /* @__PURE__ */ e(
-    U,
+    G,
     {
       size: n,
       component: s ? "a" : "button",
       href: s,
       onClick: o,
-      target: d,
+      target: h,
       rightSection: i,
       leftSection: m,
       variant: l,
-      color: p,
-      px: h,
+      color: g,
+      px: p,
       fullWidth: c,
-      className: g ? `rlg-cta ${g}` : "rlg-cta",
+      className: d ? `rlg-cta ${d}` : "rlg-cta",
       ...b,
       children: a
     }
   );
 }
-function lr({ children: a, fz: s = 28, c: o = "gray.9", ...i }) {
+function sr({ children: a, fz: s = 28, c: o = "gray.9", ...i }) {
   return /* @__PURE__ */ e(
     t,
     {
@@ -375,7 +375,7 @@ function lr({ children: a, fz: s = 28, c: o = "gray.9", ...i }) {
   );
 }
 function ae({ logo: a, objectPosition: s = "left" }) {
-  return a ? je(a) ? a : typeof a == "object" && a.src ? /* @__PURE__ */ e(
+  return a ? Ne(a) ? a : typeof a == "object" && a.src ? /* @__PURE__ */ e(
     "img",
     {
       src: a.src,
@@ -386,8 +386,8 @@ function ae({ logo: a, objectPosition: s = "left" }) {
     }
   ) : a : null;
 }
-const sr = "by Ciro Cesar Maciel";
-function cr(a) {
+const cr = "by Ciro Cesar Maciel";
+function dr(a) {
   return /* @__PURE__ */ e(
     "svg",
     {
@@ -409,8 +409,8 @@ function cr(a) {
     }
   );
 }
-const dr = (a) => Math.max(11, Math.round(0.21 * a * 10) / 10);
-function Rr({ word: a, height: s = 40, signature: o = sr, style: i, ...n }) {
+const hr = (a) => Math.max(11, Math.round(0.21 * a * 10) / 10);
+function Rr({ word: a, height: s = 40, signature: o = cr, style: i, ...n }) {
   return /* @__PURE__ */ r(
     "span",
     {
@@ -436,7 +436,7 @@ function Rr({ word: a, height: s = 40, signature: o = sr, style: i, ...n }) {
         ...i
       },
       children: [
-        /* @__PURE__ */ e(cr, { style: { height: "1.6em", width: "auto", flex: "none" } }),
+        /* @__PURE__ */ e(dr, { style: { height: "1.6em", width: "auto", flex: "none" } }),
         /* @__PURE__ */ r("span", { style: { display: "grid", justifyItems: "start" }, children: [
           /* @__PURE__ */ e(
             "span",
@@ -452,7 +452,7 @@ function Rr({ word: a, height: s = 40, signature: o = sr, style: i, ...n }) {
               "data-logotype-signature": "",
               style: {
                 fontWeight: 700,
-                fontSize: dr(s),
+                fontSize: hr(s),
                 letterSpacing: "0.01em",
                 marginTop: "0.35em",
                 color: "var(--mantine-color-gray-6)"
@@ -465,10 +465,10 @@ function Rr({ word: a, height: s = 40, signature: o = sr, style: i, ...n }) {
     }
   );
 }
-function hr({ children: a, label: s, chrome: o = !0, copy: i = !0, variant: n = "dark", style: l }) {
-  const p = typeof a == "string" ? a : String(a ?? ""), d = p.split(`
-`).filter((g) => g.trimStart().startsWith("$ ")), h = d.length ? d.map((g) => g.trimStart().slice(2)).join(`
-`) : p, c = n === "dark", m = c ? {
+function pr({ children: a, label: s, chrome: o = !0, copy: i = !0, variant: n = "dark", style: l }) {
+  const g = typeof a == "string" ? a : String(a ?? ""), h = g.split(`
+`).filter((d) => d.trimStart().startsWith("$ ")), p = h.length ? h.map((d) => d.trimStart().slice(2)).join(`
+`) : g, c = n === "dark", m = c ? {
     shell: "#11181C",
     bar: "rgba(255, 255, 255, 0.06)",
     line: "rgba(255, 255, 255, 0.10)",
@@ -515,14 +515,14 @@ function hr({ children: a, label: s, chrome: o = !0, copy: i = !0, variant: n =
                   gap: 6,
                   wrap: "nowrap",
                   children: [
-                    [0, 1, 2].map((g) => /* @__PURE__ */ e(
+                    [0, 1, 2].map((d) => /* @__PURE__ */ e(
                       x,
                       {
                         w: 9,
                         h: 9,
                         style: { borderRadius: "50%", background: m.dot }
                       },
-                      g
+                      d
                     )),
                     s && /* @__PURE__ */ e(
                       x,
@@ -542,18 +542,18 @@ function hr({ children: a, label: s, chrome: o = !0, copy: i = !0, variant: n =
                 }
               ),
               i && /* @__PURE__ */ e(
-                Ie,
+                Te,
                 {
-                  value: h,
+                  value: p,
                   timeout: 1600,
-                  children: ({ copied: g, copy: b }) => /* @__PURE__ */ e(
+                  children: ({ copied: d, copy: b }) => /* @__PURE__ */ e(
                     te,
                     {
-                      label: g ? "Copiado" : "Copiar",
+                      label: d ? "Copiado" : "Copiar",
                       withArrow: !0,
                       position: "left",
                       children: /* @__PURE__ */ e(
-                        J,
+                        Z,
                         {
                           variant: "subtle",
                           size: "sm",
@@ -561,9 +561,9 @@ function hr({ children: a, label: s, chrome: o = !0, copy: i = !0, variant: n =
                           onClick: b,
                           "aria-label": "Copiar codigo",
                           style: {
-                            color: g ? "var(--mantine-color-green-4)" : m.label
+                            color: d ? "var(--mantine-color-green-4)" : m.label
                           },
-                          children: g ? /* @__PURE__ */ e(H, { size: 14 }) : /* @__PURE__ */ e($e, { size: 14 })
+                          children: d ? /* @__PURE__ */ e(Q, { size: 14 }) : /* @__PURE__ */ e(Ve, { size: 14 })
                         }
                       )
                     }
@@ -589,16 +589,16 @@ function hr({ children: a, label: s, chrome: o = !0, copy: i = !0, variant: n =
               overflowX: "auto",
               tabSize: 2
             },
-            children: p
+            children: g
           }
         )
       ]
     }
   );
 }
-const se = { auto: "Automático", light: "Claro", dark: "Escuro" }, pr = { auto: Ue, light: We, dark: Ve };
-function gr({ size: a = 36, ...s }) {
-  const { colorScheme: o, setColorScheme: i } = Te(), n = Ee(), l = Pe("light"), p = n ? o : "auto", d = l === "dark" ? "light" : "dark", h = { auto: d, [d]: l, [l]: "auto" }[p] ?? "auto", c = pr[p], m = `Tema: ${se[p]}. Mudar para ${se[h]}.`;
+const ce = { auto: "Automático", light: "Claro", dark: "Escuro" }, gr = { auto: _e, light: Ue, dark: We };
+function mr({ size: a = 36, ...s }) {
+  const { colorScheme: o, setColorScheme: i } = Ae(), n = Pe(), l = Le("light"), g = n ? o : "auto", h = l === "dark" ? "light" : "dark", p = { auto: h, [h]: l, [l]: "auto" }[g] ?? "auto", c = gr[g], m = `Tema: ${ce[g]}. Mudar para ${ce[p]}.`;
   return /* @__PURE__ */ e(
     te,
     {
@@ -607,7 +607,7 @@ function gr({ size: a = 36, ...s }) {
       withArrow: !1,
       events: { hover: !0, focus: !0, touch: !0 },
       children: /* @__PURE__ */ e(
-        J,
+        Z,
         {
           "data-color-scheme-toggle": !0,
           variant: "subtle",
@@ -615,7 +615,7 @@ function gr({ size: a = 36, ...s }) {
           size: a,
           radius: 0,
           "aria-label": m,
-          onClick: () => i(h),
+          onClick: () => i(p),
           ...s,
           children: /* @__PURE__ */ e(
             c,
@@ -630,31 +630,31 @@ function gr({ size: a = 36, ...s }) {
     }
   );
 }
-const R = {
+const P = {
   // gray.0 e nao 'white': os dois sao #FFFFFF no claro, mas no escuro
   // 'white' e a superficie ELEVADA (cartao, modal), e o palco e a base.
   white: "gray.0",
   gray: "gray.1"
-}, Z = (a) => a === "gray.9" || a === "dark" ? R.gray : a === "white" || a === R.white ? R.white : R.gray, Y = (a) => a === "gray" || a === R.gray ? R.gray : "white";
-function k({ children: a, badge: s, title: o, subtitle: i, id: n, background: l = "white", py: p = { base: 80, md: 120 }, maw: d = 800, ta: h = "left", stackGap: c = "xl" }) {
-  const m = Z(l);
+}, $ = (a) => a === "gray.9" || a === "dark" ? P.gray : a === "white" || a === P.white ? P.white : P.gray, _ = (a) => a === "gray" || a === P.gray ? P.gray : "white";
+function F({ children: a, badge: s, title: o, subtitle: i, id: n, background: l = "white", py: g = { base: 80, md: 120 }, maw: h = 800, ta: p = "left", stackGap: c = "xl" }) {
+  const m = $(l);
   return /* @__PURE__ */ e(
     x,
     {
       component: "section",
       id: n,
       bg: m,
-      py: p,
+      py: g,
       style: { overflow: "hidden" },
-      children: /* @__PURE__ */ e(E, { size: "lg", children: /* @__PURE__ */ r(u, { gap: c, children: [
+      children: /* @__PURE__ */ e(L, { size: "lg", children: /* @__PURE__ */ r(u, { gap: c, children: [
         /* @__PURE__ */ e(
-          be,
+          we,
           {
             badge: s,
             subtitle: i,
             title: o,
-            ta: h,
-            maw: d
+            ta: p,
+            maw: h
           }
         ),
         /* @__PURE__ */ e(x, { children: a })
@@ -664,7 +664,7 @@ function k({ children: a, badge: s, title: o, subtitle: i, id: n, background: l
 }
 function $r({ brand: a, label: s = "Verificando sua sessão...", ...o }) {
   return /* @__PURE__ */ e(
-    Ae,
+    ke,
     {
       h: "100dvh",
       justify: "center",
@@ -677,7 +677,7 @@ function $r({ brand: a, label: s = "Verificando sua sessão...", ...o }) {
           gap: "md",
           children: [
             a ? /* @__PURE__ */ e(
-              lr,
+              sr,
               {
                 fz: 11,
                 fw: 800,
@@ -689,7 +689,7 @@ function $r({ brand: a, label: s = "Verificando sua sessão...", ...o }) {
                 children: a
               }
             ) : null,
-            /* @__PURE__ */ e(ke, { size: "sm" }),
+            /* @__PURE__ */ e(Fe, { size: "sm" }),
             /* @__PURE__ */ e(
               t,
               {
@@ -724,12 +724,12 @@ function Vr({ children: a, style: s, ...o }) {
 function re() {
   return typeof window > "u" || !window.matchMedia || window.matchMedia("(prefers-reduced-motion: reduce)").matches ? "auto" : "smooth";
 }
-function ce({ cta: a, filled: s }) {
-  const { icon: o, label: i, labelMobile: n, component: l, ...p } = a;
+function de({ cta: a, filled: s }) {
+  const { icon: o, label: i, labelMobile: n, component: l, ...g } = a;
   return /* @__PURE__ */ e(
-    J,
+    Z,
     {
-      ...p,
+      ...g,
       component: l || (a.href ? "a" : "button"),
       className: "ck-cta-icon",
       "aria-label": i,
@@ -748,11 +748,11 @@ function ce({ cta: a, filled: s }) {
     }
   );
 }
-function mr({ logo: a, logoLink: s, navLinks: o = [], loginCta: i, signupCta: n, background: l = "white", logoMinWidth: p = 176, withColorScheme: d = !0 }) {
-  const h = Z(l), [c] = Le(), m = c.y > 10, g = (y) => {
+function ur({ logo: a, logoLink: s, navLinks: o = [], loginCta: i, signupCta: n, background: l = "white", logoMinWidth: g = 176, withColorScheme: h = !0 }) {
+  const p = $(l), [c] = Me(), m = c.y > 10, d = (y) => {
     y === "top" ? window.scrollTo({ top: 0, behavior: re() }) : document.getElementById(y)?.scrollIntoView({ behavior: re() });
   }, b = (y, v) => {
-    (y.key === "Enter" || y.key === " ") && (y.preventDefault(), g(v));
+    (y.key === "Enter" || y.key === " ") && (y.preventDefault(), d(v));
   };
   return /* @__PURE__ */ e(
     x,
@@ -763,7 +763,7 @@ function mr({ logo: a, logoLink: s, navLinks: o = [], loginCta: i, signupCta: n,
       w: "100%",
       style: { zIndex: 100, pointerEvents: "none" },
       children: /* @__PURE__ */ e(
-        E,
+        L,
         {
           size: "xl",
           py: "md",
@@ -775,7 +775,7 @@ function mr({ logo: a, logoLink: s, navLinks: o = [], loginCta: i, signupCta: n,
               radius: "0",
               py: "xs",
               px: "sm",
-              bg: h,
+              bg: p,
               bd: m ? "1px solid var(--mantine-color-gray-2)" : "1px solid transparent",
               style: { pointerEvents: "auto", transition: "background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease" },
               children: /* @__PURE__ */ r(
@@ -786,13 +786,13 @@ function mr({ logo: a, logoLink: s, navLinks: o = [], loginCta: i, signupCta: n,
                   wrap: "nowrap",
                   children: [
                     a && (() => {
-                      const y = { display: "inline-flex", textDecoration: "none", minWidth: p, flex: "0 1 auto" };
+                      const y = { display: "inline-flex", textDecoration: "none", minWidth: g, flex: "0 1 auto" };
                       if (s) {
-                        const { component: v = "a", ...F } = s;
+                        const { component: v = "a", ...A } = s;
                         return /* @__PURE__ */ e(
                           v,
                           {
-                            ...F,
+                            ...A,
                             "aria-label": "Ir para a página inicial",
                             style: y,
                             children: /* @__PURE__ */ e(ae, { logo: a })
@@ -840,7 +840,7 @@ function mr({ logo: a, logoLink: s, navLinks: o = [], loginCta: i, signupCta: n,
                             role: y.component ? void 0 : "link",
                             tabIndex: y.component ? void 0 : 0,
                             style: { cursor: "pointer", ...y.style },
-                            onClick: y.target ? () => g(y.target) : y.onClick,
+                            onClick: y.target ? () => d(y.target) : y.onClick,
                             onKeyDown: y.target ? (v) => b(v, y.target) : y.onKeyDown,
                             children: y.label
                           },
@@ -855,7 +855,7 @@ function mr({ logo: a, logoLink: s, navLinks: o = [], loginCta: i, signupCta: n,
                         wrap: "nowrap",
                         style: { flexShrink: 0 },
                         children: [
-                          d && /* @__PURE__ */ e(gr, {}),
+                          h && /* @__PURE__ */ e(mr, {}),
                           i && /* @__PURE__ */ r(
                             x,
                             {
@@ -864,7 +864,7 @@ function mr({ logo: a, logoLink: s, navLinks: o = [], loginCta: i, signupCta: n,
                               visibleFrom: i.icon ? void 0 : "xs",
                               children: [
                                 /* @__PURE__ */ e(
-                                  U,
+                                  G,
                                   {
                                     variant: "subtle",
                                     ...(({ icon: y, ...v }) => v)(i),
@@ -877,7 +877,7 @@ function mr({ logo: a, logoLink: s, navLinks: o = [], loginCta: i, signupCta: n,
                                     children: i.label
                                   }
                                 ),
-                                i.icon && /* @__PURE__ */ e(ce, { cta: i })
+                                i.icon && /* @__PURE__ */ e(de, { cta: i })
                               ]
                             }
                           ),
@@ -888,7 +888,7 @@ function mr({ logo: a, logoLink: s, navLinks: o = [], loginCta: i, signupCta: n,
                               display: "inline-flex",
                               children: [
                                 /* @__PURE__ */ r(
-                                  U,
+                                  G,
                                   {
                                     ...(({ icon: y, ...v }) => v)(n),
                                     component: n.component || (n.href ? "a" : "button"),
@@ -924,7 +924,7 @@ function mr({ logo: a, logoLink: s, navLinks: o = [], loginCta: i, signupCta: n,
                                   }
                                 ),
                                 n.icon && /* @__PURE__ */ e(
-                                  ce,
+                                  de,
                                   {
                                     cta: n,
                                     filled: !0
@@ -946,21 +946,21 @@ function mr({ logo: a, logoLink: s, navLinks: o = [], loginCta: i, signupCta: n,
     }
   );
 }
-const Wr = mr, de = {
+const Wr = ur, he = {
   root: { height: "auto", maxWidth: "100%" },
   label: { whiteSpace: "normal", lineHeight: 1.4 },
   inner: { paddingTop: 12, paddingBottom: 12 }
 };
-function Ur({ subtitle: a, title: s, description: o, cta: i, secondaryCta: n, note: l, video: p, image: d, background: h = "white", mediaMaw: c, titleFz: m = "var(--fz-hero)", descriptionFz: g = "xl" }) {
-  const b = !!(p || d);
+function Ur({ subtitle: a, title: s, description: o, cta: i, secondaryCta: n, note: l, video: g, image: h, background: p = "white", mediaMaw: c, titleFz: m = "var(--fz-hero)", descriptionFz: d = "xl" }) {
+  const b = !!(g || h);
   return /* @__PURE__ */ e(
     x,
     {
       py: { base: 80, sm: 100, md: 140 },
       id: "hero",
-      bg: h,
-      children: /* @__PURE__ */ e(E, { size: "lg", children: /* @__PURE__ */ r(
-        A,
+      bg: $(p),
+      children: /* @__PURE__ */ e(L, { size: "lg", children: /* @__PURE__ */ r(
+        k,
         {
           cols: { base: 1, md: b ? 2 : 1 },
           spacing: { base: 60, md: 100 },
@@ -974,8 +974,8 @@ function Ur({ subtitle: a, title: s, description: o, cta: i, secondaryCta: n, no
                 gap: { base: 32, md: 48 },
                 ta: b ? { base: "center", md: "left" } : "center",
                 children: [
-                  /* @__PURE__ */ e(B, { children: /* @__PURE__ */ e(
-                    be,
+                  /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e(
+                    we,
                     {
                       subtitle: a,
                       title: s,
@@ -985,17 +985,17 @@ function Ur({ subtitle: a, title: s, description: o, cta: i, secondaryCta: n, no
                       maw: b ? void 0 : 940
                     }
                   ) }),
-                  o && /* @__PURE__ */ e(B, { children: /* @__PURE__ */ e(
+                  o && /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e(
                     t,
                     {
-                      size: g,
+                      size: d,
                       c: "gray.6",
                       lh: 1.6,
                       maw: 600,
                       children: o
                     }
                   ) }),
-                  (i || n) && /* @__PURE__ */ e(B, { children: /* @__PURE__ */ r(
+                  (i || n) && /* @__PURE__ */ e(E, { children: /* @__PURE__ */ r(
                     f,
                     {
                       gap: "md",
@@ -1005,7 +1005,7 @@ function Ur({ subtitle: a, title: s, description: o, cta: i, secondaryCta: n, no
                       className: "rlg-cta-group",
                       children: [
                         i && /* @__PURE__ */ e(
-                          M,
+                          N,
                           {
                             label: i.label,
                             href: i.href,
@@ -1017,11 +1017,11 @@ function Ur({ subtitle: a, title: s, description: o, cta: i, secondaryCta: n, no
                             px: i.px || 48,
                             variant: i.variant,
                             color: i.color,
-                            styles: de
+                            styles: he
                           }
                         ),
                         n && /* @__PURE__ */ e(
-                          M,
+                          N,
                           {
                             label: n.label,
                             href: n.href,
@@ -1033,13 +1033,13 @@ function Ur({ subtitle: a, title: s, description: o, cta: i, secondaryCta: n, no
                             px: n.px || 48,
                             variant: n.variant || "default",
                             color: n.color,
-                            styles: de
+                            styles: he
                           }
                         )
                       ]
                     }
                   ) }),
-                  l && /* @__PURE__ */ e(B, { children: /* @__PURE__ */ e(
+                  l && /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e(
                     t,
                     {
                       size: "sm",
@@ -1054,10 +1054,10 @@ function Ur({ subtitle: a, title: s, description: o, cta: i, secondaryCta: n, no
               }
             ),
             b && /* @__PURE__ */ e(
-              we,
+              ve,
               {
-                video: p,
-                image: d,
+                video: g,
+                image: h,
                 maw: c,
                 alt: "Demonstração do produto"
               }
@@ -1068,7 +1068,7 @@ function Ur({ subtitle: a, title: s, description: o, cta: i, secondaryCta: n, no
     }
   );
 }
-function ur({ logo: a, index: s }) {
+function fr({ logo: a, index: s }) {
   const o = {
     src: a.src,
     alt: a.alt || `Logo ${s}`,
@@ -1086,15 +1086,15 @@ function ur({ logo: a, index: s }) {
       i.currentTarget.style.filter = "grayscale(1) opacity(0.4)";
     }
   };
-  return a.url ? /* @__PURE__ */ e(B, { children: /* @__PURE__ */ e(
+  return a.url ? /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e(
     "a",
     {
       href: a.url,
       target: "_blank",
       rel: "noopener noreferrer",
-      children: /* @__PURE__ */ e(_, { ...o })
+      children: /* @__PURE__ */ e(H, { ...o })
     }
-  ) }) : /* @__PURE__ */ e(B, { children: /* @__PURE__ */ e(_, { ...o }) });
+  ) }) : /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e(H, { ...o }) });
 }
 function _r({ id: a, title: s, logos: o, background: i = "gray" }) {
   return !o || o.length === 0 ? null : /* @__PURE__ */ e(
@@ -1103,9 +1103,9 @@ function _r({ id: a, title: s, logos: o, background: i = "gray" }) {
       component: "section",
       id: a,
       py: { base: 40, md: 60 },
-      bg: i,
+      bg: $(i),
       bd: { bottom: "1px solid var(--mantine-color-gray-2)" },
-      children: /* @__PURE__ */ e(E, { size: "lg", children: /* @__PURE__ */ r(
+      children: /* @__PURE__ */ e(L, { size: "lg", children: /* @__PURE__ */ r(
         u,
         {
           align: "center",
@@ -1131,7 +1131,7 @@ function _r({ id: a, title: s, logos: o, background: i = "gray" }) {
                 style: { rowGap: 40 },
                 w: "100%",
                 children: o.map((n, l) => /* @__PURE__ */ e(
-                  ur,
+                  fr,
                   {
                     logo: n,
                     index: l
@@ -1146,9 +1146,9 @@ function _r({ id: a, title: s, logos: o, background: i = "gray" }) {
     }
   );
 }
-function Gr({ id: a, subtitle: s, title: o, description: i, descriptionFz: n, featuresList: l, cta: p, video: d, image: h, reverse: c = !1, background: m = "white", mediaMaw: g }) {
+function Gr({ id: a, subtitle: s, title: o, description: i, descriptionFz: n, featuresList: l, cta: g, video: h, image: p, reverse: c = !1, background: m = "white", mediaMaw: d }) {
   const b = l && l.length > 0 && /* @__PURE__ */ e(
-    $,
+    V,
     {
       spacing: "md",
       size: "md",
@@ -1160,7 +1160,7 @@ function Gr({ id: a, subtitle: s, title: o, description: i, descriptionFz: n, fe
           size: 24,
           radius: "0",
           children: /* @__PURE__ */ e(
-            H,
+            Q,
             {
               size: 14,
               color: "var(--mantine-color-gray-9)"
@@ -1168,7 +1168,7 @@ function Gr({ id: a, subtitle: s, title: o, description: i, descriptionFz: n, fe
           )
         }
       ),
-      children: l.map((F, I) => /* @__PURE__ */ e($.Item, { children: F }, I))
+      children: l.map((A, I) => /* @__PURE__ */ e(V.Item, { children: A }, I))
     }
   ), y = /* @__PURE__ */ r(
     u,
@@ -1197,20 +1197,20 @@ function Gr({ id: a, subtitle: s, title: o, description: i, descriptionFz: n, fe
           }
         ),
         b,
-        p && /* @__PURE__ */ e(f, { mt: "md", children: /* @__PURE__ */ e(
-          M,
+        g && /* @__PURE__ */ e(f, { mt: "md", children: /* @__PURE__ */ e(
+          N,
           {
-            label: p.label,
-            href: p.href,
-            icon: p.icon,
-            size: p.size || "lg",
-            variant: p.variant,
-            color: p.color
+            label: g.label,
+            href: g.href,
+            icon: g.icon,
+            size: g.size || "lg",
+            variant: g.variant,
+            color: g.color
           }
         ) })
       ]
     }
-  ), v = (d || h) && /* 80% SÓ A PARTIR DO `md`, e a coluna inteira abaixo disso.
+  ), v = (h || p) && /* 80% SÓ A PARTIR DO `md`, e a coluna inteira abaixo disso.
   
              No desktop a mídia divide a linha com o texto, e os 80% deixam o ar
              que separa uma coluna da outra. No celular não há duas colunas: o
@@ -1224,31 +1224,31 @@ function Gr({ id: a, subtitle: s, title: o, description: i, descriptionFz: n, fe
              imagem de 52 a 338 (286px). A imagem não vazava — estava estreita
              demais para o lugar onde tinha ido parar. */
   /* @__PURE__ */ e(
-    we,
+    ve,
     {
-      video: d,
-      image: h,
+      video: h,
+      image: p,
       width: { base: "100%", md: "80%" },
-      maw: g
+      maw: d
     }
   );
   return /* @__PURE__ */ e(
-    k,
+    F,
     {
       id: a,
       subtitle: s,
       title: o,
       background: m,
       children: /* @__PURE__ */ e(
-        A,
+        k,
         {
           cols: { base: 1, md: 2 },
           spacing: { base: 40, md: 80 },
           verticalSpacing: { base: 40, md: 50 },
-          children: c ? /* @__PURE__ */ r(oe, { children: [
+          children: c ? /* @__PURE__ */ r(le, { children: [
             v,
             y
-          ] }) : /* @__PURE__ */ r(oe, { children: [
+          ] }) : /* @__PURE__ */ r(le, { children: [
             y,
             v
           ] })
@@ -1257,85 +1257,85 @@ function Gr({ id: a, subtitle: s, title: o, description: i, descriptionFz: n, fe
     }
   );
 }
-function Hr({ id: a, badge: s, subtitle: o, title: i, description: n, background: l = "gray", items: p = [], ta: d = "left", note: h }) {
+function Hr({ id: a, badge: s, subtitle: o, title: i, description: n, background: l = "gray", items: g = [], ta: h = "left", note: p }) {
   return /* @__PURE__ */ r(
-    k,
+    F,
     {
       id: a,
       badge: s,
       subtitle: o,
       title: i,
       background: l,
-      ta: d,
-      maw: d === "center" ? 900 : 800,
+      ta: h,
+      maw: h === "center" ? 900 : 800,
       children: [
         n && /* @__PURE__ */ e(
           t,
           {
             c: "gray.6",
-            ta: d,
+            ta: h,
             size: "lg",
             lh: 1.7,
             maw: 780,
-            mx: d === "center" ? "auto" : void 0,
+            mx: h === "center" ? "auto" : void 0,
             mb: 40,
             children: n
           }
         ),
-        /* @__PURE__ */ e(z, { gutter: "lg", children: p.map((c, m) => /* @__PURE__ */ e(
-          fr,
+        /* @__PURE__ */ e(z, { gutter: "lg", children: g.map((c, m) => /* @__PURE__ */ e(
+          yr,
           {
             ...c
           },
           m
         )) }),
-        h && /* @__PURE__ */ e(
+        p && /* @__PURE__ */ e(
           t,
           {
             c: "gray.6",
-            ta: d,
+            ta: h,
             mt: 56,
             maw: 780,
-            mx: d === "center" ? "auto" : void 0,
+            mx: h === "center" ? "auto" : void 0,
             lh: 1.7,
             fs: "italic",
-            children: h
+            children: p
           }
         )
       ]
     }
   );
 }
-function fr({
+function yr({
   icon: a,
   iconVariant: s,
   iconColor: o,
   label: i,
   title: n,
   titleSize: l,
-  description: p,
-  descriptionSize: d,
-  descriptionMaw: h,
+  description: g,
+  descriptionSize: h,
+  descriptionMaw: p,
   span: c = { base: 12, md: 6 },
   background: m = "white",
-  visual: g,
+  visual: d,
   secondaryVisual: b,
   layout: y = "stacked",
   badges: v,
   // Acoes do card, no shape universal de cta: { label, href, icon, variant }.
   // Sao dados, nunca JSX — o card monta os botoes, o consumidor so declara.
-  actions: F,
+  actions: A,
   codeBlock: I,
   // layout="split": quantas das 12 colunas o codigo ocupa. O padrao 6
   // divide o card ao meio; suba para 7 quando as linhas forem longas.
-  codeSpan: q = 6,
+  codeSpan: D = 6,
   // Rotulo da barra do terminal (ex: "bash", "index.js").
-  codeLabel: w,
-  decorativeContent: N,
-  style: C,
-  ...O
+  codeLabel: q,
+  decorativeContent: w,
+  style: O,
+  ...C
 }) {
-  const K = /* @__PURE__ */ r(x, { children: [
+  const Y = /* @__PURE__ */ r(x, { children: [
     a && /* @__PURE__ */ e(
       S,
       {
@@ -1376,63 +1376,63 @@ function fr({
         children: n
       }
     ),
-    p && /* @__PURE__ */ e(
+    g && /* @__PURE__ */ e(
       t,
       {
         c: "gray.6",
-        size: d || (y === "compact" ? "sm" : "lg"),
-        maw: h,
+        size: h || (y === "compact" ? "sm" : "lg"),
+        maw: p,
         mb: v ? "xl" : y === "compact" ? "lg" : void 0,
-        children: p
+        children: g
       }
     ),
-    v && v.length > 0 && /* @__PURE__ */ e(f, { children: v.map((ee, Q) => /* @__PURE__ */ e(
-      P,
+    v && v.length > 0 && /* @__PURE__ */ e(f, { children: v.map((ee, X) => /* @__PURE__ */ e(
+      M,
       {
         variant: "dot",
         color: "gray",
         radius: "0",
         children: ee
       },
-      Q
+      X
     )) }),
-    F && F.length > 0 && /* @__PURE__ */ e(
+    A && A.length > 0 && /* @__PURE__ */ e(
       f,
       {
         gap: "sm",
         mt: "xl",
-        children: F.map((ee, Q) => /* @__PURE__ */ e(
-          M,
+        children: A.map((ee, X) => /* @__PURE__ */ e(
+          N,
           {
             size: "md",
-            variant: Q === 0 ? "filled" : "default",
+            variant: X === 0 ? "filled" : "default",
             ...ee
           },
-          Q
+          X
         ))
       }
     )
-  ] }), V = g ? he(g) : null, ne = b ? he(b) : null;
+  ] }), W = d ? pe(d) : null, ie = b ? pe(b) : null;
   return y === "split" ? /* @__PURE__ */ e(z.Col, { span: c, children: /* @__PURE__ */ e(
     T,
     {
       h: "100%",
       p: { base: "xl", md: 40 },
       radius: "0",
-      bg: Y(m),
+      bg: _(m),
       bd: "1px solid var(--mantine-color-gray-2)",
-      style: C,
-      ...O,
+      style: O,
+      ...C,
       children: /* @__PURE__ */ r(
         z,
         {
           align: "center",
           gutter: "xl",
           children: [
-            /* @__PURE__ */ e(z.Col, { span: { base: 12, sm: 12 - q }, children: K }),
-            /* @__PURE__ */ r(z.Col, { span: { base: 12, sm: q }, children: [
-              V,
-              I && /* @__PURE__ */ e(hr, { label: w, children: I })
+            /* @__PURE__ */ e(z.Col, { span: { base: 12, sm: 12 - D }, children: Y }),
+            /* @__PURE__ */ r(z.Col, { span: { base: 12, sm: D }, children: [
+              W,
+              I && /* @__PURE__ */ e(pr, { label: q, children: I })
             ] })
           ]
         }
@@ -1444,26 +1444,26 @@ function fr({
       h: "100%",
       p: { base: "xl", md: 40 },
       radius: "0",
-      bg: Y(m),
+      bg: _(m),
       bd: "1px solid var(--mantine-color-gray-2)",
-      style: C,
-      ...O,
+      style: O,
+      ...C,
       children: [
-        K,
-        V
+        Y,
+        W
       ]
     }
-  ) }) : N ? /* @__PURE__ */ e(z.Col, { span: c, children: /* @__PURE__ */ e(
+  ) }) : w ? /* @__PURE__ */ e(z.Col, { span: c, children: /* @__PURE__ */ e(
     T,
     {
       h: "100%",
       p: { base: "xl", md: 40 },
       radius: "0",
-      bg: Y(m),
+      bg: _(m),
       bd: "1px solid var(--mantine-color-gray-2)",
       pos: "relative",
-      style: C,
-      ...O,
+      style: O,
+      ...C,
       children: /* @__PURE__ */ r(
         z,
         {
@@ -1475,7 +1475,7 @@ function fr({
               {
                 span: { base: 12, sm: 7 },
                 style: { zIndex: 1 },
-                children: K
+                children: Y
               }
             ),
             /* @__PURE__ */ e(
@@ -1483,7 +1483,7 @@ function fr({
               {
                 span: 5,
                 visibleFrom: "sm",
-                children: N
+                children: w
               }
             )
           ]
@@ -1496,43 +1496,43 @@ function fr({
       h: "100%",
       p: { base: "xl", md: 40 },
       radius: "0",
-      bg: Y(m),
+      bg: _(m),
       bd: "1px solid var(--mantine-color-gray-2)",
       display: "flex",
       style: {
         flexDirection: "column",
         justifyContent: "space-between",
-        ...C
+        ...O
       },
-      ...O,
+      ...C,
       children: [
-        K,
-        V && ne ? /* @__PURE__ */ r(
+        Y,
+        W && ie ? /* @__PURE__ */ r(
           f,
           {
             gap: 40,
             align: "center",
             children: [
-              V,
-              ne
+              W,
+              ie
             ]
           }
-        ) : V
+        ) : W
       ]
     }
   ) });
 }
-function he(a) {
+function pe(a) {
   if (!a) return null;
   switch (a.type) {
     case "ring":
       return /* @__PURE__ */ e(
-        Fe,
+        Ce,
         {
           size: a.size || 140,
           thickness: a.thickness || 12,
           sections: [{ value: a.value || 100, color: "gray.7" }],
-          label: /* @__PURE__ */ e(B, { children: /* @__PURE__ */ r(
+          label: /* @__PURE__ */ e(E, { children: /* @__PURE__ */ r(
             u,
             {
               gap: 0,
@@ -1584,7 +1584,7 @@ function he(a) {
           }
         ),
         a.badge && /* @__PURE__ */ e(
-          P,
+          M,
           {
             mt: "md",
             color: "gray",
@@ -1616,7 +1616,7 @@ function he(a) {
       );
     case "typography":
       return /* @__PURE__ */ e(
-        B,
+        E,
         {
           h: a.height || 160,
           bg: "gray.0",
@@ -1649,22 +1649,22 @@ function he(a) {
       return null;
   }
 }
-function Kr({ id: a, subtitle: s, title: o, items: i = [], cols: n, background: l = "white", ta: p = "center", note: d }) {
-  const h = n ?? Math.min(Math.max(i.length, 1), 4);
+function Kr({ id: a, subtitle: s, title: o, items: i = [], cols: n, background: l = "white", ta: g = "center", note: h }) {
+  const p = n ?? Math.min(Math.max(i.length, 1), 4);
   return /* @__PURE__ */ r(
-    k,
+    F,
     {
       id: a,
       subtitle: s,
       title: o,
       background: l,
-      ta: p,
+      ta: g,
       maw: 900,
       children: [
         /* @__PURE__ */ e(
-          A,
+          k,
           {
-            cols: { base: 1, sm: h === 3 ? 3 : 2, lg: h },
+            cols: { base: 1, sm: p === 3 ? 3 : 2, lg: p },
             spacing: 0,
             children: i.map((c, m) => /* @__PURE__ */ r(
               T,
@@ -1721,7 +1721,7 @@ function Kr({ id: a, subtitle: s, title: o, items: i = [], cols: n, background:
             ))
           }
         ),
-        d && /* @__PURE__ */ e(
+        h && /* @__PURE__ */ e(
           t,
           {
             size: "sm",
@@ -1731,32 +1731,32 @@ function Kr({ id: a, subtitle: s, title: o, items: i = [], cols: n, background:
             maw: 800,
             mx: "auto",
             lh: 1.6,
-            children: d
+            children: h
           }
         )
       ]
     }
   );
 }
-const W = {
+const U = {
   operational: { color: "green.6", chart: "green.6", title: "Todos os sistemas operando", badge: "Operacional" },
   degraded: { color: "yellow.7", chart: "yellow.7", title: "Desempenho degradado", badge: "Degradado" },
   down: { color: "red.7", chart: "red.7", title: "Interrupção em andamento", badge: "Fora do ar" },
   loading: { color: "gray.4", chart: "gray.5", title: "Verificando os sistemas", badge: "Verificando" }
-}, yr = (a) => {
+}, xr = (a) => {
   if (!a) return null;
   const s = new Date(a);
   return Number.isNaN(s.getTime()) ? null : s.toLocaleString("pt-BR", { dateStyle: "short", timeStyle: "medium" });
 };
-function Qr({ service: a, status: s = "loading", checkedAt: o, checks: i = [], latency: n = [], uptime: l = [], error: p }) {
-  const d = p ? W.down : W[s] || W.loading, h = yr(o);
+function Qr({ service: a, status: s = "loading", checkedAt: o, checks: i = [], latency: n = [], uptime: l = [], error: g }) {
+  const h = g ? U.down : U[s] || U.loading, p = xr(o);
   return /* @__PURE__ */ e(
     x,
     {
       component: "section",
-      bg: "white",
+      bg: P.white,
       children: /* @__PURE__ */ e(
-        E,
+        L,
         {
           size: "lg",
           py: 80,
@@ -1788,19 +1788,19 @@ function Qr({ service: a, status: s = "loading", checkedAt: o, checks: i = [], l
                       {
                         w: 16,
                         h: 16,
-                        bg: d.color,
+                        bg: h.color,
                         style: { borderRadius: "50%", flexShrink: 0 }
                       }
                     ),
                     /* @__PURE__ */ e(
-                      D,
+                      B,
                       {
                         order: 1,
                         fz: { base: 32, md: 56 },
                         fw: 900,
                         lts: "-0.04em",
                         lh: 1.05,
-                        children: p ? "Não foi possível verificar" : d.title
+                        children: g ? "Não foi possível verificar" : h.title
                       }
                     )
                   ]
@@ -1811,16 +1811,16 @@ function Qr({ service: a, status: s = "loading", checkedAt: o, checks: i = [], l
                 {
                   size: "sm",
                   c: "gray.5",
-                  children: p ? (
+                  children: g ? (
                     // O erro é da consulta feita pelo navegador, não do serviço:
                     // dizer "fora do ar" aqui seria afirmar mais do que se sabe.
                     "Esta página não conseguiu falar com o serviço. Pode ser a sua conexão — ou o próprio serviço."
-                  ) : h ? `Última verificação em ${h}` : "Verificando…"
+                  ) : p ? `Última verificação em ${p}` : "Verificando…"
                 }
               )
             ] }),
             (l.length > 0 || n.length > 0) && /* @__PURE__ */ r(
-              A,
+              k,
               {
                 cols: { base: 1, md: 2 },
                 spacing: 48,
@@ -1879,7 +1879,7 @@ function Qr({ service: a, status: s = "loading", checkedAt: o, checks: i = [], l
                               {
                                 w: 14,
                                 h: Math.max(8, c.pct / 100 * 96),
-                                bg: c.pct === 100 ? d.chart : c.pct > 0 ? "yellow.7" : "red.7"
+                                bg: c.pct === 100 ? h.chart : c.pct > 0 ? "yellow.7" : "red.7"
                               }
                             )
                           },
@@ -1926,12 +1926,12 @@ function Qr({ service: a, status: s = "loading", checkedAt: o, checks: i = [], l
                       )
                     ] }),
                     /* @__PURE__ */ e(
-                      or,
+                      lr,
                       {
                         h: 140,
                         data: n,
                         dataKey: "time",
-                        series: [{ name: "ms", color: d.chart, label: "Resposta" }],
+                        series: [{ name: "ms", color: h.chart, label: "Resposta" }],
                         curveType: "linear",
                         withDots: !1,
                         gridAxis: "y",
@@ -1959,7 +1959,7 @@ function Qr({ service: a, status: s = "loading", checkedAt: o, checks: i = [], l
                 }
               ),
               i.map((c, m) => {
-                const g = W[c.status] || W.loading;
+                const d = U[c.status] || U.loading;
                 return /* @__PURE__ */ r(
                   T,
                   {
@@ -1989,7 +1989,7 @@ function Qr({ service: a, status: s = "loading", checkedAt: o, checks: i = [], l
                                       w: 7,
                                       h: 7,
                                       mt: 7,
-                                      bg: g.color,
+                                      bg: d.color,
                                       style: { borderRadius: "50%", flexShrink: 0 }
                                     }
                                   ),
@@ -2036,12 +2036,12 @@ function Qr({ service: a, status: s = "loading", checkedAt: o, checks: i = [], l
                                     }
                                   ),
                                   /* @__PURE__ */ e(
-                                    P,
+                                    M,
                                     {
                                       variant: "dot",
-                                      color: g.color.split(".")[0],
+                                      color: d.color.split(".")[0],
                                       visibleFrom: "sm",
-                                      children: g.badge
+                                      children: d.badge
                                     }
                                   )
                                 ]
@@ -2080,7 +2080,7 @@ function Qr({ service: a, status: s = "loading", checkedAt: o, checks: i = [], l
                                     tt: "uppercase",
                                     lts: "1.5px",
                                     c: "gray.4",
-                                    children: xr[b] || b
+                                    children: br[b] || b
                                   }
                                 )
                               ]
@@ -2110,21 +2110,21 @@ function Qr({ service: a, status: s = "loading", checkedAt: o, checks: i = [], l
     }
   );
 }
-const xr = {
+const br = {
   activeSessions: "Sessões ativas",
   pendingVerifications: "Verificações pendentes",
   publicKeys: "Chaves públicas",
   domainsFailing: "Domínios com erro"
-}, pe = {
+}, ge = {
   operational: { color: "green.6", label: "Todos os sistemas operando" },
   degraded: { color: "yellow.7", label: "Desempenho degradado" },
   down: { color: "red.7", label: "Interrupção em andamento" },
   loading: { color: "gray.4", label: "Verificando status" }
-}, X = 20;
+}, J = 20;
 function Yr({ status: a = "loading", history: s = [], label: o, link: i, ...n }) {
-  const l = pe[a] || pe.loading, p = s.slice(-X), d = Array(Math.max(0, X - p.length)).fill(null), h = [...d, ...p];
+  const l = ge[a] || ge.loading, g = s.slice(-J), h = Array(Math.max(0, J - g.length)).fill(null), p = [...h, ...g];
   return /* @__PURE__ */ e(
-    ue,
+    fe,
     {
       underline: "never",
       "aria-label": `${o || l.label}. Ver página de status`,
@@ -2140,21 +2140,21 @@ function Yr({ status: a = "loading", history: s = [], label: o, link: i, ...n })
               x,
               {
                 component: "svg",
-                viewBox: `0 0 ${X * 4 - 1} 16`,
-                w: X * 4 - 1,
+                viewBox: `0 0 ${J * 4 - 1} 16`,
+                w: J * 4 - 1,
                 h: 16,
                 "aria-hidden": "true",
                 style: { display: "block", overflow: "visible" },
-                children: h.map((c, m) => {
-                  const g = c === null ? 2 : Math.max(2, c * 16), b = h.length - d.length - 1 || 1, y = m - d.length;
+                children: p.map((c, m) => {
+                  const d = c === null ? 2 : Math.max(2, c * 16), b = p.length - h.length - 1 || 1, y = m - h.length;
                   return /* @__PURE__ */ e(
                     x,
                     {
                       component: "rect",
                       x: m * 4,
-                      y: 16 - g,
+                      y: 16 - d,
                       width: 3,
-                      height: g,
+                      height: d,
                       fill: c === null ? "var(--mantine-color-gray-2)" : `var(--mantine-color-${l.color.replace(".", "-")})`,
                       opacity: c === null ? 0.6 : 0.55 + y / b * 0.45
                     },
@@ -2181,32 +2181,32 @@ function Yr({ status: a = "loading", history: s = [], label: o, link: i, ...n })
     }
   );
 }
-function Xr({ id: a, subtitle: s, title: o, description: i, items: n = [], ctaIcon: l, note: p, background: d = "white", ta: h = "center" }) {
+function Xr({ id: a, subtitle: s, title: o, description: i, items: n = [], ctaIcon: l, note: g, background: h = "white", ta: p = "center" }) {
   return /* @__PURE__ */ r(
-    k,
+    F,
     {
       id: a,
       subtitle: s,
       title: o,
-      background: d,
-      ta: h,
+      background: h,
+      ta: p,
       maw: 900,
       children: [
         i && /* @__PURE__ */ e(
           t,
           {
             c: "gray.6",
-            ta: h,
+            ta: p,
             mb: 80,
             maw: 780,
-            mx: h === "center" ? "auto" : void 0,
+            mx: p === "center" ? "auto" : void 0,
             size: "lg",
             lh: 1.6,
             children: i
           }
         ),
         /* @__PURE__ */ e(z, { gutter: "xl", children: n.map((c, m) => {
-          const g = c.icon;
+          const d = c.icon;
           return /* @__PURE__ */ e(
             z.Col,
             {
@@ -2243,7 +2243,7 @@ function Xr({ id: a, subtitle: s, title: o, description: i, items: n = [], ctaIc
                               }
                             ),
                             /* @__PURE__ */ e(
-                              D,
+                              B,
                               {
                                 order: 3,
                                 fz: "h2",
@@ -2253,8 +2253,8 @@ function Xr({ id: a, subtitle: s, title: o, description: i, items: n = [], ctaIc
                               }
                             )
                           ] }),
-                          g && /* @__PURE__ */ e(
-                            g,
+                          d && /* @__PURE__ */ e(
+                            d,
                             {
                               size: 28,
                               stroke: 1.5,
@@ -2288,7 +2288,7 @@ function Xr({ id: a, subtitle: s, title: o, description: i, items: n = [], ctaIc
                       }
                     ),
                     c.href && /* @__PURE__ */ e(
-                      U,
+                      G,
                       {
                         component: "a",
                         href: c.href,
@@ -2316,18 +2316,18 @@ function Xr({ id: a, subtitle: s, title: o, description: i, items: n = [], ctaIc
             c.name || m
           );
         }) }),
-        p && /* @__PURE__ */ e(
+        g && /* @__PURE__ */ e(
           t,
           {
             size: "sm",
             c: "gray.6",
-            ta: h,
+            ta: p,
             mt: 60,
             maw: 800,
-            mx: h === "center" ? "auto" : void 0,
+            mx: p === "center" ? "auto" : void 0,
             lh: 1.6,
             fs: "italic",
-            children: p
+            children: g
           }
         )
       ]
@@ -2341,9 +2341,9 @@ function Jr({
   description: i,
   items: n = [],
   categories: l = [],
-  filtersLabel: p = "Filtrar por categoria",
-  note: d,
-  background: h = "white",
+  filtersLabel: g = "Filtrar por categoria",
+  note: h,
+  background: p = "white",
   // SEM DEFAULT COM PALAVRA DE PRODUTO. Este texto aparece na tela, e um
   // default como "Conhecer a peça" faria o kit anunciar o vocabulário de um
   // produto dentro de outro — o erro que já tirou a marca do topo com o
@@ -2351,7 +2351,7 @@ function Jr({
   // rótulo a chamada não é desenhada; quem chama diz a palavra.
   ctaLabel: c
 }) {
-  const [m, g] = G("todas"), b = Me("(min-width: 48em)", !1), y = Ne(() => m === "todas" ? n : [...n].sort((I, q) => +(q.category === m) - +(I.category === m)), [n, m]), [v, ...F] = y;
+  const [m, d] = K("todas"), b = je("(min-width: 48em)", !1), y = Oe(() => m === "todas" ? n : [...n].sort((I, D) => +(D.category === m) - +(I.category === m)), [n, m]), [v, ...A] = y;
   return v ? (
     // O CABEÇALHO É CENTRALIZADO, O CONTEÚDO NÃO. `ta="center"` no
     // `Section` alinha o kicker, o título e — por herança — tudo que
@@ -2362,12 +2362,12 @@ function Jr({
     // recomeçar. Centralizado é o que se lê uma vez; à esquerda é o que
     // se compara em coluna.
     /* @__PURE__ */ r(
-      k,
+      F,
       {
         id: a,
         subtitle: s,
         title: o,
-        background: h,
+        background: p,
         ta: "center",
         children: [
           i && /* @__PURE__ */ e(
@@ -2390,12 +2390,12 @@ function Jr({
               justify: b ? "center" : "flex-start",
               wrap: "nowrap",
               role: "group",
-              "aria-label": p,
+              "aria-label": g,
               className: "rlg-shelf-filters",
               children: l.map((I) => /* @__PURE__ */ e(
-                Ce,
+                De,
                 {
-                  onClick: () => g(I.id),
+                  onClick: () => d(I.id),
                   className: "rlg-shelf-pill",
                   "data-active": m === I.id || void 0,
                   "aria-pressed": m === I.id,
@@ -2407,22 +2407,22 @@ function Jr({
           ),
           /* @__PURE__ */ r(z, { gutter: "lg", children: [
             /* @__PURE__ */ e(z.Col, { span: { base: 12, lg: 5, xl: 4 }, children: /* @__PURE__ */ e(
-              br,
+              wr,
               {
                 item: v,
                 ctaLabel: c
               }
             ) }),
-            /* @__PURE__ */ e(z.Col, { span: { base: 12, lg: 7, xl: 8 }, children: /* @__PURE__ */ e(z, { gutter: "lg", children: F.map((I) => /* @__PURE__ */ e(
+            /* @__PURE__ */ e(z.Col, { span: { base: 12, lg: 7, xl: 8 }, children: /* @__PURE__ */ e(z, { gutter: "lg", children: A.map((I) => /* @__PURE__ */ e(
               z.Col,
               {
                 span: { base: 12, xs: 6, md: 4, lg: 6, xl: 4 },
-                children: /* @__PURE__ */ e(wr, { item: I })
+                children: /* @__PURE__ */ e(vr, { item: I })
               },
               I.name
             )) }) })
           ] }),
-          d && /* @__PURE__ */ e(
+          h && /* @__PURE__ */ e(
             t,
             {
               size: "sm",
@@ -2431,7 +2431,7 @@ function Jr({
               maw: 800,
               mx: "auto",
               lh: 1.6,
-              children: d
+              children: h
             }
           )
         ]
@@ -2439,18 +2439,18 @@ function Jr({
     )
   ) : null;
 }
-const ve = (a) => ({
+const ze = (a) => ({
   component: "a",
   href: a.href,
   target: a.target,
   rel: a.target === "_blank" ? "noopener noreferrer" : void 0
 });
-function br({ item: a, ctaLabel: s }) {
+function wr({ item: a, ctaLabel: s }) {
   const o = a.icon;
   return /* @__PURE__ */ r(
     T,
     {
-      ...ve(a),
+      ...ze(a),
       className: "rlg-shelf-feature",
       radius: "0",
       p: 0,
@@ -2459,7 +2459,7 @@ function br({ item: a, ctaLabel: s }) {
       ta: "left",
       children: [
         a.art && /* @__PURE__ */ e(
-          _,
+          H,
           {
             src: a.art,
             alt: "",
@@ -2498,7 +2498,7 @@ function br({ item: a, ctaLabel: s }) {
               ] }),
               /* @__PURE__ */ r(x, { className: "rlg-shelf-feature-bottom", children: [
                 /* @__PURE__ */ e(
-                  D,
+                  B,
                   {
                     order: 3,
                     className: "rlg-shelf-feature-title",
@@ -2535,7 +2535,7 @@ function br({ item: a, ctaLabel: s }) {
                         }
                       ),
                       /* @__PURE__ */ e(
-                        _e,
+                        Ge,
                         {
                           size: 16,
                           stroke: 2.5,
@@ -2553,12 +2553,12 @@ function br({ item: a, ctaLabel: s }) {
     }
   );
 }
-function wr({ item: a }) {
+function vr({ item: a }) {
   const s = a.icon;
   return /* @__PURE__ */ r(
     T,
     {
-      ...ve(a),
+      ...ze(a),
       className: "rlg-shelf-card",
       radius: "0",
       p: "lg",
@@ -2567,7 +2567,7 @@ function wr({ item: a }) {
       ta: "left",
       children: [
         a.art && /* @__PURE__ */ e(
-          _,
+          H,
           {
             src: a.art,
             alt: "",
@@ -2593,7 +2593,7 @@ function wr({ item: a }) {
               ),
               /* @__PURE__ */ r(x, { children: [
                 /* @__PURE__ */ e(
-                  D,
+                  B,
                   {
                     order: 3,
                     fz: "h4",
@@ -2621,25 +2621,25 @@ function wr({ item: a }) {
     }
   );
 }
-function Zr({ id: a, subtitle: s, title: o, description: i, items: n = [], note: l, background: p = "gray", ta: d = "center" }) {
+function Zr({ id: a, subtitle: s, title: o, description: i, items: n = [], note: l, background: g = "gray", ta: h = "center" }) {
   return /* @__PURE__ */ r(
-    k,
+    F,
     {
       id: a,
       subtitle: s,
       title: o,
-      background: p,
-      ta: d,
+      background: g,
+      ta: h,
       maw: 900,
       children: [
         i && /* @__PURE__ */ e(
           t,
           {
             c: "gray.6",
-            ta: d,
+            ta: h,
             mb: 56,
             maw: 760,
-            mx: d === "center" ? "auto" : void 0,
+            mx: h === "center" ? "auto" : void 0,
             size: "lg",
             lh: 1.7,
             children: i
@@ -2653,7 +2653,7 @@ function Zr({ id: a, subtitle: s, title: o, description: i, items: n = [], note:
             bd: "1px solid var(--mantine-color-gray-2)",
             px: { base: "lg", md: 40 },
             py: { base: "xs", md: "md" },
-            children: n.map((h, c) => /* @__PURE__ */ r(
+            children: n.map((p, c) => /* @__PURE__ */ r(
               z,
               {
                 gutter: { base: 4, sm: "xl" },
@@ -2667,7 +2667,7 @@ function Zr({ id: a, subtitle: s, title: o, description: i, items: n = [], note:
                       fw: 700,
                       lh: 1.4,
                       c: "gray.9",
-                      children: h.criterion
+                      children: p.criterion
                     }
                   ) }),
                   /* @__PURE__ */ r(z.Col, { span: { base: 12, sm: 8 }, children: [
@@ -2677,23 +2677,23 @@ function Zr({ id: a, subtitle: s, title: o, description: i, items: n = [], note:
                         fw: 700,
                         lh: 1.4,
                         mb: 6,
-                        c: h.muted ? "gray.5" : "gray.9",
-                        children: h.value
+                        c: p.muted ? "gray.5" : "gray.9",
+                        children: p.value
                       }
                     ),
-                    h.note && /* @__PURE__ */ e(
+                    p.note && /* @__PURE__ */ e(
                       t,
                       {
                         size: "sm",
                         c: "gray.6",
                         lh: 1.6,
-                        children: h.note
+                        children: p.note
                       }
                     )
                   ] })
                 ]
               },
-              h.criterion || c
+              p.criterion || c
             ))
           }
         ),
@@ -2702,10 +2702,10 @@ function Zr({ id: a, subtitle: s, title: o, description: i, items: n = [], note:
           {
             size: "sm",
             c: "gray.6",
-            ta: d,
+            ta: h,
             mt: 40,
             maw: 720,
-            mx: d === "center" ? "auto" : void 0,
+            mx: h === "center" ? "auto" : void 0,
             lh: 1.7,
             children: l
           }
@@ -2714,26 +2714,26 @@ function Zr({ id: a, subtitle: s, title: o, description: i, items: n = [], note:
     }
   );
 }
-function ea({ id: a, subtitle: s, title: o, description: i, cardLabel: n, items: l = [], footnote: p, background: d = "gray", ta: h = "center" }) {
+function ea({ id: a, subtitle: s, title: o, description: i, cardLabel: n, items: l = [], footnote: g, background: h = "gray", ta: p = "center" }) {
   return /* @__PURE__ */ r(
-    k,
+    F,
     {
       id: a,
       subtitle: s,
       title: o,
-      background: d,
-      ta: h,
+      background: h,
+      ta: p,
       maw: 800,
       children: [
         i && /* @__PURE__ */ e(
           t,
           {
             c: "gray.6",
-            ta: h,
+            ta: p,
             size: "lg",
             lh: 1.7,
             maw: 720,
-            mx: h === "center" ? "auto" : void 0,
+            mx: p === "center" ? "auto" : void 0,
             mb: 48,
             children: i
           }
@@ -2791,7 +2791,7 @@ function ea({ id: a, subtitle: s, title: o, description: i, cardLabel: n, items:
                   ))
                 }
               ),
-              p && /* @__PURE__ */ r(
+              g && /* @__PURE__ */ r(
                 t,
                 {
                   size: "sm",
@@ -2801,18 +2801,18 @@ function ea({ id: a, subtitle: s, title: o, description: i, cardLabel: n, items:
                   lh: 1.7,
                   style: { borderTop: "1px solid var(--mantine-color-gray-2)" },
                   children: [
-                    p.lead && /* @__PURE__ */ e(
+                    g.lead && /* @__PURE__ */ e(
                       t,
                       {
                         component: "span",
                         fw: 700,
                         c: "gray.9",
                         inherit: !0,
-                        children: p.lead
+                        children: g.lead
                       }
                     ),
                     " ",
-                    p.text
+                    g.text
                   ]
                 }
               )
@@ -2823,9 +2823,9 @@ function ea({ id: a, subtitle: s, title: o, description: i, cardLabel: n, items:
     }
   );
 }
-function ra({ id: a, subtitle: s, title: o, description: i, avatar: n, name: l, role: p, quote: d, credentials: h = [], background: c = "white", ta: m = "center" }) {
+function ra({ id: a, subtitle: s, title: o, description: i, avatar: n, name: l, role: g, quote: h, credentials: p = [], background: c = "white", ta: m = "center" }) {
   return /* @__PURE__ */ r(
-    k,
+    F,
     {
       id: a,
       subtitle: s,
@@ -2872,7 +2872,7 @@ function ra({ id: a, subtitle: s, title: o, description: i, avatar: n, name: l,
                         mx: { base: "auto", sm: 0 },
                         w: { base: 132, sm: 148 },
                         children: /* @__PURE__ */ e(
-                          _,
+                          H,
                           {
                             src: n.src,
                             alt: n.alt || l || "",
@@ -2888,7 +2888,7 @@ function ra({ id: a, subtitle: s, title: o, description: i, avatar: n, name: l,
                       }
                     ) }),
                     /* @__PURE__ */ r(z.Col, { span: { base: 12, sm: "auto" }, children: [
-                      (l || p) && /* @__PURE__ */ r(
+                      (l || g) && /* @__PURE__ */ r(
                         f,
                         {
                           mb: "lg",
@@ -2906,20 +2906,20 @@ function ra({ id: a, subtitle: s, title: o, description: i, avatar: n, name: l,
                                 children: l
                               }
                             ),
-                            p && /* @__PURE__ */ e(
-                              P,
+                            g && /* @__PURE__ */ e(
+                              M,
                               {
                                 variant: "dot",
                                 color: "gray",
                                 size: "sm",
                                 radius: "0",
-                                children: p
+                                children: g
                               }
                             )
                           ]
                         }
                       ),
-                      d && /* @__PURE__ */ e(
+                      h && /* @__PURE__ */ e(
                         t,
                         {
                           fz: { base: "md", md: "lg" },
@@ -2928,22 +2928,22 @@ function ra({ id: a, subtitle: s, title: o, description: i, avatar: n, name: l,
                           pl: { base: 0, sm: "xl" },
                           ta: { base: "center", sm: "left" },
                           style: { borderLeft: "2px solid var(--mantine-color-gray-3)" },
-                          children: d
+                          children: h
                         }
                       )
                     ] })
                   ]
                 }
               ),
-              h.length > 0 && /* @__PURE__ */ e(
-                A,
+              p.length > 0 && /* @__PURE__ */ e(
+                k,
                 {
-                  cols: h.length,
+                  cols: p.length,
                   spacing: { base: "xs", sm: "lg" },
                   mt: { base: 32, md: 48 },
                   pt: { base: "lg", md: "xl" },
                   style: { borderTop: "1px solid var(--mantine-color-gray-2)" },
-                  children: h.map((g, b) => /* @__PURE__ */ r(
+                  children: p.map((d, b) => /* @__PURE__ */ r(
                     x,
                     {
                       ta: { base: "center", sm: "left" },
@@ -2958,7 +2958,7 @@ function ra({ id: a, subtitle: s, title: o, description: i, avatar: n, name: l,
                             mb: 8,
                             c: "gray.9",
                             style: { letterSpacing: "-0.04em" },
-                            children: g.value
+                            children: d.value
                           }
                         ),
                         /* @__PURE__ */ e(
@@ -2971,12 +2971,12 @@ function ra({ id: a, subtitle: s, title: o, description: i, avatar: n, name: l,
                             lh: 1.4,
                             tt: "uppercase",
                             lts: "1.5px",
-                            children: g.label
+                            children: d.label
                           }
                         )
                       ]
                     },
-                    g.label || b
+                    d.label || b
                   ))
                 }
               )
@@ -2987,39 +2987,39 @@ function ra({ id: a, subtitle: s, title: o, description: i, avatar: n, name: l,
     }
   );
 }
-function aa({ id: a, badge: s, subtitle: o, title: i, description: n, items: l = [], background: p = "gray", ta: d = "center" }) {
+function aa({ id: a, badge: s, subtitle: o, title: i, description: n, items: l = [], background: g = "gray", ta: h = "center" }) {
   return /* @__PURE__ */ r(
-    k,
+    F,
     {
       id: a,
       badge: s,
       subtitle: o,
       title: i,
-      background: p,
-      ta: d,
+      background: g,
+      ta: h,
       maw: 900,
       children: [
         n && /* @__PURE__ */ e(
           t,
           {
             c: "gray.6",
-            ta: d,
+            ta: h,
             mb: 60,
             maw: 700,
-            mx: d === "center" ? "auto" : void 0,
+            mx: h === "center" ? "auto" : void 0,
             fz: "lg",
             lh: 1.6,
             children: n
           }
         ),
         /* @__PURE__ */ e(
-          A,
+          k,
           {
             cols: { base: 1, md: l.length <= 4 ? l.length : 3 },
             spacing: "xl",
             verticalSpacing: { base: 56, md: "xl" },
-            children: l.map((h, c) => {
-              const m = h.icon;
+            children: l.map((p, c) => {
+              const m = p.icon;
               return /* @__PURE__ */ r(
                 x,
                 {
@@ -3041,7 +3041,7 @@ function aa({ id: a, badge: s, subtitle: o, title: i, description: n, items: l =
                           letterSpacing: "-0.05em",
                           pointerEvents: "none"
                         },
-                        children: h.number || String(c + 1).padStart(2, "0")
+                        children: p.number || String(c + 1).padStart(2, "0")
                       }
                     ),
                     m && /* @__PURE__ */ e(
@@ -3064,7 +3064,7 @@ function aa({ id: a, badge: s, subtitle: o, title: i, description: n, items: l =
                       }
                     ),
                     /* @__PURE__ */ e(
-                      D,
+                      B,
                       {
                         order: 3,
                         fz: "h3",
@@ -3072,7 +3072,7 @@ function aa({ id: a, badge: s, subtitle: o, title: i, description: n, items: l =
                         mb: "xs",
                         pos: "relative",
                         style: { zIndex: 1 },
-                        children: h.title
+                        children: p.title
                       }
                     ),
                     /* @__PURE__ */ e(
@@ -3083,12 +3083,12 @@ function aa({ id: a, badge: s, subtitle: o, title: i, description: n, items: l =
                         lh: 1.6,
                         pos: "relative",
                         style: { zIndex: 1 },
-                        children: h.description
+                        children: p.description
                       }
                     )
                   ]
                 },
-                h.title || c
+                p.title || c
               );
             })
           }
@@ -3097,27 +3097,35 @@ function aa({ id: a, badge: s, subtitle: o, title: i, description: n, items: l =
     }
   );
 }
-const ge = (a) => a.requiredMessage || `Preencha o campo ${a.label}`;
-function ta({ id: a, badge: s, title: o, description: i, fields: n = [], whatsappNumber: l, messageIntro: p = "Olá! Vim pelo site.", submit: d = {}, reassurance: h, onSubmit: c }) {
-  const [m, g] = G(() => Object.fromEntries(n.map((w) => [w.name, ""]))), [b, y] = G(!1), v = (w) => (N) => {
-    const { value: C } = N.currentTarget;
-    g((O) => ({ ...O, [w]: C }));
-  }, I = n.filter((w) => w.required).every((w) => m[w.name]?.trim());
+const me = (a) => a.requiredMessage || `Preencha o campo ${a.label}`;
+function ta({ id: a, badge: s, title: o, description: i, fields: n = [], whatsappNumber: l, messageIntro: g = "Olá! Vim pelo site.", submit: h = {}, reassurance: p, onSubmit: c, background: m = "gray" }) {
+  const [d, b] = K(() => Object.fromEntries(n.map((w) => [w.name, ""]))), [y, v] = K(!1), A = (w) => (O) => {
+    const { value: C } = O.currentTarget;
+    b((ne) => ({ ...ne, [w]: C }));
+  }, D = n.filter((w) => w.required).every((w) => d[w.name]?.trim()), q = (w) => {
+    if (w.preventDefault(), v(!0), !D) return;
+    const O = [g, "", ...n.filter((C) => d[C.name]?.trim()).map((C) => `${C.label}: ${d[C.name]}`)].join(`
+`);
+    if (c?.(d), l) {
+      const C = `https://wa.me/${l}?text=${encodeURIComponent(O)}`;
+      window.open(C, "_blank", "noopener,noreferrer");
+    }
+  };
   return /* @__PURE__ */ e(
     x,
     {
       id: a,
       component: "section",
       py: { base: 80, md: 120 },
-      bg: "gray.9",
-      children: /* @__PURE__ */ r(E, { size: "md", children: [
+      bg: $(m),
+      children: /* @__PURE__ */ r(L, { size: "md", children: [
         s && /* @__PURE__ */ e(
           f,
           {
             justify: "center",
             mb: "md",
             children: /* @__PURE__ */ e(
-              P,
+              M,
               {
                 variant: "light",
                 color: "gray",
@@ -3129,11 +3137,11 @@ function ta({ id: a, badge: s, title: o, description: i, fields: n = [], whatsap
           }
         ),
         o && /* @__PURE__ */ e(
-          D,
+          B,
           {
             order: 2,
             ta: "center",
-            c: "white",
+            c: "gray.9",
             mb: "md",
             fz: "var(--fz-section-title)",
             children: o
@@ -3143,7 +3151,7 @@ function ta({ id: a, badge: s, title: o, description: i, fields: n = [], whatsap
           t,
           {
             ta: "center",
-            c: "gray.4",
+            c: "gray.6",
             mb: 48,
             maw: 620,
             mx: "auto",
@@ -3157,60 +3165,53 @@ function ta({ id: a, badge: s, title: o, description: i, fields: n = [], whatsap
           {
             p: "xl",
             radius: "0",
-            bg: "white",
-            children: /* @__PURE__ */ e("form", { onSubmit: (w) => {
-              if (w.preventDefault(), y(!0), !I) return;
-              const N = [p, "", ...n.filter((C) => m[C.name]?.trim()).map((C) => `${C.label}: ${m[C.name]}`)].join(`
-`);
-              if (c?.(m), l) {
-                const C = `https://wa.me/${l}?text=${encodeURIComponent(N)}`;
-                window.open(C, "_blank", "noopener,noreferrer");
-              }
-            }, children: /* @__PURE__ */ r(u, { gap: "md", children: [
-              /* @__PURE__ */ e(A, { cols: { base: 1, sm: 2 }, children: n.filter((w) => w.span !== "full").map((w) => /* @__PURE__ */ e(
-                ie,
+            bg: _(m),
+            withBorder: !0,
+            children: /* @__PURE__ */ e("form", { onSubmit: q, children: /* @__PURE__ */ r(u, { gap: "md", children: [
+              /* @__PURE__ */ e(k, { cols: { base: 1, sm: 2 }, children: n.filter((w) => w.span !== "full").map((w) => /* @__PURE__ */ e(
+                oe,
                 {
                   label: w.label,
                   placeholder: w.placeholder,
                   type: w.type || "text",
                   required: w.required,
-                  value: m[w.name] || "",
-                  onChange: v(w.name),
-                  error: b && w.required && !m[w.name]?.trim() ? ge(w) : null
+                  value: d[w.name] || "",
+                  onChange: A(w.name),
+                  error: y && w.required && !d[w.name]?.trim() ? me(w) : null
                 },
                 w.name
               )) }),
               n.filter((w) => w.span === "full").map((w) => /* @__PURE__ */ e(
-                ie,
+                oe,
                 {
                   label: w.label,
                   placeholder: w.placeholder,
                   type: w.type || "text",
                   required: w.required,
-                  value: m[w.name] || "",
-                  onChange: v(w.name),
-                  error: b && w.required && !m[w.name]?.trim() ? ge(w) : null
+                  value: d[w.name] || "",
+                  onChange: A(w.name),
+                  error: y && w.required && !d[w.name]?.trim() ? me(w) : null
                 },
                 w.name
               )),
               /* @__PURE__ */ e(
-                U,
+                G,
                 {
                   type: "submit",
                   size: "lg",
                   radius: "0",
                   color: "gray.9",
-                  leftSection: d.leftSection,
+                  leftSection: h.leftSection,
                   mt: "sm",
                   styles: {
                     root: { height: "auto" },
                     label: { whiteSpace: "normal", lineHeight: 1.4 },
                     inner: { paddingTop: 12, paddingBottom: 12 }
                   },
-                  children: d.label || "Enviar"
+                  children: h.label || "Enviar"
                 }
               ),
-              h && /* @__PURE__ */ r(
+              p && /* @__PURE__ */ r(
                 f,
                 {
                   gap: "xs",
@@ -3224,7 +3225,7 @@ function ta({ id: a, badge: s, title: o, description: i, fields: n = [], whatsap
                         color: "gray",
                         size: "sm",
                         children: /* @__PURE__ */ e(
-                          ye,
+                          xe,
                           {
                             size: 16,
                             stroke: 1.5
@@ -3237,7 +3238,7 @@ function ta({ id: a, badge: s, title: o, description: i, fields: n = [], whatsap
                       {
                         size: "xs",
                         c: "gray.6",
-                        children: h
+                        children: p
                       }
                     )
                   ]
@@ -3252,7 +3253,7 @@ function ta({ id: a, badge: s, title: o, description: i, fields: n = [], whatsap
 }
 function na({ id: a, subtitle: s, title: o, traditionalCol: i, newCol: n, background: l = "white" }) {
   return /* @__PURE__ */ e(
-    k,
+    F,
     {
       id: a,
       subtitle: s,
@@ -3265,7 +3266,7 @@ function na({ id: a, subtitle: s, title: o, traditionalCol: i, newCol: n, backgr
           bd: "1px solid var(--mantine-color-gray-2)",
           style: { overflow: "hidden" },
           children: /* @__PURE__ */ r(
-            A,
+            k,
             {
               cols: { base: 1, md: 2 },
               spacing: 0,
@@ -3304,14 +3305,14 @@ function na({ id: a, subtitle: s, title: o, traditionalCol: i, newCol: n, backgr
                         {
                           gap: "md",
                           mb: 40,
-                          children: i.items.map((p, d) => /* @__PURE__ */ r(Oe, { children: [
+                          children: i.items.map((g, h) => /* @__PURE__ */ r(Re, { children: [
                             /* @__PURE__ */ r(f, { justify: "space-between", children: [
                               /* @__PURE__ */ e(
                                 t,
                                 {
                                   size: "sm",
                                   c: "gray.6",
-                                  children: p.label
+                                  children: g.label
                                 }
                               ),
                               /* @__PURE__ */ e(
@@ -3319,12 +3320,12 @@ function na({ id: a, subtitle: s, title: o, traditionalCol: i, newCol: n, backgr
                                 {
                                   fw: 700,
                                   c: "gray.9",
-                                  children: p.value
+                                  children: g.value
                                 }
                               )
                             ] }),
-                            d < i.items.length - 1 && /* @__PURE__ */ e(L, { color: "var(--mantine-color-gray-2)" })
-                          ] }, d))
+                            h < i.items.length - 1 && /* @__PURE__ */ e(j, { color: "var(--mantine-color-gray-2)" })
+                          ] }, h))
                         }
                       ),
                       /* @__PURE__ */ r(
@@ -3395,7 +3396,7 @@ function na({ id: a, subtitle: s, title: o, traditionalCol: i, newCol: n, backgr
                                 }
                               ),
                               n.badge && /* @__PURE__ */ e(
-                                P,
+                                M,
                                 {
                                   color: "gray.9",
                                   variant: "filled",
@@ -3414,7 +3415,7 @@ function na({ id: a, subtitle: s, title: o, traditionalCol: i, newCol: n, backgr
                             )
                           ] }),
                           /* @__PURE__ */ e(
-                            $,
+                            V,
                             {
                               spacing: "md",
                               size: "md",
@@ -3427,7 +3428,7 @@ function na({ id: a, subtitle: s, title: o, traditionalCol: i, newCol: n, backgr
                                   radius: "0",
                                   bd: "1px solid var(--mantine-color-gray-2)",
                                   children: /* @__PURE__ */ e(
-                                    H,
+                                    Q,
                                     {
                                       size: 12,
                                       color: "var(--mantine-color-gray-9)"
@@ -3435,7 +3436,7 @@ function na({ id: a, subtitle: s, title: o, traditionalCol: i, newCol: n, backgr
                                   )
                                 }
                               ),
-                              children: n.items.map((p, d) => /* @__PURE__ */ e($.Item, { children: p }, d))
+                              children: n.items.map((g, h) => /* @__PURE__ */ e(V.Item, { children: g }, h))
                             }
                           ),
                           n.pricingBox && /* @__PURE__ */ e(
@@ -3480,7 +3481,7 @@ function na({ id: a, subtitle: s, title: o, traditionalCol: i, newCol: n, backgr
                             }
                           ),
                           n.cta && /* @__PURE__ */ e(x, { mt: "xl", children: /* @__PURE__ */ e(
-                            M,
+                            N,
                             {
                               label: n.cta.label,
                               href: n.cta.href,
@@ -3513,14 +3514,14 @@ function ia({
     { label: "Mensal", value: "monthly" },
     { label: "Anual", value: "annual" }
   ],
-  billing: p,
-  setBilling: d,
-  promoBadge: h,
+  billing: g,
+  setBilling: h,
+  promoBadge: p,
   plans: c,
   background: m = "white"
 }) {
   return /* @__PURE__ */ r(
-    k,
+    F,
     {
       id: a,
       badge: s,
@@ -3551,10 +3552,10 @@ function ia({
             mb: 80,
             children: /* @__PURE__ */ r(f, { gap: "xs", children: [
               /* @__PURE__ */ e(
-                De,
+                qe,
                 {
-                  value: p,
-                  onChange: d,
+                  value: g,
+                  onChange: h,
                   radius: "0",
                   size: "md",
                   data: l,
@@ -3563,32 +3564,32 @@ function ia({
                   style: { border: "1px solid var(--mantine-color-gray-2)" }
                 }
               ),
-              p === "annual" && h && /* @__PURE__ */ e(
-                P,
+              g === "annual" && p && /* @__PURE__ */ e(
+                M,
                 {
                   variant: "filled",
                   color: "gray.9",
                   radius: "0",
                   size: "lg",
-                  children: h
+                  children: p
                 }
               )
             ] })
           }
         ),
         /* @__PURE__ */ e(
-          A,
+          k,
           {
             cols: { base: 1, md: c.length <= 3 ? c.length : 3 },
             spacing: "xl",
             verticalSpacing: "xl",
-            children: c.map((g) => /* @__PURE__ */ r(
+            children: c.map((d) => /* @__PURE__ */ r(
               T,
               {
                 p: "xl",
                 radius: "0",
                 withBorder: !0,
-                bd: g.highlight ? "2px solid var(--mantine-color-gray-9)" : "1px solid var(--mantine-color-gray-2)",
+                bd: d.highlight ? "2px solid var(--mantine-color-gray-9)" : "1px solid var(--mantine-color-gray-2)",
                 display: "flex",
                 h: "100%",
                 style: { flexDirection: "column" },
@@ -3614,15 +3615,15 @@ function ia({
                                   tt: "uppercase",
                                   lts: "1.5px",
                                   c: "gray.4",
-                                  children: g.name
+                                  children: d.name
                                 }
                               ),
-                              g.highlight && /* @__PURE__ */ e(
-                                P,
+                              d.highlight && /* @__PURE__ */ e(
+                                M,
                                 {
                                   variant: "dot",
                                   color: "gray.9",
-                                  children: g.highlightBadge || "RECOMENDADO"
+                                  children: d.highlightBadge || "RECOMENDADO"
                                 }
                               )
                             ]
@@ -3636,14 +3637,14 @@ function ia({
                             fw: 500,
                             lh: 1.5,
                             h: { md: 42 },
-                            children: g.description
+                            children: d.description
                           }
                         )
                       ]
                     }
                   ),
                   /* @__PURE__ */ r(x, { mb: "xl", children: [
-                    g.pricePrefix !== null && /* @__PURE__ */ e(
+                    d.pricePrefix !== null && /* @__PURE__ */ e(
                       t,
                       {
                         size: "xs",
@@ -3652,10 +3653,10 @@ function ia({
                         tt: "uppercase",
                         lts: "1px",
                         mb: 4,
-                        children: g.pricePrefix || "A partir de"
+                        children: d.pricePrefix || "A partir de"
                       }
                     ),
-                    g.priceText ? (
+                    d.priceText ? (
                       // Escape hatch para preço que não é número
                       // ("Sob consulta"), onde currency/whole/fraction
                       // não têm o que representar.
@@ -3673,15 +3674,15 @@ function ia({
                                 lts: "-0.04em",
                                 lh: 1,
                                 c: "gray.9",
-                                children: g.priceText
+                                children: d.priceText
                               }
                             ),
-                            g.period && /* @__PURE__ */ e(
+                            d.period && /* @__PURE__ */ e(
                               t,
                               {
                                 size: "md",
                                 c: "gray.5",
-                                children: g.period
+                                children: d.period
                               }
                             )
                           ]
@@ -3700,7 +3701,7 @@ function ia({
                               fw: 900,
                               c: "gray.9",
                               style: { marginTop: 8 },
-                              children: g.priceDisplay?.currency
+                              children: d.priceDisplay?.currency
                             }
                           ),
                           /* @__PURE__ */ r(
@@ -3717,10 +3718,10 @@ function ia({
                                     lts: "-0.04em",
                                     lh: 0.8,
                                     c: "gray.9",
-                                    children: g.priceDisplay?.whole
+                                    children: d.priceDisplay?.whole
                                   }
                                 ),
-                                g.priceDisplay?.fraction && /* @__PURE__ */ r(
+                                d.priceDisplay?.fraction && /* @__PURE__ */ r(
                                   u,
                                   {
                                     gap: 0,
@@ -3735,7 +3736,7 @@ function ia({
                                           c: "gray.9",
                                           children: [
                                             ",",
-                                            g.priceDisplay.fraction
+                                            d.priceDisplay.fraction
                                           ]
                                         }
                                       ),
@@ -3747,7 +3748,7 @@ function ia({
                                           fw: 800,
                                           tt: "uppercase",
                                           lts: "1px",
-                                          children: g.period || g.priceSuffix || "/mês"
+                                          children: d.period || d.priceSuffix || "/mês"
                                         }
                                       )
                                     ]
@@ -3759,18 +3760,18 @@ function ia({
                         ]
                       }
                     ),
-                    g.priceNote && /* @__PURE__ */ e(
+                    d.priceNote && /* @__PURE__ */ e(
                       t,
                       {
                         size: "sm",
                         c: "gray.6",
                         mt: "md",
-                        children: g.priceNote
+                        children: d.priceNote
                       }
                     )
                   ] }),
                   /* @__PURE__ */ e(
-                    L,
+                    j,
                     {
                       mb: "xl",
                       color: "gray.1"
@@ -3782,7 +3783,7 @@ function ia({
                       gap: "sm",
                       mb: 40,
                       style: { flex: 1 },
-                      children: (g.features || []).map((b, y) => /* @__PURE__ */ r(
+                      children: (d.features || []).map((b, y) => /* @__PURE__ */ r(
                         f,
                         {
                           gap: "sm",
@@ -3790,7 +3791,7 @@ function ia({
                           align: "flex-start",
                           children: [
                             /* @__PURE__ */ e(
-                              H,
+                              Q,
                               {
                                 size: 16,
                                 color: "var(--mantine-color-gray-9)",
@@ -3813,22 +3814,22 @@ function ia({
                       ))
                     }
                   ),
-                  g.cta && /* @__PURE__ */ e(x, { mt: "auto", children: /* @__PURE__ */ e(
-                    M,
+                  d.cta && /* @__PURE__ */ e(x, { mt: "auto", children: /* @__PURE__ */ e(
+                    N,
                     {
-                      label: g.cta.label,
-                      href: g.cta.href,
-                      target: g.cta.target,
-                      rel: g.cta.target === "_blank" ? "noopener noreferrer" : void 0,
-                      icon: g.cta.icon,
-                      leftSection: g.cta.leftSection,
-                      size: g.cta.size || "xl",
-                      variant: g.cta.variant,
-                      color: g.cta.color || "gray.9",
+                      label: d.cta.label,
+                      href: d.cta.href,
+                      target: d.cta.target,
+                      rel: d.cta.target === "_blank" ? "noopener noreferrer" : void 0,
+                      icon: d.cta.icon,
+                      leftSection: d.cta.leftSection,
+                      size: d.cta.size || "xl",
+                      variant: d.cta.variant,
+                      color: d.cta.color || "gray.9",
                       fullWidth: !0
                     }
                   ) }),
-                  g.note && /* @__PURE__ */ e(
+                  d.note && /* @__PURE__ */ e(
                     x,
                     {
                       mt: "auto",
@@ -3840,14 +3841,14 @@ function ia({
                           size: "xs",
                           c: "gray.5",
                           lh: 1.5,
-                          children: g.note
+                          children: d.note
                         }
                       )
                     }
                   )
                 ]
               },
-              g.name
+              d.name
             ))
           }
         )
@@ -3855,13 +3856,13 @@ function ia({
     }
   );
 }
-function oa({ id: a, badge: s, subtitle: o, title: i, description: n, questions: l = [], contactCard: p, background: d = "white", ta: h = "left" }) {
+function oa({ id: a, badge: s, subtitle: o, title: i, description: n, questions: l = [], contactCard: g, background: h = "white", ta: p = "left" }) {
   const c = Math.ceil(l.length / 2), m = {
     item: {
       // A CSS variable, not the name: a `styles` object is plain CSS, so
       // 'white' was the literal colour — it stayed white in dark mode —
       // and 'gray.1' was not a colour at all.
-      backgroundColor: d === "gray" ? "var(--mantine-color-gray-1)" : "var(--mantine-color-white)",
+      backgroundColor: h === "gray" ? "var(--mantine-color-gray-1)" : "var(--mantine-color-white)",
       border: "1px solid var(--mantine-color-gray-2)"
     },
     control: {
@@ -3879,50 +3880,50 @@ function oa({ id: a, badge: s, subtitle: o, title: i, description: n, questions:
     }
   };
   return /* @__PURE__ */ r(
-    k,
+    F,
     {
       id: a,
       badge: s,
       subtitle: o,
       title: i,
-      background: d,
-      ta: h,
-      maw: h === "center" ? 900 : 800,
+      background: h,
+      ta: p,
+      maw: p === "center" ? 900 : 800,
       children: [
         n && /* @__PURE__ */ e(
           t,
           {
             c: "gray.6",
-            ta: h,
+            ta: p,
             size: "lg",
             lh: 1.6,
             maw: 700,
-            mx: h === "center" ? "auto" : void 0,
+            mx: p === "center" ? "auto" : void 0,
             mb: 40,
             children: n
           }
         ),
         /* @__PURE__ */ r(
-          A,
+          k,
           {
             cols: { base: 1, md: 2 },
             spacing: "xl",
             children: [
               /* @__PURE__ */ e(
-                j,
+                R,
                 {
                   variant: "separated",
                   radius: "0",
                   chevronPosition: "right",
                   styles: m,
-                  children: l.slice(0, c).map((g, b) => /* @__PURE__ */ r(
-                    j.Item,
+                  children: l.slice(0, c).map((d, b) => /* @__PURE__ */ r(
+                    R.Item,
                     {
-                      value: g.value || String(b),
+                      value: d.value || String(b),
                       mb: "md",
                       children: [
                         /* @__PURE__ */ e(
-                          j.Control,
+                          R.Control,
                           {
                             icon: /* @__PURE__ */ e(
                               S,
@@ -3931,7 +3932,7 @@ function oa({ id: a, badge: s, subtitle: o, title: i, description: n, questions:
                                 color: "gray",
                                 radius: "0",
                                 children: /* @__PURE__ */ e(
-                                  le,
+                                  se,
                                   {
                                     size: 16,
                                     stroke: 1.5
@@ -3939,31 +3940,31 @@ function oa({ id: a, badge: s, subtitle: o, title: i, description: n, questions:
                                 )
                               }
                             ),
-                            children: g.question
+                            children: d.question
                           }
                         ),
-                        /* @__PURE__ */ e(j.Panel, { c: "gray.6", children: g.answer })
+                        /* @__PURE__ */ e(R.Panel, { c: "gray.6", children: d.answer })
                       ]
                     },
-                    g.value || b
+                    d.value || b
                   ))
                 }
               ),
               /* @__PURE__ */ e(
-                j,
+                R,
                 {
                   variant: "separated",
                   radius: "0",
                   chevronPosition: "right",
                   styles: m,
-                  children: l.slice(c).map((g, b) => /* @__PURE__ */ r(
-                    j.Item,
+                  children: l.slice(c).map((d, b) => /* @__PURE__ */ r(
+                    R.Item,
                     {
-                      value: g.value || String(c + b),
+                      value: d.value || String(c + b),
                       mb: "md",
                       children: [
                         /* @__PURE__ */ e(
-                          j.Control,
+                          R.Control,
                           {
                             icon: /* @__PURE__ */ e(
                               S,
@@ -3972,7 +3973,7 @@ function oa({ id: a, badge: s, subtitle: o, title: i, description: n, questions:
                                 color: "gray",
                                 radius: "0",
                                 children: /* @__PURE__ */ e(
-                                  le,
+                                  se,
                                   {
                                     size: 16,
                                     stroke: 1.5
@@ -3980,31 +3981,31 @@ function oa({ id: a, badge: s, subtitle: o, title: i, description: n, questions:
                                 )
                               }
                             ),
-                            children: g.question
+                            children: d.question
                           }
                         ),
-                        /* @__PURE__ */ e(j.Panel, { c: "gray.6", children: g.answer })
+                        /* @__PURE__ */ e(R.Panel, { c: "gray.6", children: d.answer })
                       ]
                     },
-                    g.value || c + b
+                    d.value || c + b
                   ))
                 }
               )
             ]
           }
         ),
-        p && /* @__PURE__ */ e(
+        g && /* @__PURE__ */ e(
           T,
           {
             mt: { base: 40, md: 80 },
             radius: "0",
             p: { base: "xl", md: 60 },
-            bg: d === "gray" ? "gray.1" : "white",
+            bg: h === "gray" ? "gray.1" : "white",
             bd: "1px solid var(--mantine-color-gray-1)",
             pos: "relative",
             style: { overflow: "hidden" },
             children: /* @__PURE__ */ r(
-              A,
+              k,
               {
                 cols: { base: 1, md: 2 },
                 spacing: "xl",
@@ -4024,7 +4025,7 @@ function oa({ id: a, badge: s, subtitle: o, title: i, description: n, questions:
                             fw: 900,
                             c: "gray.9",
                             lh: 1.2,
-                            children: p.title
+                            children: g.title
                           }
                         ),
                         /* @__PURE__ */ e(
@@ -4033,21 +4034,21 @@ function oa({ id: a, badge: s, subtitle: o, title: i, description: n, questions:
                             c: "gray.6",
                             maw: 500,
                             size: "lg",
-                            children: p.description
+                            children: g.description
                           }
                         )
                       ]
                     }
                   ),
                   /* @__PURE__ */ e(u, { align: { base: "center", md: "flex-end" }, children: /* @__PURE__ */ e(
-                    M,
+                    N,
                     {
-                      label: p.cta.label,
-                      href: p.cta.href,
-                      target: p.cta.target,
-                      leftSection: p.cta.icon,
-                      size: p.cta.size || "xl",
-                      color: p.cta.color || "gray.8"
+                      label: g.cta.label,
+                      href: g.cta.href,
+                      target: g.cta.target,
+                      leftSection: g.cta.icon,
+                      size: g.cta.size || "xl",
+                      color: g.cta.color || "gray.8"
                     }
                   ) })
                 ]
@@ -4061,18 +4062,18 @@ function oa({ id: a, badge: s, subtitle: o, title: i, description: n, questions:
 }
 function la({ id: a, title: s, subtitle: o, items: i = [], background: n = "gray" }) {
   return /* @__PURE__ */ e(
-    k,
+    F,
     {
       id: a,
       background: n,
       title: s,
       subtitle: o,
       children: /* @__PURE__ */ e(
-        A,
+        k,
         {
           cols: { base: 1, md: i.length > 3 ? 4 : i.length || 3 },
           spacing: "xl",
-          children: i.map((l, p) => /* @__PURE__ */ e(
+          children: i.map((l, g) => /* @__PURE__ */ e(
             T,
             {
               p: "xl",
@@ -4087,7 +4088,7 @@ function la({ id: a, title: s, subtitle: o, items: i = [], background: n = "gray
                   h: "100%",
                   children: [
                     /* @__PURE__ */ e(
-                      Ge,
+                      He,
                       {
                         size: 32,
                         color: "var(--mantine-color-gray-3)"
@@ -4115,7 +4116,7 @@ function la({ id: a, title: s, subtitle: o, items: i = [], background: n = "gray
                         mt: "xl",
                         children: [
                           /* @__PURE__ */ e(
-                            qe,
+                            Be,
                             {
                               size: "md",
                               radius: "0",
@@ -4153,21 +4154,21 @@ function la({ id: a, title: s, subtitle: o, items: i = [], background: n = "gray
                 }
               )
             },
-            p
+            g
           ))
         }
       )
     }
   );
 }
-const me = {
+const ue = {
   root: { height: "auto", maxWidth: "100%" },
   label: { whiteSpace: "normal", lineHeight: 1.4 },
   inner: { paddingTop: 12, paddingBottom: 12 }
 };
-function ze({ id: a, subtitle: s, title: o, titleOrder: i = 2, description: n, featuresList: l, featuresLabel: p, cta: d, secondaryCta: h, background: c = "gray", ta: m = "center" }) {
+function Se({ id: a, subtitle: s, title: o, titleOrder: i = 2, description: n, featuresList: l, featuresLabel: g, cta: h, secondaryCta: p, background: c = "gray", ta: m = "center" }) {
   return /* @__PURE__ */ e(
-    k,
+    F,
     {
       id: a,
       background: c,
@@ -4202,7 +4203,7 @@ function ze({ id: a, subtitle: s, title: o, titleOrder: i = 2, description: n, f
                 // da página (um 404, por exemplo) e sem heading ela fica
                 // sem estrutura para leitor de tela.
                 /* @__PURE__ */ e(
-                  D,
+                  B,
                   {
                     order: i,
                     fz: "var(--fz-section-title)",
@@ -4221,17 +4222,17 @@ function ze({ id: a, subtitle: s, title: o, titleOrder: i = 2, description: n, f
                   }
                 ),
                 l && l.length > 0 && /* @__PURE__ */ r(x, { ta: "left", children: [
-                  p && /* @__PURE__ */ e(
+                  g && /* @__PURE__ */ e(
                     t,
                     {
                       fw: 700,
                       c: "gray.9",
                       mb: "md",
-                      children: p
+                      children: g
                     }
                   ),
                   /* @__PURE__ */ e(
-                    $,
+                    V,
                     {
                       spacing: "sm",
                       size: "md",
@@ -4242,7 +4243,7 @@ function ze({ id: a, subtitle: s, title: o, titleOrder: i = 2, description: n, f
                           size: 24,
                           radius: "0",
                           children: /* @__PURE__ */ e(
-                            H,
+                            Q,
                             {
                               size: 14,
                               color: "var(--mantine-color-gray-9)"
@@ -4250,7 +4251,7 @@ function ze({ id: a, subtitle: s, title: o, titleOrder: i = 2, description: n, f
                           )
                         }
                       ),
-                      children: l.map((b, y) => /* @__PURE__ */ e($.Item, { children: /* @__PURE__ */ e(
+                      children: l.map((b, y) => /* @__PURE__ */ e(V.Item, { children: /* @__PURE__ */ e(
                         t,
                         {
                           c: "gray.6",
@@ -4261,7 +4262,7 @@ function ze({ id: a, subtitle: s, title: o, titleOrder: i = 2, description: n, f
                     }
                   )
                 ] }),
-                (d || h) && // O Box acompanha o alinhamento do Stack em vez de esticar:
+                (h || p) && // O Box acompanha o alinhamento do Stack em vez de esticar:
                 // sem isso o botão ocupava a linha inteira e ficava colado
                 // à esquerda, fora do eixo do texto centralizado.
                 /* @__PURE__ */ e(
@@ -4278,24 +4279,8 @@ function ze({ id: a, subtitle: s, title: o, titleOrder: i = 2, description: n, f
                         style: { maxWidth: "100%" },
                         className: "rlg-cta-group",
                         children: [
-                          d && /* @__PURE__ */ e(
-                            M,
-                            {
-                              label: d.label,
-                              href: d.href,
-                              icon: d.icon,
-                              leftSection: d.leftSection,
-                              target: d.target,
-                              rel: d.target === "_blank" ? "noopener noreferrer" : void 0,
-                              size: d.size || "xl",
-                              px: d.px,
-                              variant: d.variant,
-                              color: d.color,
-                              styles: me
-                            }
-                          ),
                           h && /* @__PURE__ */ e(
-                            M,
+                            N,
                             {
                               label: h.label,
                               href: h.href,
@@ -4305,9 +4290,25 @@ function ze({ id: a, subtitle: s, title: o, titleOrder: i = 2, description: n, f
                               rel: h.target === "_blank" ? "noopener noreferrer" : void 0,
                               size: h.size || "xl",
                               px: h.px,
-                              variant: h.variant || "default",
+                              variant: h.variant,
                               color: h.color,
-                              styles: me
+                              styles: ue
+                            }
+                          ),
+                          p && /* @__PURE__ */ e(
+                            N,
+                            {
+                              label: p.label,
+                              href: p.href,
+                              icon: p.icon,
+                              leftSection: p.leftSection,
+                              target: p.target,
+                              rel: p.target === "_blank" ? "noopener noreferrer" : void 0,
+                              size: p.size || "xl",
+                              px: p.px,
+                              variant: p.variant || "default",
+                              color: p.color,
+                              styles: ue
                             }
                           )
                         ]
@@ -4323,16 +4324,16 @@ function ze({ id: a, subtitle: s, title: o, titleOrder: i = 2, description: n, f
     }
   );
 }
-const sa = ze;
-function vr() {
-  fe(() => {
+const sa = Se;
+function zr() {
+  ye(() => {
     const a = document.createElement("meta");
     return a.name = "robots", a.content = "noindex, follow", document.head.appendChild(a), () => a.remove();
   }, []);
 }
 function ca({ subtitle: a = "Erro 404", title: s = "Esta página não existe", description: o = "O endereço está errado ou a página saiu do ar. O conteúdo do site está todo na home.", homeHref: i = "/", cta: n, background: l = "white" }) {
-  return vr(), /* @__PURE__ */ e(
-    ze,
+  return zr(), /* @__PURE__ */ e(
+    Se,
     {
       subtitle: a,
       title: s,
@@ -4343,7 +4344,7 @@ function ca({ subtitle: a = "Erro 404", title: s = "Esta página não existe", d
         label: "Voltar para a home",
         href: i,
         leftSection: /* @__PURE__ */ e(
-          He,
+          Ke,
           {
             size: 18,
             stroke: 1.5
@@ -4353,8 +4354,8 @@ function ca({ subtitle: a = "Erro 404", title: s = "Esta página não existe", d
     }
   );
 }
-function zr({ text: a = "Selo Exclusivo", color: s = "green.6", background: o = "gray" }) {
-  const i = Z(o);
+function Sr({ text: a = "Selo Exclusivo", color: s = "green.6", background: o = "gray" }) {
+  const i = $(o);
   return /* @__PURE__ */ e(
     x,
     {
@@ -4372,7 +4373,7 @@ function zr({ text: a = "Selo Exclusivo", color: s = "green.6", background: o =
             variant: "light",
             size: "sm",
             children: /* @__PURE__ */ e(
-              Ke,
+              Qe,
               {
                 size: 14,
                 "aria-hidden": "true"
@@ -4395,19 +4396,19 @@ function zr({ text: a = "Selo Exclusivo", color: s = "green.6", background: o =
     }
   );
 }
-const da = zr;
-function ha({ logo: a, description: s, sections: o = [], socialLinks: i = [], copyrightText: n, madeByText: l, background: p = "white", status: d }) {
-  const h = Z(p);
+const da = Sr;
+function ha({ logo: a, description: s, sections: o = [], socialLinks: i = [], copyrightText: n, madeByText: l, background: g = "white", status: h }) {
+  const p = $(g);
   return /* @__PURE__ */ e(
     x,
     {
       component: "footer",
       py: "xl",
-      bg: h,
+      bg: p,
       bd: { top: "1px solid var(--mantine-color-gray-2)" },
-      children: /* @__PURE__ */ r(E, { size: "xl", children: [
+      children: /* @__PURE__ */ r(L, { size: "xl", children: [
         /* @__PURE__ */ r(
-          A,
+          k,
           {
             cols: { base: 1, sm: 2 },
             spacing: "xl",
@@ -4424,10 +4425,10 @@ function ha({ logo: a, description: s, sections: o = [], socialLinks: i = [], co
                     children: s
                   }
                 ),
-                d
+                h
               ] }),
               /* @__PURE__ */ r(
-                A,
+                k,
                 {
                   cols: {
                     base: 2,
@@ -4451,15 +4452,15 @@ function ha({ logo: a, description: s, sections: o = [], socialLinks: i = [], co
                               children: c.title
                             }
                           ),
-                          /* @__PURE__ */ e(u, { gap: "xs", children: c.links.map((g, b) => /* @__PURE__ */ e(
-                            ue,
+                          /* @__PURE__ */ e(u, { gap: "xs", children: c.links.map((d, b) => /* @__PURE__ */ e(
+                            fe,
                             {
                               c: "gray.6",
                               size: "sm",
-                              ...g,
-                              component: g.component || (g.href ? "a" : "button"),
+                              ...d,
+                              component: d.component || (d.href ? "a" : "button"),
                               fw: 500,
-                              children: g.label
+                              children: d.label
                             },
                             b
                           )) })
@@ -4480,7 +4481,7 @@ function ha({ logo: a, description: s, sections: o = [], socialLinks: i = [], co
                         }
                       ),
                       /* @__PURE__ */ e(f, { gap: "xs", children: i.map((c, m) => /* @__PURE__ */ e(
-                        J,
+                        Z,
                         {
                           size: "md",
                           variant: "subtle",
@@ -4502,7 +4503,7 @@ function ha({ logo: a, description: s, sections: o = [], socialLinks: i = [], co
           }
         ),
         /* @__PURE__ */ e(
-          L,
+          j,
           {
             my: "xl",
             color: "gray.2"
@@ -4553,11 +4554,11 @@ function pa({ companyName: a = "Infrastructure", legalEntity: s, productName: o
     x,
     {
       py: 100,
-      bg: "white",
-      children: /* @__PURE__ */ e(E, { size: "md", children: /* @__PURE__ */ r(u, { gap: 80, children: [
+      bg: P.white,
+      children: /* @__PURE__ */ e(L, { size: "md", children: /* @__PURE__ */ r(u, { gap: 80, children: [
         /* @__PURE__ */ r(u, { gap: "sm", children: [
           /* @__PURE__ */ e(
-            D,
+            B,
             {
               order: 2,
               ta: "center",
@@ -4586,7 +4587,7 @@ function pa({ companyName: a = "Infrastructure", legalEntity: s, productName: o
             }
           )
         ] }),
-        /* @__PURE__ */ e(L, { color: "gray.2" }),
+        /* @__PURE__ */ e(j, { color: "gray.2" }),
         /* @__PURE__ */ r(u, { gap: "xl", children: [
           /* @__PURE__ */ r(
             t,
@@ -4629,7 +4630,7 @@ function pa({ companyName: a = "Infrastructure", legalEntity: s, productName: o
                     radius: "0",
                     color: "gray",
                     children: /* @__PURE__ */ e(
-                      ye,
+                      xe,
                       {
                         size: 32,
                         stroke: 1.2
@@ -4681,7 +4682,7 @@ function pa({ companyName: a = "Infrastructure", legalEntity: s, productName: o
                     radius: "0",
                     color: "gray",
                     children: /* @__PURE__ */ e(
-                      xe,
+                      be,
                       {
                         size: 32,
                         stroke: 1.2
@@ -4729,7 +4730,7 @@ function pa({ companyName: a = "Infrastructure", legalEntity: s, productName: o
                     radius: "0",
                     color: "gray",
                     children: /* @__PURE__ */ e(
-                      Qe,
+                      Ye,
                       {
                         size: 32,
                         stroke: 1.2
@@ -4780,7 +4781,7 @@ function pa({ companyName: a = "Infrastructure", legalEntity: s, productName: o
                     radius: "0",
                     color: "gray",
                     children: /* @__PURE__ */ e(
-                      Ye,
+                      Xe,
                       {
                         size: 32,
                         stroke: 1.2
@@ -4818,7 +4819,7 @@ function pa({ companyName: a = "Infrastructure", legalEntity: s, productName: o
             }
           )
         ] }),
-        /* @__PURE__ */ e(L, { color: "gray.2" }),
+        /* @__PURE__ */ e(j, { color: "gray.2" }),
         /* @__PURE__ */ r(u, { gap: "lg", children: [
           /* @__PURE__ */ e(
             t,
@@ -4858,11 +4859,11 @@ function ga({ companyName: a = "Infrastructure", legalEntity: s, productName: o
     x,
     {
       py: 100,
-      bg: "white",
-      children: /* @__PURE__ */ e(E, { size: "md", children: /* @__PURE__ */ r(u, { gap: 80, children: [
+      bg: P.white,
+      children: /* @__PURE__ */ e(L, { size: "md", children: /* @__PURE__ */ r(u, { gap: 80, children: [
         /* @__PURE__ */ r(u, { gap: "sm", children: [
           /* @__PURE__ */ e(
-            D,
+            B,
             {
               order: 2,
               ta: "center",
@@ -4889,7 +4890,7 @@ function ga({ companyName: a = "Infrastructure", legalEntity: s, productName: o
             }
           )
         ] }),
-        /* @__PURE__ */ e(L, { color: "gray.2" }),
+        /* @__PURE__ */ e(j, { color: "gray.2" }),
         /* @__PURE__ */ r(u, { gap: "xl", children: [
           /* @__PURE__ */ r(
             t,
@@ -4932,7 +4933,7 @@ function ga({ companyName: a = "Infrastructure", legalEntity: s, productName: o
                     radius: "0",
                     color: "gray",
                     children: /* @__PURE__ */ e(
-                      Xe,
+                      Je,
                       {
                         size: 32,
                         stroke: 1.2
@@ -4985,7 +4986,7 @@ function ga({ companyName: a = "Infrastructure", legalEntity: s, productName: o
                     radius: "0",
                     color: "gray",
                     children: /* @__PURE__ */ e(
-                      Je,
+                      Ze,
                       {
                         size: 32,
                         stroke: 1.2
@@ -5037,7 +5038,7 @@ function ga({ companyName: a = "Infrastructure", legalEntity: s, productName: o
                     radius: "0",
                     color: "gray",
                     children: /* @__PURE__ */ e(
-                      Ze,
+                      er,
                       {
                         size: 32,
                         stroke: 1.2
@@ -5091,7 +5092,7 @@ function ga({ companyName: a = "Infrastructure", legalEntity: s, productName: o
                     radius: "0",
                     color: "gray",
                     children: /* @__PURE__ */ e(
-                      er,
+                      rr,
                       {
                         size: 32,
                         stroke: 1.2
@@ -5143,7 +5144,7 @@ function ga({ companyName: a = "Infrastructure", legalEntity: s, productName: o
                     radius: "0",
                     color: "gray",
                     children: /* @__PURE__ */ e(
-                      rr,
+                      ar,
                       {
                         size: 32,
                         stroke: 1.2
@@ -5185,7 +5186,7 @@ function ga({ companyName: a = "Infrastructure", legalEntity: s, productName: o
             }
           )
         ] }),
-        /* @__PURE__ */ e(L, { color: "gray.2" }),
+        /* @__PURE__ */ e(j, { color: "gray.2" }),
         /* @__PURE__ */ r(u, { gap: "lg", children: [
           /* @__PURE__ */ e(
             t,
@@ -5225,11 +5226,11 @@ function ma({ companyName: a = "Infrastructure", legalEntity: s, productName: o
     x,
     {
       py: 100,
-      bg: "white",
-      children: /* @__PURE__ */ e(E, { size: "md", children: /* @__PURE__ */ r(u, { gap: 80, children: [
+      bg: P.white,
+      children: /* @__PURE__ */ e(L, { size: "md", children: /* @__PURE__ */ r(u, { gap: 80, children: [
         /* @__PURE__ */ r(u, { gap: "sm", children: [
           /* @__PURE__ */ e(
-            D,
+            B,
             {
               order: 2,
               ta: "center",
@@ -5256,7 +5257,7 @@ function ma({ companyName: a = "Infrastructure", legalEntity: s, productName: o
             }
           )
         ] }),
-        /* @__PURE__ */ e(L, { color: "gray.2" }),
+        /* @__PURE__ */ e(j, { color: "gray.2" }),
         /* @__PURE__ */ r(u, { gap: "xl", children: [
           /* @__PURE__ */ r(
             t,
@@ -5299,7 +5300,7 @@ function ma({ companyName: a = "Infrastructure", legalEntity: s, productName: o
                     radius: "0",
                     color: "gray",
                     children: /* @__PURE__ */ e(
-                      ar,
+                      tr,
                       {
                         size: 32,
                         stroke: 1.2
@@ -5351,7 +5352,7 @@ function ma({ companyName: a = "Infrastructure", legalEntity: s, productName: o
                     radius: "0",
                     color: "gray",
                     children: /* @__PURE__ */ e(
-                      xe,
+                      be,
                       {
                         size: 32,
                         stroke: 1.2
@@ -5403,7 +5404,7 @@ function ma({ companyName: a = "Infrastructure", legalEntity: s, productName: o
                     radius: "0",
                     color: "gray",
                     children: /* @__PURE__ */ e(
-                      tr,
+                      nr,
                       {
                         size: 32,
                         stroke: 1.2
@@ -5451,7 +5452,7 @@ function ma({ companyName: a = "Infrastructure", legalEntity: s, productName: o
                     radius: "0",
                     color: "gray",
                     children: /* @__PURE__ */ e(
-                      nr,
+                      ir,
                       {
                         size: 32,
                         stroke: 1.2
@@ -5485,10 +5486,10 @@ function ma({ companyName: a = "Infrastructure", legalEntity: s, productName: o
             }
           )
         ] }),
-        /* @__PURE__ */ e(L, { color: "gray.2" }),
+        /* @__PURE__ */ e(j, { color: "gray.2" }),
         /* @__PURE__ */ r(u, { gap: "lg", children: [
           /* @__PURE__ */ r(f, { gap: "sm", children: [
-            /* @__PURE__ */ e(S, { variant: "transparent", color: "gray.9", children: /* @__PURE__ */ e(ir, { size: 18 }) }),
+            /* @__PURE__ */ e(S, { variant: "transparent", color: "gray.9", children: /* @__PURE__ */ e(or, { size: 18 }) }),
             /* @__PURE__ */ e(
               t,
               {
@@ -5520,70 +5521,70 @@ function ma({ companyName: a = "Infrastructure", legalEntity: s, productName: o
     }
   );
 }
-const Sr = 6, Ir = 2e3;
+const Ir = 6, Tr = 2e3;
 function ua(a, { intervalMs: s = 3e4, maxSamples: o = 40 } = {}) {
-  const [i, n] = G({ status: "loading", checks: [], checkedAt: null, error: null, loading: !0 }), [l, p] = G([]), d = Re([]);
-  return fe(() => {
+  const [i, n] = K({ status: "loading", checks: [], checkedAt: null, error: null, loading: !0 }), [l, g] = K([]), h = $e([]);
+  return ye(() => {
     if (!a) return;
-    d.current = [], p([]);
-    let h = !1;
+    h.current = [], g([]);
+    let p = !1;
     const c = (I) => {
-      d.current = [...d.current, I].slice(-o), p(d.current);
-    }, m = () => (/* @__PURE__ */ new Date()).toLocaleTimeString("pt-BR", { hour: "2-digit", minute: "2-digit", second: "2-digit" }), g = async () => {
+      h.current = [...h.current, I].slice(-o), g(h.current);
+    }, m = () => (/* @__PURE__ */ new Date()).toLocaleTimeString("pt-BR", { hour: "2-digit", minute: "2-digit", second: "2-digit" }), d = async () => {
       const I = Date.now();
       try {
-        const q = await fetch(a, { headers: { accept: "application/json" } });
-        if (!q.ok) throw new Error(`HTTP ${q.status}`);
-        const w = await q.json();
-        if (h) return;
-        b ? b = !1 : c({ time: m(), ms: Date.now() - I, up: w.status !== "down" }), n({
-          status: w.status || "operational",
-          checks: w.checks || [],
-          checkedAt: w.checkedAt || null,
-          service: w.service,
+        const D = await fetch(a, { headers: { accept: "application/json" } });
+        if (!D.ok) throw new Error(`HTTP ${D.status}`);
+        const q = await D.json();
+        if (p) return;
+        b ? b = !1 : c({ time: m(), ms: Date.now() - I, up: q.status !== "down" }), n({
+          status: q.status || "operational",
+          checks: q.checks || [],
+          checkedAt: q.checkedAt || null,
+          service: q.service,
           error: null,
           loading: !1
         });
       } catch {
-        if (h) return;
-        b = !1, c({ time: m(), ms: Date.now() - I, up: !1 }), n((w) => ({ ...w, error: "unreachable", loading: !1 }));
+        if (p) return;
+        b = !1, c({ time: m(), ms: Date.now() - I, up: !1 }), n((q) => ({ ...q, error: "unreachable", loading: !1 }));
       }
     };
     let b = !0, y = 0, v;
-    const F = async () => {
-      await g(), !h && (y += 1, v = setTimeout(F, y < Sr ? Ir : s));
+    const A = async () => {
+      await d(), !p && (y += 1, v = setTimeout(A, y < Ir ? Tr : s));
     };
-    return F(), () => {
-      h = !0, clearTimeout(v);
+    return A(), () => {
+      p = !0, clearTimeout(v);
     };
   }, [a, s, o]), {
     ...i,
-    latency: l.map((h) => ({ time: h.time, ms: h.ms })),
+    latency: l.map((p) => ({ time: p.time, ms: p.ms })),
     // A "disponibilidade" aqui é a das amostras desta sessão, agrupadas em
     // blocos — não um SLA de 90 dias. O rótulo na página diz isso.
-    uptime: Tr(l),
+    uptime: Ar(l),
     // 1 = respondeu, 0.25 = falhou. Zero puro sumiria da barra e a falha
     // ficaria invisível justamente quando importa.
-    history: l.map((h) => h.up ? 1 : 0.25)
+    history: l.map((p) => p.up ? 1 : 0.25)
   };
 }
-function Tr(a, s = 12) {
+function Ar(a, s = 12) {
   if (a.length === 0) return [];
   const o = Math.max(1, Math.ceil(a.length / s)), i = [];
   for (let n = 0; n < a.length; n += o) {
-    const l = a.slice(n, n + o), p = l.filter((d) => d.up).length;
-    i.push({ day: l[l.length - 1].time, pct: p / l.length * 100 });
+    const l = a.slice(n, n + o), g = l.filter((h) => h.up).length;
+    i.push({ day: l[l.length - 1].time, pct: g / l.length * 100 });
   }
   return i;
 }
 export {
   $r as AuthLoader,
   ae as BrandLogo,
-  ze as CTABanner,
-  M as CTAButton,
+  Se as CTABanner,
+  N as CTAButton,
   ea as Callout,
-  hr as CodeBlock,
-  gr as ColorSchemeToggle,
+  pr as CodeBlock,
+  mr as ColorSchemeToggle,
   na as Comparison,
   Zr as CriteriaList,
   oa as FAQ,
@@ -5591,26 +5592,26 @@ export {
   Hr as FeaturesGrid,
   ha as Footer,
   ra as FounderCard,
-  mr as Header,
+  ur as Header,
   Ur as Hero,
-  sr as LOGOTYPE_SIGNATURE,
+  cr as LOGOTYPE_SIGNATURE,
   Vr as Layout,
   ta as LeadForm,
   pa as LegalPrivacy,
   ma as LegalSecurity,
   ga as LegalTerms,
   Rr as Logotype,
-  cr as LogotypeBolt,
-  we as MediaBlock,
+  dr as LogotypeBolt,
+  ve as MediaBlock,
   Wr as Navbar,
   ca as NotFound,
   Jr as PlatformShelf,
   ia as Pricing,
   Xr as ProductGrid,
-  R as SECTION_BACKGROUNDS,
+  P as SECTION_BACKGROUNDS,
   sa as SecondaryCTA,
-  k as Section,
-  be as SectionHeader,
+  F as Section,
+  we as SectionHeader,
   da as SeloExclusivo,
   _r as SocialProof,
   Kr as StatsGrid,
@@ -5618,11 +5619,11 @@ export {
   Yr as StatusIndicator,
   aa as Steps,
   la as Testimonials,
-  zr as TrustBadge,
-  lr as Wordmark,
-  dr as logotypeSignaturePx,
-  Z as resolveBackground,
-  Y as resolveCardBackground,
+  Sr as TrustBadge,
+  sr as Wordmark,
+  hr as logotypeSignaturePx,
+  $ as resolveBackground,
+  _ as resolveCardBackground,
   re as scrollBehavior,
   Or as theme,
   ua as useServiceStatus