{"id":4,"date":"2026-05-23T02:42:01","date_gmt":"2026-05-23T02:42:01","guid":{"rendered":"http:\/\/localhost:7016\/?page_id=4"},"modified":"2026-05-23T02:42:01","modified_gmt":"2026-05-23T02:42:01","slug":"inicio","status":"publish","type":"page","link":"https:\/\/mascota7.com\/","title":{"rendered":"Inicio"},"content":{"rendered":"<div id=\"m7\">\n\n<!-- \u2550\u2550 BARRA DE NAVEGACI\u00d3N \u2550\u2550 -->\n<nav class=\"m7-nav\">\n  <div style=\"display:flex;align-items:center;gap:16px;\">\n    <!-- LOGO Mascota7.com exacto -->\n    <div class=\"m7-logo\" onclick=\"irPagina('home')\">\n      <svg width=\"42\" height=\"42\" viewBox=\"0 0 42 42\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n        <ellipse cx=\"10\" cy=\"9\"  rx=\"5.5\" ry=\"7.5\" fill=\"#1a7a4a\"\/>\n        <ellipse cx=\"32\" cy=\"9\"  rx=\"5.5\" ry=\"7.5\" fill=\"#1a7a4a\"\/>\n        <ellipse cx=\"21\" cy=\"29\" rx=\"13\"  ry=\"11\"  fill=\"#1a7a4a\"\/>\n        <ellipse cx=\"12\" cy=\"22\" rx=\"5.5\" ry=\"7\"   fill=\"#1a7a4a\"\/>\n        <ellipse cx=\"30\" cy=\"22\" rx=\"5.5\" ry=\"7\"   fill=\"#1a7a4a\"\/>\n        <circle  cx=\"17\" cy=\"28\" r=\"2.5\" fill=\"#fff\" opacity=\".35\"\/>\n        <circle  cx=\"25\" cy=\"28\" r=\"2.5\" fill=\"#fff\" opacity=\".35\"\/>\n      <\/svg>\n      <div>\n        <span style=\"font-size:22px;font-weight:900;color:#1a3d2b;font-family:'Inter',sans-serif;\">mascota<\/span><span style=\"font-size:22px;font-weight:900;color:#f97316;font-family:'Inter',sans-serif;\">7<\/span><span style=\"font-size:22px;font-weight:900;color:#1a3d2b;font-family:'Inter',sans-serif;\">.com<\/span>\n        <small style=\"font-size:10px;color:#6b7280;display:block;margin-top:-2px;font-weight:500;\">El cuidado que tu mascota merece \ud83d\udc3e<\/small>\n      <\/div>\n    <\/div>\n    <div class=\"m7-nav-links\">\n      <button class=\"m7-nav-lnk\" onclick=\"irPagina('buscar')\">\n        <svg width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\" style=\"display:inline;margin-right:4px;vertical-align:middle;\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><path d=\"M21 21l-4.35-4.35\"\/><\/svg>\n        Buscar Cuidadores\n      <\/button>\n      <button class=\"m7-nav-lnk\" onclick=\"abrirModal('ser-cuidador')\">\n        <svg width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\" style=\"display:inline;margin-right:4px;vertical-align:middle;\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/><\/svg>\n        Hazte Cuidador\n      <\/button>\n      <button class=\"m7-nav-lnk\" onclick=\"document.getElementById('m7-sec-servicios').scrollIntoView({behavior:'smooth'})\">\n        <svg width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\" style=\"display:inline;margin-right:4px;vertical-align:middle;\"><path d=\"M20 9v11a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V9M9 22V12h6v10M2 10.6L12 2l10 8.6\"\/><\/svg>\n        Nuestros Servicios\n      <\/button>\n    <\/div>\n  <\/div>\n  <div style=\"display:flex;align-items:center;gap:8px;\">\n    <button class=\"m7-nav-lnk\" onclick=\"abrirModal('registro')\" style=\"font-weight:700;\">Reg\u00edstrate<\/button>\n    <button class=\"m7-nav-lnk\" onclick=\"abrirModal('login')\">Iniciar Sesi\u00f3n<\/button>\n    <button class=\"m7-nav-lnk\" onclick=\"irPagina('buscar')\" style=\"display:flex;align-items:center;gap:4px;\">\n      <svg width=\"15\" height=\"15\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 16v-4M12 8h.01\"\/><\/svg>\n      Ayuda\n    <\/button>\n      <\/div>\n<\/nav>\n\n<!-- \u2588\u2588 P\u00c1GINA INICIO \u2588\u2588 -->\n<div class=\"m7-pag activa\" id=\"m7pag-home\">\n\n  <!-- HERO con imagen del dise\u00f1o -->\n  <div class=\"m7-hero\" style=\"min-height:520px;\">\n    <div class=\"m7-hero-bg\" style=\"background-image:url('https:\/\/mascota7.com\/wp-content\/plugins\/mascota7\/images\/hero.png');opacity:.9;background-position:center top;\"><\/div>\n    <div class=\"m7-hero-overlay\" style=\"background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(0,0,0,.08) 100%);\"><\/div>\n    <div class=\"m7-hero-contenido\" style=\"padding-top:60px;\">\n      <h1 style=\"font-size:clamp(28px,4.5vw,50px);font-weight:900;color:#1a3d2b;text-shadow:none;line-height:1.1;margin-bottom:10px;\">\n        El cuidado que tu mascota<br>\n        <span style=\"color:#16a34a;\">merece, cerca de ti<\/span>\u2122\n      <\/h1>\n      <p style=\"font-size:18px;color:#374151;margin-bottom:28px;font-weight:500;\">Encuentra cuidadores y paseadores confiables.<\/p>\n\n      <!-- BUSCADOR estilo Rover\/Mascota7 -->\n      <div style=\"background:#fff;border-radius:12px;padding:20px 22px;max-width:680px;width:100%;box-shadow:0 8px 40px rgba(0,0,0,.15);\">\n        <p style=\"font-size:13.5px;font-weight:700;color:#374151;margin-bottom:12px;\">\u00bfQu\u00e9 tipo de cuidado para tu mascota buscas?<\/p>\n        <div class=\"m7-svc-tabs\" id=\"m7-svc-tabs\"><\/div>\n        <p style=\"font-size:12.5px;font-weight:700;color:#374151;margin-bottom:5px;\">Ubicaci\u00f3n<\/p>\n        <div style=\"display:flex;gap:10px;align-items:center;\">\n          <input type=\"text\" placeholder=\"Ingresa tu direcci\u00f3n\" style=\"flex:1;border:1.5px solid #e5e7eb;border-radius:8px;padding:11px 14px;font-size:14px;outline:none;font-family:'Inter',sans-serif;\"\/>\n          <button onclick=\"irPagina('buscar')\" style=\"background:#16a34a;color:#fff;border:none;border-radius:25px;padding:12px 32px;font-size:15px;font-weight:800;cursor:pointer;white-space:nowrap;font-family:'Inter',sans-serif;transition:.15s;\" onmouseover=\"this.style.background='#15803d'\" onmouseout=\"this.style.background='#16a34a'\">Buscar<\/button>\n        <\/div>\n      <\/div>\n\n      <!-- Trustpilot -->\n      <div style=\"display:flex;align-items:center;gap:8px;background:rgba(26,61,43,.85);border-radius:25px;padding:8px 18px;margin-top:18px;\">\n        <span style=\"color:#4ade80;font-size:16px;letter-spacing:2px;\">\u2605\u2605\u2605\u2605\u2605<\/span>\n        <span style=\"color:#fff;font-size:13px;font-weight:600;\">M\u00e1s de 30,000 rese\u00f1as en<\/span>\n        <span style=\"color:#4ade80;font-weight:800;font-size:13px;\">\u2605 Trustpilot<\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- BENEFICIOS (banda verde oscuro) -->\n  <div style=\"background:#1a3d2b;padding:18px 24px;\">\n    <div style=\"max-width:1060px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;\">\n            <div style=\"display:flex;align-items:flex-start;gap:12px;\">\n        <div style=\"flex-shrink:0;margin-top:2px;\"><svg width=\"22\" height=\"22\" fill=\"none\" stroke=\"#4ade80\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg><\/div>\n        <div>\n          <div style=\"font-weight:800;font-size:13px;color:#fff;margin-bottom:3px;\">Verificados y Confiables<\/div>\n          <div style=\"font-size:12px;color:rgba(255,255,255,.65);line-height:1.5;\">Todos los cuidadores pasan por verificaci\u00f3n de antecedentes.<\/div>\n        <\/div>\n      <\/div>\n            <div style=\"display:flex;align-items:flex-start;gap:12px;\">\n        <div style=\"flex-shrink:0;margin-top:2px;\"><svg width=\"22\" height=\"22\" fill=\"none\" stroke=\"#4ade80\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M16 2v4M8 2v4M3 10h18\"\/><\/svg><\/div>\n        <div>\n          <div style=\"font-weight:800;font-size:13px;color:#fff;margin-bottom:3px;\">Reserva F\u00e1cil<\/div>\n          <div style=\"font-size:12px;color:rgba(255,255,255,.65);line-height:1.5;\">Reserva y paga de forma segura en minutos.<\/div>\n        <\/div>\n      <\/div>\n            <div style=\"display:flex;align-items:flex-start;gap:12px;\">\n        <div style=\"flex-shrink:0;margin-top:2px;\"><svg width=\"22\" height=\"22\" fill=\"none\" stroke=\"#4ade80\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/><\/svg><\/div>\n        <div>\n          <div style=\"font-weight:800;font-size:13px;color:#fff;margin-bottom:3px;\">Soporte 24\/7<\/div>\n          <div style=\"font-size:12px;color:rgba(255,255,255,.65);line-height:1.5;\">Nuestro equipo est\u00e1 aqu\u00ed para ayudarte, cuando lo necesites.<\/div>\n        <\/div>\n      <\/div>\n            <div style=\"display:flex;align-items:flex-start;gap:12px;\">\n        <div style=\"flex-shrink:0;margin-top:2px;\"><svg width=\"22\" height=\"22\" fill=\"none\" stroke=\"#4ade80\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/><\/svg><\/div>\n        <div>\n          <div style=\"font-weight:800;font-size:13px;color:#fff;margin-bottom:3px;\">Mascotas Felices<\/div>\n          <div style=\"font-size:12px;color:rgba(255,255,255,.65);line-height:1.5;\">Cuidado con amor para que viajes sin preocupaciones.<\/div>\n        <\/div>\n      <\/div>\n          <\/div>\n  <\/div>\n\n  <!-- SERVICIOS POPULARES -->\n  <div style=\"padding:44px 24px;\" id=\"m7-sec-servicios\">\n    <div style=\"max-width:1060px;margin:0 auto;\">\n      <div style=\"text-align:center;margin-bottom:28px;\">\n        <div style=\"display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:4px;\">\n          <div style=\"height:2px;width:50px;background:#16a34a;\"><\/div>\n          <h2 style=\"font-size:26px;font-weight:900;color:#1a3d2b;\">Servicios populares para tu mascota<\/h2>\n          <div style=\"height:2px;width:50px;background:#16a34a;\"><\/div>\n        <\/div>\n        <p style=\"font-size:14px;color:#6b7280;\">Elige el servicio que m\u00e1s necesitas<\/p>\n      <\/div>\n      <div id=\"m7-svc-grid\" style=\"display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;\"><\/div>\n    <\/div>\n  <\/div>\n\n  <!-- PA\u00cdSES \/ LATAM -->\n  <div style=\"background:linear-gradient(135deg,#16a34a 0%,#1a3d2b 100%);padding:24px 24px;\">\n    <div style=\"max-width:1060px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;\">\n      <div>\n        <div style=\"font-size:20px;font-weight:900;color:#fff;margin-bottom:4px;\">\ud83c\udf0e Mascota7.com \u2014 Para toda Latinoam\u00e9rica<\/div>\n        <div style=\"font-size:13px;color:rgba(255,255,255,.8);\">La plataforma de cuidado de mascotas m\u00e1s grande de habla hispana<\/div>\n      <\/div>\n      <div style=\"display:flex;gap:10px;flex-wrap:wrap;\" id=\"m7-paises-flags\"><\/div>\n    <\/div>\n  <\/div>\n\n  <!-- CUIDADORES DESTACADOS -->\n  <div style=\"padding:44px 24px;background:#f9fafb;\">\n    <div style=\"max-width:1060px;margin:0 auto;\">\n      <div style=\"text-align:center;margin-bottom:28px;\">\n        <h2 style=\"font-size:24px;font-weight:900;color:#1a3d2b;margin-bottom:6px;\">Cuidadores mejor calificados<\/h2>\n        <p style=\"font-size:14px;color:#6b7280;\">Verificados, confiables y amantes de las mascotas<\/p>\n      <\/div>\n      <div id=\"m7-cuid-grid\" style=\"display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;\"><\/div>\n    <\/div>\n  <\/div>\n\n  <!-- C\u00d3MO FUNCIONA -->\n  <div style=\"padding:44px 24px;\">\n    <div style=\"max-width:1060px;margin:0 auto;\">\n      <div style=\"text-align:center;margin-bottom:28px;\">\n        <h2 style=\"font-size:24px;font-weight:900;color:#1a3d2b;margin-bottom:6px;\">\u00bfC\u00f3mo funciona?<\/h2>\n        <p style=\"font-size:14px;color:#6b7280;\">Encuentra y reserva en 3 simples pasos<\/p>\n      <\/div>\n      <div id=\"m7-como-grid\"><\/div>\n    <\/div>\n  <\/div>\n\n  <!-- POR QU\u00c9 -->\n  <div style=\"background:linear-gradient(180deg,#f0fdf4 0%,#fff 100%);padding:44px 24px;\">\n    <div style=\"max-width:1060px;margin:0 auto;\">\n      <div style=\"text-align:center;margin-bottom:28px;\">\n        <h2 style=\"font-size:24px;font-weight:900;color:#1a3d2b;margin-bottom:6px;\">\u00bfPor qu\u00e9 elegir Mascota7?<\/h2>\n        <p style=\"font-size:14px;color:#6b7280;\">Tu mascota y tu tranquilidad, nuestra prioridad<\/p>\n      <\/div>\n      <div id=\"m7-xque-grid\"><\/div>\n    <\/div>\n  <\/div>\n\n  <!-- HAZTE CUIDADOR -->\n  <div class=\"m7-ser-cuidador\">\n    <div class=\"m7-ser-interior\">\n      <div class=\"m7-ser-izq\">\n        <h2>Gana haciendo lo que<br><span>amas: cuidar mascotas<\/span><\/h2>\n        <p>\u00danete a la red de cuidadores m\u00e1s grande de Latinoam\u00e9rica. Trabaja en tu horario, desde tu casa y gana dinero cuidando mascotas.<\/p>\n        <div class=\"m7-ser-pasos\" id=\"m7-ser-pasos\"><\/div>\n        <button class=\"btn btn-naranja\" style=\"font-size:15px;padding:13px 28px;\" onclick=\"abrirModal('ser-cuidador')\">Registrarme como cuidador gratis \ud83d\udc3e<\/button>\n      <\/div>\n      <div class=\"m7-ser-stats\" id=\"m7-ser-stats\"><\/div>\n    <\/div>\n  <\/div>\n\n  <!-- CTA FINAL -->\n  <div style=\"background:#1a3d2b;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;\">\n    <div style=\"display:flex;align-items:center;gap:14px;\">\n      <svg width=\"48\" height=\"48\" viewBox=\"0 0 42 42\" fill=\"none\">\n        <ellipse cx=\"10\" cy=\"9\"  rx=\"5.5\" ry=\"7.5\" fill=\"#4ade80\"\/>\n        <ellipse cx=\"32\" cy=\"9\"  rx=\"5.5\" ry=\"7.5\" fill=\"#4ade80\"\/>\n        <ellipse cx=\"21\" cy=\"29\" rx=\"13\"  ry=\"11\"  fill=\"#4ade80\"\/>\n        <ellipse cx=\"12\" cy=\"22\" rx=\"5.5\" ry=\"7\"   fill=\"#4ade80\"\/>\n        <ellipse cx=\"30\" cy=\"22\" rx=\"5.5\" ry=\"7\"   fill=\"#4ade80\"\/>\n      <\/svg>\n      <div>\n        <div style=\"font-size:18px;font-weight:900;color:#fff;\">\u00a1\u00danete a mascota7.com hoy!<\/div>\n        <div style=\"font-size:13px;color:rgba(255,255,255,.7);\">Encuentra cuidado confiable o convi\u00e9rtete en cuidador y gana.<\/div>\n      <\/div>\n    <\/div>\n    <div style=\"display:flex;gap:12px;flex-wrap:wrap;\">\n      <button onclick=\"abrirModal('ser-cuidador')\" style=\"background:none;border:2px solid #fff;color:#fff;border-radius:25px;padding:12px 26px;font-size:14px;font-weight:800;cursor:pointer;font-family:'Inter',sans-serif;transition:.15s;\" onmouseover=\"this.style.background='rgba(255,255,255,.1)'\" onmouseout=\"this.style.background='none'\">Hazte Cuidador<\/button>\n      <button onclick=\"abrirModal('registro')\" style=\"background:#fff;color:#1a3d2b;border:none;border-radius:25px;padding:12px 26px;font-size:14px;font-weight:900;cursor:pointer;font-family:'Inter',sans-serif;transition:.15s;\" onmouseover=\"this.style.background='#f0fdf4'\" onmouseout=\"this.style.background='#fff'\">Reg\u00edstrate Ahora<\/button>\n    <\/div>\n  <\/div>\n\n  <!-- PIE DE P\u00c1GINA -->\n  <footer style=\"background:#111827;padding:44px 24px 20px;\">\n    <div style=\"max-width:1060px;margin:0 auto;\">\n      <div style=\"display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:28px;margin-bottom:28px;\">\n        <div>\n          <div style=\"font-size:20px;font-weight:900;margin-bottom:8px;\"><span style=\"color:#4ade80;\">mascota<\/span><span style=\"color:#f97316;\">7<\/span><span style=\"color:#4ade80;\">.com<\/span><\/div>\n          <p style=\"font-size:13px;color:rgba(255,255,255,.5);line-height:1.65;max-width:230px;\">La plataforma de cuidado de mascotas para toda la comunidad latina. \ud83c\udf0e\ud83d\udc3e<\/p>\n          <div style=\"display:flex;gap:6px;margin-top:12px;flex-wrap:wrap;\" id=\"m7-footer-paises-mini\"><\/div>\n        <\/div>\n        <div>\n          <h4 style=\"font-size:11px;font-weight:700;color:rgba(255,255,255,.35);text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px;\">Servicios<\/h4>\n          <div id=\"m7-footer-svc\" style=\"display:flex;flex-direction:column;gap:7px;\"><\/div>\n        <\/div>\n        <div>\n          <h4 style=\"font-size:11px;font-weight:700;color:rgba(255,255,255,.35);text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px;\">Para Cuidadores<\/h4>\n          <div id=\"m7-footer-pro\" style=\"display:flex;flex-direction:column;gap:7px;\"><\/div>\n        <\/div>\n        <div>\n          <h4 style=\"font-size:11px;font-weight:700;color:rgba(255,255,255,.35);text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px;\">Ayuda<\/h4>\n          <div id=\"m7-footer-ayuda\" style=\"display:flex;flex-direction:column;gap:7px;\"><\/div>\n        <\/div>\n      <\/div>\n      <div style=\"border-top:1px solid rgba(255,255,255,.08);padding-top:18px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;\">\n        <div style=\"font-size:12px;color:rgba(255,255,255,.3);\">\u00a9 2026 Mascota7.com \u2014 Para toda Latinoam\u00e9rica \ud83c\udf0e<\/div>\n        <div style=\"font-size:12px;color:rgba(255,255,255,.3);\">\ud83d\udc3e El cuidado que tu mascota merece<\/div>\n      <\/div>\n    <\/div>\n  <\/footer>\n<\/div>\n\n<!-- \u2588\u2588 BUSCAR \u2588\u2588 -->\n<div class=\"m7-pag\" id=\"m7pag-buscar\">\n  <div style=\"max-width:1060px;margin:0 auto;padding:28px 20px;\">\n    <div style=\"display:flex;align-items:center;gap:10px;margin-bottom:20px;\">\n      <button onclick=\"irPagina('home')\" style=\"background:none;border:none;font-size:22px;cursor:pointer;color:#6b7280;\">\u2190<\/button>\n      <div>\n        <h2 style=\"font-size:20px;font-weight:900;color:#1a3d2b;\">Encontrar cuidadores cerca de ti<\/h2>\n        <p style=\"font-size:13px;color:#6b7280;\">Cuidadores verificados y disponibles en tu zona<\/p>\n      <\/div>\n    <\/div>\n    <div style=\"display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px;\">\n      <select id=\"m7-filtro-svc\" class=\"m7-fi\" style=\"border-radius:25px;max-width:200px;\" onchange=\"renderBuscar()\">\n        <option value=\"\">\u2014 Todos los servicios \u2014<\/option>\n      <\/select>\n      <input type=\"text\" class=\"m7-fi\" style=\"border-radius:25px;max-width:220px;\" placeholder=\"\ud83c\udf0e Ciudad o pa\u00eds\"\/>\n      <button class=\"btn btn-verde\" onclick=\"renderBuscar()\">Buscar<\/button>\n    <\/div>\n    <div id=\"m7-buscar-grid\" style=\"display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;\"><\/div>\n  <\/div>\n<\/div>\n\n<!-- \u2588\u2588 CALENDARIO \u2588\u2588 -->\n<div class=\"m7-pag\" id=\"m7pag-calendario\">\n  <div style=\"max-width:1060px;margin:0 auto;padding:28px 20px;\">\n    <div style=\"display:flex;align-items:center;gap:10px;margin-bottom:20px;\">\n      <button onclick=\"irPagina('home')\" style=\"background:none;border:none;font-size:22px;cursor:pointer;color:#6b7280;\">\u2190<\/button>\n      <div>\n        <h2 style=\"font-size:20px;font-weight:900;color:#1a3d2b;\">\ud83d\udcc5 Agendar Cita<\/h2>\n        <p style=\"font-size:13px;color:#6b7280;\">Selecciona un cuidador, fecha y hora disponible<\/p>\n      <\/div>\n    <\/div>\n\n    <div style=\"display:grid;grid-template-columns:1fr 1fr;gap:20px;\">\n      <!-- Izquierda: selector + calendario -->\n      <div>\n        <div class=\"m7-fg\" style=\"margin-bottom:16px;\">\n          <label style=\"font-size:13px;font-weight:800;color:#1a3d2b;margin-bottom:6px;display:block;\">Selecciona un cuidador<\/label>\n          <select class=\"m7-fi\" id=\"m7-cal-prov-sel\" onchange=\"if(selFecha)selDia(selFecha)\">\n            <option value=\"0\">\u2014 Selecciona un cuidador \u2014<\/option>\n                        <option value=\"1\">Ana Garc\u00eda \u2014 Alojamiento (Ciudad de M\u00e9xico)<\/option>\n            <option value=\"2\">Carlos Rivas \u2014 Paseos (Bogot\u00e1)<\/option>\n            <option value=\"3\">Laura M\u00e9ndez \u2014 Cuidado en casa (Buenos Aires)<\/option>\n          <\/select>\n        <\/div>\n        <div class=\"m7-cal-card\">\n          <div class=\"m7-cal-cabecera\">\n            <button class=\"m7-cal-btn-nav\" onclick=\"navCal(-1)\">\u2039<\/button>\n            <div class=\"m7-cal-mes\" id=\"m7-cal-mes-lbl\"><\/div>\n            <button class=\"m7-cal-btn-nav\" onclick=\"navCal(1)\">\u203a<\/button>\n          <\/div>\n          <div class=\"m7-cal-grilla\" id=\"m7-cal-dow\"><\/div>\n          <div class=\"m7-cal-grilla\" id=\"m7-cal-dias\"><\/div>\n          <div id=\"m7-slots-wrap\" style=\"display:none;margin-top:14px;\"><\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Derecha: formulario de cita -->\n      <div>\n        <div id=\"m7-cal-form\">\n          <div style=\"background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;padding:20px;border-top:4px solid #16a34a;\">\n            <div style=\"font-size:14px;font-weight:900;color:#1a3d2b;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;gap:7px;\">\n              <svg width=\"18\" height=\"18\" fill=\"none\" stroke=\"#16a34a\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2M9 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8z\"\/><\/svg>\n              Datos de la cita\n            <\/div>\n            <div class=\"m7-fg\"><label style=\"font-size:12px;font-weight:700;color:#1a3d2b;display:block;margin-bottom:4px;\">Nombre completo *<\/label><input class=\"m7-fi\" type=\"text\" id=\"m7-cal-nombre\" placeholder=\"Mar\u00eda Garc\u00eda\"\/><\/div>\n            <div class=\"m7-fg\"><label style=\"font-size:12px;font-weight:700;color:#1a3d2b;display:block;margin-bottom:4px;\">Correo electr\u00f3nico *<\/label><input class=\"m7-fi\" type=\"email\" id=\"m7-cal-email\" placeholder=\"correo@email.com\"\/><\/div>\n            <div class=\"m7-fg\"><label style=\"font-size:12px;font-weight:700;color:#1a3d2b;display:block;margin-bottom:4px;\">Tel\u00e9fono<\/label><input class=\"m7-fi\" type=\"tel\" id=\"m7-cal-tel\" placeholder=\"+52 55 0000 0000\"\/><\/div>\n            <div style=\"display:grid;grid-template-columns:1fr 1fr;gap:10px;\">\n              <div class=\"m7-fg\"><label style=\"font-size:12px;font-weight:700;color:#1a3d2b;display:block;margin-bottom:4px;\">Nombre de tu mascota *<\/label><input class=\"m7-fi\" type=\"text\" id=\"m7-cal-mascota\" placeholder=\"Luna\"\/><\/div>\n              <div class=\"m7-fg\"><label style=\"font-size:12px;font-weight:700;color:#1a3d2b;display:block;margin-bottom:4px;\">Tipo de mascota *<\/label>\n                <select class=\"m7-fi\" id=\"m7-cal-tipo\">\n                  <option>\ud83d\udc15 Perro<\/option><option>\ud83d\udc31 Gato<\/option><option>\ud83d\udc26 P\u00e1jaro<\/option><option>\ud83d\udc07 Conejo<\/option>\n                <\/select>\n              <\/div>\n            <\/div>\n            <div class=\"m7-fg\"><label style=\"font-size:12px;font-weight:700;color:#1a3d2b;display:block;margin-bottom:4px;\">Servicio *<\/label>\n              <select class=\"m7-fi\" id=\"m7-cal-servicio\">\n                <option>Hospedaje \/ Alojamiento<\/option><option>Cuidado en tu hogar<\/option>\n                <option>Visitas a domicilio<\/option><option>Guarder\u00eda de d\u00eda<\/option>\n                <option>Paseo de perros<\/option><option>Grooming<\/option>\n              <\/select>\n            <\/div>\n            <div class=\"m7-fg\"><label style=\"font-size:12px;font-weight:700;color:#1a3d2b;display:block;margin-bottom:4px;\">Fecha y hora seleccionada<\/label>\n              <input class=\"m7-fi\" type=\"text\" id=\"m7-cal-fecha-hora\" readonly style=\"background:#f8fafc;cursor:default;\" placeholder=\"Selecciona en el calendario\"\/>\n            <\/div>\n            <div class=\"m7-fg\"><label style=\"font-size:12px;font-weight:700;color:#1a3d2b;display:block;margin-bottom:4px;\">Notas adicionales<\/label>\n              <textarea class=\"m7-fi\" id=\"m7-cal-notas\" rows=\"2\" placeholder=\"Alergias, medicamentos, instrucciones especiales...\"><\/textarea>\n            <\/div>\n            <button onclick=\"confirmarCita()\" style=\"background:#16a34a;color:#fff;border:none;border-radius:25px;width:100%;padding:13px;font-size:15px;font-weight:900;cursor:pointer;font-family:'Inter',sans-serif;transition:.15s;\" onmouseover=\"this.style.background='#15803d'\" onmouseout=\"this.style.background='#16a34a'\">\n              \ud83d\udc3e Confirmar mi cita\n            <\/button>\n          <\/div>\n        <\/div>\n\n        <div id=\"m7-cal-exito\" style=\"display:none;\">\n          <div style=\"background:#f0fdf4;border:2px solid #86efac;border-radius:12px;padding:28px;text-align:center;\">\n            <svg width=\"48\" height=\"48\" fill=\"none\" stroke=\"#16a34a\" stroke-width=\"2\" viewBox=\"0 0 24 24\" style=\"margin:0 auto 12px;display:block;\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>\n            <h4 style=\"font-size:18px;font-weight:900;color:#166534;margin-bottom:6px;\">\u00a1Cita confirmada! \ud83d\udc3e<\/h4>\n            <p style=\"font-size:13px;color:#15803d;margin-bottom:8px;\">Recibir\u00e1s un correo con los detalles de tu cita.<\/p>\n            <p style=\"font-size:14px;font-weight:900;color:#166534;\" id=\"m7-cal-exito-detalle\"><\/p>\n            <button onclick=\"resetCal()\" style=\"margin-top:14px;background:#16a34a;color:#fff;border:none;border-radius:20px;padding:9px 22px;font-size:13px;font-weight:700;cursor:pointer;font-family:'Inter',sans-serif;\">Nueva cita<\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- \u2588\u2588 PANEL PROVEEDOR \u2588\u2588 -->\n<div class=\"m7-pag\" id=\"m7pag-proveedor\">\n  <div class=\"m7-panel\">\n    <div class=\"m7-barra-lateral\">\n      <div class=\"m7-bl-cabecera\">\n        <div class=\"m7-bl-marca\">\ud83d\udc3e mascota<span style=\"color:#f97316;\">7<\/span>.com<\/div>\n        <div class=\"m7-bl-rol\">Panel Cuidador<\/div>\n      <\/div>\n      <div class=\"m7-bl-titulo\">MEN\u00da PRINCIPAL<\/div>\n      <button class=\"m7-bl-item activa\" onclick=\"panelProv('resumen',this)\"><i class=\"ti ti-layout-dashboard\" aria-hidden=\"true\"><\/i>Resumen<\/button>\n      <button class=\"m7-bl-item\" onclick=\"panelProv('perfil',this)\"><i class=\"ti ti-user-circle\" aria-hidden=\"true\"><\/i>Mi Perfil<\/button>\n      <button class=\"m7-bl-item\" onclick=\"panelProv('horario',this)\"><i class=\"ti ti-clock\" aria-hidden=\"true\"><\/i>Mi Horario<\/button>\n      <button class=\"m7-bl-item\" onclick=\"panelProv('publicar',this)\"><i class=\"ti ti-plus-circle\" aria-hidden=\"true\"><\/i>Publicar Servicio<\/button>\n      <div class=\"m7-bl-titulo\">GESTI\u00d3N<\/div>\n      <button class=\"m7-bl-item\" onclick=\"panelProv('mis-servicios',this)\"><i class=\"ti ti-clipboard-list\" aria-hidden=\"true\"><\/i>Mis Servicios<\/button>\n      <button class=\"m7-bl-item\" onclick=\"panelProv('solicitudes',this)\"><i class=\"ti ti-bell\" aria-hidden=\"true\"><\/i>Solicitudes<\/button>\n      <button class=\"m7-bl-item\" onclick=\"panelProv('calendario-pro',this)\"><i class=\"ti ti-calendar\" aria-hidden=\"true\"><\/i>Mi Calendario<\/button>\n      <button class=\"m7-bl-item\" onclick=\"panelProv('resenas',this)\"><i class=\"ti ti-star\" aria-hidden=\"true\"><\/i>Rese\u00f1as<\/button>\n      <div style=\"flex:1;\"><\/div>\n      <button class=\"m7-bl-item\" onclick=\"irPagina('home')\"><i class=\"ti ti-arrow-left\" aria-hidden=\"true\"><\/i>Volver al sitio<\/button>\n    <\/div>\n    <div class=\"m7-panel-main\" id=\"m7-prov-contenido\"><\/div>\n  <\/div>\n<\/div>\n\n<!-- \u2588\u2588 PANEL USUARIO \u2588\u2588 -->\n<div class=\"m7-pag\" id=\"m7pag-usuario\">\n  <div class=\"m7-panel\">\n    <div class=\"m7-barra-lateral\">\n      <div class=\"m7-bl-cabecera\">\n        <div class=\"m7-bl-marca\">\ud83d\udc3e mascota<span style=\"color:#f97316;\">7<\/span>.com<\/div>\n        <div class=\"m7-bl-rol\">Mi Cuenta<\/div>\n      <\/div>\n      <div class=\"m7-bl-titulo\">MEN\u00da<\/div>\n      <button class=\"m7-bl-item activa\" onclick=\"panelUser('citas',this)\"><i class=\"ti ti-calendar-check\" aria-hidden=\"true\"><\/i>Mis Citas<\/button>\n      <button class=\"m7-bl-item\" onclick=\"panelUser('mascotas',this)\"><i class=\"ti ti-paw-filled\" aria-hidden=\"true\"><\/i>Mis Mascotas<\/button>\n      <button class=\"m7-bl-item\" onclick=\"panelUser('favoritos',this)\"><i class=\"ti ti-heart\" aria-hidden=\"true\"><\/i>Favoritos<\/button>\n      <button class=\"m7-bl-item\" onclick=\"irPagina('calendario')\"><i class=\"ti ti-calendar-plus\" aria-hidden=\"true\"><\/i>Agendar Cita<\/button>\n      <div style=\"flex:1;\"><\/div>\n      <button class=\"m7-bl-item\" onclick=\"irPagina('home')\"><i class=\"ti ti-arrow-left\" aria-hidden=\"true\"><\/i>Volver al sitio<\/button>\n    <\/div>\n    <div class=\"m7-panel-main\" id=\"m7-user-contenido\"><\/div>\n  <\/div>\n<\/div>\n\n<!-- \u2588\u2588 PANEL ADMIN \u2588\u2588 -->\n<div class=\"m7-pag\" id=\"m7pag-admin\">\n  <div class=\"m7-panel\">\n    <div class=\"m7-barra-lateral\">\n      <div class=\"m7-bl-cabecera\">\n        <div class=\"m7-bl-marca\">\ud83d\udc3e mascota<span style=\"color:#f97316;\">7<\/span>.com<\/div>\n        <div class=\"m7-bl-rol\">Administrador<\/div>\n      <\/div>\n      <div class=\"m7-bl-titulo\">PRINCIPAL<\/div>\n      <button class=\"m7-bl-item activa\" onclick=\"panelAdmin('resumen',this)\"><i class=\"ti ti-chart-bar\" aria-hidden=\"true\"><\/i>Vista General<\/button>\n      <button class=\"m7-bl-item\" onclick=\"panelAdmin('cuidadores',this)\"><i class=\"ti ti-users\" aria-hidden=\"true\"><\/i>Cuidadores<\/button>\n      <button class=\"m7-bl-item\" onclick=\"panelAdmin('usuarios',this)\"><i class=\"ti ti-user\" aria-hidden=\"true\"><\/i>Usuarios<\/button>\n      <button class=\"m7-bl-item\" onclick=\"panelAdmin('citas',this)\"><i class=\"ti ti-calendar\" aria-hidden=\"true\"><\/i>Citas<\/button>\n      <button class=\"m7-bl-item\" onclick=\"panelAdmin('servicios',this)\"><i class=\"ti ti-clipboard-list\" aria-hidden=\"true\"><\/i>Servicios<\/button>\n      <div class=\"m7-bl-titulo\">M\u00c1S<\/div>\n      <button class=\"m7-bl-item\" onclick=\"panelAdmin('mensajes',this)\"><i class=\"ti ti-mail\" aria-hidden=\"true\"><\/i>Mensajes<\/button>\n      <button class=\"m7-bl-item\" onclick=\"panelAdmin('ajustes',this)\"><i class=\"ti ti-settings\" aria-hidden=\"true\"><\/i>Ajustes<\/button>\n      <div style=\"flex:1;\"><\/div>\n      <button class=\"m7-bl-item\" onclick=\"irPagina('home')\"><i class=\"ti ti-arrow-left\" aria-hidden=\"true\"><\/i>Volver al sitio<\/button>\n    <\/div>\n    <div class=\"m7-panel-main\" id=\"m7-admin-contenido\"><\/div>\n  <\/div>\n<\/div>\n\n<!-- \u2588\u2588 MODAL \u2588\u2588 -->\n<div class=\"m7-overlay oculto\" id=\"m7-modal-bg\" style=\"display:flex;\">\n  <div class=\"m7-modal\">\n    <div class=\"m7-modal-cab\">\n      <h3 id=\"m7-modal-titulo\">Modal<\/h3>\n      <button class=\"m7-modal-cerrar\" onclick=\"cerrarModal()\">\u2715<\/button>\n    <\/div>\n    <div class=\"m7-modal-cuerpo\" id=\"m7-modal-cuerpo\"><\/div>\n  <\/div>\n<\/div>\n\n<\/div><!-- #m7 -->\n\n<script>\n\/* Paises para el hero y footer *\/\nvar M7_PAISES = ['\ud83c\uddf2\ud83c\uddfd M\u00e9xico','\ud83c\udde8\ud83c\uddf4 Colombia','\ud83c\udde6\ud83c\uddf7 Argentina','\ud83c\uddf5\ud83c\uddea Per\u00fa','\ud83c\udde8\ud83c\uddf1 Chile','\ud83c\uddfb\ud83c\uddea Venezuela','\ud83c\uddea\ud83c\udde8 Ecuador','\ud83c\udde7\ud83c\uddf4 Bolivia','\ud83c\uddf5\ud83c\uddfe Paraguay','\ud83c\uddfa\ud83c\uddfe Uruguay','\ud83c\udde9\ud83c\uddf4 Rep. Dom.','\ud83c\uddec\ud83c\uddf9 Guatemala','\ud83c\uddea\ud83c\uddf8 Espa\u00f1a'];\n\/\/ Render paises en hero y footer\ndocument.addEventListener('DOMContentLoaded',function(){\n  var flags=document.getElementById('m7-paises-flags');\n  if(flags)flags.innerHTML=M7_PAISES.map(function(p){return'<span style=\"background:rgba(255,255,255,.2);border-radius:20px;padding:4px 12px;font-size:12.5px;font-weight:600;color:#fff;cursor:default;\">'+p+'<\/span>';}).join('');\n  var mini=document.getElementById('m7-footer-paises-mini');\n  if(mini)mini.innerHTML=['\ud83c\uddf2\ud83c\uddfd','\ud83c\udde8\ud83c\uddf4','\ud83c\udde6\ud83c\uddf7','\ud83c\uddf5\ud83c\uddea','\ud83c\udde8\ud83c\uddf1','\ud83c\uddfb\ud83c\uddea','\ud83c\uddea\ud83c\udde8'].map(function(f){return'<span style=\"font-size:18px;\" title=\"'+f+'\">'+f+'<\/span>';}).join('');\n  \/\/ Ocultar modal por defecto\n  var bg=document.getElementById('m7-modal-bg');\n  if(bg){bg.style.display='none';bg.classList.add('oculto');}\n});\n\/\/ Sobrescribir abrirModal para mostrar el overlay correctamente\nvar _abrirModalOrig=window.abrirModal;\nwindow.abrirModal=function(tipo,idx){\n  var bg=document.getElementById('m7-modal-bg');\n  if(bg){bg.style.display='flex';bg.classList.remove('oculto');}\n  if(_abrirModalOrig)_abrirModalOrig(tipo,idx);\n};\nwindow.cerrarModal=function(){\n  var bg=document.getElementById('m7-modal-bg');\n  if(bg){bg.style.display='none';bg.classList.add('oculto');}\n};\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":0,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-blank-canvas.html","meta":{"footnotes":""},"class_list":["post-4","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mascota7.com\/index.php?rest_route=\/wp\/v2\/pages\/4","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mascota7.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mascota7.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"replies":[{"embeddable":true,"href":"https:\/\/mascota7.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4"}],"version-history":[{"count":0,"href":"https:\/\/mascota7.com\/index.php?rest_route=\/wp\/v2\/pages\/4\/revisions"}],"wp:attachment":[{"href":"https:\/\/mascota7.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}