Encuentra tu tienda<\/title>\n <style>\n :root{\n --green:#491D07; \/* nuevo color pedido *\/\n --border:#e3e3e3;\n --text:#222;\n --muted:#6b6b6b;\n font-family: \"Inter\", \"Segoe UI\", Roboto, Arial, sans-serif;\n }\n\n body{\n margin: 40px;\n color:var(--text);\n background: #fff;\n -webkit-font-smoothing:antialiased;\n }\n\n .section {\n max-width: 1100px;\n margin: 0 auto;\n }\n\n h1{\n font-size: 40px;\n margin: 0 0 18px 0;\n font-weight:700;\n }\n\n .search-row {\n display:flex;\n gap:12px;\n align-items:center;\n flex-wrap:wrap;\n }\n\n .search-input-wrap{\n display:flex;\n align-items:center;\n flex:1 1 600px;\n min-width:220px;\n border:1px solid var(--border);\n border-radius:6px;\n overflow:hidden;\n box-shadow:0 1px 0 rgba(0,0,0,0.02);\n }\n\n .search-input{\n flex:1;\n padding:16px 18px;\n border:0;\n outline:none;\n font-size:16px;\n color:var(--text);\n }\n\n .search-btn{\n background:var(--green);\n border:none;\n padding:12px 18px;\n display:flex;\n align-items:center;\n justify-content:center;\n cursor:pointer;\n height:100%;\n }\n .search-btn svg{ width:20px; height:20px; fill:#fff; }\n\n .btn {\n border:1px solid var(--green);\n background:transparent;\n padding:12px 18px;\n border-radius:6px;\n display:inline-flex;\n gap:10px;\n align-items:center;\n cursor:pointer;\n font-size:16px;\n color:var(--text);\n min-width:120px;\n }\n .btn svg{ width:18px; height:18px; fill:var(--green); }\n\n .toggle-wrap{\n display:flex;\n align-items:center;\n gap:12px;\n margin-top:8px;\n }\n .switch{\n --w:40px;\n --h:22px;\n width:var(--w);\n height:var(--h);\n background:#f0f0f0;\n border-radius:20px;\n position:relative;\n border:1px solid #e6e6e6;\n cursor:pointer;\n transition:background .18s;\n flex: 0 0 var(--w);\n }\n .switch .knob{\n position:absolute;\n top:2px;\n left:2px;\n width:18px;\n height:18px;\n background:white;\n border-radius:50%;\n box-shadow:0 1px 2px rgba(0,0,0,0.12);\n transition:left .18s;\n }\n .switch.on{\n background:var(--green);\n border-color: rgba(0,0,0,0.06);\n }\n .switch.on .knob{\n left:calc(var(--w) - 20px);\n }\n\n .toggle-label{\n font-size:16px;\n color:var(--muted);\n user-select:none;\n }\n\n @media (max-width:760px){\n h1{ font-size:28px; }\n .search-input-wrap{ flex-basis:100%; }\n .btn{ min-width:100px; padding:10px 12px; }\n }\n <\/style>\n<\/head>\n<body>\n <section class=\"section\" aria-labelledby=\"buscar-tiendas\">\n <h1 id=\"buscar-tiendas\">Encuentra tu tienda<\/h1>\n\n <div class=\"search-row\" role=\"search\" aria-label=\"Buscar tienda por ciudad o c\u00f3digo postal\">\n <div class=\"search-input-wrap\">\n <input\n class=\"search-input\"\n type=\"search\"\n id=\"q\"\n name=\"q\"\n placeholder=\"Ciudad, c\u00f3digo postal...\"\n aria-label=\"Ciudad o c\u00f3digo postal\" \/>\n\n <button class=\"search-btn\" type=\"button\" title=\"Buscar\" aria-label=\"Buscar\">\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n <path d=\"M15.5 14h-.79l-.28-.27a6.471 6.471 0 0 0 1.57-4.23 6.5 6.5 0 1 0-6.5 6.5 6.471 6.471 0 0 0 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zM10 15a5 5 0 1 1 0-10 5 5 0 0 1 0 10z\"\/>\n <\/svg>\n <\/button>\n <\/div>\n\n <button class=\"btn\" id=\"ubicameBtn\" type=\"button\" title=\"Ub\u00edcame\">\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n <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.5A2.5 2.5 0 1 1 12 6a2.5 2.5 0 0 1 0 5.5z\"\/>\n <\/svg>\n Ub\u00edcame\n <\/button>\n\n <button class=\"btn\" id=\"filtrosBtn\" type=\"button\" title=\"Filtros\">\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n <path d=\"M10 18h4v-2h-4v2zm-7-9v2h18V9H3zm3 7h12v-2H6v2z\"\/>\n <\/svg>\n Filtros\n <\/button>\n <\/div>\n\n <div class=\"toggle-wrap\" style=\"margin-top:18px;\">\n <div\n class=\"switch\"\n id=\"openSwitch\"\n role=\"switch\"\n aria-checked=\"false\"\n tabindex=\"0\"\n aria-label=\"Abierto ahora\">\n <div class=\"knob\" aria-hidden=\"true\"><\/div>\n <\/div>\n <div class=\"toggle-label\">Abierto ahora<\/div>\n <\/div>\n <\/section>\n\n <script>\n const sw = document.getElementById('openSwitch');\n sw.addEventListener('click', toggle);\n sw.addEventListener('keydown', (e) => {\n if(e.key === 'Enter' || e.key === ' ') { e.preventDefault(); toggle(); }\n });\n function toggle(){\n const on = sw.classList.toggle('on');\n sw.setAttribute('aria-checked', String(on));\n }\n\n document.getElementById('ubicameBtn').addEventListener('click', () => {\n alert('Funci\u00f3n de geolocalizaci\u00f3n (a implementar).');\n });\n\n document.getElementById('filtrosBtn').addEventListener('click', () => {\n alert('Abrir filtros (a implementar).');\n });\n\n document.querySelector('.search-btn').addEventListener('click', () => {\n const q = document.getElementById('q').value.trim();\n alert(q ? ('Buscando: ' + q) : 'Introduce ciudad o c\u00f3digo postal');\n });\n <\/script>\n<\/body>\n<\/html>\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3b4c873 e-flex e-con-boxed e-con e-parent\" data-id=\"3b4c873\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4327386 elementor-widget elementor-widget-google_maps\" data-id=\"4327386\" data-element_type=\"widget\" data-widget_type=\"google_maps.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-custom-embed\">\n\t\t\t<iframe loading=\"lazy\"\n\t\t\t\t\tsrc=\"https:\/\/maps.google.com\/maps?q=tienda%20animal&t=m&z=10&output=embed&iwloc=near\"\n\t\t\t\t\ttitle=\"tienda animal\"\n\t\t\t\t\taria-label=\"tienda animal\"\n\t\t\t><\/iframe>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Encuentra tu tienda Encuentra tu tienda Ub\u00edcame Filtros Abierto ahora<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-24","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/amaldonado.mkmp1.com.es\/amaldonadowp\/wp-json\/wp\/v2\/pages\/24","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/amaldonado.mkmp1.com.es\/amaldonadowp\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/amaldonado.mkmp1.com.es\/amaldonadowp\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/amaldonado.mkmp1.com.es\/amaldonadowp\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/amaldonado.mkmp1.com.es\/amaldonadowp\/wp-json\/wp\/v2\/comments?post=24"}],"version-history":[{"count":25,"href":"https:\/\/amaldonado.mkmp1.com.es\/amaldonadowp\/wp-json\/wp\/v2\/pages\/24\/revisions"}],"predecessor-version":[{"id":440,"href":"https:\/\/amaldonado.mkmp1.com.es\/amaldonadowp\/wp-json\/wp\/v2\/pages\/24\/revisions\/440"}],"wp:attachment":[{"href":"https:\/\/amaldonado.mkmp1.com.es\/amaldonadowp\/wp-json\/wp\/v2\/media?parent=24"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\t\t

\n\n\n \n \n Encuentra tu tienda<\/title>\n <style>\n :root{\n --green:#491D07; \/* nuevo color pedido *\/\n --border:#e3e3e3;\n --text:#222;\n --muted:#6b6b6b;\n font-family: \"Inter\", \"Segoe UI\", Roboto, Arial, sans-serif;\n }\n\n body{\n margin: 40px;\n color:var(--text);\n background: #fff;\n -webkit-font-smoothing:antialiased;\n }\n\n .section {\n max-width: 1100px;\n margin: 0 auto;\n }\n\n h1{\n font-size: 40px;\n margin: 0 0 18px 0;\n font-weight:700;\n }\n\n .search-row {\n display:flex;\n gap:12px;\n align-items:center;\n flex-wrap:wrap;\n }\n\n .search-input-wrap{\n display:flex;\n align-items:center;\n flex:1 1 600px;\n min-width:220px;\n border:1px solid var(--border);\n border-radius:6px;\n overflow:hidden;\n box-shadow:0 1px 0 rgba(0,0,0,0.02);\n }\n\n .search-input{\n flex:1;\n padding:16px 18px;\n border:0;\n outline:none;\n font-size:16px;\n color:var(--text);\n }\n\n .search-btn{\n background:var(--green);\n border:none;\n padding:12px 18px;\n display:flex;\n align-items:center;\n justify-content:center;\n cursor:pointer;\n height:100%;\n }\n .search-btn svg{ width:20px; height:20px; fill:#fff; }\n\n .btn {\n border:1px solid var(--green);\n background:transparent;\n padding:12px 18px;\n border-radius:6px;\n display:inline-flex;\n gap:10px;\n align-items:center;\n cursor:pointer;\n font-size:16px;\n color:var(--text);\n min-width:120px;\n }\n .btn svg{ width:18px; height:18px; fill:var(--green); }\n\n .toggle-wrap{\n display:flex;\n align-items:center;\n gap:12px;\n margin-top:8px;\n }\n .switch{\n --w:40px;\n --h:22px;\n width:var(--w);\n height:var(--h);\n background:#f0f0f0;\n border-radius:20px;\n position:relative;\n border:1px solid #e6e6e6;\n cursor:pointer;\n transition:background .18s;\n flex: 0 0 var(--w);\n }\n .switch .knob{\n position:absolute;\n top:2px;\n left:2px;\n width:18px;\n height:18px;\n background:white;\n border-radius:50%;\n box-shadow:0 1px 2px rgba(0,0,0,0.12);\n transition:left .18s;\n }\n .switch.on{\n background:var(--green);\n border-color: rgba(0,0,0,0.06);\n }\n .switch.on .knob{\n left:calc(var(--w) - 20px);\n }\n\n .toggle-label{\n font-size:16px;\n color:var(--muted);\n user-select:none;\n }\n\n @media (max-width:760px){\n h1{ font-size:28px; }\n .search-input-wrap{ flex-basis:100%; }\n .btn{ min-width:100px; padding:10px 12px; }\n }\n <\/style>\n<\/head>\n<body>\n <section class=\"section\" aria-labelledby=\"buscar-tiendas\">\n <h1 id=\"buscar-tiendas\">Encuentra tu tienda<\/h1>\n\n <div class=\"search-row\" role=\"search\" aria-label=\"Buscar tienda por ciudad o c\u00f3digo postal\">\n <div class=\"search-input-wrap\">\n <input\n class=\"search-input\"\n type=\"search\"\n id=\"q\"\n name=\"q\"\n placeholder=\"Ciudad, c\u00f3digo postal...\"\n aria-label=\"Ciudad o c\u00f3digo postal\" \/>\n\n <button class=\"search-btn\" type=\"button\" title=\"Buscar\" aria-label=\"Buscar\">\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n <path d=\"M15.5 14h-.79l-.28-.27a6.471 6.471 0 0 0 1.57-4.23 6.5 6.5 0 1 0-6.5 6.5 6.471 6.471 0 0 0 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zM10 15a5 5 0 1 1 0-10 5 5 0 0 1 0 10z\"\/>\n <\/svg>\n <\/button>\n <\/div>\n\n <button class=\"btn\" id=\"ubicameBtn\" type=\"button\" title=\"Ub\u00edcame\">\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n <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.5A2.5 2.5 0 1 1 12 6a2.5 2.5 0 0 1 0 5.5z\"\/>\n <\/svg>\n Ub\u00edcame\n <\/button>\n\n <button class=\"btn\" id=\"filtrosBtn\" type=\"button\" title=\"Filtros\">\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n <path d=\"M10 18h4v-2h-4v2zm-7-9v2h18V9H3zm3 7h12v-2H6v2z\"\/>\n <\/svg>\n Filtros\n <\/button>\n <\/div>\n\n <div class=\"toggle-wrap\" style=\"margin-top:18px;\">\n <div\n class=\"switch\"\n id=\"openSwitch\"\n role=\"switch\"\n aria-checked=\"false\"\n tabindex=\"0\"\n aria-label=\"Abierto ahora\">\n <div class=\"knob\" aria-hidden=\"true\"><\/div>\n <\/div>\n <div class=\"toggle-label\">Abierto ahora<\/div>\n <\/div>\n <\/section>\n\n <script>\n const sw = document.getElementById('openSwitch');\n sw.addEventListener('click', toggle);\n sw.addEventListener('keydown', (e) => {\n if(e.key === 'Enter' || e.key === ' ') { e.preventDefault(); toggle(); }\n });\n function toggle(){\n const on = sw.classList.toggle('on');\n sw.setAttribute('aria-checked', String(on));\n }\n\n document.getElementById('ubicameBtn').addEventListener('click', () => {\n alert('Funci\u00f3n de geolocalizaci\u00f3n (a implementar).');\n });\n\n document.getElementById('filtrosBtn').addEventListener('click', () => {\n alert('Abrir filtros (a implementar).');\n });\n\n document.querySelector('.search-btn').addEventListener('click', () => {\n const q = document.getElementById('q').value.trim();\n alert(q ? ('Buscando: ' + q) : 'Introduce ciudad o c\u00f3digo postal');\n });\n <\/script>\n<\/body>\n<\/html>\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3b4c873 e-flex e-con-boxed e-con e-parent\" data-id=\"3b4c873\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4327386 elementor-widget elementor-widget-google_maps\" data-id=\"4327386\" data-element_type=\"widget\" data-widget_type=\"google_maps.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-custom-embed\">\n\t\t\t<iframe loading=\"lazy\"\n\t\t\t\t\tsrc=\"https:\/\/maps.google.com\/maps?q=tienda%20animal&t=m&z=10&output=embed&iwloc=near\"\n\t\t\t\t\ttitle=\"tienda animal\"\n\t\t\t\t\taria-label=\"tienda animal\"\n\t\t\t><\/iframe>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Encuentra tu tienda Encuentra tu tienda Ub\u00edcame Filtros Abierto ahora<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-24","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/amaldonado.mkmp1.com.es\/amaldonadowp\/wp-json\/wp\/v2\/pages\/24","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/amaldonado.mkmp1.com.es\/amaldonadowp\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/amaldonado.mkmp1.com.es\/amaldonadowp\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/amaldonado.mkmp1.com.es\/amaldonadowp\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/amaldonado.mkmp1.com.es\/amaldonadowp\/wp-json\/wp\/v2\/comments?post=24"}],"version-history":[{"count":25,"href":"https:\/\/amaldonado.mkmp1.com.es\/amaldonadowp\/wp-json\/wp\/v2\/pages\/24\/revisions"}],"predecessor-version":[{"id":440,"href":"https:\/\/amaldonado.mkmp1.com.es\/amaldonadowp\/wp-json\/wp\/v2\/pages\/24\/revisions\/440"}],"wp:attachment":[{"href":"https:\/\/amaldonado.mkmp1.com.es\/amaldonadowp\/wp-json\/wp\/v2\/media?parent=24"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}