@prolibu-suite/cobalt-core 0.10.4 → 0.11.1

package/dist/cjs/{positioning-CyatXeT_.js → positioning-CILo5esi.js}

@@ -12,9 +12,15 @@
  * Calculate top/left for a fixed-position panel relative to a trigger.
  */
 function computePosition(triggerRect, panelRect, options) {
+    var _a, _b;
     const { offset, flip } = options;
     const viewportH = window.innerHeight;
     const viewportW = window.innerWidth;
+    const shift = (_a = options.shift) !== null && _a !== void 0 ? _a : 0;
+    // Task C10 (Fase 2 Cobalt): con `anchor`, TODA la matemática (flip incluido)
+    // se hace contra el rect del anchor en vez del trigger. Sin `anchorRect`,
+    // `referenceRect === triggerRect` — cero cambio de comportamiento.
+    const referenceRect = (_b = options.anchorRect) !== null && _b !== void 0 ? _b : triggerRect;
     let placement = options.placement;
     // Auto-flip if needed
     if (flip) {
@@ -23,29 +29,29 @@ function computePosition(triggerRect, panelRect, options) {
         const isRight = placement.startsWith('right');
         const isLeft = placement.startsWith('left');
         if (isBottom) {
-            const spaceBelow = viewportH - triggerRect.bottom - offset;
-            const spaceAbove = triggerRect.top - offset;
+            const spaceBelow = viewportH - referenceRect.bottom - offset;
+            const spaceAbove = referenceRect.top - offset;
             if (spaceBelow < panelRect.height && spaceAbove > spaceBelow) {
                 placement = placement.replace('bottom', 'top');
             }
         }
         else if (isTop) {
-            const spaceAbove = triggerRect.top - offset;
-            const spaceBelow = viewportH - triggerRect.bottom - offset;
+            const spaceAbove = referenceRect.top - offset;
+            const spaceBelow = viewportH - referenceRect.bottom - offset;
             if (spaceAbove < panelRect.height && spaceBelow > spaceAbove) {
                 placement = placement.replace('top', 'bottom');
             }
         }
         else if (isRight) {
-            const spaceRight = viewportW - triggerRect.right - offset;
-            const spaceLeft = triggerRect.left - offset;
+            const spaceRight = viewportW - referenceRect.right - offset;
+            const spaceLeft = referenceRect.left - offset;
             if (spaceRight < panelRect.width && spaceLeft > spaceRight) {
                 placement = placement.replace('right', 'left');
             }
         }
         else if (isLeft) {
-            const spaceLeft = triggerRect.left - offset;
-            const spaceRight = viewportW - triggerRect.right - offset;
+            const spaceLeft = referenceRect.left - offset;
+            const spaceRight = viewportW - referenceRect.right - offset;
             if (spaceLeft < panelRect.width && spaceRight > spaceLeft) {
                 placement = placement.replace('left', 'right');
             }
@@ -60,29 +66,33 @@ function computePosition(triggerRect, panelRect, options) {
     const isHorizontal = isRight || isLeft;
     if (isHorizontal) {
         if (isRight)
-            left = triggerRect.right + offset;
+            left = referenceRect.right + offset;
         else
-            left = triggerRect.left - panelRect.width - offset;
+            left = referenceRect.left - panelRect.width - offset;
         const align = placement.split('-')[1] || 'center';
         if (align === 'start')
-            top = triggerRect.top;
+            top = referenceRect.top;
         else if (align === 'end')
-            top = triggerRect.bottom - panelRect.height;
+            top = referenceRect.bottom - panelRect.height;
         else
-            top = triggerRect.top + (triggerRect.height - panelRect.height) / 2;
+            top = referenceRect.top + (referenceRect.height - panelRect.height) / 2;
+        // Eje cruzado de un placement horizontal (left*/right*) es vertical.
+        top += shift;
     }
     else {
         if (isTop)
-            top = triggerRect.top - panelRect.height - offset;
+            top = referenceRect.top - panelRect.height - offset;
         else
-            top = triggerRect.bottom + offset;
+            top = referenceRect.bottom + offset;
         const align = placement.split('-')[1] || 'center';
         if (align === 'start')
-            left = triggerRect.left;
+            left = referenceRect.left;
         else if (align === 'end')
-            left = triggerRect.right - panelRect.width;
+            left = referenceRect.right - panelRect.width;
         else
-            left = triggerRect.left + (triggerRect.width - panelRect.width) / 2;
+            left = referenceRect.left + (referenceRect.width - panelRect.width) / 2;
+        // Eje cruzado de un placement vertical (top*/bottom*) es horizontal.
+        left += shift;
     }
     // Clamp to viewport edges (4px margin)
     if (left < 4)
@@ -197,7 +207,24 @@ function findScrollParents(start) {
     }
     return out;
 }
+/**
+ * ¿El ancla (trigger) se ve todavía? Tiene que tener caja y cortar el viewport Y
+ * cada uno de sus scrollers (`clipRects`, del más cercano al más lejano — lo que
+ * devuelve `findScrollParents`, medido). Basta con que UNO la recorte entera para
+ * que no se vea: el kebab de una card que el scroll de su columna sacó por arriba
+ * sigue dentro del viewport, pero ya no es visible.
+ *
+ * Asomada en un borde cuenta como visible: el panel todavía tiene de qué colgar.
+ */
+function isAnchorVisible(anchor, clipRects) {
+    if (!anchor.width && !anchor.height)
+        return false;
+    const viewport = { top: 0, left: 0, bottom: window.innerHeight, right: window.innerWidth };
+    return [viewport, ...clipRects].every((clip) => anchor.bottom > clip.top && anchor.top < clip.bottom
+        && anchor.right > clip.left && anchor.left < clip.right);
+}
 
 exports.computePosition = computePosition;
 exports.findScrollParents = findScrollParents;
 exports.getOffsetAncestor = getOffsetAncestor;
+exports.isAnchorVisible = isAnchorVisible;

package/dist/cjs/{requiredMark-D-t-IPN0.js → requiredMark-21yHvvZS.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-MDAnKsze.js');
+var index = require('./index-bHoidDwv.js');
 
 /**
  * Shared required-field indicator for every co-* form field, so they all render

package/dist/cjs/rich-text-host-ueFSfW-6.js

@@ -0,0 +1,119 @@
+'use strict';
+
+/**
+ * Cableado común de los componentes que montan un editor de cobalt-rich-text
+ * (co-rich-text-editor y co-document-editor). Extraído del RTE sin cambiar su
+ * comportamiento (spec contracts-v2-contract-editor §4.4; caracterización en
+ * co-rich-text-editor.characterization.spec.tsx). El menú flotante NO vive acá.
+ */
+/** `features` llega como objeto (propiedad JS) o como JSON (atributo HTML). */
+function parseFeatures(features) {
+    if (!features)
+        return undefined;
+    if (typeof features === 'string') {
+        try {
+            return JSON.parse(features);
+        }
+        catch (_a) {
+            return undefined;
+        }
+    }
+    return features;
+}
+/** `value` puede ser JSON de ProseMirror o HTML; vacío = documento vacío. */
+function parseEditorValue(v) {
+    if (!v)
+        return '';
+    try {
+        return JSON.parse(v);
+    }
+    catch (_a) {
+        return v;
+    }
+}
+/**
+ * Guarda anti-eco: el padre suele devolver por `value` lo mismo que el editor
+ * acaba de emitir (en JSON o en HTML). Re-aplicarlo reinicia el editor y el
+ * cursor salta: se ignora.
+ */
+class EchoGuard {
+    constructor() {
+        this.json = null;
+        this.html = '';
+    }
+    /** Tras aplicar un valor externo (o al montar): ese valor pasa a ser el "último". */
+    seed(v) {
+        this.json = v;
+        this.html = '';
+    }
+    markEmitted(out) {
+        this.json = out.json ? JSON.stringify(out.json) : null;
+        this.html = out.html;
+    }
+    isEcho(incoming) {
+        return incoming === this.json || incoming === this.html;
+    }
+}
+/** Aplica un `value` externo sin emitir update. */
+function applyExternalValue(editor, incoming) {
+    if (incoming === '' || incoming === null) {
+        editor.commands.clearContent(false);
+    }
+    else {
+        editor.commands.setContent(parseEditorValue(incoming), { emitUpdate: false });
+    }
+}
+/** Salida `{json, html, text}` del RTE. `sanitizeHtml` lo pone el componente (preset + features). */
+function buildOutput(editor, sanitizeHtml) {
+    const empty = editor.isEmpty;
+    return {
+        json: empty ? null : editor.getJSON(),
+        html: empty ? '' : sanitizeHtml(editor.getHTML()),
+        text: editor.getText(),
+    };
+}
+/** Pasa el editor activo y el handler de imágenes a `co-rich-text-toolbar`. */
+function syncToolbarEditor(toolbarEl, editor, imageUpload) {
+    if (toolbarEl && editor && toolbarEl.editor !== editor) {
+        toolbarEl.editor = editor;
+    }
+    if (toolbarEl) {
+        toolbarEl.imageUpload = imageUpload;
+    }
+}
+/**
+ * Marca cada contenedor de imagen con su modo (`data-image-layout`) para que
+ * apliquen las reglas del CSS, y limpia el posicionamiento absoluto heredado del
+ * modelo de página fija. El NodeView de resize nunca refleja cambios de attrs en
+ * el DOM: se lee del state y se escribe el atributo a mano.
+ */
+function syncImageLayouts(editor) {
+    const view = editor.view;
+    editor.state.doc.descendants((node, pos) => {
+        var _a;
+        if (node.type.name !== 'image')
+            return true;
+        const dom = view.nodeDOM(pos);
+        const c = (((_a = dom === null || dom === void 0 ? void 0 : dom.closest) === null || _a === void 0 ? void 0 : _a.call(dom, '[data-resize-container]')) || dom);
+        if (!c)
+            return true;
+        const layout = node.attrs.imageLayout || 'inline';
+        c.dataset.imageLayout = layout;
+        c.style.position = '';
+        c.style.left = '';
+        c.style.top = '';
+        c.style.zIndex = '';
+        // El NodeView de resize fija `display: inline-flex` inline, que le gana al
+        // `display: block` del CSS en `center` / `full-width` (2026-09-17).
+        c.style.display = layout === 'center' || layout === 'full-width' ? '' : 'inline-flex';
+        return true;
+    });
+}
+
+exports.EchoGuard = EchoGuard;
+exports.applyExternalValue = applyExternalValue;
+exports.buildOutput = buildOutput;
+exports.parseEditorValue = parseEditorValue;
+exports.parseFeatures = parseFeatures;
+exports.syncImageLayouts = syncImageLayouts;
+exports.syncToolbarEditor = syncToolbarEditor;

package/dist/cjs/{richTextI18n-B28uAhh4.js → richTextI18n-DXGIv5w1.js}

@@ -126,6 +126,21 @@ const DICT = {
         imageLayoutWrapRight: 'Wrap right',
         imageLayoutCenter: 'Center',
         imageLayoutFullWidth: 'Full width',
+        heading4: 'Heading 4',
+        headingAbbr4: 'H4',
+        field: 'Field',
+        fieldNamePlaceholder: 'Field name',
+        signature: 'Signature',
+        documentHeader: 'Header',
+        page: 'Page',
+        pageNumber: 'Page number',
+        confirmHeader: 'Confirm header',
+        zoom: 'Zoom',
+        zoomFit: 'Fit width',
+        zoomActual: '100 %',
+        imageLayoutBreak: 'Break text',
+        imageLayoutLabel: 'Image layout',
+        documentEditor: 'Document editor',
     },
     es: {
         bold: 'Negrita',
@@ -245,6 +260,21 @@ const DICT = {
         imageLayoutWrapRight: 'Ajustar a la derecha',
         imageLayoutCenter: 'Centrar',
         imageLayoutFullWidth: 'Ancho completo',
+        heading4: 'Encabezado 4',
+        headingAbbr4: 'Enc. 4',
+        field: 'Campo',
+        fieldNamePlaceholder: 'Nombre del campo',
+        signature: 'Firma',
+        documentHeader: 'Encabezado',
+        page: 'Página',
+        pageNumber: 'Número de página',
+        confirmHeader: 'Confirmar encabezado',
+        zoom: 'Zoom',
+        zoomFit: 'Ajustar al ancho',
+        zoomActual: '100 %',
+        imageLayoutBreak: 'Separar del texto',
+        imageLayoutLabel: 'Diseño de la imagen',
+        documentEditor: 'Editor de documento',
     },
     pt: {
         bold: 'Negrito',
@@ -364,6 +394,21 @@ const DICT = {
         imageLayoutWrapRight: 'Ajustar à direita',
         imageLayoutCenter: 'Centralizar',
         imageLayoutFullWidth: 'Largura total',
+        heading4: 'Título 4',
+        headingAbbr4: 'T. 4',
+        field: 'Campo',
+        fieldNamePlaceholder: 'Nome do campo',
+        signature: 'Assinatura',
+        documentHeader: 'Cabeçalho',
+        page: 'Página',
+        pageNumber: 'Número da página',
+        confirmHeader: 'Confirmar cabeçalho',
+        zoom: 'Zoom',
+        zoomFit: 'Ajustar à largura',
+        zoomActual: '100 %',
+        imageLayoutBreak: 'Separar do texto',
+        imageLayoutLabel: 'Layout da imagem',
+        documentEditor: 'Editor de documento',
     },
 };
 /** Map any BCP-47 locale (e.g. "es-CO") to a supported language; fallback 'en'. */

package/dist/cjs/submenu-RlaX6irw.js

@@ -0,0 +1,65 @@
+'use strict';
+
+/** Atributo con el que un `co-menu-item` publica hacia sus hijos el lado al que
+ *  su propio submenú terminó abriendo (post-flip). Lo escribe el componente al
+ *  recibir el `coPlacement` del popover. */
+const SUBMENU_SIDE_ATTR = 'submenu-side';
+/** Lado horizontal de un placement ya resuelto; null si es vertical (no hay
+ *  nada que heredar en una cadena que abre hacia abajo). */
+function sideOfPlacement(placement) {
+    const side = placement.split('-')[0];
+    return side === 'left' || side === 'right' ? side : null;
+}
+/** Atributo con el que `co-menu` publica hacia sus ítems si su panel terminó
+ *  abriendo hacia ARRIBA (`up`) o hacia abajo (`down`), post-flip. */
+const MENU_DIRECTION_ATTR = 'menu-direction';
+/** Dirección vertical de un placement ya resuelto del menú raíz. */
+function menuDirectionOfPlacement(placement) {
+    return placement.split('-')[0] === 'top' ? 'up' : 'down';
+}
+/** Placement que debe pedir un submenú, dado el lado al que resolvió el submenú
+ *  de su ancestro. Sin ancestro (primer nivel) mantiene el comportamiento
+ *  histórico: a la derecha, y que el flip decida.
+ *
+ *  `opensUp`: el menú raíz abrió hacia ARRIBA (trigger al pie: barra de acciones,
+ *  footer). Entonces el submenú se alinea por el BORDE INFERIOR de su fila
+ *  (`-end`) y crece hacia arriba, como el menú del que sale. Con `-start` crecía
+ *  hacia abajo y tapaba el trigger y la barra (Exportar selección → Datos,
+ *  tarea QA #12). `flip`/`shift` del popover siguen actuando si no cabe. */
+function submenuPlacement(parentSide, opensUp = false) {
+    const align = opensUp ? 'end' : 'start';
+    return parentSide === 'left' ? `left-${align}` : `right-${align}`;
+}
+/** ¿El `co-menu` que contiene a este ítem abrió hacia arriba? Los ítems (y los
+ *  anidados) son hijos de light DOM del co-menu, así que `closest` lo alcanza. */
+function menuOpensUp(el) {
+    var _a;
+    return ((_a = el.closest('co-menu')) === null || _a === void 0 ? void 0 : _a.getAttribute(MENU_DIRECTION_ATTR)) === 'up';
+}
+/**
+ * Lado heredado del `co-menu-item` ancestro más cercano, o null si no hay (o si
+ * todavía no se posicionó).
+ *
+ * Arranca en `parentElement` a propósito: `el.closest('co-menu-item')` se
+ * matchearía al PROPIO elemento — un ítem con submenú se heredaría a sí mismo y
+ * el fix sería un no-op.
+ *
+ * Funciona sobre light DOM: los `co-menu-item` anidados son hijos reales del
+ * padre en el árbol (el `<slot/>` los proyecta visualmente pero no los mueve),
+ * así que la cadena `parentElement` conserva el anidamiento a través de
+ * cualquier wrapper intermedio.
+ */
+function inheritedSubmenuSide(el) {
+    var _a;
+    const ancestor = (_a = el.parentElement) === null || _a === void 0 ? void 0 : _a.closest('co-menu-item');
+    const side = ancestor === null || ancestor === void 0 ? void 0 : ancestor.getAttribute(SUBMENU_SIDE_ATTR);
+    return side === 'left' || side === 'right' ? side : null;
+}
+
+exports.MENU_DIRECTION_ATTR = MENU_DIRECTION_ATTR;
+exports.SUBMENU_SIDE_ATTR = SUBMENU_SIDE_ATTR;
+exports.inheritedSubmenuSide = inheritedSubmenuSide;
+exports.menuDirectionOfPlacement = menuDirectionOfPlacement;
+exports.menuOpensUp = menuOpensUp;
+exports.sideOfPlacement = sideOfPlacement;
+exports.submenuPlacement = submenuPlacement;

package/dist/cjs/{toolbar-config-CYACt9hh.js → toolbar-config-DczL6C4W.js}

@@ -147,6 +147,20 @@ const ITEM = {
             { action: 'callout', label: 'Error', icon: 'x-circle', payload: 'error' },
         ],
     },
+    // Editor de documento (co-document-editor, preset print): paridad con V1.
+    documentHeadingStyle: {
+        action: 'headingStyle', icon: 'text-aa', label: 'Styles', type: 'dropdown',
+        options: [
+            { action: 'paragraph', label: 'Normal text' },
+            { action: 'heading', label: 'Title', payload: { level: 1 } },
+            { action: 'heading', label: 'Subtitle', payload: { level: 2 } },
+            { action: 'heading', label: 'Heading 3', payload: { level: 3 } },
+            { action: 'heading', label: 'Heading 4', payload: { level: 4 } },
+        ],
+    },
+    field: { action: 'field', icon: 'brackets-square', label: 'Field', type: 'popover' },
+    signature: { action: 'signature', icon: 'signature', label: 'Signature', type: 'button' },
+    documentHeader: { action: 'documentHeader', icon: 'layout', label: 'Header', type: 'button' },
     undo: { action: 'undo', icon: 'arrow-counter-clockwise', label: 'Undo', type: 'button' },
     redo: { action: 'redo', icon: 'arrow-clockwise', label: 'Redo', type: 'button' },
     // Table context items (shown when cursor is inside a table)
@@ -209,6 +223,24 @@ const VARIANTS = {
         SEP,
         ITEM.undo, ITEM.redo,
     ],
+    // co-document-editor (preset print): las funciones de V1 y nada más (spec §3.5, D7).
+    document: [
+        ITEM.documentHeadingStyle, ITEM.fontSize,
+        SEP,
+        ITEM.bold, ITEM.italic, ITEM.strike,
+        SEP,
+        ITEM.textColor, ITEM.highlight,
+        SEP,
+        ITEM.alignment,
+        SEP,
+        ITEM.bulletList, ITEM.orderedList,
+        SEP,
+        ITEM.link, ITEM.table, ITEM.image,
+        SEP,
+        ITEM.field, ITEM.signature, ITEM.documentHeader,
+        SEP,
+        ITEM.undo, ITEM.redo,
+    ],
 };
 /** Resolve a (non-auto) toolbar variant to its ordered list of entries. */
 function toolbarItems(variant) {

package/dist/cobalt/cobalt.css

@@ -1 +1 @@
-:root{--co-color-base-negro:#1f1c1b;--co-color-base-blanco:#ffffff;--co-color-base-off-white:#f7f6f0;--co-color-primary-verde:#02a270;--co-color-primary-amarillo:#fdbf00;--co-color-primary-azul:#2563eb;--co-color-primary-rosado:#f32a73;--co-color-azul-100:#eff4ff;--co-color-azul-200:#dbe6fe;--co-color-azul-300:#bfd3fe;--co-color-azul-400:#93b4fd;--co-color-azul-500:#6090fa;--co-color-azul-600:#3b76f6;--co-color-azul-700:#2563eb;--co-color-azul-800:#1d58d8;--co-color-azul-900:#1e408a;--co-color-rosado-100:#fef1f6;--co-color-rosado-200:#fde6f0;--co-color-rosado-300:#fdcde2;--co-color-rosado-400:#fda4c8;--co-color-rosado-500:#fb6ba3;--co-color-rosado-600:#f32a73;--co-color-rosado-700:#e41e5c;--co-color-rosado-800:#c61044;--co-color-rosado-900:#a41039;--co-color-amarillo-100:#ffffea;--co-color-amarillo-200:#fffbc5;--co-color-amarillo-300:#fff885;--co-color-amarillo-400:#ffe01b;--co-color-amarillo-500:#fdbf00;--co-color-amarillo-600:#e29500;--co-color-amarillo-700:#bb6902;--co-color-amarillo-800:#985108;--co-color-amarillo-900:#7c420b;--co-color-verde-100:#ecfdf5;--co-color-verde-200:#d0fbe5;--co-color-verde-300:#a5f5d0;--co-color-verde-400:#6beab8;--co-color-verde-500:#31d69a;--co-color-verde-600:#0cbd82;--co-color-verde-700:#02a270;--co-color-verde-800:#027a58;--co-color-verde-900:#046147;--co-color-neutral-100:#e6e5df;--co-color-neutral-200:#eeede7;--co-color-neutral-300:#f3f2ec;--co-color-gray-100:#f6f6f6;--co-color-gray-200:#e3e3e3;--co-color-gray-300:#c4c4c4;--co-color-gray-400:#a0a0a0;--co-color-gray-500:#888888;--co-color-gray-600:#585858;--co-color-gray-700:#1f1c1b;--co-color-gray-800:#0a0a0a;--co-color-secondary-rosado-100:#d74ba0;--co-color-secondary-rosado-50:#ffc8eb;--co-color-secondary-rosado-25:#ffe6f5;--co-color-secondary-rojo-100:#eb1e1e;--co-color-secondary-rojo-50:#ff878c;--co-color-secondary-rojo-25:#ffd7dc;--co-color-secondary-naranja-100:#f0821e;--co-color-secondary-naranja-50:#ffbe82;--co-color-secondary-naranja-25:#ffe6d2;--co-color-secondary-amarillo-100:#fad223;--co-color-secondary-amarillo-50:#ffe67d;--co-color-secondary-amarillo-25:#fffac3;--co-color-secondary-verde-100:#afe664;--co-color-secondary-verde-50:#d7ffb4;--co-color-secondary-verde-25:#ebffc8;--co-color-secondary-oliva-100:#aab43c;--co-color-secondary-oliva-50:#d2dc96;--co-color-secondary-oliva-25:#f0f0d2;--co-color-secondary-turquesa-100:#00afaf;--co-color-secondary-turquesa-50:#3ce1c8;--co-color-secondary-turquesa-25:#c8f0f0;--co-color-secondary-azul-claro-100:#00bee6;--co-color-secondary-azul-claro-50:#6ee6f0;--co-color-secondary-azul-claro-25:#befaff;--co-color-secondary-azul-electrico-100:#000aff;--co-color-secondary-azul-electrico-50:#8095ff;--co-color-secondary-azul-electrico-25:#cce0ff;--co-color-secondary-violeta-100:#5f4bd7;--co-color-secondary-violeta-50:#b9b4ff;--co-color-secondary-violeta-25:#e1e1ff;--co-color-secondary-marron-100:#af7355;--co-color-secondary-marron-50:#d7b9a5;--co-color-secondary-marron-25:#f0e1d7;--co-color-secondary-guinda-100:#811137;--co-color-secondary-guinda-50:#c0889c;--co-color-secondary-guinda-25:#e6cfd7;--co-color-status-success:#0a7724;--co-color-status-bg-success:#ebf9ec;--co-color-status-progress:#2d6cc5;--co-color-status-bg-progress:#eef3fa;--co-color-status-submitted:#7556ca;--co-color-status-bg-submitted:#f4f1fb;--co-color-status-review:#85571f;--co-color-status-bg-review:#fcf5db;--co-color-status-pending:#b45103;--co-color-status-bg-pending:#f9f1eb;--co-color-status-error:#aa2e1b;--co-color-status-bg-error:#ffefef;--co-color-opacity-negro-4:rgba(31, 28, 27, 0.04);--co-color-opacity-negro-8:rgba(31, 28, 27, 0.08);--co-color-opacity-negro-16:rgba(31, 28, 27, 0.16);--co-color-opacity-negro-25:rgba(31, 28, 27, 0.25);--co-color-opacity-negro-50:rgba(31, 28, 27, 0.50);--co-color-opacity-negro-80:rgba(31, 28, 27, 0.80);--co-color-opacity-blanco-4:rgba(255, 255, 255, 0.04);--co-color-opacity-blanco-8:rgba(255, 255, 255, 0.08);--co-color-opacity-blanco-16:rgba(255, 255, 255, 0.16);--co-color-opacity-blanco-25:rgba(255, 255, 255, 0.25);--co-color-opacity-blanco-50:rgba(255, 255, 255, 0.50);--co-color-opacity-blanco-80:rgba(255, 255, 255, 0.80);--co-glass-blur:12px;--co-glass-saturate:1.3;--co-glass-panel-blur:18px;--co-motion-duration-instant:80ms;--co-motion-duration-fast:150ms;--co-motion-duration-base:250ms;--co-motion-duration-slow:350ms;--co-motion-duration-slower:500ms;--co-motion-ease-out:cubic-bezier(0.22, 1, 0.36, 1);--co-motion-ease-in:cubic-bezier(0.4, 0, 1, 1);--co-motion-ease-in-out:cubic-bezier(0.45, 0, 0.15, 1);--co-motion-ease-spring:cubic-bezier(0.34, 1.36, 0.64, 1);--co-motion-blur-sm:2px;--co-motion-blur-md:3px;--co-border-radius-xxs:4px;--co-border-radius-xs:8px;--co-border-radius-sm:12px;--co-border-radius-md:14px;--co-border-radius-lg:16px;--co-border-radius-xl:24px;--co-border-radius-2xl:32px;--co-border-radius-3xl:40px;--co-border-radius-4xl:48px;--co-border-radius-5xl:56px;--co-border-radius-6xl:64px;--co-border-radius-full:9999px;--co-shadow-sm:0 1px 2px 0 rgba(26, 26, 26, 0.04);--co-shadow-lg:0 10px 15px -3px rgba(26, 26, 26, 0.05), 0 4px 6px -4px rgba(26, 26, 26, 0.05);--co-spacing-xxs:2px;--co-spacing-xs:4px;--co-spacing-sm:6px;--co-spacing-sm2:8px;--co-spacing-md:12px;--co-spacing-lg:16px;--co-spacing-xl:20px;--co-spacing-2xl:24px;--co-spacing-3xl:32px;--co-spacing-4xl:40px;--co-spacing-5xl:48px;--co-spacing-6xl:56px;--co-spacing-7xl:64px;--co-spacing-8xl:72px;--co-spacing-9xl:80px;--co-spacing-10xl:88px;--co-spacing-11xl:96px;--co-spacing-12xl:104px;--co-spacing-13xl:112px;--co-spacing-14xl:120px;--co-spacing-full:9999px;--co-font-family-primary:'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;--co-font-family-mono:'Geist Mono', 'SFMono-Regular', Consolas, 'Liberation Mono', monospace;--co-font-size-10:10px;--co-font-size-11:11px;--co-font-size-12:12px;--co-font-size-13:13px;--co-font-size-14:14px;--co-font-size-16:16px;--co-font-size-18:18px;--co-font-size-20:20px;--co-font-size-22:22px;--co-font-size-24:24px;--co-font-size-26:26px;--co-font-size-28:28px;--co-font-size-30:30px;--co-font-size-32:32px;--co-font-size-36:36px;--co-font-size-40:40px;--co-font-size-44:44px;--co-font-size-48:48px;--co-font-size-50:50px;--co-font-size-56:56px;--co-font-size-64:64px;--co-font-size-72:72px;--co-font-size-80:80px;--co-font-size-96:96px;--co-font-size-104:104px;--co-font-size-112:112px;--co-font-size-128:128px;--co-font-size-144:144px;--co-font-size-160:160px;--co-font-size-180:180px;--co-font-size-200:200px;--co-font-size-220:220px;--co-font-weight-regular:400;--co-font-weight-medium:500;--co-font-weight-semibold:600;--co-font-weight-bold:700;--co-font-line-height-none:1;--co-font-line-height-tight:1.2;--co-font-line-height-snug:1.3;--co-font-line-height-normal:1.5;--co-font-line-height-relaxed:1.6;--co-font-letter-spacing-body:-0.03em;--co-font-letter-spacing-overline:0.08em;--co-semantic-surface-primary:var(--co-color-base-negro);--co-semantic-surface-secondary:var(--co-color-base-blanco);--co-semantic-surface-page:var(--co-color-base-blanco);--co-semantic-surface-muted:var(--co-color-gray-200);--co-semantic-surface-hover:var(--co-color-opacity-negro-8);--co-semantic-surface-disabled:var(--co-color-gray-100);--co-semantic-on-primary:var(--co-color-base-blanco);--co-semantic-on-secondary:var(--co-color-base-negro);--co-semantic-text-default:var(--co-color-base-negro);--co-semantic-text-inverse:var(--co-color-base-blanco);--co-semantic-text-secondary:var(--co-color-gray-600);--co-semantic-text-muted:var(--co-color-gray-500);--co-semantic-text-disabled:var(--co-color-gray-400);--co-semantic-border-default:var(--co-color-opacity-negro-16);--co-semantic-border-subtle:var(--co-color-opacity-negro-8);--co-semantic-border-strong:var(--co-color-opacity-negro-50);--co-semantic-border-field:var(--co-color-opacity-negro-25);--co-semantic-border-focus:var(--co-color-opacity-negro-50);--co-semantic-border-focus-ring:var(--co-color-opacity-negro-8);--co-semantic-control-thumb:var(--co-color-base-blanco);--co-semantic-control-shadow:var(--co-color-opacity-negro-16);--co-semantic-status-success:var(--co-color-status-success);--co-semantic-status-error:var(--co-color-status-error);--co-semantic-status-warning:var(--co-color-primary-amarillo);--co-semantic-status-info:var(--co-color-status-progress);--co-semantic-surface-inverse:var(--co-semantic-surface-primary)}@media (prefers-reduced-motion: reduce){:root{--co-motion-duration-instant:0.01ms;--co-motion-duration-fast:0.01ms;--co-motion-duration-base:0.01ms;--co-motion-duration-slow:0.01ms;--co-motion-duration-slower:0.01ms}}@media (prefers-reduced-transparency: reduce){:root{--co-glass-filter:none}}:root{--co-color-negro:var(--co-color-base-negro);--co-color-blanco:var(--co-color-base-blanco);--co-color-neutral-beige:var(--co-color-base-off-white);--co-color-secondary-rojo:var(--co-color-secondary-rojo-100);--co-color-secondary-naranja:var(--co-color-secondary-naranja-100);--co-color-secondary-oliva:var(--co-color-secondary-oliva-100);--co-color-secondary-violeta:var(--co-color-secondary-violeta-100);--co-color-secondary-marron:var(--co-color-secondary-marron-100);--co-color-status-success-bg:var(--co-color-status-bg-success);--co-font-family:var(--co-font-family-primary);--co-font-size-11:11px;--co-font-size-13:13px;--co-font-size-28:28px}
+:root{--co-color-base-negro:#1f1c1b;--co-color-base-blanco:#ffffff;--co-color-base-off-white:#f7f6f0;--co-color-primary-verde:#02a270;--co-color-primary-amarillo:#fdbf00;--co-color-primary-azul:#2563eb;--co-color-primary-rosado:#f32a73;--co-color-azul-100:#eff4ff;--co-color-azul-200:#dbe6fe;--co-color-azul-300:#bfd3fe;--co-color-azul-400:#93b4fd;--co-color-azul-500:#6090fa;--co-color-azul-600:#3b76f6;--co-color-azul-700:#2563eb;--co-color-azul-800:#1d58d8;--co-color-azul-900:#1e408a;--co-color-celeste-100:#e5f0ff;--co-color-celeste-600:#008ff0;--co-color-rosado-100:#fef1f6;--co-color-rosado-200:#fde6f0;--co-color-rosado-300:#fdcde2;--co-color-rosado-400:#fda4c8;--co-color-rosado-500:#fb6ba3;--co-color-rosado-600:#f32a73;--co-color-rosado-700:#e41e5c;--co-color-rosado-800:#c61044;--co-color-rosado-900:#a41039;--co-color-amarillo-100:#ffffea;--co-color-amarillo-200:#fffbc5;--co-color-amarillo-300:#fff885;--co-color-amarillo-400:#ffe01b;--co-color-amarillo-500:#fdbf00;--co-color-amarillo-600:#e29500;--co-color-amarillo-700:#bb6902;--co-color-amarillo-800:#985108;--co-color-amarillo-900:#7c420b;--co-color-verde-100:#ecfdf5;--co-color-verde-200:#d0fbe5;--co-color-verde-300:#a5f5d0;--co-color-verde-400:#6beab8;--co-color-verde-500:#31d69a;--co-color-verde-600:#0cbd82;--co-color-verde-700:#02a270;--co-color-verde-800:#027a58;--co-color-verde-900:#046147;--co-color-neutral-100:#e6e5df;--co-color-neutral-200:#eeede7;--co-color-neutral-300:#f3f2ec;--co-color-gray-100:#f6f6f6;--co-color-gray-200:#e3e3e3;--co-color-gray-300:#c4c4c4;--co-color-gray-400:#a0a0a0;--co-color-gray-500:#888888;--co-color-gray-600:#585858;--co-color-gray-700:#1f1c1b;--co-color-gray-800:#0a0a0a;--co-color-secondary-rosado-100:#d74ba0;--co-color-secondary-rosado-50:#ffc8eb;--co-color-secondary-rosado-25:#ffe6f5;--co-color-secondary-rojo-100:#eb1e1e;--co-color-secondary-rojo-50:#ff878c;--co-color-secondary-rojo-25:#ffd7dc;--co-color-secondary-naranja-100:#f0821e;--co-color-secondary-naranja-50:#ffbe82;--co-color-secondary-naranja-25:#ffe6d2;--co-color-secondary-amarillo-100:#fad223;--co-color-secondary-amarillo-50:#ffe67d;--co-color-secondary-amarillo-25:#fffac3;--co-color-secondary-verde-100:#afe664;--co-color-secondary-verde-50:#d7ffb4;--co-color-secondary-verde-25:#ebffc8;--co-color-secondary-oliva-100:#aab43c;--co-color-secondary-oliva-50:#d2dc96;--co-color-secondary-oliva-25:#f0f0d2;--co-color-secondary-turquesa-100:#00afaf;--co-color-secondary-turquesa-50:#3ce1c8;--co-color-secondary-turquesa-25:#c8f0f0;--co-color-secondary-azul-claro-100:#00bee6;--co-color-secondary-azul-claro-50:#6ee6f0;--co-color-secondary-azul-claro-25:#befaff;--co-color-secondary-azul-electrico-100:#000aff;--co-color-secondary-azul-electrico-50:#8095ff;--co-color-secondary-azul-electrico-25:#cce0ff;--co-color-secondary-violeta-100:#5f4bd7;--co-color-secondary-violeta-50:#b9b4ff;--co-color-secondary-violeta-25:#e1e1ff;--co-color-secondary-marron-100:#af7355;--co-color-secondary-marron-50:#d7b9a5;--co-color-secondary-marron-25:#f0e1d7;--co-color-secondary-guinda-100:#811137;--co-color-secondary-guinda-50:#c0889c;--co-color-secondary-guinda-25:#e6cfd7;--co-color-status-success:#0a7724;--co-color-status-bg-success:#ebf9ec;--co-color-status-progress:#2d6cc5;--co-color-status-bg-progress:#eef3fa;--co-color-status-submitted:#7556ca;--co-color-status-bg-submitted:#f4f1fb;--co-color-status-review:#85571f;--co-color-status-bg-review:#fcf5db;--co-color-status-pending:#b45103;--co-color-status-bg-pending:#f9f1eb;--co-color-status-error:#aa2e1b;--co-color-status-bg-error:#ffefef;--co-color-opacity-negro-4:rgba(31, 28, 27, 0.04);--co-color-opacity-negro-8:rgba(31, 28, 27, 0.08);--co-color-opacity-negro-16:rgba(31, 28, 27, 0.16);--co-color-opacity-negro-25:rgba(31, 28, 27, 0.25);--co-color-opacity-negro-50:rgba(31, 28, 27, 0.50);--co-color-opacity-negro-80:rgba(31, 28, 27, 0.80);--co-color-opacity-blanco-4:rgba(255, 255, 255, 0.04);--co-color-opacity-blanco-8:rgba(255, 255, 255, 0.08);--co-color-opacity-blanco-16:rgba(255, 255, 255, 0.16);--co-color-opacity-blanco-25:rgba(255, 255, 255, 0.25);--co-color-opacity-blanco-50:rgba(255, 255, 255, 0.50);--co-color-opacity-blanco-80:rgba(255, 255, 255, 0.80);--co-glass-blur:12px;--co-glass-saturate:1.3;--co-glass-panel-blur:18px;--co-motion-duration-instant:80ms;--co-motion-duration-fast:150ms;--co-motion-duration-base:250ms;--co-motion-duration-slow:350ms;--co-motion-duration-slower:500ms;--co-motion-ease-out:cubic-bezier(0.22, 1, 0.36, 1);--co-motion-ease-in:cubic-bezier(0.4, 0, 1, 1);--co-motion-ease-in-out:cubic-bezier(0.45, 0, 0.15, 1);--co-motion-ease-spring:cubic-bezier(0.34, 1.36, 0.64, 1);--co-motion-blur-sm:2px;--co-motion-blur-md:3px;--co-border-radius-xxs:4px;--co-border-radius-xs:8px;--co-border-radius-sm:12px;--co-border-radius-md:14px;--co-border-radius-lg:16px;--co-border-radius-xl:24px;--co-border-radius-2xl:32px;--co-border-radius-3xl:40px;--co-border-radius-4xl:48px;--co-border-radius-5xl:56px;--co-border-radius-6xl:64px;--co-border-radius-full:9999px;--co-shadow-sm:0 1px 2px 0 rgba(26, 26, 26, 0.04);--co-shadow-sm2:0 1px 2px -1px rgba(26, 26, 26, 0.05), 0 1px 4px -1px rgba(26, 26, 26, 0.05);--co-shadow-lg:0 10px 15px -3px rgba(26, 26, 26, 0.05), 0 4px 6px -4px rgba(26, 26, 26, 0.05);--co-spacing-xxs:2px;--co-spacing-xs:4px;--co-spacing-sm:6px;--co-spacing-sm2:8px;--co-spacing-md:12px;--co-spacing-lg:16px;--co-spacing-xl:20px;--co-spacing-2xl:24px;--co-spacing-3xl:32px;--co-spacing-4xl:40px;--co-spacing-5xl:48px;--co-spacing-6xl:56px;--co-spacing-7xl:64px;--co-spacing-8xl:72px;--co-spacing-9xl:80px;--co-spacing-10xl:88px;--co-spacing-11xl:96px;--co-spacing-12xl:104px;--co-spacing-13xl:112px;--co-spacing-14xl:120px;--co-spacing-full:9999px;--co-font-family-primary:'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;--co-font-family-mono:'Geist Mono', 'SFMono-Regular', Consolas, 'Liberation Mono', monospace;--co-font-size-10:10px;--co-font-size-11:11px;--co-font-size-12:12px;--co-font-size-13:13px;--co-font-size-14:14px;--co-font-size-16:16px;--co-font-size-18:18px;--co-font-size-20:20px;--co-font-size-22:22px;--co-font-size-24:24px;--co-font-size-26:26px;--co-font-size-28:28px;--co-font-size-30:30px;--co-font-size-32:32px;--co-font-size-36:36px;--co-font-size-40:40px;--co-font-size-44:44px;--co-font-size-48:48px;--co-font-size-50:50px;--co-font-size-56:56px;--co-font-size-64:64px;--co-font-size-72:72px;--co-font-size-80:80px;--co-font-size-96:96px;--co-font-size-104:104px;--co-font-size-112:112px;--co-font-size-128:128px;--co-font-size-144:144px;--co-font-size-160:160px;--co-font-size-180:180px;--co-font-size-200:200px;--co-font-size-220:220px;--co-font-weight-regular:400;--co-font-weight-medium:500;--co-font-weight-semibold:600;--co-font-weight-bold:700;--co-font-line-height-none:1;--co-font-line-height-tight:1.2;--co-font-line-height-snug:1.3;--co-font-line-height-normal:1.5;--co-font-line-height-relaxed:1.6;--co-font-letter-spacing-body:-0.03em;--co-font-letter-spacing-overline:0.08em;--co-semantic-accent:var(--co-color-celeste-600);--co-semantic-on-accent:var(--co-color-base-blanco);--co-semantic-surface-primary:var(--co-color-base-negro);--co-semantic-surface-secondary:var(--co-color-base-blanco);--co-semantic-surface-page:var(--co-color-base-blanco);--co-semantic-surface-muted:var(--co-color-gray-200);--co-semantic-surface-hover:var(--co-color-opacity-negro-8);--co-semantic-surface-disabled:var(--co-color-gray-100);--co-semantic-surface-control:var(--co-color-gray-100);--co-semantic-on-primary:var(--co-color-base-blanco);--co-semantic-on-secondary:var(--co-color-base-negro);--co-semantic-text-default:var(--co-color-base-negro);--co-semantic-text-inverse:var(--co-color-base-blanco);--co-semantic-text-secondary:var(--co-color-gray-600);--co-semantic-text-muted:var(--co-color-gray-500);--co-semantic-text-disabled:var(--co-color-gray-400);--co-semantic-border-default:var(--co-color-opacity-negro-16);--co-semantic-border-subtle:var(--co-color-opacity-negro-8);--co-semantic-border-strong:var(--co-color-opacity-negro-50);--co-semantic-border-field:var(--co-color-opacity-negro-25);--co-semantic-border-focus:var(--co-color-opacity-negro-50);--co-semantic-border-focus-ring:var(--co-color-opacity-negro-8);--co-semantic-border-hairline:var(--co-color-opacity-negro-4);--co-semantic-control-thumb:var(--co-color-base-blanco);--co-semantic-control-shadow:var(--co-color-opacity-negro-16);--co-semantic-status-success:var(--co-color-status-success);--co-semantic-status-error:var(--co-color-status-error);--co-semantic-status-warning:var(--co-color-primary-amarillo);--co-semantic-status-info:var(--co-color-status-progress);--co-semantic-surface-inverse:var(--co-semantic-surface-primary)}@media (prefers-reduced-motion: reduce){:root{--co-motion-duration-instant:0.01ms;--co-motion-duration-fast:0.01ms;--co-motion-duration-base:0.01ms;--co-motion-duration-slow:0.01ms;--co-motion-duration-slower:0.01ms}}@media (prefers-reduced-transparency: reduce){:root{--co-glass-filter:none}}:root{--co-color-negro:var(--co-color-base-negro);--co-color-blanco:var(--co-color-base-blanco);--co-color-neutral-beige:var(--co-color-base-off-white);--co-color-secondary-rojo:var(--co-color-secondary-rojo-100);--co-color-secondary-naranja:var(--co-color-secondary-naranja-100);--co-color-secondary-oliva:var(--co-color-secondary-oliva-100);--co-color-secondary-violeta:var(--co-color-secondary-violeta-100);--co-color-secondary-marron:var(--co-color-secondary-marron-100);--co-color-status-success-bg:var(--co-color-status-bg-success);--co-font-family:var(--co-font-family-primary);--co-font-size-11:11px;--co-font-size-13:13px;--co-font-size-28:28px}