{"id":2,"date":"2026-09-13T03:58:22","date_gmt":"2026-09-13T03:58:22","guid":{"rendered":"https:\/\/elberbravo.org\/?page_id=2"},"modified":"2026-09-13T04:10:01","modified_gmt":"2026-09-13T04:10:01","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/elberbravo.org\/","title":{"rendered":"Sample Pa"},"content":{"rendered":"\n<!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    <title>En Construcci\u00f3n<\/title>\n    <style>\n        :root {\n            \/* Colores neutros y sofisticados *\/\n            --bg-color: #f4f4f6;\n            --text-main: #2d3748;\n            --text-secondary: #718096;\n            --accent: #4a5568;\n            --brain-color: #cbd5e0;\n        }\n\n        body {\n            margin: 0;\n            padding: 0;\n            min-height: 100vh;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            background-color: var(--bg-color);\n            font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n            color: var(--text-main);\n            overflow: hidden; \/* Evitar scroll durante la animaci\u00f3n *\/\n        }\n\n        .container {\n            text-align: center;\n            padding: 2rem;\n            max-width: 600px;\n            z-index: 10;\n        }\n\n        \/* Contenedor principal de la animaci\u00f3n *\/\n        .brain-container {\n            position: relative;\n            width: 200px;\n            height: 200px;\n            margin: 0 auto 2rem auto;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n        }\n\n        \/* Nodos pulsantes formando la estructura abstracta *\/\n        .node {\n            position: absolute;\n            background-color: var(--accent);\n            border-radius: 50%;\n            opacity: 0;\n            transform-origin: center;\n        }\n\n        @keyframes pulseNode {\n            0% { transform: scale(0.8); opacity: 0; }\n            50% { opacity: 0.6; box-shadow: 0 0 8px var(--accent); }\n            100% { transform: scale(1.2) translate(1px, -1px); opacity: 0; }\n        }\n\n        \/* Tipograf\u00eda *\/\n        h1 {\n            font-size: 2.5rem;\n            font-weight: 300;\n            margin-bottom: 0.5rem;\n            letter-spacing: -0.05em;\n        }\n\n        p {\n            font-size: 1.1rem;\n            color: var(--text-secondary);\n            font-weight: 300;\n            line-height: 1.6;\n        }\n        \n        .dots::after {\n            content: '';\n            animation: dots 1.5s steps(4, end) infinite;\n        }\n\n        @keyframes dots {\n            0%, 20% { content: ''; }\n            40% { content: '.'; }\n            60% { content: '..'; }\n            80%, 100% { content: '...'; }\n        }\n\n        \/* Dise\u00f1o responsivo *\/\n        @media (max-width: 480px) {\n            .brain-container {\n                width: 150px;\n                height: 150px;\n            }\n            h1 {\n                font-size: 2rem;\n            }\n            p {\n                font-size: 1rem;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <div class=\"container\">\n        <div class=\"brain-container\" id=\"brainContainer\">\n            <!-- Los nodos se a\u00f1adir\u00e1n aqu\u00ed v\u00eda JavaScript para formar la abstracci\u00f3n -->\n        <\/div>\n        \n        <h1>Pensando<span class=\"dots\"><\/span><\/h1>\n        <p>Estamos dise\u00f1ando la arquitectura de algo nuevo. Vuelve pronto.<\/p>\n    <\/div>\n\n    <script>\n        document.addEventListener('DOMContentLoaded', () => {\n            const container = document.getElementById('brainContainer');\n            const numNodes = 60; \/\/ Mayor cantidad de puntos para formar una nube\/red\n\n            \/\/ Funci\u00f3n para crear nodos que simulan la red neuronal abstracta\n            for (let i = 0; i < numNodes; i++) {\n                const node = document.createElement('div');\n                node.classList.add('node');\n                \n                \/\/ Posici\u00f3n aleatoria dentro de una elipse (sugiriendo forma de cerebro)\n                const angle = Math.random() * Math.PI * 2;\n                const radius = Math.sqrt(Math.random()); \/\/ Distribuci\u00f3n circular m\u00e1s uniforme\n                \n                const widthRadius = 90;\n                const heightRadius = 65;\n\n                let xOffset = Math.cos(angle) * widthRadius * radius;\n                let yOffset = Math.sin(angle) * heightRadius * radius;\n\n                \/\/ Separar un poco los nodos en el centro vertical para simular los dos hemisferios\n                if (xOffset > -15 && xOffset < 15) {\n                    yOffset += (yOffset > 0 ? 8 : -8);\n                }\n\n                \/\/ Coordenadas finales relativas al centro del contenedor (100, 100)\n                const x = 100 + xOffset;\n                const y = 100 + yOffset;\n\n                node.style.left = `${x}px`;\n                node.style.top = `${y}px`;\n                \n                \/\/ Tama\u00f1os variados para dar profundidad\n                const size = 2 + Math.random() * 4.5;\n                node.style.width = `${size}px`;\n                node.style.height = `${size}px`;\n\n                \/\/ Animaci\u00f3n desfasada y continua\n                const delay = Math.random() * 4;\n                const duration = 2 + Math.random() * 3;\n                node.style.animation = `pulseNode ${duration}s ease-in-out ${delay}s infinite alternate`;\n                \n                container.appendChild(node);\n            }\n        });\n    <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>En Construcci\u00f3n Pensando Estamos dise\u00f1ando la arquitectura de algo nuevo. Vuelve pronto.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"disabled","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":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"disabled","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-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/elberbravo.org\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elberbravo.org\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/elberbravo.org\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/elberbravo.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/elberbravo.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":2,"href":"https:\/\/elberbravo.org\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":11,"href":"https:\/\/elberbravo.org\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/11"}],"wp:attachment":[{"href":"https:\/\/elberbravo.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}