{"id":5554,"date":"2026-03-26T04:56:41","date_gmt":"2026-03-26T09:56:41","guid":{"rendered":"https:\/\/ihlinmobiliaria.com.co\/?page_id=5554"},"modified":"2026-03-26T07:28:06","modified_gmt":"2026-03-26T12:28:06","slug":"pagos-online","status":"publish","type":"page","link":"https:\/\/ihlinmobiliaria.com.co\/?page_id=5554","title":{"rendered":"PAGOS online"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5554\" class=\"elementor elementor-5554\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bfbcca9 e-flex e-con-boxed e-con e-parent\" data-id=\"bfbcca9\" 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-b72bfd8 elementor-widget elementor-widget-html\" data-id=\"b72bfd8\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<section class=\"ihl-pagos\">\r\n  <div class=\"ihl-wrap\">\r\n    <div class=\"ihl-hero\">\r\n      <span class=\"ihl-badge\">Huertas L\u00f3pez S.A.S<\/span>\r\n      <h1>Pagos en l\u00ednea<\/h1>\r\n      <p>\r\n        Realiza el pago de c\u00e1nones, administraci\u00f3n, separaciones, estudios y otros\r\n        conceptos de forma r\u00e1pida y segura.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"ihl-grid\">\r\n      <div class=\"ihl-card ihl-form-card\">\r\n        <h2>Datos del pago<\/h2>\r\n        <form id=\"pagoForm\">\r\n          <div class=\"ihl-row\">\r\n            <div class=\"ihl-field\">\r\n              <label for=\"nombre\">Nombre completo<\/label>\r\n              <input type=\"text\" id=\"nombre\" name=\"nombre\" placeholder=\"Tu nombre completo\" required>\r\n            <\/div>\r\n            <div class=\"ihl-field\">\r\n              <label for=\"cedula\">C\u00e9dula o NIT<\/label>\r\n              <input type=\"text\" id=\"cedula\" name=\"cedula\" placeholder=\"N\u00famero de documento\" required>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"ihl-row\">\r\n            <div class=\"ihl-field\">\r\n              <label for=\"correo\">Correo electr\u00f3nico<\/label>\r\n              <input type=\"email\" id=\"correo\" name=\"correo\" placeholder=\"correo@ejemplo.com\" required>\r\n            <\/div>\r\n            <div class=\"ihl-field\">\r\n              <label for=\"telefono\">Tel\u00e9fono<\/label>\r\n              <input type=\"tel\" id=\"telefono\" name=\"telefono\" placeholder=\"300 000 0000\" required>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"ihl-row\">\r\n            <div class=\"ihl-field\">\r\n              <label for=\"concepto\">Concepto<\/label>\r\n              <select id=\"concepto\" name=\"concepto\" required>\r\n                <option value=\"\">Selecciona una opci\u00f3n<\/option>\r\n                <option value=\"canon\">Canon de arrendamiento<\/option>\r\n                <option value=\"administracion\">Administraci\u00f3n<\/option>\r\n                <option value=\"separacion\">Separaci\u00f3n de inmueble<\/option>\r\n                <option value=\"estudio\">Estudio \/ tr\u00e1mite<\/option>\r\n                <option value=\"otro\">Otro concepto<\/option>\r\n              <\/select>\r\n            <\/div>\r\n            <div class=\"ihl-field\">\r\n              <label for=\"referencia\">Referencia \/ inmueble<\/label>\r\n              <input type=\"text\" id=\"referencia\" name=\"referencia\" placeholder=\"C\u00f3digo, direcci\u00f3n o referencia\">\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"ihl-row\">\r\n            <div class=\"ihl-field\">\r\n              <label for=\"valor\">Valor a pagar<\/label>\r\n              <input type=\"number\" id=\"valor\" name=\"valor\" placeholder=\"Ej: 1200000\" min=\"1000\" required>\r\n            <\/div>\r\n            <div class=\"ihl-field\">\r\n              <label for=\"detalle\">Detalle<\/label>\r\n              <input type=\"text\" id=\"detalle\" name=\"detalle\" placeholder=\"Mes, cuota, observaci\u00f3n, etc.\">\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"ihl-methods\">\r\n            <h3>Selecciona tu medio de pago<\/h3>\r\n            <div class=\"ihl-method-grid\">\r\n              <label class=\"ihl-method active\">\r\n                <input type=\"radio\" name=\"metodo\" value=\"davivienda\" checked>\r\n                <span class=\"ihl-method-name\">Davivienda<\/span>\r\n                <small>Transferencia \/ bot\u00f3n de pago<\/small>\r\n              <\/label>\r\n\r\n              <label class=\"ihl-method\">\r\n                <input type=\"radio\" name=\"metodo\" value=\"pse\">\r\n                <span class=\"ihl-method-name\">PSE<\/span>\r\n                <small>Pago desde cuenta bancaria<\/small>\r\n              <\/label>\r\n\r\n              <label class=\"ihl-method\">\r\n                <input type=\"radio\" name=\"metodo\" value=\"nequi\">\r\n                <span class=\"ihl-method-name\">Nequi<\/span>\r\n                <small>Pago desde billetera digital<\/small>\r\n              <\/label>\r\n\r\n              <label class=\"ihl-method\">\r\n                <input type=\"radio\" name=\"metodo\" value=\"tarjeta\">\r\n                <span class=\"ihl-method-name\">Tarjeta de cr\u00e9dito<\/span>\r\n                <small>Visa, MasterCard y m\u00e1s<\/small>\r\n              <\/label>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"ihl-actions\">\r\n            <button type=\"button\" class=\"ihl-btn ihl-btn-primary\" id=\"btnPagar\">\r\n              Continuar al pago\r\n            <\/button>\r\n            <a class=\"ihl-btn ihl-btn-light\" href=\"\/contacto\/\">\r\n              Necesito ayuda\r\n            <\/a>\r\n          <\/div>\r\n\r\n          <p class=\"ihl-note\">\r\n            Al continuar, ser\u00e1s dirigido al canal de pago correspondiente para completar la transacci\u00f3n.\r\n          <\/p>\r\n        <\/form>\r\n      <\/div>\r\n\r\n      <div class=\"ihl-card ihl-side-card\">\r\n        <h2>Medios habilitados<\/h2>\r\n        <ul class=\"ihl-list\">\r\n          <li>Davivienda<\/li>\r\n          <li>PSE<\/li>\r\n          <li>Nequi<\/li>\r\n          <li>Tarjetas de cr\u00e9dito<\/li>\r\n        <\/ul>\r\n\r\n        <div class=\"ihl-box\">\r\n          <h3>Instrucciones<\/h3>\r\n          <p>\r\n            Verifica que el valor, el concepto y la referencia del inmueble sean correctos\r\n            antes de continuar.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"ihl-box\">\r\n          <h3>Atenci\u00f3n<\/h3>\r\n          <p>\r\n            Si tu pago corresponde a arriendo o administraci\u00f3n, incluye el mes o per\u00edodo\r\n            en el campo detalle.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"ihl-box\">\r\n          <h3>Soporte<\/h3>\r\n          <p>\r\n            Si necesitas validaci\u00f3n manual del pago, puedes contactarnos desde la secci\u00f3n\r\n            de contacto de la web.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  .ihl-pagos {\r\n    background: #f5f7fb;\r\n    padding: 70px 20px;\r\n    font-family: Arial, sans-serif;\r\n    color: #1c2430;\r\n  }\r\n\r\n  .ihl-wrap {\r\n    max-width: 1180px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .ihl-hero {\r\n    text-align: center;\r\n    margin-bottom: 35px;\r\n  }\r\n\r\n  .ihl-badge {\r\n    display: inline-block;\r\n    background: #eaf0ff;\r\n    color: #1e40af;\r\n    padding: 8px 14px;\r\n    border-radius: 999px;\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    margin-bottom: 14px;\r\n  }\r\n\r\n  .ihl-hero h1 {\r\n    font-size: 42px;\r\n    margin: 0 0 12px;\r\n    color: #0f172a;\r\n  }\r\n\r\n  .ihl-hero p {\r\n    max-width: 700px;\r\n    margin: 0 auto;\r\n    font-size: 17px;\r\n    line-height: 1.6;\r\n    color: #475569;\r\n  }\r\n\r\n  .ihl-grid {\r\n    display: grid;\r\n    grid-template-columns: 1.6fr 0.9fr;\r\n    gap: 28px;\r\n  }\r\n\r\n  .ihl-card {\r\n    background: #ffffff;\r\n    border-radius: 18px;\r\n    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.08);\r\n    padding: 30px;\r\n  }\r\n\r\n  .ihl-card h2 {\r\n    margin-top: 0;\r\n    margin-bottom: 22px;\r\n    font-size: 28px;\r\n    color: #0f172a;\r\n  }\r\n\r\n  .ihl-row {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 18px;\r\n    margin-bottom: 18px;\r\n  }\r\n\r\n  .ihl-field label {\r\n    display: block;\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    margin-bottom: 8px;\r\n    color: #334155;\r\n  }\r\n\r\n  .ihl-field input,\r\n  .ihl-field select {\r\n    width: 100%;\r\n    height: 50px;\r\n    border: 1px solid #d7deea;\r\n    border-radius: 12px;\r\n    padding: 0 14px;\r\n    font-size: 15px;\r\n    background: #fff;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .ihl-field input:focus,\r\n  .ihl-field select:focus {\r\n    outline: none;\r\n    border-color: #1e40af;\r\n    box-shadow: 0 0 0 3px rgba(30, 64, 175, 0.12);\r\n  }\r\n\r\n  .ihl-methods {\r\n    margin-top: 28px;\r\n  }\r\n\r\n  .ihl-methods h3 {\r\n    margin-bottom: 16px;\r\n    font-size: 20px;\r\n    color: #0f172a;\r\n  }\r\n\r\n  .ihl-method-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 14px;\r\n  }\r\n\r\n  .ihl-method {\r\n    display: block;\r\n    border: 1px solid #dbe4f0;\r\n    border-radius: 16px;\r\n    padding: 18px;\r\n    cursor: pointer;\r\n    transition: all 0.25s ease;\r\n    background: #fff;\r\n  }\r\n\r\n  .ihl-method:hover {\r\n    border-color: #1e40af;\r\n    transform: translateY(-2px);\r\n  }\r\n\r\n  .ihl-method input {\r\n    display: none;\r\n  }\r\n\r\n  .ihl-method-name {\r\n    display: block;\r\n    font-size: 17px;\r\n    font-weight: 700;\r\n    color: #0f172a;\r\n    margin-bottom: 6px;\r\n  }\r\n\r\n  .ihl-method small {\r\n    color: #64748b;\r\n    font-size: 13px;\r\n  }\r\n\r\n  .ihl-method.active {\r\n    border-color: #1e40af;\r\n    background: #f8fbff;\r\n    box-shadow: 0 0 0 3px rgba(30, 64, 175, 0.08);\r\n  }\r\n\r\n  .ihl-actions {\r\n    display: flex;\r\n    gap: 14px;\r\n    margin-top: 28px;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .ihl-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    min-height: 52px;\r\n    padding: 0 22px;\r\n    border-radius: 12px;\r\n    text-decoration: none;\r\n    font-weight: 700;\r\n    transition: all 0.25s ease;\r\n  }\r\n\r\n  .ihl-btn-primary {\r\n    background: #1e40af;\r\n    color: #fff;\r\n    border: none;\r\n    cursor: pointer;\r\n  }\r\n\r\n  .ihl-btn-primary:hover {\r\n    background: #17358f;\r\n  }\r\n\r\n  .ihl-btn-light {\r\n    background: #eef2f7;\r\n    color: #0f172a;\r\n  }\r\n\r\n  .ihl-btn-light:hover {\r\n    background: #e2e8f0;\r\n  }\r\n\r\n  .ihl-note {\r\n    margin-top: 16px;\r\n    color: #64748b;\r\n    font-size: 14px;\r\n    line-height: 1.6;\r\n  }\r\n\r\n  .ihl-list {\r\n    list-style: none;\r\n    padding: 0;\r\n    margin: 0 0 18px;\r\n  }\r\n\r\n  .ihl-list li {\r\n    padding: 12px 0;\r\n    border-bottom: 1px solid #e9eef5;\r\n    font-weight: 600;\r\n    color: #334155;\r\n  }\r\n\r\n  .ihl-box {\r\n    background: #f8fafc;\r\n    border: 1px solid #e6edf5;\r\n    border-radius: 14px;\r\n    padding: 18px;\r\n    margin-top: 16px;\r\n  }\r\n\r\n  .ihl-box h3 {\r\n    margin: 0 0 10px;\r\n    font-size: 18px;\r\n    color: #0f172a;\r\n  }\r\n\r\n  .ihl-box p {\r\n    margin: 0;\r\n    color: #475569;\r\n    line-height: 1.6;\r\n    font-size: 15px;\r\n  }\r\n\r\n  @media (max-width: 991px) {\r\n    .ihl-grid,\r\n    .ihl-row,\r\n    .ihl-method-grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .ihl-hero h1 {\r\n      font-size: 34px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  const methodCards = document.querySelectorAll('.ihl-method');\r\n  const radios = document.querySelectorAll('.ihl-method input[name=\"metodo\"]');\r\n  const btnPagar = document.getElementById('btnPagar');\r\n\r\n  radios.forEach((radio) => {\r\n    radio.addEventListener('change', () => {\r\n      methodCards.forEach(card => card.classList.remove('active'));\r\n      radio.closest('.ihl-method').classList.add('active');\r\n    });\r\n  });\r\n\r\n  btnPagar.addEventListener('click', function () {\r\n    const form = document.getElementById('pagoForm');\r\n\r\n    if (!form.checkValidity()) {\r\n      form.reportValidity();\r\n      return;\r\n    }\r\n\r\n    const metodo = document.querySelector('input[name=\"metodo\"]:checked').value;\r\n\r\n    const enlaces = {\r\n      davivienda: 'https:\/\/TU-ENLACE-DAVIVIENDA-AQUI',\r\n      pse: 'https:\/\/TU-ENLACE-PSE-AQUI',\r\n      nequi: 'https:\/\/TU-ENLACE-NEQUI-AQUI',\r\n      tarjeta: 'https:\/\/TU-ENLACE-TARJETA-AQUI'\r\n    };\r\n\r\n    window.open(enlaces[metodo], '_blank');\r\n  });\r\n<\/script>\t\t<\/div>\n\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>Huertas L\u00f3pez S.A.S Pagos en l\u00ednea Realiza el pago de c\u00e1nones, administraci\u00f3n, separaciones, estudios y otros conceptos de forma r\u00e1pida y segura. Datos del pago Nombre completo C\u00e9dula o NIT Correo electr\u00f3nico Tel\u00e9fono Concepto Selecciona una opci\u00f3nCanon de arrendamientoAdministraci\u00f3nSeparaci\u00f3n de inmuebleEstudio \/ tr\u00e1miteOtro concepto Referencia \/ inmueble Valor a pagar Detalle Selecciona tu medio de&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_joinchat":[],"footnotes":""},"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/ihlinmobiliaria.com.co\/index.php?rest_route=\/wp\/v2\/pages\/5554"}],"collection":[{"href":"https:\/\/ihlinmobiliaria.com.co\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ihlinmobiliaria.com.co\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ihlinmobiliaria.com.co\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ihlinmobiliaria.com.co\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5554"}],"version-history":[{"count":22,"href":"https:\/\/ihlinmobiliaria.com.co\/index.php?rest_route=\/wp\/v2\/pages\/5554\/revisions"}],"predecessor-version":[{"id":5580,"href":"https:\/\/ihlinmobiliaria.com.co\/index.php?rest_route=\/wp\/v2\/pages\/5554\/revisions\/5580"}],"wp:attachment":[{"href":"https:\/\/ihlinmobiliaria.com.co\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5554"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}