OSA Branding Studio<\/title>\r\n <style>\r\n body, html {\r\n margin: 0;\r\n padding: 0;\r\n height: 100%;\r\n width: 100%;\r\n overflow: hidden;\r\n background-color: black;\r\n font-family: Arial, sans-serif;\r\n }\r\n #responsive-gif-container {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100vw;\r\n height: 100vh;\r\n object-fit: contain;\r\n }\r\n #redirect-button {\r\n position: fixed;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n padding: 12px 30px;\r\n background-color: white;\r\n color: black;\r\n border: none;\r\n border-radius: 5px;\r\n font-size: 18px;\r\n cursor: pointer;\r\n z-index: 100;\r\n display: none;\r\n transition: background-color 0.3s;\r\n }\r\n #redirect-button:hover {\r\n background-color: #e0e0e0;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <img id=\"responsive-gif-container\" alt=\"GIF responsivo\" \/>\r\n <button id=\"redirect-button\">ENTRAR<\/button>\r\n\r\n <script>\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const gifElement = document.getElementById('responsive-gif-container');\r\n const redirectButton = document.getElementById('redirect-button');\r\n const desktopGifSrc = 'https:\/\/osa-branding.ferteles.com\/wp-content\/uploads\/2025\/07\/OSA-branding-studio-.gif';\r\n const mobileGifSrc = 'https:\/\/osa-branding.ferteles.com\/wp-content\/uploads\/2025\/06\/mobile.gif';\r\n\r\n const desktopGifDuration = 6000;\r\n const mobileGifDuration = 6000;\r\n\r\n const redirectUrl = 'https:\/\/osa-branding.ferteles.com\/homenew';\r\n let currentGifType = null;\r\n let redirectTimeoutId = null;\r\n let errorTimeoutId = null;\r\n\r\n function performRedirect() {\r\n window.location.href = redirectUrl;\r\n }\r\n\r\n \/\/ Fun\u00e7\u00e3o para mostrar o bot\u00e3o caso o redirecionamento autom\u00e1tico falhe\r\n function showRedirectButton() {\r\n redirectButton.style.display = 'block';\r\n }\r\n\r\n redirectButton.addEventListener('click', performRedirect);\r\n\r\n function loadAppropriateGif() {\r\n const isDesktopView = window.innerWidth \/ window.innerHeight > 1;\r\n const newGifType = isDesktopView ? 'desktop' : 'mobile';\r\n const newSrc = isDesktopView ? desktopGifSrc : mobileGifSrc;\r\n const duration = isDesktopView ? desktopGifDuration : mobileGifDuration;\r\n\r\n if (newGifType !== currentGifType) {\r\n currentGifType = newGifType;\r\n\r\n if (redirectTimeoutId) {\r\n clearTimeout(redirectTimeoutId);\r\n redirectTimeoutId = null;\r\n }\r\n\r\n if (errorTimeoutId) {\r\n clearTimeout(errorTimeoutId);\r\n errorTimeoutId = null;\r\n }\r\n\r\n gifElement.onload = function() {\r\n redirectTimeoutId = setTimeout(performRedirect, duration);\r\n \/\/ Define um timeout ligeiramente maior para mostrar o bot\u00e3o caso o redirecionamento falhe\r\n errorTimeoutId = setTimeout(showRedirectButton, duration + 2000);\r\n };\r\n \r\n gifElement.onerror = function() {\r\n \/\/ Se houver erro ao carregar o GIF, mostra o bot\u00e3o imediatamente\r\n showRedirectButton();\r\n };\r\n \r\n gifElement.src = newSrc;\r\n }\r\n }\r\n\r\n loadAppropriateGif();\r\n window.addEventListener('resize', loadAppropriateGif);\r\n \r\n \/\/ Backup: se ap\u00f3s 8 segundos ainda estivermos na p\u00e1gina, mostra o bot\u00e3o\r\n setTimeout(showRedirectButton, 8000);\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>OSA Branding Studio ENTRAR<\/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-2362","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/osa-branding.ferteles.com\/en\/wp-json\/wp\/v2\/pages\/2362","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/osa-branding.ferteles.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/osa-branding.ferteles.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/osa-branding.ferteles.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/osa-branding.ferteles.com\/en\/wp-json\/wp\/v2\/comments?post=2362"}],"version-history":[{"count":0,"href":"https:\/\/osa-branding.ferteles.com\/en\/wp-json\/wp\/v2\/pages\/2362\/revisions"}],"wp:attachment":[{"href":"https:\/\/osa-branding.ferteles.com\/en\/wp-json\/wp\/v2\/media?parent=2362"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n OSA Branding Studio<\/title>\r\n <style>\r\n body, html {\r\n margin: 0;\r\n padding: 0;\r\n height: 100%;\r\n width: 100%;\r\n overflow: hidden;\r\n background-color: black;\r\n font-family: Arial, sans-serif;\r\n }\r\n #responsive-gif-container {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100vw;\r\n height: 100vh;\r\n object-fit: contain;\r\n }\r\n #redirect-button {\r\n position: fixed;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n padding: 12px 30px;\r\n background-color: white;\r\n color: black;\r\n border: none;\r\n border-radius: 5px;\r\n font-size: 18px;\r\n cursor: pointer;\r\n z-index: 100;\r\n display: none;\r\n transition: background-color 0.3s;\r\n }\r\n #redirect-button:hover {\r\n background-color: #e0e0e0;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <img id=\"responsive-gif-container\" alt=\"GIF responsivo\" \/>\r\n <button id=\"redirect-button\">ENTRAR<\/button>\r\n\r\n <script>\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const gifElement = document.getElementById('responsive-gif-container');\r\n const redirectButton = document.getElementById('redirect-button');\r\n const desktopGifSrc = 'https:\/\/osa-branding.ferteles.com\/wp-content\/uploads\/2025\/07\/OSA-branding-studio-.gif';\r\n const mobileGifSrc = 'https:\/\/osa-branding.ferteles.com\/wp-content\/uploads\/2025\/06\/mobile.gif';\r\n\r\n const desktopGifDuration = 6000;\r\n const mobileGifDuration = 6000;\r\n\r\n const redirectUrl = 'https:\/\/osa-branding.ferteles.com\/homenew';\r\n let currentGifType = null;\r\n let redirectTimeoutId = null;\r\n let errorTimeoutId = null;\r\n\r\n function performRedirect() {\r\n window.location.href = redirectUrl;\r\n }\r\n\r\n \/\/ Fun\u00e7\u00e3o para mostrar o bot\u00e3o caso o redirecionamento autom\u00e1tico falhe\r\n function showRedirectButton() {\r\n redirectButton.style.display = 'block';\r\n }\r\n\r\n redirectButton.addEventListener('click', performRedirect);\r\n\r\n function loadAppropriateGif() {\r\n const isDesktopView = window.innerWidth \/ window.innerHeight > 1;\r\n const newGifType = isDesktopView ? 'desktop' : 'mobile';\r\n const newSrc = isDesktopView ? desktopGifSrc : mobileGifSrc;\r\n const duration = isDesktopView ? desktopGifDuration : mobileGifDuration;\r\n\r\n if (newGifType !== currentGifType) {\r\n currentGifType = newGifType;\r\n\r\n if (redirectTimeoutId) {\r\n clearTimeout(redirectTimeoutId);\r\n redirectTimeoutId = null;\r\n }\r\n\r\n if (errorTimeoutId) {\r\n clearTimeout(errorTimeoutId);\r\n errorTimeoutId = null;\r\n }\r\n\r\n gifElement.onload = function() {\r\n redirectTimeoutId = setTimeout(performRedirect, duration);\r\n \/\/ Define um timeout ligeiramente maior para mostrar o bot\u00e3o caso o redirecionamento falhe\r\n errorTimeoutId = setTimeout(showRedirectButton, duration + 2000);\r\n };\r\n \r\n gifElement.onerror = function() {\r\n \/\/ Se houver erro ao carregar o GIF, mostra o bot\u00e3o imediatamente\r\n showRedirectButton();\r\n };\r\n \r\n gifElement.src = newSrc;\r\n }\r\n }\r\n\r\n loadAppropriateGif();\r\n window.addEventListener('resize', loadAppropriateGif);\r\n \r\n \/\/ Backup: se ap\u00f3s 8 segundos ainda estivermos na p\u00e1gina, mostra o bot\u00e3o\r\n setTimeout(showRedirectButton, 8000);\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>OSA Branding Studio ENTRAR<\/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-2362","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/osa-branding.ferteles.com\/en\/wp-json\/wp\/v2\/pages\/2362","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/osa-branding.ferteles.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/osa-branding.ferteles.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/osa-branding.ferteles.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/osa-branding.ferteles.com\/en\/wp-json\/wp\/v2\/comments?post=2362"}],"version-history":[{"count":0,"href":"https:\/\/osa-branding.ferteles.com\/en\/wp-json\/wp\/v2\/pages\/2362\/revisions"}],"wp:attachment":[{"href":"https:\/\/osa-branding.ferteles.com\/en\/wp-json\/wp\/v2\/media?parent=2362"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}