{"id":624,"date":"2026-04-29T11:32:08","date_gmt":"2026-04-29T09:32:08","guid":{"rendered":"https:\/\/vortexmedia.mindyourgap.es\/?page_id=624"},"modified":"2026-05-21T12:38:41","modified_gmt":"2026-05-21T10:38:41","slug":"communicacion-deportiva-espanola","status":"publish","type":"page","link":"https:\/\/vortexmedia.agency\/es\/communicacion-deportiva-espanola\/","title":{"rendered":"communicacion deportiva espa\u00f1ola"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\r\n\r\n\r\n\r\n\r\nComunicaci\u00f3n Deportiva \u2014 Vortex Media<\/title>\r\n<meta name=\"description\" content=\"Comunicaci\u00f3n deportiva estrat\u00e9gica: gesti\u00f3n de imagen, relaciones con medios, contenidos y activaciones para atletas, clubes y eventos.\">\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;800&display=swap\" rel=\"stylesheet\">\r\n<script type=\"application\/ld+json\">\r\n{\"@context\":\"https:\/\/schema.org\",\"@type\":\"Service\",\"name\":\"Comunicaci\u00f3n Deportiva\",\"provider\":{\"@type\":\"Organization\",\"name\":\"Vortex Media\",\"url\":\"https:\/\/vortexmedia.agency\"},\"description\":\"Servicio de comunicaci\u00f3n estrat\u00e9gica para el sector deportivo: gesti\u00f3n de imagen de atletas y clubes, comunicaci\u00f3n de eventos, relaciones con medios especializados, estrategia de contenidos y patrocinios.\",\"serviceType\":\"Sports Communication\",\"areaServed\":\"ES\",\"url\":\"https:\/\/vortexmedia.agency\/comunicacion-deportiva\"}\r\n<\/script>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.13.0\/gsap.min.js\"><\/script>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.13.0\/ScrollTrigger.min.js\"><\/script>\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 --surface-alt:#f4f5f8;\r\n --dark:#0a0a0f;--dark-surface:#141420;\r\n --font-h:'Space Grotesk',sans-serif;--font-b:'Inter',sans-serif;\r\n}\r\nhtml{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}\r\nbody{font-family:var(--font-b);color:var(--text-primary);background:var(--white);line-height:1.6;overflow-x:hidden}\r\nh1,h2,h3,h4{font-family:var(--font-h);line-height:1.15}\r\na{text-decoration:none!important;color:inherit}\r\nimg{max-width:100%;display:block}\r\n\/* \u2550\u2550\u2550 HERO \u2014 WHITE \u2550\u2550\u2550 *\/\r\n.hero{\r\n min-height:100vh;display:flex;align-items:center;\r\n background:var(--white)!important;color:var(--text-primary)!important;\r\n position:relative;overflow:hidden;\r\n padding:4rem 2rem 6rem;\r\n}\r\n.hero-bg-canvas{position:absolute;inset:0;z-index:0}\r\n.hero-content{position:relative;z-index:2;max-width:1200px;margin:0 auto;width:100%}\r\n.hero-breadcrumb{font-size:.8rem;color:var(--text-muted)!important;margin-bottom:3rem}\r\n.hero-breadcrumb a{color:var(--text-muted)!important;transition:color .3s}\r\n.hero-breadcrumb a:hover{color:var(--accent)!important}\r\n.hero-breadcrumb span{margin:0 .5rem}\r\n.hero-label{\r\n display:inline-flex;align-items:center;gap:.6rem;\r\n font-family:var(--font-h);font-size:.75rem;font-weight:600;\r\n letter-spacing:.15em;text-transform:uppercase;color:var(--accent)!important;\r\n margin-bottom:2rem;\r\n}\r\n.hero-label::before{content:'';width:32px;height:2px;background:var(--accent);display:block}\r\n.hero-title{\r\n font-size:clamp(2.8rem,6vw,5rem)!important;font-weight:800!important;\r\n letter-spacing:-.03em;line-height:1!important;\r\n max-width:900px;margin-bottom:2rem;\r\n color:var(--text-primary)!important;\r\n}\r\n.hero-title em{\r\n font-style:normal;\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.hero-lead{\r\n font-size:1.15rem;line-height:1.7;color:var(--text-secondary)!important;\r\n max-width:560px;margin-bottom:3rem;\r\n}\r\n.hero-cta{\r\n display:inline-flex;align-items:center;gap:.8rem;\r\n padding:1rem 2.2rem;background:var(--accent)!important;color:#ffffff!important;\r\n font-family:var(--font-h);font-size:.9rem;font-weight:600;\r\n border-radius:8px;border:none;cursor:pointer;\r\n transition:transform .3s,box-shadow .3s,background .3s;\r\n box-shadow:0 4px 24px rgba(0,85,255,.25);\r\n}\r\n.hero-cta:hover,.hero-cta:focus,.hero-cta:visited{color:#ffffff!important;background:var(--accent-hover)!important;transform:translateY(-2px);box-shadow:0 8px 32px rgba(0,85,255,.35)}\r\n.hero-cta svg{width:18px;height:18px;stroke:#ffffff!important}\r\n\/* \u2550\u2550\u2550 SERVICIOS \u2014 DARK \u2550\u2550\u2550 *\/\r\n.bento{padding:7rem 2rem;background:var(--dark)!important;color:#ffffff!important}\r\n.bento-inner{max-width:1200px;margin:0 auto}\r\n.bento-header{margin-bottom:4rem}\r\n.tag{\r\n font-family:var(--font-h);font-size:.75rem;font-weight:600;\r\n letter-spacing:.12em;text-transform:uppercase;color:var(--accent)!important;\r\n margin-bottom:1rem;display:block;\r\n}\r\n.bento-title{font-size:clamp(1.8rem,3.5vw,2.8rem)!important;font-weight:700!important;letter-spacing:-.02em;margin-bottom:1rem}\r\n.bento .bento-title{color:#ffffff!important}\r\n.bento .tag{color:#ffffff!important}\r\n.bento-sub{font-size:1.05rem;color:rgba(255,255,255,.5)!important;max-width:540px}\r\n.bento-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}\r\n.bento-card{\r\n padding:2.5rem 2rem;border-radius:16px;\r\n background:rgba(255,255,255,.04)!important;\r\n border:1px solid rgba(255,255,255,.08);\r\n position:relative;overflow:hidden;\r\n transition:background .4s,border-color .4s,box-shadow .4s,transform .4s;\r\n}\r\n.bento-card h3{font-size:1.15rem;font-weight:600;margin-bottom:.6rem;position:relative;color:#ffffff!important}\r\n.bento-card:hover{\r\n background:var(--accent)!important;\r\n border-color:var(--accent);\r\n box-shadow:0 16px 48px rgba(var(--accent-rgb),.3);\r\n transform:translateY(-4px);\r\n}\r\n.bento-card:hover h3{color:#ffffff!important}\r\n.bento-card:hover .bento-card-desc{color:rgba(255,255,255,.75)!important}\r\n.bento-card:hover .bento-card-num{color:rgba(255,255,255,.15)!important}\r\n.bento-card:hover .bento-card-icon{background:rgba(255,255,255,.2)!important}\r\n.bento-card-num{\r\n font-family:var(--font-h);font-size:5rem;font-weight:800;\r\n color:rgba(255,255,255,.04)!important;position:absolute;\r\n top:-10px;right:16px;line-height:1;pointer-events:none;\r\n transition:color .4s;\r\n}\r\n.bento-card-icon{\r\n width:44px;height:44px;border-radius:10px;\r\n background:rgba(var(--accent-rgb),.15);display:flex;\r\n align-items:center;justify-content:center;margin-bottom:1.25rem;\r\n transition:background .4s;\r\n}\r\n.bento-card-icon svg{width:22px;height:22px}\r\n.bento-card-desc{font-size:.92rem;color:rgba(255,255,255,.45)!important;line-height:1.65;position:relative;transition:color .4s}\r\n\/* \u2550\u2550\u2550 TIMELINE METHODOLOGY \u2014 WHITE \u2550\u2550\u2550 *\/\r\n.timeline-section{padding:7rem 2rem;background:var(--white)!important}\r\n.timeline-wrap{max-width:1200px;margin:0 auto}\r\n.timeline-header{margin-bottom:4rem}\r\n.timeline-header .bento-title{color:var(--text-primary)!important}\r\n.timeline-header .tag{color:var(--accent)!important}\r\n.timeline-header .bento-sub{color:var(--text-secondary)!important}\r\n.timeline{position:relative;padding-left:60px}\r\n.timeline::before{\r\n content:'';position:absolute;left:22px;top:0;bottom:0;\r\n width:2px;background:var(--mid-gray);\r\n}\r\n.timeline::after{\r\n content:'';position:absolute;left:22px;top:0;\r\n width:2px;height:0;\r\n background:linear-gradient(180deg,var(--accent),rgba(var(--accent-rgb),.6));\r\n transition:height .1s linear;z-index:1;\r\n}\r\n.tl-item{position:relative;padding-bottom:4rem;opacity:0;transform:translateX(-30px)}\r\n.tl-item:last-child{padding-bottom:0}\r\n.tl-dot{\r\n position:absolute;left:-46px;top:4px;\r\n width:14px;height:14px;border-radius:50%;\r\n background:var(--white);border:3px solid var(--mid-gray);\r\n z-index:3;transition:all .5s ease;\r\n}\r\n.tl-dot::after{\r\n content:'';position:absolute;\r\n top:50%;left:50%;transform:translate(-50%,-50%);\r\n width:14px;height:14px;border-radius:50%;\r\n border:2px solid transparent;transition:all .5s ease;\r\n}\r\n.tl-item.is-active .tl-dot{\r\n background:var(--accent);border-color:var(--accent);\r\n box-shadow:0 0 0 6px rgba(var(--accent-rgb),.15);\r\n}\r\n.tl-item.is-active .tl-dot::after{\r\n width:28px;height:28px;\r\n border-color:rgba(var(--accent-rgb),.2);\r\n animation:dotPulse 2s ease-in-out infinite;\r\n}\r\n@keyframes dotPulse{\r\n 0%,100%{transform:translate(-50%,-50%) scale(1);opacity:1}\r\n 50%{transform:translate(-50%,-50%) scale(1.4);opacity:0}\r\n}\r\n.tl-item:hover .tl-dot{\r\n background:var(--accent);border-color:var(--accent);\r\n box-shadow:0 0 0 8px rgba(var(--accent-rgb),.18);\r\n transform:scale(1.2);\r\n}\r\n.tl-phase{\r\n font-family:var(--font-h);font-size:.7rem;font-weight:600;\r\n letter-spacing:.15em;text-transform:uppercase;color:var(--accent)!important;\r\n margin-bottom:.5rem;\r\n}\r\n.tl-item h3{font-size:1.35rem;font-weight:700;margin-bottom:.6rem;letter-spacing:-.01em;color:var(--text-primary)!important}\r\n.tl-item p{font-size:.95rem;color:var(--text-secondary)!important;line-height:1.7;max-width:600px}\r\n\/* \u2550\u2550\u2550 DISCIPLINES \u2014 DARK \u2550\u2550\u2550 *\/\r\n.specs{padding:7rem 0;background:var(--dark)!important;color:#ffffff!important;overflow:hidden}\r\n.specs-header{max-width:1200px;margin:0 auto;padding:0 2rem 3rem}\r\n.specs-header .bento-title{color:#ffffff!important}\r\n.specs-header .tag{color:#ffffff!important}\r\n.specs-header .bento-sub{color:rgba(255,255,255,.5)!important}\r\n.specs-track{\r\n display:flex;gap:1.25rem;\r\n padding:0 2rem 2rem;\r\n overflow-x:auto;scroll-snap-type:x mandatory;\r\n scrollbar-width:none;cursor:grab;\r\n}\r\n.specs-track::-webkit-scrollbar{display:none}\r\n.spec-card{\r\n flex-shrink:0;width:340px;scroll-snap-align:start;\r\n border-radius:16px;overflow:hidden;\r\n background:rgba(255,255,255,.04)!important;\r\n border:1px solid rgba(255,255,255,.08);\r\n transition:all .4s;\r\n}\r\n.spec-card:hover{\r\n border-color:rgba(var(--accent-rgb),.4);\r\n box-shadow:0 16px 48px rgba(var(--accent-rgb),.15);\r\n transform:translateY(-6px);\r\n}\r\n.spec-card-top{height:140px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}\r\n.spec-card-top svg{width:70%;height:70%;opacity:.8}\r\n.spec-card-body{padding:1.75rem 1.5rem}\r\n.spec-card h3{font-size:1.15rem;font-weight:600;margin-bottom:.5rem;color:#ffffff!important}\r\n.spec-card p{font-size:.88rem;color:rgba(255,255,255,.45)!important;line-height:1.6}\r\n.spec-card-badge{\r\n display:inline-block;margin-top:.75rem;\r\n font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;\r\n color:var(--accent)!important;padding:.3rem .8rem;\r\n border:1px solid rgba(var(--accent-rgb),.3);border-radius:100px;\r\n}\r\n\/* \u2550\u2550\u2550 DIFFERENTIALS \u2014 WHITE \u2550\u2550\u2550 *\/\r\n.diff{background:var(--white)!important;color:var(--text-primary)!important;padding:7rem 2rem}\r\n.diff-wrap{max-width:1200px;margin:0 auto}\r\n.diff .tag{color:var(--accent)!important}\r\n.diff-title{font-size:clamp(1.8rem,3vw,2.5rem)!important;font-weight:700!important;letter-spacing:-.02em;margin-bottom:1rem;color:var(--text-primary)!important}\r\n.diff-sub{font-size:1rem;color:var(--text-secondary)!important;max-width:540px;margin-bottom:4rem}\r\n.diff-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}\r\n.diff-card{\r\n padding:2.5rem 2rem;border-radius:16px;\r\n background:var(--off-white)!important;\r\n border:1px solid var(--light-gray);\r\n transition:all .4s;position:relative;overflow:hidden;\r\n}\r\n.diff-card::before{\r\n content:'';position:absolute;top:0;left:0;right:0;height:3px;\r\n background:linear-gradient(90deg,transparent,var(--accent),transparent);\r\n opacity:0;transition:opacity .4s;\r\n}\r\n.diff-card:hover{\r\n background:var(--white)!important;\r\n border-color:rgba(var(--accent-rgb),.2);\r\n box-shadow:0 12px 40px rgba(var(--accent-rgb),.08);\r\n transform:translateY(-4px);\r\n}\r\n.diff-card:hover::before{opacity:1}\r\n.diff-card h3{font-size:1.1rem;font-weight:600;margin-bottom:.75rem;color:var(--text-primary)!important}\r\n.diff-card p{font-size:.92rem;color:var(--text-secondary)!important;line-height:1.7}\r\n\/* \u2550\u2550\u2550 LOGOS \u2014 LIGHT \u2550\u2550\u2550 *\/\r\n.logos{padding:5rem 2rem;background:var(--off-white)!important;overflow:hidden}\r\n.logos-wrap{max-width:1200px;margin:0 auto;text-align:center}\r\n.logos-title{font-size:clamp(1.4rem,2.5vw,1.8rem)!important;font-weight:700!important;letter-spacing:-.02em;margin-bottom:.75rem;color:var(--text-primary)!important}\r\n.logos-sub{font-size:.95rem;color:var(--text-muted)!important;margin-bottom:3rem}\r\n.logos-track{\r\n display:flex;align-items:center;\r\n animation:logosScroll 30s linear infinite;\r\n width:max-content;\r\n}\r\n.logos-track:hover{animation-play-state:paused}\r\n.logo-item{\r\n flex-shrink:0;padding:0 3rem;\r\n display:flex;align-items:center;justify-content:center;\r\n height:50px;opacity:.35;filter:grayscale(100%);\r\n transition:opacity .4s,filter .4s;\r\n}\r\n.logo-item:hover{opacity:.8;filter:grayscale(0%)}\r\n.logo-item svg{height:32px;width:auto}\r\n.logo-item span{\r\n font-family:var(--font-h);font-size:1.2rem;font-weight:700;\r\n color:var(--text-primary)!important;letter-spacing:-.01em;white-space:nowrap;\r\n}\r\n@keyframes logosScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}\r\n\/* \u2550\u2550\u2550 CTA \u2014 DARK \u2550\u2550\u2550 *\/\r\n.cta{\r\n padding:8rem 2rem;text-align:center;\r\n background:var(--dark)!important;color:#ffffff!important;\r\n position:relative;overflow:hidden;\r\n}\r\n.cta::before{\r\n content:'';position:absolute;\r\n top:50%;left:50%;width:600px;height:600px;\r\n transform:translate(-50%,-50%);\r\n background:radial-gradient(circle,rgba(var(--accent-rgb),.08),transparent 70%);\r\n pointer-events:none;\r\n}\r\n.cta-title{font-size:clamp(1.8rem,3.5vw,2.8rem)!important;font-weight:700!important;margin-bottom:1.5rem;letter-spacing:-.02em;position:relative;color:#ffffff!important}\r\n.cta-text{font-size:1.1rem;color:rgba(255,255,255,.5)!important;margin-bottom:2.5rem;max-width:500px;margin-left:auto;margin-right:auto;position:relative}\r\n.cta-btn{\r\n display:inline-flex;align-items:center;gap:.8rem;\r\n padding:1rem 2.5rem;background:var(--accent)!important;color:#ffffff!important;\r\n font-family:var(--font-h);font-size:1rem;font-weight:600;\r\n border-radius:8px;border:none;cursor:pointer;\r\n position:relative;overflow:hidden;\r\n transition:background .3s,transform .3s,box-shadow .3s;\r\n box-shadow:0 4px 20px rgba(var(--accent-rgb),.3);\r\n}\r\n.cta-btn:hover,.cta-btn:focus,.cta-btn:visited{background:var(--accent-hover)!important;color:#ffffff!important;transform:translateY(-2px);box-shadow:0 8px 32px rgba(var(--accent-rgb),.5)}\r\n.cta-btn svg{stroke:#ffffff!important}\r\n.cta-btn::after{\r\n content:'';position:absolute;top:0;left:-100%;\r\n width:100%;height:100%;\r\n background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);\r\n animation:shimmer 3s infinite;\r\n}\r\n@keyframes shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(200%)}}\r\n\/* \u2550\u2550\u2550 RESPONSIVE \u2550\u2550\u2550 *\/\r\n@media(max-width:968px){\r\n .bento-grid{grid-template-columns:1fr 1fr}\r\n .diff-grid{grid-template-columns:1fr}\r\n .timeline{padding-left:50px}\r\n}\r\n@media(max-width:640px){\r\n .hero{padding:2rem 1.5rem 4rem}\r\n .hero-title{font-size:2.2rem!important}\r\n .bento-grid{grid-template-columns:1fr}\r\n .spec-card{width:290px}\r\n .ticker-item{padding:1.5rem 2.5rem}\r\n .ticker-num{font-size:1.8rem}\r\n .logo-item{padding:0 2rem}\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<!-- \u2550\u2550\u2550 HERO \u2014 WHITE \u2550\u2550\u2550 -->\r\n<section class=\"hero\">\r\n <canvas class=\"hero-bg-canvas\" id=\"heroCanvas\"><\/canvas>\r\n <div class=\"hero-content\">\r\n <div class=\"hero-breadcrumb\">\r\n <a href=\"\/\">Inicio<\/a><span>\/<\/span><a href=\"\/servicios\">Servicios<\/a><span>\/<\/span>Comunicaci\u00f3n Deportiva\r\n <\/div>\r\n <div class=\"hero-label\">03 \u2014 Comunicaci\u00f3n Deportiva<\/div>\r\n <h1 class=\"hero-title\">Donde la <em>pasi\u00f3n<\/em> se convierte en <em>narrativa.<\/em><\/h1>\r\n <p class=\"hero-lead\">El deporte no espera. Nosotros tampoco. Construimos estrategias de comunicaci\u00f3n que capturan la emoci\u00f3n del deporte y la transforman en impacto real para tu marca.<\/p>\r\n <a href=\"\/contacto\" class=\"hero-cta\">\r\n Empezar proyecto\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n<\/section>\r\n<!-- \u2550\u2550\u2550 SERVICIOS \u2014 DARK \u2550\u2550\u2550 -->\r\n<section class=\"bento\">\r\n <div class=\"bento-inner\">\r\n <div class=\"bento-header\">\r\n <span class=\"tag\">Qu\u00e9 hacemos<\/span>\r\n <h2 class=\"bento-title\">Servicios deportivos<\/h2>\r\n <p class=\"bento-sub\">Soluciones comunicativas dise\u00f1adas para el ritmo y la exigencia del deporte profesional.<\/p>\r\n <\/div>\r\n <div class=\"bento-grid\">\r\n <div class=\"bento-card\">\r\n <span class=\"bento-card-num\">01<\/span>\r\n <div class=\"bento-card-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--accent)\" stroke-width=\"1.8\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"\/><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\/><\/svg>\r\n <\/div>\r\n <h3>Gesti\u00f3n de imagen de atletas y clubes<\/h3>\r\n <p class=\"bento-card-desc\">Construimos y protegemos la reputaci\u00f3n de deportistas y organizaciones con narrativas coherentes.<\/p>\r\n <\/div>\r\n <div class=\"bento-card\">\r\n <span class=\"bento-card-num\">02<\/span>\r\n <div class=\"bento-card-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--accent)\" stroke-width=\"1.8\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/><line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"\/><line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"\/><\/svg>\r\n <\/div>\r\n <h3>Comunicaci\u00f3n de eventos<\/h3>\r\n <p class=\"bento-card-desc\">Estrategias pre, durante y post-evento que maximizan cobertura medi\u00e1tica y participaci\u00f3n.<\/p>\r\n <\/div>\r\n <div class=\"bento-card\">\r\n <span class=\"bento-card-num\">03<\/span>\r\n <div class=\"bento-card-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--accent)\" stroke-width=\"1.8\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"\/><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"\/><\/svg>\r\n <\/div>\r\n <h3>Relaciones con medios<\/h3>\r\n <p class=\"bento-card-desc\">Acceso directo a periodistas deportivos y medios especializados para presencia relevante.<\/p>\r\n <\/div>\r\n <div class=\"bento-card\">\r\n <span class=\"bento-card-num\">04<\/span>\r\n <div class=\"bento-card-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--accent)\" stroke-width=\"1.8\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n <\/div>\r\n <h3>Contenidos deportivos<\/h3>\r\n <p class=\"bento-card-desc\">Narrativas que conectan emocionalmente con los aficionados en canales digitales y tradicionales.<\/p>\r\n <\/div>\r\n <div class=\"bento-card\">\r\n <span class=\"bento-card-num\">05<\/span>\r\n <div class=\"bento-card-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--accent)\" stroke-width=\"1.8\"><path d=\"M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z\"\/><line x1=\"7\" y1=\"7\" x2=\"7.01\" y2=\"7\"\/><\/svg>\r\n <\/div>\r\n <h3>Patrocinios y activaciones<\/h3>\r\n <p class=\"bento-card-desc\">Asesoramos en la elecci\u00f3n de patrocinios de marca, evaluando su impacto en tu imagen a corto, medio y largo plazo.<\/p>\r\n <\/div>\r\n <div class=\"bento-card\">\r\n <span class=\"bento-card-num\">06<\/span>\r\n <div class=\"bento-card-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--accent)\" stroke-width=\"1.8\"><path d=\"M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z\"\/><line x1=\"12\" y1=\"9\" x2=\"12\" y2=\"13\"\/><line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"\/><\/svg>\r\n <\/div>\r\n <h3>Crisis y reputaci\u00f3n<\/h3>\r\n <p class=\"bento-card-desc\">Protocolos de respuesta r\u00e1pida adaptados a la exposici\u00f3n medi\u00e1tica del deporte profesional.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n<!-- \u2550\u2550\u2550 TIMELINE METHODOLOGY \u2014 WHITE \u2550\u2550\u2550 -->\r\n<section class=\"timeline-section\">\r\n <div class=\"timeline-wrap\">\r\n <div class=\"timeline-header\">\r\n <span class=\"tag\">Metodolog\u00eda<\/span>\r\n <h2 class=\"bento-title\">C\u00f3mo trabajamos<\/h2>\r\n <p class=\"bento-sub\">Un proceso estrat\u00e9gico adaptado a la velocidad del deporte.<\/p>\r\n <\/div>\r\n <div class=\"timeline\" id=\"timeline\">\r\n <div class=\"tl-item\">\r\n <div class=\"tl-dot\"><\/div>\r\n <div class=\"tl-phase\">Fase 01 \u2014 Reconocimiento<\/div>\r\n <h3>An\u00e1lisis<\/h3>\r\n <p>Mapeamos audiencias, competidores, medios y oportunidades en tu sector deportivo espec\u00edfico. Entendemos el terreno de juego antes de salir al campo.<\/p>\r\n <\/div>\r\n <div class=\"tl-item\">\r\n <div class=\"tl-dot\"><\/div>\r\n <div class=\"tl-phase\">Fase 02 \u2014 Estrategia<\/div>\r\n <h3>Plan de comunicaci\u00f3n<\/h3>\r\n <p>Dise\u00f1amos un plan integral que cubre medios, marketing digital, eventos y relaciones institucionales. Cada acci\u00f3n tiene un objetivo claro y medible.<\/p>\r\n <\/div>\r\n <div class=\"tl-item\">\r\n <div class=\"tl-dot\"><\/div>\r\n <div class=\"tl-phase\">Fase 03 \u2014 Ejecuci\u00f3n<\/div>\r\n <h3>Activaci\u00f3n<\/h3>\r\n <p>Activamos la estrategia con la agilidad que exige el deporte: contenidos inmediatos, respuesta instant\u00e1nea y presencia donde tu audiencia est\u00e1 mirando.<\/p>\r\n <\/div>\r\n <div class=\"tl-item\">\r\n <div class=\"tl-dot\"><\/div>\r\n <div class=\"tl-phase\">Fase 04 \u2014 Optimizaci\u00f3n<\/div>\r\n <h3>Medici\u00f3n y ajuste<\/h3>\r\n <p>Analizamos resultados, ajustamos t\u00e1cticas y maximizamos el impacto de cada acci\u00f3n. Como un entrenador que lee el partido y hace los cambios justos.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n<!-- \u2550\u2550\u2550 DISCIPLINAS DE COMUNICACI\u00d3N \u2014 DARK \u2550\u2550\u2550 -->\r\n<section class=\"specs\">\r\n <div class=\"specs-header\">\r\n <span class=\"tag\">Disciplinas<\/span>\r\n <h2 class=\"bento-title\">\u00c1reas de comunicaci\u00f3n<\/h2>\r\n <p class=\"bento-sub\">Las disciplinas que dominamos para posicionar a atletas y clubes en el panorama medi\u00e1tico y potenciar su visibilidad.<\/p>\r\n <\/div>\r\n <div class=\"specs-track\" id=\"specsTrack\">\r\n <div class=\"spec-card\">\r\n <div class=\"spec-card-top\" style=\"background:linear-gradient(135deg,rgba(0,85,255,.12),rgba(0,85,255,.06))\">\r\n <svg viewBox=\"0 0 120 100\" fill=\"none\"><circle cx=\"60\" cy=\"40\" r=\"16\" stroke=\"#0055ff\" stroke-width=\"1.5\"\/><path d=\"M35 75c0-14 11-25 25-25s25 11 25 25\" stroke=\"#0055ff\" stroke-width=\"1.5\"\/><circle cx=\"90\" cy=\"35\" r=\"10\" stroke=\"#0055ff\" stroke-width=\"1\" opacity=\".5\"\/><path d=\"M75 68c0-8 7-15 15-15s15 7 15 15\" stroke=\"#0055ff\" stroke-width=\"1\" opacity=\".5\"\/><\/svg>\r\n <\/div>\r\n <div class=\"spec-card-body\">\r\n <h3>Marca personal<\/h3>\r\n <p>Posicionamiento estrat\u00e9gico de la identidad del deportista en todos los canales y puntos de contacto.<\/p>\r\n <span class=\"spec-card-badge\">Alta demanda<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"spec-card\">\r\n <div class=\"spec-card-top\" style=\"background:linear-gradient(135deg,rgba(124,58,237,.12),rgba(124,58,237,.06))\">\r\n <svg viewBox=\"0 0 120 100\" fill=\"none\"><rect x=\"15\" y=\"25\" width=\"40\" height=\"50\" rx=\"4\" stroke=\"#7c3aed\" stroke-width=\"1.5\"\/><rect x=\"65\" y=\"35\" width=\"40\" height=\"40\" rx=\"4\" stroke=\"#7c3aed\" stroke-width=\"1.5\"\/><line x1=\"25\" y1=\"40\" x2=\"45\" y2=\"40\" stroke=\"#7c3aed\" stroke-width=\"1\"\/><line x1=\"25\" y1=\"48\" x2=\"40\" y2=\"48\" stroke=\"#7c3aed\" stroke-width=\"1\"\/><line x1=\"25\" y1=\"56\" x2=\"35\" y2=\"56\" stroke=\"#7c3aed\" stroke-width=\"1\"\/><circle cx=\"85\" cy=\"52\" r=\"8\" stroke=\"#7c3aed\" stroke-width=\"1\"\/><\/svg>\r\n <\/div>\r\n <div class=\"spec-card-body\">\r\n <h3>Relaciones p\u00fablicas<\/h3>\r\n <p>Gesti\u00f3n de relaciones con medios especializados, ruedas de prensa, notas y entrevistas exclusivas.<\/p>\r\n <span class=\"spec-card-badge\">Core<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"spec-card\">\r\n <div class=\"spec-card-top\" style=\"background:linear-gradient(135deg,rgba(236,72,153,.12),rgba(236,72,153,.06))\">\r\n <svg viewBox=\"0 0 120 100\" fill=\"none\"><rect x=\"25\" y=\"20\" width=\"70\" height=\"55\" rx=\"8\" stroke=\"#ec4899\" stroke-width=\"1.5\"\/><circle cx=\"60\" cy=\"47\" r=\"14\" stroke=\"#ec4899\" stroke-width=\"1.5\"\/><polygon points=\"55,41 55,53 68,47\" fill=\"#ec4899\" opacity=\".6\"\/><line x1=\"30\" y1=\"82\" x2=\"50\" y2=\"82\" stroke=\"#ec4899\" stroke-width=\"1\"\/><line x1=\"55\" y1=\"82\" x2=\"90\" y2=\"82\" stroke=\"#ec4899\" stroke-width=\"1\"\/><\/svg>\r\n <\/div>\r\n <div class=\"spec-card-body\">\r\n <h3>Contenido digital<\/h3>\r\n <p>Producci\u00f3n de contenidos audiovisuales, reels, stories y formatos para cada plataforma.<\/p>\r\n <span class=\"spec-card-badge\">Impacto visual<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"spec-card\">\r\n <div class=\"spec-card-top\" style=\"background:linear-gradient(135deg,rgba(245,158,11,.12),rgba(245,158,11,.06))\">\r\n <svg viewBox=\"0 0 120 100\" fill=\"none\"><path d=\"M20 70L40 40L60 55L80 25L100 45\" stroke=\"#f59e0b\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\"\/><circle cx=\"20\" cy=\"70\" r=\"4\" fill=\"#f59e0b\" opacity=\".6\"\/><circle cx=\"40\" cy=\"40\" r=\"4\" fill=\"#f59e0b\" opacity=\".6\"\/><circle cx=\"60\" cy=\"55\" r=\"4\" fill=\"#f59e0b\" opacity=\".6\"\/><circle cx=\"80\" cy=\"25\" r=\"4\" fill=\"#f59e0b\" opacity=\".6\"\/><circle cx=\"100\" cy=\"45\" r=\"4\" fill=\"#f59e0b\" opacity=\".6\"\/><\/svg>\r\n <\/div>\r\n <div class=\"spec-card-body\">\r\n <h3>Estrategia en redes sociales<\/h3>\r\n <p>Planificaci\u00f3n y gesti\u00f3n de perfiles en Instagram, X, TikTok, LinkedIn y YouTube con KPIs claros.<\/p>\r\n <span class=\"spec-card-badge\">Crecimiento<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"spec-card\">\r\n <div class=\"spec-card-top\" style=\"background:linear-gradient(135deg,rgba(220,38,38,.12),rgba(220,38,38,.06))\">\r\n <svg viewBox=\"0 0 120 100\" fill=\"none\"><circle cx=\"60\" cy=\"50\" r=\"28\" stroke=\"#dc2626\" stroke-width=\"1.5\" stroke-dasharray=\"4 3\" opacity=\".35\"\/><circle cx=\"60\" cy=\"50\" r=\"18\" stroke=\"#dc2626\" stroke-width=\"1.5\" opacity=\".5\"\/><circle cx=\"60\" cy=\"50\" r=\"6\" fill=\"#dc2626\" opacity=\".7\"\/><line x1=\"60\" y1=\"50\" x2=\"78\" y2=\"35\" stroke=\"#dc2626\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><path d=\"M38 30 C34 34 32 40 32 46\" stroke=\"#dc2626\" stroke-width=\"1.8\" stroke-linecap=\"round\" fill=\"none\"\/><path d=\"M30 24 C24 30 20 39 20 48\" stroke=\"#dc2626\" stroke-width=\"1.5\" stroke-linecap=\"round\" fill=\"none\" opacity=\".5\"\/><path d=\"M82 30 C86 34 88 40 88 46\" stroke=\"#dc2626\" stroke-width=\"1.8\" stroke-linecap=\"round\" fill=\"none\"\/><path d=\"M90 24 C96 30 100 39 100 48\" stroke=\"#dc2626\" stroke-width=\"1.5\" stroke-linecap=\"round\" fill=\"none\" opacity=\".5\"\/><circle cx=\"60\" cy=\"50\" r=\"3\" fill=\"#dc2626\"><animate attributeName=\"r\" values=\"3;8;3\" dur=\"2s\" repeatCount=\"indefinite\"\/><animate attributeName=\"opacity\" values=\".8;0;.8\" dur=\"2s\" repeatCount=\"indefinite\"\/><\/circle><\/svg>\r\n <\/div>\r\n <div class=\"spec-card-body\">\r\n <h3>Comunicaci\u00f3n de crisis<\/h3>\r\n <p>Protocolos de respuesta inmediata, gesti\u00f3n de controversias y protecci\u00f3n reputacional bajo presi\u00f3n.<\/p>\r\n <span class=\"spec-card-badge\">24\/7<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"spec-card\">\r\n <div class=\"spec-card-top\" style=\"background:linear-gradient(135deg,rgba(16,185,129,.12),rgba(16,185,129,.06))\">\r\n <svg viewBox=\"0 0 120 100\" fill=\"none\"><rect x=\"20\" y=\"30\" width=\"35\" height=\"45\" rx=\"4\" stroke=\"#10b981\" stroke-width=\"1.5\"\/><rect x=\"65\" y=\"30\" width=\"35\" height=\"45\" rx=\"4\" stroke=\"#10b981\" stroke-width=\"1.5\"\/><path d=\"M55 50L65 50\" stroke=\"#10b981\" stroke-width=\"2\"\/><path d=\"M55 55L65 55\" stroke=\"#10b981\" stroke-width=\"2\"\/><circle cx=\"37\" cy=\"48\" r=\"8\" stroke=\"#10b981\" stroke-width=\"1\"\/><line x1=\"72\" y1=\"45\" x2=\"93\" y2=\"45\" stroke=\"#10b981\" stroke-width=\"1\"\/><line x1=\"72\" y1=\"52\" x2=\"88\" y2=\"52\" stroke=\"#10b981\" stroke-width=\"1\"\/><line x1=\"72\" y1=\"59\" x2=\"93\" y2=\"59\" stroke=\"#10b981\" stroke-width=\"1\"\/><\/svg>\r\n <\/div>\r\n <div class=\"spec-card-body\">\r\n <h3>Patrocinio y partnerships<\/h3>\r\n <p>Identificaci\u00f3n de oportunidades, asistencia en la negociaci\u00f3n de acuerdos con marcas patrocinadoras.<\/p>\r\n <span class=\"spec-card-badge\">Revenue<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n<!-- \u2550\u2550\u2550 DIFFERENTIALS \u2014 WHITE \u2550\u2550\u2550 -->\r\n<section class=\"diff\">\r\n <div class=\"diff-wrap\">\r\n <span class=\"tag\">Diferencial<\/span>\r\n <h2 class=\"diff-title\">Por qu\u00e9 nosotros<\/h2>\r\n <p class=\"diff-sub\">Entendemos el deporte desde dentro: los tempos, sus audiencias y su lenguaje.<\/p>\r\n <div class=\"diff-grid\">\r\n <div class=\"diff-card\">\r\n <h3>Expertise en comunicaci\u00f3n deportiva<\/h3>\r\n <p>A\u00f1os de experiencia con atletas, clubes y marcas deportivas. Conocimiento profundo del sector que se traduce en estrategias m\u00e1s efectivas y resultados medibles.<\/p>\r\n <\/div>\r\n <div class=\"diff-card\">\r\n <h3>Ciclos medi\u00e1ticos dominados<\/h3>\r\n <p>Conocemos los ritmos de la prensa deportiva, las ventanas de oportunidad y los momentos clave para maximizar la repercusi\u00f3n de cada mensaje.<\/p>\r\n <\/div>\r\n <div class=\"diff-card\">\r\n <h3>Contenido en tiempo real<\/h3>\r\n <p>Equipos preparados para activar contenidos al instante, responder ante lo imprevisto y capitalizar momentos virales con agilidad y criterio.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n<!-- \u2550\u2550\u2550 EMPRESAS CON LAS QUE TRABAJAMOS \u2550\u2550\u2550 -->\r\n<section class=\"logos\">\r\n <div class=\"logos-wrap\">\r\n <h2 class=\"logos-title\">Empresas con las que trabajamos<\/h2>\r\n <p class=\"logos-sub\">Conf\u00edan en nosotros para conectar deporte y comunicaci\u00f3n.<\/p>\r\n <div class=\"logos-track\" id=\"logosTrack\">\r\n <div class=\"logo-item\"><span>El Mundo Financiero<\/span><\/div>\r\n <div class=\"logo-item\"><span>Progress Cycles<\/span><\/div>\r\n <div class=\"logo-item\"><span>Magicshine<\/span><\/div>\r\n <div class=\"logo-item\"><span>Assessoria Baix<\/span><\/div>\r\n <div class=\"logo-item\"><span>Luxury Concierge Services<\/span><\/div>\r\n <div class=\"logo-item\"><span>KCNC<\/span><\/div>\r\n <div class=\"logo-item\"><span>Fun Sport SL<\/span><\/div>\r\n <div class=\"logo-item\"><span>Ready Go<\/span><\/div>\r\n <div class=\"logo-item\"><span>El Mundo Financiero<\/span><\/div>\r\n <div class=\"logo-item\"><span>Progress Cycles<\/span><\/div>\r\n <div class=\"logo-item\"><span>Magicshine<\/span><\/div>\r\n <div class=\"logo-item\"><span>Assessoria Baix<\/span><\/div>\r\n <div class=\"logo-item\"><span>Luxury Concierge Services<\/span><\/div>\r\n <div class=\"logo-item\"><span>KCNC<\/span><\/div>\r\n <div class=\"logo-item\"><span>Fun Sport SL<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n<!-- \u2550\u2550\u2550 CTA \u2014 DARK \u2550\u2550\u2550 -->\r\n<section class=\"cta\">\r\n <h2 class=\"cta-title\">Lleva tu comunicaci\u00f3n deportiva al siguiente nivel<\/h2>\r\n <p class=\"cta-text\">Hablemos sobre c\u00f3mo conectar con tu audiencia deportiva de forma estrat\u00e9gica y emocional.<\/p>\r\n <a href=\"\/contacto\" class=\"cta-btn\">\r\n Empezar proyecto\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/a>\r\n<\/section>\r\n<script>\r\ngsap.registerPlugin(ScrollTrigger);\r\n\/\/ \u2550\u2550\u2550 HERO CANVAS \u2014 LIGHT PARTICLES \u2550\u2550\u2550\r\n(function(){\r\n const c=document.getElementById('heroCanvas');\r\n const ctx=c.getContext('2d');\r\n let W,H;\r\n function resize(){W=c.width=c.offsetWidth;H=c.height=c.offsetHeight}\r\n resize();window.addEventListener('resize',resize);\r\n const particles=[];\r\n for(let i=0;i<60;i++){\r\n particles.push({\r\n x:Math.random()*2000,y:Math.random()*1200,\r\n vx:.3+Math.random()*.8,vy:(Math.random()-.5)*.3,\r\n r:1+Math.random()*2,a:.06+Math.random()*.14\r\n });\r\n }\r\n const lines=[];\r\n for(let i=0;i<8;i++){\r\n lines.push({\r\n y:100+i*(H\/8),\r\n amp:20+Math.random()*30,\r\n freq:.002+Math.random()*.002,\r\n speed:.5+Math.random(),\r\n phase:Math.random()*Math.PI*2,\r\n a:.025+Math.random()*.025\r\n });\r\n }\r\n let frame=0;\r\n function draw(){\r\n ctx.clearRect(0,0,W,H);\r\n lines.forEach(l=>{\r\n ctx.beginPath();\r\n ctx.strokeStyle=`rgba(0,85,255,${l.a})`;\r\n ctx.lineWidth=1;\r\n for(let x=0;x<W;x+=3){\r\n const y=l.y+Math.sin(x*l.freq+frame*0.01*l.speed+l.phase)*l.amp;\r\n if(x===0)ctx.moveTo(x,y);else ctx.lineTo(x,y);\r\n }\r\n ctx.stroke();\r\n });\r\n particles.forEach(p=>{\r\n p.x+=p.vx;p.y+=p.vy;\r\n if(p.x>W+10){p.x=-10;p.y=Math.random()*H}\r\n ctx.beginPath();\r\n ctx.arc(p.x,p.y,p.r,0,Math.PI*2);\r\n ctx.fillStyle=`rgba(0,85,255,${p.a})`;\r\n ctx.fill();\r\n });\r\n for(let i=0;i<particles.length;i++){\r\n for(let j=i+1;j<particles.length;j++){\r\n const dx=particles[i].x-particles[j].x;\r\n const dy=particles[i].y-particles[j].y;\r\n const dist=Math.sqrt(dx*dx+dy*dy);\r\n if(dist<120){\r\n ctx.beginPath();\r\n ctx.moveTo(particles[i].x,particles[i].y);\r\n ctx.lineTo(particles[j].x,particles[j].y);\r\n ctx.strokeStyle=`rgba(0,85,255,${.04*(1-dist\/120)})`;\r\n ctx.lineWidth=.5;\r\n ctx.stroke();\r\n }\r\n }\r\n }\r\n frame++;\r\n requestAnimationFrame(draw);\r\n }\r\n draw();\r\n})();\r\n\/\/ \u2550\u2550\u2550 GSAP ANIMATIONS \u2550\u2550\u2550\r\ngsap.from('.hero-breadcrumb',{opacity:0,y:20,duration:.6,delay:.3});\r\ngsap.from('.hero-label',{opacity:0,y:20,duration:.6,delay:.5});\r\ngsap.from('.hero-title',{opacity:0,y:30,duration:.8,delay:.7});\r\ngsap.from('.hero-lead',{opacity:0,y:20,duration:.6,delay:1});\r\ngsap.from('.hero-cta',{opacity:0,y:20,duration:.6,delay:1.2});\r\ngsap.utils.toArray('.bento-card').forEach((card,i)=>{\r\n gsap.from(card,{\r\n opacity:0,y:40,duration:.7,delay:i*.1,\r\n ease:'power3.out',\r\n scrollTrigger:{trigger:card,start:'top 85%',once:true}\r\n });\r\n});\r\ngsap.utils.toArray('.tl-item').forEach((item,i)=>{\r\n gsap.to(item,{\r\n opacity:1,x:0,duration:.8,delay:i*.15,\r\n ease:'power3.out',\r\n scrollTrigger:{\r\n trigger:item,start:'top 80%',once:true,\r\n onEnter:()=>item.classList.add('is-active')\r\n }\r\n });\r\n});\r\n(function(){\r\n const tl=document.getElementById('timeline');\r\n if(!tl)return;\r\n function updateLine(){\r\n const rect=tl.getBoundingClientRect();\r\n const viewH=window.innerHeight;\r\n if(rect.top>viewH){tl.style.setProperty('--tl-progress','0%');return}\r\n const visible=Math.min(viewH-rect.top,rect.height);\r\n const pct=Math.max(0,Math.min(100,(visible\/rect.height)*100));\r\n tl.style.setProperty('--tl-progress',pct+'%');\r\n }\r\n const style=document.createElement('style');\r\n style.textContent='.timeline::after{height:var(--tl-progress,0%)!important;transition:none!important}';\r\n document.head.appendChild(style);\r\n window.addEventListener('scroll',updateLine,{passive:true});\r\n updateLine();\r\n})();\r\ngsap.utils.toArray('.diff-card').forEach((card,i)=>{\r\n gsap.from(card,{\r\n opacity:0,y:30,duration:.7,delay:i*.12,\r\n ease:'power3.out',\r\n scrollTrigger:{trigger:card,start:'top 85%',once:true}\r\n });\r\n});\r\ngsap.from('.cta-title',{opacity:0,y:30,duration:.8,scrollTrigger:{trigger:'.cta',start:'top 75%',once:true}});\r\ngsap.from('.cta-text',{opacity:0,y:20,duration:.6,delay:.2,scrollTrigger:{trigger:'.cta',start:'top 75%',once:true}});\r\ngsap.from('.cta-btn',{opacity:0,y:20,duration:.6,delay:.4,scrollTrigger:{trigger:'.cta',start:'top 75%',once:true}});\r\n\/\/ \u2550\u2550\u2550 SPECS DRAG SCROLL \u2550\u2550\u2550\r\n(function(){\r\n const track=document.getElementById('specsTrack');\r\n let isDown=false,startX,scrollL;\r\n track.addEventListener('mousedown',e=>{isDown=true;track.style.cursor='grabbing';startX=e.pageX-track.offsetLeft;scrollL=track.scrollLeft});\r\n track.addEventListener('mouseleave',()=>{isDown=false;track.style.cursor='grab'});\r\n track.addEventListener('mouseup',()=>{isDown=false;track.style.cursor='grab'});\r\n track.addEventListener('mousemove',e=>{if(!isDown)return;e.preventDefault();const x=e.pageX-track.offsetLeft;track.scrollLeft=scrollL-(x-startX)*1.5});\r\n track.addEventListener('touchstart',e=>{startX=e.touches[0].pageX-track.offsetLeft;scrollL=track.scrollLeft});\r\n track.addEventListener('touchmove',e=>{const x=e.touches[0].pageX-track.offsetLeft;track.scrollLeft=scrollL-(x-startX)*1.5});\r\n})();\r\n<\/script>\r\n<\/body>\r\n<\/html><\/div>\n\t\t\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":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-624","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/vortexmedia.agency\/es\/wp-json\/wp\/v2\/pages\/624","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=624"}],"version-history":[{"count":10,"href":"https:\/\/vortexmedia.agency\/es\/wp-json\/wp\/v2\/pages\/624\/revisions"}],"predecessor-version":[{"id":798,"href":"https:\/\/vortexmedia.agency\/es\/wp-json\/wp\/v2\/pages\/624\/revisions\/798"}],"wp:attachment":[{"href":"https:\/\/vortexmedia.agency\/es\/wp-json\/wp\/v2\/media?parent=624"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}