{"id":7,"date":"2026-05-05T02:27:31","date_gmt":"2026-05-05T02:27:31","guid":{"rendered":"https:\/\/3danimationart.co.uk\/?page_id=7"},"modified":"2026-05-05T02:27:33","modified_gmt":"2026-05-05T02:27:33","slug":"modelado-3d-arte-2d-animacion-diseno-ui-ux-desarrollo-de-juegos","status":"publish","type":"page","link":"https:\/\/3danimationart.co.uk\/ro\/modelado-3d-arte-2d-animacion-diseno-ui-ux-desarrollo-de-juegos\/","title":{"rendered":"Modelado 3D, Arte 2D, Animaci\u00f3n, Dise\u00f1o UI\/UX, Desarrollo de Juegos"},"content":{"rendered":"\n<div class=\"wp-block-uagb-container uagb-block-f8624c0b 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    <title>Gameartoutsourcestudio | Modelado 3D, Arte 2D, Animaci\u00f3n, Dise\u00f1o UI\/UX, Desarrollo de Juegos, Arte Conceptual, Pruebas QA<\/title>\n    <meta name=\"description\" content=\"Gameartoutsourcestudio es un socio de externalizaci\u00f3n premium que ofrece servicios de primer nivel en Modelado 3D, Arte 2D, Animaci\u00f3n, Dise\u00f1o UI\/UX, Desarrollo de Juegos, Arte Conceptual y Pruebas QA. 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                            blue: '#3b82f6',\n                            purple: '#8b5cf6',\n                            cyan: '#06b6d4'\n                        }\n                    },\n                    fontFamily: {\n                        sans: ['Inter', 'system-ui', '-apple-system', 'sans-serif'],\n                    }\n                }\n            }\n        }\n    <\/script>\n    <style>\n        .icon-gradient {\n            background: -webkit-linear-gradient(45deg, #3b82f6, #8b5cf6);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n        }\n        .glow-effect {\n            box-shadow: 0 0 20px rgba(139, 92, 246, 0.15);\n            transition: all 0.3s ease;\n        }\n        .glow-effect:hover {\n            box-shadow: 0 0 30px rgba(59, 130, 246, 0.4);\n            transform: translateY(-5px);\n        }\n    <\/style>\n<\/head>\n<body class=\"bg-darker text-slate-300 font-sans antialiased selection:bg-brand-purple selection:text-white\">\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-gamepad text-3xl text-brand-cyan\"><\/i>\n                    <span class=\"font-bold text-xl md:text-2xl tracking-tighter text-white\">\n                        Gameart<span class=\"text-brand-purple\">outsource<\/span>studio\n                    <\/span>\n                <\/div>\n                <div class=\"hidden md:flex space-x-8 items-center\">\n                    <a href=\"#nosotros\" class=\"text-sm font-medium hover:text-brand-cyan transition-colors\">Sobre Nosotros<\/a>\n                    <a href=\"#servicios\" class=\"text-sm font-medium hover:text-brand-cyan transition-colors\">Servicios<\/a>\n                    <a href=\"#proceso\" class=\"text-sm font-medium hover:text-brand-cyan transition-colors\">Proceso<\/a>\n                    <a href=\"#faq\" class=\"text-sm font-medium hover:text-brand-cyan transition-colors\">FAQ<\/a>\n                    <a href=\"mailto:info@gameartoutsourcestudio.de\" class=\"bg-brand-purple hover:bg-brand-blue text-white px-5 py-2.5 rounded-full font-semibold transition-all shadow-lg shadow-brand-purple\/30 flex items-center gap-2\">\n                        <i class=\"fa-solid fa-envelope\"><\/i> Contacto\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_center,_var(--tw-gradient-stops))] from-brand-purple\/20 via-darker to-darker -z-10\"><\/div>\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-slate-800\/50 border border-slate-700 text-brand-cyan text-sm font-semibold mb-8 uppercase tracking-widest\">\n                <i class=\"fa-solid fa-bolt\"><\/i> Estudio de Externalizaci\u00f3n de Servicios\n            <\/div>\n            \n            <h1 class=\"text-4xl md:text-6xl lg:text-7xl font-extrabold text-white tracking-tight mb-8 leading-tight\">\n                Servicios Premium en <br class=\"hidden lg:block\" \/>\n                <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-brand-cyan via-brand-blue to-brand-purple\">\n                    Modelado 3D, Arte 2D, Animaci\u00f3n, <br class=\"hidden lg:block\"\/> Dise\u00f1o UI\/UX, Desarrollo de Juegos y Arte Conceptual\n                <\/span>\n            <\/h1>\n            \n            <p class=\"mt-6 text-lg md:text-xl text-slate-400 max-w-4xl mx-auto leading-relaxed mb-10\">\n                En <strong>Gameartoutsourcestudio<\/strong>, transformamos visiones creativas en realidades digitales excepcionales. Somos una empresa l\u00edder en el sector de servicios, especializada en proporcionar soluciones integrales de externalizaci\u00f3n para la industria del videojuego. Nuestro enfoque no solo abarca la est\u00e9tica visual de vanguardia, sino tambi\u00e9n la excelencia t\u00e9cnica, permitiendo a nuestros clientes escalar su producci\u00f3n sin comprometer la calidad en ning\u00fan momento del ciclo de desarrollo.\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-white text-darker px-8 py-4 rounded-full font-bold text-lg hover:bg-brand-cyan hover:text-white transition-all shadow-[0_0_20px_rgba(255,255,255,0.2)] flex justify-center items-center gap-3\">\n                    <i class=\"fa-solid fa-paper-plane\"><\/i> info@gameartoutsourcestudio.de\n                <\/a>\n                <a href=\"#servicios\" class=\"px-8 py-4 rounded-full font-bold text-lg border border-slate-600 text-white hover:bg-slate-800 transition-all flex justify-center items-center gap-3\">\n                    <i class=\"fa-solid fa-layer-group\"><\/i> Explorar Servicios\n                <\/a>\n            <\/div>\n\n            <!-- Floating Icons Decorative Elements (Replacing Images) -->\n            <div class=\"mt-20 grid grid-cols-3 md:grid-cols-6 gap-8 opacity-50 justify-items-center\">\n                <i class=\"fa-brands fa-unity text-5xl hover:text-brand-cyan hover:opacity-100 transition-all cursor-pointer\"><\/i>\n                <i class=\"fa-brands fa-joomla text-5xl hover:text-brand-purple hover:opacity-100 transition-all cursor-pointer text-slate-500\"><\/i> <!-- Used as generic abstract logo -->\n                <i class=\"fa-solid fa-vr-cardboard text-5xl hover:text-brand-blue hover:opacity-100 transition-all cursor-pointer text-slate-500\"><\/i>\n                <i class=\"fa-solid fa-desktop text-5xl hover:text-brand-cyan hover:opacity-100 transition-all cursor-pointer text-slate-500\"><\/i>\n                <i class=\"fa-brands fa-playstation text-5xl hover:text-brand-purple hover:opacity-100 transition-all cursor-pointer text-slate-500\"><\/i>\n                <i class=\"fa-brands fa-xbox text-5xl hover:text-green-500 hover:opacity-100 transition-all cursor-pointer text-slate-500\"><\/i>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Detailed Services Section -->\n    <section id=\"servicios\" 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-cubes-stacked text-4xl text-brand-purple mb-4\"><\/i>\n                <h2 class=\"text-3xl md:text-5xl font-bold text-white mb-6\">Nuestros Servicios Principales<\/h2>\n                <p class=\"text-lg text-slate-400\">\n                    Como expertos en el sector servicios, Gameartoutsourcestudio ofrece un espectro completo de capacidades de producci\u00f3n. Desde la conceptualizaci\u00f3n inicial hasta el pulido final y las pruebas de control de calidad, nuestro equipo multidisciplinario asegura la excelencia en cada pol\u00edgono y l\u00ednea de c\u00f3digo.\n                <\/p>\n            <\/div>\n\n            <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\">\n                <!-- Service 1 -->\n                <div class=\"bg-slate-800\/50 rounded-2xl p-8 border border-slate-700 glow-effect\">\n                    <div class=\"w-16 h-16 rounded-lg bg-blue-500\/10 flex items-center justify-center mb-6\">\n                        <i class=\"fa-solid fa-cube text-3xl text-brand-blue\"><\/i>\n                    <\/div>\n                    <h3 class=\"text-2xl font-bold text-white mb-4\">3D Modeling<\/h3>\n                    <p class=\"text-slate-400 leading-relaxed text-sm mb-4\">\n                        Nuestro departamento de <strong class=\"text-slate-300\">3D Modeling<\/strong> se especializa en la creaci\u00f3n de activos tridimensionales de alta fidelidad. Desde personajes hiperrealistas con topolog\u00eda optimizada para animaci\u00f3n, hasta entornos inmersivos y accesorios mec\u00e1nicos complejos (hard-surface). Utilizamos las herramientas m\u00e1s avanzadas del mercado (ZBrush, Maya, Blender) para garantizar que cada modelo cumpla con los est\u00e1ndares m\u00e1s estrictos de los motores gr\u00e1ficos modernos como Unreal Engine 5.\n                    <\/p>\n                    <ul class=\"text-sm text-slate-500 space-y-2 mt-4 border-t border-slate-700 pt-4\">\n                        <li><i class=\"fa-solid fa-check text-brand-cyan mr-2\"><\/i> Personajes y Criaturas<\/li>\n                        <li><i class=\"fa-solid fa-check text-brand-cyan mr-2\"><\/i> Entornos y Arquitectura<\/li>\n                        <li><i class=\"fa-solid fa-check text-brand-cyan mr-2\"><\/i> Veh\u00edculos y Armas<\/li>\n                    <\/ul>\n                <\/div>\n\n                <!-- Service 2 -->\n                <div class=\"bg-slate-800\/50 rounded-2xl p-8 border border-slate-700 glow-effect\">\n                    <div class=\"w-16 h-16 rounded-lg bg-purple-500\/10 flex items-center justify-center mb-6\">\n                        <i class=\"fa-solid fa-paintbrush text-3xl text-brand-purple\"><\/i>\n                    <\/div>\n                    <h3 class=\"text-2xl font-bold text-white mb-4\">2D Art<\/h3>\n                    <p class=\"text-slate-400 leading-relaxed text-sm mb-4\">\n                        El equipo de <strong class=\"text-slate-300\">2D Art<\/strong> da vida a ideas abstractas mediante ilustraciones vibrantes y detalladas. Ofrecemos servicios completos de arte bidimensional que incluyen la creaci\u00f3n de sprites para juegos m\u00f3viles o indies, texturizado pintado a mano (hand-painted textures), ilustraciones promocionales (splash art) y dise\u00f1o de recursos visuales que definen el tono y el estilo \u00fanico de su proyecto interactivo.\n                    <\/p>\n                    <ul class=\"text-sm text-slate-500 space-y-2 mt-4 border-t border-slate-700 pt-4\">\n                        <li><i class=\"fa-solid fa-check text-brand-purple mr-2\"><\/i> Sprites y Assets 2D<\/li>\n                        <li><i class=\"fa-solid fa-check text-brand-purple mr-2\"><\/i> Ilustraci\u00f3n Promocional<\/li>\n                        <li><i class=\"fa-solid fa-check text-brand-purple mr-2\"><\/i> Texturizado Hand-painted<\/li>\n                    <\/ul>\n                <\/div>\n\n                <!-- Service 3 -->\n                <div class=\"bg-slate-800\/50 rounded-2xl p-8 border border-slate-700 glow-effect\">\n                    <div class=\"w-16 h-16 rounded-lg bg-cyan-500\/10 flex items-center justify-center mb-6\">\n                        <i class=\"fa-solid fa-person-running text-3xl text-brand-cyan\"><\/i>\n                    <\/div>\n                    <h3 class=\"text-2xl font-bold text-white mb-4\">Animation<\/h3>\n                    <p class=\"text-slate-400 leading-relaxed text-sm mb-4\">\n                        La fluidez y el realismo son el n\u00facleo de nuestro servicio de <strong class=\"text-slate-300\">Animation<\/strong>. Proveemos desde rigging complejo (esqueletos articulares avanzados, m\u00fasculos din\u00e1micos, simulaciones de tela) hasta animaciones keyframe expresivas o limpieza de datos de captura de movimiento (mocap cleanup). Hacemos que sus personajes respiren, luchen y se muevan con un peso y una credibilidad absoluta dentro del juego.\n                    <\/p>\n                    <ul class=\"text-sm text-slate-500 space-y-2 mt-4 border-t border-slate-700 pt-4\">\n                        <li><i class=\"fa-solid fa-check text-brand-blue mr-2\"><\/i> Rigging Avanzado<\/li>\n                        <li><i class=\"fa-solid fa-check text-brand-blue mr-2\"><\/i> Animaci\u00f3n 3D Keyframe<\/li>\n                        <li><i class=\"fa-solid fa-check text-brand-blue mr-2\"><\/i> Mocap Cleanup<\/li>\n                    <\/ul>\n                <\/div>\n\n                <!-- Service 4 -->\n                <div class=\"bg-slate-800\/50 rounded-2xl p-8 border border-slate-700 glow-effect\">\n                    <div class=\"w-16 h-16 rounded-lg bg-blue-500\/10 flex items-center justify-center mb-6\">\n                        <i class=\"fa-solid fa-mobile-screen-button text-3xl text-brand-blue\"><\/i>\n                    <\/div>\n                    <h3 class=\"text-2xl font-bold text-white mb-4\">UI\/UX Design<\/h3>\n                    <p class=\"text-slate-400 leading-relaxed text-sm mb-4\">\n                        Una gran jugabilidad requiere una interfaz impecable. Nuestro enfoque en <strong class=\"text-slate-300\">UI\/UX Design<\/strong> garantiza que el usuario navegue por los sistemas del juego de manera intuitiva y sin fricciones. Dise\u00f1amos HUDs (Heads-up displays), men\u00fas de inventario, mapas y flujos de usuario que son est\u00e9ticamente deslumbrantes y ergon\u00f3micamente perfectos, adaptados a resoluciones de PC, consolas y dispositivos m\u00f3viles.\n                    <\/p>\n                    <ul class=\"text-sm text-slate-500 space-y-2 mt-4 border-t border-slate-700 pt-4\">\n                        <li><i class=\"fa-solid fa-check text-brand-cyan mr-2\"><\/i> Dise\u00f1o de Interfaz (GUI)<\/li>\n                        <li><i class=\"fa-solid fa-check text-brand-cyan mr-2\"><\/i> Experiencia de Usuario<\/li>\n                        <li><i class=\"fa-solid fa-check text-brand-cyan mr-2\"><\/i> Iconograf\u00eda y Tipograf\u00eda<\/li>\n                    <\/ul>\n                <\/div>\n\n                <!-- Service 5 -->\n                <div class=\"bg-slate-800\/50 rounded-2xl p-8 border border-slate-700 glow-effect\">\n                    <div class=\"w-16 h-16 rounded-lg bg-purple-500\/10 flex items-center justify-center mb-6\">\n                        <i class=\"fa-solid fa-code text-3xl text-brand-purple\"><\/i>\n                    <\/div>\n                    <h3 class=\"text-2xl font-bold text-white mb-4\">Game Development<\/h3>\n                    <p class=\"text-slate-400 leading-relaxed text-sm mb-4\">\n                        M\u00e1s all\u00e1 del arte, Gameartoutsourcestudio ofrece robustos servicios de <strong class=\"text-slate-300\">Game Development<\/strong>. Nuestros ingenieros de software dominan C++, C#, Unity y Unreal Engine. Nos encargamos del desarrollo completo, la implementaci\u00f3n de mec\u00e1nicas de juego (gameplay programming), la inteligencia artificial (IA), la optimizaci\u00f3n de rendimiento y el porteo del juego (porting) a m\u00faltiples plataformas, asegurando 60+ FPS estables.\n                    <\/p>\n                    <ul class=\"text-sm text-slate-500 space-y-2 mt-4 border-t border-slate-700 pt-4\">\n                        <li><i class=\"fa-solid fa-check text-brand-purple mr-2\"><\/i> Programaci\u00f3n en Unity \/ UE5<\/li>\n                        <li><i class=\"fa-solid fa-check text-brand-purple mr-2\"><\/i> Porteo Multiplataforma<\/li>\n                        <li><i class=\"fa-solid fa-check text-brand-purple mr-2\"><\/i> Optimizaci\u00f3n de Rendimiento<\/li>\n                    <\/ul>\n                <\/div>\n\n                <!-- Service 6 -->\n                <div class=\"bg-slate-800\/50 rounded-2xl p-8 border border-slate-700 glow-effect\">\n                    <div class=\"w-16 h-16 rounded-lg bg-cyan-500\/10 flex items-center justify-center mb-6\">\n                        <i class=\"fa-solid fa-lightbulb text-3xl text-brand-cyan\"><\/i>\n                    <\/div>\n                    <h3 class=\"text-2xl font-bold text-white mb-4\">Concept Art<\/h3>\n                    <p class=\"text-slate-400 leading-relaxed text-sm mb-4\">\n                        El origen de toda gran obra maestra. Nuestro departamento de <strong class=\"text-slate-300\">Concept Art<\/strong> trabaja estrechamente con los directores de juego para establecer la identidad visual (look and feel) en las etapas de preproducci\u00f3n. Creamos hojas de dise\u00f1o de personajes (character sheets), arte de entornos inmersivos (environment concepts) y dise\u00f1os de utiler\u00eda (prop design) que guiar\u00e1n a todo el equipo de producci\u00f3n 3D durante el desarrollo.\n                    <\/p>\n                    <ul class=\"text-sm text-slate-500 space-y-2 mt-4 border-t border-slate-700 pt-4\">\n                        <li><i class=\"fa-solid fa-check text-brand-blue mr-2\"><\/i> Dise\u00f1o de Personajes<\/li>\n                        <li><i class=\"fa-solid fa-check text-brand-blue mr-2\"><\/i> Entornos y Paisajes<\/li>\n                        <li><i class=\"fa-solid fa-check text-brand-blue mr-2\"><\/i> Storyboards<\/li>\n                    <\/ul>\n                <\/div>\n                \n                <!-- Service 7 -->\n                <div class=\"bg-slate-800\/50 rounded-2xl p-8 border border-slate-700 glow-effect md:col-span-2 lg:col-span-3\">\n                    <div class=\"flex flex-col md:flex-row gap-8 items-center\">\n                        <div class=\"w-20 h-20 shrink-0 rounded-full bg-red-500\/10 flex items-center justify-center\">\n                            <i class=\"fa-solid fa-bug-slash text-4xl text-red-500\"><\/i>\n                        <\/div>\n                        <div>\n                            <h3 class=\"text-2xl font-bold text-white mb-4\">QA Testing &#038; Quality Assurance<\/h3>\n                            <p class=\"text-slate-400 leading-relaxed text-sm mb-4 max-w-4xl\">\n                                Como un estudio integral, comprendemos que el desarrollo no termina con la programaci\u00f3n. Nuestro exhaustivo servicio de <strong class=\"text-slate-300\">QA Testing<\/strong> (Aseguramiento de Calidad) somete cada compilaci\u00f3n (build) a rigurosas pruebas de estr\u00e9s, detecci\u00f3n de errores (bug hunting), pruebas de cumplimiento (compliance testing para consolas) y evaluaci\u00f3n de la experiencia del usuario (usability testing). Nos aseguramos de que su producto llegue al mercado sin fallos t\u00e9cnicos, proporcionando a los jugadores una experiencia pulida, ininterrumpida y altamente satisfactoria desde el d\u00eda del lanzamiento.\n                            <\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Detailed About Us Section -->\n    <section id=\"nosotros\" 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-blue\/10 border border-brand-blue\/30 text-brand-blue text-sm font-semibold mb-6\">\n                        <i class=\"fa-solid fa-users\"><\/i> La Empresa\n                    <\/div>\n                    <h2 class=\"text-3xl md:text-5xl font-bold text-white mb-6 leading-tight\">\n                        M\u00e1s que un proveedor, <br> su socio estrat\u00e9gico en la creaci\u00f3n de mundos.\n                    <\/h2>\n                    <p class=\"text-slate-400 mb-6 leading-relaxed\">\n                        Fundada con la visi\u00f3n de elevar los est\u00e1ndares de la externalizaci\u00f3n de servicios (outsourcing) en la industria del entretenimiento interactivo, <strong>Gameartoutsourcestudio<\/strong> ha crecido hasta convertirse en un faro de fiabilidad, innovaci\u00f3n y arte excepcional. No somos simplemente \u00abmanos extra\u00bb para su proyecto; somos mentes creativas, solucionadores de problemas t\u00e9cnicos y apasionados defensores de la calidad.\n                    <\/p>\n                    <p class=\"text-slate-400 mb-8 leading-relaxed\">\n                        Nuestra estructura empresarial, s\u00f3lidamente arraigada en el sector de servicios, nos permite escalar r\u00e1pidamente los equipos de producci\u00f3n para satisfacer las demandas de cualquier proyecto AAA, AA o Indie. Mantenemos una comunicaci\u00f3n transparente a trav\u00e9s de nuestra l\u00ednea directa <strong>info@gameartoutsourcestudio.de<\/strong>, asegurando que cada hito del proyecto se entregue a tiempo, dentro del presupuesto y superando las expectativas visuales y t\u00e9cnicas.\n                    <\/p>\n                    \n                    <div class=\"grid grid-cols-2 gap-6\">\n                        <div class=\"flex items-start gap-4\">\n                            <i class=\"fa-solid fa-shield-halved text-2xl text-brand-purple mt-1\"><\/i>\n                            <div>\n                                <h4 class=\"text-white font-bold mb-1\">Seguridad de Datos<\/h4>\n                                <p class=\"text-sm text-slate-500\">NDAs estrictos y protocolos de seguridad de red bancaria para proteger su IP.<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"flex items-start gap-4\">\n                            <i class=\"fa-solid fa-clock-rotate-left text-2xl text-brand-cyan mt-1\"><\/i>\n                            <div>\n                                <h4 class=\"text-white font-bold mb-1\">Entregas \u00c1giles<\/h4>\n                                <p class=\"text-sm text-slate-500\">Metodolog\u00edas Scrum\/Agile para iteraciones r\u00e1pidas y feedback constante.<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Stats \/ Icon Matrix (Replacing an image) -->\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-2xl border border-slate-700 flex flex-col items-center justify-center text-center glow-effect\">\n                        <i class=\"fa-solid fa-calendar-check text-5xl text-brand-blue mb-4\"><\/i>\n                        <span class=\"text-4xl font-extrabold text-white mb-2\">10+<\/span>\n                        <span class=\"text-sm font-medium text-slate-400 uppercase tracking-wide\">A\u00f1os en la Industria<\/span>\n                    <\/div>\n                    <div class=\"bg-gradient-to-br from-slate-800 to-slate-900 p-8 rounded-2xl border border-slate-700 flex flex-col items-center justify-center text-center glow-effect transform translate-y-8\">\n                        <i class=\"fa-solid fa-diagram-project text-5xl text-brand-purple mb-4\"><\/i>\n                        <span class=\"text-4xl font-extrabold text-white mb-2\">350+<\/span>\n                        <span class=\"text-sm font-medium text-slate-400 uppercase tracking-wide\">Proyectos Entregados<\/span>\n                    <\/div>\n                    <div class=\"bg-gradient-to-br from-slate-800 to-slate-900 p-8 rounded-2xl border border-slate-700 flex flex-col items-center justify-center text-center glow-effect\">\n                        <i class=\"fa-solid fa-user-astronaut text-5xl text-brand-cyan mb-4\"><\/i>\n                        <span class=\"text-4xl font-extrabold text-white mb-2\">150+<\/span>\n                        <span class=\"text-sm font-medium text-slate-400 uppercase tracking-wide\">Artistas y Desarrolladores<\/span>\n                    <\/div>\n                    <div class=\"bg-gradient-to-br from-slate-800 to-slate-900 p-8 rounded-2xl border border-slate-700 flex flex-col items-center justify-center text-center glow-effect transform translate-y-8\">\n                        <i class=\"fa-solid fa-globe text-5xl text-brand-blue mb-4\"><\/i>\n                        <span class=\"text-4xl font-extrabold text-white mb-2\">24\/7<\/span>\n                        <span class=\"text-sm font-medium text-slate-400 uppercase tracking-wide\">Soporte Global<\/span>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Work Process Section -->\n    <section id=\"proceso\" 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-gears text-4xl text-slate-500 mb-4\"><\/i>\n                <h2 class=\"text-3xl md:text-5xl font-bold text-white mb-6\">Nuestro Proceso de Trabajo Transparente<\/h2>\n                <p class=\"text-lg text-slate-400\">\n                    La externalizaci\u00f3n exitosa no es un accidente, es el resultado de un proceso meticulosamente refinado. En Gameartoutsourcestudio, empleamos un flujo de trabajo lineal pero adaptable, garantizando que su visi\u00f3n original se preserve y potencie a lo largo de cada fase del desarrollo, desde el Concept Art inicial hasta el QA Testing final.\n                <\/p>\n            <\/div>\n\n            <!-- Vertical Timeline purely with Icons & Text -->\n            <div class=\"space-y-12\">\n                \n                <!-- Step 1 -->\n                <div class=\"flex flex-col md:flex-row gap-8 items-start relative\">\n                    <div class=\"hidden md:flex flex-col items-center absolute top-0 bottom-[-3rem] left-8 z-0\">\n                        <div class=\"w-1 bg-slate-700 h-full\"><\/div>\n                    <\/div>\n                    <div class=\"w-16 h-16 rounded-full bg-slate-800 border-4 border-darker z-10 flex shrink-0 items-center justify-center text-brand-cyan relative\">\n                        <span class=\"font-bold text-xl\">01<\/span>\n                    <\/div>\n                    <div class=\"bg-slate-800\/30 rounded-2xl p-8 border border-slate-700 flex-1 hover:bg-slate-800\/60 transition-colors\">\n                        <div class=\"flex items-center gap-3 mb-4\">\n                            <i class=\"fa-solid fa-magnifying-glass text-2xl text-brand-cyan\"><\/i>\n                            <h3 class=\"text-2xl font-bold text-white\">Descubrimiento y Estimaci\u00f3n<\/h3>\n                        <\/div>\n                        <p class=\"text-slate-400 leading-relaxed text-sm\">\n                            Comenzamos analizando profundamente sus documentos de dise\u00f1o (GDD), referencias de estilo y requisitos t\u00e9cnicos. Nuestro equipo directivo eval\u00faa el alcance, formula un plan de recursos detallado y proporciona estimaciones de tiempo y costes precisas y transparentes. La claridad desde el d\u00eda uno es nuestro compromiso. Cont\u00e1ctenos en info@gameartoutsourcestudio.de para iniciar esta fase sin compromiso.\n                        <\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- Step 2 -->\n                <div class=\"flex flex-col md:flex-row gap-8 items-start relative\">\n                    <div class=\"hidden md:flex flex-col items-center absolute top-0 bottom-[-3rem] left-8 z-0\">\n                        <div class=\"w-1 bg-slate-700 h-full\"><\/div>\n                    <\/div>\n                    <div class=\"w-16 h-16 rounded-full bg-brand-purple border-4 border-darker z-10 flex shrink-0 items-center justify-center text-white relative shadow-[0_0_15px_rgba(139,92,246,0.5)]\">\n                        <span class=\"font-bold text-xl\">02<\/span>\n                    <\/div>\n                    <div class=\"bg-slate-800\/30 rounded-2xl p-8 border border-slate-700 flex-1 hover:bg-slate-800\/60 transition-colors\">\n                        <div class=\"flex items-center gap-3 mb-4\">\n                            <i class=\"fa-solid fa-pencil text-2xl text-brand-purple\"><\/i>\n                            <h3 class=\"text-2xl font-bold text-white\">Prototipado y Aprobaci\u00f3n de Estilo<\/h3>\n                        <\/div>\n                        <p class=\"text-slate-400 leading-relaxed text-sm\">\n                            Antes de la producci\u00f3n en masa, creamos \u00abcortes verticales\u00bb (vertical slices) o activos de prueba para establecer el est\u00e1ndar de calidad y la direcci\u00f3n de arte (Concept Art, UI\/UX Design preliminar). Esta fase iterativa requiere un alto nivel de colaboraci\u00f3n con su equipo para asegurar que el ADN de su juego est\u00e9 perfectamente representado en nuestros modelos, animaciones y arte 2D.\n                        <\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- Step 3 -->\n                <div class=\"flex flex-col md:flex-row gap-8 items-start relative\">\n                    <div class=\"hidden md:flex flex-col items-center absolute top-0 bottom-[-3rem] left-8 z-0\">\n                        <div class=\"w-1 bg-slate-700 h-full\"><\/div>\n                    <\/div>\n                    <div class=\"w-16 h-16 rounded-full bg-slate-800 border-4 border-darker z-10 flex shrink-0 items-center justify-center text-brand-blue relative\">\n                        <span class=\"font-bold text-xl\">03<\/span>\n                    <\/div>\n                    <div class=\"bg-slate-800\/30 rounded-2xl p-8 border border-slate-700 flex-1 hover:bg-slate-800\/60 transition-colors\">\n                        <div class=\"flex items-center gap-3 mb-4\">\n                            <i class=\"fa-solid fa-hammer text-2xl text-brand-blue\"><\/i>\n                            <h3 class=\"text-2xl font-bold text-white\">Producci\u00f3n a Gran Escala<\/h3>\n                        <\/div>\n                        <p class=\"text-slate-400 leading-relaxed text-sm\">\n                            Una vez aprobados los est\u00e1ndares, desplegamos nuestra fuerza laboral completa. Nuestros equipos de 3D Modeling, Animation y Game Development trabajan en paralelo utilizando metodolog\u00edas \u00e1giles. Usted recibir\u00e1 actualizaciones semanales, compilaciones jugables y tendr\u00e1 acceso directo a nuestros tableros de gesti\u00f3n de proyectos (Jira, Trello) para una visibilidad total del progreso.\n                        <\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- Step 4 -->\n                <div class=\"flex flex-col md:flex-row gap-8 items-start relative\">\n                    <div class=\"w-16 h-16 rounded-full bg-slate-800 border-4 border-darker z-10 flex shrink-0 items-center justify-center text-slate-400 relative\">\n                        <span class=\"font-bold text-xl\">04<\/span>\n                    <\/div>\n                    <div class=\"bg-slate-800\/30 rounded-2xl p-8 border border-slate-700 flex-1 hover:bg-slate-800\/60 transition-colors\">\n                        <div class=\"flex items-center gap-3 mb-4\">\n                            <i class=\"fa-solid fa-flag-checkered text-2xl text-white\"><\/i>\n                            <h3 class=\"text-2xl font-bold text-white\">Revisi\u00f3n, QA Testing y Entrega Final<\/h3>\n                        <\/div>\n                        <p class=\"text-slate-400 leading-relaxed text-sm\">\n                            La fase final incluye un control de calidad meticuloso (QA Testing). Revisamos las topolog\u00edas, los UV maps, la optimizaci\u00f3n del c\u00f3digo y el rendimiento general. Se corrigen los errores reportados, se pulen las animaciones y se realiza la integraci\u00f3n final en el motor del juego. Entregamos los archivos fuente organizados, el c\u00f3digo documentado y garantizamos un per\u00edodo de soporte post-lanzamiento para solucionar cualquier imprevisto.\n                        <\/p>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Detailed FAQ Section (Adding significant text volume) -->\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-comments text-4xl text-brand-cyan mb-4\"><\/i>\n                <h2 class=\"text-3xl md:text-5xl font-bold text-white mb-6\">Preguntas Frecuentes<\/h2>\n                <p class=\"text-slate-400 text-lg\">Resolvemos las dudas m\u00e1s comunes sobre nuestros servicios de externalizaci\u00f3n.<\/p>\n            <\/div>\n\n            <div class=\"space-y-6\">\n                <!-- FAQ Item 1 -->\n                <div class=\"bg-slate-800\/40 rounded-xl 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-circle-question text-brand-purple\"><\/i> \u00bfQu\u00e9 motores gr\u00e1ficos soportan para los servicios de Game Development?\n                    <\/h4>\n                    <p class=\"text-slate-400 text-sm leading-relaxed pl-8\">\n                        Nuestros ingenieros y artistas t\u00e9cnicos son expertos en los est\u00e1ndares de la industria, principalmente <strong>Unreal Engine<\/strong> (incluyendo UE5 con Lumen y Nanite) y <strong>Unity 3D<\/strong>. Tambi\u00e9n tenemos experiencia adapt\u00e1ndonos a motores propietarios (in-house engines) de estudios AAA, asegurando que los servicios de 3D Modeling y Animation se integren perfectamente en cualquier entorno tecnol\u00f3gico.\n                    <\/p>\n                <\/div>\n\n                <!-- FAQ Item 2 -->\n                <div class=\"bg-slate-800\/40 rounded-xl 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-circle-question text-brand-purple\"><\/i> \u00bfC\u00f3mo garantizan la protecci\u00f3n de nuestra Propiedad Intelectual (IP)?\n                    <\/h4>\n                    <p class=\"text-slate-400 text-sm leading-relaxed pl-8\">\n                        Como una empresa de servicios seria y profesional, la seguridad es nuestra m\u00e1xima prioridad. Todos los proyectos comienzan con la firma de estrictos Acuerdos de Confidencialidad (NDAs). Nuestra infraestructura de red interna est\u00e1 segregada, bloqueada con firewalls empresariales, y restringimos el acceso f\u00edsico y digital a los activos del proyecto \u00fanicamente al personal directamente involucrado en su producci\u00f3n.\n                    <\/p>\n                <\/div>\n\n                <!-- FAQ Item 3 -->\n                <div class=\"bg-slate-800\/40 rounded-xl 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-circle-question text-brand-purple\"><\/i> \u00bfPueden integrarse en un equipo de desarrollo ya existente?\n                    <\/h4>\n                    <p class=\"text-slate-400 text-sm leading-relaxed pl-8\">\n                        Absolutamente. Ofrecemos modelos de colaboraci\u00f3n flexibles. Podemos asumir el desarrollo de un ciclo completo (full-cycle development) o proporcionar aumento de personal (staff augmentation). Esto significa que nuestros expertos en 2D Art, UI\/UX Design o QA Testing pueden trabajar directamente junto a su equipo interno, participando en sus reuniones diarias (daily stand-ups) y utilizando sus mismos repositorios (Perforce, Git).\n                    <\/p>\n                <\/div>\n                \n                <!-- FAQ Item 4 -->\n                <div class=\"bg-slate-800\/40 rounded-xl 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-circle-question text-brand-purple\"><\/i> \u00bfC\u00f3mo inicio un proyecto con Gameartoutsourcestudio?\n                    <\/h4>\n                    <p class=\"text-slate-400 text-sm leading-relaxed pl-8\">\n                        El proceso es muy sencillo. Solo necesita enviarnos un correo electr\u00f3nico a nuestra direcci\u00f3n principal <strong>info@gameartoutsourcestudio.de<\/strong> detallando brevemente sus necesidades, el tipo de servicio requerido (por ejemplo, Concept Art o QA Testing) y cualquier material de referencia que pueda compartir. Nuestro equipo de gesti\u00f3n de cuentas se pondr\u00e1 en contacto con usted en menos de 24 horas para programar una llamada de descubrimiento.\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-blue\/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-headset text-6xl text-brand-cyan mb-8 glow-effect rounded-full bg-slate-800 p-6\"><\/i>\n            \n            <h2 class=\"text-4xl md:text-5xl font-bold text-white mb-6\">\n                \u00bfListo para llevar su juego al <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-brand-cyan to-brand-blue\">Siguiente Nivel<\/span>?\n            <\/h2>\n            <p class=\"text-xl text-slate-400 mb-12 max-w-2xl mx-auto\">\n                Ya sea que necesite servicios completos de Game Development, la creaci\u00f3n de personajes complejos en 3D Modeling, o exhaustivo QA Testing, estamos listos para ser su socio de confianza. Nuestro equipo de soporte est\u00e1 disponible para responder a todas sus consultas t\u00e9cnicas y comerciales.\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\">Informaci\u00f3n de Contacto<\/h3>\n                        <p class=\"text-slate-400 mb-8 text-sm\">\n                            Valoramos su tiempo. Cont\u00e1ctenos directamente a trav\u00e9s de nuestro correo electr\u00f3nico corporativo oficial para discutir tarifas, disponibilidad de equipos y evaluaciones de portafolio.\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-blue\/20 flex items-center justify-center group-hover:bg-brand-blue\/40 transition-colors\">\n                                <i class=\"fa-solid fa-envelope text-xl text-brand-blue\"><\/i>\n                            <\/div>\n                            <div>\n                                <p class=\"text-xs text-slate-500 uppercase tracking-wider font-bold\">Correo Electr\u00f3nico \u00danico<\/p>\n                                <!-- The requested email -->\n                                <a href=\"mailto:info@gameartoutsourcestudio.de\" class=\"text-lg font-bold text-white hover:text-brand-cyan 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-purple\/20 flex items-center justify-center group-hover:bg-brand-purple\/40 transition-colors\">\n                                <i class=\"fa-solid fa-location-dot text-xl text-brand-purple\"><\/i>\n                            <\/div>\n                            <div>\n                                <p class=\"text-xs text-slate-500 uppercase tracking-wider font-bold\">Operaciones de Servicio<\/p>\n                                <p class=\"text-sm font-bold text-white\">Global (Soporte Remoto 24\/7)<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"bg-darker rounded-2xl p-6 border border-slate-700 text-left\">\n                        <h4 class=\"text-lg font-bold text-white mb-6 flex items-center gap-2\">\n                            <i class=\"fa-solid fa-earth-americas text-brand-cyan\"><\/i> Regiones de Servicio Global\n                        <\/h4>\n                        <div class=\"space-y-4\">\n                            <div class=\"flex items-center justify-between p-3 rounded-lg bg-slate-800\/50 border border-slate-700 hover:border-brand-blue transition-colors group cursor-default\">\n                                <div class=\"flex items-center gap-3\">\n                                    <i class=\"fa-solid fa-map-location-dot text-brand-blue group-hover:scale-110 transition-transform\"><\/i>\n                                    <span class=\"text-slate-300 font-semibold\">Am\u00e9rica del Norte<\/span>\n                                <\/div>\n                                <span class=\"text-xs text-brand-cyan bg-brand-cyan\/10 px-2 py-1 rounded font-bold uppercase tracking-wide\">Activo<\/span>\n                            <\/div>\n                            \n                            <div class=\"flex items-center justify-between p-3 rounded-lg bg-slate-800\/50 border border-slate-700 hover:border-brand-purple transition-colors group cursor-default\">\n                                <div class=\"flex items-center gap-3\">\n                                    <i class=\"fa-solid fa-landmark-flag text-brand-purple group-hover:scale-110 transition-transform\"><\/i>\n                                    <span class=\"text-slate-300 font-semibold\">Europa<\/span>\n                                <\/div>\n                                <span class=\"text-xs text-brand-purple bg-brand-purple\/10 px-2 py-1 rounded font-bold uppercase tracking-wide\">Activo<\/span>\n                            <\/div>\n                            \n                            <div class=\"flex items-center justify-between p-3 rounded-lg bg-slate-800\/50 border border-slate-700 hover:border-brand-cyan transition-colors group cursor-default\">\n                                <div class=\"flex items-center gap-3\">\n                                    <i class=\"fa-solid fa-torii-gate text-brand-cyan group-hover:scale-110 transition-transform\"><\/i>\n                                    <span class=\"text-slate-300 font-semibold\">Asia-Pac\u00edfico<\/span>\n                                <\/div>\n                                <span class=\"text-xs text-brand-cyan bg-brand-cyan\/10 px-2 py-1 rounded font-bold uppercase tracking-wide\">Activo<\/span>\n                            <\/div>\n                            \n                            <div class=\"flex items-center justify-between p-3 rounded-lg bg-slate-800\/50 border border-slate-700 hover:border-brand-blue transition-colors group cursor-default\">\n                                <div class=\"flex items-center gap-3\">\n                                    <i class=\"fa-solid fa-mountain-sun text-brand-blue group-hover:scale-110 transition-transform\"><\/i>\n                                    <span class=\"text-slate-300 font-semibold\">Am\u00e9rica Latina<\/span>\n                                <\/div>\n                                <span class=\"text-xs text-brand-blue bg-brand-blue\/10 px-2 py-1 rounded font-bold uppercase tracking-wide\">Activo<\/span>\n                            <\/div>\n\n                            <div class=\"mt-4 pt-4 border-t border-slate-700\">\n                                <p class=\"text-xs text-slate-500 leading-relaxed\">\n                                    <i class=\"fa-solid fa-circle-info mr-1\"><\/i> Operamos a nivel mundial, adapt\u00e1ndonos a las zonas horarias de nuestros clientes para garantizar una comunicaci\u00f3n fluida y entregas puntuales.\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-gamepad text-2xl text-brand-cyan\"><\/i>\n                    <span class=\"font-bold text-xl tracking-tighter text-white\">\n                        Gameart<span class=\"text-brand-purple\">outsource<\/span>studio\n                    <\/span>\n                <\/div>\n                \n                <div class=\"flex flex-wrap justify-center gap-4 text-sm text-slate-500\">\n                    <span class=\"flex items-center gap-1\"><i class=\"fa-solid fa-cube text-brand-blue\"><\/i> 3D Modeling<\/span>\n                    <span class=\"flex items-center gap-1\"><i class=\"fa-solid fa-paintbrush text-brand-purple\"><\/i> 2D Art<\/span>\n                    <span class=\"flex items-center gap-1\"><i class=\"fa-solid fa-person-running text-brand-cyan\"><\/i> Animation<\/span>\n                    <span class=\"flex items-center gap-1\"><i class=\"fa-solid fa-mobile-screen text-brand-blue\"><\/i> UI\/UX Design<\/span>\n                    <span class=\"flex items-center gap-1\"><i class=\"fa-solid fa-code text-brand-purple\"><\/i> Game Development<\/span>\n                    <span class=\"flex items-center gap-1\"><i class=\"fa-solid fa-lightbulb text-brand-cyan\"><\/i> Concept Art<\/span>\n                    <span class=\"flex items-center gap-1\"><i class=\"fa-solid fa-bug text-red-500\"><\/i> QA Testing<\/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-blue 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-blue 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-purple 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. Servicios premium de externalizaci\u00f3n de videojuegos.\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-cyan\"><\/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 | Modelado 3D, Arte 2D, Animaci\u00f3n, Dise\u00f1o UI\/UX, Desarrollo de Juegos, Arte Conceptual, Pruebas QA Gameartoutsourcestudio Sobre Nosotros Servicios [&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-7","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\/ro\/author\/wangjianchen02gmail-com\/"},"uagb_comment_info":0,"uagb_excerpt":"Gameartoutsourcestudio | Modelado 3D, Arte 2D, Animaci\u00f3n, Dise\u00f1o UI\/UX, Desarrollo de Juegos, Arte Conceptual, Pruebas QA Gameartoutsourcestudio Sobre Nosotros Servicios [&hellip;]","_links":{"self":[{"href":"https:\/\/3danimationart.co.uk\/ro\/wp-json\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/3danimationart.co.uk\/ro\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/3danimationart.co.uk\/ro\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/3danimationart.co.uk\/ro\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/3danimationart.co.uk\/ro\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":1,"href":"https:\/\/3danimationart.co.uk\/ro\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":8,"href":"https:\/\/3danimationart.co.uk\/ro\/wp-json\/wp\/v2\/pages\/7\/revisions\/8"}],"wp:attachment":[{"href":"https:\/\/3danimationart.co.uk\/ro\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}