{"id":9,"date":"2026-05-31T04:23:40","date_gmt":"2026-05-31T04:23:40","guid":{"rendered":"https:\/\/estudioalamo.com\/?page_id=9"},"modified":"2026-06-12T03:09:02","modified_gmt":"2026-06-12T03:09:02","slug":"index","status":"publish","type":"page","link":"https:\/\/estudioalamo.com\/","title":{"rendered":"Index"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"9\" class=\"elementor elementor-9\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c803ff4 e-con-full e-flex e-con e-parent\" data-id=\"c803ff4\" data-element_type=\"container\" data-e-type=\"container\" id=\"inicio\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;background_motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;background_motion_fx_range&quot;:&quot;viewport&quot;,&quot;background_motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e9ccaf2 elementor--h-position-right elementor-widget__width-initial elementor--v-position-middle elementor-arrows-position-inside elementor-pagination-position-inside elementor-widget elementor-widget-slides\" data-id=\"e9ccaf2\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"inicio\" data-settings=\"{&quot;motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;motion_fx_translateY_effect&quot;:&quot;yes&quot;,&quot;motion_fx_translateY_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:2,&quot;sizes&quot;:[]},&quot;motion_fx_motion_fx_mouse&quot;:&quot;yes&quot;,&quot;navigation&quot;:&quot;both&quot;,&quot;transition&quot;:&quot;slide&quot;,&quot;transition_speed&quot;:500,&quot;motion_fx_translateY_affectedRange&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:0,&quot;end&quot;:100}},&quot;motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\" data-widget_type=\"slides.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-swiper\">\n\t\t\t\t\t<div class=\"elementor-slides-wrapper elementor-main-swiper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Slides\" dir=\"ltr\" data-animation=\"fadeInUp\">\n\t\t\t\t<div class=\"swiper-wrapper elementor-slides\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-repeater-item-3d55ebb swiper-slide\" role=\"group\" aria-roledescription=\"slide\"><div class=\"swiper-slide-bg\"><\/div><div class=\"swiper-slide-inner\" ><div class=\"swiper-slide-contents\"><div class=\"elementor-slide-heading\">CONSTRUYENDO SUE\u00d1OS,  <br> VALUANDO OPORTUNIDADES<\/div><div  class=\"elementor-button elementor-slide-button elementor-size-md\">CONTACTANOS<\/div><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1ca1445 e-flex e-con-boxed e-con e-parent\" data-id=\"1ca1445\" data-element_type=\"container\" data-e-type=\"container\" id=\"nosotros\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-19d2c6d text-title elementor-widget__width-inherit elementor-widget elementor-widget-heading\" data-id=\"19d2c6d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">NOSOTROS<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1c5562c e-grid e-con-full e-con e-child\" data-id=\"1c5562c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e10334b animated-slow elementor-invisible elementor-widget elementor-widget-image\" data-id=\"e10334b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInDown&quot;,&quot;motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"410\" height=\"491\" src=\"https:\/\/estudioalamo.com\/wp-content\/uploads\/2026\/05\/Rectangle-47.png\" class=\"attachment-large size-large wp-image-93\" alt=\"\" srcset=\"https:\/\/estudioalamo.com\/wp-content\/uploads\/2026\/05\/Rectangle-47.png 410w, https:\/\/estudioalamo.com\/wp-content\/uploads\/2026\/05\/Rectangle-47-251x300.png 251w\" sizes=\"(max-width: 410px) 100vw, 410px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f37e1f1 e-con-full e-flex e-con e-child\" data-id=\"f37e1f1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0762a26 elementor-widget elementor-widget-text-editor\" data-id=\"0762a26\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Somos una empresa de arquitectura y valuaci\u00f3n inmobiliaria. Nuestro equipo est\u00e1 formado por arquitectos altamente calificados y valuadores expertos.<br \/><br \/>Nuestro objetivo es superar las expectativas, ofreciendo soluciones<br \/>personalizadas que cumplan con sus objetivos.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6ac2db6 elementor-blockquote--skin-boxed elementor-blockquote--align-left elementor-invisible elementor-widget elementor-widget-blockquote\" data-id=\"6ac2db6\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"blockquote.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<blockquote class=\"elementor-blockquote\">\n\t\t\t<p class=\"elementor-blockquote__content\">\n\t\t\t\tUna valuaci\u00f3n precisa es el cimiento m\u00e1s fuerte de cualquier inversi\u00f3n inmobiliaria.\t\t\t<\/p>\n\t\t\t\t\t<\/blockquote>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fd9294e elementor-widget elementor-widget-text-editor\" data-id=\"fd9294e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Desde la primera consulta, hasta la entrega final, nos comprometemos con nuestros clientes, ofreciento un servicio enfocado en la comunicaci\u00f3n abierta y atenci\u00f3n al detalle<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-061d075 e-flex e-con-boxed e-con e-parent\" data-id=\"061d075\" data-element_type=\"container\" data-e-type=\"container\" id=\"clientes\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-04c8e3d text-title elementor-widget elementor-widget-heading\" data-id=\"04c8e3d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">CLIENTES<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ccb1d84 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"ccb1d84\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Resultados que consolidan proyectos. Creamos historias de \u00e9xito junto a las empresas y particulares que conf\u00edan en nuestro criterio t\u00e9cnico.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-31c3ce4 e-flex e-con-boxed e-con e-parent\" data-id=\"31c3ce4\" data-element_type=\"container\" data-e-type=\"container\" id=\"servicios\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c8e4adf text-title elementor-widget elementor-widget-heading\" data-id=\"c8e4adf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">SERVICIOS<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3f8c0c1 elementor-widget elementor-widget-html\" data-id=\"3f8c0c1\" 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<style>\r\n    .contenedor-servicios {\r\n        width: 100%;\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        font-family: 'Roboto Flex', sans-serif;\r\n    }\r\n\r\n    \/* GRID MEJORADO PARA ALINEACI\u00d3N *\/\r\n    .grid-servicios {\r\n        display: grid;\r\n        grid-template-columns: repeat(4, 1fr);\r\n        gap: 25px;\r\n        \/* Esto asegura que si falta un elemento, la fila se mantenga equilibrada *\/\r\n        justify-content: center;\r\n    }\r\n\r\n    \/* Ajuste para que la fila de 3 elementos no se deforme *\/\r\n    .grid-servicios > .tarjeta-flip:nth-last-child(-n+3):first-child {\r\n        grid-column: span 1;\r\n    }\r\n\r\n    \/* CONTENEDOR PRINCIPAL DE LA TARJETA *\/\r\n    .tarjeta-flip {\r\n        perspective: 1000px;\r\n        cursor: pointer;\r\n        height: 240px;\r\n        width: 100%;\r\n        display: block;\r\n        -webkit-tap-highlight-color: transparent;\r\n        \/* AQU\u00cd EST\u00c1 LA SOMBRA EN LUGAR DE M\u00c1RGENES *\/\r\n        box-shadow: 0 10px 20px rgba(0,0,0,0.05);\r\n        border-radius: 12px;\r\n        transition: box-shadow 0.3s ease;\r\n    }\r\n\r\n    .tarjeta-flip:hover {\r\n        box-shadow: 0 15px 30px rgba(0,0,0,0.1);\r\n    }\r\n\r\n    .tarjeta-inner {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 100%;\r\n        transition: transform 0.6s cubic-bezier(0.4, 0.2, 0.2, 1) !important;\r\n        transform-style: preserve-3d !important;\r\n    }\r\n\r\n    .tarjeta-flip.girada .tarjeta-inner {\r\n        transform: rotateY(180deg) !important;\r\n    }\r\n\r\n    .tarjeta-frente,\r\n    .tarjeta-reverso {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n        backface-visibility: hidden !important;\r\n        -webkit-backface-visibility: hidden !important;\r\n        border-radius: 12px;\r\n        overflow: hidden;\r\n        \/* Quitamos el border del contenedor para usar la sombra de la tarjeta flip *\/\r\n        border: none; \r\n        top: 0;\r\n        left: 0;\r\n    }\r\n\r\n    .tarjeta-frente {\r\n        background: #ffffff;\r\n        display: flex;\r\n        flex-direction: column;\r\n        transform: rotateY(0deg) !important;\r\n    }\r\n\r\n    .contenedor-imagen {\r\n        width: 100%;\r\n        height: 140px;\r\n        background-color: #f4f7f6;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        padding: 15px;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .svg-isometrico {\r\n        width: 100%;\r\n        height: 100%;\r\n        fill: #249F8F;\r\n        opacity: 0.8;\r\n        transition: transform 0.3s ease !important;\r\n    }\r\n\r\n    .tarjeta-flip:hover .tarjeta-frente .svg-isometrico {\r\n        transform: scale(1.05) !;\r\n    }\r\n\r\n    .contenido-servicio {\r\n        padding: 15px;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        flex: 1;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .titulo-servicio {\r\n        margin: 0;\r\n        font-size: 1rem;\r\n        color: #222222;\r\n        font-weight: 600;\r\n        line-height: 1.2;\r\n        text-transform: capitalize;\r\n    }\r\n\r\n    .icono-flecha {\r\n        width: 18px;\r\n        height: 18px;\r\n        fill: #e2e8e6;\r\n        transition: fill 0.3s;\r\n        flex-shrink: 0;\r\n        margin-left: 10px;\r\n    }\r\n\r\n    .tarjeta-flip:hover .tarjeta-frente .icono-flecha {\r\n        fill: #249F8F;\r\n    }\r\n\r\n    .tarjeta-reverso {\r\n        background-color: #249F8F;\r\n        color: #ffffff;\r\n        transform: rotateY(180deg) !important;\r\n        padding: 25px 20px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        text-align: center;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .titulo-reverso {\r\n        margin: 16px auto;\r\n        font-size: 1.1rem;\r\n        font-weight: 600;\r\n    }\r\n\r\n    .texto-reverso {\r\n        margin: 0 auto;\r\n        font-size: 0.9rem;\r\n        line-height: 1.4;\r\n        opacity: 0.9;\r\n    }\r\n\r\n    .icono-volver {\r\n        width: 24px;\r\n        height: 24px;\r\n        fill: #ffffff;\r\n        align-self: flex-end;\r\n        transition: transform 0.3s;\r\n    }\r\n\r\n    .tarjeta-flip:hover .tarjeta-reverso .icono-volver {\r\n        transform: translateX(-3px);\r\n    }\r\n\r\n    \/* RESPONSIVO *\/\r\n    @media (max-width: 1024px) {\r\n        .grid-servicios { grid-template-columns: repeat(3, 1fr); }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .grid-servicios { grid-template-columns: repeat(2, 1fr); }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .grid-servicios { grid-template-columns: 1fr; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"contenedor-servicios\">\r\n    <div class=\"grid-servicios\">\r\n\r\n        <div class=\"tarjeta-flip\" onclick=\"this.classList.toggle('girada')\">\r\n            <div class=\"tarjeta-inner\">\r\n                <div class=\"tarjeta-frente\">\r\n                    <div class=\"contenedor-imagen\">\r\n                        <svg viewBox=\"0 0 100 100\" class=\"svg-isometrico\">\r\n                            <polygon points=\"50,20 90,40 50,60 10,40\" fill=\"#e2e8e6\" \/>\r\n                            <polygon points=\"10,40 50,60 50,90 10,70\" fill=\"#249F8F\" \/> <polygon points=\"90,40 50,60 50,90 90,70\" fill=\"#1A7A6E\" \/> <\/svg>\r\n                    <\/div>\r\n                    <div class=\"contenido-servicio\">\r\n                        <h3 class=\"titulo-servicio\">Aval\u00faos Comerciales<\/h3>\r\n                        <svg class=\"icono-flecha\" viewBox=\"0 0 24 24\">\r\n                            <path d=\"M5 12h14M12 5l7 7-7 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\" \/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"tarjeta-reverso\">\r\n                    <div>\r\n                        <h3 class=\"titulo-reverso\">Aval\u00faos Comerciales<\/h3>\r\n                        <p class=\"texto-reverso\">Determinamos el valor real de mercado de propiedades comerciales para asegurar la viabilidad de su inversi\u00f3n.<\/p>\r\n                    <\/div>\r\n                    <svg class=\"icono-volver\" viewBox=\"0 0 24 24\">\r\n                        <path d=\"M19 12H5M12 19l-7-7 7-7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\" \/>\r\n                    <\/svg>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"tarjeta-flip\" onclick=\"this.classList.toggle('girada')\">\r\n            <div class=\"tarjeta-inner\">\r\n                <div class=\"tarjeta-frente\">\r\n                    <div class=\"contenedor-imagen\">\r\n                        <svg viewBox=\"0 0 100 100\" class=\"svg-isometrico\">\r\n                            <polygon points=\"50,20 90,40 50,60 10,40\" fill=\"#e2e8e6\" \/>\r\n                            <polygon points=\"10,40 50,60 50,90 10,70\" fill=\"#249F8F\" \/>\r\n                            <polygon points=\"90,40 50,60 50,90 90,70\" fill=\"#1A7A6E\" \/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <div class=\"contenido-servicio\">\r\n                        <h3 class=\"titulo-servicio\">Aval\u00faos Infonavit<\/h3>\r\n                        <svg class=\"icono-flecha\" viewBox=\"0 0 24 24\">\r\n                            <path d=\"M5 12h14M12 5l7 7-7 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\" \/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"tarjeta-reverso\">\r\n                    <div>\r\n                        <h3 class=\"titulo-reverso\">Aval\u00faos Infonavit<\/h3>\r\n                        <p class=\"texto-reverso\">Dictaminaci\u00f3n t\u00e9cnica y de valor avalada para tr\u00e1mites de cr\u00e9ditos hipotecarios ante el instituto.<\/p>\r\n                    <\/div>\r\n                    <svg class=\"icono-volver\" viewBox=\"0 0 24 24\">\r\n                        <path d=\"M19 12H5M12 19l-7-7 7-7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\" \/>\r\n                    <\/svg>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"tarjeta-flip\" onclick=\"this.classList.toggle('girada')\">\r\n            <div class=\"tarjeta-inner\">\r\n                <div class=\"tarjeta-frente\">\r\n                    <div class=\"contenedor-imagen\">\r\n                        <svg viewBox=\"0 0 100 100\" class=\"svg-isometrico\">\r\n                            <polygon points=\"50,20 90,40 50,60 10,40\" fill=\"#e2e8e6\" \/>\r\n                            <polygon points=\"10,40 50,60 50,90 10,70\" fill=\"#249F8F\" \/>\r\n                            <polygon points=\"90,40 50,60 50,90 90,70\" fill=\"#1A7A6E\" \/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <div class=\"contenido-servicio\">\r\n                        <h3 class=\"titulo-servicio\">Aval\u00faos Fovissste<\/h3>\r\n                        <svg class=\"icono-flecha\" viewBox=\"0 0 24 24\">\r\n                            <path d=\"M5 12h14M12 5l7 7-7 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\" \/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"tarjeta-reverso\">\r\n                    <div>\r\n                        <h3 class=\"titulo-reverso\">Aval\u00faos Fovissste<\/h3>\r\n                        <p class=\"texto-reverso\">Evaluaci\u00f3n oficial requerida para el otorgamiento de cr\u00e9ditos a trabajadores del estado.<\/p>\r\n                    <\/div>\r\n                    <svg class=\"icono-volver\" viewBox=\"0 0 24 24\">\r\n                        <path d=\"M19 12H5M12 19l-7-7 7-7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\" \/>\r\n                    <\/svg>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"tarjeta-flip\" onclick=\"this.classList.toggle('girada')\">\r\n            <div class=\"tarjeta-inner\">\r\n                <div class=\"tarjeta-frente\">\r\n                    <div class=\"contenedor-imagen\">\r\n                        <svg viewBox=\"0 0 100 100\" class=\"svg-isometrico\">\r\n                            <polygon points=\"50,20 90,40 50,60 10,40\" fill=\"#e2e8e6\" \/>\r\n                            <polygon points=\"10,40 50,60 50,90 10,70\" fill=\"#249F8F\" \/>\r\n                            <polygon points=\"90,40 50,60 50,90 90,70\" fill=\"#1A7A6E\" \/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <div class=\"contenido-servicio\">\r\n                        <h3 class=\"titulo-servicio\">Aval\u00faos Bancarios<\/h3>\r\n                        <svg class=\"icono-flecha\" viewBox=\"0 0 24 24\">\r\n                            <path d=\"M5 12h14M12 5l7 7-7 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\" \/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"tarjeta-reverso\">\r\n                    <div>\r\n                        <h3 class=\"titulo-reverso\">Aval\u00faos Bancarios<\/h3>\r\n                        <p class=\"texto-reverso\">Proceso de valoraci\u00f3n certificado para garant\u00edas hipotecarias y l\u00edneas de cr\u00e9dito comerciales.<\/p>\r\n                    <\/div>\r\n                    <svg class=\"icono-volver\" viewBox=\"0 0 24 24\">\r\n                        <path d=\"M19 12H5M12 19l-7-7 7-7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\" \/>\r\n                    <\/svg>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"tarjeta-flip\" onclick=\"this.classList.toggle('girada')\">\r\n            <div class=\"tarjeta-inner\">\r\n                <div class=\"tarjeta-frente\">\r\n                    <div class=\"contenedor-imagen\">\r\n                        <svg viewBox=\"0 0 100 100\" class=\"svg-isometrico\">\r\n                            <polygon points=\"50,20 90,40 50,60 10,40\" fill=\"#e2e8e6\" \/>\r\n                            <polygon points=\"10,40 50,60 50,90 10,70\" fill=\"#249F8F\" \/>\r\n                            <polygon points=\"90,40 50,60 50,90 90,70\" fill=\"#1A7A6E\" \/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <div class=\"contenido-servicio\">\r\n                        <h3 class=\"titulo-servicio\">Estimaciones<\/h3>\r\n                        <svg class=\"icono-flecha\" viewBox=\"0 0 24 24\">\r\n                            <path d=\"M5 12h14M12 5l7 7-7 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\" \/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"tarjeta-reverso\">\r\n                    <div>\r\n                        <h3 class=\"titulo-reverso\">Estimaciones<\/h3>\r\n                        <p class=\"texto-reverso\">C\u00e1lculos precisos del valor y progreso de la obra para el correcto manejo de presupuesto y pagos.<\/p>\r\n                    <\/div>\r\n                    <svg class=\"icono-volver\" viewBox=\"0 0 24 24\">\r\n                        <path d=\"M19 12H5M12 19l-7-7 7-7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\" \/>\r\n                    <\/svg>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"tarjeta-flip\" onclick=\"this.classList.toggle('girada')\">\r\n            <div class=\"tarjeta-inner\">\r\n                <div class=\"tarjeta-frente\">\r\n                    <div class=\"contenedor-imagen\">\r\n                        <svg viewBox=\"0 0 100 100\" class=\"svg-isometrico\">\r\n                            <polygon points=\"50,20 90,40 50,60 10,40\" fill=\"#e2e8e6\" \/>\r\n                            <polygon points=\"10,40 50,60 50,90 10,70\" fill=\"#249F8F\" \/>\r\n                            <polygon points=\"90,40 50,60 50,90 90,70\" fill=\"#1A7A6E\" \/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <div class=\"contenido-servicio\">\r\n                        <h3 class=\"titulo-servicio\">Aval\u00faos Fiscales<\/h3>\r\n                        <svg class=\"icono-flecha\" viewBox=\"0 0 24 24\">\r\n                            <path d=\"M5 12h14M12 5l7 7-7 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\" \/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"tarjeta-reverso\">\r\n                    <div>\r\n                        <h3 class=\"titulo-reverso\">Aval\u00faos Fiscales<\/h3>\r\n                        <p class=\"texto-reverso\">Determinaci\u00f3n de la base gravable para el pago de contribuciones y regularizaci\u00f3n patrimonial.<\/p>\r\n                    <\/div>\r\n                    <svg class=\"icono-volver\" viewBox=\"0 0 24 24\">\r\n                        <path d=\"M19 12H5M12 19l-7-7 7-7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\" \/>\r\n                    <\/svg>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"tarjeta-flip\" onclick=\"this.classList.toggle('girada')\">\r\n            <div class=\"tarjeta-inner\">\r\n                <div class=\"tarjeta-frente\">\r\n                    <div class=\"contenedor-imagen\">\r\n                        <svg viewBox=\"0 0 100 100\" class=\"svg-isometrico\">\r\n                            <polygon points=\"50,20 90,40 50,60 10,40\" fill=\"#e2e8e6\" \/>\r\n                            <polygon points=\"10,40 50,60 50,90 10,70\" fill=\"#249F8F\" \/>\r\n                            <polygon points=\"90,40 50,60 50,90 90,70\" fill=\"#1A7A6E\" \/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <div class=\"contenido-servicio\">\r\n                        <h3 class=\"titulo-servicio\">Aval\u00faos de Mejoras<\/h3>\r\n                        <svg class=\"icono-flecha\" viewBox=\"0 0 24 24\">\r\n                            <path d=\"M5 12h14M12 5l7 7-7 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\" \/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"tarjeta-reverso\">\r\n                    <div>\r\n                        <h3 class=\"titulo-reverso\">Aval\u00faos de Mejoras<\/h3>\r\n                        <p class=\"texto-reverso\">An\u00e1lisis del incremento de valor en propiedades derivado de remodelaciones o ampliaciones estructurales.<\/p>\r\n                    <\/div>\r\n                    <svg class=\"icono-volver\" viewBox=\"0 0 24 24\">\r\n                        <path d=\"M19 12H5M12 19l-7-7 7-7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\" \/>\r\n                    <\/svg>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"tarjeta-flip\" onclick=\"this.classList.toggle('girada')\">\r\n            <div class=\"tarjeta-inner\">\r\n                <div class=\"tarjeta-frente\">\r\n                    <div class=\"contenedor-imagen\">\r\n                        <svg viewBox=\"0 0 100 100\" class=\"svg-isometrico\">\r\n                            <polygon points=\"50,20 90,40 50,60 10,40\" fill=\"#e2e8e6\" \/>\r\n                            <polygon points=\"10,40 50,60 50,90 10,70\" fill=\"#249F8F\" \/>\r\n                            <polygon points=\"90,40 50,60 50,90 90,70\" fill=\"#1A7A6E\" \/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <div class=\"contenido-servicio\">\r\n                        <h3 class=\"titulo-servicio\">Reg\u00edmenes en Condominio<\/h3>\r\n                        <svg class=\"icono-flecha\" viewBox=\"0 0 24 24\">\r\n                            <path d=\"M5 12h14M12 5l7 7-7 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\" \/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"tarjeta-reverso\">\r\n                    <div>\r\n                        <h3 class=\"titulo-reverso\">Reg\u00edmenes en Condominio<\/h3>\r\n                        <p class=\"texto-reverso\">Constituci\u00f3n legal y t\u00e9cnica para la divisi\u00f3n y administraci\u00f3n de propiedades compartidas.<\/p>\r\n                    <\/div>\r\n                    <svg class=\"icono-volver\" viewBox=\"0 0 24 24\">\r\n                        <path d=\"M19 12H5M12 19l-7-7 7-7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\" \/>\r\n                    <\/svg>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"tarjeta-flip\" onclick=\"this.classList.toggle('girada')\">\r\n            <div class=\"tarjeta-inner\">\r\n                <div class=\"tarjeta-frente\">\r\n                    <div class=\"contenedor-imagen\">\r\n                        <svg viewBox=\"0 0 100 100\" class=\"svg-isometrico\">\r\n                            <polygon points=\"50,20 90,40 50,60 10,40\" fill=\"#e2e8e6\" \/>\r\n                            <polygon points=\"10,40 50,60 50,90 10,70\" fill=\"#249F8F\" \/>\r\n                            <polygon points=\"90,40 50,60 50,90 90,70\" fill=\"#1A7A6E\" \/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <div class=\"contenido-servicio\">\r\n                        <h3 class=\"titulo-servicio\">Levantamiento y Planos<\/h3>\r\n                        <svg class=\"icono-flecha\" viewBox=\"0 0 24 24\">\r\n                            <path d=\"M5 12h14M12 5l7 7-7 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\" \/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"tarjeta-reverso\">\r\n                    <div>\r\n                        <h3 class=\"titulo-reverso\">Levantamiento y Planos<\/h3>\r\n                        <p class=\"texto-reverso\">Medici\u00f3n precisa y representaci\u00f3n gr\u00e1fica arquitect\u00f3nica de las condiciones actuales del inmueble.<\/p>\r\n                    <\/div>\r\n                    <svg class=\"icono-volver\" viewBox=\"0 0 24 24\">\r\n                        <path d=\"M19 12H5M12 19l-7-7 7-7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\" \/>\r\n                    <\/svg>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"tarjeta-flip\" onclick=\"this.classList.toggle('girada')\">\r\n            <div class=\"tarjeta-inner\">\r\n                <div class=\"tarjeta-frente\">\r\n                    <div class=\"contenedor-imagen\">\r\n                        <svg viewBox=\"0 0 100 100\" class=\"svg-isometrico\">\r\n                            <polygon points=\"50,20 90,40 50,60 10,40\" fill=\"#e2e8e6\" \/>\r\n                            <polygon points=\"10,40 50,60 50,90 10,70\" fill=\"#249F8F\" \/>\r\n                            <polygon points=\"90,40 50,60 50,90 90,70\" fill=\"#1A7A6E\" \/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <div class=\"contenido-servicio\">\r\n                        <h3 class=\"titulo-servicio\">Supervisi\u00f3n de Obra<\/h3>\r\n                        <svg class=\"icono-flecha\" viewBox=\"0 0 24 24\">\r\n                            <path d=\"M5 12h14M12 5l7 7-7 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\" \/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"tarjeta-reverso\">\r\n                    <div>\r\n                        <h3 class=\"titulo-reverso\">Supervisi\u00f3n de Obra<\/h3>\r\n                        <p class=\"texto-reverso\">Control de calidad y seguimiento t\u00e9cnico asegurando que el proyecto se ejecute seg\u00fan lo dise\u00f1ado.<\/p>\r\n                    <\/div>\r\n                    <svg class=\"icono-volver\" viewBox=\"0 0 24 24\">\r\n                        <path d=\"M19 12H5M12 19l-7-7 7-7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\" \/>\r\n                    <\/svg>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"tarjeta-flip\" onclick=\"this.classList.toggle('girada')\">\r\n            <div class=\"tarjeta-inner\">\r\n                <div class=\"tarjeta-frente\">\r\n                    <div class=\"contenedor-imagen\">\r\n                        <svg viewBox=\"0 0 100 100\" class=\"svg-isometrico\">\r\n                            <polygon points=\"50,20 90,40 50,60 10,40\" fill=\"#e2e8e6\" \/>\r\n                            <polygon points=\"10,40 50,60 50,90 10,70\" fill=\"#249F8F\" \/>\r\n                            <polygon points=\"90,40 50,60 50,90 90,70\" fill=\"#1A7A6E\" \/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <div class=\"contenido-servicio\">\r\n                        <h3 class=\"titulo-servicio\">Dise\u00f1o Arquitect\u00f3nico<\/h3>\r\n                        <svg class=\"icono-flecha\" viewBox=\"0 0 24 24\">\r\n                            <path d=\"M5 12h14M12 5l7 7-7 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\" \/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"tarjeta-reverso\">\r\n                    <div>\r\n                        <h3 class=\"titulo-reverso\">Dise\u00f1o Arquitect\u00f3nico<\/h3>\r\n                        <p class=\"texto-reverso\">Creaci\u00f3n de espacios funcionales y est\u00e9ticos que materializan la visi\u00f3n y necesidades del cliente.<\/p>\r\n                    <\/div>\r\n                    <svg class=\"icono-volver\" viewBox=\"0 0 24 24\">\r\n                        <path d=\"M19 12H5M12 19l-7-7 7-7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\" \/>\r\n                    <\/svg>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3dc9251 text-title elementor-widget elementor-widget-heading\" data-id=\"3dc9251\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">\u00bfTIENES DUDAS?<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-165f57f elementor-widget elementor-widget-html\" data-id=\"165f57f\" 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<style>\r\n    \/* --------------------------------------\r\n       CONTENEDOR PRINCIPAL\r\n    -------------------------------------- *\/\r\n    .wrapper-asistente {\r\n        display: flex;\r\n        justify-content: center;\r\n        width: 100%;\r\n        padding: 20px 0;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .contenedor-servicios-interactivo {\r\n        max-width: 800px;\r\n        width: 100%;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 20px; \r\n    }\r\n\r\n    \/* --------------------------------------\r\n       ZONA DEL AVATAR Y BURBUJA\r\n    -------------------------------------- *\/\r\n    .bloque-asistente {\r\n        display: flex;\r\n        align-items: flex-start;\r\n        gap: 20px;\r\n    }\r\n\r\n    .contenedor-avatar {\r\n        width: 90px;\r\n        height: 90px;\r\n        flex-shrink: 0;\r\n        background-color: #f4f7f6;\r\n        border-radius: 50%;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: flex-end;\r\n        overflow: hidden;\r\n        border: 2px solid #e2e8e6;\r\n    }\r\n\r\n    .svg-arquitecto {\r\n        width: 80px;\r\n        height: 80px;\r\n        margin-bottom: -5px;\r\n    }\r\n\r\n    .boca-avatar {\r\n        transform-origin: 50px 58px;\r\n        transition: transform 0.1s;\r\n    }\r\n\r\n    .hablando .boca-avatar {\r\n        animation: moverBoca 0.12s cubic-bezier(0.4, 0, 0.2, 1) infinite alternate;\r\n    }\r\n\r\n    @keyframes moverBoca {\r\n        0% { transform: scaleY(1); }\r\n        100% { transform: scaleY(3.5); }\r\n    }\r\n\r\n    \/* BURBUJA DE CHAT *\/\r\n    .burbuja-chat {\r\n        background-color: #ffffff;\r\n        padding: 22px 28px;\r\n        border-radius: 16px;\r\n        flex: 1;\r\n        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04);\r\n        border: 3px solid #2E3D45; \/* Borde actualizado *\/\r\n        position: relative;\r\n        margin-top: 10px;\r\n        height: 140px; \/* Altura fija para evitar saltos *\/\r\n        display: flex;\r\n        align-items: center;\r\n    }\r\n\r\n    .burbuja-chat::before {\r\n        content: '';\r\n        position: absolute;\r\n        left: -15px;\r\n        top: 25px;\r\n        width: 0;\r\n        height: 0;\r\n        border-top: 10px solid transparent;\r\n        border-bottom: 10px solid transparent;\r\n        border-right: 12px solid #2E3D45; \/* Flecha actualizada *\/\r\n    }\r\n\r\n    .burbuja-chat::after {\r\n        content: '';\r\n        position: absolute;\r\n        left: -11px;\r\n        top: 25px;\r\n        width: 0;\r\n        height: 0;\r\n        border-top: 10px solid transparent;\r\n        border-bottom: 10px solid transparent;\r\n        border-right: 12px solid #ffffff;\r\n    }\r\n\r\n    .burbuja-chat p {\r\n        margin: 0;\r\n        color: #2E3D45; \/* Color de texto actualizado *\/\r\n        font-family: 'Roboto Flex', sans-serif; \/* Fuente actualizada *\/\r\n        font-size: 1.1rem;\r\n        line-height: 1.5;\r\n        font-weight: 400;\r\n        width: 100%;\r\n        transition: opacity 0.2s ease-in-out;\r\n        opacity: 1; \r\n    }\r\n\r\n    \/* --------------------------------------\r\n       ZONA INTERACTIVA (Mata los saltos de p\u00e1gina)\r\n    -------------------------------------- *\/\r\n    .zona-interactiva {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 260px; \/* Altura fija *\/\r\n    }\r\n\r\n    .panel-interactivo {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        padding-left: 110px;\r\n        box-sizing: border-box;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 12px;\r\n        \r\n        opacity: 0;\r\n        visibility: hidden;\r\n        transform: translateY(10px);\r\n        transition: opacity 0.4s ease, transform 0.4s ease, visibility 0.4s;\r\n    }\r\n\r\n    .panel-interactivo.activo {\r\n        opacity: 1;\r\n        visibility: visible;\r\n        transform: translateY(0);\r\n    }\r\n\r\n    \/* --------------------------------------\r\n       LOADER GRANDE Y CENTRADO\r\n    -------------------------------------- *\/\r\n    .panel-loader {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%; \r\n        padding-left: 110px;\r\n        box-sizing: border-box;\r\n        display: flex;\r\n        justify-content: center; \r\n        align-items: center; \r\n        opacity: 0;\r\n        visibility: hidden;\r\n        transition: opacity 0.3s ease, visibility 0.3s;\r\n    }\r\n\r\n    .panel-loader.activo {\r\n        opacity: 1;\r\n        visibility: visible;\r\n    }\r\n\r\n    .spinner {\r\n        width: 44px; \r\n        height: 44px;\r\n        border: 4px solid #e2e8e6;\r\n        border-top: 4px solid #249F8F;\r\n        border-radius: 50%;\r\n        animation: girarSpinner 0.8s linear infinite;\r\n    }\r\n\r\n    @keyframes girarSpinner {\r\n        0% { transform: rotate(0deg); }\r\n        100% { transform: rotate(360deg); }\r\n    }\r\n\r\n    \/* --------------------------------------\r\n       BOTONES Y ESTILOS\r\n    -------------------------------------- *\/\r\n    .wrapper-asistente .boton-opcion {\r\n        background-color: #ffffff;\r\n        border: 1.5px solid #e2e8e6;\r\n        padding: 15px 24px; \r\n        border-radius: 12px;\r\n        cursor: pointer;\r\n        text-align: left;\r\n        transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);\r\n    }\r\n\r\n    .wrapper-asistente .boton-opcion span { color: #222222; font-size: 1rem; font-weight: 500; transition: color 0.3s ease; }\r\n    .wrapper-asistente .boton-opcion svg { stroke: #71807d; transition: stroke 0.3s ease, transform 0.3s ease; }\r\n\r\n    .wrapper-asistente .boton-opcion:hover {\r\n        border-color: #249F8F;\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 6px 16px rgba(0, 0, 0, 0.06);\r\n    }\r\n    .wrapper-asistente .boton-opcion:hover span { color: #249F8F; }\r\n    .wrapper-asistente .boton-opcion:hover svg { stroke: #249F8F; transform: translateX(4px); }\r\n\r\n    .grupo-botones-cta {\r\n        display: flex;\r\n        gap: 15px;\r\n        flex-wrap: wrap;\r\n    }\r\n\r\n    .wrapper-asistente .boton-whatsapp {\r\n        background-color: #249F8F;\r\n        color: #ffffff;\r\n        border: none;\r\n        padding: 14px 28px;\r\n        border-radius: 8px;\r\n        font-weight: 600;\r\n        cursor: pointer;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n        text-decoration: none;\r\n        transition: background-color 0.3s ease, transform 0.2s ease;\r\n    }\r\n\r\n    .wrapper-asistente .boton-whatsapp:hover { background-color: #1a7a6e; transform: translateY(-2px); }\r\n    .wrapper-asistente .boton-whatsapp svg { fill: #ffffff; }\r\n\r\n    .wrapper-asistente .boton-volver {\r\n        background-color: #ffffff;\r\n        color: #222222;\r\n        border: 1.5px solid #222222;\r\n        padding: 14px 28px;\r\n        border-radius: 8px;\r\n        font-weight: 600;\r\n        cursor: pointer;\r\n        transition: background-color 0.3s ease, transform 0.2s ease;\r\n    }\r\n\r\n    .wrapper-asistente .boton-volver:hover { background-color: #f4f7f6; transform: translateY(-2px); }\r\n\r\n    \/* --------------------------------------\r\n       RESPONSIVO (Con las alturas ajustadas)\r\n    -------------------------------------- *\/\r\n    @media (max-width: 768px) {\r\n        .panel-interactivo, .panel-loader { padding-left: 0; }\r\n        .bloque-asistente { flex-direction: column; align-items: center; }\r\n        \r\n        .burbuja-chat { \r\n            width: 100%; \r\n            box-sizing: border-box; \r\n            padding: 20px; \r\n            height: 180px; \/* Altura ajustada para m\u00f3vil *\/\r\n        }\r\n        \r\n        .zona-interactiva { height: 280px; } \/* Altura ajustada para m\u00f3vil *\/\r\n\r\n        .burbuja-chat::before {\r\n            left: 50%; top: -15px; transform: translateX(-50%);\r\n            border-top: none; border-left: 10px solid transparent; border-right: 10px solid transparent; \r\n            border-bottom: 12px solid #2E3D45; \/* Flecha m\u00f3vil actualizada *\/\r\n        }\r\n        .burbuja-chat::after {\r\n            left: 50%; top: -11px; transform: translateX(-50%);\r\n            border-top: none; border-left: 10px solid transparent; border-right: 10px solid transparent; \r\n            border-bottom: 12px solid #ffffff;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"wrapper-asistente\">\r\n    <div class=\"contenedor-servicios-interactivo\">\r\n\r\n        <div class=\"bloque-asistente\">\r\n            <div class=\"contenedor-avatar\">\r\n                <svg viewBox=\"0 0 100 100\" class=\"svg-arquitecto\" id=\"avatar-svg\">\r\n                    <rect x=\"44\" y=\"60\" width=\"12\" height=\"15\" fill=\"#e8b4a6\" \/>\r\n                    <path d=\"M15 100 C 15 75, 28 72, 50 72 C 72 72, 85 75, 85 100 Z\" fill=\"#2c3e50\" \/>\r\n                    <path d=\"M42 72 L50 88 L58 72 Z\" fill=\"#ffffff\" \/>\r\n                    <path d=\"M48 80 L52 80 L50 98 Z\" fill=\"#0b5d59\" \/>\r\n                    <path d=\"M35 100 L42 72 L50 88 Z\" fill=\"#1a252f\" opacity=\"0.4\" \/>\r\n                    <path d=\"M65 100 L58 72 L50 88 Z\" fill=\"#1a252f\" opacity=\"0.4\" \/>\r\n                    <path d=\"M35 30 L65 30 L65 52 C 65 64, 58 68, 50 68 C 42 68, 35 64, 35 52 Z\" fill=\"#fcd5ce\" \/>\r\n                    <path d=\"M30 33 H70 C72 33, 72 38, 70 38 H30 C28 38, 28 33, 30 33 Z\" fill=\"#fb8500\" \/>\r\n                    <path d=\"M32 33 C 32 10, 68 10, 68 33 Z\" fill=\"#ffb703\" \/>\r\n                    <path d=\"M46 33 L46 16 C 50 15, 54 16, 54 33 Z\" fill=\"#fb8500\" opacity=\"0.6\" \/>\r\n                    <circle cx=\"42\" cy=\"48\" r=\"2.5\" fill=\"#222222\" \/>\r\n                    <circle cx=\"58\" cy=\"48\" r=\"2.5\" fill=\"#222222\" \/>\r\n                    <rect x=\"32\" y=\"44\" width=\"16\" height=\"8\" rx=\"2\" fill=\"none\" stroke=\"#222222\" stroke-width=\"1.5\" \/>\r\n                    <rect x=\"54\" y=\"44\" width=\"16\" height=\"8\" rx=\"2\" fill=\"none\" stroke=\"#222222\" stroke-width=\"1.5\" \/>\r\n                    <line x1=\"48\" y1=\"48\" x2=\"54\" y2=\"48\" stroke=\"#222222\" stroke-width=\"1.5\" \/>\r\n                    <ellipse cx=\"50\" cy=\"58\" rx=\"4\" ry=\"1\" fill=\"#222222\" class=\"boca-avatar\" \/>\r\n                <\/svg>\r\n            <\/div>\r\n            <div class=\"burbuja-chat\">\r\n                <p id=\"texto-asistente\">\u00a1Hola! Soy el arquitecto de Estudio \u00c1lamo. Selecciona una opci\u00f3n para que pueda orientarte con tu proyecto o aval\u00fao.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"zona-interactiva\">\r\n            \r\n            <div class=\"panel-loader\" id=\"loader-id\">\r\n                <div class=\"spinner\"><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"panel-interactivo activo\" id=\"bloque-opciones-id\">\r\n                <button class=\"boton-opcion\" onclick=\"flujoFluido('bloque-opciones-id', 'bloque-respuesta-id', 'requisitos')\">\r\n                    <span>Requisitos para Aval\u00faos Infonavit<\/span>\r\n                    <svg class=\"icono-boton\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" width=\"18\" height=\"18\">\r\n                        <path d=\"M9 18l6-6-6-6\" \/>\r\n                    <\/svg>\r\n                <\/button>\r\n                <button class=\"boton-opcion\" onclick=\"flujoFluido('bloque-opciones-id', 'bloque-respuesta-id', 'servicios')\">\r\n                    <span>\u00bfQu\u00e9 servicios de Arquitectura ofrecen?<\/span>\r\n                    <svg class=\"icono-boton\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" width=\"18\" height=\"18\">\r\n                        <path d=\"M9 18l6-6-6-6\" \/>\r\n                    <\/svg>\r\n                <\/button>\r\n                <button class=\"boton-opcion\" onclick=\"flujoFluido('bloque-opciones-id', 'bloque-respuesta-id', 'pagos')\">\r\n                    <span>Opciones y Formas de Pago<\/span>\r\n                    <svg class=\"icono-boton\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" width=\"18\" height=\"18\">\r\n                        <path d=\"M9 18l6-6-6-6\" \/>\r\n                    <\/svg>\r\n                <\/button>\r\n            <\/div>\r\n\r\n            <div class=\"panel-interactivo\" id=\"bloque-respuesta-id\">\r\n                <div class=\"grupo-botones-cta\">\r\n                    <a href=\"#\" class=\"boton-whatsapp\">\r\n                        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                            <path d=\"M12.012 2c-5.506 0-9.989 4.478-9.99 9.984a9.964 9.964 0 001.333 4.993L2 22l5.233-1.337a9.983 9.983 0 004.779 1.216h.004c5.502 0 9.985-4.48 9.985-9.984C22.001 6.478 17.518 2 12.012 2zM12.016 20.122a8.318 8.318 0 01-4.244-1.154l-.304-.18-3.155.805.82-3.076-.198-.314a8.293 8.293 0 01-1.272-4.42c0-4.582 3.736-8.313 8.322-8.313 4.588 0 8.32 3.731 8.32 8.313-.001 4.583-3.733 8.339-8.289 8.339zM16.586 13.88c-.25-.126-1.488-.734-1.718-.818-.23-.084-.397-.126-.564.126-.168.252-.647.818-.793.985-.147.168-.293.189-.543.063-1.162-.584-2.128-1.123-2.934-2.502-.146-.252-.016-.388.11-.513.113-.112.25-.293.375-.44.126-.146.168-.25.251-.418.084-.168.042-.314-.021-.44-.063-.125-.564-1.36-.773-1.863-.203-.491-.41-.424-.564-.432l-.481-.008c-.167 0-.44.063-.67.314-.23.251-.88 .86-1.11 1.76-.23.899.648 2.052.793 2.24.147.189 1.489 2.338 3.692 3.318.913.407 1.62.65 2.176.832.916.29 1.748.249 2.404.15.736-.11 2.261-.923 2.576-1.815.314-.892.314-1.656.22-1.815-.094-.158-.345-.252-.595-.378z\"\/>\r\n                        <\/svg>\r\n                        Contactar por WhatsApp\r\n                    <\/a>\r\n                    <button class=\"boton-volver\" onclick=\"flujoFluido('bloque-respuesta-id', 'bloque-opciones-id', 'inicio')\">Volver a las opciones<\/button>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div> \r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    const respuestas = {\r\n        inicio: \"\u00a1Hola! Soy el arquitecto de Estudio \u00c1lamo. Selecciona una opci\u00f3n para que pueda orientarte con tu proyecto o aval\u00fao.\",\r\n        requisitos: \"Para tu aval\u00fao Infonavit necesitaremos: Identificaci\u00f3n oficial, CURP, RFC con homoclave, copia de escrituras y la boleta predial m\u00e1s reciente.\",\r\n        servicios: \"Ofrecemos dise\u00f1o arquitect\u00f3nico completo, supervisi\u00f3n de obra, modelado 3D y servicios de valuaci\u00f3n comercial y catastral.\",\r\n        pagos: \"Aceptamos efectivo, transferencias y tarjetas de cr\u00e9dito o d\u00e9bito mediante la plataforma segura de Mercado Pago. Consulta nuestras opciones de financiamiento.\"\r\n    };\r\n\r\n    let timeoutHablar;\r\n\r\n    function animarBoca() {\r\n        const avatar = document.getElementById('avatar-svg');\r\n        avatar.classList.add('hablando');\r\n        clearTimeout(timeoutHablar);\r\n        timeoutHablar = setTimeout(() => {\r\n            avatar.classList.remove('hablando');\r\n        }, 600);\r\n    }\r\n\r\n    function flujoFluido(idActual, idNuevo, keyTexto) {\r\n        const textoEl = document.getElementById('texto-asistente');\r\n        const bloqueActual = document.getElementById(idActual);\r\n        const bloqueNuevo = document.getElementById(idNuevo);\r\n        const loader = document.getElementById('loader-id');\r\n\r\n        bloqueActual.classList.remove('activo');\r\n\r\n        setTimeout(() => {\r\n            loader.classList.add('activo');\r\n\r\n            setTimeout(() => {\r\n                loader.classList.remove('activo');\r\n                textoEl.style.opacity = '0';\r\n\r\n                setTimeout(() => {\r\n                    textoEl.innerText = respuestas[keyTexto];\r\n                    \r\n                    textoEl.style.opacity = '1';\r\n                    bloqueNuevo.classList.add('activo');\r\n                    \r\n                    animarBoca();\r\n                }, 200); \r\n\r\n            }, 600); \r\n\r\n        }, 300); \r\n    }\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3e46ebc e-flex e-con-boxed e-con e-parent\" data-id=\"3e46ebc\" data-element_type=\"container\" data-e-type=\"container\" id=\"contacto\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f5e441c text-title elementor-widget elementor-widget-heading\" data-id=\"f5e441c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">CONTACTO<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7fd0531 e-grid e-con-full e-con e-child\" data-id=\"7fd0531\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-c474380 e-grid e-con-full e-con e-child\" data-id=\"c474380\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a2b9edc elementor-widget elementor-widget-html\" data-id=\"a2b9edc\" 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<iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d240863.71543123835!2d-99.30842163811398!3d19.390983242034114!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x85ce0026db097507%3A0x54061076265ee841!2sCiudad%20de%20M%C3%A9xico%2C%20CDMX!5e0!3m2!1ses-419!2smx!4v1780558540802!5m2!1ses-419!2smx\" width=\"600\" height=\"300\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-861059f my-list-elements elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"861059f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"tel:5529040078\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-phone\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M493.4 24.6l-104-24c-11.3-2.6-22.9 3.3-27.5 13.9l-48 112c-4.2 9.8-1.4 21.3 6.9 28l60.6 49.6c-36 76.7-98.9 140.5-177.2 177.2l-49.6-60.6c-6.8-8.3-18.2-11.1-28-6.9l-112 48C3.9 366.5-2 378.1.6 389.4l24 104C27.1 504.2 36.7 512 48 512c256.1 0 464-207.5 464-464 0-11.2-7.7-20.9-18.6-23.4z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">55 2904 0078 | 777 623 1576<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"mailto:contacto@jesuscamargo.com\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-envelope\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M502.3 190.8c3.9-3.1 9.7-.2 9.7 4.7V400c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V195.6c0-5 5.7-7.8 9.7-4.7 22.4 17.4 52.1 39.5 154.1 113.6 21.1 15.4 56.7 47.8 92.2 47.6 35.7.3 72-32.8 92.3-47.6 102-74.1 131.6-96.3 154-113.7zM256 320c23.2.4 56.6-29.2 73.4-41.4 132.7-96.3 142.8-104.7 173.4-128.7 5.8-4.5 9.2-11.5 9.2-18.9v-19c0-26.5-21.5-48-48-48H48C21.5 64 0 85.5 0 112v19c0 7.4 3.4 14.3 9.2 18.9 30.6 23.9 40.7 32.4 173.4 128.7 16.8 12.2 50.2 41.8 73.4 41.4z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">fgutierrez@estudioalamo.com<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0d40aba e-grid e-con-full e-con e-child\" data-id=\"0d40aba\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4a2742f elementor-widget__width-initial elementor-button-align-stretch elementor-widget elementor-widget-form\" data-id=\"4a2742f\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;step_next_label&quot;:&quot;Next&quot;,&quot;step_previous_label&quot;:&quot;Previous&quot;,&quot;button_width&quot;:&quot;75&quot;,&quot;step_type&quot;:&quot;number_text&quot;,&quot;step_icon_shape&quot;:&quot;circle&quot;}\" data-widget_type=\"form.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<form class=\"elementor-form\" method=\"post\" name=\"New Form\" aria-label=\"New Form\" novalidate=\"\">\n\t\t\t<input type=\"hidden\" name=\"post_id\" value=\"9\"\/>\n\t\t\t<input type=\"hidden\" name=\"form_id\" value=\"4a2742f\"\/>\n\t\t\t<input type=\"hidden\" name=\"referer_title\" value=\"\" \/>\n\n\t\t\t\t\t\t\t<input type=\"hidden\" name=\"queried_id\" value=\"9\"\/>\n\t\t\t\n\t\t\t<div class=\"elementor-form-fields-wrapper elementor-labels-above\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-name elementor-col-100 elementor-field-required elementor-mark-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-name\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tNOMBRE\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[name]\" id=\"form-field-name\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-email elementor-field-group elementor-column elementor-field-group-email elementor-col-100 elementor-field-required elementor-mark-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-email\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tCORREO ELECTR\u00d3NICO\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"email\" name=\"form_fields[email]\" id=\"form-field-email\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-textarea elementor-field-group elementor-column elementor-field-group-message elementor-col-100 elementor-field-required elementor-mark-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-message\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tDEJE SU MENSAJE\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t<textarea class=\"elementor-field-textual elementor-field  elementor-size-sm\" name=\"form_fields[message]\" id=\"form-field-message\" rows=\"4\" required=\"required\"><\/textarea>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-group elementor-column elementor-field-type-submit elementor-col-75 e-form__buttons\">\n\t\t\t\t\t<button class=\"elementor-button elementor-size-md\" type=\"submit\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">ENVIAR MENSAJE<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/button>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/form>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fc14820 e-con-full e-flex e-con e-child\" data-id=\"fc14820\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f689d4e elementor-widget elementor-widget-html\" data-id=\"f689d4e\" 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<style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Roboto+Flex:opsz,wght@8..144,400;8..144,500&display=swap');\r\n\r\n    .contenedor-texto-animado {\r\n        display: grid;\r\n        grid-template-areas: \"texto-stack\";\r\n        width: 100%;\r\n        align-items: center;\r\n        justify-content: center;\r\n    }\r\n\r\n    .texto-slide {\r\n        grid-area: texto-stack; \r\n        margin: 0;\r\n        font-family: 'Roboto Flex', sans-serif;\r\n        font-size: 26px;\r\n        color: #2b3647; \r\n        font-weight: 500;\r\n        text-align: center;\r\n        line-height: 1.3;\r\n        opacity: 0;\r\n    }\r\n\r\n    \/* CICLO DE ANIMACI\u00d3N M\u00c1S LENTO (16 segundos total) *\/\r\n    .texto-1 {\r\n        animation: fadeFluido 16s infinite;\r\n    }\r\n\r\n    \/* Entra exactamente a la mitad del ciclo (a los 8 segundos) *\/\r\n    .texto-2 {\r\n        animation: fadeFluido 16s infinite 8s;\r\n    }\r\n\r\n    @keyframes fadeFluido {\r\n        0% { \r\n            opacity: 0; \r\n            transform: translateY(10px); \r\n        }\r\n        5%, 45% { \/* 5% es cuando termina de aparecer y 45% cuando empieza a irse. \u00a1Se queda quieto mucho m\u00e1s tiempo! *\/\r\n            opacity: 1; \r\n            transform: translateY(0); \r\n        }\r\n        50%, 100% { \r\n            opacity: 0; \r\n            transform: translateY(-10px); \r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .texto-slide {\r\n            font-size: 18px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"contenedor-texto-animado\">\r\n    <p class=\"texto-slide texto-1\">Asegura tu proyecto: Aceptamos tarjetas de cr\u00e9dito y d\u00e9bito mediante Mercado Pago.<\/p>\r\n    <p class=\"texto-slide texto-2\">Aprovecha nuestras opciones de financiamiento y paga a meses con Mercado Pago.<\/p>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ab0c3de elementor-widget elementor-widget-image\" data-id=\"ab0c3de\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/estudioalamo.com\/wp-content\/uploads\/elementor\/thumbs\/mercado-pago-banner-roj5k2a3u5winzx40zsj7nha8ft1tdi4tnc4lau956.png\" title=\"mercado-pago-banner\" alt=\"mercado-pago-banner\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5643fe8 e-flex e-con-boxed e-con e-parent\" data-id=\"5643fe8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-46b4bb2 elementor-widget elementor-widget-html\" data-id=\"46b4bb2\" 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<script>\r\njQuery(document).ready(function($) {\r\n    \/\/ Busca todos los enlaces que sean anclas (#)\r\n    $('a[href^=\"#\"]').on('click', function(event) {\r\n        var target = $(this.getAttribute('href'));\r\n        \r\n        \/\/ Si el destino existe en la p\u00e1gina\r\n        if( target.length ) {\r\n            event.preventDefault(); \/\/ Detiene el salto tosco de Elementor\r\n            \r\n            \/\/ Fuerza la animaci\u00f3n de scroll suave (800 son los milisegundos de duraci\u00f3n)\r\n            $('html, body').stop().animate({\r\n                scrollTop: target.offset().top\r\n            }, 800); \r\n        }\r\n    });\r\n});\r\n<\/script>\r\n\r\n<style>\r\n    \/* Matar el mensaje de \u00e9xito de Elementor despu\u00e9s de 4 segundos *\/\r\n.elementor-message-success {\r\n    animation: esfumarMensaje 0.5s ease-in 4s forwards !important;\r\n}\r\n\r\n@keyframes esfumarMensaje {\r\n    0% { \r\n        opacity: 1; \r\n        visibility: visible; \r\n    }\r\n    100% { \r\n        opacity: 0; \r\n        visibility: hidden; \r\n        height: 0; \r\n        padding: 0; \r\n        margin: 0; \r\n        border: none;\r\n    }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>CONSTRUYENDO SUE\u00d1OS, VALUANDO OPORTUNIDADESCONTACTANOS NOSOTROS Somos una empresa de arquitectura y valuaci\u00f3n inmobiliaria. Nuestro equipo est\u00e1 formado por arquitectos altamente calificados y valuadores expertos. Nuestro objetivo es superar las expectativas, ofreciendo solucionespersonalizadas que cumplan con sus objetivos. Una valuaci\u00f3n precisa es el cimiento m\u00e1s fuerte de cualquier inversi\u00f3n inmobiliaria. Desde la primera consulta, hasta la [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_joinchat":[],"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/estudioalamo.com\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/estudioalamo.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/estudioalamo.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/estudioalamo.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/estudioalamo.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":427,"href":"https:\/\/estudioalamo.com\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":559,"href":"https:\/\/estudioalamo.com\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/559"}],"wp:attachment":[{"href":"https:\/\/estudioalamo.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}