Spaces:
Running
Running
| <html lang="es"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Housemoney - Dossier Premium de Gestión de Alquileres Vacacionales</title> | |
| <!-- Preload fonts for crisp PDF rendering --> | |
| <link rel="preconnect" href="https://fonts.googleapis.com"> | |
| <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> | |
| <link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet"> | |
| <style> | |
| /* Reset and Base Styles */ | |
| * { | |
| margin: 0; | |
| padding: 0; | |
| box-sizing: border-box; | |
| } | |
| :root { | |
| /* Design Tokens - Spacing & Radii */ | |
| --space-1: 0.5rem; | |
| --space-2: 1rem; | |
| --space-3: 1.5rem; | |
| --space-4: 2rem; | |
| --space-5: 2.5rem; | |
| --space-6: 3rem; | |
| --space-8: 4rem; | |
| --space-12: 6rem; | |
| --space-16: 8rem; | |
| --space-20: 10rem; | |
| --space-24: 12rem; | |
| --space-32: 16rem; | |
| --radius: 0.5rem; | |
| --radius-lg: 0.75rem; | |
| --radius-xl: 1rem; | |
| /* Typography Scale */ | |
| --text-xs: 0.75rem; | |
| --text-sm: 0.875rem; | |
| --text-base: 1rem; | |
| --text-lg: 1.125rem; | |
| --text-xl: 1.25rem; | |
| --text-2xl: 1.5rem; | |
| --text-3xl: 1.875rem; | |
| --text-4xl: 2.25rem; | |
| --text-5xl: 3rem; | |
| --text-6xl: 3.75rem; | |
| /* Luxury Color Palette */ | |
| --gold: #D4AF37; | |
| --gold-light: #F4E5C2; | |
| --gold-dark: #B8941F; | |
| --gold-accent: #FFD700; | |
| --navy: #0A1628; | |
| --navy-light: #1A2F4B; | |
| --navy-medium: #2C4B6B; | |
| --charcoal: #2C3E50; | |
| --pearl: #FAFAF8; | |
| --cream: #FFF8F0; | |
| --silver: #C0C0C0; | |
| --success: #2D7D32; | |
| --success-light: #4CAF50; | |
| --warning: #F57C00; | |
| --text-primary: #2C3E50; | |
| --text-secondary: #5D6D7E; | |
| --text-light: #707B85; | |
| --border: #E8E8E8; | |
| --border-gold: rgba(212, 175, 55, 0.3); | |
| /* Gradients */ | |
| --gradient-gold: linear-gradient(135deg, #FFD700 0%, #D4AF37 50%, #B8941F 100%); | |
| --gradient-navy: linear-gradient(135deg, #0A1628 0%, #1A2F4B 100%); | |
| --gradient-luxury: linear-gradient(135deg, #F4E5C2 0%, #FFF8F0 50%, #FAFAF8 100%); | |
| } | |
| /* A4 Page Setup */ | |
| @page { | |
| size: A4; | |
| margin: 0; | |
| } | |
| body { | |
| font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif; | |
| font-size: var(--text-base); | |
| line-height: 1.6; | |
| color: var(--text-primary); | |
| background: white; | |
| margin: 0; | |
| padding: 0; | |
| -webkit-print-color-adjust: exact; | |
| print-color-adjust: exact; | |
| text-rendering: optimizeLegibility; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| } | |
| /* Typography */ | |
| h1, h2, h3, h4, h5, h6 { | |
| font-family: 'Playfair Display', 'Georgia', serif; | |
| font-weight: 700; | |
| letter-spacing: 0.5px; | |
| line-height: 1.2; | |
| margin-bottom: var(--space-3); | |
| text-shadow: 0 1px 2px rgba(0,0,0,0.05); | |
| } | |
| h1 { font-size: var(--text-6xl); } | |
| h2 { font-size: var(--text-5xl); } | |
| h3 { font-size: var(--text-3xl); } | |
| h4 { font-size: var(--text-2xl); } | |
| h5 { font-size: var(--text-xl); } | |
| h6 { font-size: var(--text-lg); } | |
| /* A4 Page Container */ | |
| .page { | |
| width: 210mm; | |
| min-height: 297mm; | |
| padding: var(--space-12) var(--space-8); | |
| margin: 0 auto; | |
| background: white; | |
| position: relative; | |
| page-break-after: always; | |
| overflow: hidden; | |
| box-shadow: 0 4px 20px rgba(0,0,0,0.1); | |
| border-radius: var(--radius); | |
| } | |
| /* Elegant page decorations */ | |
| .page::before { | |
| content: ''; | |
| position: absolute; | |
| top: var(--space-4); | |
| left: var(--space-4); | |
| right: var(--space-4); | |
| bottom: var(--space-4); | |
| border: 1px solid var(--border-gold); | |
| opacity: 0.6; | |
| pointer-events: none; | |
| border-radius: var(--radius); | |
| } | |
| .page::after { | |
| content: ''; | |
| position: absolute; | |
| top: var(--space-6); | |
| left: var(--space-6); | |
| right: var(--space-6); | |
| bottom: var(--space-6); | |
| border: 1px solid var(--gold); | |
| opacity: 0.3; | |
| pointer-events: none; | |
| border-radius: var(--radius); | |
| } | |
| .page-number { | |
| position: absolute; | |
| bottom: var(--space-8); | |
| right: var(--space-8); | |
| font-size: var(--text-sm); | |
| color: var(--text-light); | |
| font-family: 'Inter', Arial, sans-serif; | |
| } | |
| /* Cover Page */ | |
| .cover-page { | |
| display: flex; | |
| flex-direction: column; | |
| justify-content: center; | |
| align-items: center; | |
| text-align: center; | |
| position: relative; | |
| background: var(--gradient-luxury); | |
| } | |
| .cover-logo { | |
| width: var(--space-32); | |
| height: var(--space-32); | |
| margin-bottom: var(--space-12); | |
| position: relative; | |
| } | |
| .cover-title { | |
| font-size: var(--text-6xl); | |
| color: var(--navy); | |
| margin-bottom: var(--space-4); | |
| letter-spacing: 3px; | |
| line-height: 1.1; | |
| } | |
| .cover-subtitle { | |
| font-size: var(--text-3xl); | |
| color: var(--gold); | |
| margin-bottom: var(--space-16); | |
| font-weight: 500; | |
| letter-spacing: 1.5px; | |
| } | |
| .cover-tagline { | |
| font-size: var(--text-xl); | |
| color: var(--text-secondary); | |
| font-style: italic; | |
| margin-bottom: var(--space-20); | |
| max-width: 160mm; | |
| line-height: 1.7; | |
| font-weight: 400; | |
| } | |
| .cover-contact { | |
| position: absolute; | |
| bottom: var(--space-12); | |
| left: var(--space-8); | |
| right: var(--space-8); | |
| display: flex; | |
| justify-content: space-between; | |
| font-size: var(--text-sm); | |
| color: var(--text-secondary); | |
| font-family: 'Inter', Arial, sans-serif; | |
| } | |
| /* Section Headers */ | |
| .section-header { | |
| margin-bottom: var(--space-16); | |
| text-align: center; | |
| position: relative; | |
| } | |
| .section-number { | |
| font-size: var(--text-6xl); | |
| color: var(--gold); | |
| opacity: 0.15; | |
| font-weight: 300; | |
| line-height: 1; | |
| margin-bottom: calc(var(--space-8) * -1); | |
| font-family: 'Playfair Display', serif; | |
| } | |
| .section-title { | |
| font-size: var(--text-5xl); | |
| color: var(--navy); | |
| position: relative; | |
| z-index: 1; | |
| margin-bottom: var(--space-4); | |
| line-height: 1.2; | |
| } | |
| .section-subtitle { | |
| font-size: var(--text-lg); | |
| color: var(--text-secondary); | |
| font-weight: 400; | |
| font-family: 'Inter', Arial, sans-serif; | |
| font-style: italic; | |
| } | |
| /* Elegant Divider */ | |
| .gold-divider { | |
| width: var(--space-24); | |
| height: 2px; | |
| background: var(--gradient-gold); | |
| margin: var(--space-12) auto; | |
| position: relative; | |
| border-radius: var(--radius); | |
| } | |
| .gold-divider::before, | |
| .gold-divider::after { | |
| content: ''; | |
| position: absolute; | |
| top: -3px; | |
| width: 8px; | |
| height: 8px; | |
| background: var(--gold); | |
| border-radius: 50%; | |
| } | |
| .gold-divider::before { left: -4px; } | |
| .gold-divider::after { right: -4px; } | |
| /* Content Sections */ | |
| .content-block { | |
| margin-bottom: var(--space-8); | |
| } | |
| .content-title { | |
| font-size: var(--text-3xl); | |
| color: var(--navy); | |
| margin-bottom: var(--space-6); | |
| display: flex; | |
| align-items: center; | |
| gap: var(--space-4); | |
| } | |
| .gold-accent { | |
| width: var(--space-6); | |
| height: 3px; | |
| background: var(--gradient-gold); | |
| border-radius: var(--radius); | |
| } | |
| .content-text { | |
| font-size: var(--text-lg); | |
| line-height: 1.7; | |
| color: var(--text-primary); | |
| text-align: justify; | |
| margin-bottom: var(--space-6); | |
| } | |
| /* Enhanced Statistics Grid */ | |
| .stats-grid { | |
| display: grid; | |
| grid-template-columns: repeat(3, 1fr); | |
| gap: var(--space-8); | |
| margin: var(--space-16) 0; | |
| } | |
| .stat-card { | |
| text-align: center; | |
| padding: var(--space-12) var(--space-8); | |
| border: 1px solid var(--border-gold); | |
| position: relative; | |
| background: var(--gradient-luxury); | |
| border-radius: var(--radius-lg); | |
| overflow: hidden; | |
| } | |
| .stat-card::before { | |
| content: ''; | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| right: 0; | |
| height: 4px; | |
| background: var(--gradient-gold); | |
| } | |
| .stat-card::after { | |
| content: ''; | |
| position: absolute; | |
| top: var(--space-4); | |
| left: var(--space-4); | |
| right: var(--space-4); | |
| bottom: var(--space-4); | |
| border: 1px solid var(--border-gold); | |
| opacity: 0.4; | |
| border-radius: var(--radius); | |
| } | |
| .stat-value { | |
| font-size: var(--text-6xl); | |
| color: var(--gold); | |
| font-weight: 800; | |
| margin-bottom: var(--space-3); | |
| font-family: 'Playfair Display', serif; | |
| position: relative; | |
| z-index: 1; | |
| } | |
| .stat-label { | |
| font-size: var(--text-lg); | |
| color: var(--text-secondary); | |
| text-transform: uppercase; | |
| letter-spacing: 1.5px; | |
| font-family: 'Inter', Arial, sans-serif; | |
| font-weight: 600; | |
| position: relative; | |
| z-index: 1; | |
| } | |
| .stat-description { | |
| font-size: var(--text-sm); | |
| color: var(--text-light); | |
| margin-top: var(--space-2); | |
| font-style: italic; | |
| position: relative; | |
| z-index: 1; | |
| } | |
| /* Enhanced Features List */ | |
| .luxury-list { | |
| list-style: none; | |
| padding: 0; | |
| } | |
| .luxury-list li { | |
| position: relative; | |
| padding-left: var(--space-8); | |
| margin-bottom: var(--space-6); | |
| font-size: var(--text-lg); | |
| line-height: 1.6; | |
| color: var(--text-primary); | |
| } | |
| .luxury-list li::before { | |
| content: ''; | |
| position: absolute; | |
| left: 0; | |
| top: var(--space-2); | |
| width: var(--space-5); | |
| height: 2px; | |
| background: var(--gradient-gold); | |
| border-radius: var(--radius); | |
| } | |
| .luxury-list li::after { | |
| content: '●'; | |
| position: absolute; | |
| left: 0; | |
| color: var(--gold); | |
| font-size: var(--text-lg); | |
| top: -2px; | |
| } | |
| /* Enhanced Service Cards */ | |
| .service-grid { | |
| display: grid; | |
| grid-template-columns: repeat(2, 1fr); | |
| gap: var(--space-8); | |
| margin: var(--space-16) 0; | |
| } | |
| .service-card { | |
| padding: var(--space-12); | |
| border: 1px solid var(--border-gold); | |
| background: var(--gradient-luxury); | |
| position: relative; | |
| border-radius: var(--radius-lg); | |
| overflow: hidden; | |
| } | |
| .service-card::before { | |
| content: ''; | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| right: 0; | |
| height: 6px; | |
| background: var(--gradient-gold); | |
| } | |
| .service-icon { | |
| width: var(--space-20); | |
| height: var(--space-20); | |
| margin-bottom: var(--space-8); | |
| position: relative; | |
| } | |
| .service-title { | |
| font-size: var(--text-2xl); | |
| color: var(--navy); | |
| margin-bottom: var(--space-4); | |
| line-height: 1.3; | |
| } | |
| .service-description { | |
| font-size: var(--text-base); | |
| color: var(--text-secondary); | |
| line-height: 1.6; | |
| } | |
| /* Enhanced Process Timeline */ | |
| .timeline { | |
| position: relative; | |
| padding: var(--space-16) 0; | |
| } | |
| .timeline::before { | |
| content: ''; | |
| position: absolute; | |
| left: var(--space-16); | |
| top: 0; | |
| bottom: 0; | |
| width: 2px; | |
| background: var(--gradient-gold); | |
| border-radius: var(--radius); | |
| } | |
| .timeline-item { | |
| display: flex; | |
| margin-bottom: var(--space-16); | |
| position: relative; | |
| } | |
| .timeline-number { | |
| width: var(--space-32); | |
| text-align: center; | |
| flex-shrink: 0; | |
| } | |
| .timeline-circle { | |
| width: var(--space-20); | |
| height: var(--space-20); | |
| background: var(--gradient-gold); | |
| color: var(--navy); | |
| border-radius: 50%; | |
| display: flex; | |
| align-items: center; | |
| justify-content: center; | |
| font-size: var(--text-2xl); | |
| font-weight: 800; | |
| margin: 0 auto; | |
| position: relative; | |
| z-index: 2; | |
| border: 4px solid white; | |
| box-shadow: 0 0 0 2px var(--gold); | |
| } | |
| .timeline-content { | |
| flex: 1; | |
| padding-left: var(--space-12); | |
| } | |
| .timeline-title { | |
| font-size: var(--text-2xl); | |
| color: var(--navy); | |
| margin-bottom: var(--space-4); | |
| } | |
| .timeline-description { | |
| font-size: var(--text-base); | |
| color: var(--text-secondary); | |
| line-height: 1.6; | |
| } | |
| /* Enhanced Pricing Table */ | |
| .pricing-table { | |
| border: 1px solid var(--gold); | |
| margin: var(--space-16) 0; | |
| background: white; | |
| border-radius: var(--radius-lg); | |
| overflow: hidden; | |
| } | |
| .pricing-header { | |
| background: var(--gradient-navy); | |
| color: white; | |
| padding: var(--space-12); | |
| text-align: center; | |
| position: relative; | |
| } | |
| .pricing-header::after { | |
| content: ''; | |
| position: absolute; | |
| bottom: 0; | |
| left: 0; | |
| right: 0; | |
| height: 4px; | |
| background: var(--gradient-gold); | |
| } | |
| .pricing-title { | |
| font-size: var(--text-4xl); | |
| margin-bottom: var(--space-4); | |
| line-height: 1.2; | |
| } | |
| .pricing-value { | |
| font-size: var(--text-6xl); | |
| color: var(--gold-accent); | |
| font-weight: 800; | |
| font-family: 'Playfair Display', serif; | |
| } | |
| .pricing-commission { | |
| font-size: var(--text-xl); | |
| margin-top: var(--space-4); | |
| opacity: 0.9; | |
| } | |
| .pricing-features { | |
| padding: var(--space-16); | |
| } | |
| .pricing-category { | |
| margin-bottom: var(--space-12); | |
| } | |
| .pricing-category-title { | |
| font-size: var(--text-2xl); | |
| color: var(--navy); | |
| margin-bottom: var(--space-6); | |
| padding-bottom: var(--space-3); | |
| border-bottom: 1px solid var(--gold); | |
| position: relative; | |
| } | |
| .pricing-category-title::after { | |
| content: ''; | |
| position: absolute; | |
| bottom: -1px; | |
| left: 0; | |
| width: var(--space-16); | |
| height: 2px; | |
| background: var(--gradient-gold); | |
| border-radius: var(--radius); | |
| } | |
| /* Enhanced Contact Section */ | |
| .contact-section { | |
| background: var(--gradient-navy); | |
| color: white; | |
| padding: var(--space-20); | |
| margin: calc(var(--space-12) * -1) calc(var(--space-8) * -1); | |
| text-align: center; | |
| position: relative; | |
| border-radius: var(--radius-lg); | |
| } | |
| .contact-section::before { | |
| content: ''; | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| right: 0; | |
| height: 6px; | |
| background: var(--gradient-gold); | |
| } | |
| .contact-title { | |
| font-size: var(--text-5xl); | |
| margin-bottom: var(--space-8); | |
| line-height: 1.2; | |
| } | |
| .contact-subtitle { | |
| font-size: var(--text-xl); | |
| margin-bottom: var(--space-16); | |
| opacity: 0.9; | |
| line-height: 1.6; | |
| } | |
| .contact-info { | |
| display: flex; | |
| justify-content: center; | |
| gap: var(--space-20); | |
| font-size: var(--text-xl); | |
| } | |
| .contact-item { | |
| display: flex; | |
| flex-direction: column; | |
| align-items: center; | |
| gap: var(--space-3); | |
| } | |
| .contact-icon { | |
| width: var(--space-12); | |
| height: var(--space-12); | |
| background: var(--gradient-gold); | |
| border-radius: 50%; | |
| display: flex; | |
| align-items: center; | |
| justify-content: center; | |
| font-size: var(--text-xl); | |
| color: var(--navy); | |
| font-weight: bold; | |
| } | |
| /* Links */ | |
| a { | |
| color: var(--gold-dark) ; | |
| text-decoration: none; | |
| transition: color 0.2s ease; | |
| } | |
| a:hover, a:focus { | |
| color: var(--gold-accent) ; | |
| } | |
| /* Trust Indicators */ | |
| .trust-bar { | |
| background: var(--pearl); | |
| padding: var(--space-8) 0; | |
| margin: var(--space-12) calc(var(--space-8) * -1); | |
| border-top: 1px solid var(--border-gold); | |
| border-bottom: 1px solid var(--border-gold); | |
| border-radius: var(--radius); | |
| } | |
| .trust-grid { | |
| display: grid; | |
| grid-template-columns: repeat(4, 1fr); | |
| gap: var(--space-6); | |
| text-align: center; | |
| } | |
| .trust-item { | |
| padding: var(--space-4); | |
| } | |
| .trust-value { | |
| font-size: var(--text-4xl); | |
| color: var(--gold); | |
| font-weight: 800; | |
| font-family: 'Playfair Display', serif; | |
| } | |
| .trust-label { | |
| font-size: var(--text-sm); | |
| color: var(--text-secondary); | |
| text-transform: uppercase; | |
| letter-spacing: 1px; | |
| margin-top: var(--space-2); | |
| } | |
| /* Technology Features Grid */ | |
| .tech-grid { | |
| display: grid; | |
| grid-template-columns: repeat(3, 1fr); | |
| gap: var(--space-8); | |
| margin: var(--space-12) 0; | |
| } | |
| .tech-card { | |
| text-align: center; | |
| padding: var(--space-8) var(--space-5); | |
| border: 1px solid var(--border-gold); | |
| background: var(--gradient-luxury); | |
| border-radius: var(--radius-lg); | |
| } | |
| .tech-icon { | |
| width: var(--space-16); | |
| height: var(--space-16); | |
| margin: 0 auto var(--space-4); | |
| background: var(--gradient-gold); | |
| border-radius: 50%; | |
| display: flex; | |
| align-items: center; | |
| justify-content: center; | |
| color: var(--navy); | |
| font-size: var(--text-3xl); | |
| font-weight: bold; | |
| } | |
| .tech-title { | |
| font-size: var(--text-xl); | |
| color: var(--navy); | |
| font-weight: 600; | |
| margin-bottom: var(--space-2); | |
| } | |
| .tech-description { | |
| font-size: var(--text-sm); | |
| color: var(--text-secondary); | |
| line-height: 1.5; | |
| } | |
| /* Print Styles */ | |
| @media print { | |
| body { | |
| margin: 0; | |
| padding: 0; | |
| } | |
| .page { | |
| margin: 0; | |
| box-shadow: none; | |
| page-break-after: always; | |
| border-radius: 0; | |
| } | |
| .page:last-child { | |
| page-break-after: auto; | |
| } | |
| } | |
| /* Screen Preview Styles */ | |
| @media screen { | |
| body { | |
| background: #e8e8e8; | |
| padding: var(--space-8) 0; | |
| } | |
| .page { | |
| box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15); | |
| margin-bottom: var(--space-12); | |
| } | |
| } | |
| </style> | |
| ``` | |
| </head> | |
| <body> | |
| <!-- Page 1: Cover --> | |
| <div class="page cover-page"> | |
| <div class="cover-logo"> | |
| <svg viewBox="0 0 400 400" style="width: 100%; height: 100%;"> | |
| <defs> | |
| <linearGradient id="goldGradient" x1="0%" y1="0%" x2="100%" y2="100%"> | |
| <stop offset="0%" style="stop-color:#FFD700;stop-opacity:1" /> | |
| <stop offset="50%" style="stop-color:#D4AF37;stop-opacity:1" /> | |
| <stop offset="100%" style="stop-color:#B8941F;stop-opacity:1" /> | |
| </linearGradient> | |
| <linearGradient id="navyGradient" x1="0%" y1="0%" x2="100%" y2="100%"> | |
| <stop offset="0%" style="stop-color:#0A1628;stop-opacity:1" /> | |
| <stop offset="100%" style="stop-color:#1A2F4B;stop-opacity:1" /> | |
| </linearGradient> | |
| </defs> | |
| ``` | |
| <rect x="20" y="20" width="360" height="360" fill="none" stroke="url(#goldGradient)" stroke-width="3" rx="8"/> | |
| <rect x="30" y="30" width="340" height="340" fill="none" stroke="url(#goldGradient)" stroke-width="1" opacity="0.5" rx="6"/> | |
| <polygon points="200,60 320,130 320,270 200,340 80,270 80,130" | |
| fill="none" stroke="url(#goldGradient)" stroke-width="4" opacity="0.8"/> | |
| <polygon points="200,80 300,140 300,260 200,320 100,260 100,140" | |
| fill="none" stroke="url(#goldGradient)" stroke-width="2" opacity="0.6"/> | |
| <g transform="translate(200, 200)"> | |
| <path d="M-50 -20 L0 -60 L50 -20 L50 40 L30 40 L30 10 L-30 10 L-30 40 L-50 40 Z" | |
| fill="url(#navyGradient)"/> | |
| <rect x="-12" y="10" width="24" height="30" fill="url(#goldGradient)" rx="2"/> | |
| <rect x="-35" y="-5" width="15" height="12" fill="url(#goldGradient)" opacity="0.8" rx="2"/> | |
| <rect x="20" y="-5" width="15" height="12" fill="url(#goldGradient)" opacity="0.8" rx="2"/> | |
| <path d="M-45 -20 L0 -55 L45 -20" stroke="url(#goldGradient)" stroke-width="3" fill="none"/> | |
| <circle cx="25" cy="25" r="8" fill="url(#goldGradient)" opacity="0.9"/> | |
| <text x="25" y="30" text-anchor="middle" fill="#0A1628" font-size="8" font-weight="bold">IA</text> | |
| </g> | |
| <circle cx="50" cy="50" r="8" fill="url(#goldGradient)" opacity="0.3"/> | |
| <circle cx="350" cy="50" r="8" fill="url(#goldGradient)" opacity="0.3"/> | |
| <circle cx="50" cy="350" r="8" fill="url(#goldGradient)" opacity="0.3"/> | |
| <circle cx="350" cy="350" r="8" fill="url(#goldGradient)" opacity="0.3"/> | |
| <text x="200" y="280" text-anchor="middle" fill="#0A1628" font-size="32" font-weight="800" font-family="Playfair Display, serif">HOUSEMONEY</text> | |
| <text x="200" y="300" text-anchor="middle" fill="#D4AF37" font-size="12" font-family="Arial, sans-serif" letter-spacing="4">MADRID</text> | |
| <text x="200" y="330" text-anchor="middle" fill="#5D6D7E" font-size="10" font-style="italic">Gestión Premium Automatizada</text> | |
| </svg> | |
| </div> | |
| <h1 class="cover-title">DOSSIER EJECUTIVO</h1> | |
| <h2 class="cover-subtitle">Gestión Inteligente de Alquileres Vacacionales</h2> | |
| <p class="cover-tagline"> | |
| Transformamos propiedades exclusivas en inversiones extraordinarias mediante | |
| tecnología de inteligencia artificial, automatización total y servicio de consejería premium | |
| </p> | |
| <div class="gold-divider"></div> | |
| <div class="cover-contact"> | |
| <span><a href="mailto:[email protected]">[email protected]</a></span> | |
| <span>2025 - Confidencial</span> | |
| <span><a href="https://wa.me/34679794037">+34 679 794 037</a></span> | |
| </div> | |
| </div> | |
| <!-- Page 2: Executive Summary --> | |
| <div class="page"> | |
| <div class="section-header"> | |
| <div class="section-number">01</div> | |
| <h2 class="section-title">Resumen Ejecutivo</h2> | |
| <p class="section-subtitle">Revolucionando la gestión inmobiliaria con tecnología inteligente</p> | |
| </div> | |
| <div class="content-block"> | |
| <p class="content-text"> | |
| Housemoney representa la evolución definitiva en la gestión de propiedades vacacionales | |
| de alto standing en Madrid. Nuestro ecosistema tecnológico combina inteligencia artificial, | |
| automatización completa y servicios de consejería premium para maximizar el rendimiento | |
| de su inversión inmobiliaria sin comprometer la excelencia operativa. | |
| </p> | |
| </div> | |
| <div class="trust-bar"> | |
| <div class="trust-grid"> | |
| <div class="trust-item"> | |
| <div class="trust-value">Multi</div> | |
| <div class="trust-label">Propiedades Activas</div> | |
| </div> | |
| <div class="trust-item"> | |
| <div class="trust-value">40+</div> | |
| <div class="trust-label">Plataformas</div> | |
| </div> | |
| <div class="trust-item"> | |
| <div class="trust-value">★★★★★</div> | |
| <div class="trust-label">Valoración</div> | |
| </div> | |
| <div class="trust-item"> | |
| <div class="trust-value">24/7</div> | |
| <div class="trust-label">Soporte</div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="stats-grid"> | |
| <div class="stat-card"> | |
| <div class="stat-value">MAX</div> | |
| <div class="stat-label">Incremento de Ingresos</div> | |
| <div class="stat-description">vs. gestión tradicional</div> | |
| </div> | |
| <div class="stat-card"> | |
| <div class="stat-value">ALTA</div> | |
| <div class="stat-label">Ocupación Media</div> | |
| <div class="stat-description">anual garantizada</div> | |
| </div> | |
| <div class="stat-card"> | |
| <div class="stat-value">EXPRESS</div> | |
| <div class="stat-label">Activación</div> | |
| <div class="stat-description">proceso rápido</div> | |
| </div> | |
| </div> | |
| <div class="content-block"> | |
| <h3 class="content-title"> | |
| <span class="gold-accent"></span> | |
| Propuesta de Valor Diferencial | |
| </h3> | |
| <p class="content-text"> | |
| En un mercado saturado de gestores tradicionales, Housemoney se distingue por su | |
| enfoque tecnológico integral. Nuestro sistema de inteligencia artificial optimiza | |
| precios en tiempo real analizando múltiples variables de mercado, mientras que la | |
| automatización completa del check-in y la gestión 24/7 garantizan una experiencia | |
| impecable para huéspedes y propietarios. | |
| </p> | |
| </div> | |
| <div class="content-block"> | |
| <h3 class="content-title"> | |
| <span class="gold-accent"></span> | |
| Compromiso con la Excelencia | |
| </h3> | |
| <ul class="luxury-list"> | |
| <li>Tecnología propietaria de última generación con machine learning avanzado</li> | |
| <li>Equipo multilingüe especializado disponible las 24 horas del día</li> | |
| <li>Cumplimiento total de la normativa local aplicable</li> | |
| <li>Transparencia absoluta con dashboard analytics en tiempo real</li> | |
| <li>Modelo de negocio alineado: solo ganamos cuando usted gana</li> | |
| </ul> | |
| </div> | |
| <div class="page-number">2</div> | |
| </div> | |
| <!-- Page 3: Technology & Automation --> | |
| <div class="page"> | |
| <div class="section-header"> | |
| <div class="section-number">02</div> | |
| <h2 class="section-title">Ecosistema Tecnológico</h2> | |
| <p class="section-subtitle">Automatización inteligente para máximo rendimiento</p> | |
| </div> | |
| <div class="tech-grid"> | |
| <div class="tech-card"> | |
| <div class="tech-icon"> | |
| <svg viewBox="0 0 80 80" style="width: 100%; height: 100%;"> | |
| <circle cx="40" cy="40" r="35" fill="none" stroke="currentColor" stroke-width="2" opacity="0.3"/> | |
| <circle cx="40" cy="40" r="25" fill="none" stroke="currentColor" stroke-width="3" opacity="0.5"/> | |
| <circle cx="25" cy="25" r="4" fill="currentColor"/> | |
| <circle cx="55" cy="25" r="4" fill="currentColor"/> | |
| <circle cx="25" cy="55" r="4" fill="currentColor"/> | |
| <circle cx="55" cy="55" r="4" fill="currentColor"/> | |
| <circle cx="40" cy="40" r="6" fill="currentColor"/> | |
| <line x1="25" y1="25" x2="40" y2="40" stroke="currentColor" stroke-width="1" opacity="0.6"/> | |
| <line x1="55" y1="25" x2="40" y2="40" stroke="currentColor" stroke-width="1" opacity="0.6"/> | |
| <line x1="25" y1="55" x2="40" y2="40" stroke="currentColor" stroke-width="1" opacity="0.6"/> | |
| <line x1="55" y1="55" x2="40" y2="40" stroke="currentColor" stroke-width="1" opacity="0.6"/> | |
| </svg> | |
| </div> | |
| <h4 class="tech-title">Inteligencia Artificial</h4> | |
| <p class="tech-description">Optimización de precios con análisis predictivo avanzado</p> | |
| </div> | |
| <div class="tech-card"> | |
| <div class="tech-icon"> | |
| <svg viewBox="0 0 80 80" style="width: 100%; height: 100%;"> | |
| <rect x="20" y="30" width="40" height="30" rx="4" fill="none" stroke="currentColor" stroke-width="2"/> | |
| <circle cx="40" cy="45" r="8" fill="none" stroke="currentColor" stroke-width="2"/> | |
| <path d="M32 45 L32 35 A8 8 0 0 1 48 35 L48 45" fill="none" stroke="currentColor" stroke-width="2"/> | |
| <circle cx="40" cy="50" r="2" fill="currentColor"/> | |
| <rect x="30" y="20" width="20" height="6" rx="2" fill="currentColor" opacity="0.3"/> | |
| </svg> | |
| </div> | |
| <h4 class="tech-title">Acceso Inteligente</h4> | |
| <p class="tech-description">Cerraduras premium con códigos temporales únicos</p> | |
| </div> | |
| <div class="tech-card"> | |
| <div class="tech-icon"> | |
| <svg viewBox="0 0 80 80" style="width: 100%; height: 100%;"> | |
| <rect x="25" y="15" width="30" height="50" rx="6" fill="none" stroke="currentColor" stroke-width="2"/> | |
| <rect x="30" y="20" width="20" height="30" rx="2" fill="currentColor" opacity="0.2"/> | |
| <circle cx="40" cy="58" r="3" fill="currentColor"/> | |
| <path d="M15 30 Q20 25 25 30" stroke="currentColor" stroke-width="2" fill="none" opacity="0.5"/> | |
| <path d="M55 30 Q60 25 65 30" stroke="currentColor" stroke-width="2" fill="none" opacity="0.5"/> | |
| </svg> | |
| </div> | |
| <h4 class="tech-title">Control Remoto</h4> | |
| <p class="tech-description">Gestión completa desde dispositivos móviles</p> | |
| </div> | |
| <div class="tech-card"> | |
| <div class="tech-icon"> | |
| <svg viewBox="0 0 80 80" style="width: 100%; height: 100%;"> | |
| <rect x="15" y="15" width="50" height="40" rx="2" fill="none" stroke="currentColor" stroke-width="2"/> | |
| <polyline points="20,45 30,35 40,40 50,25 60,30" stroke="currentColor" stroke-width="2" fill="none"/> | |
| <circle cx="20" cy="45" r="2" fill="currentColor"/> | |
| <circle cx="30" cy="35" r="2" fill="currentColor"/> | |
| <circle cx="40" cy="40" r="2" fill="currentColor"/> | |
| <circle cx="50" cy="25" r="2" fill="currentColor"/> | |
| <circle cx="60" cy="30" r="2" fill="currentColor"/> | |
| </svg> | |
| </div> | |
| <h4 class="tech-title">Analytics Avanzado</h4> | |
| <p class="tech-description">Dashboard con métricas en tiempo real</p> | |
| </div> | |
| <div class="tech-card"> | |
| <div class="tech-icon"> | |
| <svg viewBox="0 0 80 80" style="width: 100%; height: 100%;"> | |
| <circle cx="40" cy="40" r="8" fill="currentColor"/> | |
| <circle cx="20" cy="20" r="6" fill="none" stroke="currentColor" stroke-width="2"/> | |
| <circle cx="60" cy="20" r="6" fill="none" stroke="currentColor" stroke-width="2"/> | |
| <circle cx="20" cy="60" r="6" fill="none" stroke="currentColor" stroke-width="2"/> | |
| <circle cx="60" cy="60" r="6" fill="none" stroke="currentColor" stroke-width="2"/> | |
| <line x1="25" y1="25" x2="35" y2="35" stroke="currentColor" stroke-width="1"/> | |
| <line x1="55" y1="25" x2="45" y2="35" stroke="currentColor" stroke-width="1"/> | |
| <line x1="25" y1="55" x2="35" y2="45" stroke="currentColor" stroke-width="1"/> | |
| <line x1="55" y1="55" x2="45" y2="45" stroke="currentColor" stroke-width="1"/> | |
| </svg> | |
| </div> | |
| <h4 class="tech-title">Multi-Plataforma</h4> | |
| <p class="tech-description">Sincronización con múltiples canales</p> | |
| </div> | |
| <div class="tech-card"> | |
| <div class="tech-icon"> | |
| <svg viewBox="0 0 80 80" style="width: 100%; height: 100%;"> | |
| <path d="M15 25 Q15 15 25 15 L55 15 Q65 15 65 25 L65 40 Q65 50 55 50 L30 50 L20 60 L25 50 Q15 50 15 40 Z" | |
| fill="none" stroke="currentColor" stroke-width="2"/> | |
| <circle cx="30" cy="32" r="2" fill="currentColor"/> | |
| <circle cx="40" cy="32" r="2" fill="currentColor"/> | |
| <circle cx="50" cy="32" r="2" fill="currentColor"/> | |
| </svg> | |
| </div> | |
| <h4 class="tech-title">Comunicación</h4> | |
| <p class="tech-description">Respuestas automáticas multiidioma</p> | |
| </div> | |
| </div> | |
| <div class="service-grid"> | |
| <div class="service-card"> | |
| <div class="service-icon"> | |
| <svg viewBox="0 0 200 200" style="width: 100%; height: 100%;"> | |
| <circle cx="100" cy="100" r="90" fill="none" stroke="#D4AF37" stroke-width="2" opacity="0.3"/> | |
| <circle cx="100" cy="100" r="70" fill="none" stroke="#D4AF37" stroke-width="3" opacity="0.5"/> | |
| <g> | |
| <circle cx="60" cy="60" r="8" fill="#D4AF37"/> | |
| <circle cx="140" cy="60" r="8" fill="#D4AF37"/> | |
| <circle cx="60" cy="140" r="8" fill="#D4AF37"/> | |
| <circle cx="140" cy="140" r="8" fill="#D4AF37"/> | |
| <circle cx="100" cy="100" r="12" fill="#0A1628"/> | |
| <line x1="60" y1="60" x2="100" y2="100" stroke="#D4AF37" stroke-width="2" opacity="0.6"/> | |
| <line x1="140" y1="60" x2="100" y2="100" stroke="#D4AF37" stroke-width="2" opacity="0.6"/> | |
| <line x1="60" y1="140" x2="100" y2="100" stroke="#D4AF37" stroke-width="2" opacity="0.6"/> | |
| <line x1="140" y1="140" x2="100" y2="100" stroke="#D4AF37" stroke-width="2" opacity="0.6"/> | |
| </g> | |
| <text x="100" y="105" text-anchor="middle" fill="white" font-size="16" font-weight="bold">IA</text> | |
| <path d="M20 100 Q40 80 60 60" stroke="#FFD700" stroke-width="2" fill="none" opacity="0.8"/> | |
| <path d="M180 100 Q160 80 140 60" stroke="#FFD700" stroke-width="2" fill="none" opacity="0.8"/> | |
| </svg> | |
| </div> | |
| <h3 class="service-title">Inteligencia Artificial Avanzada</h3> | |
| <p class="service-description"> | |
| Sistema neuronal que procesa datos de mercado, eventos locales, competencia y | |
| comportamiento de usuarios para optimizar precios automáticamente. Incremento | |
| significativo en ingresos mediante machine learning predictivo y análisis | |
| de patrones de demanda en tiempo real. | |
| </p> | |
| </div> | |
| <div class="service-card"> | |
| <div class="service-icon"> | |
| <svg viewBox="0 0 200 200" style="width: 100%; height: 100%;"> | |
| <rect x="20" y="40" width="60" height="35" rx="4" fill="#0A1628" opacity="0.1"/> | |
| <rect x="30" y="50" width="40" height="20" rx="3" fill="#D4AF37" opacity="0.2"/> | |
| <circle cx="50" cy="60" r="8" fill="none" stroke="#D4AF37" stroke-width="2"/> | |
| <path d="M42 60 L42 52 A8 8 0 0 1 58 52 L58 60" | |
| fill="none" stroke="#D4AF37" stroke-width="2"/> | |
| <circle cx="50" cy="63" r="2" fill="#0A1628"/> | |
| <rect x="35" y="35" width="30" height="8" rx="2" fill="#0A1628"/> | |
| <text x="50" y="41" text-anchor="middle" fill="#FFD700" font-size="4">****</text> | |
| <g transform="translate(90, 40)"> | |
| <path d="M0 8 Q4 4 8 8" stroke="#D4AF37" stroke-width="1" fill="none" opacity="0.4"/> | |
| <path d="M-2 10 Q4 2 10 10" stroke="#D4AF37" stroke-width="1" fill="none" opacity="0.6"/> | |
| <path d="M-4 12 Q4 0 12 12" stroke="#D4AF37" stroke-width="1" fill="none" opacity="0.8"/> | |
| </g> | |
| <rect x="150" y="120" width="30" height="50" rx="6" fill="#0A1628"/> | |
| <rect x="155" y="125" width="20" height="40" rx="4" fill="#D4AF37" opacity="0.3"/> | |
| <circle cx="165" cy="160" r="3" fill="#FFD700"/> | |
| </svg> | |
| </div> | |
| <h3 class="service-title">Sistema de Acceso Premium</h3> | |
| <p class="service-description"> | |
| Cerraduras inteligentes de última generación instaladas tanto en portal como | |
| en la vivienda. Códigos únicos temporales, funcionamiento silencioso y discreto, | |
| control remoto total. Instalación profesional valorada en 400€ completamente incluida. | |
| </p> | |
| </div> | |
| <div class="service-card"> | |
| <div class="service-icon"> | |
| <svg viewBox="0 0 200 200" style="width: 100%; height: 100%;"> | |
| <rect x="20" y="40" width="60" height="35" rx="4" fill="#0A1628" opacity="0.1"/> | |
| <circle cx="50" cy="57" r="15" fill="none" stroke="#D4AF37" stroke-width="2"/> | |
| <circle cx="50" cy="57" r="10" fill="#D4AF37" opacity="0.2"/> | |
| <circle cx="50" cy="57" r="6" fill="#0A1628"/> | |
| <path d="M44 51 Q50 47 56 51" fill="white" opacity="0.3"/> | |
| <circle cx="65" cy="47" r="2" fill="#FFD700"/> | |
| <rect x="35" y="35" width="8" height="5" rx="2" fill="#D4AF37" opacity="0.5"/> | |
| <g transform="translate(10, 10)"> | |
| <rect x="0" y="0" width="20" height="15" fill="white" stroke="#D4AF37" stroke-width="1" rx="1"/> | |
| <rect x="2" y="2" width="16" height="11" fill="#F4E5C2" rx="1"/> | |
| </g> | |
| <g transform="translate(70, 15)"> | |
| <rect x="0" y="0" width="20" height="15" fill="white" stroke="#D4AF37" stroke-width="1" rx="1"/> | |
| <rect x="2" y="2" width="16" height="11" fill="#F4E5C2" rx="1"/> | |
| </g> | |
| <text x="50" y="88" text-anchor="middle" fill="#D4AF37" font-size="7" font-weight="bold">360°</text> | |
| </svg> | |
| </div> | |
| <h3 class="service-title">Marketing Visual Premium</h3> | |
| <p class="service-description"> | |
| Sesión fotográfica profesional con equipo de alta definición. Más de 50 imágenes | |
| optimizadas, tour virtual 360° interactivo y staging digital. Posicionamiento | |
| premium en todas las plataformas con técnicas SEO avanzadas. | |
| </p> | |
| </div> | |
| <div class="service-card"> | |
| <div class="service-icon"> | |
| <svg viewBox="0 0 200 200" style="width: 100%; height: 100%;"> | |
| <circle cx="100" cy="100" r="80" fill="#0A1628" opacity="0.1"/> | |
| <circle cx="100" cy="100" r="60" fill="none" stroke="#D4AF37" stroke-width="4"/> | |
| <g transform="translate(100, 100)"> | |
| <line x1="0" y1="-50" x2="0" y2="-45" stroke="#0A1628" stroke-width="3" transform="rotate(0)"/> | |
| <line x1="0" y1="-50" x2="0" y2="-45" stroke="#0A1628" stroke-width="2" transform="rotate(30)"/> | |
| <line x1="0" y1="-50" x2="0" y2="-45" stroke="#0A1628" stroke-width="2" transform="rotate(60)"/> | |
| <line x1="0" y1="-50" x2="0" y2="-45" stroke="#0A1628" stroke-width="3" transform="rotate(90)"/> | |
| <line x1="0" y1="-50" x2="0" y2="-45" stroke="#0A1628" stroke-width="2" transform="rotate(120)"/> | |
| <line x1="0" y1="-50" x2="0" y2="-45" stroke="#0A1628" stroke-width="2" transform="rotate(150)"/> | |
| <line x1="0" y1="-50" x2="0" y2="-45" stroke="#0A1628" stroke-width="3" transform="rotate(180)"/> | |
| <line x1="0" y1="-50" x2="0" y2="-45" stroke="#0A1628" stroke-width="2" transform="rotate(210)"/> | |
| <line x1="0" y1="-50" x2="0" y2="-45" stroke="#0A1628" stroke-width="2" transform="rotate(240)"/> | |
| <line x1="0" y1="-50" x2="0" y2="-45" stroke="#0A1628" stroke-width="3" transform="rotate(270)"/> | |
| <line x1="0" y1="-50" x2="0" y2="-45" stroke="#0A1628" stroke-width="2" transform="rotate(300)"/> | |
| <line x1="0" y1="-50" x2="0" y2="-45" stroke="#0A1628" stroke-width="2" transform="rotate(330)"/> | |
| <line x1="0" y1="0" x2="0" y2="-30" stroke="#D4AF37" stroke-width="4" stroke-linecap="round"/> | |
| <line x1="0" y1="0" x2="20" y2="0" stroke="#D4AF37" stroke-width="3" stroke-linecap="round"/> | |
| <circle cx="0" cy="0" r="5" fill="#D4AF37"/> | |
| </g> | |
| <text x="100" y="190" text-anchor="middle" fill="#D4AF37" font-size="16" font-weight="bold">24/7</text> | |
| <rect x="40" y="40" width="8" height="8" fill="#10b981" rx="2"/> | |
| <rect x="152" y="40" width="8" height="8" fill="#f59e0b" rx="2"/> | |
| <rect x="40" y="152" width="8" height="8" fill="#7c3aed" rx="2"/> | |
| <rect x="152" y="152" width="8" height="8" fill="#ef4444" rx="2"/> | |
| </svg> | |
| </div> | |
| <h3 class="service-title">Conserjería Digital 24/7</h3> | |
| <p class="service-description"> | |
| Equipo especializado multiidioma disponible las 24 horas. Limpieza premium con | |
| estándares de hotel 5 estrellas, mantenimiento preventivo mensual y resolución | |
| de emergencias en menos de 4 horas garantizado. | |
| </p> | |
| </div> | |
| </div> | |
| <div class="page-number">3</div> | |
| </div> | |
| <!-- Page 4: Guest Journey Flow --> | |
| <div class="page"> | |
| <div class="section-header"> | |
| <div class="section-number">03</div> | |
| <h2 class="section-title">Experiencia del Huésped</h2> | |
| <p class="section-subtitle">Automatización completa de principio a fin</p> | |
| </div> | |
| <div class="timeline"> | |
| <div class="timeline-item"> | |
| <div class="timeline-number"> | |
| <div class="timeline-circle"> | |
| <svg viewBox="0 0 40 40" style="width: 30px; height: 30px;"> | |
| <path d="M20 5 L35 12 L35 28 L20 35 L5 28 L5 12 Z" fill="currentColor"/> | |
| <circle cx="20" cy="20" r="6" fill="white"/> | |
| <text x="20" y="24" text-anchor="middle" fill="currentColor" font-size="8">AI</text> | |
| </svg> | |
| </div> | |
| </div> | |
| <div class="timeline-content"> | |
| <h3 class="timeline-title">Contacto e Inteligencia Artificial</h3> | |
| <p class="timeline-description"> | |
| El huésped contacta a través de cualquier plataforma. Nuestro sistema de IA responde | |
| automáticamente en tiempo real, ajustando precios dinámicamente según demanda, | |
| eventos locales y perfil del cliente hasta conseguir la reserva confirmada. | |
| </p> | |
| </div> | |
| </div> | |
| <div class="timeline-item"> | |
| <div class="timeline-number"> | |
| <div class="timeline-circle"> | |
| <svg viewBox="0 0 40 40" style="width: 30px; height: 30px;"> | |
| <rect x="10" y="8" width="20" height="28" rx="4" fill="currentColor"/> | |
| <rect x="12" y="10" width="16" height="20" rx="2" fill="white"/> | |
| <circle cx="20" cy="34" r="2" fill="white"/> | |
| <path d="M15 15 L18 18 L25 11" stroke="currentColor" stroke-width="2" fill="none"/> | |
| </svg> | |
| </div> | |
| </div> | |
| <div class="timeline-content"> | |
| <h3 class="timeline-title">Instrucciones Pre-Llegada</h3> | |
| <p class="timeline-description"> | |
| 24 horas antes del check-in, el sistema envía automáticamente por WhatsApp todas | |
| las instrucciones detalladas: dirección exacta, códigos de acceso, mapa de ubicación | |
| y información útil del barrio. Todo personalizado y en el idioma del huésped. | |
| </p> | |
| </div> | |
| </div> | |
| <div class="timeline-item"> | |
| <div class="timeline-number"> | |
| <div class="timeline-circle"> | |
| <svg viewBox="0 0 40 40" style="width: 30px; height: 30px;"> | |
| <rect x="8" y="15" width="24" height="18" rx="2" fill="currentColor"/> | |
| <path d="M12 15 L12 10 A8 8 0 0 1 28 10 L28 15" stroke="currentColor" stroke-width="3" fill="none"/> | |
| <circle cx="20" cy="25" r="3" fill="white"/> | |
| <text x="20" y="38" text-anchor="middle" fill="currentColor" font-size="6">SMART</text> | |
| </svg> | |
| </div> | |
| </div> | |
| <div class="timeline-content"> | |
| <h3 class="timeline-title">Acceso Automatizado</h3> | |
| <p class="timeline-description"> | |
| Al llegar, el huésped accede al portal principal con el código enviado. Una vez arriba, | |
| la cerradura inteligente del apartamento se abre automáticamente con el mismo código. | |
| Sin llaves, sin esperas, sin contacto humano necesario. | |
| </p> | |
| </div> | |
| </div> | |
| <div class="timeline-item"> | |
| <div class="timeline-number"> | |
| <div class="timeline-circle"> | |
| <svg viewBox="0 0 40 40" style="width: 30px; height: 30px;"> | |
| <circle cx="20" cy="20" r="18" fill="currentColor"/> | |
| <text x="20" y="16" text-anchor="middle" fill="white" font-size="8" font-weight="bold">24</text> | |
| <text x="20" y="26" text-anchor="middle" fill="white" font-size="8" font-weight="bold">7</text> | |
| <path d="M20 5 L22 8 L20 11 L18 8 Z" fill="white"/> | |
| </svg> | |
| </div> | |
| </div> | |
| <div class="timeline-content"> | |
| <h3 class="timeline-title">Soporte Durante la Estancia</h3> | |
| <p class="timeline-description"> | |
| Durante toda su estancia, el huésped tiene acceso a nuestro servicio 24/7 multiidioma. | |
| Cualquier duda, necesidad o emergencia se resuelve inmediatamente a través de WhatsApp | |
| o llamada directa con tiempo de respuesta garantizado. | |
| </p> | |
| </div> | |
| </div> | |
| <div class="timeline-item"> | |
| <div class="timeline-number"> | |
| <div class="timeline-circle"> | |
| <svg viewBox="0 0 40 40" style="width: 30px; height: 30px;"> | |
| <path d="M5 20 L15 10 L25 20 L35 10" stroke="currentColor" stroke-width="3" fill="none"/> | |
| <circle cx="8" cy="23" r="3" fill="currentColor"/> | |
| <circle cx="18" cy="13" r="3" fill="currentColor"/> | |
| <circle cx="28" cy="23" r="3" fill="currentColor"/> | |
| <path d="M15 30 Q20 25 25 30" stroke="currentColor" stroke-width="2" fill="none"/> | |
| </svg> | |
| </div> | |
| </div> | |
| <div class="timeline-content"> | |
| <h3 class="timeline-title">Check-out y Gestión Post-Estancia</h3> | |
| <p class="timeline-description"> | |
| Al finalizar la estancia, el sistema coordina automáticamente la limpieza profesional. | |
| Si la IA predice una alta probabilidad de reseña positiva, solicita automáticamente | |
| la valoración al huésped para maximizar la reputación de la propiedad. | |
| </p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="content-block"> | |
| <h3 class="content-title"> | |
| <span class="gold-accent"></span> | |
| Automatización Total Sin Intervención | |
| </h3> | |
| <p class="content-text"> | |
| Todo el proceso funciona de manera completamente autónoma. El propietario no necesita | |
| intervenir en ningún momento: desde la primera consulta hasta la limpieza final, | |
| nuestro sistema gestiona cada paso optimizando la experiencia del huésped y | |
| maximizando los ingresos de la propiedad. | |
| </p> | |
| </div> | |
| <div class="page-number">4</div> | |
| </div> | |
| <!-- Page 5: Service Benefits --> | |
| <div class="page"> | |
| <div class="section-header"> | |
| <div class="section-number">04</div> | |
| <h2 class="section-title">Beneficios del Servicio</h2> | |
| <p class="section-subtitle">Ventajas competitivas de nuestro sistema</p> | |
| </div> | |
| <div class="stats-grid"> | |
| <div class="stat-card"> | |
| <div class="stat-value">IA</div> | |
| <div class="stat-label">Precios Dinámicos</div> | |
| <div class="stat-description">optimización continua</div> | |
| </div> | |
| <div class="stat-card"> | |
| <div class="stat-value">24/7</div> | |
| <div class="stat-label">Soporte Activo</div> | |
| <div class="stat-description">multiidioma disponible</div> | |
| </div> | |
| <div class="stat-card"> | |
| <div class="stat-value">100%</div> | |
| <div class="stat-label">Automatización</div> | |
| <div class="stat-description">sin intervención manual</div> | |
| </div> | |
| </div> | |
| <div class="content-block"> | |
| <h3 class="content-title"> | |
| <span class="gold-accent"></span> | |
| Ventajas Competitivas | |
| </h3> | |
| <p class="content-text"> | |
| Nuestro sistema se distingue por la integración completa de tecnologías avanzadas | |
| que trabajan en sincronía para optimizar cada aspecto de la gestión. La combinación | |
| de inteligencia artificial, automatización total y servicio premium crea una | |
| experiencia superior tanto para propietarios como para huéspedes. | |
| </p> | |
| </div> | |
| <div class="service-grid"> | |
| <div class="service-card"> | |
| <h3 class="service-title">Tecnología Avanzada</h3> | |
| <p class="service-description"> | |
| <strong>Sistema de IA Propietario</strong><br> | |
| • Análisis predictivo de demanda<br> | |
| • Optimización automática de precios<br> | |
| • Comunicación inteligente multiidioma<br> | |
| • Detección de patrones de comportamiento<br> | |
| • Máxima eficiencia operativa | |
| </p> | |
| </div> | |
| <div class="service-card"> | |
| <h3 class="service-title">Automatización Completa</h3> | |
| <p class="service-description"> | |
| <strong>Cero Intervención Manual</strong><br> | |
| • Check-in/out completamente digital<br> | |
| • Gestión automática de reservas<br> | |
| • Coordinación de limpieza integrada<br> | |
| • Mantenimiento preventivo programado<br> | |
| • Operación 365 días al año | |
| </p> | |
| </div> | |
| <div class="service-card"> | |
| <h3 class="service-title">Servicio Premium</h3> | |
| <p class="service-description"> | |
| <strong>Atención Especializada</strong><br> | |
| • Equipo multiidioma disponible 24/7<br> | |
| • Resolución inmediata de incidencias<br> | |
| • Limpieza con estándares hoteleros<br> | |
| • Monitorización continua de calidad<br> | |
| • Experiencia cinco estrellas garantizada | |
| </p> | |
| </div> | |
| <div class="service-card"> | |
| <h3 class="service-title">Escalabilidad Global</h3> | |
| <p class="service-description"> | |
| <strong>Infraestructura Robusta</strong><br> | |
| • Sincronización con múltiples plataformas<br> | |
| • Adaptación a mercados internacionales<br> | |
| • Gestión de picos de demanda<br> | |
| • Integración con sistemas locales<br> | |
| • Expansión sin límites técnicos | |
| </p> | |
| </div> | |
| </div> | |
| <div class="content-block"> | |
| <h3 class="content-title"> | |
| <span class="gold-accent"></span> | |
| Propuesta de Valor Integral | |
| </h3> | |
| <p class="content-text"> | |
| La combinación de nuestra tecnología propietaria con un servicio de atención premium | |
| crea un ecosistema único en el mercado. Los propietarios obtienen la tranquilidad | |
| de una gestión completamente automatizada mientras mantienen el control total | |
| sobre su inversión a través de nuestro dashboard analítico en tiempo real. | |
| </p> | |
| </div> | |
| <div class="page-number">5</div> | |
| </div> | |
| <!-- Page 6: Investment & Pricing --> | |
| <div class="page"> | |
| <div class="section-header"> | |
| <div class="section-number">05</div> | |
| <h2 class="section-title">Estructura de Inversión</h2> | |
| <p class="section-subtitle">Transparencia total, rentabilidad garantizada</p> | |
| </div> | |
| <div class="pricing-table"> | |
| <div class="pricing-header"> | |
| <h3 class="pricing-title">Plan Premium Todo Incluido</h3> | |
| <div class="pricing-value">0€/mes</div> | |
| <p class="pricing-commission">Únicamente 15% de comisión sobre reservas confirmadas</p> | |
| </div> | |
| <div class="pricing-features"> | |
| <div class="pricing-category"> | |
| <h4 class="pricing-category-title">Ecosistema Tecnológico Avanzado</h4> | |
| <ul class="luxury-list"> | |
| <li>Cerraduras inteligentes premium - Portal y vivienda (valor 400€)</li> | |
| <li>Sistema de check-in/out automatizado 24/7 con códigos únicos</li> | |
| <li>Sincronización instantánea con múltiples plataformas globales</li> | |
| <li>Dashboard analytics premium con métricas en tiempo real</li> | |
| </ul> | |
| </div> | |
| <div class="pricing-category"> | |
| <h4 class="pricing-category-title">Inteligencia Artificial Propietaria</h4> | |
| <ul class="luxury-list"> | |
| <li>Motor de precios dinámicos - Múltiples ajustes diarios</li> | |
| <li>Análisis predictivo de demanda con alta precisión</li> | |
| <li>Machine learning para optimización continua de listings</li> | |
| <li>Comunicación automatizada multiidioma</li> | |
| </ul> | |
| </div> | |
| <div class="pricing-category"> | |
| <h4 class="pricing-category-title">Marketing y Posicionamiento Premium</h4> | |
| <ul class="luxury-list"> | |
| <li>Sesión fotográfica profesional completa (50+ imágenes HD)</li> | |
| <li>Tour virtual 360° interactivo de alta definición</li> | |
| <li>Optimización SEO multiidioma avanzada</li> | |
| <li>Gestión profesional de reputación online</li> | |
| </ul> | |
| </div> | |
| <div class="pricing-category"> | |
| <h4 class="pricing-category-title">Servicios de Conserjería 24/7</h4> | |
| <ul class="luxury-list"> | |
| <li>Atención especializada 24/7 en múltiples idiomas</li> | |
| <li>Limpieza premium con estándares de hotel 5 estrellas</li> | |
| <li>Mantenimiento preventivo mensual programado</li> | |
| <li>Gestión completa de incidencias y emergencias</li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="content-block"> | |
| <h3 class="content-title"> | |
| <span class="gold-accent"></span> | |
| Qué Incluye Nuestro Servicio Premium | |
| </h3> | |
| <p class="content-text"> | |
| Su inversión del 15% incluye la gestión completa y automatizada de su propiedad. | |
| No existen costes ocultos: fotografía profesional, instalación de tecnología, | |
| limpieza premium, soporte 24/7, optimización con IA y toda la infraestructura | |
| tecnológica está incluida en nuestra comisión sobre reservas confirmadas. | |
| </p> | |
| </div> | |
| <div class="content-block"> | |
| <h3 class="content-title"> | |
| <span class="gold-accent"></span> | |
| Modelo de Negocio Alineado | |
| </h3> | |
| <p class="content-text"> | |
| En Housemoney nuestro éxito está directamente vinculado al suyo. No cobramos cuotas | |
| mensuales, gastos de activación ni permanencias. Solo ganamos cuando usted gana, con | |
| una comisión del 15% únicamente sobre reservas confirmadas y completadas. Este modelo | |
| garantiza que toda nuestra energía esté enfocada en maximizar sus ingresos. | |
| </p> | |
| </div> | |
| <div class="page-number">6</div> | |
| </div> | |
| <!-- Page 7: Contact & Next Steps --> | |
| <div class="page"> | |
| <div class="section-header"> | |
| <div class="section-number">06</div> | |
| <h2 class="section-title">Siguientes Pasos</h2> | |
| <p class="section-subtitle">Inicie su transformación inmobiliaria hoy mismo</p> | |
| </div> | |
| <div class="content-block"> | |
| <h3 class="content-title"> | |
| <span class="gold-accent"></span> | |
| Proceso de Evaluación Inmediata | |
| </h3> | |
| <p class="content-text"> | |
| Nuestro equipo de consultores especializados está preparado para realizar una | |
| evaluación completa de su propiedad en las próximas 24 horas. Utilizando nuestros | |
| algoritmos propietarios, calcularemos el potencial exacto de ingresos de su inversión | |
| y diseñaremos una estrategia personalizada de maximización de rentabilidad. | |
| </p> | |
| </div> | |
| <div class="service-grid"> | |
| <div class="service-card"> | |
| <h3 class="service-title">Auditoría Gratuita Express</h3> | |
| <p class="service-description"> | |
| <strong>✓ Análisis de mercado en 24h</strong><br> | |
| ✓ Proyección de ingresos personalizada<br> | |
| ✓ Estrategia de optimización específica<br> | |
| ✓ Plan de implementación detallado<br> | |
| ✓ Sin compromiso ni coste alguno | |
| </p> | |
| </div> | |
| <div class="service-card"> | |
| <h3 class="service-title">Garantías Exclusivas</h3> | |
| <p class="service-description"> | |
| <strong>✓ Incremento mínimo garantizado</strong><br> | |
| ✓ Instalación tecnológica gratuita (400€)<br> | |
| ✓ Sin permanencia ni penalizaciones<br> | |
| ✓ Cancelación con 30 días de preaviso<br> | |
| ✓ Soporte premium incluido | |
| </p> | |
| </div> | |
| </div> | |
| <div class="content-block"> | |
| <h3 class="content-title"> | |
| <span class="gold-accent"></span> | |
| Compromiso de Excelencia | |
| </h3> | |
| <p class="content-text"> | |
| Housemoney se compromete a mantener los más altos estándares de calidad y | |
| transparencia. Nuestro equipo directivo está disponible para atender cualquier | |
| consulta y garantizar que su experiencia supere las expectativas más exigentes. | |
| Trabajamos con el objetivo de crear relaciones a largo plazo basadas en resultados | |
| tangibles y servicio excepcional. | |
| </p> | |
| </div> | |
| <div class="gold-divider"></div> | |
| <div class="contact-section"> | |
| <h2 class="contact-title">Comience Su Éxito Hoy</h2> | |
| <p class="contact-subtitle"> | |
| Contacte con nuestro equipo de consultores para una evaluación personalizada | |
| gratuita y descubra el verdadero potencial de su propiedad | |
| </p> | |
| <div class="contact-info"> | |
| <div class="contact-item"> | |
| <div class="contact-icon">WA</div> | |
| <strong>WhatsApp Directo</strong> | |
| <span><a href="https://wa.me/34679794037">+34 679 794 037</a></span> | |
| </div> | |
| <div class="contact-item"> | |
| <div class="contact-icon">EM</div> | |
| <strong>Email Ejecutivo</strong> | |
| <span><a href="mailto:[email protected]">[email protected]</a></span> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="page-number">7</div> | |
| </div> | |
| <!-- Page 8: Legal & Corporate --> | |
| <div class="page"> | |
| <div class="section-header"> | |
| <div class="section-number">07</div> | |
| <h2 class="section-title">Información Corporativa</h2> | |
| <p class="section-subtitle">Transparencia, legalidad y cumplimiento normativo</p> | |
| </div> | |
| <div class="content-block"> | |
| <h3 class="content-title"> | |
| <span class="gold-accent"></span> | |
| Marco Operativo y Cumplimiento | |
| </h3> | |
| <p class="content-text"> | |
| Housemoney opera bajo estricto cumplimiento de la normativa española aplicable | |
| al sector de alquileres vacacionales. Mantenemos las autorizaciones necesarias | |
| y garantizamos que todas las propiedades gestionadas cumplan con los requisitos | |
| legales vigentes en cada jurisdicción donde operamos. | |
| </p> | |
| </div> | |
| <div class="service-grid"> | |
| <div class="service-card"> | |
| <h3 class="service-title">Cumplimiento Normativo</h3> | |
| <p class="service-description"> | |
| • Constitución legal en España<br> | |
| • Cumplimiento normativa local<br> | |
| • Protección de datos (RGPD)<br> | |
| • Póliza de responsabilidad civil<br> | |
| • Auditorías regulares<br> | |
| • Transparencia total en operaciones | |
| </p> | |
| </div> | |
| <div class="service-card"> | |
| <h3 class="service-title">Servicios Incluidos</h3> | |
| <p class="service-description"> | |
| • Gestión de licencias requeridas<br> | |
| • Registro de huéspedes automatizado<br> | |
| • Asesoramiento fiscal básico<br> | |
| • Documentación de arrendamiento<br> | |
| • Mediación en conflictos<br> | |
| • Actualizaciones normativas | |
| </p> | |
| </div> | |
| </div> | |
| <div class="content-block"> | |
| <h3 class="content-title"> | |
| <span class="gold-accent"></span> | |
| Equipo Profesional | |
| </h3> | |
| <p class="content-text"> | |
| Nuestro equipo cuenta con experiencia especializada en sectores tecnológico, | |
| inmobiliario y hotelero. Formación técnica avanzada y experiencia comprobada | |
| en la transformación digital de empresas tradicionales hacia modelos de negocio | |
| tecnológicos de alto rendimiento. | |
| </p> | |
| </div> | |
| <div class="content-block"> | |
| <h3 class="content-title"> | |
| <span class="gold-accent"></span> | |
| Política de Privacidad y Protección de Datos | |
| </h3> | |
| <p class="content-text"> | |
| Housemoney mantiene los más altos estándares de protección de datos personales | |
| según el RGPD. Toda la información de propietarios y huéspedes está protegida | |
| mediante sistemas de seguridad avanzados. Nunca compartimos datos con terceros | |
| sin autorización expresa y mantenemos auditorías de seguridad regulares. | |
| </p> | |
| </div> | |
| <div class="gold-divider"></div> | |
| <div class="content-block" style="text-align: center; margin-top: 40mm;"> | |
| <p style="font-size: 10pt; color: var(--text-light); font-style: italic;"> | |
| Este dossier contiene información confidencial y está destinado exclusivamente | |
| al destinatario indicado. La reproducción total o parcial sin autorización expresa | |
| está prohibida. | |
| </p> | |
| <div style="margin-top: 15mm;"> | |
| <p style="font-size: 11pt; color: var(--text-secondary);"> | |
| <strong>Housemoney</strong><br> | |
| España • 2025<br> | |
| <a href="mailto:[email protected]">[email protected]</a> • <a href="https://wa.me/34679794037">+34 679 794 037</a> | |
| </p> | |
| </div> | |
| </div> | |
| <div class="page-number">8</div> | |
| </div> | |
| </body> | |
| </html> |