{"id":15194,"date":"2023-10-06T08:44:42","date_gmt":"2023-10-06T07:44:42","guid":{"rendered":"https:\/\/staging.staging.plenoil.pt\/our-gas-stations\/"},"modified":"2024-11-25T15:16:15","modified_gmt":"2024-11-25T15:16:15","slug":"our-gas-stations","status":"publish","type":"page","link":"https:\/\/staging.plenergy.pt\/en\/our-gas-stations\/","title":{"rendered":"Our gas stations"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"15194\" class=\"elementor elementor-15194 elementor-10535\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3b019cb elementor-section-full_width elementor-section-height-min-height elementor-section-height-default elementor-section-items-middle\" data-id=\"3b019cb\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8331029\" data-id=\"8331029\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5d0861c elementor-widget elementor-widget-text-editor\" data-id=\"5d0861c\" 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\t\t<div id=\"plenoilmap\"><div id=\"map\" class=\"mapContainer\">\u00a0<\/div><div id=\"containerProvincias\"><div class=\"\"><select id=\"select-provincias\"><option id=\"lblTodasLasProvincias\" value=\"\">&#8211; Todos os distritos &#8211;<\/option><option value=\"Aveiro\">Aveiro<\/option><option value=\"Beja\">Beja<\/option><option value=\"Braga\">Braga<\/option><option value=\"Bragan\u00e7a\">Bragan\u00e7a<\/option><option value=\"Castelo Branco\">Castelo Branco<\/option><option value=\"Coimbra\">Coimbra<\/option><option value=\"\u00c9vora\">\u00c9vora<\/option><option value=\"Faro\">Faro<\/option><option value=\"Guarda\">Guarda<\/option><option value=\"Leiria\">Leiria<\/option><option value=\"Lisboa\">Lisboa<\/option><option value=\"Portalegre\">Portalegre<\/option><option value=\"Porto\">Porto<\/option><option value=\"Santar\u00e9m\">Santar\u00e9m<\/option><option value=\"Set\u00fabal\">Set\u00fabal<\/option><option value=\"Viana do Castelo\">Viana do Castelo<\/option><option value=\"Vila Real\">Vila Real<\/option><option value=\"Viseu\">Viseu<\/option><option value=\"Regi\u00e3o Aut\u00f3noma dos A\u00e7ores\">Regi\u00e3o Aut\u00f3noma dos A\u00e7ores<\/option><option value=\"Regi\u00e3o Aut\u00f3noma da Madeira\">Regi\u00e3o Aut\u00f3noma da Madeira<\/option><\/select><\/div><\/div><div class=\"containerSearchFrame\"><div class=\"separador\">\u00a0<\/div><\/div><nav class=\"containerSearchBox navbar-light bg-light\"><div class=\"containerSearchBoxHeader\"><div id=\"search-box\" class=\"w-100\"><i class=\"fa fa-search search-icon\"><\/i><br \/><input id=\"search-input\" class=\"form-control\" type=\"text\" placeholder=\"Buscar cerca de...\" \/><br \/><button id=\"clear-btn\">\u00d7<\/button><\/div><p><button id=\"locate-me\" class=\"btn btn-default tooltip2\"><br \/><i class=\"fa fa-crosshairs\" aria-hidden=\"true\"><\/i><br \/><span id=\"lblMuestraMiIbicacion\" class=\"tooltiptext\">Muestra mi ubicaci\u00f3n<\/span><br \/><\/button><\/p><\/div><div class=\"containerSearchBoxFiltros\"><button id=\"filtroGasolineras\" class=\"btn btn-default active\"><br \/><img decoding=\"async\" class=\"ico\" src=\"\/wp-content\/uploads\/2024\/02\/gasolinera.svg\" \/><span id=\"lblGasolineras\">Gasolineras<\/span><br \/><\/button><br \/><button id=\"filtroRecargaElectrica\" class=\"btn btn-default\"><br \/><img decoding=\"async\" class=\"ico\" src=\"\/wp-content\/uploads\/2024\/02\/recarga.svg\" \/><span id=\"lblRecargaElectrica\">Recarga el\u00e9ctrica<\/span><br \/><\/button><br \/><button id=\"filtroLavaderos\" class=\"btn btn-default\"><br \/><img decoding=\"async\" class=\"ico\" src=\"\/wp-content\/uploads\/2024\/02\/lavadero.svg\" \/><span id=\"lblLavaderos\">Lavaderos<\/span><br \/><\/button><\/div><\/nav><div class=\"dropdown\" style=\"display: none;\"><label class=\"dropdown-label\"><br \/><i class=\"mdi mdi-tune-variant\"><\/i><br \/><\/label><div class=\"dropdown-list scrollbar\"><div class=\"checkbox\"><input id=\"checkbox-gasstation\" class=\"check checkbox-custom\" checked=\"checked\" disabled=\"disabled\" name=\"dropdown-group\" type=\"checkbox\" \/><br \/><label class=\"checkbox-custom-label\" for=\"checkbox-gasstation\"><br \/><i class=\"mdi mdi-gas-station mdi-24px\"><\/i> <span id=\"lblCombustible\">Combustible<\/span><br \/><\/label><\/div><div class=\"checkbox\"><input id=\"checkbox-carwash\" class=\"check checkbox-custom\" name=\"dropdown-group\" type=\"checkbox\" \/><br \/><label class=\"checkbox-custom-label\" for=\"checkbox-carwash\"><br \/><i class=\"mdi mdi-car-wash mdi-24px\"><\/i> <span id=\"lblLavado\">Lavado<\/span><br \/><\/label><\/div><div class=\"checkbox\"><input id=\"checkbox-vacuum\" class=\"check checkbox-custom\" name=\"dropdown-group\" type=\"checkbox\" \/><br \/><label class=\"checkbox-custom-label\" for=\"checkbox-vacuum\"><br \/><i class=\"mdi mdi-vacuum mdi-24px\"><\/i> <span id=\"lblAspirado\">Aspirado<\/span><br \/><\/label><\/div><div class=\"checkbox\"><input id=\"checkbox-evstation\" class=\"check checkbox-custom\" name=\"dropdown-group\" type=\"checkbox\" \/><br \/><label class=\"checkbox-custom-label\" for=\"checkbox-evstation\"><br \/><i class=\"mdi mdi-ev-station mdi-24px\"><\/i> <span id=\"lblCargador\">Cargador<\/span><br \/><\/label><\/div><div class=\"checkbox\"><button id=\"filter-btn\" class=\"btn btn-default\">Aceptar<\/button><\/div><\/div><\/div><div id=\"divContenedorDireccionBusqueda\" class=\"container my-3 p-3 shadow\"><div class=\"cabeceraResultados\"><div><h3 id=\"lblResultados\" class=\"titulo\">Resultados:<\/h3><\/div><div id=\"containerNumResultados\"><img decoding=\"async\" class=\"ico\" src=\"\/wp-content\/uploads\/2024\/02\/gasolinera.svg\" \/> <span id=\"numResultados\"><\/span><\/div><div style=\"margin-left: auto;\"><button id=\"vermas-btn\" class=\"btn btn-default\"><br \/><i class=\"mdi mdi-format-list-bulleted-square\"><\/i><br \/><\/button><\/div><\/div><div class=\"containerListContainer scrollbar\" style=\"display: none;\"><h3 id=\"lblEstacionesMasCercanas\" class=\"titulo\" style=\"margin-bottom: 0px;\">Estaciones de servicio m\u00e1s cercanas a:<\/h3><div id=\"divDireccionBusqueda\" class=\"pb-2\">\u00a0<\/div><div id=\"store-list\">\u00a0<\/div><\/div><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-89fb209 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"89fb209\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-55bca88 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile\" data-id=\"55bca88\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-26db99f oculto elementor-widget elementor-widget-html\" data-id=\"26db99f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/MaterialDesign-Webfont\/7.3.67\/css\/materialdesignicons.min.css\" integrity=\"sha512-nRzny9w0V2Y1\/APe+iEhKAwGAc+K8QYCw4vJek3zXhdn92HtKt226zHs9id8eUq+uYJKaH2gPyuLcaG\/dE5c7A==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\">\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1559eb0 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1559eb0\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c691c2c elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile\" data-id=\"c691c2c\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3d047fd oculto elementor-widget elementor-widget-html\" data-id=\"3d047fd\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script>var datosPrecio={\"error\":\"No se pudo obtener el JSON.\"};<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0f0b29e oculto elementor-widget elementor-widget-html\" data-id=\"0f0b29e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script>\r\nvar trad = {\r\n    \"lblTodasLasProvincias\": \"- All provinces -\",\r\n    \"lblMuestraMiIbicacion\": \"Show my location\",\r\n    \"lblGasolineras\": \"Gas stations\",\r\n    \"lblRecargaElectrica\": \"Electric charging\",\r\n    \"lblLavaderos\": \"Car washes\",\r\n    \"lblAspirado\": \"Vacuuming\",\r\n    \"lblCargador\": \"Charger\",\r\n    \"filter-btn\": \"Accept\",\r\n    \"lblResultados\": \"Results\",\r\n    \"lblEstacionesMasCercanas\": \"Nearest service stations to:\",\r\n};\r\ndocument.getElementById(\"search-input\").placeholder = \"Search nearby...\";\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7da41c4 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7da41c4\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6fc32a8 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile\" data-id=\"6fc32a8\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6d195af oculto elementor-widget elementor-widget-html\" data-id=\"6d195af\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n.navbar {\r\n    position: relative;\r\n    display: -webkit-box;\r\n    display: -ms-flexbox;\r\n    display: flex;\r\n    -ms-flex-wrap: wrap;\r\n    flex-wrap: wrap;\r\n    -webkit-box-align: center;\r\n    -ms-flex-align: center;\r\n    align-items: center;\r\n    -webkit-box-pack: justify;\r\n    -ms-flex-pack: justify;\r\n    justify-content: space-between;\r\n    padding: 0.5rem 1rem;\r\n}\r\n.btn {\r\n    display: inline-block;\r\n    font-weight: 400;\r\n    color: #212529;\r\n    text-align: center;\r\n    vertical-align: middle;\r\n    -webkit-user-select: none;\r\n    -moz-user-select: none;\r\n    -ms-user-select: none;\r\n    user-select: none;\r\n    background-color: transparent;\r\n    border: 1px solid transparent;\r\n    padding: 0.375rem 0.75rem;\r\n    font-size: 1rem;\r\n    line-height: 1.5;\r\n    border-radius: 0.25rem;\r\n    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;\r\n    }\r\n    .shadow {\r\n    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;\r\n}\r\n.card {\r\n    position: relative;\r\n    display: -webkit-box;\r\n    display: -ms-flexbox;\r\n    display: flex;\r\n    -webkit-box-orient: vertical;\r\n    -webkit-box-direction: normal;\r\n    -ms-flex-direction: column;\r\n    flex-direction: column;\r\n    min-width: 0;\r\n    word-wrap: break-word;\r\n    background-color: #fff;\r\n    background-clip: border-box;\r\n    border: 1px solid rgba(0,0,0,.125);\r\n    border-radius: 0.25rem;\r\n}\r\n.card, .card-header:first-child {\r\n    border-radius: 0px;\r\n    background-color: #f7f8fc;\r\n    border-color:#ff6326;\r\n    border-radius: 10px;\r\n}\r\n.card {\r\n    margin-top: 10px;\r\n}\r\n.p-3 {\r\n    padding: 1rem!important;\r\n}\r\n.p-2 {\r\n    padding: 0.5rem!important;\r\n}\r\n.pt-2{\r\n\tpadding-top: 0.5rem!important;\r\n}\r\n.pt-3{\r\n\tpadding-top: 1rem!important;\r\n}\r\n.mb-3, .my-3 {\r\n    margin-bottom: 1rem!important;\r\n}\r\n.mt-3, .my-3 {\r\n    margin-top: 1rem!important;\r\n}\r\n.ml-auto, .mx-auto {\r\n    margin-left: auto!important;\r\n}\r\n.mr-auto, .mx-auto {\r\n    margin-right: auto!important;\r\n}\r\n.w-100 {\r\n    width: 100%!important;\r\n}\r\n\r\n.maxw450 {\r\n    width: 100%;\r\n    max-width: 450px;\r\n}\r\n.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {\r\n    margin-bottom: 0.5rem;\r\n    font-family: inherit;\r\n    font-weight: 500;\r\n    line-height: 1.2;\r\n    color: inherit;\r\n}\r\nh1, h2, h3, h4, h5, h6 {\r\n    margin-top: 0;\r\n    margin-bottom: 0.5rem;\r\n}\r\n.h3, h3 {\r\n    font-size: 1.75rem;\r\n}\r\n.container {\r\n    width: 100%;\r\n    padding-right: 15px;\r\n    padding-left: 15px;\r\n    margin-right: auto;\r\n    margin-left: auto;\r\n}\r\n@media (min-width: 1200px){\r\n.container {\r\n    max-width: 1140px;\r\n}\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4d68ec9 oculto elementor-widget elementor-widget-html\" data-id=\"4d68ec9\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n    :root {\r\n    --plenoil-blue: #4B50B9;\r\n    --plenoil-black: #1E282D;\r\n    --plenoil-o_range: #F05A23;\r\n\t--plenoil-orange: #fd8204;\r\n    --plenoil-black-shadow: rgba(30, 40, 45, 0.4);\r\n    --plenoil-green: #00AAA0;\r\n    --plenoil-shadow: 0px 0px 20px var(--plenoil-black-shadow);\r\n}\r\n\r\n#plenoilmap {\r\n    display: block;\r\n    width: 100%;\r\n    max-width: 100%;\r\n    position: relative;\r\n\toverflow:hidden;\r\n}\r\n\r\n    #plenoilmap .mapContainer {\r\n        display: block;\r\n        width: 100%;\r\n        min-height: 400px;\r\n        \/* Fix para responsive *\/\r\n    }\r\n\r\n@media (max-width: 768px) {\r\n    #plenoilmap .mapContainer {\r\n        min-height: 745px;\r\n        max-height: 745px;\r\n        height: 100%;\r\n    }\r\n}\r\n\r\n#plenoilmap .mapContainer #zoom-buttons {\r\n    position: absolute;\r\n    display: flex;\r\n    bottom: 30px;\r\n    left: 30px;\r\n    z-index: 9999;\r\n}\r\n\r\n    #plenoilmap .mapContainer #zoom-buttons button {\r\n        border: 0;\r\n        background: white;\r\n        color: var(--plenoil-black);\r\n        width: 30px;\r\n        height: 30px;\r\n        padding: 0;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        border-radius: 50%;\r\n        margin-right: 10px;\r\n        font-size: 25px;\r\n        line-height: 25px;\r\n        box-shadow: var(--plenoil-shadow);\r\n        cursor: pointer !important;\r\n    }\r\n\r\n        #plenoilmap .mapContainer #zoom-buttons button img {\r\n            opacity: 0.5;\r\n            width: 50%;\r\n        }\r\n\r\n\t#plenoilmap .mapContainer #top-filters {\r\n\t\tposition: absolute;\r\n\t\ttop: 30px;\r\n\t\tleft: 30px;\r\n\t\tz-index: 9999;\r\n\t}\r\n\r\n    #plenoilmap .mapContainer #top-filters select {\r\n        border: 0;\r\n        background: white;\r\n        color: var(--plenoil-black);\r\n        border-radius: 30px;\r\n        padding: 8px 18px;\r\n        font-size: 13px;\r\n        box-shadow: var(--plenoil-shadow);\r\n        width: 200px;\r\n        -webkit-box-sizing: border-box;\r\n        -moz-box-sizing: border-box;\r\n        box-sizing: border-box;\r\n        -webkit-appearance: none;\r\n        -moz-appearance: none;\r\n        background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%);\r\n        background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 0.5em) 0.5em;\r\n        background-size: 5px 5px, 5px 5px, 1.5em 1.5em;\r\n        background-repeat: no-repeat;\r\n    }\r\n\r\n\t#plenoilmap.mobile {\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t}\r\n\r\n    #plenoilmap.mobile #zoom-buttons {\r\n        bottom: 120px;\r\n    }\r\n\r\n    #plenoilmap.mobile #top-filters {\r\n        top: unset;\r\n        left: unset;\r\n        bottom: 120px;\r\n        right: 30px;\r\n    }\r\n\r\n    #plenoilmap.mobile .listContainer {\r\n        position: static;\r\n        width: 100%;\r\n        max-width: 350px;\r\n        max-height: 400px;\r\n        margin: 10px auto;\r\n        margin-top: -100px;\r\n    }\r\n\r\n\/**\r\n * List\r\n *\/\r\n \r\n  .container-titulo{\r\n    display: flex;\r\n    text-align: center;\r\n    justify-content: center;\r\n    flex-wrap: wrap;\r\n    align-content: center;\r\n }\r\n \r\n .container-titulo h1{\r\n\tcolor:var(--plenoil-orange);\r\n\tpadding: 5px 40px;\r\n}\r\n \r\n  .container-titulo div{\r\n\tdisplay:inline-block;\r\n  }\r\n \r\n.containerSearchFrame{\r\n    position: absolute;\r\n    top: 70px;\r\n    left: 15px;\r\n    max-width: 400px;\r\n    height: auto;\r\n    overflow: auto;\r\n    width: 45vw;\r\n    background-color: white;\r\n    padding: 15px;\r\n\tborder-radius:10px;\r\n}\r\n\r\n.containerSearchFrame h2, h3.titulo{\r\n\tfont-size:18px;\r\n\tcolor:#666;\r\n}\r\n.containerSearchFrame .separador{\r\n\theight:100px;\r\n}\r\n\r\n.containerSearchBox{\r\n\tposition: absolute;\r\n    top: 80px;\r\n    left: 15px;\r\n\tmax-width: 400px;\r\n    height: auto;\r\n    overflow: visible;\r\n    width: 45vw;\r\n    d_isplay: flex;\r\n    padding: 0px 10px;\r\n}\r\n.containerSearchBoxHeader, .containerSearchBoxFiltros{\r\n\tdisplay:flex;\r\n\theight: auto;\r\n\twidth:100%;\r\n\tpadding: 6px 0px;\r\n\tjustify-content: space-between;\r\n}\r\n\r\n.containerSearchBoxHeader p{\r\nmargin:0px;\r\n}\r\n\r\n\r\n#divContenedorDireccionBusqueda,\r\n.c_ontainerListContainer {\r\n    position: absolute;\r\n    top: 197px;\r\n    left: 15px;\r\n    max-width: 400px;\r\n    h_eight: 80%;\r\n    overflow: auto;\r\n    width: 45vw;\r\n\tborder-radius:10px;\r\n}\r\n\r\n.containerListContainer {\r\n\th_eight:70%;\r\n\theight: 425px;\r\n\tmargin-top:22px;\r\n}\r\n\r\n.cabeceraResultados{\r\n\r\n}\r\n    .containerListContainer .titulo {\r\n        font-weight: 600;\r\n        font-size: 16px;\r\n        color: var(--plenoil-orange);\r\n    }\r\n\r\n    .containerListContainer #divDireccionBusqueda {\r\n        text-align: center;\r\n        width: 100%;\r\n        white-space: nowrap; \r\n        overflow: hidden; \r\n        text-overflow: ellipsis;\r\n        font-size:13px;\r\n    }\r\n    \r\n\r\n\r\n#plenoilmap .listContainer {\r\n    position: absolute;\r\n    top: 10px;\r\n    right: 30px;\r\n    width: 450px;\r\n    height: calc(100% - 20px);\r\n    border-radius: 20px;\r\n    background: white;\r\n    -webkit-box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.4);\r\n    -moz-box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.4);\r\n    box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.4);\r\n    z-index: 20001;\r\n    font-family: \"Red Hat Display\";\r\n    display: flex;\r\n}\r\n\r\n    #plenoilmap .listContainer .list-map-padded-y {\r\n        width: 100%;\r\n        margin: 40px;\r\n        overflow: auto;\r\n        scrollbar-width: none;\r\n    }\r\n\r\n        #plenoilmap .listContainer .list-map-padded-y::-webkit-scrollbar {\r\n            display: none;\r\n        }\r\n\r\n    #plenoilmap .listContainer .listProvinceContainer {\r\n        margin-bottom: 50px;\r\n    }\r\n\r\n        #plenoilmap .listContainer .listProvinceContainer .provinceName {\r\n            text-align: left;\r\n            color: var(--plenoil-black);\r\n            font-size: 18px;\r\n            font-weight: 700;\r\n            margin: var(--margin);\r\n            margin-bottom: 0px;\r\n            padding-bottom: 15px;\r\n            border-bottom: 1px solid var(--plenoil-black-shadow);\r\n        }\r\n\r\n        #plenoilmap .listContainer .listProvinceContainer .stations .stationRow {\r\n            user-select: none;\r\n        }\r\n\r\n            #plenoilmap .listContainer .listProvinceContainer .stations .stationRow .inner {\r\n                display: flex;\r\n                flex-grow: 1;\r\n                align-items: center;\r\n                cursor: pointer;\r\n                padding: 15px 0;\r\n                margin: 0 var(--margin);\r\n                border-bottom: 1px solid var(--plenoil-black-shadow);\r\n            }\r\n\r\n            #plenoilmap .listContainer .listProvinceContainer .stations .stationRow .midPart {\r\n                width: 100%;\r\n                display: flex;\r\n                align-items: center;\r\n            }\r\n\r\n                #plenoilmap .listContainer .listProvinceContainer .stations .stationRow .midPart .name {\r\n                    font-size: 14px;\r\n                    line-height: 14px;\r\n                    color: var(--plenoil-black);\r\n                    font-weight: 600;\r\n                    letter-spacing: 0px;\r\n                    width: 120px;\r\n                    min-width: 120px;\r\n                }\r\n\r\n                #plenoilmap .listContainer .listProvinceContainer .stations .stationRow .midPart .street {\r\n                    color: var(--plenoil-black);\r\n                    opacity: 0.8;\r\n                    font-size: 12px;\r\n                    line-height: 13px;\r\n                    letter-spacing: 0px;\r\n                    font-weight: 500;\r\n                    text-transform: uppercase;\r\n                    padding-left: 10px;\r\n                    display: flex;\r\n                    align-items: center;\r\n                }\r\n\r\n                    #plenoilmap .listContainer .listProvinceContainer .stations .stationRow .midPart .street span {\r\n                        width: 100%;\r\n                    }\r\n\r\n                    #plenoilmap .listContainer .listProvinceContainer .stations .stationRow .midPart .street img {\r\n                        width: 16px;\r\n                        height: 16px;\r\n                        margin-right: 5px;\r\n                    }\r\n\r\n            #plenoilmap .listContainer .listProvinceContainer .stations .stationRow .distance {\r\n                color: var(--plenoil-black);\r\n                opacity: 0.8;\r\n                font-size: 13px;\r\n                display: flex;\r\n                align-items: center;\r\n                justify-content: center;\r\n                padding-left: 10px;\r\n                white-space: nowrap;\r\n            }\r\n\r\n.scrollbar {\r\n\r\n    overflow-y: scroll;\r\n\r\n}\r\n\r\n\/*\r\n *  STYLE 2\r\n *\/\r\n\r\n    .scrollbar::-webkit-scrollbar-track {\r\n        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);\r\n        border-radius: 10px;\r\n        background-color: #F5F5F5;\r\n    }\r\n\r\n    .scrollbar::-webkit-scrollbar {\r\n        width: 12px;\r\n        background-color: #F5F5F5;\r\n    }\r\n\r\n    .scrollbar::-webkit-scrollbar-thumb {\r\n        border-radius: 10px;\r\n        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);\r\n        background-color: #f9dc3a;\r\n    }\r\n\r\n.nav-link {\r\n    color: #1E282D !important;\r\n}\r\n\r\n\/**\r\n * Mapa\r\n *\/\r\n#plenoilmap .leaflet-container {\r\n    height: 100%;\r\n}\r\n\r\n    #plenoilmap .leaflet-container .leaflet-popup-tip {\r\n        background: white;\r\n    }\r\n\r\n#plenoilmap .popup-map {\r\n    max-width: 550px;\r\n    width: 100%;\r\n    a_ll: revert;\r\n    font-family: \"-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"\";\r\n    p_osition: absolute;\r\n    b_ottom: 0px;\r\n    l_eft: -180px;\r\n    m_argin-left: 38px;\r\n    h_eight: 230px;\r\n    background-color: transparent;\r\n    z-index: 10001;\r\n    user-select: none;\r\n    background: white;\r\n    border-radius: 0px;\r\n    overflow: hidden;\r\n    display: block;\r\n}\r\n\r\n\r\n    #plenoilmap .popup-map * {\r\n        a_ll: revert;\r\n    }\r\n\r\n    #plenoilmap .inner {\r\n        display: flex;\r\n        flex-direction: column;\r\n        h_eight: 100%;\r\n\t\tfont-family: 'Red Hat Display';\r\n    }\r\n\r\n        #plenoilmap .top {\r\n            b_ackground: url(https:\/\/staging.plenoil.es\/wp-content\/plugins\/plenoil-mapa\/js\/0e989c82bd53211b9c6f.jpg) 40%;\r\n            b_ackground-size: cover;\r\n            h_eight: 50%;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            padding: 8px;\r\n            p_adding-top: 12px;\r\n\t\t\tp_adding-top: 0px;\r\n\t\t\tflex-direction: column;\r\n        }\r\n\t\t\r\n\t\t#plenoilmap .name {\r\n\t\tfont-size: 18px;\r\n\t\tcolor: #000;\r\n\t\tfont-weight: 600;\r\n\t\tpadding-bottom: 10px;\r\n\t\tdisplay:flex;\r\n\t\t}\r\n\r\n    #plenoilmap .botonera a,\r\n    #plenoilmap .botonera a:hover,\r\n    #plenoilmap .botonera a:link {\r\n        color: white;\r\n        text-decoration: none;\r\n        display: flex;\r\n        align-items: center;\r\n\t\tjustify-content: center;\r\n\t\toutline: none;\r\n    }\r\n.btn-vermapa{\r\n        b_ackground: var(--plenoil-orange);\r\n\t\tbackground: #aaa;\r\n        display: flex;\r\n        align-items: center;\r\n        padding: 7px 8px;\r\n        padding-right: 8px;\r\n        border-radius: 10px;\r\n        align-self: start;\r\n        color: white;\r\n        cursor: pointer;\r\n        justify-content: center;\r\n        min-width: 100px;\r\n\t\twidth:200px;\r\n\t\ttransition: all .4s ease;\r\n\t\t-webkit-transition: all .4s ease;\r\n}\r\n\r\n.btn-vermapa:hover, .btn-vermapa:active, .btn-vermapa:focus {\r\n\tbackground: var(--plenoil-orange);\r\n\ttransition: all .4s ease;\r\n\t-webkit-transition: all .4s ease;\r\n}\r\n\r\n\r\n#store-list .btn-vermapa .mdi {\r\n    color: #fff;\r\n    font-size: 18px;\r\n    margin-left: 10px;\r\n}\r\n\r\n    #plenoilmap .botonera div.btn {\r\n\t\tbackground: #aaa;\r\n        d_isplay: flex;\r\n        align-items: center;\r\n        padding: 6px 8px;\r\n\t\tp_adding: 10px 10px;\r\n\t\tfont-size:12px;\r\n        padding-right: 8px;\r\n        border-radius: 10px;\r\n        align-self: start;\r\n        color: white;\r\n        cursor: pointer;\r\n        justify-content: center;\r\n        m_in-width: 100px;\r\n\t\tm_in-width: 130px;\r\n\t\tw_idth:100%;\r\n\t\ttransition: all .4s ease;\r\n\t\t-webkit-transition: all .4s ease;\r\n    }\r\n\t\r\n    #plenoilmap .botonera div.btn:hover,\r\n\t#plenoilmap .botonera div.btn:active,\r\n\t#plenoilmap .botonera div.btn:focus\r\n\t{\r\n        background: var(--plenoil-orange);\r\n\t\ttransition: all .4s ease;\r\n\t\t-webkit-transition: all .4s ease;\r\n\t}\r\n\t\r\n    #plenoilmap .botonera {\r\n\tmax-width: 315px;\r\n\twidth:100%;\r\n    d_isplay: flex;\r\n    justify-content: space-around;\r\n\tpadding: 0px 8px 10px 8px;\r\n\t}\r\n\t\r\n\t#plenoilmap .botonera div {\r\n\t  margin-left: 10px;\r\n\t}\r\n\r\n\t#plenoilmap .botonera div:first-child {\r\n\t  margin-left: 0; \/* o cualquier otro valor que desees para el primer hijo *\/\r\n\t}\r\n\r\n        #plenoilmap div img {\r\n            width: 12px;\r\n\t\t\twidth: 16px;\r\n            \r\n        }\r\n\t\t\r\n\t\t#plenoilmap .botonera img{\r\n\t\t\tmargin-left: 4px;\r\n\t\t}\r\n\r\n        #plenoilmap div:hover {\r\n            opacity: 1;\r\n        }\r\n\r\n        #plenoilmap div:last-of-type {\r\n            m_argin-left: auto;\r\n        }\r\n\r\n    #plenoilmap .bottom {\r\n\t\tpadding: 3px 8px;\r\n\t\tpadding-bottom: 7px;\r\n\t\tfont-size: 14px;\r\n\t\tfont-weight: 400;\r\n    }\r\n\r\n        #plenoilmap .name {\r\n            font-size: 16px;\r\n            font-weight: 500;\r\n        }\r\n\r\n        #plenoilmap .street {\r\n            margin-bottom: 5px;\r\n            font-size: 12px;\r\n        }\r\n\t\t\r\n\t\t#plenoilmap .street{\r\n\t\t\tpadding-bottom:3px;\r\n\t\t}\r\n\r\n    #plenoilmap .prices {\r\n\t\tposition: relative;\r\n\t\twidth: 100%;\r\n\t\tdisplay: flex;\r\n\t\tj_ustify-content: space-between;\r\n\t\talign-items: center;\r\n\t\tpadding: 0px;\r\n\t\tpadding-top: 5px;\r\n\t\tpadding-down: 5px;\r\n\t\tj_ustify-content: center;\r\n\t\tbackground-color: #fff;\r\n\t\tfont-family: 'Red Hat Display';\r\n    }\r\n       \r\n\r\n\/* Establecer el tama\u00f1o del div del mapa *\/\r\n#map {\r\n    height: calc(100vh - 140px);\r\n    width: 100%;\r\n    border: solid #f5f5f5 1px;\r\n}\r\n\r\n#search-box {\r\n    display: flex;\r\n    justify-content: center;\r\n    display: flex;\r\n    flex-direction: row;\r\n    word-wrap: break-word;\r\n    background-color: #fff;\r\n    background-clip: border-box;\r\n    border: 1px solid rgba(0,0,0,.125);\r\n    position: relative;\r\n\tm_ax-width: 285px;\r\n\tmargin-right: 15px;\r\n\twidth:100%;\r\n}\r\n\r\n#search-input {\r\n    width: 100%;\r\n    border-radius: 0px;\r\n    padding: 5px;\r\n    font-size: 16px;\r\n    background: transparent;\r\n    padding-left: 35px; \/* Espacio para el \u00edcono de b\u00fasqueda *\/\r\n    padding-right:45px;\r\n\theight: 41px;\r\n\tborder:0px;\r\n\tcolor:#666;\r\n\r\n}\r\n#search-input:focus-visible{\r\n\tborder:0px;\r\n\toutline: 0px;\r\n}\r\n\r\n#clear-btn {\r\n    position: absolute;\r\n    right: 8px;\r\n    top: calc(50% - 15px);\r\n    border: none;\r\n    background-color: transparent;\r\n    border-radius: 0;\r\n    padding: 7px 10px;\r\n}\r\n#search-btn {\r\n    background-color: var(--plenoil-orange);\r\n    color: #fff;\r\n    border-radius: 0;\r\n    font-size: 18px !important;\r\n}\r\n#vermas-btn{\r\n\tbackground-color: var(--plenoil-orange);\r\n    color: #fff;\r\n    border-radius: 8px;\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: center;\r\n    cursor: pointer;\r\n}\r\n#containerProvincias{\r\n    position: absolute;\r\n    top: 20px;\r\n    left: 15px;\r\n    background: #fff;\r\n    max-width: 400px;\r\n    height: auto;\r\n    overflow: auto;\r\n    width: auto;\r\n    background-color: white;\r\n    padding: 5px 10px;\r\n    border-radius: 10px;\r\n}\r\n\r\n#filtroGasolineras .ico{\r\n\twidth:16px;\r\n}\r\n#filtroRecargaElectrica .ico{\r\n\twidth:25px;\r\n}\r\n#filtroLavaderos .ico{\r\n\twidth:27px;\r\n}\r\n#locate-me, #filtroGasolineras, #filtroRecargaElectrica, #filtroLavaderos  {\r\n    background-color: #fff;\r\n    color: #aaa;\r\n    border-radius: 0;\r\n    font-size: 12px !important;\r\n\tpadding: 0px 10px;\r\n    border-radius: 7px;\r\n\tdisplay:flex;\r\n\tflex-direction: row;\r\n    align-items: center;\r\n\tcursor: pointer;\r\n}\r\n#filtroGasolineras.active, #filtroRecargaElectrica.active, #filtroLavaderos.active  {\r\n    background-color: var(--plenoil-orange);\r\n    color: #fff;\r\n}\r\n#filtroGasolineras.active .ico, #filtroRecargaElectrica.active .ico, #filtroLavaderos.active .ico  {\r\n\tfilter: brightness(0) invert(1);\r\n}\r\n\r\n\r\n\r\n#locate-me{\r\n\tbackground-color: #aaa;\r\n\tcolor:#fff;\r\n\twidth: 40px;\r\n\theight:40px;\r\n\tjustify-content: center;\r\n}\r\n#filtroGasolineras, #filtroRecargaElectrica, #filtroLavaderos{\r\n    padding: 6px 10px;\r\n\tbox-shadow: 0 .4rem 0.4rem rgba(0,0,0,.20)!important;\r\n}\r\n\r\n.containerSearchBoxFiltros .btn:not(:last-of-type) {\r\n\tmargin-right: 5px;\r\n}\r\n\r\n#filtroGasolineras span, #filtroRecargaElectrica span, #filtroLavaderos span{\r\n\tfont-size:11px;\r\n\tmargin-left:5px;\r\n\tdisplay:inline-block;\r\n}\r\n\r\n#filter-btn {\r\n    background-color: var(--plenoil-orange);\r\n    color: #fff;\r\n    border-radius: 0;\r\n    font-size: 18px !important;\r\n    width:100%;\r\n}\r\n\r\n.cabeceraResultados{\r\n\tdisplay:flex;\r\n\tflex-direction: row;\r\n    align-items: center;\r\n}\r\n\r\n.cabeceraResultados h3{\r\nmargin-bottom:0px;\r\n}\r\n#containerNumResultados{\r\n\tdisplay:flex;\r\n\tflex-direction: row;\r\n    align-items: center;\r\n}\r\n\r\n#containerNumResultados .ico{\r\nwidth:17px;\r\nmargin-right:10px;\r\nmargin-left:20px;\r\n}\r\n\r\nbody {\r\n    background: #f5f5f5;\r\n    background: linear-gradient(0deg, #f5f5f5 0%, #fff 100%);\r\n    background-attachment: fixed;\r\n}\r\n\r\n.container {\r\n    background-color: white;\r\n}\r\n\r\n.card {\r\n    padding: 10px;\r\n    background-color: transparent !important;\r\n\tborder-radius:0px;\r\n\tmargin:0px !important;\r\n\tborder-left: none;\r\n\tborder-right: none;\r\n\tborder-bottom: none;\r\n\tborder-top: solid 1px #e6e6e6;\r\n}\r\n\r\n.card .price{\r\n    font-size:20px;\r\n    font-weight: 600;\r\n\tcolor:#fff;\r\n}\r\n\r\n.productbox{\r\n\twidth:32%;\r\n\tdisplay:inline-block;\r\n\tborder:solid 1px;\r\n\tcolor:#fff;\r\n\ttext-center;\r\n\tpadding:7px;\r\n\r\n\tborder-radius: 15px;\r\n}\r\n\r\n.productbox:not(:last-of-type) {\r\n\tmargin-right:4px;\r\n}\r\n\r\n.productbox .product, .productbox .price{\r\ndisplay:block;\r\ntext-align:center;\r\n}\r\n.productbox .product{\r\n\tfont-size:10px;\r\n}\r\n.productbox .price{\r\n\tfont-size:13px;\r\n\tfont-weight: bold;\r\n}\r\n\r\n.productbox.sinplomo95{\r\n\tbackground-color: #007961;\r\n}\r\n.productbox.diesel{\r\n\tbackground-color: #1e282d;\r\n}\r\n.productbox.adblue{\r\n\tbackground-color: #0041a2;\r\n}\r\n\r\n.search-icon {\r\n    position: absolute;\r\n    left: 10px;\r\n    top: calc(50% - 0.5em); \/* Centra verticalmente el \u00edcono *\/\r\n    color: var(--plenoil-orange);\r\n}\r\n\r\n#store-list h3 {\r\n    font-size: 16px;\r\n    color: #000;\r\n    padding-bottom:3px;\r\n}\r\n#store-list p, #store-list div {\r\n    font-size: 13px;\r\n    line-height: 1.3;\r\n    margin-bottom: 3px;\r\n}\r\n#store-list a{\r\n    text-decoration:none;\r\n}\r\n\r\n    #plenoilmap #store-list a,\r\n    #plenoilmap #store-list a:hover,\r\n    #plenoilmap #store-list a:visited,\r\n    #plenoilmap #store-list a:focus{\r\n        color:#333;\r\n    }\r\n\t\r\n\t.gm-style-iw.gm-style-iw-c{\r\n\t\tmin-width: 310px !important;\r\n\t\tm_ax-height: 174px;\r\n\t\tmax-height: unset !important;\r\n\t\tpadding: 0px 10px 10px 10px;\r\n\t\tpadding-top: 14px;\r\n\t\tborder: none !important;\r\n\t}\r\n\t\r\n\t.gm-style .gm-style-iw-d{\r\n\t\toverflow:hidden !important;\r\n\t}\r\n\t\r\n\t.gm-ui-hover-effect>span{\r\n\t\tb_ackground-color: #fff;\r\n\t\t\r\n\t}\r\n\t.gm-ui-hover-effect {\r\n\t\topacity: 1;\r\n\t}\r\n\t\r\n\t.gm-style-iw button{\r\n\t\ttop: -2px !important;\r\n\t\tright: -2px !important;\r\n\t}\r\n\r\n\/* responsive *\/\r\n@media (max-width: 576px) {\r\n\t#map{\r\n\t\tmargin-top:70px;\r\n\t}\r\n\t\r\n    #search-box{\r\n        max-width: calc(100% - 60px);\r\n    }\r\n\t#plenoilmap .botonera{\r\n\t\tpadding:0px 10px !important;\r\n\t}\r\n\t\r\n\t#divContenedorDireccionBusqueda,\r\n    .c_ontainerListContainer {\r\n        max-width: none;\r\n        position: relative;\r\n        m_ax-height: 58vh;\r\n        width: calc(100% - 20px);\r\n        left:0px;\r\n\t\ttop: 10px;\r\n    }\r\n\t\r\n\t#containerProvincias {\r\n\t\tposition: static;\r\n\t\tbackground: #fff;\r\n\t\theight: auto;\r\n\t\twidth: calc(100% - 12px);\r\n\t\tmargin-left: 8px;\r\n\t}\r\n\t\r\n\t.containerSearchBox{\r\n        max-width: none;\r\n        position: relative;\r\n        max-height: 30vh;\r\n        width: calc(100%);\r\n        left:0px;\r\n\t\ttop: 0px;\r\n\t\tmargin-top: -120px;\r\n\t}\r\n\t\r\n\t.containerSearchFrame{\r\n        max-width: none;\r\n        position: relative;\r\n        max-height: 30vh;\r\n        width: calc(100% - 12px);\r\n\t\tmargin-top:10px;\r\n        left:8px;\r\n\t\ttop: 0px;\r\n\t\theight:autoM\r\n    }\r\n\t\r\n\t.dropdown .dropdown-list {\r\n\t\tleft: -200px !important;\r\n\t}\r\n\t\r\n\r\n\r\n\r\n\t.gm-style-iw.gm-style-iw-c{\r\n\t\tmin-width: 310px !important;\r\n\t\tm_ax-height: 173px !important;\r\n\t\tpadding:0px;\r\n\t\tpadding-top:17px;\r\n\t}\r\n\t\r\n\t.gm-style-iw-d{\r\n\t\tmin-width: 100% !important;\r\n\t\tmin-height:202px !important;\r\n\t}\r\n\t\r\n\t.productbox {\r\n\t\tpadding: 6px;\r\n\t\tborder-radius: 10px;\r\n\t}\r\n\t.bottom img, .popup-map img{\r\n\t\theight: 18px !important;\r\n\t\twidth:auto !important;\r\n\t}\r\n\t\r\n\t.btn-vermapa{\r\n\t\t\twidth:100%;\r\n\t}\r\n\t\r\n\t#filtroGasolineras .ico {\r\n\t\twidth: 12px;\r\n\t}\r\n\t#filtroRecargaElectrica .ico {\r\n\t\twidth: 20px;\r\n\t}\r\n\t#filtroLavaderos .ico {\r\n\t\twidth: 24px;\r\n\t}\r\n\t\r\n}\r\n@media (max-width: 767px) {\r\n\t\/* Responsive de los infoviews *\/\r\n\t#plenoilmap .top .name {\r\n\t\tfont-size: 12px;\r\n\t\tpadding-bottom: 1px;\r\n\t}\r\n\t#plenoilmap .top {\r\n\tpadding-top: 3px;\r\n    padding-bottom: 0px;\r\n\t}\r\n\t\r\n\t#plenoilmap  .street {\r\n\t\tpadding-bottom: 3px;\r\n\t\tfont-size:10px\r\n\t}\r\n\t#plenoilmap .botonera{\r\n\t\tpadding:0px;\r\n\t}\r\n\t#plenoilmap div.btn {\r\n\r\n\t\tpadding: 3px 8px;\r\n\t\tpadding-right: 8px;\r\n\t\tborder-radius: 10px;\r\n\t\th_eight: 20px;\r\n\t\tm_in-width: 101px;\r\n\r\n\t}\r\n\t#plenoilmap .botonera a, #plenoilmap .botonera a:hover, #plenoilmap .botonera a:link {\r\n\t\tfont-size:11px;\r\n\t}\r\n\t#plenoilmap  .bottom {\r\n\t\tpadding: 3px;\r\n\t\tmargin-top: 3px;\r\n\t\tfont-size: 11px;\r\n\t}\r\n\t#plenoilmap .prices {\r\n\t\tpadding:3px;\r\n\t}\r\n\t.mdi-24px.mdi-set, .mdi-24px.mdi:before {\r\n\t\tfont-size: 19px;\r\n\t}\r\n\t\r\n\t.productbox .product {\r\n\t\tfont-size: 8px;\r\n\t}\r\n\r\n}\r\n\r\n\r\n.dropdown {\r\n    position: absolute;\r\n    top: 220px;\r\n    z-index: 10;\r\n    left: 359px;\r\n}\r\n\r\n.dropdown .dropdown-list {\r\n  padding: 15px 15px;\r\n  background: #fff;\r\n  position: absolute;\r\n  top: 50px;\r\n  left: 0;\r\n  right: 0;\r\n  border: 1px solid rgba(0, 0, 0, 0.2);\r\n  max-height: 290px;\r\n  overflow-y: auto;\r\n  background: #fff;\r\n  display: none;\r\n  z-index: 10;\r\n  min-width: 190px;\r\n}\r\n\r\n.dropdown .dropdown-list .mdi{\r\n\tcolor:var(--plenoil-orange);\r\n}\r\n.dropdown .checkbox {\r\n  opacity: 0;\r\n  transition: opacity 0.2s;\r\n}\r\n.dropdown .dropdown-label {\r\n\tdisplay: block;\r\n    height: 44px;\r\n    font-size: 21px;\r\n    line-height: 42px;\r\n    background: var(--plenoil-orange);\r\n    color: #fff;\r\n    border: 1px solid rgba(0, 0, 0, 0.2);\r\n    padding: 0 10px;\r\n    cursor: pointer;\r\n    border-radius: 7px;\r\n    position: relative;\r\n}\r\n.dropdown .dropdown-label:before {\r\n  display:none;\r\n  content: \"\u25bc\";\r\n  position: absolute;\r\n  right: 20px;\r\n  top: 50%;\r\n  transform: translateY(-50%);\r\n  transition: transform 0.25s;\r\n  transform-origin: center center;\r\n}\r\n.dropdown.open .dropdown-list {\r\n  display: block;\r\n}\r\n.dropdown.open .checkbox {\r\n  transition: 2s opacity 2s;\r\n  opacity: 1;\r\n}\r\n.dropdown.open .dropdown-label:before {\r\n  transform: translateY(-50%) rotate(-180deg);\r\n}\r\n\r\n.dropdown .checkbox {\r\n  margin-bottom: 10px;\r\n}\r\n.dropdown .checkbox:last-child {\r\n  margin-bottom: 0;\r\n}\r\n.dropdown .checkbox .checkbox-custom {\r\n  display: none;\r\n}\r\n.dropdown .checkbox .checkbox-custom-label {\r\n  display: inline-block;\r\n  position: relative;\r\n  vertical-align: middle;\r\n  cursor: pointer;\r\n}\r\n.dropdown .checkbox .checkbox-custom + .checkbox-custom-label:before {\r\n  content: \"\";\r\n  background: transparent;\r\n  display: inline-block;\r\n  vertical-align: middle;\r\n  margin-right: 10px;\r\n  text-align: center;\r\n  width: 20px;\r\n  height: 20px;\r\n  border: 1px solid rgba(0, 0, 0, 0.3);\r\n  border-radius: 2px;\r\n  margin-top: -10px;\r\n}\r\n.checkbox .checkbox-custom:checked + .checkbox-custom-label:after {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 2px;\r\n  left: 7px;\r\n  height: 12px;\r\n  padding: 2px;\r\n  transform: rotate(45deg);\r\n  text-align: center;\r\n  border: solid #000;\r\n  border-width: 0 2px 2px 0;\r\n}\r\n.checkbox .checkbox-custom-label {\r\n  line-height: 16px;\r\n  font-size: 11px;\r\n  margin-right: 0;\r\n  margin-left: 0;\r\n  color: black;\r\n}\r\n\r\n#select-provincias{\r\nborder: 1px solid rgba(0, 0, 0, 0.3);\r\nborder-radius: 0px;\r\nfont-size:16px;\r\npadding: 5px;\r\nwidth:100%;\r\ncolor:#666;\r\nborder:0px;\r\nbackground-color: #fff;\r\n}\r\n\r\n\/* Tooltip container *\/\r\n.tooltip2 {\r\n  position: relative;\r\n  display: inline-block;\r\n  border-bottom: 1px dotted black; \/* If you want dots under the hoverable text *\/\r\n}\r\n\r\n\/* Tooltip text *\/\r\n.tooltip2 .tooltiptext {\r\n  visibility: hidden;\r\n  width: 130px;\r\n    left: -45px;\r\n    top: -20px;\r\n  background-color: black;\r\n  color: #fff;\r\n  text-align: center;\r\n  padding: 5px;\r\n  border-radius: 3px;\r\n  font-size:13px;\r\n \r\n  \/* Position the tooltip text - see examples below! *\/\r\n  position: absolute;\r\n  z-index: 1;\r\n}\r\n\r\n\/* Show the tooltip text when you mouse over the tooltip container *\/\r\n.tooltip2:hover .tooltiptext {\r\n  visibility: visible;\r\n  }\r\n  \r\n@media (max-width: 767px){\r\n\t.elementor-10535 .elementor-element.elementor-element-bb9c8f2 .elementor-heading-title {\r\n\t\tfont-size: 25px;\r\n\t\tline-height: 1;\r\n\t}\r\n\r\n\t#plenoilmap .mapContainer {\r\n\t\tmin-height: 325px;\r\n\t\tmax-height: 530px;\r\n\t\theight: 100%;\r\n\t}\r\n}\r\n\r\n.oculto{\r\ndisplay:none;\r\n}\r\n\r\n\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c82d11d elementor-widget elementor-widget-html\" data-id=\"c82d11d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script>\n\/\/ Ingl\u00e9s\nvar ver_estacion = \"View station\";\nvar como_llegar = \"Get there\";\nvar ver = \"See\";\nvar diesel = \"DIESEL\";\nvar sin_plomo_95 = \"UNLEADED 95\";\nvar adblue = \"ADBLUE\";\nvar no_se_encontraron_resultados = \"No results found\";\nvar mi_ubicacion = \"My location\";\nvar ubicacion_de_busqueda = \"Search location\";\nvar ver_en_mapa = \"View on map\";\nvar distancia_km = \"Distance\";\nvar duracion = \"Duration\";\nvar geolocalizacion_no_soportada = \"Geolocation is not supported by your browser\";\nvar no_se_pudo_determinar_tu_ubicacion = \"Unable to determine your location\";\nvar descuento_palma=\"Additionally -20 cents. less for Islas Verdes\";\nvar idioma = \"en\";\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-96bfc02 oculto elementor-widget elementor-widget-html\" data-id=\"96bfc02\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t         <script src=\"https:\/\/maps.googleapis.com\/maps\/api\/js?key=AIzaSyCRXx8np4ADnd4LULXnWTr24pFgYTapoGI&libraries=places,geometry&callback=initMap\" async defer><\/script>\r\n\r\n <script>\r\n            var map;\r\n\t\t\t\r\n            var directionsDisplay;\r\n            var markers = [];\r\n\t\t\t\r\n\t\t\tvar marcadorDeBusquedaActual;\r\n\t\t\t\r\n\t\t\tvar stores = [];\r\n\t\t\tvar storesFiltrados = [];\r\n\t\t\t\r\n\t\t\tvar provinciaSeleccionada=\"\";\r\n\t\t\t\r\n\t\t\tvar searchBox;\r\n\t\t\tvar clearBtn = document.getElementById('clear-btn');\r\n\t\t\tclearBtn.style.display=\"none\";\r\n\t\t\tvar input;\r\n\t\t\t\r\n\t\t\tvar centrarEnBusqueda = false;\r\n\t\t\t\r\n\t\t\tconst Filtro = {\r\n\t\t\t  GASOLINERAS: 1,\r\n\t\t\t  RECARGA_ELECTRICA: 2,\r\n\t\t\t  LAVADEROS: 3\r\n\t\t\t}\r\n\t\t\tvar SeleccionFiltro = Filtro.GASOLINERAS;\r\n\t\t\t\r\n\t\t\tvar miUbicacion;\r\n\t\t\t\r\n\t\t\t\/\/ Configura el oyente del evento click en el mapa\r\n            var geocoder;\r\n\t\t\t\r\n\r\n\r\n\t\t\t\/\/ Realiza la solicitud HTTP usando fetch\r\n\t\t\tfetch('\/estaciones_datos\/json.php')\r\n\t\t\t  .then(response => {\r\n\t\t\t\t\/\/ Verifica si la solicitud fue exitosa (c\u00f3digo 200)\r\n\t\t\t\tif (!response.ok) {\r\n\t\t\t\t  throw new Error('Network response was not ok');\r\n\t\t\t\t}\r\n\t\t\t\t\/\/ Parsea la respuesta JSON\r\n\t\t\t\treturn response.json();\r\n\t\t\t  })\r\n\t\t\t  .then(data => {\r\n\t\t\t\t\/\/ Guarda el array JSON en la variable gasolineras\r\n\t\t\t\tstores = data;\r\n\t\t\t\t\/\/console.log(gasolineras);\r\n\t\t\t\t\r\n            \/\/ Definimos precios de gasolineras\r\n            stores.forEach(function (store) {\r\n\t\t\t\tvar precio1 = encuentraPrecio(store.idalvic, \"diesel\");\r\n\t\t\t\tstore.precioDiesel =  (precio1 ? precio1.toLocaleString('es-ES', { maximumFractionDigits: 3 }) + \" \u20ac\" : \"-\");\r\n\t\t\t\tvar precio2 = encuentraPrecio(store.idalvic,\"splomo\");\r\n\t\t\t\tstore.precioSuper = (precio2 ? precio2.toLocaleString('es-ES', { maximumFractionDigits: 3 }) + \" \u20ac\" : \"-\");\r\n\t\t\t\tvar precio3 = encuentraPrecio(store.idalvic,\"AdBlue\");\r\n\t\t\t\tstore.precioAdBlue = (precio3 ? precio3.toLocaleString('es-ES', { maximumFractionDigits: 3 }) + \" \u20ac\" : \"-\");\r\n\t\t\t\tstore.urlweb = URL2EntornoActual(store.urlweb); \/\/ Transformo la url dependiendo si estoy en staging o en producci\u00f3n\r\n                \/\/store.urlweb = store.urlweb;\r\n\t\t\t\tstore.surtidores = store.surtidores || 0;\r\n\t\t\t\tstore.lavaderos = store.lavaderos || 0;\r\n\t\t\t\tstore.aspiradores = store.aspiradores || 0;\r\n\t\t\t\tstore.cargadores = store.cargadores || 0;\r\n            });\r\n\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t  })\r\n\t\t\t  .catch(error => {\r\n\t\t\t\tconsole.error('Hubo un problema con la solicitud:', error);\r\n\t\t\t  });\r\n\r\n\r\n\r\n\r\n\r\n\r\n            function initMap() {\r\n                map = new google.maps.Map(document.getElementById('map'), {\r\n                    \/\/center: { lat: 40.4165, lng: -3.7026 },  \/\/ coordenadas de Madrid\r\n\t\t\t\t\tcenter: { lat: 37.38283, lng: -5.9731 },  \/\/ coordenadas centradas para ver Canarias \r\n                    zoom: 5,\r\n                    disableDefaultUI: true,\r\n\t\t\t\t\tgestureHandling: \"greedy\",\r\n                    mapTypeControl: false,\r\n                    zoomControl: true,\r\n                    \r\n\r\n\r\n\r\n                });\r\n\r\n\t\t\t\tgeocoder = new google.maps.Geocoder;\r\n\r\n\r\n                var miLocation;\r\n                var lastInfoWindow;\r\n                \r\n    \t\t\tinput = document.getElementById('search-input');\r\n\t\t\t\tinput.addEventListener('change', function(){\r\n\t\t\t\t\tcentrarEnBusqueda = true;\r\n\t\t\t\t})\r\n    \t\t\tsearchBox = new google.maps.places.SearchBox(input);\r\n    \t\t\tvar searchBtn = document.getElementById('search-btn'); \/\/ Referencia al bot\u00f3n de b\u00fasqueda\r\n\t\t\t\tvar filterBtn = document.getElementById('filter-btn');\r\n\t\t\t\r\n\r\n\r\n                clearBtn.addEventListener('click', function () {\r\n\t\t\t\t\tinput = document.getElementById('search-input');\r\n\t\t\t\t\tinput.value=\"\";\r\n\t\t\t\t\tif (directionsDisplay){\r\n\t\t\t\t\t\tdirectionsDisplay.set('directions', null); \/\/ Borra la ruta de la barra de direcciones\r\n\t\t\t\t\t}\r\n\t\t\t\t\tinput.focus();\r\n\t\t\t\t\tclearBtn.style.display = \"none\";\t\r\n                });\r\n\t\t\t\t\r\n\t\t\t\t\/\/ FILTER\r\n\t\t\t\tfilterBtn.addEventListener('click', function () {\r\n\t\t\t\t\tdocument.querySelector('.dropdown').classList.remove('open');\r\n\t\t\t\t\tgoogle.maps.event.trigger(searchBox, 'places_changed');\r\n\t\t\t\t});\r\n\r\n\r\n                \/\/markers = [];\r\n                searchBox.addListener('places_changed', function () {\r\n\t\t\t\t\r\n\t\t\t\t\tinput = document.getElementById('search-input');\r\n\t\t\t\t\tif(input.value.trim() !== ''){\r\n\t\t\t\t\t\tclearBtn.style.display = \"block\";\t\t\t\r\n\t\t\t\t\t}\r\n\t\t\t\t\tsetTimeout(function () {\r\n\t\t\t\t\t\trealizaBusquedaTotal();\r\n\t\t\t\t\t\t}, 500);\r\n                });\r\n\r\n\r\n                map.addListener('bounds_changed', function () {\r\n                    searchBox.setBounds(map.getBounds());\r\n                });\r\n\t\t\t\t\r\n\t\t\t\t\r\n\r\n\r\n\t\t\t\t\r\n\t\t\t\tfunction addMarkers(){\r\n\r\n\t\t\t\t\tstoresFiltrados.forEach(function (store) {\r\n\t\t\t\t\t\tvar marker = new google.maps.Marker({\r\n\t\t\t\t\t\t\tcodigo: store.idalvic,\r\n\t\t\t\t\t\t\tposition: getLatLong(store.latitud, store.longitud),\r\n\t\t\t\t\t\t\ticon: {\r\n\t\t\t\t\t\t\t\turl: '\/wp-content\/uploads\/2024\/02\/plenoilmark2.png',\r\n\t\t\t\t\t\t\t\tscaledSize: new google.maps.Size(24, 24)\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\tmap: map,\r\n\t\t\t\t\t\t\ttitle: store.nombre\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t});\r\n\r\n\r\n\t\t\t\t\t\tmarkers[store.idalvic] = marker;\r\n\r\n\r\n\t\t\t\t\t\t\/\/alert(marker.position);\r\n\r\n\r\n\r\n\r\n\t\t\t\t\t\tvar infowindow = new google.maps.InfoWindow({\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\tcontent: '<div id=\"content\" class=\"popup-map\">' +\r\n\t\t\t\t\t\t\t\t'<div class=\"inner\">' +\r\n\t\t\t\t\t\t\t\t'   <div class=\"top\">' +\r\n\t\t\t\t\t\t\t\t'           <div class=\"name\"><img decoding=\"async\" class=\"ico\" src=\"\/wp-content\/uploads\/2024\/02\/gasolinera.svg\" style=\"margin-right:6px; margin-left: 0px;\">' + store.nombre + '<\/div>' +\r\n\t\t\t\t\t\t\t\t'           <div class=\"street\">' + store.direccion + '<\/div>' +\r\n\t\t\t\t\t\t\t\t'           <div class=\"street\">' + store.poblacion + ' (' + store.provincia.toUpperCase() + ')<\/div>' +\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t'  <div class=\"prices\">'\r\n\t\t\t\t\t\t\t\t+ ((store.precioDiesel && store.precioDiesel != \"\" && store.precioDiesel != \"-\") ?\r\n\t\t\t\t\t\t\t\t'\t\t<div class=\"productbox diesel\">' +\r\n\t\t\t\t\t\t\t\t\t\t\t'<span class=\"product\">' + diesel + '<\/span> ' +\r\n\t\t\t\t\t\t\t\t\t\t\t'<span class=\"price\">' + store.precioDiesel + '<\/span>' +\r\n\t\t\t\t\t\t\t\t'\t\t<\/div>' : '') \r\n\t\t\t\t\t\t\t\t+ ((store.precioSuper && store.precioSuper != \"\" && store.precioSuper != \"-\") ? \r\n\t\t\t\t\t\t\t\t'\t\t<div class=\"productbox sinplomo95\">' +\r\n\t\t\t\t\t\t\t\t'\t\t\t<span class=\"product\">' + sin_plomo_95 + '<\/span> ' +\r\n\t\t\t\t\t\t\t\t'\t\t\t<span class=\"price\">' + store.precioSuper + '<\/span> ' +\r\n\t\t\t\t\t\t\t\t'\t\t<\/div>' : '') \r\n\t\t\t\t\t\t\t\t+ ((store.precioAdBlue && store.precioAdBlue != \"\" && store.precioAdBlue != \"-\") ? \r\n\t\t\t\t\t\t\t\t'\t\t<div class=\"productbox adblue\">' +\r\n\t\t\t\t\t\t\t\t'\t\t\t<span class=\"product\">' + adblue + '<\/span> ' +\r\n\t\t\t\t\t\t\t\t'\t\t\t<span class=\"price\">' + store.precioAdBlue + '<\/span>' +\r\n\t\t\t\t\t\t\t\t'\t\t<\/div>' : '')\r\n\t\t\t\t\t\t\t\t+\r\n\t\t\t\t\t\t\t\t'  <\/div>' +\r\n\t\t\t\t\t\t\t\t\/\/ LAPALMA INICIO\r\n\t\t\t\t\t\t\t\t((store.idalvic==196)?\t'  \t\t<div style=\"padding-top:5px; padding-bottom:3px; color:black;\"><strong>'+descuento_palma+'<\/strong><\/div>' : '')  +\r\n\t\t\t\t\t\t\t\t\/\/ LAPALMA FIN\r\n\t\t\t\t\t\t\t\t'   <\/div>' +\r\n\t\t\t\t\t\t\t\t'   <div class=\"bottom\">' +\r\n\t\t\t\t\t\t\t\t\/\/'\t\t\t' + (store.surtidores>0 ? '<i class=\"mdi mdi-gas-station mdi-24px\"><\/i> '+store.surtidores:'') +\r\n\t\t\t\t\t\t\t\t\/\/'\t\t\t' + (store.lavaderos>0 ? '<i class=\"mdi mdi-car-wash mdi-24px\"><\/i> '+store.lavaderos:'') +\r\n\t\t\t\t\t\t\t\t\/\/'\t\t\t' + (store.aspiradores>0 ? '<i class=\"mdi mdi-vacuum mdi-24px\"><\/i> '+store.aspiradores:'') +\r\n\t\t\t\t\t\t\t\t\/\/'\t\t\t' + (store.cargadores>0 ? '<i class=\"mdi mdi-ev-station mdi-24px\"><\/i> '+store.cargadores:'') +\r\n\t\t\t\t\t\t\t\t'\t\t\t' + (store.surtidores>0 ? '<img decoding=\"async\" class=\"ico\" style=\"width:17px; margin-left:10px;\" src=\"\/wp-content\/uploads\/2024\/02\/gasolinera-outline.svg\" \/> '+store.surtidores:'') +\r\n\t\t\t\t\t\t\t\t'\t\t\t' + (store.cargadores>0 ? '<img decoding=\"async\" class=\"ico\" style=\"width:19px; margin-left:10px;\" src=\"\/wp-content\/uploads\/2024\/02\/recarga.svg\" \/> '+store.cargadores:'') +\r\n\t\t\t\t\t\t\t\t'\t\t\t' + (store.lavaderos>0 ? '<img decoding=\"async\" class=\"ico\" style=\"width:26px; margin-left:10px;\" src=\"\/wp-content\/uploads\/2024\/02\/lavadero.svg\" \/> '+store.lavaderos:'') +\r\n\t\t\t\t\t\t\t\t'   <\/div>' +\r\n\t\t\t\t\t\t\t\t'   <\/div>' +\r\n\t\t\t\t\t\t\t\t'<\/div>' +\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t'   <div class=\"botonera\">' +\r\n\t\t\t\t\t\t\t\t'      <div class=\"btn\" style=\"width:50%\"><a href=\"https:\/\/www.google.com\/maps?q=' + store.latitud + ',' + store.longitud + '\" target=\"_blank\">' + como_llegar + ' <img decoding=\"async\" src=\"\/wp-content\/plugins\/plenoil-mapa\/img\/ubicacion-b.svg\" alt=\"' + ver + '\"><\/a><\/div>' +\r\n\t\t\t\t\t\t\t\t\/\/'      <div class=\"view btn\"><a href=\"' + store.urlweb + '?d=' + store.precioDiesel + '&s=' + store.precioSuper + '&ab=' + store.precioAdBlue + '\" target=\"_blank\">' + ver_estacion + ' <img decoding=\"async\" src=\"\/wp-content\/plugins\/plenoil-mapa\/img\/icono-vista-previa-b.svg\" alt=\"' + ver + '\"><\/a><\/div>' +\r\n\t\t\t\t\t\t\t\t\/\/'      <div class=\"view btn\" style=\"float:right; margin-right:3px\"><a href=\"' + store.urlweb + '?d=' + store.precioDiesel + '&s=' + store.precioSuper + '&ab=' + store.precioAdBlue + '\" target=\"_blank\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/02\/right-arrow-svgrepo-com.svg\" alt=\"' + ver_estacion + '\"><\/a><\/div>' +\r\n\t\t\t\t\t\t\t\t'      <div class=\"view btn\" style=\"float:right; margin-right:3px\"><a href=\"' + store.urlweb + '?lang=' + idioma + '\" target=\"_blank\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/02\/right-arrow-svgrepo-com.svg\" alt=\"' + ver_estacion + '\"><\/a><\/div>' +\r\n\t\t\t\t\t\t\t\t'   <\/div>' +\r\n\r\n\t\t\t\t\t\t\t\t'<\/div>' +\r\n\t\t\t\t\t\t\t\t'<\/div>'\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t});\r\n\r\n\t\t\t\t\t\tmarker.addListener('click', function () {\r\n\r\n\t\t\t\t\t\t\tif (lastInfoWindow) { \/\/ si hay una infowindow abierta, la cerramos\r\n\t\t\t\t\t\t\t\tlastInfoWindow.close();\r\n\t\t\t\t\t\t\t}\r\n\r\n\r\n\t\t\t\t\t\t\tinfowindow.open(map, marker);\r\n\r\n\t\t\t\t\t\t\tlastInfoWindow = infowindow;\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t});\r\n\t\t\t\t\r\n\t\t\t\t} \/\/ fin funcion addmarkers\r\n\t\t\t\t\r\n\r\n                function realizaBusquedaTotal() {\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\/\/console.info(\"realizaBusquedaTotal\");\r\n\t\t\t\t\t\r\n\t\t\t\t\t\/\/console.info(\"searchBox \" + searchBox);\r\n\t\t\t\t\t\r\n                    var places = searchBox.getPlaces();\r\n\t\t\t\t\t\r\n\t\t\t\t\tconsole.info(\"places: \" + places);\r\n\r\n\t\t\t\t\tif (places){\r\n\t\t\t\t\t\tif (places.length == 0) {\r\n\t\t\t\t\t\t\treturn;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\tmiPosicion = places[0].geometry.location;\r\n\t\t\t\t\t}else{\r\n\t\t\t\t\t\tmiPosicion = map.miLocation;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tRealizarFiltrado();\r\n\t\t\t\t\t\r\n\t\t\t\t\tdeleteMarkers();\r\n\t\t\t\t\t\r\n\t\t\t\t\tif(directionsDisplay){\r\n\t\t\t\t\t\tdirectionsDisplay.setMap(null); \/\/ Quita la ruta del mapa\r\n\t\t\t\t\t}\r\n\t\t\t\t\t\r\n\t\t\t\t\tconsole.log(\"a\u00f1ado \" + storesFiltrados.length);\r\n\t\t\t\t\r\n\t\t\t\t\taddMarkers();\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\/*\r\n                    var bounds = new google.maps.LatLngBounds();\r\n\t\t\t\t\tif (places){\r\n\t\t\t\t\t\tplaces.forEach(function (place) {\r\n\t\t\t\t\t\t\tif (!place.geometry) {\r\n\t\t\t\t\t\t\t\t\/\/console.log(\"Returned place contains no geometry\");\r\n\t\t\t\t\t\t\t\treturn;\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t\r\n\r\n\t\t\t\t\t\t\tif (place.geometry.viewport) {\r\n\t\t\t\t\t\t\t\tbounds.union(place.geometry.viewport);\r\n\t\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\t\tbounds.extend(place.geometry.location);\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t}\r\n\t\t\t\t\t*\/\r\n\t\t\t\t\t\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\tconsole.info(\"provinciaSeleccionada:\" + provinciaSeleccionada);\r\n\t\t\t\t\tif (provinciaSeleccionada.trim() ==\"xxx\"){\r\n\t\t\t\t\t\t\/\/ Ajusta el mapa para que se ajuste a todos los marcadores\r\n\t\t\t\t\t\tfitBounds(map, markers);\r\n\t\t\t\t\t}else{\r\n\t\t\t\t\t\tif (miPosicion){\r\n\t\t\t\t\t\t\t\/\/ Calcula las distancias en l\u00ednea recta para cada gasolinera\r\n\t\t\t\t\t\t\tstoresFiltrados.forEach(function (store) {\r\n\r\n\t\t\t\t\t\t\t\t\tvar distance = google.maps.geometry.spherical.computeDistanceBetween(\r\n\t\t\t\t\t\t\t\t\t\tnew google.maps.LatLng(getLatLong(store.latitud, store.longitud)), miPosicion\r\n\t\t\t\t\t\t\t\t\t);\r\n\r\n\t\t\t\t\t\t\t\t\t\/\/ Convierte la distancia de metros a kil\u00f3metros y redondea a dos decimales\r\n\t\t\t\t\t\t\t\t\tstore.distance = (distance \/ 1000).toFixed(2);\r\n\r\n\t\t\t\t\t\t\t});\r\n\r\n\t\t\t\t\t\t\t\/\/ Ordena las gasolineras por distancia y actualiza la lista\r\n\t\t\t\t\t\t\tstoresFiltrados.sort(function (a, b) {\r\n\t\t\t\t\t\t\t\treturn a.distance - b.distance;\r\n\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\r\n\t\t\t\t\t\t\tupdateStoreList(storesFiltrados);\r\n\r\n\t\t\t\t\t\t\tsituaMiBusqueda(miPosicion, geocoder);\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tif(centrarEnBusqueda){\r\n\t\t\t\t\t\t\t\tcentraMapa(miPosicion, 8);\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\tcentrarEnBusqueda = false;\r\n\r\n\t\t\t\t\t\t\tif (storesFiltrados.length>0){\r\n\t\t\t\t\t\t\t\tvar firstStoreLocation = getLatLong(storesFiltrados[0].latitud, storesFiltrados[0].longitud);\r\n\r\n\t\t\t\t\t\t\t\tif (map.miLocation) {\r\n\t\t\t\t\t\t\t\t\t\/\/pintarRutaEntreDosPuntos(map.miLocation, firstStoreLocation);\r\n\t\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t\tcalculaDistanciaTiempoEntreDosPuntos(map.miLocation, firstStoreLocation, storesFiltrados[0])\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t\t\r\n\t\t\t\t\t\/\/ Pinto numero de filtrados\r\n\t\t\t\t\tdocument.getElementById(\"numResultados\").innerHTML = storesFiltrados.length;\r\n\t\t\t\t\t\r\n\t\t\t\t\tconst listado = document.querySelector('.containerListContainer')\r\n\t\t\t\t\tif (storesFiltrados.length >0){\r\n\t\t\t\t\t\tlistado.classList.add(\"show\")\r\n\t\t\t\t\t}else{\r\n\t\t\t\t\t\tlistado.classList.remove(\"show\")\r\n\t\t\t\t\t}\r\n\r\n\r\n                }\r\n\r\n \r\n\r\n\r\n\r\n                google.maps.event.addListener(map, 'click', function (event) {\r\n                    geocoder.geocode({ 'location': event.latLng }, function (results, status) {\r\n                        if (status === 'OK') {\r\n                            if (results[0]) {\r\n                                \/\/ Actualiza el input con la direcci\u00f3n del primer resultado\r\n                                input.value = results[0].formatted_address;\r\n                            } else {\r\n                                window.alert('' + no_se_encontraron_resultados + '');\r\n                            }\r\n                        } else {\r\n                            window.alert('Geocoder fall\u00f3 debido a: ' + status);\r\n                        }\r\n                    });\r\n                });\r\n\r\n            }\r\n\t\t\t\r\n\t\t\tfunction centraMapa(latlng, zoom){\r\n                map.setCenter(latlng);\r\n                \/\/ si el nivel de zoom es mayor lo pone m\u00e1s peque\u00f1o\r\n\t\t\t\tif(!zoom){\r\n\t\t\t\t\tif (map.getZoom() < 6) {\r\n\t\t\t\t\t\tmap.setZoom(6);\r\n\t\t\t\t\t}else{\r\n\t\t\t\t\t\tmap.setZoom(zoom);\r\n\t\t\t\t\t}\r\n\t\t\t\t}else{\r\n\t\t\t\t\tmap.setZoom(zoom);\r\n\t\t\t\t}\r\n\t\t\t\t\r\n\t\t\t}\r\n\r\n            function situaMiBusqueda(latlng, geocoder, esMiUbicacion) {\r\n\r\n\t\t\t\t\/\/console.info(\"entro en mi busqueda\");\r\n                var icon;\r\n\t\t\t\t\r\n\t\t\t\t\/\/ Antes de agregar un nuevo marcador, verifica si ya hay uno existente y elim\u00ednalo\r\n\t\t\t\tif (marcadorDeBusquedaActual) {\r\n\t\t\t\t\tif (!esMiUbicacion){\r\n\t\t\t\t\t\t\/\/ Lo borro si no es mi ubicacion\r\n\t\t\t\t\t\tmarcadorDeBusquedaActual.setMap(null);\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\r\n\r\n                if (esMiUbicacion) {\r\n                    icon = {\r\n                        url: \"\/wp-content\/uploads\/2024\/02\/dotblue2.png\", \/\/ url de la imagen \r\n                        scaledSize: new google.maps.Size(22, 22), \/\/ tama\u00f1o de la imagen\r\n                    };\r\n\t\t\t\t\tmiUbicacion = latlng;\r\n\t\t\t\t\tmarcadorMiPosicion  = new google.maps.Marker({\r\n\t\t\t\t\t\tposition: latlng,\r\n\t\t\t\t\t\tmap: map,\r\n\t\t\t\t\t\ticon: icon, \/\/ establece el icono del marcador\r\n\t\t\t\t\t\ttitle: \"\" + mi_ubicacion + \"\",\r\n\t\t\t\t\t});\r\n                } else {\r\n\t\t\t\t\tif (latlng != miUbicacion){\r\n\t\t\t\t\t\ticon = {\r\n\t\t\t\t\t\t\turl: \"http:\/\/maps.google.com\/mapfiles\/ms\/icons\/blue-dot.png\", \/\/ url de la imagen \r\n\t\t\t\t\t\t\tscaledSize: new google.maps.Size(38, 38), \/\/ tama\u00f1o de la imagen\r\n\t\t\t\t\t\t};\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\tmarcadorDeBusquedaActual  = new google.maps.Marker({\r\n\t\t\t\t\t\t\tposition: latlng,\r\n\t\t\t\t\t\t\tmap: map,\r\n\t\t\t\t\t\t\ticon: icon, \/\/ establece el icono del marcador\r\n\t\t\t\t\t\t\ttitle: \"\" + ubicacion_de_busqueda + \"\",\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t}\r\n                }\r\n\r\n                \/\/ Crea un nuevo marcador y lo a\u00f1ade al mapa\r\n\r\n\r\n                \/\/ Centra el mapa en la ubicaci\u00f3n actual\r\n                \/\/map.setCenter(latlng);\r\n                \/\/ si el nivel de zoom es mayor lo pone m\u00e1s peque\u00f1o\r\n                \/\/if (map.getZoom() < 6) {\r\n                \/\/    map.setZoom(6);\r\n                \/\/}\r\n\t\t\t\t\r\n\t\t\t\t\/\/centraMapa(latlng)\r\n\r\n\r\n\r\n\t\t\t\tgeocoder = new google.maps.Geocoder;  \/\/ Inicializa el geocoder\r\n\r\n                geocoder.geocode({ 'location': latlng }, function (results, status) {\r\n                    if (status === 'OK') {\r\n                        if (results[0]) {\r\n                            document.getElementById('search-input').value = results[0].formatted_address;\r\n\r\n                            if (results[0].geometry.location == \"\") {\r\n                                document.querySelector('#clear-btn').style.display = 'none';\r\n                            } else {\r\n                                document.querySelector('#clear-btn').style.display = 'inline-block';\r\n                            }\r\n\r\n\r\n                        } else {\r\n                            window.alert(\"\" + no_se_encontraron_resultados + \"\");\r\n                        }\r\n                    } else {\r\n                        window.alert('Geocoder fallo debido a: ' + status);\r\n                    }\r\n                });\r\n\r\n            }\r\n\r\n\r\n            function updateStoreList(storesParam) {\r\n                var storeList = document.getElementById('store-list');\r\n                var delay = 1000;\r\n\t\t\t\tlet divElement = document.querySelector('.containerListContainer');\r\n                if (storesParam.length > 0) {\r\n\r\n\r\n                    \/\/ Muestra el div y a\u00f1ade la animaci\u00f3n\r\n\t\t\t\t\tif (divElement){\r\n\t\t\t\t\t\tdivElement.style.display = 'block';\r\n\t\t\t\t\t\tdivElement.classList.add('animate__animated', 'animate__bounceInLeft');  \/\/ A\u00f1ade la animaci\u00f3n\r\n\r\n\t\t\t\t\t\tlet divDireccionBusqueda = document.querySelector('#divDireccionBusqueda');\r\n\t\t\t\t\t\tdivDireccionBusqueda.classList.add('animate__animated', 'animate__bounceInLeft');  \/\/ A\u00f1ade la animaci\u00f3n\r\n\t\t\t\t\t\tdivDireccionBusqueda.innerHTML = document.getElementById('search-input').value;\r\n\t\t\t\t\t}\r\n\r\n\r\n\r\n                } else {\r\n                    \/\/ Si no hay resultados, oculta el div\r\n                    divElement.style.display = 'none';\r\n                }\r\n\r\n                storeList.innerHTML = '';\r\n                storesParam.forEach(function (store) {\r\n                    var listItem = document.createElement('div');\r\n                    listItem.classList.add('card');\r\n                    listItem.innerHTML = '<a href=\"#\" data-marker-id=\"' + store.idalvic + '\"><h3><img decoding=\"async\" class=\"ico\" style=\"width: 17px;vertical-align: -4px;margin-right: 2px;\" src=\"\/wp-content\/uploads\/2024\/02\/gasolinera-outline.svg\"> ' + store.nombre + '<\/h3>' +\r\n                        '<div class=\"pb-1\">' + store.direccion + ' ' + store.cpostal + '<\/div>' +\r\n                        '<div class=\"pb-1\">' + store.poblacion + ' (' + store.provincia.toUpperCase() + ')<\/div>' +\r\n                        \/\/'<div>Distancia: ' + store.distance + ' km. (l\u00ednea recta)<\/div>' +\r\n                        '<div class=\"pb-1 pt-3\" style=\"display: flex; align-items: center;\">' +\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t((store.precioDiesel && store.precioDiesel != \"\" && store.precioDiesel != \"-\") ?\r\n\t\t\t\t\t\t\t'<div class=\"productbox diesel\">' +\r\n\t\t\t\t\t\t\t\t'<span class=\"product\">' + diesel + '<\/span> ' +\r\n\t\t\t\t\t\t\t\t'<span class=\"price\">' + store.precioDiesel + '<\/span>' +\r\n\t\t\t\t\t\t\t'<\/div>' +\r\n\t\t\t\t\t\t'' : '') +\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t((store.precioSuper && store.precioSuper != \"\" && store.precioSuper != \"-\") ?\r\n\t\t\t\t\t\t\t'<div class=\"productbox sinplomo95\">' +\r\n\t\t\t\t\t\t\t\t'<span class=\"product\">' + sin_plomo_95 + '<\/span> ' +\r\n\t\t\t\t\t\t\t\t'<span class=\"price\">' + store.precioSuper + '<\/span> ' +\r\n\t\t\t\t\t\t\t'<\/div>' +\r\n\t\t\t\t\t\t'' : '') +\r\n\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t((store.precioAdBlue && store.precioAdBlue != \"\" && store.precioAdBlue != \"-\") ?\r\n\t\t\t\t\t\t\t'<div class=\"productbox adblue\">' +\r\n\t\t\t\t\t\t\t\t'<span class=\"product\">' + adblue + '<\/span> ' +\r\n\t\t\t\t\t\t\t\t'<span class=\"price\">' + store.precioAdBlue + '<\/span>' +\r\n\t\t\t\t\t\t\t'<\/div>' +\r\n\t\t\t\t\t\t'' : '') +\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t'<\/div>' +\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\/\/ LAPALMA INICIO\r\n\t\t\t\t\t\t((store.idalvic==196)?\t'  \t\t<div style=\"padding-top:5px; padding-bottom:3px; color:black;\"><strong>'+descuento_palma+'<\/strong><\/div>' : '')  +\r\n\t\t\t\t\t\t\/\/ LAPALMA FIN\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t'<div class=\"pb-1 pt-2\">' +\r\n\t\t\t\t\t\t\/\/'\t\t\t' + (store.surtidores>0 ? '<i class=\"mdi mdi-gas-station mdi-24px\"><\/i> '+store.surtidores:'') +\r\n\t\t\t\t\t\t\/\/'\t\t\t' + (store.lavaderos>0 ? '<i class=\"mdi mdi-car-wash mdi-24px\"><\/i> '+store.lavaderos:'') +\r\n\t\t\t\t\t\t\/\/'\t\t\t' + (store.aspiradores>0 ? '<i class=\"mdi mdi-vacuum mdi-24px\"><\/i> '+store.aspiradores:'') +\r\n\t\t\t\t\t\t\/\/'\t\t\t' + (store.cargadores>0 ? '<i class=\"mdi mdi-ev-station mdi-24px\"><\/i> '+store.cargadores:'') +\r\n\t\t\t\t\t\t'\t\t\t' + (store.surtidores>0 ? '<img decoding=\"async\" class=\"ico\" style=\"width:21px; margin-left:10px;\" src=\"\/wp-content\/uploads\/2024\/02\/gasolinera-outline.svg\" \/> '+store.surtidores:'') +\r\n\t\t\t\t\t\t'\t\t\t' + (store.cargadores>0 ? '<img decoding=\"async\" class=\"ico\" style=\"width:24px; margin-left:10px;\" src=\"\/wp-content\/uploads\/2024\/02\/recarga.svg\" \/> '+store.cargadores:'') +\r\n\t\t\t\t\t\t'\t\t\t' + (store.lavaderos>0 ? '<img decoding=\"async\" class=\"ico\" style=\"width:34px; margin-left:10px;\" src=\"\/wp-content\/uploads\/2024\/02\/lavadero.svg\" \/> '+store.lavaderos:'') +\r\n\t\t\t\t\t\t'<\/div>' +\r\n\r\n\t\t\t\t\t\t\r\n                        '<div class=\"c_ard p-2 pt-3 divkmtime\" id=\"divkmtime_' + store.idalvic + '\" style=\"display:none;\">' +\r\n                        ' <div>' + distancia_km + ': <strong id=\"km_' + store.idalvic + '\">' + store.drivingKM + '<\/strong><\/div>' +\r\n                        ' <div>' + duracion + ': <strong id=\"time_' + store.idalvic + '\">' + store.drivingTiempo + '<\/strong><\/div>' +\r\n                        '<\/div>' +\r\n                        '<div class=\"pt-2 pb-2\">' +\r\n\t\t\t\t\t\t'\t<div class=\"btn btn-vermapa\">' + ver_en_mapa + ' <i class=\"mdi mdi-map-marker-path\"><\/i><\/div>' +\r\n\t\t\t\t\t\t'<\/div>' +\r\n\t\t\t\t\t\t'<\/a>';\r\n\r\n\r\n                    \/\/ Oculta el elemento inicialmente\r\n                    listItem.style.display = 'none';\r\n                    listItem.classList.add('animate__animated'); \/\/ A\u00f1ade la clase base para las animaciones\r\n\r\n\r\n\r\n                    \/\/ Muestra el elemento con la animaci\u00f3n despu\u00e9s de un delay\r\n                    setTimeout(function () {\r\n                        listItem.style.display = 'block';\r\n                        listItem.classList.add('animate__fadeIn');\r\n                    }, delay);\r\n\r\n                    \/\/ Incrementa el delay para el pr\u00f3ximo elemento\r\n                    delay += 50; \/\/ Por ejemplo, incrementa el delay en 200ms para cada elemento\r\n\r\n\r\n\r\n                    storeList.appendChild(listItem);\r\n                });\r\n\r\n                \/\/ A\u00f1adir event listener a los links\r\n                var links = document.querySelectorAll('#store-list a');\r\n                links.forEach(function (link) {\r\n                    link.addEventListener('click', onLinkClick);\r\n                });\r\n\r\n\r\n            }\r\n\r\n            function getLatLong(latitud, longitud) {\r\n                return { lat: parseFloat(latitud), lng: parseFloat(longitud) };\r\n            }\r\n\t\t\t\r\n\t\t\tfunction RealizarFiltrado(){\r\n\t\t\t\t\t\/\/ Filtra stores basado en las condiciones dadas\r\n\t\t\t\t\tstoresFiltrados = stores.filter(function (store) {\r\n\t\t\t\t\t\tvar selectProvincias = document.getElementById('select-provincias');\r\n\t\t\t\t\t\tvar cumpleCondiciones = true;\r\n\t\t\t\t\t\tif(SeleccionFiltro == Filtro.GASOLINERAS){\r\n\t\t\t\t\t\t\tcumpleCondiciones = (store.surtidores > 0)\r\n\t\t\t\t\t\t}else if(SeleccionFiltro == Filtro.RECARGA_ELECTRICA){\r\n\t\t\t\t\t\t\tcumpleCondiciones = (store.cargadores > 0)\r\n\t\t\t\t\t\t}else if(SeleccionFiltro == Filtro.LAVADEROS){\r\n\t\t\t\t\t\t\tcumpleCondiciones = (store.lavaderos > 0)\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\tif (selectProvincias.value.trim() != \"\"){\r\n\t\t\t\t\t\t\tprovinciaSeleccionada = selectProvincias.value; \r\n\t\t\t\t\t\t\tcumpleCondiciones = cumpleCondiciones && (store.provincia.toLowerCase() == provinciaSeleccionada.toLowerCase()) ;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\treturn cumpleCondiciones;\r\n\t\t\t\t\t});\r\n\t\t\t\t\t\r\n\t\t\t\t\tconsole.info(\"Resultado del filtro:\" + storesFiltrados.length);\r\n\t\t\t}\r\n\/*\r\n\t\t\tfunction RealizarFiltrado(){\r\n\t\t\t\t\t\/\/ Filtra stores basado en las condiciones dadas\r\n\t\t\t\t\tstoresFiltrados = stores.filter(function (store) {\r\n\r\n\t\t\t\t\t\tvar miCheckbox1 = document.getElementById('checkbox-gasstation');\r\n\t\t\t\t\t\tvar miCheckbox2 = document.getElementById('checkbox-carwash');\r\n\t\t\t\t\t\tvar miCheckbox3 = document.getElementById('checkbox-vacuum');\r\n\t\t\t\t\t\tvar miCheckbox4 = document.getElementById('checkbox-evstation');\r\n\t\t\t\t\t\tvar selectProvincias = document.getElementById('select-provincias');\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\tprovinciaSeleccionada = selectProvincias.value; \r\n\t\t\t\t\t\tconsole.info(\"provinciaSeleccionada select:\" + provinciaSeleccionada);\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\tvar cumpleCondiciones = true;\r\n\r\n\t\t\t\t\t\tif (miCheckbox1.checked) {\r\n\t\t\t\t\t\t\tcumpleCondiciones = cumpleCondiciones && store.surtidores > 0;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\tif (miCheckbox2.checked) {\r\n\t\t\t\t\t\t\tcumpleCondiciones = cumpleCondiciones && store.lavaderos > 0;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\tif (miCheckbox3.checked) {\r\n\t\t\t\t\t\t\tcumpleCondiciones = cumpleCondiciones && store.aspiradores > 0;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\tif (miCheckbox4.checked) {\r\n\t\t\t\t\t\t\tcumpleCondiciones = cumpleCondiciones && store.cargadores > 0;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\tif (selectProvincias.value.trim() != \"\"){\r\n\t\t\t\t\t\t\tcumpleCondiciones = cumpleCondiciones && (store.provincia.toLowerCase() == provinciaSeleccionada.toLowerCase()) ;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\treturn cumpleCondiciones;\r\n\t\t\t\t\t});\r\n\t\t\t\t\t\r\n\t\t\t\t\tconsole.info(\"Resultado del filtro:\" + storesFiltrados.length);\r\n\t\t\t}\r\n*\/\r\n            \/\/ RUTA AL PUNTO MAS CERCANO\r\n\r\n            function pintarRutaEntreDosPuntos(latLngOrigen, latLngDestino) {\r\n\r\n\r\n\t\t\t\tif(latLngOrigen !== undefined){\r\n\t\t\t\t\t\r\n\t\t\t\t\t\/\/ Create a directions service object to use the route method and get a result for our request\r\n\t\t\t\t\tvar directionsService = new google.maps.DirectionsService();\r\n\r\n\t\t\t\t\t\/\/ Antes comprueba si ya existe una ruta pintada y la borra\r\n\t\t\t\t\tif (directionsDisplay != null) {\r\n\t\t\t\t\t\tdirectionsDisplay.setMap(null);\r\n\t\t\t\t\t\tdirectionsDisplay = null;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\/\/ Create a directions renderer object to display the route\r\n\t\t\t\t\tdirectionsDisplay = new google.maps.DirectionsRenderer({\r\n\t\t\t\t\t\tsuppressMarkers: true \/\/ Esto oculta los marcadores predeterminados\r\n\t\t\t\t\t});\r\n\r\n\t\t\t\t\t\/\/ Set the map to the directions renderer object\r\n\t\t\t\t\tdirectionsDisplay.setMap(map);\r\n\r\n\r\n\t\t\t\t\t\/\/ Create a request object for the route\r\n\t\t\t\t\tvar request = {\r\n\t\t\t\t\t\torigin: latLngOrigen,\r\n\t\t\t\t\t\tdestination: latLngDestino,\r\n\t\t\t\t\t\ttravelMode: 'DRIVING'\r\n\t\t\t\t\t};\r\n\r\n\t\t\t\t\t\/\/ Pass the directions request to the directions service\r\n\t\t\t\t\tdirectionsService.route(request, function (result, status) {\r\n\t\t\t\t\t\tif (status == 'OK') {\r\n\t\t\t\t\t\t\t\/\/ If the status is OK, then draw the route on the map\r\n\t\t\t\t\t\t\tdirectionsDisplay.setDirections(result);\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t});\r\n\t\t\t\t}\r\n\r\n\r\n            }\r\n\r\n            function calculaDistanciaTiempoEntreDosPuntos(latLngOrigen, latLngDestino, store) {\r\n\r\n\t\t\t\tif(latLngOrigen !== undefined){\r\n\t\t\t\t\tvar service = new google.maps.DistanceMatrixService();\r\n\r\n\t\t\t\t\tservice.getDistanceMatrix(\r\n\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\torigins: [latLngOrigen],\r\n\t\t\t\t\t\t\tdestinations: [latLngDestino],\r\n\t\t\t\t\t\t\ttravelMode: 'DRIVING',\r\n\t\t\t\t\t\t}, callback);\r\n\r\n\t\t\t\t\tfunction callback(response, status) {\r\n\t\t\t\t\t\tif (status == 'OK') {\r\n\t\t\t\t\t\t\tvar origins = response.originAddresses;\r\n\t\t\t\t\t\t\tvar destinations = response.destinationAddresses;\r\n\r\n\t\t\t\t\t\t\t\/\/ Oculto todos los bloques con la distancia y tiempo\r\n\t\t\t\t\t\t\tArray.from(document.querySelectorAll('.divkmtime'))\r\n\t\t\t\t\t\t\t\t.forEach(function (val) {\r\n\t\t\t\t\t\t\t\t\tval.style.display = 'none';\r\n\t\t\t\t\t\t\t\t});\r\n\r\n\t\t\t\t\t\t\tfor (var i = 0; i < origins.length; i++) {\r\n\t\t\t\t\t\t\t\tvar results = response.rows[i].elements;\r\n\t\t\t\t\t\t\t\tfor (var j = 0; j < results.length; j++) {\r\n\t\t\t\t\t\t\t\t\tvar element = results[j];\r\n\t\t\t\t\t\t\t\t\tvar distance = element.distance.text; \/\/ Esta es la distancia entre los dos puntos.\r\n\t\t\t\t\t\t\t\t\tvar duration = element.duration.text; \/\/ Este es el tiempo de viaje entre los dos puntos.\r\n\r\n\t\t\t\t\t\t\t\t\tstore.drivingKM = distance;\r\n\t\t\t\t\t\t\t\t\tstore.drivingTiempo = duration;\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\tdocument.getElementById('km_' + store.idalvic).innerHTML = distance;\r\n\t\t\t\t\t\t\tdocument.getElementById('time_' + store.idalvic).innerHTML = duration;\r\n\t\t\t\t\t\t\tdocument.getElementById('divkmtime_' + store.idalvic).style.display = \"block\";\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t\t\r\n\t\t\t\t}\r\n\r\n            }\r\n\r\n            \/\/ Funci\u00f3n para manejar el evento click del link\r\n            function onLinkClick(event) {\r\n                var storeId = this.dataset.markerId;\r\n                var marker = markers[storeId];\r\n\r\n                \/\/var marcador = markers.find(function (marker) {\r\n                \/\/    return marker.codigo == storeId;\r\n                \/\/});\r\n\r\n                \/\/ Levanto el marcador del mapa\r\n                if (marker) {\r\n                    google.maps.event.trigger(marker, 'click');\r\n                }\r\n\r\n                var tienda = storesFiltrados.find(function (store) {\r\n                    return store.idalvic == storeId;\r\n                });\r\n                pintarRutaEntreDosPuntos(map.miLocation, getLatLong(tienda.latitud, tienda.longitud));\r\n                calculaDistanciaTiempoEntreDosPuntos(map.miLocation, getLatLong(tienda.latitud, tienda.longitud), tienda)\r\n\r\n            }\r\n\t\t\r\n\t\t\t\r\n\t\t\tfunction encuentraPrecio(id, tipo) {\r\n\t\t\t\t\/\/ Buscar el objeto con el identificador especificado\r\n\t\t\t\tvar objetoEncontrado = datosPrecio[id];\r\n\r\n\t\t\t\t\/\/ Verificar si se encontr\u00f3 el objeto\r\n\t\t\t\tif (objetoEncontrado && tipo in objetoEncontrado) {\r\n\t\t\t\t\treturn parseFloat(objetoEncontrado[tipo]); \/\/ Convertir el precio a n\u00famero\r\n\t\t\t\t} else {\r\n\t\t\t\t\treturn null; \/\/ Devolver null si no se encontr\u00f3 el precio del tipo especificado\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\t\/\/ Borrar marcadores\r\n\t\t\tfunction deleteMarkers() {\r\n\t\t\t\tconsole.info(\"Se van a eliminar: \" +  markers.length + \" markers.\");\r\n\t\t\t\tmarkers.forEach(function(marker) {\r\n\t\t\t\t\tmarker.setMap(null); \/\/ Elimina el marcador del mapa\r\n\t\t\t\t});\r\n\t\t\t\tmarkers = []; \/\/ Limpia el array de marcadores\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\tfunction fitBounds(map, markers) {\r\n\t\t\t\tconsole.info(\"fitBounds-----\");\r\n\t\t\t\tconsole.info(\"map: \" + map);\r\n\t\t\t\tconsole.info(\"markers: \" + markers);\r\n\t\t\t\tvar bounds = new google.maps.LatLngBounds();\r\n\r\n\t\t\t\t\/\/ Extiende los l\u00edmites para incluir cada marcador\r\n\t\t\t\tmarkers.forEach(function (marker) {\r\n\t\t\t\t\tbounds.extend(marker.position);\r\n\t\t\t\t});\r\n\r\n\t\t\t\t\/\/ Ajusta el mapa para que se ajuste a los l\u00edmites\r\n\t\t\t\tmap.fitBounds(bounds);\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\tfunction setBusqueda(valor){\r\n\r\n\t\t\t\tif (valor==\"\"){\r\n\t\t\t\t\tinput.value=\"\";\r\n\t\t\t\t}else{\r\n\t\t\t\t\t\/\/ Geocodificar la direcci\u00f3n\r\n\t\t\t\t\tif (geocoder){\r\n\t\t\t\t\t\tgeocoder.geocode({ 'address': valor }, function(results, status) {\r\n\t\t\t\t\t\t\tif (status === 'OK') {\r\n\t\t\t\t\t\t\t\tvar latLng = results[0].geometry.location;\r\n\t\t\t\t\t\t\t\tcentraMapa(latLng,7);\r\n\r\n\t\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\t\talert('Geocode no tuvo \u00e9xito debido a: ' + status);\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\/\/ FILTRO BOTONES\r\n\tdocument.getElementById('filtroGasolineras').addEventListener('click', function () {\r\n\t\tdocument.querySelectorAll(\".containerSearchBoxFiltros .btn\").forEach(el => el.classList.remove('active'));\r\n\t\tdocument.getElementById('filtroGasolineras').classList.add(\"active\");\r\n\t\tSeleccionFiltro = Filtro.GASOLINERAS;\r\n\t\tgoogle.maps.event.trigger(searchBox, 'places_changed');\r\n\t});\r\n\r\n\tdocument.getElementById('filtroRecargaElectrica').addEventListener('click', function () {\r\n\t\tdocument.querySelectorAll(\".containerSearchBoxFiltros .btn\").forEach(el => el.classList.remove('active'));\r\n\t\tdocument.getElementById('filtroRecargaElectrica').classList.add(\"active\");\r\n\t\tSeleccionFiltro = Filtro.RECARGA_ELECTRICA;\r\n\t\tgoogle.maps.event.trigger(searchBox, 'places_changed');\r\n\t});\r\n\tdocument.getElementById('filtroLavaderos').addEventListener('click', function () {\r\n\t\tdocument.querySelectorAll(\".containerSearchBoxFiltros .btn\").forEach(el => el.classList.remove('active'));\r\n\t\tdocument.getElementById('filtroLavaderos').classList.add(\"active\");\r\n\t\tSeleccionFiltro = Filtro.LAVADEROS;\r\n\t\tgoogle.maps.event.trigger(searchBox, 'places_changed');\r\n\t});\r\n\t\r\n\tdocument.getElementById('select-provincias').addEventListener('change', function (){\r\n\t\tgoogle.maps.event.trigger(searchBox, 'places_changed');\r\n\t\tsetTimeout(function () {\r\n\t\t\tvar valor = document.getElementById('select-provincias').value + \", Espa\u00f1a\";\r\n\t\t\t\/\/alert(valor);\r\n\t\t\tsetBusqueda((valor).toUpperCase());\t\r\n\t\t},1200);\r\n\r\n\t});\r\n\r\n\r\n\r\n            \/\/ GEOLOCALIZACION\r\n\r\n            document.getElementById('locate-me').addEventListener('click', function () {\r\n                if (!navigator.geolocation) {\r\n                    \/\/ La Geolocalizaci\u00f3n no es soportada por este navegador\r\n                    alert(\"Geolocalizaci\u00f3n no es soportada por tu navegador\");\r\n\t\t\t\t\t\r\n\r\n\t\t\t\t\t\r\n                    return;\r\n                }\r\n\r\n                function success(position) {\r\n                    var latitude = position.coords.latitude;\r\n                    var longitude = position.coords.longitude;\r\n\r\n                    var latlng = new google.maps.LatLng(latitude, longitude);\r\n                    \r\n\r\n                    map.miLocation = latlng;\r\n\r\n                    situaMiBusqueda(latlng, geocoder, true);\r\n\t\t\t\t\t\r\n\t\t\t\t\t\/\/map.setCenter(latlng);\r\n\t\t\t\t\tcentraMapa(latlng, 10);\r\n\r\n\t\t\t\t\tgoogle.maps.event.trigger(searchBox, 'places_changed');\r\n\r\n\r\n                }\r\n\r\n                function error() {\r\n                    \/\/ No se pudo obtener la ubicaci\u00f3n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\/\/ Puerta del sol\r\n                    var latitude = 40.416729;\r\n                    var longitude = -3.703339 ;\r\n\r\n                    var latlng = new google.maps.LatLng(latitude, longitude);\r\n                    map.miLocation = latlng;\r\n                    \/\/situaMiBusqueda(latlng, geocoder, true);\r\n\t\t\t\t\t\r\n\t\t\t\t\t\/\/var latlngConCanarias = getLatLong(37, -15.5);\r\n\t\t\t\t\tcentraMapa(latlng,5);\r\n\t\t\t\t\tcentrarEnBusqueda = false;\r\n\t\t\t\t\t\r\n\t\t\t\t\t\/\/map.setCenter(latlng);\r\n\t\t\t\t\t\/\/centraMapa(latlng, 15);\r\n\t\t\t\t\t\r\n\t\t\t\t\tgoogle.maps.event.trigger(searchBox, 'places_changed');\r\n\t\t\t\t\t\r\n                    alert(\"\" + no_se_pudo_determinar_tu_ubicacion + \"\");\r\n\t\t\t\t\t\r\n                }\r\n\r\n\t\t\t\tconst options = {\r\n\t\t\t\t\tenableHighAccuracy: true\r\n\t\t\t\t};\r\n                navigator.geolocation.getCurrentPosition(success, error, options);\r\n            });\r\n\t\t\t\r\n            \/\/ lanzo el click en el boton de geolocalizarse\r\n            document.addEventListener('DOMContentLoaded', function () {\r\n                setTimeout(function () {\r\n                    document.getElementById('locate-me').click();\r\n\r\n                    \/\/updateStoreList(storesFiltrados);\r\n                }, 500);\r\n            });\r\n\t\t\t\r\n\r\n\t\t\tfunction URL2EntornoActual(urlOriginal) {\r\n\t\t\t\t\/\/ Crear objetos URL\r\n\t\t\t\tlet parsedUrl1 = new URL(urlOriginal);\r\n\t\t\t\tlet parsedUrl2 = new URL(window.location.href);\r\n\r\n\t\t\t\t\/\/ Reconstruir la URL original con el origen de la URL actual\r\n\t\t\t\tlet newUrl = `${parsedUrl2.protocol}\/\/${parsedUrl2.host}${parsedUrl1.pathname}${parsedUrl1.search}${parsedUrl1.hash}`;\r\n\t\t\t\t\r\n\t\t\t\treturn newUrl;\r\n\t\t\t}\r\n\t\t\t  \r\n\t\t\t  \r\n        <\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-53ac681 oculto elementor-widget elementor-widget-html\" data-id=\"53ac681\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script>\r\n\r\n(function($) {\r\nfunction checkboxDropdown(el) {\r\n  var $el = $(el)\r\n  \r\n  $el.each(function(i, element) {\r\n    var $list = $(this).find('.dropdown-list'),\r\n      $label = $(this).find('.dropdown-label'),\r\n      \/\/$checkAll = $(this).find('.check-all'),\r\n      $inputs = $(this).find('.check'),\r\n      defaultChecked = $(this).find('input[type=checkbox]:checked'),\r\n      result = [];\r\n    \r\n    if(defaultChecked.length) {\r\n      defaultChecked.each(function () {\r\n        result.push($(this).next().text());\r\n        \/\/$label.html(result.join(\", \"));\r\n      });\r\n    }\r\n    \r\n    $label.on('click', ()=> {\r\n      $(this).toggleClass('open');\r\n    });\r\n\r\n    $inputs.on('change', function() {\r\n      var checked = $(this).is(':checked');\r\n      var checkedText = $(this).next().text();\r\n\r\n      if(checked) {\r\n        result.push(checkedText);\r\n      }else{\r\n        let index = result.indexOf(checkedText);\r\n        if (index >= 0) {\r\n          result.splice(index, 1);\r\n        }\r\n        \/\/$label.html(result.join(\", \"));\r\n      }\r\n    });\r\n\r\n    $(document).on('click touchstart', e => {\r\n      if(!$(e.target).closest($(this)).length) {\r\n        $(this).removeClass('open');\r\n      }\r\n    });\r\n    \r\n    $('#vermas-btn').on('click', function() { verResultados(); });\r\n        \r\n  });\r\n};\r\n\r\ncheckboxDropdown('.dropdown');\r\n\r\n\r\n\r\n\r\n\r\n})( jQuery );\r\n\/\/ Funcion del desplegable\r\n\r\nfunction verResultados() {\r\n  const listado = document.querySelector('.containerListContainer')\r\n\r\n  listado.classList.toggle(\"show\")\r\n\r\n}\r\n\r\n\/\/ Traducciones:\r\nif(trad){\r\n\tfor (var key in trad) {\r\n\t\tvar element = document.getElementById(key);\r\n\t\tif (element) {\r\n\t\t\telement.innerText = trad[key];\r\n\t\t}\r\n\t}\r\n}\r\n\r\n<\/script>\r\n<style>\r\n.containerListContainer {\r\n  opacity: 0;\r\n  height: 0px !important;\r\n  transition: all 1s ease-in-out;\r\n  margin-top: 0px !important;\r\n}\r\n\r\n.containerListContainer.show {\r\n  opacity: 1;\r\n  height: 425px !important;\r\n  transition: all 1s ease-in-out;\r\n  margin-top: 22px !important;\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u00a0&#8211; Todos os distritos &#8211;AveiroBejaBragaBragan\u00e7aCastelo BrancoCoimbra\u00c9voraFaroGuardaLeiriaLisboaPortalegrePortoSantar\u00e9mSet\u00fabalViana do CasteloVila RealViseuRegi\u00e3o Aut\u00f3noma dos A\u00e7oresRegi\u00e3o Aut\u00f3noma da Madeira\u00a0 \u00d7 Muestra mi ubicaci\u00f3n GasolinerasRecarga el\u00e9ctricaLavaderos Combustible Lavado Aspirado CargadorAceptar Resultados: Estaciones de servicio m\u00e1s cercanas a: \u00a0\u00a0<\/p>\n","protected":false},"author":10,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-15194","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Our gas stations - Plenergy esta\u00e7\u00f5es de servi\u00e7o<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Our gas stations - Plenergy esta\u00e7\u00f5es de servi\u00e7o\" \/>\n<meta property=\"og:description\" content=\"\u00a0&#8211; Todos os distritos &#8211;AveiroBejaBragaBragan\u00e7aCastelo BrancoCoimbra\u00c9voraFaroGuardaLeiriaLisboaPortalegrePortoSantar\u00e9mSet\u00fabalViana do CasteloVila RealViseuRegi\u00e3o Aut\u00f3noma dos A\u00e7oresRegi\u00e3o Aut\u00f3noma da Madeira\u00a0 \u00d7 Muestra mi ubicaci\u00f3n GasolinerasRecarga el\u00e9ctricaLavaderos Combustible Lavado Aspirado CargadorAceptar Resultados: Estaciones de servicio m\u00e1s cercanas a: \u00a0\u00a0\" \/>\n<meta property=\"og:url\" content=\"https:\/\/staging.plenergy.pt\/en\/our-gas-stations\/\" \/>\n<meta property=\"og:site_name\" content=\"Plenergy esta\u00e7\u00f5es de servi\u00e7o\" \/>\n<meta property=\"article:modified_time\" content=\"2024-11-25T15:16:15+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"10 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/staging.plenergy.pt\/en\/our-gas-stations\/\",\"url\":\"https:\/\/staging.plenergy.pt\/en\/our-gas-stations\/\",\"name\":\"Our gas stations - Plenergy esta\u00e7\u00f5es de servi\u00e7o\",\"isPartOf\":{\"@id\":\"https:\/\/staging.plenergy.pt\/en\/#website\"},\"datePublished\":\"2023-10-06T07:44:42+00:00\",\"dateModified\":\"2024-11-25T15:16:15+00:00\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/staging.plenergy.pt\/en\/our-gas-stations\/\"]}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/staging.plenergy.pt\/en\/#website\",\"url\":\"https:\/\/staging.plenergy.pt\/en\/\",\"name\":\"Plenergy esta\u00e7\u00f5es de servi\u00e7o\",\"description\":\"Mover-se assim d\u00e1 gosto\",\"publisher\":{\"@id\":\"https:\/\/staging.plenergy.pt\/en\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/staging.plenergy.pt\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/staging.plenergy.pt\/en\/#organization\",\"name\":\"Plenergy esta\u00e7\u00f5es de servi\u00e7o\",\"url\":\"https:\/\/staging.plenergy.pt\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/staging.plenergy.pt\/en\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/staging.plenergy.pt\/wp-content\/uploads\/2024\/07\/Group-1000004669.png\",\"contentUrl\":\"https:\/\/staging.plenergy.pt\/wp-content\/uploads\/2024\/07\/Group-1000004669.png\",\"width\":418,\"height\":84,\"caption\":\"Plenergy esta\u00e7\u00f5es de servi\u00e7o\"},\"image\":{\"@id\":\"https:\/\/staging.plenergy.pt\/en\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Our gas stations - Plenergy esta\u00e7\u00f5es de servi\u00e7o","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"en_US","og_type":"article","og_title":"Our gas stations - Plenergy esta\u00e7\u00f5es de servi\u00e7o","og_description":"\u00a0&#8211; Todos os distritos &#8211;AveiroBejaBragaBragan\u00e7aCastelo BrancoCoimbra\u00c9voraFaroGuardaLeiriaLisboaPortalegrePortoSantar\u00e9mSet\u00fabalViana do CasteloVila RealViseuRegi\u00e3o Aut\u00f3noma dos A\u00e7oresRegi\u00e3o Aut\u00f3noma da Madeira\u00a0 \u00d7 Muestra mi ubicaci\u00f3n GasolinerasRecarga el\u00e9ctricaLavaderos Combustible Lavado Aspirado CargadorAceptar Resultados: Estaciones de servicio m\u00e1s cercanas a: \u00a0\u00a0","og_url":"https:\/\/staging.plenergy.pt\/en\/our-gas-stations\/","og_site_name":"Plenergy esta\u00e7\u00f5es de servi\u00e7o","article_modified_time":"2024-11-25T15:16:15+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/staging.plenergy.pt\/en\/our-gas-stations\/","url":"https:\/\/staging.plenergy.pt\/en\/our-gas-stations\/","name":"Our gas stations - Plenergy esta\u00e7\u00f5es de servi\u00e7o","isPartOf":{"@id":"https:\/\/staging.plenergy.pt\/en\/#website"},"datePublished":"2023-10-06T07:44:42+00:00","dateModified":"2024-11-25T15:16:15+00:00","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/staging.plenergy.pt\/en\/our-gas-stations\/"]}]},{"@type":"WebSite","@id":"https:\/\/staging.plenergy.pt\/en\/#website","url":"https:\/\/staging.plenergy.pt\/en\/","name":"Plenergy esta\u00e7\u00f5es de servi\u00e7o","description":"Mover-se assim d\u00e1 gosto","publisher":{"@id":"https:\/\/staging.plenergy.pt\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/staging.plenergy.pt\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/staging.plenergy.pt\/en\/#organization","name":"Plenergy esta\u00e7\u00f5es de servi\u00e7o","url":"https:\/\/staging.plenergy.pt\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/staging.plenergy.pt\/en\/#\/schema\/logo\/image\/","url":"https:\/\/staging.plenergy.pt\/wp-content\/uploads\/2024\/07\/Group-1000004669.png","contentUrl":"https:\/\/staging.plenergy.pt\/wp-content\/uploads\/2024\/07\/Group-1000004669.png","width":418,"height":84,"caption":"Plenergy esta\u00e7\u00f5es de servi\u00e7o"},"image":{"@id":"https:\/\/staging.plenergy.pt\/en\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/staging.plenergy.pt\/en\/wp-json\/wp\/v2\/pages\/15194","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/staging.plenergy.pt\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/staging.plenergy.pt\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/staging.plenergy.pt\/en\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/staging.plenergy.pt\/en\/wp-json\/wp\/v2\/comments?post=15194"}],"version-history":[{"count":54,"href":"https:\/\/staging.plenergy.pt\/en\/wp-json\/wp\/v2\/pages\/15194\/revisions"}],"predecessor-version":[{"id":21932,"href":"https:\/\/staging.plenergy.pt\/en\/wp-json\/wp\/v2\/pages\/15194\/revisions\/21932"}],"wp:attachment":[{"href":"https:\/\/staging.plenergy.pt\/en\/wp-json\/wp\/v2\/media?parent=15194"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}