{"id":38,"date":"2026-05-05T04:09:33","date_gmt":"2026-05-05T04:09:33","guid":{"rendered":"https:\/\/3danimationart.co.uk\/?page_id=38"},"modified":"2026-05-05T04:09:34","modified_gmt":"2026-05-05T04:09:34","slug":"contratar-disenadores-de-juegos-diseno-de-sistemas-de-juego","status":"publish","type":"page","link":"https:\/\/3danimationart.co.uk\/cs\/contratar-disenadores-de-juegos-diseno-de-sistemas-de-juego\/","title":{"rendered":"Najmout hern\u00ed design\u00e9ry, n\u00e1vrh hern\u00edch syst\u00e9m\u016f"},"content":{"rendered":"\n<div class=\"wp-block-uagb-container uagb-block-3275c727 alignfull uagb-is-root-container\"><div class=\"uagb-container-inner-blocks-wrap\">\n<!DOCTYPE html>\n<html lang=\"es\" class=\"scroll-smooth\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <!-- T\u00edtulo con 9+ servicios en espa\u00f1ol -->\n    <title>Gameartoutsourcestudio | Contratar Dise\u00f1adores de Juegos, Dise\u00f1o de Sistemas de Juego, Dise\u00f1o de Niveles, Dise\u00f1o de Econom\u00eda de Juego, Dise\u00f1o de Combate, Dise\u00f1o Narrativo, Dise\u00f1o de Monetizaci\u00f3n, Equilibrio de Juego, Dise\u00f1o de Rompecabezas, Documentaci\u00f3n de Dise\u00f1o (GDD)<\/title>\n    <!-- Descripci\u00f3n con 9+ servicios en espa\u00f1ol -->\n    <meta name=\"description\" content=\"Contrate a los mejores Dise\u00f1adores de Juegos. Expertos en Dise\u00f1o de Sistemas, Dise\u00f1o de Niveles, Econom\u00eda de Juego, Dise\u00f1o de Combate, Narrativa, Monetizaci\u00f3n, Equilibrio de Juego, Rompecabezas y Creaci\u00f3n de GDD. Cont\u00e1ctenos: info@gameartoutsourcestudio.de\">\n    \n    <!-- Tailwind CSS -->\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <!-- FontAwesome for Icons -->\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n    \n    <script>\n        tailwind.config = {\n            theme: {\n                extend: {\n                    colors: {\n                        dark: '#0f172a',\n                        darker: '#020617',\n                        brand: {\n                            amber: '#f59e0b',\n                            emerald: '#10b981',\n                            fuchsia: '#d946ef',\n                            blue: '#3b82f6',\n                            slate: '#64748b'\n                        }\n                    },\n                    fontFamily: {\n                        sans: ['Inter', 'system-ui', '-apple-system', 'sans-serif'],\n                        mono: ['Fira Code', 'ui-monospace', 'SFMono-Regular', 'monospace'],\n                    }\n                }\n            }\n        }\n    <\/script>\n    <style>\n        .icon-gradient-design {\n            background: -webkit-linear-gradient(45deg, #f59e0b, #10b981);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n        }\n        .glow-effect-design {\n            box-shadow: 0 0 20px rgba(245, 158, 11, 0.15);\n            transition: all 0.3s ease;\n        }\n        .glow-effect-design:hover {\n            box-shadow: 0 0 30px rgba(16, 185, 129, 0.4);\n            transform: translateY(-5px);\n            border-color: rgba(16, 185, 129, 0.5);\n        }\n        .blueprint-pattern {\n            background-image: \n                linear-gradient(rgba(16, 185, 129, 0.05) 1px, transparent 1px),\n                linear-gradient(90deg, rgba(16, 185, 129, 0.05) 1px, transparent 1px),\n                linear-gradient(rgba(16, 185, 129, 0.02) 1px, transparent 1px),\n                linear-gradient(90deg, rgba(16, 185, 129, 0.02) 1px, transparent 1px);\n            background-size: 100px 100px, 100px 100px, 20px 20px, 20px 20px;\n            background-position: -2px -2px, -2px -2px, -1px -1px, -1px -1px;\n        }\n    <\/style>\n<\/head>\n<body class=\"bg-darker text-slate-300 font-sans antialiased selection:bg-brand-amber selection:text-darker blueprint-pattern\">\n\n    <!-- Navigation -->\n    <nav class=\"fixed w-full z-50 top-0 bg-darker\/90 backdrop-blur-md border-b border-slate-800\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"flex justify-between items-center h-20\">\n                <div class=\"flex-shrink-0 flex items-center gap-3\">\n                    <i class=\"fa-solid fa-chess-knight text-3xl text-brand-amber\"><\/i>\n                    <span class=\"font-bold text-xl md:text-2xl tracking-tighter text-white\">\n                        Gameart<span class=\"text-brand-emerald\">outsource<\/span>studio\n                    <\/span>\n                <\/div>\n                <div class=\"hidden md:flex space-x-8 items-center\">\n                    <a href=\"index.html\" class=\"text-sm font-medium hover:text-brand-amber transition-colors\"><i class=\"fa-solid fa-arrow-left mr-1\"><\/i> Inicio<\/a>\n                    <a href=\"#servicios-design\" class=\"text-sm font-medium hover:text-brand-amber transition-colors\">Servicios de Dise\u00f1o<\/a>\n                    <a href=\"#pipeline\" class=\"text-sm font-medium hover:text-brand-amber transition-colors\">Metodolog\u00eda<\/a>\n                    <a href=\"#modelos\" class=\"text-sm font-medium hover:text-brand-amber transition-colors\">Contrataci\u00f3n<\/a>\n                    <a href=\"#faq\" class=\"text-sm font-medium hover:text-brand-amber transition-colors\">FAQ<\/a>\n                    <a href=\"mailto:info@gameartoutsourcestudio.de\" class=\"bg-gradient-to-r from-brand-amber to-brand-emerald hover:from-brand-emerald hover:to-brand-amber text-darker px-5 py-2.5 rounded-full font-bold transition-all shadow-lg shadow-brand-amber\/20 flex items-center gap-2\">\n                        <i class=\"fa-solid fa-user-plus\"><\/i> Contratar Dise\u00f1adores\n                    <\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/nav>\n\n    <!-- Hero Section -->\n    <section class=\"relative pt-32 pb-20 lg:pt-48 lg:pb-32 overflow-hidden\">\n        <div class=\"absolute inset-0 bg-[radial-gradient(ellipse_at_top,_var(--tw-gradient-stops))] from-brand-amber\/10 via-darker to-darker -z-10\"><\/div>\n        \n        <!-- Animated Background Icons for Game Design Concept -->\n        <div class=\"absolute top-32 left-10 text-brand-amber text-6xl opacity-10\"><i class=\"fa-solid fa-sitemap\"><\/i><\/div>\n        <div class=\"absolute bottom-20 right-10 text-brand-emerald text-8xl opacity-10\"><i class=\"fa-solid fa-dice-d20\"><\/i><\/div>\n        <div class=\"absolute top-52 right-20 text-brand-fuchsia text-5xl opacity-10\"><i class=\"fa-solid fa-scroll\"><\/i><\/div>\n        <div class=\"absolute bottom-32 left-32 text-brand-blue text-7xl opacity-10\"><i class=\"fa-solid fa-chart-line\"><\/i><\/div>\n\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative text-center\">\n            \n            <div class=\"inline-flex items-center gap-2 px-4 py-2 rounded-full bg-amber-900\/30 border border-brand-amber\/50 text-brand-amber text-sm font-bold mb-8 uppercase tracking-widest\">\n                <i class=\"fa-solid fa-lightbulb\"><\/i> Arquitectos de la Diversi\u00f3n\n            <\/div>\n            \n            <!-- Hero Title with 9+ Spanish Services Distributed -->\n            <h1 class=\"text-3xl md:text-5xl lg:text-7xl font-extrabold text-white tracking-tight mb-8 leading-tight max-w-6xl mx-auto\">\n                Dise\u00f1adores de Juegos que <br class=\"hidden md:block\">\n                <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-brand-amber via-brand-emerald to-brand-fuchsia\">Convierten Ideas en \u00c9xitos Adictivos<\/span>\n            <\/h1>\n            \n            <h2 class=\"text-xl md:text-2xl font-semibold text-slate-300 mb-6 max-w-5xl mx-auto\">\n                Expertos en <span class=\"text-brand-amber\">Dise\u00f1o de Sistemas de Juego, Dise\u00f1o de Niveles, Dise\u00f1o de Econom\u00eda, Dise\u00f1o de Combate y Dise\u00f1o Narrativo.<\/span>\n            <\/h2>\n            \n            <p class=\"mt-6 text-lg text-slate-400 max-w-4xl mx-auto leading-relaxed mb-10\">\n                Un c\u00f3digo perfecto y gr\u00e1ficos impresionantes no pueden salvar un juego aburrido. El Dise\u00f1o de Juegos (Game Design) es la psicolog\u00eda invisible que dicta por qu\u00e9 los jugadores no pueden soltar el mando. En <strong>Gameartoutsourcestudio<\/strong>, le proporcionamos Dise\u00f1adores de Juego Senior (Game Designers) que dominan el delicado equilibrio entre el riesgo y la recompensa. Desde la creaci\u00f3n de Documentos de Dise\u00f1o (GDD) impecables hasta la calibraci\u00f3n matem\u00e1tica de la econom\u00eda de su juego, nuestros arquitectos l\u00fadicos garantizan altas tasas de retenci\u00f3n (LTV), una monetizaci\u00f3n \u00e9tica y un bucle central (Core Loop) irresistiblemente divertido.\n            <\/p>\n            \n            <div class=\"flex flex-col sm:flex-row justify-center gap-4\">\n                <a href=\"mailto:info@gameartoutsourcestudio.de\" class=\"bg-gradient-to-r from-brand-amber to-brand-emerald text-darker px-8 py-4 rounded-full font-bold text-lg hover:from-brand-emerald hover:to-brand-amber transition-all shadow-[0_0_20px_rgba(245,158,11,0.4)] flex justify-center items-center gap-3\">\n                    <i class=\"fa-solid fa-pen-ruler\"><\/i> Consultar a un Dise\u00f1ador\n                <\/a>\n                <a href=\"#servicios-design\" class=\"px-8 py-4 rounded-full font-bold text-lg border border-brand-amber\/50 text-brand-amber hover:bg-brand-amber\/10 transition-all flex justify-center items-center gap-3\">\n                    <i class=\"fa-solid fa-list-check\"><\/i> Ver Disciplinas de Dise\u00f1o\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Comprehensive 10 Services Section -->\n    <section id=\"servicios-design\" class=\"py-24 bg-dark relative border-t border-slate-800\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"text-center max-w-3xl mx-auto mb-20\">\n                <i class=\"fa-solid fa-brain text-4xl text-brand-amber mb-4\"><\/i>\n                <h2 class=\"text-3xl md:text-5xl font-bold text-white mb-6\">Capacidades Anal\u00edticas y Creativas<\/h2>\n                <p class=\"text-lg text-slate-400 leading-relaxed\">\n                    El dise\u00f1o de juegos moderno es una amalgama de matem\u00e1ticas, narrativa y psicolog\u00eda del comportamiento. Contamos con especialistas dedicados para cada pilar del dise\u00f1o interactivo.\n                <\/p>\n            <\/div>\n\n            <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\">\n                \n                <!-- Service 1 -->\n                <div class=\"bg-gradient-to-b from-slate-800\/80 to-slate-900\/80 rounded-3xl p-8 border border-slate-700 hover:border-brand-amber transition-all glow-effect-design group\">\n                    <div class=\"w-16 h-16 rounded-2xl bg-amber-500\/10 flex items-center justify-center mb-6 group-hover:bg-brand-amber group-hover:text-darker transition-all text-brand-amber shadow-inner border border-brand-amber\/20\">\n                        <i class=\"fa-solid fa-gears text-3xl\"><\/i>\n                    <\/div>\n                    <h3 class=\"text-xl font-bold text-white mb-3\">Dise\u00f1o de Sistemas de Juego<\/h3>\n                    <p class=\"text-slate-400 text-sm leading-relaxed mb-4\">\n                        Arquitectos de las reglas invisibles. Definimos c\u00f3mo interact\u00faan todas las mec\u00e1nicas del juego: sistemas de progresi\u00f3n de personajes, \u00e1rboles de habilidades, f\u00edsicas de movimiento y reglas de inteligencia artificial, asegurando que el \u00abBucle Central\u00bb (Core Loop) sea adictivo y expansible.\n                    <\/p>\n                <\/div>\n\n                <!-- Service 2 -->\n                <div class=\"bg-gradient-to-b from-slate-800\/80 to-slate-900\/80 rounded-3xl p-8 border border-slate-700 hover:border-brand-emerald transition-all glow-effect-design group\">\n                    <div class=\"w-16 h-16 rounded-2xl bg-emerald-500\/10 flex items-center justify-center mb-6 group-hover:bg-brand-emerald group-hover:text-darker transition-all text-brand-emerald shadow-inner border border-brand-emerald\/20\">\n                        <i class=\"fa-solid fa-map-location-dot text-3xl\"><\/i>\n                    <\/div>\n                    <h3 class=\"text-xl font-bold text-white mb-3\">Dise\u00f1o de Niveles (Level Design)<\/h3>\n                    <p class=\"text-slate-400 text-sm leading-relaxed mb-4\">\n                        Trazamos el viaje del jugador. Nuestros dise\u00f1adores de niveles crean mapas que gu\u00edan el ojo, ense\u00f1an mec\u00e1nicas sin tutoriales intrusivos (Affordances) y controlan el ritmo de la acci\u00f3n y la exploraci\u00f3n (Pacing) utilizando bloqueos iniciales (Greyboxing) en motores como Unreal y Unity.\n                    <\/p>\n                <\/div>\n\n                <!-- Service 3 -->\n                <div class=\"bg-gradient-to-b from-slate-800\/80 to-slate-900\/80 rounded-3xl p-8 border border-slate-700 hover:border-brand-fuchsia transition-all glow-effect-design group\">\n                    <div class=\"w-16 h-16 rounded-2xl bg-fuchsia-500\/10 flex items-center justify-center mb-6 group-hover:bg-brand-fuchsia group-hover:text-white transition-all text-brand-fuchsia shadow-inner border border-brand-fuchsia\/20\">\n                        <i class=\"fa-solid fa-coins text-3xl\"><\/i>\n                    <\/div>\n                    <h3 class=\"text-xl font-bold text-white mb-3\">Dise\u00f1o de Econom\u00eda de Juego<\/h3>\n                    <p class=\"text-slate-400 text-sm leading-relaxed mb-4\">\n                        Matem\u00e1ticas de alto nivel. Modelamos hojas de c\u00e1lculo complejas para simular las entradas (Faucets) y salidas (Sinks) de moneda virtual, puntos de experiencia (XP) y rareza de bot\u00edn (Loot drops). Prevenimos la inflaci\u00f3n del juego y garantizamos una progresi\u00f3n gratificante a largo plazo.\n                    <\/p>\n                <\/div>\n\n                <!-- Service 4 -->\n                <div class=\"bg-gradient-to-b from-slate-800\/80 to-slate-900\/80 rounded-3xl p-8 border border-slate-700 hover:border-brand-blue transition-all glow-effect-design group\">\n                    <div class=\"w-16 h-16 rounded-2xl bg-blue-500\/10 flex items-center justify-center mb-6 group-hover:bg-brand-blue group-hover:text-white transition-all text-brand-blue shadow-inner border border-brand-blue\/20\">\n                        <i class=\"fa-solid fa-crosshairs text-3xl\"><\/i>\n                    <\/div>\n                    <h3 class=\"text-xl font-bold text-white mb-3\">Dise\u00f1o de Combate<\/h3>\n                    <p class=\"text-slate-400 text-sm leading-relaxed mb-4\">\n                        Para juegos de acci\u00f3n, el \u00abGame Feel\u00bb es sagrado. Dise\u00f1amos la retroalimentaci\u00f3n de cada golpe, balanceamos el tiempo de ataque (Wind-up, Active Frames, Recovery), estructuramos la Inteligencia Artificial enemiga (Comportamientos de flanqueo) y dise\u00f1amos batallas contra jefes memorables.\n                    <\/p>\n                <\/div>\n\n                <!-- Service 5 -->\n                <div class=\"bg-gradient-to-b from-slate-800\/80 to-slate-900\/80 rounded-3xl p-8 border border-slate-700 hover:border-brand-amber transition-all glow-effect-design group\">\n                    <div class=\"w-16 h-16 rounded-2xl bg-amber-500\/10 flex items-center justify-center mb-6 group-hover:bg-brand-amber group-hover:text-darker transition-all text-brand-amber shadow-inner border border-brand-amber\/20\">\n                        <i class=\"fa-solid fa-scroll text-3xl\"><\/i>\n                    <\/div>\n                    <h3 class=\"text-xl font-bold text-white mb-3\">Dise\u00f1o Narrativo y Guion<\/h3>\n                    <p class=\"text-slate-400 text-sm leading-relaxed mb-4\">\n                        Escritores que entienden la interactividad. No solo escribimos di\u00e1logos (Scripting); integramos la historia con las mec\u00e1nicas (Ludonarrativa). Dise\u00f1amos lore del mundo, \u00e1rboles de di\u00e1logo ramificados, descripciones de objetos y misiones secundarias que enriquecen el universo del jugador.\n                    <\/p>\n                <\/div>\n\n                <!-- Service 6 -->\n                <div class=\"bg-gradient-to-b from-slate-800\/80 to-slate-900\/80 rounded-3xl p-8 border border-slate-700 hover:border-brand-emerald transition-all glow-effect-design group\">\n                    <div class=\"w-16 h-16 rounded-2xl bg-emerald-500\/10 flex items-center justify-center mb-6 group-hover:bg-brand-emerald group-hover:text-darker transition-all text-brand-emerald shadow-inner border border-brand-emerald\/20\">\n                        <i class=\"fa-solid fa-chart-line text-3xl\"><\/i>\n                    <\/div>\n                    <h3 class=\"text-xl font-bold text-white mb-3\">Dise\u00f1o de Monetizaci\u00f3n<\/h3>\n                    <p class=\"text-slate-400 text-sm leading-relaxed mb-4\">\n                        Especialistas en juegos Free-to-Play y LiveOps. Dise\u00f1amos Pases de Batalla (Battle Passes), mec\u00e1nicas de Gacha \u00e9ticas, temporizadores de retenci\u00f3n y sistemas de ofertas personalizadas que maximizan los ingresos sin alienar a la base de jugadores ni caer en esquemas \u00abPay-to-Win\u00bb.\n                    <\/p>\n                <\/div>\n\n                <!-- Service 7 -->\n                <div class=\"bg-gradient-to-b from-slate-800\/80 to-slate-900\/80 rounded-3xl p-8 border border-slate-700 hover:border-brand-fuchsia transition-all glow-effect-design group\">\n                    <div class=\"w-16 h-16 rounded-2xl bg-fuchsia-500\/10 flex items-center justify-center mb-6 group-hover:bg-brand-fuchsia group-hover:text-white transition-all text-brand-fuchsia shadow-inner border border-brand-fuchsia\/20\">\n                        <i class=\"fa-solid fa-scale-balanced text-3xl\"><\/i>\n                    <\/div>\n                    <h3 class=\"text-xl font-bold text-white mb-3\">Equilibrio y Ajuste de Juego (Balancing)<\/h3>\n                    <p class=\"text-slate-400 text-sm leading-relaxed mb-4\">\n                        El arte del ajuste fino (Tuning). Analizamos la telemetr\u00eda de las pruebas de juego (Playtests) para ajustar la salud de los enemigos, el da\u00f1o de las armas y la dificultad de los niveles. Garantizamos que el juego ofrezca un \u00abEstado de Flujo\u00bb constante (Flow State), sin frustraciones innecesarias.\n                    <\/p>\n                <\/div>\n\n                <!-- Service 8 -->\n                <div class=\"bg-gradient-to-b from-slate-800\/80 to-slate-900\/80 rounded-3xl p-8 border border-slate-700 hover:border-brand-blue transition-all glow-effect-design group\">\n                    <div class=\"w-16 h-16 rounded-2xl bg-blue-500\/10 flex items-center justify-center mb-6 group-hover:bg-brand-blue group-hover:text-white transition-all text-brand-blue shadow-inner border border-brand-blue\/20\">\n                        <i class=\"fa-solid fa-puzzle-piece text-3xl\"><\/i>\n                    <\/div>\n                    <h3 class=\"text-xl font-bold text-white mb-3\">Dise\u00f1o de Rompecabezas (Puzzle Design)<\/h3>\n                    <p class=\"text-slate-400 text-sm leading-relaxed mb-4\">\n                        Desde juegos casuales de Match-3 hasta intrincadas mazmorras en 3D. Dise\u00f1amos mec\u00e1nicas l\u00f3gicas, progresiones de dificultad incrementales y momentos de revelaci\u00f3n (Momentos \u00abAha!\u00bb) que proporcionan a los jugadores una profunda satisfacci\u00f3n intelectual.\n                    <\/p>\n                <\/div>\n\n                <!-- Service 9 -->\n                <div class=\"bg-gradient-to-b from-slate-800\/80 to-slate-900\/80 rounded-3xl p-8 border border-slate-700 hover:border-brand-amber transition-all glow-effect-design group\">\n                    <div class=\"w-16 h-16 rounded-2xl bg-amber-500\/10 flex items-center justify-center mb-6 group-hover:bg-brand-amber group-hover:text-darker transition-all text-brand-amber shadow-inner border border-brand-amber\/20\">\n                        <i class=\"fa-solid fa-book-open text-3xl\"><\/i>\n                    <\/div>\n                    <h3 class=\"text-xl font-bold text-white mb-3\">Documentaci\u00f3n de Dise\u00f1o (Creaci\u00f3n de GDD)<\/h3>\n                    <p class=\"text-slate-400 text-sm leading-relaxed mb-4\">\n                        Traducimos ideas vagas en planos procesables. Redactamos y mantenemos el Documento de Dise\u00f1o de Juego (GDD), wikis internos y hojas de Confluence. Aseguramos que programadores, artistas y productores est\u00e9n perfectamente alineados bajo una misma visi\u00f3n del proyecto.\n                    <\/p>\n                <\/div>\n\n                <!-- Service 10 -->\n                <div class=\"bg-gradient-to-b from-slate-800\/80 to-slate-900\/80 rounded-3xl p-8 border border-slate-700 hover:border-brand-emerald transition-all glow-effect-design group md:col-span-2 lg:col-span-3\">\n                    <div class=\"flex flex-col md:flex-row items-center gap-6\">\n                        <div class=\"w-20 h-20 shrink-0 rounded-2xl bg-emerald-500\/10 flex items-center justify-center group-hover:bg-brand-emerald group-hover:text-darker transition-all text-brand-emerald shadow-inner border border-brand-emerald\/20\">\n                            <i class=\"fa-solid fa-vial text-4xl\"><\/i>\n                        <\/div>\n                        <div class=\"text-left\">\n                            <h3 class=\"text-2xl font-bold text-white mb-3\">Consultor\u00eda, Prototipado R\u00e1pido y \u00abPitch Pitching\u00bb<\/h3>\n                            <p class=\"text-slate-400 text-sm leading-relaxed\">\n                                \u00bfTiene una idea pero necesita financiaci\u00f3n? Nuestros Lead Game Designers ofrecen consultor\u00eda especializada para refinar su concepto. Construimos prototipos de \u00abcaja gris\u00bb (Greybox prototypes) para demostrar la viabilidad t\u00e9cnica y divertida de sus mec\u00e1nicas, y desarrollamos presentaciones comerciales s\u00f3lidas (Pitch Decks) optimizadas para convencer a inversores (VCs) y editores de juegos (Publishers).\n                            <\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Technical Pipeline Section -->\n    <section id=\"pipeline\" class=\"py-24 bg-darker relative border-t border-slate-800\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-16 items-center\">\n                \n                <!-- Info Column -->\n                <div>\n                    <div class=\"inline-flex items-center gap-2 px-4 py-2 rounded-full bg-brand-emerald\/10 border border-brand-emerald\/30 text-brand-emerald text-sm font-semibold mb-6\">\n                        <i class=\"fa-solid fa-list-check\"><\/i> Proceso Cient\u00edfico\n                    <\/div>\n                    <h2 class=\"text-3xl md:text-5xl font-bold text-white mb-6 leading-tight\">\n                        Nuestra Metodolog\u00eda de <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-brand-emerald to-brand-amber\">Dise\u00f1o Iterativo<\/span>\n                    <\/h2>\n                    <p class=\"text-slate-400 mb-6 leading-relaxed\">\n                        El buen dise\u00f1o de juegos no surge en el primer intento; surge de la iteraci\u00f3n. En <strong>Gameartoutsourcestudio<\/strong>, seguimos una metodolog\u00eda basada en la prueba y el error controlados (Fail Fast). Reducimos el riesgo de desarrollo validando ideas en papel antes de escribir la primera l\u00ednea de c\u00f3digo.\n                    <\/p>\n                    \n                    <div class=\"space-y-6 mt-8\">\n                        <div class=\"flex items-start gap-4\">\n                            <div class=\"w-12 h-12 rounded-full bg-slate-800 border border-slate-700 flex items-center justify-center text-brand-amber font-bold shrink-0 shadow-[0_0_10px_rgba(245,158,11,0.3)]\">01<\/div>\n                            <div>\n                                <h4 class=\"text-white font-bold mb-1\">Conceptualizaci\u00f3n y One-Pager<\/h4>\n                                <p class=\"text-sm text-slate-500 leading-relaxed\">Definimos los \u00abPilares del Juego\u00bb y la \u00abPropuesta de Valor \u00danica\u00bb (USP). Redactamos un documento de una p\u00e1gina (One-Pager) que establece claramente qu\u00e9 es el juego y por qu\u00e9 ser\u00e1 divertido.<\/p>\n                            <\/div>\n                        <\/div>\n                        \n                        <div class=\"flex items-start gap-4\">\n                            <div class=\"w-12 h-12 rounded-full bg-slate-800 border border-slate-700 flex items-center justify-center text-brand-emerald font-bold shrink-0 shadow-[0_0_10px_rgba(16,185,129,0.3)]\">02<\/div>\n                            <div>\n                                <h4 class=\"text-white font-bold mb-1\">Macroarquitectura y Bucle de Juego<\/h4>\n                                <p class=\"text-sm text-slate-500 leading-relaxed\">Dise\u00f1amos el Bucle Principal (Core Loop), Secundario y Terciario. Aseguramos que las mec\u00e1nicas de minuto a minuto (ej. disparar) alimenten la progresi\u00f3n a largo plazo (ej. mejorar la base).<\/p>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"flex items-start gap-4\">\n                            <div class=\"w-12 h-12 rounded-full bg-slate-800 border border-slate-700 flex items-center justify-center text-brand-fuchsia font-bold shrink-0 shadow-[0_0_10px_rgba(217,70,239,0.3)]\">03<\/div>\n                            <div>\n                                <h4 class=\"text-white font-bold mb-1\">Elaboraci\u00f3n del GDD y Sistemas<\/h4>\n                                <p class=\"text-sm text-slate-500 leading-relaxed\">Desglosamos las matem\u00e1ticas: curvas de nivel de experiencia, tablas de da\u00f1o y dise\u00f1o l\u00f3gico de UI. El Documento de Dise\u00f1o se convierte en la \u00abBiblia\u00bb viva del desarrollo.<\/p>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"flex items-start gap-4\">\n                            <div class=\"w-12 h-12 rounded-full bg-slate-800 border border-slate-700 flex items-center justify-center text-brand-blue font-bold shrink-0 shadow-[0_0_10px_rgba(59,130,246,0.3)]\">04<\/div>\n                            <div>\n                                <h4 class=\"text-white font-bold mb-1\">Playtesting y Ajuste Fino (Tuning)<\/h4>\n                                <p class=\"text-sm text-slate-500 leading-relaxed\">Supervisamos las pruebas de usuarios (QA y Focus Groups). Analizamos los \u00abHeatmaps\u00bb de calor de los jugadores y ajustamos los valores (Tuning) para perfeccionar el nivel de dificultad.<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Matrix (Icons only) -->\n                <div class=\"grid grid-cols-2 gap-4\">\n                    <div class=\"bg-gradient-to-br from-slate-800 to-slate-900 p-8 rounded-3xl border border-amber-900\/30 flex flex-col items-center justify-center text-center glow-effect-design\">\n                        <i class=\"fa-solid fa-file-excel text-5xl text-brand-amber mb-4\"><\/i>\n                        <span class=\"text-2xl font-extrabold text-white mb-2\">Hojas de C\u00e1lculo<\/span>\n                        <span class=\"text-xs font-medium text-slate-400 uppercase tracking-wide\">Excel\/Machinations para Econom\u00eda<\/span>\n                    <\/div>\n                    <div class=\"bg-gradient-to-br from-slate-800 to-slate-900 p-8 rounded-3xl border border-emerald-900\/30 flex flex-col items-center justify-center text-center glow-effect-design transform translate-y-8\">\n                        <i class=\"fa-solid fa-code text-5xl text-brand-emerald mb-4\"><\/i>\n                        <span class=\"text-2xl font-extrabold text-white mb-2\">Motor en Vivo<\/span>\n                        <span class=\"text-xs font-medium text-slate-400 uppercase tracking-wide\">Scripting en Unity \/ Blueprints (UE)<\/span>\n                    <\/div>\n                    <div class=\"bg-gradient-to-br from-slate-800 to-slate-900 p-8 rounded-3xl border border-fuchsia-900\/30 flex flex-col items-center justify-center text-center glow-effect-design\">\n                        <i class=\"fa-solid fa-diagram-project text-5xl text-brand-fuchsia mb-4\"><\/i>\n                        <span class=\"text-2xl font-extrabold text-white mb-2\">Wiki \u00c1gil<\/span>\n                        <span class=\"text-xs font-medium text-slate-400 uppercase tracking-wide\">Confluence, Miro y Notion<\/span>\n                    <\/div>\n                    <div class=\"bg-gradient-to-br from-slate-800 to-slate-900 p-8 rounded-3xl border border-blue-900\/30 flex flex-col items-center justify-center text-center glow-effect-design transform translate-y-8\">\n                        <i class=\"fa-solid fa-chart-pie text-5xl text-brand-blue mb-4\"><\/i>\n                        <span class=\"text-2xl font-extrabold text-white mb-2\">Telemetr\u00eda<\/span>\n                        <span class=\"text-xs font-medium text-slate-400 uppercase tracking-wide\">An\u00e1lisis de Datos Post-Lanzamiento<\/span>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Engagement Models Section -->\n    <section id=\"modelos\" class=\"py-24 bg-dark relative border-t border-slate-800\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"text-center max-w-3xl mx-auto mb-16\">\n                <i class=\"fa-solid fa-handshake-angle text-4xl text-brand-amber mb-4\"><\/i>\n                <h2 class=\"text-3xl md:text-5xl font-bold text-white mb-6\">Modelos de Contrataci\u00f3n de Dise\u00f1o<\/h2>\n                <p class=\"text-lg text-slate-400 leading-relaxed\">\n                    Integre talento de dise\u00f1o a su estudio de manera flexible. Ofrecemos marcos adaptables desde la consultor\u00eda inicial hasta el soporte a largo plazo para juegos como servicio (GaaS).\n                <\/p>\n            <\/div>\n\n            <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\n                <!-- Model 1 -->\n                <div class=\"bg-slate-800\/40 p-8 rounded-3xl border border-slate-700 hover:border-brand-amber transition-colors text-center\">\n                    <i class=\"fa-solid fa-user-tie text-4xl text-brand-amber mb-6\"><\/i>\n                    <h3 class=\"text-xl font-bold text-white mb-4\">Dise\u00f1ador Dedicado (Staff Augmentation)<\/h3>\n                    <p class=\"text-slate-400 text-sm leading-relaxed mb-6\">\n                        Seleccione a un Dise\u00f1ador Principal (Lead Designer), Dise\u00f1ador de Niveles o Especialista en Monetizaci\u00f3n para que se una a su equipo actual. Trabajar\u00e1 exclusivamente en su IP, asistiendo a sus reuniones diarias de Scrum como un empleado m\u00e1s.\n                    <\/p>\n                    <span class=\"text-xs font-bold text-brand-amber bg-amber-900\/30 px-3 py-1 rounded-full\">Integraci\u00f3n Profunda<\/span>\n                <\/div>\n\n                <!-- Model 2 -->\n                <div class=\"bg-slate-800\/40 p-8 rounded-3xl border border-brand-emerald\/40 hover:border-brand-emerald transition-colors text-center relative overflow-hidden\">\n                    <div class=\"absolute top-0 right-0 bg-brand-emerald text-darker text-xs font-bold px-3 py-1 rounded-bl-lg\">Ideal B2B<\/div>\n                    <i class=\"fa-solid fa-users-gear text-4xl text-brand-emerald mb-6\"><\/i>\n                    <h3 class=\"text-xl font-bold text-white mb-4\">Servicio de Consultor\u00eda y Rescate<\/h3>\n                    <p class=\"text-slate-400 text-sm leading-relaxed mb-6\">\n                        \u00bfSu juego no est\u00e1 reteniendo jugadores? Contrate a nuestro comit\u00e9 de Lead Designers por un n\u00famero limitado de horas o d\u00edas. Analizar\u00e1n su compilaci\u00f3n actual, auditar\u00e1n la econom\u00eda y entregar\u00e1n un informe detallado con acciones correctivas inmediatas.\n                    <\/p>\n                    <span class=\"text-xs font-bold text-brand-emerald bg-emerald-900\/30 px-3 py-1 rounded-full\">Auditor\u00eda R\u00e1pida<\/span>\n                <\/div>\n\n                <!-- Model 3 -->\n                <div class=\"bg-slate-800\/40 p-8 rounded-3xl border border-slate-700 hover:border-brand-fuchsia transition-colors text-center\">\n                    <i class=\"fa-solid fa-file-contract text-4xl text-brand-fuchsia mb-6\"><\/i>\n                    <h3 class=\"text-xl font-bold text-white mb-4\">Desarrollo de Documentaci\u00f3n (Precio Fijo)<\/h3>\n                    <p class=\"text-slate-400 text-sm leading-relaxed mb-6\">\n                        Perfecto para la etapa de preproducci\u00f3n. Usted nos da el concepto inicial; nosotros le cotizamos un precio fijo cerrado por la redacci\u00f3n de un Documento de Dise\u00f1o de Juego (GDD) comercial completo, listo para ser entregado a un equipo de programaci\u00f3n.\n                    <\/p>\n                    <span class=\"text-xs font-bold text-brand-fuchsia bg-fuchsia-900\/30 px-3 py-1 rounded-full\">Alcance Cerrado<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- FAQ Section -->\n    <section id=\"faq\" class=\"py-24 bg-darker relative border-t border-slate-800\">\n        <div class=\"max-w-4xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"text-center mb-16\">\n                <i class=\"fa-solid fa-circle-question text-4xl text-brand-amber mb-4\"><\/i>\n                <h2 class=\"text-3xl md:text-5xl font-bold text-white mb-6\">Preguntas Frecuentes: Contrataci\u00f3n de Dise\u00f1adores<\/h2>\n                <p class=\"text-slate-400 text-lg\">Resolvemos sus dudas sobre la propiedad intelectual y la gesti\u00f3n del proceso de dise\u00f1o a distancia.<\/p>\n            <\/div>\n\n            <div class=\"space-y-6\">\n                <!-- FAQ Item 1 -->\n                <div class=\"bg-slate-800\/40 rounded-2xl p-6 border border-slate-700\">\n                    <h4 class=\"text-xl font-bold text-white mb-3 flex items-center gap-3\">\n                        <i class=\"fa-solid fa-check text-brand-amber\"><\/i> \u00bfQui\u00e9n posee los derechos de autor de las ideas y mec\u00e1nicas dise\u00f1adas?\n                    <\/h4>\n                    <p class=\"text-slate-400 text-sm leading-relaxed pl-8\">\n                        La propiedad intelectual (IP) es 100% suya. Operamos como un estudio de desarrollo por contrato (Work for hire). Una vez finalizado el contrato o la fase de dise\u00f1o, todas las mec\u00e1nicas, los personajes conceptualizados, la narrativa y los documentos GDD le pertenecen exclusivamente a su empresa. Previamente firmamos estrictos Acuerdos de Confidencialidad (NDA).\n                    <\/p>\n                <\/div>\n\n                <!-- FAQ Item 2 -->\n                <div class=\"bg-slate-800\/40 rounded-2xl p-6 border border-slate-700\">\n                    <h4 class=\"text-xl font-bold text-white mb-3 flex items-center gap-3\">\n                        <i class=\"fa-solid fa-check text-brand-emerald\"><\/i> \u00bfSus dise\u00f1adores trabajan directamente en el motor del juego?\n                    <\/h4>\n                    <p class=\"text-slate-400 text-sm leading-relaxed pl-8\">\n                        S\u00ed. Un Game Designer moderno no se limita a escribir en Microsoft Word. Nuestros dise\u00f1adores de niveles y dise\u00f1adores de sistemas tienen experiencia pr\u00e1ctica en editores como Unreal Engine, Unity o Godot. Utilizan Blueprints o scripts b\u00e1sicos de C# para ensamblar prototipos (Blockouts) y ajustar directamente los valores matem\u00e1ticos de las habilidades dentro de su repositorio.\n                    <\/p>\n                <\/div>\n\n                <!-- FAQ Item 3 -->\n                <div class=\"bg-slate-800\/40 rounded-2xl p-6 border border-slate-700\">\n                    <h4 class=\"text-xl font-bold text-white mb-3 flex items-center gap-3\">\n                        <i class=\"fa-solid fa-check text-brand-fuchsia\"><\/i> \u00bfPueden ayudar a ajustar la monetizaci\u00f3n en un juego ya publicado?\n                    <\/h4>\n                    <p class=\"text-slate-400 text-sm leading-relaxed pl-8\">\n                        Por supuesto, este es el n\u00facleo del servicio de \u00abLiveOps y Econom\u00eda de Juego\u00bb. Analizamos los datos de telemetr\u00eda de su base de usuarios activos diarios (DAU), identificamos d\u00f3nde ocurren los picos de abandono (Churn rate) y dise\u00f1amos nuevas estrategias de monetizaci\u00f3n (Ofertas limitadas, Pases de Batalla ajustados) que respetan al jugador y mejoran significativamente el ROI.\n                    <\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- CTA \/ Contact Section -->\n    <section class=\"py-24 relative overflow-hidden bg-gradient-to-b from-dark to-slate-900 border-t border-slate-800\">\n        <div class=\"absolute inset-0 bg-[radial-gradient(ellipse_at_bottom,_var(--tw-gradient-stops))] from-brand-amber\/10 via-darker to-darker -z-10\"><\/div>\n        <div class=\"max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 text-center\">\n            \n            <i class=\"fa-solid fa-chess-knight text-6xl text-brand-amber mb-8 glow-effect-design rounded-full bg-slate-800 p-6\"><\/i>\n            \n            <h2 class=\"text-4xl md:text-5xl font-bold text-white mb-6\">\n                Encuentre la <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-brand-amber to-brand-emerald\">F\u00f3rmula Perfecta para la Diversi\u00f3n<\/span>\n            <\/h2>\n            <p class=\"text-xl text-slate-400 mb-12 max-w-2xl mx-auto\">\n                Una gran idea necesita una ejecuci\u00f3n arquitect\u00f3nica brillante. No conf\u00ede las reglas de su universo a la improvisaci\u00f3n. Contrate Game Designers experimentados que entienden la matem\u00e1tica de la retenci\u00f3n.\n            <\/p>\n\n            <div class=\"bg-slate-800\/50 backdrop-blur-sm border border-slate-700 rounded-3xl p-8 md:p-12 shadow-2xl\">\n                <div class=\"grid grid-cols-1 md:grid-cols-2 gap-12 items-center\">\n                    <div class=\"text-left\">\n                        <h3 class=\"text-2xl font-bold text-white mb-4\">Evaluaci\u00f3n de Dise\u00f1o de Juegos<\/h3>\n                        <p class=\"text-slate-400 mb-8 text-sm\">\n                            Comun\u00edquese con nuestra Oficina Ejecutiva de Producci\u00f3n. Firmaremos un NDA, revisaremos su \u00abPitch\u00bb inicial o demo jugable, y le presentaremos los curr\u00edculos de los Dise\u00f1adores Senior ideales para escalar su proyecto.\n                        <\/p>\n                        \n                        <div class=\"flex items-center gap-4 mb-6 group cursor-pointer\">\n                            <div class=\"w-12 h-12 rounded-full bg-brand-amber\/20 flex items-center justify-center group-hover:bg-brand-amber\/40 transition-colors\">\n                                <i class=\"fa-solid fa-envelope text-xl text-brand-amber\"><\/i>\n                            <\/div>\n                            <div>\n                                <p class=\"text-xs text-slate-500 uppercase tracking-wider font-bold\">Portal de Reclutamiento B2B<\/p>\n                                <a href=\"mailto:info@gameartoutsourcestudio.de\" class=\"text-lg font-bold text-white hover:text-brand-emerald transition-colors\">\n                                    info@gameartoutsourcestudio.de\n                                <\/a>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"flex items-center gap-4 group cursor-pointer\">\n                            <div class=\"w-12 h-12 rounded-full bg-brand-emerald\/20 flex items-center justify-center group-hover:bg-brand-emerald\/40 transition-colors\">\n                                <i class=\"fa-solid fa-file-shield text-xl text-brand-emerald\"><\/i>\n                            <\/div>\n                            <div>\n                                <p class=\"text-xs text-slate-500 uppercase tracking-wider font-bold\">Garant\u00eda Corporativa<\/p>\n                                <p class=\"text-sm font-bold text-white\">Acuerdos NDA Inmediatos<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"bg-darker rounded-2xl p-6 border border-slate-700 text-left font-mono\">\n                        <h4 class=\"text-lg font-bold text-white mb-6 flex items-center gap-2 font-sans\">\n                            <i class=\"fa-solid fa-globe text-brand-fuchsia\"><\/i> Colaboraci\u00f3n Global\n                        <\/h4>\n                        <div class=\"space-y-4\">\n                            <div class=\"flex items-center justify-between p-3 rounded-xl bg-slate-800\/50 border border-slate-700 hover:border-brand-amber transition-colors group cursor-default\">\n                                <div class=\"flex items-center gap-3\">\n                                    <i class=\"fa-solid fa-map-location-dot text-brand-amber group-hover:scale-110 transition-transform\"><\/i>\n                                    <span class=\"text-slate-300 text-sm font-semibold\">Am\u00e9rica del Norte (USA\/CAN)<\/span>\n                                <\/div>\n                                <span class=\"text-xs text-brand-amber bg-amber-900\/30 px-2 py-1 rounded font-bold uppercase tracking-wide\">Sync Total<\/span>\n                            <\/div>\n                            \n                            <div class=\"flex items-center justify-between p-3 rounded-xl bg-slate-800\/50 border border-slate-700 hover:border-brand-emerald transition-colors group cursor-default\">\n                                <div class=\"flex items-center gap-3\">\n                                    <i class=\"fa-solid fa-landmark-flag text-brand-emerald group-hover:scale-110 transition-transform\"><\/i>\n                                    <span class=\"text-slate-300 text-sm font-semibold\">Europa Continental \/ UK<\/span>\n                                <\/div>\n                                <span class=\"text-xs text-brand-emerald bg-emerald-900\/30 px-2 py-1 rounded font-bold uppercase tracking-wide\">Sync Total<\/span>\n                            <\/div>\n                            \n                            <div class=\"flex items-center justify-between p-3 rounded-xl bg-slate-800\/50 border border-slate-700 hover:border-brand-fuchsia transition-colors group cursor-default\">\n                                <div class=\"flex items-center gap-3\">\n                                    <i class=\"fa-solid fa-torii-gate text-brand-fuchsia group-hover:scale-110 transition-transform\"><\/i>\n                                    <span class=\"text-slate-300 text-sm font-semibold\">Asia-Pac\u00edfico<\/span>\n                                <\/div>\n                                <span class=\"text-xs text-brand-fuchsia bg-fuchsia-900\/30 px-2 py-1 rounded font-bold uppercase tracking-wide\">As\u00edncrono Eficiente<\/span>\n                            <\/div>\n\n                            <div class=\"mt-4 pt-4 border-t border-slate-700 font-sans\">\n                                <p class=\"text-xs text-slate-500 leading-relaxed\">\n                                    <i class=\"fa-solid fa-circle-info mr-1\"><\/i> Nuestros Lead Game Designers se integran en las reuniones de su zona horaria (Timezone), asegurando que el equipo de arte y programaci\u00f3n entienda la visi\u00f3n del dise\u00f1o sin demoras en la comunicaci\u00f3n.\n                                <\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n    <!-- Footer -->\n    <footer class=\"bg-darker py-12 border-t border-slate-800\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"flex flex-col md:flex-row justify-between items-center gap-6\">\n                \n                <div class=\"flex items-center gap-3\">\n                    <i class=\"fa-solid fa-chess-knight text-2xl text-brand-amber\"><\/i>\n                    <span class=\"font-bold text-xl tracking-tighter text-white\">\n                        Gameart<span class=\"text-brand-emerald\">outsource<\/span>studio\n                    <\/span>\n                <\/div>\n                \n                <!-- Footer 10 Services Spanish Tags -->\n                <div class=\"flex flex-wrap justify-center gap-4 text-sm text-slate-500 max-w-6xl\">\n                    <span class=\"flex items-center gap-1\"><i class=\"fa-solid fa-gears text-brand-amber\"><\/i> Dise\u00f1o de Sistemas de Juego<\/span>\n                    <span class=\"flex items-center gap-1\"><i class=\"fa-solid fa-map-location-dot text-brand-emerald\"><\/i> Dise\u00f1o de Niveles<\/span>\n                    <span class=\"flex items-center gap-1\"><i class=\"fa-solid fa-coins text-brand-fuchsia\"><\/i> Dise\u00f1o de Econom\u00eda<\/span>\n                    <span class=\"flex items-center gap-1\"><i class=\"fa-solid fa-crosshairs text-brand-blue\"><\/i> Dise\u00f1o de Combate<\/span>\n                    <span class=\"flex items-center gap-1\"><i class=\"fa-solid fa-scroll text-brand-amber\"><\/i> Dise\u00f1o Narrativo<\/span>\n                    <span class=\"flex items-center gap-1\"><i class=\"fa-solid fa-chart-line text-brand-emerald\"><\/i> Dise\u00f1o de Monetizaci\u00f3n<\/span>\n                    <span class=\"flex items-center gap-1\"><i class=\"fa-solid fa-scale-balanced text-brand-fuchsia\"><\/i> Equilibrio de Juego<\/span>\n                    <span class=\"flex items-center gap-1\"><i class=\"fa-solid fa-puzzle-piece text-brand-blue\"><\/i> Dise\u00f1o de Rompecabezas<\/span>\n                    <span class=\"flex items-center gap-1\"><i class=\"fa-solid fa-book-open text-brand-amber\"><\/i> Documentaci\u00f3n de Dise\u00f1o (GDD)<\/span>\n                <\/div>\n                \n                <div class=\"flex gap-4\">\n                    <a href=\"#\" class=\"w-10 h-10 rounded-full bg-slate-800 flex items-center justify-center text-slate-400 hover:text-white hover:bg-brand-amber transition-colors\">\n                        <i class=\"fa-brands fa-linkedin-in\"><\/i>\n                    <\/a>\n                    <a href=\"#\" class=\"w-10 h-10 rounded-full bg-slate-800 flex items-center justify-center text-slate-400 hover:text-white hover:bg-brand-emerald transition-colors\">\n                        <i class=\"fa-brands fa-artstation\"><\/i>\n                    <\/a>\n                    <a href=\"#\" class=\"w-10 h-10 rounded-full bg-slate-800 flex items-center justify-center text-slate-400 hover:text-white hover:bg-brand-fuchsia transition-colors\">\n                        <i class=\"fa-brands fa-behance\"><\/i>\n                    <\/a>\n                <\/div>\n            <\/div>\n            \n            <div class=\"mt-8 pt-8 border-t border-slate-800 flex flex-col md:flex-row justify-between items-center gap-4\">\n                <p class=\"text-slate-500 text-sm text-center md:text-left\">\n                    &copy; 2024 Gameartoutsourcestudio. Todos los derechos reservados. Divisi\u00f3n Experta en L\u00f3gica, Sistemas y Dise\u00f1o de Juegos.\n                <\/p>\n                <div class=\"flex items-center gap-2 text-slate-400 text-sm font-semibold bg-slate-800 px-4 py-2 rounded-full\">\n                    <i class=\"fa-solid fa-envelope text-brand-amber\"><\/i>\n                    <a href=\"mailto:info@gameartoutsourcestudio.de\" class=\"hover:text-white transition-colors\">info@gameartoutsourcestudio.de<\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/footer>\n\n<\/body>\n<\/html>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Gameartoutsourcestudio | Contratar Dise\u00f1adores de Juegos, Dise\u00f1o de Sistemas de Juego, Dise\u00f1o de Niveles, Dise\u00f1o de Econom\u00eda de Juego, Dise\u00f1o [&hellip;]<\/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":"","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-38","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false},"uagb_author_info":{"display_name":"wangjianchen02@gmail.com","author_link":"https:\/\/3danimationart.co.uk\/cs\/author\/wangjianchen02gmail-com\/"},"uagb_comment_info":0,"uagb_excerpt":"Gameartoutsourcestudio | Contratar Dise\u00f1adores de Juegos, Dise\u00f1o de Sistemas de Juego, Dise\u00f1o de Niveles, Dise\u00f1o de Econom\u00eda de Juego, Dise\u00f1o [&hellip;]","_links":{"self":[{"href":"https:\/\/3danimationart.co.uk\/cs\/wp-json\/wp\/v2\/pages\/38","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/3danimationart.co.uk\/cs\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/3danimationart.co.uk\/cs\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/3danimationart.co.uk\/cs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/3danimationart.co.uk\/cs\/wp-json\/wp\/v2\/comments?post=38"}],"version-history":[{"count":1,"href":"https:\/\/3danimationart.co.uk\/cs\/wp-json\/wp\/v2\/pages\/38\/revisions"}],"predecessor-version":[{"id":39,"href":"https:\/\/3danimationart.co.uk\/cs\/wp-json\/wp\/v2\/pages\/38\/revisions\/39"}],"wp:attachment":[{"href":"https:\/\/3danimationart.co.uk\/cs\/wp-json\/wp\/v2\/media?parent=38"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}