{"id":7,"date":"2024-10-02T01:30:44","date_gmt":"2024-10-02T01:30:44","guid":{"rendered":"https:\/\/valentin.mx\/cortina\/?page_id=7"},"modified":"2025-01-09T16:48:01","modified_gmt":"2025-01-09T16:48:01","slug":"inicio","status":"publish","type":"page","link":"https:\/\/valentin.mx\/cortina\/","title":{"rendered":"Inicio"},"content":{"rendered":"\n\n\n<html lang=\"es\">\n\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Oswald:wght@200..700&#038;display=swap\" rel=\"stylesheet\">\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body,\n        html {\n            font-family: \"Oswald\", sans-serif;\n            overflow-x: hidden;\n        }\n\n        .slider-container {\n            position: relative;\n            max-width: 100%;\n            overflow: hidden;\n            font-family: \"Oswald\", sans-serif;\n        }\n\n        .slider {\n            display: flex;\n            transition: transform 0.5s ease-in-out;\n        }\n\n        .slide {\n            min-width: 100%;\n            height: 100vh;\n            background-size: cover;\n            background-position: center;\n            position: relative;\n            display: flex;\n            justify-content: flex-end;\n            align-items: center;\n\n        }\n\n        .nav-bar {\n            position: absolute;\n            bottom: 10px;\n            width: 100%;\n            text-align: center;\n        }\n\n        .nav-dot {\n            display: inline-block;\n            height: 10px;\n            width: 10px;\n            margin: 0 5px;\n            background-color: #deca9e;\n            border-radius: 50%;\n            cursor: pointer;\n        }\n\n        .nav-dot.active {\n            background-color: #333;\n        }\n\n        \/* Slider CSS with Dynamic Transition *\/\n        .slider {\n            display: flex;\n            transition: opacity 1s ease, transform 1s ease-in-out;\n        }\n\n        .slide {\n            min-width: 100%;\n            height: 100vh;\n            background-size: cover;\n            background-position: center;\n            position: absolute;\n            display: flex;\n            justify-content: flex-end;\n            align-items: center;\n            opacity: 0;\n            transition: opacity 1s ease;\n\n\n        }\n\n        .slide.active {\n            opacity: 1;\n            position: relative;\n            transition: opacity 1s ease;\n        }\n\n        .text-container {\n            position: absolute;\n            padding: 10px;\n            color: white;\n            font-size: 2rem;\n            text-align: left;\n        }\n\n        \/*\n        .hexagon {\n            position: absolute;\n            width: 300px;\n            height: 350px;\n            margin: 10%;\n            clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);\n        }\n*\/\n        .hex-link {\n            position: absolute;\n            color: #f9dcac !important;\n            font-size: 0.8rem;\n            text-align: center;\n            text-decoration: none;\n            text-transform: uppercase;\n            background-color: rgba(101, 13, 13, 0.01);\n            padding: 10px;\n            border-radius: 10px;\n            transition: background-color 0.3s ease;\n        }\n\n        .hex-link:hover {\n            background-color: rgba(0, 0, 0, 0.3);\n            color: #f9dcac !important;\n        }\n\n        .hex-link:active {\n            background-color: rgba(0, 0, 0, 0.1);\n        }\n\n        \/* Posicionamiento de los enlaces *\/\n        #linkUno {\n            top: 20%;\n            left: 68%;\n            transform: translateX(-50%);\n        }\n\n        #linkDos {\n            top: 20%;\n            left: 20%;\n        }\n\n        #linkTres {\n            top: 45%;\n            right: 5%;\n        }\n\n        #linkCuatro {\n            top: 45%;\n            left: 5%;\n        }\n\n        #linkCinco {\n            bottom: 16%;\n            right: 25%;\n        }\n\n        #linkSeis {\n            bottom: 16%;\n            left: 30%;\n            transform: translateX(-50%);\n        }\n\n        #linkTitulo {\n            top: 45%;\n            left: 25%;\n            right: 25%;\n            color: #deca9e;\n        }\n\n\n        \/* Responsive Adjustments *\/\n\n        @media (max-width: 359px) {\n\n            \/* .hexagon {\n    width: 230px;\n    height: 270px;}*\/\n\n            .hex-link {\n                font-size: 0.75rem;\n            }\n\n            .text-container {\n                position: absolute;\n                padding: 10px;\n                color: white;\n                font-size: 2rem;\n                text-align: left;\n                top: 15vh;\n                left: 25vw;\n                width: 50vw;\n                aspect-ratio: 2 \/ 1;\n            }\n\n            .content-box {\n                position: absolute;\n                width: 70vw;\n                aspect-ratio: 1.1 \/ 1.8;\n                border-radius: 8px;\n                display: inline-flex;\n                align-items: flex-start;\n                justify-content: center;\n                right: 15vw;\n                left: 15vw;\n                top: 38vh;\n\n            }\n\n            .hex-container {\n                display: flex;\n                justify-content: center;\n                align-items: center;\n                width: 70vw;\n                aspect-ratio: 1.1 \/ 1.2;\n                position: relative;\n                background-size: cover;\n                background-image: url('https:\/\/valentin.mx\/cortina\/wp-content\/uploads\/2024\/10\/hexagon-bg.png');\n            }\n        }\n\n        @media (min-width: 360px) {\n\n            \/* .hexagon {\n                width: 230px;\n                height: 270px;\n            }*\/\n\n            .hex-link {\n                font-size: 0.75rem;\n            }\n\n            .text-container {\n                position: absolute;\n                padding: 10px;\n                color: white;\n                font-size: 2rem;\n                text-align: left;\n                top: 15vh;\n                left: 25vw;\n                width: 50vw;\n                aspect-ratio: 2 \/ 1;\n            }\n\n            .content-box {\n                position: absolute;\n                width: 70vw;\n                aspect-ratio: 1.1 \/ 1.8;\n                border-radius: 8px;\n                display: inline-flex;\n                align-items: flex-start;\n                justify-content: center;\n                right: 15vw;\n                left: 15vw;\n                top: 38vh;\n\n            }\n\n            .hex-container {\n                display: flex;\n                justify-content: center;\n                align-items: center;\n                width: 70vw;\n                aspect-ratio: 1.1 \/ 1.2;\n                position: relative;\n                background-size: cover;\n                background-image: url('https:\/\/valentin.mx\/cortina\/wp-content\/uploads\/2024\/10\/hexagon-bg.png');\n            }\n        }\n\n        @media (min-width: 481px) {\n\n\n\n            .hex-link {\n                font-size: 0.85rem;\n            }\n\n            .text-container {\n                position: absolute;\n                padding: 10px;\n                top: 13vh;\n                left: 30vw;\n                width: 40vw;\n                aspect-ratio: 2 \/ 1;\n            }\n\n            .content-box {\n                position: absolute;\n                width: 60vw;\n                aspect-ratio: 1.1 \/ 1.2;\n                border-radius: 8px;\n                display: inline-flex;\n                align-items: flex-start;\n                justify-content: center;\n                right: 20vw;\n                left: 20vw;\n                top: 34vh;\n\n            }\n\n            .hex-container {\n                display: flex;\n                justify-content: center;\n                align-items: center;\n                width: 60vw;\n                aspect-ratio: 1.1 \/ 1.2;\n                position: relative;\n                background-size: cover;\n                background-image: url('https:\/\/valentin.mx\/cortina\/wp-content\/uploads\/2024\/10\/hexagon-bg.png');\n            }\n        }\n\n        @media (min-width: 769px) {\n\n\n            .hex-contenedor {\n                width: 280px;\n                height: 320px;\n            }\n\n            .hexagon {\n                width: 230px;\n                height: 270px;\n            }\n\n            .hex-link {\n                font-size: 0.85rem;\n            }\n\n            .text-container {\n                position: absolute;\n                padding: 10px;\n                top: 13vh;\n                left: 30vw;\n                width: 40vw;\n                aspect-ratio: 2 \/ 1;\n            }\n\n            .content-box {\n                position: absolute;\n                width: 60vw;\n                aspect-ratio: 1.1 \/ 1.2;\n                border-radius: 8px;\n                display: inline-flex;\n                align-items: flex-start;\n                justify-content: center;\n                right: 20vw;\n                left: 20vw;\n                top: 34vh;\n\n            }\n\n            .hex-container {\n                display: flex;\n                justify-content: center;\n                align-items: center;\n                width: 60vw;\n                aspect-ratio: 1.1 \/ 1.2;\n                position: relative;\n                background-size: cover;\n                background-image: url('https:\/\/valentin.mx\/cortina\/wp-content\/uploads\/2024\/10\/hexagon-bg.png');\n            }\n\n        }\n\n        @media (min-width: 1024px) {\n\n            .hex-contenedor {\n                width: 280px;\n                height: 320px;\n            }\n\n\n            .hex-link {\n                font-size: 0.95rem;\n            }\n\n            .text-container {\n                position: absolute;\n                padding: 10px;\n                top: 40vh;\n                left: 70vw;\n                width: 25vw;\n                aspect-ratio: 2 \/ 1;\n                max-width: 280px;\n            }\n\n            .content-box {\n                position: absolute;\n                width: 40vw;\n                aspect-ratio: 1.1 \/ 1.2;\n                border-radius: 8px;\n                display: inline-flex;\n                align-items: flex-start;\n                justify-content: center;\n                right: 40vw;\n                left: 40vw;\n                top: 30vh;\n                max-width: 330px;\n\n            }\n\n            .hex-container {\n                display: flex;\n                justify-content: center;\n                align-items: center;\n                width: 40vw;\n                aspect-ratio: 1.1 \/ 1.2;\n                position: relative;\n                background-size: cover;\n                background-image: url('https:\/\/valentin.mx\/cortina\/wp-content\/uploads\/2024\/10\/hexagon-bg.png');\n            }\n\n        }\n\n        @media (min-width: 1201px) {\n\n            .hex-contenedor {\n                width: 280px;\n                height: 320px;\n            }\n\n\n            .hex-link {\n                font-size: 1.0rem;\n            }\n\n            .text-container {\n                position: absolute;\n                padding: 10px;\n                color: white;\n                font-size: 2rem;\n                text-align: left;\n                top: 40vh;\n                left: 70vw;\n                width: 25vw;\n                aspect-ratio: 2 \/ 1;\n                max-width: 300px;\n            }\n\n            .content-box {\n                position: absolute;\n                width: 30vw;\n                aspect-ratio: 1.1 \/ 1.2;\n                border-radius: 8px;\n                display: inline-flex;\n                align-items: flex-start;\n                justify-content: center;\n                right: 35vw;\n                left: 42vw;\n                top: 30vh;\n                max-width: 350px;\n\n            }\n\n            .hex-container {\n                display: flex;\n                justify-content: center;\n                align-items: center;\n                width: 30vw;\n                aspect-ratio: 1.1 \/ 1.2;\n                position: relative;\n                background-size: cover;\n                background-image: url('https:\/\/valentin.mx\/cortina\/wp-content\/uploads\/2024\/10\/hexagon-bg.png');\n            }\n        }\n\n        @media (min-width: 1441px) {\n\n            .hex-contenedor {\n                width: 280px;\n                height: 320px;\n            }\n\n\n            .hex-link {\n                font-size: 1.0rem;\n            }\n\n            .text-container {\n                position: absolute;\n                padding: 10px;\n                color: white;\n                font-size: 1.3rem;\n                text-align: left;\n                top: 40vh;\n                left: 70vw;\n                width: 25vw;\n                aspect-ratio: 2 \/ 1;\n                max-width: 340px;\n            }\n\n            .content-box {\n                position: absolute;\n                width: 30vw;\n                max-width: 400px;\n                aspect-ratio: 1.1 \/ 1.2;\n                border-radius: 8px;\n                display: inline-flex;\n                align-items: flex-start;\n                justify-content: center;\n                right: 35vw;\n                left: 43vw;\n                top: 30vh;\n\n            }\n\n            .hex-container {\n                display: flex;\n                justify-content: center;\n                align-items: center;\n                width: 30vw;\n                aspect-ratio: 1.1 \/ 1.2;\n                position: relative;\n                background-size: cover;\n                background-image: url('https:\/\/valentin.mx\/cortina\/wp-content\/uploads\/2024\/10\/hexagon-bg.png');\n            }\n        }\n    <\/style>\n<\/head>\n\n<body>\n    <div class=\"slider-container\">\n        <div class=\"slider active\">\n            <!-- Slide 1 -->\n            <div class=\"slide\"\n                style=\"background-image: url('https:\/\/valentin.mx\/cortina\/wp-content\/uploads\/2024\/12\/HO-01-TEC.jpg'); filter: brightness(90%);\">\n                <div class=\"text-container\">\n                    <img decoding=\"async\" src=\"https:\/\/valentin.mx\/cortina\/wp-content\/uploads\/2024\/12\/porMas_obsc.png\"\n                        style=\"width: 100%; height: auto;\">\n                <\/div>\n                <div class=\"content-box\">\n                    <div class=\"hex-container\">\n                        <div class=\"hexagon\">\n                            <a href=\"https:\/\/valentin.mx\/cortina\/que-podemos-hacer\/\" id=\"linkUno\"\n                                class=\"hex-link\">Comercial<\/a>\n                            <a href=\"https:\/\/valentin.mx\/cortina\/que-podemos-hacer\/\" id=\"linkDos\"\n                                class=\"hex-link\">Residencial<\/a>\n                            <a href=\"https:\/\/valentin.mx\/cortina\/que-podemos-hacer\/\" id=\"linkTres\"\n                                class=\"hex-link\">Corporativo<\/a>\n                            <a href=\"https:\/\/valentin.mx\/cortina\/que-podemos-hacer\/\" id=\"linkCuatro\"\n                                class=\"hex-link\">Industrial<\/a>\n                            <a href=\"https:\/\/valentin.mx\/cortina\/que-podemos-hacer\/\" id=\"linkCinco\"\n                                class=\"hex-link\">Mixto<\/a>\n                            <a href=\"https:\/\/valentin.mx\/cortina\/que-podemos-hacer\/\" id=\"linkSeis\"\n                                class=\"hex-link\">Magno<\/a>\n                            <a id=\"linkTitulo\" class=\"hex-link\">Tecnolog\u00eda<\/a>\n\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <!-- Slide 2 -->\n            <div class=\"slide\"\n                style=\"background-image: url('https:\/\/valentin.mx\/cortina\/wp-content\/uploads\/2024\/12\/HO-02-GRAL.jpg');  filter: brightness(90%);\">\n                <div class=\"text-container\">\n                    <img decoding=\"async\" src=\"https:\/\/valentin.mx\/cortina\/wp-content\/uploads\/2024\/12\/sld-txt-002.png\"\n                        style=\"width: 100%; height: auto;\">\n                <\/div>\n                <div class=\"content-box\">\n                    <div class=\"hex-container\">\n                        <div class=\"hexagon\">\n                            <a href=\"https:\/\/valentin.mx\/cortina\/que-podemos-hacer\/\" id=\"linkUno\"\n                                class=\"hex-link\">Comercial<\/a>\n                            <a href=\"https:\/\/valentin.mx\/cortina\/que-podemos-hacer\/\" id=\"linkDos\"\n                                class=\"hex-link\">Residencial<\/a>\n                            <a href=\"https:\/\/valentin.mx\/cortina\/que-podemos-hacer\/\" id=\"linkTres\"\n                                class=\"hex-link\">Corporativo<\/a>\n                            <a href=\"https:\/\/valentin.mx\/cortina\/que-podemos-hacer\/\" id=\"linkCuatro\"\n                                class=\"hex-link\">Industrial<\/a>\n                            <a href=\"https:\/\/valentin.mx\/cortina\/que-podemos-hacer\/\" id=\"linkCinco\"\n                                class=\"hex-link\">Mixto<\/a>\n                            <a href=\"https:\/\/valentin.mx\/cortina\/que-podemos-hacer\/\" id=\"linkSeis\"\n                                class=\"hex-link\">Magno<\/a>\n                            <a id=\"linkTitulo\" class=\"hex-link\">Tecnolog\u00eda<\/a>\n\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <!-- Slide 3 -->\n            <div class=\"slide\"\n                style=\"background-image: url('https:\/\/valentin.mx\/cortina\/wp-content\/uploads\/2024\/12\/HO-03-MAG.jpg'); filter: brightness(90%);\">\n                <div class=\"text-container\">\n                    <img decoding=\"async\" src=\"https:\/\/valentin.mx\/cortina\/wp-content\/uploads\/2025\/01\/sld-txt-04.png\"\n                        style=\"width: 100%; height: auto;\">\n                <\/div>\n                <div class=\"content-box\">\n                    <div class=\"hex-container\">\n                        <div class=\"hexagon\">\n                            <a href=\"https:\/\/valentin.mx\/cortina\/que-podemos-hacer\/\" id=\"linkUno\"\n                                class=\"hex-link\">Comercial<\/a>\n                            <a href=\"https:\/\/valentin.mx\/cortina\/que-podemos-hacer\/\" id=\"linkDos\"\n                                class=\"hex-link\">Residencial<\/a>\n                            <a href=\"https:\/\/valentin.mx\/cortina\/que-podemos-hacer\/\" id=\"linkTres\"\n                                class=\"hex-link\">Corporativo<\/a>\n                            <a href=\"https:\/\/valentin.mx\/cortina\/que-podemos-hacer\/\" id=\"linkCuatro\"\n                                class=\"hex-link\">Industrial<\/a>\n                            <a href=\"https:\/\/valentin.mx\/cortina\/que-podemos-hacer\/\" id=\"linkCinco\"\n                                class=\"hex-link\">Mixto<\/a>\n                            <a href=\"https:\/\/valentin.mx\/cortina\/que-podemos-hacer\/\" id=\"linkSeis\"\n                                class=\"hex-link\">Magno<\/a>\n                            <a id=\"linkTitulo\" class=\"hex-link\">Tecnolog\u00eda<\/a>\n\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <!-- Slide 4 -->\n            <div class=\"slide\"\n                style=\"background-image: url('https:\/\/valentin.mx\/cortina\/wp-content\/uploads\/2024\/12\/SlideResidenciales.jpg'); filter: brightness(90%);\">\n                <div class=\"text-container\">\n                    <img decoding=\"async\" src=\"https:\/\/valentin.mx\/cortina\/wp-content\/uploads\/2024\/10\/sld-txt-03.png\"\n                        style=\"width: 100%; height: auto;\">\n                <\/div>\n                <div class=\"content-box\">\n                    <div class=\"hex-container\">\n                        <div class=\"hexagon\">\n                            <a href=\"https:\/\/valentin.mx\/cortina\/que-podemos-hacer\/\" id=\"linkUno\"\n                                class=\"hex-link\">Comercial<\/a>\n                            <a href=\"https:\/\/valentin.mx\/cortina\/que-podemos-hacer\/\" id=\"linkDos\"\n                                class=\"hex-link\">Residencial<\/a>\n                            <a href=\"https:\/\/valentin.mx\/cortina\/que-podemos-hacer\/\" id=\"linkTres\"\n                                class=\"hex-link\">Corporativo<\/a>\n                            <a href=\"https:\/\/valentin.mx\/cortina\/que-podemos-hacer\/\" id=\"linkCuatro\"\n                                class=\"hex-link\">Industrial<\/a>\n                            <a href=\"https:\/\/valentin.mx\/cortina\/que-podemos-hacer\/\" id=\"linkCinco\"\n                                class=\"hex-link\">Mixto<\/a>\n                            <a href=\"https:\/\/valentin.mx\/cortina\/que-podemos-hacer\/\" id=\"linkSeis\"\n                                class=\"hex-link\">Magno<\/a>\n                            <a id=\"linkTitulo\" class=\"hex-link\">Tecnolog\u00eda<\/a>\n\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <!-- Slide 5 -->\n            <div class=\"slide\"\n                style=\"background-image: url('https:\/\/valentin.mx\/cortina\/wp-content\/uploads\/2024\/12\/HO-05-IND.jpg');  filter: brightness(90%);\">\n                <div class=\"text-container\">\n                    <img decoding=\"async\" src=\"https:\/\/valentin.mx\/cortina\/wp-content\/uploads\/2024\/10\/sld-txt-05.png\"\n                        style=\"width: 100%; height: auto;\">\n                <\/div>\n                <div class=\"content-box\">\n                    <div class=\"hex-container\">\n                        <div class=\"hexagon\">\n                            <a href=\"https:\/\/valentin.mx\/cortina\/que-podemos-hacer\/\" id=\"linkUno\"\n                                class=\"hex-link\">Comercial<\/a>\n                            <a href=\"https:\/\/valentin.mx\/cortina\/que-podemos-hacer\/\" id=\"linkDos\"\n                                class=\"hex-link\">Residencial<\/a>\n                            <a href=\"https:\/\/valentin.mx\/cortina\/que-podemos-hacer\/\" id=\"linkTres\"\n                                class=\"hex-link\">Corporativo<\/a>\n                            <a href=\"https:\/\/valentin.mx\/cortina\/que-podemos-hacer\/\" id=\"linkCuatro\"\n                                class=\"hex-link\">Industrial<\/a>\n                            <a href=\"https:\/\/valentin.mx\/cortina\/que-podemos-hacer\/\" id=\"linkCinco\"\n                                class=\"hex-link\">Mixto<\/a>\n                            <a href=\"https:\/\/valentin.mx\/cortina\/que-podemos-hacer\/\" id=\"linkSeis\"\n                                class=\"hex-link\">Magno<\/a>\n                            <a id=\"linkTitulo\" class=\"hex-link\">Tecnolog\u00eda<\/a>\n\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <!-- Slide 6 -->\n            <div class=\"slide\"\n                style=\"background-image: url('https:\/\/valentin.mx\/cortina\/wp-content\/uploads\/2024\/12\/HO-06-COM.jpg'); filter: brightness(90%);\">\n                <div class=\"text-container\">\n                    <p class=\"slide-text\">\n                        <img decoding=\"async\" src=\"https:\/\/valentin.mx\/cortina\/wp-content\/uploads\/2024\/10\/sld-txt-06.png\"\n                            style=\"width: 100%; height: auto;\">\n                    <\/p>\n                <\/div>\n                <div class=\"content-box\">\n                    <div class=\"hex-container\">\n                        <div class=\"hexagon\">\n                            <a href=\"https:\/\/valentin.mx\/cortina\/que-podemos-hacer\/\" id=\"linkUno\"\n                                class=\"hex-link\">Comercial<\/a>\n                            <a href=\"https:\/\/valentin.mx\/cortina\/que-podemos-hacer\/\" id=\"linkDos\"\n                                class=\"hex-link\">Residencial<\/a>\n                            <a href=\"https:\/\/valentin.mx\/cortina\/que-podemos-hacer\/\" id=\"linkTres\"\n                                class=\"hex-link\">Corporativo<\/a>\n                            <a href=\"https:\/\/valentin.mx\/cortina\/que-podemos-hacer\/\" id=\"linkCuatro\"\n                                class=\"hex-link\">Industrial<\/a>\n                            <a href=\"https:\/\/valentin.mx\/cortina\/que-podemos-hacer\/\" id=\"linkCinco\"\n                                class=\"hex-link\">Mixto<\/a>\n                            <a href=\"https:\/\/valentin.mx\/cortina\/que-podemos-hacer\/\" id=\"linkSeis\"\n                                class=\"hex-link\">Magno<\/a>\n                            <a id=\"linkTitulo\" class=\"hex-link\">Tecnolog\u00eda<\/a>\n\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <!-- Slide 7 -->\n            <div class=\"slide\"\n                style=\"background-image: url('https:\/\/valentin.mx\/cortina\/wp-content\/uploads\/2024\/12\/HO-07-COR.jpg'); filter: brightness(90%);\">\n                <div class=\"text-container\">\n                    <p class=\"slide-text\">\n                        <img decoding=\"async\" src=\"https:\/\/valentin.mx\/cortina\/wp-content\/uploads\/2024\/10\/sld-txt-07.png\"\n                            style=\"width: 100%; height: auto;\">\n                    <\/p>\n                <\/div>\n                <div class=\"content-box\">\n                    <div class=\"hex-container\">\n                        <div class=\"hexagon\">\n                            <a href=\"https:\/\/valentin.mx\/cortina\/que-podemos-hacer\/\" id=\"linkUno\"\n                                class=\"hex-link\">Comercial<\/a>\n                            <a href=\"https:\/\/valentin.mx\/cortina\/que-podemos-hacer\/\" id=\"linkDos\"\n                                class=\"hex-link\">Residencial<\/a>\n                            <a href=\"https:\/\/valentin.mx\/cortina\/que-podemos-hacer\/\" id=\"linkTres\"\n                                class=\"hex-link\">Corporativo<\/a>\n                            <a href=\"https:\/\/valentin.mx\/cortina\/que-podemos-hacer\/\" id=\"linkCuatro\"\n                                class=\"hex-link\">Industrial<\/a>\n                            <a href=\"https:\/\/valentin.mx\/cortina\/que-podemos-hacer\/\" id=\"linkCinco\"\n                                class=\"hex-link\">Mixto<\/a>\n                            <a href=\"https:\/\/valentin.mx\/cortina\/que-podemos-hacer\/\" id=\"linkSeis\"\n                                class=\"hex-link\">Magno<\/a>\n                            <a id=\"linkTitulo\" class=\"hex-link\">Tecnolog\u00eda<\/a>\n\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <!-- Slide 8 -->\n            <div class=\"slide\"\n                style=\"background-image: url('https:\/\/valentin.mx\/cortina\/wp-content\/uploads\/2024\/12\/HO-08-MIX.jpg');  filter: brightness(90%);\">\n                <div class=\"text-container\">\n                    <p class=\"slide-text\">\n                        <img decoding=\"async\" src=\" https:\/\/valentin.mx\/cortina\/wp-content\/uploads\/2025\/01\/sld-txt-08.png\"\n                            style=\"width: 100%; height: auto;\">\n                    <\/p>\n                <\/div>\n                <div class=\"content-box\">\n                    <div class=\"hex-container\">\n                        <div class=\"hexagon\">\n                            <a href=\"https:\/\/valentin.mx\/cortina\/que-podemos-hacer\/\" id=\"linkUno\"\n                                class=\"hex-link\">Comercial<\/a>\n                            <a href=\"https:\/\/valentin.mx\/cortina\/que-podemos-hacer\/\" id=\"linkDos\"\n                                class=\"hex-link\">Residencial<\/a>\n                            <a href=\"https:\/\/valentin.mx\/cortina\/que-podemos-hacer\/\" id=\"linkTres\"\n                                class=\"hex-link\">Corporativo<\/a>\n                            <a href=\"https:\/\/valentin.mx\/cortina\/que-podemos-hacer\/\" id=\"linkCuatro\"\n                                class=\"hex-link\">Industrial<\/a>\n                            <a href=\"https:\/\/valentin.mx\/cortina\/que-podemos-hacer\/\" id=\"linkCinco\"\n                                class=\"hex-link\">Mixto<\/a>\n                            <a href=\"https:\/\/valentin.mx\/cortina\/que-podemos-hacer\/\" id=\"linkSeis\"\n                                class=\"hex-link\">Magno<\/a>\n                            <a id=\"linkTitulo\" class=\"hex-link\">Tecnolog\u00eda<\/a>\n\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n\n\n\n        <\/div>\n        <div class=\"nav-bar\">\n            <span class=\"nav-dot\" onclick=\"currentSlide(1)\"><\/span>\n            <span class=\"nav-dot\" onclick=\"currentSlide(2)\"><\/span>\n            <span class=\"nav-dot\" onclick=\"currentSlide(3)\"><\/span>\n            <span class=\"nav-dot\" onclick=\"currentSlide(4)\"><\/span>\n            <span class=\"nav-dot\" onclick=\"currentSlide(5)\"><\/span>\n            <span class=\"nav-dot\" onclick=\"currentSlide(6)\"><\/span>\n            <span class=\"nav-dot\" onclick=\"currentSlide(7)\"><\/span>\n            <span class=\"nav-dot\" onclick=\"currentSlide(8)\"><\/span>\n        <\/div>\n    <\/div>\n\n    <script>\n\n        let currentIndex = 0;\n        const slides = document.querySelectorAll(\".slide\");\n        const dots = document.querySelectorAll(\".nav-dot\");\n\n        function showSlide(index) {\n            slides.forEach((slide, i) => {\n                slide.classList.toggle(\"active\", i === index);\n                dots[i].classList.toggle(\"active\", i === index);\n            });\n            currentIndex = index;\n        }\n\n        dots.forEach((dot, i) => {\n            dot.addEventListener(\"click\", () => showSlide(i));\n        });\n\n        function nextSlide() {\n            showSlide((currentIndex + 1) % slides.length);\n        }\n\n        setInterval(nextSlide, 8000); \/\/ Cambia cada 8 segundos\n\n        document.addEventListener(\"DOMContentLoaded\", () => {\n            showSlide(0); \/\/ Establece el primer slide como activo al cargar\n        });\n\n    <\/script>\n<\/body>\n\n<\/html>\n\n<div class=\"message-box relative dark\" style=\"padding-top:30px;padding-bottom:30px;\"><div class=\"message-box-bg-image bg-fill fill\" ><\/div><div class=\"message-box-bg-overlay bg-fill fill\" style=\"background-color:rgb(198, 154, 92);\"><\/div><div class=\"container relative\"><div class=\"inner last-reset\">\n\n<div class=\"row align-middle align-center\"  id=\"row-1613171704\">\n\n\n\t<div id=\"col-966523840\" class=\"col medium-9 small-12 large-9\"  data-animate=\"blurIn\">\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\t<div id=\"text-2146809642\" class=\"text\">\n\t\t\n\n<h2 class=\" \" style=\"color: #ffffff; text-align: center;\"><span data-text-color=\"primary\">Somos la administradora de propiedades inmobiliarias con mayor experiencia en M\u00e9xico.<\/span><\/h2>\n<h4 class=\" \" style=\"text-align: center;\">Utilizamos la innovaci\u00f3n y tecnolog\u00eda para ofrecer soluciones personalizadas que garantizan la satisfacci\u00f3n de nuestros clientes.<\/h4>\n\t\t\n<style>\n#text-2146809642 {\n  text-align: center;\n}\n<\/style>\n\t<\/div>\n\t\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n\n<\/div><\/div><\/div>\n\n\t<section class=\"section\" id=\"section_1888469145\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t<div class=\"section-bg-overlay absolute fill\"><\/div>\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n\n<div class=\"row row-large align-center\"  id=\"row-1240324573\">\n\n\n\t<div id=\"col-1598225519\" class=\"col medium-4 small-12 large-4\"  data-animate=\"blurIn\">\n\t\t\t\t<div class=\"col-inner text-right\"  >\n\t\t\t\n\t\t\t\n\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_1828950404\">\n\t\t\t\t\t\t\t\t<div class=\"img-inner dark\" >\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"536\" height=\"357\" src=\"https:\/\/valentin.mx\/cortina\/wp-content\/uploads\/2024\/10\/01.jpg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/valentin.mx\/cortina\/wp-content\/uploads\/2024\/10\/01.jpg 536w, https:\/\/valentin.mx\/cortina\/wp-content\/uploads\/2024\/10\/01-300x200.jpg 300w\" sizes=\"auto, (max-width: 536px) 100vw, 536px\" \/>\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\n<style>\n#image_1828950404 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\n\n\t<div id=\"text-690323053\" class=\"text\">\n\t\t\n\n<p style=\"min-height: 80px; text-align: center;\"><span style=\"font-size: 90%;\">Integraci\u00f3n de herramientas y plataformas para una administraci\u00f3n eficiente y moderna<\/span>.<\/p>\n\t\t\n<style>\n#text-690323053 {\n  line-height: 1.05;\n  text-align: left;\n}\n<\/style>\n\t<\/div>\n\t\n\n  <div class=\"banner has-hover\" id=\"banner-341726120\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n                                                \n\t<div class=\"is-border\"\n\t\tstyle=\"border-color:rgb(255, 255, 255);border-radius:77px;border-width:0px 0px 0px 0px;\">\n\t<\/div>\n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n\n   <div id=\"text-box-498983107\" class=\"text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text\">\n                                <div class=\"text-box-content text dark\">\n              \n              <div class=\"text-inner text-center\">\n                  \n\n\t<div id=\"text-925108767\" class=\"text\">\n\t\t\n\n<p class=\" \" style=\"text-align: center;\"><a href=\"https:\/\/valentin.mx\/cortina\/nuestra-tecnologia\/\"><strong>Conoce sobre la tecnolog\u00eda <br \/>que utilizamos<\/strong><\/a><\/p>\n\t\t\n<style>\n#text-925108767 {\n  font-size: 1rem;\n  line-height: 1.4;\n  text-align: left;\n}\n<\/style>\n\t<\/div>\n\t\n\n              <\/div>\n           <\/div>\n                            \n<style>\n#text-box-498983107 {\n  width: 100%;\n}\n#text-box-498983107 .text-box-content {\n  font-size: 100%;\n}\n@media (min-width:850px) {\n  #text-box-498983107 {\n    width: 86%;\n  }\n}\n<\/style>\n    <\/div>\n \n\n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-341726120 {\n  padding-top: 70px;\n}\n<\/style>\n  <\/div>\n\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-822321684\" class=\"col medium-4 small-12 large-4\"  data-animate=\"blurIn\">\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_1783474333\">\n\t\t\t\t\t\t\t\t<div class=\"img-inner dark\" >\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"536\" height=\"357\" src=\"https:\/\/valentin.mx\/cortina\/wp-content\/uploads\/2024\/10\/02.jpg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/valentin.mx\/cortina\/wp-content\/uploads\/2024\/10\/02.jpg 536w, https:\/\/valentin.mx\/cortina\/wp-content\/uploads\/2024\/10\/02-300x200.jpg 300w\" sizes=\"auto, (max-width: 536px) 100vw, 536px\" \/>\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\n<style>\n#image_1783474333 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\n\n\t<div id=\"text-1650426154\" class=\"text\">\n\t\t\n\n<p style=\"min-height: 80px; text-align: center;\"><span style=\"font-size: 90%;\">Ofrecemos un servicio personalizado, profesional y con una atenci\u00f3n cercana y dedicada.<\/span>\u00a0<\/p>\n\t\t\n<style>\n#text-1650426154 {\n  line-height: 1.05;\n}\n<\/style>\n\t<\/div>\n\t\n\n  <div class=\"banner has-hover\" id=\"banner-1189403028\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n                                                \n\t<div class=\"is-border\"\n\t\tstyle=\"border-color:rgb(255, 255, 255);border-radius:77px;border-width:0px 0px 0px 0px;\">\n\t<\/div>\n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n\n   <div id=\"text-box-1190728180\" class=\"text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text\">\n                                <div class=\"text-box-content text dark\">\n              \n              <div class=\"text-inner text-center\">\n                  \n\n\t<div id=\"text-425926331\" class=\"text\">\n\t\t\n\n<p class=\" \" style=\"text-align: center;\"><a href=\"https:\/\/valentin.mx\/cortina\/que-podemos-hacer\/\"><strong>Conoce el compromiso <br \/>que tenemos con las propiedades<\/strong><\/a><\/p>\n\t\t\n<style>\n#text-425926331 {\n  font-size: 1rem;\n  line-height: 1.4;\n  text-align: left;\n}\n<\/style>\n\t<\/div>\n\t\n\n              <\/div>\n           <\/div>\n                            \n<style>\n#text-box-1190728180 {\n  width: 100%;\n}\n#text-box-1190728180 .text-box-content {\n  font-size: 100%;\n}\n@media (min-width:850px) {\n  #text-box-1190728180 {\n    width: 86%;\n  }\n}\n<\/style>\n    <\/div>\n \n\n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-1189403028 {\n  padding-top: 70px;\n}\n<\/style>\n  <\/div>\n\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-2037632927\" class=\"col medium-4 small-12 large-4\"  data-animate=\"blurIn\">\n\t\t\t\t<div class=\"col-inner text-left\"  >\n\t\t\t\n\t\t\t\n\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_2034690036\">\n\t\t\t\t\t\t\t\t<div class=\"img-inner dark\" >\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"536\" height=\"357\" src=\"https:\/\/valentin.mx\/cortina\/wp-content\/uploads\/2024\/10\/03.jpg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/valentin.mx\/cortina\/wp-content\/uploads\/2024\/10\/03.jpg 536w, https:\/\/valentin.mx\/cortina\/wp-content\/uploads\/2024\/10\/03-300x200.jpg 300w\" sizes=\"auto, (max-width: 536px) 100vw, 536px\" \/>\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\n<style>\n#image_2034690036 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\n\n\t<div id=\"text-692003669\" class=\"text\">\n\t\t\n\n<p style=\"min-height: 80px; text-align: center;\"><span style=\"font-size: 90%;\">Gesti\u00f3n integral y transparente, con monitoreo y comunicaci\u00f3n abierta.<\/span><\/p>\n\t\t\n<style>\n#text-692003669 {\n  line-height: 1.05;\n}\n<\/style>\n\t<\/div>\n\t\n\n  <div class=\"banner has-hover\" id=\"banner-426426377\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n                                                \n\t<div class=\"is-border\"\n\t\tstyle=\"border-color:rgb(255, 255, 255);border-radius:77px;border-width:0px 0px 0px 0px;\">\n\t<\/div>\n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n\n   <div id=\"text-box-589315305\" class=\"text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text\">\n                                <div class=\"text-box-content text dark\">\n              \n              <div class=\"text-inner text-center\">\n                  \n\n\t<div id=\"text-1514556020\" class=\"text\">\n\t\t\n\n<p class=\" \" style=\"text-align: center;\"><strong><a href=\"https:\/\/valentin.mx\/cortina\/que-hemos-hecho\/\">Conoce nuestros mecanismos <\/a><br \/>de transparencia <\/strong><\/p>\n\t\t\n<style>\n#text-1514556020 {\n  font-size: 1rem;\n  line-height: 1.4;\n  text-align: left;\n}\n<\/style>\n\t<\/div>\n\t\n\n              <\/div>\n           <\/div>\n                            \n<style>\n#text-box-589315305 {\n  width: 100%;\n}\n#text-box-589315305 .text-box-content {\n  font-size: 100%;\n}\n@media (min-width:850px) {\n  #text-box-589315305 {\n    width: 86%;\n  }\n}\n<\/style>\n    <\/div>\n \n\n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-426426377 {\n  padding-top: 70px;\n}\n<\/style>\n  <\/div>\n\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_1888469145 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n  background-color: rgb(193, 193, 193);\n}\n#section_1888469145 .section-bg-overlay {\n  background-color: rgba(255, 255, 255, 0.85);\n}\n<\/style>\n\t<\/section>\n\t\n\n\n  <div class=\"banner has-hover has-parallax\" id=\"banner-1166262604\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" data-parallax=\"-6\" data-parallax-container=\".banner\" data-parallax-background>\n            <img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1262\" src=\"https:\/\/valentin.mx\/cortina\/wp-content\/uploads\/2024\/10\/bg-02.png\" class=\"bg attachment-original size-original\" alt=\"\" \/>                        <div class=\"overlay\"><\/div>            \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n\n   <div id=\"text-box-1082022515\" class=\"text-box banner-layer x0 md-x0 lg-x0 y70 md-y70 lg-y70 res-text\">\n                     <div data-animate=\"blurIn\">           <div class=\"text-box-content text dark\">\n              \n              <div class=\"text-inner text-center\">\n                  \n\n<h3 style=\"text-align: left;\">Cortina transforma la administraci\u00f3n inmobiliaria con innovaci\u00f3n, tecnolog\u00eda y un enfoque personalizado.<\/h3>\n<h4 style=\"text-align: left;\"><span data-text-color=\"secondary\">\u00danete a nosotros y administra de forma r\u00e1pida y eficiente tu inmueble, sea corporativo, residencial, industrial o centro comercial.<\/span><\/h4>\n\n              <\/div>\n           <\/div>\n       <\/div>                     \n<style>\n#text-box-1082022515 {\n  width: 60%;\n}\n#text-box-1082022515 .text-box-content {\n  font-size: 100%;\n}\n@media (min-width:550px) {\n  #text-box-1082022515 {\n    width: 46%;\n  }\n}\n<\/style>\n    <\/div>\n \n\n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-1166262604 {\n  padding-top: 100.5%;\n}\n#banner-1166262604 .overlay {\n  background-color: rgba(0,0,0,.5);\n}\n@media (min-width:550px) {\n  #banner-1166262604 {\n    padding-top: 57.24%;\n  }\n}\n@media (min-width:850px) {\n  #banner-1166262604 {\n    padding-top: 56.25%;\n  }\n}\n<\/style>\n  <\/div>\n\n\n\n\t<section class=\"section\" id=\"section_1309478739\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n\n\t<div id=\"text-4139415374\" class=\"text\">\n\t\t\n\n<h5 class=\"uppercase\" style=\"text-align: center;\">Cortina Bienes Ra\u00edces nace en 1970<\/h5>\n<p style=\"text-align: center;\"><span data-text-color=\"secondary\">Esta amplia trayectoria se ha convertido en una s\u00f3lida garant\u00eda de satisfacci\u00f3n para nuestros clientes.<\/span><\/p>\n\t\t\n<style>\n#text-4139415374 {\n  font-size: 1.95rem;\n  line-height: 1.85;\n  text-align: center;\n}\n<\/style>\n\t<\/div>\n\t\n<div class=\"row\"  id=\"row-573958797\">\n\n\n\t<div id=\"col-1361861216\" class=\"col small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\n\n<html lang=\"en\">\n\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>M2<\/title>\n    <script src=\"https:\/\/cdn.amcharts.com\/lib\/4\/core.js\"><\/script>\n    <script src=\"https:\/\/cdn.amcharts.com\/lib\/4\/charts.js\"><\/script>\n    <script src=\"https:\/\/cdn.amcharts.com\/lib\/4\/themes\/animated.js\"><\/script>\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Oswald:wght@200..700&#038;display=swap\" rel=\"stylesheet\">\n    <style>\n        #contenido-dinamico {\n            width: 32%;\n            height: 500px;\n            background-color: #004c45;\n            color: #FFFFFF;\n            padding: 10px 20px 10px 20px;\n            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n            border-radius: 8px;\n            overflow-y: hidden;\n            margin-left: 5%;\n            margin-right: 5%;\n            font-family: \"Oswald\", serif;\n        }\n\n        .titulo {\n            font-size: 40px;\n            font-weight: light !important;\n            color: #c59447;\n            margin-bottom: 10px;\n            text-align: center;\n            height: 50px;\n        }\n\n        .descripcion {\n            height: 320px;\n        }\n\n        .descripcion ul {\n            list-style-type: disc;\n            margin: 0;\n            padding-left: 20px;\n        }\n\n        .descripcion ul li {\n            font-size: 14px;\n            color: #c59447;\n            margin-bottom: 5px;\n        }\n\n        .descripcion ul.dos-columnas {\n            column-count: 2;\n            column-gap: 20px;\n        }\n\n        .metros-cuadrados {\n            font-size: 40px;\n            font-weight: light;\n            color: #c59447;\n            height: 50px;\n            border-top: 1px solid #c59447;\n            text-align: center;\n        }\n\n        \/* Estilo para disposici\u00f3n horizontal en pantallas grandes *\/\n        div[style=\"display: flex\"] {\n            display: flex;\n            flex-wrap: nowrap;\n            width: 100%;\n        }\n\n        #chartdiv {\n            width: 60%;\n        }\n\n        #contenido-dinamico {\n            width: 40%;\n        }\n\n\n        \/* Media query para pantallas m\u00e1s peque\u00f1as *\/\n        @media (max-width: 768px) {\n            div[style=\"display: flex\"] {\n                flex-direction: column;\n            }\n\n            #chartdiv,\n            #contenido-dinamico {\n                width: 95%;\n            }\n        }\n    <\/style>\n<\/head>\n\n<body>\n    <div style=\"display: flex\" style=\"width:90%;\">\n        <div id=\"chartdiv\" style=\"  height: 500px;\"><\/div>\n        <div id=\"contenido-dinamico\" style=\"  height: 450px;\"><\/div>\n    <\/div>\n    <script>\n        \/\/ Crear gr\u00e1fico con AMCharts v4\n        am4core.ready(function () {\n            \/\/ Aplicar tema animado\n            am4core.useTheme(am4themes_animated);\n\n            \/\/ Datos de ejemplo\n            var data = [\n                { decade: \"1970\", m2: 56472, detail: [\"Alava\", \"Corinto\", \"Gante 12\"] },\n                { decade: \"1980\", m2: 139295, detail: [\"Centro M\u00e9dico Palmas\", \"San Francisco 1626\", \"Plaza Chapultepec\", \"Cuautitl\u00e1n Perif\u00e9rico\"] },\n                { decade: \"1990\", m2: 1034357, detail: [\"Shopping Plaza\", \"Galer\u00edas Reforma\", \"Plaza Jardines\", \"Plaza La Hacienda\", \"Residencial La Loma\", \"Plaza Lilas Centro Lomas\", \"Centro Comercial Interlomas\", \"Centro Comercial Torres Lindavista\", \"San Jer\u00f3nimo\", \"Arcos Oriente\", \"Torre Ginza\", \"Living la Punta\", \"Plaza Cuernavaca\"] },\n                { decade: \"2000\", m2: 1742242, detail: [\"Plaza Altavista\", \"Industrial Cuautitl\u00e1n\", \"Alcana\", \"San Mart\u00edn Obispo\", \"Torre Picacho\", \"Centro Comercial Izcalli\", \"Plaza del Parque\"] },\n                { decade: \"2010\", m2: 2874773, detail: [\"Centro Comercial Dakota\", \"Viviendas Plaza Carso\", \"Corporativa Plaza Carso\", \"Industrial Iztapalapa\", \"Residencial Renoir\", \"Residencial Cervantes\", \"Residencial Alameda\", \"Residencial FFCC\", \"Residencial Viviendas PCII\", \"Etram\", \"Sierra Nevada\", \"Residencial Botticelli\", \"Walmart Sat\u00e9lite\", \"Walmart Echegaray\", \"Walmart Azcapotzalco\", \"Walmart Cuitl\u00e1huac\", \"Palmas 525\", \"Vistas del Bosque\"] },\n                { decade: \"2020\", m2: 3470039, detail: [\"Residencial Tlalnepantla\", \"Residencial Cedros\", \"Aryco\", \"Residencial Cezanne\", \"Hir Terrazas\", \"Residencial Botanik\", \"Residencial Moliere\", \"Carso Palmas\", \"Torre Esmeralda I\", \"Torre Esmerada II\", \"Comercio Vistas del Bosque\"] }\n            ];\n\n            \/\/ Establecer contenido inicial\n            var initialData = data[5];\n            var detailsList = initialData.detail.map(item => `<li>${item}<\/li>`).join(\"\");\n            var ulClass = initialData.detail.length > 10 ? \"dos-columnas\" : \"\";\n            document.getElementById(\"contenido-dinamico\").innerHTML = `\n                <div class=\"titulo\">${initialData.decade}<\/div>\n                <div class=\"descripcion\">\n                    <ul class=\"${ulClass}\">${detailsList}<\/ul>\n                <\/div>\n                <div class=\"metros-cuadrados\">${initialData.m2.toLocaleString()} m\u00b2<\/div>\n            `;\n\n            \/\/ Crear gr\u00e1fico\n            var chart = am4core.create(\"chartdiv\", am4charts.XYChart3D);\n            chart.data = data;\n\n            \/\/ Crear ejes\n            var categoryAxis = chart.xAxes.push(new am4charts.CategoryAxis());\n            categoryAxis.dataFields.category = \"decade\";\n            categoryAxis.renderer.grid.template.location = 0;\n            categoryAxis.renderer.minGridDistance = 20;\n\n            var valueAxis = chart.yAxes.push(new am4charts.ValueAxis());\n\n            \/\/ Crear serie\n            var series = chart.series.push(new am4charts.ColumnSeries3D());\n            series.dataFields.valueY = \"m2\";\n            series.dataFields.categoryX = \"decade\";\n            series.name = \"Metros Cuadrados\";\n            series.columns.template.tooltipText = \"[bold]{categoryX}:[\/] {valueY} m\u00b2\";\n            series.columns.template.fill = am4core.color(\"#0a4d47\");\n            series.columns.template.stroke = am4core.color(\"#0a4d47\");\n\n            \/\/ Cambiar contenido din\u00e1mico en mouseover\n            series.columns.template.events.on(\"over\", function (event) {\n                var dataItem = event.target.dataItem;\n                if (dataItem) {\n                    var detailsList = dataItem.dataContext.detail.map(item => `<li>${item}<\/li>`).join(\"\");\n                    var ulClass = dataItem.dataContext.detail.length > 10 ? \"dos-columnas\" : \"\";\n                    document.getElementById(\"contenido-dinamico\").innerHTML = `\n                        <div class=\"titulo\">${dataItem.dataContext.decade}<\/div>\n                        <div class=\"descripcion\">\n                            <ul class=\"${ulClass}\">${detailsList}<\/ul>\n                        <\/div>\n                        <div class=\"metros-cuadrados\">${dataItem.dataContext.m2.toLocaleString()} m\u00b2<\/div>\n                    `;\n                }\n            });\n        });\n    <\/script>\n<\/body>\n\n<\/html>\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_1309478739 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section\" id=\"section_1919716730\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\t<div class=\"is-border\"\n\t\tstyle=\"border-color:rgb(235, 235, 235);border-width:1px 0px 0px 0px;\">\n\t<\/div>\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n\n<div class=\"row\"  id=\"row-1495231733\">\n\n\n\t<div id=\"col-1330974509\" class=\"col medium-7 small-12 large-7\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n<h2 class=\" \"><span data-text-color=\"secondary\">\u00bfBuscas una administraci\u00f3n eficiente y moderna de tu propiedad?<\/span><\/h2>\n<p>Administra de forma f\u00e1cil tu inmueble<\/p>\n\n<div class=\"wpcf7 no-js\" id=\"wpcf7-f759-o1\" lang=\"es-ES\" dir=\"ltr\" data-wpcf7-id=\"759\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/cortina\/wp-json\/wp\/v2\/pages\/7#wpcf7-f759-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Formulario de contacto\" novalidate=\"novalidate\" data-status=\"init\">\n<div style=\"display: none;\">\n<input type=\"hidden\" name=\"_wpcf7\" value=\"759\" \/>\n<input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.0.2\" \/>\n<input type=\"hidden\" name=\"_wpcf7_locale\" value=\"es_ES\" \/>\n<input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f759-o1\" \/>\n<input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/>\n<input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<input type=\"hidden\" name=\"_wpcf7cf_hidden_group_fields\" value=\"[]\" \/>\n<input type=\"hidden\" name=\"_wpcf7cf_hidden_groups\" value=\"[]\" \/>\n<input type=\"hidden\" name=\"_wpcf7cf_visible_groups\" value=\"[]\" \/>\n<input type=\"hidden\" name=\"_wpcf7cf_repeaters\" value=\"[]\" \/>\n<input type=\"hidden\" name=\"_wpcf7cf_steps\" value=\"{}\" \/>\n<input type=\"hidden\" name=\"_wpcf7cf_options\" value=\"{&quot;form_id&quot;:759,&quot;conditions&quot;:[{&quot;then_field&quot;:&quot;cortina-admin&quot;,&quot;and_rules&quot;:[{&quot;if_field&quot;:&quot;interest&quot;,&quot;operator&quot;:&quot;equals&quot;,&quot;if_value&quot;:&quot;Que Cortina administre mi inmueble&quot;}]}],&quot;settings&quot;:{&quot;animation&quot;:&quot;yes&quot;,&quot;animation_intime&quot;:200,&quot;animation_outtime&quot;:200,&quot;conditions_ui&quot;:&quot;normal&quot;,&quot;notice_dismissed&quot;:false}}\" \/>\n<\/div>\n<div style=\"display: flex; flex-direction: column; gap: 10px;\">\n \n <!-- Nombre -->\n\t<div style=\"display: flex;\">\n\t\t<div style=\"flex: 1; border: 0px solid black; padding: 0px;\">\n\t\t\t<p><label> Nombre <span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" autocomplete=\"name\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span> <\/label>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\n <!-- Fila 2 con 1 columna -->\n\t<div style=\"display: flex;\">\n\t\t<div style=\"flex: 1; border: 0px solid black; padding: 0px;\">\n\t\t<\/div>\n\t<\/div>\n\n <!-- Fila 3 con 2 columnas -->\n\t<div style=\"display: flex; gap: 10px;\">\n\t\t<div style=\"flex: 1; border: 0px solid black; padding: 0px;\">\n\t\t\t<p><label> Correo electr\u00f3nico <span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" autocomplete=\"email\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span> <\/label>\n\t\t\t<\/p>\n\t\t<\/div>\n\t\t<div style=\"flex: 1; border: 0px solid black; padding: 0px;\">\n\t\t\t<p><label> Tel\u00e9fono <span class=\"wpcf7-form-control-wrap\" data-name=\"tel-52\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-tel wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-tel\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"tel\" name=\"tel-52\" \/><\/span><\/label>\n\t\t\t<\/p>\n\t\t<\/div>\n\t\t<div style=\"flex: 0.5; border: 0px solid black; padding: 0px;\">\n\t\t\t<p><label> Ext. <span class=\"wpcf7-form-control-wrap\" data-name=\"extension\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"extension\" \/><\/span><\/label>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\n \n <!-- Campo de inter\u00e9s -->\n\t<div style=\"display: flex;\">\n\t\t<div style=\"flex: 1;\">\n\t\t\t<p><label> Inter\u00e9s:<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"interest\"><select class=\"wpcf7-form-control wpcf7-select wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" name=\"interest\"><option value=\"\">&#8212;Por favor, elige una opci\u00f3n&#8212;<\/option><option value=\"Cortina es mi actual administrador y quiero tratar un tema con la direcci\u00f3n.\">Cortina es mi actual administrador y quiero tratar un tema con la direcci\u00f3n.<\/option><option value=\"Que Cortina administre mi inmueble\">Que Cortina administre mi inmueble<\/option><option value=\"Soy administrador y requiero apoyo tecnol\u00f3gico u otros apoyos de Cortina.\">Soy administrador y requiero apoyo tecnol\u00f3gico u otros apoyos de Cortina.<\/option><option value=\"Tratar con Cortina un asunto diferente\">Tratar con Cortina un asunto diferente<\/option><\/select><\/span><br \/>\n<\/label>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\n <!-- Grupo condicional para la opci\u00f3n \"Que Cortina administre mi inmueble\" -->\n\t<div data-id=\"cortina-admin\" data-orig_data_id=\"cortina-admin\"  data-class=\"wpcf7cf_group\">\n\t\t<div style=\"display: flex; flex-direction: column; gap: 10px;\">\n\t\t\t<div style=\"flex: 1;\">\n\t\t\t\t<p><label> Tipo de inmueble:<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"property-type\"><select class=\"wpcf7-form-control wpcf7-select wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" name=\"property-type\"><option value=\"\">&#8212;Por favor, elige una opci\u00f3n&#8212;<\/option><option value=\"Residencial\">Residencial<\/option><option value=\"Comercial\">Comercial<\/option><option value=\"Corporativo\">Corporativo<\/option><option value=\"Industrial\">Industrial<\/option><option value=\"Mixto\">Mixto<\/option><\/select><\/span><br \/>\n<\/label>\n\t\t\t\t<\/p>\n\t\t\t<\/div>\n\t\t\t<div style=\"flex: 1;\">\n\t\t\t\t<p><label> Nombre del inmueble:<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"property-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Ejemplo: Torre Reforma\" value=\"\" type=\"text\" name=\"property-name\" \/><\/span><br \/>\n<\/label>\n\t\t\t\t<\/p>\n\t\t\t<\/div>\n\t\t\t<div style=\"flex: 1;\">\n\t\t\t\t<p><label> Ubicaci\u00f3n de inmueble:<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"property-location\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Ejemplo: Ciudad de M\u00e9xico\" value=\"\" type=\"text\" name=\"property-location\" \/><\/span><br \/>\n<\/label>\n\t\t\t\t<\/p>\n\t\t\t<\/div>\n\t\t\t<div style=\"flex: 1;\">\n\t\t\t\t<p><label> N\u00famero de unidades privativas:<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"property-units\"><input class=\"wpcf7-form-control wpcf7-number wpcf7-validates-as-required wpcf7-validates-as-number\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Ejemplo: 50\" value=\"\" type=\"number\" name=\"property-units\" \/><\/span><br \/>\n<\/label>\n\t\t\t\t<\/p>\n\t\t\t<\/div>\n\t\t\t<div style=\"flex: 1;\">\n\t\t\t\t<p><label> Administrador actual:<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"property-manager\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" aria-invalid=\"false\" placeholder=\"Ejemplo: Juan P\u00e9rez\" value=\"\" type=\"text\" name=\"property-manager\" \/><\/span><br \/>\n<\/label>\n\t\t\t\t<\/p>\n\t\t\t<\/div>\n\t\t\t<div style=\"flex: 1;\">\n\t\t\t\t<p><label> Particularidades:<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"property-details\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea\" aria-invalid=\"false\" placeholder=\"Ejemplo: Tiene problemas de mantenimiento\" name=\"property-details\"><\/textarea><\/span><br \/>\n<\/label>\n\t\t\t\t<\/p>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\n <!-- Campo de mensaje (para todas las opciones) -->\n\t<div style=\"display: flex;\">\n\t\t<div style=\"flex: 1;\">\n\t\t\t<p><label> Mensaje (opcional):<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea\" aria-invalid=\"false\" placeholder=\"Escribe tu mensaje aqu\u00ed\" name=\"your-message\"><\/textarea><\/span><br \/>\n<\/label>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\n <!-- Bot\u00f3n de env\u00edo -->\n\t<div style=\"display: flex;\">\n\t\t<div style=\"flex: 1;\">\n\t\t\t<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Enviar\" \/>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n<\/div><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-2139906154\" class=\"col medium-2 small-12 large-2\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-51284920\" class=\"col medium-3 small-12 large-3\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n<p><span data-text-color=\"primary\">MAIL:<\/span><br \/><span data-text-color=\"primary\"><a href=\"mailto:contacto@cortina.com.mx\">contacto@cortina.com.mx<\/a> <\/span><\/p>\n<p><span data-text-color=\"primary\">TEL\u00c9FONO:<\/span><br \/><span data-text-color=\"primary\">55 55406983 al 87<\/span><\/p>\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_1919716730 {\n  padding-top: 60px;\n  padding-bottom: 60px;\n  min-height: 300px;\n  background-color: rgb(204, 219, 218);\n}\n<\/style>\n\t<\/section>\n\t\n\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-transparent-header-light.php","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/valentin.mx\/cortina\/wp-json\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/valentin.mx\/cortina\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/valentin.mx\/cortina\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/valentin.mx\/cortina\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/valentin.mx\/cortina\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":169,"href":"https:\/\/valentin.mx\/cortina\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":1192,"href":"https:\/\/valentin.mx\/cortina\/wp-json\/wp\/v2\/pages\/7\/revisions\/1192"}],"wp:attachment":[{"href":"https:\/\/valentin.mx\/cortina\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}