Vocento diversificaci贸n

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Vocento diversificaci贸n</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="robots" content="index,follow">  <script src="//static.vocstatic.com/voonto2/latest/voonto.js" data-cmp="true"></script> <script src="//static.vocstatic.com/voonto2/latest/migrate.js"></script> <script src="//static.vocstatic.com/tag-manager/latest/vtm.js"data-analytics-id="ppoo_pro"></script> <script>TagManager.ready.then(function(){TagManager.track();});</script>  <link rel="icon" href="images/favicon.png" sizes="32x32"> <link rel="stylesheet" href="starfish-microsite.css"> </head> <body>  <noscript><img src="//sadbmetrics.vocento.com/b/ss/vocvocento,voces/1/G.4--S/12009754?pageName=&g=/js-noactive&v55=vocento&c56=vocento" width = "1" height = "1" border="0" /></noscript>  <div class="v-w"> <div id="js-2" class="v-ms"> <nav class="v-ms__n v-ms__n--1"> <button class="v-ms__b" data-voc-component="toggle-active"> <span class="v-ms-b v-ms-b--1"></span> <span class="v-ms-b v-ms-b--2"></span> <span class="v-ms-b v-ms-b--3"></span> </button> <ul class="v-ms__u"> <li id="item1" class="v-ms__l"> <a class="v-ms__a" href="#sec1" title="Home">Home</a> </li> <li id="item2" class="v-ms__l"> <a class="v-ms__a" href="#sec2" title="Gastronom铆a">Gastronom铆a</a> </li> <li id="item3" class="v-ms__l"> <a class="v-ms__a" href="#sec3" title="Agencias">Agencias</a> </li> <li id="item4" class="v-ms__l"> <a class="v-ms__a" href="#sec4" title="Clasificados">Clasificados</a> </li> <li id="item5" class="v-ms__l"> <a class="v-ms__a" href="#sec5" title="Servicios digitales">Servicios digitales</a> </li> </ul> </nav> <div class="v-ms__lg-c v-ms__lg-c--2 v-ms-4"> <a href="https://www.vocento.com/" title="Vocento"> <img class="v-ms__lg" src="images/logo-vocento.svg" alt="Vocento"> </a> </div> <div class="v-ms__c"> <div id="sec1" class="v-ms__w v-ms__w--1"> <div class="v-ms__g v-c v-c--xl"> <div class="v-ms__g-c"> <h1 class="v-ms__lg-c v-ms__lg-c--1"> <a href="https://www.vocento.com/" title="Vocento"> <img class="v-ms__lg" src="images/logo-vocento.svg" alt="Vocento"> </a> </h1> </div> <div class="v-ms__g-c"> <h2 class="v-ms__t v-ms__t--1 v-ms-1"> <span class="v-ms-1-a">Somos</span> <span class="v-b v-ms-1-b">mucho m谩s</span> <span class="v-b v-ms-1-c">que peri贸dicos</span> </h2> <h3 class="v-ms__t v-ms__t--2 v-ms-3">El <span class="v-t v-t--1">46<span class="v-t v-t--2">%</span> </span> <span class="v-b">de nuestros ingresos son digitales y de diversificaci贸n</span> </h3> <p class="v-ms__p v-ms__p--1 v-ms-3">Nuestra apuesta por la diversificaci贸n en cuatro grandes 谩reas -todas conectadas con los contenidos, la comunicaci贸n y las soluciones comerciales- consolida su crecimiento y garantiza, adem谩s, la independencia de nuestros medios.</p> </div> <span class="v-ms-i"> <span class="v-i"></span> </span> </div> </div> <div id="sec2" class="v-ms__w v-ms__w--2"> <div class="v-ms__g v-c v-c--xl"> <h2 class="v-ms__t v-ms__t--3 v-ms-2">Gastronom铆a</h2> <div class="v-ms__g-c v-ms__g-c--1"> <nav class="v-ms__n v-ms__n--2"> <h3 class="v-ms__t v-ms__t--2">Compartimos conocimiento, formamos profesionales</h3> <p class="v-ms__p v-ms__p--1">Somos el principal agente gastron贸mico en Espa帽a y uno de los m谩s importantes del panorama internacional por volumen e influencia. Entre sus activos y marcas incluye:</p> <ul class="v-ms__u"> <li class="v-ms__l v-ms__l--t1"> <a class="v-ms__a is-active" href="#" title="Ver v铆deo resumen">Ver v铆deo resumen <span class="v-i"> <svg version="1.1" id="icon-down" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 24 24" xml:space="preserve"> <polygon points="10,2.2 18.2,10.5 0,10.5 0,13.5 18.3,13.5 10,21.8 12.1,23.9 24,12 12.1,0.1 "></polygon> </svg> </span> </a> <div class="v-a-img-c"> <figure class="v-a-fig"> <a href="#" class="v-a-link" title="Ver v铆deo resumen"> <video class="video" controlslist="nodownload"> <source src="images/video-gastronomia.mp4#t=0.6" type="video/mp4"> </video> <div class="v-pill-m v-pill-m--vdo v-pill-m--l "> <p class="v-pill-m__type"> <span class="v-pill-m__icon"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <path data-name="Trazado 1628" d="M12,0,24,24H0Z" transform="translate(24) rotate(90)"></path> </svg> </span> </p> </div> </a> </figure> </div> </li> <li class="v-ms__l"> <a class="v-ms__a" href="#" title="Madrid Fusi贸n">Madrid Fusi贸n <span class="v-i"> <svg version="1.1" id="icon-down" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 24 24" xml:space="preserve"> <polygon points="10,2.2 18.2,10.5 0,10.5 0,13.5 18.3,13.5 10,21.8 12.1,23.9 24,12 12.1,0.1 "></polygon> </svg> </span> </a> <div class="v-a-img-c"> <figure class="v-a-fig"> <div class="v-a-link"> <img class="v-a-img" src="images/img-1_1.jpg" alt="Madrid Fusi贸n"> </div> <figcaption class="v-fc"> <span class="v-fc__text">Madrid Fusi贸n. </span> Congreso internacional de cocina de vanguardia m谩s relevante del mundo. Es la gran cita anual de la alta cocina: bate cada a帽o el r茅cord de visitantes (25.812) y congresistas (1.814). </figcaption> </figure> </div> </li> <li class="v-ms__l"> <a class="v-ms__a" href="#" title="San Sebastian Gastronomika">San Sebastian Gastronomika <span class="v-i"> <svg version="1.1" id="icon-down" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 24 24" xml:space="preserve"> <polygon points="10,2.2 18.2,10.5 0,10.5 0,13.5 18.3,13.5 10,21.8 12.1,23.9 24,12 12.1,0.1 "></polygon> </svg> </span> </a> <div class="v-a-img-c"> <figure class="v-a-fig"> <div class="v-a-link"> <img class="v-a-img" src="images/img-1_2.jpg" alt="San Sebastian Gastronomika"> </div> <figcaption class="v-fc"> <span class="v-fc__text">San Sebasti谩n Gastronomika. </span> El decano de los congresos culinarios. Celebr贸 en 2023 su 25 aniversario y es un foro de referencia nacional e internacional. </figcaption> </figure> </div> </li> <li class="v-ms__l"> <a class="v-ms__a" href="#" title="Spain Fusion">Spain Fusion <span class="v-i"> <svg version="1.1" id="icon-down" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 24 24" xml:space="preserve"> <polygon points="10,2.2 18.2,10.5 0,10.5 0,13.5 18.3,13.5 10,21.8 12.1,23.9 24,12 12.1,0.1 "></polygon> </svg> </span> </a> <div class="v-a-img-c"> <figure class="v-a-fig"> <div class="v-a-link"> <img class="v-a-img" src="images/img-1_3.jpg" alt="Spain Fusion"> </div> <figcaption class="v-fc"> <span class="v-fc__text">Spain Fusion. </span> Congreso internacional que promueve la gastronom铆a espa帽ola al m谩ximo nivel en otros pa铆ses (Estados Unidos, Alemania). </figcaption> </figure> </div> </li> <li class="v-ms__l"> <a class="v-ms__a" href="#" title="MACC. Madrid Culinary Campus">MACC. Madrid Culinary Campus <span class="v-i"> <svg version="1.1" id="icon-down" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 24 24" xml:space="preserve"> <polygon points="10,2.2 18.2,10.5 0,10.5 0,13.5 18.3,13.5 10,21.8 12.1,23.9 24,12 12.1,0.1 "></polygon> </svg> </span> </a> <div class="v-a-img-c"> <figure class="v-a-fig"> <div class="v-a-link"> <img class="v-a-img" src="images/img-1_12.jpg" alt="MACC. Madrid Culinary Campus"> </div> <figcaption class="v-fc"> <span class="v-fc__text">MACC. Madrid Culinary Campus. </span> Primera universidad del mundo que re煤ne Gastronom铆a, ADE e Ingenier铆a agroambiental; de la mano de Vocento y la Universidad Pontificia Comillas. </figcaption> </figure> </div> </li> <li class="v-ms__l"> <a class="v-ms__a" href="#" title="Grup GSR">Grup GSR <span class="v-i"> <svg version="1.1" id="icon-down" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 24 24" xml:space="preserve"> <polygon points="10,2.2 18.2,10.5 0,10.5 0,13.5 18.3,13.5 10,21.8 12.1,23.9 24,12 12.1,0.1 "></polygon> </svg> </span> </a> <div class="v-a-img-c"> <figure class="v-a-fig"> <div class="v-a-link"> <img class="v-a-img" src="images/img-1_4.jpg" alt="Grup GSR"> </div> <figcaption class="v-fc"> <span class="v-fc__text">Grup GSR. </span> Empresa referencia del sector especializada en la conceptualizaci贸n y la producci贸n de eventos gastron贸micos y servicios de comunicaci贸n para marcas, restaurantes y cocineros. </figcaption> </figure> </div> </li> <li class="v-ms__l"> <a class="v-ms__a" href="#" title="Mateo&Co">Mateo&Co <span class="v-i"> <svg version="1.1" id="icon-down" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 24 24" xml:space="preserve"> <polygon points="10,2.2 18.2,10.5 0,10.5 0,13.5 18.3,13.5 10,21.8 12.1,23.9 24,12 12.1,0.1 "></polygon> </svg> </span> </a> <div class="v-a-img-c"> <figure class="v-a-fig"> <div class="v-a-link"> <img class="v-a-img" src="images/img-1_5.jpg" alt="Mateo&Co"> </div> <figcaption class="v-fc"> <span class="v-fc__text">Mateo&Co. </span> Con m谩s de 50 clientes es la primera consultora estrat茅gica de marca, marketing y comunicaci贸n especializada en gastronom铆a y alimentaci贸n de Espa帽a. </figcaption> </figure> </div> </li> <li class="v-ms__l"> <a class="v-ms__a" href="#" title="Encuentro de los Mares">Encuentro de los Mares <span class="v-i"> <svg version="1.1" id="icon-down" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 24 24" xml:space="preserve"> <polygon points="10,2.2 18.2,10.5 0,10.5 0,13.5 18.3,13.5 10,21.8 12.1,23.9 24,12 12.1,0.1 "></polygon> </svg> </span> </a> <div class="v-a-img-c"> <figure class="v-a-fig"> <div class="v-a-link"> <img class="v-a-img" src="images/img-1_6.jpg" alt="Encuentro de los Mares"> </div> <figcaption class="v-fc"> <span class="v-fc__text">Encuentro de los Mares. </span> Congreso internacional en defensa del ecosistema marino que re煤ne a bi贸logos y ocean贸grafos, chefs y la industria pesquera. </figcaption> </figure> </div> </li> <li class="v-ms__l"> <a class="v-ms__a" href="#" title="Terrae">Terrae <span class="v-i"> <svg version="1.1" id="icon-down" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 24 24" xml:space="preserve"> <polygon points="10,2.2 18.2,10.5 0,10.5 0,13.5 18.3,13.5 10,21.8 12.1,23.9 24,12 12.1,0.1 "></polygon> </svg> </span> </a> <div class="v-a-img-c"> <figure class="v-a-fig"> <div class="v-a-link"> <img class="v-a-img" src="images/img-1_7.jpg" alt="Terrae"> </div> <figcaption class="v-fc"> <span class="v-fc__text">Terrae. </span> Encuentro internacional de cocina rural. Reconoce el valor de los peque帽os productores como pieza fundamental del sector agroalimentario. </figcaption> </figure> </div> </li> <li class="v-ms__l"> <a class="v-ms__a" href="#" title="F茅minas">F茅minas <span class="v-i"> <svg version="1.1" id="icon-down" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 24 24" xml:space="preserve"> <polygon points="10,2.2 18.2,10.5 0,10.5 0,13.5 18.3,13.5 10,21.8 12.1,23.9 24,12 12.1,0.1 "></polygon> </svg> </span> </a> <div class="v-a-img-c"> <figure class="v-a-fig"> <div class="v-a-link"> <img class="v-a-img" src="images/img-1_8.jpg" alt="F茅minas"> </div> <figcaption class="v-fc"> <span class="v-fc__text">F茅minas. </span> Congreso de Gastronom铆a, Mujer y Medio Rural. Defiende las actividades que visibilizan a la mujer en la hosteler铆a y el sector primario. </figcaption> </figure> </div> </li> <li class="v-ms__l"> <a class="v-ms__a" href="#" title="Wordlcanic">Wordlcanic <span class="v-i"> <svg version="1.1" id="icon-down" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 24 24" xml:space="preserve"> <polygon points="10,2.2 18.2,10.5 0,10.5 0,13.5 18.3,13.5 10,21.8 12.1,23.9 24,12 12.1,0.1 "></polygon> </svg> </span> </a> <div class="v-a-img-c"> <figure class="v-a-fig"> <div class="v-a-link"> <img class="v-a-img" src="images/img-1_9.jpg" alt="Wordlcanic"> </div> <figcaption class="v-fc"> <span class="v-fc__text">Worldcanic. </span> Encuentro internacional de cocinas y ecosistemas volc谩nicos que se celebra anualmente en las Islas Canarias. </figcaption> </figure> </div> </li> <li class="v-ms__l"> <a class="v-ms__a" href="#" title="Andorra Taste">Andorra Taste <span class="v-i"> <svg version="1.1" id="icon-down" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 24 24" xml:space="preserve"> <polygon points="10,2.2 18.2,10.5 0,10.5 0,13.5 18.3,13.5 10,21.8 12.1,23.9 24,12 12.1,0.1 "></polygon> </svg> </span> </a> <div class="v-a-img-c"> <figure class="v-a-fig"> <div class="v-a-link"> <img class="v-a-img" src="images/img-1_10.jpg" alt="Andorra Taste"> </div> <figcaption class="v-fc"> <span class="v-fc__text">Andorra Taste. </span> Congreso que reivindica las sociedades de monta帽a y sus modos de vida como garantes de la biodiversidad a trav茅s de la gastronom铆a. </figcaption> </figure> </div> </li> <li class="v-ms__l"> <a class="v-ms__a" href="#" title="Tast a la Rambla">Tast a la Rambla <span class="v-i"> <svg version="1.1" id="icon-down" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 24 24" xml:space="preserve"> <polygon points="10,2.2 18.2,10.5 0,10.5 0,13.5 18.3,13.5 10,21.8 12.1,23.9 24,12 12.1,0.1 "></polygon> </svg> </span> </a> <div class="v-a-img-c"> <figure class="v-a-fig"> <div class="v-a-link"> <img class="v-a-img" src="images/img-1_11.jpg" alt="Tast a la Rambla"> </div> <figcaption class="v-fc"> <span class="v-fc__text">Tast a la Rambla. </span> Festival gastron贸mico en el centro de Barcelona que re煤ne anualmente cerca de 50 restaurantes de la ciudad y atrae a m谩s de 500.000 asistentes. </figcaption> </figure> </div> </li> <li class="v-ms__l"> <a class="v-ms__a" href="#" title="7 Can铆bales">7 Can铆bales <span class="v-i"> <svg version="1.1" id="icon-down" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 24 24" xml:space="preserve"> <polygon points="10,2.2 18.2,10.5 0,10.5 0,13.5 18.3,13.5 10,21.8 12.1,23.9 24,12 12.1,0.1 "></polygon> </svg> </span> </a> <div class="v-a-img-c"> <figure class="v-a-fig"> <a href="#" class="v-a-link" title="7 Can铆bales"> <video class="video" controlslist="nodownload"> <source src="images/video-7canibales.mp4#t=0.6" type="video/mp4"> </video> <div class="v-pill-m v-pill-m--vdo v-pill-m--l "> <p class="v-pill-m__type"> <span class="v-pill-m__icon"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <path data-name="Trazado 1628" d="M12,0,24,24H0Z" transform="translate(24) rotate(90)"></path> </svg> </span> </p> </div> </a> <figcaption class="v-fc"> <span class="v-fc__text">7Can铆bales. </span> La revista gastron贸mica digital de alto nivel m谩s influyente en el mercado de habla hispana, con una edici贸n latinoamericana y otra espa帽ola. </figcaption> </figure> </div> </li> </ul> </nav> </div> <div class="v-ms__g-c v-ms__g-c--2"> <div class="v-ms__f v-ms__f--1"> <p class="v-ms__t v-ms__t--4">Facturaci贸n en 2023</p> <p class="v-ms__nbr v-ms__nbr--1"> <span class="v-t" data-value="14.3">14,3</span> </p> <p class="v-ms__p v-ms__p--2">millones de euros</p> <p class="v-ms__pil"> <span class="v-i"></span> <span>+18%</span> vs 2022 </p> </div> <div class="v-ms__f v-ms__f--2"> <p class="v-ms__t v-ms__t--4">EBITDA 2023</p> <p class="v-ms__nbr v-ms__nbr--2">2,9</p> <p class="v-ms__p v-ms__p--2">millones <span class="v-b">de euros</span> </p> <p class="v-ms__pil"> <span class="v-i"></span> <span>+55%</span> vs 2022 </p> </div> </div> </div> </div> <div id="sec3" class="v-ms__w v-ms__w--3"> <div class="v-ms__g v-c v-c--xl"> <h2 class="v-ms__t v-ms__t--3 v-ms-2">Agencias</h2> <div class="v-ms__g-c v-ms__g-c--1"> <nav class="v-ms__n v-ms__n--2"> <h3 class="v-ms__t v-ms__t--2">La mejor red de creatividad y soluciones estrat茅gicas</h3> <p class="v-ms__p v-ms__p--1">Se engloban en el colectivo &<sup>c.</sup> y ofrecen la mejor combinaci贸n creativa y de negocio para las marcas. Somos el primer grupo de agencias independientes. M谩s informaci贸n <a href="https://colectivoand.com/" title="https://colectivoand.com/" target="_blank">aqu铆</a> </p> <ul class="v-ms__u"> <li class="v-ms__l"> <a class="v-ms__a is-active" href="#" title="&Ros脿s">&Ros脿s <span class="v-i"> <svg version="1.1" id="icon-down" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 24 24" xml:space="preserve"> <polygon points="10,2.2 18.2,10.5 0,10.5 0,13.5 18.3,13.5 10,21.8 12.1,23.9 24,12 12.1,0.1 "></polygon> </svg> </span> </a> <div class="v-a-img-c"> <figure class="v-a-fig"> <a href="#" class="v-a-link" title="&Ros脿s"> <video class="video" controlslist="nodownload"> <source src="images/video-rosas.mp4#t=0.6" type="video/mp4"> </video> <div class="v-pill-m v-pill-m--vdo v-pill-m--l "> <p class="v-pill-m__type"> <span class="v-pill-m__icon"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <path data-name="Trazado 1628" d="M12,0,24,24H0Z" transform="translate(24) rotate(90)"></path> </svg> </span> </p> </div> </a> <figcaption class="v-fc"> <span class="v-fc__text">&Ros脿s. </span> La agencia creativa, independiente e internacional con m谩s Premios Eficacia. Es experta en plataformas de marca, grandes campa帽as y estrategia. </figcaption> </figure> </div> </li> <li class="v-ms__l"> <a class="v-ms__a" href="#" title="Tango">Tango <span class="v-i"> <svg version="1.1" id="icon-down" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 24 24" xml:space="preserve"> <polygon points="10,2.2 18.2,10.5 0,10.5 0,13.5 18.3,13.5 10,21.8 12.1,23.9 24,12 12.1,0.1 "></polygon> </svg> </span> </a> <div class="v-a-img-c"> <figure class="v-a-fig"> <a href="#" class="v-a-link" title="Tango"> <video class="video" controlslist="nodownload"> <source src="images/video-tango.mp4#t=0.6" type="video/mp4"> </video> <div class="v-pill-m v-pill-m--vdo v-pill-m--l "> <p class="v-pill-m__type"> <span class="v-pill-m__icon"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <path data-name="Trazado 1628" d="M12,0,24,24H0Z" transform="translate(24) rotate(90)"></path> </svg> </span> </p> </div> </a> <figcaption class="v-fc"> <span class="v-fc__text">Tango. </span> Especializada en campa帽as 360潞 y experiencias, impulsa a las marcas a que se atrevan a diferenciarse y crecer en el mercado. </figcaption> </figure> </div> </li> <li class="v-ms__l"> <a class="v-ms__a" href="#" title="Pro.Agency">Pro.Agency <span class="v-i"> <svg version="1.1" id="icon-down" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 24 24" xml:space="preserve"> <polygon points="10,2.2 18.2,10.5 0,10.5 0,13.5 18.3,13.5 10,21.8 12.1,23.9 24,12 12.1,0.1 "></polygon> </svg> </span> </a> <div class="v-a-img-c"> <figure class="v-a-fig"> <a href="#" class="v-a-link" title="Pro.Agency"> <video class="video" controlslist="nodownload"> <source src="images/video-proagency.mp4#t=0.6" type="video/mp4"> </video> <div class="v-pill-m v-pill-m--vdo v-pill-m--l "> <p class="v-pill-m__type"> <span class="v-pill-m__icon"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <path data-name="Trazado 1628" d="M12,0,24,24H0Z" transform="translate(24) rotate(90)"></path> </svg> </span> </p> </div> </a> <figcaption class="v-fc"> <span class="v-fc__text">Pro.Agency. </span> Agencia creativa especializada en <i>performance</i> y marketing digital. Crea contenidos y estrategias para acompa帽ar al usuario a lo largo de todo el <i>funnel</i> de conversi贸n. </figcaption> </figure> </div> </li> <li class="v-ms__l"> <a class="v-ms__a" href="#" title="Yellow Brick Road">Yellow Brick Road <span class="v-i"> <svg version="1.1" id="icon-down" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 24 24" xml:space="preserve"> <polygon points="10,2.2 18.2,10.5 0,10.5 0,13.5 18.3,13.5 10,21.8 12.1,23.9 24,12 12.1,0.1 "></polygon> </svg> </span> </a> <div class="v-a-img-c"> <figure class="v-a-fig"> <a href="#" class="v-a-link" title="Yellow Brick Road"> <video class="video" controlslist="nodownload"> <source src="images/video-yellow.mp4#t=0.6" type="video/mp4"> </video> <div class="v-pill-m v-pill-m--vdo v-pill-m--l"> <p class="v-pill-m__type"> <span class="v-pill-m__icon"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <path data-name="Trazado 1628" d="M12,0,24,24H0Z" transform="translate(24) rotate(90)"></path> </svg> </span> </p> </div> </a> <figcaption class="v-fc"> <span class="v-fc__text">Yellow Brick Road. </span> Conecta a anunciantes y audiencias a trav茅s de redes sociales, marketing de influencia, <i>brand scanning</i>, gesti贸n de datos, <i>scouting</i>, etc. </figcaption> </figure> </div> </li> <li class="v-ms__l"> <a class="v-ms__a" href="#" title="Mel茅">Mel茅 <span class="v-i"> <svg version="1.1" id="icon-down" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 24 24" xml:space="preserve"> <polygon points="10,2.2 18.2,10.5 0,10.5 0,13.5 18.3,13.5 10,21.8 12.1,23.9 24,12 12.1,0.1 "></polygon> </svg> </span> </a> <div class="v-a-img-c"> <figure class="v-a-fig"> <a href="#" class="v-a-link" title="Mel茅"> <video class="video" controlslist="nodownload"> <source src="images/video-mele.mp4#t=0.6" type="video/mp4"> </video> <div class="v-pill-m v-pill-m--vdo v-pill-m--l"> <p class="v-pill-m__type"> <span class="v-pill-m__icon"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <path data-name="Trazado 1628" d="M12,0,24,24H0Z" transform="translate(24) rotate(90)"></path> </svg> </span> </p> </div> </a> <figcaption class="v-fc"> <span class="v-fc__text">Mel茅. </span> Agencia especializada en marketing experiencial, eventos y producci贸n. </figcaption> </figure> </div> </li> <li class="v-ms__l"> <a class="v-ms__a" href="#" title="Antr贸pico">Antr贸pico <span class="v-i"> <svg version="1.1" id="icon-down" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 24 24" xml:space="preserve"> <polygon points="10,2.2 18.2,10.5 0,10.5 0,13.5 18.3,13.5 10,21.8 12.1,23.9 24,12 12.1,0.1 "></polygon> </svg> </span> </a> <div class="v-a-img-c"> <figure class="v-a-fig"> <div class="v-a-link"> <img class="v-a-img" src="images/img-2_1.jpg" alt="Antr贸pico"> </div> <figcaption class="v-fc"> <span class="v-fc__text">Antr贸pico. </span> Agencia dedicada integralmente a activar la sostenibilidad y el impacto positivo en marcas y organizaciones. </figcaption> </figure> </div> </li> <li class="v-ms__l"> <a class="v-ms__a" href="#" title="Shows On Demand">Shows On Demand <span class="v-i"> <svg version="1.1" id="icon-down" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 24 24" xml:space="preserve"> <polygon points="10,2.2 18.2,10.5 0,10.5 0,13.5 18.3,13.5 10,21.8 12.1,23.9 24,12 12.1,0.1 "></polygon> </svg> </span> </a> <div class="v-a-img-c"> <figure class="v-a-fig"> <div class="v-a-link"> <img class="v-a-img" src="images/img-2_2.jpg" alt="Shows On Demand"> </div> <figcaption class="v-fc"> <span class="v-fc__text">Shows on Demand. </span> Promotora de eventos musicales y desarrollo de aplicaciones para conciertos e industria musical en general. </figcaption> </figure> </div> </li> </ul> </nav> </div> <div class="v-ms__g-c v-ms__g-c--2"> <div class="v-ms__f v-ms__f--1"> <p class="v-ms__t v-ms__t--4">Facturaci贸n en 2023</p> <p class="v-ms__nbr v-ms__nbr--1"> <span class="v-t" data-value="25.9">25,9</span> </p> <p class="v-ms__p v-ms__p--2">millones de euros</p> <p class="v-ms__pil"> <span class="v-i"></span> <span>+36%</span> vs 2022 </p> </div> <div class="v-ms__f v-ms__f--2"> <p class="v-ms__t v-ms__t--4">EBITDA 2023</p> <p class="v-ms__nbr v-ms__nbr--2">3,6</p> <p class="v-ms__p v-ms__p--2">millones <span class="v-b">de euros</span> </p> <p class="v-ms__pil"> <span class="v-i"></span> <span>+83%</span> vs 2022 </p> </div> </div> </div> </div> <div id="sec4" class="v-ms__w v-ms__w--4"> <div class="v-ms__g v-c v-c--xl"> <h2 class="v-ms__t v-ms__t--3 v-ms-2">Clasificados</h2> <div class="v-ms__g-c v-ms__g-c--1"> <nav class="v-ms__n v-ms__n--2"> <h3 class="v-ms__t v-ms__t--2">Inmobiliaria, automoci贸n y captaci贸n de <i>leads</i> en general </h3> <p class="v-ms__p v-ms__p--1">Somos el 煤nico grupo de comunicaci贸n que ha conseguido una posici贸n fuerte en el mercado de los clasificados y la captaci贸n de <i>leads</i>. </p> <ul class="v-ms__u"> <li class="v-ms__l"> <a class="v-ms__a is-active" href="#" title="Sumauto">Sumauto <span class="v-i"> <svg version="1.1" id="icon-down" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 24 24" xml:space="preserve"> <polygon points="10,2.2 18.2,10.5 0,10.5 0,13.5 18.3,13.5 10,21.8 12.1,23.9 24,12 12.1,0.1 "></polygon> </svg> </span> </a> <div class="v-a-img-c"> <figure class="v-a-fig"> <div class="v-a-link"> <img class="v-a-img" src="images/img-3_1.jpg" alt="Sumauto"> </div> <figcaption class="v-fc"> <span class="v-fc__text">Sumauto. </span> Marca B2B de Vocento que a煤na cinco portales de referencia en el 谩mbito nacional e internacional de la automoci贸n. </figcaption> </figure> </div> </li> <li class="v-ms__l"> <a class="v-ms__a" href="#" title="Autocasi贸n">Autocasi贸n <span class="v-i"> <svg version="1.1" id="icon-down" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 24 24" xml:space="preserve"> <polygon points="10,2.2 18.2,10.5 0,10.5 0,13.5 18.3,13.5 10,21.8 12.1,23.9 24,12 12.1,0.1 "></polygon> </svg> </span> </a> <div class="v-a-img-c"> <figure class="v-a-fig"> <div class="v-a-link"> <img class="v-a-img" src="images/img-3_2.jpg" alt="Autocasi贸n"> </div> <figcaption class="v-fc"> <span class="v-fc__text">Autocasi贸n. </span> Ofrece coches de segunda mano, grandes ofertas de coches nuevos e informaci贸n para compradores y usuarios, particulares y empresas. </figcaption> </figure> </div> </li> <li class="v-ms__l"> <a class="v-ms__a" href="#" title="AutoScout24">AutoScout24 <span class="v-i"> <svg version="1.1" id="icon-down" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 24 24" xml:space="preserve"> <polygon points="10,2.2 18.2,10.5 0,10.5 0,13.5 18.3,13.5 10,21.8 12.1,23.9 24,12 12.1,0.1 "></polygon> </svg> </span> </a> <div class="v-a-img-c"> <figure class="v-a-fig"> <div class="v-a-link"> <img class="v-a-img" src="images/img-3_3.jpg" alt="AutoScout24"> </div> <figcaption class="v-fc"> <span class="v-fc__text">AutoScout24. </span> El escaparate online de autom贸viles m谩s grande de Europa, con la posibilidad de buscar y vender un coche en todo el continente. </figcaption> </figure> </div> </li> <li class="v-ms__l"> <a class="v-ms__a" href="#" title="UnoAuto">UnoAuto <span class="v-i"> <svg version="1.1" id="icon-down" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 24 24" xml:space="preserve"> <polygon points="10,2.2 18.2,10.5 0,10.5 0,13.5 18.3,13.5 10,21.8 12.1,23.9 24,12 12.1,0.1 "></polygon> </svg> </span> </a> <div class="v-a-img-c"> <figure class="v-a-fig"> <div class="v-a-link"> <img class="v-a-img" src="images/img-3_4.jpg" alt="UnoAuto"> </div> <figcaption class="v-fc"> <span class="v-fc__text">UnoAuto. </span> Presenta al usuario las mejores ofertas de coche nuevo y, al profesional, los <i>leads</i> de compra m谩s cualificados. </figcaption> </figure> </div> </li> <li class="v-ms__l"> <a class="v-ms__a" href="#" title="Rentingcoches">Rentingcoches <span class="v-i"> <svg version="1.1" id="icon-down" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 24 24" xml:space="preserve"> <polygon points="10,2.2 18.2,10.5 0,10.5 0,13.5 18.3,13.5 10,21.8 12.1,23.9 24,12 12.1,0.1 "></polygon> </svg> </span> </a> <div class="v-a-img-c"> <figure class="v-a-fig"> <div class="v-a-link"> <img class="v-a-img" src="images/img-3_5.jpg" alt="Rentingcoches"> </div> <figcaption class="v-fc"> <span class="v-fc__text">Rentingcoches. </span> La marca con las mejores ofertas del motor en formato <i>renting</i> de coches nuevos y usados para particulares, empresas y aut贸nomos. </figcaption> </figure> </div> </li> <li class="v-ms__l"> <a class="v-ms__a" href="#" title="Motocasi贸n">Motocasi贸n <span class="v-i"> <svg version="1.1" id="icon-down" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 24 24" xml:space="preserve"> <polygon points="10,2.2 18.2,10.5 0,10.5 0,13.5 18.3,13.5 10,21.8 12.1,23.9 24,12 12.1,0.1 "></polygon> </svg> </span> </a> <div class="v-a-img-c"> <figure class="v-a-fig"> <div class="v-a-link"> <img class="v-a-img" src="images/img-3_6.jpg" alt="Motocasi贸n"> </div> <figcaption class="v-fc"> <span class="v-fc__text">Motocasi贸n. </span> <i>Marketplace</i> especializado en motos de segunda mano, un mercado en auge en Espa帽a. </figcaption> </figure> </div> </li> <li class="v-ms__l"> <a class="v-ms__a" href="#" title="Pisos.com">Pisos.com <span class="v-i"> <svg version="1.1" id="icon-down" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 24 24" xml:space="preserve"> <polygon points="10,2.2 18.2,10.5 0,10.5 0,13.5 18.3,13.5 10,21.8 12.1,23.9 24,12 12.1,0.1 "></polygon> </svg> </span> </a> <div class="v-a-img-c"> <figure class="v-a-fig"> <div class="v-a-link"> <img class="v-a-img" src="images/img-3_7.jpg" alt="Pisos.com"> </div> <figcaption class="v-fc"> <span class="v-fc__text">Pisos.com. </span> M谩s de un mill贸n de casas y pisos para ayudar a comprar, vender y alquilar cualquier tipo de inmueble de forma r谩pida y sencilla. </figcaption> </figure> </div> </li> <li class="v-ms__l"> <a class="v-ms__a" href="#" title="HabitatSoft">HabitatSoft <span class="v-i"> <svg version="1.1" id="icon-down" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 24 24" xml:space="preserve"> <polygon points="10,2.2 18.2,10.5 0,10.5 0,13.5 18.3,13.5 10,21.8 12.1,23.9 24,12 12.1,0.1 "></polygon> </svg> </span> </a> <div class="v-a-img-c"> <figure class="v-a-fig"> <div class="v-a-link"> <img class="v-a-img" src="images/img-3_8.jpg" alt="HabitatSoft"> </div> <figcaption class="v-fc"> <span class="v-fc__text">HabitatSoft. </span> <i>Software</i> inmobiliario <i>online</i> para profesionales del sector. Es el CRM ideal para gestionar inmuebles en cualquier portal. </figcaption> </figure> </div> </li> <li class="v-ms__l"> <a class="v-ms__a" href="#" title="Premium Leads">Premium Leads <span class="v-i"> <svg version="1.1" id="icon-down" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 24 24" xml:space="preserve"> <polygon points="10,2.2 18.2,10.5 0,10.5 0,13.5 18.3,13.5 10,21.8 12.1,23.9 24,12 12.1,0.1 "></polygon> </svg> </span> </a> <div class="v-a-img-c"> <figure class="v-a-fig"> <div class="v-a-link"> <img class="v-a-img" src="images/img-3_9.jpg" alt="Premium Leads"> </div> <figcaption class="v-fc"> <span class="v-fc__text">Premium Leads. </span> Compa帽铆a tecnol贸gica especializada en la captaci贸n, generaci贸n y gesti贸n de <i>leads</i> cualificados, con el mayor potencial de conversi贸n en cualquier sector. </figcaption> </figure> </div> </li> <li class="v-ms__l"> <a class="v-ms__a" href="#" title="Contact Center Interactiva">Contact Center Interactiva <span class="v-i"> <svg version="1.1" id="icon-down" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 24 24" xml:space="preserve"> <polygon points="10,2.2 18.2,10.5 0,10.5 0,13.5 18.3,13.5 10,21.8 12.1,23.9 24,12 12.1,0.1 "></polygon> </svg> </span> </a> <div class="v-a-img-c"> <figure class="v-a-fig"> <div class="v-a-link"> <img class="v-a-img" src="images/img-3_10.jpg" alt="Contact Center Interactiva"> </div> <figcaption class="v-fc"> <span class="v-fc__text">Contact Center Interactiva. </span> Servicio de televenta y atenci贸n al cliente, con un equipo experto en captaci贸n de <i>leads</i> y que utiliza las 煤ltimas tecnolog铆as de anal铆tica e IA. </figcaption> </figure> </div> </li> </ul> </nav> </div> <div class="v-ms__g-c v-ms__g-c--2"> <div class="v-ms__f v-ms__f--1"> <p class="v-ms__t v-ms__t--4">Facturaci贸n en 2023</p> <p class="v-ms__nbr v-ms__nbr--1"> <span class="v-t" data-value="28">28</span> </p> <p class="v-ms__p v-ms__p--2">millones de euros</p> <p class="v-ms__pil"> <span class="v-i"></span> <span>+3</span> vs 2022 </p> </div> <div class="v-ms__f v-ms__f--2"> <p class="v-ms__t v-ms__t--4">EBITDA 2023</p> <p class="v-ms__nbr v-ms__nbr--2">6,5</p> <p class="v-ms__p v-ms__p--2">millones <span class="v-b">de euros</span> </p> <p class="v-ms__pil"> <span class="v-i"></span> <span>+30%</span> vs 2022 </p> </div> </div> </div> </div> <div id="sec5" class="v-ms__w v-ms__w--5"> <div class="v-ms__g v-c v-c--xl"> <h2 class="v-ms__t v-ms__t--3 v-ms-2">Servicios Digitales</h2> <div class="v-ms__g-c v-ms__g-c--1"> <nav class="v-ms__n v-ms__n--2"> <h3 class="v-ms__t v-ms__t--2">Digitalizamos y hacemos crecer a las PYMES</h3> <p class="v-ms__p v-ms__p--1">Local Digital Kit, nuestra plataforma de Servicios Digitales, es el aliado estrat茅gico de m谩s de 5.000 PYMEs en proceso de transformaci贸n digital. Desarrollamos productos de presencia digital, <i>e-commerce</i> y redes sociales para acompa帽ar a las PYMEs en la b煤squeda de nuevas oportunidades de negocio. </p> <ul class="v-ms__u"> <li class="v-ms__l"> <p class="v-ms__a is-active" title="Local Digital Kit">Local Digital Kit <span class="v-i"> <svg version="1.1" id="icon-down" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 24 24" xml:space="preserve"> <polygon points="10,2.2 18.2,10.5 0,10.5 0,13.5 18.3,13.5 10,21.8 12.1,23.9 24,12 12.1,0.1 "></polygon> </svg> </span> </p> <div class="v-a-img-c"> <figure class="v-a-fig"> <div class="v-a-link"> <img class="v-a-img" src="images/img-4_1.jpg" alt="Local Digital Kit"> </div> </figure> </div> </li> </ul> </nav> </div> <div class="v-ms__g-c v-ms__g-c--2"> <div class="v-ms__f v-ms__f--1"> <p class="v-ms__t v-ms__t--4">Facturaci贸n en 2023</p> <p class="v-ms__nbr v-ms__nbr--1"> <span class="v-t" data-value="3.5">3,5</span> </p> <p class="v-ms__p v-ms__p--2">millones de euros</p> <p class="v-ms__pil"> <span class="v-i"></span> <span>+248%</span> vs 2022 </p> </div> <div class="v-ms__f v-ms__f--2"> <p class="v-ms__t v-ms__t--4">EBITDA 2023</p> <p class="v-ms__nbr v-ms__nbr--2">1,4</p> <p class="v-ms__p v-ms__p--2">millones <span class="v-b">de euros</span> </p> <p class="v-ms__pil"> <span class="v-i"></span> <span>+800%</span> vs 2022 </p> </div> </div> <div class="v-ms__lg-c v-ms__lg-c--2"> <a href="https://www.vocento.com/" title="Vocento"> <img class="v-ms__lg" src="images/logo-vocento.svg" alt="Vocento"> </a> </div> </div> </div> </div> </div> </div> <div class="v-ldg"> <span class="v-ldg__i"></span> </div> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/gsap/1.18.0/TweenMax.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.2/ScrollMagic.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.2/plugins/animation.gsap.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.6/plugins/animation.gsap.min.js"></script> <script> // Loading window.onbeforeunload = function () { window.scrollTo(0,0); } $(window).load(function() { $(".v-ldg").fadeOut("slow"); $('body').removeClass('is-overflow'); }); </script> <script> // Hover menu const body = document.body; const microsite = document.querySelector('#js-2'); const itemsMenu1 = microsite.querySelectorAll('.v-ms__n--1 .v-ms__a'); const itemsMenu2 = microsite.querySelectorAll('.v-ms__n--2 .v-ms__a'); const button = microsite.querySelector('.v-ms__b'); const videosContainer = microsite.querySelectorAll('a.v-a-link'); const videos = microsite.querySelectorAll('.video'); // Funci贸n para detectar si el dispositivo tiene pantalla t谩ctil function isTouchDevice() { return 'ontouchstart' in window || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0; } if (isTouchDevice()) { body.classList.add('is-touch'); } else { body.classList.add('is-wheel'); } if(!isTouchDevice() && body.classList.contains('is-wheel')) { itemsMenu2.forEach((item) => { item.addEventListener("mouseover", function(e) { e.preventDefault(); const parentElement = item.closest('.v-ms__u'); if (parentElement) { const siblingItems = parentElement.querySelectorAll('.v-ms__a'); siblingItems.forEach((siblingItem) => { siblingItem.classList.remove("is-active"); }); } item.classList.add("is-active"); // Pausar todos los videos videosContainer.forEach((videoContainer) => { const video = videoContainer.querySelector('.video'); if (video) { video.pause(); videoContainer.classList.remove('is-playing'); videoContainer.classList.add('is-pause'); } }); // Reproducir el video correspondiente const videoContainer = item.nextElementSibling.querySelector('.v-a-img-c'); if (videoContainer) { const video = videoContainer.querySelector('.video'); video.play(); videoContainer.classList.add('is-playing'); videoContainer.classList.remove('is-pause'); } }); item.addEventListener("click", function(e) { e.preventDefault(); }); }); } else { itemsMenu1.forEach((item) => { item.addEventListener("click", function(e) { button.classList.remove('is-active'); }); }); itemsMenu2.forEach((item) => { item.addEventListener("click", function(e) { e.preventDefault(); const parentElement = item.closest('.v-ms__u'); if (parentElement) { const siblingItems = parentElement.querySelectorAll('.v-ms__a'); siblingItems.forEach((siblingItem) => { siblingItem.classList.remove("is-active"); }); } item.classList.add("is-active"); // Pausar todos los videos videosContainer.forEach((videoContainer) => { const video = videoContainer.querySelector('.video'); if (video) { video.pause(); videoContainer.classList.remove('is-playing'); videoContainer.classList.add('is-pause'); } }); // Reproducir el video correspondiente const videoContainer = item.nextElementSibling.querySelector('.v-a-img-c'); if (videoContainer) { const video = videoContainer.querySelector('.video'); video.play(); videoContainer.classList.add('is-playing'); videoContainer.classList.remove('is-pause'); } }); }); } </script> <script> // Scroll horizontal let currentSlide = 0; let lastScrollTop = 0; // NEW const sliderMenu = microsite.querySelector(".v-ms__n--1"); const sliderContainer = microsite.querySelector(".v-ms__c"); const sliderContainerWidth = sliderContainer.offsetWidth; if(!isTouchDevice() && body.classList.contains('is-wheel')) { document.body.style.height = sliderContainerWidth + "px"; } // // Navegaci贸n desktop function goToSlide(index) { currentSlide = index; const slideWidth = document.querySelector('.v-ms__w').offsetWidth; const newPosition = -currentSlide * slideWidth; sliderContainer.style.transition = "transform .6s ease-in-out"; sliderContainer.style.transform = `translateX(${newPosition}px)`; // Quitar transici贸n despu茅s de 0.6 segundos (mismo tiempo que la duraci贸n de la transici贸n) setTimeout(() => { sliderContainer.style.transition = "none"; }, 600); } function handleLinkClick(event) { event.preventDefault(); const index = parseInt(event.target.dataset.slideIndex, 10); goToSlide(index); } if(!isTouchDevice() && body.classList.contains('is-wheel')) { itemsMenu1.forEach((link, index) => { link.addEventListener('click', handleLinkClick); link.dataset.slideIndex = index; }); } window.addEventListener("scroll", function () { // OLD let scrollTop = window.pageYOffset; // NEW let wWidth = window.innerWidth; let wHeight = window.innerHeight; let scrollTop = window.pageYOffset; let dHeight = document.body.offsetHeight - wHeight; let wSlider = sliderContainerWidth - wWidth; let step = wSlider / dHeight; let goLeft = scrollTop * step; // // NEW if(!isTouchDevice() && body.classList.contains('is-wheel')) { //sliderContainer.style.transition = "none"; sliderContainer.style.transform = "translateX(-" + goLeft + "px)"; clearTimeout(this.scrollCheck); this.scrollCheck = setTimeout(function () { sliderMenu.classList.remove("is-walk"); }, 100); if (scrollTop > lastScrollTop) { sliderMenu.classList.remove("is-left"); sliderMenu.classList.add("is-walk"); } else { sliderMenu.classList.add("is-left"); sliderMenu.classList.add("is-walk"); } } // // Detectar cuando un elemento es visible al hacer scroll //const elementsToCheck1 = microsite.querySelectorAll(".v-ms__nbr"); //elementsToCheck1.forEach((element) => { // if (isElementVisible(element) && !element.hasAttribute("data-visible")) { // const number = element.querySelector('.v-t'); // if (number) { // const valor = parseFloat(number.getAttribute('data-value')); // number.textContent = "0"; // element.setAttribute("data-visible", "true"); // counterNumbers(valor, element); // } // } //}); lastScrollTop = scrollTop; }); // NEW if(!isTouchDevice() && body.classList.contains('is-wheel')) { document.addEventListener("keydown", function (e) { let scrollTop = window.pageYOffset; if (e.which == 39) { currentSlide = Math.min(currentSlide + 1, 4); goToSlide(currentSlide); } if (e.which == 37) { currentSlide = Math.max(currentSlide - 1, 0); goToSlide(currentSlide); } }); } // // Funci贸n para detectar cuando un elemento es visible //function isElementVisible(element) { // let rect = element.getBoundingClientRect(); // let distanciaDesdeIzquierda = window.innerWidth * 0.2; // let distanciaDesdeDerecha = window.innerWidth * 0.8; // return ( // rect.right >= distanciaDesdeIzquierda && // rect.left <= distanciaDesdeDerecha && // rect.top >= 0 && // rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) // ); //} </script> <script> // Scroll magic const slides = microsite.querySelectorAll('.v-ms__w'); const amount = slides.length; // Controlers const controller1 = new window.ScrollMagic.Controller({vertical: false,refreshInterval: 1}); const controller2 = new window.ScrollMagic.Controller({vertical: false,refreshInterval: 1,globalSceneOptions: {duration: 2000}}); const controller3 = new window.ScrollMagic.Controller({vertical: false,refreshInterval: 1,globalSceneOptions: {duration: 6000}}); const controller4 = new ScrollMagic.Controller(); // Animaci贸n titulares portada if (!isTouchDevice()) { const tl1 = new TimelineMax () .add([ TweenMax.fromTo(".v-ms-1-a", 1, {left: 0}, {left: 200, ease: Linear.easeNone}), TweenMax.fromTo(".v-ms-1-b", 2, {left: 0}, {left: 200, ease: Linear.easeNone}), TweenMax.fromTo(".v-ms-1-c", 3, {left: 0}, {left: 200, ease: Linear.easeNone}), TweenMax.fromTo(".v-ms-3", 4, {left: 0}, {left: 200, ease: Linear.easeNone}), ]); const sc1 = new ScrollMagic.Scene({ triggerElement: ".v-ms-1", duration: $(window).width() }) .setTween(tl1) .addTo(controller1); } // Animaci贸n titulares slides if (!isTouchDevice()) { slides.forEach((item) => { const title = item.querySelector('.v-ms-2'); const tl2 = new window.TimelineMax(); if (title) { tl2.fromTo(title, 1, {left: 0}, {left: 200}, 1); } const sc2 = new window.ScrollMagic.Scene({ triggerElement: item, triggerHook: 1, duration: '100%' }). setTween(tl2). addTo(controller1); }); } if (!isTouchDevice()) { const tl3 = new window.TimelineMax(); tl3.fromTo(".v-ms-4", 1, {opacity: 0}, {opacity: 1}, 1); const sc3 = new window.ScrollMagic.Scene({ triggerElement: ".v-ms__w--2", triggerHook: 1, duration: "100%" }). setTween(tl3). addTo(controller1); } // OLD /*if (!isTouchDevice()) { const tl3 = new window.TimelineMax(); tl3.add([window.TweenMax.to(".v-ms__c", 1, { x: `-${100 / amount * (amount - 1)}%` })]); const sc3 = new window.ScrollMagic.Scene({ triggerElement: microsite, triggerHook: 'onLeave', duration: `${amount * 100}%` }). setPin(microsite). setTween(tl3). addTo(controller4); }*/ // // A帽ade la clase "is-active" a las secciones cuando son visibles if (!isTouchDevice()) { new ScrollMagic.Scene({triggerElement: "#sec1"}).setClassToggle("#item1", "is-active").addTo(controller2); new ScrollMagic.Scene({triggerElement: "#sec2"}).setClassToggle("#item2", "is-active").addTo(controller2); new ScrollMagic.Scene({triggerElement: "#sec3"}).setClassToggle("#item3", "is-active").addTo(controller2); new ScrollMagic.Scene({triggerElement: "#sec4"}).setClassToggle("#item4", "is-active").addTo(controller2); new ScrollMagic.Scene({triggerElement: "#sec5"}).setClassToggle("#item5", "is-active").addTo(controller2); new ScrollMagic.Scene({triggerElement: "#sec1"}).setClassToggle("#sec1", "is-show").addTo(controller3); new ScrollMagic.Scene({triggerElement: "#sec2"}).setClassToggle("#sec2", "is-show").addTo(controller3); new ScrollMagic.Scene({triggerElement: "#sec3"}).setClassToggle("#sec3", "is-show").addTo(controller3); new ScrollMagic.Scene({triggerElement: "#sec4"}).setClassToggle("#sec4", "is-show").addTo(controller3); new ScrollMagic.Scene({triggerElement: "#sec5"}).setClassToggle("#sec5", "is-show").addTo(controller3); } </script> <script> // Contador de n煤meros //function counterNumbers(contadorFinal, element) { // const number = element.querySelector('.v-t'); // const duracionAnimacion = 2000; // en milisegundos // const intervaloActualizacion = 20; // en milisegundos // Lee el valor desde el atributo data-value //const valorInicial = parseFloat(number.getAttribute('data-value')); // Determina si el valor es decimal o entero //const esDecimal = Number.isInteger(valorInicial) ? false : true; //const incremento = esDecimal ? (contadorFinal / (duracionAnimacion / intervaloActualizacion)) : (Math.round(contadorFinal) / (duracionAnimacion / intervaloActualizacion)); //let contador = 0; // Funci贸n para actualizar el contador //function actualizarContador() { // contador += incremento; // Aseg煤rate de no exceder el valor final //if (esDecimal && contador >= contadorFinal) { // contador = contadorFinal; // clearInterval(intervalo); //} else if (!esDecimal && contador >= Math.round(contadorFinal)) { // contador = Math.round(contadorFinal); // clearInterval(intervalo); //} // Actualiza el contenido del elemento HTML //number.textContent = esDecimal ? contador.toLocaleString('es', { minimumFractionDigits: 1, maximumFractionDigits: 1 }) : Math.round(contador).toLocaleString('es'); //} // Inicia el intervalo de actualizaci贸n //const intervalo = setInterval(actualizarContador, intervaloActualizacion); //} </script> <script> // Video videosContainer.forEach((item) => { item.addEventListener('click', function(e) { e.preventDefault(); const videoCurrent = this; const video = videoCurrent.querySelector('.video'); if (video.paused === false) { video.pause(); videoCurrent.closest('.v-a-img-c').classList.add("is-pause"); videoCurrent.closest('.v-a-img-c').classList.remove('is-playing'); } else { videos.forEach((video) => { video.pause(); }); video.play(); videoCurrent.closest('.v-a-img-c').classList.add("is-playing"); videoCurrent.closest('.v-a-img-c').classList.remove('is-pause'); } return false; }); }); </script> <script src="https://static.vocstatic.com/voonto2/latest/voonto.js" data-components="data-voc-component" data-kangaroo="false"></script> <script src="https://s1.ppllstatics.com/starfish/1.3.45/starfish.js"></script> </body> </html>

CINXE.COM

Vocento diversificaci贸n