Under Maintenance \u2014 Vortex Media<\/title>\r\n<meta name=\"robots\" content=\"noindex, nofollow\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}\r\n:root{\r\n --white:#ffffff;--off-white:#f8f8fa;--light-gray:#eeeff2;--mid-gray:#dcdde2;\r\n --text-primary:#0a0a0f;--text-secondary:#3a3a4a;--text-muted:#8a8a9a;\r\n --accent:#0055ff;--accent-rgb:0,85,255;--accent-light:#eef3ff;--accent-hover:#003ecc;\r\n --font-heading:'Space Grotesk',-apple-system,sans-serif;\r\n --font-body:'Inter',-apple-system,sans-serif;\r\n}\r\nhtml{-webkit-font-smoothing:antialiased}\r\nbody{\r\n font-family:var(--font-body);background:var(--white);color:var(--text-primary);\r\n overflow:hidden;line-height:1.6;height:100vh;display:flex;align-items:center;justify-content:center;\r\n position:relative;\r\n}\r\n\r\n\/* \u2550\u2550\u2550 BACKGROUND GRID \u2550\u2550\u2550 *\/\r\n.bg-grid{\r\n position:fixed;inset:0;z-index:0;\r\n background-image:\r\n linear-gradient(rgba(0,85,255,.04) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(0,85,255,.04) 1px, transparent 1px);\r\n background-size:60px 60px;\r\n animation:gridShift 20s linear infinite;\r\n}\r\n@keyframes gridShift{\r\n 0%{background-position:0 0}\r\n 100%{background-position:60px 60px}\r\n}\r\n\r\n\/* \u2550\u2550\u2550 FLOATING PARTICLES \u2550\u2550\u2550 *\/\r\n.particles{position:fixed;inset:0;z-index:1;pointer-events:none}\r\n.particle{\r\n position:absolute;border-radius:50%;\r\n background:var(--accent);opacity:0;\r\n animation:floatUp linear infinite;\r\n}\r\n@keyframes floatUp{\r\n 0%{opacity:0;transform:translateY(100vh) scale(0)}\r\n 10%{opacity:.15}\r\n 90%{opacity:.08}\r\n 100%{opacity:0;transform:translateY(-10vh) scale(1)}\r\n}\r\n\r\n\/* \u2550\u2550\u2550 VORTEX CANVAS \u2550\u2550\u2550 *\/\r\n.vortex-container{\r\n position:absolute;z-index:2;\r\n width:500px;height:500px;\r\n top:50%;left:50%;transform:translate(-50%,-50%);\r\n opacity:.12;\r\n}\r\n\r\n\/* \u2550\u2550\u2550 MAIN CONTENT \u2550\u2550\u2550 *\/\r\n.content{\r\n position:relative;z-index:10;text-align:center;\r\n max-width:640px;padding:2rem;\r\n}\r\n.logo-mark{\r\n font-family:var(--font-heading);font-weight:700;font-size:1rem;\r\n letter-spacing:.3em;text-transform:uppercase;color:var(--accent);\r\n margin-bottom:3rem;opacity:0;animation:fadeSlideUp .8s .3s ease forwards;\r\n}\r\n.status-badge{\r\n display:inline-flex;align-items:center;gap:.5rem;\r\n padding:.45rem 1.2rem;border-radius:100px;\r\n background:var(--accent-light);color:var(--accent);\r\n font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;\r\n margin-bottom:2rem;opacity:0;animation:fadeSlideUp .8s .5s ease forwards;\r\n}\r\n.status-dot{\r\n width:8px;height:8px;border-radius:50%;background:var(--accent);\r\n animation:pulse 2s ease-in-out infinite;\r\n}\r\n@keyframes pulse{\r\n 0%,100%{opacity:1;transform:scale(1)}\r\n 50%{opacity:.4;transform:scale(.7)}\r\n}\r\nh1{\r\n font-family:var(--font-heading);font-size:clamp(2.2rem,5vw,3.6rem);\r\n font-weight:700;line-height:1.1;letter-spacing:-.02em;\r\n margin-bottom:1.2rem;opacity:0;animation:fadeSlideUp .8s .7s ease forwards;\r\n}\r\nh1 span.gradient{\r\n display:block;\r\n background:linear-gradient(135deg,var(--accent),#7c3aed);\r\n -webkit-background-clip:text;-webkit-text-fill-color:transparent;\r\n background-clip:text;\r\n}\r\n.subtitle{\r\n font-size:1.1rem;color:var(--text-secondary);line-height:1.7;\r\n max-width:480px;margin:0 auto 2.5rem;\r\n opacity:0;animation:fadeSlideUp .8s .9s ease forwards;\r\n}\r\n\r\n\/* \u2550\u2550\u2550 PROGRESS BAR \u2550\u2550\u2550 *\/\r\n.progress-wrap{\r\n max-width:320px;margin:0 auto 2.5rem;\r\n opacity:0;animation:fadeSlideUp .8s 1.1s ease forwards;\r\n}\r\n.progress-label{\r\n display:flex;justify-content:space-between;\r\n font-size:.72rem;font-weight:600;color:var(--text-muted);\r\n text-transform:uppercase;letter-spacing:.1em;margin-bottom:.6rem;\r\n}\r\n.progress-track{\r\n width:100%;height:4px;background:var(--light-gray);border-radius:4px;overflow:hidden;\r\n}\r\n.progress-fill{\r\n height:100%;width:0;border-radius:4px;\r\n background:linear-gradient(90deg,var(--accent),#7c3aed);\r\n animation:fillBar 3s 1.5s ease forwards;\r\n}\r\n@keyframes fillBar{to{width:72%}}\r\n\r\n\/* \u2550\u2550\u2550 CONTACT LINK \u2550\u2550\u2550 *\/\r\n.contact-line{\r\n font-size:.88rem;color:var(--text-muted);\r\n opacity:0;animation:fadeSlideUp .8s 1.3s ease forwards;\r\n}\r\n.contact-line a{\r\n color:var(--accent);font-weight:600;\r\n text-decoration:none;position:relative;\r\n transition:color .3s;\r\n}\r\n.contact-line a::after{\r\n content:'';position:absolute;bottom:-2px;left:0;\r\n width:0;height:1.5px;background:var(--accent);\r\n transition:width .3s;\r\n}\r\n.contact-line a:hover::after{width:100%}\r\n.contact-line a:hover{color:var(--accent-hover)}\r\n\r\n\/* \u2550\u2550\u2550 BOTTOM LINE \u2550\u2550\u2550 *\/\r\n.bottom-line{\r\n position:fixed;bottom:0;left:0;right:0;height:3px;z-index:50;\r\n background:linear-gradient(90deg,var(--accent),#7c3aed,var(--accent));\r\n background-size:200% 100%;\r\n animation:gradientSlide 4s linear infinite;\r\n}\r\n@keyframes gradientSlide{\r\n 0%{background-position:0 0}\r\n 100%{background-position:200% 0}\r\n}\r\n\r\n\/* \u2550\u2550\u2550 GEAR ICON \u2550\u2550\u2550 *\/\r\n.gear-wrap{\r\n margin-bottom:2rem;\r\n opacity:0;animation:fadeSlideUp .8s .4s ease forwards;\r\n}\r\n.gear-icon{\r\n width:56px;height:56px;margin:0 auto;\r\n animation:spin 8s linear infinite;\r\n}\r\n.gear-icon svg{width:100%;height:100%}\r\n@keyframes spin{to{transform:rotate(360deg)}}\r\n\r\n\/* \u2550\u2550\u2550 ANIMATIONS \u2550\u2550\u2550 *\/\r\n@keyframes fadeSlideUp{\r\n from{opacity:0;transform:translateY(24px)}\r\n to{opacity:1;transform:translateY(0)}\r\n}\r\n\r\n\/* \u2550\u2550\u2550 CORNER ACCENTS \u2550\u2550\u2550 *\/\r\n.corner{\r\n position:fixed;z-index:5;width:80px;height:80px;\r\n opacity:0;animation:fadeIn 1s 1.8s ease forwards;\r\n}\r\n.corner svg{width:100%;height:100%}\r\n.corner-tl{top:2rem;left:2rem}\r\n.corner-br{bottom:2rem;right:2rem;transform:rotate(180deg)}\r\n@keyframes fadeIn{to{opacity:1}}\r\n\r\n\/* \u2550\u2550\u2550 RESPONSIVE \u2550\u2550\u2550 *\/\r\n@media(max-width:640px){\r\n .vortex-container{width:320px;height:320px}\r\n .corner{width:50px;height:50px}\r\n .content{padding:1.5rem}\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"bg-grid\"><\/div>\r\n<div class=\"particles\" id=\"particles\"><\/div>\r\n\r\n<div class=\"vortex-container\">\r\n <canvas id=\"vortexCanvas\" width=\"500\" height=\"500\"><\/canvas>\r\n<\/div>\r\n\r\n<div class=\"corner corner-tl\">\r\n <svg viewBox=\"0 0 80 80\" fill=\"none\" stroke=\"rgba(0,85,255,.2)\" stroke-width=\"1.5\">\r\n <line x1=\"0\" y1=\"0\" x2=\"80\" y2=\"0\"\/>\r\n <line x1=\"0\" y1=\"0\" x2=\"0\" y2=\"80\"\/>\r\n <circle cx=\"0\" cy=\"0\" r=\"4\" fill=\"rgba(0,85,255,.15)\" stroke=\"none\"\/>\r\n <\/svg>\r\n<\/div>\r\n<div class=\"corner corner-br\">\r\n <svg viewBox=\"0 0 80 80\" fill=\"none\" stroke=\"rgba(0,85,255,.2)\" stroke-width=\"1.5\">\r\n <line x1=\"0\" y1=\"0\" x2=\"80\" y2=\"0\"\/>\r\n <line x1=\"0\" y1=\"0\" x2=\"0\" y2=\"80\"\/>\r\n <circle cx=\"0\" cy=\"0\" r=\"4\" fill=\"rgba(0,85,255,.15)\" stroke=\"none\"\/>\r\n <\/svg>\r\n<\/div>\r\n\r\n<div class=\"bottom-line\"><\/div>\r\n\r\n<div class=\"content\">\r\n <div class=\"logo-mark\">Vortex Media<\/div>\r\n\r\n <div class=\"gear-wrap\">\r\n <div class=\"gear-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--accent)\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <circle cx=\"12\" cy=\"12\" r=\"3\"\/>\r\n <path d=\"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"status-badge\">\r\n <span class=\"status-dot\"><\/span>\r\n Under maintenance\r\n <\/div>\r\n\r\n <h1>\r\n <span class=\"gradient\">We're improving<\/span>\r\n your experience.\r\n <\/h1>\r\n\r\n <p class=\"subtitle\">Our team is working to deliver a faster, cleaner and more useful website. We'll be back shortly.<\/p>\r\n\r\n <div class=\"progress-wrap\">\r\n <div class=\"progress-label\">\r\n <span>Progress<\/span>\r\n <span>72%<\/span>\r\n <\/div>\r\n <div class=\"progress-track\">\r\n <div class=\"progress-fill\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <p class=\"contact-line\">Something urgent? <a href=\"mailto:vortexmedia@vortexmedia.agency\">vortexmedia@vortexmedia.agency<\/a><\/p>\r\n<\/div>\r\n\r\n<script>\r\n\/\/ \u2550\u2550\u2550 PARTICLES \u2550\u2550\u2550\r\n(function(){\r\n const container=document.getElementById('particles');\r\n for(let i=0;i<25;i++){\r\n const p=document.createElement('div');\r\n p.className='particle';\r\n const size=2+Math.random()*4;\r\n p.style.width=size+'px';\r\n p.style.height=size+'px';\r\n p.style.left=Math.random()*100+'%';\r\n p.style.animationDuration=(8+Math.random()*12)+'s';\r\n p.style.animationDelay=(Math.random()*10)+'s';\r\n container.appendChild(p);\r\n }\r\n})();\r\n\r\n\/\/ \u2550\u2550\u2550 VORTEX WIREFRAME GLOBE \u2550\u2550\u2550\r\n(function(){\r\n const canvas=document.getElementById('vortexCanvas');\r\n const ctx=canvas.getContext('2d');\r\n const W=canvas.width, H=canvas.height;\r\n const cx=W\/2, cy=H\/2, R=180;\r\n let angle=0;\r\n\r\n function drawGlobe(){\r\n ctx.clearRect(0,0,W,H);\r\n ctx.strokeStyle='rgba(0,85,255,.25)';\r\n ctx.lineWidth=.8;\r\n\r\n for(let lat=-80;lat<=80;lat+=20){\r\n ctx.beginPath();\r\n const latR=lat*Math.PI\/180;\r\n const r=R*Math.cos(latR);\r\n const y=cy-R*Math.sin(latR);\r\n ctx.ellipse(cx,y,r,r*0.3,0,0,Math.PI*2);\r\n ctx.stroke();\r\n }\r\n\r\n for(let lon=0;lon<180;lon+=20){\r\n ctx.beginPath();\r\n const lonR=(lon+angle)*Math.PI\/180;\r\n for(let t=0;t<=360;t+=3){\r\n const tR=t*Math.PI\/180;\r\n const x3=R*Math.cos(tR)*Math.sin(lonR);\r\n const y3=R*Math.sin(tR);\r\n const z3=R*Math.cos(tR)*Math.cos(lonR);\r\n const scale=1\/(1+z3\/600);\r\n const sx=cx+x3*scale;\r\n const sy=cy-y3*scale;\r\n if(t===0) ctx.moveTo(sx,sy);\r\n else ctx.lineTo(sx,sy);\r\n }\r\n ctx.stroke();\r\n }\r\n\r\n ctx.beginPath();\r\n ctx.arc(cx,cy,R,0,Math.PI*2);\r\n ctx.strokeStyle='rgba(0,85,255,.12)';\r\n ctx.lineWidth=2;\r\n ctx.stroke();\r\n\r\n for(let i=0;i<5;i++){\r\n const a=(angle*1.5+i*72)*Math.PI\/180;\r\n const orbitR=R+15+i*8;\r\n const dx=cx+orbitR*Math.cos(a)*0.95;\r\n const dy=cy+orbitR*Math.sin(a)*0.35;\r\n ctx.beginPath();\r\n ctx.arc(dx,dy,2.5-i*0.3,0,Math.PI*2);\r\n ctx.fillStyle=`rgba(0,85,255,${.4-i*.06})`;\r\n ctx.fill();\r\n }\r\n\r\n angle+=0.3;\r\n requestAnimationFrame(drawGlobe);\r\n }\r\n drawGlobe();\r\n})();\r\n<\/script>\r\n<\/body>\r\n<\/html>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-714","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/vortexmedia.agency\/es\/wp-json\/wp\/v2\/pages\/714","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vortexmedia.agency\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vortexmedia.agency\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vortexmedia.agency\/es\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/vortexmedia.agency\/es\/wp-json\/wp\/v2\/comments?post=714"}],"version-history":[{"count":4,"href":"https:\/\/vortexmedia.agency\/es\/wp-json\/wp\/v2\/pages\/714\/revisions"}],"predecessor-version":[{"id":719,"href":"https:\/\/vortexmedia.agency\/es\/wp-json\/wp\/v2\/pages\/714\/revisions\/719"}],"wp:attachment":[{"href":"https:\/\/vortexmedia.agency\/es\/wp-json\/wp\/v2\/media?parent=714"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":714,"date":"2026-05-14T19:00:42","date_gmt":"2026-05-14T17:00:42","guid":{"rendered":"https:\/\/vortexmedia.agency\/?page_id=714"},"modified":"2026-05-14T19:01:04","modified_gmt":"2026-05-14T17:01:04","slug":"mantenimiento","status":"publish","type":"page","link":"https:\/\/vortexmedia.agency\/es\/mantenimiento\/","title":{"rendered":"mantenimiento"},"content":{"rendered":"\r\n\r\n\r\n\r\n\r\nUnder Maintenance \u2014 Vortex Media<\/title>\r\n<meta name=\"robots\" content=\"noindex, nofollow\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}\r\n:root{\r\n --white:#ffffff;--off-white:#f8f8fa;--light-gray:#eeeff2;--mid-gray:#dcdde2;\r\n --text-primary:#0a0a0f;--text-secondary:#3a3a4a;--text-muted:#8a8a9a;\r\n --accent:#0055ff;--accent-rgb:0,85,255;--accent-light:#eef3ff;--accent-hover:#003ecc;\r\n --font-heading:'Space Grotesk',-apple-system,sans-serif;\r\n --font-body:'Inter',-apple-system,sans-serif;\r\n}\r\nhtml{-webkit-font-smoothing:antialiased}\r\nbody{\r\n font-family:var(--font-body);background:var(--white);color:var(--text-primary);\r\n overflow:hidden;line-height:1.6;height:100vh;display:flex;align-items:center;justify-content:center;\r\n position:relative;\r\n}\r\n\r\n\/* \u2550\u2550\u2550 BACKGROUND GRID \u2550\u2550\u2550 *\/\r\n.bg-grid{\r\n position:fixed;inset:0;z-index:0;\r\n background-image:\r\n linear-gradient(rgba(0,85,255,.04) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(0,85,255,.04) 1px, transparent 1px);\r\n background-size:60px 60px;\r\n animation:gridShift 20s linear infinite;\r\n}\r\n@keyframes gridShift{\r\n 0%{background-position:0 0}\r\n 100%{background-position:60px 60px}\r\n}\r\n\r\n\/* \u2550\u2550\u2550 FLOATING PARTICLES \u2550\u2550\u2550 *\/\r\n.particles{position:fixed;inset:0;z-index:1;pointer-events:none}\r\n.particle{\r\n position:absolute;border-radius:50%;\r\n background:var(--accent);opacity:0;\r\n animation:floatUp linear infinite;\r\n}\r\n@keyframes floatUp{\r\n 0%{opacity:0;transform:translateY(100vh) scale(0)}\r\n 10%{opacity:.15}\r\n 90%{opacity:.08}\r\n 100%{opacity:0;transform:translateY(-10vh) scale(1)}\r\n}\r\n\r\n\/* \u2550\u2550\u2550 VORTEX CANVAS \u2550\u2550\u2550 *\/\r\n.vortex-container{\r\n position:absolute;z-index:2;\r\n width:500px;height:500px;\r\n top:50%;left:50%;transform:translate(-50%,-50%);\r\n opacity:.12;\r\n}\r\n\r\n\/* \u2550\u2550\u2550 MAIN CONTENT \u2550\u2550\u2550 *\/\r\n.content{\r\n position:relative;z-index:10;text-align:center;\r\n max-width:640px;padding:2rem;\r\n}\r\n.logo-mark{\r\n font-family:var(--font-heading);font-weight:700;font-size:1rem;\r\n letter-spacing:.3em;text-transform:uppercase;color:var(--accent);\r\n margin-bottom:3rem;opacity:0;animation:fadeSlideUp .8s .3s ease forwards;\r\n}\r\n.status-badge{\r\n display:inline-flex;align-items:center;gap:.5rem;\r\n padding:.45rem 1.2rem;border-radius:100px;\r\n background:var(--accent-light);color:var(--accent);\r\n font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;\r\n margin-bottom:2rem;opacity:0;animation:fadeSlideUp .8s .5s ease forwards;\r\n}\r\n.status-dot{\r\n width:8px;height:8px;border-radius:50%;background:var(--accent);\r\n animation:pulse 2s ease-in-out infinite;\r\n}\r\n@keyframes pulse{\r\n 0%,100%{opacity:1;transform:scale(1)}\r\n 50%{opacity:.4;transform:scale(.7)}\r\n}\r\nh1{\r\n font-family:var(--font-heading);font-size:clamp(2.2rem,5vw,3.6rem);\r\n font-weight:700;line-height:1.1;letter-spacing:-.02em;\r\n margin-bottom:1.2rem;opacity:0;animation:fadeSlideUp .8s .7s ease forwards;\r\n}\r\nh1 span.gradient{\r\n display:block;\r\n background:linear-gradient(135deg,var(--accent),#7c3aed);\r\n -webkit-background-clip:text;-webkit-text-fill-color:transparent;\r\n background-clip:text;\r\n}\r\n.subtitle{\r\n font-size:1.1rem;color:var(--text-secondary);line-height:1.7;\r\n max-width:480px;margin:0 auto 2.5rem;\r\n opacity:0;animation:fadeSlideUp .8s .9s ease forwards;\r\n}\r\n\r\n\/* \u2550\u2550\u2550 PROGRESS BAR \u2550\u2550\u2550 *\/\r\n.progress-wrap{\r\n max-width:320px;margin:0 auto 2.5rem;\r\n opacity:0;animation:fadeSlideUp .8s 1.1s ease forwards;\r\n}\r\n.progress-label{\r\n display:flex;justify-content:space-between;\r\n font-size:.72rem;font-weight:600;color:var(--text-muted);\r\n text-transform:uppercase;letter-spacing:.1em;margin-bottom:.6rem;\r\n}\r\n.progress-track{\r\n width:100%;height:4px;background:var(--light-gray);border-radius:4px;overflow:hidden;\r\n}\r\n.progress-fill{\r\n height:100%;width:0;border-radius:4px;\r\n background:linear-gradient(90deg,var(--accent),#7c3aed);\r\n animation:fillBar 3s 1.5s ease forwards;\r\n}\r\n@keyframes fillBar{to{width:72%}}\r\n\r\n\/* \u2550\u2550\u2550 CONTACT LINK \u2550\u2550\u2550 *\/\r\n.contact-line{\r\n font-size:.88rem;color:var(--text-muted);\r\n opacity:0;animation:fadeSlideUp .8s 1.3s ease forwards;\r\n}\r\n.contact-line a{\r\n color:var(--accent);font-weight:600;\r\n text-decoration:none;position:relative;\r\n transition:color .3s;\r\n}\r\n.contact-line a::after{\r\n content:'';position:absolute;bottom:-2px;left:0;\r\n width:0;height:1.5px;background:var(--accent);\r\n transition:width .3s;\r\n}\r\n.contact-line a:hover::after{width:100%}\r\n.contact-line a:hover{color:var(--accent-hover)}\r\n\r\n\/* \u2550\u2550\u2550 BOTTOM LINE \u2550\u2550\u2550 *\/\r\n.bottom-line{\r\n position:fixed;bottom:0;left:0;right:0;height:3px;z-index:50;\r\n background:linear-gradient(90deg,var(--accent),#7c3aed,var(--accent));\r\n background-size:200% 100%;\r\n animation:gradientSlide 4s linear infinite;\r\n}\r\n@keyframes gradientSlide{\r\n 0%{background-position:0 0}\r\n 100%{background-position:200% 0}\r\n}\r\n\r\n\/* \u2550\u2550\u2550 GEAR ICON \u2550\u2550\u2550 *\/\r\n.gear-wrap{\r\n margin-bottom:2rem;\r\n opacity:0;animation:fadeSlideUp .8s .4s ease forwards;\r\n}\r\n.gear-icon{\r\n width:56px;height:56px;margin:0 auto;\r\n animation:spin 8s linear infinite;\r\n}\r\n.gear-icon svg{width:100%;height:100%}\r\n@keyframes spin{to{transform:rotate(360deg)}}\r\n\r\n\/* \u2550\u2550\u2550 ANIMATIONS \u2550\u2550\u2550 *\/\r\n@keyframes fadeSlideUp{\r\n from{opacity:0;transform:translateY(24px)}\r\n to{opacity:1;transform:translateY(0)}\r\n}\r\n\r\n\/* \u2550\u2550\u2550 CORNER ACCENTS \u2550\u2550\u2550 *\/\r\n.corner{\r\n position:fixed;z-index:5;width:80px;height:80px;\r\n opacity:0;animation:fadeIn 1s 1.8s ease forwards;\r\n}\r\n.corner svg{width:100%;height:100%}\r\n.corner-tl{top:2rem;left:2rem}\r\n.corner-br{bottom:2rem;right:2rem;transform:rotate(180deg)}\r\n@keyframes fadeIn{to{opacity:1}}\r\n\r\n\/* \u2550\u2550\u2550 RESPONSIVE \u2550\u2550\u2550 *\/\r\n@media(max-width:640px){\r\n .vortex-container{width:320px;height:320px}\r\n .corner{width:50px;height:50px}\r\n .content{padding:1.5rem}\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"bg-grid\"><\/div>\r\n<div class=\"particles\" id=\"particles\"><\/div>\r\n\r\n<div class=\"vortex-container\">\r\n <canvas id=\"vortexCanvas\" width=\"500\" height=\"500\"><\/canvas>\r\n<\/div>\r\n\r\n<div class=\"corner corner-tl\">\r\n <svg viewBox=\"0 0 80 80\" fill=\"none\" stroke=\"rgba(0,85,255,.2)\" stroke-width=\"1.5\">\r\n <line x1=\"0\" y1=\"0\" x2=\"80\" y2=\"0\"\/>\r\n <line x1=\"0\" y1=\"0\" x2=\"0\" y2=\"80\"\/>\r\n <circle cx=\"0\" cy=\"0\" r=\"4\" fill=\"rgba(0,85,255,.15)\" stroke=\"none\"\/>\r\n <\/svg>\r\n<\/div>\r\n<div class=\"corner corner-br\">\r\n <svg viewBox=\"0 0 80 80\" fill=\"none\" stroke=\"rgba(0,85,255,.2)\" stroke-width=\"1.5\">\r\n <line x1=\"0\" y1=\"0\" x2=\"80\" y2=\"0\"\/>\r\n <line x1=\"0\" y1=\"0\" x2=\"0\" y2=\"80\"\/>\r\n <circle cx=\"0\" cy=\"0\" r=\"4\" fill=\"rgba(0,85,255,.15)\" stroke=\"none\"\/>\r\n <\/svg>\r\n<\/div>\r\n\r\n<div class=\"bottom-line\"><\/div>\r\n\r\n<div class=\"content\">\r\n <div class=\"logo-mark\">Vortex Media<\/div>\r\n\r\n <div class=\"gear-wrap\">\r\n <div class=\"gear-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--accent)\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <circle cx=\"12\" cy=\"12\" r=\"3\"\/>\r\n <path d=\"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"status-badge\">\r\n <span class=\"status-dot\"><\/span>\r\n Under maintenance\r\n <\/div>\r\n\r\n <h1>\r\n <span class=\"gradient\">We're improving<\/span>\r\n your experience.\r\n <\/h1>\r\n\r\n <p class=\"subtitle\">Our team is working to deliver a faster, cleaner and more useful website. We'll be back shortly.<\/p>\r\n\r\n <div class=\"progress-wrap\">\r\n <div class=\"progress-label\">\r\n <span>Progress<\/span>\r\n <span>72%<\/span>\r\n <\/div>\r\n <div class=\"progress-track\">\r\n <div class=\"progress-fill\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <p class=\"contact-line\">Something urgent? <a href=\"mailto:vortexmedia@vortexmedia.agency\">vortexmedia@vortexmedia.agency<\/a><\/p>\r\n<\/div>\r\n\r\n<script>\r\n\/\/ \u2550\u2550\u2550 PARTICLES \u2550\u2550\u2550\r\n(function(){\r\n const container=document.getElementById('particles');\r\n for(let i=0;i<25;i++){\r\n const p=document.createElement('div');\r\n p.className='particle';\r\n const size=2+Math.random()*4;\r\n p.style.width=size+'px';\r\n p.style.height=size+'px';\r\n p.style.left=Math.random()*100+'%';\r\n p.style.animationDuration=(8+Math.random()*12)+'s';\r\n p.style.animationDelay=(Math.random()*10)+'s';\r\n container.appendChild(p);\r\n }\r\n})();\r\n\r\n\/\/ \u2550\u2550\u2550 VORTEX WIREFRAME GLOBE \u2550\u2550\u2550\r\n(function(){\r\n const canvas=document.getElementById('vortexCanvas');\r\n const ctx=canvas.getContext('2d');\r\n const W=canvas.width, H=canvas.height;\r\n const cx=W\/2, cy=H\/2, R=180;\r\n let angle=0;\r\n\r\n function drawGlobe(){\r\n ctx.clearRect(0,0,W,H);\r\n ctx.strokeStyle='rgba(0,85,255,.25)';\r\n ctx.lineWidth=.8;\r\n\r\n for(let lat=-80;lat<=80;lat+=20){\r\n ctx.beginPath();\r\n const latR=lat*Math.PI\/180;\r\n const r=R*Math.cos(latR);\r\n const y=cy-R*Math.sin(latR);\r\n ctx.ellipse(cx,y,r,r*0.3,0,0,Math.PI*2);\r\n ctx.stroke();\r\n }\r\n\r\n for(let lon=0;lon<180;lon+=20){\r\n ctx.beginPath();\r\n const lonR=(lon+angle)*Math.PI\/180;\r\n for(let t=0;t<=360;t+=3){\r\n const tR=t*Math.PI\/180;\r\n const x3=R*Math.cos(tR)*Math.sin(lonR);\r\n const y3=R*Math.sin(tR);\r\n const z3=R*Math.cos(tR)*Math.cos(lonR);\r\n const scale=1\/(1+z3\/600);\r\n const sx=cx+x3*scale;\r\n const sy=cy-y3*scale;\r\n if(t===0) ctx.moveTo(sx,sy);\r\n else ctx.lineTo(sx,sy);\r\n }\r\n ctx.stroke();\r\n }\r\n\r\n ctx.beginPath();\r\n ctx.arc(cx,cy,R,0,Math.PI*2);\r\n ctx.strokeStyle='rgba(0,85,255,.12)';\r\n ctx.lineWidth=2;\r\n ctx.stroke();\r\n\r\n for(let i=0;i<5;i++){\r\n const a=(angle*1.5+i*72)*Math.PI\/180;\r\n const orbitR=R+15+i*8;\r\n const dx=cx+orbitR*Math.cos(a)*0.95;\r\n const dy=cy+orbitR*Math.sin(a)*0.35;\r\n ctx.beginPath();\r\n ctx.arc(dx,dy,2.5-i*0.3,0,Math.PI*2);\r\n ctx.fillStyle=`rgba(0,85,255,${.4-i*.06})`;\r\n ctx.fill();\r\n }\r\n\r\n angle+=0.3;\r\n requestAnimationFrame(drawGlobe);\r\n }\r\n drawGlobe();\r\n})();\r\n<\/script>\r\n<\/body>\r\n<\/html>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-714","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/vortexmedia.agency\/es\/wp-json\/wp\/v2\/pages\/714","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vortexmedia.agency\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vortexmedia.agency\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vortexmedia.agency\/es\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/vortexmedia.agency\/es\/wp-json\/wp\/v2\/comments?post=714"}],"version-history":[{"count":4,"href":"https:\/\/vortexmedia.agency\/es\/wp-json\/wp\/v2\/pages\/714\/revisions"}],"predecessor-version":[{"id":719,"href":"https:\/\/vortexmedia.agency\/es\/wp-json\/wp\/v2\/pages\/714\/revisions\/719"}],"wp:attachment":[{"href":"https:\/\/vortexmedia.agency\/es\/wp-json\/wp\/v2\/media?parent=714"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}