PageSourceSearch

https://housity.net/contact

html housity.net collected 2026-10-10 00:58:39 UTC 48,521 bytes, 1,864 lines download raw bytes

1
2<!DOCTYPE html>
3<html lang="en-US" >
4
5<head>
6
7    <!-- Meta -->
8    <meta charset="utf-8">
9    <meta name="robots" content="noindex, nofollow">
10
11    <meta name="viewport" content="width=device-width, initial-scale=1.0">
12    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
13
14    <title> Housity - Contact </title>
15
16    <!-- Rel -->
17    <link rel="preconnect" href="https://fonts.googleapis.com">
18    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
19    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&family=Fraunces:wght@400;500;600;700;800;900&display=swap">
20    
20<script defer src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
20
21    <meta name="theme-color" content="">
22
23    <link rel="canonical" href="https://housity.net/contact" />
24    <!-- Google tag (gtag.js) -->
25        
25<script defer type="text/javascript" src="https://www.termsfeed.com/public/cookie-consent/4.2.0/cookie-consent.js" charset="UTF-8"></script>
25
26    
26<script type="text/javascript" charset="UTF-8">
27        document.addEventListener('DOMContentLoaded', function() {
28            cookieconsent.run({
29                "notice_banner_type": "simple",
30                "consent_type": "express",
31                "palette": "light",
32                "language": "en",
33                "page_load_consent_levels": ["strictly-necessary"],
34                "notice_banner_reject_button_hide": false,
35                "preferences_center_close_button_hide": false,
36                "page_refresh_confirmation_buttons": false,
37                "website_name": "housity.net",
38                "website_privacy_policy_url": "https://housity.net/cookies/"
39            });
40        });
41    </script>
vendor: 150 bytes, lines 41-42
41
42    <script type="text/plain" data-cookie-consent="tracking" data-cookiecategory="analytics" async src="https://www.googletagmanager.com/gtag/js?id=
42G-61JHJCJ32J
vendor: 17 bytes, lines 42-43
42"></script>
43    
43<script type="text/plain" data-cookie-consent="tracking" data-cookiecategory="analytics">
44        
vendor: 181 bytes, lines 44-50
44window.dataLayer = window.dataLayer || [];
45
46        function gtag() {
47            dataLayer.push(arguments);
48        }
49        gtag("js", new Date());
50        gtag("config", "
50G-61JHJCJ32J
vendor: 9 bytes, lines 50-51
50");
51    
51</script>
51
52    <noscript>Free cookie consent management tool by <a href="https://www.termsfeed.com/">TermsFeed</a></noscript>
53
54
55    <style>
56        /* Botón de aceptar */
57        .cc-nb-okagree {
58            background-color: rgb(83, 146, 249) !important; /* verde */
59        }
60
61        /* Botón de rechazar */
62        .cc-nb-reject {
63            background-color: #141726 !important; /* rojo */
64        }
65</style>
66
67        <!-- OG -->
68    <meta property="og:title" content="Housity - Contact">
69    <meta property="og:description" content="Contact">
70    <meta property="og:image" content="https://images.housity.net/logo.png">
71    <meta property="og:url" content="https://housity.net/contact">
72
73    <style>
74        :root {
75
76
77  /* ===== COLORES DE MARCA ===== */
78
79  /* Color primario */
80  --color-primary: #2CA6A4;
81  --color-primary-light: #E8F8F8;
82  --color-primary-dark: #1D8A88 ;
83
84   --color-accent: #00c896;
85
86   --color-tour: #F0702A;
87   --color-tour-hover: #C2410C;
88   --color-hotel: #0288d1;
89
90 /* Color secundario ?????????????*/ 
91  --color-red: #E11D48;
92  --color-amber: #D97706;
93  --color-green:#16A34A;
94
95  /* Neutros / escala de grises */
96  --color-black: #111827; 
97  --color-gray-900: #1F2937;
98  --color-gray-700: #6B7280;
99  --color-gray-500: #9CA3AF;
100  --color-gray-300: #E5E7EB;
101  --color-gray-100: #F0F2F5;
102  --color-white: #ffffff;
103
104
105  /* Texto y fondo */
106  --color-text-primary: var(--color-gray-900);
107  --color-text-secondary: var(--color-gray-500);
108
109  --color-bg: var(--color-gray-100);
110  --color-bg-alt: var(--color-gray-500);
111  
112
113  /* ===== TIPOGRAFÍA ===== */
114  --font-primary: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
115  --font-secondary: 'Poppins', sans-serif;
116  --font-mono: 'Fira Code', monospace;
117
118  --fw-sm: ;
119  --fw-md: ;
120  --fw-lg: ;
121
122
123  /* Espaciado */
124  --radius-sm:   8px;
125  --radius-md:   12px;
126  --radius-lg:   16px;
127  --radius-xl:   20px;
128  --radius-full: 999px;
129
130
131  /* Sombras */
132  --shadow-sm:  0 1px 3px rgba(0,0,0,.08);
133  --shadow-md:  0 4px 16px rgba(0,0,0,.10);
134  --shadow-lg:  0 8px 32px rgba(185, 147, 147, 0.14);
135
136  /* ===== TRANSICIONES ===== */
137  --transition-fast: 150ms ease;
138  --transition-normal: 250ms ease;
139  --transition-slow: 400ms ease;
140
141
142  /* ===== CONTENEDOR / LAYOUT ===== */
143  --container-max-width: 1200px;
144  --header-height: 72px;
145
146  --padding-xs: .15rem .6rem;
147  --padding-sm: .45rem .8rem;
148  --padding-md: .65rem .9rem; 
149  --padding-lg: .85rem 1rem; 
150
151
152  --border-thin: 1.5px solid var(--color-gray-300);
153  --border-mid: 2px solid var(--color-gray-700);
154  --border-thick: 3px solid var(--color-black);
155}
156
157
158*,
159*::before,
160*::after {
161    box-sizing: border-box;
162}
163
164body {
165    font-family: var(--font-primary);
166    color: var(--color-black);
167    background: var(--color-bg);
168    -webkit-font-smoothing: antialiased;
169
170    display: block;
171    margin: 0px;
172    padding: 0px;
173
174    font-display: swap;
175}
176
177
178.body-content {
179    max-width: 1300px;
180    min-width: 900px;
181    width: 60%;
182    margin: auto;
183    padding-top: 100px;
184}
185
186
187
188a {
189    color: inherit;
190    text-decoration: none;
191}
192
193img {
194    display: block;
195    max-width: 100%;
196}
197
198button {
199    font-family: var(--f-body);
200    cursor: pointer;
201}
202
203/* ROWS AND COLUMNS */
204.flex-row {
205    display: flex;
206    flex-direction: row;
207    gap: 10px;
208    align-items: center;
209    flex-wrap: wrap;
210}
211
212.flex-row-spaced {
213    display: flex;
214    flex-direction: row;
215    gap: 10px;
216    justify-content: space-between;
217    align-items: center;
218    /*flex-wrap: wrap;*/
219}
220
221.row-wrap {
222    display: flex;
223    flex-wrap: wrap;
224    justify-content: space-between;
225    align-items: center;
226    gap: 10px;
227}
228
229.grid-slide {
230    justify-content: space-between;
231    width: 100%;
232    display: grid;
233    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
234    gap: 20px;
235}
236
237.desktop-row {
238    display: flex;
239    flex-direction: row;
240    gap: 10px;
241}
242
243.center-row {
244    width: 100%;
245
246    display: flex;
247    text-align: center;
248    align-items: center;
249    justify-content: center;
250}
251
252
253/*LANG SELECT*/
254.lang-btn {
255    display: inline-flex;
256    align-items: center;
257    gap: .5rem;
258    background: rgba(255, 255, 255, .88);
259    border: var(--border-thin);
260    border-radius: var(--radius-full);
261    padding: .3rem .85rem .3rem .35rem;
262    backdrop-filter: blur(8px);
263    color: var(--color-black);
264    font-family: inherit;
265    font-weight: 700;
266    font-size: .86rem;
267    line-height: 1;
268    cursor: pointer;
269    transition: background .15s, border-color .15s;
270}
271
272.lang-btn:hover {
273    background: var(--color-white);
274    border-color: var(--color-primary);
275}
276
277.lang-chev {
278    opacity: .55;
279}
280
281.lang-flag {
282    width: 24px;
283    height: 24px;
284    border-radius: 50%;
285    object-fit: cover;
286    flex-shrink: 0;
287    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .12);
288    background: var(--color-gray-300);
289}
290
291/* ===== PANEL ===== */
292.lang-modal {
293    position: fixed;
294    inset: 0;
295    z-index: 2000;
296    display: grid;
297    place-items: center;
298    padding: 20px;
299    background: rgba(10, 20, 30, .55);
300    backdrop-filter: blur(3px);
301    animation: lang-fade .16s ease;
302}
303
304.lang-modal[hidden] {
305    display: none;
306}
307
308@keyframes lang-fade {
309    from {
310        opacity: 0
311    }
312
313    to {
314        opacity: 1
315    }
316}
317
318@keyframes lang-rise {
319    from {
320        opacity: 0;
321        transform: translateY(10px)
322    }
323
324    to {
325        opacity: 1;
326        transform: none
327    }
328}
329
330@media (prefers-reduced-motion: reduce) {
331
332    .lang-modal,
333    .lang-box {
334        animation: none
335    }
336}
337
338.lang-box {
339    background: var(--color-white);
340    border-radius: var(--radius-xl);
341    width: min(760px, 100%);
342    max-height: min(660px, 88vh);
343    display: flex;
344    flex-direction: column;
345    box-shadow: 0 30px 70px rgba(0, 0, 0, .3);
346    animation: lang-rise .18s ease;
347    overflow: hidden;
348}
349
350.lang-head {
351    display: flex;
352    justify-content: space-between;
353    align-items: flex-start;
354    gap: 1rem;
355    padding: 1.4rem 1.6rem 1.1rem;
356    border-bottom: 1px solid var(--color-gray-300);
357}
358
359.lang-head h2 {
360    margin: 0;
361    font-size: 1.15rem;
362    font-weight: 800;
363    letter-spacing: -.01em;
364}
365
366.lang-head p {
367    margin: .15rem 0 0;
368    font-size: .84rem;
369    line-height: 1.4;
370    color: var(--color-gray-700);
371}
372
373.lang-close {
374    border: 0;
375    background: var(--color-gray-100);
376    color: var(--color-gray-700);
377    width: 34px;
378    height: 34px;
379    border-radius: 50%;
380    font-size: 1.3rem;
381    line-height: 1;
382    cursor: pointer;
383    flex-shrink: 0;
384}
385
386.lang-close:hover {
387    background: var(--color-gray-300);
388    color: var(--color-black);
389}
390
391.lang-grid {
392    display: grid;
393    grid-template-columns: repeat(3, 1fr);
394    gap: .4rem;
395    padding: 1.1rem 1.6rem 1.5rem;
396    overflow: auto;
397}
398
399.lang-opt {
400    display: flex;
401    align-items: center;
402    gap: .7rem;
403    text-decoration: none;
404    border: 1.5px solid transparent;
405    border-radius: var(--radius-md);
406    padding: .6rem .7rem;
407    color: var(--color-black);
408    position: relative;
409    transition: background .12s, border-color .12s;
410}
411
412.lang-opt:hover {
413    background: var(--color-gray-100);
414}
415
416.lang-opt-txt b {
417    display: block;
418    font-size: .9rem;
419    font-weight: 700;
420    line-height: 1.2;
421}
422
423.lang-opt-txt small {
424    display: block;
425    font-size: .72rem;
426    font-weight: 500;
427    color: var(--color-gray-700);
428}
429
430.lang-check {
431    position: absolute;
432    right: .6rem;
433    color: var(--color-primary-dark);
434    opacity: 0;
435}
436
437.lang-opt.selected {
438    border-color: var(--color-primary);
439    background: var(--color-primary-light);
440}
441
442.lang-opt.selected .lang-opt-txt b {
443    color: var(--color-primary-dark);
444}
445
446.lang-opt.selected .lang-check {
447    opacity: 1;
448}
449
450.lang-opt:focus-visible,
451.lang-btn:focus-visible {
452    outline: 2px solid var(--color-primary-dark);
453    outline-offset: 2px;
454}
455
456/* SHARE BUTTON */
457.shareButton {
458    flex-shrink: 0;
459    width: 44px;
460    height: 44px;
461    display: flex;
462    align-items: center;
463    justify-content: center;
464    border: var(--border-thin);
465    border-radius: var(--radius-full);
466    background: var(--color-white);
467    cursor: pointer;
468}
469
470.shareButton img {
471    width: 22px;
472    height: 22px;
473}
474
475.shareButton:hover {
476    border-color: var(--color-primary);
477}
478
479
480/* TITLES */
481h1 {
482    font-size: clamp(1.6rem, 4vw, 2.5rem);
483    font-weight: 900;
484    color: var(--color-black);
485    letter-spacing: -0.02em;
486    margin-bottom: 0px;
487}
488
489h2 {
490    font-size: clamp(1.6rem, 4vw, 2.0rem);
491    /*font-size: 1.5rem 24px;*/
492    font-weight: 900;
493    color: var(--color-black);
494    letter-spacing: -0.02em;
495}
496
497h3 {
498    font-size: 1.25rem;
499    font-weight: 900;
500    color: var(--color-black);
501}
502
503h4 {
504    font-size: 0.7rem;
505    font-weight: 900;
506    color: var(--color-primary-dark);
507    text-transform: uppercase;
508    letter-spacing: 0.06em;
509
510
511}
512
513p {
514    font-size: 0.9rem;
515    font-weight: 400;
516    line-height: 1.75;
517}
518
519
520/* INPUTS */
521input,
522textarea,
523select {
524    font-family: inherit;
525    padding: 12px 16px;
526    border: var(--border-thin);
527    border-radius: var(--radius-sm);
528    background-color: var(--color-gray-100);
529    font-size: 16px;
530    color: var(--color-black);
531    transition: border-color 0.3s, box-shadow 0.3s;
532    border: none;
533    border: var(--border-thin);
534}
535
536input,
537textarea {
538    cursor: text;
539    flex: 1;
540}
541
542select {
543    cursor: pointer;
544}
545
546input:focus,
547textarea:focus,
548select:focus {
549    border-color: none;
550    box-shadow: none;
551    outline: none;
552}
553
554/* Placeholder styles */
555input::placeholder,
556textarea::placeholder {
557    color: var(--color-gray-500);
558    font-style: italic;
559}
560
561input[type="checkbox"] {
562    -webkit-appearance: none;
563    -moz-appearance: none;
564    appearance: none;
565    width: 20px;
566    height: 20px;
567    border: var(--border-mid);
568    border-radius: 0;
569    cursor: pointer;
570    position: relative;
571    flex: none;
572    padding: 3px;
573}
574
575input[type="checkbox"]:checked {
576    background-color: var(--color-primary-dark);
577    border-color: var(--color-primary-dark);
578}
579
580input[type="checkbox"]:checked::before {
581    content: '✓';
582    position: absolute;
583    top: 0;
584    left: 5px;
585    top: -2px;
586    font-size: 1.1rem;
587    color: var(--color-white);
588}
589
590form {
591    line-height: 2;
592}
593
594/* Textarea specific */
595textarea {
596    resize: none;
597    height: 120px;
598}
599
600/* Select specific */
601select {
602    appearance: none;
603    min-width: 70px;
604    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><polygon points="0,0 20,0 10,10" fill="%23333"/></svg>');
605    background-repeat: no-repeat;
606    background-position: right 16px center;
607    background-size: 12px;
608}
609
610label {
611    color: var(--color-gray-500);
612    font-weight: 500;
613
614}
615
616
617
618.custom-select-container {
619    position: relative;
620    width: 200px;
621}
622
623.custom-select {
624    display: none;
625    /* Ocultamos el verdadero select */
626}
627
628.selected-option {
629    display: flex;
630    align-items: center;
631
632    padding: 8px;
633    cursor: pointer;
634}
635
636.selected-option img {
637    width: 20px;
638    height: 20px;
639    margin-right: 8px;
640}
641
642.options-list {
643    display: none;
644    position: absolute;
645    border: 1px solid #ccc;
646    width: 100%;
647    background: white;
648    z-index: 100;
649}
650
651.option-item {
652    display: flex;
653    align-items: center;
654    padding: 8px;
655    cursor: pointer;
656}
657
658.option-item img {
659    width: 20px;
660    height: 20px;
661    margin-right: 8px;
662}
663
664.option-item:hover {
665    background-color: #f0f0f0;
666}
667
668
669.location_icon {
670    width: 30px;
671    height: 30px;
672}
673
674.container {
675    background-color: var(--color-white);
676    padding: var(--padding-lg);
677    border-radius: var(--radius-md);
678    /*width: 100%;*/
679    box-shadow: var(--shadow-sm);
680    border: var(--border-thin);
681}
682
683
684.tooltips {
685    position: relative;
686    display: flex;
687    gap: 20px;
688    padding: var(--padding-sm);
689    border-radius: var(--radius-md);
690    width: max-content;
691    background-color: var(--color-white);
692    align-items: center;
693    flex-wrap: wrap;
694    max-width: -webkit-fill-available;
695}
696
697.tooltip {
698    margin: 0px;
699    display: flex;
700    gap: 5px;
701    align-items: center;
702    font-weight: 500;
703    font-size: 1rem;
704    letter-spacing: -.5px;
705    cursor: help;
706    position: relative;
707}
708
709.tooltip::after {
710    content: attr(data-description);
711    position: absolute;
712    bottom: 100%;
713    padding: 8px;
714    background-color: var(--color-white);
715    color: var(--color-gray-900);
716    border-radius: var(--radius-md);
717    visibility: hidden;
718    opacity: 0;
719    transition: opacity 0.3s;
720    line-height: normal;
721}
722
723.tooltip:hover::after {
724    visibility: visible;
725    opacity: 1;
726}
727
728.internal-link {
729    text-decoration: none;
730    color: var(--color-primary-dark);
731    font-weight: bold;
732}
733
734.internal-link:hover {
735    text-decoration: underline;
736}
737
738
739/* HEADER */
740header {
741    background-color: transparent;
742    padding: 20px;
743    position: fixed;
744    width: -webkit-fill-available;
745    z-index: 1001;
746    transition: var(--transition-fast);
747    top: 0px;
748}
749
750.header-elements {
751    display: flex;
752    justify-content: space-between;
753    align-items: center;
754    max-width: 1300px;
755    margin: auto;
756    width: 60%;
757}
758
759header.scrolled {
760    background-color: var(--color-white);
761    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
762}
763
764.header-logo {
765    max-width: 100px;
766    max-height: 80px;
767    object-fit: contain;
768}
769
770
771/* FOOTER */
772footer {
773    width: 100%;
774    background: linear-gradient(180deg, var(--color-black) 0%, var(--color-gray-900) 100%);
775    color: var(--color-white);
776    padding: 70px 0 30px;
777
778}
779
780
781.footer-icon {
782    width: 20px;
783    height: 20px;
784}
785
786
787.footer-row {
788    display: grid;
789    grid-template-columns: 1.5fr 1fr 1fr 1fr;
790    gap: 60px;
791    padding-bottom: 50px;
792    width: 90%;
793    max-width: 1400px;
794    margin: auto;
795}
796
797.footer-links {
798    display: flex;
799    flex-direction: column;
800    gap: 14px;
801}
802
803.footer-links a {
804    color: rgba(255, 255, 255, 0.72);
805    text-decoration: none;
806    transition: 0.25s;
807    font-size: 15px;
808    padding: 0;
809    min-height: auto;
810}
811
812
813.footer-links a:hover {
814    color: white;
815    transform: translateX(4px);
816}
817
818.footer-title {
819    font-size: 19px;
820}
821
822.footer-links li {
823    margin-top: 10px;
824}
825
826.social-links {
827    display: flex;
828    gap: 14px;
829    margin-top: 28px;
830    flex-direction: row;
831}
832
833
834.social-links a {
835    width: 44px;
836    height: 44px;
837    border-radius: 14px;
838    background: rgba(255, 255, 255, 0.08);
839    display: flex;
840    align-items: center;
841    justify-content: center;
842    color: white !important;
843    text-decoration: none;
844    font-size: 18px;
845    transition: 0.3s;
846}
847
848.social-links a:hover {
849    background: white;
850    color: #08111f !important;
851    transform: translateY(-3px);
852}
853
854
855.disclaimer {
856    border-top: 1px solid rgba(255, 255, 255, 0.08);
857    padding-top: 25px;
858    display: flex;
859    justify-content: space-between;
860    align-items: center;
861    gap: 30px;
862    flex-wrap: wrap;
863    width: 90%;
864    max-width: 1400px;
865    margin: auto;
866}
867
868.disclaimer-footer {
869    color: rgba(255, 255, 255, 0.55);
870    font-size: 13px;
871    line-height: 1.7;
872}
873
874
875
876
877/* LOCATION TOPPER */
878.location-topper {
879    position: relative;
880    background-size: cover;
881    background-position: center;
882    color: white;
883}
884
885.location-topper h1 {
886    color: white;
887    font-size: 65px;
888    position: relative;
889}
890
891.location-topper h1 span {
892    color: white;
893    font-size: 35px;
894    position: absolute;
895    font-size: 20px;
896    letter-spacing: normal;
897    top: -10px;
898}
899
900.location-intro {
901    margin-top: -19px;
902    color: white;
903    font-size: 17px;
904    line-height: 20px;
905    letter-spacing: 0;
906    width: 60%;
907    font-weight: 600;
908    position: relative;
909    z-index: 100;
910}
911
912/* WEATHER */
913.weather {
914    background-color: var(--color-gray-300);
915    border-radius: var(--radius-md);
916    color: var(--color-black);
917    padding: var(--padding-sm);
918    height: max-content;
919    font-size: 1rem;
920    position: relative;
921    display: flex;
922    flex-wrap: wrap;
923
924}
925
926.weather-icon {
927    width: 40px;
928    height: 40px;
929}
930
931.clock-container {
932    display: flex;
933    flex-direction: row;
934    gap: 15px;
935    font-size: 20px;
936    align-items: center;
937}
938
939#hour,
940#minute,
941#second {
942    background-color: var(--color-white);
943    padding: 5px;
944    border-radius: 5px;
945}
946
947.weather-info {
948    display: flex;
949    gap: 15px;
950    align-items: center;
951}
952
953/* BREADCRUMB */
954.breadcrumb {
955    display: flex;
956    flex-direction: row;
957    align-items: center;
958    gap: 10px;
959    font-size: 13px;
960}
961
962.breadcrumb p {
963    margin: 0px;
964}
965
966
967.loading-indicator {
968    display: none;
969    justify-self: center;
970    height: 150px;
971}
972
973
974
975/**/
976.list-slide {
977    width: 100%;
978    display: flex;
979    gap: 1.1rem;
980    overflow-x: auto;
981    overflow-y: hidden;
982    padding-bottom: 12px;
983    /* deja espacio para que el scrollbar no pise el contenido */
984
985    /* Firefox */
986    scrollbar-width: thin;
987    scrollbar-color: var(--color-gray-500) var(--color-gray-100);
988}
989
990/* Chrome, Safari, Edge */
991.list-slide::-webkit-scrollbar {
992    height: 10px;
993    cursor: grab;
994}
995
996.list-slide::-webkit-scrollbar-track {
997    background: var(--color-gray-100);
998    border-radius: var(--radius-md)
999}
1000
1001.list-slide::-webkit-scrollbar-thumb {
1002    background: var(--color-gray-500);
1003    border-radius: var(--radius-md);
1004}
1005
1006.list-slide::-webkit-scrollbar-thumb:hover {
1007    background: var(--color-black);
1008}
1009
1010/* CLAVE: los hijos deben tener ancho fijo y no encogerse */
1011.list-slide>* {
1012    flex-shrink: 0;
1013    width: 200px;
1014    /* o el ancho que quieras para cada item */
1015}
1016
1017
1018.buttontour {
1019    background: var(--color-tour);
1020    color: var(--color-white);
1021    border-radius: var(--radius-xl);
1022    padding: .6rem .8rem;
1023    font-size: .88rem;
1024    font-weight: 700;
1025    display: flex;
1026    align-items: center;
1027    justify-content: center;
1028    gap: 7px;
1029    border: none;
1030}
1031.buttontour svg{
1032    width: 20px;
1033    fill: white;
1034}
1035
1036
1037.buttontour:hover {
1038    background: var(--color-tour-hover);
1039}
1040
1041.buttonbook {
1042    background: var(--color-primary);
1043    color: var(--color-white);
1044    border-radius: var(--radius-md);
1045    padding: .7rem 1.4rem;
1046    font-size: .88rem;
1047    font-weight: 700;
1048    border: none;
1049    transition: background .15s;
1050    gap: .4rem;
1051    display: flex;
1052
1053    width: max-content;
1054    align-items: center;
1055    justify-content: center;
1056    text-align: center;
1057
1058    width: 100%;
1059}
1060
1061
1062
1063.buttonbook:hover {
1064    background: var(--color-primary-dark);
1065}
1066
1067.buttonbook svg {
1068    fill: var(--color-primary);
1069}
1070
1071.buttonbook:hover svg {
1072    fill: var(--color-white);
1073}
1074
1075.button {
1076
1077    color: var(--color-primary);
1078    border-radius: var(--radius-xl);
1079    border: solid 2px var(--color-primary);
1080    padding: .7rem 1.4rem;
1081    font-size: .88rem;
1082    font-weight: 700;
1083    display: flex;
1084    align-items: center;
1085    justify-content: center;
1086    gap: 7px;
1087
1088}
1089
1090.button:hover {
1091    background: var(--color-primary);
1092    color: var(--color-white);
1093    border: solid 2px var(--color-primary-dark);
1094}
1095
1096.button svg {
1097    fill: var(--color-primary);
1098}
1099
1100.button:hover svg {
1101    fill: var(--color-white);
1102}
1103
1104
1105.char-select {
1106    text-decoration: none;
1107    color: var(--color-gray-700);
1108    border-bottom: solid 1px var(--color-gray-700);
1109
1110    padding: 10px;
1111    width: -webkit-fill-available;
1112    cursor: pointer;
1113    display: flex;
1114    align-items: center;
1115    justify-content: center;
1116}
1117
1118.char-select:hover {
1119    color: var(--color-primary);
1120    border-bottom: solid 1px var(--color-primary-dark);
1121}
1122
1123
1124.provider-label {
1125    color: var(--color-primary);
1126    font-weight: 700;
1127    cursor: pointer;
1128    font-size: 1.1rem;
1129}
1130
1131.star::before {
1132    content: "★";
1133}
1134
1135
1136/* SUMMARY */
1137
1138.summary {
1139    display: flex;
1140    justify-content: space-between;
1141    margin-top: 20px;
1142    text-align: center;
1143    overflow-x: auto;
1144    flex-wrap: nowrap;
1145    scrollbar-width: none;
1146    gap: .5rem;
1147    margin: 1rem 0 .5rem;
1148}
1149
1150.summary::-webkit-scrollbar {
1151    display: none;
1152}
1153
1154.summary .char-select {
1155    width: auto;
1156    flex: 1 0 auto;
1157    white-space: nowrap;
1158    padding: .6rem 1rem;
1159}
1160
1161/* PRICE */
1162.price {
1163    color: var(--color-primary-dark);
1164    font-weight: bold;
1165    font-size: 2rem;
1166    margin: 0px;
1167
1168}
1169
1170.price p {
1171    margin: 0px;
1172    padding: 0px;
1173}
1174
1175.price-from {
1176
1177    font-weight: 700;
1178    font-size: 1rem;
1179}
1180
1181.price-txt {
1182    color: var(--color-black);
1183    font-weight: 500;
1184
1185}
1186
1187
1188.country-list {
1189    font-size: .9rem;
1190    display: grid;
1191    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
1192    gap: 5px 25px;
1193    margin: 0 auto;
1194}
1195
1196.country-list a {
1197    white-space: nowrap;
1198    overflow: hidden;
1199    text-overflow: ellipsis;
1200    color: var(--color-black);
1201    display: flex;
1202    justify-content: space-between;
1203}
1204
1205.country-list-count {
1206    flex-shrink: 0;
1207    border-radius: 999px;
1208    background: var(--color-primary);
1209    color: var(--color-white);
1210    font-size: .68rem;
1211    font-weight: 800;
1212    padding: .15rem .5rem;
1213}
1214
1215.country-list a:hover {
1216    background: var(--color-gray-300);
1217    color: var(--color-primary-dark);
1218
1219}
1220
1221.s-item {
1222    display: flex;
1223    flex-direction: column;
1224    gap: 5px;
1225}
1226
1227.offer {
1228    background: var(--color-white);
1229    padding: var(--padding-sm);
1230    border: var(--border-thin);
1231    border-radius: var(--radius-md);
1232    display: flex;
1233    flex-direction: row;
1234    gap: 10px;
1235    align-items: center;
1236}
1237
1238.offer-logo {
1239    height: 50px;
1240}
1241
1242
1243.row {
1244    display: flex;
1245    gap: 10px;
1246    margin-top: 15px;
1247    align-items: center;
1248}
1249
1250
1251.grid-list {
1252    display: flex;
1253    flex-wrap: wrap;
1254    gap: 15px;
1255    justify-content: space-between;
1256    color: var(--color-gray-700);
1257}
1258
1259.grid-list a {
1260    color: var(--color-gray-700);
1261    text-decoration: none;
1262}
1263
1264.location-option.selected {
1265    background-color: var(--main-color) !important;
1266}
1267
1268.distance {
1269    margin: 0px;
1270    padding: 5px;
1271    background: var(--secondary-color);
1272    width: max-content;
1273    color: white;
1274    font-weight: 500;
1275}
1276
1277/*Forms*/
1278.form-item {
1279    display: flex;
1280    align-items: flex-start;
1281    gap: .75rem;
1282    margin-bottom: 1.25rem;
1283}
1284
1285.form-icon {
1286    width: 2.4rem;
1287    height: 2.4rem;
1288    border-radius: .6rem;
1289    background: var(--color-primary);
1290    display: flex;
1291    align-items: center;
1292    justify-content: center;
1293    flex-shrink: 0;
1294    color: var(--color-white);
1295}
1296
1297.form-label {
1298    font-size: .7rem;
1299    font-weight: 800;
1300    text-transform: uppercase;
1301    letter-spacing: .06em;
1302    color: var(--color-gray-500);
1303    margin: 0 0 .2rem;
1304}
1305
1306.form-value {
1307    font-size: .9rem;
1308    font-weight: 700;
1309    color: var(--color-black);
1310    margin: 0;
1311}
1312
1313@media only screen and (max-width: 1000px) {
1314
1315    .body-content {
1316        width: 95%;
1317        min-width: 100px;
1318        margin: auto;
1319    }
1320
1321    .desktop-row {
1322        flex-direction: column;
1323        gap: 7px;
1324    }
1325
1326    .header-logo {
1327        width: 90px;
1328        height: 40px;
1329        margin: 0px;
1330        padding: 0px;
1331    }
1332
1333    .header-elements {
1334        width: 95%;
1335        margin: 0px;
1336    }
1337
1338    .footer-row {
1339        grid-template-columns: 1fr 1fr;
1340        gap: 40px;
1341    }
1342
1343    .disclaimer {
1344        flex-direction: column;
1345        align-items: flex-start;
1346    }
1347
1348    .breadcrumb {
1349        flex-wrap: wrap;
1350        gap: 6px;
1351        font-size: 10px;
1352    }
1353
1354    .loading-indicator {
1355        height: 100px;
1356    }
1357
1358    .custom-select-container {
1359        width: 120px;
1360    }
1361
1362    .desktop-only {
1363        display: none;
1364    }
1365
1366    .location_icon {
1367        width: 20px;
1368    }
1369
1370
1371    .row {
1372        width: min-content;
1373        width: 100%;
1374        flex-direction: column;
1375    }
1376
1377    .location-intro {
1378        width: auto !important;
1379        font-size: 14px !important;
1380        line-height: 16px !important;
1381    }
1382
1383
1384    .tour-price {
1385        font-size: 12px;
1386    }
1387
1388    .lang-grid {
1389        grid-template-columns: 1fr 1fr;
1390    }
1391
1392    .lang-head,
1393    .lang-grid {
1394        padding-inline: 1.1rem;
1395    }
1396}
1397
1398@media only screen and (max-width: 700px) {
1399
1400
1401    footer {
1402        padding: 50px 0 25px;
1403    }
1404
1405    .footer-row {
1406        grid-template-columns: 1fr;
1407    }
1408
1409    .desktop-only {
1410        display: none;
1411    }
1412
1413    .location-topper h1 {
1414        font-size: 30px !important;
1415        align-self: start;
1416        margin: 10px 0px;
1417        word-break: break-word;
1418    }
1419
1420    .location-topper h1 span {
1421        font-size: 20px !important;
1422        top: -23px !important;
1423    }
1424
1425    .location-intro {
1426        width: auto !important;
1427        font-size: 12px !important;
1428        line-height: 14px !important;
1429    }
1430
1431    .weather {
1432        display: flex;
1433        flex-wrap: wrap;
1434        align-items: center;
1435        gap: 4px;
1436
1437    }
1438
1439    .loading-indicator {
1440        height: 80px;
1441    }
1442
1443    .country-list {
1444        grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
1445    }
1446
1447    .summary {
1448        flex-wrap: wrap;
1449        margin: 0px;
1450        font-size: 13px;
1451    }
1452
1453
1454    .lang-btn-name {
1455        display: none;
1456    }
1457
1458    .lang-btn {
1459        padding: .3rem .6rem .3rem .3rem;
1460    }
1461
1462    .lang-grid {
1463        grid-template-columns: 1fr;
1464    }
1465}.button:disabled {
1466            background-color: grey;
1467            color: black;
1468        }
1469
1470        .title-wrap {
1471            width: 100%;
1472            background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);
1473            color: white;
1474            padding: 30px;
1475            text-align: center;
1476        }
1477
1478        
1479    </style>
1480    
1480<script>
1481        
1482
1483        document.addEventListener("DOMContentLoaded", function() {
1484            var form = document.getElementById("contact-form");
1485
1486            form.addEventListener("submit", function(event) {
1487                event.preventDefault(); // Evitar que el formulario se envíe por defecto
1488                SendMail();
1489            });
1490        });
1491
1492        function privaccept(c) {
1493            var but = document.getElementById('searchbutton');
1494            but.disabled = !c.checked;
1495        }
1496
1497        function SendMail() {
1498            const sendButton = document.getElementById("searchbutton");
1499            const loading = document.getElementById("sending-email");
1500            const resultText = document.getElementById("email-result");
1501            
1502            var name = document.getElementById("name-input").value;
1503            var email = document.getElementById("email-input").value;
1504            var subject = document.getElementById("subject-input").value;
1505            var message = document.getElementById("msg-input").value;
1506
1507            var subscribe = document.getElementById("subscribe-input").checked;
1508            var cookies = document.getElementById("msg-input").checked;
1509
1510            sendButton.style.display = "none";
1511            loading.style.display = "block";
1512            resultText.textContent = "Sending...";
1513            resultText.style.display = "block";
1514
1515            const data = {
1516                name: name,
1517                email: email,
1518                subject: subject,
1519                message: message,
1520                subscribe: subscribe,
1521                lang: 'en',
1522                origin: 'housity',
1523                web: 'housity.net'
1524            };
1525
1526            const options = {
1527                method: 'POST',
1528                headers: {
1529                    'Content-Type': 'application/json'
1530                },
1531                body: JSON.stringify(data)
1532            };
1533
1534
1535            fetch("https://newsletter.housity.net/mail", options)
1536                .then(response => response.json())
1537                .then(data => {
1538                    if (data.status === "ok") {
1539                        sendButton.style.display = "none";
1540                        loading.style.display = "none";
1541                        resultText.textContent = "Email sent!";
1542                        resultText.style.display = "block";
1543                    } else {
1544                        sendButton.style.display = "none";
1545                        loading.style.display = "none";
1546                        resultText.textContent = data.msg;
1547                        resultText.style.display = "block";
1548                    }
1549                })
1550                .catch(error => {
1551                    sendButton.style.display = "none";
1552                    loading.style.display = "none";
1553                    resultText.textContent = error;
1554                    resultText.style.display = "block";
1555
1556                });
1557
1558        }
1559    </script>
1559
1560
1561</head>
1562
1563<body>
1564    <header>
1565    <div class="header-elements">
1566        <a href='/'> <img class='header-logo' src='https://images.housity.net/logo-large.png' alt='Housity.net'> </a>
1567
1568        
1569        <button type="button" class="lang-btn" id="lang-btn" aria-haspopup="dialog" aria-expanded="false">
1570            <img class="lang-flag" src="https://images.housity.net/icons/en.svg" alt="" />
1571            <span class="lang-btn-name">English</span>
1572            <svg class="lang-chev" viewBox="0 0 24 24" width="11" height="11" aria-hidden="true">
1573                <path d="M5 9l7 7 7-7" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" />
1574            </svg>
1575        </button>
1576    </div>
1577</header>
1578
1579<!-- SELECTOR DE IDIOMA -->
1580<div class="lang-modal" id="lang-modal" role="dialog" aria-modal="true" aria-labelledby="lang-modal-title" hidden>
1581    <div class="lang-box">
1582        <div class="lang-head">
1583            <div>
1584                <h2 id="lang-modal-title">Choose your language</h2>
1585                <p>The site will open on the domain of the language you choose.</p>
1586            </div>
1587            <button type="button" class="lang-close" id="lang-close" aria-label="Close">&times;</button>
1588        </div>
1589
1590        <div class="lang-grid">
1591                            <a class="lang-opt selected" href="https://housity.net/" hreflang="en-US" aria-current="true">
1592                    <img class="lang-flag" loading="lazy" src="https://images.housity.net/icons/en.svg" alt="" />
1593                    <span class="lang-opt-txt">
1594                        <b>English</b>
1595                        <small>housity.net</small>
1596                    </span>
1597                    <svg class="lang-check" viewBox="0 0 24 24" width="17" height="17" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
1598                        <path d="M4 12.5 9.5 18 20 7" />
1599                    </svg>
1600                </a>
1601                            <a class="lang-opt" href="https://housity.es/" hreflang="es-ES" >
1602                    <img class="lang-flag" loading="lazy" src="https://images.housity.net/icons/es.svg" alt="" />
1603                    <span class="lang-opt-txt">
1604                        <b>Español</b>
1605                        <small>housity.es</small>
1606                    </span>
1607                    <svg class="lang-check" viewBox="0 0 24 24" width="17" height="17" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
1608                        <path d="M4 12.5 9.5 18 20 7" />
1609                    </svg>
1610                </a>
1611                            <a class="lang-opt" href="https://housity.fr/" hreflang="fr-FR" >
1612                    <img class="lang-flag" loading="lazy" src="https://images.housity.net/icons/fr.svg" alt="" />
1613                    <span class="lang-opt-txt">
1614                        <b>Français</b>
1615                        <small>housity.fr</small>
1616                    </span>
1617                    <svg class="lang-check" viewBox="0 0 24 24" width="17" height="17" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
1618                        <path d="M4 12.5 9.5 18 20 7" />
1619                    </svg>
1620                </a>
1621                            <a class="lang-opt" href="https://de.housity.net/" hreflang="de-DE" >
1622                    <img class="lang-flag" loading="lazy" src="https://images.housity.net/icons/de.svg" alt="" />
1623                    <span class="lang-opt-txt">
1624                        <b>Deutsch</b>
1625                        <small>de.housity.net</small>
1626                    </span>
1627                    <svg class="lang-check" viewBox="0 0 24 24" width="17" height="17" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
1628                        <path d="M4 12.5 9.5 18 20 7" />
1629                    </svg>
1630                </a>
1631                            <a class="lang-opt" href="https://housity.it/" hreflang="it-IT" >
1632                    <img class="lang-flag" loading="lazy" src="https://images.housity.net/icons/it.svg" alt="" />
1633                    <span class="lang-opt-txt">
1634                        <b>Italiano</b>
1635                        <small>housity.it</small>
1636                    </span>
1637                    <svg class="lang-check" viewBox="0 0 24 24" width="17" height="17" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
1638                        <path d="M4 12.5 9.5 18 20 7" />
1639                    </svg>
1640                </a>
1641                            <a class="lang-opt" href="https://housity.nl/" hreflang="nl-NL" >
1642                    <img class="lang-flag" loading="lazy" src="https://images.housity.net/icons/nl.svg" alt="" />
1643                    <span class="lang-opt-txt">
1644                        <b>Nederlands</b>
1645                        <small>housity.nl</small>
1646                    </span>
1647                    <svg class="lang-check" viewBox="0 0 24 24" width="17" height="17" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
1648                        <path d="M4 12.5 9.5 18 20 7" />
1649                    </svg>
1650                </a>
1651                            <a class="lang-opt" href="https://pt.housity.net/" hreflang="pt-PT" >
1652                    <img class="lang-flag" loading="lazy" src="https://images.housity.net/icons/pt.svg" alt="" />
1653                    <span class="lang-opt-txt">
1654                        <b>Português</b>
1655                        <small>pt.housity.net</small>
1656                    </span>
1657                    <svg class="lang-check" viewBox="0 0 24 24" width="17" height="17" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
1658                        <path d="M4 12.5 9.5 18 20 7" />
1659                    </svg>
1660                </a>
1661                            <a class="lang-opt" href="https://ru.housity.net/" hreflang="ru-RU" >
1662                    <img class="lang-flag" loading="lazy" src="https://images.housity.net/icons/ru.svg" alt="" />
1663                    <span class="lang-opt-txt">
1664                        <b>Русский</b>
1665                        <small>ru.housity.net</small>
1666                    </span>
1667                    <svg class="lang-check" viewBox="0 0 24 24" width="17" height="17" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
1668                        <path d="M4 12.5 9.5 18 20 7" />
1669                    </svg>
1670                </a>
1671                            <a class="lang-opt" href="https://zh.housity.net/" hreflang="zh-CN" >
1672                    <img class="lang-flag" loading="lazy" src="https://images.housity.net/icons/zh.svg" alt="" />
1673                    <span class="lang-opt-txt">
1674                        <b>中文</b>
1675                        <small>zh.housity.net</small>
1676                    </span>
1677                    <svg class="lang-check" viewBox="0 0 24 24" width="17" height="17" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
1678                        <path d="M4 12.5 9.5 18 20 7" />
1679                    </svg>
1680                </a>
1681                            <a class="lang-opt" href="https://ja.housity.net/" hreflang="ja-JP" >
1682                    <img class="lang-flag" loading="lazy" src="https://images.housity.net/icons/ja.svg" alt="" />
1683                    <span class="lang-opt-txt">
1684                        <b>日本語</b>
1685                        <small>ja.housity.net</small>
1686                    </span>
1687                    <svg class="lang-check" viewBox="0 0 24 24" width="17" height="17" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
1688                        <path d="M4 12.5 9.5 18 20 7" />
1689                    </svg>
1690                </a>
1691                    </div>
1692    </div>
1693</div>
1694
1695<script type="text/javascript">
1696    document.addEventListener("scroll", () => {
1697        const header = document.querySelector("header");
1698
1699        if (window.scrollY > 0) {
1700            header.classList.add("scrolled");
1701        } else {
1702            header.classList.remove("scrolled");
1703        }
1704    });
1705
1706    document.addEventListener('DOMContentLoaded', function() {
1707        const questions = document.querySelectorAll('.faq-question');
1708        questions.forEach(question => {
1709            question.addEventListener('click', function() {
1710                this.classList.toggle('active');
1711            });
1712        });
1713
1714        const color = getComputedStyle(document.documentElement)
1715            .getPropertyValue('--color-primary').trim();
1716
1717        //document.querySelector('meta[name="theme-color"]')
1718        //.setAttribute('content', color);
1719    });
1720
1721    //SELECTOR DE IDIOMA
1722    (function() {
1723        const modal = document.getElementById('lang-modal');
1724        const btn = document.getElementById('lang-btn');
1725        if (!modal || !btn) return;
1726
1727        function openLang() {
1728            modal.hidden = false;
1729            btn.setAttribute('aria-expanded', 'true');
1730            document.body.style.overflow = 'hidden';
1731            const first = modal.querySelector('.lang-opt.selected') || modal.querySelector('.lang-opt');
1732            if (first) first.focus();
1733        }
1734
1735        function closeLang() {
1736            modal.hidden = true;
1737            btn.setAttribute('aria-expanded', 'false');
1738            document.body.style.overflow = '';
1739            btn.focus();
1740        }
1741
1742        btn.addEventListener('click', openLang);
1743        document.getElementById('lang-close').addEventListener('click', closeLang);
1744        modal.addEventListener('click', function(e) {
1745            if (e.target === modal) closeLang();
1746        });
1747        document.addEventListener('keydown', function(e) {
1748            if (e.key === 'Escape' && !modal.hidden) closeLang();
1749        });
1750    })();
1751</script>
1751    <div class="title-wrap">
1752        <div class="body-content">
1753            <h1 style="color: white;"> Housity - Contact</h1>
1754            <p>We are at your disposal for questions, inquiries, and collaborations.</p>
1755        </div>
1756    </div>
1757    <br><br>
1758    <div class="body-content" style="padding: 0px;">
1759
1760        <div class="flex-row">
1761
1762            <div style="flex: 1;">
1763                <h2>How to contact us</h2>
1764                <div class="form-item">
1765                    <div class="form-icon"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg></div>
1766                    <div>
1767                        <p class="form-label">EMAIL</p>
1768                        <p class="form-value"><a class="internal-link" href="mailto:[email protected]">[email protected]</a></p>
1769                    </div>
1770                </div>
1771
1772                <div class="form-item">
1773                    <div class="form-icon"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg></div>
1774                    <div>
1775                        <p class="form-label">RESPONSE TIME</p>
1776                        <p class="form-value">About 48h</p>
1777                    </div>
1778                </div>
1779                
1780            </div>
1781
1782            <div class="container">
1783                <h2>Send us a message</h2>
1784                <form id="contact-form" target="_blank" action="" method="post" class="contact-form">
1785
1786                    <div class="flex-row">
1787                        <div class="s-item">
1788                            <label for="name">Name *</label>
1789                            <input id="name-input" class="name" type="text" name="name" placeholder="Name" required>
1790                        </div>
1791                        <div class="s-item">
1792                            <label for="email">Your Email *</label>
1793                            <input id="email-input" class="email" type="text" name="email" placeholder="Your Email" required>
1794                        </div>
1795                    </div>
1796
1797                    <div class="s-item">
1798                        <label for="subject">Subject *</label>
1799                        <input id="subject-input" class="subject" type="text" name="subject" placeholder="Subject" required>
1800                    </div>
1801  
1802                    <div class="s-item">
1803                        <label for="message">Your Message *</label>
1804                        <textarea id="msg-input" class="message" type="text" name="message" placeholder="Your Message" required></textarea>
1805                    </div>
1806
1807
1808                    <div style="display:flex; flex-direction:row; align-items: center; gap: 15px;"><input id="subscribe-input" name="subscribe" type="checkbox" style="width: 25px;">
1809                        <p>I want to recieve offers from Housity</p>
1810                    </div>
1811                    <div style="display:flex; flex-direction:row; align-items: center; gap: 15px;"><input id="cookies-input" name="privacy-accepted" id="accept-privacy" type="checkbox" onchange='privaccept(this);' style="width: 25px;">
1812                        <p> I accept the <a class="internal-link" target="_blank" href="/privacy"> Privacy policy</a>.</p>
1813                    </div>
1814
1815                    <button type="submit" id="searchbutton" class="button" style="width: 100%;" disabled> Send </button> <img style="display: none;" id="sending-email" src=""></img>
1816                    <p style="display: none;" id="email-result"></p>
1817                </form>
1818            </div>
1819        </div>
1820
1821    </div>
1822    <br><br><br>
1823    
1824<footer>
1825    <div class='footer-row'>
1826
1827        <div class='column'>
1828             <p class="footer-title">Housity</p>
1829
1830            <div class='social-links'>
1831                <a style="display: flex;gap: 10px; color: white; text-decoration: none;" href='https://www.instagram.com/housity_/' rel='nofollow' target='_blank' aria-label="Follow us on instagram"> <img class="footer-icon" src="https://images.housity.net/instagram.png"/></a>                <a style="display: flex;gap: 10px; color: white; text-decoration: none;" href='https://www.facebook.com/people/Housity/100090119934114/' rel='nofollow' target='_blank' aria-label="Follow us on facebook"> <img class="footer-icon" src="https://images.housity.net/facebook.png"/></a>            </div>
1832        </div>
1833
1834
1835        <div class='column'>
1836            <p class='footer-title'>About us</p>
1837
1838            <div class='footer-links'>
1839                <a href='/contact' rel='nofollow'>Contact </a>
1840                <a href='/privacy' rel='nofollow'>Privacy policy </a>
1841                <a href='/cookie-policy' rel='nofollow'>Cookie Policy </a>
1842                <a href='/terms-and-conditions' rel='nofollow'> Terms and Conditions</a>
1843
1844            </div>
1845        </div>
1846
1847
1848        <div class='column'>
1849            <p class='footer-title'>Travel with us</p>
1850            <div class='footer-links'>
1851                <a href='/map'>Map</a>
1852                <a href='/flights' rel='nofollow' target='_blank'> Flights </a>
1853                <a href='/cars' rel='nofollow' target='_blank'>Car rental </a>
1854
1855            </div>
1856        </div>
1857    </div>
1858    <div class="disclaimer disclaimer-footer desktop-row">
1859        <p>&copy; 2026 Housity.net</p>
1860        <p class="footer-disclaimer">This website provides information for reference purposes only and is in no way affiliated with the accommodations mentioned. The information displayed may be inaccurate or outdated; please consult the official website for accurate details. Bookings are handled by our partner. For more details, see the Legal Notes section</p>
1861    </div>
1862</footer></body>
1863
1864</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.