{"id":194,"date":"2026-02-20T12:46:27","date_gmt":"2026-02-20T12:46:27","guid":{"rendered":"https:\/\/dobledigital.es\/?page_id=194"},"modified":"2026-05-20T12:01:16","modified_gmt":"2026-05-20T12:01:16","slug":"metadatacion","status":"publish","type":"page","link":"https:\/\/dobledigital.es\/index.php\/metadatacion\/","title":{"rendered":"Metadataci\u00f3n"},"content":{"rendered":"\n<div class=\"wp-gutenberg-custom-flow-wrapper\" style=\"font-family: 'Montserrat', sans-serif; background-color: #fcfcfc; color: #0f172a;\">\n\n    \n\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700&amp;family=Playfair+Display:wght@600;700&amp;display=swap\" rel=\"stylesheet\">\n\n    <script src=\"https:\/\/cdn.tailwindcss.com?plugins=forms,container-queries\"><\/script>\n\n    <script>\n\n        tailwind.config = {\n\n            theme: {\n\n                extend: {\n\n                    colors: {\n\n                        \"primary\": \"#1a1c1c\",\n\n                        \"mets-cyan\": \"#00a8b5\",\n\n                        \"mets-blue\": \"#2563eb\",\n\n                        \"mets-purple\": \"#7c3aed\",\n\n                        \"mets-green\": \"#16a34a\"\n\n                    },\n\n                    fontFamily: {\n\n                        body: [\"Montserrat\", \"sans-serif\"],\n\n                        display: [\"Playfair Display\", \"serif\"]\n\n                    },\n\n                    animation: {\n\n                        'float-slow': 'float 6s ease-in-out infinite',\n\n                        'float-delayed': 'float 6s ease-in-out infinite 3s',\n\n                        'pulse-slow': 'pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite',\n\n                    },\n\n                    keyframes: {\n\n                        float: {\n\n                            '0%, 100%': { transform: 'translateY(0px)' },\n\n                            '50%': { transform: 'translateY(-10px)' },\n\n                        }\n\n                    }\n\n                },\n\n            },\n\n        }\n\n    <\/script>\n\n    \n\n    <style>\n\n        .node-glass-light {\n\n            background: rgba(255, 255, 255, 0.85);\n\n            backdrop-filter: blur(10px);\n\n            -webkit-backdrop-filter: blur(10px);\n\n            border: 1px solid rgba(0, 0, 0, 0.06);\n\n            box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05), 0 8px 10px -6px rgba(0, 0, 0, 0.05);\n\n            transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n\n        }\n\n        .node-glass-light:hover {\n\n            border-color: currentColor;\n\n            box-shadow: 0 12px 30px -5px rgba(0, 0, 0, 0.1), 0 0 15px -2px currentColor;\n\n        }\n\n        .node-highlight {\n\n            transform: scale(1.08) !important;\n\n            border-color: currentColor !important;\n\n            box-shadow: 0 0 25px currentColor !important;\n\n            z-index: 50 !important;\n\n        }\n\n    <\/style>\n\n\n\n    <main class=\"antialiased selection:bg-slate-200\">\n\n        <section class=\"max-w-7xl mx-auto px-6 py-12 md:py-20 grid lg:grid-cols-2 gap-12 items-center\">\n\n            \n\n            <div class=\"space-y-6\">\n\n                <div class=\"inline-flex items-center gap-2 px-3 py-1 rounded-full bg-slate-100 text-slate-600 text-xs font-bold tracking-wider uppercase\">\n\n                     NUESTRA METADATACI\u00d3N DOCUMENTAL ES SEGURA, INTELIGENTE Y EFECTIVA\n\n                <\/div>\n\n                <h1 class=\"text-5xl md:text-6xl font-bold tracking-tight text-slate-900 font-display leading-[1.15]\">\n\n                    Inteligencia Estructural, tus documentos, localizables al instante\n\n                <\/h1>\n\n                <p class=\"text-lg text-slate-600 leading-relaxed max-w-lg\">\n\n                    Nuestra soluci\u00f3n se basa en un software desarrollado por nosotros, DobleMET.  \n\n                    A diferencia de otros procesos de digitalizaci\u00f3n est\u00e1ndar, nuestra metodolog\u00eda act\u00faa en tres niveles simult\u00e1neos:\n                              Inyecci\u00f3n Profunda en PDF (Est\u00e1ndar XMP\/Dublin Core)\n                              Enriquecimiento de JPEG y TIFF (Est\u00e1ndar EXIF\/IPTC)\n                              Generaci\u00f3n de Inventario XML METS (Preservaci\u00f3n a Largo Plazo)\n\n\n\n                <\/p>\n\n                <div class=\"flex items-center gap-4 pt-4\">\n\n                    <button class=\"bg-[#181a1f] hover:bg-black text-white px-6 py-3.5 rounded-xl font-medium transition-all flex items-center gap-2\">\n\n                        Saber m\u00e1s <span>\u2192<\/span>\n\n                <\/div>\n\n            <\/div>\n\n\n\n            <div class=\"relative w-full h-[600px] bg-transparent rounded-3xl flex items-center justify-center overflow-visible\">\n\n                \n\n                <svg class=\"absolute inset-0 w-full h-full pointer-events-none z-0\" viewBox=\"0 0 600 600\" preserveAspectRatio=\"none\">\n\n                    <path id=\"line-hdr\" d=\"M 140 140 L 300 300\" stroke=\"rgba(0, 168, 181, 0.18)\" stroke-width=\"1.5\" fill=\"none\"><\/path>\n\n                    <path id=\"line-struct\" d=\"M 460 140 L 300 300\" stroke=\"rgba(37, 99, 235, 0.18)\" stroke-width=\"1.5\" fill=\"none\"><\/path>\n\n                    <path id=\"line-dmd\" d=\"M 150 460 L 300 300\" stroke=\"rgba(124, 58, 247, 0.18)\" stroke-width=\"1.5\" fill=\"none\"><\/path>\n\n                    <path id=\"line-file\" d=\"M 450 450 L 300 300\" stroke=\"rgba(22, 163, 74, 0.18)\" stroke-width=\"1.5\" fill=\"none\"><\/path>\n\n\n\n                    <circle r=\"3.5\" fill=\"#00a8b5\">\n\n                        <animateMotion dur=\"4s\" repeatCount=\"indefinite\" path=\"M 140 140 L 300 300\"><\/animateMotion>\n\n                    <\/circle>\n\n                    <circle r=\"3.5\" fill=\"#2563eb\">\n\n                        <animateMotion dur=\"5s\" repeatCount=\"indefinite\" path=\"M 460 140 L 300 300\"><\/animateMotion>\n\n                    <\/circle>\n\n                    <circle r=\"3.5\" fill=\"#7c3aed\">\n\n                        <animateMotion dur=\"4.5s\" repeatCount=\"indefinite\" path=\"M 150 460 L 300 300\"><\/animateMotion>\n\n                    <\/circle>\n\n                    <circle r=\"3.5\" fill=\"#16a34a\">\n\n                        <animateMotion dur=\"3.5s\" repeatCount=\"indefinite\" path=\"M 450 450 L 300 300\"><\/animateMotion>\n\n                    <\/circle>\n\n                <\/svg>\n\n\n\n                <div class=\"absolute z-10\">\n\n                    <div class=\"w-24 h-24 rounded-full border border-slate-200 bg-white flex flex-col items-center justify-center text-center p-2 shadow-lg relative\">\n\n                        <div class=\"absolute inset-[-6px] rounded-full border border-dashed border-slate-300\/60 animate-[spin_20s_linear_infinite]\"><\/div>\n\n                        <div class=\"absolute inset-[-12px] rounded-full border border-slate-200\/40 animate-[spin_30s_linear_infinite_reverse]\"><\/div>\n\n                        <div class=\"w-3 h-3 bg-mets-cyan rounded-full animate-ping absolute top-4 opacity-60\"><\/div>\n\n                        \n\n                        <svg class=\"w-7 h-7 text-slate-700 animate-pulse-slow\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\">\n\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 12m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0M12 3v6M12 15v6M3 12h6M15 12h6\"><\/path>\n\n                        <\/svg>\n\n                        <span class=\"text-[8px] font-mono tracking-widest text-slate-500 mt-2 font-bold\">ROOT NODE<\/span>\n\n                    <\/div>\n\n                <\/div>\n\n\n\n                <div id=\"target-nodo-1\" class=\"absolute top-[8%] left-[2%] z-20 animate-float-slow transition-all duration-300 home-node-item\">\n\n                    <div class=\"node-glass-light text-mets-cyan p-4 rounded-2xl w-48 hover:scale-105\">\n\n                        <div class=\"flex items-center gap-2 text-xs font-bold tracking-wide text-slate-800\">\n\n                            <svg class=\"w-4 h-4 text-mets-cyan\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4 6h16M4 12h16M4 18h16\"><\/path><\/svg>\n\n                            METS_HDR\n\n                        <\/div>\n\n                        <div class=\"space-y-1.5 my-3 opacity-30\">\n\n                            <div class=\"h-1 bg-slate-900 rounded w-full\"><\/div>\n\n                            <div class=\"h-1 bg-slate-900 rounded w-2\/3\"><\/div>\n\n                        <\/div>\n\n                        <div class=\"text-[8px] font-mono text-slate-500\">&lt;agent ROLE=\u00bbCREATOR\u00bb&gt;<\/div>\n\n                    <\/div>\n\n                <\/div>\n\n\n\n                <div id=\"target-nodo-2\" class=\"absolute top-[10%] right-[2%] z-20 animate-float-delayed transition-all duration-300 home-node-item\">\n\n                    <div class=\"node-glass-light text-mets-blue p-4 rounded-2xl w-48 hover:scale-105\">\n\n                        <div class=\"flex items-center gap-2 text-xs font-bold tracking-wide text-slate-800\">\n\n                            <svg class=\"w-4 h-4 text-mets-blue\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg>\n\n                            STRUCT_MAP\n\n                        <\/div>\n\n                        <div class=\"text-[8px] font-mono text-slate-600 space-y-0.5 mt-3\">\n\n                            <div class=\"text-blue-600 font-semibold\">&lt;div TYPE=\u00bblogical\u00bb&gt;<\/div>\n\n                            <div class=\"pl-2 opacity-70\">&lt;div LABEL=\u00bbPage 1&#8243;\/&gt;<\/div>\n\n                        <\/div>\n\n                    <\/div>\n\n                <\/div>\n\n\n\n                <div id=\"target-nodo-3\" class=\"absolute bottom-[8%] left-[2%] z-20 animate-float-delayed transition-all duration-300 home-node-item\">\n\n                    <div class=\"node-glass-light text-mets-purple p-4 rounded-2xl w-52 hover:scale-105\">\n\n                        <div class=\"flex justify-between items-center text-xs font-bold tracking-wide text-slate-800 mb-2\">\n\n                            <span>DMD_SEC<\/span>\n\n                            <div class=\"w-2 h-2 bg-mets-purple rounded-full\"><\/div>\n\n                        <\/div>\n\n                        <div class=\"bg-slate-50 border border-slate-100 p-2.5 rounded-xl text-[8px] font-mono text-slate-600\">\n\n                            <div class=\"text-purple-600\">&lt;mods:title&gt;<\/div>\n\n                            <div class=\"pl-2 text-slate-800 font-medium\">Annual Report 2024<\/div>\n\n                            <div class=\"text-purple-600\">&lt;\/mods:title&gt;<\/div>\n\n                        <\/div>\n\n                    <\/div>\n\n                <\/div>\n\n\n\n                <div id=\"target-nodo-4\" class=\"absolute bottom-[10%] right-[2%] z-20 animate-float-slow transition-all duration-300 home-node-item\">\n\n                    <div class=\"node-glass-light text-mets-green p-4 rounded-2xl w-48 hover:scale-105\">\n\n                        <div class=\"flex items-center gap-2 text-xs font-bold tracking-wide text-slate-800 mb-3\">\n\n                            <svg class=\"w-4 h-4 text-mets-green\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3 7v10a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-6l-2-2H5a2 2 0 00-2 2z\"><\/path><\/svg>\n\n                            FILE_SEC\n\n                        <\/div>\n\n                        <div class=\"flex justify-between text-[9px] font-mono text-slate-500 mb-2\">\n\n                            <span>image\/tiff<\/span>\n\n                            <span class=\"text-mets-green font-bold\">24MB<\/span>\n\n                        <\/div>\n\n                        <div class=\"w-full h-1 bg-slate-100 rounded-full overflow-hidden\">\n\n                            <div class=\"w-[70%] h-full bg-mets-green\"><\/div>\n\n                        <\/div>\n\n                    <\/div>\n\n                <\/div>\n\n\n\n                <div class=\"absolute top-[42%] left-[12%] bg-white\/90 border border-slate-200 px-2 py-1 rounded-lg text-[9px] font-mono text-slate-500 shadow-sm z-20\">\n\n                    ID=\u00bbN100A\u00bb\n\n                <\/div>\n\n                <div class=\"absolute top-[52%] right-[12%] bg-white\/90 border border-slate-200 px-2 py-1 rounded-lg text-[9px] font-mono text-slate-500 shadow-sm z-20\">\n\n                    MIMETYPE=\u00bbtext\/xml\u00bb\n\n                <\/div>\n\n            <\/div>\n\n        <\/section>\n\n\n\n        <section class=\"bg-white py-16 border-t border-slate-100\">\n\n            <div class=\"max-w-7xl mx-auto px-6\">\n\n                <div class=\"text-center mb-14\">\n\n                    <h2 class=\"text-4xl font-bold tracking-tight text-slate-900 font-display mb-3\">NUESTRO METODO DE TRABAJO<\/h2>\n\n                    <p class=\"text-slate-500 max-w-xl mx-auto text-sm\">Nuestro proceso de trabajo adaptado a la captura y estructuraci\u00f3n de metadatos de alto nivel.<\/p>\n\n                <\/div>\n\n\n\n                <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6\">\n\n                    <div onclick=\"wpHighlightMetsNode(1)\" class=\"group\/card bg-[#f8f9fa] p-8 rounded-[2rem] border border-slate-100\/80 relative overflow-hidden flex flex-col justify-between min-h-[340px] transition-all duration-300 hover:shadow-md hover:-translate-y-1 cursor-pointer\">\n\n                        <div class=\"absolute top-0 right-0 w-24 h-24 bg-slate-200\/40 rounded-bl-[2rem] z-0 transition-all duration-300 group-hover\/card:bg-mets-cyan\/10\"><\/div>\n\n                        <div class=\"relative z-10\">\n\n                            <div class=\"w-10 h-10 rounded-xl bg-white shadow-sm border border-slate-100 flex items-center justify-center text-slate-800 mb-6 transition-all duration-300 group-hover\/card:border-mets-cyan\/30 group-hover\/card:text-mets-cyan\">\n\n                                <svg class=\"w-5 h-5 transition-transform duration-300 group-hover\/card:scale-110\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\">\n\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4\"><\/path>\n\n                                <\/svg>\n\n                            <\/div>\n\n                            <span class=\"text-[10px] font-bold uppercase tracking-widest text-slate-400 block mb-1 group-hover\/card:text-mets-cyan\/70\">FASE 01<\/span>\n\n                            <h3 class=\"text-2xl font-bold text-slate-900 mb-4 font-display transition-colors group-hover\/card:text-mets-cyan\">Ingesta de Datos<\/h3>\n\n                            <p class=\"text-slate-500 text-xs leading-relaxed font-medium\">Captura inteligente de activos digitales y f\u00edsicos con reconocimiento OCR avanzado.<\/p>\n\n                        <\/div>\n\n                    <\/div>\n\n                    \n\n                    <div onclick=\"wpHighlightMetsNode(2)\" class=\"group\/card bg-[#f8f9fa] p-8 rounded-[2rem] border border-slate-100\/80 relative overflow-hidden flex flex-col justify-between min-h-[340px] transition-all duration-300 hover:shadow-md hover:-translate-y-1 cursor-pointer\">\n\n                        <div class=\"absolute top-0 right-0 w-24 h-24 bg-slate-200\/40 rounded-bl-[2rem] z-0 transition-all duration-300 group-hover\/card:bg-mets-blue\/10\"><\/div>\n\n                        <div class=\"relative z-10\">\n\n                            <div class=\"w-10 h-10 rounded-xl bg-white shadow-sm border border-slate-100 flex items-center justify-center text-slate-800 mb-6 transition-all duration-300 group-hover\/card:border-mets-blue\/30 group-hover\/card:text-mets-blue\">\n\n                                <svg class=\"w-5 h-5 transition-transform duration-300 group-hover\/card:scale-110\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\">\n\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 4v16m8-8H4M12 12h.01M19 12h.01M5 12h.01\"><\/path>\n\n                                <\/svg>\n\n                            <\/div>\n\n                            <span class=\"text-[10px] font-bold uppercase tracking-widest text-slate-400 block mb-1 group-hover\/card:text-mets-blue\/70\">FASE 02<\/span>\n\n                            <h3 class=\"text-2xl font-bold text-slate-900 mb-4 font-display transition-colors group-hover\/card:text-mets-blue\">Procesamiento METS<\/h3>\n\n                            <p class=\"text-slate-500 text-xs leading-relaxed font-medium\">Mapeo estructural de metadatos descriptivos, t\u00e9cnicos y administrativos.<\/p>\n\n                        <\/div>\n\n                    <\/div>\n\n                    \n\n                    <div onclick=\"wpHighlightMetsNode(3)\" class=\"group\/card bg-[#f8f9fa] p-8 rounded-[2rem] border border-slate-100\/80 relative overflow-hidden flex flex-col justify-between min-h-[340px] transition-all duration-300 hover:shadow-md hover:-translate-y-1 cursor-pointer\">\n\n                        <div class=\"absolute top-0 right-0 w-24 h-24 bg-slate-200\/40 rounded-bl-[2rem] z-0 transition-all duration-300 group-hover\/card:bg-mets-purple\/10\"><\/div>\n\n                        <div class=\"relative z-10\">\n\n                            <div class=\"w-10 h-10 rounded-xl bg-white shadow-sm border border-slate-100 flex items-center justify-center text-slate-800 mb-6 transition-all duration-300 group-hover\/card:border-mets-purple\/30 group-hover\/card:text-mets-purple\">\n\n                                <svg class=\"w-5 h-5 transition-transform duration-300 group-hover\/card:scale-110\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\">\n\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path>\n\n                                <\/svg>\n\n                            <\/div>\n\n                            <span class=\"text-[10px] font-bold uppercase tracking-widest text-slate-400 block mb-1 group-hover\/card:text-mets-purple\/70\">FASE 03<\/span>\n\n                            <h3 class=\"text-2xl font-bold text-slate-900 mb-4 font-display transition-colors group-hover\/card:text-mets-purple\">Validaci\u00f3n de Nodos<\/h3>\n\n                            <p class=\"text-slate-500 text-xs leading-relaxed font-medium\">Control de calidad automatizado bajo est\u00e1ndares internacionales de preservaci\u00f3n.<\/p>\n\n                        <\/div>\n\n                    <\/div>\n\n                    \n\n                    <div onclick=\"wpHighlightMetsNode(4)\" class=\"group\/card bg-[#f8f9fa] p-8 rounded-[2rem] border border-slate-100\/80 relative overflow-hidden flex flex-col justify-between min-h-[340px] transition-all duration-300 hover:shadow-md hover:-translate-y-1 cursor-pointer\">\n\n                        <div class=\"absolute top-0 right-0 w-24 h-24 bg-slate-200\/40 rounded-bl-[2rem] z-0 transition-all duration-300 group-hover\/card:bg-mets-green\/10\"><\/div>\n\n                        <div class=\"relative z-10\">\n\n                            <div class=\"w-10 h-10 rounded-xl bg-white shadow-sm border border-slate-100 flex items-center justify-center text-slate-800 mb-6 transition-all duration-300 group-hover\/card:border-mets-green\/30 group-hover\/card:text-mets-green\">\n\n                                <svg class=\"w-5 h-5 transition-transform duration-300 group-hover\/card:scale-110\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\">\n\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-8l-4-4m0 0L8 8m4-4v12\"><\/path>\n\n                                <\/svg>\n\n                            <\/div>\n\n                            <span class=\"text-[10px] font-bold uppercase tracking-widest text-slate-400 block mb-1 group-hover\/card:text-mets-green\/70\">FASE 04<\/span>\n\n                            <h3 class=\"text-2xl font-bold text-slate-900 mb-4 font-display transition-colors group-hover\/card:text-mets-green\">Entrega Digital<\/h3>\n\n                            <p class=\"text-slate-500 text-xs leading-relaxed font-medium\">Exportaci\u00f3n de paquetes AIP\/DIP optimizados para cualquier repositorio.<\/p>\n\n                        <\/div>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n        <\/section>\n\n\n\n        <section class=\"max-w-5xl mx-auto px-6 py-12\">\n\n            <div class=\"bg-slate-50 border border-slate-100 p-12 rounded-3xl text-center space-y-6 shadow-sm relative overflow-hidden\">\n\n                <h2 class=\"text-3xl md:text-5xl font-bold font-display max-w-2xl mx-auto leading-tight text-slate-900\">\n\n                    \u00bfListo para transformar tu imagen?\n\n                <\/h2>\n\n                <p class=\"text-slate-600 max-w-xl mx-auto text-sm md:text-base\">\n\n                    Hablemos sobre tu pr\u00f3ximo gran proyecto visual y c\u00f3mo podemos aplicar las \u00faltimas tendencias de dise\u00f1o a tu marca.\n\n                <\/p>\n\n                <div class=\"pt-4\">\n\n                    <button class=\"bg-[#181a1f] hover:bg-black text-white px-8 py-3 rounded-xl font-semibold text-sm transition-all inline-flex items-center gap-2 shadow-md\">\n\n                        Contactar ahora <span class=\"text-xs\">\u2709<\/span>\n\n                    <\/button>\n\n                <\/div>\n\n            <\/div>\n\n        <\/section>\n\n    <\/main>\n\n\n\n    <script>\n\n        function wpHighlightMetsNode(id) {\n\n            const items = document.querySelectorAll('.home-node-item');\n\n            items.forEach(node => {\n\n                if(node) node.classList.remove('node-highlight');\n\n            });\n\n            \n\n            const targetNode = document.getElementById('target-nodo-' + id);\n\n            if (targetNode) {\n\n                targetNode.classList.add('node-highlight');\n\n                targetNode.scrollIntoView({ behavior: 'smooth', block: 'center' });\n\n                \n\n                setTimeout(() => {\n\n                    targetNode.classList.remove('node-highlight');\n\n                }, 1800);\n\n            }\n\n        }\n\n    <\/script>\n\n<\/div>\n\n\n\n<script src=\"https:\/\/cdn.tailwindcss.com?plugins=forms,container-queries\"><\/script>\n\n<style>\n    .node-glass-light {\n        background: rgba(255, 255, 255, 0.95);\n        backdrop-filter: blur(12px);\n        border: 2px solid rgba(0, 0, 0, 0.08);\n        box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.15);\n        transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n    }\n    @keyframes float { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(-15px); } }\n    .animate-float-slow { animation: float 6s ease-in-out infinite; }\n    .animate-pulse-slow { animation: pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite; }\n<\/style>\n\n<div class=\"relative w-full h-[600px] bg-transparent rounded-3xl flex items-center justify-center overflow-visible\">\n    \n    <svg class=\"absolute inset-0 w-full h-full pointer-events-none z-0\" viewBox=\"0 0 600 600\" preserveAspectRatio=\"none\">\n        <path d=\"M 140 140 L 300 300\" stroke=\"rgba(0, 168, 181, 0.3)\" stroke-width=\"2\" fill=\"none\"><\/path>\n        <path d=\"M 460 140 L 300 300\" stroke=\"rgba(37, 99, 235, 0.3)\" stroke-width=\"2\" fill=\"none\"><\/path>\n        <path d=\"M 150 460 L 300 300\" stroke=\"rgba(124, 58, 247, 0.3)\" stroke-width=\"2\" fill=\"none\"><\/path>\n        <path d=\"M 450 450 L 300 300\" stroke=\"rgba(22, 163, 74, 0.3)\" stroke-width=\"2\" fill=\"none\"><\/path>\n\n        <circle r=\"5\" fill=\"#00a8b5\"><animateMotion dur=\"4s\" repeatCount=\"indefinite\" path=\"M 140 140 L 300 300\"><\/animateMotion><\/circle>\n        <circle r=\"5\" fill=\"#2563eb\"><animateMotion dur=\"5s\" repeatCount=\"indefinite\" path=\"M 460 140 L 300 300\"><\/animateMotion><\/circle>\n        <circle r=\"5\" fill=\"#7c3aed\"><animateMotion dur=\"4.5s\" repeatCount=\"indefinite\" path=\"M 150 460 L 300 300\"><\/animateMotion><\/circle>\n        <circle r=\"5\" fill=\"#16a34a\"><animateMotion dur=\"3.5s\" repeatCount=\"indefinite\" path=\"M 450 450 L 300 300\"><\/animateMotion><\/circle>\n    <\/svg>\n\n    <div class=\"absolute z-10 animate-pulse-slow\">\n        <div class=\"w-56 h-56 rounded-full border-8 border-white bg-white flex flex-col items-center justify-center text-center p-6 shadow-2xl ring-4 ring-slate-100\">\n            <div class=\"absolute inset-[-12px] rounded-full border-2 border-dashed border-slate-300 animate-[spin_20s_linear_infinite]\"><\/div>\n            <svg class=\"w-20 h-20 text-slate-900\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\">\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 12m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0M12 3v6M12 15v6M3 12h6M15 12h6\"><\/path>\n            <\/svg>\n            <span class=\"text-4xl font-black tracking-tighter text-slate-950 mt-4\">DobleMET<\/span>\n        <\/div>\n    <\/div>\n\n    <div class=\"absolute top-[8%] left-[2%] z-20 animate-float-slow\">\n        <div class=\"node-glass-light text-[#00a8b5] p-8 rounded-3xl w-72\">\n            <div class=\"text-2xl font-black tracking-wide text-slate-950\">METS (DublinCore)<\/div>\n            <div class=\"mt-3 text-sm font-mono text-slate-600 bg-slate-100 p-3 rounded-lg\">&lt;agent ROLE=\u00bbCREATOR\u00bb&gt;<\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"absolute top-[10%] right-[2%] z-20 animate-float-slow\" style=\"animation-delay: 1.5s;\">\n        <div class=\"node-glass-light text-[#2563eb] p-8 rounded-3xl w-72\">\n            <div class=\"text-2xl font-black tracking-wide text-slate-950\">ARCHIVOS XML<\/div>\n            <div class=\"mt-3 text-sm font-mono text-slate-600 bg-slate-100 p-3 rounded-lg\">&lt;div TYPE=\u00bblogical\u00bb&gt;<\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"absolute bottom-[8%] left-[2%] z-20 animate-float-slow\" style=\"animation-delay: 0.75s;\">\n        <div class=\"node-glass-light text-[#7c3aed] p-8 rounded-3xl w-72\">\n            <div class=\"text-2xl font-black tracking-wide text-slate-950\">EXIF \/ IPTC<\/div>\n            <div class=\"mt-3 text-sm font-mono text-slate-600 bg-slate-100 p-3 rounded-lg\">Annual Report 2024<\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"absolute bottom-[10%] right-[2%] z-20 animate-float-slow\" style=\"animation-delay: 2.25s;\">\n        <div class=\"node-glass-light text-[#16a34a] p-8 rounded-3xl w-72\">\n            <div class=\"text-2xl font-black tracking-wide text-slate-950\">ARCHIVOS<\/div>\n            <div class=\"mt-3 text-lg font-bold text-slate-700\">image\/tiff (24MB)<\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>NUESTRA METADATACI\u00d3N DOCUMENTAL ES SEGURA, INTELIGENTE Y EFECTIVA Inteligencia Estructural, tus documentos, localizables al instante Nuestra soluci\u00f3n se basa en [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"disabled","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-194","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"admin","author_link":"https:\/\/dobledigital.es\/index.php\/author\/pedro088cm\/"},"uagb_comment_info":0,"uagb_excerpt":"NUESTRA METADATACI\u00d3N DOCUMENTAL ES SEGURA, INTELIGENTE Y EFECTIVA Inteligencia Estructural, tus documentos, localizables al instante Nuestra soluci\u00f3n se basa en [&hellip;]","_links":{"self":[{"href":"https:\/\/dobledigital.es\/index.php\/wp-json\/wp\/v2\/pages\/194","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dobledigital.es\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dobledigital.es\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dobledigital.es\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dobledigital.es\/index.php\/wp-json\/wp\/v2\/comments?post=194"}],"version-history":[{"count":22,"href":"https:\/\/dobledigital.es\/index.php\/wp-json\/wp\/v2\/pages\/194\/revisions"}],"predecessor-version":[{"id":342,"href":"https:\/\/dobledigital.es\/index.php\/wp-json\/wp\/v2\/pages\/194\/revisions\/342"}],"wp:attachment":[{"href":"https:\/\/dobledigital.es\/index.php\/wp-json\/wp\/v2\/media?parent=194"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}