@eduardoalvarez/arrecife 0.1.0

package/dist/index.cjs

@@ -0,0 +1,3191 @@
+'use strict';
+
+var classVarianceAuthority = require('class-variance-authority');
+var clsx = require('clsx');
+var tailwindMerge = require('tailwind-merge');
+var jsxRuntime = require('react/jsx-runtime');
+var AvatarPrimitive = require('@radix-ui/react-avatar');
+var reactSlot = require('@radix-ui/react-slot');
+var locale = require('date-fns/locale');
+var reactDayPicker = require('react-day-picker');
+var CheckboxPrimitive = require('@radix-ui/react-checkbox');
+var DialogPrimitive = require('@radix-ui/react-dialog');
+var DropdownMenuPrimitive = require('@radix-ui/react-dropdown-menu');
+var LabelPrimitive = require('@radix-ui/react-label');
+var PopoverPrimitive = require('@radix-ui/react-popover');
+var ProgressPrimitive = require('@radix-ui/react-progress');
+var RadioGroupPrimitive = require('@radix-ui/react-radio-group');
+var SelectPrimitive = require('@radix-ui/react-select');
+var SeparatorPrimitive = require('@radix-ui/react-separator');
+var SwitchPrimitive = require('@radix-ui/react-switch');
+var TabsPrimitive = require('@radix-ui/react-tabs');
+var ToastPrimitive = require('@radix-ui/react-toast');
+var TooltipPrimitive = require('@radix-ui/react-tooltip');
+var react = require('react');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var AvatarPrimitive__namespace = /*#__PURE__*/_interopNamespace(AvatarPrimitive);
+var CheckboxPrimitive__namespace = /*#__PURE__*/_interopNamespace(CheckboxPrimitive);
+var DialogPrimitive__namespace = /*#__PURE__*/_interopNamespace(DialogPrimitive);
+var DropdownMenuPrimitive__namespace = /*#__PURE__*/_interopNamespace(DropdownMenuPrimitive);
+var LabelPrimitive__namespace = /*#__PURE__*/_interopNamespace(LabelPrimitive);
+var PopoverPrimitive__namespace = /*#__PURE__*/_interopNamespace(PopoverPrimitive);
+var ProgressPrimitive__namespace = /*#__PURE__*/_interopNamespace(ProgressPrimitive);
+var RadioGroupPrimitive__namespace = /*#__PURE__*/_interopNamespace(RadioGroupPrimitive);
+var SelectPrimitive__namespace = /*#__PURE__*/_interopNamespace(SelectPrimitive);
+var SeparatorPrimitive__namespace = /*#__PURE__*/_interopNamespace(SeparatorPrimitive);
+var SwitchPrimitive__namespace = /*#__PURE__*/_interopNamespace(SwitchPrimitive);
+var TabsPrimitive__namespace = /*#__PURE__*/_interopNamespace(TabsPrimitive);
+var ToastPrimitive__namespace = /*#__PURE__*/_interopNamespace(ToastPrimitive);
+var TooltipPrimitive__namespace = /*#__PURE__*/_interopNamespace(TooltipPrimitive);
+
+var __defProp = Object.defineProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+
+// src/tokens/tokens.ts
+var dark = {
+  background: "#091319",
+  //          abismo · fondo de página
+  surface: "#10202B",
+  //             fosa · tarjetas y paneles
+  surfaceRaised: "#17303E",
+  //       corriente · menús, tabs activos
+  border: "#22414F",
+  //              bordes de control
+  hairline: "#1E3441",
+  //            divisiones sutiles
+  hairlineHover: "#2C4D5D",
+  //       hairline en hover de tarjeta
+  textPrimary: "#EDF4F3",
+  //         espuma            16.84:1
+  textSecondary: "#A7BCC4",
+  //       bruma              9.50:1
+  textMuted: "#71919C",
+  //           plancton           5.57:1  nunca bajo 13px
+  accent: "#35D6C0",
+  //              bioluz            10.31:1  interactivo
+  accentHover: "#5FE3D1",
+  accentOn: "#06171A",
+  //            tinta sobre bioluz
+  warm: "#F2A65A",
+  //                arena              9.28:1  humano y conversión
+  warmHover: "#F7BB7D",
+  warmOn: "#2A1605",
+  //              tinta sobre arena
+  success: "#4FB477",
+  warning: "#E8A33D",
+  error: "#E15757"
+  //                                 4.51:1 sobre surface
+};
+var light = {
+  background: "#F6F2EA",
+  //          papel
+  surface: "#FFFFFF",
+  surfaceRaised: "#EFE9DE",
+  border: "#E6DFD2",
+  hairline: "#EBE6DC",
+  hairlineHover: "#D3C8B2",
+  //       hairline en hover de tarjeta
+  textPrimary: "#0B1524",
+  //                           16.40:1
+  textSecondary: "#3D4B58",
+  textMuted: "#626A75",
+  //                             4.53:1 sobre surfaceRaised
+  accent: "#0D7C6F",
+  //              bioluz oscura      4.55:1
+  accentHover: "#0C7466",
+  accentOn: "#FFFFFF",
+  warm: "#A65B27",
+  //                arena oscura       4.54:1
+  warmHover: "#96511F",
+  warmOn: "#FFF7EE",
+  success: "#0F6B52",
+  warning: "#8D6111",
+  //                               4.51:1 sobre surfaceRaised
+  error: "#C0392B"
+};
+var colors = { dark, light };
+var brand = {
+  /** Cuerpo de la mascota. 4.22:1 → SOLO relleno, NUNCA texto. */
+  body: "#3E7CB1",
+  /** Patrón de manchas. */
+  spots: "#C2D7E7",
+  /** Casco · contorno y fondo de bloques de código. */
+  hull: "#0B1524"
+};
+var fonts = {
+  /** SOLO titulares y números grandes. Nunca cuerpo. */
+  display: '"Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif',
+  /** Cuerpo e interfaz. */
+  sans: '"Geist", ui-sans-serif, system-ui, sans-serif',
+  /** Código, rutas, etiquetas, metadatos, firma CLI. */
+  mono: '"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace'
+};
+var typeScale = {
+  display: { family: "display", size: 76, lineHeight: 0.96, weight: 800, tracking: "-0.035em" },
+  /** Métricas grandes. Números, no prosa: interlineado 1 y sin descendentes. */
+  stat: { family: "display", size: 46, lineHeight: 1, weight: 800, tracking: "-0.035em" },
+  h1: { family: "display", size: 44, lineHeight: 1.05, weight: 700, tracking: "-0.03em" },
+  h2: { family: "display", size: 30, lineHeight: 1.1, weight: 600, tracking: "-0.02em" },
+  h3: { family: "display", size: 25, lineHeight: 1.15, weight: 600, tracking: "-0.02em" },
+  body: { family: "sans", size: 18, lineHeight: 1.75, weight: 400 },
+  /**
+   * 17px. El botón grande y la bajada de las páginas internas.
+   *
+   * Entra como escalón propio porque el documento lo usa DOS veces y en piezas
+   * distintas: «lg 15px 30px r12» con texto de 17, y «h1 44/700 · bajada 17px ·
+   * párrafo de contexto 15px». Un solo uso no habría justificado partir la
+   * distancia entre `ui` (15) y `body` (18); dos sí.
+   */
+  lead: { family: "sans", size: 17, lineHeight: 1.5, weight: 400 },
+  ui: { family: "sans", size: 15, lineHeight: 1.6, weight: 400 },
+  label: { family: "sans", size: 13, lineHeight: 1.5, weight: 500 },
+  /**
+   * La escala de las etiquetas de estado: sans 12.5/500, cuadrada.
+   *
+   * Es medio píxel por debajo de `label`, y esta vez el medio píxel sí importa:
+   * una etiqueta de estado va dentro de una tabla o al lado de un título, y a 13
+   * competía con el texto que acompaña. El documento la da en 12.5 y se ve.
+   */
+  tag: { family: "sans", size: 12.5, lineHeight: 1.4, weight: 500 },
+  /**
+   * La escala de categoría y métrica: mono 11.5.
+   *
+   * Rompe el suelo de `limits.minScreenPx`, y es a propósito. Ese suelo protege
+   * al TEXTO —lo que se lee en una frase—, y una píldora de una palabra no es
+   * texto corrido: es una marca. El contraste sigue medido y pasa AA (plancton
+   * 5.57:1 sobre abismo), que es la parte que no se negocia.
+   *
+   * A 13 las tres familias de etiqueta salían del tamaño de un botón pequeño y
+   * pesaban más que el título que acompañan. Ver `docs/decisiones.md`.
+   */
+  chip: { family: "mono", size: 11.5, lineHeight: 1.4, weight: 400 },
+  /**
+   * Mono SIN transformar: fechas, rutas, versiones, nombres de archivo, la firma
+   * del footer y las métricas de etiqueta. Es la mayoría del mono del sistema.
+   *
+   * Existe porque `eyebrow` lleva `uppercase` de fábrica y no es una preferencia
+   * que se pueda apagar: es la escala del eyebrow. Un `18 ago 2026` en versalitas
+   * o un `pose-laptop-coffee.png` en mayúsculas están mal, y sin este escalón la
+   * única salida era un `normal-case` en cada sitio de uso.
+   *
+   * El documento dice 12.5. Son 13 por la misma razón por la que `textMuted` se
+   * corrigió: `limits.minScreenPx` es 13 y plancton «nunca bajo 13px». Esta
+   * escala es justo donde se escriben las metas en muted, así que ponerla en
+   * 12.5 habría dejado ilegible su uso más común por medio píxel.
+   */
+  meta: { family: "mono", size: 13, lineHeight: 1.6, weight: 400 },
+  eyebrow: { family: "mono", size: 12, tracking: "0.12em", transform: "uppercase" }
+};
+var limits = {
+  /** Mínimo absoluto en pantalla. */
+  minScreenPx: 13,
+  /** Mínimo absoluto impreso. */
+  minPrintPt: 12,
+  /** Medida máxima de cuerpo. */
+  measure: "68ch"
+};
+var radius = {
+  chip: 6,
+  control: 10,
+  card: 14,
+  panel: 16,
+  pill: 999
+};
+var control = {
+  sm: 14,
+  md: 22,
+  lg: 30,
+  /** Botón de icono: cuadrado, sin texto. */
+  icon: 42
+};
+var spacing = {
+  xs: 8,
+  sm: 12,
+  md: 16,
+  lg: 26,
+  xl: 40,
+  section: 96
+};
+var size = {
+  /** Alto de la barra de navegación. */
+  nav: 64,
+  /** Ancho de columna de lectura. */
+  content: 760,
+  /** Ancho máximo de página. */
+  wide: 1180
+};
+var sintaxis = {
+  /** El casco. Es el fondo del bloque en los dos modos. */
+  fondo: brand.hull,
+  /** Identificadores, funciones, tipos, variables. */
+  identificador: dark.textPrimary,
+  /** Cadenas, números, booleanos, null. */
+  literal: dark.accent,
+  /** Palabras clave, control de flujo, `import`, `this`. */
+  palabraClave: dark.warm,
+  /** Comentarios y puntuación. */
+  comentario: dark.textMuted,
+  /** `markup.deleted`, `invalid`. */
+  invalido: dark.error
+};
+var profundo = "#0D2129";
+var gradient = {
+  dark: {
+    hero: `linear-gradient(160deg, ${dark.background} 60%, ${profundo} 100%)`,
+    seccion: `linear-gradient(150deg, ${dark.surface} 0%, ${profundo} 100%)`,
+    /** El de la plantilla OG de artículo. 145°, del documento. */
+    og: `linear-gradient(145deg, ${dark.background} 55%, ${profundo} 100%)`
+  },
+  light: {
+    hero: `linear-gradient(160deg, ${light.background} 60%, ${light.surfaceRaised} 100%)`,
+    seccion: `linear-gradient(150deg, ${light.surface} 0%, ${light.surfaceRaised} 100%)`,
+    og: `linear-gradient(145deg, ${light.background} 55%, ${light.surfaceRaised} 100%)`
+  }
+};
+var shadow = {
+  standard: "0 1px 2px rgba(0, 0, 0, 0.35)"
+};
+var motion = {
+  duration: "150ms",
+  easing: "ease-out",
+  properties: "color, background-color, border-color, fill, stroke"
+};
+var tagline = {
+  /** Hero. */
+  largo: "Ayudo a equipos de ingenier\xEDa a escalar con criterio",
+  /** Header, una línea. */
+  corto: "Ayudo a equipos a escalar con criterio",
+  /** LinkedIn. */
+  en: "Helping engineering teams scale with judgment"
+};
+var naming = {
+  wordmark: "Eduardo \xC1lvarez",
+  mascot: "Tiburonc\xEDn",
+  /** El dominio, para la firma CLI del footer: `$ cd ~/eduardoalvarez.dev/2026`. */
+  domain: "eduardoalvarez.dev"
+};
+
+// src/tokens/index.ts
+var tokens = {
+  colors,
+  brand,
+  fonts,
+  typeScale,
+  limits,
+  radius,
+  control,
+  spacing,
+  size,
+  gradient,
+  sintaxis,
+  shadow,
+  motion,
+  tagline,
+  naming
+};
+var escalas = Object.keys(typeScale);
+var radios = Object.keys(radius);
+var espacios = Object.keys(spacing);
+var controles = Object.keys(control).map((nombre) => `control-${nombre}`);
+var twMerge = tailwindMerge.extendTailwindMerge({
+  extend: {
+    classGroups: {
+      "font-size": [{ text: escalas }],
+      rounded: [{ rounded: radios }],
+      p: [{ p: espacios }],
+      px: [{ px: [...espacios, ...controles] }],
+      py: [{ py: espacios }],
+      gap: [{ gap: espacios }],
+      size: [{ size: controles }]
+    }
+  }
+});
+function cn(...inputs) {
+  return twMerge(clsx.clsx(inputs));
+}
+var alert = classVarianceAuthority.cva("w-full rounded-card border p-md font-sans text-ui", {
+  variants: {
+    variant: {
+      accent: "text-text-secondary",
+      success: "text-text-secondary",
+      warning: "text-text-secondary",
+      error: "text-text-secondary"
+    },
+    enfasis: {
+      sutil: "",
+      fuerte: ""
+    }
+  },
+  compoundVariants: [
+    { variant: "accent", enfasis: "sutil", class: "border-accent/22 bg-accent/8" },
+    { variant: "success", enfasis: "sutil", class: "border-success/22 bg-success/8" },
+    { variant: "warning", enfasis: "sutil", class: "border-warning/22 bg-warning/8" },
+    { variant: "error", enfasis: "sutil", class: "border-error/22 bg-error/8" },
+    { variant: "accent", enfasis: "fuerte", class: "border-accent bg-accent/10" },
+    { variant: "success", enfasis: "fuerte", class: "border-success bg-success/10" },
+    { variant: "warning", enfasis: "fuerte", class: "border-warning bg-warning/10" },
+    { variant: "error", enfasis: "fuerte", class: "border-error bg-error/10" }
+  ],
+  defaultVariants: { variant: "accent", enfasis: "sutil" }
+});
+var glifoColor = {
+  accent: "text-accent",
+  success: "text-success",
+  warning: "text-warning",
+  error: "text-error"
+};
+var GLIFO = {
+  accent: "\u2726",
+  success: "\u2713",
+  warning: "!",
+  error: "\u2715"
+};
+function Alert({
+  className,
+  variant,
+  enfasis,
+  title,
+  icon,
+  children,
+  ...props
+}) {
+  const tono = variant ?? "accent";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      role: tono === "error" ? "alert" : "status",
+      className: cn(alert({ variant, enfasis }), className),
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "gap-sm flex items-start", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: cn("font-mono text-ui leading-normal select-none", glifoColor[tono]),
+            children: icon ?? GLIFO[tono]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
+          title ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-xs text-text-primary font-medium", children: title }) : null,
+          children ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-measure", children }) : null
+        ] })
+      ] })
+    }
+  );
+}
+var avatar = classVarianceAuthority.cva(
+  "relative flex shrink-0 overflow-hidden rounded-pill bg-surface-raised border border-hairline",
+  {
+    variants: {
+      size: {
+        sm: "size-8",
+        md: "size-10",
+        lg: "size-14",
+        xl: "size-24"
+      }
+    },
+    defaultVariants: { size: "md" }
+  }
+);
+function Avatar({ className, size: size2, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(AvatarPrimitive__namespace.Root, { className: cn(avatar({ size: size2 }), className), ...props });
+}
+function AvatarImage({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(AvatarPrimitive__namespace.Image, { className: cn("aspect-square size-full object-cover", className), ...props });
+}
+function AvatarFallback({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    AvatarPrimitive__namespace.Fallback,
+    {
+      className: cn(
+        "text-label font-mono text-text-secondary flex size-full items-center justify-center uppercase",
+        className
+      ),
+      ...props
+    }
+  );
+}
+var badge = classVarianceAuthority.cva(
+  ["inline-flex items-center gap-xs", "rounded-chip px-xs py-0.5", "font-sans text-tag", "transition-standard"],
+  {
+    variants: {
+      variant: {
+        neutral: "bg-surface-raised text-text-secondary",
+        accent: "bg-accent/8 text-text-primary",
+        warm: "bg-warm/8 text-text-primary",
+        success: "bg-success/8 text-text-primary",
+        warning: "bg-warning/8 text-text-primary",
+        error: "bg-error/8 text-text-primary"
+      }
+    },
+    defaultVariants: { variant: "neutral" }
+  }
+);
+function Badge({ className, variant, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn(badge({ variant }), className), ...props });
+}
+var categoria = classVarianceAuthority.cva(
+  [
+    "inline-flex items-center gap-xs",
+    "rounded-pill px-sm py-0.5",
+    "font-mono text-chip",
+    "border transition-standard"
+  ],
+  {
+    variants: {
+      active: {
+        false: "border-warm/28 bg-transparent text-warm",
+        true: "border-warm bg-warm text-warm-on"
+      }
+    },
+    defaultVariants: { active: false }
+  }
+);
+function CategoryBadge({ className, active = false, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      "data-active": active || void 0,
+      className: cn(categoria({ active }), className),
+      ...props
+    }
+  );
+}
+var metrica = ["inline-flex items-center gap-xs", "rounded-pill", "font-mono text-chip text-text-muted"];
+function MetricBadge({ className, boxed = false, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      className: cn(metrica, boxed && "border-hairline px-sm py-0.5 border", className),
+      ...props
+    }
+  );
+}
+function Glyph({ children, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      viewBox: "0 0 16 16",
+      width: "1em",
+      height: "1em",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 1.75,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      focusable: "false",
+      ...props,
+      children
+    }
+  );
+}
+var Check = (props) => /* @__PURE__ */ jsxRuntime.jsx(Glyph, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3 8.5 6.5 12 13 4.5" }) });
+var Minus = (props) => /* @__PURE__ */ jsxRuntime.jsx(Glyph, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3.5 8h9" }) });
+var ChevronDown = (props) => /* @__PURE__ */ jsxRuntime.jsx(Glyph, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4 6l4 4 4-4" }) });
+var ChevronUp = (props) => /* @__PURE__ */ jsxRuntime.jsx(Glyph, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4 10l4-4 4 4" }) });
+var ChevronLeft = (props) => /* @__PURE__ */ jsxRuntime.jsx(Glyph, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M10 4L6 8l4 4" }) });
+var ChevronRight = (props) => /* @__PURE__ */ jsxRuntime.jsx(Glyph, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6 4l4 4-4 4" }) });
+var Close = (props) => /* @__PURE__ */ jsxRuntime.jsx(Glyph, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4 4l8 8M12 4l-8 8" }) });
+var Copy = (props) => /* @__PURE__ */ jsxRuntime.jsxs(Glyph, { ...props, children: [
+  /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "5.5", y: "5.5", width: "8", height: "8", rx: "1.5" }),
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M10.5 3.5h-7a1.5 1.5 0 0 0-1.5 1.5v7" })
+] });
+var ArrowUpRight = (props) => /* @__PURE__ */ jsxRuntime.jsx(Glyph, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M5 11l6-6M5.5 5h5.5v5.5" }) });
+var Ellipsis = (props) => /* @__PURE__ */ jsxRuntime.jsx(Glyph, { ...props, strokeWidth: 2.25, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4 8h.01M8 8h.01M12 8h.01" }) });
+var Spinner = (props) => /* @__PURE__ */ jsxRuntime.jsxs(
+  "svg",
+  {
+    viewBox: "0 0 16 16",
+    width: "1em",
+    height: "1em",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: 2,
+    strokeLinecap: "round",
+    "aria-hidden": "true",
+    focusable: "false",
+    className: "motion-safe:animate-spin",
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "8", cy: "8", r: "6", opacity: 0.3 }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8 2a6 6 0 0 1 6 6" })
+    ]
+  }
+);
+function GlifoMedia({ children, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      "aria-hidden": "true",
+      focusable: "false",
+      ...props,
+      children
+    }
+  );
+}
+var Play = (props) => /* @__PURE__ */ jsxRuntime.jsx(GlifoMedia, { fill: "currentColor", ...props, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8 5v14l11-7z" }) });
+var Pause = (props) => /* @__PURE__ */ jsxRuntime.jsx(GlifoMedia, { fill: "currentColor", ...props, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6 4h4v16H6V4zm8 0h4v16h-4V4z" }) });
+var Retry = (props) => /* @__PURE__ */ jsxRuntime.jsx(
+  GlifoMedia,
+  {
+    stroke: "currentColor",
+    strokeWidth: 2,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    ...props,
+    children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15" })
+  }
+);
+var GoBackSeconds = (props) => /* @__PURE__ */ jsxRuntime.jsxs(GlifoMedia, { stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", ...props, children: [
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M16.5 8.5H13.8604C13.6452 8.5 13.4541 8.63772 13.386 8.84189L12.7194 10.8419C12.6114 11.1657 12.8524 11.5 13.1937 11.5H14.5C15.6046 11.5 16.5 12.3954 16.5 13.5C16.5 14.6046 15.6046 15.5 14.5 15.5H12.5" }),
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M7.5 10.5L10 8.5V15.5", strokeLinejoin: "round" }),
+  /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      d: "M14 4.5L12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C8.7288 22 5.82446 20.4293 4 18.001M8 2.83209C6.87754 3.32251 5.86251 4.01303 5 4.85857C3.14864 6.67349 2 9.20261 2 12C2 12.6849 2.06886 13.3538 2.20004 14",
+      strokeLinejoin: "round"
+    }
+  )
+] });
+var AdvanceSeconds = (props) => /* @__PURE__ */ jsxRuntime.jsxs(GlifoMedia, { stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", ...props, children: [
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M16.5 8.5H13.8604C13.6452 8.5 13.4541 8.63772 13.386 8.84189L12.7194 10.8419C12.6114 11.1657 12.8524 11.5 13.1937 11.5H14.5C15.6046 11.5 16.5 12.3954 16.5 13.5C16.5 14.6046 15.6046 15.5 14.5 15.5H12.5" }),
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M7.5 10.5L10 8.5V15.5", strokeLinejoin: "round" }),
+  /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      d: "M10 4.5L12 2C6.47715 2 2 6.47715 2 12C2 12.6849 2.06886 13.3538 2.20004 14M16 2.83209C19.5318 4.3752 22 7.89936 22 12C22 17.5228 17.5228 22 12 22C8.72852 22 5.82443 20.4287 4 18",
+      strokeLinejoin: "round"
+    }
+  )
+] });
+var VolumeOn = (props) => /* @__PURE__ */ jsxRuntime.jsx(GlifoMedia, { fill: "currentColor", ...props, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z" }) });
+var VolumeMuted = (props) => /* @__PURE__ */ jsxRuntime.jsx(GlifoMedia, { fill: "currentColor", ...props, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51C20.63 14.91 21 13.5 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06c1.38-.31 2.63-.95 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z" }) });
+var button = classVarianceAuthority.cva(
+  [
+    "inline-flex cursor-pointer items-center justify-center gap-xs whitespace-nowrap select-none",
+    "rounded-control font-sans font-medium",
+    "transition-standard",
+    "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent",
+    "disabled:pointer-events-none disabled:opacity-50",
+    "[&_svg]:shrink-0"
+  ],
+  {
+    variants: {
+      variant: {
+        primary: [
+          "bg-accent text-accent-on hover:bg-accent-hover",
+          "light:bg-brand-hull light:text-accent-on light:hover:bg-text-secondary"
+        ],
+        conversion: "bg-warm text-warm-on hover:bg-warm-hover",
+        secondary: [
+          "border-hairline-hover border bg-transparent text-text-primary",
+          "hover:border-accent hover:text-accent"
+        ],
+        tertiary: [
+          "bg-transparent font-mono font-normal text-text-secondary",
+          "hover:text-accent hover:underline hover:underline-offset-4"
+        ]
+      },
+      size: {
+        sm: "h-8 px-control-sm text-label",
+        md: "h-10 px-control-md text-ui",
+        lg: "h-12 px-control-lg text-lead",
+        /** Cuadrado 42×42, sin texto. Lleva `aria-label` obligatorio. */
+        icon: "size-control-icon p-0"
+      }
+    },
+    compoundVariants: [
+      /**
+       * El terciario no tiene caja: ni padding horizontal ni alto de control.
+       * Va aquí y no como `px-0` en la variante para que gane al `px-*` del
+       * tamaño sin depender del orden en que cva concatena las clases.
+       */
+      { variant: "tertiary", size: ["sm", "md", "lg"], class: "h-auto px-0" }
+    ],
+    defaultVariants: { variant: "primary", size: "md" }
+  }
+);
+function Button({
+  className,
+  variant,
+  size: size2,
+  asChild = false,
+  loading = false,
+  icon,
+  children,
+  disabled,
+  ...props
+}) {
+  if (asChild) {
+    return /* @__PURE__ */ jsxRuntime.jsx(reactSlot.Slot, { className: cn(button({ variant, size: size2 }), className), ...props, children });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "button",
+    {
+      className: cn(button({ variant, size: size2 }), className),
+      disabled: disabled === true || loading,
+      "aria-busy": loading || void 0,
+      ...props,
+      children: [
+        loading ? /* @__PURE__ */ jsxRuntime.jsx(Spinner, {}) : icon,
+        children
+      ]
+    }
+  );
+}
+function Calendar({
+  className,
+  classNames,
+  showOutsideDays = true,
+  fullWidth = false,
+  ...props
+}) {
+  const dia = [
+    "relative p-0 text-center",
+    fullWidth ? "h-9 flex-1" : "size-9",
+    "text-ui font-sans text-text-primary"
+  ].join(" ");
+  const botonDia = [
+    fullWidth ? "h-9 w-full" : "size-9",
+    "rounded-chip inline-flex items-center justify-center",
+    "transition-standard cursor-pointer",
+    "hover:bg-surface-raised",
+    "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent",
+    "disabled:pointer-events-none disabled:opacity-50"
+  ].join(" ");
+  const navegacion = [
+    "size-8 rounded-chip inline-flex items-center justify-center",
+    "text-text-secondary transition-standard cursor-pointer",
+    "hover:bg-surface-raised hover:text-text-primary",
+    "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent",
+    "disabled:pointer-events-none disabled:opacity-50"
+  ].join(" ");
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    reactDayPicker.DayPicker,
+    {
+      locale: locale.es,
+      showOutsideDays,
+      className: cn("font-sans", className),
+      classNames: {
+        // `relative` obligatorio: la navegación se posiciona en absoluto contra
+        // la raíz, y sin esto se ancla al primer ancestro posicionado —o al
+        // viewport— y las flechas acaban en los bordes de la página.
+        root: cn("relative", fullWidth ? "w-full" : "w-fit"),
+        months: cn("gap-md flex flex-col sm:flex-row", fullWidth && "w-full"),
+        month: cn("gap-sm flex flex-col", fullWidth && "min-w-0 flex-1"),
+        month_caption: "h-8 flex items-center justify-center",
+        caption_label: "text-ui font-sans font-medium text-text-primary capitalize",
+        nav: "absolute inset-x-0 top-0 flex items-center justify-between",
+        button_previous: navegacion,
+        button_next: navegacion,
+        month_grid: "w-full border-collapse",
+        weekdays: cn("flex", fullWidth && "w-full"),
+        // `textMuted` no va sobre `surfaceRaised` —4.07:1—, y un calendario dentro de
+        // un Popover vive justo ahí.
+        weekday: cn(
+          "h-9 text-eyebrow font-mono text-text-secondary uppercase flex items-center justify-center",
+          fullWidth ? "flex-1" : "w-9"
+        ),
+        week: "flex w-full",
+        day: dia,
+        day_button: botonDia,
+        today: "text-accent font-medium",
+        // Los días de los meses vecinos se atenúan, pero no por debajo de AA:
+        // `textSecondary` al 85 % da 5.09:1 en el peor caso, que es sobre
+        // `surfaceRaised`. Al 75 % ya no pasa en modo claro.
+        outside: "text-text-secondary opacity-85",
+        disabled: "opacity-50",
+        hidden: "invisible",
+        selected: "[&_button]:bg-accent [&_button]:text-accent-on [&_button]:hover:bg-accent-hover",
+        range_start: "[&_button]:bg-accent [&_button]:text-accent-on [&_button]:rounded-r-none",
+        range_middle: "[&_button]:bg-surface-raised [&_button]:text-text-primary [&_button]:rounded-none",
+        range_end: "[&_button]:bg-accent [&_button]:text-accent-on [&_button]:rounded-l-none",
+        footer: "text-label font-sans text-text-secondary pt-sm",
+        ...classNames
+      },
+      components: {
+        Chevron: ({ orientation, ...rest }) => orientation === "left" ? /* @__PURE__ */ jsxRuntime.jsx(ChevronLeft, { ...rest }) : /* @__PURE__ */ jsxRuntime.jsx(ChevronRight, { ...rest })
+      },
+      ...props
+    }
+  );
+}
+var ETIQUETA = {
+  display: "h1",
+  stat: "p",
+  h1: "h1",
+  h2: "h2",
+  h3: "h3",
+  body: "p",
+  lead: "p",
+  ui: "p",
+  label: "span",
+  tag: "span",
+  meta: "p",
+  chip: "span",
+  eyebrow: "p"
+};
+var texto = classVarianceAuthority.cva("", {
+  variants: {
+    variant: {
+      display: "text-display font-display",
+      // Métricas grandes: 46px de display. Es la única escala pensada para un
+      // número, y por eso el interlineado es 1.
+      stat: "text-stat font-display",
+      h1: "text-h1 font-display",
+      h2: "text-h2 font-display",
+      h3: "text-h3 font-display",
+      body: "text-body font-sans",
+      // 17px: la bajada de las páginas internas y el botón grande.
+      lead: "text-lead font-sans",
+      ui: "text-ui font-sans",
+      label: "text-label font-sans",
+      // Las dos escalas de etiqueta. `tag` es el estado (sans 12.5/500) y `chip`
+      // la categoría y la métrica (mono 11.5). Ninguna transforma el texto.
+      tag: "text-tag font-sans",
+      chip: "text-chip font-mono",
+      // Mono SIN transformar: fechas, rutas, versiones, nombres de archivo y la
+      // firma del footer. Es el escalón que faltaba, y por el que cada sitio de
+      // uso terminaba escribiendo `variant="eyebrow" className="normal-case"`.
+      meta: "text-meta font-mono",
+      // `uppercase` no cabe en un token de tamaño: text-transform no es un
+      // modificador de --text-*. Por eso lo pone la variante y no theme.css.
+      eyebrow: "text-eyebrow font-mono uppercase"
+    },
+    tone: {
+      primary: "text-text-primary",
+      secondary: "text-text-secondary",
+      muted: "text-text-muted",
+      accent: "text-accent",
+      warm: "text-warm",
+      success: "text-success",
+      warning: "text-warning",
+      error: "text-error"
+    }
+  },
+  defaultVariants: { variant: "body", tone: "primary" }
+});
+function Text({
+  className,
+  variant,
+  tone,
+  as,
+  asChild = false,
+  measure,
+  children,
+  ...props
+}) {
+  const escala = variant ?? "body";
+  const limitar = measure ?? escala === "body";
+  const clases = cn(texto({ variant, tone }), limitar && "max-w-measure", className);
+  if (asChild) {
+    return /* @__PURE__ */ jsxRuntime.jsx(reactSlot.Slot, { className: clases, ...props, children });
+  }
+  const Etiqueta = as ?? ETIQUETA[escala];
+  return /* @__PURE__ */ jsxRuntime.jsx(Etiqueta, { className: clases, ...props, children });
+}
+var SUPERFICIE_TARJETA = "rounded-card border-hairline bg-surface border";
+var HOVER_TARJETA = "transition-standard hover:border-hairline-hover";
+function Card({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(SUPERFICIE_TARJETA, className), ...props });
+}
+function CardHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("gap-xs p-lg flex flex-col", className), ...props });
+}
+function CardTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(Text, { as: "h3", variant: "h3", className, ...props });
+}
+function CardDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(Text, { variant: "ui", tone: "secondary", className, ...props });
+}
+function CardContent({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("px-lg pb-lg", className), ...props });
+}
+function CardFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: cn("border-hairline px-lg py-md gap-sm flex items-center border-t", className),
+      ...props
+    }
+  );
+}
+function Checkbox({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    CheckboxPrimitive__namespace.Root,
+    {
+      className: cn(
+        "rounded-chip border-border bg-surface size-5 shrink-0 cursor-pointer border",
+        "text-accent-on transition-standard",
+        "hover:border-hairline-hover",
+        "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent",
+        "disabled:pointer-events-none disabled:opacity-50",
+        "data-[state=checked]:border-accent data-[state=checked]:bg-accent",
+        "data-[state=indeterminate]:border-accent data-[state=indeterminate]:bg-accent",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx(CheckboxPrimitive__namespace.Indicator, { className: "flex items-center justify-center text-[13px]", children: props.checked === "indeterminate" ? /* @__PURE__ */ jsxRuntime.jsx(Minus, {}) : /* @__PURE__ */ jsxRuntime.jsx(Check, {}) })
+    }
+  );
+}
+function Code({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "code",
+    {
+      className: cn(
+        "rounded-chip border-hairline bg-surface-raised border",
+        "font-mono text-meta text-text-primary",
+        "px-1 py-0.5",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DateField({
+  className,
+  invalid = false,
+  withTime = false,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "input",
+    {
+      type: withTime ? "datetime-local" : "date",
+      "data-invalid": invalid || void 0,
+      "aria-invalid": invalid || void 0,
+      className: cn(
+        "px-sm h-10 w-full",
+        "rounded-control border-border bg-surface border",
+        "font-mono text-ui text-text-primary",
+        "transition-standard",
+        "hover:border-hairline-hover",
+        "focus-visible:border-accent focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent",
+        "disabled:pointer-events-none disabled:opacity-50",
+        "data-[invalid]:border-error data-[invalid]:focus-visible:outline-error",
+        // El indicador nativo hereda el esquema del tema activo.
+        "scheme-light dark:scheme-dark [&::-webkit-calendar-picker-indicator]:cursor-pointer",
+        className
+      ),
+      ...props
+    }
+  );
+}
+var Dialog = DialogPrimitive__namespace.Root;
+var DialogTrigger = DialogPrimitive__namespace.Trigger;
+var DialogClose = DialogPrimitive__namespace.Close;
+function DialogOverlay({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    DialogPrimitive__namespace.Overlay,
+    {
+      className: cn("bg-brand-hull/70 fixed inset-0 z-50", className),
+      ...props
+    }
+  );
+}
+function DialogContent({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(DialogPrimitive__namespace.Portal, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(DialogOverlay, {}),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      DialogPrimitive__namespace.Content,
+      {
+        className: cn(
+          "fixed top-1/2 left-1/2 z-50 w-full max-w-content -translate-x-1/2 -translate-y-1/2",
+          "gap-md p-lg flex flex-col",
+          "rounded-panel border-border bg-surface shadow-standard border",
+          "text-text-primary font-sans",
+          className
+        ),
+        ...props,
+        children: [
+          children,
+          /* @__PURE__ */ jsxRuntime.jsx(
+            DialogPrimitive__namespace.Close,
+            {
+              "aria-label": "Cerrar",
+              className: cn(
+                "rounded-chip text-text-muted absolute top-4 right-4 flex size-8 cursor-pointer items-center justify-center",
+                "transition-standard",
+                "hover:bg-surface-raised hover:text-text-primary",
+                "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent"
+              ),
+              children: /* @__PURE__ */ jsxRuntime.jsx(Close, {})
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+function DialogHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("gap-xs flex flex-col pr-8", className), ...props });
+}
+function DialogFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("gap-sm flex flex-col-reverse sm:flex-row sm:justify-end", className), ...props });
+}
+function DialogTitle({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    DialogPrimitive__namespace.Title,
+    {
+      className: cn("text-h3 font-display text-text-primary", className),
+      ...props
+    }
+  );
+}
+function DialogDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    DialogPrimitive__namespace.Description,
+    {
+      className: cn("text-ui text-text-secondary max-w-measure", className),
+      ...props
+    }
+  );
+}
+var DropdownMenu = DropdownMenuPrimitive__namespace.Root;
+var DropdownMenuTrigger = DropdownMenuPrimitive__namespace.Trigger;
+var DropdownMenuGroup = DropdownMenuPrimitive__namespace.Group;
+var DropdownMenuRadioGroup = DropdownMenuPrimitive__namespace.RadioGroup;
+var DropdownMenuSub = DropdownMenuPrimitive__namespace.Sub;
+var panel = [
+  "z-50 min-w-40 overflow-hidden p-1",
+  "rounded-panel border-border bg-surface-raised shadow-standard border",
+  "text-text-primary font-sans"
+];
+var item = [
+  "rounded-chip px-sm relative flex h-9 cursor-default items-center gap-2 select-none",
+  "text-ui text-text-secondary transition-standard",
+  "data-[highlighted]:bg-surface data-[highlighted]:text-text-primary",
+  "data-[disabled]:pointer-events-none data-[disabled]:opacity-50"
+];
+function DropdownMenuContent({
+  className,
+  sideOffset = 6,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+    DropdownMenuPrimitive__namespace.Content,
+    {
+      sideOffset,
+      className: cn(panel, className),
+      ...props
+    }
+  ) });
+}
+function DropdownMenuItem({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Item, { className: cn(item, className), ...props });
+}
+function DropdownMenuCheckboxItem({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuPrimitive__namespace.CheckboxItem, { className: cn(item, "pl-8", className), ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.ItemIndicator, { className: "text-accent absolute left-2 flex items-center", children: /* @__PURE__ */ jsxRuntime.jsx(Check, {}) }),
+    children
+  ] });
+}
+function DropdownMenuRadioItem({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuPrimitive__namespace.RadioItem, { className: cn(item, "pl-8", className), ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.ItemIndicator, { className: "absolute left-2 flex items-center", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rounded-pill bg-accent block size-2" }) }),
+    children
+  ] });
+}
+function DropdownMenuLabel({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    DropdownMenuPrimitive__namespace.Label,
+    {
+      className: cn("px-sm text-eyebrow font-mono text-text-secondary py-1.5 uppercase", className),
+      ...props
+    }
+  );
+}
+function DropdownMenuSeparator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Separator, { className: cn("bg-hairline my-1 h-px", className), ...props });
+}
+function DropdownMenuSubTrigger({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    DropdownMenuPrimitive__namespace.SubTrigger,
+    {
+      className: cn(item, "data-[state=open]:bg-surface", className),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsxRuntime.jsx(ChevronRight, { className: "text-text-muted ml-auto" })
+      ]
+    }
+  );
+}
+function DropdownMenuSubContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.SubContent, { className: cn(panel, className), ...props }) });
+}
+function Input({ className, invalid = false, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "input",
+    {
+      "data-invalid": invalid || void 0,
+      "aria-invalid": invalid || void 0,
+      className: cn(
+        "h-10 w-full px-sm",
+        "rounded-control border border-border bg-surface",
+        "font-sans text-ui text-text-primary placeholder:text-text-muted",
+        "transition-standard",
+        "hover:border-hairline-hover",
+        "focus-visible:border-accent focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent",
+        "disabled:pointer-events-none disabled:opacity-50",
+        "data-[invalid]:border-error data-[invalid]:focus-visible:outline-error",
+        "file:mr-sm file:border-0 file:bg-transparent file:font-sans file:text-label file:text-text-secondary",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function Label2({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    LabelPrimitive__namespace.Root,
+    {
+      className: cn(
+        "text-label font-sans text-text-secondary select-none",
+        "peer-disabled:opacity-50 group-data-[disabled]:opacity-50",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function Pagination({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "nav",
+    {
+      role: "navigation",
+      "aria-label": "Paginaci\xF3n",
+      className: cn("mx-auto flex w-full justify-center", className),
+      ...props
+    }
+  );
+}
+function PaginationContent({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cn("gap-xs flex flex-row items-center", className), ...props });
+}
+function PaginationItem(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx("li", { ...props });
+}
+function PaginationLink({ className, isActive = false, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "a",
+    {
+      "aria-current": isActive ? "page" : void 0,
+      className: cn(
+        "rounded-chip px-sm inline-flex h-9 min-w-9 cursor-pointer items-center justify-center",
+        "font-sans text-ui text-text-secondary",
+        "transition-standard",
+        "hover:bg-surface hover:text-text-primary",
+        "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent",
+        isActive && "bg-surface-raised text-text-primary",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function PaginationPrevious({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(PaginationLink, { "aria-label": "P\xE1gina anterior", className: cn("gap-xs", className), ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ChevronLeft, {}),
+    "Anterior"
+  ] });
+}
+function PaginationNext({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(PaginationLink, { "aria-label": "P\xE1gina siguiente", className: cn("gap-xs", className), ...props, children: [
+    "Siguiente",
+    /* @__PURE__ */ jsxRuntime.jsx(ChevronRight, {})
+  ] });
+}
+function PaginationEllipsis({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      "aria-hidden": "true",
+      className: cn("text-text-muted flex size-9 items-center justify-center", className),
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx(Ellipsis, {})
+    }
+  );
+}
+var Popover = PopoverPrimitive__namespace.Root;
+var PopoverTrigger = PopoverPrimitive__namespace.Trigger;
+var PopoverAnchor = PopoverPrimitive__namespace.Anchor;
+function PopoverContent({
+  className,
+  align = "center",
+  sideOffset = 6,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+    PopoverPrimitive__namespace.Content,
+    {
+      align,
+      sideOffset,
+      className: cn(
+        "z-50 w-72 p-md",
+        "rounded-panel border-border bg-surface-raised shadow-standard border",
+        "text-text-primary font-sans text-ui",
+        "outline-none",
+        className
+      ),
+      ...props
+    }
+  ) });
+}
+function Progress({ className, value, label, tone = "accent", ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ProgressPrimitive__namespace.Root,
+    {
+      className: cn("rounded-pill bg-surface-raised relative h-2 w-full overflow-hidden", className),
+      value,
+      "aria-label": label,
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        ProgressPrimitive__namespace.Indicator,
+        {
+          className: cn("h-full", tone === "warm" ? "bg-warm" : "bg-accent"),
+          style: { width: `${value ?? 0}%` }
+        }
+      )
+    }
+  );
+}
+function RadioGroup2({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(RadioGroupPrimitive__namespace.Root, { className: cn("gap-sm grid", className), ...props });
+}
+function RadioGroupItem({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    RadioGroupPrimitive__namespace.Item,
+    {
+      className: cn(
+        "rounded-pill border-border bg-surface size-5 shrink-0 cursor-pointer border",
+        "transition-standard",
+        "hover:border-hairline-hover",
+        "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent",
+        "disabled:pointer-events-none disabled:opacity-50",
+        "data-[state=checked]:border-accent",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx(RadioGroupPrimitive__namespace.Indicator, { className: "flex size-full items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rounded-pill bg-accent block size-2.5" }) })
+    }
+  );
+}
+var Select = SelectPrimitive__namespace.Root;
+var SelectGroup = SelectPrimitive__namespace.Group;
+var SelectValue = SelectPrimitive__namespace.Value;
+function SelectTrigger({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    SelectPrimitive__namespace.Trigger,
+    {
+      className: cn(
+        "gap-sm px-sm flex h-10 w-full cursor-pointer items-center justify-between",
+        "rounded-control border-border bg-surface border",
+        "font-sans text-ui text-text-primary",
+        "transition-standard",
+        "hover:border-hairline-hover",
+        "focus-visible:border-accent focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent",
+        "disabled:pointer-events-none disabled:opacity-50",
+        "data-[placeholder]:text-text-muted",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Icon, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ChevronDown, { className: "text-text-muted" }) })
+      ]
+    }
+  );
+}
+function SelectContent({
+  className,
+  children,
+  position = "popper",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
+    SelectPrimitive__namespace.Content,
+    {
+      position,
+      className: cn(
+        "relative z-50 max-h-96 min-w-32 overflow-hidden",
+        "rounded-panel border-border bg-surface-raised shadow-standard border",
+        "text-text-primary font-sans",
+        position === "popper" && "w-full min-w-[var(--radix-select-trigger-width)]",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.ScrollUpButton, { className: "text-text-secondary flex h-6 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(ChevronUp, {}) }),
+        /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Viewport, { className: "p-1", children }),
+        /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.ScrollDownButton, { className: "text-text-secondary flex h-6 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(ChevronDown, {}) })
+      ]
+    }
+  ) });
+}
+function SelectLabel({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    SelectPrimitive__namespace.Label,
+    {
+      className: cn("px-sm text-eyebrow font-mono text-text-secondary py-1.5 uppercase", className),
+      ...props
+    }
+  );
+}
+function SelectItem({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    SelectPrimitive__namespace.Item,
+    {
+      className: cn(
+        "rounded-chip px-sm relative flex h-9 w-full cursor-default items-center pr-8 select-none",
+        "text-ui text-text-secondary transition-standard",
+        "data-[highlighted]:bg-surface data-[highlighted]:text-text-primary",
+        "data-[state=checked]:text-text-primary",
+        "data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.ItemText, { children }),
+        /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.ItemIndicator, { className: "text-accent absolute right-2 flex items-center", children: /* @__PURE__ */ jsxRuntime.jsx(Check, {}) })
+      ]
+    }
+  );
+}
+function SelectSeparator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Separator, { className: cn("bg-hairline my-1 h-px", className), ...props });
+}
+function Separator3({
+  className,
+  orientation = "horizontal",
+  decorative = true,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    SeparatorPrimitive__namespace.Root,
+    {
+      orientation,
+      decorative,
+      className: cn(
+        "bg-hairline shrink-0",
+        orientation === "horizontal" ? "h-px w-full" : "h-full w-px",
+        className
+      ),
+      ...props
+    }
+  );
+}
+var Sheet = DialogPrimitive__namespace.Root;
+var SheetTrigger = DialogPrimitive__namespace.Trigger;
+var SheetClose = DialogPrimitive__namespace.Close;
+var panel2 = classVarianceAuthority.cva(
+  [
+    "bg-surface border-border shadow-standard fixed z-50 flex flex-col",
+    "text-text-primary font-sans outline-none"
+  ],
+  {
+    variants: {
+      side: {
+        right: [
+          "inset-y-0 right-0 h-full w-3/4 max-w-content border-l",
+          "motion-safe:data-[state=open]:deslizar-entra-derecha",
+          "motion-safe:data-[state=closed]:deslizar-sale-derecha"
+        ],
+        left: [
+          "inset-y-0 left-0 h-full w-3/4 max-w-content border-r",
+          "motion-safe:data-[state=open]:deslizar-entra-izquierda",
+          "motion-safe:data-[state=closed]:deslizar-sale-izquierda"
+        ],
+        top: [
+          "inset-x-0 top-0 border-b",
+          "motion-safe:data-[state=open]:deslizar-entra-arriba",
+          "motion-safe:data-[state=closed]:deslizar-sale-arriba"
+        ],
+        bottom: [
+          "inset-x-0 bottom-0 border-t",
+          "motion-safe:data-[state=open]:deslizar-entra-abajo",
+          "motion-safe:data-[state=closed]:deslizar-sale-abajo"
+        ]
+      }
+    },
+    defaultVariants: { side: "right" }
+  }
+);
+function SheetContent({ className, side, children, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(DialogPrimitive__namespace.Portal, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Overlay, { className: "bg-brand-hull/70 fixed inset-0 z-50" }),
+    /* @__PURE__ */ jsxRuntime.jsxs(DialogPrimitive__namespace.Content, { className: cn(panel2({ side }), className), ...props, children: [
+      children,
+      /* @__PURE__ */ jsxRuntime.jsx(
+        DialogPrimitive__namespace.Close,
+        {
+          "aria-label": "Cerrar",
+          className: cn(
+            "rounded-chip text-text-muted absolute top-4 right-4 flex size-8 cursor-pointer items-center justify-center",
+            "transition-standard",
+            "hover:bg-surface-raised hover:text-text-primary",
+            "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent"
+          ),
+          children: /* @__PURE__ */ jsxRuntime.jsx(Close, {})
+        }
+      )
+    ] })
+  ] });
+}
+function SheetHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: cn("border-hairline gap-xs p-lg flex flex-col border-b pr-12", className),
+      ...props
+    }
+  );
+}
+function SheetBody({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("p-lg flex-1 overflow-y-auto", className), ...props });
+}
+function SheetFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: cn("border-hairline gap-sm p-lg flex flex-wrap justify-end border-t", className),
+      ...props
+    }
+  );
+}
+function SheetTitle({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    DialogPrimitive__namespace.Title,
+    {
+      className: cn("text-h3 font-display text-text-primary", className),
+      ...props
+    }
+  );
+}
+function SheetDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    DialogPrimitive__namespace.Description,
+    {
+      className: cn("text-ui text-text-secondary max-w-measure", className),
+      ...props
+    }
+  );
+}
+function Skeleton({ className, still = false, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "aria-hidden": "true",
+      className: cn(
+        "rounded-chip bg-surface-raised",
+        !still && "motion-safe:shimmer",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function Switch({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    SwitchPrimitive__namespace.Root,
+    {
+      className: cn(
+        "rounded-pill border-border bg-surface-raised inline-flex h-6 w-11 shrink-0 cursor-pointer items-center border",
+        "transition-standard",
+        "hover:border-hairline-hover",
+        "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent",
+        "disabled:pointer-events-none disabled:opacity-50",
+        "data-[state=checked]:border-accent data-[state=checked]:bg-accent",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        SwitchPrimitive__namespace.Thumb,
+        {
+          className: cn(
+            "rounded-pill bg-text-secondary pointer-events-none block size-4 translate-x-1",
+            "data-[state=checked]:bg-accent-on data-[state=checked]:translate-x-6"
+          )
+        }
+      )
+    }
+  );
+}
+function Table({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full overflow-x-auto", children: /* @__PURE__ */ jsxRuntime.jsx(
+    "table",
+    {
+      className: cn("w-full caption-bottom border-collapse font-sans text-ui", className),
+      ...props
+    }
+  ) });
+}
+function TableHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("thead", { className: cn("[&_tr]:border-hairline [&_tr]:border-b", className), ...props });
+}
+function TableBody({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("tbody", { className, ...props });
+}
+function TableFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "tfoot",
+    {
+      className: cn("border-hairline bg-surface text-text-secondary border-t", className),
+      ...props
+    }
+  );
+}
+function TableRow({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "tr",
+    {
+      className: cn(
+        "border-hairline transition-standard border-b last:border-b-0",
+        "hover:bg-surface data-[state=selected]:bg-surface-raised",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TableHead({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "th",
+    {
+      className: cn(
+        "px-sm h-10 text-left align-middle",
+        "text-eyebrow font-mono text-text-muted uppercase",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TableCell({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("td", { className: cn("px-sm py-sm text-text-secondary align-middle", className), ...props });
+}
+function TableCaption({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("caption", { className: cn("mt-sm text-label text-text-muted", className), ...props });
+}
+function Tabs({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(TabsPrimitive__namespace.Root, { className: cn("gap-md flex flex-col", className), ...props });
+}
+function TabsList({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    TabsPrimitive__namespace.List,
+    {
+      className: cn("rounded-control bg-surface gap-xs inline-flex items-center p-1", className),
+      ...props
+    }
+  );
+}
+function TabsTrigger({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    TabsPrimitive__namespace.Trigger,
+    {
+      className: cn(
+        "rounded-chip px-sm inline-flex h-8 cursor-pointer items-center justify-center whitespace-nowrap",
+        "font-sans text-label text-text-secondary",
+        "transition-standard",
+        "hover:text-text-primary",
+        "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent",
+        "disabled:pointer-events-none disabled:opacity-50",
+        "data-[state=active]:bg-surface-raised data-[state=active]:text-text-primary",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TabsContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    TabsPrimitive__namespace.Content,
+    {
+      className: cn(
+        "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function Textarea({ className, invalid = false, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "textarea",
+    {
+      "data-invalid": invalid || void 0,
+      "aria-invalid": invalid || void 0,
+      className: cn(
+        "min-h-24 w-full px-sm py-xs",
+        "rounded-control border border-border bg-surface",
+        "font-sans text-ui text-text-primary placeholder:text-text-muted",
+        "transition-standard",
+        "hover:border-hairline-hover",
+        "focus-visible:border-accent focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent",
+        "disabled:pointer-events-none disabled:opacity-50",
+        "data-[invalid]:border-error data-[invalid]:focus-visible:outline-error",
+        className
+      ),
+      ...props
+    }
+  );
+}
+var ToastProvider = ToastPrimitive__namespace.Provider;
+var ToastAction = ToastPrimitive__namespace.Action;
+function ToastViewport({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ToastPrimitive__namespace.Viewport,
+    {
+      className: cn(
+        "gap-sm p-lg fixed right-0 bottom-0 z-50 flex max-h-screen w-full flex-col-reverse",
+        "sm:max-w-[420px] sm:flex-col",
+        className
+      ),
+      ...props
+    }
+  );
+}
+var toast = classVarianceAuthority.cva(
+  [
+    "gap-md p-md pr-10 relative flex w-full items-start justify-between",
+    "rounded-card border bg-surface shadow-standard",
+    "font-sans text-ui text-text-secondary"
+  ],
+  {
+    variants: {
+      variant: {
+        neutral: "border-border",
+        success: "border-success/40",
+        error: "border-error/40"
+      }
+    },
+    defaultVariants: { variant: "neutral" }
+  }
+);
+function Toast({ className, variant, children, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(ToastPrimitive__namespace.Root, { className: cn(toast({ variant }), className), ...props, children: [
+    children,
+    /* @__PURE__ */ jsxRuntime.jsx(
+      ToastPrimitive__namespace.Close,
+      {
+        "aria-label": "Cerrar",
+        className: cn(
+          "rounded-chip text-text-muted absolute top-3 right-3 flex size-7 cursor-pointer items-center justify-center",
+          "transition-standard",
+          "hover:bg-surface-raised hover:text-text-primary",
+          "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent"
+        ),
+        children: /* @__PURE__ */ jsxRuntime.jsx(Close, {})
+      }
+    )
+  ] });
+}
+function ToastTitle({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ToastPrimitive__namespace.Title,
+    {
+      className: cn("text-text-primary mb-1 font-medium", className),
+      ...props
+    }
+  );
+}
+function ToastDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(ToastPrimitive__namespace.Description, { className: cn("max-w-measure", className), ...props });
+}
+var TooltipProvider = TooltipPrimitive__namespace.Provider;
+var Tooltip = TooltipPrimitive__namespace.Root;
+var TooltipTrigger = TooltipPrimitive__namespace.Trigger;
+function TooltipContent({
+  className,
+  sideOffset = 6,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+    TooltipPrimitive__namespace.Content,
+    {
+      sideOffset,
+      className: cn(
+        "z-50 px-sm py-1.5",
+        "rounded-chip border-border bg-surface-raised shadow-standard border",
+        "font-sans text-label text-text-primary",
+        className
+      ),
+      ...props
+    }
+  ) });
+}
+var TARJETA = [
+  "group block cursor-pointer",
+  SUPERFICIE_TARJETA,
+  HOVER_TARJETA,
+  "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent"
+];
+function Tarjeta({ asChild = false, className, children, ...props }) {
+  const Raiz = asChild ? reactSlot.Slot : "a";
+  return /* @__PURE__ */ jsxRuntime.jsx(Raiz, { className: cn(TARJETA, className), ...props, children });
+}
+function ArticleCard({
+  title,
+  excerpt,
+  date,
+  dateTime,
+  readingMinutes,
+  tags,
+  className,
+  ...props
+}) {
+  const meta = [
+    date ? /* @__PURE__ */ jsxRuntime.jsx("time", { dateTime, children: date }, "fecha") : null,
+    readingMinutes ? /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+      readingMinutes,
+      " min de lectura"
+    ] }, "lectura") : null
+  ].filter(Boolean);
+  return /* @__PURE__ */ jsxRuntime.jsx(Tarjeta, { className: cn("p-lg", className), ...props, children: /* @__PURE__ */ jsxRuntime.jsxs("article", { className: "gap-sm flex h-full flex-col", children: [
+    meta.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(Text, { variant: "meta", tone: "muted", as: "p", className: "gap-xs flex items-center", children: meta.map((m, i) => /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "gap-xs flex items-center", children: [
+      i > 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", children: "\xB7" }) : null,
+      m
+    ] }, i)) }) : null,
+    /* @__PURE__ */ jsxRuntime.jsx(Text, { as: "h3", variant: "h3", className: "group-hover:text-accent transition-standard", children: title }),
+    excerpt ? /* @__PURE__ */ jsxRuntime.jsx(Text, { variant: "ui", tone: "secondary", className: "line-clamp-2", children: excerpt }) : null,
+    tags && tags.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "gap-xs mt-auto flex flex-wrap pt-sm", children: tags.map((t) => /* @__PURE__ */ jsxRuntime.jsx(CategoryBadge, { children: t }, t)) }) : null
+  ] }) });
+}
+var AVATAR = "size-[52px]";
+function iniciales(nombre) {
+  return nombre.split(/\s+/).slice(0, 2).map((p) => p[0] ?? "").join("").toUpperCase();
+}
+function AuthorCard({ name, role, src, bio, action, className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(SUPERFICIE_TARJETA, "p-lg gap-md flex items-start", className), ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(Avatar, { className: cn(AVATAR, "shrink-0"), children: [
+      src ? /* @__PURE__ */ jsxRuntime.jsx(AvatarImage, { src, alt: "" }) : null,
+      /* @__PURE__ */ jsxRuntime.jsx(AvatarFallback, { children: iniciales(name) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "gap-xs flex min-w-0 flex-1 flex-col", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Text, { variant: "ui", as: "p", className: "font-medium", children: name }),
+      role ? /* @__PURE__ */ jsxRuntime.jsx(Text, { variant: "chip", tone: "muted", as: "p", children: role }) : null,
+      bio ? /* @__PURE__ */ jsxRuntime.jsx(Text, { variant: "ui", tone: "secondary", className: "mt-xs", children: bio }) : null,
+      action ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-xs gap-sm flex flex-wrap items-center", children: action }) : null
+    ] })
+  ] });
+}
+function formatTime(seconds) {
+  if (isNaN(seconds) || !isFinite(seconds)) return "0:00";
+  const mins = Math.floor(seconds / 60);
+  const secs = Math.floor(seconds % 60);
+  return `${mins}:${secs.toString().padStart(2, "0")}`;
+}
+var WAVEFORM_HEIGHTS = [35, 65, 100, 65, 35];
+var RATES = [1, 1.25, 1.5, 1.75, 2];
+function Onda({ grosor, alto, sonando }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex items-end gap-[2px]", alto), "aria-hidden": "true", children: WAVEFORM_HEIGHTS.map((h, i) => /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      className: cn("rounded-pill bg-accent transition-standard", grosor),
+      style: { height: `${h}%`, opacity: sonando ? 1 : 0.3 + h / 100 * 0.4 }
+    },
+    i
+  )) });
+}
+function BarraProgreso({
+  alto,
+  perilla,
+  progreso,
+  redondeada = true,
+  tabIndex = 0,
+  ...puntero
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: cn(
+        "group bg-surface-raised relative cursor-pointer",
+        alto,
+        redondeada && "rounded-pill"
+      ),
+      role: "slider",
+      "aria-label": "Progreso del audio",
+      "aria-valuemin": 0,
+      "aria-valuemax": 100,
+      "aria-valuenow": Math.round(progreso),
+      tabIndex,
+      ...puntero,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: cn("bg-accent absolute h-full", redondeada && "rounded-pill"),
+            style: { width: `${progreso}%` }
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: "rounded-pill bg-text-primary absolute top-1/2 -translate-y-1/2 opacity-0 transition-opacity group-hover:opacity-100",
+            style: {
+              width: perilla,
+              height: perilla,
+              left: `calc(${progreso}% - ${perilla / 2}px)`
+            }
+          }
+        )
+      ]
+    }
+  );
+}
+var CONTROL = "rounded-chip transition-standard cursor-pointer focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent";
+function BotonSalto({
+  segundos,
+  className,
+  tamano,
+  onSaltar
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      type: "button",
+      onClick: () => onSaltar(segundos),
+      className: cn("text-text-muted hover:text-text-primary", CONTROL, className),
+      "aria-label": segundos < 0 ? "Retroceder 15 segundos" : "Adelantar 15 segundos",
+      children: segundos < 0 ? /* @__PURE__ */ jsxRuntime.jsx(GoBackSeconds, { className: tamano }) : /* @__PURE__ */ jsxRuntime.jsx(AdvanceSeconds, { className: tamano })
+    }
+  );
+}
+function BotonVelocidad({
+  className,
+  velocidad,
+  onCambiar
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "button",
+    {
+      type: "button",
+      onClick: onCambiar,
+      className: cn(
+        // `textMuted` sobre `surfaceRaised` da 4.07:1 en oscuro y no pasa AA.
+        // El original del portafolio arrastra ese mismo fallo.
+        "text-text-secondary hover:text-text-primary bg-surface-raised",
+        CONTROL,
+        className
+      ),
+      "aria-label": "Cambiar velocidad de reproducci\xF3n",
+      children: [
+        velocidad,
+        "x"
+      ]
+    }
+  );
+}
+function Volumen({
+  tamano,
+  ancho,
+  silenciado,
+  volumen,
+  onSilenciar,
+  onCambiarVolumen
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "gap-xs hidden items-center sm:flex", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        onClick: onSilenciar,
+        className: cn("text-text-muted hover:text-text-primary p-1", CONTROL),
+        "aria-label": silenciado ? "Activar sonido" : "Silenciar",
+        children: silenciado || volumen === 0 ? /* @__PURE__ */ jsxRuntime.jsx(VolumeMuted, { className: tamano }) : /* @__PURE__ */ jsxRuntime.jsx(VolumeOn, { className: tamano })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "input",
+      {
+        type: "range",
+        min: "0",
+        max: "1",
+        step: "0.1",
+        value: silenciado ? 0 : volumen,
+        onChange: onCambiarVolumen,
+        className: cn(
+          "bg-surface-raised rounded-pill h-1 cursor-pointer appearance-none",
+          "[accent-color:var(--color-accent)]",
+          ancho
+        ),
+        "aria-label": "Volumen"
+      }
+    )
+  ] });
+}
+function IconoPlay({ className, cargando, error, sonando }) {
+  if (cargando) return /* @__PURE__ */ jsxRuntime.jsx(Spinner, { className: cn("motion-safe:animate-spin", className) });
+  if (error) return /* @__PURE__ */ jsxRuntime.jsx(Retry, { className });
+  if (sonando) return /* @__PURE__ */ jsxRuntime.jsx(Pause, { className });
+  return /* @__PURE__ */ jsxRuntime.jsx(Play, { className });
+}
+function BotonPlay({
+  className,
+  tamano,
+  etiqueta,
+  texto: texto2,
+  onAlternar,
+  ...estado
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "button",
+    {
+      type: "button",
+      onClick: onAlternar,
+      className: cn(
+        "text-accent-on transition-standard cursor-pointer",
+        "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent",
+        estado.error ? "bg-error hover:bg-error/80" : "bg-accent hover:bg-accent-hover",
+        className
+      ),
+      "aria-label": etiqueta,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(IconoPlay, { className: tamano, ...estado }),
+        texto2 ? /* @__PURE__ */ jsxRuntime.jsx("span", { children: texto2 }) : null
+      ]
+    }
+  );
+}
+function AudioPlayer({ src, title, mode = "full", onFirstPlay }) {
+  const audioRef = react.useRef(null);
+  const staticRef = react.useRef(null);
+  const isDragging = react.useRef(false);
+  const hasTrackedPlay = react.useRef(false);
+  const [isPlaying, setIsPlaying] = react.useState(false);
+  const [currentTime, setCurrentTime] = react.useState(0);
+  const [duration, setDuration] = react.useState(0);
+  const [isLoading, setIsLoading] = react.useState(false);
+  const [hasError, setHasError] = react.useState(false);
+  const [volume, setVolume] = react.useState(1);
+  const [isMuted, setIsMuted] = react.useState(false);
+  const [playbackRate, setPlaybackRate] = react.useState(1);
+  const [isStaticVisible, setIsStaticVisible] = react.useState(true);
+  const flotante = mode === "banner" || mode === "compact";
+  react.useEffect(() => {
+    const audio = audioRef.current;
+    if (!audio) return;
+    const handleTimeUpdate = () => setCurrentTime(audio.currentTime);
+    const handleLoadedMetadata = () => {
+      setDuration(audio.duration);
+      setIsLoading(false);
+      setHasError(false);
+    };
+    const handleEnded = () => setIsPlaying(false);
+    const handleWaiting = () => setIsLoading(true);
+    const handleCanPlay = () => setIsLoading(false);
+    const handleError = () => {
+      setIsLoading(false);
+      setHasError(true);
+      setIsPlaying(false);
+    };
+    const handlePlaying = () => {
+      setIsLoading(false);
+      setHasError(false);
+    };
+    audio.addEventListener("timeupdate", handleTimeUpdate);
+    audio.addEventListener("loadedmetadata", handleLoadedMetadata);
+    audio.addEventListener("ended", handleEnded);
+    audio.addEventListener("waiting", handleWaiting);
+    audio.addEventListener("canplay", handleCanPlay);
+    audio.addEventListener("error", handleError);
+    audio.addEventListener("playing", handlePlaying);
+    if (audio.readyState >= HTMLMediaElement.HAVE_METADATA) {
+      setDuration(audio.duration);
+    }
+    return () => {
+      audio.removeEventListener("timeupdate", handleTimeUpdate);
+      audio.removeEventListener("loadedmetadata", handleLoadedMetadata);
+      audio.removeEventListener("ended", handleEnded);
+      audio.removeEventListener("waiting", handleWaiting);
+      audio.removeEventListener("canplay", handleCanPlay);
+      audio.removeEventListener("error", handleError);
+      audio.removeEventListener("playing", handlePlaying);
+    };
+  }, []);
+  react.useEffect(() => {
+    if (!flotante || !staticRef.current) return;
+    const observer = new IntersectionObserver(
+      (entries) => {
+        const entry = entries[0];
+        if (entry) setIsStaticVisible(entry.isIntersecting);
+      },
+      { threshold: 0.1 }
+    );
+    observer.observe(staticRef.current);
+    return () => observer.disconnect();
+  }, [flotante]);
+  const togglePlay = react.useCallback(async () => {
+    const audio = audioRef.current;
+    if (!audio) return;
+    if (isPlaying) {
+      audio.pause();
+      setIsPlaying(false);
+    } else {
+      setIsLoading(true);
+      setHasError(false);
+      try {
+        await audio.play();
+        setIsPlaying(true);
+        if (!hasTrackedPlay.current) {
+          hasTrackedPlay.current = true;
+          onFirstPlay?.(title);
+        }
+      } catch {
+        setHasError(true);
+        setIsPlaying(false);
+      } finally {
+        setIsLoading(false);
+      }
+    }
+  }, [isPlaying, onFirstPlay, title]);
+  const seekTo = react.useCallback(
+    (e) => {
+      const audio = audioRef.current;
+      if (!audio) return;
+      const rect = e.currentTarget.getBoundingClientRect();
+      const position = Math.max(0, Math.min(1, (e.clientX - rect.left) / rect.width));
+      audio.currentTime = position * duration;
+    },
+    [duration]
+  );
+  const handlePointerDown = react.useCallback(
+    (e) => {
+      e.currentTarget.setPointerCapture(e.pointerId);
+      isDragging.current = true;
+      seekTo(e);
+    },
+    [seekTo]
+  );
+  const handlePointerMove = react.useCallback(
+    (e) => {
+      if (!isDragging.current) return;
+      seekTo(e);
+    },
+    [seekTo]
+  );
+  const handlePointerUp = react.useCallback((e) => {
+    e.currentTarget.releasePointerCapture(e.pointerId);
+    isDragging.current = false;
+  }, []);
+  const handleVolumeChange = react.useCallback((e) => {
+    const audio = audioRef.current;
+    if (!audio) return;
+    const newVolume = parseFloat(e.target.value);
+    setVolume(newVolume);
+    audio.volume = newVolume;
+    setIsMuted(newVolume === 0);
+  }, []);
+  const toggleMute = react.useCallback(() => {
+    const audio = audioRef.current;
+    if (!audio) return;
+    if (isMuted) {
+      audio.volume = volume || 1;
+      setIsMuted(false);
+    } else {
+      audio.volume = 0;
+      setIsMuted(true);
+    }
+  }, [isMuted, volume]);
+  const handlePlaybackRateChange = react.useCallback(() => {
+    const audio = audioRef.current;
+    if (!audio) return;
+    const nextRate = RATES[(RATES.indexOf(playbackRate) + 1) % RATES.length] ?? 1;
+    audio.playbackRate = nextRate;
+    setPlaybackRate(nextRate);
+  }, [playbackRate]);
+  const skip = react.useCallback(
+    (seconds) => {
+      const audio = audioRef.current;
+      if (!audio) return;
+      audio.currentTime = Math.max(0, Math.min(audio.currentTime + seconds, duration));
+    },
+    [duration]
+  );
+  const progress = duration > 0 ? currentTime / duration * 100 : 0;
+  const etiquetaPlay = hasError ? "Reintentar" : isPlaying ? "Pausar" : "Reproducir";
+  const estadoPlay = { cargando: isLoading, error: hasError, sonando: isPlaying };
+  const puntero = {
+    onPointerDown: handlePointerDown,
+    onPointerMove: handlePointerMove,
+    onPointerUp: handlePointerUp
+  };
+  const flotanteJsx = /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      "aria-hidden": isStaticVisible,
+      className: cn(
+        "fixed inset-x-0 bottom-0 z-40 xl:hidden",
+        // Aparece y desaparece: el sistema no anima desplazamiento.
+        isStaticVisible && "hidden"
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          BarraProgreso,
+          {
+            alto: "h-1",
+            perilla: 10,
+            progreso: progress,
+            redondeada: false,
+            tabIndex: -1,
+            ...puntero
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-surface/95 border-accent/25 border-t backdrop-blur-md", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "gap-sm px-md flex items-center py-5", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "gap-xs flex shrink-0 items-center", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(Onda, { grosor: "w-[2px]", alto: "h-4", sonando: isPlaying }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-eyebrow font-mono text-accent hidden uppercase sm:block", children: "Narraci\xF3n" })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
+            title ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-label font-sans text-text-secondary truncate", children: title }) : null,
+            /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-chip font-mono text-text-muted tabular-nums", children: [
+              formatTime(currentTime),
+              " / ",
+              formatTime(duration)
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex shrink-0 items-center gap-1", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(BotonSalto, { segundos: -15, className: "p-1.5", tamano: "w-5 h-5", onSaltar: skip }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              BotonPlay,
+              {
+                className: "rounded-pill px-sm gap-xs flex items-center py-1.5",
+                tamano: "w-4 h-4",
+                etiqueta: etiquetaPlay,
+                onAlternar: togglePlay,
+                ...estadoPlay
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(BotonSalto, { segundos: 15, className: "p-1.5", tamano: "w-5 h-5", onSaltar: skip }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              BotonVelocidad,
+              {
+                className: "text-label ml-0.5 px-1.5 py-0.5",
+                velocidad: playbackRate,
+                onCambiar: handlePlaybackRateChange
+              }
+            )
+          ] })
+        ] }) })
+      ]
+    }
+  );
+  if (mode === "banner") {
+    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("audio", { ref: audioRef, src, preload: "metadata" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: staticRef, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "gap-sm mb-md flex items-center", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Onda, { grosor: "w-[3px]", alto: "h-5", sonando: isPlaying }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-eyebrow font-mono text-accent uppercase", children: "Narraci\xF3n de audio" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-chip font-mono text-text-muted ml-auto tabular-nums", children: [
+            formatTime(currentTime),
+            " / ",
+            formatTime(duration)
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-md", children: /* @__PURE__ */ jsxRuntime.jsx(BarraProgreso, { alto: "h-1.5", perilla: 14, progreso: progress, ...puntero }) }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "gap-sm flex items-center", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(BotonSalto, { segundos: -15, className: "p-2", tamano: "w-6 h-6", onSaltar: skip }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            BotonPlay,
+            {
+              className: "rounded-pill px-lg gap-xs text-ui flex items-center py-2 font-medium",
+              tamano: "w-4 h-4",
+              etiqueta: etiquetaPlay,
+              texto: etiquetaPlay,
+              onAlternar: togglePlay,
+              ...estadoPlay
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(BotonSalto, { segundos: 15, className: "p-2", tamano: "w-6 h-6", onSaltar: skip }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "gap-sm ml-auto flex items-center", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              BotonVelocidad,
+              {
+                className: "text-label px-2 py-1",
+                velocidad: playbackRate,
+                onCambiar: handlePlaybackRateChange
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Volumen,
+              {
+                tamano: "w-4 h-4",
+                ancho: "w-16",
+                silenciado: isMuted,
+                volumen: volume,
+                onSilenciar: toggleMute,
+                onCambiarVolumen: handleVolumeChange
+              }
+            )
+          ] })
+        ] })
+      ] }),
+      flotanteJsx
+    ] });
+  }
+  if (mode === "compact") {
+    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("audio", { ref: audioRef, src, preload: "metadata" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: staticRef, className: "w-full", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-xs", children: /* @__PURE__ */ jsxRuntime.jsx(BarraProgreso, { alto: "h-1.5", perilla: 12, progreso: progress, ...puntero }) }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-chip font-mono text-text-muted mb-sm flex justify-between", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: formatTime(currentTime) }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: formatTime(duration) })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(BotonSalto, { segundos: -15, className: "p-1.5", tamano: "w-5 h-5", onSaltar: skip }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              BotonPlay,
+              {
+                className: "rounded-pill flex size-[34px] items-center justify-center",
+                tamano: "w-4 h-4",
+                etiqueta: etiquetaPlay,
+                onAlternar: togglePlay,
+                ...estadoPlay
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(BotonSalto, { segundos: 15, className: "p-1.5", tamano: "w-5 h-5", onSaltar: skip })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            BotonVelocidad,
+            {
+              className: "text-label px-1.5 py-0.5",
+              velocidad: playbackRate,
+              onCambiar: handlePlaybackRateChange
+            }
+          )
+        ] })
+      ] }),
+      flotanteJsx
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-surface rounded-control border-border p-md w-full border", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("audio", { ref: audioRef, src, preload: "metadata" }),
+    title ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-ui font-sans text-text-secondary mb-sm truncate", children: title }) : null,
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-sm", children: /* @__PURE__ */ jsxRuntime.jsx(BarraProgreso, { alto: "h-2", perilla: 16, progreso: progress, ...puntero }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-chip font-mono text-text-muted mb-sm flex justify-between", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { children: formatTime(currentTime) }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { children: formatTime(duration) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "gap-xs flex items-center", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(BotonSalto, { segundos: -15, className: "p-2", tamano: "w-5 h-5", onSaltar: skip }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          BotonPlay,
+          {
+            className: "rounded-pill flex size-12 items-center justify-center",
+            tamano: "w-6 h-6",
+            etiqueta: etiquetaPlay,
+            onAlternar: togglePlay,
+            ...estadoPlay
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(BotonSalto, { segundos: 15, className: "p-2", tamano: "w-5 h-5", onSaltar: skip })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "gap-sm flex items-center", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          BotonVelocidad,
+          {
+            className: "text-label px-2 py-1",
+            velocidad: playbackRate,
+            onCambiar: handlePlaybackRateChange
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Volumen,
+          {
+            tamano: "w-5 h-5",
+            ancho: "w-20",
+            silenciado: isMuted,
+            volumen: volume,
+            onSilenciar: toggleMute,
+            onCambiarVolumen: handleVolumeChange
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+function Blockquote({ children, author, source, className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "blockquote",
+    {
+      className: cn("border-accent pl-md my-lg border-l-2", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Text, { variant: "body", tone: "secondary", children }),
+        author || source ? /* @__PURE__ */ jsxRuntime.jsx("footer", { className: "mt-sm", children: /* @__PURE__ */ jsxRuntime.jsxs(Text, { variant: "label", tone: "muted", as: "span", children: [
+          author ? /* @__PURE__ */ jsxRuntime.jsx("cite", { className: "not-italic", children: author }) : null,
+          author && source ? " \xB7 " : null,
+          source
+        ] }) }) : null
+      ]
+    }
+  );
+}
+var ENLACE = "transition-standard hover:text-accent focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent rounded-chip cursor-pointer";
+function Breadcrumb({
+  items,
+  homeHref = "/",
+  homeLabel = "Inicio",
+  linkAsChild,
+  className,
+  ...props
+}) {
+  const enlace = (href, contenido) => linkAsChild ? /* @__PURE__ */ jsxRuntime.jsx(reactSlot.Slot, { className: ENLACE, children: linkAsChild({ href, children: contenido }) }) : /* @__PURE__ */ jsxRuntime.jsx("a", { href, className: ENLACE, children: contenido });
+  return /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": "Ruta", className: cn("font-mono text-meta text-text-muted", className), ...props, children: /* @__PURE__ */ jsxRuntime.jsxs("ol", { className: "gap-xs flex flex-wrap items-center", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("li", { children: enlace(homeHref, /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-label": homeLabel, children: "~" })) }),
+    items.map((item2, i) => {
+      const ultimo = i === items.length - 1;
+      return /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "gap-xs flex items-center", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: "text-border", children: "/" }),
+        item2.href && !ultimo ? enlace(item2.href, item2.label) : /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-current": ultimo ? "page" : void 0, className: "text-text-secondary", children: item2.label })
+      ] }, i);
+    })
+  ] }) });
+}
+function CodeBlock({ children, language, copyText, className, ...props }) {
+  const [copiado, setCopiado] = react.useState(false);
+  const temporizador = react.useRef(null);
+  const copiar = react.useCallback(async () => {
+    if (!copyText) return;
+    try {
+      await navigator.clipboard.writeText(copyText);
+      setCopiado(true);
+      if (temporizador.current) clearTimeout(temporizador.current);
+      temporizador.current = setTimeout(() => setCopiado(false), 2e3);
+    } catch {
+    }
+  }, [copyText]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      "data-theme": "dark",
+      className: cn(
+        "rounded-card border-hairline bg-brand-hull overflow-hidden border",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-hairline px-sm flex items-center justify-between border-b py-1.5", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-eyebrow font-mono text-text-muted uppercase", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-accent", children: "\u276F" }),
+            " ",
+            language ?? "c\xF3digo"
+          ] }),
+          copyText ? /* @__PURE__ */ jsxRuntime.jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: copiar,
+              "aria-label": copiado ? "C\xF3digo copiado" : "Copiar c\xF3digo",
+              "aria-live": "polite",
+              className: cn(
+                "gap-xs rounded-chip flex items-center px-2 py-1",
+                "text-label font-mono text-text-muted cursor-pointer",
+                "transition-standard hover:bg-surface hover:text-text-primary",
+                "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent"
+              ),
+              children: [
+                copiado ? /* @__PURE__ */ jsxRuntime.jsx(Check, { className: "text-accent" }) : /* @__PURE__ */ jsxRuntime.jsx(Copy, {}),
+                copiado ? "Copiado" : "Copiar"
+              ]
+            }
+          ) : null
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "p-md font-mono text-meta text-text-primary overflow-x-auto leading-relaxed", children })
+      ]
+    }
+  );
+}
+function CourseCard({
+  title,
+  summary,
+  meta,
+  status,
+  progress,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(Tarjeta, { className: cn("p-lg", className), ...props, children: /* @__PURE__ */ jsxRuntime.jsxs("article", { className: "gap-sm flex h-full flex-col", children: [
+    status ? /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: "warm", children: status }) }) : null,
+    /* @__PURE__ */ jsxRuntime.jsx(Text, { as: "h3", variant: "h3", className: "group-hover:text-accent transition-standard", children: title }),
+    summary ? /* @__PURE__ */ jsxRuntime.jsx(Text, { variant: "ui", tone: "secondary", className: "line-clamp-3", children: summary }) : null,
+    meta && meta.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(Text, { variant: "label", tone: "muted", as: "p", className: "gap-xs flex flex-wrap items-center", children: meta.map((m, i) => /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "gap-xs flex items-center", children: [
+      i > 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", children: "\xB7" }) : null,
+      m
+    ] }, i)) }) : null,
+    typeof progress === "number" ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "gap-xs mt-auto flex flex-col pt-sm", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Progress, { value: progress, tone: "warm", label: `Progreso del curso: ${progress}%` }),
+      /* @__PURE__ */ jsxRuntime.jsxs(Text, { variant: "label", tone: "muted", as: "p", children: [
+        progress,
+        "% cursado"
+      ] })
+    ] }) : null
+  ] }) });
+}
+
+// src/brand/catalogo.ts
+var caras = {
+  annoyed: "face-annoyed.png",
+  confused: "face-confused.png",
+  hearts: "face-hearts.png",
+  laughing: "face-laughing.png",
+  shades: "face-shades.png",
+  waiting: "face-waiting.png",
+  wink: "face-wink.png"
+};
+var poses = {
+  desk: "pose-desk.png",
+  "laptop-coffee": "pose-laptop-coffee.png",
+  peek: "pose-peek.png",
+  surf: "pose-surf.png"
+};
+var aletas = {
+  /** Dos azules. Para fondos claros. */
+  color: "fin.png",
+  /** Silueta a una tinta. Para fondos oscuros. */
+  espuma: "fin-foam.png"
+};
+var usoDeCara = {
+  wink: "Formularios, nota al pie amable",
+  waiting: "Sin resultados, estado de espera",
+  laughing: "\xC9xito, suscripci\xF3n confirmada",
+  shades: "M\xF3dulo o curso completado",
+  hearts: "Agradecimiento, OG de art\xEDculo",
+  confused: "404, p\xE1gina no encontrada",
+  annoyed: "Error del servidor, fallo de build"
+};
+var RUTA_ASSETS = "/brand";
+var listaCaras = Object.keys(caras);
+var listaPoses = Object.keys(poses);
+function Mascota({
+  pose,
+  basePath = RUTA_ASSETS,
+  alt = "",
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "img",
+    {
+      src: `${basePath}/${poses[pose]}`,
+      alt,
+      className: cn("h-auto w-full max-w-64 select-none", className),
+      ...props
+    }
+  );
+}
+function CaraDeMascota({
+  expresion,
+  basePath = RUTA_ASSETS,
+  alt = "",
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "img",
+    {
+      src: `${basePath}/${caras[expresion]}`,
+      alt,
+      className: cn("h-auto w-full max-w-24 select-none", className),
+      ...props
+    }
+  );
+}
+var CARA = "w-[66px] max-w-none";
+function EmptyState({
+  expresion,
+  title,
+  description,
+  action,
+  basePath,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: cn(SUPERFICIE_TARJETA, "p-lg gap-sm flex flex-col items-center text-center", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(CaraDeMascota, { expresion, className: CARA, basePath }),
+        /* @__PURE__ */ jsxRuntime.jsx(Text, { variant: "ui", as: "p", className: "font-medium", children: title }),
+        description ? /* @__PURE__ */ jsxRuntime.jsx(Text, { variant: "label", tone: "muted", as: "p", className: "max-w-measure font-normal", children: description }) : null,
+        action ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-xs", children: action }) : null
+      ]
+    }
+  );
+}
+function Footer({
+  social,
+  year = (/* @__PURE__ */ new Date()).getFullYear(),
+  children,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("footer", { className: cn("border-hairline w-full border-t", className), ...props, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-wide px-md py-xl gap-lg mx-auto flex flex-col", children: [
+    children ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "gap-md flex flex-wrap items-center", children }) : null,
+    social && social.length > 0 ? (
+      // 18px de separación, del documento. No es un escalón de `spacing`:
+      // es el ritmo de una fila de iconos, no el de una página.
+      /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex items-center gap-[18px]", children: social.map((red) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
+        "a",
+        {
+          href: red.href,
+          "aria-label": red.label,
+          className: cn(
+            "text-text-muted hover:text-accent transition-standard block cursor-pointer text-[19px]",
+            "rounded-chip focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent"
+          ),
+          children: red.icon
+        }
+      ) }, red.href)) })
+    ) : null,
+    /* @__PURE__ */ jsxRuntime.jsxs(Text, { variant: "meta", tone: "muted", as: "p", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { "aria-hidden": "true", className: "text-accent", children: [
+        "$",
+        " "
+      ] }),
+      "cd ~/",
+      naming.domain,
+      "/",
+      year
+    ] })
+  ] }) });
+}
+function FooterLink({ asChild = false, className, ...props }) {
+  const Raiz = asChild ? reactSlot.Slot : "a";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Raiz,
+    {
+      className: cn(
+        "font-mono text-meta text-text-secondary hover:text-accent transition-standard cursor-pointer",
+        "rounded-chip focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function Hero({
+  title,
+  eyebrow,
+  description,
+  action,
+  pose,
+  basePath,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "section",
+    {
+      className: cn(
+        "degradado-hero rounded-panel border-hairline relative overflow-hidden border",
+        // 44 arriba, 40 a los lados y abajo. Del documento.
+        "px-xl pt-[44px] pb-xl",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "gap-md flex flex-col md:max-w-[62%]", children: [
+          eyebrow ? /* @__PURE__ */ jsxRuntime.jsx(Text, { variant: "eyebrow", tone: "accent", as: "p", children: eyebrow }) : null,
+          /* @__PURE__ */ jsxRuntime.jsx(Text, { as: "h1", variant: "display", children: title }),
+          description ? /* @__PURE__ */ jsxRuntime.jsx(Text, { variant: "body", tone: "secondary", children: description }) : null,
+          action ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "gap-sm mt-xs flex flex-wrap items-center", children: action }) : null
+        ] }),
+        pose ? /* @__PURE__ */ jsxRuntime.jsx(
+          Mascota,
+          {
+            pose,
+            basePath,
+            className: cn(
+              // En móvil, en el flujo y bajo los botones. Desde md, sangrando por
+              // la esquina inferior derecha.
+              "mt-lg mx-auto w-40",
+              "md:mt-0 md:absolute md:right-0 md:-bottom-4 md:mx-0 md:w-64"
+            )
+          }
+        ) : null
+      ]
+    }
+  );
+}
+function LinkRow({
+  name,
+  description,
+  icon,
+  external = false,
+  className,
+  ...props
+}) {
+  const rel = external ? "noopener noreferrer" : props.rel;
+  const target = external ? "_blank" : props.target;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Tarjeta,
+    {
+      className: cn("px-md py-sm", className),
+      ...props,
+      rel,
+      ...target ? { target } : {},
+      children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "gap-sm flex items-center", children: [
+        icon ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-text-muted group-hover:text-accent transition-standard shrink-0 text-2xl", children: icon }) : null,
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Text, { as: "span", variant: "ui", className: "group-hover:text-accent transition-standard block font-medium", children: name }),
+          description ? /* @__PURE__ */ jsxRuntime.jsx(Text, { as: "span", variant: "label", tone: "muted", className: "block truncate", children: description }) : null
+        ] }),
+        external ? /* @__PURE__ */ jsxRuntime.jsx(
+          ArrowUpRight,
+          {
+            className: "text-text-muted group-hover:text-accent transition-standard shrink-0",
+            "aria-hidden": "true"
+          }
+        ) : null
+      ] })
+    }
+  );
+}
+function Nav({ brand: brand2, children, actions, className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "header",
+    {
+      className: cn(
+        "sticky top-0 z-50 w-full",
+        // abismo al 86 % con 14px de desenfoque detrás. El alfa va sobre el
+        // token, así que sigue el modo: en claro es papel al 86 %.
+        "bg-background/86 backdrop-blur-[14px]",
+        "border-hairline border-b",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-wide px-md h-nav gap-lg mx-auto flex items-center", children: [
+        brand2 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "shrink-0", children: brand2 }) : null,
+        children ? /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": "Principal", className: "min-w-0 flex-1", children: /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "gap-md flex items-center", children }) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1" }),
+        actions ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "gap-sm flex shrink-0 items-center", children: actions }) : null
+      ] })
+    }
+  );
+}
+function NavItem({ active = false, asChild = false, className, children, ...props }) {
+  const Raiz = asChild ? reactSlot.Slot : "a";
+  return /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsxs(
+    Raiz,
+    {
+      "aria-current": active ? "page" : void 0,
+      className: cn(
+        "font-mono text-meta transition-standard cursor-pointer",
+        "rounded-chip focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent",
+        active ? "text-accent underline decoration-1 underline-offset-4" : "text-text-secondary hover:text-accent",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: "text-text-muted", children: "./" }),
+        children
+      ]
+    }
+  ) });
+}
+function NewsletterForm({
+  title,
+  description,
+  state = "reposo",
+  onSubmitEmail,
+  successMessage = "Ya est\xE1s dentro. Te llega un correo cada dos semanas, y nada m\xE1s.",
+  errorMessage = "No se pudo suscribir ese correo. Rev\xEDsalo y vuelve a intentar.",
+  disclaimer,
+  expresion,
+  basePath,
+  submitLabel = "Suscribirme",
+  placeholder = "tu@correo.dev",
+  fieldLabel = "Correo electr\xF3nico",
+  className,
+  ...props
+}) {
+  const id = react.useId();
+  const enviando = state === "enviando";
+  const error = state === "error";
+  function enviar(evento) {
+    evento.preventDefault();
+    const datos = new FormData(evento.currentTarget);
+    const correo = String(datos.get("email") ?? "");
+    onSubmitEmail?.(correo);
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "section",
+    {
+      className: cn(
+        "degradado-seccion rounded-panel border-hairline p-lg gap-md flex flex-col border",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "gap-xs flex flex-col", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Text, { as: "h2", variant: "h3", children: title }),
+          description ? /* @__PURE__ */ jsxRuntime.jsx(Text, { variant: "ui", tone: "secondary", children: description }) : null
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit: enviar, className: "gap-sm flex flex-col sm:flex-row sm:items-end", noValidate: true, children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "gap-xs flex flex-1 flex-col", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(Label2, { htmlFor: id, children: fieldLabel }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Input,
+              {
+                id,
+                name: "email",
+                type: "email",
+                autoComplete: "email",
+                required: true,
+                placeholder,
+                disabled: enviando,
+                invalid: error,
+                "aria-describedby": state === "exito" || error ? `${id}-aviso` : void 0
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Button,
+            {
+              type: "submit",
+              variant: "conversion",
+              loading: enviando,
+              className: "disabled:opacity-60",
+              children: submitLabel
+            }
+          )
+        ] }),
+        state === "exito" ? /* @__PURE__ */ jsxRuntime.jsx(Alert, { id: `${id}-aviso`, variant: "success", enfasis: "fuerte", children: successMessage }) : null,
+        error ? /* @__PURE__ */ jsxRuntime.jsx(Alert, { id: `${id}-aviso`, variant: "error", enfasis: "fuerte", children: errorMessage }) : null,
+        disclaimer ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "gap-sm flex items-center", children: [
+          expresion ? /* @__PURE__ */ jsxRuntime.jsx(CaraDeMascota, { expresion, basePath, className: "w-10 max-w-none" }) : null,
+          /* @__PURE__ */ jsxRuntime.jsx(Text, { variant: "label", tone: "muted", as: "p", className: "font-normal", children: disclaimer })
+        ] }) : null
+      ]
+    }
+  );
+}
+var cabecera = classVarianceAuthority.cva("gap-sm flex flex-col", {
+  variants: {
+    size: {
+      display: "py-section",
+      page: "py-xl"
+    }
+  },
+  defaultVariants: { size: "page" }
+});
+function PageHeader({
+  title,
+  eyebrow,
+  description,
+  action,
+  size: size2,
+  as = "h1",
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("header", { className: cn(cabecera({ size: size2 }), className), ...props, children: [
+    eyebrow ? /* @__PURE__ */ jsxRuntime.jsx(Text, { variant: "eyebrow", tone: "accent", as: "p", children: eyebrow }) : null,
+    /* @__PURE__ */ jsxRuntime.jsx(Text, { as, variant: size2 === "display" ? "display" : "h1", className: "max-w-measure", children: title }),
+    description ? /* @__PURE__ */ jsxRuntime.jsx(Text, { variant: "body", tone: "secondary", children: description }) : null,
+    action ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "gap-sm mt-sm flex flex-wrap items-center", children: action }) : null
+  ] });
+}
+function SidebarItem({
+  active = false,
+  asChild = false,
+  badge: badge2,
+  className,
+  children,
+  ...props
+}) {
+  const Raiz = asChild ? reactSlot.Slot : "a";
+  return /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsxs(
+    Raiz,
+    {
+      "aria-current": active ? "page" : void 0,
+      className: cn(
+        "rounded-chip px-sm gap-xs flex cursor-pointer items-center py-1.5",
+        "font-mono text-meta transition-standard",
+        "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent",
+        // El activo es fondo `surfaceRaised` y tinta primaria, igual que
+        // `TabsTrigger`. NO bioluz: `tokens.ts` lo dice explícito — acento
+        // claro pasa sobre background y sobre surface, pero sobre
+        // surfaceRaised mide 4.2 y no es color de texto ahí. El acento se
+        // queda en el `▸`, que es decorativo y le aplica el umbral de 3:1.
+        active ? "bg-surface-raised text-text-primary" : "text-text-secondary hover:text-text-primary hover:bg-surface-raised",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: active ? "text-accent" : "text-text-muted", children: "\u25B8" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 flex-1 truncate", children }),
+        badge2 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-text-muted shrink-0", children: badge2 }) : null
+      ]
+    }
+  ) });
+}
+function SidebarNav({
+  title,
+  version,
+  branch,
+  children,
+  className,
+  ...props
+}) {
+  const pie = [version, branch].filter(Boolean);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "nav",
+    {
+      "aria-label": typeof title === "string" ? title : "Administraci\xF3n",
+      className: cn(
+        "border-hairline bg-surface p-sm gap-sm flex h-full flex-col border-r",
+        className
+      ),
+      ...props,
+      children: [
+        title ? /* @__PURE__ */ jsxRuntime.jsx(Text, { variant: "eyebrow", tone: "muted", as: "p", className: "px-sm", children: title }) : null,
+        /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "gap-0.5 flex flex-1 flex-col", children }),
+        pie.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(Text, { variant: "meta", tone: "muted", as: "p", className: "border-hairline px-sm pt-sm border-t", children: pie.map((p, i) => /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+          i > 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", children: " \xB7 " }) : null,
+          p
+        ] }, i)) }) : null
+      ]
+    }
+  );
+}
+function Stat({ value, label, tone = "neutral", progress, className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(SUPERFICIE_TARJETA, "p-lg gap-xs flex flex-col", className), ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Text, { variant: "stat", as: "p", tone: tone === "alerta" ? "warm" : "accent", children: value }),
+    /* @__PURE__ */ jsxRuntime.jsx(Text, { variant: "eyebrow", tone: "muted", as: "p", children: label }),
+    typeof progress === "number" ? /* @__PURE__ */ jsxRuntime.jsx(
+      Progress,
+      {
+        value: progress,
+        tone: tone === "alerta" ? "warm" : "accent",
+        label: `${label}: ${progress}%`,
+        className: "mt-sm"
+      }
+    ) : null
+  ] });
+}
+function TalkCard({
+  title,
+  event,
+  date,
+  dateTime,
+  location,
+  status,
+  className,
+  ...props
+}) {
+  const pie = [
+    date ? /* @__PURE__ */ jsxRuntime.jsx("time", { dateTime, children: date }, "fecha") : null,
+    location ? /* @__PURE__ */ jsxRuntime.jsx("span", { children: location }, "lugar") : null
+  ].filter(Boolean);
+  return /* @__PURE__ */ jsxRuntime.jsx(Tarjeta, { className: cn("p-lg", className), ...props, children: /* @__PURE__ */ jsxRuntime.jsxs("article", { className: "gap-sm flex h-full flex-col", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "gap-sm flex items-start justify-between", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Text, { variant: "eyebrow", tone: "accent", as: "p", children: event }),
+      status ? /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: "neutral", children: status }) : null
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(Text, { as: "h3", variant: "h3", className: "group-hover:text-accent transition-standard", children: title }),
+    pie.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(Text, { variant: "label", tone: "muted", as: "p", className: "gap-xs mt-auto flex items-center pt-sm", children: pie.map((m, i) => /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "gap-xs flex items-center", children: [
+      i > 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", children: "\xB7" }) : null,
+      m
+    ] }, i)) }) : null
+  ] }) });
+}
+function TableOfContents({
+  items,
+  title = "En esta p\xE1gina",
+  activeHref,
+  linkAsChild,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("nav", { "aria-label": typeof title === "string" ? title : "En esta p\xE1gina", className: cn("gap-sm flex flex-col", className), ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Text, { variant: "eyebrow", tone: "muted", as: "p", children: title }),
+    /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "border-hairline gap-xs flex flex-col border-l", children: items.map((item2) => {
+      const activo = item2.href === activeHref;
+      const clases = cn(
+        "px-sm -ml-px block border-l",
+        "font-sans text-label transition-standard",
+        "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent",
+        "cursor-pointer",
+        item2.nested && "pl-lg",
+        activo ? "border-accent text-accent" : "border-transparent text-text-secondary hover:text-text-primary"
+      );
+      return /* @__PURE__ */ jsxRuntime.jsx("li", { children: linkAsChild ? /* @__PURE__ */ jsxRuntime.jsx(reactSlot.Slot, { className: clases, "aria-current": activo ? "location" : void 0, children: linkAsChild({ href: item2.href, children: item2.label }) }) : /* @__PURE__ */ jsxRuntime.jsx("a", { href: item2.href, className: clases, "aria-current": activo ? "location" : void 0, children: item2.label }) }, item2.href);
+    }) })
+  ] });
+}
+function Isotipo({
+  sobre = "oscuro",
+  basePath = RUTA_ASSETS,
+  alt = "",
+  className,
+  ...props
+}) {
+  const archivo = sobre === "oscuro" ? aletas.espuma : aletas.color;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "img",
+    {
+      src: `${basePath}/${archivo}`,
+      alt,
+      width: 147,
+      height: 111,
+      className: cn("h-8 w-auto select-none", className),
+      ...props
+    }
+  );
+}
+function Logo({
+  sobre = "oscuro",
+  basePath = RUTA_ASSETS,
+  soloIsotipo = false,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: cn("gap-xs inline-flex items-center", className), ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      Isotipo,
+      {
+        sobre,
+        basePath,
+        alt: soloIsotipo ? naming.wordmark : "",
+        className: "h-7 w-auto"
+      }
+    ),
+    soloIsotipo ? null : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-ui font-display text-text-primary font-bold tracking-[-0.02em]", children: naming.wordmark })
+  ] });
+}
+
+// src/lib/social.tsx
+var social_exports = {};
+__export(social_exports, {
+  Correo: () => Correo,
+  Discord: () => Discord,
+  GitHub: () => GitHub,
+  Instagram: () => Instagram,
+  LinkedIn: () => LinkedIn,
+  Rss: () => Rss,
+  X: () => X,
+  YouTube: () => YouTube
+});
+function Marca({ children, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      width: "1em",
+      height: "1em",
+      fill: "currentColor",
+      "aria-hidden": "true",
+      focusable: "false",
+      ...props,
+      children
+    }
+  );
+}
+function Funcional({ children, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      width: "1em",
+      height: "1em",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 1.6,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      focusable: "false",
+      ...props,
+      children
+    }
+  );
+}
+var GitHub = (props) => /* @__PURE__ */ jsxRuntime.jsx(Marca, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 .5C5.73.5.5 5.73.5 12a11.5 11.5 0 0 0 7.86 10.91c.58.1.79-.25.79-.55 0-.27-.01-1.18-.02-2.14-3.2.7-3.88-1.36-3.88-1.36-.52-1.33-1.28-1.68-1.28-1.68-1.05-.72.08-.7.08-.7 1.16.08 1.77 1.19 1.77 1.19 1.03 1.77 2.7 1.26 3.36.96.1-.75.4-1.26.73-1.55-2.55-.29-5.24-1.28-5.24-5.69 0-1.26.45-2.29 1.19-3.09-.12-.29-.52-1.46.11-3.05 0 0 .97-.31 3.18 1.18a11 11 0 0 1 5.79 0c2.2-1.49 3.17-1.18 3.17-1.18.63 1.59.23 2.76.12 3.05.74.8 1.18 1.83 1.18 3.09 0 4.42-2.69 5.39-5.25 5.68.41.36.78 1.06.78 2.14 0 1.55-.01 2.79-.01 3.17 0 .3.2.66.79.55A11.5 11.5 0 0 0 23.5 12C23.5 5.73 18.27.5 12 .5Z" }) });
+var LinkedIn = (props) => /* @__PURE__ */ jsxRuntime.jsx(Marca, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4.98 3.5a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5ZM3 9h4v12H3V9Zm7 0h3.8v1.71h.05a4.17 4.17 0 0 1 3.75-2.06c4.01 0 4.75 2.64 4.75 6.07V21h-4v-5.4c0-1.29-.02-2.95-1.8-2.95-1.8 0-2.08 1.4-2.08 2.85V21h-3.97V9Z" }) });
+var X = (props) => /* @__PURE__ */ jsxRuntime.jsx(Marca, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M17.53 3h3.06l-6.69 7.64L21.75 21h-6.16l-4.83-6.3L5.25 21H2.19l7.15-8.17L2.5 3h6.32l4.36 5.77L17.53 3Zm-1.07 16.17h1.7L7.62 4.74H5.8l10.66 14.43Z" }) });
+var Instagram = (props) => /* @__PURE__ */ jsxRuntime.jsx(Marca, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 2.16c3.2 0 3.58.01 4.85.07 1.17.05 1.8.25 2.23.41.56.22.96.48 1.38.9.42.42.68.82.9 1.38.16.42.36 1.06.41 2.23.06 1.27.07 1.65.07 4.85s-.01 3.58-.07 4.85c-.05 1.17-.25 1.8-.41 2.23-.22.56-.48.96-.9 1.38-.42.42-.82.68-1.38.9-.42.16-1.06.36-2.23.41-1.27.06-1.65.07-4.85.07s-3.58-.01-4.85-.07c-1.17-.05-1.8-.25-2.23-.41-.56-.22-.96-.48-1.38-.9-.42-.42-.68-.82-.9-1.38-.16-.42-.36-1.06-.41-2.23C2.17 15.58 2.16 15.2 2.16 12s.01-3.58.07-4.85c.05-1.17.25-1.8.41-2.23.22-.56.48-.96.9-1.38.42-.42.82-.68 1.38-.9.42-.16 1.06-.36 2.23-.41C8.42 2.17 8.8 2.16 12 2.16Zm0 3.68a6.16 6.16 0 1 0 0 12.32 6.16 6.16 0 0 0 0-12.32Zm0 10.16a4 4 0 1 1 0-8 4 4 0 0 1 0 8Zm7.85-10.4a1.44 1.44 0 1 1-2.88 0 1.44 1.44 0 0 1 2.88 0Z" }) });
+var Discord = (props) => /* @__PURE__ */ jsxRuntime.jsx(Marca, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M20.32 5.56A18.5 18.5 0 0 0 15.7 4.1a.07.07 0 0 0-.07.04c-.2.36-.42.82-.58 1.19a17 17 0 0 0-5.1 0c-.16-.38-.39-.83-.59-1.19a.07.07 0 0 0-.07-.04c-1.6.28-3.15.77-4.62 1.46a.06.06 0 0 0-.03.03C1.66 10 .9 14.28 1.28 18.5a.08.08 0 0 0 .03.05 18.6 18.6 0 0 0 5.6 2.84.07.07 0 0 0 .08-.03c.43-.59.81-1.21 1.14-1.86a.07.07 0 0 0-.04-.1c-.6-.23-1.18-.51-1.74-.83a.07.07 0 0 1-.01-.12l.35-.27a.07.07 0 0 1 .07-.01 13.3 13.3 0 0 0 11.3 0 .07.07 0 0 1 .08.01l.34.27c.04.04.04.1-.01.12-.55.33-1.13.6-1.74.83a.07.07 0 0 0-.04.1c.34.65.72 1.27 1.14 1.86a.07.07 0 0 0 .08.03 18.5 18.5 0 0 0 5.6-2.84.07.07 0 0 0 .04-.05c.45-4.88-.75-9.12-3.18-12.88a.06.06 0 0 0-.03-.03ZM8.4 15.93c-1.1 0-2.01-1.01-2.01-2.25 0-1.24.89-2.25 2.01-2.25 1.13 0 2.03 1.02 2.02 2.25 0 1.24-.9 2.25-2.02 2.25Zm7.22 0c-1.1 0-2.01-1.01-2.01-2.25 0-1.24.89-2.25 2.01-2.25 1.13 0 2.03 1.02 2.02 2.25 0 1.24-.89 2.25-2.02 2.25Z" }) });
+var YouTube = (props) => /* @__PURE__ */ jsxRuntime.jsx(Marca, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M23.5 6.9a3 3 0 0 0-2.12-2.12C19.5 4.27 12 4.27 12 4.27s-7.5 0-9.38.51A3 3 0 0 0 .5 6.9 31.3 31.3 0 0 0 0 12a31.3 31.3 0 0 0 .5 5.1 3 3 0 0 0 2.12 2.12c1.88.51 9.38.51 9.38.51s7.5 0 9.38-.51a3 3 0 0 0 2.12-2.12A31.3 31.3 0 0 0 24 12a31.3 31.3 0 0 0-.5-5.1ZM9.6 15.6V8.4l6.24 3.6-6.24 3.6Z" }) });
+var Rss = (props) => /* @__PURE__ */ jsxRuntime.jsxs(Funcional, { ...props, children: [
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4 11a9 9 0 0 1 9 9M4 4a16 16 0 0 1 16 16" }),
+  /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "5", cy: "19", r: "1.6", fill: "currentColor", stroke: "none" })
+] });
+var Correo = (props) => /* @__PURE__ */ jsxRuntime.jsxs(Funcional, { ...props, children: [
+  /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "2.75", y: "4.75", width: "18.5", height: "14.5", rx: "2" }),
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m3.5 7.5 7.4 5.2a2 2 0 0 0 2.2 0l7.4-5.2" })
+] });
+
+exports.Alert = Alert;
+exports.ArticleCard = ArticleCard;
+exports.AudioPlayer = AudioPlayer;
+exports.AuthorCard = AuthorCard;
+exports.Avatar = Avatar;
+exports.AvatarFallback = AvatarFallback;
+exports.AvatarImage = AvatarImage;
+exports.Badge = Badge;
+exports.Blockquote = Blockquote;
+exports.Breadcrumb = Breadcrumb;
+exports.Button = Button;
+exports.Calendar = Calendar;
+exports.CaraDeMascota = CaraDeMascota;
+exports.Card = Card;
+exports.CardContent = CardContent;
+exports.CardDescription = CardDescription;
+exports.CardFooter = CardFooter;
+exports.CardHeader = CardHeader;
+exports.CardTitle = CardTitle;
+exports.CategoryBadge = CategoryBadge;
+exports.Checkbox = Checkbox;
+exports.Code = Code;
+exports.CodeBlock = CodeBlock;
+exports.CourseCard = CourseCard;
+exports.DateField = DateField;
+exports.Dialog = Dialog;
+exports.DialogClose = DialogClose;
+exports.DialogContent = DialogContent;
+exports.DialogDescription = DialogDescription;
+exports.DialogFooter = DialogFooter;
+exports.DialogHeader = DialogHeader;
+exports.DialogOverlay = DialogOverlay;
+exports.DialogTitle = DialogTitle;
+exports.DialogTrigger = DialogTrigger;
+exports.DropdownMenu = DropdownMenu;
+exports.DropdownMenuCheckboxItem = DropdownMenuCheckboxItem;
+exports.DropdownMenuContent = DropdownMenuContent;
+exports.DropdownMenuGroup = DropdownMenuGroup;
+exports.DropdownMenuItem = DropdownMenuItem;
+exports.DropdownMenuLabel = DropdownMenuLabel;
+exports.DropdownMenuRadioGroup = DropdownMenuRadioGroup;
+exports.DropdownMenuRadioItem = DropdownMenuRadioItem;
+exports.DropdownMenuSeparator = DropdownMenuSeparator;
+exports.DropdownMenuSub = DropdownMenuSub;
+exports.DropdownMenuSubContent = DropdownMenuSubContent;
+exports.DropdownMenuSubTrigger = DropdownMenuSubTrigger;
+exports.DropdownMenuTrigger = DropdownMenuTrigger;
+exports.EmptyState = EmptyState;
+exports.Footer = Footer;
+exports.FooterLink = FooterLink;
+exports.HOVER_TARJETA = HOVER_TARJETA;
+exports.Hero = Hero;
+exports.Input = Input;
+exports.Isotipo = Isotipo;
+exports.Label = Label2;
+exports.LinkRow = LinkRow;
+exports.Logo = Logo;
+exports.Mascota = Mascota;
+exports.MetricBadge = MetricBadge;
+exports.Nav = Nav;
+exports.NavItem = NavItem;
+exports.NewsletterForm = NewsletterForm;
+exports.PageHeader = PageHeader;
+exports.Pagination = Pagination;
+exports.PaginationContent = PaginationContent;
+exports.PaginationEllipsis = PaginationEllipsis;
+exports.PaginationItem = PaginationItem;
+exports.PaginationLink = PaginationLink;
+exports.PaginationNext = PaginationNext;
+exports.PaginationPrevious = PaginationPrevious;
+exports.Popover = Popover;
+exports.PopoverAnchor = PopoverAnchor;
+exports.PopoverContent = PopoverContent;
+exports.PopoverTrigger = PopoverTrigger;
+exports.Progress = Progress;
+exports.RUTA_ASSETS = RUTA_ASSETS;
+exports.RadioGroup = RadioGroup2;
+exports.RadioGroupItem = RadioGroupItem;
+exports.SUPERFICIE_TARJETA = SUPERFICIE_TARJETA;
+exports.Select = Select;
+exports.SelectContent = SelectContent;
+exports.SelectGroup = SelectGroup;
+exports.SelectItem = SelectItem;
+exports.SelectLabel = SelectLabel;
+exports.SelectSeparator = SelectSeparator;
+exports.SelectTrigger = SelectTrigger;
+exports.SelectValue = SelectValue;
+exports.Separator = Separator3;
+exports.Sheet = Sheet;
+exports.SheetBody = SheetBody;
+exports.SheetClose = SheetClose;
+exports.SheetContent = SheetContent;
+exports.SheetDescription = SheetDescription;
+exports.SheetFooter = SheetFooter;
+exports.SheetHeader = SheetHeader;
+exports.SheetTitle = SheetTitle;
+exports.SheetTrigger = SheetTrigger;
+exports.SidebarItem = SidebarItem;
+exports.SidebarNav = SidebarNav;
+exports.Skeleton = Skeleton;
+exports.Stat = Stat;
+exports.Switch = Switch;
+exports.Table = Table;
+exports.TableBody = TableBody;
+exports.TableCaption = TableCaption;
+exports.TableCell = TableCell;
+exports.TableFooter = TableFooter;
+exports.TableHead = TableHead;
+exports.TableHeader = TableHeader;
+exports.TableOfContents = TableOfContents;
+exports.TableRow = TableRow;
+exports.Tabs = Tabs;
+exports.TabsContent = TabsContent;
+exports.TabsList = TabsList;
+exports.TabsTrigger = TabsTrigger;
+exports.TalkCard = TalkCard;
+exports.Text = Text;
+exports.Textarea = Textarea;
+exports.Toast = Toast;
+exports.ToastAction = ToastAction;
+exports.ToastDescription = ToastDescription;
+exports.ToastProvider = ToastProvider;
+exports.ToastTitle = ToastTitle;
+exports.ToastViewport = ToastViewport;
+exports.Tooltip = Tooltip;
+exports.TooltipContent = TooltipContent;
+exports.TooltipProvider = TooltipProvider;
+exports.TooltipTrigger = TooltipTrigger;
+exports.alertVariants = alert;
+exports.aletas = aletas;
+exports.avatarVariants = avatar;
+exports.badgeVariants = badge;
+exports.brand = brand;
+exports.buttonVariants = button;
+exports.caras = caras;
+exports.categoryBadgeVariants = categoria;
+exports.cn = cn;
+exports.colors = colors;
+exports.control = control;
+exports.dark = dark;
+exports.fonts = fonts;
+exports.gradient = gradient;
+exports.light = light;
+exports.limits = limits;
+exports.listaCaras = listaCaras;
+exports.listaPoses = listaPoses;
+exports.motion = motion;
+exports.naming = naming;
+exports.poses = poses;
+exports.radius = radius;
+exports.shadow = shadow;
+exports.sintaxis = sintaxis;
+exports.size = size;
+exports.social = social_exports;
+exports.spacing = spacing;
+exports.tagline = tagline;
+exports.textVariants = texto;
+exports.tokens = tokens;
+exports.typeScale = typeScale;
+exports.usoDeCara = usoDeCara;