{"id":846,"date":"2026-05-28T17:45:31","date_gmt":"2026-05-28T15:45:31","guid":{"rendered":"https:\/\/vortexmedia.agency\/branding-esp\/"},"modified":"2026-06-03T10:00:17","modified_gmt":"2026-06-03T08:00:17","slug":"branding-esp","status":"publish","type":"page","link":"https:\/\/vortexmedia.agency\/es\/branding-esp\/","title":{"rendered":"branding – esp"},"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\nBranding \u2014 Vortex Media<\/title>\r\n<meta name=\"description\" content=\"Branding estrat\u00e9gico: identidad visual, naming, arquitectura de marca, brand books y rebranding para empresas que quieren destacar.\">\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 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 --dark:#0a0a0f;\r\n --font-h:'Space Grotesk',sans-serif;--font-b:'Inter',sans-serif;\r\n --pastel-rose:#fce7f3;--pastel-peach:#ffedd5;--pastel-lavender:#ede9fe;--pastel-sky:#dbeafe;\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\n.tag{font-family:var(--font-h);font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)!important;margin-bottom:1rem;display:block}\r\n.section-title{font-size:clamp(1.8rem,3.5vw,2.8rem)!important;font-weight:700!important;letter-spacing:-.02em;margin-bottom:1rem;color:var(--text-primary)!important}\r\n.section-sub{font-size:1.05rem;color:var(--text-secondary)!important;max-width:540px}\r\n\r\n\/* \u2550\u2550\u2550 HERO \u2550\u2550\u2550 *\/\r\n.hero{min-height:92vh;display:flex;align-items:center;background:var(--white)!important;color:var(--text-primary)!important;position:relative;overflow:hidden;padding:4rem 2rem 6rem}\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{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--font-h);font-size:.75rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--accent)!important;margin-bottom:2rem}\r\n.hero-label::before{content:'';width:32px;height:2px;background:var(--accent);display:block}\r\n.hero-title{font-size:clamp(2.8rem,6vw,4.8rem)!important;font-weight:800!important;letter-spacing:-.03em;line-height:1.05!important;max-width:800px;margin-bottom:2rem;color:var(--text-primary)!important}\r\n.hero-title em{font-style:normal;background:linear-gradient(135deg,#ec4899,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}\r\n.hero-lead{font-size:1.15rem;line-height:1.7;color:var(--text-secondary)!important;max-width:520px;margin-bottom:3rem}\r\n.hero-cta{display:inline-flex;align-items:center;gap:.8rem;padding:1rem 2.2rem;background:var(--accent)!important;color:#ffffff!important;font-family:var(--font-h);font-size:.9rem;font-weight:600;border-radius:8px;border:none;cursor:pointer;transition:transform .3s,box-shadow .3s,background .3s;box-shadow:0 4px 24px rgba(0,85,255,.2)}\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,.3)}\r\n.hero-cta svg{width:18px;height:18px;stroke:#ffffff!important}\r\n\r\n\/* \u2550\u2550\u2550 TABBED SERVICES \u2550\u2550\u2550 *\/\r\n.tabs-section{padding:7rem 2rem;background:var(--off-white)!important}\r\n.tabs-inner{max-width:1200px;margin:0 auto}\r\n.tab-nav{display:flex;gap:.5rem;margin:3rem 0 2rem;flex-wrap:wrap}\r\n.tab-btn{padding:.65rem 1.4rem;border-radius:100px;border:1px solid var(--light-gray);background:var(--white)!important;color:var(--text-secondary)!important;font-family:var(--font-h);font-size:.82rem;font-weight:600;cursor:pointer;transition:all .3s}\r\n.tab-btn:hover{border-color:rgba(var(--accent-rgb),.3);color:var(--text-primary)!important}\r\n.tab-btn.is-active{background:var(--accent)!important;color:#ffffff!important;border-color:var(--accent)}\r\n.tab-panel{display:none;animation:fadeUp .4s ease}\r\n.tab-panel.is-active{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}\r\n@keyframes fadeUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}\r\n.tab-text h3{font-size:1.4rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary)!important}\r\n.tab-text p{font-size:.95rem;color:var(--text-secondary)!important;line-height:1.75;margin-bottom:1.5rem}\r\n.tab-tags{display:flex;gap:.4rem;flex-wrap:wrap}\r\n.tab-tag{font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:.3rem .7rem;border-radius:6px;color:var(--accent)!important}\r\n.tab-tag--blue{background:var(--pastel-sky)}.tab-tag--rose{background:var(--pastel-rose)}.tab-tag--peach{background:var(--pastel-peach)}.tab-tag--lav{background:var(--pastel-lavender)}\r\n.tab-visual{border-radius:20px;min-height:280px;display:flex;align-items:center;justify-content:center;padding:2rem}\r\n\r\n\/* \u2550\u2550\u2550 ZIGZAG PROCESS \u2550\u2550\u2550 *\/\r\n.zigzag{padding:7rem 2rem;background:var(--white)!important}\r\n.zigzag-inner{max-width:1000px;margin:0 auto}\r\n.zz-item{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;margin-bottom:4rem}\r\n.zz-item:nth-child(even){direction:rtl}.zz-item:nth-child(even)>*{direction:ltr}\r\n.zz-num{font-family:var(--font-h);font-size:4rem;font-weight:800;line-height:1;margin-bottom:.5rem;-webkit-text-fill-color:transparent;-webkit-text-stroke:2px var(--accent);opacity:.3}\r\n.zz-item h3{font-size:1.25rem;font-weight:700;margin-bottom:.6rem;color:var(--text-primary)!important}\r\n.zz-item p{font-size:.92rem;color:var(--text-secondary)!important;line-height:1.7}\r\n.zz-visual{border-radius:20px;height:200px;display:flex;align-items:center;justify-content:center}\r\n\r\n\/* \u2550\u2550\u2550 DELIVERABLES \u2550\u2550\u2550 *\/\r\n.deliverables{padding:7rem 2rem;background:var(--off-white)!important}\r\n.del-inner{max-width:1200px;margin:0 auto}\r\n.del-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1.25rem;margin-top:3rem}\r\n.del-item{text-align:center;padding:2rem 1rem;border-radius:16px;background:var(--white)!important;border:1px solid var(--light-gray);transition:all .4s}\r\n.del-item:hover{border-color:rgba(var(--accent-rgb),.2);box-shadow:0 8px 30px rgba(var(--accent-rgb),.06);transform:translateY(-4px)}\r\n.del-icon{width:56px;height:56px;border-radius:14px;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center}\r\n.del-item h3{font-size:.95rem;font-weight:600;margin-bottom:.35rem;color:var(--text-primary)!important}\r\n.del-item p{font-size:.8rem;color:var(--text-muted)!important;line-height:1.5}\r\n\r\n\/* \u2550\u2550\u2550 DIFF \u2550\u2550\u2550 *\/\r\n.diff{padding:7rem 2rem;background:var(--white)!important}\r\n.diff-inner{max-width:1200px;margin:0 auto}\r\n.diff-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem}\r\n.diff-card{padding:2.5rem 2rem;border-radius:16px;background:var(--off-white)!important;border:1px solid var(--light-gray);transition:all .4s}\r\n.diff-card:hover{background:var(--white)!important;border-color:rgba(var(--accent-rgb),.2);box-shadow:0 12px 40px rgba(var(--accent-rgb),.06);transform:translateY(-4px)}\r\n.diff-card h3{font-size:1.1rem;font-weight:600;margin-bottom:.6rem;color:var(--text-primary)!important}\r\n.diff-card p{font-size:.92rem;color:var(--text-secondary)!important;line-height:1.7}\r\n\r\n\/* \u2550\u2550\u2550 LOGOS \u2550\u2550\u2550 *\/\r\n.logos{padding:5rem 2rem;background:var(--off-white)!important;overflow:hidden;border-top:1px solid var(--light-gray)}\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;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{display:flex;align-items:center;animation:logosScroll 30s linear infinite;width:max-content}\r\n.logos-track:hover{animation-play-state:paused}\r\n.logo-item{flex-shrink:0;padding:0 3rem;display:flex;align-items:center;height:50px;opacity:.3;filter:grayscale(100%);transition:opacity .4s,filter .4s}\r\n.logo-item:hover{opacity:.7;filter:grayscale(0%)}\r\n.logo-item span{font-family:var(--font-h);font-size:1.15rem;font-weight:700;color:var(--text-primary)!important;white-space:nowrap}\r\n@keyframes logosScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}\r\n\r\n\/* \u2550\u2550\u2550 CTA \u2550\u2550\u2550 *\/\r\n.cta{padding:7rem 2rem;text-align:center;background:var(--white)!important}\r\n.cta-title{font-size:clamp(1.8rem,3.5vw,2.8rem)!important;font-weight:700!important;margin-bottom:1.5rem;color:var(--text-primary)!important}\r\n.cta-text{font-size:1.1rem;color:var(--text-secondary)!important;margin-bottom:2.5rem;max-width:500px;margin-left:auto;margin-right:auto}\r\n.cta-btn{display:inline-flex;align-items:center;gap:.8rem;padding:1rem 2.5rem;background:var(--accent)!important;color:#ffffff!important;font-family:var(--font-h);font-size:1rem;font-weight:600;border-radius:8px;border:none;cursor:pointer;transition:background .3s,transform .3s,box-shadow .3s;box-shadow:0 4px 20px rgba(var(--accent-rgb),.25)}\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),.4)}\r\n.cta-btn svg{stroke:#ffffff!important}\r\n\r\n@media(max-width:968px){\r\n .tab-panel.is-active{grid-template-columns:1fr}.tab-visual{min-height:180px}\r\n .zz-item,.zz-item:nth-child(even){grid-template-columns:1fr;direction:ltr}.zz-visual{height:150px}\r\n .del-grid{grid-template-columns:repeat(2,1fr)}.diff-grid{grid-template-columns:1fr}\r\n}\r\n@media(max-width:640px){.hero{padding:2rem 1.5rem 4rem;min-height:80vh}.hero-title{font-size:2.2rem!important}.del-grid{grid-template-columns:1fr}.tab-btn{font-size:.75rem;padding:.5rem 1rem}}\r\n<\/style>\r\n<\/head>\r\n<body>\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\"><a href=\"\/\">Inicio<\/a><span>\/<\/span><a href=\"\/servicios\">Servicios<\/a><span>\/<\/span>Branding<\/div>\r\n <div class=\"hero-label\">02 \u2014 Branding<\/div>\r\n <h1 class=\"hero-title\">Tu marca no es un logo. Es lo que <em>sienten<\/em> al verte.<\/h1>\r\n <p class=\"hero-lead\">Creamos identidades con alma y estrategia. Desde el naming hasta el brand book, construimos marcas que conectan, se recuerdan y perduran.<\/p>\r\n <a href=\"\/contacto\" class=\"hero-cta\">Empezar proyecto <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><\/a>\r\n <\/div>\r\n<\/section>\r\n\r\n<section class=\"tabs-section\">\r\n <div class=\"tabs-inner\">\r\n <span class=\"tag\">Qu\u00e9 hacemos<\/span>\r\n <h2 class=\"section-title\">Servicios de branding<\/h2>\r\n <p class=\"section-sub\">Cada elemento de tu marca cuenta una historia. Nos aseguramos de que sea la correcta.<\/p>\r\n <div class=\"tab-nav\" id=\"tabNav\">\r\n <button class=\"tab-btn is-active\" data-tab=\"0\">Estrategia de marca<\/button>\r\n <button class=\"tab-btn\" data-tab=\"1\">Naming<\/button>\r\n <button class=\"tab-btn\" data-tab=\"2\">Identidad visual<\/button>\r\n <button class=\"tab-btn\" data-tab=\"3\">Brand book<\/button>\r\n <button class=\"tab-btn\" data-tab=\"4\">Arquitectura<\/button>\r\n <button class=\"tab-btn\" data-tab=\"5\">Rebranding<\/button>\r\n <\/div>\r\n <div class=\"tab-panels\">\r\n <div class=\"tab-panel is-active\"><div class=\"tab-text\"><h3>Estrategia de marca<\/h3><p>Definimos prop\u00f3sito, valores, posicionamiento, personalidad y promesa de marca. La br\u00fajula que gu\u00eda todas las decisiones comunicativas y visuales de tu organizaci\u00f3n.<\/p><div class=\"tab-tags\"><span class=\"tab-tag tab-tag--blue\">Prop\u00f3sito<\/span><span class=\"tab-tag tab-tag--lav\">Valores<\/span><span class=\"tab-tag tab-tag--rose\">Posicionamiento<\/span><span class=\"tab-tag tab-tag--peach\">Personalidad<\/span><\/div><\/div><div class=\"tab-visual\" style=\"background:linear-gradient(135deg,var(--pastel-sky),var(--pastel-lavender))\"><svg viewBox=\"0 0 200 160\" fill=\"none\" width=\"70%\"><circle cx=\"100\" cy=\"80\" r=\"50\" stroke=\"#0055ff\" stroke-width=\"1.5\" opacity=\".3\"\/><circle cx=\"100\" cy=\"80\" r=\"30\" stroke=\"#0055ff\" stroke-width=\"1.5\" opacity=\".5\"\/><circle cx=\"100\" cy=\"80\" r=\"10\" fill=\"#0055ff\" opacity=\".4\"\/><text x=\"70\" y=\"85\" font-family=\"Space Grotesk\" font-size=\"10\" font-weight=\"600\" fill=\"#0055ff\">Core<\/text><\/svg><\/div><\/div>\r\n <div class=\"tab-panel\"><div class=\"tab-text\"><h3>Naming<\/h3><p>Creamos nombres memorables, registrables y con significado. El primer punto de contacto entre tu marca y el mundo, pensado para perdurar.<\/p><div class=\"tab-tags\"><span class=\"tab-tag tab-tag--rose\">Memorable<\/span><span class=\"tab-tag tab-tag--blue\">Registrable<\/span><span class=\"tab-tag tab-tag--peach\">Global<\/span><\/div><\/div><div class=\"tab-visual\" style=\"background:linear-gradient(135deg,var(--pastel-rose),var(--pastel-peach))\"><svg viewBox=\"0 0 200 160\" fill=\"none\" width=\"70%\"><text x=\"30\" y=\"65\" font-family=\"Space Grotesk\" font-size=\"36\" font-weight=\"800\" fill=\"#ec4899\" opacity=\".15\">Aa<\/text><text x=\"50\" y=\"110\" font-family=\"Space Grotesk\" font-size=\"28\" font-weight=\"700\" fill=\"#8b5cf6\" opacity=\".2\">Bb<\/text><text x=\"110\" y=\"85\" font-family=\"Space Grotesk\" font-size=\"42\" font-weight=\"800\" fill=\"#0055ff\" opacity=\".12\">N<\/text><\/svg><\/div><\/div>\r\n <div class=\"tab-panel\"><div class=\"tab-text\"><h3>Identidad visual<\/h3><p>Logo, tipograf\u00eda, paleta crom\u00e1tica, iconograf\u00eda y sistema gr\u00e1fico completo. Una identidad coherente que funciona en cualquier soporte.<\/p><div class=\"tab-tags\"><span class=\"tab-tag tab-tag--blue\">Logo<\/span><span class=\"tab-tag tab-tag--lav\">Tipograf\u00eda<\/span><span class=\"tab-tag tab-tag--rose\">Color<\/span><span class=\"tab-tag tab-tag--peach\">Sistema<\/span><\/div><\/div><div class=\"tab-visual\" style=\"background:linear-gradient(135deg,var(--pastel-lavender),var(--pastel-sky))\"><svg viewBox=\"0 0 200 160\" fill=\"none\" width=\"70%\"><rect x=\"30\" y=\"30\" width=\"60\" height=\"60\" rx=\"12\" stroke=\"#8b5cf6\" stroke-width=\"1.5\" opacity=\".4\"\/><circle cx=\"140\" cy=\"60\" r=\"30\" stroke=\"#0055ff\" stroke-width=\"1.5\" opacity=\".4\"\/><polygon points=\"85,120 115,120 100,95\" stroke=\"#ec4899\" stroke-width=\"1.5\" fill=\"none\" opacity=\".4\"\/><\/svg><\/div><\/div>\r\n <div class=\"tab-panel\"><div class=\"tab-text\"><h3>Brand book<\/h3><p>Manual de identidad completo: normas de uso, aplicaciones correctas e incorrectas, tono de voz y directrices para consistencia total.<\/p><div class=\"tab-tags\"><span class=\"tab-tag tab-tag--peach\">Normas<\/span><span class=\"tab-tag tab-tag--blue\">Aplicaciones<\/span><span class=\"tab-tag tab-tag--lav\">Tono de voz<\/span><\/div><\/div><div class=\"tab-visual\" style=\"background:linear-gradient(135deg,var(--pastel-peach),var(--pastel-rose))\"><svg viewBox=\"0 0 200 160\" fill=\"none\" width=\"70%\"><rect x=\"50\" y=\"25\" width=\"100\" height=\"110\" rx=\"6\" stroke=\"#f59e0b\" stroke-width=\"1.5\" opacity=\".4\"\/><line x1=\"65\" y1=\"50\" x2=\"135\" y2=\"50\" stroke=\"#f59e0b\" stroke-width=\"2\" opacity=\".3\"\/><line x1=\"65\" y1=\"65\" x2=\"120\" y2=\"65\" stroke=\"#f59e0b\" stroke-width=\"1\" opacity=\".2\"\/><line x1=\"65\" y1=\"78\" x2=\"130\" y2=\"78\" stroke=\"#f59e0b\" stroke-width=\"1\" opacity=\".2\"\/><rect x=\"65\" y=\"100\" width=\"20\" height=\"20\" rx=\"3\" fill=\"#0055ff\" opacity=\".15\"\/><rect x=\"90\" y=\"100\" width=\"20\" height=\"20\" rx=\"3\" fill=\"#ec4899\" opacity=\".15\"\/><rect x=\"115\" y=\"100\" width=\"20\" height=\"20\" rx=\"3\" fill=\"#f59e0b\" opacity=\".15\"\/><\/svg><\/div><\/div>\r\n <div class=\"tab-panel\"><div class=\"tab-text\"><h3>Arquitectura de marca<\/h3><p>Organizamos tus marcas, submarcas y productos en una estructura clara que maximiza sinergias y facilita el crecimiento.<\/p><div class=\"tab-tags\"><span class=\"tab-tag tab-tag--blue\">Jerarqu\u00eda<\/span><span class=\"tab-tag tab-tag--rose\">Submarcas<\/span><span class=\"tab-tag tab-tag--peach\">Sinergias<\/span><\/div><\/div><div class=\"tab-visual\" style=\"background:linear-gradient(135deg,var(--pastel-sky),#e0f2fe)\"><svg viewBox=\"0 0 200 160\" fill=\"none\" width=\"70%\"><rect x=\"75\" y=\"20\" width=\"50\" height=\"30\" rx=\"6\" stroke=\"#0055ff\" stroke-width=\"1.5\" opacity=\".4\"\/><text x=\"85\" y=\"40\" font-family=\"Space Grotesk\" font-size=\"10\" fill=\"#0055ff\" opacity=\".5\">Master<\/text><line x1=\"100\" y1=\"50\" x2=\"55\" y2=\"80\" stroke=\"#0055ff\" stroke-width=\"1\" opacity=\".3\"\/><line x1=\"100\" y1=\"50\" x2=\"145\" y2=\"80\" stroke=\"#0055ff\" stroke-width=\"1\" opacity=\".3\"\/><rect x=\"30\" y=\"80\" width=\"50\" height=\"25\" rx=\"5\" stroke=\"#8b5cf6\" stroke-width=\"1.2\" opacity=\".35\"\/><rect x=\"120\" y=\"80\" width=\"50\" height=\"25\" rx=\"5\" stroke=\"#ec4899\" stroke-width=\"1.2\" opacity=\".35\"\/><\/svg><\/div><\/div>\r\n <div class=\"tab-panel\"><div class=\"tab-text\"><h3>Rebranding<\/h3><p>Evoluci\u00f3n o transformaci\u00f3n completa de tu marca. Mantenemos la esencia mientras proyectamos una imagen renovada que responde a tu nueva realidad.<\/p><div class=\"tab-tags\"><span class=\"tab-tag tab-tag--lav\">Evoluci\u00f3n<\/span><span class=\"tab-tag tab-tag--rose\">Renovaci\u00f3n<\/span><span class=\"tab-tag tab-tag--blue\">Lanzamiento<\/span><\/div><\/div><div class=\"tab-visual\" style=\"background:linear-gradient(135deg,var(--pastel-lavender),var(--pastel-rose))\"><svg viewBox=\"0 0 200 160\" fill=\"none\" width=\"70%\"><circle cx=\"70\" cy=\"80\" r=\"30\" stroke=\"#8a8a9a\" stroke-width=\"1.5\" stroke-dasharray=\"4 3\" opacity=\".3\"\/><path d=\"M105 80 L125 80\" stroke=\"#0055ff\" stroke-width=\"2\" opacity=\".4\"\/><circle cx=\"155\" cy=\"80\" r=\"30\" stroke=\"#0055ff\" stroke-width=\"1.5\" opacity=\".4\"\/><text x=\"57\" y=\"84\" font-family=\"Space Grotesk\" font-size=\"9\" fill=\"#8a8a9a\" opacity=\".5\">Before<\/text><text x=\"143\" y=\"84\" font-family=\"Space Grotesk\" font-size=\"9\" fill=\"#0055ff\" opacity=\".6\">After<\/text><\/svg><\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<section class=\"zigzag\">\r\n <div class=\"zigzag-inner\">\r\n <span class=\"tag\">Proceso creativo<\/span>\r\n <h2 class=\"section-title\">De la idea a la identidad<\/h2>\r\n <p class=\"section-sub\">Un proceso creativo con rigor estrat\u00e9gico que garantiza marcas con fundamento.<\/p>\r\n <div style=\"margin-top:4rem\">\r\n <div class=\"zz-item\"><div><span class=\"zz-num\">01<\/span><h3>Inmersi\u00f3n<\/h3><p>Nos sumergimos en tu negocio, competencia y audiencia. Workshops, entrevistas y an\u00e1lisis de mercado para entender el terreno.<\/p><\/div><div class=\"zz-visual\" style=\"background:var(--pastel-sky)\"><svg viewBox=\"0 0 160 100\" fill=\"none\" width=\"60%\"><circle cx=\"80\" cy=\"50\" r=\"35\" stroke=\"#0055ff\" stroke-width=\"1.2\" opacity=\".3\"\/><circle cx=\"80\" cy=\"50\" r=\"20\" stroke=\"#0055ff\" stroke-width=\"1.2\" opacity=\".2\"\/><circle cx=\"80\" cy=\"50\" r=\"5\" fill=\"#0055ff\" opacity=\".3\"\/><\/svg><\/div><\/div>\r\n <div class=\"zz-item\"><div><span class=\"zz-num\">02<\/span><h3>Conceptualizaci\u00f3n<\/h3><p>Definimos la plataforma de marca: prop\u00f3sito, valores, personalidad y territorio. El ADN que dar\u00e1 sentido a todo lo visual.<\/p><\/div><div class=\"zz-visual\" style=\"background:var(--pastel-lavender)\"><svg viewBox=\"0 0 160 100\" fill=\"none\" width=\"60%\"><rect x=\"30\" y=\"25\" width=\"45\" height=\"50\" rx=\"8\" stroke=\"#8b5cf6\" stroke-width=\"1.2\" opacity=\".3\"\/><rect x=\"85\" y=\"25\" width=\"45\" height=\"50\" rx=\"8\" stroke=\"#8b5cf6\" stroke-width=\"1.2\" opacity=\".2\"\/><line x1=\"75\" y1=\"50\" x2=\"85\" y2=\"50\" stroke=\"#8b5cf6\" stroke-width=\"1.5\" opacity=\".3\"\/><\/svg><\/div><\/div>\r\n <div class=\"zz-item\"><div><span class=\"zz-num\">03<\/span><h3>Dise\u00f1o<\/h3><p>Traducimos la estrategia en identidad visual: exploraciones, iteraciones y refinamiento hasta un sistema gr\u00e1fico s\u00f3lido.<\/p><\/div><div class=\"zz-visual\" style=\"background:var(--pastel-rose)\"><svg viewBox=\"0 0 160 100\" fill=\"none\" width=\"60%\"><polygon points=\"80,20 110,70 50,70\" stroke=\"#ec4899\" stroke-width=\"1.2\" fill=\"none\" opacity=\".3\"\/><circle cx=\"80\" cy=\"55\" r=\"15\" stroke=\"#ec4899\" stroke-width=\"1.2\" opacity=\".2\"\/><\/svg><\/div><\/div>\r\n <div class=\"zz-item\"><div><span class=\"zz-num\">04<\/span><h3>Entrega y lanzamiento<\/h3><p>Brand book completo con archivos fuente, gu\u00edas de implementaci\u00f3n y plan de lanzamiento para activar tu nueva marca.<\/p><\/div><div class=\"zz-visual\" style=\"background:var(--pastel-peach)\"><svg viewBox=\"0 0 160 100\" fill=\"none\" width=\"60%\"><rect x=\"40\" y=\"20\" width=\"80\" height=\"60\" rx=\"6\" stroke=\"#f59e0b\" stroke-width=\"1.2\" opacity=\".3\"\/><polyline points=\"60,55 75,45 90,60 105,40\" stroke=\"#f59e0b\" stroke-width=\"1.5\" opacity=\".3\" fill=\"none\"\/><\/svg><\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<section class=\"deliverables\">\r\n <div class=\"del-inner\">\r\n <span class=\"tag\">Entregables<\/span>\r\n <h2 class=\"section-title\">Lo que recibes<\/h2>\r\n <p class=\"section-sub\">Entregables tangibles, profesionales y listos para implementar.<\/p>\r\n <div class=\"del-grid\">\r\n <div class=\"del-item\"><div class=\"del-icon\" style=\"background:var(--pastel-sky)\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0055ff\" stroke-width=\"1.8\" width=\"24\" height=\"24\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"4\"\/><circle cx=\"12\" cy=\"12\" r=\"4\"\/><\/svg><\/div><h3>Logo<\/h3><p>Principal, secundario, favicon<\/p><\/div>\r\n <div class=\"del-item\"><div class=\"del-icon\" style=\"background:var(--pastel-lavender)\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#8b5cf6\" stroke-width=\"1.8\" width=\"24\" height=\"24\"><line x1=\"4\" y1=\"9\" x2=\"20\" y2=\"9\"\/><line x1=\"4\" y1=\"15\" x2=\"16\" y2=\"15\"\/><\/svg><\/div><h3>Tipograf\u00eda<\/h3><p>Fuentes con jerarqu\u00edas<\/p><\/div>\r\n <div class=\"del-item\"><div class=\"del-icon\" style=\"background:var(--pastel-rose)\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ec4899\" stroke-width=\"1.8\" width=\"24\" height=\"24\"><circle cx=\"8\" cy=\"12\" r=\"5\"\/><circle cx=\"16\" cy=\"12\" r=\"5\"\/><\/svg><\/div><h3>Paleta<\/h3><p>HEX, RGB, CMYK, Pantone<\/p><\/div>\r\n <div class=\"del-item\"><div class=\"del-icon\" style=\"background:var(--pastel-peach)\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#f59e0b\" stroke-width=\"1.8\" width=\"24\" height=\"24\"><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\"\/><\/svg><\/div><h3>Brand book<\/h3><p>Manual completo PDF<\/p><\/div>\r\n <div class=\"del-item\"><div class=\"del-icon\" style=\"background:var(--pastel-sky)\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0055ff\" stroke-width=\"1.8\" width=\"24\" height=\"24\"><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><\/div><h3>Templates<\/h3><p>Social, email, deck<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<section class=\"diff\">\r\n <div class=\"diff-inner\">\r\n <span class=\"tag\">Diferencial<\/span>\r\n <h2 class=\"section-title\">Por qu\u00e9 nosotros<\/h2>\r\n <p class=\"section-sub\">No hacemos logos bonitos sin fundamento. Creamos marcas con estrategia y coherencia.<\/p>\r\n <div class=\"diff-grid\">\r\n <div class=\"diff-card\"><h3>Estrategia antes que est\u00e9tica<\/h3><p>Cada decisi\u00f3n visual tiene un porqu\u00e9 estrat\u00e9gico. No dise\u00f1amos por tendencia, sino por relevancia para tu p\u00fablico.<\/p><\/div>\r\n <div class=\"diff-card\"><h3>Sistemas, no piezas sueltas<\/h3><p>Entregamos un sistema escalable que funciona en digital, impreso, se\u00f1al\u00e9tica, packaging o audiovisual.<\/p><\/div>\r\n <div class=\"diff-card\"><h3>Acompa\u00f1amiento post-entrega<\/h3><p>No desaparecemos tras entregar el brand book. Te acompa\u00f1amos en la implementaci\u00f3n desde el d\u00eda uno.<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\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 construir y evolucionar sus marcas.<\/p>\r\n <div class=\"logos-track\"><div class=\"logo-item\"><span>El Mundo Financiero<\/span><\/div><div class=\"logo-item\"><span>Progress Cycles<\/span><\/div><div class=\"logo-item\"><span>Magicshine<\/span><\/div><div class=\"logo-item\"><span>Assessoria Baix<\/span><\/div><div class=\"logo-item\"><span>Luxury Concierge Services<\/span><\/div><div class=\"logo-item\"><span>KCNC<\/span><\/div><div class=\"logo-item\"><span>Fun Sport SL<\/span><\/div><div class=\"logo-item\"><span>Ready Go<\/span><\/div><div class=\"logo-item\"><span>El Mundo Financiero<\/span><\/div><div class=\"logo-item\"><span>Progress Cycles<\/span><\/div><div class=\"logo-item\"><span>Magicshine<\/span><\/div><div class=\"logo-item\"><span>Assessoria Baix<\/span><\/div><div class=\"logo-item\"><span>Luxury Concierge Services<\/span><\/div><div class=\"logo-item\"><span>KCNC<\/span><\/div><div class=\"logo-item\"><span>Fun Sport SL<\/span><\/div><\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<section class=\"cta\">\r\n <h2 class=\"cta-title\">Dale a tu marca la identidad que merece<\/h2>\r\n <p class=\"cta-text\">Hablemos sobre c\u00f3mo crear una marca que conecte con tu audiencia y se diferencie.<\/p>\r\n <a href=\"\/contacto\" class=\"cta-btn\">Empezar proyecto <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><\/a>\r\n<\/section>\r\n\r\n<script>\r\ngsap.registerPlugin(ScrollTrigger);\r\ndocument.querySelectorAll('.tab-btn').forEach(btn=>{btn.addEventListener('click',()=>{document.querySelectorAll('.tab-btn').forEach(b=>b.classList.remove('is-active'));document.querySelectorAll('.tab-panel').forEach(p=>p.classList.remove('is-active'));btn.classList.add('is-active');document.querySelectorAll('.tab-panel')[+btn.dataset.tab].classList.add('is-active')})});\r\ngsap.from('.hero-label',{opacity:0,y:20,duration:.6,delay:.3});\r\ngsap.from('.hero-title',{opacity:0,y:30,duration:.8,delay:.5});\r\ngsap.from('.hero-lead',{opacity:0,y:20,duration:.6,delay:.8});\r\ngsap.from('.hero-cta',{opacity:0,y:20,duration:.6,delay:1});\r\ngsap.utils.toArray('.zz-item').forEach((item,i)=>{gsap.from(item,{opacity:0,y:30,duration:.7,delay:i*.1,ease:'power3.out',scrollTrigger:{trigger:item,start:'top 80%',once:true}})});\r\ngsap.utils.toArray('.del-item').forEach((item,i)=>{gsap.from(item,{opacity:0,y:20,scale:.95,duration:.5,delay:i*.08,ease:'power3.out',scrollTrigger:{trigger:item,start:'top 85%',once:true}})});\r\ngsap.utils.toArray('.diff-card').forEach((c,i)=>{gsap.from(c,{opacity:0,y:25,duration:.6,delay:i*.12,ease:'power3.out',scrollTrigger:{trigger:c,start:'top 85%',once:true}})});\r\ngsap.from('.cta-title',{opacity:0,y:25,duration:.7,scrollTrigger:{trigger:'.cta',start:'top 75%',once:true}});\r\ngsap.from('.cta-btn',{opacity:0,y:20,duration:.6,delay:.3,scrollTrigger:{trigger:'.cta',start:'top 75%',once:true}});\r\n\/* \u2550\u2550\u2550 HERO CANVAS \u2014 FLOWING CURVES \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 curves=[];\r\n for(let i=0;i<12;i++){\r\n curves.push({\r\n yBase:80+i*(H\/10),\r\n amp:25+Math.random()*40,\r\n freq:.001+Math.random()*.002,\r\n speed:.3+Math.random()*.5,\r\n phase:Math.random()*Math.PI*2,\r\n a:.02+Math.random()*.03,\r\n w:.8+Math.random()*.6\r\n });\r\n }\r\n const dots=[];\r\n for(let i=0;i<30;i++){\r\n dots.push({\r\n x:Math.random()*2000,y:Math.random()*1200,\r\n vx:(Math.random()-.5)*.3,vy:(Math.random()-.5)*.25,\r\n r:1+Math.random()*2,a:.06+Math.random()*.1\r\n });\r\n }\r\n let frame=0;\r\n function draw(){\r\n ctx.clearRect(0,0,W,H);\r\n curves.forEach(cv=>{\r\n ctx.beginPath();\r\n ctx.strokeStyle='rgba(0,85,255,'+cv.a+')';\r\n ctx.lineWidth=cv.w;\r\n for(let x=0;x<W;x+=4){\r\n const y=cv.yBase+Math.sin(x*cv.freq+frame*0.008*cv.speed+cv.phase)*cv.amp\r\n +Math.cos(x*cv.freq*1.5+frame*0.005)*cv.amp*.3;\r\n if(x===0)ctx.moveTo(x,y);else ctx.lineTo(x,y);\r\n }\r\n ctx.stroke();\r\n });\r\n dots.forEach(d=>{\r\n d.x+=d.vx;d.y+=d.vy;\r\n if(d.x<-10)d.x=W+10;if(d.x>W+10)d.x=-10;\r\n if(d.y<-10)d.y=H+10;if(d.y>H+10)d.y=-10;\r\n ctx.beginPath();\r\n ctx.arc(d.x,d.y,d.r,0,Math.PI*2);\r\n ctx.fillStyle='rgba(0,85,255,'+d.a+')';\r\n ctx.fill();\r\n });\r\n frame++;\r\n requestAnimationFrame(draw);\r\n }\r\n draw();\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-846","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/vortexmedia.agency\/es\/wp-json\/wp\/v2\/pages\/846","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=846"}],"version-history":[{"count":1,"href":"https:\/\/vortexmedia.agency\/es\/wp-json\/wp\/v2\/pages\/846\/revisions"}],"predecessor-version":[{"id":847,"href":"https:\/\/vortexmedia.agency\/es\/wp-json\/wp\/v2\/pages\/846\/revisions\/847"}],"wp:attachment":[{"href":"https:\/\/vortexmedia.agency\/es\/wp-json\/wp\/v2\/media?parent=846"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}