{"id":113,"date":"2026-06-18T08:50:27","date_gmt":"2026-06-18T08:50:27","guid":{"rendered":"https:\/\/brujaverso.marcosnahuel.com\/?page_id=113"},"modified":"2026-06-18T08:59:53","modified_gmt":"2026-06-18T08:59:53","slug":"113-2","status":"publish","type":"page","link":"https:\/\/brujaverso.marcosnahuel.com\/actividad\/113-2\/","title":{"rendered":""},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"es\" class=\"h-full\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>BrujaVerso \u2014 Portal de Acceso<\/title>\n    <!-- Tailwind CSS -->\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <!-- Google Fonts: Cinzel Decorative, Cinzel & Inter -->\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=Cinzel+Decorative:wght@400;700;900&#038;family=Inter:wght@300;400;500;600&#038;family=Cinzel:wght@400;700&#038;display=swap\" rel=\"stylesheet\">\n    <!-- Font Awesome (for mystical backup icons) -->\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n    \n    <style>\n        body {\n            font-family: 'Inter', sans-serif;\n            background-color: #020617; \/* Azul profundo c\u00f3smico \/ Midnight Blue *\/\n            color: #f1f5f9;\n        }\n        h1, h2, h3, .mystic-font {\n            font-family: 'Cinzel Decorative', serif;\n        }\n        .serif-font {\n            font-family: 'Cinzel', serif;\n        }\n        \n        \/* Glowing Effects *\/\n        .glow-gold {\n            text-shadow: 0 0 10px rgba(251, 191, 36, 0.4), 0 0 20px rgba(251, 191, 36, 0.2);\n        }\n        .glow-filter-gold {\n            filter: drop-shadow(0 0 8px rgba(251, 191, 36, 0.5));\n        }\n        .border-glow {\n            box-shadow: 0 0 15px rgba(59, 130, 246, 0.1);\n            transition: all 0.5s ease;\n        }\n        .border-glow:hover {\n            box-shadow: 0 0 25px rgba(251, 191, 36, 0.2);\n            border-color: rgba(251, 191, 36, 0.4);\n        }\n\n        \/* Cosmic background noise texture *\/\n        .cosmic-noise {\n            background-image: radial-gradient(rgba(255, 255, 255, 0.06) 1px, transparent 1px);\n            background-size: 24px 24px;\n        }\n\n        \/* Float Animations *\/\n        @keyframes float {\n            0%, 100% { transform: translateY(0px) rotate(0deg); }\n            50% { transform: translateY(-8px) rotate(-1.5deg); }\n        }\n        .animate-float {\n            animation: float 5s ease-in-out infinite;\n        }\n\n        \/* Glassmorphism Panel con base azul oscuro *\/\n        .glass-panel {\n            background: rgba(3, 10, 30, 0.75);\n            backdrop-filter: blur(20px);\n            -webkit-backdrop-filter: blur(20px);\n            border: 1px solid rgba(59, 130, 246, 0.15);\n        }\n    <\/style>\n<\/head>\n<body class=\"cosmic-noise relative h-full overflow-hidden select-none flex flex-col justify-between selection:bg-blue-950 selection:text-amber-200\">\n\n    <!-- Canvas para el fondo estelar din\u00e1mico -->\n    <canvas id=\"cosmic-canvas\" class=\"fixed top-0 left-0 w-full h-full -z-10 pointer-events-none\"><\/canvas>\n\n    <!-- Orbes ambientales de luz c\u00f3smica de fondo (Azul celeste y zafiro) -->\n    <div class=\"fixed top-1\/2 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 w-[70vw] h-[70vw] rounded-full bg-blue-950\/25 blur-[130px] -z-20 pointer-events-none\"><\/div>\n    <div class=\"fixed -top-10 -left-10 w-[35vw] h-[35vw] rounded-full bg-cyan-950\/20 blur-[100px] -z-20 pointer-events-none\"><\/div>\n\n    <header class=\"w-full px-6 py-6 md:px-12 flex justify-center items-center z-50\">\n        <div class=\"flex items-center space-x-3 group\">\n            <div class=\"relative w-8 h-8 flex items-center justify-center\">\n                <span class=\"absolute text-xl text-amber-400\/80 group-hover:scale-110 transition-transform duration-500\"><i class=\"fa-solid fa-wand-magic-sparkles\"><\/i><\/span>\n                <span class=\"absolute text-xs text-sky-400 group-hover:rotate-180 transition-transform duration-[1.5s]\"><i class=\"fa-solid fa-moon\"><\/i><\/span>\n            <\/div>\n            <div class=\"flex flex-col\">\n                <span class=\"text-lg md:text-xl font-bold tracking-widest text-amber-200\/90\">BRUJAVERSO<\/span>\n                <span class=\"text-[8px] uppercase tracking-[0.3em] text-sky-400\/80\">Red Social Esot\u00e9rica<\/span>\n            <\/div>\n        <\/div>\n    <\/header>\n\n    <main class=\"flex-grow flex items-center justify-center px-4 md:px-8 py-4 z-20\">\n        <div class=\"max-w-md w-full mx-auto flex flex-col items-center\">\n            \n            <div class=\"relative w-32 h-32 flex items-center justify-center mb-6\">\n                <!-- C\u00edrculos de alquimia conc\u00e9ntricos y rotatorios (Color azul celestial y oro) -->\n                <div class=\"absolute w-full h-full border border-dashed border-amber-400\/20 rounded-full animate-[spin_40s_linear_infinite]\"><\/div>\n                <div class=\"absolute w-[82%] h-[82%] border border-blue-500\/20 rounded-full animate-[spin_20s_linear_infinite_reverse]\"><\/div>\n                \n                <!-- Contenedor flotante del Gorro -->\n                <div class=\"w-16 h-16 rounded-full bg-gradient-to-tr from-blue-950\/80 to-indigo-950\/85 flex items-center justify-center border border-blue-500\/25 shadow-[0_0_20px_rgba(59,130,246,0.25)] animate-float\">\n                    <!-- Elegant Custom SVG Witch Hat with Crescent Moon & Golden Band -->\n                    <svg class=\"w-10 h-10 glow-filter-gold text-amber-300\" viewBox=\"0 0 64 64\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <!-- Brim of the hat (Ala del sombrero) -->\n                        <path d=\"M6 46C20 40 44 40 58 46C50 49 14 49 6 46Z\" fill=\"currentColor\" opacity=\"0.8\"\/>\n                        <path d=\"M4 45C18 38 46 38 60 45C52 50 12 50 4 45Z\" fill=\"#0b132b\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linejoin=\"round\"\/>\n                        \n                        <!-- Main Hat cone (Cono principal) -->\n                        <path d=\"M32 10C29 18 22 34 16 41C25 43 39 43 48 41C42 34 35 18 32 10Z\" fill=\"#070c1e\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linejoin=\"round\"\/>\n                        <!-- Tip curve for witchy look (Curvatura superior m\u00edstica) -->\n                        <path d=\"M32 10C33.5 7.5 36.5 7 38 8C38.5 8.5 37.5 10 35 11.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\n                        \n                        <!-- Hat band (Cinta dorada del sombrero) -->\n                        <path d=\"M17.8 38.5C23 40.2 41 40.2 46.2 38.5C46.8 39.5 47.4 40.5 48 41C39 43 25 43 16 41C16.6 40.5 17.2 39.5 17.8 38.5Z\" fill=\"#d4af37\" opacity=\"0.9\"\/>\n                        \n                        <!-- Moon Buckle \/ Emblem (Hebilla de luna creciente) -->\n                        <path d=\"M34.5 36.5C36 36.5 37 37.5 37 39C37 40.5 36 41.5 34.5 41.5C33 41.5 32 40.5 32 39C32 38 33 36.5 34.5 36.5Z\" fill=\"#ffffff\" opacity=\"0.9\"\/>\n                        <path d=\"M33 37.5C34.5 37.5 35.5 38.2 35.5 39C35.5 39.8 34.5 40.5 33 40.5C33.8 39.8 33.8 38.2 33 37.5Z\" fill=\"#070c1e\"\/>\n                    <\/svg>\n                <\/div>\n            <\/div>\n\n            <div class=\"w-full glass-panel p-8 rounded-2xl border-glow flex flex-col space-y-7 transition-all duration-300 relative overflow-hidden\">\n                \n                <!-- Brillo sutil decorativo en la esquina superior -->\n                <div class=\"absolute -top-12 -right-12 w-24 h-24 bg-amber-400\/10 rounded-full blur-xl\"><\/div>\n                \n                <!-- Encabezado del Portal -->\n                <div class=\"text-center space-y-2\">\n                    <h2 class=\"text-amber-200 font-bold text-xl serif-font tracking-wide\">INGRESO AL AQUELARRE<\/h2>\n                    <p class=\"text-[11px] text-blue-300\/60 uppercase tracking-[0.2em] font-light\">Inicia sesi\u00f3n o reg\u00edstrate para acceder<\/p>\n                <\/div>\n\n                <!-- Botones de Acci\u00f3n Directos -->\n                <div class=\"flex flex-col space-y-4\">\n                    \n                    <!-- Bot\u00f3n de Iniciar Sesi\u00f3n -->\n                    <a href=\"https:\/\/brujaverso.marcosnahuel.com\/acceso\/\" \n                       class=\"w-full py-3.5 rounded-xl bg-gradient-to-r from-blue-900 to-indigo-950 border border-blue-500\/30 text-amber-200 hover:text-amber-100 font-semibold tracking-widest text-xs uppercase text-center shadow-[0_4px_15px_rgba(37,99,235,0.2)] hover:shadow-[0_4px_25px_rgba(251,191,36,0.25)] hover:border-amber-400\/40 transition-all duration-500 flex items-center justify-center space-x-2\">\n                        <span><i class=\"fa-solid fa-wand-magic\"><\/i><\/span>\n                        <span>INICIAR SESI\u00d3N<\/span>\n                    <\/a>\n\n                    <!-- Bot\u00f3n de Registro -->\n                    <a href=\"https:\/\/brujaverso.marcosnahuel.com\/registrarse\/\" \n                       class=\"w-full py-3.5 rounded-xl bg-blue-950\/40 hover:bg-blue-900\/40 border border-blue-450\/20 text-blue-200 hover:text-amber-200 font-semibold tracking-widest text-xs uppercase text-center hover:border-amber-400\/35 transition-all duration-500 flex items-center justify-center space-x-2\">\n                        <span><i class=\"fa-solid fa-sparkles\"><\/i><\/span>\n                        <span>REGISTRARSE<\/span>\n                    <\/a>\n\n                <\/div>\n\n                <!-- Enlace de contrase\u00f1a olvidada -->\n                <div class=\"text-center pt-2\">\n                    <a href=\"https:\/\/brujaverso.marcosnahuel.com\/claveolvidada\/\" \n                       class=\"text-[11px] text-blue-400\/70 hover:text-amber-200 tracking-wider transition-colors duration-300 underline underline-offset-4 decoration-blue-500\/30 hover:decoration-amber-400\/60\">\n                        \u00bfOlvidaste tu Palabra Sagrada? (Recuperar Clave)\n                    <\/a>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/main>\n\n    <!-- Pie de p\u00e1gina -->\n    <footer class=\"w-full py-6 text-center text-[10px] text-blue-400\/40 border-t border-blue-500\/5 z-20\">\n        <p class=\"tracking-widest\">BRUJAVERSO \u2022 CONEXI\u00d3N PROTEGIDA POR EL \u00c9TER \u00a9 2026<\/p>\n    <\/footer>\n\n    <script>\n        window.onload = function() {\n            initCosmicBackground();\n        }\n\n        \/\/ --- Starry Cosmic Background Canvas Logic ---\n        function initCosmicBackground() {\n            const canvas = document.getElementById('cosmic-canvas');\n            const ctx = canvas.getContext('2d');\n            \n            let stars = [];\n            const numStars = 65; \/\/ Densidad estelar elegante\n\n            function resizeCanvas() {\n                canvas.width = window.innerWidth;\n                canvas.height = window.innerHeight;\n            }\n\n            window.addEventListener('resize', () => {\n                resizeCanvas();\n                createStars();\n            });\n\n            function createStars() {\n                stars = [];\n                for(let i = 0; i < numStars; i++) {\n                    stars.push({\n                        x: Math.random() * canvas.width,\n                        y: Math.random() * canvas.height,\n                        radius: Math.random() * 1.1 + 0.2,\n                        \/\/ Mezcla de destellos \u00e1ureos y destellos azul\/celeste\n                        color: i % 4 === 0 ? 'rgba(251, 191, 36, ' + (Math.random() * 0.6 + 0.3) + ')' : 'rgba(14, 165, 233, ' + (Math.random() * 0.5 + 0.2) + ')',\n                        speed: Math.random() * 0.03 + 0.01,\n                        driftX: (Math.random() - 0.5) * 0.02,\n                        pulseSpeed: Math.random() * 0.012 + 0.004,\n                        pulseDirection: Math.random() > 0.5 ? 1 : -1,\n                        opacity: Math.random()\n                    });\n                }\n            }\n\n            function animate() {\n                ctx.clearRect(0, 0, canvas.width, canvas.height);\n                \n                for(let i = 0; i < stars.length; i++) {\n                    let s = stars[i];\n                    \n                    \/\/ Brillo pulsante progresivo\n                    s.opacity += s.pulseSpeed * s.pulseDirection;\n                    if(s.opacity > 0.85 || s.opacity < 0.15) {\n                        s.pulseDirection *= -1;\n                    }\n                    \n                    \/\/ Deriva sutil vertical y horizontal\n                    s.y -= s.speed;\n                    s.x += s.driftX;\n                    \n                    \/\/ Retorno continuo de las estrellas\n                    if(s.y < 0) s.y = canvas.height;\n                    if(s.x < 0) s.x = canvas.width;\n                    if(s.x > canvas.width) s.x = 0;\n\n                    ctx.beginPath();\n                    ctx.arc(s.x, s.y, s.radius, 0, Math.PI * 2);\n                    ctx.fillStyle = s.color.replace(\/[^,]+(?=\\))\/, s.opacity);\n                    ctx.fill();\n                }\n\n                \/\/ L\u00edneas de constelaciones que se conectan en el azul c\u00f3smico\n                for(let i = 0; i < stars.length; i++) {\n                    for(let j = i + 1; j < stars.length; j++) {\n                        let s1 = stars[i];\n                        let s2 = stars[j];\n                        let dist = Math.hypot(s1.x - s2.x, s1.y - s2.y);\n                        \n                        if(dist < 110) {\n                            let opacity = (1 - dist \/ 110) * 0.035; \/\/ L\u00edneas muy et\u00e9reas y discretas\n                            ctx.beginPath();\n                            ctx.moveTo(s1.x, s1.y);\n                            ctx.lineTo(s2.x, s2.y);\n                            ctx.strokeStyle = `rgba(59, 130, 246, ${opacity})`;\n                            ctx.lineWidth = 0.5;\n                            ctx.stroke();\n                        }\n                    }\n                }\n\n                requestAnimationFrame(animate);\n            }\n\n            resizeCanvas();\n            createStars();\n            animate();\n        }\n    <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>BrujaVerso \u2014 Portal de Acceso BRUJAVERSO Red Social Esot\u00e9rica INGRESO AL AQUELARRE Inicia sesi\u00f3n o reg\u00edstrate para acceder INICIAR SESI\u00d3N REGISTRARSE \u00bfOlvidaste tu Palabra Sagrada? (Recuperar Clave) BRUJAVERSO \u2022 CONEXI\u00d3N PROTEGIDA POR EL \u00c9TER \u00a9 2026<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-113","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/brujaverso.marcosnahuel.com\/actividad\/wp-json\/wp\/v2\/pages\/113","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/brujaverso.marcosnahuel.com\/actividad\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/brujaverso.marcosnahuel.com\/actividad\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/brujaverso.marcosnahuel.com\/actividad\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/brujaverso.marcosnahuel.com\/actividad\/wp-json\/wp\/v2\/comments?post=113"}],"version-history":[{"count":4,"href":"https:\/\/brujaverso.marcosnahuel.com\/actividad\/wp-json\/wp\/v2\/pages\/113\/revisions"}],"predecessor-version":[{"id":119,"href":"https:\/\/brujaverso.marcosnahuel.com\/actividad\/wp-json\/wp\/v2\/pages\/113\/revisions\/119"}],"wp:attachment":[{"href":"https:\/\/brujaverso.marcosnahuel.com\/actividad\/wp-json\/wp\/v2\/media?parent=113"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}