Hugging Face's logo

Spaces:
samihalawa
/
housemoney
Running

App Files Community
samihalawa commited on
Commit
554900c
·
verified ·
1 Parent(s): 0a2186d

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +1697 -19
index.html CHANGED
@@ -1,19 +1,1697 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
19
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+
3
+ <html lang="es">
4
+ <head>
5
+ <meta charset="UTF-8">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <title>Housemoney - Dossier Premium de Gestión de Alquileres Vacacionales</title>
8
+
9
+
10
+ <!-- Preload fonts for crisp PDF rendering -->
11
+ <link rel="preconnect" href="https://fonts.googleapis.com">
12
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
13
+ <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">
14
+
15
+ <style>
16
+ /* Reset and Base Styles */
17
+ * {
18
+ margin: 0;
19
+ padding: 0;
20
+ box-sizing: border-box;
21
+ }
22
+
23
+ :root {
24
+ /* Design Tokens - Spacing & Radii */
25
+ --space-1: 0.5rem;
26
+ --space-2: 1rem;
27
+ --space-3: 1.5rem;
28
+ --space-4: 2rem;
29
+ --space-5: 2.5rem;
30
+ --space-6: 3rem;
31
+ --space-8: 4rem;
32
+ --space-12: 6rem;
33
+ --space-16: 8rem;
34
+ --space-20: 10rem;
35
+ --space-24: 12rem;
36
+ --space-32: 16rem;
37
+
38
+ --radius: 0.5rem;
39
+ --radius-lg: 0.75rem;
40
+ --radius-xl: 1rem;
41
+
42
+ /* Typography Scale */
43
+ --text-xs: 0.75rem;
44
+ --text-sm: 0.875rem;
45
+ --text-base: 1rem;
46
+ --text-lg: 1.125rem;
47
+ --text-xl: 1.25rem;
48
+ --text-2xl: 1.5rem;
49
+ --text-3xl: 1.875rem;
50
+ --text-4xl: 2.25rem;
51
+ --text-5xl: 3rem;
52
+ --text-6xl: 3.75rem;
53
+
54
+ /* Luxury Color Palette */
55
+ --gold: #D4AF37;
56
+ --gold-light: #F4E5C2;
57
+ --gold-dark: #B8941F;
58
+ --gold-accent: #FFD700;
59
+ --navy: #0A1628;
60
+ --navy-light: #1A2F4B;
61
+ --navy-medium: #2C4B6B;
62
+ --charcoal: #2C3E50;
63
+ --pearl: #FAFAF8;
64
+ --cream: #FFF8F0;
65
+ --silver: #C0C0C0;
66
+ --success: #2D7D32;
67
+ --success-light: #4CAF50;
68
+ --warning: #F57C00;
69
+ --text-primary: #2C3E50;
70
+ --text-secondary: #5D6D7E;
71
+ --text-light: #707B85;
72
+ --border: #E8E8E8;
73
+ --border-gold: rgba(212, 175, 55, 0.3);
74
+
75
+ /* Gradients */
76
+ --gradient-gold: linear-gradient(135deg, #FFD700 0%, #D4AF37 50%, #B8941F 100%);
77
+ --gradient-navy: linear-gradient(135deg, #0A1628 0%, #1A2F4B 100%);
78
+ --gradient-luxury: linear-gradient(135deg, #F4E5C2 0%, #FFF8F0 50%, #FAFAF8 100%);
79
+ }
80
+
81
+ /* A4 Page Setup */
82
+ @page {
83
+ size: A4;
84
+ margin: 0;
85
+ }
86
+
87
+ body {
88
+ font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;
89
+ font-size: var(--text-base);
90
+ line-height: 1.6;
91
+ color: var(--text-primary);
92
+ background: white;
93
+ margin: 0;
94
+ padding: 0;
95
+ -webkit-print-color-adjust: exact;
96
+ print-color-adjust: exact;
97
+ text-rendering: optimizeLegibility;
98
+ -webkit-font-smoothing: antialiased;
99
+ -moz-osx-font-smoothing: grayscale;
100
+ }
101
+
102
+ /* Typography */
103
+ h1, h2, h3, h4, h5, h6 {
104
+ font-family: 'Playfair Display', 'Georgia', serif;
105
+ font-weight: 700;
106
+ letter-spacing: 0.5px;
107
+ line-height: 1.2;
108
+ margin-bottom: var(--space-3);
109
+ text-shadow: 0 1px 2px rgba(0,0,0,0.05);
110
+ }
111
+
112
+ h1 { font-size: var(--text-6xl); }
113
+ h2 { font-size: var(--text-5xl); }
114
+ h3 { font-size: var(--text-3xl); }
115
+ h4 { font-size: var(--text-2xl); }
116
+ h5 { font-size: var(--text-xl); }
117
+ h6 { font-size: var(--text-lg); }
118
+
119
+ /* A4 Page Container */
120
+ .page {
121
+ width: 210mm;
122
+ min-height: 297mm;
123
+ padding: var(--space-12) var(--space-8);
124
+ margin: 0 auto;
125
+ background: white;
126
+ position: relative;
127
+ page-break-after: always;
128
+ overflow: hidden;
129
+ box-shadow: 0 4px 20px rgba(0,0,0,0.1);
130
+ border-radius: var(--radius);
131
+ }
132
+
133
+ /* Elegant page decorations */
134
+ .page::before {
135
+ content: '';
136
+ position: absolute;
137
+ top: var(--space-4);
138
+ left: var(--space-4);
139
+ right: var(--space-4);
140
+ bottom: var(--space-4);
141
+ border: 1px solid var(--border-gold);
142
+ opacity: 0.6;
143
+ pointer-events: none;
144
+ border-radius: var(--radius);
145
+ }
146
+
147
+ .page::after {
148
+ content: '';
149
+ position: absolute;
150
+ top: var(--space-6);
151
+ left: var(--space-6);
152
+ right: var(--space-6);
153
+ bottom: var(--space-6);
154
+ border: 1px solid var(--gold);
155
+ opacity: 0.3;
156
+ pointer-events: none;
157
+ border-radius: var(--radius);
158
+ }
159
+
160
+ .page-number {
161
+ position: absolute;
162
+ bottom: var(--space-8);
163
+ right: var(--space-8);
164
+ font-size: var(--text-sm);
165
+ color: var(--text-light);
166
+ font-family: 'Inter', Arial, sans-serif;
167
+ }
168
+
169
+ /* Cover Page */
170
+ .cover-page {
171
+ display: flex;
172
+ flex-direction: column;
173
+ justify-content: center;
174
+ align-items: center;
175
+ text-align: center;
176
+ position: relative;
177
+ background: var(--gradient-luxury);
178
+ }
179
+
180
+ .cover-logo {
181
+ width: var(--space-32);
182
+ height: var(--space-32);
183
+ margin-bottom: var(--space-12);
184
+ position: relative;
185
+ }
186
+
187
+ .cover-title {
188
+ font-size: var(--text-6xl);
189
+ color: var(--navy);
190
+ margin-bottom: var(--space-4);
191
+ letter-spacing: 3px;
192
+ line-height: 1.1;
193
+ }
194
+
195
+ .cover-subtitle {
196
+ font-size: var(--text-3xl);
197
+ color: var(--gold);
198
+ margin-bottom: var(--space-16);
199
+ font-weight: 500;
200
+ letter-spacing: 1.5px;
201
+ }
202
+
203
+ .cover-tagline {
204
+ font-size: var(--text-xl);
205
+ color: var(--text-secondary);
206
+ font-style: italic;
207
+ margin-bottom: var(--space-20);
208
+ max-width: 160mm;
209
+ line-height: 1.7;
210
+ font-weight: 400;
211
+ }
212
+
213
+ .cover-contact {
214
+ position: absolute;
215
+ bottom: var(--space-12);
216
+ left: var(--space-8);
217
+ right: var(--space-8);
218
+ display: flex;
219
+ justify-content: space-between;
220
+ font-size: var(--text-sm);
221
+ color: var(--text-secondary);
222
+ font-family: 'Inter', Arial, sans-serif;
223
+ }
224
+
225
+ /* Section Headers */
226
+ .section-header {
227
+ margin-bottom: var(--space-16);
228
+ text-align: center;
229
+ position: relative;
230
+ }
231
+
232
+ .section-number {
233
+ font-size: var(--text-6xl);
234
+ color: var(--gold);
235
+ opacity: 0.15;
236
+ font-weight: 300;
237
+ line-height: 1;
238
+ margin-bottom: calc(var(--space-8) * -1);
239
+ font-family: 'Playfair Display', serif;
240
+ }
241
+
242
+ .section-title {
243
+ font-size: var(--text-5xl);
244
+ color: var(--navy);
245
+ position: relative;
246
+ z-index: 1;
247
+ margin-bottom: var(--space-4);
248
+ line-height: 1.2;
249
+ }
250
+
251
+ .section-subtitle {
252
+ font-size: var(--text-lg);
253
+ color: var(--text-secondary);
254
+ font-weight: 400;
255
+ font-family: 'Inter', Arial, sans-serif;
256
+ font-style: italic;
257
+ }
258
+
259
+ /* Elegant Divider */
260
+ .gold-divider {
261
+ width: var(--space-24);
262
+ height: 2px;
263
+ background: var(--gradient-gold);
264
+ margin: var(--space-12) auto;
265
+ position: relative;
266
+ border-radius: var(--radius);
267
+ }
268
+
269
+ .gold-divider::before,
270
+ .gold-divider::after {
271
+ content: '';
272
+ position: absolute;
273
+ top: -3px;
274
+ width: 8px;
275
+ height: 8px;
276
+ background: var(--gold);
277
+ border-radius: 50%;
278
+ }
279
+
280
+ .gold-divider::before { left: -4px; }
281
+ .gold-divider::after { right: -4px; }
282
+
283
+ /* Content Sections */
284
+ .content-block {
285
+ margin-bottom: var(--space-8);
286
+ }
287
+
288
+ .content-title {
289
+ font-size: var(--text-3xl);
290
+ color: var(--navy);
291
+ margin-bottom: var(--space-6);
292
+ display: flex;
293
+ align-items: center;
294
+ gap: var(--space-4);
295
+ }
296
+
297
+ .gold-accent {
298
+ width: var(--space-6);
299
+ height: 3px;
300
+ background: var(--gradient-gold);
301
+ border-radius: var(--radius);
302
+ }
303
+
304
+ .content-text {
305
+ font-size: var(--text-lg);
306
+ line-height: 1.7;
307
+ color: var(--text-primary);
308
+ text-align: justify;
309
+ margin-bottom: var(--space-6);
310
+ }
311
+
312
+ /* Enhanced Statistics Grid */
313
+ .stats-grid {
314
+ display: grid;
315
+ grid-template-columns: repeat(3, 1fr);
316
+ gap: var(--space-8);
317
+ margin: var(--space-16) 0;
318
+ }
319
+
320
+ .stat-card {
321
+ text-align: center;
322
+ padding: var(--space-12) var(--space-8);
323
+ border: 1px solid var(--border-gold);
324
+ position: relative;
325
+ background: var(--gradient-luxury);
326
+ border-radius: var(--radius-lg);
327
+ overflow: hidden;
328
+ }
329
+
330
+ .stat-card::before {
331
+ content: '';
332
+ position: absolute;
333
+ top: 0;
334
+ left: 0;
335
+ right: 0;
336
+ height: 4px;
337
+ background: var(--gradient-gold);
338
+ }
339
+
340
+ .stat-card::after {
341
+ content: '';
342
+ position: absolute;
343
+ top: var(--space-4);
344
+ left: var(--space-4);
345
+ right: var(--space-4);
346
+ bottom: var(--space-4);
347
+ border: 1px solid var(--border-gold);
348
+ opacity: 0.4;
349
+ border-radius: var(--radius);
350
+ }
351
+
352
+ .stat-value {
353
+ font-size: var(--text-6xl);
354
+ color: var(--gold);
355
+ font-weight: 800;
356
+ margin-bottom: var(--space-3);
357
+ font-family: 'Playfair Display', serif;
358
+ position: relative;
359
+ z-index: 1;
360
+ }
361
+
362
+ .stat-label {
363
+ font-size: var(--text-lg);
364
+ color: var(--text-secondary);
365
+ text-transform: uppercase;
366
+ letter-spacing: 1.5px;
367
+ font-family: 'Inter', Arial, sans-serif;
368
+ font-weight: 600;
369
+ position: relative;
370
+ z-index: 1;
371
+ }
372
+
373
+ .stat-description {
374
+ font-size: var(--text-sm);
375
+ color: var(--text-light);
376
+ margin-top: var(--space-2);
377
+ font-style: italic;
378
+ position: relative;
379
+ z-index: 1;
380
+ }
381
+
382
+ /* Enhanced Features List */
383
+ .luxury-list {
384
+ list-style: none;
385
+ padding: 0;
386
+ }
387
+
388
+ .luxury-list li {
389
+ position: relative;
390
+ padding-left: var(--space-8);
391
+ margin-bottom: var(--space-6);
392
+ font-size: var(--text-lg);
393
+ line-height: 1.6;
394
+ color: var(--text-primary);
395
+ }
396
+
397
+ .luxury-list li::before {
398
+ content: '';
399
+ position: absolute;
400
+ left: 0;
401
+ top: var(--space-2);
402
+ width: var(--space-5);
403
+ height: 2px;
404
+ background: var(--gradient-gold);
405
+ border-radius: var(--radius);
406
+ }
407
+
408
+ .luxury-list li::after {
409
+ content: '●';
410
+ position: absolute;
411
+ left: 0;
412
+ color: var(--gold);
413
+ font-size: var(--text-lg);
414
+ top: -2px;
415
+ }
416
+
417
+ /* Enhanced Service Cards */
418
+ .service-grid {
419
+ display: grid;
420
+ grid-template-columns: repeat(2, 1fr);
421
+ gap: var(--space-8);
422
+ margin: var(--space-16) 0;
423
+ }
424
+
425
+ .service-card {
426
+ padding: var(--space-12);
427
+ border: 1px solid var(--border-gold);
428
+ background: var(--gradient-luxury);
429
+ position: relative;
430
+ border-radius: var(--radius-lg);
431
+ overflow: hidden;
432
+ }
433
+
434
+ .service-card::before {
435
+ content: '';
436
+ position: absolute;
437
+ top: 0;
438
+ left: 0;
439
+ right: 0;
440
+ height: 6px;
441
+ background: var(--gradient-gold);
442
+ }
443
+
444
+ .service-icon {
445
+ width: var(--space-20);
446
+ height: var(--space-20);
447
+ margin-bottom: var(--space-8);
448
+ position: relative;
449
+ }
450
+
451
+ .service-title {
452
+ font-size: var(--text-2xl);
453
+ color: var(--navy);
454
+ margin-bottom: var(--space-4);
455
+ line-height: 1.3;
456
+ }
457
+
458
+ .service-description {
459
+ font-size: var(--text-base);
460
+ color: var(--text-secondary);
461
+ line-height: 1.6;
462
+ }
463
+
464
+ /* Enhanced Process Timeline */
465
+ .timeline {
466
+ position: relative;
467
+ padding: var(--space-16) 0;
468
+ }
469
+
470
+ .timeline::before {
471
+ content: '';
472
+ position: absolute;
473
+ left: var(--space-16);
474
+ top: 0;
475
+ bottom: 0;
476
+ width: 2px;
477
+ background: var(--gradient-gold);
478
+ border-radius: var(--radius);
479
+ }
480
+
481
+ .timeline-item {
482
+ display: flex;
483
+ margin-bottom: var(--space-16);
484
+ position: relative;
485
+ }
486
+
487
+ .timeline-number {
488
+ width: var(--space-32);
489
+ text-align: center;
490
+ flex-shrink: 0;
491
+ }
492
+
493
+ .timeline-circle {
494
+ width: var(--space-20);
495
+ height: var(--space-20);
496
+ background: var(--gradient-gold);
497
+ color: var(--navy);
498
+ border-radius: 50%;
499
+ display: flex;
500
+ align-items: center;
501
+ justify-content: center;
502
+ font-size: var(--text-2xl);
503
+ font-weight: 800;
504
+ margin: 0 auto;
505
+ position: relative;
506
+ z-index: 2;
507
+ border: 4px solid white;
508
+ box-shadow: 0 0 0 2px var(--gold);
509
+ }
510
+
511
+ .timeline-content {
512
+ flex: 1;
513
+ padding-left: var(--space-12);
514
+ }
515
+
516
+ .timeline-title {
517
+ font-size: var(--text-2xl);
518
+ color: var(--navy);
519
+ margin-bottom: var(--space-4);
520
+ }
521
+
522
+ .timeline-description {
523
+ font-size: var(--text-base);
524
+ color: var(--text-secondary);
525
+ line-height: 1.6;
526
+ }
527
+
528
+ /* Enhanced Pricing Table */
529
+ .pricing-table {
530
+ border: 1px solid var(--gold);
531
+ margin: var(--space-16) 0;
532
+ background: white;
533
+ border-radius: var(--radius-lg);
534
+ overflow: hidden;
535
+ }
536
+
537
+ .pricing-header {
538
+ background: var(--gradient-navy);
539
+ color: white;
540
+ padding: var(--space-12);
541
+ text-align: center;
542
+ position: relative;
543
+ }
544
+
545
+ .pricing-header::after {
546
+ content: '';
547
+ position: absolute;
548
+ bottom: 0;
549
+ left: 0;
550
+ right: 0;
551
+ height: 4px;
552
+ background: var(--gradient-gold);
553
+ }
554
+
555
+ .pricing-title {
556
+ font-size: var(--text-4xl);
557
+ margin-bottom: var(--space-4);
558
+ line-height: 1.2;
559
+ }
560
+
561
+ .pricing-value {
562
+ font-size: var(--text-6xl);
563
+ color: var(--gold-accent);
564
+ font-weight: 800;
565
+ font-family: 'Playfair Display', serif;
566
+ }
567
+
568
+ .pricing-commission {
569
+ font-size: var(--text-xl);
570
+ margin-top: var(--space-4);
571
+ opacity: 0.9;
572
+ }
573
+
574
+ .pricing-features {
575
+ padding: var(--space-16);
576
+ }
577
+
578
+ .pricing-category {
579
+ margin-bottom: var(--space-12);
580
+ }
581
+
582
+ .pricing-category-title {
583
+ font-size: var(--text-2xl);
584
+ color: var(--navy);
585
+ margin-bottom: var(--space-6);
586
+ padding-bottom: var(--space-3);
587
+ border-bottom: 1px solid var(--gold);
588
+ position: relative;
589
+ }
590
+
591
+ .pricing-category-title::after {
592
+ content: '';
593
+ position: absolute;
594
+ bottom: -1px;
595
+ left: 0;
596
+ width: var(--space-16);
597
+ height: 2px;
598
+ background: var(--gradient-gold);
599
+ border-radius: var(--radius);
600
+ }
601
+
602
+ /* Enhanced Contact Section */
603
+ .contact-section {
604
+ background: var(--gradient-navy);
605
+ color: white;
606
+ padding: var(--space-20);
607
+ margin: calc(var(--space-12) * -1) calc(var(--space-8) * -1);
608
+ text-align: center;
609
+ position: relative;
610
+ border-radius: var(--radius-lg);
611
+ }
612
+
613
+ .contact-section::before {
614
+ content: '';
615
+ position: absolute;
616
+ top: 0;
617
+ left: 0;
618
+ right: 0;
619
+ height: 6px;
620
+ background: var(--gradient-gold);
621
+ }
622
+
623
+ .contact-title {
624
+ font-size: var(--text-5xl);
625
+ margin-bottom: var(--space-8);
626
+ line-height: 1.2;
627
+ }
628
+
629
+ .contact-subtitle {
630
+ font-size: var(--text-xl);
631
+ margin-bottom: var(--space-16);
632
+ opacity: 0.9;
633
+ line-height: 1.6;
634
+ }
635
+
636
+ .contact-info {
637
+ display: flex;
638
+ justify-content: center;
639
+ gap: var(--space-20);
640
+ font-size: var(--text-xl);
641
+ }
642
+
643
+ .contact-item {
644
+ display: flex;
645
+ flex-direction: column;
646
+ align-items: center;
647
+ gap: var(--space-3);
648
+ }
649
+
650
+ .contact-icon {
651
+ width: var(--space-12);
652
+ height: var(--space-12);
653
+ background: var(--gradient-gold);
654
+ border-radius: 50%;
655
+ display: flex;
656
+ align-items: center;
657
+ justify-content: center;
658
+ font-size: var(--text-xl);
659
+ color: var(--navy);
660
+ font-weight: bold;
661
+ }
662
+
663
+ /* Links */
664
+ a {
665
+ color: var(--gold-dark) !important;
666
+ text-decoration: none;
667
+ transition: color 0.2s ease;
668
+ }
669
+
670
+ a:hover, a:focus {
671
+ color: var(--gold-accent) !important;
672
+ }
673
+
674
+ /* Trust Indicators */
675
+ .trust-bar {
676
+ background: var(--pearl);
677
+ padding: var(--space-8) 0;
678
+ margin: var(--space-12) calc(var(--space-8) * -1);
679
+ border-top: 1px solid var(--border-gold);
680
+ border-bottom: 1px solid var(--border-gold);
681
+ border-radius: var(--radius);
682
+ }
683
+
684
+ .trust-grid {
685
+ display: grid;
686
+ grid-template-columns: repeat(4, 1fr);
687
+ gap: var(--space-6);
688
+ text-align: center;
689
+ }
690
+
691
+ .trust-item {
692
+ padding: var(--space-4);
693
+ }
694
+
695
+ .trust-value {
696
+ font-size: var(--text-4xl);
697
+ color: var(--gold);
698
+ font-weight: 800;
699
+ font-family: 'Playfair Display', serif;
700
+ }
701
+
702
+ .trust-label {
703
+ font-size: var(--text-sm);
704
+ color: var(--text-secondary);
705
+ text-transform: uppercase;
706
+ letter-spacing: 1px;
707
+ margin-top: var(--space-2);
708
+ }
709
+
710
+ /* Technology Features Grid */
711
+ .tech-grid {
712
+ display: grid;
713
+ grid-template-columns: repeat(3, 1fr);
714
+ gap: var(--space-8);
715
+ margin: var(--space-12) 0;
716
+ }
717
+
718
+ .tech-card {
719
+ text-align: center;
720
+ padding: var(--space-8) var(--space-5);
721
+ border: 1px solid var(--border-gold);
722
+ background: var(--gradient-luxury);
723
+ border-radius: var(--radius-lg);
724
+ }
725
+
726
+ .tech-icon {
727
+ width: var(--space-16);
728
+ height: var(--space-16);
729
+ margin: 0 auto var(--space-4);
730
+ background: var(--gradient-gold);
731
+ border-radius: 50%;
732
+ display: flex;
733
+ align-items: center;
734
+ justify-content: center;
735
+ color: var(--navy);
736
+ font-size: var(--text-3xl);
737
+ font-weight: bold;
738
+ }
739
+
740
+ .tech-title {
741
+ font-size: var(--text-xl);
742
+ color: var(--navy);
743
+ font-weight: 600;
744
+ margin-bottom: var(--space-2);
745
+ }
746
+
747
+ .tech-description {
748
+ font-size: var(--text-sm);
749
+ color: var(--text-secondary);
750
+ line-height: 1.5;
751
+ }
752
+
753
+ /* Print Styles */
754
+ @media print {
755
+ body {
756
+ margin: 0;
757
+ padding: 0;
758
+ }
759
+
760
+ .page {
761
+ margin: 0;
762
+ box-shadow: none;
763
+ page-break-after: always;
764
+ border-radius: 0;
765
+ }
766
+
767
+ .page:last-child {
768
+ page-break-after: auto;
769
+ }
770
+ }
771
+
772
+ /* Screen Preview Styles */
773
+ @media screen {
774
+ body {
775
+ background: #e8e8e8;
776
+ padding: var(--space-8) 0;
777
+ }
778
+
779
+ .page {
780
+ box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
781
+ margin-bottom: var(--space-12);
782
+ }
783
+ }
784
+ </style>
785
+ ```
786
+
787
+ </head>
788
+ <body>
789
+ <!-- Page 1: Cover -->
790
+ <div class="page cover-page">
791
+ <div class="cover-logo">
792
+ <svg viewBox="0 0 400 400" style="width: 100%; height: 100%;">
793
+ <defs>
794
+ <linearGradient id="goldGradient" x1="0%" y1="0%" x2="100%" y2="100%">
795
+ <stop offset="0%" style="stop-color:#FFD700;stop-opacity:1" />
796
+ <stop offset="50%" style="stop-color:#D4AF37;stop-opacity:1" />
797
+ <stop offset="100%" style="stop-color:#B8941F;stop-opacity:1" />
798
+ </linearGradient>
799
+ <linearGradient id="navyGradient" x1="0%" y1="0%" x2="100%" y2="100%">
800
+ <stop offset="0%" style="stop-color:#0A1628;stop-opacity:1" />
801
+ <stop offset="100%" style="stop-color:#1A2F4B;stop-opacity:1" />
802
+ </linearGradient>
803
+ </defs>
804
+
805
+ ```
806
+ <rect x="20" y="20" width="360" height="360" fill="none" stroke="url(#goldGradient)" stroke-width="3" rx="8"/>
807
+ <rect x="30" y="30" width="340" height="340" fill="none" stroke="url(#goldGradient)" stroke-width="1" opacity="0.5" rx="6"/>
808
+
809
+ <polygon points="200,60 320,130 320,270 200,340 80,270 80,130"
810
+ fill="none" stroke="url(#goldGradient)" stroke-width="4" opacity="0.8"/>
811
+
812
+ <polygon points="200,80 300,140 300,260 200,320 100,260 100,140"
813
+ fill="none" stroke="url(#goldGradient)" stroke-width="2" opacity="0.6"/>
814
+
815
+ <g transform="translate(200, 200)">
816
+ <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"
817
+ fill="url(#navyGradient)"/>
818
+ <rect x="-12" y="10" width="24" height="30" fill="url(#goldGradient)" rx="2"/>
819
+ <rect x="-35" y="-5" width="15" height="12" fill="url(#goldGradient)" opacity="0.8" rx="2"/>
820
+ <rect x="20" y="-5" width="15" height="12" fill="url(#goldGradient)" opacity="0.8" rx="2"/>
821
+ <path d="M-45 -20 L0 -55 L45 -20" stroke="url(#goldGradient)" stroke-width="3" fill="none"/>
822
+ <circle cx="25" cy="25" r="8" fill="url(#goldGradient)" opacity="0.9"/>
823
+ <text x="25" y="30" text-anchor="middle" fill="#0A1628" font-size="8" font-weight="bold">IA</text>
824
+ </g>
825
+
826
+ <circle cx="50" cy="50" r="8" fill="url(#goldGradient)" opacity="0.3"/>
827
+ <circle cx="350" cy="50" r="8" fill="url(#goldGradient)" opacity="0.3"/>
828
+ <circle cx="50" cy="350" r="8" fill="url(#goldGradient)" opacity="0.3"/>
829
+ <circle cx="350" cy="350" r="8" fill="url(#goldGradient)" opacity="0.3"/>
830
+
831
+ <text x="200" y="280" text-anchor="middle" fill="#0A1628" font-size="32" font-weight="800" font-family="Playfair Display, serif">HOUSEMONEY</text>
832
+ <text x="200" y="300" text-anchor="middle" fill="#D4AF37" font-size="12" font-family="Arial, sans-serif" letter-spacing="4">MADRID</text>
833
+
834
+ <text x="200" y="330" text-anchor="middle" fill="#5D6D7E" font-size="10" font-style="italic">Gestión Premium Automatizada</text>
835
+ </svg>
836
+ </div>
837
+
838
+ <h1 class="cover-title">DOSSIER EJECUTIVO</h1>
839
+ <h2 class="cover-subtitle">Gestión Inteligente de Alquileres Vacacionales</h2>
840
+
841
+ <p class="cover-tagline">
842
+ Transformamos propiedades exclusivas en inversiones extraordinarias mediante
843
+ tecnología de inteligencia artificial, automatización total y servicio de consejería premium
844
+ </p>
845
+
846
+ <div class="gold-divider"></div>
847
+
848
+ <div class="cover-contact">
849
+ <span><a href="mailto:[email protected]">[email protected]</a></span>
850
+ <span>2025 - Confidencial</span>
851
+ <span><a href="https://wa.me/34679794037">+34 679 794 037</a></span>
852
+ </div>
853
+ </div>
854
+
855
+ <!-- Page 2: Executive Summary -->
856
+ <div class="page">
857
+ <div class="section-header">
858
+ <div class="section-number">01</div>
859
+ <h2 class="section-title">Resumen Ejecutivo</h2>
860
+ <p class="section-subtitle">Revolucionando la gestión inmobiliaria con tecnología inteligente</p>
861
+ </div>
862
+
863
+ <div class="content-block">
864
+ <p class="content-text">
865
+ Housemoney representa la evolución definitiva en la gestión de propiedades vacacionales
866
+ de alto standing en Madrid. Nuestro ecosistema tecnológico combina inteligencia artificial,
867
+ automatización completa y servicios de consejería premium para maximizar el rendimiento
868
+ de su inversión inmobiliaria sin comprometer la excelencia operativa.
869
+ </p>
870
+ </div>
871
+
872
+ <div class="trust-bar">
873
+ <div class="trust-grid">
874
+ <div class="trust-item">
875
+ <div class="trust-value">Multi</div>
876
+ <div class="trust-label">Propiedades Activas</div>
877
+ </div>
878
+ <div class="trust-item">
879
+ <div class="trust-value">40+</div>
880
+ <div class="trust-label">Plataformas</div>
881
+ </div>
882
+ <div class="trust-item">
883
+ <div class="trust-value">★★★★★</div>
884
+ <div class="trust-label">Valoración</div>
885
+ </div>
886
+ <div class="trust-item">
887
+ <div class="trust-value">24/7</div>
888
+ <div class="trust-label">Soporte</div>
889
+ </div>
890
+ </div>
891
+ </div>
892
+
893
+ <div class="stats-grid">
894
+ <div class="stat-card">
895
+ <div class="stat-value">MAX</div>
896
+ <div class="stat-label">Incremento de Ingresos</div>
897
+ <div class="stat-description">vs. gestión tradicional</div>
898
+ </div>
899
+ <div class="stat-card">
900
+ <div class="stat-value">ALTA</div>
901
+ <div class="stat-label">Ocupación Media</div>
902
+ <div class="stat-description">anual garantizada</div>
903
+ </div>
904
+ <div class="stat-card">
905
+ <div class="stat-value">EXPRESS</div>
906
+ <div class="stat-label">Activación</div>
907
+ <div class="stat-description">proceso rápido</div>
908
+ </div>
909
+ </div>
910
+
911
+ <div class="content-block">
912
+ <h3 class="content-title">
913
+ <span class="gold-accent"></span>
914
+ Propuesta de Valor Diferencial
915
+ </h3>
916
+ <p class="content-text">
917
+ En un mercado saturado de gestores tradicionales, Housemoney se distingue por su
918
+ enfoque tecnológico integral. Nuestro sistema de inteligencia artificial optimiza
919
+ precios en tiempo real analizando múltiples variables de mercado, mientras que la
920
+ automatización completa del check-in y la gestión 24/7 garantizan una experiencia
921
+ impecable para huéspedes y propietarios.
922
+ </p>
923
+ </div>
924
+
925
+ <div class="content-block">
926
+ <h3 class="content-title">
927
+ <span class="gold-accent"></span>
928
+ Compromiso con la Excelencia
929
+ </h3>
930
+ <ul class="luxury-list">
931
+ <li>Tecnología propietaria de última generación con machine learning avanzado</li>
932
+ <li>Equipo multilingüe especializado disponible las 24 horas del día</li>
933
+ <li>Cumplimiento total de la normativa local aplicable</li>
934
+ <li>Transparencia absoluta con dashboard analytics en tiempo real</li>
935
+ <li>Modelo de negocio alineado: solo ganamos cuando usted gana</li>
936
+ </ul>
937
+ </div>
938
+
939
+ <div class="page-number">2</div>
940
+ </div>
941
+
942
+ <!-- Page 3: Technology & Automation -->
943
+ <div class="page">
944
+ <div class="section-header">
945
+ <div class="section-number">02</div>
946
+ <h2 class="section-title">Ecosistema Tecnológico</h2>
947
+ <p class="section-subtitle">Automatización inteligente para máximo rendimiento</p>
948
+ </div>
949
+
950
+ <div class="tech-grid">
951
+ <div class="tech-card">
952
+ <div class="tech-icon">
953
+ <svg viewBox="0 0 80 80" style="width: 100%; height: 100%;">
954
+ <circle cx="40" cy="40" r="35" fill="none" stroke="currentColor" stroke-width="2" opacity="0.3"/>
955
+ <circle cx="40" cy="40" r="25" fill="none" stroke="currentColor" stroke-width="3" opacity="0.5"/>
956
+
957
+ <circle cx="25" cy="25" r="4" fill="currentColor"/>
958
+ <circle cx="55" cy="25" r="4" fill="currentColor"/>
959
+ <circle cx="25" cy="55" r="4" fill="currentColor"/>
960
+ <circle cx="55" cy="55" r="4" fill="currentColor"/>
961
+ <circle cx="40" cy="40" r="6" fill="currentColor"/>
962
+
963
+ <line x1="25" y1="25" x2="40" y2="40" stroke="currentColor" stroke-width="1" opacity="0.6"/>
964
+ <line x1="55" y1="25" x2="40" y2="40" stroke="currentColor" stroke-width="1" opacity="0.6"/>
965
+ <line x1="25" y1="55" x2="40" y2="40" stroke="currentColor" stroke-width="1" opacity="0.6"/>
966
+ <line x1="55" y1="55" x2="40" y2="40" stroke="currentColor" stroke-width="1" opacity="0.6"/>
967
+ </svg>
968
+ </div>
969
+ <h4 class="tech-title">Inteligencia Artificial</h4>
970
+ <p class="tech-description">Optimización de precios con análisis predictivo avanzado</p>
971
+ </div>
972
+ <div class="tech-card">
973
+ <div class="tech-icon">
974
+ <svg viewBox="0 0 80 80" style="width: 100%; height: 100%;">
975
+ <rect x="20" y="30" width="40" height="30" rx="4" fill="none" stroke="currentColor" stroke-width="2"/>
976
+ <circle cx="40" cy="45" r="8" fill="none" stroke="currentColor" stroke-width="2"/>
977
+ <path d="M32 45 L32 35 A8 8 0 0 1 48 35 L48 45" fill="none" stroke="currentColor" stroke-width="2"/>
978
+ <circle cx="40" cy="50" r="2" fill="currentColor"/>
979
+
980
+ <rect x="30" y="20" width="20" height="6" rx="2" fill="currentColor" opacity="0.3"/>
981
+ </svg>
982
+ </div>
983
+ <h4 class="tech-title">Acceso Inteligente</h4>
984
+ <p class="tech-description">Cerraduras premium con códigos temporales únicos</p>
985
+ </div>
986
+ <div class="tech-card">
987
+ <div class="tech-icon">
988
+ <svg viewBox="0 0 80 80" style="width: 100%; height: 100%;">
989
+ <rect x="25" y="15" width="30" height="50" rx="6" fill="none" stroke="currentColor" stroke-width="2"/>
990
+ <rect x="30" y="20" width="20" height="30" rx="2" fill="currentColor" opacity="0.2"/>
991
+ <circle cx="40" cy="58" r="3" fill="currentColor"/>
992
+
993
+ <path d="M15 30 Q20 25 25 30" stroke="currentColor" stroke-width="2" fill="none" opacity="0.5"/>
994
+ <path d="M55 30 Q60 25 65 30" stroke="currentColor" stroke-width="2" fill="none" opacity="0.5"/>
995
+ </svg>
996
+ </div>
997
+ <h4 class="tech-title">Control Remoto</h4>
998
+ <p class="tech-description">Gestión completa desde dispositivos móviles</p>
999
+ </div>
1000
+ <div class="tech-card">
1001
+ <div class="tech-icon">
1002
+ <svg viewBox="0 0 80 80" style="width: 100%; height: 100%;">
1003
+ <rect x="15" y="15" width="50" height="40" rx="2" fill="none" stroke="currentColor" stroke-width="2"/>
1004
+ <polyline points="20,45 30,35 40,40 50,25 60,30" stroke="currentColor" stroke-width="2" fill="none"/>
1005
+ <circle cx="20" cy="45" r="2" fill="currentColor"/>
1006
+ <circle cx="30" cy="35" r="2" fill="currentColor"/>
1007
+ <circle cx="40" cy="40" r="2" fill="currentColor"/>
1008
+ <circle cx="50" cy="25" r="2" fill="currentColor"/>
1009
+ <circle cx="60" cy="30" r="2" fill="currentColor"/>
1010
+ </svg>
1011
+ </div>
1012
+ <h4 class="tech-title">Analytics Avanzado</h4>
1013
+ <p class="tech-description">Dashboard con métricas en tiempo real</p>
1014
+ </div>
1015
+ <div class="tech-card">
1016
+ <div class="tech-icon">
1017
+ <svg viewBox="0 0 80 80" style="width: 100%; height: 100%;">
1018
+ <circle cx="40" cy="40" r="8" fill="currentColor"/>
1019
+ <circle cx="20" cy="20" r="6" fill="none" stroke="currentColor" stroke-width="2"/>
1020
+ <circle cx="60" cy="20" r="6" fill="none" stroke="currentColor" stroke-width="2"/>
1021
+ <circle cx="20" cy="60" r="6" fill="none" stroke="currentColor" stroke-width="2"/>
1022
+ <circle cx="60" cy="60" r="6" fill="none" stroke="currentColor" stroke-width="2"/>
1023
+
1024
+ <line x1="25" y1="25" x2="35" y2="35" stroke="currentColor" stroke-width="1"/>
1025
+ <line x1="55" y1="25" x2="45" y2="35" stroke="currentColor" stroke-width="1"/>
1026
+ <line x1="25" y1="55" x2="35" y2="45" stroke="currentColor" stroke-width="1"/>
1027
+ <line x1="55" y1="55" x2="45" y2="45" stroke="currentColor" stroke-width="1"/>
1028
+ </svg>
1029
+ </div>
1030
+ <h4 class="tech-title">Multi-Plataforma</h4>
1031
+ <p class="tech-description">Sincronización con múltiples canales</p>
1032
+ </div>
1033
+ <div class="tech-card">
1034
+ <div class="tech-icon">
1035
+ <svg viewBox="0 0 80 80" style="width: 100%; height: 100%;">
1036
+ <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"
1037
+ fill="none" stroke="currentColor" stroke-width="2"/>
1038
+ <circle cx="30" cy="32" r="2" fill="currentColor"/>
1039
+ <circle cx="40" cy="32" r="2" fill="currentColor"/>
1040
+ <circle cx="50" cy="32" r="2" fill="currentColor"/>
1041
+ </svg>
1042
+ </div>
1043
+ <h4 class="tech-title">Comunicación</h4>
1044
+ <p class="tech-description">Respuestas automáticas multiidioma</p>
1045
+ </div>
1046
+ </div>
1047
+
1048
+ <div class="service-grid">
1049
+ <div class="service-card">
1050
+ <div class="service-icon">
1051
+ <svg viewBox="0 0 200 200" style="width: 100%; height: 100%;">
1052
+ <circle cx="100" cy="100" r="90" fill="none" stroke="#D4AF37" stroke-width="2" opacity="0.3"/>
1053
+ <circle cx="100" cy="100" r="70" fill="none" stroke="#D4AF37" stroke-width="3" opacity="0.5"/>
1054
+
1055
+ <g>
1056
+ <circle cx="60" cy="60" r="8" fill="#D4AF37"/>
1057
+ <circle cx="140" cy="60" r="8" fill="#D4AF37"/>
1058
+ <circle cx="60" cy="140" r="8" fill="#D4AF37"/>
1059
+ <circle cx="140" cy="140" r="8" fill="#D4AF37"/>
1060
+ <circle cx="100" cy="100" r="12" fill="#0A1628"/>
1061
+
1062
+ <line x1="60" y1="60" x2="100" y2="100" stroke="#D4AF37" stroke-width="2" opacity="0.6"/>
1063
+ <line x1="140" y1="60" x2="100" y2="100" stroke="#D4AF37" stroke-width="2" opacity="0.6"/>
1064
+ <line x1="60" y1="140" x2="100" y2="100" stroke="#D4AF37" stroke-width="2" opacity="0.6"/>
1065
+ <line x1="140" y1="140" x2="100" y2="100" stroke="#D4AF37" stroke-width="2" opacity="0.6"/>
1066
+ </g>
1067
+
1068
+ <text x="100" y="105" text-anchor="middle" fill="white" font-size="16" font-weight="bold">IA</text>
1069
+
1070
+ <path d="M20 100 Q40 80 60 60" stroke="#FFD700" stroke-width="2" fill="none" opacity="0.8"/>
1071
+ <path d="M180 100 Q160 80 140 60" stroke="#FFD700" stroke-width="2" fill="none" opacity="0.8"/>
1072
+ </svg>
1073
+ </div>
1074
+ <h3 class="service-title">Inteligencia Artificial Avanzada</h3>
1075
+ <p class="service-description">
1076
+ Sistema neuronal que procesa datos de mercado, eventos locales, competencia y
1077
+ comportamiento de usuarios para optimizar precios automáticamente. Incremento
1078
+ significativo en ingresos mediante machine learning predictivo y análisis
1079
+ de patrones de demanda en tiempo real.
1080
+ </p>
1081
+ </div>
1082
+
1083
+ <div class="service-card">
1084
+ <div class="service-icon">
1085
+ <svg viewBox="0 0 200 200" style="width: 100%; height: 100%;">
1086
+ <rect x="20" y="40" width="60" height="35" rx="4" fill="#0A1628" opacity="0.1"/>
1087
+ <rect x="30" y="50" width="40" height="20" rx="3" fill="#D4AF37" opacity="0.2"/>
1088
+
1089
+ <circle cx="50" cy="60" r="8" fill="none" stroke="#D4AF37" stroke-width="2"/>
1090
+ <path d="M42 60 L42 52 A8 8 0 0 1 58 52 L58 60"
1091
+ fill="none" stroke="#D4AF37" stroke-width="2"/>
1092
+ <circle cx="50" cy="63" r="2" fill="#0A1628"/>
1093
+
1094
+ <rect x="35" y="35" width="30" height="8" rx="2" fill="#0A1628"/>
1095
+ <text x="50" y="41" text-anchor="middle" fill="#FFD700" font-size="4">****</text>
1096
+
1097
+ <g transform="translate(90, 40)">
1098
+ <path d="M0 8 Q4 4 8 8" stroke="#D4AF37" stroke-width="1" fill="none" opacity="0.4"/>
1099
+ <path d="M-2 10 Q4 2 10 10" stroke="#D4AF37" stroke-width="1" fill="none" opacity="0.6"/>
1100
+ <path d="M-4 12 Q4 0 12 12" stroke="#D4AF37" stroke-width="1" fill="none" opacity="0.8"/>
1101
+ </g>
1102
+
1103
+ <rect x="150" y="120" width="30" height="50" rx="6" fill="#0A1628"/>
1104
+ <rect x="155" y="125" width="20" height="40" rx="4" fill="#D4AF37" opacity="0.3"/>
1105
+ <circle cx="165" cy="160" r="3" fill="#FFD700"/>
1106
+ </svg>
1107
+ </div>
1108
+ <h3 class="service-title">Sistema de Acceso Premium</h3>
1109
+ <p class="service-description">
1110
+ Cerraduras inteligentes de última generación instaladas tanto en portal como
1111
+ en la vivienda. Códigos únicos temporales, funcionamiento silencioso y discreto,
1112
+ control remoto total. Instalación profesional valorada en 400€ completamente incluida.
1113
+ </p>
1114
+ </div>
1115
+
1116
+ <div class="service-card">
1117
+ <div class="service-icon">
1118
+ <svg viewBox="0 0 200 200" style="width: 100%; height: 100%;">
1119
+ <rect x="20" y="40" width="60" height="35" rx="4" fill="#0A1628" opacity="0.1"/>
1120
+ <circle cx="50" cy="57" r="15" fill="none" stroke="#D4AF37" stroke-width="2"/>
1121
+ <circle cx="50" cy="57" r="10" fill="#D4AF37" opacity="0.2"/>
1122
+ <circle cx="50" cy="57" r="6" fill="#0A1628"/>
1123
+
1124
+ <path d="M44 51 Q50 47 56 51" fill="white" opacity="0.3"/>
1125
+ <circle cx="65" cy="47" r="2" fill="#FFD700"/>
1126
+
1127
+ <rect x="35" y="35" width="8" height="5" rx="2" fill="#D4AF37" opacity="0.5"/>
1128
+
1129
+ <g transform="translate(10, 10)">
1130
+ <rect x="0" y="0" width="20" height="15" fill="white" stroke="#D4AF37" stroke-width="1" rx="1"/>
1131
+ <rect x="2" y="2" width="16" height="11" fill="#F4E5C2" rx="1"/>
1132
+ </g>
1133
+
1134
+ <g transform="translate(70, 15)">
1135
+ <rect x="0" y="0" width="20" height="15" fill="white" stroke="#D4AF37" stroke-width="1" rx="1"/>
1136
+ <rect x="2" y="2" width="16" height="11" fill="#F4E5C2" rx="1"/>
1137
+ </g>
1138
+
1139
+ <text x="50" y="88" text-anchor="middle" fill="#D4AF37" font-size="7" font-weight="bold">360°</text>
1140
+ </svg>
1141
+ </div>
1142
+ <h3 class="service-title">Marketing Visual Premium</h3>
1143
+ <p class="service-description">
1144
+ Sesión fotográfica profesional con equipo de alta definición. Más de 50 imágenes
1145
+ optimizadas, tour virtual 360° interactivo y staging digital. Posicionamiento
1146
+ premium en todas las plataformas con técnicas SEO avanzadas.
1147
+ </p>
1148
+ </div>
1149
+
1150
+ <div class="service-card">
1151
+ <div class="service-icon">
1152
+ <svg viewBox="0 0 200 200" style="width: 100%; height: 100%;">
1153
+ <circle cx="100" cy="100" r="80" fill="#0A1628" opacity="0.1"/>
1154
+ <circle cx="100" cy="100" r="60" fill="none" stroke="#D4AF37" stroke-width="4"/>
1155
+
1156
+ <g transform="translate(100, 100)">
1157
+ <line x1="0" y1="-50" x2="0" y2="-45" stroke="#0A1628" stroke-width="3" transform="rotate(0)"/>
1158
+ <line x1="0" y1="-50" x2="0" y2="-45" stroke="#0A1628" stroke-width="2" transform="rotate(30)"/>
1159
+ <line x1="0" y1="-50" x2="0" y2="-45" stroke="#0A1628" stroke-width="2" transform="rotate(60)"/>
1160
+ <line x1="0" y1="-50" x2="0" y2="-45" stroke="#0A1628" stroke-width="3" transform="rotate(90)"/>
1161
+ <line x1="0" y1="-50" x2="0" y2="-45" stroke="#0A1628" stroke-width="2" transform="rotate(120)"/>
1162
+ <line x1="0" y1="-50" x2="0" y2="-45" stroke="#0A1628" stroke-width="2" transform="rotate(150)"/>
1163
+ <line x1="0" y1="-50" x2="0" y2="-45" stroke="#0A1628" stroke-width="3" transform="rotate(180)"/>
1164
+ <line x1="0" y1="-50" x2="0" y2="-45" stroke="#0A1628" stroke-width="2" transform="rotate(210)"/>
1165
+ <line x1="0" y1="-50" x2="0" y2="-45" stroke="#0A1628" stroke-width="2" transform="rotate(240)"/>
1166
+ <line x1="0" y1="-50" x2="0" y2="-45" stroke="#0A1628" stroke-width="3" transform="rotate(270)"/>
1167
+ <line x1="0" y1="-50" x2="0" y2="-45" stroke="#0A1628" stroke-width="2" transform="rotate(300)"/>
1168
+ <line x1="0" y1="-50" x2="0" y2="-45" stroke="#0A1628" stroke-width="2" transform="rotate(330)"/>
1169
+
1170
+ <line x1="0" y1="0" x2="0" y2="-30" stroke="#D4AF37" stroke-width="4" stroke-linecap="round"/>
1171
+ <line x1="0" y1="0" x2="20" y2="0" stroke="#D4AF37" stroke-width="3" stroke-linecap="round"/>
1172
+ <circle cx="0" cy="0" r="5" fill="#D4AF37"/>
1173
+ </g>
1174
+
1175
+ <text x="100" y="190" text-anchor="middle" fill="#D4AF37" font-size="16" font-weight="bold">24/7</text>
1176
+
1177
+ <rect x="40" y="40" width="8" height="8" fill="#10b981" rx="2"/>
1178
+ <rect x="152" y="40" width="8" height="8" fill="#f59e0b" rx="2"/>
1179
+ <rect x="40" y="152" width="8" height="8" fill="#7c3aed" rx="2"/>
1180
+ <rect x="152" y="152" width="8" height="8" fill="#ef4444" rx="2"/>
1181
+ </svg>
1182
+ </div>
1183
+ <h3 class="service-title">Conserjería Digital 24/7</h3>
1184
+ <p class="service-description">
1185
+ Equipo especializado multiidioma disponible las 24 horas. Limpieza premium con
1186
+ estándares de hotel 5 estrellas, mantenimiento preventivo mensual y resolución
1187
+ de emergencias en menos de 4 horas garantizado.
1188
+ </p>
1189
+ </div>
1190
+ </div>
1191
+
1192
+ <div class="page-number">3</div>
1193
+ </div>
1194
+
1195
+ <!-- Page 4: Guest Journey Flow -->
1196
+ <div class="page">
1197
+ <div class="section-header">
1198
+ <div class="section-number">03</div>
1199
+ <h2 class="section-title">Experiencia del Huésped</h2>
1200
+ <p class="section-subtitle">Automatización completa de principio a fin</p>
1201
+ </div>
1202
+
1203
+ <div class="timeline">
1204
+ <div class="timeline-item">
1205
+ <div class="timeline-number">
1206
+ <div class="timeline-circle">
1207
+ <svg viewBox="0 0 40 40" style="width: 30px; height: 30px;">
1208
+ <path d="M20 5 L35 12 L35 28 L20 35 L5 28 L5 12 Z" fill="currentColor"/>
1209
+ <circle cx="20" cy="20" r="6" fill="white"/>
1210
+ <text x="20" y="24" text-anchor="middle" fill="currentColor" font-size="8">AI</text>
1211
+ </svg>
1212
+ </div>
1213
+ </div>
1214
+ <div class="timeline-content">
1215
+ <h3 class="timeline-title">Contacto e Inteligencia Artificial</h3>
1216
+ <p class="timeline-description">
1217
+ El huésped contacta a través de cualquier plataforma. Nuestro sistema de IA responde
1218
+ automáticamente en tiempo real, ajustando precios dinámicamente según demanda,
1219
+ eventos locales y perfil del cliente hasta conseguir la reserva confirmada.
1220
+ </p>
1221
+ </div>
1222
+ </div>
1223
+
1224
+ <div class="timeline-item">
1225
+ <div class="timeline-number">
1226
+ <div class="timeline-circle">
1227
+ <svg viewBox="0 0 40 40" style="width: 30px; height: 30px;">
1228
+ <rect x="10" y="8" width="20" height="28" rx="4" fill="currentColor"/>
1229
+ <rect x="12" y="10" width="16" height="20" rx="2" fill="white"/>
1230
+ <circle cx="20" cy="34" r="2" fill="white"/>
1231
+ <path d="M15 15 L18 18 L25 11" stroke="currentColor" stroke-width="2" fill="none"/>
1232
+ </svg>
1233
+ </div>
1234
+ </div>
1235
+ <div class="timeline-content">
1236
+ <h3 class="timeline-title">Instrucciones Pre-Llegada</h3>
1237
+ <p class="timeline-description">
1238
+ 24 horas antes del check-in, el sistema envía automáticamente por WhatsApp todas
1239
+ las instrucciones detalladas: dirección exacta, códigos de acceso, mapa de ubicación
1240
+ y información útil del barrio. Todo personalizado y en el idioma del huésped.
1241
+ </p>
1242
+ </div>
1243
+ </div>
1244
+
1245
+ <div class="timeline-item">
1246
+ <div class="timeline-number">
1247
+ <div class="timeline-circle">
1248
+ <svg viewBox="0 0 40 40" style="width: 30px; height: 30px;">
1249
+ <rect x="8" y="15" width="24" height="18" rx="2" fill="currentColor"/>
1250
+ <path d="M12 15 L12 10 A8 8 0 0 1 28 10 L28 15" stroke="currentColor" stroke-width="3" fill="none"/>
1251
+ <circle cx="20" cy="25" r="3" fill="white"/>
1252
+ <text x="20" y="38" text-anchor="middle" fill="currentColor" font-size="6">SMART</text>
1253
+ </svg>
1254
+ </div>
1255
+ </div>
1256
+ <div class="timeline-content">
1257
+ <h3 class="timeline-title">Acceso Automatizado</h3>
1258
+ <p class="timeline-description">
1259
+ Al llegar, el huésped accede al portal principal con el código enviado. Una vez arriba,
1260
+ la cerradura inteligente del apartamento se abre automáticamente con el mismo código.
1261
+ Sin llaves, sin esperas, sin contacto humano necesario.
1262
+ </p>
1263
+ </div>
1264
+ </div>
1265
+
1266
+ <div class="timeline-item">
1267
+ <div class="timeline-number">
1268
+ <div class="timeline-circle">
1269
+ <svg viewBox="0 0 40 40" style="width: 30px; height: 30px;">
1270
+ <circle cx="20" cy="20" r="18" fill="currentColor"/>
1271
+ <text x="20" y="16" text-anchor="middle" fill="white" font-size="8" font-weight="bold">24</text>
1272
+ <text x="20" y="26" text-anchor="middle" fill="white" font-size="8" font-weight="bold">7</text>
1273
+ <path d="M20 5 L22 8 L20 11 L18 8 Z" fill="white"/>
1274
+ </svg>
1275
+ </div>
1276
+ </div>
1277
+ <div class="timeline-content">
1278
+ <h3 class="timeline-title">Soporte Durante la Estancia</h3>
1279
+ <p class="timeline-description">
1280
+ Durante toda su estancia, el huésped tiene acceso a nuestro servicio 24/7 multiidioma.
1281
+ Cualquier duda, necesidad o emergencia se resuelve inmediatamente a través de WhatsApp
1282
+ o llamada directa con tiempo de respuesta garantizado.
1283
+ </p>
1284
+ </div>
1285
+ </div>
1286
+
1287
+ <div class="timeline-item">
1288
+ <div class="timeline-number">
1289
+ <div class="timeline-circle">
1290
+ <svg viewBox="0 0 40 40" style="width: 30px; height: 30px;">
1291
+ <path d="M5 20 L15 10 L25 20 L35 10" stroke="currentColor" stroke-width="3" fill="none"/>
1292
+ <circle cx="8" cy="23" r="3" fill="currentColor"/>
1293
+ <circle cx="18" cy="13" r="3" fill="currentColor"/>
1294
+ <circle cx="28" cy="23" r="3" fill="currentColor"/>
1295
+ <path d="M15 30 Q20 25 25 30" stroke="currentColor" stroke-width="2" fill="none"/>
1296
+ </svg>
1297
+ </div>
1298
+ </div>
1299
+ <div class="timeline-content">
1300
+ <h3 class="timeline-title">Check-out y Gestión Post-Estancia</h3>
1301
+ <p class="timeline-description">
1302
+ Al finalizar la estancia, el sistema coordina automáticamente la limpieza profesional.
1303
+ Si la IA predice una alta probabilidad de reseña positiva, solicita automáticamente
1304
+ la valoración al huésped para maximizar la reputación de la propiedad.
1305
+ </p>
1306
+ </div>
1307
+ </div>
1308
+ </div>
1309
+
1310
+ <div class="content-block">
1311
+ <h3 class="content-title">
1312
+ <span class="gold-accent"></span>
1313
+ Automatización Total Sin Intervención
1314
+ </h3>
1315
+ <p class="content-text">
1316
+ Todo el proceso funciona de manera completamente autónoma. El propietario no necesita
1317
+ intervenir en ningún momento: desde la primera consulta hasta la limpieza final,
1318
+ nuestro sistema gestiona cada paso optimizando la experiencia del huésped y
1319
+ maximizando los ingresos de la propiedad.
1320
+ </p>
1321
+ </div>
1322
+
1323
+ <div class="page-number">4</div>
1324
+ </div>
1325
+
1326
+ <!-- Page 5: Service Benefits -->
1327
+ <div class="page">
1328
+ <div class="section-header">
1329
+ <div class="section-number">04</div>
1330
+ <h2 class="section-title">Beneficios del Servicio</h2>
1331
+ <p class="section-subtitle">Ventajas competitivas de nuestro sistema</p>
1332
+ </div>
1333
+
1334
+ <div class="stats-grid">
1335
+ <div class="stat-card">
1336
+ <div class="stat-value">IA</div>
1337
+ <div class="stat-label">Precios Dinámicos</div>
1338
+ <div class="stat-description">optimización continua</div>
1339
+ </div>
1340
+ <div class="stat-card">
1341
+ <div class="stat-value">24/7</div>
1342
+ <div class="stat-label">Soporte Activo</div>
1343
+ <div class="stat-description">multiidioma disponible</div>
1344
+ </div>
1345
+ <div class="stat-card">
1346
+ <div class="stat-value">100%</div>
1347
+ <div class="stat-label">Automatización</div>
1348
+ <div class="stat-description">sin intervención manual</div>
1349
+ </div>
1350
+ </div>
1351
+
1352
+ <div class="content-block">
1353
+ <h3 class="content-title">
1354
+ <span class="gold-accent"></span>
1355
+ Ventajas Competitivas
1356
+ </h3>
1357
+ <p class="content-text">
1358
+ Nuestro sistema se distingue por la integración completa de tecnologías avanzadas
1359
+ que trabajan en sincronía para optimizar cada aspecto de la gestión. La combinación
1360
+ de inteligencia artificial, automatización total y servicio premium crea una
1361
+ experiencia superior tanto para propietarios como para huéspedes.
1362
+ </p>
1363
+ </div>
1364
+
1365
+ <div class="service-grid">
1366
+ <div class="service-card">
1367
+ <h3 class="service-title">Tecnología Avanzada</h3>
1368
+ <p class="service-description">
1369
+ <strong>Sistema de IA Propietario</strong><br>
1370
+ • Análisis predictivo de demanda<br>
1371
+ • Optimización automática de precios<br>
1372
+ • Comunicación inteligente multiidioma<br>
1373
+ • Detección de patrones de comportamiento<br>
1374
+ • Máxima eficiencia operativa
1375
+ </p>
1376
+ </div>
1377
+
1378
+ <div class="service-card">
1379
+ <h3 class="service-title">Automatización Completa</h3>
1380
+ <p class="service-description">
1381
+ <strong>Cero Intervención Manual</strong><br>
1382
+ • Check-in/out completamente digital<br>
1383
+ • Gestión automática de reservas<br>
1384
+ • Coordinación de limpieza integrada<br>
1385
+ • Mantenimiento preventivo programado<br>
1386
+ • Operación 365 días al año
1387
+ </p>
1388
+ </div>
1389
+
1390
+ <div class="service-card">
1391
+ <h3 class="service-title">Servicio Premium</h3>
1392
+ <p class="service-description">
1393
+ <strong>Atención Especializada</strong><br>
1394
+ • Equipo multiidioma disponible 24/7<br>
1395
+ • Resolución inmediata de incidencias<br>
1396
+ • Limpieza con estándares hoteleros<br>
1397
+ • Monitorización continua de calidad<br>
1398
+ • Experiencia cinco estrellas garantizada
1399
+ </p>
1400
+ </div>
1401
+
1402
+ <div class="service-card">
1403
+ <h3 class="service-title">Escalabilidad Global</h3>
1404
+ <p class="service-description">
1405
+ <strong>Infraestructura Robusta</strong><br>
1406
+ • Sincronización con múltiples plataformas<br>
1407
+ • Adaptación a mercados internacionales<br>
1408
+ • Gestión de picos de demanda<br>
1409
+ • Integración con sistemas locales<br>
1410
+ • Expansión sin límites técnicos
1411
+ </p>
1412
+ </div>
1413
+ </div>
1414
+
1415
+ <div class="content-block">
1416
+ <h3 class="content-title">
1417
+ <span class="gold-accent"></span>
1418
+ Propuesta de Valor Integral
1419
+ </h3>
1420
+ <p class="content-text">
1421
+ La combinación de nuestra tecnología propietaria con un servicio de atención premium
1422
+ crea un ecosistema único en el mercado. Los propietarios obtienen la tranquilidad
1423
+ de una gestión completamente automatizada mientras mantienen el control total
1424
+ sobre su inversión a través de nuestro dashboard analítico en tiempo real.
1425
+ </p>
1426
+ </div>
1427
+
1428
+ <div class="page-number">5</div>
1429
+ </div>
1430
+
1431
+ <!-- Page 6: Investment & Pricing -->
1432
+ <div class="page">
1433
+ <div class="section-header">
1434
+ <div class="section-number">05</div>
1435
+ <h2 class="section-title">Estructura de Inversión</h2>
1436
+ <p class="section-subtitle">Transparencia total, rentabilidad garantizada</p>
1437
+ </div>
1438
+
1439
+ <div class="pricing-table">
1440
+ <div class="pricing-header">
1441
+ <h3 class="pricing-title">Plan Premium Todo Incluido</h3>
1442
+ <div class="pricing-value">0€/mes</div>
1443
+ <p class="pricing-commission">Únicamente 15% de comisión sobre reservas confirmadas</p>
1444
+ </div>
1445
+
1446
+ <div class="pricing-features">
1447
+ <div class="pricing-category">
1448
+ <h4 class="pricing-category-title">Ecosistema Tecnológico Avanzado</h4>
1449
+ <ul class="luxury-list">
1450
+ <li>Cerraduras inteligentes premium - Portal y vivienda (valor 400€)</li>
1451
+ <li>Sistema de check-in/out automatizado 24/7 con códigos únicos</li>
1452
+ <li>Sincronización instantánea con múltiples plataformas globales</li>
1453
+ <li>Dashboard analytics premium con métricas en tiempo real</li>
1454
+ </ul>
1455
+ </div>
1456
+
1457
+ <div class="pricing-category">
1458
+ <h4 class="pricing-category-title">Inteligencia Artificial Propietaria</h4>
1459
+ <ul class="luxury-list">
1460
+ <li>Motor de precios dinámicos - Múltiples ajustes diarios</li>
1461
+ <li>Análisis predictivo de demanda con alta precisión</li>
1462
+ <li>Machine learning para optimización continua de listings</li>
1463
+ <li>Comunicación automatizada multiidioma</li>
1464
+ </ul>
1465
+ </div>
1466
+
1467
+ <div class="pricing-category">
1468
+ <h4 class="pricing-category-title">Marketing y Posicionamiento Premium</h4>
1469
+ <ul class="luxury-list">
1470
+ <li>Sesión fotográfica profesional completa (50+ imágenes HD)</li>
1471
+ <li>Tour virtual 360° interactivo de alta definición</li>
1472
+ <li>Optimización SEO multiidioma avanzada</li>
1473
+ <li>Gestión profesional de reputación online</li>
1474
+ </ul>
1475
+ </div>
1476
+
1477
+ <div class="pricing-category">
1478
+ <h4 class="pricing-category-title">Servicios de Conserjería 24/7</h4>
1479
+ <ul class="luxury-list">
1480
+ <li>Atención especializada 24/7 en múltiples idiomas</li>
1481
+ <li>Limpieza premium con estándares de hotel 5 estrellas</li>
1482
+ <li>Mantenimiento preventivo mensual programado</li>
1483
+ <li>Gestión completa de incidencias y emergencias</li>
1484
+ </ul>
1485
+ </div>
1486
+ </div>
1487
+ </div>
1488
+
1489
+ <div class="content-block">
1490
+ <h3 class="content-title">
1491
+ <span class="gold-accent"></span>
1492
+ Qué Incluye Nuestro Servicio Premium
1493
+ </h3>
1494
+ <p class="content-text">
1495
+ Su inversión del 15% incluye la gestión completa y automatizada de su propiedad.
1496
+ No existen costes ocultos: fotografía profesional, instalación de tecnología,
1497
+ limpieza premium, soporte 24/7, optimización con IA y toda la infraestructura
1498
+ tecnológica está incluida en nuestra comisión sobre reservas confirmadas.
1499
+ </p>
1500
+ </div>
1501
+
1502
+ <div class="content-block">
1503
+ <h3 class="content-title">
1504
+ <span class="gold-accent"></span>
1505
+ Modelo de Negocio Alineado
1506
+ </h3>
1507
+ <p class="content-text">
1508
+ En Housemoney nuestro éxito está directamente vinculado al suyo. No cobramos cuotas
1509
+ mensuales, gastos de activación ni permanencias. Solo ganamos cuando usted gana, con
1510
+ una comisión del 15% únicamente sobre reservas confirmadas y completadas. Este modelo
1511
+ garantiza que toda nuestra energía esté enfocada en maximizar sus ingresos.
1512
+ </p>
1513
+ </div>
1514
+
1515
+ <div class="page-number">6</div>
1516
+ </div>
1517
+
1518
+ <!-- Page 7: Contact & Next Steps -->
1519
+ <div class="page">
1520
+ <div class="section-header">
1521
+ <div class="section-number">06</div>
1522
+ <h2 class="section-title">Siguientes Pasos</h2>
1523
+ <p class="section-subtitle">Inicie su transformación inmobiliaria hoy mismo</p>
1524
+ </div>
1525
+
1526
+ <div class="content-block">
1527
+ <h3 class="content-title">
1528
+ <span class="gold-accent"></span>
1529
+ Proceso de Evaluación Inmediata
1530
+ </h3>
1531
+ <p class="content-text">
1532
+ Nuestro equipo de consultores especializados está preparado para realizar una
1533
+ evaluación completa de su propiedad en las próximas 24 horas. Utilizando nuestros
1534
+ algoritmos propietarios, calcularemos el potencial exacto de ingresos de su inversión
1535
+ y diseñaremos una estrategia personalizada de maximización de rentabilidad.
1536
+ </p>
1537
+ </div>
1538
+
1539
+ <div class="service-grid">
1540
+ <div class="service-card">
1541
+ <h3 class="service-title">Auditoría Gratuita Express</h3>
1542
+ <p class="service-description">
1543
+ <strong>✓ Análisis de mercado en 24h</strong><br>
1544
+ ✓ Proyección de ingresos personalizada<br>
1545
+ ✓ Estrategia de optimización específica<br>
1546
+ ✓ Plan de implementación detallado<br>
1547
+ ✓ Sin compromiso ni coste alguno
1548
+ </p>
1549
+ </div>
1550
+
1551
+ <div class="service-card">
1552
+ <h3 class="service-title">Garantías Exclusivas</h3>
1553
+ <p class="service-description">
1554
+ <strong>✓ Incremento mínimo garantizado</strong><br>
1555
+ ✓ Instalación tecnológica gratuita (400€)<br>
1556
+ ✓ Sin permanencia ni penalizaciones<br>
1557
+ ✓ Cancelación con 30 días de preaviso<br>
1558
+ ✓ Soporte premium incluido
1559
+ </p>
1560
+ </div>
1561
+ </div>
1562
+
1563
+ <div class="content-block">
1564
+ <h3 class="content-title">
1565
+ <span class="gold-accent"></span>
1566
+ Compromiso de Excelencia
1567
+ </h3>
1568
+ <p class="content-text">
1569
+ Housemoney se compromete a mantener los más altos estándares de calidad y
1570
+ transparencia. Nuestro equipo directivo está disponible para atender cualquier
1571
+ consulta y garantizar que su experiencia supere las expectativas más exigentes.
1572
+ Trabajamos con el objetivo de crear relaciones a largo plazo basadas en resultados
1573
+ tangibles y servicio excepcional.
1574
+ </p>
1575
+ </div>
1576
+
1577
+ <div class="gold-divider"></div>
1578
+
1579
+ <div class="contact-section">
1580
+ <h2 class="contact-title">Comience Su Éxito Hoy</h2>
1581
+ <p class="contact-subtitle">
1582
+ Contacte con nuestro equipo de consultores para una evaluación personalizada
1583
+ gratuita y descubra el verdadero potencial de su propiedad
1584
+ </p>
1585
+
1586
+ <div class="contact-info">
1587
+ <div class="contact-item">
1588
+ <div class="contact-icon">WA</div>
1589
+ <strong>WhatsApp Directo</strong>
1590
+ <span><a href="https://wa.me/34679794037">+34 679 794 037</a></span>
1591
+ </div>
1592
+ <div class="contact-item">
1593
+ <div class="contact-icon">EM</div>
1594
+ <strong>Email Ejecutivo</strong>
1595
+ <span><a href="mailto:[email protected]">[email protected]</a></span>
1596
+ </div>
1597
+ </div>
1598
+ </div>
1599
+
1600
+ <div class="page-number">7</div>
1601
+ </div>
1602
+
1603
+ <!-- Page 8: Legal & Corporate -->
1604
+ <div class="page">
1605
+ <div class="section-header">
1606
+ <div class="section-number">07</div>
1607
+ <h2 class="section-title">Información Corporativa</h2>
1608
+ <p class="section-subtitle">Transparencia, legalidad y cumplimiento normativo</p>
1609
+ </div>
1610
+
1611
+ <div class="content-block">
1612
+ <h3 class="content-title">
1613
+ <span class="gold-accent"></span>
1614
+ Marco Operativo y Cumplimiento
1615
+ </h3>
1616
+ <p class="content-text">
1617
+ Housemoney opera bajo estricto cumplimiento de la normativa española aplicable
1618
+ al sector de alquileres vacacionales. Mantenemos las autorizaciones necesarias
1619
+ y garantizamos que todas las propiedades gestionadas cumplan con los requisitos
1620
+ legales vigentes en cada jurisdicción donde operamos.
1621
+ </p>
1622
+ </div>
1623
+
1624
+ <div class="service-grid">
1625
+ <div class="service-card">
1626
+ <h3 class="service-title">Cumplimiento Normativo</h3>
1627
+ <p class="service-description">
1628
+ • Constitución legal en España<br>
1629
+ • Cumplimiento normativa local<br>
1630
+ • Protección de datos (RGPD)<br>
1631
+ • Póliza de responsabilidad civil<br>
1632
+ • Auditorías regulares<br>
1633
+ • Transparencia total en operaciones
1634
+ </p>
1635
+ </div>
1636
+
1637
+ <div class="service-card">
1638
+ <h3 class="service-title">Servicios Incluidos</h3>
1639
+ <p class="service-description">
1640
+ • Gestión de licencias requeridas<br>
1641
+ • Registro de huéspedes automatizado<br>
1642
+ • Asesoramiento fiscal básico<br>
1643
+ • Documentación de arrendamiento<br>
1644
+ • Mediación en conflictos<br>
1645
+ • Actualizaciones normativas
1646
+ </p>
1647
+ </div>
1648
+ </div>
1649
+
1650
+ <div class="content-block">
1651
+ <h3 class="content-title">
1652
+ <span class="gold-accent"></span>
1653
+ Equipo Profesional
1654
+ </h3>
1655
+ <p class="content-text">
1656
+ Nuestro equipo cuenta con experiencia especializada en sectores tecnológico,
1657
+ inmobiliario y hotelero. Formación técnica avanzada y experiencia comprobada
1658
+ en la transformación digital de empresas tradicionales hacia modelos de negocio
1659
+ tecnológicos de alto rendimiento.
1660
+ </p>
1661
+ </div>
1662
+
1663
+ <div class="content-block">
1664
+ <h3 class="content-title">
1665
+ <span class="gold-accent"></span>
1666
+ Política de Privacidad y Protección de Datos
1667
+ </h3>
1668
+ <p class="content-text">
1669
+ Housemoney mantiene los más altos estándares de protección de datos personales
1670
+ según el RGPD. Toda la información de propietarios y huéspedes está protegida
1671
+ mediante sistemas de seguridad avanzados. Nunca compartimos datos con terceros
1672
+ sin autorización expresa y mantenemos auditorías de seguridad regulares.
1673
+ </p>
1674
+ </div>
1675
+
1676
+ <div class="gold-divider"></div>
1677
+
1678
+ <div class="content-block" style="text-align: center; margin-top: 40mm;">
1679
+ <p style="font-size: 10pt; color: var(--text-light); font-style: italic;">
1680
+ Este dossier contiene información confidencial y está destinado exclusivamente
1681
+ al destinatario indicado. La reproducción total o parcial sin autorización expresa
1682
+ está prohibida.
1683
+ </p>
1684
+ <div style="margin-top: 15mm;">
1685
+ <p style="font-size: 11pt; color: var(--text-secondary);">
1686
+ <strong>Housemoney</strong><br>
1687
+ España • 2025<br>
1688
+ <a href="mailto:[email protected]">[email protected]</a> • <a href="https://wa.me/34679794037">+34 679 794 037</a>
1689
+ </p>
1690
+ </div>
1691
+ </div>
1692
+
1693
+ <div class="page-number">8</div>
1694
+ </div>
1695
+
1696
+ </body>
1697
+ </html>