1<!DOCTYPE html><html lang="es" data-wf-domain="www.templetonagencia.com" data-wf-page="648c2cf764f58674cfda3c74" data-wf-site="62bad7c35e24a64dad8c7b0b"><head><meta charset="utf-8"/>
1<script>/* Solo el dominio de producción se indexa: las previews (github.io, localhostâ¦) no */if(!/(^|\.)templetonagencia\.com$/.test(location.hostname)){var m=document.createElement("meta");m.name="robots";m.content="noindex,nofollow";document.head.appendChild(m);}</script>
1<title>Templeton | Creative Partner, agencia de publicidad en Barcelona</title><meta content="Somos una agencia de publicidad que trabaja como Creative Partner con marcas, comunidades y agentes que entienden su poder para impactar en su negocio." name="description"/><meta content="Templeton | Creative Partner, agencia de publicidad en Barcelona" property="og:title"/><meta content="Somos una agencia de publicidad que trabaja como Creative Partner con marcas, comunidades y agentes que entienden su poder para impactar en su negocio." property="og:description"/><meta content="Templeton | Creative Partner, agencia de publicidad en Barcelona" name="twitter:title"/><meta content="Somos una agencia de publicidad que trabaja como Creative Partner con marcas, comunidades y agentes que entienden su poder para impactar en su negocio." name="twitter:description"/><meta property="og:type" content="website"/><meta content="summary_large_image" name="twitter:card"/><meta content="width=device-width, initial-scale=1" name="viewport"/><link rel="canonical" href="https://www.templetonagencia.com/"/><meta name="robots" content="index,follow,max-image-preview:large"/><meta property="og:url" content="https://www.templetonagencia.com/"/><meta property="og:site_name" content="Templeton"/><meta property="og:locale" content="es_ES"/><meta property="og:image" content="https://www.templetonagencia.com/assets/images/og-templeton.jpg"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="630"/><meta property="og:image:alt" content="Logotipo de Templeton"/><meta name="twitter:image" content="https://www.templetonagencia.com/assets/images/og-templeton.jpg"/><meta name="theme-color" content="#000000"/>
1<script type="application/ld+json">{"@context": "https://schema.org", "@graph": [{"@type": "Organization", "name": "Templeton", "legalName": "SRTA. TEMPLETON, S.L.", "taxID": "B63601280", "description": "Agencia de publicidad que trabaja como Creative Partner con marcas, comunidades y agentes.", "url": "https://www.templetonagencia.com/", "logo": "https://www.templetonagencia.com/assets/images/templeton-logo-600.png", "image": "https://www.templetonagencia.com/assets/images/og-templeton.jpg", "address": {"@type": "PostalAddress", "streetAddress": "C/ Còrsega, 276, Principal 2ª", "postalCode": "08008", "addressLocality": "Barcelona", "addressRegion": "Barcelona", "addressCountry": "ES"}, "@id": "https://www.templetonagencia.com/#organization", "telephone": "+34 932 03 09 51", "email": "[email protected]", "sameAs": ["https://www.linkedin.com/company/templeton-agencia/", "https://www.instagram.com/templetonagencia/"], "contactPoint": {"@type": "ContactPoint", "contactType": "customer service", "telephone": "+34 932 03 09 51", "email": "[email protected]", "areaServed": "ES", "availableLanguage": ["es", "ca", "en"]}}, {"@type": "WebSite", "@id": "https://www.templetonagencia.com/#website", "url": "https://www.templetonagencia.com/", "name": "Templeton", "inLanguage": "es", "publisher": {"@id": "https://www.templetonagencia.com/#organization"}}]}</script>
1<link href="assets/css/templeton.webflow.shared.9a90376dd.min-999488.css" rel="stylesheet" type="text/css"/><link href="assets/css/ajustes.css" rel="stylesheet" type="text/css"/>
1<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
1<link href="assets/images/Favicon-7c6d83.png" rel="icon" type="image/png"/><link href="assets/images/WebClip-b916f0.png" rel="apple-touch-icon"/><style> 2body::-webkit-scrollbar { 3 display: none; 4} 5 6body { 7 -ms-overflow-style: none; /* IE and Edge */ 8 scrollbar-width: none; /* Firefox */ 9} 10</style> 11 12<link rel="stylesheet" href="assets/vendor/splide-core-4.0.17.min.css"> 13 14</head><body class="body"><div class="w-embed"><style> 15body { 16 overflow-y: hidden; /* Hide vertical scrollbar */ 17 overflow-x: hidden; /* Hide horizontal scrollbar */ 18 font-size: 1vw; 19} 20 21.cursor { 22 pointer-events: none; 23} 24 25/* Cursor propio: el navegador volvÃa a mostrar su puntero sobre formulario, enlaces y botones */ 26@media (hover: hover) and (pointer: fine) { 27 .body, .body * { 28 cursor: none !important; 29 } 30} 31 32body:hover .cursor { 33 opacity: 1; 34} 35 36a { 37 color: inherit; 38} 39 40select { 41 42-webkit-appearance: none; 43-moz-appearance: none; 44appearance: none; 45 46-moz-border-radius: 3px; 47-webkit-border-radius: 3px; 48border-radius: 3px; 49background: no-repeat; 50background-position: right center; 51background-color: #CCCCCC; 52color: #000000; 53border: 1px solid #000000; 54 55} 56</style></div><aside id="cookieOverlay" class="cookieoverlay"></aside><div id="cookieConsent" class="cookieconsent"><figure id="cookie-banner" data-cookie-banner="" class="fs-cc-component"><div class="fs-cc-banner_component"><div class="fs-cc-banner_container"><div class="fs-cc-banner_text">Utilizamos cookies propias y de terceros para mejorar la web mediante el análisis de la navegación, personalizar el contenido mediante tus preferencias, ofrecer funciones de redes sociales y mostrar publicidad personalizada en base a un perfil elaborado a partir de tus hábitos de navegación. Asimismo, el uso de cookies de terceros puede conllevar la transferencia internacional de tus datos a otros paÃses, potencialmente EEUU, dónde no existe un nivel de protección adecuado o equivalente al europeo. <br/><br/>Para más información, incluyendo aquellas cookies que conllevan una transferencia internacional de tus datos, puedes consultar nuestra polÃtica de cookies <a href="./politica-de-cookies/" class="link-6">AQUÃ</a>. Puedes aceptar todas las cookies mediante el botón âAceptarâ o rechazarlas mediante elbotón âRechazarâ. Puedes configurar su uso pulsando en âConfiguración de cookies".</div><div class="fs-cc-banner_buttons-wrapper"><a id="cookie-settings" data-cookie-settings="" href="#" class="fs-cc-banner_text-link">Configuración de cookies</a><div class="buttons_wrapper"><a id="reject-cookies" data-reject-cookies="" href="#" class="fs-cc-banner_button-2 w-button">Rechazar</a><a id="accept-cookies" data-accept-cookies="" href="#" class="fs-cc-banner_button w-button">Aceptar</a></div></div></div><div fs-cc="interaction" class="fs-cc-banner_trigger"></div></div><div id="cookie-preferences" data-cookie-preferences="" class="fs-cc-prefs_component w-form"><form method="get" name="wf-form-Cookie-Preferences" data-name="Cookie Preferences" class="fs-cc-prefs_container" data-wf-page-id="648c2cf764f58674cfda3c74" data-wf-element-id="84161075-1e6a-2570-0b2d-530584099093"><div fs-cc="close" class="fs-cc-prefs_close close-preferences"><div class="fs-cc-preferences2_close-icon w-embed"><svg fill="currentColor" aria-hidden="true" focusable="false" viewBox="0 0 16 16"> 57 <path d="M9.414 8l4.293-4.293-1.414-1.414L8 6.586 3.707 2.293 2.293 3.707 6.586 8l-4.293 4.293 1.414 1.414L8 9.414l4.293 4.293 1.414-1.414L9.414 8z"></path> 58</svg></div></div><div class="fs-cc-prefs_content"><div class="fs-cc-prefs_space-small"><div class="fs-cc-prefs_title-2">Centro de preferencias de privacidad</div></div><div class="fs-cc-prefs_space-small"><div class="fs-cc-prefs_text-2">Cuando usted visita sitios web, éstos pueden almacenar o recuperar datos en su navegador. Este almacenamiento suele ser necesario para la funcionalidad básica del sitio web. El almacenamiento puede utilizarse para el marketing, el análisis y la personalización del sitio, como el almacenamiento de sus preferencias. <br/><br/>La privacidad es importante para nosotros, por lo que tiene la opción de desactivar ciertos tipos de almacenamiento que pueden no ser necesarios para el funcionamiento básico del sitio web. El bloqueo de las categorÃas puede afectar a su experiencia en el sitio web.<br/>â</div></div><div class="fs-cc-prefs_space-medium"><a href="#" class="fs-cc-prefs_button-2 fs-cc-button-alt reject-cookies w-button">Rechazar todo</a><a href="#" class="fs-cc-prefs_button-2 accept-cookies w-button">Permitir todo</a></div><div class="fs-cc-prefs_space-small"><div class="fs-cc-prefs_title-2">Gestionar las preferencias de consentimiento por categorÃas</div></div><div class="fs-cc-prefs_option"><div class="fs-cc-prefs_toggle-wrapper"><div class="fs-cc-prefs_label-2">Cookies técnicas esenciales</div><div class="fs-cc-prefs_text-2"><strong>Siempre activas</strong></div></div><div class="fs-cc-prefs_text-2">Son necesarias para gestionar la navegación dentro de la web o para mantener al usuario conectado. No se pueden desactivar porque afectarÃa al funcionamiento de la web.</div></div><div class="fs-cc-prefs_option"><div class="fs-cc-prefs_toggle-wrapper"><div class="fs-cc-prefs_label-2">Cookies analÃticas</div><label class="w-checkbox fs-cc-prefs_checkbox-field"><input type="checkbox" id="analytics-2" name="analytics-2" data-name="Analytics 2" class="w-checkbox-input fs-cc-prefs_checkbox-2"/><span for="analytics-2" class="fs-cc-prefs_checkbox-label w-form-label">Essential</span><div class="fs-cc-prefs_toggle"></div></label></div><div class="fs-cc-prefs_text-2">Nos ayudan a nosotros y a terceros a recopilar información sobre el uso de la web, a efectos de realizar un análisis estadÃstico para poder mejorar la estructura y los contenidos.</div></div><div class="fs-cc-prefs_buttons-wrapper"><a href="#" class="fs-cc-prefs_button save-preferences w-button">Confirmar selección y cerrar</a></div><input type="submit" data-wait="Please wait..." class="fs-cc-prefs_submit-hide w-button" value="Submit"/><div class="w-embed"><style> 59/* smooth scrolling on iOS devices */ 60.fs-cc-prefs_content{-webkit-overflow-scrolling: touch} 61</style></div></div></form><div class="w-form-done"></div><div class="w-form-fail"></div><div fs-cc="close" class="fs-cc-prefs_overlay"></div><div fs-cc="interaction" class="fs-cc-prefs_trigger"></div></div></figure></div>
61<script src="assets/js/consentimiento.js"></script>
61<figure class="pop-up-modal"><a id="btnPause" href="javascript:void(0)" aria-label="Cerrar vÃdeo" class="link-block-4 w-inline-block"><div data-w-id="a56c1967-97a9-f580-84ea-348d147784b0" class="exit-button"><img src="assets/images/close-73b6ef.svg" loading="lazy" alt=""/></div></a><div class="pop-up"><div class="video-wrapper"><div class="html-embed-8 w-embed w-iframe"><div style="padding-top:; position:;"> 62<iframe data-src="https://player.vimeo.com/video/754716660?h=ff9783dba4&dnt=1" title="VÃdeo de Templeton en Vimeo" 63style=" position: absolute; 64 top: 0; 65 left: 0; 66 bottom: 0; 67 right: 0; 68 width: 100%; 69 height: 100%;" 70frameborder="0" 71allow="autoplay; fullscreen; picture-in-picture" 72allowfullscreen> 73</iframe> 74</div></div></div></div></figure><div class="preload-wrapper"><div data-w-id="c2c9d8c1-9491-1e3e-2e60-68f4b3f6f52c" class="preload-box"><img src="assets/images/Templeton-logo-228e7c.svg" loading="lazy" alt="" class="image-10"/></div></div><div class="cursor"><div data-w-id="eba24a9d-17ea-c2b4-aed6-5bea81dedca3" class="cursor-box-base"><div style="-webkit-transform:translate3d(0px, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0px, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0px, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0px, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="next-wrapper"><div class="heading-5 tpl-h3">Next Project</div><img src="assets/images/Arrow-8dafb1.svg" loading="lazy" alt="" class="right-arrow-img"/><div class="heading-5 tpl-h3">Next Project</div><img src="assets/images/Arrow-8dafb1.svg" loading="lazy" alt="" class="right-arrow-img"/></div><div style="-webkit-transform:translate3d(0px, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0px, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0px, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0px, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="previous-wrapper"><div class="heading-4 tpl-h3">Previous Project</div><img src="assets/images/Arrow-8dafb1.svg" loading="lazy" alt="" class="right-arrow-img left"/><div class="heading-4 tpl-h3">Previous Project</div></div><img src="assets/images/Arrow-8dafb1.svg" alt="" class="tpl-flecha"/><div class="play-img"><img src="assets/images/Play-button-f65c40.svg" loading="lazy" alt="" class="image-7"/></div><div data-w-id="69726642-e637-cfd2-f081-60980a259483" class="scroll-text"><div>Scroll me!</div></div></div></div><div class="nav-section"><div data-w-id="6ffc9b19-c58b-de1e-b156-c3d48ff0ff13" class="drop-down-container"><a href="#header" class="link-block-2 w-inline-block"><div class="text-block-17">Inicio</div></a><a href="#somos" class="link-block-2 w-inline-block"><div class="text-block-17">Somos</div></a><a href="#servicios" class="link-block-2 w-inline-block"><div class="text-block-17">Servicios</div></a><a href="#trabajos" class="link-block-2 w-inline-block"><div class="text-block-17">Proyectos</div></a><a href="#equipo" class="link-block-2 w-inline-block"><div class="text-block-17">Equipo</div></a><a href="#contactos" class="link-block-2 w-inline-block"><div class="text-block-17">Contacto</div></a></div><div data-animation="default" data-collapse="medium" data-duration="400" data-easing="ease" data-easing2="ease" role="banner" class="navbar-2 w-nav"><div class="nav-wrapper"><a data-w-id="6ffc9b19-c58b-de1e-b156-c3d48ff0ff28" href="./" aria-current="page" class="templeton-logo_new w-inline-block w--current"><img src="assets/images/Templeton-logo-White-65fb5f.svg" loading="lazy" alt="Templeton" class="logo-black"/><img src="assets/images/Templeton-logo-block-237dc5.svg" loading="lazy" alt="" class="logo-white"/></a><div class="nav-buttons"><a href="#header" class="button-menu w-inline-block"><div class="text-menu tpl-h3">Inicio</div></a><a href="#somos" class="button-menu w-inline-block"><div class="text-menu tpl-h3">Somos</div></a><a href="#servicios" class="button-menu w-inline-block"><div class="text-menu tpl-h3">Servicios</div></a><a href="#trabajos" class="button-menu w-inline-block"><div class="text-menu tpl-h3">Proyectos</div></a><a href="#equipo" class="button-menu w-inline-block"><div class="text-menu tpl-h3">Equipo</div></a><a href="#contactos" class="button-menu w-inline-block"><div class="text-menu tpl-h3">Contacto</div></a></div><a data-w-id="6ffc9b19-c58b-de1e-b156-c3d48ff0ff3e" href="#" class="menu-button w-inline-block"><div data-w-id="6ffc9b19-c58b-de1e-b156-c3d48ff0ff3f" class="menu-button-wrapper"><img src="assets/images/open-0672e2.svg" loading="lazy" width="Auto" data-w-id="6ffc9b19-c58b-de1e-b156-c3d48ff0ff40" alt="Abrir menú" class="open-btn"/><img src="assets/images/close-73b6ef.svg" loading="lazy" width="Auto" data-w-id="6ffc9b19-c58b-de1e-b156-c3d48ff0ff41" alt="Cerrar menú" class="close-btn"/></div><div class="menu-button-wrapper"><img src="assets/images/open-0672e2.svg" loading="lazy" width="Auto" data-w-id="6ffc9b19-c58b-de1e-b156-c3d48ff0ff43" alt="Abrir menú" class="open-btn"/><img src="assets/images/close-73b6ef.svg" loading="lazy" width="Auto" data-w-id="6ffc9b19-c58b-de1e-b156-c3d48ff0ff44" alt="Cerrar menú" class="close-btn"/></div><div class="menu-button-wrapper"><img src="assets/images/open-0672e2.svg" loading="lazy" width="Auto" data-w-id="6ffc9b19-c58b-de1e-b156-c3d48ff0ff46" alt="Abrir menú" class="open-btn"/><img src="assets/images/close-73b6ef.svg" loading="lazy" width="Auto" data-w-id="6ffc9b19-c58b-de1e-b156-c3d48ff0ff47" alt="Cerrar menú" class="close-btn"/></div></a></div></div></div><div id="header" class="hero-section"><div class="header"><div class="header-desktop"><div class="text-wrapper"><div class="text-wrapper is-inside"><div class="h2-head tpl-h2">Trabajamos conjuntamente </div></div></div><div class="text-wrapper"><div class="text-wrapper is-inside"><div class="h2-head tpl-h2">con </div><div data-w-id="18685aee-1195-8e47-dd5f-a77cc2354af9" style="width:25em;height:5.6em" class="box-text"><div data-w-id="18685aee-1195-8e47-dd5f-a77cc2354afa" style="-webkit-transform:translate3d(0em, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0em, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0em, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0em, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="wrap-text"><div data-w-id="18685aee-1195-8e47-dd5f-a77cc2354afb" class="h2-head loop-text-wrap yellow-text tpl-h2">comunidades  clientes empleados proveedores  comunidades</div></div></div><div class="h2-head tpl-h2"> que entienden</div></div></div><div class="text-wrapper"><div class="text-wrapper is-inside"><div class="h2-head tpl-h2">
74 su poder para impactar en su </div><div data-w-id="45084402-355f-e5bb-cc89-67102155cf67" style="width:15.4em;height:5.6em" class="box-text _2h"><div data-w-id="45084402-355f-e5bb-cc89-67102155cf68" style="-webkit-transform:translate3d(0em, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0em, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0em, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0em, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="wrap-text"><div data-w-id="45084402-355f-e5bb-cc89-67102155cf69" class="h2-head red-text tpl-h2">negocio  sector  entorno  sociedad  negocio</div></div></div></div></div><div class="text-wrapper"><div class="text-wrapper is-inside"><div class="h2-head tpl-h2"> y en sus </div><div data-w-id="45084402-355f-e5bb-cc89-67102155cf6f" style="width:14.2em;height:5.6em" class="box-text _3h"><div data-w-id="45084402-355f-e5bb-cc89-67102155cf70" style="-webkit-transform:translate3d(0em, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0em, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0em, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0em, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="wrap-text"><div data-w-id="45084402-355f-e5bb-cc89-67102155cf71" class="h2-head white-text tpl-h2">marcas  fundaciones  colectivos  marcas</div></div></div><div class="h2-head tpl-h2"> .</div></div></div></div><div class="header-medium"><div class="text-wrapper"><div class="h2-head tpl-h2">Trabajamos </div><div class="h2-head tpl-h2">conjuntamente </div></div><div class="text-wrapper"><div class="h2-head tpl-h2">con </div><div data-w-id="43dc3a58-0492-aa52-1569-c3abbd8beae5" class="box-text"><div class="wrap-text"><div class="h2-head loop-text-wrap yellow-text tpl-h2">comunidades  clientes empleados proveedores  comunidades</div></div></div></div><div class="text-wrapper"><div class="h2-head tpl-h2">que </div><div class="h2-head tpl-h2">entienden</div><div class="h2-head tpl-h2"> su poder </div></div><div class="text-wrapper"><div class="h2-head tpl-h2">para impactar </div><div class="h2-head tpl-h2">en su </div><div data-w-id="78fcc07f-40b2-a31d-99ed-002a14d083a0" style="width:21.6em;height:8em" class="box-text _2h"><div data-w-id="78fcc07f-40b2-a31d-99ed-002a14d083a1" style="-webkit-transform:translate3d(0em, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0em, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0em, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0em, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="wrap-text"><div class="h2-head red-text tpl-h2">negocio  sector  entorno  sociedad  negocio</div></div></div></div><div class="text-wrapper"><div class="h2-head tpl-h2"> y en sus </div><div data-w-id="43dc3a58-0492-aa52-1569-c3abbd8beaf5" style="width:20.1em;height:8em" class="box-text _3h"><div data-w-id="43dc3a58-0492-aa52-1569-c3abbd8beaf6" style="-webkit-transform:translate3d(0em, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0em, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0em, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0em, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="wrap-text"><div class="h2-head white-text tpl-h2">marcas  fundaciones  colectivos  marcas</div></div></div><div class="h2-head tpl-h2"> .</div></div></div><div class="header-small"><div class="text-wrapper"><div class="h2-head tpl-h2">Trabajamos </div></div><div class="text-wrapper"><div class="h2-head tpl-h2">conjuntamente </div></div><div class="text-wrapper"><div class="h2-head tpl-h2">con </div><div data-w-id="cf892428-3ee9-fd42-2cb9-4cd8832f3bd6" class="box-text"><div data-w-id="cf892428-3ee9-fd42-2cb9-4cd8832f3bd7" class="wrap-text"><div class="h2-head loop-text-wrap yellow-text tpl-h2">comunidades  clientes empleados proveedores  comunidades</div></div></div></div><div class="text-wrapper"><div class="h2-head tpl-h2">que </div><div class="h2-head tpl-h2">entienden </div></div><div class="text-wrapper"><div class="h2-head tpl-h2"> su poder </div><div class="h2-head tpl-h2">para </div></div><div class="text-wrapper"><div class="h2-head tpl-h2">impactar </div><div class="h2-head tpl-h2">en su </div></div><div class="text-wrapper"><div data-w-id="6987c044-362d-a617-f8ac-b6ba6c85364b" style="width:39.5em;
74height:15em" class="box-text _2h"><div data-w-id="6987c044-362d-a617-f8ac-b6ba6c85364c" style="-webkit-transform:translate3d(0em, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0em, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0em, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0em, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="wrap-text"><div class="h2-head red-text tpl-h2">negocio  sector  entorno  sociedad  negocio</div></div></div><div class="h2-head tpl-h2"> y en sus </div></div><div class="text-wrapper"><div data-w-id="028d4675-eb8a-5a4a-301f-9055df149419" style="width:36.6em;height:15em" class="box-text _3h"><div data-w-id="028d4675-eb8a-5a4a-301f-9055df14941a" style="-webkit-transform:translate3d(0em, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0em, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0em, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0em, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="wrap-text"><div class="h2-head white-text tpl-h2">marcas  fundaciones  colectivos  marcas</div></div></div><div class="h2-head tpl-h2"> .</div></div></div></div><div class="reel"><div id="PlaybtnReel" class="thumbnail-play"><div class="sound-on">Sound on!</div><div class="html-embed-7 w-embed"><div class="thumbnail-play"> 75 <video width="100%" muted loop playsinline preload="none" data-video-visible poster="assets/video/752027731-poster.jpg" data-object-fit="cover"> 76 <source src="assets/video/752027731-720.mp4" type="video/mp4" media="(min-width: 768px)"> 77 <source src="assets/video/752027731-540.mp4" type="video/mp4"> 78 </video> 79</div> 80 81<style> 82video { 83 position: absolute; 84 top: 0; 85 left: 0; 86 width: 100%; 87 height: 100%; 88} 89 90.thumbnail-play video { 91 object-fit: cover; 92} 93</style></div></div><div class="reel-wrapper"><div class="reel-content w-embed w-iframe"><div style="padding-top:56.25%; position:relative;"> 94<iframe data-src="https://player.vimeo.com/video/752027731?h=7302626043&dnt=1" title="VÃdeo de Templeton en Vimeo" 95style=" position: absolute; 96 top: 0; 97 left: 0; 98 bottom: 0; 99 right: 0; 100 width: 100%; 101 height: 100%;" 102frameborder="0" 103allow="autoplay; fullscreen; picture-in-picture" 104allowfullscreen> 105</iframe> 106</div></div></div></div></div><section id="somos_2" class="somos_section"><div class="wrap-somos-hidden"><div class="final_frame"><div class="creative-top"><h1 class="h1-creative"><span class="tpl-sr" data-tpl="">Templeton, agencia de publicidad en Barcelona: </span>Creative Partner</h1></div><div class="creative-bottom"><div class="textbox-wrapper-somos"><div class="textbox-line is--somos"><div class="text tpl-h2">Somos el socio creativo</div></div><div class="textbox-line is--somos"><div class="text tpl-h2">de marcas </div><div data-w-id="f3c7dba6-dd07-2aba-1a39-f0c512b1dcd1" class="textbox-focus x-honestas"><div data-w-id="f3c7dba6-dd07-2aba-1a39-f0c512b1dcd2" style="-webkit-transform:translate3d(0em, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0em, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0em, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0em, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="wrap-text-small"><div class="text is-focused tpl-h2">honestas  inquietas  curiosas  innovadoras  honestas</div></div></div><div class="text tpl-h2"> que aspiran</div></div><div class="textbox-line is--somos"><div class="text tpl-h2">a crecer en </div><div data-w-id="0bed0b76-b511-e082-d185-90b2129e935a" class="textbox-focus x-relevantes"><div data-w-id="0bed0b76-b511-e082-d185-90b2129e935b" style="-webkit-transform:translate3d(0em, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0em, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0em, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0em, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="wrap-text-small"><div class="text is-focused tpl-h2">relevancia  credibilidad  empatÃa  fidelidad  relevancia</div></div></div><div class="text tpl-h2"> .</div></div></div></div></div><div class="wrap_somos_hid_overlap"><div class="circle_container"><div class="circle_1"><div class="txt_circle_1 black_text">Marca</div></div><div class="circle_2"><div class="txt_circle_1">Agencia</div></div></div></div><div class="somos_section_2"><div class="div_somos_1"><h2 class="h2-2">Somos</h2></div><div class="div_creativep"><div class="div_somos"><div class="display marginsides tpl-h1">Creative</div></div><div class="div_somos"><div class="h3-2 box_somos marginsides tpl-h2">Lo que define todo lo que hacemos: <br/>la creatividad. â El principal valor <br/>de lo que ofrecemos.</div></div><div class="div_somos"><div class="display marginsides tpl-h1">Partner</div></div><div class="div_somos"><div class="h3-2 box_somos marginsides tpl-h2">La posición en la que nos situamos<br/>frente a las marcas con las que trabajamos.</div></div></div></div><div class="bar-creative"><div class="bar-charge-1"></div><div class="bar-charge-2"></div><div class="bar-charge-3"></div><div class="bar-charge-4"></div><div class="bar-charge-5"></div></div><div class="_100x100"><div data-w-id="8e22470e-4e44-e2d1-fa59-7c9fce32791b" style="opacity:1" class="heading-6 tpl-h3">Keep Scrolling</div></div></div></section><section id="somos" class="somos_section_s"><div class="wrap-somos-hidden_s"><div class="final_frame"><div class="creative-top"><h1 class="h1-creative"><span class="tpl-sr" data-tpl="">Templeton, agencia de publicidad en Barcelona: </span>Creative Partner</h1></div><div class="creative-bottom"><div class="textbox-wrapper-somos_1_s"><div class="textbox-line-copy is--somos s"><div class="text_2 tpl-h2">Lo que define todo lo que hacemos: la creatividad. â El principal valor de lo que ofrecemos.</div></div></div><div class="textbox-wrapper-somos_2_s"><div class="textbox-line is--somos s"><div class="text_2 tpl-h2">La posición en la que nos situamos frente a las marcas con las que trabajamos.</div></div></div><div class="textbox-wrapper-somos"><div class="textbox-line is--somos"><div class="text tpl-h2">Somos el socio creativo</div></div><div class="textbox-line is--somos"><div class="text tpl-h2">de marcas </div><div data-w-id="6797fe31-0598-c7bc-a57e-9bc0321b479a" class="textbox-focus x-honestas"><div data-w-id="6797fe31-0598-c7bc-a57e-9bc0321b479b" style="-webkit-transform:translate3d(0em, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0em, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0em, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0em, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="wrap-text-small"><div class="text is-focused tpl-h2">honestas  inquietas  curiosas  innovadoras  honestas</div></div></div><div class="text tpl-h2"> que aspiran</div></div><div class="textbox-line is--somos"><div class="text tpl-h2">a crecer en </div><div data-w-id="6797fe31-0598-c7bc-a57e-9bc0321b47a3" class="textbox-focus x-relevantes"><div data-w-id="6797fe31-0598-c7bc-a57e-9bc0321b47a4" style="-webkit-transform:translate3d(0em, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0em, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0em, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0em, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="wrap-text-small"><div class="text is-focused tpl-h2">relevancia  credibilidad  empatÃa  fidelidad  relevancia</div></div></div><div class="text tpl-h2"> .</div></div></div></div></div><div class="wrap_circles_s"><div class="circle_container_s"><div class="circle_1_s"><div class="txt_circle_1_s black_text">Marca</div></div><div class="circle_2_s"><div class="txt_circle_1_s">Agencia</div></div></div></div><div class="somos_section_2_s"><div class="div_somos_1_s"><div class="h2_2_s tpl-h2">Somos</div></div><div class="div_creativep_s"><div class="div_somos_s"><div class="display_s tpl-h1">Creative</div><div class="display_s marginsides tpl-h1">Partner</div></div></div></div><div class="bar-creative_s"><div class="bar-charge-1_s"></div><div class="bar-charge-2_s"></div><div class="bar-charge-3_s"></div><div class="bar-charge-4_s"></div><div class="bar-charge-5_s"></div></div></div></section>
106<div id="servicios" data-w-id="3f77fdd4-7f19-3194-fc3d-54f884e677eb" class="servicios"><div data-w-id="cd0fe11a-4d44-706d-45ef-9e62690c9027" class="section-block"><h2 data-w-id="cd0fe11a-4d44-706d-45ef-9e62690c9028" style="opacity:0" class="h-section black tpl-h1">Servicios</h2></div><div class="serv-box-wrap"><div class="textbox-wrapper white"><div class="textbox-line"><div class="text tpl-h2">Nuestro entorno vive </div><div class="text m tpl-h2">en un </div></div><div class="textbox-line"><div class="text l tpl-h2">en un </div><div class="text tpl-h2">constante cambio </div><div class="text tpl-h2">y nuestros </div><div data-w-id="02140b83-3f86-5015-9eec-91a35c929f6f" class="textbox-focus x-proyectos l"><div data-w-id="02140b83-3f86-5015-9eec-91a35c929f70" style="-webkit-transform:translate3d(0em, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0em, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0em, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0em, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="wrap-text-small"><div class="text is-focused tpl-h2">proyectos  retos  servicios  proyectos</div></div></div></div><div class="textbox-line"><div data-w-id="747da994-7c24-647b-3107-903b0ec61b06" class="textbox-focus x-proyectos m"><div data-w-id="747da994-7c24-647b-3107-903b0ec61b07" style="-webkit-transform:translate3d(0em, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0em, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0em, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0em, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="wrap-text-small"><div class="text is-focused tpl-h2">proyectos  retos  servicios  proyectos</div></div></div><div class="text tpl-h2"> como </div><div class="text tpl-h2">Creative Partner </div><div class="text l tpl-h2">evolucionan </div><div class="text l tpl-h2">al mismo tiempo.</div></div><div class="textbox-line m"><div class="text tpl-h2">evolucionan </div><div class="text tpl-h2">al mismo tiempo.</div></div><div class="textbox-line a-capo center"><div class="text tpl-h2">A dÃa de hoy, esta</div><div class="text tpl-h2"> es nuestra oferta.</div></div></div></div><section class="section-2 is-list"><div class="list_line"><div class="list_line-fill"></div></div><div class="collection-list-wrapper-6 w-dyn-list"><div role="list" class="w-dyn-items"><div role="listitem" class="collection-item-5 w-dyn-item"><a class="list_link w-inline-block"><div class="container is-list"><div class="list_title-wrap"><div class="list_title-move"><p class="list_title">Creatividad</p><p class="list_title is-2">Creatividad</p></div></div></div><div class="list_line"><div style="background-color:hsla(147.35294117647055, 50.00%, 26.67%, 1.00)" class="list_line-fill"></div></div><div class="list_img-wrap"><div style="background-color:hsla(147.35294117647055, 50.00%, 26.67%, 1.00)" class="list_img-width"><div style="color:hsla(38.57142857142856, 28.38%, 70.98%, 1.00)" class="list-service w-embed"><ul> 107<li>Conceptualización</li> 108<li>Campañas</li> 109<li> Storytelling</li> 110<li> Naming</li> 111<li>FotografÃa</li> 112<li></li> 113<li></li> 114</ul> 115 116<style> 117ul { 118 list-style: '- '; 119 list-style-position: outside; 120 padding-left: 0; 121} 122 123li { 124margin-bottom: 1vw; 125} 126 127li:empty { 128display:none; 129} 130 131</style></div></div></div></a></div><div role="listitem" class="collection-item-5 w-dyn-item"><a class="list_link w-inline-block"><div class="container is-list"><div class="list_title-wrap"><div class="list_title-move"><p class="list_title">Estrategia de comunicación</p><p class="list_title is-2">Estrategia de comunicación</p></div></div></div><div class="list_line"><div style="background-color:#0043d8" class="list_line-fill"></div></div><div class="list_img-wrap"><div style="background-color:#0043d8" class="list_img-width"><div style="color:hsla(321.7241379310345, 39.19%, 70.98%, 1.00)" class="list-service w-embed"><ul> 132<li>Lanzamiento 133de producto</li> 134<li>Posicionamiento 135de marca</li> 136<li>Comunicación interna</li> 137<li>Campañas 138de fidelización</li> 139<li></li> 140<li></li> 141<li></li> 142</ul> 143 144<style> 145ul { 146 list-style: '- '; 147 list-style-position: outside; 148 padding-left: 0; 149} 150 151li { 152margin-bottom: 1vw; 153} 154 155li:empty { 156display:none; 157} 158 159</style></div></div></div></a></div><div role="listitem" class="collection-item-5 w-dyn-item"><a class="list_link w-inline-block"><div class="container is-list"><div class="list_title-wrap"><div class="list_title-move"><p class="list_title">Diseño</p><p class="list_title is-2">Diseño</p></div></div></div><div class="list_line"><div style="background-color:hsla(55.76470588235294, 100.00%, 50.00%, 1.00)" class="list_line-fill"></div></div><div class="list_img-wrap"><div style="background-color:hsla(55.76470588235294, 100.00%, 50.00%, 1.00)" class="list_img-width">
159<div style="color:hsla(147.35294117647055, 50.00%, 26.67%, 1.00)" class="list-service w-embed"><ul> 160<li>Diseño Gráfico</li> 161<li>Branding</li> 162<li>Packaging</li> 163<li>Diseño editorial</li> 164<li>Diseño web</li> 165<li>Dirección de arte</li> 166<li>Animaciones 167e InfografÃas</li> 168</ul> 169 170<style> 171ul { 172 list-style: '- '; 173 list-style-position: outside; 174 padding-left: 0; 175} 176 177li { 178margin-bottom: 1vw; 179} 180 181li:empty { 182display:none; 183} 184 185</style></div></div></div></a></div><div role="listitem" class="collection-item-5 w-dyn-item"><a class="list_link w-inline-block"><div class="container is-list"><div class="list_title-wrap"><div class="list_title-move"><p class="list_title">Eventos</p><p class="list_title is-2">Eventos</p></div></div></div><div class="list_line"><div style="background-color:hsla(321.7241379310345, 39.19%, 70.98%, 1.00)" class="list_line-fill"></div></div><div class="list_img-wrap"><div style="background-color:hsla(321.7241379310345, 39.19%, 70.98%, 1.00)" class="list_img-width"><div style="color:#0043d8" class="list-service w-embed"><ul> 186<li>Acciones experienciales</li> 187<li>Eventos presenciales 188hÃbridos y virtuales</li> 189<li>Presentaciones 190de producto</li> 191<li>Exposiciones</li> 192<li></li> 193<li></li> 194<li></li> 195</ul> 196 197<style> 198ul { 199 list-style: '- '; 200 list-style-position: outside; 201 padding-left: 0; 202} 203 204li { 205margin-bottom: 1vw; 206} 207 208li:empty { 209display:none; 210} 211 212</style></div></div></div></a></div><div role="listitem" class="collection-item-5 w-dyn-item"><a class="list_link w-inline-block"><div class="container is-list"><div class="list_title-wrap"><div class="list_title-move"><p class="list_title">Contenidos audiovisuales</p><p class="list_title is-2">Contenidos audiovisuales</p></div></div></div><div class="list_line"><div style="background-color:hsla(4.56140350877193, 85.07%, 39.41%, 1.00)" class="list_line-fill"></div></div><div class="list_img-wrap"><div style="background-color:hsla(4.56140350877193, 85.07%, 39.41%, 1.00)" class="list_img-width"><div style="color:hsla(55.76470588235294, 100.00%, 50.00%, 1.00)" class="list-service w-embed"><ul> 213<li>Spots publicitarios</li> 214<li>Contenidos RRSS</li> 215<li>Videos corporativos</li> 216<li>Documentales</li> 217<li>Producciones televisivas/streaming</li> 218<li>Diseño sonoro</li> 219<li>Podcasts</li> 220</ul> 221 222<style> 223ul { 224 list-style: '- '; 225 list-style-position: outside; 226 padding-left: 0; 227} 228 229li { 230margin-bottom: 1vw; 231} 232 233li:empty { 234display:none; 235} 236 237</style></div></div></div></a></div><div role="listitem" class="collection-item-5 w-dyn-item"><a class="list_link w-inline-block"><div class="container is-list"><div class="list_title-wrap"><div class="list_title-move"><p class="list_title">Incubadora</p><p class="list_title is-2">Incubadora</p></div></div></div><div class="list_line"><div style="background-color:hsla(0, 0.00%, 100.00%, 1.00)" class="list_line-fill"></div></div><div class="list_img-wrap"><div style="background-color:hsla(0, 0.00%, 100.00%, 1.00)" class="list_img-width"><div style="color:#0043d8" class="list-service w-embed"><ul> 238<li>Conceptualización 239de proyectos empresariales 240ajenos y propios</li> 241<li></li> 242<li></li> 243<li></li> 244<li></li> 245<li></li> 246<li></li> 247</ul> 248 249<style> 250ul { 251 list-style: '- '; 252 list-style-position: outside; 253 padding-left: 0; 254} 255 256li { 257margin-bottom: 1vw; 258} 259 260li:empty { 261display:none; 262} 263 264</style></div></div></div></a></div></div></div></section></div><section id="trabajos" data-w-id="1fd3d8b4-09ed-46c7-2cd1-be9b3981b41e" class="proyectos-2"><div data-w-id="a8c1cec6-65b7-220c-c615-1ed5986a6c89" class="section-block"><h2 data-w-id="f5dc55bd-7f2e-819b-0d17-5100c0df8240" style="opacity:0" class="h-section tpl-h1">Proyectos</h2></div><div class="project-block is-slider"><div class="splide slider1"><div class="html-embed-6 w-embed"><div class="splide__arrows"> 265 <div class="splide__arrow splide__arrow--prev"></div> 266 <div id="Playbtn" class="play-hover"></div> 267 <div class="splide__arrow splide__arrow--next"></div> 268</div></div><div class="splide__track proyecto w-dyn-list"><div role="list" class="splide__list proyecto w-dyn-items"><div role="listitem" class="splide__slide proyecto w-dyn-item"><div data-w-id="65292042-8f41-12df-ddb0-c91077983593" class="video-container"><div class="video-box"><div class="video-box w-embed w-iframe"><div style="padding-top:; position:;"> 269<iframe data-src="https://player.vimeo.com/video/748491510?h=de38b6f9a1&badge=0&autopause=0&player_id=0&app_id=58479&dnt=1" title="VÃdeo de Templeton en Vimeo" 270style=" position: absolute; 271 top: 0; 272 left: 0; 273 bottom: 0; 274 right: 0; 275 width: 100%; 276 height: 100%;" 277frameborder="0" 278allow="autoplay; fullscreen; picture-in-picture" 279allowfullscreen> 280</iframe> 281</div></div></div><div class="thumbnail"><div class="video-title">Colecciones Bergner</div><div class="black-overlay"></div><div class="thumbnail-embed w-embed"><div class="lightbox"> 282 <video width="100%" muted loop playsinline preload="none" data-video-visible data-poster="assets/video/748491705-poster.jpg" data-object-fit="cover"> 283 <source src="assets/video/748491705-720.mp4" type="video/mp4" media="(min-width: 768px)"> 284 <source src="assets/video/748491705-540.mp4" type="video/mp4"> 285 </video> 286</div> 287 288<style> 289video { 290 position: absolute; 291 z-index: 0; 292 top: 0; 293 left: 0; 294 width: 100%; 295 height: 100%; 296} 297 298.thumbnail video { 299 object-fit: cover; 300} 301 302</style></div><img src="assets/images/Bergner_thumbnail-4648be.jpg" loading="lazy" alt="Proyecto de Templeton: Colecciones Bergner" sizes="100vw" srcset="assets/images/Bergner_thumbnail-p-500-905868.jpg 500w, assets/images/Bergner_thumbnail-p-800-d5088c.jpg 800w, assets/images/Bergner_thumbnail-p-1080-00ff50.jpg 1080w, assets/images/Bergner_thumbnail-4648be.jpg 1920w" class="image-14"/></div></div><div class="project-text-container"><div class="note">Bergner</div><div class="note is-right">Campaña publicitaria anual</div></div></div><div role="listitem" class="splide__slide proyecto w-dyn-item"><div data-w-id="65292042-8f41-12df-ddb0-c91077983593" class="video-container"><div class="video-box"><div class="video-box w-embed w-iframe"><div style="padding-top:; position:;"> 303<iframe data-src="https://player.vimeo.com/video/748491554?h=fce1319b06&badge=0&autopause=0&player_id=0&app_id=58479&dnt=1" title="VÃdeo de Templeton en Vimeo" 304style=" position: absolute; 305 top: 0; 306 left: 0; 307 bottom: 0; 308 right: 0; 309 width: 100%; 310 height: 100%;" 311frameborder="0" 312allow="autoplay; fullscreen; picture-in-picture" 313allowfullscreen> 314</iframe> 315</div></div></div><div class="thumbnail"><div class="video-title">Leadership stories</div><div class="black-overlay"></div><div class="thumbnail-embed w-embed"><div class="lightbox"> 316 <video width="100%" muted loop playsinline preload="none" data-video-visible data-poster="assets/video/748502439-poster.jpg" data-object-fit="cover"> 317 <source src="assets/video/748502439-720.mp4" type="video/mp4" media="(min-width: 768px)"> 318 <source src="assets/video/748502439-540.mp4" type="video/mp4"> 319 </video> 320</div> 321 322<style> 323video { 324 position: absolute; 325 z-index: 0; 326 top: 0; 327 left: 0; 328 width: 100%; 329 height: 100%; 330} 331 332.thumbnail video { 333 object-fit: cover; 334} 335 336</style></div><img src="assets/images/aed_thumbnail-836f33.jpg" loading="lazy" alt="Proyecto de Templeton: Leadership stories" sizes="100vw" srcset="assets/images/aed_thumbnail-p-500-a37b1b.jpg 500w, assets/images/aed_thumbnail-p-800-ad1a68.jpg 800w, assets/images/aed_thumbnail-p-1080-4dc87f.jpg 1080w, assets/images/aed_thumbnail-836f33.jpg 1920w" class="image-14"/></div></div><div class="project-text-container"><div class="note">Asociación Española de Directivos</div><div class="note is-right">Documental corporativo</div></div></div><div role="listitem" class="splide__slide proyecto w-dyn-item"><div data-w-id="65292042-8f41-12df-ddb0-c91077983593" class="video-container"><div class="video-box"><div class="video-box w-embed w-iframe"><div style="padding-top:; position:;"> 337<iframe data-src="https://player.vimeo.com/video/748491569?h=862a688bfe&badge=0&autopause=0&player_id=0&app_id=58479&dnt=1" title="VÃdeo de Templeton en Vimeo" 338style=" position: absolute; 339 top: 0; 340 left: 0; 341 bottom: 0; 342 right: 0; 343 width: 100%; 344 height: 100%;" 345frameborder="0" 346allow="autoplay; fullscreen; picture-in-picture" 347allowfullscreen> 348</iframe> 349</div></div></div><div class="thumbnail"><div class="video-title">Ucrania</div><div class="black-overlay"></div><div class="thumbnail-embed w-embed"><div class="lightbox"> 350 <video width="100%" muted loop playsinline preload="none" data-video-visible data-poster="assets/video/748491742-poster.jpg" data-object-fit="cover"> 351 <source src="assets/video/748491742-720.mp4" type="video/mp4" media="(min-width: 768px)"> 352 <source src="assets/video/748491742-540.mp4" type="video/mp4"> 353 </video> 354</div> 355 356<style> 357video { 358 position: absolute; 359 z-index: 0; 360 top: 0; 361 left: 0; 362 width: 100%; 363 height: 100%; 364} 365 366.thumbnail video { 367 object-fit: cover; 368} 369 370</style></div><img src="assets/images/Ucraina_thumbnail-1222d2.jpg" loading="lazy" alt="Proyecto de Templeton: Ucrania" sizes="100vw" srcset="assets/images/Ucraina_thumbnail-p-500-e86337.jpg 500w, assets/images/Ucraina_thumbnail-p-800-a03c5a.jpg 800w, assets/images/Ucraina_thumbnail-p-1080-16bd33.jpg 1080w, assets/images/Ucraina_thumbnail-1222d2.jpg 1920w" class="image-14"/></div></div><div class="project-text-container"><div class="note">CaixaBank Acción Social</div><div class="note is-right">Documental Acción Social en Ucrania</div></div></div><div role="listitem" class="splide__slide proyecto w-dyn-item"><div data-w-id="65292042-8f41-12df-ddb0-c91077983593" class="video-container"><div class="video-box"><div class="video-box w-embed w-iframe"><div style="padding-top:; position:;"> 371<iframe data-src="https://player.vimeo.com/video/748491612?h=461cf9a2cc&badge=0&autopause=0&player_id=0&app_id=58479&dnt=1" title="VÃdeo de Templeton en Vimeo" 372style=" position: absolute; 373 top: 0; 374 left: 0; 375 bottom: 0; 376 right: 0; 377 width: 100%; 378 height: 100%;" 379frameborder="0" 380allow="autoplay; fullscreen; picture-in-picture" 381allowfullscreen> 382</iframe> 383</div></div></div><div class="thumbnail"><div class="video-title">We are inTouch</div><div class="black-overlay"></div><div class="thumbnail-embed w-embed"><div class="lightbox"> 384 <video width="100%" muted loop playsinline preload="none" data-video-visible data-poster="assets/video/748491769-poster.jpg" data-object-fit="cover"> 385 <source src="assets/video/748491769-720.mp4" type="video/mp4" media="(min-width: 768px)"> 386 <source src="assets/video/748491769-540.mp4" type="video/mp4"> 387 </video> 388</div> 389 390<style> 391video { 392 position: absolute; 393 z-index: 0; 394 top: 0; 395 left: 0; 396 width: 100%; 397 height: 100%; 398} 399 400.thumbnail video { 401 object-fit: cover; 402} 403 404</style></div><img src="assets/images/inTouch_thumbnail-3b789d.jpg" loading="lazy" alt="Proyecto de Templeton: We are inTouch" sizes="100vw" srcset="assets/images/inTouch_thumbnail-p-500-459e52.jpg 500w, assets/images/inTouch_thumbnail-p-800-dbd06e.jpg 800w, assets/images/inTouch_thumbnail-p-1080-7c24f9.jpg 1080w, assets/images/inTouch_thumbnail-3b789d.jpg 1920w" class="image-14"/></div></div><div class="project-text-container"><div class="note">CaixaBank inTouch</div><div class="note is-right">Convención anual </div></div></div><div role="listitem" class="splide__slide proyecto w-dyn-item"><div data-w-id="65292042-8f41-12df-ddb0-c91077983593" class="video-container"><div class="video-box"><div class="video-box w-embed w-iframe"><div style="padding-top:; position:;"> 405<iframe data-src="https://player.vimeo.com/video/748491636?h=1661c90a3a&badge=0&autopause=0&player_id=0&app_id=58479&dnt=1" title="VÃdeo de Templeton en Vimeo" 406style=" position: absolute; 407 top: 0; 408 left: 0; 409 bottom: 0; 410 right: 0; 411 width: 100%; 412 height: 100%;" 413frameborder="0" 414allow="autoplay; fullscreen; picture-in-picture" 415allowfullscreen> 416</iframe> 417</div></div></div><div class="thumbnail"><div class="video-title">Experiencias con</div><div class="black-overlay"></div><div class="thumbnail-embed w-embed"><div class="lightbox"> 418 <video width="100%" muted loop playsinline preload="none" data-video-visible data-poster="assets/video/748491792-poster.jpg" data-object-fit="cover"> 419 <source src="assets/video/748491792-720.mp4" type="video/mp4" media="(min-width: 768px)"> 420 <source src="assets/video/748491792-540.mp4" type="video/mp4"> 421 </video> 422</div> 423 424<style> 425video { 426 position: absolute; 427 z-index: 0; 428 top: 0; 429 left: 0; 430 width: 100%; 431 height: 100%; 432} 433 434.thumbnail video { 435 object-fit: cover; 436} 437 438</style></div><img src="assets/images/Experiencias_con_thumbnail-2c6da2.jpg" loading="lazy" alt="Proyecto de Templeton: Experiencias con" sizes="100vw" srcset="assets/images/Experiencias_con_thumbnail-p-500-dab912.jpg 500w, assets/images/Experiencias_con_thumbnail-p-800-a7d81a.jpg 800w, assets/images/Experiencias_con_thumbnail-p-1080-8d4c8f.jpg 1080w, assets/images/Experiencias_con_thumbnail-2c6da2.jpg 1920w" class="image-14"/></div></div><div class="project-text-container"><div class="note">CaixaBank</div><div class="note is-right">Contenidos audiovisuales para RRSS</div></div></div><div role="listitem" class="splide__slide proyecto w-dyn-item"><div data-w-id="65292042-8f41-12df-ddb0-c91077983593" class="video-container"><div class="video-box"><div class="video-box w-embed w-iframe"><div style="padding-top:; position:;"> 439<iframe data-src="https://player.vimeo.com/video/748491649?h=97ed81287b&badge=0&autopause=0&player_id=0&app_id=58479&dnt=1" title="VÃdeo de Templeton en Vimeo" 440style=" position: absolute; 441 top: 0; 442 left: 0; 443 bottom: 0; 444 right: 0; 445 width: 100%; 446 height: 100%;" 447frameborder="0" 448allow="autoplay; fullscreen; picture-in-picture" 449allowfullscreen> 450</iframe> 451</div></div></div><div class="thumbnail"><div class="video-title">imaginCafé</div><div class="black-overlay"></div><div class="thumbnail-embed w-embed"><div class="lightbox"> 452 <video width="100%" muted loop playsinline preload="none" data-video-visible data-poster="assets/video/748491811-poster.jpg" data-object-fit="cover"> 453 <source src="assets/video/748491811-720.mp4" type="video/mp4" media="(min-width: 768px)"> 454 <source src="assets/video/748491811-540.mp4" type="video/mp4"> 455 </video> 456</div> 457 458<style> 459video { 460 position: absolute; 461 z-index: 0; 462 top: 0; 463 left: 0; 464 width: 100%; 465 height: 100%; 466} 467 468.thumbnail video { 469 object-fit: cover; 470} 471 472</style></div><img src="assets/images/Imagin_thumbnail-8b1cec.jpg" loading="lazy" alt="Proyecto de Templeton: imaginCafé" sizes="100vw" srcset="assets/images/Imagin_thumbnail-p-500-8422d1.jpg 500w, assets/images/Imagin_thumbnail-p-800-582587.jpg 800w, assets/images/Imagin_thumbnail-p-1080-17c780.jpg 1080w, assets/images/Imagin_thumbnail-8b1cec.jpg 1920w" class="image-14"/></div></div><div class="project-text-container"><div class="note">imagin</div><div class="note is-right">Comunicación y actividades en espacio de marca</div></div></div><div role="listitem" class="splide__slide proyecto w-dyn-item"><div data-w-id="65292042-8f41-12df-ddb0-c91077983593" class="video-container"><div class="video-box"><div class="video-box w-embed w-iframe"><div style="padding-top:; position:;"> 473<iframe data-src="https://player.vimeo.com/video/748491668?h=306740126d&badge=0&autopause=0&player_id=0&app_id=58479&dnt=1" title="VÃdeo de Templeton en Vimeo" 474style=" position: absolute; 475 top: 0; 476 left: 0; 477 bottom: 0; 478 right: 0; 479 width: 100%; 480 height: 100%;" 481frameborder="0" 482allow="autoplay; fullscreen; picture-in-picture" 483allowfullscreen> 484</iframe> 485</div></div></div><div class="thumbnail"><div class="video-title">Reunión Cercle d'Economia 2022</div><div class="black-overlay"></div><div class="thumbnail-embed w-embed"><div class="lightbox"> 486 <video width="100%" muted loop playsinline preload="none" data-video-visible data-poster="assets/video/748491831-poster.jpg" data-object-fit="cover"> 487 <source src="assets/video/748491831-720.mp4" type="video/mp4" media="(min-width: 768px)"> 488 <source src="assets/video/748491831-540.mp4" type="video/mp4"> 489 </video> 490</div> 491 492<style> 493video { 494 position: absolute; 495 z-index: 0; 496 top: 0; 497 left: 0; 498 width: 100%; 499 height: 100%; 500} 501 502.thumbnail video { 503 object-fit: cover; 504} 505 506</sty
506le></div><img src="assets/images/Cercle_thumbnail-ae87ef.jpg" loading="lazy" alt="Proyecto de Templeton: Reunión Cercle d'Economia 2022" sizes="100vw" srcset="assets/images/Cercle_thumbnail-p-500-b26fab.jpg 500w, assets/images/Cercle_thumbnail-p-800-417717.jpg 800w, assets/images/Cercle_thumbnail-p-1080-4fa729.jpg 1080w, assets/images/Cercle_thumbnail-ae87ef.jpg 1920w" class="image-14"/></div></div><div class="project-text-container"><div class="note">Cercle d'Economia</div><div class="note is-right">Jornadas anuales</div></div></div><div role="listitem" class="splide__slide proyecto w-dyn-item"><div data-w-id="65292042-8f41-12df-ddb0-c91077983593" class="video-container"><div class="video-box"><div class="video-box w-embed w-iframe"><div style="padding-top:; position:;"> 507<iframe data-src="https://player.vimeo.com/video/748491687?h=68e50532ed&badge=0&autopause=0&player_id=0&app_id=58479&dnt=1" title="VÃdeo de Templeton en Vimeo" 508style=" position: absolute; 509 top: 0; 510 left: 0; 511 bottom: 0; 512 right: 0; 513 width: 100%; 514 height: 100%;" 515frameborder="0" 516allow="autoplay; fullscreen; picture-in-picture" 517allowfullscreen> 518</iframe> 519</div></div></div><div class="thumbnail"><div class="video-title">Abertis</div><div class="black-overlay"></div><div class="thumbnail-embed w-embed"><div class="lightbox"> 520 <video width="100%" muted loop playsinline preload="none" data-video-visible data-poster="assets/video/748491841-poster.jpg" data-object-fit="cover"> 521 <source src="assets/video/748491841-720.mp4" type="video/mp4" media="(min-width: 768px)"> 522 <source src="assets/video/748491841-540.mp4" type="video/mp4"> 523 </video> 524</div> 525 526<style> 527video { 528 position: absolute; 529 z-index: 0; 530 top: 0; 531 left: 0; 532 width: 100%; 533 height: 100%; 534} 535 536.thumbnail video { 537 object-fit: cover; 538} 539 540</style></div><img src="assets/images/Abertis_thumbnail-88294a.jpg" loading="lazy" alt="Proyecto de Templeton: Abertis" sizes="100vw" srcset="assets/images/Abertis_thumbnail-p-500-0af3bf.jpg 500w, assets/images/Abertis_thumbnail-p-800-62b609.jpg 800w, assets/images/Abertis_thumbnail-p-1080-84481d.jpg 1080w, assets/images/Abertis_thumbnail-88294a.jpg 1920w" class="image-14"/></div></div><div class="project-text-container"><div class="note">Abertis</div><div class="note is-right">Pieza audiovisual corporativa</div></div></div></div></div></div></div><div class="splide slider2"><div class="splide__track w-dyn-list"><div role="list" class="splide__list w-dyn-items"><div role="listitem" class="splide__slide logos w-dyn-item"><img src="assets/images/VidaCaixa-p-800-2c4201.png" loading="lazy" alt="Logo de VidaCaixa" sizes="100vw" srcset="assets/images/VidaCaixa-p-500-60242f.png 500w, assets/images/VidaCaixa-p-800-2c4201.png 800w" class="image-12"/></div><div role="listitem" class="splide__slide logos w-dyn-item"><img src="assets/images/UOC-p-800-9968e4.png" loading="lazy" alt="Logo de UOC" sizes="100vw" srcset="assets/images/UOC-p-500-ff1d5e.png 500w, assets/images/UOC-p-800-9968e4.png 800w" class="image-12"/></div><div role="listitem" class="splide__slide logos w-dyn-item"><img src="assets/images/Unilever-p-800-7d9781.png" loading="lazy" alt="Logo de Unilever" sizes="100vw" srcset="assets/images/Unilever-p-500-e4846e.png 500w, assets/images/Unilever-p-800-7d9781.png 800w" class="image-12"/></div><div role="listitem" class="splide__slide logos w-dyn-item"><img src="assets/images/SegurCaixa-Adeslas-p-800-93de10.png" loading="lazy" alt="Logo de SegurCaixa Adeslas" sizes="100vw" srcset="assets/images/SegurCaixa-Adeslas-p-500-b4dd37.png 500w, assets/images/SegurCaixa-Adeslas-p-800-93de10.png 800w" class="image-12"/></div><div role="listitem" class="splide__slide logos w-dyn-item"><img src="assets/images/Roche-p-800-f49b33.png" loading="lazy" alt="Logo de Roche" sizes="100vw" srcset="assets/images/Roche-p-500-5a7117.png 500w, assets/images/Roche-p-800-f49b33.png 800w" class="image-12"/></div><div role="listitem" class="splide__slide logos w-dyn-item"><img src="assets/images/PEPSICO-p-800-b71c79.png" loading="lazy" alt="Logo de PepsiCo" sizes="100vw" srcset="assets/images/PEPSICO-p-500-22cecf.png 500w, assets/images/PEPSICO-p-800-b71c79.png 800w" class="image-12"/></div><div role="listitem" class="splide__slide logos w-dyn-item"><img src="assets/images/PALOSECO-p-800-d80cd9.png" loading="lazy" alt="Logo de Paloseco" sizes="100vw" srcset="assets/images/PALOSECO-p-500-9bbe24.png 500w, assets/images/PALOSECO-p-800-d80cd9.png 800w" class="image-12"/></div><div role="listitem" class="splide__slide logos w-dyn-item"><img src="assets/images/Novartis-p-800-a584eb.png" loading="lazy" alt="Logo de Novartis" sizes="100vw" srcset="assets/images/Novartis-p-500-36c5dd.png 500w, assets/images/Novartis-p-800-a584eb.png 800w" class="image-12"/></div><div role="listitem" class="splide__slide logos w-dyn-item"><img src="assets/images/Eventoplus-p-800-09660f.png" loading="lazy" alt="Logo de Eventoplus" sizes="100vw" srcset="assets/images/Eventoplus-p-500-967e44.png 500w, assets/images/Eventoplus-p-800-09660f.png 800w" class="image-12"/></div><div role="listitem" class="splide__slide logos w-dyn-item"><img src="assets/images/Mahou-p-800-d2dd75.png" loading="lazy" alt="Logo de Mahou" sizes="100vw" srcset="assets/images/Mahou-p-500-4a8b99.png 500w, assets/images/Mahou-p-800-d2dd75.png 800w" class="image-12"/></div><div role="listitem" class="splide__slide logos w-dyn-item"><img src="assets/images/IMAGIN-p-800-43e1cd.png" loading="lazy" alt="Logo de imagin" sizes="100vw" srcset="assets/images/IMAGIN-p-500-4503dd.png 500w, assets/images/IMAGIN-p-800-43e1cd.png 800w" class="image-12"/></div><div role="listitem" class="splide__slide logos w-dyn-item"><img src="assets/images/Ferrer-p-800-e158eb.png" loading="lazy" alt="Logo de Ferrer" sizes="100vw" srcset="assets/images/Ferrer-p-500-5ad208.png 500w, assets/images/Ferrer-p-800-e158eb.png 800w" class="image-12"/></div><div role="listitem" class="splide__slide logos w-dyn-item"><img src="assets/images/Fedefarma-p-800-9545ce.png" loading="lazy" alt="Logo de Fedefarma" sizes="100vw" srcset="assets/images/Fedefarma-p-500-d353db.png 500w, assets/images/Fedefarma-p-800-9545ce.png 800w" class="image-12"/></div><div role="listitem" class="splide__slide logos w-dyn-item"><img src="assets/images/Danone-p-800-463441.png" loading="lazy" alt="Logo de Danone" sizes="100vw" srcset="assets/images/Danone-p-500-395ed6.png 500w, assets/images/Danone-p-800-463441.png 800w" class="image-12"/></div><div role="listitem" class="splide__slide logos w-dyn-item"><img src="assets/images/Cercle-Economia-p-800-31ae84.png" loading="lazy" alt="Logo de Cercle d'Economia" sizes="100vw" srcset="assets/images/Cercle-Economia-p-500-806dc3.png 500w, assets/images/Cercle-Economia-p-800-31ae84.png 800w" class="image-12"/></div><div role="listitem" class="splide__slide logos w-dyn-item"><img src="assets/images/Bergner-p-800-e076db.png" loading="lazy" alt="Logo de Bergner" sizes="100vw" srcset="assets/images/Bergner-p-500-b36410.png 500w, assets/images/Bergner-p-800-e076db.png 800w" class="image-12"/></div><div role="listitem" class="splide__slide logos w-dyn-item"><img src="assets/images/AED-p-800-fefc19.png" loading="lazy" alt="Logo de AED" sizes="100vw" srcset="assets/images/AED-p-500-497170.png 500w, assets/images/AED-p-800-fefc19.png 800w" class="image-12"/></div><div role="listitem" class="splide__slide logos w-dyn-item"><img src="assets/images/Abertis-p-800-01f002.png" loading="lazy" alt="Logo de Abertis" sizes="100vw" srcset="assets/images/Abertis-p-500-faa7f6.png 500w, assets/images/Abertis-p-800-01f002.png 800w" class="image-12"/></div><div role="listitem" class="splide__slide logos w-dyn-item"><img src="assets/images/CaixaBank-p-800-6d5bda.png" loading="lazy" alt="Logo de CaixaBank" sizes="100vw" srcset="assets/images/CaixaBank-p-500-e8aa13.png 500w, assets/images/CaixaBank-p-800-6d5bda.png 800w" class="image-12"/></div></div></div></div></section><section id="equipo" data-w-id="9373d343-67a3-8c0c-0e0a-0b95ed7d91b1" class="equipo"><div data-w-id="35380463-5c9f-d211-7cfc-20882a4ae717" class="section-block small"><h2 class="h-section black tpl-h1">Equipo</h2></div><div data-w-id="365e6974-3128-bb83-1b48-26ce98ebc0a4" class="section-block desktop"><div class="h-section black tpl-h1">Equipo</div></div><div data-w-id="2b2cb495-67ac-d581-698f-687f555156af" class="trigger-equipo-desktop"><div class="equipo_sticky_container"><div class="textbox-wrapper is-left"><div class="textbox-line is-left"><div class="text tpl-h2">La mejor manera </div><div class="text tpl-h2">de que descubráis </div></div><div class="textbox-line is-left"><div class="text tpl-h2">el equipo, </div><div class="text tpl-h2">su </div><div data-w-id="e5451d64-531e-4604-fc0a-9908114bb34e" class="textbox-focus x-equipo"><div style="-webkit-transform:translate3d(0em, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0em, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0em, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0em, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="wrap-text-small"><div class="text is-focused tpl-h2">ingenio  integridad  generosidad  ingenio  </div></div></div><div class="text tpl-h2"> es que nos </div><div class="text tpl-h2">
540conozcáis.</div></div><div class="textbox-line a-capo"><div class="text cuerpo-unico tpl-h2">Somos pocos o muchos, según se mire, pero<br/>en cada una de estas personas encontraréis<br/>un Creative Partner.</div></div></div></div><div class="column-wrap"><div class="column w-dyn-list"><div role="list" class="img-column w-dyn-items"><!--equipo:columna-izquierda--><div data-w-id="86504cee-a990-1217-d2e9-acf8fe1533ad" role="listitem" class="box-img is-container w-dyn-item"><div class="box-img is-info"><div class="info--equipo"><h3 class="nombre">Marcos Canas</h3><h4 class="cargo">CEO</h4></div><div style="background-color:hsla(0, 0.00%, 100.00%, 1.00)" class="base-line-img"></div></div><img src="assets/images/equipo/marcos-canas.jpg" loading="lazy" alt="Marcos Canas, CEO en Templeton" sizes="(max-width: 991px) 50vw, 28vw" srcset="assets/images/equipo/marcos-canas-500.jpg 500w, assets/images/equipo/marcos-canas.jpg 800w" class="box-img is--img"/><img src="assets/images/equipo/marcos-canas-hover.jpg" loading="lazy" alt="" sizes="(max-width: 991px) 50vw, 28vw" srcset="assets/images/equipo/marcos-canas-hover-500.jpg 500w, assets/images/equipo/marcos-canas-hover.jpg 800w" class="box-img is--img _2"/></div><div data-w-id="86504cee-a990-1217-d2e9-acf8fe1533ad" role="listitem" class="box-img is-container w-dyn-item"><div class="box-img is-info"><div class="info--equipo"><h3 class="nombre">Mila MarÃn</h3><h4 class="cargo">Client Services Director</h4></div><div style="background-color:#0043d8" class="base-line-img"></div></div><img src="assets/images/equipo/mila-marin.jpg" loading="lazy" alt="Mila MarÃn, Client Services Director en Templeton" sizes="(max-width: 991px) 50vw, 28vw" srcset="assets/images/equipo/mila-marin-500.jpg 500w, assets/images/equipo/mila-marin.jpg 800w" class="box-img is--img"/><img src="assets/images/equipo/mila-marin-hover.jpg" loading="lazy" alt="" sizes="(max-width: 991px) 50vw, 28vw" srcset="assets/images/equipo/mila-marin-hover-500.jpg 500w, assets/images/equipo/mila-marin-hover.jpg 800w" class="box-img is--img _2"/></div><div data-w-id="86504cee-a990-1217-d2e9-acf8fe1533ad" role="listitem" class="box-img is-container w-dyn-item"><div class="box-img is-info"><div class="info--equipo"><h3 class="nombre">Mauro Conti</h3><h4 class="cargo">Graphic Designer</h4></div><div style="background-color:hsla(55.76470588235294, 100.00%, 50.00%, 1.00)" class="base-line-img"></div></div><img src="assets/images/equipo/mauro-conti.jpg" loading="lazy" alt="Mauro Conti, Graphic Designer en Templeton" sizes="(max-width: 991px) 50vw, 28vw" srcset="assets/images/equipo/mauro-conti-500.jpg 500w, assets/images/equipo/mauro-conti.jpg 800w" class="box-img is--img"/><img src="assets/images/equipo/mauro-conti-hover.jpg" loading="lazy" alt="" sizes="(max-width: 991px) 50vw, 28vw" srcset="assets/images/equipo/mauro-conti-hover-500.jpg 500w, assets/images/equipo/mauro-conti-hover.jpg 800w" class="box-img is--img _2"/></div><div data-w-id="86504cee-a990-1217-d2e9-acf8fe1533ad" role="listitem" class="box-img is-container w-dyn-item"><div class="box-img is-info"><div class="info--equipo"><h3 class="nombre">Silvia Beltrán</h3><h4 class="cargo">Project Manager</h4></div><div style="background-color:#0043d8" class="base-line-img"></div></div><img src="assets/images/equipo/silvia-beltran.jpg" loading="lazy" alt="Silvia Beltrán, Project Manager en Templeton" sizes="(max-width: 991px) 50vw, 28vw" srcset="assets/images/equipo/silvia-beltran-500.jpg 500w, assets/images/equipo/silvia-beltran.jpg 800w" class="box-img is--img"/><img src="assets/images/equipo/silvia-beltran-hover.jpg" loading="lazy" alt="" sizes="(max-width: 991px) 50vw, 28vw" srcset="assets/images/equipo/silvia-beltran-hover-500.jpg 500w, assets/images/equipo/silvia-beltran-hover.jpg 800w" class="box-img is--img _2"/></div><div data-w-id="86504cee-a990-1217-d2e9-acf8fe1533ad" role="listitem" class="box-img is-container w-dyn-item"><div class="box-img is-info"><div class="info--equipo"><h3 class="nombre">Alicia Caparrós</h3><h4 class="cargo">Project Manager</h4></div><div style="background-color:#0043d8" class="base-line-img"></div></div><img src="assets/images/equipo/alicia-caparros.jpg" loading="lazy" alt="Alicia Caparrós, Project Manager en Templeton" sizes="(max-width: 991px) 50vw, 28vw" srcset="assets/images/equipo/alicia-caparros-500.jpg 500w, assets/images/equipo/alicia-caparros.jpg 800w" class="box-img is--img"/><img src="assets/images/equipo/alicia-caparros-hover.jpg" loading="lazy" alt="" sizes="(max-width: 991px) 50vw, 28vw" srcset="assets/images/equipo/alicia-caparros-hover-500.jpg 500w, assets/images/equipo/alicia-caparros-hover.jpg 800w" class="box-img is--img _2"/></div><div data-w-id="86504cee-a990-1217-d2e9-acf8fe1533ad" role="listitem" class="box-img is-container w-dyn-item"><div class="box-img is-info"><div class="info--equipo"><h3 class="nombre">Pol Pérez</h3><h4 class="cargo">Editor</h4></div><div style="background-color:hsla(4.56140350877193, 85.07%, 39.41%, 1.00)" class="base-line-img"></div></div><img src="assets/images/equipo/pol-perez.jpg" loading="lazy" alt="Pol Pérez, Editor en Templeton" sizes="(max-width: 991px) 50vw, 28vw" srcset="assets/images/equipo/pol-perez-500.jpg 500w, assets/images/equipo/pol-perez.jpg 800w" class="box-img is--img"/><img src="assets/images/equipo/pol-perez-hover.jpg" loading="lazy" alt="" sizes="(max-width: 991px) 50vw, 28vw" srcset="assets/images/equipo/pol-perez-hover-500.jpg 500w, assets/images/equipo/pol-perez-hover.jpg 800w" class="box-img is--img _2"/></div><div data-w-id="86504cee-a990-1217-d2e9-acf8fe1533ad" role="listitem" class="box-img is-container w-dyn-item"><div class="box-img is-info"><div class="info--equipo"><h3 class="nombre">Alba Fernández</h3><h4 class="cargo">Account Executive</h4></div><div style="background-color:#0043d8" class="base-line-img"></div></div><img src="assets/images/equipo/alba-fernandez.jpg" loading="lazy" alt="Alba Fernández, Account Executive en Templeton" sizes="(max-width: 991px) 50vw, 28vw" srcset="assets/images/equipo/alba-fernandez-500.jpg 500w, assets/images/equipo/alba-fernandez.jpg 800w" class="box-img is--img"/><img src="assets/images/equipo/alba-fernandez-hover.jpg" loading="lazy" alt="" sizes="(max-width: 991px) 50vw, 28vw" srcset="assets/images/equipo/alba-fernandez-hover-500.jpg 500w, assets/images/equipo/alba-fernandez-hover.jpg 800w" class="box-img is--img _2"/></div><div data-w-id="86504cee-a990-1217-d2e9-acf8fe1533ad" role="listitem" class="box-img is-container w-dyn-item"><div class="box-img is-info"><div class="info--equipo"><h3 class="nombre">Alex Astorino</h3><h4 class="cargo">Account Executive</h4></div><div style="background-color:#0043d8" class="base-line-img"></div></div><img src="assets/images/equipo/alex-astorino.jpg" loading="lazy" alt="Alex Astorino, Account Executive en Templeton" sizes="(max-width: 991px) 50vw, 28vw" srcset="assets/images/equipo/alex-astorino-500.jpg 500w, assets/images/equipo/alex-astorino.jpg 800w" class="box-img is--img"/><img src="assets/images/equipo/alex-astorino-hover.jpg" loading="lazy" alt="" sizes="(max-width: 991px) 50vw, 28vw" srcset="assets/images/equipo/alex-astorino-hover-500.jpg 500w, assets/images/equipo/alex-astorino-hover.jpg 800w" class="box-img is--img _2"/></div><!--/equipo:columna-izquierda--></div></div><div class="column w-dyn-list"><div role="list" class="img-column w-dyn-items"><!--equipo:columna-derecha--><div data-w-id="1c2b371c-60d2-bdc2-6c67-2fd1fc94b6e2" role="listitem" class="box-img is-container w-dyn-item"><div class="box-img is-info"><div class="info--equipo"><h3 class="nombre">Laura Guibelalde</h3><h4 class="cargo">Project Manager</h4></div><div style="background-color:#0043d8" class="base-line-img"></div></div><div class="box-img is--img _2"><img src="assets/images/equipo/laura-guibelalde.jpg" loading="lazy" alt="Laura Guibelalde, Project Manager en Templeton" sizes="(max-width: 991px) 50vw, 28vw" srcset="assets/images/equipo/laura-guibelalde-500.jpg 500w, assets/images/equipo/laura-guibelalde.jpg 800w" class="img-equipo first"/></div><div class="box-img is--img"><img src="assets/images/equipo/laura-guibelalde-hover.jpg" loading="lazy" alt="" sizes="(max-width: 991px) 50vw, 28vw" srcset="assets/images/equipo/laura-guibelalde-hover-500.jpg 500w, assets/images/equipo/laura-guibelalde-hover.jpg 800w" class="img-equipo second"/></div></div><div data-w-id="1c2b371c-60d2-bdc2-6c67-2fd1fc94b6e2" role="listitem" class="box-img is-container w-dyn-item"><div class="box-img is-info"><div class="info--equipo"><h3 class="nombre">Albert DÃaz</h3><h4 class="cargo">Creative</h4></div><div style="background-color:hsla(55.76470588235294, 100.00%, 50.00%, 1.00)" class="base-line-img"></div></div><div class="box-img is--img _2"><img src="assets/images/equipo/albert-diaz.jpg" loading="lazy" alt="Albert DÃaz, Creative en Templeton" sizes="(max-width: 991px) 50vw, 28vw" srcset="assets/images/equipo/albert-diaz-500.jpg 500w, assets/images/equipo/albert-diaz.jpg 800w" class="img-equipo first"/></div><div class="box-img is--img"><img src="assets/images/equipo/albert-diaz-hover.jpg" loading="lazy" alt="" sizes="(max-width: 991px) 50vw, 28vw" srcset="assets/images/equipo/albert-diaz-hover-500.jpg 500w, assets/images/equipo/albert-diaz-hover.jpg 800w" class="img-equipo second"/></div></div><div data-w-id="1c2b371c-60d2-bdc2-6c67-2fd1fc94b6e2" role="listitem" class="box-img is-container w-dyn-item"><div class="box-img is-info"><div class="info--equipo"><h3 class="nombre">Franck Adan</h3><h4 class="cargo">Technical Coordinator</h4></div><div style="background-color:hsla(4.56140350877193, 85.07%, 39.41%, 1.00)" class="base-line-img"></div></div><div class="box-img is--img _2"><img src="assets/images/equipo/franck-adan.jpg" loading="lazy" alt="Franck Adan, Technical Coordinator en Templeton" sizes="(max-width: 991px) 50vw, 28vw" srcset="assets/images/equipo/franck-adan-500.jpg 500w, assets/images/equipo/franck-adan.jpg 800w" class="img-equipo first"/></div><div class="box-img is--img"><img src="assets/images/equipo/franck-adan-hover.jpg" loading="lazy" alt="" sizes="(max-width: 991px) 50vw, 28vw" srcset="assets/images/equipo/franck-adan-hover-500.jpg 500w, assets/images/equipo/franck-adan-hover.jpg 800w" class="img-equipo second"/></div></div><div data-w-id="1c2b371c-60d2-bdc2-6c67-2fd1fc94b6e2" role="listitem" class="box-img is-container w-dyn-item"><div class="box-img is-info"><div class="info--equipo"><h3 class="nombre">Jaume Segura</h3><h4 class="cargo">Graphic Designer</h4></div><div style="background-color:hsla(55.76470588235294, 100.00%, 50.00%, 1.00)" class="base-line-img"></div></div><div class="box-img is--img _2"><img src="assets/images/equipo/jaume-segura.jpg" loading="lazy" alt="Jaume Segura, Graphic Designer en Templeton" sizes="(max-width: 991px) 50vw, 28vw" srcset="assets/images/equipo/jaume-segura-500.jpg 500w, assets/images/equipo/jaume-segura.jpg 800w" class="img-equipo first"/></div><div class="box-img is--img"><img src="assets/images/equipo/jaume-segura-hover.jpg" loading="lazy" alt="" sizes="(max-width: 991px) 50vw, 28vw" srcset="assets/images/equipo/jaume-segura-hover-500.jpg 500w, assets/images/equipo/jaume-segura-hover.jpg 800w" class="img-equipo second"/></div></div><div data-w-id="1c2b371c-60d2-bdc2-6c67-2fd1fc94b6e2" role="listitem" class="box-img is-container w-dyn-item"><div class="box-img is-info"><div class="info--equipo"><h3 class="nombre">Kevin Martos</h3><h4 class="cargo">Creative & Senior Copywriter</h4></div><div style="background-color:hsla(55.76470588235294, 100.00%, 50.00%, 1.00)" class="base-line-img"></div></div><div class="box-img is--img _2"><img src="assets/images/equipo/kevin-martos.jpg" loading="lazy" alt="Kevin Martos, Creative & Senior Copywriter en Templeton" sizes="(max-width: 991px) 50vw, 28vw" srcset="assets/images/equipo/kevin-martos-500.jpg 500w, assets/images/equipo/kevin-martos.jpg 800w" class="img-equipo first"/></div><div class="box-img is--img"><img src="assets/images/equipo/kevin-martos-hover.jpg" loading="lazy" alt="" sizes="(max-width: 991px) 50vw, 28vw" srcset="assets/images/equipo/kevin-martos-hover-500.jpg 500w, assets/images/equipo/kevin-martos-hover.jpg 800w" class="img-equipo second"/></div></div><div data-w-id="1c2b371c-60d2-bdc2-6c67-2fd1fc94b6e2" role="listitem" class="box-img is-container w-dyn-item"><div class="box-img is-info"><div class="info--equipo"><h3 class="nombre">Patricia Mani</h3><h4 class="cargo">Account Director</h4></div><div style="background-color:#0043d8" class="base-line-img"></div></div><div class="box-img is--img _2"><img src="assets/images/equipo/patricia-mani.jpg" loading="lazy" alt="Patricia Mani, Account Director en Templeton" sizes="(max-width: 991px) 50vw, 28vw" srcset="assets/images/equipo/patricia-mani-500.jpg 500w, assets/images/equipo/patricia-mani.jpg 800w" class="img-equipo first"/></div><div class="box-img is--img"><img src="assets/images/equipo/patricia-mani-hover.jpg" loading="lazy" alt="" sizes="(max-width: 991px) 50vw, 28vw" srcset="assets/images/equipo/patricia-mani-hover-500.jpg 500w, assets/images/equipo/patricia-mani-hover.jpg 800w" class="img-equipo second"/></div></div><div data-w-id="1c2b371c-60d2-bdc2-6c67-2fd1fc94b6e2" role="listitem" class="box-img is-container w-dyn-item"><div class="box-img is-info"><div class="info--equipo"><h3 class="nombre">Belén Canas</h3><h4 class="cargo">Production & Admin Director</h4></div>
540<div style="background-color:hsla(147.35294117647055, 50.00%, 26.67%, 1.00)" class="base-line-img"></div></div><div class="box-img is--img _2"><img src="assets/images/equipo/belen-canas.jpg" loading="lazy" alt="Belén Canas, Production & Admin Director en Templeton" sizes="(max-width: 991px) 50vw, 28vw" srcset="assets/images/equipo/belen-canas-500.jpg 500w, assets/images/equipo/belen-canas.jpg 800w" class="img-equipo first"/></div><div class="box-img is--img"><img src="assets/images/equipo/belen-canas-hover.jpg" loading="lazy" alt="" sizes="(max-width: 991px) 50vw, 28vw" srcset="assets/images/equipo/belen-canas-hover-500.jpg 500w, assets/images/equipo/belen-canas-hover.jpg 800w" class="img-equipo second"/></div></div><!--/equipo:columna-derecha--></div></div></div></div><div class="trigger-equipo-small"><div class="equipo_sticky_container"><div class="textbox-wrapper"><div class="textbox-line"><div class="text tpl-h2">La mejor manera </div><div class="text tpl-h2">de que descubráis </div></div><div class="textbox-line"><div class="text tpl-h2">el equipo, </div><div class="text tpl-h2">su </div><div data-w-id="309fd50f-72a4-9096-9676-91604bbc642e" class="textbox-focus x-equipo"><div data-w-id="309fd50f-72a4-9096-9676-91604bbc642f" style="-webkit-transform:translate3d(0em, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0em, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0em, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0em, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="wrap-text-small"><div class="text is-focused tpl-h2">ingenio  integridad  generosidad  ingenio  </div></div></div><div class="text tpl-h2"> es que  </div></div><div class="textbox-line"><div class="text tpl-h2">nos conozcáis.</div></div><div class="textbox-line a-capo center"><div class="text cuerpo-unico tpl-h2">Somos pocos o muchos, según se mire, pero en cada una de estas personas encontraréis un creative partner.</div></div></div></div><div class="splide slider4"><div class="splide__track w-dyn-list"><div role="list" class="splide__list w-dyn-items"><!--equipo:mobile--><div data-w-id="1b1745b3-dea3-321d-4aac-02cf92af47af" style="background-image:url("assets/images/equipo/marcos-canas.jpg")" role="listitem" class="splide__slide equipo w-dyn-item"><div class="box-img is-info"><div class="info-scheda-small"><h3 class="nombre">Marcos Canas</h3><h4 class="cargo">CEO</h4></div><div style="background-color:hsla(0, 0.00%, 100.00%, 1.00)" class="base-line-img"></div></div></div><div data-w-id="1b1745b3-dea3-321d-4aac-02cf92af47af" style="background-image:url("assets/images/equipo/belen-canas.jpg")" role="listitem" class="splide__slide equipo w-dyn-item"><div class="box-img is-info"><div class="info-scheda-small"><h3 class="nombre">Belén Canas</h3><h4 class="cargo">Production & Admin Director</h4></div><div style="background-color:hsla(147.35294117647055, 50.00%, 26.67%, 1.00)" class="base-line-img"></div></div></div><div data-w-id="1b1745b3-dea3-321d-4aac-02cf92af47af" style="background-image:url("assets/images/equipo/mila-marin.jpg")" role="listitem" class="splide__slide equipo w-dyn-item"><div class="box-img is-info"><div class="info-scheda-small"><h3 class="nombre">Mila MarÃn</h3><h4 class="cargo">Client Services Director</h4></div><div style="background-color:#0043d8" class="base-line-img"></div></div></div><div data-w-id="1b1745b3-dea3-321d-4aac-02cf92af47af" style="background-image:url("assets/images/equipo/patricia-mani.jpg")" role="listitem" class="splide__slide equipo w-dyn-item"><div class="box-img is-info"><div class="info-scheda-small"><h3 class="nombre">Patricia Mani</h3><h4 class="cargo">Account Director</h4></div><div style="background-color:#0043d8" class="base-line-img"></div></div></div><div data-w-id="1b1745b3-dea3-321d-4aac-02cf92af47af" style="background-image:url("assets/images/equipo/mauro-conti.jpg")" role="listitem" class="splide__slide equipo w-dyn-item"><div class="box-img is-info"><div class="info-scheda-small"><h3 class="nombre">Mauro Conti</h3><h4 class="cargo">Graphic Designer</h4></div><div style="background-color:hsla(55.76470588235294, 100.00%, 50.00%, 1.00)" class="base-line-img"></div></div></div><div data-w-id="1b1745b3-dea3-321d-4aac-02cf92af47af" style="background-image:url("assets/images/equipo/kevin-martos.jpg")" role="listitem" class="splide__slide equipo w-dyn-item"><div class="box-img is-info"><div class="info-scheda-small"><h3 class="nombre">Kevin Martos</h3><h4 class="cargo">Creative & Senior Copywriter</h4></div><div style="background-color:hsla(55.76470588235294, 100.00%, 50.00%, 1.00)" class="base-line-img"></div></div></div><div data-w-id="1b1745b3-dea3-321d-4aac-02cf92af47af" style="background-image:url("assets/images/equipo/silvia-beltran.jpg")" role="listitem" class="splide__slide equipo w-dyn-item"><div class="box-img is-info"><div class="info-scheda-small"><h3 class="nombre">Silvia Beltrán</h3><h4 class="cargo">Project Manager</h4></div><div style="background-color:#0043d8" class="base-line-img"></div></div></div><div data-w-id="1b1745b3-dea3-321d-4aac-02cf92af47af" style="background-image:url("assets/images/equipo/jaume-segura.jpg")" role="listitem" class="splide__slide equipo w-dyn-item"><div class="box-img is-info"><div class="info-scheda-small"><h3 class="nombre">Jaume Segura</h3><h4 class="cargo">Graphic Designer</h4></div><div style="background-color:hsla(55.76470588235294, 100.00%, 50.00%, 1.00)" class="base-line-img"></div></div></div><div data-w-id="1b1745b3-dea3-321d-4aac-02cf92af47af" style="background-image:url("assets/images/equipo/alicia-caparros.jpg")" role="listitem" class="splide__slide equipo w-dyn-item"><div class="box-img is-info"><div class="info-scheda-small"><h3 class="nombre">Alicia Caparrós</h3><h4 class="cargo">Project Manager</h4></div><div style="background-color:#0043d8" class="base-line-img"></div></div></div><div data-w-id="1b1745b3-dea3-321d-4aac-02cf92af47af" style="background-image:url("assets/images/equipo/franck-adan.jpg")" role="listitem" class="splide__slide equipo w-dyn-item"><div class="box-img is-info"><div class="info-scheda-small"><h3 class="nombre">Franck Adan</h3><h4 class="cargo">Technical Coordinator</h4></div><div style="background-color:hsla(4.56140350877193, 85.07%, 39.41%, 1.00)" class="base-line-img"></div></div></div><div data-w-id="1b1745b3-dea3-321d-4aac-02cf92af47af" style="background-image:url("assets/images/equipo/pol-perez.jpg")" role="listitem" class="splide__slide equipo w-dyn-item"><div class="box-img is-info"><div class="info-scheda-small"><h3 class="nombre">Pol Pérez</h3><h4 class="cargo">Editor</h4></div><div style="background-color:hsla(4.56140350877193, 85.07%, 39.41%, 1.00)" class="base-line-img"></div></div></div><div data-w-id="1b1745b3-dea3-321d-4aac-02cf92af47af" style="background-image:url("assets/images/equipo/albert-diaz.jpg")" role="listitem" class="splide__slide equipo w-dyn-item"><div class="box-img is-info"><div class="info-scheda-small"><h3 class="nombre">Albert DÃaz</h3><h4 class="cargo">Creative</h4></div><div style="background-color:hsla(55.76470588235294, 100.00%, 50.00%, 1.00)" class="base-line-img"></div></div></div><div data-w-id="1b1745b3-dea3-321d-4aac-02cf92af47af" style="background-image:url("assets/images/equipo/alba-fernandez.jpg")" role="listitem" class="splide__slide equipo w-dyn-item"><div class="box-img is-info"><div class="info-scheda-small"><h3 class="nombre">Alba Fernández</h3><h4 class="cargo">Account Executive</h4></div><div style="background-color:#0043d8" class="base-line-img"></div></div></div><div data-w-id="1b1745b3-dea3-321d-4aac-02cf92af47af" style="background-image:url("assets/images/equipo/laura-guibelalde.jpg")" role="listitem" class="splide__slide equipo w-dyn-item"><div class="box-img is-info"><div class="info-scheda-small"><h3 class="nombre">Laura Guibelalde</h3><h4 class="cargo">Project Manager</h4></div><div style="background-color:#0043d8" class="base-line-img"></div></div></div><div data-w-id="1b1745b3-dea3-321d-4aac-02cf92af47af" style="background-image:url("assets/images/equipo/alex-astorino.jpg")" role="listitem" class="splide__slide equipo w-dyn-item"><div class="box-img is-info"><div class="info-scheda-small"><h3 class="nombre">Alex Astorino</h3><h4 class="cargo">Account Executive</h4></div><div style="background-color:#0043d8" class="base-line-img"></div></div></div><!--/equipo:mobile--></div></div></div></div></section><section id="contactos" class="contactos"><div class="info"><div class="container-contactos is--left"><div class="textbox-wrapper is-left small"><div class="textbox-line is-left white"><div class="text tpl-h2">Tanto si tienes </div><div class="text tpl-h2">una marca </div><div class="text tpl-h2">con inquietudes </div><div class="text tpl-h2">como</div></div><div class="textbox-line is-left white"><div class="text tpl-h2">si quieres </div><div class="text tpl-h2">formar parte </div><div class="text tpl-h2">de nuestro </div><div class="text tpl-h2">equipo </div><div class="text tpl-h2">o saber </div></div><div class="textbox-line is-left white"><div class="text tpl-h2">más </div><div class="text tpl-h2">de nosotros,  </div><div class="text tpl-h2">puedes </div><div data-w-id="6d0a5fa4-c680-b71a-092c-dbe54febaf20" class="textbox-focus x-contacto"><div style="-webkit-transform:translate3d(0em, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0em, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0em, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0em, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="wrap-text-small"><div class="text is-focused tpl-h2">escribirnos  llamarnos  visitarnos  escribirnos</div></div></div><div class="text tpl-h2"> .</div></div></div><div class="textbox-wrapper is-left small xs"><div class="textbox-line is-left white"><div class="text tpl-h2">Tanto si tienes </div><div class="text tpl-h2">una marca </div></div><div class="textbox-line is-left white"><div class="text tpl-h2">con inquietudes </div><div class="text tpl-h2">como</div><div class="text tpl-h2">si quieres </div></div><div class="textbox-line is-left white"><div class="text tpl-h2">formar parte </div><div class="text tpl-h2">de nuestro </div><div class="text tpl-h2">equipo </div></div><div class="textbox-line is-left white"><div class="text tpl-h2">o saber </div><div class="text tpl-h2">más </div><div class="text tpl-h2">de nosotros,  </div></div><div class="textbox-line is-left white"><div class="text tpl-h2">puedes </div><div data-w-id="eb430a5b-0ceb-e8cf-5ca8-818046e0a4ab" class="textbox-focus x-contacto"><div data-w-id="eb430a5b-0ceb-e8cf-5ca8-818046e0a4ac" style="-webkit-transform:translate3d(0em, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0em, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0em, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0em, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="wrap-text-small"><div class="text is-focused tpl-h2">escribirnos  llamarnos  visitarnos  escribirnos</div></div></div><div class="text tpl-h2"> .</div></div></div><div class="datos"><div class="textbox-wrapper is-left"><div class="textbox-line is-left white"><h2 class="text caption footer-version">Contacto</h2></div><div class="textbox-line is-left white"><a href="mailto:[email protected]" class="text yellow">[email protected]</a></div></div><div class="textbox-wrapper is-left"><div class="textbox-line is-left white"><div class="text caption footer-version tpl-h2">Teléfono</div></div><div class="textbox-line is-left white"><a href="tel:+34932030951" class="text">+34 932 030 951</a></div></div><div class="textbox-wrapper is-left"><div class="textbox-line is-left white"><div class="text caption footer-version tpl-h2">Dirección</div></div><div class="textbox-line is-left white"><a href="https://www.google.es/maps/place/SRTA+TEMPLETON+SL/@41.394195,2.1527142,17z/data=!3m1!4b1!4m5!3m4!1s0x12a4a3cc74a6b53f:0x36cbd94683334b31!8m2!3d41.3942324!4d2.1571564" target="_blank" class="text interlinea f">C. Córsega, 276 Pral.2,<br/>08008 - Barcelona</a></div></div></div></div><div class="container-contactos is--form"><div class="formulario"><div class="form-block-2 w-form"><div class="style-settings w-embed"><style> 541:root { 542 /* ----------- Colors ----------- */ 543 --list-bg-color: white; 544 --list-text-color: black; /* Use "inherit" to take on parent text color */ 545 --select-field-arrow-color: black; /* This is the select field arrow color */ 546 --border-color-active: black; /* Active State */ 547 --border-color-hover: black; /* Select Field could be the same as your form field border color */ 548 --list-item-bg-color: gray;
548 /* Select Field Hover/Focus State */ 549 550 /* ----------- Spacing ----------- */ 551 --select-field-padding-left: 12px; /* Match the padding values for your form fields */ 552 --select-field-padding-right: 12px; /* Match the padding values for your form fields */ 553 --list-padding-top-bottom: 10px; /* This is the top and bottom padding for the dropdown list */ 554 --list-max-height: 150px; /* You can set this to "Auto" as well */ 555 --list-min-width: 35vw; /* You can set this to "Auto" as well */ 556 --list-item-padding-left: 7vw; 557 --list-item-padding-right: 18px; 558 --list-item-min-height: 40px; /* This is the height of each list item in the dropdown */ 559 --list-item-line-height: 40px; /* This is the height of each list item in the dropdown */ 560 561 /* ^^^ Make sure both "line-height" and "min-height" are the same! ^^^ */ 562} 563 564 565 566 567.nice-select { 568 -webkit-tap-highlight-color: transparent; 569 box-sizing: border-box; 570 clear: both; 571 padding-left: var(--select-field-padding-left); 572 padding-right: var(--select-field-padding-right); 573 position: relative; 574 text-align: left !important; 575 -webkit-transition: all 0.2s ease-in-out; 576 transition: all 0.2s ease-in-out; 577 -webkit-user-select: none; 578 -moz-user-select: none; 579 -ms-user-select: none; 580 user-select: none; 581 white-space: nowrap; 582} 583 584 585.nice-select:hover { 586 border-color: var(--border-color-hover); 587} 588 589 590.nice-select:active, .nice-select.open, .nice-select:focus { 591 border-color: var(--border-color-active); 592} 593 594 595.nice-select:after { 596 border-bottom: 2px solid var(--select-field-arrow-color); 597 border-right: 2px solid var(--select-field-arrow-color); 598 content: ''; 599 display: block; 600 height: 5px; 601 margin-top: -4px; 602 pointer-events: none; 603 position: absolute; 604 right: 12px; 605 top: 50%; 606 -webkit-transform-origin: 66% 66%; 607 -ms-transform-origin: 66% 66%; 608 transform-origin: 66% 66%; 609 -webkit-transform: rotate(45deg); 610 -ms-transform: rotate(45deg); 611 transform: rotate(45deg); 612 -webkit-transition: all 0.15s ease-in-out; 613 transition: all 0.15s ease-in-out; 614 width: 5px; 615} 616 617 618.nice-select.open:after { 619 -webkit-transform: rotate(-135deg); 620 -ms-transform: rotate(-135deg); 621 transform: rotate(-135deg); 622} 623 624 625.nice-select.open .list { 626 opacity: 1; 627 pointer-events: auto; 628 -webkit-transform: scale(1) translateY(0); 629 -ms-transform: scale(1) translateY(0); 630 transform: scale(1) translateY(0); 631} 632 633 634.nice-select.disabled { 635 border-color: #ededed; 636 color: #999; 637 pointer-events: none; 638} 639 640 641.nice-select.disabled:after { 642 border-color: #cccccc; 643} 644 645 646.nice-select.wide { 647 width: 100%; 648} 649 650 651.nice-select.wide .list { 652 left: 0 !important; 653 right: 0 !important; 654} 655 656 657.nice-select.right { 658 float: right; 659} 660 661 662.nice-select.right .list { 663 left: auto; 664 right: 0; 665} 666 667 668.nice-select.small { 669 font-size: 12px; 670 height: 36px; 671 line-height: 34px; 672} 673 674 675.nice-select.small:after { 676 height: 4px; 677 width: 4px; 678} 679 680 681.nice-select.small .option { 682 line-height: 34px; 683 min-height: 34px; 684} 685 686 687.nice-select .list { 688 background-color: var(--list-bg-color); 689 color: var(--list-text-color); 690 border-radius: 5px; 691 box-shadow: 0 7px 20px 0px rgba(68, 68, 68, 0.11); 692 border-color: 3px solid #ededed; 693 box-sizing: border-box; 694 margin-top: 4px; 695 opacity: 0; 696 overflow: hidden; 697 padding: var(--list-padding-top-bottom) 0px; 698 pointer-events: none; 699 position: absolute; 700 top: 100%; 701 left: 0; 702 overflow-y: scroll; 703 overflow-x: hidden; 704 max-height: var(--list-max-height); 705 -webkit-transform-origin: 50% 0; 706 -ms-transform-origin: 50% 0; 707 transform-origin: 50% 0; 708 -webkit-transform: scale(0.75) translateY(-21px); 709 -ms-transform: scale(0.75) translateY(-21px); 710 transform: scale(0.75) translateY(-21px); 711 -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; 712 transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; 713 z-index: 9; 714} 715 716 717.nice-select .list:hover .option:not(:hover) { 718 background-color: transparent !important; 719} 720 721 722.nice-select .option { 723 cursor: pointer; 724 font-weight: 400; 725 line-height: var(--list-item-line-height); 726 list-style: none; 727 min-height: var(--list-item-min-height); 728 outline: none; 729 padding-left: var(--list-item-padding-left); 730 padding-right: var(--list-item-padding-right); 731 text-align: left; 732 -webkit-transition: all 0.2s; 733 transition: all 0.2s; 734} 735 736.nice-select .option:first-child { 737 display: none; 738} 739 740span.current { 741 color: var(--list-text-color); 742} 743 744.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus { 745 background-color: var(--list-item-bg-color); 746} 747 748.nice-select .option.selected { 749 font-weight: bold; 750} 751 752.nice-select .option.disabled { 753 background-color: transparent; 754 color: #999; 755 cursor: default; 756} 757 758.no-csspointerevents .nice-select .list { 759display: none; 760} 761 762.no-csspointerevents .nice-select.open .list { 763display: block; 764} 765 766.text-field .list .w-select { 767overflow: visible; 768} 769 770 771</style></div><form action='/' class='form-3' id='email-form' method='post' name='contacto'><input type="hidden" name="form-name" value="contacto" data-tpl=""/><p hidden data-tpl=""><label>No rellenar: <input name="bot-field" tabindex="-1" autocomplete="off"/></label></p><div class="field-wrapper"><input class="text-field w-input" maxlength="256" name="nombre" placeholder="Tu nombre" type="text" id="Name" autocomplete="name" required=""/><label for="Name" class="field-label">Nombre</label></div><div class="field-wrapper"><input class="text-field w-input" maxlength="256" name="email" placeholder="Tu correo" type="email" id="Mail-4" autocomplete="email" required=""/><label for="Mail-4" class="field-label">Correo</label></div><div class="field-wrapper"><select id="Asunto-2" name="asunto" required="" class="text-field list w-select"><option value="">Selecciona una opción</option><option value="Hablamos de un proyecto">Hablar de un proyecto</option><option value="Trabajar con vosotros">Trabajar con vosotros</option><option value="Os quiero contar algo">Contaros algo</option></select><label for="Asunto-2" class="field-label">Asunto</label></div><div class="field-wrapper body-text"><textarea id="Message" name="mensaje" maxlength="5000" placeholder="Tu mensaje" required="" class="text-field txt w-input"></textarea><label for="Message" class="field-label body-text">Mensaje</label></div><div class="div-block-28"><p class="texto-legal">INFORMACIÃN PROTECCIÃN DE DATOS. Responsable: SRTA.TEMPLETON, S.L, C/ CÃRSEGA, 276 PRAL 2ª 08008 BARCELONA. Finalidades: Responder a sus solicitudes y remitirle información sobre nuestros productos y servicios, si procede. Legitimación: Consentimiento del interesado. Destinatarios: No están previstas cesiones de datos. Derechos: Puede retirar su
771consentimiento en cualquier momento, asà como acceder, rectificar, suprimir sus datos y demás derechos en [email protected]. Puede ampliar la información en nuestra PolÃtica de Privacidad.</p></div><div class="div-block-28"><label class="w-checkbox checkbox-field-2"><div class="w-checkbox-input w-checkbox-input--inputType-custom checkbox-2"></div><input id="Pol-tica-de-privacidad" type="checkbox" name="privacidad" value="aceptada" required="" style="opacity:0;position:absolute;z-index:-1"/><span class="checkbox-label w-form-label">Acepto la <a href="./politica-de-privacidad/" target="_blank" class="link-4">polÃtica de privacidad</a></span></label><input type="submit" data-wait="Enviandoâ¦" class="button w-button" value="Enviar"/></div></form><div class="success-message w-form-done" role="status" aria-live="polite"><div class="div-block-35"><div class="text-block-15">¡Tu mensaje ha sido enviado!</div></div></div><div class="error-message w-form-fail" role="alert"><div class="text-block-16">Oops! Algo ha ido mal</div></div></div></div></div></div><div class="fotos"><div class="splide slider3"><div class="splide__track w-dyn-list"><div role="list" class="splide__list w-dyn-items"><div role="listitem" class="splide__slide espacio w-dyn-item"><div class="div-block-34"><img src="assets/images/1-29d8ef.jpg" loading="lazy" alt="Oficina de Templeton en Barcelona" sizes="100vw" srcset="assets/images/1-p-500-7723a5.jpg 500w, assets/images/1-p-800-20659f.jpg 800w, assets/images/1-p-1080-87bbf2.jpg 1080w, assets/images/1-29d8ef.jpg 1920w" class="image-13"/></div></div><div role="listitem" class="splide__slide espacio w-dyn-item"><div class="div-block-34"><img src="assets/images/5-63f16e.jpg" loading="lazy" alt="Oficina de Templeton en Barcelona" class="image-13"/></div></div><div role="listitem" class="splide__slide espacio w-dyn-item"><div class="div-block-34"><img src="assets/images/3-540cdf.jpg" loading="lazy" alt="Oficina de Templeton en Barcelona" sizes="100vw" srcset="assets/images/3-p-500-b59fa7.jpg 500w, assets/images/3-p-800-5aff32.jpg 800w, assets/images/3-p-1080-04ca48.jpg 1080w, assets/images/3-540cdf.jpg 1920w" class="image-13"/></div></div><div role="listitem" class="splide__slide espacio w-dyn-item"><div class="div-block-34"><img src="assets/images/2-861b79.jpg" loading="lazy" alt="Oficina de Templeton en Barcelona" class="image-13"/></div></div><div role="listitem" class="splide__slide espacio w-dyn-item"><div class="div-block-34"><img src="assets/images/6-0a184b.jpg" loading="lazy" alt="Oficina de Templeton en Barcelona" sizes="100vw" srcset="assets/images/6-p-500-580632.jpg 500w, assets/images/6-p-800-306918.jpg 800w, assets/images/6-p-1080-79c32a.jpg 1080w, assets/images/6-0a184b.jpg 1920w" class="image-13"/></div></div><div role="listitem" class="splide__slide espacio w-dyn-item"><div class="div-block-34"><img src="assets/images/8-d509e5.jpg" loading="lazy" alt="Oficina de Templeton en Barcelona" class="image-13"/></div></div><div role="listitem" class="splide__slide espacio w-dyn-item"><div class="div-block-34"><img src="assets/images/7-918b34.jpg" loading="lazy" alt="Oficina de Templeton en Barcelona" class="image-13"/></div></div></div></div></div></div></section><div class="footer"><div class="legal-box legal"><div class="text-footer _40">Templeton 2022© - All rights reserved</div><a href="./aviso-legal/" class="text-footer">Aviso Legal</a><a href="./politica-de-privacidad/" class="text-footer">PolÃtica de privacidad</a><a href="./politica-de-cookies/" class="text-footer">PolÃtica de Cookies</a><div fs-cc="open-preferences" class="fs-cc-manager_button"><div class="text-footer">Editar Cookies</div></div></div><div class="legal-box social"><img src="assets/images/Linkedin-005fee.svg" loading="lazy" alt="" class="image-11"/><a href="https://www.linkedin.com/company/templeton-agencia/" target="_blank" rel="noopener" class="text-footer">Linkedin</a></div><div class="legal-box social"><img src="assets/images/Instagram-5c4950.svg" loading="lazy" alt="" class="image-11"/><a href="https://www.instagram.com/templetonagencia/" target="_blank" rel="noopener" class="text-footer">Instagram</a></div><div class="legal-box logo"><a data-w-id="67f4f9a5-c995-0f3b-2aec-f4ae4b764add" href="./" aria-current="page" class="templeton-logo_new is--footer w-inline-block w--current"><img src="assets/images/Templeton-logo-White-65fb5f.svg" loading="lazy" alt="Templeton" class="logo-white-footer"/><img src="assets/images/Templeton-logo-block-237dc5.svg" loading="lazy" alt="" class="logo-white footer-logo"/></a></div></div>
771<script src="assets/js/jquery-3.5.1.min.dc5e7f18c8-ea5abd.js" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
771<script src="assets/js/webflow.schunk.36b8fb49256177c8-c08dfc.js" type="text/javascript"></script>
771<script src="assets/js/webflow.cceeae84.54f97015ac4f124a-fab8d1.js" type="text/javascript"></script>
771<script src="assets/vendor/gsap-3.10.4.min.js"></script>
vendor: 1 bytes, line 771
771
772<script src="assets/vendor/ScrollTrigger-3.10.4.min.js"></script>
vendor: 1 bytes, line 772
772
773<script src="assets/vendor/splide-4.0.17.min.js"></script>
vendor: 1 bytes, line 773
773
774<script src="assets/vendor/splide-extension-auto-scroll-0.5.3.min.js"></script>
vendor: 1 bytes, line 774
774
775<script> 776/* Textos de accesibilidad de los carruseles en español (por defecto venÃan en inglés) */ 777Splide.defaults = { i18n: { prev: "Anterior", next: "Siguiente", first: "Ir al primero", last: "Ir al último", 778 slideX: "Ir a la diapositiva %s", pageX: "Ir a la página %s", play: "Iniciar", pause: "Pausar", 779 carousel: "carrusel", select: "Elige la diapositiva", slide: "diapositiva", slideLabel: "%s de %s" } }; 780</script>
vendor: 1 bytes, line 780
780
781<script src="assets/vendor/vimeo-player-2.min.js"></script>
vendor: 1 bytes, line 781
781
782<script> 783/* Del script de cookies anterior se conservan solo estos efectos (la gestión de cookies 784 está ahora en assets/js/consentimiento.js). */ 785$(document).ready(function () { 786 $("body").css("overflow-y", ""); 787 // Volver arriba solo si no se llega a una sección concreta (#equipo, #contactosâ¦) 788 if (!location.hash) $(window).scrollTop(0); 789}); 790</script>
790 791 <!-- gsap large (ex codesandbox) --> 792
793<script> gsap.registerPlugin(ScrollTrigger); 794ScrollTrigger.defaults({ 795 markers: false 796}); 797 798let tl = gsap.timeline({ 799 scrollTrigger: { 800 trigger: ".somos_section", 801 start: "top 0", 802 end: "bottom 100%", 803 scrub: 1, 804 snap: { 805 snapTo: "labelsDirectional", // avanza a la etiqueta siguiente en la dirección del scroll (antes: la más cercana, y un scroll corto volvÃa atrás) 806 duration: 1, // the snap animation should be at least 0.2 seconds, but no more than 3 seconds (determined by velocity) 807 delay: 0.1, // wait 0.2 seconds from the last scroll event before doing the snapping 808 ease: "power1.inOut" // the ease of the snap animation ("power3" by default) 809 } 810 } 811}); 812 813//Entrata somos 814 815tl.addLabel("begin") //Label 816 817 .fromTo(".bar-charge-1", { width: "0vw" }, { width: "100vw", duration: 1 }, 1) //Charging 1 blue 818 819 .from(".div_somos_1", { y: "0vh", x: "0vh", scale: 4, duration: 1 }, 1) //Somos zoom out 820 .from(".div_creativep", { x: "50vw", duration: 0.8, delay: 0.2 }, 1) //Creative enter 821 822 // 823 // 824 // 825 // 826 // 827 // 828 // 829 830 .addLabel("start") //Agencia 831 832 .fromTo(".bar-charge-2", { width: "0vw" }, { width: "100vw", duration: 2 }, 2) //Charging 2 yellow 833 834 .to(".somos_section_2", { x: "-50vw", duration: 2 }, 2) //enter copy 1 835 .from(".circle_2", { y: "100vw", duration: 2 }, 2) //enter green circle 836 // 837 // 838 // 839 // 840 // 841 // 842 // 843 844 .addLabel("second") //Partner 845 846 .fromTo(".bar-charge-3", { width: "0vw" }, { width: "100vw", duration: 1 }, 4) //Charging 3 green 847 848 .to(".somos_section_2", { x: "-148vw", duration: 1 }, 4) //Partner to the center 849 .fromTo(".circle_1", { y: "-100vw" }, { y: "-7.3vw", duration: 1 }, 4) //enter white circle 850 .to(".circle_2", { y: "7.3vw", duration: 1 }, 4) //green cirle down 851 // 852 // 853 // 854 // 855 // 856 // 857 // 858 .addLabel("therth") //Creative Partner 859 860 .fromTo(".bar-charge-4", { width: "0vw" }, { width: "100vw", duration: 1 }, 5) //Charging 4 Red 861 862 .to(".somos_section_2", { x: "-183vw", duration: 1 }, 5) //enter copy 2 863 .fromTo( 864 ".circle_container", 865 { rotate: "0deg", y: "0px", duration: 1 }, 866 { rotate: "90deg", y: "20px", duration: 1 }, //rotate circles 867 5 868 ) 869 .fromTo( 870 ".txt_circle_1", 871 { rotate: "0deg", duration: 1 }, 872 { rotate: "-90deg", duration: 1 }, //rotate texts 873 5 874 ) 875 // 876 // 877 // 878 // 879 // 880 // 881 // 882 .addLabel("Giro") //Label 883 884 .fromTo(".bar-charge-5", { width: "0vw" }, { width: "100vw", duration: 1 }, 6) //Charging 885 886 .fromTo( 887 ".txt_circle_1", 888 { opacity: "100%" }, 889 { opacity: "0%", duration: 0.03 }, 890 6 891 ) 892 .fromTo( 893 ".txt_circle_2", 894 { opacity: "100%" }, 895 { opacity: "0%", duration: 0.03 }, 896 6 897 ) 898 .to(".circle_1", { scale: 8, duration: 1 }, 6) 899 .to(".circle_2", { scale: 8, duration: 1 }, 6) 900 .to(".somos_section_2", { x: "-200vw", duration: 1 }, 6) 901 902 .fromTo( 903 ".h1-creative", 904 { opacity: "0%", y: "2vw" }, 905 { opacity: "100%", y: "0vw", duration: 0.6, delay: 0.4 }, 906 6 907 ) 908 .fromTo( 909 ".textbox-wrapper-somos", 910 { opacity: "0%", y: "2vw" }, 911 { opacity: "100%", y: "-4vw", duration: 0.6, delay: 0.5 }, 912 6 913 ) 914 // 915 // 916 // 917 // 918 // 919 // 920 // 921 .addLabel("finish"); //Label 922 923// El primer tramo empezaba en t=1: 1/7 del scroll no animaba nada. Todo arranca en t=0. 924tl.shiftChildren(-1, true, 0.5); 925</script>
925 926 927 928 <!-- gsap small (ex codesandbox) --> 929
930<script> 931// Ancho de la ventana (antes screen.width, la pantalla fÃsica: fallaba en ventanas estrechas) 932var somosMovil = window.matchMedia("(max-width: 990px)"); 933somosMovil.addEventListener("change", function () { location.reload(); }); 934if (somosMovil.matches) { 935 gsap.registerPlugin(ScrollTrigger); 936 ScrollTrigger.defaults({ 937 markers: false 938 }); 939 940 let tl2 = gsap.timeline({ 941 scrollTrigger: { 942 trigger: ".somos_section_s", 943 start: "top 0", 944 end: "bottom 100%", 945 scrub: 1, 946 snap: { 947 snapTo: "labelsDirectional", // avanza a la etiqueta siguiente en la dirección del scroll (antes: la más cercana, y un scroll corto volvÃa atrás) 948 duration: 1, // the snap animation should be at least 0.2 seconds, but no more than 3 seconds (determined by velocity) 949 delay: 0.1, // wait 0.2 seconds from the last scroll event before doing the snapping 950 ease: "power1.inOut" // the ease of the snap animation ("power3" by default) 951 } 952 } 953 }); 954 955 //Entrata somos 956 tl2 957 .addLabel("begin") //Label 958 959 .fromTo( 960 ".bar-charge-1_s", 961 { width: "0vw" }, 962 { width: "100vw", duration: 1 }, 963 1 964 ) //Charging 1 blue 965 966 .from(".div_somos_1_s", { y: "30vh", x: "0vh", scale: 5, duration: 1 }, 1) //Somos zoom out 967 .from(".div_creativep_s", { x: "100vw", duration: 0.8, delay: 0.2 }, 1) //Creative enter 968 // 969 // 970 // 971 // 972 // 973 // 974 // 975 .addLabel("start") //Agencia 976 977 .fromTo( 978 ".bar-charge-2_s", 979 { width: "0vw" }, 980 { width: "100vw", duration: 2 }, 981 2 982 ) 983 984 .to(".somos_section_2_s", { x: "-50vw", duration: 2 }, 2) //enter copy 1 985 .from(".circle_2_s", { y: "120vw", duration: 2 }, 2) //enter green circle 986 .fromTo( 987 ".textbox-wrapper-somos_1_s", 988 { opacity: "0%", y: "2vw" }, 989 { opacity: "100%", y: "-4vw", duration: 0.6, delay: 0.5 }, 990 2 991 ) 992 // 993 // 994 // 995 // 996 // 997 // 998 // 999 .addLabel("second") //Partner 1000 1001 .fromTo( 1002 //Charging 3 green 1003 ".bar-charge-3_s", 1004 { width: "0vw" }, 1005 { width: "100vw", duration: 1 }, 1006 4 1007 ) 1008 1009 .to(".somos_section_2_s", { x: "-148vw", duration: 1 }, 4) //Partner to the center 1010 .fromTo(".circle_1_s", { y: "-120vw" }, { y: "-17vw", duration: 1 }, 4) //enter white circle 1011 .to(".circle_2_s", { y: "17vw", duration: 1 }, 4) //green cirle down 1012 .to( 1013 ".textbox-wrapper-somos_1_s", 1014 { opacity: "0%", y: "2vw", duration: 0.2 }, 1015 4 1016 ) 1017 .fromTo( 1018 ".textbox-wrapper-somos_2_s", 1019 { opacity: "0%", y: "2vw" }, 1020 { opacity: "100%", y: "-4vw", duration: 0.6, delay: 0.5 }, 1021 4 1022 ) 1023 // 1024 // 1025 // 1026 // 1027 // 1028 // 1029 // 1030 .addLabel("therth") //Creative Partner 1031 1032 .fromTo( 1033 ".bar-charge-4_s", 1034 { width: "0vw" }, 1035 { width: "100vw", duration: 1 }, 1036 5 1037 ) //Charging 4 Red 1038 1039 .to(".somos_section_2_s", { x: "-183vw", duration: 1 }, 5) //enter copy 2 1040 .fromTo( 1041 ".circle_container_s", 1042 { rotate: "0deg", y: "0px", duration: 1 }, 1043 { rotate: "90deg", y: "20px", duration: 1 }, //rotate circles 1044 5 1045 ) 1046 .fromTo( 1047 ".txt_circle_1_s", 1048 { rotate: "0deg", duration: 1 }, 1049 { rotate: "-90deg", duration: 1 }, //rotate texts 1050 5 1051 ) 1052 // 1053 // 1054 // 1055 // 1056 // 1057 // 1058 // 1059 .addLabel("Giro") //Label 1060 1061 .fromTo( 1062 ".bar-charge-5_s", 1063 { width: "0vw" }, 1064 { width: "100vw", duration: 1 }, 1065 6 1066 ) //Charging 1067 .to( 1068 ".textbox-wrapper-somos_2_s", 1069 { opacity: "0%", y: "2vw", duration: 2 }, 1070 6 1071 ) 1072 .fromTo( 1073 ".txt_circle_1_s", 1074 { opacity: "100%" }, 1075 { opacity: "0%", duration: 0.03 }, 1076 6 1077 ) 1078 .fromTo( 1079 ".txt_circle_2_s", 1080 { opacity: "100%" }, 1081 { opacity: "0%", duration: 0.03 }, 1082 6 1083 ) 1084 .to(".circle_1_s", { scale: 8, duration: 1 }, 6) 1085 .to(".circle_2_s", { scale: 8, duration: 1 }, 6) 1086 .to(".somos_section_2_s", { x: "-200vw", duration: 1 }, 6) 1087 1088 .fromTo( 1089 ".h1-creative_s", 1090 { opacity: "0%", y: "2vw" }, 1091 { opacity: "100%", y: "0vw", duration: 1, delay: 0.02 }, 1092 6 1093 ) 1094 .fromTo( 1095 ".textbox-wrapper-somos_s", 1096 { opacity: "0%", y: "2vw" }, 1097 { opacity: "100%", y: "-4vw", duration: 1, delay: 0.02 }, 1098 6 1099 ) 1100 // 1101 // 1102 // 1103 // 1104 // 1105 // 1106 // 1107 .addLabel("finish"); //Label 1108 1109// El primer tramo empezaba en t=1: 1/7 del scroll no animaba nada. Todo arranca en t=0. 1110tl2.shiftChildren(-1, true, 0.5); 1111} 1112 1113</script>
1113 1114 1115 <!-- splide (ex codesandbox) --> 1116
1117<script> 1118function slider1() { 1119 //proyectos 1120 let splides = $(".slider1"); 1121 for (let i = 0, splideLength = splides.length; i < splideLength; i++) { 1122 new Splide(splides[i], { 1123 // Desktop on down 1124 perPage: 1, 1125 perMove: 1, 1126 1127 speed: 2000, // transition speed in miliseconds 1128 easing: "cubic-bezier(0.16, 1, 0.3, 1)", 1129 1130 arrowPath: 'st0" cx="20" cy="20" r="1.4', 1131 focus: 0, // 0 = left and 'center' = center 1132 type: "loop", // 'loop' or 'slide' 1133 gap: "0em", // space between slides 1134 arrows: "slider", // 'slider' or false 1135 pagination: "slider", // 'slider' or false 1136 dragAngleThreshold: 30, // default is 30 1137 autoWidth: false, // for cards with differing widths 1138 rewind: false, // go back to beginning when reach end 1139 rewindSpeed: 4000, 1140 waitForTransition: false, 1141 updateOnMove: true, 1142 trimSpace: false, // true removes empty space from end of list 1143 breakpoints: { 1144 991: { 1145 // Tablet 1146 }, 1147 767: { 1148 // Mobile Landscape 1149 }, 1150 479: { 1151 // Mobile Portrait 1152 } 1153 } 1154 }).on("move", alCambiarProyecto).mount(); 1155 } 1156} 1157// Al cambiar de proyecto por cualquier vÃa (flechas, paginación, arrastre): pausar el vÃdeo en curso 1158// y volver a mostrar miniaturas y botón de play. Antes solo pasaba con las flechas. 1159function alCambiarProyecto() { 1160 document.querySelectorAll("#trabajos .video-container iframe[src]").forEach(function (el) { 1161 new Vimeo.Player(el).pause(); 1162 }); 1163 $("#trabajos .video-container .thumbnail").css("display", "flex"); 1164 $("#Playbtn").css("display", "block"); 1165} 1166slider1(); 1167// 1168//// 1169//// 1170//// 1171//// 1172//// 1173//// 1174/* SLIDER 2 */ 1175//// 1176//// 1177//// 1178//// 1179//// 1180//// 1181// 1182 1183const splide2 = new Splide(".slider2", { 1184 perPage: 7, 1185 type: "loop", 1186 autoScroll: { 1187 speed: 1, 1188 pauseOnHover: false 1189 }, 1190 breakpoints: { 1191 991: { 1192 perPage: 4 1193 }, 1194 767: { 1195 perPage: 3 1196 }, 1197 479: { 1198 perPage: 2 1199 } 1200 } 1201}); 1202 1203splide2.mount(window.splide.Extensions); 1204// 1205//// 1206//// 1207//// 1208//// 1209//// 1210//// 1211/* SLIDER 3 */ 1212//// 1213//// 1214//// 1215//// 1216//// 1217//// 1218//// 1219// 1220function slider3() { 1221 //espacios 1222 let splides = $(".slider3"); 1223 for (let i = 0, splideLength = splides.length; i < splideLength; i++) { 1224 new Splide(splides[i], { 1225 // Desktop on down 1226 type: "loop", 1227 focus: "left", 1228 autoWidth: true, 1229 1230 autoplay: true, 1231 interval: 4000, //cada cuánto cambia solo 1232 speed: 2000, // transition speed in miliseconds 1233 1234 perMove: 1, 1235 arrowPath: 'st0" cx="20" cy="20" r="1.4', 1236 gap: "0em", // space between slides 1237 arrows: "slider", // 'slider' or false 1238 pagination: "slider", // 'slider' or false 1239 dragAngleThreshold: 30, // default is 3 1240 rewind: false, // go back to beginning when reach end 1241 rewindSpeed: 4000, 1242 waitForTransition: false, 1243 updateOnMove: true, 1244 trimSpace: false, // true removes empty space from end of list 1245 breakpoints: { 1246 991: {}, 1247 767: {}, 1248 479: { 1249 // Mobile Portrait 1250 } 1251 } 1252 }).mount(); 1253 } 1254} 1255slider3(); 1256// 1257//// 1258//// 1259//// 1260//// 1261//// 1262//// 1263/* SLIDER 4 */ 1264//// 1265//// 1266//// 1267//// 1268//// 1269//// 1270//// 1271// 1272 1273const splide4 = new Splide(".slider4", { 1274 // Desktop on down 1275 autoWidth: true, 1276 type: "loop", 1277 autoScroll: { 1278 speed: 1, 1279 pauseOnHover: false 1280 } 1281}); 1282 1283splide4.mount(window.splide.Extensions); 1284 1285</script>
1285 1286 1287 <!-- splide css (ex codesandbox) --> 1288<style> 1289.text_black { 1290 color: black; 1291} 1292 1293.text_white { 1294 color: white; 1295} 1296 1297.slider2 .splide__arrow { 1298 display: none; 1299} 1300 1301.slider2 .splide__pagination { 1302 display: none; 1303} 1304 1305.slider3 .splide__arrow { 1306 background-color: transparent; 1307 width: 20%; 1308 height: 100%; 1309} 1310 1311.slider3 .splide__pagination { 1312 display: none; 1313} 1314 1315.slider4 .splide__arrow { 1316 display: none; 1317} 1318 1319.slider4 .splide__pagination { 1320 display: none; 1321} 1322 1323@media only screen and (max-width: 991px) { 1324 .slider1 .splide__arrow { 1325 display: none; 1326 } 1327} 1328 1329/* Paginación de Proyectos: siempre en una sola lÃnea; los trazos (80px + 3px) se estrechan si no caben */ 1330.slider1 .splide__pagination { 1331 flex-wrap: nowrap; 1332 left: 0; 1333 right: 0; 1334 width: 100%; 1335 box-sizing: border-box; 1336} 1337.slider1 .splide__pagination li { 1338 flex: 0 1 83px; 1339 min-width: 0; 1340} 1341.slider1 .splide__pagination__page { 1342 width: calc(100% - 3px); 1343} 1344@media only screen and (max-width: 767px) { 1345 .slider1 .splide__pagination { 1346 padding: 0 5vw; 1347 } 1348} 1349 1350/* LÃnea de color del equipo: mismo grosor relativo que en desktop (2,5% del ancho de la ficha) */ 1351@media only screen and (max-width: 991px) { 1352 .base-line-img { 1353 height: auto; 1354 aspect-ratio: 40 / 1; 1355 } 1356} 1357</style> 1358 1359 <!-- ex vimeo --> 1360
1361<script> 1362/* video Vimeo */ 1363 1364var Webflow = Webflow || []; 1365var numVideo = 0; 1366//$("body").css("cursor", "progress"); 1367 1368Webflow.push(function () { 1369 // DOMready has fired 1370 // May now use jQuery and Webflow API 1371 1372 $("body").css("overflow-y", "hidden"); 1373 1374 $("#Playbtn").click(function () { 1375 $("#trabajos .video-container .thumbnail").css("display", "none"); 1376 var iframe = $("#trabajos .is-active.is-visible .video-container iframe"); 1377 cargarIframe(iframe[0]); 1378 var video = new Vimeo.Player(iframe); 1379 video.play(); 1380 $("#Playbtn").css("display", "none"); 1381 }); 1382 1383 $("#PlaybtnReel").click(function () { 1384 $("#header .reel .thumbnail-play").css("display", "none"); 1385 var iframe = $("#header .reel iframe")[numVideo]; 1386 cargarIframe(iframe); 1387 var video = new Vimeo.Player(iframe); 1388 video.play(); 1389 window.reelSonando = true; 1390 }); 1391}); 1392 1393$(".exit-button").click(function () { 1394 var iframe = $(".pop-up-modal .pop-up iframe")[0]; 1395 if (iframe.getAttribute("src")) { 1396 iframe.src = iframe.src; 1397 new Vimeo.Player(iframe).pause(); 1398 } 1399 $("body").css("overflow-y", "visible "); 1400}); 1401 1402// Pause video 1403function pauseVideo() { 1404 var iframe = $("#trabajos .is-active.is-visible .video-container iframe"); 1405 if (!iframe[0] || !iframe[0].getAttribute("src")) return; 1406 iframe[0].src = iframe[0].src; 1407 var video = new Vimeo.Player(iframe); 1408 video.pause(); 1409 video.currentTime = 0; 1410} 1411 1412/* Function called on by arrow and nav dot clicks to move to 1413the selected slide (NO AFECTA) 1414 1415function moveSlides(measurement) { 1416 $("#slides").css({ 1417 "-webkit-transform": "translateX(" + slideval + "%)", 1418 "-moz-transform": "translateX(" + slideval + "%)", 1419 "-ms-transform": "translateX(" + slideval + "%)", 1420 "-o-transform": "translateX(" + slideval + "%)", 1421 transform: "translateX(" + slideval + "%)" 1422 }); 1423} 1424 1425/* Update nav dots so that the active dot corresponds to the 1426active slide (NO AFECTA) 1427function updatenav() { 1428 $(".navdot").removeClass("selected"); 1429 var slides = $(".generated"); 1430 $("#trabajos .video-container .thumbnail").css("display", "flex"); 1431 $("#Playbtn").css("display", "block"); 1432 for (i = 0; i < slides.length; i++) { 1433 pos = i; 1434 var slide = slides[i].id; 1435 var num = slide.replace("slide", ""); 1436 slide = parseInt(num); 1437 var multiplier = slide * -100; 1438 if (multiplier == slideval) { 1439 $("#slide" + i).addClass("selected"); 1440 } 1441 } 1442}*/ 1443 1444$(".splide__arrow").click(function () { 1445 pauseVideo(); 1446 $("#trabajos .video-container .thumbnail").css("display", "flex"); 1447 $("#Playbtn").css("display", "block"); 1448}); 1449/* Hover Mouse on */ 1450 1451$(".splide__arrow--prev").on("mouseenter mouseleave", function () { 1452 $(".cursor-box-base").toggleClass("box-larger"); 1453 // La etiqueta "Previous Project" solo tiene sentido en el carrusel de proyectos 1454 if ($(this).closest(".slider1").length) $(".previous-wrapper").toggleClass("opacity-100"); 1455 // En los demás carruseles (oficina): solo la flecha, sin texto 1456 else $(".cursor-box-base").toggleClass("tpl-flecha-on tpl-flecha-izq"); 1457}); 1458 1459$(".splide__arrow--next").on("mouseenter mouseleave", function () { 1460 $(".cursor-box-base").toggleClass("box-larger"); 1461 if ($(this).closest(".slider1").length) $(".next-wrapper").toggleClass("opacity-100"); 1462 else $(".cursor-box-base").toggleClass("tpl-flecha-on"); 1463}); 1464 1465$(".play-hover").on("mouseenter mouseleave", function () { 1466 $(".cursor-box-base").toggleClass("box-square"); 1467 $(".play-img").toggleClass("opacity-100"); 1468}); 1469 1470$(".reel").on("mouseenter mouseleave", function () { 1471 $(".cursor-box-base").toggleClass("box-square"); 1472 $(".play-img").toggleClass("opacity-100"); 1473}); 1474 1475$(".somos_section").on("mouseenter mouseleave", function () { 1476 $(".cursor-box-base").toggleClass("box-scroll"); 1477 $(".scroll-text").toggleClass("opacity-100"); 1478}); 1479 1480// hover reel 1481$(".reel iframe").on("mouseover", function () { 1482 $(".cursor").css("display", "none"); 1483}); 1484 1485$(".reel iframe").on("mouseleave", function () { 1486 $(".cursor").css("display", "flex"); 1487}); 1488 1489// hover video slider 1490 1491$(".video-box iframe").on("mouseover", function () { 1492 $(".cursor").css("display", "none"); 1493}); 1494 1495$(".video-box iframe").on("mouseleave", function () {
1496 $(".cursor").css("display", "flex"); 1497}); 1498 1499//Remove 'seleccione opcion' select in FORM 1500var itemRemoved = false; 1501$("#Asunto-2").click(function () { 1502 if (!itemRemoved) { 1503 $("#Asunto-2>option:first-child").remove(); 1504 itemRemoved = true; 1505 } 1506 $("#Asunto-2").css("color", "white"); 1507}); 1508 1509//Change nav color by hover section 1510$(window).scroll(function () { 1511 if ( 1512 ($(this).scrollTop() > $("#trabajos").offset().top - 70 && 1513 $(this).scrollTop() < $("#trabajos").next().offset().top - 20) || 1514 ($(this).scrollTop() > $("#header .reel").offset().top - 70 && 1515 $(this).scrollTop() < $("#header").next().offset().top - 20) || 1516 ($(this).scrollTop() > $("#contactos").offset().top - 70 && 1517 $(this).scrollTop() < $("#contactos").next().offset().top - 20) 1518 ) { 1519 $(".nav h3").addClass("text_white"); 1520 $(".nav .logo-black").addClass("display-none"); 1521 $(".nav .logo-white").removeClass("display-none"); 1522 } else { 1523 $(".nav h3").removeClass("text_white"); 1524 $(".nav .logo-white").addClass("display-none"); 1525 $(".nav .logo-black").removeClass("display-none"); 1526 } 1527 1528 // Al salir del reel mientras suena: pausarlo y volver a mostrar la miniatura (una sola vez). 1529 // Antes recargaba el iframe en cada evento de scroll y, en mobile, cortaba el reel al primer pÃxel. 1530 var $reel = $("#header .reel"); 1531 if (window.reelSonando && $(this).scrollTop() > $reel.offset().top + $reel.outerHeight() - 70) { 1532 window.reelSonando = false; 1533 var iframe = $(".reel-wrapper iframe")[0]; 1534 if (iframe && iframe.getAttribute("src")) new Vimeo.Player(iframe).pause(); 1535 $("#PlaybtnReel").css("display", "flex"); 1536 $("#PlaybtnReel .thumbnail-play").css("display", "flex"); 1537 } 1538}); 1539 1540</script>
1540 1541 1542<!-- anclas-visibles -->
1543<script> 1544/* Algunas secciones existen dos veces (desktop y mobile, p. ej. #somos y #somos_2) y solo una se ve. 1545 Si un enlace o la URL apunta a la variante oculta, se usa la visible. */ 1546(function () { 1547 function destino(id) { 1548 var el = document.getElementById(id); 1549 if (el && el.offsetParent === null) { 1550 var alt = document.getElementById(id + "_2") || document.getElementById(id.replace(/_2$/, "")); 1551 if (alt && alt.offsetParent !== null) return alt; 1552 } 1553 return el; 1554 } 1555 document.addEventListener("click", function (e) { 1556 var a = e.target.closest && e.target.closest('a[href*="#"]'); 1557 if (!a || a.pathname !== location.pathname) return; 1558 var id = decodeURIComponent(a.hash.slice(1)); 1559 var el = id && destino(id); 1560 if (el && el.id !== id) { e.preventDefault(); e.stopImmediatePropagation(); el.scrollIntoView(); history.replaceState(null, "", "#" + id); } 1561 }, true); 1562 window.addEventListener("load", function () { 1563 var id = decodeURIComponent(location.hash.slice(1)); 1564 var el = id && destino(id); 1565 if (el && el.id !== id) el.scrollIntoView(); 1566 }); 1567})(); 1568</script>
1568 1569 1570<!-- play-solo-con-clic -->
1571<script> 1572/* Los vÃdeos de proyectos y el reel tienen encima un área de clic invisible muy grande (#Playbtn, 1573 #PlaybtnReel). Un toque para frenar el scroll en el móvil, o el "tocar para hacer clic" del 1574 trackpad, lo disparaba y arrancaba el vÃdeo con sonido. Solo cuenta un clic deliberado. */ 1575(function () { 1576 var ultimoScroll = 0, inicio = null; 1577 function marcar() { ultimoScroll = Date.now(); } 1578 window.addEventListener("scroll", marcar, { passive: true }); 1579 window.addEventListener("wheel", marcar, { passive: true }); 1580 window.addEventListener("touchmove", marcar, { passive: true }); 1581 document.addEventListener("pointerdown", function (e) { 1582 inicio = { x: e.clientX, y: e.clientY, t: Date.now(), scrollAntes: Date.now() - ultimoScroll }; 1583 }, true); 1584 document.addEventListener("click", function (e) { 1585 if (!e.target.closest || !e.target.closest("#Playbtn, #PlaybtnReel")) return; 1586 if (e.detail === 0) { inicio = null; return; } // teclado o lector de pantalla: siempre deliberado 1587 var reciente = inicio && Date.now() - inicio.t < 1000; 1588 var movido = reciente && Math.hypot(e.clientX - inicio.x, e.clientY - inicio.y) > 10; 1589 var largo = reciente && Date.now() - inicio.t > 600; 1590 var trasScroll = (reciente ? inicio.scrollAntes : Date.now() - ultimoScroll) < 400; 1591 inicio = null; 1592 if (movido || largo || trasScroll) { e.stopPropagation(); e.preventDefault(); } 1593 }, true); 1594 // Accesibles: son div sin rol; ahora botones enfocables que se activan con Enter o Espacio 1595 document.querySelectorAll("#Playbtn, #PlaybtnReel").forEach(function (el) { 1596 el.setAttribute("role", "button"); 1597 el.setAttribute("tabindex", "0"); 1598 el.setAttribute("aria-label", el.id === "PlaybtnReel" ? "Reproducir el reel con sonido" : "Reproducir el vÃdeo del proyecto"); 1599 el.addEventListener("keydown", function (e) { 1600 if (e.key === "Enter" || e.key === " ") { e.preventDefault(); el.click(); } 1601 }); 1602 }); 1603})(); 1604</script>
1604 1605 1606<!-- videos-bajo-demanda -->
1607<script> 1608/* Reproductores Vimeo: se cargan solo al pulsar play (cargarIframe se llama desde los botones). 1609 Asà no se contacta con Vimeo (EE. UU.) ni se escriben cookies suyas antes de que el visitante lo pida. */ 1610function cargarIframe(el) { 1611 if (el && el.dataset.src && !el.getAttribute("src")) el.setAttribute("src", el.dataset.src); 1612} 1613/* Previews de proyectos: solo se reproducen mientras se ven. */ 1614(function () { 1615 var previews = document.querySelectorAll("video[data-video-visible]"); 1616 var reducirMovimiento = window.matchMedia("(prefers-reduced-motion: reduce)").matches; 1617 function ponerPoster(v) { if (v.dataset.poster && !v.getAttribute("poster")) v.setAttribute("poster", v.dataset.poster); } 1618 if (!("IntersectionObserver" in window)) { 1619 previews.forEach(function (v) { ponerPoster(v); if (!reducirMovimiento) { v.preload = "auto"; v.play(); } }); 1620 return; 1621 } 1622 var ioVideos = new IntersectionObserver(function (entradas) { 1623 entradas.forEach(function (e) { 1624 var v = e.target; 1625 if (e.isIntersecting) { 1626 ponerPoster(v); 1627 if (reducirMovimiento) return; // el sistema pide menos movimiento: solo el póster 1628 v.preload = "auto"; var pr = v.play(); if (pr && pr.catch) pr.catch(function () {}); 1629 } 1630 else if (!v.paused) v.pause(); 1631 }); 1632 }, { threshold: 0.1 }); 1633 previews.forEach(function (v) { ioVideos.observe(v); }); 1634 // Pósters: se cargan cuando el vÃdeo está a menos de una pantalla 1635 var ioPosters = new IntersectionObserver(function (entradas) { 1636 entradas.forEach(function (e) { if (e.isIntersecting) { ponerPoster(e.target); ioPosters.unobserve(e.target); } }); 1637 }, { rootMargin: "100% 0px" }); 1638 previews.forEach(function (v) { if (v.dataset.poster) ioPosters.observe(v); }); 1639})(); 1640</script>
1640 1641 1642<!-- equipo-columnas -->
1643<script> 1644/* Equipo (desktop): dos columnas en sentido contrario. Los recorridos se calculan con la altura 1645 real de cada columna, asà entran a la vez (izquierda desde abajo, derecha desde arriba) y salen 1646 a la vez, sea cual sea el número de personas. Sustituye a la interacción fija de Webflow. */ 1647(function () { 1648 var trigger = document.querySelector(".trigger-equipo-desktop"); 1649 var listas = document.querySelectorAll(".column-wrap .img-column"); 1650 if (!trigger || listas.length !== 2 || !window.gsap || !window.ScrollTrigger) return; 1651 gsap.registerPlugin(ScrollTrigger); 1652 var ventana = trigger.querySelector(".column-wrap"); 1653 var izq = listas[0], der = listas[1]; 1654 var alto = function () { return ventana.offsetHeight; }; 1655 gsap.timeline({ 1656 scrollTrigger: { trigger: trigger, start: "top top", end: "bottom bottom", scrub: 1, invalidateOnRefresh: true } 1657 }) 1658 .fromTo(izq, { y: function () { return alto() - izq.offsetTop; } }, 1659 { y: function () { return -(izq.offsetTop + izq.offsetHeight); }, ease: "none" }, 0) 1660 .fromTo(der, { y: function () { return -(der.offsetTop + der.offsetHeight); } }, 1661 { y: function () { return alto() - der.offsetTop; }, ease: "none" }, 0); 1662 // Las fotos son lazy: al cargarse cambian la altura de las columnas â recalcular 1663 window.addEventListener("load", function () { ScrollTrigger.refresh(); }); 1664})(); 1665</script>
1665<script src="assets/js/formulario.js" defer></script>
1665</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.