{"id":10506,"date":"2025-12-21T08:16:06","date_gmt":"2025-12-21T08:16:06","guid":{"rendered":"https:\/\/jjinversionesinmobiliarias.com\/?page_id=10506"},"modified":"2025-12-22T07:09:42","modified_gmt":"2025-12-22T07:09:42","slug":"contacto","status":"publish","type":"page","link":"https:\/\/jjinversionesinmobiliarias.com\/?page_id=10506","title":{"rendered":"Contacto"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10506\" class=\"elementor elementor-10506\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e31b6da e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"e31b6da\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6fe842d elementor-widget elementor-widget-html\" data-id=\"6fe842d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Secci\u00f3n de Contacto Completa<\/title>\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    <script>\r\n        tailwind.config = {\r\n            theme: {\r\n                extend: {\r\n                    colors: {\r\n                        brand: {\r\n                            gold: '#c5a059',\r\n                            dark: '#1a1a1a',\r\n                            gray: '#f4f4f4',\r\n                        }\r\n                    },\r\n                    fontFamily: {\r\n                        sans: ['Helvetica Neue', 'Arial', 'sans-serif'],\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    <\/script>\r\n    <style>\r\n        .map-container iframe {\r\n            filter: grayscale(20%) contrast(1.2) opacity(0.9);\r\n            transition: all 0.3s ease;\r\n        }\r\n        .map-container:hover iframe {\r\n            filter: none;\r\n            opacity: 1;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body class=\"bg-gray-100 min-h-screen\">\r\n\r\n    <!-- Secci\u00f3n Principal de Contacto -->\r\n    <section class=\"py-12 px-4 sm:px-6 lg:px-8 max-w-7xl mx-auto\">\r\n        \r\n        <div class=\"bg-white rounded-lg shadow-2xl overflow-hidden flex flex-col lg:flex-row mb-10\">\r\n            \r\n            <!-- 1. Columna Izquierda: Informaci\u00f3n de Contacto -->\r\n            <div class=\"lg:w-1\/3 bg-brand-dark text-white p-10 lg:p-12 flex flex-col justify-between relative overflow-hidden\">\r\n                <!-- Decoraci\u00f3n de fondo -->\r\n                <div class=\"absolute top-0 right-0 -mr-16 -mt-16 w-64 h-64 rounded-full bg-brand-gold opacity-10 blur-3xl\"><\/div>\r\n                \r\n                <div>\r\n                    <h3 class=\"text-2xl font-bold mb-8 border-b border-gray-700 pb-4 text-white\">Informaci\u00f3n de Contacto<\/h3>\r\n                    \r\n                    <div class=\"space-y-8\">\r\n                        <!-- Direcci\u00f3n -->\r\n                        <div class=\"flex items-start\">\r\n                            <div class=\"flex-shrink-0 bg-gray-800 p-3 rounded-lg text-brand-gold\">\r\n                                <i class=\"fas fa-map-marker-alt text-xl\"><\/i>\r\n                            <\/div>\r\n                            <div class=\"ml-4\">\r\n                                <h4 class=\"text-sm font-semibold text-white uppercase tracking-wider\">Ubicaci\u00f3n<\/h4>\r\n                                <p class=\"mt-1 text-base font-light leading-relaxed\">\r\n                                    Calle Cuarta y Alvarado #432<br>\r\n                                    Locales 9 y 10, Zona Centro<br>\r\n                                    Ensenada, Baja California, M\u00e9xico.\r\n                                <\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Tel\u00e9fono -->\r\n                        <div class=\"flex items-start\">\r\n                            <div class=\"flex-shrink-0 bg-gray-800 p-3 rounded-lg text-brand-gold\">\r\n                                <i class=\"fas fa-phone-alt text-xl\"><\/i>\r\n                            <\/div>\r\n                            <div class=\"ml-4\">\r\n                                <h4 class=\"text-sm font-semibold text-white uppercase tracking-wider\">Tel\u00e9fono<\/h4>\r\n                                <p class=\"mt-1 text-base font-light hover:text-brand-gold transition cursor-pointer\">\r\n                                    +52 (646) 206-6423\r\n                                <\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Correo (MODIFICADO: whitespace-nowrap y tama\u00f1o responsivo) -->\r\n                        <div class=\"flex items-start\">\r\n                            <div class=\"flex-shrink-0 bg-gray-800 p-3 rounded-lg text-brand-gold\">\r\n                                <i class=\"fas fa-envelope text-xl\"><\/i>\r\n                            <\/div>\r\n                            <div class=\"ml-4 overflow-hidden\">\r\n                                <h4 class=\"text-sm font-semibold text-white uppercase tracking-wider\">Correo<\/h4>\r\n                                <p class=\"mt-1 text-xs sm:text-sm lg:text-base font-light whitespace-nowrap hover:text-brand-gold transition\">\r\n                                    <a href=\"mailto:ventas@jjinversionesinmobiliarias.com\">ventas@jjinversionesinmobiliarias.com<\/a>\r\n                                <\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Horario -->\r\n                        <div class=\"flex items-start\">\r\n                            <div class=\"flex-shrink-0 bg-gray-800 p-3 rounded-lg text-brand-gold\">\r\n                                <i class=\"fas fa-clock text-xl\"><\/i>\r\n                            <\/div>\r\n                            <div class=\"ml-4\">\r\n                                <h4 class=\"text-sm font-semibold text-white uppercase tracking-wider\">Horario<\/h4>\r\n                                <p class=\"mt-1 text-base font-light\">Lunes - Viernes: 9:00 - 19:00<\/p>\r\n                                <p class=\"mt-1 text-base font-light\">S\u00e1bados: 9:00 - 14:00<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"mt-12\">\r\n                    <h4 class=\"text-sm font-semibold text-gray-400 uppercase tracking-wider mb-4\">S\u00edguenos<\/h4>\r\n                    <div class=\"flex space-x-4\">\r\n                        <a href=\"#\" class=\"w-10 h-10 rounded-full bg-gray-800 flex items-center justify-center hover:bg-brand-gold hover:text-white transition duration-300\">\r\n                            <i class=\"fab fa-facebook-f\"><\/i>\r\n                        <\/a>\r\n                        <a href=\"https:\/\/www.facebook.com\/people\/JJ-Inversiones-Inmobiliarias-MX\/100063480356783\/\" target=\"_blank\" class=\"w-10 h-10 rounded-full bg-gray-800 flex items-center justify-center hover:bg-brand-gold hover:text-white transition duration-300\">\r\n                            <i class=\"fab fa-instagram\"><\/i>\r\n                        <\/a>\r\n                        <a href=\"#\" class=\"w-10 h-10 rounded-full bg-gray-800 flex items-center justify-center hover:bg-brand-gold hover:text-white transition duration-300\">\r\n                            <i class=\"fab fa-whatsapp\"><\/i>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- 2. Columna Derecha: Formulario -->\r\n            <div class=\"lg:w-2\/3 bg-white p-8 lg:p-12\">\r\n                <h2 class=\"text-3xl font-bold text-gray-900 mb-2\">Env\u00edanos un mensaje<\/h2>\r\n                <p class=\"text-gray-500 mb-8\">Completa el formulario y nos pondremos en contacto contigo a la brevedad.<\/p>\r\n\r\n                <form onsubmit=\"event.preventDefault(); alert('Mensaje enviado (simulaci\u00f3n)');\" class=\"space-y-6\">\r\n                    <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\r\n                        <!-- Nombre -->\r\n                        <div>\r\n                            <label for=\"name\" class=\"block text-sm font-medium text-gray-700 mb-1\">Nombre Completo *<\/label>\r\n                            <input type=\"text\" id=\"name\" name=\"name\" required\r\n                                class=\"w-full px-4 py-3 rounded border border-gray-300 focus:border-brand-gold focus:ring-2 focus:ring-brand-gold focus:ring-opacity-20 outline-none transition bg-gray-50 focus:bg-white\"\r\n                                placeholder=\"Juan P\u00e9rez\">\r\n                        <\/div>\r\n                        \r\n                        <!-- Telefono -->\r\n                        <div>\r\n                            <label for=\"phone\" class=\"block text-sm font-medium text-gray-700 mb-1\">Tel\u00e9fono *<\/label>\r\n                            <input type=\"tel\" id=\"phone\" name=\"phone\" required\r\n                                class=\"w-full px-4 py-3 rounded border border-gray-300 focus:border-brand-gold focus:ring-2 focus:ring-brand-gold focus:ring-opacity-20 outline-none transition bg-gray-50 focus:bg-white\"\r\n                                placeholder=\"(646) 000-0000\">\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\r\n                        <!-- Email -->\r\n                        <div>\r\n                            <label for=\"email\" class=\"block text-sm font-medium text-gray-700 mb-1\">Correo Electr\u00f3nico *<\/label>\r\n                            <input type=\"email\" id=\"email\" name=\"email\" required\r\n                                class=\"w-full px-4 py-3 rounded border border-gray-300 focus:border-brand-gold focus:ring-2 focus:ring-brand-gold focus:ring-opacity-20 outline-none transition bg-gray-50 focus:bg-white\"\r\n                                placeholder=\"correo@ejemplo.com\">\r\n                        <\/div>\r\n\r\n                        <!-- Interes -->\r\n                        <div>\r\n                            <label for=\"interest\" class=\"block text-sm font-medium text-gray-700 mb-1\">Me interesa...<\/label>\r\n                            <div class=\"relative\">\r\n                                <select id=\"interest\" name=\"interest\"\r\n                                    class=\"w-full px-4 py-3 rounded border border-gray-300 focus:border-brand-gold focus:ring-2 focus:ring-brand-gold focus:ring-opacity-20 outline-none transition bg-gray-50 focus:bg-white appearance-none cursor-pointer\">\r\n                                    <option value=\"general\">Informaci\u00f3n General<\/option>\r\n                                    <option value=\"buy\">Comprar Propiedad<\/option>\r\n                                    <option value=\"sell\">Vender mi Propiedad<\/option>\r\n                                    <option value=\"rent\">Rentar<\/option>\r\n                                    <option value=\"investment\">Asesor\u00eda de Inversi\u00f3n<\/option>\r\n                                <\/select>\r\n                                <div class=\"pointer-events-none absolute inset-y-0 right-0 flex items-center px-4 text-gray-500\">\r\n                                    <i class=\"fas fa-chevron-down text-xs\"><\/i>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Mensaje -->\r\n                    <div>\r\n                        <label for=\"message\" class=\"block text-sm font-medium text-gray-700 mb-1\">Mensaje<\/label>\r\n                        <textarea id=\"message\" name=\"message\" rows=\"4\" required\r\n                            class=\"w-full px-4 py-3 rounded border border-gray-300 focus:border-brand-gold focus:ring-2 focus:ring-brand-gold focus:ring-opacity-20 outline-none transition bg-gray-50 focus:bg-white resize-none\"\r\n                            placeholder=\"Hola, estoy interesado en saber m\u00e1s sobre...\"><\/textarea>\r\n                    <\/div>\r\n\r\n                    <!-- Checkbox -->\r\n                    <div class=\"flex items-center\">\r\n                        <input id=\"policy\" name=\"policy\" type=\"checkbox\" required\r\n                            class=\"h-4 w-4 text-brand-gold focus:ring-brand-gold border-gray-300 rounded cursor-pointer\">\r\n                        <label for=\"policy\" class=\"ml-2 block text-sm text-gray-600\">\r\n                            He le\u00eddo y acepto el <a href=\"https:\/\/jjinversionesinmobiliarias.com\/wp-content\/uploads\/2023\/06\/Aviso-de-privacidad.pdf\" target=\"_blank\" class=\"text-brand-gold hover:underline\">Aviso de Privacidad<\/a>.\r\n                        <\/label>\r\n                    <\/div>\r\n\r\n                    <!-- Bot\u00f3n Submit -->\r\n                    <div>\r\n                        <button type=\"submit\" \r\n                            class=\"w-full md:w-auto bg-brand-gold hover:bg-yellow-600 text-white font-bold py-4 px-8 rounded shadow-md transform hover:-translate-y-1 transition duration-200 flex items-center justify-center\">\r\n                            <span>Enviar Mensaje<\/span>\r\n                            <i class=\"fas fa-paper-plane ml-2\"><\/i>\r\n                        <\/button>\r\n                    <\/div>\r\n                <\/form>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 3. Mapa Interactivo -->\r\n        <div class=\"w-full h-96 bg-gray-200 map-container relative rounded-lg shadow-lg overflow-hidden border-2 border-white\">\r\n            <iframe \r\n                src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m14!1m8!1m3!1d13554.19388354604!2d-116.62295630809736!3d31.864500064815008!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x80d892635684cf57%3A0xb0fd1969224606e4!2sJJ%20inversiones%20Inmobiliarias!5e0!3m2!1ses!2smx!4v1766386226303!5m2!1ses!2smx\" \r\n                width=\"100%\" \r\n                height=\"100%\" \r\n                style=\"border:0;\" \r\n                allowfullscreen=\"\" \r\n                loading=\"lazy\" \r\n                referrerpolicy=\"no-referrer-when-downgrade\"\r\n                title=\"Ubicaci\u00f3n JJ Inversiones\">\r\n            <\/iframe>\r\n            \r\n            <div class=\"absolute bottom-4 right-4 bg-white p-3 shadow-lg rounded-lg max-w-xs hidden md:block\">\r\n                <p class=\"text-sm font-semibold text-gray-800\">Ubicaci\u00f3n<\/p>\r\n                <p class=\"text-xs text-gray-500\">Calle Cuarta y Alvarado, Ensenada.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>&nbsp; Informaci\u00f3n de Contacto Ubicaci\u00f3n Calle Cuarta y Alvarado #432 Locales 9 y 10, Zona Centro Ensenada, Baja California, M\u00e9xico.<\/p>\n","protected":false},"author":21,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"_glsr_average":0,"_glsr_ranking":0,"_glsr_reviews":0,"footnotes":""},"class_list":["post-10506","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/jjinversionesinmobiliarias.com\/index.php?rest_route=\/wp\/v2\/pages\/10506","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jjinversionesinmobiliarias.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jjinversionesinmobiliarias.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jjinversionesinmobiliarias.com\/index.php?rest_route=\/wp\/v2\/users\/21"}],"replies":[{"embeddable":true,"href":"https:\/\/jjinversionesinmobiliarias.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10506"}],"version-history":[{"count":21,"href":"https:\/\/jjinversionesinmobiliarias.com\/index.php?rest_route=\/wp\/v2\/pages\/10506\/revisions"}],"predecessor-version":[{"id":10680,"href":"https:\/\/jjinversionesinmobiliarias.com\/index.php?rest_route=\/wp\/v2\/pages\/10506\/revisions\/10680"}],"wp:attachment":[{"href":"https:\/\/jjinversionesinmobiliarias.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10506"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}