Contato – Rayware<\/title>\n <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\" rel=\"stylesheet\">\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n min-height: 100vh;\n padding: 20px;\n }\n\n .container {\n max-width: 1200px;\n margin: 0 auto;\n background: white;\n border-radius: 20px;\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1);\n overflow: hidden;\n animation: containerFadeIn 1.5s ease-out, floatAnimation 6s ease-in-out infinite;\n position: relative;\n }\n\n .container::before {\n content: '';\n position: absolute;\n top: -2px;\n left: -2px;\n right: -2px;\n bottom: -2px;\n background: linear-gradient(45deg, #FF8C00, #FF6B35, #FFB347, #FF8C00);\n background-size: 400% 400%;\n border-radius: 22px;\n z-index: -1;\n animation: borderGlow 3s ease-in-out infinite;\n }\n\n @keyframes containerFadeIn {\n 0% {\n opacity: 0;\n transform: translateY(50px) scale(0.9);\n }\n 100% {\n opacity: 1;\n transform: translateY(0) scale(1);\n }\n }\n\n @keyframes floatAnimation {\n 0%, 100% {\n transform: translateY(0px);\n }\n 50% {\n transform: translateY(-10px);\n }\n }\n\n @keyframes borderGlow {\n 0%, 100% {\n background-position: 0% 50%;\n box-shadow: 0 0 20px rgba(255, 140, 0, 0.3);\n }\n 50% {\n background-position: 100% 50%;\n box-shadow: 0 0 40px rgba(255, 107, 53, 0.5);\n }\n }\n\n .header {\n background: linear-gradient(135deg, #FF6B35 0%, #FF8C00 100%);\n color: white;\n padding: 40px;\n text-align: center;\n }\n\n .header h1 {\n font-size: 2.5rem;\n margin-bottom: 10px;\n font-weight: 700;\n background: linear-gradient(45deg, #fff, #FFE4B5, #fff, #FFE4B5);\n background-size: 400% 400%;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: fadeInScale 2s ease-out, gradientShift 3s ease-in-out infinite;\n text-shadow: 0 0 20px rgba(255, 255, 255, 0.5);\n position: relative;\n }\n\n .header h1::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.3), transparent);\n transform: translateX(-100%);\n animation: shine 2.5s ease-in-out infinite;\n }\n\n @keyframes fadeInScale {\n 0% {\n opacity: 0;\n transform: scale(0.5) translateY(-30px) rotateY(180deg);\n }\n 50% {\n opacity: 0.8;\n transform: scale(1.1) translateY(-15px) rotateY(90deg);\n }\n 100% {\n opacity: 1;\n transform: scale(1) translateY(0) rotateY(0deg);\n }\n }\n\n @keyframes gradientShift {\n 0%, 100% {\n background-position: 0% 50%;\n }\n 50% {\n background-position: 100% 50%;\n }\n }\n\n @keyframes shine {\n 0% {\n transform: translateX(-100%);\n }\n 50%, 100% {\n transform: translateX(100%);\n }\n }\n\n .header h1:hover {\n animation: pulse 0.8s ease-in-out, gradientShift 1s ease-in-out infinite;\n transform: scale(1.05);\n text-shadow: 0 0 30px rgba(255, 255, 255, 0.8);\n }\n\n @keyframes pulse {\n 0%, 100% {\n transform: scale(1.05);\n }\n 50% {\n transform: scale(1.1);\n }\n }\n\n .header p {\n font-size: 1.1rem;\n opacity: 0.9;\n animation: slideInFromBottom 2.5s ease-out 0.5s both, textGlow 4s ease-in-out infinite;\n background: linear-gradient(90deg, #fff, #FFE4B5, #fff);\n background-size: 200% 100%;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n @keyframes slideInFromBottom {\n 0% {\n opacity: 0;\n transform: translateY(30px) scale(0.8);\n }\n 100% {\n opacity: 0.9;\n transform: translateY(0) scale(1);\n }\n }\n\n @keyframes textGlow {\n 0%, 100% {\n text-shadow: 0 0 10px rgba(255, 255, 255, 0.3);\n background-position: 0% 50%;\n }\n 50% {\n text-shadow: 0 0 20px rgba(255, 255, 255, 0.6);\n background-position: 100% 50%;\n }\n }\n\n .content {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 0;\n }\n\n .contact-info {\n background: #f8f9fa;\n padding: 50px 40px;\n }\n\n .contact-info h2 {\n color: #2c3e50;\n font-size: 1.8rem;\n margin-bottom: 30px;\n font-weight: 600;\n }\n\n .info-item {\n display: flex;\n align-items: center;\n margin-bottom: 25px;\n padding: 20px;\n background: white;\n border-radius: 12px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\n transition: all 0.3s ease;\n animation: slideInLeft 1s ease-out;\n position: relative;\n overflow: hidden;\n }\n\n .info-item::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255, 140, 0, 0.1), transparent);\n transition: left 0.5s ease;\n }\n\n .info-item:hover {\n transform: translateY(-5px) scale(1.02);\n box-shadow: 0 15px 35px rgba(255, 140, 0, 0.2);\n background: linear-gradient(135deg, #fff, #FFF8F0);\n }\n\n .info-item:hover::before {\n left: 100%;\n }\n\n .info-item:nth-child(1) { animation-delay: 0.2s; }\n .info-item:nth-child(2) { animation-delay: 0.4s; }\n .info-item:nth-child(3) { animation-delay: 0.6s; }\n .info-item:nth-child(4) { animation-delay: 0.8s; }\n\n @keyframes slideInLeft {\n 0% {\n opacity: 0;\n transform: translateX(-50px);\n }\n 100% {\n opacity: 1;\n transform: translateX(0);\n }\n }\n\n .info-icon {\n background: linear-gradient(135deg, #FF8C00, #FF6B35);\n color: white;\n width: 50px;\n height: 50px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 20px;\n font-size: 1.2rem;\n animation: iconPulse 2s ease-in-out infinite;\n position: relative;\n overflow: hidden;\n }\n\n .info-icon::before {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n width: 0;\n height: 0;\n background: rgba(255, 255, 255, 0.3);\n border-radius: 50%;\n transform: translate(-50%, -50%);\n transition: all 0.3s ease;\n }\n\n .info-item:hover .info-icon::before {\n width: 100%;\n height: 100%;\n }\n\n .info-icon:hover {\n animation: iconSpin 0.6s ease-in-out;\n transform: scale(1.1);\n }\n\n @keyframes iconPulse {\n 0%, 100% {\n box-shadow: 0 0 0 0 rgba(255, 140, 0, 0.7);\n }\n 50% {\n box-shadow: 0 0 0 10px rgba(255, 140, 0, 0);\n }\n }\n\n @keyframes iconSpin {\n 0% { transform: rotate(0deg) scale(1.1); }\n 100% { transform: rotate(360deg) scale(1.1); }\n }\n\n .info-text h3 {\n color: #2c3e50;\n font-size: 1.1rem;\n margin-bottom: 5px;\n font-weight: 600;\n }\n\n .info-text p {\n color: #7f8c8d;\n font-size: 0.95rem;\n line-height: 1.4;\n }\n\n .form-section {\n padding: 50px 40px;\n }\n\n .form-section h2 {\n color: #2c3e50;\n font-size: 1.8rem;\n margin-bottom: 30px;\n font-weight: 600;\n }\n\n .form-group label {\n display: block;\n color: #2c3e50;\n font-weight: 600;\n margin-bottom: 8px;\n font-size: 0.95rem;\n animation: fadeInLabel 1.2s ease-out;\n }\n\n @keyframes fadeInLabel {\n 0% {\n opacity: 0;\n transform: translateY(-10px);\n }\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .form-group {\n margin-bottom: 25px;\n animation: slideInRight 1s ease-out;\n position: relative;\n }\n\n .form-group:nth-child(1) { animation-delay: 0.3s; }\n .form-group:nth-child(2) { animation-delay: 0.4s; }\n .form-group:nth-child(3) { animation-delay: 0.5s; }\n .form-group:nth-child(4) { animation-delay: 0.6s; }\n .form-group:nth-child(5) { animation-delay: 0.7s; }\n\n @keyframes slideInRight {\n 0% {\n opacity: 0;\n transform: translateX(50px);\n }\n 100% {\n opacity: 1;\n transform: translateX(0);\n }\n }\n\n .form-group input,\n .form-group select,\n .form-group textarea {\n width: 100%;\n padding: 15px;\n border: 2px solid #e9ecef;\n border-radius: 10px;\n font-size: 1rem;\n transition: all 0.3s ease;\n background: #fff;\n position: relative;\n }\n\n .form-group input:focus,\n .form-group select:focus,\n .form-group textarea:focus {\n outline: none;\n border-color: #FF8C00;\n box-shadow: 0 0 0 3px rgba(255, 140, 0, 0.1), 0 0 20px rgba(255, 140, 0, 0.2);\n transform: translateY(-2px);\n background: linear-gradient(135deg, #fff, #FFF8F0);\n }\n\n .form-group textarea {\n resize: vertical;\n min-height: 120px;\n }\n\n .form-row {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 20px;\n }\n\n .submit-btn {\n background: linear-gradient(135deg, #FF8C00, #FF6B35);\n color: white;\n padding: 18px 40px;\n border: none;\n border-radius: 50px;\n font-size: 1.1rem;\n font-weight: 600;\n cursor: pointer;\n transition: all 0.3s ease;\n width: 100%;\n margin-top: 20px;\n position: relative;\n overflow: hidden;\n animation: buttonSlideUp 1.5s ease-out 1s both;\n }\n\n .submit-btn::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);\n transition: left 0.5s ease;\n }\n\n .submit-btn:hover {\n background: linear-gradient(135deg, #FF6B35, #E55A2B);\n transform: translateY(-3px) scale(1.02);\n box-shadow: 0 15px 35px rgba(255, 107, 53, 0.4);\n animation: buttonPulse 0.6s ease-in-out;\n }\n\n .submit-btn:hover::before {\n left: 100%;\n }\n\n @keyframes buttonSlideUp {\n 0% {\n opacity: 0;\n transform: translateY(30px);\n }\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes buttonPulse {\n 0%, 100% {\n transform: translateY(-3px) scale(1.02);\n }\n 50% {\n transform: translateY(-5px) scale(1.05);\n }\n }\n\n .submit-btn:active {\n transform: translateY(0);\n }\n\n .whatsapp-btn {\n position: fixed;\n bottom: 30px;\n right: 30px;\n background: #25d366;\n color: white;\n width: 60px;\n height: 60px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.5rem;\n text-decoration: none;\n box-shadow: 0 5px 20px rgba(37, 211, 102, 0.4);\n transition: all 0.3s ease;\n z-index: 1000;\n }\n\n .whatsapp-btn:hover {\n transform: scale(1.1);\n box-shadow: 0 8px 25px rgba(37, 211, 102, 0.6);\n }\n\n @media (max-width: 768px) {\n .content {\n grid-template-columns: 1fr;\n }\n \n .form-row {\n grid-template-columns: 1fr;\n }\n \n .header h1 {\n font-size: 2rem;\n }\n \n .contact-info,\n .form-section {\n padding: 30px 20px;\n }\n }\n\n .success-message {\n background: #d4edda;\n color: #155724;\n padding: 15px;\n border-radius: 10px;\n margin-bottom: 20px;\n border: 1px solid #c3e6cb;\n display: none;\n }\n\n .error-message {\n background: #f8d7da;\n color: #721c24;\n padding: 15px;\n border-radius: 10px;\n margin-bottom: 20px;\n border: 1px solid #f5c6cb;\n display: none;\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n <div class=\"header\">\n <h1><i class=\"fas fa-laptop-code\"><\/i> Rayware<\/h1>\n <p>Solu\u00e7\u00f5es e Servi\u00e7os de TI – Entre em contato conosco<\/p>\n <\/div>\n\n <div class=\"content\">\n <div class=\"contact-info\">\n <h2>Informa\u00e7\u00f5es de Contato<\/h2>\n \n <div class=\"info-item\">\n <div class=\"info-icon\">\n <i class=\"fas fa-map-marker-alt\"><\/i>\n <\/div>\n <div class=\"info-text\">\n <h3>Endere\u00e7o<\/h3>\n <p>Rua Bar\u00e3o do Ipanema, 32<br>Pedrinhas – Porto Velho\/RO<\/p>\n <\/div>\n <\/div>\n\n <div class=\"info-item\">\n <div class=\"info-icon\">\n <i class=\"fas fa-envelope\"><\/i>\n <\/div>\n <div class=\"info-text\">\n <h3>E-mail<\/h3>\n <p>contato@rayware.com.br<\/p>\n <\/div>\n <\/div>\n\n <div class=\"info-item\">\n <div class=\"info-icon\">\n <i class=\"fas fa-phone\"><\/i>\n <\/div>\n <div class=\"info-text\">\n <h3>Telefone \/ WhatsApp<\/h3>\n <p>(69) 98151-5321<\/p>\n <\/div>\n <\/div>\n\n <div class=\"info-item\">\n <div class=\"info-icon\">\n <i class=\"fas fa-clock\"><\/i>\n <\/div>\n <div class=\"info-text\">\n <h3>Hor\u00e1rio de Atendimento<\/h3>\n <p>Segunda a Sexta: 8h \u00e0s 18h<br>Suporte 24\/7 dispon\u00edvel<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"form-section\">\n <h2>Envie sua Mensagem<\/h2>\n \n <div class=\"success-message\" id=\"successMessage\">\n <i class=\"fas fa-check-circle\"><\/i> Mensagem enviada com sucesso! Entraremos em contato em breve.\n <\/div>\n \n <div class=\"error-message\" id=\"errorMessage\">\n <i class=\"fas fa-exclamation-triangle\"><\/i> Por favor, preencha todos os campos obrigat\u00f3rios.\n <\/div>\n\n <form id=\"contactForm\">\n <div class=\"form-row\">\n <div class=\"form-group\">\n <label for=\"nome\">Nome Completo *<\/label>\n <input type=\"text\" id=\"nome\" name=\"nome\" required>\n <\/div>\n <div class=\"form-group\">\n <label for=\"empresa\">Empresa<\/label>\n <input type=\"text\" id=\"empresa\" name=\"empresa\">\n <\/div>\n <\/div>\n\n <div class=\"form-row\">\n <div class=\"form-group\">\n <label for=\"email\">E-mail *<\/label>\n <input type=\"email\" id=\"email\" name=\"email\" required>\n <\/div>\n <div class=\"form-group\">\n <label for=\"telefone\">Telefone *<\/label>\n <input type=\"tel\" id=\"telefone\" name=\"telefone\" required>\n <\/div>\n <\/div>\n\n <div class=\"form-group\">\n <label for=\"servico\">Servi\u00e7o de Interesse<\/label>\n <select id=\"servico\" name=\"servico\">\n <option value=\"\">Selecione um servi\u00e7o<\/option>\n <option value=\"consultoria\">Consultoria em TI<\/option>\n <option value=\"seguranca\">Seguran\u00e7a<\/option>\n <option value=\"performance\">Performance<\/option>\n <option value=\"servidores\">Servidores, Virtualiza\u00e7\u00e3o e Backup<\/option>\n <option value=\"redes\">Infraestrutura de Redes e Conectividade<\/option>\n <option value=\"suporte\">Suporte T\u00e9cnico e Help Desk 24\/7<\/option>\n <option value=\"outros\">Outros<\/option>\n <\/select>\n <\/div>\n\n <div class=\"form-group\">\n <label for=\"assunto\">Assunto *<\/label>\n <input type=\"text\" id=\"assunto\" name=\"assunto\" required>\n <\/div>\n\n <div class=\"form-group\">\n <label for=\"mensagem\">Mensagem *<\/label>\n <textarea id=\"mensagem\" name=\"mensagem\" placeholder=\"Descreva sua necessidade ou d\u00favida...\" required><\/textarea>\n <\/div>\n\n <button type=\"submit\" class=\"submit-btn\">\n <i class=\"fas fa-paper-plane\"><\/i> Enviar Mensagem\n <\/button>\n <\/form>\n <\/div>\n <\/div>\n <\/div>\n\n <a href=\"https:\/\/wa.me\/5569981515321\" target=\"_blank\" class=\"whatsapp-btn\" title=\"Fale conosco no WhatsApp\">\n <i class=\"fab fa-whatsapp\"><\/i>\n <\/a>\n\n <script>\n document.getElementById('contactForm').addEventListener('submit', function(e) {\n e.preventDefault();\n \n \/\/ Valida\u00e7\u00e3o dos campos obrigat\u00f3rios\n const nome = document.getElementById('nome').value.trim();\n const empresa = document.getElementById('empresa').value.trim();\n const email = document.getElementById('email').value.trim();\n const telefone = document.getElementById('telefone').value.trim();\n const servico = document.getElementById('servico').value;\n const assunto = document.getElementById('assunto').value.trim();\n const mensagem = document.getElementById('mensagem').value.trim();\n \n const successMessage = document.getElementById('successMessage');\n const errorMessage = document.getElementById('errorMessage');\n \n \/\/ Esconder mensagens anteriores\n successMessage.style.display = 'none';\n errorMessage.style.display = 'none';\n \n if (!nome || !email || !telefone || !assunto || !mensagem) {\n errorMessage.style.display = 'block';\n errorMessage.scrollIntoView({ behavior: 'smooth' });\n return;\n }\n \n \/\/ Valida\u00e7\u00e3o de email\n const emailRegex = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\n if (!emailRegex.test(email)) {\n errorMessage.innerHTML = '<i class=\"fas fa-exclamation-triangle\"><\/i> Por favor, insira um e-mail v\u00e1lido.';\n errorMessage.style.display = 'block';\n errorMessage.scrollIntoView({ behavior: 'smooth' });\n return;\n }\n \n \/\/ Mapear servi\u00e7os\n const servicosMap = {\n 'consultoria': 'Consultoria em TI',\n 'seguranca': 'Seguran\u00e7a',\n 'performance': 'Performance',\n 'servidores': 'Servidores, Virtualiza\u00e7\u00e3o e Backup',\n 'redes': 'Infraestrutura de Redes e Conectividade',\n 'suporte': 'Suporte T\u00e9cnico e Help Desk 24\/7',\n 'outros': 'Outros'\n };\n \n const servicoNome = servicosMap[servico] || 'N\u00e3o especificado';\n \n \/\/ Montar mensagem para WhatsApp\n let mensagemWhatsApp = `\ud83d\udda5\ufe0f *RAYWARE - NOVO CONTATO*\\n\\n`;\n mensagemWhatsApp += `\ud83d\udc64 *Nome:* ${nome}\\n`;\n if (empresa) {\n mensagemWhatsApp += `\ud83c\udfe2 *Empresa:* ${empresa}\\n`;\n }\n mensagemWhatsApp += `\ud83d\udce7 *E-mail:* ${email}\\n`;\n mensagemWhatsApp += `\ud83d\udcf1 *Telefone:* ${telefone}\\n`;\n mensagemWhatsApp += `\ud83d\udd27 *Servi\u00e7o de Interesse:* ${servicoNome}\\n`;\n mensagemWhatsApp += `\ud83d\udccb *Assunto:* ${assunto}\\n\\n`;\n mensagemWhatsApp += `\ud83d\udcac *Mensagem:*\\n${mensagem}`;\n \n \/\/ Codificar mensagem para URL\n const mensagemCodificada = encodeURIComponent(mensagemWhatsApp);\n \n \/\/ N\u00famero do WhatsApp da Rayware\n const numeroWhatsApp = '5569981515321';\n \n \/\/ URL do WhatsApp\n const urlWhatsApp = `https:\/\/wa.me\/${numeroWhatsApp}?text=${mensagemCodificada}`;\n \n \/\/ Mostrar loading\n const submitBtn = document.querySelector('.submit-btn');\n const originalText = submitBtn.innerHTML;\n \n submitBtn.innerHTML = '<i class=\"fas fa-spinner fa-spin\"><\/i> Redirecionando...';\n submitBtn.disabled = true;\n \n \/\/ Aguardar um pouco e abrir WhatsApp\n setTimeout(() => {\n \/\/ Abrir WhatsApp em nova aba\n window.open(urlWhatsApp, '_blank');\n \n \/\/ Mostrar mensagem de sucesso\n successMessage.innerHTML = '<i class=\"fas fa-check-circle\"><\/i> Redirecionando para o WhatsApp! Se n\u00e3o abriu automaticamente, <a href=\"' + urlWhatsApp + '\" target=\"_blank\" style=\"color: #155724; text-decoration: underline;\">clique aqui<\/a>.';\n successMessage.style.display = 'block';\n successMessage.scrollIntoView({ behavior: 'smooth' });\n \n \/\/ Reset do formul\u00e1rio\n document.getElementById('contactForm').reset();\n \n \/\/ Restaurar bot\u00e3o\n submitBtn.innerHTML = originalText;\n submitBtn.disabled = false;\n }, 1500);\n });\n\n \/\/ M\u00e1scara para telefone\n document.getElementById('telefone').addEventListener('input', function(e) {\n let value = e.target.value.replace(\/\\D\/g, '');\n if (value.length <= 11) {\n value = value.replace(\/(\\d{2})(\\d{5})(\\d{4})\/, '($1) $2-$3');\n if (value.length < 14) {\n value = value.replace(\/(\\d{2})(\\d{4})(\\d{4})\/, '($1) $2-$3');\n }\n }\n e.target.value = value;\n });\n\n \/\/ Anima\u00e7\u00e3o suave ao carregar a p\u00e1gina\n window.addEventListener('load', function() {\n document.querySelector('.container').style.opacity = '0';\n document.querySelector('.container').style.transform = 'translateY(30px)';\n document.querySelector('.container').style.transition = 'all 0.8s ease';\n \n setTimeout(() => {\n document.querySelector('.container').style.opacity = '1';\n document.querySelector('.container').style.transform = 'translateY(0)';\n }, 100);\n });\n <\/script>\n<\/body>\n<\/html>\n\n\n","protected":false},"excerpt":{"rendered":"<p>Contato – Rayware Rayware Solu\u00e7\u00f5es e Servi\u00e7os de TI – Entre em contato conosco Informa\u00e7\u00f5es de Contato Endere\u00e7o Rua Bar\u00e3o do Ipanema, 32Pedrinhas – Porto Velho\/RO E-mail contato@rayware.com.br Telefone \/ WhatsApp (69) 98151-5321 Hor\u00e1rio de Atendimento Segunda a Sexta: 8h \u00e0s 18hSuporte 24\/7 dispon\u00edvel Envie sua Mensagem Mensagem enviada com sucesso! Entraremos em contato em […]<\/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-18","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/rayware.com.br\/index.php?rest_route=\/wp\/v2\/pages\/18","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/rayware.com.br\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/rayware.com.br\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/rayware.com.br\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/rayware.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=18"}],"version-history":[{"count":5,"href":"http:\/\/rayware.com.br\/index.php?rest_route=\/wp\/v2\/pages\/18\/revisions"}],"predecessor-version":[{"id":190,"href":"http:\/\/rayware.com.br\/index.php?rest_route=\/wp\/v2\/pages\/18\/revisions\/190"}],"wp:attachment":[{"href":"http:\/\/rayware.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=18"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":18,"date":"2025-08-03T02:43:21","date_gmt":"2025-08-03T05:43:21","guid":{"rendered":"http:\/\/rayware.com.br\/?page_id=18"},"modified":"2025-08-04T21:55:57","modified_gmt":"2025-08-05T00:55:57","slug":"contato","status":"publish","type":"page","link":"http:\/\/rayware.com.br\/?page_id=18","title":{"rendered":"Contato"},"content":{"rendered":"\n\n\n\n \n \n Contato – Rayware<\/title>\n <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\" rel=\"stylesheet\">\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n min-height: 100vh;\n padding: 20px;\n }\n\n .container {\n max-width: 1200px;\n margin: 0 auto;\n background: white;\n border-radius: 20px;\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1);\n overflow: hidden;\n animation: containerFadeIn 1.5s ease-out, floatAnimation 6s ease-in-out infinite;\n position: relative;\n }\n\n .container::before {\n content: '';\n position: absolute;\n top: -2px;\n left: -2px;\n right: -2px;\n bottom: -2px;\n background: linear-gradient(45deg, #FF8C00, #FF6B35, #FFB347, #FF8C00);\n background-size: 400% 400%;\n border-radius: 22px;\n z-index: -1;\n animation: borderGlow 3s ease-in-out infinite;\n }\n\n @keyframes containerFadeIn {\n 0% {\n opacity: 0;\n transform: translateY(50px) scale(0.9);\n }\n 100% {\n opacity: 1;\n transform: translateY(0) scale(1);\n }\n }\n\n @keyframes floatAnimation {\n 0%, 100% {\n transform: translateY(0px);\n }\n 50% {\n transform: translateY(-10px);\n }\n }\n\n @keyframes borderGlow {\n 0%, 100% {\n background-position: 0% 50%;\n box-shadow: 0 0 20px rgba(255, 140, 0, 0.3);\n }\n 50% {\n background-position: 100% 50%;\n box-shadow: 0 0 40px rgba(255, 107, 53, 0.5);\n }\n }\n\n .header {\n background: linear-gradient(135deg, #FF6B35 0%, #FF8C00 100%);\n color: white;\n padding: 40px;\n text-align: center;\n }\n\n .header h1 {\n font-size: 2.5rem;\n margin-bottom: 10px;\n font-weight: 700;\n background: linear-gradient(45deg, #fff, #FFE4B5, #fff, #FFE4B5);\n background-size: 400% 400%;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: fadeInScale 2s ease-out, gradientShift 3s ease-in-out infinite;\n text-shadow: 0 0 20px rgba(255, 255, 255, 0.5);\n position: relative;\n }\n\n .header h1::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.3), transparent);\n transform: translateX(-100%);\n animation: shine 2.5s ease-in-out infinite;\n }\n\n @keyframes fadeInScale {\n 0% {\n opacity: 0;\n transform: scale(0.5) translateY(-30px) rotateY(180deg);\n }\n 50% {\n opacity: 0.8;\n transform: scale(1.1) translateY(-15px) rotateY(90deg);\n }\n 100% {\n opacity: 1;\n transform: scale(1) translateY(0) rotateY(0deg);\n }\n }\n\n @keyframes gradientShift {\n 0%, 100% {\n background-position: 0% 50%;\n }\n 50% {\n background-position: 100% 50%;\n }\n }\n\n @keyframes shine {\n 0% {\n transform: translateX(-100%);\n }\n 50%, 100% {\n transform: translateX(100%);\n }\n }\n\n .header h1:hover {\n animation: pulse 0.8s ease-in-out, gradientShift 1s ease-in-out infinite;\n transform: scale(1.05);\n text-shadow: 0 0 30px rgba(255, 255, 255, 0.8);\n }\n\n @keyframes pulse {\n 0%, 100% {\n transform: scale(1.05);\n }\n 50% {\n transform: scale(1.1);\n }\n }\n\n .header p {\n font-size: 1.1rem;\n opacity: 0.9;\n animation: slideInFromBottom 2.5s ease-out 0.5s both, textGlow 4s ease-in-out infinite;\n background: linear-gradient(90deg, #fff, #FFE4B5, #fff);\n background-size: 200% 100%;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n @keyframes slideInFromBottom {\n 0% {\n opacity: 0;\n transform: translateY(30px) scale(0.8);\n }\n 100% {\n opacity: 0.9;\n transform: translateY(0) scale(1);\n }\n }\n\n @keyframes textGlow {\n 0%, 100% {\n text-shadow: 0 0 10px rgba(255, 255, 255, 0.3);\n background-position: 0% 50%;\n }\n 50% {\n text-shadow: 0 0 20px rgba(255, 255, 255, 0.6);\n background-position: 100% 50%;\n }\n }\n\n .content {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 0;\n }\n\n .contact-info {\n background: #f8f9fa;\n padding: 50px 40px;\n }\n\n .contact-info h2 {\n color: #2c3e50;\n font-size: 1.8rem;\n margin-bottom: 30px;\n font-weight: 600;\n }\n\n .info-item {\n display: flex;\n align-items: center;\n margin-bottom: 25px;\n padding: 20px;\n background: white;\n border-radius: 12px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\n transition: all 0.3s ease;\n animation: slideInLeft 1s ease-out;\n position: relative;\n overflow: hidden;\n }\n\n .info-item::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255, 140, 0, 0.1), transparent);\n transition: left 0.5s ease;\n }\n\n .info-item:hover {\n transform: translateY(-5px) scale(1.02);\n box-shadow: 0 15px 35px rgba(255, 140, 0, 0.2);\n background: linear-gradient(135deg, #fff, #FFF8F0);\n }\n\n .info-item:hover::before {\n left: 100%;\n }\n\n .info-item:nth-child(1) { animation-delay: 0.2s; }\n .info-item:nth-child(2) { animation-delay: 0.4s; }\n .info-item:nth-child(3) { animation-delay: 0.6s; }\n .info-item:nth-child(4) { animation-delay: 0.8s; }\n\n @keyframes slideInLeft {\n 0% {\n opacity: 0;\n transform: translateX(-50px);\n }\n 100% {\n opacity: 1;\n transform: translateX(0);\n }\n }\n\n .info-icon {\n background: linear-gradient(135deg, #FF8C00, #FF6B35);\n color: white;\n width: 50px;\n height: 50px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 20px;\n font-size: 1.2rem;\n animation: iconPulse 2s ease-in-out infinite;\n position: relative;\n overflow: hidden;\n }\n\n .info-icon::before {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n width: 0;\n height: 0;\n background: rgba(255, 255, 255, 0.3);\n border-radius: 50%;\n transform: translate(-50%, -50%);\n transition: all 0.3s ease;\n }\n\n .info-item:hover .info-icon::before {\n width: 100%;\n height: 100%;\n }\n\n .info-icon:hover {\n animation: iconSpin 0.6s ease-in-out;\n transform: scale(1.1);\n }\n\n @keyframes iconPulse {\n 0%, 100% {\n box-shadow: 0 0 0 0 rgba(255, 140, 0, 0.7);\n }\n 50% {\n box-shadow: 0 0 0 10px rgba(255, 140, 0, 0);\n }\n }\n\n @keyframes iconSpin {\n 0% { transform: rotate(0deg) scale(1.1); }\n 100% { transform: rotate(360deg) scale(1.1); }\n }\n\n .info-text h3 {\n color: #2c3e50;\n font-size: 1.1rem;\n margin-bottom: 5px;\n font-weight: 600;\n }\n\n .info-text p {\n color: #7f8c8d;\n font-size: 0.95rem;\n line-height: 1.4;\n }\n\n .form-section {\n padding: 50px 40px;\n }\n\n .form-section h2 {\n color: #2c3e50;\n font-size: 1.8rem;\n margin-bottom: 30px;\n font-weight: 600;\n }\n\n .form-group label {\n display: block;\n color: #2c3e50;\n font-weight: 600;\n margin-bottom: 8px;\n font-size: 0.95rem;\n animation: fadeInLabel 1.2s ease-out;\n }\n\n @keyframes fadeInLabel {\n 0% {\n opacity: 0;\n transform: translateY(-10px);\n }\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .form-group {\n margin-bottom: 25px;\n animation: slideInRight 1s ease-out;\n position: relative;\n }\n\n .form-group:nth-child(1) { animation-delay: 0.3s; }\n .form-group:nth-child(2) { animation-delay: 0.4s; }\n .form-group:nth-child(3) { animation-delay: 0.5s; }\n .form-group:nth-child(4) { animation-delay: 0.6s; }\n .form-group:nth-child(5) { animation-delay: 0.7s; }\n\n @keyframes slideInRight {\n 0% {\n opacity: 0;\n transform: translateX(50px);\n }\n 100% {\n opacity: 1;\n transform: translateX(0);\n }\n }\n\n .form-group input,\n .form-group select,\n .form-group textarea {\n width: 100%;\n padding: 15px;\n border: 2px solid #e9ecef;\n border-radius: 10px;\n font-size: 1rem;\n transition: all 0.3s ease;\n background: #fff;\n position: relative;\n }\n\n .form-group input:focus,\n .form-group select:focus,\n .form-group textarea:focus {\n outline: none;\n border-color: #FF8C00;\n box-shadow: 0 0 0 3px rgba(255, 140, 0, 0.1), 0 0 20px rgba(255, 140, 0, 0.2);\n transform: translateY(-2px);\n background: linear-gradient(135deg, #fff, #FFF8F0);\n }\n\n .form-group textarea {\n resize: vertical;\n min-height: 120px;\n }\n\n .form-row {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 20px;\n }\n\n .submit-btn {\n background: linear-gradient(135deg, #FF8C00, #FF6B35);\n color: white;\n padding: 18px 40px;\n border: none;\n border-radius: 50px;\n font-size: 1.1rem;\n font-weight: 600;\n cursor: pointer;\n transition: all 0.3s ease;\n width: 100%;\n margin-top: 20px;\n position: relative;\n overflow: hidden;\n animation: buttonSlideUp 1.5s ease-out 1s both;\n }\n\n .submit-btn::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);\n transition: left 0.5s ease;\n }\n\n .submit-btn:hover {\n background: linear-gradient(135deg, #FF6B35, #E55A2B);\n transform: translateY(-3px) scale(1.02);\n box-shadow: 0 15px 35px rgba(255, 107, 53, 0.4);\n animation: buttonPulse 0.6s ease-in-out;\n }\n\n .submit-btn:hover::before {\n left: 100%;\n }\n\n @keyframes buttonSlideUp {\n 0% {\n opacity: 0;\n transform: translateY(30px);\n }\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes buttonPulse {\n 0%, 100% {\n transform: translateY(-3px) scale(1.02);\n }\n 50% {\n transform: translateY(-5px) scale(1.05);\n }\n }\n\n .submit-btn:active {\n transform: translateY(0);\n }\n\n .whatsapp-btn {\n position: fixed;\n bottom: 30px;\n right: 30px;\n background: #25d366;\n color: white;\n width: 60px;\n height: 60px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.5rem;\n text-decoration: none;\n box-shadow: 0 5px 20px rgba(37, 211, 102, 0.4);\n transition: all 0.3s ease;\n z-index: 1000;\n }\n\n .whatsapp-btn:hover {\n transform: scale(1.1);\n box-shadow: 0 8px 25px rgba(37, 211, 102, 0.6);\n }\n\n @media (max-width: 768px) {\n .content {\n grid-template-columns: 1fr;\n }\n \n .form-row {\n grid-template-columns: 1fr;\n }\n \n .header h1 {\n font-size: 2rem;\n }\n \n .contact-info,\n .form-section {\n padding: 30px 20px;\n }\n }\n\n .success-message {\n background: #d4edda;\n color: #155724;\n padding: 15px;\n border-radius: 10px;\n margin-bottom: 20px;\n border: 1px solid #c3e6cb;\n display: none;\n }\n\n .error-message {\n background: #f8d7da;\n color: #721c24;\n padding: 15px;\n border-radius: 10px;\n margin-bottom: 20px;\n border: 1px solid #f5c6cb;\n display: none;\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n <div class=\"header\">\n <h1><i class=\"fas fa-laptop-code\"><\/i> Rayware<\/h1>\n <p>Solu\u00e7\u00f5es e Servi\u00e7os de TI – Entre em contato conosco<\/p>\n <\/div>\n\n <div class=\"content\">\n <div class=\"contact-info\">\n <h2>Informa\u00e7\u00f5es de Contato<\/h2>\n \n <div class=\"info-item\">\n <div class=\"info-icon\">\n <i class=\"fas fa-map-marker-alt\"><\/i>\n <\/div>\n <div class=\"info-text\">\n <h3>Endere\u00e7o<\/h3>\n <p>Rua Bar\u00e3o do Ipanema, 32<br>Pedrinhas – Porto Velho\/RO<\/p>\n <\/div>\n <\/div>\n\n <div class=\"info-item\">\n <div class=\"info-icon\">\n <i class=\"fas fa-envelope\"><\/i>\n <\/div>\n <div class=\"info-text\">\n <h3>E-mail<\/h3>\n <p>contato@rayware.com.br<\/p>\n <\/div>\n <\/div>\n\n <div class=\"info-item\">\n <div class=\"info-icon\">\n <i class=\"fas fa-phone\"><\/i>\n <\/div>\n <div class=\"info-text\">\n <h3>Telefone \/ WhatsApp<\/h3>\n <p>(69) 98151-5321<\/p>\n <\/div>\n <\/div>\n\n <div class=\"info-item\">\n <div class=\"info-icon\">\n <i class=\"fas fa-clock\"><\/i>\n <\/div>\n <div class=\"info-text\">\n <h3>Hor\u00e1rio de Atendimento<\/h3>\n <p>Segunda a Sexta: 8h \u00e0s 18h<br>Suporte 24\/7 dispon\u00edvel<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"form-section\">\n <h2>Envie sua Mensagem<\/h2>\n \n <div class=\"success-message\" id=\"successMessage\">\n <i class=\"fas fa-check-circle\"><\/i> Mensagem enviada com sucesso! Entraremos em contato em breve.\n <\/div>\n \n <div class=\"error-message\" id=\"errorMessage\">\n <i class=\"fas fa-exclamation-triangle\"><\/i> Por favor, preencha todos os campos obrigat\u00f3rios.\n <\/div>\n\n <form id=\"contactForm\">\n <div class=\"form-row\">\n <div class=\"form-group\">\n <label for=\"nome\">Nome Completo *<\/label>\n <input type=\"text\" id=\"nome\" name=\"nome\" required>\n <\/div>\n <div class=\"form-group\">\n <label for=\"empresa\">Empresa<\/label>\n <input type=\"text\" id=\"empresa\" name=\"empresa\">\n <\/div>\n <\/div>\n\n <div class=\"form-row\">\n <div class=\"form-group\">\n <label for=\"email\">E-mail *<\/label>\n <input type=\"email\" id=\"email\" name=\"email\" required>\n <\/div>\n <div class=\"form-group\">\n <label for=\"telefone\">Telefone *<\/label>\n <input type=\"tel\" id=\"telefone\" name=\"telefone\" required>\n <\/div>\n <\/div>\n\n <div class=\"form-group\">\n <label for=\"servico\">Servi\u00e7o de Interesse<\/label>\n <select id=\"servico\" name=\"servico\">\n <option value=\"\">Selecione um servi\u00e7o<\/option>\n <option value=\"consultoria\">Consultoria em TI<\/option>\n <option value=\"seguranca\">Seguran\u00e7a<\/option>\n <option value=\"performance\">Performance<\/option>\n <option value=\"servidores\">Servidores, Virtualiza\u00e7\u00e3o e Backup<\/option>\n <option value=\"redes\">Infraestrutura de Redes e Conectividade<\/option>\n <option value=\"suporte\">Suporte T\u00e9cnico e Help Desk 24\/7<\/option>\n <option value=\"outros\">Outros<\/option>\n <\/select>\n <\/div>\n\n <div class=\"form-group\">\n <label for=\"assunto\">Assunto *<\/label>\n <input type=\"text\" id=\"assunto\" name=\"assunto\" required>\n <\/div>\n\n <div class=\"form-group\">\n <label for=\"mensagem\">Mensagem *<\/label>\n <textarea id=\"mensagem\" name=\"mensagem\" placeholder=\"Descreva sua necessidade ou d\u00favida...\" required><\/textarea>\n <\/div>\n\n <button type=\"submit\" class=\"submit-btn\">\n <i class=\"fas fa-paper-plane\"><\/i> Enviar Mensagem\n <\/button>\n <\/form>\n <\/div>\n <\/div>\n <\/div>\n\n <a href=\"https:\/\/wa.me\/5569981515321\" target=\"_blank\" class=\"whatsapp-btn\" title=\"Fale conosco no WhatsApp\">\n <i class=\"fab fa-whatsapp\"><\/i>\n <\/a>\n\n <script>\n document.getElementById('contactForm').addEventListener('submit', function(e) {\n e.preventDefault();\n \n \/\/ Valida\u00e7\u00e3o dos campos obrigat\u00f3rios\n const nome = document.getElementById('nome').value.trim();\n const empresa = document.getElementById('empresa').value.trim();\n const email = document.getElementById('email').value.trim();\n const telefone = document.getElementById('telefone').value.trim();\n const servico = document.getElementById('servico').value;\n const assunto = document.getElementById('assunto').value.trim();\n const mensagem = document.getElementById('mensagem').value.trim();\n \n const successMessage = document.getElementById('successMessage');\n const errorMessage = document.getElementById('errorMessage');\n \n \/\/ Esconder mensagens anteriores\n successMessage.style.display = 'none';\n errorMessage.style.display = 'none';\n \n if (!nome || !email || !telefone || !assunto || !mensagem) {\n errorMessage.style.display = 'block';\n errorMessage.scrollIntoView({ behavior: 'smooth' });\n return;\n }\n \n \/\/ Valida\u00e7\u00e3o de email\n const emailRegex = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\n if (!emailRegex.test(email)) {\n errorMessage.innerHTML = '<i class=\"fas fa-exclamation-triangle\"><\/i> Por favor, insira um e-mail v\u00e1lido.';\n errorMessage.style.display = 'block';\n errorMessage.scrollIntoView({ behavior: 'smooth' });\n return;\n }\n \n \/\/ Mapear servi\u00e7os\n const servicosMap = {\n 'consultoria': 'Consultoria em TI',\n 'seguranca': 'Seguran\u00e7a',\n 'performance': 'Performance',\n 'servidores': 'Servidores, Virtualiza\u00e7\u00e3o e Backup',\n 'redes': 'Infraestrutura de Redes e Conectividade',\n 'suporte': 'Suporte T\u00e9cnico e Help Desk 24\/7',\n 'outros': 'Outros'\n };\n \n const servicoNome = servicosMap[servico] || 'N\u00e3o especificado';\n \n \/\/ Montar mensagem para WhatsApp\n let mensagemWhatsApp = `\ud83d\udda5\ufe0f *RAYWARE - NOVO CONTATO*\\n\\n`;\n mensagemWhatsApp += `\ud83d\udc64 *Nome:* ${nome}\\n`;\n if (empresa) {\n mensagemWhatsApp += `\ud83c\udfe2 *Empresa:* ${empresa}\\n`;\n }\n mensagemWhatsApp += `\ud83d\udce7 *E-mail:* ${email}\\n`;\n mensagemWhatsApp += `\ud83d\udcf1 *Telefone:* ${telefone}\\n`;\n mensagemWhatsApp += `\ud83d\udd27 *Servi\u00e7o de Interesse:* ${servicoNome}\\n`;\n mensagemWhatsApp += `\ud83d\udccb *Assunto:* ${assunto}\\n\\n`;\n mensagemWhatsApp += `\ud83d\udcac *Mensagem:*\\n${mensagem}`;\n \n \/\/ Codificar mensagem para URL\n const mensagemCodificada = encodeURIComponent(mensagemWhatsApp);\n \n \/\/ N\u00famero do WhatsApp da Rayware\n const numeroWhatsApp = '5569981515321';\n \n \/\/ URL do WhatsApp\n const urlWhatsApp = `https:\/\/wa.me\/${numeroWhatsApp}?text=${mensagemCodificada}`;\n \n \/\/ Mostrar loading\n const submitBtn = document.querySelector('.submit-btn');\n const originalText = submitBtn.innerHTML;\n \n submitBtn.innerHTML = '<i class=\"fas fa-spinner fa-spin\"><\/i> Redirecionando...';\n submitBtn.disabled = true;\n \n \/\/ Aguardar um pouco e abrir WhatsApp\n setTimeout(() => {\n \/\/ Abrir WhatsApp em nova aba\n window.open(urlWhatsApp, '_blank');\n \n \/\/ Mostrar mensagem de sucesso\n successMessage.innerHTML = '<i class=\"fas fa-check-circle\"><\/i> Redirecionando para o WhatsApp! Se n\u00e3o abriu automaticamente, <a href=\"' + urlWhatsApp + '\" target=\"_blank\" style=\"color: #155724; text-decoration: underline;\">clique aqui<\/a>.';\n successMessage.style.display = 'block';\n successMessage.scrollIntoView({ behavior: 'smooth' });\n \n \/\/ Reset do formul\u00e1rio\n document.getElementById('contactForm').reset();\n \n \/\/ Restaurar bot\u00e3o\n submitBtn.innerHTML = originalText;\n submitBtn.disabled = false;\n }, 1500);\n });\n\n \/\/ M\u00e1scara para telefone\n document.getElementById('telefone').addEventListener('input', function(e) {\n let value = e.target.value.replace(\/\\D\/g, '');\n if (value.length <= 11) {\n value = value.replace(\/(\\d{2})(\\d{5})(\\d{4})\/, '($1) $2-$3');\n if (value.length < 14) {\n value = value.replace(\/(\\d{2})(\\d{4})(\\d{4})\/, '($1) $2-$3');\n }\n }\n e.target.value = value;\n });\n\n \/\/ Anima\u00e7\u00e3o suave ao carregar a p\u00e1gina\n window.addEventListener('load', function() {\n document.querySelector('.container').style.opacity = '0';\n document.querySelector('.container').style.transform = 'translateY(30px)';\n document.querySelector('.container').style.transition = 'all 0.8s ease';\n \n setTimeout(() => {\n document.querySelector('.container').style.opacity = '1';\n document.querySelector('.container').style.transform = 'translateY(0)';\n }, 100);\n });\n <\/script>\n<\/body>\n<\/html>\n\n\n","protected":false},"excerpt":{"rendered":"<p>Contato – Rayware Rayware Solu\u00e7\u00f5es e Servi\u00e7os de TI – Entre em contato conosco Informa\u00e7\u00f5es de Contato Endere\u00e7o Rua Bar\u00e3o do Ipanema, 32Pedrinhas – Porto Velho\/RO E-mail contato@rayware.com.br Telefone \/ WhatsApp (69) 98151-5321 Hor\u00e1rio de Atendimento Segunda a Sexta: 8h \u00e0s 18hSuporte 24\/7 dispon\u00edvel Envie sua Mensagem Mensagem enviada com sucesso! Entraremos em contato em […]<\/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-18","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/rayware.com.br\/index.php?rest_route=\/wp\/v2\/pages\/18","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/rayware.com.br\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/rayware.com.br\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/rayware.com.br\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/rayware.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=18"}],"version-history":[{"count":5,"href":"http:\/\/rayware.com.br\/index.php?rest_route=\/wp\/v2\/pages\/18\/revisions"}],"predecessor-version":[{"id":190,"href":"http:\/\/rayware.com.br\/index.php?rest_route=\/wp\/v2\/pages\/18\/revisions\/190"}],"wp:attachment":[{"href":"http:\/\/rayware.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=18"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}