{"id":245,"date":"2026-06-11T01:39:39","date_gmt":"2026-06-11T01:39:39","guid":{"rendered":"https:\/\/vuelveid.com\/?page_id=245"},"modified":"2026-07-03T12:54:40","modified_gmt":"2026-07-03T12:54:40","slug":"order","status":"publish","type":"page","link":"https:\/\/vuelveid.com\/es\/order\/","title":{"rendered":"Orden"},"content":{"rendered":"<style>\n.vsp * { box-sizing: border-box; margin: 0; padding: 0; }\n\n.vsp {\n  font-family: Georgia, serif;\n  background: #FFF8F2;\n  max-width: 560px;\n  margin: 0 auto;\n  padding: 0 0 60px;\n}\n\n\/* \u2500\u2500 Section header: reusable label for each structured block \u2500\u2500 *\/\n.vsp-label {\n  font-size: 11px;\n  text-transform: uppercase;\n  letter-spacing: 2px;\n  color: #C97B2E;\n  margin-bottom: 12px;\n  display: block;\n}\n\n\/* \u2500\u2500 Intro paragraph (what Vuelve is) \u2500\u2500 *\/\n.vsp-demo-intro {\n  font-size: 13px;\n  color: #7A5C47;\n  line-height: 1.7;\n  background: #FFFAF5;\n  border: 1.5px solid #F0E0CC;\n  border-radius: 12px;\n  padding: 14px 16px;\n  margin-bottom: 28px;\n}\n\n\/* \u2500\u2500 Reference photo \u2500\u2500 *\/\n.vsp-ref-wrap {\n  position: relative;\n  border-radius: 20px;\n  overflow: hidden;\n  margin-bottom: 28px;\n}\n\n.vsp-ref-img {\n  width: 100%;\n  height: auto;\n  display: block;\n  border-radius: 20px;\n}\n\n\/* \u2500\u2500 Demo videos: vertical 9:16, no letterboxing \u2500\u2500\n   aspect-ratio locks the container to the video's native shape,\n   object-fit:cover fills it edge-to-edge \u2192 zero black bars.\n   Width capped at 300px and centered: phone-like presentation.\n   https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/aspect-ratio *\/\n.vsp-demo-item {\n  margin-bottom: 28px;\n}\n\n.vsp-demo-item video {\n  width: 100%;\n  max-width: 300px;\n  aspect-ratio: 9 \/ 16;\n  object-fit: cover;\n  border-radius: 16px;\n  display: block;\n  margin: 0 auto;\n  box-shadow: 0 6px 20px rgba(61,43,31,0.12);\n}\n\n\/* \u2500\u2500 Product image (lives WITH the selector \u2014 changes on selection) \u2500\u2500 *\/\n.vsp-image-wrap {\n  position: relative;\n  background: #F5E8D8;\n  border-radius: 24px;\n  overflow: hidden;\n  margin-bottom: 16px;\n  aspect-ratio: 1;\n}\n\n.vsp-image-wrap img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  transition: opacity 0.3s ease;\n}\n\n.vsp-image-wrap img.fading { opacity: 0; }\n\n.vsp-badge {\n  position: absolute;\n  top: 16px;\n  left: 16px;\n  background: #3D2B1F;\n  color: #E8A84E;\n  font-size: 11px;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n  padding: 6px 14px;\n  border-radius: 20px;\n}\n\n.vsp-title {\n  font-size: 28px;\n  font-weight: 500;\n  color: #3D2B1F;\n  margin-bottom: 4px;\n  line-height: 1.2;\n}\n\n.vsp-subtitle {\n  font-size: 14px;\n  color: #7A5C47;\n  margin-bottom: 20px;\n  font-style: italic;\n}\n\n\/* \u2500\u2500 Tira de beneficios \u2500\u2500 *\/\n.vsp-benefits {\n  display: flex;\n  gap: 8px;\n  margin-bottom: 28px;\n  overflow-x: auto;\n  scrollbar-width: none;\n  padding-bottom: 4px;\n}\n.vsp-benefits::-webkit-scrollbar { display: none; }\n\n.vsp-benefit {\n  flex: 1 0 auto;\n  min-width: 92px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  gap: 8px;\n}\n\n.vsp-benefit-icon {\n  width: 64px;\n  height: 64px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: linear-gradient(135deg, #FFF1E0, #F5E8D8);\n  border: 1.5px solid #F0E0CC;\n  transition: transform 0.25s ease, box-shadow 0.25s ease;\n}\n\n.vsp-benefit-icon svg {\n  width: 30px;\n  height: 30px;\n  color: #C97B2E;\n  stroke: currentColor;\n  fill: none;\n  stroke-width: 1.8;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n@keyframes vspPop {\n  0%   { transform: scale(0.6); opacity: 0; }\n  70%  { transform: scale(1.08); }\n  100% { transform: scale(1); opacity: 1; }\n}\n.vsp-benefit-icon { animation: vspPop 0.45s ease backwards; }\n.vsp-benefit:nth-child(1) .vsp-benefit-icon { animation-delay: 0.05s; }\n.vsp-benefit:nth-child(2) .vsp-benefit-icon { animation-delay: 0.12s; }\n.vsp-benefit:nth-child(3) .vsp-benefit-icon { animation-delay: 0.19s; }\n.vsp-benefit:nth-child(4) .vsp-benefit-icon { animation-delay: 0.26s; }\n.vsp-benefit:nth-child(5) .vsp-benefit-icon { animation-delay: 0.33s; }\n\n.vsp-benefit:hover .vsp-benefit-icon {\n  transform: translateY(-4px);\n  box-shadow: 0 8px 20px rgba(201,123,46,0.25);\n}\n.vsp-benefit:hover .vsp-benefit-icon svg { color: #3D2B1F; }\n\n.vsp-benefit-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: #3D2B1F;\n  line-height: 1.25;\n}\n\n\/* \u2500\u2500 Color selector \u2500\u2500 *\/\n.vsp-colors {\n  display: grid;\n  grid-template-columns: repeat(6, 1fr);\n  gap: 10px;\n  margin-bottom: 28px;\n}\n\n.vsp-color-btn {\n  aspect-ratio: 1;\n  border-radius: 12px;\n  border: 2.5px solid transparent;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  position: relative;\n  overflow: hidden;\n  background: none;\n  padding: 0;\n}\n\n.vsp-color-btn:hover {\n  transform: translateY(-3px);\n  box-shadow: 0 6px 20px rgba(0,0,0,0.15);\n}\n\n.vsp-color-btn.active {\n  border-color: #3D2B1F;\n  transform: translateY(-3px);\n  box-shadow: 0 6px 20px rgba(0,0,0,0.2);\n}\n\n.vsp-color-btn img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  border-radius: 8px;\n}\n\n.vsp-color-name {\n  font-size: 12px;\n  color: #7A5C47;\n  text-align: center;\n  margin-top: 6px;\n  font-family: Georgia, serif;\n}\n\n.vsp-color-item { display: flex; flex-direction: column; }\n\n.vsp-name-wrap { margin-bottom: 20px; }\n\n.vsp-name-input {\n  width: 100%;\n  padding: 16px 20px;\n  border: 1.5px solid #E0D0BE;\n  border-radius: 14px;\n  font-size: 18px;\n  font-family: Georgia, serif;\n  background: #fff;\n  color: #3D2B1F;\n  transition: border-color 0.2s;\n  outline: none;\n  text-transform: capitalize;\n}\n\n.vsp-name-input:focus { border-color: #C97B2E; }\n.vsp-name-input::placeholder { color: #D4B89A; font-style: italic; }\n\n.vsp-tip {\n  display: flex;\n  gap: 10px;\n  align-items: flex-start;\n  background: #FFFAF5;\n  border: 1.5px solid #F0E0CC;\n  border-radius: 12px;\n  padding: 12px 16px;\n  margin-top: 10px;\n}\n\n.vsp-tip-icon { font-size: 16px; flex-shrink: 0; margin-top: 1px; }\n.vsp-tip p { font-size: 12px; color: #7A5C47; line-height: 1.6; }\n.vsp-tip strong { color: #C97B2E; }\n\n.vsp-add-btn {\n  width: 100%;\n  background: #3D2B1F !important;\n  color: #fff !important;\n  border: none;\n  border-radius: 14px;\n  padding: 16px;\n  font-size: 15px;\n  font-family: Georgia, serif;\n  font-weight: 500;\n  cursor: pointer;\n  transition: all 0.2s;\n  margin-top: 14px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n}\n\n.vsp-add-btn:hover {\n  background: #C97B2E !important;\n  color: #fff !important;\n  transform: translateY(-1px);\n}\n\n.vsp-add-btn span { color: #fff !important; }\n\n.vsp-cart {\n  margin-bottom: 20px;\n  display: none;\n}\n\n.vsp-cart-title {\n  font-size: 11px;\n  text-transform: uppercase;\n  letter-spacing: 2px;\n  color: #C97B2E;\n  margin-bottom: 12px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n\n.vsp-cart-item {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  background: #fff;\n  border: 1.5px solid #F0E0CC;\n  border-radius: 12px;\n  padding: 12px 14px;\n  margin-bottom: 8px;\n  animation: vspSlideIn 0.3s ease;\n}\n\n@keyframes vspSlideIn {\n  from { opacity: 0; transform: translateY(-8px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n.vsp-cart-thumb {\n  width: 44px;\n  height: 44px;\n  border-radius: 8px;\n  object-fit: cover;\n  flex-shrink: 0;\n}\n\n.vsp-cart-info { flex: 1; }\n\n.vsp-cart-name {\n  font-size: 15px;\n  font-weight: 500;\n  color: #3D2B1F !important;\n}\n\n.vsp-cart-model {\n  font-size: 12px;\n  color: #999 !important;\n  margin-top: 2px;\n}\n\n.vsp-cart-price {\n  font-size: 14px;\n  font-weight: bold;\n  color: #C97B2E !important;\n  margin-right: 8px;\n}\n\n.vsp-cart-remove {\n  background: none;\n  border: none;\n  color: #CC3333 !important;\n  font-size: 18px;\n  cursor: pointer;\n  padding: 4px;\n  line-height: 1;\n  opacity: 0.6;\n  transition: opacity 0.2s;\n}\n\n.vsp-cart-remove:hover { opacity: 1; }\n\n.vsp-total {\n  background: #3D2B1F;\n  border-radius: 14px;\n  padding: 16px 20px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 14px;\n}\n\n.vsp-total-label {\n  color: rgba(255,255,255,0.7) !important;\n  font-size: 13px;\n  text-transform: uppercase;\n  letter-spacing: 1px;\n}\n\n.vsp-total-price {\n  color: #E8A84E !important;\n  font-size: 24px;\n  font-weight: bold;\n}\n\n.vsp-total-sub {\n  color: rgba(255,255,255,0.4) !important;\n  font-size: 11px;\n  margin-top: 2px;\n}\n\n.vsp-cta {\n  width: 100%;\n  background: linear-gradient(135deg, #C97B2E, #E8A84E) !important;\n  color: #fff !important;\n  border: none;\n  border-radius: 16px;\n  padding: 18px;\n  font-size: 17px;\n  font-family: Georgia, serif;\n  font-weight: bold;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  box-shadow: 0 6px 24px rgba(201,123,46,0.4);\n  margin-bottom: 12px;\n  display: none;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n}\n\n.vsp-cta span { color: #fff !important; }\n\n.vsp-cta:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 10px 32px rgba(201,123,46,0.5);\n}\n\n.vsp-cta.visible { display: flex; }\n\n.vsp-trust {\n  display: flex !important;\n  justify-content: center;\n  gap: 20px;\n  flex-wrap: wrap;\n}\n\n.vsp-trust-item {\n  display: flex !important;\n  align-items: center !important;\n  gap: 5px !important;\n  font-size: 12px !important;\n  color: #7A5C47 !important;\n  text-decoration: none !important;\n}\n\n.vsp-error {\n  background: #FFF4F4;\n  border: 1.5px solid #FFCCCC;\n  border-radius: 10px;\n  padding: 10px 14px;\n  font-size: 13px;\n  color: #CC3333 !important;\n  margin-bottom: 12px;\n  display: none;\n}\n\n.vsp-loading {\n  display: none;\n  text-align: center;\n  padding: 20px;\n  color: #7A5C47 !important;\n  font-size: 14px;\n}\n\n@keyframes vsp-spin { to { transform: rotate(360deg); } }\n\n.vsp-spinner {\n  width: 20px;\n  height: 20px;\n  border: 2px solid #F0E0CC;\n  border-top-color: #C97B2E;\n  border-radius: 50%;\n  animation: vsp-spin 0.6s linear infinite;\n  display: inline-block;\n  vertical-align: middle;\n  margin-right: 8px;\n}\n\n.vsp-divider {\n  height: 1px;\n  background: #F0E0CC;\n  margin: 28px 0;\n}\n<\/style>\n\n<div class=\"vsp\">\n\n  <!-- ============ SECTION 1: What is Vuelve (intro) ============ -->\n  <p class=\"vsp-demo-intro\">\n    <strong>Vuelve ID<\/strong> es un tag inteligente para mascotas, <strong>Dise\u00f1ado y Fabricado en Puerto Rico<\/strong>. Al escanearse con QR o NFC, muestra el perfil digital de tu mascota con tu informaci\u00f3n de contacto \u2014 para que quien la encuentre pueda comunicarse contigo en segundos.\n    <br><br>\n    Adem\u00e1s, si la persona que escanea el tag acepta compartir su ubicaci\u00f3n, <strong>recibes por email el punto exacto del escaneo<\/strong> con un enlace directo a Google Maps.\n    <br><br>\n    Cada tag incluye el <strong>nombre de tu mascota grabado<\/strong> y un <strong>registro digital de vacunas<\/strong>. Para gatos, el dise\u00f1o es <strong>silencioso y ultraliviano<\/strong> \u2014 no suena ni hace peso en el cuello.\n    <br><br>\n    <span style=\"color:#CC3333; font-weight:bold;\">\u26a0\ufe0f Importante: Vuelve ID no es un GPS.<\/span> <span style=\"color:#CC3333;\">No rastrea en tiempo real \u2014 la ubicaci\u00f3n se recibe \u00fanicamente cuando alguien escanea el tag y acepta compartirla.<\/span>\n  <\/p>\n\n  <!-- ============ SECTION 2: Reference photo ============ -->\n  <span class=\"vsp-label\">\ud83d\udcf7 Foto de referencia<\/span>\n  <div class=\"vsp-ref-wrap\">\n    <img decoding=\"async\" class=\"vsp-ref-img\" src=\"https:\/\/vuelveid.com\/wp-content\/uploads\/2026\/06\/Imagen-4-scaled.jpg\" alt=\"Perro con tag Vuelve\">\n  <\/div>\n\n  <!-- ============ SECTION 3: Digital profile demo ============ -->\n  <span class=\"vsp-label\">\ud83d\udcf1 Referencia del perfil digital<\/span>\n  <div class=\"vsp-demo-item\">\n    <!-- preload=metadata: loads headers only, not the full MP4 (mobile data savings)\n         playsinline: prevents forced fullscreen on iOS Safari\n         https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/HTML\/Element\/video -->\n    <video controls playsinline preload=\"metadata\"\n           src=\"https:\/\/vuelveid.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Video-2026-07-02-at-22.29.13.mp4\"><\/video>\n  <\/div>\n\n  <!-- ============ SECTION 4: Multi-pet management demo ============ -->\n  <span class=\"vsp-label\">\ud83d\udc3e Referencia de manejo de m\u00faltiples mascotas<\/span>\n  <div class=\"vsp-demo-item\">\n    <video controls playsinline preload=\"metadata\"\n           src=\"https:\/\/vuelveid.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Video-2026-07-02-at-22.28.45.mp4\"><\/video>\n  <\/div>\n\n  <div class=\"vsp-divider\"><\/div>\n\n  <!-- ============ SECTION 5: Benefits strip ============ -->\n  <span class=\"vsp-label\">Por qu\u00e9 Vuelve<\/span>\n  <div class=\"vsp-benefits\">\n\n    <div class=\"vsp-benefit\">\n      <span class=\"vsp-benefit-icon\">\n        <svg viewbox=\"0 0 24 24\"><rect x=\"5\" y=\"2\" width=\"14\" height=\"20\" rx=\"2.5\"\/><circle cx=\"12\" cy=\"8\" r=\"2.2\"\/><path d=\"M8.5 15.5c0-1.9 1.6-3 3.5-3s3.5 1.1 3.5 3\"\/><\/svg>\n      <\/span>\n      <span class=\"vsp-benefit-label\">Perfil<br>digital<\/span>\n    <\/div>\n\n    <div class=\"vsp-benefit\">\n      <span class=\"vsp-benefit-icon\">\n        <svg viewbox=\"0 0 24 24\"><path d=\"M18 2l4 4\"\/><path d=\"M14.5 5.5l4 4\"\/><path d=\"M16.5 7.5L8 16l-2.5.5L5 19l-2-2 2.5-.5L6 14l8.5-8.5\"\/><path d=\"M9 11l2 2\"\/><path d=\"M2 22l3-3\"\/><\/svg>\n      <\/span>\n      <span class=\"vsp-benefit-label\">Registro de<br>vacunas<\/span>\n    <\/div>\n\n    <div class=\"vsp-benefit\">\n      <span class=\"vsp-benefit-icon\">\n        <svg viewbox=\"0 0 24 24\"><rect x=\"3\" y=\"3\" width=\"7\" height=\"7\" rx=\"1\"\/><rect x=\"5.5\" y=\"5.5\" width=\"2\" height=\"2\" fill=\"currentColor\" stroke=\"none\"\/><rect x=\"3\" y=\"14\" width=\"7\" height=\"7\" rx=\"1\"\/><rect x=\"5.5\" y=\"16.5\" width=\"2\" height=\"2\" fill=\"currentColor\" stroke=\"none\"\/><path d=\"M14.5 5a6 6 0 0 1 0 9\"\/><path d=\"M17 2.5a9.5 9.5 0 0 1 0 14\"\/><\/svg>\n      <\/span>\n      <span class=\"vsp-benefit-label\">NFC +<br>QR Code<\/span>\n    <\/div>\n\n    <div class=\"vsp-benefit\">\n      <span class=\"vsp-benefit-icon\">\n        <svg viewbox=\"0 0 24 24\"><path d=\"M12 2l8 3v6c0 5-3.5 8.5-8 10-4.5-1.5-8-5-8-10V5l8-3z\"\/><path d=\"M8.5 12l2.5 2.5L15.5 9.5\"\/><\/svg>\n      <\/span>\n      <span class=\"vsp-benefit-label\">Resistente<br>al agua<\/span>\n    <\/div>\n\n    <div class=\"vsp-benefit\">\n      <span class=\"vsp-benefit-icon\">\n        <svg viewbox=\"0 0 24 24\"><rect x=\"2\" y=\"8\" width=\"15\" height=\"9\" rx=\"2\"\/><path d=\"M20 11v3\"\/><path d=\"M3 5l16 14\" stroke-width=\"2\"\/><\/svg>\n      <\/span>\n      <span class=\"vsp-benefit-label\">Sin<br>bater\u00edas<\/span>\n    <\/div>\n\n  <\/div>\n\n  <div class=\"vsp-divider\"><\/div>\n\n  <!-- ============ SECTION 6: Product configurator ============ -->\n  <!-- Image + title + selector live TOGETHER: image reacts to selection below -->\n  <span class=\"vsp-label\">Elige tu modelo<\/span>\n\n  <div class=\"vsp-image-wrap\">\n    <img decoding=\"async\" id=\"vsp-main-img\" src=\"https:\/\/vuelveid.com\/wp-content\/uploads\/2026\/04\/Untitled-14.png\" alt=\"Vuelve Smart Tag\">\n    <span class=\"vsp-badge\">Smart Tag \u00b7 $29.99 c\/u<\/span>\n  <\/div>\n\n  <h1 class=\"vsp-title\" id=\"vsp-title\">Bosque<\/h1>\n  <p class=\"vsp-subtitle\">QR + NFC \u00b7 Sin bater\u00edas \u00b7 Perfil digital<\/p>\n\n  <div class=\"vsp-colors\">\n\n    <div class=\"vsp-color-item\">\n      <button class=\"vsp-color-btn active\" data-id=\"56\" data-name=\"Bosque\" data-img=\"https:\/\/vuelveid.com\/wp-content\/uploads\/2026\/04\/Untitled-14.png\">\n        <img decoding=\"async\" src=\"https:\/\/vuelveid.com\/wp-content\/uploads\/2026\/04\/Untitled-14.png\" alt=\"Bosque\">\n      <\/button>\n      <span class=\"vsp-color-name\">Bosque<\/span>\n    <\/div>\n\n    <div class=\"vsp-color-item\">\n      <button class=\"vsp-color-btn\" data-id=\"51\" data-name=\"Flamenco\" data-img=\"https:\/\/vuelveid.com\/wp-content\/uploads\/2026\/04\/Untitled-17.png\">\n        <img decoding=\"async\" src=\"https:\/\/vuelveid.com\/wp-content\/uploads\/2026\/04\/Untitled-17.png\" alt=\"Flamenco\">\n      <\/button>\n      <span class=\"vsp-color-name\">Flamenco<\/span>\n    <\/div>\n\n    <div class=\"vsp-color-item\">\n      <button class=\"vsp-color-btn\" data-id=\"52\" data-name=\"Luna\" data-img=\"https:\/\/vuelveid.com\/wp-content\/uploads\/2026\/04\/Untitled-15.png\">\n        <img decoding=\"async\" src=\"https:\/\/vuelveid.com\/wp-content\/uploads\/2026\/04\/Untitled-15.png\" alt=\"Luna\">\n      <\/button>\n      <span class=\"vsp-color-name\">Luna<\/span>\n    <\/div>\n\n    <div class=\"vsp-color-item\">\n      <button class=\"vsp-color-btn\" data-id=\"54\" data-name=\"Noche\" data-img=\"https:\/\/vuelveid.com\/wp-content\/uploads\/2026\/04\/Untitled-13.png\">\n        <img decoding=\"async\" src=\"https:\/\/vuelveid.com\/wp-content\/uploads\/2026\/04\/Untitled-13.png\" alt=\"Noche\">\n      <\/button>\n      <span class=\"vsp-color-name\">Noche<\/span>\n    <\/div>\n\n    <div class=\"vsp-color-item\">\n      <button class=\"vsp-color-btn\" data-id=\"53\" data-name=\"Oc\u00e9ano\" data-img=\"https:\/\/vuelveid.com\/wp-content\/uploads\/2026\/04\/Untitled-12.png\">\n        <img decoding=\"async\" src=\"https:\/\/vuelveid.com\/wp-content\/uploads\/2026\/04\/Untitled-12.png\" alt=\"Oc\u00e9ano\">\n      <\/button>\n      <span class=\"vsp-color-name\">Oc\u00e9ano<\/span>\n    <\/div>\n\n    <div class=\"vsp-color-item\">\n      <button class=\"vsp-color-btn\" data-id=\"55\" data-name=\"Tierra\" data-img=\"https:\/\/vuelveid.com\/wp-content\/uploads\/2026\/04\/Untitled-16.jpeg\">\n        <img decoding=\"async\" src=\"https:\/\/vuelveid.com\/wp-content\/uploads\/2026\/04\/Untitled-16.jpeg\" alt=\"Tierra\">\n      <\/button>\n      <span class=\"vsp-color-name\">Tierra<\/span>\n    <\/div>\n\n  <\/div>\n\n  <!-- Pet Name -->\n  <div class=\"vsp-name-wrap\">\n    <span class=\"vsp-label\">Nombre de tu mascota<\/span>\n    <input type=\"text\" id=\"vsp-pet-name\" class=\"vsp-name-input\" placeholder=\"Ej. Luna, Max, Coco...\" maxlength=\"20\">\n    <div class=\"vsp-tip\">\n      <span class=\"vsp-tip-icon\">\ud83d\udc3e<\/span>\n      <p><strong>Tip:<\/strong> Seg\u00fan la Asociaci\u00f3n Americana de Medicina Veterinaria, los perros responden mejor a nombres de <strong>1 o 2 s\u00edlabas<\/strong> con terminaci\u00f3n en vocal \u2014 como &#8220;Coco&#8221;, &#8220;Luna&#8221; o &#8220;Max&#8221;. M\u00e1s f\u00e1cil de llamar, m\u00e1s r\u00e1pido responde.<\/p>\n    <\/div>\n  <\/div>\n\n  <!-- Add button -->\n  <button class=\"vsp-add-btn\" onclick=\"vspAddTag()\">\n    <span>\uff0b<\/span>\n    <span id=\"vsp-add-btn-text\">A\u00f1adir Bosque a mi orden<\/span>\n  <\/button>\n\n  <div class=\"vsp-error\" id=\"vsp-error\"><\/div>\n\n  <div class=\"vsp-divider\"><\/div>\n\n  <!-- Cart list -->\n  <div class=\"vsp-cart\" id=\"vsp-cart\">\n    <div class=\"vsp-cart-title\">\n      <span>Tu orden<\/span>\n      <span id=\"vsp-cart-count\"><\/span>\n    <\/div>\n    <div id=\"vsp-cart-items\"><\/div>\n  <\/div>\n\n  <!-- Total -->\n  <div class=\"vsp-total\" id=\"vsp-total\" style=\"display:none;\">\n    <div>\n      <div class=\"vsp-total-label\">Total<\/div>\n      <div class=\"vsp-total-sub\" id=\"vsp-total-sub\"><\/div>\n    <\/div>\n    <div class=\"vsp-total-price\" id=\"vsp-total-price\">$0.00<\/div>\n  <\/div>\n\n  <!-- Loading -->\n  <div class=\"vsp-loading\" id=\"vsp-loading\">\n    <span class=\"vsp-spinner\"><\/span> Procesando&#8230;\n  <\/div>\n\n  <!-- CTA -->\n  <button class=\"vsp-cta\" id=\"vsp-btn\" onclick=\"vspCheckout()\">\n    <span>\ud83d\uded2<\/span>\n    <span id=\"vsp-btn-text\">Finalizar compra<\/span>\n  <\/button>\n\n  <!-- Trust -->\n  <div class=\"vsp-trust\">\n    <span class=\"vsp-trust-item\">\u2705 Hecho en Puerto Rico<\/span>\n    <span class=\"vsp-trust-item\">\ud83d\udd12 Pago seguro<\/span>\n    <span class=\"vsp-trust-item\">\ud83d\udce6 Env\u00edo r\u00e1pido<\/span>\n  <\/div>\n\n<\/div>\n\n<script>\nvar vspSelected = { id: '56', name: 'Bosque', img: 'https:\/\/vuelveid.com\/wp-content\/uploads\/2026\/04\/Untitled-14.png' };\nvar vspOrder = [];\nvar vspUnitPrice = 29.99;\nvar vspMaxTags = 4;\n\ndocument.querySelectorAll('.vsp-color-btn').forEach(function(btn) {\n  btn.addEventListener('click', function() {\n    document.querySelectorAll('.vsp-color-btn').forEach(function(b) { b.classList.remove('active'); });\n    this.classList.add('active');\n    vspSelected.id = this.dataset.id;\n    vspSelected.name = this.dataset.name;\n    vspSelected.img = this.dataset.img;\n    document.getElementById('vsp-title').textContent = this.dataset.name;\n    document.getElementById('vsp-add-btn-text').textContent = 'A\u00f1adir ' + this.dataset.name + ' a mi orden';\n    var img = document.getElementById('vsp-main-img');\n    img.classList.add('fading');\n    var src = this.dataset.img;\n    setTimeout(function() {\n      img.src = src;\n      img.onload = function() { img.classList.remove('fading'); };\n    }, 150);\n  });\n});\n\ndocument.getElementById('vsp-pet-name').addEventListener('input', function() {\n  if (this.value.length > 0) this.value = this.value.charAt(0).toUpperCase() + this.value.slice(1);\n});\n\nfunction vspAddTag() {\n  var petName = document.getElementById('vsp-pet-name').value.trim();\n  var error = document.getElementById('vsp-error');\n\n  if (!petName) {\n    error.textContent = '\ud83d\udc3e Por favor escribe el nombre de tu mascota.';\n    error.style.display = 'block';\n    document.getElementById('vsp-pet-name').focus();\n    return;\n  }\n\n  if (vspOrder.length >= vspMaxTags) {\n    error.textContent = '\u26a0\ufe0f M\u00e1ximo 4 tags por orden.';\n    error.style.display = 'block';\n    return;\n  }\n\n  error.style.display = 'none';\n\n  vspOrder.push({\n    id: vspSelected.id,\n    name: vspSelected.name,\n    img: vspSelected.img,\n    petName: petName\n  });\n\n  document.getElementById('vsp-pet-name').value = '';\n  vspRenderCart();\n}\n\nfunction vspRenderCart() {\n  var cart = document.getElementById('vsp-cart');\n  var items = document.getElementById('vsp-cart-items');\n  var total = document.getElementById('vsp-total');\n  var btn = document.getElementById('vsp-btn');\n  var count = document.getElementById('vsp-cart-count');\n\n  if (vspOrder.length === 0) {\n    cart.style.display = 'none';\n    total.style.display = 'none';\n    btn.classList.remove('visible');\n    return;\n  }\n\n  cart.style.display = 'block';\n  total.style.display = 'flex';\n  btn.classList.add('visible');\n  count.textContent = vspOrder.length + ' tag' + (vspOrder.length > 1 ? 's' : '');\n\n  items.innerHTML = '';\n  vspOrder.forEach(function(item, i) {\n    var div = document.createElement('div');\n    div.className = 'vsp-cart-item';\n    div.innerHTML =\n      '<img decoding=\"async\" class=\"vsp-cart-thumb\" src=\"' + item.img + '\" alt=\"' + item.name + '\">' +\n      '<div class=\"vsp-cart-info\">' +\n        '<div class=\"vsp-cart-name\">\ud83d\udc3e ' + item.petName + '<\/div>' +\n        '<div class=\"vsp-cart-model\">' + item.name + '<\/div>' +\n      '<\/div>' +\n      '<span class=\"vsp-cart-price\">$' + vspUnitPrice.toFixed(2) + '<\/span>' +\n      '<button class=\"vsp-cart-remove\" onclick=\"vspRemoveTag(' + i + ')\">\u2715<\/button>';\n    items.appendChild(div);\n  });\n\n  var totalPrice = (vspOrder.length * vspUnitPrice).toFixed(2);\n  document.getElementById('vsp-total-price').textContent = '$' + totalPrice;\n  document.getElementById('vsp-total-sub').textContent = vspOrder.length + ' tag' + (vspOrder.length > 1 ? 's' : '') + ' \u00b7 Perfil digital';\n  document.getElementById('vsp-btn-text').textContent = 'Finalizar compra \u2014 $' + totalPrice;\n}\n\nfunction vspRemoveTag(index) {\n  vspOrder.splice(index, 1);\n  vspRenderCart();\n}\n\nfunction vspCheckout() {\n  if (vspOrder.length === 0) return;\n\n  var loading = document.getElementById('vsp-loading');\n  var btn = document.getElementById('vsp-btn');\n\n  btn.style.display = 'none';\n  loading.style.display = 'block';\n\n  var promises = vspOrder.map(function(item) {\n    var formData = new FormData();\n    formData.append('action', 'woocommerce_add_to_cart');\n    formData.append('product_id', item.id);\n    formData.append('quantity', 1);\n    formData.append('pet_names[]', item.petName);\n    return fetch('\/wp-admin\/admin-ajax.php', { method: 'POST', body: formData });\n  });\n\n  Promise.all(promises)\n    .then(function() {\n      window.location.href = '\/checkout\/';\n    })\n    .catch(function() {\n      loading.style.display = 'none';\n      btn.style.display = 'flex';\n      document.getElementById('vsp-error').textContent = 'Error procesando la orden. Intenta de nuevo.';\n      document.getElementById('vsp-error').style.display = 'block';\n    });\n}\n<\/script>\n\n\n\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>Vuelve ID es un tag inteligente para mascotas, Dise\u00f1ado y Fabricado en Puerto Rico. Al escanearse con QR o NFC, muestra el perfil digital de tu mascota con tu informaci\u00f3n de contacto \u2014 para que quien la encuentre pueda comunicarse contigo en segundos. Adem\u00e1s, si la persona que escanea el tag acepta compartir su ubicaci\u00f3n, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-245","page","type-page","status-publish","hentry"],"acf":[],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/vuelveid.com\/es\/wp-json\/wp\/v2\/pages\/245","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vuelveid.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vuelveid.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vuelveid.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vuelveid.com\/es\/wp-json\/wp\/v2\/comments?post=245"}],"version-history":[{"count":6,"href":"https:\/\/vuelveid.com\/es\/wp-json\/wp\/v2\/pages\/245\/revisions"}],"predecessor-version":[{"id":296,"href":"https:\/\/vuelveid.com\/es\/wp-json\/wp\/v2\/pages\/245\/revisions\/296"}],"wp:attachment":[{"href":"https:\/\/vuelveid.com\/es\/wp-json\/wp\/v2\/media?parent=245"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}