{"id":236,"date":"2026-03-30T08:40:21","date_gmt":"2026-03-30T06:40:21","guid":{"rendered":"https:\/\/www.david.pricop.es\/?page_id=236"},"modified":"2026-03-30T13:27:44","modified_gmt":"2026-03-30T11:27:44","slug":"stackpack","status":"publish","type":"page","link":"https:\/\/www.david.pricop.es\/en\/","title":{"rendered":"Inicio – Stack Pack"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n \r\n Stack Pack | Fase Alpha - \u00danete a la prueba<\/title>\r\n <meta name=\"description\" content=\"Stack the Pack es un juego de habilidad y precisi\u00f3n. \u00danete a la fase Alpha, danos tu feedback y ayuda a un desarrollador indie a equilibrar el juego.\">\r\n <meta name=\"keywords\" content=\"Stack Pack, juego android, fase alpha, apilar bloques, juego casual, DNPGames, indie dev\">\r\n <meta name=\"author\" content=\"DNPGames\">\r\n \r\n <meta property=\"og:title\" content=\"Stack Pack - Se buscan Alpha Testers\">\r\n <meta property=\"og:description\" content=\"Ay\u00fadame a dar forma a este nuevo juego de habilidad para Android. Descarga la Alpha, \u00fanete al Discord y deja tu feedback.\">\r\n <meta property=\"og:image\" content=\"https:\/\/www.david.pricop.es\/wp-content\/uploads\/2026\/03\/fondo-playstore.jpg\">\r\n <meta property=\"og:url\" content=\"https:\/\/www.david.pricop.es\">\r\n <meta property=\"og:type\" content=\"website\">\r\n\r\n <link rel=\"icon\" href=\"https:\/\/www.david.pricop.es\/wp-content\/uploads\/2026\/03\/icon-app512.png\" type=\"image\/png\">\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;500;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n <style>\r\n \/* --- VARIABLES Y RESET --- *\/\r\n :root {\r\n --bg-base: #07010f;\r\n --neon-purple: #9d00ff;\r\n --neon-blue: #00f0ff;\r\n --neon-green: #00ff66;\r\n --neon-yellow: #ffcc00;\r\n --neon-red: #ff003c;\r\n --discord-color: #5865F2;\r\n --glass-bg: rgba(20, 12, 35, 0.4);\r\n --glass-border: rgba(255, 255, 255, 0.1);\r\n --text-main: #ffffff;\r\n --text-sec: #b0a8ba;\r\n }\r\n\r\n * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Montserrat', sans-serif; cursor: default; }\r\n body { background-color: var(--bg-base); color: var(--text-main); overflow-x: hidden; scroll-behavior: smooth; }\r\n a { cursor: pointer; }\r\n\r\n \/* --- FONDOS Y PART\u00cdCULAS --- *\/\r\n #particle-canvas { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: -3; pointer-events: none; }\r\n .bg-glows {\r\n position: fixed; top: 0; left: 0; width: 100vw; height: 100vh;\r\n background: \r\n radial-gradient(circle at 15% 30%, rgba(157, 0, 255, 0.15) 0%, transparent 40%),\r\n radial-gradient(circle at 85% 70%, rgba(0, 240, 255, 0.1) 0%, transparent 40%);\r\n z-index: -2; pointer-events: none; mix-blend-mode: screen;\r\n }\r\n .bg-img {\r\n position: fixed; top: 0; left: 0; width: 100%; height: 100vh;\r\n background: url('https:\/\/www.david.pricop.es\/wp-content\/uploads\/2026\/03\/fondo-playstore.jpg') center\/cover no-repeat;\r\n opacity: 0.1; filter: blur(12px) contrast(1.2); z-index: -4;\r\n }\r\n\r\n \/* --- NAVEGACI\u00d3N --- *\/\r\n nav { \r\n position: fixed; top: 0; left: 0; width: 100%; padding: 1.2rem 5%; display: flex; \r\n justify-content: center; align-items: center; gap: 2rem; \r\n background: rgba(7, 1, 15, 0.85); backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px);\r\n border-bottom: 1px solid var(--glass-border); z-index: 100;\r\n }\r\n .logo { display: flex; align-items: center; gap: 15px; font-weight: 900; font-size: 1.3rem; letter-spacing: 1px; text-transform: uppercase;}\r\n .logo img { width: 35px; border-radius: 8px; box-shadow: 0 0 15px var(--neon-purple); }\r\n .version-badge { background: rgba(255,255,255,0.1); padding: 5px 12px; border-radius: 6px; font-size: 0.75rem; color: var(--neon-yellow); border: 1px solid var(--neon-yellow); text-transform: uppercase; font-weight: bold; }\r\n\r\n \/* --- CONTENEDOR PRINCIPAL --- *\/\r\n .container { max-width: 1200px; margin: 0 auto; padding: 9rem 1.5rem 2rem; position: relative; }\r\n .reveal { opacity: 0; transform: translateY(40px); transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\r\n .reveal.active { opacity: 1; transform: translateY(0); }\r\n\r\n \/* --- HERO: TOWER COMPOSITION --- *\/\r\n .hero {\r\n display: flex; flex-direction: column; align-items: center; text-align: center;\r\n min-height: 80vh; justify-content: center; margin-bottom: 6rem;\r\n background: radial-gradient(circle at center, rgba(157, 0, 255, 0.03), transparent 70%);\r\n }\r\n\r\n .hero-tower {\r\n position: relative; display: flex; flex-direction: column; align-items: center; width: 100%; max-width: 900px; margin: 0 auto;\r\n }\r\n\r\n .hero-title-stacked {\r\n position: relative; font-size: clamp(3.5rem, 10vw, 7.5rem); font-weight: 900;\r\n text-transform: uppercase; line-height: 1.1; margin-bottom: 2rem; z-index: 5;\r\n }\r\n .title-part { display: block; filter: drop-shadow(0 0 15px currentColor); }\r\n .p1 { color: #fff; text-shadow: 0 0 10px #fff; }\r\n .p2 { color: var(--neon-purple); text-shadow: 0 0 10px rgba(157,0,255,0.8); letter-spacing: 5px; animation: vibratingText 2s infinite alternate; }\r\n\r\n @keyframes vibratingText {\r\n 0% { transform: translateX(0); }\r\n 20% { transform: translateX(2px) skewX(2deg); opacity: 0.9; }\r\n 40% { transform: translateX(-2px) skewX(-2deg); }\r\n 60% { transform: translateX(1px); }\r\n 80% { transform: translateX(-1px) skewX(1deg); opacity: 0.9; }\r\n 100% { transform: translateX(0); }\r\n }\r\n\r\n .hero-desc {\r\n font-size: 1.2rem; color: var(--text-sec); max-width: 700px; line-height: 1.7;\r\n margin-bottom: 3.5rem; font-weight: 500; border-bottom: 1px dashed var(--glass-border);\r\n padding-bottom: 2rem; z-index: 5;\r\n }\r\n\r\n \/* TECH BADGES HOLO *\/\r\n .hero-tech-holo {\r\n position: relative; display: flex; gap: 30px; flex-wrap: wrap; justify-content: center;\r\n margin-bottom: 5rem; z-index: 5;\r\n }\r\n .holo-node {\r\n display: flex; flex-direction: column; align-items: center; gap: 8px;\r\n font-size: 0.75rem; text-transform: uppercase; color: #ccc; font-weight: 800; letter-spacing: 1px;\r\n transition: 0.3s;\r\n }\r\n .holo-node:hover { color: #fff; transform: translateY(-5px); }\r\n .holo-ico {\r\n font-size: 2.2rem; color: var(--neon-blue); text-shadow: 0 0 15px currentColor;\r\n animation: pulseGlow 2s infinite alternate;\r\n }\r\n @keyframes pulseGlow { \r\n 0% { text-shadow: 0 0 10px currentColor, 0 0 20px currentColor; opacity: 0.7; }\r\n 100% { text-shadow: 0 0 15px currentColor, 0 0 30px currentColor, 0 0 40px currentColor; opacity: 1; }\r\n }\r\n\r\n \/* BOT\u00d3N DESCARGA HERO *\/\r\n .btn-play {\r\n position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 12px;\r\n padding: 18px 45px; font-size: 1.2rem; font-weight: 900; color: #fff; text-transform: uppercase; letter-spacing: 2px; text-decoration: none;\r\n background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.2); border-radius: 50px;\r\n backdrop-filter: blur(10px); transition: 0.4s; box-shadow: 0 15px 35px rgba(0,0,0,0.5); z-index: 5;\r\n white-space: nowrap;\r\n }\r\n .btn-play svg { width: 26px; height: 26px; filter: drop-shadow(0 0 5px rgba(255,255,255,0.3)); }\r\n .btn-play:hover { border-color: var(--neon-green); transform: translateY(-3px); box-shadow: 0 20px 40px rgba(0,255,102,0.3); color: var(--neon-green); }\r\n\r\n .tower-decoration {\r\n position: absolute; top: 0; left: 50%; transform: translateX(-50%);\r\n width: 2px; height: 100%; background: linear-gradient(to bottom, transparent, rgba(255,255,255,0.08), transparent);\r\n z-index: 1;\r\n }\r\n\r\n \/* --- SECCI\u00d3N CREATIVA: TRES CORTES --- *\/\r\n .scannable-cuts-wrapper {\r\n position: relative; padding: 4rem 1rem; margin-bottom: 4rem; margin-top: 2rem;\r\n background: radial-gradient(circle at center, rgba(157, 0, 255, 0.05), transparent);\r\n border-radius: 30px; border: 1px solid var(--glass-border);\r\n box-shadow: inset 0 0 40px rgba(157, 0, 255, 0.05);\r\n }\r\n .scanner-header { text-align: center; margin-bottom: 5rem; }\r\n \r\n .impact-timeline {\r\n position: relative; width: 100%; max-width: 700px; margin: 0 auto;\r\n display: flex; flex-direction: column; gap: 140px; padding: 2rem 0;\r\n }\r\n\r\n .laser-beam {\r\n position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 2px; height: 100%;\r\n background: linear-gradient(to bottom, transparent, #fff 10%, #fff 90%, transparent);\r\n box-shadow: 0 0 15px #fff, 0 0 30px var(--neon-purple); opacity: 0.25; z-index: 1;\r\n }\r\n .active-scanner-bar {\r\n position: absolute; left: 50%; transform: translate(-50%, -50%); width: 140px; height: 3px;\r\n background: #fff; box-shadow: 0 0 25px #fff, 0 0 40px var(--neon-blue);\r\n z-index: 5; animation: scanMove 4.5s infinite alternate ease-in-out;\r\n }\r\n @keyframes scanMove { 0% { top: 5%; } 100% { top: 95%; } }\r\n\r\n .impact-node { position: relative; display: flex; align-items: center; z-index: 2; width: 100%; }\r\n \r\n .node-visual { position: absolute; left: 50%; transform: translateX(-50%); width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; }\r\n .core-dot { width: 14px; height: 14px; background: #fff; border-radius: 50%; box-shadow: 0 0 15px #fff; z-index: 10; transition: 0.3s;}\r\n .pulse-ring { position: absolute; width: 100%; height: 100%; border: 2px solid #fff; border-radius: 50%; animation: nodePulse 2s infinite; opacity: 0; }\r\n @keyframes nodePulse { 0% { transform: scale(0.5); opacity: 0; } 50% { opacity: 0.5; } 100% { transform: scale(1.5); opacity: 0; } }\r\n\r\n .node-content { width: 42%; opacity: 0.5; transition: 0.4s; }\r\n .node-content.left { text-align: right; margin-right: auto; padding-right: 45px; }\r\n .node-content.right { text-align: left; margin-left: auto; padding-left: 45px; }\r\n .impact-node:hover .node-content, .impact-node.reveal.active .node-content { opacity: 1; transform: scale(1.03); }\r\n\r\n .node-content h4 { font-size: 1.35rem; font-weight: 900; text-transform: uppercase; margin-bottom: 8px; letter-spacing: 1px; }\r\n .node-content p { font-size: 0.95rem; color: #ccc; line-height: 1.6; margin: 0; }\r\n\r\n .impact-node.perfecto .core-dot, .impact-node.perfecto .pulse-ring { border-color: var(--neon-green); background: var(--neon-green); box-shadow: 0 0 20px var(--neon-green); }\r\n .impact-node.perfecto h4 { color: var(--neon-green); text-shadow: 0 0 10px rgba(0,255,102,0.3); }\r\n \r\n .impact-node.normal .core-dot, .impact-node.normal .pulse-ring { border-color: var(--neon-yellow); background: var(--neon-yellow); box-shadow: 0 0 20px var(--neon-yellow); }\r\n .impact-node.normal h4 { color: var(--neon-yellow); text-shadow: 0 0 10px rgba(255,204,0,0.3); }\r\n\r\n .impact-node.caos .core-dot, .impact-node.caos .pulse-ring { border-color: var(--neon-red); background: var(--neon-red); box-shadow: 0 0 20px var(--neon-red); }\r\n .impact-node.caos h4 { color: var(--neon-red); text-shadow: 0 0 10px rgba(255,0,60,0.3); }\r\n\r\n \/* --- BENTO GRID RESTANTE --- *\/\r\n .bento { display: grid; grid-template-columns: 1fr; gap: 1.8rem; }\r\n @media(min-width: 900px) { .bento { grid-template-columns: repeat(2, 1fr); } }\r\n \r\n .glass-card { \r\n background: var(--glass-bg); backdrop-filter: blur(20px); border: 1px solid var(--glass-border); \r\n border-radius: 28px; padding: 2.2rem; box-shadow: 0 15px 35px rgba(0,0,0,0.4); \r\n display: flex; flex-direction: column; justify-content: space-between; \r\n }\r\n \r\n .card-title { font-size: 1.4rem; font-weight: 900; text-transform: uppercase; margin-bottom: 1rem; letter-spacing: 1px; }\r\n .card-text { color: var(--text-sec); line-height: 1.6; font-size: 1rem; margin-bottom: 15px;}\r\n\r\n \/* --- REDISE\u00d1O: TORRES DE MAN\u00c1 DUAL (Basado en Bloques) --- *\/\r\n .mana-towers-ui {\r\n background: rgba(0,0,0,0.4); border: 1px solid var(--glass-border); border-radius: 20px; \r\n padding: 30px 20px; margin: 20px 0; display: flex; justify-content: space-around; align-items: flex-end; \r\n box-shadow: inset 0 0 30px rgba(0,0,0,0.5); min-height: 220px; position: relative;\r\n }\r\n\r\n .tower-col { display: flex; flex-direction: column; align-items: center; width: 40%; gap: 15px; z-index: 2; }\r\n \r\n .tower-stack {\r\n display: flex; flex-direction: column-reverse; gap: 4px; height: 110px; width: 80px;\r\n justify-content: flex-start; align-items: center;\r\n }\r\n\r\n \/* Bloques de Man\u00e1 *\/\r\n .mana-block { width: 100%; height: 16px; border-radius: 4px; transition: 0.3s; }\r\n \r\n \/* Bloques de Orden (Perfectos) *\/\r\n .mana-block.order { background: rgba(0, 240, 255, 0.3); border: 1px solid var(--neon-blue); box-shadow: 0 0 10px rgba(0, 240, 255, 0.4); }\r\n .mana-block.order.empty { background: transparent; border: 1px dashed rgba(0, 240, 255, 0.2); box-shadow: none; }\r\n \r\n \/* Bloques de Caos (Inestables) *\/\r\n .mana-block.chaos { background: rgba(255, 0, 60, 0.3); border: 1px solid var(--neon-red); box-shadow: 0 0 15px rgba(255, 0, 60, 0.5); }\r\n \r\n \/* Simulaci\u00f3n de inestabilidad en el Caos *\/\r\n .chaos-anim { animation: towerVibrate 0.3s infinite alternate; }\r\n .mana-block.chaos.pos-1 { transform: translateX(-3px) rotate(2deg); }\r\n .mana-block.chaos.pos-2 { transform: translateX(4px) rotate(-3deg); }\r\n .mana-block.chaos.pos-3 { transform: translateX(-2px) rotate(1deg); }\r\n .mana-block.chaos.pos-4 { transform: translateX(5px) rotate(-4deg); }\r\n .mana-block.chaos.pos-5 { transform: translateX(-4px) rotate(3deg); width: 110%;}\r\n .mana-block.chaos.pos-6 { transform: translateX(2px) rotate(-1deg); }\r\n\r\n @keyframes towerVibrate {\r\n 0% { transform: translate(0, 0); }\r\n 100% { transform: translate(1px, -1px); }\r\n }\r\n\r\n .tower-percent { font-size: 1.5rem; font-weight: 900; letter-spacing: -1px; margin-bottom: 5px; }\r\n .order-text { color: var(--neon-blue); text-shadow: 0 0 10px rgba(0,240,255,0.6); }\r\n .chaos-text { color: var(--neon-red); text-shadow: 0 0 10px rgba(255,0,60,0.6); font-size: 1.2rem; letter-spacing: 1px;}\r\n \r\n .tower-label { font-size: 0.75rem; text-transform: uppercase; font-weight: 800; letter-spacing: 1px; color: var(--neon-blue); }\r\n .tower-vs { font-size: 1.2rem; font-weight: 900; color: #555; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0.5; }\r\n\r\n\r\n \/* --- MODO PURGA --- *\/\r\n .card-purga {\r\n background: linear-gradient(135deg, rgba(255, 0, 60, 0.1), rgba(10, 0, 0, 0.8));\r\n border: 2px solid rgba(255, 0, 60, 0.4); box-shadow: inset 0 0 40px rgba(255, 0, 60, 0.15), 0 15px 35px rgba(0,0,0,0.6); position: relative; overflow: hidden;\r\n }\r\n .card-purga::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 4px; background: var(--neon-red); box-shadow: 0 0 20px var(--neon-red); animation: alertFlash 1s infinite alternate; }\r\n @keyframes alertFlash { from { opacity: 0.3; } to { opacity: 1; } }\r\n\r\n .purga-header { display: flex; align-items: center; gap: 10px; margin-bottom: 0.5rem; }\r\n .purga-icon { font-size: 1.8rem; animation: alertFlash 1s infinite alternate; }\r\n .purga-title { color: var(--neon-red); margin: 0; text-shadow: 0 0 15px rgba(255,0,60,0.6); letter-spacing: 2px; }\r\n\r\n .purga-mutators { display: flex; flex-direction: column; gap: 8px; margin: 1.5rem 0; }\r\n .mutator-item { background: rgba(255, 0, 60, 0.1); border-left: 3px solid var(--neon-red); padding: 10px 15px; border-radius: 0 8px 8px 0; display: flex; align-items: center; gap: 12px; font-size: 0.9rem; color: #ffcccc; font-weight: 500; }\r\n\r\n .purga-escape { background: rgba(0,0,0,0.6); border: 1px dashed rgba(255, 0, 60, 0.4); border-radius: 12px; padding: 15px; margin-top: auto; text-align: center; }\r\n .escape-label { font-size: 0.75rem; color: var(--neon-red); text-transform: uppercase; font-weight: 900; letter-spacing: 1px; margin-bottom: 10px; }\r\n \r\n .escape-locks { display: flex; justify-content: center; gap: 15px; margin-top: 10px; }\r\n .lock-node { width: 25px; height: 25px; border: 2px solid rgba(255,255,255,0.2); border-radius: 4px; transform: rotate(45deg); transition: 0.3s; position: relative; display: flex; justify-content: center; align-items: center; }\r\n .lock-node.active { border-color: var(--neon-green); box-shadow: 0 0 15px var(--neon-green); background: rgba(0,255,102,0.2); }\r\n .lock-node.active::after { content: ''; width: 10px; height: 10px; background: var(--neon-green); border-radius: 2px; }\r\n .lock-node.danger { border-color: var(--neon-red); animation: alertFlash 0.5s infinite alternate; }\r\n\r\n\r\n \/* --- REDISE\u00d1O CREATIVO: PRICOINS Y ECONOM\u00cdA \/ MARKET HUB --- *\/\r\n .card-mision-redesign { \/* Clases de balance *\/ }\r\n\r\n .market-hub-preview { position: relative; background: rgba(0,0,0,0.4); border: 1px dashed rgba(255, 204, 0, 0.3); border-radius: 16px; padding: 30px 20px 15px; margin-top: 25px; margin-bottom: 20px; }\r\n .market-header-accent { position: absolute; top: -14px; left: 50%; transform: translateX(-50%); background: #150d21; border: 1px solid rgba(255,204,0,0.4); padding: 4px 15px; border-radius: 20px; color: var(--neon-yellow); font-size: 0.75rem; text-transform: uppercase; font-weight: 900; letter-spacing: 1px; text-shadow: 0 0 10px rgba(255,204,0,0.4); white-space: nowrap; box-shadow: 0 5px 10px rgba(0,0,0,0.6); }\r\n .shop-preview-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; margin-bottom: 10px; }\r\n .shop-listing { display: flex; align-items: center; gap: 12px; font-size: 0.85rem; color: #ccc; font-weight: 500; }\r\n .category-ico { font-size: 1.5rem; line-height: 1; text-shadow: 0 0 15px currentColor; }\r\n \r\n .color-skin { color: var(--neon-blue); }\r\n .color-bg { color: var(--neon-purple); }\r\n .color-sound { color: var(--neon-green); }\r\n .color-music { color: var(--neon-yellow); }\r\n .shop-listing p { line-height: 1.3; margin: 0; }\r\n .rules-box-gold { background: rgba(255, 204, 0, 0.05); border-left: 4px solid var(--neon-yellow); padding: 15px; border-radius: 0 12px 12px 0; margin-top: auto; }\r\n\r\n \/* COMBO TRACKER (Dentro de Pricoins) *\/\r\n .economy-icon { font-size: 2.2rem; color: var(--neon-yellow); text-shadow: 0 0 15px var(--neon-yellow); }\r\n .combo-visualizer { background: rgba(0, 0, 0, 0.4); border: 1px solid rgba(255, 204, 0, 0.15); border-radius: 16px; padding: 20px; margin: 15px 0 25px; box-shadow: inset 0 0 20px rgba(0,0,0,0.5); }\r\n .combo-header { display: flex; justify-content: space-between; margin-bottom: 12px; }\r\n .combo-track-container { display: flex; align-items: center; justify-content: space-between; gap: 15px; }\r\n .combo-track { display: flex; gap: 8px; flex-grow: 1; }\r\n .combo-slot { height: 14px; flex: 1; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 3px; transform: skewX(-15deg); }\r\n .combo-slot.filled { background: var(--neon-yellow); border-color: var(--neon-yellow); box-shadow: 0 0 10px var(--neon-yellow); }\r\n .combo-slot.current { border-color: var(--neon-yellow); animation: pulseSlot 1s infinite alternate; }\r\n .combo-reward { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 1.5rem; line-height: 1; }\r\n .reward-glow { position: absolute; width: 100%; height: 100%; background: radial-gradient(circle, rgba(255,204,0,0.4) 0%, transparent 70%); z-index: -1; animation: pulseGlow 2s infinite alternate; }\r\n .reward-text { font-size: 0.8rem; font-weight: 900; color: var(--neon-yellow); text-shadow: 0 0 10px var(--neon-yellow); margin-top: 5px; }\r\n\r\n\r\n \/* --- MISIONES Y HONOR: REDISE\u00d1O CREATIVO --- *\/\r\n .quest-dashboard { margin-top: 1.5rem; display: flex; flex-direction: column; gap: 15px; }\r\n \r\n \/* Pesta\u00f1as de men\u00fa *\/\r\n .quest-tabs { display: flex; gap: 10px; margin-bottom: 5px; border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 12px; }\r\n .quest-tab { font-size: 0.75rem; font-weight: 800; text-transform: uppercase; color: var(--text-sec); padding: 6px 12px; border-radius: 6px; cursor: default; transition: 0.3s; }\r\n .quest-tab.active { color: var(--neon-purple); background: rgba(157, 0, 255, 0.15); border: 1px solid rgba(157, 0, 255, 0.3); box-shadow: 0 0 10px rgba(157, 0, 255, 0.2); }\r\n\r\n \/* Contenedor de visualizaci\u00f3n *\/\r\n .quest-view-panel { position: relative; height: 320px; width: 100%; display: flex; justify-content: center; align-items: center; perspective: 1000px; }\r\n\r\n \/* Marcos Hologr\u00e1ficos *\/\r\n .quest-frame {\r\n position: absolute; background: rgba(0,0,0,0.3); border-radius: 12px;\r\n padding: 25px 15px 15px; overflow: hidden; transition: 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n border: 1px solid rgba(157, 0, 255, 0.2);\r\n box-shadow: 0 10px 30px rgba(0,0,0,0.5), inset 0 0 15px rgba(157,0,255,0.1);\r\n }\r\n .quest-frame:hover { border-color: rgba(157, 0, 255, 0.5); box-shadow: 0 15px 40px rgba(157, 0, 255, 0.2), inset 0 0 20px rgba(157,0,255,0.2); }\r\n\r\n \/* Estado \"Active\" (Al frente) *\/\r\n .active-frame { z-index: 5; transform: scale(1); border: 1px solid rgba(157, 0, 255, 0.5); box-shadow: 0 15px 40px rgba(157, 0, 255, 0.3), inset 0 0 20px rgba(157,0,255,0.2); }\r\n \r\n \/* Estado \"Background\" (Apilado detr\u00e1s) *\/\r\n .background-frame { z-index: 1; transform: scale(0.85) translateY(30px) translateZ(-100px); opacity: 0.25; filter: blur(1px); }\r\n .quest-frame:hover.background-frame { opacity: 0.5; filter: blur(0px); transform: scale(0.9) translateY(20px) translateZ(-50px); }\r\n\r\n \/* Decoraci\u00f3n de esquina hologr\u00e1fica *\/\r\n .quest-frame::before {\r\n content: ''; position: absolute; top: 8px; left: 8px; width: 15px; height: 15px;\r\n border-top: 2px solid var(--neon-purple); border-left: 2px solid var(--neon-purple); border-radius: 3px 0 0 0; opacity: 0.6;\r\n }\r\n\r\n \/* Insignia de Honor *\/\r\n .quest-tag {\r\n position: absolute; top: 10px; left: 12px; font-size: 0.65rem; font-weight: 900;\r\n letter-spacing: 1px; color: #fff; background: rgba(157, 0, 255, 0.5);\r\n padding: 4px 8px; border-radius: 4px; text-transform: uppercase; z-index: 10;\r\n }\r\n .quest-tag.special { background: rgba(229, 228, 226, 0.15); color: #e5e4e2; border: 1px solid rgba(229, 228, 226, 0.5); }\r\n .text-platinum { color: #e5e4e2; text-shadow: 0 0 10px rgba(229, 228, 226, 0.6); font-weight: 900; }\r\n\r\n \/* Imagen de la misi\u00f3n *\/\r\n .quest-img-view { width: 100%; max-width: 300px; height: auto; display: block; filter: drop-shadow(0 5px 15px rgba(157,0,255,0.3)); }\r\n\r\n\r\n \/* --- TERMINAL DE RECLUTAMIENTO (ALPHA TESTERS) --- *\/\r\n .terminal-wrapper {\r\n background: rgba(10, 5, 20, 0.8); border: 1px solid rgba(157, 0, 255, 0.3);\r\n border-radius: 16px; padding: 2.5rem; margin: 5rem 0;\r\n box-shadow: 0 0 30px rgba(157,0,255,0.15), inset 0 0 20px rgba(0,0,0,0.8);\r\n position: relative; overflow: hidden; backdrop-filter: blur(20px);\r\n }\r\n \r\n .terminal-wrapper::before {\r\n content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 4px;\r\n background: linear-gradient(90deg, var(--neon-blue), var(--neon-purple), var(--neon-red));\r\n }\r\n\r\n .terminal-header-bar { display: flex; align-items: center; gap: 15px; margin-bottom: 2rem; border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 15px; }\r\n .window-dots { display: flex; gap: 8px; }\r\n .dot { width: 12px; height: 12px; border-radius: 50%; }\r\n .dot.r { background: var(--neon-red); box-shadow: 0 0 10px var(--neon-red); }\r\n .dot.y { background: var(--neon-yellow); box-shadow: 0 0 10px var(--neon-yellow); }\r\n .dot.g { background: var(--neon-green); box-shadow: 0 0 10px var(--neon-green); }\r\n \r\n .terminal-sys-title { font-family: monospace; font-size: clamp(0.6rem, 2.5vw, 0.9rem); color: var(--neon-blue); letter-spacing: 1px; white-space: nowrap; }\r\n .blink { animation: blinker 1s linear infinite; }\r\n @keyframes blinker { 50% { opacity: 0; } }\r\n\r\n .terminal-main-title { font-size: 2.2rem; font-weight: 900; text-transform: uppercase; color: #fff; margin-bottom: 2rem; text-shadow: 0 0 15px rgba(157, 0, 255, 0.8); letter-spacing: 1px; }\r\n .terminal-grid { display: grid; grid-template-columns: 1fr; gap: 20px; margin-bottom: 2rem; }\r\n @media(min-width: 768px) { .terminal-grid { grid-template-columns: 1fr 1fr; } }\r\n\r\n .t-panel { background: rgba(0,0,0,0.5); border: 1px solid rgba(255,255,255,0.05); border-radius: 12px; padding: 20px; }\r\n .t-panel.border-accent { border-left: 3px solid var(--neon-yellow); }\r\n .t-panel-title { font-size: 1rem; font-weight: 800; color: #aaa; text-transform: uppercase; margin-bottom: 15px; letter-spacing: 1px; }\r\n .t-panel-text { font-size: 0.95rem; color: #ddd; line-height: 1.6; margin: 0; }\r\n\r\n .security-clearance { margin-top: 20px; background: rgba(255, 0, 60, 0.1); border: 1px solid rgba(255, 0, 60, 0.3); border-radius: 8px; padding: 15px; display: flex; gap: 15px; align-items: center; }\r\n .sec-icon { font-size: 1.8rem; animation: alertFlash 1.5s infinite alternate; }\r\n .sec-title { font-size: 0.8rem; color: var(--neon-red); font-weight: 900; letter-spacing: 1px; margin-bottom: 4px; }\r\n .sec-text { font-size: 0.85rem; color: #ffcccc; line-height: 1.4; margin: 0; }\r\n\r\n .t-objective-list { list-style: none; display: flex; flex-direction: column; gap: 12px; margin: 0; padding: 0;}\r\n .t-objective-list li { display: flex; gap: 10px; font-size: 0.9rem; color: #ccc; line-height: 1.4; padding: 8px; border-radius: 6px; transition: 0.3s; }\r\n .t-objective-list li:hover { background: rgba(255,204,0,0.05); color: #fff; }\r\n .obj-check { color: var(--neon-yellow); font-family: monospace; font-weight: bold; }\r\n\r\n .terminal-actions { display: flex; flex-wrap: wrap; gap: 15px; border-top: 1px solid rgba(255,255,255,0.1); padding-top: 2rem; }\r\n\r\n .t-btn { flex: 1; min-width: 200px; display: flex; justify-content: center; align-items: center; gap: 10px; padding: 16px 20px; border-radius: 8px; text-decoration: none; font-weight: 800; font-size: 0.85rem; text-transform: uppercase; letter-spacing: 1px; transition: 0.3s; text-align: center; white-space: nowrap; }\r\n .t-btn svg { width: 22px; height: 22px; }\r\n \r\n .btn-discord-t { background: rgba(88, 101, 242, 0.1); border: 1px solid var(--discord-color); color: #fff; }\r\n .btn-discord-t:hover { background: var(--discord-color); box-shadow: 0 0 20px rgba(88, 101, 242, 0.5); }\r\n .btn-dl-t { background: rgba(0, 255, 102, 0.1); border: 1px solid var(--neon-green); color: #fff; }\r\n .btn-dl-t:hover { background: var(--neon-green); color: #000; box-shadow: 0 0 20px rgba(0, 255, 102, 0.5); }\r\n .btn-form-t { background: rgba(0, 240, 255, 0.1); border: 1px solid var(--neon-blue); color: #fff; }\r\n .btn-form-t:hover { background: var(--neon-blue); color: #000; box-shadow: 0 0 20px rgba(0, 240, 255, 0.5); }\r\n\r\n\r\n \/* --- MOBILE ADAPTATION --- *\/\r\n @media(max-width: 768px) {\r\n .hero-title-stacked { font-size: 3.8rem; margin-bottom: 1.5rem; }\r\n .hero-title-stacked .p2 { letter-spacing: 2px; } \r\n \r\n .btn-play { font-size: 0.95rem; padding: 15px 25px; letter-spacing: 1px; }\r\n .btn-play svg { width: 20px; height: 20px; }\r\n\r\n .bento { grid-template-columns: 1fr; }\r\n .mana-towers-ui { height: 180px; padding: 20px 10px; }\r\n .mana-block { height: 14px; }\r\n \r\n .quest-view-panel { height: 280px; }\r\n .quest-frame { width: 90%; max-width: 280px; }\r\n .quest-img-view { max-width: 100%; }\r\n }\r\n\r\n @media(max-width: 600px) {\r\n .hero-title-stacked { font-size: 3.2rem; }\r\n .btn-play { font-size: 0.85rem; padding: 14px 20px; gap: 8px; }\r\n \r\n .impact-timeline { gap: 110px; }\r\n \r\n .node-content { width: 48%; }\r\n .node-content.left { padding-right: 15px; }\r\n .node-content.right { padding-left: 15px; }\r\n .node-content h4 { font-size: 0.95rem; margin-bottom: 5px; }\r\n .node-content p { font-size: 0.75rem; line-height: 1.4; }\r\n \r\n .active-scanner-bar { width: 90px; }\r\n \r\n .shop-preview-list { grid-template-columns: 1fr; }\r\n .terminal-wrapper { padding: 1.5rem; }\r\n .terminal-actions { flex-direction: column; }\r\n \r\n .hero-tech-holo { gap: 15px; margin-bottom: 3rem; }\r\n .holo-node { font-size: 0.6rem; }\r\n .holo-ico { font-size: 1.6rem; }\r\n \r\n .t-btn { font-size: 0.8rem; padding: 14px 15px; }\r\n }\r\n\r\n footer { text-align: center; padding: 2rem; opacity: 0.6; font-size: 0.85rem; color: #888; }\r\n \/* --- ESTILOS FOOTER LINKS --- *\/\r\n .footer-links {\r\n list-style: none;\r\n display: flex;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n gap: 20px;\r\n margin-top: 15px;\r\n padding: 0;\r\n }\r\n\r\n .footer-links li a {\r\n text-decoration: none;\r\n color: var(--text-sec);\r\n font-size: 0.75rem;\r\n font-weight: 500;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n transition: 0.3s;\r\n border-bottom: 1px solid transparent;\r\n }\r\n\r\n .footer-links li a:hover {\r\n color: var(--neon-blue);\r\n text-shadow: 0 0 8px var(--neon-blue);\r\n border-bottom: 1px solid var(--neon-blue);\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"bg-img\"><\/div>\r\n <div class=\"bg-glows\"><\/div>\r\n <canvas id=\"particle-canvas\"><\/canvas>\r\n\r\n <nav>\r\n <div class=\"logo\">\r\n <img decoding=\"async\" src=\"https:\/\/www.david.pricop.es\/wp-content\/uploads\/2026\/03\/icon-app512.png\" alt=\"DNP\"> Stack Pack\r\n <\/div>\r\n <span class=\"version-badge\">v0.1.70<\/span>\r\n <\/nav>\r\n\r\n <div class=\"container\">\r\n \r\n <header class=\"hero reveal\">\r\n <div class=\"hero-tower\">\r\n <div class=\"tower-decoration\"><\/div>\r\n \r\n <h1 class=\"hero-title-stacked\">\r\n <span class=\"title-part p1\">Un Toque<\/span>\r\n <span class=\"title-part p2\">Un Destino\u26a1<\/span>\r\n <\/h1>\r\n \r\n <p class=\"hero-desc\">Sencillo de entender. Imposible de dominar. Construye, gestiona el caos y sobrepasa tus l\u00edmites a 60 FPS.<\/p>\r\n \r\n <div class=\"hero-tech-holo\">\r\n <div class=\"holo-node\"><span class=\"holo-ico\">\u26a1<\/span> 60 FPS<\/div>\r\n <div class=\"holo-node\"><span class=\"holo-ico\">\ud83d\udcf3<\/span> H\u00e1ptica<\/div>\r\n <div class=\"holo-node\"><span class=\"holo-ico\">\ud83c\udfb5<\/span> Audio Din\u00e1mico<\/div>\r\n <div class=\"holo-node\"><span class=\"holo-ico\">\ud83c\udfa8<\/span> 12 Paletas<\/div>\r\n <\/div>\r\n\r\n <a href=\"https:\/\/play.google.com\/apps\/testing\/com.DNPricopDigitalStudio.StackDeluxe\" target=\"_blank\" class=\"btn-play\">\r\n <svg viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path fill=\"#34A853\" d=\"M325.3 234.3L104.6 13l280.8 161.2-60.1 60.1z\"\/>\r\n <path fill=\"#4285F4\" d=\"M47 0C34 6.8 25.3 19.2 25.3 35.3v441.3c0 16.1 8.7 28.5 21.7 35.3l256.6-256L47 0z\"\/>\r\n <path fill=\"#FBBC05\" d=\"M425.2 225.6l-58.9-34.1-65.7 64.5 65.7 64.5 60.1-34.1c18-14.3 18-46.5-1.2-60.8z\"\/>\r\n <path fill=\"#EA4335\" d=\"M104.6 499l280.8-161.2-60.1-60.1L104.6 499z\"\/>\r\n <\/svg>\r\n Descargar Alpha\r\n <\/a>\r\n <\/div>\r\n <\/header>\r\n\r\n <section class=\"scannable-cuts-wrapper reveal\">\r\n <div class=\"scanner-header\">\r\n <h3 style=\"font-size: 1.8rem; font-weight: 900; text-transform: uppercase;\">EL ARTE DEL CORTE<\/h3>\r\n <p style=\"color: var(--text-sec); max-width: 600px; margin: 0 auto;\">Cada toque fragmenta el bloque. El esc\u00e1ner es tu \u00fanico aliado:<\/p>\r\n <\/div>\r\n\r\n <div class=\"impact-timeline\">\r\n <div class=\"laser-beam\"><\/div>\r\n <div class=\"active-scanner-bar\"><\/div>\r\n\r\n <div class=\"impact-node perfecto reveal\">\r\n <div class=\"node-visual\">\r\n <div class=\"pulse-ring\"><\/div>\r\n <div class=\"core-dot\"><\/div>\r\n <\/div>\r\n <div class=\"node-content left\">\r\n <h4>\u2728 PERFECTO<\/h4>\r\n <p>Sincron\u00eda total. Activa combos y genera Man\u00e1 de Orden.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"impact-node normal reveal\">\r\n <div class=\"node-visual\">\r\n <div class=\"pulse-ring\"><\/div>\r\n <div class=\"core-dot\"><\/div>\r\n <\/div>\r\n <div class=\"node-content right\">\r\n <h4>\ud83d\udcc9 NORMAL<\/h4>\r\n <p>El bloque se reduce. El margen de error te asfixia.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"impact-node caos reveal\">\r\n <div class=\"node-visual\">\r\n <div class=\"pulse-ring\"><\/div>\r\n <div class=\"core-dot\"><\/div>\r\n <\/div>\r\n <div class=\"node-content left\">\r\n <h4>\ud83d\udc80 CAOS<\/h4>\r\n <p>Fallo cr\u00edtico. La purga se acerca.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"bento\">\r\n \r\n <div class=\"glass-card reveal\" data-tilt data-tilt-max=\"4\">\r\n <div>\r\n <h3 class=\"card-title\">Sistema de Man\u00e1 Dual<\/h3>\r\n <p class=\"card-text\">Dos energ\u00edas compiten. Los bloques perfectos apilan <strong style=\"color:var(--neon-blue);\">Orden<\/strong>; los fallos apilan <strong style=\"color:var(--neon-red);\">Caos<\/strong> inestable.<\/p>\r\n \r\n <div class=\"mana-towers-ui\">\r\n <div class=\"tower-col\">\r\n <div class=\"tower-percent order-text\">75%<\/div>\r\n <div class=\"tower-stack\">\r\n <div class=\"mana-block order\"><\/div>\r\n <div class=\"mana-block order\"><\/div>\r\n <div class=\"mana-block order\"><\/div>\r\n <div class=\"mana-block order\"><\/div>\r\n <div class=\"mana-block order empty\"><\/div>\r\n <\/div>\r\n <div class=\"tower-label\">\u2728 ORDEN<\/div>\r\n <\/div>\r\n\r\n <div class=\"tower-vs\">VS<\/div>\r\n\r\n <div class=\"tower-col\">\r\n <div class=\"tower-percent chaos-text blink\">CR\u00cdTICO<\/div>\r\n <div class=\"tower-stack chaos-anim\">\r\n <div class=\"mana-block chaos pos-1\"><\/div>\r\n <div class=\"mana-block chaos pos-2\"><\/div>\r\n <div class=\"mana-block chaos pos-3\"><\/div>\r\n <div class=\"mana-block chaos pos-4\"><\/div>\r\n <div class=\"mana-block chaos pos-5\"><\/div>\r\n <div class=\"mana-block chaos pos-6\"><\/div>\r\n <\/div>\r\n <div class=\"tower-label\" style=\"color: var(--neon-red);\">\ud83d\udc80 CAOS<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"glass-card card-purga reveal\" data-tilt data-tilt-max=\"4\">\r\n <div>\r\n <div class=\"purga-header\">\r\n <span class=\"purga-icon\">\u26a0\ufe0f<\/span>\r\n <h3 class=\"card-title purga-title\">MODO PURGA: SOBREVIVE AL GLITCH<\/h3>\r\n <\/div>\r\n <p class=\"card-text\" style=\"color: #ffcccc; font-size: 0.95rem;\">Si el Caos te domina, las reglas mueren:<\/p>\r\n \r\n <div class=\"purga-mutators\">\r\n <div class=\"mutator-item\">\u23e9 Velocidad x200% <\/div>\r\n <div class=\"mutator-item\">\ud83c\udfb5 Audio Distorsionado<\/div>\r\n <div class=\"mutator-item\">\u267e\ufe0f Ca\u00edda Infinita<\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"purga-escape\">\r\n <div class=\"escape-label\">Protocolo de Escape<\/div>\r\n <p style=\"color: #ccc; font-size: 0.85rem; margin-bottom: 12px;\">Clava 3 Perfectos seguidos para recuperar el control.<\/p>\r\n <div class=\"escape-locks\">\r\n <div class=\"lock-node active\"><\/div>\r\n <div class=\"lock-node active\"><\/div>\r\n <div class=\"lock-node danger\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"glass-card reveal card-mision-redesign\" data-tilt data-tilt-max=\"3\">\r\n <div>\r\n <div style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 1rem;\">\r\n <div class=\"economy-icon\" style=\"margin: 0;\">\ud83e\ude99<\/div>\r\n <h3 class=\"card-title\" style=\"color: var(--neon-yellow); margin: 0;\">Dep\u00f3sito y Mercado<\/h3>\r\n <\/div>\r\n \r\n <p class=\"card-text\">La moneda del juego<strong style=\"color: #fff;\"> (Pricoins) <\/strong>se gana puramente mediante habilidad.<\/p>\r\n \r\n <div class=\"combo-visualizer\">\r\n <div class=\"combo-header\">\r\n <span style=\"font-size: 0.75rem; text-transform: uppercase; letter-spacing: 1px; color: #aaa;\">Racha Pro:<\/span>\r\n <span style=\"font-size: 0.8rem; font-weight: 800; color: var(--neon-yellow);\">3\/5 Perfectos<\/span>\r\n <\/div>\r\n <div class=\"combo-track-container\">\r\n <div class=\"combo-track\">\r\n <div class=\"combo-slot filled\"><\/div>\r\n <div class=\"combo-slot filled\"><\/div>\r\n <div class=\"combo-slot filled\"><\/div>\r\n <div class=\"combo-slot current\"><\/div>\r\n <div class=\"combo-slot empty\"><\/div>\r\n <\/div>\r\n <div class=\"combo-reward\">\r\n <div class=\"reward-glow\"><\/div>\r\n \ud83e\ude99 <span class=\"reward-text\">+10<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"market-hub-preview\">\r\n <div class=\"market-header-accent\">Categor\u00edas de Tienda<\/div>\r\n \r\n <div class=\"shop-preview-list\">\r\n <div class=\"shop-listing\">\r\n <span class=\"category-ico color-skin\">\u25a3<\/span>\r\n <p>Skins<\/p>\r\n <\/div>\r\n <div class=\"shop-listing\">\r\n <span class=\"category-ico color-bg\">\ud83d\uddbc\ufe0f<\/span>\r\n <p>Fondos<\/p>\r\n <\/div>\r\n <div class=\"shop-listing\">\r\n <span class=\"category-ico color-sound\">\ud83d\udd08<\/span>\r\n <p>SFX<\/p>\r\n <\/div>\r\n <div class=\"shop-listing\">\r\n <span class=\"category-ico color-music\">\ud83c\udfb5<\/span>\r\n <p>BGM <br>Din\u00e1mica<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"rules-box-gold\">\r\n <p style=\"color: #fff; font-size: 0.95rem;\">Cada <strong>5 cortes perfectos consecutivos<\/strong> in-game te otorgan Pricoins para gastar en el Mercado.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"glass-card reveal card-mision-redesign\" data-tilt data-tilt-max=\"3\">\r\n <div>\r\n <h3 class=\"card-title\" style=\"color: var(--neon-purple);\">Misiones<\/h3>\r\n <p class=\"card-text\">Supera los Desaf\u00edos Diarios y completa Misiones Permanentes para ganar Pricoins e insignias. Alcanza el <strong class=\"text-platinum\">PLATINO<\/strong>.<\/p>\r\n <\/div>\r\n \r\n <div class=\"quest-dashboard\">\r\n <div class=\"quest-tabs\">\r\n <span class=\"quest-tab active\">Diarias<\/span>\r\n <span class=\"quest-tab\">Permanentes<\/span>\r\n <\/div>\r\n\r\n <div class=\"quest-view-panel\">\r\n <div class=\"quest-frame active-frame\">\r\n <span class=\"quest-tag\">RESETEO: 12H 24M<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/www.david.pricop.es\/wp-content\/uploads\/2026\/03\/misiones_diarias_sinfondo.png\" alt=\"Misiones Diarias\" class=\"quest-img-view\">\r\n <\/div>\r\n\r\n <div class=\"quest-frame background-frame\">\r\n <span class=\"quest-tag special\">Silver<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/www.david.pricop.es\/wp-content\/uploads\/2026\/03\/misiones_permanentes_plata_sinfondo-scaled.png\" alt=\"Sistema de Rangos\" class=\"quest-img-view\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n <section class=\"terminal-wrapper reveal\">\r\n <div class=\"terminal-header-bar\">\r\n <div class=\"window-dots\">\r\n <div class=\"dot r\"><\/div>\r\n <div class=\"dot y\"><\/div>\r\n <div class=\"dot g\"><\/div>\r\n <\/div>\r\n <span class=\"terminal-sys-title\">> PROTOCOLO_ALPHA_ACTIVO <span class=\"blink\">_<\/span><\/span>\r\n <\/div>\r\n\r\n <h2 class=\"terminal-main-title\">[ STATUS: ALPHA ABIERTA ] \ud83d\udee0\ufe0f<\/h2>\r\n\r\n <div class=\"terminal-grid\">\r\n \r\n <div class=\"t-panel\">\r\n <h4 class=\"t-panel-title\" style=\"color: var(--neon-purple);\">\/01_Status_Report<\/h4>\r\n <p class=\"t-panel-text\">Soy un dev indie y busco testers con nervios de acero para equilibrar el sistema. \u00bfQuieres entrar?<\/p>\r\n\r\n <div class=\"security-clearance\">\r\n <span class=\"sec-icon\">\u26a0\ufe0f<\/span>\r\n <div>\r\n <div class=\"sec-title\">CLEARANCE REQUERIDO<\/div>\r\n <div class=\"sec-text\">La Play Store est\u00e1 blindada. <strong>Por Discord, dame tu Gmail y te meto en la Whitelist de Google hoy mismo.<\/strong><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"t-panel border-accent\">\r\n <h4 class=\"t-panel-title\" style=\"color: var(--neon-yellow);\">\/02_Misi\u00f3n_asignada<\/h4>\r\n <p class=\"t-panel-text\" style=\"margin-bottom: 15px;\">Necesito datos de campo sobre las siguientes mec\u00e1nicas:<\/p>\r\n <ul class=\"t-objective-list\">\r\n <li>\r\n <span class=\"obj-check\">[ ]<\/span>\r\n <span>\u00bfEsos 3 perfectos para escapar de la <strong>Purga<\/strong> son un reto o una tortura?<\/span>\r\n <\/li>\r\n <li>\r\n <span class=\"obj-check\">[ ]<\/span>\r\n <span>Claridad UX: \u00bfSe entiende el camino al <strong>Platino<\/strong>?<\/span>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"terminal-actions\">\r\n <a href=\"https:\/\/discord.com\/invite\/ZUQdYmE753\" target=\"_blank\" class=\"t-btn btn-discord-t\">\r\n <span style=\"font-size: 1.2rem;\">\ud83d\udcac<\/span> SOLICITAR ACCESO (DISCORD)\r\n <\/a>\r\n \r\n <a href=\"https:\/\/play.google.com\/apps\/testing\/com.DNPricopDigitalStudio.StackDeluxe\" target=\"_blank\" class=\"t-btn btn-dl-t\">\r\n <svg viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path fill=\"#34A853\" d=\"M325.3 234.3L104.6 13l280.8 161.2-60.1 60.1z\"\/>\r\n <path fill=\"#4285F4\" d=\"M47 0C34 6.8 25.3 19.2 25.3 35.3v441.3c0 16.1 8.7 28.5 21.7 35.3l256.6-256L47 0z\"\/>\r\n <path fill=\"#FBBC05\" d=\"M425.2 225.6l-58.9-34.1-65.7 64.5 65.7 64.5 60.1-34.1c18-14.3 18-46.5-1.2-60.8z\"\/>\r\n <path fill=\"#EA4335\" d=\"M104.6 499l280.8-161.2-60.1-60.1L104.6 499z\"\/>\r\n <\/svg>\r\n DESCARGAR ALPHA\r\n <\/a>\r\n\r\n <a href=\"https:\/\/docs.google.com\/forms\/d\/e\/1FAIpQLSfDTi5Y-Om3wSCFVvlZCEDqtpsPktaIh9429GT1U9EXmgw4hw\/viewform\" target=\"_blank\" class=\"t-btn btn-form-t\">\r\n <span style=\"font-size: 1.2rem;\">\ud83d\udcdd<\/span> ENVIAR REPORTE\r\n <\/a>\r\n <\/div>\r\n <\/section>\r\n\r\n <footer class=\"reveal\">\r\n <p>© <span id=\"year\"><\/span> DNPGames. Stack Pack. Todos los derechos reservados.<\/p>\r\n \r\n <ul class=\"footer-links\">\r\n <li><a href=\"\/privacidad\">Pol\u00edtica de Privacidad<\/a><\/li>\r\n <li><a href=\"\/terminos\">T\u00e9rminos y Condiciones<\/a><\/li>\r\n <li><a href=\"\/cookies\">Pol\u00edtica de Cookies<\/a><\/li>\r\n <li><a href=\"\/aviso-legal\">Aviso Legal<\/a><\/li>\r\n <\/ul>\r\n <\/footer>\r\n\r\n <\/div>\r\n\r\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/vanilla-tilt\/1.8.0\/vanilla-tilt.min.js\"><\/script>\r\n\r\n <script>\r\n document.addEventListener(\"DOMContentLoaded\", () => {\r\n \r\n \/\/ Animaci\u00f3n de aparici\u00f3n al hacer scroll\r\n const revealElements = document.querySelectorAll('.reveal');\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if(entry.isIntersecting) entry.target.classList.add('active');\r\n });\r\n }, { threshold: 0.1 });\r\n revealElements.forEach(el => observer.observe(el));\r\n\r\n document.getElementById(\"year\").innerText = new Date().getFullYear();\r\n\r\n \/\/ Part\u00edculas de fondo\r\n const canvas = document.getElementById('particle-canvas');\r\n const ctx = canvas.getContext('2d');\r\n let particles = [];\r\n const colors = ['#00ff66', '#ffcc00', '#ff003c', '#00f0ff', '#9d00ff']; \r\n\r\n function resize() { canvas.width = window.innerWidth; canvas.height = window.innerHeight; }\r\n window.addEventListener('resize', resize); resize();\r\n\r\n class Particle {\r\n constructor() {\r\n this.x = Math.random() * canvas.width;\r\n this.y = Math.random() * canvas.height;\r\n this.size = Math.random() * 4 + 1; \r\n this.speedY = Math.random() * 1.5 + 0.5; \r\n this.speedX = (Math.random() - 0.5) * 1; \r\n this.opacity = Math.random() * 0.5 + 0.1;\r\n this.color = colors[Math.floor(Math.random() * colors.length)];\r\n }\r\n update() {\r\n this.y -= this.speedY; \r\n this.x += this.speedX;\r\n if(this.y < 0 - this.size) { this.y = canvas.height + this.size; this.x = Math.random() * canvas.width; }\r\n }\r\n draw() {\r\n ctx.globalAlpha = this.opacity;\r\n ctx.fillStyle = this.color;\r\n ctx.shadowBlur = 10;\r\n ctx.shadowColor = this.color;\r\n ctx.fillRect(this.x, this.y, this.size, this.size);\r\n ctx.globalAlpha = 1;\r\n }\r\n }\r\n\r\n for(let i = 0; i < 40; i++) particles.push(new Particle());\r\n\r\n function animateCanvas() {\r\n ctx.clearRect(0, 0, canvas.width, canvas.height); \r\n particles.forEach(p => { p.update(); p.draw(); });\r\n requestAnimationFrame(animateCanvas);\r\n }\r\n animateCanvas();\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\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>Stack Pack | Fase Alpha – \u00danete a la prueba Stack Pack v0.1.70 Un Toque Un Destino\u26a1 Sencillo de entender. Imposible de dominar. Construye, gestiona el caos y sobrepasa tus l\u00edmites a 60 FPS. \u26a1 60 FPS \ud83d\udcf3 H\u00e1ptica \ud83c\udfb5 Audio Din\u00e1mico \ud83c\udfa8 12 Paletas Descargar Alpha EL ARTE DEL CORTE Cada toque fragmenta el […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"postBodyCss":"","postBodyMargin":[],"postBodyPadding":[],"postBodyBackground":{"backgroundType":"classic","gradient":""},"footnotes":""},"class_list":["post-236","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.david.pricop.es\/en\/wp-json\/wp\/v2\/pages\/236","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.david.pricop.es\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.david.pricop.es\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.david.pricop.es\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.david.pricop.es\/en\/wp-json\/wp\/v2\/comments?post=236"}],"version-history":[{"count":221,"href":"https:\/\/www.david.pricop.es\/en\/wp-json\/wp\/v2\/pages\/236\/revisions"}],"predecessor-version":[{"id":487,"href":"https:\/\/www.david.pricop.es\/en\/wp-json\/wp\/v2\/pages\/236\/revisions\/487"}],"wp:attachment":[{"href":"https:\/\/www.david.pricop.es\/en\/wp-json\/wp\/v2\/media?parent=236"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}