DobleDigital – Dise\u00f1o Gr\u00e1fico Premium<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com?plugins=forms,container-queries\"><\/script>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap\" rel=\"stylesheet\"\/>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap\" rel=\"stylesheet\"\/>\n <script id=\"tailwind-config\">\n tailwind.config = {\n darkMode: \"class\",\n theme: {\n extend: {\n \"colors\": {\n \"on-primary-fixed-variant\": \"#333333\",\n \"on-secondary\": \"#ffffff\",\n \"surface-container-low\": \"#f3f3f3\",\n \"secondary-fixed-dim\": \"#c6c6c6\",\n \"tertiary-fixed-dim\": \"#c7c6c6\",\n \"surface-tint\": \"#2d2d2d\",\n \"on-secondary-fixed-variant\": \"#474747\",\n \"surface-dim\": \"#dadada\",\n \"tertiary-fixed\": \"#e3e2e2\",\n \"on-error-container\": \"#93000a\",\n \"on-tertiary-fixed\": \"#1b1c1c\",\n \"surface-container\": \"#eeeeee\",\n \"tertiary\": \"#545555\",\n \"surface-container-highest\": \"#e2e2e2\",\n \"secondary-container\": \"#e2e2e2\",\n \"on-surface\": \"#1a1c1c\",\n \"inverse-surface\": \"#2f3131\",\n \"surface\": \"#f9f9f9\",\n \"surface-container-high\": \"#e8e8e8\",\n \"outline-variant\": \"#c1c6d5\",\n \"inverse-primary\": \"#d1d1d1\",\n \"on-secondary-fixed\": \"#1b1b1b\",\n \"surface-variant\": \"#e2e2e2\",\n \"on-tertiary-container\": \"#f1f0f0\",\n \"secondary\": \"#5e5e5e\",\n \"deep-blue\": \"#1a1a1a\",\n \"primary-container\": \"#404040\",\n \"secondary-fixed\": \"#e2e2e2\",\n \"on-surface-variant\": \"#414753\",\n \"error-container\": \"#ffdad6\",\n \"on-primary-fixed\": \"#1a1a1a\",\n \"on-tertiary\": \"#ffffff\",\n \"on-error\": \"#ffffff\",\n \"primary-fixed\": \"#e0e0e0\",\n \"on-tertiary-fixed-variant\": \"#464747\",\n \"on-secondary-container\": \"#646464\",\n \"primary-fixed-dim\": \"#b0b0b0\",\n \"surface-container-lowest\": \"#ffffff\",\n \"inverse-on-surface\": \"#f1f1f1\",\n \"primary\": \"#2d2d2d\",\n \"surface-bright\": \"#f9f9f9\",\n \"outline\": \"#727784\",\n \"surface-white\": \"#FFFFFF\",\n \"tertiary-container\": \"#6d6d6d\",\n \"on-primary-container\": \"#f5f5f5\",\n \"error\": \"#ba1a1a\",\n \"on-background\": \"#1a1c1c\",\n \"background\": \"#f9f9f9\",\n \"on-primary\": \"#ffffff\"\n },\n \"borderRadius\": {\n \"DEFAULT\": \"0.125rem\",\n \"lg\": \"0.25rem\",\n \"xl\": \"0.5rem\",\n \"full\": \"0.75rem\"\n },\n \"spacing\": {\n \"gutter\": \"24px\",\n \"base\": \"8px\",\n \"container-max\": \"1200px\",\n \"section-gap-md\": \"80px\",\n \"section-gap-lg\": \"120px\"\n },\n \"fontFamily\": {\n \"body-sm\": [\"Montserrat\"],\n \"label-bold\": [\"Montserrat\"],\n \"headline-md\": [\"Playfair Display\"],\n \"display-lg\": [\"Playfair Display\"],\n \"title-lg\": [\"Montserrat\"],\n \"display-lg-mobile\": [\"Playfair Display\"],\n \"body-md\": [\"Montserrat\"],\n \"display\": [\"Playfair Display\", \"serif\"],\n \"sans\": [\"Montserrat\", \"sans-serif\"]\n }\n },\n },\n }\n <\/script>\n <style>\n body { font-family: 'Montserrat', sans-serif; }\n h1, h2, h3 { font-family: 'Playfair Display', serif; }\n <\/style>\n<\/head>\n<body class=\"bg-surface text-on-surface antialiased overflow-x-hidden\">\n<div class=\"relative flex min-h-screen w-full flex-col\">\n\n <main class=\"flex-1\">\n <section class=\"relative w-full overflow-hidden px-6 lg:px-20 py-20 lg:py-32 bg-surface-bright\">\n <div class=\"absolute top-0 left-1\/2 -translate-x-1\/2 w-full h-full -z-10 opacity-20 pointer-events-none\">\n <div class=\"absolute top-[-10%] left-[-10%] w-[50%] h-[70%] bg-primary\/20 blur-[120px] rounded-full\"><\/div>\n <div class=\"absolute bottom-[-10%] right-[-10%] w-[40%] h-[60%] bg-primary-fixed\/30 blur-[100px] rounded-full\"><\/div>\n <\/div>\n <div class=\"max-w-7xl mx-auto grid lg:grid-cols-2 gap-12 items-center\">\n <div class=\"flex flex-col gap-8\">\n <div class=\"inline-flex items-center gap-2 px-3 py-1 rounded-full bg-primary\/10 border border-primary\/20 text-primary text-xs font-bold uppercase tracking-widest 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-primary opacity-75\"><\/span>\n <span class=\"relative inline-flex rounded-full h-2 w-2 bg-primary\"><\/span>\n <\/span>\n Dise\u00f1o de Vanguardia\n <\/div>\n <h1 class=\"text-5xl lg:text-7xl font-bold leading-tight tracking-tight text-on-surface\">\n Elevamos tu Marca al <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-primary to-primary-container\">Siguiente Nivel<\/span>\n <\/h1>\n <p class=\"text-lg lg:text-xl text-on-surface-variant max-w-xl leading-relaxed\">\n Dise\u00f1o Gr\u00e1fico con estilo Liquid Glass y elements modernos para una identidad \u00fanica que fluye con la esencia de tu negocio.\n <\/p>\n <div class=\"flex flex-wrap gap-4\">\n <button class=\"bg-primary hover:bg-deep-blue text-white px-8 py-4 rounded-xl text-base font-bold transition-all flex items-center gap-2 group shadow-xl shadow-primary\/20\">\n Saber m\u00e1s\n <span class=\"material-symbols-outlined group-hover:translate-x-1 transition-transform\">arrow_forward<\/span>\n <\/button>\n <button class=\"bg-surface-white border border-outline-variant hover:bg-surface-container-low px-8 py-4 rounded-xl text-base font-bold transition-all text-on-surface\">\n Ver Portafolio\n <\/button>\n <\/div>\n <\/div>\n <div class=\"relative flex justify-center items-center\">\n <div class=\"relative w-full aspect-square max-w-md bg-gradient-to-br from-primary\/10 to-primary-container\/10 rounded-[2.5rem] backdrop-blur-3xl border border-surface-white\/40 shadow-2xl overflow-hidden group\">\n <div class=\"absolute inset-0 bg-surface-white\/10\"><\/div>\n <div class=\"w-full h-full bg-cover bg-center transition-transform duration-700 group-hover:scale-105 grayscale hover:grayscale-0 transition-all duration-700\" data-alt=\"Abstract liquid glass 3D render with monochromatic gradients and fluid shapes\" style=\"background-image: url('https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuCRRjwolFnx-VNOJcoL9AutiZvZMQ5X7adR2GPBiw3b61MFJU3-3wHYZ_DgmF_zmXGBh3VPrmEuLDNmTHS9IKqe8FXPS7a95gh0xRouDqmm_x8okjV6i4qdQUwXvCWzD4_8XNWQaLiY-jCZr1a3IdmlZn09tA_j4ivV_vsQdlZl0pX0rB6zXINNCUO-Xi7gEv0JmlpQRtVRieZglZX-2FgS1-418fC9j78_CCCErNyjEkwKikbk99qR4BrSnsk8vHrL81ZZHaYUyjM');\">\n <\/div>\n <div class=\"absolute bottom-6 left-6 right-6 p-6 rounded-2xl bg-surface-white\/60 backdrop-blur-xl border border-surface-white\/40\">\n <p class=\"text-on-surface font-semibold text-sm\">Visual Identity Concept v2.0<\/p>\n <div class=\"flex gap-1 mt-2\">\n <div class=\"h-1 w-12 bg-primary rounded-full\"><\/div>\n <div class=\"h-1 w-4 bg-primary-fixed-dim rounded-full\"><\/div>\n <div class=\"h-1 w-4 bg-primary-fixed-dim rounded-full\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"absolute -top-6 -right-6 p-4 bg-surface-white rounded-2xl shadow-xl border border-outline-variant flex items-center gap-3\">\n <div class=\"size-10 rounded-full bg-on-primary-fixed-variant\/10 text-primary flex items-center justify-center\">\n <span class=\"material-symbols-outlined\">auto_awesome<\/span>\n <\/div>\n <div>\n <p class=\"text-[10px] uppercase tracking-wider text-outline font-bold\">Calidad<\/p>\n <p class=\"text-sm font-bold text-on-surface\">Premium Digital<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"px-6 lg:px-20 py-24 bg-surface-container-lowest\">\n <div class=\"max-w-7xl mx-auto\">\n <div class=\"flex flex-col items-center text-center mb-16 gap-4\">\n <h2 class=\"text-4xl lg:text-5xl font-bold tracking-tight text-on-surface\">Nuestro Esquema de Trabajo<\/h2>\n <div class=\"h-1.5 w-24 bg-primary rounded-full\"><\/div>\n <p class=\"text-on-surface-variant max-w-2xl mt-2\">\n Transformamos ideas en realidades visuales a trav\u00e9s de un proceso met\u00f3dico y creativo.\n <\/p>\n <\/div>\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8\">\n <div class=\"group relative p-8 rounded-[2rem] bg-surface border border-outline-variant hover:border-primary\/50 transition-all duration-300 shadow-sm hover:shadow-xl overflow-hidden\">\n <div class=\"absolute -top-10 -right-10 size-32 bg-primary\/5 rounded-full group-hover:scale-150 transition-transform duration-500\"><\/div>\n <div class=\"relative z-10\">\n <div class=\"size-14 rounded-2xl bg-primary\/10 text-primary flex items-center justify-center mb-6\">\n <span class=\"material-symbols-outlined text-3xl\">assignment<\/span>\n <\/div>\n <span class=\"text-xs font-bold text-primary tracking-[0.2em] uppercase mb-2 block\">Paso 01<\/span>\n <h3 class=\"text-2xl font-bold mb-3 text-on-surface\">Briefing<\/h3>\n <p class=\"text-on-surface-variant text-sm leading-relaxed\">\n Definici\u00f3n profunda de objetivos, valores y la esencia \u00fanica de tu marca para establecer bases s\u00f3lidas.\n <\/p>\n <\/div>\n <\/div>\n <div class=\"group relative p-8 rounded-[2rem] bg-surface border border-outline-variant hover:border-primary\/50 transition-all duration-300 shadow-sm hover:shadow-xl overflow-hidden\">\n <div class=\"absolute -top-10 -right-10 size-32 bg-primary\/5 rounded-full group-hover:scale-150 transition-transform duration-500\"><\/div>\n <div class=\"relative z-10\">\n <div class=\"size-14 rounded-2xl bg-primary\/10 text-primary flex items-center justify-center mb-6\">\n <span class=\"material-symbols-outlined text-3xl\">lightbulb<\/span>\n <\/div>\n <span class=\"text-xs font-bold text-primary tracking-[0.2em] uppercase mb-2 block\">Paso 02<\/span>\n <h3 class=\"text-2xl font-bold mb-3 text-on-surface\">Conceptualizaci\u00f3n<\/h3>\n <p class=\"text-on-surface-variant text-sm leading-relaxed\">\n Creaci\u00f3n de la ruta visual y abstracta. Exploramos formas y colores que resuenen con tu audiencia.\n <\/p>\n <\/div>\n <\/div>\n <div class=\"group relative p-8 rounded-[2rem] bg-surface border border-outline-variant hover:border-primary\/50 transition-all duration-300 shadow-sm hover:shadow-xl overflow-hidden\">\n <div class=\"absolute -top-10 -right-10 size-32 bg-primary\/5 rounded-full group-hover:scale-150 transition-transform duration-500\"><\/div>\n <div class=\"relative z-10\">\n <div class=\"size-14 rounded-2xl bg-primary\/10 text-primary flex items-center justify-center mb-6\">\n <span class=\"material-symbols-outlined text-3xl\">draw<\/span>\n <\/div>\n <span class=\"text-xs font-bold text-primary tracking-[0.2em] uppercase mb-2 block\">Paso 03<\/span>\n <h3 class=\"text-2xl font-bold mb-3 text-on-surface\">Dise\u00f1o<\/h3>\n <p class=\"text-on-surface-variant text-sm leading-relaxed\">\n Ejecuci\u00f3n creativa con estilo Liquid Glass. Pulimos cada detalle hasta alcanzar la perfecci\u00f3n visual.\n <\/p>\n <\/div>\n <\/div>\n <div class=\"group relative p-8 rounded-[2rem] bg-surface border border-outline-variant hover:border-primary\/50 transition-all duration-300 shadow-sm hover:shadow-xl overflow-hidden\">\n <div class=\"absolute -top-10 -right-10 size-32 bg-primary\/5 rounded-full group-hover:scale-150 transition-transform duration-500\"><\/div>\n <div class=\"relative z-10\">\n <div class=\"size-14 rounded-2xl bg-primary\/10 text-primary flex items-center justify-center mb-6\">\n <span class=\"material-symbols-outlined text-3xl\">rocket_launch<\/span>\n <\/div>\n <span class=\"text-xs font-bold text-primary tracking-[0.2em] uppercase mb-2 block\">Paso 04<\/span>\n <h3 class=\"text-2xl font-bold mb-3 text-on-surface\">Entrega<\/h3>\n <p class=\"text-on-surface-variant text-sm leading-relaxed\">\n Finalizaci\u00f3n y env\u00edo de todos los activos digitales listos para su implementaci\u00f3n inmediata.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"px-6 lg:px-20 py-24 bg-surface-bright\">\n <div class=\"max-w-5xl mx-auto relative overflow-hidden rounded-[2.5rem] bg-primary px-8 py-16 lg:p-20 text-center\">\n <div class=\"absolute top-0 left-0 w-full h-full pointer-events-none overflow-hidden\">\n <div class=\"absolute -top-24 -left-24 size-96 bg-surface-white\/10 blur-3xl rounded-full\"><\/div>\n <div class=\"absolute -bottom-24 -right-24 size-96 bg-primary-fixed\/20 blur-3xl rounded-full\"><\/div>\n <\/div>\n <div class=\"relative z-10 flex flex-col items-center gap-8\">\n <h2 class=\"text-4xl lg:text-6xl font-bold text-on-primary tracking-tight\">\n \u00bfListo para transformar tu imagen?\n <\/h2>\n <p class=\"text-on-primary-container text-lg lg:text-xl max-w-2xl leading-relaxed\">\n Hablemos sobre tu pr\u00f3ximo gran proyecto visual y c\u00f3mo podemos aplicar las \u00faltimas tendencias de dise\u00f1o a tu marca.\n <\/p>\n <button class=\"bg-surface-white text-primary hover:bg-surface-container-low px-10 py-5 rounded-2xl text-lg font-bold transition-all shadow-2xl flex items-center gap-3\">\n Contactar ahora\n <span class=\"material-symbols-outlined\">chat_bubble<\/span>\n <\/button>\n <\/div>\n <\/div>\n <\/section>\n <\/main>\n\n<\/div>\n<\/body>\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>DobleDigital – Dise\u00f1o Gr\u00e1fico Premium Dise\u00f1o de Vanguardia Elevamos tu Marca al Siguiente Nivel Dise\u00f1o Gr\u00e1fico con estilo Liquid Glass […]<\/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-108","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":"DobleDigital – Dise\u00f1o Gr\u00e1fico Premium Dise\u00f1o de Vanguardia Elevamos tu Marca al Siguiente Nivel Dise\u00f1o Gr\u00e1fico con estilo Liquid Glass […]","_links":{"self":[{"href":"https:\/\/dobledigital.es\/index.php\/wp-json\/wp\/v2\/pages\/108","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=108"}],"version-history":[{"count":8,"href":"https:\/\/dobledigital.es\/index.php\/wp-json\/wp\/v2\/pages\/108\/revisions"}],"predecessor-version":[{"id":326,"href":"https:\/\/dobledigital.es\/index.php\/wp-json\/wp\/v2\/pages\/108\/revisions\/326"}],"wp:attachment":[{"href":"https:\/\/dobledigital.es\/index.php\/wp-json\/wp\/v2\/media?parent=108"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":108,"date":"2026-02-18T17:53:01","date_gmt":"2026-02-18T17:53:01","guid":{"rendered":"https:\/\/dobledigital.es\/?page_id=108"},"modified":"2026-05-20T08:49:16","modified_gmt":"2026-05-20T08:49:16","slug":"portfolio","status":"publish","type":"page","link":"https:\/\/dobledigital.es\/index.php\/portfolio\/","title":{"rendered":"Dise\u00f1o gr\u00e1fico"},"content":{"rendered":"\n\n\n\n \n \n DobleDigital – Dise\u00f1o Gr\u00e1fico Premium<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com?plugins=forms,container-queries\"><\/script>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap\" rel=\"stylesheet\"\/>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap\" rel=\"stylesheet\"\/>\n <script id=\"tailwind-config\">\n tailwind.config = {\n darkMode: \"class\",\n theme: {\n extend: {\n \"colors\": {\n \"on-primary-fixed-variant\": \"#333333\",\n \"on-secondary\": \"#ffffff\",\n \"surface-container-low\": \"#f3f3f3\",\n \"secondary-fixed-dim\": \"#c6c6c6\",\n \"tertiary-fixed-dim\": \"#c7c6c6\",\n \"surface-tint\": \"#2d2d2d\",\n \"on-secondary-fixed-variant\": \"#474747\",\n \"surface-dim\": \"#dadada\",\n \"tertiary-fixed\": \"#e3e2e2\",\n \"on-error-container\": \"#93000a\",\n \"on-tertiary-fixed\": \"#1b1c1c\",\n \"surface-container\": \"#eeeeee\",\n \"tertiary\": \"#545555\",\n \"surface-container-highest\": \"#e2e2e2\",\n \"secondary-container\": \"#e2e2e2\",\n \"on-surface\": \"#1a1c1c\",\n \"inverse-surface\": \"#2f3131\",\n \"surface\": \"#f9f9f9\",\n \"surface-container-high\": \"#e8e8e8\",\n \"outline-variant\": \"#c1c6d5\",\n \"inverse-primary\": \"#d1d1d1\",\n \"on-secondary-fixed\": \"#1b1b1b\",\n \"surface-variant\": \"#e2e2e2\",\n \"on-tertiary-container\": \"#f1f0f0\",\n \"secondary\": \"#5e5e5e\",\n \"deep-blue\": \"#1a1a1a\",\n \"primary-container\": \"#404040\",\n \"secondary-fixed\": \"#e2e2e2\",\n \"on-surface-variant\": \"#414753\",\n \"error-container\": \"#ffdad6\",\n \"on-primary-fixed\": \"#1a1a1a\",\n \"on-tertiary\": \"#ffffff\",\n \"on-error\": \"#ffffff\",\n \"primary-fixed\": \"#e0e0e0\",\n \"on-tertiary-fixed-variant\": \"#464747\",\n \"on-secondary-container\": \"#646464\",\n \"primary-fixed-dim\": \"#b0b0b0\",\n \"surface-container-lowest\": \"#ffffff\",\n \"inverse-on-surface\": \"#f1f1f1\",\n \"primary\": \"#2d2d2d\",\n \"surface-bright\": \"#f9f9f9\",\n \"outline\": \"#727784\",\n \"surface-white\": \"#FFFFFF\",\n \"tertiary-container\": \"#6d6d6d\",\n \"on-primary-container\": \"#f5f5f5\",\n \"error\": \"#ba1a1a\",\n \"on-background\": \"#1a1c1c\",\n \"background\": \"#f9f9f9\",\n \"on-primary\": \"#ffffff\"\n },\n \"borderRadius\": {\n \"DEFAULT\": \"0.125rem\",\n \"lg\": \"0.25rem\",\n \"xl\": \"0.5rem\",\n \"full\": \"0.75rem\"\n },\n \"spacing\": {\n \"gutter\": \"24px\",\n \"base\": \"8px\",\n \"container-max\": \"1200px\",\n \"section-gap-md\": \"80px\",\n \"section-gap-lg\": \"120px\"\n },\n \"fontFamily\": {\n \"body-sm\": [\"Montserrat\"],\n \"label-bold\": [\"Montserrat\"],\n \"headline-md\": [\"Playfair Display\"],\n \"display-lg\": [\"Playfair Display\"],\n \"title-lg\": [\"Montserrat\"],\n \"display-lg-mobile\": [\"Playfair Display\"],\n \"body-md\": [\"Montserrat\"],\n \"display\": [\"Playfair Display\", \"serif\"],\n \"sans\": [\"Montserrat\", \"sans-serif\"]\n }\n },\n },\n }\n <\/script>\n <style>\n body { font-family: 'Montserrat', sans-serif; }\n h1, h2, h3 { font-family: 'Playfair Display', serif; }\n <\/style>\n<\/head>\n<body class=\"bg-surface text-on-surface antialiased overflow-x-hidden\">\n<div class=\"relative flex min-h-screen w-full flex-col\">\n\n <main class=\"flex-1\">\n <section class=\"relative w-full overflow-hidden px-6 lg:px-20 py-20 lg:py-32 bg-surface-bright\">\n <div class=\"absolute top-0 left-1\/2 -translate-x-1\/2 w-full h-full -z-10 opacity-20 pointer-events-none\">\n <div class=\"absolute top-[-10%] left-[-10%] w-[50%] h-[70%] bg-primary\/20 blur-[120px] rounded-full\"><\/div>\n <div class=\"absolute bottom-[-10%] right-[-10%] w-[40%] h-[60%] bg-primary-fixed\/30 blur-[100px] rounded-full\"><\/div>\n <\/div>\n <div class=\"max-w-7xl mx-auto grid lg:grid-cols-2 gap-12 items-center\">\n <div class=\"flex flex-col gap-8\">\n <div class=\"inline-flex items-center gap-2 px-3 py-1 rounded-full bg-primary\/10 border border-primary\/20 text-primary text-xs font-bold uppercase tracking-widest 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-primary opacity-75\"><\/span>\n <span class=\"relative inline-flex rounded-full h-2 w-2 bg-primary\"><\/span>\n <\/span>\n Dise\u00f1o de Vanguardia\n <\/div>\n <h1 class=\"text-5xl lg:text-7xl font-bold leading-tight tracking-tight text-on-surface\">\n Elevamos tu Marca al <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-primary to-primary-container\">Siguiente Nivel<\/span>\n <\/h1>\n <p class=\"text-lg lg:text-xl text-on-surface-variant max-w-xl leading-relaxed\">\n Dise\u00f1o Gr\u00e1fico con estilo Liquid Glass y elements modernos para una identidad \u00fanica que fluye con la esencia de tu negocio.\n <\/p>\n <div class=\"flex flex-wrap gap-4\">\n <button class=\"bg-primary hover:bg-deep-blue text-white px-8 py-4 rounded-xl text-base font-bold transition-all flex items-center gap-2 group shadow-xl shadow-primary\/20\">\n Saber m\u00e1s\n <span class=\"material-symbols-outlined group-hover:translate-x-1 transition-transform\">arrow_forward<\/span>\n <\/button>\n <button class=\"bg-surface-white border border-outline-variant hover:bg-surface-container-low px-8 py-4 rounded-xl text-base font-bold transition-all text-on-surface\">\n Ver Portafolio\n <\/button>\n <\/div>\n <\/div>\n <div class=\"relative flex justify-center items-center\">\n <div class=\"relative w-full aspect-square max-w-md bg-gradient-to-br from-primary\/10 to-primary-container\/10 rounded-[2.5rem] backdrop-blur-3xl border border-surface-white\/40 shadow-2xl overflow-hidden group\">\n <div class=\"absolute inset-0 bg-surface-white\/10\"><\/div>\n <div class=\"w-full h-full bg-cover bg-center transition-transform duration-700 group-hover:scale-105 grayscale hover:grayscale-0 transition-all duration-700\" data-alt=\"Abstract liquid glass 3D render with monochromatic gradients and fluid shapes\" style=\"background-image: url('https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuCRRjwolFnx-VNOJcoL9AutiZvZMQ5X7adR2GPBiw3b61MFJU3-3wHYZ_DgmF_zmXGBh3VPrmEuLDNmTHS9IKqe8FXPS7a95gh0xRouDqmm_x8okjV6i4qdQUwXvCWzD4_8XNWQaLiY-jCZr1a3IdmlZn09tA_j4ivV_vsQdlZl0pX0rB6zXINNCUO-Xi7gEv0JmlpQRtVRieZglZX-2FgS1-418fC9j78_CCCErNyjEkwKikbk99qR4BrSnsk8vHrL81ZZHaYUyjM');\">\n <\/div>\n <div class=\"absolute bottom-6 left-6 right-6 p-6 rounded-2xl bg-surface-white\/60 backdrop-blur-xl border border-surface-white\/40\">\n <p class=\"text-on-surface font-semibold text-sm\">Visual Identity Concept v2.0<\/p>\n <div class=\"flex gap-1 mt-2\">\n <div class=\"h-1 w-12 bg-primary rounded-full\"><\/div>\n <div class=\"h-1 w-4 bg-primary-fixed-dim rounded-full\"><\/div>\n <div class=\"h-1 w-4 bg-primary-fixed-dim rounded-full\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"absolute -top-6 -right-6 p-4 bg-surface-white rounded-2xl shadow-xl border border-outline-variant flex items-center gap-3\">\n <div class=\"size-10 rounded-full bg-on-primary-fixed-variant\/10 text-primary flex items-center justify-center\">\n <span class=\"material-symbols-outlined\">auto_awesome<\/span>\n <\/div>\n <div>\n <p class=\"text-[10px] uppercase tracking-wider text-outline font-bold\">Calidad<\/p>\n <p class=\"text-sm font-bold text-on-surface\">Premium Digital<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"px-6 lg:px-20 py-24 bg-surface-container-lowest\">\n <div class=\"max-w-7xl mx-auto\">\n <div class=\"flex flex-col items-center text-center mb-16 gap-4\">\n <h2 class=\"text-4xl lg:text-5xl font-bold tracking-tight text-on-surface\">Nuestro Esquema de Trabajo<\/h2>\n <div class=\"h-1.5 w-24 bg-primary rounded-full\"><\/div>\n <p class=\"text-on-surface-variant max-w-2xl mt-2\">\n Transformamos ideas en realidades visuales a trav\u00e9s de un proceso met\u00f3dico y creativo.\n <\/p>\n <\/div>\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8\">\n <div class=\"group relative p-8 rounded-[2rem] bg-surface border border-outline-variant hover:border-primary\/50 transition-all duration-300 shadow-sm hover:shadow-xl overflow-hidden\">\n <div class=\"absolute -top-10 -right-10 size-32 bg-primary\/5 rounded-full group-hover:scale-150 transition-transform duration-500\"><\/div>\n <div class=\"relative z-10\">\n <div class=\"size-14 rounded-2xl bg-primary\/10 text-primary flex items-center justify-center mb-6\">\n <span class=\"material-symbols-outlined text-3xl\">assignment<\/span>\n <\/div>\n <span class=\"text-xs font-bold text-primary tracking-[0.2em] uppercase mb-2 block\">Paso 01<\/span>\n <h3 class=\"text-2xl font-bold mb-3 text-on-surface\">Briefing<\/h3>\n <p class=\"text-on-surface-variant text-sm leading-relaxed\">\n Definici\u00f3n profunda de objetivos, valores y la esencia \u00fanica de tu marca para establecer bases s\u00f3lidas.\n <\/p>\n <\/div>\n <\/div>\n <div class=\"group relative p-8 rounded-[2rem] bg-surface border border-outline-variant hover:border-primary\/50 transition-all duration-300 shadow-sm hover:shadow-xl overflow-hidden\">\n <div class=\"absolute -top-10 -right-10 size-32 bg-primary\/5 rounded-full group-hover:scale-150 transition-transform duration-500\"><\/div>\n <div class=\"relative z-10\">\n <div class=\"size-14 rounded-2xl bg-primary\/10 text-primary flex items-center justify-center mb-6\">\n <span class=\"material-symbols-outlined text-3xl\">lightbulb<\/span>\n <\/div>\n <span class=\"text-xs font-bold text-primary tracking-[0.2em] uppercase mb-2 block\">Paso 02<\/span>\n <h3 class=\"text-2xl font-bold mb-3 text-on-surface\">Conceptualizaci\u00f3n<\/h3>\n <p class=\"text-on-surface-variant text-sm leading-relaxed\">\n Creaci\u00f3n de la ruta visual y abstracta. Exploramos formas y colores que resuenen con tu audiencia.\n <\/p>\n <\/div>\n <\/div>\n <div class=\"group relative p-8 rounded-[2rem] bg-surface border border-outline-variant hover:border-primary\/50 transition-all duration-300 shadow-sm hover:shadow-xl overflow-hidden\">\n <div class=\"absolute -top-10 -right-10 size-32 bg-primary\/5 rounded-full group-hover:scale-150 transition-transform duration-500\"><\/div>\n <div class=\"relative z-10\">\n <div class=\"size-14 rounded-2xl bg-primary\/10 text-primary flex items-center justify-center mb-6\">\n <span class=\"material-symbols-outlined text-3xl\">draw<\/span>\n <\/div>\n <span class=\"text-xs font-bold text-primary tracking-[0.2em] uppercase mb-2 block\">Paso 03<\/span>\n <h3 class=\"text-2xl font-bold mb-3 text-on-surface\">Dise\u00f1o<\/h3>\n <p class=\"text-on-surface-variant text-sm leading-relaxed\">\n Ejecuci\u00f3n creativa con estilo Liquid Glass. Pulimos cada detalle hasta alcanzar la perfecci\u00f3n visual.\n <\/p>\n <\/div>\n <\/div>\n <div class=\"group relative p-8 rounded-[2rem] bg-surface border border-outline-variant hover:border-primary\/50 transition-all duration-300 shadow-sm hover:shadow-xl overflow-hidden\">\n <div class=\"absolute -top-10 -right-10 size-32 bg-primary\/5 rounded-full group-hover:scale-150 transition-transform duration-500\"><\/div>\n <div class=\"relative z-10\">\n <div class=\"size-14 rounded-2xl bg-primary\/10 text-primary flex items-center justify-center mb-6\">\n <span class=\"material-symbols-outlined text-3xl\">rocket_launch<\/span>\n <\/div>\n <span class=\"text-xs font-bold text-primary tracking-[0.2em] uppercase mb-2 block\">Paso 04<\/span>\n <h3 class=\"text-2xl font-bold mb-3 text-on-surface\">Entrega<\/h3>\n <p class=\"text-on-surface-variant text-sm leading-relaxed\">\n Finalizaci\u00f3n y env\u00edo de todos los activos digitales listos para su implementaci\u00f3n inmediata.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"px-6 lg:px-20 py-24 bg-surface-bright\">\n <div class=\"max-w-5xl mx-auto relative overflow-hidden rounded-[2.5rem] bg-primary px-8 py-16 lg:p-20 text-center\">\n <div class=\"absolute top-0 left-0 w-full h-full pointer-events-none overflow-hidden\">\n <div class=\"absolute -top-24 -left-24 size-96 bg-surface-white\/10 blur-3xl rounded-full\"><\/div>\n <div class=\"absolute -bottom-24 -right-24 size-96 bg-primary-fixed\/20 blur-3xl rounded-full\"><\/div>\n <\/div>\n <div class=\"relative z-10 flex flex-col items-center gap-8\">\n <h2 class=\"text-4xl lg:text-6xl font-bold text-on-primary tracking-tight\">\n \u00bfListo para transformar tu imagen?\n <\/h2>\n <p class=\"text-on-primary-container text-lg lg:text-xl max-w-2xl leading-relaxed\">\n Hablemos sobre tu pr\u00f3ximo gran proyecto visual y c\u00f3mo podemos aplicar las \u00faltimas tendencias de dise\u00f1o a tu marca.\n <\/p>\n <button class=\"bg-surface-white text-primary hover:bg-surface-container-low px-10 py-5 rounded-2xl text-lg font-bold transition-all shadow-2xl flex items-center gap-3\">\n Contactar ahora\n <span class=\"material-symbols-outlined\">chat_bubble<\/span>\n <\/button>\n <\/div>\n <\/div>\n <\/section>\n <\/main>\n\n<\/div>\n<\/body>\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>DobleDigital – Dise\u00f1o Gr\u00e1fico Premium Dise\u00f1o de Vanguardia Elevamos tu Marca al Siguiente Nivel Dise\u00f1o Gr\u00e1fico con estilo Liquid Glass […]<\/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-108","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":"DobleDigital – Dise\u00f1o Gr\u00e1fico Premium Dise\u00f1o de Vanguardia Elevamos tu Marca al Siguiente Nivel Dise\u00f1o Gr\u00e1fico con estilo Liquid Glass […]","_links":{"self":[{"href":"https:\/\/dobledigital.es\/index.php\/wp-json\/wp\/v2\/pages\/108","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=108"}],"version-history":[{"count":8,"href":"https:\/\/dobledigital.es\/index.php\/wp-json\/wp\/v2\/pages\/108\/revisions"}],"predecessor-version":[{"id":326,"href":"https:\/\/dobledigital.es\/index.php\/wp-json\/wp\/v2\/pages\/108\/revisions\/326"}],"wp:attachment":[{"href":"https:\/\/dobledigital.es\/index.php\/wp-json\/wp\/v2\/media?parent=108"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}