Impresi\u00f3n 3D | Mejoras en Progreso<\/title>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\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, #0c0c0c 0%, #1a1a2e 50%, #16213e 100%);\n color: #fff;\n min-height: 100vh;\n overflow-x: hidden;\n position: relative;\n }\n\n .container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 20px;\n position: relative;\n z-index: 10;\n }\n\n \/* Fondo de part\u00edculas *\/\n .particles {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 1;\n overflow: hidden;\n }\n\n .particle {\n position: absolute;\n background-color: rgba(0, 150, 255, 0.6);\n border-radius: 50%;\n animation: float 15s infinite linear;\n }\n\n .particle:nth-child(2n) {\n background-color: rgba(0, 255, 200, 0.6);\n }\n\n .particle:nth-child(3n) {\n background-color: rgba(255, 100, 0, 0.6);\n }\n\n @keyframes float {\n 0% {\n transform: translateY(100vh) rotate(0deg);\n opacity: 0;\n }\n 10% {\n opacity: 1;\n }\n 90% {\n opacity: 1;\n }\n 100% {\n transform: translateY(-100px) rotate(360deg);\n opacity: 0;\n }\n }\n\n \/* Header *\/\n header {\n text-align: center;\n padding: 40px 20px;\n margin-bottom: 40px;\n }\n\n .logo {\n font-size: 3.5rem;\n margin-bottom: 20px;\n color: #00d4ff;\n text-shadow: 0 0 15px rgba(0, 212, 255, 0.7);\n animation: glow 3s infinite alternate;\n }\n\n @keyframes glow {\n from {\n text-shadow: 0 0 10px rgba(0, 212, 255, 0.7), 0 0 20px rgba(0, 212, 255, 0.5);\n }\n to {\n text-shadow: 0 0 20px rgba(0, 212, 255, 0.9), 0 0 30px rgba(0, 212, 255, 0.7), 0 0 40px rgba(0, 212, 255, 0.5);\n }\n }\n\n h1 {\n font-size: 3rem;\n margin-bottom: 20px;\n background: linear-gradient(to right, #00d4ff, #00ffaa);\n -webkit-background-clip: text;\n background-clip: text;\n color: transparent;\n text-transform: uppercase;\n letter-spacing: 2px;\n }\n\n .subtitle {\n font-size: 1.5rem;\n color: #a0e7ff;\n max-width: 800px;\n margin: 0 auto 40px;\n line-height: 1.6;\n }\n\n \/* Contenedor 3D *\/\n .scene-container {\n perspective: 1000px;\n width: 300px;\n height: 300px;\n margin: 0 auto 60px;\n }\n\n .scene {\n width: 100%;\n height: 100%;\n position: relative;\n transform-style: preserve-3d;\n animation: rotate3d 20s infinite linear;\n }\n\n @keyframes rotate3d {\n 0% {\n transform: rotateY(0deg) rotateX(10deg);\n }\n 25% {\n transform: rotateY(90deg) rotateX(10deg);\n }\n 50% {\n transform: rotateY(180deg) rotateX(10deg);\n }\n 75% {\n transform: rotateY(270deg) rotateX(10deg);\n }\n 100% {\n transform: rotateY(360deg) rotateX(10deg);\n }\n }\n\n .cube {\n width: 100%;\n height: 100%;\n position: relative;\n transform-style: preserve-3d;\n transform: translateZ(-150px);\n }\n\n .cube-face {\n position: absolute;\n width: 300px;\n height: 300px;\n background: rgba(0, 212, 255, 0.1);\n border: 2px solid rgba(0, 212, 255, 0.5);\n box-shadow: 0 0 20px rgba(0, 212, 255, 0.3);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 5rem;\n color: #00d4ff;\n backdrop-filter: blur(5px);\n }\n\n .cube-face.front {\n transform: rotateY(0deg) translateZ(150px);\n }\n\n .cube-face.back {\n transform: rotateY(180deg) translateZ(150px);\n }\n\n .cube-face.right {\n transform: rotateY(90deg) translateZ(150px);\n }\n\n .cube-face.left {\n transform: rotateY(-90deg) translateZ(150px);\n }\n\n .cube-face.top {\n transform: rotateX(90deg) translateZ(150px);\n }\n\n .cube-face.bottom {\n transform: rotateX(-90deg) translateZ(150px);\n }\n\n \/* Contenido principal *\/\n .main-content {\n text-align: center;\n max-width: 900px;\n margin: 0 auto 60px;\n padding: 40px;\n background: rgba(0, 20, 40, 0.7);\n border-radius: 20px;\n border: 1px solid rgba(0, 212, 255, 0.3);\n box-shadow: 0 0 30px rgba(0, 150, 255, 0.2);\n backdrop-filter: blur(10px);\n position: relative;\n overflow: hidden;\n }\n\n .main-content::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(0, 212, 255, 0.1) 0%, transparent 70%);\n z-index: -1;\n }\n\n .message {\n font-size: 1.8rem;\n line-height: 1.8;\n margin-bottom: 40px;\n color: #e0f7ff;\n }\n\n .highlight {\n color: #00ffaa;\n font-weight: bold;\n text-shadow: 0 0 10px rgba(0, 255, 170, 0.5);\n }\n\n \/* Contador regresivo *\/\n .countdown {\n display: flex;\n justify-content: center;\n gap: 20px;\n margin: 40px 0;\n flex-wrap: wrap;\n }\n\n .countdown-item {\n background: rgba(0, 40, 80, 0.8);\n border-radius: 15px;\n padding: 20px 15px;\n min-width: 120px;\n border: 1px solid rgba(0, 212, 255, 0.3);\n box-shadow: 0 0 15px rgba(0, 150, 255, 0.3);\n transition: transform 0.3s, box-shadow 0.3s;\n }\n\n .countdown-item:hover {\n transform: translateY(-10px);\n box-shadow: 0 0 25px rgba(0, 212, 255, 0.5);\n }\n\n .countdown-value {\n font-size: 3rem;\n font-weight: bold;\n color: #00d4ff;\n margin-bottom: 10px;\n text-shadow: 0 0 10px rgba(0, 212, 255, 0.7);\n }\n\n .countdown-label {\n font-size: 1rem;\n color: #a0e7ff;\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n\n \/* Caracter\u00edsticas futuras *\/\n .features {\n display: flex;\n justify-content: center;\n gap: 30px;\n margin-top: 60px;\n flex-wrap: wrap;\n }\n\n .feature {\n background: rgba(0, 30, 60, 0.7);\n border-radius: 15px;\n padding: 25px;\n width: 250px;\n border: 1px solid rgba(0, 212, 255, 0.2);\n transition: all 0.3s;\n position: relative;\n overflow: hidden;\n }\n\n .feature:hover {\n transform: translateY(-10px);\n border-color: rgba(0, 212, 255, 0.5);\n box-shadow: 0 0 25px rgba(0, 212, 255, 0.3);\n }\n\n .feature-icon {\n font-size: 3rem;\n color: #00d4ff;\n margin-bottom: 20px;\n text-shadow: 0 0 10px rgba(0, 212, 255, 0.7);\n }\n\n .feature-title {\n font-size: 1.4rem;\n margin-bottom: 15px;\n color: #00ffaa;\n }\n\n .feature-desc {\n color: #a0e7ff;\n line-height: 1.6;\n }\n\n \/* Contacto *\/\n .contact {\n text-align: center;\n margin-top: 60px;\n padding: 40px;\n background: rgba(0, 20, 40, 0.5);\n border-radius: 20px;\n border: 1px solid rgba(0, 212, 255, 0.2);\n }\n\n .contact h3 {\n font-size: 2rem;\n margin-bottom: 20px;\n color: #00d4ff;\n }\n\n .contact-info {\n display: flex;\n justify-content: center;\n gap: 40px;\n margin-top: 30px;\n flex-wrap: wrap;\n }\n\n .contact-item {\n display: flex;\n align-items: center;\n gap: 15px;\n color: #a0e7ff;\n font-size: 1.2rem;\n transition: all 0.3s;\n }\n\n .contact-item:hover {\n color: #00ffaa;\n transform: translateY(-5px);\n }\n\n .contact-icon {\n font-size: 1.8rem;\n color: #00d4ff;\n }\n\n \/* Footer *\/\n footer {\n text-align: center;\n padding: 40px 20px;\n margin-top: 60px;\n color: #a0e7ff;\n border-top: 1px solid rgba(0, 212, 255, 0.2);\n }\n\n .footer-logo {\n font-size: 2.5rem;\n color: #00d4ff;\n margin-bottom: 20px;\n }\n\n \/* Efectos responsivos *\/\n @media (max-width: 768px) {\n h1 {\n font-size: 2.2rem;\n }\n \n .subtitle {\n font-size: 1.2rem;\n }\n \n .scene-container {\n width: 250px;\n height: 250px;\n }\n \n .cube-face {\n width: 250px;\n height: 250px;\n font-size: 4rem;\n }\n \n .cube-face.front, .cube-face.back, .cube-face.right, \n .cube-face.left, .cube-face.top, .cube-face.bottom {\n transform-origin: center;\n }\n \n .message {\n font-size: 1.4rem;\n }\n \n .countdown-item {\n min-width: 100px;\n }\n \n .countdown-value {\n font-size: 2.2rem;\n }\n }\n\n @media (max-width: 480px) {\n h1 {\n font-size: 1.8rem;\n }\n \n .scene-container {\n width: 200px;\n height: 200px;\n }\n \n .cube-face {\n width: 200px;\n height: 200px;\n font-size: 3rem;\n }\n \n .main-content {\n padding: 20px;\n }\n \n .features {\n flex-direction: column;\n align-items: center;\n }\n \n .feature {\n width: 100%;\n max-width: 300px;\n }\n }\n <\/style>\n<\/head>\n<body>\n \n <div class=\"particles\" id=\"particles\"><\/div>\n \n <div class=\"container\">\n \n <header>\n <div class=\"logo\">\n <i class=\"fas fa-cube\"><\/i>\n <\/div>\n <h1>Impresi\u00f3n 3D<\/h1>\n <p class=\"subtitle\">Estamos transformando nuestra plataforma para ofrecerte la mejor experiencia en impresi\u00f3n 3D<\/p>\n <\/header>\n \n \n <div class=\"scene-container\">\n <div class=\"scene\">\n <div class=\"cube\">\n <div class=\"cube-face front\"><i class=\"fas fa-print\"><\/i><\/div>\n <div class=\"cube-face back\"><i class=\"fas fa-cogs\"><\/i><\/div>\n <div class=\"cube-face right\"><i class=\"fas fa-bolt\"><\/i><\/div>\n <div class=\"cube-face left\"><i class=\"fas fa-rocket\"><\/i><\/div>\n <div class=\"cube-face top\"><i class=\"fas fa-tools\"><\/i><\/div>\n <div class=\"cube-face bottom\"><i class=\"fas fa-layer-group\"><\/i><\/div>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"main-content\">\n <div class=\"message\">\n Estamos modificando nuestra web para poder brindaros un mejor servicio. \n Pronto tendremos una plataforma m\u00e1s r\u00e1pida, intuitiva y con nuevas funciones para hacer de tu experiencia de impresi\u00f3n 3D algo extraordinario.\n <\/div>\n \n \n <div class=\"countdown\">\n <div class=\"countdown-item\">\n <div class=\"countdown-value\" id=\"days\">00<\/div>\n <div class=\"countdown-label\">D\u00edas<\/div>\n <\/div>\n <div class=\"countdown-item\">\n <div class=\"countdown-value\" id=\"hours\">00<\/div>\n <div class=\"countdown-label\">Horas<\/div>\n <\/div>\n <div class=\"countdown-item\">\n <div class=\"countdown-value\" id=\"minutes\">00<\/div>\n <div class=\"countdown-label\">Minutos<\/div>\n <\/div>\n <div class=\"countdown-item\">\n <div class=\"countdown-value\" id=\"seconds\">00<\/div>\n <div class=\"countdown-label\">Segundos<\/div>\n <\/div>\n <\/div>\n \n \n <h2 style=\"color: #00d4ff; margin-top: 50px; margin-bottom: 30px;\">Nuevas Funcionalidades<\/h2>\n <div class=\"features\">\n <div class=\"feature\">\n <div class=\"feature-icon\"><i class=\"fas fa-bolt\"><\/i><\/div>\n <h3 class=\"feature-title\">Proceso M\u00e1s R\u00e1pido<\/h3>\n <p class=\"feature-desc\">Optimizaci\u00f3n de tiempos de carga y procesamiento de modelos 3D.<\/p>\n <\/div>\n <div class=\"feature\">\n <div class=\"feature-icon\"><i class=\"fas fa-palette\"><\/i><\/div>\n <h3 class=\"feature-title\">M\u00e1s Materiales<\/h3>\n <p class=\"feature-desc\">Nuevas opciones de materiales y acabados para tus impresiones.<\/p>\n <\/div>\n <div class=\"feature\">\n <div class=\"feature-icon\"><i class=\"fas fa-mobile-alt\"><\/i><\/div>\n <h3 class=\"feature-title\">App M\u00f3vil<\/h3>\n <p class=\"feature-desc\">Seguimiento de pedidos y control desde tu dispositivo m\u00f3vil.<\/p>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"contact\">\n <h3>\u00bfNecesitas ayuda urgentemente?<\/h3>\n <p style=\"color: #a0e7ff; max-width: 700px; margin: 0 auto 30px; line-height: 1.6;\">\n Mientras terminamos las mejoras, puedes contactarnos para consultas urgentes sobre impresi\u00f3n 3D.\n <\/p>\n <div class=\"contact-info\">\n <div class=\"contact-item\">\n <div class=\"contact-icon\"><i class=\"fas fa-envelope\"><\/i><\/div>\n <div>info@reneservicios.es<\/div>\n <\/div>\n <div class=\"contact-item\">\n <div class=\"contact-icon\"><i class=\"fas fa-phone\"><\/i><\/div>\n <div>+34 666 013 015<\/div>\n <\/div>\n <div class=\"contact-item\">\n <div class=\"contact-icon\"><i class=\"fas fa-comments\"><\/i><\/div>\n <div>Soporte en l\u00ednea<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n \n <footer>\n <div class=\"footer-logo\">\n <i class=\"fas fa-cube\"><\/i>\n <\/div>\n <p>\u00a9 2005 Impresi\u00f3n 3D. Todos los derechos reservados.<\/p>\n <p style=\"margin-top: 15px; font-size: 0.9rem; color: #88c1ff;\">Sitio en reconstrucci\u00f3n - Volvemos m\u00e1s fuertes<\/p>\n <\/footer>\n <\/div>\n\n <script>\n \/\/ Generar part\u00edculas de fondo\n function createParticles() {\n const particlesContainer = document.getElementById('particles');\n const particleCount = 50;\n \n for (let i = 0; i < particleCount; i++) {\n const particle = document.createElement('div');\n particle.classList.add('particle');\n \n \/\/ Tama\u00f1o aleatorio entre 2px y 8px\n const size = Math.random() * 6 + 2;\n particle.style.width = `${size}px`;\n particle.style.height = `${size}px`;\n \n \/\/ Posici\u00f3n inicial aleatoria\n particle.style.left = `${Math.random() * 100}%`;\n \n \/\/ Animaci\u00f3n con duraci\u00f3n y delay aleatorios\n const duration = Math.random() * 20 + 15;\n const delay = Math.random() * 5;\n particle.style.animationDuration = `${duration}s`;\n particle.style.animationDelay = `${delay}s`;\n \n particlesContainer.appendChild(particle);\n }\n }\n \n \/\/ Contador regresivo (fecha objetivo: 7 d\u00edas a partir de hoy)\n function updateCountdown() {\n const now = new Date();\n const targetDate = new Date();\n targetDate.setDate(now.getDate() + 7);\n \n const timeRemaining = targetDate - now;\n \n const days = Math.floor(timeRemaining \/ (1000 * 60 * 60 * 24));\n const hours = Math.floor((timeRemaining % (1000 * 60 * 60 * 24)) \/ (1000 * 60 * 60));\n const minutes = Math.floor((timeRemaining % (1000 * 60 * 60)) \/ (1000 * 60));\n const seconds = Math.floor((timeRemaining % (1000 * 60)) \/ 1000);\n \n document.getElementById('days').textContent = days.toString().padStart(2, '0');\n document.getElementById('hours').textContent = hours.toString().padStart(2, '0');\n document.getElementById('minutes').textContent = minutes.toString().padStart(2, '0');\n document.getElementById('seconds').textContent = seconds.toString().padStart(2, '0');\n }\n \n \/\/ Efecto de rotaci\u00f3n interactiva para el cubo 3D\n function setupCubeInteraction() {\n const scene = document.querySelector('.scene');\n let mouseX = 0;\n let mouseY = 0;\n let isMouseOver = false;\n \n document.addEventListener('mousemove', (e) => {\n mouseX = (e.clientX \/ window.innerWidth) * 2 - 1;\n mouseY = (e.clientY \/ window.innerHeight) * 2 - 1;\n });\n \n scene.addEventListener('mouseenter', () => {\n isMouseOver = true;\n });\n \n scene.addEventListener('mouseleave', () => {\n isMouseOver = false;\n });\n \n function animateCube() {\n if (isMouseOver) {\n \/\/ Rotar seg\u00fan la posici\u00f3n del mouse\n const rotateY = mouseX * 30;\n const rotateX = -mouseY * 30;\n scene.style.transform = `rotateY(${rotateY}deg) rotateX(${rotateX}deg)`;\n }\n requestAnimationFrame(animateCube);\n }\n \n animateCube();\n }\n \n \/\/ Inicializaci\u00f3n cuando se carga la p\u00e1gina\n document.addEventListener('DOMContentLoaded', () => {\n createParticles();\n updateCountdown();\n setupCubeInteraction();\n \n \/\/ Actualizar contador cada segundo\n setInterval(updateCountdown, 1000);\n \n \/\/ Efecto de escritura para el mensaje principal\n const message = document.querySelector('.message');\n const originalText = message.innerHTML;\n message.innerHTML = '';\n \n let i = 0;\n function typeWriter() {\n if (i < originalText.length) {\n message.innerHTML += originalText.charAt(i);\n i++;\n setTimeout(typeWriter, 20);\n }\n }\n \n \/\/ Iniciar efecto de escritura despu\u00e9s de 1 segundo\n setTimeout(typeWriter, 1000);\n });\n \n \/\/ Efecto de parpadeo para elementos destacados\n function blinkHighlights() {\n const highlights = document.querySelectorAll('.highlight');\n highlights.forEach(highlight => {\n highlight.style.animation = 'none';\n setTimeout(() => {\n highlight.style.animation = '';\n }, 10);\n });\n }\n \n \/\/ Parpadear cada 5 segundos\n setInterval(blinkHighlights, 5000);\n <\/script>\n<\/body>\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>Impresi\u00f3n 3D | Mejoras en Progreso Impresi\u00f3n 3D Estamos transformando nuestra plataforma para ofrecerte la mejor experiencia en impresi\u00f3n 3D Estamos modificando nuestra web para poder brindaros un mejor servicio. Pronto tendremos una plataforma m\u00e1s r\u00e1pida, intuitiva y con nuevas funciones para hacer de tu experiencia de impresi\u00f3n 3D algo extraordinario. 00 D\u00edas 00 Horas […]<\/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-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/reneservicios.es\/impresion-3d-caceres\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/reneservicios.es\/impresion-3d-caceres\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/reneservicios.es\/impresion-3d-caceres\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/reneservicios.es\/impresion-3d-caceres\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/reneservicios.es\/impresion-3d-caceres\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":4,"href":"https:\/\/reneservicios.es\/impresion-3d-caceres\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":13,"href":"https:\/\/reneservicios.es\/impresion-3d-caceres\/wp-json\/wp\/v2\/pages\/2\/revisions\/13"}],"wp:attachment":[{"href":"https:\/\/reneservicios.es\/impresion-3d-caceres\/wp-json\/wp\/v2\/media?parent=2"}],"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\n\n\n \n \n Impresi\u00f3n 3D | Mejoras en Progreso<\/title>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\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, #0c0c0c 0%, #1a1a2e 50%, #16213e 100%);\n color: #fff;\n min-height: 100vh;\n overflow-x: hidden;\n position: relative;\n }\n\n .container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 20px;\n position: relative;\n z-index: 10;\n }\n\n \/* Fondo de part\u00edculas *\/\n .particles {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 1;\n overflow: hidden;\n }\n\n .particle {\n position: absolute;\n background-color: rgba(0, 150, 255, 0.6);\n border-radius: 50%;\n animation: float 15s infinite linear;\n }\n\n .particle:nth-child(2n) {\n background-color: rgba(0, 255, 200, 0.6);\n }\n\n .particle:nth-child(3n) {\n background-color: rgba(255, 100, 0, 0.6);\n }\n\n @keyframes float {\n 0% {\n transform: translateY(100vh) rotate(0deg);\n opacity: 0;\n }\n 10% {\n opacity: 1;\n }\n 90% {\n opacity: 1;\n }\n 100% {\n transform: translateY(-100px) rotate(360deg);\n opacity: 0;\n }\n }\n\n \/* Header *\/\n header {\n text-align: center;\n padding: 40px 20px;\n margin-bottom: 40px;\n }\n\n .logo {\n font-size: 3.5rem;\n margin-bottom: 20px;\n color: #00d4ff;\n text-shadow: 0 0 15px rgba(0, 212, 255, 0.7);\n animation: glow 3s infinite alternate;\n }\n\n @keyframes glow {\n from {\n text-shadow: 0 0 10px rgba(0, 212, 255, 0.7), 0 0 20px rgba(0, 212, 255, 0.5);\n }\n to {\n text-shadow: 0 0 20px rgba(0, 212, 255, 0.9), 0 0 30px rgba(0, 212, 255, 0.7), 0 0 40px rgba(0, 212, 255, 0.5);\n }\n }\n\n h1 {\n font-size: 3rem;\n margin-bottom: 20px;\n background: linear-gradient(to right, #00d4ff, #00ffaa);\n -webkit-background-clip: text;\n background-clip: text;\n color: transparent;\n text-transform: uppercase;\n letter-spacing: 2px;\n }\n\n .subtitle {\n font-size: 1.5rem;\n color: #a0e7ff;\n max-width: 800px;\n margin: 0 auto 40px;\n line-height: 1.6;\n }\n\n \/* Contenedor 3D *\/\n .scene-container {\n perspective: 1000px;\n width: 300px;\n height: 300px;\n margin: 0 auto 60px;\n }\n\n .scene {\n width: 100%;\n height: 100%;\n position: relative;\n transform-style: preserve-3d;\n animation: rotate3d 20s infinite linear;\n }\n\n @keyframes rotate3d {\n 0% {\n transform: rotateY(0deg) rotateX(10deg);\n }\n 25% {\n transform: rotateY(90deg) rotateX(10deg);\n }\n 50% {\n transform: rotateY(180deg) rotateX(10deg);\n }\n 75% {\n transform: rotateY(270deg) rotateX(10deg);\n }\n 100% {\n transform: rotateY(360deg) rotateX(10deg);\n }\n }\n\n .cube {\n width: 100%;\n height: 100%;\n position: relative;\n transform-style: preserve-3d;\n transform: translateZ(-150px);\n }\n\n .cube-face {\n position: absolute;\n width: 300px;\n height: 300px;\n background: rgba(0, 212, 255, 0.1);\n border: 2px solid rgba(0, 212, 255, 0.5);\n box-shadow: 0 0 20px rgba(0, 212, 255, 0.3);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 5rem;\n color: #00d4ff;\n backdrop-filter: blur(5px);\n }\n\n .cube-face.front {\n transform: rotateY(0deg) translateZ(150px);\n }\n\n .cube-face.back {\n transform: rotateY(180deg) translateZ(150px);\n }\n\n .cube-face.right {\n transform: rotateY(90deg) translateZ(150px);\n }\n\n .cube-face.left {\n transform: rotateY(-90deg) translateZ(150px);\n }\n\n .cube-face.top {\n transform: rotateX(90deg) translateZ(150px);\n }\n\n .cube-face.bottom {\n transform: rotateX(-90deg) translateZ(150px);\n }\n\n \/* Contenido principal *\/\n .main-content {\n text-align: center;\n max-width: 900px;\n margin: 0 auto 60px;\n padding: 40px;\n background: rgba(0, 20, 40, 0.7);\n border-radius: 20px;\n border: 1px solid rgba(0, 212, 255, 0.3);\n box-shadow: 0 0 30px rgba(0, 150, 255, 0.2);\n backdrop-filter: blur(10px);\n position: relative;\n overflow: hidden;\n }\n\n .main-content::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(0, 212, 255, 0.1) 0%, transparent 70%);\n z-index: -1;\n }\n\n .message {\n font-size: 1.8rem;\n line-height: 1.8;\n margin-bottom: 40px;\n color: #e0f7ff;\n }\n\n .highlight {\n color: #00ffaa;\n font-weight: bold;\n text-shadow: 0 0 10px rgba(0, 255, 170, 0.5);\n }\n\n \/* Contador regresivo *\/\n .countdown {\n display: flex;\n justify-content: center;\n gap: 20px;\n margin: 40px 0;\n flex-wrap: wrap;\n }\n\n .countdown-item {\n background: rgba(0, 40, 80, 0.8);\n border-radius: 15px;\n padding: 20px 15px;\n min-width: 120px;\n border: 1px solid rgba(0, 212, 255, 0.3);\n box-shadow: 0 0 15px rgba(0, 150, 255, 0.3);\n transition: transform 0.3s, box-shadow 0.3s;\n }\n\n .countdown-item:hover {\n transform: translateY(-10px);\n box-shadow: 0 0 25px rgba(0, 212, 255, 0.5);\n }\n\n .countdown-value {\n font-size: 3rem;\n font-weight: bold;\n color: #00d4ff;\n margin-bottom: 10px;\n text-shadow: 0 0 10px rgba(0, 212, 255, 0.7);\n }\n\n .countdown-label {\n font-size: 1rem;\n color: #a0e7ff;\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n\n \/* Caracter\u00edsticas futuras *\/\n .features {\n display: flex;\n justify-content: center;\n gap: 30px;\n margin-top: 60px;\n flex-wrap: wrap;\n }\n\n .feature {\n background: rgba(0, 30, 60, 0.7);\n border-radius: 15px;\n padding: 25px;\n width: 250px;\n border: 1px solid rgba(0, 212, 255, 0.2);\n transition: all 0.3s;\n position: relative;\n overflow: hidden;\n }\n\n .feature:hover {\n transform: translateY(-10px);\n border-color: rgba(0, 212, 255, 0.5);\n box-shadow: 0 0 25px rgba(0, 212, 255, 0.3);\n }\n\n .feature-icon {\n font-size: 3rem;\n color: #00d4ff;\n margin-bottom: 20px;\n text-shadow: 0 0 10px rgba(0, 212, 255, 0.7);\n }\n\n .feature-title {\n font-size: 1.4rem;\n margin-bottom: 15px;\n color: #00ffaa;\n }\n\n .feature-desc {\n color: #a0e7ff;\n line-height: 1.6;\n }\n\n \/* Contacto *\/\n .contact {\n text-align: center;\n margin-top: 60px;\n padding: 40px;\n background: rgba(0, 20, 40, 0.5);\n border-radius: 20px;\n border: 1px solid rgba(0, 212, 255, 0.2);\n }\n\n .contact h3 {\n font-size: 2rem;\n margin-bottom: 20px;\n color: #00d4ff;\n }\n\n .contact-info {\n display: flex;\n justify-content: center;\n gap: 40px;\n margin-top: 30px;\n flex-wrap: wrap;\n }\n\n .contact-item {\n display: flex;\n align-items: center;\n gap: 15px;\n color: #a0e7ff;\n font-size: 1.2rem;\n transition: all 0.3s;\n }\n\n .contact-item:hover {\n color: #00ffaa;\n transform: translateY(-5px);\n }\n\n .contact-icon {\n font-size: 1.8rem;\n color: #00d4ff;\n }\n\n \/* Footer *\/\n footer {\n text-align: center;\n padding: 40px 20px;\n margin-top: 60px;\n color: #a0e7ff;\n border-top: 1px solid rgba(0, 212, 255, 0.2);\n }\n\n .footer-logo {\n font-size: 2.5rem;\n color: #00d4ff;\n margin-bottom: 20px;\n }\n\n \/* Efectos responsivos *\/\n @media (max-width: 768px) {\n h1 {\n font-size: 2.2rem;\n }\n \n .subtitle {\n font-size: 1.2rem;\n }\n \n .scene-container {\n width: 250px;\n height: 250px;\n }\n \n .cube-face {\n width: 250px;\n height: 250px;\n font-size: 4rem;\n }\n \n .cube-face.front, .cube-face.back, .cube-face.right, \n .cube-face.left, .cube-face.top, .cube-face.bottom {\n transform-origin: center;\n }\n \n .message {\n font-size: 1.4rem;\n }\n \n .countdown-item {\n min-width: 100px;\n }\n \n .countdown-value {\n font-size: 2.2rem;\n }\n }\n\n @media (max-width: 480px) {\n h1 {\n font-size: 1.8rem;\n }\n \n .scene-container {\n width: 200px;\n height: 200px;\n }\n \n .cube-face {\n width: 200px;\n height: 200px;\n font-size: 3rem;\n }\n \n .main-content {\n padding: 20px;\n }\n \n .features {\n flex-direction: column;\n align-items: center;\n }\n \n .feature {\n width: 100%;\n max-width: 300px;\n }\n }\n <\/style>\n<\/head>\n<body>\n \n <div class=\"particles\" id=\"particles\"><\/div>\n \n <div class=\"container\">\n \n <header>\n <div class=\"logo\">\n <i class=\"fas fa-cube\"><\/i>\n <\/div>\n <h1>Impresi\u00f3n 3D<\/h1>\n <p class=\"subtitle\">Estamos transformando nuestra plataforma para ofrecerte la mejor experiencia en impresi\u00f3n 3D<\/p>\n <\/header>\n \n \n <div class=\"scene-container\">\n <div class=\"scene\">\n <div class=\"cube\">\n <div class=\"cube-face front\"><i class=\"fas fa-print\"><\/i><\/div>\n <div class=\"cube-face back\"><i class=\"fas fa-cogs\"><\/i><\/div>\n <div class=\"cube-face right\"><i class=\"fas fa-bolt\"><\/i><\/div>\n <div class=\"cube-face left\"><i class=\"fas fa-rocket\"><\/i><\/div>\n <div class=\"cube-face top\"><i class=\"fas fa-tools\"><\/i><\/div>\n <div class=\"cube-face bottom\"><i class=\"fas fa-layer-group\"><\/i><\/div>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"main-content\">\n <div class=\"message\">\n Estamos modificando nuestra web para poder brindaros un mejor servicio. \n Pronto tendremos una plataforma m\u00e1s r\u00e1pida, intuitiva y con nuevas funciones para hacer de tu experiencia de impresi\u00f3n 3D algo extraordinario.\n <\/div>\n \n \n <div class=\"countdown\">\n <div class=\"countdown-item\">\n <div class=\"countdown-value\" id=\"days\">00<\/div>\n <div class=\"countdown-label\">D\u00edas<\/div>\n <\/div>\n <div class=\"countdown-item\">\n <div class=\"countdown-value\" id=\"hours\">00<\/div>\n <div class=\"countdown-label\">Horas<\/div>\n <\/div>\n <div class=\"countdown-item\">\n <div class=\"countdown-value\" id=\"minutes\">00<\/div>\n <div class=\"countdown-label\">Minutos<\/div>\n <\/div>\n <div class=\"countdown-item\">\n <div class=\"countdown-value\" id=\"seconds\">00<\/div>\n <div class=\"countdown-label\">Segundos<\/div>\n <\/div>\n <\/div>\n \n \n <h2 style=\"color: #00d4ff; margin-top: 50px; margin-bottom: 30px;\">Nuevas Funcionalidades<\/h2>\n <div class=\"features\">\n <div class=\"feature\">\n <div class=\"feature-icon\"><i class=\"fas fa-bolt\"><\/i><\/div>\n <h3 class=\"feature-title\">Proceso M\u00e1s R\u00e1pido<\/h3>\n <p class=\"feature-desc\">Optimizaci\u00f3n de tiempos de carga y procesamiento de modelos 3D.<\/p>\n <\/div>\n <div class=\"feature\">\n <div class=\"feature-icon\"><i class=\"fas fa-palette\"><\/i><\/div>\n <h3 class=\"feature-title\">M\u00e1s Materiales<\/h3>\n <p class=\"feature-desc\">Nuevas opciones de materiales y acabados para tus impresiones.<\/p>\n <\/div>\n <div class=\"feature\">\n <div class=\"feature-icon\"><i class=\"fas fa-mobile-alt\"><\/i><\/div>\n <h3 class=\"feature-title\">App M\u00f3vil<\/h3>\n <p class=\"feature-desc\">Seguimiento de pedidos y control desde tu dispositivo m\u00f3vil.<\/p>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"contact\">\n <h3>\u00bfNecesitas ayuda urgentemente?<\/h3>\n <p style=\"color: #a0e7ff; max-width: 700px; margin: 0 auto 30px; line-height: 1.6;\">\n Mientras terminamos las mejoras, puedes contactarnos para consultas urgentes sobre impresi\u00f3n 3D.\n <\/p>\n <div class=\"contact-info\">\n <div class=\"contact-item\">\n <div class=\"contact-icon\"><i class=\"fas fa-envelope\"><\/i><\/div>\n <div>info@reneservicios.es<\/div>\n <\/div>\n <div class=\"contact-item\">\n <div class=\"contact-icon\"><i class=\"fas fa-phone\"><\/i><\/div>\n <div>+34 666 013 015<\/div>\n <\/div>\n <div class=\"contact-item\">\n <div class=\"contact-icon\"><i class=\"fas fa-comments\"><\/i><\/div>\n <div>Soporte en l\u00ednea<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n \n <footer>\n <div class=\"footer-logo\">\n <i class=\"fas fa-cube\"><\/i>\n <\/div>\n <p>\u00a9 2005 Impresi\u00f3n 3D. Todos los derechos reservados.<\/p>\n <p style=\"margin-top: 15px; font-size: 0.9rem; color: #88c1ff;\">Sitio en reconstrucci\u00f3n - Volvemos m\u00e1s fuertes<\/p>\n <\/footer>\n <\/div>\n\n <script>\n \/\/ Generar part\u00edculas de fondo\n function createParticles() {\n const particlesContainer = document.getElementById('particles');\n const particleCount = 50;\n \n for (let i = 0; i < particleCount; i++) {\n const particle = document.createElement('div');\n particle.classList.add('particle');\n \n \/\/ Tama\u00f1o aleatorio entre 2px y 8px\n const size = Math.random() * 6 + 2;\n particle.style.width = `${size}px`;\n particle.style.height = `${size}px`;\n \n \/\/ Posici\u00f3n inicial aleatoria\n particle.style.left = `${Math.random() * 100}%`;\n \n \/\/ Animaci\u00f3n con duraci\u00f3n y delay aleatorios\n const duration = Math.random() * 20 + 15;\n const delay = Math.random() * 5;\n particle.style.animationDuration = `${duration}s`;\n particle.style.animationDelay = `${delay}s`;\n \n particlesContainer.appendChild(particle);\n }\n }\n \n \/\/ Contador regresivo (fecha objetivo: 7 d\u00edas a partir de hoy)\n function updateCountdown() {\n const now = new Date();\n const targetDate = new Date();\n targetDate.setDate(now.getDate() + 7);\n \n const timeRemaining = targetDate - now;\n \n const days = Math.floor(timeRemaining \/ (1000 * 60 * 60 * 24));\n const hours = Math.floor((timeRemaining % (1000 * 60 * 60 * 24)) \/ (1000 * 60 * 60));\n const minutes = Math.floor((timeRemaining % (1000 * 60 * 60)) \/ (1000 * 60));\n const seconds = Math.floor((timeRemaining % (1000 * 60)) \/ 1000);\n \n document.getElementById('days').textContent = days.toString().padStart(2, '0');\n document.getElementById('hours').textContent = hours.toString().padStart(2, '0');\n document.getElementById('minutes').textContent = minutes.toString().padStart(2, '0');\n document.getElementById('seconds').textContent = seconds.toString().padStart(2, '0');\n }\n \n \/\/ Efecto de rotaci\u00f3n interactiva para el cubo 3D\n function setupCubeInteraction() {\n const scene = document.querySelector('.scene');\n let mouseX = 0;\n let mouseY = 0;\n let isMouseOver = false;\n \n document.addEventListener('mousemove', (e) => {\n mouseX = (e.clientX \/ window.innerWidth) * 2 - 1;\n mouseY = (e.clientY \/ window.innerHeight) * 2 - 1;\n });\n \n scene.addEventListener('mouseenter', () => {\n isMouseOver = true;\n });\n \n scene.addEventListener('mouseleave', () => {\n isMouseOver = false;\n });\n \n function animateCube() {\n if (isMouseOver) {\n \/\/ Rotar seg\u00fan la posici\u00f3n del mouse\n const rotateY = mouseX * 30;\n const rotateX = -mouseY * 30;\n scene.style.transform = `rotateY(${rotateY}deg) rotateX(${rotateX}deg)`;\n }\n requestAnimationFrame(animateCube);\n }\n \n animateCube();\n }\n \n \/\/ Inicializaci\u00f3n cuando se carga la p\u00e1gina\n document.addEventListener('DOMContentLoaded', () => {\n createParticles();\n updateCountdown();\n setupCubeInteraction();\n \n \/\/ Actualizar contador cada segundo\n setInterval(updateCountdown, 1000);\n \n \/\/ Efecto de escritura para el mensaje principal\n const message = document.querySelector('.message');\n const originalText = message.innerHTML;\n message.innerHTML = '';\n \n let i = 0;\n function typeWriter() {\n if (i < originalText.length) {\n message.innerHTML += originalText.charAt(i);\n i++;\n setTimeout(typeWriter, 20);\n }\n }\n \n \/\/ Iniciar efecto de escritura despu\u00e9s de 1 segundo\n setTimeout(typeWriter, 1000);\n });\n \n \/\/ Efecto de parpadeo para elementos destacados\n function blinkHighlights() {\n const highlights = document.querySelectorAll('.highlight');\n highlights.forEach(highlight => {\n highlight.style.animation = 'none';\n setTimeout(() => {\n highlight.style.animation = '';\n }, 10);\n });\n }\n \n \/\/ Parpadear cada 5 segundos\n setInterval(blinkHighlights, 5000);\n <\/script>\n<\/body>\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>Impresi\u00f3n 3D | Mejoras en Progreso Impresi\u00f3n 3D Estamos transformando nuestra plataforma para ofrecerte la mejor experiencia en impresi\u00f3n 3D Estamos modificando nuestra web para poder brindaros un mejor servicio. Pronto tendremos una plataforma m\u00e1s r\u00e1pida, intuitiva y con nuevas funciones para hacer de tu experiencia de impresi\u00f3n 3D algo extraordinario. 00 D\u00edas 00 Horas […]<\/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-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/reneservicios.es\/impresion-3d-caceres\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/reneservicios.es\/impresion-3d-caceres\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/reneservicios.es\/impresion-3d-caceres\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/reneservicios.es\/impresion-3d-caceres\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/reneservicios.es\/impresion-3d-caceres\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":4,"href":"https:\/\/reneservicios.es\/impresion-3d-caceres\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":13,"href":"https:\/\/reneservicios.es\/impresion-3d-caceres\/wp-json\/wp\/v2\/pages\/2\/revisions\/13"}],"wp:attachment":[{"href":"https:\/\/reneservicios.es\/impresion-3d-caceres\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}