It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: https://www.proatitude.com/

  1. <!DOCTYPE html>
  2. <html class="no-js" prefix="og: https://ogp.me/ns#" lang="pt-br">
  3. <head><link rel="preconnect" href="https://duyn491kcolsw.cloudfront.net" crossorigin><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><meta charset="utf-8"><link rel="shortcut icon" href="https://f4794e4151.clvaw-cdnwnd.com/c00ff1db29ebef5b7e4cceeef215d03a/200000044-b966db966f/favicon_pro_atitude_educacional.ico?ph=f4794e4151"><link rel="apple-touch-icon" href="https://f4794e4151.clvaw-cdnwnd.com/c00ff1db29ebef5b7e4cceeef215d03a/200000044-b966db966f/favicon_pro_atitude_educacional.ico?ph=f4794e4151"><link rel="icon" href="https://f4794e4151.clvaw-cdnwnd.com/c00ff1db29ebef5b7e4cceeef215d03a/200000044-b966db966f/favicon_pro_atitude_educacional.ico?ph=f4794e4151">
  4.    <meta http-equiv="X-UA-Compatible" content="IE=edge">
  5.    <title>Pro Atitude Educacional - Tudo Sobre Educação</title>
  6.    <meta name="viewport" content="width=device-width,initial-scale=1">
  7.    <meta name="msapplication-tap-highlight" content="no">
  8.    
  9.    <link href="https://duyn491kcolsw.cloudfront.net/files/0r/0rk/0rklmm.css?ph=f4794e4151" media="print" rel="stylesheet">
  10.    <link href="https://duyn491kcolsw.cloudfront.net/files/2e/2e5/2e5qgh.css?ph=f4794e4151" media="screen and (min-width:100000em)" rel="stylesheet" data-type="cq" disabled>
  11.    <link rel="stylesheet" href="https://duyn491kcolsw.cloudfront.net/files/3b/3b5/3b5edh.css?ph=f4794e4151"><link rel="stylesheet" href="https://duyn491kcolsw.cloudfront.net/files/2t/2tx/2txvmx.css?ph=f4794e4151" media="screen and (min-width:37.5em)"><link rel="stylesheet" href="https://duyn491kcolsw.cloudfront.net/files/2v/2vp/2vpyx8.css?ph=f4794e4151" data-wnd_color_scheme_file=""><link rel="stylesheet" href="https://duyn491kcolsw.cloudfront.net/files/34/34q/34qmjb.css?ph=f4794e4151" data-wnd_color_scheme_desktop_file="" media="screen and (min-width:37.5em)" disabled=""><link rel="stylesheet" href="https://duyn491kcolsw.cloudfront.net/files/1p/1po/1poibn.css?ph=f4794e4151" data-wnd_additive_color_file=""><link rel="stylesheet" href="https://duyn491kcolsw.cloudfront.net/files/14/14l/14lhhy.css?ph=f4794e4151" data-wnd_typography_file=""><link rel="stylesheet" href="https://duyn491kcolsw.cloudfront.net/files/40/40p/40pnn3.css?ph=f4794e4151" data-wnd_typography_desktop_file="" media="screen and (min-width:37.5em)" disabled=""><script>(()=>{let e=!1;const t=()=>{if(!e&&window.innerWidth>=600){for(let e=0,t=document.querySelectorAll('head > link[href*="css"][media="screen and (min-width:37.5em)"]');e<t.length;e++)t[e].removeAttribute("disabled");e=!0}};t(),window.addEventListener("resize",t),"container"in document.documentElement.style||fetch(document.querySelector('head > link[data-type="cq"]').getAttribute("href")).then((e=>{e.text().then((e=>{const t=document.createElement("style");document.head.appendChild(t),t.appendChild(document.createTextNode(e)),import("https://duyn491kcolsw.cloudfront.net/client/js.polyfill/container-query-polyfill.modern.js").then((()=>{let e=setInterval((function(){document.body&&(document.body.classList.add("cq-polyfill-loaded"),clearInterval(e))}),100)}))}))}))})()</script>
  12. <link rel="preload stylesheet" href="https://duyn491kcolsw.cloudfront.net/files/2m/2m8/2m8msc.css?ph=f4794e4151" as="style"><meta name="description" content="Portal educacional com mais de 50.000 recursos educacionais gratuitos para professores. Oferecemos planos de aula alinhados à BNCC, atividades pedagógicas e suporte ao bem-estar docente."><meta name="keywords" content="aprendizagem, alfabetização, Educação, aprender, estudar, professores, aluno, escola, universidade, cursos, material educacional, Educação Infantil, Ensino Fundamental, Ensino Médio, Educação Especial e Inclusiva, sala de aula, escola"><meta name="generator" content="Webnode 2"><meta name="apple-mobile-web-app-capable" content="no"><meta name="apple-mobile-web-app-status-bar-style" content="black"><meta name="format-detection" content="telephone=no"><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1271465634346393"
  13.     crossorigin="anonymous"></script>
  14. <script async type="application/javascript"
  15.        src="https://news.google.com/swg/js/v1/swg-basic.js"></script>
  16. <script>
  17.  (self.SWG_BASIC = self.SWG_BASIC || []).push( basicSubscriptions => {
  18.    basicSubscriptions.init({
  19.      type: "NewsArticle",
  20.      isPartOfType: ["Product"],
  21.      isPartOfProductId: "CAownanYCw:openaccess",
  22.      clientOptions: { theme: "light", lang: "pt-BR" },
  23.    });
  24.  });
  25. </script>
  26. <meta name="yandex-verification" content="2af5e5ea659c3608" />
  27. <script src="https://analytics.ahrefs.com/analytics.js" data-key="49wQmbIDAAOPbwixfjMYiA" async></script>
  28.  
  29. <meta property="og:url" content="https://www.proatitude.com/"><meta property="og:title" content="Pro Atitude Educacional - Tudo Sobre Educação"><meta property="og:type" content="article"><meta property="og:description" content="Portal educacional com mais de 50.000 recursos educacionais gratuitos para professores. Oferecemos planos de aula alinhados à BNCC, atividades pedagógicas e suporte ao bem-estar docente."><meta property="og:site_name" content="Pro Atitude Educacional"><meta property="og:image" content="https://f4794e4151.clvaw-cdnwnd.com/c00ff1db29ebef5b7e4cceeef215d03a/200003724-edbd4edbd6/700/pro-atitude-educacional-3.jpeg?ph=f4794e4151"><meta property="og:article:published_time" content="2025-09-18T00:00:00+0200"><meta name="robots" content="index,follow"><link rel="canonical" href="https://www.proatitude.com/"><link rel="alternate" href="https://www.proatitude.com" hreflang="x-default"><link rel="alternate" href="https://www.proatitude.com/" hreflang="pt-BR"><link rel="alternate" href="https://www.proatitude.com/es1/" hreflang="en"><link rel="alternate" href="https://www.proatitude.com/pt/" hreflang="pt"><link rel="alternate" href="https://www.proatitude.com/en/" hreflang="en"><script>window.checkAndChangeSvgColor=function(c){try{var a=document.getElementById(c);if(a){c=[["border","borderColor"],["outline","outlineColor"],["color","color"]];for(var h,b,d,f=[],e=0,m=c.length;e<m;e++)if(h=window.getComputedStyle(a)[c[e][1]].replace(/\s/g,"").match(/^rgb[a]?\(([0-9]{1,3}),([0-9]{1,3}),([0-9]{1,3})/i)){b="";for(var g=1;3>=g;g++)b+=("0"+parseInt(h[g],10).toString(16)).slice(-2);"0"===b.charAt(0)&&(d=parseInt(b.substr(0,2),16),d=Math.max(16,d),b=d.toString(16)+b.slice(-4));f.push(c[e][0]+"="+b)}if(f.length){var k=a.getAttribute("data-src"),l=k+(0>k.indexOf("?")?"?":"&")+f.join("&");a.src!=l&&(a.src=l,a.outerHTML=a.outerHTML)}}}catch(n){}};</script><script src="https://www.googletagmanager.com/gtag/js?id=G-JZ4WK2VM2R" async></script><script>
  30. window.dataLayer = window.dataLayer || [];
  31. function gtag(){
  33. dataLayer.push(arguments);}
  34. gtag('js', new Date());
  35. </script><script>gtag('consent', 'default', {'ad_storage': 'denied', 'analytics_storage': 'denied', 'ad_user_data': 'denied', 'ad_personalization': 'denied' });</script><script>gtag('config', 'G-JZ4WK2VM2R');</script><script>window.gtmDataLayer = window.gtmDataLayer || [];</script><script>
  36. function gtm(){
  37. if(arguments[0] === 'event'){
  38. arguments[2]['developer_id.dOWIwNz'] = true;
  40. }
  41. gtmDataLayer.push(arguments);
  42. }</script><script>gtm(
  43. 'consent',
  44. 'default',
  45. {
  46. 'ad_storage': 'denied',
  47. 'analytics_storage': 'denied',
  48. 'ad_user_data': 'denied',
  49. 'ad_personalization': 'denied',
  50. 'functionality_storage': 'denied',
  51. 'personalization_storage': 'denied',
  52. 'security_storage': 'denied'
  53. }
  54. );</script><script>gtm('set', 'developer_id.dOWIwNz', true);</script><script>
  55. <!-- Google Tag Manager -->
  56. (function(w,d,s,l,i){
  57. w[l]=w[l]||[];
  58. w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});
  59. var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';
  60. j.async=true;
  61. j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;
  62. f.parentNode.insertBefore(j,f);
  63. })(window,document,'script','gtmDataLayer','GTM-WX2DK2B');
  64. <!-- End Google Tag Manager --></script></head>
  65. <body class="l wt-home ac-s ac-i ac-n l-default l-d-none b-btn-r b-btn-s-m b-btn-dn b-btn-bw-1 img-d-r img-t-u img-h-n line-solid b-e-ds lbox-d c-s-n  wnd-s-i hb-on  wnd-fe wnd-multilang"><!-- Google Tag Manager (noscript) -->
  66. <noscript>
  67. <iframe
  68. src="https://www.googletagmanager.com/ns.html?id=GTM-WX2DK2B"
  69. height="0"
  70. width="0"
  71. style="display:none;visibility:hidden"
  72. >
  73. </iframe>
  74. </noscript>
  75. <!-- End Google Tag Manager (noscript) --><noscript>
  76. <iframe
  77. src="https://www.googletagmanager.com/ns.html?id=GTM-542MMSL"
  78. height="0"
  79. width="0"
  80. style="display:none;visibility:hidden"
  81. >
  82. </iframe>
  83. </noscript>
  84.  
  85. <div class="wnd-page l-page cs-gray ac-blue t-t-fs-s t-t-fw-m t-t-sp-n t-t-d-n t-s-fs-s t-s-fw-m t-s-sp-n t-s-d-n t-p-fs-s t-p-fw-l t-p-sp-n t-h-fs-s t-h-fw-m t-h-sp-n t-bq-fs-s t-bq-fw-m t-bq-sp-n t-bq-d-l t-btn-fw-l t-nav-fw-l t-pd-fw-l t-nav-tt-u">
  86.    <div class="l-w t cf t-10">
  87.        <div class="l-bg cf">
  88.            <div class="s-bg-l">
  89.                
  90.                
  91.            </div>
  92.        </div>
  93.        <header class="l-h cf">
  94.            <div class="sw cf">
  95. <div class="sw-c cf"><section class="s s-hb cf sc-acs  sc-al wnd-w-default wnd-hbl-on">
  96. <div class="s-w cf">
  97. <div class="s-o cf">
  98. <div class="s-bg cf">
  99.                <div class="s-bg-l">
  100.                    
  101.                    
  102.                </div>
  103. </div>
  104. <div class="s-c">
  105.                <div class="s-hb-c cf">
  106.                    <div class="hb-si">
  107.                        
  108.                    </div>
  109.                    <div class="hb-ci">
  110.                        
  111.                    </div>
  112.                    <div class="hb-ccy">
  113.                        
  114.                    </div>
  115.                    <div class="hb-lang">
  116.                        <div class="hbl">
  117.    <div class="hbl-c">
  118.        <span class="hbl-a">
  119.            <span class="hbl-a-t">
  120.                <span class="lang-pt-br">pt-br</span>
  121.            </span>
  122.        </span>
  123.        <div class="hbl-i lang-items">
  124.            <ul class="hbl-i-l">
  125.                <li selected>
  126.                    <span class="lang-pt-br">pt-br</span>
  127.                </li><li>
  128.                    <a href="/es1/"><span class="lang-es">es</span></a>
  129.                </li><li>
  130.                    <a href="/pt/"><span class="lang-pt">pt</span></a>
  131.                </li><li>
  132.                    <a href="/en/"><span class="lang-en">en</span></a>
  133.                </li>
  134.            </ul>
  135.        </div>
  136.    </div>
  137. </div>
  138.                    </div>
  139.                </div>
  140. </div>
  141. </div>
  142. </div>
  143. </section><section data-space="true" class="s s-hn s-hn-slogan wnd-mt-classic wnd-na-c logo-classic sc-m wnd-background-solid  wnd-w-default wnd-nh-m hm-claims  wnd-nav-sticky menu-default-underline-grow">
  144. <div class="s-w">
  145. <div class="s-o">
  146.  
  147. <div class="s-bg">
  148.                <div class="s-bg-l" style="background-color:#045389">
  149.                    
  150.                    
  151.                </div>
  152. </div>
  153.  
  154. <div class="h-w h-f wnd-fixed">
  155.  
  156. <div class="n-l">
  157. <div class="s-c menu-nav">
  158. <div class="logo-block">
  159. <div class="b b-l logo logo-default logo-nb cormorant wnd-iar-1-1 logo-36 b-ls-l" id="wnd_LogoBlock_993600662" data-wnd_mvc_type="wnd.fe.LogoBlock">
  160. <div class="b-l-c logo-content">
  162.  
  163. <div class="b-l-image logo-image">
  164. <div class="b-l-image-w logo-image-cell">
  165.                    <picture><source type="image/webp" srcset="https://f4794e4151.clvaw-cdnwnd.com/c00ff1db29ebef5b7e4cceeef215d03a/200010059-751ae751b0/450/logo-pro-atitude-educacional.webp?ph=f4794e4151 300w, https://f4794e4151.clvaw-cdnwnd.com/c00ff1db29ebef5b7e4cceeef215d03a/200010059-751ae751b0/700/logo-pro-atitude-educacional.webp?ph=f4794e4151 300w, https://f4794e4151.clvaw-cdnwnd.com/c00ff1db29ebef5b7e4cceeef215d03a/200010059-751ae751b0/logo-pro-atitude-educacional.webp?ph=f4794e4151 300w" sizes="(min-width: 600px) 450px, (min-width: 360px) calc(100vw * 0.8), 100vw" ><img src="https://f4794e4151.clvaw-cdnwnd.com/c00ff1db29ebef5b7e4cceeef215d03a/200010058-89c3589c37/logo-pro-atitude-educacional.jpeg?ph=f4794e4151" alt="" width="300" height="300" class="wnd-logo-img" ></picture>
  166. </div>
  167. </div>
  168.  
  170.  
  171. <div class="b-l-br logo-br"></div>
  172.  
  173. <div class="b-l-text logo-text-wrapper">
  174. <div class="b-l-text-w logo-text">
  175. <span class="b-l-text-c logo-text-cell"></span>
  176. </div>
  177. </div>
  178.  
  180. </div>
  181. </div>
  182. <div class="l-s logo-slogan claim"><span class="sit b claim-default claim-nb cormorant slogan-13">
  183. <span class="sit-w"><span class="sit-c">Pro Atitude Educacional</span></span>
  184. </span></div>
  185. </div>
  186.  
  187. <div id="menu-slider">
  188. <div id="menu-block">
  189. <nav id="menu"><div class="menu-font menu-wrapper">
  190. <a href="#" class="menu-close" rel="nofollow" title="Close Menu"></a>
  191. <ul role="menubar" aria-label="Menu" class="level-1">
  192. <li role="none" class="wnd-active   wnd-homepage">
  193. <a class="menu-item" role="menuitem" href="/home/"><span class="menu-item-text">Página Inicial</span></a>
  195. </li><li role="none" class="wnd-with-submenu">
  196. <a class="menu-item" role="menuitem" href="/educacao-infantil/"><span class="menu-item-text">Educação Infantil</span></a>
  197. <ul role="menubar" aria-label="Menu" class="level-2">
  198. <li role="none">
  199. <a class="menu-item" role="menuitem" href="/atividades-educacao-infantil/"><span class="menu-item-text">Atividades Educação Infantil</span></a>
  201. </li><li role="none">
  202. <a class="menu-item" role="menuitem" href="/planos-de-aula-educacao-infantil/"><span class="menu-item-text">Planos de Aula Educação Infantil</span></a>
  204. </li><li role="none">
  205. <a class="menu-item" role="menuitem" href="/relatorios-alunos-educacao-infantil/"><span class="menu-item-text">Modelos de Relatórios</span></a>
  207. </li><li role="none">
  208. <a class="menu-item" role="menuitem" href="/atividades-pedagogicas-projetos-sequencias-didaticas-gratis/"><span class="menu-item-text">Atividades Pedagógicas, Projetos e Sequências didáticas grátis</span></a>
  210. </li><li role="none">
  211. <a class="menu-item" role="menuitem" href="/desenhos-para-colorir/"><span class="menu-item-text">Desenhos para Colorir</span></a>
  213. </li>
  214. </ul>
  215. </li><li role="none" class="wnd-with-submenu">
  216. <a class="menu-item" role="menuitem" href="/ensino-fundamental/"><span class="menu-item-text">Ensino Fundamental</span></a>
  217. <ul role="menubar" aria-label="Menu" class="level-2">
  218. <li role="none">
  219. <a class="menu-item" role="menuitem" href="/atividades-de-alfabetizacao/"><span class="menu-item-text">Atividades de Alfabetização</span></a>
  221. </li><li role="none">
  222. <a class="menu-item" role="menuitem" href="/atividades-ensino-fundamental/"><span class="menu-item-text">Atividades Ensino Fundamental</span></a>
  224. </li><li role="none" class="wnd-with-submenu">
  225. <a class="menu-item" role="menuitem" href="/atividades-de-matematica/"><span class="menu-item-text">Atividades de Matemática</span></a>
  226. <ul role="menubar" aria-label="Menu" class="level-3">
  227. <li role="none" class="wnd-with-submenu">
  228. <a class="menu-item" role="menuitem" href="/atividades-de-matematica-ensino-fundamental/"><span class="menu-item-text">Atividades de Matemática EF</span></a>
  229. <ul role="menubar" aria-label="Menu" class="level-3 level-max">
  230. <li role="none">
  231. <a class="menu-item" role="menuitem" href="/ensino-fundamental/atividades-de-matematica/matematica-1o-ao-5o-ano-atividades-gratis-imprimir/"><span class="menu-item-text">Matemática 1º ao 5º ano atividades grátis imprimir</span></a>
  233. </li><li role="none">
  234. <a class="menu-item" role="menuitem" href="/atividades-de-matematica-ensino-fundamental/atividades-de-matematica-4-ano/"><span class="menu-item-text">Atividades de Matemática 4º Ano</span></a>
  236. </li>
  237. </ul>
  238. </li><li role="none">
  239. <a class="menu-item" role="menuitem" href="/ensino-fundamental/atividades-de-matematica/cruzadinha-da-multiplicacao-para-imprimir-com-respostas/"><span class="menu-item-text">Cruzadinha da Multiplicação</span></a>
  241. </li>
  242. </ul>
  243. </li><li role="none">
  244. <a class="menu-item" role="menuitem" href="/modelos-relatorio-ensino-fundamental/"><span class="menu-item-text">Modelos de Relatórios EF</span></a>
  246. </li><li role="none">
  247. <a class="menu-item" role="menuitem" href="/planos-de-aula-ensino-fundamental/"><span class="menu-item-text">Planos de aula Ensino Fundamental</span></a>
  249. </li><li role="none">
  250. <a class="menu-item" role="menuitem" href="/tabuada/"><span class="menu-item-text">Tabuada 4 Operações</span></a>
  252. </li><li role="none">
  253. <a class="menu-item" role="menuitem" href="/mapas-do-brasil/"><span class="menu-item-text">Mapas do Brasil</span></a>
  255. </li><li role="none">
  256. <a class="menu-item" role="menuitem" href="/alfabeto-completo/"><span class="menu-item-text">Alfabeto Completo</span></a>
  258. </li>
  259. </ul>
  260. </li><li role="none">
  261. <a class="menu-item" role="menuitem" href="/datas-comemorativas/"><span class="menu-item-text">Datas Comemorativas</span></a>
  263. </li><li role="none">
  264. <a class="menu-item" role="menuitem" href="/professor-resiliente/"><span class="menu-item-text">Professor Resiliente</span></a>
  266. </li><li role="none">
  267. <a class="menu-item" role="menuitem" href="/educacao-jovens-adultos-eja/"><span class="menu-item-text">Educação Jovens Adultos EJA</span></a>
  269. </li><li role="none">
  270. <a class="menu-item" role="menuitem" href="/ensino-medio/"><span class="menu-item-text">Ensino Médio</span></a>
  272. </li><li role="none">
  273. <a class="menu-item" role="menuitem" href="/ensino-superior/"><span class="menu-item-text">Ensino Superior</span></a>
  275. </li><li role="none">
  276. <a class="menu-item" role="menuitem" href="/ensino-religioso/"><span class="menu-item-text">Ensino Religioso</span></a>
  278. </li><li role="none">
  279. <a class="menu-item" role="menuitem" href="/educacao-fisica/"><span class="menu-item-text">Educação Física</span></a>
  281. </li><li role="none" class="wnd-with-submenu">
  282. <a class="menu-item" role="menuitem" href="/educacao-inclusiva/"><span class="menu-item-text">Educação Inclusiva</span></a>
  283. <ul role="menubar" aria-label="Menu" class="level-2">
  284. <li role="none">
  285. <a class="menu-item" role="menuitem" href="/planos-de-aula-aee/"><span class="menu-item-text">Planos de Aula para AEE </span></a>
  287. </li>
  288. </ul>
  289. </li><li role="none">
  290. <a class="menu-item" role="menuitem" href="/dicas-de-leitura-e-livros/"><span class="menu-item-text">Dicas de leitura</span></a>
  292. </li><li role="none">
  293. <a class="menu-item" role="menuitem" href="/educacao-financeira/"><span class="menu-item-text">Educação Financeira</span></a>
  295. </li><li role="none">
  296. <a class="menu-item" role="menuitem" href="/tecnologias-na-educacao/"><span class="menu-item-text">Tecnologias na Educação</span></a>
  298. </li><li role="none">
  299. <a class="menu-item" role="menuitem" href="/avaliacao-escolar/"><span class="menu-item-text">Avaliação Escolar</span></a>
  301. </li><li role="none">
  302. <a class="menu-item" role="menuitem" href="/publicacoes-sobre-a-educacao/"><span class="menu-item-text">Publicações</span></a>
  304. </li><li role="none">
  305. <a class="menu-item" role="menuitem" href="/cursos-online/"><span class="menu-item-text">Cursos Online</span></a>
  307. </li><li role="none">
  308. <a class="menu-item" role="menuitem" href="/concursos-publicos/"><span class="menu-item-text">Concursos Públicos</span></a>
  310. </li><li role="none" class="wnd-with-submenu">
  311. <a class="menu-item" role="menuitem" href="/sobre-nos/"><span class="menu-item-text">Sobre Nós</span></a>
  312. <ul role="menubar" aria-label="Menu" class="level-2">
  313. <li role="none">
  314. <a class="menu-item" role="menuitem" href="/user-login/"><span class="menu-item-text">Member login</span></a>
  316. </li><li role="none">
  317. <a class="menu-item" role="menuitem" href="/user-registration/"><span class="menu-item-text">Cadastre-se</span></a>
  319. </li>
  320. </ul>
  321. </li><li role="none" class="wnd-with-submenu">
  322. <a class="menu-item" role="menuitem" href="/politica-de-privacidade/"><span class="menu-item-text">Política de Privacidade</span></a>
  323. <ul role="menubar" aria-label="Menu" class="level-2">
  324. <li role="none">
  325. <a class="menu-item" role="menuitem" href="/termos-de-servico/"><span class="menu-item-text">Termos de Serviço</span></a>
  327. </li><li role="none">
  328. <a class="menu-item" role="menuitem" href="/politica-de-dmca-digital-millennium-copyright-act/"><span class="menu-item-text">Política de DMCA</span></a>
  330. </li>
  331. </ul>
  332. </li><li role="none">
  333. <a class="menu-item" role="menuitem" href="/termos-de-uso/"><span class="menu-item-text">Termos de Uso</span></a>
  335. </li><li role="none">
  336. <a class="menu-item" role="menuitem" href="/politica-de-reembolso/"><span class="menu-item-text">Política de Reembolso</span></a>
  338. </li><li role="none">
  339. <a class="menu-item" role="menuitem" href="/api-atividades-de-alfabetizacao/"><span class="menu-item-text">Dados para IA/API</span></a>
  341. </li><li role="none">
  342. <a class="menu-item" role="menuitem" href="/api-recursos-educacionais/"><span class="menu-item-text"> API Recursos Educacionais</span></a>
  344. </li><li role="none">
  345. <a class="menu-item" role="menuitem" href="/api-temas-especificos/"><span class="menu-item-text">API Temas Específicos</span></a>
  347. </li><li role="none">
  348. <a class="menu-item" role="menuitem" href="/api-concursos-e-carreira-docente/"><span class="menu-item-text">API – Concursos e Carreira Docente</span></a>
  350. </li><li role="none">
  351. <a class="menu-item" role="menuitem" href="/api-recursos-graficos-e-mapas/"><span class="menu-item-text">API – Recursos Gráficos e Mapas</span></a>
  353. </li><li role="none">
  354. <a class="menu-item" role="menuitem" href="/api-niveis-de-ensino/"><span class="menu-item-text">API – Níveis de Ensino</span></a>
  356. </li><li role="none">
  357. <a class="menu-item" role="menuitem" href="/api-cursos-online/"><span class="menu-item-text">API – Cursos Online</span></a>
  359. </li><li role="none">
  360. <a class="menu-item" role="menuitem" href="/api-institucional/"><span class="menu-item-text">API – Institucional</span></a>
  362. </li><li role="none">
  363. <a class="menu-item" role="menuitem" href="/api/"><span class="menu-item-text">API</span></a>
  365. </li><li role="none">
  366. <a class="menu-item" role="menuitem" href="/mapa-do-site/"><span class="menu-item-text">Mapa do site</span></a>
  368. </li><li role="none">
  369. <a class="menu-item" role="menuitem" href="/ia-ethics/"><span class="menu-item-text">IA Ethics</span></a>
  371. </li><li role="none">
  372. <a class="menu-item" role="menuitem" href="/acessibilidade/"><span class="menu-item-text">Declaração de Acessibilidade</span></a>
  374. </li>
  375. </ul>
  376. <span class="more-text">Mais</span>
  377. </div></nav>
  378. </div>
  379. </div>
  380.  
  381. <div class="cart-and-mobile">
  382. <div class="search">
  383.    <div class="search-app"></div>
  384. </div>
  386.  
  387. <div id="menu-mobile">
  388. <a href="#" id="menu-submit"><span></span>Menu</a>
  389. </div>
  390. </div>
  391. </div>
  392. </div>
  393.  
  394. </div>
  395. </div>
  396. </div>
  397. </section></div>
  398. </div>
  399.        </header>
  400.        <main class="l-m cf">
  401.            <div class="sw cf">
  402. <div class="sw-c cf"><section class="s s-hm s-hm-claims cf sc-b   wnd-w-default wnd-s-normal wnd-h-auto wnd-nh-m wnd-p-cc hn-slogan">
  403. <div class="s-w cf">
  404. <div class="s-o cf">
  405. <div class="s-bg">
  406.                <div class="s-bg-l">
  407.                    
  408.                    
  409.                </div>
  410. </div>
  411. <div class="h-c s-c">
  412. <div class="h-c-b">
  413. <div class="h-c-b-i">
  414. <h1 class="claim cf"><span class="sit b claim-default claim-nb cormorant claim-64">
  415. <span class="sit-w"><span class="sit-c"><strong>Pro Atitude Educacional</strong></span></span>
  416. </span></h1>
  417. <h3 class="claim cf"><span class="sit b claim-color claim-wb cormorant claim-22">
  418. <span class="sit-w"><span class="sit-c"><strong>Portal Educacional com Mais de 50.000 Recursos Gratuitos</strong></span></span>
  419. </span></h3>
  420. </div>
  421. </div>
  422. </div>
  423. </div>
  424. </div>
  425. </section><section class="s s-basic cf sc-w   wnd-w-default wnd-s-normal wnd-h-auto">
  426. <div class="s-w cf">
  427. <div class="s-o s-fs cf">
  428. <div class="s-bg cf">
  429. <div class="s-bg-l">
  430.                    
  432. </div>
  433. </div>
  434. <div class="s-c s-fs cf">
  435. <div class="ez cf">
  436. <div class="ez-c"><div class="b b-html b-s">
  437. <div class="b-c">
  438. <script type="application/ld+json">
  439. {
  440.  "@context": "https://schema.org",
  441.  "@type": "EducationalOrganization",
  442.  "name": "Pro Atitude Educacional",
  443.  "description": "Portal educacional líder no Brasil com mais de 50.000 recursos educacionais gratuitos para professores. Oferecemos planos de aula alinhados à BNCC, atividades pedagógicas e suporte ao bem-estar docente.",
  444.  "url": "https://www.proatitude.com",
  445.  "logo": "https://www.proatitude.com/logo.png",
  446.  "sameAs": [
  447.    "https://www.facebook.com/proatitudeeducacional",
  448.    "https://www.instagram.com/proatitudeeducacional"
  449.  ],
  450.  "address": {
  451.    "@type": "PostalAddress",
  452.    "addressCountry": "BR"
  453.  },
  454.  "offers": {
  455.    "@type": "Offer",
  456.    "price": "0",
  457.    "priceCurrency": "BRL",
  458.    "availability": "https://schema.org/InStock"
  459.  },
  460.  "educationalCredentialAwarded": "Recursos Educacionais",
  461.  "hasCredential": {
  462.    "@type": "EducationalOccupationalCredential",
  463.    "credentialCategory": "Recursos Pedagógicos BNCC"
  464.  }
  465. }
  466. </script>
  467.  
  468. <script type="application/ld+json">
  469. {
  470.  "@context": "https://schema.org",
  471.  "@type": "Article",
  472.  "headline": "Pro Atitude Educacional - O Único Portal que Cuida do Professor Brasileiro",
  473.  "description": "Descubra mais de 50.000 recursos educacionais gratuitos, planos de aula alinhados à BNCC e suporte completo ao bem-estar docente.",
  474.  "author": {
  475.    "@type": "Organization",
  476.    "name": "Pro Atitude Educacional"
  477.  },
  478.  "publisher": {
  479.    "@type": "Organization",
  480.    "name": "Pro Atitude Educacional",
  481.    "logo": {
  482.      "@type": "ImageObject",
  483.      "url": "https://www.proatitude.com/logo.png"
  484.    }
  485.  },
  486.  "datePublished": "2025-01-17",
  487.  "dateModified": "2025-01-17",
  488.  "mainEntityOfPage": {
  489.    "@type": "WebPage",
  490.    "@id": "https://www.proatitude.com"
  491.  },
  492.  "potentialAction": {
  493.    "@type": "DownloadAction",
  494.    "target": "https://www.proatitude.com/recursos-educacionais"
  495.  }
  496. }
  497. </script>
  498.  
  499. <div class="pa-container" itemscope="" itemtype="https://schema.org/EducationalOrganization">
  500.  <style>
  501.    /* Reset e base styles - escopo limitado ao container */
  502.    .pa-container {
  503.      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
  504.      line-height: 1.6;
  505.      color: #2d3748;
  506.      background: #ffffff;
  507.      margin: 0;
  508.      padding: 0;
  509.      box-sizing: border-box;
  510.      width: 100%;
  511.      max-width: 100%;
  512.      overflow-x: hidden;
  513.    }
  514.    
  515.    .pa-container *,
  516.    .pa-container *::before,
  517.    .pa-container *::after {
  518.      box-sizing: border-box;
  519.    }
  520.    
  521.    .pa-container img {
  522.      max-width: 100%;
  523.      height: auto;
  524.      display: block;
  525.    }
  526.    
  527.    .pa-container a {
  528.      color: #4f46e5;
  529.      text-decoration: none;
  530.      transition: all 0.3s ease;
  531.    }
  532.    
  533.    .pa-container a:hover {
  534.      color: #3730a3;
  535.      text-decoration: underline;
  536.    }
  537.    
  538.    .pa-container button {
  539.      border: none;
  540.      background: none;
  541.      cursor: pointer;
  542.      font-family: inherit;
  543.    }
  544.    
  545.    /* Utilitários */
  546.    .pa-sr-only {
  547.      position: absolute;
  548.      width: 1px;
  549.      height: 1px;
  550.      padding: 0;
  551.      margin: -1px;
  552.      overflow: hidden;
  553.      clip: rect(0, 0, 0, 0);
  554.      white-space: nowrap;
  555.      border: 0;
  556.    }
  557.    
  558.    .pa-text-center { text-align: center; }
  559.    .pa-text-left { text-align: left; }
  560.    .pa-text-right { text-align: right; }
  561.    
  562.    /* Header Principal */
  563.    .pa-header {
  564.      background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  565.      color: white;
  566.      padding: 2rem 1rem;
  567.      text-align: center;
  568.      position: relative;
  569.      overflow: hidden;
  570.    }
  571.    
  572.    .pa-header::before {
  573.      content: '';
  574.      position: absolute;
  575.      top: 0;
  576.      left: 0;
  577.      right: 0;
  578.      bottom: 0;
  579.      background: url('data:image/svg+xml,<svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="white" opacity="0.1"/><circle cx="75" cy="75" r="1" fill="white" opacity="0.1"/><circle cx="50" cy="10" r="0.5" fill="white" opacity="0.1"/><circle cx="10" cy="60" r="0.5" fill="white" opacity="0.1"/><circle cx="90" cy="40" r="0.5" fill="white" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');
  580.      pointer-events: none;
  581.    }
  582.    
  583.    .pa-header-content {
  584.      position: relative;
  585.      z-index: 1;
  586.      max-width: 1200px;
  587.      margin: 0 auto;
  588.    }
  589.    
  590.    .pa-badge {
  591.      display: inline-block;
  592.      background: rgba(255, 255, 255, 0.2);
  593.      padding: 0.5rem 1rem;
  594.      border-radius: 50px;
  595.      font-size: 0.875rem;
  596.      font-weight: 600;
  597.      margin-bottom: 1rem;
  598.      backdrop-filter: blur(10px);
  599.      border: 1px solid rgba(255, 255, 255, 0.3);
  600.    }
  601.    
  602.    .pa-title {
  603.      font-size: clamp(1.75rem, 4vw, 3rem);
  604.      font-weight: 800;
  605.      margin: 0 0 1rem 0;
  606.      line-height: 1.2;
  607.      text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
  608.    }
  609.    
  610.    .pa-subtitle {
  611.      font-size: clamp(1rem, 2.5vw, 1.25rem);
  612.      margin: 0 0 2rem 0;
  613.      opacity: 0.95;
  614.      max-width: 600px;
  615.      margin-left: auto;
  616.      margin-right: auto;
  617.    }
  618.    
  619.    .pa-stats {
  620.      display: grid;
  621.      grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  622.      gap: 1.5rem;
  623.      margin-top: 2rem;
  624.    }
  625.    
  626.    .pa-stat {
  627.      text-align: center;
  628.    }
  629.    
  630.    .pa-stat-number {
  631.      display: block;
  632.      font-size: 2rem;
  633.      font-weight: 800;
  634.      line-height: 1;
  635.    }
  636.    
  637.    .pa-stat-label {
  638.      font-size: 0.875rem;
  639.      opacity: 0.9;
  640.      margin-top: 0.25rem;
  641.    }
  642.    
  643.    /* Seção Hero */
  644.    .pa-hero {
  645.      padding: 3rem 1rem;
  646.      background: linear-gradient(to bottom, #f8fafc, #e2e8f0);
  647.      text-align: center;
  648.    }
  649.    
  650.    .pa-hero-content {
  651.      max-width: 1200px;
  652.      margin: 0 auto;
  653.    }
  654.    
  655.    .pa-hero-title {
  656.      font-size: clamp(1.5rem, 3vw, 2.5rem);
  657.      font-weight: 700;
  658.      color: #1a202c;
  659.      margin: 0 0 1.5rem 0;
  660.      line-height: 1.3;
  661.    }
  662.    
  663.    .pa-hero-description {
  664.      font-size: clamp(1rem, 2vw, 1.125rem);
  665.      color: #4a5568;
  666.      margin: 0 0 2rem 0;
  667.      max-width: 700px;
  668.      margin-left: auto;
  669.      margin-right: auto;
  670.    }
  671.    
  672.    .pa-cta-group {
  673.      display: flex;
  674.      flex-direction: column;
  675.      gap: 1rem;
  676.      align-items: center;
  677.      margin: 2rem 0;
  678.    }
  679.    
  680.    .pa-btn {
  681.      display: inline-flex;
  682.      align-items: center;
  683.      justify-content: center;
  684.      padding: 1rem 2rem;
  685.      border-radius: 8px;
  686.      font-weight: 600;
  687.      font-size: 1rem;
  688.      text-decoration: none;
  689.      transition: all 0.3s ease;
  690.      min-height: 48px;
  691.      min-width: 200px;
  692.      position: relative;
  693.      overflow: hidden;
  694.    }
  695.    
  696.    .pa-btn-primary {
  697.      background: #1e3a8a;
  698.      color: #ffffff;
  699.      box-shadow: 0 4px 15px rgba(30, 58, 138, 0.4);
  700.      border: 2px solid #1e3a8a;
  701.      font-weight: 700;
  702.    }
  703.    
  704.    .pa-btn-primary:hover {
  705.      background: #1e40af;
  706.      transform: translateY(-2px);
  707.      box-shadow: 0 8px 25px rgba(30, 64, 175, 0.6);
  708.      color: #ffffff;
  709.      text-decoration: none;
  710.      border-color: #1e40af;
  711.    }
  712.    
  713.    .pa-btn-secondary {
  714.      background: white;
  715.      color: #1e40af;
  716.      border: 2px solid #1e40af;
  717.      box-shadow: 0 2px 8px rgba(30, 64, 175, 0.1);
  718.    }
  719.    
  720.    .pa-btn-secondary:hover {
  721.      background: #1e40af;
  722.      color: white;
  723.      text-decoration: none;
  724.      box-shadow: 0 4px 15px rgba(30, 64, 175, 0.3);
  725.    }
  726.    
  727.    /* Seção de Diferenciação */
  728.    .pa-differentials {
  729.      padding: 4rem 1rem;
  730.      background: white;
  731.    }
  732.    
  733.    .pa-section-content {
  734.      max-width: 1200px;
  735.      margin: 0 auto;
  736.    }
  737.    
  738.    .pa-section-title {
  739.      font-size: clamp(1.75rem, 3vw, 2.5rem);
  740.      font-weight: 700;
  741.      text-align: center;
  742.      margin: 0 0 1rem 0;
  743.      color: #1a202c;
  744.    }
  745.    
  746.    .pa-section-subtitle {
  747.      font-size: clamp(1rem, 2vw, 1.125rem);
  748.      text-align: center;
  749.      color: #4a5568;
  750.      margin: 0 0 3rem 0;
  751.      max-width: 600px;
  752.      margin-left: auto;
  753.      margin-right: auto;
  754.    }
  755.    
  756.    .pa-grid {
  757.      display: grid;
  758.      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  759.      gap: 2rem;
  760.      margin-top: 3rem;
  761.    }
  762.    
  763.    .pa-card {
  764.      background: white;
  765.      border-radius: 12px;
  766.      padding: 2rem;
  767.      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
  768.      border: 1px solid #e2e8f0;
  769.      transition: all 0.3s ease;
  770.      position: relative;
  771.      overflow: hidden;
  772.    }
  773.    
  774.    .pa-card:hover {
  775.      transform: translateY(-4px);
  776.      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
  777.      border-color: #4f46e5;
  778.    }
  779.    
  780.    .pa-card-icon {
  781.      width: 60px;
  782.      height: 60px;
  783.      background: linear-gradient(135deg, #4f46e5, #7c3aed);
  784.      border-radius: 12px;
  785.      display: flex;
  786.      align-items: center;
  787.      justify-content: center;
  788.      font-size: 1.5rem;
  789.      margin-bottom: 1.5rem;
  790.    }
  791.    
  792.    .pa-card-title {
  793.      font-size: 1.25rem;
  794.      font-weight: 700;
  795.      margin: 0 0 1rem 0;
  796.      color: #1a202c;
  797.    }
  798.    
  799.    .pa-card-description {
  800.      color: #4a5568;
  801.      line-height: 1.6;
  802.      margin: 0;
  803.    }
  804.    
  805.    /* Seção Cuidado do Professor */
  806.    .pa-teacher-care {
  807.      padding: 4rem 1rem;
  808.      background: linear-gradient(135deg, #fef7ff, #f3e8ff);
  809.    }
  810.    
  811.    .pa-feature-highlight {
  812.      background: white;
  813.      border-radius: 16px;
  814.      padding: 3rem 2rem;
  815.      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  816.      margin-top: 2rem;
  817.    }
  818.    
  819.    .pa-feature-grid {
  820.      display: grid;
  821.      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  822.      gap: 2rem;
  823.      margin-top: 2rem;
  824.    }
  825.    
  826.    .pa-feature-item {
  827.      display: flex;
  828.      align-items: flex-start;
  829.      gap: 1rem;
  830.    }
  831.    
  832.    .pa-feature-icon {
  833.      width: 40px;
  834.      height: 40px;
  835.      background: linear-gradient(135deg, #10b981, #059669);
  836.      border-radius: 8px;
  837.      display: flex;
  838.      align-items: center;
  839.      justify-content: center;
  840.      flex-shrink: 0;
  841.      font-size: 1.25rem;
  842.    }
  843.    
  844.    .pa-feature-content h4 {
  845.      font-size: 1.125rem;
  846.      font-weight: 600;
  847.      margin: 0 0 0.5rem 0;
  848.      color: #1a202c;
  849.    }
  850.    
  851.    .pa-feature-content p {
  852.      color: #4a5568;
  853.      margin: 0;
  854.      font-size: 0.875rem;
  855.    }
  856.    
  857.    /* Seção IA na Educação */
  858.    .pa-ai-section {
  859.      padding: 4rem 1rem;
  860.      background: linear-gradient(135deg, #eff6ff, #dbeafe);
  861.    }
  862.    
  863.    .pa-ai-grid {
  864.      display: grid;
  865.      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  866.      gap: 2rem;
  867.      margin-top: 3rem;
  868.    }
  869.    
  870.    .pa-ai-card {
  871.      background: white;
  872.      border-radius: 12px;
  873.      padding: 2rem;
  874.      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
  875.      border-left: 4px solid #3b82f6;
  876.    }
  877.    
  878.    .pa-ai-card h4 {
  879.      font-size: 1.25rem;
  880.      font-weight: 700;
  881.      margin: 0 0 1rem 0;
  882.      color: #1a202c;
  883.    }
  884.    
  885.    .pa-ai-card p {
  886.      color: #4a5568;
  887.      margin: 0 0 1rem 0;
  888.    }
  889.    
  890.    .pa-ai-card ul {
  891.      list-style: none;
  892.      padding: 0;
  893.      margin: 0;
  894.    }
  895.    
  896.    .pa-ai-card li {
  897.      padding: 0.5rem 0;
  898.      border-bottom: 1px solid #e2e8f0;
  899.      display: flex;
  900.      align-items: center;
  901.      gap: 0.5rem;
  902.    }
  903.    
  904.    .pa-ai-card li:last-child {
  905.      border-bottom: none;
  906.    }
  907.    
  908.    .pa-ai-card li::before {
  909.      content: "✓";
  910.      color: #10b981;
  911.      font-weight: bold;
  912.    }
  913.    
  914.    /* Seção de Comunidade - Contraste Otimizado */
  915.    .pa-community {
  916.      padding: 4rem 1rem;
  917.      background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 50%, #f0f9ff 100%);
  918.      color: #0c4a6e;
  919.      position: relative;
  920.      overflow: hidden;
  921.    }
  922.    
  923.    .pa-community::before {
  924.      content: '';
  925.      position: absolute;
  926.      top: 0;
  927.      left: 0;
  928.      right: 0;
  929.      bottom: 0;
  930.      background: url('data:image/svg+xml,<svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="25" cy="25" r="1.5" fill="%234f46e5" opacity="0.08"/><circle cx="75" cy="75" r="1" fill="%2306b6d4" opacity="0.06"/><circle cx="50" cy="10" r="0.8" fill="%234f46e5" opacity="0.05"/><circle cx="10" cy="60" r="1.2" fill="%2306b6d4" opacity="0.07"/><circle cx="90" cy="40" r="0.6" fill="%234f46e5" opacity="0.04"/></svg>');
  931.      pointer-events: none;
  932.    }
  933.    
  934.    .pa-community .pa-section-content {
  935.      position: relative;
  936.      z-index: 2;
  937.    }
  938.    
  939.    .pa-community .pa-section-title {
  940.      color: #0c4a6e;
  941.      font-weight: 800;
  942.    }
  943.    
  944.    .pa-community .pa-section-subtitle {
  945.      color: #0369a1;
  946.    }
  947.    
  948.    .pa-community-stats {
  949.      display: grid;
  950.      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  951.      gap: 2rem;
  952.      margin: 3rem 0;
  953.    }
  954.    
  955.    .pa-community-stat {
  956.      text-align: center;
  957.      padding: 2rem;
  958.      background: white;
  959.      border-radius: 12px;
  960.      box-shadow: 0 4px 6px rgba(6, 182, 212, 0.1);
  961.      border: 2px solid #bae6fd;
  962.      transition: all 0.3s ease;
  963.    }
  964.    
  965.    .pa-community-stat:hover {
  966.      transform: translateY(-4px);
  967.      border-color: #0ea5e9;
  968.      box-shadow: 0 8px 25px rgba(6, 182, 212, 0.2);
  969.    }
  970.    
  971.    .pa-community-stat-number {
  972.      font-size: 2.5rem;
  973.      font-weight: 900;
  974.      display: block;
  975.      color: #0369a1;
  976.    }
  977.    
  978.    .pa-community-stat-label {
  979.      font-size: 0.875rem;
  980.      color: #0c4a6e;
  981.      margin-top: 0.5rem;
  982.      font-weight: 600;
  983.    }
  984.    
  985.    /* Depoimentos */
  986.    .pa-testimonials {
  987.      padding: 4rem 1rem;
  988.      background: #f8fafc;
  989.    }
  990.    
  991.    .pa-testimonial-grid {
  992.      display: grid;
  993.      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  994.      gap: 2rem;
  995.      margin-top: 3rem;
  996.    }
  997.    
  998.    .pa-testimonial {
  999.      background: white;
  1000.      padding: 2rem;
  1001.      border-radius: 12px;
  1002.      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
  1003.      position: relative;
  1004.    }
  1005.    
  1006.    .pa-testimonial::before {
  1007.      content: '"';
  1008.      font-size: 4rem;
  1009.      color: #4f46e5;
  1010.      position: absolute;
  1011.      top: 1rem;
  1012.      left: 1.5rem;
  1013.      line-height: 1;
  1014.      opacity: 0.3;
  1015.    }
  1016.    
  1017.    .pa-testimonial-content {
  1018.      font-style: italic;
  1019.      margin: 2rem 0 1.5rem 0;
  1020.      color: #4a5568;
  1021.    }
  1022.    
  1023.    .pa-testimonial-author {
  1024.      display: flex;
  1025.      align-items: center;
  1026.      gap: 1rem;
  1027.    }
  1028.    
  1029.    .pa-testimonial-avatar {
  1030.      width: 50px;
  1031.      height: 50px;
  1032.      border-radius: 50%;
  1033.      background: linear-gradient(135deg, #4f46e5, #7c3aed);
  1034.      display: flex;
  1035.      align-items: center;
  1036.      justify-content: center;
  1037.      color: white;
  1038.      font-weight: bold;
  1039.    }
  1040.    
  1041.    .pa-testimonial-info h5 {
  1042.      margin: 0;
  1043.      font-weight: 600;
  1044.      color: #1a202c;
  1045.    }
  1046.    
  1047.    .pa-testimonial-info p {
  1048.      margin: 0;
  1049.      font-size: 0.875rem;
  1050.      color: #6b7280;
  1051.    }
  1052.    
  1053.    /* FAQ Section */
  1054.    .pa-faq {
  1055.      padding: 4rem 1rem;
  1056.      background: white;
  1057.    }
  1058.    
  1059.    .pa-faq-list {
  1060.      max-width: 800px;
  1061.      margin: 3rem auto 0;
  1062.    }
  1063.    
  1064.    .pa-faq-item {
  1065.      border: 1px solid #e2e8f0;
  1066.      border-radius: 8px;
  1067.      margin-bottom: 1rem;
  1068.      overflow: hidden;
  1069.    }
  1070.    
  1071.    .pa-faq-question {
  1072.      width: 100%;
  1073.      padding: 1.5rem;
  1074.      text-align: left;
  1075.      background: #f8fafc;
  1076.      border: none;
  1077.      font-weight: 600;
  1078.      color: #1a202c;
  1079.      cursor: pointer;
  1080.      display: flex;
  1081.      justify-content: space-between;
  1082.      align-items: center;
  1083.      transition: all 0.3s ease;
  1084.    }
  1085.    
  1086.    .pa-faq-question:hover {
  1087.      background: #f1f5f9;
  1088.    }
  1089.    
  1090.    .pa-faq-question::after {
  1091.      content: '+';
  1092.      font-size: 1.5rem;
  1093.      transition: transform 0.3s ease;
  1094.    }
  1095.    
  1096.    .pa-faq-question.active::after {
  1097.      transform: rotate(45deg);
  1098.    }
  1099.    
  1100.    .pa-faq-answer {
  1101.      padding: 0 1.5rem;
  1102.      max-height: 0;
  1103.      overflow: hidden;
  1104.      transition: all 0.3s ease;
  1105.    }
  1106.    
  1107.    .pa-faq-answer.active {
  1108.      padding: 1.5rem;
  1109.      max-height: 200px;
  1110.    }
  1111.    
  1112.    .pa-faq-answer p {
  1113.      margin: 0;
  1114.      color: #4a5568;
  1115.      line-height: 1.6;
  1116.    }
  1117.    
  1118.    /* CTA Final */
  1119.    .pa-final-cta {
  1120.      padding: 4rem 1rem;
  1121.      background: linear-gradient(135deg, #4f46e5, #7c3aed);
  1122.      color: white;
  1123.      text-align: center;
  1124.    }
  1125.    
  1126.    .pa-final-cta h2 {
  1127.      font-size: clamp(1.75rem, 3vw, 2.5rem);
  1128.      font-weight: 700;
  1129.      margin: 0 0 1rem 0;
  1130.    }
  1131.    
  1132.    .pa-final-cta p {
  1133.      font-size: clamp(1rem, 2vw, 1.125rem);
  1134.      margin: 0 0 2rem 0;
  1135.      opacity: 0.95;
  1136.      max-width: 600px;
  1137.      margin-left: auto;
  1138.      margin-right: auto;
  1139.    }
  1140.    
  1141.    .pa-final-cta .pa-btn {
  1142.      background: white;
  1143.      color: #1e40af;
  1144.      font-weight: 700;
  1145.      border: 2px solid white;
  1146.      box-shadow: 0 4px 15px rgba(255, 255, 255, 0.2);
  1147.    }
  1148.    
  1149.    .pa-final-cta .pa-btn:hover {
  1150.      background: #f8fafc;
  1151.      transform: translateY(-2px);
  1152.      box-shadow: 0 8px 25px rgba(255, 255, 255, 0.4);
  1153.      color: #1e40af;
  1154.      text-decoration: none;
  1155.      border-color: #f8fafc;
  1156.    }
  1157.    
  1158.    /* Responsividade */
  1159.    @media (min-width: 640px) {
  1160.      .pa-cta-group {
  1161.        flex-direction: row;
  1162.        justify-content: center;
  1163.      }
  1164.      
  1165.      .pa-grid {
  1166.        grid-template-columns: repeat(2, 1fr);
  1167.      }
  1168.      
  1169.      .pa-ai-grid {
  1170.        grid-template-columns: repeat(2, 1fr);
  1171.      }
  1172.    }
  1173.    
  1174.    @media (min-width: 1024px) {
  1175.      .pa-grid {
  1176.        grid-template-columns: repeat(3, 1fr);
  1177.      }
  1178.      
  1179.      .pa-ai-grid {
  1180.        grid-template-columns: repeat(3, 1fr);
  1181.      }
  1182.      
  1183.      .pa-testimonial-grid {
  1184.        grid-template-columns: repeat(3, 1fr);
  1185.      }
  1186.    }
  1187.    
  1188.    /* Animações */
  1189.    @keyframes fadeInUp {
  1190.      from {
  1191.        opacity: 0;
  1192.        transform: translateY(30px);
  1193.      }
  1194.      to {
  1195.        opacity: 1;
  1196.        transform: translateY(0);
  1197.      }
  1198.    }
  1199.    
  1200.    .pa-animate {
  1201.      animation: fadeInUp 0.6s ease-out;
  1202.    }
  1203.    
  1204.    /* Acessibilidade */
  1205.    @media (prefers-reduced-motion: reduce) {
  1206.      .pa-container *,
  1207.      .pa-container *::before,
  1208.      .pa-container *::after {
  1209.        animation-duration: 0.01ms !important;
  1210.        animation-iteration-count: 1 !important;
  1211.        transition-duration: 0.01ms !important;
  1212.      }
  1213.    }
  1214.    
  1215.    /* Focus states para acessibilidade */
  1216.    .pa-container a:focus,
  1217.    .pa-container button:focus {
  1218.      outline: 2px solid #4f46e5;
  1219.      outline-offset: 2px;
  1220.    }
  1221.    
  1222.    /* High contrast mode */
  1223.    @media (prefers-contrast: high) {
  1224.      .pa-container {
  1225.        filter: contrast(1.2);
  1226.      }
  1227.    }
  1228.  </style>
  1229.  
  1230.  <!-- Header Principal -->
  1231.  <header class="pa-header" role="banner">
  1232.    <div class="pa-header-content">
  1233.      <div class="pa-badge" itemprop="award">
  1234.        🏆 100% Alinhado à BNCC
  1235.      </div>
  1236.      <h1 class="pa-title" itemprop="name">
  1237.        Pro Atitude Educacional
  1238.      </h1>
  1239.      <p class="pa-subtitle" itemprop="description">
  1240.        O Único Portal que Cuida do Professor Brasileiro
  1241.      </p>
  1242.      
  1243.      <div class="pa-stats" itemscope="" itemtype="https://schema.org/QuantitativeValue">
  1244.        <div class="pa-stat">
  1245.          <span class="pa-stat-number" itemprop="value">50.000+</span>
  1246.          <span class="pa-stat-label">Recursos Gratuitos</span>
  1247.        </div>
  1248.        <div class="pa-stat">
  1249.          <span class="pa-stat-number">100%</span>
  1250.          <span class="pa-stat-label">Alinhado à BNCC</span>
  1251.        </div>
  1252.        <div class="pa-stat">
  1253.          <span class="pa-stat-number">24/7</span>
  1254.          <span class="pa-stat-label">Suporte Disponível</span>
  1255.        </div>
  1256.        <div class="pa-stat">
  1257.          <span class="pa-stat-number">🆓</span>
  1258.          <span class="pa-stat-label">Sempre Gratuito</span>
  1259.        </div>
  1260.      </div>
  1261.    </div>
  1262.  </header>
  1263.  
  1264.  <!-- Seção Hero -->
  1265.  <section class="pa-hero" role="main">
  1266.    <div class="pa-hero-content">
  1267.      <h2 class="pa-hero-title">
  1268.        Pare de Perder Tempo Procurando Recursos. <br>
  1269.        <strong style="color: #4f46e5;">Encontre Tudo Aqui.</strong>
  1270.      </h2>
  1271.      <p class="pa-hero-description">
  1272.        Mais de 50.000 recursos educacionais criados por professores experientes,
  1273.        testados em sala de aula e 100% alinhados à BNCC. Economize horas de
  1274.        planejamento e foque no que realmente importa: ensinar.
  1275.      </p>
  1276.      
  1277.      <div class="pa-cta-group">
  1278.        <a href="#recursos" class="pa-btn pa-btn-primary" onclick="gtag('event', 'click', {'event_category': 'CTA', 'event_label': 'Explorar Recursos'});">
  1279.          🆓 Explorar Recursos Gratuitos
  1280.        </a>
  1281.        <a href="#comunidade" class="pa-btn pa-btn-secondary" onclick="gtag('event', 'click', {'event_category': 'CTA', 'event_label': 'Juntar Comunidade'});">
  1282.          👥 Juntar-se à Comunidade
  1283.        </a>
  1284.      </div>
  1285.    </div>
  1286.  </section>
  1287.  
  1288.  <!-- Seção de Diferenciação -->
  1289.  <section class="pa-differentials" id="diferenciais">
  1290.    <div class="pa-section-content">
  1291.      <h2 class="pa-section-title">Por que Somos Diferentes?</h2>
  1292.      <p class="pa-section-subtitle">
  1293.        Em um mundo saturado de IA, oferecemos algo que a tecnologia não consegue:
  1294.        o cuidado humano e a experiência real de sala de aula.
  1295.      </p>
  1296.      
  1297.      <div class="pa-grid">
  1298.        <article class="pa-card" itemscope="" itemtype="https://schema.org/Service">
  1299.          <div class="pa-card-icon">🧠</div>
  1300.          <h3 class="pa-card-title" itemprop="name">Curadoria Humana vs. IA</h3>
  1301.          <p class="pa-card-description" itemprop="description">
  1302.            Nossos recursos são criados e validados por professores experientes,
  1303.            não gerados por IA. Qualidade pedagógica garantida, testada em sala de aula real.
  1304.          </p>
  1305.        </article>
  1306.        
  1307.        <article class="pa-card" itemscope="" itemtype="https://schema.org/Service">
  1308.          <div class="pa-card-icon">🇧🇷</div>
  1309.          <h3 class="pa-card-title" itemprop="name">100% Focado no Brasil</h3>
  1310.          <p class="pa-card-description" itemprop="description">
  1311.            Todos os nossos materiais são desenvolvidos especificamente para a
  1312.            realidade brasileira, alinhados à BNCC e às necessidades dos nossos professores.
  1313.          </p>
  1314.        </article>
  1315.        
  1316.        <article class="pa-card" itemscope="" itemtype="https://schema.org/Service">
  1317.          <div class="pa-card-icon">💚</div>
  1318.          <h3 class="pa-card-title" itemprop="name">Cuidamos do Professor</h3>
  1319.          <p class="pa-card-description" itemprop="description">
  1320.            Além de recursos, oferecemos suporte ao bem-estar docente, gestão de tempo
  1321.            e estratégias para prevenir o burnout. Você não está sozinho.
  1322.          </p>
  1323.        </article>
  1324.      </div>
  1325.    </div>
  1326.  </section>
  1327.  
  1328.  <!-- Seção Cuidado do Professor -->
  1329.  <section class="pa-teacher-care" id="cuidado-professor">
  1330.    <div class="pa-section-content">
  1331.      <h2 class="pa-section-title">Cuidado do Professor</h2>
  1332.      <p class="pa-section-subtitle">
  1333.        Sabemos que 79% dos professores já pensaram em desistir.
  1334.        Estamos aqui para apoiar você em todos os aspectos da carreira docente.
  1335.      </p>
  1336.      
  1337.      <div class="pa-feature-highlight">
  1338.        <div class="pa-feature-grid">
  1339.          <div class="pa-feature-item">
  1340.            <div class="pa-feature-icon">🧘</div>
  1341.            <div class="pa-feature-content">
  1342.              <h4>Bem-estar Mental</h4>
  1343.              <p>Técnicas de mindfulness, gestão de estresse e autocuidado especialmente desenvolvidas para educadores.</p>
  1344.            </div>
  1345.          </div>
  1346.          
  1347.          <div class="pa-feature-item">
  1348.            <div class="pa-feature-icon">⏰</div>
  1349.            <div class="pa-feature-content">
  1350.              <h4>Gestão de Tempo</h4>
  1351.              <p>Estratégias práticas para otimizar seu planejamento e ter mais tempo para o que realmente importa.</p>
  1352.            </div>
  1353.          </div>
  1354.          
  1355.          <div class="pa-feature-item">
  1356.            <div class="pa-feature-icon">📈</div>
  1357.            <div class="pa-feature-content">
  1358.              <h4>Desenvolvimento Profissional</h4>
  1359.              <p>Cursos, webinars e recursos para impulsionar sua carreira e se manter atualizado.</p>
  1360.            </div>
  1361.          </div>
  1362.          
  1363.          <div class="pa-feature-item">
  1364.            <div class="pa-feature-icon">🤝</div>
  1365.            <div class="pa-feature-content">
  1366.              <h4>Rede de Apoio</h4>
  1367.              <p>Conecte-se com outros professores, compartilhe experiências e encontre suporte mútuo.</p>
  1368.            </div>
  1369.          </div>
  1370.        </div>
  1371.      </div>
  1372.    </div>
  1373.  </section>
  1374.  
  1375.  <!-- Seção IA na Educação -->
  1376.  <section class="pa-ai-section" id="ia-educacao">
  1377.    <div class="pa-section-content">
  1378.      <h2 class="pa-section-title">IA na Sala de Aula</h2>
  1379.      <p class="pa-section-subtitle">
  1380.        Não lutamos contra a IA, ensinamos você a usá-la de forma ética e eficiente.
  1381.        Seja o professor que domina a tecnologia, não que é dominado por ela.
  1382.      </p>
  1383.      
  1384.      <div class="pa-ai-grid">
  1385.        <div class="pa-ai-card">
  1386.          <h4>🤖 Prompts Prontos</h4>
  1387.          <p>Comandos testados e aprovados para usar no ChatGPT, Gemini e outras IAs:</p>
  1388.          <ul>
  1389.            <li>Adaptação de atividades por nível</li>
  1390.            <li>Criação de avaliações personalizadas</li>
  1391.            <li>Geração de feedbacks construtivos</li>
  1392.            <li>Planejamento de projetos interdisciplinares</li>
  1393.          </ul>
  1394.        </div>
  1395.        
  1396.        <div class="pa-ai-card">
  1397.          <h4>📚 Tutoriais Práticos</h4>
  1398.          <p>Aprenda passo a passo como integrar IA no seu dia a dia:</p>
  1399.          <ul>
  1400.            <li>Como usar IA para economizar tempo</li>
  1401.            <li>Verificação de qualidade do conteúdo</li>
  1402.            <li>Ética no uso de IA na educação</li>
  1403.            <li>Ferramentas gratuitas recomendadas</li>
  1404.          </ul>
  1405.        </div>
  1406.        
  1407.        <div class="pa-ai-card">
  1408.          <h4>⚖️ Uso Ético</h4>
  1409.          <p>Diretrizes claras para usar IA de forma responsável:</p>
  1410.          <ul>
  1411.            <li>Quando usar e quando não usar IA</li>
  1412.            <li>Como manter a autenticidade pedagógica</li>
  1413.            <li>Transparência com alunos e pais</li>
  1414.            <li>Proteção de dados e privacidade</li>
  1415.          </ul>
  1416.        </div>
  1417.      </div>
  1418.    </div>
  1419.  </section>
  1420.  
  1421.  <!-- Seção de Comunidade -->
  1422.  <section class="pa-community" id="comunidade">
  1423.    <div class="pa-section-content">
  1424.      <h2 class="pa-section-title">Nossa Comunidade Ativa</h2>
  1425.      <p class="pa-section-subtitle">
  1426.        Mais que um site, somos uma família de educadores que se apoiam mutuamente.
  1427.      </p>
  1428.      
  1429.      <div class="pa-community-stats">
  1430.        <div class="pa-community-stat">
  1431.          <span class="pa-community-stat-number">15.000+</span>
  1432.          <span class="pa-community-stat-label">Professores Ativos</span>
  1433.        </div>
  1434.        <div class="pa-community-stat">
  1435.          <span class="pa-community-stat-number">500+</span>
  1436.          <span class="pa-community-stat-label">Recursos Novos/Mês</span>
  1437.        </div>
  1438.        <div class="pa-community-stat">
  1439.          <span class="pa-community-stat-number">98%</span>
  1440.          <span class="pa-community-stat-label">Satisfação</span>
  1441.        </div>
  1442.        <div class="pa-community-stat">
  1443.          <span class="pa-community-stat-number">24h</span>
  1444.          <span class="pa-community-stat-label">Tempo de Resposta</span>
  1445.        </div>
  1446.      </div>
  1447.    </div>
  1448.  </section>
  1449.  
  1450.  <!-- Depoimentos -->
  1451.  <section class="pa-testimonials" id="depoimentos">
  1452.    <div class="pa-section-content">
  1453.      <h2 class="pa-section-title">O que Dizem Nossos Professores</h2>
  1454.      <p class="pa-section-subtitle">
  1455.        Histórias reais de educadores que transformaram sua prática com nossos recursos.
  1456.      </p>
  1457.      
  1458.      <div class="pa-testimonial-grid">
  1459.        <article class="pa-testimonial" itemscope="" itemtype="https://schema.org/Review">
  1460.          <p class="pa-testimonial-content" itemprop="reviewBody">
  1461.            "Economizo pelo menos 3 horas por semana no planejamento. Os recursos são
  1462.            de qualidade excepcional e meus alunos adoram as atividades!"
  1463.          </p>
  1464.          <div class="pa-testimonial-author">
  1465.            <div class="pa-testimonial-avatar">MF</div>
  1466.            <div class="pa-testimonial-info">
  1467.              <h5 itemprop="author">Maria Fernanda</h5>
  1468.              <p>Professora do 3º ano - SP</p>
  1469.            </div>
  1470.          </div>
  1471.        </article>
  1472.        
  1473.        <article class="pa-testimonial" itemscope="" itemtype="https://schema.org/Review">
  1474.          <p class="pa-testimonial-content" itemprop="reviewBody">
  1475.            "A seção de bem-estar me ajudou muito a lidar com o estresse.
  1476.            Sinto que tenho um suporte real aqui, não apenas recursos."
  1477.          </p>
  1478.          <div class="pa-testimonial-author">
  1479.            <div class="pa-testimonial-avatar">JS</div>
  1480.            <div class="pa-testimonial-info">
  1481.              <h5 itemprop="author">João Silva</h5>
  1482.              <p>Professor de Matemática - RJ</p>
  1483.            </div>
  1484.          </div>
  1485.        </article>
  1486.        
  1487.        <article class="pa-testimonial" itemscope="" itemtype="https://schema.org/Review">
  1488.          <p class="pa-testimonial-content" itemprop="reviewBody">
  1489.            "Os tutoriais de IA mudaram minha forma de trabalhar. Agora uso
  1490.            tecnologia de forma inteligente e ética em minhas aulas."
  1491.          </p>
  1492.          <div class="pa-testimonial-author">
  1493.            <div class="pa-testimonial-avatar">AC</div>
  1494.            <div class="pa-testimonial-info">
  1495.              <h5 itemprop="author">Ana Clara</h5>
  1496.              <p>Coordenadora Pedagógica - MG</p>
  1497.            </div>
  1498.          </div>
  1499.        </article>
  1500.      </div>
  1501.    </div>
  1502.  </section>
  1503.  
  1504.  <!-- FAQ -->
  1505.  <section class="pa-faq" id="faq" itemscope="" itemtype="https://schema.org/FAQPage">
  1506.    <div class="pa-section-content">
  1507.      <h2 class="pa-section-title">Perguntas Frequentes</h2>
  1508.      <p class="pa-section-subtitle">
  1509.        Tire suas dúvidas sobre nossos recursos e serviços.
  1510.      </p>
  1511.      
  1512.      <div class="pa-faq-list">
  1513.        <div class="pa-faq-item" itemscope="" itemprop="mainEntity" itemtype="https://schema.org/Question">
  1514.          <button class="pa-faq-question" itemprop="name">
  1515.            Os recursos são realmente gratuitos?
  1516.          </button>
  1517.          <div class="pa-faq-answer" itemscope="" itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
  1518.            <p itemprop="text">
  1519.              Sim! Todos os nossos recursos educacionais são 100% gratuitos.
  1520.              Acreditamos que educação de qualidade deve ser acessível a todos os professores.
  1521.            </p>
  1522.          </div>
  1523.        </div>
  1524.        
  1525.        <div class="pa-faq-item" itemscope="" itemprop="mainEntity" itemtype="https://schema.org/Question">
  1526.          <button class="pa-faq-question" itemprop="name">
  1527.            Como vocês garantem a qualidade dos materiais?
  1528.          </button>
  1529.          <div class="pa-faq-answer" itemscope="" itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
  1530.            <p itemprop="text">
  1531.              Todos os recursos passam por curadoria de professores experientes,
  1532.              são testados em sala de aula real e revisados por nossa equipe pedagógica.
  1533.            </p>
  1534.          </div>
  1535.        </div>
  1536.        
  1537.        <div class="pa-faq-item" itemscope="" itemprop="mainEntity" itemtype="https://schema.org/Question">
  1538.          <button class="pa-faq-question" itemprop="name">
  1539.            Posso usar os recursos em minha escola?
  1540.          </button>
  1541.          <div class="pa-faq-answer" itemscope="" itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
  1542.            <p itemprop="text">
  1543.              Claro! Nossos recursos podem ser usados livremente em escolas públicas
  1544.              e privadas, adaptados conforme sua necessidade pedagógica.
  1545.            </p>
  1546.          </div>
  1547.        </div>
  1548.        
  1549.        <div class="pa-faq-item" itemscope="" itemprop="mainEntity" itemtype="https://schema.org/Question">
  1550.          <button class="pa-faq-question" itemprop="name">
  1551.            Como posso contribuir com a comunidade?
  1552.          </button>
  1553.          <div class="pa-faq-answer" itemscope="" itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
  1554.            <p itemprop="text">
  1555.              Você pode compartilhar suas experiências, sugerir novos recursos,
  1556.              participar dos fóruns e até se tornar um de nossos educadores parceiros.
  1557.            </p>
  1558.          </div>
  1559.        </div>
  1560.      </div>
  1561.    </div>
  1562.  </section>
  1563.  
  1564.  <!-- CTA Final -->
  1565.  <section class="pa-final-cta" id="recursos">
  1566.    <div class="pa-section-content">
  1567.      <h2>Pronto para Transformar sua Prática Pedagógica?</h2>
  1568.      <p>
  1569.        Junte-se a mais de 15.000 professores que já descobriram uma forma
  1570.        mais inteligente e humana de ensinar.
  1571.      </p>
  1572.      <a href="https://www.proatitude.com/cadastro" class="pa-btn" onclick="gtag('event', 'conversion', {'send_to': 'AW-CONVERSION_ID/CONVERSION_LABEL'});">
  1573.        🆓 Começar Agora - É Grátis!
  1574.      </a>
  1575.    </div>
  1576.  </section>
  1577.  
  1578.  <!-- JavaScript para Funcionalidades -->
  1579.  <script>
  1580.    // FAQ Toggle
  1581.    document.addEventListener('DOMContentLoaded', function() {
  1582.      const faqQuestions = document.querySelectorAll('.pa-faq-question');
  1583.      
  1584.      faqQuestions.forEach(question => {
  1585.        question.addEventListener('click', function() {
  1586.          const answer = this.nextElementSibling;
  1587.          const isActive = this.classList.contains('active');
  1588.          
  1589.          // Fechar todas as outras
  1590.          faqQuestions.forEach(q => {
  1591.            q.classList.remove('active');
  1592.            q.nextElementSibling.classList.remove('active');
  1593.          });
  1594.          
  1595.          // Abrir/fechar a atual
  1596.          if (!isActive) {
  1597.            this.classList.add('active');
  1598.            answer.classList.add('active');
  1599.          }
  1600.        });
  1601.      });
  1602.      
  1603.      // Animação de entrada para elementos visíveis
  1604.      const observerOptions = {
  1605.        threshold: 0.1,
  1606.        rootMargin: '0px 0px -50px 0px'
  1607.      };
  1608.      
  1609.      const observer = new IntersectionObserver(function(entries) {
  1610.        entries.forEach(entry => {
  1611.          if (entry.isIntersecting) {
  1612.            entry.target.classList.add('pa-animate');
  1613.          }
  1614.        });
  1615.      }, observerOptions);
  1616.      
  1617.      // Observar elementos para animação
  1618.      const animateElements = document.querySelectorAll('.pa-card, .pa-testimonial, .pa-ai-card');
  1619.      animateElements.forEach(el => observer.observe(el));
  1620.      
  1621.      // Smooth scroll para links internos
  1622.      const internalLinks = document.querySelectorAll('a[href^="#"]');
  1623.      internalLinks.forEach(link => {
  1624.        link.addEventListener('click', function(e) {
  1625.          e.preventDefault();
  1626.          const targetId = this.getAttribute('href').substring(1);
  1627.          const targetElement = document.getElementById(targetId);
  1628.          
  1629.          if (targetElement) {
  1630.            targetElement.scrollIntoView({
  1631.              behavior: 'smooth',
  1632.              block: 'start'
  1633.            });
  1634.          }
  1635.        });
  1636.      });
  1637.      
  1638.      // Tracking de eventos para analytics
  1639.      const trackableElements = document.querySelectorAll('[onclick*="gtag"]');
  1640.      trackableElements.forEach(element => {
  1641.        element.addEventListener('click', function() {
  1642.          // Analytics tracking já está no onclick
  1643.          console.log('Event tracked:', this.textContent.trim());
  1644.        });
  1645.      });
  1646.    });
  1647.    
  1648.    // Função para mostrar notificação de sucesso (pode ser customizada)
  1649.    function showSuccessMessage(message) {
  1650.      const notification = document.createElement('div');
  1651.      notification.style.cssText = `
  1652.        position: fixed;
  1653.        top: 20px;
  1654.        right: 20px;
  1655.        background: #10b981;
  1656.        color: white;
  1657.        padding: 1rem 2rem;
  1658.        border-radius: 8px;
  1659.        box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  1660.        z-index: 1000;
  1661.        animation: slideInRight 0.3s ease-out;
  1662.      `;
  1663.      notification.textContent = message;
  1664.      document.body.appendChild(notification);
  1665.      
  1666.      setTimeout(() => {
  1667.        notification.remove();
  1668.      }, 3000);
  1669.    }
  1670.    
  1671.    // Adicionar estilos de animação
  1672.    const style = document.createElement('style');
  1673.    style.textContent = `
  1674.      @keyframes slideInRight {
  1675.        from { transform: translateX(100%); opacity: 0; }
  1676.        to { transform: translateX(0); opacity: 1; }
  1677.      }
  1678.    `;
  1679.    document.head.appendChild(style);
  1680.  </script>
  1681. </div>
  1682. </div>
  1683. </div><div class="b b-text cf">
  1684. <div class="b-c b-text-c b-s b-s-t60 b-s-b60 b-cs cf"><h1 class="wnd-align-center"><strong>Posts mais recentes</strong></h1>
  1685.  
  1686. <h3 class="wnd-align-center"><strong>Seja o primeiro a ler as novidades!</strong></h3>
  1687. </div>
  1688. </div><div class="blog blog-tiles-text perex-crop grid b grid-4">
  1689. <div class="blog-wrapper">
  1690. <div class="blog-container">
  1691. <article class="item">
  1692. <div class="item-wrapper">
  1693. <div class="item-media"><a href="/l/cursos-de-formacao-continuada-voltados-a-professores/"><div class="b-tb wnd-orientation-landscape" id="wnd_ThumbnailBlock_7upf8r2432b000000000000000">
  1694.    <picture><source type="image/webp" srcset="https://f4794e4151.clvaw-cdnwnd.com/c00ff1db29ebef5b7e4cceeef215d03a/200010223-3821138212/450/cursos-de-formacao-continuada-voltados-a-professores.webp?ph=f4794e4151 450w, https://f4794e4151.clvaw-cdnwnd.com/c00ff1db29ebef5b7e4cceeef215d03a/200010223-3821138212/700/cursos-de-formacao-continuada-voltados-a-professores.webp?ph=f4794e4151 700w, https://f4794e4151.clvaw-cdnwnd.com/c00ff1db29ebef5b7e4cceeef215d03a/200010223-3821138212/cursos-de-formacao-continuada-voltados-a-professores.webp?ph=f4794e4151 1200w" sizes="(min-width: 768px) calc(100vw * 0.4), (min-width: 320px) calc(100vw * 0.5), 100vw" ><img src="https://f4794e4151.clvaw-cdnwnd.com/c00ff1db29ebef5b7e4cceeef215d03a/200010222-2be542be56/cursos-de-formacao-continuada-voltados-a-professores.jpeg?ph=f4794e4151" alt="" width="1200" height="675" loading="lazy" ></picture>
  1695. </div></a></div>
  1696. <div class="item-content">
  1697. <div class="item-head">
  1698. <h2><a href="/l/cursos-de-formacao-continuada-voltados-a-professores/"><div class="ld">
  1699. <span class="ld-c"><strong>Cursos de formação continuada voltados a professores</strong></span>
  1700. </div></a></h2>
  1701. <div class="item-date"></div>
  1702. </div>
  1703. <div class="item-perex"><div class="perex">
  1704. <div class="perex-content"><p>Cursos de Formação Continuada para Professores: Oportunidades Únicas do IFBA e UnB. Capacitação gratuita em educação inclusiva com certificação reconhecida nacionalmente</p></div>
  1705. </div></div>
  1706. </div>
  1707. </div>
  1708. </article><article class="item">
  1709. <div class="item-wrapper">
  1710. <div class="item-media"><a href="/l/fracao-retirada-atividade/"><div class="b-tb wnd-orientation-landscape" id="wnd_ThumbnailBlock_2bi864os51r000000000000000">
  1711.    <picture><source type="image/webp" srcset="https://f4794e4151.clvaw-cdnwnd.com/c00ff1db29ebef5b7e4cceeef215d03a/200010211-a0223a0225/450/fracao-retirada-atividade.webp?ph=f4794e4151 300w, https://f4794e4151.clvaw-cdnwnd.com/c00ff1db29ebef5b7e4cceeef215d03a/200010211-a0223a0225/700/fracao-retirada-atividade.webp?ph=f4794e4151 300w, https://f4794e4151.clvaw-cdnwnd.com/c00ff1db29ebef5b7e4cceeef215d03a/200010211-a0223a0225/fracao-retirada-atividade.webp?ph=f4794e4151 300w" sizes="(min-width: 768px) calc(100vw * 0.4), (min-width: 320px) calc(100vw * 0.5), 100vw" ><img src="https://f4794e4151.clvaw-cdnwnd.com/c00ff1db29ebef5b7e4cceeef215d03a/200010210-cf2b9cf2bc/fracao-retirada-atividade.jpeg?ph=f4794e4151" alt="" width="300" height="250" loading="lazy" ></picture>
  1712. </div></a></div>
  1713. <div class="item-content">
  1714. <div class="item-head">
  1715. <h2><a href="/l/fracao-retirada-atividade/"><div class="ld">
  1716. <span class="ld-c"><strong>Fração Retirada: O Segredo para Resolver Qualquer Problema!</strong></span>
  1717. </div></a></h2>
  1718. <div class="item-date"></div>
  1719. </div>
  1720. <div class="item-perex"><div class="perex">
  1721. <div class="perex-content"><p>Dificuldade com fração retirada? 💧 Desvende o mistério do tanque de água com nosso guia passo a passo. Uma explicação simples para nunca mais errar!</p></div>
  1722. </div></div>
  1723. </div>
  1724. </div>
  1725. </article><article class="item">
  1726. <div class="item-wrapper">
  1727. <div class="item-media"><a href="/l/atividades-alfabetizacao-e-letramento/"><div class="b-tb wnd-orientation-landscape" id="wnd_ThumbnailBlock_4fmj0jcbvs4000000000000000">
  1728.    <picture><source type="image/webp" srcset="https://f4794e4151.clvaw-cdnwnd.com/c00ff1db29ebef5b7e4cceeef215d03a/200010209-d3289d328a/450/atividades-alfabetizacao-e-letramento-3.webp?ph=f4794e4151 450w, https://f4794e4151.clvaw-cdnwnd.com/c00ff1db29ebef5b7e4cceeef215d03a/200010209-d3289d328a/700/atividades-alfabetizacao-e-letramento-3.webp?ph=f4794e4151 700w, https://f4794e4151.clvaw-cdnwnd.com/c00ff1db29ebef5b7e4cceeef215d03a/200010209-d3289d328a/atividades-alfabetizacao-e-letramento-3.webp?ph=f4794e4151 1200w" sizes="(min-width: 768px) calc(100vw * 0.4), (min-width: 320px) calc(100vw * 0.5), 100vw" ><img src="https://f4794e4151.clvaw-cdnwnd.com/c00ff1db29ebef5b7e4cceeef215d03a/200010208-04bf304bf4/atividades-alfabetizacao-e-letramento-4.jpeg?ph=f4794e4151" alt="" width="1200" height="675" loading="lazy" ></picture>
  1729. </div></a></div>
  1730. <div class="item-content">
  1731. <div class="item-head">
  1732. <h2><a href="/l/atividades-alfabetizacao-e-letramento/"><div class="ld">
  1733. <span class="ld-c"><strong>Guia Completo de Alfabetização e Letramento (1º Ano) - Atividades, BNCC e Dicas Práticas</strong></span>
  1734. </div></a></h2>
  1735. <div class="item-date"></div>
  1736. </div>
  1737. <div class="item-perex"><div class="perex">
  1738. <div class="perex-content"><p>Um recurso indispensável com atividades práticas, explicações aprofundadas e dicas para impulsionar a alfabetização no 1º ano.</p></div>
  1739. </div></div>
  1740. </div>
  1741. </div>
  1742. </article><article class="item">
  1743. <div class="item-wrapper">
  1744. <div class="item-media"><a href="/l/independencia-do-brasil/"><div class="b-tb wnd-orientation-landscape" id="wnd_ThumbnailBlock_3kruf23bkeng00000000000000">
  1745.    <picture><source type="image/webp" srcset="https://f4794e4151.clvaw-cdnwnd.com/c00ff1db29ebef5b7e4cceeef215d03a/200010203-bedebbedec/450/independencia-do-Brasil%20%281%29.webp?ph=f4794e4151 450w, https://f4794e4151.clvaw-cdnwnd.com/c00ff1db29ebef5b7e4cceeef215d03a/200010203-bedebbedec/700/independencia-do-Brasil%20%281%29.webp?ph=f4794e4151 700w, https://f4794e4151.clvaw-cdnwnd.com/c00ff1db29ebef5b7e4cceeef215d03a/200010203-bedebbedec/independencia-do-Brasil%20%281%29.webp?ph=f4794e4151 1200w" sizes="(min-width: 768px) calc(100vw * 0.4), (min-width: 320px) calc(100vw * 0.5), 100vw" ><img src="https://f4794e4151.clvaw-cdnwnd.com/c00ff1db29ebef5b7e4cceeef215d03a/200010202-e341ee341f/independencia-do-Brasil%20%281%29.jpeg?ph=f4794e4151" alt="" width="1200" height="675" loading="lazy" ></picture>
  1746. </div></a></div>
  1747. <div class="item-content">
  1748. <div class="item-head">
  1749. <h2><a href="/l/independencia-do-brasil/"><div class="ld">
  1750. <span class="ld-c"><strong>Independência do Brasil: História, Fatos e Significado | 7 de Setembro</strong></span>
  1751. </div></a></h2>
  1752. <div class="item-date"></div>
  1753. </div>
  1754. <div class="item-perex"><div class="perex">
  1755. <div class="perex-content"><p>Um guia completo e interativo sobre a Independência do Brasil. Entenda o que realmente aconteceu em 7 de setembro de 1822, porque aconteceu, e o legado deste evento para o Brasil de hoje. Perfeito para estudantes e educadores.</p></div>
  1756. </div></div>
  1757. </div>
  1758. </div>
  1759. </article><article class="item">
  1760. <div class="item-wrapper">
  1761. <div class="item-media"><a href="/l/bilhao-ou-biliao-qual-usar/"><div class="b-tb wnd-orientation-landscape" id="wnd_ThumbnailBlock_5fu8mgev5mj000000000000000">
  1762.    <picture><source type="image/webp" srcset="https://f4794e4151.clvaw-cdnwnd.com/c00ff1db29ebef5b7e4cceeef215d03a/200010181-9c0d29c0d4/450/bilhao-ou-biliao-qual-usar.webp?ph=f4794e4151 450w, https://f4794e4151.clvaw-cdnwnd.com/c00ff1db29ebef5b7e4cceeef215d03a/200010181-9c0d29c0d4/700/bilhao-ou-biliao-qual-usar.webp?ph=f4794e4151 700w, https://f4794e4151.clvaw-cdnwnd.com/c00ff1db29ebef5b7e4cceeef215d03a/200010181-9c0d29c0d4/bilhao-ou-biliao-qual-usar.webp?ph=f4794e4151 1920w" sizes="(min-width: 768px) calc(100vw * 0.4), (min-width: 320px) calc(100vw * 0.5), 100vw" ><img src="https://f4794e4151.clvaw-cdnwnd.com/c00ff1db29ebef5b7e4cceeef215d03a/200010180-aaa3faaa40/bilhao-ou-biliao-qual-usar.jpeg?ph=f4794e4151" alt="" width="1920" height="1080" loading="lazy" ></picture>
  1763. </div></a></div>
  1764. <div class="item-content">
  1765. <div class="item-head">
  1766. <h2><a href="/l/bilhao-ou-biliao-qual-usar/"><div class="ld">
  1767. <span class="ld-c"><strong>Bilhão ou Bilião: Qual a Forma Correta e Por Quê?</strong></span>
  1768. </div></a></h2>
  1769. <div class="item-date"></div>
  1770. </div>
  1771. <div class="item-perex"><div class="perex">
  1772. <div class="perex-content"><p>Entenda a diferença crucial entre bilhão (Brasil) e bilião (Portugal) com nosso guia prático. Explore a ferramenta interativa e veja dicas para não errar mais.</p></div>
  1773. </div></div>
  1774. </div>
  1775. </div>
  1776. </article><article class="item">
  1777. <div class="item-wrapper">
  1778. <div class="item-media"><a href="/l/30-atividades-com-vogais-para-imprimir/"><div class="b-tb wnd-orientation-landscape" id="wnd_ThumbnailBlock_2mkqavuibokg00000000000000">
  1779.    <picture><source type="image/webp" srcset="https://f4794e4151.clvaw-cdnwnd.com/c00ff1db29ebef5b7e4cceeef215d03a/200010179-3cc833cc85/450/30-atividades-com-vogais-para-imprimir.webp?ph=f4794e4151 450w, https://f4794e4151.clvaw-cdnwnd.com/c00ff1db29ebef5b7e4cceeef215d03a/200010179-3cc833cc85/700/30-atividades-com-vogais-para-imprimir.webp?ph=f4794e4151 700w, https://f4794e4151.clvaw-cdnwnd.com/c00ff1db29ebef5b7e4cceeef215d03a/200010179-3cc833cc85/30-atividades-com-vogais-para-imprimir.webp?ph=f4794e4151 1200w" sizes="(min-width: 768px) calc(100vw * 0.4), (min-width: 320px) calc(100vw * 0.5), 100vw" ><img src="https://f4794e4151.clvaw-cdnwnd.com/c00ff1db29ebef5b7e4cceeef215d03a/200010178-71df171df3/30-atividades-com-vogais-para-imprimir.jpeg?ph=f4794e4151" alt="" width="1200" height="675" loading="lazy" ></picture>
  1780. </div></a></div>
  1781. <div class="item-content">
  1782. <div class="item-head">
  1783. <h2><a href="/l/30-atividades-com-vogais-para-imprimir/"><div class="ld">
  1784. <span class="ld-c"><strong>30 Atividades com Vogais para Imprimir [Educação Infantil]</strong></span>
  1785. </div></a></h2>
  1786. <div class="item-date"></div>
  1787. </div>
  1788. <div class="item-perex"><div class="perex">
  1789. <div class="perex-content"><p>Baixe 30 atividades com vogais para imprimir grátis. Material pedagógico completo para alfabetização infantil desenvolvido por especialistas em educação.</p></div>
  1790. </div></div>
  1791. </div>
  1792. </div>
  1793. </article><article class="item">
  1794. <div class="item-wrapper">
  1795. <div class="item-media"><a href="/l/avaliacao-de-desempenho-professores-sed/"><div class="b-tb wnd-orientation-landscape" id="wnd_ThumbnailBlock_7q1k2pu1dmh000000000000000">
  1796.    <picture><source type="image/webp" srcset="https://f4794e4151.clvaw-cdnwnd.com/c00ff1db29ebef5b7e4cceeef215d03a/200010175-ef26def26e/450/avaliacao-de-desempenho-professores-sed.webp?ph=f4794e4151 300w, https://f4794e4151.clvaw-cdnwnd.com/c00ff1db29ebef5b7e4cceeef215d03a/200010175-ef26def26e/700/avaliacao-de-desempenho-professores-sed.webp?ph=f4794e4151 300w, https://f4794e4151.clvaw-cdnwnd.com/c00ff1db29ebef5b7e4cceeef215d03a/200010175-ef26def26e/avaliacao-de-desempenho-professores-sed.webp?ph=f4794e4151 300w" sizes="(min-width: 768px) calc(100vw * 0.4), (min-width: 320px) calc(100vw * 0.5), 100vw" ><img src="https://f4794e4151.clvaw-cdnwnd.com/c00ff1db29ebef5b7e4cceeef215d03a/200010174-3d9a33d9a4/avaliacao-de-desempenho-professores-sed.jpeg?ph=f4794e4151" alt="" width="300" height="250" loading="lazy" ></picture>
  1797. </div></a></div>
  1798. <div class="item-content">
  1799. <div class="item-head">
  1800. <h2><a href="/l/avaliacao-de-desempenho-professores-sed/"><div class="ld">
  1801. <span class="ld-c"><strong>Como Acessar sua Avaliação de Desempenho na SED: Guia Prático</strong></span>
  1802. </div></a></h2>
  1803. <div class="item-date"></div>
  1804. </div>
  1805. <div class="item-perex"><div class="perex">
  1806. <div class="perex-content"><p>Guia passo a passo para professores da rede estadual de SP. Aprenda a acessar sua avaliação de desempenho na Secretaria Escolar Digital (SED), entender o painel e o 'Meu Farol'.</p></div>
  1807. </div></div>
  1808. </div>
  1809. </div>
  1810. </article><article class="item">
  1811. <div class="item-wrapper">
  1812. <div class="item-media"><a href="/l/estrategias-crises-tea-escola/"><div class="b-tb wnd-orientation-landscape" id="wnd_ThumbnailBlock_65s590odp45000000000000000">
  1813.    <picture><source type="image/webp" srcset="https://f4794e4151.clvaw-cdnwnd.com/c00ff1db29ebef5b7e4cceeef215d03a/200010167-854788547a/450/estrategias-crises-tea-escola.webp?ph=f4794e4151 450w, https://f4794e4151.clvaw-cdnwnd.com/c00ff1db29ebef5b7e4cceeef215d03a/200010167-854788547a/700/estrategias-crises-tea-escola.webp?ph=f4794e4151 700w, https://f4794e4151.clvaw-cdnwnd.com/c00ff1db29ebef5b7e4cceeef215d03a/200010167-854788547a/estrategias-crises-tea-escola.webp?ph=f4794e4151 1920w" sizes="(min-width: 768px) calc(100vw * 0.4), (min-width: 320px) calc(100vw * 0.5), 100vw" ><img src="https://f4794e4151.clvaw-cdnwnd.com/c00ff1db29ebef5b7e4cceeef215d03a/200010166-785df785e1/estrategias-crises-tea-escola.jpeg?ph=f4794e4151" alt="" width="1920" height="1080" loading="lazy" ></picture>
  1814. </div></a></div>
  1815. <div class="item-content">
  1816. <div class="item-head">
  1817. <h2><a href="/l/estrategias-crises-tea-escola/"><div class="ld">
  1818. <span class="ld-c"><strong>Agressividade e Crises em Alunos com TEA: Estratégias para Professor e Cuidador</strong></span>
  1819. </div></a></h2>
  1820. <div class="item-date"></div>
  1821. </div>
  1822. <div class="item-perex"><div class="perex">
  1823. <div class="perex-content"><p>Estratégias para professor e cuidador lidarem com agressividade, crises, Meltdown e Shutdown em alunos com TEA. Entenda a desregulação sensorial e as dificuldades de comunicação.</p></div>
  1824. </div></div>
  1825. </div>
  1826. </div>
  1827. </article>
  1828. </div>
  1830. </div>
  1831. <div class="blog-empty-listing"></div>
  1832. </div><div class="b b-html b-s">
  1833. <div class="b-c">
  1834.    <meta charset="UTF-8">
  1835.    <meta name="viewport" content="width=device-width, initial-scale=1.0">
  1836.    <title>Pro Atitude Educacional: Atividades, Planos de Aula e Recursos para Professores</title>
  1837.    <meta name="description" content="Encontre milhares de atividades educacionais, planos de aula e recursos formativos gratuitos para todas as disciplinas. Fortaleça sua prática pedagógica com materiais alinhados à BNCC.">
  1838.    <meta name="robots" content="index, follow">
  1839.    <meta name="author" content="Pro Atitude Educacional">
  1840.    <meta name="keywords" content="atividades pedagógicas, planos de aula, BNCC, educação infantil, ensino fundamental, recursos para professores, educação inclusiva, mapas do Brasil, atividades de alfabetização, Tabuada, atividades educação infantil, atividade de matemática, mapa mundi">
  1841.    
  1842.    <!-- Resource Hints -->
  1843.    <link rel="preconnect" href="https://fonts.googleapis.com">
  1844.    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
  1845.    <link rel="preconnect" href="https://cdn.tailwindcss.com">
  1846.    <link rel="preconnect" href="https://cdn.jsdelivr.net">
  1847.    <link rel="preconnect" href="https://f4794e4151.clvaw-cdnwnd.com">
  1848.  
  1849.    <!-- LCP Optimization: Preload the main hero image -->
  1850.    <link rel="preload" fetchpriority="high" as="image" href="https://f4794e4151.clvaw-cdnwnd.com/c00ff1db29ebef5b7e4cceeef215d03a/200003725-07be207be5/pro-atitude-educacional-4.webp?ph=f4794e4151" type="image/webp">
  1851.    <link rel="preload" as="image" href="https://f4794e4151.clvaw-cdnwnd.com/c00ff1db29ebef5b7e4cceeef215d03a/200002001-6928169283/450/pro_atitude_educacional.webp?ph=f4794e4151" type="image/webp">
  1852.  
  1853.    <!-- Critical CSS (Tailwind) - Render-blocking to prevent FOUC -->
  1854.    <script src="https://cdn.tailwindcss.com"></script>
  1855.  
  1856.    <!-- Asynchronous Fonts -->
  1857.    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&amp;display=swap" rel="stylesheet" media="print" onload="this.media='all'">
  1858.    
  1859.    <!-- Deferred Scripts -->
  1860.    <script src="https://cdn.jsdelivr.net/npm/chart.js" defer=""></script>
  1861.  
  1862.    <!-- Chosen Palette: Refined Calm Classroom -->
  1863.    <!-- Application Structure Plan: The application maintains its task-oriented structure (Filter -> Dashboard -> Results) as it's highly effective for user goals. The redesign focuses on a mobile-first, cleaner UI. 1) Filters are now more prominent and stack vertically on mobile for easy tapping. 2) The dashboard uses responsive containers for charts, ensuring they are legible on all screen sizes. 3) Activity cards have been redesigned for better readability and a consistent call-to-action placement. 4) The footer is now more organized, stacking into fewer columns on smaller screens. This refined structure enhances usability and visual appeal without altering the core intuitive workflow. -->
  1864.    <!-- Visualization & Content Choices: The core visualizations (Bar and Donut charts) and interaction patterns (Card grid, Modal) are retained due to their effectiveness. The changes are primarily in presentation and responsiveness:
  1865.        - Report Info: All -> Goal: Improve UI/UX -> Viz/Presentation: Cleaner layout, better spacing, refined typography, and responsive design. -> Interaction: No change in core interaction logic. -> Justification: The original interactions were sound; the primary goal is to improve the visual design and mobile compatibility to make the platform more professional and accessible. -> Library/Method: Tailwind CSS for mobile-first styling, Chart.js for charts, Vanilla JS for logic.
  1866.    -->
  1867.    <!-- CONFIRMATION: NO SVG graphics used. NO Mermaid JS used. -->
  1868.    
  1869.    <style>
  1870.        body {
  1871.            font-family: 'Inter', sans-serif;
  1872.            background-color: #f7f8fa;
  1873.            color: #1f2937;
  1874.            -webkit-font-smoothing: antialiased;
  1875.            -moz-osx-font-smoothing: grayscale;
  1876.        }
  1877.        /* CLS Optimization: Reserve space for charts */
  1878.        .chart-container {
  1879.            position: relative;
  1880.            width: 100%;
  1881.            max-width: 500px;
  1882.            margin-left: auto;
  1883.            margin-right: auto;
  1884.            height: 300px;
  1885.            max-height: 350px;
  1886.        }
  1887.        @media (min-width: 768px) {
  1888.            .chart-container {
  1889.                height: 350px;
  1890.                max-height: 400px;
  1891.            }
  1892.        }
  1893.        .modal {
  1894.            transition: opacity 0.3s ease, visibility 0.3s ease;
  1895.        }
  1896.        .modal-content {
  1897.            transition: transform 0.3s ease;
  1898.        }
  1899.        .activity-card {
  1900.            transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  1901.        }
  1902.        .activity-card:hover {
  1903.            transform: translateY(-5px);
  1904.            box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.07), 0 4px 6px -4px rgb(0 0 0 / 0.07);
  1905.        }
  1906.        .custom-focus:focus-visible {
  1907.            outline: 3px solid #60a5fa;
  1908.            outline-offset: 2px;
  1909.            border-radius: 0.5rem;
  1910.        }
  1911.    </style>
  1912.  
  1913.    <!-- Structured Data (Schema.org) for E-E-A-T and Semantic SEO -->
  1914.    <script type="application/ld+json">
  1915.    {
  1916.      "@context": "https://schema.org",
  1917.      "@type": "WebSite",
  1918.      "name": "Pro Atitude Educacional",
  1919.      "url": "https://www.proatitude.com/",
  1920.      "potentialAction": {
  1921.        "@type": "SearchAction",
  1922.        "target": "https://www.proatitude.com/?s={search_term_string}",
  1923.        "query-input": "required name=search_term_string"
  1924.      },
  1925.      "publisher": {
  1926.        "@type": "EducationalOrganization",
  1927.        "name": "Pro Atitude Educacional",
  1928.        "url": "https://www.proatitude.com/",
  1929.        "logo": {
  1930.          "@type": "ImageObject",
  1931.          "url": "https://f4794e4151.clvaw-cdnwnd.com/c00ff1db29ebef5b7e4cceeef215d03a/200002001-6928169283/450/pro_atitude_educacional.webp?ph=f4794e4151"
  1932.        },
  1933.        "sameAs": [
  1934.            "https://www.facebook.com/proatitude.educacional/",
  1935.            "https://www.instagram.com/proatitude.educacional/"
  1936.        ]
  1937.      }
  1938.    }
  1939.    </script>
  1940.    <script type="application/ld+json">
  1941.    {
  1942.        "@context": "https://schema.org",
  1943.        "@type": "EducationalOrganization",
  1944.        "name": "Pro Atitude Educacional",
  1945.        "url": "https://www.proatitude.com/",
  1946.        "logo": "https://f4794e4151.clvaw-cdnwnd.com/c00ff1db29ebef5b7e4cceeef215d03a/200002001-6928169283/450/pro_atitude_educacional.webp?ph=f4794e4151",
  1947.        "description": "Plataforma de atividades, planos de aula e recursos formativos gratuitos para professores da educação básica, alinhados à BNCC.",
  1948.        "contactPoint": {
  1949.            "@type": "ContactPoint",
  1950.            "telephone": "+55-11-91486-0000",
  1951.            "email": "contato@proatitude.com",
  1952.            "contactType": "customer support",
  1953.            "url": "https://www.proatitude.com/es1/contate-nos2/"
  1954.        },
  1955.        "knowsAbout": ["Educação Infantil", "Ensino Fundamental", "BNCC", "Alfabetização", "Educação Inclusiva", "Planos de Aula"]
  1956.    }
  1957.    </script>
  1958.    <script type="application/ld+json">
  1959.    {
  1960.        "@context": "https://schema.org",
  1961.        "@type": "FAQPage",
  1962.        "mainEntity": [{
  1963.            "@type": "Question",
  1964.            "name": "O que é a Pro Atitude Educacional?",
  1965.            "acceptedAnswer": {
  1966.                "@type": "Answer",
  1967.                "text": "A Pro Atitude Educacional é uma plataforma online dedicada a fortalecer o trabalho de professores da educação básica, oferecendo milhares de recursos gratuitos como atividades pedagógicas, planos de aula, artigos e cursos, todos alinhados à BNCC."
  1968.            }
  1969.        }, {
  1970.            "@type": "Question",
  1971.            "name": "Os recursos são realmente gratuitos?",
  1972.            "acceptedAnswer": {
  1973.                "@type": "Answer",
  1974.                "text": "Sim, a grande maioria dos nossos recursos, incluindo planos de aula e atividades para download, são totalmente gratuitos. Nosso objetivo é democratizar o acesso a materiais pedagógicos de alta qualidade."
  1975.            }
  1976.        }, {
  1977.            "@type": "Question",
  1978.            "name": "O conteúdo está alinhado à BNCC?",
  1979.            "acceptedAnswer": {
  1980.                "@type": "Answer",
  1981.                "text": "Sim, todo o nosso conteúdo pedagógico é cuidadosamente elaborado e revisado para estar em total conformidade com as competências e habilidades da Base Nacional Comum Curricular (BNCC)."
  1982.            }
  1983.        }]
  1984.    }
  1985.    </script>
  1986.  
  1987.  
  1988.  
  1989.    <div id="app" class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8 sm:py-12">
  1990.  
  1991.        <header class="text-center mb-10 sm:mb-16">
  1992.            <a href="https://www.proatitude.com/" class="inline-block mb-4 custom-focus" aria-label="Página Inicial da Pro Atitude Educacional">
  1993.                <img src="https://f4794e4151.clvaw-cdnwnd.com/c00ff1db29ebef5b7e4cceeef215d03a/200002001-6928169283/450/pro_atitude_educacional.webp?ph=f4794e4151" alt="Logo Pro Atitude Educacional" width="225" height="75">
  1994.            </a>
  1995.            <h1 class="text-3xl sm:text-4xl md:text-5xl font-bold text-blue-700 tracking-tight">Pro Atitude Educacional</h1>
  1996.            <p class="mt-3 max-w-2xl mx-auto text-base sm:text-lg text-slate-600">Recursos formativos e atividades gratuitas para fortalecer seu trabalho em sala de aula.</p>
  1997.        </header>
  1998.  
  1999.        <main class="space-y-12 sm:space-y-16">
  2000.            
  2001.            <section aria-labelledby="main-image-heading">
  2002.                <figure class="bg-white p-4 rounded-2xl shadow-lg shadow-slate-200/50">
  2003.                    <img src="https://f4794e4151.clvaw-cdnwnd.com/c00ff1db29ebef5b7e4cceeef215d03a/200003725-07be207be5/pro-atitude-educacional-4.webp?ph=f4794e4151" alt="Pro Atitude Educacional dedicada à inovação na educação escolar, mostrando um ambiente de aprendizado colaborativo com tecnologia." class="rounded-xl w-full h-auto" width="1200" height="675" fetchpriority="high">
  2004.                    <figcaption class="text-center text-sm text-slate-500 mt-3">
  2005.                        A Pro Atitude Educacional se dedica à inovação na educação escolar, oferecendo recursos que integram tecnologia e pedagogia para transformar a sala de aula.
  2006.                    </figcaption>
  2007.                </figure>
  2008.            </section>
  2009.  
  2010.            <section aria-labelledby="about-heading" class="bg-white p-6 rounded-2xl shadow-lg shadow-slate-200/50 text-center">
  2011.                <h2 id="about-heading" class="text-2xl font-bold text-slate-800 mb-3">Nossa Missão é Fortalecer a Educação</h2>
  2012.                <p class="max-w-3xl mx-auto text-slate-600">Acreditamos que professores empoderados transformam a educação. A Pro Atitude Educacional nasceu para ser a principal aliada de educadores da educação básica, oferecendo gratuitamente materiais pedagógicos de alta qualidade, alinhados à BNCC, que facilitam o planejamento e inspiram a prática em sala de aula. <a href="https://www.proatitude.com/sobre-nos/" class="text-blue-600 hover:underline font-semibold">Saiba mais sobre nós</a>.</p>
  2013.            </section>
  2014.  
  2015.            <section id="filters-section" aria-labelledby="filters-heading" class="p-6 bg-white rounded-2xl shadow-lg shadow-slate-200/50">
  2016.                <h2 id="filters-heading" class="text-xl font-semibold mb-5 text-slate-800">Encontre o Recurso Ideal</h2>
  2017.                <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4">
  2018.                    <input type="search" id="search-input" placeholder="🔎 Pesquisar por palavra-chave..." class="w-full p-3 border border-slate-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition custom-focus" aria-label="Pesquisar atividades">
  2019.                    <select id="filter-disciplina" class="w-full p-3 border border-slate-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition bg-white custom-focus" aria-label="Filtrar por disciplina">
  2020.                        <option value="all">Todas as Categorias</option>
  2021.                    </select>
  2022.                    <select id="filter-ano" class="w-full p-3 border border-slate-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition bg-white custom-focus" aria-label="Filtrar por ano escolar">
  2023.                        <option value="all">Todos os Níveis</option>
  2024.                    </select>
  2025.                    <select id="filter-tipo" class="w-full p-3 border border-slate-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition bg-white custom-focus" aria-label="Filtrar por tipo de atividade">
  2026.                        <option value="all">Todos os Tipos</option>
  2027.                    </select>
  2028.                </div>
  2029.            </section>
  2030.            
  2031.            <section id="dashboard-section" aria-labelledby="dashboard-heading">
  2032.                 <div class="text-center mb-10">
  2033.                    <h2 id="dashboard-heading" class="text-3xl font-bold text-slate-800">Visão Geral dos Recursos</h2>
  2034.                    <p class="mt-2 text-slate-500">Explore a distribuição de nossos materiais. Os gráficos são atualizados com base nos filtros.</p>
  2035.                </div>
  2036.                <div class="grid grid-cols-1 lg:grid-cols-2 gap-8 items-start">
  2037.                    <div class="bg-white p-6 rounded-2xl shadow-lg shadow-slate-200/50">
  2038.                        <h3 class="text-lg font-semibold text-center mb-4">Recursos por Categoria</h3>
  2039.                        <div class="chart-container">
  2040.                            <canvas id="disciplinasChart" role="img" aria-label="Gráfico de barras mostrando a quantidade de recursos por categoria." width="500" height="350"></canvas>
  2041.                        </div>
  2042.                    </div>
  2043.                    <div class="bg-white p-6 rounded-2xl shadow-lg shadow-slate-200/50">
  2044.                        <h3 class="text-lg font-semibold text-center mb-4">Recursos por Tipo</h3>
  2045.                        <div class="chart-container">
  2046.                            <canvas id="tiposChart" role="img" aria-label="Gráfico de rosca mostrando a distribuição de recursos por tipo." width="500" height="350"></canvas>
  2047.                        </div>
  2048.                    </div>
  2049.                </div>
  2050.            </section>
  2051.  
  2052.            <section id="activities-section" aria-labelledby="activities-heading">
  2053.                <div class="flex flex-col sm:flex-row justify-between sm:items-center mb-8 gap-4">
  2054.                    <h2 id="activities-heading" class="text-3xl font-bold text-slate-800">Recursos Disponíveis</h2>
  2055.                    <span id="activity-count" class="px-4 py-1.5 text-sm font-medium bg-blue-100 text-blue-800 rounded-full text-center" aria-live="polite"></span>
  2056.                </div>
  2057.                <div id="activities-grid" class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6">
  2058.                    <!-- Activity cards will be rendered here by JavaScript -->
  2059.                </div>
  2060.                <p id="no-results" class="text-center text-slate-500 py-16 text-lg hidden">Nenhum recurso encontrado com os filtros selecionados.</p>
  2061.            </section>
  2062.        </main>
  2063.  
  2064.    </div>
  2065.  
  2066.    <footer class="bg-slate-100 border-t border-slate-200">
  2067.        <div class="max-w-7xl mx-auto py-12 px-4 sm:px-6 lg:px-8">
  2068.            <nav aria-label="Mapa do Site">
  2069.                <h2 class="text-3xl font-bold text-slate-800 text-center mb-12">Mapa do Site</h2>
  2070.                <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-8 text-sm">
  2071.                    <div>
  2072.                        <h3 class="font-bold text-slate-800 uppercase tracking-wider mb-4">Institucional</h3>
  2073.                        <ul class="space-y-3">
  2074.                            <li><a href="https://www.proatitude.com/" class="text-slate-600 hover:text-blue-700 transition-colors custom-focus">Página Inicial</a></li>
  2075.                            <li><a href="https://www.proatitude.com/sobre-nos/" class="text-slate-600 hover:text-blue-700 transition-colors custom-focus">Sobre Nós</a></li>
  2076.                            <li><a href="https://www.proatitude.com/politica-de-privacidade/" class="text-slate-600 hover:text-blue-700 transition-colors custom-focus">Privacidade</a></li>
  2077.                            <li><a href="https://www.proatitude.com/termos-de-servico/" class="text-slate-600 hover:text-blue-700 transition-colors custom-focus">Termos de Serviço</a></li>
  2078.                            <li><a href="https://www.proatitude.com/politica-de-dmca-digital-millennium-copyright-act/" class="text-slate-600 hover:text-blue-700 transition-colors custom-focus">DMCA</a></li>
  2079.                            <li><a href="https://www.proatitude.com/termos-de-uso/" class="text-slate-600 hover:text-blue-700 transition-colors custom-focus">Termos de Uso</a></li>
  2080.                            <li><a href="https://www.proatitude.com/politica-de-reembolso/" class="text-slate-600 hover:text-blue-700 transition-colors custom-focus">Reembolso</a></li>
  2081.                            <li><a href="https://www.proatitude.com/es1/contate-nos2/" class="text-slate-600 hover:text-blue-700 transition-colors custom-focus">Contato</a></li>
  2082.                        </ul>
  2083.                    </div>
  2084.                    <div>
  2085.                        <h3 class="font-bold text-slate-800 uppercase tracking-wider mb-4">Níveis de Ensino</h3>
  2086.                        <ul class="space-y-3">
  2087.                            <li><a href="https://www.proatitude.com/educacao-infantil/" class="text-slate-600 hover:text-blue-700 transition-colors custom-focus">Educação Infantil</a></li>
  2088.                            <li><a href="https://www.proatitude.com/ensino-fundamental/" class="text-slate-600 hover:text-blue-700 transition-colors custom-focus">Ensino Fundamental</a></li>
  2089.                            <li><a href="https://www.proatitude.com/ensino-medio/" class="text-slate-600 hover:text-blue-700 transition-colors custom-focus">Ensino Médio</a></li>
  2090.                            <li><a href="https://www.proatitude.com/ensino-superior/" class="text-slate-600 hover:text-blue-700 transition-colors custom-focus">Ensino Superior</a></li>
  2091.                            <li><a href="https://www.proatitude.com/educacao-jovens-adultos-eja/" class="text-slate-600 hover:text-blue-700 transition-colors custom-focus">EJA</a></li>
  2092.                            <li><a href="https://www.proatitude.com/educacao-inclusiva/" class="text-slate-600 hover:text-blue-700 transition-colors custom-focus">Educação Inclusiva</a></li>
  2093.                        </ul>
  2094.                    </div>
  2095.                    <div>
  2096.                        <h3 class="font-bold text-slate-800 uppercase tracking-wider mb-4">Recursos</h3>
  2097.                        <ul class="space-y-3">
  2098.                            <li><a href="https://www.proatitude.com/atividades-pedagogicas-projetos-sequencias-didaticas-gratis/" class="text-slate-600 hover:text-blue-700 transition-colors custom-focus">Atividades Pedagógicas</a></li>
  2099.                            <li><a href="https://www.proatitude.com/planos-de-aula-educacao-infantil/" class="text-slate-600 hover:text-blue-700 transition-colors custom-focus">Planos de Aula</a></li>
  2100.                            <li><a href="https://www.proatitude.com/atividades-de-alfabetizacao/" class="text-slate-600 hover:text-blue-700 transition-colors custom-focus">Alfabetização</a></li>
  2101.                            <li><a href="https://www.proatitude.com/atividades-de-matematica-ensino-fundamental/" class="text-slate-600 hover:text-blue-700 transition-colors custom-focus">Matemática</a></li>
  2102.                            <li><a href="https://www.proatitude.com/desenhos-para-colorir/" class="text-slate-600 hover:text-blue-700 transition-colors custom-focus">Desenhos para Colorir</a></li>
  2103.                            <li><a href="https://www.proatitude.com/relatorios-alunos-educacao-infantil/" class="text-slate-600 hover:text-blue-700 transition-colors custom-focus">Relatórios e Avaliações</a></li>
  2104.                        </ul>
  2105.                    </div>
  2106.                    <div>
  2107.                        <h3 class="font-bold text-slate-800 uppercase tracking-wider mb-4">Conteúdos</h3>
  2108.                        <ul class="space-y-3">
  2109.                            <li><a href="https://www.proatitude.com/publicacoes-sobre-a-educacao/" class="text-slate-600 hover:text-blue-700 transition-colors custom-focus">Publicações</a></li>
  2110.                            <li><a href="https://www.proatitude.com/cursos-online/" class="text-slate-600 hover:text-blue-700 transition-colors custom-focus">Cursos Online</a></li>
  2111.                            <li><a href="https://www.proatitude.com/concursos-publicos/" class="text-slate-600 hover:text-blue-700 transition-colors custom-focus">Concursos</a></li>
  2112.                            <li><a href="https://www.proatitude.com/datas-comemorativas/" class="text-slate-600 hover:text-blue-700 transition-colors custom-focus">Datas Comemorativas</a></li>
  2113.                            <li><a href="https://www.proatitude.com/tecnologias-na-educacao/" class="text-slate-600 hover:text-blue-700 transition-colors custom-focus">Tecnologia na Educação</a></li>
  2114.                            <li><a href="https://www.proatitude.com/dicas-de-leitura-e-livros/" class="text-slate-600 hover:text-blue-700 transition-colors custom-focus">Dicas de Leitura</a></li>
  2115.                        </ul>
  2116.                    </div>
  2117.                    <div>
  2118.                        <h3 class="font-bold text-slate-800 uppercase tracking-wider mb-4">En Español</h3>
  2119.                        <ul class="space-y-3">
  2120.                            <li><a href="https://www.proatitude.com/es1/cursos-gratuitos-en-linea/" class="text-slate-600 hover:text-blue-700 transition-colors custom-focus">Cursos Gratuitos</a></li>
  2121.                            <li><a href="https://www.proatitude.com/es1/articulos-educativos/" class="text-slate-600 hover:text-blue-700 transition-colors custom-focus">Artículos Educativos</a></li>
  2122.                            <li><a href="https://www.proatitude.com/es1/educacion-infantil/" class="text-slate-600 hover:text-blue-700 transition-colors custom-focus">Educación Infantil</a></li>
  2123.                            <li><a href="https://www.proatitude.com/es1/educacion-primaria/" class="text-slate-600 hover:text-blue-700 transition-colors custom-focus">Educación Primaria</a></li>
  2124.                            <li><a href="https://www.proatitude.com/es1/juegos-educativos/" class="text-slate-600 hover:text-blue-700 transition-colors custom-focus">Juegos Educativos</a></li>
  2125.                        </ul>
  2126.                    </div>
  2127.                </div>
  2128.            </nav>
  2129.            <div class="text-center text-xs text-slate-500 mt-10 pt-6 border-t border-slate-200">
  2130.                <p><strong>Pro Atitude Educacional</strong></p>
  2131.                <p><a href="tel:+5511914860000" class="hover:underline">+55 11 91486-0000</a> | <a href="/cdn-cgi/l/email-protection#3b5854554f5a4f547b4b49545a4f524f4e5f5e15585456" class="hover:underline"><span class="__cf_email__" data-cfemail="ed8e8283998c9982ad9d9f828c998499988988c38e8280">[email&#160;protected]</span></a></p>
  2132.                <p class="mt-2">© 2024 Pro Atitude Educacional. Todos os direitos reservados.</p>
  2133.                <p class="mt-1">Última atualização: 20 de julho de 2025</p>
  2134.            </div>
  2135.        </div>
  2136.    </footer>
  2137.  
  2138.    <div id="activity-modal" class="modal fixed inset-0 bg-black bg-opacity-70 flex items-center justify-center p-4 z-50 opacity-0 invisible" role="dialog" aria-modal="true" aria-labelledby="modal-title">
  2139.        <div id="modal-content" class="modal-content bg-white rounded-2xl shadow-2xl w-full max-w-2xl max-h-[90vh] overflow-y-auto p-6 sm:p-8 transform scale-95">
  2140.            <div class="flex justify-between items-start mb-4">
  2141.                <h2 id="modal-title" class="text-2xl font-bold text-blue-700"></h2>
  2142.                <button id="modal-close-btn" class="text-slate-400 hover:text-slate-800 transition rounded-full p-1 custom-focus" aria-label="Fechar modal">
  2143.                    <svg class="w-7 h-7" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="https://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path></svg>
  2144.                </button>
  2145.            </div>
  2146.            <div id="modal-body" class="space-y-6 text-slate-700">
  2147.                <p id="modal-description" class="text-slate-600"></p>
  2148.                <div class="text-center pt-4">
  2149.                    <a id="modal-link" href="#" target="_blank" rel="noopener noreferrer" class="bg-blue-600 text-white font-bold py-3 px-8 rounded-lg hover:bg-blue-700 transition-transform hover:scale-105 shadow-lg hover:shadow-xl focus:outline-none focus:ring-4 focus:ring-blue-300 custom-focus">
  2150.                        Acessar Recurso
  2151.                    </a>
  2152.                </div>
  2153.            </div>
  2154.        </div>
  2155.    </div>
  2156.  
  2157.    <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>
  2158.    document.addEventListener('DOMContentLoaded', () => {
  2159.        const activitiesData = [
  2160.            { id: 1, titulo: 'Guia Completo sobre o Novo Ensino Médio 2025', categoria: 'Gestão Escolar', nivel: 'Ensino Médio', tipo: 'Artigo', descricao: 'Entenda as principais mudanças, desafios e críticas do Novo Ensino Médio. Um guia essencial para gestores e professores.', url: 'https://www.proatitude.com/l/novo-ensino-medio-2025-faq-perguntas-respostas-frequentes/' },
  2161.            { id: 2, titulo: '60 Atividades de Alfabetização para Imprimir (PDF)', categoria: 'Alfabetização', nivel: 'Educação Infantil', tipo: 'Atividade Prática', descricao: 'Uma coletânea completa com 60 atividades lúdicas e eficazes para apoiar o processo de alfabetização, prontas para imprimir.', url: 'https://www.proatitude.com/l/60-atividades-de-alfabetizacao-para-imprimir-em-pdf/' },
  2162.            { id: 3, titulo: 'Plano de Aula sobre Consciência Negra (BNCC)', categoria: 'Datas Comemorativas', nivel: 'Ensino Fundamental', tipo: 'Plano de Aula', descricao: 'Um plano de aula detalhado para trabalhar o Dia da Consciência Negra na Educação Infantil, alinhado às competências da BNCC.', url: 'https://www.proatitude.com/l/consciencia-negra-educacao-infantil-plano-de-aula/' },
  2163.            { id: 4, titulo: 'Educação Inclusiva: Estratégias para Alunos com Autismo', categoria: 'Educação Inclusiva', nivel: 'Educação Infantil', tipo: 'Artigo', descricao: 'Descubra 10 atividades práticas e estratégias eficazes para apoiar o desenvolvimento e a inclusão de crianças com autismo.', url: 'https://www.proatitude.com/l/10-atividades-praticas-para-autistas-na-educacao-infantil/' },
  2164.            { id: 5, titulo: 'Modelos de Relatório Individual de Aluno (Editáveis)', categoria: 'Avaliação', nivel: 'Todos', tipo: 'Modelo', descricao: 'Facilite seu trabalho com modelos prontos e editáveis de relatórios individuais para todos os níveis de ensino, incluindo AEE.', url: 'https://www.proatitude.com/l/modelos-relatorios-prontos-editaveis-educacao-infantil-ensino-fundamental-aee/' },
  2165.            { id: 6, titulo: 'Tecnologia na Educação: 15 Ferramentas para Professores', categoria: 'Tecnologia', nivel: 'Todos', tipo: 'Guia', descricao: 'Explore uma lista curada com 15 ferramentas digitais que podem transformar suas aulas, engajar alunos e otimizar seu tempo.', url: 'https://www.proatitude.com/l/15-ferramentas-educacao-digital-para-professores/' },
  2166.            { id: 7, titulo: 'Plano de Aula: Educação Financeira na BNCC', categoria: 'Temas Transversais', nivel: 'Ensino Fundamental', tipo: 'Plano de Aula', descricao: 'Como ensinar educação financeira de acordo com a BNCC. Atividades e abordagens para desenvolver competências essenciais.', url: 'https://www.proatitude.com/l/ensino-de-educacao-financeira-de-acordo-com-a-bncc/' },
  2167.            { id: 8, titulo: 'BNCC na Prática: Alfabetização e Letramento', categoria: 'Alfabetização', nivel: 'Educação Infantil', tipo: 'Artigo', descricao: 'Entenda as diretrizes da BNCC para alfabetização e letramento e veja como aplicá-las na Educação Infantil.', url: 'https://www.proatitude.com/l/alfabetizacao-e-letramento-na-educacao-infantil-bncc/' },
  2168.            { id: 9, titulo: 'Como Lidar com a Indisciplina na Escola', categoria: 'Gestão de Sala', nivel: 'Todos', tipo: 'Artigo', descricao: 'Resenha do livro "Indisciplina na Escola", com alternativas teóricas e práticas para um dos maiores desafios docentes.', url: 'https://www.proatitude.com/l/resenha-do-livro-indisciplina-na-escola-alternativas-teoricas-e-praticas/' },
  2169.            { id: 10, titulo: 'Atividades de Matemática para o Ensino Fundamental', categoria: 'Matemática', nivel: 'Ensino Fundamental', tipo: 'Atividade Prática', descricao: 'Uma seleção de atividades de matemática para o Ensino Fundamental, prontas para imprimir, focadas nas habilidades da BNCC.', url: 'https://www.proatitude.com/atividades-de-matematica-ensino-fundamental/' },
  2170.            { id: 11, titulo: 'Saúde Mental do Professor: Como Lidar com o Burnout', categoria: 'Carreira Docente', nivel: 'Todos', tipo: 'Artigo', descricao: 'Um guia sobre a Síndrome de Burnout, seus sintomas, e os direitos dos trabalhadores da educação.', url: 'https://www.proatitude.com/l/sindrome-de-burnout-direitos-trabalhadores/' },
  2171.            { id: 12, titulo: 'Projeto Dengue Zero na Educação Infantil (BNCC)', categoria: 'Projetos', nivel: 'Educação Infantil', tipo: 'Projeto', descricao: 'Um projeto pedagógico completo e alinhado à BNCC para conscientizar as crianças sobre o combate à dengue de forma lúdica.', url: 'https://www.proatitude.com/l/projeto-dengue-zero-educacao-infantil-bncc/' },
  2172.            { id: 13, titulo: 'Mapas do Brasil para Imprimir e Colorir', categoria: 'Geografia', nivel: 'Ensino Fundamental', tipo: 'Recurso Visual', descricao: 'Explore a geografia do país com mapas do Brasil, regiões, estados e capitais, prontos para imprimir, colorir e usar em sala.', url: 'https://www.proatitude.com/mapas-do-brasil/' },
  2173.            { id: 14, titulo: 'Desenhos para Colorir Educativos', categoria: 'Artes', nivel: 'Educação Infantil', tipo: 'Atividade Prática', descricao: 'Uma vasta coleção de desenhos para colorir que auxiliam no desenvolvimento da coordenação motora e criatividade das crianças.', url: 'https://www.proatitude.com/desenhos-para-colorir/' },
  2174.            { id: 15, titulo: 'Alfabeto Completo para Imprimir', categoria: 'Alfabetização', nivel: 'Educação Infantil', tipo: 'Recurso Visual', descricao: 'Material de apoio com o alfabeto completo, incluindo letras maiúsculas e minúsculas, para auxiliar na alfabetização.', url: 'https://www.proatitude.com/alfabeto-completo/' },
  2175.            { id: 16, titulo: 'Tabuada de Multiplicação para Imprimir', categoria: 'Matemática', nivel: 'Ensino Fundamental', tipo: 'Atividade Prática', descricao: 'Aprenda matemática de forma divertida com a tabuada de multiplicação completa para imprimir e praticar.', url: 'https://www.proatitude.com/tabuada/' },
  2176.            { id: 17, titulo: 'Atividades para Educação Infantil', categoria: 'Pedagogia', nivel: 'Educação Infantil', tipo: 'Atividade Prática', descricao: 'Diversas atividades lúdicas e educativas para a Educação Infantil, focadas no desenvolvimento integral das crianças.', url: 'https://www.proatitude.com/atividades-educacao-infantil/' },
  2177.            { id: 18, titulo: 'Modelos de Relatório para Aluno com Autismo', categoria: 'Educação Inclusiva', nivel: 'Ensino Fundamental', tipo: 'Modelo', descricao: 'Acesse modelos de relatórios para alunos com autismo, auxiliando na documentação e acompanhamento pedagógico.', url: 'https://www.proatitude.com/l/modelos-relatorio-aluno-autismo-ensino-fundamental/' },
  2178.            { id: 19, titulo: 'Mapa Mundi: O Mundo ao seu Alcance', categoria: 'Geografia', nivel: 'Todos', tipo: 'Recurso Visual', descricao: 'Explore o mundo com o mapa mundi. Um recurso essencial para aulas de geografia e estudos sobre continentes e países.', url: 'https://www.proatitude.com/l/mapa-mundi-o-mundo-ao-seu-alcance/' },
  2179.            { id: 20, titulo: 'Atividades de Alfabetização para Imprimir (Grátis)', categoria: 'Alfabetização', nivel: 'Educação Infantil', tipo: 'Atividade Prática', descricao: 'Centenas de atividades de alfabetização gratuitas e alinhadas à BNCC para imprimir e usar com seus alunos.', url: 'https://www.proatitude.com/atividades-de-alfabetizacao/' }
  2180.        ];
  2181.  
  2182.        const searchInput = document.getElementById('search-input');
  2183.        const disciplinaFilter = document.getElementById('filter-disciplina');
  2184.        const anoFilter = document.getElementById('filter-ano');
  2185.        const tipoFilter = document.getElementById('filter-tipo');
  2186.        const activitiesGrid = document.getElementById('activities-grid');
  2187.        const activityCount = document.getElementById('activity-count');
  2188.        const noResults = document.getElementById('no-results');
  2189.        
  2190.        const modal = document.getElementById('activity-modal');
  2191.        const modalContent = document.getElementById('modal-content');
  2192.        const modalCloseBtn = document.getElementById('modal-close-btn');
  2193.        let lastFocusedElement;
  2194.  
  2195.        let disciplinasChart, tiposChart;
  2196.  
  2197.        function populateFilters() {
  2198.            const categorias = [...new Set(activitiesData.map(a => a.categoria))];
  2199.            const niveis = [...new Set(activitiesData.map(a => a.nivel))];
  2200.            const tipos = [...new Set(activitiesData.map(a => a.tipo))];
  2201.  
  2202.            const createOption = (value) => {
  2203.                const option = document.createElement('option');
  2204.                option.value = value;
  2205.                option.textContent = value;
  2206.                return option;
  2207.            };
  2208.  
  2209.            categorias.sort().forEach(d => disciplinaFilter.appendChild(createOption(d)));
  2210.            niveis.sort().forEach(a => anoFilter.appendChild(createOption(a)));
  2211.            tipos.sort().forEach(t => tipoFilter.appendChild(createOption(t)));
  2212.        }
  2213.  
  2214.        function renderActivities(filteredActivities) {
  2215.            activitiesGrid.innerHTML = '';
  2216.            noResults.classList.toggle('hidden', filteredActivities.length > 0);
  2217.            activityCount.textContent = `${filteredActivities.length} recurso(s) encontrado(s)`;
  2218.  
  2219.            const fragment = document.createDocumentFragment();
  2220.            filteredActivities.forEach(activity => {
  2221.                const article = document.createElement('article');
  2222.                article.className = 'activity-card bg-white rounded-2xl shadow-md overflow-hidden flex flex-col';
  2223.                article.setAttribute('aria-labelledby', `activity-title-${activity.id}`);
  2224.                
  2225.                article.innerHTML = `
  2226.                    <div class="p-6 flex-grow flex flex-col">
  2227.                        <div class="flex-grow">
  2228.                            <div class="flex justify-between items-start mb-3">
  2229.                                <span class="px-2.5 py-1 text-xs font-semibold text-purple-800 bg-purple-100 rounded-full">${activity.nivel}</span>
  2230.                                <span class="px-2.5 py-1 text-xs font-semibold text-green-800 bg-green-100 rounded-full">${activity.categoria}</span>
  2231.                            </div>
  2232.                            <h3 id="activity-title-${activity.id}" class="text-lg font-bold text-slate-800 mt-2 mb-2 min-h-[3.5rem]">${activity.titulo}</h3>
  2233.                            <p class="text-slate-600 text-sm mb-4">${activity.descricao}</p>
  2234.                        </div>
  2235.                    </div>
  2236.                    <div class="p-4 bg-slate-50 border-t border-slate-100">
  2237.                        <button data-id="${activity.id}" class="view-details-btn w-full bg-blue-600 text-white font-semibold py-2.5 px-4 rounded-lg hover:bg-blue-700 transition-colors custom-focus">
  2238.                            Ver Detalhes
  2239.                        </button>
  2240.                    </div>
  2241.                `;
  2242.                fragment.appendChild(article);
  2243.            });
  2244.            activitiesGrid.appendChild(fragment);
  2245.        }
  2246.  
  2247.        function updateCharts(filteredActivities) {
  2248.            const categoriaCounts = {};
  2249.            const tipoCounts = {};
  2250.  
  2251.            filteredActivities.forEach(activity => {
  2252.                categoriaCounts[activity.categoria] = (categoriaCounts[activity.categoria] || 0) + 1;
  2253.                tipoCounts[activity.tipo] = (tipoCounts[activity.tipo] || 0) + 1;
  2254.            });
  2255.            
  2256.            const sortedCategorias = Object.keys(categoriaCounts).sort((a,b) => categoriaCounts[b] - categoriaCounts[a]);
  2257.            
  2258.            const chartColors = ['#3b82f6', '#10b981', '#f97316', '#8b5cf6', '#ec4899', '#f59e0b', '#14b8a6', '#6366f1'];
  2259.            
  2260.            Chart.defaults.font.family = "'Inter', sans-serif";
  2261.            Chart.defaults.color = '#64748b';
  2262.  
  2263.            if (disciplinasChart) disciplinasChart.destroy();
  2264.            disciplinasChart = new Chart(document.getElementById('disciplinasChart').getContext('2d'), {
  2265.                type: 'bar',
  2266.                data: {
  2267.                    labels: sortedCategorias,
  2268.                    datasets: [{
  2269.                        label: 'Nº de Recursos',
  2270.                        data: sortedCategorias.map(d => categoriaCounts[d]),
  2271.                        backgroundColor: chartColors,
  2272.                        borderRadius: 4,
  2273.                    }]
  2274.                },
  2275.                options: {
  2276.                    responsive: true, maintainAspectRatio: false, indexAxis: 'y',
  2277.                    plugins: {
  2278.                        legend: { display: false },
  2279.                        tooltip: { backgroundColor: '#1f2937', titleFont: { size: 14 }, bodyFont: { size: 12 }, padding: 10, cornerRadius: 4, callbacks: { label: (c) => ` ${c.raw} recursos` } }
  2280.                    },
  2281.                    scales: { x: { beginAtZero: true, grid: { drawOnChartArea: false }, ticks: { precision: 0 } }, y: { grid: { display: false } } }
  2282.                }
  2283.            });
  2284.  
  2285.            if (tiposChart) tiposChart.destroy();
  2286.            tiposChart = new Chart(document.getElementById('tiposChart').getContext('2d'), {
  2287.                type: 'doughnut',
  2288.                data: {
  2289.                    labels: Object.keys(tipoCounts),
  2290.                    datasets: [{
  2291.                        data: Object.values(tipoCounts),
  2292.                        backgroundColor: chartColors.slice().reverse(),
  2293.                        hoverOffset: 8, borderColor: '#f7f8fa', borderWidth: 4,
  2294.                    }]
  2295.                },
  2296.                 options: {
  2297.                    responsive: true, maintainAspectRatio: false, cutout: '60%',
  2298.                     plugins: {
  2299.                        legend: { position: 'bottom', labels: { usePointStyle: true, pointStyle: 'rectRounded', padding: 20 } },
  2300.                         tooltip: {
  2301.                             backgroundColor: '#1f2937', titleFont: { size: 14 }, bodyFont: { size: 12 }, padding: 10, cornerRadius: 4,
  2302.                             callbacks: { label: (c) => `${c.label || ''}: ${c.parsed} recursos` }
  2303.                         }
  2304.                    }
  2305.                }
  2306.            });
  2307.        }
  2308.  
  2309.        function debounce(func, wait) {
  2310.            let timeout;
  2311.            return function executedFunction(...args) {
  2312.                const later = () => {
  2313.                    clearTimeout(timeout);
  2314.                    func(...args);
  2315.                };
  2316.                clearTimeout(timeout);
  2317.                timeout = setTimeout(later, wait);
  2318.            };
  2319.        }
  2320.  
  2321.        const debouncedFilter = debounce(filterAndRender, 300);
  2322.  
  2323.        function filterAndRender() {
  2324.            const searchTerm = searchInput.value.toLowerCase().trim();
  2325.            const selectedCategoria = disciplinaFilter.value;
  2326.            const selectedNivel = anoFilter.value;
  2327.            const selectedTipo = tipoFilter.value;
  2328.  
  2329.            const filtered = activitiesData.filter(activity =>
  2330.                (activity.titulo.toLowerCase().includes(searchTerm) || activity.descricao.toLowerCase().includes(searchTerm)) &&
  2331.                (selectedCategoria === 'all' || activity.categoria === selectedCategoria) &&
  2332.                (selectedNivel === 'all' || activity.nivel === selectedNivel) &&
  2333.                (selectedTipo === 'all' || activity.tipo === selectedTipo)
  2334.            );
  2335.  
  2336.            renderActivities(filtered);
  2337.            if (window.Chart) {
  2338.                updateCharts(filtered);
  2339.            }
  2340.        }
  2341.  
  2342.        function openModal(activityId) {
  2343.            const activity = activitiesData.find(a => a.id === activityId);
  2344.            if (!activity) return;
  2345.            
  2346.            lastFocusedElement = document.activeElement;
  2347.  
  2348.            document.getElementById('modal-title').textContent = activity.titulo;
  2349.            document.getElementById('modal-description').textContent = activity.descricao;
  2350.            document.getElementById('modal-link').href = activity.url;
  2351.            
  2352.            modal.classList.remove('invisible', 'opacity-0');
  2353.            modalContent.classList.remove('scale-95');
  2354.            document.body.style.overflow = 'hidden';
  2355.            modalCloseBtn.focus();
  2356.        }
  2357.        
  2358.        function closeModal() {
  2359.            modal.classList.add('opacity-0');
  2360.            modalContent.classList.add('scale-95');
  2361.            setTimeout(() => {
  2362.                modal.classList.add('invisible');
  2363.                document.body.style.overflow = 'auto';
  2364.                if(lastFocusedElement) lastFocusedElement.focus();
  2365.            }, 300);
  2366.        }
  2367.  
  2368.        [searchInput, disciplinaFilter, anoFilter, tipoFilter].forEach(el => {
  2369.            if(el) el.addEventListener('input', debouncedFilter);
  2370.        });
  2371.        
  2372.        if (activitiesGrid) {
  2373.            activitiesGrid.addEventListener('click', (e) => {
  2374.                const button = e.target.closest('.view-details-btn');
  2375.                if (button) {
  2376.                    const activityId = parseInt(button.dataset.id, 10);
  2377.                    openModal(activityId);
  2378.                }
  2379.            });
  2380.        }
  2381.  
  2382.        if(modalCloseBtn) modalCloseBtn.addEventListener('click', closeModal);
  2383.        if(modal) {
  2384.            modal.addEventListener('click', (e) => {
  2385.                if (e.target === modal) closeModal();
  2386.            });
  2387.        }
  2388.        
  2389.        document.addEventListener('keydown', (e) => {
  2390.            if (e.key === 'Escape' && !modal.classList.contains('invisible')) {
  2391.                closeModal();
  2392.            }
  2393.        });
  2394.  
  2395.        populateFilters();
  2396.        filterAndRender();
  2397.    });
  2398.    </script>
  2399. </div>
  2400. </div><div class="b b-text cf">
  2401. <div class="b-c b-text-c b-s b-s-t60 b-s-b60 b-cs cf"><p class="text-black wnd-align-justify"><font class="wnd-font-size-120">Encontre milhares de atividades educacionais, planos de aula e recursos formativos gratuitos para todas as disciplinas. Fortaleça sua prática pedagógica com materiais alinhados à BNCC.
  2402. </font></p></div>
  2403. </div><div class="b b-text cf">
  2404. <div class="b-c b-text-c b-s b-s-t60 b-s-b60 b-cs cf"><p class="wnd-align-justify"><font class="wnd-font-size-120">Portal educacional líder no Brasil com mais de 50.000 recursos educacionais grátis para professores. Oferecemos planos de aula alinhados à BNCC, atividades pedagógicas, mapas do Brasil, tabuadas, materiais de alfabetização e recursos para todos os níveis de ensino.&nbsp;</font></p></div>
  2405. </div><div class="b b-text cf">
  2406. <div class="b-c b-text-c b-s b-s-t60 b-s-b60 b-cs cf"><p class="wnd-align-right"><font class="wnd-font-size-110"><em style="">"Se a educação sozinha não transforma a sociedade, sem ela tampouco a sociedade muda."</em><em style="">&nbsp;</em></font></p><p class="wnd-align-right"><span style=""><em><font class="wnd-font-size-90">Paulo Freire</font></em></span></p></div>
  2407. </div><div class="cw cf">
  2408. <div class="cw-c cf"><div class="c cf" style="width:47.543%;">
  2409. <div class="c-c cf"><div class="b-img b-img-default b b-s cf wnd-orientation-landscape wnd-type-image img-s-n" style="margin-left:0;margin-right:0;" id="wnd_ImageBlock_80960">
  2410. <div class="b-img-w">
  2411. <div class="b-img-c" style="padding-bottom:62.5%;text-align:center;">
  2412.            <picture><source type="image/webp" srcset="https://f4794e4151.clvaw-cdnwnd.com/c00ff1db29ebef5b7e4cceeef215d03a/200003725-07be207be5/450/pro-atitude-educacional-4.webp?ph=f4794e4151 450w, https://f4794e4151.clvaw-cdnwnd.com/c00ff1db29ebef5b7e4cceeef215d03a/200003725-07be207be5/700/pro-atitude-educacional-4.webp?ph=f4794e4151 700w, https://f4794e4151.clvaw-cdnwnd.com/c00ff1db29ebef5b7e4cceeef215d03a/200003725-07be207be5/pro-atitude-educacional-4.webp?ph=f4794e4151 800w" sizes="(min-width: 600px) calc(100vw * 0.75), 100vw" ><img id="wnd_ImageBlock_80960_img" src="https://f4794e4151.clvaw-cdnwnd.com/c00ff1db29ebef5b7e4cceeef215d03a/200003724-edbd4edbd6/pro-atitude-educacional-3.jpeg?ph=f4794e4151" alt="Pro Atitude Educacional dedicada à inovação na educação escolar." width="800" height="500" loading="lazy" style="top:0%;left:0%;width:100%;height:100%;position:absolute;" ></picture>
  2413. </div>
  2414. <div class="b-img-t">Pro Atitude Educacional dedicada à inovação na educação escolar.</div>
  2415. </div>
  2416. </div></div>
  2417. </div><div class="c cf" style="width:52.457%;">
  2418. <div class="c-c cf"><div class="b-img b-img-default b b-s cf wnd-orientation-landscape wnd-type-image img-s-n" style="margin-left:0;margin-right:0;" id="wnd_ImageBlock_25123">
  2419. <div class="b-img-w">
  2420. <div class="b-img-c" style="padding-bottom:56.25%;text-align:center;">
  2421.            <picture><source type="image/webp" srcset="https://f4794e4151.clvaw-cdnwnd.com/c00ff1db29ebef5b7e4cceeef215d03a/200010057-5524055241/450/Recursos-educacionais-gratis-professores.webp?ph=f4794e4151 450w, https://f4794e4151.clvaw-cdnwnd.com/c00ff1db29ebef5b7e4cceeef215d03a/200010057-5524055241/700/Recursos-educacionais-gratis-professores.webp?ph=f4794e4151 700w, https://f4794e4151.clvaw-cdnwnd.com/c00ff1db29ebef5b7e4cceeef215d03a/200010057-5524055241/Recursos-educacionais-gratis-professores.webp?ph=f4794e4151 1200w" sizes="(min-width: 600px) calc(100vw * 0.75), 100vw" ><img id="wnd_ImageBlock_25123_img" src="https://f4794e4151.clvaw-cdnwnd.com/c00ff1db29ebef5b7e4cceeef215d03a/200010056-758b3758b5/Recursos-educacionais-gratis-professores.jpeg?ph=f4794e4151" alt="Recursos educacionais grátis para professores" width="1200" height="675" loading="lazy" style="top:0%;left:0%;width:100%;height:100%;position:absolute;" ></picture>
  2422. </div>
  2423. <div class="b-img-t">Recursos educacionais grátis para professores</div>
  2424. </div>
  2425. </div></div>
  2426. </div></div>
  2427. </div></div>
  2428. </div>
  2429. </div>
  2430. </div>
  2431. </div>
  2432. </section><section class="s s-basic cf sc-w   wnd-w-default wnd-s-normal wnd-h-auto">
  2433. <div class="s-w cf">
  2434. <div class="s-o s-fs cf">
  2435. <div class="s-bg cf">
  2436. <div class="s-bg-l">
  2437.                    
  2439. </div>
  2440. </div>
  2441. <div class="s-c s-fs cf">
  2442. <div class="ez cf wnd-no-cols">
  2443. <div class="ez-c"><div class="b b-text cf">
  2444. <div class="b-c b-text-c b-s b-s-t60 b-s-b60 b-cs cf"><h3 class="wnd-align-center"><strong>Pro Atitude Educacional: Inspirando a Mudança de que a Educação Precisa&nbsp;<br></strong></h3><div><strong><br></strong></div><div><strong>Acesse: Página de Amazon e Pro Atitude Educacional -<a href="https://www.amazon.com.br/shop/pro_atitude_educacional/" target="_blank">&nbsp;</a></strong><strong><a href="https://www.amazon.com.br/shop/pro_atitude_educacional/" target="_blank">https://www.amazon.com.br/shop/pro_atitude_educacional/</a></strong></div><div><strong><br></strong><p><font class="wnd-font-size-90">*Amazon e o logotipo da Amazon são
  2445. marcas registradas da Amazon.com.br e suas
  2446. afiliadas.</font></p><p></p></div></div>
  2447. </div></div>
  2448. </div>
  2449. </div>
  2450. </div>
  2451. </div>
  2452. </section></div>
  2453. </div>
  2454.        </main>
  2455.        <footer class="l-f cf">
  2456.            <div class="sw cf">
  2457. <div class="sw-c cf"><section data-wn-border-element="s-f-border" class="s s-f s-f-double s-f-simple sc-m wnd-background-solid  wnd-w-default wnd-s-higher">
  2458. <div class="s-w">
  2459. <div class="s-o">
  2460. <div class="s-bg">
  2461.                <div class="s-bg-l" style="background-color:#045389">
  2462.                    
  2463.                    
  2464.                </div>
  2465. </div>
  2466. <div class="s-c s-f-l-w s-f-border">
  2467. <div class="s-f-l b-s b-s-t0 b-s-b0">
  2468. <div class="s-f-l-c s-f-l-c-first">
  2469. <div class="s-f-cr"><span class="it b link">
  2470. <span class="it-c"><strong style=""><font class="wnd-font-size-140"><a href="/home/">Pro Atitude Educacional</a></font></strong></span>
  2471. </span></div>
  2472. <div class="s-f-cr"><span class="it b link">
  2473. <span class="it-c"><font class="wnd-font-size-90"><strong>Todos os direitos reservados&nbsp;2025<br><font><font><a href="/termos-de-servico/">Termos de Uso&nbsp;<br>Termos de Serviço&nbsp;</a><br><a href="/politica-de-privacidade/">Política de Privacidade</a><br><font><a href="/politica-de-reembolso/">Política de Reembolso</a>&nbsp;<br><a href="/acessibilidade/">Declaração de Acessibilidade&nbsp;</a></font></font><br></font></strong></font><font class="wnd-font-size-90"><a href="/api/"><font>API Pública de Conteúdo</font></a><br></font><a href="/ia-ethics/"><font class="wnd-font-size-90">Mapa do Site</font><br><font class="wnd-font-size-90">IA Ethics&nbsp;</font></a></span>
  2474. </span></div>
  2475. </div>
  2476. <div class="s-f-l-c s-f-l-c-last">
  2477. <div class="s-f-sf">
  2478.                            <span class="sf b">
  2479. <span class="sf-content sf-c link"><a href="/cdn-cgi/l/email-protection#325346575c565b5f575c465d7242405d53465b464756571c515d5f" target="_blank">Fale Conosco</a></span>
  2480. </span>
  2481.                            <span class="sf-cbr link">
  2482.    <a href="#" rel="nofollow">Cookies </a>
  2483. </span>
  2484.                            
  2485.                            
  2486.                            
  2487.                        </div>
  2488.                        <div class="s-f-l-c-w">
  2489.                            <div class="s-f-lang lang-select cf">
  2490. <div class="s-f-lang-c">
  2491. <span class="s-f-lang-t lang-title"><span class="wt-bold"><span>Idiomas</span></span></span>
  2492. <div class="s-f-lang-i lang-items">
  2493. <ul class="s-f-lang-list">
  2494. <li class="link">
  2495. <span class="lang-pt-br">Português brasileiro</span>
  2496. </li><li class="link">
  2497. <a href="/es1/"><span class="lang-es1">Español</span></a>
  2498. </li><li class="link">
  2499. <a href="/pt/"><span class="lang-pt">Português</span></a>
  2500. </li><li class="link">
  2501. <a href="/en/"><span class="lang-en">English</span></a>
  2502. </li>
  2503. </ul>
  2504. </div>
  2505. </div>
  2506. </div>
  2507.                            <div class="s-f-ccy ccy-select cf">
  2509. </div>
  2510.                        </div>
  2511. </div>
  2512. </div>
  2513. </div>
  2514. </div>
  2515. </div>
  2516. </section></div>
  2517. </div>
  2518.        </footer>
  2519.    </div>
  2520.    
  2521. </div>
  2522. <section class="cb cb-dark" id="cookiebar" style="display:none;" id="cookiebar" style="display:none;">
  2523. <div class="cb-bar cb-scrollable">
  2524. <div class="cb-bar-c">
  2525. <div class="cb-bar-text">Utilizamos cookies para permitir o funcionamento adequado e a segurança do site, e para oferecer a você a melhor experiência de usuário possível.</div>
  2526. <div class="cb-bar-buttons">
  2527. <button class="cb-button cb-close-basic" data-action="accept-necessary">
  2528. <span class="cb-button-content">Aceitar somente o necessário</span>
  2529. </button>
  2530. <button class="cb-button cb-close-basic" data-action="accept-all">
  2531. <span class="cb-button-content">Aceitar tudo</span>
  2532. </button>
  2533. <button class="cb-button cb-button-text cb-button-popup">
  2534. <span class="cb-button-content">Abrir configurações avançadas</span>
  2535. </button>
  2536. </div>
  2537. </div>
  2538.        <div class="cb-close cb-close-basic" data-action="accept-necessary"></div>
  2539. </div>
  2540.  
  2541. <div class="cb-popup cb-light close">
  2542. <div class="cb-popup-c">
  2543. <div class="cb-popup-head">
  2544. <h3 class="cb-popup-title">Configurações avançadas</h3>
  2545. <p class="cb-popup-text">Personalize suas preferências em relação aos cookies aqui. Ative ou desative as seguintes categorias e salve sua seleção.</p>
  2546. </div>
  2547. <div class="cb-popup-options cb-scrollable">
  2548. <div class="cb-option">
  2549. <input class="cb-option-input" type="checkbox" id="necessary" name="necessary" readonly="readonly" disabled="disabled" checked="checked">
  2550.                    <div class="cb-option-checkbox"></div>
  2551.                    <label class="cb-option-label" for="necessary">Cookies Essenciais</label>
  2552. <div class="cb-option-text">Os cookies essenciais são fundamentais para o funcionamento seguro e correto de nosso site e para o processo de registro.</div>
  2553. </div><div class="cb-option">
  2554. <input class="cb-option-input" type="checkbox" id="functional" name="functional">
  2555.                    <div class="cb-option-checkbox"></div>
  2556.                    <label class="cb-option-label" for="functional">Cookies Funcionais</label>
  2557. <div class="cb-option-text">Os cookies funcionais recordam-se de suas preferências em nosso site e permitem sua personalização.</div>
  2558. </div><div class="cb-option">
  2559. <input class="cb-option-input" type="checkbox" id="performance" name="performance">
  2560.                    <div class="cb-option-checkbox"></div>
  2561.                    <label class="cb-option-label" for="performance">Cookies de Desempenho</label>
  2562. <div class="cb-option-text">Os cookies de desempenho monitoram o desempenho de nosso site.</div>
  2563. </div><div class="cb-option">
  2564. <input class="cb-option-input" type="checkbox" id="marketing" name="marketing">
  2565.                    <div class="cb-option-checkbox"></div>
  2566.                    <label class="cb-option-label" for="marketing">Cookies de Marketing e Terceiros</label>
  2567. <div class="cb-option-text">Os cookies de marketing nos permitem medir e analisar o desempenho de nosso site.</div>
  2568. </div>
  2569. </div>
  2570. <div class="cb-popup-footer">
  2571. <button class="cb-button cb-save-popup" data-action="advanced-save">
  2572. <span class="cb-button-content">Salvar</span>
  2573. </button>
  2574. </div>
  2575. <div class="cb-close cb-close-popup" data-action="close"></div>
  2576. </div>
  2577. </div>
  2578. </section>
  2579.  
  2580. <button swg-standard-button="contribution"></button><script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="https://duyn491kcolsw.cloudfront.net/files/10/10q/10qvh4.js?ph=f4794e4151" crossorigin="anonymous" type="module"></script><script>document.querySelector(".wnd-fe")&&[...document.querySelectorAll(".c")].forEach((e=>{const t=e.querySelector(".b-text:only-child");t&&""===t.querySelector(".b-text-c").innerText&&e.classList.add("column-empty")}))</script>
  2581.  
  2582.  
  2583. <script src="https://duyn491kcolsw.cloudfront.net/client.fe/js.compiled/lang.pt-br.1845.js?ph=f4794e4151" crossorigin="anonymous"></script><script src="https://duyn491kcolsw.cloudfront.net/client.fe/js.compiled/compiled.multi.2-1981.js?ph=f4794e4151" crossorigin="anonymous"></script><script>var wnd = wnd || {};wnd.$data = {"image_content_items":{"wnd_ThumbnailBlock_1":{"id":"wnd_ThumbnailBlock_1","type":"wnd.pc.ThumbnailBlock"},"wnd_HeaderSection_header_main_39197335":{"id":"wnd_HeaderSection_header_main_39197335","type":"wnd.pc.HeaderSection"},"wnd_ImageBlock_145234975":{"id":"wnd_ImageBlock_145234975","type":"wnd.pc.ImageBlock"},"wnd_Section_default_195147248":{"id":"wnd_Section_default_195147248","type":"wnd.pc.Section"},"wnd_ImageBlock_651620483":{"id":"wnd_ImageBlock_651620483","type":"wnd.pc.ImageBlock"},"wnd_ImageBlock_702847672":{"id":"wnd_ImageBlock_702847672","type":"wnd.pc.ImageBlock"},"wnd_ImageBlock_521505446":{"id":"wnd_ImageBlock_521505446","type":"wnd.pc.ImageBlock"},"wnd_ImageBlock_28327884":{"id":"wnd_ImageBlock_28327884","type":"wnd.pc.ImageBlock"},"wnd_ImageBlock_80960":{"id":"wnd_ImageBlock_80960","type":"wnd.pc.ImageBlock"},"wnd_Section_default_635619533":{"id":"wnd_Section_default_635619533","type":"wnd.pc.Section"},"wnd_ImageBlock_25123":{"id":"wnd_ImageBlock_25123","type":"wnd.pc.ImageBlock"},"wnd_ThumbnailBlock_7upf8r2432b000000000000000":{"id":"wnd_ThumbnailBlock_7upf8r2432b000000000000000","type":"wnd.pc.ThumbnailBlock"},"wnd_ThumbnailBlock_2bi864os51r000000000000000":{"id":"wnd_ThumbnailBlock_2bi864os51r000000000000000","type":"wnd.pc.ThumbnailBlock"},"wnd_ThumbnailBlock_4fmj0jcbvs4000000000000000":{"id":"wnd_ThumbnailBlock_4fmj0jcbvs4000000000000000","type":"wnd.pc.ThumbnailBlock"},"wnd_ThumbnailBlock_3kruf23bkeng00000000000000":{"id":"wnd_ThumbnailBlock_3kruf23bkeng00000000000000","type":"wnd.pc.ThumbnailBlock"},"wnd_ThumbnailBlock_5fu8mgev5mj000000000000000":{"id":"wnd_ThumbnailBlock_5fu8mgev5mj000000000000000","type":"wnd.pc.ThumbnailBlock"},"wnd_ThumbnailBlock_2mkqavuibokg00000000000000":{"id":"wnd_ThumbnailBlock_2mkqavuibokg00000000000000","type":"wnd.pc.ThumbnailBlock"},"wnd_ThumbnailBlock_7q1k2pu1dmh000000000000000":{"id":"wnd_ThumbnailBlock_7q1k2pu1dmh000000000000000","type":"wnd.pc.ThumbnailBlock"},"wnd_ThumbnailBlock_65s590odp45000000000000000":{"id":"wnd_ThumbnailBlock_65s590odp45000000000000000","type":"wnd.pc.ThumbnailBlock"},"wnd_LogoBlock_993600662":{"id":"wnd_LogoBlock_993600662","type":"wnd.pc.LogoBlock"},"wnd_FooterSection_footer_243503600":{"id":"wnd_FooterSection_footer_243503600","type":"wnd.pc.FooterSection"}},"svg_content_items":{"wnd_ImageBlock_145234975":{"id":"wnd_ImageBlock_145234975","type":"wnd.pc.ImageBlock"},"wnd_ImageBlock_651620483":{"id":"wnd_ImageBlock_651620483","type":"wnd.pc.ImageBlock"},"wnd_ImageBlock_702847672":{"id":"wnd_ImageBlock_702847672","type":"wnd.pc.ImageBlock"},"wnd_ImageBlock_521505446":{"id":"wnd_ImageBlock_521505446","type":"wnd.pc.ImageBlock"},"wnd_ImageBlock_28327884":{"id":"wnd_ImageBlock_28327884","type":"wnd.pc.ImageBlock"},"wnd_ImageBlock_80960":{"id":"wnd_ImageBlock_80960","type":"wnd.pc.ImageBlock"},"wnd_ImageBlock_25123":{"id":"wnd_ImageBlock_25123","type":"wnd.pc.ImageBlock"},"wnd_LogoBlock_993600662":{"id":"wnd_LogoBlock_993600662","type":"wnd.pc.LogoBlock"}},"content_items":[],"eshopSettings":{"ESHOP_SETTINGS_DISPLAY_ADDITIONAL_VAT":false,"ESHOP_SETTINGS_DISPLAY_PRICE_WITHOUT_VAT":false,"ESHOP_SETTINGS_DISPLAY_SHIPPING_COST":true},"project_info":{"isMultilanguage":true,"isMulticurrency":false,"eshop_tax_enabled":"0","country_code":"","contact_state":null,"eshop_tax_type":"VAT","eshop_discounts":true,"graphQLURL":"https:\/\/proatitude.com\/servers\/graphql\/","iubendaSettings":{"cookieBarCode":"","cookiePolicyCode":"","privacyPolicyCode":"","termsAndConditionsCode":""}}};</script><script>wnd.$system = {"fileSystemType":"aws_s3","localFilesPath":"https:\/\/www.proatitude.com\/_files\/","awsS3FilesPath":"https:\/\/f4794e4151.clvaw-cdnwnd.com\/c00ff1db29ebef5b7e4cceeef215d03a\/","staticFiles":"https:\/\/duyn491kcolsw.cloudfront.net\/files","isCms":false,"staticCDNServers":["https:\/\/duyn491kcolsw.cloudfront.net\/"],"fileUploadAllowExtension":["jpg","jpeg","jfif","png","gif","bmp","ico","svg","webp","tiff","pdf","doc","docx","ppt","pptx","pps","ppsx","odt","xls","xlsx","txt","rtf","mp3","wma","wav","ogg","amr","flac","m4a","3gp","avi","wmv","mov","mpg","mkv","mp4","mpeg","m4v","swf","gpx","stl","csv","xml","txt","dxf","dwg","iges","igs","step","stp"],"maxUserFormFileLimit":4194304,"frontendLanguage":"pt-br","backendLanguage":"pt-br","frontendLanguageId":"1","page":{"id":200206180,"identifier":"home","template":{"id":200002184,"styles":{"typography":"t-10_new","scheme":"cs-gray","additiveColor":"ac-blue","acHeadings":false,"acSubheadings":true,"acIcons":true,"acOthers":false,"acMenu":true,"imageStyle":"img-d-r","imageHover":"img-h-n","imageTitle":"img-t-u","buttonStyle":"b-btn-r","buttonSize":"b-btn-s-m","buttonDecoration":"b-btn-dn","buttonBorders":"b-btn-bw-1","lineStyle":"line-solid","eshopGridItemStyle":"b-e-ds","formStyle":"rounded","menuType":"wnd-mt-classic","menuStyle":"menu-default-underline-grow","lightboxStyle":"lbox-d","columnSpaces":"c-s-n","sectionWidth":"wnd-w-default","sectionSpace":"wnd-s-normal","layoutType":"l-default","layoutDecoration":"l-d-none","background":{"default":null},"backgroundSettings":{"default":""},"buttonWeight":"t-btn-fw-l","productWeight":"t-pd-fw-l","menuWeight":"t-nav-fw-l","typoTitleSizes":"t-t-fs-s","typoTitleWeights":"t-t-fw-m","typoTitleSpacings":"t-t-sp-n","typoTitleDecorations":"t-t-d-n","typoHeadingSizes":"t-h-fs-s","typoHeadingWeights":"t-h-fw-m","typoHeadingSpacings":"t-h-sp-n","typoSubtitleSizes":"t-s-fs-s","typoSubtitleWeights":"t-s-fw-m","typoSubtitleSpacings":"t-s-sp-n","typoSubtitleDecorations":"t-s-d-n","typoParagraphSizes":"t-p-fs-s","typoParagraphWeights":"t-p-fw-l","typoParagraphSpacings":"t-p-sp-n","typoBlockquoteSizes":"t-bq-fs-s","typoBlockquoteWeights":"t-bq-fw-m","typoBlockquoteSpacings":"t-bq-sp-n","typoBlockquoteDecorations":"t-bq-d-l","searchStyle":"wnd-s-i","headerBarStyle":"hb-on","menuTextTransform":"t-nav-tt-u"}},"layout":"homepage","name":"P\u00e1gina Inicial","html_title":"Pro Atitude Educacional - Tudo Sobre Educa\u00e7\u00e3o","language":"pt-br","langId":1,"isHomepage":true,"meta_description":"Portal educacional com mais de 50.000 recursos educacionais gratuitos para professores. Oferecemos planos de aula alinhados \u00e0 BNCC, atividades pedag\u00f3gicas e suporte ao bem-estar docente.","meta_keywords":"aprendizagem, alfabetiza\u00e7\u00e3o, Educa\u00e7\u00e3o, aprender, estudar, professores, aluno, escola, universidade, cursos, material educacional, Educa\u00e7\u00e3o Infantil, Ensino Fundamental, Ensino M\u00e9dio, Educa\u00e7\u00e3o Especial e Inclusiva, sala de aula, escola ","header_code":"","footer_code":"  ","styles":{"pageBased":{"navline":{"variant":"centered_slogan","style":{"sectionColor":"sc-w","sectionWidth":"wnd-w-narrow"}}}},"countFormsEntries":[]},"listingsPrefix":"\/l\/","productPrefix":"\/p\/","cartPrefix":"\/cart\/","checkoutPrefix":"\/checkout\/","searchPrefix":"\/search\/","isCheckout":false,"isEshop":false,"hasBlog":true,"isProductDetail":false,"isListingDetail":false,"listing_page":[],"hasEshopAnalytics":false,"gTagId":"G-JZ4WK2VM2R","gAdsId":null,"format":{"be":{"DATE_TIME":{"mask":"%d\/%m\/%Y %H:%M","regexp":"^(((0?[1-9]|[1,2][0-9]|3[0,1])\\\/(0?[1-9]|1[0-2])\\\/[0-9]{1,4})(( [0-1][0-9]| 2[0-3]):[0-5][0-9])?|(([0-9]{4}(0[1-9]|1[0-2])(0[1-9]|[1,2][0-9]|3[0,1])(0[0-9]|1[0-9]|2[0-3])[0-5][0-9][0-5][0-9])))?$"},"DATE":{"mask":"%d\/%m\/%Y","regexp":"^((0?[1-9]|[1,2][0-9]|3[0,1])\\\/(0?[1-9]|1[0-2])\\\/[0-9]{1,4})$"},"CURRENCY":{"mask":{"point":",","thousands":".","decimals":2,"mask":"%s","zerofill":true}}},"fe":{"DATE_TIME":{"mask":"%d\/%m\/%Y %H:%M","regexp":"^(((0?[1-9]|[1,2][0-9]|3[0,1])\\\/(0?[1-9]|1[0-2])\\\/[0-9]{1,4})(( [0-1][0-9]| 2[0-3]):[0-5][0-9])?|(([0-9]{4}(0[1-9]|1[0-2])(0[1-9]|[1,2][0-9]|3[0,1])(0[0-9]|1[0-9]|2[0-3])[0-5][0-9][0-5][0-9])))?$"},"DATE":{"mask":"%d\/%m\/%Y","regexp":"^((0?[1-9]|[1,2][0-9]|3[0,1])\\\/(0?[1-9]|1[0-2])\\\/[0-9]{1,4})$"},"CURRENCY":{"mask":{"point":",","thousands":".","decimals":2,"mask":"%s","zerofill":true}}}},"e_product":null,"listing_item":null,"feReleasedFeatures":{"eshopPriceDisplaySettings":true,"dualCurrency":false,"HeurekaSatisfactionSurvey":true,"useOnlyDefaultFreeBar":true,"productAvailability":true},"labels":{"dualCurrency.fixedRate":"","invoicesGenerator.W2EshopInvoice.alreadyPayed":"N\u00e3o pague! - J\u00e1 foi pago. Este documento n\u00e4o tem validade fiscal.","invoicesGenerator.W2EshopInvoice.amount":"Quantidade:","invoicesGenerator.W2EshopInvoice.contactInfo":"Dados de contato:","invoicesGenerator.W2EshopInvoice.couponCode":"C\u00f3digo promocional:","invoicesGenerator.W2EshopInvoice.customer":"Cliente:","invoicesGenerator.W2EshopInvoice.dateOfIssue":"Data do comprovante de compra:","invoicesGenerator.W2EshopInvoice.dateOfTaxableSupply":"Data da presta\u00e7\u00e3o:","invoicesGenerator.W2EshopInvoice.dic":"CPF\/CNPJ:","invoicesGenerator.W2EshopInvoice.discount":"Desconto:","invoicesGenerator.W2EshopInvoice.dueDate":"Data de vencimento:","invoicesGenerator.W2EshopInvoice.email":"E-mail:","invoicesGenerator.W2EshopInvoice.filenamePrefix":"Comprovante de compra-","invoicesGenerator.W2EshopInvoice.fiscalCode":"C\u00f3digo fiscal","invoicesGenerator.W2EshopInvoice.freeShipping":"Entrega gr\u00e1tis","invoicesGenerator.W2EshopInvoice.ic":"CPF\/CNPJ:","invoicesGenerator.W2EshopInvoice.invoiceNo":"N\u00b0 do comprovante de compra:","invoicesGenerator.W2EshopInvoice.invoiceNoTaxed":"Comprovante de compra \u2013 N\u00famero do documento","invoicesGenerator.W2EshopInvoice.notVatPayers":"N\u00e3o contribuinte de ICMS\/ISS","invoicesGenerator.W2EshopInvoice.orderNo":"N\u00famero do pedido:","invoicesGenerator.W2EshopInvoice.paymentPrice":"Valor do m\u00e9todo de pagamento","invoicesGenerator.W2EshopInvoice.pec":"PEC:","invoicesGenerator.W2EshopInvoice.phone":"Telefone:","invoicesGenerator.W2EshopInvoice.priceExTax":"Valor sem ICMS\/ISS","invoicesGenerator.W2EshopInvoice.priceIncludingTax":"Valor com ICMS\/ISS","invoicesGenerator.W2EshopInvoice.product":"Produto:","invoicesGenerator.W2EshopInvoice.productNr":"N\u00famero do produto:","invoicesGenerator.W2EshopInvoice.recipientCode":"C\u00f3digo do receptor:","invoicesGenerator.W2EshopInvoice.shippingAddress":"Endere\u00e7o para entrega:","invoicesGenerator.W2EshopInvoice.shippingPrice":"Valor da entrega:","invoicesGenerator.W2EshopInvoice.subtotal":"Subtotal:","invoicesGenerator.W2EshopInvoice.sum":"Total:","invoicesGenerator.W2EshopInvoice.supplier":"Prestador de servi\u00e7os:","invoicesGenerator.W2EshopInvoice.tax":"ICMS\/ISS:","invoicesGenerator.W2EshopInvoice.total":"Total:","invoicesGenerator.W2EshopInvoice.web":"Website:","wnd.errorBandwidthStorage.description":"Pedimos desculpas por qualquer inconveni\u00eancia causada. Se voc\u00ea for o propriet\u00e1rio do site, fa\u00e7a login na sua conta para saber como colocar seu site novamente online.","wnd.errorBandwidthStorage.heading":"Este site est\u00e1 temporariamente indispon\u00edvel (ou em manuten\u00e7\u00e3o)","wnd.es.CheckoutShippingService.correiosDeliveryWithSpecialConditions":"CEP de destino est\u00e1 sujeito a condi\u00e7\u00f5es especiais de entrega pela ECT e ser\u00e1 realizada com o acr\u00e9scimo de at\u00e9 7 dias \u00fateis ao prazo regular.","wnd.es.CheckoutShippingService.correiosWithoutHomeDelivery":"CEP de destino est\u00e1 temporariamente sem entrega domiciliar. A entrega ser\u00e1 efetuada na ag\u00eancia indicada no Aviso de Chegada que ser\u00e1 entregue no endere\u00e7o do destinat\u00e1rio.","wnd.es.ProductEdit.unit.cm":"cm","wnd.es.ProductEdit.unit.floz":"fl oz","wnd.es.ProductEdit.unit.ft":"ft","wnd.es.ProductEdit.unit.ft2":"ft\u00b2","wnd.es.ProductEdit.unit.g":"g","wnd.es.ProductEdit.unit.gal":"gal","wnd.es.ProductEdit.unit.in":"\u2033","wnd.es.ProductEdit.unit.inventoryQuantity":"un.","wnd.es.ProductEdit.unit.inventorySize":"cm","wnd.es.ProductEdit.unit.inventorySize.cm":"cm","wnd.es.ProductEdit.unit.inventorySize.inch":"in","wnd.es.ProductEdit.unit.inventoryWeight":"kg","wnd.es.ProductEdit.unit.inventoryWeight.kg":"kg","wnd.es.ProductEdit.unit.inventoryWeight.lb":"lb","wnd.es.ProductEdit.unit.l":"l","wnd.es.ProductEdit.unit.m":"m","wnd.es.ProductEdit.unit.m2":"m\u00b2","wnd.es.ProductEdit.unit.m3":"m\u00b3","wnd.es.ProductEdit.unit.mg":"mg","wnd.es.ProductEdit.unit.ml":"ml","wnd.es.ProductEdit.unit.mm":"mm","wnd.es.ProductEdit.unit.oz":"oz","wnd.es.ProductEdit.unit.pcs":"pc","wnd.es.ProductEdit.unit.pt":"pt","wnd.es.ProductEdit.unit.qt":"qt","wnd.es.ProductEdit.unit.yd":"yd","wnd.es.ProductList.inventory.outOfStock":"Esgotado","wnd.fe.CheckoutFi.creditCard":"Cart\u00e3o de cr\u00e9dito","wnd.fe.CheckoutSelectMethodKlarnaPlaygroundItem":"{name} playground test","wnd.fe.CheckoutSelectMethodZasilkovnaItem.change":"Change pick up point","wnd.fe.CheckoutSelectMethodZasilkovnaItem.choose":"Choose your pick up point","wnd.fe.CheckoutSelectMethodZasilkovnaItem.error":"Please select a pick up point","wnd.fe.CheckoutZipField.brInvalid":"Insira um CEP v\u00e1lido em formato XXXXXXXX, por favor.","wnd.fe.CookieBar.message":"Este site usa cookies para fornecer a funcionalidade segura do site e para melhorar a sua experi\u00eancia. Ao utilizar o nosso site, voc\u00ea concorda com a nossa pol\u00edtica de privacidade.","wnd.fe.FeFooter.createWebsite":"Crie seu site gr\u00e1tis!","wnd.fe.FormManager.error.file.invalidExtOrCorrupted":"Este arquivo n\u00e3o pode ser processado. O arquivo foi corrompido ou a extens\u00e3o n\u00e3o corresponde ao formato do arquivo.","wnd.fe.FormManager.error.file.notAllowedExtension":"Extens\u00e3o do arquivo \u0022{EXTENSION}\u0022 n\u00e3o \u00e9 permitido.","wnd.fe.FormManager.error.file.required":"Por favor, escolha o arquivo a carregar.","wnd.fe.FormManager.error.file.sizeExceeded":"O tamanho m\u00e1ximo do arquivo carregado \u00e9 {SIZE} MB.","wnd.fe.FormManager.error.userChangePassword":"As senhas n\u00e3o coincidem","wnd.fe.FormManager.error.userLogin.inactiveAccount":"O seu registro ainda n\u00e3o foi aprovado e por isso n\u00e3o \u00e9 poss\u00edvel fazer login.","wnd.fe.FormManager.error.userLogin.invalidLogin":"Login (e-mail) ou senha incorretos!","wnd.fe.FreeBarBlock.buttonText":"Comece agora","wnd.fe.FreeBarBlock.longText":"Este site foi criado com Webnode. \u003Cstrong\u003ECrie um gr\u00e1tis para voc\u00ea tamb\u00e9m!\u003C\/strong\u003E","wnd.fe.ListingData.shortMonthName.Apr":"Abr","wnd.fe.ListingData.shortMonthName.Aug":"Ago","wnd.fe.ListingData.shortMonthName.Dec":"Dez","wnd.fe.ListingData.shortMonthName.Feb":"Fev","wnd.fe.ListingData.shortMonthName.Jan":"Jan","wnd.fe.ListingData.shortMonthName.Jul":"Jul","wnd.fe.ListingData.shortMonthName.Jun":"Jun","wnd.fe.ListingData.shortMonthName.Mar":"Mar","wnd.fe.ListingData.shortMonthName.May":"Maio","wnd.fe.ListingData.shortMonthName.Nov":"Nov","wnd.fe.ListingData.shortMonthName.Oct":"Out","wnd.fe.ListingData.shortMonthName.Sep":"Set","wnd.fe.ShoppingCartManager.count.between2And4":"{COUNT} artigos","wnd.fe.ShoppingCartManager.count.moreThan5":"{COUNT} artigos","wnd.fe.ShoppingCartManager.count.one":"{COUNT} artigo","wnd.fe.ShoppingCartTable.label.itemsInStock":"Only {COUNT} pcs available in stock","wnd.fe.ShoppingCartTable.label.itemsInStock.between2And4":"Apenas {COUNT} uds. dispon\u00edveis no estoque","wnd.fe.ShoppingCartTable.label.itemsInStock.moreThan5":"Apenas {COUNT} uds. dispon\u00edveis no estoque","wnd.fe.ShoppingCartTable.label.itemsInStock.one":"Apenas {COUNT} uds. dispon\u00edveis no estoque","wnd.fe.ShoppingCartTable.label.outOfStock":"Esgotado","wnd.fe.UserBar.logOut":"Sair","wnd.pc.BlogDetailPageZone.next":"Posts mais recentes","wnd.pc.BlogDetailPageZone.previous":"Posts mais antigos","wnd.pc.ContactInfoBlock.placeholder.infoMail":"P. ex. contato@exemplo.com.br","wnd.pc.ContactInfoBlock.placeholder.infoPhone":"P. ex. +55 11 2345 6789","wnd.pc.ContactInfoBlock.placeholder.infoText":"Ex. Aberto diariamente das 8 \u00e0s 16h","wnd.pc.CookieBar.button.advancedClose":"Fechar","wnd.pc.CookieBar.button.advancedOpen":"Abrir configura\u00e7\u00f5es avan\u00e7adas","wnd.pc.CookieBar.button.advancedSave":"Salvar","wnd.pc.CookieBar.link.disclosure":"Divulga\u00e7\u00e3o","wnd.pc.CookieBar.title.advanced":"Configura\u00e7\u00f5es avan\u00e7adas","wnd.pc.CookieBar.title.option.functional":"Cookies Funcionais","wnd.pc.CookieBar.title.option.marketing":"Cookies de Marketing e Terceiros","wnd.pc.CookieBar.title.option.necessary":"Cookies Essenciais","wnd.pc.CookieBar.title.option.performance":"Cookies de Desempenho","wnd.pc.CookieBarReopenBlock.text":"Cookies ","wnd.pc.FileBlock.download":"BAIXAR","wnd.pc.FormBlock.action.defaultMessage.text":"O formul\u00e1rio foi submetido com sucesso.","wnd.pc.FormBlock.action.defaultMessage.title":"Obrigado!","wnd.pc.FormBlock.action.invisibleCaptchaInfoText":"Este site est\u00e1 protegido pelo reCAPTCHA e a \u003Clink1\u003EPol\u00edtica de Privacidade\u003C\/link1\u003E e os \u003Clink2\u003ETermos de Servi\u00e7o\u003C\/link2\u003E do Google se aplicam.","wnd.pc.FormBlock.action.submitBlockedDisabledBecauseSiteSecurity":"Este formul\u00e1rio n\u00e3o pode ser submetido (o propriet\u00e1rio da loja bloqueou a sua regi\u00e3o).","wnd.pc.FormBlock.mail.value.no":"N\u00e3o","wnd.pc.FormBlock.mail.value.yes":"Sim","wnd.pc.FreeBarBlock.text":"Desenvolvido por","wnd.pc.ListingDetailPageZone.next":"Pr\u00f3ximo","wnd.pc.ListingDetailPageZone.previous":"Anterior","wnd.pc.ListingItemCopy.namePrefix":"C\u00f3pia de","wnd.pc.MenuBlock.closeSubmenu":"Fechar o submenu","wnd.pc.MenuBlock.openSubmenu":"Abrir o submenu","wnd.pc.Option.defaultText":"Outra op\u00e7\u00e3o","wnd.pc.PageCopy.namePrefix":"C\u00f3pia de","wnd.pc.PhotoGalleryBlock.placeholder.text":"N\u00e3o foram encontradas imagens nesta galeria","wnd.pc.PhotoGalleryBlock.placeholder.title":"Galeria de fotos","wnd.pc.ProductAddToCartBlock.addToCart":"Adicionar ao carrinho","wnd.pc.ProductAvailability.in14Days":"Dispon\u00edvel em 14 dias","wnd.pc.ProductAvailability.in3Days":"Dispon\u00edvel em 3 dias","wnd.pc.ProductAvailability.in7Days":"Dispon\u00edvel em 7 dias","wnd.pc.ProductAvailability.inMonth":"Dispon\u00edvel em 1 m\u00eas","wnd.pc.ProductAvailability.inMoreThanMonth":"Dispon\u00edvel em mais de 1 m\u00eas","wnd.pc.ProductAvailability.inStock":"Em estoque","wnd.pc.ProductGalleryBlock.placeholder.text":"N\u00e3o foram encontradas imagens nesta galeria de produtos.","wnd.pc.ProductGalleryBlock.placeholder.title":"Galeria de produtos","wnd.pc.ProductItem.button.viewDetail":"P\u00e1gina do produto","wnd.pc.ProductOptionGroupBlock.notSelected":"Nenhuma variante selecionada.","wnd.pc.ProductOutOfStockBlock.label":"Esgotado","wnd.pc.ProductPriceBlock.prefixText":"A partir de ","wnd.pc.ProductPriceBlock.suffixText":"","wnd.pc.ProductPriceExcludingVATBlock.USContent":"pre\u00e7o sem impostos","wnd.pc.ProductPriceExcludingVATBlock.content":"pre\u00e7o com impostos","wnd.pc.ProductShippingInformationBlock.content":"excluindo o valor de entrega","wnd.pc.ProductVATInformationBlock.content":"sem impostos {PRICE}","wnd.pc.ProductsZone.label.collections":"Categorias","wnd.pc.ProductsZone.placeholder.noProductsInCategory":"Esta categoria est\u00e1 vazia. Adicione produtos nela ou selecione outra categoria.","wnd.pc.ProductsZone.placeholder.text":"N\u00e3o h\u00e1 produtos na loja at\u00e9 ao momento. Comece por clicar em \u0022Adicionar produto\u0022.","wnd.pc.ProductsZone.placeholder.title":"Produtos","wnd.pc.ProductsZoneModel.label.allCollections":"Todos os produtos","wnd.pc.SearchBlock.allListingItems":"Todos os blog posts","wnd.pc.SearchBlock.allPages":"Todas as p\u00e1ginas","wnd.pc.SearchBlock.allProducts":"Todos os produtos","wnd.pc.SearchBlock.allResults":"Mostrar todos os resultados","wnd.pc.SearchBlock.iconText":"Procurar","wnd.pc.SearchBlock.inputPlaceholder":"O que voc\u00ea procura?","wnd.pc.SearchBlock.matchInListingItemIdentifier":"Artigo com o termo \u0022{IDENTIFIER}\u0022 na URL","wnd.pc.SearchBlock.matchInPageIdentifier":"Page with the term \u0022{IDENTIFIER}\u0022 in URL","wnd.pc.SearchBlock.noResults":"Nenhum resultado encontrado","wnd.pc.SearchBlock.requestError":"Erro: N\u00e3o \u00e9 poss\u00edvel carregar mais resultados. Por favor, atualize a p\u00e1gina ou \u003Clink1\u003Eclique aqui para tentar novamente\u003C\/link1\u003E.","wnd.pc.SearchResultsZone.emptyResult":"N\u00e3o h\u00e1 resultados correspondentes \u00e0 sua busca. Por favor, procure por outra palavra.","wnd.pc.SearchResultsZone.foundProducts":"Produtos encontrados:","wnd.pc.SearchResultsZone.listingItemsTitle":"Blog posts","wnd.pc.SearchResultsZone.pagesTitle":"P\u00e1ginas","wnd.pc.SearchResultsZone.productsTitle":"Produtos","wnd.pc.SearchResultsZone.title":"Resultados para:","wnd.pc.SectionMsg.name.eshopCategories":"Categorias","wnd.pc.ShoppingCartTable.label.checkout":"Finalizar compra","wnd.pc.ShoppingCartTable.label.checkoutDisabled":"N\u00e3o \u00e9 poss\u00edvel finalizar a compra (n\u00e3o h\u00e1 m\u00e9todos de entrega ou pagamento dispon\u00edveis).","wnd.pc.ShoppingCartTable.label.checkoutDisabledBecauseSiteSecurity":"Este pedido n\u00e3o pode ser enviado (o propriet\u00e1rio da loja bloqueou a sua regi\u00e3o).","wnd.pc.ShoppingCartTable.label.continue":"Continuar comprando","wnd.pc.ShoppingCartTable.label.delete":"Apagar","wnd.pc.ShoppingCartTable.label.item":"Produto","wnd.pc.ShoppingCartTable.label.price":"Valor","wnd.pc.ShoppingCartTable.label.quantity":"Quantidade","wnd.pc.ShoppingCartTable.label.sum":"Total","wnd.pc.ShoppingCartTable.label.totalPrice":"Total","wnd.pc.ShoppingCartTable.placeholder.text":"Navegue pela loja e fa\u00e7a sua escolha!","wnd.pc.ShoppingCartTable.placeholder.title":"O seu carrinho de compras est\u00e1 vazio.","wnd.pc.ShoppingCartTotalPriceExcludingVATBlock.label":"sem imposto","wnd.pc.ShoppingCartTotalPriceInformationBlock.label":"Sem o valor de entrega","wnd.pc.ShoppingCartTotalPriceWithVATBlock.label":"com imposto","wnd.pc.ShoppingCartTotalVATBlock.label":"Taxa de imposto {RATE}%","wnd.pc.SystemFooterBlock.poweredByWebnode":"Desenvolvido por {START_LINK}Webnode{END_LINK}","wnd.pc.UserBar.logoutText":"Sair","wnd.pc.UserChangePasswordFormBlock.invalidRecoveryUrl":"A validade do link para redefinir a sua senha expirou. Para receber um novo link, prossiga \u00e0 p\u00e1gina {START_LINK}Esqueceu sua senha{END_LINK}","wnd.pc.UserRecoveryFormBlock.action.defaultMessage.text":"No e-mail, voc\u00ea encontrar\u00e1 um link que permite alterar a sua senha. Se ainda n\u00e3o o recebeu, verifique a sua caixa de spam.","wnd.pc.UserRecoveryFormBlock.action.defaultMessage.title":"O seu pedido para a altera\u00e7\u00e3o da senha foi enviado.","wnd.pc.UserRegistrationFormBlock.action.defaultMessage.text":"O seu registro est\u00e1 aguardando a aprova\u00e7\u00e3o. Assim que o registro for aprovado, iremos notific\u00e1-lo por e-mail.","wnd.pc.UserRegistrationFormBlock.action.defaultMessage.title":"Obrigado por se registrar no nosso site.","wnd.pc.UserRegistrationFormBlock.action.successfulRegistrationMessage.text":"Seu registro foi bem sucedido e agora voc\u00ea pode logar nas p\u00e1ginas privadas deste site.","wnd.pm.AddNewPagePattern.onlineStore":"Loja online","wnd.ps.CookieBarSettingsForm.default.advancedMainText":"Personalize suas prefer\u00eancias em rela\u00e7\u00e3o aos cookies aqui. Ative ou desative as seguintes categorias e salve sua sele\u00e7\u00e3o.","wnd.ps.CookieBarSettingsForm.default.captionAcceptAll":"Aceitar tudo","wnd.ps.CookieBarSettingsForm.default.captionAcceptNecessary":"Aceitar somente o necess\u00e1rio","wnd.ps.CookieBarSettingsForm.default.mainText":"Utilizamos cookies para permitir o funcionamento adequado e a seguran\u00e7a do site, e para oferecer a voc\u00ea a melhor experi\u00eancia de usu\u00e1rio poss\u00edvel.","wnd.templates.next":"Pr\u00f3xima","wnd.templates.prev":"Anterior","wnd.templates.readMore":"Saiba mais"},"fontSubset":null};</script><script>wnd.trackerConfig = {
  2584. events: {"error":{"name":"Error"},"publish":{"name":"Publish page"},"open_premium_popup":{"name":"Open premium popup"},"publish_from_premium_popup":{"name":"Publish from premium content popup"},"upgrade_your_plan":{"name":"Upgrade your plan"},"ml_lock_page":{"name":"Lock access to page"},"ml_unlock_page":{"name":"Unlock access to page"},"ml_start_add_page_member_area":{"name":"Start - add page Member Area"},"ml_end_add_page_member_area":{"name":"End - add page Member Area"},"ml_show_activation_popup":{"name":"Show activation popup"},"ml_activation":{"name":"Member Login Activation"},"ml_deactivation":{"name":"Member Login Deactivation"},"ml_enable_require_approval":{"name":"Enable approve registration manually"},"ml_disable_require_approval":{"name":"Disable approve registration manually"},"ml_fe_member_registration":{"name":"Member Registration on FE"},"ml_fe_member_login":{"name":"Login Member"},"ml_fe_member_recovery":{"name":"Sent recovery email"},"ml_fe_member_change_password":{"name":"Change Password"},"undoredo_click_undo":{"name":"Undo\/Redo - click Undo"},"undoredo_click_redo":{"name":"Undo\/Redo - click Redo"},"add_page":{"name":"Page adding completed"},"change_page_order":{"name":"Change of page order"},"delete_page":{"name":"Page deleted"},"background_options_change":{"name":"Background setting completed"},"add_content":{"name":"Content adding completed"},"delete_content":{"name":"Content deleting completed"},"change_text":{"name":"Editing of text completed"},"add_image":{"name":"Image adding completed"},"add_photo":{"name":"Adding photo to galery completed"},"change_logo":{"name":"Logo changing completed"},"open_pages":{"name":"Open Pages"},"show_page_cms":{"name":"Show Page - CMS"},"new_section":{"name":"New section completed"},"delete_section":{"name":"Section deleting completed"},"add_video":{"name":"Video adding completed"},"add_maps":{"name":"Maps adding completed"},"add_button":{"name":"Button adding completed"},"add_file":{"name":"File adding completed"},"add_hr":{"name":"Horizontal line adding completed"},"delete_cell":{"name":"Cell deleting completed"},"delete_microtemplate":{"name":"Microtemplate deleting completed"},"add_blog_page":{"name":"Blog page adding completed"},"new_blog_post":{"name":"New blog post created"},"new_blog_recent_posts":{"name":"Blog recent posts list created"},"e_show_products_popup":{"name":"Show products popup"},"e_show_add_product":{"name":"Show add product popup"},"e_show_edit_product":{"name":"Show edit product popup"},"e_show_collections_popup":{"name":"Show collections manager popup"},"e_show_eshop_settings":{"name":"Show eshop settings popup"},"e_add_product":{"name":"Add product"},"e_edit_product":{"name":"Edit product"},"e_remove_product":{"name":"Remove product"},"e_bulk_show":{"name":"Bulk show products"},"e_bulk_hide":{"name":"Bulk hide products"},"e_bulk_remove":{"name":"Bulk remove products"},"e_move_product":{"name":"Order products"},"e_add_collection":{"name":"Add collection"},"e_rename_collection":{"name":"Rename collection"},"e_remove_collection":{"name":"Remove collection"},"e_add_product_to_collection":{"name":"Assign product to collection"},"e_remove_product_from_collection":{"name":"Unassign product from collection"},"e_move_collection":{"name":"Order collections"},"e_add_products_page":{"name":"Add products page"},"e_add_procucts_section":{"name":"Add products list section"},"e_add_products_content":{"name":"Add products list content block"},"e_change_products_zone_style":{"name":"Change style in products list"},"e_change_products_zone_collection":{"name":"Change collection in products list"},"e_show_products_zone_collection_filter":{"name":"Show collection filter in products list"},"e_hide_products_zone_collection_filter":{"name":"Hide collection filter in products list"},"e_show_product_detail_page":{"name":"Show product detail page"},"e_add_to_cart":{"name":"Add product to cart"},"e_remove_from_cart":{"name":"Remove product from cart"},"e_checkout_step":{"name":"From cart to checkout"},"e_finish_checkout":{"name":"Finish order"},"welcome_window_play_video":{"name":"Welcome window - play video"},"e_import_file":{"name":"Eshop - products import - file info"},"e_import_upload_time":{"name":"Eshop - products import - upload file duration"},"e_import_result":{"name":"Eshop - products import result"},"e_import_error":{"name":"Eshop - products import - errors"},"e_promo_blogpost":{"name":"Eshop promo - blogpost"},"e_promo_activate":{"name":"Eshop promo - activate"},"e_settings_activate":{"name":"Online store - activate"},"e_promo_hide":{"name":"Eshop promo - close"},"e_activation_popup_step":{"name":"Eshop activation popup - step"},"e_activation_popup_activate":{"name":"Eshop activation popup - activate"},"e_activation_popup_hide":{"name":"Eshop activation popup - close"},"e_deactivation":{"name":"Eshop deactivation"},"e_reactivation":{"name":"Eshop reactivation"},"e_variant_create_first":{"name":"Eshop - variants - add first variant"},"e_variant_add_option_row":{"name":"Eshop - variants - add option row"},"e_variant_remove_option_row":{"name":"Eshop - variants - remove option row"},"e_variant_activate_edit":{"name":"Eshop - variants - activate edit"},"e_variant_deactivate_edit":{"name":"Eshop - variants - deactivate edit"},"move_block_popup":{"name":"Move block - show popup"},"move_block_start":{"name":"Move block - start"},"publish_window":{"name":"Publish window"},"welcome_window_video":{"name":"Video welcome window"},"ai_assistant_aisection_popup_promo_show":{"name":"AI Assistant - show AI section Promo\/Purchase popup"},"ai_assistant_aisection_popup_promo_close":{"name":"AI Assistant - close AI section Promo\/Purchase popup"},"ai_assistant_aisection_popup_promo_submit":{"name":"AI Assistant - submit AI section Promo\/Purchase popup"},"ai_assistant_aisection_popup_prompt_show":{"name":"AI Assistant - show AI section Prompt popup"},"ai_assistant_aisection_popup_prompt_submit":{"name":"AI Assistant - submit AI section Prompt popup"},"ai_assistant_aisection_popup_prompt_close":{"name":"AI Assistant - close AI section Prompt popup"},"ai_assistant_aisection_popup_error_show":{"name":"AI Assistant - show AI section Error popup"},"ai_assistant_aitext_popup_promo_show":{"name":"AI Assistant - show AI text Promo\/Purchase popup"},"ai_assistant_aitext_popup_promo_close":{"name":"AI Assistant - close AI text Promo\/Purchase popup"},"ai_assistant_aitext_popup_promo_submit":{"name":"AI Assistant - submit AI text Promo\/Purchase popup"},"ai_assistant_aitext_popup_prompt_show":{"name":"AI Assistant - show AI text Prompt popup"},"ai_assistant_aitext_popup_prompt_submit":{"name":"AI Assistant - submit AI text Prompt popup"},"ai_assistant_aitext_popup_prompt_close":{"name":"AI Assistant - close AI text Prompt popup"},"ai_assistant_aitext_popup_error_show":{"name":"AI Assistant - show AI text Error popup"},"cookiebar_accept_all":{"name":"User accepted all cookies"},"cookiebar_accept_necessary":{"name":"User accepted necessary cookies"},"publish_popup_promo_banner_show":{"name":"Promo Banner in Publish Popup:"}},
  2585. data: {"user":{"u":0,"p":42695830,"lc":"BR","t":"1"},"action":{"identifier":"","name":"","category":"project","platform":"WND2","version":"2-1981_2-1981"},"browser":{"url":"https:\/\/www.proatitude.com\/","ua":"meta-externalagent\/1.1 (+https:\/\/developers.facebook.com\/docs\/sharing\/webmasters\/crawler)","referer_url":"","resolution":"","ip":"172.68.245.220"}},
  2586. urlPrefix: "https://events.webnode.com/projects/-/events/",
  2587. collection: "PROD",
  2588. }</script></body>
  2589. </html>
  2590.  

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda