{"id":26,"date":"2024-03-13T18:39:57","date_gmt":"2024-03-13T18:39:57","guid":{"rendered":"https:\/\/rutapanamaeste-asp-prd001.azurewebsites.net\/?page_id=26"},"modified":"2025-07-21T16:10:21","modified_gmt":"2025-07-21T16:10:21","slug":"inicio","status":"publish","type":"page","link":"https:\/\/www.rutadeleste.pa\/en\/","title":{"rendered":"Start"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\r\n\r\n\r\n\r\n \r\n \r\n Carrusel de Etapas 1<\/title>\r\n <!-- Agrega los estilos de Slick Carousel -->\r\n <link rel=\"stylesheet\" type=\"text\/css\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/slick-carousel\/1.8.1\/slick.min.css\" \/>\r\n <!-- Agrega estilos personalizados-->\r\n\r\n <style>\r\n .carousel {\r\n width: 100%;\r\n \/* Ajusta el ancho del carrusel seg\u00fan sea necesario *\/\r\n margin: 0 auto;\r\n position: relative;\r\n }\r\n\r\n .etapa-1 {\r\n position: relative;\r\n padding: 0 0px; \/* A\u00f1ade un relleno lateral para mantener el margen *\/\r\n }\r\n\r\n .etapa-info-1 {\r\n left: 57%; \/* Ajusta seg\u00fan sea necesario para mover el texto m\u00e1s a la derecha *\/\r\n position: absolute;\r\n top: 32%;\r\n z-index: 10;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-end; \/* Esto alinea el texto hacia la derecha *\/\r\n gap: 20px;\r\n text-align: right;\r\n }\r\n .etapa-info-slide1-1 {\r\n left: 43%;\r\n position: absolute;\r\n top: 34%;\r\n z-index: 10;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: start;\r\n gap: 1px;\r\n }\r\n .etapa-info-slide2-1 {\r\n left: 10%;\r\n position: absolute;\r\n top: 25%;\r\n z-index: 10;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: start;\r\n gap: 25px;\r\n }\r\n .etapa-info-4 {\r\n left: 45%; \/* Ajusta seg\u00fan sea necesario para mover el texto m\u00e1s a la derecha *\/\r\n position: absolute;\r\n top: 32%;\r\n z-index: 10;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-end; \/* Esto alinea el texto hacia la derecha *\/\r\n gap: 20px;\r\n text-align: right;\r\n }\r\n .etapa-info-5 {\r\n left: 10%;\r\n position: absolute;\r\n top: 32%;\r\n z-index: 10;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: start;\r\n gap: 1px;\r\n }\r\n .etapa-1 h2 {\r\n font: normal normal normal 24px\/36px AmsiPro;\r\n \r\n letter-spacing: 0px;\r\n color: #FFFFFF;\r\n opacity: 1;\r\n margin: 0;\r\n margin-bottom: 10px;\r\n \/* Agrega un margen inferior de 10px *\/\r\n }\r\n\r\n .etapa-1 h3 {\r\n font: normal normal normal 70px\/70px AmsiPro;\r\n letter-spacing: 0px;\r\n color: #FFFFFF;\r\n opacity: 1;\r\n margin: 0;\r\n line-height: 70px;\r\n }\r\n .etapa-1 h4 {\r\n font: normal normal normal 70px\/70px AmsiPro;\r\n letter-spacing: 0px;\r\n color: #FFFFFF;\r\n opacity: 1;\r\n margin: 0;\r\n line-height: 70px;\r\n }\r\n \r\n .elementor-1 img {\r\n height: auto;\r\n max-width: 100%;\r\n border: none;\r\n border-radius: 0;\r\n box-shadow: none;\r\n background-position: center 0;\r\n background-repeat: no-repeat;\r\n background-size: cover;\r\n width: 100%;\r\n height: 100%;\r\n }\r\n .etapa-img-container-1 {\r\n max-width: 100%; \/* Establece el ancho m\u00e1ximo del contenedor de la imagen *\/\r\n margin: 0 auto; \/* Centra el contenedor de la imagen *\/\r\n background-position: center 0;\r\n background-repeat: no-repeat;\r\n background-size: cover;\r\n }\r\n\r\n .etapa-img-container-1 img {\r\n width: 100%; \/* Establece que la imagen ocupe el 100% del ancho del contenedor *\/\r\n height: auto; \/* Permite que la altura de la imagen se ajuste autom\u00e1ticamente *\/\r\n border-radius: 26px;\r\n background-position: center 0;\r\n background-repeat: no-repeat;\r\n background-size: cover;\r\n }\r\n\r\n\r\n .texto-img-1{\r\n left: 20px;\r\n position: absolute;\r\n top: 50%;\r\n z-index: 10;\r\n }\r\n .ver-mas-1 {\r\n\r\n background: transparent linear-gradient(180deg, #0099FF 0%, #023087 100%) 0% 0% no-repeat padding-box;\r\n border-radius: 24px;\r\n opacity: 1;\r\n color: #FFFFFF;\r\n font-style: normal;\r\n font-variant: normal;\r\n font-weight: bold;\r\n font-size: 16px;\r\n line-height: 24px;\r\n font-family: \"AmsiPro\", \"Helvetica Neue\", Helvetica, Arial, sans-serif;\r\n letter-spacing: 0px;\r\n padding: 13px 50px;\r\n border: none;\r\n margin-top: 20px;\r\n \r\n }\r\n \r\n \r\n .ver-mas-1:hover {\r\n background-color: #023087;\r\n color: #FFFFFF;\r\n }\r\n \r\n \/* Estilos para el enlace dentro del bot\u00f3n *\/\r\n button.ver-mas-1 a {\r\n color: white; \/* Color de la letra blanco *\/\r\n text-decoration: none; \/* Quita el subrayado del enlace *\/\r\n }\r\n\r\n \/* Estilos para el enlace dentro del bot\u00f3n en estado hover *\/\r\n button.ver-mas-1 a:hover {\r\n color: white; \/* Cambia el color de la letra a blanco en estado hover *\/\r\n text-decoration: none; \/* Quita el subrayado del enlace en estado hover *\/\r\n }\r\n .ver-mas--2 {\r\n background-color: #000000; \/* Fondo negro *\/\r\n border-radius: 24px;\r\n color: #FFFFFF; \/* Texto blanco *\/\r\n font-style: normal;\r\n font-variant: normal;\r\n font-weight: bold;\r\n font-size: 16px;\r\n line-height: 24px;\r\n font-family: \"AmsiPro\", \"Helvetica Neue\", Helvetica, Arial, sans-serif;\r\n letter-spacing: 0px;\r\n padding: 13px 50px;\r\n border: none;\r\n margin-top: 20px;\r\n cursor: pointer;\r\n outline: none; \/* Evita el contorno predeterminado del navegador *\/\r\n }\r\n\r\n\/* Mantener el mismo estilo en hover *\/\r\n.ver-mas--2:hover {\r\n background-color: #000000;\r\n color: #FFFFFF;\r\n}\r\n\r\n\/* Mantener el mismo estilo al hacer clic *\/\r\n.ver-mas--2:active {\r\n background-color: #000000;\r\n color: #FFFFFF;\r\n}\r\n\r\n\/* Mantener el mismo estilo al recibir el foco (despu\u00e9s de hacer clic) *\/\r\n.ver-mas--2:focus {\r\n background-color: #000000;\r\n color: #FFFFFF;\r\n outline: none; \/* Eliminar el contorno del bot\u00f3n *\/\r\n}\r\n\r\n.ver-mas--2 span {\r\n color: #FFFFFF; \/* Asegura que el texto dentro del bot\u00f3n sea blanco *\/\r\n text-decoration: none; \/* Sin subrayado *\/\r\n}\r\n\r\n\/* Evitar que el bot\u00f3n se vea afectado por enlaces *\/\r\nbutton.ver-mas--2 a {\r\n color: inherit;\r\n text-decoration: none;\r\n}\r\n\r\n.slick-dots {\r\n position: absolute;\r\n bottom: 100px; \/* Ajusta la posici\u00f3n vertical de los puntos *\/\r\n width: 100%;\r\n text-align: center;\r\n list-style: none;\r\n padding: 0;\r\n margin: 0;\r\n}\r\n\r\n.slick-dots li {\r\n display: inline-block;\r\n margin: 7px; \/* Ajusta la distancia horizontal entre los puntos *\/\r\n}\r\n\r\n.slick-dots li button {\r\n font-size: 0;\r\n line-height: 0;\r\n display: block;\r\n width: 10px; \/* Tama\u00f1o de los puntos *\/\r\n height: 10px;\r\n padding: 5px;\r\n border: none;\r\n border-radius: 50%; \/* Puntos redondos *\/\r\n cursor: pointer;\r\n transition: background-color 0.3s ease; \/* Agrega una transici\u00f3n suave al color de fondo *\/\r\n}\r\n\/* Establece el color de los puntos del paginado cuando est\u00e1n activos *\/\r\n\r\n\r\n\/* Establece el color de los puntos del paginado cuando est\u00e1n inactivos *\/\r\n.slick-dots li button {\r\n background-color: rgba(255, 255, 255, 0.5) !important; \/* Color blanco con opacidad reducida *\/\r\n}\r\n\r\n\/* Establece el color de los puntos del paginado cuando est\u00e1n activos *\/\r\n\/* Establece el color de los puntos del paginado cuando est\u00e1n activos *\/\r\n.slick-dots li.slick-active button {\r\n background-color: #FFFFFF !important; \/* Color blanco *\/\r\n border: none !important; \/* Elimina el borde *\/\r\n outline: none !important; \/* Elimina el contorno alrededor del bot\u00f3n *\/\r\n}\r\n\r\n\r\n\/* Elimina el efecto de hover en los puntos del paginado cuando est\u00e1n seleccionados *\/\r\n.slick-dots li.slick-active button:hover {\r\n background-color: #FFFFFF !important; \/* Mantiene el color blanco cuando est\u00e1 seleccionado *\/\r\n}\r\n\r\n\r\n \/* Oculta los botones de navegaci\u00f3n *\/\r\n .slick-prev-1,\r\n .slick-next-1 {\r\n position: absolute;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n z-index: 1;\r\n width: 80px; \/* Ajusta el ancho de las flechas *\/\r\n height: 80px; \/* Ajusta la altura de las flechas *\/\r\n font-size: 0; \/* Oculta el texto dentro de las flechas *\/\r\n cursor: pointer;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n border:0;\r\n}\r\n\r\n.slick-prev-1 {\r\n left: -10px; \/* Ajusta la posici\u00f3n de la flecha izquierda *\/\r\n}\r\n\r\n.slick-next-1 {\r\n right: -10px; \/* Ajusta la posici\u00f3n de la flecha derecha *\/\r\n}\r\n\r\n \/* Cambia el color de las flechas al pasar el cursor *\/\r\n .slick-prev-1:focus, .slick-next-1:focus,\r\n.slick-prev-1:hover, .slick-next-1:hover{\r\n background-color: transparent !important;\r\n outline: none;\r\n}\r\n\r\n \/* Establece el color de las flechas cuando est\u00e1n deshabilitadas *\/\r\n .slick-disabled-1 {\r\n opacity: 0.5;\r\n cursor: not-allowed;\r\n }\r\n\r\n \/* Agrega estilos para las flechas de navegaci\u00f3n *\/\r\n .slick-prev-1::before,\r\n .slick-next-1::before {\r\n content: '\\2039'; \/* C\u00f3digo de la flecha izquierda *\/\r\n font-size: 80px;\r\n color: #FFFFFF; \/* Color de la flecha *\/\r\n background-color: transparent !important;\r\n }\r\n\r\n .slick-next-1::before {\r\n content: '\\203A'; \/* C\u00f3digo de la flecha derecha *\/\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n <div id=\"carousel1\" class=\"carousel\">\r\n <div class=\"etapa-1\">\r\n <div class=\"etapa-info-slide1-1\">\r\n <h2>246 KILOMETERS OF INSPIRATION<\/h2>\r\n <h3>Ruta del Este,<br>more than a way<\/h3>\r\n \r\n <\/div>\r\n <img data-src=\"\/wp-content\/uploads\/2024\/12\/banner-1-2.jpg\" alt=\"Descripci\u00f3n de la imagen\">\r\n <\/div>\r\n <div class=\"etapa-1\">\r\n <div class=\"etapa-info-1\">\r\n <h4>We are <br> Ruta del Este<\/h4>\r\n <button onclick=\"activarBoton(this); window.location.href='https:\/\/rutapanamaeste-asp-prd001.azurewebsites.net\/nuestra-empresa\/'\" class=\"ver-mas-1\">\r\n <span>About us<\/span>\r\n<\/button>\r\n\r\n <\/div>\r\n <img data-src=\"\/wp-content\/uploads\/2024\/05\/banner-2-paraweb.jpg\"\r\n alt=\"Descripci\u00f3n de la imagen\">\r\n <\/div>\r\n <div class=\"etapa-1\">\r\n <div class=\"etapa-info-slide2-1\">\r\n <h4>Discover the <br> route and its 246 <br> kilometers<\/h4>\r\n <button onclick=\"activarBoton(this); window.location.href='https:\/\/rutapanamaeste-asp-prd001.azurewebsites.net\/ruta-del-este\/'\" class=\"ver-mas-1\">\r\n <span>About us<\/span>\r\n<\/button>\r\n\r\n\r\n <\/div>\r\n <img data-src=\"\/wp-content\/uploads\/2024\/09\/banner\u20133-1-paraweb-1.jpg\"\r\n alt=\"Descripci\u00f3n de la imagen\">\r\n <\/div>\r\n <div class=\"etapa-1\">\r\n <div class=\"etapa-info-4\">\r\n <h4>Explore all <br> our services<\/h4>\r\n <button onclick=\"activarBoton(this); window.location.href='https:\/\/rutapanamaeste-asp-prd001.azurewebsites.net\/servicios\/'\" class=\"ver-mas-1\">\r\n <span>See services<\/span>\r\n<\/button>\r\n\r\n <\/div>\r\n <img data-src=\"\/wp-content\/uploads\/2024\/09\/banner-4-paraweb.jpg\"\r\n alt=\"Descripci\u00f3n de la imagen\">\r\n <\/div>\r\n <div class=\"etapa-1\">\r\n <div class=\"etapa-info-5\">\r\n <h4>Everything you <br> need to know about <br> Ruta del Este<\/h4>\r\n <button onclick=\"activarBoton(this); window.open('https:\/\/x.com\/Rutadeleste_', '_blank');\" class=\"ver-mas--2\">\r\n <span>Go to X Ruta del Este<\/span>\r\n<\/button>\r\n\r\n <\/div>\r\n <img data-src=\"\/wp-content\/uploads\/2024\/09\/banner-5-paraweb.jpg\"\r\n alt=\"Descripci\u00f3n de la imagen\">\r\n <\/div>\r\n\r\n \r\n <\/div>\r\n \r\n\r\n <!-- Agrega jQuery y Slick Carousel JavaScript -->\r\n <script src=\"https:\/\/code.jquery.com\/jquery-3.6.0.min.js\"><\/script>\r\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/slick-carousel\/1.8.1\/slick.min.js\"><\/script>\r\n\r\n <script>\r\n $(document).ready(function () {\r\n $('#carousel1').slick({\r\n infinite: true,\r\n slidesToShow: 1, \/\/ Muestra 3 etapas a la vez\r\n autoplay: true,\r\n autoplaySpeed: 4000,\r\n arrows: true, \/\/ Muestra las flechas de navegaci\u00f3n\r\n prevArrow: '<button type=\"button\" class=\"slick-prev-1\"><\/button>', \/\/ HTML personalizado para la flecha izquierda\r\n nextArrow: '<button type=\"button\" class=\"slick-next-1\"><\/button>', \/\/ HTML personalizado para la flecha derecha\r\n centerMode: false, \/\/ Habilitar modo centrado\r\n centerPadding: '50px', \/\/ Espacio en los extremos del carrusel\r\n dots: true, \/\/ Habilitar puntos de paginaci\u00f3n\r\n responsive: [{\r\n breakpoint: 768,\r\n settings: {\r\n slidesToShow: 1 \/\/ Cambia a mostrar solo 1 slide en dispositivos m\u00f3viles\r\n }\r\n }]\r\n });\r\n });\r\n\r\n \/\/ Esta funci\u00f3n agrega la clase 'activo' al bot\u00f3n clicado y remueve esa clase de los dem\u00e1s botones\r\n function activarBoton(elemento) {\r\n $('.ver-mas-1').removeClass('activo'); \/\/ Remueve la clase 'activo' de todos los botones\r\n $(elemento).addClass('activo'); \/\/ Agrega la clase 'activo' al bot\u00f3n clicado\r\n }\r\n \r\n document.addEventListener('DOMContentLoaded', function() {\r\n const baseURL = window.location.origin;\r\n\r\n \/\/ Actualizar im\u00e1genes\r\n document.querySelectorAll('img[data-src]').forEach(img => {\r\n img.src = baseURL + img.getAttribute('data-src');\r\n });\r\n\r\n \/\/ Actualizar botones\r\n document.querySelectorAll('button[data-url]').forEach(btn => {\r\n btn.onclick = function() {\r\n window.location.href = baseURL + btn.getAttribute('data-url');\r\n };\r\n });\r\n });\r\n <\/script>\r\n<\/body>\r\n\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5fbf124 e-con-full elementor-hidden-desktop elementor-hidden-mobile e-flex e-con e-parent\" data-id=\"5fbf124\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1cdee03 elementor-widget elementor-widget-html\" data-id=\"1cdee03\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n\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>Carrusel de Etapas 1<\/title>\r\n <!-- Agrega los estilos de Slick Carousel -->\r\n <link rel=\"stylesheet\" type=\"text\/css\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/slick-carousel\/1.8.1\/slick.min.css\" \/>\r\n\r\n <style>\r\n .carousel {\r\n width: 100%;\r\n \/* Ajusta el ancho del carrusel seg\u00fan sea necesario *\/\r\n margin: 0 auto;\r\n position: relative;\r\n }\r\n\r\n .etapa {\r\n position: relative;\r\n padding: 0 0px; \/* A\u00f1ade un relleno lateral para mantener el margen *\/\r\n }\r\n\r\n .etapa-info {\r\n left: 13%;\r\n position: absolute;\r\n top: 35%;\r\n z-index: 10;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: start;\r\n gap: 20px;\r\n }\r\n .etapa-info-slide1 {\r\n left: 43%;\r\n position: absolute;\r\n top: 32%;\r\n z-index: 10;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: start;\r\n gap: 1px;\r\n }\r\n .etapa-info-slide2 {\r\n left: 13%;\r\n position: absolute;\r\n top: 30%;\r\n z-index: 10;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: start;\r\n gap: 25px;\r\n }\r\n\r\n .etapa h2 {\r\n font: normal normal normal 22px\/36px AmsiPro;\r\n \r\n letter-spacing: 0px;\r\n color: #FFFFFF;\r\n opacity: 1;\r\n margin: 0;\r\n margin-bottom: 5px;\r\n \/* Agrega un margen inferior de 10px *\/\r\n }\r\n\r\n .etapa h3 {\r\n font: normal normal normal 70px\/70px AmsiPro;\r\n letter-spacing: 0px;\r\n color: #FFFFFF;\r\n opacity: 1;\r\n margin: 0;\r\n line-height: 70px;\r\n }\r\n .etapa h4 {\r\n font: normal normal normal 70px\/70px AmsiPro;\r\n letter-spacing: 0px;\r\n color: #FFFFFF;\r\n opacity: 1;\r\n margin: 0;\r\n line-height: 70px;\r\n }\r\n .elementor img {\r\n height: auto;\r\n max-width: 100%;\r\n border: none;\r\n border-radius: 0;\r\n box-shadow: none;\r\n background-position: center 0;\r\n background-repeat: no-repeat;\r\n background-size: cover;\r\n width: 100%;\r\n height: 100%;\r\n }\r\n .etapa-img-container {\r\n max-width: 100%; \/* Establece el ancho m\u00e1ximo del contenedor de la imagen *\/\r\n margin: 0 auto; \/* Centra el contenedor de la imagen *\/\r\n background-position: center 0;\r\n background-repeat: no-repeat;\r\n background-size: cover;\r\n }\r\n\r\n .etapa-img-container img {\r\n width: 100%; \/* Establece que la imagen ocupe el 100% del ancho del contenedor *\/\r\n height: auto; \/* Permite que la altura de la imagen se ajuste autom\u00e1ticamente *\/\r\n border-radius: 26px;\r\n background-position: center 0;\r\n background-repeat: no-repeat;\r\n background-size: cover;\r\n }\r\n\r\n\r\n .texto-img{\r\n left: 20px;\r\n position: absolute;\r\n top: 50%;\r\n z-index: 10;\r\n }\r\n .ver-mas {\r\n\r\n background: transparent linear-gradient(180deg, #0099FF 0%, #023087 100%) 0% 0% no-repeat padding-box;\r\n border-radius: 24px;\r\n opacity: 1;\r\n color: #FFFFFF;\r\n font-style: normal;\r\n font-variant: normal;\r\n font-weight: bold;\r\n font-size: 16px;\r\n line-height: 24px;\r\n font-family: \"AmsiPro\", \"Helvetica Neue\", Helvetica, Arial, sans-serif;\r\n letter-spacing: 0px;\r\n padding: 13px 50px;\r\n border: none;\r\n margin-top: 5px;\r\n \r\n }\r\n\r\n .ver-mas:hover {\r\n background-color: #023087;\r\n color: #FFFFFF;\r\n }\r\n\r\n \/* Estilos para el enlace dentro del bot\u00f3n *\/\r\n button.ver-mas a {\r\n color: white; \/* Color de la letra blanco *\/\r\n text-decoration: none; \/* Quita el subrayado del enlace *\/\r\n }\r\n\r\n \/* Estilos para el enlace dentro del bot\u00f3n en estado hover *\/\r\n button.ver-mas a:hover {\r\n color: white; \/* Cambia el color de la letra a blanco en estado hover *\/\r\n text-decoration: none; \/* Quita el subrayado del enlace en estado hover *\/\r\n }\r\n\r\n \/* Estilos para los puntos del paginado *\/\r\n \/* Estilos para los puntos del paginado *\/\r\n\/* Estilos para los puntos del paginado *\/\r\n.ver-mas-2- {\r\n background-color: #000000; \/* Fondo negro *\/\r\n border-radius: 24px;\r\n color: #FFFFFF; \/* Texto blanco *\/\r\n font-style: normal;\r\n font-variant: normal;\r\n font-weight: bold;\r\n font-size: 16px;\r\n line-height: 24px;\r\n font-family: \"AmsiPro\", \"Helvetica Neue\", Helvetica, Arial, sans-serif;\r\n letter-spacing: 0px;\r\n padding: 13px 50px;\r\n border: none;\r\n margin-top: 20px;\r\n cursor: pointer;\r\n}\r\n\r\n.ver-mas-2-:hover {\r\n background-color: #000000; \/* Fondo gris oscuro en hover *\/\r\n color: #FFFFFF; \/* Texto blanco en hover *\/\r\n}\r\n\r\n.ver-mas-2- span {\r\n color: #FFFFFF; \/* Asegura que el texto dentro del bot\u00f3n sea blanco *\/\r\n text-decoration: none; \/* Sin subrayado *\/\r\n}\r\n\r\n\/* Evitar que el bot\u00f3n se vea afectado por enlaces *\/\r\nbutton.ver-mas-2- a {\r\n color: inherit;\r\n text-decoration: none;\r\n}\r\n\r\n\r\n \/* Estilos para los puntos del paginado *\/\r\n \/* Estilos para los puntos del paginado *\/\r\n\/* Estilos para los puntos del paginado *\/\r\n.slick-dots {\r\n position: absolute;\r\n bottom: 100px; \/* Ajusta la posici\u00f3n vertical de los puntos *\/\r\n width: 100%;\r\n text-align: center;\r\n list-style: none;\r\n padding: 0;\r\n margin: 0;\r\n top: 85%;\r\n}\r\n\r\n.slick-dots li {\r\n display: inline-block;\r\n margin: 7px; \/* Ajusta la distancia horizontal entre los puntos *\/\r\n}\r\n\r\n.slick-dots li button {\r\n font-size: 0;\r\n line-height: 0;\r\n display: block;\r\n width: 10px; \/* Tama\u00f1o de los puntos *\/\r\n height: 10px;\r\n padding: 5px;\r\n border: none;\r\n border-radius: 50%; \/* Puntos redondos *\/\r\n cursor: pointer;\r\n transition: background-color 0.3s ease; \/* Agrega una transici\u00f3n suave al color de fondo *\/\r\n}\r\n\/* Establece el color de los puntos del paginado cuando est\u00e1n activos *\/\r\n\r\n\r\n\/* Establece el color de los puntos del paginado cuando est\u00e1n inactivos *\/\r\n.slick-dots li button {\r\n background-color: rgba(255, 255, 255, 0.5) !important; \/* Color blanco con opacidad reducida *\/\r\n}\r\n\r\n\/* Establece el color de los puntos del paginado cuando est\u00e1n activos *\/\r\n\/* Establece el color de los puntos del paginado cuando est\u00e1n activos *\/\r\n.slick-dots li.slick-active button {\r\n background-color: #FFFFFF !important; \/* Color blanco *\/\r\n border: none !important; \/* Elimina el borde *\/\r\n outline: none !important; \/* Elimina el contorno alrededor del bot\u00f3n *\/\r\n}\r\n\r\n\r\n\/* Elimina el efecto de hover en los puntos del paginado cuando est\u00e1n seleccionados *\/\r\n.slick-dots li.slick-active button:hover {\r\n background-color: #FFFFFF !important; \/* Mantiene el color blanco cuando est\u00e1 seleccionado *\/\r\n}\r\n\r\n\r\n \/* Oculta los botones de navegaci\u00f3n *\/\r\n .slick-prev,\r\n .slick-next {\r\n position: absolute;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n z-index: 1;\r\n width: 80px; \/* Ajusta el ancho de las flechas *\/\r\n height: 80px; \/* Ajusta la altura de las flechas *\/\r\n font-size: 0; \/* Oculta el texto dentro de las flechas *\/\r\n cursor: pointer;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n border:0;\r\n}\r\n\r\n.slick-prev {\r\n left: -5px; \/* Ajusta la posici\u00f3n de la flecha izquierda *\/\r\n}\r\n\r\n.slick-next {\r\n right: -5px; \/* Ajusta la posici\u00f3n de la flecha derecha *\/\r\n}\r\n\r\n \/* Cambia el color de las flechas al pasar el cursor *\/\r\n .slick-prev:focus, .slick-next:focus,\r\n.slick-prev:hover, .slick-next:hover{\r\n background-color: transparent !important;\r\n outline: none;\r\n}\r\n\r\n \/* Establece el color de las flechas cuando est\u00e1n deshabilitadas *\/\r\n .slick-disabled {\r\n opacity: 0.5;\r\n cursor: not-allowed;\r\n }\r\n\r\n \/* Agrega estilos para las flechas de navegaci\u00f3n *\/\r\n .slick-prev::before,\r\n .slick-next::before {\r\n content: '\\2039'; \/* C\u00f3digo de la flecha izquierda *\/\r\n font-size: 80px;\r\n color: #FFFFFF; \/* Color de la flecha *\/\r\n background-color: transparent !important;\r\n }\r\n\r\n .slick-next::before {\r\n content: '\\203A'; \/* C\u00f3digo de la flecha derecha *\/\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n <div id=\"carousel2\" class=\"carousel\">\r\n <div class=\"etapa\">\r\n <div class=\"etapa-info-slide1\">\r\n <h2>246 KILOMETERS OF INSPIRATION<\/h2>\r\n <h3>Ruta del Este,<br>more than just <br> a road<\/h3>\r\n \r\n <\/div>\r\n <img data-src=\"\/wp-content\/uploads\/2024\/12\/Tablet-\u2013-9.png\"\r\n alt=\"Descripci\u00f3n de la imagen\">\r\n <\/div>\r\n <div class=\"etapa\">\r\n <div class=\"etapa-info\">\r\n <h4>We are <br> Ruta del Este<\/h4>\r\n <button onclick=\"activarBoton(this); window.location.href='https:\/\/rutapanamaeste-asp-prd001.azurewebsites.net\/nuestra-empresa\/'\" class=\"ver-mas\">\r\n <span>About us<\/span>\r\n \r\n <\/button>\r\n <\/div>\r\n <img data-src=\"\/wp-content\/uploads\/2024\/05\/Tablet-\u2013-5.png\"\r\n alt=\"Descripci\u00f3n de la imagen\">\r\n <\/div>\r\n <div class=\"etapa\">\r\n <div class=\"etapa-info-slide2\">\r\n <h4>Discover the <br> route and its 246 <br> kilometers<\/h4>\r\n <button onclick=\"activarBoton(this); window.location.href='https:\/\/rutapanamaeste-asp-prd001.azurewebsites.net\/ruta-del-este\/'\" class=\"ver-mas\">\r\n <span>About us<\/span>\r\n <\/button>\r\n\r\n <\/div>\r\n <img data-src=\"\/wp-content\/uploads\/2024\/09\/Tablet-\u2013-10-1.png\"\r\n alt=\"Descripci\u00f3n de la imagen\">\r\n <\/div>\r\n <div class=\"etapa\">\r\n <div class=\"etapa-info-slide2\">\r\n <h4>Explora <br> todos nuestros <br> servicios<\/h4>\r\n <button onclick=\"activarBoton(this); window.location.href='https:\/\/rutapanamaeste-asp-prd001.azurewebsites.net\/servicios\/'\" class=\"ver-mas\">\r\n <span>See services<\/span>\r\n <\/button>\r\n\r\n <\/div>\r\n <img data-src=\"\/wp-content\/uploads\/2024\/09\/Tablet-\u2013-7.png\"\r\n alt=\"Descripci\u00f3n de la imagen\">\r\n <\/div>\r\n <div class=\"etapa\">\r\n <div class=\"etapa-info-slide2\">\r\n <h4>Everything you <br> need to know about <br> Ruta del Este<\/h4>\r\n <button onclick=\"activarBoton(this); window.open('https:\/\/x.com\/Rutadeleste_', '_blank');\" class=\"ver-mas-2-\">\r\n <span>Go to X Ruta del Este<\/span>\r\n <\/button>\r\n\r\n <\/div>\r\n <img data-src=\"\/wp-content\/uploads\/2024\/09\/Tablet-\u2013-8.png\"\r\n alt=\"Descripci\u00f3n de la imagen\">\r\n <\/div>\r\n\r\n \r\n <\/div>\r\n \r\n\r\n <!-- Agrega jQuery y Slick Carousel JavaScript -->\r\n <script src=\"https:\/\/code.jquery.com\/jquery-3.6.0.min.js\"><\/script>\r\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/slick-carousel\/1.8.1\/slick.min.js\"><\/script>\r\n\r\n <script>\r\n $(document).ready(function () {\r\n $('#carousel2').slick({\r\n infinite: true,\r\n slidesToShow: 1, \/\/ Muestra 3 etapas a la vez\r\n autoplay: true,\r\n autoplaySpeed: 4000,\r\n arrows: true, \/\/ Muestra las flechas de navegaci\u00f3n\r\n prevArrow: '<button type=\"button\" class=\"slick-prev\"><\/button>', \/\/ HTML personalizado para la flecha izquierda\r\n nextArrow: '<button type=\"button\" class=\"slick-next\"><\/button>', \/\/ HTML personalizado para la flecha derecha\r\n centerMode: false, \/\/ Habilitar modo centrado\r\n centerPadding: '50px', \/\/ Espacio en los extremos del carrusel\r\n dots: true, \/\/ Habilitar puntos de paginaci\u00f3n\r\n responsive: [{\r\n breakpoint: 768,\r\n settings: {\r\n slidesToShow: 1 \/\/ Cambia a mostrar solo 1 slide en dispositivos m\u00f3viles\r\n }\r\n }]\r\n });\r\n });\r\n\r\n \/\/ Esta funci\u00f3n agrega la clase 'activo' al bot\u00f3n clicado y remueve esa clase de los dem\u00e1s botones\r\n function activarBoton(elemento) {\r\n $('.ver-mas').removeClass('activo'); \/\/ Remueve la clase 'activo' de todos los botones\r\n $(elemento).addClass('activo'); \/\/ Agrega la clase 'activo' al bot\u00f3n clicado\r\n }\r\n \r\n document.addEventListener('DOMContentLoaded', function() {\r\n const baseURL = window.location.origin;\r\n\r\n \/\/ Actualizar im\u00e1genes\r\n document.querySelectorAll('img[data-src]').forEach(img => {\r\n img.src = baseURL + img.getAttribute('data-src');\r\n });\r\n\r\n \/\/ Actualizar botones\r\n document.querySelectorAll('button[data-url]').forEach(btn => {\r\n btn.onclick = function() {\r\n window.location.href = baseURL + btn.getAttribute('data-url');\r\n };\r\n });\r\n });\r\n <\/script>\r\n<\/body>\r\n\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0f415ff elementor-hidden-desktop elementor-hidden-tablet e-flex e-con-boxed e-con e-parent\" data-id=\"0f415ff\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bdad180 elementor-widget elementor-widget-html\" data-id=\"bdad180\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n\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>Carrusel de Etapas 3<\/title>\r\n <!-- Agrega los estilos de Slick Carousel -->\r\n <link rel=\"stylesheet\" type=\"text\/css\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/slick-carousel\/1.8.1\/slick.min.css\" \/>\r\n\r\n <style>\r\n .carousel {\r\n width: 100%;\r\n \/* Ajusta el ancho del carrusel seg\u00fan sea necesario *\/\r\n margin: 0 auto;\r\n position: relative;\r\n }\r\n\r\n .etapa-2 {\r\n position: relative;\r\n padding: 0 0px; \/* A\u00f1ade un relleno lateral para mantener el margen *\/\r\n }\r\n\r\n .etapa-info-2 {\r\n left: 13%;\r\n position: absolute;\r\n top: 32%;\r\n z-index: 10;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: start;\r\n gap: 20px;\r\n }\r\n .etapa-info-slide1-2 {\r\n left: 13%;\r\n position: absolute;\r\n top: 35%;\r\n z-index: 10;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: start;\r\n gap: 1px;\r\n }\r\n .etapa-info-slide2-2 {\r\n left: 13%;\r\n position: absolute;\r\n top: 25%;\r\n z-index: 10;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: start;\r\n gap: 25px;\r\n }\r\n\r\n .etapa-2 h2 {\r\n font: normal normal normal 20px\/36px AmsiPro;\r\n \r\n letter-spacing: 0px;\r\n color: #FFFFFF;\r\n opacity: 1;\r\n margin: 0;\r\n margin-bottom: 5px;\r\n \/* Agrega un margen inferior de 10px *\/\r\n }\r\n\r\n .etapa-2 h3 {\r\n font: normal normal normal 50px\/70px AmsiPro;\r\n letter-spacing: 0px;\r\n color: #FFFFFF;\r\n opacity: 1;\r\n margin: 0;\r\n line-height: 50px;\r\n }\r\n .etapa-2 h4 {\r\n font: normal normal normal 50px\/70px AmsiPro;\r\n letter-spacing: 0px;\r\n color: #FFFFFF;\r\n opacity: 1;\r\n margin: 0;\r\n line-height: 50px;\r\n }\r\n .elementor-2 img {\r\n height: auto;\r\n max-width: 100%;\r\n border: none;\r\n border-radius: 0;\r\n box-shadow: none;\r\n background-position: center 0;\r\n background-repeat: no-repeat;\r\n background-size: cover;\r\n width: 100%;\r\n height: 100%;\r\n }\r\n .etapa-img-container-2 {\r\n max-width: 100%; \/* Establece el ancho m\u00e1ximo del contenedor de la imagen *\/\r\n margin: 0 auto; \/* Centra el contenedor de la imagen *\/\r\n background-position: center 0;\r\n background-repeat: no-repeat;\r\n background-size: cover;\r\n }\r\n\r\n .etapa-img-container-2 img {\r\n width: 100%; \/* Establece que la imagen ocupe el 100% del ancho del contenedor *\/\r\n height: auto; \/* Permite que la altura de la imagen se ajuste autom\u00e1ticamente *\/\r\n border-radius: 26px;\r\n background-position: center 0;\r\n background-repeat: no-repeat;\r\n background-size: cover;\r\n }\r\n\r\n\r\n .texto-img-2{\r\n left: 20px;\r\n position: absolute;\r\n top: 50%;\r\n z-index: 10;\r\n }\r\n .ver-mas-2 {\r\n\r\n background: transparent linear-gradient(180deg, #0099FF 0%, #023087 100%) 0% 0% no-repeat padding-box;\r\n border-radius: 24px;\r\n opacity: 1;\r\n color: #FFFFFF;\r\n font-style: normal;\r\n font-variant: normal;\r\n font-weight: bold;\r\n font-size: 16px;\r\n line-height: 24px;\r\n font-family: \"AmsiPro\", \"Helvetica Neue\", Helvetica, Arial, sans-serif;\r\n letter-spacing: 0px;\r\n padding: 13px 50px;\r\n border: none;\r\n margin-top: 20px;\r\n \r\n }\r\n\r\n .ver-mas-2:hover {\r\n background-color: #023087;\r\n color: #FFFFFF;\r\n }\r\n\r\n \/* Estilos para el enlace dentro del bot\u00f3n *\/\r\n button.ver-mas-2 a {\r\n color: white; \/* Color de la letra blanco *\/\r\n text-decoration: none; \/* Quita el subrayado del enlace *\/\r\n }\r\n\r\n \/* Estilos para el enlace dentro del bot\u00f3n en estado hover *\/\r\n button.ver-mas-2 a:hover {\r\n color: white; \/* Cambia el color de la letra a blanco en estado hover *\/\r\n text-decoration: none; \/* Quita el subrayado del enlace en estado hover *\/\r\n }\r\n\r\n \/* Estilos para los puntos del paginado *\/\r\n \/* Estilos para los puntos del paginado *\/\r\n\/* Estilos para los puntos del paginado *\/\r\n.ver-mas-2-- {\r\n background-color: #000000; \/* Fondo negro *\/\r\n border-radius: 24px;\r\n color: #FFFFFF; \/* Texto blanco *\/\r\n font-style: normal;\r\n font-variant: normal;\r\n font-weight: bold;\r\n font-size: 16px;\r\n line-height: 24px;\r\n font-family: \"AmsiPro\", \"Helvetica Neue\", Helvetica, Arial, sans-serif;\r\n letter-spacing: 0px;\r\n padding: 13px 50px;\r\n border: none;\r\n margin-top: 20px;\r\n cursor: pointer;\r\n}\r\n\r\n.ver-mas-2--:hover {\r\n background-color: #000000; \/* Fondo gris oscuro en hover *\/\r\n color: #FFFFFF; \/* Texto blanco en hover *\/\r\n}\r\n\r\n.ver-mas-2-- span {\r\n color: #FFFFFF; \/* Asegura que el texto dentro del bot\u00f3n sea blanco *\/\r\n text-decoration: none; \/* Sin subrayado *\/\r\n}\r\n\r\n\/* Evitar que el bot\u00f3n se vea afectado por enlaces *\/\r\nbutton.ver-mas-2-- a {\r\n color: inherit;\r\n text-decoration: none;\r\n}\r\n\r\n\r\n \/* Estilos para los puntos del paginado *\/\r\n \/* Estilos para los puntos del paginado *\/\r\n\/* Estilos para los puntos del paginado *\/\r\n.slick-dots {\r\n position: absolute;\r\n bottom: 100px; \/* Ajusta la posici\u00f3n vertical de los puntos *\/\r\n width: 100%;\r\n text-align: center;\r\n list-style: none;\r\n padding: 0;\r\n margin: 0;\r\n}\r\n\r\n.slick-dots li {\r\n display: inline-block;\r\n margin: 7px; \/* Ajusta la distancia horizontal entre los puntos *\/\r\n}\r\n\r\n.slick-dots li button {\r\n font-size: 0;\r\n line-height: 0;\r\n display: block;\r\n width: 10px; \/* Tama\u00f1o de los puntos *\/\r\n height: 10px;\r\n padding: 5px;\r\n border: none;\r\n border-radius: 50%; \/* Puntos redondos *\/\r\n cursor: pointer;\r\n transition: background-color 0.3s ease; \/* Agrega una transici\u00f3n suave al color de fondo *\/\r\n}\r\n\/* Establece el color de los puntos del paginado cuando est\u00e1n activos *\/\r\n\r\n\r\n\/* Establece el color de los puntos del paginado cuando est\u00e1n inactivos *\/\r\n.slick-dots li button {\r\n background-color: rgba(255, 255, 255, 0.5) !important; \/* Color blanco con opacidad reducida *\/\r\n}\r\n\r\n\/* Establece el color de los puntos del paginado cuando est\u00e1n activos *\/\r\n\/* Establece el color de los puntos del paginado cuando est\u00e1n activos *\/\r\n.slick-dots li.slick-active button {\r\n background-color: #FFFFFF !important; \/* Color blanco *\/\r\n border: none !important; \/* Elimina el borde *\/\r\n outline: none !important; \/* Elimina el contorno alrededor del bot\u00f3n *\/\r\n}\r\n\r\n\r\n\/* Elimina el efecto de hover en los puntos del paginado cuando est\u00e1n seleccionados *\/\r\n.slick-dots li.slick-active button:hover {\r\n background-color: #FFFFFF !important; \/* Mantiene el color blanco cuando est\u00e1 seleccionado *\/\r\n}\r\n\r\n\r\n \/* Oculta los botones de navegaci\u00f3n *\/\r\n .slick-prev-2,\r\n .slick-next-2 {\r\n position: absolute;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n z-index: 1;\r\n width: 80px; \/* Ajusta el ancho de las flechas *\/\r\n height: 80px; \/* Ajusta la altura de las flechas *\/\r\n font-size: 0; \/* Oculta el texto dentro de las flechas *\/\r\n cursor: pointer;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n border:0;\r\n}\r\n\r\n.slick-prev-2 {\r\n left: -10px; \/* Ajusta la posici\u00f3n de la flecha izquierda *\/\r\n}\r\n\r\n.slick-next-2 {\r\n right: -10px; \/* Ajusta la posici\u00f3n de la flecha derecha *\/\r\n}\r\n\r\n \/* Cambia el color de las flechas al pasar el cursor *\/\r\n .slick-prev-2:focus, .slick-next-2:focus,\r\n.slick-prev-2:hover, .slick-next-2:hover{\r\n background-color: transparent !important;\r\n outline: none;\r\n}\r\n\r\n \/* Establece el color de las flechas cuando est\u00e1n deshabilitadas *\/\r\n .slick-disabled-2 {\r\n opacity: 0.5;\r\n cursor: not-allowed;\r\n }\r\n\r\n \/* Agrega estilos para las flechas de navegaci\u00f3n *\/\r\n .slick-prev-2::before,\r\n .slick-next-2::before {\r\n content: '\\2039'; \/* C\u00f3digo de la flecha izquierda *\/\r\n font-size: 80px;\r\n color: #FFFFFF; \/* Color de la flecha *\/\r\n background-color: transparent !important;\r\n }\r\n\r\n .slick-next-2::before {\r\n content: '\\203A'; \/* C\u00f3digo de la flecha derecha *\/\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n <div id=\"carousel3\" class=\"carousel\">\r\n <div class=\"etapa-2\">\r\n <div class=\"etapa-info-slide1-2\">\r\n <h2>246 KILOMETERS OF INSPIRATION<\/h2>\r\n <h3>Ruta del Este,<br>more than just <br> a road<\/h3>\r\n <\/div>\r\n <img data-src=\"\/wp-content\/uploads\/2024\/12\/Mobile-\u2013-9.png\"\r\n alt=\"Descripci\u00f3n de la imagen\">\r\n <\/div>\r\n <div class=\"etapa-2\">\r\n <div class=\"etapa-info-2\">\r\n <h4>We are <br> Ruta del Este<\/h4>\r\n <button onclick=\"activarBoton(this); window.location.href='https:\/\/rutapanamaeste-asp-prd001.azurewebsites.net\/nuestra-empresa\/'\" class=\"ver-mas-2\">\r\n <span>About us<\/span>\r\n \r\n <\/button>\r\n <\/div>\r\n <img data-src=\"\/wp-content\/uploads\/2024\/05\/Mobile-\u2013-5.png\"\r\n alt=\"Descripci\u00f3n de la imagen\">\r\n <\/div>\r\n <div class=\"etapa-2\">\r\n <div class=\"etapa-info-slide2-2\">\r\n <h4>Discover the <br> route and its 246 <br> kilometers<\/h4>\r\n <button onclick=\"activarBoton(this); window.location.href='https:\/\/rutapanamaeste-asp-prd001.azurewebsites.net\/ruta-del-este\/'\" class=\"ver-mas-2\">\r\n <span>About us<\/span>\r\n <\/button>\r\n\r\n <\/div>\r\n <img data-src=\"\/wp-content\/uploads\/2024\/05\/Mobile-\u2013-6.png\"\r\n alt=\"Descripci\u00f3n de la imagen\">\r\n <\/div>\r\n <div class=\"etapa-2\">\r\n <div class=\"etapa-info-slide2-2\">\r\n <h4>Explora <br> todos nuestros <br> servicios <\/h4>\r\n <button onclick=\"activarBoton(this); window.location.href='https:\/\/rutapanamaeste-asp-prd001.azurewebsites.net\/servicios\/'\" class=\"ver-mas-2\">\r\n <span>See services<\/span>\r\n <\/button>\r\n\r\n <\/div>\r\n <img data-src=\"\/wp-content\/uploads\/2024\/09\/Mobile-\u2013-7.png\"\r\n alt=\"Descripci\u00f3n de la imagen\">\r\n <\/div>\r\n\r\n <div class=\"etapa-2\">\r\n <div class=\"etapa-info-slide2-2\">\r\n <h4>Everything you <br> need to know about <br> Ruta del Este<\/h4>\r\n <button onclick=\"activarBoton(this); window.open('https:\/\/x.com\/Rutadeleste_', '_blank');\" class=\"ver-mas-2--\">\r\n <span>Ir a X Rutal del Este<\/span>\r\n <\/button>\r\n\r\n <\/div>\r\n <img data-src=\"\/wp-content\/uploads\/2024\/09\/Mobile-\u2013-8.png\"\r\n alt=\"Descripci\u00f3n de la imagen\">\r\n <\/div>\r\n <\/div>\r\n \r\n\r\n <!-- Agrega jQuery y Slick Carousel JavaScript -->\r\n <script src=\"https:\/\/code.jquery.com\/jquery-3.6.0.min.js\"><\/script>\r\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/slick-carousel\/1.8.1\/slick.min.js\"><\/script>\r\n\r\n <script>\r\n $(document).ready(function () {\r\n $('#carousel3').slick({\r\n infinite: true,\r\n slidesToShow: 1, \/\/ Muestra 3 etapas a la vez\r\n autoplay: true,\r\n autoplaySpeed: 4000,\r\n arrows: true, \/\/ Muestra las flechas de navegaci\u00f3n\r\n prevArrow: '<button type=\"button\" class=\"slick-prev-2\"><\/button>', \/\/ HTML personalizado para la flecha izquierda\r\n nextArrow: '<button type=\"button\" class=\"slick-next-2\"><\/button>', \/\/ HTML personalizado para la flecha derecha\r\n centerMode: false, \/\/ Habilitar modo centrado\r\n centerPadding: '50px', \/\/ Espacio en los extremos del carrusel\r\n dots: true, \/\/ Habilitar puntos de paginaci\u00f3n\r\n responsive: [{\r\n breakpoint: 768,\r\n settings: {\r\n slidesToShow: 1 \/\/ Cambia a mostrar solo 1 slide en dispositivos m\u00f3viles\r\n }\r\n }]\r\n });\r\n });\r\n\r\n \/\/ Esta funci\u00f3n agrega la clase 'activo' al bot\u00f3n clicado y remueve esa clase de los dem\u00e1s botones\r\n function activarBoton(elemento) {\r\n $('.ver-mas-1').removeClass('activo'); \/\/ Remueve la clase 'activo' de todos los botones\r\n $(elemento).addClass('activo'); \/\/ Agrega la clase 'activo' al bot\u00f3n clicado\r\n }\r\n \r\n document.addEventListener('DOMContentLoaded', function() {\r\n const baseURL = window.location.origin;\r\n\r\n \/\/ Actualizar im\u00e1genes\r\n document.querySelectorAll('img[data-src]').forEach(img => {\r\n img.src = baseURL + img.getAttribute('data-src');\r\n });\r\n\r\n \/\/ Actualizar botones\r\n document.querySelectorAll('button[data-url]').forEach(btn => {\r\n btn.onclick = function() {\r\n window.location.href = baseURL + btn.getAttribute('data-url');\r\n };\r\n });\r\n });\r\n <\/script>\r\n<\/body>\r\n\r\n<\/html>\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-49f5b88 e-flex e-con-boxed e-con e-parent\" data-id=\"49f5b88\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ca26a3b elementor-widget elementor-widget-heading\" data-id=\"ca26a3b\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">The project in figures<\/h2>\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-994d644 e-flex e-con-boxed e-con e-parent\" data-id=\"994d644\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-6d66ca9 e-con-full e-flex e-con e-child\" data-id=\"6d66ca9\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7fe5bb0 elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"7fe5bb0\" data-element_type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"92.69\" height=\"92.697\" viewbox=\"0 0 92.69 92.697\"><g id=\"_025-route\" data-name=\"025-route\" transform=\"translate(-0.019)\"><path id=\"Trazado_4256\" data-name=\"Trazado 4256\" d=\"M16.656,366.2a1.358,1.358,0,1,0-2.528.992,5.873,5.873,0,0,1,.4,2.153,11.221,11.221,0,0,1-3.224,7.557,17.817,17.817,0,0,1-2.674,2.411A17.821,17.821,0,0,1,5.959,376.9a11.221,11.221,0,0,1-3.224-7.557,5.9,5.9,0,0,1,7.945-5.534,1.358,1.358,0,0,0,.942-2.547,8.619,8.619,0,0,0-11.6,8.081c0,7.934,7.593,12.581,7.916,12.775a1.358,1.358,0,0,0,1.4,0c.323-.194,7.916-4.841,7.916-12.775A8.572,8.572,0,0,0,16.656,366.2Z\" transform=\"translate(0 -295.418)\" fill=\"#023087\"><\/path><path id=\"Trazado_4257\" data-name=\"Trazado 4257\" d=\"M40.061,402.165a1.358,1.358,0,0,0,1.358,1.358h.014a1.358,1.358,0,1,0-1.372-1.358Z\" transform=\"translate(-32.792 -328.241)\" fill=\"#023087\"><\/path><path id=\"Trazado_4258\" data-name=\"Trazado 4258\" d=\"M119.1,110.706H92.974a5.9,5.9,0,1,1,0-11.8h13.062a1.358,1.358,0,1,0,0-2.716H92.974a8.614,8.614,0,1,0,0,17.229H119.1a10.264,10.264,0,0,1,10.253,10.253v19.593a9.527,9.527,0,1,1-19.054,0V132.382a8.624,8.624,0,0,0-8.614-8.614H56.692a8.614,8.614,0,0,0,0,17.229H83.541a13.881,13.881,0,0,1,0,27.762H53.789a1.358,1.358,0,1,0,0,2.716H83.541a16.6,16.6,0,1,0,0-33.193H56.691a5.9,5.9,0,1,1,0-11.8h44.991a5.905,5.905,0,0,1,5.9,5.9v10.885a12.243,12.243,0,0,0,24.485,0V123.675A12.983,12.983,0,0,0,119.1,110.706Z\" transform=\"translate(-39.357 -78.777)\" fill=\"#023087\"><\/path><path id=\"Trazado_4259\" data-name=\"Trazado 4259\" d=\"M394.129,14.326a1.358,1.358,0,0,0,1.358-1.358V8.521h7.35a1.358,1.358,0,0,0,1.358-1.358V1.358A1.358,1.358,0,0,0,402.837,0h-8.708a1.358,1.358,0,0,0-1.358,1.358v11.61A1.358,1.358,0,0,0,394.129,14.326Zm1.358-11.61h5.992V5.805h-5.992Z\" transform=\"translate(-321.645)\" fill=\"#023087\"><\/path><path id=\"Trazado_4260\" data-name=\"Trazado 4260\" d=\"M394.176,96.193h-.014a1.365,1.365,0,1,0,.014,0Z\" transform=\"translate(-321.677 -78.777)\" fill=\"#023087\"><\/path><path id=\"Trazado_4261\" data-name=\"Trazado 4261\" d=\"M41.386,497h-.014a1.365,1.365,0,1,0,.014,0Z\" transform=\"translate(-32.76 -407.019)\" fill=\"#023087\"><\/path><\/g><\/svg>\t\t\t<\/div>\n\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-b5b0158 elementor-widget__width-initial elementor-widget elementor-widget-counter\" data-id=\"b5b0158\" data-element_type=\"widget\" data-widget_type=\"counter.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\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=\"4000\" data-to-value=\"246\" data-from-value=\"0\" data-delimiter=\",\">0<\/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<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d98d52c elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"d98d52c\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Km in length<\/p>\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-c3c7c1a e-con-full e-flex e-con e-child\" data-id=\"c3c7c1a\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d2ef4f6 elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"d2ef4f6\" data-element_type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"63.671\" height=\"92.697\" viewbox=\"0 0 63.671 92.697\"><g id=\"icon-duracion\" transform=\"translate(-80.162)\"><path id=\"Trazado_4255\" data-name=\"Trazado 4255\" d=\"M139.572,84.176h-4.718L116.733,3.329A4.236,4.236,0,0,0,112.576,0h-1.157a4.236,4.236,0,0,0-4.157,3.329L89.141,84.176H84.422a4.265,4.265,0,0,0-4.26,4.26v2.9A1.358,1.358,0,0,0,81.52,92.7h60.955a1.358,1.358,0,0,0,1.358-1.358v-2.9a4.266,4.266,0,0,0-4.261-4.26Zm-41.1-29.213h17.88a1.358,1.358,0,1,0,0-2.716H99.08l3.295-14.7H121.62l3.295,14.7h-2.758a1.358,1.358,0,1,0,0,2.716h3.367l1.994,8.895H96.478Zm6.506-29.026h14.04l1.994,8.895H102.984Zm4.934-22.014a1.536,1.536,0,0,1,1.507-1.207h1.157a1.536,1.536,0,0,1,1.507,1.207l4.325,19.3H105.586Zm31.206,86.059H82.878V88.437a1.546,1.546,0,0,1,1.545-1.545H94.581a1.358,1.358,0,1,0,0-2.716H91.924l3.945-17.6h32.257l3.945,17.6H100.387a1.358,1.358,0,0,0,0,2.716h39.186a1.546,1.546,0,0,1,1.545,1.545Z\" fill=\"#023087\"><\/path><\/g><\/svg>\t\t\t<\/div>\n\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-38f9628 elementor-widget__width-initial elementor-widget elementor-widget-counter\" data-id=\"38f9628\" data-element_type=\"widget\" data-widget_type=\"counter.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\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=\"4000\" data-to-value=\"18.7\" data-from-value=\"0\" data-delimiter=\",\">0<\/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<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5a6781e elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"5a6781e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Lifespan<\/p>\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-b5c2a08 e-con-full e-flex e-con e-child\" data-id=\"b5c2a08\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ea1299c elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"ea1299c\" data-element_type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"163.857\" height=\"91.922\" viewbox=\"0 0 163.857 91.922\"><g id=\"icon-comunidades\" transform=\"translate(-979.91 -837)\"><g id=\"_003-pollera\" data-name=\"003-pollera\" transform=\"translate(979.91 837)\"><g id=\"Grupo_4644\" data-name=\"Grupo 4644\" transform=\"translate(0)\"><path id=\"Trazado_4278\" data-name=\"Trazado 4278\" d=\"M104.614,67.669l-16.2-33.045a12.958,12.958,0,0,1,1.871-3.173,5.235,5.235,0,0,1,2.3-.118c4.054.439,5.309-.972,6.08-4.789L86.688,17.233a5.672,5.672,0,0,0,5.824-4.253A5.2,5.2,0,0,0,90.4,7.3L80.077,0H70.242a24.06,24.06,0,0,1-.761,6.889H57.406A24.066,24.066,0,0,1,56.645,0H46.811L36.491,7.3a5.2,5.2,0,0,0-2.115,5.685c.765,2.878,3,3.932,5.744,4.221L28.1,26.544c.758,3.8,2.044,5.237,6.08,4.789a5.238,5.238,0,0,1,2.3.118,13.015,13.015,0,0,1,1.871,3.173L22.152,67.67c-3.011,5.718,1.813,13.121,8.216,12.939,2.76-.288,2.844,4.794,5.948,6,2.3,1.066,5.325-1.083,7.468-.78,1.942.939,3.3,4.385,5.81,4.756,2.468.6,5.006-2.1,7.174-2.215,2.082.551,4.079,3.666,6.616,3.546,2.536.12,4.538-3,6.616-3.546,2.162.113,4.708,2.813,7.174,2.216,2.516-.372,3.868-3.817,5.81-4.756,2.14-.3,5.167,1.846,7.468.78,3.091-1.2,3.2-6.3,5.944-6,6.411.179,11.225-7.216,8.219-12.94ZM40.346,36.662c1.976.968,4.562-.8,6.4-.6,1.6.94,2.65,3.915,4.844,4.271,2.149.565,4.309-1.745,6.164-1.926,1.684.566,3.282,3.065,5.372,3.162l-2.6,2.6a6.733,6.733,0,0,0,0,9.511l2.855,2.855,2.855-2.855a6.733,6.733,0,0,0,0-9.511l-2.6-2.6c2.1-.1,3.69-2.6,5.373-3.162,1.85.182,4.018,2.491,6.164,1.927,2.195-.358,3.248-3.331,4.845-4.272,1.835-.2,4.425,1.569,6.4.6l7.43,15.159c-1.741-.51-3.532-.975-5.147-.479-2.991.709-4.84,5.444-7.474,6.289-1.021.2-2.5-.581-3.936-1.335-4.224-2.435-6.533-2.265-10.222.96C63.791,60,62.975,60,59.7,57.256c-3.7-3.225-5.98-3.4-10.222-.961-1.433.755-2.915,1.535-3.936,1.336-2.634-.846-4.483-5.581-7.474-6.289-1.615-.5-3.406-.031-5.148.48l7.43-15.159Zm23.037,8.455c1.121,1.036,2.186,2.169,2.134,3.805.051,1.638-1.011,2.767-2.134,3.805-1.121-1.036-2.186-2.169-2.134-3.805C61.2,47.285,62.26,46.156,63.383,45.117ZM31.327,55.064c1.983-.469,4.384-1.537,5.965-1.144.975.292,2,1.508,2.986,2.684,3.248,4.213,5.832,4.773,10.449,2.073,1.378-.725,2.8-1.475,3.848-1.375,2.828.609,5.548,4.907,8.807,4.741,3.261.165,5.98-4.132,8.807-4.741,1.047-.1,2.47.65,3.848,1.375,4.615,2.7,7.2,2.143,10.45-2.073.989-1.176,2.011-2.392,2.986-2.684,1.575-.4,3.993.679,5.965,1.144l4.882,9.96c-2.089.425-3.343,1.932-4.521,4.275-1.678,3.177-2.21,3.4-5.619,2.316-4.046-1.389-6.1-.8-8.71,2.594-.894,1.063-1.818,2.162-2.668,2.329-.822.16-2.076-.5-3.29-1.139-3.708-2.143-5.812-1.987-9.05.85-2.79,2.323-3.371,2.322-6.16,0-3.245-2.837-5.326-3-9.05-.851-1.213.639-2.469,1.3-3.29,1.139-.85-.166-1.774-1.265-2.668-2.328-2.614-3.39-4.654-3.984-8.71-2.594-3.426,1.088-3.934.858-5.619-2.315-1.18-2.34-2.429-3.85-4.521-4.275l4.881-9.959ZM43.563,21.508c1.768.842,3.675-.394,5.252-.43,1.535.663,2.7,3.109,4.722,2.971a6.223,6.223,0,0,0,3.568-1.487,6.664,6.664,0,0,0,12.659-.012,6.259,6.259,0,0,0,3.586,1.5c2.023.138,3.189-2.309,4.722-2.971,1.575.037,3.486,1.272,5.252.43a4.037,4.037,0,0,0,1.92-1.988l4.616,3.587c-3.06-.375-4.783.3-5.959,3.245-.913,1.954-.959,1.972-3.008,1.361-2.836-.964-4.443-.459-6.161,2-.436.566-1.033,1.34-1.4,1.419a4.472,4.472,0,0,1-1.82-.716c-2.574-1.536-4.238-1.4-6.446.66-1.639,1.418-1.722,1.415-3.36,0-2.189-2.049-3.882-2.2-6.446-.66a4.463,4.463,0,0,1-1.82.716c-.371-.079-.968-.854-1.4-1.419-1.715-2.456-3.318-2.972-6.161-2-2.066.615-2.09.587-3.008-1.36-1.168-2.931-2.9-3.631-5.963-3.241l4.705-3.657a4.113,4.113,0,0,0,1.956,2.054Zm21.216.181V16.595c3.93,1.3,3.482,7.72-1.345,7.847-4.827-.126-5.276-6.55-1.345-7.847v5.094Zm8.1-19h6.345c.014.027,9.649,6.8,9.657,6.827a2.667,2.667,0,0,1-1.373,4.828,4.405,4.405,0,0,0-4.212,3.116c-.309.635-.694,1.424-1.063,1.589-1.351.242-3.348-1.079-4.84-.575-1.66.366-2.7,2.136-3.936,2.878-1.124.022-2.258-1.238-3.42-1.808a6.737,6.737,0,0,0-1.719-3.814A25.432,25.432,0,0,0,72.876,2.691ZM68.6,9.58a22.123,22.123,0,0,1-2.5,4.633,6.947,6.947,0,0,0-5.323-.007A22.115,22.115,0,0,1,58.285,9.58H68.6ZM38.009,9.517l9.657-6.827h6.345a25.431,25.431,0,0,0,4.552,13.027,6.736,6.736,0,0,0-1.732,3.838c-1.154.574-2.281,1.818-3.393,1.8-1.243-.736-2.281-2.515-3.941-2.878-1.494-.5-3.488.816-4.84.575-.369-.164-.754-.954-1.063-1.588a4.4,4.4,0,0,0-4.215-3.117A2.666,2.666,0,0,1,38.009,9.517ZM33.989,28.649c-1.432.057-2.512.366-2.838-1.07L34,25.368c1.618.916,3.786.071,5.411.492,1.188,1.172,1.55,3.885,3.421,4.623,1.792.906,4.062-.635,5.728-.514,1.4.9,2.334,3.472,4.319,3.8,1.945.508,3.832-1.483,5.491-1.709,1.555.59,3.009,2.905,5.015,2.81,2.006.095,3.464-2.22,5.015-2.81,1.656.226,3.549,2.217,5.491,1.709,1.985-.327,2.915-2.9,4.319-3.8,1.665-.121,3.937,1.42,5.728.514,1.874-.74,2.23-3.448,3.422-4.623,1.686-.421,3.805.424,5.411-.492l2.845,2.211c-.317,1.435-1.418,1.13-2.837,1.07-3.314-.376-4.841.506-6.141,3.574-.376.789-.843,1.771-1.285,1.969a4.84,4.84,0,0,1-2.3-.348,6.681,6.681,0,0,0-3.865-.34,6.529,6.529,0,0,0-2.89,2.537c-.535.694-1.2,1.558-1.679,1.66a4.846,4.846,0,0,1-2.165-.822c-2.842-1.682-4.6-1.572-7.067.723-1.9,1.655-2.1,1.652-4,0-2.468-2.292-4.212-2.41-7.067-.723a4.854,4.854,0,0,1-2.165.822c-.479-.1-1.145-.966-1.679-1.66A6.529,6.529,0,0,0,47.582,33.5a6.683,6.683,0,0,0-3.865.34,4.844,4.844,0,0,1-2.3.348c-.442-.2-.91-1.18-1.285-1.969-1.313-3.069-2.8-3.946-6.141-3.574ZM96.376,77.919c-4.741-.028-4.46,4.4-6.946,6.2-1.955.418-4.974-1.685-7.22-.868A7.626,7.626,0,0,0,78.854,86c-.751.893-1.527,1.817-2.2,1.948-2.006.023-4.541-2.619-6.915-2.253a7.6,7.6,0,0,0-3.815,2.041c-.911.733-1.854,1.492-2.543,1.492-1.976-.324-4-3.45-6.358-3.533a7.7,7.7,0,0,0-4.2,1.288,5.634,5.634,0,0,1-2.718.966c-1.872-.7-3.244-4.149-5.554-4.693-2.256-.816-5.261,1.286-7.22.868-2.5-1.819-2.189-6.223-6.95-6.2-4.482.127-7.945-5.047-5.817-9.065l.619-1.263c1.8.025,2.359,1.046,3.423,3.006,2.073,4.2,4.313,5.141,8.743,3.6a7.179,7.179,0,0,1,3.382-.521c2.279,1.032,3.879,5.11,6.711,5.505,2.769.692,5.778-2.5,8.291-2.57,2.43.577,4.792,4.266,7.645,4.107,2.854.157,5.217-3.53,7.645-4.107,2.508.069,5.525,3.262,8.291,2.57,2.834-.4,4.43-4.471,6.711-5.505,2.471-.412,6.056,2.129,8.633.911,2.7-.942,3.466-5.249,5.513-6.7a3.254,3.254,0,0,1,1.413-.265l.607,1.239c2.135,4.021-1.342,9.2-5.82,9.067Z\" transform=\"translate(-21.234)\" fill=\"#023087\"><\/path><path id=\"Trazado_4279\" data-name=\"Trazado 4279\" d=\"M344.443,225.922l3.151,1.58c1.113-2.323,2.922-4.794,1.894-7.5-.79-2.777-3.725-3.686-6.005-4.879l-1.58,3.151A5.706,5.706,0,0,0,344.443,225.922Zm.239-7.19a3.6,3.6,0,0,1,2.253,2.115,3.843,3.843,0,0,1-.54,3.043C343.466,223.046,343.591,220.43,344.682,218.732Z\" transform=\"translate(-283.836 -176.499)\" fill=\"#023087\"><\/path><path id=\"Trazado_4280\" data-name=\"Trazado 4280\" d=\"M314.568,353.882l2.67,2.086,2.086-2.67a5.433,5.433,0,0,0-.935-7.618l-2.67-2.086-2.086,2.67A5.433,5.433,0,0,0,314.568,353.882Zm1.615-6.511a2.919,2.919,0,0,1,.592,4.82A2.912,2.912,0,0,1,316.182,347.371Z\" transform=\"translate(-260.195 -281.907)\" fill=\"#023087\"><\/path><path id=\"Trazado_4281\" data-name=\"Trazado 4281\" d=\"M394.574,329.8c1.306-2.083,3.3-4.238,2.623-6.918-.456-2.733-3.139-3.894-5.179-5.284-1.306,2.083-3.3,4.238-2.622,6.918C389.851,327.246,392.534,328.406,394.574,329.8Zm-1.776-8.478a2.912,2.912,0,0,1,1,4.753A2.912,2.912,0,0,1,392.8,321.318Z\" transform=\"translate(-323.185 -260.575)\" fill=\"#023087\"><\/path><path id=\"Trazado_4282\" data-name=\"Trazado 4282\" d=\"M161.221,353.881a5.433,5.433,0,0,0,.935-7.618l-2.086-2.67c-1.908,1.55-4.5,2.945-4.715,5.7-.451,2.734,1.714,4.7,3.2,6.673Zm-1.615-6.511a2.919,2.919,0,0,1-.592,4.82A2.912,2.912,0,0,1,159.606,347.37Z\" transform=\"translate(-131.226 -281.906)\" fill=\"#023087\"><\/path><path id=\"Trazado_4283\" data-name=\"Trazado 4283\" d=\"M81.018,329.8c2.032-1.383,4.728-2.555,5.179-5.284.68-2.686-1.312-4.827-2.623-6.919l-2.836,1.854a5.433,5.433,0,0,0-1.574,7.512Zm1.776-8.478a2.912,2.912,0,0,1-1,4.753A2.912,2.912,0,0,1,82.794,321.318Z\" transform=\"translate(-68.04 -260.575)\" fill=\"#023087\"><\/path><path id=\"Trazado_4284\" data-name=\"Trazado 4284\" d=\"M129.233,225.922a5.706,5.706,0,0,0,2.54-7.65l-1.58-3.151c-2.282,1.2-5.209,2.094-6.005,4.879-1.028,2.7.78,5.182,1.894,7.5Zm-2.491-5.074a3.739,3.739,0,0,1,2.253-2.115c1.773,2.579.177,4.45-1.713,5.158A3.6,3.6,0,0,1,126.741,220.848Z\" transform=\"translate(-105.454 -176.499)\" fill=\"#023087\"><\/path><path id=\"Trazado_4285\" data-name=\"Trazado 4285\" d=\"M308.461,263.187h2.691v2.691h-2.691Z\" transform=\"translate(-256.894 -215.936)\" fill=\"#023087\"><\/path><path id=\"Trazado_4286\" data-name=\"Trazado 4286\" d=\"M188.56,263.187h2.691v2.691H188.56Z\" transform=\"translate(-158.519 -215.936)\" fill=\"#023087\"><\/path><path id=\"Trazado_4287\" data-name=\"Trazado 4287\" d=\"M248.7,383.088H251.4v2.691H248.7Z\" transform=\"translate(-207.866 -314.311)\" fill=\"#023087\"><\/path><path id=\"Trazado_4288\" data-name=\"Trazado 4288\" d=\"M300.98,450.532h2.691v2.691H300.98Z\" transform=\"translate(-250.756 -369.646)\" fill=\"#023087\"><\/path><path id=\"Trazado_4289\" data-name=\"Trazado 4289\" d=\"M196.386,450.532h2.691v2.691h-2.691Z\" transform=\"translate(-164.94 -369.646)\" fill=\"#023087\"><\/path><path id=\"Trazado_4290\" data-name=\"Trazado 4290\" d=\"M113.622,428.051h2.691v2.691h-2.691Z\" transform=\"translate(-97.035 -351.201)\" fill=\"#023087\"><\/path><path id=\"Trazado_4291\" data-name=\"Trazado 4291\" d=\"M383.4,428.051h2.691v2.691H383.4Z\" transform=\"translate(-318.378 -351.201)\" fill=\"#023087\"><\/path><\/g><\/g><g id=\"_004-montuno\" data-name=\"004-montuno\" transform=\"translate(1065.24 837)\"><g id=\"Grupo_4657\" data-name=\"Grupo 4657\" transform=\"translate(0 0)\"><path id=\"Trazado_4301\" data-name=\"Trazado 4301\" d=\"M113.749,68.953l2.081-.439L108.485,21.4A18.63,18.63,0,0,0,91.391,5.524V0H82.037a6.813,6.813,0,0,0-5.471,2.754A6.813,6.813,0,0,0,71.1,0H61.742V5.524A18.63,18.63,0,0,0,44.649,21.385L37.3,68.514l2.081.439-.963,6.176L49.039,77.37l-.862,9.908a89.112,89.112,0,0,0,56.783,0l-.906-9.9,10.657-2.25ZM75.219,41.341,69.828,35.95V30.333l5.391,5.391Zm0-9.428-5.391-5.391V20.905L75.219,26.3Zm-5.391,7.849,5.391,5.391v5.616l-5.391-5.391ZM83.3,45.378l-5.391,5.391V45.152L83.3,39.762Zm0,3.812V54H78.5Zm0-13.24-5.391,5.391V35.724L83.3,30.334Zm0-9.428-5.391,5.391V26.3L83.3,20.905Zm0-9.428-5.391,5.391V16.868L83.3,11.477Zm-5.391-4.037V8.166H82.8Zm-2.7,9.428-5.391-5.391V11.477l5.391,5.391ZM69.828,49.19,74.638,54h-4.81ZM86,56.695V8.166h2.7V59.376H77.914V56.695Zm-3.963-54H88.7V5.471H78.14A4.13,4.13,0,0,1,82.038,2.7ZM75.219,13.056l-4.89-4.89h4.89ZM64.437,2.7H71.1a4.131,4.131,0,0,1,3.9,2.776H64.438V2.7ZM41.478,73.019l.547-3.508,7.558,1.6-.31,3.559ZM76.566,89.234a86.008,86.008,0,0,1-25.518-3.866l5.3-60.918-2.685-.234L49.819,68.4l-9.459-2,6.955-44.615A16.048,16.048,0,0,1,61.742,8.226v21.5h2.7V8.166h2.7V56.695h8.086v2.681H64.437V32.431h-2.7V62.071H91.391V8.226A16.051,16.051,0,0,1,105.82,21.8l6.953,44.6-9.54,2.014L101.9,53.851l-2.684.246,2.864,31.273A86,86,0,0,1,76.566,89.234Zm26.914-18.113,7.627-1.61.547,3.508-7.848,1.657Z\" transform=\"translate(-37.303 0)\" fill=\"#023087\"><\/path><path id=\"Trazado_4302\" data-name=\"Trazado 4302\" d=\"M0,0H2.7V27.04H0Z\" transform=\"translate(59.203 24.474) rotate(-5.22)\" fill=\"#023087\"><\/path><\/g><\/g><\/g><\/svg>\t\t\t<\/div>\n\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-fc17832 elementor-widget__width-initial elementor-widget elementor-widget-counter\" data-id=\"fc17832\" data-element_type=\"widget\" data-widget_type=\"counter.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\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=\"4000\" data-to-value=\"15\" data-from-value=\"0\" data-delimiter=\",\">0<\/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<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9625f19 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"9625f19\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Communities connected by Ruta del Este<\/p>\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-5231f7c e-con-full e-flex e-con e-parent\" data-id=\"5231f7c\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-43bef7f elementor-widget elementor-widget-heading\" data-id=\"43bef7f\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Get to know our services<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-290e294 e-flex e-con-boxed e-con e-child\" data-id=\"290e294\" data-element_type=\"container\" data-settings=\"{"background_background":"classic","position":"absolute"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-760f75e e-flex e-con-boxed e-con e-child\" data-id=\"760f75e\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-0e79634 e-con-full e-flex e-con e-child\" data-id=\"0e79634\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-847281f elementor-widget elementor-widget-image\" data-id=\"847281f\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/rutapanamaeste-asp-prd001.azurewebsites.net\/wp-content\/uploads\/2024\/04\/Imagen-58@2x1.png\" title=\"\" alt=\"\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-649fc3d elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"649fc3d\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Battery charging support<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-397d17b e-con-full e-flex e-con e-child\" data-id=\"397d17b\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9314fd9 elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"9314fd9\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/rutapanamaeste-asp-prd001.azurewebsites.net\/wp-content\/uploads\/2024\/04\/Imagen-59@2x1.png\" title=\"\" alt=\"\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4cbc4dc elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"4cbc4dc\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Fuel Support<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d7ca461 e-con-full e-flex e-con e-child\" data-id=\"d7ca461\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1e17f10 elementor-widget elementor-widget-image\" data-id=\"1e17f10\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/rutapanamaeste-asp-prd001.azurewebsites.net\/wp-content\/uploads\/2024\/04\/Imagen-56@2x1.png\" title=\"\" alt=\"\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-22d0ffd elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"22d0ffd\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Tire change<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d8f879c e-con-full e-flex e-con e-child\" data-id=\"d8f879c\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d1283e5 elementor-widget elementor-widget-image\" data-id=\"d1283e5\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/rutapanamaeste-asp-prd001.azurewebsites.net\/wp-content\/uploads\/2024\/04\/Imagen-64@2x1.png\" title=\"\" alt=\"\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-05fa781 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"05fa781\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Water provision<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-99d4d49 e-con-full e-flex e-con e-child\" data-id=\"99d4d49\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-14a5971 elementor-widget elementor-widget-button\" data-id=\"14a5971\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/rutapanamaeste-asp-prd001.azurewebsites.net\/servicios\/\">\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\">See all<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\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\t<\/div>\n\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<div class=\"elementor-element elementor-element-27f29ef e-flex e-con-boxed e-con e-parent\" data-id=\"27f29ef\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-473e5da e-con-full e-flex e-con e-child\" data-id=\"473e5da\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-28a45dd elementor-widget elementor-widget-html\" data-id=\"28a45dd\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<iframe src=\"https:\/\/panama.zeroninelatam.com:8443\/GalgoR2SPanamericanaEste\/mapa.jsp?id=16\" style=\"width:100%; height: 350px ;\"><\/iframe>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ad1d1aa e-con-full e-flex e-con e-child\" data-id=\"ad1d1aa\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b881e75 elementor-widget elementor-widget-heading\" data-id=\"b881e75\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Know the status of the route in real time<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fcc243d elementor-widget elementor-widget-text-editor\" data-id=\"fcc243d\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Get instant updates on the route status, whether you're planning a road trip or using it for work purposes.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cf60df1 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"cf60df1\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/rutapanamaeste-asp-prd001.azurewebsites.net\/estado-de-la-ruta\/\">\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\">See map<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\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\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Carrusel de Etapas 1 246 KIL\u00d3METROS DE INSPIRACI\u00d3N Ruta del Este,m\u00e1s que una v\u00eda Somos Ruta del Este Con\u00f3cenos Descubre la ruta y sus 246 kil\u00f3metros Con\u00f3cenos Explora todos nuestros servicios Ver servicios Todo lo que necesitas saber de Ruta del Este Ir a X Ruta del Este Carrusel de Etapas 1 246 KIL\u00d3METROS DE […]<\/p>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/www.rutadeleste.pa\/en\/wp-json\/wp\/v2\/pages\/26"}],"collection":[{"href":"https:\/\/www.rutadeleste.pa\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.rutadeleste.pa\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.rutadeleste.pa\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rutadeleste.pa\/en\/wp-json\/wp\/v2\/comments?post=26"}],"version-history":[{"count":42,"href":"https:\/\/www.rutadeleste.pa\/en\/wp-json\/wp\/v2\/pages\/26\/revisions"}],"predecessor-version":[{"id":4609,"href":"https:\/\/www.rutadeleste.pa\/en\/wp-json\/wp\/v2\/pages\/26\/revisions\/4609"}],"wp:attachment":[{"href":"https:\/\/www.rutadeleste.pa\/en\/wp-json\/wp\/v2\/media?parent=26"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}