{"id":567,"date":"2026-05-07T16:22:01","date_gmt":"2026-05-07T16:22:01","guid":{"rendered":"https:\/\/nikoatmosfera.com.br\/?page_id=567"},"modified":"2026-05-07T16:25:37","modified_gmt":"2026-05-07T16:25:37","slug":"teaser","status":"publish","type":"page","link":"https:\/\/nikoatmosfera.com.br\/","title":{"rendered":"Teaser"},"content":{"rendered":"\t\t
\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\n Niko Atmosfera - Em Breve<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Mulish:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/@fortawesome\/fontawesome-free@6.4.0\/css\/all.min.css\">\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: 'Mulish', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n background-color: #0e0e0e;\r\n color: #fff;\r\n min-height: 100vh;\r\n display: flex;\r\n flex-direction: column;\r\n overflow-x: hidden;\r\n }\r\n\r\n .container {\r\n flex: 1;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 2rem;\r\n text-align: center;\r\n }\r\n\r\n .logo-container {\r\n margin-top: 8rem;\r\n margin-bottom: 4rem;\r\n position: relative;\r\n display: inline-block;\r\n opacity: 0;\r\n animation: fadeInUp 1.2s ease-out 0.3s forwards;\r\n }\r\n\r\n .logo {\r\n max-width: 220px;\r\n width: 100%;\r\n height: auto;\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n border-radius: 12px;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .logo-glow {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n width: 100%;\r\n height: 100%;\r\n border-radius: 12px;\r\n background: linear-gradient(45deg, \r\n rgba(255, 255, 255, 0.1), \r\n rgba(255, 255, 255, 0.05), \r\n rgba(255, 255, 255, 0.1)\r\n );\r\n opacity: 0;\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n animation: pulse 3s ease-in-out infinite;\r\n z-index: 1;\r\n }\r\n\r\n .logo-container:hover .logo {\r\n transform: scale(1.03) translateY(-2px);\r\n filter: brightness(1.1);\r\n }\r\n\r\n .logo-container:hover .logo-glow {\r\n opacity: 1;\r\n transform: translate(-50%, -50%) scale(1.1);\r\n box-shadow: 0 0 40px rgba(255, 255, 255, 0.15);\r\n }\r\n\r\n @keyframes pulse {\r\n 0%, 100% {\r\n box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3);\r\n }\r\n 25% {\r\n box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.15);\r\n }\r\n 50% {\r\n box-shadow: 0 0 0 16px rgba(255, 255, 255, 0.05);\r\n }\r\n 75% {\r\n box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.15);\r\n }\r\n }\r\n\r\n .main-title {\r\n font-size: clamp(1.8rem, 5vw, 3rem);\r\n font-weight: 300;\r\n margin-bottom: 3rem;\r\n letter-spacing: 0.05em;\r\n opacity: 0;\r\n animation: fadeInUp 1.2s ease-out 0.8s forwards;\r\n background: linear-gradient(135deg, #fff 0%, #f0f0f0 100%);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n }\r\n\r\n .social-section {\r\n opacity: 0;\r\n animation: fadeInUp 1.2s ease-out 1.3s forwards;\r\n }\r\n\r\n .social-title {\r\n font-size: 1rem;\r\n font-weight: 400;\r\n margin-bottom: 2rem;\r\n color: #ccc;\r\n letter-spacing: 0.02em;\r\n }\r\n\r\n .social-links {\r\n display: flex;\r\n gap: 1.5rem;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .social-link {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 60px;\r\n height: 60px;\r\n border-radius: 50%;\r\n background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);\r\n color: #fff;\r\n text-decoration: none;\r\n font-size: 1.5rem;\r\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .social-link::before {\r\n content: '';\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n width: 0;\r\n height: 0;\r\n background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);\r\n transition: all 0.4s ease;\r\n transform: translate(-50%, -50%);\r\n border-radius: 50%;\r\n }\r\n\r\n .social-link:hover::before {\r\n width: 120px;\r\n height: 120px;\r\n }\r\n\r\n .social-link:hover {\r\n transform: translateY(-4px) scale(1.05);\r\n background: linear-gradient(135deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.08) 100%);\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);\r\n border-color: rgba(255, 255, 255, 0.2);\r\n }\r\n\r\n .instagram:hover { color: #E4405F; }\r\n .facebook:hover { color: #1877F2; }\r\n .linkedin:hover { color: #0A66C2; }\r\n .whatsapp:hover { color: #25D366; }\r\n\r\n .footer {\r\n padding: 2rem;\r\n text-align: center;\r\n border-top: 1px solid rgba(255, 255, 255, 0.1);\r\n margin-top: auto;\r\n opacity: 0;\r\n animation: fadeIn 1s ease-out 1.8s forwards;\r\n }\r\n\r\n .footer p {\r\n font-size: 0.9rem;\r\n color: #999;\r\n font-weight: 300;\r\n letter-spacing: 0.02em;\r\n }\r\n\r\n @keyframes fadeInUp {\r\n from {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n @keyframes fadeIn {\r\n from {\r\n opacity: 0;\r\n }\r\n to {\r\n opacity: 1;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .container {\r\n padding: 1.5rem;\r\n }\r\n\r\n .logo-container {\r\n margin-top: 6rem;\r\n margin-bottom: 3rem;\r\n }\r\n\r\n .logo {\r\n max-width: 180px;\r\n }\r\n\r\n .social-links {\r\n gap: 1.2rem;\r\n }\r\n\r\n .social-link {\r\n width: 55px;\r\n height: 55px;\r\n font-size: 1.3rem;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .logo-container {\r\n margin-top: 4rem;\r\n margin-bottom: 2.5rem;\r\n }\r\n\r\n .logo {\r\n max-width: 150px;\r\n }\r\n\r\n .main-title {\r\n margin-bottom: 2.5rem;\r\n }\r\n\r\n .social-links {\r\n gap: 1rem;\r\n }\r\n\r\n .social-link {\r\n width: 50px;\r\n height: 50px;\r\n font-size: 1.2rem;\r\n }\r\n }\r\n\r\n \/* Smooth scrolling *\/\r\n html {\r\n scroll-behavior: smooth;\r\n }\r\n\r\n \/* Enhanced animations for better user experience *\/\r\n .social-link {\r\n animation: float 6s ease-in-out infinite;\r\n }\r\n\r\n .social-link:nth-child(1) { animation-delay: 0s; }\r\n .social-link:nth-child(2) { animation-delay: 1.5s; }\r\n .social-link:nth-child(3) { animation-delay: 3s; }\r\n .social-link:nth-child(4) { animation-delay: 4.5s; }\r\n\r\n @keyframes float {\r\n 0%, 100% { transform: translateY(0px); }\r\n 50% { transform: translateY(-3px); }\r\n }\r\n\r\n .social-link:hover {\r\n animation-play-state: paused;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"container\">\r\n <div class=\"logo-container\">\r\n <div class=\"logo-glow\"><\/div>\r\n <img decoding=\"async\" src=\"https:\/\/nikoatmosfera.com.br\/wp-content\/uploads\/2025\/01\/logo-branca.png\" alt=\"Niko Atmosfera\" class=\"logo\">\r\n <\/div>\r\n\r\n <h1 class=\"main-title\">Em breve novo site<\/h1>\r\n\r\n\r\n <div class=\"social-section\">\r\n <p class=\"social-title\">Siga nossas redes:<\/p>\r\n <div class=\"social-links\">\r\n <a href=\"https:\/\/instagram.com\/nikoatmosfera\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"social-link instagram\" title=\"Instagram\">\r\n <i class=\"fab fa-instagram\"><\/i>\r\n <\/a>\r\n <a href=\"https:\/\/www.facebook.com\/people\/Niko-Atmosfera\/100071031647090\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"social-link facebook\" title=\"Facebook\">\r\n <i class=\"fab fa-facebook-f\"><\/i>\r\n <\/a>\r\n <a href=\"#\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"social-link linkedin\" title=\"LinkedIn\">\r\n <i class=\"fab fa-linkedin-in\"><\/i>\r\n <\/a>\r\n <a href=\"https:\/\/wa.me\/5583991255158\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"social-link whatsapp\" title=\"WhatsApp\">\r\n <i class=\"fab fa-whatsapp\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <footer class=\"footer\">\r\n <p>© 2026 Niko Atmosfera. Todos os direitos reservados.<\/p>\r\n <\/footer>\r\n\r\n <script>\r\n \/\/ Enhanced smooth animations and interactions\r\n document.addEventListener('DOMContentLoaded', function() {\r\n \/\/ Add a subtle parallax effect to the logo on scroll\r\n window.addEventListener('scroll', function() {\r\n const scrolled = window.pageYOffset;\r\n const logo = document.querySelector('.logo-container');\r\n const parallax = scrolled * 0.1;\r\n \r\n if (logo) {\r\n logo.style.transform = `translateY(${parallax}px)`;\r\n }\r\n });\r\n\r\n \/\/ Add click ripple effect to social links\r\n const socialLinks = document.querySelectorAll('.social-link');\r\n socialLinks.forEach(link => {\r\n link.addEventListener('click', function(e) {\r\n const ripple = document.createElement('span');\r\n const rect = this.getBoundingClientRect();\r\n const size = Math.max(rect.width, rect.height);\r\n const x = e.clientX - rect.left - size \/ 2;\r\n const y = e.clientY - rect.top - size \/ 2;\r\n \r\n ripple.style.width = ripple.style.height = size + 'px';\r\n ripple.style.left = x + 'px';\r\n ripple.style.top = y + 'px';\r\n ripple.style.position = 'absolute';\r\n ripple.style.borderRadius = '50%';\r\n ripple.style.background = 'rgba(255, 255, 255, 0.3)';\r\n ripple.style.transform = 'scale(0)';\r\n ripple.style.animation = 'ripple 0.6s linear';\r\n ripple.style.pointerEvents = 'none';\r\n \r\n this.appendChild(ripple);\r\n \r\n setTimeout(() => {\r\n ripple.remove();\r\n }, 600);\r\n });\r\n });\r\n });\r\n\r\n \/\/ Add ripple animation keyframes via JavaScript\r\n const style = document.createElement('style');\r\n style.textContent = `\r\n @keyframes ripple {\r\n to {\r\n transform: scale(2);\r\n opacity: 0;\r\n }\r\n }\r\n `;\r\n document.head.appendChild(style);\r\n <\/script>\r\n<\/body>\r\n<\/html>\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>Niko Atmosfera – Em Breve Em breve novo site Siga nossas redes: © 2026 Niko Atmosfera. Todos os direitos reservados.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-567","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nikoatmosfera.com.br\/index.php\/wp-json\/wp\/v2\/pages\/567","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nikoatmosfera.com.br\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nikoatmosfera.com.br\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nikoatmosfera.com.br\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nikoatmosfera.com.br\/index.php\/wp-json\/wp\/v2\/comments?post=567"}],"version-history":[{"count":4,"href":"https:\/\/nikoatmosfera.com.br\/index.php\/wp-json\/wp\/v2\/pages\/567\/revisions"}],"predecessor-version":[{"id":572,"href":"https:\/\/nikoatmosfera.com.br\/index.php\/wp-json\/wp\/v2\/pages\/567\/revisions\/572"}],"wp:attachment":[{"href":"https:\/\/nikoatmosfera.com.br\/index.php\/wp-json\/wp\/v2\/media?parent=567"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}