{"id":10,"date":"2026-05-05T02:36:25","date_gmt":"2026-05-05T02:36:25","guid":{"rendered":"https:\/\/3danimationart.co.uk\/?page_id=10"},"modified":"2026-05-05T02:36:26","modified_gmt":"2026-05-05T02:36:26","slug":"expertos-en-3d-characters-3d-environments-3d-props-hard-surface","status":"publish","type":"page","link":"https:\/\/3danimationart.co.uk\/sr\/expertos-en-3d-characters-3d-environments-3d-props-hard-surface\/","title":{"rendered":"Expertos en\u00a03D Characters, 3D Environments, 3D Props &amp; Hard Surface"},"content":{"rendered":"\n<div class=\"wp-block-uagb-container uagb-block-aaff7fa5 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 containing 9+ services -->\n    <title>Gameartoutsourcestudio | 3D Characters, 3D Environments, 3D Props, Hard Surface Modeling, 3D Animation, Rigging, Texturing, Lighting, Level Design<\/title>\n    <!-- Description containing 9+ services -->\n    <meta name=\"description\" content=\"Premium outsourcing studio specialized in 3D Characters, 3D Environments, 3D Props, Hard Surface Modeling, 3D Animation, Rigging, Texturing, Lighting, and Level Design for AAA and Indie games. 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                            emerald: '#10b981'\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=\"#expertise\" class=\"text-sm font-medium hover:text-brand-cyan transition-colors\">Nuestra Experiencia<\/a>\n                    <a href=\"#servicios\" class=\"text-sm font-medium hover:text-brand-cyan transition-colors\">Servicios 3D<\/a>\n                    <a href=\"#proceso\" class=\"text-sm font-medium hover:text-brand-cyan transition-colors\">Flujo de Trabajo<\/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-blue\/20 via-darker to-darker -z-10\"><\/div>\n        \n        <!-- Animated Background Icons -->\n        <div class=\"absolute top-20 left-10 text-slate-800 text-6xl opacity-20\"><i class=\"fa-brands fa-unity\"><\/i><\/div>\n        <div class=\"absolute bottom-20 right-10 text-slate-800 text-8xl opacity-20\"><i class=\"fa-solid fa-cubes\"><\/i><\/div>\n        <div class=\"absolute top-40 right-20 text-slate-800 text-5xl opacity-20\"><i class=\"fa-solid fa-paintbrush\"><\/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-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-crown text-brand-purple\"><\/i> \u00c9lite en Externalizaci\u00f3n de Arte para Videojuegos\n            <\/div>\n            \n            <!-- Hero Title with 9+ English Services -->\n            <h1 class=\"text-3xl md:text-5xl lg:text-6xl font-extrabold text-white tracking-tight mb-8 leading-tight max-w-5xl mx-auto\">\n                Expertos en <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-brand-cyan via-brand-blue to-brand-purple\">3D Characters, 3D Environments, 3D Props &#038; Hard Surface<\/span>\n            <\/h1>\n            \n            <h2 class=\"text-xl md:text-2xl font-semibold text-slate-300 mb-6 max-w-4xl mx-auto\">\n                Y tambi\u00e9n especializados en <span class=\"text-brand-emerald\">3D Animation, Rigging, Texturing, Lighting &#038; Level Design<\/span>.\n            <\/h2>\n            \n            <p class=\"mt-6 text-lg text-slate-400 max-w-4xl mx-auto leading-relaxed mb-10\">\n                En <strong>Gameartoutsourcestudio<\/strong>, trascendemos los l\u00edmites de la creaci\u00f3n de activos digitales. Como un estudio de externalizaci\u00f3n l\u00edder a nivel mundial, nos asociamos con desarrolladores AAA, estudios AA y creadores independientes para forjar mundos inmersivos. Nuestro dominio absoluto de la canalizaci\u00f3n de producci\u00f3n 3D nos permite entregar arte de una calidad visual asombrosa, siempre optimizado para un rendimiento impecable en los motores gr\u00e1ficos modernos.\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> Iniciar Proyecto\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-cubes\"><\/i> Ver Cat\u00e1logo de Servicios\n                <\/a>\n            <\/div>\n\n            <!-- Technology Stack Icons -->\n            <div class=\"mt-20 border-t border-slate-800 pt-10\">\n                <p class=\"text-sm text-slate-500 uppercase tracking-widest font-semibold mb-6\">Herramientas Est\u00e1ndar de la Industria que Dominamos<\/p>\n                <div class=\"flex flex-wrap justify-center gap-8 md:gap-12 opacity-60\">\n                    <div class=\"flex flex-col items-center gap-2 group\"><i class=\"fa-solid fa-cube text-4xl group-hover:text-brand-blue transition-colors\"><\/i><span class=\"text-xs\">ZBrush<\/span><\/div>\n                    <div class=\"flex flex-col items-center gap-2 group\"><i class=\"fa-solid fa-layer-group text-4xl group-hover:text-brand-purple transition-colors\"><\/i><span class=\"text-xs\">Maya<\/span><\/div>\n                    <div class=\"flex flex-col items-center gap-2 group\"><i class=\"fa-solid fa-box text-4xl group-hover:text-brand-cyan transition-colors\"><\/i><span class=\"text-xs\">Blender<\/span><\/div>\n                    <div class=\"flex flex-col items-center gap-2 group\"><i class=\"fa-solid fa-paint-roller text-4xl group-hover:text-brand-emerald transition-colors\"><\/i><span class=\"text-xs\">Substance Painter<\/span><\/div>\n                    <div class=\"flex flex-col items-center gap-2 group\"><i class=\"fa-brands fa-unity text-4xl group-hover:text-white transition-colors\"><\/i><span class=\"text-xs\">Unity<\/span><\/div>\n                    <div class=\"flex flex-col items-center gap-2 group\"><i class=\"fa-solid fa-u text-4xl group-hover:text-brand-blue transition-colors\"><\/i><span class=\"text-xs\">Unreal Engine<\/span><\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Comprehensive Services Section (9 Services) -->\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-gem text-4xl text-brand-blue mb-4\"><\/i>\n                <h2 class=\"text-3xl md:text-5xl font-bold text-white mb-6\">Capacidades de Arte de Juego Premium<\/h2>\n                <p class=\"text-lg text-slate-400\">\n                    Nuestra oferta de servicios es extensa y profunda. No somos generalistas; contamos con departamentos especializados para cada faceta de la producci\u00f3n de arte de videojuegos. Explore nuestras 9 disciplinas principales que garantizan que cada elemento de su juego sea una obra maestra t\u00e9cnica y visual.\n                <\/p>\n            <\/div>\n\n            <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6\">\n                \n                <!-- Service 1: 3D Characters -->\n                <div class=\"bg-gradient-to-b from-slate-800\/80 to-slate-900\/80 rounded-2xl p-8 border border-slate-700 hover:border-brand-blue transition-all group\">\n                    <div class=\"w-14 h-14 rounded-full 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\">\n                        <i class=\"fa-solid fa-user-ninja text-2xl\"><\/i>\n                    <\/div>\n                    <h3 class=\"text-xl font-bold text-white mb-3\">3D Characters (Personajes 3D)<\/h3>\n                    <p class=\"text-slate-400 text-sm leading-relaxed mb-4\">\n                        Esculpimos h\u00e9roes, villanos, monstruos y NPCs que son el alma de su narrativa. Nuestro servicio abarca desde la escultura de alta resoluci\u00f3n (High-Poly) en ZBrush, capturando cada arruga y textura de piel, hasta la retopolog\u00eda meticulosa (Low-Poly) para asegurar una deformaci\u00f3n perfecta durante la animaci\u00f3n en el motor del juego.\n                    <\/p>\n                    <ul class=\"text-xs text-slate-500 space-y-1\">\n                        <li>\u2022 Estilos Realistas, Estilizados (Stylized) y Cel-Shaded.<\/li>\n                        <li>\u2022 Creaci\u00f3n de cabello con tarjetas (Hair Cards) o Grooming.<\/li>\n                        <li>\u2022 Topolog\u00eda optimizada para deformaci\u00f3n facial avanzada.<\/li>\n                    <\/ul>\n                <\/div>\n\n                <!-- Service 2: 3D Environments -->\n                <div class=\"bg-gradient-to-b from-slate-800\/80 to-slate-900\/80 rounded-2xl p-8 border border-slate-700 hover:border-brand-purple transition-all group\">\n                    <div class=\"w-14 h-14 rounded-full bg-purple-500\/10 flex items-center justify-center mb-6 group-hover:bg-brand-purple group-hover:text-white transition-all text-brand-purple\">\n                        <i class=\"fa-solid fa-mountain-city text-2xl\"><\/i>\n                    <\/div>\n                    <h3 class=\"text-xl font-bold text-white mb-3\">3D Environments (Entornos 3D)<\/h3>\n                    <p class=\"text-slate-400 text-sm leading-relaxed mb-4\">\n                        Construimos mundos en los que los jugadores quieren perderse. Dise\u00f1amos paisajes naturales, ruinas post-apocal\u00edpticas, ciudades cyberpunk o escenarios interiores \u00edntimos. Nos enfocamos en la narrativa ambiental, asegurando que cada roca y edificio cuente una historia, manteniendo siempre los l\u00edmites de conteo de pol\u00edgonos (polycount) bajo control.\n                    <\/p>\n                    <ul class=\"text-xs text-slate-500 space-y-1\">\n                        <li>\u2022 Sistemas modulares de construcci\u00f3n (Modular Kits).<\/li>\n                        <li>\u2022 Generaci\u00f3n de terreno y creaci\u00f3n de follaje (Vegetation).<\/li>\n                        <li>\u2022 Optimizaci\u00f3n mediante LODs (Levels of Detail).<\/li>\n                    <\/ul>\n                <\/div>\n\n                <!-- Service 3: 3D Props -->\n                <div class=\"bg-gradient-to-b from-slate-800\/80 to-slate-900\/80 rounded-2xl p-8 border border-slate-700 hover:border-brand-cyan transition-all group\">\n                    <div class=\"w-14 h-14 rounded-full bg-cyan-500\/10 flex items-center justify-center mb-6 group-hover:bg-brand-cyan group-hover:text-white transition-all text-brand-cyan\">\n                        <i class=\"fa-solid fa-box-open text-2xl\"><\/i>\n                    <\/div>\n                    <h3 class=\"text-xl font-bold text-white mb-3\">3D Props (Utiler\u00eda 3D)<\/h3>\n                    <p class=\"text-slate-400 text-sm leading-relaxed mb-4\">\n                        Los detalles marcan la diferencia entre un juego bueno y uno excelente. Producimos bibliotecas masivas de accesorios interactivos y est\u00e1ticos: armas, herramientas, muebles, consumibles y elementos de bot\u00edn (loot). Cada prop se dise\u00f1a para integrarse perfectamente en el estilo visual de su proyecto, ya sea un asset heroico para primeros planos o decorado de fondo.\n                    <\/p>\n                    <ul class=\"text-xs text-slate-500 space-y-1\">\n                        <li>\u2022 Hero Props con texturas 4K para cinem\u00e1ticas.<\/li>\n                        <li>\u2022 Colecciones masivas para llenar niveles r\u00e1pidamente.<\/li>\n                        <li>\u2022 Creaci\u00f3n de assets destructibles (Destructible Meshes).<\/li>\n                    <\/ul>\n                <\/div>\n\n                <!-- Service 4: Hard Surface Modeling -->\n                <div class=\"bg-gradient-to-b from-slate-800\/80 to-slate-900\/80 rounded-2xl p-8 border border-slate-700 hover:border-brand-emerald transition-all group\">\n                    <div class=\"w-14 h-14 rounded-full bg-emerald-500\/10 flex items-center justify-center mb-6 group-hover:bg-brand-emerald group-hover:text-white transition-all text-brand-emerald\">\n                        <i class=\"fa-solid fa-robot text-2xl\"><\/i>\n                    <\/div>\n                    <h3 class=\"text-xl font-bold text-white mb-3\">Hard Surface Modeling<\/h3>\n                    <p class=\"text-slate-400 text-sm leading-relaxed mb-4\">\n                        Precisi\u00f3n mec\u00e1nica y dise\u00f1o industrial. Somos especialistas en el modelado de superficies duras para ciencia ficci\u00f3n o simuladores realistas. Creamos mechas complejos, naves espaciales, veh\u00edculos blindados, armamento t\u00e1ctico y maquinaria industrial. Aseguramos que la topolog\u00eda fluya perfectamente para permitir el biselado (beveling) y evitar artefactos de sombreado.\n                    <\/p>\n                    <ul class=\"text-xs text-slate-500 space-y-1\">\n                        <li>\u2022 Dise\u00f1o mec\u00e1nico cre\u00edble y funcional.<\/li>\n                        <li>\u2022 Topolog\u00eda Quad-basada para superficies limpias.<\/li>\n                        <li>\u2022 Veh\u00edculos con interiores detallados.<\/li>\n                    <\/ul>\n                <\/div>\n\n                <!-- Service 5: 3D Animation -->\n                <div class=\"bg-gradient-to-b from-slate-800\/80 to-slate-900\/80 rounded-2xl p-8 border border-slate-700 hover:border-brand-blue transition-all group\">\n                    <div class=\"w-14 h-14 rounded-full 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\">\n                        <i class=\"fa-solid fa-person-walking text-2xl\"><\/i>\n                    <\/div>\n                    <h3 class=\"text-xl font-bold text-white mb-3\">3D Animation (Animaci\u00f3n 3D)<\/h3>\n                    <p class=\"text-slate-400 text-sm leading-relaxed mb-4\">\n                        Damos vida a sus modelos con peso, impacto y personalidad. Nuestros animadores expertos dominan tanto la animaci\u00f3n Keyframe tradicional para estilos expresivos o de dibujos animados, como la limpieza e integraci\u00f3n de datos de Captura de Movimiento (MoCap) para el fotorrealismo extremo necesario en juegos deportivos o shooters AAA.\n                    <\/p>\n                    <ul class=\"text-xs text-slate-500 space-y-1\">\n                        <li>\u2022 Ciclos de locomoci\u00f3n (Caminar, Correr, Saltar).<\/li>\n                        <li>\u2022 Animaciones de combate complejas (Combos, Reacciones).<\/li>\n                        <li>\u2022 Cinematograf\u00eda in-game y escenas de corte (Cutscenes).<\/li>\n                    <\/ul>\n                <\/div>\n\n                <!-- Service 6: Rigging -->\n                <div class=\"bg-gradient-to-b from-slate-800\/80 to-slate-900\/80 rounded-2xl p-8 border border-slate-700 hover:border-brand-purple transition-all group\">\n                    <div class=\"w-14 h-14 rounded-full bg-purple-500\/10 flex items-center justify-center mb-6 group-hover:bg-brand-purple group-hover:text-white transition-all text-brand-purple\">\n                        <i class=\"fa-solid fa-bone text-2xl\"><\/i>\n                    <\/div>\n                    <h3 class=\"text-xl font-bold text-white mb-3\">Rigging (Esqueletizaci\u00f3n)<\/h3>\n                    <p class=\"text-slate-400 text-sm leading-relaxed mb-4\">\n                        El esqueleto invisible que hace posible la magia. Desarrollamos rigs personalizados altamente t\u00e9cnicos y robustos para b\u00edpedos, cuadr\u00fapedos, criaturas extra\u00f1as o veh\u00edculos mec\u00e1nicos. Nuestros Technical Artists crean controles intuitivos para los animadores, implementando din\u00e1micas de simulaci\u00f3n (Jiggle bones para ropa o cabello) y sistemas de blendshapes faciales complejos.\n                    <\/p>\n                    <ul class=\"text-xs text-slate-500 space-y-1\">\n                        <li>\u2022 Rigs corporales avanzados con cinem\u00e1tica IK\/FK.<\/li>\n                        <li>\u2022 Rigging facial avanzado (Sistemas FACS).<\/li>\n                        <li>\u2022 Pesado de v\u00e9rtices (Skinning) preciso y sin fallos.<\/li>\n                    <\/ul>\n                <\/div>\n\n                <!-- Service 7: Texturing -->\n                <div class=\"bg-gradient-to-b from-slate-800\/80 to-slate-900\/80 rounded-2xl p-8 border border-slate-700 hover:border-brand-cyan transition-all group\">\n                    <div class=\"w-14 h-14 rounded-full bg-cyan-500\/10 flex items-center justify-center mb-6 group-hover:bg-brand-cyan group-hover:text-white transition-all text-brand-cyan\">\n                        <i class=\"fa-solid fa-palette text-2xl\"><\/i>\n                    <\/div>\n                    <h3 class=\"text-xl font-bold text-white mb-3\">Texturing (Texturizado)<\/h3>\n                    <p class=\"text-slate-400 text-sm leading-relaxed mb-4\">\n                        Aplicamos la piel y los materiales a sus mundos 3D. Utilizamos un flujo de trabajo PBR (Physically Based Rendering) completo para garantizar que los metales, maderas, pl\u00e1sticos y tejidos reaccionen a la luz de forma f\u00edsicamente correcta. Tambi\u00e9n dominamos el texturizado pintado a mano (Hand-painted) para proyectos con est\u00e9ticas similares a MOBA o MMOs cl\u00e1sicos.\n                    <\/p>\n                    <ul class=\"text-xs text-slate-500 space-y-1\">\n                        <li>\u2022 Flujos de trabajo PBR (Albedo, Normal, Roughness, Metalness).<\/li>\n                        <li>\u2022 Texturas pintadas a mano para juegos estilizados.<\/li>\n                        <li>\u2022 Creaci\u00f3n de materiales procedurales en Substance Designer.<\/li>\n                    <\/ul>\n                <\/div>\n\n                <!-- Service 8: Lighting -->\n                <div class=\"bg-gradient-to-b from-slate-800\/80 to-slate-900\/80 rounded-2xl p-8 border border-slate-700 hover:border-brand-emerald transition-all group\">\n                    <div class=\"w-14 h-14 rounded-full bg-emerald-500\/10 flex items-center justify-center mb-6 group-hover:bg-brand-emerald group-hover:text-white transition-all text-brand-emerald\">\n                        <i class=\"fa-regular fa-lightbulb text-2xl\"><\/i>\n                    <\/div>\n                    <h3 class=\"text-xl font-bold text-white mb-3\">Lighting (Iluminaci\u00f3n)<\/h3>\n                    <p class=\"text-slate-400 text-sm leading-relaxed mb-4\">\n                        La iluminaci\u00f3n define la atm\u00f3sfera, gu\u00eda el ojo del jugador y establece el tono emocional del juego. Nuestros artistas de iluminaci\u00f3n trabajan directamente en Unity y Unreal Engine para hornear mapas de luz est\u00e1ticos (Lightbaking) o configurar sistemas de iluminaci\u00f3n din\u00e1mica en tiempo real (como Lumen en UE5). Nos aseguramos de que cada escena tenga una cinematograf\u00eda cautivadora.\n                    <\/p>\n                    <ul class=\"text-xs text-slate-500 space-y-1\">\n                        <li>\u2022 Iluminaci\u00f3n ambiental y direccional dram\u00e1tica.<\/li>\n                        <li>\u2022 Optimizaci\u00f3n de Lightmaps para juegos m\u00f3viles\/VR.<\/li>\n                        <li>\u2022 Configuraci\u00f3n de post-procesado (Color Grading, Bloom).<\/li>\n                    <\/ul>\n                <\/div>\n\n                <!-- Service 9: Level Design -->\n                <div class=\"bg-gradient-to-b from-slate-800\/80 to-slate-900\/80 rounded-2xl p-8 border border-slate-700 hover:border-brand-blue transition-all group\">\n                    <div class=\"w-14 h-14 rounded-full 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\">\n                        <i class=\"fa-solid fa-map text-2xl\"><\/i>\n                    <\/div>\n                    <h3 class=\"text-xl font-bold text-white mb-3\">Level Design (Dise\u00f1o de Niveles)<\/h3>\n                    <p class=\"text-slate-400 text-sm leading-relaxed mb-4\">\n                        Transformamos espacios visuales en arenas de juego funcionales. Colaboramos estrechamente con sus dise\u00f1adores de juego para realizar el bloqueo inicial (Greyboxing\/Whiteboxing), estableciendo la escala, el ritmo y las l\u00edneas de visi\u00f3n. Luego, vestimos el nivel (Set Dressing) con nuestros entornos y props 3D, asegurando que la jugabilidad sea tan buena como el aspecto visual.\n                    <\/p>\n                    <ul class=\"text-xs text-slate-500 space-y-1\">\n                        <li>\u2022 Greyboxing y prototipado r\u00e1pido de niveles.<\/li>\n                        <li>\u2022 Set Dressing y narrativa visual del entorno.<\/li>\n                        <li>\u2022 Enrutamiento para IA y optimizaci\u00f3n de oclusi\u00f3n (Culling).<\/li>\n                    <\/ul>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Deep Dive \/ Expertise Section -->\n    <section id=\"expertise\" 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-purple\/10 border border-brand-purple\/30 text-brand-purple text-sm font-semibold mb-6\">\n                        <i class=\"fa-solid fa-medal\"><\/i> Excelencia T\u00e9cnica\n                    <\/div>\n                    <h2 class=\"text-3xl md:text-5xl font-bold text-white mb-6 leading-tight\">\n                        Dominio absoluto sobre la <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-brand-purple to-brand-cyan\">Canalizaci\u00f3n 3D<\/span>\n                    <\/h2>\n                    <p class=\"text-slate-400 mb-6 leading-relaxed\">\n                        Entendemos que el arte 3D para videojuegos no se trata solo de verse bien en un renderizado de portafolio; debe funcionar impecablemente dentro de las estrictas limitaciones de memoria y rendimiento de consolas, PC y dispositivos m\u00f3viles. En <strong>Gameartoutsourcestudio<\/strong>, el rigor t\u00e9cnico es tan importante como el talento art\u00edstico.\n                    <\/p>\n                    <p class=\"text-slate-400 mb-8 leading-relaxed\">\n                        Nuestros Technical Directors (Directores T\u00e9cnicos) supervisan cada modelo y textura. Aplicamos estrictos controles sobre el flujo de bordes (edge flow), nos aseguramos de que el desempaquetado de UV (UV Unwrapping) aproveche al m\u00e1ximo el espacio de la textura sin estiramientos, y validamos que la densidad de texels (Texel Density) sea coherente en todo su juego. Esta meticulosidad reduce dr\u00e1sticamente los errores durante la integraci\u00f3n en el motor gr\u00e1fico, ahorrando a su equipo interno incontables horas de depuraci\u00f3n.\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-tachometer-fast text-2xl text-brand-emerald mt-1\"><\/i>\n                            <div>\n                                <h4 class=\"text-white font-bold mb-1\">Optimizaci\u00f3n AAA<\/h4>\n                                <p class=\"text-sm text-slate-500\">Creaci\u00f3n experta de LODs y gesti\u00f3n de draw calls para mantener 60fps constantes.<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"flex items-start gap-4\">\n                            <i class=\"fa-solid fa-file-code text-2xl text-brand-cyan mt-1\"><\/i>\n                            <div>\n                                <h4 class=\"text-white font-bold mb-1\">Integraci\u00f3n Directa<\/h4>\n                                <p class=\"text-sm text-slate-500\">Entregamos en formatos nativos listos para usar en Unreal Engine o Unity.<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Expertise 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-2xl border border-slate-700 flex flex-col items-center justify-center text-center glow-effect\">\n                        <i class=\"fa-solid fa-dragon text-5xl text-brand-blue mb-4\"><\/i>\n                        <span class=\"text-2xl font-extrabold text-white mb-2\">Estilos AAA<\/span>\n                        <span class=\"text-xs font-medium text-slate-400 uppercase tracking-wide\">Hiperrealismo &#038; Sci-Fi<\/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-ghost text-5xl text-brand-purple mb-4\"><\/i>\n                        <span class=\"text-2xl font-extrabold text-white mb-2\">Estilizado<\/span>\n                        <span class=\"text-xs font-medium text-slate-400 uppercase tracking-wide\">Cel-shaded &#038; Hand-painted<\/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-vr-cardboard text-5xl text-brand-cyan mb-4\"><\/i>\n                        <span class=\"text-2xl font-extrabold text-white mb-2\">VR &#038; M\u00f3vil<\/span>\n                        <span class=\"text-xs font-medium text-slate-400 uppercase tracking-wide\">Low Poly &#038; Ultra Optimizado<\/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-chess-knight text-5xl text-brand-emerald mb-4\"><\/i>\n                        <span class=\"text-2xl font-extrabold text-white mb-2\">Prototipado<\/span>\n                        <span class=\"text-xs font-medium text-slate-400 uppercase tracking-wide\">Iteraci\u00f3n R\u00e1pida de Dise\u00f1o<\/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 Flujo de Trabajo para Arte 3D<\/h2>\n                <p class=\"text-lg text-slate-400\">\n                    La externalizaci\u00f3n exitosa no es un accidente, es el resultado de un proceso de producci\u00f3n (pipeline) meticulosamente refinado. Empleamos un flujo de trabajo iterativo que garantiza que su visi\u00f3n original se preserve y potencie a lo largo de cada fase.\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-file-contract text-2xl text-brand-cyan\"><\/i>\n                            <h3 class=\"text-2xl font-bold text-white\">Revisi\u00f3n de GDD y Estimaci\u00f3n<\/h3>\n                        <\/div>\n                        <p class=\"text-slate-400 leading-relaxed text-sm\">\n                            Analizamos profundamente sus documentos de dise\u00f1o (GDD), referencias de estilo (Concept Art) y presupuestos t\u00e9cnicos (l\u00edmites de pol\u00edgonos, resoluciones de textura). Nuestro equipo directivo eval\u00faa el alcance, formula un plan de recursos detallado y proporciona estimaciones de tiempo y costes precisas. Escr\u00edbanos a info@gameartoutsourcestudio.de para enviar su documentaci\u00f3n inicial (Bajo NDA).\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-shapes text-2xl text-brand-purple\"><\/i>\n                            <h3 class=\"text-2xl font-bold text-white\">Blockout (Bloqueo) y Aprobaci\u00f3n de Volumen<\/h3>\n                        <\/div>\n                        <p class=\"text-slate-400 leading-relaxed text-sm\">\n                            Antes de invertir tiempo en detalles finos, creamos formas b\u00e1sicas (blockouts) de los personajes o entornos. Esto nos permite acordar r\u00e1pidamente las proporciones, la silueta general y la legibilidad desde la perspectiva de la c\u00e1mara del juego. Usted revisa estos vol\u00famenes tempranos para asegurar que la direcci\u00f3n es la correcta.\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 Completa: High Poly a Low Poly<\/h3>\n                        <\/div>\n                        <p class=\"text-slate-400 leading-relaxed text-sm\">\n                            Una vez aprobado el blockout, procedemos a esculpir los detalles de alta resoluci\u00f3n (High Poly). Luego, generamos la malla optimizada para el juego (Low Poly), realizamos el UV Unwrapping y horneamos (Baking) los detalles de alta resoluci\u00f3n en mapas normales y de oclusi\u00f3n ambiental. Usted recibe actualizaciones de progreso en cada una de estas sub-fases cruciales.\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-check-double text-2xl text-brand-emerald\"><\/i>\n                            <h3 class=\"text-2xl font-bold text-white\">Texturizado, Control de Calidad (QA) y Entrega<\/h3>\n                        <\/div>\n                        <p class=\"text-slate-400 leading-relaxed text-sm\">\n                            Aplicamos los materiales finales mediante t\u00e9cnicas PBR. Antes de la entrega, nuestro equipo de QA realiza verificaciones rigurosas: comprobaci\u00f3n de escala, nombres de convenciones de archivos, jerarqu\u00eda correcta y limpieza de mallas (sin N-gons, etc.). Entregamos los activos finales, incluyendo archivos fuente si se requiere, listos para ser arrastrados y soltados en su motor.\n                        <\/p>\n                    <\/div>\n                <\/div>\n\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-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 producci\u00f3n de arte 3D.<\/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 formatos de archivo entregan para los servicios 3D?\n                    <\/h4>\n                    <p class=\"text-slate-400 text-sm leading-relaxed pl-8\">\n                        Nos adaptamos completamente a su pipeline. Generalmente entregamos en formatos est\u00e1ndar de la industria como <strong>.FBX u .OBJ<\/strong> para modelos, junto con texturas en <strong>.PNG, .TGA o .TIFF<\/strong>. Si lo prefiere, podemos entregar directamente paquetes de Unity (.unitypackage) o proyectos de Unreal Engine (uassets) ya configurados con los materiales y prefabricados (prefabs) armados.\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 manejan las revisiones y el feedback durante la producci\u00f3n?\n                    <\/h4>\n                    <p class=\"text-slate-400 text-sm leading-relaxed pl-8\">\n                        Creemos en la iteraci\u00f3n transparente. Cada hito de producci\u00f3n incluye rondas de revisi\u00f3n acordadas previamente en el contrato. Utilizamos herramientas visuales colaborativas como SyncSketch o plataformas de revisi\u00f3n de modelos 3D online donde su equipo de Arte o Direcci\u00f3n puede dejar notas y dibujar directamente sobre las entregas en progreso, asegurando correcciones r\u00e1pidas y precisas.\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 adaptar su estilo art\u00edstico para que coincida con un juego ya en desarrollo?\n                    <\/h4>\n                    <p class=\"text-slate-400 text-sm leading-relaxed pl-8\">\n                        Absolutamente. Esa es una de nuestras mayores fortalezas como estudio de externalizaci\u00f3n. Antes de comenzar la producci\u00f3n en masa, realizamos una extensa \u00abPrueba de Estilo\u00bb (Art Test o Vertical Slice). Nuestros directores de arte analizan meticulosamente sus gu\u00edas de estilo (Style Guides) para imitar perfectamente sus proporciones, paletas de colores y t\u00e9cnicas de texturizado, asegurando una cohesi\u00f3n visual total.\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> \u00bfTienen capacidad para manejar grandes vol\u00famenes de assets (Cientos de Props)?\n                    <\/h4>\n                    <p class=\"text-slate-400 text-sm leading-relaxed pl-8\">\n                        S\u00ed, disponemos de una gran plantilla de artistas 3D internos y una estructura de gesti\u00f3n de proyectos escalable. Para proyectos de gran volumen, asignamos un Lead Artist dedicado y un Project Manager para asegurar que la calidad se mantenga constante, independientemente de si estamos creando 10 o 500 accesorios para su mundo de juego. Cont\u00e1ctenos en <strong>info@gameartoutsourcestudio.de<\/strong> para discutir sus necesidades de volumen.\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                Construyamos algo <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-brand-cyan to-brand-blue\">\u00c9pico<\/span> Juntos\n            <\/h2>\n            <p class=\"text-xl text-slate-400 mb-12 max-w-2xl mx-auto\">\n                Ya sea que necesite un personaje heroico detallado, un nivel completo iluminado, o cientos de props optimizados, nuestro equipo est\u00e1 listo para comenzar. Cont\u00e1ctenos hoy para recibir una evaluaci\u00f3n de proyecto sin compromiso.\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, solicitar pruebas de arte y evaluar nuestro portafolio confidencial.\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 Directo<\/p>\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-shield text-xl text-brand-purple\"><\/i>\n                            <\/div>\n                            <div>\n                                <p class=\"text-xs text-slate-500 uppercase tracking-wider font-bold\">Confidencialidad<\/p>\n                                <p class=\"text-sm font-bold text-white\">Listos para firmar NDA<\/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.\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                <!-- Footer 9 Services -->\n                <div class=\"flex flex-wrap justify-center gap-4 text-sm text-slate-500 max-w-3xl\">\n                    <span class=\"flex items-center gap-1\"><i class=\"fa-solid fa-user-ninja text-brand-blue\"><\/i> 3D Characters<\/span>\n                    <span class=\"flex items-center gap-1\"><i class=\"fa-solid fa-mountain-city text-brand-purple\"><\/i> 3D Environments<\/span>\n                    <span class=\"flex items-center gap-1\"><i class=\"fa-solid fa-box-open text-brand-cyan\"><\/i> 3D Props<\/span>\n                    <span class=\"flex items-center gap-1\"><i class=\"fa-solid fa-robot text-brand-emerald\"><\/i> Hard Surface<\/span>\n                    <span class=\"flex items-center gap-1\"><i class=\"fa-solid fa-person-walking text-brand-blue\"><\/i> 3D Animation<\/span>\n                    <span class=\"flex items-center gap-1\"><i class=\"fa-solid fa-bone text-brand-purple\"><\/i> Rigging<\/span>\n                    <span class=\"flex items-center gap-1\"><i class=\"fa-solid fa-palette text-brand-cyan\"><\/i> Texturing<\/span>\n                    <span class=\"flex items-center gap-1\"><i class=\"fa-regular fa-lightbulb text-brand-emerald\"><\/i> Lighting<\/span>\n                    <span class=\"flex items-center gap-1\"><i class=\"fa-solid fa-map text-brand-blue\"><\/i> Level Design<\/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 especializados en Arte 3D para 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 | 3D Characters, 3D Environments, 3D Props, Hard Surface Modeling, 3D Animation, Rigging, Texturing, Lighting, Level Design Gameartoutsourcestudio Nuestra [&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-10","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\/sr\/author\/wangjianchen02gmail-com\/"},"uagb_comment_info":0,"uagb_excerpt":"Gameartoutsourcestudio | 3D Characters, 3D Environments, 3D Props, Hard Surface Modeling, 3D Animation, Rigging, Texturing, Lighting, Level Design Gameartoutsourcestudio Nuestra [&hellip;]","_links":{"self":[{"href":"https:\/\/3danimationart.co.uk\/sr\/wp-json\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/3danimationart.co.uk\/sr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/3danimationart.co.uk\/sr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/3danimationart.co.uk\/sr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/3danimationart.co.uk\/sr\/wp-json\/wp\/v2\/comments?post=10"}],"version-history":[{"count":1,"href":"https:\/\/3danimationart.co.uk\/sr\/wp-json\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":11,"href":"https:\/\/3danimationart.co.uk\/sr\/wp-json\/wp\/v2\/pages\/10\/revisions\/11"}],"wp:attachment":[{"href":"https:\/\/3danimationart.co.uk\/sr\/wp-json\/wp\/v2\/media?parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}