{"id":21627,"date":"2025-09-22T19:55:34","date_gmt":"2025-09-22T19:55:34","guid":{"rendered":"https:\/\/cocoschool.com\/?page_id=21627"},"modified":"2026-02-16T18:28:32","modified_gmt":"2026-02-16T18:28:32","slug":"masteres-en-concept-art-y-desarrollo-visual","status":"publish","type":"page","link":"https:\/\/cocoschool.com\/index.php\/masteres-en-concept-art-y-desarrollo-visual\/","title":{"rendered":"M\u00e1steres en Concept Art y Desarrollo Visual"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"21627\" class=\"elementor elementor-21627\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c89fe60 e-flex e-con-boxed e-con e-parent\" data-id=\"c89fe60\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ec80ab9 elementor-widget elementor-widget-slider_revolution\" data-id=\"ec80ab9\" data-element_type=\"widget\" data-widget_type=\"slider_revolution.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\n\t\t<div class=\"wp-block-themepunch-revslider\">\n\t\t\t<!-- START M\u00e1steres en Concept Art y Desarrollo Visual REVOLUTION SLIDER 6.7.18 --><p class=\"rs-p-wp-fix\"><\/p>\n\t\t\t<rs-module-wrap id=\"rev_slider_74_1_wrapper\" data-source=\"gallery\" style=\"visibility:hidden;background:transparent;padding:0;margin:0px auto;margin-top:0;margin-bottom:0;\">\n\t\t\t\t<rs-module id=\"rev_slider_74_1\" style=\"\" data-version=\"6.7.18\">\n\t\t\t\t\t<rs-slides style=\"overflow: hidden; position: absolute;\">\n\t\t\t\t\t\t<rs-slide style=\"position: absolute;\" data-key=\"rs-214\" data-title=\"Slide\" data-anim=\"ms:10;\" data-in=\"o:1;\" data-out=\"a:false;\">\n\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" src=\"\/\/cocoschool.com\/wp-content\/plugins\/revslider\/sr6\/assets\/assets\/dummy.png\" alt=\"\" title=\"Jordi Grangel_2\" width=\"2560\" height=\"993\" class=\"rev-slidebg tp-rs-img rs-lazyload\" data-lazyload=\"\/\/cocoschool.com\/wp-content\/uploads\/2025\/09\/Jordi-Grangel_2-scaled.jpg\" data-parallax=\"2\" data-no-retina>\n<!--\n\t\t\t\t\t\t\t--><rs-layer\n\t\t\t\t\t\t\t\tid=\"slider-74-slide-214-layer-0\" \n\t\t\t\t\t\t\t\tdata-type=\"text\"\n\t\t\t\t\t\t\t\tdata-color=\"#fbd200\"\n\t\t\t\t\t\t\t\tdata-xy=\"x:c;xo:254px,-32px,-127px,-74px;y:m;yo:16px,-58px,-117px,-118px;\"\n\t\t\t\t\t\t\t\tdata-text=\"w:normal;s:40,34,35,27;l:55,50,41,36;ls:0,0,-1,0px;fw:700;\"\n\t\t\t\t\t\t\t\tdata-dim=\"w:794px,239px,266px,172px;h:auto,auto,49px,42px;minh:0,none,none,none;\"\n\t\t\t\t\t\t\t\tdata-basealign=\"slide\"\n\t\t\t\t\t\t\t\tdata-frame_0=\"x:5px,2px,6px,5px;y:100%;\"\n\t\t\t\t\t\t\t\tdata-frame_0_mask=\"u:t;\"\n\t\t\t\t\t\t\t\tdata-frame_1=\"x:2px,1px,0px,23px;y:0px,0px,0px,4px;st:400;sp:600;sR:400;\"\n\t\t\t\t\t\t\t\tdata-frame_1_mask=\"u:t;\"\n\t\t\t\t\t\t\t\tdata-frame_999=\"o:0;st:5020;sp:158820;sR:4020;\"\n\t\t\t\t\t\t\t\tstyle=\"z-index:7;font-family:'Poppins';@media only screen and (max-width:768px) { .tp-caption, .tp-layer { visibility: visible !important;opacity:1 !important;display:block !important;\"\n\t\t\t\t\t\t\t>Jordi Grangel \n\t\t\t\t\t\t\t<\/rs-layer><!--\n\n\t\t\t\t\t\t\t--><rs-layer\n\t\t\t\t\t\t\t\tid=\"slider-74-slide-214-layer-1\" \n\t\t\t\t\t\t\t\tdata-type=\"text\"\n\t\t\t\t\t\t\t\tdata-color=\"#fff\"\n\t\t\t\t\t\t\t\tdata-xy=\"x:c;xo:256px,168px,6px,-16px;y:m;yo:93px,-5px,-43px,-45px;\"\n\t\t\t\t\t\t\t\tdata-text=\"w:normal;s:32,28,32,27;l:37,25,38,36;ls:0,0,-1,0px;fw:700;\"\n\t\t\t\t\t\t\t\tdata-dim=\"w:794px,655px,539px,286px;h:auto,auto,auto,107px;minh:0,none,none,none;\"\n\t\t\t\t\t\t\t\tdata-basealign=\"slide\"\n\t\t\t\t\t\t\t\tdata-frame_0=\"x:5px,2px,5px,5px;y:100%;\"\n\t\t\t\t\t\t\t\tdata-frame_0_mask=\"u:t;\"\n\t\t\t\t\t\t\t\tdata-frame_1=\"x:2px,1px,0px,23px;y:0px,0px,0px,4px;st:400;sp:600;sR:400;\"\n\t\t\t\t\t\t\t\tdata-frame_1_mask=\"u:t;\"\n\t\t\t\t\t\t\t\tdata-frame_999=\"o:0;st:5020;sp:158820;sR:4020;\"\n\t\t\t\t\t\t\t\tstyle=\"z-index:7;font-family:'Poppins';@media only screen and (max-width:768px) { .tp-caption, .tp-layer { visibility: visible !important;opacity:1 !important;display:block !important;\"\n\t\t\t\t\t\t\t>Director del M\u00e1ster Avanzado en Desarrollo Visual para Proyectos de Animaci\u00f3n \n\t\t\t\t\t\t\t<\/rs-layer><!--\n\n\t\t\t\t\t\t\t--><rs-layer\n\t\t\t\t\t\t\t\tid=\"slider-74-slide-214-layer-2\" \n\t\t\t\t\t\t\t\tdata-type=\"image\"\n\t\t\t\t\t\t\t\tdata-xy=\"xo:553px,389px,44px,13px;yo:152px,23px,67px,32px;\"\n\t\t\t\t\t\t\t\tdata-text=\"w:normal;\"\n\t\t\t\t\t\t\t\tdata-dim=\"w:844px,706px,515px,277px;h:180px,151px,138px,74px;\"\n\t\t\t\t\t\t\t\tdata-rsp_o=\"off\"\n\t\t\t\t\t\t\t\tdata-rsp_bd=\"off\"\n\t\t\t\t\t\t\t\tdata-frame_999=\"o:0;st:w;\"\n\t\t\t\t\t\t\t\tstyle=\"z-index:8;\"\n\t\t\t\t\t\t\t><img decoding=\"async\" src=\"\/\/cocoschool.com\/wp-content\/plugins\/revslider\/sr6\/assets\/assets\/dummy.png\" alt=\"\" class=\"tp-rs-img rs-lazyload\" width=\"2500\" height=\"533\" data-lazyload=\"\/\/cocoschool.com\/wp-content\/uploads\/2025\/09\/Asset-70.png\" data-no-retina> \n\t\t\t\t\t\t\t<\/rs-layer><!--\n\n\t\t\t\t\t\t\t--><rs-layer\n\t\t\t\t\t\t\t\tid=\"slider-74-slide-214-layer-7\" \n\t\t\t\t\t\t\t\tdata-type=\"text\"\n\t\t\t\t\t\t\t\tdata-color=\"#fff\"\n\t\t\t\t\t\t\t\tdata-xy=\"x:c;xo:258px,158px,1px,-1px;y:m;yo:218px,132px,97px,87px;\"\n\t\t\t\t\t\t\t\tdata-text=\"w:normal;s:22,22,22,12;l:29,28,27,16;ls:0,0,-1,0;\"\n\t\t\t\t\t\t\t\tdata-dim=\"w:794px,627px,527px,284px;h:auto,auto,auto,133px;minh:0,none,none,none;\"\n\t\t\t\t\t\t\t\tdata-basealign=\"slide\"\n\t\t\t\t\t\t\t\tdata-frame_0=\"x:4px,1px,4px,2px;y:100%;\"\n\t\t\t\t\t\t\t\tdata-frame_0_mask=\"u:t;\"\n\t\t\t\t\t\t\t\tdata-frame_1=\"x:2px,0px,0px,10px;y:0px,0px,0px,2px;st:400;sp:600;sR:400;\"\n\t\t\t\t\t\t\t\tdata-frame_1_mask=\"u:t;\"\n\t\t\t\t\t\t\t\tdata-frame_999=\"o:0;st:5020;sp:158820;sR:4020;\"\n\t\t\t\t\t\t\t\tstyle=\"z-index:6;font-family:'Poppins';@media only screen and (max-width:768px) { .tp-caption, .tp-layer { visibility: visible !important;opacity:1 !important;display:block !important;\"\n\t\t\t\t\t\t\t>Escultor y dise\u00f1ador de personajes, cofundador de Grangel Studio en Barcelona, reconocido mundialmente por su estilo \u00fanico en animaci\u00f3n. Ha trabajado en producciones de DreamWorks y con Tim Burton en La Novia Cad\u00e1ver. Su obra se ha exhibido en museos internacionales como el MoMA, el LACMA y la Cin\u00e9math\u00e8que Fran\u00e7aise. \n\t\t\t\t\t\t\t<\/rs-layer><!--\n-->\t\t\t\t\t<\/rs-slide>\n\t\t\t\t\t<\/rs-slides>\n\t\t\t\t\t<rs-static-layers><!--\n\t\t\t\t\t--><\/rs-static-layers>\n\t\t\t\t<\/rs-module>\n\t\t\t\t<script>\n\t\t\t\t\tsetREVStartSize({c: 'rev_slider_74_1',rl:[1240,1024,778,480],el:[700,505,710,500],gw:[1400,1100,600,300],gh:[700,505,710,500],type:'standard',justify:'',layout:'fullwidth',mh:\"0\"});if (window.RS_MODULES!==undefined && window.RS_MODULES.modules!==undefined && window.RS_MODULES.modules[\"revslider741\"]!==undefined) {window.RS_MODULES.modules[\"revslider741\"].once = false;window.revapi74 = undefined;if (window.RS_MODULES.checkMinimal!==undefined) window.RS_MODULES.checkMinimal()}\n\t\t\t\t<\/script>\n\t\t\t<\/rs-module-wrap>\n\t\t\t<!-- END REVOLUTION SLIDER -->\n<\/div>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-00d0083 e-flex e-con-boxed e-con e-parent\" data-id=\"00d0083\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4837b16 elementor-widget elementor-widget-heading\" data-id=\"4837b16\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.21.0 - 25-04-2024 *\/\n.elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}<\/style><h1 class=\"elementor-heading-title elementor-size-default\">M\u00e1ster en Desarrollo Visual para Proyectos de Animaci\u00f3n<\/h1>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2502b2c e-flex e-con-boxed e-con e-parent\" data-id=\"2502b2c\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-15739f9 elementor-widget elementor-widget-html\" data-id=\"15739f9\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- START COCO CERTIFICATION SECTION (SQUARE) -->\n<div id=\"coco-cert-wrapper\">\n    <style>\n        \/* CSS SCOPING *\/\n        #coco-cert-wrapper {\n            width: 100%;\n            max-width: full;\n            margin: 60px auto;\n            font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n            box-sizing: border-box;\n            padding: 0 20px;\n        }\n\n        \/* CARD CONTAINER *\/\n        #coco-cert-wrapper .coco-cert-card {\n            display: flex;\n            background-color: #ffffff;\n            border-radius: 0; \/* ESQUINAS RECTAS *\/\n            box-shadow: 0 10px 40px rgba(0,0,0,0.08);\n            overflow: hidden;\n            border: 1px solid rgba(0,0,0,0.02);\n        }\n\n        \/* LEFT SIDE: LOGO AREA *\/\n        #coco-cert-wrapper .coco-cert-logo-area {\n            flex: 0 0 35%; \n            background-color: #E3004F; \n            display: flex;\n            align-items: center;\n            justify-content: center;\n            padding: 40px;\n            box-sizing: border-box;\n        }\n\n        #coco-cert-wrapper .coco-cert-logo-img {\n            width: 100%;\n            max-width: 250px;\n            height: auto;\n            object-fit: contain;\n            filter: brightness(0) invert(1); \n        }\n\n        \/* RIGHT SIDE: CONTENT *\/\n        #coco-cert-wrapper .coco-cert-content {\n            flex: 1;\n            padding: 50px;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            text-align: left;\n        }\n\n        \/* TYPOGRAPHY *\/\n        #coco-cert-wrapper h2 {\n            font-size: 24px !important;\n            font-weight: 800 !important;\n            color: #111 !important;\n            margin: 0 0 20px 0 !important;\n            line-height: 1.3 !important;\n            text-transform: uppercase;\n            letter-spacing: -0.5px;\n        }\n\n        #coco-cert-wrapper .coco-divider {\n            width: 50px;\n            height: 4px;\n            background-color: #FFD600;\n            margin: 0 0 25px 0;\n        }\n\n        #coco-cert-wrapper p {\n            font-size: 16px !important;\n            line-height: 1.6 !important;\n            color: #555 !important;\n            margin: 0 0 20px 0 !important;\n        }\n\n        \/* RESPONSIVE *\/\n        @media (max-width: 768px) {\n            #coco-cert-wrapper .coco-cert-card {\n                flex-direction: column;\n            }\n            #coco-cert-wrapper .coco-cert-logo-area {\n                padding: 30px;\n            }\n            #coco-cert-wrapper .coco-cert-logo-img {\n                max-width: 180px;\n            }\n            #coco-cert-wrapper .coco-cert-content {\n                padding: 30px;\n            }\n        }\n    <\/style>\n\n    <div class=\"coco-cert-card\">\n        <!-- LOGO COLUMN -->\n        <div class=\"coco-cert-logo-area\">\n            <img decoding=\"async\" src=\"https:\/\/cocoschool.com\/wp-content\/uploads\/2026\/01\/LOGO-ISABEL-WHITE.png\">\n        <\/div>\n\n        <!-- TEXT COLUMN -->\n        <div class=\"coco-cert-content\">\n            <h2>M\u00c1STERES T\u00cdTULOS PROPIOS DE COCO SCHOOL CERTIFICADOS POR LA UNIVERSIDAD ISABEL I DE CASTILLA<\/h2>\n            <div class=\"coco-divider\"><\/div>\n            <p>Todos nuestros alumnos est\u00e1n en disposici\u00f3n de recibir una doble certificaci\u00f3n tras la realizaci\u00f3n de cualquiera de nuestros programas formativos.<\/p>\n            <p style=\"margin-bottom:0 !important;\">Todos los semestres t\u00edtulos propios de Coco School est\u00e1n certificados por la Universidad Isabel I de Castilla con 30 y 55 cr\u00e9ditos ECTS.<\/p>\n        <\/div>\n    <\/div>\n<\/div>\n<!-- END COCO CERTIFICATION SECTION -->\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bbb603a e-flex e-con-boxed e-con e-parent\" data-id=\"bbb603a\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ddce7d7 elementor-widget elementor-widget-html\" data-id=\"ddce7d7\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div id=\"coco-jordi-wrapper\">\n    <style>\n        #coco-jordi-wrapper {\n            display: flex;\n            flex-wrap: wrap;\n            max-width: 1200px;\n            margin: 60px auto;\n            padding: 0 20px;\n            font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n            box-sizing: border-box;\n            align-items: center;\n            gap: 50px;\n        }\n\n        \/* Columnas *\/\n        #coco-jordi-wrapper .coco-col-text { flex: 1.1; min-width: 300px; }\n        #coco-jordi-wrapper .coco-col-img { flex: 1; min-width: 300px; }\n\n        \/* Tipograf\u00eda *\/\n        #coco-jordi-wrapper h2 {\n            font-size: 38px !important;\n            font-weight: 800 !important;\n            color: #111 !important;\n            margin: 0 0 10px 0 !important;\n            line-height: 1.1 !important;\n        }\n\n        #coco-jordi-wrapper .coco-subtitle {\n            font-size: 24px;\n            font-weight: 300;\n            color: #333;\n            line-height: 1.3;\n            margin-bottom: 20px;\n        }\n\n        #coco-jordi-wrapper .coco-divider {\n            width: 60px;\n            height: 5px;\n            background-color: #FFD600;\n            margin: 0 0 25px 0;\n        }\n\n        #coco-jordi-wrapper p {\n            font-size: 16px !important;\n            line-height: 1.6 !important;\n            color: #444 !important;\n            margin: 0 0 20px 0 !important;\n        }\n\n        \/* Imagen con efecto de corte alto *\/\n        #coco-jordi-wrapper .coco-img-cover {\n            width: 100%;\n            height: 550px; \n            object-fit: cover;\n            object-position: center;\n            display: block;\n        }\n\n        \/* Bot\u00f3n *\/\n        #coco-jordi-wrapper .coco-btn {\n            display: inline-block;\n            background-color: #FFD600;\n            color: #000;\n            padding: 18px 35px;\n            font-size: 14px;\n            font-weight: 700;\n            text-transform: uppercase;\n            text-decoration: none;\n            border-radius: 0;\n            transition: all 0.3s ease;\n            border: none;\n            letter-spacing: 1px;\n            margin-top: 10px;\n        }\n\n        #coco-jordi-wrapper .coco-btn:hover {\n            background-color: #000;\n            color: #FFD600;\n            transform: translateY(-2px);\n        }\n\n        @media (max-width: 768px) {\n            #coco-jordi-wrapper { flex-direction: column; gap: 30px; text-align: left; }\n            #coco-jordi-wrapper h2 { font-size: 30px !important; }\n            #coco-jordi-wrapper .coco-subtitle { font-size: 20px; }\n            #coco-jordi-wrapper .coco-img-cover { height: 350px; }\n        }\n    <\/style>\n\n    <!-- Columna de Texto -->\n    <div class=\"coco-col-text\">\n        <h2>Jordi Grangel<\/h2>\n        <div class=\"coco-subtitle\">Director del M\u00e1ster Avanzado en Desarrollo Visual para Proyectos de Animaci\u00f3n<\/div>\n        <div class=\"coco-divider\"><\/div>\n        \n        <p>\n            Escultor y dise\u00f1ador de personajes, cofundador de <b>Grangel Studio<\/b> en Barcelona, es un referente mundial en la creaci\u00f3n de estilos y personajes para animaci\u00f3n. Ha trabajado con <b>DreamWorks Animation<\/b> en pel\u00edculas como <i>The Prince of Egypt, Spirit, Madagascar, Kung Fu Panda<\/i> y <i>C\u00f3mo entrenar a tu drag\u00f3n<\/i>, adem\u00e1s de colaborar con <b>Tim Burton<\/b> en <i>La Novia Cad\u00e1ver<\/i>.\n        <\/p>\n        \n        <p>\n            Su experiencia abarca desde la creaci\u00f3n de personajes hasta la direcci\u00f3n art\u00edstica y dise\u00f1o de props y vestuarios, consolidando un estilo \u00fanico reconocido internacionalmente. Su obra ha sido exhibida en espacios como el <b>MoMA de Nueva York<\/b>, el <b>LACMA de Los \u00c1ngeles<\/b> y la <b>Cin\u00e9math\u00e8que Fran\u00e7aise de Par\u00eds<\/b>.\n        <\/p>\n\n        <a href=\"#form\" class=\"coco-btn\">Pide m\u00e1s informaci\u00f3n<\/a>\n    <\/div>\n\n    <!-- Columna de Imagen -->\n    <div class=\"coco-col-img\">\n        <img decoding=\"async\" src=\"https:\/\/cocoschool.com\/wp-content\/uploads\/2025\/09\/EXPERIENCIA.JORDI_.gif\" class=\"coco-img-cover\" alt=\"Jordi Grangel - The Prince of Egypt\">\n    <\/div>\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6785812 e-flex e-con-boxed e-con e-parent\" data-id=\"6785812\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-43d9d80 elementor-widget elementor-widget-html\" data-id=\"43d9d80\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- START COCO LOCATION SECTION (SQUARE) -->\n<div id=\"coco-location-wrapper\">\n    <style>\n        \/* CSS SCOPING *\/\n        #coco-location-wrapper {\n            width: 100%;\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 60px 20px;\n            font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n            box-sizing: border-box;\n            background-color: transparent;\n        }\n\n        \/* FLEX CONTAINER *\/\n        #coco-location-wrapper .coco-split-container {\n            display: flex;\n            align-items: center; \n            justify-content: space-between;\n            gap: 60px;\n        }\n\n        \/* TEXT COLUMN *\/\n        #coco-location-wrapper .coco-text-col {\n            flex: 1; \n            text-align: left;\n        }\n\n        \/* IMAGE COLUMN *\/\n        #coco-location-wrapper .coco-img-col {\n            flex: 1; \n            position: relative;\n            display: flex; \n        }\n\n        \/* TYPOGRAPHY *\/\n        #coco-location-wrapper h2 {\n            font-size: 36px !important;\n            font-weight: 800 !important;\n            color: #111 !important;\n            margin: 0 0 20px 0 !important;\n            line-height: 1.15 !important;\n            letter-spacing: -1px;\n        }\n\n        #coco-location-wrapper .coco-divider {\n            width: 60px;\n            height: 5px;\n            background-color: #FFD600;\n            margin: 0 0 30px 0;\n            border-radius: 0; \/* Barra amarilla cuadrada tambi\u00e9n *\/\n        }\n\n        #coco-location-wrapper p {\n            font-size: 17px !important;\n            line-height: 1.7 !important;\n            color: #555 !important;\n            margin: 0 !important;\n            font-weight: 400;\n        }\n\n        \/* IMAGE STYLING *\/\n        #coco-location-wrapper .coco-location-img {\n            width: 100%;\n            height: 500px; \/* Grande y cuadrado *\/\n            object-fit: cover; \/* Zoom inteligente *\/\n            object-position: center;\n            border-radius: 0; \/* ESQUINAS RECTAS *\/\n            box-shadow: none !important;\n            display: block;\n        }\n        \n        #coco-location-wrapper .coco-location-img:hover {\n            transform: scale(1.01); \n            transition: transform 0.3s ease;\n        }\n\n        \/* RESPONSIVE *\/\n        @media (max-width: 900px) {\n            #coco-location-wrapper .coco-split-container {\n                flex-direction: column;\n                gap: 40px;\n            }\n            #coco-location-wrapper h2 {\n                font-size: 28px !important;\n            }\n            #coco-location-wrapper .coco-location-img {\n                height: 300px; \n            }\n        }\n    <\/style>\n\n    <div class=\"coco-split-container\">\n        \n        <!-- COLUMNA DE TEXTO -->\n        <div class=\"coco-text-col\">\n            <h2>Sede de Coco School en Chamber\u00ed, uno de los distritos mejor ubicados del centro de Madrid<\/h2>\n            <div class=\"coco-divider\"><\/div>\n            <p>Estudia en nuestra sede en Madrid, ubicada en zona clave y equipada con la mejor tecnolog\u00eda. Estas instalaciones han sido dise\u00f1adas para ofrecer un entorno creativo y profesional, ideal para desarrollar tus habilidades en modelado y animaci\u00f3n 3D. Con acceso a equipos de \u00faltima generaci\u00f3n y herramientas especializadas, tendr\u00e1s todo lo necesario para crear proyectos que se ajusten a las exigencias del mercado actual.<\/p>\n        <\/div>\n\n        <!-- COLUMNA DE IMAGEN -->\n        <div class=\"coco-img-col\">\n            <img decoding=\"async\" src=\"https:\/\/cocoschool.com\/wp-content\/uploads\/2025\/11\/ezgif-1036a63d1e5c503b.gif\" alt=\"Estudiantes en Coco School Madrid\" class=\"coco-location-img\">\n        <\/div>\n\n    <\/div>\n<\/div>\n<!-- END COCO LOCATION SECTION -->\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c4d4ccd e-flex e-con-boxed e-con e-parent\" data-id=\"c4d4ccd\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2cda682 elementor-widget elementor-widget-html\" data-id=\"2cda682\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- START COCO COMBINED LAYOUT (MASTER DESARROLLO VISUAL - JORDI & DINO) -->\n<div id=\"coco-combined-layout\">\n    \n    <!-- LOAD GOOGLE ICONS GLOBALLY -->\n    <link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0\" \/>\n\n    <style>\n        \/* --- MAIN LAYOUT STRUCTURE --- *\/\n        #coco-combined-layout {\n            display: flex;\n            flex-direction: row;\n            flex-wrap: wrap; \n            width: 100%;\n            margin: 0 auto;\n            align-items: stretch; \/* Forces equal height *\/\n            gap: 20px; \/* MARGIN BETWEEN COLUMNS *\/\n            font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n            box-sizing: border-box;\n        }\n\n        \/* --- COLUMNS (CALCULATED WIDTH) --- *\/\n        .coco-col-left {\n            \/* 50% width minus half of the 20px gap *\/\n            flex: 0 0 calc(50% - 10px);\n            background-color: #111111;\n            box-sizing: border-box; \n        }\n\n        .coco-col-right {\n            \/* 50% width minus half of the 20px gap *\/\n            flex: 0 0 calc(50% - 10px);\n            background-color: #FFD600;\n            box-sizing: border-box; \n        }\n\n        \/* --- RESPONSIVE: STACK ON MOBILE --- *\/\n        @media (max-width: 900px) {\n            .coco-col-left, .coco-col-right {\n                flex: 0 0 100%; \n                width: 100%;\n            }\n        }\n\n        \/* --- LEFT SIDE STYLES (BLACK) --- *\/\n        #coco-sidebar-wrapper {\n            width: 100%;\n            height: 100%; \n            color: #ffffff;\n            display: flex;\n            flex-direction: column;\n        }\n\n        #coco-sidebar-wrapper .coco-course-info {\n            padding: 40px 40px 30px 40px;\n        }\n\n        #coco-sidebar-wrapper h1 {\n            font-size: 28px !important;\n            font-weight: 800 !important;\n            color: #FFD600 !important;\n            margin: 0 0 30px 0 !important;\n            line-height: 1.1 !important;\n            text-transform: uppercase;\n        }\n\n        #coco-sidebar-wrapper .coco-info-item {\n            display: flex;\n            align-items: flex-start;\n            margin-bottom: 25px;\n            gap: 15px;\n        }\n\n        #coco-sidebar-wrapper .material-symbols-outlined {\n            color: #FFD600;\n            font-size: 24px;\n            margin-top: 2px;\n            min-width: 24px; \n        }\n\n        #coco-sidebar-wrapper .coco-info-text strong {\n            display: block;\n            font-size: 16px;\n            font-weight: 700;\n            color: #ffffff;\n            margin-bottom: 4px;\n        }\n\n        #coco-sidebar-wrapper .coco-info-text span {\n            display: block;\n            font-size: 14px;\n            color: #cccccc;\n            line-height: 1.4;\n        }\n\n        #coco-sidebar-wrapper .coco-sidebar-divider {\n            width: 100%;\n            height: 1px;\n            background-color: rgba(255, 255, 255, 0.15);\n            margin: 0;\n            border: none;\n        }\n\n        \/* PROFESSOR STYLES *\/\n        .coco-prof-block {\n            padding-bottom: 20px;\n        }\n\n        #coco-sidebar-wrapper .coco-prof-img {\n            width: 100%;\n            height: 350px; \n            display: block;\n            filter: grayscale(100%);\n            object-fit: cover; \n            object-position: top; \n            margin: 0;\n        }\n\n        #coco-sidebar-wrapper .coco-prof-content {\n            padding: 30px 40px 40px 40px;\n        }\n\n        #coco-sidebar-wrapper h2 {\n            font-size: 24px !important;\n            font-weight: 800 !important;\n            color: #ffffff !important;\n            margin: 0 0 20px 0 !important;\n            text-transform: uppercase;\n        }\n\n        #coco-sidebar-wrapper p.bio {\n            font-size: 14px !important;\n            line-height: 1.6 !important;\n            color: #bbbbbb !important;\n            margin: 0 !important;\n            text-align: left;\n        }\n\n        \/* BUTTONS *\/\n        .coco-demo-btn {\n            display: inline-block;\n            background-color: #FFD600;\n            color: #111111 !important;\n            padding: 12px 25px;\n            font-weight: 700;\n            text-transform: uppercase;\n            text-decoration: none;\n            margin-top: 20px; \/* Ajustado para que quede bien debajo del Leer m\u00e1s *\/\n            font-size: 14px;\n            border: none;\n            transition: all 0.3s ease;\n            cursor: pointer;\n        }\n\n        .coco-demo-btn:hover {\n            opacity: 0.8;\n            transform: translateY(-2px);\n            color: #000000 !important;\n        }\n\n        \/* BIO READ MORE TRIGGER *\/\n        .bio-trigger {\n            background: none;\n            border: none;\n            color: #FFD600;\n            font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n            font-weight: 700;\n            font-size: 14px;\n            text-transform: uppercase;\n            cursor: pointer;\n            padding: 0;\n            margin-top: 10px;\n            display: flex;\n            align-items: center;\n            gap: 5px;\n            outline: none;\n        }\n        \n        .bio-trigger:hover {\n            text-decoration: underline;\n        }\n\n        #jordi-hidden-bio {\n            display: none;\n        }\n\n        \/* --- RIGHT SIDE STYLES (YELLOW) --- *\/\n        #coco-syllabus-wrapper {\n            width: 100%;\n            height: 100%;\n            background-color: #FFD600; \n            color: #111111;\n            box-sizing: border-box;\n            padding: 50px; \n            position: relative;\n        }\n\n        #coco-syllabus-wrapper h2 {\n            font-size: 32px !important;\n            font-weight: 800 !important;\n            color: #000000 !important;\n            margin: 0 0 20px 0 !important;\n            line-height: 1.1 !important;\n            text-transform: none;\n            letter-spacing: -0.5px;\n        }\n        \n        #coco-syllabus-wrapper h2.syllabus-title {\n            margin-top: 50px !important;\n        }\n\n        #coco-syllabus-wrapper p {\n            font-size: 15px !important;\n            line-height: 1.5 !important;\n            color: #111111 !important;\n            margin: 0 0 20px 0 !important;\n            font-weight: 400;\n            text-align: left;\n        }\n\n        #coco-syllabus-wrapper .module-item {\n            margin-bottom: 25px;\n        }\n\n        #coco-syllabus-wrapper .module-title {\n            display: block;\n            font-weight: 800 !important;\n            font-size: 15px !important;\n            margin-bottom: 8px;\n            text-transform: uppercase;\n            color: #000000;\n        }\n\n        #coco-syllabus-wrapper .module-desc {\n            font-size: 14px !important;\n            line-height: 1.5 !important;\n            color: #222222 !important;\n            display: block;\n        }\n\n        #coco-syllabus-wrapper .module-desc ul {\n            padding-left: 20px;\n            margin: 5px 0 0 0;\n        }\n        \n        #coco-syllabus-wrapper .module-desc li {\n            margin-bottom: 5px;\n            list-style-type: disc;\n        }\n\n        \/* MOBILE ADJUSTMENTS *\/\n        @media (max-width: 600px) {\n            #coco-sidebar-wrapper .coco-course-info,\n            #coco-sidebar-wrapper .coco-prof-content,\n            #coco-syllabus-wrapper {\n                padding: 30px 20px;\n            }\n            #coco-syllabus-wrapper h2 {\n                font-size: 28px !important;\n            }\n        }\n    <\/style>\n\n    <!-- === LEFT COLUMN: INFO & PROFESSORS (BLACK) === -->\n    <div class=\"coco-col-left\">\n        <div id=\"coco-sidebar-wrapper\">\n            \n            <div class=\"coco-course-info\">\n                <h1>M\u00e1ster en Desarrollo Visual para Proyectos de Animaci\u00f3n<\/h1>\n\n                <div class=\"coco-info-item\">\n                    <span class=\"material-symbols-outlined\">domain<\/span>\n                    <div class=\"coco-info-text\">\n                        <strong>Modalidad<\/strong>\n                        <span>Presencial \/ Sincr\u00f3nica en l\u00ednea<\/span>\n                    <\/div>\n                <\/div>\n\n                <div class=\"coco-info-item\">\n                    <span class=\"material-symbols-outlined\">schedule<\/span>\n                    <div class=\"coco-info-text\">\n                        <strong>Duraci\u00f3n<\/strong>\n                        <span>10 meses \/ 750 horas<\/span>\n                    <\/div>\n                <\/div>\n\n                <div class=\"coco-info-item\">\n                    <span class=\"material-symbols-outlined\">calendar_month<\/span>\n                    <div class=\"coco-info-text\">\n                        <strong>Fechas<\/strong>\n                        <span>1 de Septiembre 2026 al 30 de Junio 2027 \/ lunes a viernes con clases de 4 horas por d\u00eda.<\/span>\n                    <\/div>\n                <\/div>\n\n                <div class=\"coco-info-item\">\n                    <span class=\"material-symbols-outlined\">school<\/span>\n                    <div class=\"coco-info-text\">\n                        <strong>Titulaci\u00f3n<\/strong>\n                        <span>T\u00edtulo propio Coco School avalado por la universidad Isabel I de Castilla.<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <hr class=\"coco-sidebar-divider\">\n\n            <!-- PROFESSOR 1: JORDI GRANGEL (CON VER M\u00c1S) -->\n            <div class=\"coco-prof-block\">\n                <img decoding=\"async\" src=\"https:\/\/cocoschool.com\/wp-content\/uploads\/2025\/12\/Jordi-Profe.jpg\" alt=\"Jordi Grangel\" class=\"coco-prof-img\">\n                <div class=\"coco-prof-content\">\n                    <h2>Jordi Grangel<\/h2>\n                    \n                    <p class=\"bio\">\n                        <strong>Director del \u201cMaster\u201d DESARROLLO VISUAL PARA EL CINE DE ANIMACI\u00d3N\u201d<\/strong><br><br>\n                        Jordi Grangel inicia su carrera profesional en 1985, realizando encargos ilustrativos y \u201ccomics\u201d para revistas de publicaci\u00f3n semanal de licencia Warner Bros. Y Disney, durante los primeros a\u00f1os trabaja para diversas agencias en Barcelona, mientras combina su trabajo con estudios de ilustraci\u00f3n.\n                    <\/p>\n\n                    <!-- CONTENIDO OCULTO -->\n                    <div id=\"jordi-hidden-bio\">\n                        <p class=\"bio\"><br>\n                            En el a\u00f1o 1995 entra a formar parte del equipo de Grangel Studio, trabajando c\u00f3mo \u201casistente en dise\u00f1o de personajes\u201d en la producci\u00f3n cinematogr\u00e1fica de animaci\u00f3n \u201cThe Faerless Four\u201d (Die Furchtlosen Vier) de la productora Munich Animation en coproducci\u00f3n con Warner Bros., que sale en los cines en el a\u00f1o 1997.<br><br>\n                            Pronto el equipo de Grangel Studio inicia una carrera fulgurante, pues Carlos Grangel, Jordi Grangel y el caligrafista art\u00edstico Carles Burg\u00e8s, equipo principal en Grangel Studio, son contratados por DreamWorks S.K.G., la nueva productora que irrumpe en el mercado de la animaci\u00f3n. Jordi Grangel realiz\u00f3 trabajo para los \u201cfilms\u201d: \u201cEl Prince of Egypt\u201d 1998, \u201cAntz\u201d 1998, \u201cThe road to El Dorado\u201d 2000, \u201cSpirit: Stallion of the Cimarron\u201d 2002, \u201cMadagascar\u201d 2005, \u201cFlushed Away\u201d 2006, \u201cBee Movie\u201d 2007 y \u201cHow to try your Dragon\u201d 2010. En el a\u00f1o 2002 forma parte del equipo de \u201cDise\u00f1o de Personajes\u201d para la producci\u00f3n \u201cTim Burton\u2019s Corpse Bride\u201d 2005, a petici\u00f3n del director Tim Burton y por encargo de la productora Warner Bros. En donde Jordi Grangel realiza varias funciones en \u201cDise\u00f1o de Personajes\u201d, en la supervisi\u00f3n del estilo de los \u201cPuppets de Producci\u00f3n\u201d y en la asistencia en la \u201cCreaci\u00f3n del t\u00edtulo y caligraf\u00edas\u201d de la producci\u00f3n. Tambi\u00e9n particip\u00f3 en realizaci\u00f3n de una \u201cGu\u00eda de Estilo\u201d y de la revisi\u00f3n de los consiguientes productos de \u201cmerchandising\u201d.<br><br>\n                            En 2005 Grangel Studio pasa a ser un reconocido centro de servicios para las diversas productoras a nivel global, viniendo encargos de clientes c\u00f3mo Sony Animation, Paramount, Universal, 20th Century Studios, Warner Bros., Netflix y otros reputados estudios, Jim Henson Company, Path\u00e9 y Aardman Ltd. Destaca tambi\u00e9n su intervenci\u00f3n en la producci\u00f3n de Sony \u201cHotel Transylvania\u201d 2012 y en la producci\u00f3n \u201cGuillermo del Toro\u2019s Pinocchio\u201d 2022 de la productora Netflix.<br><br>\n                            <strong>GRANGEL STUDIO<\/strong><br>\n                            Grangel Studio es una empresa barcelonesa especializada en el desarrollo de estilos y creaci\u00f3n de personajes para producciones de largometraje de animaci\u00f3n. Dirigido por Carlos y Jordi Grangel, el estudio inicia su carrera en este campo en el a\u00f1o 1990 cuando Carlos Grangel ocupa el lugar de creador y dise\u00f1ador de personajes en la productora londinense Amblimation\/ Universal Pictures de Steven Spielberg, inici\u00e1ndose en los largometrajes \u00a8Un Dinosaurio en Nueva York\u00a8 y \u00a8Balto\u00a8. Desde entoces el estudio Grangel pasa a ocupar un lugar destacado en el panorama internacional del cine de animaci\u00f3n, ofreciendo sus servicios a las m\u00e1s prestigiosas productoras del sector, Universal, DreamWorks Animation, Warner Bros., Sony Animation, 20th Century Studios, Paramount, Netflix, Amblimation, Aardman Ltd, Laika Entertainment, Path\u00e9, Jim Henson Company\u2026 llegando a intervenir y aportar su estilo en m\u00e1s de 30 films de largometraje de animaci\u00f3n, de los cuales destacamos t\u00edtulos como \u00a8Balto\u00a8, \u00a8El Pr\u00edncipe de Egipto\u00a8, \u00a8Hormigaz\u00a8, \u00a8La Ruta hacia El Dorado\u00a8, \u00a8Spirit El Corcel Indomable\u00a8, \u201cSimbad: La leyenda de los Siete Mares\u201d, \u00a8El Espantatiburones\u00a8, \u00a8Madagascar\u00a8, \u00a8La Novia Cad\u00e1ver de Tim Burton\u00a8, \u00a8Rat\u00f3npolis\u201d, \u201cKung Fu Panda\u00a8, \u00a8C\u00f3mo entrenar a tu Drag\u00f3n\u00a8, \u00a8Piratas\u00a8, \u00a8Hotel Transilvania\u00a8 o Pinocho de Guillermo del Toro. Consolid\u00e1ndose como uno de los estudios m\u00e1s prestigiosos a nivel internacional.<br><br>\n                            La obra de Grangel Studio trasciende al mundo del arte siendo sus originales expuestos en algunos de los m\u00e1s prestigiosos museos como el MoMA (New York), el LACMA (Los \u00c1ngeles), KATZEN ARTS CENTER (Washington), el ACMI (Melbourne), La CIN\u00c9MATEQUE FRAN\u00c7AISE (Paris), SEMA (Seoul), ES BALUART (Mallorca), en el MUSEO AROCENA (en Torre\u00f3n) y en la EXPOSICI\u00d3N UNIVERSAL de Shangai.\n                        <\/p>\n                    <\/div>\n\n                    <!-- BOT\u00d3N LEER M\u00c1S -->\n                    <button id=\"jordi-trigger\" class=\"bio-trigger\" onclick=\"toggleJordiBio()\">\n                        LEER M\u00c1S <span class=\"material-symbols-outlined\" style=\"font-size: 18px;\">expand_more<\/span>\n                    <\/button>\n\n                    <!-- BOT\u00d3N PORTFOLIO (Ahora visible fuera del texto oculto) -->\n                    <a href=\"http:\/\/www.grangelstudio.com\" target=\"_blank\" class=\"coco-demo-btn\">Ver portfolio<\/a>\n                <\/div>\n            <\/div>\n\n            <hr class=\"coco-sidebar-divider\">\n\n            <!-- PROFESSOR 2: DINO CARUSO -->\n            <div class=\"coco-prof-block\">\n                <img decoding=\"async\" src=\"https:\/\/cocoschool.com\/wp-content\/uploads\/2025\/12\/2_Screenshot_2025-12-02-22.02.00_s1m8G9.jpg\" alt=\"Dino Caruso\" class=\"coco-prof-img\">\n                <div class=\"coco-prof-content\">\n                    <h2>Dino Caruso<\/h2>\n                    <p class=\"bio\">\n                        Dino Caruso es ilustrador y animador 2D formado en Bellas Artes (Italia). Con una trayectoria internacional, ha creado trabajos para Disney, Marvel y el Corriere della Sera. En 2022, uno de su cortos fue proyectado por la ONU para UNHCR. Actualmente, compagina su carrera profesional con la docencia en universidades y escuelas especializadas de Madrid.\n                    <\/p>\n                    \n                    <!-- DEMO REEL BUTTON (Only for Dino) -->\n                    <a href=\"https:\/\/dinocarusogalvagno.com\/\" target=\"_blank\" class=\"coco-demo-btn\">Demo Reel<\/a>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n\n    <!-- === RIGHT COLUMN: SYLLABUS (YELLOW) === -->\n    <div class=\"coco-col-right\">\n        <div id=\"coco-syllabus-wrapper\">\n            \n            <h2>Objetivo<\/h2>\n            <p>\n               El master \u201cDesarrollo Visual para el Cine de Animaci\u00f3n\u201d comprende las dos vertientes visuales que junto con el guion se desarrollan en la preproducci\u00f3n de un proyecto. Ambas materias son tratadas en el departamento de \u201cDise\u00f1o de Personajes\u201d y en el departamento de \u201cArte\u201d siendo ambos de car\u00e1cter art\u00edstico-ilustrativo y son de gran importancia, pues aportar\u00e1n el estilo del producto.<br><br>\n               Cocoschool y Jordi Grangel director del curso han ideado el contenido de este \u201cmaster\u201d para todos aquellos alumnos que quieran explorar en profundidad dichas ramas art\u00edsticas, en un curso avanzado que ofrece la posibilidad de comprender y sobre todo practicar el m\u00e9todo de trabajo de estos dos departamentos, que en el \u00e1mbito profesional suelen comprenderse c\u00f3mo diferentes y propios de una especializaci\u00f3n.<br><br>\n               El m\u00e1ster est\u00e1 pensado para aquellos alumnos que ya tienen cierto nivel de dibujo figurativo, dominio del color, y de la aplicaci\u00f3n de la luz y del dibujo paisaj\u00edstico que quieran aprender tanto el \u201cDise\u00f1o de Personajes\u201d c\u00f3mo en el de \u201cDise\u00f1o de los Fondos\u201d, para conocer cu\u00e1l de ellos es el m\u00e1s propicio para llegar al \u00e1mbito profesional. El curso tambi\u00e9n integrar\u00e1 teor\u00eda espec\u00edfica y estar\u00e1 tutorizado por profesores que conozcan la materia con el objetivo de acompa\u00f1ar y asesorar al alumno en el desarrollo final de un \u201cbook\u201d personalizado. Trabajando en un proyecto cuyo estilo y tem\u00e1tica ser\u00e1 elegido por el mismo. Las materias se dar\u00e1n en dos bloques separados para que el estudiante pueda centrarse y explorar al m\u00e1ximo cada una de las facetas.\n            <\/p>\n\n            <h2 class=\"syllabus-title\">Plan de estudios<\/h2>\n\n            <div class=\"module-item\">\n                <span class=\"module-title\">01- Fundamentos del Concept Art y el Desarrollo Visual<\/span>\n                <span class=\"module-desc\">\n                    <ul>\n                        <li>Introducci\u00f3n al Concept Art en cine, animaci\u00f3n y videojuegos<\/li>\n                        <li>El rol del concept artist en la industria<\/li>\n                        <li>Principios b\u00e1sicos de composici\u00f3n, color y narrativa visual<\/li>\n                        <li>An\u00e1lisis de referentes y estilos art\u00edsticos<\/li>\n                    <\/ul>\n                <\/span>\n            <\/div>\n\n            <div class=\"module-item\">\n                <span class=\"module-title\">02- Dibujo, Anatom\u00eda y Dise\u00f1o de Personajes<\/span>\n                <span class=\"module-desc\">\n                    <ul>\n                        <li>Fundamentos de dibujo avanzado: forma, proporci\u00f3n y volumen<\/li>\n                        <li>Anatom\u00eda humana y animal aplicada al concept art<\/li>\n                        <li>Expresiones, acting y lenguaje corporal<\/li>\n                        <li>Dise\u00f1o de personajes: silueta, personalidad, funcionalidad<\/li>\n                        <li>Variantes estil\u00edsticas (realista, cartoon, stylized)<\/li>\n                    <\/ul>\n                <\/span>\n            <\/div>\n\n            <div class=\"module-item\">\n                <span class=\"module-title\">03- Dise\u00f1o de Escenarios y Entornos<\/span>\n                <span class=\"module-desc\">\n                    <ul>\n                        <li>Perspectiva avanzada y construcci\u00f3n de espacios<\/li>\n                        <li>Principios de dise\u00f1o arquitect\u00f3nico y natural<\/li>\n                        <li>Creaci\u00f3n de atm\u00f3sferas y storytelling ambiental<\/li>\n                        <li>Conceptos de matte painting y composici\u00f3n digital<\/li>\n                        <li>Escenarios para videojuegos vs. cine\/animaci\u00f3n<\/li>\n                    <\/ul>\n                <\/span>\n            <\/div>\n                \n            <div class=\"module-item\">\n                <span class=\"module-title\">04- Props, Creatividad y Dise\u00f1o Funcional<\/span>\n                <span class=\"module-desc\">\n                    <ul>\n                        <li>Dise\u00f1o de props, veh\u00edculos, armas y objetos ic\u00f3nicos<\/li>\n                        <li>Funcionalidad vs. est\u00e9tica en la creaci\u00f3n visual<\/li>\n                        <li>Integraci\u00f3n de props en personajes y entornos<\/li>\n                    <\/ul>\n                <\/span>\n            <\/div>\n\n            <div class=\"module-item\">\n                <span class=\"module-title\">05- Color, Iluminaci\u00f3n y Render Conceptual<\/span>\n                <span class=\"module-desc\">\n                    <ul>\n                        <li>Teor\u00eda avanzada del color y paletas narrativas<\/li>\n                        <li>Psicolog\u00eda del color en storytelling<\/li>\n                        <li>T\u00e9cnicas de iluminaci\u00f3n digital<\/li>\n                        <li>Renderizado pict\u00f3rico y estilizaci\u00f3n gr\u00e1fica<\/li>\n                    <\/ul>\n                <\/span>\n            <\/div>\n\n            <div class=\"module-item\">\n                <span class=\"module-title\">06- Herramientas Digitales Avanzadas<\/span>\n                <span class=\"module-desc\">\n                    <ul>\n                        <li>Photoshop y Krita para concept art<\/li>\n                        <li>Uso de Blender y 3D para blockout y apoyo visual<\/li>\n                        <li>Fotobashing y t\u00e9cnicas de kitbashing digital<\/li>\n                        <li>Introducci\u00f3n a IA generativa como apoyo creativo (con enfoque \u00e9tico y profesional)<\/li>\n                    <\/ul>\n                <\/span>\n            <\/div>\n\n            <div class=\"module-item\">\n                <span class=\"module-title\">07- Desarrollo de Estilos y Lenguajes Visuales<\/span>\n                <span class=\"module-desc\">\n                    <ul>\n                        <li>Adaptaci\u00f3n de estilos para distintos g\u00e9neros (fantas\u00eda, sci-fi, cartoon, realismo)<\/li>\n                        <li>Consistencia visual en un proyecto largo<\/li>\n                        <li>Creaci\u00f3n de style guides y visual bibles<\/li>\n                    <\/ul>\n                <\/span>\n            <\/div>\n\n            <div class=\"module-item\">\n                <span class=\"module-title\">08- Pipeline Profesional y Colaboraci\u00f3n<\/span>\n                <span class=\"module-desc\">\n                    <ul>\n                        <li>Flujos de trabajo en cine, animaci\u00f3n y videojuegos<\/li>\n                        <li>Relaci\u00f3n con directores, productores y otros departamentos<\/li>\n                        <li>Documentaci\u00f3n visual y entregables profesionales<\/li>\n                        <li>Preparaci\u00f3n de un portfolio competitivo internacional<\/li>\n                    <\/ul>\n                <\/span>\n            <\/div>\n\n            <div class=\"module-item\">\n                <span class=\"module-title\">09- Proyecto Final de M\u00e1ster<\/span>\n                <span class=\"module-desc\">\n                    <ul>\n                        <li>Desarrollo completo de un proyecto individual o en equipo: personajes, props y escenarios<\/li>\n                        <li>Creaci\u00f3n de una gu\u00eda visual y storytelling<\/li>\n                        <li>Presentaci\u00f3n profesional del proyecto<\/li>\n                        <li>Mentor\u00edas y revisiones con profesionales en activo<\/li>\n                    <\/ul>\n                <\/span>\n            <\/div>\n\n        <\/div>\n    <\/div>\n\n<\/div>\n\n<!-- SCRIPT FOR BIO TOGGLE -->\n<script>\n    function toggleJordiBio() {\n        var hiddenBio = document.getElementById(\"jordi-hidden-bio\");\n        var btn = document.getElementById(\"jordi-trigger\");\n        \n        if (hiddenBio.style.display === \"block\") {\n            hiddenBio.style.display = \"none\";\n            btn.innerHTML = 'LEER M\u00c1S <span class=\"material-symbols-outlined\" style=\"font-size: 18px;\">expand_more<\/span>';\n        } else {\n            hiddenBio.style.display = \"block\";\n            btn.innerHTML = 'LEER MENOS <span class=\"material-symbols-outlined\" style=\"font-size: 18px;\">expand_less<\/span>';\n        }\n    }\n<\/script>\n<!-- END COCO COMBINED LAYOUT -->\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9a3451f elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"9a3451f\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-a68f83c e-con-full e-flex e-con e-child\" data-id=\"a68f83c\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-0661d22 e-con-full e-flex e-con e-child\" data-id=\"0661d22\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7fa7bdd elementor-widget elementor-widget-heading\" data-id=\"7fa7bdd\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">M\u00e1ster en Desarrollo Visual para Proyectos de Animaci\u00f3n<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cb2278c elementor-widget elementor-widget-borgholm_core_icon_with_text\" data-id=\"cb2278c\" data-element_type=\"widget\" data-widget_type=\"borgholm_core_icon_with_text.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"qodef-shortcode qodef-m  qodef-icon-with-text qodef-layout--before-content qodef--icon-pack qodef--has-appear\">\n\t<div class=\"qodef-m-icon-wrapper\">\n\t\t<span class=\"qodef-shortcode qodef-m  qodef-icon-holder qodef-size--large   qodef-layout--normal\"  >\t        <span class=\"qodef-icon-material-icons location_city qodef-icon qodef-e material-icons\" style=\"color: #FBD200\" >location_city<\/span>            <\/span>\t<\/div>\n\t<div class=\"qodef-m-content\">\n\t\t\t<h5 class=\"qodef-m-title\" style=\"color: #FFFFFF\">\n\t\t\t\t\t<span class=\"qodef-m-title-text\">Modalidad<\/span>\n\t\t\t<\/h5>\n\t\t\t<p class=\"qodef-m-text\" style=\"color: #FFFFFF\">Presencial \/ Sincr\u00f3nica en l\u00ednea<\/p>\n\t<\/div>\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9deb95d elementor-widget elementor-widget-borgholm_core_icon_with_text\" data-id=\"9deb95d\" data-element_type=\"widget\" data-widget_type=\"borgholm_core_icon_with_text.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"qodef-shortcode qodef-m  qodef-icon-with-text qodef-layout--before-content qodef--icon-pack qodef--has-appear\">\n\t<div class=\"qodef-m-icon-wrapper\">\n\t\t<span class=\"qodef-shortcode qodef-m  qodef-icon-holder qodef-size--large   qodef-layout--normal\"  >\t        <span class=\"qodef-icon-material-icons access_time qodef-icon qodef-e material-icons\" style=\"color: #FBD200\" >access_time<\/span>            <\/span>\t<\/div>\n\t<div class=\"qodef-m-content\">\n\t\t\t<h5 class=\"qodef-m-title\" style=\"color: #FFFFFF\">\n\t\t\t\t\t<span class=\"qodef-m-title-text\">Duraci\u00f3n<\/span>\n\t\t\t<\/h5>\n\t\t\t<p class=\"qodef-m-text\" style=\"color: #FFFFFF\">10 meses \/ 750 horas<\/p>\n\t<\/div>\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f78dc9a elementor-widget elementor-widget-borgholm_core_icon_with_text\" data-id=\"f78dc9a\" data-element_type=\"widget\" data-widget_type=\"borgholm_core_icon_with_text.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"qodef-shortcode qodef-m  qodef-icon-with-text qodef-layout--before-content qodef--icon-pack qodef--has-appear\">\n\t<div class=\"qodef-m-icon-wrapper\">\n\t\t<span class=\"qodef-shortcode qodef-m  qodef-icon-holder qodef-size--large   qodef-layout--normal\"  >\t        <span class=\"qodef-icon-material-icons assignment qodef-icon qodef-e material-icons\" style=\"color: #FBD200\" >assignment<\/span>            <\/span>\t<\/div>\n\t<div class=\"qodef-m-content\">\n\t\t\t<h5 class=\"qodef-m-title\" style=\"color: #FFFFFF\">\n\t\t\t\t\t<span class=\"qodef-m-title-text\">Fechas<\/span>\n\t\t\t<\/h5>\n\t\t\t<p class=\"qodef-m-text\" style=\"color: #FFFFFF\">1 de Septiembre al 31 de Julio 2026 \/ lunes a viernes con clases de 4 horas por d\u00eda.<\/p>\n\t<\/div>\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e8e65c3 elementor-widget elementor-widget-borgholm_core_icon_with_text\" data-id=\"e8e65c3\" data-element_type=\"widget\" data-widget_type=\"borgholm_core_icon_with_text.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"qodef-shortcode qodef-m  qodef-icon-with-text qodef-layout--before-content qodef--icon-pack qodef--has-appear\">\n\t<div class=\"qodef-m-icon-wrapper\">\n\t\t<span class=\"qodef-shortcode qodef-m  qodef-icon-holder qodef-size--large   qodef-layout--normal\"  >\t        <span class=\"qodef-icon-material-icons school qodef-icon qodef-e material-icons\" style=\"color: #FBD200\" >school<\/span>            <\/span>\t<\/div>\n\t<div class=\"qodef-m-content\">\n\t\t\t<h5 class=\"qodef-m-title\" style=\"color: #FFFFFF\">\n\t\t\t\t\t<span class=\"qodef-m-title-text\">Titulaci\u00f3n<\/span>\n\t\t\t<\/h5>\n\t\t\t<p class=\"qodef-m-text\" style=\"color: #FFFFFF\">T\u00edtulo propio Coco School avalado por la universidad Isabel I de Castilla.<\/p>\n\t<\/div>\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-73c641d e-con-full e-flex e-con e-child\" data-id=\"73c641d\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dc5bd78 elementor-widget elementor-widget-image\" data-id=\"dc5bd78\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.21.0 - 25-04-2024 *\/\n.elementor-widget-image{text-align:center}.elementor-widget-image a{display:inline-block}.elementor-widget-image a img[src$=\".svg\"]{width:48px}.elementor-widget-image img{vertical-align:middle;display:inline-block}<\/style>\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1024\" height=\"507\" src=\"https:\/\/cocoschool.com\/wp-content\/uploads\/2025\/12\/Jordi-Profe-1024x507.jpg\" class=\"attachment-large size-large wp-image-25242\" alt=\"\" srcset=\"https:\/\/cocoschool.com\/wp-content\/uploads\/2025\/12\/Jordi-Profe-1024x507.jpg 1024w, https:\/\/cocoschool.com\/wp-content\/uploads\/2025\/12\/Jordi-Profe-300x149.jpg 300w, https:\/\/cocoschool.com\/wp-content\/uploads\/2025\/12\/Jordi-Profe-768x381.jpg 768w, https:\/\/cocoschool.com\/wp-content\/uploads\/2025\/12\/Jordi-Profe-600x297.jpg 600w, https:\/\/cocoschool.com\/wp-content\/uploads\/2025\/12\/Jordi-Profe.jpg 1098w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c0cf504 e-flex e-con-boxed e-con e-child\" data-id=\"c0cf504\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a2ac93c elementor-widget elementor-widget-heading\" data-id=\"a2ac93c\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Jordi Grangel<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7a5d176 elementor-widget elementor-widget-text-editor\" data-id=\"7a5d176\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.21.0 - 25-04-2024 *\/\n.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:#69727d;color:#fff}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap{color:#69727d;border:3px solid;background-color:transparent}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap{margin-top:8px}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap-letter{width:1em;height:1em}.elementor-widget-text-editor .elementor-drop-cap{float:left;text-align:center;line-height:1;font-size:50px}.elementor-widget-text-editor .elementor-drop-cap-letter{display:inline-block}<\/style>\t\t\t\t<p>Jordi Grangel es Director del M\u00e1ster avanzado en Desarrollo Visual para Proyectos de Animaci\u00f3n y cofundador de Grangel Studio. Referente internacional en dise\u00f1o de personajes, ha trabajado para DreamWorks (Madagascar, Kung Fu Panda) y con Tim Burton en La Novia Cad\u00e1ver. Su obra ha sido expuesta en museos de prestigio mundial como el MoMA de Nueva York y el LACMA de Los \u00c1ngeles.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-02055fc elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-qi_addons_for_elementor_button\" data-id=\"02055fc\" data-element_type=\"widget\" data-widget_type=\"qi_addons_for_elementor_button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<a class=\"qodef-shortcode qodef-m  qodef-qi-button qodef-html--link qodef-layout--filled qodef-type--standard   qodef-icon--right qodef-hover--icon-move-horizontal-short     \" href=\"https:\/\/vimeo.com\/972861300?share=copy\" target=\"_self\">\n\t<span class=\"qodef-m-text\">Demo Reel<\/span>\n\t<\/a>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c4e9fbb e-con-full e-flex e-con e-child\" data-id=\"c4e9fbb\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7ba3495 elementor-widget elementor-widget-image\" data-id=\"7ba3495\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"562\" height=\"276\" src=\"https:\/\/cocoschool.com\/wp-content\/uploads\/2025\/12\/2_Screenshot_2025-12-02-22.02.00_s1m8G9.jpg\" class=\"attachment-large size-large wp-image-24839\" alt=\"\" srcset=\"https:\/\/cocoschool.com\/wp-content\/uploads\/2025\/12\/2_Screenshot_2025-12-02-22.02.00_s1m8G9.jpg 562w, https:\/\/cocoschool.com\/wp-content\/uploads\/2025\/12\/2_Screenshot_2025-12-02-22.02.00_s1m8G9-300x147.jpg 300w\" sizes=\"(max-width: 562px) 100vw, 562px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f1cbc81 e-flex e-con-boxed e-con e-child\" data-id=\"f1cbc81\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e936925 elementor-widget elementor-widget-heading\" data-id=\"e936925\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Dino Caruso<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0a820b6 elementor-widget elementor-widget-text-editor\" data-id=\"0a820b6\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Dino Caruso es ilustrador y animador 2D formado en Bellas Artes (Italia). Con una trayectoria internacional, ha creado trabajos para Disney, Marvel y el Corriere della Sera. En 2022, uno de sus cortos fue proyectado por la ONU para UNHCR. Actualmente, compagina su carrera profesional con la docencia en universidades y escuelas especializadas de Madrid.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-565df3e elementor-widget elementor-widget-qi_addons_for_elementor_button\" data-id=\"565df3e\" data-element_type=\"widget\" data-widget_type=\"qi_addons_for_elementor_button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<a class=\"qodef-shortcode qodef-m  qodef-qi-button qodef-html--link qodef-layout--filled qodef-type--standard   qodef-icon--right qodef-hover--icon-move-horizontal-short     \" href=\"https:\/\/vimeo.com\/972861300?share=copy\" target=\"_self\">\n\t<span class=\"qodef-m-text\">Demo Reel<\/span>\n\t<\/a>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-408c071 e-con-full e-flex e-con e-child\" data-id=\"408c071\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9be8048 elementor-widget elementor-widget-heading\" data-id=\"9be8048\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Objetivo<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8b95480 elementor-widget elementor-widget-text-editor\" data-id=\"8b95480\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p class=\"p2\"><span style=\"color: #333333;\">Formar animadores capaces de planificar, ejecutar y pulir secuencias de actuaci\u00f3n y di\u00e1logo, mec\u00e1nica corporal avanzada e interacci\u00f3n con objetos, manteniendo claridad de poses, ritmo y continuidad. El alumno dominar\u00e1 el uso avanzado de layers de animaci\u00f3n, IK\/FK switching, constraints y limpieza de curvas), la puesta en escena y la c\u00e1mara para narrar con intenci\u00f3n, aplicando dailies, notas y retakes hasta alcanzar nivel de entrega profesional. Adem\u00e1s, aprender\u00e1 a dirigir equipos y producciones.<\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-af7c89c elementor-widget elementor-widget-heading\" data-id=\"af7c89c\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Plan de estudios<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-db7b0e0 elementor-widget elementor-widget-text-editor\" data-id=\"db7b0e0\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p class=\"p1\"><span style=\"color: #000000;\">01- <strong>Fundamentos del Concept Art y el Desarrollo Visual<\/strong><\/span><\/p><ul><li><span style=\"color: #000000;\">Introducci\u00f3n al Concept Art en cine, animaci\u00f3n y videojuegos<\/span><\/li><li><span style=\"color: #000000;\">El rol del concept artist en la industria<\/span><\/li><li><span style=\"color: #000000;\">Principios b\u00e1sicos de composici\u00f3n, color y narrativa visual<\/span><\/li><li><span style=\"color: #000000;\">An\u00e1lisis de referentes y estilos art\u00edsticos<\/span><\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6d6e01f elementor-widget elementor-widget-text-editor\" data-id=\"6d6e01f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p class=\"p1\"><span style=\"color: #000000;\">02- <strong>Dibujo, Anatom\u00eda y Dise\u00f1o de Personajes<\/strong><\/span><\/p><ul><li><span style=\"color: #000000;\">Fundamentos de dibujo avanzado: forma, proporci\u00f3n y volumen<\/span><\/li><li><span style=\"color: #000000;\">Anatom\u00eda humana y animal aplicada al concept art<\/span><\/li><li><span style=\"color: #000000;\">Expresiones, acting y lenguaje corporal<\/span><\/li><li><span style=\"color: #000000;\">Dise\u00f1o de personajes: silueta, personalidad, funcionalidad<\/span><\/li><li><span style=\"color: #000000;\">Variantes estil\u00edsticas (realista, cartoon, stylized)<\/span><\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2cb0d93 elementor-widget elementor-widget-text-editor\" data-id=\"2cb0d93\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p class=\"p1\"><span style=\"color: #000000;\">03- <strong>Dise\u00f1o de Escenarios y Entornos<\/strong><\/span><\/p><ul><li><span style=\"color: #000000;\">Perspectiva avanzada y construcci\u00f3n de espacios<\/span><\/li><li><span style=\"color: #000000;\">Principios de dise\u00f1o arquitect\u00f3nico y natural<\/span><\/li><li><span style=\"color: #000000;\">Creaci\u00f3n de atm\u00f3sferas y storytelling ambiental<\/span><\/li><li><span style=\"color: #000000;\">Conceptos de matte painting y composici\u00f3n digital<\/span><\/li><li><span style=\"color: #000000;\">Escenarios para videojuegos vs. cine\/animaci\u00f3n<\/span><\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7543366 elementor-widget elementor-widget-text-editor\" data-id=\"7543366\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p class=\"p1\"><span style=\"color: #000000;\">04- <strong>Props, Creatividad y Dise\u00f1o Funcional<\/strong><\/span><\/p><ul><li><span style=\"color: #000000;\">Dise\u00f1o de props, veh\u00edculos, armas y objetos ic\u00f3nicos<\/span><\/li><li><span style=\"color: #000000;\">Funcionalidad vs. est\u00e9tica en la creaci\u00f3n visual<\/span><\/li><li><span style=\"color: #000000;\">Integraci\u00f3n de props en personajes y entornos<\/span><\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-31c588d elementor-widget elementor-widget-text-editor\" data-id=\"31c588d\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p class=\"p1\"><span style=\"color: #000000;\">05- <strong>Color, Iluminaci\u00f3n y Render Conceptual<\/strong><\/span><\/p><ul><li><span style=\"color: #000000;\">Teor\u00eda avanzada del color y paletas narrativas<\/span><\/li><li><span style=\"color: #000000;\">Psicolog\u00eda del color en storytelling<\/span><\/li><li><span style=\"color: #000000;\">T\u00e9cnicas de iluminaci\u00f3n digital<\/span><\/li><li><span style=\"color: #000000;\">Renderizado pict\u00f3rico y estilizaci\u00f3n gr\u00e1fica<\/span><\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bf3ffb4 elementor-widget elementor-widget-text-editor\" data-id=\"bf3ffb4\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p class=\"p1\"><span style=\"color: #000000;\">06- <strong>Herramientas Digitales Avanzadas<\/strong><\/span><\/p><ul><li><span style=\"color: #000000;\">Photoshop y Krita para concept art<\/span><\/li><li><span style=\"color: #000000;\">Uso de Blender y 3D para blockout y apoyo visual<\/span><\/li><li><span style=\"color: #000000;\">Fotobashing y t\u00e9cnicas de kitbashing digital<\/span><\/li><li><span style=\"color: #000000;\">Introducci\u00f3n a IA generativa como apoyo creativo (con enfoque \u00e9tico y profesional)<\/span><\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0ed637d elementor-widget elementor-widget-text-editor\" data-id=\"0ed637d\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p class=\"p1\"><span style=\"color: #000000;\">07- <b><\/b><strong>Desarrollo de Estilos y Lenguajes Visuales<\/strong><\/span><\/p><ul><li><span style=\"color: #000000;\">Adaptaci\u00f3n de estilos para distintos g\u00e9neros (fantas\u00eda, sci-fi, cartoon, realismo)<\/span><\/li><li><span style=\"color: #000000;\">Consistencia visual en un proyecto largo<\/span><\/li><li><span style=\"color: #000000;\">Creaci\u00f3n de style guides y visual bibles<\/span><\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-95e6946 elementor-widget elementor-widget-text-editor\" data-id=\"95e6946\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p class=\"p1\"><span style=\"color: #000000;\">08- <strong>Pipeline Profesional y Colaboraci\u00f3n<\/strong><\/span><\/p><ul><li><span style=\"color: #000000;\">Flujos de trabajo en cine, animaci\u00f3n y videojuegos<\/span><\/li><li><span style=\"color: #000000;\">Relaci\u00f3n con directores, productores y otros departamentos<\/span><\/li><li><span style=\"color: #000000;\">Documentaci\u00f3n visual y entregables profesionales<\/span><\/li><li><span style=\"color: #000000;\">Preparaci\u00f3n de un portfolio competitivo internacional<\/span><\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ba19ec8 elementor-widget elementor-widget-text-editor\" data-id=\"ba19ec8\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p class=\"p1\"><span style=\"color: #000000;\">09- <strong>Proyecto Final de M\u00e1ster<\/strong><\/span><\/p><ul><li><span style=\"color: #000000;\">Desarrollo completo de un proyecto individual o en equipo: personajes, props y escenarios<\/span><\/li><li><span style=\"color: #000000;\">Creaci\u00f3n de una gu\u00eda visual y storytelling<\/span><\/li><li><span style=\"color: #000000;\">Presentaci\u00f3n profesional del proyecto<\/span><\/li><li><span style=\"color: #000000;\">Mentor\u00edas y revisiones con profesionales en activo<\/span><\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-10f11df e-flex e-con-boxed e-con e-parent\" data-id=\"10f11df\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-980d690 elementor-widget elementor-widget-html\" data-id=\"980d690\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- START COCO BENEFITS GRID (SQUARE) - FIXED RESPONSIVE -->\n<div id=\"coco-benefits-wrapper\">\n    <style>\n        #coco-benefits-wrapper {\n            display: grid;\n            \/* Crea columnas de m\u00ednimo 300px, si no caben, saltan de l\u00ednea autom\u00e1ticamente *\/\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 30px;\n            max-width: 1200px;\n            margin: 40px auto;\n            padding: 20px; \/* Padding de seguridad *\/\n            font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n            box-sizing: border-box;\n        }\n\n        #coco-benefits-wrapper .coco-card {\n            background-color: #ffffff;\n            border-radius: 0;\n            box-shadow: 0 10px 40px rgba(0,0,0,0.08);\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n            display: flex;\n            flex-direction: column;\n            border: none;\n            width: 100%; \/* Ocupa el ancho de su celda *\/\n            box-sizing: border-box;\n        }\n\n        #coco-benefits-wrapper .coco-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 15px 50px rgba(0,0,0,0.12);\n        }\n\n        #coco-benefits-wrapper .coco-card-img {\n            width: 100%;\n            height: 220px;\n            object-fit: cover;\n            display: block;\n        }\n\n        #coco-benefits-wrapper .coco-card-content {\n            padding: 30px;\n            text-align: left;\n            flex-grow: 1; \/* Hace que todas las tarjetas tengan la misma altura si el texto var\u00eda *\/\n        }\n\n        #coco-benefits-wrapper h3 {\n            font-size: 20px !important; \/* Ligeramente menor para evitar cortes en m\u00f3vil *\/\n            font-weight: 800 !important;\n            color: #111 !important;\n            margin: 0 0 15px 0 !important;\n            line-height: 1.2 !important;\n            text-transform: uppercase !important;\n            font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;\n        }\n\n        #coco-benefits-wrapper .coco-card-divider {\n            width: 40px;\n            height: 4px;\n            background-color: #FFD600;\n            margin: 0 0 20px 0;\n        }\n\n        #coco-benefits-wrapper p {\n            font-size: 15px !important;\n            line-height: 1.6 !important;\n            color: #555 !important;\n            margin: 0 !important;\n            font-weight: 400 !important;\n            font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;\n        }\n\n        \/* AJUSTES ESPEC\u00cdFICOS PARA M\u00d3VIL *\/\n        @media (max-width: 480px) {\n            #coco-benefits-wrapper {\n                grid-template-columns: 1fr; \/* Una sola columna pura *\/\n                gap: 20px;\n                padding: 15px;\n            }\n            \n            #coco-benefits-wrapper h3 {\n                font-size: 18px !important;\n            }\n\n            #coco-benefits-wrapper .coco-card-img {\n                height: 180px; \/* Reducimos altura de imagen en pantallas peque\u00f1as *\/\n            }\n        }\n    <\/style>\n\n    <!-- CARD 1 -->\n    <div class=\"coco-card\">\n        <img decoding=\"async\" src=\"https:\/\/cocoschool.com\/wp-content\/uploads\/2025\/09\/Gemini_Generated_Image_xowm3exowm3exowm.png\" alt=\"Metro\" class=\"coco-card-img\">\n        <div class=\"coco-card-content\">\n            <h3>Estudia sin perder tiempo en traslados<\/h3>\n            <div class=\"coco-card-divider\"><\/div>\n            <p>Nuestro campus est\u00e1 ubicado en Guzm\u00e1n el Bueno, Chamber\u00ed. Zona c\u00e9ntrica y muy bien comunicada. Llega f\u00e1cilmente por las estaciones Islas Filipinas, Arg\u00fcelles y Moncloa.<\/p>\n        <\/div>\n    <\/div>\n\n    <!-- CARD 2 -->\n    <div class=\"coco-card\">\n        <img decoding=\"async\" src=\"https:\/\/cocoschool.com\/wp-content\/uploads\/2025\/09\/INSTALACIONES-COCO-SCHOOL-013.jpg\" alt=\"Ordenadores\" class=\"coco-card-img\">\n        <div class=\"coco-card-content\">\n            <h3>No inviertas en ordenadores caros<\/h3>\n            <div class=\"coco-card-divider\"><\/div>\n            <p>Disponemos de m\u00e1s de 100 ordenadores PC y Mac, tabletas digitales y todo el software profesional. T\u00fa solo dedica tu energ\u00eda a aprender y crear.<\/p>\n        <\/div>\n    <\/div>\n\n    <!-- CARD 3 -->\n    <div class=\"coco-card\">\n        <img decoding=\"async\" src=\"https:\/\/cocoschool.com\/wp-content\/uploads\/2025\/09\/Screenshot_2025-09-12-18.46.02_j2kSlh2.jpg\" alt=\"H\u00edbrido\" class=\"coco-card-img\">\n        <div class=\"coco-card-content\">\n            <h3>Cursos presenciales y en l\u00ednea sincr\u00f3nica<\/h3>\n            <div class=\"coco-card-divider\"><\/div>\n            <p>Estudia presencial en Madrid o con\u00e9ctate en l\u00ednea desde cualquier ciudad. Misma calidad acad\u00e9mica y mismos profesores, como si estuvieras en clase.<\/p>\n        <\/div>\n    <\/div>\n\n<\/div>\n<!-- END COCO BENEFITS GRID -->\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6823fbd e-flex e-con-boxed e-con e-parent\" data-id=\"6823fbd\" data-element_type=\"container\" id=\"form\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-05e2d18 elementor-widget elementor-widget-text-editor\" data-id=\"05e2d18\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<h5 style=\"text-align: center; font-size: 40px !important;\">Solicita m\u00e1s informaci\u00f3n<\/h5><p style=\"text-align: center; font-size: 16px !important; color: black !important;\">Contacta con nosotros y te informaremos de todo lo que necesites.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1a35aae elementor-widget elementor-widget-html\" data-id=\"1a35aae\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<iframe data-tally-src=\"https:\/\/tally.so\/embed\/3jjkX6?alignLeft=1&hideTitle=1&transparentBackground=1&dynamicHeight=1\" loading=\"lazy\" width=\"100%\" height=\"100\" frameborder=\"0\" marginheight=\"0\" marginwidth=\"0\" title=\"MADRID - M\u00e1ster en Desarrollo Visual para Proyectos de Animaci\u00f3n\u200b\n\"><\/iframe>\n<script>var d=document,w=\"https:\/\/tally.so\/widgets\/embed.js\",v=function(){\"undefined\"!=typeof Tally?Tally.loadEmbeds():d.querySelectorAll(\"iframe[data-tally-src]:not([src])\").forEach((function(e){e.src=e.dataset.tallySrc}))};if(\"undefined\"!=typeof Tally)v();else if(d.querySelector('script[src=\"'+w+'\"]')==null){var s=d.createElement(\"script\");s.src=w,s.onload=v,s.onerror=v,d.body.appendChild(s);}<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>M\u00e1ster en Desarrollo Visual para Proyectos de Animaci\u00f3n M\u00c1STERES T\u00cdTULOS PROPIOS DE COCO SCHOOL CERTIFICADOS POR LA UNIVERSIDAD ISABEL I DE CASTILLA Todos nuestros alumnos est\u00e1n en disposici\u00f3n de recibir una doble certificaci\u00f3n tras la realizaci\u00f3n de cualquiera de nuestros programas formativos. Todos los semestres t\u00edtulos propios de Coco School est\u00e1n certificados por la Universidad [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-full-width.php","meta":{"footnotes":""},"class_list":["post-21627","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cocoschool.com\/index.php\/wp-json\/wp\/v2\/pages\/21627","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cocoschool.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cocoschool.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cocoschool.com\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/cocoschool.com\/index.php\/wp-json\/wp\/v2\/comments?post=21627"}],"version-history":[{"count":127,"href":"https:\/\/cocoschool.com\/index.php\/wp-json\/wp\/v2\/pages\/21627\/revisions"}],"predecessor-version":[{"id":26483,"href":"https:\/\/cocoschool.com\/index.php\/wp-json\/wp\/v2\/pages\/21627\/revisions\/26483"}],"wp:attachment":[{"href":"https:\/\/cocoschool.com\/index.php\/wp-json\/wp\/v2\/media?parent=21627"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}