{"id":73,"date":"2026-03-31T10:05:12","date_gmt":"2026-03-31T08:05:12","guid":{"rendered":"https:\/\/vortexmedia.agency\/?page_id=73"},"modified":"2026-04-30T09:47:16","modified_gmt":"2026-04-30T07:47:16","slug":"servicios","status":"publish","type":"page","link":"https:\/\/vortexmedia.agency\/es\/servicios\/","title":{"rendered":"Servicios"},"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\nServicios \u2014 Vortex Media | Agencia de Comunicaci\u00f3n<\/title>\r\n<meta name=\"description\" content=\"Consultor\u00eda estrat\u00e9gica, branding, comunicaci\u00f3n deportiva y gesti\u00f3n de contenidos. Descubre c\u00f3mo Vortex Media puede transformar la comunicaci\u00f3n de tu marca.\">\r\n<link rel=\"canonical\" href=\"https:\/\/vortexmedia.agency\/servicios\/\">\r\n<link rel=\"alternate\" hreflang=\"es\" href=\"https:\/\/vortexmedia.agency\/servicios\/\">\r\n<link rel=\"alternate\" hreflang=\"en\" href=\"https:\/\/vortexmedia.agency\/en\/services\/\">\r\n<meta property=\"og:title\" content=\"Servicios \u2014 Vortex Media | Agencia de Comunicaci\u00f3n\">\r\n<meta property=\"og:description\" content=\"Consultor\u00eda estrat\u00e9gica, branding, comunicaci\u00f3n deportiva y gesti\u00f3n de contenidos. Descubre c\u00f3mo Vortex Media puede transformar la comunicaci\u00f3n de tu marca.\">\r\n<meta property=\"og:type\" content=\"website\">\r\n<meta property=\"og:url\" content=\"https:\/\/vortexmedia.agency\/servicios\/\">\r\n<meta property=\"og:locale\" content=\"es_ES\">\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<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<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.13.0\/ScrollToPlugin.min.js\"><\/script>\r\n<script type=\"application\/ld+json\">\r\n{\"@context\":\"https:\/\/schema.org\",\"@type\":\"ItemList\",\"name\":\"Servicios de Vortex Media\",\"itemListElement\":[\r\n{\"@type\":\"ListItem\",\"position\":1,\"item\":{\"@type\":\"Service\",\"name\":\"Consultor\u00eda y Estrategia\",\"url\":\"https:\/\/vortexmedia.agency\/consultoria\",\"provider\":{\"@type\":\"Organization\",\"name\":\"Vortex Media\"}}},\r\n{\"@type\":\"ListItem\",\"position\":2,\"item\":{\"@type\":\"Service\",\"name\":\"Branding e Identidad\",\"url\":\"https:\/\/vortexmedia.agency\/branding\"}},\r\n{\"@type\":\"ListItem\",\"position\":3,\"item\":{\"@type\":\"Service\",\"name\":\"Comunicaci\u00f3n Deportiva\",\"url\":\"https:\/\/vortexmedia.agency\/comunicacion-deportiva\"}},\r\n{\"@type\":\"ListItem\",\"position\":4,\"item\":{\"@type\":\"Service\",\"name\":\"Contenidos y Redes Sociales\",\"url\":\"https:\/\/vortexmedia.agency\/contenidos\"}}\r\n]}\r\n<\/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 --font-heading:'Space Grotesk',-apple-system,sans-serif;\r\n --font-body:'Inter',-apple-system,sans-serif;\r\n}\r\nhtml{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}\r\nbody{font-family:var(--font-body);background:var(--white);color:var(--text-primary);overflow-x:hidden;line-height:1.6}\r\na{text-decoration:none;color:inherit}\r\n::-webkit-scrollbar{width:5px}\r\n::-webkit-scrollbar-track{background:var(--light-gray)}\r\n::-webkit-scrollbar-thumb{background:var(--mid-gray);border-radius:3px}\r\n\/*\u2550\u2550\u2550 HERO \u2550\u2550\u2550*\/\r\n.hero{\r\n min-height:85vh;display:flex;align-items:center;justify-content:center;\r\n padding:8rem 6% 5rem;position:relative;overflow:hidden;text-align:center;\r\n}\r\n.hero::before{\r\n content:'';position:absolute;top:-200px;left:50%;transform:translateX(-50%);\r\n width:800px;height:800px;border-radius:50%;\r\n background:radial-gradient(circle,rgba(var(--accent-rgb),.04) 0%,transparent 70%);\r\n pointer-events:none;\r\n}\r\n.hero-content{position:relative;z-index:2;max-width:800px}\r\n.hero-tag{font-size:.7rem;font-weight:700;letter-spacing:.25em;text-transform:uppercase;color:var(--accent)!important;margin-bottom:1.5rem}\r\n.hero h1{\r\n font-family:var(--font-heading);font-size:clamp(2.5rem,5vw,4rem);\r\n font-weight:700;line-height:1.08;margin-bottom:1.5rem;color:var(--text-primary)!important;\r\n}\r\n.hero-lead{font-size:1.15rem;color:var(--text-secondary)!important;line-height:1.8;max-width:620px;margin:0 auto 2.5rem}\r\n.hero-scroll{\r\n display:inline-flex;flex-direction:column;align-items:center;gap:.5rem;\r\n font-size:.72rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted)!important;\r\n}\r\n.hero-scroll-line{width:1px;height:40px;background:linear-gradient(to bottom,var(--accent),transparent);animation:scrollPulse 2s infinite}\r\n@keyframes scrollPulse{0%,100%{opacity:.3;transform:scaleY(.7)}50%{opacity:1;transform:scaleY(1)}}\r\n.hero-shape{position:absolute;border-radius:50%;opacity:0;animation:floatIn 1.5s ease-out forwards,floatContinuous 8s ease-in-out infinite 1.5s}\r\n.hero-shape-1{width:300px;height:300px;border:1px solid rgba(var(--accent-rgb),.06);top:10%;left:5%;animation-delay:.2s}\r\n.hero-shape-2{width:200px;height:200px;border:1px solid rgba(var(--accent-rgb),.04);top:20%;right:8%;animation-delay:.4s}\r\n.hero-shape-3{width:150px;height:150px;background:rgba(var(--accent-rgb),.02);bottom:15%;left:15%;animation-delay:.6s}\r\n.hero-shape-4{width:100px;height:100px;border:1px solid rgba(100,0,255,.04);bottom:25%;right:20%;animation-delay:.8s}\r\n@keyframes floatIn{0%{opacity:0;transform:scale(.5)}100%{opacity:1;transform:scale(1)}}\r\n@keyframes floatContinuous{0%,100%{transform:translateY(0)}50%{transform:translateY(-15px)}}\r\n\/*\u2550\u2550\u2550 MARQUEE \u2550\u2550\u2550*\/\r\n.marquee-section{\r\n padding:1.5rem 0;overflow:hidden;\r\n border-top:1px solid var(--light-gray);border-bottom:1px solid var(--light-gray);\r\n background:var(--surface-alt)!important;\r\n}\r\n.marquee-track{\r\n display:flex;gap:0;white-space:nowrap;\r\n animation:marqueeScroll 30s linear infinite;\r\n}\r\n.marquee-item{\r\n font-family:var(--font-heading);font-size:.85rem;font-weight:500;\r\n color:var(--text-muted)!important;letter-spacing:.05em;padding-right:0;\r\n}\r\n.marquee-item .dot{\r\n display:inline-block;width:4px;height:4px;border-radius:50%;\r\n background:var(--accent)!important;vertical-align:middle;margin:0 1.5rem;\r\n}\r\n@keyframes marqueeScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}\r\n\/*\u2550\u2550\u2550 SECTION COMMON \u2550\u2550\u2550*\/\r\n.section{padding:7rem 6%}\r\n.section-inner{max-width:1300px;margin:0 auto}\r\n.section-tag{font-size:.7rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--accent)!important;margin-bottom:1rem;display:block}\r\n.section-title{font-family:var(--font-heading);font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:700;line-height:1.1;margin-bottom:1.2rem;max-width:700px}\r\n.section-desc{font-size:1.05rem;color:var(--text-secondary)!important;line-height:1.85;max-width:680px;margin-bottom:2rem}\r\n\/*\u2550\u2550\u2550 SERVICE BLOCKS \u2550\u2550\u2550*\/\r\n.service-block{padding:7rem 6%;position:relative;overflow:hidden}\r\n.service-block:nth-child(even){background:var(--surface-alt)!important}\r\n.service-block:nth-child(odd){background:var(--white)!important}\r\n.service-block-inner{max-width:1300px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:stretch}\r\n.service-block:nth-child(even) .service-block-inner{direction:rtl}\r\n.service-block:nth-child(even) .service-block-inner>*{direction:ltr}\r\n.service-block-text{display:flex;flex-direction:column;justify-content:center}\r\n.service-block-tag{font-size:.7rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--accent)!important;margin-bottom:1.5rem}\r\n.service-block h2{\r\n font-family:var(--font-heading);font-size:clamp(1.8rem,3.5vw,2.6rem);\r\n font-weight:700;line-height:1.1;margin-bottom:1.2rem;\r\n}\r\n.service-block-lead{font-size:1.05rem;color:var(--text-secondary)!important;line-height:1.85;margin-bottom:1.5rem}\r\n.service-block-list{list-style:none;display:flex;flex-direction:column;gap:.5rem;margin-bottom:2rem}\r\n.service-block-list li{\r\n padding:.8rem 1rem;border-radius:10px;\r\n font-size:.88rem;color:var(--text-secondary)!important;line-height:1.6;\r\n display:flex;align-items:flex-start;gap:.7rem;transition:all .3s;\r\n}\r\n.service-block-list li:hover{background:rgba(var(--accent-rgb),.03);transform:translateX(4px)}\r\n.sbl-dot{flex-shrink:0;width:5px;height:5px;margin-top:.5rem;background:var(--accent)!important;border-radius:50%}\r\n\/* \u2500\u2500\u2500 CTA GROUP \u2500\u2500\u2500 *\/\r\n.service-cta-group{\r\n display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;\r\n}\r\n.service-block-cta{\r\n display:inline-flex;align-items:center;gap:.6rem;\r\n background:var(--accent)!important;color:var(--white)!important;padding:.85rem 1.8rem;\r\n border-radius:12px;font-weight:600;font-size:.9rem;\r\n transition:all .4s;position:relative;overflow:hidden;\r\n white-space:nowrap;\r\n}\r\n.service-block-cta::before{\r\n content:'';position:absolute;inset:0;\r\n background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);\r\n transform:translateX(-100%);transition:transform .6s;\r\n}\r\n.service-block-cta:hover::before{transform:translateX(100%)}\r\n.service-block-cta:hover{transform:translateY(-2px);box-shadow:0 12px 40px rgba(var(--accent-rgb),.25);color:var(--white)!important;background:var(--accent-hover)!important}\r\n.service-block-cta:visited{color:var(--white)!important}\r\n.service-block-cta:active{color:var(--white)!important}\r\n.service-block-cta svg{width:16px;height:16px;transition:transform .3s;stroke:var(--white)!important}\r\n.service-block-cta:hover svg{transform:translateX(3px);stroke:var(--white)!important}\r\n\/* Secondary CTA \u2014 outline *\/\r\n.service-block-cta-secondary{\r\n display:inline-flex;align-items:center;gap:.6rem;\r\n background:transparent!important;\r\n color:var(--accent)!important;\r\n border:1.5px solid var(--accent)!important;\r\n padding:.75rem 1.8rem;\r\n border-radius:12px;font-weight:600;font-size:.9rem;\r\n transition:all .4s;position:relative;overflow:hidden;\r\n white-space:nowrap;\r\n}\r\n.service-block-cta-secondary::before{\r\n content:'';position:absolute;inset:0;\r\n background:var(--accent);\r\n transform:scaleX(0);transform-origin:left;\r\n transition:transform .4s cubic-bezier(.23,1,.32,1);\r\n z-index:0;\r\n}\r\n.service-block-cta-secondary span,\r\n.service-block-cta-secondary svg{position:relative;z-index:1}\r\n.service-block-cta-secondary:hover::before{transform:scaleX(1)}\r\n.service-block-cta-secondary:hover{\r\n color:var(--white)!important;\r\n border-color:var(--accent)!important;\r\n transform:translateY(-2px);\r\n box-shadow:0 12px 40px rgba(var(--accent-rgb),.2);\r\n}\r\n.service-block-cta-secondary:visited{color:var(--accent)!important}\r\n.service-block-cta-secondary:visited:hover{color:var(--white)!important}\r\n.service-block-cta-secondary:active{color:var(--white)!important}\r\n.service-block-cta-secondary svg{width:16px;height:16px;transition:transform .3s;stroke:var(--accent)!important}\r\n.service-block-cta-secondary:hover svg{transform:translateX(3px);stroke:var(--white)!important}\r\n\/* Service visual *\/\r\n.service-visual{\r\n position:relative;border-radius:24px;overflow:hidden;\r\n display:flex;align-items:stretch;\r\n}\r\n.service-visual svg{width:100%;height:100%;min-height:100%}\r\n.service-visual .animated-line{\r\n stroke-dasharray:200;stroke-dashoffset:200;\r\n animation:drawLine 2s ease-out forwards;\r\n}\r\n@keyframes drawLine{to{stroke-dashoffset:0}}\r\n\/*\u2550\u2550\u2550 HORIZONTAL SHOWCASE \u2550\u2550\u2550*\/\r\n.showcase-section{padding:7rem 6%;background:var(--surface-alt)!important;overflow:hidden}\r\n.showcase-header{max-width:1300px;margin:0 auto 3rem;display:flex;justify-content:space-between;align-items:flex-end}\r\n.showcase-header-text h2{font-family:var(--font-heading);font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:700;line-height:1.1;margin-bottom:.6rem}\r\n.showcase-header-text p{font-size:1rem;color:var(--text-secondary)!important}\r\n.showcase-hint{\r\n display:flex;align-items:center;gap:.5rem;\r\n font-size:.78rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)!important;\r\n flex-shrink:0;\r\n}\r\n.showcase-hint svg{width:20px;height:20px;animation:hintSlide 1.5s ease-in-out infinite}\r\n@keyframes hintSlide{0%,100%{transform:translateX(0)}50%{transform:translateX(6px)}}\r\n.showcase-track-outer{\r\n overflow-x:auto;cursor:grab;-webkit-overflow-scrolling:touch;\r\n scrollbar-width:none;padding-bottom:1rem;\r\n}\r\n.showcase-track-outer::-webkit-scrollbar{display:none}\r\n.showcase-track-outer:active{cursor:grabbing}\r\n.showcase-track{\r\n display:flex;gap:1.5rem;\r\n padding:0 max(calc((100vw - 1300px)\/2),5%) 1rem;\r\n width:max-content;\r\n}\r\n.showcase-card{\r\n min-width:340px;max-width:340px;border-radius:20px;\r\n background:var(--white)!important;border:1px solid var(--light-gray);\r\n overflow:hidden;transition:all .4s cubic-bezier(.23,1,.32,1);\r\n flex-shrink:0;\r\n}\r\n.showcase-card:hover{border-color:rgba(var(--accent-rgb),.15);transform:translateY(-4px);box-shadow:0 16px 50px rgba(0,0,0,.06)}\r\n.showcase-card-img{\r\n height:200px;position:relative;overflow:hidden;\r\n display:flex;align-items:center;justify-content:center;\r\n}\r\n.showcase-card-img svg{width:100%;height:100%}\r\n.showcase-card-body{padding:1.5rem 1.8rem 1.8rem}\r\n.showcase-card-number{font-size:.65rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--accent)!important;margin-bottom:.6rem}\r\n.showcase-card h3{font-family:var(--font-heading);font-size:1.1rem;font-weight:700;margin-bottom:.5rem;line-height:1.3}\r\n.showcase-card p{font-size:.88rem;color:var(--text-secondary)!important;line-height:1.7;margin-bottom:0}\r\n.showcase-dots{display:flex;justify-content:center;gap:.5rem;margin-top:1.5rem}\r\n.showcase-dot{width:8px;height:8px;border-radius:50%;background:var(--mid-gray)!important;cursor:pointer;transition:all .3s}\r\n.showcase-dot.active{background:var(--accent)!important;width:24px;border-radius:4px}\r\n\/*\u2550\u2550\u2550 APPROACH \u2550\u2550\u2550*\/\r\n.approach-section{padding:7rem 6%;background:var(--white)!important}\r\n.approach-inner{max-width:1300px;margin:0 auto}\r\n.approach-header{text-align:center;margin-bottom:4rem}\r\n.approach-timeline{position:relative;padding:2rem 0}\r\n.approach-line{\r\n position:absolute;left:50%;top:0;bottom:0;width:1px;\r\n background:linear-gradient(to bottom,transparent,var(--light-gray) 10%,var(--light-gray) 90%,transparent);\r\n}\r\n.approach-line-fill{\r\n position:absolute;left:0;top:0;width:100%;height:0;\r\n background:var(--accent)!important;transition:height 1.5s ease-out;\r\n}\r\n.approach-item{\r\n display:grid;grid-template-columns:1fr 60px 1fr;gap:0;align-items:center;\r\n margin-bottom:4rem;position:relative;\r\n}\r\n.approach-item:last-child{margin-bottom:0}\r\n.approach-item-content{padding:2rem 2.5rem;border-radius:16px;background:var(--surface-alt)!important;border:1px solid var(--light-gray);transition:all .4s}\r\n.approach-item-content:hover{border-color:rgba(var(--accent-rgb),.12);box-shadow:0 8px 30px rgba(0,0,0,.03)}\r\n.approach-item:nth-child(odd) .approach-item-content{grid-column:1}\r\n.approach-item:nth-child(even) .approach-item-content{grid-column:3}\r\n.approach-item:nth-child(odd) .approach-item-spacer{grid-column:3}\r\n.approach-item:nth-child(even) .approach-item-spacer{grid-column:1}\r\n.approach-dot{\r\n grid-column:2;justify-self:center;\r\n width:14px;height:14px;border-radius:50%;\r\n background:var(--white)!important;border:2px solid var(--light-gray);\r\n transition:all .5s;position:relative;z-index:2;\r\n}\r\n.approach-dot.active{border-color:var(--accent)!important;background:var(--accent)!important;box-shadow:0 0 20px rgba(var(--accent-rgb),.3)}\r\n.approach-item-content h3{font-family:var(--font-heading);font-size:1.1rem;font-weight:700;margin-bottom:.5rem}\r\n.approach-item-content p{font-size:.88rem;color:var(--text-secondary)!important;line-height:1.75}\r\n.approach-number{\r\n font-family:var(--font-heading);font-size:2.5rem;font-weight:700;\r\n color:var(--light-gray)!important;margin-bottom:.5rem;transition:all .5s;\r\n}\r\n.approach-item-content:hover .approach-number{\r\n color:var(--accent)!important;\r\n text-shadow:0 0 20px rgba(var(--accent-rgb),.3),0 0 40px rgba(var(--accent-rgb),.15);\r\n}\r\n\/*\u2550\u2550\u2550 STATS \u2550\u2550\u2550*\/\r\n.stats-section{padding:5rem 6%;background:var(--text-primary)!important;color:var(--white)!important;overflow:hidden}\r\n.stats-inner{max-width:1300px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:3rem;text-align:center}\r\n.stat-item{position:relative}\r\n.stat-number{\r\n font-family:var(--font-heading);font-size:clamp(2.5rem,4vw,3.5rem);font-weight:700;\r\n color:var(--accent)!important;margin-bottom:.5rem;\r\n}\r\n.stat-label{font-size:.82rem;color:rgba(255,255,255,.5)!important;letter-spacing:.05em}\r\n\/*\u2550\u2550\u2550 PHILOSOPHY \u2550\u2550\u2550*\/\r\n.philosophy-section{padding:7rem 6%;background:var(--white)!important;overflow:hidden}\r\n.philosophy-inner{max-width:1300px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:stretch}\r\n.philosophy-visual{position:relative;border-radius:24px;overflow:hidden;display:flex;align-items:stretch}\r\n.philosophy-visual svg{width:100%;height:100%;min-height:100%}\r\n.philosophy-text{display:flex;flex-direction:column;justify-content:center}\r\n.philosophy-text h2{font-family:var(--font-heading);font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:700;line-height:1.1;margin-bottom:1.2rem}\r\n.philosophy-text p{font-size:.95rem;color:var(--text-secondary)!important;line-height:1.85;margin-bottom:1rem}\r\n.philosophy-items{display:flex;flex-direction:column;gap:1.2rem;margin-top:2rem}\r\n.philosophy-item{display:flex;gap:1rem;align-items:flex-start}\r\n.philosophy-item-icon{\r\n flex-shrink:0;width:36px;height:36px;border-radius:10px;\r\n background:var(--accent-light)!important;display:flex;align-items:center;justify-content:center;\r\n}\r\n.philosophy-item-icon svg{width:18px;height:18px;stroke:var(--accent)!important;fill:none;stroke-width:1.8}\r\n.philosophy-item h4{font-family:var(--font-heading);font-size:.95rem;font-weight:700;margin-bottom:.2rem}\r\n.philosophy-item p{font-size:.85rem;color:var(--text-secondary)!important;line-height:1.7}\r\n\/*\u2550\u2550\u2550 CTA FINAL \u2550\u2550\u2550*\/\r\n.cta-section{\r\n min-height:50vh;display:flex;flex-direction:column;align-items:center;justify-content:center;\r\n text-align:center;padding:7rem 6%;background:var(--surface-alt)!important;position:relative;overflow:hidden;\r\n}\r\n.cta-section::before{\r\n content:'';position:absolute;width:600px;height:600px;border-radius:50%;\r\n background:rgba(var(--accent-rgb),.04);filter:blur(100px);\r\n bottom:-150px;left:50%;transform:translateX(-50%);pointer-events:none;\r\n}\r\n.cta-tag{font-size:.7rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--accent)!important;margin-bottom:1.5rem}\r\n.cta-title{font-family:var(--font-heading);font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.08;max-width:600px;margin-bottom:1.2rem}\r\n.cta-desc{font-size:1.05rem;color:var(--text-secondary)!important;max-width:520px;line-height:1.7;margin-bottom:2.5rem}\r\n.cta-btn{\r\n display:inline-flex;align-items:center;gap:.7rem;\r\n background:var(--accent)!important;color:var(--white)!important;padding:1.1rem 2.5rem;\r\n border-radius:14px;font-weight:700;font-size:1.02rem;\r\n transition:all .4s;position:relative;overflow:hidden;\r\n}\r\n.cta-btn::before{\r\n content:'';position:absolute;inset:0;\r\n background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);\r\n transform:translateX(-100%);transition:transform .6s;\r\n}\r\n.cta-btn:hover::before{transform:translateX(100%)}\r\n.cta-btn:hover{transform:translateY(-3px);box-shadow:0 15px 50px rgba(var(--accent-rgb),.25);color:var(--white)!important;background:var(--accent-hover)!important}\r\n.cta-btn:visited{color:var(--white)!important}\r\n.cta-btn svg{width:18px;height:18px;transition:transform .3s;stroke:var(--white)!important}\r\n.cta-btn:hover svg{transform:translateX(4px);stroke:var(--white)!important}\r\n.cta-sub{margin-top:1rem;font-size:.78rem;color:var(--text-muted)!important}\r\n\/*\u2550\u2550\u2550 BREADCRUMB \u2550\u2550\u2550*\/\r\n.breadcrumb{font-size:.75rem;color:var(--text-muted)!important;margin-bottom:2rem}\r\n.breadcrumb a{color:var(--accent)!important;transition:opacity .3s}\r\n.breadcrumb a:hover{opacity:.7}\r\n.breadcrumb span{margin:0 .4rem}\r\n\/*\u2550\u2550\u2550 REVEAL \u2550\u2550\u2550*\/\r\n.reveal-up{opacity:0;transform:translateY(50px)}\r\n.reveal-right{opacity:0;transform:translateX(50px)}\r\n.reveal-scale{opacity:0;transform:scale(.92)}\r\n.reveal-left{opacity:0;transform:translateX(-50px)}\r\n\/*\u2550\u2550\u2550 RESPONSIVE \u2550\u2550\u2550*\/\r\n@media(max-width:1024px){\r\n .service-block-inner{grid-template-columns:1fr;gap:2.5rem}\r\n .service-block:nth-child(even) .service-block-inner{direction:ltr}\r\n .service-visual{max-height:320px;min-height:220px}\r\n .stats-inner{grid-template-columns:repeat(2,1fr);gap:2rem}\r\n .approach-item{grid-template-columns:1fr;gap:.5rem}\r\n .approach-line{display:none}\r\n .approach-dot{grid-column:1;justify-self:start;margin-bottom:.5rem}\r\n .approach-item-content{grid-column:1!important}\r\n .approach-item-spacer{display:none}\r\n .philosophy-inner{grid-template-columns:1fr;gap:2.5rem}\r\n .philosophy-visual{max-height:360px;min-height:260px}\r\n .showcase-header{flex-direction:column;align-items:flex-start;gap:1rem}\r\n .service-block{padding:5rem 5%}\r\n .section{padding:5rem 5%}\r\n .showcase-section{padding:5rem 5%}\r\n .approach-section{padding:5rem 5%}\r\n .philosophy-section{padding:5rem 5%}\r\n .cta-section{padding:5rem 5%}\r\n}\r\n@media(max-width:768px){\r\n .hero{min-height:auto;padding:6rem 5% 3.5rem}\r\n .hero h1{font-size:clamp(1.8rem,7vw,2.5rem)}\r\n .hero-lead{font-size:1rem;margin-bottom:2rem}\r\n .hero-shape-1,.hero-shape-2{display:none}\r\n .hero-shape-3,.hero-shape-4{width:80px;height:80px}\r\n .marquee-item{font-size:.75rem}\r\n .marquee-item .dot{margin:0 1rem}\r\n .service-block{padding:4rem 5%}\r\n .service-block-inner{gap:2rem}\r\n .service-block h2{font-size:clamp(1.5rem,6vw,2rem)}\r\n .service-block-lead{font-size:.95rem}\r\n .service-block-list li{padding:.6rem .8rem;font-size:.85rem}\r\n .service-cta-group{flex-direction:column;align-items:stretch}\r\n .service-block-cta,\r\n .service-block-cta-secondary{width:100%;justify-content:center;text-align:center}\r\n .service-visual{max-height:260px;min-height:180px;border-radius:16px}\r\n .showcase-section{padding:4rem 0}\r\n .showcase-header{padding:0 5%;margin-bottom:2rem}\r\n .showcase-header-text h2{font-size:clamp(1.5rem,6vw,2rem)}\r\n .showcase-hint{display:none}\r\n .showcase-card{min-width:280px;max-width:280px}\r\n .showcase-card-img{height:160px}\r\n .showcase-card-body{padding:1.2rem 1.4rem 1.5rem}\r\n .approach-section{padding:4rem 5%}\r\n .approach-header{margin-bottom:2.5rem}\r\n .approach-item{margin-bottom:2.5rem}\r\n .approach-item-content{padding:1.5rem}\r\n .approach-number{font-size:2rem}\r\n .stats-section{padding:3.5rem 5%}\r\n .stats-inner{grid-template-columns:1fr 1fr;gap:2rem 1.5rem}\r\n .stat-number{font-size:clamp(2rem,8vw,2.8rem)}\r\n .stat-label{font-size:.75rem}\r\n .philosophy-section{padding:4rem 5%}\r\n .philosophy-inner{gap:2rem}\r\n .philosophy-visual{max-height:280px;min-height:200px;border-radius:16px}\r\n .philosophy-text h2{font-size:clamp(1.5rem,6vw,2rem)}\r\n .philosophy-text p{font-size:.9rem}\r\n .philosophy-items{gap:1rem;margin-top:1.5rem}\r\n .cta-section{min-height:auto;padding:4rem 5%}\r\n .cta-title{font-size:clamp(1.6rem,5.5vw,2.2rem)}\r\n .cta-desc{font-size:.95rem}\r\n .cta-btn{padding:.95rem 2rem;font-size:.95rem;border-radius:12px}\r\n .footer{flex-direction:column;gap:.8rem;text-align:center;padding:2rem 5%}\r\n}\r\n@media(max-width:480px){\r\n .hero{padding:5.5rem 4% 3rem}\r\n .hero h1{font-size:1.7rem}\r\n .service-block{padding:3.5rem 4%}\r\n .service-visual{max-height:200px;min-height:150px}\r\n .showcase-card{min-width:250px;max-width:250px}\r\n .showcase-card-img{height:130px}\r\n .approach-item-content{padding:1.2rem}\r\n .approach-number{font-size:1.8rem}\r\n .philosophy-visual{max-height:220px;min-height:160px}\r\n .cta-title{font-size:1.5rem}\r\n .cta-btn{width:100%;justify-content:center}\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<!-- \u2550\u2550\u2550 HERO \u2550\u2550\u2550 -->\r\n<section class=\"hero\">\r\n <div class=\"hero-shape hero-shape-1\"><\/div>\r\n <div class=\"hero-shape hero-shape-2\"><\/div>\r\n <div class=\"hero-shape hero-shape-3\"><\/div>\r\n <div class=\"hero-shape hero-shape-4\"><\/div>\r\n <div class=\"hero-content\">\r\n <div class=\"breadcrumb reveal-up\"><a href=\"\/\">Inicio<\/a><span>\u203a<\/span>Servicios<\/div>\r\n <div class=\"hero-tag reveal-up\">Nuestros servicios<\/div>\r\n <h1 class=\"reveal-up\">Mejora tu comunicaci\u00f3n<br><\/h1>\r\n <p class=\"hero-lead reveal-up\"> Ofrecemos servicios personalizados. Cada \u00e1rea de trabajo est\u00e1 dise\u00f1ada para complementarse con las dem\u00e1s, creando un ecosistema de comunicaci\u00f3n que funciona como una m\u00e1quina bien engrasada.<\/p>\r\n <div class=\"hero-scroll reveal-up\">\r\n <span>Explorar<\/span>\r\n <div class=\"hero-scroll-line\"><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n<!-- \u2550\u2550\u2550 MARQUEE \u2550\u2550\u2550 -->\r\n<div class=\"marquee-section\">\r\n <div class=\"marquee-track\">\r\n <span class=\"marquee-item\">Consultor\u00eda <span class=\"dot\"><\/span> Branding <span class=\"dot\"><\/span> Comunicaci\u00f3n Deportiva <span class=\"dot\"><\/span> Contenidos <span class=\"dot\"><\/span> Estrategia <span class=\"dot\"><\/span> Identidad Visual <span class=\"dot\"><\/span> Redes Sociales <span class=\"dot\"><\/span> Marca Personal <span class=\"dot\"><\/span> Gesti\u00f3n de Crisis <span class=\"dot\"><\/span> <\/span>\r\n <span class=\"marquee-item\">Consultor\u00eda <span class=\"dot\"><\/span> Branding <span class=\"dot\"><\/span> Comunicaci\u00f3n Deportiva <span class=\"dot\"><\/span> Contenidos <span class=\"dot\"><\/span> Estrategia <span class=\"dot\"><\/span> Identidad Visual <span class=\"dot\"><\/span> Redes Sociales <span class=\"dot\"><\/span> Marca Personal <span class=\"dot\"><\/span> Gesti\u00f3n de Crisis <span class=\"dot\"><\/span> <\/span>\r\n <\/div>\r\n<\/div>\r\n<!-- \u2550\u2550\u2550 SERVICE 1 \u2014 CONSULTOR\u00cdA \u2550\u2550\u2550 -->\r\n<div class=\"service-block\" id=\"consultoria\">\r\n <div class=\"service-block-inner\">\r\n <div class=\"service-block-text\">\r\n <div class=\"service-block-tag reveal-up\">01 \u2014 Consultor\u00eda y Estrategia<\/div>\r\n <h2 class=\"reveal-up\">Antes de comunicar, hay que saber qu\u00e9 decir.<\/h2>\r\n <p class=\"service-block-lead reveal-up\">Auditor\u00eda de comunicaci\u00f3n, diagn\u00f3stico de posicionamiento y dise\u00f1o de estrategias a medida.<\/p>\r\n <ul class=\"service-block-list\">\r\n <li class=\"reveal-up\"><span class=\"sbl-dot\"><\/span>Auditor\u00eda de comunicaci\u00f3n integral<\/li>\r\n <li class=\"reveal-up\"><span class=\"sbl-dot\"><\/span>An\u00e1lisis de posicionamiento competitivo<\/li>\r\n <li class=\"reveal-up\"><span class=\"sbl-dot\"><\/span>Estrategia de mensajes clave y canales<\/li>\r\n <li class=\"reveal-up\"><span class=\"sbl-dot\"><\/span>Plan de comunicaci\u00f3n con KPIs medibles<\/li>\r\n <li class=\"reveal-up\"><span class=\"sbl-dot\"><\/span>Acompa\u00f1amiento en la implementaci\u00f3n<\/li>\r\n <\/ul>\r\n <div class=\"service-cta-group reveal-up\">\r\n <a href=\"https:\/\/vortexmedia.agency\/contacto\/\" class=\"service-block-cta\">\r\n <span>Agendar reuni\u00f3n<\/span>\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 <a href=\"https:\/\/vortexmedia.agency\/es\/consultoria-esp\/\" class=\"service-block-cta-secondary\">\r\n <span>Ver m\u00e1s<\/span>\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 <\/div>\r\n <div class=\"service-visual reveal-right\">\r\n <svg viewBox=\"0 0 480 520\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" preserveAspectRatio=\"xMidYMid meet\" style=\"background:linear-gradient(135deg,#eef3ff 0%,#f0e8ff 50%,#e8f8ff 100%);border-radius:24px\">\r\n <circle cx=\"240\" cy=\"260\" r=\"150\" fill=\"none\" stroke=\"rgba(0,85,255,.06)\" stroke-width=\"1\"\/>\r\n <circle cx=\"240\" cy=\"260\" r=\"100\" fill=\"none\" stroke=\"rgba(0,85,255,.05)\" stroke-width=\"1\"\/>\r\n <circle cx=\"240\" cy=\"260\" r=\"50\" fill=\"none\" stroke=\"rgba(0,85,255,.04)\" stroke-width=\"1\"\/>\r\n <circle cx=\"240\" cy=\"110\" r=\"7\" fill=\"rgba(0,85,255,.08)\" stroke=\"rgba(0,85,255,.15)\" stroke-width=\"1\"\/>\r\n <circle cx=\"380\" cy=\"210\" r=\"6\" fill=\"rgba(0,85,255,.06)\" stroke=\"rgba(0,85,255,.12)\" stroke-width=\"1\"\/>\r\n <circle cx=\"360\" cy=\"380\" r=\"6\" fill=\"rgba(100,0,255,.06)\" stroke=\"rgba(100,0,255,.12)\" stroke-width=\"1\"\/>\r\n <circle cx=\"120\" cy=\"380\" r=\"7\" fill=\"rgba(0,85,255,.06)\" stroke=\"rgba(0,85,255,.12)\" stroke-width=\"1\"\/>\r\n <circle cx=\"100\" cy=\"210\" r=\"6\" fill=\"rgba(100,0,255,.06)\" stroke=\"rgba(100,0,255,.12)\" stroke-width=\"1\"\/>\r\n <circle cx=\"240\" cy=\"260\" r=\"10\" fill=\"rgba(0,85,255,.1)\" stroke=\"rgba(0,85,255,.2)\" stroke-width=\"1.5\"\/>\r\n <line x1=\"240\" y1=\"110\" x2=\"240\" y2=\"260\" stroke=\"rgba(0,85,255,.06)\" stroke-width=\"1\" class=\"animated-line\"\/>\r\n <line x1=\"380\" y1=\"210\" x2=\"240\" y2=\"260\" stroke=\"rgba(0,85,255,.06)\" stroke-width=\"1\" class=\"animated-line\"\/>\r\n <line x1=\"360\" y1=\"380\" x2=\"240\" y2=\"260\" stroke=\"rgba(100,0,255,.05)\" stroke-width=\"1\" class=\"animated-line\"\/>\r\n <line x1=\"120\" y1=\"380\" x2=\"240\" y2=\"260\" stroke=\"rgba(0,85,255,.06)\" stroke-width=\"1\" class=\"animated-line\"\/>\r\n <line x1=\"100\" y1=\"210\" x2=\"240\" y2=\"260\" stroke=\"rgba(100,0,255,.05)\" stroke-width=\"1\" class=\"animated-line\"\/>\r\n <text x=\"240\" y=\"92\" text-anchor=\"middle\" font-family=\"Space Grotesk,sans-serif\" font-size=\"8\" font-weight=\"600\" fill=\"rgba(0,85,255,.18)\" letter-spacing=\"2\">AUDIENCIA<\/text>\r\n <text x=\"405\" y=\"208\" font-family=\"Space Grotesk,sans-serif\" font-size=\"8\" font-weight=\"600\" fill=\"rgba(0,85,255,.18)\" letter-spacing=\"2\">MARCA<\/text>\r\n <text x=\"370\" y=\"405\" text-anchor=\"middle\" font-family=\"Space Grotesk,sans-serif\" font-size=\"8\" font-weight=\"600\" fill=\"rgba(100,0,255,.14)\" letter-spacing=\"2\">CANALES<\/text>\r\n <text x=\"110\" y=\"405\" text-anchor=\"middle\" font-family=\"Space Grotesk,sans-serif\" font-size=\"8\" font-weight=\"600\" fill=\"rgba(0,85,255,.18)\" letter-spacing=\"2\">DATOS<\/text>\r\n <text x=\"60\" y=\"208\" text-anchor=\"end\" font-family=\"Space Grotesk,sans-serif\" font-size=\"8\" font-weight=\"600\" fill=\"rgba(100,0,255,.14)\" letter-spacing=\"2\">OBJETIVOS<\/text>\r\n <text x=\"240\" y=\"265\" text-anchor=\"middle\" font-family=\"Space Grotesk,sans-serif\" font-size=\"10\" font-weight=\"700\" fill=\"rgba(0,85,255,.1)\">ESTRATEGIA<\/text>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n<!-- \u2550\u2550\u2550 SERVICE 2 \u2014 BRANDING \u2550\u2550\u2550 -->\r\n<div class=\"service-block\" id=\"branding\">\r\n <div class=\"service-block-inner\">\r\n <div class=\"service-block-text\">\r\n <div class=\"service-block-tag reveal-up\">02 \u2014 Branding e Identidad<\/div>\r\n <h2 class=\"reveal-up\">Tu marca habla antes que t\u00fa. Aseg\u00farate de que dice lo correcto.<\/h2>\r\n <p class=\"service-block-lead reveal-up\">Construimos marcas desde la ra\u00edz: plataforma, identidad verbal, identidad visual y un sistema coherente que funciona en todos los medios.<\/p>\r\n <ul class=\"service-block-list\">\r\n <li class=\"reveal-up\"><span class=\"sbl-dot\"><\/span>Naming y arquitectura de marca<\/li>\r\n <li class=\"reveal-up\"><span class=\"sbl-dot\"><\/span>Identidad visual completa<\/li>\r\n <li class=\"reveal-up\"><span class=\"sbl-dot\"><\/span>Tono de voz y personalidad verbal<\/li>\r\n <li class=\"reveal-up\"><span class=\"sbl-dot\"><\/span>Manual de marca integral<\/li>\r\n <li class=\"reveal-up\"><span class=\"sbl-dot\"><\/span>Aplicaciones y ecosistema digital<\/li>\r\n <\/ul>\r\n <div class=\"service-cta-group reveal-up\">\r\n <a href=\"https:\/\/vortexmedia.agency\/contacto\/\" class=\"service-block-cta\">\r\n <span>Agendar reuni\u00f3n<\/span>\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 <a href=\"https:\/\/vortexmedia.agency\/es\/branding-esp\/\" class=\"service-block-cta-secondary\">\r\n <span>Ver m\u00e1s<\/span>\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 <\/div>\r\n <div class=\"service-visual reveal-left\">\r\n <svg viewBox=\"0 0 480 520\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" preserveAspectRatio=\"xMidYMid meet\" style=\"background:linear-gradient(135deg,#f0e8ff 0%,#ffe8f0 40%,#e8f0ff 100%);border-radius:24px\">\r\n <rect x=\"160\" y=\"170\" width=\"160\" height=\"160\" rx=\"12\" fill=\"none\" stroke=\"rgba(100,0,255,.08)\" stroke-width=\"1.5\" transform=\"rotate(15,240,250)\"\/>\r\n <rect x=\"170\" y=\"180\" width=\"140\" height=\"140\" rx=\"8\" fill=\"none\" stroke=\"rgba(100,0,255,.06)\" stroke-width=\"1\"\/>\r\n <circle cx=\"240\" cy=\"260\" r=\"70\" fill=\"none\" stroke=\"rgba(0,85,255,.08)\" stroke-width=\"1.5\"\/>\r\n <circle cx=\"240\" cy=\"260\" r=\"45\" fill=\"rgba(100,0,255,.03)\"\/>\r\n <circle cx=\"240\" cy=\"260\" r=\"25\" fill=\"rgba(0,85,255,.04)\"\/>\r\n <text x=\"240\" y=\"268\" text-anchor=\"middle\" font-family=\"Space Grotesk,sans-serif\" font-size=\"22\" font-weight=\"700\" fill=\"rgba(100,0,255,.12)\">B<\/text>\r\n <line x1=\"80\" y1=\"260\" x2=\"170\" y2=\"260\" stroke=\"rgba(100,0,255,.05)\" stroke-width=\"1\" stroke-dasharray=\"4,6\"\/>\r\n <line x1=\"310\" y1=\"260\" x2=\"400\" y2=\"260\" stroke=\"rgba(100,0,255,.05)\" stroke-width=\"1\" stroke-dasharray=\"4,6\"\/>\r\n <line x1=\"240\" y1=\"120\" x2=\"240\" y2=\"190\" stroke=\"rgba(0,85,255,.05)\" stroke-width=\"1\" stroke-dasharray=\"4,6\"\/>\r\n <line x1=\"240\" y1=\"330\" x2=\"240\" y2=\"400\" stroke=\"rgba(0,85,255,.05)\" stroke-width=\"1\" stroke-dasharray=\"4,6\"\/>\r\n <text x=\"60\" y=\"255\" text-anchor=\"end\" font-family=\"Space Grotesk,sans-serif\" font-size=\"8\" font-weight=\"600\" fill=\"rgba(100,0,255,.14)\" letter-spacing=\"2\">VALORES<\/text>\r\n <text x=\"420\" y=\"255\" font-family=\"Space Grotesk,sans-serif\" font-size=\"8\" font-weight=\"600\" fill=\"rgba(100,0,255,.14)\" letter-spacing=\"2\">VISUAL<\/text>\r\n <text x=\"240\" y=\"110\" text-anchor=\"middle\" font-family=\"Space Grotesk,sans-serif\" font-size=\"8\" font-weight=\"600\" fill=\"rgba(0,85,255,.18)\" letter-spacing=\"2\">VOZ<\/text>\r\n <text x=\"240\" y=\"420\" text-anchor=\"middle\" font-family=\"Space Grotesk,sans-serif\" font-size=\"8\" font-weight=\"600\" fill=\"rgba(0,85,255,.18)\" letter-spacing=\"2\">EXPERIENCIA<\/text>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n<!-- \u2550\u2550\u2550 SERVICE 3 \u2014 DEPORTIVA \u2550\u2550\u2550 -->\r\n<div class=\"service-block\" id=\"deportiva\">\r\n <div class=\"service-block-inner\">\r\n <div class=\"service-block-text\">\r\n <div class=\"service-block-tag reveal-up\">03 \u2014 Comunicaci\u00f3n Deportiva<\/div>\r\n <h2 class=\"reveal-up\">El deporte se vive con pasi\u00f3n. Tu marca deportiva deber\u00eda comunicar con la misma intensidad.<\/h2>\r\n <p class=\"service-block-lead reveal-up\">Gesti\u00f3n de imagen de atletas, comunicaci\u00f3n de clubes y eventos, relaciones con medios especializados y estrategia digital en tiempo real.<\/p>\r\n <ul class=\"service-block-list\">\r\n <li class=\"reveal-up\"><span class=\"sbl-dot\"><\/span>Imagen y marca personal de atletas<\/li>\r\n <li class=\"reveal-up\"><span class=\"sbl-dot\"><\/span>Comunicaci\u00f3n de clubes y eventos<\/li>\r\n <li class=\"reveal-up\"><span class=\"sbl-dot\"><\/span>Relaciones con medios deportivos<\/li>\r\n <li class=\"reveal-up\"><span class=\"sbl-dot\"><\/span>Patrocinios<\/li>\r\n <li class=\"reveal-up\"><span class=\"sbl-dot\"><\/span>Gesti\u00f3n de crisis y reputaci\u00f3n<\/li>\r\n <\/ul>\r\n <div class=\"service-cta-group reveal-up\">\r\n <a href=\"https:\/\/vortexmedia.agency\/contacto\/\" class=\"service-block-cta\">\r\n <span>Agendar reuni\u00f3n<\/span>\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 <a href=\"https:\/\/vortexmedia.agency\/es\/comunicacion-deportiva\/\" class=\"service-block-cta-secondary\">\r\n <span>Ver m\u00e1s<\/span>\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 <\/div>\r\n <div class=\"service-visual reveal-right\">\r\n <svg viewBox=\"0 0 480 520\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" preserveAspectRatio=\"xMidYMid meet\" style=\"background:linear-gradient(135deg,#e8ffe8 0%,#e8f8ff 40%,#eef3ff 100%);border-radius:24px\">\r\n <path d=\"M60,400 Q180,140 440,240\" fill=\"none\" stroke=\"rgba(0,180,100,.06)\" stroke-width=\"1.5\"\/>\r\n <path d=\"M80,440 Q230,190 460,270\" fill=\"none\" stroke=\"rgba(0,85,255,.04)\" stroke-width=\"1\"\/>\r\n <path d=\"M40,350 Q160,100 410,210\" fill=\"none\" stroke=\"rgba(0,180,100,.04)\" stroke-width=\"1\" stroke-dasharray=\"6,8\"\/>\r\n <line x1=\"130\" y1=\"240\" x2=\"330\" y2=\"200\" stroke=\"rgba(0,180,100,.06)\" stroke-width=\"1\"\/>\r\n <line x1=\"150\" y1=\"265\" x2=\"310\" y2=\"235\" stroke=\"rgba(0,85,255,.04)\" stroke-width=\"1\"\/>\r\n <line x1=\"170\" y1=\"290\" x2=\"350\" y2=\"250\" stroke=\"rgba(0,180,100,.04)\" stroke-width=\"1\"\/>\r\n <circle cx=\"250\" cy=\"240\" r=\"60\" fill=\"none\" stroke=\"rgba(0,180,100,.06)\" stroke-width=\"1\"\/>\r\n <circle cx=\"250\" cy=\"240\" r=\"35\" fill=\"none\" stroke=\"rgba(0,180,100,.08)\" stroke-width=\"1\"\/>\r\n <circle cx=\"250\" cy=\"240\" r=\"8\" fill=\"rgba(0,180,100,.15)\"\/>\r\n <circle cx=\"250\" cy=\"240\" r=\"3\" fill=\"rgba(0,180,100,.3)\"\/>\r\n <circle cx=\"110\" cy=\"330\" r=\"3\" fill=\"rgba(0,85,255,.12)\"\/>\r\n <circle cx=\"180\" cy=\"255\" r=\"3\" fill=\"rgba(0,180,100,.15)\"\/>\r\n <circle cx=\"330\" cy=\"220\" r=\"3\" fill=\"rgba(0,180,100,.12)\"\/>\r\n <circle cx=\"400\" cy=\"255\" r=\"3\" fill=\"rgba(0,85,255,.1)\"\/>\r\n <text x=\"250\" y=\"160\" text-anchor=\"middle\" font-family=\"Space Grotesk,sans-serif\" font-size=\"8\" font-weight=\"600\" fill=\"rgba(0,180,100,.15)\" letter-spacing=\"2\">VELOCIDAD<\/text>\r\n <text x=\"400\" y=\"310\" font-family=\"Space Grotesk,sans-serif\" font-size=\"8\" font-weight=\"600\" fill=\"rgba(0,85,255,.15)\" letter-spacing=\"2\">IMPACTO<\/text>\r\n <text x=\"80\" y=\"310\" text-anchor=\"end\" font-family=\"Space Grotesk,sans-serif\" font-size=\"8\" font-weight=\"600\" fill=\"rgba(0,180,100,.15)\" letter-spacing=\"2\">EMOCI\u00d3N<\/text>\r\n <text x=\"250\" y=\"370\" text-anchor=\"middle\" font-family=\"Space Grotesk,sans-serif\" font-size=\"8\" font-weight=\"600\" fill=\"rgba(0,85,255,.15)\" letter-spacing=\"2\">AUDIENCIA<\/text>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n<!-- \u2550\u2550\u2550 SERVICE 4 \u2014 CONTENIDOS \u2550\u2550\u2550 -->\r\n<div class=\"service-block\" id=\"contenidos\">\r\n <div class=\"service-block-inner\">\r\n <div class=\"service-block-text\">\r\n <div class=\"service-block-tag reveal-up\">04 \u2014 Contenidos y Redes Sociales<\/div>\r\n <h2 class=\"reveal-up\">Contenido que conecta. Comunidades que crecen.<\/h2>\r\n <p class=\"service-block-lead reveal-up\">Estrategia editorial, producci\u00f3n audiovisual, gesti\u00f3n integral de redes y publicidad social. Cada pieza tiene un objetivo concreto, cada publicaci\u00f3n tiene un motivo.<\/p>\r\n <ul class=\"service-block-list\">\r\n <li class=\"reveal-up\"><span class=\"sbl-dot\"><\/span>Estrategia de contenidos multicanal<\/li>\r\n <li class=\"reveal-up\"><span class=\"sbl-dot\"><\/span>Gesti\u00f3n integral de redes sociales<\/li>\r\n <li class=\"reveal-up\"><span class=\"sbl-dot\"><\/span>Producci\u00f3n audiovisual y fotograf\u00eda<\/li>\r\n <li class=\"reveal-up\"><span class=\"sbl-dot\"><\/span>Copywriting y storytelling<\/li>\r\n <li class=\"reveal-up\"><span class=\"sbl-dot\"><\/span>Publicidad en redes (paid social)<\/li>\r\n <\/ul>\r\n <div class=\"service-cta-group reveal-up\">\r\n <a href=\"https:\/\/vortexmedia.agency\/contacto\/\" class=\"service-block-cta\">\r\n <span>Agendar reuni\u00f3n<\/span>\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 <a href=\"https:\/\/vortexmedia.agency\/es\/social-media-esp\/\" class=\"service-block-cta-secondary\">\r\n <span>Ver m\u00e1s<\/span>\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 <\/div>\r\n <div class=\"service-visual reveal-left\">\r\n <svg viewBox=\"0 0 480 520\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" preserveAspectRatio=\"xMidYMid meet\" style=\"background:linear-gradient(135deg,#fff5e8 0%,#ffe8e8 40%,#f8e8ff 100%);border-radius:24px\">\r\n <circle cx=\"240\" cy=\"250\" r=\"30\" fill=\"rgba(255,120,0,.04)\" stroke=\"rgba(255,120,0,.1)\" stroke-width=\"1.5\"\/>\r\n <circle cx=\"120\" cy=\"170\" r=\"22\" fill=\"rgba(255,120,0,.03)\" stroke=\"rgba(255,120,0,.07)\" stroke-width=\"1\"\/>\r\n <circle cx=\"360\" cy=\"170\" r=\"18\" fill=\"rgba(255,120,0,.03)\" stroke=\"rgba(255,120,0,.07)\" stroke-width=\"1\"\/>\r\n <circle cx=\"100\" cy=\"340\" r=\"20\" fill=\"rgba(255,120,0,.03)\" stroke=\"rgba(255,120,0,.07)\" stroke-width=\"1\"\/>\r\n <circle cx=\"380\" cy=\"340\" r=\"22\" fill=\"rgba(255,120,0,.03)\" stroke=\"rgba(255,120,0,.07)\" stroke-width=\"1\"\/>\r\n <circle cx=\"240\" cy=\"400\" r=\"16\" fill=\"rgba(255,120,0,.03)\" stroke=\"rgba(255,120,0,.07)\" stroke-width=\"1\"\/>\r\n <line x1=\"240\" y1=\"250\" x2=\"120\" y2=\"170\" stroke=\"rgba(255,120,0,.06)\" stroke-width=\"1\"\/>\r\n <line x1=\"240\" y1=\"250\" x2=\"360\" y2=\"170\" stroke=\"rgba(255,120,0,.06)\" stroke-width=\"1\"\/>\r\n <line x1=\"240\" y1=\"250\" x2=\"100\" y2=\"340\" stroke=\"rgba(255,120,0,.06)\" stroke-width=\"1\"\/>\r\n <line x1=\"240\" y1=\"250\" x2=\"380\" y2=\"340\" stroke=\"rgba(255,120,0,.06)\" stroke-width=\"1\"\/>\r\n <line x1=\"240\" y1=\"250\" x2=\"240\" y2=\"400\" stroke=\"rgba(255,120,0,.06)\" stroke-width=\"1\"\/>\r\n <path d=\"M120,170 Q60,250 100,340\" fill=\"none\" stroke=\"rgba(255,120,0,.04)\" stroke-width=\"1\" stroke-dasharray=\"4,6\"\/>\r\n <path d=\"M360,170 Q420,250 380,340\" fill=\"none\" stroke=\"rgba(255,120,0,.04)\" stroke-width=\"1\" stroke-dasharray=\"4,6\"\/>\r\n <circle cx=\"180\" cy=\"210\" r=\"2.5\" fill=\"rgba(255,120,0,.15)\"\/>\r\n <circle cx=\"300\" cy=\"210\" r=\"2.5\" fill=\"rgba(255,120,0,.12)\"\/>\r\n <circle cx=\"170\" cy=\"295\" r=\"2.5\" fill=\"rgba(255,120,0,.12)\"\/>\r\n <circle cx=\"310\" cy=\"295\" r=\"2.5\" fill=\"rgba(255,120,0,.15)\"\/>\r\n <circle cx=\"240\" cy=\"250\" r=\"5\" fill=\"rgba(255,120,0,.2)\"\/>\r\n <text x=\"120\" y=\"148\" text-anchor=\"middle\" font-family=\"Space Grotesk,sans-serif\" font-size=\"8\" font-weight=\"600\" fill=\"rgba(255,120,0,.14)\" letter-spacing=\"2\">CREAR<\/text>\r\n <text x=\"360\" y=\"148\" text-anchor=\"middle\" font-family=\"Space Grotesk,sans-serif\" font-size=\"8\" font-weight=\"600\" fill=\"rgba(255,120,0,.14)\" letter-spacing=\"2\">DISTRIBUIR<\/text>\r\n <text x=\"80\" y=\"375\" text-anchor=\"middle\" font-family=\"Space Grotesk,sans-serif\" font-size=\"8\" font-weight=\"600\" fill=\"rgba(255,120,0,.14)\" letter-spacing=\"2\">MEDIR<\/text>\r\n <text x=\"400\" y=\"375\" text-anchor=\"middle\" font-family=\"Space Grotesk,sans-serif\" font-size=\"8\" font-weight=\"600\" fill=\"rgba(255,120,0,.14)\" letter-spacing=\"2\">OPTIMIZAR<\/text>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n<!-- \u2550\u2550\u2550 HORIZONTAL SHOWCASE \u2550\u2550\u2550 -->\r\n<section class=\"showcase-section\" id=\"showcase\">\r\n <div class=\"showcase-header\">\r\n <div class=\"showcase-header-text\">\r\n <span class=\"section-tag reveal-up\">Entregables<\/span>\r\n <h2 class=\"reveal-up\">Lo que recibes al trabajar con nosotros<\/h2>\r\n <\/div>\r\n <div class=\"showcase-hint reveal-up\">\r\n Desliza para explorar\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"showcase-track-outer\" id=\"showcase-scroller\">\r\n <div class=\"showcase-track\" id=\"showcase-track\">\r\n <div class=\"showcase-card reveal-up\">\r\n <div class=\"showcase-card-img\" style=\"background:linear-gradient(135deg,#eef3ff,#f0e8ff,#e8f8ff)\">\r\n <svg viewBox=\"0 0 340 200\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <rect x=\"100\" y=\"40\" width=\"140\" height=\"120\" rx=\"8\" fill=\"none\" stroke=\"rgba(0,85,255,.1)\" stroke-width=\"1.5\"\/>\r\n <line x1=\"120\" y1=\"70\" x2=\"220\" y2=\"70\" stroke=\"rgba(0,85,255,.08)\" stroke-width=\"1\"\/>\r\n <line x1=\"120\" y1=\"85\" x2=\"200\" y2=\"85\" stroke=\"rgba(0,85,255,.06)\" stroke-width=\"1\"\/>\r\n <line x1=\"120\" y1=\"100\" x2=\"210\" y2=\"100\" stroke=\"rgba(0,85,255,.06)\" stroke-width=\"1\"\/>\r\n <line x1=\"120\" y1=\"115\" x2=\"190\" y2=\"115\" stroke=\"rgba(0,85,255,.04)\" stroke-width=\"1\"\/>\r\n <line x1=\"120\" y1=\"130\" x2=\"180\" y2=\"130\" stroke=\"rgba(0,85,255,.04)\" stroke-width=\"1\"\/>\r\n <circle cx=\"170\" cy=\"100\" r=\"35\" fill=\"none\" stroke=\"rgba(0,85,255,.05)\" stroke-width=\"1\" stroke-dasharray=\"4,4\"\/>\r\n <text x=\"170\" y=\"180\" text-anchor=\"middle\" font-family=\"Space Grotesk,sans-serif\" font-size=\"8\" fill=\"rgba(0,85,255,.12)\" letter-spacing=\"3\">PLAN ESTRAT\u00c9GICO<\/text>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"showcase-card-body\">\r\n <div class=\"showcase-card-number\">Consultor\u00eda<\/div>\r\n <h3>Plan estrat\u00e9gico de comunicaci\u00f3n<\/h3>\r\n <p>Documento ejecutable con diagn\u00f3stico, mensajes clave, canales, calendario y KPIs. No un PDF que archivas \u2014 una hoja de ruta que ejecutas.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"showcase-card reveal-up\">\r\n <div class=\"showcase-card-img\" style=\"background:linear-gradient(135deg,#f0e8ff,#ffe8f0,#e8f0ff)\">\r\n <svg viewBox=\"0 0 340 200\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <circle cx=\"170\" cy=\"90\" r=\"40\" fill=\"none\" stroke=\"rgba(100,0,255,.1)\" stroke-width=\"1.5\"\/>\r\n <circle cx=\"170\" cy=\"90\" r=\"22\" fill=\"rgba(100,0,255,.04)\"\/>\r\n <text x=\"170\" y=\"98\" text-anchor=\"middle\" font-family=\"Space Grotesk,sans-serif\" font-size=\"20\" font-weight=\"700\" fill=\"rgba(100,0,255,.12)\">V<\/text>\r\n <rect x=\"80\" y=\"140\" width=\"180\" height=\"4\" rx=\"2\" fill=\"rgba(100,0,255,.05)\"\/>\r\n <rect x=\"110\" y=\"150\" width=\"120\" height=\"3\" rx=\"1\" fill=\"rgba(100,0,255,.04)\"\/>\r\n <text x=\"170\" y=\"180\" text-anchor=\"middle\" font-family=\"Space Grotesk,sans-serif\" font-size=\"8\" fill=\"rgba(100,0,255,.12)\" letter-spacing=\"3\">IDENTIDAD VISUAL<\/text>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"showcase-card-body\">\r\n <div class=\"showcase-card-number\">Branding<\/div>\r\n <h3>Sistema de identidad completo<\/h3>\r\n <p>Logo, paleta crom\u00e1tica, tipograf\u00edas, tono de voz, manual de marca y aplicaciones en todos los soportes \u2014 digital y f\u00edsico.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"showcase-card reveal-up\">\r\n <div class=\"showcase-card-img\" style=\"background:linear-gradient(135deg,#e8ffe8,#e8f8ff,#eef3ff)\">\r\n <svg viewBox=\"0 0 340 200\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M60,150 Q120,60 170,90 Q220,120 280,50\" fill=\"none\" stroke=\"rgba(0,180,100,.1)\" stroke-width=\"1.5\"\/>\r\n <circle cx=\"170\" cy=\"90\" r=\"25\" fill=\"none\" stroke=\"rgba(0,180,100,.08)\" stroke-width=\"1\"\/>\r\n <circle cx=\"170\" cy=\"90\" r=\"6\" fill=\"rgba(0,180,100,.15)\"\/>\r\n <polygon points=\"160,75 180,75 170,60\" fill=\"rgba(0,180,100,.08)\"\/>\r\n <text x=\"170\" y=\"180\" text-anchor=\"middle\" font-family=\"Space Grotesk,sans-serif\" font-size=\"8\" fill=\"rgba(0,180,100,.12)\" letter-spacing=\"3\">MEDIA KIT<\/text>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"showcase-card-body\">\r\n <div class=\"showcase-card-number\">Deportiva<\/div>\r\n <h3>Media kit y estrategia de imagen<\/h3>\r\n <p>Gesti\u00f3n completa de imagen p\u00fablica: media kit profesional, protocolo de medios, estrategia de redes y plan de crisis reputacional.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"showcase-card reveal-up\">\r\n <div class=\"showcase-card-img\" style=\"background:linear-gradient(135deg,#fff5e8,#ffe8e8,#f8e8ff)\">\r\n <svg viewBox=\"0 0 340 200\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <rect x=\"80\" y=\"50\" width=\"55\" height=\"55\" rx=\"6\" fill=\"rgba(255,120,0,.04)\" stroke=\"rgba(255,120,0,.08)\" stroke-width=\"1\"\/>\r\n <rect x=\"145\" y=\"65\" width=\"55\" height=\"55\" rx=\"6\" fill=\"rgba(255,120,0,.03)\" stroke=\"rgba(255,120,0,.06)\" stroke-width=\"1\"\/>\r\n <rect x=\"210\" y=\"50\" width=\"55\" height=\"55\" rx=\"6\" fill=\"rgba(255,120,0,.04)\" stroke=\"rgba(255,120,0,.08)\" stroke-width=\"1\"\/>\r\n <line x1=\"135\" y1=\"77\" x2=\"145\" y2=\"92\" stroke=\"rgba(255,120,0,.08)\" stroke-width=\"1\"\/>\r\n <line x1=\"200\" y1=\"92\" x2=\"210\" y2=\"77\" stroke=\"rgba(255,120,0,.08)\" stroke-width=\"1\"\/>\r\n <rect x=\"90\" y=\"60\" width=\"35\" height=\"4\" rx=\"2\" fill=\"rgba(255,120,0,.06)\"\/>\r\n <rect x=\"90\" y=\"68\" width=\"25\" height=\"3\" rx=\"1\" fill=\"rgba(255,120,0,.04)\"\/>\r\n <text x=\"170\" y=\"180\" text-anchor=\"middle\" font-family=\"Space Grotesk,sans-serif\" font-size=\"8\" fill=\"rgba(255,120,0,.12)\" letter-spacing=\"3\">CALENDARIO EDITORIAL<\/text>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"showcase-card-body\">\r\n <div class=\"showcase-card-number\">Contenidos<\/div>\r\n <h3>Calendario editorial y reporting<\/h3>\r\n <p>Estrategia editorial mensual, producci\u00f3n de contenido, publicaci\u00f3n y reporting con m\u00e9tricas que importan. Todo ejecutado, no solo planificado.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"showcase-card reveal-up\">\r\n <div class=\"showcase-card-img\" style=\"background:linear-gradient(135deg,#eef3ff,#e8f8ff,#f0e8ff)\">\r\n <svg viewBox=\"0 0 340 200\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <rect x=\"70\" y=\"50\" width=\"200\" height=\"110\" rx=\"10\" fill=\"none\" stroke=\"rgba(0,85,255,.08)\" stroke-width=\"1.5\"\/>\r\n <line x1=\"70\" y1=\"80\" x2=\"270\" y2=\"80\" stroke=\"rgba(0,85,255,.05)\" stroke-width=\"1\"\/>\r\n <circle cx=\"90\" cy=\"65\" r=\"4\" fill=\"rgba(255,80,80,.08)\"\/>\r\n <circle cx=\"104\" cy=\"65\" r=\"4\" fill=\"rgba(255,200,0,.08)\"\/>\r\n <circle cx=\"118\" cy=\"65\" r=\"4\" fill=\"rgba(0,180,100,.08)\"\/>\r\n <rect x=\"85\" y=\"92\" width=\"60\" height=\"50\" rx=\"4\" fill=\"rgba(0,85,255,.03)\"\/>\r\n <rect x=\"155\" y=\"92\" width=\"100\" height=\"8\" rx=\"2\" fill=\"rgba(0,85,255,.04)\"\/>\r\n <rect x=\"155\" y=\"106\" width=\"80\" height=\"6\" rx=\"2\" fill=\"rgba(0,85,255,.03)\"\/>\r\n <rect x=\"155\" y=\"118\" width=\"90\" height=\"6\" rx=\"2\" fill=\"rgba(0,85,255,.03)\"\/>\r\n <text x=\"170\" y=\"185\" text-anchor=\"middle\" font-family=\"Space Grotesk,sans-serif\" font-size=\"8\" fill=\"rgba(0,85,255,.12)\" letter-spacing=\"3\">ECOSISTEMA DIGITAL<\/text>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"showcase-card-body\">\r\n <div class=\"showcase-card-number\">Integral<\/div>\r\n <h3>Ecosistema digital integrado<\/h3>\r\n <p>Web, redes, email, publicidad \u2014 todo conectado bajo una misma estrategia. Nada va por libre, todo empuja hacia el mismo objetivo.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"showcase-card reveal-up\">\r\n <div class=\"showcase-card-img\" style=\"background:linear-gradient(135deg,#f8e8ff,#eef3ff,#e8f8ff)\">\r\n <svg viewBox=\"0 0 340 200\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <circle cx=\"170\" cy=\"95\" r=\"55\" fill=\"none\" stroke=\"rgba(100,0,255,.06)\" stroke-width=\"1\"\/>\r\n <path d=\"M120,120 L150,80 L180,100 L210,60 L240,90\" fill=\"none\" stroke=\"rgba(100,0,255,.12)\" stroke-width=\"1.5\"\/>\r\n <circle cx=\"150\" cy=\"80\" r=\"3\" fill=\"rgba(100,0,255,.15)\"\/>\r\n <circle cx=\"180\" cy=\"100\" r=\"3\" fill=\"rgba(100,0,255,.12)\"\/>\r\n <circle cx=\"210\" cy=\"60\" r=\"3\" fill=\"rgba(100,0,255,.15)\"\/>\r\n <line x1=\"100\" y1=\"130\" x2=\"240\" y2=\"130\" stroke=\"rgba(100,0,255,.05)\" stroke-width=\"1\"\/>\r\n <text x=\"170\" y=\"180\" text-anchor=\"middle\" font-family=\"Space Grotesk,sans-serif\" font-size=\"8\" fill=\"rgba(100,0,255,.12)\" letter-spacing=\"3\">REPORTING MENSUAL<\/text>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"showcase-card-body\">\r\n <div class=\"showcase-card-number\">Todas las \u00e1reas<\/div>\r\n <h3>Reporting y an\u00e1lisis de resultados<\/h3>\r\n <p>Informes mensuales con datos reales, evoluci\u00f3n de KPIs, an\u00e1lisis de qu\u00e9 funciona y qu\u00e9 ajustar. Transparencia total sobre el rendimiento.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"showcase-dots\" id=\"showcase-dots\"><\/div>\r\n<\/section>\r\n<!-- \u2550\u2550\u2550 APPROACH \u2550\u2550\u2550 -->\r\n<section class=\"approach-section\" id=\"proceso\">\r\n <div class=\"approach-inner\">\r\n <div class=\"approach-header\">\r\n <span class=\"section-tag reveal-up\">Nuestro enfoque<\/span>\r\n <h2 class=\"section-title reveal-up\" style=\"margin:0 auto 1rem;text-align:center\">C\u00f3mo abordamos cada proyecto<\/h2>\r\n <p class=\"section-desc reveal-up\" style=\"margin:0 auto;text-align:center\">Independientemente del servicio, todos los proyectos siguen una metodolog\u00eda que ha demostrado funcionar.<\/p>\r\n <\/div>\r\n <div class=\"approach-timeline\">\r\n <div class=\"approach-line\"><div class=\"approach-line-fill\" id=\"timeline-fill\"><\/div><\/div>\r\n <div class=\"approach-item reveal-up\">\r\n <div class=\"approach-item-content\">\r\n <div class=\"approach-number\">01<\/div>\r\n <h3>Escuchar y entender<\/h3>\r\n <p>Nos sentamos contigo. Entendemos tu negocio, cultura, objetivos y frustraciones con la comunicaci\u00f3n. No empezamos hasta que entendemos tu realidad al completo.<\/p>\r\n <\/div>\r\n <div class=\"approach-dot\"><\/div>\r\n <div class=\"approach-item-spacer\"><\/div>\r\n <\/div>\r\n <div class=\"approach-item reveal-up\">\r\n <div class=\"approach-item-spacer\"><\/div>\r\n <div class=\"approach-dot\"><\/div>\r\n <div class=\"approach-item-content\">\r\n <div class=\"approach-number\">02<\/div>\r\n <h3>Diagnosticar con datos<\/h3>\r\n <p>Auditor\u00eda completa: recogemos datos, analizamos competencia, mapeamos percepci\u00f3n y cruzamos toda la informaci\u00f3n para identificar d\u00f3nde est\u00e1s realmente.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"approach-item reveal-up\">\r\n <div class=\"approach-item-content\">\r\n <div class=\"approach-number\">03<\/div>\r\n <h3>Dise\u00f1ar la estrategia<\/h3>\r\n <p>Mensajes clave, canales prioritarios, calendario de acciones y m\u00e9tricas de \u00e9xito. Todo alineado con tus objetivos de negocio, no con tendencias pasajeras.<\/p>\r\n <\/div>\r\n <div class=\"approach-dot\"><\/div>\r\n <div class=\"approach-item-spacer\"><\/div>\r\n <\/div>\r\n <div class=\"approach-item reveal-up\">\r\n <div class=\"approach-item-spacer\"><\/div>\r\n <div class=\"approach-dot\"><\/div>\r\n <div class=\"approach-item-content\">\r\n <div class=\"approach-number\">04<\/div>\r\n <h3>Ejecutar y acompa\u00f1ar<\/h3>\r\n <p>No te entregamos un documento y desaparecemos. Acompa\u00f1amos la implementaci\u00f3n con revisiones, ajustes en tiempo real y reporting peri\u00f3dico.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n<!-- \u2550\u2550\u2550 PHILOSOPHY \u2550\u2550\u2550 -->\r\n<section class=\"philosophy-section\">\r\n <div class=\"philosophy-inner\">\r\n <div class=\"philosophy-visual reveal-left\">\r\n <svg viewBox=\"0 0 480 560\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" preserveAspectRatio=\"xMidYMid meet\" style=\"background:linear-gradient(135deg,#eef3ff 0%,#f0e8ff 50%,#e8f8ff 100%);border-radius:24px\" id=\"philosophy-svg\">\r\n <ellipse cx=\"240\" cy=\"280\" rx=\"180\" ry=\"60\" fill=\"none\" stroke=\"rgba(0,85,255,.06)\" stroke-width=\"1\" transform=\"rotate(-20,240,280)\"\/>\r\n <ellipse cx=\"240\" cy=\"280\" rx=\"180\" ry=\"60\" fill=\"none\" stroke=\"rgba(100,0,255,.05)\" stroke-width=\"1\" transform=\"rotate(40,240,280)\"\/>\r\n <ellipse cx=\"240\" cy=\"280\" rx=\"180\" ry=\"60\" fill=\"none\" stroke=\"rgba(0,85,255,.04)\" stroke-width=\"1\" transform=\"rotate(100,240,280)\"\/>\r\n <circle cx=\"240\" cy=\"280\" r=\"60\" fill=\"rgba(0,85,255,.03)\" stroke=\"rgba(0,85,255,.08)\" stroke-width=\"1\"\/>\r\n <circle cx=\"240\" cy=\"280\" r=\"35\" fill=\"rgba(0,85,255,.04)\"\/>\r\n <circle cx=\"240\" cy=\"280\" r=\"12\" fill=\"rgba(0,85,255,.08)\"\/>\r\n <circle cx=\"420\" cy=\"260\" r=\"5\" fill=\"rgba(0,85,255,.12)\" class=\"orbit-dot\" id=\"od1\"\/>\r\n <circle cx=\"140\" cy=\"380\" r=\"4\" fill=\"rgba(100,0,255,.1)\" class=\"orbit-dot\" id=\"od2\"\/>\r\n <circle cx=\"290\" cy=\"150\" r=\"4\" fill=\"rgba(0,85,255,.1)\" class=\"orbit-dot\" id=\"od3\"\/>\r\n <circle cx=\"90\" cy=\"230\" r=\"3\" fill=\"rgba(100,0,255,.08)\" class=\"orbit-dot\" id=\"od4\"\/>\r\n <text x=\"240\" y=\"285\" text-anchor=\"middle\" font-family=\"Space Grotesk,sans-serif\" font-size=\"11\" font-weight=\"700\" fill=\"rgba(0,85,255,.1)\">VORTEX<\/text>\r\n <text x=\"240\" y=\"490\" text-anchor=\"middle\" font-family=\"Space Grotesk,sans-serif\" font-size=\"8\" font-weight=\"600\" fill=\"rgba(0,85,255,.1)\" letter-spacing=\"3\">COMUNICACI\u00d3N ESTRAT\u00c9GICA<\/text>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"philosophy-text\">\r\n <span class=\"section-tag reveal-up\">Filosof\u00eda<\/span>\r\n <h2 class=\"reveal-up\">No creemos en la comunicaci\u00f3n cosm\u00e9tica.<\/h2>\r\n <p class=\"reveal-up\">Para nosotros, comunicar no es publicar bonito. Es construir una narrativa coherente que conecte lo que eres con lo que tu audiencia necesita escuchar. Cada acci\u00f3n tiene un prop\u00f3sito, cada mensaje tiene una direcci\u00f3n.<\/p>\r\n <p class=\"reveal-up\">Trabajamos solo con empresas y profesionales que entienden que la comunicaci\u00f3n es una inversi\u00f3n, no un gasto. Y que los resultados se miden en percepci\u00f3n, posicionamiento y negocio \u2014 no en likes.<\/p>\r\n <div class=\"philosophy-items\">\r\n <div class=\"philosophy-item reveal-up\">\r\n <div class=\"philosophy-item-icon\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 12h-4l-3 9L9 3l-3 9H2\"\/><\/svg><\/div>\r\n <div>\r\n <h4>Data-driven<\/h4>\r\n <p>Cada decisi\u00f3n se apoya en datos reales, no en suposiciones.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"philosophy-item reveal-up\">\r\n <div class=\"philosophy-item-icon\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M2 12h20M12 2a15.3 15.3 0 014 10 15.3 15.3 0 01-4 10 15.3 15.3 0 01-4-10 15.3 15.3 0 014-10z\"\/><\/svg><\/div>\r\n <div>\r\n <h4>Visi\u00f3n integral<\/h4>\r\n <p>La comunicaci\u00f3n no funciona en un vac\u00edo \u2014 la conectamos con ventas, producto y cultura.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"philosophy-item reveal-up\">\r\n <div class=\"philosophy-item-icon\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 21v-2a4 4 0 00-4-4H6a4 4 0 00-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><polyline points=\"16 11 18 13 22 9\"\/><\/svg><\/div>\r\n <div>\r\n <h4>Equipo senior<\/h4>\r\n <p>Consultores con experiencia real en direcci\u00f3n de comunicaci\u00f3n.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n<!-- \u2550\u2550\u2550 CTA \u2550\u2550\u2550 -->\r\n<section class=\"cta-section\" id=\"contacto\">\r\n <span class=\"cta-tag reveal-up\">\u00bfEmpezamos?<\/span>\r\n <h2 class=\"cta-title reveal-up\">Cu\u00e9ntanos qu\u00e9 necesitas. Nosotros te decimos c\u00f3mo lo resolvemos.<\/h2>\r\n <p class=\"cta-desc reveal-up\">Una conversaci\u00f3n de 30 minutos puede cambiar la direcci\u00f3n de tu comunicaci\u00f3n. Sin compromiso, sin PowerPoints vac\u00edos \u2014 solo una conversaci\u00f3n honesta.<\/p>\r\n <a href=\"https:\/\/vortexmedia.agency\/contacto\/\" class=\"cta-btn reveal-scale\">\r\n Pedir una reuni\u00f3n\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 <p class=\"cta-sub reveal-up\">Respuesta en menos de 24 horas \u00b7 Sin compromiso<\/p>\r\n<\/section>\r\n<!-- \u2550\u2550\u2550 JS \u2550\u2550\u2550 -->\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded',()=>{\r\n gsap.registerPlugin(ScrollTrigger,ScrollToPlugin);\r\n gsap.utils.toArray('.reveal-up').forEach((el,i)=>{\r\n gsap.to(el,{opacity:1,y:0,duration:.9,ease:'power3.out',scrollTrigger:{trigger:el,start:'top 87%'},delay:(i%5)*.06});\r\n });\r\n gsap.utils.toArray('.reveal-right').forEach(el=>{\r\n gsap.to(el,{opacity:1,x:0,duration:1,ease:'power3.out',scrollTrigger:{trigger:el,start:'top 85%'}});\r\n });\r\n gsap.utils.toArray('.reveal-left').forEach(el=>{\r\n gsap.to(el,{opacity:1,x:0,duration:1,ease:'power3.out',scrollTrigger:{trigger:el,start:'top 85%'}});\r\n });\r\n gsap.utils.toArray('.reveal-scale').forEach(el=>{\r\n gsap.to(el,{opacity:1,scale:1,duration:.8,ease:'back.out(1.5)',scrollTrigger:{trigger:el,start:'top 87%'}});\r\n });\r\n gsap.utils.toArray('.service-visual').forEach(sv=>{\r\n gsap.fromTo(sv,{y:30},{y:-30,ease:'none',scrollTrigger:{trigger:sv,start:'top bottom',end:'bottom top',scrub:1}});\r\n });\r\n const scroller=document.getElementById('showcase-scroller');\r\n const track=document.getElementById('showcase-track');\r\n if(scroller&&track){\r\n let isDragging=false,startX=0,scrollLeft=0;\r\n scroller.addEventListener('mousedown',e=>{isDragging=true;startX=e.pageX-scroller.offsetLeft;scrollLeft=scroller.scrollLeft;scroller.style.cursor='grabbing'});\r\n document.addEventListener('mouseup',()=>{isDragging=false;if(scroller)scroller.style.cursor='grab'});\r\n scroller.addEventListener('mousemove',e=>{if(!isDragging)return;e.preventDefault();const x=e.pageX-scroller.offsetLeft;scroller.scrollLeft=scrollLeft-(x-startX)*1.2});\r\n scroller.addEventListener('touchstart',e=>{startX=e.touches[0].pageX-scroller.offsetLeft;scrollLeft=scroller.scrollLeft},{passive:true});\r\n scroller.addEventListener('touchmove',e=>{const x=e.touches[0].pageX-scroller.offsetLeft;scroller.scrollLeft=scrollLeft-(x-startX)},{passive:true});\r\n const dotsContainer=document.getElementById('showcase-dots');\r\n const cards=track.querySelectorAll('.showcase-card');\r\n cards.forEach((_,i)=>{\r\n const dot=document.createElement('div');\r\n dot.className='showcase-dot'+(i===0?' active':'');\r\n dot.addEventListener('click',()=>{\r\n const cardW=cards[0].offsetWidth+24;\r\n scroller.scrollTo({left:cardW*i,behavior:'smooth'});\r\n });\r\n dotsContainer.appendChild(dot);\r\n });\r\n const allDots=dotsContainer.querySelectorAll('.showcase-dot');\r\n scroller.addEventListener('scroll',()=>{\r\n const cardW=cards[0].offsetWidth+24;\r\n const idx=Math.round(scroller.scrollLeft\/cardW);\r\n allDots.forEach((d,i)=>d.classList.toggle('active',i===idx));\r\n });\r\n }\r\n const timelineFill=document.getElementById('timeline-fill');\r\n const approachDots=document.querySelectorAll('.approach-dot');\r\n if(timelineFill){\r\n ScrollTrigger.create({\r\n trigger:'.approach-timeline',\r\n start:'top 70%',\r\n end:'bottom 40%',\r\n scrub:1,\r\n onUpdate:self=>{\r\n timelineFill.style.height=(self.progress*100)+'%';\r\n approachDots.forEach((dot,i)=>{\r\n const threshold=(i+1)\/(approachDots.length+1);\r\n dot.classList.toggle('active',self.progress>=threshold);\r\n });\r\n }\r\n });\r\n }\r\n const statNumbers=document.querySelectorAll('.stat-number[data-target]');\r\n statNumbers.forEach(el=>{\r\n const target=parseInt(el.dataset.target);\r\n const suffix=el.dataset.suffix||'';\r\n ScrollTrigger.create({\r\n trigger:el,\r\n start:'top 85%',\r\n once:true,\r\n onEnter:()=>{\r\n gsap.to({val:0},{val:target,duration:2,ease:'power2.out',\r\n onUpdate:function(){el.textContent=Math.round(this.targets()[0].val)+suffix}\r\n });\r\n }\r\n });\r\n });\r\n const phSvg=document.getElementById('philosophy-svg');\r\n if(phSvg){\r\n const dots=[\r\n {el:document.getElementById('od1'),angle:0,rx:180,ry:60,rot:-20,speed:.008,cY:280},\r\n {el:document.getElementById('od2'),angle:2,rx:180,ry:60,rot:40,speed:.006,cY:280},\r\n {el:document.getElementById('od3'),angle:4,rx:180,ry:60,rot:100,speed:.01,cY:280},\r\n {el:document.getElementById('od4'),angle:1,rx:140,ry:45,rot:-20,speed:.012,cY:280}\r\n ];\r\n function animateOrbits(){\r\n dots.forEach(d=>{\r\n d.angle+=d.speed;\r\n const cosR=Math.cos(d.rot*Math.PI\/180),sinR=Math.sin(d.rot*Math.PI\/180);\r\n const lx=d.rx*Math.cos(d.angle),ly=d.ry*Math.sin(d.angle);\r\n const x=240+lx*cosR-ly*sinR;\r\n const y=d.cY+lx*sinR+ly*cosR;\r\n d.el.setAttribute('cx',x);\r\n d.el.setAttribute('cy',y);\r\n });\r\n requestAnimationFrame(animateOrbits);\r\n }\r\n animateOrbits();\r\n }\r\n gsap.utils.toArray('.hero-shape').forEach((s,i)=>{\r\n gsap.to(s,{y:-15+Math.random()*10,x:Math.random()*10-5,duration:4+i,ease:'sine.inOut',yoyo:true,repeat:-1});\r\n });\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":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-73","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/vortexmedia.agency\/es\/wp-json\/wp\/v2\/pages\/73","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\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vortexmedia.agency\/es\/wp-json\/wp\/v2\/comments?post=73"}],"version-history":[{"count":45,"href":"https:\/\/vortexmedia.agency\/es\/wp-json\/wp\/v2\/pages\/73\/revisions"}],"predecessor-version":[{"id":655,"href":"https:\/\/vortexmedia.agency\/es\/wp-json\/wp\/v2\/pages\/73\/revisions\/655"}],"wp:attachment":[{"href":"https:\/\/vortexmedia.agency\/es\/wp-json\/wp\/v2\/media?parent=73"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}