Buscador Catastral RD - Coordenadas Geogr\u00e1ficas<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.css\" \/>\r\n <script src=\"https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.js\"><\/script>\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);\r\n min-height: 100vh;\r\n padding: 20px;\r\n line-height: 1.6;\r\n }\r\n\r\n .container {\r\n max-width: 1000px;\r\n margin: 0 auto;\r\n background: white;\r\n border-radius: 24px;\r\n box-shadow: 0 25px 50px rgba(0,0,0,0.1);\r\n overflow: hidden;\r\n }\r\n\r\n .header {\r\n background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);\r\n color: white;\r\n padding: 2.5rem;\r\n text-align: center;\r\n }\r\n\r\n .header h1 {\r\n font-size: 2.2rem;\r\n font-weight: 700;\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n .header p {\r\n opacity: 0.95;\r\n font-size: 1.1rem;\r\n max-width: 500px;\r\n margin: 0 auto;\r\n }\r\n\r\n .content {\r\n padding: 2.5rem;\r\n }\r\n\r\n .search-section {\r\n text-align: center;\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .catastral-input {\r\n position: relative;\r\n max-width: 400px;\r\n margin: 0 auto 1.5rem;\r\n }\r\n\r\n .catastral-input input {\r\n width: 100%;\r\n padding: 1.25rem 1.5rem 1.25rem 4rem;\r\n font-size: 1.3rem;\r\n font-weight: 600;\r\n border: 2px solid #e5e7eb;\r\n border-radius: 16px;\r\n text-align: center;\r\n letter-spacing: 0.1em;\r\n background: #fafbfc;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .catastral-input input:focus {\r\n outline: none;\r\n border-color: #3b82f6;\r\n background: white;\r\n box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.1);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .catastral-input input.valid {\r\n border-color: #10b981;\r\n background: #f0fdf4;\r\n }\r\n\r\n .catastral-input input.error {\r\n border-color: #ef4444;\r\n background: #fef2f2;\r\n }\r\n\r\n .input-icon {\r\n position: absolute;\r\n left: 1.25rem;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n font-size: 1.5rem;\r\n }\r\n\r\n .search-btn {\r\n padding: 1rem 2.5rem;\r\n background: linear-gradient(135deg, #10b981 0%, #059669 100%);\r\n color: white;\r\n border: none;\r\n border-radius: 12px;\r\n font-size: 1.1rem;\r\n font-weight: 600;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 10px 25px rgba(16, 185, 129, 0.3);\r\n }\r\n\r\n .search-btn:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 15px 35px rgba(16, 185, 129, 0.4);\r\n }\r\n\r\n .search-btn:disabled {\r\n opacity: 0.6;\r\n cursor: not-allowed;\r\n transform: none;\r\n }\r\n\r\n .results {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 2rem;\r\n margin: 2rem 0;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .results {\r\n grid-template-columns: 1fr;\r\n gap: 1.5rem;\r\n }\r\n }\r\n\r\n .result-card {\r\n background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\r\n border-radius: 16px;\r\n padding: 2rem;\r\n border: 1px solid #e2e8f0;\r\n }\r\n\r\n .result-title {\r\n font-size: 1rem;\r\n font-weight: 600;\r\n color: #64748b;\r\n text-transform: uppercase;\r\n letter-spacing: 0.05em;\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .result-value {\r\n font-size: 1.4rem;\r\n font-weight: 700;\r\n color: #1f2937;\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n .coord-secondary {\r\n font-size: 0.95rem;\r\n color: #6b7280;\r\n font-family: 'Courier New', monospace;\r\n }\r\n\r\n .action-buttons {\r\n display: flex;\r\n gap: 1rem;\r\n margin-top: 1.5rem;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .btn {\r\n flex: 1;\r\n min-width: 140px;\r\n padding: 0.875rem 1.25rem;\r\n border: none;\r\n border-radius: 10px;\r\n font-weight: 600;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n text-decoration: none;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.5rem;\r\n font-size: 0.95rem;\r\n }\r\n\r\n .btn-primary {\r\n background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);\r\n color: white;\r\n }\r\n\r\n .btn-secondary {\r\n background: #f8fafc;\r\n color: #374151;\r\n border: 2px solid #e5e7eb;\r\n }\r\n\r\n .btn:hover {\r\n transform: translateY(-1px);\r\n box-shadow: 0 10px 25px rgba(0,0,0,0.1);\r\n }\r\n\r\n .map-container {\r\n height: 400px;\r\n border-radius: 16px;\r\n overflow: hidden;\r\n box-shadow: 0 10px 30px rgba(0,0,0,0.1);\r\n margin-top: 2rem;\r\n position: relative;\r\n }\r\n\r\n .map-placeholder {\r\n height: 400px;\r\n background: linear-gradient(135deg, #e5e7eb 0%, #d1d5db 100%);\r\n border-radius: 16px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-top: 2rem;\r\n flex-direction: column;\r\n gap: 1rem;\r\n }\r\n\r\n .status-message {\r\n text-align: center;\r\n padding: 2rem;\r\n background: #fef3c7;\r\n border-radius: 12px;\r\n border-left: 4px solid #f59e0b;\r\n margin: 1rem 0;\r\n }\r\n\r\n .error-message {\r\n background: #fef2f2;\r\n border-left-color: #ef4444;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .content {\r\n padding: 1.5rem;\r\n }\r\n \r\n .header h1 {\r\n font-size: 1.8rem;\r\n }\r\n \r\n .catastral-input input {\r\n font-size: 1.1rem;\r\n padding: 1rem 1rem 1rem 3.5rem;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"container\">\r\n <div class=\"header\">\r\n <h1>\ud83d\udccd Buscador Catastral RD<\/h1>\r\n <p>Convierte tu designaci\u00f3n catastral de 12 d\u00edgitos en coordenadas geogr\u00e1ficas precisas para Rep\u00fablica Dominicana<\/p>\r\n <\/div>\r\n\r\n <div class=\"content\">\r\n <div class=\"search-section\">\r\n <div class=\"catastral-input\">\r\n <span class=\"input-icon\">\ud83c\udfe0<\/span>\r\n <input type=\"text\" id=\"catastralCode\" maxlength=\"12\" placeholder=\"123456789012\" autocomplete=\"off\">\r\n <\/div>\r\n <button class=\"search-btn\" id=\"searchBtn\">\ud83d\udd0d Buscar Coordenadas<\/button>\r\n <\/div>\r\n\r\n <div id=\"statusMessage\"><\/div>\r\n\r\n <div id=\"resultsSection\" style=\"display: none;\">\r\n <div class=\"results\">\r\n <div class=\"result-card\">\r\n <div class=\"result-title\">Coordenadas UTM<\/div>\r\n <div class=\"result-value\" id=\"utmCoords\">19Q 320056 2355790<\/div>\r\n <div class=\"coord-secondary\" id=\"utmDetails\">Zona 19Q - Rep\u00fablica Dominicana<\/div>\r\n <\/div>\r\n\r\n <div class=\"result-card\">\r\n <div class=\"result-title\">Coordenadas Geogr\u00e1ficas<\/div>\r\n <div class=\"result-value\" id=\"geoCoords\">18.4667\u00b0 N, -70.0333\u00b0 W<\/div>\r\n <div class=\"coord-secondary\" id=\"geoDetails\">Formato decimal WGS84<\/div>\r\n <div class=\"action-buttons\">\r\n <button class=\"btn btn-primary\" id=\"copyCoords\">\ud83d\udccb Copiar<\/button>\r\n <button class=\"btn btn-secondary\" id=\"googleMaps\">\ud83d\uddfa\ufe0f Google Maps<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"mapContainer\" class=\"map-container\"><\/div>\r\n <\/div>\r\n\r\n <div id=\"mapPlaceholder\" class=\"map-placeholder\" style=\"display: none;\">\r\n <div style=\"font-size: 1.2rem; font-weight: 600; color: #64748b;\">\ud83d\uddfa\ufe0f Mapa de la Propiedad<\/div>\r\n <div style=\"color: #9ca3af; font-size: 0.95rem;\">La ubicaci\u00f3n aparecer\u00e1 aqu\u00ed autom\u00e1ticamente<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n class CatastralSearch {\r\n constructor() {\r\n this.map = null;\r\n this.marker = null;\r\n this.currentLat = 0;\r\n this.currentLng = 0;\r\n this.catastralInput = document.getElementById('catastralCode');\r\n this.searchBtn = document.getElementById('searchBtn');\r\n this.resultsSection = document.getElementById('resultsSection');\r\n this.mapPlaceholder = document.getElementById('mapPlaceholder');\r\n this.mapContainer = document.getElementById('mapContainer');\r\n \r\n this.initializeMap();\r\n this.bindEvents();\r\n this.addInputValidation();\r\n }\r\n\r\n initializeMap() {\r\n \/\/ Centro por defecto en Santo Domingo\r\n this.map = L.map('mapContainer').setView([18.4861, -69.9312], 12);\r\n \r\n L.tileLayer('https:\/\/{s}.tile.openstreetmap.org\/{z}\/{x}\/{y}.png', {\r\n attribution: '\u00a9 OpenStreetMap contributors'\r\n }).addTo(this.map);\r\n }\r\n\r\n bindEvents() {\r\n this.searchBtn.addEventListener('click', () => this.search());\r\n this.catastralInput.addEventListener('keypress', (e) => {\r\n if (e.key === 'Enter') this.search();\r\n });\r\n\r\n document.getElementById('copyCoords').addEventListener('click', () => this.copyCoordinates());\r\n document.getElementById('googleMaps').addEventListener('click', () => this.openGoogleMaps());\r\n }\r\n\r\n addInputValidation() {\r\n this.catastralInput.addEventListener('input', (e) => {\r\n const value = e.target.value.replace(\/\\D\/g, '');\r\n e.target.value = value;\r\n \r\n if (value.length === 12) {\r\n e.target.classList.add('valid');\r\n e.target.classList.remove('error');\r\n this.searchBtn.disabled = false;\r\n } else {\r\n e.target.classList.remove('valid');\r\n this.searchBtn.disabled = true;\r\n }\r\n });\r\n }\r\n\r\n async search() {\r\n const code = this.catastralInput.value.replace(\/\\D\/g, '');\r\n \r\n if (code.length !== 12) {\r\n this.showError('\u274c Debe ingresar exactamente 12 d\u00edgitos num\u00e9ricos');\r\n return;\r\n }\r\n\r\n this.showLoading();\r\n \r\n try {\r\n const coords = this.processCatastralCode(code);\r\n const utm = this.buildUTM(coords);\r\n const geo = this.utmToLatLng(utm);\r\n \r\n this.currentLat = geo.lat;\r\n this.currentLng = geo.lng;\r\n \r\n this.displayResults(utm, geo, code);\r\n this.updateMap();\r\n \r\n } catch (error) {\r\n this.showError('\u274c Error al procesar el c\u00f3digo catastral');\r\n }\r\n }\r\n\r\n processCatastralCode(code) {\r\n const odds = code.split('').filter((_, i) => i % 2 === 0).join(''); \/\/ Posiciones impares (0,2,4...)\r\n const evens = code.split('').filter((_, i) => i % 2 === 1).join(''); \/\/ Posiciones pares (1,3,5...)\r\n \r\n return {\r\n x: parseInt(odds),\r\n y: parseInt(evens)\r\n };\r\n }\r\n\r\n buildUTM(coords) {\r\n const x = '3' + coords.x.toString().padStart(5, '0');\r\n const y = '2' + coords.y.toString().padStart(6, '0');\r\n \r\n return {\r\n zone: 19,\r\n band: 'Q',\r\n easting: parseInt(x),\r\n northing: parseInt(y)\r\n };\r\n }\r\n\r\n \/\/ Algoritmo de conversi\u00f3n UTM a Lat\/Lng (WGS84)\r\n utmToLatLng(utm) {\r\n const k0 = 0.9996;\r\n const a = 6378137.0;\r\n const f = 1 \/ 298.257223563;\r\n const b = a * (1 - f);\r\n const e = Math.sqrt((a * a - b * b) \/ (a * a));\r\n const e2 = e * e;\r\n const n = (a - b) \/ (a + b);\r\n const n2 = n * n;\r\n const n3 = n2 * n;\r\n const n4 = n2 * n2;\r\n\r\n const phi1 = this.latBandToPhi1(utm.band);\r\n const M = this.mapProjection(utm.northing \/ k0, phi1, n2, n3, n4);\r\n\r\n let mu = M \/ (a * (1 - e2 \/ 4 - 3 * e2 * e2 \/ 64 - 5 * e2 * e2 * e2 \/ 256));\r\n let e1 = (1 - Math.sqrt(1 - e2)) \/ (1 + Math.sqrt(1 - e2));\r\n let phi = mu + (3 * e1 \/ 2 - 27 * e1 * e1 * e1 \/ 32) * Math.sin(2 * mu) +\r\n (21 * e1 * e1 \/ 16 - 55 * e1 * e1 * e1 * e1 \/ 32) * Math.sin(4 * mu) +\r\n (151 * e1 * e1 * e1 \/ 96) * Math.sin(6 * mu);\r\n\r\n const rho = a * (1 - e2) \/ Math.pow(1 - e2 * Math.sin(phi) * Math.sin(phi), 1.5);\r\n const nu = a \/ Math.sqrt(1 - e2 * Math.sin(phi) * Math.sin(phi));\r\n\r\n const t = Math.tan(phi);\r\n const t2 = t * t;\r\n const C1 = (e2 * Math.cos(phi) * Math.cos(phi)) \/ (1 - e2);\r\n const R1 = a * (1 - e2) \/ Math.pow(1 - e2 * Math.sin(phi) * Math.sin(phi), 1.5);\r\n const D = (utm.easting - 500000) \/ (nu * k0);\r\n\r\n let lat = phi - (nu * t \/ R1) * (D * D \/ 2 - (5 + 3 * t2 + C1 - 9 * C1 * t2) * D * D * D * D \/ 24 +\r\n (61 + 90 * t2 + 45 * t2 * t2) * D * D * D * D * D * D \/ 720);\r\n\r\n lat = lat * 180 \/ Math.PI;\r\n\r\n let lng0 = ((utm.zone - 1) * 6 - 180 + 3) * Math.PI \/ 180;\r\n let lng = lng0 + (D - (1 + 2 * t2 + C1) * D * D * D \/ 6 +\r\n (5 - 2 * C1 + 28 * t2 - 3 * C1 * C1 + 8 * e2 + 24 * t2 * t2) * D * D * D * D * D \/ 120) \/ Math.cos(phi);\r\n\r\n lng = lng * 180 \/ Math.PI;\r\n\r\n return { lat, lng };\r\n }\r\n\r\n latBandToPhi1(band) {\r\n const latBands = {\r\n 'C': -72.5378, 'D': -64.5573, 'E': -56.5767, 'F': -48.5962,\r\n 'G': -40.6157, 'H': -32.6352, 'J': -24.6547, 'K': -16.6742,\r\n 'L': -8.6937, 'M': 0, 'N': 8.6937, 'P': 16.6742,\r\n 'Q': 24.6547, 'R': 32.6352, 'S': 40.6157, 'T': 48.\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-22adaa8 e-con-full e-flex jltma-glass-effect-no e-con e-child\" data-id=\"22adaa8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-664b862 jltma-glass-effect-no elementor-widget elementor-widget-spacer\" data-id=\"664b862\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-691ea11 e-con-full e-flex jltma-glass-effect-no e-con e-child\" data-id=\"691ea11\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-abc590b jltma-glass-effect-no elementor-widget elementor-widget-heading\" data-id=\"abc590b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">FORMULARIO SOLICITUD<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b0910bc jltma-glass-effect-no elementor-widget elementor-widget-html\" data-id=\"b0910bc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Solicitud de Tasaci\u00f3n Inmobiliaria RD<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);\r\n min-height: 100vh;\r\n padding: 20px;\r\n line-height: 1.6;\r\n }\r\n\r\n .container {\r\n max-width: 600px;\r\n margin: 0 auto;\r\n background: white;\r\n border-radius: 24px;\r\n box-shadow: 0 25px 60px rgba(0,0,0,0.15);\r\n overflow: hidden;\r\n }\r\n\r\n .header {\r\n background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%);\r\n color: white;\r\n padding: 3rem 2.5rem;\r\n text-align: center;\r\n }\r\n\r\n .header h1 {\r\n font-size: 2.2rem;\r\n font-weight: 700;\r\n margin-bottom: 0.75rem;\r\n }\r\n\r\n .header p {\r\n font-size: 1.15rem;\r\n opacity: 0.95;\r\n max-width: 450px;\r\n margin: 0 auto;\r\n }\r\n\r\n .form-container {\r\n padding: 2.5rem;\r\n }\r\n\r\n .form-group {\r\n margin-bottom: 1.75rem;\r\n }\r\n\r\n .form-group label {\r\n display: block;\r\n font-weight: 600;\r\n color: #1f2937;\r\n margin-bottom: 0.75rem;\r\n font-size: 0.95rem;\r\n }\r\n\r\n .form-group.required label::after {\r\n content: ' *';\r\n color: #ef4444;\r\n }\r\n\r\n input, select, textarea {\r\n width: 100%;\r\n padding: 1.1rem 1.25rem;\r\n border: 2px solid #e5e7eb;\r\n border-radius: 14px;\r\n font-size: 1rem;\r\n font-family: inherit;\r\n background: #fafbfc;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n input:focus, select:focus, textarea:focus {\r\n outline: none;\r\n border-color: #3b82f6;\r\n background: white;\r\n box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.1);\r\n transform: translateY(-1px);\r\n }\r\n\r\n input.error, select.error, textarea.error {\r\n border-color: #ef4444;\r\n background: #fef2f2;\r\n }\r\n\r\n .phone-input {\r\n position: relative;\r\n }\r\n\r\n .phone-prefix {\r\n position: absolute;\r\n left: 1.25rem;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n color: #6b7280;\r\n font-weight: 600;\r\n pointer-events: none;\r\n }\r\n\r\n input[type=\"tel\"] {\r\n padding-left: 4.5rem;\r\n }\r\n\r\n .property-type-group {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n gap: 1rem;\r\n margin-top: 1rem;\r\n }\r\n\r\n .property-option {\r\n position: relative;\r\n }\r\n\r\n .property-option input[type=\"radio\"] {\r\n position: absolute;\r\n opacity: 0;\r\n }\r\n\r\n .property-option label {\r\n display: flex;\r\n align-items: center;\r\n gap: 0.75rem;\r\n padding: 1.1rem 1.25rem;\r\n border: 2px solid #e5e7eb;\r\n border-radius: 12px;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n font-weight: 500;\r\n background: #fafbfc;\r\n }\r\n\r\n .property-option input[type=\"radio\"]:checked + label {\r\n border-color: #10b981;\r\n background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);\r\n box-shadow: 0 4px 12px rgba(16, 185, 129, 0.15);\r\n }\r\n\r\n .property-icon {\r\n width: 24px;\r\n height: 24px;\r\n flex-shrink: 0;\r\n }\r\n\r\n textarea {\r\n resize: vertical;\r\n min-height: 100px;\r\n font-family: inherit;\r\n }\r\n\r\n .checkbox-group {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 0.75rem;\r\n margin: 2rem 0 1.5rem;\r\n padding: 1.25rem;\r\n background: #f8fafc;\r\n border-radius: 12px;\r\n border: 2px solid #e5e7eb;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .checkbox-group.error {\r\n border-color: #ef4444;\r\n background: #fef2f2;\r\n }\r\n\r\n .checkbox-group input[type=\"checkbox\"] {\r\n width: auto;\r\n margin: 0.2rem 0 0 0;\r\n flex-shrink: 0;\r\n }\r\n\r\n .checkbox-text {\r\n font-size: 0.95rem;\r\n color: #4b5563;\r\n line-height: 1.5;\r\n }\r\n\r\n .button-group {\r\n display: flex;\r\n gap: 1rem;\r\n margin-top: 2rem;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .btn {\r\n flex: 1;\r\n padding: 1.25rem 2rem;\r\n border: none;\r\n border-radius: 14px;\r\n font-size: 1.1rem;\r\n font-weight: 600;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n text-decoration: none;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.75rem;\r\n min-height: 56px;\r\n }\r\n\r\n .btn-primary {\r\n background: linear-gradient(135deg, #10b981 0%, #059669 100%);\r\n color: white;\r\n box-shadow: 0 10px 25px rgba(16, 185, 129, 0.3);\r\n }\r\n\r\n .btn-primary:hover:not(:disabled) {\r\n transform: translateY(-2px);\r\n box-shadow: 0 15px 35px rgba(16, 185, 129, 0.4);\r\n }\r\n\r\n .btn-secondary {\r\n background: #f8fafc;\r\n color: #374151;\r\n border: 2px solid #e5e7eb;\r\n font-weight: 500;\r\n }\r\n\r\n .btn-secondary:hover {\r\n background: #f1f5f9;\r\n border-color: #d1d5db;\r\n }\r\n\r\n .btn:disabled {\r\n opacity: 0.6;\r\n cursor: not-allowed;\r\n transform: none;\r\n }\r\n\r\n .success-message {\r\n display: none;\r\n background: linear-gradient(135deg, #dcfce7 0%, #bbf7d0 100%);\r\n border: 2px solid #10b981;\r\n border-radius: 16px;\r\n padding: 2.5rem;\r\n text-align: center;\r\n margin-top: 2rem;\r\n }\r\n\r\n .success-message.show {\r\n display: block;\r\n animation: slideIn 0.4s ease-out;\r\n }\r\n\r\n .success-icon {\r\n font-size: 3rem;\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .success-title {\r\n font-size: 1.5rem;\r\n font-weight: 700;\r\n color: #166534;\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n .success-text {\r\n color: #166534;\r\n font-size: 1.1rem;\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n .whatsapp-btn {\r\n background: #25D366 !important;\r\n box-shadow: 0 10px 25px rgba(37, 211, 102, 0.4) !important;\r\n }\r\n\r\n @keyframes slideIn {\r\n from {\r\n opacity: 0;\r\n transform: translateY(20px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n .error-message {\r\n color: #dc2626;\r\n font-size: 0.875rem;\r\n margin-top: 0.5rem;\r\n display: none;\r\n }\r\n\r\n .error-message.show {\r\n display: block;\r\n }\r\n\r\n @media (max-width: 640px) {\r\n body {\r\n padding: 10px;\r\n }\r\n \r\n .header {\r\n padding: 2rem 1.5rem;\r\n }\r\n \r\n .header h1 {\r\n font-size: 1.8rem;\r\n }\r\n \r\n .form-container {\r\n padding: 2rem 1.5rem;\r\n }\r\n \r\n .property-type-group {\r\n grid-template-columns: 1fr;\r\n }\r\n \r\n .button-group {\r\n flex-direction: column;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"container\">\r\n <div class=\"header\">\r\n <h1>\ud83c\udfe0 Solicitud de Tasaci\u00f3n<\/h1>\r\n <p>Obt\u00e9n una tasaci\u00f3n profesional de tu propiedad en Rep\u00fablica Dominicana. Respuesta en 24 horas.<\/p>\r\n <\/div>\r\n\r\n <div class=\"form-container\">\r\n <form id=\"tasationForm\">\r\n \r\n <div class=\"form-group required\">\r\n <label for=\"fullName\">Nombre Completo<\/label>\r\n <input type=\"text\" id=\"fullName\" name=\"fullName\" required>\r\n <div class=\"error-message\" id=\"fullNameError\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"form-group required\">\r\n <label for=\"phone\">Tel\u00e9fono<\/label>\r\n <div class=\"phone-input\">\r\n <span class=\"phone-prefix\">+1 (829\/849\/850)<\/span>\r\n <input type=\"tel\" id=\"phone\" name=\"phone\" placeholder=\"XXX-XXX-XXXX\" required>\r\n <\/div>\r\n <div class=\"error-message\" id=\"phoneError\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"form-group\">\r\n <label for=\"email\">Correo Electr\u00f3nico<\/label>\r\n <input type=\"email\" id=\"email\" name=\"email\">\r\n <div class=\"error-message\" id=\"emailError\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"form-group\">\r\n <label for=\"bank\">Instituci\u00f3n Bancaria<\/label>\r\n <select id=\"bank\" name=\"bank\">\r\n <option value=\"\">Seleccionar...<\/option>\r\n <option value=\"Banco Popular\">Banco Popular<\/option>\r\n <option value=\"Banco BHD\">Banco BHD<\/option>\r\n <option value=\"Banco Reservas\">Banco Reservas<\/option>\r\n <option value=\"Scotiabank\">Scotiabank<\/option>\r\n <option value=\"Citibank\">Citibank<\/option>\r\n <option value=\"Banco Ademi\">Banco Ademi<\/option>\r\n <option value=\"Otra\">Otra<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n \r\n <div class=\"form-group required\">\r\n <label>Tipo de Inmueble<\/label>\r\n <div class=\"property-type-group\">\r\n <div class=\"property-option\">\r\n <input type=\"radio\" id=\"apartment\" name=\"propertyType\" value=\"Apartamento\" required>\r\n <label for=\"apartment\">\r\n <span class=\"property-icon\">\ud83c\udfe2<\/span>\r\n Apartamento\r\n <\/label>\r\n <\/div>\r\n <div class=\"property-option\">\r\n <input type=\"radio\" id=\"house\" name=\"propertyType\" value=\"Casa\" required>\r\n <label for=\"house\">\r\n <span class=\"property-icon\">\ud83c\udfe0<\/span>\r\n Casa\r\n <\/label>\r\n <\/div>\r\n <div class=\"property-option\">\r\n <input type=\"radio\" id=\"land\" name=\"propertyType\" value=\"Solar\" required>\r\n <label for=\"land\">\r\n <span class=\"property-icon\">\ud83d\udccf<\/span>\r\n Solar\r\n <\/label>\r\n <\/div>\r\n <div class=\"property-option\">\r\n <input type=\"radio\" id=\"commercial\" name=\"propertyType\" value=\"Local comercial\" required>\r\n <label for=\"commercial\">\r\n <span class=\"property-icon\">\ud83c\udfea<\/span>\r\n Local comercial\r\n <\/label>\r\n <\/div>\r\n <div class=\"property-option\">\r\n <input type=\"radio\" id=\"industrial\" name=\"propertyType\" value=\"Nave industrial\" required>\r\n <label for=\"industrial\">\r\n <span class=\"property-icon\">\ud83c\udfed<\/span>\r\n Nave industrial\r\n <\/label>\r\n <\/div>\r\n <div class=\"property-option\">\r\n <input type=\"radio\" id=\"other\" name=\"propertyType\" value=\"Otro\" required>\r\n <label for=\"other\">\r\n <span class=\"property-icon\">\ud83d\udccb<\/span>\r\n Otro\r\n <\/label>\r\n <\/div>\r\n <\/div>\r\n <div class=\"error-message\" id=\"propertyTypeError\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"form-group\">\r\n <label for=\"location\">Ubicaci\u00f3n del Inmueble<\/label>\r\n <input type=\"text\" id=\"location\" name=\"location\" placeholder=\"Ej: Calle Duarte #123, Santo Domingo\">\r\n <\/div>\r\n\r\n \r\n <div class=\"form-group\">\r\n <label for=\"message\">Mensaje Adicional (opcional)<\/label>\r\n <textarea id=\"message\" name=\"message\" placeholder=\"Detalles adicionales sobre la propiedad...\"><\/textarea>\r\n <\/div>\r\n\r\n \r\n <div class=\"checkbox-group required\" id=\"consentGroup\">\r\n <input type=\"checkbox\" id=\"consent\" name=\"consent\" required>\r\n <label for=\"consent\" class=\"checkbox-text\">\r\n Acepto ser contactado para fines de tasaci\u00f3n y he le\u00eddo la \r\n <a href=\"#\" style=\"color: #3b82f6; text-decoration: underline;\">pol\u00edtica de privacidad<\/a>\r\n <\/label>\r\n <\/div>\r\n <div class=\"error-message\" id=\"consentError\"><\/div>\r\n\r\n \r\n <div class=\"button-group\">\r\n <button type=\"submit\" class=\"btn btn-primary\" id=\"submitBtn\">\r\n \ud83d\ude80 Solicitar Tasaci\u00f3n\r\n <\/button>\r\n <a href=\"https:\/\/wa.me\/18291234567?text=Hola%2C%20quiero%20hablar%20con%20un%20asesor%20de%20tasaciones\" \r\n class=\"btn btn-secondary whatsapp-btn\" target=\"_blank\">\r\n \ud83d\udcac Hablar con Asesor\r\n <\/a>\r\n <\/div>\r\n <\/form>\r\n\r\n \r\n <div class=\"success-message\" id=\"successMessage\">\r\n <div class=\"success-icon\">\u2705<\/div>\r\n <div class=\"success-title\">\u00a1Tasaci\u00f3n Solicitada!<\/div>\r\n <div class=\"success-text\">Hemos recibido tu solicitud y te contactaremos en las pr\u00f3ximas 24 horas.<\/div>\r\n <div style=\"font-size: 0.95rem; color: #166534; opacity: 0.8;\">\r\n \ud83d\udcf1 Tambi\u00e9n recibir\u00e1s confirmaci\u00f3n por WhatsApp\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n class TasationForm {\r\n constructor() {\r\n this.form = document.getElementById('tasationForm');\r\n this.submitBtn = document.getElementById('submitBtn');\r\n this.successMessage = document.getElementById('successMessage');\r\n this.phoneRegex = \/^(\\d{3})-?(\\d{3})-?(\\d{4})$\/;\r\n this.phoneInput = document.getElementById('phone');\r\n \r\n this.initialize();\r\n }\r\n\r\n initialize() {\r\n this.bindEvents();\r\n this.addInputListeners();\r\n this.formatPhoneInput();\r\n }\r\n\r\n bindEvents() {\r\n this.form.addEventListener('submit', (e) => this.handleSubmit(e));\r\n }\r\n\r\n addInputListeners() {\r\n \/\/ Real-time validation\r\n ['fullName', 'phone', 'propertyType', 'consent'].forEach(field => {\r\n const element = document.getElementById(field);\r\n const errorEl = document.getElementById(field + 'Error');\r\n \r\n element.addEventListener('input', () => {\r\n this.validateField(field);\r\n this.toggleSubmitButton();\r\n });\r\n \r\n element.addEventListener('change', () => {\r\n this.validateField(field);\r\n this.toggleSubmitButton();\r\n });\r\n });\r\n\r\n \/\/ Email validation\r\n document.getElementById('email').addEventListener('input', () => {\r\n this.validateEmail();\r\n });\r\n }\r\n\r\n formatPhoneInput() {\r\n this.phoneInput.addEventListener('input', (e) => {\r\n let value = e.target.value.replace(\/\\D\/g, '');\r\n if (value.length >= 3) value = value.slice(0,3) + '-' + value.slice(3,6) + '-' + value.slice(6,10);\r\n else if (value.length >= 6) value = value.slice(0,3) + '-' + value.slice(3);\r\n e.target.value = value.slice(0,12);\r\n });\r\n }\r\n\r\n validateField(field) {\r\n const element = document.getElementById(field);\r\n const errorEl = document.getElementById(field + 'Error');\r\n let isValid = true;\r\n let errorMsg = '';\r\n\r\n switch(field) {\r\n case 'fullName':\r\n isValid = element.value.trim().length >= 2;\r\n errorMsg = 'Ingrese su nombre completo';\r\n break;\r\n case 'phone':\r\n isValid = this.phoneRegex.test(element.value.replace(\/-\/g, ''));\r\n errorMsg = 'Tel\u00e9fono inv\u00e1lido (ej: 555-123-4567)';\r\n break;\r\n case 'propertyType':\r\n isValid = document.querySelector('input[name=\"propertyType\"]:checked');\r\n errorMsg = 'Seleccione el tipo de inmueble';\r\n break;\r\n case 'consent':\r\n isValid = document.getElementById('consent').checked;\r\n errorMsg = 'Debe aceptar ser contactado';\r\n break;\r\n }\r\n\r\n if\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-86a5c55 e-flex e-con-boxed jltma-glass-effect-no e-con e-parent\" data-id=\"86a5c55\" 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-8eee081 jltma-glass-effect-no elementor-widget elementor-widget-spacer\" data-id=\"8eee081\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\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>PRESENTACIOn AREA INFORMACION BUSCADOR DE COORDENADAS Buscador Catastral RD – Coordenadas Geogr\u00e1ficas \ud83d\udccd Buscador Catastral RD Convierte tu designaci\u00f3n catastral de 12 d\u00edgitos en coordenadas geogr\u00e1ficas precisas para Rep\u00fablica Dominicana \ud83c\udfe0 \ud83d\udd0d Buscar Coordenadas Coordenadas UTM 19Q 320056 2355790 Zona 19Q – Rep\u00fablica Dominicana Coordenadas Geogr\u00e1ficas 18.4667\u00b0 N, -70.0333\u00b0 W Formato decimal WGS84 \ud83d\udccb Copiar […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-49","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>TASACIONES - callesyesquinas.com<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/callesyesquinas.com\/?page_id=49\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"TASACIONES - callesyesquinas.com\" \/>\n<meta property=\"og:description\" content=\"PRESENTACIOn AREA INFORMACION BUSCADOR DE COORDENADAS Buscador Catastral RD – Coordenadas Geogr\u00e1ficas \ud83d\udccd Buscador Catastral RD Convierte tu designaci\u00f3n catastral de 12 d\u00edgitos en coordenadas geogr\u00e1ficas precisas para Rep\u00fablica Dominicana \ud83c\udfe0 \ud83d\udd0d Buscar Coordenadas Coordenadas UTM 19Q 320056 2355790 Zona 19Q – Rep\u00fablica Dominicana Coordenadas Geogr\u00e1ficas 18.4667\u00b0 N, -70.0333\u00b0 W Formato decimal WGS84 \ud83d\udccb Copiar […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/callesyesquinas.com\/?page_id=49\" \/>\n<meta property=\"og:site_name\" content=\"callesyesquinas.com\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-18T17:36:50+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"12 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/callesyesquinas.com\/?page_id=49\",\"url\":\"https:\/\/callesyesquinas.com\/?page_id=49\",\"name\":\"TASACIONES - callesyesquinas.com\",\"isPartOf\":{\"@id\":\"https:\/\/callesyesquinas.com\/#website\"},\"datePublished\":\"2026-03-10T22:01:42+00:00\",\"dateModified\":\"2026-03-18T17:36:50+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/callesyesquinas.com\/?page_id=49#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/callesyesquinas.com\/?page_id=49\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/callesyesquinas.com\/?page_id=49#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/callesyesquinas.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"TASACIONES\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/callesyesquinas.com\/#website\",\"url\":\"https:\/\/callesyesquinas.com\/\",\"name\":\"callesyesquinas.com\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/callesyesquinas.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n","yoast_head_json":{"title":"TASACIONES - callesyesquinas.com","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/callesyesquinas.com\/?page_id=49","og_locale":"en_US","og_type":"article","og_title":"TASACIONES - callesyesquinas.com","og_description":"PRESENTACIOn AREA INFORMACION BUSCADOR DE COORDENADAS Buscador Catastral RD – Coordenadas Geogr\u00e1ficas \ud83d\udccd Buscador Catastral RD Convierte tu designaci\u00f3n catastral de 12 d\u00edgitos en coordenadas geogr\u00e1ficas precisas para Rep\u00fablica Dominicana \ud83c\udfe0 \ud83d\udd0d Buscar Coordenadas Coordenadas UTM 19Q 320056 2355790 Zona 19Q – Rep\u00fablica Dominicana Coordenadas Geogr\u00e1ficas 18.4667\u00b0 N, -70.0333\u00b0 W Formato decimal WGS84 \ud83d\udccb Copiar […]","og_url":"https:\/\/callesyesquinas.com\/?page_id=49","og_site_name":"callesyesquinas.com","article_modified_time":"2026-03-18T17:36:50+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"12 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/callesyesquinas.com\/?page_id=49","url":"https:\/\/callesyesquinas.com\/?page_id=49","name":"TASACIONES - callesyesquinas.com","isPartOf":{"@id":"https:\/\/callesyesquinas.com\/#website"},"datePublished":"2026-03-10T22:01:42+00:00","dateModified":"2026-03-18T17:36:50+00:00","breadcrumb":{"@id":"https:\/\/callesyesquinas.com\/?page_id=49#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/callesyesquinas.com\/?page_id=49"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/callesyesquinas.com\/?page_id=49#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/callesyesquinas.com\/"},{"@type":"ListItem","position":2,"name":"TASACIONES"}]},{"@type":"WebSite","@id":"https:\/\/callesyesquinas.com\/#website","url":"https:\/\/callesyesquinas.com\/","name":"callesyesquinas.com","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/callesyesquinas.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"brizy_media":[],"_links":{"self":[{"href":"https:\/\/callesyesquinas.com\/index.php?rest_route=\/wp\/v2\/pages\/49","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/callesyesquinas.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/callesyesquinas.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/callesyesquinas.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/callesyesquinas.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=49"}],"version-history":[{"count":5,"href":"https:\/\/callesyesquinas.com\/index.php?rest_route=\/wp\/v2\/pages\/49\/revisions"}],"predecessor-version":[{"id":286,"href":"https:\/\/callesyesquinas.com\/index.php?rest_route=\/wp\/v2\/pages\/49\/revisions\/286"}],"wp:attachment":[{"href":"https:\/\/callesyesquinas.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=49"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}