{"id":11035,"date":"2026-04-11T00:35:31","date_gmt":"2026-04-11T03:35:31","guid":{"rendered":"https:\/\/www.madriproducoes.com.br\/portal\/?post_type=documento&#038;p=11035"},"modified":"2026-04-16T23:52:47","modified_gmt":"2026-04-17T02:52:47","slug":"etapa-3","status":"publish","type":"documento","link":"https:\/\/www.madriproducoes.com.br\/portal\/documentos\/geppetto-creator\/manual-de-uso\/etapa-3\/","title":{"rendered":"3. Biblioteca de Elementos"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"11035\" class=\"elementor elementor-11035\" data-elementor-post-type=\"documento\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5f743022 e-con-full e-flex e-con e-parent\" data-id=\"5f743022\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-5a3234cd e-con-full e-flex e-con e-child\" data-id=\"5a3234cd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-cf53a0a e-con-full e-flex e-con e-child\" data-id=\"cf53a0a\" data-element_type=\"container\" data-e-type=\"container\" id=\"menu-lateral\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7b733e1e elementor-widget elementor-widget-heading\" data-id=\"7b733e1e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Documenta\u00e7\u00e3o<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a3dc7c4 elementor-widget elementor-widget-shortcode\" data-id=\"a3dc7c4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\t\t<div data-elementor-type=\"section\" data-elementor-id=\"10670\" class=\"elementor elementor-10670\" data-elementor-post-type=\"elementor_library\">\n\t\t\t<div class=\"elementor-element elementor-element-de83b0f e-flex e-con-boxed e-con e-parent\" data-id=\"de83b0f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7badc42 elementor-widget elementor-widget-n-accordion\" data-id=\"7badc42\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;default_state&quot;:&quot;all_collapsed&quot;,&quot;max_items_expended&quot;:&quot;multiple&quot;,&quot;n_accordion_animation_duration&quot;:{&quot;unit&quot;:&quot;ms&quot;,&quot;size&quot;:400,&quot;sizes&quot;:[]}}\" data-widget_type=\"nested-accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-accordion\" aria-label=\"Accordion. Open links with Enter or Space, close with Escape, and navigate with Arrow Keys\">\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1290\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"1\" tabindex=\"0\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1290\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Geppetto Creator <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"icon icon-chevron-up\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"icon icon-chevron-down\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1290\" class=\"elementor-element elementor-element-8d905a1 e-con-full e-flex e-con e-child\" data-id=\"8d905a1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1624b84 elementor-widget elementor-widget-n-accordion\" data-id=\"1624b84\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;default_state&quot;:&quot;all_collapsed&quot;,&quot;max_items_expended&quot;:&quot;one&quot;,&quot;n_accordion_animation_duration&quot;:{&quot;unit&quot;:&quot;ms&quot;,&quot;size&quot;:400,&quot;sizes&quot;:[]}}\" data-widget_type=\"nested-accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-accordion\" aria-label=\"Accordion. Open links with Enter or Space, close with Escape, and navigate with Arrow Keys\">\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-2320\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"1\" tabindex=\"0\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-2320\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Manual de Uso <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"icon icon-chevron-up\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"icon icon-chevron-down\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region region\" aria-labelledby=\"e-n-accordion-item-1290 e-n-accordion-item-2320\" class=\"elementor-element elementor-element-18ad6c3 e-con-full e-flex e-con e-child\" data-id=\"18ad6c3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cd23d5f elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"cd23d5f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.madriproducoes.com.br\/portal\/documentos\/geppetto-creator\/manual-de-uso\/etapa-1\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">1. Primeiros Passos no Geppetto Creator<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.madriproducoes.com.br\/portal\/documentos\/geppetto-creator\/manual-de-uso\/etapa-2\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">2. Cria\u00e7\u00e3o e Configura\u00e7\u00e3o Inicial do Projeto\u200b<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.madriproducoes.com.br\/portal\/documentos\/geppetto-creator\/manual-de-uso\/etapa-3\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">3. Biblioteca de Elementos<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.madriproducoes.com.br\/portal\/documentos\/geppetto-creator\/manual-de-uso\/etapa-4\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">4. Projetos e Elementos<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.madriproducoes.com.br\/portal\/documentos\/geppetto-creator\/manual-de-uso\/etapa-5\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">5.  Cria\u00e7\u00e3o de Projeto e Elementos<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.madriproducoes.com.br\/portal\/documentos\/geppetto-creator\/manual-de-uso\/etapa-6\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">6. Integra\u00e7\u00f5es e Plugins Moodle<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.madriproducoes.com.br\/portal\/documentos\/geppetto-creator\/manual-de-uso\/etapa-7\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">7. Palco: configurar, mover, duplicar e excluir<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1291\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"2\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1291\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Widget de acessibilidade <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"icon icon-chevron-up\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"icon icon-chevron-down\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1291\" class=\"elementor-element elementor-element-ead6977 e-con-full e-flex e-con e-child\" data-id=\"ead6977\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c7037a5 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"c7037a5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"http:\/\/www.madriproducoes.com.br\/portal\/documentos\/widget-de-acessibilidade\/informacoes-do-plugin\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Informa\u00e7\u00f5es do Plugin<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.madriproducoes.com.br\/portal\/documentos\/widget-de-acessibilidade\/instalacao\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Instala\u00e7\u00e3o<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.madriproducoes.com.br\/portal\/documentos\/widget-de-acessibilidade\/manual-de-uso\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Manual de uso<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.madriproducoes.com.br\/portal\/documentos\/widget-de-acessibilidade\/changelog\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Changelog<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1292\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"3\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1292\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Plugin auto message <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"icon icon-chevron-up\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"icon icon-chevron-down\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1292\" class=\"elementor-element elementor-element-cc246f0 e-con-full e-flex e-con e-child\" data-id=\"cc246f0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-900f2c2 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"900f2c2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Informa\u00e7\u00f5es do Plugin<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Instala\u00e7\u00e3o<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Manual de uso<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Changelog<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1293\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"4\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1293\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Plugin auto message <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"icon icon-chevron-up\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"icon icon-chevron-down\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1293\" class=\"elementor-element elementor-element-383a1fc e-con-full e-flex e-con e-child\" data-id=\"383a1fc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-49fa061 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"49fa061\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Informa\u00e7\u00f5es do Plugin<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Instala\u00e7\u00e3o<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Manual de uso<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Changelog<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t<\/div>\n\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\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6c974bf0 e-con-full e-flex e-con e-child\" data-id=\"6c974bf0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-185151c0 e-con-full e-flex e-con e-child\" data-id=\"185151c0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dfa8fe5 elementor-widget elementor-widget-html\" data-id=\"dfa8fe5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<nav class=\"bread-docs\">\r\n  <ul>\r\n    <li><a href=\"\/portal\/documentos\">Documenta\u00e7\u00e3o<\/a><\/li>\r\n    <li><a href=\"\/portal\/documentos\/geppetto-creator\/\">Geppetto Creator<\/a><\/li>\r\n    <li><a href=\"\/portal\/documentos\/geppetto-creator\/manual-de-uso\">Manual de uso<\/a><\/li>\r\n    <li class=\"active\">3. Biblioteca de Elementos<\/li>\r\n  <\/ul>\r\n<\/nav>\r\n\r\n<style>\r\n  .bread-docs ul {\r\n    list-style: none;\r\n    display: flex;\r\n    flex-wrap: wrap; \/* permite quebrar linha *\/\r\n    align-items: center;\r\n    padding: 10px 15px;\r\n    background-color: #ebebeb;\r\n    font-size: 14px;\r\n    border-radius: 5px;\r\n    gap: 5px; \/* melhora espa\u00e7amento no mobile *\/\r\n}\r\n\r\n.bread-docs li {\r\n    display: flex;\r\n    align-items: center;\r\n    color: #000;\r\n    flex-wrap: wrap;\r\n}\r\n\r\n\/* seta *\/\r\n.bread-docs li:not(:last-child)::after {\r\n    content: \">\";\r\n    margin: 0 8px;\r\n    color: #aaa;\r\n}\r\n\r\n\/* links *\/\r\n.bread-docs a {\r\n    color: #000;\r\n    text-decoration: none;\r\n}\r\n\r\n.bread-docs a:hover {\r\n    color: #0073aa;\r\n    text-decoration: underline;\r\n}\r\n\r\n\/* ativo *\/\r\n.bread-docs li.active {\r\n    color: #0073aa;\r\n    font-weight: 500;\r\n}\r\n\r\n\/* \ud83d\udd3d MOBILE *\/\r\n@media (max-width: 600px) {\r\n    .bread-docs ul {\r\n        font-size: 13px;\r\n        padding: 8px 10px;\r\n    }\r\n\r\n    .bread-docs li {\r\n        line-height: 1.4;\r\n    }\r\n\r\n    .bread-docs li:not(:last-child)::after {\r\n        margin: 0 5px;\r\n    }\r\n}\r\n<\/style> \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7c551be e-con-full e-flex e-con e-child\" data-id=\"7c551be\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ed3a3e1 elementor-widget elementor-widget-heading\" data-id=\"ed3a3e1\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"#introducao\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">3. Biblioteca de Elementos<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8a183b6 elementor-widget elementor-widget-heading\" data-id=\"8a183b6\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"tema-1\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Passo 1: Ativa\u00e7\u00e3o da Barra de Elementos<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-915a66d elementor-widget elementor-widget-image\" data-id=\"915a66d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"361\" src=\"https:\/\/www.madriproducoes.com.br\/portal\/wp-content\/uploads\/2026\/04\/passo-1-1024x462.png\" class=\"attachment-large size-large wp-image-11037\" alt=\"\" srcset=\"https:\/\/www.madriproducoes.com.br\/portal\/wp-content\/uploads\/2026\/04\/passo-1-1024x462.png 1024w, https:\/\/www.madriproducoes.com.br\/portal\/wp-content\/uploads\/2026\/04\/passo-1-300x135.png 300w, https:\/\/www.madriproducoes.com.br\/portal\/wp-content\/uploads\/2026\/04\/passo-1-768x346.png 768w, https:\/\/www.madriproducoes.com.br\/portal\/wp-content\/uploads\/2026\/04\/passo-1.png 1366w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a6cc630 texo-de-etapa elementor-widget elementor-widget-text-editor\" data-id=\"a6cc630\" data-element_type=\"widget\" data-e-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\t\t<p>No editor de projeto, clique no bot\u00e3o\u00a0<b>Adicionar um elemento<\/b>\u00a0ou no \u00edcone de\u00a0<b>+<\/b>\u00a0dentro de um grid para ativar e exibir a barra lateral esquerda completa contendo todos os blocos dispon\u00edveis.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8d604a6 e-con-full e-flex e-con e-child\" data-id=\"8d604a6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-84c88b1 elementor-widget elementor-widget-heading\" data-id=\"84c88b1\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"tema-2\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Passo 2:  Explorando os Elementos\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-551a947 elementor-widget elementor-widget-heading\" data-id=\"551a947\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">- B\u00e1sico (14 recursos)<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-044f30c elementor-widget elementor-widget-image\" data-id=\"044f30c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"529\" height=\"331\" src=\"https:\/\/www.madriproducoes.com.br\/portal\/wp-content\/uploads\/2026\/04\/Passo-2-1.png\" class=\"attachment-large size-large wp-image-11038\" alt=\"\" srcset=\"https:\/\/www.madriproducoes.com.br\/portal\/wp-content\/uploads\/2026\/04\/Passo-2-1.png 529w, https:\/\/www.madriproducoes.com.br\/portal\/wp-content\/uploads\/2026\/04\/Passo-2-1-300x188.png 300w\" sizes=\"(max-width: 529px) 100vw, 529px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ae3dd46 lista-de-icones elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"ae3dd46\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i class=\"spectre-lucide-type spectre-icon--style-outline\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <path d=\"M12 4v16\"\/> <path d=\"M4 7V5a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v2\"\/> <path d=\"M9 20h6\"\/> <\/svg><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><strong>Texto<\/strong>: Bloco base para escrita, inser\u00e7\u00e3o e formata\u00e7\u00e3o rica de par\u00e1grafos do curso.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i class=\"spectre-lucide-image spectre-icon--style-outline\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <rect width=\"18\" height=\"18\" x=\"3\" y=\"3\"\/> <circle cx=\"9\" cy=\"9\" r=\"2\"\/> <path d=\"m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21\"\/> <\/svg><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><strong>Imagem<\/strong>: Permite subir imagens locais via upload ou incorporar imagens a partir de links externos.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i class=\"spectre-lucide-video spectre-icon--style-outline\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <path d=\"m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5\"\/> <rect x=\"2\" y=\"6\" width=\"14\" height=\"12\"\/> <\/svg><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><strong>V\u00eddeo<\/strong>: Adiciona v\u00eddeos ao projeto; suporta links do YouTube e Vimeo.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i class=\"spectre-lucide-puzzle spectre-icon--style-outline\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <path d=\"M15.39 4.39a1 1 0 0 0 1.68-.474 2.5 2.5 0 1 1 3.014 3.015 1 1 0 0 0-.474 1.68l1.683 1.682a2.414 2.414 0 0 1 0 3.414L19.61 15.39a1 1 0 0 1-1.68-.474 2.5 2.5 0 1 0-3.014 3.015 1 1 0 0 1 .474 1.68l-1.683 1.682a2.414 2.414 0 0 1-3.414 0L8.61 19.61a1 1 0 0 0-1.68.474 2.5 2.5 0 1 1-3.014-3.015 1 1 0 0 0 .474-1.68l-1.683-1.682a2.414 2.414 0 0 1 0-3.414L4.39 8.61a1 1 0 0 1 1.68.474 2.5 2.5 0 1 0 3.014-3.015 1 1 0 0 1-.474-1.68l1.683-1.682a2.414 2.414 0 0 1 3.414 0z\"\/> <\/svg><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><strong>H5P \/ Genially<\/strong>: Facilita a incorpora\u00e7\u00e3o otimizada de pacotes din\u00e2micos e games de terceiros via iframe.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i class=\"spectre-lucide-mouse-pointer-click spectre-icon--style-outline\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <path d=\"M14 4.1 12 6\"\/> <path d=\"m5.1 8-2.9-.8\"\/> <path d=\"m6 12-1.9 2\"\/> <path d=\"M7.2 2.2 8 5.1\"\/> <path d=\"M9.037 9.69a.498.498 0 0 1 .653-.653l11 4.5a.5.5 0 0 1-.074.949l-4.349 1.041a1 1 0 0 0-.74.739l-1.04 4.35a.5.5 0 0 1-.95.074z\"\/> <\/svg><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><strong>Bot\u00e3o<\/strong>: Gera bot\u00f5es clic\u00e1veis de call to action e redirecionamento r\u00e1pido de navega\u00e7\u00e3o.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i class=\"spectre-lucide-chevrons-left-right spectre-icon--style-outline\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <path d=\"m9 7-5 5 5 5\"\/> <path d=\"m15 7 5 5-5 5\"\/> <\/svg><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><strong>Pagina\u00e7\u00e3o<\/strong>: Controles posicionados na base para guiar o avan\u00e7o linear entre as p\u00e1ginas da aula.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i class=\"spectre-lucide-layout-template spectre-icon--style-outline\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <rect width=\"18\" height=\"7\" x=\"3\" y=\"3\"\/> <rect width=\"9\" height=\"7\" x=\"3\" y=\"14\"\/> <rect width=\"5\" height=\"7\" x=\"16\" y=\"14\"\/> <\/svg><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><strong>Lista \u00cdcones<\/strong>: Formata enumera\u00e7\u00f5es acompanhado por um vasto banco de \u00edcones no lugar dos marcadores convencionais.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i class=\"spectre-lucide-layers spectre-icon--style-outline\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"\/> <path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"\/> <path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"\/> <\/svg><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><strong>Abas<\/strong>: Distribui o aprendizado e conte\u00fados extensos separados em divis\u00f5es horizontais naveg\u00e1veis (tabs).<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i class=\"spectre-lucide-chevron-down spectre-icon--style-outline\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <path d=\"m6 9 6 6 6-6\"\/> <\/svg><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><strong>Accordion<\/strong>: Esconde informa\u00e7\u00f5es volumosas dentro de abas sanfonadas (retra\u00eddas) para poupar espa\u00e7o vertical na leitura.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i class=\"spectre-lucide-minus spectre-icon--style-outline\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <path d=\"M5 12h14\"\/> <\/svg><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><strong>Linha<\/strong>: Traz uma barra cont\u00ednua divis\u00f3ria indicando a transi\u00e7\u00e3o exata entre as pautas da aula.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i class=\"spectre-lucide-layout-template spectre-icon--style-outline\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <rect width=\"18\" height=\"7\" x=\"3\" y=\"3\"\/> <rect width=\"9\" height=\"7\" x=\"3\" y=\"14\"\/> <rect width=\"5\" height=\"7\" x=\"16\" y=\"14\"\/> <\/svg><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><strong>Aviso<\/strong>: Caixa proeminente pr\u00e9-estilizada, fundamental para alertas e fixar a aten\u00e7\u00e3o das mensagens institucionais para o aluno.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i class=\"spectre-lucide-type spectre-icon--style-outline\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <path d=\"M12 4v16\"\/> <path d=\"M4 7V5a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v2\"\/> <path d=\"M9 20h6\"\/> <\/svg><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><strong>Cabe\u00e7alho<\/strong>: Componente ideal para de t\u00edtulos grandes (\"Heading\" escal\u00e1vel de H1 a H6).<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i class=\"spectre-lucide-sticky-note spectre-icon--style-outline\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <path d=\"M21 9a2.4 2.4 0 0 0-.706-1.706l-3.588-3.588A2.4 2.4 0 0 0 15 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2z\"\/> <path d=\"M15 3v5a1 1 0 0 0 1 1h5\"\/> <\/svg><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><strong>Post-it<\/strong>: Emula visualmente pequenos pap\u00e9is adesivos coloridos para trazer notas r\u00e1pidas \u00e0 aten\u00e7\u00e3o.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i class=\"spectre-lucide-separator-vertical spectre-icon--style-outline\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <path d=\"M12 3v18\"\/> <path d=\"m16 16 4-4-4-4\"\/> <path d=\"m8 8-4 4 4 4\"\/> <\/svg><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><strong>Espa\u00e7ador<\/strong>: Elemento invis\u00edvel; adiciona \"vazios\" dimension\u00e1veis para criar os respiros obrigat\u00f3rios e alinhar a est\u00e9tica do design no projeto.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-073e1f4 e-con-full e-flex e-con e-child\" data-id=\"073e1f4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c5ebc0f elementor-widget elementor-widget-heading\" data-id=\"c5ebc0f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">- Expert (9 recursos)<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1d23b95 elementor-widget elementor-widget-image\" data-id=\"1d23b95\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"791\" height=\"390\" src=\"https:\/\/www.madriproducoes.com.br\/portal\/wp-content\/uploads\/2026\/04\/Passo-3.png\" class=\"attachment-large size-large wp-image-11046\" alt=\"\" srcset=\"https:\/\/www.madriproducoes.com.br\/portal\/wp-content\/uploads\/2026\/04\/Passo-3.png 791w, https:\/\/www.madriproducoes.com.br\/portal\/wp-content\/uploads\/2026\/04\/Passo-3-300x148.png 300w, https:\/\/www.madriproducoes.com.br\/portal\/wp-content\/uploads\/2026\/04\/Passo-3-768x379.png 768w\" sizes=\"(max-width: 791px) 100vw, 791px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-04a589d e-con-full e-flex e-con e-child\" data-id=\"04a589d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-598164a lista-de-icones list-expert elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"598164a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-heading-icon lucide-heading\"><path d=\"M6 12h12\"><\/path><path d=\"M6 20V4\"><\/path><path d=\"M18 20V4\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><strong>T\u00edtulo<\/strong>: Elemento flex\u00edvel exclusivo para configura\u00e7\u00e3o mais avan\u00e7ada e descolada da tipografia formadora de t\u00edtulos. Trabalha em conjuto com o elemento \"Menu do cabe\u00e7alho\" para criar ancoragem do menu com textos ou p\u00e1ginas<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"26\" height=\"26\" viewBox=\"0 0 26 26\" fill=\"none\"><g clip-path=\"url(#clip0_31_2681)\"><mask id=\"mask0_31_2681\" style=\"mask-type:luminance\" maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"0\" width=\"110\" height=\"26\"><path d=\"M109.474 0H0V26H109.474V0Z\" fill=\"white\"><\/path><\/mask><g mask=\"url(#mask0_31_2681)\"><path d=\"M10.8006 2.85692L10.7998 2.85642L10.7977 2.85512C9.11167 1.77164 7.11296 1.78315 5.54085 2.52302C3.96758 3.26342 2.73682 4.7827 2.73682 6.75693V19.2443C2.73682 21.2187 3.96777 22.7372 5.54103 23.4772C7.10707 24.2139 9.09635 24.2279 10.7783 23.1587L21.0325 17.3251L21.0375 17.3222L21.0423 17.3192L21.0556 17.3105C23.9985 15.4229 23.9989 11.3952 21.057 9.50686L21.0555 9.50586L10.8006 2.85692Z\" fill=\"white\"><\/path><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M11.0597 1.12956L11.071 1.13619L11.0858 1.14576L22.4301 8.27732L22.5248 8.33372L22.5353 8.34392C26.3287 10.7912 26.2964 15.9487 22.4384 18.3497L22.4365 18.3509L22.4208 18.3607L22.3953 18.3765L22.3643 18.3939L11.0247 24.6487C8.84271 25.9827 6.27535 25.9567 4.26066 25.0379C2.22939 24.1115 0.562622 22.1665 0.562622 19.5852V6.17132C0.562622 3.59032 2.22893 1.64454 4.26026 0.717643C6.2857 -0.206579 8.87015 -0.228313 11.0597 1.12956ZM9.96667 2.82247C8.42302 1.86066 6.58487 1.86536 5.1308 2.52887C3.67609 3.19265 2.61526 4.51087 2.61526 6.17132V19.5852C2.61526 21.2456 3.67603 22.5629 5.13082 23.2265C6.57935 23.8871 8.40934 23.8941 9.94942 22.9449L9.97063 22.9318L21.3335 16.6641C23.8791 15.0799 23.9579 11.8138 21.5704 10.1253H21.4606L21.2372 9.90752L9.97926 2.83028L9.96667 2.82247Z\" fill=\"white\"><\/path><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M4.79634 1.83538C6.47136 1.07104 8.59864 1.06047 10.3914 2.17745L10.3937 2.17885L21.7562 9.32185L21.7577 9.32278C24.8694 11.2593 24.8689 15.3744 21.7562 17.3102L21.7414 17.3195L10.3756 23.5888C8.58626 24.6941 6.46657 24.6814 4.79648 23.9199C3.12037 23.1555 1.82776 21.5976 1.82776 19.5851V6.17132C1.82776 4.15892 3.12023 2.60018 4.79634 1.83538ZM5.35781 3.02458C4.05562 3.61878 3.16135 4.76665 3.16135 6.17132V19.5851C3.16135 20.9897 4.05541 22.1367 5.35767 22.7305C6.66102 23.325 8.30396 23.3259 9.67792 22.4713L9.69283 22.4621L21.0577 16.1934C23.3288 14.7685 23.324 11.8483 21.0433 10.4298L21.0405 10.4281L9.67751 3.28485L9.67641 3.28412C8.30286 2.42892 6.66075 2.43005 5.35781 3.02458Z\" fill=\"#232536\"><\/path><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M8.44235 9.80127C9.68611 9.80127 10.6912 10.7927 10.6912 12.0121C10.6912 14.1734 8.91302 15.9217 6.7146 15.9182H2.1698V9.80127H8.44235ZM7.83566 13.6235C7.1117 13.7211 6.44482 13.2235 6.34561 12.5118C6.24639 11.8 6.75251 11.1444 7.47652 11.0469C8.20048 10.9492 8.86738 11.4469 8.96666 12.1587C9.06587 12.8704 8.55969 13.526 7.83566 13.6235Z\" fill=\"#232536\"><\/path><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M17.0319 9.80127C15.7916 9.80127 14.7865 10.7927 14.7865 12.0121C14.7865 14.1734 16.5648 15.9217 18.7564 15.9182H22.1314C22.4978 15.9182 22.8475 15.7763 23.1062 15.5217C23.3652 15.2705 23.5096 14.9268 23.5096 14.5667V11.9791C23.5096 11.404 23.2778 10.8489 22.861 10.4391C22.4473 10.0293 21.8826 9.80127 21.2944 9.80127H17.0319ZM17.3196 13.516C18.0435 13.6135 18.7104 13.1161 18.8097 12.4043C18.9095 11.6881 18.4034 11.0323 17.6787 10.9394C16.9547 10.8419 16.2879 11.3394 16.1887 12.0512C16.0894 12.763 16.5956 13.4185 17.3196 13.516Z\" fill=\"#232536\"><\/path><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M9.23594 5.84376C9.57914 5.65149 9.7766 5.28029 9.73589 4.89176C9.69518 4.50329 9.42841 4.17782 9.05134 4.05682C8.05116 3.73582 6.96635 3.81869 6.0296 4.28636C5.09278 4.75396 4.38359 5.56929 4.05812 6.54942L3.89534 7.03949C3.76808 7.42276 3.89828 7.84002 4.22301 8.08676C4.54774 8.33349 4.99008 8.35376 5.33738 8.13842C6.2935 7.53796 7.18933 6.98076 7.18933 6.98076C7.18933 6.98076 8.22009 6.41116 9.23594 5.84376Z\" fill=\"#232536\"><\/path><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M13.5406 15.6651C13.5406 15.5339 13.4873 15.4093 13.3951 15.3169C13.3008 15.2247 13.1735 15.1729 13.0402 15.1729C12.7141 15.1729 12.2874 15.1729 11.9614 15.1729C11.8279 15.1729 11.7008 15.2247 11.6066 15.3169C11.5121 15.4093 11.4608 15.5339 11.4608 15.6651C11.4608 15.7946 11.5142 15.921 11.6066 16.0134C11.7008 16.1056 11.8279 16.1574 11.9614 16.1574C12.2874 16.1574 12.7141 16.1574 13.0402 16.1574C13.1735 16.1574 13.3008 16.1056 13.3951 16.0134C13.4873 15.921 13.5406 15.7963 13.5406 15.6651Z\" fill=\"#232536\"><\/path><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M11.5072 15.2203C11.6276 15.1026 11.7903 15.0361 11.9615 15.0361H13.0403C13.2112 15.0361 13.3741 15.1026 13.4946 15.2203L13.4957 15.2215C13.613 15.339 13.681 15.4977 13.681 15.6651C13.681 15.8325 13.613 15.9912 13.4957 16.1087L13.4946 16.1099C13.3741 16.2277 13.2112 16.2941 13.0403 16.2941H11.9615C11.7903 16.2941 11.6276 16.2276 11.5072 16.1099L11.5061 16.1088C11.3885 15.9911 11.3206 15.8306 11.3206 15.6651C11.3206 15.4989 11.3857 15.3393 11.5072 15.2203ZM11.9615 15.3095C11.8655 15.3095 11.7742 15.3467 11.706 15.4133C11.6386 15.4793 11.6012 15.5688 11.6012 15.6651C11.6012 15.7583 11.6398 15.8503 11.7066 15.9175C11.7747 15.9837 11.8658 16.0207 11.9615 16.0207H13.0403C13.1358 16.0207 13.2271 15.9837 13.2952 15.9175C13.362 15.8502 13.4004 15.7599 13.4004 15.6651C13.4004 15.5703 13.362 15.48 13.2952 15.4127C13.2271 15.3465 13.1358 15.3095 13.0403 15.3095H11.9615Z\" fill=\"#232536\"><\/path><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M9.69301 17.2068C9.69301 17.2068 10.0065 17.565 10.4998 17.7778C10.8005 17.9076 11.1619 17.9842 11.558 17.9217C12.0593 17.842 12.4205 17.6198 12.6736 17.3288C12.9456 17.0144 13.0906 16.6107 13.1111 16.1852C13.1271 15.8551 12.8677 15.5734 12.5319 15.5578C12.1961 15.5421 11.9098 15.7972 11.8938 16.1289C11.8859 16.2837 11.8461 16.4371 11.7457 16.5513C11.6615 16.6482 11.5326 16.7108 11.3656 16.7374C11.2254 16.7593 11.0982 16.7265 10.9914 16.6796C10.7624 16.5809 10.6127 16.4182 10.6127 16.4182C10.3916 16.1695 10.0065 16.143 9.75185 16.3604C9.49725 16.5778 9.4718 16.9579 9.69301 17.2068Z\" fill=\"#232536\"><\/path><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M14.3914 16.4181C14.3914 16.4181 14.2434 16.5809 14.0127 16.6795C13.9061 16.7249 13.7787 16.7593 13.6387 16.7374C13.4716 16.7107 13.3427 16.6481 13.2584 16.5513C13.1581 16.4355 13.1185 16.2837 13.1104 16.1289C13.0945 15.7987 12.808 15.5421 12.4723 15.5578C12.1365 15.5734 11.8771 15.8551 11.893 16.1852C11.9138 16.6107 12.0571 17.0143 12.3307 17.3287C12.5822 17.6197 12.945 17.842 13.4462 17.9217C13.8424 17.9842 14.2037 17.9076 14.5045 17.7778C14.9993 17.565 15.3113 17.2067 15.3113 17.2067C15.5326 16.9579 15.507 16.5778 15.2524 16.3604C14.9977 16.1429 14.6126 16.1695 14.3914 16.4181Z\" fill=\"#232536\"><\/path><path d=\"M19.1579 2.6665C18.1316 2.6665 16.4211 2.99984 15.3948 4.33317L20.5264 8.33317C21.0965 8.77762 22.5654 9.67971 23.2632 8.99984C23.9474 8.33317 24.1826 7.58323 23.9474 6.6665C23.2632 3.99984 20.8685 2.6665 19.1579 2.6665Z\" fill=\"white\"><\/path><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M17.3604 5.84188C17.0183 5.65275 16.824 5.28055 16.8615 4.89301C16.9001 4.50868 17.1668 4.18321 17.5438 4.06221C18.544 3.74121 19.6353 3.82208 20.5732 4.29288C21.511 4.76361 22.2234 5.57788 22.5498 6.56121L22.7105 7.04503C22.8378 7.42829 22.7075 7.84549 22.3828 8.09229C22.0582 8.33903 21.6157 8.35929 21.2684 8.14396C20.3124 7.54349 19.4167 6.98623 19.4167 6.98623C19.4167 6.98623 18.3795 6.40828 17.3604 5.84188Z\" fill=\"#232536\"><\/path><\/g><\/g><defs><clipPath id=\"clip0_31_2681\"><rect width=\"26\" height=\"26\" fill=\"white\"><\/rect><\/clipPath><\/defs><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><strong>Imagem<\/strong>Adiciona v\u00eddeos ao projeto a partir da plataforma PandaVideo. Essencial para que funcione os marcadores de progresso.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1598359 lista-de-icones  elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"1598359\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i class=\"spectre-lucide-layout-template spectre-icon--style-outline\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <rect width=\"18\" height=\"7\" x=\"3\" y=\"3\"\/> <rect width=\"9\" height=\"7\" x=\"3\" y=\"14\"\/> <rect width=\"5\" height=\"7\" x=\"16\" y=\"14\"\/> <\/svg><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><strong>Card Estilizado<\/strong>: Bloco predefinido que formata e emoldura magicamente uma imagem atrelada a uma pequena descri\u00e7\u00e3o e bot\u00e3o em um quadro moderno.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c2282d3 lista-de-icones list-expert elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"c2282d3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-maximize2-icon lucide-maximize-2\"><path d=\"M15 3h6v6\"><\/path><path d=\"m21 3-7 7\"><\/path><path d=\"m3 21 7-7\"><\/path><path d=\"M9 21H3v-6\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><strong>Modal<\/strong>: Engatilha a abertura brusca de um \"pop-up\" suspenso escurecendo a tela central perante o clique no disparador (como se fosse uma tela extra que surge do topo).<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fb04a04 lista-de-icones  elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"fb04a04\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i class=\"spectre-lucide-gallery-horizontal spectre-icon--style-outline\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <path d=\"M2 3v18\"\/> <rect width=\"12\" height=\"18\" x=\"6\" y=\"3\"\/> <path d=\"M22 3v18\"\/> <\/svg><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><strong>Carrossel<\/strong>: Estrutura multi-elemento contendo diversas caixas ou imagens, ideal para rolar horizontalmente com efeito deslizante.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i class=\"spectre-lucide-credit-card spectre-icon--style-outline\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <rect width=\"20\" height=\"14\" x=\"2\" y=\"5\"\/> <line x1=\"2\" x2=\"22\" y1=\"10\" y2=\"10\"\/> <\/svg><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><strong>Image Card<\/strong>: Foca visualmente na est\u00e9tica de uma imagem imponente engolfando pequeno componente de t\u00edtulo\/legenda.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i class=\"spectre-lucide-quote spectre-icon--style-outline\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <path d=\"M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z\"\/> <path d=\"M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z\"\/> <\/svg><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><strong>Cita\u00e7\u00e3o<\/strong>: Idealizado para separar belamente frases memor\u00e1veis de outros autores ou pensadores aspeadas (elemento de \"Quote\").<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i class=\"spectre-lucide-git-commit-horizontal spectre-icon--style-outline\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <circle cx=\"12\" cy=\"12\" r=\"3\"\/> <line x1=\"3\" x2=\"9\" y1=\"12\" y2=\"12\"\/> <line x1=\"15\" x2=\"21\" y1=\"12\" y2=\"12\"\/> <\/svg><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><strong>Linha do Tempo<\/strong>: Desempenha descri\u00e7\u00f5es de eventos que s\u00e3o fracionados progressivamente sob a uni\u00e3o de bolinhas atreladas via uma linha formadora do percurso\/roteiro de passo a passo.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i class=\"spectre-lucide-table spectre-icon--style-outline\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <path d=\"M12 3v18\"\/> <rect width=\"18\" height=\"18\" x=\"3\" y=\"3\"\/> <path d=\"M3 9h18\"\/> <path d=\"M3 15h18\"\/> <\/svg><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><strong>Tabela Responsiva<\/strong>: Trata o texto em formato tabela (linhas vs colunas) se ajusta \u00e0 largura das telas menores dos smartphones, evitando estourar as larguras de p\u00e1gina.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d002d1a e-con-full e-flex e-con e-child\" data-id=\"d002d1a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-da31a81 elementor-widget elementor-widget-heading\" data-id=\"da31a81\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">- Premium (12 recursos)<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a808e1b elementor-widget elementor-widget-image\" data-id=\"a808e1b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"787\" height=\"512\" src=\"https:\/\/www.madriproducoes.com.br\/portal\/wp-content\/uploads\/2026\/04\/Passo-4-1.png\" class=\"attachment-large size-large wp-image-11065\" alt=\"\" srcset=\"https:\/\/www.madriproducoes.com.br\/portal\/wp-content\/uploads\/2026\/04\/Passo-4-1.png 787w, https:\/\/www.madriproducoes.com.br\/portal\/wp-content\/uploads\/2026\/04\/Passo-4-1-300x195.png 300w, https:\/\/www.madriproducoes.com.br\/portal\/wp-content\/uploads\/2026\/04\/Passo-4-1-768x500.png 768w\" sizes=\"(max-width: 787px) 100vw, 787px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-25b4ce7 e-con-full e-flex e-con e-child\" data-id=\"25b4ce7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d1fb2b7 lista-de-icones  elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"d1fb2b7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i class=\"spectre-lucide-code spectre-icon--style-outline\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <path d=\"m16 18 6-6-6-6\"\/> <path d=\"m8 6-6 6 6 6\"\/> <\/svg><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><strong>Template HTML<\/strong>: \u00c1rea de de HTML simples, facilita a cria\u00e7\u00e3o de elementos estilizados<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i class=\"spectre-lucide-circle-user-round spectre-icon--style-outline\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <path d=\"M18 20a6 6 0 0 0-12 0\"\/> <circle cx=\"12\" cy=\"10\" r=\"4\"\/> <circle cx=\"12\" cy=\"12\" r=\"10\"\/> <\/svg><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><strong>Social Card<\/strong>: Possibilidade de criar blocos simp\u00e1ticos pr\u00e9-formatados, como exemplo de uso crie atalhos nos grupos oficiais do autor\/professsor nas redes sociais.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i class=\"spectre-lucide-external-link spectre-icon--style-outline\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <path d=\"M15 3h6v6\"\/> <path d=\"M10 14 21 3\"\/> <path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"\/> <\/svg><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><strong>Abrir atividade Moodle<\/strong>: Adicionar uma atividade criada no curso dentro do layout Geppetto, o objetivo \u00e9 facilitar a navega\u00e7\u00e3o do aluno que poder\u00e1a acessar as atividades sem abandonar a tela do conte\u00fado.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i class=\"spectre-lucide-flag spectre-icon--style-outline\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <path d=\"M4 22V4a1 1 0 0 1 .4-.8A6 6 0 0 1 8 2c3 0 5 2 7.333 2q2 0 3.067-.8A1 1 0 0 1 20 4v10a1 1 0 0 1-.4.8A6 6 0 0 1 16 16c-3 0-5-2-8-2a6 6 0 0 0-4 1.528\"\/> <\/svg><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><strong>Checkpoint<\/strong>: Insere pontos de checagem em seu conte\u00fado ou v\u00eddeo, funciona de maneira condicional restritivo pedag\u00f3gico for\u00e7ando os alunos a interagirem com o conte\u00fado para marcar como conclu\u00eddo.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i class=\"spectre-lucide-gauge spectre-icon--style-outline\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <path d=\"m12 14 4-4\"\/> <path d=\"M3.34 19a10 10 0 1 1 17.32 0\"\/> <\/svg><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><strong>Barra de Progresso (Header)<\/strong>: Trabalha em conjunto com o elemento Checkpoint mostra visualmente para o aluno em que posi\u00e7\u00e3o do conte\u00fado atualmente est\u00e1 em tempo real, ditando o ritmo medido como barra preenchida que aumenta rumo ao 100%.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i class=\"spectre-lucide-menu spectre-icon--style-outline\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <path d=\"M4 5h16\"\/> <path d=\"M4 12h16\"\/> <path d=\"M4 19h16\"\/> <\/svg><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><strong>Menu do cabe\u00e7alho<\/strong>: Crie menus interativos com o conte\u00fado, paginas ou links externos.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i class=\"spectre-lucide-message-circle spectre-icon--style-outline\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <path d=\"M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719\"\/> <\/svg><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><strong>Coment\u00e1rios<\/strong>: Traz a interatividade vital para a sua tela; insira o chat abaixo de qualquer conte\u00fado para os alunos interagirem entre eles ou com o professor atraves de di\u00e1logos identados.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i class=\"spectre-lucide-sticky-note spectre-icon--style-outline\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <path d=\"M21 9a2.4 2.4 0 0 0-.706-1.706l-3.588-3.588A2.4 2.4 0 0 0 15 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2z\"\/> <path d=\"M15 3v5a1 1 0 0 0 1 1h5\"\/> <\/svg><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><strong>Bloco de anota\u00e7\u00f5es<\/strong>: Interface dedicada ao aluno e professor para fazer anota\u00e7\u00f5es durante o seu percuso no ambiente, excelente ferramente para consulta posterior sobre alguma anota\u00e7\u00e3o relevante<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i class=\"spectre-lucide-layout-grid spectre-icon--style-outline\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <rect width=\"7\" height=\"7\" x=\"3\" y=\"3\"\/> <rect width=\"7\" height=\"7\" x=\"14\" y=\"3\"\/> <rect width=\"7\" height=\"7\" x=\"14\" y=\"14\"\/> <rect width=\"7\" height=\"7\" x=\"3\" y=\"14\"\/> <\/svg><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><strong>Galeria de imagens<\/strong>: Exibe imagens em modo visual mosaicos ou alinhados.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i class=\"spectre-lucide-chart-pie spectre-icon--style-outline\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <path d=\"M21 12c.552 0 1.005-.449.95-.998a10 10 0 0 0-8.953-8.951c-.55-.055-.998.398-.998.95v8a1 1 0 0 0 1 1z\"\/> <path d=\"M21.21 15.89A10 10 0 1 1 8 2.83\"\/> <\/svg><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><strong>Gr\u00e1ficos<\/strong>: Dispara leitores nativos de estat\u00edsticas transformando fatias, picos cronol\u00f3gicos de linhas, contagens verticais e blocos (os estilos Pizza, Linha e Barra) em visuais din\u00e2micos.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i class=\"spectre-lucide-workflow spectre-icon--style-outline\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <rect width=\"8\" height=\"8\" x=\"3\" y=\"3\"\/> <path d=\"M7 11v4a2 2 0 0 0 2 2h4\"\/> <rect width=\"8\" height=\"8\" x=\"13\" y=\"13\"\/> <\/svg><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><strong>Fluxograma<\/strong>:Tra\u00e7a conectores orientados logicamente para apresentar visualmente modelos organizacionais, esquemas de subordina\u00e7\u00e3o ou trilhas conceituais diretas de f\u00e1cil digest\u00e3o para explicar teorias aos usu\u00e1rios.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i class=\"spectre-lucide-credit-card spectre-icon--style-outline\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <rect width=\"20\" height=\"14\" x=\"2\" y=\"5\"\/> <line x1=\"2\" x2=\"22\" y1=\"10\" y2=\"10\"\/> <\/svg><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><strong>Pagamento Asaas<\/strong>: Checkout acopl\u00e1vel de apenas um clique. De ao aluno op\u00e7\u00f5es de compras como: Ver conte\u00fados mediante pagamento, emitir certificado, Doa\u00e7\u00f5es, entre outras possibilidades<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e1c254d e-con-full e-flex e-con e-child\" data-id=\"e1c254d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-902aaf6 e-con-full menu-fix-plugin e-flex e-con e-child\" data-id=\"902aaf6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0463e71 elementor-widget elementor-widget-heading\" data-id=\"0463e71\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Nesta p\u00e1gina:<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e99c452 mini-menu-plugin elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"e99c452\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#introducao\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Introdu\u00e7\u00e3o<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#tema-1\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Ativa\u00e7\u00e3o da Barra de Elementos<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#tema-2\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"> Explorando os Elementos<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e2b3435 e-flex e-con-boxed e-con e-parent\" data-id=\"e2b3435\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a74180a elementor-widget elementor-widget-html\" data-id=\"a74180a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n@media (max-width: 768px) {\r\n    \r\n    \/* Container Principal *\/\r\n    #menu-lateral {\r\n        width: 100% !important;\r\n        min-height: auto !important;\r\n        margin: 0 !important;\r\n        padding: 0 !important;\r\n        background: #ffffff !important;\r\n        border-bottom: 2px solid #002d5b !important;\r\n        display: block !important;\r\n        z-index: 9999 !important;\r\n        position: relative !important;\r\n    }\r\n\r\n    \/* O Header\/T\u00edtulo (Primeiro Elemento) *\/\r\n    #menu-lateral > *:first-child {\r\n        height: 65px !important;\r\n        display: flex !important;\r\n        align-items: center !important;\r\n        justify-content: space-between !important;\r\n        padding: 0 20px !important;\r\n        margin: 0 !important;\r\n        cursor: pointer !important;\r\n        background: #fdfdfd !important;\r\n        box-sizing: border-box !important;\r\n    }\r\n\r\n    \/* ALTERA\u00c7\u00c3O: Nome alterado para \"Documenta\u00e7\u00e3o\" *\/\r\n    #menu-lateral > *:first-child::before {\r\n        content: 'Documenta\u00e7\u00e3o'; \r\n        font-weight: bold;\r\n        font-family: sans-serif;\r\n        color: #333;\r\n        font-size: 18px;\r\n    }\r\n\r\n    \/* ESCONDER o widget original que est\u00e1 vazando l\u00e1 em cima *\/\r\n    #menu-lateral > *:first-child * {\r\n        display: none !important;\r\n    }\r\n\r\n    \/* \u00cdcone da setinha *\/\r\n    #menu-lateral > *:first-child::after {\r\n        content: '\u25bc';\r\n        font-size: 14px;\r\n        transition: transform 0.3s ease;\r\n        color: #002d5b;\r\n        display: block !important;\r\n    }\r\n\r\n    #menu-lateral.open > *:first-child::after {\r\n        transform: rotate(180deg);\r\n    }\r\n\r\n    \/* Esconde itens quando fechado *\/\r\n    #menu-lateral.collapsed > *:not(:first-child) {\r\n        display: none !important;\r\n    }\r\n\r\n    \/* Conte\u00fado aberto *\/\r\n    #menu-lateral.open > *:not(:first-child) {\r\n        display: block !important;\r\n        width: 100% !important;\r\n        padding: 20px !important;\r\n        background: #ffffff !important;\r\n        border-top: 1px solid #eee !important;\r\n        animation: fadeInMenu 0.3s ease-out;\r\n    }\r\n\r\n    @keyframes fadeInMenu {\r\n        from { opacity: 0; transform: translateY(-5px); }\r\n        to { opacity: 1; transform: translateY(0); }\r\n    }\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n    const menuContainer = document.getElementById(\"menu-lateral\");\r\n    if (!menuContainer) return;\r\n\r\n    const trigger = menuContainer.firstElementChild;\r\n\r\n    function adjustMenuLayout() {\r\n        if (window.innerWidth <= 768) {\r\n            if (!menuContainer.classList.contains('open')) {\r\n                menuContainer.classList.add(\"collapsed\");\r\n            }\r\n        } else {\r\n            menuContainer.classList.remove(\"collapsed\", \"open\");\r\n        }\r\n    }\r\n\r\n    if (trigger) {\r\n        trigger.addEventListener(\"click\", function () {\r\n            if (window.innerWidth > 768) return;\r\n            if (menuContainer.classList.contains(\"collapsed\")) {\r\n                menuContainer.classList.replace(\"collapsed\", \"open\");\r\n            } else {\r\n                menuContainer.classList.replace(\"open\", \"collapsed\");\r\n            }\r\n        });\r\n    }\r\n\r\n    window.addEventListener(\"resize\", adjustMenuLayout);\r\n    adjustMenuLayout();\r\n});\r\n<\/script>\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\t\t<\/div>\n\t\t","protected":false},"parent":10937,"menu_order":0,"template":"","class_list":["post-11035","documento","type-documento","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>3. Biblioteca de Elementos - Madri Lab<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.madriproducoes.com.br\/portal\/documentos\/geppetto-creator\/manual-de-uso\/etapa-3\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"3. Biblioteca de Elementos - Madri Lab\" \/>\n<meta property=\"og:description\" content=\"Documenta\u00e7\u00e3o Documenta\u00e7\u00e3o Geppetto Creator Manual de uso 3. Biblioteca de Elementos 3. Biblioteca de Elementos Passo 1: Ativa\u00e7\u00e3o da Barra de Elementos No editor de projeto, clique no bot\u00e3o\u00a0Adicionar um elemento\u00a0ou no \u00edcone de\u00a0+\u00a0dentro de um grid para ativar e exibir a barra lateral esquerda completa contendo todos os blocos dispon\u00edveis. Passo 2: Explorando os [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.madriproducoes.com.br\/portal\/documentos\/geppetto-creator\/manual-de-uso\/etapa-3\/\" \/>\n<meta property=\"og:site_name\" content=\"Madri Lab\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-17T02:52:47+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.madriproducoes.com.br\/portal\/wp-content\/uploads\/2026\/04\/passo-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1366\" \/>\n\t<meta property=\"og:image:height\" content=\"616\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data1\" content=\"6 minutos\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"3. Biblioteca de Elementos - Madri Lab","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.madriproducoes.com.br\/portal\/documentos\/geppetto-creator\/manual-de-uso\/etapa-3\/","og_locale":"pt_BR","og_type":"article","og_title":"3. Biblioteca de Elementos - Madri Lab","og_description":"Documenta\u00e7\u00e3o Documenta\u00e7\u00e3o Geppetto Creator Manual de uso 3. Biblioteca de Elementos 3. Biblioteca de Elementos Passo 1: Ativa\u00e7\u00e3o da Barra de Elementos No editor de projeto, clique no bot\u00e3o\u00a0Adicionar um elemento\u00a0ou no \u00edcone de\u00a0+\u00a0dentro de um grid para ativar e exibir a barra lateral esquerda completa contendo todos os blocos dispon\u00edveis. Passo 2: Explorando os [&hellip;]","og_url":"https:\/\/www.madriproducoes.com.br\/portal\/documentos\/geppetto-creator\/manual-de-uso\/etapa-3\/","og_site_name":"Madri Lab","article_modified_time":"2026-04-17T02:52:47+00:00","og_image":[{"width":1366,"height":616,"url":"https:\/\/www.madriproducoes.com.br\/portal\/wp-content\/uploads\/2026\/04\/passo-1.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. tempo de leitura":"6 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.madriproducoes.com.br\/portal\/documentos\/geppetto-creator\/manual-de-uso\/etapa-3\/","url":"https:\/\/www.madriproducoes.com.br\/portal\/documentos\/geppetto-creator\/manual-de-uso\/etapa-3\/","name":"3. Biblioteca de Elementos - Madri Lab","isPartOf":{"@id":"https:\/\/www.madriproducoes.com.br\/portal\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.madriproducoes.com.br\/portal\/documentos\/geppetto-creator\/manual-de-uso\/etapa-3\/#primaryimage"},"image":{"@id":"https:\/\/www.madriproducoes.com.br\/portal\/documentos\/geppetto-creator\/manual-de-uso\/etapa-3\/#primaryimage"},"thumbnailUrl":"https:\/\/www.madriproducoes.com.br\/portal\/wp-content\/uploads\/2026\/04\/passo-1-1024x462.png","datePublished":"2026-04-11T03:35:31+00:00","dateModified":"2026-04-17T02:52:47+00:00","breadcrumb":{"@id":"https:\/\/www.madriproducoes.com.br\/portal\/documentos\/geppetto-creator\/manual-de-uso\/etapa-3\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.madriproducoes.com.br\/portal\/documentos\/geppetto-creator\/manual-de-uso\/etapa-3\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.madriproducoes.com.br\/portal\/documentos\/geppetto-creator\/manual-de-uso\/etapa-3\/#primaryimage","url":"https:\/\/www.madriproducoes.com.br\/portal\/wp-content\/uploads\/2026\/04\/passo-1.png","contentUrl":"https:\/\/www.madriproducoes.com.br\/portal\/wp-content\/uploads\/2026\/04\/passo-1.png","width":1366,"height":616},{"@type":"BreadcrumbList","@id":"https:\/\/www.madriproducoes.com.br\/portal\/documentos\/geppetto-creator\/manual-de-uso\/etapa-3\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/www.madriproducoes.com.br\/portal\/"},{"@type":"ListItem","position":2,"name":"Documentos","item":"https:\/\/www.madriproducoes.com.br\/portal\/documentos\/"},{"@type":"ListItem","position":3,"name":"Geppetto Creator","item":"https:\/\/www.madriproducoes.com.br\/portal\/documentos\/geppetto-creator\/"},{"@type":"ListItem","position":4,"name":"Manual de uso","item":"https:\/\/www.madriproducoes.com.br\/portal\/documentos\/geppetto-creator\/manual-de-uso\/"},{"@type":"ListItem","position":5,"name":"3. Biblioteca de Elementos"}]},{"@type":"WebSite","@id":"https:\/\/www.madriproducoes.com.br\/portal\/#website","url":"https:\/\/www.madriproducoes.com.br\/portal\/","name":"Madri Lab","description":"&quot;Descubra a Madriprodu\u00e7\u00f5es: especialistas em criar eventos inesquec\u00edveis! Oferecemos solu\u00e7\u00f5es completas em produ\u00e7\u00e3o audiovisual, gest\u00e3o de eventos e conte\u00fados digitais para transformar sua ideia em realidade. Confira nossos servi\u00e7os!","publisher":{"@id":"https:\/\/www.madriproducoes.com.br\/portal\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.madriproducoes.com.br\/portal\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Organization","@id":"https:\/\/www.madriproducoes.com.br\/portal\/#organization","name":"Madri Lab","url":"https:\/\/www.madriproducoes.com.br\/portal\/","logo":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.madriproducoes.com.br\/portal\/#\/schema\/logo\/image\/","url":"https:\/\/www.madriproducoes.com.br\/portal\/wp-content\/uploads\/2023\/11\/logotipo-header.png","contentUrl":"https:\/\/www.madriproducoes.com.br\/portal\/wp-content\/uploads\/2023\/11\/logotipo-header.png","width":160,"height":92,"caption":"Madri Lab"},"image":{"@id":"https:\/\/www.madriproducoes.com.br\/portal\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.madriproducoes.com.br\/portal\/wp-json\/wp\/v2\/documento\/11035","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.madriproducoes.com.br\/portal\/wp-json\/wp\/v2\/documento"}],"about":[{"href":"https:\/\/www.madriproducoes.com.br\/portal\/wp-json\/wp\/v2\/types\/documento"}],"version-history":[{"count":35,"href":"https:\/\/www.madriproducoes.com.br\/portal\/wp-json\/wp\/v2\/documento\/11035\/revisions"}],"predecessor-version":[{"id":11542,"href":"https:\/\/www.madriproducoes.com.br\/portal\/wp-json\/wp\/v2\/documento\/11035\/revisions\/11542"}],"up":[{"embeddable":true,"href":"https:\/\/www.madriproducoes.com.br\/portal\/wp-json\/wp\/v2\/documento\/10937"}],"wp:attachment":[{"href":"https:\/\/www.madriproducoes.com.br\/portal\/wp-json\/wp\/v2\/media?parent=11035"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}