@ciromaciel/components-kit 1.5.0 → 1.6.0

package/dist/index.esm.js

@@ -1,10 +1,10 @@
-import { createTheme as ve, Stack as f, Group as y, Badge as P, Text as t, Title as D, Center as E, Box as x, Button as U, CopyButton as Se, Tooltip as re, ActionIcon as Y, useMantineColorScheme as Ie, Container as B, Flex as Te, Loader as Ae, Paper as I, SimpleGrid as A, Image as _, List as $, ThemeIcon as v, Grid as z, RingProgress as Fe, Anchor as me, UnstyledButton as ke, TextInput as te, Divider as j, SegmentedControl as qe, Accordion as N, Avatar as De } from "@mantine/core";
+import { createTheme as ve, Stack as u, Group as f, Badge as P, Text as t, Title as q, Center as E, Box as x, Button as U, CopyButton as Se, Tooltip as re, ActionIcon as Y, useMantineColorScheme as Ie, Container as B, Flex as Te, Loader as Ae, Paper as T, SimpleGrid as A, Image as _, List as $, ThemeIcon as S, Grid as v, RingProgress as Fe, Anchor as me, UnstyledButton as ke, TextInput as te, Divider as j, SegmentedControl as De, Accordion as N, Avatar as qe } from "@mantine/core";
 import { jsxs as r, jsx as e, Fragment as ne } from "react/jsx-runtime";
 import { isValidElement as Ce, useState as H, useMemo as Ee, Fragment as Be, useEffect as ue, useRef as Pe } from "react";
 import { IconCheck as G, IconCopy as je, IconMoon as Me, IconSun as Ne, IconDeviceDesktop as Oe, IconArrowUpRight as Le, IconShieldCheck as fe, IconBolt as ie, IconQuote as Re, IconArrowLeft as $e, IconCircleCheck as Ve, IconCloudLock as ye, IconEyeOff as We, IconUserShield as Ue, IconScale as _e, IconUserCheck as He, IconFileDescription as Ge, IconBan as Ke, IconAlertCircle as Qe, IconShieldLock as Xe, IconDatabase as Ye, IconUsers as Je, IconActivity as Ze } from "@tabler/icons-react";
 import { useMounted as er, useWindowScroll as rr, useMediaQuery as ar } from "@mantine/hooks";
 import { AreaChart as tr } from "@mantine/charts";
-const Er = ve({
+const Br = ve({
   fontFamily: 'Montserrat, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif',
   headings: {
     fontFamily: 'Montserrat, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif',
@@ -233,16 +233,16 @@ const Er = ve({
     }
   }
 });
-function xe({ badge: a, subtitle: c, title: l, titleOrder: i = 2, titleFz: n = "var(--fz-section-title)", ta: o = "left", maw: g }) {
-  return !l && !c && !a ? null : /* @__PURE__ */ r(
-    f,
+function xe({ badge: a, subtitle: s, title: l, titleOrder: i = 2, titleFz: n = "var(--fz-section-title)", ta: o = "left", maw: g }) {
+  return !l && !s && !a ? null : /* @__PURE__ */ r(
+    u,
     {
       gap: "xs",
       align: o === "center" ? "center" : "flex-start",
       ta: o,
       children: [
         a && /* @__PURE__ */ e(
-          y,
+          f,
           {
             justify: o === "center" ? "center" : "flex-start",
             mb: "xs",
@@ -258,7 +258,7 @@ function xe({ badge: a, subtitle: c, title: l, titleOrder: i = 2, titleFz: n = "
             )
           }
         ),
-        c && /* @__PURE__ */ e(
+        s && /* @__PURE__ */ e(
           t,
           {
             c: "gray.4",
@@ -266,11 +266,11 @@ function xe({ badge: a, subtitle: c, title: l, titleOrder: i = 2, titleFz: n = "
             fw: 800,
             tt: "uppercase",
             lts: "1.5px",
-            children: c
+            children: s
           }
         ),
         l && /* @__PURE__ */ e(
-          D,
+          q,
           {
             order: i,
             fz: n,
@@ -282,7 +282,7 @@ function xe({ badge: a, subtitle: c, title: l, titleOrder: i = 2, titleFz: n = "
     }
   );
 }
-function be({ video: a, image: c, width: l = "100%", maw: i, alt: n }) {
+function be({ video: a, image: s, width: l = "100%", maw: i, alt: n }) {
   return a ? /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e(
     x,
     {
@@ -297,11 +297,11 @@ function be({ video: a, image: c, width: l = "100%", maw: i, alt: n }) {
       h: "auto",
       style: { filter: a.filter || "none" }
     }
-  ) }) : c ? /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e(
+  ) }) : s ? /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e(
     x,
     {
       component: "img",
-      src: c,
+      src: s,
       alt: n || "",
       w: l,
       h: "auto",
@@ -311,45 +311,45 @@ function be({ video: a, image: c, width: l = "100%", maw: i, alt: n }) {
 }
 function M({
   label: a,
-  href: c,
+  href: s,
   onClick: l,
   icon: i,
   size: n = "lg",
   variant: o = "filled",
   color: g,
   target: d,
-  px: h,
-  fullWidth: s,
+  px: p,
+  fullWidth: c,
   leftSection: m,
-  className: p,
-  ...u
+  className: h,
+  ...b
 }) {
   return /* @__PURE__ */ e(
     U,
     {
       size: n,
-      component: c ? "a" : "button",
-      href: c,
+      component: s ? "a" : "button",
+      href: s,
       onClick: l,
       target: d,
       rightSection: i,
       leftSection: m,
       variant: o,
       color: g,
-      px: h,
-      fullWidth: s,
-      className: p ? `rlg-cta ${p}` : "rlg-cta",
-      ...u,
+      px: p,
+      fullWidth: c,
+      className: h ? `rlg-cta ${h}` : "rlg-cta",
+      ...b,
       children: a
     }
   );
 }
-function nr({ children: a, fz: c = 28, c: l = "gray.9", ...i }) {
+function nr({ children: a, fz: s = 28, c: l = "gray.9", ...i }) {
   return /* @__PURE__ */ e(
     t,
     {
       component: "span",
-      fz: c,
+      fz: s,
       fw: 900,
       lh: 1,
       c: l,
@@ -360,21 +360,22 @@ function nr({ children: a, fz: c = 28, c: l = "gray.9", ...i }) {
     }
   );
 }
-function ee({ logo: a, objectPosition: c = "left" }) {
+function ee({ logo: a, objectPosition: s = "left" }) {
   return a ? Ce(a) ? a : typeof a == "object" && a.src ? /* @__PURE__ */ e(
     "img",
     {
       src: a.src,
       alt: a.alt || "",
       height: a.height || 32,
-      style: { objectFit: "contain", objectPosition: c }
+      "data-invert-dark": a.invertDark === !1 ? void 0 : "",
+      style: { objectFit: "contain", objectPosition: s }
     }
   ) : a : null;
 }
-function ir({ children: a, label: c, chrome: l = !0, copy: i = !0, variant: n = "dark", style: o }) {
+function ir({ children: a, label: s, chrome: l = !0, copy: i = !0, variant: n = "dark", style: o }) {
   const g = typeof a == "string" ? a : String(a ?? ""), d = g.split(`
-`).filter((p) => p.trimStart().startsWith("$ ")), h = d.length ? d.map((p) => p.trimStart().slice(2)).join(`
-`) : g, s = n === "dark", m = s ? {
+`).filter((h) => h.trimStart().startsWith("$ ")), p = d.length ? d.map((h) => h.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)",
@@ -393,7 +394,7 @@ function ir({ children: a, label: c, chrome: l = !0, copy: i = !0, variant: n =
     x,
     {
       style: {
-        border: `1px solid ${s ? "var(--rlg-shell-edge, #11181C)" : "var(--mantine-color-gray-3)"}`,
+        border: `1px solid ${c ? "var(--rlg-shell-edge, #11181C)" : "var(--mantine-color-gray-3)"}`,
         background: m.shell,
         // `overflow: hidden` aqui cortava o código em vez de deixar o
         // <pre> rolar: a linha longa ficava inacessível, sem barra e
@@ -404,7 +405,7 @@ function ir({ children: a, label: c, chrome: l = !0, copy: i = !0, variant: n =
       },
       children: [
         l && /* @__PURE__ */ r(
-          y,
+          f,
           {
             justify: "space-between",
             wrap: "nowrap",
@@ -416,21 +417,21 @@ function ir({ children: a, label: c, chrome: l = !0, copy: i = !0, variant: n =
             },
             children: [
               /* @__PURE__ */ r(
-                y,
+                f,
                 {
                   gap: 6,
                   wrap: "nowrap",
                   children: [
-                    [0, 1, 2].map((p) => /* @__PURE__ */ e(
+                    [0, 1, 2].map((h) => /* @__PURE__ */ e(
                       x,
                       {
                         w: 9,
                         h: 9,
                         style: { borderRadius: "50%", background: m.dot }
                       },
-                      p
+                      h
                     )),
-                    c && /* @__PURE__ */ e(
+                    s && /* @__PURE__ */ e(
                       x,
                       {
                         component: "span",
@@ -441,7 +442,7 @@ function ir({ children: a, label: c, chrome: l = !0, copy: i = !0, variant: n =
                           letterSpacing: "0.5px",
                           color: m.label
                         },
-                        children: c
+                        children: s
                       }
                     )
                   ]
@@ -450,12 +451,12 @@ function ir({ children: a, label: c, chrome: l = !0, copy: i = !0, variant: n =
               i && /* @__PURE__ */ e(
                 Se,
                 {
-                  value: h,
+                  value: p,
                   timeout: 1600,
-                  children: ({ copied: p, copy: u }) => /* @__PURE__ */ e(
+                  children: ({ copied: h, copy: b }) => /* @__PURE__ */ e(
                     re,
                     {
-                      label: p ? "Copiado" : "Copiar",
+                      label: h ? "Copiado" : "Copiar",
                       withArrow: !0,
                       position: "left",
                       children: /* @__PURE__ */ e(
@@ -464,12 +465,12 @@ function ir({ children: a, label: c, chrome: l = !0, copy: i = !0, variant: n =
                           variant: "subtle",
                           size: "sm",
                           radius: "0",
-                          onClick: u,
+                          onClick: b,
                           "aria-label": "Copiar codigo",
                           style: {
-                            color: p ? "var(--mantine-color-green-4)" : m.label
+                            color: h ? "var(--mantine-color-green-4)" : m.label
                           },
-                          children: p ? /* @__PURE__ */ e(G, { size: 14 }) : /* @__PURE__ */ e(je, { size: 14 })
+                          children: h ? /* @__PURE__ */ e(G, { size: 14 }) : /* @__PURE__ */ e(je, { size: 14 })
                         }
                       )
                     }
@@ -503,7 +504,7 @@ function ir({ children: a, label: c, chrome: l = !0, copy: i = !0, variant: n =
   );
 }
 const le = { auto: "light", light: "dark", dark: "auto" }, oe = { auto: "Automático", light: "Claro", dark: "Escuro" }, lr = { auto: Oe, light: Ne, dark: Me };
-function Br({ size: a = 36, ...c }) {
+function or({ size: a = 36, ...s }) {
   const { colorScheme: l, setColorScheme: i } = Ie(), o = er() ? l : "auto", g = lr[o], d = `Tema: ${oe[o]}. Mudar para ${oe[le[o]]}.`;
   return /* @__PURE__ */ e(
     re,
@@ -521,7 +522,7 @@ function Br({ size: a = 36, ...c }) {
           radius: 0,
           "aria-label": d,
           onClick: () => i(le[o]),
-          ...c,
+          ...s,
           children: /* @__PURE__ */ e(
             g,
             {
@@ -541,7 +542,7 @@ const Z = {
   white: "gray.0",
   gray: "gray.1"
 }, O = (a) => a === "gray.9" || a === "dark" ? Z.gray : a === "white" ? Z.white : Z.gray;
-function F({ children: a, badge: c, title: l, subtitle: i, id: n, background: o = "white", py: g = { base: 80, md: 120 }, maw: d = 800, ta: h = "left", stackGap: s = "xl" }) {
+function F({ children: a, badge: s, title: l, subtitle: i, id: n, background: o = "white", py: g = { base: 80, md: 120 }, maw: d = 800, ta: p = "left", stackGap: c = "xl" }) {
   const m = O(o);
   return /* @__PURE__ */ e(
     x,
@@ -551,14 +552,14 @@ function F({ children: a, badge: c, title: l, subtitle: i, id: n, background: o
       bg: m,
       py: g,
       style: { overflow: "hidden" },
-      children: /* @__PURE__ */ e(B, { size: "lg", children: /* @__PURE__ */ r(f, { gap: s, children: [
+      children: /* @__PURE__ */ e(B, { size: "lg", children: /* @__PURE__ */ r(u, { gap: c, children: [
         /* @__PURE__ */ e(
           xe,
           {
-            badge: c,
+            badge: s,
             subtitle: i,
             title: l,
-            ta: h,
+            ta: p,
             maw: d
           }
         ),
@@ -567,7 +568,7 @@ function F({ children: a, badge: c, title: l, subtitle: i, id: n, background: o
     }
   );
 }
-function Pr({ brand: a, label: c = "Verificando sua sessão...", ...l }) {
+function Pr({ brand: a, label: s = "Verificando sua sessão...", ...l }) {
   return /* @__PURE__ */ e(
     Te,
     {
@@ -576,7 +577,7 @@ function Pr({ brand: a, label: c = "Verificando sua sessão...", ...l }) {
       align: "center",
       ...l,
       children: /* @__PURE__ */ r(
-        f,
+        u,
         {
           align: "center",
           gap: "md",
@@ -602,7 +603,7 @@ function Pr({ brand: a, label: c = "Verificando sua sessão...", ...l }) {
                 fw: 500,
                 fz: "sm",
                 c: "gray.6",
-                children: c
+                children: s
               }
             )
           ]
@@ -611,7 +612,7 @@ function Pr({ brand: a, label: c = "Verificando sua sessão...", ...l }) {
     }
   );
 }
-function jr({ children: a, style: c, ...l }) {
+function jr({ children: a, style: s, ...l }) {
   return /* @__PURE__ */ e(
     x,
     {
@@ -621,13 +622,13 @@ function jr({ children: a, style: c, ...l }) {
         flexDirection: "column",
         minHeight: "100vh",
         scrollBehavior: "smooth",
-        ...c
+        ...s
       },
       children: a
     }
   );
 }
-function se({ cta: a, filled: c }) {
+function se({ cta: a, filled: s }) {
   const { icon: l, label: i, labelMobile: n, component: o, ...g } = a;
   return /* @__PURE__ */ e(
     Y,
@@ -640,7 +641,7 @@ function se({ cta: a, filled: c }) {
       size: 36,
       radius: 0,
       color: "gray.9",
-      variant: c ? "filled" : "subtle",
+      variant: s ? "filled" : "subtle",
       children: /* @__PURE__ */ e(
         l,
         {
@@ -651,11 +652,11 @@ function se({ cta: a, filled: c }) {
     }
   );
 }
-function or({ logo: a, logoLink: c, navLinks: l = [], loginCta: i, signupCta: n, background: o = "white", logoMinWidth: g = 176 }) {
-  const d = O(o), [h] = rr(), s = h.y > 10, m = (u) => {
-    u === "top" ? window.scrollTo({ top: 0, behavior: "smooth" }) : document.getElementById(u)?.scrollIntoView({ behavior: "smooth" });
-  }, p = (u, w) => {
-    (u.key === "Enter" || u.key === " ") && (u.preventDefault(), m(w));
+function sr({ logo: a, logoLink: s, navLinks: l = [], loginCta: i, signupCta: n, background: o = "white", logoMinWidth: g = 176, withColorScheme: d = !0 }) {
+  const p = O(o), [c] = rr(), m = c.y > 10, h = (y) => {
+    y === "top" ? window.scrollTo({ top: 0, behavior: "smooth" }) : document.getElementById(y)?.scrollIntoView({ behavior: "smooth" });
+  }, b = (y, z) => {
+    (y.key === "Enter" || y.key === " ") && (y.preventDefault(), h(z));
   };
   return /* @__PURE__ */ e(
     x,
@@ -672,32 +673,32 @@ function or({ logo: a, logoLink: c, navLinks: l = [], loginCta: i, signupCta: n,
           py: "md",
           px: "xs",
           children: /* @__PURE__ */ e(
-            I,
+            T,
             {
-              shadow: s ? "sm" : "none",
+              shadow: m ? "sm" : "none",
               radius: "0",
               py: "xs",
               px: "sm",
-              bg: d,
-              bd: s ? "1px solid var(--mantine-color-gray-2)" : "1px solid transparent",
+              bg: p,
+              bd: m ? "1px solid var(--mantine-color-gray-2)" : "1px solid transparent",
               style: { pointerEvents: "auto", transition: "all 0.2s ease" },
               children: /* @__PURE__ */ r(
-                y,
+                f,
                 {
                   justify: "space-between",
                   align: "center",
                   wrap: "nowrap",
                   children: [
                     a && (() => {
-                      const u = { display: "inline-flex", textDecoration: "none", minWidth: g, flex: "0 1 auto" };
-                      if (c) {
-                        const { component: w = "a", ...T } = c;
+                      const y = { display: "inline-flex", textDecoration: "none", minWidth: g, flex: "0 1 auto" };
+                      if (s) {
+                        const { component: z = "a", ...k } = s;
                         return /* @__PURE__ */ e(
-                          w,
+                          z,
                           {
-                            ...T,
+                            ...k,
                             "aria-label": "Ir para a página inicial",
-                            style: u,
+                            style: y,
                             children: /* @__PURE__ */ e(ee, { logo: a })
                           }
                         );
@@ -707,10 +708,10 @@ function or({ logo: a, logoLink: c, navLinks: l = [], loginCta: i, signupCta: n,
                         {
                           href: "#",
                           "aria-label": "Voltar ao topo",
-                          onClick: (w) => {
-                            w.preventDefault(), window.scrollTo({ top: 0, behavior: "smooth" });
+                          onClick: (z) => {
+                            z.preventDefault(), window.scrollTo({ top: 0, behavior: "smooth" });
                           },
-                          style: u,
+                          style: y,
                           children: /* @__PURE__ */ e(ee, { logo: a })
                         }
                       );
@@ -722,7 +723,7 @@ function or({ logo: a, logoLink: c, navLinks: l = [], loginCta: i, signupCta: n,
                     between 768 and 1 200px. Below `lg` the links are the
                     sections of the page, one scroll away. */
                     /* @__PURE__ */ e(
-                      y,
+                      f,
                       {
                         gap: "xl",
                         visibleFrom: "lg",
@@ -730,7 +731,7 @@ function or({ logo: a, logoLink: c, navLinks: l = [], loginCta: i, signupCta: n,
                         component: "nav",
                         role: "navigation",
                         "aria-label": "Menu principal",
-                        children: l.map((u) => /* @__PURE__ */ e(
+                        children: l.map((y) => /* @__PURE__ */ e(
                           t,
                           {
                             size: "sm",
@@ -738,26 +739,27 @@ function or({ logo: a, logoLink: c, navLinks: l = [], loginCta: i, signupCta: n,
                             tt: "uppercase",
                             lts: "1px",
                             c: "gray.9",
-                            ...u,
-                            component: u.component || "span",
-                            role: u.component ? void 0 : "link",
-                            tabIndex: u.component ? void 0 : 0,
-                            style: { cursor: "pointer", ...u.style },
-                            onClick: u.target ? () => m(u.target) : u.onClick,
-                            onKeyDown: u.target ? (w) => p(w, u.target) : u.onKeyDown,
-                            children: u.label
+                            ...y,
+                            component: y.component || "span",
+                            role: y.component ? void 0 : "link",
+                            tabIndex: y.component ? void 0 : 0,
+                            style: { cursor: "pointer", ...y.style },
+                            onClick: y.target ? () => h(y.target) : y.onClick,
+                            onKeyDown: y.target ? (z) => b(z, y.target) : y.onKeyDown,
+                            children: y.label
                           },
-                          u.label
+                          y.label
                         ))
                       }
                     ),
                     /* @__PURE__ */ r(
-                      y,
+                      f,
                       {
                         gap: "sm",
                         wrap: "nowrap",
                         style: { flexShrink: 0 },
                         children: [
+                          d && /* @__PURE__ */ e(or, {}),
                           i && /* @__PURE__ */ r(
                             x,
                             {
@@ -769,7 +771,7 @@ function or({ logo: a, logoLink: c, navLinks: l = [], loginCta: i, signupCta: n,
                                   U,
                                   {
                                     variant: "subtle",
-                                    ...(({ icon: u, ...w }) => w)(i),
+                                    ...(({ icon: y, ...z }) => z)(i),
                                     component: i.component || (i.href ? "a" : "button"),
                                     className: "ck-cta-label",
                                     c: "gray.7",
@@ -792,7 +794,7 @@ function or({ logo: a, logoLink: c, navLinks: l = [], loginCta: i, signupCta: n,
                                 /* @__PURE__ */ r(
                                   U,
                                   {
-                                    ...(({ icon: u, ...w }) => w)(n),
+                                    ...(({ icon: y, ...z }) => z)(n),
                                     component: n.component || (n.href ? "a" : "button"),
                                     className: "ck-cta-label",
                                     size: "sm",
@@ -848,49 +850,49 @@ function or({ logo: a, logoLink: c, navLinks: l = [], loginCta: i, signupCta: n,
     }
   );
 }
-const Mr = or, ce = {
+const Mr = sr, ce = {
   root: { height: "auto", maxWidth: "100%" },
   label: { whiteSpace: "normal", lineHeight: 1.4 },
   inner: { paddingTop: 12, paddingBottom: 12 }
 };
-function Nr({ subtitle: a, title: c, description: l, cta: i, secondaryCta: n, note: o, video: g, image: d, background: h = "white", mediaMaw: s, titleFz: m = "var(--fz-hero)", descriptionFz: p = "xl" }) {
-  const u = !!(g || d);
+function Nr({ subtitle: a, title: s, description: l, cta: i, secondaryCta: n, note: o, video: g, image: d, background: p = "white", mediaMaw: c, titleFz: m = "var(--fz-hero)", descriptionFz: h = "xl" }) {
+  const b = !!(g || d);
   return /* @__PURE__ */ e(
     x,
     {
       py: { base: 80, sm: 100, md: 140 },
       id: "hero",
-      bg: h,
+      bg: p,
       children: /* @__PURE__ */ e(B, { size: "lg", children: /* @__PURE__ */ r(
         A,
         {
-          cols: { base: 1, md: u ? 2 : 1 },
+          cols: { base: 1, md: b ? 2 : 1 },
           spacing: { base: 60, md: 100 },
           verticalSpacing: 60,
           children: [
             /* @__PURE__ */ r(
-              f,
+              u,
               {
-                align: u ? { base: "center", md: "flex-start" } : "center",
+                align: b ? { base: "center", md: "flex-start" } : "center",
                 justify: "center",
                 gap: { base: 32, md: 48 },
-                ta: u ? { base: "center", md: "left" } : "center",
+                ta: b ? { base: "center", md: "left" } : "center",
                 children: [
                   /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e(
                     xe,
                     {
                       subtitle: a,
-                      title: c,
+                      title: s,
                       titleOrder: 1,
                       titleFz: m,
-                      ta: u ? "inherit" : "center",
-                      maw: u ? void 0 : 940
+                      ta: b ? "inherit" : "center",
+                      maw: b ? void 0 : 940
                     }
                   ) }),
                   l && /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e(
                     t,
                     {
-                      size: p,
+                      size: h,
                       c: "gray.6",
                       lh: 1.6,
                       maw: 600,
@@ -898,7 +900,7 @@ function Nr({ subtitle: a, title: c, description: l, cta: i, secondaryCta: n, no
                     }
                   ) }),
                   (i || n) && /* @__PURE__ */ e(E, { children: /* @__PURE__ */ r(
-                    y,
+                    f,
                     {
                       gap: "md",
                       justify: "center",
@@ -955,12 +957,12 @@ function Nr({ subtitle: a, title: c, description: l, cta: i, secondaryCta: n, no
                 ]
               }
             ),
-            u && /* @__PURE__ */ e(
+            b && /* @__PURE__ */ e(
               be,
               {
                 video: g,
                 image: d,
-                maw: s,
+                maw: c,
                 alt: "Demonstração do produto"
               }
             )
@@ -970,10 +972,10 @@ function Nr({ subtitle: a, title: c, description: l, cta: i, secondaryCta: n, no
     }
   );
 }
-function sr({ logo: a, index: c }) {
+function cr({ logo: a, index: s }) {
   const l = {
     src: a.src,
-    alt: a.alt || `Logo ${c}`,
+    alt: a.alt || `Logo ${s}`,
     h: a.height || 50,
     w: "auto",
     style: {
@@ -998,7 +1000,7 @@ function sr({ logo: a, index: c }) {
     }
   ) }) : /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e(_, { ...l }) });
 }
-function Or({ id: a, title: c, logos: l, background: i = "gray" }) {
+function Or({ id: a, title: s, logos: l, background: i = "gray" }) {
   return !l || l.length === 0 ? null : /* @__PURE__ */ e(
     x,
     {
@@ -1008,13 +1010,13 @@ function Or({ id: a, title: c, logos: l, background: i = "gray" }) {
       bg: i,
       bd: { bottom: "1px solid var(--mantine-color-gray-2)" },
       children: /* @__PURE__ */ e(B, { size: "lg", children: /* @__PURE__ */ r(
-        f,
+        u,
         {
           align: "center",
           ta: "center",
           gap: "xl",
           children: [
-            c && /* @__PURE__ */ e(
+            s && /* @__PURE__ */ e(
               t,
               {
                 fw: 500,
@@ -1022,18 +1024,18 @@ function Or({ id: a, title: c, logos: l, background: i = "gray" }) {
                 size: "sm",
                 tt: "uppercase",
                 lts: "1.5px",
-                children: c
+                children: s
               }
             ),
             /* @__PURE__ */ e(
-              y,
+              f,
               {
                 justify: "space-between",
                 gap: { base: 40, md: 80 },
                 style: { rowGap: 40 },
                 w: "100%",
                 children: l.map((n, o) => /* @__PURE__ */ e(
-                  sr,
+                  cr,
                   {
                     logo: n,
                     index: o
@@ -1048,15 +1050,15 @@ function Or({ id: a, title: c, logos: l, background: i = "gray" }) {
     }
   );
 }
-function Lr({ id: a, subtitle: c, title: l, description: i, descriptionFz: n, featuresList: o, cta: g, video: d, image: h, reverse: s = !1, background: m = "white", mediaMaw: p }) {
-  const u = o && o.length > 0 && /* @__PURE__ */ e(
+function Lr({ id: a, subtitle: s, title: l, description: i, descriptionFz: n, featuresList: o, cta: g, video: d, image: p, reverse: c = !1, background: m = "white", mediaMaw: h }) {
+  const b = o && o.length > 0 && /* @__PURE__ */ e(
     $,
     {
       spacing: "md",
       size: "md",
       center: !0,
       icon: /* @__PURE__ */ e(
-        v,
+        S,
         {
           color: "gray.2",
           size: 24,
@@ -1070,10 +1072,10 @@ function Lr({ id: a, subtitle: c, title: l, description: i, descriptionFz: n, fe
           )
         }
       ),
-      children: o.map((q, S) => /* @__PURE__ */ e($.Item, { children: q }, S))
+      children: o.map((k, I) => /* @__PURE__ */ e($.Item, { children: k }, I))
     }
-  ), w = /* @__PURE__ */ r(
-    f,
+  ), y = /* @__PURE__ */ r(
+    u,
     {
       justify: "center",
       gap: "lg",
@@ -1098,8 +1100,8 @@ function Lr({ id: a, subtitle: c, title: l, description: i, descriptionFz: n, fe
             children: i
           }
         ),
-        u,
-        g && /* @__PURE__ */ e(y, { mt: "md", children: /* @__PURE__ */ e(
+        b,
+        g && /* @__PURE__ */ e(f, { mt: "md", children: /* @__PURE__ */ e(
           M,
           {
             label: g.label,
@@ -1112,7 +1114,7 @@ function Lr({ id: a, subtitle: c, title: l, description: i, descriptionFz: n, fe
         ) })
       ]
     }
-  ), T = (d || h) && /* 80% SÓ A PARTIR DO `md`, e a coluna inteira abaixo disso.
+  ), z = (d || 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
@@ -1129,16 +1131,16 @@ function Lr({ id: a, subtitle: c, title: l, description: i, descriptionFz: n, fe
     be,
     {
       video: d,
-      image: h,
+      image: p,
       width: { base: "100%", md: "80%" },
-      maw: p
+      maw: h
     }
   );
   return /* @__PURE__ */ e(
     F,
     {
       id: a,
-      subtitle: c,
+      subtitle: s,
       title: l,
       background: m,
       children: /* @__PURE__ */ e(
@@ -1147,24 +1149,24 @@ function Lr({ id: a, subtitle: c, title: l, description: i, descriptionFz: n, fe
           cols: { base: 1, md: 2 },
           spacing: { base: 40, md: 80 },
           verticalSpacing: { base: 40, md: 50 },
-          children: s ? /* @__PURE__ */ r(ne, { children: [
-            T,
-            w
+          children: c ? /* @__PURE__ */ r(ne, { children: [
+            z,
+            y
           ] }) : /* @__PURE__ */ r(ne, { children: [
-            w,
-            T
+            y,
+            z
           ] })
         }
       )
     }
   );
 }
-function Rr({ id: a, badge: c, subtitle: l, title: i, description: n, background: o = "gray", items: g = [], ta: d = "left", note: h }) {
+function Rr({ id: a, badge: s, subtitle: l, title: i, description: n, background: o = "gray", items: g = [], ta: d = "left", note: p }) {
   return /* @__PURE__ */ r(
     F,
     {
       id: a,
-      badge: c,
+      badge: s,
       subtitle: l,
       title: i,
       background: o,
@@ -1184,14 +1186,14 @@ function Rr({ id: a, badge: c, subtitle: l, title: i, description: n, background
             children: n
           }
         ),
-        /* @__PURE__ */ e(z, { gutter: "lg", children: g.map((s, m) => /* @__PURE__ */ e(
-          cr,
+        /* @__PURE__ */ e(v, { gutter: "lg", children: g.map((c, m) => /* @__PURE__ */ e(
+          dr,
           {
-            ...s
+            ...c
           },
           m
         )) }),
-        h && /* @__PURE__ */ e(
+        p && /* @__PURE__ */ e(
           t,
           {
             c: "gray.6",
@@ -1201,49 +1203,49 @@ function Rr({ id: a, badge: c, subtitle: l, title: i, description: n, background
             mx: d === "center" ? "auto" : void 0,
             lh: 1.7,
             fs: "italic",
-            children: h
+            children: p
           }
         )
       ]
     }
   );
 }
-function cr({
+function dr({
   icon: a,
-  iconVariant: c,
+  iconVariant: s,
   iconColor: l,
   label: i,
   title: n,
   titleSize: o,
   description: g,
   descriptionSize: d,
-  descriptionMaw: h,
-  span: s = { base: 12, md: 6 },
+  descriptionMaw: p,
+  span: c = { base: 12, md: 6 },
   background: m = "white",
-  visual: p,
-  secondaryVisual: u,
-  layout: w = "stacked",
-  badges: T,
+  visual: h,
+  secondaryVisual: b,
+  layout: y = "stacked",
+  badges: z,
   // 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: q,
-  codeBlock: S,
+  actions: k,
+  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: C = 6,
   // Rotulo da barra do terminal (ex: "bash", "index.js").
-  codeLabel: b,
+  codeLabel: w,
   decorativeContent: L,
-  style: k,
+  style: D,
   ...R
 }) {
   const K = /* @__PURE__ */ r(x, { children: [
     a && /* @__PURE__ */ e(
-      v,
+      S,
       {
         size: 48,
         radius: "0",
-        variant: c || "light",
+        variant: s || "light",
         color: l || "gray",
         mb: "lg",
         children: /* @__PURE__ */ e(
@@ -1270,7 +1272,7 @@ function cr({
     n && /* @__PURE__ */ e(
       t,
       {
-        fz: o || (w === "compact" ? "h4" : "h3"),
+        fz: o || (y === "compact" ? "h4" : "h3"),
         fw: 900,
         lh: 1.2,
         mb: "sm",
@@ -1282,13 +1284,13 @@ function cr({
       t,
       {
         c: "gray.6",
-        size: d || (w === "compact" ? "sm" : "lg"),
-        maw: h,
-        mb: T ? "xl" : w === "compact" ? "lg" : void 0,
+        size: d || (y === "compact" ? "sm" : "lg"),
+        maw: p,
+        mb: z ? "xl" : y === "compact" ? "lg" : void 0,
         children: g
       }
     ),
-    T && T.length > 0 && /* @__PURE__ */ e(y, { children: T.map((J, Q) => /* @__PURE__ */ e(
+    z && z.length > 0 && /* @__PURE__ */ e(f, { children: z.map((J, Q) => /* @__PURE__ */ e(
       P,
       {
         variant: "dot",
@@ -1298,12 +1300,12 @@ function cr({
       },
       Q
     )) }),
-    q && q.length > 0 && /* @__PURE__ */ e(
-      y,
+    k && k.length > 0 && /* @__PURE__ */ e(
+      f,
       {
         gap: "sm",
         mt: "xl",
-        children: q.map((J, Q) => /* @__PURE__ */ e(
+        children: k.map((J, Q) => /* @__PURE__ */ e(
           M,
           {
             size: "md",
@@ -1314,49 +1316,49 @@ function cr({
         ))
       }
     )
-  ] }), V = p ? de(p) : null, ae = u ? de(u) : null;
-  return w === "split" ? /* @__PURE__ */ e(z.Col, { span: s, children: /* @__PURE__ */ e(
-    I,
+  ] }), V = h ? de(h) : null, ae = b ? de(b) : null;
+  return y === "split" ? /* @__PURE__ */ e(v.Col, { span: c, children: /* @__PURE__ */ e(
+    T,
     {
       h: "100%",
       p: { base: "xl", md: 40 },
       radius: "0",
       bg: O(m),
       bd: "1px solid var(--mantine-color-gray-2)",
-      style: k,
+      style: D,
       ...R,
       children: /* @__PURE__ */ r(
-        z,
+        v,
         {
           align: "center",
           gutter: "xl",
           children: [
-            /* @__PURE__ */ e(z.Col, { span: { base: 12, sm: 12 - C }, children: K }),
-            /* @__PURE__ */ r(z.Col, { span: { base: 12, sm: C }, children: [
+            /* @__PURE__ */ e(v.Col, { span: { base: 12, sm: 12 - C }, children: K }),
+            /* @__PURE__ */ r(v.Col, { span: { base: 12, sm: C }, children: [
               V,
-              S && /* @__PURE__ */ e(ir, { label: b, children: S })
+              I && /* @__PURE__ */ e(ir, { label: w, children: I })
             ] })
           ]
         }
       )
     }
-  ) }) : w === "compact" ? /* @__PURE__ */ e(z.Col, { span: s, children: /* @__PURE__ */ r(
-    I,
+  ) }) : y === "compact" ? /* @__PURE__ */ e(v.Col, { span: c, children: /* @__PURE__ */ r(
+    T,
     {
       h: "100%",
       p: { base: "xl", md: 40 },
       radius: "0",
       bg: O(m),
       bd: "1px solid var(--mantine-color-gray-2)",
-      style: k,
+      style: D,
       ...R,
       children: [
         K,
         V
       ]
     }
-  ) }) : L ? /* @__PURE__ */ e(z.Col, { span: s, children: /* @__PURE__ */ e(
-    I,
+  ) }) : L ? /* @__PURE__ */ e(v.Col, { span: c, children: /* @__PURE__ */ e(
+    T,
     {
       h: "100%",
       p: { base: "xl", md: 40 },
@@ -1364,16 +1366,16 @@ function cr({
       bg: O(m),
       bd: "1px solid var(--mantine-color-gray-2)",
       pos: "relative",
-      style: k,
+      style: D,
       ...R,
       children: /* @__PURE__ */ r(
-        z,
+        v,
         {
           gutter: 0,
           pos: "relative",
           children: [
             /* @__PURE__ */ e(
-              z.Col,
+              v.Col,
               {
                 span: { base: 12, sm: 7 },
                 style: { zIndex: 1 },
@@ -1381,7 +1383,7 @@ function cr({
               }
             ),
             /* @__PURE__ */ e(
-              z.Col,
+              v.Col,
               {
                 span: 5,
                 visibleFrom: "sm",
@@ -1392,8 +1394,8 @@ function cr({
         }
       )
     }
-  ) }) : /* @__PURE__ */ e(z.Col, { span: s, children: /* @__PURE__ */ r(
-    I,
+  ) }) : /* @__PURE__ */ e(v.Col, { span: c, children: /* @__PURE__ */ r(
+    T,
     {
       h: "100%",
       p: { base: "xl", md: 40 },
@@ -1404,13 +1406,13 @@ function cr({
       style: {
         flexDirection: "column",
         justifyContent: "space-between",
-        ...k
+        ...D
       },
       ...R,
       children: [
         K,
         V && ae ? /* @__PURE__ */ r(
-          y,
+          f,
           {
             gap: 40,
             align: "center",
@@ -1435,7 +1437,7 @@ function de(a) {
           thickness: a.thickness || 12,
           sections: [{ value: a.value || 100, color: "gray.7" }],
           label: /* @__PURE__ */ e(E, { children: /* @__PURE__ */ r(
-            f,
+            u,
             {
               gap: 0,
               align: "center",
@@ -1465,7 +1467,7 @@ function de(a) {
         }
       );
     case "metric":
-      return /* @__PURE__ */ r(f, { gap: 0, children: [
+      return /* @__PURE__ */ r(u, { gap: 0, children: [
         /* @__PURE__ */ e(
           t,
           {
@@ -1498,17 +1500,17 @@ function de(a) {
       ] });
     case "bars":
       return /* @__PURE__ */ e(
-        y,
+        f,
         {
           align: "flex-end",
           gap: 8,
           h: a.height || 100,
           preventGrowOverflow: !1,
-          children: (a.data || []).map((c, l) => /* @__PURE__ */ e(
+          children: (a.data || []).map((s, l) => /* @__PURE__ */ e(
             x,
             {
               w: 20,
-              h: `${c}%`,
+              h: `${s}%`,
               bg: l === a.highlight ? "gray.5" : "gray.2",
               radius: "0"
             },
@@ -1537,9 +1539,9 @@ function de(a) {
         }
       );
     case "icon-large": {
-      const c = a.icon;
-      return c ? /* @__PURE__ */ e(
-        c,
+      const s = a.icon;
+      return s ? /* @__PURE__ */ e(
+        s,
         {
           size: a.size || 64,
           stroke: a.stroke || 1,
@@ -1551,13 +1553,13 @@ function de(a) {
       return null;
   }
 }
-function $r({ id: a, subtitle: c, title: l, items: i = [], cols: n, background: o = "white", ta: g = "center", note: d }) {
-  const h = n ?? Math.min(Math.max(i.length, 1), 4);
+function $r({ id: a, subtitle: s, title: l, items: i = [], cols: n, background: o = "white", ta: g = "center", note: d }) {
+  const p = n ?? Math.min(Math.max(i.length, 1), 4);
   return /* @__PURE__ */ r(
     F,
     {
       id: a,
-      subtitle: c,
+      subtitle: s,
       title: l,
       background: o,
       ta: g,
@@ -1566,10 +1568,10 @@ function $r({ id: a, subtitle: c, title: l, items: i = [], cols: n, background:
         /* @__PURE__ */ e(
           A,
           {
-            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((s, m) => /* @__PURE__ */ r(
-              I,
+            children: i.map((c, m) => /* @__PURE__ */ r(
+              T,
               {
                 px: "lg",
                 py: 40,
@@ -1589,7 +1591,7 @@ function $r({ id: a, subtitle: c, title: l, items: i = [], cols: n, background:
                       mb: "lg",
                       c: "gray.9",
                       style: { letterSpacing: "-0.04em" },
-                      children: s.value
+                      children: c.value
                     }
                   ),
                   /* @__PURE__ */ e(
@@ -1602,10 +1604,10 @@ function $r({ id: a, subtitle: c, title: l, items: i = [], cols: n, background:
                       mb: "xs",
                       c: "gray.9",
                       style: { letterSpacing: "-0.01em" },
-                      children: s.label
+                      children: c.label
                     }
                   ),
-                  s.description && /* @__PURE__ */ e(
+                  c.description && /* @__PURE__ */ e(
                     t,
                     {
                       component: "div",
@@ -1614,12 +1616,12 @@ function $r({ id: a, subtitle: c, title: l, items: i = [], cols: n, background:
                       lh: 1.5,
                       maw: 220,
                       mx: "auto",
-                      children: s.description
+                      children: c.description
                     }
                   )
                 ]
               },
-              s.label || m
+              c.label || m
             ))
           }
         ),
@@ -1645,13 +1647,13 @@ const W = {
   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" }
-}, dr = (a) => {
+}, hr = (a) => {
   if (!a) return null;
-  const c = new Date(a);
-  return Number.isNaN(c.getTime()) ? null : c.toLocaleString("pt-BR", { dateStyle: "short", timeStyle: "medium" });
+  const s = new Date(a);
+  return Number.isNaN(s.getTime()) ? null : s.toLocaleString("pt-BR", { dateStyle: "short", timeStyle: "medium" });
 };
-function Vr({ service: a, status: c = "loading", checkedAt: l, checks: i = [], latency: n = [], uptime: o = [], error: g }) {
-  const d = g ? W.down : W[c] || W.loading, h = dr(l);
+function Vr({ service: a, status: s = "loading", checkedAt: l, checks: i = [], latency: n = [], uptime: o = [], error: g }) {
+  const d = g ? W.down : W[s] || W.loading, p = hr(l);
   return /* @__PURE__ */ e(
     x,
     {
@@ -1662,8 +1664,8 @@ function Vr({ service: a, status: c = "loading", checkedAt: l, checks: i = [], l
         {
           size: "lg",
           py: 80,
-          children: /* @__PURE__ */ r(f, { gap: 60, children: [
-            /* @__PURE__ */ r(f, { gap: "lg", children: [
+          children: /* @__PURE__ */ r(u, { gap: 60, children: [
+            /* @__PURE__ */ r(u, { gap: "lg", children: [
               /* @__PURE__ */ r(
                 t,
                 {
@@ -1679,7 +1681,7 @@ function Vr({ service: a, status: c = "loading", checkedAt: l, checks: i = [], l
                 }
               ),
               /* @__PURE__ */ r(
-                y,
+                f,
                 {
                   gap: "lg",
                   align: "center",
@@ -1695,7 +1697,7 @@ function Vr({ service: a, status: c = "loading", checkedAt: l, checks: i = [], l
                       }
                     ),
                     /* @__PURE__ */ e(
-                      D,
+                      q,
                       {
                         order: 1,
                         fz: { base: 32, md: 56 },
@@ -1717,7 +1719,7 @@ function Vr({ service: a, status: c = "loading", checkedAt: l, checks: i = [], l
                     // 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…"
                 }
               )
             ] }),
@@ -1727,8 +1729,8 @@ function Vr({ service: a, status: c = "loading", checkedAt: l, checks: i = [], l
                 cols: { base: 1, md: 2 },
                 spacing: 48,
                 children: [
-                  o.length > 0 && /* @__PURE__ */ r(f, { gap: "lg", children: [
-                    /* @__PURE__ */ r(f, { gap: 4, children: [
+                  o.length > 0 && /* @__PURE__ */ r(u, { gap: "lg", children: [
+                    /* @__PURE__ */ r(u, { gap: 4, children: [
                       /* @__PURE__ */ e(
                         t,
                         {
@@ -1749,7 +1751,7 @@ function Vr({ service: a, status: c = "loading", checkedAt: l, checks: i = [], l
                           lh: 1,
                           lts: "-0.04em",
                           children: [
-                            (o.reduce((s, m) => s + m.pct, 0) / o.length).toFixed(2),
+                            (o.reduce((c, m) => c + m.pct, 0) / o.length).toFixed(2),
                             /* @__PURE__ */ e(
                               t,
                               {
@@ -1765,23 +1767,23 @@ function Vr({ service: a, status: c = "loading", checkedAt: l, checks: i = [], l
                       )
                     ] }),
                     /* @__PURE__ */ e(
-                      y,
+                      f,
                       {
                         gap: 3,
                         h: 140,
                         align: "flex-end",
                         wrap: "nowrap",
-                        children: o.map((s, m) => /* @__PURE__ */ e(
+                        children: o.map((c, m) => /* @__PURE__ */ e(
                           re,
                           {
-                            label: `${s.day} · ${s.pct.toFixed(2)}%`,
+                            label: `${c.day} · ${c.pct.toFixed(2)}%`,
                             withArrow: !0,
                             children: /* @__PURE__ */ e(
                               x,
                               {
                                 w: 14,
-                                h: Math.max(8, s.pct / 100 * 96),
-                                bg: s.pct === 100 ? d.chart : s.pct > 0 ? "yellow.7" : "red.7"
+                                h: Math.max(8, c.pct / 100 * 96),
+                                bg: c.pct === 100 ? d.chart : c.pct > 0 ? "yellow.7" : "red.7"
                               }
                             )
                           },
@@ -1790,8 +1792,8 @@ function Vr({ service: a, status: c = "loading", checkedAt: l, checks: i = [], l
                       }
                     )
                   ] }),
-                  n.length > 0 && /* @__PURE__ */ r(f, { gap: "lg", children: [
-                    /* @__PURE__ */ r(f, { gap: 4, children: [
+                  n.length > 0 && /* @__PURE__ */ r(u, { gap: "lg", children: [
+                    /* @__PURE__ */ r(u, { gap: 4, children: [
                       /* @__PURE__ */ e(
                         t,
                         {
@@ -1840,14 +1842,14 @@ function Vr({ service: a, status: c = "loading", checkedAt: l, checks: i = [], l
                         withXAxis: !1,
                         yAxisProps: { width: 40 },
                         fillOpacity: 0.12,
-                        valueFormatter: (s) => `${Math.round(s)} ms`
+                        valueFormatter: (c) => `${Math.round(c)} ms`
                       }
                     )
                   ] })
                 ]
               }
             ),
-            i.length > 0 && /* @__PURE__ */ r(f, { gap: 0, children: [
+            i.length > 0 && /* @__PURE__ */ r(u, { gap: 0, children: [
               /* @__PURE__ */ e(
                 t,
                 {
@@ -1860,10 +1862,10 @@ function Vr({ service: a, status: c = "loading", checkedAt: l, checks: i = [], l
                   children: "Componentes"
                 }
               ),
-              i.map((s, m) => {
-                const p = W[s.status] || W.loading;
+              i.map((c, m) => {
+                const h = W[c.status] || W.loading;
                 return /* @__PURE__ */ r(
-                  I,
+                  T,
                   {
                     bg: "transparent",
                     withBorder: !1,
@@ -1871,7 +1873,7 @@ function Vr({ service: a, status: c = "loading", checkedAt: l, checks: i = [], l
                     bd: { top: m === 0 ? "1px solid var(--mantine-color-gray-2)" : void 0, bottom: "1px solid var(--mantine-color-gray-2)" },
                     children: [
                       /* @__PURE__ */ r(
-                        y,
+                        f,
                         {
                           justify: "space-between",
                           align: "flex-start",
@@ -1879,7 +1881,7 @@ function Vr({ service: a, status: c = "loading", checkedAt: l, checks: i = [], l
                           gap: "lg",
                           children: [
                             /* @__PURE__ */ r(
-                              y,
+                              f,
                               {
                                 gap: "md",
                                 align: "flex-start",
@@ -1891,26 +1893,26 @@ function Vr({ service: a, status: c = "loading", checkedAt: l, checks: i = [], l
                                       w: 7,
                                       h: 7,
                                       mt: 7,
-                                      bg: p.color,
+                                      bg: h.color,
                                       style: { borderRadius: "50%", flexShrink: 0 }
                                     }
                                   ),
-                                  /* @__PURE__ */ r(f, { gap: 2, children: [
+                                  /* @__PURE__ */ r(u, { gap: 2, children: [
                                     /* @__PURE__ */ e(
                                       t,
                                       {
                                         c: "gray.9",
                                         fw: 700,
                                         size: "sm",
-                                        children: s.name
+                                        children: c.name
                                       }
                                     ),
-                                    s.description && /* @__PURE__ */ e(
+                                    c.description && /* @__PURE__ */ e(
                                       t,
                                       {
                                         size: "xs",
                                         c: "gray.5",
-                                        children: s.description
+                                        children: c.description
                                       }
                                     )
                                   ] })
@@ -1918,13 +1920,13 @@ function Vr({ service: a, status: c = "loading", checkedAt: l, checks: i = [], l
                               }
                             ),
                             /* @__PURE__ */ r(
-                              y,
+                              f,
                               {
                                 gap: "lg",
                                 wrap: "nowrap",
                                 align: "center",
                                 children: [
-                                  typeof s.latencyMs == "number" && /* @__PURE__ */ r(
+                                  typeof c.latencyMs == "number" && /* @__PURE__ */ r(
                                     t,
                                     {
                                       size: "xs",
@@ -1932,7 +1934,7 @@ function Vr({ service: a, status: c = "loading", checkedAt: l, checks: i = [], l
                                       c: "gray.4",
                                       style: { whiteSpace: "nowrap" },
                                       children: [
-                                        s.latencyMs,
+                                        c.latencyMs,
                                         " ms"
                                       ]
                                     }
@@ -1941,9 +1943,9 @@ function Vr({ service: a, status: c = "loading", checkedAt: l, checks: i = [], l
                                     P,
                                     {
                                       variant: "dot",
-                                      color: p.color.split(".")[0],
+                                      color: h.color.split(".")[0],
                                       visibleFrom: "sm",
-                                      children: p.badge
+                                      children: h.badge
                                     }
                                   )
                                 ]
@@ -1952,14 +1954,14 @@ function Vr({ service: a, status: c = "loading", checkedAt: l, checks: i = [], l
                           ]
                         }
                       ),
-                      s.metrics && Object.keys(s.metrics).length > 0 && /* @__PURE__ */ e(
-                        y,
+                      c.metrics && Object.keys(c.metrics).length > 0 && /* @__PURE__ */ e(
+                        f,
                         {
                           gap: "xl",
                           mt: "md",
                           ml: 23,
-                          children: Object.entries(s.metrics).map(([u, w]) => /* @__PURE__ */ r(
-                            f,
+                          children: Object.entries(c.metrics).map(([b, y]) => /* @__PURE__ */ r(
+                            u,
                             {
                               gap: 2,
                               children: [
@@ -1971,7 +1973,7 @@ function Vr({ service: a, status: c = "loading", checkedAt: l, checks: i = [], l
                                     fw: 900,
                                     lh: 1,
                                     lts: "-0.02em",
-                                    children: typeof w == "number" ? w.toLocaleString("pt-BR") : w
+                                    children: typeof y == "number" ? y.toLocaleString("pt-BR") : y
                                   }
                                 ),
                                 /* @__PURE__ */ e(
@@ -1982,18 +1984,18 @@ function Vr({ service: a, status: c = "loading", checkedAt: l, checks: i = [], l
                                     tt: "uppercase",
                                     lts: "1.5px",
                                     c: "gray.4",
-                                    children: hr[u] || u
+                                    children: pr[b] || b
                                   }
                                 )
                               ]
                             },
-                            u
+                            b
                           ))
                         }
                       )
                     ]
                   },
-                  s.name || m
+                  c.name || m
                 );
               })
             ] }),
@@ -2012,7 +2014,7 @@ function Vr({ service: a, status: c = "loading", checkedAt: l, checks: i = [], l
     }
   );
 }
-const hr = {
+const pr = {
   activeSessions: "Sessões ativas",
   pendingVerifications: "Verificações pendentes",
   publicKeys: "Chaves públicas",
@@ -2023,8 +2025,8 @@ const hr = {
   down: { color: "red.7", label: "Interrupção em andamento" },
   loading: { color: "gray.4", label: "Verificando status" }
 }, X = 20;
-function Wr({ status: a = "loading", history: c = [], label: l, link: i, ...n }) {
-  const o = he[a] || he.loading, g = c.slice(-X), d = Array(Math.max(0, X - g.length)).fill(null), h = [...d, ...g];
+function Wr({ status: a = "loading", history: s = [], label: l, link: i, ...n }) {
+  const o = he[a] || he.loading, g = s.slice(-X), d = Array(Math.max(0, X - g.length)).fill(null), p = [...d, ...g];
   return /* @__PURE__ */ e(
     me,
     {
@@ -2033,7 +2035,7 @@ function Wr({ status: a = "loading", history: c = [], label: l, link: i, ...n })
       ...i,
       ...n,
       children: /* @__PURE__ */ r(
-        y,
+        f,
         {
           gap: "xs",
           wrap: "nowrap",
@@ -2047,18 +2049,18 @@ function Wr({ status: a = "loading", history: c = [], label: l, link: i, ...n })
                 h: 16,
                 "aria-hidden": "true",
                 style: { display: "block", overflow: "visible" },
-                children: h.map((s, m) => {
-                  const p = s === null ? 2 : Math.max(2, s * 16), u = h.length - d.length - 1 || 1, w = m - d.length;
+                children: p.map((c, m) => {
+                  const h = c === null ? 2 : Math.max(2, c * 16), b = p.length - d.length - 1 || 1, y = m - d.length;
                   return /* @__PURE__ */ e(
                     x,
                     {
                       component: "rect",
                       x: m * 4,
-                      y: 16 - p,
+                      y: 16 - h,
                       width: 3,
-                      height: p,
-                      fill: s === null ? "var(--mantine-color-gray-2)" : `var(--mantine-color-${o.color.replace(".", "-")})`,
-                      opacity: s === null ? 0.6 : 0.55 + w / u * 0.45
+                      height: h,
+                      fill: c === null ? "var(--mantine-color-gray-2)" : `var(--mantine-color-${o.color.replace(".", "-")})`,
+                      opacity: c === null ? 0.6 : 0.55 + y / b * 0.45
                     },
                     m
                   );
@@ -2083,38 +2085,38 @@ function Wr({ status: a = "loading", history: c = [], label: l, link: i, ...n })
     }
   );
 }
-function Ur({ id: a, subtitle: c, title: l, description: i, items: n = [], ctaIcon: o, note: g, background: d = "white", ta: h = "center" }) {
+function Ur({ id: a, subtitle: s, title: l, description: i, items: n = [], ctaIcon: o, note: g, background: d = "white", ta: p = "center" }) {
   return /* @__PURE__ */ r(
     F,
     {
       id: a,
-      subtitle: c,
+      subtitle: s,
       title: l,
       background: d,
-      ta: 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((s, m) => {
-          const p = s.icon;
+        /* @__PURE__ */ e(v, { gutter: "xl", children: n.map((c, m) => {
+          const h = c.icon;
           return /* @__PURE__ */ e(
-            z.Col,
+            v.Col,
             {
-              span: { base: 12, md: s.span || 6 },
+              span: { base: 12, md: c.span || 6 },
               children: /* @__PURE__ */ r(
-                I,
+                T,
                 {
                   p: "xl",
                   radius: "0",
@@ -2124,7 +2126,7 @@ function Ur({ id: a, subtitle: c, title: l, description: i, items: n = [], ctaIc
                   style: { height: "100%", display: "flex", flexDirection: "column" },
                   children: [
                     /* @__PURE__ */ r(
-                      y,
+                      f,
                       {
                         justify: "space-between",
                         align: "flex-start",
@@ -2132,7 +2134,7 @@ function Ur({ id: a, subtitle: c, title: l, description: i, items: n = [], ctaIc
                         wrap: "nowrap",
                         children: [
                           /* @__PURE__ */ r(x, { children: [
-                            s.category && /* @__PURE__ */ e(
+                            c.category && /* @__PURE__ */ e(
                               t,
                               {
                                 size: "xs",
@@ -2141,22 +2143,22 @@ function Ur({ id: a, subtitle: c, title: l, description: i, items: n = [], ctaIc
                                 lts: "1.5px",
                                 c: "gray.4",
                                 mb: 4,
-                                children: s.category
+                                children: c.category
                               }
                             ),
                             /* @__PURE__ */ e(
-                              D,
+                              q,
                               {
                                 order: 3,
                                 fz: "h2",
                                 fw: 800,
                                 c: "gray.9",
-                                children: s.name
+                                children: c.name
                               }
                             )
                           ] }),
-                          p && /* @__PURE__ */ e(
-                            p,
+                          h && /* @__PURE__ */ e(
+                            h,
                             {
                               size: 28,
                               stroke: 1.5,
@@ -2166,7 +2168,7 @@ function Ur({ id: a, subtitle: c, title: l, description: i, items: n = [], ctaIc
                         ]
                       }
                     ),
-                    s.headline && /* @__PURE__ */ e(
+                    c.headline && /* @__PURE__ */ e(
                       t,
                       {
                         fw: 700,
@@ -2175,10 +2177,10 @@ function Ur({ id: a, subtitle: c, title: l, description: i, items: n = [], ctaIc
                         mb: "sm",
                         c: "gray.9",
                         style: { letterSpacing: "-0.01em" },
-                        children: s.headline
+                        children: c.headline
                       }
                     ),
-                    s.description && /* @__PURE__ */ e(
+                    c.description && /* @__PURE__ */ e(
                       t,
                       {
                         size: "md",
@@ -2186,16 +2188,16 @@ function Ur({ id: a, subtitle: c, title: l, description: i, items: n = [], ctaIc
                         lh: 1.6,
                         mb: "xl",
                         style: { flexGrow: 1 },
-                        children: s.description
+                        children: c.description
                       }
                     ),
-                    s.href && /* @__PURE__ */ e(
+                    c.href && /* @__PURE__ */ e(
                       U,
                       {
                         component: "a",
-                        href: s.href,
-                        target: s.target,
-                        rel: s.target === "_blank" ? "noopener noreferrer" : void 0,
+                        href: c.href,
+                        target: c.target,
+                        rel: c.target === "_blank" ? "noopener noreferrer" : void 0,
                         variant: "default",
                         size: "md",
                         radius: "0",
@@ -2208,14 +2210,14 @@ function Ur({ id: a, subtitle: c, title: l, description: i, items: n = [], ctaIc
                           paddingTop: 16,
                           marginTop: "auto"
                         },
-                        children: s.ctaLabel || `Abrir ${s.name}`
+                        children: c.ctaLabel || `Abrir ${c.name}`
                       }
                     )
                   ]
                 }
               )
             },
-            s.name || m
+            c.name || m
           );
         }) }),
         g && /* @__PURE__ */ e(
@@ -2223,10 +2225,10 @@ function Ur({ id: a, subtitle: c, title: l, description: i, items: n = [], ctaIc
           {
             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: g
@@ -2238,23 +2240,23 @@ function Ur({ id: a, subtitle: c, title: l, description: i, items: n = [], ctaIc
 }
 function _r({
   id: a,
-  subtitle: c,
+  subtitle: s,
   title: l,
   description: i,
   items: n = [],
   categories: o = [],
   filtersLabel: g = "Filtrar por categoria",
   note: d,
-  background: h = "white",
+  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
   // `Wordmark` e anunciou "monitores" no log de e-mails do Payments. Sem
   // rótulo a chamada não é desenhada; quem chama diz a palavra.
-  ctaLabel: s
+  ctaLabel: c
 }) {
-  const [m, p] = H("todas"), u = ar("(min-width: 48em)", !1), w = Ee(() => m === "todas" ? n : [...n].sort((S, C) => +(C.category === m) - +(S.category === m)), [n, m]), [T, ...q] = w;
-  return T ? (
+  const [m, h] = H("todas"), b = ar("(min-width: 48em)", !1), y = Ee(() => m === "todas" ? n : [...n].sort((I, C) => +(C.category === m) - +(I.category === m)), [n, m]), [z, ...k] = y;
+  return z ? (
     // 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
     // vier abaixo, incluindo o texto dentro dos cards. Por isso cada
@@ -2267,9 +2269,9 @@ function _r({
       F,
       {
         id: a,
-        subtitle: c,
+        subtitle: s,
         title: l,
-        background: h,
+        background: p,
         ta: "center",
         children: [
           i && /* @__PURE__ */ e(
@@ -2285,43 +2287,43 @@ function _r({
             }
           ),
           o.length > 0 && /* @__PURE__ */ e(
-            y,
+            f,
             {
               gap: "xs",
               mb: 40,
-              justify: u ? "center" : "flex-start",
+              justify: b ? "center" : "flex-start",
               wrap: "nowrap",
               role: "group",
               "aria-label": g,
               className: "rlg-shelf-filters",
-              children: o.map((S) => /* @__PURE__ */ e(
+              children: o.map((I) => /* @__PURE__ */ e(
                 ke,
                 {
-                  onClick: () => p(S.id),
+                  onClick: () => h(I.id),
                   className: "rlg-shelf-pill",
-                  "data-active": m === S.id || void 0,
-                  "aria-pressed": m === S.id,
-                  children: S.label
+                  "data-active": m === I.id || void 0,
+                  "aria-pressed": m === I.id,
+                  children: I.label
                 },
-                S.id
+                I.id
               ))
             }
           ),
-          /* @__PURE__ */ r(z, { gutter: "lg", children: [
-            /* @__PURE__ */ e(z.Col, { span: { base: 12, lg: 5, xl: 4 }, children: /* @__PURE__ */ e(
-              pr,
+          /* @__PURE__ */ r(v, { gutter: "lg", children: [
+            /* @__PURE__ */ e(v.Col, { span: { base: 12, lg: 5, xl: 4 }, children: /* @__PURE__ */ e(
+              gr,
               {
-                item: T,
-                ctaLabel: s
+                item: z,
+                ctaLabel: c
               }
             ) }),
-            /* @__PURE__ */ e(z.Col, { span: { base: 12, lg: 7, xl: 8 }, children: /* @__PURE__ */ e(z, { gutter: "lg", children: q.map((S) => /* @__PURE__ */ e(
-              z.Col,
+            /* @__PURE__ */ e(v.Col, { span: { base: 12, lg: 7, xl: 8 }, children: /* @__PURE__ */ e(v, { gutter: "lg", children: k.map((I) => /* @__PURE__ */ e(
+              v.Col,
               {
                 span: { base: 12, xs: 6, md: 4, lg: 6, xl: 4 },
-                children: /* @__PURE__ */ e(gr, { item: S })
+                children: /* @__PURE__ */ e(mr, { item: I })
               },
-              S.name
+              I.name
             )) }) })
           ] }),
           d && /* @__PURE__ */ e(
@@ -2347,10 +2349,10 @@ const we = (a) => ({
   target: a.target,
   rel: a.target === "_blank" ? "noopener noreferrer" : void 0
 });
-function pr({ item: a, ctaLabel: c }) {
+function gr({ item: a, ctaLabel: s }) {
   const l = a.icon;
   return /* @__PURE__ */ r(
-    I,
+    T,
     {
       ...we(a),
       className: "rlg-shelf-feature",
@@ -2371,7 +2373,7 @@ function pr({ item: a, ctaLabel: c }) {
           }
         ),
         /* @__PURE__ */ r(
-          f,
+          u,
           {
             className: "rlg-shelf-feature-body",
             gap: "md",
@@ -2400,7 +2402,7 @@ function pr({ item: a, ctaLabel: c }) {
               ] }),
               /* @__PURE__ */ r(x, { className: "rlg-shelf-feature-bottom", children: [
                 /* @__PURE__ */ e(
-                  D,
+                  q,
                   {
                     order: 3,
                     className: "rlg-shelf-feature-title",
@@ -2419,8 +2421,8 @@ function pr({ item: a, ctaLabel: c }) {
                     children: a.description
                   }
                 ),
-                c && /* @__PURE__ */ r(
-                  y,
+                s && /* @__PURE__ */ r(
+                  f,
                   {
                     className: "rlg-shelf-feature-cta",
                     gap: 8,
@@ -2433,7 +2435,7 @@ function pr({ item: a, ctaLabel: c }) {
                           size: "sm",
                           fw: 800,
                           c: "gray.9",
-                          children: c
+                          children: s
                         }
                       ),
                       /* @__PURE__ */ e(
@@ -2455,10 +2457,10 @@ function pr({ item: a, ctaLabel: c }) {
     }
   );
 }
-function gr({ item: a }) {
-  const c = a.icon;
+function mr({ item: a }) {
+  const s = a.icon;
   return /* @__PURE__ */ r(
-    I,
+    T,
     {
       ...we(a),
       className: "rlg-shelf-card",
@@ -2480,13 +2482,13 @@ function gr({ item: a }) {
           }
         ),
         /* @__PURE__ */ r(
-          f,
+          u,
           {
             className: "rlg-shelf-card-body",
             gap: "sm",
             children: [
-              c && /* @__PURE__ */ e(
-                c,
+              s && /* @__PURE__ */ e(
+                s,
                 {
                   size: 22,
                   stroke: 1.5,
@@ -2495,7 +2497,7 @@ function gr({ item: a }) {
               ),
               /* @__PURE__ */ r(x, { children: [
                 /* @__PURE__ */ e(
-                  D,
+                  q,
                   {
                     order: 3,
                     fz: "h4",
@@ -2523,12 +2525,12 @@ function gr({ item: a }) {
     }
   );
 }
-function Hr({ id: a, subtitle: c, title: l, description: i, items: n = [], note: o, background: g = "gray", ta: d = "center" }) {
+function Hr({ id: a, subtitle: s, title: l, description: i, items: n = [], note: o, background: g = "gray", ta: d = "center" }) {
   return /* @__PURE__ */ r(
     F,
     {
       id: a,
-      subtitle: c,
+      subtitle: s,
       title: l,
       background: g,
       ta: d,
@@ -2548,54 +2550,54 @@ function Hr({ id: a, subtitle: c, title: l, description: i, items: n = [], note:
           }
         ),
         /* @__PURE__ */ e(
-          I,
+          T,
           {
             radius: "0",
             bg: "white",
             bd: "1px solid var(--mantine-color-gray-2)",
             px: { base: "lg", md: 40 },
             py: { base: "xs", md: "md" },
-            children: n.map((h, s) => /* @__PURE__ */ r(
-              z,
+            children: n.map((p, c) => /* @__PURE__ */ r(
+              v,
               {
                 gutter: { base: 4, sm: "xl" },
                 py: { base: "lg", md: "xl" },
                 ta: "left",
-                style: s === 0 ? void 0 : { borderTop: "1px solid var(--mantine-color-gray-2)" },
+                style: c === 0 ? void 0 : { borderTop: "1px solid var(--mantine-color-gray-2)" },
                 children: [
-                  /* @__PURE__ */ e(z.Col, { span: { base: 12, sm: 4 }, children: /* @__PURE__ */ e(
+                  /* @__PURE__ */ e(v.Col, { span: { base: 12, sm: 4 }, children: /* @__PURE__ */ e(
                     t,
                     {
                       fw: 700,
                       lh: 1.4,
                       c: "gray.9",
-                      children: h.criterion
+                      children: p.criterion
                     }
                   ) }),
-                  /* @__PURE__ */ r(z.Col, { span: { base: 12, sm: 8 }, children: [
+                  /* @__PURE__ */ r(v.Col, { span: { base: 12, sm: 8 }, children: [
                     /* @__PURE__ */ e(
                       t,
                       {
                         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 || s
+              p.criterion || c
             ))
           }
         ),
@@ -2616,32 +2618,32 @@ function Hr({ id: a, subtitle: c, title: l, description: i, items: n = [], note:
     }
   );
 }
-function Gr({ id: a, subtitle: c, title: l, description: i, cardLabel: n, items: o = [], footnote: g, background: d = "gray", ta: h = "center" }) {
+function Gr({ id: a, subtitle: s, title: l, description: i, cardLabel: n, items: o = [], footnote: g, background: d = "gray", ta: p = "center" }) {
   return /* @__PURE__ */ r(
     F,
     {
       id: a,
-      subtitle: c,
+      subtitle: s,
       title: l,
       background: d,
-      ta: 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
           }
         ),
         /* @__PURE__ */ r(
-          I,
+          T,
           {
             p: { base: "lg", md: "xl" },
             radius: "0",
@@ -2668,28 +2670,28 @@ function Gr({ id: a, subtitle: c, title: l, description: i, cardLabel: n, items:
                   m: 0,
                   pl: "lg",
                   style: { display: "flex", flexDirection: "column", gap: 16 },
-                  children: o.map((s, m) => /* @__PURE__ */ r(
+                  children: o.map((c, m) => /* @__PURE__ */ r(
                     t,
                     {
                       component: "li",
                       c: "gray.6",
                       lh: 1.7,
                       children: [
-                        s.lead && /* @__PURE__ */ e(
+                        c.lead && /* @__PURE__ */ e(
                           t,
                           {
                             component: "span",
                             fw: 700,
                             c: "gray.9",
                             inherit: !0,
-                            children: s.lead
+                            children: c.lead
                           }
                         ),
                         " ",
-                        s.text
+                        c.text
                       ]
                     },
-                    s.lead || m
+                    c.lead || m
                   ))
                 }
               ),
@@ -2725,14 +2727,14 @@ function Gr({ id: a, subtitle: c, title: l, description: i, cardLabel: n, items:
     }
   );
 }
-function Kr({ id: a, subtitle: c, title: l, description: i, avatar: n, name: o, role: g, quote: d, credentials: h = [], background: s = "white", ta: m = "center" }) {
+function Kr({ id: a, subtitle: s, title: l, description: i, avatar: n, name: o, role: g, quote: d, credentials: p = [], background: c = "white", ta: m = "center" }) {
   return /* @__PURE__ */ r(
     F,
     {
       id: a,
-      subtitle: c,
+      subtitle: s,
       title: l,
-      background: s,
+      background: c,
       ta: m,
       maw: 900,
       children: [
@@ -2750,7 +2752,7 @@ function Kr({ id: a, subtitle: c, title: l, description: i, avatar: n, name: o,
           }
         ),
         /* @__PURE__ */ r(
-          I,
+          T,
           {
             radius: "0",
             maw: 880,
@@ -2761,14 +2763,14 @@ function Kr({ id: a, subtitle: c, title: l, description: i, avatar: n, name: o,
             ta: "left",
             children: [
               /* @__PURE__ */ r(
-                z,
+                v,
                 {
                   gutter: { base: "xl", md: 48 },
                   align: "flex-start",
                   children: [
                     n && // O retrato vira linha própria e centralizada no celular,
                     // onde o layout de duas colunas não cabe.
-                    /* @__PURE__ */ e(z.Col, { span: { base: 12, sm: "content" }, children: /* @__PURE__ */ e(
+                    /* @__PURE__ */ e(v.Col, { span: { base: 12, sm: "content" }, children: /* @__PURE__ */ e(
                       x,
                       {
                         mx: { base: "auto", sm: 0 },
@@ -2789,9 +2791,9 @@ function Kr({ id: a, subtitle: c, title: l, description: i, avatar: n, name: o,
                         )
                       }
                     ) }),
-                    /* @__PURE__ */ r(z.Col, { span: { base: 12, sm: "auto" }, children: [
+                    /* @__PURE__ */ r(v.Col, { span: { base: 12, sm: "auto" }, children: [
                       (o || g) && /* @__PURE__ */ r(
-                        y,
+                        f,
                         {
                           mb: "lg",
                           gap: "sm",
@@ -2837,15 +2839,15 @@ function Kr({ id: a, subtitle: c, title: l, description: i, avatar: n, name: o,
                   ]
                 }
               ),
-              h.length > 0 && /* @__PURE__ */ e(
+              p.length > 0 && /* @__PURE__ */ e(
                 A,
                 {
-                  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((p, u) => /* @__PURE__ */ r(
+                  children: p.map((h, b) => /* @__PURE__ */ r(
                     x,
                     {
                       ta: { base: "center", sm: "left" },
@@ -2860,7 +2862,7 @@ function Kr({ id: a, subtitle: c, title: l, description: i, avatar: n, name: o,
                             mb: 8,
                             c: "gray.9",
                             style: { letterSpacing: "-0.04em" },
-                            children: p.value
+                            children: h.value
                           }
                         ),
                         /* @__PURE__ */ e(
@@ -2873,12 +2875,12 @@ function Kr({ id: a, subtitle: c, title: l, description: i, avatar: n, name: o,
                             lh: 1.4,
                             tt: "uppercase",
                             lts: "1.5px",
-                            children: p.label
+                            children: h.label
                           }
                         )
                       ]
                     },
-                    p.label || u
+                    h.label || b
                   ))
                 }
               )
@@ -2889,12 +2891,12 @@ function Kr({ id: a, subtitle: c, title: l, description: i, avatar: n, name: o,
     }
   );
 }
-function Qr({ id: a, badge: c, subtitle: l, title: i, description: n, items: o = [], background: g = "gray", ta: d = "center" }) {
+function Qr({ id: a, badge: s, subtitle: l, title: i, description: n, items: o = [], background: g = "gray", ta: d = "center" }) {
   return /* @__PURE__ */ r(
     F,
     {
       id: a,
-      badge: c,
+      badge: s,
       subtitle: l,
       title: i,
       background: g,
@@ -2920,8 +2922,8 @@ function Qr({ id: a, badge: c, subtitle: l, title: i, description: n, items: o =
             cols: { base: 1, md: o.length <= 4 ? o.length : 3 },
             spacing: "xl",
             verticalSpacing: { base: 56, md: "xl" },
-            children: o.map((h, s) => {
-              const m = h.icon;
+            children: o.map((p, c) => {
+              const m = p.icon;
               return /* @__PURE__ */ r(
                 x,
                 {
@@ -2943,11 +2945,11 @@ function Qr({ id: a, badge: c, subtitle: l, title: i, description: n, items: o =
                           letterSpacing: "-0.05em",
                           pointerEvents: "none"
                         },
-                        children: h.number || String(s + 1).padStart(2, "0")
+                        children: p.number || String(c + 1).padStart(2, "0")
                       }
                     ),
                     m && /* @__PURE__ */ e(
-                      v,
+                      S,
                       {
                         size: 60,
                         radius: "0",
@@ -2966,7 +2968,7 @@ function Qr({ id: a, badge: c, subtitle: l, title: i, description: n, items: o =
                       }
                     ),
                     /* @__PURE__ */ e(
-                      D,
+                      q,
                       {
                         order: 3,
                         fz: "h3",
@@ -2974,7 +2976,7 @@ function Qr({ id: a, badge: c, subtitle: l, title: i, description: n, items: o =
                         mb: "xs",
                         pos: "relative",
                         style: { zIndex: 1 },
-                        children: h.title
+                        children: p.title
                       }
                     ),
                     /* @__PURE__ */ e(
@@ -2985,12 +2987,12 @@ function Qr({ id: a, badge: c, subtitle: l, title: i, description: n, items: o =
                         lh: 1.6,
                         pos: "relative",
                         style: { zIndex: 1 },
-                        children: h.description
+                        children: p.description
                       }
                     )
                   ]
                 },
-                h.title || s
+                p.title || c
               );
             })
           }
@@ -3000,11 +3002,11 @@ function Qr({ id: a, badge: c, subtitle: l, title: i, description: n, items: o =
   );
 }
 const pe = (a) => a.requiredMessage || `Preencha o campo ${a.label}`;
-function Xr({ id: a, badge: c, title: l, description: i, fields: n = [], whatsappNumber: o, messageIntro: g = "Olá! Vim pelo site.", submit: d = {}, reassurance: h, onSubmit: s }) {
-  const [m, p] = H(() => Object.fromEntries(n.map((b) => [b.name, ""]))), [u, w] = H(!1), T = (b) => (L) => {
-    const { value: k } = L.currentTarget;
-    p((R) => ({ ...R, [b]: k }));
-  }, S = n.filter((b) => b.required).every((b) => m[b.name]?.trim());
+function Xr({ id: a, badge: s, title: l, description: i, fields: n = [], whatsappNumber: o, messageIntro: g = "Olá! Vim pelo site.", submit: d = {}, reassurance: p, onSubmit: c }) {
+  const [m, h] = H(() => Object.fromEntries(n.map((w) => [w.name, ""]))), [b, y] = H(!1), z = (w) => (L) => {
+    const { value: D } = L.currentTarget;
+    h((R) => ({ ...R, [w]: D }));
+  }, I = n.filter((w) => w.required).every((w) => m[w.name]?.trim());
   return /* @__PURE__ */ e(
     x,
     {
@@ -3013,8 +3015,8 @@ function Xr({ id: a, badge: c, title: l, description: i, fields: n = [], whatsap
       py: { base: 80, md: 120 },
       bg: "gray.9",
       children: /* @__PURE__ */ r(B, { size: "md", children: [
-        c && /* @__PURE__ */ e(
-          y,
+        s && /* @__PURE__ */ e(
+          f,
           {
             justify: "center",
             mb: "md",
@@ -3025,13 +3027,13 @@ function Xr({ id: a, badge: c, title: l, description: i, fields: n = [], whatsap
                 color: "gray",
                 size: "lg",
                 radius: "0",
-                children: c
+                children: s
               }
             )
           }
         ),
         l && /* @__PURE__ */ e(
-          D,
+          q,
           {
             order: 2,
             ta: "center",
@@ -3055,45 +3057,45 @@ function Xr({ id: a, badge: c, title: l, description: i, fields: n = [], whatsap
           }
         ),
         /* @__PURE__ */ e(
-          I,
+          T,
           {
             p: "xl",
             radius: "0",
             bg: "white",
-            children: /* @__PURE__ */ e("form", { onSubmit: (b) => {
-              if (b.preventDefault(), w(!0), !S) return;
-              const L = [g, "", ...n.filter((k) => m[k.name]?.trim()).map((k) => `${k.label}: ${m[k.name]}`)].join(`
+            children: /* @__PURE__ */ e("form", { onSubmit: (w) => {
+              if (w.preventDefault(), y(!0), !I) return;
+              const L = [g, "", ...n.filter((D) => m[D.name]?.trim()).map((D) => `${D.label}: ${m[D.name]}`)].join(`
 `);
-              if (s?.(m), o) {
-                const k = `https://wa.me/${o}?text=${encodeURIComponent(L)}`;
-                window.open(k, "_blank", "noopener,noreferrer");
+              if (c?.(m), o) {
+                const D = `https://wa.me/${o}?text=${encodeURIComponent(L)}`;
+                window.open(D, "_blank", "noopener,noreferrer");
               }
-            }, children: /* @__PURE__ */ r(f, { gap: "md", children: [
-              /* @__PURE__ */ e(A, { cols: { base: 1, sm: 2 }, children: n.filter((b) => b.span !== "full").map((b) => /* @__PURE__ */ e(
+            }, 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(
                 te,
                 {
-                  label: b.label,
-                  placeholder: b.placeholder,
-                  type: b.type || "text",
-                  required: b.required,
-                  value: m[b.name] || "",
-                  onChange: T(b.name),
-                  error: u && b.required && !m[b.name]?.trim() ? pe(b) : null
+                  label: w.label,
+                  placeholder: w.placeholder,
+                  type: w.type || "text",
+                  required: w.required,
+                  value: m[w.name] || "",
+                  onChange: z(w.name),
+                  error: b && w.required && !m[w.name]?.trim() ? pe(w) : null
                 },
-                b.name
+                w.name
               )) }),
-              n.filter((b) => b.span === "full").map((b) => /* @__PURE__ */ e(
+              n.filter((w) => w.span === "full").map((w) => /* @__PURE__ */ e(
                 te,
                 {
-                  label: b.label,
-                  placeholder: b.placeholder,
-                  type: b.type || "text",
-                  required: b.required,
-                  value: m[b.name] || "",
-                  onChange: T(b.name),
-                  error: u && b.required && !m[b.name]?.trim() ? pe(b) : null
+                  label: w.label,
+                  placeholder: w.placeholder,
+                  type: w.type || "text",
+                  required: w.required,
+                  value: m[w.name] || "",
+                  onChange: z(w.name),
+                  error: b && w.required && !m[w.name]?.trim() ? pe(w) : null
                 },
-                b.name
+                w.name
               )),
               /* @__PURE__ */ e(
                 U,
@@ -3112,15 +3114,15 @@ function Xr({ id: a, badge: c, title: l, description: i, fields: n = [], whatsap
                   children: d.label || "Enviar"
                 }
               ),
-              h && /* @__PURE__ */ r(
-                y,
+              p && /* @__PURE__ */ r(
+                f,
                 {
                   gap: "xs",
                   justify: "center",
                   mt: "xs",
                   children: [
                     /* @__PURE__ */ e(
-                      v,
+                      S,
                       {
                         variant: "transparent",
                         color: "gray",
@@ -3139,7 +3141,7 @@ function Xr({ id: a, badge: c, title: l, description: i, fields: n = [], whatsap
                       {
                         size: "xs",
                         c: "gray.6",
-                        children: h
+                        children: p
                       }
                     )
                   ]
@@ -3152,16 +3154,16 @@ function Xr({ id: a, badge: c, title: l, description: i, fields: n = [], whatsap
     }
   );
 }
-function Yr({ id: a, subtitle: c, title: l, traditionalCol: i, newCol: n, background: o = "white" }) {
+function Yr({ id: a, subtitle: s, title: l, traditionalCol: i, newCol: n, background: o = "white" }) {
   return /* @__PURE__ */ e(
     F,
     {
       id: a,
-      subtitle: c,
+      subtitle: s,
       title: l,
       background: o,
       children: /* @__PURE__ */ e(
-        I,
+        T,
         {
           radius: "0",
           bd: "1px solid var(--mantine-color-gray-2)",
@@ -3177,7 +3179,7 @@ function Yr({ id: a, subtitle: c, title: l, traditionalCol: i, newCol: n, backgr
                   {
                     bg: o === "gray" ? "gray.1" : "white",
                     p: { base: 30, md: 60 },
-                    children: /* @__PURE__ */ r(f, { gap: "xl", children: [
+                    children: /* @__PURE__ */ r(u, { gap: "xl", children: [
                       /* @__PURE__ */ r(x, { children: [
                         /* @__PURE__ */ e(
                           t,
@@ -3202,12 +3204,12 @@ function Yr({ id: a, subtitle: c, title: l, traditionalCol: i, newCol: n, backgr
                         )
                       ] }),
                       /* @__PURE__ */ e(
-                        f,
+                        u,
                         {
                           gap: "md",
                           mb: 40,
                           children: i.items.map((g, d) => /* @__PURE__ */ r(Be, { children: [
-                            /* @__PURE__ */ r(y, { justify: "space-between", children: [
+                            /* @__PURE__ */ r(f, { justify: "space-between", children: [
                               /* @__PURE__ */ e(
                                 t,
                                 {
@@ -3237,7 +3239,7 @@ function Yr({ id: a, subtitle: c, title: l, traditionalCol: i, newCol: n, backgr
                           radius: "0",
                           bd: "1px solid var(--mantine-color-gray-2)",
                           children: [
-                            /* @__PURE__ */ r(y, { justify: "space-between", children: [
+                            /* @__PURE__ */ r(f, { justify: "space-between", children: [
                               /* @__PURE__ */ e(
                                 t,
                                 {
@@ -3279,13 +3281,13 @@ function Yr({ id: a, subtitle: c, title: l, traditionalCol: i, newCol: n, backgr
                     p: { base: 30, md: 60 },
                     pos: "relative",
                     children: /* @__PURE__ */ r(
-                      f,
+                      u,
                       {
                         gap: "xl",
                         h: "100%",
                         children: [
                           /* @__PURE__ */ r(x, { children: [
-                            /* @__PURE__ */ r(y, { gap: "xs", children: [
+                            /* @__PURE__ */ r(f, { gap: "xs", children: [
                               /* @__PURE__ */ e(
                                 t,
                                 {
@@ -3322,7 +3324,7 @@ function Yr({ id: a, subtitle: c, title: l, traditionalCol: i, newCol: n, backgr
                               size: "md",
                               c: "gray.6",
                               icon: /* @__PURE__ */ e(
-                                v,
+                                S,
                                 {
                                   color: "gray.0",
                                   size: 20,
@@ -3347,7 +3349,7 @@ function Yr({ id: a, subtitle: c, title: l, traditionalCol: i, newCol: n, backgr
                               p: "lg",
                               radius: "0",
                               bd: "1px solid var(--mantine-color-gray-2)",
-                              children: /* @__PURE__ */ r(f, { gap: 4, children: [
+                              children: /* @__PURE__ */ r(u, { gap: 4, children: [
                                 /* @__PURE__ */ e(
                                   t,
                                   {
@@ -3407,7 +3409,7 @@ function Yr({ id: a, subtitle: c, title: l, traditionalCol: i, newCol: n, backgr
 }
 function Jr({
   id: a,
-  badge: c,
+  badge: s,
   subtitle: l,
   title: i,
   description: n,
@@ -3417,15 +3419,15 @@ function Jr({
   ],
   billing: g,
   setBilling: d,
-  promoBadge: h,
-  plans: s,
+  promoBadge: p,
+  plans: c,
   background: m = "white"
 }) {
   return /* @__PURE__ */ r(
     F,
     {
       id: a,
-      badge: c,
+      badge: s,
       subtitle: l,
       title: i,
       ta: "center",
@@ -3446,14 +3448,14 @@ function Jr({
           }
         ),
         o && o.length > 0 && /* @__PURE__ */ e(
-          f,
+          u,
           {
             align: "center",
             gap: "xl",
             mb: 80,
-            children: /* @__PURE__ */ r(y, { gap: "xs", children: [
+            children: /* @__PURE__ */ r(f, { gap: "xs", children: [
               /* @__PURE__ */ e(
-                qe,
+                De,
                 {
                   value: g,
                   onChange: d,
@@ -3465,14 +3467,14 @@ function Jr({
                   style: { border: "1px solid var(--mantine-color-gray-2)" }
                 }
               ),
-              g === "annual" && h && /* @__PURE__ */ e(
+              g === "annual" && p && /* @__PURE__ */ e(
                 P,
                 {
                   variant: "filled",
                   color: "gray.9",
                   radius: "0",
                   size: "lg",
-                  children: h
+                  children: p
                 }
               )
             ] })
@@ -3481,29 +3483,29 @@ function Jr({
         /* @__PURE__ */ e(
           A,
           {
-            cols: { base: 1, md: s.length <= 3 ? s.length : 3 },
+            cols: { base: 1, md: c.length <= 3 ? c.length : 3 },
             spacing: "xl",
             verticalSpacing: "xl",
-            children: s.map((p) => /* @__PURE__ */ r(
-              I,
+            children: c.map((h) => /* @__PURE__ */ r(
+              T,
               {
                 p: "xl",
                 radius: "0",
                 withBorder: !0,
-                bd: p.highlight ? "2px solid var(--mantine-color-gray-9)" : "1px solid var(--mantine-color-gray-2)",
+                bd: h.highlight ? "2px solid var(--mantine-color-gray-9)" : "1px solid var(--mantine-color-gray-2)",
                 display: "flex",
                 h: "100%",
                 style: { flexDirection: "column" },
                 bg: "white",
                 children: [
                   /* @__PURE__ */ r(
-                    f,
+                    u,
                     {
                       gap: "md",
                       mb: "xl",
                       children: [
                         /* @__PURE__ */ r(
-                          y,
+                          f,
                           {
                             justify: "space-between",
                             align: "center",
@@ -3516,15 +3518,15 @@ function Jr({
                                   tt: "uppercase",
                                   lts: "1.5px",
                                   c: "gray.4",
-                                  children: p.name
+                                  children: h.name
                                 }
                               ),
-                              p.highlight && /* @__PURE__ */ e(
+                              h.highlight && /* @__PURE__ */ e(
                                 P,
                                 {
                                   variant: "dot",
                                   color: "gray.9",
-                                  children: p.highlightBadge || "RECOMENDADO"
+                                  children: h.highlightBadge || "RECOMENDADO"
                                 }
                               )
                             ]
@@ -3538,14 +3540,14 @@ function Jr({
                             fw: 500,
                             lh: 1.5,
                             h: { md: 42 },
-                            children: p.description
+                            children: h.description
                           }
                         )
                       ]
                     }
                   ),
                   /* @__PURE__ */ r(x, { mb: "xl", children: [
-                    p.pricePrefix !== null && /* @__PURE__ */ e(
+                    h.pricePrefix !== null && /* @__PURE__ */ e(
                       t,
                       {
                         size: "xs",
@@ -3554,15 +3556,15 @@ function Jr({
                         tt: "uppercase",
                         lts: "1px",
                         mb: 4,
-                        children: p.pricePrefix || "A partir de"
+                        children: h.pricePrefix || "A partir de"
                       }
                     ),
-                    p.priceText ? (
+                    h.priceText ? (
                       // Escape hatch para preço que não é número
                       // ("Sob consulta"), onde currency/whole/fraction
                       // não têm o que representar.
                       /* @__PURE__ */ r(
-                        y,
+                        f,
                         {
                           gap: 8,
                           align: "baseline",
@@ -3575,22 +3577,22 @@ function Jr({
                                 lts: "-0.04em",
                                 lh: 1,
                                 c: "gray.9",
-                                children: p.priceText
+                                children: h.priceText
                               }
                             ),
-                            p.period && /* @__PURE__ */ e(
+                            h.period && /* @__PURE__ */ e(
                               t,
                               {
                                 size: "md",
                                 c: "gray.5",
-                                children: p.period
+                                children: h.period
                               }
                             )
                           ]
                         }
                       )
                     ) : /* @__PURE__ */ r(
-                      y,
+                      f,
                       {
                         gap: 8,
                         align: "flex-start",
@@ -3602,11 +3604,11 @@ function Jr({
                               fw: 900,
                               c: "gray.9",
                               style: { marginTop: 8 },
-                              children: p.priceDisplay?.currency
+                              children: h.priceDisplay?.currency
                             }
                           ),
                           /* @__PURE__ */ r(
-                            y,
+                            f,
                             {
                               gap: 4,
                               align: "flex-end",
@@ -3619,11 +3621,11 @@ function Jr({
                                     lts: "-0.04em",
                                     lh: 0.8,
                                     c: "gray.9",
-                                    children: p.priceDisplay?.whole
+                                    children: h.priceDisplay?.whole
                                   }
                                 ),
-                                p.priceDisplay?.fraction && /* @__PURE__ */ r(
-                                  f,
+                                h.priceDisplay?.fraction && /* @__PURE__ */ r(
+                                  u,
                                   {
                                     gap: 0,
                                     mb: 6,
@@ -3637,7 +3639,7 @@ function Jr({
                                           c: "gray.9",
                                           children: [
                                             ",",
-                                            p.priceDisplay.fraction
+                                            h.priceDisplay.fraction
                                           ]
                                         }
                                       ),
@@ -3649,7 +3651,7 @@ function Jr({
                                           fw: 800,
                                           tt: "uppercase",
                                           lts: "1px",
-                                          children: p.period || p.priceSuffix || "/mês"
+                                          children: h.period || h.priceSuffix || "/mês"
                                         }
                                       )
                                     ]
@@ -3661,13 +3663,13 @@ function Jr({
                         ]
                       }
                     ),
-                    p.priceNote && /* @__PURE__ */ e(
+                    h.priceNote && /* @__PURE__ */ e(
                       t,
                       {
                         size: "sm",
                         c: "gray.6",
                         mt: "md",
-                        children: p.priceNote
+                        children: h.priceNote
                       }
                     )
                   ] }),
@@ -3679,13 +3681,13 @@ function Jr({
                     }
                   ),
                   /* @__PURE__ */ e(
-                    f,
+                    u,
                     {
                       gap: "sm",
                       mb: 40,
                       style: { flex: 1 },
-                      children: (p.features || []).map((u, w) => /* @__PURE__ */ r(
-                        y,
+                      children: (h.features || []).map((b, y) => /* @__PURE__ */ r(
+                        f,
                         {
                           gap: "sm",
                           wrap: "nowrap",
@@ -3706,31 +3708,31 @@ function Jr({
                                 fw: 500,
                                 c: "gray.6",
                                 lh: 1.4,
-                                children: u
+                                children: b
                               }
                             )
                           ]
                         },
-                        w
+                        y
                       ))
                     }
                   ),
-                  p.cta && /* @__PURE__ */ e(x, { mt: "auto", children: /* @__PURE__ */ e(
+                  h.cta && /* @__PURE__ */ e(x, { mt: "auto", children: /* @__PURE__ */ e(
                     M,
                     {
-                      label: p.cta.label,
-                      href: p.cta.href,
-                      target: p.cta.target,
-                      rel: p.cta.target === "_blank" ? "noopener noreferrer" : void 0,
-                      icon: p.cta.icon,
-                      leftSection: p.cta.leftSection,
-                      size: p.cta.size || "xl",
-                      variant: p.cta.variant,
-                      color: p.cta.color || "gray.9",
+                      label: h.cta.label,
+                      href: h.cta.href,
+                      target: h.cta.target,
+                      rel: h.cta.target === "_blank" ? "noopener noreferrer" : void 0,
+                      icon: h.cta.icon,
+                      leftSection: h.cta.leftSection,
+                      size: h.cta.size || "xl",
+                      variant: h.cta.variant,
+                      color: h.cta.color || "gray.9",
                       fullWidth: !0
                     }
                   ) }),
-                  p.note && /* @__PURE__ */ e(
+                  h.note && /* @__PURE__ */ e(
                     x,
                     {
                       mt: "auto",
@@ -3742,14 +3744,14 @@ function Jr({
                           size: "xs",
                           c: "gray.5",
                           lh: 1.5,
-                          children: p.note
+                          children: h.note
                         }
                       )
                     }
                   )
                 ]
               },
-              p.name
+              h.name
             ))
           }
         )
@@ -3757,10 +3759,13 @@ function Jr({
     }
   );
 }
-function Zr({ id: a, badge: c, subtitle: l, title: i, description: n, questions: o = [], contactCard: g, background: d = "white", ta: h = "left" }) {
-  const s = Math.ceil(o.length / 2), m = {
+function Zr({ id: a, badge: s, subtitle: l, title: i, description: n, questions: o = [], contactCard: g, background: d = "white", ta: p = "left" }) {
+  const c = Math.ceil(o.length / 2), m = {
     item: {
-      backgroundColor: d === "gray" ? "gray.1" : "white",
+      // 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)",
       border: "1px solid var(--mantine-color-gray-2)"
     },
     control: {
@@ -3781,22 +3786,22 @@ function Zr({ id: a, badge: c, subtitle: l, title: i, description: n, questions:
     F,
     {
       id: a,
-      badge: c,
+      badge: s,
       subtitle: l,
       title: i,
       background: d,
-      ta: h,
-      maw: h === "center" ? 900 : 800,
+      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
           }
@@ -3814,17 +3819,17 @@ function Zr({ id: a, badge: c, subtitle: l, title: i, description: n, questions:
                   radius: "0",
                   chevronPosition: "right",
                   styles: m,
-                  children: o.slice(0, s).map((p, u) => /* @__PURE__ */ r(
+                  children: o.slice(0, c).map((h, b) => /* @__PURE__ */ r(
                     N.Item,
                     {
-                      value: p.value || String(u),
+                      value: h.value || String(b),
                       mb: "md",
                       children: [
                         /* @__PURE__ */ e(
                           N.Control,
                           {
                             icon: /* @__PURE__ */ e(
-                              v,
+                              S,
                               {
                                 variant: "light",
                                 color: "gray",
@@ -3832,13 +3837,13 @@ function Zr({ id: a, badge: c, subtitle: l, title: i, description: n, questions:
                                 children: /* @__PURE__ */ e(ie, { size: 16 })
                               }
                             ),
-                            children: p.question
+                            children: h.question
                           }
                         ),
-                        /* @__PURE__ */ e(N.Panel, { c: "gray.6", children: p.answer })
+                        /* @__PURE__ */ e(N.Panel, { c: "gray.6", children: h.answer })
                       ]
                     },
-                    p.value || u
+                    h.value || b
                   ))
                 }
               ),
@@ -3849,17 +3854,17 @@ function Zr({ id: a, badge: c, subtitle: l, title: i, description: n, questions:
                   radius: "0",
                   chevronPosition: "right",
                   styles: m,
-                  children: o.slice(s).map((p, u) => /* @__PURE__ */ r(
+                  children: o.slice(c).map((h, b) => /* @__PURE__ */ r(
                     N.Item,
                     {
-                      value: p.value || String(s + u),
+                      value: h.value || String(c + b),
                       mb: "md",
                       children: [
                         /* @__PURE__ */ e(
                           N.Control,
                           {
                             icon: /* @__PURE__ */ e(
-                              v,
+                              S,
                               {
                                 variant: "light",
                                 color: "gray",
@@ -3867,13 +3872,13 @@ function Zr({ id: a, badge: c, subtitle: l, title: i, description: n, questions:
                                 children: /* @__PURE__ */ e(ie, { size: 16 })
                               }
                             ),
-                            children: p.question
+                            children: h.question
                           }
                         ),
-                        /* @__PURE__ */ e(N.Panel, { c: "gray.6", children: p.answer })
+                        /* @__PURE__ */ e(N.Panel, { c: "gray.6", children: h.answer })
                       ]
                     },
-                    p.value || s + u
+                    h.value || c + b
                   ))
                 }
               )
@@ -3881,7 +3886,7 @@ function Zr({ id: a, badge: c, subtitle: l, title: i, description: n, questions:
           }
         ),
         g && /* @__PURE__ */ e(
-          I,
+          T,
           {
             mt: { base: 40, md: 80 },
             radius: "0",
@@ -3898,7 +3903,7 @@ function Zr({ id: a, badge: c, subtitle: l, title: i, description: n, questions:
                 style: { position: "relative", zIndex: 1, alignItems: "center" },
                 children: [
                   /* @__PURE__ */ r(
-                    f,
+                    u,
                     {
                       gap: "sm",
                       ta: { base: "center", md: "left" },
@@ -3926,7 +3931,7 @@ function Zr({ id: a, badge: c, subtitle: l, title: i, description: n, questions:
                       ]
                     }
                   ),
-                  /* @__PURE__ */ e(f, { align: { base: "center", md: "flex-end" }, children: /* @__PURE__ */ e(
+                  /* @__PURE__ */ e(u, { align: { base: "center", md: "flex-end" }, children: /* @__PURE__ */ e(
                     M,
                     {
                       label: g.cta.label,
@@ -3946,13 +3951,13 @@ function Zr({ id: a, badge: c, subtitle: l, title: i, description: n, questions:
     }
   );
 }
-function ea({ id: a, title: c, subtitle: l, items: i = [], background: n = "gray" }) {
+function ea({ id: a, title: s, subtitle: l, items: i = [], background: n = "gray" }) {
   return /* @__PURE__ */ e(
     F,
     {
       id: a,
       background: n,
-      title: c,
+      title: s,
       subtitle: l,
       children: /* @__PURE__ */ e(
         A,
@@ -3960,14 +3965,14 @@ function ea({ id: a, title: c, subtitle: l, items: i = [], background: n = "gray
           cols: { base: 1, md: i.length > 3 ? 4 : i.length || 3 },
           spacing: "xl",
           children: i.map((o, g) => /* @__PURE__ */ e(
-            I,
+            T,
             {
               p: "xl",
               radius: "0",
               bd: "1px solid var(--mantine-color-gray-2)",
               bg: "white",
               children: /* @__PURE__ */ r(
-                f,
+                u,
                 {
                   gap: "md",
                   align: "flex-start",
@@ -3996,13 +4001,13 @@ function ea({ id: a, title: c, subtitle: l, items: i = [], background: n = "gray
                       }
                     ),
                     /* @__PURE__ */ r(
-                      y,
+                      f,
                       {
                         gap: "sm",
                         mt: "xl",
                         children: [
                           /* @__PURE__ */ e(
-                            De,
+                            qe,
                             {
                               size: "md",
                               radius: "0",
@@ -4011,7 +4016,7 @@ function ea({ id: a, title: c, subtitle: l, items: i = [], background: n = "gray
                               children: o.initials
                             }
                           ),
-                          /* @__PURE__ */ r(f, { gap: 0, children: [
+                          /* @__PURE__ */ r(u, { gap: 0, children: [
                             /* @__PURE__ */ e(
                               t,
                               {
@@ -4052,15 +4057,15 @@ const ge = {
   label: { whiteSpace: "normal", lineHeight: 1.4 },
   inner: { paddingTop: 12, paddingBottom: 12 }
 };
-function ze({ id: a, subtitle: c, title: l, titleOrder: i = 2, description: n, featuresList: o, featuresLabel: g, cta: d, secondaryCta: h, background: s = "gray", ta: m = "center" }) {
+function ze({ id: a, subtitle: s, title: l, titleOrder: i = 2, description: n, featuresList: o, featuresLabel: g, cta: d, secondaryCta: p, background: c = "gray", ta: m = "center" }) {
   return /* @__PURE__ */ e(
     F,
     {
       id: a,
-      background: s,
+      background: c,
       ta: "center",
       children: /* @__PURE__ */ e(
-        I,
+        T,
         {
           p: { base: "xl", sm: 80 },
           bg: "white",
@@ -4068,13 +4073,13 @@ function ze({ id: a, subtitle: c, title: l, titleOrder: i = 2, description: n, f
           bd: "1px solid var(--mantine-color-gray-2)",
           style: { borderTop: "4px solid var(--mantine-color-gray-2)" },
           children: /* @__PURE__ */ r(
-            f,
+            u,
             {
               align: m === "center" ? "center" : "flex-start",
               ta: m,
               gap: "xl",
               children: [
-                c && /* @__PURE__ */ e(
+                s && /* @__PURE__ */ e(
                   t,
                   {
                     size: "xs",
@@ -4082,14 +4087,14 @@ function ze({ id: a, subtitle: c, title: l, titleOrder: i = 2, description: n, f
                     tt: "uppercase",
                     lts: "1.5px",
                     c: "gray.4",
-                    children: c
+                    children: s
                   }
                 ),
                 l && // Title, e não Text: o banner costuma ser a única seção
                 // da página (um 404, por exemplo) e sem heading ela fica
                 // sem estrutura para leitor de tela.
                 /* @__PURE__ */ e(
-                  D,
+                  q,
                   {
                     order: i,
                     fz: "var(--fz-section-title)",
@@ -4123,7 +4128,7 @@ function ze({ id: a, subtitle: c, title: l, titleOrder: i = 2, description: n, f
                       spacing: "sm",
                       size: "md",
                       icon: /* @__PURE__ */ e(
-                        v,
+                        S,
                         {
                           color: "gray.2",
                           size: 24,
@@ -4137,18 +4142,18 @@ function ze({ id: a, subtitle: c, title: l, titleOrder: i = 2, description: n, f
                           )
                         }
                       ),
-                      children: o.map((u, w) => /* @__PURE__ */ e($.Item, { children: /* @__PURE__ */ e(
+                      children: o.map((b, y) => /* @__PURE__ */ e($.Item, { children: /* @__PURE__ */ e(
                         t,
                         {
                           c: "gray.6",
                           lh: 1.6,
-                          children: u
+                          children: b
                         }
-                      ) }, w))
+                      ) }, y))
                     }
                   )
                 ] }),
-                (d || h) && // O Box acompanha o alinhamento do Stack em vez de esticar:
+                (d || 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(
@@ -4158,7 +4163,7 @@ function ze({ id: a, subtitle: c, title: l, titleOrder: i = 2, description: n, f
                     w: "100%",
                     style: { display: "flex", justifyContent: m === "center" ? "center" : "flex-start" },
                     children: /* @__PURE__ */ r(
-                      y,
+                      f,
                       {
                         gap: "md",
                         justify: m === "center" ? "center" : "flex-start",
@@ -4181,19 +4186,19 @@ function ze({ id: a, subtitle: c, title: l, titleOrder: i = 2, description: n, f
                               styles: ge
                             }
                           ),
-                          h && /* @__PURE__ */ e(
+                          p && /* @__PURE__ */ e(
                             M,
                             {
-                              label: h.label,
-                              href: h.href,
-                              icon: h.icon,
-                              leftSection: h.leftSection,
-                              target: h.target,
-                              rel: h.target === "_blank" ? "noopener noreferrer" : void 0,
-                              size: h.size || "xl",
-                              px: h.px,
-                              variant: h.variant || "default",
-                              color: h.color,
+                              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: ge
                             }
                           )
@@ -4211,18 +4216,18 @@ function ze({ id: a, subtitle: c, title: l, titleOrder: i = 2, description: n, f
   );
 }
 const ra = ze;
-function mr() {
+function ur() {
   ue(() => {
     const a = document.createElement("meta");
     return a.name = "robots", a.content = "noindex, follow", document.head.appendChild(a), () => a.remove();
   }, []);
 }
-function aa({ subtitle: a = "Erro 404", title: c = "Esta página não existe", description: l = "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: o = "white" }) {
-  return mr(), /* @__PURE__ */ e(
+function aa({ subtitle: a = "Erro 404", title: s = "Esta página não existe", description: l = "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: o = "white" }) {
+  return ur(), /* @__PURE__ */ e(
     ze,
     {
       subtitle: a,
-      title: c,
+      title: s,
       titleOrder: 1,
       description: l,
       background: o,
@@ -4240,7 +4245,7 @@ function aa({ subtitle: a = "Erro 404", title: c = "Esta página não existe", d
     }
   );
 }
-function ur({ text: a = "Selo Exclusivo", color: c = "green.6", background: l = "gray" }) {
+function fr({ text: a = "Selo Exclusivo", color: s = "green.6", background: l = "gray" }) {
   const i = O(l);
   return /* @__PURE__ */ e(
     x,
@@ -4251,11 +4256,11 @@ function ur({ text: a = "Selo Exclusivo", color: c = "green.6", background: l =
         border: "1px solid var(--mantine-color-gray-2)",
         display: "inline-block"
       },
-      children: /* @__PURE__ */ r(y, { gap: "xs", children: [
+      children: /* @__PURE__ */ r(f, { gap: "xs", children: [
         /* @__PURE__ */ e(
-          v,
+          S,
           {
-            color: c,
+            color: s,
             variant: "light",
             size: "sm",
             children: /* @__PURE__ */ e(
@@ -4282,15 +4287,15 @@ function ur({ text: a = "Selo Exclusivo", color: c = "green.6", background: l =
     }
   );
 }
-const ta = ur;
-function na({ logo: a, description: c, sections: l = [], socialLinks: i = [], copyrightText: n, madeByText: o, background: g = "white", status: d }) {
-  const h = O(g);
+const ta = fr;
+function na({ logo: a, description: s, sections: l = [], socialLinks: i = [], copyrightText: n, madeByText: o, background: g = "white", status: d }) {
+  const p = O(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(B, { size: "xl", children: [
         /* @__PURE__ */ r(
@@ -4299,16 +4304,16 @@ function na({ logo: a, description: c, sections: l = [], socialLinks: i = [], co
             cols: { base: 1, sm: 2 },
             spacing: "xl",
             children: [
-              /* @__PURE__ */ r(f, { gap: "lg", children: [
+              /* @__PURE__ */ r(u, { gap: "lg", children: [
                 a && /* @__PURE__ */ e(ee, { logo: a }),
-                c && /* @__PURE__ */ e(
+                s && /* @__PURE__ */ e(
                   t,
                   {
                     size: "md",
                     c: "gray.6",
                     lh: 1.6,
                     maw: 400,
-                    children: c
+                    children: s
                   }
                 ),
                 d
@@ -4322,8 +4327,8 @@ function na({ logo: a, description: c, sections: l = [], socialLinks: i = [], co
                   },
                   spacing: "xl",
                   children: [
-                    l.map((s, m) => /* @__PURE__ */ r(
-                      f,
+                    l.map((c, m) => /* @__PURE__ */ r(
+                      u,
                       {
                         gap: "md",
                         children: [
@@ -4335,26 +4340,26 @@ function na({ logo: a, description: c, sections: l = [], socialLinks: i = [], co
                               size: "xs",
                               tt: "uppercase",
                               lts: "1.5px",
-                              children: s.title
+                              children: c.title
                             }
                           ),
-                          /* @__PURE__ */ e(f, { gap: "xs", children: s.links.map((p, u) => /* @__PURE__ */ e(
+                          /* @__PURE__ */ e(u, { gap: "xs", children: c.links.map((h, b) => /* @__PURE__ */ e(
                             me,
                             {
                               c: "gray.6",
                               size: "sm",
-                              ...p,
-                              component: p.component || (p.href ? "a" : "button"),
+                              ...h,
+                              component: h.component || (h.href ? "a" : "button"),
                               fw: 500,
-                              children: p.label
+                              children: h.label
                             },
-                            u
+                            b
                           )) })
                         ]
                       },
                       m
                     )),
-                    i && i.length > 0 && /* @__PURE__ */ r(f, { gap: "md", children: [
+                    i && i.length > 0 && /* @__PURE__ */ r(u, { gap: "md", children: [
                       /* @__PURE__ */ e(
                         t,
                         {
@@ -4366,18 +4371,18 @@ function na({ logo: a, description: c, sections: l = [], socialLinks: i = [], co
                           children: "Social"
                         }
                       ),
-                      /* @__PURE__ */ e(y, { gap: "xs", children: i.map((s, m) => /* @__PURE__ */ e(
+                      /* @__PURE__ */ e(f, { gap: "xs", children: i.map((c, m) => /* @__PURE__ */ e(
                         Y,
                         {
                           size: "md",
                           variant: "subtle",
                           color: "gray",
                           component: "a",
-                          href: s.href,
+                          href: c.href,
                           target: "_blank",
                           radius: "0",
-                          "aria-label": s.label || `Social link ${m + 1}`,
-                          children: s.icon
+                          "aria-label": c.label || `Social link ${m + 1}`,
+                          children: c.icon
                         },
                         m
                       )) })
@@ -4396,7 +4401,7 @@ function na({ logo: a, description: c, sections: l = [], socialLinks: i = [], co
           }
         ),
         /* @__PURE__ */ r(
-          y,
+          f,
           {
             className: "rlg-footer-bottom",
             justify: "space-between",
@@ -4434,17 +4439,17 @@ function na({ logo: a, description: c, sections: l = [], socialLinks: i = [], co
     }
   );
 }
-function ia({ companyName: a = "Infrastructure", legalEntity: c, productName: l = "nossos produtos" }) {
-  const i = c || a, n = i.split(" (")[0];
+function ia({ companyName: a = "Infrastructure", legalEntity: s, productName: l = "nossos produtos" }) {
+  const i = s || a, n = i.split(" (")[0];
   return /* @__PURE__ */ e(
     x,
     {
       py: 100,
       bg: "white",
-      children: /* @__PURE__ */ e(B, { size: "md", children: /* @__PURE__ */ r(f, { gap: 80, children: [
-        /* @__PURE__ */ r(f, { gap: "sm", children: [
+      children: /* @__PURE__ */ e(B, { size: "md", children: /* @__PURE__ */ r(u, { gap: 80, children: [
+        /* @__PURE__ */ r(u, { gap: "sm", children: [
           /* @__PURE__ */ e(
-            D,
+            q,
             {
               order: 2,
               ta: "center",
@@ -4474,7 +4479,7 @@ function ia({ companyName: a = "Infrastructure", legalEntity: c, productName: l
           )
         ] }),
         /* @__PURE__ */ e(j, { color: "gray.2" }),
-        /* @__PURE__ */ r(f, { gap: "xl", children: [
+        /* @__PURE__ */ r(u, { gap: "xl", children: [
           /* @__PURE__ */ r(
             t,
             {
@@ -4500,16 +4505,16 @@ function ia({ companyName: a = "Infrastructure", legalEntity: c, productName: l
             }
           )
         ] }),
-        /* @__PURE__ */ r(f, { gap: 50, children: [
+        /* @__PURE__ */ r(u, { gap: 50, children: [
           /* @__PURE__ */ r(
-            y,
+            f,
             {
               align: "flex-start",
               wrap: "nowrap",
               gap: "xl",
               children: [
                 /* @__PURE__ */ e(
-                  v,
+                  S,
                   {
                     variant: "light",
                     size: 64,
@@ -4524,7 +4529,7 @@ function ia({ companyName: a = "Infrastructure", legalEntity: c, productName: l
                     )
                   }
                 ),
-                /* @__PURE__ */ r(f, { gap: "xs", children: [
+                /* @__PURE__ */ r(u, { gap: "xs", children: [
                   /* @__PURE__ */ e(
                     t,
                     {
@@ -4554,14 +4559,14 @@ function ia({ companyName: a = "Infrastructure", legalEntity: c, productName: l
             }
           ),
           /* @__PURE__ */ r(
-            y,
+            f,
             {
               align: "flex-start",
               wrap: "nowrap",
               gap: "xl",
               children: [
                 /* @__PURE__ */ e(
-                  v,
+                  S,
                   {
                     variant: "light",
                     size: 64,
@@ -4576,7 +4581,7 @@ function ia({ companyName: a = "Infrastructure", legalEntity: c, productName: l
                     )
                   }
                 ),
-                /* @__PURE__ */ r(f, { gap: "xs", children: [
+                /* @__PURE__ */ r(u, { gap: "xs", children: [
                   /* @__PURE__ */ e(
                     t,
                     {
@@ -4602,14 +4607,14 @@ function ia({ companyName: a = "Infrastructure", legalEntity: c, productName: l
             }
           ),
           /* @__PURE__ */ r(
-            y,
+            f,
             {
               align: "flex-start",
               wrap: "nowrap",
               gap: "xl",
               children: [
                 /* @__PURE__ */ e(
-                  v,
+                  S,
                   {
                     variant: "light",
                     size: 64,
@@ -4624,7 +4629,7 @@ function ia({ companyName: a = "Infrastructure", legalEntity: c, productName: l
                     )
                   }
                 ),
-                /* @__PURE__ */ r(f, { gap: "xs", children: [
+                /* @__PURE__ */ r(u, { gap: "xs", children: [
                   /* @__PURE__ */ e(
                     t,
                     {
@@ -4653,14 +4658,14 @@ function ia({ companyName: a = "Infrastructure", legalEntity: c, productName: l
             }
           ),
           /* @__PURE__ */ r(
-            y,
+            f,
             {
               align: "flex-start",
               wrap: "nowrap",
               gap: "xl",
               children: [
                 /* @__PURE__ */ e(
-                  v,
+                  S,
                   {
                     variant: "light",
                     size: 64,
@@ -4675,7 +4680,7 @@ function ia({ companyName: a = "Infrastructure", legalEntity: c, productName: l
                     )
                   }
                 ),
-                /* @__PURE__ */ r(f, { gap: "xs", children: [
+                /* @__PURE__ */ r(u, { gap: "xs", children: [
                   /* @__PURE__ */ e(
                     t,
                     {
@@ -4706,7 +4711,7 @@ function ia({ companyName: a = "Infrastructure", legalEntity: c, productName: l
           )
         ] }),
         /* @__PURE__ */ e(j, { color: "gray.2" }),
-        /* @__PURE__ */ r(f, { gap: "lg", children: [
+        /* @__PURE__ */ r(u, { gap: "lg", children: [
           /* @__PURE__ */ e(
             t,
             {
@@ -4739,17 +4744,17 @@ function ia({ companyName: a = "Infrastructure", legalEntity: c, productName: l
     }
   );
 }
-function la({ companyName: a = "Infrastructure", legalEntity: c, productName: l = "nossos produtos", lastUpdated: i = "20 de setembro de 2026" }) {
-  const n = c || a, o = n.split(" (")[0];
+function la({ companyName: a = "Infrastructure", legalEntity: s, productName: l = "nossos produtos", lastUpdated: i = "20 de setembro de 2026" }) {
+  const n = s || a, o = n.split(" (")[0];
   return /* @__PURE__ */ e(
     x,
     {
       py: 100,
       bg: "white",
-      children: /* @__PURE__ */ e(B, { size: "md", children: /* @__PURE__ */ r(f, { gap: 80, children: [
-        /* @__PURE__ */ r(f, { gap: "sm", children: [
+      children: /* @__PURE__ */ e(B, { size: "md", children: /* @__PURE__ */ r(u, { gap: 80, children: [
+        /* @__PURE__ */ r(u, { gap: "sm", children: [
           /* @__PURE__ */ e(
-            D,
+            q,
             {
               order: 2,
               ta: "center",
@@ -4777,7 +4782,7 @@ function la({ companyName: a = "Infrastructure", legalEntity: c, productName: l
           )
         ] }),
         /* @__PURE__ */ e(j, { color: "gray.2" }),
-        /* @__PURE__ */ r(f, { gap: "xl", children: [
+        /* @__PURE__ */ r(u, { gap: "xl", children: [
           /* @__PURE__ */ r(
             t,
             {
@@ -4803,16 +4808,16 @@ function la({ companyName: a = "Infrastructure", legalEntity: c, productName: l
             }
           )
         ] }),
-        /* @__PURE__ */ r(f, { gap: 50, children: [
+        /* @__PURE__ */ r(u, { gap: 50, children: [
           /* @__PURE__ */ r(
-            y,
+            f,
             {
               align: "flex-start",
               wrap: "nowrap",
               gap: "xl",
               children: [
                 /* @__PURE__ */ e(
-                  v,
+                  S,
                   {
                     variant: "light",
                     size: 64,
@@ -4827,7 +4832,7 @@ function la({ companyName: a = "Infrastructure", legalEntity: c, productName: l
                     )
                   }
                 ),
-                /* @__PURE__ */ r(f, { gap: "xs", children: [
+                /* @__PURE__ */ r(u, { gap: "xs", children: [
                   /* @__PURE__ */ e(
                     t,
                     {
@@ -4858,14 +4863,14 @@ function la({ companyName: a = "Infrastructure", legalEntity: c, productName: l
             }
           ),
           /* @__PURE__ */ r(
-            y,
+            f,
             {
               align: "flex-start",
               wrap: "nowrap",
               gap: "xl",
               children: [
                 /* @__PURE__ */ e(
-                  v,
+                  S,
                   {
                     variant: "light",
                     size: 64,
@@ -4880,7 +4885,7 @@ function la({ companyName: a = "Infrastructure", legalEntity: c, productName: l
                     )
                   }
                 ),
-                /* @__PURE__ */ r(f, { gap: "xs", children: [
+                /* @__PURE__ */ r(u, { gap: "xs", children: [
                   /* @__PURE__ */ e(
                     t,
                     {
@@ -4910,14 +4915,14 @@ function la({ companyName: a = "Infrastructure", legalEntity: c, productName: l
             }
           ),
           /* @__PURE__ */ r(
-            y,
+            f,
             {
               align: "flex-start",
               wrap: "nowrap",
               gap: "xl",
               children: [
                 /* @__PURE__ */ e(
-                  v,
+                  S,
                   {
                     variant: "light",
                     size: 64,
@@ -4932,7 +4937,7 @@ function la({ companyName: a = "Infrastructure", legalEntity: c, productName: l
                     )
                   }
                 ),
-                /* @__PURE__ */ r(f, { gap: "xs", children: [
+                /* @__PURE__ */ r(u, { gap: "xs", children: [
                   /* @__PURE__ */ e(
                     t,
                     {
@@ -4964,14 +4969,14 @@ function la({ companyName: a = "Infrastructure", legalEntity: c, productName: l
             }
           ),
           /* @__PURE__ */ r(
-            y,
+            f,
             {
               align: "flex-start",
               wrap: "nowrap",
               gap: "xl",
               children: [
                 /* @__PURE__ */ e(
-                  v,
+                  S,
                   {
                     variant: "light",
                     size: 64,
@@ -4986,7 +4991,7 @@ function la({ companyName: a = "Infrastructure", legalEntity: c, productName: l
                     )
                   }
                 ),
-                /* @__PURE__ */ r(f, { gap: "xs", children: [
+                /* @__PURE__ */ r(u, { gap: "xs", children: [
                   /* @__PURE__ */ e(
                     t,
                     {
@@ -5016,14 +5021,14 @@ function la({ companyName: a = "Infrastructure", legalEntity: c, productName: l
             }
           ),
           /* @__PURE__ */ r(
-            y,
+            f,
             {
               align: "flex-start",
               wrap: "nowrap",
               gap: "xl",
               children: [
                 /* @__PURE__ */ e(
-                  v,
+                  S,
                   {
                     variant: "light",
                     size: 64,
@@ -5038,7 +5043,7 @@ function la({ companyName: a = "Infrastructure", legalEntity: c, productName: l
                     )
                   }
                 ),
-                /* @__PURE__ */ r(f, { gap: "xs", children: [
+                /* @__PURE__ */ r(u, { gap: "xs", children: [
                   /* @__PURE__ */ e(
                     t,
                     {
@@ -5073,7 +5078,7 @@ function la({ companyName: a = "Infrastructure", legalEntity: c, productName: l
           )
         ] }),
         /* @__PURE__ */ e(j, { color: "gray.2" }),
-        /* @__PURE__ */ r(f, { gap: "lg", children: [
+        /* @__PURE__ */ r(u, { gap: "lg", children: [
           /* @__PURE__ */ e(
             t,
             {
@@ -5106,17 +5111,17 @@ function la({ companyName: a = "Infrastructure", legalEntity: c, productName: l
     }
   );
 }
-function oa({ companyName: a = "Infrastructure", legalEntity: c, productName: l = "nossos produtos" }) {
-  const i = c || a;
+function oa({ companyName: a = "Infrastructure", legalEntity: s, productName: l = "nossos produtos" }) {
+  const i = s || a;
   return i.split(" (")[0], /* @__PURE__ */ e(
     x,
     {
       py: 100,
       bg: "white",
-      children: /* @__PURE__ */ e(B, { size: "md", children: /* @__PURE__ */ r(f, { gap: 80, children: [
-        /* @__PURE__ */ r(f, { gap: "sm", children: [
+      children: /* @__PURE__ */ e(B, { size: "md", children: /* @__PURE__ */ r(u, { gap: 80, children: [
+        /* @__PURE__ */ r(u, { gap: "sm", children: [
           /* @__PURE__ */ e(
-            D,
+            q,
             {
               order: 2,
               ta: "center",
@@ -5144,7 +5149,7 @@ function oa({ companyName: a = "Infrastructure", legalEntity: c, productName: l
           )
         ] }),
         /* @__PURE__ */ e(j, { color: "gray.2" }),
-        /* @__PURE__ */ r(f, { gap: "xl", children: [
+        /* @__PURE__ */ r(u, { gap: "xl", children: [
           /* @__PURE__ */ r(
             t,
             {
@@ -5170,16 +5175,16 @@ function oa({ companyName: a = "Infrastructure", legalEntity: c, productName: l
             }
           )
         ] }),
-        /* @__PURE__ */ r(f, { gap: 50, children: [
+        /* @__PURE__ */ r(u, { gap: 50, children: [
           /* @__PURE__ */ r(
-            y,
+            f,
             {
               align: "flex-start",
               wrap: "nowrap",
               gap: "xl",
               children: [
                 /* @__PURE__ */ e(
-                  v,
+                  S,
                   {
                     variant: "light",
                     size: 64,
@@ -5194,7 +5199,7 @@ function oa({ companyName: a = "Infrastructure", legalEntity: c, productName: l
                     )
                   }
                 ),
-                /* @__PURE__ */ r(f, { gap: "xs", children: [
+                /* @__PURE__ */ r(u, { gap: "xs", children: [
                   /* @__PURE__ */ e(
                     t,
                     {
@@ -5224,14 +5229,14 @@ function oa({ companyName: a = "Infrastructure", legalEntity: c, productName: l
             }
           ),
           /* @__PURE__ */ r(
-            y,
+            f,
             {
               align: "flex-start",
               wrap: "nowrap",
               gap: "xl",
               children: [
                 /* @__PURE__ */ e(
-                  v,
+                  S,
                   {
                     variant: "light",
                     size: 64,
@@ -5246,7 +5251,7 @@ function oa({ companyName: a = "Infrastructure", legalEntity: c, productName: l
                     )
                   }
                 ),
-                /* @__PURE__ */ r(f, { gap: "xs", children: [
+                /* @__PURE__ */ r(u, { gap: "xs", children: [
                   /* @__PURE__ */ e(
                     t,
                     {
@@ -5276,14 +5281,14 @@ function oa({ companyName: a = "Infrastructure", legalEntity: c, productName: l
             }
           ),
           /* @__PURE__ */ r(
-            y,
+            f,
             {
               align: "flex-start",
               wrap: "nowrap",
               gap: "xl",
               children: [
                 /* @__PURE__ */ e(
-                  v,
+                  S,
                   {
                     variant: "light",
                     size: 64,
@@ -5298,7 +5303,7 @@ function oa({ companyName: a = "Infrastructure", legalEntity: c, productName: l
                     )
                   }
                 ),
-                /* @__PURE__ */ r(f, { gap: "xs", children: [
+                /* @__PURE__ */ r(u, { gap: "xs", children: [
                   /* @__PURE__ */ e(
                     t,
                     {
@@ -5324,14 +5329,14 @@ function oa({ companyName: a = "Infrastructure", legalEntity: c, productName: l
             }
           ),
           /* @__PURE__ */ r(
-            y,
+            f,
             {
               align: "flex-start",
               wrap: "nowrap",
               gap: "xl",
               children: [
                 /* @__PURE__ */ e(
-                  v,
+                  S,
                   {
                     variant: "light",
                     size: 64,
@@ -5346,7 +5351,7 @@ function oa({ companyName: a = "Infrastructure", legalEntity: c, productName: l
                     )
                   }
                 ),
-                /* @__PURE__ */ r(f, { gap: "xs", children: [
+                /* @__PURE__ */ r(u, { gap: "xs", children: [
                   /* @__PURE__ */ e(
                     t,
                     {
@@ -5373,9 +5378,9 @@ function oa({ companyName: a = "Infrastructure", legalEntity: c, productName: l
           )
         ] }),
         /* @__PURE__ */ e(j, { color: "gray.2" }),
-        /* @__PURE__ */ r(f, { gap: "lg", children: [
-          /* @__PURE__ */ r(y, { gap: "sm", children: [
-            /* @__PURE__ */ e(v, { variant: "transparent", color: "gray.9", children: /* @__PURE__ */ e(Ze, { size: 18 }) }),
+        /* @__PURE__ */ r(u, { gap: "lg", children: [
+          /* @__PURE__ */ r(f, { gap: "sm", children: [
+            /* @__PURE__ */ e(S, { variant: "transparent", color: "gray.9", children: /* @__PURE__ */ e(Ze, { size: 18 }) }),
             /* @__PURE__ */ e(
               t,
               {
@@ -5407,56 +5412,56 @@ function oa({ companyName: a = "Infrastructure", legalEntity: c, productName: l
     }
   );
 }
-const fr = 6, yr = 2e3;
-function sa(a, { intervalMs: c = 3e4, maxSamples: l = 40 } = {}) {
+const yr = 6, xr = 2e3;
+function sa(a, { intervalMs: s = 3e4, maxSamples: l = 40 } = {}) {
   const [i, n] = H({ status: "loading", checks: [], checkedAt: null, error: null, loading: !0 }), [o, g] = H([]), d = Pe([]);
   return ue(() => {
     if (!a) return;
     d.current = [], g([]);
-    let h = !1;
-    const s = (S) => {
-      d.current = [...d.current, S].slice(-l), g(d.current);
-    }, m = () => (/* @__PURE__ */ new Date()).toLocaleTimeString("pt-BR", { hour: "2-digit", minute: "2-digit", second: "2-digit" }), p = async () => {
-      const S = Date.now();
+    let p = !1;
+    const c = (I) => {
+      d.current = [...d.current, I].slice(-l), g(d.current);
+    }, m = () => (/* @__PURE__ */ new Date()).toLocaleTimeString("pt-BR", { hour: "2-digit", minute: "2-digit", second: "2-digit" }), h = async () => {
+      const I = Date.now();
       try {
         const C = await fetch(a, { headers: { accept: "application/json" } });
         if (!C.ok) throw new Error(`HTTP ${C.status}`);
-        const b = await C.json();
-        if (h) return;
-        u ? u = !1 : s({ time: m(), ms: Date.now() - S, up: b.status !== "down" }), n({
-          status: b.status || "operational",
-          checks: b.checks || [],
-          checkedAt: b.checkedAt || null,
-          service: b.service,
+        const w = await C.json();
+        if (p) 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,
           error: null,
           loading: !1
         });
       } catch {
-        if (h) return;
-        u = !1, s({ time: m(), ms: Date.now() - S, up: !1 }), n((b) => ({ ...b, error: "unreachable", loading: !1 }));
+        if (p) return;
+        b = !1, c({ time: m(), ms: Date.now() - I, up: !1 }), n((w) => ({ ...w, error: "unreachable", loading: !1 }));
       }
     };
-    let u = !0, w = 0, T;
-    const q = async () => {
-      await p(), !h && (w += 1, T = setTimeout(q, w < fr ? yr : c));
+    let b = !0, y = 0, z;
+    const k = async () => {
+      await h(), !p && (y += 1, z = setTimeout(k, y < yr ? xr : s));
     };
-    return q(), () => {
-      h = !0, clearTimeout(T);
+    return k(), () => {
+      p = !0, clearTimeout(z);
     };
-  }, [a, c, l]), {
+  }, [a, s, l]), {
     ...i,
-    latency: o.map((h) => ({ time: h.time, ms: h.ms })),
+    latency: o.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: xr(o),
+    uptime: br(o),
     // 1 = respondeu, 0.25 = falhou. Zero puro sumiria da barra e a falha
     // ficaria invisível justamente quando importa.
-    history: o.map((h) => h.up ? 1 : 0.25)
+    history: o.map((p) => p.up ? 1 : 0.25)
   };
 }
-function xr(a, c = 12) {
+function br(a, s = 12) {
   if (a.length === 0) return [];
-  const l = Math.max(1, Math.ceil(a.length / c)), i = [];
+  const l = Math.max(1, Math.ceil(a.length / s)), i = [];
   for (let n = 0; n < a.length; n += l) {
     const o = a.slice(n, n + l), g = o.filter((d) => d.up).length;
     i.push({ day: o[o.length - 1].time, pct: g / o.length * 100 });
@@ -5470,7 +5475,7 @@ export {
   M as CTAButton,
   Gr as Callout,
   ir as CodeBlock,
-  Br as ColorSchemeToggle,
+  or as ColorSchemeToggle,
   Yr as Comparison,
   Hr as CriteriaList,
   Zr as FAQ,
@@ -5478,7 +5483,7 @@ export {
   Rr as FeaturesGrid,
   na as Footer,
   Kr as FounderCard,
-  or as Header,
+  sr as Header,
   Nr as Hero,
   jr as Layout,
   Xr as LeadForm,
@@ -5502,9 +5507,9 @@ export {
   Wr as StatusIndicator,
   Qr as Steps,
   ea as Testimonials,
-  ur as TrustBadge,
+  fr as TrustBadge,
   nr as Wordmark,
   O as resolveBackground,
-  Er as theme,
+  Br as theme,
   sa as useServiceStatus
 };