{"id":170363,"date":"2025-11-07T09:48:49","date_gmt":"2025-11-07T14:48:49","guid":{"rendered":"https:\/\/arriendo.com\/co\/?page_id=170363"},"modified":"2026-05-25T15:56:44","modified_gmt":"2026-05-25T20:56:44","slug":"planes","status":"publish","type":"page","link":"https:\/\/arriendo.com\/co\/planes\/","title":{"rendered":"Planes"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"170363\" class=\"elementor elementor-170363\">\n\t\t\t\t<div class=\"elementor-element elementor-element-47c1c9d e-flex e-con-boxed e-con e-parent\" data-id=\"47c1c9d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7a323ae elementor-widget elementor-widget-shortcode\" data-id=\"7a323ae\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><style>\n.container { max-width: 1600px; margin: 0 auto; }\n    h1 { text-align: center; color: #EE2624; font-size: 2.5em; font-weight: 600; }\n    .subtitle { text-align: center; color: #666; margin-bottom: 50px; font-size: 1.2em; }\n\n    .duration-selector {\n      display: flex; justify-content: center; margin-bottom: 40px; background: #f8f8f8;\n      border-radius: 12px; padding: 6px; max-width: 500px; margin-left:auto; margin-right:auto;\n    }\n    .duration-option {\n      flex: 1; text-align:center; padding:12px 20px; border-radius:8px; cursor:pointer;\n      transition: all .3s ease-in-out; font-weight:500; color:#666; position:relative;\n    }\n    .duration-option.active {\n    background: #fff;\n    color: #EE2624;\n    box-shadow: 0 2px 8px rgb(0 0 0 \/ 21%);\n}\n\n.duration-option:hover {\n    background: #fff;\n    color: #EE2624;\n    box-shadow: 0 2px 8px rgb(0 0 0 \/ 21%);\n}\n    .duration-option .discount-badge {\n      position:absolute; top:-8px; right:8px; background:#4CAF50; color:#fff;\n      font-size:.7em; padding:2px 6px; border-radius:10px; font-weight:500;\n    }\n\n    .plans-container {\n      display:grid; grid-template-columns: repeat(auto-fit, minmax(300px,1fr));\n      gap:30px; margin-top:30px;\n      align-items: stretch;\n      grid-auto-rows: 1fr;\n    }\n\n    .plan-card {\n      background:white; border-radius:12px; padding:30px;\n      box-shadow:0 4px 20px rgba(0,0,0,.08); transition: transform .3s, box-shadow .3s;\n      position:relative; overflow:hidden; border: 1px solid #dbdbdb;\n      box-shadow: 0 2px 8px rgb(0 0 0 \/ 21%);\n      display:flex; flex-direction:column;\n    }\n    .plan-card:hover { transform: translateY(-5px); box-shadow:0 8px 30px rgba(0,0,0,.12); }\n    .plan-card.featured { border:2px solid #EE2624; }\n\n    .plan-card .badge {\n      position: absolute;\n      top: 18px;\n      right: -30px;\n      background: #EE2624;\n      color: white;\n      padding: 4px 38px;\n      transform: rotate(45deg);\n      font-size: .68em;\n      font-weight: 600;\n      z-index: 10;\n    }\n\n\n    .plan-active{\n      display: flex;\n      flex-direction: row;\n      justify-content: center;\n      align-items: center;\n      gap: 7px;\n      position: absolute;\n      right: -72px;\n      background: #1E5EFF;\n      color: white;\n      padding: 5px 40px;\n      transform: rotate(-46deg);\n      font-size: .68em;\n      font-weight: 600;\n      z-index: 11;\n      bottom: 36px;\n    }\n\n    .lower{\n      border-color: #dcdcdd;\n      opacity: 0.7;\n      background-color: #b4b3b380;\n    }\n    \n\n\n\n    \/* .wepb-plan-header definido en bloque wepb-fix abajo *\/\n    .wepb-plan-name { font-size:1.6em; color:#333; margin-bottom:15px; font-weight:600; }\n    .wepb-plan-price { font-size:2.2em; color:#EE2624; font-weight:700; margin-bottom:5px; }\n    .wepb-plan-price.free { color:#0584fe; }\n    .wepb-plan-price.free.inactive { color:#999; }\n    .wepb-plan-duration { color:#666; font-size:0.9em; }\n    .wepb-plan-desc { color:#666; font-size:0.9em; }\n    .wepb-plan-total { margin-top:10px; padding:10px; border-radius:8px; font-size:0.9em; }\n    .wepb-total-price { font-weight:600; color:#333; margin-bottom:5px; }\n    .wepb-savings { color:#4CAF50; font-weight:500; display:block; min-height:1.2em; }\n\n    .premium-features { margin:15px 0; padding:0; }\n    .premium-feature { display:flex; justify-content:space-between; align-items:center;  margin:8px 0; border-bottom:1px solid #f0f0f0; }\n    .premium-feature:last-child { border-bottom:none; }\n    .premium-label { display:flex; align-items:center; color:#333; font-weight:500; font-size:0.95em; }\n    .premium-value { font-size:1.2em; font-weight:700; color:#EE2624; padding:1px 12px; border-radius:6px; text-align:center; }\n    .premium-value.zero { color:#999; background:none; }\n\n    .icon { width:20px; height:20px; margin-right:10px; fill:#EE2624; }\n\n    .plan-features { margin-top:10px; flex:1; }\n    .feature { padding:8px 0; border-bottom:1px solid #f0f0f0; display:flex; justify-content:space-between; align-items:center; }\n    .feature:last-child { border-bottom:none; }\n    .feature-label { color:#666; font-size:0.9em; font-weight:500; }\n    .feature-value { color:#333; font-weight:600; background:#f8f8f8; padding:4px 10px; border-radius:12px; font-size:0.85em; }\n    .feature-value.unlimited { background:#4CAF50; color:white; }\n    .feature-value.unlimited.inactive { background:#999; color:white; }\n\n    .tags-section { margin-top:5px; padding-top:10px; border-top:1px solid #f0f0f0; }\n    .tags-title { font-size:0.85em; color:#666; margin-bottom:10px; font-weight:500; }\n    .tags { display:flex; flex-wrap:wrap; gap:6px; }\n    .tag { background:#f8f8f8; color:#666; padding:4px 8px; border-radius:12px; font-size:0.75em; font-weight:500; border:1px solid #d7cdcd; }\n\n    .cta-button { width:100%; padding:14px; margin-top:auto; background:#EE2624; color:white; border:none; border-radius:8px; font-size:1em; font-weight:600; cursor:pointer; transition:all .2s; }\n    .cta-button:hover { background:#d6201e; }\n    .cta-button.free { background:#0584fe; }\n    .cta-button.free:hover { background:#0470d9; }\n    .cta-button.free.inactive { background:#999; }\n    .cta-button.free.inactive:hover { background:#888; }\n\n    \/* Subgrid: alinear filas entre cards *\/\n    @supports (grid-template-rows: subgrid) {\n        .plans-container {\n            grid-template-rows: auto;\n            align-items: start;\n        }\n        .plan-card {\n            display: grid !important;\n            grid-row: span 6;\n            grid-template-rows: subgrid;\n        }\n    }\n    \/* Fallback: min-height por seccion para alinear visualmente *\/\n    .wepb-plan-header  { min-height: 220px; display:flex!important; flex-direction:column!important; justify-content:center!important; }\n    .premium-features  { min-height: 100px; }\n    .plan-features     { min-height: 170px; }\n    .tags-section      { min-height: 120px; }\n    .slider-wrapper    { min-height: 80px; }\n    @media (max-width:768px) {\n      h1 { font-size:2em; }\n      .plans-container { grid-template-columns:1fr; }\n      .duration-selector { flex-direction:column; border-radius:8px; max-width:300px; }\n      .duration-option { margin-bottom:4px; }\n    }\n\n    \/* extra: estilos para slider a\u00f1adido *\/\n    .slider-wrapper { margin: 20px 0 0; }\n    .slider-wrapper label { font-weight:600; color:#333; display:block; margin-bottom:8px; }\n    .leads-current { text-align:right; font-size:14px; color:#666; margin-top:6px; }\n    \n    \/* Estilo para slider deshabilitado *\/\n    .slider-disabled { opacity: 0.5; cursor: not-allowed; }\n    .slider-disabled input[type=\"range\"] { pointer-events: none; }\n    .slider-disabled label { color: #999; }\n    .slider-disabled .leads-current { color: #999; }\n\n<\/style>\n<style id=\"wepb-fix\">\n\/* Fix: sobreescribir estilos del tema con maxima especificidad *\/\n\/* Forzar visibilidad de todos los elementos del header *\/\n.wepb-plan-name,.wepb-plan-desc,.wepb-plan-price,.wepb-plan-duration,.wepb-plan-total,.wepb-total-price,.wepb-savings{\n    display:block!important;\n    visibility:visible!important;\n    opacity:1!important;\n    overflow:visible!important;\n    clip:auto!important;\n    clip-path:none!important;\n    position:static!important;\n    transform:none!important;\n    max-height:none!important;\n    height:auto!important;\n}\n.wepb-plan-price,.wepb-total-price{ display:inline-block!important; }\n\/* wepb-plan-header: clase propia sin conflicto con el tema *\/\n.wepb-plan-header {\n    text-align: center !important;\n    height: auto !important;\n    min-height: 0 !important;\n    background: linear-gradient(135deg, #f9f9f9, #f1f1f1) !important;\n    border-radius: 10px !important;\n    padding: 16px !important;\n    margin-bottom: 16px !important;\n    border-bottom: none !important;\n    display: block !important;\n    overflow: hidden !important;\n}\nbody .wepb-plans-wrap .plan-card {\n    overflow: hidden !important;\n    display: flex !important;\n    flex-direction: column !important;\n    padding: 20px !important;\n}\nbody .wepb-plans-wrap .plan-card .premium-features,\nbody .wepb-plans-wrap .plan-card .plan-features {\n    margin-top: 0 !important;\n}\nbody .wepb-plans-wrap .cta-button {\n    margin-top: auto !important;\n}\n<\/style>\n<div class=\"container wepb-plans-wrap\">\n    <h1>Planes de Publicaci\u00f3n<\/h1>\n    <p class=\"subtitle\">Elige el plan perfecto para tu negocio inmobiliario<\/p>\n\n    <!-- Selector de duraci\u00f3n -->\n    <div class=\"duration-selector\">\n      <div class=\"duration-option active\" data-months=\"1\">1 Mes<\/div>\n      <div class=\"duration-option\" data-months=\"3\">3 Meses <span class=\"discount-badge\">-10%<\/span><\/div>\n      <div class=\"duration-option\" data-months=\"6\">6 Meses <span class=\"discount-badge\">-15%<\/span><\/div>\n      <div class=\"duration-option\" data-months=\"12\">1 A\u00f1o <span class=\"discount-badge\">-20%<\/span><\/div>\n    <\/div>\n\n    <div class=\"plans-container\">\n      <!-- Plan Bienvenida - GRATUITO -->\n      <div class=\"plan-card\" id=\"card-bienvenida\" style=\"overflow:hidden!important;display:flex!important;flex-direction:column!important;\">\n        <div class=\"wepb-plan-header\" style=\"height:auto!important;min-height:0!important;background:linear-gradient(135deg,#f9f9f9,#f1f1f1)!important;border-radius:10px!important;padding:16px!important;margin-bottom:16px!important;border:none!important;display:block!important;text-align:center!important;\">\n          <h2 class=\"wepb-plan-name\" style=\"display:block!important;visibility:visible!important;opacity:1!important\">Plan Bienvenida<\/h2>\n          <div class=\"wepb-plan-desc\" style=\"display:block!important;visibility:visible!important;opacity:1!important\">Ideal para comenzar a publicar sin costo y tener una opci\u00f3n diferente a tener un carten en la ventan de tu inmueble.<\/div>\n          <div class=\"wepb-plan-price free\" style=\"display:inline-block!important;visibility:visible!important;opacity:1!important\">GRATIS<\/div>\n          <div class=\"wepb-plan-duration\" style=\"display:block!important;visibility:visible!important;opacity:1!important\">Ventana gratuita<\/div>\n          <div class=\"wepb-plan-total\" style=\"display:block!important;visibility:visible!important;opacity:1!important\">\n            <div class=\"wepb-total-price\" style=\"display:block!important;visibility:visible!important;opacity:1!important\">Total: $0<\/div>\n            <div class=\"wepb-savings\" style=\"display:block!important;visibility:visible!important;opacity:1!important\"><\/div>\n          <\/div>\n        <\/div>\n        <div class=\"premium-features\">\n          <div class=\"premium-feature\">\n            <span class=\"premium-label\">\n              <svg class=\"icon\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\">\n                <rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"6\" fill=\"none\" stroke=\"#e6484b\" stroke-width=\"2\"\/>\n                <text x=\"12\" y=\"15\" font-family=\"Arial, sans-serif\" font-size=\"12\" fill=\"#e6484b\" font-weight=\"bold\" text-anchor=\"middle\">A<\/text>\n              <\/svg>\n              Tag Principal\n            <\/span>\n            <span class=\"premium-value\">X<\/span>\n          <\/div>\n          <div class=\"premium-feature\">\n            <span class=\"premium-label\">\n              <svg class=\"icon\" viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n              Anuncios Destacados\n            <\/span>\n            <span class=\"premium-value\">X<\/span>\n          <\/div>\n          <div class=\"premium-feature\">\n            <span class=\"premium-label\">\n              <svg class=\"icon\" viewBox=\"0 0 24 24\"><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\"\/><\/svg>\n              Mapa Destacado\n            <\/span>\n            <span class=\"premium-value\">X<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"plan-features\">\n          <div class=\"feature\"><span class=\"feature-label\">Inmuebles<\/span><span class=\"feature-value unlimited\">Ilimitados<\/span><\/div>\n          <div class=\"feature\"><span class=\"feature-label\">Ciudades<\/span><span class=\"feature-value unlimited\">Todas<\/span><\/div>\n          <div class=\"feature\"><span class=\"feature-label\">Fotos x inmueble<\/span><span class=\"feature-value\">5<\/span><\/div>\n          <div class=\"feature\"><span class=\"feature-label\">Videos x inmueble<\/span><span class=\"feature-value\">0<\/span><\/div>\n        <\/div>\n\n        <button class=\"cta-button free btn-select-plan\"\n        data-plan-id=\"ar-plan-bienvenida\"\n        data-plan=\"bienvenida\"\n        data-name=\"Plan Bienvenida\"\n        data-price=\"0\"\n        data-duration=\"1\">\n        Seleccionar Plan\n    <\/button>\n\n      <\/div>\n\n      <!-- Plan Visibilidad -->\n      <div class=\"plan-card\" id=\"card-visibilidad\" style=\"overflow:hidden!important;display:flex!important;flex-direction:column!important;\">\n        <div class=\"wepb-plan-header\" style=\"height:auto!important;min-height:0!important;background:linear-gradient(135deg,#f9f9f9,#f1f1f1)!important;border-radius:10px!important;padding:16px!important;margin-bottom:16px!important;border:none!important;display:block!important;text-align:center!important;\">\n          <h2 class=\"wepb-plan-name\" style=\"display:block!important;visibility:visible!important;opacity:1!important\">Plan Visibilidad<\/h2>\n          <div class=\"wepb-plan-desc\" style=\"display:block!important;visibility:visible!important;opacity:1!important\">M\u00e1s exposici\u00f3n, m\u00e1s vistas y m\u00e1s oportunidades de contacto.<\/div>\n          <div class=\"wepb-plan-price\" style=\"display:inline-block!important;visibility:visible!important;opacity:1!important\" data-base-price=\"30000\">$30,000<\/div>\n          <div class=\"wepb-plan-duration\" style=\"display:block!important;visibility:visible!important;opacity:1!important\">COP \/ 30 d\u00edas<\/div>\n          <div class=\"wepb-plan-total\" style=\"display:block!important;visibility:visible!important;opacity:1!important\">\n            <div class=\"wepb-total-price\" style=\"display:block!important;visibility:visible!important;opacity:1!important\">Total: $30,000<\/div>\n            <div class=\"wepb-savings\" style=\"display:block!important;visibility:visible!important;opacity:1!important\"><\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"premium-features\">\n          <div class=\"premium-feature\">\n            <span class=\"premium-label\">\n              <svg class=\"icon\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\">\n                <rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"6\" fill=\"none\" stroke=\"#e6484b\" stroke-width=\"2\"\/>\n                <text x=\"12\" y=\"15\" font-family=\"Arial, sans-serif\" font-size=\"12\" fill=\"#e6484b\" font-weight=\"bold\" text-anchor=\"middle\">A<\/text>\n              <\/svg>\n              Tag principal\n            <\/span>\n            <span class=\"premium-value\" style=\"background:#757575!important;color:#fff!important;border-radius:20px!important;padding:3px 10px!important;display:inline-flex!important;align-items:center!important;font-size:.85em!important\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"white\" style=\"margin-right:4px;vertical-align:middle\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>Visibilidad<\/span>\n          <\/div>\n          <div class=\"premium-feature\">\n            <span class=\"premium-label\"><svg class=\"icon\" viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>Anuncios Destacados<\/span>\n            <span class=\"premium-value\">1<\/span>\n          <\/div>\n          <div class=\"premium-feature\">\n            <span class=\"premium-label\"><svg class=\"icon\" viewBox=\"0 0 24 24\"><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\"\/><\/svg>Mapa Destacado<\/span>\n            <span class=\"premium-value zero\">0<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"plan-features\">\n          <div class=\"feature\"><span class=\"feature-label\">Inmuebles<\/span><span class=\"feature-value unlimited\">Ilimitados<\/span><\/div>\n          <div class=\"feature\"><span class=\"feature-label\">Ciudades<\/span><span class=\"feature-value unlimited\">Todas<\/span><\/div>\n          <div class=\"feature\"><span class=\"feature-label\">Fotos x inmueble<\/span><span class=\"feature-value\">10<\/span><\/div>\n          <div class=\"feature\"><span class=\"feature-label\">Videos x inmueble<\/span><span class=\"feature-value\">1<\/span><\/div>\n        <\/div>\n\n        <button class=\"cta-button btn-select-plan\"\n        data-plan-id=\"ar-plan-visibilidad\"\n        data-plan=\"visibilidad\"\n        data-name=\"Plan Visibilidad\"\n        data-price=\"30000\"\n        data-duration=\"1\">\n            Seleccionar Plan\n        <\/button>\n\n      <\/div>\n\n      <!-- Plan Pro -->\n      <div class=\"plan-card\" id=\"card-pro\" style=\"overflow:hidden!important;display:flex!important;flex-direction:column!important;\">\n        <div class=\"badge\">RECOMENDADO<\/div>\n        <div class=\"wepb-plan-header\" style=\"height:auto!important;min-height:0!important;background:linear-gradient(135deg,#f9f9f9,#f1f1f1)!important;border-radius:10px!important;padding:16px!important;margin-bottom:16px!important;border:none!important;display:block!important;text-align:center!important;\">\n          <h2 class=\"wepb-plan-name\" style=\"display:block!important;visibility:visible!important;opacity:1!important\">Plan Pro<\/h2>\n          <div class=\"wepb-plan-desc\" style=\"display:block!important;visibility:visible!important;opacity:1!important\">La opci\u00f3n para inmobiliarias que buscan crecer con mayor presencia y resultados.<\/div>\n          <div class=\"wepb-plan-price\" style=\"display:inline-block!important;visibility:visible!important;opacity:1!important\" data-base-price=\"90000\">$90,000<\/div>\n          <div class=\"wepb-plan-duration\" style=\"display:block!important;visibility:visible!important;opacity:1!important\">COP \/ 30 d\u00edas<\/div>\n          <div class=\"wepb-plan-total\" style=\"display:block!important;visibility:visible!important;opacity:1!important\">\n            <div class=\"wepb-total-price\" style=\"display:block!important;visibility:visible!important;opacity:1!important\">Total: $90,000<\/div>\n            <div class=\"wepb-savings\" style=\"display:block!important;visibility:visible!important;opacity:1!important\"><\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"premium-features\">\n          <div class=\"premium-feature\">\n            <span class=\"premium-label\">              <svg class=\"icon\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\">\n                <rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"6\" fill=\"none\" stroke=\"#e6484b\" stroke-width=\"2\"\/>\n                <text x=\"12\" y=\"15\" font-family=\"Arial, sans-serif\" font-size=\"12\" fill=\"#e6484b\" font-weight=\"bold\" text-anchor=\"middle\">A<\/text>\n              <\/svg>Tag principal<\/span>\n            <span class=\"premium-value\" style=\"background:#3F68E5!important;color:#fff!important;border-radius:20px!important;padding:3px 10px!important;display:inline-flex!important;align-items:center!important;font-size:.85em!important\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"white\" style=\"margin-right:4px;vertical-align:middle\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>Pro<\/span>\n          <\/div>\n          <div class=\"premium-feature\">\n            <span class=\"premium-label\"><svg class=\"icon\" viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>Anuncios Destacados<\/span>\n            <span class=\"premium-value\">3<\/span>\n          <\/div>\n          <div class=\"premium-feature\">\n            <span class=\"premium-label\"><svg class=\"icon\" viewBox=\"0 0 24 24\"><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\"\/><\/svg>Mapa Destacado<\/span>\n            <span class=\"premium-value\">3<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"plan-features\">\n          <div class=\"feature\"><span class=\"feature-label\">Inmuebles<\/span><span class=\"feature-value unlimited\">Ilimitados<\/span><\/div>\n          <div class=\"feature\"><span class=\"feature-label\">Ciudades<\/span><span class=\"feature-value unlimited\">Todas<\/span><\/div>\n          <div class=\"feature\"><span class=\"feature-label\">Fotos x inmueble<\/span><span class=\"feature-value\">15<\/span><\/div>\n          <div class=\"feature\"><span class=\"feature-label\">Videos x inmueble<\/span><span class=\"feature-value\">1<\/span><\/div>\n        <\/div>\n\n        <div class=\"tags-section\">\n          <div class=\"tags-title\">TAGs adicionales:<\/div>\n          <div class=\"tags\">\n            <span class=\"tag\">Amoblado<\/span>\n            <span class=\"tag\">Con p\u00f3liza<\/span>\n            <span class=\"tag\">Negociable<\/span>\n            <span class=\"tag\">Parqueadero<\/span>\n            <span class=\"tag\">Pet friendly<\/span>\n            <span class=\"tag\">Remodelado<\/span>\n            <span class=\"tag\">Sin codeudor<\/span>\n          <\/div>\n        <\/div>\n\n        <button class=\"cta-button btn-select-plan\"\n        data-plan-id=\"ar-plan-pro\"\n        data-name=\"Plan Pro\"\n        data-price=\"90000\"\n        data-duration=\"1\">\n        Seleccionar Plan\n    <\/button>\n\n      <\/div>\n\n      <!-- Plan Destacado -->\n      <div class=\"plan-card\" id=\"card-leads\" style=\"overflow:hidden!important;display:flex!important;flex-direction:column!important;\">\n        <div class=\"wepb-plan-header\" style=\"height:auto!important;min-height:0!important;background:linear-gradient(135deg,#f9f9f9,#f1f1f1)!important;border-radius:10px!important;padding:16px!important;margin-bottom:16px!important;border:none!important;display:block!important;text-align:center!important;\">\n          <h2 class=\"wepb-plan-name\" style=\"display:block!important;visibility:visible!important;opacity:1!important\">Plan Destacado<\/h2>\n          <div class=\"wepb-plan-desc\" style=\"display:block!important;visibility:visible!important;opacity:1!important\">M\u00e1xima exposici\u00f3n para inmobiliarias que necesitan dominar su mercado.<\/div>\n          <div class=\"wepb-plan-price\" style=\"display:inline-block!important;visibility:visible!important;opacity:1!important\" data-base-price=\"120000\">$120,000<\/div>\n          <div class=\"wepb-plan-duration\" style=\"display:block!important;visibility:visible!important;opacity:1!important\">COP \/ 30 d\u00edas<\/div>\n          <div class=\"wepb-plan-total\" style=\"display:block!important;visibility:visible!important;opacity:1!important\">\n            <div class=\"wepb-total-price\" style=\"display:block!important;visibility:visible!important;opacity:1!important\">Total: $120,000<\/div>\n            <div class=\"wepb-savings\" style=\"display:block!important;visibility:visible!important;opacity:1!important\"><\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"premium-features\">\n          <div class=\"premium-feature\">\n            <span class=\"premium-label\">              <svg class=\"icon\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\">\n                <rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"6\" fill=\"none\" stroke=\"#e6484b\" stroke-width=\"2\"\/>\n                <text x=\"12\" y=\"15\" font-family=\"Arial, sans-serif\" font-size=\"12\" fill=\"#e6484b\" font-weight=\"bold\" text-anchor=\"middle\">A<\/text>\n              <\/svg>Tag principal<\/span>\n            <span class=\"premium-value\" style=\"background:#2EBD59!important;color:#fff!important;border-radius:20px!important;padding:3px 10px!important;display:inline-flex!important;align-items:center!important;font-size:.85em!important\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"white\" style=\"margin-right:4px;vertical-align:middle\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>Destacado<\/span>\n          <\/div>\n          <div class=\"premium-feature\">\n            <span class=\"premium-label\">Anuncios Destacados<\/span>\n            <!-- ID asignado para control robusto -->\n            <span id=\"leadsAds\" class=\"premium-value\">9<\/span>\n          <\/div>\n          <div class=\"premium-feature\">\n            <span class=\"premium-label\">Mapa Destacado<\/span>\n            <!-- ID asignado para control robusto -->\n            <span id=\"leadsMap\" class=\"premium-value\">9<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"plan-features\">\n          <div class=\"feature\"><span class=\"feature-label\">Inmuebles<\/span><span class=\"feature-value unlimited\">Ilimitados<\/span><\/div>\n          <div class=\"feature\"><span class=\"feature-label\">Ciudades<\/span><span class=\"feature-value unlimited\">Todas<\/span><\/div>\n          <div class=\"feature\"><span class=\"feature-label\">Fotos x inmueble<\/span><span class=\"feature-value\">20<\/span><\/div>\n          <div class=\"feature\"><span class=\"feature-label\">Videos x inmueble<\/span><span class=\"feature-value\">1<\/span><\/div>\n        <\/div>\n\n        <!-- Slider (se inserta tambi\u00e9n desde JS, pero dejamos este wrapper para accesibilidad) -->\n        <div id=\"leadsSliderWrapper\" class=\"slider-wrapper\" aria-hidden=\"false\"><\/div>\n\n        <div class=\"tags-section\">\n          <div class=\"tags-title\">TAGs adicionales:<\/div>\n          <div class=\"tags\">\n            <span class=\"tag\">Amoblado<\/span>\n            <span class=\"tag\">Con p\u00f3liza<\/span>\n            <span class=\"tag\">Negociable<\/span>\n            <span class=\"tag\">Parqueadero<\/span>\n            <span class=\"tag\">Pet friendly<\/span>\n            <span class=\"tag\">Remodelado<\/span>\n            <span class=\"tag\">Sin codeudor<\/span>\n          <\/div>\n        <\/div>\n\n        <button class=\"cta-button btn-select-plan\"\n        data-plan-id=\"ar-plan-leads\"\n        data-plan=\"leads\"\n        data-name=\"Plan Destacado\"\n        data-price=\"120000\"\n        data-duration=\"1\">\n    Seleccionar Plan\n<\/button>\n\n      <\/div>\n    <\/div> <!-- .plans-container -->\n  <\/div>\n\n<script>\n  document.addEventListener('DOMContentLoaded', function () {\n\n    \/\/ --- descuentos por duraci\u00f3n\n    const discounts = { 1: 0, 3: 0.10, 6: 0.15, 12: 0.20 };\n    let currentMonths = 1;\n    let sliderInitialized = false;\n\n    \/* \n      LEADS - valores:\n      - Para 9 anuncios: el valor mensual provisto (120000) es mensual base.\n      - Para 15\/20\/25\/30 anuncios: ten\u00edas totales 12m CON 20% en tu tabla.\n        Para obtener el precio mensual base SIN descuento:\n          monthly_base = total12_con20% \/ (12 * 0.8)\n        (luego aplicamos descuento seg\u00fan selection de meses)\n    *\/\n    const leadsRanges = [\n      { ads: 9,  monthly: 120000 },                \/\/ opci\u00f3n 0 -> 9 anuncios (valor mensual base)\n      { ads: 15, monthly: Math.round( 1204738 \/ (12 * 0.8)) },\n      { ads: 20, monthly: Math.round( 1248686 \/ (12 * 0.8)) },\n      { ads: 25, monthly: Math.round(1295364  \/ (12 * 0.8)) },\n      { ads: 30, monthly: Math.round(1340166 \/ (12 * 0.8)) }\n    ];\n\n    \/\/ DOM references robustas\n    const durationOptions = Array.from(document.querySelectorAll('.duration-option'));\n    const visCard = document.getElementById('card-visibilidad');\n    const proCard = document.getElementById('card-pro');\n    const leadsCard = document.getElementById('card-leads');\n    const freeCard = document.getElementById('card-bienvenida');\n\n    const visPriceEl = visCard.querySelector('.wepb-plan-price');\n    const proPriceEl = proCard.querySelector('.wepb-plan-price');\n    const leadsPriceEl = leadsCard.querySelector('.wepb-plan-price');\n\n    const visTotalEl = visCard.querySelector('.wepb-total-price');\n    const proTotalEl = proCard.querySelector('.wepb-total-price');\n    const leadsTotalEl = leadsCard.querySelector('.wepb-total-price');\n\n    const visSavingsEl = visCard.querySelector('.wepb-savings');\n    const proSavingsEl = proCard.querySelector('.wepb-savings');\n    const leadsSavingsEl = leadsCard.querySelector('.wepb-savings');\n\n    const visDurationEl = visCard.querySelector('.wepb-plan-duration');\n    const proDurationEl = proCard.querySelector('.wepb-plan-duration');\n    const leadsDurationEl = leadsCard.querySelector('.wepb-plan-duration');\n\n    const freeBtn = document.getElementById('btn-free');\n    const freePriceEl = freeCard.querySelector('.wepb-plan-price.free');\n\n    \/\/ Leads specific elements (IDs set above)\n    const leadsAdsEl = document.getElementById('leadsAds');\n    const leadsMapEl = document.getElementById('leadsMap');\n\n    \/\/ --------------------------\n    \/\/ Insertar slider (control accesible)\n    \/\/ --------------------------\n    const sliderWrapper = document.getElementById('leadsSliderWrapper');\n    sliderWrapper.innerHTML = `\n      <label for=\"leadsSlider\">Cantidad de anuncios destacados<\/label>\n      <input type=\"range\" id=\"leadsSlider\" min=\"0\" max=\"${leadsRanges.length - 1}\" value=\"0\" step=\"1\" disabled \/>\n      <div class=\"leads-current\"><span id=\"leadsCurrentValue\">${leadsRanges[0].ads}<\/span> anuncios<\/div>\n    `;\n    const leadsSlider = document.getElementById('leadsSlider');\n    const leadsCurrentValue = document.getElementById('leadsCurrentValue');\n\n    \/\/ util: formato de miles\n    function formatNumber(num) {\n      if (typeof num !== 'number') num = Number(num) || 0;\n      return num.toLocaleString('es-CO');\n    }\n\n    \/\/ Funci\u00f3n para actualizar el estado del slider\n    function updateSliderState() {\n      if (currentMonths === 12) {\n        \/\/ Habilitar slider cuando se selecciona 12 meses\n        sliderWrapper.classList.remove('slider-disabled');\n        leadsSlider.disabled = false;\n        leadsSlider.style.pointerEvents = 'auto';\n        sliderWrapper.querySelector('label').style.color = '#333';\n        sliderWrapper.querySelector('.leads-current').style.color = '#666';\n      } else {\n        \/\/ Deshabilitar slider cuando NO es 12 meses\n        sliderWrapper.classList.add('slider-disabled');\n        leadsSlider.disabled = true;\n        leadsSlider.style.pointerEvents = 'none';\n        sliderWrapper.querySelector('label').style.color = '#999';\n        sliderWrapper.querySelector('.leads-current').style.color = '#999';\n        \n        \/\/ Resetear slider al valor inicial si no est\u00e1 en 12 meses\n        if (parseInt(leadsSlider.value, 10) !== 0) {\n          leadsSlider.value = 0;\n          updateLeadsPlan(0);\n        }\n      }\n    }\n\n    \/\/ Actualiza planes fijos (+Visibilidad, +Pro)\n    function updateOtherPlans() {\n      const discount = discounts[currentMonths] || 0;\n\n      \/\/ VISIBILIDAD\n      (function () {\n        const base = parseInt(visPriceEl.getAttribute('data-base-price'), 10) || 0;\n        const priceAfterDiscount = Math.round(base * (1 - discount));\n        const total = Math.round(priceAfterDiscount * currentMonths);\n\n        visPriceEl.textContent = \"$\" + formatNumber(priceAfterDiscount);\n        visTotalEl.textContent = \"Total a pagar: $\" + formatNumber(total);\n        visDurationEl.textContent = currentMonths === 1 ? \"COP \/ 30 d\u00edas\" : `COP \/ ${currentMonths} meses`;\n\n        if (discount > 0) {\n          const ahorro = Math.round((base - priceAfterDiscount) * currentMonths);\n          visSavingsEl.textContent = \"Ahorra: $\" + formatNumber(ahorro);\n          visSavingsEl.style.display = \"block\";\n        } else {\n          visSavingsEl.textContent = \"\";\n          visSavingsEl.style.display = \"none\";\n        }\n      })();\n\n      \/\/ PRO\n      (function () {\n        const base = parseInt(proPriceEl.getAttribute('data-base-price'), 10) || 0;\n        const priceAfterDiscount = Math.round(base * (1 - discount));\n        const total = Math.round(priceAfterDiscount * currentMonths);\n\n        proPriceEl.textContent = \"$\" + formatNumber(priceAfterDiscount);\n        proTotalEl.textContent = \"Total a pagar: $\" + formatNumber(total);\n        proDurationEl.textContent = currentMonths === 1 ? \"COP \/ 30 d\u00edas\" : `COP \/ ${currentMonths} meses`;\n\n        if (discount > 0) {\n          const ahorro = Math.round((base - priceAfterDiscount) * currentMonths);\n          proSavingsEl.textContent = \"Ahorra: $\" + formatNumber(ahorro);\n          proSavingsEl.style.display = \"block\";\n        } else {\n          proSavingsEl.textContent = \"\";\n          proSavingsEl.style.display = \"none\";\n        }\n      })();\n    }\n\n    \/\/ Actualiza plan +Leads (aplica descuento correctamente)\n    function updateLeadsPlan(index) {\n      const selected = leadsRanges[index];\n      if (!selected) return;\n\n      \/\/ actualizar visual de ads\n      leadsAdsEl.textContent = selected.ads;\n      leadsMapEl.textContent = selected.ads;\n      leadsCurrentValue.textContent = selected.ads;\n\n      const discount = discounts[currentMonths] || 0;\n\n      \/\/ selected.monthly es el precio mensual BASE sin ning\u00fan descuento\n      const pricePerMonth = Math.round(selected.monthly * (1 - discount));\n      const totalPrice = Math.round(pricePerMonth * currentMonths);\n\n      leadsPriceEl.textContent = \"$\" + formatNumber(pricePerMonth);\n      leadsTotalEl.textContent = \"Total a pagar: $\" + formatNumber(totalPrice);\n      leadsDurationEl.textContent = currentMonths === 1 ? \"COP \/ 30 d\u00edas\" : `COP \/ ${currentMonths} meses`;\n\n      if (discount > 0) {\n        \/\/ ahorro = (base mensual * descuento) * meses\n        const ahorro = Math.round(selected.monthly * discount * currentMonths);\n        leadsSavingsEl.textContent = \"Ahorra: $\" + formatNumber(ahorro);\n        leadsSavingsEl.style.display = \"block\";\n      } else {\n        leadsSavingsEl.textContent = \"\";\n        leadsSavingsEl.style.display = \"none\";\n      }\n    }\n\n    \/\/ Bloqueo del plan gratuito a partir de 3 meses\n    function updateFreePlanStatus() {\n      if (currentMonths >= 3) {\n        freeBtn.classList.add('inactive');\n        freeBtn.disabled = true;\n        freePriceEl.classList.add('inactive');\n      } else {\n        freeBtn.classList.remove('inactive');\n        freeBtn.disabled = false;\n        freePriceEl.classList.remove('inactive');\n      }\n    }\n\n    \/\/ handlers: duraci\u00f3n (botones)\n    durationOptions.forEach(option => {\n      option.addEventListener('click', function () {\n        durationOptions.forEach(o => o.classList.remove('active'));\n        this.classList.add('active');\n        currentMonths = parseInt(this.getAttribute('data-months'), 10) || 1;\n\n        updateSliderState();\n        updateOtherPlans();\n        updateLeadsPlan(parseInt(leadsSlider.value, 10));\n        updateFreePlanStatus();\n      });\n    });\n\n    \/\/ slider input - solo permitir si est\u00e1 en 12 meses\n    leadsSlider.addEventListener('input', function () {\n      if (currentMonths === 12) {\n        updateLeadsPlan(parseInt(this.value, 10));\n      }\n    });\n\n    \/\/ Inicializaci\u00f3n\n    updateSliderState();\n    updateOtherPlans();\n    updateLeadsPlan(0);\n    updateFreePlanStatus();\n\n    \/\/ Exponer funciones \u00fatiles para debug o control externo\n    window.__arriendo = {\n      setMonths: (m) => {\n        currentMonths = m;\n        durationOptions.forEach(o => o.classList.toggle('active', parseInt(o.dataset.months,10) === m));\n        updateSliderState();\n        updateOtherPlans();\n        updateLeadsPlan(parseInt(leadsSlider.value, 10));\n        updateFreePlanStatus();\n      },\n      getState: () => ({\n        months: currentMonths,\n        leadsIndex: parseInt(leadsSlider.value,10)\n      })\n    };\n\n  }); \/\/ DOMContentLoaded\n\n  \/\/ Fix runtime: forzar estilos en plan-header por si el tema los sobreescribe\n  document.addEventListener('DOMContentLoaded', function() {\n    document.querySelectorAll('.wepb-plan-header').forEach(function(h) {\n      h.style.setProperty('height', 'auto', 'important');\n      h.style.setProperty('min-height', '0', 'important');\n      h.style.setProperty('background', 'linear-gradient(135deg,#f9f9f9,#f1f1f1)', 'important');\n      h.style.setProperty('border-radius', '10px', 'important');\n      h.style.setProperty('padding', '16px', 'important');\n      h.style.setProperty('margin-bottom', '16px', 'important');\n      h.style.setProperty('border', 'none', 'important');\n      h.style.setProperty('display', 'block', 'important');\n    });\n    document.querySelectorAll('.plan-card').forEach(function(c) {\n      c.style.setProperty('overflow', 'hidden', 'important');\n      c.style.setProperty('display', 'flex', 'important');\n      c.style.setProperty('flex-direction', 'column', 'important');\n    });\n  });\n\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n\n    function getFormattedNumber(text) {\n        return parseInt(text.replace(\/\\D\/g, \"\")) || 0;\n    }\n\n    function getPlanData(card, button) {\n        const data = {\n            plan_key: button.dataset.planId,\n            name: card.querySelector(\".wepb-plan-name\").textContent.trim(),\n            price: getFormattedNumber(card.querySelector(\".wepb-total-price\").textContent),\n            duration: parseInt(document.querySelector(\".duration-option.active\").dataset.months),\n        };\n        \/\/ Plan Destacado: incluir cantidad de anuncios destacados seleccionada en el slider\n        if (data.plan_key === 'ar-plan-leads') {\n            const sliderEl = document.getElementById('leadsSlider');\n            const rangesEl = document.getElementById('leadsCurrentValue');\n            if (sliderEl && rangesEl) {\n                data.ads = parseInt(rangesEl.textContent, 10);\n            }\n        }\n        return data;\n    }\n\n    \/\/ \ud83d\udd25 FUNCION PARA RENOVAR EL NONCE\n    function refreshNonce() {\n        return fetch(wepb_ajax.ajax_url, {\n            method: \"POST\",\n            headers: { \"Content-Type\": \"application\/x-www-form-urlencoded\" },\n            body: new URLSearchParams({ action: \"wepb_refresh_nonce\" })\n        })\n        .then(res => res.json())\n        .then(data => {\n            if (data.success && data.data.nonce) {\n                console.log(\"Nonce renovado:\", data.data.nonce);\n                wepb_ajax.nonce = data.data.nonce;\n                return true;\n            }\n            return false;\n        });\n    }\n\n    document.querySelectorAll(\".btn-select-plan\").forEach(btn => {\n        btn.addEventListener(\"click\", function() {\n\n            const button = this;                        \n            const originalText = button.textContent;    \n\n            \/\/ \ud83d\udd25 DESACTIVAR TODOS LOS BOTONES \u2014 solo el clickeado muestra \"Procesando...\"\n            document.querySelectorAll(\".btn-select-plan\").forEach(function(b) {\n                b.disabled = true;\n            });\n            button.textContent = \"Procesando...\";\n\n            const card = this.closest(\".plan-card\");\n            const planData = getPlanData(card, button);\n\n            console.log(\"PLAN SELECCIONADO:\", planData);\n\n            \/\/ \ud83d\udd25 Funcion para enviar datos\n            function sendRequest() {\n                return fetch(wepb_ajax.ajax_url, {\n                    method: \"POST\",\n                    headers: { \"Content-Type\": \"application\/x-www-form-urlencoded\" },\n                    body: new URLSearchParams({\n                        action: \"wepb_add_dynamic_plan\",\n                        security: wepb_ajax.nonce,\n                        plan_data: JSON.stringify(planData)\n                    })\n                }).then(res => res.json());\n            }\n\n            \/\/ \ud83d\udd25 1\u00b0 intento\n            sendRequest().then(async data => {\n\n                \/\/ \u274c Si el nonce es inv\u00e1lido \u2192 renovarlo y reintentar una vez\n                if (!data.success && data.data?.msg === \"Nonce inv\u00e1lido\") {\n                    console.warn(\"Nonce inv\u00e1lido, renovando...\");\n\n                    const renewed = await refreshNonce();\n\n                    if (renewed) {\n                        \/\/ \ud83d\udd04 2\u00b0 intento despu\u00e9s de renovar nonce\n                        return sendRequest().then(data2 => processResponse(data2));\n                    } else {\n                        alert(\"No se pudo renovar el nonce.\");\n                        restoreButton();\n                        return;\n                    }\n                }\n\n                \/\/ Procesar respuesta normal\n                processResponse(data);\n\n            }).catch(err => {\n                console.error(\"ERROR:\", err);\n                restoreButton();  \n            });\n\n            function processResponse(data) {\n                if (data.success && data.data && data.data.redirect) {\n                    window.location.href = data.data.redirect;\n                } else {\n                    console.error(\"Error en la respuesta:\", data.data.msg);\n                    if(data.data && data.data.msg == \"Debes iniciar sesi\u00f3n para continuar.\") {\n                        window.location.href = data.data.redirect;\n                    } else {\n                        alert(\"Ocurri\u00f3 un error inesperado. Por favor, intenta nuevamente.\");\n                        restoreButton();\n                    }\n                    \n            }\n        }\n\n        function restoreButton() {\n                document.querySelectorAll(\".btn-select-plan\").forEach(function(b) {\n                    b.disabled = false;\n                });\n                button.textContent = originalText;\n            }\n\n        });\n    });\n\n});\n\n\n\n  <\/script>\n  <script>\n    window.WEPB_ACTIVE_PLAN_KEY = \"\"\n\n\n\n    document.addEventListener('DOMContentLoaded', function () {\n    const activePlanKey = window.WEPB_ACTIVE_PLAN_KEY;\n    if (!activePlanKey) return;\n\n    let foundActive = false; \/\/ detecta cuando llegamos al card activo\n\n    document.querySelectorAll('.plan-card').forEach(card => {\n        const button = card.querySelector('.btn-select-plan');\n        const planId = button.dataset.planId;\n        const badge = card.querySelector('.plan-badge-active');\n\n        if (planId === activePlanKey) {\n            \/\/ Card activo: mostrar tag y desactivar bot\u00f3n\n            if (badge) badge.style.display = 'block';\n            button.disabled = true;\n            button.classList.add('plan-active');\n            card.classList.add('featured');\n            button.innerHTML = `\n            Plan activo\n            <svg viewBox=\"0 0 24 24\" width=\"40\" height=\"40\" fill=\"none\"\n              xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <path d=\"M9 12L11 14L15 10M12 3L13.9101 4.87147L16.5 4.20577L17.2184 6.78155L19.7942 7.5L19.1285 10.0899L21 12L19.1285 13.9101L19.7942 16.5L17.2184 17.2184L16.5 19.7942L13.9101 19.1285L12 21L10.0899 19.1285L7.5 19.7942L6.78155 17.2184L4.20577 16.5L4.87147 13.9101L3 12L4.87147 10.0899L4.20577 7.5L6.78155 6.78155L7.5 4.20577L10.0899 4.87147L12 3Z\"\n                stroke=\"#fff\"\n                stroke-width=\"2\"\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\/>\n            <\/svg>\n            `;\n            \n            foundActive = true; \n        } else if (!foundActive) {\n            card.classList.add('lower');\n            \n        }\n    });\n});\n\n\n\n\/\/ Igualar alturas entre cards\nfunction equalizeCardHeights() {\n    var containers = document.querySelectorAll('.plans-container');\n    containers.forEach(function(container) {\n        var cards = Array.from(container.querySelectorAll('.plan-card'));\n        if (!cards.length) return;\n        cards.forEach(function(c) { c.style.height = ''; });\n        var maxH = 0;\n        cards.forEach(function(c) { if (c.offsetHeight > maxH) maxH = c.offsetHeight; });\n        if (maxH > 0) cards.forEach(function(c) { c.style.height = maxH + 'px'; });\n    });\n}\ndocument.addEventListener('DOMContentLoaded', function() {\n    equalizeCardHeights();\n    setTimeout(equalizeCardHeights, 300);\n    setTimeout(equalizeCardHeights, 800);\n});\ndocument.querySelectorAll('.duration-option').forEach(function(btn) {\n    btn.addEventListener('click', function() { setTimeout(equalizeCardHeights, 150); });\n});\nwindow.addEventListener('resize', equalizeCardHeights);\n<\/script>\n\n\n\n<\/div>\n\t\t\t\t\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":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-170363","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/arriendo.com\/co\/wp-json\/wp\/v2\/pages\/170363","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/arriendo.com\/co\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/arriendo.com\/co\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/arriendo.com\/co\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/arriendo.com\/co\/wp-json\/wp\/v2\/comments?post=170363"}],"version-history":[{"count":4,"href":"https:\/\/arriendo.com\/co\/wp-json\/wp\/v2\/pages\/170363\/revisions"}],"predecessor-version":[{"id":459615,"href":"https:\/\/arriendo.com\/co\/wp-json\/wp\/v2\/pages\/170363\/revisions\/459615"}],"wp:attachment":[{"href":"https:\/\/arriendo.com\/co\/wp-json\/wp\/v2\/media?parent=170363"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}