{"id":718,"date":"2026-07-30T13:42:35","date_gmt":"2026-07-30T11:42:35","guid":{"rendered":"https:\/\/gmodelsspain.evolucionat.es\/?page_id=718"},"modified":"2026-09-22T00:24:47","modified_gmt":"2026-09-21T22:24:47","slug":"publicidad-campanas","status":"publish","type":"page","link":"https:\/\/gmodelsspain.evolucionat.es\/en\/comunicacion\/publicidad-campanas\/","title":{"rendered":"Publicidad &amp; Campa\u00f1as"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"718\" class=\"elementor elementor-718\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3c7be04 e-con e-atomic-element e-flexbox-base e-default-div e-3c7be04-778304c \" data-id=\"3c7be04\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"3c7be04\" data-e-type=\"e-flexbox\" data-id=\"3c7be04\">\n    \t\t<div class=\"elementor-element elementor-element-fd122a8 elementor-widget elementor-widget-html\" data-id=\"fd122a8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<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(#gcp, #gcp *){ box-sizing:border-box; margin:0; padding:0; }\r\nhtml{ scroll-behavior:smooth; }\r\n#gcp{\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#gcp img{ display:block; max-width:100%; }\r\n.gcp-wrap{ width:100%; max-width:var(--maxw); margin-inline:auto; padding-inline:var(--gut); }\r\n\r\n\/* ---- helpers ---- *\/\r\n.gcp-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.gcp-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.gcp-h2{ font-family:var(--serif); font-weight:500; line-height:.98; letter-spacing:-.01em; }\r\n.gcp-h2 em{ font-style:italic; color:var(--red); }\r\n.gcp-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.gcp-btn svg{ width:16px; height:16px; position:relative; z-index:1; transition:transform .35s var(--ease); }\r\n.gcp-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.gcp-btn:hover::after{ left:140%; }\r\n.gcp-btn:hover svg{ transform:translateX(4px); }\r\n.gcp-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.gcp-btn-red:hover{ background:transparent; transform:translateY(-2px); box-shadow:0 18px 42px rgba(208,13,38,.45); }\r\n.gcp-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.gcp-btn-out:hover{ background:#fff; color:var(--ink); border-color:#fff; transform:translateY(-2px); }\r\n.gcp-cta{ display:flex; flex-wrap:wrap; gap:14px; }\r\n\r\n\/* ---- revelado ---- *\/\r\n#gcp.gcp-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#gcp.gcp-ready .rv.in{ opacity:1; transform:none; }\r\n#gcp.gcp-ready .gcp-kick.rv .ln{ width:0; }\r\n#gcp.gcp-ready .gcp-kick.rv.in .ln{ width:46px; }\r\n#gcp.gcp-ready .gcp-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#gcp.gcp-ready .gcp-hero .rv.in{ filter:blur(0); }\r\n\r\n@keyframes gcp-pulse{ 0%,100%{ opacity:.25; transform:scaleY(.6); } 50%{ opacity:1; transform:scaleY(1); } }\r\n@keyframes gcp-grad{ 0%{ background-position:0% 50%; } 100%{ background-position:200% 50%; } }\r\n@keyframes gcp-blink{ 0%,100%{ opacity:1; } 50%{ opacity:.35; } }\r\n\r\n\/* ============ M1 \u00b7 HERO \u2014 EL FOCO (spotlight que sigue al cursor) ============ *\/\r\n.gcp-hero{ position:relative; min-height:100svh; display:flex; align-items:flex-end; overflow:hidden; background:#050507; cursor:crosshair; }\r\n.gcp-hero-bg{ position:absolute; inset:0; z-index:0; }\r\n.gcp-hero-bg img{ width:100%; height:100%; object-fit:cover; object-position:60% 30%; filter:contrast(1.06) saturate(1.08) brightness(.95); }\r\n\/* la oscuridad con el agujero del foco (variables --mx\/--my movidas por JS) *\/\r\n.gcp-spot{ position:absolute; inset:0; z-index:1; pointer-events:none;\r\n  background:radial-gradient(circle clamp(190px,24vw,430px) at var(--mx,72%) var(--my,38%),\r\n    transparent 0%, rgba(4,4,6,.45) 46%, rgba(4,4,6,.9) 74%, rgba(4,4,6,.97) 100%); }\r\n\/* halo del foco *\/\r\n.gcp-spot::after{ content:\"\"; position:absolute; left:var(--mx,72%); top:var(--my,38%); width:clamp(380px,48vw,860px); height:clamp(380px,48vw,860px); transform:translate(-50%,-50%); border-radius:50%; background:radial-gradient(circle, rgba(208,13,38,.14), transparent 60%); mix-blend-mode:screen; }\r\n.gcp-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.gcp-hero-in{ position:relative; z-index:3; width:100%; max-width:var(--maxw); margin-inline:auto; padding:clamp(96px,13vh,150px) var(--gut) clamp(80px,11vh,120px); }\r\n.gcp-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.gcp-back:hover{ border-color:var(--red); color:#fff; }\r\n.gcp-back svg{ width:13px; height:13px; }\r\n.gcp-h1{ font-family:var(--serif); font-weight:500; font-size:clamp(2.5rem,6.4vw,5.2rem); line-height:1; letter-spacing:-.01em; margin-top:clamp(16px,3vh,28px); max-width:14ch; text-shadow:0 8px 44px rgba(0,0,0,.8); }\r\n.gcp-h1 em{ font-style:italic; color:var(--red); }\r\n.gcp-hero-sub{ margin-top:clamp(14px,2.4vh,26px); max-width:46ch; font-size:clamp(1.02rem,1.4vw,1.2rem); font-weight:300; line-height:1.7; color:rgba(255,255,255,.85); }\r\n.gcp-hero-sub b{ color:#fff; font-weight:600; }\r\n.gcp-hero .gcp-cta{ margin-top:clamp(20px,3vh,34px); }\r\n.gcp-hint{ display:inline-flex; align-items:center; gap:9px; margin-top:clamp(16px,2.4vh,26px); font-size:.6rem; letter-spacing:.28em; text-transform:uppercase; color:rgba(255,255,255,.5); }\r\n.gcp-hint .dot{ width:8px; height:8px; border-radius:50%; background:var(--red); box-shadow:0 0 10px rgba(208,13,38,.9); animation:gcp-blink 2.2s ease-in-out infinite; }\r\n.gcp-hero-tags{ display:flex; gap:9px; flex-wrap:wrap; margin-top:clamp(16px,2.4vh,24px); }\r\n.gcp-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,.26); border-radius:40px; padding:8px 15px; }\r\n\r\n\/* ============ M2 \u00b7 CANALES (brillo que persigue al rat\u00f3n) ============ *\/\r\n.gcp-can{ position:relative; background:var(--ink2); color:#fff; padding:clamp(80px,11vh,140px) 0; overflow:hidden; }\r\n.gcp-can-head{ margin-bottom:clamp(28px,4.4vh,50px); }\r\n.gcp-can-head h2{ font-size:clamp(2.4rem,5.4vw,4.2rem); margin-top:12px; }\r\n.gcp-can-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:clamp(12px,1.4vw,20px); }\r\n.gcp-chan{ position:relative; border:1px solid var(--line); border-radius:10px; padding:clamp(22px,2.6vw,34px); background:rgba(255,255,255,.02); overflow:hidden; transition:transform .5s var(--ease), border-color .4s var(--ease); }\r\n.gcp-chan:hover{ transform:translateY(-6px); border-color:rgba(208,13,38,.6); }\r\n\/* el brillo que sigue al cursor dentro de la tarjeta *\/\r\n.gcp-chan::before{ content:\"\"; position:absolute; left:var(--gx,50%); top:var(--gy,50%); width:280px; height:280px; transform:translate(-50%,-50%); border-radius:50%; background:radial-gradient(circle, rgba(208,13,38,.22), transparent 62%); opacity:0; transition:opacity .35s var(--ease); pointer-events:none; }\r\n.gcp-chan:hover::before{ opacity:1; }\r\n.gcp-chan > *{ position:relative; z-index:1; }\r\n.gcp-chan h3{ font-family:var(--serif); font-weight:600; font-size:clamp(1.35rem,1.9vw,1.8rem); }\r\n.gcp-chan p{ margin-top:9px; font-size:clamp(.86rem,1vw,.95rem); font-weight:300; line-height:1.6; color:rgba(255,255,255,.72); }\r\n.gcp-chan .tag{ display:inline-block; margin-bottom:12px; font-size:.6rem; font-weight:800; letter-spacing:.18em; text-transform:uppercase; color:var(--red); border:1px solid rgba(208,13,38,.5); background:rgba(208,13,38,.1); border-radius:30px; padding:6px 12px; }\r\n\r\n\/* ============ M2B \u00b7 ESTRATEGIA ============ *\/\r\n.gcp-estr{ position:relative; background:var(--ink); color:#fff; padding:clamp(70px,10vh,120px) 0; overflow:hidden; border-top:1px solid var(--line); }\r\n\r\n\/* ============ M3 \u00b7 RESULTADOS (gr\u00e1fico de barras animado) ============ *\/\r\n.gcp-res{ position:relative; background:var(--ink); color:#fff; padding:clamp(84px,12vh,150px) 0; overflow:hidden; }\r\n.gcp-res::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.gcp-res-head{ text-align:center; margin-bottom:clamp(36px,5.4vh,64px); }\r\n.gcp-res-head .gcp-kick{ justify-content:center; }\r\n.gcp-res-head h2{ font-size:clamp(2.4rem,5.4vw,4.2rem); margin-top:12px; }\r\n.gcp-res-head p{ margin:14px auto 0; max-width:52ch; font-size:clamp(.92rem,1.1vw,1.02rem); font-weight:300; color:rgba(255,255,255,.65); }\r\n\/* CIFRAS ORIENTATIVAS de campa\u00f1as tipo \u2014 editar con datos reales *\/\r\n.gcp-chart{ display:flex; align-items:flex-end; gap:clamp(14px,2.4vw,40px); height:clamp(230px,36vh,360px); max-width:980px; margin-inline:auto; padding:0 var(--gut); }\r\n.gcp-col{ flex:1; height:100%; display:flex; flex-direction:column; align-items:center; justify-content:flex-end; gap:14px; }\r\n.gcp-bar{ position:relative; width:100%; max-width:110px; height:var(--h,60%); border-radius:8px 8px 0 0; background:linear-gradient(180deg, #ff4d63 0%, var(--red) 60%, #8e0a1c 100%); box-shadow:0 0 34px rgba(208,13,38,.35); transform:scaleY(0); transform-origin:bottom; transition:transform 1.3s var(--ease) var(--bd,0s); }\r\n.gcp-chart.in .gcp-bar{ transform:scaleY(1); }\r\n.gcp-bar b{ position:absolute; left:50%; top:-14px; transform:translate(-50%,-100%); font-family:var(--serif); font-weight:600; font-size:clamp(1.3rem,2.4vw,2.2rem); white-space:nowrap; opacity:0; transition:opacity .6s var(--ease) calc(var(--bd,0s) + .9s); }\r\n.gcp-chart.in .gcp-bar b{ opacity:1; }\r\n.gcp-col small{ font-size:clamp(.6rem,.9vw,.72rem); font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:rgba(255,255,255,.55); text-align:center; }\r\n.gcp-res-note{ text-align:center; margin-top:clamp(22px,3.4vh,36px); font-size:.62rem; letter-spacing:.2em; text-transform:uppercase; color:rgba(255,255,255,.4); }\r\n\r\n\/* ============ M4 \u00b7 PROCESO (storyboard con encuadres de c\u00e1mara) ============ *\/\r\n.gcp-story{ position:relative; background:var(--ink2); color:#fff; padding:clamp(80px,11vh,140px) 0; overflow:hidden; }\r\n.gcp-story-head{ margin-bottom:clamp(30px,4.6vh,54px); }\r\n.gcp-story-head h2{ font-size:clamp(2.4rem,5.4vw,4.2rem); margin-top:12px; }\r\n.gcp-story-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:clamp(12px,1.6vw,22px); }\r\n.gcp-shot{ position:relative; padding:clamp(24px,2.8vw,38px) clamp(18px,2.2vw,28px); min-height:230px; display:flex; flex-direction:column; background:rgba(255,255,255,.02); transition:background .4s var(--ease), transform .5s var(--ease); }\r\n.gcp-shot:hover{ background:rgba(208,13,38,.07); transform:translateY(-6px); }\r\n\/* esquinas de encuadre (viewfinder) *\/\r\n.gcp-shot i{ position:absolute; width:22px; height:22px; border:2px solid rgba(255,255,255,.35); transition:border-color .4s var(--ease), width .4s var(--ease), height .4s var(--ease); }\r\n.gcp-shot i:nth-child(1){ top:0; left:0; border-right:0; border-bottom:0; }\r\n.gcp-shot i:nth-child(2){ top:0; right:0; border-left:0; border-bottom:0; }\r\n.gcp-shot i:nth-child(3){ bottom:0; left:0; border-right:0; border-top:0; }\r\n.gcp-shot i:nth-child(4){ bottom:0; right:0; border-left:0; border-top:0; }\r\n.gcp-shot:hover i{ border-color:var(--red); width:30px; height:30px; }\r\n.gcp-shot .esc{ font-size:.6rem; font-weight:800; letter-spacing:.24em; text-transform:uppercase; color:var(--red); }\r\n.gcp-shot h3{ margin-top:10px; font-family:var(--serif); font-weight:600; font-size:clamp(1.35rem,1.9vw,1.8rem); }\r\n.gcp-shot p{ margin-top:10px; font-size:clamp(.85rem,1vw,.95rem); font-weight:300; line-height:1.6; color:rgba(255,255,255,.72); }\r\n.gcp-shot .rec{ margin-top:auto; padding-top:16px; display:inline-flex; align-items:center; gap:8px; font-size:.58rem; font-weight:700; letter-spacing:.24em; text-transform:uppercase; color:rgba(255,255,255,.4); }\r\n.gcp-shot .rec::before{ content:\"\"; width:9px; height:9px; border-radius:50%; background:var(--red); animation:gcp-blink 1.6s ease-in-out infinite; }\r\n\r\n\/* ============ M5 \u00b7 CTA FINAL ============ *\/\r\n.gcp-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:gcp-grad 14s linear infinite; }\r\n.gcp-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.gcp-final-in{ position:relative; z-index:2; max-width:880px; margin:0 auto; }\r\n.gcp-final .gcp-kick{ justify-content:center; color:rgba(255,255,255,.85); }\r\n.gcp-final .gcp-kick .ln{ background:#fff; box-shadow:none; }\r\n.gcp-final h2{ font-family:var(--serif); font-weight:500; font-size:clamp(2.6rem,7vw,5.4rem); line-height:1; margin-top:14px; }\r\n.gcp-final h2 em{ font-style:italic; }\r\n.gcp-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.gcp-final .gcp-cta{ justify-content:center; margin-top:clamp(30px,4vh,46px); }\r\n.gcp-final .gcp-btn-red{ background:#fff; color:var(--red); border-color:#fff; box-shadow:0 14px 40px rgba(0,0,0,.3); }\r\n.gcp-final .gcp-btn-red:hover{ background:transparent; color:#fff; }\r\n.gcp-final .gcp-btn-out{ border-color:rgba(255,255,255,.85); }\r\n\r\n\/* ============ RESPONSIVE ============ *\/\r\n@media(max-width:1000px){ .gcp-can-grid{ grid-template-columns:repeat(2,1fr); } .gcp-story-grid{ grid-template-columns:repeat(2,1fr); } }\r\n@media(max-width:900px){\r\n  .gcp-hero{ cursor:default; }\r\n  .gcp-chart{ height:clamp(200px,30vh,280px); gap:12px; }\r\n}\r\n@media(max-width:560px){\r\n  .gcp-can-grid{ grid-template-columns:1fr; }\r\n  .gcp-story-grid{ grid-template-columns:1fr; }\r\n  .gcp-shot{ min-height:0; }\r\n  .gcp-cta{ flex-direction:column; align-items:stretch; } .gcp-btn{ justify-content:center; }\r\n  .gcp-bar{ max-width:64px; }\r\n  .gcp-bar b{ font-size:1.05rem; }\r\n  .gcp-col small{ font-size:.52rem; letter-spacing:.1em; }\r\n}\r\n@media (prefers-reduced-motion:reduce){\r\n  #gcp *{ animation:none !important; }\r\n  html{ scroll-behavior:auto; }\r\n  #gcp.gcp-ready .rv, #gcp.gcp-ready .rv.in{ opacity:1 !important; transform:none !important; }\r\n  .gcp-chart .gcp-bar{ transform:scaleY(1) !important; } .gcp-chart .gcp-bar b{ opacity:1 !important; }\r\n  .gcp-spot{ background:radial-gradient(circle 90vmax at 50% 40%, transparent 0%, rgba(4,4,6,.5) 70%) !important; }\r\n}\r\n\r\n\/* ============ ROBUSTEZ EN WORDPRESS \/ ELEMENTOR ============ *\/\r\n#gcp a{ text-decoration:none; }\r\n\/* ANTI-AZUL del tema WP *\/\r\n#gcp a, #gcp a:visited, #gcp a:hover, #gcp a:focus, #gcp a:active{ color:#fff !important; }\r\n#gcp .gcp-btn-out:hover, #gcp .gcp-btn-out:focus{ color:var(--ink) !important; }\r\n#gcp .gcp-final .gcp-btn-red{ color:var(--red) !important; }\r\n#gcp .gcp-final .gcp-btn-red:hover{ color:#fff !important; }\r\n#gcp .gcp-back{ color:rgba(255,255,255,.65) !important; }\r\n#gcp .gcp-back:hover{ color:#fff !important; }\r\n#gcp .gcp-shot .esc{ color:var(--red) !important; }\r\n\/* EFECTO CARD *\/\r\n#gcp > .gcp-hero{ position:sticky; top:0; z-index:1; }\r\n#gcp > .gcp-can{ 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#gcp > .gcp-estr{ position:relative; z-index:3; border-radius:clamp(20px,2.6vw,36px) !important; box-shadow:0 18px 50px rgba(0,0,0,.4) !important; }\r\n#gcp > .gcp-res{ position:sticky; top:0; z-index:4; }\r\n#gcp > .gcp-story{ position:relative; z-index:5; 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#gcp > .gcp-final{ position:relative; z-index:6; 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=\"gcp\">\r\n\r\n  <!-- ===== M1 \u00b7 HERO (spotlight) ===== -->\r\n  <section class=\"gcp-hero\" id=\"inicio\" aria-label=\"Publicidad y campa\u00f1as\">\r\n    <div class=\"gcp-hero-bg\" aria-hidden=\"true\">\r\n      <img decoding=\"async\" src=\"https:\/\/gmodelsspain.evolucionat.es\/wp-content\/uploads\/2026\/06\/com-publicidad.jpg\" onerror=\"this.onerror=null;this.src='https:\/\/v3b.fal.media\/files\/b\/0aa23c53\/Bab6f_XSYNGDCIKlFO3Ra_f5c3ccb9b14c48c099fe7988d4f92911.jpg'\" alt=\"\">\r\n    <\/div>\r\n    <div class=\"gcp-spot\" id=\"gcp-spot\" aria-hidden=\"true\"><\/div>\r\n    <div class=\"gcp-hero-grain\" aria-hidden=\"true\"><\/div>\r\n    <div class=\"gcp-hero-in\">\r\n      <a class=\"gcp-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=\"gcp-h1 rv\" style=\"--d:180\">Ponemos tu marca bajo el <em>foco<\/em>.<\/h1>\r\n      <p class=\"gcp-hero-sub rv\" style=\"--d:420\">Creamos campa\u00f1as que combinan <b>estrategia, creatividad y difusi\u00f3n<\/b> para conectar tu marca con el p\u00fablico adecuado. Desde una acci\u00f3n puntual hasta una campa\u00f1a completa.<\/p>\r\n      <div class=\"gcp-cta rv\" style=\"--d:620\">\r\n        <a class=\"gcp-btn gcp-btn-red\" href=\"#contacto\">Solicitar propuesta\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=\"gcp-btn gcp-btn-out\" href=\"#canales\">Ver canales<\/a>\r\n      <\/div>\r\n      <span class=\"gcp-hint rv\" style=\"--d:800\"><span class=\"dot\"><\/span> Mueve el rat\u00f3n: t\u00fa controlas el foco<\/span>\r\n      <div class=\"gcp-hero-tags rv\" style=\"--d:900\">\r\n        <span>Estrategia<\/span><span>Creatividad<\/span><span>Publicidad<\/span><span>Medios<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ===== M2 \u00b7 CANALES ===== -->\r\n  <section class=\"gcp-can\" id=\"canales\" aria-label=\"Canales\">\r\n    <div class=\"gcp-wrap\">\r\n      <div class=\"gcp-can-head\">\r\n        <span class=\"gcp-kick rv\"><i class=\"ln\"><\/i> Canales<\/span>\r\n        <h2 class=\"gcp-h2 rv\" style=\"--d:100\">Una idea. Todos los <em>canales<\/em><\/h2>\r\n      <\/div>\r\n      <div class=\"gcp-can-grid\">\r\n        <div class=\"gcp-chan rv\"><span class=\"tag\">Paid Social<\/span><h3>Meta Ads<\/h3><p>Campa\u00f1as en Instagram y Facebook.<\/p><\/div>\r\n        <div class=\"gcp-chan rv\" style=\"--d:70\"><span class=\"tag\">Search<\/span><h3>Google Ads<\/h3><p>B\u00fasqueda, Display y YouTube.<\/p><\/div>\r\n        <div class=\"gcp-chan rv\" style=\"--d:140\"><span class=\"tag\">V\u00eddeo corto<\/span><h3>TikTok Ads<\/h3><p>Campa\u00f1as adaptadas al lenguaje de la plataforma.<\/p><\/div>\r\n        <div class=\"gcp-chan rv\" style=\"--d:210\"><span class=\"tag\">Medios<\/span><h3>Prensa &amp; Medios<\/h3><p>Comunicaci\u00f3n, presencia y acciones en medios.<\/p><\/div>\r\n        <div class=\"gcp-chan rv\" style=\"--d:280\"><span class=\"tag\">Talento<\/span><h3>Influencers &amp; Talento<\/h3><p>Modelos, influencers y creadores para conectar marcas con nuevas audiencias.<\/p><\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ===== M2B \u00b7 ESTRATEGIA ===== -->\r\n  <section class=\"gcp-estr\" aria-label=\"Estrategia\">\r\n    <div class=\"gcp-wrap\" style=\"max-width:820px;margin-inline:auto;text-align:center\">\r\n      <span class=\"gcp-kick rv\" style=\"justify-content:center\"><i class=\"ln\"><\/i> Estrategia <i class=\"ln\"><\/i><\/span>\r\n      <h2 class=\"gcp-h2 rv\" style=\"--d:100;font-size:clamp(2rem,4.6vw,3.4rem);margin-top:12px\">No se trata solo de que <em>te vean<\/em><\/h2>\r\n      <p class=\"rv\" style=\"--d:180;margin-top:16px;font-size:clamp(1rem,1.2vw,1.1rem);font-weight:300;color:rgba(255,255,255,.85)\">\r\n        <b style=\"color:#fff\">Se trata de llegar a las personas adecuadas.<\/b> Definimos el objetivo,\r\n        desarrollamos el concepto y seleccionamos los canales m\u00e1s adecuados para cada campa\u00f1a.<\/p>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ===== M3 \u00b7 RESULTADOS (gr\u00e1fico de barras) \u2014 CIFRAS ORIENTATIVAS, editables ===== -->\r\n  <section class=\"gcp-res\" id=\"resultados\" aria-label=\"Resultados\">\r\n    <div class=\"gcp-wrap\">\r\n      <div class=\"gcp-res-head\">\r\n        <span class=\"gcp-kick rv\"><i class=\"ln\"><\/i> Lo que importa <i class=\"ln\"><\/i><\/span>\r\n        <h2 class=\"gcp-h2 rv\" style=\"--d:100\">Resultados que se <em>miden<\/em><\/h2>\r\n        <p class=\"rv\" style=\"--d:160\">Crecimiento medio de nuestras campa\u00f1as frente al punto de partida del cliente.<\/p>\r\n      <\/div>\r\n      <div class=\"gcp-chart rv\" id=\"gcp-chart\">\r\n        <div class=\"gcp-col\"><div class=\"gcp-bar\" style=\"--h:72%; --bd:0s\"><b>+320%<\/b><\/div><small>Alcance<\/small><\/div>\r\n        <div class=\"gcp-col\"><div class=\"gcp-bar\" style=\"--h:56%; --bd:.15s\"><b>+180%<\/b><\/div><small>Interacci\u00f3n<\/small><\/div>\r\n        <div class=\"gcp-col\"><div class=\"gcp-bar\" style=\"--h:64%; --bd:.3s\"><b>+240%<\/b><\/div><small>Tr\u00e1fico web<\/small><\/div>\r\n        <div class=\"gcp-col\"><div class=\"gcp-bar\" style=\"--h:88%; --bd:.45s\"><b>\u00d74<\/b><\/div><small>Retorno (ROAS)<\/small><\/div>\r\n      <\/div>\r\n      <p class=\"gcp-res-note\">Datos medios orientativos \u00b7 cada campa\u00f1a se reporta con sus m\u00e9tricas reales<\/p>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ===== M4 \u00b7 PROCESO (storyboard) ===== -->\r\n  <section class=\"gcp-story\" id=\"proceso\" aria-label=\"Proceso\">\r\n    <div class=\"gcp-wrap\">\r\n      <div class=\"gcp-story-head\">\r\n        <span class=\"gcp-kick rv\"><i class=\"ln\"><\/i> C\u00f3mo rodamos tu campa\u00f1a<\/span>\r\n        <h2 class=\"gcp-h2 rv\" style=\"--d:100\">El <em>storyboard<\/em><\/h2>\r\n      <\/div>\r\n      <div class=\"gcp-story-grid\">\r\n        <div class=\"gcp-shot rv\"><i><\/i><i><\/i><i><\/i><i><\/i>\r\n          <span class=\"esc\">Escena 01<\/span><h3>Brief &amp; estrategia<\/h3>\r\n          <p>Objetivo, p\u00fablico y presupuesto. Decidimos d\u00f3nde pega m\u00e1s fuerte cada euro.<\/p>\r\n          <span class=\"rec\">Rec<\/span><\/div>\r\n        <div class=\"gcp-shot rv\" style=\"--d:80\"><i><\/i><i><\/i><i><\/i><i><\/i>\r\n          <span class=\"esc\">Escena 02<\/span><h3>Concepto creativo<\/h3>\r\n          <p>La idea que sostiene la campa\u00f1a \u2014 y las piezas que la cuentan en cada canal.<\/p>\r\n          <span class=\"rec\">Rec<\/span><\/div>\r\n        <div class=\"gcp-shot rv\" style=\"--d:160\"><i><\/i><i><\/i><i><\/i><i><\/i>\r\n          <span class=\"esc\">Escena 03<\/span><h3>Producci\u00f3n &amp; lanzamiento<\/h3>\r\n          <p>Rodaje, dise\u00f1o y puesta en marcha con nuestro talento y nuestro estudio.<\/p>\r\n          <span class=\"rec\">Rec<\/span><\/div>\r\n        <div class=\"gcp-shot rv\" style=\"--d:240\"><i><\/i><i><\/i><i><\/i><i><\/i>\r\n          <span class=\"esc\">Escena 04<\/span><h3>Medici\u00f3n &amp; optimizaci\u00f3n<\/h3>\r\n          <p>Analizamos resultados y optimizamos la estrategia.<\/p>\r\n          <span class=\"rec\">Rec<\/span><\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ===== M5 \u00b7 CTA FINAL ===== -->\r\n  <section class=\"gcp-final\" aria-label=\"Solicitar propuesta\">\r\n    <div class=\"gcp-final-in\">\r\n      <span class=\"gcp-kick rv\"><i class=\"ln\"><\/i> Tu pr\u00f3xima campa\u00f1a <i class=\"ln\"><\/i><\/span>\r\n      <h2 class=\"rv\" style=\"--d:100\">Hagamos que te <em>vean<\/em>.<\/h2>\r\n      <p class=\"rv\" style=\"--d:180\">Cu\u00e9ntanos qu\u00e9 quieres conseguir. Nosotros nos encargamos de convertirlo en una campa\u00f1a.<\/p>\r\n      <div class=\"gcp-cta rv\" style=\"--d:260\">\r\n        <a class=\"gcp-btn gcp-btn-red\" href=\"#contacto\">Solicitar propuesta<\/a>\r\n        <a class=\"gcp-btn gcp-btn-out\" href=\"\/comunicacion\">Ver todos los servicios<\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n<\/div><!-- \/#gcp -->\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('gcp'); if(!root) return;\r\n  root.classList.add('gcp-ready');\r\n  var reduce=window.matchMedia('(prefers-reduced-motion:reduce)').matches;\r\n  var hasIO='IntersectionObserver' in window;\r\n\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 foco sigue al cursor; sin rat\u00f3n (t\u00e1ctil) orbita solo *\/\r\n  var hero=root.querySelector('.gcp-hero'), spot=document.getElementById('gcp-spot');\r\n  if(hero && spot && !reduce){\r\n    var mx=72, my=38, tx=72, ty=38, manual=false, raf=null, t0=performance.now();\r\n    var loop=function(now){\r\n      if(!manual){ \/* \u00f3rbita autom\u00e1tica suave *\/\r\n        var t=(now-t0)\/1000;\r\n        tx=55 + Math.cos(t*0.5)*26; ty=42 + Math.sin(t*0.7)*20;\r\n      }\r\n      mx+=(tx-mx)*0.09; my+=(ty-my)*0.09;\r\n      spot.style.setProperty('--mx', mx.toFixed(2)+'%');\r\n      spot.style.setProperty('--my', my.toFixed(2)+'%');\r\n      raf=requestAnimationFrame(loop);\r\n    };\r\n    raf=requestAnimationFrame(loop);\r\n    hero.addEventListener('pointermove', function(e){\r\n      if(e.pointerType==='mouse'){ manual=true;\r\n        var r=hero.getBoundingClientRect();\r\n        tx=(e.clientX-r.left)\/r.width*100; ty=(e.clientY-r.top)\/r.height*100; }\r\n    });\r\n    hero.addEventListener('pointerleave', function(){ manual=false; t0=performance.now(); });\r\n  }\r\n\r\n  \/* EFECTO-FIRMA 2: brillo que persigue al rat\u00f3n en las tarjetas de canal *\/\r\n  root.querySelectorAll('.gcp-chan').forEach(function(card){\r\n    card.addEventListener('pointermove', function(e){\r\n      if(e.pointerType!=='mouse') return;\r\n      var r=card.getBoundingClientRect();\r\n      card.style.setProperty('--gx', ((e.clientX-r.left)\/r.width*100).toFixed(1)+'%');\r\n      card.style.setProperty('--gy', ((e.clientY-r.top)\/r.height*100).toFixed(1)+'%');\r\n    });\r\n  });\r\n\r\n  \/* EFECTO-FIRMA 3: gr\u00e1fico de barras al entrar en pantalla *\/\r\n  var chart=document.getElementById('gcp-chart');\r\n  if(chart){\r\n    if(reduce || !hasIO){ chart.classList.add('in'); }\r\n    else { new IntersectionObserver(function(es,obs){ es.forEach(function(e){\r\n        if(e.isIntersecting){ chart.classList.add('in'); obs.unobserve(chart); } }); },\r\n        { threshold:0.35 }).observe(chart); }\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 Ponemos tu marca bajo el foco. Creamos campa\u00f1as que combinan estrategia, creatividad y difusi\u00f3n para conectar tu marca con el p\u00fablico adecuado. Desde una acci\u00f3n puntual hasta una campa\u00f1a completa. Solicitar propuesta Ver canales Mueve el rat\u00f3n: t\u00fa controlas el foco EstrategiaCreatividadPublicidadMedios Canales Una idea. Todos los canales Paid Social Meta Ads [&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-718","page","type-page","status-publish","hentry"],"acpt":{"meta":[]},"acf":[],"_links":{"self":[{"href":"https:\/\/gmodelsspain.evolucionat.es\/en\/wp-json\/wp\/v2\/pages\/718","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=718"}],"version-history":[{"count":10,"href":"https:\/\/gmodelsspain.evolucionat.es\/en\/wp-json\/wp\/v2\/pages\/718\/revisions"}],"predecessor-version":[{"id":1310,"href":"https:\/\/gmodelsspain.evolucionat.es\/en\/wp-json\/wp\/v2\/pages\/718\/revisions\/1310"}],"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=718"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}