{"id":126977,"date":"2025-10-06T13:17:58","date_gmt":"2025-10-06T18:17:58","guid":{"rendered":"https:\/\/www.ciencuadras.com\/blog\/?page_id=126977"},"modified":"2025-10-07T10:44:52","modified_gmt":"2025-10-07T15:44:52","slug":"elementor-126977","status":"publish","type":"page","link":"https:\/\/www.ciencuadras.com\/blog\/elementor-126977","title":{"rendered":"Elementor #126977"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"126977\" class=\"elementor elementor-126977\" data-elementor-post-type=\"page\">\n\t\t\t\t\n<div class=\"elementor-element elementor-element-16d4d00 e-flex e-con-boxed e-con e-parent\" data-id=\"16d4d00\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-c790cc0 e-con-full e-flex e-con e-child\" data-id=\"c790cc0\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1dcebdb elementor-widget elementor-widget-html\" data-id=\"1dcebdb\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"inmueble-card\">\n    <style>\n        \/* Estilos CSS para la tarjeta de inmueble *\/\n        .inmueble-card {\n            max-width: 350px; \/* Ajusta seg\u00fan el tama\u00f1o deseado en Elementor *\/\n            background-color: #fff;\n            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n            border-radius: 8px;\n            overflow: hidden;\n            margin: 20px auto;\n            border-bottom: 5px solid #6FB453; \/* Borde inferior verde *\/\n            font-family: Arial, sans-serif;\n            transition: box-shadow 0.3s ease;\n        }\n\n        .inmueble-card:hover {\n            box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);\n        }\n\n        .inmueble-image-container {\n            width: 100%;\n            height: 200px; \/* Altura de la imagen *\/\n            overflow: hidden;\n        }\n\n        .inmueble-image {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            display: block;\n        }\n\n        .inmueble-content {\n            padding: 15px;\n        }\n\n        .inmueble-price-area {\n            font-size: 24px;\n            font-weight: bold;\n            line-height: 1.2;\n            margin-bottom: 5px;\n        }\n\n        .inmueble-price-label {\n            color: #3E98CC; \/* Color azul para \"Venta:\" *\/\n            font-weight: normal;\n        }\n\n        .inmueble-price-value {\n            color: #3E98CC; \/* Color azul para el valor *\/\n        }\n\n        .inmueble-title {\n            font-size: 18px;\n            color: #333;\n            margin-bottom: 5px;\n            \/* No se usa text-transform para respetar may\u00fasculas\/min\u00fasculas originales *\/\n            font-weight: 500;\n        }\n\n        .inmueble-code {\n            font-size: 14px;\n            color: #666;\n            margin-bottom: 15px;\n        }\n\n        .inmueble-metrics-separator {\n            border-bottom: 1px solid #ddd;\n            margin-bottom: 10px;\n            height: 1px; \/* Para asegurar la l\u00ednea *\/\n            clear: both;\n        }\n\n        .inmueble-metrics {\n            display: flex;\n            justify-content: flex-end; \/* Alineado a la derecha *\/\n            align-items: center;\n            padding-bottom: 10px; \/* Espacio antes de la l\u00ednea *\/\n            font-size: 16px;\n            color: #555;\n            min-height: 30px; \/* Para que el contenido sea visible *\/\n        }\n\n        .inmueble-area {\n            font-weight: bold;\n            white-space: nowrap; \/* Evita que el texto se rompa *\/\n        }\n\n        .inmueble-separator-line {\n            border-bottom: 1px solid #ccc;\n            margin-top: 5px;\n            margin-bottom: 15px;\n        }\n\n        .inmueble-actions {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            padding: 0 15px 15px 15px;\n        }\n\n        .inmueble-favorite {\n            font-size: 16px;\n            color: #888;\n            margin-bottom: 15px;\n            display: flex;\n            align-items: center;\n            cursor: pointer;\n        }\n\n        .inmueble-favorite-icon {\n            margin-right: 5px;\n            \/* Usamos un coraz\u00f3n simple para el ejemplo. Para el \u00edcono de la imagen se necesitar\u00eda una fuente de \u00edconos (FontAwesome, etc.) *\/\n        }\n\n        .inmueble-detail-button {\n            display: block;\n            width: 100%;\n            max-width: 250px; \/* Limita el ancho del bot\u00f3n si es necesario *\/\n            padding: 10px 20px;\n            text-align: center;\n            color: #6FB453; \/* Texto color verde *\/\n            border: 2px solid #6FB453; \/* Borde color verde *\/\n            text-decoration: none;\n            border-radius: 5px;\n            font-weight: bold;\n            transition: background-color 0.3s, color 0.3s;\n            background-color: transparent;\n        }\n\n        .inmueble-detail-button:hover {\n            background-color: #6FB453;\n            color: #fff;\n        }\n    <\/style>\n\n    <div class=\"inmueble-image-container\">\n        <img decoding=\"async\" class=\"inmueble-image\" src=\"URL_DE_TU_IMAGEN_DESTACADA\" alt=\"Imagen de la propiedad\">\n    <\/div>\n\n    <div class=\"inmueble-content\">\n        <div class=\"inmueble-price-area\">\n            <span class=\"inmueble-price-label\">Venta:<\/span>\n            <span class=\"inmueble-price-value\">$750,000,000<\/span>\n        <\/div>\n        <h3 class=\"inmueble-title\">lote en la ceja - la ceja<\/h3>\n        <p class=\"inmueble-code\">C\u00f3digo:171336-11583<\/p>\n\n        <div class=\"inmueble-metrics-separator\"><\/div>\n\n        <div class=\"inmueble-metrics\">\n            <span class=\"inmueble-area\">1915 m\u00b2<\/span>\n        <\/div>\n\n        <div class=\"inmueble-separator-line\"><\/div>\n    <\/div>\n\n    <div class=\"inmueble-actions\">\n        <div class=\"inmueble-favorite\">\n            <span class=\"inmueble-favorite-icon\">\u2661<\/span> Favorito\n        <\/div>\n        <a class=\"inmueble-detail-button\" href=\"URL_DE_LA_PROPIEDAD\">VER DETALLE<\/a>\n    <\/div>\n\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1440c98 e-con-full e-flex e-con e-child\" data-id=\"1440c98\" data-element_type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ddc9002 e-grid e-con-boxed e-con e-parent\" data-id=\"ddc9002\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-45220f2 elementor-widget elementor-widget-html\" data-id=\"45220f2\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"inmueble-card\">\n    <style>\n        \/* Estilos CSS para la tarjeta de inmueble *\/\n        .inmueble-card {\n            max-width: 350px;\n            margin: 0 auto;\n            border: 1px solid #eee;\n            border-bottom: 5px solid #6FB453; \/* Borde inferior verde *\/\n            border-radius: 4px;\n            font-family: Arial, sans-serif;\n            box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n            overflow: hidden;\n            background-color: #fff;\n        }\n\n        .inmueble-card-img-container {\n            width: 100%;\n            height: 200px; \/* Altura fija para la imagen *\/\n            overflow: hidden;\n        }\n\n        .inmueble-card-img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover; \/* Asegura que la imagen cubra el contenedor *\/\n            display: block;\n        }\n\n        .inmueble-card-content {\n            padding: 15px;\n        }\n\n        .inmueble-card-price {\n            font-size: 24px;\n            font-weight: bold;\n            color: #3E98CC; \/* Color azul para el precio *\/\n            margin-bottom: 5px;\n        }\n\n        .inmueble-card-details h3 {\n            font-size: 18px;\n            font-weight: 500;\n            color: #333;\n            margin: 0 0 5px 0;\n            line-height: 1.3;\n        }\n\n        .inmueble-card-code {\n            font-size: 13px;\n            color: #888;\n            margin-bottom: 15px;\n        }\n\n        .inmueble-card-metrics {\n            display: flex;\n            justify-content: flex-end; \/* Alinear \u00e1rea a la derecha *\/\n            padding: 10px 15px;\n            border-top: 1px solid #eee;\n            font-size: 15px;\n            color: #555;\n            min-height: 40px; \/* Asegurar espacio si no hay m\u00e1s m\u00e9tricas *\/\n        }\n\n        .inmueble-card-metric {\n            display: flex;\n            align-items: center;\n        }\n\n        .inmueble-card-actions {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            padding: 15px 15px 15px 15px;\n        }\n        \n        .inmueble-card-favorite {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: #888;\n            font-size: 14px;\n            margin-bottom: 15px;\n            cursor: pointer;\n        }\n\n        .inmueble-card-favorite svg {\n            width: 20px;\n            height: 20px;\n            margin-right: 5px;\n            fill: #888; \/* Color del icono de coraz\u00f3n *\/\n        }\n        \n        .inmueble-card-button {\n            display: inline-block;\n            width: 100%;\n            text-align: center;\n            padding: 12px 20px;\n            font-size: 16px;\n            font-weight: bold;\n            text-decoration: none;\n            color: #6FB453; \/* Texto verde *\/\n            border: 2px solid #6FB453; \/* Borde verde *\/\n            border-radius: 5px;\n            transition: all 0.3s ease;\n            background-color: transparent;\n        }\n\n        .inmueble-card-button:hover {\n            background-color: #6FB453;\n            color: #fff;\n        }\n    <\/style>\n\n    <div class=\"inmueble-card-img-container\">\n        <img decoding=\"async\" class=\"inmueble-card-img\" src=\"https:\/\/www.ciencuadras.com\/blog\/wp-content\/uploads\/2025\/10\/prueba-1-less.png\" alt=\"Imagen de la propiedad\">\n    <\/div>\n\n    <div class=\"inmueble-card-content\">\n        <div class=\"inmueble-card-price\">Venta: $750,000,000<\/div>\n        <div class=\"inmueble-card-details\">\n            <h3>lote en la ceja - la ceja<\/h3>\n        <\/div>\n        <div class=\"inmueble-card-code\">C\u00f3digo:171336-11583<\/div>\n    <\/div>\n\n    <div class=\"inmueble-card-metrics\">\n        <div class=\"inmueble-card-metric\">\n            <span>1915 m\u00b2<\/span>\n        <\/div>\n    <\/div>\n\n    <div class=\"inmueble-card-actions\">\n        <div class=\"inmueble-card-favorite\">\n            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 21.35l-1.84-1.84C6.54 16.62 3 13.06 3 9.24 3 6.67 4.67 5 7 5c1.47 0 2.9.7 4 1.83C12.1 5.7 13.53 5 15 5c2.33 0 4 1.67 4 4.24 0 3.82-3.54 7.38-7.16 10.27L12 21.35z\"\/><\/svg>\n            <span>Favorito<\/span>\n        <\/div>\n        <a href=\"https:\/\/www.ciencuadras.com\/inmueble\/lote-en-venta-en-la-ceja-la-ceja-3499456\" class=\"inmueble-card-button\">VER DETALLE<\/a>\n    <\/div>\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8d5d2e6 elementor-widget elementor-widget-html\" data-id=\"8d5d2e6\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"inmueble-card\">\n    <style>\n        \/* Estilos CSS para la tarjeta de inmueble *\/\n        .inmueble-card {\n            max-width: 350px;\n            margin: 0 auto;\n            border: 1px solid #eee;\n            border-bottom: 5px solid #6FB453; \/* Borde inferior verde *\/\n            border-radius: 4px;\n            font-family: Arial, sans-serif;\n            box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n            overflow: hidden;\n            background-color: #fff;\n        }\n\n        .inmueble-card-img-container {\n            width: 100%;\n            height: 200px; \/* Altura fija para la imagen *\/\n            overflow: hidden;\n        }\n\n        .inmueble-card-img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover; \/* Asegura que la imagen cubra el contenedor *\/\n            display: block;\n        }\n\n        .inmueble-card-content {\n            padding: 15px;\n        }\n\n        .inmueble-card-price {\n            font-size: 24px;\n            font-weight: bold;\n            color: #3E98CC; \/* Color azul para el precio *\/\n            margin-bottom: 5px;\n        }\n\n        .inmueble-card-details h3 {\n            font-size: 18px;\n            font-weight: 500;\n            color: #333;\n            margin: 0 0 5px 0;\n            line-height: 1.3;\n        }\n\n        .inmueble-card-code {\n            font-size: 13px;\n            color: #888;\n            margin-bottom: 15px;\n        }\n\n        .inmueble-card-metrics {\n            display: flex;\n            justify-content: flex-end; \/* Alinear \u00e1rea a la derecha *\/\n            padding: 10px 15px;\n            border-top: 1px solid #eee;\n            font-size: 15px;\n            color: #555;\n        }\n\n        .inmueble-card-metric {\n            display: flex;\n            align-items: center;\n            \/* Solo usaremos el \u00faltimo elemento para el \u00e1rea *\/\n        }\n\n        .inmueble-card-actions {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            padding: 15px 15px 15px 15px;\n        }\n        \n        .inmueble-card-favorite {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: #888;\n            font-size: 14px;\n            margin-bottom: 15px;\n            cursor: pointer;\n        }\n\n        .inmueble-card-favorite svg {\n            width: 20px;\n            height: 20px;\n            margin-right: 5px;\n            fill: #888; \/* Color del icono de coraz\u00f3n *\/\n        }\n        \n        .inmueble-card-button {\n            display: inline-block;\n            width: 100%;\n            text-align: center;\n            padding: 12px 20px;\n            font-size: 16px;\n            font-weight: bold;\n            text-decoration: none;\n            color: #6FB453; \/* Texto verde *\/\n            border: 2px solid #6FB453; \/* Borde verde *\/\n            border-radius: 5px;\n            transition: all 0.3s ease;\n            background-color: transparent;\n        }\n\n        .inmueble-card-button:hover {\n            background-color: #6FB453;\n            color: #fff;\n        }\n    <\/style>\n\n    <div class=\"inmueble-card-img-container\">\n        <img decoding=\"async\" class=\"inmueble-card-img\" src=\"https:\/\/www.ciencuadras.com\/blog\/wp-content\/uploads\/2025\/10\/prueba-3.png\" alt=\"Imagen de la propiedad\">\n    <\/div>\n\n    <div class=\"inmueble-card-content\">\n        <div class=\"inmueble-card-price\">Arriendo: $2,750,000<\/div>\n        <div class=\"inmueble-card-details\">\n            <h3>apartamento en cuatro esquinas - rion<\/h3>\n        <\/div>\n        <div class=\"inmueble-card-code\">C\u00f3digo:171336-11582<\/div>\n    <\/div>\n\n    <div class=\"inmueble-card-metrics\">\n        <div class=\"inmueble-card-metric\">\n            <span>77 m\u00b2<\/span>\n        <\/div>\n    <\/div>\n\n    <div class=\"inmueble-card-actions\">\n        <div class=\"inmueble-card-favorite\">\n            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 21.35l-1.84-1.84C6.54 16.62 3 13.06 3 9.24 3 6.67 4.67 5 7 5c1.47 0 2.9.7 4 1.83C12.1 5.7 13.53 5 15 5c2.33 0 4 1.67 4 4.24 0 3.82-3.54 7.38-7.16 10.27L12 21.35z\"\/><\/svg>\n            <span>Favorito<\/span>\n        <\/div>\n        <a href=\"https:\/\/www.ciencuadras.com\/inmueble\/apartamento-en-arriendo-en-cuatro-esquinas-rionegro-3499292\" class=\"inmueble-card-button\">VER DETALLE<\/a>\n    <\/div>\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-49bd068 elementor-widget elementor-widget-html\" data-id=\"49bd068\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"inmueble-card\">\n    <style>\n        \/* Estilos CSS para la tarjeta de inmueble *\/\n        .inmueble-card {\n            max-width: 350px;\n            margin: 0 auto;\n            border: 1px solid #eee;\n            border-bottom: 5px solid #6FB453; \/* Borde inferior verde *\/\n            border-radius: 4px;\n            font-family: Arial, sans-serif;\n            box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n            overflow: hidden;\n            background-color: #fff;\n        }\n\n        .inmueble-card-img-container {\n            width: 100%;\n            height: 200px; \/* Altura fija para la imagen *\/\n            overflow: hidden;\n        }\n\n        .inmueble-card-img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover; \/* Asegura que la imagen cubra el contenedor *\/\n            display: block;\n        }\n\n        .inmueble-card-content {\n            padding: 15px;\n        }\n\n        .inmueble-card-price {\n            font-size: 24px;\n            font-weight: bold;\n            color: #3E98CC; \/* Color azul para el precio *\/\n            margin-bottom: 5px;\n        }\n\n        .inmueble-card-details h3 {\n            font-size: 18px;\n            font-weight: 500;\n            color: #333;\n            margin: 0 0 5px 0;\n            line-height: 1.3;\n        }\n\n        .inmueble-card-code {\n            font-size: 13px;\n            color: #888;\n            margin-bottom: 15px;\n        }\n\n        .inmueble-card-metrics {\n            display: flex;\n            justify-content: space-between; \/* Espacio entre los elementos *\/\n            padding: 10px 15px;\n            border-top: 1px solid #eee;\n            font-size: 15px;\n            color: #555;\n        }\n\n        .inmueble-card-metric {\n            display: flex;\n            align-items: center;\n        }\n\n        .inmueble-card-actions {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            padding: 15px 15px 15px 15px;\n        }\n        \n        .inmueble-card-favorite {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: #888;\n            font-size: 14px;\n            margin-bottom: 15px;\n            cursor: pointer;\n        }\n\n        .inmueble-card-favorite svg {\n            width: 20px;\n            height: 20px;\n            margin-right: 5px;\n            fill: #888; \/* Color del icono de coraz\u00f3n *\/\n        }\n        \n        .inmueble-card-button {\n            display: inline-block;\n            width: 100%;\n            text-align: center;\n            padding: 12px 20px;\n            font-size: 16px;\n            font-weight: bold;\n            text-decoration: none;\n            color: #6FB453; \/* Texto verde *\/\n            border: 2px solid #6FB453; \/* Borde verde *\/\n            border-radius: 5px;\n            transition: all 0.3s ease;\n            background-color: transparent;\n        }\n\n        .inmueble-card-button:hover {\n            background-color: #6FB453;\n            color: #fff;\n        }\n    <\/style>\n\n    <div class=\"inmueble-card-img-container\">\n        <img decoding=\"async\" class=\"inmueble-card-img\" src=\"https:\/\/www.ciencuadras.com\/blog\/wp-content\/uploads\/2025\/10\/prueba-2-less-.png\" alt=\"Imagen de la propiedad\">\n    <\/div>\n\n    <div class=\"inmueble-card-content\">\n        <div class=\"inmueble-card-price\">Arriendo: $3,600,000<\/div>\n        <div class=\"inmueble-card-details\">\n            <h3>apartamento en simesa - medell\u00edn<\/h3>\n        <\/div>\n        <div class=\"inmueble-card-code\">C\u00f3digo:171336-11584<\/div>\n    <\/div>\n\n    <div class=\"inmueble-card-metrics\">\n        <div class=\"inmueble-card-metric\">\n            <span>3 Hab<\/span>\n        <\/div>\n        <div class=\"inmueble-card-metric\">\n            <span>3 Ba\u00f1os<\/span>\n        <\/div>\n        <div class=\"inmueble-card-metric\">\n            <span>74 m\u00b2<\/span>\n        <\/div>\n    <\/div>\n\n    <div class=\"inmueble-card-actions\">\n        <div class=\"inmueble-card-favorite\">\n            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 21.35l-1.84-1.84C6.54 16.62 3 13.06 3 9.24 3 6.67 4.67 5 7 5c1.47 0 2.9.7 4 1.83C12.1 5.7 13.53 5 15 5c2.33 0 4 1.67 4 4.24 0 3.82-3.54 7.38-7.16 10.27L12 21.35z\"\/><\/svg>\n            <span>Favorito<\/span>\n        <\/div>\n        <a href=\"https:\/\/www.ciencuadras.com\/inmueble\/apartamento-en-arriendo-en-simesa-medellin-3499414 class=\"inmueble-card-button\">VER DETALLE<\/a>\n    <\/div>\n<\/div>\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<div class=\"elementor-element elementor-element-3872596 e-flex e-con-boxed e-con e-parent\" data-id=\"3872596\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cc4170a elementor-widget elementor-widget-html\" data-id=\"cc4170a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\n    \/* -------------------------------------- *\/\n    \/* Estilos de la Tarjeta (Base) - MODIFICADOS *\/\n    \/* -------------------------------------- *\/\n    .inmueble-card {\n        \/* Se remueve el max-width, margin: 0 auto, y box-shadow para que el carrusel lo controle *\/\n        width: 100%; \/* El JS\/CSS del carrusel controlar\u00e1 el ancho real *\/\n        flex-shrink: 0; \/* Importante para que no se achique *\/\n        border: 1px solid #eee;\n        border-bottom: 5px solid #6FB453;\n        border-radius: 4px;\n        font-family: Arial, sans-serif;\n        box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n        overflow: hidden;\n        background-color: #fff;\n        box-sizing: border-box; \/* Asegura que padding y borde se incluyan en el ancho *\/\n        margin-right: 20px; \/* Espacio entre tarjetas *\/\n    }\n\n    \/* Estilos existentes de la tarjeta (sin cambios mayores) *\/\n    .inmueble-card-img-container { width: 100%; height: 200px; overflow: hidden; }\n    .inmueble-card-img { width: 100%; height: 100%; object-fit: cover; display: block; }\n    .inmueble-card-content { padding: 15px; }\n    .inmueble-card-price { font-size: 24px; font-weight: bold; color: #3E98CC; margin-bottom: 5px; }\n    .inmueble-card-details h3 { font-size: 18px; font-weight: 500; color: #333; margin: 0 0 5px 0; line-height: 1.3; }\n    .inmueble-card-code { font-size: 13px; color: #888; margin-bottom: 15px; }\n    .inmueble-card-metrics { display: flex; justify-content: flex-end; padding: 10px 15px; border-top: 1px solid #eee; font-size: 15px; color: #555; min-height: 40px; }\n    .inmueble-card-metric { display: flex; align-items: center; }\n    .inmueble-card-actions { display: flex; flex-direction: column; align-items: center; padding: 15px; }\n    .inmueble-card-favorite { display: flex; align-items: center; justify-content: center; color: #888; font-size: 14px; margin-bottom: 15px; cursor: pointer; }\n    .inmueble-card-favorite svg { width: 20px; height: 20px; margin-right: 5px; fill: #888; }\n    .inmueble-card-button { display: inline-block; width: 100%; text-align: center; padding: 12px 20px; font-size: 16px; font-weight: bold; text-decoration: none; color: #6FB453; border: 2px solid #6FB453; border-radius: 5px; transition: all 0.3s ease; background-color: transparent; }\n    .inmueble-card-button:hover { background-color: #6FB453; color: #fff; }\n\n    \/* -------------------------------------- *\/\n    \/* Estilos del Carrusel *\/\n    \/* -------------------------------------- *\/\n    .inmueble-carousel-wrapper {\n        position: relative;\n        padding: 0 40px; \/* Espacio para las flechas de navegaci\u00f3n *\/\n    }\n\n    .inmueble-carousel {\n        display: flex;\n        overflow-x: hidden; \/* Oculta la barra de desplazamiento *\/\n        scroll-snap-type: x mandatory; \/* Habilita el snap-scrolling *\/\n        scroll-behavior: smooth;\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    .inmueble-carousel-item {\n        \/* 2.2 tarjetas visibles en desktop *\/\n        width: calc(100% \/ 2.2); \n        scroll-snap-align: start;\n    }\n    \n    \/* Media Query para M\u00f3vil (1 tarjeta visible) *\/\n    @media (max-width: 767px) {\n        .inmueble-carousel-wrapper {\n            padding: 0 15px; \/* Menos padding en m\u00f3vil *\/\n        }\n        .inmueble-carousel-item {\n            width: 100%; \/* Una tarjeta completa en m\u00f3vil *\/\n        }\n        .inmueble-card {\n            margin-right: 15px;\n        }\n    }\n\n    \/* Flechas de Navegaci\u00f3n *\/\n    .inmueble-carousel-nav {\n        position: absolute;\n        top: 50%;\n        transform: translateY(-50%);\n        background: rgba(0, 0, 0, 0.5);\n        color: white;\n        border: none;\n        padding: 10px;\n        cursor: pointer;\n        z-index: 10;\n        border-radius: 50%;\n        width: 30px;\n        height: 30px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        transition: background 0.3s;\n    }\n\n    .inmueble-carousel-nav:hover {\n        background: rgba(0, 0, 0, 0.8);\n    }\n\n    .inmueble-carousel-nav.prev {\n        left: 0;\n    }\n\n    .inmueble-carousel-nav.next {\n        right: 0;\n    }\n    \n    .inmueble-carousel-nav:disabled {\n        opacity: 0.3;\n        cursor: default;\n    }\n<\/style>\n\n<div class=\"inmueble-carousel-wrapper\">\n    <button class=\"inmueble-carousel-nav prev\" aria-label=\"Anterior\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" viewBox=\"0 0 16 16\">\n            <path fill-rule=\"evenodd\" d=\"M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z\"\/>\n        <\/svg>\n    <\/button>\n\n    <div class=\"inmueble-carousel\" id=\"inmuebleCarousel\">\n        \n        <div class=\"inmueble-carousel-item\">\n            <div class=\"inmueble-card\">\n                <div class=\"inmueble-card-img-container\">\n                    <img decoding=\"async\" class=\"inmueble-card-img\" src=\"https:\/\/picsum.photos\/350\/200?random=1\" alt=\"Imagen de la propiedad\">\n                <\/div>\n                <div class=\"inmueble-card-content\">\n                    <div class=\"inmueble-card-price\" style=\"color:#3E98CC;\">Venta: $750,000,000<\/div>\n                    <div class=\"inmueble-card-details\">\n                        <h3>lote en la ceja - la ceja<\/h3>\n                    <\/div>\n                    <div class=\"inmueble-card-code\">C\u00f3digo:171336-11583<\/div>\n                <\/div>\n                <div class=\"inmueble-card-metrics\">\n                    <div class=\"inmueble-card-metric\"><span>1915 m\u00b2<\/span><\/div>\n                <\/div>\n                <div class=\"inmueble-card-actions\">\n                    <div class=\"inmueble-card-favorite\">\n                        <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 21.35l-1.84-1.84C6.54 16.62 3 13.06 3 9.24 3 6.67 4.67 5 7 5c1.47 0 2.9.7 4 1.83C12.1 5.7 13.53 5 15 5c2.33 0 4 1.67 4 4.24 0 3.82-3.54 7.38-7.16 10.27L12 21.35z\"\/><\/svg>\n                        <span>Favorito<\/span>\n                    <\/div>\n                    <a href=\"URL_DE_LA_PROPIEDAD_1\" class=\"inmueble-card-button\" style=\"color:#6FB453; border-color:#6FB453;\">VER DETALLE<\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"inmueble-carousel-item\">\n            <div class=\"inmueble-card\">\n                <div class=\"inmueble-card-img-container\">\n                    <img decoding=\"async\" class=\"inmueble-card-img\" src=\"https:\/\/picsum.photos\/350\/200?random=2\" alt=\"Imagen de la propiedad\">\n                <\/div>\n                <div class=\"inmueble-card-content\">\n                    <div class=\"inmueble-card-price\" style=\"color:#3E98CC;\">Arriendo: $2,750,000<\/div>\n                    <div class=\"inmueble-card-details\">\n                        <h3>apartamento en cuatro esquinas - rion<\/h3>\n                    <\/div>\n                    <div class=\"inmueble-card-code\">C\u00f3digo:171336-11582<\/div>\n                <\/div>\n                <div class=\"inmueble-card-metrics\">\n                    <div class=\"inmueble-card-metric\"><span>77 m\u00b2<\/span><\/div>\n                <\/div>\n                <div class=\"inmueble-card-actions\">\n                    <div class=\"inmueble-card-favorite\">\n                        <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 21.35l-1.84-1.84C6.54 16.62 3 13.06 3 9.24 3 6.67 4.67 5 7 5c1.47 0 2.9.7 4 1.83C12.1 5.7 13.53 5 15 5c2.33 0 4 1.67 4 4.24 0 3.82-3.54 7.38-7.16 10.27L12 21.35z\"\/><\/svg>\n                        <span>Favorito<\/span>\n                    <\/div>\n                    <a href=\"URL_DE_LA_PROPIEDAD_2\" class=\"inmueble-card-button\" style=\"color:#6FB453; border-color:#6FB453;\">VER DETALLE<\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"inmueble-carousel-item\">\n            <div class=\"inmueble-card\">\n                <div class=\"inmueble-card-img-container\">\n                    <img decoding=\"async\" class=\"inmueble-card-img\" src=\"https:\/\/picsum.photos\/350\/200?random=3\" alt=\"Imagen de la propiedad\">\n                <\/div>\n                <div class=\"inmueble-card-content\">\n                    <div class=\"inmueble-card-price\" style=\"color:#3E98CC;\">Arriendo: $3,600,000<\/div>\n                    <div class=\"inmueble-card-details\">\n                        <h3>apartamento en simesa - medell\u00edn<\/h3>\n                    <\/div>\n                    <div class=\"inmueble-card-code\">C\u00f3digo:171336-11584<\/div>\n                <\/div>\n                <div class=\"inmueble-card-metrics\">\n                    <div class=\"inmueble-card-metric\"><span>74 m\u00b2<\/span><\/div>\n                <\/div>\n                <div class=\"inmueble-card-actions\">\n                    <div class=\"inmueble-card-favorite\">\n                        <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 21.35l-1.84-1.84C6.54 16.62 3 13.06 3 9.24 3 6.67 4.67 5 7 5c1.47 0 2.9.7 4 1.83C12.1 5.7 13.53 5 15 5c2.33 0 4 1.67 4 4.24 0 3.82-3.54 7.38-7.16 10.27L12 21.35z\"\/><\/svg>\n                        <span>Favorito<\/span>\n                    <\/div>\n                    <a href=\"URL_DE_LA_PROPIEDAD_3\" class=\"inmueble-card-button\" style=\"color:#6FB453; border-color:#6FB453;\">VER DETALLE<\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n    <\/div>\n\n    <button class=\"inmueble-carousel-nav next\" aria-label=\"Siguiente\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" viewBox=\"0 0 16 16\">\n            <path fill-rule=\"evenodd\" d=\"M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z\"\/>\n        <\/svg>\n    <\/button>\n<\/div>\n\n<script>\n    document.addEventListener('DOMContentLoaded', function() {\n        const carousel = document.getElementById('inmuebleCarousel');\n        const prevButton = document.querySelector('.inmueble-carousel-nav.prev');\n        const nextButton = document.querySelector('.inmueble-carousel-nav.next');\n        const items = carousel.querySelectorAll('.inmueble-carousel-item');\n\n        if (items.length === 0) return; \/\/ Salir si no hay elementos\n\n        \/\/ Funci\u00f3n para actualizar el estado de los botones (deshabilitar al inicio\/fin)\n        function updateNavButtons() {\n            \/\/ Un peque\u00f1o retraso para que el `scrollLeft` se actualice\n            setTimeout(() => {\n                const maxScrollLeft = carousel.scrollWidth - carousel.clientWidth;\n                \n                prevButton.disabled = carousel.scrollLeft <= 1; \/\/ Usar 1 para margen de error\n                nextButton.disabled = carousel.scrollLeft >= maxScrollLeft - 1; \n            }, 100);\n        }\n\n        \/\/ Manejador del bot\u00f3n 'Siguiente'\n        nextButton.addEventListener('click', () => {\n            const itemWidth = items[0].offsetWidth + 20; \/\/ Ancho de la tarjeta + margin-right\n            const scrollDistance = itemWidth * 2; \/\/ Mover 2 tarjetas a la vez\n            carousel.scrollBy({ left: scrollDistance, behavior: 'smooth' });\n            updateNavButtons();\n        });\n\n        \/\/ Manejador del bot\u00f3n 'Anterior'\n        prevButton.addEventListener('click', () => {\n            const itemWidth = items[0].offsetWidth + 20; \/\/ Ancho de la tarjeta + margin-right\n            const scrollDistance = itemWidth * 2; \/\/ Mover 2 tarjetas a la vez\n            carousel.scrollBy({ left: -scrollDistance, behavior: 'smooth' });\n            updateNavButtons();\n        });\n\n        \/\/ Actualizar botones al cargar y al hacer scroll manual\n        carousel.addEventListener('scroll', updateNavButtons);\n        window.addEventListener('resize', updateNavButtons);\n\n        \/\/ Inicializar el estado de los botones\n        updateNavButtons();\n    });\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n","protected":false},"excerpt":{"rendered":"<p>Venta: $750,000,000 lote en la ceja &#8211; la ceja C\u00f3digo:171336-11583 1915 m\u00b2 \u2661 Favorito VER DETALLE Venta: $750,000,000 lote en la ceja &#8211; la ceja &hellip;<\/p>\n","protected":false},"author":9,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v15.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Elementor #126977 |<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.ciencuadras.com\/blog\/elementor-126977\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Elementor #126977 |\" \/>\n<meta property=\"og:description\" content=\"Venta: $750,000,000 lote en la ceja &#8211; la ceja C\u00f3digo:171336-11583 1915 m\u00b2 \u2661 Favorito VER DETALLE Venta: $750,000,000 lote en la ceja &#8211; la ceja &hellip;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.ciencuadras.com\/blog\/elementor-126977\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/ciencuadras\/\" \/>\n<meta property=\"article:modified_time\" content=\"2025-10-07T15:44:52+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/URL_DE_TU_IMAGEN_DESTACADA\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@ciencuadras\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\">\n\t<meta name=\"twitter:data1\" content=\"9 minutos\">\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.ciencuadras.com\/blog\/#organization\",\"name\":\"Ciencuadras.com\",\"url\":\"https:\/\/www.ciencuadras.com\/blog\/\",\"sameAs\":[\"https:\/\/www.facebook.com\/ciencuadras\/\",\"https:\/\/www.instagram.com\/ciencuadras\/\",\"https:\/\/co.linkedin.com\/company\/ciencuadras\",\"https:\/\/www.youtube.com\/channel\/UC_f830HP5dUy6OjBIbjtlAw\",\"https:\/\/twitter.com\/ciencuadras\"],\"logo\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.ciencuadras.com\/blog\/#logo\",\"inLanguage\":\"es-CO\",\"url\":\"\",\"caption\":\"Ciencuadras.com\"},\"image\":{\"@id\":\"https:\/\/www.ciencuadras.com\/blog\/#logo\"}},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.ciencuadras.com\/blog\/#website\",\"url\":\"https:\/\/www.ciencuadras.com\/blog\/\",\"name\":\"\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.ciencuadras.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https:\/\/www.ciencuadras.com\/blog\/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"es-CO\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.ciencuadras.com\/blog\/elementor-126977#primaryimage\",\"inLanguage\":\"es-CO\",\"url\":\"URL_DE_TU_IMAGEN_DESTACADA\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.ciencuadras.com\/blog\/elementor-126977#webpage\",\"url\":\"https:\/\/www.ciencuadras.com\/blog\/elementor-126977\",\"name\":\"Elementor #126977 |\",\"isPartOf\":{\"@id\":\"https:\/\/www.ciencuadras.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.ciencuadras.com\/blog\/elementor-126977#primaryimage\"},\"datePublished\":\"2025-10-06T18:17:58+00:00\",\"dateModified\":\"2025-10-07T15:44:52+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.ciencuadras.com\/blog\/elementor-126977#breadcrumb\"},\"inLanguage\":\"es-CO\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.ciencuadras.com\/blog\/elementor-126977\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.ciencuadras.com\/blog\/elementor-126977#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"item\":{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.ciencuadras.com\/blog\",\"url\":\"https:\/\/www.ciencuadras.com\/blog\",\"name\":\"Blog\"}},{\"@type\":\"ListItem\",\"position\":2,\"item\":{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.ciencuadras.com\/blog\/elementor-126977\",\"url\":\"https:\/\/www.ciencuadras.com\/blog\/elementor-126977\",\"name\":\"Elementor #126977\"}}]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","_links":{"self":[{"href":"https:\/\/www.ciencuadras.com\/blog\/wp-json\/wp\/v2\/pages\/126977"}],"collection":[{"href":"https:\/\/www.ciencuadras.com\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.ciencuadras.com\/blog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.ciencuadras.com\/blog\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ciencuadras.com\/blog\/wp-json\/wp\/v2\/comments?post=126977"}],"version-history":[{"count":13,"href":"https:\/\/www.ciencuadras.com\/blog\/wp-json\/wp\/v2\/pages\/126977\/revisions"}],"predecessor-version":[{"id":127007,"href":"https:\/\/www.ciencuadras.com\/blog\/wp-json\/wp\/v2\/pages\/126977\/revisions\/127007"}],"wp:attachment":[{"href":"https:\/\/www.ciencuadras.com\/blog\/wp-json\/wp\/v2\/media?parent=126977"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}