{"id":17558,"date":"2020-10-28T13:55:23","date_gmt":"2020-10-28T18:55:23","guid":{"rendered":"https:\/\/grupocmasociados.com\/?page_id=17558"},"modified":"2026-07-24T17:42:14","modified_gmt":"2026-07-24T22:42:14","slug":"conocenos","status":"publish","type":"page","link":"https:\/\/grupocminmobiliaria.com\/index.php\/conocenos\/","title":{"rendered":"con\u00f3cenos"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"17558\" class=\"elementor elementor-17558\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3c795a6 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3c795a6\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7c5b054\" data-id=\"7c5b054\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2edae2c elementor-widget elementor-widget-html\" data-id=\"2edae2c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================================\n     SECCI\u00d3N NOSOTROS\n     GRUPO CM INMOBILIARIA\n     HTML5 + CSS3 RESPONSIVE PARA ELEMENTOR\n========================================================== -->\n\n<section class=\"cm-about\" id=\"nosotros\">\n\n    <!-- Encabezado institucional -->\n    <div class=\"cm-about__intro\">\n\n        <div class=\"cm-about__container\">\n\n            <div class=\"cm-about__intro-grid\">\n\n                <div class=\"cm-about__intro-copy\">\n\n                    <span class=\"cm-about__eyebrow\">\n                        Grupo CM Inmobiliaria\n                    <\/span>\n\n                    <h2 class=\"cm-about__title\">\n                        Decisiones inmobiliarias respaldadas por\n                        <strong>criterio, confianza y profesionalismo.<\/strong>\n                    <\/h2>\n\n                <\/div>\n\n                <div class=\"cm-about__intro-text\">\n\n                    <p>\n                        Brindamos acompa\u00f1amiento integral para propietarios,\n                        compradores e inversionistas que buscan tomar decisiones\n                        seguras en el mercado inmobiliario.\n                    <\/p>\n\n                    <p>\n                        Nuestra gesti\u00f3n se fundamenta en la responsabilidad,\n                        la atenci\u00f3n personalizada y el conocimiento de las\n                        necesidades de cada cliente.\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n\n    <!-- Bloque principal -->\n    <div class=\"cm-about__main\">\n\n        <div class=\"cm-about__container\">\n\n            <div class=\"cm-about__main-grid\">\n\n                <!-- Composici\u00f3n fotogr\u00e1fica -->\n                <div class=\"cm-about__media\">\n\n                    <div class=\"cm-about__media-main\">\n\n                        <!-- REEMPLAZAR POR IMAGEN DE LA INMOBILIARIA -->\n                        <img\n                            src=\"https:\/\/images.unsplash.com\/photo-1600566753086-00f18fb6b3ea?auto=format&fit=crop&w=1400&q=88\"\n                            alt=\"Propiedad representada por Grupo CM Inmobiliaria\"\n                            loading=\"lazy\"\n                            decoding=\"async\"\n                        >\n\n                        <div class=\"cm-about__media-overlay\"><\/div>\n\n                        <div class=\"cm-about__media-caption\">\n\n                            <span>Gesti\u00f3n inmobiliaria<\/span>\n\n                            <strong>\n                                Tulu\u00e1 y sus alrededores\n                            <\/strong>\n\n                        <\/div>\n\n                    <\/div>\n\n                    <div class=\"cm-about__media-secondary\">\n\n                        <!-- REEMPLAZAR POR IMAGEN DE LA INMOBILIARIA -->\n                        <img\n                            src=\"https:\/\/images.unsplash.com\/photo-1600607687920-4e2a09cf159d?auto=format&fit=crop&w=900&q=88\"\n                            alt=\"Interior de propiedad inmobiliaria\"\n                            loading=\"lazy\"\n                            decoding=\"async\"\n                        >\n\n                    <\/div>\n\n                    <div class=\"cm-about__media-seal\">\n\n                        <span class=\"cm-about__media-seal-top\">\n                            CM\n                        <\/span>\n\n                        <span class=\"cm-about__media-seal-line\"><\/span>\n\n                        <span class=\"cm-about__media-seal-bottom\">\n                            Inmobiliaria\n                        <\/span>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <!-- Qui\u00e9nes somos -->\n                <article class=\"cm-about__content\">\n\n                    <div class=\"cm-about__section-label\">\n\n                        <span><\/span>\n\n                        <p>Qui\u00e9nes somos<\/p>\n\n                    <\/div>\n\n                    <h3>\n                        Gesti\u00f3n profesional para proteger y fortalecer su\n                        patrimonio inmobiliario.\n                    <\/h3>\n\n                    <p>\n                        Grupo CM Inmobiliaria fue fundada en la ciudad de Tulu\u00e1,\n                        Valle del Cauca, con el prop\u00f3sito de responder a las\n                        necesidades inmobiliarias del municipio y sus\n                        alrededores.\n                    <\/p>\n\n                    <p>\n                        Nos especializamos en la compra, venta, arrendamiento y\n                        administraci\u00f3n de bienes inmuebles comerciales y de\n                        vivienda, ofreciendo un servicio organizado, cercano y\n                        responsable.\n                    <\/p>\n\n                    <p>\n                        Cada proceso es atendido con seriedad y atenci\u00f3n al\n                        detalle, procurando que propietarios, compradores e\n                        inversionistas cuenten con informaci\u00f3n clara y un\n                        acompa\u00f1amiento confiable.\n                    <\/p>\n\n\n                    <!-- \u00c1reas de gesti\u00f3n -->\n                    <div class=\"cm-about__areas\">\n\n                        <div class=\"cm-about__area\">\n\n                            <span class=\"cm-about__area-number\">\n                                01\n                            <\/span>\n\n                            <div>\n                                <h4>Compra y venta<\/h4>\n\n                                <p>\n                                    Asesor\u00eda para comercializar o adquirir\n                                    propiedades.\n                                <\/p>\n                            <\/div>\n\n                        <\/div>\n\n                        <div class=\"cm-about__area\">\n\n                            <span class=\"cm-about__area-number\">\n                                02\n                            <\/span>\n\n                            <div>\n                                <h4>Arrendamientos<\/h4>\n\n                                <p>\n                                    Gesti\u00f3n organizada para propietarios y\n                                    arrendatarios.\n                                <\/p>\n                            <\/div>\n\n                        <\/div>\n\n                        <div class=\"cm-about__area\">\n\n                            <span class=\"cm-about__area-number\">\n                                03\n                            <\/span>\n\n                            <div>\n                                <h4>Administraci\u00f3n<\/h4>\n\n                                <p>\n                                    Seguimiento profesional de bienes\n                                    inmobiliarios.\n                                <\/p>\n                            <\/div>\n\n                        <\/div>\n\n                        <div class=\"cm-about__area\">\n\n                            <span class=\"cm-about__area-number\">\n                                04\n                            <\/span>\n\n                            <div>\n                                <h4>Inversi\u00f3n<\/h4>\n\n                                <p>\n                                    Orientaci\u00f3n para identificar oportunidades\n                                    inmobiliarias.\n                                <\/p>\n                            <\/div>\n\n                        <\/div>\n\n                    <\/div>\n\n\n                    <!-- Botones -->\n                    <div class=\"cm-about__buttons\">\n\n                        <a\n                            href=\"#servicios\"\n                            class=\"cm-about__button cm-about__button--primary\"\n                        >\n                            Conocer nuestros servicios\n\n                            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                                <path d=\"M5 12h14\"><\/path>\n                                <path d=\"m14 7 5 5-5 5\"><\/path>\n                            <\/svg>\n                        <\/a>\n\n                        <a\n                            href=\"https:\/\/wa.me\/573178229544\"\n                            target=\"_blank\"\n                            rel=\"noopener noreferrer\"\n                            class=\"cm-about__button cm-about__button--secondary\"\n                        >\n                            Hablar con un asesor\n                        <\/a>\n\n                    <\/div>\n\n                <\/article>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n\n    <!-- Franja de respaldo -->\n    <div class=\"cm-about__statement\">\n\n        <div class=\"cm-about__container\">\n\n            <div class=\"cm-about__statement-grid\">\n\n                <div class=\"cm-about__statement-heading\">\n\n                    <span>\n                        Nuestro enfoque\n                    <\/span>\n\n                    <h3>\n                        M\u00e1s que gestionar propiedades, construimos relaciones\n                        de confianza.\n                    <\/h3>\n\n                <\/div>\n\n                <div class=\"cm-about__statement-copy\">\n\n                    <p>\n                        Trabajamos para que cada cliente encuentre una soluci\u00f3n\n                        inmobiliaria adecuada, reciba una orientaci\u00f3n clara y\n                        cuente con respaldo durante todo el proceso.\n                    <\/p>\n\n                    <div class=\"cm-about__statement-line\"><\/div>\n\n                    <strong>\n                        No vendemos propiedades. Cumplimos tus sue\u00f1os.\n                    <\/strong>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n\n    <!-- Misi\u00f3n, visi\u00f3n y valores -->\n    <div class=\"cm-about__principles\">\n\n        <div class=\"cm-about__container\">\n\n            <div class=\"cm-about__principles-heading\">\n\n                <span class=\"cm-about__eyebrow\">\n                    Principios corporativos\n                <\/span>\n\n                <h3>\n                    Una gesti\u00f3n guiada por objetivos claros y valores s\u00f3lidos.\n                <\/h3>\n\n            <\/div>\n\n\n            <div class=\"cm-about__principles-grid\">\n\n                <!-- Misi\u00f3n -->\n                <article class=\"cm-about__principle\">\n\n                    <div class=\"cm-about__principle-head\">\n\n                        <span class=\"cm-about__principle-number\">\n                            01\n                        <\/span>\n\n                        <span class=\"cm-about__principle-label\">\n                            Misi\u00f3n\n                        <\/span>\n\n                    <\/div>\n\n                    <h4>\n                        Identificar oportunidades y ofrecer soluciones\n                        inmobiliarias integrales.\n                    <\/h4>\n\n                    <p>\n                        Encontrar oportunidades de negocio para inversionistas\n                        y asesorar a nuestros clientes, respondiendo con\n                        profesionalismo a sus necesidades inmobiliarias.\n                    <\/p>\n\n                <\/article>\n\n\n                <!-- Visi\u00f3n -->\n                <article class=\"cm-about__principle\">\n\n                    <div class=\"cm-about__principle-head\">\n\n                        <span class=\"cm-about__principle-number\">\n                            02\n                        <\/span>\n\n                        <span class=\"cm-about__principle-label\">\n                            Visi\u00f3n\n                        <\/span>\n\n                    <\/div>\n\n                    <h4>\n                        Consolidarnos como referente del sector inmobiliario.\n                    <\/h4>\n\n                    <p>\n                        Ser una empresa l\u00edder en el pa\u00eds, reconocida por su\n                        calidad humana, su profesionalismo y la confianza que\n                        genera en cada relaci\u00f3n comercial.\n                    <\/p>\n\n                <\/article>\n\n\n                <!-- Valores -->\n                <article class=\"cm-about__principle cm-about__principle--values\">\n\n                    <div class=\"cm-about__principle-head\">\n\n                        <span class=\"cm-about__principle-number\">\n                            03\n                        <\/span>\n\n                        <span class=\"cm-about__principle-label\">\n                            Valores\n                        <\/span>\n\n                    <\/div>\n\n                    <h4>\n                        Principios que respaldan cada una de nuestras acciones.\n                    <\/h4>\n\n                    <ul class=\"cm-about__values\">\n\n                        <li>\n                            <span><\/span>\n                            Honestidad\n                        <\/li>\n\n                        <li>\n                            <span><\/span>\n                            Responsabilidad\n                        <\/li>\n\n                        <li>\n                            <span><\/span>\n                            Seriedad\n                        <\/li>\n\n                        <li>\n                            <span><\/span>\n                            Cumplimiento\n                        <\/li>\n\n                        <li>\n                            <span><\/span>\n                            Eficiencia\n                        <\/li>\n\n                        <li>\n                            <span><\/span>\n                            Compromiso\n                        <\/li>\n\n                    <\/ul>\n\n                <\/article>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<style>\n\/* =========================================================\n   VARIABLES Y CONFIGURACI\u00d3N GENERAL\n========================================================= *\/\n\n.cm-about {\n    --cm-black: #101010;\n    --cm-dark: #1b1b1b;\n    --cm-charcoal: #2d2d2d;\n    --cm-gray: #6d6d6d;\n    --cm-light-gray: #f3f2ef;\n    --cm-white: #ffffff;\n    --cm-gold: #b08a4a;\n    --cm-gold-dark: #8b682e;\n    --cm-gold-light: #d5ba88;\n    --cm-border: rgba(16, 16, 16, 0.13);\n\n    position: relative;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    background: var(--cm-white);\n    color: var(--cm-black);\n    font-family: \"Montserrat\", \"Helvetica Neue\", Arial, sans-serif;\n    overflow: hidden;\n}\n\n.cm-about *,\n.cm-about *::before,\n.cm-about *::after {\n    box-sizing: border-box;\n}\n\n.cm-about img {\n    display: block;\n    width: 100%;\n    max-width: 100%;\n}\n\n.cm-about a {\n    text-decoration: none;\n}\n\n.cm-about__container {\n    width: min(100% - 48px, 1280px);\n    margin-inline: auto;\n}\n\n\n\/* =========================================================\n   ENCABEZADO\n========================================================= *\/\n\n.cm-about__intro {\n    position: relative;\n    padding: clamp(80px, 9vw, 135px) 0 clamp(55px, 7vw, 90px);\n    background: var(--cm-white);\n}\n\n.cm-about__intro::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: calc(50% - 640px);\n    width: 1px;\n    height: 100%;\n    background: rgba(176, 138, 74, 0.2);\n}\n\n.cm-about__intro-grid {\n    display: grid;\n    grid-template-columns: minmax(0, 1.45fr) minmax(300px, 0.65fr);\n    align-items: end;\n    gap: clamp(45px, 8vw, 125px);\n}\n\n.cm-about__eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 13px;\n    margin-bottom: 23px;\n    color: var(--cm-gold-dark);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 2.7px;\n    line-height: 1.2;\n    text-transform: uppercase;\n}\n\n.cm-about__eyebrow::before {\n    content: \"\";\n    width: 42px;\n    height: 1px;\n    background: var(--cm-gold);\n}\n\n.cm-about__title {\n    max-width: 830px;\n    margin: 0;\n    color: var(--cm-black);\n    font-size: clamp(40px, 5vw, 72px);\n    font-weight: 300;\n    letter-spacing: -2.7px;\n    line-height: 1.04;\n}\n\n.cm-about__title strong {\n    display: block;\n    color: var(--cm-black);\n    font-weight: 700;\n}\n\n.cm-about__intro-text {\n    padding-bottom: 6px;\n}\n\n.cm-about__intro-text p {\n    margin: 0;\n    color: var(--cm-gray);\n    font-size: 16px;\n    font-weight: 400;\n    line-height: 1.85;\n}\n\n.cm-about__intro-text p + p {\n    margin-top: 16px;\n}\n\n\n\/* =========================================================\n   BLOQUE PRINCIPAL\n========================================================= *\/\n\n.cm-about__main {\n    position: relative;\n    padding: 0 0 clamp(90px, 10vw, 145px);\n    background:\n        linear-gradient(\n            to right,\n            var(--cm-light-gray) 0%,\n            var(--cm-light-gray) 35%,\n            var(--cm-white) 35%,\n            var(--cm-white) 100%\n        );\n}\n\n.cm-about__main-grid {\n    display: grid;\n    grid-template-columns: minmax(0, 1.03fr) minmax(0, 0.97fr);\n    align-items: center;\n    gap: clamp(55px, 7vw, 105px);\n}\n\n\n\/* =========================================================\n   COMPOSICI\u00d3N DE IM\u00c1GENES\n========================================================= *\/\n\n.cm-about__media {\n    position: relative;\n    min-width: 0;\n    padding: 55px 65px 80px 0;\n}\n\n.cm-about__media-main {\n    position: relative;\n    z-index: 2;\n    width: calc(100% - 45px);\n    overflow: hidden;\n}\n\n.cm-about__media-main img {\n    height: clamp(570px, 55vw, 730px);\n    object-fit: cover;\n    object-position: center;\n    transition: transform 1.2s ease;\n}\n\n.cm-about__media-main:hover img {\n    transform: scale(1.025);\n}\n\n.cm-about__media-overlay {\n    position: absolute;\n    inset: 0;\n    background:\n        linear-gradient(\n            to top,\n            rgba(10, 10, 10, 0.68) 0%,\n            rgba(10, 10, 10, 0.08) 42%,\n            rgba(10, 10, 10, 0) 70%\n        );\n    pointer-events: none;\n}\n\n.cm-about__media-caption {\n    position: absolute;\n    z-index: 3;\n    left: 34px;\n    bottom: 32px;\n    display: flex;\n    flex-direction: column;\n    color: var(--cm-white);\n}\n\n.cm-about__media-caption span {\n    margin-bottom: 6px;\n    color: var(--cm-gold-light);\n    font-size: 10px;\n    font-weight: 700;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n}\n\n.cm-about__media-caption strong {\n    font-size: clamp(20px, 2vw, 28px);\n    font-weight: 600;\n    letter-spacing: -0.4px;\n}\n\n.cm-about__media-secondary {\n    position: absolute;\n    z-index: 4;\n    right: 0;\n    bottom: 0;\n    width: 43%;\n    border: 12px solid var(--cm-white);\n    box-shadow: 0 24px 55px rgba(0, 0, 0, 0.16);\n}\n\n.cm-about__media-secondary img {\n    height: 270px;\n    object-fit: cover;\n}\n\n.cm-about__media-seal {\n    position: absolute;\n    z-index: 5;\n    top: 15px;\n    right: 18px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    width: 132px;\n    height: 132px;\n    border: 1px solid rgba(213, 186, 136, 0.45);\n    border-radius: 50%;\n    background: var(--cm-black);\n    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.2);\n    color: var(--cm-white);\n}\n\n.cm-about__media-seal-top {\n    color: var(--cm-gold-light);\n    font-size: 34px;\n    font-weight: 700;\n    letter-spacing: -2px;\n    line-height: 1;\n}\n\n.cm-about__media-seal-line {\n    width: 38px;\n    height: 1px;\n    margin: 8px 0 7px;\n    background: rgba(255, 255, 255, 0.4);\n}\n\n.cm-about__media-seal-bottom {\n    font-size: 8px;\n    font-weight: 700;\n    letter-spacing: 1.8px;\n    text-transform: uppercase;\n}\n\n\n\/* =========================================================\n   CONTENIDO QUI\u00c9NES SOMOS\n========================================================= *\/\n\n.cm-about__content {\n    min-width: 0;\n    padding-top: 35px;\n}\n\n.cm-about__section-label {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n    margin-bottom: 24px;\n}\n\n.cm-about__section-label span {\n    width: 47px;\n    height: 2px;\n    background: var(--cm-gold);\n}\n\n.cm-about__section-label p {\n    margin: 0;\n    color: var(--cm-gold-dark);\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 2.4px;\n    text-transform: uppercase;\n}\n\n.cm-about__content > h3 {\n    margin: 0 0 29px;\n    color: var(--cm-black);\n    font-size: clamp(33px, 3.5vw, 51px);\n    font-weight: 600;\n    letter-spacing: -1.5px;\n    line-height: 1.12;\n}\n\n.cm-about__content > p {\n    margin: 0 0 17px;\n    color: var(--cm-gray);\n    font-size: 15.5px;\n    font-weight: 400;\n    line-height: 1.85;\n}\n\n\n\/* =========================================================\n   \u00c1REAS DE GESTI\u00d3N\n========================================================= *\/\n\n.cm-about__areas {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    margin-top: 35px;\n    border-top: 1px solid var(--cm-border);\n    border-left: 1px solid var(--cm-border);\n}\n\n.cm-about__area {\n    display: flex;\n    align-items: flex-start;\n    gap: 15px;\n    min-height: 138px;\n    padding: 24px 20px;\n    border-right: 1px solid var(--cm-border);\n    border-bottom: 1px solid var(--cm-border);\n    background: rgba(255, 255, 255, 0.7);\n    transition:\n        background-color 0.3s ease,\n        transform 0.3s ease,\n        box-shadow 0.3s ease;\n}\n\n.cm-about__area:hover {\n    position: relative;\n    z-index: 2;\n    transform: translateY(-4px);\n    background: var(--cm-white);\n    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);\n}\n\n.cm-about__area-number {\n    flex: 0 0 auto;\n    padding-top: 2px;\n    color: var(--cm-gold);\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 1px;\n}\n\n.cm-about__area h4 {\n    margin: 0 0 7px;\n    color: var(--cm-black);\n    font-size: 15px;\n    font-weight: 700;\n    line-height: 1.3;\n}\n\n.cm-about__area p {\n    margin: 0;\n    color: var(--cm-gray);\n    font-size: 12px;\n    line-height: 1.55;\n}\n\n\n\/* =========================================================\n   BOTONES\n========================================================= *\/\n\n.cm-about__buttons {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 13px;\n    margin-top: 33px;\n}\n\n.cm-about__button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 13px;\n    min-height: 54px;\n    padding: 16px 23px;\n    border: 1px solid transparent;\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.8px;\n    line-height: 1;\n    text-align: center;\n    text-transform: uppercase;\n    transition:\n        transform 0.3s ease,\n        background-color 0.3s ease,\n        border-color 0.3s ease,\n        color 0.3s ease;\n}\n\n.cm-about__button svg {\n    width: 19px;\n    height: 19px;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.7;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    transition: transform 0.3s ease;\n}\n\n.cm-about__button:hover {\n    transform: translateY(-3px);\n}\n\n.cm-about__button:hover svg {\n    transform: translateX(4px);\n}\n\n.cm-about__button--primary {\n    background: var(--cm-black);\n    color: var(--cm-white);\n}\n\n.cm-about__button--primary:hover {\n    background: var(--cm-gold-dark);\n    color: var(--cm-white);\n}\n\n.cm-about__button--secondary {\n    border-color: rgba(16, 16, 16, 0.25);\n    background: transparent;\n    color: var(--cm-black);\n}\n\n.cm-about__button--secondary:hover {\n    border-color: var(--cm-gold);\n    background: var(--cm-white);\n    color: var(--cm-gold-dark);\n}\n\n\n\/* =========================================================\n   FRANJA DE RESPALDO\n========================================================= *\/\n\n.cm-about__statement {\n    position: relative;\n    padding: clamp(70px, 8vw, 115px) 0;\n    background:\n        linear-gradient(\n            110deg,\n            rgba(13, 13, 13, 0.98),\n            rgba(28, 28, 28, 0.96)\n        ),\n        url(\"https:\/\/images.unsplash.com\/photo-1600585152915-d208bec867a1?auto=format&fit=crop&w=1800&q=85\")\n        center \/ cover no-repeat;\n    color: var(--cm-white);\n}\n\n.cm-about__statement::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: calc(50% - 1px);\n    width: 1px;\n    height: 100%;\n    background: rgba(255, 255, 255, 0.1);\n}\n\n.cm-about__statement-grid {\n    display: grid;\n    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.75fr);\n    align-items: center;\n    gap: clamp(60px, 10vw, 160px);\n}\n\n.cm-about__statement-heading > span {\n    display: block;\n    margin-bottom: 18px;\n    color: var(--cm-gold-light);\n    font-size: 10px;\n    font-weight: 700;\n    letter-spacing: 2.5px;\n    text-transform: uppercase;\n}\n\n.cm-about__statement-heading h3 {\n    max-width: 690px;\n    margin: 0;\n    color: var(--cm-white);\n    font-size: clamp(34px, 4.2vw, 59px);\n    font-weight: 300;\n    letter-spacing: -1.8px;\n    line-height: 1.12;\n}\n\n.cm-about__statement-copy p {\n    margin: 0;\n    color: rgba(255, 255, 255, 0.7);\n    font-size: 15px;\n    line-height: 1.8;\n}\n\n.cm-about__statement-line {\n    width: 100%;\n    height: 1px;\n    margin: 30px 0;\n    background: rgba(213, 186, 136, 0.45);\n}\n\n.cm-about__statement-copy strong {\n    display: block;\n    color: var(--cm-gold-light);\n    font-size: 18px;\n    font-weight: 600;\n    line-height: 1.5;\n}\n\n\n\/* =========================================================\n   PRINCIPIOS CORPORATIVOS\n========================================================= *\/\n\n.cm-about__principles {\n    padding: clamp(85px, 10vw, 145px) 0;\n    background: var(--cm-white);\n}\n\n.cm-about__principles-heading {\n    display: grid;\n    grid-template-columns: 0.7fr 1.3fr;\n    align-items: end;\n    gap: 50px;\n    margin-bottom: clamp(50px, 7vw, 85px);\n}\n\n.cm-about__principles-heading .cm-about__eyebrow {\n    margin-bottom: 8px;\n}\n\n.cm-about__principles-heading h3 {\n    max-width: 760px;\n    margin: 0;\n    color: var(--cm-black);\n    font-size: clamp(34px, 4vw, 57px);\n    font-weight: 400;\n    letter-spacing: -1.8px;\n    line-height: 1.12;\n}\n\n.cm-about__principles-grid {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    border-top: 1px solid var(--cm-border);\n    border-left: 1px solid var(--cm-border);\n}\n\n.cm-about__principle {\n    position: relative;\n    min-height: 430px;\n    padding: clamp(34px, 4vw, 52px);\n    border-right: 1px solid var(--cm-border);\n    border-bottom: 1px solid var(--cm-border);\n    background: var(--cm-white);\n    overflow: hidden;\n    transition:\n        transform 0.35s ease,\n        box-shadow 0.35s ease,\n        background-color 0.35s ease;\n}\n\n.cm-about__principle::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 0;\n    height: 3px;\n    background: var(--cm-gold);\n    transition: width 0.4s ease;\n}\n\n.cm-about__principle:hover {\n    z-index: 2;\n    transform: translateY(-8px);\n    background: #fcfbf9;\n    box-shadow: 0 26px 55px rgba(0, 0, 0, 0.1);\n}\n\n.cm-about__principle:hover::before {\n    width: 100%;\n}\n\n.cm-about__principle-head {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 20px;\n    margin-bottom: 50px;\n}\n\n.cm-about__principle-number {\n    color: rgba(176, 138, 74, 0.38);\n    font-size: 43px;\n    font-weight: 300;\n    letter-spacing: -2px;\n    line-height: 1;\n}\n\n.cm-about__principle-label {\n    color: var(--cm-gold-dark);\n    font-size: 10px;\n    font-weight: 700;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n}\n\n.cm-about__principle h4 {\n    margin: 0 0 24px;\n    color: var(--cm-black);\n    font-size: clamp(23px, 2vw, 30px);\n    font-weight: 600;\n    letter-spacing: -0.7px;\n    line-height: 1.3;\n}\n\n.cm-about__principle > p {\n    margin: 0;\n    color: var(--cm-gray);\n    font-size: 14px;\n    line-height: 1.8;\n}\n\n\n\/* =========================================================\n   VALORES\n========================================================= *\/\n\n.cm-about__values {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 14px 20px;\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n\n.cm-about__values li {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    color: var(--cm-charcoal);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.6px;\n    text-transform: uppercase;\n}\n\n.cm-about__values li span {\n    display: block;\n    flex: 0 0 5px;\n    width: 5px;\n    height: 5px;\n    border-radius: 50%;\n    background: var(--cm-gold);\n}\n\n\n\/* =========================================================\n   ANIMACIONES DE ENTRADA\n========================================================= *\/\n\n.cm-about__intro-copy,\n.cm-about__intro-text,\n.cm-about__media,\n.cm-about__content,\n.cm-about__principle {\n    opacity: 0;\n    animation: cmAboutFadeUp 0.9s cubic-bezier(0.22, 1, 0.36, 1) forwards;\n}\n\n.cm-about__intro-copy {\n    animation-delay: 0.05s;\n}\n\n.cm-about__intro-text {\n    animation-delay: 0.15s;\n}\n\n.cm-about__media {\n    animation-delay: 0.25s;\n}\n\n.cm-about__content {\n    animation-delay: 0.35s;\n}\n\n.cm-about__principle:nth-child(1) {\n    animation-delay: 0.45s;\n}\n\n.cm-about__principle:nth-child(2) {\n    animation-delay: 0.55s;\n}\n\n.cm-about__principle:nth-child(3) {\n    animation-delay: 0.65s;\n}\n\n@keyframes cmAboutFadeUp {\n    from {\n        opacity: 0;\n        transform: translateY(32px);\n    }\n\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media screen and (max-width: 1024px) {\n\n    .cm-about__container {\n        width: min(100% - 48px, 900px);\n    }\n\n    .cm-about__intro-grid {\n        grid-template-columns: 1fr;\n        align-items: start;\n        gap: 35px;\n    }\n\n    .cm-about__intro-text {\n        max-width: 720px;\n    }\n\n    .cm-about__main {\n        background:\n            linear-gradient(\n                to bottom,\n                var(--cm-light-gray) 0%,\n                var(--cm-light-gray) 44%,\n                var(--cm-white) 44%,\n                var(--cm-white) 100%\n            );\n    }\n\n    .cm-about__main-grid {\n        grid-template-columns: 1fr;\n        gap: 65px;\n    }\n\n    .cm-about__media {\n        width: min(100%, 760px);\n        margin-inline: auto;\n    }\n\n    .cm-about__content {\n        width: min(100%, 760px);\n        margin-inline: auto;\n        padding-top: 0;\n    }\n\n    .cm-about__statement::before {\n        display: none;\n    }\n\n    .cm-about__statement-grid {\n        grid-template-columns: 1fr;\n        gap: 45px;\n    }\n\n    .cm-about__statement-copy {\n        max-width: 700px;\n    }\n\n    .cm-about__principles-heading {\n        grid-template-columns: 1fr;\n        gap: 25px;\n    }\n\n    .cm-about__principles-grid {\n        grid-template-columns: 1fr 1fr;\n    }\n\n    .cm-about__principle:last-child {\n        grid-column: 1 \/ -1;\n        min-height: auto;\n    }\n}\n\n\n\/* =========================================================\n   M\u00d3VIL\n========================================================= *\/\n\n@media screen and (max-width: 767px) {\n\n    .cm-about__container {\n        width: min(100% - 34px, 600px);\n    }\n\n    .cm-about__intro {\n        padding: 68px 0 48px;\n    }\n\n    .cm-about__intro::before {\n        display: none;\n    }\n\n    .cm-about__eyebrow {\n        margin-bottom: 17px;\n        font-size: 10px;\n        letter-spacing: 2px;\n    }\n\n    .cm-about__eyebrow::before {\n        width: 30px;\n    }\n\n    .cm-about__title {\n        font-size: clamp(36px, 10vw, 48px);\n        letter-spacing: -1.7px;\n        line-height: 1.08;\n    }\n\n    .cm-about__intro-text p {\n        font-size: 14px;\n        line-height: 1.75;\n    }\n\n    .cm-about__main {\n        padding-bottom: 75px;\n    }\n\n    .cm-about__main-grid {\n        gap: 52px;\n    }\n\n    .cm-about__media {\n        padding: 30px 25px 62px 0;\n    }\n\n    .cm-about__media-main {\n        width: calc(100% - 18px);\n    }\n\n    .cm-about__media-main img {\n        height: 480px;\n    }\n\n    .cm-about__media-caption {\n        left: 22px;\n        bottom: 23px;\n    }\n\n    .cm-about__media-secondary {\n        width: 48%;\n        border-width: 8px;\n    }\n\n    .cm-about__media-secondary img {\n        height: 175px;\n    }\n\n    .cm-about__media-seal {\n        top: 5px;\n        right: 0;\n        width: 92px;\n        height: 92px;\n    }\n\n    .cm-about__media-seal-top {\n        font-size: 26px;\n    }\n\n    .cm-about__media-seal-bottom {\n        font-size: 6px;\n    }\n\n    .cm-about__content > h3 {\n        margin-bottom: 23px;\n        font-size: 31px;\n        letter-spacing: -0.9px;\n    }\n\n    .cm-about__content > p {\n        font-size: 14px;\n        line-height: 1.75;\n    }\n\n    .cm-about__areas {\n        grid-template-columns: 1fr;\n    }\n\n    .cm-about__area {\n        min-height: auto;\n        padding: 20px 17px;\n    }\n\n    .cm-about__area:hover {\n        transform: none;\n    }\n\n    .cm-about__buttons {\n        align-items: stretch;\n        flex-direction: column;\n    }\n\n    .cm-about__button {\n        width: 100%;\n    }\n\n    .cm-about__statement {\n        padding: 68px 0;\n    }\n\n    .cm-about__statement-heading h3 {\n        font-size: 34px;\n        letter-spacing: -1px;\n    }\n\n    .cm-about__statement-copy p {\n        font-size: 14px;\n    }\n\n    .cm-about__principles {\n        padding: 75px 0;\n    }\n\n    .cm-about__principles-heading {\n        margin-bottom: 45px;\n    }\n\n    .cm-about__principles-heading h3 {\n        font-size: 33px;\n        letter-spacing: -1px;\n    }\n\n    .cm-about__principles-grid {\n        grid-template-columns: 1fr;\n    }\n\n    .cm-about__principle,\n    .cm-about__principle:last-child {\n        grid-column: auto;\n        min-height: auto;\n        padding: 32px 25px 38px;\n    }\n\n    .cm-about__principle:hover {\n        transform: none;\n    }\n\n    .cm-about__principle-head {\n        margin-bottom: 35px;\n    }\n\n    .cm-about__principle h4 {\n        font-size: 24px;\n    }\n}\n\n\n\/* =========================================================\n   M\u00d3VILES PEQUE\u00d1OS\n========================================================= *\/\n\n@media screen and (max-width: 420px) {\n\n    .cm-about__media-main img {\n        height: 425px;\n    }\n\n    .cm-about__media-secondary {\n        width: 53%;\n    }\n\n    .cm-about__media-secondary img {\n        height: 150px;\n    }\n\n    .cm-about__media-seal {\n        width: 82px;\n        height: 82px;\n    }\n\n    .cm-about__media-caption strong {\n        font-size: 18px;\n    }\n\n    .cm-about__values {\n        grid-template-columns: 1fr;\n    }\n}\n\n\n\/* =========================================================\n   ACCESIBILIDAD\n========================================================= *\/\n\n.cm-about__button:focus-visible {\n    outline: 3px solid rgba(176, 138, 74, 0.42);\n    outline-offset: 4px;\n}\n\n@media (prefers-reduced-motion: reduce) {\n\n    .cm-about__intro-copy,\n    .cm-about__intro-text,\n    .cm-about__media,\n    .cm-about__content,\n    .cm-about__principle {\n        opacity: 1;\n        animation: none;\n        transform: none;\n    }\n\n    .cm-about__media-main img,\n    .cm-about__area,\n    .cm-about__button,\n    .cm-about__principle {\n        transition: none;\n    }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Grupo CM Inmobiliaria Decisiones inmobiliarias respaldadas por criterio, confianza y profesionalismo. Brindamos acompa\u00f1amiento integral para propietarios, compradores e inversionistas que buscan tomar decisiones seguras en el mercado inmobiliario. Nuestra gesti\u00f3n se fundamenta en la responsabilidad, la atenci\u00f3n personalizada y el conocimiento de las necesidades de cada cliente. Gesti\u00f3n inmobiliaria Tulu\u00e1 y sus alrededores CM Inmobiliaria [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template\/template-homepage.php","meta":{"rs_blank_template":"","rs_page_bg_color":"#ffffff","slide_template_v7":"","footnotes":""},"class_list":["post-17558","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/grupocminmobiliaria.com\/index.php\/wp-json\/wp\/v2\/pages\/17558","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/grupocminmobiliaria.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/grupocminmobiliaria.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/grupocminmobiliaria.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/grupocminmobiliaria.com\/index.php\/wp-json\/wp\/v2\/comments?post=17558"}],"version-history":[{"count":12,"href":"https:\/\/grupocminmobiliaria.com\/index.php\/wp-json\/wp\/v2\/pages\/17558\/revisions"}],"predecessor-version":[{"id":22659,"href":"https:\/\/grupocminmobiliaria.com\/index.php\/wp-json\/wp\/v2\/pages\/17558\/revisions\/22659"}],"wp:attachment":[{"href":"https:\/\/grupocminmobiliaria.com\/index.php\/wp-json\/wp\/v2\/media?parent=17558"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}