{"id":25828,"date":"2026-02-04T00:19:25","date_gmt":"2026-02-04T00:19:25","guid":{"rendered":"https:\/\/cocoschool.com\/?page_id=25828"},"modified":"2026-03-09T19:28:34","modified_gmt":"2026-03-09T19:28:34","slug":"semestre-en-ia-generativa","status":"publish","type":"page","link":"https:\/\/cocoschool.com\/index.php\/semestre-en-ia-generativa\/","title":{"rendered":"Semestre en IA Generativa con Enfoque en Innovaci\u00f3n, Marketing, y Dise\u00f1o"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"25828\" class=\"elementor elementor-25828\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6111162 e-flex e-con-boxed e-con e-parent\" data-id=\"6111162\" 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-b07db38 elementor-widget elementor-widget-html\" data-id=\"b07db38\" 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>Semestres T\u00edtulos 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<div class=\"elementor-element elementor-element-80aba0a elementor-widget elementor-widget-html\" data-id=\"80aba0a\" 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-c328432 e-flex e-con-boxed e-con e-parent\" data-id=\"c328432\" 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-ac580f0 elementor-widget elementor-widget-html\" data-id=\"ac580f0\" 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 WIDGET: AI DESIGN (HRAG SIMONIAN) - NO CREDITS -->\n<div id=\"coco-combined-wrapper\">\n    \n    <!-- LOAD GOOGLE ICONS -->\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 CONTAINER *\/\n        #coco-combined-wrapper {\n            width: 100%;\n            max-width: 100%;\n            margin: 0;\n            font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n            box-sizing: border-box;\n            display: flex; \/* Flexbox for side-by-side *\/\n            flex-wrap: wrap; \/* Allow wrapping on mobile *\/\n            gap: 20px; \/* SPACE BETWEEN COLUMNS *\/\n            align-items: stretch; \/* Make both columns equal height if possible *\/\n        }\n\n        \/* --- LEFT COLUMN (BLACK) --- *\/\n        .coco-col-black {\n            \/* Logic: 50% minus half the gap (10px) *\/\n            width: calc(50% - 10px); \n            background-color: #111111;\n            color: #ffffff;\n            display: flex;\n            flex-direction: column;\n        }\n\n        \/* --- RIGHT COLUMN (YELLOW) --- *\/\n        .coco-col-yellow {\n            \/* Logic: 50% minus half the gap (10px) *\/\n            width: calc(50% - 10px);\n            background-color: #FFD600;\n            color: #111111;\n            padding: 40px;\n            box-sizing: border-box;\n        }\n\n        \/* --- SHARED STYLES --- *\/\n        #coco-combined-wrapper h1,\n        #coco-combined-wrapper h2 {\n            font-weight: 800 !important;\n            margin: 0 0 20px 0 !important;\n            line-height: 1.1 !important;\n        }\n\n        \/* --- LEFT COLUMN STYLES --- *\/\n        .coco-course-info {\n            padding: 40px 40px 30px 40px;\n        }\n\n        .coco-col-black h1 {\n            font-size: 28px !important;\n            color: #FFD600 !important;\n            text-transform: uppercase;\n            margin-bottom: 30px !important;\n        }\n\n        \/* Info Items *\/\n        .coco-info-item {\n            display: flex;\n            align-items: flex-start;\n            margin-bottom: 25px;\n            gap: 15px;\n        }\n\n        .coco-col-black .material-symbols-outlined {\n            color: #FFD600;\n            font-size: 24px;\n            margin-top: 2px;\n        }\n\n        .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-info-text span {\n            display: block;\n            font-size: 14px;\n            color: #cccccc;\n            line-height: 1.4;\n        }\n\n        \/* Divider *\/\n        .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 Section *\/\n        .coco-prof-img {\n            width: 100%;\n            height: 320px; \n            display: block;\n            filter: grayscale(100%);\n            object-fit: cover; \n            object-position: top; \n            margin: 0;\n        }\n\n        .coco-prof-content {\n            padding: 30px 40px 40px 40px;\n        }\n\n        .coco-prof-name {\n            font-size: 26px !important;\n            font-weight: 800 !important;\n            color: #FFD600 !important;\n            text-transform: uppercase;\n            margin: 0 !important;\n            line-height: 1 !important;\n        }\n\n        .coco-prof-role {\n            font-size: 14px !important;\n            font-weight: 700 !important;\n            color: #ffffff !important;\n            text-transform: uppercase;\n            margin: 5px 0 20px 0 !important;\n            letter-spacing: 1px;\n        }\n\n        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        \/* --- RIGHT COLUMN STYLES (SYLLABUS) --- *\/\n        .coco-col-yellow h2 {\n            font-size: 32px !important;\n            color: #000000 !important;\n            margin-bottom: 40px !important;\n            letter-spacing: -0.5px;\n        }\n\n        .module-item { margin-bottom: 30px; }\n\n        .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        .module-desc {\n            font-size: 14px !important;\n            line-height: 1.5 !important;\n            color: #222222 !important;\n            display: block;\n        }\n\n        .module-list {\n            margin: 0;\n            padding: 0;\n            list-style: none;\n        }\n        .module-list li {\n            position: relative;\n            padding-left: 10px;\n            margin-bottom: 6px;\n        }\n        .module-list li::before {\n            content: \"-\";\n            position: absolute;\n            left: 0;\n            color: #000;\n        }\n        \n        .module-list li strong {\n            font-weight: 700;\n        }\n\n        \/* --- RESPONSIVE MEDIA QUERIES --- *\/\n        @media (max-width: 900px) {\n            \/* Remove gap and stack columns vertically on mobile *\/\n            #coco-combined-wrapper {\n                gap: 0; \n            }\n            .coco-col-black, .coco-col-yellow {\n                width: 100%; \n                height: auto;\n                margin-bottom: 30px; \/* Space between stacked columns *\/\n            }\n            \/* Remove margin from last element *\/\n            .coco-col-yellow { margin-bottom: 0; }\n\n            .coco-prof-img {\n                height: 300px;\n            }\n            .coco-course-info, .coco-prof-content, .coco-col-yellow {\n                padding: 30px 20px;\n            }\n        }\n    <\/style>\n\n    <!-- === LEFT COLUMN: INFO & PROFESSOR === -->\n    <div class=\"coco-col-black\">\n        \n        <!-- Course Details -->\n        <div class=\"coco-course-info\">\n            <h1>Semestre Internacional en Dise\u00f1o e IA<\/h1>\n\n            <!-- Item 1: Modalidad -->\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            <!-- Item 2: Duraci\u00f3n -->\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>4 meses \/ 300 horas<\/span>\n                <\/div>\n            <\/div>\n\n            <!-- Item 3: Fechas -->\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 al 18 de Diciembre de 2026<\/span>\n                <\/div>\n            <\/div>\n\n            <!-- Item 4: Titulaci\u00f3n -->\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        <!-- Divider -->\n        <hr class=\"coco-sidebar-divider\">\n\n        <!-- Professor Section -->\n        <img decoding=\"async\" src=\"https:\/\/www.cocoschool.mx\/wp-content\/uploads\/Professor-2-Workshop.-.jpg\" alt=\"Hrag Simonian\" class=\"coco-prof-img\">\n\n        <div class=\"coco-prof-content\">\n            <h2 class=\"coco-prof-name\">Hrag Simonian<\/h2>\n            <div class=\"coco-prof-role\">Director de Dise\u00f1o con IA @ Playroom<\/div>\n            \n            <p class=\"bio\">\n                Hrag Simonian es Director de Dise\u00f1o Gr\u00e1fico con Inteligencia Artificial en la agencia Playroom, donde ha colaborado con marcas de talla mundial como BMW, MINI, Mattel, Lindor, Ascale y Capri-Sun. Especialista en gesti\u00f3n de proyectos y liderazgo de squads, Hrag impulsa la innovaci\u00f3n visual integrando Inteligencia Artificial para la creaci\u00f3n de im\u00e1genes, branding y consistencia estil\u00edstica.\n            <\/p>\n        <\/div>\n    <\/div>\n\n    <!-- === RIGHT COLUMN: SYLLABUS === -->\n    <div class=\"coco-col-yellow\">\n        <h2>Plan de estudios<\/h2>\n\n        <!-- M\u00f3dulo 1 -->\n        <div class=\"module-item\">\n            <span class=\"module-title\">M\u00f3dulo 1: Infraestructura de IA, MCPs y Ecosistemas Cloud<\/span>\n            <div class=\"module-desc\">\n                <ul class=\"module-list\">\n                    <li><strong>Fundamentos y Arquitectura:<\/strong> Bases de la IA Generativa y LLMs aplicados a negocio.<\/li>\n                    <li><strong>Cloud Computing & AI:<\/strong> Herramientas especializadas de proveedores en la nube y Hyperscalers (AWS Bedrock, Google Vertex AI, Azure OpenAI).<\/li>\n                    <li><strong>Conectividad Avanzada (MCPs):<\/strong> Dominio del Model Context Protocol (MCP) para estandarizar la conexi\u00f3n entre asistentes de IA, bases de datos y aplicaciones externas.<\/li>\n                    <li><strong>Orquestaci\u00f3n de Agentes:<\/strong> Introducci\u00f3n al despliegue de agentes para automatizar tareas operativas complejas.<\/li>\n                <\/ul>\n            <\/div>\n        <\/div>\n\n        <!-- M\u00f3dulo 2 -->\n        <div class=\"module-item\">\n            <span class=\"module-title\">M\u00f3dulo 2: Direcci\u00f3n de Arte, Visual Computing & Motion Synthesis<\/span>\n            <div class=\"module-desc\">\n                <ul class=\"module-list\">\n                    <li><strong>Direcci\u00f3n de Arte Estrat\u00e9gica:<\/strong> Estrategia de dise\u00f1o y Visual Strategy aplicada. Adaptaci\u00f3n del estilo visual, psicolog\u00eda del color y composici\u00f3n seg\u00fan el Market Fit y el territorio de la marca.<\/li>\n                    <li><strong>Generaci\u00f3n de Imagen High-End:<\/strong> Uso de entornos y modelos avanzados para resultados de producci\u00f3n: Flux, OpenAI, Seedream, Google Banana, etc.<\/li>\n                    <li><strong>Video Generativo & Motion:<\/strong> Creaci\u00f3n de contenido audiovisual y cinem\u00e1tico con modelos de \u00faltima generaci\u00f3n: Kling, Google Veo, Runway, Luma Dream Machine, etc.<\/li>\n                    <li><strong>Brand Consistency & Storytelling Visual:<\/strong> Creaci\u00f3n de una marca desde cero. Consistencia estricta de personajes, productos y narrativa visual alineada al branding corporativo.<\/li>\n                    <li><strong>Postproducci\u00f3n & AI Editing:<\/strong> Flujos de trabajo profesionales de edici\u00f3n y retoque final utilizando Photoshop \/ Illustrator como hub central de composici\u00f3n.<\/li>\n                <\/ul>\n            <\/div>\n        <\/div>\n\n        <!-- M\u00f3dulo 3 -->\n        <div class=\"module-item\">\n            <span class=\"module-title\">M\u00f3dulo 3: Strategic Marketing, Storytelling & Performance con IA<\/span>\n            <div class=\"module-desc\">\n                <ul class=\"module-list\">\n                    <li><strong>Performance Marketing & Growth:<\/strong> Estrategias de Paid Media optimizadas con IA. Mejora del ROAS y conversi\u00f3n mediante hiper personalizaci\u00f3n de creatividades.<\/li>\n                    <li><strong>Storytelling Transmedia y Branding:<\/strong> Generaci\u00f3n de narrativas complejas que aporten valor real a la comunidad (Value Branding) alej\u00e1ndose del Commodity Branding.<\/li>\n                    <li><strong>Generaci\u00f3n de Campa\u00f1as End-to-End:<\/strong> Desde el brief hasta la ejecuci\u00f3n de activos, adaptando el tono y el contenido a diferentes perfiles de audiencia y canales.<\/li>\n                    <li><strong>Validaci\u00f3n y Data-Driven Creativity:<\/strong> Valoraci\u00f3n de campa\u00f1as con IA antes del lanzamiento (pre-testing sint\u00e9tico).<\/li>\n                <\/ul>\n            <\/div>\n        <\/div>\n\n    <\/div>\n\n<\/div>\n<!-- END COCO COMBINED WIDGET -->\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-8e0fa5b e-flex e-con-boxed e-con e-parent\" data-id=\"8e0fa5b\" 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-08c95aa elementor-widget elementor-widget-html\" data-id=\"08c95aa\" 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 (SAFE \/ MOBILE FIXED) -->\n<div id=\"coco-benefits-wrapper\">\n    <style>\n        \/* =========================================================\n           Todo est\u00e1 aislado dentro de #coco-benefits-wrapper\n           para no afectar otras partes de WordPress\n        ========================================================== *\/\n\n        #coco-benefits-wrapper,\n        #coco-benefits-wrapper * {\n            box-sizing: border-box;\n        }\n\n        \/* 1. CONTENEDOR PRINCIPAL *\/\n        #coco-benefits-wrapper {\n            display: flex;\n            flex-wrap: wrap;\n            justify-content: center;\n            align-items: stretch;\n            gap: 30px;\n            width: 100%;\n            max-width: 1200px;\n            margin: 40px auto;\n            padding: 0;\n            font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n            background: transparent;\n            overflow: visible;\n        }\n\n        \/* 2. TARJETAS *\/\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            flex: 1 1 300px;\n            min-width: 0;\n            max-width: 100%;\n            overflow: hidden;\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n            display: flex;\n            flex-direction: column;\n            margin: 0;\n            border: none;\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        \/* 3. IM\u00c1GENES *\/\n        #coco-benefits-wrapper .coco-card-img {\n            display: block;\n            width: 100%;\n            max-width: 100%;\n            height: 220px;\n            object-fit: cover;\n            margin: 0;\n            padding: 0;\n            border: none;\n        }\n\n        \/* 4. CONTENIDO *\/\n        #coco-benefits-wrapper .coco-card-content {\n            width: 100%;\n            max-width: 100%;\n            padding: 30px;\n            text-align: left;\n            overflow-wrap: break-word;\n            word-wrap: break-word;\n        }\n\n        \/* 5. T\u00cdTULOS *\/\n        #coco-benefits-wrapper .coco-card-content h3 {\n            font-size: 22px !important;\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            letter-spacing: normal !important;\n            font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;\n            overflow-wrap: break-word;\n            word-wrap: break-word;\n        }\n\n        \/* 6. DIVIDER *\/\n        #coco-benefits-wrapper .coco-card-divider {\n            width: 40px;\n            height: 4px;\n            background-color: #FFD600;\n            margin: 0 0 20px 0;\n            border: none;\n        }\n\n        \/* 7. P\u00c1RRAFOS *\/\n        #coco-benefits-wrapper .coco-card-content p {\n            font-size: 15px !important;\n            line-height: 1.6 !important;\n            color: #555 !important;\n            margin: 0 !important;\n            padding: 0 !important;\n            font-weight: 400 !important;\n            text-align: left !important;\n            font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;\n            overflow-wrap: break-word;\n            word-wrap: break-word;\n        }\n\n        \/* TABLET *\/\n        @media (max-width: 991px) {\n            #coco-benefits-wrapper {\n                gap: 20px;\n                margin: 30px auto;\n            }\n\n            #coco-benefits-wrapper .coco-card {\n                flex: 1 1 calc(50% - 10px);\n            }\n        }\n\n        \/* MOBILE *\/\n        @media (max-width: 768px) {\n            #coco-benefits-wrapper {\n                display: block;\n                width: 100%;\n                max-width: 100%;\n                margin: 20px auto;\n                padding: 0 12px; \/* mobile side margin *\/\n            }\n\n            #coco-benefits-wrapper .coco-card {\n                display: block;\n                width: 100%;\n                max-width: 100%;\n                margin: 0 0 20px 0;\n                flex: none;\n            }\n\n            #coco-benefits-wrapper .coco-card:last-child {\n                margin-bottom: 0;\n            }\n\n            #coco-benefits-wrapper .coco-card-img {\n                height: 200px;\n            }\n\n            #coco-benefits-wrapper .coco-card-content {\n                padding: 22px 20px;\n            }\n\n            #coco-benefits-wrapper .coco-card-content h3 {\n                font-size: 20px !important;\n                line-height: 1.25 !important;\n            }\n\n            #coco-benefits-wrapper .coco-card-content p {\n                font-size: 15px !important;\n                line-height: 1.6 !important;\n            }\n        }\n\n        \/* M\u00d3VILES PEQUE\u00d1OS *\/\n        @media (max-width: 480px) {\n            #coco-benefits-wrapper {\n                padding: 0 10px;\n            }\n\n            #coco-benefits-wrapper .coco-card-img {\n                height: 180px;\n            }\n\n            #coco-benefits-wrapper .coco-card-content {\n                padding: 20px 16px;\n            }\n\n            #coco-benefits-wrapper .coco-card-content h3 {\n                font-size: 18px !important;\n            }\n\n            #coco-benefits-wrapper .coco-card-content p {\n                font-size: 14px !important;\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 Arg\u00fcelles\" 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. Es una zona c\u00e9ntrica y muy bien comunicada de Madrid. Puedes llegar f\u00e1cilmente en metro por las estaciones Islas Filipinas, Arg\u00fcelles y Moncloa. Evita largos desplazamientos y p\u00e9rdida de tiempo.<\/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=\"Aula de 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>En Coco School no necesitas comprar tu propio equipo para estudiar animaci\u00f3n. Disponemos de m\u00e1s de 100 ordenadores PC y Mac, tabletas digitales y todo el software profesional que requiere la industria. 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=\"Estudiante de dise\u00f1o\" 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 con nosotros de forma presencial en Madrid o con\u00e9ctate en l\u00ednea desde cualquier ciudad de Espa\u00f1a o desde el extranjero. Tendr\u00e1s la misma calidad acad\u00e9mica y a los mismos profesores, como si estuvieras en Coco School.<\/p>\n        <\/div>\n    <\/div>\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-3712708 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"3712708\" 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-bdc9efc elementor-widget elementor-widget-heading\" data-id=\"bdc9efc\" 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><h2 class=\"elementor-heading-title elementor-size-default\">Profesores y profesionales en activo<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2831734 elementor-widget elementor-widget-text-editor\" data-id=\"2831734\" 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>El equipo docente est\u00e1 compuesto por profesionales en activo que trabajan en estudios de cine y videojuegos a nivel internacional. Con su amplia experiencia, te brindar\u00e1n no solo conocimientos t\u00e9cnicos, sino tambi\u00e9n una visi\u00f3n realista del funcionamiento de la industria. Aprender\u00e1s de la mano de quienes est\u00e1n detr\u00e1s de grandes producciones y proyectos, asegurando que tu formaci\u00f3n est\u00e9 alineada con las \u00faltimas tendencias y demandas del mercado.<\/p>\t\t\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-f3b0400 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"f3b0400\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-d532070 e-flex e-con-boxed e-con e-child\" data-id=\"d532070\" 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-7e0d22b elementor-widget elementor-widget-html\" data-id=\"7e0d22b\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <title>Professor Profile<\/title>\n    <style>\n        body, html {\n            margin: 0;\n            padding: 0;\n            font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n            background-color: white;\n        }\n\n        .hover-container {\n            text-decoration: none;\n            color: inherit;\n            cursor: pointer;\n            display: block;\n        }\n\n        .full-width-image img {\n            width: 100%;\n            height: auto;\n            display: block;\n        }\n\n        .container {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n        }\n\n        .yellow-box {\n            background-color: #e8e8e8;\n            max-width: 800px;\n            width: 100%;\n            padding: 30px;\n            box-sizing: border-box;\n            margin: 0;\n            margin-bottom: 100px;\n            transition: background-color 0.3s ease;\n        }\n\n        .hover-container:hover .yellow-box {\n            background-color: #fbd200;\n        }\n\n        .text-section {\n            padding-top: 0;\n        }\n\n        .text-section h2 {\n            margin-top: 0;\n            margin-bottom: 10px;\n            font-size: 36px;\n            color: black;\n        }\n\n        .text-section hr {\n            border: none;\n            border-top: 2px solid #161616;\n            margin: 10px 0;\n            width: 100%;\n            box-sizing: border-box;\n        }\n\n        .text-section p {\n            font-size: 14px;\n            line-height: 1.6;\n            margin-bottom: 10px;\n            color: black;\n        }\n\n        .button-container {\n            margin-top: 20px;\n        }\n\n        .portfolio-button {\n            background: none;\n            border: none;\n            color: black;\n            padding: 8px 16px;\n            font-size: 16px;\n            cursor: pointer;\n            display: inline-block;\n            text-decoration: underline;\n            transition: background-color 0.3s ease, color 0.3s ease;\n        }\n\n        .hover-container:hover .portfolio-button {\n            background-color: black;\n            color: #fbd200;\n        }\n\n        @media screen and (max-width: 768px) {\n            .yellow-box {\n                padding: 20px;\n            }\n\n            .text-section h2 {\n                font-size: 28px;\n            }\n\n            .text-section p {\n                font-size: 12px;\n            }\n\n            .portfolio-button {\n                font-size: 14px;\n            }\n        }\n\n        @media screen and (max-width: 480px) {\n            .text-section h2 {\n                font-size: 24px;\n            }\n\n            .text-section p {\n                font-size: 12px;\n            }\n\n            .portfolio-button {\n                font-size: 12px;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <div class=\"hover-container\">\n        <div class=\"full-width-image\">\n            <img decoding=\"async\" src=\"https:\/\/cocoschool.com\/wp-content\/uploads\/2024\/09\/Manual_Mane_Modelado.jpg\" alt=\"Manuel Mane\">\n        <\/div>\n\n        <div class=\"container\">\n            <div class=\"yellow-box\">\n                <div class=\"text-section\">\n                    <h2>Manuel Mane<\/h2>\n                    <p style=\"font-size: 15px; font-weight: 300; margin-top: -5px;\">\n                        Director del \u00e1rea de Modelado 3D y escultura digital. \n                    <\/p>\n                    <hr>\n                    <p>\n                        Manuel Mane es un experto en modelado 3D, especializado en ZBrush, Maya, Substance Painter, y otros programas relacionados con el 3D. \n                        Ha participado en el desarrollo de diversas series y videojuegos, creando m\u00faltiples personajes para empresas internacionalmente conocidas \n                        como Netflix, Movistar, y Apple TV+.<br><br>\n                        Ha participado en cortometrajes galardonados y premiados en los Goya con el cortometraje \"Madrid 2120\".\n                    <\/p>\n                    <div class=\"button-container\">\n                        <a href=\"https:\/\/www.artstation.com\/manuelmane\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"portfolio-button\">Ver Portfolio<\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n<\/body>\n<\/html>\n\n\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\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\/VL0Gol?alignLeft=1&hideTitle=1&transparentBackground=1&dynamicHeight=1\" loading=\"lazy\" width=\"100%\" height=\"100\" frameborder=\"0\" marginheight=\"0\" marginwidth=\"0\" title=\"MADRID - Semestre en IA Generativa con Enfoque en Innovaci\u00f3n, Marketing, y Dise\u00f1o\"><\/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>Semestres T\u00edtulos 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 Isabel I de Castilla con 30 y 55 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-full-width.php","meta":{"footnotes":""},"class_list":["post-25828","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cocoschool.com\/index.php\/wp-json\/wp\/v2\/pages\/25828","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\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cocoschool.com\/index.php\/wp-json\/wp\/v2\/comments?post=25828"}],"version-history":[{"count":21,"href":"https:\/\/cocoschool.com\/index.php\/wp-json\/wp\/v2\/pages\/25828\/revisions"}],"predecessor-version":[{"id":27031,"href":"https:\/\/cocoschool.com\/index.php\/wp-json\/wp\/v2\/pages\/25828\/revisions\/27031"}],"wp:attachment":[{"href":"https:\/\/cocoschool.com\/index.php\/wp-json\/wp\/v2\/media?parent=25828"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}