{"id":2020,"date":"2020-08-03T21:40:22","date_gmt":"2020-08-03T19:40:22","guid":{"rendered":"https:\/\/campingbenabarre.es\/?page_id=2020"},"modified":"2026-04-12T20:06:11","modified_gmt":"2026-04-12T18:06:11","slug":"plano-instalaciones","status":"publish","type":"page","link":"https:\/\/campingbenabarre.es\/en\/plano-instalaciones\/","title":{"rendered":"Plano Instalaciones"},"content":{"rendered":"<div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_raw_code wpb_content_element wpb_raw_html\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div style=\"background: var(--color-background-secondary); padding: 2rem; border-radius: var(--border-radius-lg);\">\n  <div style=\"display: grid; grid-template-columns: 1fr 280px; gap: 2rem;\">\n    <div style=\"background: var(--color-background-primary); border-radius: var(--border-radius-lg); border: 0.5px solid var(--color-border-tertiary); padding: 1.5rem;\">\n      <svg viewbox=\"0 0 700 850\" style=\"width: 100%; height: auto;\">\n        <rect width=\"700\" height=\"850\" fill=\"#e8f5e9\"\/>\n        \n        <!-- RECUADRO ZONA CAMPING -->\n        <rect x=\"15\" y=\"340\" width=\"665\" height=\"460\" fill=\"none\" stroke=\"#4caf5050\" stroke-width=\"3\" stroke-dasharray=\"8,4\" rx=\"8\"\/>\n        <text x=\"30\" y=\"360\" style=\"font-size: 13px; font-weight: 500; fill: #4caf50; opacity: 0.7;\">ZONA DE CAMPING<\/text>\n        \n        <!-- PISCINAS -->\n        <g class=\"area\" data-id=\"17\">\n          <rect x=\"450\" y=\"20\" width=\"220\" height=\"130\" fill=\"#E6F1FB\" stroke=\"#378ADD\" stroke-width=\"2\" rx=\"4\" opacity=\"0.3\"\/>\n          <rect x=\"520\" y=\"45\" width=\"50\" height=\"50\" fill=\"#E6F1FB\" stroke=\"#378ADD\" stroke-width=\"2\" rx=\"4\"\/>\n          <text x=\"545\" y=\"75\" style=\"font-size: 32px; text-anchor: middle;\">\ud83c\udfca<\/text>\n          <circle cx=\"545\" cy=\"130\" r=\"16\" fill=\"#E6F1FB\" stroke=\"#378ADD\" stroke-width=\"2\"\/>\n          <text x=\"545\" y=\"137\" style=\"font-size: 12px; font-weight: 500; fill: #185FA5; text-anchor: middle;\">17<\/text>\n        <\/g>\n        \n        <!-- MINUSV\u00c1LIDOS + ENTRADA -->\n        <g class=\"area\" data-id=\"2\">\n          <rect x=\"20\" y=\"80\" width=\"200\" height=\"110\" fill=\"#E6F1FB\" stroke=\"#378ADD\" stroke-width=\"2\" rx=\"4\" opacity=\"0.3\"\/>\n          <rect x=\"35\" y=\"100\" width=\"40\" height=\"40\" fill=\"#E6F1FB\" stroke=\"#378ADD\" stroke-width=\"2\" rx=\"4\"\/>\n          <text x=\"55\" y=\"126\" style=\"font-size: 24px; text-anchor: middle;\">\u267f<\/text>\n          <rect x=\"80\" y=\"100\" width=\"40\" height=\"40\" fill=\"#E6F1FB\" stroke=\"#378ADD\" stroke-width=\"2\" rx=\"4\"\/>\n          <text x=\"100\" y=\"126\" style=\"font-size: 24px; text-anchor: middle;\">\ud83d\udeaa<\/text>\n          <circle cx=\"110\" cy=\"165\" r=\"16\" fill=\"#E6F1FB\" stroke=\"#378ADD\" stroke-width=\"2\"\/>\n          <text x=\"110\" y=\"172\" style=\"font-size: 11px; font-weight: 500; fill: #185FA5; text-anchor: middle;\">2<\/text>\n        <\/g>\n        \n        <!-- BAR -->\n        <g class=\"area\" data-id=\"12\">\n          <rect x=\"270\" y=\"80\" width=\"180\" height=\"110\" fill=\"#FAECE7\" stroke=\"#D85A30\" stroke-width=\"2\" rx=\"4\" opacity=\"0.3\"\/>\n          <rect x=\"320\" y=\"100\" width=\"45\" height=\"45\" fill=\"#FAECE7\" stroke=\"#D85A30\" stroke-width=\"2\" rx=\"4\"\/>\n          <text x=\"342.5\" y=\"128\" style=\"font-size: 28px; text-anchor: middle;\">\ud83c\udf77<\/text>\n          <circle cx=\"342.5\" cy=\"165\" r=\"16\" fill=\"#FAECE7\" stroke=\"#D85A30\" stroke-width=\"2\"\/>\n          <text x=\"342.5\" y=\"172\" style=\"font-size: 11px; font-weight: 500; fill: #993C1D; text-anchor: middle;\">12<\/text>\n        <\/g>\n        \n        <!-- ZONA DEPORTIVA UNIDA -->\n        <g class=\"area\" data-id=\"14_15\">\n          <rect x=\"270\" y=\"220\" width=\"400\" height=\"100\" fill=\"#EEEDFE\" stroke=\"#534AB7\" stroke-width=\"2\" rx=\"4\" opacity=\"0.3\"\/>\n          <rect x=\"285\" y=\"240\" width=\"40\" height=\"40\" fill=\"#EEEDFE\" stroke=\"#534AB7\" stroke-width=\"2\" rx=\"4\"\/>\n          <text x=\"305\" y=\"266\" style=\"font-size: 24px; text-anchor: middle;\">\ud83c\udfbe<\/text>\n          <rect x=\"360\" y=\"240\" width=\"40\" height=\"40\" fill=\"#EEEDFE\" stroke=\"#534AB7\" stroke-width=\"2\" rx=\"4\"\/>\n          <text x=\"380\" y=\"266\" style=\"font-size: 24px; text-anchor: middle;\">\u26bd<\/text>\n          <rect x=\"435\" y=\"240\" width=\"40\" height=\"40\" fill=\"#EEEDFE\" stroke=\"#534AB7\" stroke-width=\"2\" rx=\"4\"\/>\n          <text x=\"455\" y=\"266\" style=\"font-size: 24px; text-anchor: middle;\">\ud83c\udfc0<\/text>\n          <circle cx=\"435\" cy=\"305\" r=\"16\" fill=\"#EEEDFE\" stroke=\"#534AB7\" stroke-width=\"2\"\/>\n          <text x=\"435\" y=\"312\" style=\"font-size: 11px; font-weight: 500; fill: #3C3489; text-anchor: middle;\">14\/15<\/text>\n        <\/g>\n        \n        <!-- SERVICIOS -->\n        <g class=\"area\" data-id=\"3\">\n          <rect x=\"270\" y=\"350\" width=\"200\" height=\"100\" fill=\"#E6F1FB\" stroke=\"#378ADD\" stroke-width=\"2\" rx=\"4\" opacity=\"0.3\"\/>\n          <rect x=\"305\" y=\"370\" width=\"45\" height=\"45\" fill=\"#E6F1FB\" stroke=\"#378ADD\" stroke-width=\"2\" rx=\"4\"\/>\n          <text x=\"327.5\" y=\"398\" style=\"font-size: 28px; text-anchor: middle;\">\ud83d\udebf<\/text>\n          <circle cx=\"327.5\" cy=\"435\" r=\"16\" fill=\"#E6F1FB\" stroke=\"#378ADD\" stroke-width=\"2\"\/>\n          <text x=\"327.5\" y=\"442\" style=\"font-size: 11px; font-weight: 500; fill: #185FA5; text-anchor: middle;\">3<\/text>\n        <\/g>\n        \n        <!-- BARBACOA -->\n        <g class=\"area\" data-id=\"10\">\n          <rect x=\"500\" y=\"350\" width=\"170\" height=\"100\" fill=\"#FAECE7\" stroke=\"#D85A30\" stroke-width=\"2\" rx=\"4\" opacity=\"0.3\"\/>\n          <rect x=\"535\" y=\"370\" width=\"45\" height=\"45\" fill=\"#FAECE7\" stroke=\"#D85A30\" stroke-width=\"2\" rx=\"4\"\/>\n          <text x=\"557.5\" y=\"398\" style=\"font-size: 28px; text-anchor: middle;\">\ud83d\udd25<\/text>\n          <circle cx=\"557.5\" cy=\"435\" r=\"16\" fill=\"#FAECE7\" stroke=\"#D85A30\" stroke-width=\"2\"\/>\n          <text x=\"557.5\" y=\"442\" style=\"font-size: 11px; font-weight: 500; fill: #993C1D; text-anchor: middle;\">10<\/text>\n        <\/g>\n        \n        <!-- PARCELAS -->\n        <g class=\"area\" data-id=\"4\">\n          <rect x=\"20\" y=\"480\" width=\"210\" height=\"140\" fill=\"#EAF3DE\" stroke=\"#639922\" stroke-width=\"2\" rx=\"4\" opacity=\"0.2\"\/>\n          <polygon points=\"55,520 70,495 85,520\" fill=\"#4caf50\" stroke=\"#639922\" stroke-width=\"1\"\/>\n          <polygon points=\"105,520 120,495 135,520\" fill=\"#4caf50\" stroke=\"#639922\" stroke-width=\"1\"\/>\n          <polygon points=\"155,520 170,495 185,520\" fill=\"#4caf50\" stroke=\"#639922\" stroke-width=\"1\"\/>\n          <circle cx=\"100\" cy=\"570\" r=\"16\" fill=\"#EAF3DE\" stroke=\"#639922\" stroke-width=\"2\"\/>\n          <text x=\"100\" y=\"577\" style=\"font-size: 11px; font-weight: 500; fill: #27500A; text-anchor: middle;\">4<\/text>\n        <\/g>\n        \n        <g class=\"area\" data-id=\"5\">\n          <rect x=\"260\" y=\"480\" width=\"210\" height=\"140\" fill=\"#EAF3DE\" stroke=\"#639922\" stroke-width=\"2\" rx=\"4\" opacity=\"0.2\"\/>\n          <polygon points=\"295,520 310,495 325,520\" fill=\"#4caf50\" stroke=\"#639922\" stroke-width=\"1\"\/>\n          <polygon points=\"345,520 360,495 375,520\" fill=\"#4caf50\" stroke=\"#639922\" stroke-width=\"1\"\/>\n          <polygon points=\"395,520 410,495 425,520\" fill=\"#4caf50\" stroke=\"#639922\" stroke-width=\"1\"\/>\n          <circle cx=\"340\" cy=\"570\" r=\"16\" fill=\"#EAF3DE\" stroke=\"#639922\" stroke-width=\"2\"\/>\n          <text x=\"340\" y=\"577\" style=\"font-size: 11px; font-weight: 500; fill: #27500A; text-anchor: middle;\">5<\/text>\n        <\/g>\n        \n        <g class=\"area\" data-id=\"6\">\n          <rect x=\"500\" y=\"480\" width=\"170\" height=\"140\" fill=\"#EAF3DE\" stroke=\"#639922\" stroke-width=\"2\" rx=\"4\" opacity=\"0.2\"\/>\n          <polygon points=\"530,520 545,495 560,520\" fill=\"#4caf50\" stroke=\"#639922\" stroke-width=\"1\"\/>\n          <polygon points=\"580,520 595,495 610,520\" fill=\"#4caf50\" stroke=\"#639922\" stroke-width=\"1\"\/>\n          <circle cx=\"580\" cy=\"570\" r=\"16\" fill=\"#EAF3DE\" stroke=\"#639922\" stroke-width=\"2\"\/>\n          <text x=\"580\" y=\"577\" style=\"font-size: 11px; font-weight: 500; fill: #27500A; text-anchor: middle;\">6<\/text>\n        <\/g>\n        \n        <!-- ENTRADA -->\n        <g class=\"area\" data-id=\"1\">\n          <rect x=\"20\" y=\"660\" width=\"180\" height=\"130\" fill=\"#E6F1FB\" stroke=\"#378ADD\" stroke-width=\"2\" rx=\"4\" opacity=\"0.3\"\/>\n          <rect x=\"50\" y=\"680\" width=\"50\" height=\"50\" fill=\"#E6F1FB\" stroke=\"#378ADD\" stroke-width=\"2\" rx=\"4\"\/>\n          <text x=\"75\" y=\"712\" style=\"font-size: 32px; text-anchor: middle;\">\ud83d\udeaa<\/text>\n          <circle cx=\"75\" cy=\"770\" r=\"16\" fill=\"#E6F1FB\" stroke=\"#378ADD\" stroke-width=\"2\"\/>\n          <text x=\"75\" y=\"777\" style=\"font-size: 11px; font-weight: 500; fill: #185FA5; text-anchor: middle;\">1<\/text>\n        <\/g>\n        \n        <!-- CARAVANAS SIN GRIS -->\n        <g class=\"area\" data-id=\"18\">\n          <rect x=\"270\" y=\"660\" width=\"200\" height=\"130\" fill=\"#EAF3DE\" stroke=\"#639922\" stroke-width=\"2\" rx=\"4\" opacity=\"0.2\"\/>\n          <rect x=\"310\" y=\"680\" width=\"50\" height=\"50\" fill=\"#EAF3DE\" stroke=\"#639922\" stroke-width=\"2\" rx=\"4\"\/>\n          <text x=\"335\" y=\"712\" style=\"font-size: 32px; text-anchor: middle;\">\ud83d\ude90<\/text>\n          <circle cx=\"335\" cy=\"770\" r=\"16\" fill=\"#EAF3DE\" stroke=\"#639922\" stroke-width=\"2\"\/>\n          <text x=\"335\" y=\"777\" style=\"font-size: 11px; font-weight: 500; fill: #27500A; text-anchor: middle;\">18<\/text>\n        <\/g>\n        \n        <!-- RECICLAJE SIN GRIS -->\n        <g class=\"area\" data-id=\"19\">\n          <rect x=\"500\" y=\"660\" width=\"170\" height=\"130\" fill=\"#EAF3DE\" stroke=\"#639922\" stroke-width=\"2\" rx=\"4\" opacity=\"0.2\"\/>\n          <rect x=\"540\" y=\"680\" width=\"45\" height=\"45\" fill=\"#EAF3DE\" stroke=\"#639922\" stroke-width=\"2\" rx=\"4\"\/>\n          <text x=\"562.5\" y=\"708\" style=\"font-size: 28px; text-anchor: middle;\">\u267b\ufe0f<\/text>\n          <circle cx=\"562.5\" cy=\"770\" r=\"16\" fill=\"#EAF3DE\" stroke=\"#639922\" stroke-width=\"2\"\/>\n          <text x=\"562.5\" y=\"777\" style=\"font-size: 11px; font-weight: 500; fill: #27500A; text-anchor: middle;\">19<\/text>\n        <\/g>\n      <\/svg>\n    <\/div>\n\n    <div>\n      <input type=\"text\" id=\"search\" placeholder=\"Buscar...\" style=\"width: 100%; padding: 8px 12px; font-size: 13px; border-radius: 8px; margin-bottom: 1rem; border: 0.5px solid #bdbdbd;\" \/>\n      <div id=\"legend\" style=\"max-height: 500px; overflow-y: auto;\">\n        <div class=\"legend-item\" data-id=\"17\" style=\"padding: 8px; margin-bottom: 8px; border-radius: 8px; background: #E6F1FB; cursor: pointer;\">\ud83c\udfca Piscinas<\/div>\n        <div class=\"legend-item\" data-id=\"2\" style=\"padding: 8px; margin-bottom: 8px; border-radius: 8px; background: #E6F1FB; cursor: pointer;\">\u267f\ud83d\udeaa Entrada\/Minusv\u00e1lidos<\/div>\n        <div class=\"legend-item\" data-id=\"12\" style=\"padding: 8px; margin-bottom: 8px; border-radius: 8px; background: #FAECE7; cursor: pointer;\">\ud83c\udf77 Bar<\/div>\n        <div class=\"legend-item\" data-id=\"14_15\" style=\"padding: 8px; margin-bottom: 8px; border-radius: 8px; background: #EEEDFE; cursor: pointer;\">\ud83c\udfbe\u26bd\ud83c\udfc0 Zona Deportiva<\/div>\n        <div class=\"legend-item\" data-id=\"3\" style=\"padding: 8px; margin-bottom: 8px; border-radius: 8px; background: #E6F1FB; cursor: pointer;\">\ud83d\udebf Servicios<\/div>\n        <div class=\"legend-item\" data-id=\"10\" style=\"padding: 8px; margin-bottom: 8px; border-radius: 8px; background: #FAECE7; cursor: pointer;\">\ud83d\udd25 Barbacoa<\/div>\n        <div class=\"legend-item\" data-id=\"4\" style=\"padding: 8px; margin-bottom: 8px; border-radius: 8px; background: #EAF3DE; cursor: pointer;\">\u26fa Parcelas Dos Bous<\/div>\n        <div class=\"legend-item\" data-id=\"5\" style=\"padding: 8px; margin-bottom: 8px; border-radius: 8px; background: #EAF3DE; cursor: pointer;\">\u26fa Parcelas San Medardo<\/div>\n        <div class=\"legend-item\" data-id=\"6\" style=\"padding: 8px; margin-bottom: 8px; border-radius: 8px; background: #EAF3DE; cursor: pointer;\">\u26fa Parcelas Mirador<\/div>\n        <div class=\"legend-item\" data-id=\"1\" style=\"padding: 8px; margin-bottom: 8px; border-radius: 8px; background: #E6F1FB; cursor: pointer;\">\ud83d\udeaa Entrada camping<\/div>\n        <div class=\"legend-item\" data-id=\"18\" style=\"padding: 8px; margin-bottom: 8px; border-radius: 8px; background: #EAF3DE; cursor: pointer;\">\ud83d\ude90 Caravanas<\/div>\n        <div class=\"legend-item\" data-id=\"19\" style=\"padding: 8px; margin-bottom: 8px; border-radius: 8px; background: #EAF3DE; cursor: pointer;\">\u267b\ufe0f Reciclaje<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\ndocument.querySelectorAll('.area, .legend-item').forEach(el => {\n  el.addEventListener('mouseenter', () => {\n    const id = el.getAttribute('data-id');\n    document.querySelectorAll('.area').forEach(a => {\n      a.style.opacity = a.getAttribute('data-id') === id ? '1' : '0.3';\n    });\n    document.querySelectorAll('.legend-item').forEach(l => {\n      l.style.opacity = l.getAttribute('data-id') === id ? '1' : '0.5';\n    });\n  });\n  el.addEventListener('mouseleave', () => {\n    document.querySelectorAll('.area, .legend-item').forEach(e => e.style.opacity = '1');\n  });\n});\ndocument.getElementById('search').addEventListener('input', (e) => {\n  const q = e.target.value.toLowerCase();\n  document.querySelectorAll('.legend-item').forEach(item => {\n    item.style.display = item.textContent.toLowerCase().includes(q) ? 'block' : 'none';\n  });\n});\n<\/script>\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"ZONA DE CAMPING \ud83c\udfca 17 \u267f \ud83d\udeaa 2 \ud83c\udf77 12 \ud83c\udfbe \u26bd \ud83c\udfc0 14\/15 \ud83d\udebf 3 \ud83d\udd25 10 4 5 6 \ud83d\udeaa 1 \ud83d\ude90 18 \u267b\ufe0f 19 \ud83c\udfca Piscinas \u267f\ud83d\udeaa Entrada\/Minusv\u00e1lidos \ud83c\udf77 Bar \ud83c\udfbe\u26bd\ud83c\udfc0 Zona Deportiva \ud83d\udebf Servicios \ud83d\udd25 Barbacoa \u26fa Parcelas Dos Bous \u26fa Parcelas San Medardo \u26fa Parcelas Mirador \ud83d\udeaa Entrada camping \ud83d\ude90 [...]","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-2020","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/campingbenabarre.es\/en\/wp-json\/wp\/v2\/pages\/2020","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/campingbenabarre.es\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/campingbenabarre.es\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/campingbenabarre.es\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/campingbenabarre.es\/en\/wp-json\/wp\/v2\/comments?post=2020"}],"version-history":[{"count":4,"href":"https:\/\/campingbenabarre.es\/en\/wp-json\/wp\/v2\/pages\/2020\/revisions"}],"predecessor-version":[{"id":2544,"href":"https:\/\/campingbenabarre.es\/en\/wp-json\/wp\/v2\/pages\/2020\/revisions\/2544"}],"wp:attachment":[{"href":"https:\/\/campingbenabarre.es\/en\/wp-json\/wp\/v2\/media?parent=2020"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}