{"id":714,"date":"2026-07-30T13:41:52","date_gmt":"2026-07-30T11:41:52","guid":{"rendered":"https:\/\/gmodelsspain.evolucionat.es\/?page_id=714"},"modified":"2026-09-22T00:24:27","modified_gmt":"2026-09-21T22:24:27","slug":"branding","status":"publish","type":"page","link":"https:\/\/gmodelsspain.evolucionat.es\/en\/comunicacion\/branding\/","title":{"rendered":"Branding"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"714\" class=\"elementor elementor-714\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b1c2dae e-con e-atomic-element e-flexbox-base e-default-div e-b1c2dae-b5c6aaf \" data-id=\"b1c2dae\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"b1c2dae\" data-e-type=\"e-flexbox\" data-id=\"b1c2dae\">\n    \t\t<div class=\"elementor-element elementor-element-1e6d5e2 elementor-widget elementor-widget-html\" data-id=\"1e6d5e2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,500;1,600&display=swap');\r\n\r\n:where(#gcb, #gcb *){ box-sizing:border-box; margin:0; padding:0; }\r\nhtml{ scroll-behavior:smooth; }\r\n#gcb{\r\n  --red:#d00d26; --ink:#0b0b0d; --ink2:#131318; --line:rgba(255,255,255,.10);\r\n  --ease:cubic-bezier(.16,1,.3,1);\r\n  --serif:'Cormorant Garamond',Georgia,serif; --sans:'Helvetica Neue',Arial,sans-serif;\r\n  --gut:clamp(20px,4vw,60px); --maxw:1900px;\r\n  position:relative; width:100vw; margin-left:calc(50% - 50vw);\r\n  background:var(--ink); color:#fff; font-family:var(--sans); overflow-x:clip;\r\n}\r\n#gcb img{ display:block; max-width:100%; }\r\n.gcb-wrap{ width:100%; max-width:var(--maxw); margin-inline:auto; padding-inline:var(--gut); }\r\n\r\n\/* ---- helpers ---- *\/\r\n.gcb-kick{ display:inline-flex; align-items:center; font-size:clamp(11px,1.05vw,13px); font-weight:700; letter-spacing:.3em; text-transform:uppercase; color:rgba(255,255,255,.7); }\r\n.gcb-kick .ln{ display:inline-block; width:46px; height:2px; margin-right:14px; background:var(--red); box-shadow:0 0 12px rgba(208,13,38,.75); transition:width 1s var(--ease) .15s; }\r\n.gcb-h2{ font-family:var(--serif); font-weight:500; line-height:.98; letter-spacing:-.01em; }\r\n.gcb-h2 em{ font-style:italic; color:var(--red); }\r\n.gcb-btn{ position:relative; overflow:hidden; display:inline-flex; align-items:center; gap:10px; padding:16px 36px; font-size:.8rem; font-weight:700; letter-spacing:.16em; text-transform:uppercase; text-decoration:none; border-radius:3px; cursor:pointer; transition:.35s var(--ease); }\r\n.gcb-btn svg{ width:16px; height:16px; position:relative; z-index:1; transition:transform .35s var(--ease); }\r\n.gcb-btn::after{ content:\"\"; position:absolute; top:0; left:-130%; width:60%; height:100%; background:linear-gradient(100deg,transparent,rgba(255,255,255,.4),transparent); transform:skewX(-18deg); transition:left .7s var(--ease); pointer-events:none; }\r\n.gcb-btn:hover::after{ left:140%; }\r\n.gcb-btn:hover svg{ transform:translateX(4px); }\r\n.gcb-btn-red{ background:var(--red); color:#fff; border:1.5px solid var(--red); box-shadow:0 10px 30px rgba(208,13,38,.28); }\r\n.gcb-btn-red:hover{ background:transparent; transform:translateY(-2px); box-shadow:0 18px 42px rgba(208,13,38,.45); }\r\n.gcb-btn-out{ background:rgba(255,255,255,.05); color:#fff; border:1.5px solid rgba(255,255,255,.55); -webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px); }\r\n.gcb-btn-out:hover{ background:#fff; color:var(--ink); border-color:#fff; transform:translateY(-2px); }\r\n.gcb-cta{ display:flex; flex-wrap:wrap; gap:14px; }\r\n\r\n\/* ---- revelado ---- *\/\r\n#gcb.gcb-ready .rv{ opacity:0; transform:translateY(36px); transition:opacity .9s var(--ease), transform .9s var(--ease); transition-delay:calc(var(--d,0) * 1ms); }\r\n#gcb.gcb-ready .rv.in{ opacity:1; transform:none; }\r\n#gcb.gcb-ready .gcb-kick.rv .ln{ width:0; }\r\n#gcb.gcb-ready .gcb-kick.rv.in .ln{ width:46px; }\r\n#gcb.gcb-ready .gcb-hero .rv{ transform:translateY(48px); filter:blur(18px); transition:opacity 1.15s var(--ease), transform 1.15s var(--ease), filter 1.15s var(--ease); transition-delay:calc(var(--d,0) * 1ms); }\r\n#gcb.gcb-ready .gcb-hero .rv.in{ filter:blur(0); }\r\n\r\n@keyframes gcb-breathe{ 0%,100%{ opacity:.45; transform:scale(1); } 50%{ opacity:.85; transform:scale(1.14); } }\r\n@keyframes gcb-pulse{ 0%,100%{ opacity:.25; transform:scaleY(.6); } 50%{ opacity:1; transform:scaleY(1); } }\r\n@keyframes gcb-grad{ 0%{ background-position:0% 50%; } 100%{ background-position:200% 50%; } }\r\n@keyframes gcb-nudge{ 0%,100%{ transform:translate(-50%,-50%) translateX(0); } 50%{ transform:translate(-50%,-50%) translateX(10px); } }\r\n\r\n\/* ============ M1 \u00b7 HERO \u2014 el titular SE RELLENA con el scroll ============ *\/\r\n.gcb-hero{ position:relative; min-height:100svh; display:flex; align-items:center; overflow:hidden; background:#0a0a0c; }\r\n.gcb-hero-bg{ position:absolute; inset:0; z-index:0; }\r\n.gcb-hero-bg img{ width:100%; height:100%; object-fit:cover; object-position:50% 30%; filter:grayscale(.65) brightness(.42) contrast(1.05); }\r\n.gcb-hero-veil{ position:absolute; inset:0; z-index:1; pointer-events:none; background:linear-gradient(to top, rgba(8,8,10,.96) 0%, rgba(8,8,10,.45) 45%, rgba(8,8,10,.35) 100%); }\r\n.gcb-hero-glow{ position:absolute; top:-14%; right:-10%; z-index:1; width:60vmax; height:60vmax; pointer-events:none; background:radial-gradient(circle, rgba(208,13,38,.22), transparent 60%); filter:blur(8px); animation:gcb-breathe 9s ease-in-out infinite; }\r\n.gcb-hero-grain{ position:absolute; inset:0; z-index:2; pointer-events:none; opacity:.07; mix-blend-mode:overlay; background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'\/%3E%3C\/svg%3E\"); }\r\n.gcb-hero-in{ position:relative; z-index:3; width:100%; max-width:var(--maxw); margin-inline:auto; padding:clamp(96px,13vh,150px) var(--gut) clamp(60px,9vh,100px); }\r\n.gcb-back{ display:inline-flex; align-items:center; gap:8px; font-size:.68rem; font-weight:700; letter-spacing:.18em; text-transform:uppercase; color:rgba(255,255,255,.65); text-decoration:none; border:1px solid rgba(255,255,255,.22); border-radius:40px; padding:8px 16px; transition:.3s var(--ease); }\r\n.gcb-back:hover{ border-color:var(--red); color:#fff; }\r\n.gcb-back svg{ width:13px; height:13px; }\r\n\/* EL TITULAR: trazo blanco \u2192 se rellena de rojo seg\u00fan bajas (background-clip:text) *\/\r\n.gcb-big{ font-family:var(--serif); font-weight:600; font-size:clamp(3.4rem,14.5vw,12rem); line-height:.92; letter-spacing:-.02em; margin-top:clamp(16px,3vh,30px);\r\n  color:transparent; -webkit-text-stroke:1.5px rgba(255,255,255,.6);\r\n  background:linear-gradient(90deg, var(--red) 0%, #ff4d63 100%); background-repeat:no-repeat; background-size:var(--fill,0%) 100%;\r\n  -webkit-background-clip:text; background-clip:text; }\r\n.gcb-hero-sub{ margin-top:clamp(14px,2.4vh,26px); max-width:52ch; font-size:clamp(1.02rem,1.4vw,1.2rem); font-weight:300; line-height:1.7; color:rgba(255,255,255,.85); }\r\n.gcb-hero-sub b{ color:#fff; font-weight:600; }\r\n.gcb-hero .gcb-cta{ margin-top:clamp(20px,3vh,34px); }\r\n.gcb-hero-tags{ display:flex; gap:9px; flex-wrap:wrap; margin-top:clamp(18px,2.6vh,26px); }\r\n.gcb-hero-tags span{ font-size:.66rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:rgba(255,255,255,.85); border:1px solid rgba(255,255,255,.24); border-radius:40px; padding:8px 15px; }\r\n.gcb-hint{ margin-top:clamp(18px,2.6vh,28px); font-size:.6rem; letter-spacing:.3em; text-transform:uppercase; color:rgba(255,255,255,.45); }\r\n.gcb-scroll{ position:absolute; left:50%; bottom:clamp(24px,4vh,44px); z-index:4; transform:translateX(-50%); color:rgba(255,255,255,.6); font-size:.58rem; letter-spacing:.34em; text-transform:uppercase; display:flex; flex-direction:column; align-items:center; gap:9px; }\r\n.gcb-scroll::after{ content:\"\"; width:1px; height:36px; background:linear-gradient(#fff,transparent); animation:gcb-pulse 2s ease-in-out infinite; }\r\n\r\n\/* ============ M2 \u00b7 ANTES \/ DESPU\u00c9S (comparador arrastrable) ============ *\/\r\n.gcb-cmp-sec{ position:relative; background:var(--ink2); color:#fff; padding:clamp(80px,11vh,140px) 0; overflow:hidden; }\r\n.gcb-cmp-head{ display:flex; justify-content:space-between; align-items:flex-end; gap:30px; flex-wrap:wrap; margin-bottom:clamp(26px,4vh,44px); }\r\n.gcb-cmp-head h2{ font-size:clamp(2.4rem,5.4vw,4.2rem); margin-top:12px; }\r\n.gcb-cmp-head p{ max-width:44ch; font-size:clamp(.95rem,1.15vw,1.05rem); font-weight:300; line-height:1.7; color:rgba(255,255,255,.7); }\r\n.gcb-cmp{ --pos:50%; position:relative; border-radius:12px; overflow:hidden; aspect-ratio:16\/8.2; box-shadow:0 40px 90px rgba(0,0,0,.55); -webkit-user-select:none; user-select:none; }\r\n.gcb-cmp img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:50% 28%; pointer-events:none; }\r\n.gcb-cmp .after{ filter:contrast(1.06) saturate(1.12); }\r\n\/* capa ANTES: B\/N apagado, recortada por la posici\u00f3n del tirador *\/\r\n.gcb-cmp .before-clip{ position:absolute; inset:0; z-index:2; clip-path:inset(0 calc(100% - var(--pos)) 0 0); }\r\n.gcb-cmp .before-clip img{ filter:grayscale(1) brightness(.62) contrast(.92); }\r\n.gcb-cmp .lbl{ position:absolute; top:16px; z-index:4; font-size:.62rem; font-weight:800; letter-spacing:.2em; text-transform:uppercase; padding:8px 14px; border-radius:30px; pointer-events:none; }\r\n.gcb-cmp .lbl.a{ left:16px; color:rgba(255,255,255,.85); background:rgba(0,0,0,.55); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); }\r\n.gcb-cmp .lbl.b{ right:16px; color:#fff; background:var(--red); box-shadow:0 6px 18px rgba(208,13,38,.45); }\r\n\/* tirador *\/\r\n.gcb-cmp .bar{ position:absolute; top:0; bottom:0; left:var(--pos); z-index:3; width:2px; background:#fff; box-shadow:0 0 18px rgba(0,0,0,.8); pointer-events:none; }\r\n.gcb-cmp .knob{ position:absolute; top:50%; left:var(--pos); z-index:4; transform:translate(-50%,-50%); width:54px; height:54px; border-radius:50%; background:var(--red); border:2px solid #fff; box-shadow:0 10px 30px rgba(0,0,0,.6), 0 0 24px rgba(208,13,38,.55); display:flex; align-items:center; justify-content:center; gap:3px; pointer-events:none; animation:gcb-nudge 2.6s ease-in-out infinite; }\r\n.gcb-cmp.used .knob{ animation:none; }\r\n.gcb-cmp .knob svg{ width:26px; height:26px; stroke:#fff; }\r\n.gcb-cmp input[type=range]{ position:absolute; inset:0; z-index:5; width:100%; height:100%; opacity:0; cursor:ew-resize; margin:0; -webkit-appearance:none; appearance:none; background:transparent; }\r\n.gcb-cmp input[type=range]::-webkit-slider-thumb{ -webkit-appearance:none; width:60px; height:100%; }\r\n.gcb-cmp-note{ margin-top:16px; text-align:center; font-size:.62rem; letter-spacing:.26em; text-transform:uppercase; color:rgba(255,255,255,.45); }\r\n\r\n\/* ============ M3 \u00b7 QU\u00c9 INCLUYE (entregables numerados) ============ *\/\r\n.gcb-inc{ position:relative; background:var(--ink); color:#fff; padding:clamp(84px,12vh,150px) 0; overflow:hidden; }\r\n.gcb-inc::before{ content:\"\"; position:absolute; top:-18%; left:-10%; width:50vmax; height:50vmax; background:radial-gradient(circle, rgba(208,13,38,.12), transparent 60%); pointer-events:none; }\r\n.gcb-inc-head{ margin-bottom:clamp(30px,4.6vh,54px); }\r\n.gcb-inc-head h2{ font-size:clamp(2.4rem,5.4vw,4.2rem); margin-top:12px; }\r\n.gcb-item{ position:relative; display:flex; align-items:baseline; gap:clamp(16px,2.4vw,34px); padding:clamp(20px,3vh,30px) 6px; border-bottom:1px solid var(--line); transition:padding-left .45s var(--ease), background .45s var(--ease); }\r\n.gcb-item:first-of-type{ border-top:1px solid var(--line); }\r\n.gcb-item:hover{ padding-left:clamp(10px,1.4vw,22px); background:linear-gradient(90deg, rgba(208,13,38,.08), transparent 60%); }\r\n.gcb-item .num{ flex-shrink:0; font-family:var(--serif); font-size:clamp(1rem,1.4vw,1.3rem); color:rgba(255,255,255,.35); width:2.2em; transition:color .3s var(--ease); }\r\n.gcb-item:hover .num{ color:var(--red); }\r\n.gcb-item b{ font-family:var(--serif); font-weight:600; font-size:clamp(1.5rem,3vw,2.6rem); line-height:1.05; transition:color .3s var(--ease); }\r\n.gcb-item:hover b{ color:var(--red); }\r\n.gcb-item p{ margin-left:auto; max-width:34ch; text-align:right; font-size:clamp(.82rem,1vw,.95rem); font-weight:300; line-height:1.55; color:rgba(255,255,255,.6); }\r\n\r\n\/* ============ M4 \u00b7 PROCESO (l\u00ednea vertical que se dibuja) ============ *\/\r\n.gcb-proc{ position:relative; background:var(--ink2); color:#fff; padding:clamp(80px,11vh,140px) 0; overflow:hidden; }\r\n.gcb-proc-head{ margin-bottom:clamp(36px,5.4vh,64px); }\r\n.gcb-proc-head h2{ font-size:clamp(2.4rem,5.4vw,4.2rem); margin-top:12px; }\r\n.gcb-steps{ position:relative; max-width:900px; margin-inline:auto; padding-left:clamp(34px,4vw,54px); }\r\n.gcb-steps::before{ content:\"\"; position:absolute; left:9px; top:8px; bottom:8px; width:1px; background:rgba(255,255,255,.14); }\r\n.gcb-vline{ position:absolute; left:8px; top:8px; width:3px; height:calc(100% - 16px); background:linear-gradient(var(--red), #ff4d63); box-shadow:0 0 14px rgba(208,13,38,.7); border-radius:3px; transform:scaleY(var(--vp,0)); transform-origin:top; }\r\n.gcb-step{ position:relative; padding:clamp(16px,2.6vh,26px) 0; }\r\n.gcb-step .dot{ position:absolute; left:calc(-1 * clamp(34px,4vw,54px) + 2px); top:calc(clamp(16px,2.6vh,26px) + .55em); width:17px; height:17px; border-radius:50%; background:var(--ink2); border:2px solid var(--red); box-shadow:0 0 12px rgba(208,13,38,.55); }\r\n.gcb-step h3{ font-family:var(--serif); font-weight:600; font-size:clamp(1.5rem,2.6vw,2.2rem); }\r\n.gcb-step h3 span{ color:rgba(255,255,255,.35); font-size:.6em; margin-right:10px; }\r\n.gcb-step p{ margin-top:8px; max-width:58ch; font-size:clamp(.92rem,1.1vw,1.02rem); font-weight:300; line-height:1.7; color:rgba(255,255,255,.75); }\r\n\r\n\/* ============ M5 \u00b7 CTA FINAL ============ *\/\r\n.gcb-final{ position:relative; padding:clamp(100px,16vh,200px) var(--gut); text-align:center; overflow:hidden; color:#fff; background:linear-gradient(115deg,#2a0309 0%,#7a0d1a 35%,#b00c1f 55%,#7a0d1a 75%,#2a0309 100%); background-size:200% 200%; animation:gcb-grad 14s linear infinite; }\r\n.gcb-final::before{ content:\"\"; position:absolute; inset:0; opacity:.5; mix-blend-mode:overlay; background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'\/%3E%3C\/svg%3E\"); }\r\n.gcb-final-in{ position:relative; z-index:2; max-width:860px; margin:0 auto; }\r\n.gcb-final .gcb-kick{ justify-content:center; color:rgba(255,255,255,.85); }\r\n.gcb-final .gcb-kick .ln{ background:#fff; box-shadow:none; }\r\n.gcb-final h2{ font-family:var(--serif); font-weight:500; font-size:clamp(2.8rem,7.4vw,5.8rem); line-height:1; margin-top:14px; }\r\n.gcb-final h2 em{ font-style:italic; }\r\n.gcb-final p{ margin-top:20px; font-size:clamp(1.02rem,1.4vw,1.2rem); font-weight:300; color:rgba(255,255,255,.94); }\r\n.gcb-final .gcb-cta{ justify-content:center; margin-top:clamp(30px,4vh,46px); }\r\n.gcb-final .gcb-btn-red{ background:#fff; color:var(--red); border-color:#fff; box-shadow:0 14px 40px rgba(0,0,0,.3); }\r\n.gcb-final .gcb-btn-red:hover{ background:transparent; color:#fff; }\r\n.gcb-final .gcb-btn-out{ border-color:rgba(255,255,255,.85); }\r\n\r\n\/* ============ RESPONSIVE ============ *\/\r\n@media(max-width:900px){\r\n  .gcb-item{ flex-wrap:wrap; }\r\n  .gcb-item p{ margin-left:calc(2.2em + clamp(16px,2.4vw,34px)); text-align:left; max-width:none; flex-basis:100%; }\r\n  .gcb-cmp{ aspect-ratio:4\/4.6; }\r\n  .gcb-cmp img{ object-position:62% 28%; }\r\n}\r\n@media(max-width:520px){\r\n  .gcb-cta{ flex-direction:column; align-items:stretch; } .gcb-btn{ justify-content:center; }\r\n  .gcb-scroll{ display:none; }\r\n  .gcb-hero-in{ padding-bottom:44px; }\r\n  .gcb-cmp .knob{ width:46px; height:46px; }\r\n  .gcb-step p{ font-size:.9rem; }\r\n}\r\n@media (prefers-reduced-motion:reduce){\r\n  #gcb *{ animation:none !important; }\r\n  html{ scroll-behavior:auto; }\r\n  #gcb.gcb-ready .rv, #gcb.gcb-ready .rv.in{ opacity:1 !important; transform:none !important; }\r\n  .gcb-big{ --fill:100%; }\r\n  .gcb-vline{ transform:scaleY(1) !important; }\r\n}\r\n\r\n\/* ============ ROBUSTEZ EN WORDPRESS \/ ELEMENTOR ============ *\/\r\n#gcb a{ text-decoration:none; }\r\n\/* ANTI-AZUL del tema WP *\/\r\n#gcb a, #gcb a:visited, #gcb a:hover, #gcb a:focus, #gcb a:active{ color:#fff !important; }\r\n#gcb .gcb-btn-out:hover, #gcb .gcb-btn-out:focus{ color:var(--ink) !important; }\r\n#gcb .gcb-final .gcb-btn-red{ color:var(--red) !important; }\r\n#gcb .gcb-final .gcb-btn-red:hover{ color:#fff !important; }\r\n#gcb .gcb-back{ color:rgba(255,255,255,.65) !important; }\r\n#gcb .gcb-back:hover{ color:#fff !important; }\r\n\/* EFECTO CARD *\/\r\n#gcb > .gcb-hero{ position:sticky; top:0; z-index:1; }\r\n#gcb > .gcb-cmp-sec{ position:relative; z-index:2; margin:0 !important; border-radius:clamp(28px,3.6vw,52px) clamp(28px,3.6vw,52px) 0 0 !important; box-shadow:0 -36px 80px rgba(0,0,0,.6) !important; }\r\n#gcb > .gcb-inc{ position:sticky; top:0; z-index:3; }\r\n#gcb > .gcb-proc{ position:relative; z-index:4; margin:0 !important; border-radius:clamp(28px,3.6vw,52px) clamp(28px,3.6vw,52px) 0 0 !important; box-shadow:0 -36px 80px rgba(0,0,0,.6) !important; }\r\n#gcb > .gcb-final{ position:relative; z-index:5; border-radius:clamp(20px,2.6vw,36px) !important; box-shadow:0 18px 50px rgba(0,0,0,.4) !important; }\r\n<\/style>\r\n\r\n<div id=\"gcb\">\r\n\r\n  <!-- ===== M1 \u00b7 HERO ===== -->\r\n  <section class=\"gcb-hero\" id=\"inicio\" aria-label=\"Branding\">\r\n    <div class=\"gcb-hero-bg\" aria-hidden=\"true\">\r\n      <img decoding=\"async\" src=\"https:\/\/gmodelsspain.evolucionat.es\/wp-content\/uploads\/2026\/06\/com-branding.jpg\" onerror=\"this.onerror=null;this.src='https:\/\/v3b.fal.media\/files\/b\/0aa23c50\/eShVukyerb2YFroDkw9L-_76a9773a188c407bb53456e64589ee4b.jpg'\" alt=\"\">\r\n    <\/div>\r\n    <div class=\"gcb-hero-veil\" aria-hidden=\"true\"><\/div>\r\n    <div class=\"gcb-hero-glow\" aria-hidden=\"true\"><\/div>\r\n    <div class=\"gcb-hero-grain\" aria-hidden=\"true\"><\/div>\r\n    <div class=\"gcb-hero-in\">\r\n      <a class=\"gcb-back rv\" href=\"\/comunicacion\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M19 12H5M11 18l-6-6 6-6\"\/><\/svg> G\u00b7Comunicaci\u00f3n \u2014 Servicios<\/a>\r\n      <h1 class=\"gcb-big rv\" style=\"--d:180\" id=\"gcb-big\">Branding<\/h1>\r\n      <p class=\"gcb-hero-sub rv\" style=\"--d:420\">Una marca es mucho m\u00e1s que un logotipo. Creamos identidades capaces\r\n        de <b>diferenciarse, comunicar y ser reconocidas<\/b>.<\/p>\r\n      <div class=\"gcb-cta rv\" style=\"--d:620\">\r\n        <a class=\"gcb-btn gcb-btn-red\" href=\"#contacto\">Cu\u00e9ntanos tu proyecto\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/a>\r\n        <a class=\"gcb-btn gcb-btn-out\" href=\"#antes-despues\">Ver la diferencia<\/a>\r\n      <\/div>\r\n      <div class=\"gcb-hero-tags rv\" style=\"--d:760\">\r\n        <span>Estrategia<\/span><span>Identidad<\/span><span>Dise\u00f1o<\/span><span>Marca<\/span>\r\n      <\/div>\r\n      <p class=\"gcb-hint rv\" style=\"--d:800\">Baja y mira c\u00f3mo el nombre se llena de marca \u2193<\/p>\r\n    <\/div>\r\n    <div class=\"gcb-scroll\" aria-hidden=\"true\">Scroll<\/div>\r\n  <\/section>\r\n\r\n  <!-- ===== M2 \u00b7 ANTES \/ DESPU\u00c9S ===== -->\r\n  <section class=\"gcb-cmp-sec\" id=\"antes-despues\" aria-label=\"Antes y despu\u00e9s\">\r\n    <div class=\"gcb-wrap\">\r\n      <div class=\"gcb-cmp-head\">\r\n        <div>\r\n          <span class=\"gcb-kick rv\"><i class=\"ln\"><\/i> De una idea a una marca<\/span>\r\n          <h2 class=\"gcb-h2 rv\" style=\"--d:100\">Antes \/ <em>Despu\u00e9s<\/em><\/h2>\r\n        <\/div>\r\n        <p class=\"rv\" style=\"--d:160\">Una identidad bien construida cambia la forma en la que una empresa se\r\n          presenta al mundo. Descubre la diferencia: arrastra el tirador.<\/p>\r\n      <\/div>\r\n      <div class=\"gcb-cmp rv\" style=\"--d:140\" id=\"gcb-cmp\">\r\n        <img decoding=\"async\" class=\"after\" src=\"https:\/\/gmodelsspain.evolucionat.es\/wp-content\/uploads\/2026\/06\/com-branding.jpg\" onerror=\"this.onerror=null;this.src='https:\/\/v3b.fal.media\/files\/b\/0aa23c50\/eShVukyerb2YFroDkw9L-_76a9773a188c407bb53456e64589ee4b.jpg'\" alt=\"Marca despu\u00e9s del branding\">\r\n        <div class=\"before-clip\" aria-hidden=\"true\">\r\n          <img decoding=\"async\" src=\"https:\/\/gmodelsspain.evolucionat.es\/wp-content\/uploads\/2026\/06\/com-branding.jpg\" onerror=\"this.onerror=null;this.src='https:\/\/v3b.fal.media\/files\/b\/0aa23c50\/eShVukyerb2YFroDkw9L-_76a9773a188c407bb53456e64589ee4b.jpg'\" alt=\"\">\r\n        <\/div>\r\n        <span class=\"lbl a\">Antes<\/span>\r\n        <span class=\"lbl b\">Despu\u00e9s<\/span>\r\n        <div class=\"bar\" aria-hidden=\"true\"><\/div>\r\n        <div class=\"knob\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M8 7l-5 5 5 5M16 7l5 5-5 5\"\/><\/svg><\/div>\r\n        <input type=\"range\" min=\"0\" max=\"100\" value=\"50\" step=\"0.5\" aria-label=\"Comparador antes y despu\u00e9s\">\r\n      <\/div>\r\n      <p class=\"gcb-cmp-note\">\u2190 Arrastra para comparar \u2192<\/p>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ===== M3 \u00b7 QU\u00c9 INCLUYE ===== -->\r\n  <section class=\"gcb-inc\" id=\"que-incluye\" aria-label=\"Qu\u00e9 incluye\">\r\n    <div class=\"gcb-wrap\">\r\n      <div class=\"gcb-inc-head\">\r\n        <span class=\"gcb-kick rv\"><i class=\"ln\"><\/i> Qu\u00e9 incluye<\/span>\r\n        <h2 class=\"gcb-h2 rv\" style=\"--d:100\">Tu marca, <em>completa<\/em><\/h2>\r\n      <\/div>\r\n      <div class=\"gcb-item rv\"><span class=\"num\">01<\/span><b>Naming<\/b><p>Un nombre con identidad y sentido.<\/p><\/div>\r\n      <div class=\"gcb-item rv\" style=\"--d:60\"><span class=\"num\">02<\/span><b>Logotipo &amp; identidad visual<\/b><p>Dise\u00f1amos el universo visual de tu marca.<\/p><\/div>\r\n      <div class=\"gcb-item rv\" style=\"--d:120\"><span class=\"num\">03<\/span><b>Colores &amp; tipograf\u00edas<\/b><p>Una identidad visual coherente y reconocible.<\/p><\/div>\r\n      <div class=\"gcb-item rv\" style=\"--d:180\"><span class=\"num\">04<\/span><b>Tono de voz<\/b><p>Definimos c\u00f3mo habla y comunica tu marca.<\/p><\/div>\r\n      <div class=\"gcb-item rv\" style=\"--d:240\"><span class=\"num\">05<\/span><b>Manual de marca<\/b><p>Las pautas para mantener una identidad consistente.<\/p><\/div>\r\n      <div class=\"gcb-item rv\" style=\"--d:300\"><span class=\"num\">06<\/span><b>Aplicaciones<\/b><p>Papeler\u00eda, redes sociales, packaging, rotulaci\u00f3n y otros soportes.<\/p><\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ===== M4 \u00b7 PROCESO ===== -->\r\n  <section class=\"gcb-proc\" id=\"proceso\" aria-label=\"Proceso\">\r\n    <div class=\"gcb-wrap\">\r\n      <div class=\"gcb-proc-head\">\r\n        <span class=\"gcb-kick rv\"><i class=\"ln\"><\/i> C\u00f3mo trabajamos<\/span>\r\n        <h2 class=\"gcb-h2 rv\" style=\"--d:100\">De la idea al <em>lanzamiento<\/em><\/h2>\r\n      <\/div>\r\n      <div class=\"gcb-steps\" id=\"gcb-steps\">\r\n        <span class=\"gcb-vline\" aria-hidden=\"true\"><\/span>\r\n        <div class=\"gcb-step rv\"><span class=\"dot\" aria-hidden=\"true\"><\/span>\r\n          <h3><span>01<\/span>Descubrimos<\/h3><p>Escuchamos: tu negocio, tu competencia, tu cliente. Sin entender no hay marca.<\/p><\/div>\r\n        <div class=\"gcb-step rv\" style=\"--d:60\"><span class=\"dot\" aria-hidden=\"true\"><\/span>\r\n          <h3><span>02<\/span>Definimos<\/h3><p>La gran idea que sostiene todo: territorio de marca, posicionamiento y personalidad.<\/p><\/div>\r\n        <div class=\"gcb-step rv\" style=\"--d:120\"><span class=\"dot\" aria-hidden=\"true\"><\/span>\r\n          <h3><span>03<\/span>Dise\u00f1amos<\/h3><p>Identidad visual y verbal. Rondas de trabajo contigo hasta que diga exactamente lo que eres.<\/p><\/div>\r\n        <div class=\"gcb-step rv\" style=\"--d:180\"><span class=\"dot\" aria-hidden=\"true\"><\/span>\r\n          <h3><span>04<\/span>Lanzamos<\/h3><p>Manual, artes finales y acompa\u00f1amiento en la salida al mundo \u2014 dentro y fuera de tu empresa.<\/p><\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ===== M5 \u00b7 CTA FINAL ===== -->\r\n  <section class=\"gcb-final\" aria-label=\"Solicitar propuesta\">\r\n    <div class=\"gcb-final-in\">\r\n      <span class=\"gcb-kick rv\"><i class=\"ln\"><\/i> G\u00b7Comunicaci\u00f3n <i class=\"ln\"><\/i><\/span>\r\n      <h2 class=\"rv\" style=\"--d:100\">Haz que te <em>reconozcan<\/em>.<\/h2>\r\n      <p class=\"rv\" style=\"--d:180\">Tanto si empiezas desde cero como si tu marca necesita evolucionar, podemos\r\n        ayudarte a construir una identidad que realmente te represente.<\/p>\r\n      <div class=\"gcb-cta rv\" style=\"--d:260\">\r\n        <a class=\"gcb-btn gcb-btn-red\" href=\"#contacto\">Solicitar propuesta<\/a>\r\n        <a class=\"gcb-btn gcb-btn-out\" href=\"\/comunicacion\">Ver todos los servicios<\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n<\/div><!-- \/#gcb -->\r\n\r\n<!-- ===== EFECTOS: 100% inline (CSS + IO + rAF). Sin GSAP\/CDN. ===== -->\r\n<script>\r\n(function(){\r\n  var root=document.getElementById('gcb'); if(!root) return;\r\n  root.classList.add('gcb-ready');\r\n  var reduce=window.matchMedia('(prefers-reduced-motion:reduce)').matches;\r\n  var hasIO='IntersectionObserver' in window;\r\n\r\n  \/* sticky pese a overflow de Elementor *\/\r\n  (function(){ var el=root.parentElement, n=0;\r\n    while(el && el!==document.body && n<6){ var ov=getComputedStyle(el).overflow;\r\n      if(ov && ov.indexOf('visible')===-1){ el.style.overflow='visible'; } el=el.parentElement; n++; } })();\r\n\r\n  root.querySelectorAll('a[href=\"#\"]').forEach(function(a){ a.addEventListener('click', function(e){ e.preventDefault(); }); });\r\n\r\n  \/* revelado *\/\r\n  var rvs=root.querySelectorAll('.rv');\r\n  if(reduce || !hasIO){ rvs.forEach(function(el){ el.classList.add('in'); }); }\r\n  else { var io=new IntersectionObserver(function(es){ es.forEach(function(e){\r\n      if(e.isIntersecting){ e.target.classList.add('in'); io.unobserve(e.target); } }); },\r\n      { threshold:0.16, rootMargin:'0px 0px -8% 0px' });\r\n    rvs.forEach(function(el){ io.observe(el); }); }\r\n\r\n  \/* EFECTO-FIRMA 1: el titular se RELLENA de rojo con el scroll + FIRMA 3: l\u00ednea vertical del proceso *\/\r\n  var big=document.getElementById('gcb-big');\r\n  var cmpSec=root.querySelector('.gcb-cmp-sec');\r\n  var steps=document.getElementById('gcb-steps');\r\n  if(!reduce){\r\n    var tick=false;\r\n    var fx=function(){ tick=false; var vh=window.innerHeight||1;\r\n      if(big && cmpSec){\r\n        var mt=cmpSec.getBoundingClientRect().top;\r\n        var p=Math.min(1, Math.max(0, 1.25 - mt\/vh));       \/* empieza a llenarse con el primer scroll *\/\r\n        big.style.backgroundSize=(p*100).toFixed(2)+'% 100%';\r\n      }\r\n      if(steps){\r\n        var r=steps.getBoundingClientRect();\r\n        var q=Math.min(1, Math.max(0, (vh*0.82 - r.top)\/(r.height)));\r\n        steps.querySelector('.gcb-vline').style.transform='scaleY('+q.toFixed(3)+')';\r\n      }\r\n    };\r\n    window.addEventListener('scroll', function(){ if(!tick){ tick=true; requestAnimationFrame(fx); } }, {passive:true});\r\n    window.addEventListener('resize', fx); fx();\r\n  } else if(big){ big.style.backgroundSize='100% 100%'; }\r\n\r\n  \/* EFECTO-FIRMA 2: comparador antes\/despu\u00e9s *\/\r\n  var cmp=document.getElementById('gcb-cmp');\r\n  if(cmp){\r\n    var range=cmp.querySelector('input[type=range]');\r\n    var set=function(v){ cmp.style.setProperty('--pos', v+'%'); };\r\n    range.addEventListener('input', function(){ cmp.classList.add('used'); set(range.value); });\r\n    \/* arrastre directo con puntero (adem\u00e1s del range) *\/\r\n    var drag=function(clientX){ var r=cmp.getBoundingClientRect();\r\n      var v=Math.min(100, Math.max(0, (clientX - r.left)\/r.width*100));\r\n      range.value=v; cmp.classList.add('used'); set(v); };\r\n    cmp.addEventListener('pointerdown', function(e){ drag(e.clientX);\r\n      var mv=function(e2){ drag(e2.clientX); };\r\n      var up=function(){ window.removeEventListener('pointermove', mv); window.removeEventListener('pointerup', up); };\r\n      window.addEventListener('pointermove', mv); window.addEventListener('pointerup', up); });\r\n  }\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>G\u00b7Comunicaci\u00f3n \u2014 Servicios Branding Una marca es mucho m\u00e1s que un logotipo. Creamos identidades capaces de diferenciarse, comunicar y ser reconocidas. Cu\u00e9ntanos tu proyecto Ver la diferencia EstrategiaIdentidadDise\u00f1oMarca Baja y mira c\u00f3mo el nombre se llena de marca \u2193 Scroll De una idea a una marca Antes \/ Despu\u00e9s Una identidad bien construida cambia la [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":612,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"_joinchat":[],"footnotes":""},"class_list":["post-714","page","type-page","status-publish","hentry"],"acpt":{"meta":[]},"acf":[],"_links":{"self":[{"href":"https:\/\/gmodelsspain.evolucionat.es\/en\/wp-json\/wp\/v2\/pages\/714","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gmodelsspain.evolucionat.es\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gmodelsspain.evolucionat.es\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gmodelsspain.evolucionat.es\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gmodelsspain.evolucionat.es\/en\/wp-json\/wp\/v2\/comments?post=714"}],"version-history":[{"count":10,"href":"https:\/\/gmodelsspain.evolucionat.es\/en\/wp-json\/wp\/v2\/pages\/714\/revisions"}],"predecessor-version":[{"id":1304,"href":"https:\/\/gmodelsspain.evolucionat.es\/en\/wp-json\/wp\/v2\/pages\/714\/revisions\/1304"}],"up":[{"embeddable":true,"href":"https:\/\/gmodelsspain.evolucionat.es\/en\/wp-json\/wp\/v2\/pages\/612"}],"wp:attachment":[{"href":"https:\/\/gmodelsspain.evolucionat.es\/en\/wp-json\/wp\/v2\/media?parent=714"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}