{"id":191,"date":"2026-02-20T12:44:11","date_gmt":"2026-02-20T12:44:11","guid":{"rendered":"https:\/\/dobledigital.es\/?page_id=191"},"modified":"2026-05-20T11:02:48","modified_gmt":"2026-05-20T11:02:48","slug":"digitalizacion","status":"publish","type":"page","link":"https:\/\/dobledigital.es\/index.php\/digitalizacion\/","title":{"rendered":"Digitalizaci\u00f3n"},"content":{"rendered":"\n<!DOCTYPE html>\n<html class=\"light\" lang=\"es\">\n<head>\n    <meta charset=\"utf-8\"\/>\n    <meta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\/>\n    <script src=\"https:\/\/cdn.tailwindcss.com?plugins=forms,container-queries\"><\/script>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700&#038;family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&#038;display=swap\" rel=\"stylesheet\"\/>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&#038;display=swap\" rel=\"stylesheet\"\/>\n    <script id=\"tailwind-config\">\n        tailwind.config = {\n            darkMode: \"class\",\n            theme: {\n                extend: {\n                    colors: {\n                        \"primary\": \"#334155\", \/\/ Slate 700 - Charcoal\n                        \"on-primary\": \"#ffffff\",\n                        \"primary-container\": \"#1e293b\", \/\/ Slate 800 - Deep Charcoal\n                        \"on-primary-container\": \"#f1f5f9\",\n                        \"secondary\": \"#64748b\", \/\/ Slate 500 - Silver Gray\n                        \"surface\": \"#f9f9f9\",\n                        \"surface-container\": \"#eeeeee\",\n                        \"background\": \"#f9f9f9\",\n                        \"outline\": \"#94a3b8\",\n                        \"deep-blue\": \"#0f172a\" \/\/ Slate 900 - Near black\n                    },\n                    fontFamily: {\n                        \"body\": [\"Montserrat\", \"sans-serif\"],\n                        \"display\": [\"Playfair Display\", \"serif\"]\n                    },\n                    borderRadius: {\n                        \"DEFAULT\": \"0.125rem\",\n                        \"lg\": \"0.25rem\",\n                        \"xl\": \"0.5rem\",\n                        \"full\": \"0.75rem\"\n                    },\n                },\n            },\n        }\n    <\/script>\n    <style>\n        .liquid-glass {\n            background: rgba(255, 255, 255, 0.05);\n            backdrop-filter: blur(16px) saturate(180%);\n            -webkit-backdrop-filter: blur(16px) saturate(180%);\n            border: 1px solid rgba(255, 255, 255, 0.1);\n        }\n        .dark .liquid-glass {\n            background: rgba(10, 12, 18, 0.6);\n            border: 1px solid rgba(255, 255, 255, 0.05);\n        }\n        .glass-card {\n            background: linear-gradient(135deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.05) 100%);\n            backdrop-filter: blur(8px);\n            border: 1px solid rgba(255,255,255,0.1);\n            transition: all 0.3s ease;\n        }\n        .glass-card:hover {\n            border-color: rgba(51, 65, 85, 0.4);\n            background: linear-gradient(135deg, rgba(51, 65, 85, 0.05) 0%, rgba(255,255,255,0.05) 100%);\n        }\n        .node-line {\n            background: linear-gradient(90deg, transparent, #334155, transparent);\n            height: 1px;\n            width: 100%;\n        }\n\n        \/* Scanning Light Effect *\/\n        @keyframes scan {\n            0% { top: -10%; opacity: 0; }\n            5% { opacity: 1; }\n            95% { opacity: 1; }\n            100% { top: 110%; opacity: 0; }\n        }\n        .scanner-bar {\n            position: absolute;\n            left: 0;\n            width: 100%;\n            height: 4px;\n            background: linear-gradient(to bottom, transparent, #ffffff, transparent);\n            box-shadow: 0 0 20px 4px rgba(255, 255, 255, 0.8);\n            z-index: 20;\n            pointer-events: none;\n            animation: scan 4s linear infinite;\n        }\n\n        \/* Floating Icon Animations *\/\n        @keyframes float {\n            0% { transform: translateY(0px); }\n            5% { transform: translateY(-10px); }\n            100% { transform: translateY(0px); }\n        }\n        .floating-node {\n            animation: float 4s ease-in-out infinite;\n        }\n        .node-delay-1 { animation-delay: 0.5s; }\n        .node-delay-2 { animation-delay: 1.0s; }\n        .node-delay-3 { animation-delay: 1.5s; }\n        .node-delay-4 { animation-delay: 2.0s; }\n        .node-delay-5 { animation-delay: 2.5s; }\n    <\/style>\n<\/head>\n<body class=\"bg-surface font-body text-slate-900 antialiased\">\n<div class=\"relative min-h-screen flex flex-col dark:bg-[#0a0c12]\">\n\n    <main class=\"flex-grow flex flex-col items-center justify-center px-4 py-12 lg:py-24 relative overflow-hidden bg-white dark:bg-[#0a0c12]\">\n        <div class=\"absolute top-1\/4 -left-20 w-96 h-96 bg-primary\/5 rounded-full blur-[120px] pointer-events-none\"><\/div>\n        <div class=\"absolute bottom-1\/4 -right-20 w-96 h-96 bg-primary\/5 rounded-full blur-[120px] pointer-events-none\"><\/div>\n        \n        <div class=\"max-w-7xl w-full grid lg:grid-cols-2 gap-16 items-center\">\n            <div class=\"flex flex-col gap-10 z-10\">\n                <div class=\"inline-flex items-center gap-2 px-4 py-1.5 rounded-full bg-slate-100 border border-slate-200 w-fit\">\n                    <span class=\"relative flex h-2 w-2\">\n                        <span class=\"animate-ping absolute inline-flex h-full w-full rounded-full bg-slate-400 opacity-75\"><\/span>\n                        <span class=\"relative inline-flex rounded-full h-2 w-2 bg-slate-500\"><\/span>\n                    <\/span>\n                    <span class=\"text-[10px] font-bold uppercase tracking-[0.2em] text-slate-600\">Preservaci\u00f3n Hist\u00f3rica<\/span>\n                <\/div>\n                <div class=\"flex flex-col gap-6\">\n                    <h1 class=\"text-5xl lg:text-[5.5rem] font-display font-bold leading-[1.1] text-slate-900 dark:text-white\">\n                        El Legado <br\/>\n                        <span class=\"italic font-normal text-primary\">Hecho Digital<\/span>\n                    <\/h1>\n                    <p class=\"text-lg text-slate-600 dark:text-slate-400 max-w-xl leading-relaxed\">\n                        Transformamos manuscritos, archivos y patrimonio bibliogr\u00e1fico en activos de alta fidelidad mediante nuestra metodolog\u00eda de digitalizaci\u00f3n acad\u00e9mica avanzada.\n                    <\/p>\n                <\/div>\n                <div class=\"flex flex-wrap gap-4\">\n                    <button class=\"bg-primary hover:bg-deep-blue hover:translate-y-[-2px] transition-all text-white px-10 py-4 rounded-xl font-bold flex items-center gap-2 shadow-xl shadow-primary\/25\">\n                        Saber m\u00e1s\n                        <span class=\"material-symbols-outlined text-xl\">arrow_forward<\/span>\n                    <\/button>\n                    <button class=\"liquid-glass dark:text-white px-10 py-4 rounded-xl font-bold flex items-center gap-2 hover:bg-slate-50 dark:hover:bg-white\/5 transition-colors border border-slate-200 dark:border-white\/10\">\n                        Ver Portafolio\n                    <\/button>\n                <\/div>\n            <\/div>\n\n            <div class=\"relative z-10 group\">\n                <div class=\"liquid-glass p-6 md:p-10 rounded-[2.5rem] shadow-2xl overflow-hidden relative border-white\/40 dark:border-white\/5 bg-slate-50\/50 dark:bg-slate-900\/30\">\n                    <div class=\"aspect-[4\/3] rounded-2xl overflow-hidden shadow-2xl bg-slate-200 dark:bg-slate-800 relative\">\n                        <div class=\"scanner-bar\"><\/div>\n                        <img decoding=\"async\" class=\"w-full h-full object-cover opacity-90 group-hover:scale-105 transition-transform duration-[2000ms] ease-out\" data-alt=\"Antiguo libro abierto bajo luces de estudio profesional\" src=\"https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuBMX4ZzmTXVdRkgOgjKID5me8k8Iu2V64Awa8NxhMT4D7MGm4broR0bjnzqaAGlO6GewyFYb09DspBC1Qxq4x37G5I8-sX6-a7tX1M8bd4eM7FkCqgii_HVlyvdaiUa25rbJep9F9EyZ8gW-fkh_AkxCvjfvDjtkkvjq-YoUqB4qy16WSplD3RXLGXhQBP1rK8tLKmaW4qupUvJLs_9jCGYftVF5scNCWzzh-rhq50OFCf29VYbR2kaPax3PQnMW-v5MDlG_A7AxEY\"\/>\n                        <div class=\"absolute inset-0 bg-gradient-to-t from-slate-900\/60 via-transparent to-transparent\"><\/div>\n                        <div class=\"absolute top-6 right-6 flex flex-col gap-3\">\n                            <div class=\"liquid-glass px-3 py-2 rounded-lg flex items-center gap-2 text-[10px] text-white font-bold tracking-widest bg-white\/10\">\n                                <span class=\"material-symbols-outlined text-sm\">high_res<\/span>\n                                RAW 600 DPI\n                            <\/div>\n                            <div class=\"liquid-glass px-3 py-2 rounded-lg flex items-center gap-2 text-[10px] text-white font-bold tracking-widest bg-white\/10\">\n                                <span class=\"material-symbols-outlined text-sm\">colors<\/span>\n                                COLOR CALIBRATED\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"absolute bottom-12 left-10 right-10 grid grid-cols-2 gap-6\">\n                        <div class=\"glass-card p-5 rounded-2xl border-white\/20 bg-white\/10\">\n                            <p class=\"text-[10px] text-slate-300 font-bold uppercase tracking-widest mb-1\">Estado de Escaneo<\/p>\n                            <p class=\"text-white text-xl font-display font-bold\">98.4% Completo<\/p>\n                        <\/div>\n                        <div class=\"glass-card p-5 rounded-2xl border-white\/20 bg-white\/10\">\n                            <p class=\"text-[10px] text-slate-300 font-bold uppercase tracking-widest mb-1\">P\u00e1ginas<\/p>\n                            <p class=\"text-white text-xl font-display font-bold\">428 \/ 435<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"max-w-7xl w-full mt-32\">\n            <div class=\"flex flex-col items-center gap-4 mb-16\">\n                <h2 class=\"text-4xl font-display font-bold text-center text-slate-900 dark:text-white\">Nuestro Esquema de Trabajo<\/h2>\n                <div class=\"h-1.5 w-24 bg-primary rounded-full\"><\/div>\n            <\/div>\n            <div class=\"relative grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-8 px-4\">\n                <div class=\"flex flex-col items-center gap-5 group cursor-pointer floating-node\">\n                    <div class=\"size-20 rounded-2xl glass-card flex items-center justify-center text-slate-600 bg-white shadow-sm group-hover:bg-primary group-hover:text-white group-hover:scale-110 transition-all duration-300\">\n                        <span class=\"material-symbols-outlined text-3xl\">visibility<\/span>\n                    <\/div>\n                    <div class=\"text-center\">\n                        <h4 class=\"font-bold text-slate-900 dark:text-white text-sm mb-1 uppercase tracking-tight\">Visita T\u00e9cnica<\/h4>\n                        <p class=\"text-[11px] text-slate-500 dark:text-slate-400 font-medium\">Evaluaci\u00f3n in-situ<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"flex flex-col items-center gap-5 group cursor-pointer floating-node node-delay-1\">\n                    <div class=\"size-20 rounded-2xl glass-card flex items-center justify-center text-slate-600 bg-white shadow-sm group-hover:bg-primary group-hover:text-white group-hover:scale-110 transition-all duration-300\">\n                        <span class=\"material-symbols-outlined text-3xl\">groups<\/span>\n                    <\/div>\n                    <div class=\"text-center\">\n                        <h4 class=\"font-bold text-slate-900 dark:text-white text-sm mb-1 uppercase tracking-tight\">Planificaci\u00f3n<\/h4>\n                        <p class=\"text-[11px] text-slate-500 dark:text-slate-400 font-medium\">Objetivos y par\u00e1metros<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"flex flex-col items-center gap-5 group cursor-pointer floating-node node-delay-2\">\n                    <div class=\"size-20 rounded-2xl glass-card flex items-center justify-center text-white bg-primary shadow-xl shadow-primary\/30 scale-110 ring-8 ring-primary\/5 group-hover:scale-115 transition-all duration-300\">\n                        <span class=\"material-symbols-outlined text-3xl\">scanner<\/span>\n                    <\/div>\n                    <div class=\"text-center\">\n                        <h4 class=\"font-bold text-slate-900 dark:text-white text-sm mb-1 uppercase tracking-tight\">Digitalizaci\u00f3n<\/h4>\n                        <p class=\"text-[11px] text-slate-500 dark:text-slate-400 font-medium\">Captura de alta gama<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"flex flex-col items-center gap-5 group cursor-pointer floating-node node-delay-3\">\n                    <div class=\"size-20 rounded-2xl glass-card flex items-center justify-center text-slate-600 bg-white shadow-sm group-hover:bg-primary group-hover:text-white group-hover:scale-110 transition-all duration-300\">\n                        <span class=\"material-symbols-outlined text-3xl\">auto_fix_high<\/span>\n                    <\/div>\n                    <div class=\"text-center\">\n                        <h4 class=\"font-bold text-slate-900 dark:text-white text-sm mb-1 uppercase tracking-tight\">Retoque Digital<\/h4>\n                        <p class=\"text-[11px] text-slate-500 dark:text-slate-400 font-medium\">Optimizaci\u00f3n de imagen<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"flex flex-col items-center gap-5 group cursor-pointer floating-node node-delay-4\">\n                    <div class=\"size-20 rounded-2xl glass-card flex items-center justify-center text-slate-600 bg-white shadow-sm group-hover:bg-primary group-hover:text-white group-hover:scale-110 transition-all duration-300\">\n                        <span class=\"material-symbols-outlined text-3xl\">fact_check<\/span>\n                    <\/div>\n                    <div class=\"text-center\">\n                        <h4 class=\"font-bold text-slate-900 dark:text-white text-sm mb-1 uppercase tracking-tight\">Calidad<\/h4>\n                        <p class=\"text-[11px] text-slate-500 dark:text-slate-400 font-medium\">Verificaci\u00f3n estricta<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"flex flex-col items-center gap-5 group cursor-pointer floating-node node-delay-5\">\n                    <div class=\"size-20 rounded-2xl glass-card flex items-center justify-center text-slate-600 bg-white shadow-sm group-hover:bg-primary group-hover:text-white group-hover:scale-110 transition-all duration-300\">\n                        <span class=\"material-symbols-outlined text-3xl\">inventory_2<\/span>\n                    <\/div>\n                    <div class=\"text-center\">\n                        <h4 class=\"font-bold text-slate-900 dark:text-white text-sm mb-1 uppercase tracking-tight\">Entrega Final<\/h4>\n                        <p class=\"text-[11px] text-slate-500 dark:text-slate-400 font-medium\">Archivo y Repositorio<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"hidden lg:block absolute top-10 left-[8%] right-[8%] -z-10\">\n                    <div class=\"h-[1px] w-full bg-gradient-to-r from-transparent via-slate-200 to-transparent\"><\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/main>\n\n<\/div>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Preservaci\u00f3n Hist\u00f3rica El Legado Hecho Digital Transformamos manuscritos, archivos y patrimonio bibliogr\u00e1fico en activos de alta fidelidad mediante nuestra metodolog\u00eda [&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-191","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":"Preservaci\u00f3n Hist\u00f3rica El Legado Hecho Digital Transformamos manuscritos, archivos y patrimonio bibliogr\u00e1fico en activos de alta fidelidad mediante nuestra metodolog\u00eda [&hellip;]","_links":{"self":[{"href":"https:\/\/dobledigital.es\/index.php\/wp-json\/wp\/v2\/pages\/191","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=191"}],"version-history":[{"count":3,"href":"https:\/\/dobledigital.es\/index.php\/wp-json\/wp\/v2\/pages\/191\/revisions"}],"predecessor-version":[{"id":314,"href":"https:\/\/dobledigital.es\/index.php\/wp-json\/wp\/v2\/pages\/191\/revisions\/314"}],"wp:attachment":[{"href":"https:\/\/dobledigital.es\/index.php\/wp-json\/wp\/v2\/media?parent=191"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}