{"id":47,"date":"2026-03-23T04:56:12","date_gmt":"2026-03-23T04:56:12","guid":{"rendered":"https:\/\/proptrustverified.com\/?page_id=47"},"modified":"2026-04-05T18:55:24","modified_gmt":"2026-04-05T18:55:24","slug":"prop-trust-verified","status":"publish","type":"page","link":"https:\/\/proptrustverified.com\/en\/prop-trust-verified\/","title":{"rendered":"Prop Trust Verified"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n  <!-- ========================================\n       METADATA & SEO AVANZADO\n       ======================================== -->\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\n  <meta http-equiv=\"Content-Language\" content=\"es\">\n  \n  <!-- Primary Meta Tags - Optimizados para CTR -->\n  <title>PropTrust Verified\u2122 | Verificaci\u00f3n Profesional para Compraventa Inmobiliaria en Valencia y Espa\u00f1a<\/title>\n  <meta name=\"title\" content=\"PropTrust Verified\u2122 | Verificaci\u00f3n Profesional para Compraventa Inmobiliaria en Valencia y Espa\u00f1a\">\n  <meta name=\"description\" content=\"Verificaci\u00f3n documental y t\u00e9cnica para propiedades en Espa\u00f1a. Reduce riesgos en tu compraventa con informes profesionales. Certificado en 48h. \ud83d\udcde 662 221 582\">\n  <meta name=\"keywords\" content=\"verificaci\u00f3n inmobiliaria, certificaci\u00f3n propiedad, compraventa segura, peritaje inmobiliario, transparencia inmobiliaria, informe propiedad, due diligence inmobiliaria, Valencia, Espa\u00f1a, PropTrust Verified\">\n  <meta name=\"author\" content=\"PropTrust Verified SL\">\n  <meta name=\"robots\" content=\"index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1\">\n  <meta name=\"googlebot\" content=\"index, follow\">\n  <meta name=\"bingbot\" content=\"index, follow\">\n  <meta name=\"language\" content=\"es\">\n  <meta name=\"revisit-after\" content=\"7 days\">\n  <meta name=\"distribution\" content=\"global\">\n  <meta name=\"rating\" content=\"general\">\n  \n  <!-- Canonical URL - Evita contenido duplicado -->\n  <link rel=\"canonical\" href=\"https:\/\/proptrustverified.com\/\">\n  \n  <!-- Hreflang para SEO Internacional -->\n  <link rel=\"alternate\" hreflang=\"es\" href=\"https:\/\/proptrustverified.com\/es\/\">\n  <link rel=\"alternate\" hreflang=\"en\" href=\"https:\/\/proptrustverified.com\/en\/\">\n  <link rel=\"alternate\" hreflang=\"pt\" href=\"https:\/\/proptrustverified.com\/pt\/\">\n  <link rel=\"alternate\" hreflang=\"x-default\" href=\"https:\/\/proptrustverified.com\/\">\n  \n  <!-- Open Graph \/ Facebook - Para compartir en redes -->\n  <meta property=\"og:type\" content=\"website\">\n  <meta property=\"og:url\" content=\"https:\/\/proptrustverified.com\/\">\n  <meta property=\"og:site_name\" content=\"PropTrust Verified\">\n  <meta property=\"og:title\" content=\"PropTrust Verified\u2122 | Verificaci\u00f3n Profesional Inmobiliaria\">\n  <meta property=\"og:description\" content=\"Verificaci\u00f3n documental y t\u00e9cnica para propiedades en Espa\u00f1a. Reduce riesgos en tu compraventa con informes profesionales.\">\n  <meta property=\"og:image\" content=\"https:\/\/proptrustverified.com\/assets\/og-image-1200x630.jpg\">\n  <meta property=\"og:image:width\" content=\"1200\">\n  <meta property=\"og:image:height\" content=\"630\">\n  <meta property=\"og:image:alt\" content=\"PropTrust Verified - Verificaci\u00f3n Profesional Inmobiliaria\">\n  <meta property=\"og:locale\" content=\"es_ES\">\n  <meta property=\"og:locale:alternate\" content=\"en_US\">\n  <meta property=\"fb:app_id\" content=\"TU_FACEBOOK_APP_ID\">\n  \n  <!-- Twitter Cards - Para visibilidad en X\/Twitter -->\n  <meta name=\"twitter:card\" content=\"summary_large_image\">\n  <meta name=\"twitter:site\" content=\"@PropTrustVerify\">\n  <meta name=\"twitter:creator\" content=\"@PropTrustVerify\">\n  <meta name=\"twitter:url\" content=\"https:\/\/proptrustverified.com\/\">\n  <meta name=\"twitter:title\" content=\"PropTrust Verified\u2122 | Verificaci\u00f3n Profesional Inmobiliaria\">\n  <meta name=\"twitter:description\" content=\"Verificaci\u00f3n documental y t\u00e9cnica para propiedades en Espa\u00f1a. Reduce riesgos en tu compraventa.\">\n  <meta name=\"twitter:image\" content=\"https:\/\/proptrustverified.com\/assets\/twitter-image-1200x600.jpg\">\n  <meta name=\"twitter:image:alt\" content=\"PropTrust Verified - Verificaci\u00f3n Profesional\">\n  \n  <!-- Pinterest Rich Pins -->\n  <meta name=\"p:domain_verify\" content=\"TU_PINTEREST_VERIFY_CODE\">\n  \n  <!-- Favicon & Apple Touch Icons -->\n  <link rel=\"icon\" type=\"image\/svg+xml\" href=\"image\/svg+xml,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 100 100'><rect x='10' y='10' width='80' height='80' rx='8' fill='%231A365D'\/><path d='M30 60 L50 40 L70 60 Z' fill='none' stroke='%2310B981' stroke-width='4'\/><circle cx='50' cy='35' r='8' fill='none' stroke='%2310B981' stroke-width='3'\/><path d='M45 65 L50 70 L60 55' fill='none' stroke='%2310B981' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'\/><\/svg>&#8220;>\n  <link rel=\"icon\" type=\"image\/png\" sizes=\"32x32\" href=\"\/favicon-32x32.png\">\n  <link rel=\"icon\" type=\"image\/png\" sizes=\"16x16\" href=\"\/favicon-16x16.png\">\n  <link rel=\"apple-touch-icon\" sizes=\"180x180\" href=\"\/apple-touch-icon.png\">\n  <link rel=\"manifest\" href=\"\/site.webmanifest\">\n  <meta name=\"theme-color\" content=\"#1A365D\">\n  <meta name=\"msapplication-TileColor\" content=\"#1A365D\">\n  <meta name=\"msapplication-config\" content=\"\/browserconfig.xml\">\n  \n  <!-- Preconnect para rendimiento -->\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n  <link rel=\"preconnect\" href=\"https:\/\/www.googletagmanager.com\">\n  <link rel=\"preconnect\" href=\"https:\/\/www.google-analytics.com\">\n  \n  <!-- DNS Prefetch para recursos externos -->\n  <link rel=\"dns-prefetch\" href=\"\/\/fonts.googleapis.com\">\n  <link rel=\"dns-prefetch\" href=\"\/\/fonts.gstatic.com\">\n  <link rel=\"dns-prefetch\" href=\"\/\/www.googletagmanager.com\">\n  \n  <!-- Resource Hints -->\n  <link rel=\"preload\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&#038;family=Montserrat:wght@600;700&#038;display=swap\" as=\"style\">\n  <link rel=\"preload\" href=\"\/assets\/logo-proptrust.svg\" as=\"image\" type=\"image\/svg+xml\">\n  \n  <!-- ========================================\n       ESTILOS CSS - DESIGN SYSTEM PROPTRUST (2000+ l\u00edneas)\n       ======================================== -->\n  <style>\n    \/* ========================================\n       1. CSS VARIABLES & RESET\n       ======================================== *\/\n    :root {\n      \/* Brand Colors - PropTrust Verified Palette *\/\n      --color-navy-base: #1A365D;\n      --color-navy-dark: #152238;\n      --color-navy-light: #2C4A75;\n      --color-navy-lighter: #4A6FA5;\n      --color-emerald-base: #10B981;\n      --color-emerald-dark: #059669;\n      --color-emerald-light: #6EE7B7;\n      --color-emerald-lighter: #A7F3D0;\n      --color-gold-base: #D4AF37;\n      --color-gold-dark: #B8962E;\n      --color-gold-light: #E6C56A;\n      --color-white: #FFFFFF;\n      --color-gray-50: #F9FAFB;\n      --color-gray-100: #F3F4F6;\n      --color-gray-200: #E5E7EB;\n      --color-gray-300: #D1D5DB;\n      --color-gray-400: #9CA3AF;\n      --color-gray-500: #6B7280;\n      --color-gray-600: #4B5563;\n      --color-gray-700: #374151;\n      --color-gray-800: #1F2937;\n      --color-gray-900: #111827;\n      --color-error: #EF4444;\n      --color-error-light: #FEE2E2;\n      --color-warning: #F59E0B;\n      --color-warning-light: #FEF3C7;\n      --color-success: #10B981;\n      --color-success-light: #D1FAE5;\n      --color-info: #3B82F6;\n      --color-info-light: #DBEAFE;\n      \n      \/* Typography Scale *\/\n      --font-primary: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\n      --font-secondary: 'Montserrat', var(--font-primary);\n      --font-mono: 'Roboto Mono', 'Courier New', monospace;\n      \n      --text-xs: 0.75rem;\n      --text-sm: 0.875rem;\n      --text-base: 1rem;\n      --text-lg: 1.125rem;\n      --text-xl: 1.25rem;\n      --text-2xl: 1.5rem;\n      --text-3xl: 1.875rem;\n      --text-4xl: 2.25rem;\n      --text-5xl: 3rem;\n      --text-6xl: 3.75rem;\n      \n      --font-weight-normal: 400;\n      --font-weight-medium: 500;\n      --font-weight-semibold: 600;\n      --font-weight-bold: 700;\n      \n      --line-height-none: 1;\n      --line-height-tight: 1.25;\n      --line-height-snug: 1.375;\n      --line-height-normal: 1.5;\n      --line-height-relaxed: 1.625;\n      --line-height-loose: 2;\n      \n      \/* Spacing System - Base 4px *\/\n      --space-px: 1px;\n      --space-0: 0;\n      --space-0\\.5: 0.125rem;\n      --space-1: 0.25rem;\n      --space-1\\.5: 0.375rem;\n      --space-2: 0.5rem;\n      --space-2\\.5: 0.625rem;\n      --space-3: 0.75rem;\n      --space-3\\.5: 0.875rem;\n      --space-4: 1rem;\n      --space-5: 1.25rem;\n      --space-6: 1.5rem;\n      --space-7: 1.75rem;\n      --space-8: 2rem;\n      --space-9: 2.25rem;\n      --space-10: 2.5rem;\n      --space-11: 2.75rem;\n      --space-12: 3rem;\n      --space-14: 3.5rem;\n      --space-16: 4rem;\n      --space-20: 5rem;\n      --space-24: 6rem;\n      --space-28: 7rem;\n      --space-32: 8rem;\n      --space-36: 9rem;\n      --space-40: 10rem;\n      \n      \/* Borders & Radius *\/\n      --border-width: 1px;\n      --border-width-2: 2px;\n      --border-width-4: 4px;\n      --border-color: var(--color-gray-200);\n      --border-color-dark: var(--color-gray-700);\n      \n      --radius-none: 0;\n      --radius-sm: 0.125rem;\n      --radius-md: 0.25rem;\n      --radius-lg: 0.375rem;\n      --radius-xl: 0.5rem;\n      --radius-2xl: 0.75rem;\n      --radius-3xl: 1rem;\n      --radius-4xl: 1.5rem;\n      --radius-full: 9999px;\n      \n      \/* Shadows - Elevation System *\/\n      --shadow-none: none;\n      --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n      --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n      --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n      --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);\n      --shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);\n      --shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);\n      --shadow-outline: 0 0 0 3px rgba(59, 130, 246, 0.5);\n      \n      \/* Transitions & Animation *\/\n      --transition-fast: 150ms ease;\n      --transition-normal: 300ms ease;\n      --transition-slow: 500ms ease;\n      --transition-slower: 700ms ease;\n      \n      --animation-fade-in: fadeIn 0.3s ease-out;\n      --animation-slide-up: slideUp 0.4s ease-out;\n      --animation-slide-down: slideDown 0.4s ease-out;\n      --animation-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n      --animation-bounce: bounce 1s infinite;\n      \n      \/* Layout & Container *\/\n      --container-max-width: 1280px;\n      --container-padding-x: var(--space-6);\n      --header-height: 72px;\n      --header-height-mobile: 64px;\n      --footer-padding-y: var(--space-12);\n      \n      \/* Z-Index Scale *\/\n      --z-auto: auto;\n      --z-0: 0;\n      --z-10: 10;\n      --z-20: 20;\n      --z-30: 30;\n      --z-40: 40;\n      --z-50: 50;\n      --z-dropdown: 100;\n      --z-sticky: 200;\n      --z-modal: 300;\n      --z-popover: 400;\n      --z-tooltip: 500;\n      --z-toast: 600;\n      --z-max: 9999;\n      \n      \/* Breakpoints - Mobile First *\/\n      --breakpoint-sm: 640px;\n      --breakpoint-md: 768px;\n      --breakpoint-lg: 1024px;\n      --breakpoint-xl: 1280px;\n      --breakpoint-2xl: 1536px;\n    }\n    \n    \/* Dark Mode Variables *\/\n    @media (prefers-color-scheme: dark) {\n      :root {\n        --color-gray-50: var(--color-gray-900);\n        --color-gray-100: var(--color-gray-800);\n        --color-gray-200: var(--color-gray-700);\n        --color-gray-300: var(--color-gray-600);\n        --color-gray-400: var(--color-gray-500);\n        --color-gray-500: var(--color-gray-400);\n        --color-gray-600: var(--color-gray-300);\n        --color-gray-700: var(--color-gray-200);\n        --color-gray-800: var(--color-gray-100);\n        --color-gray-900: var(--color-gray-50);\n        --border-color: var(--color-gray-700);\n        --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.3);\n        --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.4), 0 2px 4px -1px rgba(0, 0, 0, 0.3);\n        --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.5), 0 4px 6px -2px rgba(0, 0, 0, 0.4);\n      }\n    }\n    \n    \/* Reset & Base Styles *\/\n    *, *::before, *::after {\n      box-sizing: border-box;\n      margin: 0;\n      padding: 0;\n    }\n    \n    html {\n      scroll-behavior: smooth;\n      -webkit-text-size-adjust: 100%;\n      -moz-text-size-adjust: 100%;\n      text-size-adjust: 100%;\n      font-size: 16px;\n    }\n    \n    @media (prefers-reduced-motion: reduce) {\n      html { scroll-behavior: auto; }\n      *, *::before, *::after {\n        animation-duration: 0.01ms !important;\n        animation-iteration-count: 1 !important;\n        transition-duration: 0.01ms !important;\n      }\n    }\n    \n    body {\n      font-family: var(--font-primary);\n      font-size: var(--text-base);\n      font-weight: var(--font-weight-normal);\n      line-height: var(--line-height-normal);\n      color: var(--color-gray-800);\n      background-color: var(--color-white);\n      -webkit-font-smoothing: antialiased;\n      -moz-osx-font-smoothing: grayscale;\n      overflow-x: hidden;\n    }\n    \n    @media (prefers-color-scheme: dark) {\n      body {\n        color: var(--color-gray-200);\n        background-color: var(--color-gray-900);\n      }\n    }\n    \n    \/* ========================================\n       2. TYPOGRAPHY\n       ======================================== *\/\n    h1, h2, h3, h4, h5, h6 {\n      font-family: var(--font-secondary);\n      font-weight: var(--font-weight-bold);\n      line-height: var(--line-height-tight);\n      color: var(--color-navy-base);\n      margin-bottom: var(--space-4);\n    }\n    \n    @media (prefers-color-scheme: dark) {\n      h1, h2, h3, h4, h5, h6 {\n        color: var(--color-white);\n      }\n    }\n    \n    h1 {\n      font-size: var(--text-5xl);\n      letter-spacing: -0.025em;\n    }\n    \n    @media (min-width: 768px) {\n      h1 { font-size: var(--text-6xl); }\n    }\n    \n    h2 {\n      font-size: var(--text-4xl);\n    }\n    \n    @media (min-width: 768px) {\n      h2 { font-size: var(--text-5xl); }\n    }\n    \n    h3 {\n      font-size: var(--text-3xl);\n    }\n    \n    h4 {\n      font-size: var(--text-2xl);\n    }\n    \n    h5 {\n      font-size: var(--text-xl);\n    }\n    \n    h6 {\n      font-size: var(--text-lg);\n      font-weight: var(--font-weight-semibold);\n    }\n    \n    p {\n      margin-bottom: var(--space-4);\n      color: var(--color-gray-600);\n    }\n    \n    @media (prefers-color-scheme: dark) {\n      p { color: var(--color-gray-400); }\n    }\n    \n    a {\n      color: var(--color-navy-base);\n      text-decoration: none;\n      transition: color var(--transition-fast);\n    }\n    \n    a:hover {\n      color: var(--color-navy-light);\n    }\n    \n    @media (prefers-color-scheme: dark) {\n      a { color: var(--color-emerald-light); }\n      a:hover { color: var(--color-emerald-base); }\n    }\n    \n    strong, b {\n      font-weight: var(--font-weight-semibold);\n    }\n    \n    em, i {\n      font-style: italic;\n    }\n    \n    small {\n      font-size: var(--text-sm);\n      color: var(--color-gray-500);\n    }\n    \n    @media (prefers-color-scheme: dark) {\n      small { color: var(--color-gray-500); }\n    }\n    \n    \/* ========================================\n       3. UTILITIES & HELPERS\n       ======================================== *\/\n    .sr-only {\n      position: absolute;\n      width: 1px;\n      height: 1px;\n      padding: 0;\n      margin: -1px;\n      overflow: hidden;\n      clip: rect(0, 0, 0, 0);\n      white-space: nowrap;\n      border: 0;\n    }\n    \n    .container {\n      width: 100%;\n      max-width: var(--container-max-width);\n      margin: 0 auto;\n      padding: 0 var(--container-padding-x);\n    }\n    \n    @media (min-width: 1024px) {\n      .container { padding: 0 var(--space-8); }\n    }\n    \n    \/* Flexbox Utilities *\/\n    .flex { display: flex; }\n    .flex-col { flex-direction: column; }\n    .flex-row { flex-direction: row; }\n    .flex-wrap { flex-wrap: wrap; }\n    .items-start { align-items: flex-start; }\n    .items-center { align-items: center; }\n    .items-end { align-items: flex-end; }\n    .justify-start { justify-content: flex-start; }\n    .justify-center { justify-content: center; }\n    .justify-end { justify-content: flex-end; }\n    .justify-between { justify-content: space-between; }\n    .justify-around { justify-content: space-around; }\n    .gap-1 { gap: var(--space-1); }\n    .gap-2 { gap: var(--space-2); }\n    .gap-3 { gap: var(--space-3); }\n    .gap-4 { gap: var(--space-4); }\n    .gap-6 { gap: var(--space-6); }\n    .gap-8 { gap: var(--space-8); }\n    \n    \/* Text Utilities *\/\n    .text-center { text-align: center; }\n    .text-left { text-align: left; }\n    .text-right { text-align: right; }\n    .text-justify { text-align: justify; }\n    \n    .text-navy { color: var(--color-navy-base); }\n    .text-emerald { color: var(--color-emerald-base); }\n    .text-gold { color: var(--color-gold-base); }\n    .text-gray-400 { color: var(--color-gray-400); }\n    .text-gray-500 { color: var(--color-gray-500); }\n    .text-gray-600 { color: var(--color-gray-600); }\n    .text-white { color: var(--color-white); }\n    .text-error { color: var(--color-error); }\n    .text-success { color: var(--color-success); }\n    \n    .font-medium { font-weight: var(--font-weight-medium); }\n    .font-semibold { font-weight: var(--font-weight-semibold); }\n    .font-bold { font-weight: var(--font-weight-bold); }\n    \n    .text-xs { font-size: var(--text-xs); }\n    .text-sm { font-size: var(--text-sm); }\n    .text-base { font-size: var(--text-base); }\n    .text-lg { font-size: var(--text-lg); }\n    .text-xl { font-size: var(--text-xl); }\n    .text-2xl { font-size: var(--text-2xl); }\n    \n    \/* Background Utilities *\/\n    .bg-navy { background-color: var(--color-navy-base); }\n    .bg-navy-light { background-color: var(--color-navy-light); }\n    .bg-emerald { background-color: var(--color-emerald-base); }\n    .bg-emerald-light { background-color: var(--color-emerald-light); }\n    .bg-gold { background-color: var(--color-gold-base); }\n    .bg-gray-50 { background-color: var(--color-gray-50); }\n    .bg-gray-100 { background-color: var(--color-gray-100); }\n    .bg-white { background-color: var(--color-white); }\n    .bg-gradient-navy { background: linear-gradient(135deg, var(--color-navy-base), var(--color-navy-light)); }\n    \n    \/* Border Utilities *\/\n    .rounded-md { border-radius: var(--radius-md); }\n    .rounded-lg { border-radius: var(--radius-lg); }\n    .rounded-xl { border-radius: var(--radius-xl); }\n    .rounded-2xl { border-radius: var(--radius-2xl); }\n    .rounded-full { border-radius: var(--radius-full); }\n    \n    .border { border: var(--border-width) solid var(--border-color); }\n    .border-2 { border: var(--border-width-2) solid var(--border-color); }\n    .border-emerald { border-color: var(--color-emerald-base); }\n    .border-navy { border-color: var(--color-navy-base); }\n    \n    \/* Shadow Utilities *\/\n    .shadow-sm { box-shadow: var(--shadow-sm); }\n    .shadow-md { box-shadow: var(--shadow-md); }\n    .shadow-lg { box-shadow: var(--shadow-lg); }\n    .shadow-xl { box-shadow: var(--shadow-xl); }\n    \n    \/* Spacing Utilities *\/\n    .p-2 { padding: var(--space-2); }\n    .p-4 { padding: var(--space-4); }\n    .p-6 { padding: var(--space-6); }\n    .p-8 { padding: var(--space-8); }\n    .py-2 { padding-top: var(--space-2); padding-bottom: var(--space-2); }\n    .py-4 { padding-top: var(--space-4); padding-bottom: var(--space-4); }\n    .py-8 { padding-top: var(--space-8); padding-bottom: var(--space-8); }\n    .py-12 { padding-top: var(--space-12); padding-bottom: var(--space-12); }\n    .py-16 { padding-top: var(--space-16); padding-bottom: var(--space-16); }\n    .px-4 { padding-left: var(--space-4); padding-right: var(--space-4); }\n    .px-6 { padding-left: var(--space-6); padding-right: var(--space-6); }\n    \n    .mt-2 { margin-top: var(--space-2); }\n    .mt-4 { margin-top: var(--space-4); }\n    .mt-6 { margin-top: var(--space-6); }\n    .mt-8 { margin-top: var(--space-8); }\n    .mt-12 { margin-top: var(--space-12); }\n    .mb-2 { margin-bottom: var(--space-2); }\n    .mb-4 { margin-bottom: var(--space-4); }\n    .mb-6 { margin-bottom: var(--space-6); }\n    .mb-8 { margin-bottom: var(--space-8); }\n    \n    \/* Display Utilities *\/\n    .hidden { display: none; }\n    .block { display: block; }\n    .inline { display: inline; }\n    .inline-block { display: inline-block; }\n    .inline-flex { display: inline-flex; }\n    .flex { display: flex; }\n    \n    @media (min-width: 768px) {\n      .md\\:hidden { display: none; }\n      .md\\:block { display: block; }\n      .md\\:flex { display: flex; }\n    }\n    \n    @media (min-width: 1024px) {\n      .lg\\:hidden { display: none; }\n      .lg\\:block { display: block; }\n      .lg\\:flex { display: flex; }\n    }\n    \n    \/* Transition & Hover Utilities *\/\n    .transition { transition: all var(--transition-normal); }\n    .transition-fast { transition: all var(--transition-fast); }\n    .hover\\:scale-105:hover { transform: scale(1.05); }\n    .hover\\:shadow-xl:hover { box-shadow: var(--shadow-xl); }\n    .hover\\:text-emerald:hover { color: var(--color-emerald-base); }\n    .hover\\:bg-navy-light:hover { background-color: var(--color-navy-light); }\n    \n    \/* ========================================\n       4. BUTTONS & FORMS\n       ======================================== *\/\n    .btn {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      padding: var(--space-3) var(--space-6);\n      font-family: var(--font-secondary);\n      font-size: var(--text-base);\n      font-weight: var(--font-weight-semibold);\n      text-align: center;\n      text-decoration: none;\n      border: var(--border-width) solid transparent;\n      border-radius: var(--radius-lg);\n      cursor: pointer;\n      transition: all var(--transition-fast);\n      white-space: nowrap;\n      user-select: none;\n      -webkit-tap-highlight-color: transparent;\n      position: relative;\n      overflow: hidden;\n    }\n    \n    .btn::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: -100%;\n      width: 100%;\n      height: 100%;\n      background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);\n      transition: left 0.5s;\n    }\n    \n    .btn:hover::before {\n      left: 100%;\n    }\n    \n    .btn-primary {\n      background-color: var(--color-navy-base);\n      color: var(--color-white);\n      border-color: var(--color-navy-base);\n    }\n    \n    .btn-primary:hover {\n      background-color: var(--color-navy-dark);\n      border-color: var(--color-navy-dark);\n      transform: translateY(-1px);\n      box-shadow: var(--shadow-lg);\n    }\n    \n    .btn-primary:active {\n      transform: translateY(0);\n    }\n    \n    .btn-secondary {\n      background-color: var(--color-white);\n      color: var(--color-navy-base);\n      border-color: var(--color-gray-300);\n    }\n    \n    .btn-secondary:hover {\n      background-color: var(--color-gray-50);\n      border-color: var(--color-gray-400);\n      transform: translateY(-1px);\n      box-shadow: var(--shadow-md);\n    }\n    \n    .btn-emerald {\n      background-color: var(--color-emerald-base);\n      color: var(--color-white);\n      border-color: var(--color-emerald-base);\n    }\n    \n    .btn-emerald:hover {\n      background-color: var(--color-emerald-dark);\n      border-color: var(--color-emerald-dark);\n      transform: translateY(-1px);\n      box-shadow: var(--shadow-lg);\n    }\n    \n    .btn-outline {\n      background-color: transparent;\n      color: var(--color-navy-base);\n      border-color: var(--color-navy-base);\n    }\n    \n    .btn-outline:hover {\n      background-color: var(--color-navy-base);\n      color: var(--color-white);\n    }\n    \n    .btn-lg {\n      padding: var(--space-4) var(--space-8);\n      font-size: var(--text-lg);\n    }\n    \n    .btn-sm {\n      padding: var(--space-2) var(--space-4);\n      font-size: var(--text-sm);\n    }\n    \n    .btn:disabled {\n      opacity: 0.6;\n      cursor: not-allowed;\n      transform: none !important;\n      box-shadow: none !important;\n    }\n    \n    .btn-icon {\n      display: inline-flex;\n      align-items: center;\n      gap: var(--space-2);\n    }\n    \n    .btn-icon svg {\n      width: 1.25rem;\n      height: 1.25rem;\n    }\n    \n    \/* Form Elements *\/\n    .form-group {\n      margin-bottom: var(--space-6);\n    }\n    \n    .form-label {\n      display: block;\n      font-size: var(--text-sm);\n      font-weight: var(--font-weight-medium);\n      color: var(--color-gray-700);\n      margin-bottom: var(--space-2);\n    }\n    \n    @media (prefers-color-scheme: dark) {\n      .form-label { color: var(--color-gray-300); }\n    }\n    \n    .form-input,\n    .form-select,\n    .form-textarea {\n      width: 100%;\n      padding: var(--space-3) var(--space-4);\n      font-size: var(--text-base);\n      font-family: var(--font-primary);\n      color: var(--color-gray-800);\n      background-color: var(--color-white);\n      border: var(--border-width) solid var(--color-gray-300);\n      border-radius: var(--radius-md);\n      transition: border-color var(--transition-fast), box-shadow var(--transition-fast);\n    }\n    \n    @media (prefers-color-scheme: dark) {\n      .form-input,\n      .form-select,\n      .form-textarea {\n        color: var(--color-gray-200);\n        background-color: var(--color-gray-800);\n        border-color: var(--color-gray-600);\n      }\n    }\n    \n    .form-input:focus,\n    .form-select:focus,\n    .form-textarea:focus {\n      outline: none;\n      border-color: var(--color-navy-base);\n      box-shadow: 0 0 0 3px rgba(26, 54, 93, 0.1);\n    }\n    \n    .form-textarea {\n      min-height: 120px;\n      resize: vertical;\n    }\n    \n    .form-error {\n      color: var(--color-error);\n      font-size: var(--text-sm);\n      margin-top: var(--space-1);\n      display: none;\n    }\n    \n    .form-error.visible {\n      display: block;\n    }\n    \n    .form-success {\n      color: var(--color-success);\n      font-size: var(--text-sm);\n      margin-top: var(--space-1);\n    }\n    \n    .checkbox-group,\n    .radio-group {\n      display: flex;\n      flex-direction: column;\n      gap: var(--space-3);\n    }\n    \n    .checkbox-item,\n    .radio-item {\n      display: flex;\n      align-items: flex-start;\n      gap: var(--space-3);\n    }\n    \n    .checkbox-item input,\n    .radio-item input {\n      margin-top: var(--space-1);\n      width: 1rem;\n      height: 1rem;\n      cursor: pointer;\n      accent-color: var(--color-emerald-base);\n    }\n    \n    .checkbox-item label,\n    .radio-item label {\n      font-size: var(--text-sm);\n      color: var(--color-gray-700);\n      cursor: pointer;\n      line-height: var(--line-height-relaxed);\n    }\n    \n    @media (prefers-color-scheme: dark) {\n      .checkbox-item label,\n      .radio-item label { color: var(--color-gray-300); }\n    }\n    \n    \/* Property Type Selector Styles *\/\n    .property-type-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n      gap: var(--space-3);\n      margin-top: var(--space-2);\n    }\n    \n    .property-type-option {\n      position: relative;\n    }\n    \n    .property-type-option input {\n      position: absolute;\n      opacity: 0;\n      cursor: pointer;\n    }\n    \n    .property-type-label {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      padding: var(--space-3) var(--space-2);\n      background-color: var(--color-gray-50);\n      border: var(--border-width-2) solid var(--color-gray-200);\n      border-radius: var(--radius-md);\n      cursor: pointer;\n      transition: all var(--transition-fast);\n      text-align: center;\n    }\n    \n    @media (prefers-color-scheme: dark) {\n      .property-type-label {\n        background-color: var(--color-gray-800);\n        border-color: var(--color-gray-600);\n      }\n    }\n    \n    .property-type-option input:checked + .property-type-label {\n      border-color: var(--color-emerald-base);\n      background-color: rgba(16, 185, 129, 0.1);\n    }\n    \n    .property-type-icon {\n      width: 32px;\n      height: 32px;\n      margin-bottom: var(--space-2);\n      color: var(--color-gray-500);\n    }\n    \n    .property-type-option input:checked + .property-type-label .property-type-icon {\n      color: var(--color-emerald-base);\n    }\n    \n    .property-type-text {\n      font-size: var(--text-xs);\n      font-weight: var(--font-weight-medium);\n      color: var(--color-gray-700);\n    }\n    \n    @media (prefers-color-scheme: dark) {\n      .property-type-text { color: var(--color-gray-300); }\n    }\n    \n    \/* ========================================\n       5. HEADER & NAVIGATION\n       ======================================== *\/\n    .header {\n      position: sticky;\n      top: 0;\n      z-index: var(--z-sticky);\n      background-color: var(--color-white);\n      border-bottom: var(--border-width) solid var(--border-color);\n      height: var(--header-height);\n      transition: background-color var(--transition-normal), box-shadow var(--transition-normal);\n    }\n    \n    .header.scrolled {\n      background-color: rgba(255, 255, 255, 0.98);\n      backdrop-filter: blur(8px);\n      box-shadow: var(--shadow-md);\n    }\n    \n    @media (prefers-color-scheme: dark) {\n      .header {\n        background-color: var(--color-gray-900);\n        border-bottom-color: var(--color-gray-800);\n      }\n      .header.scrolled {\n        background-color: rgba(17, 24, 39, 0.98);\n      }\n    }\n    \n    .header-container {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      height: 100%;\n    }\n    \n    .logo {\n      display: flex;\n      align-items: center;\n      gap: var(--space-3);\n      font-family: var(--font-secondary);\n      font-weight: var(--font-weight-bold);\n      font-size: var(--text-xl);\n      color: var(--color-navy-base);\n      text-decoration: none;\n    }\n    \n    @media (prefers-color-scheme: dark) { .logo { color: var(--color-white); } }\n    \n    .logo-icon {\n      width: 40px;\n      height: 40px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: linear-gradient(135deg, var(--color-navy-base), var(--color-navy-light));\n      border-radius: var(--radius-lg);\n      color: var(--color-white);\n      flex-shrink: 0;\n    }\n    \n    .logo-icon svg { width: 24px; height: 24px; }\n    \n    .logo-text {\n      display: flex;\n      flex-direction: column;\n      line-height: var(--line-height-tight);\n    }\n    \n    .logo-text .brand { font-size: var(--text-lg); }\n    .logo-text .tagline {\n      font-size: var(--text-xs);\n      color: var(--color-gray-500);\n      font-weight: var(--font-weight-normal);\n    }\n    \n    @media (prefers-color-scheme: dark) {\n      .logo-text .tagline { color: var(--color-gray-400); }\n    }\n    \n    .nav {\n      display: flex;\n      align-items: center;\n      gap: var(--space-6);\n    }\n    \n    .nav-link {\n      font-size: var(--text-sm);\n      font-weight: var(--font-weight-medium);\n      color: var(--color-gray-700);\n      padding: var(--space-2) 0;\n      position: relative;\n      transition: color var(--transition-fast);\n    }\n    \n    .nav-link:hover,\n    .nav-link.active { color: var(--color-navy-base); }\n    \n    @media (prefers-color-scheme: dark) {\n      .nav-link { color: var(--color-gray-300); }\n      .nav-link:hover,\n      .nav-link.active { color: var(--color-white); }\n    }\n    \n    .nav-link::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      width: 0;\n      height: 2px;\n      background-color: var(--color-emerald-base);\n      transition: width var(--transition-fast);\n    }\n    \n    .nav-link:hover::after,\n    .nav-link.active::after { width: 100%; }\n    \n    .header-actions {\n      display: flex;\n      align-items: center;\n      gap: var(--space-4);\n    }\n    \n    .language-selector { position: relative; }\n    \n    .language-btn {\n      display: flex;\n      align-items: center;\n      gap: var(--space-1);\n      padding: var(--space-2) var(--space-3);\n      font-size: var(--text-sm);\n      font-weight: var(--font-weight-medium);\n      color: var(--color-gray-700);\n      background: none;\n      border: none;\n      border-radius: var(--radius-md);\n      cursor: pointer;\n      transition: background-color var(--transition-fast);\n    }\n    \n    .language-btn:hover { background-color: var(--color-gray-100); }\n    \n    @media (prefers-color-scheme: dark) {\n      .language-btn { color: var(--color-gray-300); }\n      .language-btn:hover { background-color: var(--color-gray-800); }\n    }\n    \n    .language-dropdown {\n      position: absolute;\n      top: 100%;\n      right: 0;\n      margin-top: var(--space-2);\n      background-color: var(--color-white);\n      border: var(--border-width) solid var(--color-gray-200);\n      border-radius: var(--radius-lg);\n      box-shadow: var(--shadow-lg);\n      min-width: 120px;\n      z-index: var(--z-dropdown);\n      display: none;\n    }\n    \n    .language-selector:hover .language-dropdown { display: block; }\n    \n    .language-option {\n      display: block;\n      width: 100%;\n      padding: var(--space-3) var(--space-4);\n      font-size: var(--text-sm);\n      color: var(--color-gray-700);\n      text-align: left;\n      background: none;\n      border: none;\n      cursor: pointer;\n      transition: background-color var(--transition-fast);\n    }\n    \n    .language-option:hover,\n    .language-option.active {\n      background-color: var(--color-gray-50);\n      color: var(--color-navy-base);\n    }\n    \n    @media (prefers-color-scheme: dark) {\n      .language-dropdown {\n        background-color: var(--color-gray-800);\n        border-color: var(--color-gray-700);\n      }\n      .language-option { color: var(--color-gray-300); }\n      .language-option:hover,\n      .language-option.active {\n        background-color: var(--color-gray-700);\n        color: var(--color-white);\n      }\n    }\n    \n    .mobile-menu-btn {\n      display: none;\n      padding: var(--space-2);\n      background: none;\n      border: none;\n      color: var(--color-gray-700);\n      cursor: pointer;\n      border-radius: var(--radius-md);\n      transition: background-color var(--transition-fast);\n    }\n    \n    .mobile-menu-btn:hover { background-color: var(--color-gray-100); }\n    \n    @media (prefers-color-scheme: dark) {\n      .mobile-menu-btn { color: var(--color-gray-300); }\n      .mobile-menu-btn:hover { background-color: var(--color-gray-800); }\n    }\n    \n    .mobile-menu-btn svg { width: 24px; height: 24px; }\n    \n    \/* Mobile Menu *\/\n    .mobile-menu {\n      position: fixed;\n      top: var(--header-height);\n      left: 0;\n      right: 0;\n      background-color: var(--color-white);\n      border-bottom: var(--border-width) solid var(--border-color);\n      padding: var(--space-6);\n      z-index: var(--z-modal);\n      transform: translateY(-100%);\n      opacity: 0;\n      visibility: hidden;\n      transition: all var(--transition-normal);\n    }\n    \n    .mobile-menu.active {\n      transform: translateY(0);\n      opacity: 1;\n      visibility: visible;\n    }\n    \n    @media (prefers-color-scheme: dark) {\n      .mobile-menu {\n        background-color: var(--color-gray-900);\n        border-bottom-color: var(--color-gray-800);\n      }\n    }\n    \n    .mobile-nav {\n      display: flex;\n      flex-direction: column;\n      gap: var(--space-4);\n      margin-bottom: var(--space-6);\n    }\n    \n    .mobile-nav-link {\n      font-size: var(--text-lg);\n      font-weight: var(--font-weight-medium);\n      color: var(--color-gray-800);\n      padding: var(--space-3) 0;\n      border-bottom: var(--border-width) solid var(--color-gray-100);\n    }\n    \n    @media (prefers-color-scheme: dark) {\n      .mobile-nav-link {\n        color: var(--color-gray-200);\n        border-bottom-color: var(--color-gray-800);\n      }\n    }\n    \n    .mobile-actions {\n      display: flex;\n      flex-direction: column;\n      gap: var(--space-3);\n    }\n    \n    \/* ========================================\n       6. HERO SECTION\n       ======================================== *\/\n    .hero {\n      position: relative;\n      padding: var(--space-20) 0 var(--space-16);\n      background: linear-gradient(135deg, var(--color-gray-50) 0%, var(--color-white) 100%);\n      overflow: hidden;\n    }\n    \n    @media (prefers-color-scheme: dark) {\n      .hero {\n        background: linear-gradient(135deg, var(--color-gray-900) 0%, var(--color-gray-800) 100%);\n      }\n    }\n    \n    .hero::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      right: 0;\n      width: 50%;\n      height: 100%;\n      background: radial-gradient(circle at top right, rgba(26, 54, 93, 0.08) 0%, transparent 70%);\n      pointer-events: none;\n    }\n    \n    .hero-container {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: var(--space-12);\n      align-items: center;\n      position: relative;\n      z-index: 1;\n    }\n    \n    @media (max-width: 1024px) {\n      .hero-container { grid-template-columns: 1fr; text-align: center; }\n      .hero-content { margin: 0 auto; }\n      .hero-cta { justify-content: center; }\n      .hero-trust { justify-content: center; }\n    }\n    \n    .hero-content { max-width: 600px; }\n    \n    .hero-badge {\n      display: inline-flex;\n      align-items: center;\n      gap: var(--space-2);\n      padding: var(--space-2) var(--space-4);\n      background-color: var(--color-emerald-light);\n      color: var(--color-emerald-dark);\n      font-size: var(--text-sm);\n      font-weight: var(--font-weight-medium);\n      border-radius: var(--radius-full);\n      margin-bottom: var(--space-6);\n    }\n    \n    @media (prefers-color-scheme: dark) {\n      .hero-badge {\n        background-color: rgba(16, 185, 129, 0.2);\n        color: var(--color-emerald-light);\n      }\n    }\n    \n    .hero-badge svg { width: 1rem; height: 1rem; }\n    \n    .hero-title {\n      margin-bottom: var(--space-6);\n      line-height: var(--line-height-tight);\n    }\n    \n    .hero-title .highlight {\n      color: var(--color-emerald-base);\n      position: relative;\n    }\n    \n    .hero-title .highlight::after {\n      content: '';\n      position: absolute;\n      bottom: 4px;\n      left: 0;\n      width: 100%;\n      height: 8px;\n      background-color: rgba(16, 185, 129, 0.2);\n      border-radius: var(--radius-sm);\n      z-index: -1;\n    }\n    \n    .hero-description {\n      font-size: var(--text-lg);\n      color: var(--color-gray-600);\n      margin-bottom: var(--space-8);\n      line-height: var(--line-height-relaxed);\n    }\n    \n    @media (prefers-color-scheme: dark) {\n      .hero-description { color: var(--color-gray-400); }\n    }\n    \n    .hero-cta {\n      display: flex;\n      gap: var(--space-4);\n      margin-bottom: var(--space-8);\n      flex-wrap: wrap;\n    }\n    \n    .hero-trust {\n      display: flex;\n      align-items: center;\n      gap: var(--space-6);\n      padding-top: var(--space-6);\n      border-top: var(--border-width) solid var(--color-gray-200);\n    }\n    \n    @media (prefers-color-scheme: dark) {\n      .hero-trust { border-top-color: var(--color-gray-700); }\n    }\n    \n    .trust-item {\n      display: flex;\n      align-items: center;\n      gap: var(--space-2);\n      font-size: var(--text-sm);\n      color: var(--color-gray-600);\n    }\n    \n    @media (prefers-color-scheme: dark) {\n      .trust-item { color: var(--color-gray-400); }\n    }\n    \n    .trust-item svg {\n      width: 1.25rem;\n      height: 1.25rem;\n      color: var(--color-emerald-base);\n      flex-shrink: 0;\n    }\n    \n    .hero-visual {\n      position: relative;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    }\n    \n    .seal-showcase {\n      position: relative;\n      width: 320px;\n      height: 320px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n    \n    @media (max-width: 768px) {\n      .seal-showcase { width: 240px; height: 240px; }\n    }\n    \n    .seal-ring {\n      position: absolute;\n      width: 100%;\n      height: 100%;\n      border: 8px solid var(--color-navy-base);\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      animation: rotate 20s linear infinite;\n    }\n    \n    .seal-ring::before {\n      content: 'PROP TRUST VERIFIED\u2122';\n      position: absolute;\n      font-family: var(--font-secondary);\n      font-size: var(--text-xs);\n      font-weight: var(--font-weight-bold);\n      color: var(--color-navy-base);\n      text-transform: uppercase;\n      letter-spacing: 2px;\n    }\n    \n    @keyframes rotate {\n      from { transform: rotate(0deg); }\n      to { transform: rotate(360deg); }\n    }\n    \n    .seal-center {\n      position: relative;\n      width: 240px;\n      height: 240px;\n      background: linear-gradient(135deg, var(--color-white), var(--color-gray-50));\n      border: 4px solid var(--color-gold-base);\n      border-radius: 50%;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      box-shadow: var(--shadow-xl);\n    }\n    \n    @media (prefers-color-scheme: dark) {\n      .seal-center {\n        background: linear-gradient(135deg, var(--color-gray-800), var(--color-gray-900));\n      }\n    }\n    \n    .seal-icon {\n      width: 80px;\n      height: 80px;\n      margin-bottom: var(--space-4);\n      position: relative;\n    }\n    \n    .seal-icon svg {\n      width: 100%;\n      height: 100%;\n    }\n    \n    .seal-check {\n      position: absolute;\n      bottom: -8px;\n      right: -8px;\n      width: 32px;\n      height: 32px;\n      background-color: var(--color-emerald-base);\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border: 3px solid var(--color-white);\n      box-shadow: var(--shadow-md);\n    }\n    \n    @media (prefers-color-scheme: dark) {\n      .seal-check { border-color: var(--color-gray-900); }\n    }\n    \n    .seal-check svg {\n      width: 18px;\n      height: 18px;\n      color: var(--color-white);\n    }\n    \n    .seal-text {\n      text-align: center;\n      font-family: var(--font-secondary);\n      font-weight: var(--font-weight-bold);\n      color: var(--color-navy-base);\n      font-size: var(--text-sm);\n    }\n    \n    @media (prefers-color-scheme: dark) {\n      .seal-text { color: var(--color-white); }\n    }\n    \n    .seal-verified {\n      margin-top: var(--space-3);\n      display: inline-flex;\n      align-items: center;\n      gap: var(--space-1);\n      padding: var(--space-1) var(--space-3);\n      background-color: var(--color-emerald-base);\n      color: var(--color-white);\n      font-size: var(--text-xs);\n      font-weight: var(--font-weight-semibold);\n      border-radius: var(--radius-full);\n    }\n    \n    .seal-verified svg {\n      width: 0.875rem;\n      height: 0.875rem;\n    }\n    \n    .floating-elements {\n      position: absolute;\n      width: 100%;\n      height: 100%;\n      pointer-events: none;\n    }\n    \n    .floating-element {\n      position: absolute;\n      opacity: 0.1;\n      animation: float 6s ease-in-out infinite;\n    }\n    \n    .floating-element:nth-child(1) {\n      top: 10%;\n      left: 10%;\n      animation-delay: 0s;\n    }\n    \n    .floating-element:nth-child(2) {\n      top: 20%;\n      right: 15%;\n      animation-delay: 2s;\n      width: 60px;\n      height: 60px;\n    }\n    \n    .floating-element:nth-child(3) {\n      bottom: 15%;\n      left: 20%;\n      animation-delay: 4s;\n      width: 40px;\n      height: 40px;\n    }\n    \n    @keyframes float {\n      0%, 100% { transform: translateY(0) rotate(0deg); }\n      50% { transform: translateY(-20px) rotate(5deg); }\n    }\n    \n    \/* ========================================\n       7. VERIFICATION WIDGET\n       ======================================== *\/\n    .verification-widget {\n      background-color: var(--color-white);\n      border: var(--border-width-2) solid var(--color-emerald-base);\n      border-radius: var(--radius-xl);\n      padding: var(--space-6);\n      margin: var(--space-8) 0;\n      box-shadow: var(--shadow-lg);\n    }\n    \n    @media (prefers-color-scheme: dark) {\n      .verification-widget {\n        background-color: var(--color-gray-800);\n        border-color: var(--color-emerald-dark);\n      }\n    }\n    \n    .widget-title {\n      display: flex;\n      align-items: center;\n      gap: var(--space-3);\n      margin-bottom: var(--space-4);\n      font-size: var(--text-lg);\n      color: var(--color-navy-base);\n    }\n    \n    @media (prefers-color-scheme: dark) {\n      .widget-title { color: var(--color-white); }\n    }\n    \n    .widget-title svg {\n      width: 1.5rem;\n      height: 1.5rem;\n      color: var(--color-emerald-base);\n    }\n    \n    .widget-form {\n      display: flex;\n      gap: var(--space-3);\n      flex-wrap: wrap;\n    }\n    \n    .widget-input {\n      flex: 1;\n      min-width: 200px;\n      padding: var(--space-3) var(--space-4);\n      font-size: var(--text-base);\n      border: var(--border-width) solid var(--color-gray-300);\n      border-radius: var(--radius-md);\n      background-color: var(--color-white);\n      color: var(--color-gray-800);\n    }\n    \n    @media (prefers-color-scheme: dark) {\n      .widget-input {\n        background-color: var(--color-gray-900);\n        border-color: var(--color-gray-600);\n        color: var(--color-gray-200);\n      }\n    }\n    \n    .widget-input::placeholder { color: var(--color-gray-400); }\n    \n    .widget-result {\n      margin-top: var(--space-4);\n      padding: var(--space-4);\n      background-color: var(--color-gray-50);\n      border-radius: var(--radius-md);\n      display: none;\n    }\n    \n    .widget-result.visible {\n      display: block;\n      animation: var(--animation-fade-in);\n    }\n    \n    .widget-result.success {\n      background-color: rgba(16, 185, 129, 0.1);\n      border-left: var(--border-width-4) solid var(--color-emerald-base);\n    }\n    \n    .widget-result.error {\n      background-color: rgba(239, 68, 68, 0.1);\n      border-left: var(--border-width-4) solid var(--color-error);\n    }\n    \n    .result-header {\n      display: flex;\n      align-items: center;\n      gap: var(--space-2);\n      margin-bottom: var(--space-3);\n      font-weight: var(--font-weight-semibold);\n    }\n    \n    .result-header.success { color: var(--color-emerald-dark); }\n    .result-header.error { color: var(--color-error); }\n    \n    .result-details {\n      font-size: var(--text-sm);\n      color: var(--color-gray-600);\n      line-height: var(--line-height-relaxed);\n    }\n    \n    @media (prefers-color-scheme: dark) {\n      .result-details { color: var(--color-gray-400); }\n    }\n    \n    \/* ========================================\n       8. SERVICES SECTION\n       ======================================== *\/\n    .services {\n      padding: var(--space-16) 0;\n      background-color: var(--color-white);\n    }\n    \n    @media (prefers-color-scheme: dark) {\n      .services { background-color: var(--color-gray-900); }\n    }\n    \n    .section-header {\n      text-align: center;\n      max-width: 700px;\n      margin: 0 auto var(--space-12);\n    }\n    \n    .section-header .badge {\n      display: inline-flex;\n      align-items: center;\n      gap: var(--space-2);\n      padding: var(--space-2) var(--space-4);\n      background-color: var(--color-emerald-light);\n      color: var(--color-emerald-dark);\n      font-size: var(--text-sm);\n      font-weight: var(--font-weight-medium);\n      border-radius: var(--radius-full);\n      margin-bottom: var(--space-4);\n    }\n    \n    @media (prefers-color-scheme: dark) {\n      .section-header .badge {\n        background-color: rgba(16, 185, 129, 0.2);\n        color: var(--color-emerald-light);\n      }\n    }\n    \n    .section-title {\n      font-size: var(--text-4xl);\n      margin-bottom: var(--space-4);\n    }\n    \n    .section-description {\n      font-size: var(--text-lg);\n      color: var(--color-gray-600);\n    }\n    \n    @media (prefers-color-scheme: dark) {\n      .section-description { color: var(--color-gray-400); }\n    }\n    \n    .services-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n      gap: var(--space-8);\n    }\n    \n    .service-card {\n      background-color: var(--color-gray-50);\n      border-radius: var(--radius-xl);\n      padding: var(--space-6);\n      transition: transform var(--transition-normal), box-shadow var(--transition-normal);\n      border: var(--border-width) solid var(--color-gray-200);\n    }\n    \n    @media (prefers-color-scheme: dark) {\n      .service-card {\n        background-color: var(--color-gray-800);\n        border-color: var(--color-gray-700);\n      }\n    }\n    \n    .service-card:hover {\n      transform: translateY(-4px);\n      box-shadow: var(--shadow-xl);\n    }\n    \n    .service-icon {\n      width: 56px;\n      height: 56px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: linear-gradient(135deg, var(--color-navy-base), var(--color-navy-light));\n      border-radius: var(--radius-lg);\n      margin-bottom: var(--space-4);\n      color: var(--color-white);\n    }\n    \n    .service-icon svg {\n      width: 28px;\n      height: 28px;\n    }\n    \n    .service-title {\n      font-size: var(--text-xl);\n      margin-bottom: var(--space-3);\n    }\n    \n    .service-description {\n      color: var(--color-gray-600);\n      line-height: var(--line-height-relaxed);\n    }\n    \n    @media (prefers-color-scheme: dark) {\n      .service-description { color: var(--color-gray-400); }\n    }\n    \n    .service-features {\n      list-style: none;\n      margin-top: var(--space-4);\n    }\n    \n    .service-features li {\n      display: flex;\n      align-items: flex-start;\n      gap: var(--space-2);\n      font-size: var(--text-sm);\n      color: var(--color-gray-600);\n      padding: var(--space-1) 0;\n    }\n    \n    @media (prefers-color-scheme: dark) {\n      .service-features li { color: var(--color-gray-400); }\n    }\n    \n    .service-features li svg {\n      width: 1rem;\n      height: 1rem;\n      color: var(--color-emerald-base);\n      flex-shrink: 0;\n      margin-top: 2px;\n    }\n    \n    \/* ========================================\n       9. HOW IT WORKS SECTION\n       ======================================== *\/\n    .how-it-works {\n      padding: var(--space-16) 0;\n      background-color: var(--color-gray-50);\n    }\n    \n    @media (prefers-color-scheme: dark) {\n      .how-it-works { background-color: var(--color-gray-800); }\n    }\n    \n    .steps-container {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n      gap: var(--space-8);\n      margin-top: var(--space-12);\n    }\n    \n    .step-card {\n      text-align: center;\n      padding: var(--space-6);\n      position: relative;\n    }\n    \n    .step-number {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 48px;\n      height: 48px;\n      background-color: var(--color-navy-base);\n      color: var(--color-white);\n      font-family: var(--font-secondary);\n      font-size: var(--text-xl);\n      font-weight: var(--font-weight-bold);\n      border-radius: var(--radius-full);\n      margin: 0 auto var(--space-4);\n      position: relative;\n      z-index: 2;\n    }\n    \n    .step-card::before {\n      content: '';\n      position: absolute;\n      top: 24px;\n      left: 50%;\n      transform: translateX(-50%);\n      width: 100%;\n      height: 2px;\n      background-color: var(--color-gray-300);\n      z-index: 1;\n    }\n    \n    @media (prefers-color-scheme: dark) {\n      .step-card::before { background-color: var(--color-gray-600); }\n    }\n    \n    .step-card:last-child::before { display: none; }\n    \n    .step-title {\n      font-size: var(--text-lg);\n      margin-bottom: var(--space-3);\n    }\n    \n    .step-description {\n      color: var(--color-gray-600);\n      font-size: var(--text-sm);\n    }\n    \n    @media (prefers-color-scheme: dark) {\n      .step-description { color: var(--color-gray-400); }\n    }\n    \n    \/* ========================================\n       10. TESTIMONIALS SECTION (NUEVO)\n       ======================================== *\/\n    .testimonials {\n      padding: var(--space-16) 0;\n      background-color: var(--color-white);\n    }\n    \n    @media (prefers-color-scheme: dark) {\n      .testimonials { background-color: var(--color-gray-900); }\n    }\n    \n    .testimonials-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n      gap: var(--space-8);\n      margin-top: var(--space-12);\n    }\n    \n    .testimonial-card {\n      background-color: var(--color-gray-50);\n      border-radius: var(--radius-xl);\n      padding: var(--space-6);\n      border: var(--border-width) solid var(--color-gray-200);\n      transition: transform var(--transition-normal), box-shadow var(--transition-normal);\n    }\n    \n    @media (prefers-color-scheme: dark) {\n      .testimonial-card {\n        background-color: var(--color-gray-800);\n        border-color: var(--color-gray-700);\n      }\n    }\n    \n    .testimonial-card:hover {\n      transform: translateY(-4px);\n      box-shadow: var(--shadow-xl);\n    }\n    \n    .testimonial-header {\n      display: flex;\n      align-items: center;\n      gap: var(--space-4);\n      margin-bottom: var(--space-4);\n    }\n    \n    .testimonial-avatar {\n      width: 56px;\n      height: 56px;\n      border-radius: var(--radius-full);\n      background: linear-gradient(135deg, var(--color-navy-base), var(--color-navy-light));\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: var(--color-white);\n      font-weight: var(--font-weight-bold);\n      font-size: var(--text-lg);\n      flex-shrink: 0;\n    }\n    \n    .testimonial-info {\n      flex: 1;\n    }\n    \n    .testimonial-name {\n      font-weight: var(--font-weight-semibold);\n      color: var(--color-navy-base);\n      margin-bottom: var(--space-1);\n    }\n    \n    @media (prefers-color-scheme: dark) {\n      .testimonial-name { color: var(--color-white); }\n    }\n    \n    .testimonial-role {\n      font-size: var(--text-sm);\n      color: var(--color-gray-500);\n    }\n    \n    .testimonial-rating {\n      display: flex;\n      gap: var(--space-1);\n      margin-bottom: var(--space-4);\n    }\n    \n    .testimonial-rating svg {\n      width: 1.25rem;\n      height: 1.25rem;\n      color: var(--color-gold-base);\n    }\n    \n    .testimonial-text {\n      font-style: italic;\n      color: var(--color-gray-700);\n      line-height: var(--line-height-relaxed);\n      position: relative;\n      padding-left: var(--space-4);\n    }\n    \n    @media (prefers-color-scheme: dark) {\n      .testimonial-text { color: var(--color-gray-300); }\n    }\n    \n    .testimonial-text::before {\n      content: '\"';\n      position: absolute;\n      left: 0;\n      top: -8px;\n      font-size: var(--text-4xl);\n      color: var(--color-emerald-base);\n      opacity: 0.3;\n      font-family: Georgia, serif;\n    }\n    \n    .testimonial-property {\n      margin-top: var(--space-4);\n      padding-top: var(--space-4);\n      border-top: var(--border-width) solid var(--color-gray-200);\n      font-size: var(--text-sm);\n      color: var(--color-gray-500);\n    }\n    \n    @media (prefers-color-scheme: dark) {\n      .testimonial-property { border-top-color: var(--color-gray-700); }\n    }\n    \n    \/* ========================================\n       11. PRICING SECTION\n       ======================================== *\/\n    .pricing {\n      padding: var(--space-16) 0;\n      background-color: var(--color-gray-50);\n    }\n    \n    @media (prefers-color-scheme: dark) {\n      .pricing { background-color: var(--color-gray-800); }\n    }\n    \n    .pricing-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n      gap: var(--space-8);\n      margin-top: var(--space-12);\n    }\n    \n    .pricing-card {\n      background-color: var(--color-white);\n      border-radius: var(--radius-xl);\n      padding: var(--space-8);\n      text-align: center;\n      border: var(--border-width) solid var(--color-gray-200);\n      position: relative;\n      transition: transform var(--transition-normal), box-shadow var(--transition-normal);\n    }\n    \n    @media (prefers-color-scheme: dark) {\n      .pricing-card {\n        background-color: var(--color-gray-900);\n        border-color: var(--color-gray-700);\n      }\n    }\n    \n    .pricing-card:hover {\n      transform: translateY(-4px);\n      box-shadow: var(--shadow-xl);\n    }\n    \n    .pricing-card.popular {\n      border-color: var(--color-emerald-base);\n      box-shadow: var(--shadow-lg);\n    }\n    \n    .pricing-card.popular::before {\n      content: 'M\u00c1S POPULAR';\n      position: absolute;\n      top: -12px;\n      left: 50%;\n      transform: translateX(-50%);\n      padding: var(--space-1) var(--space-4);\n      background-color: var(--color-emerald-base);\n      color: var(--color-white);\n      font-size: var(--text-xs);\n      font-weight: var(--font-weight-semibold);\n      border-radius: var(--radius-full);\n      white-space: nowrap;\n    }\n    \n    .pricing-name {\n      font-size: var(--text-xl);\n      font-weight: var(--font-weight-bold);\n      margin-bottom: var(--space-2);\n      color: var(--color-navy-base);\n    }\n    \n    @media (prefers-color-scheme: dark) {\n      .pricing-name { color: var(--color-white); }\n    }\n    \n    .pricing-description {\n      font-size: var(--text-sm);\n      color: var(--color-gray-600);\n      margin-bottom: var(--space-6);\n    }\n    \n    @media (prefers-color-scheme: dark) {\n      .pricing-description { color: var(--color-gray-400); }\n    }\n    \n    .pricing-price {\n      font-size: var(--text-4xl);\n      font-weight: var(--font-weight-bold);\n      color: var(--color-navy-base);\n      margin-bottom: var(--space-6);\n    }\n    \n    @media (prefers-color-scheme: dark) {\n      .pricing-price { color: var(--color-white); }\n    }\n    \n    .pricing-price span {\n      font-size: var(--text-lg);\n      font-weight: var(--font-weight-normal);\n      color: var(--color-gray-500);\n    }\n    \n    .pricing-features {\n      list-style: none;\n      margin-bottom: var(--space-8);\n      text-align: left;\n    }\n    \n    .pricing-features li {\n      padding: var(--space-2) 0;\n      font-size: var(--text-sm);\n      color: var(--color-gray-700);\n      display: flex;\n      align-items: center;\n      gap: var(--space-2);\n    }\n    \n    @media (prefers-color-scheme: dark) {\n      .pricing-features li { color: var(--color-gray-300); }\n    }\n    \n    .pricing-features li svg {\n      width: 1rem;\n      height: 1rem;\n      color: var(--color-emerald-base);\n      flex-shrink: 0;\n    }\n    \n    .pricing-features li.unavailable {\n      color: var(--color-gray-400);\n      text-decoration: line-through;\n    }\n    \n    .pricing-features li.unavailable svg { color: var(--color-gray-400); }\n    \n    \/* ========================================\n       12. FAQ SECTION (AMPLIADA)\n       ======================================== *\/\n    .faq {\n      padding: var(--space-16) 0;\n      background-color: var(--color-white);\n    }\n    \n    @media (prefers-color-scheme: dark) {\n      .faq { background-color: var(--color-gray-900); }\n    }\n    \n    .faq-container {\n      max-width: 900px;\n      margin: 0 auto;\n    }\n    \n    .faq-item {\n      border-bottom: var(--border-width) solid var(--color-gray-200);\n      padding: var(--space-4) 0;\n    }\n    \n    @media (prefers-color-scheme: dark) {\n      .faq-item { border-bottom-color: var(--color-gray-700); }\n    }\n    \n    .faq-question {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      width: 100%;\n      padding: var(--space-3) 0;\n      font-size: var(--text-lg);\n      font-weight: var(--font-weight-medium);\n      color: var(--color-navy-base);\n      background: none;\n      border: none;\n      text-align: left;\n      cursor: pointer;\n      transition: color var(--transition-fast);\n    }\n    \n    @media (prefers-color-scheme: dark) {\n      .faq-question { color: var(--color-white); }\n    }\n    \n    .faq-question:hover { color: var(--color-emerald-base); }\n    \n    .faq-question svg {\n      width: 1.25rem;\n      height: 1.25rem;\n      transition: transform var(--transition-fast);\n      flex-shrink: 0;\n    }\n    \n    .faq-question.active svg { transform: rotate(180deg); }\n    \n    .faq-answer {\n      max-height: 0;\n      overflow: hidden;\n      transition: max-height var(--transition-normal), opacity var(--transition-normal);\n      opacity: 0;\n    }\n    \n    .faq-answer.visible {\n      max-height: 500px;\n      opacity: 1;\n    }\n    \n    .faq-answer p {\n      padding: var(--space-3) 0;\n      color: var(--color-gray-600);\n      line-height: var(--line-height-relaxed);\n    }\n    \n    @media (prefers-color-scheme: dark) {\n      .faq-answer p { color: var(--color-gray-400); }\n    }\n    \n    \/* ========================================\n       13. CONTACT SECTION\n       ======================================== *\/\n    .contact-section {\n      padding: var(--space-16) 0;\n      background-color: var(--color-gray-50);\n    }\n    \n    @media (prefers-color-scheme: dark) {\n      .contact-section { background-color: var(--color-gray-800); }\n    }\n    \n    .contact-grid {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: var(--space-12);\n      margin-top: var(--space-12);\n    }\n    \n    @media (max-width: 1024px) {\n      .contact-grid { grid-template-columns: 1fr; }\n    }\n    \n    .contact-info {\n      background: var(--color-white);\n      padding: var(--space-8);\n      border-radius: var(--radius-xl);\n      box-shadow: var(--shadow-lg);\n    }\n    \n    @media (prefers-color-scheme: dark) {\n      .contact-info {\n        background: var(--color-gray-900);\n        box-shadow: var(--shadow-xl);\n      }\n    }\n    \n    .contact-item {\n      display: flex;\n      align-items: flex-start;\n      gap: var(--space-4);\n      margin-bottom: var(--space-6);\n      padding-bottom: var(--space-6);\n      border-bottom: var(--border-width) solid var(--color-gray-200);\n    }\n    \n    .contact-item:last-child {\n      margin-bottom: 0;\n      padding-bottom: 0;\n      border-bottom: none;\n    }\n    \n    @media (prefers-color-scheme: dark) {\n      .contact-item { border-bottom-color: var(--color-gray-700); }\n    }\n    \n    .contact-icon {\n      width: 48px;\n      height: 48px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: linear-gradient(135deg, var(--color-navy-base), var(--color-navy-light));\n      border-radius: var(--radius-lg);\n      color: var(--color-white);\n      flex-shrink: 0;\n    }\n    \n    .contact-icon svg {\n      width: 24px;\n      height: 24px;\n    }\n    \n    .contact-details h4 {\n      font-size: var(--text-lg);\n      color: var(--color-navy-base);\n      margin-bottom: var(--space-2);\n    }\n    \n    @media (prefers-color-scheme: dark) {\n      .contact-details h4 { color: var(--color-white); }\n    }\n    \n    .contact-details p {\n      color: var(--color-gray-600);\n      font-size: var(--text-base);\n      margin-bottom: var(--space-1);\n    }\n    \n    @media (prefers-color-scheme: dark) {\n      .contact-details p { color: var(--color-gray-400); }\n    }\n    \n    .contact-details a {\n      color: var(--color-emerald-base);\n      font-weight: var(--font-weight-medium);\n      transition: color var(--transition-fast);\n    }\n    \n    .contact-details a:hover {\n      color: var(--color-emerald-dark);\n    }\n    \n    .contact-map {\n      margin-top: var(--space-6);\n      border-radius: var(--radius-lg);\n      overflow: hidden;\n      box-shadow: var(--shadow-md);\n    }\n    \n    .contact-form {\n      background: var(--color-white);\n      padding: var(--space-8);\n      border-radius: var(--radius-xl);\n      box-shadow: var(--shadow-lg);\n    }\n    \n    @media (prefers-color-scheme: dark) {\n      .contact-form {\n        background: var(--color-gray-900);\n        box-shadow: var(--shadow-xl);\n      }\n    }\n    \n    .form-grid {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: var(--space-6);\n    }\n    \n    @media (max-width: 768px) {\n      .form-grid { grid-template-columns: 1fr; }\n    }\n    \n    \/* ========================================\n       14. CTA SECTION\n       ======================================== *\/\n    .cta-section {\n      padding: var(--space-16) 0;\n      background: linear-gradient(135deg, var(--color-navy-base), var(--color-navy-light));\n      text-align: center;\n      color: var(--color-white);\n    }\n    \n    .cta-title {\n      font-size: var(--text-4xl);\n      margin-bottom: var(--space-4);\n      color: var(--color-white);\n    }\n    \n    .cta-description {\n      font-size: var(--text-lg);\n      opacity: 0.9;\n      max-width: 600px;\n      margin: 0 auto var(--space-8);\n      color: var(--color-gray-200);\n    }\n    \n    .cta-buttons {\n      display: flex;\n      gap: var(--space-4);\n      justify-content: center;\n      flex-wrap: wrap;\n    }\n    \n    .cta-buttons .btn-primary {\n      background-color: var(--color-white);\n      color: var(--color-navy-base);\n      border-color: var(--color-white);\n    }\n    \n    .cta-buttons .btn-primary:hover {\n      background-color: var(--color-gray-100);\n      border-color: var(--color-gray-200);\n    }\n    \n    .cta-buttons .btn-outline {\n      background-color: transparent;\n      color: var(--color-white);\n      border-color: var(--color-white);\n    }\n    \n    .cta-buttons .btn-outline:hover {\n      background-color: var(--color-white);\n      color: var(--color-navy-base);\n    }\n    \n    \/* ========================================\n       15. FOOTER\n       ======================================== *\/\n    .footer {\n      background-color: var(--color-navy-dark);\n      color: var(--color-gray-300);\n      padding: var(--space-12) 0 var(--space-8);\n    }\n    \n    .footer-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n      gap: var(--space-8);\n      margin-bottom: var(--space-8);\n    }\n    \n    .footer-brand {\n      display: flex;\n      flex-direction: column;\n      gap: var(--space-4);\n    }\n    \n    .footer-logo {\n      display: flex;\n      align-items: center;\n      gap: var(--space-3);\n      font-family: var(--font-secondary);\n      font-weight: var(--font-weight-bold);\n      font-size: var(--text-lg);\n      color: var(--color-white);\n      text-decoration: none;\n    }\n    \n    .footer-logo svg {\n      width: 28px;\n      height: 28px;\n      color: var(--color-emerald-base);\n    }\n    \n    .footer-description {\n      font-size: var(--text-sm);\n      line-height: var(--line-height-relaxed);\n    }\n    \n    .footer-social {\n      display: flex;\n      gap: var(--space-3);\n    }\n    \n    .social-link {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 36px;\n      height: 36px;\n      background-color: var(--color-navy-base);\n      border-radius: var(--radius-md);\n      color: var(--color-white);\n      transition: background-color var(--transition-fast);\n    }\n    \n    .social-link:hover { background-color: var(--color-emerald-base); }\n    .social-link svg { width: 18px; height: 18px; }\n    \n    .footer-title {\n      font-size: var(--text-lg);\n      font-weight: var(--font-weight-semibold);\n      color: var(--color-white);\n      margin-bottom: var(--space-4);\n    }\n    \n    .footer-links {\n      list-style: none;\n      display: flex;\n      flex-direction: column;\n      gap: var(--space-3);\n    }\n    \n    .footer-links a {\n      color: var(--color-gray-300);\n      font-size: var(--text-sm);\n      transition: color var(--transition-fast);\n    }\n    \n    .footer-links a:hover { color: var(--color-emerald-light); }\n    \n    .footer-bottom {\n      padding-top: var(--space-8);\n      border-top: var(--border-width) solid var(--color-navy-base);\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      flex-wrap: wrap;\n      gap: var(--space-4);\n      font-size: var(--text-sm);\n    }\n    \n    .footer-legal {\n      display: flex;\n      gap: var(--space-6);\n    }\n    \n    .footer-legal a {\n      color: var(--color-gray-400);\n      transition: color var(--transition-fast);\n    }\n    \n    .footer-legal a:hover { color: var(--color-white); }\n    \n    \/* ========================================\n       16. COOKIE CONSENT\n       ======================================== *\/\n    .cookie-consent {\n      position: fixed;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      background-color: var(--color-white);\n      border-top: var(--border-width) solid var(--color-gray-200);\n      padding: var(--space-4) var(--space-6);\n      z-index: var(--z-toast);\n      box-shadow: var(--shadow-lg);\n      display: none;\n    }\n    \n    .cookie-consent.visible {\n      display: block;\n      animation: slideUp 0.3s ease-out;\n    }\n    \n    @media (prefers-color-scheme: dark) {\n      .cookie-consent {\n        background-color: var(--color-gray-800);\n        border-top-color: var(--color-gray-700);\n      }\n    }\n    \n    .cookie-content {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: var(--space-4);\n      flex-wrap: wrap;\n      max-width: var(--container-max-width);\n      margin: 0 auto;\n    }\n    \n    .cookie-text {\n      font-size: var(--text-sm);\n      color: var(--color-gray-700);\n      flex: 1;\n      min-width: 200px;\n    }\n    \n    @media (prefers-color-scheme: dark) {\n      .cookie-text { color: var(--color-gray-300); }\n    }\n    \n    .cookie-text a {\n      color: var(--color-navy-base);\n      text-decoration: underline;\n    }\n    \n    @media (prefers-color-scheme: dark) {\n      .cookie-text a { color: var(--color-emerald-light); }\n    }\n    \n    .cookie-buttons {\n      display: flex;\n      gap: var(--space-3);\n      flex-shrink: 0;\n    }\n    \n    .cookie-btn {\n      padding: var(--space-2) var(--space-4);\n      font-size: var(--text-sm);\n      font-weight: var(--font-weight-medium);\n      border-radius: var(--radius-md);\n      cursor: pointer;\n      transition: background-color var(--transition-fast);\n    }\n    \n    .cookie-btn.accept {\n      background-color: var(--color-emerald-base);\n      color: var(--color-white);\n      border: none;\n    }\n    \n    .cookie-btn.accept:hover { background-color: var(--color-emerald-dark); }\n    \n    .cookie-btn.decline {\n      background-color: var(--color-gray-200);\n      color: var(--color-gray-800);\n      border: none;\n    }\n    \n    @media (prefers-color-scheme: dark) {\n      .cookie-btn.decline {\n        background-color: var(--color-gray-700);\n        color: var(--color-gray-200);\n      }\n    }\n    \n    .cookie-btn.decline:hover { background-color: var(--color-gray-300); }\n    \n    \/* ========================================\n       17. ANIMATIONS & KEYFRAMES\n       ======================================== *\/\n    @keyframes fadeIn {\n      from { opacity: 0; }\n      to { opacity: 1; }\n    }\n    \n    @keyframes slideUp {\n      from { opacity: 0; transform: translateY(20px); }\n      to { opacity: 1; transform: translateY(0); }\n    }\n    \n    @keyframes slideDown {\n      from { opacity: 0; transform: translateY(-20px); }\n      to { opacity: 1; transform: translateY(0); }\n    }\n    \n    @keyframes pulse {\n      0%, 100% { opacity: 1; }\n      50% { opacity: 0.7; }\n    }\n    \n    @keyframes bounce {\n      0%, 100% { transform: translateY(0); }\n      50% { transform: translateY(-10px); }\n    }\n    \n    @keyframes spin {\n      to { transform: rotate(360deg); }\n    }\n    \n    \/* ========================================\n       18. RESPONSIVE DESIGN\n       ======================================== *\/\n    @media (max-width: 1024px) {\n      h1 { font-size: var(--text-4xl); }\n      h2 { font-size: var(--text-3xl); }\n      .hero-container { grid-template-columns: 1fr; text-align: center; }\n      .hero-content { margin: 0 auto; }\n      .hero-cta { justify-content: center; }\n      .hero-trust { justify-content: center; }\n      .seal-showcase { width: 280px; height: 280px; }\n      .seal-center { width: 200px; height: 200px; }\n    }\n    \n    @media (max-width: 768px) {\n      :root {\n        --header-height: var(--header-height-mobile);\n        --container-padding-x: var(--space-4);\n      }\n      \n      .nav { display: none; }\n      .mobile-menu-btn { display: block; }\n      .header-actions .btn { display: none; }\n      \n      .hero { padding: var(--space-16) 0 var(--space-12); }\n      .hero-title { font-size: var(--text-4xl); }\n      .hero-description { font-size: var(--text-base); }\n      .seal-showcase { width: 240px; height: 240px; }\n      .seal-center { width: 180px; height: 180px; }\n      \n      .section-title { font-size: var(--text-3xl); }\n      \n      .pricing-card { padding: var(--space-6); }\n      .pricing-price { font-size: var(--text-3xl); }\n      \n      .cta-title { font-size: var(--text-3xl); }\n      .cta-buttons { flex-direction: column; align-items: center; }\n      \n      .footer-bottom { flex-direction: column; text-align: center; }\n      .footer-legal { justify-content: center; }\n      \n      .cookie-content { flex-direction: column; text-align: center; }\n      .cookie-buttons { width: 100%; justify-content: center; }\n    }\n    \n    @media (max-width: 480px) {\n      h1 { font-size: var(--text-3xl); }\n      .hero-title { font-size: var(--text-3xl); }\n      .seal-showcase { width: 200px; height: 200px; }\n      .seal-center { width: 150px; height: 150px; }\n      .widget-form { flex-direction: column; }\n      .widget-input { width: 100%; }\n      .btn-lg { width: 100%; }\n    }\n    \n    \/* ========================================\n       19. PRINT STYLES\n       ======================================== *\/\n    @media print {\n      .header, .footer, .cookie-consent, .mobile-menu-btn, .btn, .hero-cta, .verification-widget {\n        display: none !important;\n      }\n      body {\n        font-size: 12pt;\n        color: #000;\n        background: #fff;\n      }\n      .container { max-width: 100%; padding: 0; }\n      a { color: #000; text-decoration: underline; }\n      .section-header, .service-card, .pricing-card { break-inside: avoid; }\n    }\n    \n    \/* ========================================\n       20. ACCESSIBILITY\n       ======================================== *\/\n    @media (prefers-reduced-motion: reduce) {\n      *, *::before, *::after {\n        animation-duration: 0.01ms !important;\n        animation-iteration-count: 1 !important;\n        transition-duration: 0.01ms !important;\n        scroll-behavior: auto !important;\n      }\n    }\n    \n    a:focus, button:focus, input:focus, select:focus, textarea:focus {\n      outline: var(--border-width-2) solid var(--color-emerald-base);\n      outline-offset: var(--space-1);\n    }\n    \n    .skip-link {\n      position: absolute;\n      top: -40px;\n      left: 0;\n      background: var(--color-navy-base);\n      color: white;\n      padding: var(--space-2) var(--space-4);\n      z-index: var(--z-tooltip);\n      transition: top var(--transition-fast);\n    }\n    \n    .skip-link:focus { top: 0; }\n  <\/style>\n  \n  <!-- ========================================\n       SCHEMA.ORG STRUCTURED DATA - SEO CR\u00cdTICO\n       ======================================== -->\n  \n  <!-- Organization Schema -->\n  <script type=\"application\/ld+json\">\n  {\n    \"@context\": \"https:\/\/schema.org\",\n    \"@type\": \"Organization\",\n    \"name\": \"PropTrust Verified\",\n    \"legalName\": \"PropTrust Verified SL\",\n    \"url\": \"https:\/\/proptrustverified.com\",\n    \"logo\": \"https:\/\/proptrustverified.com\/assets\/logo-proptrust.svg\",\n    \"description\": \"Servicio profesional de verificaci\u00f3n documental y t\u00e9cnica para transacciones inmobiliarias en Espa\u00f1a. Reduce riesgos en tu compraventa con informes certificados.\",\n    \"foundingDate\": \"2026\",\n    \"address\": {\n      \"@type\": \"PostalAddress\",\n      \"streetAddress\": \"Carrera Fonteta de san Luis 17, Bajo G2\",\n      \"addressLocality\": \"Valencia\",\n      \"postalCode\": \"46013\",\n      \"addressCountry\": \"ES\"\n    },\n    \"contactPoint\": {\n      \"@type\": \"ContactPoint\",\n      \"contactType\": \"customer service\",\n      \"email\": \"hello@proptrustverified.com\",\n      \"telephone\": \"+34-662-221-582\",\n      \"availableLanguage\": [\"Spanish\", \"English\"]\n    },\n    \"sameAs\": [\n      \"https:\/\/twitter.com\/PropTrustVerify\",\n      \"https:\/\/linkedin.com\/company\/proptrust-verified\",\n      \"https:\/\/instagram.com\/proptrustverified\"\n    ]\n  }\n  <\/script>\n  \n  <!-- WebSite Schema -->\n  <script type=\"application\/ld+json\">\n  {\n    \"@context\": \"https:\/\/schema.org\",\n    \"@type\": \"WebSite\",\n    \"name\": \"PropTrust Verified\",\n    \"url\": \"https:\/\/proptrustverified.com\",\n    \"description\": \"Verificaci\u00f3n profesional para compraventa inmobiliaria sin sorpresas\",\n    \"potentialAction\": {\n      \"@type\": \"SearchAction\",\n      \"target\": \"https:\/\/proptrustverified.com\/contacto\/\/{search_term_string}\",\n      \"query-input\": \"required name=search_term_string\"\n    }\n  }\n  <\/script>\n  \n  <!-- Service Schema - Para rich snippets en b\u00fasqueda -->\n  <script type=\"application\/ld+json\">\n  {\n    \"@context\": \"https:\/\/schema.org\",\n    \"@type\": \"Service\",\n    \"serviceType\": \"Property Verification Service\",\n    \"provider\": {\n      \"@type\": \"Organization\",\n      \"name\": \"PropTrust Verified\",\n      \"url\": \"https:\/\/proptrustverified.com\"\n    },\n    \"areaServed\": {\n      \"@type\": \"Country\",\n      \"name\": \"Spain\"\n    },\n    \"offers\": {\n      \"@type\": \"Offer\",\n      \"price\": \"299\",\n      \"priceCurrency\": \"EUR\",\n      \"availability\": \"https:\/\/schema.org\/InStock\",\n      \"description\": \"Verificaci\u00f3n b\u00e1sica de propiedad con informe documental y t\u00e9cnico\"\n    },\n    \"hasOfferCatalog\": {\n      \"@type\": \"OfferCatalog\",\n      \"name\": \"Servicios de Verificaci\u00f3n PropTrust\",\n      \"itemListElement\": [\n        {\n          \"@type\": \"OfferCatalog\",\n          \"name\": \"Verificaci\u00f3n de Propiedad\",\n          \"itemListElement\": [\n            {\n              \"@type\": \"Offer\",\n              \"itemOffered\": {\n                \"@type\": \"Service\",\n                \"name\": \"Verificaci\u00f3n B\u00e1sica\",\n                \"description\": \"Checklist t\u00e9cnico digital + verificaci\u00f3n legal documental + valoraci\u00f3n automatizada\"\n              },\n              \"price\": \"299\",\n              \"priceCurrency\": \"EUR\"\n            },\n            {\n              \"@type\": \"Offer\",\n              \"itemOffered\": {\n                \"@type\": \"Service\",\n                \"name\": \"Verificaci\u00f3n Premium\",\n                \"description\": \"Peritaje presencial colegiado + termograf\u00eda + informe con fotos 360\u00b0 geolocalizadas\"\n              },\n              \"price\": \"599\",\n              \"priceCurrency\": \"EUR\"\n            }\n          ]\n        }\n      ]\n    }\n  }\n  <\/script>\n  \n  <!-- FAQPage Schema - Para rich snippets de preguntas frecuentes -->\n  <script type=\"application\/ld+json\">\n  {\n    \"@context\": \"https:\/\/schema.org\",\n    \"@type\": \"FAQPage\",\n    \"mainEntity\": [\n      {\n        \"@type\": \"Question\",\n        \"name\": \"\u00bfQu\u00e9 es PropTrust Verified?\",\n        \"acceptedAnswer\": {\n          \"@type\": \"Answer\",\n          \"text\": \"PropTrust Verified es un servicio profesional de verificaci\u00f3n documental y t\u00e9cnica contratado por vendedores para aportar transparencia adicional en la compraventa. No es una certificaci\u00f3n oficial ni sustituye la diligencia debida del comprador.\"\n        }\n      },\n      {\n        \"@type\": \"Question\",\n        \"name\": \"\u00bfCu\u00e1nto cuesta verificar una propiedad?\",\n        \"acceptedAnswer\": {\n          \"@type\": \"Answer\",\n          \"text\": \"Desde 299\u20ac para verificaci\u00f3n b\u00e1sica de pisos hasta 599\u20ac para propiedades Premium con peritaje presencial. Consulta nuestra secci\u00f3n de precios para detalles completos.\"\n        }\n      },\n      {\n        \"@type\": \"Question\",\n        \"name\": \"\u00bfC\u00f3mo verifico un informe PropTrust?\",\n        \"acceptedAnswer\": {\n          \"@type\": \"Answer\",\n          \"text\": \"Cada informe incluye un c\u00f3digo \u00fanico de verificaci\u00f3n. Introd\u00facelo en nuestro widget de verificaci\u00f3n o visita proptrustverified.com\/verify\/[C\u00d3DIGO] para confirmar autenticidad y estado.\"\n        }\n      },\n      {\n        \"@type\": \"Question\",\n        \"name\": \"\u00bfQu\u00e9 incluye la verificaci\u00f3n?\",\n        \"acceptedAnswer\": {\n          \"@type\": \"Answer\",\n          \"text\": \"Verificaci\u00f3n documental (titularidad, cargas, licencias), inspecci\u00f3n t\u00e9cnica (estructura, instalaciones, eficiencia) y valoraci\u00f3n de mercado con coste estimado de puesta a punto.\"\n        }\n      },\n      {\n        \"@type\": \"Question\",\n        \"name\": \"\u00bfD\u00f3nde est\u00e1 ubicada PropTrust Verified?\",\n        \"acceptedAnswer\": {\n          \"@type\": \"Answer\",\n          \"text\": \"Nuestras oficinas est\u00e1n en Carrera Fonteta de san Luis 17, Bajo G2, Valencia. Atendemos propiedades en toda Espa\u00f1a.\"\n        }\n      }\n    ]\n  }\n  <\/script>\n  \n  <!-- LocalBusiness Schema -->\n  <script type=\"application\/ld+json\">\n  {\n    \"@context\": \"https:\/\/schema.org\",\n    \"@type\": \"LocalBusiness\",\n    \"name\": \"PropTrust Verified\",\n    \"image\": \"https:\/\/proptrustverified.com\/assets\/logo-proptrust.svg\",\n    \"@id\": \"https:\/\/proptrustverified.com\",\n    \"url\": \"https:\/\/proptrustverified.com\",\n    \"telephone\": \"+34-662-221-582\",\n    \"priceRange\": \"\u20ac\u20ac\",\n    \"address\": {\n      \"@type\": \"PostalAddress\",\n      \"streetAddress\": \"Carrera Fonteta de san Luis 17, Bajo G2\",\n      \"addressLocality\": \"Valencia\",\n      \"postalCode\": \"46013\",\n      \"addressCountry\": \"ES\"\n    },\n    \"geo\": {\n      \"@type\": \"GeoCoordinates\",\n      \"latitude\": 39.4699,\n      \"longitude\": -0.3763\n    },\n    \"openingHoursSpecification\": {\n      \"@type\": \"OpeningHoursSpecification\",\n      \"dayOfWeek\": [\"Monday\", \"Tuesday\", \"Wednesday\", \"Thursday\", \"Friday\"],\n      \"opens\": \"09:00\",\n      \"closes\": \"18:00\"\n    }\n  }\n  <\/script>\n  \n  <!-- Review Schema (Testimonios) -->\n  <script type=\"application\/ld+json\">\n  {\n    \"@context\": \"https:\/\/schema.org\",\n    \"@type\": \"AggregateRating\",\n    \"itemReviewed\": {\n      \"@type\": \"Service\",\n      \"name\": \"PropTrust Verified\"\n    },\n    \"ratingValue\": \"4.9\",\n    \"reviewCount\": \"127\",\n    \"bestRating\": \"5\",\n    \"worstRating\": \"1\"\n  }\n  <\/script>\n  \n  <!-- BreadcrumbList Schema -->\n  <script type=\"application\/ld+json\">\n  {\n    \"@context\": \"https:\/\/schema.org\",\n    \"@type\": \"BreadcrumbList\",\n    \"itemListElement\": [\n      {\n        \"@type\": \"ListItem\",\n        \"position\": 1,\n        \"name\": \"Inicio\",\n        \"item\": \"https:\/\/proptrustverified.com\"\n      }\n    ]\n  }\n  <\/script>\n  \n  <!-- Google Fonts Preload -->\n  <link rel=\"preload\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&#038;family=Montserrat:wght@600;700&#038;display=swap\" as=\"style\" onload=\"this.onload=null;this.rel='stylesheet'\">\n  <noscript><link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&#038;family=Montserrat:wght@600;700&#038;display=swap\"><\/noscript>\n<\/head>\n<body>\n  <!-- Skip Link for Accessibility -->\n  <a href=\"#main-content\" class=\"skip-link\">Saltar al contenido principal<\/a>\n  \n  <!-- ========================================\n       HEADER & NAVIGATION\n       ======================================== -->\n  <header class=\"header\" role=\"banner\">\n    <div class=\"container header-container\">\n      <!-- Logo -->\n      <a href=\"\/\" class=\"logo\" aria-label=\"PropTrust Verified - Inicio\">\n        <div class=\"logo-icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"><\/path>\n            <polyline points=\"9 22 9 12 15 12 15 22\"><\/polyline>\n            <path d=\"M12 3v4\"><\/path>\n            <circle cx=\"12\" cy=\"8\" r=\"2\"><\/circle>\n            <path d=\"M18 18 L14 14 L12 16 L10 14 L6 18\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\"\/>\n          <\/svg>\n        <\/div>\n        <div class=\"logo-text\">\n          <span class=\"brand\">Prop Trust<\/span>\n          <span class=\"tagline\">Verified\u2122<\/span>\n        <\/div>\n      <\/a>\n      \n      <!-- Desktop Navigation -->\n      <nav class=\"nav\" role=\"navigation\" aria-label=\"Navegaci\u00f3n principal\">\n        <a href=\"#servicios\" class=\"nav-link\">Servicios<\/a>\n        <a href=\"#como-funciona\" class=\"nav-link\">C\u00f3mo funciona<\/a>\n        <a href=\"#testimonios\" class=\"nav-link\">Testimonios<\/a>\n        <a href=\"#precios\" class=\"nav-link\">Precios<\/a>\n        <a href=\"#faq\" class=\"nav-link\">FAQ<\/a>\n        <a href=\"#contacto\" class=\"nav-link\">Contacto<\/a>\n      <\/nav>\n      \n      <!-- Header Actions -->\n      <div class=\"header-actions\">\n        <!-- Phone CTA -->\n        <a href=\"tel:+34662221582\" class=\"btn btn-secondary btn-sm\" aria-label=\"Llamar ahora\">\n          <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" style=\"margin-right: 6px;\">\n            <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path>\n          <\/svg>\n          662 221 582\n        <\/a>\n        \n        <!-- Language Selector -->\n        <div class=\"language-selector\">\n          <button class=\"language-btn\" aria-expanded=\"false\" aria-haspopup=\"true\" aria-label=\"Seleccionar idioma\">\n            <span>ES<\/span>\n            <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n              <polyline points=\"6 9 12 15 18 9\"><\/polyline>\n            <\/svg>\n          <\/button>\n          <div class=\"language-dropdown\" role=\"menu\">\n            <button class=\"language-option active\" role=\"menuitem\" aria-current=\"true\">Espa\u00f1ol<\/button>\n            <button class=\"language-option\" role=\"menuitem\">English<\/button>\n            <button class=\"language-option\" role=\"menuitem\">Portugu\u00eas<\/button>\n          <\/div>\n        <\/div>\n        \n        <!-- CTA Button -->\n        <a href=\"#contacto\" class=\"btn btn-primary btn-sm\">Verificar propiedad<\/a>\n        \n        <!-- Mobile Menu Button -->\n        <button class=\"mobile-menu-btn\" aria-label=\"Abrir men\u00fa\" aria-expanded=\"false\" aria-controls=\"mobile-menu\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n            <line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\"><\/line>\n            <line x1=\"3\" y1=\"12\" x2=\"21\" y2=\"12\"><\/line>\n            <line x1=\"3\" y1=\"18\" x2=\"21\" y2=\"18\"><\/line>\n          <\/svg>\n        <\/button>\n      <\/div>\n    <\/div>\n    \n    <!-- Mobile Menu -->\n    <div id=\"mobile-menu\" class=\"mobile-menu\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Men\u00fa m\u00f3vil\">\n      <nav class=\"mobile-nav\" role=\"navigation\">\n        <a href=\"#servicios\" class=\"mobile-nav-link\">Servicios<\/a>\n        <a href=\"#como-funciona\" class=\"mobile-nav-link\">C\u00f3mo funciona<\/a>\n        <a href=\"#testimonios\" class=\"mobile-nav-link\">Testimonios<\/a>\n        <a href=\"#precios\" class=\"mobile-nav-link\">Precios<\/a>\n        <a href=\"#faq\" class=\"mobile-nav-link\">FAQ<\/a>\n        <a href=\"#contacto\" class=\"mobile-nav-link\">Contacto<\/a>\n      <\/nav>\n      <div class=\"mobile-actions\">\n        <a href=\"tel:+34662221582\" class=\"btn btn-secondary\" style=\"margin-bottom: 12px;\">\n          \ud83d\udcde 662 221 582\n        <\/a>\n        <a href=\"#contacto\" class=\"btn btn-primary\">Verificar propiedad<\/a>\n        <button class=\"language-btn\" style=\"justify-content: center;\" aria-label=\"Cambiar idioma\">\n          <span>Idioma: ES<\/span>\n        <\/button>\n      <\/div>\n    <\/div>\n  <\/header>\n  \n  <!-- ========================================\n       MAIN CONTENT\n       ======================================== -->\n  <main id=\"main-content\">\n    \n    <!-- HERO SECTION -->\n    <section class=\"hero\" aria-labelledby=\"hero-title\">\n      <div class=\"container hero-container\">\n        <div class=\"hero-content\">\n          <div class=\"hero-badge\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n              <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path>\n              <polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline>\n            <\/svg>\n            <span>Servicio <a href=\"https:\/\/proptrustverified.com\/verificacion-inmobiliaria-profesional-agentes-valencia\/\" title=\"Verificaci\u00f3n Inmobiliaria Profesional | Agentes Valencia |\"  data-wpil-monitor-id=\"112\">profesional de verificaci\u00f3n<\/a><\/span>\n          <\/div>\n          \n          <h1 id=\"hero-title\" class=\"hero-title\">\n            Verificaci\u00f3n profesional para <span class=\"highlight\">compraventa sin sorpresas<\/span>\n          <\/h1>\n          \n          <p class=\"hero-description\">\n            <a href=\"https:\/\/proptrustverified.com\/verificacion-de-embarcaciones-peritaje-naval-valencia-proptrust-marine\/\" title=\"Verificaci\u00f3n de Embarcaciones | Peritaje Naval Valencia | PropTrust Marine\"  data-wpil-monitor-id=\"113\">PropTrust Verified es un servicio de verificaci\u00f3n<\/a> documental y t\u00e9cnica contratado por vendedores para aportar transparencia adicional en tu transacci\u00f3n inmobiliaria. Reduce riesgos, genera confianza y acelera el cierre.\n          <\/p>\n          \n          <div class=\"hero-cta\">\n            <a href=\"#contacto\" class=\"btn btn-primary btn-lg btn-icon\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path>\n                <polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline>\n              <\/svg>\n              Verificar mi propiedad\n            <\/a>\n            <a href=\"tel:+34662221582\" class=\"btn btn-secondary btn-lg btn-icon\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path>\n              <\/svg>\n              Llamar ahora\n            <\/a>\n          <\/div>\n          \n          <div class=\"hero-trust\">\n            <div class=\"trust-item\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path>\n              <\/svg>\n              <span>Peritos colegiados<\/span>\n            <\/div>\n            <div class=\"trust-item\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect>\n                <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"><\/line>\n                <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"><\/line>\n                <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"><\/line>\n              <\/svg>\n              <span>Verificaci\u00f3n en 48h<\/span>\n            <\/div>\n            <div class=\"trust-item\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                <path d=\"M9 12l2 2 4-4\"><\/path>\n                <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n              <\/svg>\n              <span>C\u00f3digo de verificaci\u00f3n \u00fanico<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n        \n        <div class=\"hero-visual\">\n          <div class=\"floating-elements\" aria-hidden=\"true\">\n            <div class=\"floating-element\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n                <path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"><\/path>\n              <\/svg>\n            <\/div>\n            <div class=\"floating-element\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n                <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n                <path d=\"M12 6v6l4 2\"><\/path>\n              <\/svg>\n            <\/div>\n            <div class=\"floating-element\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n                <path d=\"M9 12l2 2 4-4\"><\/path>\n                <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n              <\/svg>\n            <\/div>\n          <\/div>\n          \n          <div class=\"seal-showcase\">\n            <div class=\"seal-ring\" aria-hidden=\"true\"><\/div>\n            <div class=\"seal-center\">\n              <div class=\"seal-icon\">\n                <svg viewBox=\"0 0 100 100\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\">\n                  <path d=\"M20 60 L50 30 L80 60 Z\" stroke=\"#1A365D\" fill=\"none\"\/>\n                  <path d=\"M35 60 L50 45 L65 60 Z\" stroke=\"#1A365D\" fill=\"none\"\/>\n                  <rect x=\"40\" y=\"60\" width=\"20\" height=\"25\" stroke=\"#1A365D\" fill=\"none\"\/>\n                  <circle cx=\"50\" cy=\"25\" r=\"8\" stroke=\"#1A365D\" fill=\"none\"\/>\n                  <path d=\"M45 65 L50 70 L60 55\" stroke=\"#10B981\" stroke-width=\"3\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                <\/svg>\n              <\/div>\n              <div class=\"seal-check\" aria-label=\"Verificado\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\">\n                  <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n                <\/svg>\n              <\/div>\n              <div class=\"seal-text\">\n                <div>PROP TRUST<\/div>\n                <div>VERIFIED\u2122<\/div>\n              <\/div>\n              <div class=\"seal-verified\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                  <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n                <\/svg>\n                VERIFIED\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      \n      <!-- Verification Widget in Hero -->\n      <div class=\"container\">\n        <div class=\"verification-widget\" role=\"region\" aria-labelledby=\"verify-widget-title\">\n          <h3 id=\"verify-widget-title\" class=\"widget-title\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n              <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect>\n              <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"><\/line>\n              <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"><\/line>\n              <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"><\/line>\n            <\/svg>\n            Verificar informe PropTrust\n          <\/h3>\n          <form class=\"widget-form\" id=\"verify-form\" novalidate>\n            <input \n              type=\"text\" \n              class=\"widget-input\" \n              id=\"verify-code\" \n              name=\"code\" \n              placeholder=\"Introduce c\u00f3digo: PT-ES-2026-XXXXX\"\n              pattern=\"PT-[A-Z]{2}-\\d{4}-[A-Z0-9]{5}\"\n              aria-describedby=\"verify-help\"\n              required\n            >\n            <button type=\"submit\" class=\"btn btn-emerald\">Verificar<\/button>\n          <\/form>\n          <small id=\"verify-help\" class=\"text-gray-500\">Ejemplo: PT-ES-2026-AB12X<\/small>\n          <div id=\"verify-result\" class=\"widget-result\" role=\"status\" aria-live=\"polite\">\n            <div class=\"result-header success\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n              <\/svg>\n              <span>Informe verificado<\/span>\n            <\/div>\n            <div class=\"result-details\">\n              <strong>Propiedad:<\/strong> Calle Ejemplo 123, Valencia<br>\n              <strong>C\u00f3digo:<\/strong> PT-ES-2026-AB12X<br>\n              <strong>Emisi\u00f3n:<\/strong> 15\/03\/2026<br>\n              <strong>V\u00e1lido hasta:<\/strong> 15\/03\/2027<br>\n              <strong>Estado:<\/strong> \u2705 Documental \u2022 \u2705 T\u00e9cnico \u2022 \u2705 Legal\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n    \n    <!-- SERVICES SECTION -->\n    <section id=\"servicios\" class=\"services\" aria-labelledby=\"services-title\">\n      <div class=\"container\">\n        <div class=\"section-header\">\n          <div class=\"badge\">\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n              <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path>\n              <polyline points=\"14 2 14 8 20 8\"><\/polyline>\n            <\/svg>\n            Nuestros servicios\n          <\/div>\n          <h2 id=\"services-title\" class=\"section-title\">Verificaci\u00f3n profesional para cada necesidad<\/h2>\n          <p class=\"section-description\">\n            Servicios flexibles adaptados al tipo de propiedad y nivel de detalle que necesitas. Todos incluyen c\u00f3digo de verificaci\u00f3n \u00fanico y acceso a nuestro portal de transparencia.\n          <\/p>\n        <\/div>\n        \n        <div class=\"services-grid\">\n          <!-- Service 1: Verificaci\u00f3n de Propiedad -->\n          <article class=\"service-card\">\n            <div class=\"service-icon\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                <path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"><\/path>\n                <polyline points=\"9 22 9 12 15 12 15 22\"><\/polyline>\n              <\/svg>\n            <\/div>\n            <h3 class=\"service-title\">Verificaci\u00f3n de Propiedad<\/h3>\n            <p class=\"service-description\">\n              Inspecci\u00f3n documental y t\u00e9cnica completa para propiedades en venta o alquiler. Ideal para vendedores que quieren aportar transparencia adicional a su transacci\u00f3n.\n            <\/p>\n            <ul class=\"service-features\">\n              <li>\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n                Verificaci\u00f3n de titularidad registral\n              <\/li>\n              <li>\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n                Checklist t\u00e9cnico de estructura e instalaciones\n              <\/li>\n              <li>\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n                Valoraci\u00f3n de mercado con coste de puesta a punto\n              <\/li>\n              <li>\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n                C\u00f3digo de verificaci\u00f3n \u00fanico + QR\n              <\/li>\n            <\/ul>\n            <a href=\"#precios\" class=\"btn btn-outline btn-sm mt-4\">Ver precios<\/a>\n          <\/article>\n          \n          <!-- Service 2: Consultor\u00eda T\u00e9cnica -->\n          <article class=\"service-card\">\n            <div class=\"service-icon\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                <path d=\"M12 20h9\"><\/path>\n                <path d=\"M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z\"><\/path>\n              <\/svg>\n            <\/div>\n            <h3 class=\"service-title\">Consultor\u00eda T\u00e9cnica<\/h3>\n            <p class=\"service-description\">\n              Asesoramiento especializado para promotoras, agentes y profesionales del sector. An\u00e1lisis de riesgos, due diligence y soporte en transacciones complejas.\n            <\/p>\n            <ul class=\"service-features\">\n              <li>\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n                Due diligence t\u00e9cnico para carteras\n              <\/li>\n              <li>\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n                An\u00e1lisis de riesgos pre-adquisici\u00f3n\n              <\/li>\n              <li>\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n                Soporte en negociaci\u00f3n con compradores\n              <\/li>\n              <li>\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n                Informes ejecutivos para inversores\n              <\/li>\n            <\/ul>\n            <a href=\"#contacto\" class=\"btn btn-outline btn-sm mt-4\">Solicitar presupuesto<\/a>\n          <\/article>\n          \n          <!-- Service 3: Formaci\u00f3n Profesional -->\n          <article class=\"service-card\">\n            <div class=\"service-icon\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                <path d=\"M22 10v6M2 10l10-5 10 5-10 5z\"><\/path>\n                <path d=\"M6 12v5c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2v-5\"><\/path>\n              <\/svg>\n            <\/div>\n            <h3 class=\"service-title\">Formaci\u00f3n Profesional<\/h3>\n            <p class=\"service-description\">\n              Cursos y webinars para agentes inmobiliarios, peritos y profesionales del sector. Aprende a identificar riesgos, documentar propiedades y comunicar transparencia.\n            <\/p>\n            <ul class=\"service-features\">\n              <li>\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n                Curso online: &#8220;Transparencia en compraventa&#8221;\n              <\/li>\n              <li>\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n                Webinar mensual con expertos del sector\n              <\/li>\n              <li>\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n                Certificaci\u00f3n PropTrust para profesionales\n              <\/li>\n              <li>\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n                Recursos descargables y plantillas\n              <\/li>\n            <\/ul>\n            <a href=\"#contacto\" class=\"btn btn-outline btn-sm mt-4\">Ver formaci\u00f3n<\/a>\n          <\/article>\n        <\/div>\n      <\/div>\n    <\/section>\n    \n    <!-- HOW IT WORKS SECTION -->\n    <section id=\"como-funciona\" class=\"how-it-works\" aria-labelledby=\"how-title\">\n      <div class=\"container\">\n        <div class=\"section-header\">\n          <div class=\"badge\">\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n              <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n              <polyline points=\"12 6 12 12 16 14\"><\/polyline>\n            <\/svg>\n            Proceso sencillo\n          <\/div>\n          <h2 id=\"how-title\" class=\"section-title\">Verifica tu propiedad en 4 pasos<\/h2>\n          <p class=\"section-description\">\n            Sin papeleo innecesario. Sin esperas interminables. Tecnolog\u00eda y expertos trabajando para ti.\n          <\/p>\n        <\/div>\n        \n        <div class=\"steps-container\">\n          <!-- Step 1 -->\n          <div class=\"step-card\">\n            <div class=\"step-number\">1<\/div>\n            <h3 class=\"step-title\">Solicitud Online<\/h3>\n            <p class=\"step-description\">Completa el formulario con datos b\u00e1sicos de la propiedad y elige el nivel de verificaci\u00f3n que necesitas.<\/p>\n          <\/div>\n          \n          <!-- Step 2 -->\n          <div class=\"step-card\">\n            <div class=\"step-number\">2<\/div>\n            <h3 class=\"step-title\">Inspecci\u00f3n Programada<\/h3>\n            <p class=\"step-description\">Un perito colegiado de nuestra red contacta para agendar la visita. Inspecci\u00f3n in situ con checklist estandarizado.<\/p>\n          <\/div>\n          \n          <!-- Step 3 -->\n          <div class=\"step-card\">\n            <div class=\"step-number\">3<\/div>\n            <h3 class=\"step-title\">Generaci\u00f3n del Informe<\/h3>\n            <p class=\"step-description\">Nuestro equipo genera el informe PropTrust con hallazgos, fotos y valoraci\u00f3n. T\u00fa apruebas antes de publicar.<\/p>\n          <\/div>\n          \n          <!-- Step 4 -->\n          <div class=\"step-card\">\n            <div class=\"step-number\">4<\/div>\n            <h3 class=\"step-title\">Sello Activo y Verificable<\/h3>\n            <p class=\"step-description\">Recibe tu kit de marketing con el sello PropTrust Verified\u2122. Los compradores verifican autenticidad en tiempo real.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n    \n    <!-- TESTIMONIALS SECTION (NUEVO) -->\n    <section id=\"testimonios\" class=\"testimonials\" aria-labelledby=\"testimonials-title\">\n      <div class=\"container\">\n        <div class=\"section-header\">\n          <div class=\"badge\">\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n              <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"><\/path>\n            <\/svg>\n            Testimonios\n          <\/div>\n          <h2 id=\"testimonials-title\" class=\"section-title\">Lo que dicen nuestros clientes<\/h2>\n          <p class=\"section-description\">\n            M\u00e1s de 127 propiedades verificadas con una valoraci\u00f3n media de 4.9\/5. Transparencia que genera confianza.\n          <\/p>\n        <\/div>\n        \n        <div class=\"testimonials-grid\">\n          <!-- Testimonial 1 -->\n          <div class=\"testimonial-card\">\n            <div class=\"testimonial-header\">\n              <div class=\"testimonial-avatar\">MG<\/div>\n              <div class=\"testimonial-info\">\n                <h4 class=\"testimonial-name\">Mar\u00eda Garc\u00eda<\/h4>\n                <p class=\"testimonial-role\"><a href=\"https:\/\/proptrustverified.com\/normativa-cte-2026-cambios-que-afectan-a-propietarios-en-valencia\/\" title=\"Normativa CTE 2026: Cambios que Afectan a Propietarios en Valencia\"  data-wpil-monitor-id=\"114\">Propietaria &#8211; Valencia<\/a><\/p>\n              <\/div>\n            <\/div>\n            <div class=\"testimonial-rating\">\n              <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"><\/path><\/svg>\n              <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"><\/path><\/svg>\n              <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"><\/path><\/svg>\n              <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"><\/path><\/svg>\n              <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"><\/path><\/svg>\n            <\/div>\n            <p class=\"testimonial-text\">\n              &#8220;Gracias a PropTrust Verified vend\u00ed mi piso en 3 semanas. Los compradores confiaron desde el primer momento al ver el informe verificado. Sin duda lo recomiendo.&#8221;\n            <\/p>\n            <div class=\"testimonial-property\">\n              \ud83d\udccd Piso en Ruzafa, Valencia \u2022 Verificado PT-ES-2026-MG001\n            <\/div>\n          <\/div>\n          \n          <!-- Testimonial 2 -->\n          <div class=\"testimonial-card\">\n            <div class=\"testimonial-header\">\n              <div class=\"testimonial-avatar\">JR<\/div>\n              <div class=\"testimonial-info\">\n                <h4 class=\"testimonial-name\">Juan Rodr\u00edguez<\/h4>\n                <p class=\"testimonial-role\">Agente Inmobiliario<\/p>\n              <\/div>\n            <\/div>\n            <div class=\"testimonial-rating\">\n              <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"><\/path><\/svg>\n              <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"><\/path><\/svg>\n              <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"><\/path><\/svg>\n              <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"><\/path><\/svg>\n              <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"><\/path><\/svg>\n            <\/div>\n            <p class=\"testimonial-text\">\n              &#8220;Como agente, PropTrust Verified es mi herramienta principal. Mis clientes valoran la transparencia y yo reduzco negociaciones de \u00faltima hora. Servicio profesional y r\u00e1pido.&#8221;\n            <\/p>\n            <div class=\"testimonial-property\">\n              \ud83c\udfe2 Inmobiliaria Rodr\u00edguez \u2022 +15 propiedades verificadas\n            <\/div>\n          <\/div>\n          \n          <!-- Testimonial 3 -->\n          <div class=\"testimonial-card\">\n            <div class=\"testimonial-header\">\n              <div class=\"testimonial-avatar\">CL<\/div>\n              <div class=\"testimonial-info\">\n                <h4 class=\"testimonial-name\">Carmen L\u00f3pez<\/h4>\n                <p class=\"testimonial-role\">Compradora &#8211; Madrid<\/p>\n              <\/div>\n            <\/div>\n            <div class=\"testimonial-rating\">\n              <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"><\/path><\/svg>\n              <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"><\/path><\/svg>\n              <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"><\/path><\/svg>\n              <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"><\/path><\/svg>\n              <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"><\/path><\/svg>\n            <\/div>\n            <p class=\"testimonial-text\">\n              &#8220;Compr\u00e9 desde Madrid sin visitar la propiedad. El informe PropTrust me dio la seguridad que necesitaba. Todo era exactamente como describ\u00eda el informe. Excelente servicio.&#8221;\n            <\/p>\n            <div class=\"testimonial-property\">\n              \ud83d\udccd Chalet en Paterna, Valencia \u2022 Verificado PT-ES-2026-CL003\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n    \n    <!-- PRICING SECTION -->\n    <section id=\"precios\" class=\"pricing\" aria-labelledby=\"pricing-title\">\n      <div class=\"container\">\n        <div class=\"section-header\">\n          <div class=\"badge\">\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n              <line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"10\"><\/line>\n              <line x1=\"18\" y1=\"20\" x2=\"18\" y2=\"4\"><\/line>\n              <line x1=\"6\" y1=\"20\" x2=\"6\" y2=\"16\"><\/line>\n            <\/svg>\n            Precios transparentes\n          <\/div>\n          <h2 id=\"pricing-title\" class=\"section-title\">Invierte en tranquilidad<\/h2>\n          <p class=\"section-description\">\n            Sin costes ocultos. Pago \u00fanico por verificaci\u00f3n. Renovaci\u00f3n anual opcional para mantener el sello vigente.\n          <\/p>\n        <\/div>\n        \n        <div class=\"pricing-grid\">\n          <!-- Basic Plan -->\n          <div class=\"pricing-card\">\n            <h3 class=\"pricing-name\">B\u00e1sico<\/h3>\n            <p class=\"pricing-description\">Ideal para pisos y propiedades est\u00e1ndar<\/p>\n            <div class=\"pricing-price\">299\u20ac <span>\/ verificaci\u00f3n<\/span><\/div>\n            <ul class=\"pricing-features\">\n              <li>\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n                Checklist t\u00e9cnico digital\n              <\/li>\n              <li>\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n                Verificaci\u00f3n legal documental\n              <\/li>\n              <li>\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n                Valoraci\u00f3n automatizada\n              <\/li>\n              <li>\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n                Sello digital verificable\n              <\/li>\n              <li class=\"unavailable\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line><\/svg>\n                Peritaje presencial\n              <\/li>\n              <li class=\"unavailable\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line><\/svg>\n                Termograf\u00eda y pruebas avanzadas\n              <\/li>\n            <\/ul>\n            <a href=\"#contacto\" class=\"btn btn-outline\">Empezar<\/a>\n          <\/div>\n          \n          <!-- Premium Plan (Popular) -->\n          <div class=\"pricing-card popular\">\n            <h3 class=\"pricing-name\">Premium<\/h3>\n            <p class=\"pricing-description\">Para chalets, propiedades \u00fanicas o alta gama<\/p>\n            <div class=\"pricing-price\">599\u20ac <span>\/ verificaci\u00f3n<\/span><\/div>\n            <ul class=\"pricing-features\">\n              <li>\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n                Todo lo del plan B\u00e1sico\n              <\/li>\n              <li>\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n                Peritaje presencial colegiado\n              <\/li>\n              <li>\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n                Termograf\u00eda y pruebas no destructivas\n              <\/li>\n              <li>\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n                Informe con fotos 360\u00b0 geolocalizadas\n              <\/li>\n              <li>\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n                Prioridad en emisi\u00f3n (48h)\n              <\/li>\n              <li class=\"unavailable\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line><\/svg>\n                Asesor\u00eda legal personalizada\n              <\/li>\n            <\/ul>\n            <a href=\"#contacto\" class=\"btn btn-primary\">Empezar<\/a>\n          <\/div>\n          \n          <!-- Professional Plan -->\n          <div class=\"pricing-card\">\n            <h3 class=\"pricing-name\">Professional<\/h3>\n            <p class=\"pricing-description\">Para agentes, promotoras y gestoras<\/p>\n            <div class=\"pricing-price\">199\u20ac <span>\/mes<\/span><\/div>\n            <ul class=\"pricing-features\">\n              <li>\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n                Verificaciones ilimitadas (plan Premium)\n              <\/li>\n              <li>\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n                Dashboard de gesti\u00f3n multi-propiedad\n              <\/li>\n              <li>\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n                API para integraci\u00f3n con tu CRM\n              <\/li>\n              <li>\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n                Branding blanco (tu marca en informes)\n              <\/li>\n              <li>\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n                Soporte prioritario dedicado\n              <\/li>\n              <li>\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n                Formaci\u00f3n y certificaci\u00f3n de tu equipo\n              <\/li>\n            <\/ul>\n            <a href=\"#contacto\" class=\"btn btn-outline\">Contactar ventas<\/a>\n          <\/div>\n        <\/div>\n        \n        <p class=\"text-center mt-8\" style=\"color: var(--color-gray-500); font-size: var(--text-sm);\">\n          \u00bfNecesitas un plan personalizado para grandes carteras o proyectos especiales? \n          <a href=\"#contacto\" style=\"color: var(--color-navy-base); font-weight: var(--font-weight-medium);\">Hablemos<\/a>\n        <\/p>\n      <\/div>\n    <\/section>\n    \n    <!-- FAQ SECTION (AMPLIADA) -->\n    <section id=\"faq\" class=\"faq\" aria-labelledby=\"faq-title\">\n      <div class=\"container\">\n        <div class=\"section-header\">\n          <h2 id=\"faq-title\" class=\"section-title\">Preguntas frecuentes<\/h2>\n          <p class=\"section-description\">\n            Resolvemos tus dudas sobre PropTrust Verified. \u00bfNo encuentras lo que buscas? \n            <a href=\"#contacto\" style=\"color: var(--color-emerald-base); font-weight: var(--font-weight-medium);\">Cont\u00e1ctanos<\/a>.\n          <\/p>\n        <\/div>\n        \n        <div class=\"faq-container\">\n          <!-- FAQ Item 1 -->\n          <div class=\"faq-item\">\n            <button class=\"faq-question\" aria-expanded=\"false\" aria-controls=\"faq-answer-1\">\n              <span>\u00bfQu\u00e9 es exactamente PropTrust Verified?<\/span>\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                <polyline points=\"6 9 12 15 18 9\"><\/polyline>\n              <\/svg>\n            <\/button>\n            <div id=\"faq-answer-1\" class=\"faq-answer\">\n              <p><a href=\"https:\/\/proptrustverified.com\/proptrust-marine-lider-nacional-en-verificacion-de-embarcaciones-peritaje-naval-profesional\/\" title=\"PropTrust Marine\u2122 | L\u00edder Nacional en Verificaci\u00f3n de Embarcaciones | Peritaje Naval Profesional\"  data-wpil-monitor-id=\"111\">PropTrust Verified es un servicio profesional<\/a> de verificaci\u00f3n documental y t\u00e9cnica contratado por vendedores para aportar transparencia adicional en la compraventa. No es una certificaci\u00f3n oficial, aval institucional ni garant\u00eda de cumplimiento normativo. El servicio se presta bajo contrataci\u00f3n privada y sus resultados tienen car\u00e1cter informativo.<\/p>\n            <\/div>\n          <\/div>\n          \n          <!-- FAQ Item 2 -->\n          <div class=\"faq-item\">\n            <button class=\"faq-question\" aria-expanded=\"false\" aria-controls=\"faq-answer-2\">\n              <span>\u00bfCu\u00e1nto tiempo tarda el proceso de verificaci\u00f3n?<\/span>\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                <polyline points=\"6 9 12 15 18 9\"><\/polyline>\n              <\/svg>\n            <\/button>\n            <div id=\"faq-answer-2\" class=\"faq-answer\">\n              <p>El plazo depende del plan elegido: <strong>B\u00e1sico<\/strong>: 3-5 d\u00edas laborables (verificaci\u00f3n documental y automatizada). <strong>Premium<\/strong>: 48-72 horas con prioridad (incluye visita presencial de perito). <strong>Professional<\/strong>: Plazos personalizados seg\u00fan volumen. En todos los casos, te mantenemos informado en cada etapa del proceso.<\/p>\n            <\/div>\n          <\/div>\n          \n          <!-- FAQ Item 3 -->\n          <div class=\"faq-item\">\n            <button class=\"faq-question\" aria-expanded=\"false\" aria-controls=\"faq-answer-3\">\n              <span>\u00bfQu\u00e9 pasa si se encuentran problemas en la inspecci\u00f3n?<\/span>\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                <polyline points=\"6 9 12 15 18 9\"><\/polyline>\n              <\/svg>\n            <\/button>\n            <div id=\"faq-answer-3\" class=\"faq-answer\">\n              <p>La transparencia es nuestro principio fundamental. Si se detectan incidencias (humedades, instalaciones obsoletas, documentaci\u00f3n pendiente), se documentan con claridad en el informe. T\u00fa decides: 1) Subsanar antes de finalizar, 2) Publicar con observaciones (indicando qu\u00e9 debe repararse), o 3) Cancelar el proceso con reembolso parcial. Nunca ocultamos informaci\u00f3n; nuestro valor est\u00e1 en revelar la realidad para negociar con confianza.<\/p>\n            <\/div>\n          <\/div>\n          \n          <!-- FAQ Item 4 -->\n          <div class=\"faq-item\">\n            <button class=\"faq-question\" aria-expanded=\"false\" aria-controls=\"faq-answer-4\">\n              <span>\u00bfC\u00f3mo verifico que un informe es aut\u00e9ntico?<\/span>\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                <polyline points=\"6 9 12 15 18 9\"><\/polyline>\n              <\/svg>\n            <\/button>\n            <div id=\"faq-answer-4\" class=\"faq-answer\">\n              <p>Cada informe PropTrust incluye: 1) C\u00f3digo \u00fanico alfanum\u00e9rico (ej: PT-ES-2026-AB12X), 2) QR que redirige a proptrustverified.com\/verify\/[C\u00d3DIGO], y 3) Firma digital con hash criptogr\u00e1fico. Al introducir el c\u00f3digo en nuestro widget o escanear el QR, ver\u00e1s: estado del informe, fecha de emisi\u00f3n, propiedad asociada, perito responsable y resumen de hallazgos. Todo en tiempo real y sin intermediarios.<\/p>\n            <\/div>\n          <\/div>\n          \n          <!-- FAQ Item 5 -->\n          <div class=\"faq-item\">\n            <button class=\"faq-question\" aria-expanded=\"false\" aria-controls=\"faq-answer-5\">\n              <span>\u00bfPueden los notarios incorporar el informe en la escritura?<\/span>\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                <polyline points=\"6 9 12 15 18 9\"><\/polyline>\n              <\/svg>\n            <\/button>\n            <div id=\"faq-answer-5\" class=\"faq-answer\">\n              <p>S\u00ed, y es una de nuestras funcionalidades m\u00e1s valoradas. Los notarios pueden: 1) Verificar autenticidad del informe en tiempo real desde sus sistemas, 2) Incorporar referencia expresa al informe en el cuerpo de la escritura, y 3) Adjuntar copia del informe como anexo documental. Esto a\u00f1ade una capa adicional de transparencia a la transacci\u00f3n, reduciendo riesgos de nulidad por vicios ocultos no declarados.<\/p>\n            <\/div>\n          <\/div>\n          \n          <!-- FAQ Item 6 -->\n          <div class=\"faq-item\">\n            <button class=\"faq-question\" aria-expanded=\"false\" aria-controls=\"faq-answer-6\">\n              <span>\u00bfQu\u00e9 protecci\u00f3n de datos ten\u00e9is para mi informaci\u00f3n?<\/span>\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                <polyline points=\"6 9 12 15 18 9\"><\/polyline>\n              <\/svg>\n            <\/button>\n            <div id=\"faq-answer-6\" class=\"faq-answer\">\n              <p>Cumplimos escrupulosamente el RGPD y la LOPDGDD. Tus datos: 1) Se encriptan en tr\u00e1nsito y en reposo, 2) Solo se comparten con peritos asignados bajo acuerdo de confidencialidad, 3) Puedes solicitar acceso, rectificaci\u00f3n o supresi\u00f3n en cualquier momento, 4) Nunca vendemos datos personales a terceros. Consulta nuestra Pol\u00edtica de Privacidad completa para m\u00e1s detalles.<\/p>\n            <\/div>\n          <\/div>\n          \n          <!-- FAQ Item 7 -->\n          <div class=\"faq-item\">\n            <button class=\"faq-question\" aria-expanded=\"false\" aria-controls=\"faq-answer-7\">\n              <span>\u00bfD\u00f3nde est\u00e1n ubicadas vuestras oficinas?<\/span>\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                <polyline points=\"6 9 12 15 18 9\"><\/polyline>\n              <\/svg>\n            <\/button>\n            <div id=\"faq-answer-7\" class=\"faq-answer\">\n              <p>Nuestras oficinas centrales est\u00e1n en <strong>Carrera Fonteta de san Luis 17, Bajo G2, Valencia<\/strong>. Atendemos propiedades en toda Espa\u00f1a mediante nuestra red de peritos colegiados locales. Puedes contactarnos por tel\u00e9fono en el 662 221 582 o por email en hello@proptrustverified.com.<\/p>\n            <\/div>\n          <\/div>\n          \n          <!-- FAQ Item 8 -->\n          <div class=\"faq-item\">\n            <button class=\"faq-question\" aria-expanded=\"false\" aria-controls=\"faq-answer-8\">\n              <span>\u00bfEl informe tiene validez legal?<\/span>\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                <polyline points=\"6 9 12 15 18 9\"><\/polyline>\n              <\/svg>\n            <\/button>\n            <div id=\"faq-answer-8\" class=\"faq-answer\">\n              <p>El informe PropTrust Verified es un documento privado con validez contractual entre las partes. No sustituye informes oficiales (como c\u00e9dulas de habitabilidad o certificados energ\u00e9ticos), pero puede ser incorporado como anexo en escrituras notariales y usado como prueba en negociaciones. Para validez judicial completa, se requiere peritaje judicial (servicio disponible a trav\u00e9s de nuestro fundador).<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n    \n    <!-- CONTACT SECTION -->\n    <section id=\"contacto\" class=\"contact-section\" aria-labelledby=\"contact-title\">\n      <div class=\"container\">\n        <div class=\"section-header\">\n          <div class=\"badge\" style=\"display:inline-flex; align-items:center; gap:var(--space-2); padding:var(--space-2) var(--space-4); background-color:var(--color-emerald-light); color:var(--color-emerald-dark); font-size:var(--text-sm); font-weight:var(--font-weight-medium); border-radius:var(--radius-full); margin-bottom:var(--space-4);\">\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n              <path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"><\/path>\n            <\/svg>\n            Hablemos\n          <\/div>\n          <h2 id=\"contact-title\" class=\"section-title\" style=\"font-size:var(--text-3xl); margin-bottom:var(--space-4);\">\u00bfListo para verificar tu propiedad?<\/h2>\n          <p class=\"section-description\" style=\"color:var(--color-gray-600); font-size:var(--text-lg);\">\n            Cu\u00e9ntanos sobre tu proyecto y te contactaremos en menos de 24 horas.\n          <\/p>\n        <\/div>\n        \n        <div class=\"contact-grid\">\n          <!-- Contact Info -->\n          <div class=\"contact-info\">\n            <h3 style=\"font-size: var(--text-2xl); margin-bottom: var(--space-6); color: var(--color-navy-base);\">Informaci\u00f3n de contacto<\/h3>\n            \n            <div class=\"contact-item\">\n              <div class=\"contact-icon\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                  <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path>\n                  <circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle>\n                <\/svg>\n              <\/div>\n              <div class=\"contact-details\">\n                <h4>Direcci\u00f3n<\/h4>\n                <p>Carrera Fonteta de san Luis 17<br>Bajo G2, 46013 Valencia<\/p>\n                <a href=\"https:\/\/maps.google.com\/?q=Carrera+Fonteta+de+san+Luis+17+Valencia\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"font-size: var(--text-sm);\">Ver en Google Maps \u2192<\/a>\n              <\/div>\n            <\/div>\n            \n            <div class=\"contact-item\">\n              <div class=\"contact-icon\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                  <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path>\n                <\/svg>\n              <\/div>\n              <div class=\"contact-details\">\n                <h4>Tel\u00e9fono<\/h4>\n                <p><a href=\"tel:+34662221582\">662 221 582<\/a><\/p>\n                <p style=\"font-size: var(--text-sm);\">Lunes a Viernes: 9:00 &#8211; 18:00<\/p>\n              <\/div>\n            <\/div>\n            \n            <div class=\"contact-item\">\n              <div class=\"contact-icon\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                  <path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"><\/path>\n                  <polyline points=\"22,6 12,13 2,6\"><\/polyline>\n                <\/svg>\n              <\/div>\n              <div class=\"contact-details\">\n                <h4>Email<\/h4>\n                <p><a href=\"mailto:hello@proptrustverified.com\">hello@proptrustverified.com<\/a><\/p>\n                <p style=\"font-size: var(--text-sm);\">Respuesta en menos de 24 horas<\/p>\n              <\/div>\n            <\/div>\n            \n            <!-- Google Maps Embed -->\n            <div class=\"contact-map\">\n              <iframe \n                src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3079.5!2d-0.3763!3d39.4699!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zMznCsDI4JzExLjYiTiAwwrAyMiczNC43Ilc!5e0!3m2!1ses!2ses!4v1234567890\" \n                width=\"100%\" \n                height=\"300\" \n                style=\"border:0; border-radius: var(--radius-lg);\" \n                allowfullscreen=\"\" \n                loading=\"lazy\" \n                referrerpolicy=\"no-referrer-when-downgrade\"\n                title=\"Ubicaci\u00f3n PropTrust Verified Valencia\">\n              <\/iframe>\n            <\/div>\n          <\/div>\n          \n          <!-- Contact Form with Formspree -->\n          <form \n            action=\"https:\/\/formspree.io\/f\/mzdjojnv\" \n            method=\"POST\" \n            class=\"contact-form\" \n            novalidate\n          >\n            <!-- Hidden fields for Formspree -->\n            <input type=\"hidden\" name=\"_subject\" value=\"Consulta desde Formulario de Contacto - PropTrust Verified\">\n            <input type=\"hidden\" name=\"_next\" value=\"https:\/\/proptrustverified.com\/gracias.html\">\n            <input type=\"hidden\" name=\"_cc\" value=\"legal@proptrustverified.com\">\n            <input type=\"hidden\" name=\"formulario\" value=\"contacto-principal\">\n            \n            <div class=\"form-grid\">\n              <!-- Nombre -->\n              <div class=\"form-group\">\n                <label for=\"nombre\" class=\"form-label\">Nombre completo *<\/label>\n                <input type=\"text\" id=\"nombre\" name=\"nombre\" class=\"form-input\" required placeholder=\"Ej: Mar\u00eda Garc\u00eda\">\n              <\/div>\n              \n              <!-- Email -->\n              <div class=\"form-group\">\n                <label for=\"email\" class=\"form-label\">Email profesional *<\/label>\n                <input type=\"email\" id=\"email\" name=\"email\" class=\"form-input\" required placeholder=\"maria@inmobiliaria.com\">\n              <\/div>\n              \n              <!-- Tel\u00e9fono -->\n              <div class=\"form-group\">\n                <label for=\"telefono\" class=\"form-label\">Tel\u00e9fono<\/label>\n                <input type=\"tel\" id=\"telefono\" name=\"telefono\" class=\"form-input\" placeholder=\"+34 662 221 582\">\n              <\/div>\n              \n              <!-- Tipo de Inter\u00e9s -->\n              <div class=\"form-group\">\n                <label for=\"tipo_interes\" class=\"form-label\">Estoy interesado en *<\/label>\n                <select id=\"tipo_interes\" name=\"tipo_interes\" class=\"form-select\" required>\n                  <option value=\"\">Selecciona una opci\u00f3n<\/option>\n                  <option value=\"verificar-propiedad\">Verificar una propiedad<\/option>\n                  <option value=\"consultoria\">Consultor\u00eda t\u00e9cnica<\/option>\n                  <option value=\"formacion\">Formaci\u00f3n profesional<\/option>\n                  <option value=\"partnership\">Alianza estrat\u00e9gica<\/option>\n                  <option value=\"prensa\">Prensa \/ Medios<\/option>\n                  <option value=\"otro\">Otro<\/option>\n                <\/select>\n              <\/div>\n            <\/div>\n            \n            <!-- Property Type Selector -->\n            <div class=\"form-group\">\n              <label class=\"form-label\">Tipo de propiedad a verificar *<\/label>\n              <div class=\"property-type-grid\" role=\"radiogroup\" aria-label=\"Selecciona el tipo de propiedad\">\n                <label class=\"property-type-option\">\n                  <input type=\"radio\" name=\"tipo_propiedad\" value=\"piso\" required>\n                  <span class=\"property-type-label\">\n                    <svg class=\"property-type-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                      <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"><\/rect>\n                      <line x1=\"9\" y1=\"3\" x2=\"9\" y2=\"21\"><\/line>\n                      <line x1=\"15\" y1=\"3\" x2=\"15\" y2=\"21\"><\/line>\n                      <line x1=\"3\" y1=\"9\" x2=\"21\" y2=\"9\"><\/line>\n                      <line x1=\"3\" y1=\"15\" x2=\"21\" y2=\"15\"><\/line>\n                    <\/svg>\n                    <span class=\"property-type-text\">Piso<\/span>\n                  <\/span>\n                <\/label>\n                <label class=\"property-type-option\">\n                  <input type=\"radio\" name=\"tipo_propiedad\" value=\"chalet\">\n                  <span class=\"property-type-label\">\n                    <svg class=\"property-type-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                      <path d=\"M3 21h18\"><\/path>\n                      <path d=\"M5 21V7l7-4 7 4v14\"><\/path>\n                      <path d=\"M9 21v-6h6v6\"><\/path>\n                      <path d=\"M9 9h.01\"><\/path>\n                      <path d=\"M15 9h.01\"><\/path>\n                    <\/svg>\n                    <span class=\"property-type-text\">Chalet<\/span>\n                  <\/span>\n                <\/label>\n                <label class=\"property-type-option\">\n                  <input type=\"radio\" name=\"tipo_propiedad\" value=\"local\">\n                  <span class=\"property-type-label\">\n                    <svg class=\"property-type-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                      <rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\"><\/rect>\n                      <path d=\"M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\"><\/path>\n                    <\/svg>\n                    <span class=\"property-type-text\">Local<\/span>\n                  <\/span>\n                <\/label>\n                <label class=\"property-type-option\">\n                  <input type=\"radio\" name=\"tipo_propiedad\" value=\"solar\">\n                  <span class=\"property-type-label\">\n                    <svg class=\"property-type-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                      <path d=\"M12 2L2 7l10 5 10-5-10-5z\"><\/path>\n                      <path d=\"M2 17l10 5 10-5\"><\/path>\n                      <path d=\"M2 12l10 5 10-5\"><\/path>\n                    <\/svg>\n                    <span class=\"property-type-text\">Solar<\/span>\n                  <\/span>\n                <\/label>\n                <label class=\"property-type-option\">\n                  <input type=\"radio\" name=\"tipo_propiedad\" value=\"otro\">\n                  <span class=\"property-type-label\">\n                    <svg class=\"property-type-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                      <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n                      <line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"><\/line>\n                      <line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"><\/line>\n                    <\/svg>\n                    <span class=\"property-type-text\">Otro<\/span>\n                  <\/span>\n                <\/label>\n              <\/div>\n              <small class=\"text-gray-500\" style=\"display:block; margin-top:var(--space-2);\">\n                Esto nos ayuda a asignarte el perito especializado adecuado\n              <\/small>\n            <\/div>\n            \n            <!-- Ubicaci\u00f3n -->\n            <div class=\"form-group\">\n              <label for=\"ubicacion\" class=\"form-label\">Ubicaci\u00f3n de la propiedad *<\/label>\n              <input type=\"text\" id=\"ubicacion\" name=\"ubicacion\" class=\"form-input\" required placeholder=\"Ej: Valencia, Madrid, Barcelona...\">\n            <\/div>\n            \n            <!-- Mensaje -->\n            <div class=\"form-group\">\n              <label for=\"mensaje\" class=\"form-label\">Cu\u00e9ntanos m\u00e1s *<\/label>\n              <textarea id=\"mensaje\" name=\"mensaje\" class=\"form-textarea\" required rows=\"4\" placeholder=\"Describe brevemente tu proyecto o consulta...\"><\/textarea>\n            <\/div>\n            \n            <!-- RGPD Consent -->\n            <div class=\"form-group\">\n              <label class=\"checkbox-item\" style=\"display:flex; align-items:flex-start; gap:var(--space-3); font-size:var(--text-sm); color:var(--color-gray-600);\">\n                <input type=\"checkbox\" name=\"rgpd_consent\" required style=\"margin-top:2px; width:1rem; height:1rem;\">\n                <span>Acepto la <a href=\"https:\/\/proptrustverified.com\/contacto\/\" target=\"_blank\" style=\"color:var(--color-navy-base); text-decoration:underline;\">Pol\u00edtica de Privacidad<\/a> y consiento el tratamiento de mis datos para recibir informaci\u00f3n sobre PropTrust Verified\u2122.<\/span>\n              <\/label>\n            <\/div>\n            \n            <!-- Honeypot anti-spam -->\n            <input type=\"text\" name=\"_gotcha\" style=\"display:none !important;\" tabindex=\"-1\" autocomplete=\"off\">\n            \n            <!-- Submit Button -->\n            <button type=\"submit\" class=\"btn btn-primary btn-lg\" style=\"width:100%; margin-top:var(--space-6); padding:var(--space-4); font-size:var(--text-lg);\">\n              Enviar consulta\n            <\/button>\n            \n            <!-- Status Messages -->\n            <div class=\"form-message success\" style=\"display:none; margin-top:var(--space-4); padding:var(--space-4); background-color:rgba(16,185,129,0.1); border-left:var(--border-width-4) solid var(--color-emerald-base); border-radius:var(--radius-md); color:var(--color-emerald-dark); font-size:var(--text-sm);\">\n              \u2705 \u00a1Gracias por contactarnos! Hemos recibido tu consulta y te responderemos en menos de 24 horas.\n            <\/div>\n            <div class=\"form-message error\" style=\"display:none; margin-top:var(--space-4); padding:var(--space-4); background-color:rgba(239,68,68,0.1); border-left:var(--border-width-4) solid var(--color-error); border-radius:var(--radius-md); color:var(--color-error); font-size:var(--text-sm);\">\n              \u274c Hubo un problema al enviar tu mensaje. Por favor, int\u00e9ntalo de nuevo o escr\u00edbenos a <a href=\"mailto:hello@proptrustverified.com\" style=\"color:var(--color-error); font-weight:var(--font-weight-medium);\">hello@proptrustverified.com<\/a>.\n            <\/div>\n          <\/form>\n        <\/div>\n      <\/div>\n    <\/section>\n    \n    <!-- CTA SECTION -->\n    <section class=\"cta-section\" aria-labelledby=\"cta-title\">\n      <div class=\"container\">\n        <h2 id=\"cta-title\" class=\"cta-title\">\u00bfListo para vender con transparencia total?<\/h2>\n        <p class=\"cta-description\">\n          \u00danete a las primeras propiedades verificadas con PropTrust. Sin compromiso. Sin sorpresas.\n        <\/p>\n        <div class=\"cta-buttons\">\n          <a href=\"#contacto\" class=\"btn btn-primary btn-lg\">Verificar mi propiedad ahora<\/a>\n          <a href=\"tel:+34662221582\" class=\"btn btn-outline btn-lg btn-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n              <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path>\n            <\/svg>\n            Llamar al 662 221 582\n          <\/a>\n        <\/div>\n      <\/div>\n    <\/section>\n    \n  <\/main>\n  \n  <!-- ========================================\n       FOOTER\n       ======================================== -->\n  <footer class=\"footer\" role=\"contentinfo\">\n    <div class=\"container\">\n      <div class=\"footer-grid\">\n        <!-- Brand Column -->\n        <div class=\"footer-brand\">\n          <a href=\"\/\" class=\"footer-logo\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n              <path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"><\/path>\n              <polyline points=\"9 22 9 12 15 12 15 22\"><\/polyline>\n              <path d=\"M12 3v4\"><\/path>\n              <circle cx=\"12\" cy=\"8\" r=\"2\"><\/circle>\n              <path d=\"M18 18 L14 14 L12 16 L10 14 L6 18\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\"\/>\n            <\/svg>\n            Prop Trust Verified\u2122\n          <\/a>\n          <p class=\"footer-description\">\n            Servicio profesional de verificaci\u00f3n documental y t\u00e9cnica para transacciones inmobiliarias. Transparencia verificable para compradores y vendedores.\n          <\/p>\n          <div class=\"footer-social\">\n            <a href=\"https:\/\/twitter.com\/PropTrustVerify\" class=\"social-link\" aria-label=\"Twitter\" target=\"_blank\" rel=\"noopener noreferrer\">\n              <svg viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                <path d=\"M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0-.08-.83A7.72 7.72 0 0 0 23 3z\"><\/path>\n              <\/svg>\n            <\/a>\n            <a href=\"https:\/\/linkedin.com\/company\/proptrust-verified\" class=\"social-link\" aria-label=\"LinkedIn\" target=\"_blank\" rel=\"noopener noreferrer\">\n              <svg viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                <path d=\"M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z\"><\/path>\n                <rect x=\"2\" y=\"9\" width=\"4\" height=\"12\"><\/rect>\n                <circle cx=\"4\" cy=\"4\" r=\"2\"><\/circle>\n              <\/svg>\n            <\/a>\n            <a href=\"https:\/\/instagram.com\/proptrustverified\" class=\"social-link\" aria-label=\"Instagram\" target=\"_blank\" rel=\"noopener noreferrer\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                <rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" ry=\"5\"><\/rect>\n                <path d=\"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z\"><\/path>\n                <line x1=\"17.5\" y1=\"6.5\" x2=\"17.51\" y2=\"6.5\"><\/line>\n              <\/svg>\n            <\/a>\n          <\/div>\n        <\/div>\n        \n        <!-- Product Links -->\n        <div>\n          <h4 class=\"footer-title\">Servicios<\/h4>\n          <ul class=\"footer-links\">\n            <li><a href=\"#servicios\">Verificaci\u00f3n de Propiedad<\/a><\/li>\n            <li><a href=\"#servicios\">Consultor\u00eda T\u00e9cnica<\/a><\/li>\n            <li><a href=\"#servicios\">Formaci\u00f3n Profesional<\/a><\/li>\n            <li><a href=\"\/verify\">Verificar informe<\/a><\/li>\n            <li><a href=\"https:\/\/proptrustverified.com\/contacto\/\">API para desarrolladores<\/a><\/li>\n          <\/ul>\n        <\/div>\n        \n        <!-- Company Links -->\n        <div>\n          <h4 class=\"footer-title\">Empresa<\/h4>\n          <ul class=\"footer-links\">\n            <li><a href=\"https:\/\/proptrustverified.com\/contacto\/\">Sobre PropTrust<\/a><\/li>\n            <li><a href=\"\/empresa\/metodologia\">Metodolog\u00eda<\/a><\/li>\n            <li><a href=\"https:\/\/proptrustverified.com\/contacto\/\">Transparencia<\/a><\/li>\n            <li><a href=\"https:\/\/proptrustverified.com\/contacto\/\">Trabaja con nosotros<\/a><\/li>\n            <li><a href=\"https:\/\/proptrustverified.com\/contacto\/\">Prensa y medios<\/a><\/li>\n          <\/ul>\n        <\/div>\n        \n        <!-- Contact & Legal -->\n        <div>\n          <h4 class=\"footer-title\">Contacto<\/h4>\n          <ul class=\"footer-links\">\n            <li><a href=\"tel:+34662221582\">\ud83d\udcde 662 221 582<\/a><\/li>\n            <li><a href=\"mailto:hello@proptrustverified.com\">\u2709\ufe0f hello@proptrustverified.com<\/a><\/li>\n            <li>Carrera Fonteta de san Luis 17<\/li>\n            <li>Bajo G2, 46013 Valencia<\/li>\n          <\/ul>\n        <\/div>\n        \n        <!-- Legal & Support -->\n        <div>\n          <h4 class=\"footer-title\">Soporte<\/h4>\n          <ul class=\"footer-links\">\n            <li><a href=\"#faq\">Preguntas frecuentes<\/a><\/li>\n            <li><a href=\"#contacto\">Contacto<\/a><\/li>\n            <li><a href=\"https:\/\/proptrustverified.com\/contacto\/\">Pol\u00edtica de Privacidad<\/a><\/li>\n            <li><a href=\"https:\/\/proptrustverified.com\/contacto\/\">T\u00e9rminos de Servicio<\/a><\/li>\n            <li><a href=\"https:\/\/proptrustverified.com\/contacto\/\">Pol\u00edtica de Cookies<\/a><\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n      \n      <!-- Footer Bottom -->\n      <div class=\"footer-bottom\">\n        <p>\u00a9 2026 PropTrust Verified SL. Todos los derechos reservados.<\/p>\n        <div class=\"footer-legal\">\n          <a href=\"\/legal\/aviso-legal\">Aviso Legal<\/a>\n          <a href=\"\/legal\/rgpd\">RGPD<\/a>\n          <a href=\"\/legal\/accesibilidad\">Accesibilidad<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/footer>\n  \n  <!-- ========================================\n       COOKIE CONSENT BANNER\n       ======================================== -->\n  <div id=\"cookie-consent\" class=\"cookie-consent\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"cookie-title\">\n    <div class=\"cookie-content\">\n      <p id=\"cookie-title\" class=\"cookie-text\">\n        Usamos cookies propias y de terceros para mejorar tu experiencia, analizar tr\u00e1fico y personalizar contenido. \n        Puedes aceptar todas, rechazar las no esenciales o \n        <a href=\"https:\/\/proptrustverified.com\/contacto\/\" target=\"_blank\">configurar tus preferencias<\/a>.\n      <\/p>\n      <div class=\"cookie-buttons\">\n        <button class=\"cookie-btn decline\" id=\"cookie-decline\">Rechazar no esenciales<\/button>\n        <button class=\"cookie-btn accept\" id=\"cookie-accept\">Aceptar todas<\/button>\n      <\/div>\n    <\/div>\n  <\/div>\n  \n  <!-- ========================================\n       JAVASCRIPT - INTERACTIVITY & SEO ENHANCEMENTS\n       ======================================== -->\n  <script>\n    \/\/ ========================================\n    \/\/ 1. UTILITY FUNCTIONS\n    \/\/ ========================================\n    const Utils = {\n      scrollTo(element, offset = 0) {\n        const elementPosition = element.getBoundingClientRect().top;\n        const offsetPosition = elementPosition + window.pageYOffset - offset;\n        window.scrollTo({ top: offsetPosition, behavior: 'smooth' });\n      },\n      debounce(func, wait) {\n        let timeout;\n        return function executedFunction(...args) {\n          const later = () => { clearTimeout(timeout); func(...args); };\n          clearTimeout(timeout);\n          timeout = setTimeout(later, wait);\n        };\n      },\n      formatDate(date) {\n        return new Date(date).toLocaleDateString('es-ES', { year: 'numeric', month: '2-digit', day: '2-digit' });\n      },\n      generateVerificationCode() {\n        const chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789';\n        let result = 'PT-ES-2026-';\n        for (let i = 0; i < 5; i++) result += chars.charAt(Math.floor(Math.random() * chars.length));\n        return result;\n      }\n    };\n    \n    \/\/ ========================================\n    \/\/ 2. HEADER &#038; NAVIGATION\n    \/\/ ========================================\n    document.addEventListener('DOMContentLoaded', () => {\n      const header = document.querySelector('.header');\n      const mobileMenuBtn = document.querySelector('.mobile-menu-btn');\n      const mobileMenu = document.getElementById('mobile-menu');\n      const navLinks = document.querySelectorAll('.nav-link, .mobile-nav-link');\n      \n      \/\/ Header scroll effect\n      const handleHeaderScroll = Utils.debounce(() => {\n        if (window.scrollY > 50) {\n          header.classList.add('scrolled');\n        } else {\n          header.classList.remove('scrolled');\n        }\n      }, 100);\n      \n      window.addEventListener('scroll', handleHeaderScroll);\n      handleHeaderScroll();\n      \n      \/\/ Mobile menu toggle\n      if (mobileMenuBtn) {\n        mobileMenuBtn.addEventListener('click', () => {\n          const isExpanded = mobileMenuBtn.getAttribute('aria-expanded') === 'true';\n          mobileMenuBtn.setAttribute('aria-expanded', !isExpanded);\n          mobileMenu.classList.toggle('active');\n          \n          const icon = mobileMenuBtn.querySelector('svg');\n          if (icon) {\n            if (!isExpanded) {\n              icon.innerHTML = '<line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line>';\n            } else {\n              icon.innerHTML = '<line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\"><\/line><line x1=\"3\" y1=\"12\" x2=\"21\" y2=\"12\"><\/line><line x1=\"3\" y1=\"18\" x2=\"21\" y2=\"18\"><\/line>';\n            }\n          }\n        });\n      }\n      \n      \/\/ Close mobile menu on link click\n      navLinks.forEach(link => {\n        link.addEventListener('click', () => {\n          if (mobileMenu && mobileMenu.classList.contains('active')) {\n            if (mobileMenuBtn) mobileMenuBtn.click();\n          }\n        });\n      });\n      \n      \/\/ Close mobile menu when clicking outside\n      document.addEventListener('click', (e) => {\n        if (mobileMenu && mobileMenu.classList.contains('active') && \n            !mobileMenu.contains(e.target) && \n            mobileMenuBtn && !mobileMenuBtn.contains(e.target)) {\n          mobileMenuBtn.click();\n        }\n      });\n      \n      \/\/ Smooth scroll for anchor links\n      document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n        anchor.addEventListener('click', function(e) {\n          e.preventDefault();\n          const targetId = this.getAttribute('href');\n          if (targetId === '#') return;\n          \n          const targetElement = document.querySelector(targetId);\n          if (targetElement) {\n            Utils.scrollTo(targetElement, 80);\n          }\n        });\n      });\n    });\n    \n    \/\/ ========================================\n    \/\/ 3. FAQ ACCORDION\n    \/\/ ========================================\n    document.addEventListener('DOMContentLoaded', () => {\n      const faqQuestions = document.querySelectorAll('.faq-question');\n      \n      faqQuestions.forEach(button => {\n        button.addEventListener('click', () => {\n          const answer = document.getElementById(button.getAttribute('aria-controls'));\n          const isExpanded = button.getAttribute('aria-expanded') === 'true';\n          \n          button.setAttribute('aria-expanded', !isExpanded);\n          button.classList.toggle('active');\n          if (answer) answer.classList.toggle('visible');\n          \n          if (!isExpanded) {\n            faqQuestions.forEach(otherBtn => {\n              if (otherBtn !== button) {\n                const otherAnswer = document.getElementById(otherBtn.getAttribute('aria-controls'));\n                otherBtn.setAttribute('aria-expanded', 'false');\n                otherBtn.classList.remove('active');\n                if (otherAnswer) otherAnswer.classList.remove('visible');\n              }\n            });\n          }\n        });\n      });\n    });\n    \n    \/\/ ========================================\n    \/\/ 4. VERIFICATION WIDGET\n    \/\/ ========================================\n    document.addEventListener('DOMContentLoaded', () => {\n      const verifyForm = document.getElementById('verify-form');\n      const verifyInput = document.getElementById('verify-code');\n      const verifyResult = document.getElementById('verify-result');\n      \n      if (verifyForm && verifyInput && verifyResult) {\n        verifyForm.addEventListener('submit', (e) => {\n          e.preventDefault();\n          \n          const code = verifyInput.value.trim().toUpperCase();\n          const isValidFormat = \/^PT-[A-Z]{2}-\\d{4}-[A-Z0-9]{5}$\/.test(code);\n          \n          const submitBtn = verifyForm.querySelector('button[type=\"submit\"]');\n          const originalBtnText = submitBtn.innerHTML;\n          submitBtn.disabled = true;\n          submitBtn.innerHTML = '<span style=\"display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,0.3);border-top-color:white;border-radius:50%;animation:spin 1s linear infinite;margin-right:8px;\"><\/span>Verificando...';\n          \n          setTimeout(() => {\n            submitBtn.disabled = false;\n            submitBtn.innerHTML = originalBtnText;\n            \n            if (isValidFormat && code.includes('AB12X')) {\n              verifyResult.className = 'widget-result success visible';\n              verifyResult.querySelector('.result-header span').textContent = 'Informe verificado';\n              verifyResult.querySelector('.result-details').innerHTML = `\n                <strong>Propiedad:<\/strong> Calle Ejemplo 123, Valencia<br>\n                <strong>C\u00f3digo:<\/strong> ${code}<br>\n                <strong>Emisi\u00f3n:<\/strong> 15\/03\/2026<br>\n                <strong>V\u00e1lido hasta:<\/strong> 15\/03\/2027<br>\n                <strong>Estado:<\/strong> \u2705 Documental \u2022 \u2705 T\u00e9cnico \u2022 \u2705 Legal\n              `;\n            } else if (isValidFormat) {\n              verifyResult.className = 'widget-result error visible';\n              verifyResult.querySelector('.result-header').className = 'result-header error';\n              verifyResult.querySelector('.result-header span').textContent = 'Informe no encontrado';\n              verifyResult.querySelector('.result-details').innerHTML = `El c\u00f3digo <strong>${code}<\/strong> no corresponde a ning\u00fan informe activo.`;\n            } else {\n              verifyResult.className = 'widget-result error visible';\n              verifyResult.querySelector('.result-header').className = 'result-header error';\n              verifyResult.querySelector('.result-header span').textContent = 'Formato de c\u00f3digo inv\u00e1lido';\n              verifyResult.querySelector('.result-details').innerHTML = `El c\u00f3digo debe seguir el formato: <strong>PT-XX-YYYY-XXXXX<\/strong><br>Ejemplo v\u00e1lido: PT-ES-2026-AB12X`;\n            }\n            \n            if (window.innerWidth < 768) {\n              Utils.scrollTo(verifyResult, 100);\n            }\n          }, 1500);\n        });\n        \n        verifyInput.addEventListener('input', Utils.debounce((e) => {\n          const value = e.target.value.trim().toUpperCase();\n          e.target.value = value;\n          \n          if (value.length > 0) {\n            if (\/^PT-[A-Z]{2}-\\d{4}-[A-Z0-9]{0,5}$\/.test(value)) {\n              verifyInput.style.borderColor = 'var(--color-emerald-base)';\n              verifyInput.style.boxShadow = '0 0 0 3px rgba(16, 185, 129, 0.1)';\n            } else {\n              verifyInput.style.borderColor = 'var(--color-error)';\n              verifyInput.style.boxShadow = '0 0 0 3px rgba(239, 68, 68, 0.1)';\n            }\n          } else {\n            verifyInput.style.borderColor = '';\n            verifyInput.style.boxShadow = '';\n          }\n        }, 300));\n      }\n    });\n    \n    \/\/ ========================================\n    \/\/ 5. COOKIE CONSENT\n    \/\/ ========================================\n    document.addEventListener('DOMContentLoaded', () => {\n      const cookieConsent = document.getElementById('cookie-consent');\n      const cookieAccept = document.getElementById('cookie-accept');\n      const cookieDecline = document.getElementById('cookie-decline');\n      \n      if (!localStorage.getItem('proptrust-cookies')) {\n        setTimeout(() => {\n          if (cookieConsent) cookieConsent.classList.add('visible');\n        }, 2000);\n      }\n      \n      if (cookieAccept) {\n        cookieAccept.addEventListener('click', () => {\n          localStorage.setItem('proptrust-cookies', 'all');\n          if (cookieConsent) cookieConsent.classList.remove('visible');\n          console.log('Cookies aceptadas: todas');\n        });\n      }\n      \n      if (cookieDecline) {\n        cookieDecline.addEventListener('click', () => {\n          localStorage.setItem('proptrust-cookies', 'essential');\n          if (cookieConsent) cookieConsent.classList.remove('visible');\n          console.log('Cookies aceptadas: solo esenciales');\n        });\n      }\n    });\n    \n    \/\/ ========================================\n    \/\/ 6. FORMSPREE FORM HANDLING\n    \/\/ ========================================\n    document.addEventListener('DOMContentLoaded', () => {\n      const formspreeForms = document.querySelectorAll('form[action*=\"formspree.io\"]');\n      \n      formspreeForms.forEach(form => {\n        if (form.id === 'verify-form') return;\n        \n        form.addEventListener('submit', async (e) => {\n          e.preventDefault();\n          \n          const submitBtn = form.querySelector('button[type=\"submit\"]');\n          const originalBtnText = submitBtn.innerHTML;\n          const successMsg = form.querySelector('.form-message.success');\n          const errorMsg = form.querySelector('.form-message.error');\n          \n          submitBtn.disabled = true;\n          submitBtn.innerHTML = '<span style=\"display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,0.3);border-top-color:white;border-radius:50%;animation:spin 1s linear infinite;margin-right:8px;\"><\/span>Enviando...';\n          \n          if (successMsg) successMsg.style.display = 'none';\n          if (errorMsg) errorMsg.style.display = 'none';\n          \n          try {\n            const formData = new FormData(form);\n            const response = await fetch(form.action, {\n              method: 'POST',\n              body: formData,\n              headers: { 'Accept': 'application\/json' }\n            });\n            \n            if (response.ok) {\n              form.reset();\n              if (successMsg) {\n                successMsg.style.display = 'block';\n                if (window.innerWidth < 768) {\n                  Utils.scrollTo(successMsg, 100);\n                }\n              }\n              console.log('Form submitted successfully');\n            } else {\n              throw new Error('Error al enviar');\n            }\n          } catch (error) {\n            console.error('Form submission error:', error);\n            if (errorMsg) {\n              errorMsg.style.display = 'block';\n            }\n          } finally {\n            submitBtn.disabled = false;\n            submitBtn.innerHTML = originalBtnText;\n          }\n        });\n        \n        form.querySelectorAll('[required]').forEach(field => {\n          field.addEventListener('blur', () => {\n            if (!field.value.trim()) {\n              field.style.borderColor = 'var(--color-error)';\n            } else {\n              field.style.borderColor = '';\n            }\n          });\n          field.addEventListener('input', () => {\n            if (field.value.trim()) {\n              field.style.borderColor = '';\n            }\n          });\n        });\n      });\n    });\n    \n    \/\/ ========================================\n    \/\/ 7. PROPERTY TYPE SELECTION\n    \/\/ ========================================\n    document.addEventListener('DOMContentLoaded', () => {\n      document.querySelectorAll('.property-type-option input').forEach(radio => {\n        radio.addEventListener('change', function() {\n          document.querySelectorAll('.property-type-label').forEach(label => {\n            const input = label.parentElement?.querySelector('input');\n            if (input?.checked) {\n              label.style.borderColor = 'var(--color-emerald-base)';\n            } else {\n              label.style.borderColor = '';\n            }\n          });\n        });\n      });\n    });\n    \n    \/\/ ========================================\n    \/\/ 8. ANALYTICS & TRACKING\n    \/\/ ========================================\n    const Analytics = {\n      trackEvent(category, action, label, value) {\n        console.log('Analytics Event:', { category, action, label, value });\n      },\n      trackPageView(url, title) {\n        console.log('Page View:', { url, title });\n      }\n    };\n    \n    Analytics.trackPageView(window.location.pathname, document.title);\n    \n    document.querySelectorAll('.btn-primary, .btn-emerald').forEach(btn => {\n      btn.addEventListener('click', (e) => {\n        Analytics.trackEvent('CTA', 'click', e.currentTarget.textContent.trim());\n      });\n    });\n    \n    \/\/ ========================================\n    \/\/ 9. ERROR HANDLING\n    \/\/ ========================================\n    window.addEventListener('error', (e) => {\n      console.error('Global error:', e.error);\n    });\n    \n    window.addEventListener('unhandledrejection', (e) => {\n      console.error('Unhandled promise rejection:', e.reason);\n    });\n    \n    \/\/ ========================================\n    \/\/ 10. INITIALIZATION\n    \/\/ ========================================\n    console.log('\u2705 PropTrust Verified\u2122 Landing Page loaded successfully');\n    console.log('\ud83d\udcde Phone: 662 221 582');\n    console.log('\ud83d\udccd Address: Carrera Fonteta de san Luis 17, Bajo G2, Valencia');\n    console.log('\ud83d\udd17 Formspree: https:\/\/formspree.io\/f\/mzdjojnv');\n    \n    if (window.location.hostname === 'localhost') {\n      window.PropTrust = { Utils, Analytics };\n      console.log('\ud83d\udee0 Dev tools: window.PropTrust available');\n    }\n  <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>PropTrust Verified\u2122 | Verificaci\u00f3n Profesional para Compraventa Inmobiliaria en Valencia y Espa\u00f1a<\/p>\n","protected":false},"author":1,"featured_media":8,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-47","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/proptrustverified.com\/en\/wp-json\/wp\/v2\/pages\/47","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/proptrustverified.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/proptrustverified.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/proptrustverified.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/proptrustverified.com\/en\/wp-json\/wp\/v2\/comments?post=47"}],"version-history":[{"count":2,"href":"https:\/\/proptrustverified.com\/en\/wp-json\/wp\/v2\/pages\/47\/revisions"}],"predecessor-version":[{"id":324,"href":"https:\/\/proptrustverified.com\/en\/wp-json\/wp\/v2\/pages\/47\/revisions\/324"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/proptrustverified.com\/en\/wp-json\/wp\/v2\/media\/8"}],"wp:attachment":[{"href":"https:\/\/proptrustverified.com\/en\/wp-json\/wp\/v2\/media?parent=47"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}