Servicios cerca de ti \u2014 Estepona<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Lato:wght@300;400;700&display=swap\" rel=\"stylesheet\"\/>\n<link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.css\"\/>\n<script src=\"https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.js\"><\/script>\n<style>\n:root{\n --orange:#E07B39; --green:#1E3A2F; --green2:#2D5A45;\n --bg:#fafaf8; --white:#fff; --text:#1a2e25; --dim:#777; --border:#e4dbd0;\n --shadow:0 3px 18px rgba(0,0,0,.09);\n}\n*{margin:0;padding:0;box-sizing:border-box;}\nbody{background:var(--bg);color:var(--text);font-family:'Lato',sans-serif;}\n\n\/* \u2500\u2500 HEADER \u2500\u2500 *\/\n.hdr{max-width:1280px;margin:0 auto;padding:56px 5% 0;}\n.eyebrow{font-size:10px;font-weight:700;letter-spacing:3.5px;text-transform:uppercase;color:var(--orange);margin-bottom:10px;}\n.hdr h1{font-family:'Playfair Display',serif;font-size:clamp(2.2rem,4.5vw,3.3rem);color:var(--green);line-height:1.1;margin-bottom:14px;}\n.hdr p{font-size:.93rem;color:var(--dim);line-height:1.8;max-width:640px;}\n.origin-pill{display:inline-flex;align-items:center;gap:9px;background:var(--green);color:#fff;\n padding:11px 22px;border-radius:40px;font-size:.8rem;font-weight:700;margin:18px 0 30px;letter-spacing:.4px;}\n.origin-pill svg{fill:var(--orange);width:14px;height:14px;flex-shrink:0;}\n.tree{text-align:center;letter-spacing:5px;color:var(--green2);padding:2px 0 24px;font-size:1rem;}\n\n\/* \u2500\u2500 CATEGORY BUTTONS \u2500\u2500 *\/\n.cats-section{max-width:1280px;margin:0 auto;padding:0 5% 30px;}\n.cats-title{font-size:10px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#bbb;margin-bottom:14px;}\n.cats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:10px;}\n.cat-btn{\n display:flex;flex-direction:column;align-items:center;justify-content:center;\n gap:7px;padding:14px 8px;border-radius:14px;cursor:pointer;\n border:2px solid var(--border);background:var(--white);\n transition:all .2s;text-align:center;position:relative;user-select:none;\n}\n.cat-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow);}\n.cat-btn.on{color:#fff;border-color:transparent;box-shadow:0 4px 18px rgba(0,0,0,.18);}\n.cb-icon{width:44px;height:44px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:1.35rem;transition:background .2s;}\n.cat-btn:not(.on) .cb-icon{background:#f3f0eb;}\n.cat-btn.on .cb-icon{background:rgba(255,255,255,.18);}\n.cb-label{font-size:.68rem;font-weight:700;letter-spacing:.2px;line-height:1.3;}\n.cb-count{position:absolute;top:7px;right:9px;background:rgba(0,0,0,.1);\n font-size:.58rem;font-weight:700;padding:1px 5px;border-radius:20px;opacity:.7;}\n.cat-btn.on .cb-count{background:rgba(255,255,255,.25);opacity:1;}\n\n\/* \u2500\u2500 MAP \u2500\u2500 *\/\n.map-area{max-width:1280px;margin:0 auto;padding:0 5% 14px;}\n.legend-strip{display:flex;flex-wrap:wrap;gap:5px 12px;background:var(--white);\n border:1px solid var(--border);border-radius:12px 12px 0 0;padding:11px 16px;\n border-bottom:none;align-items:center;}\n.legend-strip .leg-title{font-size:.63rem;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:#ccc;margin-right:4px;flex-shrink:0;}\n.leg-item{display:flex;align-items:center;gap:5px;cursor:pointer;padding:3px 8px;border-radius:20px;transition:all .15s;border:1.5px solid transparent;}\n.leg-item:hover{border-color:var(--border);}\n.leg-dot{width:11px;height:11px;border-radius:50%;flex-shrink:0;}\n.leg-emoji{font-size:.8rem;}\n.leg-name{font-size:.68rem;font-weight:700;color:var(--text);white-space:nowrap;}\n.leg-item.hidden-cat{opacity:.28;}\n\n.map-box{border:1px solid var(--border);border-radius:0 0 16px 16px;overflow:hidden;height:520px;box-shadow:0 6px 32px rgba(0,0,0,.1);}\n#map{width:100%;height:100%;}\n\n\/* markers *\/\n.mk{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;\n font-family:'Lato',sans-serif;font-size:.7rem;font-weight:700;color:#fff;\n border:2.5px solid rgba(255,255,255,.95);box-shadow:0 3px 10px rgba(0,0,0,.3);cursor:pointer;}\n.mk-home-wrap{\n display:flex;flex-direction:column;align-items:center;\n filter:drop-shadow(0 4px 12px rgba(30,58,47,.45));\n}\n.mk-home-wrap svg{width:48px;height:48px;}\n.mk-home-label{\n background:var(--green);color:#fff;\n font-family:'Lato',sans-serif;font-size:.58rem;font-weight:700;\n letter-spacing:.5px;padding:3px 9px;border-radius:20px;\n white-space:nowrap;margin-top:3px;\n box-shadow:0 2px 8px rgba(0,0,0,.2);\n}\n\n\/* popup *\/\n.leaflet-popup-content-wrapper{border-radius:12px!important;padding:0!important;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.16)!important;border:none!important;}\n.leaflet-popup-content{margin:0!important;width:230px!important;}\n.leaflet-popup-tip-container{display:none!important;}\n.pop-head{padding:12px 15px 10px;border-bottom:1px solid #f0ece6;}\n.pop-num{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;font-size:.66rem;font-weight:700;color:#fff;margin-bottom:5px;}\n.pop-name{font-family:'Playfair Display',serif;font-size:.9rem;font-weight:700;color:var(--green);}\n.pop-addr{font-size:.67rem;color:#aaa;margin-top:2px;}\n.pop-foot{padding:9px 15px 11px;display:flex;justify-content:space-between;align-items:center;}\n.pop-rating{font-size:.72rem;font-weight:700;color:var(--orange);}\n.pop-hours{font-size:.63rem;color:#bbb;text-align:right;max-width:120px;}\n\n\/* \u2500\u2500 CARDS \u2500\u2500 *\/\n.cards-area{max-width:1280px;margin:0 auto;padding:28px 5% 70px;}\n.cat-heading{font-family:'Playfair Display',serif;font-size:1.12rem;color:var(--green);\n display:flex;align-items:center;gap:10px;margin:20px 0 10px;}\n.cat-heading .ch-ico{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.9rem;flex-shrink:0;}\n.cat-heading::after{content:'';flex:1;height:1px;background:var(--border);}\n.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;}\n.card{background:var(--white);border:1px solid var(--border);border-radius:12px;\n padding:13px 14px;display:flex;align-items:flex-start;gap:10px;\n cursor:pointer;transition:all .18s;border-left:4px solid transparent;}\n.card:hover,.card.lit{box-shadow:var(--shadow);border-left-color:var(--orange);transform:translateX(2px);}\n.card-num{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:#fff;flex-shrink:0;margin-top:2px;}\n.card-body{flex:1;min-width:0;}\n.card-name{font-family:'Playfair Display',serif;font-size:.86rem;font-weight:700;color:var(--green);margin-bottom:2px;}\n.card-addr{font-size:.68rem;color:#aaa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px;}\n.card-meta{display:flex;gap:6px;flex-wrap:wrap;align-items:center;}\n.card-star{font-size:.68rem;font-weight:700;color:var(--orange);}\n.card-tag{font-size:.62rem;font-weight:700;background:#f3f0eb;color:var(--dim);padding:2px 7px;border-radius:20px;}\n<\/style>\n<\/head>\n<body>\n\n<div class=\"hdr\">\n <p class=\"eyebrow\">Servicios y Espacios<\/p>\n <h1>Lo que necesitas,<br>cerca de ti<\/h1>\n <p>Todos los servicios esenciales de Estepona a un clic. Filtra por categor\u00eda, consulta la leyenda y haz clic en cualquier punto para m\u00e1s informaci\u00f3n.<\/p>\n <div class=\"origin-pill\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/><\/svg>\n Calle San Fernando, 1 \u2014 Estepona\n <\/div>\n<\/div>\n<div class=\"tree\">\ud83c\udf32 \ud83c\udf32 \ud83c\udf32 \ud83c\udf32 \ud83c\udf32 \ud83c\udf32 \ud83c\udf32 \ud83c\udf32 \ud83c\udf32 \ud83c\udf32 \ud83c\udf32 \ud83c\udf32 \ud83c\udf32 \ud83c\udf32 \ud83c\udf32 \ud83c\udf32 \ud83c\udf32 \ud83c\udf32<\/div>\n\n<div class=\"cats-section\">\n <p class=\"cats-title\">Filtrar por categor\u00eda<\/p>\n <div class=\"cats-grid\" id=\"catsGrid\"><\/div>\n<\/div>\n\n<div class=\"map-area\">\n <div class=\"legend-strip\" id=\"legendStrip\"><\/div>\n <div class=\"map-box\"><div id=\"map\"><\/div><\/div>\n<\/div>\n\n<div class=\"cards-area\" id=\"cardsArea\"><\/div>\n\n<script>\nconst ORIGIN = {lat:36.4287, lng:-5.1510};\n\nconst CATS = {\n super: {label:\"Supermercados\", emoji:\"\ud83d\uded2\", color:\"#E07B39\"},\n farm: {label:\"Farmacias\", emoji:\"\ud83d\udc8a\", color:\"#2D9A55\"},\n rest: {label:\"Restaurantes\", emoji:\"\ud83c\udf7d\ufe0f\", color:\"#B85A20\"},\n tapas: {label:\"Bares & Caf\u00e9s\", emoji:\"\ud83c\udf7a\", color:\"#8B4513\"},\n fast: {label:\"Comida R\u00e1pida\", emoji:\"\ud83c\udf54\", color:\"#CC3300\"},\n bank: {label:\"Bancos\", emoji:\"\ud83c\udfe6\", color:\"#3A6AC4\"},\n hand: {label:\"Hecho a Mano\", emoji:\"\ud83c\udfa8\", color:\"#A04090\"},\n sport: {label:\"Deporte\", emoji:\"\ud83c\udfca\", color:\"#1878B0\"},\n beach: {label:\"Playas\", emoji:\"\ud83c\udfd6\ufe0f\", color:\"#0090C0\"},\n bus: {label:\"Transporte\", emoji:\"\ud83d\ude8c\", color:\"#6048C0\"},\n police: {label:\"Polic\u00eda\", emoji:\"\ud83d\ude94\", color:\"#1a3a7a\"},\n health: {label:\"Salud\", emoji:\"\ud83c\udfe5\", color:\"#c0303a\"},\n ocio: {label:\"Ocio & Cultura\", emoji:\"\ud83c\udfad\", color:\"#806820\"},\n beauty: {label:\"Belleza\", emoji:\"\ud83d\udc87\", color:\"#c04878\"},\n correos:{label:\"Correos\", emoji:\"\ud83d\udcee\", color:\"#e0a800\"},\n};\nconst CAT_ORDER = [\"super\",\"farm\",\"rest\",\"tapas\",\"fast\",\"bank\",\"hand\",\"sport\",\"beach\",\"bus\",\"police\",\"health\",\"ocio\",\"beauty\",\"correos\"];\n\nconst PLACES = [\n \/* \u2500\u2500 SUPERMERCADOS \u2500\u2500 *\/\n {id:1, cat:\"super\", name:\"Mercadona (C\/ Italia)\", addr:\"C. Italia, 1 \/ Av. J.Mart\u00edn M\u00e9ndez\", lat:36.4276,lng:-5.1574,rating:4.2,hours:\"9:00\u201321:30 \u00b7 L\u2013S\"},\n {id:2, cat:\"super\", name:\"Mercadona (Av. Andaluc\u00eda)\", addr:\"Av. Andaluc\u00eda, 144\", lat:36.4314,lng:-5.1470,rating:4.2,hours:\"9:00\u201321:30 \u00b7 L\u2013S\"},\n {id:3, cat:\"super\", name:\"Mercadona (C\/ Caridad)\", addr:\"Av. Andaluc\u00eda, 20\", lat:36.4286,lng:-5.1408,rating:4.2,hours:\"9:00\u201321:30 \u00b7 L\u2013S\"},\n {id:4, cat:\"super\", name:\"Carrefour Hypermarket\", addr:\"N-340, km. 156\", lat:36.4284,lng:-5.1308,rating:4.2,hours:\"9:00\u201322:00 \u00b7 L\u2013S\"},\n {id:5, cat:\"super\", name:\"Carrefour Express\", addr:\"Pl. Augusto Su\u00e1rez, 5\", lat:36.4249,lng:-5.1469,rating:4.3,hours:\"9:00\u201322:00 \u00b7 L\u2013D\"},\n {id:6, cat:\"super\", name:\"ALDI\", addr:\"Av. Juan Carlos I, 8\", lat:36.4291,lng:-5.1561,rating:4.2,hours:\"9:00\u201321:30 \u00b7 L\u2013S\"},\n {id:7, cat:\"super\", name:\"Lidl\", addr:\"Av. Puerta del Mar, s\/n\", lat:36.4263,lng:-5.1566,rating:4.3,hours:\"9:00\u201321:30 \u00b7 L\u2013S\"},\n {id:8, cat:\"super\", name:\"Supermercado D\u00eda\", addr:\"C. la Dulcinea, 2\", lat:36.4281,lng:-5.1538,rating:4.5,hours:\"9:00\u201321:30 \u00b7 L\u2013D\"},\n {id:9, cat:\"super\", name:\"Supermercado D\u00eda\", addr:\"C. Juan Gris, 15\", lat:36.4298,lng:-5.1453,rating:4.1,hours:\"9:00\u201321:30 \u00b7 L\u2013S\"},\n {id:10, cat:\"super\", name:\"Supermercado D\u00eda\", addr:\"C. Carlos Cano, 1\", lat:36.4223,lng:-5.1529,rating:4.3,hours:\"9:00\u201321:30 \u00b7 L\u2013S\"},\n {id:11, cat:\"super\", name:\"Aliprox\", addr:\"C. Calvario, 32\", lat:36.4291,lng:-5.1486,rating:4.3,hours:\"9:00\u201314:00 \/ 17:30\u201321:00 \u00b7 L\u2013S\"},\n \/* \u2500\u2500 FARMACIAS \u2500\u2500 *\/\n {id:12, cat:\"farm\", name:\"Pharmacy Usero\", addr:\"Av. Andaluc\u00eda, 168\", lat:36.4308,lng:-5.1488,rating:4.5,hours:\"9:00\u201321:30 \u00b7 L\u2013D\"},\n {id:13, cat:\"farm\", name:\"Farmacia Ruedas y P\u00e9rez\", addr:\"C. Adolfo Su\u00e1rez, 6\", lat:36.4261,lng:-5.1445,rating:4.3,hours:\"9:00\u201322:00 \u00b7 L\u2013S\"},\n {id:14, cat:\"farm\", name:\"Farmacia Terraza\", addr:\"C. Terraza, 42\", lat:36.4272,lng:-5.1453,rating:3.9,hours:\"9:00\u201321:00 \u00b7 L\u2013D\"},\n {id:15, cat:\"farm\", name:\"Farmacia Pilar de Farin\u00f3s\", addr:\"C. Pilar de Farin\u00f3s, 24\", lat:36.4271,lng:-5.1526,rating:3.9,hours:\"8:30\u201321:30 \u00b7 L\u2013S\"},\n \/* \u2500\u2500 RESTAURANTES \u2500\u2500 *\/\n {id:16, cat:\"rest\", name:\"Bar Sim\u00f3n\", addr:\"Av. Andaluc\u00eda, 221\", lat:36.4273,lng:-5.1524,rating:4.4,hours:\"12:00\u201316:00 \u00b7 ma\u2013do\"},\n {id:17, cat:\"rest\", name:\"Restaurante Taberna Diez\", addr:\"C. Real, 68\", lat:36.4257,lng:-5.1441,rating:4.5,hours:\"13:00\u201300:00 \u00b7 L,ma,V\u2013D\"},\n {id:18, cat:\"rest\", name:\"Taberna El Moniato\", addr:\"C. Real, 32\", lat:36.4264,lng:-5.1424,rating:4.5,hours:\"8:30\u201300:00 \u00b7 mi\u2013do\"},\n {id:19, cat:\"rest\", name:\"La Casa del Rey\", addr:\"C. Raphael, 7\", lat:36.4252,lng:-5.1455,rating:4.2,hours:\"12:00\u201301:00 \u00b7 L\u2013D\"},\n {id:20, cat:\"rest\", name:\"El T\u00edpico Andaluz\", addr:\"C. Caridad, 59\", lat:36.4271,lng:-5.1415,rating:4.5,hours:\"13:00\u201316:00 \/ 19:00\u201300:00\"},\n {id:21, cat:\"rest\", name:\"Restaurante La Escollera\", addr:\"C. Puerto Pesquero, 10\", lat:36.4163,lng:-5.1547,rating:4.6,hours:\"11:00\u201323:00 \u00b7 mi\u2013do\"},\n {id:22, cat:\"rest\", name:\"El Gavil\u00e1n del Mar\", addr:\"Pl. Dr. Arce, 1\", lat:36.4263,lng:-5.1455,rating:4.4,hours:\"12:00\u201300:00 \u00b7 L,J\u2013D\"},\n {id:23, cat:\"rest\", name:\"Marisquer\u00eda La Lonja\", addr:\"C. Caridad, 117\", lat:36.4261,lng:-5.1439,rating:4.1,hours:\"13:00\u201316:30 \u00b7 ma\u2013do\"},\n {id:24, cat:\"rest\", name:\"Chiringuito \u00c1frica Beach\", addr:\"Av. Espa\u00f1a, s\/n\", lat:36.4269,lng:-5.1401,rating:4.1,hours:\"11:00\u201320:00 \u00b7 L\u2013mi,V\u2013D\"},\n {id:25, cat:\"rest\", name:\"Chiringuito Central Beach\", addr:\"Glorieta Juan Carlos I, s\/n\", lat:36.4228,lng:-5.1472,rating:4.2,hours:\"12:00\u201320:00 \u00b7 L\u2013D\"},\n {id:26, cat:\"rest\", name:\"Bar La Antigua Estaci\u00f3n\", addr:\"C. San Roque, 40\", lat:36.4211,lng:-5.1506,rating:4.5,hours:\"12:30\u201323:00 \u00b7 mi\u2013do\"},\n \/* \u2500\u2500 CAFETER\u00cdAS & BRUNCH \u2500\u2500 *\/\n {id:27, cat:\"tapas\", name:\"Caf\u00e9 de Theresa\", addr:\"Av. San Lorenzo, 18\", lat:36.4236,lng:-5.1478,rating:4.8,hours:\"8:30\u201316:00 \u00b7 L\u2013S\"},\n {id:28, cat:\"tapas\", name:\"Berries Specialty Coffee\", addr:\"Av. Espa\u00f1a, 114\", lat:36.4253,lng:-5.1444,rating:4.7,hours:\"8:30\u201317:00 \u00b7 L\u2013D\"},\n {id:29, cat:\"tapas\", name:\"MOM Brunch & Coffee\", addr:\"C. San Antonio, 48\", lat:36.4269,lng:-5.1452,rating:4.6,hours:\"9:00\u201316:00 \u00b7 mi\u2013D\"},\n {id:30, cat:\"tapas\", name:\"Cafeter\u00eda Los Ronde\u00f1os\", addr:\"C. Luis Bu\u00f1uel, 10\", lat:36.4238,lng:-5.1516,rating:4.7,hours:\"7:00\u201313:00 \u00b7 L\u2013S\"},\n \/* \u2500\u2500 BARES & TAPAS \u2500\u2500 *\/\n {id:31, cat:\"tapas\", name:\"Bar San Isidro\", addr:\"C. Pilar de Farin\u00f3s, 11\", lat:36.4270,lng:-5.1547,rating:4.2,hours:\"6:30\u201300:00 \u00b7 ma\u2013do\"},\n {id:32, cat:\"tapas\", name:\"Bar La Esquinita\", addr:\"C. Pozo Pila, 30\", lat:36.4254,lng:-5.1489,rating:4.9,hours:\"12:00\u201323:00 \u00b7 ma\u2013S\"},\n {id:33, cat:\"tapas\", name:\"Bar Hopper\", addr:\"Pl. Augusto Su\u00e1rez, 9\", lat:36.4252,lng:-5.1471,rating:4.7,hours:\"21:00\u201302:00 \u00b7 L\u2013D\"},\n {id:34, cat:\"tapas\", name:\"Bar Manolo el del Capote\", addr:\"C. Donantes de Sangre, 4\", lat:36.4300,lng:-5.1520,rating:4.5,hours:\"11:00\u201317:00 \/ 20:00\u201300:00\"},\n {id:35, cat:\"tapas\", name:\"Tapas Diez\", addr:\"C. Real, 81\", lat:36.4254,lng:-5.1443,rating:4.3,hours:\"12:30\u201323:30 \u00b7 mi\u2013D\"},\n {id:36, cat:\"tapas\", name:\"La Bodeguita del Chato\", addr:\"C. Sta. Ana, 8\", lat:36.4251,lng:-5.1454,rating:4.3,hours:\"12:30\u201301:00 \u00b7 L\u2013D\"},\n {id:37, cat:\"tapas\", name:\"EDEN Beach Gastrobar\", addr:\"Av. Espa\u00f1a, 218\", lat:36.4215,lng:-5.1493,rating:4.1,hours:\"12:00\u201322:00 \u00b7 L\u2013D\"},\n \/* \u2500\u2500 COMIDA R\u00c1PIDA \u2500\u2500 *\/\n {id:38, cat:\"fast\", name:\"Burger Comic\", addr:\"C. San Juan Bosco, 12\", lat:36.4281,lng:-5.1526,rating:4.6,hours:\"20:00\u201300:00 \u00b7 mi\u2013do\"},\n {id:39, cat:\"fast\", name:\"Domino's Pizza\", addr:\"Av. Juan Carlos I, 52\", lat:36.4255,lng:-5.1527,rating:4.0,hours:\"12:30\u201300:00 \u00b7 L\u2013D\"},\n {id:40, cat:\"fast\", name:\"Turkish Kebab & Pizza\", addr:\"C. Concepci\u00f3n, 12\", lat:36.4261,lng:-5.1444,rating:4.7,hours:\"12:00\u201301:00 \u00b7 L\u2013D\"},\n {id:41, cat:\"fast\", name:\"ISTURK Kebab\", addr:\"C. Alcal\u00e1 Galiano, 3\", lat:36.4232,lng:-5.1490,rating:4.8,hours:\"12:00\u201300:00 \u00b7 L\u2013D\"},\n {id:42, cat:\"fast\", name:\"Classic Kebab & Pizzer\u00eda\", addr:\"C. Melilla, 13\", lat:36.4225,lng:-5.1498,rating:4.1,hours:\"12:00\u201301:00 \u00b7 L\u2013D\"},\n \/* \u2500\u2500 BANCOS \u2500\u2500 *\/\n {id:43, cat:\"bank\", name:\"BBVA\", addr:\"Av. Espa\u00f1a, 13\", lat:36.4249,lng:-5.1444,rating:2.6,hours:\"8:30\u201314:15 \u00b7 L\u2013V\"},\n {id:44, cat:\"bank\", name:\"Banco Santander\", addr:\"Av. Espa\u00f1a, 96\", lat:36.4257,lng:-5.1434,rating:3.2,hours:\"9:00\u201314:00 \u00b7 L\u2013V\"},\n {id:45, cat:\"bank\", name:\"BBVA (Juan Carlos I)\", addr:\"Av. Juan Carlos I, s\/n\", lat:36.4256,lng:-5.1535,rating:2.5,hours:\"8:30\u201314:15 \u00b7 L\u2013V\"},\n \/* \u2500\u2500 HECHO A MANO \u2500\u2500 *\/\n {id:46, cat:\"hand\", name:\"La Tienda de Aprona\", addr:\"C. Sta. Ana, 8\", lat:36.4251,lng:-5.1454,rating:5.0,hours:\"Consultar horario\"},\n {id:47, cat:\"hand\", name:\"Souvenirs Koral Bay\", addr:\"Av. Espa\u00f1a, Pje. Jard\u00edn 5\", lat:36.4255,lng:-5.1436,rating:4.4,hours:\"10:30\u201314:00 \/ 17:30\u201320:00\"},\n {id:48, cat:\"hand\", name:\"Arco Iris Artesan\u00eda\", addr:\"C\/C Carrefour, Local 10\", lat:36.4284,lng:-5.1312,rating:4.6,hours:\"10:00\u201322:00 \u00b7 L\u2013S\"},\n \/* \u2500\u2500 DEPORTE \u2500\u2500 *\/\n {id:49, cat:\"sport\", name:\"Complejo Supera J.R. Morena\",addr:\"C. Ciudad Real, s\/n\", lat:36.4310,lng:-5.1411,rating:3.9,hours:\"8:00\u201323:00 \u00b7 L\u2013V\"},\n {id:50, cat:\"sport\", name:\"Polideportivo Santo Tom\u00e1s\", addr:\"C. Santo Tom\u00e1s, s\/n\", lat:36.4312,lng:-5.1539,rating:3.9,hours:\"12:00\u201322:00 \u00b7 L\u2013V\"},\n {id:51, cat:\"sport\", name:\"Polideportivo El Carmen\", addr:\"Camino Padre Cura\", lat:36.4221,lng:-5.1565,rating:4.3,hours:\"8:00\u201323:00 \u00b7 L\u2013D\"},\n {id:52, cat:\"sport\", name:\"Synergym Estepona\", addr:\"Av. de los Reales, 39\", lat:36.4317,lng:-5.1468,rating:4.4,hours:\"6:00\u201323:00 \u00b7 L\u2013V\"},\n {id:53, cat:\"sport\", name:\"Las Mesas Fitness\", addr:\"C. Eslovenia, 5\", lat:36.4203,lng:-5.1606,rating:4.3,hours:\"7:00\u201323:00 \u00b7 L\u2013V\"},\n \/* \u2500\u2500 PLAYAS \u2500\u2500 *\/\n {id:54, cat:\"beach\", name:\"Playa de la Rada\", addr:\"P.\u00ba Mar\u00edtimo Pedro Manrique\", lat:36.4187,lng:-5.1521,rating:4.4,hours:\"Acceso libre 24h\"},\n {id:55, cat:\"beach\", name:\"Playa del Cristo\", addr:\"Av. del Carmen, s\/n\", lat:36.4159,lng:-5.1639,rating:4.3,hours:\"Acceso libre 24h\"},\n {id:56, cat:\"beach\", name:\"Paseo Mar\u00edtimo\", addr:\"P.\u00ba Mar\u00edtimo Pedro Manrique\", lat:36.4219,lng:-5.1483,rating:4.6,hours:\"Acceso libre 24h\"},\n \/* \u2500\u2500 TRANSPORTE \u2500\u2500 *\/\n {id:57, cat:\"bus\", name:\"Estaci\u00f3n de Autobuses\", addr:\"Av. Litoral, 45\", lat:36.4304,lng:-5.1275,rating:3.7,hours:\"8:00\u201321:00 \u00b7 L\u2013V\"},\n {id:58, cat:\"bus\", name:\"Parada Bus Estepona\u2013Marbella\",addr:\"Av. Juan Carlos I, 21\", lat:36.4244,lng:-5.1504,rating:null,hours:\"L\u00edneas L70 \/ L79\"},\n \/* \u2500\u2500 POLIC\u00cdA \u2500\u2500 *\/\n {id:59, cat:\"police\",name:\"Polic\u00eda Local\", addr:\"C. las Camelias, 2\", lat:36.4176,lng:-5.1693,rating:null,hours:\"24h \u00b7 \u260e 952 80 80 40\"},\n \/* \u2500\u2500 SALUD \u2500\u2500 *\/\n {id:60, cat:\"health\",name:\"Centro de Salud Estepona\", addr:\"C. Crist\u00f3bal Ruiz M\u00e9ndez, 19\", lat:36.4249,lng:-5.1525,rating:2.0,hours:\"8:00\u201320:00 \u00b7 L\u2013V\"},\n {id:61, cat:\"health\",name:\"Centro M\u00e9dico Estepona\", addr:\"Av. Juan Carlos I, 29\", lat:36.4248,lng:-5.1517,rating:4.4,hours:\"8:30\u201320:30 \u00b7 L\u2013V\"},\n {id:62, cat:\"health\",name:\"Centro Salud Lobilla\", addr:\"C. Miguel de Mar\u00eda Luque, 2\", lat:36.4326,lng:-5.1422,rating:2.6,hours:\"8:00\u201315:00 \u00b7 L\u2013V\"},\n \/* \u2500\u2500 OCIO & CULTURA \u2500\u2500 *\/\n {id:63, cat:\"ocio\", name:\"Teatro Auditorio Felipe VI\", addr:\"C. Diputado Ignacio Mena\", lat:36.4309,lng:-5.1553,rating:4.5,hours:\"Consultar programaci\u00f3n\"},\n {id:64, cat:\"ocio\", name:\"Centro Cultural Padre Manuel\",addr:\"C. San Fernando, 2\", lat:36.4291,lng:-5.1510,rating:4.4,hours:\"8:30\u201321:00 \u00b7 L\u2013V\"},\n \/* \u2500\u2500 BELLEZA \u2500\u2500 *\/\n {id:65, cat:\"beauty\",name:\"Peluquer\u00eda Donna\", addr:\"C. \u00c1frica, 5\", lat:36.4249,lng:-5.1487,rating:4.6,hours:\"9:30\u201320:00 \u00b7 L\u2013S\"},\n {id:66, cat:\"beauty\",name:\"Secretos del Agua\", addr:\"C. Ceuta, 19\", lat:36.4224,lng:-5.1525,rating:4.7,hours:\"10:00\u201320:00 \u00b7 ma\u2013S\"},\n {id:67, cat:\"beauty\",name:\"AQA Suite de la Belleza\", addr:\"Av. Espa\u00f1a, 198\", lat:36.4223,lng:-5.1483,rating:4.6,hours:\"10:00\u201319:00 \u00b7 L\u2013V\"},\n \/* \u2500\u2500 CORREOS \u2500\u2500 *\/\n {id:68, cat:\"correos\",name:\"Correos (Paseo Mar\u00edtimo)\", addr:\"P.\u00ba Mar\u00edtimo Pedro Manrique, 3\", lat:36.4250,lng:-5.1438,rating:3.6,hours:\"8:30\u201320:30 \u00b7 L\u2013V\"},\n {id:69, cat:\"correos\",name:\"Correos (Huerta Nueva)\", addr:\"C. Huerta Nueva, 10\", lat:36.4237,lng:-5.1525,rating:3.7,hours:\"8:30\u201314:30 \u00b7 L\u2013V\"},\n];\n\n\/* \u2550\u2550 STATE \u2550\u2550 *\/\nlet activeCat = \"all\";\nconst markers = {};\n\n\/* \u2550\u2550 MAP \u2550\u2550 *\/\nconst map = L.map('map',{zoomControl:true}).setView([36.4287,-5.1510],14);\nL.tileLayer('https:\/\/{s}.basemaps.cartocdn.com\/light_all\/{z}\/{x}\/{y}{r}.png',{\n attribution:'\u00a9 OpenStreetMap \u00a9 CARTO',subdomains:'abcd',maxZoom:19\n}).addTo(map);\n\nL.marker(ORIGIN,{icon:L.divIcon({className:'',\n html:`<div class=\"mk-home-wrap\">\n <svg viewBox=\"0 0 48 46\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <ellipse cx=\"24\" cy=\"44\" rx=\"9\" ry=\"2.5\" fill=\"rgba(0,0,0,0.18)\"\/>\n <path d=\"M8 21L24 5L40 21V41H30V29H18V41H8V21Z\" fill=\"#1E3A2F\"\/>\n <path d=\"M24 5L40 21H8L24 5Z\" fill=\"#2D5A45\"\/>\n <rect x=\"19\" y=\"29\" width=\"10\" height=\"12\" rx=\"5\" fill=\"#E07B39\"\/>\n <rect x=\"10\" y=\"23\" width=\"8\" height=\"7\" rx=\"1.5\" fill=\"white\" opacity=\".92\"\/>\n <rect x=\"30\" y=\"23\" width=\"8\" height=\"7\" rx=\"1.5\" fill=\"white\" opacity=\".92\"\/>\n <line x1=\"14\" y1=\"23\" x2=\"14\" y2=\"30\" stroke=\"#1E3A2F\" stroke-width=\"1\" opacity=\".35\"\/>\n <line x1=\"10\" y1=\"26.5\" x2=\"18\" y2=\"26.5\" stroke=\"#1E3A2F\" stroke-width=\"1\" opacity=\".35\"\/>\n <line x1=\"34\" y1=\"23\" x2=\"34\" y2=\"30\" stroke=\"#1E3A2F\" stroke-width=\"1\" opacity=\".35\"\/>\n <line x1=\"30\" y1=\"26.5\" x2=\"38\" y2=\"26.5\" stroke=\"#1E3A2F\" stroke-width=\"1\" opacity=\".35\"\/>\n <rect x=\"29\" y=\"7\" width=\"5\" height=\"8\" rx=\"1\" fill=\"#1E3A2F\"\/>\n <path d=\"M8 21L24 5L40 21V41H30V29H18V41H8V21Z\" fill=\"none\" stroke=\"white\" stroke-width=\"2.5\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <span class=\"mk-home-label\">Mariona Home<\/span>\n <\/div>`,\n iconSize:[48,70], iconAnchor:[24,70]})\n}).addTo(map).bindPopup(`\n <div class=\"pop-head\">\n <div class=\"pop-num\" style=\"background:#1E3A2F;\">\ud83c\udfe0<\/div>\n <div class=\"pop-name\">Mariona Home<\/div>\n <div class=\"pop-addr\">\ud83d\udccd C\/ San Fernando, 1 \u2014 Estepona<\/div>\n <\/div>\n <div class=\"pop-foot\">\n <span class=\"pop-rating\" style=\"color:#1E3A2F;\">\ud83c\udfe0 Tu punto de partida<\/span>\n <\/div>`,{maxWidth:240});\n\nPLACES.forEach(p=>{\n const col = CATS[p.cat].color;\n const m = L.marker([p.lat,p.lng],{\n icon:L.divIcon({className:'',\n html:`<div class=\"mk\" style=\"background:${col};\">${p.id}<\/div>`,\n iconSize:[30,30],iconAnchor:[15,15]})\n }).bindPopup(`\n <div class=\"pop-head\">\n <div class=\"pop-num\" style=\"background:${col};\">${p.id}<\/div>\n <div class=\"pop-name\">${CATS[p.cat].emoji} ${p.name}<\/div>\n <div class=\"pop-addr\">\ud83d\udccd ${p.addr}<\/div>\n <\/div>\n <div class=\"pop-foot\">\n <span class=\"pop-rating\">${p.rating?'\u2b50 '+p.rating:'\u2014'}<\/span>\n <span class=\"pop-hours\">${p.hours}<\/span>\n <\/div>`,{maxWidth:240});\n m.on('click',()=>highlightCard(p.id));\n markers[p.id]=m;\n});\n\n\/* \u2550\u2550 BUILD UI \u2550\u2550 *\/\nfunction buildCatButtons(){\n const grid=document.getElementById('catsGrid');\n grid.innerHTML='';\n const mkBtn=(key,emoji,label,count,color,isOn)=>{\n const btn=document.createElement('button');\n btn.className='cat-btn'+(isOn?' on':'');\n btn.dataset.cat=key;\n if(isOn) btn.style.background=color;\n btn.innerHTML=`<div class=\"cb-icon\">${emoji}<\/div>\n <div class=\"cb-label\" style=\"color:${isOn?'#fff':color};\">${label}<\/div>\n <div class=\"cb-count\">${count}<\/div>`;\n btn.addEventListener('click',()=>setFilter(key));\n return btn;\n };\n grid.appendChild(mkBtn('all','\ud83d\uddfa\ufe0f','Todos',PLACES.length,\n activeCat==='all'?'var(--green)':'#555',activeCat==='all'));\n if(activeCat==='all') grid.querySelector('.cat-btn').style.background='var(--green)';\n CAT_ORDER.forEach(k=>{\n const c=CATS[k];\n const count=PLACES.filter(p=>p.cat===k).length;\n grid.appendChild(mkBtn(k,c.emoji,c.label,count,c.color,activeCat===k));\n });\n}\n\nfunction buildLegend(){\n const strip=document.getElementById('legendStrip');\n strip.innerHTML='<span class=\"leg-title\">Leyenda<\/span>';\n const cats=activeCat==='all'?CAT_ORDER:[activeCat];\n cats.forEach(k=>{\n const c=CATS[k];\n const item=document.createElement('div');\n item.className='leg-item';\n item.innerHTML=`<div class=\"leg-dot\" style=\"background:${c.color};\"><\/div><span class=\"leg-emoji\">${c.emoji}<\/span><span class=\"leg-name\">${c.label}<\/span>`;\n strip.appendChild(item);\n });\n}\n\nfunction updateMarkers(){\n PLACES.forEach(p=>{\n const show=activeCat==='all'||p.cat===activeCat;\n if(show){if(!map.hasLayer(markers[p.id]))markers[p.id].addTo(map);}\n else{if(map.hasLayer(markers[p.id]))map.removeLayer(markers[p.id]);}\n });\n}\n\nfunction renderCards(){\n const area=document.getElementById('cardsArea');\n area.innerHTML='';\n const cats=activeCat==='all'?CAT_ORDER:[activeCat];\n cats.forEach(cat=>{\n const items=PLACES.filter(p=>p.cat===cat);\n if(!items.length)return;\n const c=CATS[cat];\n const head=document.createElement('div');\n head.className='cat-heading';\n head.innerHTML=`<div class=\"ch-ico\" style=\"background:${c.color}20;color:${c.color};\">${c.emoji}<\/div>${c.label}`;\n area.appendChild(head);\n const g=document.createElement('div');\n g.className='grid';\n items.forEach(p=>{\n const col=CATS[p.cat].color;\n const card=document.createElement('div');\n card.className='card';card.id=`card-${p.id}`;\n card.innerHTML=`\n <div class=\"card-num\" style=\"background:${col};\">${p.id}<\/div>\n <div class=\"card-body\">\n <div class=\"card-name\">${p.name}<\/div>\n <div class=\"card-addr\">\ud83d\udccd ${p.addr}<\/div>\n <div class=\"card-meta\">\n <span class=\"card-star\">${p.rating?'\u2b50 '+p.rating:'\u2014'}<\/span>\n <span class=\"card-tag\">${p.hours}<\/span>\n <\/div>\n <\/div>`;\n card.addEventListener('click',()=>{\n document.querySelectorAll('.card').forEach(c=>c.classList.remove('lit'));\n card.classList.add('lit');\n map.setView([p.lat,p.lng],16,{animate:true});\n markers[p.id].openPopup();\n document.querySelector('.map-area').scrollIntoView({behavior:'smooth',block:'start'});\n });\n g.appendChild(card);\n });\n area.appendChild(g);\n });\n}\n\nfunction highlightCard(id){\n document.querySelectorAll('.card').forEach(c=>c.classList.remove('lit'));\n const c=document.getElementById(`card-${id}`);\n if(c){c.classList.add('lit');c.scrollIntoView({behavior:'smooth',block:'nearest'});}\n}\n\nfunction setFilter(cat){\n activeCat=cat;\n buildCatButtons();\n buildLegend();\n updateMarkers();\n renderCards();\n}\n\nsetFilter('all');\n<\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Servicios cerca de ti \u2014 Estepona Servicios y Espacios Lo que necesitas,cerca de ti Todos los servicios esenciales de Estepona a un clic. Filtra por categor\u00eda, consulta la leyenda y haz clic en cualquier punto para m\u00e1s informaci\u00f3n. Calle San Fernando, 1 \u2014 Estepona \ud83c\udf32 \ud83c\udf32 \ud83c\udf32 \ud83c\udf32 \ud83c\udf32 \ud83c\udf32 \ud83c\udf32 \ud83c\udf32 \ud83c\udf32 \ud83c\udf32 \ud83c\udf32 \ud83c\udf32 \ud83c\udf32 \ud83c\udf32 \ud83c\udf32 \ud83c\udf32 \ud83c\udf32 \ud83c\udf32 Filtrar por categor\u00eda<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"postBodyCss":"","postBodyMargin":[],"postBodyPadding":[],"postBodyBackground":{"backgroundType":"classic","gradient":""},"footnotes":""},"class_list":["post-1578","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/marionahome.es\/index.php?rest_route=\/wp\/v2\/pages\/1578","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/marionahome.es\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/marionahome.es\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/marionahome.es\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/marionahome.es\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1578"}],"version-history":[{"count":1,"href":"https:\/\/marionahome.es\/index.php?rest_route=\/wp\/v2\/pages\/1578\/revisions"}],"predecessor-version":[{"id":1579,"href":"https:\/\/marionahome.es\/index.php?rest_route=\/wp\/v2\/pages\/1578\/revisions\/1579"}],"wp:attachment":[{"href":"https:\/\/marionahome.es\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1578"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":1578,"date":"2026-03-15T13:35:46","date_gmt":"2026-03-15T12:35:46","guid":{"rendered":"https:\/\/marionahome.es\/?page_id=1578"},"modified":"2026-03-15T13:35:47","modified_gmt":"2026-03-15T12:35:47","slug":"lo-que-necesitascerca-de-ti","status":"publish","type":"page","link":"https:\/\/marionahome.es\/?page_id=1578","title":{"rendered":"Lo que necesitas,cerca de ti"},"content":{"rendered":"\n\n\n\n\n\nServicios cerca de ti \u2014 Estepona<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Lato:wght@300;400;700&display=swap\" rel=\"stylesheet\"\/>\n<link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.css\"\/>\n<script src=\"https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.js\"><\/script>\n<style>\n:root{\n --orange:#E07B39; --green:#1E3A2F; --green2:#2D5A45;\n --bg:#fafaf8; --white:#fff; --text:#1a2e25; --dim:#777; --border:#e4dbd0;\n --shadow:0 3px 18px rgba(0,0,0,.09);\n}\n*{margin:0;padding:0;box-sizing:border-box;}\nbody{background:var(--bg);color:var(--text);font-family:'Lato',sans-serif;}\n\n\/* \u2500\u2500 HEADER \u2500\u2500 *\/\n.hdr{max-width:1280px;margin:0 auto;padding:56px 5% 0;}\n.eyebrow{font-size:10px;font-weight:700;letter-spacing:3.5px;text-transform:uppercase;color:var(--orange);margin-bottom:10px;}\n.hdr h1{font-family:'Playfair Display',serif;font-size:clamp(2.2rem,4.5vw,3.3rem);color:var(--green);line-height:1.1;margin-bottom:14px;}\n.hdr p{font-size:.93rem;color:var(--dim);line-height:1.8;max-width:640px;}\n.origin-pill{display:inline-flex;align-items:center;gap:9px;background:var(--green);color:#fff;\n padding:11px 22px;border-radius:40px;font-size:.8rem;font-weight:700;margin:18px 0 30px;letter-spacing:.4px;}\n.origin-pill svg{fill:var(--orange);width:14px;height:14px;flex-shrink:0;}\n.tree{text-align:center;letter-spacing:5px;color:var(--green2);padding:2px 0 24px;font-size:1rem;}\n\n\/* \u2500\u2500 CATEGORY BUTTONS \u2500\u2500 *\/\n.cats-section{max-width:1280px;margin:0 auto;padding:0 5% 30px;}\n.cats-title{font-size:10px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#bbb;margin-bottom:14px;}\n.cats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:10px;}\n.cat-btn{\n display:flex;flex-direction:column;align-items:center;justify-content:center;\n gap:7px;padding:14px 8px;border-radius:14px;cursor:pointer;\n border:2px solid var(--border);background:var(--white);\n transition:all .2s;text-align:center;position:relative;user-select:none;\n}\n.cat-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow);}\n.cat-btn.on{color:#fff;border-color:transparent;box-shadow:0 4px 18px rgba(0,0,0,.18);}\n.cb-icon{width:44px;height:44px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:1.35rem;transition:background .2s;}\n.cat-btn:not(.on) .cb-icon{background:#f3f0eb;}\n.cat-btn.on .cb-icon{background:rgba(255,255,255,.18);}\n.cb-label{font-size:.68rem;font-weight:700;letter-spacing:.2px;line-height:1.3;}\n.cb-count{position:absolute;top:7px;right:9px;background:rgba(0,0,0,.1);\n font-size:.58rem;font-weight:700;padding:1px 5px;border-radius:20px;opacity:.7;}\n.cat-btn.on .cb-count{background:rgba(255,255,255,.25);opacity:1;}\n\n\/* \u2500\u2500 MAP \u2500\u2500 *\/\n.map-area{max-width:1280px;margin:0 auto;padding:0 5% 14px;}\n.legend-strip{display:flex;flex-wrap:wrap;gap:5px 12px;background:var(--white);\n border:1px solid var(--border);border-radius:12px 12px 0 0;padding:11px 16px;\n border-bottom:none;align-items:center;}\n.legend-strip .leg-title{font-size:.63rem;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:#ccc;margin-right:4px;flex-shrink:0;}\n.leg-item{display:flex;align-items:center;gap:5px;cursor:pointer;padding:3px 8px;border-radius:20px;transition:all .15s;border:1.5px solid transparent;}\n.leg-item:hover{border-color:var(--border);}\n.leg-dot{width:11px;height:11px;border-radius:50%;flex-shrink:0;}\n.leg-emoji{font-size:.8rem;}\n.leg-name{font-size:.68rem;font-weight:700;color:var(--text);white-space:nowrap;}\n.leg-item.hidden-cat{opacity:.28;}\n\n.map-box{border:1px solid var(--border);border-radius:0 0 16px 16px;overflow:hidden;height:520px;box-shadow:0 6px 32px rgba(0,0,0,.1);}\n#map{width:100%;height:100%;}\n\n\/* markers *\/\n.mk{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;\n font-family:'Lato',sans-serif;font-size:.7rem;font-weight:700;color:#fff;\n border:2.5px solid rgba(255,255,255,.95);box-shadow:0 3px 10px rgba(0,0,0,.3);cursor:pointer;}\n.mk-home-wrap{\n display:flex;flex-direction:column;align-items:center;\n filter:drop-shadow(0 4px 12px rgba(30,58,47,.45));\n}\n.mk-home-wrap svg{width:48px;height:48px;}\n.mk-home-label{\n background:var(--green);color:#fff;\n font-family:'Lato',sans-serif;font-size:.58rem;font-weight:700;\n letter-spacing:.5px;padding:3px 9px;border-radius:20px;\n white-space:nowrap;margin-top:3px;\n box-shadow:0 2px 8px rgba(0,0,0,.2);\n}\n\n\/* popup *\/\n.leaflet-popup-content-wrapper{border-radius:12px!important;padding:0!important;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.16)!important;border:none!important;}\n.leaflet-popup-content{margin:0!important;width:230px!important;}\n.leaflet-popup-tip-container{display:none!important;}\n.pop-head{padding:12px 15px 10px;border-bottom:1px solid #f0ece6;}\n.pop-num{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;font-size:.66rem;font-weight:700;color:#fff;margin-bottom:5px;}\n.pop-name{font-family:'Playfair Display',serif;font-size:.9rem;font-weight:700;color:var(--green);}\n.pop-addr{font-size:.67rem;color:#aaa;margin-top:2px;}\n.pop-foot{padding:9px 15px 11px;display:flex;justify-content:space-between;align-items:center;}\n.pop-rating{font-size:.72rem;font-weight:700;color:var(--orange);}\n.pop-hours{font-size:.63rem;color:#bbb;text-align:right;max-width:120px;}\n\n\/* \u2500\u2500 CARDS \u2500\u2500 *\/\n.cards-area{max-width:1280px;margin:0 auto;padding:28px 5% 70px;}\n.cat-heading{font-family:'Playfair Display',serif;font-size:1.12rem;color:var(--green);\n display:flex;align-items:center;gap:10px;margin:20px 0 10px;}\n.cat-heading .ch-ico{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.9rem;flex-shrink:0;}\n.cat-heading::after{content:'';flex:1;height:1px;background:var(--border);}\n.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;}\n.card{background:var(--white);border:1px solid var(--border);border-radius:12px;\n padding:13px 14px;display:flex;align-items:flex-start;gap:10px;\n cursor:pointer;transition:all .18s;border-left:4px solid transparent;}\n.card:hover,.card.lit{box-shadow:var(--shadow);border-left-color:var(--orange);transform:translateX(2px);}\n.card-num{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:#fff;flex-shrink:0;margin-top:2px;}\n.card-body{flex:1;min-width:0;}\n.card-name{font-family:'Playfair Display',serif;font-size:.86rem;font-weight:700;color:var(--green);margin-bottom:2px;}\n.card-addr{font-size:.68rem;color:#aaa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px;}\n.card-meta{display:flex;gap:6px;flex-wrap:wrap;align-items:center;}\n.card-star{font-size:.68rem;font-weight:700;color:var(--orange);}\n.card-tag{font-size:.62rem;font-weight:700;background:#f3f0eb;color:var(--dim);padding:2px 7px;border-radius:20px;}\n<\/style>\n<\/head>\n<body>\n\n<div class=\"hdr\">\n <p class=\"eyebrow\">Servicios y Espacios<\/p>\n <h1>Lo que necesitas,<br>cerca de ti<\/h1>\n <p>Todos los servicios esenciales de Estepona a un clic. Filtra por categor\u00eda, consulta la leyenda y haz clic en cualquier punto para m\u00e1s informaci\u00f3n.<\/p>\n <div class=\"origin-pill\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/><\/svg>\n Calle San Fernando, 1 \u2014 Estepona\n <\/div>\n<\/div>\n<div class=\"tree\">\ud83c\udf32 \ud83c\udf32 \ud83c\udf32 \ud83c\udf32 \ud83c\udf32 \ud83c\udf32 \ud83c\udf32 \ud83c\udf32 \ud83c\udf32 \ud83c\udf32 \ud83c\udf32 \ud83c\udf32 \ud83c\udf32 \ud83c\udf32 \ud83c\udf32 \ud83c\udf32 \ud83c\udf32 \ud83c\udf32<\/div>\n\n<div class=\"cats-section\">\n <p class=\"cats-title\">Filtrar por categor\u00eda<\/p>\n <div class=\"cats-grid\" id=\"catsGrid\"><\/div>\n<\/div>\n\n<div class=\"map-area\">\n <div class=\"legend-strip\" id=\"legendStrip\"><\/div>\n <div class=\"map-box\"><div id=\"map\"><\/div><\/div>\n<\/div>\n\n<div class=\"cards-area\" id=\"cardsArea\"><\/div>\n\n<script>\nconst ORIGIN = {lat:36.4287, lng:-5.1510};\n\nconst CATS = {\n super: {label:\"Supermercados\", emoji:\"\ud83d\uded2\", color:\"#E07B39\"},\n farm: {label:\"Farmacias\", emoji:\"\ud83d\udc8a\", color:\"#2D9A55\"},\n rest: {label:\"Restaurantes\", emoji:\"\ud83c\udf7d\ufe0f\", color:\"#B85A20\"},\n tapas: {label:\"Bares & Caf\u00e9s\", emoji:\"\ud83c\udf7a\", color:\"#8B4513\"},\n fast: {label:\"Comida R\u00e1pida\", emoji:\"\ud83c\udf54\", color:\"#CC3300\"},\n bank: {label:\"Bancos\", emoji:\"\ud83c\udfe6\", color:\"#3A6AC4\"},\n hand: {label:\"Hecho a Mano\", emoji:\"\ud83c\udfa8\", color:\"#A04090\"},\n sport: {label:\"Deporte\", emoji:\"\ud83c\udfca\", color:\"#1878B0\"},\n beach: {label:\"Playas\", emoji:\"\ud83c\udfd6\ufe0f\", color:\"#0090C0\"},\n bus: {label:\"Transporte\", emoji:\"\ud83d\ude8c\", color:\"#6048C0\"},\n police: {label:\"Polic\u00eda\", emoji:\"\ud83d\ude94\", color:\"#1a3a7a\"},\n health: {label:\"Salud\", emoji:\"\ud83c\udfe5\", color:\"#c0303a\"},\n ocio: {label:\"Ocio & Cultura\", emoji:\"\ud83c\udfad\", color:\"#806820\"},\n beauty: {label:\"Belleza\", emoji:\"\ud83d\udc87\", color:\"#c04878\"},\n correos:{label:\"Correos\", emoji:\"\ud83d\udcee\", color:\"#e0a800\"},\n};\nconst CAT_ORDER = [\"super\",\"farm\",\"rest\",\"tapas\",\"fast\",\"bank\",\"hand\",\"sport\",\"beach\",\"bus\",\"police\",\"health\",\"ocio\",\"beauty\",\"correos\"];\n\nconst PLACES = [\n \/* \u2500\u2500 SUPERMERCADOS \u2500\u2500 *\/\n {id:1, cat:\"super\", name:\"Mercadona (C\/ Italia)\", addr:\"C. Italia, 1 \/ Av. J.Mart\u00edn M\u00e9ndez\", lat:36.4276,lng:-5.1574,rating:4.2,hours:\"9:00\u201321:30 \u00b7 L\u2013S\"},\n {id:2, cat:\"super\", name:\"Mercadona (Av. Andaluc\u00eda)\", addr:\"Av. Andaluc\u00eda, 144\", lat:36.4314,lng:-5.1470,rating:4.2,hours:\"9:00\u201321:30 \u00b7 L\u2013S\"},\n {id:3, cat:\"super\", name:\"Mercadona (C\/ Caridad)\", addr:\"Av. Andaluc\u00eda, 20\", lat:36.4286,lng:-5.1408,rating:4.2,hours:\"9:00\u201321:30 \u00b7 L\u2013S\"},\n {id:4, cat:\"super\", name:\"Carrefour Hypermarket\", addr:\"N-340, km. 156\", lat:36.4284,lng:-5.1308,rating:4.2,hours:\"9:00\u201322:00 \u00b7 L\u2013S\"},\n {id:5, cat:\"super\", name:\"Carrefour Express\", addr:\"Pl. Augusto Su\u00e1rez, 5\", lat:36.4249,lng:-5.1469,rating:4.3,hours:\"9:00\u201322:00 \u00b7 L\u2013D\"},\n {id:6, cat:\"super\", name:\"ALDI\", addr:\"Av. Juan Carlos I, 8\", lat:36.4291,lng:-5.1561,rating:4.2,hours:\"9:00\u201321:30 \u00b7 L\u2013S\"},\n {id:7, cat:\"super\", name:\"Lidl\", addr:\"Av. Puerta del Mar, s\/n\", lat:36.4263,lng:-5.1566,rating:4.3,hours:\"9:00\u201321:30 \u00b7 L\u2013S\"},\n {id:8, cat:\"super\", name:\"Supermercado D\u00eda\", addr:\"C. la Dulcinea, 2\", lat:36.4281,lng:-5.1538,rating:4.5,hours:\"9:00\u201321:30 \u00b7 L\u2013D\"},\n {id:9, cat:\"super\", name:\"Supermercado D\u00eda\", addr:\"C. Juan Gris, 15\", lat:36.4298,lng:-5.1453,rating:4.1,hours:\"9:00\u201321:30 \u00b7 L\u2013S\"},\n {id:10, cat:\"super\", name:\"Supermercado D\u00eda\", addr:\"C. Carlos Cano, 1\", lat:36.4223,lng:-5.1529,rating:4.3,hours:\"9:00\u201321:30 \u00b7 L\u2013S\"},\n {id:11, cat:\"super\", name:\"Aliprox\", addr:\"C. Calvario, 32\", lat:36.4291,lng:-5.1486,rating:4.3,hours:\"9:00\u201314:00 \/ 17:30\u201321:00 \u00b7 L\u2013S\"},\n \/* \u2500\u2500 FARMACIAS \u2500\u2500 *\/\n {id:12, cat:\"farm\", name:\"Pharmacy Usero\", addr:\"Av. Andaluc\u00eda, 168\", lat:36.4308,lng:-5.1488,rating:4.5,hours:\"9:00\u201321:30 \u00b7 L\u2013D\"},\n {id:13, cat:\"farm\", name:\"Farmacia Ruedas y P\u00e9rez\", addr:\"C. Adolfo Su\u00e1rez, 6\", lat:36.4261,lng:-5.1445,rating:4.3,hours:\"9:00\u201322:00 \u00b7 L\u2013S\"},\n {id:14, cat:\"farm\", name:\"Farmacia Terraza\", addr:\"C. Terraza, 42\", lat:36.4272,lng:-5.1453,rating:3.9,hours:\"9:00\u201321:00 \u00b7 L\u2013D\"},\n {id:15, cat:\"farm\", name:\"Farmacia Pilar de Farin\u00f3s\", addr:\"C. Pilar de Farin\u00f3s, 24\", lat:36.4271,lng:-5.1526,rating:3.9,hours:\"8:30\u201321:30 \u00b7 L\u2013S\"},\n \/* \u2500\u2500 RESTAURANTES \u2500\u2500 *\/\n {id:16, cat:\"rest\", name:\"Bar Sim\u00f3n\", addr:\"Av. Andaluc\u00eda, 221\", lat:36.4273,lng:-5.1524,rating:4.4,hours:\"12:00\u201316:00 \u00b7 ma\u2013do\"},\n {id:17, cat:\"rest\", name:\"Restaurante Taberna Diez\", addr:\"C. Real, 68\", lat:36.4257,lng:-5.1441,rating:4.5,hours:\"13:00\u201300:00 \u00b7 L,ma,V\u2013D\"},\n {id:18, cat:\"rest\", name:\"Taberna El Moniato\", addr:\"C. Real, 32\", lat:36.4264,lng:-5.1424,rating:4.5,hours:\"8:30\u201300:00 \u00b7 mi\u2013do\"},\n {id:19, cat:\"rest\", name:\"La Casa del Rey\", addr:\"C. Raphael, 7\", lat:36.4252,lng:-5.1455,rating:4.2,hours:\"12:00\u201301:00 \u00b7 L\u2013D\"},\n {id:20, cat:\"rest\", name:\"El T\u00edpico Andaluz\", addr:\"C. Caridad, 59\", lat:36.4271,lng:-5.1415,rating:4.5,hours:\"13:00\u201316:00 \/ 19:00\u201300:00\"},\n {id:21, cat:\"rest\", name:\"Restaurante La Escollera\", addr:\"C. Puerto Pesquero, 10\", lat:36.4163,lng:-5.1547,rating:4.6,hours:\"11:00\u201323:00 \u00b7 mi\u2013do\"},\n {id:22, cat:\"rest\", name:\"El Gavil\u00e1n del Mar\", addr:\"Pl. Dr. Arce, 1\", lat:36.4263,lng:-5.1455,rating:4.4,hours:\"12:00\u201300:00 \u00b7 L,J\u2013D\"},\n {id:23, cat:\"rest\", name:\"Marisquer\u00eda La Lonja\", addr:\"C. Caridad, 117\", lat:36.4261,lng:-5.1439,rating:4.1,hours:\"13:00\u201316:30 \u00b7 ma\u2013do\"},\n {id:24, cat:\"rest\", name:\"Chiringuito \u00c1frica Beach\", addr:\"Av. Espa\u00f1a, s\/n\", lat:36.4269,lng:-5.1401,rating:4.1,hours:\"11:00\u201320:00 \u00b7 L\u2013mi,V\u2013D\"},\n {id:25, cat:\"rest\", name:\"Chiringuito Central Beach\", addr:\"Glorieta Juan Carlos I, s\/n\", lat:36.4228,lng:-5.1472,rating:4.2,hours:\"12:00\u201320:00 \u00b7 L\u2013D\"},\n {id:26, cat:\"rest\", name:\"Bar La Antigua Estaci\u00f3n\", addr:\"C. San Roque, 40\", lat:36.4211,lng:-5.1506,rating:4.5,hours:\"12:30\u201323:00 \u00b7 mi\u2013do\"},\n \/* \u2500\u2500 CAFETER\u00cdAS & BRUNCH \u2500\u2500 *\/\n {id:27, cat:\"tapas\", name:\"Caf\u00e9 de Theresa\", addr:\"Av. San Lorenzo, 18\", lat:36.4236,lng:-5.1478,rating:4.8,hours:\"8:30\u201316:00 \u00b7 L\u2013S\"},\n {id:28, cat:\"tapas\", name:\"Berries Specialty Coffee\", addr:\"Av. Espa\u00f1a, 114\", lat:36.4253,lng:-5.1444,rating:4.7,hours:\"8:30\u201317:00 \u00b7 L\u2013D\"},\n {id:29, cat:\"tapas\", name:\"MOM Brunch & Coffee\", addr:\"C. San Antonio, 48\", lat:36.4269,lng:-5.1452,rating:4.6,hours:\"9:00\u201316:00 \u00b7 mi\u2013D\"},\n {id:30, cat:\"tapas\", name:\"Cafeter\u00eda Los Ronde\u00f1os\", addr:\"C. Luis Bu\u00f1uel, 10\", lat:36.4238,lng:-5.1516,rating:4.7,hours:\"7:00\u201313:00 \u00b7 L\u2013S\"},\n \/* \u2500\u2500 BARES & TAPAS \u2500\u2500 *\/\n {id:31, cat:\"tapas\", name:\"Bar San Isidro\", addr:\"C. Pilar de Farin\u00f3s, 11\", lat:36.4270,lng:-5.1547,rating:4.2,hours:\"6:30\u201300:00 \u00b7 ma\u2013do\"},\n {id:32, cat:\"tapas\", name:\"Bar La Esquinita\", addr:\"C. Pozo Pila, 30\", lat:36.4254,lng:-5.1489,rating:4.9,hours:\"12:00\u201323:00 \u00b7 ma\u2013S\"},\n {id:33, cat:\"tapas\", name:\"Bar Hopper\", addr:\"Pl. Augusto Su\u00e1rez, 9\", lat:36.4252,lng:-5.1471,rating:4.7,hours:\"21:00\u201302:00 \u00b7 L\u2013D\"},\n {id:34, cat:\"tapas\", name:\"Bar Manolo el del Capote\", addr:\"C. Donantes de Sangre, 4\", lat:36.4300,lng:-5.1520,rating:4.5,hours:\"11:00\u201317:00 \/ 20:00\u201300:00\"},\n {id:35, cat:\"tapas\", name:\"Tapas Diez\", addr:\"C. Real, 81\", lat:36.4254,lng:-5.1443,rating:4.3,hours:\"12:30\u201323:30 \u00b7 mi\u2013D\"},\n {id:36, cat:\"tapas\", name:\"La Bodeguita del Chato\", addr:\"C. Sta. Ana, 8\", lat:36.4251,lng:-5.1454,rating:4.3,hours:\"12:30\u201301:00 \u00b7 L\u2013D\"},\n {id:37, cat:\"tapas\", name:\"EDEN Beach Gastrobar\", addr:\"Av. Espa\u00f1a, 218\", lat:36.4215,lng:-5.1493,rating:4.1,hours:\"12:00\u201322:00 \u00b7 L\u2013D\"},\n \/* \u2500\u2500 COMIDA R\u00c1PIDA \u2500\u2500 *\/\n {id:38, cat:\"fast\", name:\"Burger Comic\", addr:\"C. San Juan Bosco, 12\", lat:36.4281,lng:-5.1526,rating:4.6,hours:\"20:00\u201300:00 \u00b7 mi\u2013do\"},\n {id:39, cat:\"fast\", name:\"Domino's Pizza\", addr:\"Av. Juan Carlos I, 52\", lat:36.4255,lng:-5.1527,rating:4.0,hours:\"12:30\u201300:00 \u00b7 L\u2013D\"},\n {id:40, cat:\"fast\", name:\"Turkish Kebab & Pizza\", addr:\"C. Concepci\u00f3n, 12\", lat:36.4261,lng:-5.1444,rating:4.7,hours:\"12:00\u201301:00 \u00b7 L\u2013D\"},\n {id:41, cat:\"fast\", name:\"ISTURK Kebab\", addr:\"C. Alcal\u00e1 Galiano, 3\", lat:36.4232,lng:-5.1490,rating:4.8,hours:\"12:00\u201300:00 \u00b7 L\u2013D\"},\n {id:42, cat:\"fast\", name:\"Classic Kebab & Pizzer\u00eda\", addr:\"C. Melilla, 13\", lat:36.4225,lng:-5.1498,rating:4.1,hours:\"12:00\u201301:00 \u00b7 L\u2013D\"},\n \/* \u2500\u2500 BANCOS \u2500\u2500 *\/\n {id:43, cat:\"bank\", name:\"BBVA\", addr:\"Av. Espa\u00f1a, 13\", lat:36.4249,lng:-5.1444,rating:2.6,hours:\"8:30\u201314:15 \u00b7 L\u2013V\"},\n {id:44, cat:\"bank\", name:\"Banco Santander\", addr:\"Av. Espa\u00f1a, 96\", lat:36.4257,lng:-5.1434,rating:3.2,hours:\"9:00\u201314:00 \u00b7 L\u2013V\"},\n {id:45, cat:\"bank\", name:\"BBVA (Juan Carlos I)\", addr:\"Av. Juan Carlos I, s\/n\", lat:36.4256,lng:-5.1535,rating:2.5,hours:\"8:30\u201314:15 \u00b7 L\u2013V\"},\n \/* \u2500\u2500 HECHO A MANO \u2500\u2500 *\/\n {id:46, cat:\"hand\", name:\"La Tienda de Aprona\", addr:\"C. Sta. Ana, 8\", lat:36.4251,lng:-5.1454,rating:5.0,hours:\"Consultar horario\"},\n {id:47, cat:\"hand\", name:\"Souvenirs Koral Bay\", addr:\"Av. Espa\u00f1a, Pje. Jard\u00edn 5\", lat:36.4255,lng:-5.1436,rating:4.4,hours:\"10:30\u201314:00 \/ 17:30\u201320:00\"},\n {id:48, cat:\"hand\", name:\"Arco Iris Artesan\u00eda\", addr:\"C\/C Carrefour, Local 10\", lat:36.4284,lng:-5.1312,rating:4.6,hours:\"10:00\u201322:00 \u00b7 L\u2013S\"},\n \/* \u2500\u2500 DEPORTE \u2500\u2500 *\/\n {id:49, cat:\"sport\", name:\"Complejo Supera J.R. Morena\",addr:\"C. Ciudad Real, s\/n\", lat:36.4310,lng:-5.1411,rating:3.9,hours:\"8:00\u201323:00 \u00b7 L\u2013V\"},\n {id:50, cat:\"sport\", name:\"Polideportivo Santo Tom\u00e1s\", addr:\"C. Santo Tom\u00e1s, s\/n\", lat:36.4312,lng:-5.1539,rating:3.9,hours:\"12:00\u201322:00 \u00b7 L\u2013V\"},\n {id:51, cat:\"sport\", name:\"Polideportivo El Carmen\", addr:\"Camino Padre Cura\", lat:36.4221,lng:-5.1565,rating:4.3,hours:\"8:00\u201323:00 \u00b7 L\u2013D\"},\n {id:52, cat:\"sport\", name:\"Synergym Estepona\", addr:\"Av. de los Reales, 39\", lat:36.4317,lng:-5.1468,rating:4.4,hours:\"6:00\u201323:00 \u00b7 L\u2013V\"},\n {id:53, cat:\"sport\", name:\"Las Mesas Fitness\", addr:\"C. Eslovenia, 5\", lat:36.4203,lng:-5.1606,rating:4.3,hours:\"7:00\u201323:00 \u00b7 L\u2013V\"},\n \/* \u2500\u2500 PLAYAS \u2500\u2500 *\/\n {id:54, cat:\"beach\", name:\"Playa de la Rada\", addr:\"P.\u00ba Mar\u00edtimo Pedro Manrique\", lat:36.4187,lng:-5.1521,rating:4.4,hours:\"Acceso libre 24h\"},\n {id:55, cat:\"beach\", name:\"Playa del Cristo\", addr:\"Av. del Carmen, s\/n\", lat:36.4159,lng:-5.1639,rating:4.3,hours:\"Acceso libre 24h\"},\n {id:56, cat:\"beach\", name:\"Paseo Mar\u00edtimo\", addr:\"P.\u00ba Mar\u00edtimo Pedro Manrique\", lat:36.4219,lng:-5.1483,rating:4.6,hours:\"Acceso libre 24h\"},\n \/* \u2500\u2500 TRANSPORTE \u2500\u2500 *\/\n {id:57, cat:\"bus\", name:\"Estaci\u00f3n de Autobuses\", addr:\"Av. Litoral, 45\", lat:36.4304,lng:-5.1275,rating:3.7,hours:\"8:00\u201321:00 \u00b7 L\u2013V\"},\n {id:58, cat:\"bus\", name:\"Parada Bus Estepona\u2013Marbella\",addr:\"Av. Juan Carlos I, 21\", lat:36.4244,lng:-5.1504,rating:null,hours:\"L\u00edneas L70 \/ L79\"},\n \/* \u2500\u2500 POLIC\u00cdA \u2500\u2500 *\/\n {id:59, cat:\"police\",name:\"Polic\u00eda Local\", addr:\"C. las Camelias, 2\", lat:36.4176,lng:-5.1693,rating:null,hours:\"24h \u00b7 \u260e 952 80 80 40\"},\n \/* \u2500\u2500 SALUD \u2500\u2500 *\/\n {id:60, cat:\"health\",name:\"Centro de Salud Estepona\", addr:\"C. Crist\u00f3bal Ruiz M\u00e9ndez, 19\", lat:36.4249,lng:-5.1525,rating:2.0,hours:\"8:00\u201320:00 \u00b7 L\u2013V\"},\n {id:61, cat:\"health\",name:\"Centro M\u00e9dico Estepona\", addr:\"Av. Juan Carlos I, 29\", lat:36.4248,lng:-5.1517,rating:4.4,hours:\"8:30\u201320:30 \u00b7 L\u2013V\"},\n {id:62, cat:\"health\",name:\"Centro Salud Lobilla\", addr:\"C. Miguel de Mar\u00eda Luque, 2\", lat:36.4326,lng:-5.1422,rating:2.6,hours:\"8:00\u201315:00 \u00b7 L\u2013V\"},\n \/* \u2500\u2500 OCIO & CULTURA \u2500\u2500 *\/\n {id:63, cat:\"ocio\", name:\"Teatro Auditorio Felipe VI\", addr:\"C. Diputado Ignacio Mena\", lat:36.4309,lng:-5.1553,rating:4.5,hours:\"Consultar programaci\u00f3n\"},\n {id:64, cat:\"ocio\", name:\"Centro Cultural Padre Manuel\",addr:\"C. San Fernando, 2\", lat:36.4291,lng:-5.1510,rating:4.4,hours:\"8:30\u201321:00 \u00b7 L\u2013V\"},\n \/* \u2500\u2500 BELLEZA \u2500\u2500 *\/\n {id:65, cat:\"beauty\",name:\"Peluquer\u00eda Donna\", addr:\"C. \u00c1frica, 5\", lat:36.4249,lng:-5.1487,rating:4.6,hours:\"9:30\u201320:00 \u00b7 L\u2013S\"},\n {id:66, cat:\"beauty\",name:\"Secretos del Agua\", addr:\"C. Ceuta, 19\", lat:36.4224,lng:-5.1525,rating:4.7,hours:\"10:00\u201320:00 \u00b7 ma\u2013S\"},\n {id:67, cat:\"beauty\",name:\"AQA Suite de la Belleza\", addr:\"Av. Espa\u00f1a, 198\", lat:36.4223,lng:-5.1483,rating:4.6,hours:\"10:00\u201319:00 \u00b7 L\u2013V\"},\n \/* \u2500\u2500 CORREOS \u2500\u2500 *\/\n {id:68, cat:\"correos\",name:\"Correos (Paseo Mar\u00edtimo)\", addr:\"P.\u00ba Mar\u00edtimo Pedro Manrique, 3\", lat:36.4250,lng:-5.1438,rating:3.6,hours:\"8:30\u201320:30 \u00b7 L\u2013V\"},\n {id:69, cat:\"correos\",name:\"Correos (Huerta Nueva)\", addr:\"C. Huerta Nueva, 10\", lat:36.4237,lng:-5.1525,rating:3.7,hours:\"8:30\u201314:30 \u00b7 L\u2013V\"},\n];\n\n\/* \u2550\u2550 STATE \u2550\u2550 *\/\nlet activeCat = \"all\";\nconst markers = {};\n\n\/* \u2550\u2550 MAP \u2550\u2550 *\/\nconst map = L.map('map',{zoomControl:true}).setView([36.4287,-5.1510],14);\nL.tileLayer('https:\/\/{s}.basemaps.cartocdn.com\/light_all\/{z}\/{x}\/{y}{r}.png',{\n attribution:'\u00a9 OpenStreetMap \u00a9 CARTO',subdomains:'abcd',maxZoom:19\n}).addTo(map);\n\nL.marker(ORIGIN,{icon:L.divIcon({className:'',\n html:`<div class=\"mk-home-wrap\">\n <svg viewBox=\"0 0 48 46\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <ellipse cx=\"24\" cy=\"44\" rx=\"9\" ry=\"2.5\" fill=\"rgba(0,0,0,0.18)\"\/>\n <path d=\"M8 21L24 5L40 21V41H30V29H18V41H8V21Z\" fill=\"#1E3A2F\"\/>\n <path d=\"M24 5L40 21H8L24 5Z\" fill=\"#2D5A45\"\/>\n <rect x=\"19\" y=\"29\" width=\"10\" height=\"12\" rx=\"5\" fill=\"#E07B39\"\/>\n <rect x=\"10\" y=\"23\" width=\"8\" height=\"7\" rx=\"1.5\" fill=\"white\" opacity=\".92\"\/>\n <rect x=\"30\" y=\"23\" width=\"8\" height=\"7\" rx=\"1.5\" fill=\"white\" opacity=\".92\"\/>\n <line x1=\"14\" y1=\"23\" x2=\"14\" y2=\"30\" stroke=\"#1E3A2F\" stroke-width=\"1\" opacity=\".35\"\/>\n <line x1=\"10\" y1=\"26.5\" x2=\"18\" y2=\"26.5\" stroke=\"#1E3A2F\" stroke-width=\"1\" opacity=\".35\"\/>\n <line x1=\"34\" y1=\"23\" x2=\"34\" y2=\"30\" stroke=\"#1E3A2F\" stroke-width=\"1\" opacity=\".35\"\/>\n <line x1=\"30\" y1=\"26.5\" x2=\"38\" y2=\"26.5\" stroke=\"#1E3A2F\" stroke-width=\"1\" opacity=\".35\"\/>\n <rect x=\"29\" y=\"7\" width=\"5\" height=\"8\" rx=\"1\" fill=\"#1E3A2F\"\/>\n <path d=\"M8 21L24 5L40 21V41H30V29H18V41H8V21Z\" fill=\"none\" stroke=\"white\" stroke-width=\"2.5\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <span class=\"mk-home-label\">Mariona Home<\/span>\n <\/div>`,\n iconSize:[48,70], iconAnchor:[24,70]})\n}).addTo(map).bindPopup(`\n <div class=\"pop-head\">\n <div class=\"pop-num\" style=\"background:#1E3A2F;\">\ud83c\udfe0<\/div>\n <div class=\"pop-name\">Mariona Home<\/div>\n <div class=\"pop-addr\">\ud83d\udccd C\/ San Fernando, 1 \u2014 Estepona<\/div>\n <\/div>\n <div class=\"pop-foot\">\n <span class=\"pop-rating\" style=\"color:#1E3A2F;\">\ud83c\udfe0 Tu punto de partida<\/span>\n <\/div>`,{maxWidth:240});\n\nPLACES.forEach(p=>{\n const col = CATS[p.cat].color;\n const m = L.marker([p.lat,p.lng],{\n icon:L.divIcon({className:'',\n html:`<div class=\"mk\" style=\"background:${col};\">${p.id}<\/div>`,\n iconSize:[30,30],iconAnchor:[15,15]})\n }).bindPopup(`\n <div class=\"pop-head\">\n <div class=\"pop-num\" style=\"background:${col};\">${p.id}<\/div>\n <div class=\"pop-name\">${CATS[p.cat].emoji} ${p.name}<\/div>\n <div class=\"pop-addr\">\ud83d\udccd ${p.addr}<\/div>\n <\/div>\n <div class=\"pop-foot\">\n <span class=\"pop-rating\">${p.rating?'\u2b50 '+p.rating:'\u2014'}<\/span>\n <span class=\"pop-hours\">${p.hours}<\/span>\n <\/div>`,{maxWidth:240});\n m.on('click',()=>highlightCard(p.id));\n markers[p.id]=m;\n});\n\n\/* \u2550\u2550 BUILD UI \u2550\u2550 *\/\nfunction buildCatButtons(){\n const grid=document.getElementById('catsGrid');\n grid.innerHTML='';\n const mkBtn=(key,emoji,label,count,color,isOn)=>{\n const btn=document.createElement('button');\n btn.className='cat-btn'+(isOn?' on':'');\n btn.dataset.cat=key;\n if(isOn) btn.style.background=color;\n btn.innerHTML=`<div class=\"cb-icon\">${emoji}<\/div>\n <div class=\"cb-label\" style=\"color:${isOn?'#fff':color};\">${label}<\/div>\n <div class=\"cb-count\">${count}<\/div>`;\n btn.addEventListener('click',()=>setFilter(key));\n return btn;\n };\n grid.appendChild(mkBtn('all','\ud83d\uddfa\ufe0f','Todos',PLACES.length,\n activeCat==='all'?'var(--green)':'#555',activeCat==='all'));\n if(activeCat==='all') grid.querySelector('.cat-btn').style.background='var(--green)';\n CAT_ORDER.forEach(k=>{\n const c=CATS[k];\n const count=PLACES.filter(p=>p.cat===k).length;\n grid.appendChild(mkBtn(k,c.emoji,c.label,count,c.color,activeCat===k));\n });\n}\n\nfunction buildLegend(){\n const strip=document.getElementById('legendStrip');\n strip.innerHTML='<span class=\"leg-title\">Leyenda<\/span>';\n const cats=activeCat==='all'?CAT_ORDER:[activeCat];\n cats.forEach(k=>{\n const c=CATS[k];\n const item=document.createElement('div');\n item.className='leg-item';\n item.innerHTML=`<div class=\"leg-dot\" style=\"background:${c.color};\"><\/div><span class=\"leg-emoji\">${c.emoji}<\/span><span class=\"leg-name\">${c.label}<\/span>`;\n strip.appendChild(item);\n });\n}\n\nfunction updateMarkers(){\n PLACES.forEach(p=>{\n const show=activeCat==='all'||p.cat===activeCat;\n if(show){if(!map.hasLayer(markers[p.id]))markers[p.id].addTo(map);}\n else{if(map.hasLayer(markers[p.id]))map.removeLayer(markers[p.id]);}\n });\n}\n\nfunction renderCards(){\n const area=document.getElementById('cardsArea');\n area.innerHTML='';\n const cats=activeCat==='all'?CAT_ORDER:[activeCat];\n cats.forEach(cat=>{\n const items=PLACES.filter(p=>p.cat===cat);\n if(!items.length)return;\n const c=CATS[cat];\n const head=document.createElement('div');\n head.className='cat-heading';\n head.innerHTML=`<div class=\"ch-ico\" style=\"background:${c.color}20;color:${c.color};\">${c.emoji}<\/div>${c.label}`;\n area.appendChild(head);\n const g=document.createElement('div');\n g.className='grid';\n items.forEach(p=>{\n const col=CATS[p.cat].color;\n const card=document.createElement('div');\n card.className='card';card.id=`card-${p.id}`;\n card.innerHTML=`\n <div class=\"card-num\" style=\"background:${col};\">${p.id}<\/div>\n <div class=\"card-body\">\n <div class=\"card-name\">${p.name}<\/div>\n <div class=\"card-addr\">\ud83d\udccd ${p.addr}<\/div>\n <div class=\"card-meta\">\n <span class=\"card-star\">${p.rating?'\u2b50 '+p.rating:'\u2014'}<\/span>\n <span class=\"card-tag\">${p.hours}<\/span>\n <\/div>\n <\/div>`;\n card.addEventListener('click',()=>{\n document.querySelectorAll('.card').forEach(c=>c.classList.remove('lit'));\n card.classList.add('lit');\n map.setView([p.lat,p.lng],16,{animate:true});\n markers[p.id].openPopup();\n document.querySelector('.map-area').scrollIntoView({behavior:'smooth',block:'start'});\n });\n g.appendChild(card);\n });\n area.appendChild(g);\n });\n}\n\nfunction highlightCard(id){\n document.querySelectorAll('.card').forEach(c=>c.classList.remove('lit'));\n const c=document.getElementById(`card-${id}`);\n if(c){c.classList.add('lit');c.scrollIntoView({behavior:'smooth',block:'nearest'});}\n}\n\nfunction setFilter(cat){\n activeCat=cat;\n buildCatButtons();\n buildLegend();\n updateMarkers();\n renderCards();\n}\n\nsetFilter('all');\n<\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Servicios cerca de ti \u2014 Estepona Servicios y Espacios Lo que necesitas,cerca de ti Todos los servicios esenciales de Estepona a un clic. Filtra por categor\u00eda, consulta la leyenda y haz clic en cualquier punto para m\u00e1s informaci\u00f3n. Calle San Fernando, 1 \u2014 Estepona \ud83c\udf32 \ud83c\udf32 \ud83c\udf32 \ud83c\udf32 \ud83c\udf32 \ud83c\udf32 \ud83c\udf32 \ud83c\udf32 \ud83c\udf32 \ud83c\udf32 \ud83c\udf32 \ud83c\udf32 \ud83c\udf32 \ud83c\udf32 \ud83c\udf32 \ud83c\udf32 \ud83c\udf32 \ud83c\udf32 Filtrar por categor\u00eda<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"postBodyCss":"","postBodyMargin":[],"postBodyPadding":[],"postBodyBackground":{"backgroundType":"classic","gradient":""},"footnotes":""},"class_list":["post-1578","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/marionahome.es\/index.php?rest_route=\/wp\/v2\/pages\/1578","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/marionahome.es\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/marionahome.es\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/marionahome.es\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/marionahome.es\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1578"}],"version-history":[{"count":1,"href":"https:\/\/marionahome.es\/index.php?rest_route=\/wp\/v2\/pages\/1578\/revisions"}],"predecessor-version":[{"id":1579,"href":"https:\/\/marionahome.es\/index.php?rest_route=\/wp\/v2\/pages\/1578\/revisions\/1579"}],"wp:attachment":[{"href":"https:\/\/marionahome.es\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1578"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}