{"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: 1.8em; font-weight: 700; margin-bottom:4px; }\n    .subtitle { text-align: center; color: #666; margin-bottom: 12px; font-size: 1em; }\n\n    .duration-selector {\n      display: flex; justify-content: center; margin-bottom: 14px; 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:8px 16px; 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;\n      grid-template-columns: repeat(4, 1fr);\n      gap:12px;\n      margin-top:12px;\n      align-items: start;\n    }\n\n    .plan-card {\n      background:#fff;\n      border-radius:12px;\n      padding:16px;\n      border: 1px solid #e5e7eb;\n      box-shadow: 0 1px 4px rgba(0,0,0,.06);\n      transition: box-shadow .2s, transform .2s;\n      position:relative;\n      overflow:hidden;\n      display:flex;\n      flex-direction:column;\n    }\n    .plan-card:hover { box-shadow:0 4px 16px rgba(0,0,0,.1); transform:translateY(-2px); }\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    \/* Plan Bienvenida: activo por defecto, se muestra bloqueado en gris *\/\n    .plan-card.plan-locked {\n      filter: grayscale(100%);\n      opacity: 0.85;\n      background-color: #f5f5f5;\n    }\n    .cta-button.btn-welcome-active {\n      background: #9e9e9e !important;\n      color: #fff !important;\n      cursor: default !important;\n      display: flex; align-items: center; justify-content: center; gap: 8px;\n    }\n    .cta-button.btn-welcome-active:hover { background: #9e9e9e !important; }\n\n\n\n\n    \/* .wepb-plan-header definido en bloque wepb-fix abajo *\/\n    .wepb-plan-name { font-size:1.1em; color:#1a1a1a; margin-bottom:2px; font-weight:700; }\n    .wepb-plan-price { font-size:1.8em; color:#EE2624; font-weight:800; margin-bottom:0; }\n    .wepb-plan-price.free { color:#0584fe; }\n    .wepb-plan-price.free.inactive { color:#999; }\n    .wepb-plan-duration { color:#666; font-size:0.8em; }\n    .wepb-plan-desc { color:#6b7280; font-size:0.85em; margin-bottom:8px; line-height:1.4; min-height:2.8em; }\n    .wepb-plan-total { margin-top:4px; padding:0; font-size:0.78em; color:#6b7280; }\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:4px 0; padding:0; }\n    .premium-feature { display:flex; justify-content:space-between; align-items:center; margin:2px 0; border-bottom:1px solid #f0f0f0; font-size:0.88em; }\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:4px; flex:1; }\n    .feature { padding:4px 0; border-bottom:1px solid #f3f4f6; display:flex; justify-content:space-between; align-items:center; font-size:0.88em; }\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 {\n      margin-top:6px;\n      padding:6px 8px;\n      border-radius:10px;\n      background:#f9f9f9;\n      border:1px solid #eee;\n    }\n    .tags-title {\n      font-size:0.78em;\n      color:#999;\n      margin-bottom:8px;\n      font-weight:600;\n      text-transform:uppercase;\n      letter-spacing:.04em;\n    }\n    .tags { display:flex; flex-wrap:wrap; gap:5px; margin-bottom:0; }\n    .tag {\n      background:#fff;\n      color:#555;\n      padding:3px 9px;\n      border-radius:20px;\n      font-size:0.74em;\n      font-weight:500;\n      border:1px solid #e0e0e0;\n      display:inline-flex;\n      align-items:center;\n      gap:4px;\n    }\n    .tag::before { content:'\u2713'; font-size:.7em; color:#2EBD59; font-weight:700; }\n\n    .cta-button { width:100%; padding:10px; margin-top:10px; 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:#9e9e9e; }\n    .cta-button.free:hover { background:#0470d9; }\n    .cta-button.free.inactive { background:#999; }\n    .cta-button.free.inactive:hover { background:#888; }\n\n    \/* Alineacion visual entre cards: min-heights compactos *\/\n    .wepb-plan-header  { display:flex!important; flex-direction:column!important; min-height:202px; }\n    .premium-features  { }\n    .plan-features     { }\n    .tags-section      { }\n    .slider-wrapper    { }\n    @media (max-width:768px) {\n      h1 { font-size:1.4em; margin-bottom:4px; }\n      .subtitle { margin-bottom:8px; font-size:.9em; }\n      .container.wepb-plans-wrap { padding-left:12px !important; padding-right:12px !important; }\n\n      \/* Selector duracion compacto *\/\n      .duration-selector {\n        flex-direction:row; flex-wrap:nowrap; overflow-x:auto; gap:6px;\n        padding:6px 6px 6px 6px;\n        background:#f8f8f8; border-radius:12px;\n        scroll-snap-type:x mandatory; scroll-padding-left:6px;\n        -webkit-overflow-scrolling:touch; scrollbar-width:none;\n        justify-content:flex-start; margin-bottom:10px;\n        max-width:100%; box-sizing:border-box;\n      }\n      .duration-selector::-webkit-scrollbar { display:none; }\n      .duration-option {\n        flex:0 0 auto; min-width:auto; margin-bottom:0; padding:8px 14px;\n        font-size:.85em; white-space:nowrap; scroll-snap-align:start;\n        border-radius:8px;\n      }\n      .duration-option .discount-badge { position:static; margin-left:4px; }\n\n      \/* Hint texto acordeon *\/\n      .arx-accordion-hint {\n        font-size:.78em; color:#888; text-align:center;\n        margin-bottom:8px; display:block;\n      }\n\n      \/* ACORDEON: lista de planes *\/\n      .plans-container {\n        display: flex !important;\n        flex-direction: column !important;\n        gap: 6px !important;\n        grid-template-columns: none !important;\n        grid-auto-rows: auto !important;\n        margin-top: 0 !important;\n        padding: 0 !important;\n        box-sizing: border-box !important;\n        background: transparent !important;\n      }\n\n      \/* Cada card = fila colapsable *\/\n      .plan-card {\n        padding: 0 !important;\n        border-radius: 10px !important;\n        border: 1.5px solid #e8e8e8 !important;\n        box-shadow: 0 1px 4px rgba(0,0,0,.06) !important;\n        overflow: hidden !important;\n        transition: border-color .2s !important;\n        display: block !important;\n      }\n      .plan-card.arx-open {\n        border-color: #EE2624 !important;\n        box-shadow: 0 2px 10px rgba(238,38,36,.15) !important;\n      }\n\n      \/* Header siempre visible *\/\n      .arx-acc-header {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        padding: 10px 12px;\n        cursor: pointer;\n        background: #fff;\n        gap: 8px;\n      }\n      .arx-acc-left { flex:1; min-width:0; }\n      .arx-acc-title {\n        font-size: .88em;\n        font-weight: 700;\n        color: #1a1a1a;\n        display: flex;\n        align-items: center;\n        gap: 5px;\n        flex-wrap: wrap;\n      }\n      .arx-acc-subtitle {\n        font-size: .71em;\n        color: #888;\n        margin-top: 1px;\n      }\n      .arx-acc-right { text-align:right; flex-shrink:0; }\n      .arx-acc-price {\n        font-size: .92em;\n        font-weight: 800;\n        color: #EE2624;\n        display: block;\n        white-space: nowrap;\n      }\n      .arx-acc-price.free-price { color: #0584fe; }\n      .arx-acc-period {\n        font-size: .63em;\n        color: #999;\n        display: block;\n        white-space: nowrap;\n      }\n      .arx-acc-chevron {\n        flex-shrink: 0;\n        width: 16px; height: 16px;\n        color: #bbb;\n        transition: transform .25s;\n      }\n      .plan-card.arx-open .arx-acc-chevron { transform: rotate(180deg); color:#EE2624; }\n\n      \/* Body colapsable *\/\n      .arx-acc-body {\n        max-height: 0;\n        overflow: hidden;\n        transition: max-height .35s cubic-bezier(.4,0,.2,1);\n        background: #fff;\n      }\n      .plan-card.arx-open .arx-acc-body { max-height: 1200px; }\n      .arx-acc-body-inner { padding: 0 12px 12px; }\n\n      \/* Ocultar header original de estatik dentro del acordeon *\/\n      .plan-card .wepb-plan-header,\n      .plan-card .wepb-plan-total,\n      .plan-card .wepb-total-price,\n      .plan-card .wepb-savings { display:none !important; }\n      .arx-desktop-only { display:none !important; }\n      \/* Forzar ocultar header con inline style via contenedor *\/\n      .arx-acc-body .wepb-plan-header { display:none !important; visibility:hidden !important; height:0 !important; overflow:hidden !important; margin:0 !important; padding:0 !important; }\n      #card-bienvenida .wepb-plan-header,\n      #card-bienvenida .wepb-plan-name,\n      #card-bienvenida .wepb-plan-desc,\n      #card-bienvenida .wepb-plan-price,\n      #card-bienvenida .wepb-plan-total,\n      #card-bienvenida .wepb-savings { display:none !important; }\n      .plan-card .wepb-plan-name   { display:none !important; }\n      .plan-card .wepb-plan-desc   { display:none !important; }\n      .plan-card .wepb-plan-price  { display:none !important; }\n      .plan-card .wepb-plan-period { display:none !important; }\n      .plan-card .wepb-savings     { display:none !important; }\n      .plan-card .wepb-plan-total  { font-size:.8em; color:#555; margin-bottom:8px; padding:6px 0; border-bottom:1px solid #f0f0f0; }\n\n      \/* Features compactos *\/\n      .premium-features { margin:4px 0 0 !important; min-height:0 !important; }\n      .plan-features    { margin-top:4px !important; min-height:0 !important; flex:0 0 auto !important; }\n      .tags-section     { min-height:0 !important; margin-top:6px !important; padding:6px 8px !important; }\n      .slider-wrapper   { min-height:0 !important; margin-top:6px !important; }\n      .feature          { padding:4px 0 !important; }\n      .premium-feature  { margin:3px 0 !important; }\n      .cta-button       { padding:11px !important; margin-top:10px !important; font-size:.93em !important; }\n      .tags             { gap:4px !important; }\n      .tag              { font-size:.72em !important; padding:3px 7px !important; }\n\n      \/* Footer oculto *\/\n      footer#colophon.site-footer { display:none !important; }\n      \/* Eliminar espacio en blanco debajo del footer *\/\n      body, html { margin-bottom:0 !important; padding-bottom:0 !important; }\n      .site, .site-content, #content, #page, main, .main-container,\n      [class*='elementor'], .elementor-section-wrap,\n      [data-elementor-type] { margin-bottom:0 !important; padding-bottom:0 !important; }\n      #colophon + * { display:none !important; }\n      \/* Ocultar TODA cinta\/badge\/ribbon en movil - maximo nivel especificidad *\/\n      body .plan-card .badge,\n      body .plan-card .plan-ribbon,\n      body .plan-card [class*='ribbon'],\n      body .plan-card [class*='badge']:not(.arx-active-pill):not(.feature-value):not(.discount-badge) {\n        display:none !important;\n        visibility:hidden !important;\n        opacity:0 !important;\n        pointer-events:none !important;\n      }\n      \/* Ocultar pseudo-elementos de cintas *\/\n      body .plan-card .featured::before,\n      body .plan-card .featured::after,\n      body .plan-card.featured::before,\n      body .plan-card.featured::after { display:none !important; }\n      \/* Ocultar boton plan-active en movil - causa desborde visual *\/\n      body .plan-card .btn-select-plan.plan-active,\n      body .plan-card button.plan-active {\n        display: none !important;\n      }\n      \/* Cards ancho completo en movil *\/\n      #wepbPlansContainer .plan-card {\n        width: 100% !important;\n        box-sizing: border-box !important;\n        min-width: 0 !important;\n      }\n    }\n\n    \/* DESKTOP: ocultar elementos solo-movil *\/\n    @media (min-width:769px) {\n      .arx-acc-header  { display:none !important; }\n      .arx-desktop-only { display:block !important; }\n      \/* Altura del header del Bienvenida se iguala dinamicamente vs. los de pago\n         via equalizeCardHeights() (ver script mas abajo) - no forzar valor fijo aqui *\/\n      \/* Boton debajo del header via order en arx-acc-body-inner *\/\n      .arx-acc-body-inner { display:flex !important; flex-direction:column !important; flex:1 !important; }\n      .arx-acc-body-inner .wepb-plan-header { order:0; min-height:160px; display:flex !important; flex-direction:column !important; justify-content:center !important; }\n      .arx-acc-body-inner .cta-button       { order:1; margin-top:10px !important; }\n      .arx-acc-body-inner .premium-features { order:2; }\n      .arx-acc-body-inner .plan-features    { order:3; }\n      .arx-acc-body-inner .tags-section     { order:4; }\n      .arx-acc-body-inner .slider-wrapper   { order:5; }\n      .arx-acc-body    { max-height:none !important; overflow:visible !important; flex:1 !important; display:flex !important; flex-direction:column !important; }\n      .arx-acc-body-inner { padding:0 !important; flex:1 !important; display:flex !important; flex-direction:column !important; }\n      .arx-accordion-hint { display:none !important; }\n      \/* Restaurar visibilidad del header y precio originales en desktop *\/\n      .plan-card .wepb-plan-header { display:block !important; }\n      .plan-card .wepb-plan-name   { display:block !important; }\n      .plan-card .wepb-plan-desc   { display:block !important; }\n      .plan-card .wepb-plan-price  { display:block !important; }\n      .plan-card .wepb-plan-period { display:block !important; }\n      .plan-card .wepb-savings     { display:block !important; }\n      .plan-card .wepb-plan-total  { display:block !important; }\n    }\n\n\n    \/* Slider de anuncios destacados *\/\n    .slider-wrapper {\n      margin: 12px 0 0;\n      padding: 12px 14px;\n      background: #f0f4ff;\n      border: 1px solid #d0daf8;\n      border-radius: 10px;\n    }\n    .slider-wrapper label {\n      font-weight: 600;\n      color: #3F68E5;\n      display: block;\n      margin-bottom: 10px;\n      font-size: .85em;\n      letter-spacing: .01em;\n    }\n    .slider-wrapper input[type=range] {\n      width: 100%;\n      accent-color: #3F68E5;\n      height: 4px;\n      cursor: pointer;\n    }\n    .leads-current {\n      text-align: right;\n      font-size: .82em;\n      color: #3F68E5;\n      font-weight: 700;\n      margin-top: 6px;\n    }\n    .slider-hint {\n      font-size: .75em;\n      color: #999;\n      margin-top: 4px;\n      display: block;\n    }\n    \/* Slider deshabilitado *\/\n    .slider-disabled { opacity: 0.55; cursor: not-allowed; }\n    .slider-disabled input[type=\"range\"] { pointer-events: none; accent-color: #aaa; }\n    .slider-disabled label { color: #aaa; }\n    .slider-disabled .leads-current { color: #aaa; }\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: 16px !important;\n}\n@media (max-width:768px) {\n  body .wepb-plans-wrap .plan-card { padding: 0 !important; }\n  body .wepb-plans-wrap { background: transparent !important; }\n  .container.wepb-plans-wrap { background: transparent !important; }\n}\nbody .wepb-plans-wrap .plan-card .premium-features,\nbody .wepb-plans-wrap .plan-card .plan-features {\n    margin-top: 24px !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\" id=\"wepbPlansContainer\">\n            <!-- Plan Bienvenida - GRATUITO -->\n      <div class=\"plan-card\" id=\"card-bienvenida\" style=\"overflow:hidden!important;display:flex!important;flex-direction:column!important;\">\n      <!-- Acordeon header (solo movil) -->\n      <div class=\"arx-acc-header\">\n        <div class=\"arx-acc-left\">\n          <div class=\"arx-acc-title\">Plan Bienvenida<\/div>\n        <\/div>\n        <svg class=\"arx-acc-chevron\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n          <path d=\"M6 9l6 6 6-6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n        <\/svg>\n      <\/div>\n      <div class=\"arx-acc-body\"><div class=\"arx-acc-body-inner\">\n\n        <div class=\"wepb-plan-header arx-desktop-only\" style=\"height:auto!important;background:#f8f8f8!important;border-radius:8px!important;padding:10px 12px!important;margin-bottom:8px!important;border:none!important;text-align:center!important;display:flex!important;flex-direction:column!important;justify-content:center!important;\">\n          <h2 class=\"wepb-plan-name\">Plan Bienvenida<\/h2>\n          <div class=\"wepb-plan-desc\">Ideal para comenzar a publicar sin costo.<\/div>\n          <div class=\"wepb-plan-price free\">GRATIS<\/div>\n          <div class=\"wepb-plan-duration\">Acceso gratuito<\/div>\n          <div class=\"wepb-plan-total\"><div class=\"wepb-total-price\">Total: $0<\/div><\/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 \/ videos x inmueble<\/span><span class=\"feature-value\" style=\"color:#EE2624;font-weight:700;\">5 \/ 0<\/span><\/div>\n        <\/div>\n\n                  <!-- No logueado, o logueado SIN ningun plan activado todavia: puede seleccionar el plan gratuito -->\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                 \n\n      \n      <\/div><\/div><!-- arx-acc-body -->\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      <!-- Acordeon header (solo movil) -->\n      <div class=\"arx-acc-header\">\n        <div class=\"arx-acc-left\">\n          <div class=\"arx-acc-title\">Plan Visibilidad<\/div>\n          <div class=\"arx-acc-subtitle\">1 destacado &middot; 10 fotos &middot; 1 video<\/div>\n        <\/div>\n        <svg class=\"arx-acc-chevron\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n          <path d=\"M6 9l6 6 6-6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n        <\/svg>\n      <\/div>\n      <div class=\"arx-acc-body\"><div class=\"arx-acc-body-inner\">\n\n        <div class=\"wepb-plan-header\" style=\"height:auto!important;background:#f8f8f8!important;border-radius:8px!important;padding:10px 12px!important;margin-bottom:8px!important;border:none!important;display:flex!important;flex-direction:column!important;justify-content:center!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 \/ videos x inmueble<\/span><span class=\"feature-value\" style=\"color:#EE2624;font-weight:700;\">10 \/ 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      \n      <\/div><\/div><!-- arx-acc-body -->\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      <!-- Acordeon header (solo movil) -->\n      <div class=\"arx-acc-header\">\n        <div class=\"arx-acc-left\">\n          <div class=\"arx-acc-title\">Plan Pro\n          <span style=\"background:#EE2624;color:#fff;font-size:.6em;padding:2px 6px;border-radius:10px;font-weight:700;\">RECOMENDADO<\/span><\/div>\n          <div class=\"arx-acc-subtitle\">3 destacados &middot; 3 en mapa &middot; 15 fotos<\/div>\n        <\/div>\n        <svg class=\"arx-acc-chevron\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n          <path d=\"M6 9l6 6 6-6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n        <\/svg>\n      <\/div>\n      <div class=\"arx-acc-body\"><div class=\"arx-acc-body-inner\">\n\n        <div class=\"badge\">RECOMENDADO<\/div>\n        <div class=\"wepb-plan-header\" style=\"height:auto!important;background:#f8f8f8!important;border-radius:8px!important;padding:10px 12px!important;margin-bottom:8px!important;border:none!important;display:flex!important;flex-direction:column!important;justify-content:center!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 \/ videos x inmueble<\/span><span class=\"feature-value\" style=\"color:#EE2624;font-weight:700;\">15 \/ 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      \n      <\/div><\/div><!-- arx-acc-body -->\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      <!-- Acordeon header (solo movil) -->\n      <div class=\"arx-acc-header\">\n        <div class=\"arx-acc-left\">\n          <div class=\"arx-acc-title\">Plan Destacado<\/div>\n          <div class=\"arx-acc-subtitle\">9 destacados &middot; 9 en mapa &middot; 20 fotos<\/div>\n        <\/div>\n        <svg class=\"arx-acc-chevron\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n          <path d=\"M6 9l6 6 6-6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n        <\/svg>\n      <\/div>\n      <div class=\"arx-acc-body\"><div class=\"arx-acc-body-inner\">\n\n        <div class=\"wepb-plan-header\" style=\"height:auto!important;background:#f8f8f8!important;border-radius:8px!important;padding:10px 12px!important;margin-bottom:8px!important;border:none!important;display:flex!important;flex-direction:column!important;justify-content:center!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 \/ videos x inmueble<\/span><span class=\"feature-value\" style=\"color:#EE2624;font-weight:700;\">20 \/ 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      \n      <\/div><\/div><!-- arx-acc-body -->\n      <\/div>\n          <\/div> <!-- .plans-container -->\n\n<script>\n  document.addEventListener('DOMContentLoaded', function () {\n\n    \/\/ --- GTM: view_item_list (se dispara una vez al cargar \/planes\/) ---\n    window.dataLayer = window.dataLayer || [];\n    dataLayer.push({ ecommerce: null }); \/\/ limpiar objeto ecommerce previo (recomendado por GTM)\n    dataLayer.push({\n        event: 'view_item_list',\n        item_list_id: 'planes_arriendo',\n        item_list_name: 'Planes Arriendo.com',\n        ecommerce: {\n            items: [\n                { item_id: 'ar-plan-bienvenida',  item_name: 'Plan Bienvenida',  price: 0,      index: 0 },\n                { item_id: 'ar-plan-visibilidad', item_name: 'Plan Visibilidad', price: 30000,  index: 1 },\n                { item_id: 'ar-plan-pro',         item_name: 'Plan Pro',         price: 90000,  index: 2 },\n                { item_id: 'ar-plan-leads',       item_name: 'Plan Destacado',   price: 120000, index: 3 }\n            ]\n        }\n    });\n\n    \/\/ --- descuentos por duracion\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: tenias 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 segun selection de meses)\n    *\/\n    const leadsRanges = [\n      { ads: 9,  monthly: 120000 },                \/\/ opcion 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 ? freeCard.querySelector('.wepb-plan-price.free') : null;\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      <span class=\"slider-hint\">Solo disponible en plan anual (1 a\u00f1o)<\/span>\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    \/\/ Funcion 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 esta 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 ningun 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      \/\/ El Plan Bienvenida ya no tiene boton de seleccion (es el plan activo por defecto),\n      \/\/ por lo que no se bloquea. Se mantiene el guard por seguridad.\n      if (!freeBtn) return;\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: duracion (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 esta en 12 meses\n    leadsSlider.addEventListener('input', function () {\n      if (currentMonths === 12) {\n        updateLeadsPlan(parseInt(this.value, 10));\n      }\n    });\n\n    \/\/ Inicializacion\n    updateSliderState();\n    updateOtherPlans();\n    updateLeadsPlan(0);\n    updateFreePlanStatus();\n\n    \/\/ Exponer funciones utiles 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    \/\/  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    \/\/ --- Meta CAPI: InitiateCheckout al seleccionar un plan ---\n    \/\/ Reutiliza el mismo endpoint AJAX 'send_capi_event' que ya usa el formulario de leads (custom.php)\n    function sendMetaCapiEvent(eventName, eventId, value, email, source, sourceUrl) {\n        function getFbCookie(n) {\n            var m = document.cookie.match(new RegExp('(^| )' + n + '=([^;]+)'));\n            return m ? m[2] : null;\n        }\n        function getFbClickId() {\n            var p = new URLSearchParams(window.location.search);\n            var id = p.get('fbclid');\n            return id ? 'fb.1.' + Date.now() + '.' + id : null;\n        }\n\n        var ajaxUrl = (typeof wepb_ajax !== 'undefined' && wepb_ajax.ajax_url)\n            ? wepb_ajax.ajax_url\n            : (window.ajaxurl || '\/wp-admin\/admin-ajax.php');\n\n        var body = new URLSearchParams();\n        body.append('action', 'send_capi_event');\n        body.append('event_name', eventName);\n        body.append('event_id', eventId);\n        body.append('value', value);\n        body.append('email', email || '');\n        body.append('phone', '');\n        body.append('source', source || '');\n        body.append('event_url', sourceUrl || window.location.href);\n        body.append('fbp', getFbCookie('_fbp') || '');\n        body.append('fbc', getFbClickId() || '');\n\n        fetch(ajaxUrl, {\n            method: 'POST',\n            credentials: 'same-origin',\n            headers: { 'Content-Type': 'application\/x-www-form-urlencoded' },\n            body: body.toString()\n        }).catch(function(err) {\n            console.warn('CAPI InitiateCheckout error:', err);\n        });\n    }\n\n    document.querySelectorAll(\".btn-select-plan\").forEach(btn => {\n        btn.addEventListener(\"click\", function() {\n\n            const card = this.closest(\".plan-card\");\n            const planData = getPlanData(card, this);\n\n            \/\/ Si no hay sesion, redirigir al login\/registro conservando el plan elegido\n            \/\/ (antes se perdia la seleccion: el usuario volvia a \/planes\/ en blanco\n            \/\/ y tenia que elegir todo de nuevo). Ahora viaja en la URL de retorno.\n            if (!window.WEPB_USER_LOGGED_IN) {\n                var plansUrlConSeleccion = window.WEPB_PLANES_URL\n                    + '?arx_plan=' + encodeURIComponent(planData.plan_key)\n                    + '&arx_duration=' + encodeURIComponent(planData.duration)\n                    + (planData.ads ? '&arx_ads=' + encodeURIComponent(planData.ads) : '');\n                var loginUrl = window.WEPB_LOGIN_BASE\n                    ? (window.WEPB_LOGIN_BASE + encodeURIComponent(plansUrlConSeleccion))\n                    : (window.WEPB_LOGIN_URL || '\/wp-login.php?redirect_to=' + encodeURIComponent(window.location.href));\n                window.location.href = loginUrl;\n                return;\n            }\n\n            const button = this;\n            const originalText = button.textContent;\n\n            \/\/  DESACTIVAR TODOS LOS BOTONES - 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            console.log(\"PLAN SELECCIONADO:\", planData);\n\n            \/\/ --- GTM: select_plan (click en \"Seleccionar Plan\") ---\n            window.dataLayer = window.dataLayer || [];\n            dataLayer.push({ ecommerce: null });\n            dataLayer.push({\n                event: 'select_plan',\n                plan_key: planData.plan_key,\n                plan_name: planData.name,\n                duration_months: planData.duration,\n                currency: 'COP',\n                value: planData.price,\n                ecommerce: {\n                    items: [{\n                        item_id: planData.plan_key,\n                        item_name: planData.name,\n                        price: planData.price,\n                        quantity: 1\n                    }]\n                }\n            });\n\n            \/\/ --- Meta CAPI: InitiateCheckout (mismo pixel\/token que Lead-*, via custom.php) ---\n            var capiEventId = 'ic_' + Date.now() + '_' + planData.plan_key;\n            sendMetaCapiEvent(\n                'InitiateCheckout',\n                capiEventId,\n                planData.price,\n                window.WEPB_USER_EMAIL || '',\n                planData.plan_key,\n                window.location.href\n            );\n\n            \/\/  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            \/\/  1 intento\n            sendRequest().then(async data => {\n\n                \/\/  Si el nonce es invalido -> renovarlo y reintentar una vez\n                if (!data.success && data.data?.msg === \"Nonce invalido\") {\n                    console.warn(\"Nonce invalido, renovando...\");\n\n                    const renewed = await refreshNonce();\n\n                    if (renewed) {\n                        \/\/  2 intento despues 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 sesion para continuar.\") {\n                        window.location.href = data.data.redirect;\n                    } else {\n                        alert(\"Ocurrio 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    \/\/ === AUTO-RESUME: retomar la compra automaticamente si el usuario volvio ===\n    \/\/ === de login\/registro con un plan ya elegido (?arx_plan=... en la URL)  ===\n    (function autoResumeSeleccionPlan() {\n        if (!window.WEPB_USER_LOGGED_IN) return;\n\n        var params = new URLSearchParams(window.location.search);\n        var planKey = params.get('arx_plan');\n        if (!planKey) return;\n\n        var months = parseInt(params.get('arx_duration'), 10) || 1;\n        var ads    = parseInt(params.get('arx_ads'), 10) || null;\n\n        var targetBtn = document.querySelector('.btn-select-plan[data-plan-id=\"' + planKey + '\"]');\n        if (!targetBtn || targetBtn.disabled) return; \/\/ plan invalido o ya es el plan activo del usuario\n\n        \/\/ Restaurar la duracion elegida antes de simular el click (recalcula precio en pantalla)\n        if (window.__arriendo && typeof window.__arriendo.setMonths === 'function') {\n            window.__arriendo.setMonths(months);\n        }\n\n        \/\/ Restaurar cantidad de anuncios destacados elegida (solo aplica a ar-plan-leads, 12 meses)\n        if (planKey === 'ar-plan-leads' && ads && months === 12) {\n            var leadsSliderEl = document.getElementById('leadsSlider');\n            if (leadsSliderEl) {\n                leadsSliderEl.value = ads;\n                leadsSliderEl.dispatchEvent(new Event('input'));\n            }\n        }\n\n        \/\/ Limpiar la URL para que un refresh no vuelva a disparar la compra\n        window.history.replaceState({}, document.title, window.location.pathname);\n\n        \/\/ Dar tiempo a que el DOM refleje precio\/duracion antes de \"clickear\" el plan\n        setTimeout(function () {\n            targetBtn.click();\n        }, 250);\n    })();\n\n});\n\n\n\n  <\/script>\n  <script>\n    window.WEPB_ACTIVE_PLAN_KEY = \"\";\n    window.WEPB_USER_LOGGED_IN  = false;\n    window.WEPB_USER_EMAIL      = '';\n    window.WEPB_LOGIN_URL       = \"https:\/\/arriendo.com\/co\/co\/ingresar\/?redirect_url=https%3A%2F%2Farriendo.com%2Fco%2Fplanes%2F\"; \/\/ fallback sin plan (compatibilidad)\n    \/\/ OJO: Estatik lee 'redirect_url' (no 'redirect_to') en login-form.php \/\n    \/\/ agent-register-form.php \/ buyer-register-form.php -- por eso antes se\n    \/\/ perdia el destino tanto en registro normal como en login con Google.\n    window.WEPB_LOGIN_BASE      = \"https:\/\/arriendo.com\/co\/co\/ingresar\/?redirect_url=\";\n    window.WEPB_PLANES_URL      = \"https:\/\/arriendo.com\/co\/planes\/\";\n\n\n\n    document.addEventListener('DOMContentLoaded', function () {\n    const activePlanKey = window.WEPB_ACTIVE_PLAN_KEY;\n\n    const freeCard = document.getElementById('card-bienvenida');\n    const welcomeActive = freeCard ? freeCard.querySelector('.btn-welcome-active') : null;\n\n    if (freeCard) {\n        if (window.WEPB_USER_LOGGED_IN && activePlanKey === 'ar-plan-bienvenida') {\n            \/\/ Logueado con Bienvenida REALMENTE activado (registro real en usermeta)\n            freeCard.classList.add('plan-locked');\n            if (welcomeActive) welcomeActive.style.display = 'flex';\n        } else {\n            \/\/ Sin sesion, o logueado con plan pago, o logueado sin ningun plan activado aun\n            \/\/ -> la tarjeta Bienvenida se ve normal, con boton \"Seleccionar Plan\" seleccionable\n            freeCard.classList.remove('plan-locked');\n            if (welcomeActive) welcomeActive.style.display = 'none';\n        }\n    }\n\n    if (!activePlanKey || activePlanKey === 'ar-plan-bienvenida') return; \/\/ no hay plan de PAGO activo -> el resto de cards queda normal\n\n    \/\/ Jerarquia explicita de planes (de menor a mayor). No depende del orden del DOM:\n    \/\/ solo se atenuan (.lower) los planes REALMENTE inferiores al activo; los superiores\n    \/\/ quedan normales para poder mejorar el plan.\n    const planTierOrder = ['ar-plan-bienvenida', 'ar-plan-visibilidad', 'ar-plan-pro', 'ar-plan-leads'];\n    const activeTierIndex = planTierOrder.indexOf(activePlanKey);\n\n    document.querySelectorAll('.plan-card').forEach(card => {\n        if (card === freeCard) return; \/\/ Bienvenida ya se gestiono arriba\n        const button = card.querySelector('.btn-select-plan');\n        if (!button) return;\n        const planId = button.dataset.planId;\n        const badge = card.querySelector('.plan-badge-active');\n        const planTierIndex = planTierOrder.indexOf(planId);\n\n        if (planId === activePlanKey) {\n            \/\/ Card activo: mostrar tag y desactivar boton\n            if (badge && window.innerWidth > 768) badge.style.display = 'block';\n            button.disabled = true;\n            button.classList.add('plan-active');\n            if (window.innerWidth > 768) card.classList.add('featured');\n            if (window.innerWidth <= 768) {\n              button.textContent = 'OK Plan activo';\n              \/\/ Agregar badge en el titulo del acordeon\n              var accTitle = card.querySelector('.arx-acc-title');\n              if (accTitle && !accTitle.querySelector('.arx-active-pill')) {\n                var pill = document.createElement('span');\n                pill.className = 'arx-active-pill';\n                pill.textContent = 'Plan activo';\n                pill.style.cssText = 'background:#16a34a;color:#fff;font-size:.62em;padding:2px 7px;border-radius:20px;font-weight:700;margin-left:4px;';\n                accTitle.appendChild(pill);\n              }\n            } else {\n              button.innerHTML = 'Plan activo <svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><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\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>';\n            }\n        } else if (planTierIndex !== -1 && planTierIndex < activeTierIndex) {\n            card.classList.add('lower');\n        }\n    });\n});\n\n\n\n\/\/ Igualar alturas entre cards\nfunction equalizeCardHeights() {\n    if (window.innerWidth <= 768) return;\n    var cards = Array.from(document.querySelectorAll('#wepbPlansContainer .plan-card'));\n    if (!cards.length) return;\n\n    var sels = ['.wepb-plan-header','.premium-features','.plan-features','.tags-section','.slider-wrapper'];\n    cards.forEach(function(c) {\n        c.style.height = '';\n        sels.forEach(function(s) { var el=c.querySelector(s); if(el) el.style.minHeight=''; });\n    });\n    sels.forEach(function(sel) {\n        var max = 0;\n        cards.forEach(function(c) { var el=c.querySelector(sel); if(el && el.offsetHeight>max) max=el.offsetHeight; });\n        if (max > 0) cards.forEach(function(c) { var el=c.querySelector(sel); if(el) el.style.minHeight=max+'px'; });\n    });\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}\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\n\/\/ ACORDEON MOVIL\n(function() {\n  if (window.innerWidth > 768) return;\n\n  var cards = document.querySelectorAll('#wepbPlansContainer .plan-card');\n\n\n  \/\/ Agregar hint sobre el container\n  var container = document.getElementById('wepbPlansContainer');\n  if (container) {\n    var hint = document.createElement('p');\n    hint.className = 'arx-accordion-hint';\n    hint.textContent = '4 planes disponibles \\u2014 toca cada uno para ver el detalle y comparar';\n    container.parentNode.insertBefore(hint, container);\n  }\n\n  function openCard(card) {\n    cards.forEach(function(c) { c.classList.remove('arx-open'); });\n    card.classList.add('arx-open');\n    \/\/ Scroll suave al card abierto\n    setTimeout(function() {\n      card.scrollIntoView({ behavior: 'smooth', block: 'nearest' });\n    }, 50);\n  }\n\n  cards.forEach(function(card) {\n    var header = card.querySelector('.arx-acc-header');\n    if (!header) return;\n    header.addEventListener('click', function() {\n      if (card.classList.contains('arx-open')) {\n        card.classList.remove('arx-open');\n      } else {\n        openCard(card);\n      }\n    });\n  });\n\n  \/\/ Todas las tarjetas quedan cerradas por defecto en movil (sin auto-abrir ninguna)\n})();\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}]}}