{"id":2110,"date":"2025-10-26T18:18:44","date_gmt":"2025-10-26T18:18:44","guid":{"rendered":"https:\/\/willianvieira.com\/?page_id=2110"},"modified":"2026-04-13T14:54:16","modified_gmt":"2026-04-13T14:54:16","slug":"teste-osmo","status":"publish","type":"page","link":"https:\/\/willianvieira.com\/en\/teste-osmo\/","title":{"rendered":"Teste Osmo"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"2110\" class=\"elementor elementor-2110\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-447ea8d e-con-full transparentbot e-flex e-con e-parent\" data-id=\"447ea8d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-01cea38 elementor-absolute elementor-widget elementor-widget-html\" data-id=\"01cea38\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script>\r\n\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n  var interBubble = document.querySelector('.interactive');\r\n  if (!interBubble) return; \/\/ Sai se n\u00e3o existe!\r\n\r\n  var curX = 0;\r\n  var curY = 0;\r\n  var tgX = 0;\r\n  var tgY = 0;\r\n\r\n  function move() {\r\n    curX += (tgX - curX) \/ 20;\r\n    curY += (tgY - curY) \/ 20;\r\n    interBubble.style.transform = 'translate(' + Math.round(curX) + 'px,' + Math.round(curY) + 'px)';\r\n    requestAnimationFrame(move);\r\n  }\r\n\r\n  window.addEventListener('mousemove', function(event) {\r\n    tgX = event.clientX;\r\n    tgY = event.clientY;\r\n  });\r\n\r\n  move();\r\n});\r\n\r\n\r\n<\/script>\r\n \r\n  <div class=\"gradient-bg\">\r\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n      <defs>\r\n        <filter id=\"goo\">\r\n          <fegaussianblur in=\"SourceGraphic\" stddeviation=\"10\" result=\"blur\" \/>\r\n          <fecolormatrix in=\"blur\" mode=\"matrix\" values=\"1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 18 -8\" result=\"goo\" \/>\r\n          <feblend in=\"SourceGraphic\" in2=\"goo\" \/>\r\n        <\/filter>\r\n      <\/defs>\r\n    <\/svg>\r\n    <div class=\"gradients-container\">\r\n      \r\n      <div class=\"g2\"><\/div>\r\n\r\n      <div class=\"g5\"><\/div>\r\n      <div class=\"interactive\"><\/div>\r\n    <\/div>\r\n  <\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0bc27ab elementor-widget__width-initial animated-slow elementor-widget elementor-widget-heading\" data-id=\"0bc27ab\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Creative Solutions<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e409a6c e-con-full e-flex e-con e-parent\" data-id=\"e409a6c\" data-element_type=\"container\" data-e-type=\"container\" data-us-project=\"dZyLYECjKw3J8UDQ9JiE\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0269d3f elementor-widget elementor-widget-html\" data-id=\"0269d3f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script type=\"text\/javascript\">!function(){if(!window.UnicornStudio){window.UnicornStudio={isInitialized:!1};var i=document.createElement(\"script\");i.src=\"https:\/\/cdn.jsdelivr.net\/gh\/hiunicornstudio\/unicornstudio.js@v1.5.2\/dist\/unicornStudio.umd.js\",i.onload=function(){window.UnicornStudio.isInitialized||(UnicornStudio.init(),window.UnicornStudio.isInitialized=!0)},(document.head || document.body).appendChild(i)}}();<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c2cb27f e-con-full e-flex e-con e-parent\" data-id=\"c2cb27f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-10e1256 elementor-widget elementor-widget-html\" data-id=\"10e1256\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n    \/* Aura Background Container *\/\n    .aura-background {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        z-index: 0;\n        background: #000;\n        overflow: hidden;\n    }\n    \/* Animated Aura Blobs *\/\n    .aura-blob {\n        position: absolute;\n        border-radius: 50%;\n        filter: blur(80px);\n        opacity: 0.6;\n        animation: float 20s ease-in-out infinite;\n    }\n    .aura-blob-1 {\n        width: 600px;\n        height: 600px;\n        background: radial-gradient(circle, rgba(60, 60, 60, 0.8) 0%, rgba(30, 30, 30, 0.4) 50%, transparent 70%);\n        top: 10%;\n        left: 20%;\n        animation-delay: 0s;\n    }\n    .aura-blob-2 {\n        width: 500px;\n        height: 500px;\n        background: radial-gradient(circle, rgba(80, 80, 80, 0.7) 0%, rgba(40, 40, 40, 0.3) 50%, transparent 70%);\n        top: 50%;\n        right: 10%;\n        animation-delay: -5s;\n    }\n    .aura-blob-3 {\n        width: 400px;\n        height: 400px;\n        background: radial-gradient(circle, rgba(50, 50, 50, 0.6) 0%, rgba(25, 25, 25, 0.3) 50%, transparent 70%);\n        bottom: 10%;\n        left: 40%;\n        animation-delay: -10s;\n    }\n    .aura-blob-4 {\n        width: 350px;\n        height: 350px;\n        background: radial-gradient(circle, rgba(70, 70, 70, 0.5) 0%, rgba(35, 35, 35, 0.2) 50%, transparent 70%);\n        top: 30%;\n        left: 60%;\n        animation-delay: -15s;\n    }\n    @keyframes float {\n        0%, 100% { transform: translate(0, 0) scale(1); }\n        25% { transform: translate(50px, -30px) scale(1.1); }\n        50% { transform: translate(-30px, 50px) scale(0.95); }\n        75% { transform: translate(-50px, -20px) scale(1.05); }\n    }\n    .aura-noise {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        opacity: 0.03;\n        background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'\/%3E%3C\/svg%3E\");\n        pointer-events: none;\n    }\n    .aura-grid {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background-image: linear-gradient(rgba(255, 255, 255, 0.02) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.02) 1px, transparent 1px);\n        background-size: 60px 60px;\n        pointer-events: none;\n    }\n<\/style>\n<div class=\"aura-background\">\n    <div class=\"aura-blob aura-blob-1\"><\/div>\n    <div class=\"aura-blob aura-blob-2\"><\/div>\n    <div class=\"aura-blob aura-blob-3\"><\/div>\n    <div class=\"aura-blob aura-blob-4\"><\/div>\n    <div class=\"aura-noise\"><\/div>\n    <div class=\"aura-grid\"><\/div>\n<\/div>\n<script>\n    document.addEventListener('mousemove', (e) => {\n        const blobs = document.querySelectorAll('.aura-blob');\n        const x = e.clientX \/ window.innerWidth;\n        const y = e.clientY \/ window.innerHeight;\n        blobs.forEach((blob, index) => {\n            const speed = (index + 1) * 20;\n            const xOffset = (x - 0.5) * speed;\n            const yOffset = (y - 0.5) * speed;\n            blob.style.transform = `translate(${xOffset}px, ${yOffset}px)`;\n        });\n    });\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Creative Solutions<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-2110","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/willianvieira.com\/en\/wp-json\/wp\/v2\/pages\/2110","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/willianvieira.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/willianvieira.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/willianvieira.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/willianvieira.com\/en\/wp-json\/wp\/v2\/comments?post=2110"}],"version-history":[{"count":136,"href":"https:\/\/willianvieira.com\/en\/wp-json\/wp\/v2\/pages\/2110\/revisions"}],"predecessor-version":[{"id":3847,"href":"https:\/\/willianvieira.com\/en\/wp-json\/wp\/v2\/pages\/2110\/revisions\/3847"}],"wp:attachment":[{"href":"https:\/\/willianvieira.com\/en\/wp-json\/wp\/v2\/media?parent=2110"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}