{"id":44,"date":"2026-01-24T07:45:56","date_gmt":"2026-01-24T07:45:56","guid":{"rendered":"https:\/\/devcoresys.com\/?page_id=44"},"modified":"2026-01-24T09:06:49","modified_gmt":"2026-01-24T09:06:49","slug":"homepage","status":"publish","type":"page","link":"https:\/\/devcoresys.com\/","title":{"rendered":"Homepage"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"44\" class=\"elementor elementor-44\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bc0ad75 e-flex e-con-boxed e-con e-parent\" data-id=\"bc0ad75\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e5a993f elementor-widget elementor-widget-theme-site-logo elementor-widget-image\" data-id=\"e5a993f\" data-element_type=\"widget\" data-widget_type=\"theme-site-logo.default\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/devcoresys.com\">\n\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1390\" height=\"250\" src=\"https:\/\/devcoresys.com\/wp-content\/uploads\/2026\/01\/devcoresyslogo2-2.png\" class=\"attachment-full size-full wp-image-93\" alt=\"\" srcset=\"https:\/\/devcoresys.com\/wp-content\/uploads\/2026\/01\/devcoresyslogo2-2.png 1390w, https:\/\/devcoresys.com\/wp-content\/uploads\/2026\/01\/devcoresyslogo2-2-300x54.png 300w, https:\/\/devcoresys.com\/wp-content\/uploads\/2026\/01\/devcoresyslogo2-2-1024x184.png 1024w, https:\/\/devcoresys.com\/wp-content\/uploads\/2026\/01\/devcoresyslogo2-2-768x138.png 768w\" sizes=\"(max-width: 1390px) 100vw, 1390px\" \/>\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8126c8f e-flex e-con-boxed e-con e-parent\" data-id=\"8126c8f\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5bc8fd2 elementor-widget elementor-widget-html\" data-id=\"5bc8fd2\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <meta name=\"description\" content=\"DevCoreSys - Hub de desarrollo a medida y tutoriales avanzados. Madrid, Espa\u00f1a.\">\n    <title>DevCoreSys | Build Deep<\/title>\n    \n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600&family=Montserrat:wght@400;500;700;800&display=swap\" rel=\"stylesheet\">\n\n    <style>\n        \/* --- RESET & BASE --- *\/\n        :root {\n            --bg-color: #0a0a0a;\n            --text-primary: #ffffff;\n            --text-secondary: #a1a1a1;\n            --text-tertiary: #555555; \n            \n            \/* COLOR ACENTO: Rojo Ladrillo (Para detalles y selecci\u00f3n) *\/\n            --brand-color: #ce3d21; \n            \n            \/* COLOR HOVER ICONOS *\/\n            --icon-hover: #E2DEDA;\n\n            --card-bg: #111111;\n            --border: #262626;\n            \n            --font-heading: 'Montserrat', sans-serif;\n            --font-body: 'Inter', sans-serif;\n        }\n\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        ::selection {\n            background: var(--brand-color);\n            color: #ffffff;\n        }\n\n        body {\n            background-color: var(--bg-color);\n            color: var(--text-primary);\n            font-family: var(--font-body);\n            line-height: 1.6;\n            -webkit-font-smoothing: antialiased;\n        }\n\n        a { text-decoration: none; color: inherit; transition: 0.3s; }\n        ul { list-style: none; }\n\n        \/* --- LAYOUT UTILITIES --- *\/\n        .container {\n            max-width: 1000px;\n            margin: 0 auto;\n            padding: 0 2rem;\n        }\n\n        .fade-in {\n            opacity: 0;\n            animation: fadeIn 1.5s ease-out forwards;\n        }\n\n        @keyframes fadeIn {\n            from { opacity: 0; transform: translateY(20px); }\n            to { opacity: 1; transform: translateY(0); }\n        }\n\n        \/* --- HERO SECTION --- *\/\n        .hero {\n            min-height: 85vh; \n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: flex-start;\n            padding: 2rem 0;\n        }\n\n        h1 {\n            font-family: var(--font-heading);\n            font-size: 4rem;\n            line-height: 1.1;\n            font-weight: 800;\n            letter-spacing: -2px;\n            background: linear-gradient(to right, #fff, #888);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            margin-bottom: 1.5rem;\n        }\n\n        .subtitle {\n            font-size: 1.25rem;\n            color: var(--text-secondary);\n            max-width: 600px;\n            font-weight: 300;\n        }\n\n        \/* --- SEPARATOR --- *\/\n        hr {\n            border: 0;\n            height: 1px;\n            background: var(--border);\n            margin: 4rem 0;\n        }\n\n        \/* --- SECTION TITLES --- *\/\n        h2 {\n            font-family: var(--font-heading);\n            font-size: 2rem;\n            margin-bottom: 2rem;\n            font-weight: 700;\n            letter-spacing: -1px;\n        }\n        \n        h2 span { color: var(--brand-color); } \n\n        \/* --- CARDS & GRID --- *\/\n        .grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 2rem;\n        }\n\n        .card {\n            background: var(--card-bg);\n            border: 1px solid var(--border);\n            padding: 2.5rem;\n            border-radius: 4px;\n            transition: all 0.3s ease;\n        }\n\n        .card:hover {\n            border-color: var(--brand-color);\n            transform: translateY(-5px);\n        }\n\n        .card h3 {\n            font-family: var(--font-heading);\n            font-size: 1.4rem;\n            margin-bottom: 1rem;\n            font-weight: 700;\n        }\n\n        .card p {\n            color: var(--text-secondary);\n            font-size: 0.95rem;\n            margin-bottom: 2rem;\n        }\n\n        \/* --- WHAT WE DO (Listas) --- *\/\n        .services-detail {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 3rem;\n            padding: 1rem 0;\n        }\n\n        .service-block h3 {\n            font-family: var(--font-heading);\n            font-size: 1.4rem;\n            margin-bottom: 1rem;\n            color: var(--text-primary);\n        }\n\n        .service-block p {\n            color: var(--text-secondary);\n            margin-bottom: 1.5rem;\n        }\n\n        .service-block ul li {\n            margin-bottom: 0.8rem;\n            color: var(--text-secondary);\n            display: flex;\n            align-items: center;\n            font-size: 0.95rem;\n        }\n\n        .service-block ul li::before {\n            content: \"\/\";\n            color: var(--brand-color);\n            margin-right: 12px;\n            font-weight: 700;\n            font-family: monospace;\n            font-size: 1.1rem;\n        }\n\n        \/* --- LINKS --- *\/\n        .link-arrow {\n            font-size: 0.9rem;\n            font-weight: 600;\n            display: inline-flex;\n            align-items: center;\n            border-bottom: 1px solid transparent;\n            padding-bottom: 2px;\n            color: var(--text-primary);\n        }\n\n        .link-arrow:hover {\n            color: var(--brand-color);\n            border-bottom: 1px solid var(--brand-color);\n        }\n\n        .link-arrow::after {\n            content: \"\u2192\";\n            margin-left: 8px;\n            transition: margin 0.3s;\n            color: var(--brand-color);\n        }\n\n        .link-arrow:hover::after { margin-left: 12px; }\n\n        \/* --- FOOTER --- *\/\n        footer {\n            padding: 4rem 0;\n            border-top: 1px solid var(--border);\n            margin-top: 6rem;\n        }\n\n        .footer-content {\n            display: flex;\n            justify-content: space-between;\n            flex-wrap: wrap;\n            gap: 3rem;\n        }\n\n        .contact-info h4 {\n            font-family: var(--font-heading);\n            font-size: 0.85rem;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            color: var(--text-tertiary);\n            margin-bottom: 1.2rem;\n        }\n\n        .contact-item {\n            margin-bottom: 0.6rem;\n            display: block;\n            color: var(--text-primary);\n            font-weight: 300;\n        }\n\n        .contact-item:hover { color: var(--brand-color); }\n\n        .location {\n            color: var(--text-secondary);\n            font-size: 0.9rem;\n        }\n        \n        .social-links {\n            display: flex;\n            gap: 1.5rem;\n            margin-top: 1.5rem;\n        }\n        \n        .social-links a svg {\n            width: 22px;\n            height: 22px;\n            fill: var(--text-secondary); \/* Color base gris *\/\n            transition: all 0.3s;\n        }\n        \n        .social-links a:hover svg {\n            fill: var(--icon-hover); \/* Nuevo color #E2DEDA al hover *\/\n            transform: scale(1.1);\n        }\n\n        \/* --- MOBILE --- *\/\n        @media (max-width: 768px) {\n            h1 { font-size: 2.5rem; }\n            .hero { min-height: auto; padding: 6rem 0 4rem 0; }\n            .footer-content { flex-direction: column; gap: 2rem; }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <div class=\"container\">\n        \n        <section class=\"hero fade-in\">\n            <h1>El N\u00facleo de tu<br>Arquitectura Digital.<\/h1>\n            <p class=\"subtitle\">\n                Hub de desarrollo de software a medida de alto rendimiento y \n                formaci\u00f3n tecnol\u00f3gica avanzada. Minimalismo en el c\u00f3digo, m\u00e1ximo impacto.\n            <\/p>\n        <\/section>\n\n        <hr class=\"fade-in\" style=\"animation-delay: 0.1s;\">\n\n        <section class=\"grid-section fade-in\" style=\"animation-delay: 0.2s;\">\n            <div class=\"grid\">\n                <div class=\"card\">\n                    <h3>Core Development<\/h3>\n                    <p>Ingenier\u00eda de software personalizada para empresas que buscan escalabilidad y robustez. Tu socio tecnol\u00f3gico de confianza.<\/p>\n                    <a href=\"mailto:info@devcoresys.com\" class=\"link-arrow\">Solicitar Consultor\u00eda<\/a>\n                <\/div>\n\n                <div class=\"card\">\n                    <h3>Knowledge Hub<\/h3>\n                    <p>Tutoriales profundos, an\u00e1lisis de c\u00f3digo y best-practices. Compartimos el conocimiento t\u00e9cnico directamente desde nuestras pantallas.<\/p>\n                    <a href=\"https:\/\/youtube.com\/@devcoresys\" target=\"_blank\" class=\"link-arrow\">Ver Canal de YouTube<\/a>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <hr class=\"fade-in\" style=\"animation-delay: 0.3s;\">\n\n        <section class=\"fade-in\" style=\"animation-delay: 0.4s;\">\n            <h2>Qu\u00e9 Hacemos<span>.<\/span><\/h2>\n            <div class=\"services-detail\">\n                <div class=\"service-block\">\n                    <h3>Desarrollo a Medida<\/h3>\n                    <p>Nos especializamos en construir soluciones digitales desde cero, adaptadas exactamente a las necesidades de tu negocio.<\/p>\n                    <ul>\n                        <li>Arquitecturas Backend Escalables<\/li>\n                        <li>Desarrollo de APIs RESTful & GraphQL<\/li>\n                        <li>Integraci\u00f3n de Sistemas Complejos<\/li>\n                        <li>Optimizaci\u00f3n de Rendimiento<\/li>\n                    <\/ul>\n                <\/div>\n                <div class=\"service-block\">\n                    <h3>Educaci\u00f3n y Comunidad<\/h3>\n                    <p>Creemos en el poder de compartir el conocimiento. Recurso gratuito para desarrolladores que buscan \"Deep Dive\".<\/p>\n                    <ul>\n                        <li>Tutoriales avanzados de C\u00f3digo<\/li>\n                        <li>An\u00e1lisis de Arquitectura de Software<\/li>\n                        <li>Buenas Pr\u00e1cticas y Patrones de Dise\u00f1o<\/li>\n                        <li>Revisiones de C\u00f3digo en Vivo<\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <footer class=\"fade-in\" style=\"animation-delay: 0.6s;\">\n            <div class=\"footer-content\">\n                \n                <div class=\"contact-block\">\n                    <div class=\"contact-info\">\n                        <h4>Contacto<\/h4>\n                        <a href=\"mailto:info@devcoresys.com\" class=\"contact-item\">info@devcoresys.com<\/a>\n                        <a href=\"mailto:help@devcoresys.com\" class=\"contact-item\">help@devcoresys.com<\/a>\n                    <\/div>\n                <\/div>\n\n                <div class=\"contact-block\">\n                    <div class=\"contact-info\">\n                        <h4>Ubicaci\u00f3n & Social<\/h4>\n                        <p class=\"location\">Madrid, Espa\u00f1a<\/p>\n                        <div class=\"social-links\">\n                            <a href=\"https:\/\/youtube.com\/@devcoresys\" target=\"_blank\" aria-label=\"YouTube\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z\"\/><\/svg>\n                            <\/a>\n                            <a href=\"https:\/\/instagram.com\/devcoresys\" target=\"_blank\" aria-label=\"Instagram\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z\"\/><\/svg>\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n            <div style=\"margin-top: 5rem; font-size: 0.75rem; color: #white; border-top: 1px solid #1a1a1a; padding-top: 1.5rem; display: flex; justify-content: space-between;\">\n                <span>&copy; <span id=\"current-year\"><\/span> DevCoreSys.<\/span>\n                <span>Designed with Pure Logic \ud83d\ude09<\/span>\n            <\/div>\n        <\/footer>\n    <\/div>\n\n    <script>\n        document.getElementById('current-year').textContent = new Date().getFullYear();\n    <\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0e033d4 e-flex e-con-boxed e-con e-parent\" data-id=\"0e033d4\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>DevCoreSys | Build Deep El N\u00facleo de tuArquitectura Digital. Hub de desarrollo de software a medida de alto rendimiento y formaci\u00f3n tecnol\u00f3gica avanzada. Minimalismo en el c\u00f3digo, m\u00e1ximo impacto. Core Development Ingenier\u00eda de software personalizada para empresas que buscan escalabilidad y robustez. Tu socio tecnol\u00f3gico de confianza. Solicitar Consultor\u00eda Knowledge Hub Tutoriales profundos, an\u00e1lisis de [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-44","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/devcoresys.com\/index.php?rest_route=\/wp\/v2\/pages\/44","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devcoresys.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/devcoresys.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/devcoresys.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/devcoresys.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=44"}],"version-history":[{"count":18,"href":"https:\/\/devcoresys.com\/index.php?rest_route=\/wp\/v2\/pages\/44\/revisions"}],"predecessor-version":[{"id":115,"href":"https:\/\/devcoresys.com\/index.php?rest_route=\/wp\/v2\/pages\/44\/revisions\/115"}],"wp:attachment":[{"href":"https:\/\/devcoresys.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=44"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}