Abertura<\/title>\r\n\r\n<style>\r\n html, body {\r\n margin: 0;\r\n padding: 0;\r\n height: 100%;\r\n width: 100%;\r\n background: black;\r\n overflow: hidden;\r\n font-family: \"Anton\", sans-serif;\r\n }\r\n\r\n #fundo {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n height: 100%;\r\n width: 100%;\r\n background: transparent;\r\n opacity: 0;\r\n animation: fadeBG 1.5s forwards;\r\n }\r\n\r\n @keyframes fadeBG {\r\n from { opacity: 0; }\r\n to { opacity: 1; }\r\n }\r\n\r\n #texto-container {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n height: 100%;\r\n width: 100%;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n text-align: center;\r\n opacity: 0;\r\n animation: showText 0s 1.0s forwards;\r\n padding: 0 10px;\r\n box-sizing: border-box;\r\n }\r\n\r\n @keyframes showText {\r\n to { opacity: 1; }\r\n }\r\n\r\n #texto {\r\n font-size: 6rem;\r\n line-height: 1.1;\r\n color: white;\r\n display: inline-block;\r\n \/* O SEGREDO EST\u00c1 AQUI: *\/\r\n white-space: nowrap; \/* Impede que a palavra Terapia se quebre sozinha *\/\r\n }\r\n\r\n .letra {\r\n display: inline-block;\r\n position: relative;\r\n will-change: transform, opacity;\r\n }\r\n\r\n \/* Essa classe for\u00e7a a quebra onde N\u00d3S queremos (ap\u00f3s Terapia) *\/\r\n .quebra-linha {\r\n display: block !important;\r\n width: 100% !important;\r\n height: 0 !important;\r\n margin: 0 !important;\r\n content: \"\"; \/* Garante renderiza\u00e7\u00e3o *\/\r\n }\r\n \r\n \/* Quando houver quebra, resetamos o nowrap para os elementos filhos se comportarem como blocos *\/\r\n .quebra-ativa #texto {\r\n white-space: normal;\r\n }\r\n\r\n \/* Tablet *\/\r\n @media (min-width: 601px) and (max-width: 900px) {\r\n #texto {\r\n font-size: 4rem;\r\n }\r\n }\r\n\r\n \/* Mobile *\/\r\n @media (max-width: 600px) {\r\n #texto {\r\n \/* 13vw \u00e9 um tamanho seguro para \"Terapia\" (7 letras) caberem na tela sem quebrar *\/\r\n font-size: 13vw; \r\n line-height: 1.2;\r\n }\r\n \r\n \/* Ajuste fino para a segunda linha n\u00e3o ficar gigante *\/\r\n .segunda-linha {\r\n font-size: 0.8em; \/* 80% do tamanho da primeira linha *\/\r\n }\r\n }\r\n<\/style>\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Anton&display=swap\" rel=\"stylesheet\">\r\n\r\n<\/head>\r\n<body>\r\n\r\n<div id=\"fundo\"><\/div>\r\n\r\n<div id=\"texto-container\">\r\n <div id=\"texto\"><\/div>\r\n<\/div>\r\n\r\n<script>\r\n const frase = \"Terapia que funciona!\";\r\n const destino = document.getElementById(\"texto\");\r\n let i = 0;\r\n\r\n \/\/ In\u00edcio\r\n setTimeout(() => {\r\n escrever();\r\n }, 800);\r\n\r\n function escrever() {\r\n if (i < frase.length) {\r\n const char = frase.charAt(i);\r\n\r\n if(char === ' '){\r\n \/\/ L\u00f3gica de quebra APENAS para mobile e APENAS ap\u00f3s a palavra \"Terapia\"\r\n if (i === 7 && window.innerWidth < 600) {\r\n \/\/ Adiciona a quebra de linha for\u00e7ada\r\n destino.innerHTML += `<span class=\"letra quebra-linha\"><\/span>`;\r\n } else {\r\n \/\/ Espa\u00e7o normal se n\u00e3o for a quebra\r\n destino.innerHTML += `<span class=\"letra\"> <\/span>`;\r\n }\r\n } else {\r\n destino.innerHTML += `<span class=\"letra\">${char}<\/span>`;\r\n }\r\n\r\n i++;\r\n setTimeout(escrever, 70);\r\n } else {\r\n setTimeout(explodirLetras, 700);\r\n }\r\n }\r\n\r\n function explodirLetras() {\r\n \/\/ Seleciona todas as letras, ignorando o elemento de quebra\r\n const letras = document.querySelectorAll('.letra:not(.quebra-linha)');\r\n\r\n letras.forEach((letra, index) => {\r\n const angle = Math.random() * Math.PI * 2;\r\n const baseDist = window.innerWidth < 600 ? 100 : 200; \r\n const distance = baseDist + Math.random() * baseDist;\r\n \r\n const x = Math.cos(angle) * distance;\r\n const y = Math.sin(angle) * distance;\r\n const rot = (Math.random() * 720) - 360;\r\n\r\n setTimeout(() => {\r\n letra.style.transition = \"transform 1s cubic-bezier(0.25, 1, 0.5, 1), opacity 1s ease-out\";\r\n letra.style.transform = `translate(${x}px, ${y}px) rotate(${rot}deg)`;\r\n letra.style.opacity = \"0\";\r\n }, index * 60);\r\n });\r\n\r\n \/\/ A anima\u00e7\u00e3o de transi\u00e7\u00e3o \u00e9 de 1s (1000ms).\r\n \/\/ O \u00faltimo elemento come\u00e7a em (letras.length - 1) * 60ms.\r\n \/\/ O tempo total m\u00ednimo para o \u00faltimo elemento terminar \u00e9: (letras.length - 1) * 60 + 1000.\r\n \/\/ Adicionamos uma margem de seguran\u00e7a de 500ms.\r\n const tempoMinimo = (letras.length - 1) * 60 + 1000;\r\n const tempoTotal = tempoMinimo + 500; \/\/ Margem de seguran\u00e7a de 500ms\r\n\r\n setTimeout(() => {\r\n window.location.href = \"https:\/\/robsonmasselli.com.br\/psi\/inicio\/\";\r\n }, tempoTotal);\r\n }\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Abertura<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","footnotes":""},"class_list":["post-10635","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/robsonmasselli.com.br\/psi\/wp-json\/wp\/v2\/pages\/10635","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/robsonmasselli.com.br\/psi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/robsonmasselli.com.br\/psi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/robsonmasselli.com.br\/psi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/robsonmasselli.com.br\/psi\/wp-json\/wp\/v2\/comments?post=10635"}],"version-history":[{"count":34,"href":"https:\/\/robsonmasselli.com.br\/psi\/wp-json\/wp\/v2\/pages\/10635\/revisions"}],"predecessor-version":[{"id":10678,"href":"https:\/\/robsonmasselli.com.br\/psi\/wp-json\/wp\/v2\/pages\/10635\/revisions\/10678"}],"wp:attachment":[{"href":"https:\/\/robsonmasselli.com.br\/psi\/wp-json\/wp\/v2\/media?parent=10635"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nAbertura<\/title>\r\n\r\n<style>\r\n html, body {\r\n margin: 0;\r\n padding: 0;\r\n height: 100%;\r\n width: 100%;\r\n background: black;\r\n overflow: hidden;\r\n font-family: \"Anton\", sans-serif;\r\n }\r\n\r\n #fundo {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n height: 100%;\r\n width: 100%;\r\n background: transparent;\r\n opacity: 0;\r\n animation: fadeBG 1.5s forwards;\r\n }\r\n\r\n @keyframes fadeBG {\r\n from { opacity: 0; }\r\n to { opacity: 1; }\r\n }\r\n\r\n #texto-container {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n height: 100%;\r\n width: 100%;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n text-align: center;\r\n opacity: 0;\r\n animation: showText 0s 1.0s forwards;\r\n padding: 0 10px;\r\n box-sizing: border-box;\r\n }\r\n\r\n @keyframes showText {\r\n to { opacity: 1; }\r\n }\r\n\r\n #texto {\r\n font-size: 6rem;\r\n line-height: 1.1;\r\n color: white;\r\n display: inline-block;\r\n \/* O SEGREDO EST\u00c1 AQUI: *\/\r\n white-space: nowrap; \/* Impede que a palavra Terapia se quebre sozinha *\/\r\n }\r\n\r\n .letra {\r\n display: inline-block;\r\n position: relative;\r\n will-change: transform, opacity;\r\n }\r\n\r\n \/* Essa classe for\u00e7a a quebra onde N\u00d3S queremos (ap\u00f3s Terapia) *\/\r\n .quebra-linha {\r\n display: block !important;\r\n width: 100% !important;\r\n height: 0 !important;\r\n margin: 0 !important;\r\n content: \"\"; \/* Garante renderiza\u00e7\u00e3o *\/\r\n }\r\n \r\n \/* Quando houver quebra, resetamos o nowrap para os elementos filhos se comportarem como blocos *\/\r\n .quebra-ativa #texto {\r\n white-space: normal;\r\n }\r\n\r\n \/* Tablet *\/\r\n @media (min-width: 601px) and (max-width: 900px) {\r\n #texto {\r\n font-size: 4rem;\r\n }\r\n }\r\n\r\n \/* Mobile *\/\r\n @media (max-width: 600px) {\r\n #texto {\r\n \/* 13vw \u00e9 um tamanho seguro para \"Terapia\" (7 letras) caberem na tela sem quebrar *\/\r\n font-size: 13vw; \r\n line-height: 1.2;\r\n }\r\n \r\n \/* Ajuste fino para a segunda linha n\u00e3o ficar gigante *\/\r\n .segunda-linha {\r\n font-size: 0.8em; \/* 80% do tamanho da primeira linha *\/\r\n }\r\n }\r\n<\/style>\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Anton&display=swap\" rel=\"stylesheet\">\r\n\r\n<\/head>\r\n<body>\r\n\r\n<div id=\"fundo\"><\/div>\r\n\r\n<div id=\"texto-container\">\r\n <div id=\"texto\"><\/div>\r\n<\/div>\r\n\r\n<script>\r\n const frase = \"Terapia que funciona!\";\r\n const destino = document.getElementById(\"texto\");\r\n let i = 0;\r\n\r\n \/\/ In\u00edcio\r\n setTimeout(() => {\r\n escrever();\r\n }, 800);\r\n\r\n function escrever() {\r\n if (i < frase.length) {\r\n const char = frase.charAt(i);\r\n\r\n if(char === ' '){\r\n \/\/ L\u00f3gica de quebra APENAS para mobile e APENAS ap\u00f3s a palavra \"Terapia\"\r\n if (i === 7 && window.innerWidth < 600) {\r\n \/\/ Adiciona a quebra de linha for\u00e7ada\r\n destino.innerHTML += `<span class=\"letra quebra-linha\"><\/span>`;\r\n } else {\r\n \/\/ Espa\u00e7o normal se n\u00e3o for a quebra\r\n destino.innerHTML += `<span class=\"letra\"> <\/span>`;\r\n }\r\n } else {\r\n destino.innerHTML += `<span class=\"letra\">${char}<\/span>`;\r\n }\r\n\r\n i++;\r\n setTimeout(escrever, 70);\r\n } else {\r\n setTimeout(explodirLetras, 700);\r\n }\r\n }\r\n\r\n function explodirLetras() {\r\n \/\/ Seleciona todas as letras, ignorando o elemento de quebra\r\n const letras = document.querySelectorAll('.letra:not(.quebra-linha)');\r\n\r\n letras.forEach((letra, index) => {\r\n const angle = Math.random() * Math.PI * 2;\r\n const baseDist = window.innerWidth < 600 ? 100 : 200; \r\n const distance = baseDist + Math.random() * baseDist;\r\n \r\n const x = Math.cos(angle) * distance;\r\n const y = Math.sin(angle) * distance;\r\n const rot = (Math.random() * 720) - 360;\r\n\r\n setTimeout(() => {\r\n letra.style.transition = \"transform 1s cubic-bezier(0.25, 1, 0.5, 1), opacity 1s ease-out\";\r\n letra.style.transform = `translate(${x}px, ${y}px) rotate(${rot}deg)`;\r\n letra.style.opacity = \"0\";\r\n }, index * 60);\r\n });\r\n\r\n \/\/ A anima\u00e7\u00e3o de transi\u00e7\u00e3o \u00e9 de 1s (1000ms).\r\n \/\/ O \u00faltimo elemento come\u00e7a em (letras.length - 1) * 60ms.\r\n \/\/ O tempo total m\u00ednimo para o \u00faltimo elemento terminar \u00e9: (letras.length - 1) * 60 + 1000.\r\n \/\/ Adicionamos uma margem de seguran\u00e7a de 500ms.\r\n const tempoMinimo = (letras.length - 1) * 60 + 1000;\r\n const tempoTotal = tempoMinimo + 500; \/\/ Margem de seguran\u00e7a de 500ms\r\n\r\n setTimeout(() => {\r\n window.location.href = \"https:\/\/robsonmasselli.com.br\/psi\/inicio\/\";\r\n }, tempoTotal);\r\n }\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Abertura<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","footnotes":""},"class_list":["post-10635","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/robsonmasselli.com.br\/psi\/wp-json\/wp\/v2\/pages\/10635","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/robsonmasselli.com.br\/psi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/robsonmasselli.com.br\/psi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/robsonmasselli.com.br\/psi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/robsonmasselli.com.br\/psi\/wp-json\/wp\/v2\/comments?post=10635"}],"version-history":[{"count":34,"href":"https:\/\/robsonmasselli.com.br\/psi\/wp-json\/wp\/v2\/pages\/10635\/revisions"}],"predecessor-version":[{"id":10678,"href":"https:\/\/robsonmasselli.com.br\/psi\/wp-json\/wp\/v2\/pages\/10635\/revisions\/10678"}],"wp:attachment":[{"href":"https:\/\/robsonmasselli.com.br\/psi\/wp-json\/wp\/v2\/media?parent=10635"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}