{"id":18594,"date":"2025-05-30T15:06:22","date_gmt":"2025-05-30T15:06:22","guid":{"rendered":"https:\/\/cocoschool.com\/?page_id=18594"},"modified":"2026-03-10T16:17:29","modified_gmt":"2026-03-10T16:17:29","slug":"curso-de-verano-en-animacion-2d","status":"publish","type":"page","link":"https:\/\/cocoschool.com\/index.php\/curso-de-verano-en-animacion-2d\/","title":{"rendered":"Curso de Verano en Animaci\u00f3n 2D."},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"18594\" class=\"elementor elementor-18594\">\n\t\t\t\t<div class=\"elementor-element elementor-element-17c2a94 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"17c2a94\" 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<div class=\"elementor-element elementor-element-56058f5 e-con-full e-flex e-con e-child\" data-id=\"56058f5\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d4ff10b elementor-widget elementor-widget-borgholm_core_icon_with_text\" data-id=\"d4ff10b\" 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=\"\" >access_time<\/span>            <\/span>\t<\/div>\n\t<div class=\"qodef-m-content\">\n\t\t\t<h5 class=\"qodef-m-title\" >\n\t\t\t\t\t<span class=\"qodef-m-title-text\">Horario<\/span>\n\t\t\t<\/h5>\n\t\t\t<p class=\"qodef-m-text\" >De lunes a viernes, ma\u00f1anas de 9 a 2 pm o tardes de 4:00 pm a 08:00 pm seg\u00fan las necesidades horarias por uso de instalaciones en la escuela.<\/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-51e2e73 e-con-full e-flex e-con e-child\" data-id=\"51e2e73\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b73c426 elementor-widget elementor-widget-borgholm_core_icon_with_text\" data-id=\"b73c426\" 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_on qodef-icon qodef-e material-icons\" style=\"\" >location_on<\/span>            <\/span>\t<\/div>\n\t<div class=\"qodef-m-content\">\n\t\t\t<h5 class=\"qodef-m-title\" >\n\t\t\t\t\t<span class=\"qodef-m-title-text\">Lugar<\/span>\n\t\t\t<\/h5>\n\t\t\t<p class=\"qodef-m-text\" >Madrid.<\/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-f446835 e-con-full e-flex e-con e-child\" data-id=\"f446835\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4f4e058 elementor-widget elementor-widget-borgholm_core_icon_with_text\" data-id=\"4f4e058\" 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=\"\" >location_city<\/span>            <\/span>\t<\/div>\n\t<div class=\"qodef-m-content\">\n\t\t\t<h5 class=\"qodef-m-title\" >\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\" >Presencial <\/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-41bca99 e-con-full e-flex e-con e-child\" data-id=\"41bca99\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-03de91c elementor-widget elementor-widget-borgholm_core_icon_with_text\" data-id=\"03de91c\" 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=\"\" >assignment<\/span>            <\/span>\t<\/div>\n\t<div class=\"qodef-m-content\">\n\t\t\t<h5 class=\"qodef-m-title\" >\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\" >100 horas lectivas\n\n<\/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-79296c9 e-con-full e-flex e-con e-child\" data-id=\"79296c9\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e5d26ac elementor-widget elementor-widget-borgholm_core_icon_with_text\" data-id=\"e5d26ac\" 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=\"\" >assignment<\/span>            <\/span>\t<\/div>\n\t<div class=\"qodef-m-content\">\n\t\t\t<h5 class=\"qodef-m-title\" >\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\" >Del 1 de julio de 2026 al 31 de julio de 2026.\n<\/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-41bacd7 e-con-full e-flex e-con e-child\" data-id=\"41bacd7\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9905a11 elementor-widget elementor-widget-borgholm_core_icon_with_text\" data-id=\"9905a11\" 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=\"\" >assignment<\/span>            <\/span>\t<\/div>\n\t<div class=\"qodef-m-content\">\n\t\t\t<h5 class=\"qodef-m-title\" >\n\t\t\t\t\t<span class=\"qodef-m-title-text\">Idioma <\/span>\n\t\t\t<\/h5>\n\t\t\t<p class=\"qodef-m-text\" >Castellano\n<\/p>\n\t<\/div>\n<\/div>\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-b31137e e-flex e-con-boxed e-con e-parent\" data-id=\"b31137e\" 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-4040d04 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"4040d04\" 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 CREATIVE CLEAN YELLOW RIBBON -->\n<div id=\"cc-clean-ribbon-wrapper\">\n  <style>\n    \/* EL ENVOLTORIO: 100% de ancho, fondo amarillo, sin bordes agresivos *\/\n    #cc-clean-ribbon-wrapper {\n      width: 100%;\n      background-color: #FBD200;\n      font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n      padding: 30px 0; \/* Damos el espacio arriba y abajo directamente al contenedor *\/\n      border-top: 1px solid rgba(0,0,0,0.05);\n      border-bottom: 1px solid rgba(0,0,0,0.05);\n      box-sizing: border-box;\n    }\n\n    #cc-clean-ribbon-wrapper * {\n      box-sizing: border-box;\n    }\n\n    \/* EL CONTENEDOR INTERNO: Alineaci\u00f3n superior limpia *\/\n    .cc-cr-inner {\n      max-width: 1300px;\n      margin: 0 auto;\n      display: grid;\n      \/* Damos un poco m\u00e1s de espacio al horario para que no se hagan muchas l\u00edneas *\/\n      grid-template-columns: 1.6fr 1fr 1fr 1fr 1.2fr 1fr;\n      align-items: start; \/* Alineaci\u00f3n perfecta arriba *\/\n    }\n\n    \/* LAS CELDAS DE INFORMACI\u00d3N *\/\n    .cc-cr-item {\n      padding: 0 20px;\n      \/* Separador vertical sutil y elegante *\/\n      border-right: 1px solid rgba(0, 0, 0, 0.1);\n    }\n\n    .cc-cr-item:last-child {\n      border-right: none;\n    }\n\n    \/* ENCABEZADO: Icono y T\u00f3pico *\/\n    .cc-cr-header {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      margin-bottom: 6px;\n    }\n\n    .cc-cr-icon svg {\n      width: 18px;\n      height: 18px;\n      fill: #000;\n    }\n\n    \/* T\u00d3PICOS: En BOLD (Negrita) y negro para resaltar *\/\n    .cc-cr-title {\n      font-size: 15px !important;\n      font-weight: 800 !important; \/* BOLD *\/\n      color: #000000 !important;\n      margin: 0 !important;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n\n    \/* LO DEM\u00c1S: En peso normal (Regular) y color normal para no saturar *\/\n    .cc-cr-text {\n      font-size: 14px !important;\n      line-height: 1.5 !important;\n      font-weight: 400 !important; \/* NORMAL *\/\n      color: #333333 !important; \/* Gris muy oscuro \/ normal *\/\n      margin: 0 !important;\n    }\n\n    \/* RESPONSIVE DESIGN (Mantiene las l\u00edneas ordenadas en m\u00f3viles) *\/\n    @media (max-width: 1100px) {\n      .cc-cr-inner {\n        grid-template-columns: repeat(3, 1fr);\n        gap: 30px 0; \/* Espacio entre filas *\/\n      }\n      .cc-cr-item {\n        border-right: 1px solid rgba(0, 0, 0, 0.1);\n      }\n      .cc-cr-item:nth-child(3n) { border-right: none; }\n    }\n\n    @media (max-width: 768px) {\n      .cc-cr-inner {\n        grid-template-columns: repeat(2, 1fr);\n      }\n      .cc-cr-item:nth-child(3n) { border-right: 1px solid rgba(0, 0, 0, 0.1); } \/* Reset *\/\n      .cc-cr-item:nth-child(2n) { border-right: none; }\n    }\n\n    @media (max-width: 500px) {\n      .cc-cr-inner {\n        grid-template-columns: 1fr;\n        gap: 20px 0;\n      }\n      .cc-cr-item {\n        border-right: none !important;\n        padding: 0 20px;\n      }\n    }\n  <\/style>\n\n  <div class=\"cc-cr-inner\">\n\n    <!-- HORARIO -->\n    <div class=\"cc-cr-item\">\n      <div class=\"cc-cr-header\">\n        <div class=\"cc-cr-icon\">\n          <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z\"\/><\/svg>\n        <\/div>\n        <h3 class=\"cc-cr-title\">Horario<\/h3>\n      <\/div>\n      <p class=\"cc-cr-text\">De Lunes a Viernes, ma\u00f1anas de 9 a 2 pm o tardes de 4:00 pm a 08:00 pm seg\u00fan las necesidades horarias por uso de instalaciones en la escuela.<\/p>\n    <\/div>\n\n    <!-- LUGAR -->\n    <div class=\"cc-cr-item\">\n      <div class=\"cc-cr-header\">\n        <div class=\"cc-cr-icon\">\n          <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/><\/svg>\n        <\/div>\n        <h3 class=\"cc-cr-title\">Lugar<\/h3>\n      <\/div>\n      <p class=\"cc-cr-text\">Madrid.<\/p>\n    <\/div>\n\n    <!-- MODALIDAD -->\n    <div class=\"cc-cr-item\">\n      <div class=\"cc-cr-header\">\n        <div class=\"cc-cr-icon\">\n          <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z\"\/><\/svg>\n        <\/div>\n        <h3 class=\"cc-cr-title\">Modalidad<\/h3>\n      <\/div>\n      <p class=\"cc-cr-text\">Presencial.<\/p>\n    <\/div>\n\n    <!-- DURACI\u00d3N -->\n    <div class=\"cc-cr-item\">\n      <div class=\"cc-cr-header\">\n        <div class=\"cc-cr-icon\">\n          <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M15 1H9v2h6V1zm-4 13h2V8h-2v6zm8.03-6.61l1.42-1.42c-.43-.51-.9-.99-1.41-1.41l-1.42 1.42C16.07 4.74 14.12 4 12 4c-4.97 0-9 4.03-9 9s4.02 9 9 9 9-4.03 9-9c0-2.12-.74-4.07-1.97-5.61zM12 20c-3.87 0-7-3.13-7-7s3.13-7 7-7 7 3.13 7 7-3.13 7-7 7z\"\/><\/svg>\n        <\/div>\n        <h3 class=\"cc-cr-title\">Duraci\u00f3n<\/h3>\n      <\/div>\n      <p class=\"cc-cr-text\">100 horas lectivas.<\/p>\n    <\/div>\n\n    <!-- FECHAS -->\n    <div class=\"cc-cr-item\">\n      <div class=\"cc-cr-header\">\n        <div class=\"cc-cr-icon\">\n          <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11z\"\/><\/svg>\n        <\/div>\n        <h3 class=\"cc-cr-title\">Fechas<\/h3>\n      <\/div>\n      <p class=\"cc-cr-text\">Del 1 al 31 de julio, 2026.<\/p>\n    <\/div>\n\n    <!-- IDIOMA -->\n    <div class=\"cc-cr-item\">\n      <div class=\"cc-cr-header\">\n        <div class=\"cc-cr-icon\">\n          <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zm6.93 6h-2.95c-.32-1.25-.78-2.45-1.38-3.56 1.84.63 3.37 1.91 4.33 3.56zM12 4.04c.83 1.2 1.48 2.53 1.91 3.96h-3.82c.43-1.43 1.08-2.76 1.91-3.96zM4.26 14C4.1 13.36 4 12.69 4 12s.1-1.36.26-2h3.38c-.08.66-.14 1.32-.14 2 0 .68.06 1.34.14 2H4.26zm.82 2h2.95c.32 1.25.78 2.45 1.38 3.56-1.84-.63-3.37-1.9-4.33-3.56zm2.95-8H5.08c.96-1.66 2.49-2.93 4.33-3.56C8.81 5.55 8.35 6.75 8.03 8zM12 19.96c-.83-1.2-1.48-2.53-1.91-3.96h3.82c-.43 1.43-1.08 2.76-1.91 3.96zM14.34 14H9.66c-.09-.66-.16-1.32-.16-2 0-.68.07-1.35.16-2h4.68c.09.65.16 1.32.16 2 0 .68-.07 1.34-.16 2zm.25 5.56c.6-1.11 1.06-2.31 1.38-3.56h2.95c-.96 1.65-2.49 2.93-4.33 3.56zM16.36 14c.08-.66.14-1.32.14-2 0-.68-.06-1.34-.14-2h3.38c.16.64.26 1.31.26 2s-.1 1.36-.26 2h-3.38z\"\/><\/svg>\n        <\/div>\n        <h3 class=\"cc-cr-title\">Idioma<\/h3>\n      <\/div>\n      <p class=\"cc-cr-text\">Castellano.<\/p>\n    <\/div>\n\n  <\/div>\n<\/div>\n<!-- END COCO CREATIVE CLEAN YELLOW RIBBON -->\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-634f06b e-flex e-con-boxed e-con e-parent\" data-id=\"634f06b\" 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-463f52d elementor-widget elementor-widget-html\" data-id=\"463f52d\" 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 CREATIVE OBJECTIVES SECTION (TWO-COLUMN CLEAN) -->\n<div id=\"cc-obj-wrapper\">\n    <style>\n        \/* CSS SCOPING & RESET *\/\n        #cc-obj-wrapper {\n            width: 100%;\n            background-color: transparent;\n            font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n            padding: 80px 20px;\n            box-sizing: border-box;\n        }\n\n        #cc-obj-wrapper * {\n            box-sizing: border-box;\n        }\n\n        \/* MAIN CONTAINER - HORIZONTAL LAYOUT *\/\n        .cc-obj-container {\n            max-width: 1200px;\n            margin: 0 auto;\n            display: flex;\n            align-items: flex-start; \/* Alinea los elementos arriba *\/\n            justify-content: space-between;\n            gap: 80px; \/* Separaci\u00f3n amplia para respirar *\/\n        }\n\n        \/* LEFT COLUMN: TEXTS & BUTTON *\/\n        .cc-obj-left {\n            flex: 1;\n            max-width: 550px;\n        }\n\n        \/* RIGHT COLUMN: OBJECTIVES LIST (INFO CARD) *\/\n        .cc-obj-right {\n            flex: 1;\n            background-color: #F8F9FA; \/* Fondo muy sutil para diferenciar la info *\/\n            padding: 50px 40px;\n            border-radius: 8px;\n            border-top: 5px solid #FFD600; \/* L\u00ednea de acento arriba *\/\n            box-shadow: 0 10px 30px rgba(0,0,0,0.04); \/* Sombra muy suave *\/\n        }\n\n        \/* TYPOGRAPHY - LEFT *\/\n        .cc-obj-title {\n            font-size: 42px !important;\n            font-weight: 800 !important;\n            color: #111 !important;\n            margin: 0 0 25px 0 !important;\n            line-height: 1.1 !important;\n            letter-spacing: -1px;\n            position: relative;\n        }\n\n        \/* Detalle decorativo encima del t\u00edtulo *\/\n        .cc-obj-title::before {\n            content: \"\";\n            display: block;\n            width: 50px;\n            height: 6px;\n            background-color: #FFD600;\n            margin-bottom: 20px;\n        }\n\n        .cc-obj-lead {\n            font-size: 18px !important;\n            line-height: 1.6 !important;\n            color: #222 !important;\n            margin: 0 0 20px 0 !important;\n            font-weight: 600;\n        }\n\n        .cc-obj-desc {\n            font-size: 16px !important;\n            line-height: 1.7 !important;\n            color: #555 !important;\n            margin: 0 0 40px 0 !important;\n            font-weight: 400;\n        }\n\n        \/* TYPOGRAPHY - RIGHT (LIST) *\/\n        .cc-obj-subtitle {\n            font-size: 20px !important;\n            font-weight: 800 !important;\n            color: #111 !important;\n            margin: 0 0 25px 0 !important;\n            line-height: 1.3 !important;\n        }\n\n        .cc-obj-list {\n            margin: 0 !important;\n            padding: 0 !important;\n            list-style: none !important;\n        }\n\n        .cc-obj-list li {\n            font-size: 16px !important;\n            line-height: 1.6 !important;\n            color: #444 !important;\n            margin-bottom: 18px !important;\n            position: relative;\n            padding-left: 28px !important;\n        }\n\n        .cc-obj-list li:last-child {\n            margin-bottom: 0 !important;\n        }\n\n        \/* Cuadrados amarillos como vi\u00f1etas *\/\n        .cc-obj-list li::before {\n            content: \"\";\n            position: absolute;\n            left: 0;\n            top: 6px;\n            width: 10px;\n            height: 10px;\n            background-color: #FFD600;\n            border-radius: 2px;\n        }\n\n        \/* BUTTON STYLING *\/\n        .cc-obj-btn {\n            display: inline-block;\n            background-color: #FFD600;\n            color: #111;\n            font-weight: 700;\n            font-size: 15px;\n            text-decoration: none;\n            padding: 18px 36px;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n            border: 2px solid #FFD600;\n            transition: all 0.3s ease;\n        }\n\n        .cc-obj-btn:hover {\n            background-color: #111;\n            color: #FFD600;\n            border-color: #111;\n            transform: translateY(-3px);\n            box-shadow: 0 10px 20px rgba(0,0,0,0.1);\n        }\n\n        \/* RESPONSIVE DESIGN *\/\n        @media (max-width: 992px) {\n            .cc-obj-container {\n                flex-direction: column;\n                gap: 50px;\n            }\n            .cc-obj-left {\n                max-width: 100%;\n            }\n            .cc-obj-right {\n                width: 100%;\n                padding: 40px 25px;\n            }\n        }\n    <\/style>\n\n    <div class=\"cc-obj-container\">\n        \n        <!-- COLUMNA IZQUIERDA: TEXTOS Y BOT\u00d3N -->\n        <div class=\"cc-obj-left\">\n            <h2 class=\"cc-obj-title\">Objetivos generales del curso<\/h2>\n            \n            <p class=\"cc-obj-lead\">En la industria del entretenimiento digital, los efectos visuales juegan un papel fundamental en la creaci\u00f3n de experiencias inmersivas y realistas.<\/p>\n            \n            <p class=\"cc-obj-desc\">Houdini se ha consolidado como una de las herramientas m\u00e1s avanzadas para la generaci\u00f3n de efectos visuales en cine, animaci\u00f3n y videojuegos, debido a su enfoque procedural y sus poderosas herramientas de simulaci\u00f3n. Este curso proporciona una formaci\u00f3n integral para aquellos interesados en desarrollar habilidades en FX, permiti\u00e9ndoles aplicar conocimientos t\u00e9cnicos y art\u00edsticos en proyectos de alto nivel.<\/p>\n            \n            <a href=\"#form\" class=\"cc-obj-btn\">Pide m\u00e1s informaci\u00f3n<\/a>\n        <\/div>\n\n        <!-- COLUMNA DERECHA: TARJETA DE INFORMACI\u00d3N \/ LISTA -->\n        <div class=\"cc-obj-right\">\n            <h3 class=\"cc-obj-subtitle\">Con este curso el alumno conseguir\u00e1:<\/h3>\n            \n            <ul class=\"cc-obj-list\">\n                <li>Dominar el uso de Houdini para la creaci\u00f3n de efectos visuales din\u00e1micos.<\/li>\n                <li>Comprender y aplicar t\u00e9cnicas de simulaci\u00f3n en producci\u00f3n profesional.<\/li>\n                <li>Crear efectos realistas de part\u00edculas, fuego, humo, ropa y vegetaci\u00f3n.<\/li>\n                <li>Optimizar simulaciones y prepararlas para render y postproducci\u00f3n.<\/li>\n                <li>Desarrollar habilidades en la integraci\u00f3n de efectos visuales en producciones de cine, animaci\u00f3n y videojuegos.<\/li>\n                <li>Familiarizarse con herramientas avanzadas de Houdini para maximizar la eficiencia en producci\u00f3n.<\/li>\n            <\/ul>\n        <\/div>\n\n    <\/div>\n<\/div>\n<!-- END COCO CREATIVE OBJECTIVES 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-d2db4f6 e-flex e-con-boxed e-con e-parent\" data-id=\"d2db4f6\" 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-84478b3 elementor-widget elementor-widget-html\" data-id=\"84478b3\" 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-4708d14 e-flex e-con-boxed e-con e-parent\" data-id=\"4708d14\" 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-c45c956 elementor-widget elementor-widget-html\" data-id=\"c45c956\" 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 GRID SYLLABUS SECTION -->\n<div id=\"coco-grid-syllabus\">\n    <style>\n        \/* CSS SCOPING & RESET *\/\n        #coco-grid-syllabus {\n            width: 100%;\n            background-color: transparent;\n            font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n            padding: 80px 20px;\n            box-sizing: border-box;\n        }\n\n        #coco-grid-syllabus * {\n            box-sizing: border-box;\n        }\n\n        .coco-gs-container {\n            max-width: 1200px;\n            margin: 0 auto;\n        }\n\n        \/* 1. CABECERA DIVIDIDA *\/\n        .coco-gs-header {\n            display: flex;\n            align-items: flex-start;\n            justify-content: space-between;\n            gap: 80px;\n            margin-bottom: 60px;\n        }\n\n        .coco-gs-header-left {\n            flex: 1;\n        }\n\n        .coco-gs-header-right {\n            flex: 1.2;\n        }\n\n        \/* ETIQUETA AJUSTADA: Ya no parece bot\u00f3n, ahora es texto tipogr\u00e1fico limpio *\/\n        .coco-gs-tag {\n            display: inline-block;\n            color: #666 !important; \/* Gris oscuro elegante *\/\n            font-size: 13px !important;\n            font-weight: 700;\n            text-transform: uppercase;\n            letter-spacing: 2px;\n            margin-bottom: 15px;\n        }\n\n        .coco-gs-maintitle {\n            font-size: 38px !important;\n            font-weight: 800 !important;\n            color: #111 !important;\n            margin: 0 !important;\n            line-height: 1.15 !important;\n            letter-spacing: -1px;\n            position: relative;\n        }\n\n        \/* L\u00ednea amarilla sutil bajo el t\u00edtulo *\/\n        .coco-gs-maintitle::after {\n            content: \"\";\n            display: block;\n            width: 50px;\n            height: 5px;\n            background-color: #FFD600;\n            margin-top: 20px;\n        }\n\n        .coco-gs-intro {\n            font-size: 16px !important;\n            line-height: 1.7 !important;\n            color: #555 !important;\n            margin: 0 !important;\n        }\n\n        \/* 2. DISE\u00d1O DE M\u00d3DULOS (Cuadr\u00edcula limpia) *\/\n        .coco-gs-modules-grid {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr); \/* 2 columnas exactas *\/\n            gap: 40px;\n        }\n\n        \/* Tarjeta de cada m\u00f3dulo *\/\n        .coco-gs-card {\n            background-color: #ffffff;\n            border: 1px solid #eaeaea;\n            border-top: 4px solid #111; \/* Borde superior negro por defecto *\/\n            padding: 40px;\n            position: relative;\n            transition: all 0.3s ease;\n        }\n\n        \/* Efecto al pasar el rat\u00f3n: El borde se vuelve amarillo corporativo *\/\n        .coco-gs-card:hover {\n            border-top-color: #FFD600;\n            box-shadow: 0 10px 30px rgba(0,0,0,0.05);\n            transform: translateY(-3px);\n        }\n\n        \/* N\u00famero grande y sutil de fondo *\/\n        .coco-gs-number {\n            position: absolute;\n            top: 25px;\n            right: 30px;\n            font-size: 50px !important;\n            font-weight: 900 !important;\n            color: #f2f2f2 !important;\n            line-height: 1 !important;\n            letter-spacing: -2px;\n            z-index: 1;\n            margin: 0 !important;\n        }\n\n        .coco-gs-mod-title {\n            font-size: 22px !important;\n            font-weight: 800 !important;\n            color: #111 !important;\n            margin: 0 0 25px 0 !important;\n            line-height: 1.3 !important;\n            position: relative;\n            z-index: 2;\n            max-width: 85%; \/* Para que el texto no pise el n\u00famero gigante *\/\n        }\n\n        \/* 3. LISTAS DE TEMAS *\/\n        .coco-gs-list {\n            margin: 0 !important;\n            padding: 0 !important;\n            list-style: none !important;\n            position: relative;\n            z-index: 2;\n        }\n\n        .coco-gs-list li {\n            font-size: 15px !important;\n            line-height: 1.5 !important;\n            color: #444 !important;\n            position: relative;\n            padding-left: 20px !important;\n            margin-bottom: 12px !important;\n        }\n\n        .coco-gs-list li:last-child {\n            margin-bottom: 0 !important;\n        }\n\n        \/* Vi\u00f1etas cuadradas amarillas *\/\n        .coco-gs-list li::before {\n            content: \"\";\n            position: absolute;\n            left: 0;\n            top: 6px;\n            width: 7px;\n            height: 7px;\n            background-color: #FFD600;\n        }\n\n        \/* Subt\u00edtulo especial para la segunda parte del M\u00f3dulo 3 *\/\n        .coco-gs-subtitle {\n            font-size: 16px !important;\n            font-weight: 700 !important;\n            color: #111 !important;\n            margin: 35px 0 15px 0 !important;\n            padding-bottom: 10px;\n            border-bottom: 1px dashed #e0e0e0;\n            position: relative;\n            z-index: 2;\n        }\n\n        \/* RESPONSIVE DESIGN *\/\n        @media (max-width: 992px) {\n            .coco-gs-header {\n                flex-direction: column;\n                gap: 40px;\n            }\n            .coco-gs-maintitle {\n                font-size: 32px !important;\n            }\n        }\n\n        @media (max-width: 768px) {\n            .coco-gs-modules-grid {\n                grid-template-columns: 1fr; \/* Pasa a 1 sola columna en m\u00f3viles *\/\n                gap: 30px;\n            }\n            .coco-gs-card {\n                padding: 30px 25px;\n            }\n            .coco-gs-number {\n                font-size: 40px !important;\n                top: 20px;\n                right: 20px;\n            }\n        }\n    <\/style>\n\n    <div class=\"coco-gs-container\">\n        \n        <!-- CABECERA DIVIDIDA -->\n        <div class=\"coco-gs-header\">\n            <div class=\"coco-gs-header-left\">\n                <span class=\"coco-gs-tag\">Curso de Verano<\/span>\n                <h2 class=\"coco-gs-maintitle\">Un plan de estudios centrado en el mercado laboral<\/h2>\n            <\/div>\n            <div class=\"coco-gs-header-right\">\n                <p class=\"coco-gs-intro\">Nuestro curso de verano est\u00e1 dise\u00f1ado para introducir a los estudiantes en el mundo de la animaci\u00f3n 2D, combinando teor\u00eda y pr\u00e1ctica en un formato intensivo y creativo. A lo largo del programa, aprender\u00e1s los principios fundamentales de la animaci\u00f3n, explorando desde el dibujo de personajes y la construcci\u00f3n de movimientos hasta la narrativa visual y el ritmo de una secuencia animada. Cada m\u00f3dulo se enfoca en habilidades clave valoradas por la industria actual. Al finalizar, habr\u00e1s desarrollado una pieza animada original y un portafolio que refleje tu evoluci\u00f3n art\u00edstica, ideal para dar los primeros pasos en \u00e1reas como el cine, la televisi\u00f3n, la publicidad o los videojuegos.<\/p>\n            <\/div>\n        <\/div>\n\n        <!-- CUADR\u00cdCULA DE M\u00d3DULOS -->\n        <div class=\"coco-gs-modules-grid\">\n\n            <!-- M\u00d3DULO 1 -->\n            <div class=\"coco-gs-card\">\n                <div class=\"coco-gs-number\">01<\/div>\n                <h3 class=\"coco-gs-mod-title\">Introducci\u00f3n a la producci\u00f3n 2D<\/h3>\n                <ul class=\"coco-gs-list\">\n                    <li>Aspectos t\u00e9cnicos de la animaci\u00f3n 2D<\/li>\n                    <li>Creaci\u00f3n de la idea<\/li>\n                    <li>Conceptualizaci\u00f3n<\/li>\n                    <li>Guion y tratamiento de la historia<\/li>\n                    <li>Proceso de trabajo en una producci\u00f3n de animaci\u00f3n<\/li>\n                    <li>Storyboard<\/li>\n                    <li>Layout<\/li>\n                    <li>Proceso de trabajo del animador<\/li>\n                    <li>Postproducci\u00f3n<\/li>\n                <\/ul>\n            <\/div>\n\n            <!-- M\u00d3DULO 2 -->\n            <div class=\"coco-gs-card\">\n                <div class=\"coco-gs-number\">02<\/div>\n                <h3 class=\"coco-gs-mod-title\">T\u00e9cnicas de animaci\u00f3n 2D<\/h3>\n                <ul class=\"coco-gs-list\">\n                    <li>Herramientas y equipo de trabajo<\/li>\n                    <li>Caracterizaci\u00f3n<\/li>\n                    <li>Movimiento<\/li>\n                    <li>Composici\u00f3n<\/li>\n                    <li>Fondos<\/li>\n                    <li>Transparencia<\/li>\n                    <li>Continuidad<\/li>\n                    <li>Dibujo sobre pel\u00edcula<\/li>\n                    <li>Medios mixtos<\/li>\n                    <li>Animar un Flipbook<\/li>\n                    <li>Animaci\u00f3n 2D tradicional bajo c\u00e1mara<\/li>\n                    <li>Animaci\u00f3n por ordenador con software 2D<\/li>\n                <\/ul>\n            <\/div>\n\n            <!-- M\u00d3DULO 3 -->\n            <div class=\"coco-gs-card\">\n                <div class=\"coco-gs-number\">03<\/div>\n                <h3 class=\"coco-gs-mod-title\">Dise\u00f1o de personajes<\/h3>\n                <ul class=\"coco-gs-list\">\n                    <li>Creaci\u00f3n del personaje<\/li>\n                    <li>Construcci\u00f3n del personaje<\/li>\n                    <li>Modelsheets: realizaci\u00f3n de las poses y expresiones faciales<\/li>\n                    <li>Hojas de modelo a color<\/li>\n                <\/ul>\n\n                <h4 class=\"coco-gs-subtitle\">Principios b\u00e1sicos de la animaci\u00f3n 2D<\/h4>\n                <ul class=\"coco-gs-list\">\n                    <li>Animar Straight Ahead<\/li>\n                    <li>Staging. Puesta en escena<\/li>\n                    <li>Animar Pose to Pose<\/li>\n                    <li>Anticipaci\u00f3n<\/li>\n                    <li>Timing<\/li>\n                    <li>Squash y Stretch<\/li>\n                    <li>Overlap y Followthrough<\/li>\n                    <li>Salidas y frenadas suaves<\/li>\n                    <li>Slow in y Slow out<\/li>\n                    <li>Arcos de movimiento<\/li>\n                    <li>Acci\u00f3n secundaria<\/li>\n                    <li>Exageraci\u00f3n<\/li>\n                    <li>Dibujos s\u00f3lidos<\/li>\n                    <li>Appeal<\/li>\n                <\/ul>\n            <\/div>\n\n            <!-- M\u00d3DULO 4 -->\n            <div class=\"coco-gs-card\">\n                <div class=\"coco-gs-number\">04<\/div>\n                <h3 class=\"coco-gs-mod-title\">Animaci\u00f3n paso a paso<\/h3>\n                <ul class=\"coco-gs-list\">\n                    <li>Animando paso a paso<\/li>\n                    <li>Poses clave<\/li>\n                    <li>Actitud y Din\u00e1mica<\/li>\n                    <li>Inbetweens. Intercalado de dibujos<\/li>\n                    <li>Adici\u00f3n de bocas<\/li>\n                    <li>Acci\u00f3n extrema<\/li>\n                    <li>Clean-up<\/li>\n                <\/ul>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/div>\n<!-- END COCO GRID SYLLABUS 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-93565e3 e-flex e-con-boxed e-con e-parent\" data-id=\"93565e3\" 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-9af2b15 elementor-widget elementor-widget-html\" data-id=\"9af2b15\" 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 FULL-WIDTH TEACHER CARD -->\n<div id=\"coco-horizontal-teacher\">\n    <style>\n        \/* CSS SCOPING & RESET *\/\n        #coco-horizontal-teacher {\n            width: 100%;\n            background-color: transparent; \/* Se integra con tu web *\/\n            font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n            padding: 80px 20px;\n            box-sizing: border-box;\n            display: flex;\n            justify-content: center;\n        }\n\n        #coco-horizontal-teacher * {\n            box-sizing: border-box;\n        }\n\n        .coco-ht-container {\n            width: 100%;\n            max-width: 1200px; \/* Abarca todo el ancho *\/\n        }\n\n        \/* 1. CABECERA DE LA SECCI\u00d3N *\/\n        .coco-ht-header {\n            margin-bottom: 50px;\n            max-width: 900px; \/* Limita un poco el texto para que no sea una l\u00ednea eterna *\/\n        }\n\n        .coco-ht-title {\n            font-size: 38px !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            position: relative;\n        }\n\n        \/* L\u00ednea amarilla corporativa al inicio del t\u00edtulo *\/\n        .coco-ht-title::before {\n            content: \"\";\n            display: block;\n            width: 60px;\n            height: 5px;\n            background-color: #FFD600;\n            margin-bottom: 18px;\n        }\n\n        .coco-ht-intro {\n            font-size: 16px !important;\n            line-height: 1.7 !important;\n            color: #444 !important;\n            margin: 0 !important;\n        }\n\n        \/* 2. TARJETA HORIZONTAL DE ANCHO COMPLETO *\/\n        .coco-ht-card {\n            display: flex; \/* Layout horizontal *\/\n            background-color: #ffffff;\n            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.06); \/* Sombra elegante *\/\n            border-right: 6px solid #FFD600; \/* Acento de color a la derecha *\/\n            overflow: hidden; \/* Asegura que la imagen no se salga de las esquinas *\/\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n\n        .coco-ht-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1);\n        }\n\n        \/* COLUMNA IZQUIERDA: IMAGEN *\/\n        .coco-ht-img-col {\n            flex: 0 0 40%; \/* La imagen toma el 40% del ancho *\/\n            position: relative;\n            background-color: #111;\n        }\n\n        .coco-ht-img {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            object-fit: cover; \/* Rellena sin deformarse, ideal para adaptar tu foto apaisada *\/\n            object-position: center;\n            display: block;\n            filter: grayscale(100%); \/* Efecto blanco y negro *\/\n            transition: filter 0.4s ease;\n        }\n\n        \/* Al pasar el rat\u00f3n, la foto recupera su color *\/\n        .coco-ht-card:hover .coco-ht-img {\n            filter: grayscale(0%); \n        }\n\n        \/* COLUMNA DERECHA: INFORMACI\u00d3N *\/\n        .coco-ht-info-col {\n            flex: 1; \/* El texto toma el 60% restante *\/\n            padding: 60px 70px;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n        }\n\n        .coco-ht-role {\n            display: inline-block;\n            font-size: 13px !important;\n            font-weight: 700 !important;\n            color: #666 !important;\n            text-transform: uppercase;\n            letter-spacing: 2px;\n            margin-bottom: 10px !important;\n        }\n\n        .coco-ht-name {\n            font-size: 34px !important;\n            font-weight: 800 !important;\n            color: #111 !important;\n            margin: 0 0 25px 0 !important;\n            letter-spacing: -0.5px;\n            position: relative;\n        }\n\n        \/* Detalle decorativo bajo el nombre *\/\n        .coco-ht-name::after {\n            content: \"\";\n            display: block;\n            width: 40px;\n            height: 3px;\n            background-color: #FFD600;\n            margin-top: 15px;\n        }\n\n        .coco-ht-bio {\n            font-size: 16px !important;\n            line-height: 1.7 !important;\n            color: #555 !important;\n            margin: 0 0 35px 0 !important;\n            max-width: 90%;\n        }\n\n        \/* BOT\u00d3N *\/\n        .coco-ht-btn-wrapper {\n            margin-top: auto;\n        }\n\n        .coco-ht-btn {\n            display: inline-block;\n            background-color: #111;\n            color: #FFD600 !important;\n            font-size: 14px !important;\n            font-weight: 700 !important;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            padding: 16px 32px;\n            text-decoration: none !important;\n            border: none;\n            cursor: pointer;\n            transition: all 0.3s ease;\n        }\n\n        .coco-ht-btn:hover {\n            background-color: #FFD600;\n            color: #111 !important;\n        }\n\n        \/* RESPONSIVE DESIGN *\/\n        @media (max-width: 992px) {\n            .coco-ht-info-col {\n                padding: 40px 40px;\n            }\n            .coco-ht-name {\n                font-size: 28px !important;\n            }\n        }\n\n        @media (max-width: 768px) {\n            .coco-ht-title {\n                font-size: 32px !important;\n            }\n            \/* En m\u00f3viles, se apila de forma vertical *\/\n            .coco-ht-card {\n                flex-direction: column; \n                border-right: none;\n                border-bottom: 6px solid #FFD600; \/* La barra amarilla pasa abajo *\/\n            }\n            .coco-ht-img-col {\n                width: 100%;\n                height: 350px; \/* Altura fija para la foto en celular *\/\n            }\n            .coco-ht-img {\n                position: relative;\n            }\n            .coco-ht-info-col {\n                padding: 40px 25px;\n            }\n            .coco-ht-bio {\n                max-width: 100%;\n            }\n        }\n    <\/style>\n\n    <div class=\"coco-ht-container\">\n        \n        <!-- CABECERA -->\n        <div class=\"coco-ht-header\">\n            <h2 class=\"coco-ht-title\">Profesores y profesionales en activo<\/h2>\n            <p class=\"coco-ht-intro\">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>\n        <\/div>\n\n        <!-- TARJETA HORIZONTAL (Full Width) -->\n        <div class=\"coco-ht-card\">\n            \n            <!-- IMAGEN (Izquierda) -->\n            <div class=\"coco-ht-img-col\">\n                <!-- ENLACE DE LA FOTO ACTUALIZADO -->\n                <img decoding=\"async\" src=\"https:\/\/cocoschool.com\/wp-content\/uploads\/2025\/04\/Mauricio-480x229-1.jpg\" alt=\"Profesor en Activo\" class=\"coco-ht-img\">\n            <\/div>\n\n            <!-- INFORMACI\u00d3N (Derecha) -->\n            <div class=\"coco-ht-info-col\">\n                <span class=\"coco-ht-role\">Director del \u00e1rea de Animaci\u00f3n 2D<\/span>\n                <h3 class=\"coco-ht-name\">Yahir Lima<\/h3>\n                <p class=\"coco-ht-bio\">Animador 2D, artista storyboard y dise\u00f1ador de personajes para formatos de series y pel\u00edculas. Actualmente director de animaci\u00f3n en ANIMA STUDIOS.<\/p>\n                \n                <div class=\"coco-ht-btn-wrapper\">\n                    <a href=\"#\" class=\"coco-ht-btn\">Ver Portfolio<\/a>\n                <\/div>\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n<\/div>\n<!-- END COCO FULL-WIDTH TEACHER CARD -->\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<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<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\/mJJ0VY?alignLeft=1&hideTitle=1&transparentBackground=1&dynamicHeight=1\" loading=\"lazy\" width=\"100%\" height=\"391\" frameborder=\"0\" marginheight=\"0\" marginwidth=\"0\" title=\"M\u00e1ster Avanzado en modelado y animaci\u00f3n de personajes 3d para cine y videojuegos\r\n\"><\/iframe><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>access_time Horario De lunes a viernes, ma\u00f1anas de 9 a 2 pm o tardes de 4:00 pm a 08:00 pm seg\u00fan las necesidades horarias por uso de instalaciones en la escuela. location_on Lugar Madrid. location_city Modalidad Presencial assignment Duraci\u00f3n 100 horas lectivas assignment Fechas Del 1 de julio de 2026 al 31 de julio de [&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-18594","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cocoschool.com\/index.php\/wp-json\/wp\/v2\/pages\/18594","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=18594"}],"version-history":[{"count":115,"href":"https:\/\/cocoschool.com\/index.php\/wp-json\/wp\/v2\/pages\/18594\/revisions"}],"predecessor-version":[{"id":27208,"href":"https:\/\/cocoschool.com\/index.php\/wp-json\/wp\/v2\/pages\/18594\/revisions\/27208"}],"wp:attachment":[{"href":"https:\/\/cocoschool.com\/index.php\/wp-json\/wp\/v2\/media?parent=18594"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}