{"id":3407,"date":"2026-04-11T16:37:22","date_gmt":"2026-04-11T19:37:22","guid":{"rendered":"https:\/\/www.lacasauruguaya.com\/?page_id=3407"},"modified":"2026-04-21T10:42:56","modified_gmt":"2026-04-21T13:42:56","slug":"tu-casa","status":"publish","type":"page","link":"https:\/\/www.lacasauruguaya.com\/en\/tu-casa\/","title":{"rendered":"Tu casa"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3407\" class=\"elementor elementor-3407\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-c2c0bbe elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"c2c0bbe\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b3da883\" data-id=\"b3da883\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-fe1dcfd elementor-widget elementor-widget-image\" data-id=\"fe1dcfd\" 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 fetchpriority=\"high\" decoding=\"async\" width=\"232\" height=\"300\" src=\"https:\/\/www.lacasauruguaya.com\/wp-content\/uploads\/2026\/04\/2026-Logotipo-Vertical-LaCasaUruguaya-232x300.png\" class=\"attachment-medium size-medium wp-image-3411\" alt=\"\" srcset=\"https:\/\/www.lacasauruguaya.com\/wp-content\/uploads\/2026\/04\/2026-Logotipo-Vertical-LaCasaUruguaya-232x300.png 232w, https:\/\/www.lacasauruguaya.com\/wp-content\/uploads\/2026\/04\/2026-Logotipo-Vertical-LaCasaUruguaya-791x1024.png 791w, https:\/\/www.lacasauruguaya.com\/wp-content\/uploads\/2026\/04\/2026-Logotipo-Vertical-LaCasaUruguaya-768x995.png 768w, https:\/\/www.lacasauruguaya.com\/wp-content\/uploads\/2026\/04\/2026-Logotipo-Vertical-LaCasaUruguaya-1186x1536.png 1186w, https:\/\/www.lacasauruguaya.com\/wp-content\/uploads\/2026\/04\/2026-Logotipo-Vertical-LaCasaUruguaya-9x12.png 9w, https:\/\/www.lacasauruguaya.com\/wp-content\/uploads\/2026\/04\/2026-Logotipo-Vertical-LaCasaUruguaya.png 1268w\" sizes=\"(max-width: 232px) 100vw, 232px\" \/>\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\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-afd55df elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"afd55df\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5075df8\" data-id=\"5075df8\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-590ae97 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"590ae97\" 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<div id=\"tuCasaWizard\"><\/div>\r\n\r\n<style>\r\n  #tuCasaWizard {\r\n    --bg-overlay: rgba(0, 0, 0, 0.52);\r\n    --panel: rgba(15, 23, 42, 0.72);\r\n    --panel-border: rgba(255,255,255,0.12);\r\n    --text: #ffffff;\r\n    --muted: rgba(255,255,255,0.78);\r\n    --muted-2: rgba(255,255,255,0.58);\r\n    --primary: #ffffff;\r\n    --primary-text: #0f172a;\r\n    --card: rgba(255,255,255,0.08);\r\n    --card-hover: rgba(255,255,255,0.14);\r\n    --card-active: rgba(255,255,255,0.18);\r\n    --danger: #ffd4d4;\r\n    --radius: 22px;\r\n    --shadow: 0 24px 60px rgba(0,0,0,.35);\r\n    --transition: 260ms cubic-bezier(.2,.8,.2,1);\r\n\r\n    width: 100%;\r\n    color: var(--text);\r\n    font-family: Inter, Arial, sans-serif;\r\n  }\r\n\r\n  #tuCasaWizard * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  #tuCasaWizard .wizard-wrap {\r\n    width: 100%;\r\n    min-height: 90vh;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 20px;\r\n    background:\r\n      linear-gradient(var(--bg-overlay), var(--bg-overlay)),\r\n      url('') center center \/ cover no-repeat;\r\n  }\r\n\r\n  #tuCasaWizard .wizard-shell {\r\n    width: 100%;\r\n    max-width: 1120px;\r\n    min-height: calc(90vh - 40px);\r\n    display: grid;\r\n    grid-template-columns: 1.05fr 0.95fr;\r\n    border-radius: 28px;\r\n    overflow: hidden;\r\n    background: var(--panel);\r\n    backdrop-filter: blur(14px);\r\n    border: 1px solid var(--panel-border);\r\n    box-shadow: var(--shadow);\r\n  }\r\n\r\n  #tuCasaWizard .hero {\r\n    padding: 44px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    background: linear-gradient(135deg, rgba(255,255,255,.05), rgba(255,255,255,.01));\r\n  }\r\n\r\n  #tuCasaWizard .hero h1 {\r\n    margin: 0 0 14px;\r\n    font-size: clamp(2.2rem, 4.8vw, 4.2rem);\r\n    line-height: .98;\r\n    letter-spacing: -0.04em;\r\n    font-weight: 800;\r\n    max-width: 8ch;\r\n    color: #fff;\r\n  }\r\n\r\n  #tuCasaWizard .hero p {\r\n    margin: 0 0 24px;\r\n    color: var(--muted);\r\n    font-size: 1.04rem;\r\n    line-height: 1.65;\r\n    max-width: 42ch;\r\n  }\r\n\r\n  #tuCasaWizard .hero-points {\r\n    display: grid;\r\n    gap: 12px;\r\n    margin-top: 10px;\r\n  }\r\n\r\n  #tuCasaWizard .hero-points div {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    color: var(--muted);\r\n    font-size: .97rem;\r\n  }\r\n\r\n  #tuCasaWizard .hero-points div::before {\r\n    content: \"\";\r\n    width: 10px;\r\n    height: 10px;\r\n    border-radius: 50%;\r\n    background: #fff;\r\n    flex: 0 0 10px;\r\n  }\r\n\r\n  #tuCasaWizard .form-panel {\r\n    padding: 34px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n  }\r\n\r\n  #tuCasaWizard .progress-block.hidden {\r\n    display: none;\r\n  }\r\n\r\n  #tuCasaWizard .progress-top {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    gap: 12px;\r\n    margin-bottom: 10px;\r\n    font-size: .92rem;\r\n  }\r\n\r\n  #tuCasaWizard .progress-top .left {\r\n    color: var(--muted);\r\n    font-weight: 600;\r\n  }\r\n\r\n  #tuCasaWizard .progress-top .right {\r\n    color: var(--muted-2);\r\n  }\r\n\r\n  #tuCasaWizard .progress-bar {\r\n    height: 8px;\r\n    width: 100%;\r\n    background: rgba(255,255,255,.08);\r\n    border-radius: 999px;\r\n    overflow: hidden;\r\n    margin-bottom: 24px;\r\n  }\r\n\r\n  #tuCasaWizard .progress-fill {\r\n    height: 100%;\r\n    width: 0%;\r\n    background: #fff;\r\n    border-radius: 999px;\r\n    transition: width var(--transition);\r\n  }\r\n\r\n  #tuCasaWizard .viewport {\r\n    position: relative;\r\n    min-height: 540px;\r\n    display: flex;\r\n    align-items: center;\r\n  }\r\n\r\n  #tuCasaWizard .step {\r\n    width: 100%;\r\n    opacity: 0;\r\n    transform: translateX(24px);\r\n    pointer-events: none;\r\n    position: absolute;\r\n    transition: opacity var(--transition), transform var(--transition);\r\n  }\r\n\r\n  #tuCasaWizard .step.active {\r\n    opacity: 1;\r\n    transform: translateX(0);\r\n    pointer-events: auto;\r\n    position: relative;\r\n  }\r\n\r\n  #tuCasaWizard .question {\r\n    margin: 0 0 10px;\r\n    font-size: clamp(1.55rem, 2vw, 2.2rem);\r\n    line-height: 1.14;\r\n    font-weight: 750;\r\n    letter-spacing: -0.03em;\r\n    color: #fff;\r\n  }\r\n\r\n  #tuCasaWizard .helper {\r\n    margin: 0 0 22px;\r\n    color: var(--muted);\r\n    line-height: 1.55;\r\n    font-size: 1rem;\r\n  }\r\n\r\n  #tuCasaWizard .cards {\r\n    display: grid;\r\n    gap: 14px;\r\n  }\r\n\r\n  #tuCasaWizard .cards.two {\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n  }\r\n\r\n  #tuCasaWizard .card-btn {\r\n    border: 1px solid rgba(255,255,255,.16);\r\n    background: var(--card);\r\n    color: #fff;\r\n    border-radius: 18px;\r\n    min-height: 76px;\r\n    padding: 16px 18px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    text-align: center;\r\n    cursor: pointer;\r\n    font-size: 1rem;\r\n    font-weight: 650;\r\n    transition: transform var(--transition), background var(--transition), border-color var(--transition), box-shadow var(--transition);\r\n  }\r\n\r\n  #tuCasaWizard .card-btn:hover {\r\n    background: var(--card-hover);\r\n    transform: translateY(-2px);\r\n  }\r\n\r\n  #tuCasaWizard .card-btn.selected {\r\n    background: var(--card-active);\r\n    border-color: rgba(255,255,255,.38);\r\n    box-shadow: 0 0 0 2px rgba(255,255,255,.06) inset;\r\n  }\r\n\r\n  #tuCasaWizard .field {\r\n    width: 100%;\r\n    border: 1px solid rgba(255,255,255,.16);\r\n    background: rgba(255,255,255,.08);\r\n    color: #fff;\r\n    border-radius: 16px;\r\n    padding: 18px 16px;\r\n    outline: none;\r\n    font-size: 1rem;\r\n    transition: border-color var(--transition), background var(--transition), box-shadow var(--transition);\r\n    margin-bottom: 12px;\r\n  }\r\n\r\n  #tuCasaWizard .field::placeholder {\r\n    color: rgba(255,255,255,.5);\r\n  }\r\n\r\n  #tuCasaWizard .field:focus {\r\n    border-color: rgba(255,255,255,.36);\r\n    background: rgba(255,255,255,.12);\r\n    box-shadow: 0 0 0 4px rgba(255,255,255,.05);\r\n  }\r\n\r\n  #tuCasaWizard .actions {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    gap: 14px;\r\n    flex-wrap: wrap;\r\n    margin-top: 6px;\r\n  }\r\n\r\n  #tuCasaWizard .btn {\r\n    border: 0;\r\n    border-radius: 16px;\r\n    min-height: 56px;\r\n    padding: 16px 24px;\r\n    cursor: pointer;\r\n    font-weight: 750;\r\n    font-size: 1rem;\r\n    transition: transform var(--transition), opacity var(--transition), background var(--transition);\r\n  }\r\n\r\n  #tuCasaWizard .btn:active {\r\n    transform: scale(.985);\r\n  }\r\n\r\n  #tuCasaWizard .btn-primary {\r\n    background: var(--primary);\r\n    color: var(--primary-text);\r\n    min-width: 180px;\r\n  }\r\n\r\n  #tuCasaWizard .btn-ghost {\r\n    background: transparent;\r\n    color: var(--muted);\r\n    padding-left: 0;\r\n    padding-right: 0;\r\n    min-height: auto;\r\n  }\r\n\r\n  #tuCasaWizard .btn-full {\r\n    width: 100%;\r\n  }\r\n\r\n  #tuCasaWizard .error {\r\n    min-height: 22px;\r\n    color: var(--danger);\r\n    font-size: .92rem;\r\n    margin-top: 6px;\r\n  }\r\n\r\n  #tuCasaWizard .thanks {\r\n    background: rgba(255,255,255,.08);\r\n    border: 1px solid rgba(255,255,255,.12);\r\n    border-radius: 24px;\r\n    padding: 28px;\r\n  }\r\n\r\n  #tuCasaWizard .thanks-icon {\r\n    width: 62px;\r\n    height: 62px;\r\n    border-radius: 18px;\r\n    background: rgba(255,255,255,.1);\r\n    display: grid;\r\n    place-items: center;\r\n    font-size: 28px;\r\n    margin-bottom: 18px;\r\n  }\r\n\r\n  #tuCasaWizard .thanks p {\r\n    color: var(--muted);\r\n    line-height: 1.7;\r\n    margin: 0;\r\n  }\r\n\r\n  @media (max-width: 980px) {\r\n    #tuCasaWizard .wizard-wrap {\r\n      min-height: auto;\r\n      padding: 0;\r\n    }\r\n\r\n    #tuCasaWizard .wizard-shell {\r\n      min-height: 100vh;\r\n      border-radius: 0;\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    #tuCasaWizard .hero {\r\n      min-height: 36vh;\r\n      padding: 30px 22px 18px;\r\n      justify-content: flex-end;\r\n    }\r\n\r\n    #tuCasaWizard .form-panel {\r\n      padding: 22px 22px 28px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 640px) {\r\n    #tuCasaWizard .cards.two {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    #tuCasaWizard .actions {\r\n      flex-direction: column-reverse;\r\n      align-items: stretch;\r\n    }\r\n\r\n    #tuCasaWizard .btn-primary {\r\n      width: 100%;\r\n    }\r\n\r\n    #tuCasaWizard .hero h1 {\r\n      font-size: 2.5rem;\r\n    }\r\n\r\n    #tuCasaWizard .viewport {\r\n      min-height: 700px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n(function () {\r\n  const root = document.getElementById('tuCasaWizard');\r\n  if (!root) return;\r\n\r\n  const state = {\r\n    terreno: '',\r\n    proyecto: '',\r\n    habitaciones: '',\r\n    inicio: '',\r\n    ubicacion: '',\r\n    inversion: '',\r\n    nombre: '',\r\n    telefono: ''\r\n  };\r\n\r\n  const totalSteps = 7;\r\n  let currentStep = 0;\r\n  let isSubmitting = false;\r\n\r\n  function render() {\r\n    root.innerHTML = `\r\n      <div class=\"wizard-wrap\">\r\n        <div class=\"wizard-shell\">\r\n          <div class=\"hero\">\r\n            <h1>De la idea al precio<\/h1>\r\n            <p>En pocos pasos te damos una estimaci\u00f3n real de inversi\u00f3n para tu casa.<\/p>\r\n            <div class=\"hero-points\">\r\n              <div>Proceso simple y guiado<\/div>\r\n              <div>Sin formularios largos<\/div>\r\n              <div>Respuesta r\u00e1pida y orientativa<\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"form-panel\">\r\n            <div class=\"progress-block ${currentStep === 0 || currentStep === 8 ? 'hidden' : ''}\">\r\n              <div class=\"progress-top\">\r\n                <div class=\"left\">Paso ${currentStep} de ${totalSteps}<\/div>\r\n                <div class=\"right\">Complet\u00e1 el flujo<\/div>\r\n              <\/div>\r\n              <div class=\"progress-bar\">\r\n                <div class=\"progress-fill\" style=\"width:${(currentStep \/ totalSteps) * 100}%\"><\/div>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"viewport\">\r\n              ${stepMarkup()}\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    `;\r\n\r\n    bindEvents();\r\n    syncSelectedStates();\r\n  }\r\n\r\n  function stepMarkup() {\r\n    return `\r\n      <div class=\"step ${currentStep === 0 ? 'active' : ''}\">\r\n        <h2 class=\"question\">De la idea al precio<\/h2>\r\n        <p class=\"helper\">En pocos pasos te damos una estimaci\u00f3n real de inversi\u00f3n para tu casa.<\/p>\r\n        <div class=\"actions\">\r\n          <button class=\"btn btn-primary\" id=\"startBtn\" type=\"button\">Empezar<\/button>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"step ${currentStep === 1 ? 'active' : ''}\">\r\n        <h2 class=\"question\">\u00bfYa ten\u00e9s terreno?<\/h2>\r\n        <div class=\"cards two\">\r\n          <button class=\"card-btn\" type=\"button\" data-answer=\"terreno\" data-value=\"S\u00ed\">S\u00ed<\/button>\r\n          <button class=\"card-btn\" type=\"button\" data-answer=\"terreno\" data-value=\"No\">No<\/button>\r\n        <\/div>\r\n        <div class=\"actions\">\r\n          <button class=\"btn btn-ghost\" type=\"button\" data-back>Volver<\/button>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"step ${currentStep === 2 ? 'active' : ''}\">\r\n        <h2 class=\"question\">\u00bfQu\u00e9 quer\u00e9s construir?<\/h2>\r\n        <div class=\"cards\">\r\n          <button class=\"card-btn\" type=\"button\" data-answer=\"proyecto\" data-value=\"Vivienda permanente\">Vivienda permanente<\/button>\r\n          <button class=\"card-btn\" type=\"button\" data-answer=\"proyecto\" data-value=\"Casa de fin de semana\">Casa de fin de semana<\/button>\r\n          <button class=\"card-btn\" type=\"button\" data-answer=\"proyecto\" data-value=\"Otro\">Otro<\/button>\r\n        <\/div>\r\n        <div class=\"actions\">\r\n          <button class=\"btn btn-ghost\" type=\"button\" data-back>Volver<\/button>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"step ${currentStep === 3 ? 'active' : ''}\">\r\n        <h2 class=\"question\">${state.proyecto === 'Vivienda permanente' ? '\u00bfCu\u00e1ntos dormitorios?' : '\u00bfCu\u00e1ntas habitaciones?'}<\/h2>\r\n        <div class=\"cards two\">\r\n          <button class=\"card-btn\" type=\"button\" data-answer=\"habitaciones\" data-value=\"1\">1<\/button>\r\n          <button class=\"card-btn\" type=\"button\" data-answer=\"habitaciones\" data-value=\"2\">2<\/button>\r\n          <button class=\"card-btn\" type=\"button\" data-answer=\"habitaciones\" data-value=\"3\">3<\/button>\r\n          <button class=\"card-btn\" type=\"button\" data-answer=\"habitaciones\" data-value=\"4+\">4+<\/button>\r\n        <\/div>\r\n        <div class=\"actions\">\r\n          <button class=\"btn btn-ghost\" type=\"button\" data-back>Volver<\/button>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"step ${currentStep === 4 ? 'active' : ''}\">\r\n        <h2 class=\"question\">\u00bfCu\u00e1ndo te gustar\u00eda empezar?<\/h2>\r\n        <div class=\"cards\">\r\n          <button class=\"card-btn\" type=\"button\" data-answer=\"inicio\" data-value=\"No s\u00e9, estoy evaluando\">No s\u00e9, estoy evaluando<\/button>\r\n          <button class=\"card-btn\" type=\"button\" data-answer=\"inicio\" data-value=\"Lo antes posible\">Lo antes posible<\/button>\r\n          <button class=\"card-btn\" type=\"button\" data-answer=\"inicio\" data-value=\"En 6 meses\">En 6 meses<\/button>\r\n        <\/div>\r\n        <div class=\"actions\">\r\n          <button class=\"btn btn-ghost\" type=\"button\" data-back>Volver<\/button>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"step ${currentStep === 5 ? 'active' : ''}\">\r\n        <h2 class=\"question\">\u00bfD\u00f3nde est\u00e1 ubicado el terreno?<\/h2>\r\n        <input class=\"field\" id=\"ubicacionInput\" type=\"text\" placeholder=\"Ej: Maldonado, Canelones, Colonia...\" value=\"${escapeHtml(state.ubicacion)}\" \/>\r\n        <div class=\"actions\">\r\n          <button class=\"btn btn-ghost\" type=\"button\" data-back>Volver<\/button>\r\n          <button class=\"btn btn-primary\" type=\"button\" id=\"ubicacionNext\">Continuar<\/button>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"step ${currentStep === 6 ? 'active' : ''}\">\r\n        <h2 class=\"question\">\u00bfQu\u00e9 inversi\u00f3n ten\u00e9s planeado hacer?<\/h2>\r\n        <p class=\"helper\">Esto nos ayuda a orientarte mejor desde el primer contacto.<\/p>\r\n\r\n        <div class=\"cards\">\r\n          <button class=\"card-btn\" type=\"button\" data-answer=\"inversion\" data-value=\"Hasta USD 99.000\">Hasta USD 99.000<\/button>\r\n          <button class=\"card-btn\" type=\"button\" data-answer=\"inversion\" data-value=\"Hasta USD 199.000\">Hasta USD 199.000<\/button>\r\n          <button class=\"card-btn\" type=\"button\" data-answer=\"inversion\" data-value=\"M\u00e1s de USD 200.000\">M\u00e1s de USD 200.000<\/button>\r\n          <button class=\"card-btn\" type=\"button\" data-answer=\"inversion\" data-value=\"Prefiero discutirlo\">Prefiero discutirlo<\/button>\r\n        <\/div>\r\n\r\n        <div class=\"error\" id=\"inversionError\"><\/div>\r\n\r\n        <div class=\"actions\">\r\n          <button class=\"btn btn-ghost\" type=\"button\" data-back>Volver<\/button>\r\n          <button class=\"btn btn-primary\" type=\"button\" id=\"inversionNext\">Continuar<\/button>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"step ${currentStep === 7 ? 'active' : ''}\">\r\n        <h2 class=\"question\">Ya casi est\u00e1<\/h2>\r\n        <p class=\"helper\">Dejanos tus datos y te contactamos con una estimaci\u00f3n bastante ajustada.<\/p>\r\n\r\n        <input class=\"field\" id=\"nombreInput\" type=\"text\" placeholder=\"Nombre\" value=\"${escapeHtml(state.nombre)}\" \/>\r\n        <input class=\"field\" id=\"telefonoInput\" type=\"tel\" placeholder=\"Tel\u00e9fono\" value=\"${escapeHtml(state.telefono)}\" \/>\r\n\r\n        <div class=\"error\" id=\"finalError\"><\/div>\r\n\r\n        <div class=\"actions\">\r\n          <button class=\"btn btn-ghost\" type=\"button\" data-back>Volver<\/button>\r\n          <button class=\"btn btn-primary btn-full\" type=\"button\" id=\"submitBtn\">${isSubmitting ? 'Enviando...' : 'Recibir estimaci\u00f3n'}<\/button>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"step ${currentStep === 8 ? 'active' : ''}\">\r\n        <div class=\"thanks\">\r\n          <div class=\"thanks-icon\">\u2713<\/div>\r\n          <h2 class=\"question\">Gracias.<\/h2>\r\n          <p>Con estos datos podemos darte una estimaci\u00f3n bastante ajustada. En breve te contactamos para comentarte el rango de inversi\u00f3n y pr\u00f3ximos pasos.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    `;\r\n  }\r\n\r\n  function bindEvents() {\r\n    const startBtn = root.querySelector('#startBtn');\r\n    if (startBtn) {\r\n      startBtn.addEventListener('click', () => goTo(1));\r\n    }\r\n\r\n    root.querySelectorAll('[data-back]').forEach(btn => {\r\n      btn.addEventListener('click', () => goTo(Math.max(0, currentStep - 1)));\r\n    });\r\n\r\n    root.querySelectorAll('[data-answer]').forEach(btn => {\r\n      btn.addEventListener('click', () => {\r\n        const key = btn.getAttribute('data-answer');\r\n        const value = btn.getAttribute('data-value');\r\n\r\n        state[key] = value;\r\n        syncSelectedStates();\r\n\r\n        if (key !== 'inversion') {\r\n          setTimeout(() => goTo(currentStep + 1), 120);\r\n        }\r\n      });\r\n    });\r\n\r\n    const ubicacionNext = root.querySelector('#ubicacionNext');\r\n    if (ubicacionNext) {\r\n      ubicacionNext.addEventListener('click', () => {\r\n        const input = root.querySelector('#ubicacionInput');\r\n        state.ubicacion = input ? input.value.trim() : '';\r\n        goTo(6);\r\n      });\r\n    }\r\n\r\n    const ubicacionInput = root.querySelector('#ubicacionInput');\r\n    if (ubicacionInput) {\r\n      ubicacionInput.addEventListener('keydown', (e) => {\r\n        if (e.key === 'Enter') {\r\n          e.preventDefault();\r\n          const btn = root.querySelector('#ubicacionNext');\r\n          if (btn) btn.click();\r\n        }\r\n      });\r\n    }\r\n\r\n    const inversionNext = root.querySelector('#inversionNext');\r\n    if (inversionNext) {\r\n      inversionNext.addEventListener('click', () => {\r\n        const error = root.querySelector('#inversionError');\r\n        if (!state.inversion) {\r\n          if (error) error.textContent = 'Seleccion\u00e1 una opci\u00f3n de inversi\u00f3n.';\r\n          return;\r\n        }\r\n        if (error) error.textContent = '';\r\n        goTo(7);\r\n      });\r\n    }\r\n\r\n    const submitBtn = root.querySelector('#submitBtn');\r\n    if (submitBtn) {\r\n      submitBtn.disabled = isSubmitting;\r\n\r\n      submitBtn.addEventListener('click', async () => {\r\n        console.log('CLICK EN SUBMIT');\r\n\r\n        if (isSubmitting) return;\r\n\r\n        const nombreInput = root.querySelector('#nombreInput');\r\n        const telefonoInput = root.querySelector('#telefonoInput');\r\n        const error = root.querySelector('#finalError');\r\n\r\n        const nombre = nombreInput ? nombreInput.value.trim() : '';\r\n        const telefono = telefonoInput ? telefonoInput.value.trim() : '';\r\n\r\n        if (!nombre) {\r\n          if (error) error.textContent = 'Por favor ingres\u00e1 tu nombre.';\r\n          return;\r\n        }\r\n\r\n        if (!telefono) {\r\n          if (error) error.textContent = 'Por favor ingres\u00e1 tu tel\u00e9fono.';\r\n          return;\r\n        }\r\n\r\n        if (telefono.replace(\/\\D\/g, '').length < 7) {\r\n          if (error) error.textContent = 'Ingres\u00e1 un tel\u00e9fono v\u00e1lido.';\r\n          return;\r\n        }\r\n\r\n        state.nombre = nombre;\r\n        state.telefono = telefono;\r\n\r\n        if (error) error.textContent = '';\r\n\r\n        const payload = {\r\n          terreno: state.terreno,\r\n          proyecto: state.proyecto,\r\n          habitaciones: state.habitaciones,\r\n          inicio: state.inicio,\r\n          ubicacion: state.ubicacion,\r\n          inversion: state.inversion,\r\n          nombre: state.nombre,\r\n          telefono: state.telefono,\r\n          source: '\/tu-casa\/',\r\n          createdAt: new Date().toISOString()\r\n        };\r\n\r\n        console.log('ENVIANDO PAYLOAD:', payload);\r\n\r\n        isSubmitting = true;\r\n        render();\r\n\r\n        try {\r\n          const response = await fetch('https:\/\/lacasauruguaya.com\/wp-json\/tu-casa\/v1\/lead', {\r\n            method: 'POST',\r\n            headers: {\r\n              'Content-Type': 'application\/json'\r\n            },\r\n            body: JSON.stringify(payload)\r\n          });\r\n\r\n          const result = await response.json();\r\n          console.log('RESPUESTA BACKEND:', result);\r\n\r\n          if (!response.ok || !result.success) {\r\n            throw new Error(result.message || 'No se pudo enviar el formulario');\r\n          }\r\n\r\n          isSubmitting = false;\r\n          goTo(8);\r\n        } catch (err) {\r\n          console.error('ERROR SUBMIT:', err);\r\n          isSubmitting = false;\r\n          render();\r\n          const newError = root.querySelector('#finalError');\r\n          if (newError) newError.textContent = err.message || 'Ocurri\u00f3 un problema al enviar. Prob\u00e1 nuevamente.';\r\n        }\r\n      });\r\n    }\r\n  }\r\n\r\n  function syncSelectedStates() {\r\n    root.querySelectorAll('[data-answer=\"terreno\"]').forEach(btn => {\r\n      btn.classList.toggle('selected', btn.getAttribute('data-value') === state.terreno);\r\n    });\r\n\r\n    root.querySelectorAll('[data-answer=\"proyecto\"]').forEach(btn => {\r\n      btn.classList.toggle('selected', btn.getAttribute('data-value') === state.proyecto);\r\n    });\r\n\r\n    root.querySelectorAll('[data-answer=\"habitaciones\"]').forEach(btn => {\r\n      btn.classList.toggle('selected', btn.getAttribute('data-value') === state.habitaciones);\r\n    });\r\n\r\n    root.querySelectorAll('[data-answer=\"inicio\"]').forEach(btn => {\r\n      btn.classList.toggle('selected', btn.getAttribute('data-value') === state.inicio);\r\n    });\r\n\r\n    root.querySelectorAll('[data-answer=\"inversion\"]').forEach(btn => {\r\n      btn.classList.toggle('selected', btn.getAttribute('data-value') === state.inversion);\r\n    });\r\n  }\r\n\r\n  function goTo(step) {\r\n    currentStep = step;\r\n    render();\r\n  }\r\n\r\n  function escapeHtml(str) {\r\n    return String(str || '')\r\n      .replace(\/&\/g, '&amp;')\r\n      .replace(\/<\/g, '&lt;')\r\n      .replace(\/>\/g, '&gt;')\r\n      .replace(\/\"\/g, '&quot;')\r\n      .replace(\/'\/g, '&#039;');\r\n  }\r\n\r\n  render();\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<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3407","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.lacasauruguaya.com\/en\/wp-json\/wp\/v2\/pages\/3407","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.lacasauruguaya.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.lacasauruguaya.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.lacasauruguaya.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.lacasauruguaya.com\/en\/wp-json\/wp\/v2\/comments?post=3407"}],"version-history":[{"count":57,"href":"https:\/\/www.lacasauruguaya.com\/en\/wp-json\/wp\/v2\/pages\/3407\/revisions"}],"predecessor-version":[{"id":3484,"href":"https:\/\/www.lacasauruguaya.com\/en\/wp-json\/wp\/v2\/pages\/3407\/revisions\/3484"}],"wp:attachment":[{"href":"https:\/\/www.lacasauruguaya.com\/en\/wp-json\/wp\/v2\/media?parent=3407"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}