PageSourceSearch

https://www.templetonagencia.com/

html templetonagencia.com collected 2026-10-06 00:34:16 UTC 127,028 bytes, 1,665 lines download raw bytes

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&quot;.</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&amp;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&amp;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&amp;badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479&amp;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&amp;badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479&amp;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&amp;badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479&amp;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&amp;badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479&amp;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&amp;badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479&amp;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&amp;badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479&amp;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&amp;badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479&amp;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&#x27;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&#x27;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&#x27;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&amp;badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479&amp;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 &amp; 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 &amp; 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 &amp; 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 &amp; 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(&quot;assets/images/equipo/marcos-canas.jpg&quot;)" 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(&quot;assets/images/equipo/belen-canas.jpg&quot;)" 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 &amp; 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(&quot;assets/images/equipo/mila-marin.jpg&quot;)" 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(&quot;assets/images/equipo/patricia-mani.jpg&quot;)" 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(&quot;assets/images/equipo/mauro-conti.jpg&quot;)" 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(&quot;assets/images/equipo/kevin-martos.jpg&quot;)" 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 &amp; 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(&quot;assets/images/equipo/silvia-beltran.jpg&quot;)" 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(&quot;assets/images/equipo/jaume-segura.jpg&quot;)" 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(&quot;assets/images/equipo/alicia-caparros.jpg&quot;)" 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(&quot;assets/images/equipo/franck-adan.jpg&quot;)" 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(&quot;assets/images/equipo/pol-perez.jpg&quot;)" 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(&quot;assets/images/equipo/albert-diaz.jpg&quot;)" 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(&quot;assets/images/equipo/alba-fernandez.jpg&quot;)" 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(&quot;assets/images/equipo/laura-guibelalde.jpg&quot;)" 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(&quot;assets/images/equipo/alex-astorino.jpg&quot;)" 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.