{"id":9,"date":"2024-06-12T16:33:46","date_gmt":"2024-06-12T16:33:46","guid":{"rendered":"https:\/\/itv-app-rutaorbitalsur-prd002.azurewebsites.net\/?page_id=9"},"modified":"2026-06-03T15:39:19","modified_gmt":"2026-06-03T15:39:19","slug":"comunidades","status":"publish","type":"page","link":"https:\/\/www.rutaorbitalsur.cl\/en\/comunidades\/","title":{"rendered":"Communities"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"9\" class=\"elementor elementor-9\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7b1ae54 e-con-full e-flex e-con e-parent\" data-id=\"7b1ae54\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f877d5e elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"f877d5e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Comunidad<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-97ecb22 elementor-widget elementor-widget-image\" data-id=\"97ecb22\" data-element_type=\"widget\" data-e-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\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"2500\" height=\"972\" src=\"\/wp-content\/uploads\/2026\/05\/Hero-comunidad-1.jpg\" class=\"attachment-full size-full wp-image-2517\" alt=\"\" srcset=\"\/wp-content\/uploads\/2026\/05\/Hero-comunidad-1.jpg 2500w, \/wp-content\/uploads\/2026\/05\/Hero-comunidad-1-300x117.jpg 300w, \/wp-content\/uploads\/2026\/05\/Hero-comunidad-1-1024x398.jpg 1024w, \/wp-content\/uploads\/2026\/05\/Hero-comunidad-1-768x299.jpg 768w, \/wp-content\/uploads\/2026\/05\/Hero-comunidad-1-1536x597.jpg 1536w, \/wp-content\/uploads\/2026\/05\/Hero-comunidad-1-2048x796.jpg 2048w, \/wp-content\/uploads\/2026\/05\/Hero-comunidad-1-18x7.jpg 18w\" sizes=\"(max-width: 2500px) 100vw, 2500px\" \/>\t\t\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>\n\t\t<div class=\"elementor-element elementor-element-637eaa5 e-flex e-con-boxed e-con e-parent\" data-id=\"637eaa5\" 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-2102274 elementor-widget__width-initial elementor-widget-tablet__width-initial elementor-widget elementor-widget-heading\" data-id=\"2102274\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Fomentando el Bienestar Comunitario<\/h2>\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-4100c36 e-flex e-con-boxed e-con e-parent\" data-id=\"4100c36\" 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-b349758 e-con-full e-flex e-con e-child\" data-id=\"b349758\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9a20f38 elementor-widget__width-initial elementor-widget-mobile__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"9a20f38\" data-element_type=\"widget\" data-e-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\t\t<p>Desde el a\u00f1o 2005, hemos desarrollado un profundo programa de Responsabilidad Social Empresarial que busca generar conexiones y aportar a una mejor calidad de vida de las personas que viven en sectores aleda\u00f1os a la carretera en las regiones que operamos.<\/p><p>Este programa considera a la educaci\u00f3n en Seguridad Vial como una l\u00ednea de acci\u00f3n principal, siendo el eje de todas las actividades en las que participamos, que abarcan desde eventos deportivos, talleres val\u00f3ricos para ni\u00f1os, capacitaci\u00f3n para el emprendimiento y apoyo a la educaci\u00f3n.<\/p><p>El objetivo es contribuir a la generaci\u00f3n de valor sostenible en las comunidades cercanas a nuestras operaciones por medio de la materializaci\u00f3n de un trabajo en equipo y de beneficio mutuo que aporte al desarrollo local de cada comuna. Con esto se pretende:\u202f<\/p>\t\t\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-3560698 e-con-full e-flex e-con e-child\" data-id=\"3560698\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4f34814 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"4f34814\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\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 xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"42\" height=\"40\" viewBox=\"0 0 42 40\"><g id=\"check2-circle\" transform=\"translate(-5.999 -5.996)\"><g id=\"Grupo_4653\" data-name=\"Grupo 4653\" transform=\"translate(5.999 5.996)\"><path id=\"Trazado_4255\" data-name=\"Trazado 4255\" d=\"M9,26A17.011,17.011,0,0,1,17.237,11.34a16.106,16.106,0,0,1,16.478,0,1.477,1.477,0,0,0,2.046-.563,1.561,1.561,0,0,0-.548-2.1A19.1,19.1,0,0,0,11.7,11.854a20.4,20.4,0,0,0-3.1,24.14,19.268,19.268,0,0,0,21.906,9.32A19.919,19.919,0,0,0,44.951,26a1.5,1.5,0,1,0-3,0A16.7,16.7,0,0,1,25.475,42.92,16.7,16.7,0,0,1,9,26Z\" transform=\"translate(-5.999 -5.996)\" fill=\"#09f\"><\/path><path id=\"Trazado_4256\" data-name=\"Trazado 4256\" d=\"M51.068,12.6a1.525,1.525,0,1,0-2.157-2.157L28.663,30.7,20.6,22.631a1.525,1.525,0,0,0-2.157,2.157l9.14,9.14a1.523,1.523,0,0,0,2.157,0Z\" transform=\"translate(-9.515 -6.95)\" fill=\"#09f\"><\/path><\/g><\/g><\/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\">Generar un v\u00ednculo de largo plazo con la comunidad a trav\u00e9s de un proceso de acercamiento temprano en el territorio.<\/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 xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"42\" height=\"40\" viewBox=\"0 0 42 40\"><g id=\"check2-circle\" transform=\"translate(-5.999 -5.996)\"><g id=\"Grupo_4653\" data-name=\"Grupo 4653\" transform=\"translate(5.999 5.996)\"><path id=\"Trazado_4255\" data-name=\"Trazado 4255\" d=\"M9,26A17.011,17.011,0,0,1,17.237,11.34a16.106,16.106,0,0,1,16.478,0,1.477,1.477,0,0,0,2.046-.563,1.561,1.561,0,0,0-.548-2.1A19.1,19.1,0,0,0,11.7,11.854a20.4,20.4,0,0,0-3.1,24.14,19.268,19.268,0,0,0,21.906,9.32A19.919,19.919,0,0,0,44.951,26a1.5,1.5,0,1,0-3,0A16.7,16.7,0,0,1,25.475,42.92,16.7,16.7,0,0,1,9,26Z\" transform=\"translate(-5.999 -5.996)\" fill=\"#09f\"><\/path><path id=\"Trazado_4256\" data-name=\"Trazado 4256\" d=\"M51.068,12.6a1.525,1.525,0,1,0-2.157-2.157L28.663,30.7,20.6,22.631a1.525,1.525,0,0,0-2.157,2.157l9.14,9.14a1.523,1.523,0,0,0,2.157,0Z\" transform=\"translate(-9.515 -6.95)\" fill=\"#09f\"><\/path><\/g><\/g><\/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\">Establecer relaciones de confianza y colaboraci\u00f3n a nivel institucional y con las organizaciones comunitarias de las zonas de influencia.\u202f<\/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 xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"42\" height=\"40\" viewBox=\"0 0 42 40\"><g id=\"check2-circle\" transform=\"translate(-5.999 -5.996)\"><g id=\"Grupo_4653\" data-name=\"Grupo 4653\" transform=\"translate(5.999 5.996)\"><path id=\"Trazado_4255\" data-name=\"Trazado 4255\" d=\"M9,26A17.011,17.011,0,0,1,17.237,11.34a16.106,16.106,0,0,1,16.478,0,1.477,1.477,0,0,0,2.046-.563,1.561,1.561,0,0,0-.548-2.1A19.1,19.1,0,0,0,11.7,11.854a20.4,20.4,0,0,0-3.1,24.14,19.268,19.268,0,0,0,21.906,9.32A19.919,19.919,0,0,0,44.951,26a1.5,1.5,0,1,0-3,0A16.7,16.7,0,0,1,25.475,42.92,16.7,16.7,0,0,1,9,26Z\" transform=\"translate(-5.999 -5.996)\" fill=\"#09f\"><\/path><path id=\"Trazado_4256\" data-name=\"Trazado 4256\" d=\"M51.068,12.6a1.525,1.525,0,1,0-2.157-2.157L28.663,30.7,20.6,22.631a1.525,1.525,0,0,0-2.157,2.157l9.14,9.14a1.523,1.523,0,0,0,2.157,0Z\" transform=\"translate(-9.515 -6.95)\" fill=\"#09f\"><\/path><\/g><\/g><\/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\">Generar mecanismos de di\u00e1logo y una gesti\u00f3n responsable del proyecto con la comunidad y su entorno.<\/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>\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-7758783 e-con-full e-flex e-con e-parent\" data-id=\"7758783\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f405a7e elementor-widget elementor-widget-html\" data-id=\"f405a7e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\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>Carrusel con Galer\u00eda Modal<\/title>\r\n\r\n  <!-- Slick Carousel CSS -->\r\n  <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/slick-carousel\/1.8.1\/slick.min.css\" \/>\r\n  <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/slick-carousel\/1.8.1\/slick-theme.min.css\" \/>\r\n\r\n  <style>\r\n    html, body {\r\n      margin: 0;\r\n      padding: 0;\r\n      font-family: sans-serif;\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .carousel-container {\r\n      width: 100%;\r\n      margin: 0 auto;\r\n      padding-bottom: 16px;\r\n    }\r\n\r\n    .carousel {\r\n      width: 100%;\r\n      margin: 0 auto;\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .etapa-img-container {\r\n      display: flex;\r\n      width: 496px;\r\n      height: 496px;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      overflow: hidden;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    .etapa-img-container img {\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover;\r\n      display: block;\r\n      border-radius: 8px;\r\n      cursor: pointer;\r\n    }\r\n\r\n    .slick-slide {\r\n      padding: 0 10px;\r\n    }\r\n\r\n    .slick-controls {\r\n      display: flex;\r\n      justify-content: center;\r\n      margin-top: 56px;\r\n      padding-bottom: 40px;\r\n    }\r\n\r\n    .slick-controls-inner {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 24px;\r\n      position: relative;\r\n      z-index: 10;\r\n    }\r\n\r\n    .slick-prev-custom,\r\n    .slick-next-custom {\r\n      all: unset;\r\n      width: 32px;\r\n      height: 32px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      cursor: pointer;\r\n      border-radius: 50%;\r\n      background: none;\r\n      padding: 0;\r\n      margin: 0 16px;\r\n      line-height: 0;\r\n    }\r\n\r\n    .slick-prev-custom svg,\r\n    .slick-next-custom svg {\r\n      width: 32px;\r\n      height: 32px;\r\n    }\r\n\r\n    .slick-dots-custom {\r\n      display: flex !important;\r\n      justify-content: center;\r\n      align-items: center;\r\n      gap: 12px;\r\n      list-style: none;\r\n      margin: 0;\r\n      padding: 0;\r\n    }\r\n\r\n    .slick-dots-custom li button {\r\n      width: 12px;\r\n      height: 12px;\r\n      border-radius: 50%;\r\n      background-color: transparent;\r\n      border: none;\r\n      padding: 0;\r\n      cursor: pointer;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n    }\r\n\r\n    .slick-dots-custom li button::before {\r\n      content: '';\r\n      width: 8px;\r\n      height: 8px;\r\n      border-radius: 50%;\r\n      background-color: #E0DED8;\r\n      display: block;\r\n    }\r\n\r\n    .slick-dots-custom li.slick-active button::before {\r\n      width: 12px;\r\n      height: 12px;\r\n      background-color: #0099FF;\r\n    }\r\n        .slick-dots-custom li button:hover::before {\r\n      background-color: #E0DED8 !important;\r\n      color: #E0DED8 !important;\r\n      opacity: 1 !important;\r\n      border: none !important;\r\n      box-shadow: none !important;\r\n      outline: none !important;\r\n      transition: none !important;\r\n    }\r\n    .slick-dots-custom li button:hover {\r\n      background: none !important;\r\n      border: none !important;\r\n      outline: none !important;\r\n      box-shadow: none !important;\r\n      cursor: pointer;\r\n    }\r\n\/* Asegura que los botones no tengan outline ni estilos por focus\/hover *\/\r\n.slick-dots-custom li button,\r\n.slick-dots-custom li button:focus,\r\n.slick-dots-custom li button:focus-visible,\r\n.slick-dots-custom li button:hover {\r\n  outline: none !important;\r\n  box-shadow: none !important;\r\n  background: transparent !important;\r\n  border: none !important;\r\n  transition: none !important;\r\n}\r\n\r\n\/* Tambi\u00e9n en el pseudo-elemento ::before *\/\r\n.slick-dots-custom li button::before,\r\n.slick-dots-custom li button:hover::before,\r\n.slick-dots-custom li button:focus::before,\r\n.slick-dots-custom li button:focus-visible::before {\r\n  background-color: #E0DED8 !important;\r\n  box-shadow: none !important;\r\n  border: none !important;\r\n  outline: none !important;\r\n  opacity: 1 !important;\r\n  transition: none !important;\r\n}\r\n\r\n\/* Punto activo *\/\r\n.slick-dots-custom li.slick-active button::before {\r\n  width: 12px !important;\r\n  height: 12px !important;\r\n  background-color: #0099FF !important;\r\n  box-shadow: none !important;\r\n  border: none !important;\r\n}\r\n\r\n    \/* === MODAL === *\/\r\n    .modal {\r\n      display: none;\r\n      justify-content: center;\r\n      align-items: center;\r\n      position: fixed;\r\n      top: 0; left: 0;\r\n      width: 100vw;\r\n      height: 100vh;\r\n      background-color: rgba(0, 0, 0, 0.8);\r\n      z-index: 9999;\r\n    }\r\n\r\n    .modal.active {\r\n      display: flex;\r\n    }\r\n\r\n\r\n.modal-content {\r\n  background: white;\r\n  border-radius: 12px;\r\n  max-width: 90vw;\r\n  max-height: 90vh;\r\n  padding: 12px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: flex-end; \/* Para que la X quede a la derecha *\/\r\n}\r\n\r\n.modal-image {\r\n  max-width: 100%;\r\n  max-height: 80vh;\r\n  border-radius: 8px !important;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n.modal-footer {\r\n  display: flex;\r\n  justify-content: flex-end;\r\n  width: 100%;\r\n}\r\n\r\n.modal-close {\r\n  background: none;\r\n  border: none;\r\n  padding: 0;\r\n  margin: 0;\r\n  width: 24px;\r\n  height: 24px;\r\n  flex-shrink: 0;\r\n  cursor: pointer;\r\n}\r\n\r\n.modal-close:hover,\r\n.modal-close:focus {\r\n  background: none;\r\n  outline: none;\r\n  box-shadow: none;\r\n}\r\n\r\n@media screen and (max-width: 767px) {\r\n  .slick-controls-inner {\r\n    gap: 1px !important;\r\n  }\r\n\r\n  .slick-dots-custom {\r\n    gap: 5px !important;\r\n  }\r\n}\r\n\r\n\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n  <div class=\"carousel-container\">\r\n    <div class=\"carousel\">\r\n      <!-- Reemplaza estas im\u00e1genes por las tuyas -->\r\n    <div class=\"etapa-img-container\"><img data-src=\"\/wp-content\/uploads\/2024\/07\/Orbita-15.jpg\" alt=\"Imagen 1\"><\/div>\r\n      <div class=\"etapa-img-container\"><img data-src=\"\/wp-content\/uploads\/2024\/07\/Orbita-13.jpg\" alt=\"Imagen 2\"><\/div>\r\n      <div class=\"etapa-img-container\"><img data-src=\"\/wp-content\/uploads\/2024\/07\/Orbita-12.jpg\" alt=\"Imagen 3\"><\/div>\r\n      <div class=\"etapa-img-container\"><img data-src=\"\/wp-content\/uploads\/2024\/07\/Orbita-11-scaled.jpg\" alt=\"Imagen 4\"><\/div>\r\n      \r\n      <div class=\"etapa-img-container\"><img data-src=\"\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2025-08-11-at-10.30.49-1-scaled.jpeg\" alt=\"Imagen 5\"><\/div>\r\n      <div class=\"etapa-img-container\"><img data-src=\"\/wp-content\/uploads\/2026\/05\/HITO-REFORESTACION-CONEXION-PUMA-SAN-BERNARDO-18.jpeg\" alt=\"Imagen 6\"><\/div>\r\n      <div class=\"etapa-img-container\"><img data-src=\"\/wp-content\/uploads\/2026\/05\/IMG-20260325-WA0066-scaled.jpg\" alt=\"Imagen 7\"><\/div>\r\n      <div class=\"etapa-img-container\"><img data-src=\"\/wp-content\/uploads\/2026\/05\/IMG-20260325-WA0070-scaled.jpg\" alt=\"Imagen 8\"><\/div>\r\n      \r\n     \r\n    <\/div>\r\n\r\n    <div class=\"slick-controls\">\r\n      <div class=\"slick-controls-inner\">\r\n        <button class=\"slick-prev-custom\" aria-label=\"Anterior\">\r\n          <svg viewBox=\"0 0 32 32\" fill=\"none\"><circle cx=\"16\" cy=\"16\" r=\"16\" fill=\"#003087\"\/><path d=\"M20 8L12 16L20 24\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n        <\/button>\r\n        <ul class=\"slick-dots-custom\"><\/ul>\r\n        <button class=\"slick-next-custom\" aria-label=\"Siguiente\">\r\n          <svg viewBox=\"0 0 32 32\" fill=\"none\"><circle cx=\"16\" cy=\"16\" r=\"16\" fill=\"#003087\"\/><path d=\"M12 8L20 16L12 24\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n        <\/button>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<!-- MODAL -->\r\n<div id=\"modal-preview\" class=\"modal\">\r\n  <div class=\"modal-content\">\r\n    <img decoding=\"async\" class=\"modal-image\" src=\"\" alt=\"Vista previa\" \/>\r\n    <div class=\"modal-footer\">\r\n      <button class=\"modal-close\" aria-label=\"Cerrar modal\">\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n          <path d=\"M5.30869 5.30161C5.71928 4.89946 6.38443 4.89946 6.79502 5.30161L12.1427 10.5418L17.2052 5.58188C17.6158 5.17981 18.2809 5.17978 18.6915 5.58188C19.1021 5.98429 19.1021 6.63648 18.6915 7.03891L13.629 11.9989L18.6925 16.9608C19.1026 17.3632 19.1029 18.0155 18.6925 18.4178C18.2819 18.8202 17.6158 18.8201 17.2052 18.4178L12.1427 13.4559L6.79502 18.6981C6.38436 19.1004 5.71832 19.1005 5.30772 18.6981C4.89735 18.2958 4.89751 17.6435 5.30772 17.2411L10.6554 11.9989L5.30869 6.75864C4.89805 6.35621 4.89805 5.70404 5.30869 5.30161Z\" fill=\"#003087\"\/>\r\n        <\/svg>\r\n      <\/button>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n\r\n\r\n  <!-- JS Slick + Modal -->\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  <script>\r\n    $(document).ready(function () {\r\n      const $carousel = $('.carousel');\r\n\r\n      $carousel.slick({\r\n        infinite: true,\r\n        centerMode: true,\r\n        centerPadding: '248px',\r\n        slidesToShow: 2,\r\n        slidesToScroll: 1,\r\n        autoplay: true,\r\n        autoplaySpeed: 4000,\r\n        arrows: false,\r\n        dots: false,\r\n        responsive: [\r\n          { breakpoint: 1024, settings: { slidesToShow: 1, centerPadding: '124px' }},\r\n          { breakpoint: 768, settings: { slidesToShow: 1, centerPadding: '48px' }}\r\n        ]\r\n      });\r\n\r\n      const totalSlides = $carousel.slick(\"getSlick\").slideCount;\r\n      const $dotsContainer = $(\".slick-dots-custom\");\r\n      for (let i = 0; i < totalSlides; i++) {\r\n        const li = $('<li><button type=\"button\"><\/button><\/li>');\r\n        if (i === 0) li.addClass(\"slick-active\");\r\n        $dotsContainer.append(li);\r\n      }\r\n\r\n      $(\".slick-dots-custom li\").on(\"click\", function () {\r\n        const index = $(this).index();\r\n        $carousel.slick(\"slickGoTo\", index);\r\n      });\r\n\r\n      $carousel.on(\"afterChange\", function (event, slick, currentSlide) {\r\n        $(\".slick-dots-custom li\").removeClass(\"slick-active\");\r\n        $(\".slick-dots-custom li\").eq(currentSlide).addClass(\"slick-active\");\r\n      });\r\n\r\n      $('.slick-prev-custom').on('click', () => $carousel.slick('slickPrev'));\r\n      $('.slick-next-custom').on('click', () => $carousel.slick('slickNext'));\r\n\r\n      const baseURL = window.location.origin;\r\n      document.querySelectorAll('img[data-src]').forEach(img => {\r\n        img.src = baseURL + img.getAttribute('data-src');\r\n      });\r\n\r\n      const modal = document.getElementById('modal-preview');\r\n      const modalImage = modal.querySelector('.modal-image');\r\n      const closeBtn = modal.querySelector('.modal-close');\r\n      let currentIndex = 0;\r\n      const images = Array.from(document.querySelectorAll('.etapa-img-container img'));\r\n\r\n      function showImageInModal(index) {\r\n        modalImage.src = images[index].src;\r\n        modal.classList.add('active');\r\n        currentIndex = index;\r\n      }\r\n\r\n      images.forEach((img, index) => {\r\n        img.addEventListener('click', () => showImageInModal(index));\r\n      });\r\n\r\n      closeBtn.addEventListener('click', () => modal.classList.remove('active'));\r\n      modal.addEventListener('click', (e) => {\r\n        if (e.target === modal) modal.classList.remove('active');\r\n      });\r\n\r\n      document.addEventListener('keydown', (e) => {\r\n        if (!modal.classList.contains('active')) return;\r\n        if (e.key === 'ArrowRight') {\r\n          currentIndex = (currentIndex + 1) % images.length;\r\n          showImageInModal(currentIndex);\r\n        } else if (e.key === 'ArrowLeft') {\r\n          currentIndex = (currentIndex - 1 + images.length) % images.length;\r\n          showImageInModal(currentIndex);\r\n        } else if (e.key === 'Escape') {\r\n          modal.classList.remove('active');\r\n        }\r\n      });\r\n    });\r\n  <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\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>Comunidad Fomentando el Bienestar Comunitario Desde el a\u00f1o 2005, hemos desarrollado un profundo programa de Responsabilidad Social Empresarial que busca generar conexiones y aportar a una mejor calidad de vida de las personas que viven en sectores aleda\u00f1os a la carretera en las regiones que operamos. Este programa considera a la educaci\u00f3n en Seguridad Vial [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.rutaorbitalsur.cl\/en\/wp-json\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.rutaorbitalsur.cl\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.rutaorbitalsur.cl\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.rutaorbitalsur.cl\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rutaorbitalsur.cl\/en\/wp-json\/wp\/v2\/comments?post=9"}],"version-history":[{"count":3,"href":"https:\/\/www.rutaorbitalsur.cl\/en\/wp-json\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":2833,"href":"https:\/\/www.rutaorbitalsur.cl\/en\/wp-json\/wp\/v2\/pages\/9\/revisions\/2833"}],"wp:attachment":[{"href":"https:\/\/www.rutaorbitalsur.cl\/en\/wp-json\/wp\/v2\/media?parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}