Pr\u00f3ximamente | Sitio en Construcci\u00f3n<\/title>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;600;700&family=Montserrat:wght@800;900&display=swap\" rel=\"stylesheet\">\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: 'Poppins', sans-serif;\r\n background: linear-gradient(135deg, #0f0c29, #302b63, #24243e);\r\n color: #fff;\r\n min-height: 100vh;\r\n overflow-x: hidden;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n position: relative;\r\n }\r\n\r\n \/* Fondo animado *\/\r\n .background-animation {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n z-index: -1;\r\n overflow: hidden;\r\n }\r\n\r\n .circle {\r\n position: absolute;\r\n border-radius: 50%;\r\n background: rgba(255, 255, 255, 0.05);\r\n animation: float 15s infinite linear;\r\n }\r\n\r\n .circle:nth-child(1) {\r\n width: 80px;\r\n height: 80px;\r\n top: 10%;\r\n left: 10%;\r\n animation-delay: 0s;\r\n }\r\n\r\n .circle:nth-child(2) {\r\n width: 120px;\r\n height: 120px;\r\n top: 20%;\r\n right: 15%;\r\n animation-delay: -5s;\r\n }\r\n\r\n .circle:nth-child(3) {\r\n width: 60px;\r\n height: 60px;\r\n bottom: 20%;\r\n left: 15%;\r\n animation-delay: -10s;\r\n }\r\n\r\n .circle:nth-child(4) {\r\n width: 100px;\r\n height: 100px;\r\n bottom: 10%;\r\n right: 10%;\r\n animation-delay: -3s;\r\n }\r\n\r\n @keyframes float {\r\n 0%, 100% {\r\n transform: translateY(0) rotate(0deg);\r\n }\r\n 50% {\r\n transform: translateY(-20px) rotate(180deg);\r\n }\r\n }\r\n\r\n .container {\r\n max-width: 1200px;\r\n width: 90%;\r\n padding: 2rem;\r\n text-align: center;\r\n z-index: 1;\r\n }\r\n\r\n .logo {\r\n font-size: 2.5rem;\r\n font-weight: 900;\r\n font-family: 'Montserrat', sans-serif;\r\n margin-bottom: 1.5rem;\r\n letter-spacing: 2px;\r\n background: linear-gradient(90deg, #f06, #9d50bb);\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n color: transparent;\r\n display: inline-block;\r\n }\r\n\r\n .tagline {\r\n font-size: 1.2rem;\r\n font-weight: 300;\r\n margin-bottom: 3rem;\r\n color: #aaa;\r\n max-width: 600px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n line-height: 1.6;\r\n }\r\n\r\n .coming-soon {\r\n font-size: 5rem;\r\n font-weight: 900;\r\n font-family: 'Montserrat', sans-serif;\r\n margin: 2rem 0;\r\n text-transform: uppercase;\r\n letter-spacing: 4px;\r\n background: linear-gradient(90deg, #ff7e5f, #feb47b, #86a8e7, #91eae4);\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n color: transparent;\r\n position: relative;\r\n display: inline-block;\r\n animation: pulse 2s infinite;\r\n }\r\n\r\n @keyframes pulse {\r\n 0%, 100% {\r\n transform: scale(1);\r\n }\r\n 50% {\r\n transform: scale(1.03);\r\n }\r\n }\r\n\r\n .coming-soon::after {\r\n content: '';\r\n position: absolute;\r\n width: 100%;\r\n height: 4px;\r\n background: linear-gradient(90deg, #ff7e5f, #feb47b, #86a8e7, #91eae4);\r\n bottom: -10px;\r\n left: 0;\r\n border-radius: 4px;\r\n }\r\n\r\n .description {\r\n font-size: 1.3rem;\r\n max-width: 700px;\r\n margin: 3rem auto;\r\n line-height: 1.8;\r\n color: #ddd;\r\n }\r\n\r\n .countdown {\r\n display: flex;\r\n justify-content: center;\r\n gap: 1.5rem;\r\n margin: 4rem 0;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .countdown-item {\r\n background: rgba(255, 255, 255, 0.1);\r\n backdrop-filter: blur(10px);\r\n border-radius: 15px;\r\n padding: 1.5rem 1rem;\r\n min-width: 120px;\r\n box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .countdown-item:hover {\r\n transform: translateY(-10px);\r\n }\r\n\r\n .countdown-value {\r\n font-size: 3rem;\r\n font-weight: 700;\r\n display: block;\r\n background: linear-gradient(90deg, #ff7e5f, #feb47b);\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n color: transparent;\r\n }\r\n\r\n .countdown-label {\r\n font-size: 0.9rem;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n color: #aaa;\r\n margin-top: 0.5rem;\r\n }\r\n\r\n .notify-form {\r\n max-width: 600px;\r\n margin: 3rem auto;\r\n background: rgba(255, 255, 255, 0.1);\r\n backdrop-filter: blur(10px);\r\n padding: 2rem;\r\n border-radius: 20px;\r\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n }\r\n\r\n .notify-form h3 {\r\n font-size: 1.5rem;\r\n margin-bottom: 1.5rem;\r\n color: #fff;\r\n }\r\n\r\n .form-group {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n justify-content: center;\r\n }\r\n\r\n .email-input {\r\n flex: 1;\r\n min-width: 250px;\r\n padding: 15px 20px;\r\n border: none;\r\n border-radius: 50px;\r\n background: rgba(255, 255, 255, 0.15);\r\n color: white;\r\n font-size: 1rem;\r\n outline: none;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .email-input:focus {\r\n background: rgba(255, 255, 255, 0.25);\r\n box-shadow: 0 0 0 2px rgba(255, 126, 95, 0.5);\r\n }\r\n\r\n .email-input::placeholder {\r\n color: rgba(255, 255, 255, 0.6);\r\n }\r\n\r\n .notify-btn {\r\n padding: 15px 30px;\r\n background: linear-gradient(90deg, #ff7e5f, #feb47b);\r\n border: none;\r\n border-radius: 50px;\r\n color: white;\r\n font-weight: 600;\r\n font-size: 1rem;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .notify-btn:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 10px 20px rgba(255, 126, 95, 0.4);\r\n }\r\n\r\n .social-links {\r\n display: flex;\r\n justify-content: center;\r\n gap: 1.5rem;\r\n margin-top: 3rem;\r\n }\r\n\r\n .social-icon {\r\n width: 50px;\r\n height: 50px;\r\n border-radius: 50%;\r\n background: rgba(255, 255, 255, 0.1);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: white;\r\n font-size: 1.3rem;\r\n text-decoration: none;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .social-icon:hover {\r\n background: linear-gradient(90deg, #ff7e5f, #feb47b);\r\n transform: translateY(-5px);\r\n }\r\n\r\n .copyright {\r\n margin-top: 3rem;\r\n color: #888;\r\n font-size: 0.9rem;\r\n text-align: center;\r\n }\r\n\r\n \/* Responsive *\/\r\n @media (max-width: 768px) {\r\n .coming-soon {\r\n font-size: 3.5rem;\r\n letter-spacing: 2px;\r\n }\r\n\r\n .countdown {\r\n gap: 1rem;\r\n }\r\n\r\n .countdown-item {\r\n min-width: 100px;\r\n padding: 1rem 0.5rem;\r\n }\r\n\r\n .countdown-value {\r\n font-size: 2.5rem;\r\n }\r\n\r\n .form-group {\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n\r\n .email-input {\r\n min-width: 100%;\r\n }\r\n\r\n .notify-btn {\r\n width: 100%;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .coming-soon {\r\n font-size: 2.5rem;\r\n }\r\n\r\n .countdown-item {\r\n min-width: 80px;\r\n }\r\n\r\n .countdown-value {\r\n font-size: 2rem;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n \r\n <div class=\"background-animation\">\r\n <div class=\"circle\"><\/div>\r\n <div class=\"circle\"><\/div>\r\n <div class=\"circle\"><\/div>\r\n <div class=\"circle\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"container\">\r\n \r\n <div class=\"logo\">Aridandante<\/div>\r\n \r\n \r\n <p class=\"tagline\">Estamos creando algo extraordinario. Una experiencia digital revolucionaria que cambiar\u00e1 la forma en que interact\u00faas con la tecnolog\u00eda.<\/p>\r\n \r\n \r\n <h1 class=\"coming-soon\">Pr\u00f3ximamente<\/h1>\r\n \r\n \r\n <p class=\"description\">\r\n Estamos trabajando arduamente para lanzar nuestro nuevo sitio web. \r\n Una plataforma innovadora que combina dise\u00f1o moderno, funcionalidad avanzada \r\n y una experiencia de usuario excepcional.\r\n <\/p>\r\n \r\n \r\n <div class=\"countdown\">\r\n <div class=\"countdown-item\">\r\n <span class=\"countdown-value\" id=\"days\">00<\/span>\r\n <span class=\"countdown-label\">D\u00edas<\/span>\r\n <\/div>\r\n <div class=\"countdown-item\">\r\n <span class=\"countdown-value\" id=\"hours\">00<\/span>\r\n <span class=\"countdown-label\">Horas<\/span>\r\n <\/div>\r\n <div class=\"countdown-item\">\r\n <span class=\"countdown-value\" id=\"minutes\">00<\/span>\r\n <span class=\"countdown-label\">Minutos<\/span>\r\n <\/div>\r\n <div class=\"countdown-item\">\r\n <span class=\"countdown-value\" id=\"seconds\">00<\/span>\r\n <span class=\"countdown-label\">Segundos<\/span>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"notify-form\">\r\n <h3>Notif\u00edcame cuando est\u00e9 listo<\/h3>\r\n <form id=\"notification-form\">\r\n <div class=\"form-group\">\r\n <input type=\"email\" class=\"email-input\" placeholder=\"Tu correo electr\u00f3nico\" required>\r\n <button type=\"submit\" class=\"notify-btn\">Notificarme<\/button>\r\n <\/div>\r\n <\/form>\r\n <\/div>\r\n \r\n \r\n <div class=\"social-links\">\r\n <a href=\"#\" class=\"social-icon\">\r\n <i class=\"fab fa-twitter\"><\/i>\r\n <\/a>\r\n <a href=\"#\" class=\"social-icon\">\r\n <i class=\"fab fa-facebook-f\"><\/i>\r\n <\/a>\r\n <a href=\"#\" class=\"social-icon\">\r\n <i class=\"fab fa-instagram\"><\/i>\r\n <\/a>\r\n <a href=\"#\" class=\"social-icon\">\r\n <i class=\"fab fa-linkedin-in\"><\/i>\r\n <\/a>\r\n <\/div>\r\n \r\n \r\n <div class=\"copyright\">\r\n © 2026 Aridandante. Todos los derechos reservados. | Dise\u00f1o moderno \"Pr\u00f3ximamente\"\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ Configurar la fecha de lanzamiento (30 d\u00edas a partir de hoy)\r\n const launchDate = new Date();\r\n launchDate.setDate(launchDate.getDate() + 30);\r\n\r\n \/\/ Actualizar el countdown cada segundo\r\n function updateCountdown() {\r\n const now = new Date().getTime();\r\n const distance = launchDate - now;\r\n\r\n \/\/ Calcular d\u00edas, horas, minutos y segundos\r\n const days = Math.floor(distance \/ (1000 * 60 * 60 * 24));\r\n const hours = Math.floor((distance % (1000 * 60 * 60 * 24)) \/ (1000 * 60 * 60));\r\n const minutes = Math.floor((distance % (1000 * 60 * 60)) \/ (1000 * 60));\r\n const seconds = Math.floor((distance % (1000 * 60)) \/ 1000);\r\n\r\n \/\/ Actualizar los elementos del DOM\r\n document.getElementById('days').innerHTML = days.toString().padStart(2, '0');\r\n document.getElementById('hours').innerHTML = hours.toString().padStart(2, '0');\r\n document.getElementById('minutes').innerHTML = minutes.toString().padStart(2, '0');\r\n document.getElementById('seconds').innerHTML = seconds.toString().padStart(2, '0');\r\n\r\n \/\/ Si la cuenta regresiva ha terminado\r\n if (distance < 0) {\r\n clearInterval(countdownInterval);\r\n document.querySelector('.countdown').innerHTML = \"<h2>\u00a1Ya estamos aqu\u00ed!<\/h2>\";\r\n }\r\n }\r\n\r\n \/\/ Ejecutar la funci\u00f3n inicialmente\r\n updateCountdown();\r\n\r\n \/\/ Actualizar cada segundo\r\n const countdownInterval = setInterval(updateCountdown, 1000);\r\n\r\n \/\/ Manejar el formulario de notificaci\u00f3n\r\n document.getElementById('notification-form').addEventListener('submit', function(e) {\r\n e.preventDefault();\r\n const emailInput = this.querySelector('.email-input');\r\n const email = emailInput.value;\r\n \r\n if (email) {\r\n \/\/ Aqu\u00ed normalmente enviar\u00edas el email a un servidor\r\n \/\/ Por ahora, solo mostraremos una alerta\r\n alert(`\u00a1Gracias! Te notificaremos en ${email} cuando estemos listos.`);\r\n emailInput.value = '';\r\n }\r\n });\r\n\r\n \/\/ Efecto de escritura para el tagline (opcional)\r\n const tagline = document.querySelector('.tagline');\r\n const originalText = tagline.textContent;\r\n tagline.textContent = '';\r\n \r\n let i = 0;\r\n function typeWriter() {\r\n if (i < originalText.length) {\r\n tagline.textContent += originalText.charAt(i);\r\n i++;\r\n setTimeout(typeWriter, 30);\r\n }\r\n }\r\n \r\n \/\/ Iniciar efecto de escritura despu\u00e9s de un breve retraso\r\n setTimeout(typeWriter, 1000);\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","protected":false},"excerpt":{"rendered":"<p>Pr\u00f3ximamente | Sitio en Construcci\u00f3n Aridandante Estamos creando algo extraordinario. Una experiencia digital revolucionaria que cambiar\u00e1 la forma en que interact\u00faas con la tecnolog\u00eda. Pr\u00f3ximamente Estamos trabajando arduamente para lanzar nuestro nuevo sitio web. Una plataforma innovadora que combina dise\u00f1o moderno, funcionalidad avanzada y una experiencia de usuario excepcional. 00 D\u00edas 00 Horas 00 Minutos 00 Segundos Notif\u00edcame cuando est\u00e9 listo Notificarme © 2026 Aridandante. Todos los derechos reservados. | Dise\u00f1o moderno “Pr\u00f3ximamente”<\/p>\n","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-93","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/proyectos.c-onlineweb.net\/aridandante\/wp-json\/wp\/v2\/pages\/93","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/proyectos.c-onlineweb.net\/aridandante\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/proyectos.c-onlineweb.net\/aridandante\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/proyectos.c-onlineweb.net\/aridandante\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/proyectos.c-onlineweb.net\/aridandante\/wp-json\/wp\/v2\/comments?post=93"}],"version-history":[{"count":3,"href":"https:\/\/proyectos.c-onlineweb.net\/aridandante\/wp-json\/wp\/v2\/pages\/93\/revisions"}],"predecessor-version":[{"id":669,"href":"https:\/\/proyectos.c-onlineweb.net\/aridandante\/wp-json\/wp\/v2\/pages\/93\/revisions\/669"}],"wp:attachment":[{"href":"https:\/\/proyectos.c-onlineweb.net\/aridandante\/wp-json\/wp\/v2\/media?parent=93"}],"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 Pr\u00f3ximamente | Sitio en Construcci\u00f3n<\/title>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;600;700&family=Montserrat:wght@800;900&display=swap\" rel=\"stylesheet\">\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: 'Poppins', sans-serif;\r\n background: linear-gradient(135deg, #0f0c29, #302b63, #24243e);\r\n color: #fff;\r\n min-height: 100vh;\r\n overflow-x: hidden;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n position: relative;\r\n }\r\n\r\n \/* Fondo animado *\/\r\n .background-animation {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n z-index: -1;\r\n overflow: hidden;\r\n }\r\n\r\n .circle {\r\n position: absolute;\r\n border-radius: 50%;\r\n background: rgba(255, 255, 255, 0.05);\r\n animation: float 15s infinite linear;\r\n }\r\n\r\n .circle:nth-child(1) {\r\n width: 80px;\r\n height: 80px;\r\n top: 10%;\r\n left: 10%;\r\n animation-delay: 0s;\r\n }\r\n\r\n .circle:nth-child(2) {\r\n width: 120px;\r\n height: 120px;\r\n top: 20%;\r\n right: 15%;\r\n animation-delay: -5s;\r\n }\r\n\r\n .circle:nth-child(3) {\r\n width: 60px;\r\n height: 60px;\r\n bottom: 20%;\r\n left: 15%;\r\n animation-delay: -10s;\r\n }\r\n\r\n .circle:nth-child(4) {\r\n width: 100px;\r\n height: 100px;\r\n bottom: 10%;\r\n right: 10%;\r\n animation-delay: -3s;\r\n }\r\n\r\n @keyframes float {\r\n 0%, 100% {\r\n transform: translateY(0) rotate(0deg);\r\n }\r\n 50% {\r\n transform: translateY(-20px) rotate(180deg);\r\n }\r\n }\r\n\r\n .container {\r\n max-width: 1200px;\r\n width: 90%;\r\n padding: 2rem;\r\n text-align: center;\r\n z-index: 1;\r\n }\r\n\r\n .logo {\r\n font-size: 2.5rem;\r\n font-weight: 900;\r\n font-family: 'Montserrat', sans-serif;\r\n margin-bottom: 1.5rem;\r\n letter-spacing: 2px;\r\n background: linear-gradient(90deg, #f06, #9d50bb);\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n color: transparent;\r\n display: inline-block;\r\n }\r\n\r\n .tagline {\r\n font-size: 1.2rem;\r\n font-weight: 300;\r\n margin-bottom: 3rem;\r\n color: #aaa;\r\n max-width: 600px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n line-height: 1.6;\r\n }\r\n\r\n .coming-soon {\r\n font-size: 5rem;\r\n font-weight: 900;\r\n font-family: 'Montserrat', sans-serif;\r\n margin: 2rem 0;\r\n text-transform: uppercase;\r\n letter-spacing: 4px;\r\n background: linear-gradient(90deg, #ff7e5f, #feb47b, #86a8e7, #91eae4);\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n color: transparent;\r\n position: relative;\r\n display: inline-block;\r\n animation: pulse 2s infinite;\r\n }\r\n\r\n @keyframes pulse {\r\n 0%, 100% {\r\n transform: scale(1);\r\n }\r\n 50% {\r\n transform: scale(1.03);\r\n }\r\n }\r\n\r\n .coming-soon::after {\r\n content: '';\r\n position: absolute;\r\n width: 100%;\r\n height: 4px;\r\n background: linear-gradient(90deg, #ff7e5f, #feb47b, #86a8e7, #91eae4);\r\n bottom: -10px;\r\n left: 0;\r\n border-radius: 4px;\r\n }\r\n\r\n .description {\r\n font-size: 1.3rem;\r\n max-width: 700px;\r\n margin: 3rem auto;\r\n line-height: 1.8;\r\n color: #ddd;\r\n }\r\n\r\n .countdown {\r\n display: flex;\r\n justify-content: center;\r\n gap: 1.5rem;\r\n margin: 4rem 0;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .countdown-item {\r\n background: rgba(255, 255, 255, 0.1);\r\n backdrop-filter: blur(10px);\r\n border-radius: 15px;\r\n padding: 1.5rem 1rem;\r\n min-width: 120px;\r\n box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .countdown-item:hover {\r\n transform: translateY(-10px);\r\n }\r\n\r\n .countdown-value {\r\n font-size: 3rem;\r\n font-weight: 700;\r\n display: block;\r\n background: linear-gradient(90deg, #ff7e5f, #feb47b);\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n color: transparent;\r\n }\r\n\r\n .countdown-label {\r\n font-size: 0.9rem;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n color: #aaa;\r\n margin-top: 0.5rem;\r\n }\r\n\r\n .notify-form {\r\n max-width: 600px;\r\n margin: 3rem auto;\r\n background: rgba(255, 255, 255, 0.1);\r\n backdrop-filter: blur(10px);\r\n padding: 2rem;\r\n border-radius: 20px;\r\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n }\r\n\r\n .notify-form h3 {\r\n font-size: 1.5rem;\r\n margin-bottom: 1.5rem;\r\n color: #fff;\r\n }\r\n\r\n .form-group {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n justify-content: center;\r\n }\r\n\r\n .email-input {\r\n flex: 1;\r\n min-width: 250px;\r\n padding: 15px 20px;\r\n border: none;\r\n border-radius: 50px;\r\n background: rgba(255, 255, 255, 0.15);\r\n color: white;\r\n font-size: 1rem;\r\n outline: none;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .email-input:focus {\r\n background: rgba(255, 255, 255, 0.25);\r\n box-shadow: 0 0 0 2px rgba(255, 126, 95, 0.5);\r\n }\r\n\r\n .email-input::placeholder {\r\n color: rgba(255, 255, 255, 0.6);\r\n }\r\n\r\n .notify-btn {\r\n padding: 15px 30px;\r\n background: linear-gradient(90deg, #ff7e5f, #feb47b);\r\n border: none;\r\n border-radius: 50px;\r\n color: white;\r\n font-weight: 600;\r\n font-size: 1rem;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .notify-btn:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 10px 20px rgba(255, 126, 95, 0.4);\r\n }\r\n\r\n .social-links {\r\n display: flex;\r\n justify-content: center;\r\n gap: 1.5rem;\r\n margin-top: 3rem;\r\n }\r\n\r\n .social-icon {\r\n width: 50px;\r\n height: 50px;\r\n border-radius: 50%;\r\n background: rgba(255, 255, 255, 0.1);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: white;\r\n font-size: 1.3rem;\r\n text-decoration: none;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .social-icon:hover {\r\n background: linear-gradient(90deg, #ff7e5f, #feb47b);\r\n transform: translateY(-5px);\r\n }\r\n\r\n .copyright {\r\n margin-top: 3rem;\r\n color: #888;\r\n font-size: 0.9rem;\r\n text-align: center;\r\n }\r\n\r\n \/* Responsive *\/\r\n @media (max-width: 768px) {\r\n .coming-soon {\r\n font-size: 3.5rem;\r\n letter-spacing: 2px;\r\n }\r\n\r\n .countdown {\r\n gap: 1rem;\r\n }\r\n\r\n .countdown-item {\r\n min-width: 100px;\r\n padding: 1rem 0.5rem;\r\n }\r\n\r\n .countdown-value {\r\n font-size: 2.5rem;\r\n }\r\n\r\n .form-group {\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n\r\n .email-input {\r\n min-width: 100%;\r\n }\r\n\r\n .notify-btn {\r\n width: 100%;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .coming-soon {\r\n font-size: 2.5rem;\r\n }\r\n\r\n .countdown-item {\r\n min-width: 80px;\r\n }\r\n\r\n .countdown-value {\r\n font-size: 2rem;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n \r\n <div class=\"background-animation\">\r\n <div class=\"circle\"><\/div>\r\n <div class=\"circle\"><\/div>\r\n <div class=\"circle\"><\/div>\r\n <div class=\"circle\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"container\">\r\n \r\n <div class=\"logo\">Aridandante<\/div>\r\n \r\n \r\n <p class=\"tagline\">Estamos creando algo extraordinario. Una experiencia digital revolucionaria que cambiar\u00e1 la forma en que interact\u00faas con la tecnolog\u00eda.<\/p>\r\n \r\n \r\n <h1 class=\"coming-soon\">Pr\u00f3ximamente<\/h1>\r\n \r\n \r\n <p class=\"description\">\r\n Estamos trabajando arduamente para lanzar nuestro nuevo sitio web. \r\n Una plataforma innovadora que combina dise\u00f1o moderno, funcionalidad avanzada \r\n y una experiencia de usuario excepcional.\r\n <\/p>\r\n \r\n \r\n <div class=\"countdown\">\r\n <div class=\"countdown-item\">\r\n <span class=\"countdown-value\" id=\"days\">00<\/span>\r\n <span class=\"countdown-label\">D\u00edas<\/span>\r\n <\/div>\r\n <div class=\"countdown-item\">\r\n <span class=\"countdown-value\" id=\"hours\">00<\/span>\r\n <span class=\"countdown-label\">Horas<\/span>\r\n <\/div>\r\n <div class=\"countdown-item\">\r\n <span class=\"countdown-value\" id=\"minutes\">00<\/span>\r\n <span class=\"countdown-label\">Minutos<\/span>\r\n <\/div>\r\n <div class=\"countdown-item\">\r\n <span class=\"countdown-value\" id=\"seconds\">00<\/span>\r\n <span class=\"countdown-label\">Segundos<\/span>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"notify-form\">\r\n <h3>Notif\u00edcame cuando est\u00e9 listo<\/h3>\r\n <form id=\"notification-form\">\r\n <div class=\"form-group\">\r\n <input type=\"email\" class=\"email-input\" placeholder=\"Tu correo electr\u00f3nico\" required>\r\n <button type=\"submit\" class=\"notify-btn\">Notificarme<\/button>\r\n <\/div>\r\n <\/form>\r\n <\/div>\r\n \r\n \r\n <div class=\"social-links\">\r\n <a href=\"#\" class=\"social-icon\">\r\n <i class=\"fab fa-twitter\"><\/i>\r\n <\/a>\r\n <a href=\"#\" class=\"social-icon\">\r\n <i class=\"fab fa-facebook-f\"><\/i>\r\n <\/a>\r\n <a href=\"#\" class=\"social-icon\">\r\n <i class=\"fab fa-instagram\"><\/i>\r\n <\/a>\r\n <a href=\"#\" class=\"social-icon\">\r\n <i class=\"fab fa-linkedin-in\"><\/i>\r\n <\/a>\r\n <\/div>\r\n \r\n \r\n <div class=\"copyright\">\r\n © 2026 Aridandante. Todos los derechos reservados. | Dise\u00f1o moderno \"Pr\u00f3ximamente\"\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ Configurar la fecha de lanzamiento (30 d\u00edas a partir de hoy)\r\n const launchDate = new Date();\r\n launchDate.setDate(launchDate.getDate() + 30);\r\n\r\n \/\/ Actualizar el countdown cada segundo\r\n function updateCountdown() {\r\n const now = new Date().getTime();\r\n const distance = launchDate - now;\r\n\r\n \/\/ Calcular d\u00edas, horas, minutos y segundos\r\n const days = Math.floor(distance \/ (1000 * 60 * 60 * 24));\r\n const hours = Math.floor((distance % (1000 * 60 * 60 * 24)) \/ (1000 * 60 * 60));\r\n const minutes = Math.floor((distance % (1000 * 60 * 60)) \/ (1000 * 60));\r\n const seconds = Math.floor((distance % (1000 * 60)) \/ 1000);\r\n\r\n \/\/ Actualizar los elementos del DOM\r\n document.getElementById('days').innerHTML = days.toString().padStart(2, '0');\r\n document.getElementById('hours').innerHTML = hours.toString().padStart(2, '0');\r\n document.getElementById('minutes').innerHTML = minutes.toString().padStart(2, '0');\r\n document.getElementById('seconds').innerHTML = seconds.toString().padStart(2, '0');\r\n\r\n \/\/ Si la cuenta regresiva ha terminado\r\n if (distance < 0) {\r\n clearInterval(countdownInterval);\r\n document.querySelector('.countdown').innerHTML = \"<h2>\u00a1Ya estamos aqu\u00ed!<\/h2>\";\r\n }\r\n }\r\n\r\n \/\/ Ejecutar la funci\u00f3n inicialmente\r\n updateCountdown();\r\n\r\n \/\/ Actualizar cada segundo\r\n const countdownInterval = setInterval(updateCountdown, 1000);\r\n\r\n \/\/ Manejar el formulario de notificaci\u00f3n\r\n document.getElementById('notification-form').addEventListener('submit', function(e) {\r\n e.preventDefault();\r\n const emailInput = this.querySelector('.email-input');\r\n const email = emailInput.value;\r\n \r\n if (email) {\r\n \/\/ Aqu\u00ed normalmente enviar\u00edas el email a un servidor\r\n \/\/ Por ahora, solo mostraremos una alerta\r\n alert(`\u00a1Gracias! Te notificaremos en ${email} cuando estemos listos.`);\r\n emailInput.value = '';\r\n }\r\n });\r\n\r\n \/\/ Efecto de escritura para el tagline (opcional)\r\n const tagline = document.querySelector('.tagline');\r\n const originalText = tagline.textContent;\r\n tagline.textContent = '';\r\n \r\n let i = 0;\r\n function typeWriter() {\r\n if (i < originalText.length) {\r\n tagline.textContent += originalText.charAt(i);\r\n i++;\r\n setTimeout(typeWriter, 30);\r\n }\r\n }\r\n \r\n \/\/ Iniciar efecto de escritura despu\u00e9s de un breve retraso\r\n setTimeout(typeWriter, 1000);\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","protected":false},"excerpt":{"rendered":"<p>Pr\u00f3ximamente | Sitio en Construcci\u00f3n Aridandante Estamos creando algo extraordinario. Una experiencia digital revolucionaria que cambiar\u00e1 la forma en que interact\u00faas con la tecnolog\u00eda. Pr\u00f3ximamente Estamos trabajando arduamente para lanzar nuestro nuevo sitio web. Una plataforma innovadora que combina dise\u00f1o moderno, funcionalidad avanzada y una experiencia de usuario excepcional. 00 D\u00edas 00 Horas 00 Minutos 00 Segundos Notif\u00edcame cuando est\u00e9 listo Notificarme © 2026 Aridandante. Todos los derechos reservados. | Dise\u00f1o moderno “Pr\u00f3ximamente”<\/p>\n","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-93","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/proyectos.c-onlineweb.net\/aridandante\/wp-json\/wp\/v2\/pages\/93","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/proyectos.c-onlineweb.net\/aridandante\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/proyectos.c-onlineweb.net\/aridandante\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/proyectos.c-onlineweb.net\/aridandante\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/proyectos.c-onlineweb.net\/aridandante\/wp-json\/wp\/v2\/comments?post=93"}],"version-history":[{"count":3,"href":"https:\/\/proyectos.c-onlineweb.net\/aridandante\/wp-json\/wp\/v2\/pages\/93\/revisions"}],"predecessor-version":[{"id":669,"href":"https:\/\/proyectos.c-onlineweb.net\/aridandante\/wp-json\/wp\/v2\/pages\/93\/revisions\/669"}],"wp:attachment":[{"href":"https:\/\/proyectos.c-onlineweb.net\/aridandante\/wp-json\/wp\/v2\/media?parent=93"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}