{"id":3674,"date":"2024-02-03T09:06:42","date_gmt":"2024-02-03T15:06:42","guid":{"rendered":"https:\/\/auberealty.com\/?page_id=3674"},"modified":"2024-05-20T17:03:23","modified_gmt":"2024-05-20T23:03:23","slug":"inicio","status":"publish","type":"page","link":"https:\/\/auberealty.com\/en\/","title":{"rendered":"Home"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><div data-vc-full-width=\"true\" data-vc-full-width-init=\"false\" data-vc-stretch-content=\"true\" class=\"vc_row wpb_row vc_row-fluid vc_row-no-padding vc_row-o-full-height vc_row-o-columns-middle vc_row-o-equal-height vc_row-flex\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_raw_code wpb_content_element wpb_raw_html\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"contenedor\">\n  <iframe id=\"mapa-destino\" src=\"https:\/\/auberealty.com\/map-search-form\/\" style=\"display: none;\"><\/iframe>\n  <div class=\"columna-izquierda\">\n    <img decoding=\"async\" src=\"https:\/\/auberealty.com\/wp-content\/uploads\/2024\/02\/New_Col_Izq_645x1200.jpg\" alt=\"Imagen 1\">\n  <\/div>\n  <div class=\"columna-puerta-izquierda\">\n    <img decoding=\"async\" src=\"https:\/\/auberealty.com\/wp-content\/uploads\/2024\/03\/New_Puerta_IzqLogo1_645x1200.jpg\" alt=\"Puerta izquierda\">\n  <\/div>\n  <div class=\"columna-puerta-derecha-movil\">\n    <!-- Nueva imagen de la puerta derecha para dispositivos m\u00f3viles -->\n    <img decoding=\"async\" src=\"https:\/\/auberealty.com\/wp-content\/uploads\/2024\/03\/New_Puerta_Der_Movil1_645x1200.jpg\" alt=\"Puerta derecha m\u00f3vil\">\n  <\/div>\n  <div class=\"columna-puerta-derecha\">\n    <img decoding=\"async\" src=\"https:\/\/auberealty.com\/wp-content\/uploads\/2024\/02\/New_Puerta_DerLogo_645x1200.jpg\" alt=\"Puerta derecha\">\n  <\/div>\n  <div class=\"columna-derecha\">\n    <img decoding=\"async\" src=\"https:\/\/auberealty.com\/wp-content\/uploads\/2024\/02\/New_Col_Der_645x1200.jpg\" alt=\"Imagen 2\">\n  <\/div>\n<\/div>\n\n<style>\n  .contenedor {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    width: 100%;\n    height: 100vh;\n    position: relative;\n    cursor: pointer;\n  }\n\n  .columna-izquierda,\n  .columna-derecha {\n    width: 25%;\n    height: 100%;\n    aspect-ratio: 16\/9;\n    z-index: 2;\n  }\n\n  .columna-puerta-izquierda,\n  .columna-puerta-derecha {\n    width: 50%;\n    height: 100%;\n    transition: transform 1.5s ease-in-out;\n    margin: 0;\n    padding: 0;\n    z-index: 1;\n  }\n\n  .columna-puerta-izquierda img,\n  .columna-puerta-derecha img,\n  .columna-puerta-derecha-movil img {\n    max-width: 100%;\n    max-height: 100%;\n  }\n\n  .columna-puerta-izquierda {\n    transform-origin: left center;\n  }\n\n  .columna-puerta-derecha {\n    transform-origin: right center;\n  }\n\n  .columna-puerta-derecha-movil {\n    display: none; \/* Oculta la puerta derecha m\u00f3vil por defecto *\/\n  }\n\n  #mapa-destino {\n    display: none;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100vh;\n  }\n\n  @media screen and (max-width: 768px) {\n    \/* Estilos espec\u00edficos para dispositivos m\u00f3viles en posici\u00f3n vertical *\/\n    .contenedor {\n      flex-direction: column; \/* Cambia a una sola columna en dispositivos m\u00f3viles *\/\n      align-items: center; \/* Centra los elementos verticalmente *\/\n    }\n\n    .columna-puerta-derecha {\n      display: none; \/* Oculta la puerta derecha en dispositivos m\u00f3viles *\/\n    }\n\n    .columna-puerta-derecha-movil {\n      display: block; \/* Muestra la puerta derecha m\u00f3vil en dispositivos m\u00f3viles *\/\n      width: 100%; \/* Ocupa el 100% del ancho en dispositivos m\u00f3viles *\/\n      height: 100vh; \/* Ocupa el 100% del alto en dispositivos m\u00f3viles *\/\n      aspect-ratio: 16\/9;\n      z-index: 2;\n    }\n\n    .columna-izquierda,\n    .columna-derecha,\n    .columna-puerta-izquierda {\n      display: none; \/* Oculta las columnas izquierda y derecha en dispositivos m\u00f3viles *\/\n    }\n\n    .columna-puerta-derecha-movil {\n      width: 100%; \/* Ocupa el 100% del ancho en dispositivos m\u00f3viles *\/\n      height: 100vh;\n      transition: transform 1.5s ease-in-out;\n      margin: 0;\n      padding: 0;\n      z-index: 1;\n    }\n  }\n<\/style>\n\n<script>\n  const contenedor = document.querySelector(\".contenedor\");\n\n  function desvanecerColumnas() {\n    const columnas = document.querySelectorAll(\".columna-izquierda, .columna-derecha\");\n\n    columnas.forEach((columna) => {\n      columna.animate({\n        opacity: 0,\n        duration: 1500,\n        easing: \"ease-in-out\",\n      });\n    });\n  }\n\n  function abrirPuertas() {\n    contenedor.querySelector(\".columna-puerta-izquierda\").style.transform = \"rotateY(-90deg)\";\n    contenedor.querySelector(\".columna-puerta-derecha\").style.transform = \"rotateY(90deg)\";\n    contenedor.querySelector(\".columna-puerta-derecha-movil\").style.transform = \"rotateY(90deg)\";\n\n    \/\/ Mostrar el iframe\n    document.getElementById(\"mapa-destino\").style.display = \"block\";\n\n    \/\/ Redirigir a la p\u00e1gina de inicio del sitio\n    setTimeout(() => {\n      window.location.href = \"https:\/\/auberealty.com\/map-search-form\/\";\n    }, 1500); \/\/ Retraso para coincidir con la duraci\u00f3n de la transici\u00f3n\n  }\n\n  \/\/ Desvanecer las columnas\n  desvanecerColumnas();\n\n  contenedor.addEventListener(\"click\", function(event) {\n    \/\/ Si se hace clic en cualquier parte de la pantalla\n    abrirPuertas();\n  });\n<\/script>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div class=\"vc_row-full-width vc_clearfix\"><\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"redux-templates_full_width","meta":{"footnotes":""},"class_list":["post-3674","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/auberealty.com\/en\/wp-json\/wp\/v2\/pages\/3674","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/auberealty.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/auberealty.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/auberealty.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/auberealty.com\/en\/wp-json\/wp\/v2\/comments?post=3674"}],"version-history":[{"count":42,"href":"https:\/\/auberealty.com\/en\/wp-json\/wp\/v2\/pages\/3674\/revisions"}],"predecessor-version":[{"id":3968,"href":"https:\/\/auberealty.com\/en\/wp-json\/wp\/v2\/pages\/3674\/revisions\/3968"}],"wp:attachment":[{"href":"https:\/\/auberealty.com\/en\/wp-json\/wp\/v2\/media?parent=3674"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}