{"id":16,"date":"2026-02-10T17:56:15","date_gmt":"2026-02-10T16:56:15","guid":{"rendered":"https:\/\/rotulacion.hyprlab.agency\/?page_id=16"},"modified":"2026-04-02T14:06:14","modified_gmt":"2026-04-02T12:06:14","slug":"sobre-stickercar","status":"publish","type":"page","link":"https:\/\/rotulacion.hyprlab.agency\/en\/sobre-stickercar\/","title":{"rendered":"About us"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"16\" class=\"elementor elementor-16\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7531d08 e-con-full e-flex e-con e-parent\" data-id=\"7531d08\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7b46a95 elementor-widget elementor-widget-spacer\" data-id=\"7b46a95\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2c6e241 elementor-widget elementor-widget-heading\" data-id=\"2c6e241\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">StickerCar: <br> Nacimos de la intersecci\u00f3n entre log\u00edstica y marketing<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c13df53 elementor-widget elementor-widget-heading\" data-id=\"c13df53\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Entendemos que un cami\u00f3n viajando por Europa\nno solo transporta mercanc\u00eda...<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1309dc7 elementor-widget elementor-widget-html\" data-id=\"1309dc7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"texto-cascada-wrapper\">\r\n    <div class=\"text-container\" id=\"text-anim-section\">\r\n        \r\n        <span class=\"text-step step-1\">Transporta atenci\u00f3n.<\/span>\r\n        <span class=\"text-step step-2\">Transporta marca.<\/span>\r\n        <span class=\"text-step step-3\">Transporta oportunidades de comunicaci\u00f3n real.<\/span>\r\n        \r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@900&display=swap');\r\n\r\n    #texto-cascada-wrapper {\r\n        font-family: 'Inter', sans-serif;\r\n        \/* Reducido el padding para que el HTML no sea tan alto *\/\r\n        padding: 20px; \r\n        width: 100%;\r\n        box-sizing: border-box;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .text-container {\r\n        max-width: 1920px;\r\n        width: 100%;\r\n        display: flex;\r\n        justify-content: center; \r\n        gap: 40px; \r\n        align-items: center;\r\n        margin: 0 auto;\r\n        flex-wrap: wrap;\r\n    }\r\n\r\n    .text-step {\r\n        \/* Tama\u00f1o de letra solicitado *\/\r\n        font-size: 20px; \r\n        font-weight: 900;\r\n        color: #0F172A;\r\n        margin: 0;\r\n        text-align: center;\r\n        \r\n        \/* Estado inicial para la cascada *\/\r\n        opacity: 0;\r\n        transform: translateY(20px); \r\n    }\r\n\r\n    \/* Animaci\u00f3n de aparici\u00f3n suave *\/\r\n    @keyframes textReveal { \r\n        to { \r\n            opacity: 1; \r\n            transform: translateY(0); \r\n        } \r\n    }\r\n\r\n    \/* Tiempos de cascada (M\u00e1s lentos) *\/\r\n    .is-visible .step-1 { \r\n        animation: textReveal 1.2s ease-out forwards; \r\n        animation-delay: 0.2s;\r\n    }\r\n    \r\n    .is-visible .step-2 { \r\n        animation: textReveal 1.2s ease-out forwards; \r\n        animation-delay: 1.4s; \/* Aparece despu\u00e9s de que termine casi el primero *\/\r\n    }\r\n    \r\n    .is-visible .step-3 { \r\n        animation: textReveal 1.2s ease-out forwards; \r\n        animation-delay: 2.6s; \/* Aparece al final *\/\r\n    }\r\n\r\n    \/* Ajuste para m\u00f3viles: stack vertical con menos espacio *\/\r\n    @media (max-width: 768px) {\r\n        .text-container { \r\n            flex-direction: column; \r\n            gap: 15px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<script>\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        const section = document.getElementById('text-anim-section');\r\n        \r\n        const observer = new IntersectionObserver((entries) => {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting) {\r\n                    entry.target.classList.add('is-visible');\r\n                }\r\n            });\r\n        }, { threshold: 0.1 });\r\n\r\n        observer.observe(section);\r\n    });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7fc9f85 e-flex e-con-boxed e-con e-parent\" data-id=\"7fc9f85\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-172ffa5 elementor-widget elementor-widget-spacer\" data-id=\"172ffa5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7c16252 e-con-full e-flex e-con e-child\" data-id=\"7c16252\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-84d0cb2 e-con-full e-flex e-con e-child\" data-id=\"84d0cb2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-87a2aaf elementor-widget elementor-widget-heading\" data-id=\"87a2aaf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u00bfQui\u00e9nes somos StickerCar?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-37decd5 elementor-widget elementor-widget-text-editor\" data-id=\"37decd5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Somos una empresa fundada por profesionales del transporte y la publicidad con un solo objetivo: Convertir los kil\u00f3metros que ya se recorren en activos publicitarios rentables, controlables y de alto impacto.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3d1f839 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"3d1f839\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-arrow-right\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Flotas Reales<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-arrow-right\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"> Rutas trazadas<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-arrow-right\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Vinilos certificados<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-arrow-right\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Tecnolog\u00eda de seguimiento<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7c2210d elementor-widget elementor-widget-heading\" data-id=\"7c2210d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Respaldo garantizado por expertos de cada sector.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b19ac44 e-con-full e-flex e-con e-child\" data-id=\"b19ac44\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1503a9d elementor-widget elementor-widget-video\" data-id=\"1503a9d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;play_on_mobile&quot;:&quot;yes&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;mute&quot;:&quot;yes&quot;,&quot;loop&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/rotulacion.hyprlab.agency\/wp-content\/uploads\/2026\/02\/video-hero-compressed-1.mp4\" autoplay=\"\" loop=\"\" muted=\"muted\" playsinline=\"\" controlsList=\"nodownload\" poster=\"https:\/\/rotulacion.hyprlab.agency\/wp-content\/uploads\/2026\/02\/Rutas-mapa-2-scaled.png\"><\/video>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-10cc853 elementor-align-center e-transform elementor-widget-mobile__width-inherit elementor-widget elementor-widget-button\" data-id=\"10cc853\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_transform_scale_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1.04,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/rotulacion.hyprlab.agency\/contacto\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Solicitar  propuesta de campa\u00f1a<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cd38961 e-con-full e-flex e-con e-child\" data-id=\"cd38961\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c8e2d11 elementor-widget elementor-widget-spacer\" data-id=\"c8e2d11\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7fd788f elementor-widget elementor-widget-heading\" data-id=\"7fd788f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Nuestra misi\u00f3n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b705d80 elementor-widget elementor-widget-heading\" data-id=\"b705d80\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">En StickerCar buscamos democratizar la visibilidad de marca en Europa con publicidad exterior m\u00f3vil con Control total, Coste eficiente y Alcance internacional.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-83658f7 elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"83658f7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-3b23331 e-con-full e-flex e-con e-child\" data-id=\"3b23331\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f16f272 elementor-widget elementor-widget-image\" data-id=\"f16f272\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/rotulacion.hyprlab.agency\/wp-content\/uploads\/2026\/02\/nosotros1.png\" class=\"attachment-large size-large wp-image-1345\" alt=\"\" srcset=\"https:\/\/rotulacion.hyprlab.agency\/wp-content\/uploads\/2026\/02\/nosotros1.png 800w, https:\/\/rotulacion.hyprlab.agency\/wp-content\/uploads\/2026\/02\/nosotros1-300x300.png 300w, https:\/\/rotulacion.hyprlab.agency\/wp-content\/uploads\/2026\/02\/nosotros1-150x150.png 150w, https:\/\/rotulacion.hyprlab.agency\/wp-content\/uploads\/2026\/02\/nosotros1-768x768.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7af2d47 e-con-full e-transform e-flex e-con e-child\" data-id=\"7af2d47\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_transform_scale_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1.05,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8044642 elementor-widget elementor-widget-heading\" data-id=\"8044642\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Direcci\u00f3n<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-04a9080 elementor-blockquote--skin-clean elementor-blockquote--button-color-official elementor-widget elementor-widget-blockquote\" data-id=\"04a9080\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"blockquote.default\">\n\t\t\t\t\t\t\t<blockquote class=\"elementor-blockquote\">\n\t\t\t<p class=\"elementor-blockquote__content\">\n\t\t\t\tJero\t\t\t<\/p>\n\t\t\t\t\t\t\t<div class=\"e-q-footer\">\n\t\t\t\t\t\t\t\t\t\t\t<cite class=\"elementor-blockquote__author\">Director empresarial<\/cite>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/blockquote>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f7b6545 e-con-full e-flex e-con e-child\" data-id=\"f7b6545\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-06b05f3 elementor-widget elementor-widget-image\" data-id=\"06b05f3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/rotulacion.hyprlab.agency\/wp-content\/uploads\/2026\/03\/logistica.png\" class=\"attachment-large size-large wp-image-3273\" alt=\"\" srcset=\"https:\/\/rotulacion.hyprlab.agency\/wp-content\/uploads\/2026\/03\/logistica.png 800w, https:\/\/rotulacion.hyprlab.agency\/wp-content\/uploads\/2026\/03\/logistica-300x300.png 300w, https:\/\/rotulacion.hyprlab.agency\/wp-content\/uploads\/2026\/03\/logistica-150x150.png 150w, https:\/\/rotulacion.hyprlab.agency\/wp-content\/uploads\/2026\/03\/logistica-768x768.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-17a5c79 e-con-full e-transform e-flex e-con e-child\" data-id=\"17a5c79\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_transform_scale_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1.05,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d01c238 elementor-widget elementor-widget-heading\" data-id=\"d01c238\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">OPERACIONES LOG\u00cdSTICAS<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f55fe04 elementor-blockquote--skin-clean elementor-blockquote--button-color-official elementor-widget elementor-widget-blockquote\" data-id=\"f55fe04\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"blockquote.default\">\n\t\t\t\t\t\t\t<blockquote class=\"elementor-blockquote\">\n\t\t\t<p class=\"elementor-blockquote__content\">\n\t\t\t\tJacob M\u00fcller\t\t\t<\/p>\n\t\t\t\t\t\t\t<div class=\"e-q-footer\">\n\t\t\t\t\t\t\t\t\t\t\t<cite class=\"elementor-blockquote__author\">Transporte Internacional<\/cite>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/blockquote>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-191f241 e-con-full e-flex e-con e-child\" data-id=\"191f241\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-82795b0 elementor-widget elementor-widget-image\" data-id=\"82795b0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/rotulacion.hyprlab.agency\/wp-content\/uploads\/2026\/03\/atencion.png\" class=\"attachment-large size-large wp-image-3276\" alt=\"\" srcset=\"https:\/\/rotulacion.hyprlab.agency\/wp-content\/uploads\/2026\/03\/atencion.png 800w, https:\/\/rotulacion.hyprlab.agency\/wp-content\/uploads\/2026\/03\/atencion-300x300.png 300w, https:\/\/rotulacion.hyprlab.agency\/wp-content\/uploads\/2026\/03\/atencion-150x150.png 150w, https:\/\/rotulacion.hyprlab.agency\/wp-content\/uploads\/2026\/03\/atencion-768x768.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fce5d0d e-con-full e-transform e-flex e-con e-child\" data-id=\"fce5d0d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_transform_scale_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1.05,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-45e96c9 elementor-widget elementor-widget-heading\" data-id=\"45e96c9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">ATENCI\u00d3N A MARCAS<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-234c9be elementor-blockquote--skin-clean elementor-blockquote--button-color-official elementor-widget elementor-widget-blockquote\" data-id=\"234c9be\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"blockquote.default\">\n\t\t\t\t\t\t\t<blockquote class=\"elementor-blockquote\">\n\t\t\t<p class=\"elementor-blockquote__content\">\n\t\t\t\tMiguel Mar\u00edn\t\t\t<\/p>\n\t\t\t\t\t\t\t<div class=\"e-q-footer\">\n\t\t\t\t\t\t\t\t\t\t\t<cite class=\"elementor-blockquote__author\">Gesti\u00f3n tecnol\u00f3gica \/ tracking<\/cite>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/blockquote>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-77f2b6b e-con-full e-flex e-con e-child\" data-id=\"77f2b6b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c9dd02d elementor-widget elementor-widget-image\" data-id=\"c9dd02d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/rotulacion.hyprlab.agency\/wp-content\/uploads\/2026\/03\/diseno.png\" class=\"attachment-large size-large wp-image-3274\" alt=\"\" srcset=\"https:\/\/rotulacion.hyprlab.agency\/wp-content\/uploads\/2026\/03\/diseno.png 800w, https:\/\/rotulacion.hyprlab.agency\/wp-content\/uploads\/2026\/03\/diseno-300x300.png 300w, https:\/\/rotulacion.hyprlab.agency\/wp-content\/uploads\/2026\/03\/diseno-150x150.png 150w, https:\/\/rotulacion.hyprlab.agency\/wp-content\/uploads\/2026\/03\/diseno-768x768.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-60a30be e-con-full e-transform e-flex e-con e-child\" data-id=\"60a30be\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_transform_scale_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1.05,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-aa2a05e elementor-widget elementor-widget-heading\" data-id=\"aa2a05e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">DISE\u00d1O<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b9bf93a elementor-blockquote--skin-clean elementor-blockquote--button-color-official elementor-widget elementor-widget-blockquote\" data-id=\"b9bf93a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"blockquote.default\">\n\t\t\t\t\t\t\t<blockquote class=\"elementor-blockquote\">\n\t\t\t<p class=\"elementor-blockquote__content\">\n\t\t\t\tFrancisco Ru\u00edz\t\t\t<\/p>\n\t\t\t\t\t\t\t<div class=\"e-q-footer\">\n\t\t\t\t\t\t\t\t\t\t\t<cite class=\"elementor-blockquote__author\">Dise\u00f1o integral<\/cite>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/blockquote>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-716b65f elementor-hidden-desktop elementor-hidden-tablet e-flex e-con-boxed e-con e-parent\" data-id=\"716b65f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-bc5cfca e-con-full e-transform e-flex e-con e-child\" data-id=\"bc5cfca\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_transform_scale_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1.05,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\">\n\t\t<div class=\"elementor-element elementor-element-81fae41 e-con-full e-flex e-con e-child\" data-id=\"81fae41\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4dba2df e-con-full e-flex e-con e-child\" data-id=\"4dba2df\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-751c244 elementor-widget elementor-widget-heading\" data-id=\"751c244\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">DISE\u00d1O Y PRODUCCI\u00d3N\n<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-49543f5 elementor-blockquote--skin-clean elementor-blockquote--button-color-official elementor-widget elementor-widget-blockquote\" data-id=\"49543f5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"blockquote.default\">\n\t\t\t\t\t\t\t<blockquote class=\"elementor-blockquote\">\n\t\t\t<p class=\"elementor-blockquote__content\">\n\t\t\t\tJordi Ferrer\t\t\t<\/p>\n\t\t\t\t\t\t\t<div class=\"e-q-footer\">\n\t\t\t\t\t\t\t\t\t\t\t<cite class=\"elementor-blockquote__author\">Marketing de performance<\/cite>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/blockquote>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-26b2196 e-con-full e-transform e-flex e-con e-child\" data-id=\"26b2196\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_transform_scale_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1.05,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\">\n\t\t<div class=\"elementor-element elementor-element-558d3c7 e-con-full e-flex e-con e-child\" data-id=\"558d3c7\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-065ece2 e-con-full e-flex e-con e-child\" data-id=\"065ece2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8b2dee6 elementor-widget elementor-widget-heading\" data-id=\"8b2dee6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">OPERACIONES LOG\u00cdSTICAS\n<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fbeba52 elementor-blockquote--skin-clean elementor-blockquote--button-color-official elementor-widget elementor-widget-blockquote\" data-id=\"fbeba52\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"blockquote.default\">\n\t\t\t\t\t\t\t<blockquote class=\"elementor-blockquote\">\n\t\t\t<p class=\"elementor-blockquote__content\">\n\t\t\t\tJacob M\u00fcller\t\t\t<\/p>\n\t\t\t\t\t\t\t<div class=\"e-q-footer\">\n\t\t\t\t\t\t\t\t\t\t\t<cite class=\"elementor-blockquote__author\">Transporte Interacional<\/cite>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/blockquote>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9b90fe4 e-con-full e-transform e-flex e-con e-child\" data-id=\"9b90fe4\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_transform_scale_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1.05,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\">\n\t\t<div class=\"elementor-element elementor-element-6495e58 e-con-full e-flex e-con e-child\" data-id=\"6495e58\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b4a26c4 e-con-full e-flex e-con e-child\" data-id=\"b4a26c4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ec40e6a elementor-widget elementor-widget-heading\" data-id=\"ec40e6a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">ATENCI\u00d3N A MARCAS\n<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-46a77a2 elementor-blockquote--skin-clean elementor-blockquote--button-color-official elementor-widget elementor-widget-blockquote\" data-id=\"46a77a2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"blockquote.default\">\n\t\t\t\t\t\t\t<blockquote class=\"elementor-blockquote\">\n\t\t\t<p class=\"elementor-blockquote__content\">\n\t\t\t\tAna Mar\u00edn\t\t\t<\/p>\n\t\t\t\t\t\t\t<div class=\"e-q-footer\">\n\t\t\t\t\t\t\t\t\t\t\t<cite class=\"elementor-blockquote__author\">Gesti\u00f3n tecnol\u00f3gica \/ tracking<\/cite>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/blockquote>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0f24824 e-con-full e-transform e-flex e-con e-child\" data-id=\"0f24824\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_transform_scale_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1.05,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\">\n\t\t<div class=\"elementor-element elementor-element-661ce43 e-con-full e-flex e-con e-child\" data-id=\"661ce43\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ba9111b e-con-full e-flex e-con e-child\" data-id=\"ba9111b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1ab1ef5 elementor-widget elementor-widget-heading\" data-id=\"1ab1ef5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">FLOTAS \/ MANTENIMIENTO\n<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e2d9b70 elementor-blockquote--skin-clean elementor-blockquote--button-color-official elementor-widget elementor-widget-blockquote\" data-id=\"e2d9b70\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"blockquote.default\">\n\t\t\t\t\t\t\t<blockquote class=\"elementor-blockquote\">\n\t\t\t<p class=\"elementor-blockquote__content\">\n\t\t\t\tFrancisco Ru\u00edz\t\t\t<\/p>\n\t\t\t\t\t\t\t<div class=\"e-q-footer\">\n\t\t\t\t\t\t\t\t\t\t\t<cite class=\"elementor-blockquote__author\">Gesti\u00f3n tecnol\u00f3gica \/ tracking<\/cite>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/blockquote>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fec7cf7 e-flex e-con-boxed e-con e-parent\" data-id=\"fec7cf7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2e8f612 elementor-widget elementor-widget-spacer\" data-id=\"2e8f612\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3e2933b elementor-widget elementor-widget-heading\" data-id=\"3e2933b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Nuestros valores<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f4292db elementor-widget elementor-widget-html\" data-id=\"f4292db\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <style>\r\n        :root {\r\n            --line-color: #e0e0e0;\r\n        }\r\n\r\n        body { \r\n            font-family: 'Inter', sans-serif; \r\n            margin: 0; \r\n            padding: 80px 20px;\r\n            background-color: #fff;\r\n        }\r\n\r\n        .values-container {\r\n            max-width: 900px;\r\n            margin: 0 auto;\r\n            position: relative;\r\n        }\r\n\r\n        \/* L\u00ednea central decorativa *\/\r\n        .values-container::before {\r\n            content: '';\r\n            position: absolute;\r\n            left: 50%;\r\n            top: 100px; \/* Ajustado ligeramente por el cambio de tama\u00f1o de fuente *\/\r\n            bottom: 50px;\r\n            width: 1px;\r\n            background: var(--line-color);\r\n            z-index: 0;\r\n        }\r\n\r\n        .value-row {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            margin-bottom: 100px;\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n\r\n        .value-row:nth-child(even) {\r\n            flex-direction: row-reverse;\r\n        }\r\n\r\n        .value-content {\r\n            width: 45%;\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .value-row:hover .value-content {\r\n            transform: translateY(-5px);\r\n        }\r\n\r\n        \/* --- TEXTO MEDIANO --- *\/\r\n        \/* 22px, Peso 600, Color #0F172A *\/\r\n        .value-content h3 {\r\n            font-size: 22px;\r\n            font-weight: 700;\r\n            color: #0F172A;\r\n            margin-bottom: 10px;\r\n            margin-top: 0;\r\n        }\r\n\r\n        \/* --- TEXTO PEQUE\u00d1O --- *\/\r\n        \/* 15px, Peso 400, Color #47586E *\/\r\n        .value-content p {\r\n            font-size: 15px;\r\n            font-weight: 400;\r\n            color: #47586E;\r\n            line-height: 1.6;\r\n            margin: 0;\r\n        }\r\n\r\n        \/* --- TEXTO MUY GRANDE (N\u00fameros) --- *\/\r\n        .value-visual {\r\n            width: 45%;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n        }\r\n\r\n        .visual-box {\r\n            font-size: 5rem; \/* Tama\u00f1o base muy grande *\/\r\n            font-weight: 900;\r\n            color: #f0f0f0;\r\n            user-select: none;\r\n            transition: color 0.3s ease;\r\n        }\r\n\r\n        \/* Color Hover solicitado: #47586E *\/\r\n        .value-row:hover .visual-box {\r\n            color: #47586E;\r\n        }\r\n\r\n        \/* Detalles de dise\u00f1o (C\u00edrculos centrales) *\/\r\n        .value-row::after {\r\n            content: '';\r\n            position: absolute;\r\n            left: 50%;\r\n            width: 12px;\r\n            height: 12px;\r\n            background: #fff;\r\n            border: 2px solid #0F172A; \/* Actualizado al color principal *\/\r\n            border-radius: 50%;\r\n            transform: translateX(-50%);\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n    .values-container::before, .value-row::after { display: none; }\r\n    \r\n    \/* 1. Usamos column-reverse para que el n\u00famero (.value-visual) pase arriba *\/\r\n    .value-row, .value-row:nth-child(even) { \r\n        flex-direction: column-reverse; \r\n        text-align: center; \r\n        margin-bottom: 60px; \r\n    }\r\n    \r\n    .value-content, .value-visual { width: 100%; }\r\n    \r\n    \/* 2. Cambiamos margin-top por margin-bottom para separar el n\u00famero del texto *\/\r\n    .visual-box { \r\n        font-size: 3rem; \r\n        margin-bottom: 15px; \r\n        margin-top: 0; \r\n    }\r\n}\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"values-container\">\r\n    <h2 class=\"values-title\"><\/h2>\r\n\r\n    <div class=\"value-row\">\r\n        <div class=\"value-content\">\r\n            <h3>Transparencia<\/h3>\r\n            <p>GPS, informes detallados y contratos claros para tu total tranquilidad.<\/p>\r\n        <\/div>\r\n        <div class=\"value-visual\">\r\n            <span class=\"visual-box\">01<\/span>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"value-row\">\r\n        <div class=\"value-content\">\r\n            <h3>Seguridad de Marca<\/h3>\r\n            <p>Protocolos estrictos de limpieza y rotulaci\u00f3n profesional que cuidan tu imagen.<\/p>\r\n        <\/div>\r\n        <div class=\"value-visual\">\r\n            <span class=\"visual-box\">02<\/span>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"value-row\">\r\n        <div class=\"value-content\">\r\n            <h3>Sostenibilidad<\/h3>\r\n            <p>Aprovechamos rutas ya existentes, sin a\u00f1adir m\u00e1s CO\u2082 para \"publicitar\".<\/p>\r\n        <\/div>\r\n        <div class=\"value-visual\">\r\n            <span class=\"visual-box\">03<\/span>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"value-row\">\r\n        <div class=\"value-content\">\r\n            <h3>Precisi\u00f3n<\/h3>\r\n            <p>Cada campa\u00f1a se mide con exactitud. Entendemos que cada impacto cuenta.<\/p>\r\n        <\/div>\r\n        <div class=\"value-visual\">\r\n            <span class=\"visual-box\">04<\/span>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-117e55c elementor-align-center e-transform elementor-widget-mobile__width-inherit elementor-widget elementor-widget-button\" data-id=\"117e55c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_transform_scale_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1.04,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/rotulacion.hyprlab.agency\/publicidad-en-camiones-sostenible\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Ver nuestro enfoque sostenible<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-37d6998 e-flex e-con-boxed e-con e-parent\" data-id=\"37d6998\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f715b66 elementor-widget elementor-widget-spacer\" data-id=\"f715b66\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c01c475 elementor-widget elementor-widget-heading\" data-id=\"c01c475\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Cada d\u00eda, cientos de marcas pagan por clics que nadie ve, anuncios..<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-57c0e19 elementor-widget elementor-widget-html\" data-id=\"57c0e19\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"animacion-pasos-wrapper\">\r\n    <div class=\"process-container\" id=\"animated-section\">\r\n        \r\n        <div class=\"step-item step-1\">\r\n            <div class=\"box-content\">Que se ignoran.<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"step-item step-2\">\r\n            <div class=\"box-content\">Que se saltan.<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"step-item step-3\">\r\n            <div class=\"box-content\">Que se bloquean.<\/div>\r\n        <\/div>\r\n        \r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;700;900&display=swap');\r\n\r\n    #animacion-pasos-wrapper {\r\n        font-family: 'Inter', sans-serif;\r\n        background-color: transparent;\r\n        padding: 60px 20px;\r\n        width: 100%;\r\n        box-sizing: border-box;\r\n        overflow: hidden; \r\n    }\r\n\r\n    .process-container {\r\n        max-width: 1100px;\r\n        width: 100%;\r\n        display: flex;\r\n        justify-content: center;\r\n        gap: 10px;\r\n        align-items: center;\r\n        margin: 0 auto;\r\n        flex-wrap: wrap;\r\n    }\r\n\r\n    .step-item {\r\n        position: relative;\r\n        z-index: 1;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        flex:0 1 auto;\r\n        min-width: auto; \/* Reducido un poco para ajustar al nuevo tama\u00f1o de texto *\/\r\n    }\r\n\r\n    \/* --- ESTILO DE LA CAJA --- *\/\r\n    .box-content {\r\n        background: white;\r\n        padding: 20px 60px; \/* Ajustado ligeramente para el texto m\u00e1s peque\u00f1o *\/\r\n        border-radius: 60px; \/* Radio un poco m\u00e1s sutil *\/\r\n        \r\n        font-size: 20px; \/* TAMA\u00d1O SOLICITADO *\/\r\n        font-weight: 900;\r\n        color: #0F172A; \/* Color base fijo *\/\r\n        text-align: center;\r\n        white-space: nowrap;\r\n        \r\n        box-shadow: 0 10px 25px rgba(0,0,0,0.05);\r\n        border: 3px solid transparent; \r\n        \r\n        \/* Estado inicial *\/\r\n        opacity: 0;\r\n        transform: translateY(30px) scale(0.9);\r\n        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n        cursor: pointer;\r\n    }\r\n\r\n    \/* Efecto Hover *\/\r\n    .step-item:hover .box-content {\r\n        border-color: #f59e0b; \/* Solo cambia el borde *\/\r\n        transform: translateY(-5px) scale(1.02) !important;\r\n        box-shadow: 0 15px 30px rgba(245, 158, 11, 0.15);\r\n        \/* Se elimin\u00f3 la l\u00ednea que cambiaba el color del texto *\/\r\n    }\r\n\r\n    \/* Animaci\u00f3n de entrada *\/\r\n    @keyframes slideUpFade { \r\n        to { \r\n            opacity: 1; \r\n            transform: translateY(0) scale(1); \r\n        } \r\n    }\r\n\r\n    \/* Activaci\u00f3n secuencial *\/\r\n    .is-visible.step-1 .box-content { animation: slideUpFade 0.5s forwards 0.0s; }\r\n    .is-visible.step-2 .box-content { animation: slideUpFade 0.5s forwards 0.5s; } \/* Tiempos ajustados para ser m\u00e1s fluidos *\/\r\n    .is-visible.step-3 .box-content { animation: slideUpFade 0.5s forwards 1.0s; }\r\n\r\n    @media (max-width: 768px) {\r\n        .process-container { \r\n            flex-direction: column; \r\n            gap: 20px;\r\n        }\r\n        .step-item { \r\n            width: 100%; \r\n        }\r\n        .box-content {\r\n            width: 100%;\r\n            box-sizing: border-box;\r\n            white-space: normal;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<script>\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        const section = document.getElementById('animated-section');\r\n        const steps = document.querySelectorAll('.step-item');\r\n        \r\n        const observerOptions = {\r\n            root: null,\r\n            threshold: 0.2 \r\n        };\r\n\r\n        const observer = new IntersectionObserver((entries, observer) => {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting) {\r\n                    entry.target.classList.add('is-visible');\r\n                    steps.forEach(step => step.classList.add('is-visible'));\r\n                    observer.unobserve(entry.target); \r\n                }\r\n            });\r\n        }, observerOptions);\r\n\r\n        observer.observe(section);\r\n    });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a8775f7 elementor-widget elementor-widget-spacer\" data-id=\"a8775f7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ce11405 e-flex e-con-boxed e-con e-parent\" data-id=\"ce11405\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-bb13187 e-con-full e-flex e-con e-child\" data-id=\"bb13187\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-dd5d954 e-con-full e-flex e-con e-child\" data-id=\"dd5d954\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-74a700e elementor-widget elementor-widget-heading\" data-id=\"74a700e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Nosotros creemos en algo mejor<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ceac75a e-con-full e-transform e-flex e-con e-child\" data-id=\"ceac75a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_transform_scale_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1.05,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-addfeb6 elementor-widget elementor-widget-progress\" data-id=\"addfeb6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"progress.default\">\n\t\t\t\t\t\n\t\t<div class=\"elementor-progress-wrapper\" role=\"progressbar\" aria-valuemin=\"0\" aria-valuemax=\"100\" aria-valuenow=\"10\">\n\t\t\t<div class=\"elementor-progress-bar\" data-max=\"10\">\n\t\t\t\t<span class=\"elementor-progress-text\"><\/span>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7f527be elementor-widget elementor-widget-progress\" data-id=\"7f527be\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"progress.default\">\n\t\t\t\t\t\n\t\t<div class=\"elementor-progress-wrapper\" role=\"progressbar\" aria-valuemin=\"0\" aria-valuemax=\"100\" aria-valuenow=\"30\">\n\t\t\t<div class=\"elementor-progress-bar\" data-max=\"30\">\n\t\t\t\t<span class=\"elementor-progress-text\"><\/span>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0f3bbe0 elementor-widget elementor-widget-progress\" data-id=\"0f3bbe0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"progress.default\">\n\t\t\t\t\t\n\t\t<div class=\"elementor-progress-wrapper\" role=\"progressbar\" aria-valuemin=\"0\" aria-valuemax=\"100\" aria-valuenow=\"50\">\n\t\t\t<div class=\"elementor-progress-bar\" data-max=\"50\">\n\t\t\t\t<span class=\"elementor-progress-text\"><\/span>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8d89fc3 elementor-widget elementor-widget-heading\" data-id=\"8d89fc3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Visibilidad real, en movimiento,\ncon resultados medibles.<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f44c276 e-con-full e-transform e-flex e-con e-child\" data-id=\"f44c276\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_transform_scale_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1.05,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-737ded3 elementor-widget elementor-widget-counter\" data-id=\"737ded3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"counter.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-counter\">\n\t\t\t\t\t\t<div class=\"elementor-counter-number-wrapper\">\n\t\t\t\t<span class=\"elementor-counter-number-prefix\">+<\/span>\n\t\t\t\t<span class=\"elementor-counter-number\" data-duration=\"2000\" data-to-value=\"15\" data-from-value=\"1\" data-delimiter=\",\">1<\/span>\n\t\t\t\t<span class=\"elementor-counter-number-suffix\"><\/span>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-414a77d elementor-widget elementor-widget-heading\" data-id=\"414a77d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Tu marca presente en autopistas\nde m\u00e1s de 15 pa\u00edses.<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b031319 e-con-full e-transform e-flex e-con e-child\" data-id=\"b031319\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_transform_scale_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1.05,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8f544f7 elementor-widget elementor-widget-html\" data-id=\"8f544f7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Animaci\u00f3n Mapa al Scroll<\/title>\r\n    <style>\r\n     \r\n        \/* Contenedor de la secci\u00f3n *\/\r\n        .seccion-animacion {\r\n            height: 10vh;\r\n            display: flex;\r\n            justify-content: flex-start;\r\n            align-items: center;\r\n            background: white;\r\n        }\r\n\r\n        .map-animation {\r\n            width: 300px;\r\n            height: 150px;\r\n            overflow: visible;\r\n        }\r\n\r\n        \/* Estilos base de los elementos (Estado inicial: Ocultos) *\/\r\n        .map-pin {\r\n            fill: #F19000;\r\n            transform-box: fill-box;\r\n            transform-origin: bottom center;\r\n            opacity: 0;\r\n            transform: scale(0);\r\n        }\r\n\r\n        .connector-line {\r\n            fill: none;\r\n            stroke: #F29900;\r\n            stroke-width: 6;\r\n            \/* Guiones rectos *\/\r\n            stroke-dasharray: 12, 8; \r\n            stroke-linecap: butt; \r\n            \/* Longitud total aproximada del trazo para ocultarlo al inicio *\/\r\n            stroke-dashoffset: 300; \r\n            transition: stroke-dashoffset 1.2s linear, opacity 0.1s;\r\n            opacity: 0;\r\n        }\r\n\r\n        \/* CLASES QUE ACTIVAN LA ANIMACI\u00d3N (se a\u00f1aden con JS) *\/\r\n        \r\n        .animate #pin-start {\r\n            animation: popIn 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;\r\n            animation-delay: 0.1s;\r\n        }\r\n\r\n        .animate #route-line {\r\n            opacity: 1;\r\n            stroke-dashoffset: 0;\r\n            transition-delay: 0.7s;\r\n        }\r\n\r\n        .animate #pin-end {\r\n            animation: popIn 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;\r\n            animation-delay: 1.8s;\r\n        }\r\n\r\n        @keyframes popIn {\r\n            0% { opacity: 0; transform: scale(0) translateY(10px); }\r\n            100% { opacity: 1; transform: scale(1) translateY(0); }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <section class=\"seccion-animacion\" id=\"map-section\">\r\n        <svg class=\"map-animation\" viewBox=\"0 0 200 120\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            \r\n            <path id=\"route-line\" class=\"connector-line\" d=\"M 40 70 Q 100 110 160 90\" \/>\r\n\r\n            <g id=\"pin-start\" class=\"map-pin\">\r\n                <path d=\"M40 30 c-11 0 -20 9 -20 20 c0 15 20 35 20 35 s20 -20 20 -35 c0 -11 -9 -20 -20 -20 z M40 56 a6 6 0 1 1 0 -12 a6 6 0 0 1 0 12 z\" \/>\r\n            <\/g>\r\n\r\n            <g id=\"pin-end\" class=\"map-pin\">\r\n                <path transform=\"translate(120, 20)\" d=\"M40 30 c-11 0 -20 9 -20 20 c0 15 20 35 20 35 s20 -20 20 -35 c0 -11 -9 -20 -20 -20 z M40 56 a6 6 0 1 1 0 -12 a6 6 0 0 1 0 12 z\" \/>\r\n            <\/g>\r\n        <\/svg>\r\n    <\/section>\r\n\r\n    <script>\r\n        \/\/ Configuraci\u00f3n del observador\r\n        const observerOptions = {\r\n            root: null, \/\/ usa el viewport\r\n            threshold: 0.5 \/\/ se activa cuando el 50% de la secci\u00f3n es visible\r\n        };\r\n\r\n        const observer = new IntersectionObserver((entries, observer) => {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting) {\r\n                    \/\/ A\u00f1ade la clase que dispara las animaciones CSS\r\n                    entry.target.classList.add('animate');\r\n                    \/\/ Deja de observar una vez activado (opcional)\r\n                    observer.unobserve(entry.target);\r\n                }\r\n            });\r\n        }, observerOptions);\r\n\r\n        \/\/ Seleccionamos el contenedor y empezamos a observar\r\n        const target = document.querySelector('#map-section');\r\n        observer.observe(target);\r\n    <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-77ca364 elementor-widget elementor-widget-heading\" data-id=\"77ca364\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Desde Lisboa hasta Varsovia.\nDesde Sevilla hasta Copenhague.<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-03cb7b4 e-con-full e-transform e-flex e-con e-child\" data-id=\"03cb7b4\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_transform_scale_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1.05,&quot;sizes&quot;:[]},&quot;background_background&quot;:&quot;classic&quot;,&quot;background_motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;background_motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;],&quot;_transform_scale_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4728049 elementor-widget elementor-widget-html\" data-id=\"4728049\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n<style>\r\n    \/* 1. CONTENEDOR PRINCIPAL\r\n       Altura fija (150px) para que no ocupe media pantalla.\r\n       Reseteamos margin y padding para evitar espacios fantasma.\r\n    *\/\r\n    .contenedor-euro-stars {\r\n        width: 100%;\r\n        height: 100px; \/* Altura controlada, aj\u00fastala si lo quieres m\u00e1s pegado al texto *\/\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center; \/* Centrado vertical perfecto *\/\r\n        margin: 0;\r\n        padding: 0;\r\n        position: relative;\r\n    }\r\n\r\n    \/* 2. EL LIENZO SVG \r\n       Tama\u00f1o fijo para controlar la escala exacta.\r\n    *\/\r\n    .svg-euro-ring {\r\n        width: 140px;  \/* Ancho visual del c\u00edrculo *\/\r\n        height: 140px; \/* Alto visual del c\u00edrculo *\/\r\n        overflow: visible;\r\n    }\r\n\r\n    \/* 3. LA ESTRELLA INDIVIDUAL *\/\r\n    .star-shape {\r\n        fill: #F19000;\r\n        stroke: #F19000;\r\n        stroke-width: 2.2;\r\n        transform-origin: center center; \/* Para que crezca desde su propio centro *\/\r\n        opacity: 0;\r\n        transform: scale(0); \/* Estado inicial: invisible y min\u00fascula *\/\r\n    }\r\n\r\n    \/* 4. ANIMACI\u00d3N (POP) *\/\r\n    @keyframes starPop {\r\n        0% { opacity: 0; transform: scale(0); }\r\n        50% { transform: scale(1.2); } \/* Un rebote un poco m\u00e1s exagerado para dar impacto *\/\r\n        100% { opacity: 1; transform: scale(1); }\r\n    }\r\n\r\n    \/* 5. ACTIVACI\u00d3N *\/\r\n    .activar-animacion .star-shape {\r\n        animation: starPop 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;\r\n    }\r\n\r\n    \/* 6. RETRASOS (Stagger) \r\n       Para que aparezcan en sentido horario\r\n    *\/\r\n    .g-star:nth-child(1) .star-shape { animation-delay: 0.05s; }\r\n    .g-star:nth-child(2) .star-shape { animation-delay: 0.10s; }\r\n    .g-star:nth-child(3) .star-shape { animation-delay: 0.15s; }\r\n    .g-star:nth-child(4) .star-shape { animation-delay: 0.20s; }\r\n    .g-star:nth-child(5) .star-shape { animation-delay: 0.25s; }\r\n    .g-star:nth-child(6) .star-shape { animation-delay: 0.30s; }\r\n    .g-star:nth-child(7) .star-shape { animation-delay: 0.35s; }\r\n    .g-star:nth-child(8) .star-shape { animation-delay: 0.40s; }\r\n    .g-star:nth-child(9) .star-shape { animation-delay: 0.45s; }\r\n    .g-star:nth-child(10) .star-shape { animation-delay: 0.50s; }\r\n    .g-star:nth-child(11) .star-shape { animation-delay: 0.55s; }\r\n    .g-star:nth-child(12) .star-shape { animation-delay: 0.60s; }\r\n\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <div class=\"contenedor-euro-stars\" id=\"trigger-zone\">\r\n        \r\n        <svg class=\"svg-euro-ring\" viewBox=\"0 0 100 100\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            \r\n            <defs>\r\n                <path id=\"single-star\" d=\"M0 -6 L1.5 -2 L6 -2 L2.5 1 L4 5 L0 3 L-4 5 L-2.5 1 L-6 -2 L-1.5 -2 Z\" \/>\r\n            <\/defs>\r\n\r\n            <g class=\"g-star\" transform=\"translate(50,50) rotate(0) translate(0, -35)\">\r\n                <use href=\"#single-star\" class=\"star-shape\" \/>\r\n            <\/g>\r\n            <g class=\"g-star\" transform=\"translate(50,50) rotate(30) translate(0, -35)\">\r\n                <use href=\"#single-star\" class=\"star-shape\" \/>\r\n            <\/g>\r\n            <g class=\"g-star\" transform=\"translate(50,50) rotate(60) translate(0, -35)\">\r\n                <use href=\"#single-star\" class=\"star-shape\" \/>\r\n            <\/g>\r\n            <g class=\"g-star\" transform=\"translate(50,50) rotate(90) translate(0, -35)\">\r\n                <use href=\"#single-star\" class=\"star-shape\" \/>\r\n            <\/g>\r\n            <g class=\"g-star\" transform=\"translate(50,50) rotate(120) translate(0, -35)\">\r\n                <use href=\"#single-star\" class=\"star-shape\" \/>\r\n            <\/g>\r\n            <g class=\"g-star\" transform=\"translate(50,50) rotate(150) translate(0, -35)\">\r\n                <use href=\"#single-star\" class=\"star-shape\" \/>\r\n            <\/g>\r\n            <g class=\"g-star\" transform=\"translate(50,50) rotate(180) translate(0, -35)\">\r\n                <use href=\"#single-star\" class=\"star-shape\" \/>\r\n            <\/g>\r\n            <g class=\"g-star\" transform=\"translate(50,50) rotate(210) translate(0, -35)\">\r\n                <use href=\"#single-star\" class=\"star-shape\" \/>\r\n            <\/g>\r\n            <g class=\"g-star\" transform=\"translate(50,50) rotate(240) translate(0, -35)\">\r\n                <use href=\"#single-star\" class=\"star-shape\" \/>\r\n            <\/g>\r\n            <g class=\"g-star\" transform=\"translate(50,50) rotate(270) translate(0, -35)\">\r\n                <use href=\"#single-star\" class=\"star-shape\" \/>\r\n            <\/g>\r\n            <g class=\"g-star\" transform=\"translate(50,50) rotate(300) translate(0, -35)\">\r\n                <use href=\"#single-star\" class=\"star-shape\" \/>\r\n            <\/g>\r\n            <g class=\"g-star\" transform=\"translate(50,50) rotate(330) translate(0, -35)\">\r\n                <use href=\"#single-star\" class=\"star-shape\" \/>\r\n            <\/g>\r\n\r\n        <\/svg>\r\n    <\/div>\r\n\r\n    <script>\r\n        document.addEventListener(\"DOMContentLoaded\", function() {\r\n            const observer = new IntersectionObserver((entries) => {\r\n                entries.forEach(entry => {\r\n                    if (entry.isIntersecting) {\r\n                        \/\/ A\u00f1adimos la clase al contenedor principal\r\n                        entry.target.classList.add('activar-animacion');\r\n                        \/\/ Dejamos de observar para ahorrar recursos\r\n                        observer.unobserve(entry.target);\r\n                    }\r\n                });\r\n            }, { threshold: 0.5 }); \/\/ Se activa al ver el 50% del elemento\r\n\r\n            const target = document.getElementById('trigger-zone');\r\n            if (target) observer.observe(target);\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4e4b770 elementor-widget elementor-widget-heading\" data-id=\"4e4b770\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Ya operamos\nen toda Europa.<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9c33377 e-flex e-con-boxed e-con e-parent\" data-id=\"9c33377\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4224488 elementor-align-center e-transform elementor-widget-mobile__width-inherit elementor-widget elementor-widget-button\" data-id=\"4224488\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_transform_scale_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1.04,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/rotulacion.hyprlab.agency\/propuesta-de-publicidad-en-camiones\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Quiero publicitarme con camiones por Europa<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e0f10d5 elementor-widget elementor-widget-spacer\" data-id=\"e0f10d5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>StickerCar convierte rutas log\u00edsticas reales en publicidad exterior m\u00f3vil medible, rentable y sin trayectos extra. Conoce al equipo y nuestra misi\u00f3n.<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-16","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/rotulacion.hyprlab.agency\/en\/wp-json\/wp\/v2\/pages\/16","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rotulacion.hyprlab.agency\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rotulacion.hyprlab.agency\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rotulacion.hyprlab.agency\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rotulacion.hyprlab.agency\/en\/wp-json\/wp\/v2\/comments?post=16"}],"version-history":[{"count":598,"href":"https:\/\/rotulacion.hyprlab.agency\/en\/wp-json\/wp\/v2\/pages\/16\/revisions"}],"predecessor-version":[{"id":3373,"href":"https:\/\/rotulacion.hyprlab.agency\/en\/wp-json\/wp\/v2\/pages\/16\/revisions\/3373"}],"wp:attachment":[{"href":"https:\/\/rotulacion.hyprlab.agency\/en\/wp-json\/wp\/v2\/media?parent=16"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}