Compra Segura - XH Hogar<\/title>\r\n <style>\r\n \/* ====== Variables y Reset ====== *\/\r\n :root {\r\n --azul-oscuro: #073B4C;\r\n --azul-claro: #21D4FD;\r\n --verde: #0BBF8A;\r\n --amarillo: #FFD166;\r\n --gris-claro: #F8FAFB;\r\n --gris-borde: #E1E8ED;\r\n --texto-principal: #0E1E25;\r\n --texto-secundario: #5A6C77;\r\n --blanco: #FFFFFF;\r\n --sombra-suave: rgba(7, 59, 76, 0.08);\r\n --sombra-media: rgba(7, 59, 76, 0.15);\r\n }\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\r\n line-height: 1.6;\r\n color: var(--texto-principal);\r\n }\r\n\r\n \/* ====== Secci\u00f3n Principal ====== *\/\r\n .cta-compra {\r\n background: linear-gradient(135deg, #052730 0%, var(--azul-oscuro) 100%);\r\n padding: clamp(40px, 8vw, 80px) clamp(20px, 5vw, 40px);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n \/* Efectos de fondo decorativos *\/\r\n .cta-compra::before,\r\n .cta-compra::after {\r\n content: \"\";\r\n position: absolute;\r\n border-radius: 50%;\r\n pointer-events: none;\r\n opacity: 0.12;\r\n }\r\n\r\n .cta-compra::before {\r\n width: 600px;\r\n height: 600px;\r\n background: radial-gradient(circle, var(--azul-claro), transparent 70%);\r\n top: -300px;\r\n right: -200px;\r\n }\r\n\r\n .cta-compra::after {\r\n width: 500px;\r\n height: 500px;\r\n background: radial-gradient(circle, var(--verde), transparent 70%);\r\n bottom: -250px;\r\n left: -150px;\r\n }\r\n\r\n \/* ====== Tarjeta Principal ====== *\/\r\n .card {\r\n position: relative;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n background: var(--blanco);\r\n border-radius: 24px;\r\n padding: clamp(32px, 5vw, 56px);\r\n box-shadow: 0 20px 60px var(--sombra-media);\r\n }\r\n\r\n \/* ====== Encabezado ====== *\/\r\n .header {\r\n text-align: center;\r\n margin-bottom: 48px;\r\n }\r\n\r\n .badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 10px 20px;\r\n background: linear-gradient(135deg, #FFF4D6, #FFE8B3);\r\n border: 2px solid var(--amarillo);\r\n border-radius: 50px;\r\n font-size: 14px;\r\n font-weight: 700;\r\n color: var(--texto-principal);\r\n margin-bottom: 20px;\r\n box-shadow: 0 4px 12px rgba(255, 209, 102, 0.2);\r\n }\r\n\r\n .badge svg {\r\n width: 18px;\r\n height: 18px;\r\n fill: var(--azul-oscuro);\r\n }\r\n\r\n .header h2 {\r\n font-size: clamp(28px, 5vw, 42px);\r\n font-weight: 800;\r\n color: var(--azul-oscuro);\r\n line-height: 1.2;\r\n margin-bottom: 16px;\r\n letter-spacing: -0.5px;\r\n }\r\n\r\n .subtitle {\r\n font-size: clamp(16px, 2.5vw, 20px);\r\n color: var(--texto-secundario);\r\n font-weight: 600;\r\n }\r\n\r\n .subtitle strong {\r\n color: var(--verde);\r\n font-weight: 700;\r\n }\r\n\r\n \/* ====== Grid de Pasos ====== *\/\r\n .pasos {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 24px;\r\n margin-bottom: 40px;\r\n list-style: none;\r\n }\r\n\r\n @media (min-width: 768px) {\r\n .pasos {\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 28px;\r\n }\r\n }\r\n\r\n \/* ====== Tarjeta de Paso ====== *\/\r\n .paso {\r\n background: var(--gris-claro);\r\n border: 2px solid var(--gris-borde);\r\n border-radius: 20px;\r\n padding: 32px 24px;\r\n text-align: center;\r\n transition: all 0.3s ease;\r\n position: relative;\r\n }\r\n\r\n .paso:hover {\r\n transform: translateY(-8px);\r\n box-shadow: 0 12px 32px var(--sombra-suave);\r\n border-color: var(--azul-claro);\r\n }\r\n\r\n \/* Icono del paso *\/\r\n .icono-paso {\r\n width: 80px;\r\n height: 80px;\r\n margin: 0 auto 20px;\r\n background: linear-gradient(135deg, var(--verde), var(--azul-claro));\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n box-shadow: 0 8px 24px rgba(11, 191, 138, 0.25);\r\n }\r\n\r\n .icono-paso svg {\r\n width: 40px;\r\n height: 40px;\r\n fill: var(--blanco);\r\n }\r\n\r\n \/* N\u00famero del paso *\/\r\n .numero-paso {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 32px;\r\n height: 32px;\r\n background: var(--blanco);\r\n border: 2px solid var(--azul-oscuro);\r\n border-radius: 50%;\r\n font-weight: 800;\r\n font-size: 16px;\r\n color: var(--azul-oscuro);\r\n margin-bottom: 12px;\r\n }\r\n\r\n .titulo-paso {\r\n font-size: clamp(18px, 2.2vw, 22px);\r\n font-weight: 700;\r\n color: var(--azul-oscuro);\r\n margin-bottom: 12px;\r\n line-height: 1.3;\r\n }\r\n\r\n .texto-paso {\r\n font-size: 15px;\r\n color: var(--texto-secundario);\r\n line-height: 1.6;\r\n }\r\n\r\n .texto-paso strong {\r\n color: var(--texto-principal);\r\n font-weight: 600;\r\n }\r\n\r\n \/* ====== Bot\u00f3n CTA ====== *\/\r\n .cta-wrapper {\r\n text-align: center;\r\n }\r\n\r\n .btn-cta {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 12px;\r\n padding: 18px 36px;\r\n background: linear-gradient(135deg, var(--verde), var(--azul-claro));\r\n color: var(--blanco);\r\n font-size: 18px;\r\n font-weight: 700;\r\n text-decoration: none;\r\n border-radius: 16px;\r\n box-shadow: 0 8px 24px rgba(11, 191, 138, 0.3);\r\n transition: all 0.3s ease;\r\n border: none;\r\n cursor: pointer;\r\n }\r\n\r\n .btn-cta:hover {\r\n transform: translateY(-4px);\r\n box-shadow: 0 12px 32px rgba(11, 191, 138, 0.4);\r\n }\r\n\r\n .btn-cta:active {\r\n transform: translateY(-2px);\r\n }\r\n\r\n .btn-cta svg {\r\n width: 20px;\r\n height: 20px;\r\n fill: var(--blanco);\r\n }\r\n\r\n \/* ====== Accesibilidad ====== *\/\r\n @media (prefers-reduced-motion: reduce) {\r\n *,\r\n *::before,\r\n *::after {\r\n animation-duration: 0.01ms !important;\r\n animation-iteration-count: 1 !important;\r\n transition-duration: 0.01ms !important;\r\n }\r\n }\r\n\r\n \/* ====== Responsive ====== *\/\r\n @media (max-width: 767px) {\r\n .paso {\r\n padding: 28px 20px;\r\n }\r\n \r\n .icono-paso {\r\n width: 70px;\r\n height: 70px;\r\n }\r\n \r\n .icono-paso svg {\r\n width: 35px;\r\n height: 35px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <section class=\"cta-compra\" role=\"region\" aria-label=\"Proceso de compra segura\">\r\n <div class=\"card\">\r\n \r\n <div class=\"header\">\r\n <span class=\"badge\" role=\"img\" aria-label=\"Compra 100% segura\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 2L4 5v6.09c0 5.05 3.41 9.76 8 10.91 4.59-1.15 8-5.86 8-10.91V5l-8-3zm-1 14.93l-3.59-3.59L8.83 12 11 14.17l6.59-6.59 1.41 1.42L11 16.93z\"\/>\r\n <\/svg>\r\n Compra 100% Segura\r\n <\/span>\r\n <h2>Compra f\u00e1cil y segura con despacho a domicilio<\/h2>\r\n <p class=\"subtitle\">Paga con transferencia o tarjeta en <strong>3 cuotas precio contado<\/strong><\/p>\r\n <\/div>\r\n\r\n \r\n <ol class=\"pasos\">\r\n \r\n <li class=\"paso\">\r\n <div class=\"icono-paso\">\r\n <svg viewBox=\"0 0 24 24\">\r\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.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\"\/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"numero-paso\" aria-label=\"Paso n\u00famero 1\">1<\/span>\r\n <h3 class=\"titulo-paso\">Ingresa tu direcci\u00f3n<\/h3>\r\n <p class=\"texto-paso\">Escribe tu comuna y direcci\u00f3n para validar <strong>cobertura<\/strong> y estimar plazos de entrega.<\/p>\r\n <\/li>\r\n\r\n \r\n <li class=\"paso\">\r\n <div class=\"icono-paso\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M20 4H4c-1.11 0-1.99.89-1.99 2L2 18c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V6c0-1.11-.89-2-2-2zm0 14H4v-6h16v6zm0-10H4V6h16v2z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"numero-paso\" aria-label=\"Paso n\u00famero 2\">2<\/span>\r\n <h3 class=\"titulo-paso\">Elige tu medio de pago<\/h3>\r\n <p class=\"texto-paso\">Acepta <strong>transferencia bancaria<\/strong> o <strong>tarjeta de cr\u00e9dito<\/strong> en 3 cuotas sin inter\u00e9s.<\/p>\r\n <\/li>\r\n\r\n \r\n <li class=\"paso\">\r\n <div class=\"icono-paso\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M18 18.5c.83 0 1.5-.67 1.5-1.5s-.67-1.5-1.5-1.5-1.5.67-1.5 1.5.67 1.5 1.5 1.5zm1.5-9H17V12h4.46L19.5 9.5zM6 18.5c.83 0 1.5-.67 1.5-1.5s-.67-1.5-1.5-1.5-1.5.67-1.5 1.5.67 1.5 1.5 1.5zM20 8l3 4v5h-2c0 1.66-1.34 3-3 3s-3-1.34-3-3H9c0 1.66-1.34 3-3 3s-3-1.34-3-3H1V6c0-1.1.9-2 2-2h14v4h3zM8 6H3v8.5c.72-.3 1.58-.5 2.5-.5.92 0 1.78.2 2.5.5V6z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"numero-paso\" aria-label=\"Paso n\u00famero 3\">3<\/span>\r\n <h3 class=\"titulo-paso\">Recibe tu pedido<\/h3>\r\n <p class=\"texto-paso\">Despacho r\u00e1pido en <strong>1 a 5 d\u00edas h\u00e1biles<\/strong> directamente en tu hogar.<\/p>\r\n <\/li>\r\n <\/ol>\r\n\r\n \r\n <div class=\"cta-wrapper\">\r\n <a href=\"https:\/\/xhhogar.com\/index.php\/products\/\" class=\"btn-cta\" target=\"_blank\" rel=\"noopener\" aria-label=\"Ver cat\u00e1logo completo de productos\">\r\n Ver todos los productos\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z\"\/>\r\n <\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <script type=\"application\/ld+json\">\r\n {\r\n \"@context\": \"https:\/\/schema.org\",\r\n \"@type\": \"HowTo\",\r\n \"name\": \"C\u00f3mo comprar en XH Hogar de forma segura\",\r\n \"description\": \"Proceso de compra segura en 3 pasos: ingresa tu direcci\u00f3n, elige tu medio de pago y recibe tu pedido en 2-5 d\u00edas h\u00e1biles.\",\r\n \"step\": [\r\n {\r\n \"@type\": \"HowToStep\",\r\n \"position\": 1,\r\n \"name\": \"Ingresa tu direcci\u00f3n\",\r\n \"text\": \"Escribe tu comuna y direcci\u00f3n para validar cobertura y estimar plazos de entrega.\"\r\n },\r\n {\r\n \"@type\": \"HowToStep\",\r\n \"position\": 2,\r\n \"name\": \"Elige tu medio de pago\",\r\n \"text\": \"Paga con transferencia bancaria o tarjeta de cr\u00e9dito en 3 cuotas precio contado sin inter\u00e9s.\"\r\n },\r\n {\r\n \"@type\": \"HowToStep\",\r\n \"position\": 3,\r\n \"name\": \"Recibe tu pedido\",\r\n \"text\": \"Despacho r\u00e1pido entre 1 y 5 d\u00edas h\u00e1biles directamente en tu domicilio.\"\r\n }\r\n ]\r\n }\r\n <\/script>\r\n<\/body>\r\n<\/html>\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>Compra Segura – XH Hogar Compra 100% Segura Compra f\u00e1cil y segura con despacho a domicilio Paga con transferencia o tarjeta en 3 cuotas precio contado 1 Ingresa tu direcci\u00f3n Escribe tu comuna y direcci\u00f3n para validar cobertura y estimar plazos de entrega. 2 Elige tu medio de pago Acepta transferencia bancaria o tarjeta de […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-1616","page","type-page","status-publish","hentry"],"blocksy_meta":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/xhhogar.com\/index.php\/wp-json\/wp\/v2\/pages\/1616","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/xhhogar.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/xhhogar.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/xhhogar.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/xhhogar.com\/index.php\/wp-json\/wp\/v2\/comments?post=1616"}],"version-history":[{"count":0,"href":"https:\/\/xhhogar.com\/index.php\/wp-json\/wp\/v2\/pages\/1616\/revisions"}],"wp:attachment":[{"href":"https:\/\/xhhogar.com\/index.php\/wp-json\/wp\/v2\/media?parent=1616"}],"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\r\n\r\n\r\n \r\n \r\n Compra Segura - XH Hogar<\/title>\r\n <style>\r\n \/* ====== Variables y Reset ====== *\/\r\n :root {\r\n --azul-oscuro: #073B4C;\r\n --azul-claro: #21D4FD;\r\n --verde: #0BBF8A;\r\n --amarillo: #FFD166;\r\n --gris-claro: #F8FAFB;\r\n --gris-borde: #E1E8ED;\r\n --texto-principal: #0E1E25;\r\n --texto-secundario: #5A6C77;\r\n --blanco: #FFFFFF;\r\n --sombra-suave: rgba(7, 59, 76, 0.08);\r\n --sombra-media: rgba(7, 59, 76, 0.15);\r\n }\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\r\n line-height: 1.6;\r\n color: var(--texto-principal);\r\n }\r\n\r\n \/* ====== Secci\u00f3n Principal ====== *\/\r\n .cta-compra {\r\n background: linear-gradient(135deg, #052730 0%, var(--azul-oscuro) 100%);\r\n padding: clamp(40px, 8vw, 80px) clamp(20px, 5vw, 40px);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n \/* Efectos de fondo decorativos *\/\r\n .cta-compra::before,\r\n .cta-compra::after {\r\n content: \"\";\r\n position: absolute;\r\n border-radius: 50%;\r\n pointer-events: none;\r\n opacity: 0.12;\r\n }\r\n\r\n .cta-compra::before {\r\n width: 600px;\r\n height: 600px;\r\n background: radial-gradient(circle, var(--azul-claro), transparent 70%);\r\n top: -300px;\r\n right: -200px;\r\n }\r\n\r\n .cta-compra::after {\r\n width: 500px;\r\n height: 500px;\r\n background: radial-gradient(circle, var(--verde), transparent 70%);\r\n bottom: -250px;\r\n left: -150px;\r\n }\r\n\r\n \/* ====== Tarjeta Principal ====== *\/\r\n .card {\r\n position: relative;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n background: var(--blanco);\r\n border-radius: 24px;\r\n padding: clamp(32px, 5vw, 56px);\r\n box-shadow: 0 20px 60px var(--sombra-media);\r\n }\r\n\r\n \/* ====== Encabezado ====== *\/\r\n .header {\r\n text-align: center;\r\n margin-bottom: 48px;\r\n }\r\n\r\n .badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 10px 20px;\r\n background: linear-gradient(135deg, #FFF4D6, #FFE8B3);\r\n border: 2px solid var(--amarillo);\r\n border-radius: 50px;\r\n font-size: 14px;\r\n font-weight: 700;\r\n color: var(--texto-principal);\r\n margin-bottom: 20px;\r\n box-shadow: 0 4px 12px rgba(255, 209, 102, 0.2);\r\n }\r\n\r\n .badge svg {\r\n width: 18px;\r\n height: 18px;\r\n fill: var(--azul-oscuro);\r\n }\r\n\r\n .header h2 {\r\n font-size: clamp(28px, 5vw, 42px);\r\n font-weight: 800;\r\n color: var(--azul-oscuro);\r\n line-height: 1.2;\r\n margin-bottom: 16px;\r\n letter-spacing: -0.5px;\r\n }\r\n\r\n .subtitle {\r\n font-size: clamp(16px, 2.5vw, 20px);\r\n color: var(--texto-secundario);\r\n font-weight: 600;\r\n }\r\n\r\n .subtitle strong {\r\n color: var(--verde);\r\n font-weight: 700;\r\n }\r\n\r\n \/* ====== Grid de Pasos ====== *\/\r\n .pasos {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 24px;\r\n margin-bottom: 40px;\r\n list-style: none;\r\n }\r\n\r\n @media (min-width: 768px) {\r\n .pasos {\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 28px;\r\n }\r\n }\r\n\r\n \/* ====== Tarjeta de Paso ====== *\/\r\n .paso {\r\n background: var(--gris-claro);\r\n border: 2px solid var(--gris-borde);\r\n border-radius: 20px;\r\n padding: 32px 24px;\r\n text-align: center;\r\n transition: all 0.3s ease;\r\n position: relative;\r\n }\r\n\r\n .paso:hover {\r\n transform: translateY(-8px);\r\n box-shadow: 0 12px 32px var(--sombra-suave);\r\n border-color: var(--azul-claro);\r\n }\r\n\r\n \/* Icono del paso *\/\r\n .icono-paso {\r\n width: 80px;\r\n height: 80px;\r\n margin: 0 auto 20px;\r\n background: linear-gradient(135deg, var(--verde), var(--azul-claro));\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n box-shadow: 0 8px 24px rgba(11, 191, 138, 0.25);\r\n }\r\n\r\n .icono-paso svg {\r\n width: 40px;\r\n height: 40px;\r\n fill: var(--blanco);\r\n }\r\n\r\n \/* N\u00famero del paso *\/\r\n .numero-paso {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 32px;\r\n height: 32px;\r\n background: var(--blanco);\r\n border: 2px solid var(--azul-oscuro);\r\n border-radius: 50%;\r\n font-weight: 800;\r\n font-size: 16px;\r\n color: var(--azul-oscuro);\r\n margin-bottom: 12px;\r\n }\r\n\r\n .titulo-paso {\r\n font-size: clamp(18px, 2.2vw, 22px);\r\n font-weight: 700;\r\n color: var(--azul-oscuro);\r\n margin-bottom: 12px;\r\n line-height: 1.3;\r\n }\r\n\r\n .texto-paso {\r\n font-size: 15px;\r\n color: var(--texto-secundario);\r\n line-height: 1.6;\r\n }\r\n\r\n .texto-paso strong {\r\n color: var(--texto-principal);\r\n font-weight: 600;\r\n }\r\n\r\n \/* ====== Bot\u00f3n CTA ====== *\/\r\n .cta-wrapper {\r\n text-align: center;\r\n }\r\n\r\n .btn-cta {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 12px;\r\n padding: 18px 36px;\r\n background: linear-gradient(135deg, var(--verde), var(--azul-claro));\r\n color: var(--blanco);\r\n font-size: 18px;\r\n font-weight: 700;\r\n text-decoration: none;\r\n border-radius: 16px;\r\n box-shadow: 0 8px 24px rgba(11, 191, 138, 0.3);\r\n transition: all 0.3s ease;\r\n border: none;\r\n cursor: pointer;\r\n }\r\n\r\n .btn-cta:hover {\r\n transform: translateY(-4px);\r\n box-shadow: 0 12px 32px rgba(11, 191, 138, 0.4);\r\n }\r\n\r\n .btn-cta:active {\r\n transform: translateY(-2px);\r\n }\r\n\r\n .btn-cta svg {\r\n width: 20px;\r\n height: 20px;\r\n fill: var(--blanco);\r\n }\r\n\r\n \/* ====== Accesibilidad ====== *\/\r\n @media (prefers-reduced-motion: reduce) {\r\n *,\r\n *::before,\r\n *::after {\r\n animation-duration: 0.01ms !important;\r\n animation-iteration-count: 1 !important;\r\n transition-duration: 0.01ms !important;\r\n }\r\n }\r\n\r\n \/* ====== Responsive ====== *\/\r\n @media (max-width: 767px) {\r\n .paso {\r\n padding: 28px 20px;\r\n }\r\n \r\n .icono-paso {\r\n width: 70px;\r\n height: 70px;\r\n }\r\n \r\n .icono-paso svg {\r\n width: 35px;\r\n height: 35px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <section class=\"cta-compra\" role=\"region\" aria-label=\"Proceso de compra segura\">\r\n <div class=\"card\">\r\n \r\n <div class=\"header\">\r\n <span class=\"badge\" role=\"img\" aria-label=\"Compra 100% segura\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 2L4 5v6.09c0 5.05 3.41 9.76 8 10.91 4.59-1.15 8-5.86 8-10.91V5l-8-3zm-1 14.93l-3.59-3.59L8.83 12 11 14.17l6.59-6.59 1.41 1.42L11 16.93z\"\/>\r\n <\/svg>\r\n Compra 100% Segura\r\n <\/span>\r\n <h2>Compra f\u00e1cil y segura con despacho a domicilio<\/h2>\r\n <p class=\"subtitle\">Paga con transferencia o tarjeta en <strong>3 cuotas precio contado<\/strong><\/p>\r\n <\/div>\r\n\r\n \r\n <ol class=\"pasos\">\r\n \r\n <li class=\"paso\">\r\n <div class=\"icono-paso\">\r\n <svg viewBox=\"0 0 24 24\">\r\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.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\"\/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"numero-paso\" aria-label=\"Paso n\u00famero 1\">1<\/span>\r\n <h3 class=\"titulo-paso\">Ingresa tu direcci\u00f3n<\/h3>\r\n <p class=\"texto-paso\">Escribe tu comuna y direcci\u00f3n para validar <strong>cobertura<\/strong> y estimar plazos de entrega.<\/p>\r\n <\/li>\r\n\r\n \r\n <li class=\"paso\">\r\n <div class=\"icono-paso\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M20 4H4c-1.11 0-1.99.89-1.99 2L2 18c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V6c0-1.11-.89-2-2-2zm0 14H4v-6h16v6zm0-10H4V6h16v2z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"numero-paso\" aria-label=\"Paso n\u00famero 2\">2<\/span>\r\n <h3 class=\"titulo-paso\">Elige tu medio de pago<\/h3>\r\n <p class=\"texto-paso\">Acepta <strong>transferencia bancaria<\/strong> o <strong>tarjeta de cr\u00e9dito<\/strong> en 3 cuotas sin inter\u00e9s.<\/p>\r\n <\/li>\r\n\r\n \r\n <li class=\"paso\">\r\n <div class=\"icono-paso\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M18 18.5c.83 0 1.5-.67 1.5-1.5s-.67-1.5-1.5-1.5-1.5.67-1.5 1.5.67 1.5 1.5 1.5zm1.5-9H17V12h4.46L19.5 9.5zM6 18.5c.83 0 1.5-.67 1.5-1.5s-.67-1.5-1.5-1.5-1.5.67-1.5 1.5.67 1.5 1.5 1.5zM20 8l3 4v5h-2c0 1.66-1.34 3-3 3s-3-1.34-3-3H9c0 1.66-1.34 3-3 3s-3-1.34-3-3H1V6c0-1.1.9-2 2-2h14v4h3zM8 6H3v8.5c.72-.3 1.58-.5 2.5-.5.92 0 1.78.2 2.5.5V6z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"numero-paso\" aria-label=\"Paso n\u00famero 3\">3<\/span>\r\n <h3 class=\"titulo-paso\">Recibe tu pedido<\/h3>\r\n <p class=\"texto-paso\">Despacho r\u00e1pido en <strong>1 a 5 d\u00edas h\u00e1biles<\/strong> directamente en tu hogar.<\/p>\r\n <\/li>\r\n <\/ol>\r\n\r\n \r\n <div class=\"cta-wrapper\">\r\n <a href=\"https:\/\/xhhogar.com\/index.php\/products\/\" class=\"btn-cta\" target=\"_blank\" rel=\"noopener\" aria-label=\"Ver cat\u00e1logo completo de productos\">\r\n Ver todos los productos\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z\"\/>\r\n <\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <script type=\"application\/ld+json\">\r\n {\r\n \"@context\": \"https:\/\/schema.org\",\r\n \"@type\": \"HowTo\",\r\n \"name\": \"C\u00f3mo comprar en XH Hogar de forma segura\",\r\n \"description\": \"Proceso de compra segura en 3 pasos: ingresa tu direcci\u00f3n, elige tu medio de pago y recibe tu pedido en 2-5 d\u00edas h\u00e1biles.\",\r\n \"step\": [\r\n {\r\n \"@type\": \"HowToStep\",\r\n \"position\": 1,\r\n \"name\": \"Ingresa tu direcci\u00f3n\",\r\n \"text\": \"Escribe tu comuna y direcci\u00f3n para validar cobertura y estimar plazos de entrega.\"\r\n },\r\n {\r\n \"@type\": \"HowToStep\",\r\n \"position\": 2,\r\n \"name\": \"Elige tu medio de pago\",\r\n \"text\": \"Paga con transferencia bancaria o tarjeta de cr\u00e9dito en 3 cuotas precio contado sin inter\u00e9s.\"\r\n },\r\n {\r\n \"@type\": \"HowToStep\",\r\n \"position\": 3,\r\n \"name\": \"Recibe tu pedido\",\r\n \"text\": \"Despacho r\u00e1pido entre 1 y 5 d\u00edas h\u00e1biles directamente en tu domicilio.\"\r\n }\r\n ]\r\n }\r\n <\/script>\r\n<\/body>\r\n<\/html>\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>Compra Segura – XH Hogar Compra 100% Segura Compra f\u00e1cil y segura con despacho a domicilio Paga con transferencia o tarjeta en 3 cuotas precio contado 1 Ingresa tu direcci\u00f3n Escribe tu comuna y direcci\u00f3n para validar cobertura y estimar plazos de entrega. 2 Elige tu medio de pago Acepta transferencia bancaria o tarjeta de […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-1616","page","type-page","status-publish","hentry"],"blocksy_meta":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/xhhogar.com\/index.php\/wp-json\/wp\/v2\/pages\/1616","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/xhhogar.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/xhhogar.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/xhhogar.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/xhhogar.com\/index.php\/wp-json\/wp\/v2\/comments?post=1616"}],"version-history":[{"count":0,"href":"https:\/\/xhhogar.com\/index.php\/wp-json\/wp\/v2\/pages\/1616\/revisions"}],"wp:attachment":[{"href":"https:\/\/xhhogar.com\/index.php\/wp-json\/wp\/v2\/media?parent=1616"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}