PageSourceSearch

https://tropicalincentives.com/experiencias

html tropicalincentives.com collected 2026-10-04 15:23:31 UTC 242,796 bytes, 440 lines download raw bytes

1<!DOCTYPE html><html lang="es"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width"><meta name="description" content="Cuéntanos tu objetivo, número de pasajeros y fechas. Creamos programas de incentivo, team building y experiencias corporativas a la medida."><link rel="icon" type="image/svg+xml" href="/favicon.svg"><meta name="generator" content="Astro v6.4.2"><!-- Canonical URL --><link rel="canonical" href="https://tropicalincentives.com/experiencias"><!-- Hreflang para SEO multiidioma --><link rel="alternate" hreflang="en" href="https://tropicalincentives.com/en/experiences"><link rel="alternate" hreflang="es" href="https://tropicalincentives.com/experiencias"><link rel="alternate" hreflang="x-default" href="https://tropicalincentives.com/en/experiences"><meta property="og:title" content="Diseña tu programa de incentivos | Tropical Incentives"><meta property="og:description" content="Cuéntanos tu objetivo, número de pasajeros y fechas. Creamos programas de incentivo, team building y experiencias corporativas a la medida."><meta property="og:image" content="https://tropicalincentives.com/images/shared/og.webp"><meta property="og:url" content="https://tropicalincentives.com/experiencias"><meta property="og:type" content="website"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="Diseña tu programa de incentivos | Tropical Incentives"><meta name="twitter:description" content="Cuéntanos tu objetivo, número de pasajeros y fechas. Creamos programas de incentivo, team building y experiencias corporativas a la medida."><meta name="twitter:image" content="https://tropicalincentives.com/images/shared/og.webp"><title>Diseña tu programa de incentivos | Tropical Incentives</title><!-- Scripts de terceros diferidos -->
1<script>
2      if (!window.thirdPartyEventsInitialized) {
3        window.thirdPartyEventsInitialized = true;
4        window.thirdPartyLoaded = false;
5
6        window.loadThirdPartyScripts = function() {
7          if (window.thirdPartyLoaded) return;
8          window.thirdPartyLoaded = true;
9
10          // GTM
vendor: 495 bytes, lines 10-20
10
11          (function (w, d, s, l, i) {
12            w[l] = w[l] || [];
13            w[l].push({ "gtm.start": new Date().getTime(), event: "gtm.js" });
14            var f = d.getElementsByTagName(s)[0],
15              j = d.createElement(s),
16              dl = l != "dataLayer" ? "&l=" + l : "";
17            j.async = true;
18            j.src = "https://www.googletagmanager.com/gtm.js?id=" + i + dl;
19            f.parentNode.insertBefore(j, f);
20          })(window, document, "script", "dataLayer", "
20GTM-NQW9SL3
vendor: 15 bytes, lines 20-22
20");
21
22          
22// Hotjar
vendor: 143 bytes, lines 22-25
22
23          (function(h,o,t,j,a,r){
24              h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
25              h._hjSettings={hjid:
256655705
vendor: 296 bytes, lines 25-31
25,hjsv:6};
26              a=o.getElementsByTagName('head')[0];
27              r=o.createElement('script');r.async=1;
28              r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
29              a.appendChild(r);
30          })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
31        
31};
32
33        window.thirdPartyEvents = ["mousemove", "scroll", "touchstart", "click", "keydown"];
34        window.handleThirdPartyInteraction = function() {
35          window.loadThirdPartyScripts();
36          window.thirdPartyEvents.forEach(function(event) {
37            document.removeEventListener(event, window.handleThirdPartyInteraction);
38          });
39        };
40
41        window.thirdPartyEvents.forEach(function(event) {
42          document.addEventListener(event, window.handleThirdPartyInteraction, { passive: true });
43        });
44      }
45    </script>
45<!-- Schema -->
45<script type="application/ld+json" data-schema="organization">{"@context":"https://schema.org","@type":"TravelAgency","name":"Tropical Incentives DMC","alternateName":"Tropical Incentives","slogan":"Programas hechos a la medida","description":"Empresa DMC de mayor experiencia y prestigio en México y el Caribe. Especialistas en la industria MICE, asegurando la mejor planeación y ejecución de programas.","url":"https://tropicalincentives.com","logo":"https://tropicalincentives.com/images/shared/Logo.svg","areaServed":[{"@type":"Country","name":"Mexico"},{"@type":"Place","name":"Caribbean"}],"knowsAbout":["MICE Industry","Meetings","Incentives","Conventions","Corporate Events","Destination Management"],"address":{"@type":"PostalAddress","addressLocality":"Cancún","addressRegion":"Quintana Roo","addressCountry":"MX"},"contactPoint":{"@type":"ContactPoint","email":"[email protected]","telephone":"+52-998-366-0040","contactType":"sales","areaServed":["MX","US","CA"],"availableLanguage":["Es","En"]},"sameAs":["https://twitter.com/TropicalDMC","https://www.instagram.com/TropicalIncentives/","https://www.facebook.com/TropicalIncentives","https://www.linkedin.com/company/tropical-incentives-dmc/","https://www.youtube.com/channel/UCJb3VlmVyheGqFAjlHlU6HA"]}</script>
45 
45<script>
46    (function () {
47        function dedupeOrganizationSchema() {
48            const schemas = document.querySelectorAll(
49                'script[data-schema="organization"]',
50            );
51
52            if (schemas.length > 1) {
53                schemas.forEach((script, index) => {
54                    if (index < schemas.length - 1) {
55                        script.remove();
56                    }
57                });
58            }
59        }
60
61        document.addEventListener("astro:page-load", dedupeOrganizationSchema);
62    })();
63</script>
63<!-- End Schema --><meta name="astro-view-transitions-enabled" content="true"><meta name="astro-view-transitions-fallback" content="animate">
63<script type="module" src="/_astro/ClientRouter.astro_astro_type_script_index_0_lang.CAqDO0tx.js"></script>
63<style>.showlate[data-astro-cid-swfr7zxk]{opacity:0;animation:fadeIn 1s ease-in-out forwards;animation-delay:1s}@keyframes fadeIn{to{opacity:1}}
64#main-header[data-astro-cid-j2devmb2]{opacity:0;transform:translateY(-100%);animation:slideDown 1s ease-out forwards;animation-delay:1s}#main-header[data-astro-cid-j2devmb2].animation-done{animation:none!important;opacity:1;transform:translateY(0)}#main-header[data-astro-cid-j2devmb2].hide-header{opacity:0!important;transform:translateY(-100%)!important;pointer-events:none!important}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}
65.footer-accordion-trigger[data-astro-cid-cpgxvzen]{position:relative;width:100%;text-align:left;cursor:pointer;transition:color .3s ease-in-out}@media(max-width:767px){.footer-accordion-item[data-astro-cid-cpgxvzen]{border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:0}.footer-accordion-trigger[data-astro-cid-cpgxvzen]:after{content:"";position:absolute;right:0;top:50%;width:24px;height:24px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960' fill='%23C39B6D'%3E%3Cpath d='M480-345 240-585l56-56 184 184 184-184 56 56-240 240Z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;transform:translateY(-50%);transition:transform .3s ease-in-out}.footer-accordion-trigger[data-astro-cid-cpgxvzen].is-open:after{transform:translateY(-50%) rotate(180deg)}}@media(min-width:768px){.footer-accordion-trigger[data-astro-cid-cpgxvzen]{pointer-events:none;cursor:default}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:""}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-200:oklch(88.5% .062 18.334);--color-red-500:oklch(63.7% .237 25.331);--color-red-700:oklch(50.5% .213 27.518);--color-green-100:oklch(96.2% .044 156.743);--color-green-600:oklch(62.7% .194 149.214);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-md:28rem;--container-lg:32rem;--container-2xl:42rem;
65--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-8xl:6rem;--text-8xl--line-height:1;--text-9xl:8rem;--text-9xl--line-height:1;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-tight:-.025em;--tracking-wide:.025em;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--drop-shadow-sm:0 1px 2px #00000026;--drop-shadow-md:0 3px 3px #0000001f;--drop-shadow-lg:0 4px 4px #00000026;--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--animate-bounce:bounce 1s infinite;--blur-sm:8px;--blur-3xl:64px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}
65::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.inset-y-0{inset-block:calc(var(--spacing)*0)}.-top-10{top:calc(var(--spacing)*-10)}.-top-20{top:calc(var(--spacing)*-20)}.top-0{top:calc(var(--spacing)*0)}.top-1\/2{top:50%}.top-24{top:calc(var(--spacing)*24)}.top-40{top:calc(var(--spacing)*40)}.top-44{top:calc(var(--spacing)*44)}.top-full{top:100%}.-right-5{right:calc(var(--spacing)*-5)}.-right-8{right:calc(var(--spacing)*-8)}.-right-10{right:calc(var(--spacing)*-10)}.right-0{right:calc(var(--spacing)*0)}.right-3{right:calc(var(--spacing)*3)}.right-6{right:calc(var(--spacing)*6)}.right-\[-60px\]{right:-60px}.\!bottom-8{bottom:calc(var(--spacing)*8)!important}.-bottom-5{bottom:calc(var(--spacing)*-5)}.-bottom-10{bottom:calc(var(--spacing)*-10)}.-bottom-12{bottom:calc(var(--spacing)*-12)}.-bottom-24{bottom:calc(var(--spacing)*-24)}.-bottom-28{bottom:calc(var(--spacing)*-28)}.-bottom-80{bottom:calc(var(--spacing)*-80)}.bottom-0{bottom:calc(var(--spacing)*0)}.bottom-3{bottom:calc(var(--spacing)*3)}.bottom-6{bottom:calc(var(--spacing)*6)}.bottom-10{bottom:calc(var(--spacing)*10)}.bottom-\[12\%\]{bottom:12%}.bottom-\[20\%\]{bottom:20%}.-left-8{left:calc(var(--spacing)*-8)}.-left-10{left:calc(var(--spacing)*-10)}.left-0{left:calc(var(--spacing)*0)}.left-1\/2{left:50%}.left-3{left:calc(var(--spacing)*3)}.left-10{left:calc(var(--spacing)*10)}.left-50{left:calc(var(--spacing)*50)}.left-\[-60px\]{left:-60px}.isolate{isolation:isolate}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[60\]{z-index:60}.z-\[70\]{z-index:70}.order-1{order:1}.order-2{order:2}.col-span-2{grid-column:span 2/span 2}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing)*0)}.-mx-6{margin-inline:calc(var(--spacing)*-6)}.mx-4{margin-inline:calc(var(--spacing)*4)}.mx-auto{margin-inline:auto}.my-20{margin-block:calc(var(--spacing)*20)}.-mt-3{margin-top:calc(var(--spacing)*-3)}.-mt-6{margin-top:calc(var(--spacing)*-6)}.-mt-20{margin-top:calc(var(--spacing)*-20)}.-mt-\[50px\]{margin-top:-50px}
65.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-5{margin-top:calc(var(--spacing)*5)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-8{margin-top:calc(var(--spacing)*8)}.mt-10{margin-top:calc(var(--spacing)*10)}.mt-12{margin-top:calc(var(--spacing)*12)}.mt-16{margin-top:calc(var(--spacing)*16)}.mt-20{margin-top:calc(var(--spacing)*20)}.mt-24{margin-top:calc(var(--spacing)*24)}.mt-28{margin-top:calc(var(--spacing)*28)}.mt-\[5rem\]{margin-top:5rem}.mt-auto{margin-top:auto}.-mr-20{margin-right:calc(var(--spacing)*-20)}.mr-3{margin-right:calc(var(--spacing)*3)}.mr-5{margin-right:calc(var(--spacing)*5)}.mr-8{margin-right:calc(var(--spacing)*8)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-5{margin-bottom:calc(var(--spacing)*5)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.mb-10{margin-bottom:calc(var(--spacing)*10)}.mb-12{margin-bottom:calc(var(--spacing)*12)}.mb-16{margin-bottom:calc(var(--spacing)*16)}.mb-40{margin-bottom:calc(var(--spacing)*40)}.mb-\[-25px\]{margin-bottom:-25px}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-5{margin-left:calc(var(--spacing)*5)}.ml-auto{margin-left:auto}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.\!flex{display:flex!important}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.aspect-\[4\/5\]{aspect-ratio:4/5}.\!h-auto{height:auto!important}.h-1{height:calc(var(--spacing)*1)}.h-3{height:calc(var(--spacing)*3)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-8{height:calc(var(--spacing)*8)}.h-10{height:calc(var(--spacing)*10)}.h-12{height:calc(var(--spacing)*12)}.h-14{height:calc(var(--spacing)*14)}.h-16{height:calc(var(--spacing)*16)}.h-20{height:calc(var(--spacing)*20)}.h-32{height:calc(var(--spacing)*32)}.h-96{height:calc(var(--spacing)*96)}.h-\[1px\]{height:1px}.h-\[2px\]{height:2px}.h-\[24px\]{height:24px}.h-\[40px\]{height:40px}.h-\[46px\]{height:46px}.h-\[48px\]{height:48px}.h-\[55px\]{height:55px}.h-\[60px\]{height:60px}.h-\[80vh\]{height:80vh}.h-\[110px\]{height:110px}.h-\[126px\]{height:126px}.h-\[130px\]{height:130px}.h-\[144px\]{height:144px}.h-\[150px\]{height:150px}.h-\[165\]{height:165px}.h-\[230px\]{height:230px}.h-\[296px\]{height:296px}.h-\[298px\]{height:298px}.h-\[300px\]{height:300px}.h-\[320px\]{height:320px}.h-\[323px\]{height:323px}.h-\[325px\]{height:325px}.h-\[338px\]{height:338px}.h-\[340px\]{height:340px}.h-\[350px\]{height:350px}.h-\[362px\]{height:362px}.h-\[363px\]{height:363px}.h-\[399px\]{height:399px}.h-\[400px\]{height:400px}.h-\[418px\]{height:418px}.h-\[450px\]{height:450px}.h-\[454px\]{height:454px}.h-\[460px\]{height:460px}.h-\[538px\]{height:538px}.h-\[627px\]{height:627px}.h-\[675px\]{height:675px}.h-\[723px\]{height:723px}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.max-h-48{max-height:calc(var(--spacing)*48)}.min-h-0{min-height:calc(var(--spacing)*0)}.min-h-\[400px\]{min-height:400px}.min-h-\[600px\]{min-height:600px}.min-h-\[620px\]{min-height:620px}.\!w-auto{width:auto!important}.w-1\/2{width:50%}.w-3{width:calc(var(--spacing)*3)}.w-4{width:calc(var(--spacing)*4)}.w-4\/5{width:80%}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-8{width:calc(var(--spacing)*8)}.w-10{width:calc(var(--spacing)*10)}.w-10\/12{width:83.3333%}.w-12{width:calc(var(--spacing)*12)}.w-14{width:calc(var(--spacing)*14)}.w-16{width:calc(var(--spacing)*16)}.w-20{width:calc(var(--spacing)*20)}.w-44{width:calc(var(--spacing)*44)}.w-96{width:calc(var(--spacing)*96)}.w-\[1px\]{width:1px}.w-\[24px\]{width:24px}.w-\[40px\]{width:40px}.w-\[48px\]{width:48px}.w-\[50\%\]{width:50%}.w-\[60\%\]{width:60%}.w-\[95\%\]{width:95%}.w-\[110px\]{width:110px}.w-\[130px\]{width:130px}.w-\[150px\]{width:150px}.w-\[190px\]{width:190px}
65.w-\[200px\]{width:200px}.w-\[223px\]{width:223px}.w-\[300px\]{width:300px}.w-\[320px\]{width:320px}.w-\[420px\]{width:420px}.w-\[429px\]{width:429px}.w-\[460px\]{width:460px}.w-\[500px\]{width:500px}.w-\[655px\]{width:655px}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-screen{width:100vw}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-\[80\%\]{max-width:80%}.max-w-\[90\%\]{max-width:90%}.max-w-\[220px\]{max-width:220px}.max-w-\[350px\]{max-width:350px}.max-w-\[476px\]{max-width:476px}.max-w-\[536px\]{max-width:536px}.max-w-\[560px\]{max-width:560px}.max-w-\[800px\]{max-width:800px}.max-w-\[863px\]{max-width:863px}.max-w-\[1099px\]{max-width:1099px}.max-w-\[1270px\]{max-width:1270px}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-\[110px\]{min-width:110px}.min-w-\[120px\]{min-width:120px}
65.min-w-\[200px\]{min-width:200px}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.\!-translate-x-1\/2{--tw-translate-x: -50% !important;translate:var(--tw-translate-x)var(--tw-translate-y)!important}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-x-\[65\%\]{--tw-translate-x: -65% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-0{--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-full{--tw-translate-x:100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-0{--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-4{--tw-translate-y:calc(var(--spacing)*4);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-5{--tw-translate-y:calc(var(--spacing)*5);translate:var(--tw-translate-x)var(--tw-translate-y)}.scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-bounce{animation:var(--animate-bounce)}.animate-spin{animation:var(--animate-spin)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-none{resize:none}.list-disc{list-style-type:disc}.appearance-none{appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0{gap:calc(var(--spacing)*0)}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-5{gap:calc(var(--spacing)*5)}.gap-6{gap:calc(var(--spacing)*6)}.gap-8{gap:calc(var(--spacing)*8)}.gap-10{gap:calc(var(--spacing)*10)}.gap-11{gap:calc(var(--spacing)*11)}.gap-12{gap:calc(var(--spacing)*12)}.gap-14{gap:calc(var(--spacing)*14)}.gap-16{gap:calc(var(--spacing)*16)}.gap-20{gap:calc(var(--spacing)*20)}.gap-32{gap:calc(var(--spacing)*32)}.gap-36{gap:calc(var(--spacing)*36)}.gap-\[20px\]{gap:20px}.gap-\[30px\]{gap:30px}.gap-\[35px\]{gap:35px}.gap-\[50px\]{gap:50px}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*8)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-y-reverse)))}.gap-x-8{column-gap:calc(var(--spacing)*8)}.gap-x-10{column-gap:calc(var(--spacing)*10)}:where(.space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))}.gap-y-5{row-gap:calc(var(--spacing)*5)}.gap-y-6{row-gap:calc(var(--spacing)*6)}.gap-y-8{row-gap:calc(var(--spacing)*8)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.\!overflow-visible{overflow:visible!important}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[2\.5rem\]{border-radius:2.5rem}.rounded-\[6px\]{border-radius:6px}.rounded-\[8px\]{border-radius:8px}
65.rounded-\[10px\]{border-radius:10px}.rounded-\[12px\]{border-radius:12px}.rounded-\[15px\]{border-radius:15px}.rounded-\[17px\]{border-radius:17px}.rounded-\[20px\]{border-radius:20px}.rounded-\[30px\]{border-radius:30px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-l-xl{border-top-left-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-xl)}.rounded-r-xl{border-top-right-radius:var(--radius-xl);border-bottom-right-radius:var(--radius-xl)}.border,.border-1{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-\[\#1F2937\]{border-color:#1f2937}.border-\[\#8C7A5E\]{border-color:#8c7a5e}.border-\[\#8C7A5E\]\/20{border-color:#8c7a5e33}.border-\[\#8E7D61\]{border-color:#8e7d61}.border-\[\#C39B6D\]{border-color:#c39b6d}.border-\[\#D7D7D7\]{border-color:#d7d7d7}.border-\[\#E5E1D8\]{border-color:#e5e1d8}.border-\[\#E6E6E6\]{border-color:#e6e6e6}.border-\[\#E7E7E7\]{border-color:#e7e7e7}.border-\[\#ECECEC\]{border-color:#ececec}.border-\[\#FFFFFF1A\]{border-color:#ffffff1a}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-red-200{border-color:var(--color-red-200)}.border-red-500{border-color:var(--color-red-500)}.border-white{border-color:var(--color-white)}.border-white\/20{border-color:#fff3}@supports (color:color-mix(in lab,red,red)){.border-white\/20{border-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.bg-\[\#1F2937\]{background-color:#1f2937}.bg-\[\#8C7A5E\]{background-color:#8c7a5e}.bg-\[\#8C7A5E\]\/10{background-color:#8c7a5e1a}.bg-\[\#8E7D61\]{background-color:#8e7d61}.bg-\[\#9ca3af\]{background-color:#9ca3af}.bg-\[\#212E42\]{background-color:#212e42}.bg-\[\#17202DB2\]{background-color:#17202db2}.bg-\[\#182335\]{background-color:#182335}.bg-\[\#B39470\]\/20{background-color:#b3947033}.bg-\[\#C8C8C8\]{background-color:#c8c8c8}.bg-\[\#DAD9D8\]{background-color:#dad9d8}.bg-\[\#F1F1F1\]{background-color:#f1f1f1}.bg-\[\#F7F7F7\]{background-color:#f7f7f7}.bg-\[\#F9FAFB\]{background-color:#f9fafb}.bg-\[\#FDFBF7\]{background-color:#fdfbf7}.bg-\[\#FFFBF3\]{background-color:#fffbf3}.bg-\[\#fbfaf8\]{background-color:#fbfaf8}.bg-black\/20{background-color:#0003}@supports (color:color-mix(in lab,red,red)){.bg-black\/20{background-color:color-mix(in oklab,var(--color-black)20%,transparent)}}.bg-black\/30{background-color:#0000004d}@supports (color:color-mix(in lab,red,red)){.bg-black\/30{background-color:color-mix(in oklab,var(--color-black)30%,transparent)}}.bg-black\/40{background-color:#0006}@supports (color:color-mix(in lab,red,red)){.bg-black\/40{background-color:color-mix(in oklab,var(--color-black)40%,transparent)}}.bg-black\/45{background-color:#00000073}@supports (color:color-mix(in lab,red,red)){.bg-black\/45{background-color:color-mix(in oklab,var(--color-black)45%,transparent)}}.bg-black\/60{background-color:#0009}@supports (color:color-mix(in lab,red,red)){.bg-black\/60{background-color:color-mix(in oklab,var(--color-black)60%,transparent)}}.bg-black\/70{background-color:#000000b3}@supports (color:color-mix(in lab,red,red)){.bg-black\/70{background-color:color-mix(in oklab,var(--color-black)70%,transparent)}}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-300{background-color:var(--color-gray-300)}.bg-green-100{background-color:var(--color-green-100)}.bg-red-50{background-color:var(--color-red-50)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.bg-white\/10{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.bg-gradient-to-t{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-\[\#1a2433\]{--tw-gradient-from:#1a2433;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var
65(--tw-gradient-to-position))}.from-\[\#212E42\]{--tw-gradient-from:#212e42;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-black\/60{--tw-gradient-from:#0009}@supports (color:color-mix(in lab,red,red)){.from-black\/60{--tw-gradient-from:color-mix(in oklab,var(--color-black)60%,transparent)}}.from-black\/60{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-black\/70{--tw-gradient-from:#000000b3}@supports (color:color-mix(in lab,red,red)){.from-black\/70{--tw-gradient-from:color-mix(in oklab,var(--color-black)70%,transparent)}}.from-black\/70{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-black\/80{--tw-gradient-from:#000c}@supports (color:color-mix(in lab,red,red)){.from-black\/80{--tw-gradient-from:color-mix(in oklab,var(--color-black)80%,transparent)}}.from-black\/80{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.via-black\/20{--tw-gradient-via:#0003}@supports (color:color-mix(in lab,red,red)){.via-black\/20{--tw-gradient-via:color-mix(in oklab,var(--color-black)20%,transparent)}}.via-black\/20{--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-transparent{--tw-gradient-via:transparent;--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-black\/20{--tw-gradient-to:#0003}@supports (color:color-mix(in lab,red,red)){.to-black\/20{--tw-gradient-to:color-mix(in oklab,var(--color-black)20%,transparent)}}.to-black\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.bg-contain{background-size:contain}.bg-cover{background-size:cover}.bg-bottom-left{background-position:0 100%}.bg-center{background-position:50%}.bg-no-repeat{background-repeat:no-repeat}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.object-center{object-position:center}.p-0\.5{padding:calc(var(--spacing)*.5)}.p-1{padding:calc(var(--spacing)*1)}.p-1\.5{padding:calc(var(--spacing)*1.5)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-5{padding:calc(var(--spacing)*5)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.p-10{padding:calc(var(--spacing)*10)}.p-\[10px\]{padding:10px}.p-\[25px\]{padding:25px}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-7{padding-inline:calc(var(--spacing)*7)}.px-8{padding-inline:calc(var(--spacing)*8)}.px-10{padding-inline:calc(var(--spacing)*10)}.px-12{padding-inline:calc(var(--spacing)*12)}.px-16{padding-inline:calc(var(--spacing)*16)}.px-\[1px\]{padding-inline:1px}.px-\[15px\]{padding-inline:15px}.px-\[50px\]{padding-inline:50px}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-5{padding-block:calc(var(--spacing)*5)}.py-6{padding-block:calc(var(--spacing)*6)}.py-8{padding-block:calc(var(--spacing)*8)}.py-10{padding-block:calc(var(--spacing)*10)}.py-12{padding-block:calc(var(--spacing)*12)}.py-14{padding-block:calc(var(--spacing)*14)}
65.py-20{padding-block:calc(var(--spacing)*20)}.py-24{padding-block:calc(var(--spacing)*24)}.py-28{padding-block:calc(var(--spacing)*28)}.py-29{padding-block:calc(var(--spacing)*29)}.py-40{padding-block:calc(var(--spacing)*40)}.py-50{padding-block:calc(var(--spacing)*50)}.py-\[7px\]{padding-block:7px}.py-\[12px\]{padding-block:12px}.py-\[15px\]{padding-block:15px}.pt-0{padding-top:calc(var(--spacing)*0)}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-4{padding-top:calc(var(--spacing)*4)}.pt-6{padding-top:calc(var(--spacing)*6)}.pt-8{padding-top:calc(var(--spacing)*8)}.pt-10{padding-top:calc(var(--spacing)*10)}.pt-12{padding-top:calc(var(--spacing)*12)}.pt-14{padding-top:calc(var(--spacing)*14)}.pt-16{padding-top:calc(var(--spacing)*16)}.pt-20{padding-top:calc(var(--spacing)*20)}.pt-30{padding-top:calc(var(--spacing)*30)}.pt-\[50px\]{padding-top:50px}.pt-\[280px\]{padding-top:280px}.pr-2{padding-right:calc(var(--spacing)*2)}.pr-8{padding-right:calc(var(--spacing)*8)}.pr-10{padding-right:calc(var(--spacing)*10)}.pb-5{padding-bottom:calc(var(--spacing)*5)}.pb-6{padding-bottom:calc(var(--spacing)*6)}.pb-8{padding-bottom:calc(var(--spacing)*8)}.pb-10{padding-bottom:calc(var(--spacing)*10)}.pb-14{padding-bottom:calc(var(--spacing)*14)}.pb-16{padding-bottom:calc(var(--spacing)*16)}.pb-20{padding-bottom:calc(var(--spacing)*20)}.pb-24{padding-bottom:calc(var(--spacing)*24)}.pb-30{padding-bottom:calc(var(--spacing)*30)}.pb-32{padding-bottom:calc(var(--spacing)*32)}.pb-\[80px\]{padding-bottom:80px}.pl-3{padding-left:calc(var(--spacing)*3)}.pl-4{padding-left:calc(var(--spacing)*4)}.pl-5{padding-left:calc(var(--spacing)*5)}.text-center{text-align:center}.text-justify{text-align:justify}.text-left{text-align:left}.text-start{text-align:start}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-8xl{font-size:var(--text-8xl);line-height:var(--tw-leading,var(--text-8xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[16px\]{font-size:16px}.text-\[17px\]{font-size:17px}.text-\[18px\]{font-size:18px}.text-\[19px\]{font-size:19px}.text-\[20px\]{font-size:20px}.text-\[24px\]{font-size:24px}.text-\[25px\]{font-size:25px}.text-\[26px\]{font-size:26px}.text-\[28px\]{font-size:28px}.text-\[30px\]{font-size:30px}.text-\[32px\]{font-size:32px}.text-\[36px\]{font-size:36px}.text-\[40px\]{font-size:40px}.text-\[45px\]{font-size:45px}.text-\[46px\]{font-size:46px}.text-\[48px\]{font-size:48px}.text-\[50px\]{font-size:50px}.text-\[56px\]{font-size:56px}.leading-\[22px\]{--tw-leading:22px;line-height:22px}.leading-\[24px\]{--tw-leading:24px;line-height:24px}.leading-\[25px\]{--tw-leading:25px;line-height:25px}.leading-\[26px\]{--tw-leading:26px;line-height:26px}.leading-\[27px\]{--tw-leading:27px;line-height:27px}.leading-\[28\.84px\]{--tw-leading:28.84px;line-height:28.84px}.leading-\[28px\]{--tw-leading:28px;line-height:28px}.leading-\[30px\]{--tw-leading:30px;line-height:30px}.leading-\[35px\]{--tw-leading:35px;line-height:35px}.leading-\[36px\]{--tw-leading:36px;line-height:36px}.leading-\[40px\]{--tw-leading:40px;line-height:40px}.leading-\[41\.4px\]{--tw-leading:41.4px;line-height:41.4px}.leading-\[43\.2px\]{--tw-leading:43.2px;line-height:43.2px}.leading-\[44\.46px\]{--tw-leading:44.46px;line-height:44.46px}.leading-\[46\.8px\]{--tw-leading:46.8px;line-height:46.8px}.leading-\[51px\]{--tw-leading:51px;line-height:51px}.leading-\[55\.2px\]{--tw-leading:55.2px;line-height:55.2px}.leading-\[63px\]{--tw-leading:63px;line-height:63px}.leading-none{--tw-leading:1;line-height:1}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-\[400\]{--tw-font-weight:400;font-weight:400}.font-\[500\]{--tw-font-weight:500;font-weight:500}.font-\[700\]{--tw-font-weight:700;font-weight:700}.font-\[800\]{--tw-font-weight:800;font-weight:800}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[-0\.384px\]{--tw-tracking:-.384px;letter-spacing:-.384px}.tracking-\[-1\.4px\]{--tw-tracking:-1.4px;letter-spacing:-1.4px}.tracking-\[-3\.25px\]{--tw-tracking:-3.25px;letter-spacing:-3.25px}.tracking-\[4\.64px\]{--tw-tracking:4.64px;letter-spacing:4.64px}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.text-\[\#0A2540\]{color:#0a2540}.text-\[\#1F2937\]{color:#1f2937}.text-\[\#5A4E3D\]{color:#5a4e3d}.text-\[\#5C5C5C\]{color:#5c5c5c}.text-\[\#8C7A5E\]{color:#8c7a5e}.text-\[\#8C8C8C\]{color:#8c8c8c}.text-\[\#8E7D61\]{color:#8e7d61}.text-\[\#9E9E9E\]{color:#9e9e9e}.text-\[\#212E42\]{color:#212e42}.text-\[\#212E42\]\/90{color:#212e42e6}.text-\[\#333\]{color:#333}.text-\[\#757F8F\]{color:#757f8f}
65.text-\[\#777F8C\]{color:#777f8c}.text-\[\#01273A\]{color:#01273a}.text-\[\#17202D\]{color:#17202d}.text-\[\#182335\]{color:#182335}.text-\[\#565656\]{color:#565656}.text-\[\#586171\]{color:#586171}.text-\[\#595959\]{color:#595959}.text-\[\#B7B7B0\]{color:#b7b7b0}.text-\[\#B39470\]{color:#b39470}.text-\[\#C4A484\]{color:#c4a484}.text-\[\#C39B6D\]{color:#c39b6d}.text-\[\#CBCBCB\]{color:#cbcbcb}.text-\[\#D5D5D5\]{color:#d5d5d5}.text-\[\#FAFAFA\]{color:#fafafa}.text-\[\#FFFBF3\]{color:#fffbf3}.text-\[\#FFFFFFE5\]{color:#ffffffe5}.text-\[CurrentColor\],.text-\[currentColor\]{color:currentColor}.text-black{color:var(--color-black)}.text-blue-600{color:var(--color-blue-600)}.text-gray-200{color:var(--color-gray-200)}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-green-600{color:var(--color-green-600)}.text-red-500{color:var(--color-red-500)}.text-red-700{color:var(--color-red-700)}.text-white{color:var(--color-white)}.text-white\/80{color:#fffc}@supports (color:color-mix(in lab,red,red)){.text-white\/80{color:color-mix(in oklab,var(--color-white)80%,transparent)}}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.placeholder-gray-400::placeholder{color:var(--color-gray-400)}.accent-\[\#1F2937\]{accent-color:#1f2937}.opacity-0{opacity:0}.opacity-5{opacity:.05}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.opacity-100{opacity:1}.mix-blend-luminosity{mix-blend-mode:luminosity}.mix-blend-screen{mix-blend-mode:screen}
65.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_40px_-10px_rgba\(0\,0\,0\,0\.3\)\]{--tw-shadow:0 0 40px -10px var(--tw-shadow-color,#0000004d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-sha
65dow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.blur-3xl{--tw-blur:blur(var(--blur-3xl));filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.drop-shadow-lg{--tw-drop-shadow-size:drop-shadow(0 4px 4px var(--tw-drop-shadow-color,#00000026));--tw-drop-shadow:drop-shadow(var(--drop-shadow-lg));filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.drop-shadow-md{--tw-drop-shadow-size:drop-shadow(0 3px 3px var(--tw-drop-shadow-color,#0000001f));--tw-drop-shadow:drop-shadow(var(--drop-shadow-md));filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.drop-shadow-sm{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#00000026));--tw-drop-shadow:drop-shadow(var(--drop-shadow-sm));filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.duration-700{--tw-duration:.7s;transition-duration:.7s}.duration-1000{--tw-duration:1s;transition-duration:1s}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}
65.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}@media(hover:hover){.group-hover\:-translate-x-2:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing)*-2);translate:var(--tw-translate-x)var(--tw-translate-y)}.group-hover\:translate-x-1:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.group-hover\:scale-105:is(:where(.group):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.group-hover\:scale-110:is(:where(.group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.group-hover\:border-\[\#8E7D61\]:is(:where(.group):hover *){border-color:#8e7d61}.group-hover\:bg-\[\#8C7A5E\]\/10:is(:where(.group):hover *){background-color:#8c7a5e1a}.group-hover\:bg-\[\#8E7D61\]:is(:where(.group):hover *){background-color:#8e7d61}.group-hover\:\!text-white:is(:where(.group):hover *){color:var(--color-white)!important}.group-hover\:text-\[\#000\]:is(:where(.group):hover *){color:#000}.group-hover\:text-\[\#8C7A5E\]:is(:where(.group):hover *){color:#8c7a5e}.group-hover\:text-white:is(:where(.group):hover *){color:var(--color-white)}.group-hover\/destinos\:visible:is(:where(.group\/destinos):hover *){visibility:visible}.group-hover\/destinos\:opacity-100:is(:where(.group\/destinos):hover *){opacity:1}.group-hover\/hamburger\:visible:is(:where(.group\/hamburger):hover *){visibility:visible}.group-hover\/hamburger\:opacity-100:is(:where(.group\/hamburger):hover *){opacity:1}.group-hover\/item\:scale-110:is(:where(.group\/item):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.group-hover\/lang\:visible:is(:where(.group\/lang):hover *){visibility:visible}.group-hover\/lang\:opacity-100:is(:where(.group\/lang):hover *){opacity:1}}.group-\[\.scrolled\]\:block:is(:where(.group).scrolled *){display:block}.group-\[\.scrolled\]\:hidden:is(:where(.group).scrolled *){display:none}.group-\[\.scrolled\]\:text-\[\#212E42\]:is(:where(.group).scrolled *){color:#212e42}.group-\[\.scrolled\]\:text-gray-800:is(:where(.group).scrolled *){color:var(--color-gray-800)}.group-\[\.swiper-slide-active\]\:opacity-90:is(:where(.group).swiper-slide-active *){opacity:.9}.group-\[\.swiper-slide-active\]\:opacity-100:is(:where(.group).swiper-slide-active *){opacity:1}.placeholder\:text-\[14px\]::placeholder{font-size:14px}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:right-4:before{content:var(--tw-content);right:calc(var(--spacing)*4)}.before\:bottom-full:before{content:var(--tw-content);bottom:100%}.before\:left-1\/2:before{content:var(--tw-content);left:50%}.before\:left-\[65\%\]:before{content:var(--tw-content);left:65%}.before\:-translate-x-1\/2:before{content:var(--tw-content);--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.before\:border-8:before{content:var(--tw-content);border-style:var(--tw-border-style);border-width:8px}.before\:border-transparent:before{content:var(--tw-content);border-color:#0000}.before\:border-b-\[\#EBEBEB\]:before{content:var(--tw-content);border-bottom-color:#ebebeb}.before\:border-b-white:before{content:var(--tw-content);border-bottom-color:var(--color-white)}.before\:content-\[\'\'\]:before{--tw-content:"";content:var(--tw-content)}.focus-within\:ring-2:focus-within{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
65dow)}.focus-within\:ring-blue-500:focus-within{--tw-ring-color:var(--color-blue-500)}@media(hover:hover){.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:scale-125:hover{--tw-scale-x:125%;--tw-scale-y:125%;--tw-scale-z:125%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:scale-\[1\.03\]:hover{scale:1.03}.hover\:border-\[\#8C7A5E\]:hover{border-color:#8c7a5e}.hover\:bg-\[\#2a3b55\]:hover{background-color:#2a3b55}.hover\:bg-\[\#7a6a51\]:hover{background-color:#7a6a51}.hover\:bg-\[\#7a6b52\]:hover{background-color:#7a6b52}.hover\:bg-\[\#8E7D61\]:hover{background-color:#8e7d61}.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-gray-900:hover{background-color:var(--color-gray-900)}.hover\:bg-red-50:hover{background-color:var(--color-red-50)}.hover\:bg-white:hover{background-color:var(--color-white)}.hover\:bg-white\/10:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/10:hover{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.hover\:text-\[\#212E42\]:hover{color:#212e42}.hover\:text-\[\#01273A\]:hover{color:#01273a}.hover\:text-\[\#B39470\]:hover{color:#b39470}.hover\:text-gray-300:hover{color:var(--color-gray-300)}.hover\:text-red-500:hover{color:var(--color-red-500)}.hover\:text-white:hover{color:var(--color-white)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-90:hover{opacity:.9}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-sha
65dow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:border-\[\#8C7A5E\]:focus{border-color:#8c7a5e}.focus\:border-red-500:focus{border-color:var(--color-red-500)}.focus\:ring-1:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
65dow)}.focus\:ring-\[\#8C7A5E\]:focus{--tw-ring-color:#8c7a5e}.focus\:ring-blue-500:focus{--tw-ring-color:var(--color-blue-500)}.focus\:ring-red-500:focus{--tw-ring-color:var(--color-red-500)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@media(min-width:40rem){.sm\:col-span-2{grid-column:span 2/span 2}.sm\:inline{display:inline}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}}@media(min-width:48rem){.md\:left-20{left:calc(var(--spacing)*20)}.md\:order-1{order:1}.md\:order-2{order:2}.md\:col-span-5{grid-column:span 5/span 5}.md\:col-span-7{grid-column:span 7/span 7}.md\:col-span-10{grid-column:span 10/span 10}.md\:-mt-28{margin-top:calc(var(--spacing)*-28)}.md\:-mt-36{margin-top:calc(var(--spacing)*-36)}.md\:-mt-48{margin-top:calc(var(--spacing)*-48)}.md\:-mt-52{margin-top:calc(var(--spacing)*-52)}.md\:mt-0{margin-top:calc(var(--spacing)*0)}.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:h-36{height:calc(var(--spacing)*36)}.md\:h-40{height:calc(var(--spacing)*40)}.md\:h-\[50px\]{height:50px}.md\:w-\[50px\]{width:50px}.md\:w-\[402px\]{width:402px}.md\:w-\[750px\]{width:750px}.md\:w-\[calc\(33\.333\%-1rem\)\]{width:calc(33.333% - 1rem)}.md\:max-w-\[553px\]{max-width:553px}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:justify-between{justify-content:space-between}.md\:justify-start{justify-content:flex-start}.md\:gap-8{gap:calc(var(--spacing)*8)}.md\:gap-16{gap:calc(var(--spacing)*16)}:where(.md\:space-y-0>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*0)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*0)*calc(1 - var(--tw-space-y-reverse)))}.md\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.md\:p-6{padding:calc(var(--spacing)*6)}.md\:p-11{padding:calc(var(--spacing)*11)}.md\:px-6{padding-inline:calc(var(--spacing)*6)}.md\:px-8{padding-inline:calc(var(--spacing)*8)}.md\:px-10{padding-inline:calc(var(--spacing)*10)}.md\:px-12{padding-inline:calc(var(--spacing)*12)}.md\:py-3{padding-block:calc(var(--spacing)*3)}.md\:py-16{padding-block:calc(var(--spacing)*16)}.md\:py-28{padding-block:calc(var(--spacing)*28)}.md\:pt-0{padding-top:calc(var(--spacing)*0)}.md\:pt-32{padding-top:calc(var(--spacing)*32)}.md\:pb-20{padding-bottom:calc(var(--spacing)*20)}.md\:pb-32{padding-bottom:calc(var(--spacing)*32)}.md\:text-left{text-align:left}.md\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.md\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.md\:text-9xl{font-size:var(--text-9xl);line-height:var(--tw-leading,var(--text-9xl--line-height))}.md\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.md\:text-\[16px\]{font-size:16px}.md\:text-\[20px\]{font-size:20px}.md\:text-\[24px\]{font-size:24px}.md\:text-\[28px\]{font-size:28px}.md\:text-\[32px\]{font-size:32px}.md\:text-\[48px\]{font-size:48px}.md\:text-\[50px\]{font-size:50px}.md\:text-\[58px\]{font-size:58px}.md\:text-\[60px\]{font-size:60px}.md\:text-\[64px\]{font-size:64px}.md\:text-\[80px\]{font-size:80px}}@media(min-width:64rem){.lg\:absolute{position:absolute}.lg\:top-1\/4{top:25%}.lg\:-right-28{right:calc(var(--spacing)*-28)}.lg\:-right-30{right:calc(var(--spacing)*-30)}.lg\:right-14{right:calc(var(--spacing)*14)}.lg\:-bottom-20{bottom:calc(var(--spacing)*-20)}.lg\:-bottom-28{bottom:calc(var(--spacing)*-28)}.lg\:left-40{left:calc(var(--spacing)*40)}.lg\:order-1{order:1}.lg\:order-2{order:2}.lg\:col-span-4{grid-column:span 4/span 4}.lg\:col-span-5{grid-column:span 5/span 5}.lg\:col-span-6{grid-column:span 6/span 6}.lg\:col-span-7{grid-column:span 7/span 7}.lg\:col-span-8{grid-column:span 8/span 8}.lg\:container{width:100%}@media(min-width:40rem){.lg\:container{max-width:40rem}}@media(min-width:48rem){.lg\:container{max-width:48rem}}.lg\:container{max-width:64rem}@media(min-width:80rem){.lg\:container{max-width:80rem}}@media(min-width:96rem){.lg\:container{max-width:96rem}}.lg\:-mx-\[calc\(\(100vw-1280px\)\/2\+24px\)\]{margin-inline:calc(616px - 50vw)}.lg\:mx-auto{margin-inline:auto}.lg\:my-0{margin-block:calc(var(--spacing)*0)}.lg\:-mt-20{margin-top:calc(var(--spacing)*-20)}.lg\:-mt-24{margin-top:calc(var(--spacing)*-24)}.lg\:-mt-40{margin-top:calc(var(--spacing)*-40)}.lg\:mt-0{margin-top:calc(var(--spacing)*0)}.lg\:mt-5{margin-top:calc(var(--spacing)*5)}.lg\:mt-8{margin-top:calc(var(--spacing)*8)}.lg\:mt-12{margin-top:calc(var(--spacing)*12)}.lg\:mt-16{margin-top:calc(var(--spacing)*16)}.lg\:mb-0{margin-bottom:calc(var(--spacing)*0)}.lg\:mb-6{margin-bottom:calc(var(--spacing)*6)}.lg\:mb-10{margin-bottom:calc(var(--spacing)*10)}.lg\:mb-12{margin-bottom:calc(var(--spacing)*12)}.lg\:-ml-5{margin-left:calc(var(--spacing)*-5)}.lg\:-ml-40{margin-left:calc(var(--spacing)*-40)}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:inline{display:inline}.lg\:h-\[348px\]{height:348px}.lg\:h-\[369px\]{height:369px}.lg\:h-\[377px\]{height:377px}.lg\:h-\[394px\]{height:394px}.lg\:h-\[400px\]{height:400px}.lg\:h-\[412px\]{height:412px}.lg\:h-\[440px\]{height:440px}.lg\:h-\[450px\]{height:450px}.lg\:h-\[466px\]{height:466px}.lg\:h-\[480px\]{height:480px}.lg\:h-\[500px\]{height:500px}.lg\:h-\[504px\]{height:504px}.lg\:h-\[508px\]{height:508px}.lg\:h-\[546px\]{height:546px}.lg\:h-\[556px\]{height:556px}.lg\:h-\[578px\]{height:578px}.lg\:h-\[587px\]{height:587px}.lg\:h-\[596px\]{height:596px}.lg\:h-\[650px\]{height:650px}.lg\:h-\[658px\]{height:658px}.lg\:h-\[683px\]{height:683px}.lg\:h-\[732px\]{height:732px}.lg\:h-\[812px\]{height:812px}.lg\:h-auto{height:auto}.lg\:h-full{height:100%}.lg\:w-1\/2{width:50%}.lg\:w-1\/5{width:20%}.lg\:w-10\/12{width:83.3333%}.lg\:w-\[30\%\]{width:30%}.lg\:w-\[70\%\]{width:70%}.lg\:w-\[82\%\]{width:82%}.lg\:w-\[150px\]{width:150px}.lg\:w-\[256px\]{width:256px}.lg\:w-\[509px\]{width:509px}.lg\:w-\[600px\]{width:600px}.lg\:w-\[620px\]{width:620px}.lg\:w-\[650px\]{width:650px}.lg\:w-\[777px\]{width:777px}.lg\:w-\[1137px\]{width:1137px}.lg\:w-auto{width:auto}.lg\:w-full{width:100%}.lg\:max-w-3xl{max-width:var(--container-3xl)}.lg\:max-w-4xl{max-width:var(--container-4xl)}.lg\:max-w-6xl{max-width:var(--container-6xl)}.lg\:max-w-\[70\%\]{max-width:70%}.lg\:max-w-\[369px\]{max-width:369px}.lg\:max-w-\[522px\]{max-width:522px}.lg\:max-w-\[553px\]{max-width:553px}.lg\:max-w-full{max-width:100%}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.lg\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:grid-cols-\[55fr_45fr\]{grid-template-columns:55fr 45fr}.lg\:flex-row{flex-direction:row}.lg\:items-start{align-items:flex-start}.lg\:justify-end{justify-content:flex-end}.lg\:justify-start{justify-content:flex-start}.lg\:gap-0{gap:calc(var(--spacing)*0)}.lg\:gap-4{gap:calc(var(--spacing)*4)}.lg\:gap-5{gap:calc(var(--spacing)*5)}.lg\:gap-6{gap:calc(var(--spacing)*6)}.lg\:gap-8{gap:calc(var(--spacing)*8)}.lg\:gap-10{gap:calc(var(--spacing)*10)}.lg\:gap-11{gap:calc(var(--spacing)*11)}.lg\:gap-12{gap:calc(var(--spacing)*12)}.lg\:gap-14{gap:calc(var(--spacing)*14)}
65.lg\:gap-15{gap:calc(var(--spacing)*15)}.lg\:gap-16{gap:calc(var(--spacing)*16)}.lg\:gap-20{gap:calc(var(--spacing)*20)}.lg\:gap-\[70px\]{gap:70px}.lg\:gap-\[160px\]{gap:160px}.lg\:gap-x-12{column-gap:calc(var(--spacing)*12)}.lg\:self-start{align-self:flex-start}.lg\:\!overflow-hidden{overflow:hidden!important}.lg\:rounded-2xl{border-radius:var(--radius-2xl)}.lg\:rounded-\[26px\]{border-radius:26px}.lg\:border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.lg\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.lg\:p-8{padding:calc(var(--spacing)*8)}.lg\:p-14{padding:calc(var(--spacing)*14)}.lg\:px-0{padding-inline:calc(var(--spacing)*0)}.lg\:px-5{padding-inline:calc(var(--spacing)*5)}.lg\:px-10{padding-inline:calc(var(--spacing)*10)}.lg\:px-14{padding-inline:calc(var(--spacing)*14)}.lg\:px-16{padding-inline:calc(var(--spacing)*16)}.lg\:px-20{padding-inline:calc(var(--spacing)*20)}.lg\:px-24{padding-inline:calc(var(--spacing)*24)}.lg\:px-26{padding-inline:calc(var(--spacing)*26)}.lg\:px-\[30px\]{padding-inline:30px}.lg\:px-\[87px\]{padding-inline:87px}.lg\:px-\[89px\]{padding-inline:89px}.lg\:px-\[95px\]{padding-inline:95px}.lg\:py-2{padding-block:calc(var(--spacing)*2)}.lg\:py-5{padding-block:calc(var(--spacing)*5)}.lg\:py-8{padding-block:calc(var(--spacing)*8)}.lg\:py-14{padding-block:calc(var(--spacing)*14)}.lg\:py-16{padding-block:calc(var(--spacing)*16)}.lg\:py-20{padding-block:calc(var(--spacing)*20)}.lg\:py-24{padding-block:calc(var(--spacing)*24)}.lg\:py-28{padding-block:calc(var(--spacing)*28)}.lg\:py-32{padding-block:calc(var(--spacing)*32)}.lg\:pt-6{padding-top:calc(var(--spacing)*6)}.lg\:pt-20{padding-top:calc(var(--spacing)*20)}.lg\:pt-24{padding-top:calc(var(--spacing)*24)}.lg\:pr-0{padding-right:calc(var(--spacing)*0)}.lg\:pr-20{padding-right:calc(var(--spacing)*20)}.lg\:pb-0{padding-bottom:calc(var(--spacing)*0)}.lg\:pb-6{padding-bottom:calc(var(--spacing)*6)}.lg\:pb-20{padding-bottom:calc(var(--spacing)*20)}.lg\:pb-24{padding-bottom:calc(var(--spacing)*24)}.lg\:pb-40{padding-bottom:calc(var(--spacing)*40)}.lg\:pb-60{padding-bottom:calc(var(--spacing)*60)}.lg\:pb-\[98px\]{padding-bottom:98px}.lg\:pl-9{padding-left:calc(var(--spacing)*9)}.lg\:pl-16{padding-left:calc(var(--spacing)*16)}.lg\:text-left{text-align:left}.lg\:text-start{text-align:start}.lg\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.lg\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.lg\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.lg\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.lg\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.lg\:text-\[14px\]{font-size:14px}.lg\:text-\[15px\]{font-size:15px}.lg\:text-\[16px\]{font-size:16px}.lg\:text-\[18px\]{font-size:18px}.lg\:text-\[20px\]{font-size:20px}.lg\:text-\[22px\]{font-size:22px}.lg\:text-\[24px\]{font-size:24px}.lg\:text-\[30px\]{font-size:30px}.lg\:text-\[32px\]{font-size:32px}.lg\:text-\[36px\]{font-size:36px}.lg\:text-\[38px\]{font-size:38px}.lg\:text-\[40px\]{font-size:40px}.lg\:text-\[45px\]{font-size:45px}.lg\:text-\[46px\]{font-size:46px}.lg\:text-\[48px\]{font-size:48px}.lg\:text-\[50px\]{font-size:50px}.lg\:text-\[55px\]{font-size:55px}.lg\:text-\[56px\]{font-size:56px}.lg\:text-\[60px\]{font-size:60px}.lg\:text-\[64px\]{font-size:64px}.lg\:text-\[65px\]{font-size:65px}.lg\:text-\[70px\]{font-size:70px}.lg\:text-\[80px\]{font-size:80px}.lg\:text-\[90px\]{font-size:90px}.lg\:text-\[96px\]{font-size:96px}.lg\:text-\[100px\]{font-size:100px}.lg\:text-\[120px\]{font-size:120px}.lg\:leading-\[22\.54px\]{--tw-leading:22.54px;line-height:22.54px}.lg\:leading-\[27px\]{--tw-leading:27px;line-height:27px}.lg\:leading-\[30px\]{--tw-leading:30px;line-height:30px}.lg\:leading-\[60px\]{--tw-leading:60px;line-height:60px}.lg\:leading-\[65px\]{--tw-leading:65px;line-height:65px}.lg\:leading-\[67px\]{--tw-leading:67px;line-height:67px}.lg\:leading-\[90px\]{--tw-leading:90px;line-height:90px}.lg\:leading-\[100px\]{--tw-leading:100px;line-height:100px}.lg\:leading-none{--tw-leading:1;line-height:1}.lg\:leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.lg\:tracking-\[-3\.25px\]{--tw-tracking:-3.25px;letter-spacing:-3.25px}}@media(min-width:80rem){.xl\:h-\[430px\]{height:430px}.xl\:h-\[452px\]{height:452px}.xl\:h-\[650px\]{height:650px}.xl\:px-0{padding-inline:calc(var(--spacing)*0)}.xl\:px-10{padding-inline:calc(var(--spacing)*10)}.xl\:px-28{padding-inline:calc(var(--spacing)*28)}.xl\:pt-10{padding-top:calc(var(--spacing)*10)}.xl\:text-\[56px\]{font-size:56px}}.\[\&\.scrolled\]\:bg-white.scrolled{background-color:var(--color-white)}.\[\&\.scrolled\]\:shadow-lg.scrolled{--tw-shadow:0 10px 15px -3px var(--tw-sha
65dow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}@font-face{font-family:Lato;src:url(/fonts/lato/Lato-Light.ttf)format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Lato;src:url(/fonts/lato/Lato-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lato;src:url(/fonts/lato/Lato-Medium.ttf)format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Lato;src:url(/fonts/lato/Lato-Semibold.ttf)format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Lato;src:url(/fonts/lato/Lato-Bold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Outfit;src:url(/fonts/outfit/Outfit-Thin.ttf)format("truetype");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:Outfit;src:url(/fonts/outfit/Outfit-Light.ttf)format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Outfit;src:url(/fonts/outfit/Outfit-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Outfit;src:url(/fonts/outfit/Outfit-Medium.ttf)format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:outfit;src:url(/fonts/outfit/Outfit-SemiBold.ttf)format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Outfit;src:url(/fonts/outfit/Outfit-Bold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Outfit;src:url(/fonts/outfit/Outfit-Black.ttf)format("truetype");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Marthin Slant;src:url(/fonts/marthin/Marthin%20Slant.woff2)format("woff2");font-weight:200 900;font-style:normal;font-display:swap}button{cursor:pointer}.btn-primary{cursor:pointer;--tw-leading:var(--leading-normal);font-size:16px;line-height:var(--leading-normal);--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--color-white);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;background-color:#a69374;border-radius:10px;justify-content:center;padding-block:10px;padding-inline:20px;transition-duration:.3s}@media(hover:hover){.btn-primary:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y);background-color:#a68662}}.btn-secondary{padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*2);--tw-font-weight:var(--font-weight-bold);font-size:15px;font-weight:var(--font-weight-bold);color:var(--color-white);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;background-color:#212e42;border-radius:.25rem;transition-duration:.3s}.btn-secondary:hover{background-color:#344661}.text-p{--tw-leading:36px;--tw-font-weight:400;--tw-tracking:-.384px;letter-spacing:-.384px;color:#212e42;font-size:20px;font-weight:400;line-height:36px}.text-heading{--tw-leading:60px;color:#212e42;font-size:50px;line-height:60px}.item-title-footer{margin-bottom:calc(var(--spacing)*2);padding:calc(var(--spacing)*1);--tw-leading:24px;--tw-font-weight:var(--font-weight-bold);font-size:16px;line-height:24px;font-weight:var(--font-weight-bold);color:#c39b6d}.item-text-footer{--tw-leading:24px;--tw-font-weight:var(--font-weight-normal);font-size:16px;line-height:24px;font-weight:var(--font-weight-normal);color:#fffc;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media(hover:hover){.item-text-footer:hover{color:var(--color-white)}}html{scroll-behavior:smooth;overflow-x:hidden}body{background-color:#fff;font-family:Lato,system-ui,sans-serif}.font-marthin{font-family:Marthin Slant,sans-serif}.font-outfit{font-family:Outfit,sans-serif}.swiper-activities .swiper-pagination-bullet{opacity:1;cursor:pointer;background-color:#ffffff80;border-radius:2px;transition:background-color .3s,width .3s;width:19px!important;height:4px!important}.swiper-activities .swiper-pagination-bullet-active{background-color:#fff}.form-label{--tw-font-weight:var(--font-weight-bold);font-size:16px;font-weight:var(--font-weight-bold);color:#0a2540}.form-input{border-style:var(--tw-border-style);color:#8192a8;width:100%;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));background-color:#f9f9fc;border-width:1px;border-color:#ccd6eb;border-radius:5px;padding-block:10px;padding-inline:18px;font-size:16px}.form-input:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
65dow);--tw-ring-color:var(--color-blue-500);--tw-outline-style:none;border-color:#0000;outline-style:none}.wizard-label{margin-bottom:calc(var(--spacing)*2);--tw-font-weight:var(--font-weight-normal);font-size:15px;font-weight:var(--font-weight-normal);color:#464646}.showlate-widget{opacity:0;animation:1s ease-in-out 2s forwards fadeIn}.showlate{opacity:0;animation:1s ease-in-out 3s forwards fadeIn}@keyframes fadeIn{to{opacity:1}}.grecaptcha-badge{display:none}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}.astro-route-announcer{position:absolute;
65left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}
66</style>
66<script type="module" src="/_astro/page.Cfw9w6WJ.js"></script>
66</head> <body> <h1 class="hidden">Diseña tu programa de incentivos | Tropical Incentives</h1> <h2 class="hidden">Cuéntanos tu objetivo, número de pasajeros y fechas. Creamos programas de incentivo, team building y experiencias corporativas a la medida.</h2> <header id="main-header" class="group fixed top-0 left-0 right-0 z-50 transition-all duration-1000 [&.scrolled]:bg-white [&.scrolled]:shadow-lg" data-astro-cid-j2devmb2> <div x-data="{ mobileMenuOpen: false, destinosAccordionOpen: false, destinosPanelOpen: false, mobileActiveAccordion: '', languageDropdownOpen: false }" @keydown.escape.window="mobileMenuOpen = false" data-astro-cid-j2devmb2> <nav class="container mx-auto lg:px-10 px-5 lg:py-5 py-3" data-astro-cid-j2devmb2> <div class="flex items-center justify-between" data-astro-cid-j2devmb2> <div class="flex items-center" data-astro-cid-j2devmb2> <a href="/" class="flex items-center space-x-2" data-astro-cid-j2devmb2> <img src="/images/shared/Logo.svg" alt="Tropical Incentives logo" loading="eager" data-astro-cid-j2devmb2="true" decoding="async" width="200" height="86" class="lg:h-auto h-[55px] lg:w-auto w-[110px] group-[.scrolled]:hidden"> <img src="/images/shared/Logo-color.svg" alt="Tropical Incentives logo" loading="eager" data-astro-cid-j2devmb2="true" decoding="async" width="200" height="86" class="hidden lg:h-auto h-[55px] lg:w-auto w-[110px] group-[.scrolled]:block"> </a> </div> <div class="flex items-center lg:gap-6 gap-3" data-astro-cid-j2devmb2> <div class="hidden items-center font-semibold text-[17px] lg:flex leading-normal gap-[30px]" data-astro-cid-j2devmb2> <div class="group/destinos relative" x-data="{ activeTab: 'populares' }" data-astro-cid-j2devmb2> <button class="flex items-center gap-1 text-white transition-colors hover:text-[#B39470] group-[.scrolled]:text-[#212E42]" data-astro-cid-j2devmb2> Destinos <svg class="h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" data-astro-cid-j2devmb2> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" data-astro-cid-j2devmb2></path> </svg> </button> <div class="absolute top-full left-1/2 -translate-x-[65%] mt-4 opacity-0 invisible group-hover/destinos:opacity-100 group-hover/destinos:visible transition-all duration-300 z-50" data-astro-cid-j2devmb2> <div class="relative flex bg-[#DAD9D8] rounded-xl shadow-[0_0_40px_-10px_rgba(0,0,0,0.3)] before:content-[''] before:absolute before:bottom-full before:left-[65%] before:-translate-x-1/2 before:border-8 before:border-transparent before:border-b-[#EBEBEB] lg:w-[1137px] lg:h-[348px] md:w-[750px] w-[500px]" data-astro-cid-j2devmb2> <!-- Left Sidebar --> <div class="w-[320px] bg-white p-[25px] flex flex-col justify-between shrink-0 rounded-l-xl" data-astro-cid-j2devmb2> <ul class="space-y-6 text-[15px] font-semibold text-[#586171]" data-astro-cid-j2devmb2> <li data-astro-cid-j2devmb2> <button @mouseenter="activeTab = 'populares'" :class="{'text-[#B39470]': activeTab === 'populares'}" class="w-full flex items-center justify-between text-left transition-colors" data-astro-cid-j2devmb2> Destinos más populares <svg x-show="activeTab === 'populares'" xmlns="http://www.w3.org/2000/svg" width="21" height="15" viewBox="0 0 21 15" fill="none" data-astro-cid-j2devmb2> <path d="M10.8621 14.9999C10.731 15.0024 10.5988 14.9709 10.4823 14.8998C10.1459 14.6953 10.0434 14.2514 10.2458 13.9197C10.2628 13.8904 12.377 10.4078 16.4126 8.21607H0.724138C0.324776 8.21607 0 7.89547 0 7.50124C0 7.107 0.324776 6.7864 0.724138 6.7864H16.4126C12.3994 4.60722 10.2614 1.10917 10.2404 1.07415C10.0423 0.740319 10.1521 0.296048 10.4899 0.098396C10.8324 -0.102115 11.2835 0.0140454 11.4881 0.35395C11.8172 0.872206 14.9035 5.51828 20.4392 6.80391C20.7704 6.88433 21 7.17062 21 7.50159C21 7.83256 20.7719 8.11957 20.4453 8.19784C14.8861 9.48812 11.8103 14.1403 11.4779 14.6667C11.3476 14.873 11.1065 14.9952 10.8621 14.9999Z" fill="#8E7D61" data-astro-cid-j2devmb2></path> </svg> </button> </li> <li data-astro-cid-j2devmb2> <button @mouseenter="activeTab = 'top'" :class="{'text-[#B39470]': activeTab === 'top'}" class="w-full flex items-center justify-between text-left transition-colors" data-astro-cid-j2devmb2>
66 Top destinos 2026 <svg x-show="activeTab === 'top'" xmlns="http://www.w3.org/2000/svg" width="21" height="15" viewBox="0 0 21 15" fill="none" data-astro-cid-j2devmb2> <path d="M10.8621 14.9999C10.731 15.0024 10.5988 14.9709 10.4823 14.8998C10.1459 14.6953 10.0434 14.2514 10.2458 13.9197C10.2628 13.8904 12.377 10.4078 16.4126 8.21607H0.724138C0.324776 8.21607 0 7.89547 0 7.50124C0 7.107 0.324776 6.7864 0.724138 6.7864H16.4126C12.3994 4.60722 10.2614 1.10917 10.2404 1.07415C10.0423 0.740319 10.1521 0.296048 10.4899 0.098396C10.8324 -0.102115 11.2835 0.0140454 11.4881 0.35395C11.8172 0.872206 14.9035 5.51828 20.4392 6.80391C20.7704 6.88433 21 7.17062 21 7.50159C21 7.83256 20.7719 8.11957 20.4453 8.19784C14.8861 9.48812 11.8103 14.1403 11.4779 14.6667C11.3476 14.873 11.1065 14.9952 10.8621 14.9999Z" fill="#8E7D61" data-astro-cid-j2devmb2></path> </svg> </button> </li> <li data-astro-cid-j2devmb2> <button @mouseenter="activeTab = 'tendencia'" :class="{'text-[#B39470]': activeTab === 'tendencia'}" class="w-full flex items-center justify-between text-left transition-colors" data-astro-cid-j2devmb2> Destinos en tendencia <svg x-show="activeTab === 'tendencia'" xmlns="http://www.w3.org/2000/svg" width="21" height="15" viewBox="0 0 21 15" fill="none" data-astro-cid-j2devmb2> <path d="M10.8621 14.9999C10.731 15.0024 10.5988 14.9709 10.4823 14.8998C10.1459 14.6953 10.0434 14.2514 10.2458 13.9197C10.2628 13.8904 12.377 10.4078 16.4126 8.21607H0.724138C0.324776 8.21607 0 7.89547 0 7.50124C0 7.107 0.324776 6.7864 0.724138 6.7864H16.4126C12.3994 4.60722 10.2614 1.10917 10.2404 1.07415C10.0423 0.740319 10.1521 0.296048 10.4899 0.098396C10.8324 -0.102115 11.2835 0.0140454 11.4881 0.35395C11.8172 0.872206 14.9035 5.51828 20.4392 6.80391C20.7704 6.88433 21 7.17062 21 7.50159C21 7.83256 20.7719 8.11957 20.4453 8.19784C14.8861 9.48812 11.8103 14.1403 11.4779 14.6667C11.3476 14.873 11.1065 14.9952 10.8621 14.9999Z" fill="#8E7D61" data-astro-cid-j2devmb2></path> </svg> </button> </li> <li data-astro-cid-j2devmb2> <button @mouseenter="activeTab = 'todos'" :class="{'text-[#B39470]': activeTab === 'todos'}" class="w-full flex items-center justify-between text-left transition-colors" data-astro-cid-j2devmb2> Todos los destinos <svg x-show="activeTab === 'todos'" xmlns="http://www.w3.org/2000/svg" width="21" height="15" viewBox="0 0 21 15" fill="none" data-astro-cid-j2devmb2> <path d="M10.8621 14.9999C10.731 15.0024 10.5988 14.9709 10.4823 14.8998C10.1459 14.6953 10.0434 14.2514 10.2458 13.9197C10.2628 13.8904 12.377 10.4078 16.4126 8.21607H0.724138C0.324776 8.21607 0 7.89547 0 7.50124C0 7.107 0.324776 6.7864 0.724138 6.7864H16.4126C12.3994 4.60722 10.2614 1.10917 10.2404 1.07415C10.0423 0.740319 10.1521 0.296048 10.4899 0.098396C10.8324 -0.102115 11.2835 0.0140454 11.4881 0.35395C11.8172 0.872206 14.9035 5.51828 20.4392 6.80391C20.7704 6.88433 21 7.17062 21 7.50159C21 7.83256 20.7719 8.11957 20.4453 8.19784C14.8861 9.48812 11.8103 14.1403 11.4779 14.6667C11.3476 14.873 11.1065 14.9952 10.8621 14.9999Z" fill="#8E7D61" data-astro-cid-j2devmb2></path> </svg> </button> </li> </ul> <div class="mt-16" data-astro-cid-j2devmb2> <p class="text-[13px] text-[#586171] font-medium leading-tight" data-astro-cid-j2devmb2> ¿No sabes qué destino elegir? </p> <a href="/experiencias" class="text-[#586171] text-[13px] underline font-medium mt-1 inline-block hover:text-[#B39470] transition-colors" data-astro-cid-j2devmb2> Te recomendamos uno </a> </div> </div> <!-- Right Content area --> <div class="flex-1 p-8 rounded-r-xl" data-astro-cid-j2devmb2> <!-- Populares --> <div x-show="activeTab === 'populares'" style="display: none;" class="grid grid-cols-4 gap-4" data-astro-cid-j2devmb2> <a href="/destinos/cancun" class="relative block h-[298px] w-full overflow-hidden rounded-xl group/item" data-astro-cid-j2devmb2> <img src="/images/home/destinations/cancun.webp" alt="Cancún" loading="lazy" data-astro-cid-j2devmb2="true" decoding="async" width="240" height="160" class="absolute inset-0 w-full h-full object-cover transition-transform duration-300 group-hover/item:scale-110"> <div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent" data-astro-cid-j2devmb2></div> <h3 class="absolute bottom-3 left-3 text-white text-[15px] font-bold leading-tight" data-astro-cid-j2devmb2> Cancún </h3> </a><a href="/destinos/riviera-maya" class="relative block h-[298px] w-full overflow-hidden rounded-xl group/item" data-astro-cid-j2devmb2> <img src="/images/home/destinations/riviera-maya.webp" alt="Riviera Maya" loading="lazy" data-astro-cid-j2devmb2="true" decoding="async" width="240" height="160" class="absolute inset-0 w-full h-full object-cover transition-transform duration-300 group-hover/item:scale-110"> <div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent" data-astro-cid-j2devmb2></div> <h3 class="absolute bottom-3 left-3 text-white text-[15px] font-bold leading-tight" data-astro-cid-j2devmb2> Riviera Maya </h3> </a><a href="/destinos/los-cabos" class="relative block h-[298px] w-full overflow-hidden rounded-xl group/item" data-astro-cid-j2devmb2> <img src="/images/home/destinations/los-cabos.webp" alt="Los Cabos" loading="lazy" data-astro-cid-j2devmb2="true" decoding="async" width="240" height="160" class="absolute inset-0 w-full h-full object-cover transition-transform duration-300 group-hover/item:scale-110"> <div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent" data-astro-cid-j2devmb2></div> <h3 class="absolute bottom-3 left-3 text-white text-[15px] font-bold leading-tight" data-astro-cid-j2devmb2> Los Cabos </h3> </a><a href="/destinos/puerto-vallarta" class="relative block h-[298px] w-full overflow-hidden rounded-xl group/item" data-astro-cid-j2devmb2> <img src="/images/destiny/destinations/puerto-vallarta.webp" alt="Puerto Vallarta" loading="lazy" data-astro-cid-j2devmb2="true" decoding="async" width="240" height="160" class="absolute inset-0 w-full h-full object-cover transition-transform duration-300 group-hover/item:scale-110"> <div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent" data-astro-cid-j2devmb2></div> <h3 class="absolute bottom-3 left-3 text-white text-[15px] font-bold leading-tight" data-astro-cid-j2devmb2> Puerto Vallarta </h3> </a> </div> <!-- Top --> <div x-show="activeTab === 'top'" style="display: none;" class="grid grid-cols-4 gap-4" data-astro-cid-j2devmb2> <a href="/destinos/riviera-maya" class="relative block h-[298px] w-full overflow-hidden rounded-xl group/item" data-astro-cid-j2devmb2> <img src="/images/home/destinations/riviera-maya.webp" alt="Riviera Maya" loading="lazy" data-astro-cid-j2devmb2="true" decoding="async" width="240" height="160" class="absolute inset-0 w-full h-full object-cover transition-transform duration-300 group-hover/item:scale-110"> <div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent" data-astro-cid-j2devmb2></div> <h3 class="absolute bottom-3 left-3 text-white text-[15px] font-bold leading-tight" data-astro-cid-j2devmb2> Riviera Maya </h3> </a><a href="/destinos/los-cabos" class="relative block h-[298px] w-full overflow-hidden rounded-xl group/item" data-astro-cid-j2devmb2> <img src="/images/home/destinations/los-cabos.webp" alt="Los Cabos" loading="lazy" data-astro-cid-j2devmb2="true" decoding="async" width="240" height="160" class="absolute inset-0 w-full h-full object-cover transition-transform duration-300 group-hover/item:scale-110"> <div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent" data-astro-cid-j2devmb2></div> <h3 class="absolute bottom-3 left-3 text-white text-[15px] font-bold leading-tight" data-astro-cid-j2devmb2> Los Cabos </h3> </a><a href="/destinos/ciudad-de-mexico" class="relative block h-[298px] w-full overflow-hidden rounded-xl group/item" data-astro-cid-j2devmb2> <img src="/images/home/destinations/cdmx.webp" alt="Ciudad de México" loading="lazy" data-astro-cid-j2devmb2="true" decoding="async" width="240" height="160" class="absolute inset-0 w-full h-full object-cover transition-transform duration-300 group-hover/item:scale-110"> <div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent" data-astro-cid-j2devmb2></div> <h3 class="absolute bottom-3 left-3 text-white text-[15px] font-bold leading-tight" data-astro-cid-j2devmb2> Ciudad de México </h3> </a><a href="/destinos/puerto-vallarta" class="relative block h-[298px] w-full overflow-hidden rounded-xl group/item" data-astro-cid-j2devmb2> <img src="/images/destiny/destinations/puerto-vallarta.webp" alt="Puerto Vallarta" loading="lazy" data-astro-cid-j2devmb2="true" decoding="async" width="240" height="160" class="absolute inset-0 w-full h-full object-cover transition-transform duration-300 group-hover/item:scale-110"> <div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent" data-astro-cid-j2devmb2></div> <h3 class="absolute bottom-3 left-3 text-white text-[15px] font-bold leading-tight" data-astro-cid-j2devmb2> Puerto Vallarta </h3> </a> </div> <!-- Tendencia --> <div x-show="activeTab === 'tendencia'" style="display: none;" class="grid grid-cols-3 gap-4" data-astro-cid-j2devmb2> <a href="/destinos/riviera-nayarit" class="relative block h-[298px] w-full overflow-hidden rounded-xl group/item" data-astro-cid-j2devmb2> <img src="/images/home/destinations/riviera-nayarit.webp" alt="Riviera Nayarit" loading="lazy" data-astro-cid-j2devmb2="true" decoding="async" width="240" height="160" class="absolute inset-0 w-full h-full object-cover transition-transform duration-300 group-hover/item:scale-110"> <div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent" data-astro-cid-j2devmb2></div> <h3 class="absolute bottom-3 left-3 text-white text-[15px] font-bold leading-tight" data-astro-cid-j2devmb2> Riviera Nayarit </h3> </a><a href="/destinos/san-miguel-de-allende" class="relative block h-[298px] w-full overflow-hidden rounded-xl group/item" data-astro-cid-j2devmb2> <img src="/images/home/destinations/san-miguel.webp" alt="San Miguel de Allende" loading="lazy" data-astro-cid-j2devmb2="true" decoding="async" width="240" height="160" class="absolute inset-0 w-full h-full object-cover transition-transform duration-300 group-hover/item:scale-110"> <div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent" data-astro-cid-j2devmb2></div> <h3 class="absolute bottom-3 left-3 text-white text-[15px] font-bold leading-tight" data-astro-cid-j2devmb2> San Miguel de Allende </h3> </a><a href="/destinos/republica-dominicana" class="relative block h-[298px] w-full overflow-hidden rounded-xl group/item" data-astro-cid-j2devmb2> <img src="/images/home/destinations/punta-cana.webp" alt="República Dominicana" loading="lazy" data-astro-cid-j2devmb2="true" decoding="async" width="240" height="160" class="absolute inset-0 w-full h-full object-cover transition-transform duration-300 group-hover/item:scale-110"> <div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent" data-astro-cid-j2devmb2></div> <h3 class="absolute bottom-3 left-3 text-white text-[15px] font-bold leading-tight" data-astro-cid-j2devmb2> República Dominicana </h3> </a> </div> <!-- Todos --> <div x-show="activeTab === 'todos'" style="display: none;" class="grid grid-cols-4 gap-4" data-astro-cid-j2devmb2> <a href="/destinos/cancun" class="relative block h-[144px] w-full overflow-hidden rounded-xl group/item" data-astro-cid-j2devmb2> <img src="/images/home/destinations/cancun.webp" alt="Cancún" loading="lazy" data-astro-cid-j2devmb2="true" decoding="async" width="240" height="160" class="absolute inset-0 w-full h-full object-cover transition-transform duration-300 group-hover/item:scale-110"> <div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent" data-astro-cid-j2devmb2></div> <h3 class="absolute bottom-3 left-3 text-white text-[15px] font-bold leading-tight" data-astro-cid-j2devmb2> Cancún </h3> </a><a href="/destinos/riviera-maya" class="relative block h-[144px] w-full overflow-hidden rounded-xl group/item" data-astro-cid-j2devmb2> <img src="/images/home/destinations/riviera-maya.webp" alt="Riviera Maya" loading="lazy" data-astro-cid-j2devmb2="true" decoding="async" width="240" height="160" class="absolute inset-0 w-full h-full object-cover transition-transform duration-300 group-hover/item:scale-110"> <div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent" data-astro-cid-j2devmb2></div> <h3 class="absolute bottom-3 left-3 text-white text-[15px] font-bold leading-tight" data-astro-cid-j2devmb2> Riviera Maya </h3> </a><a href="/destinos/los-cabos" class="relative block h-[144px] w-full overflow-hidden rounded-xl group/item" data-astro-cid-j2devmb2> <img src="/images/home/destinations/los-cabos.webp" alt="Los Cabos" loading="lazy" data-astro-cid-j2devmb2="true" decoding="async" width="240" height="160" class="absolute inset-0 w-full h-full object-cover transition-transform duration-300 group-hover/item:scale-110"> <div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent" data-astro-cid-j2devmb2></div> <h3 class="absolute bottom-3 left-3 text-white text-[15px] font-bold leading-tight" data-astro-cid-j2devmb2> Los Cabos </h3> </a><a href="/destinos/puerto-vallarta" class="relative block h-[144px] w-full overflow-hidden rounded-xl group/item" data-astro-cid-j2devmb2> <img src="/images/destiny/destinations/puerto-vallarta.webp" alt="Puerto Vallarta" loading="lazy" data-astro-cid-j2devmb2="true" decoding="async" width="240" height="160" class="absolute inset-0 w-full h-full object-cover transition-transform duration-300 group-hover/item:scale-110"> <div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent" data-astro-cid-j2devmb2></div> <h3 class="absolute bottom-3 left-3 text-white text-[15px] font-bold leading-tight" data-astro-cid-j2devmb2> Puerto Vallarta </h3> </a><a href="/destinos/riviera-nayarit" class="relative block h-[144px] w-full overflow-hidden rounded-xl group/item" data-astro-cid-j2devmb2> <img src="/images/home/destinations/riviera-nayarit.webp" alt="Riviera Nayarit" loading="lazy" data-astro-cid-j2devmb2="true" decoding="async" width="240" height="160" class="absolute inset-0 w-full h-full object-cover transition-transform duration-300 group-hover/item:scale-110"> <div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent" data-astro-cid-j2devmb2></div> <h3 class="absolute bottom-3 left-3 text-white text-[15px] font-bold leading-tight" data-astro-cid-j2devmb2> Riviera Nayarit </h3> </a><a href="/destinos/ciudad-de-mexico" class="relative block h-[144px] w-full overflow-hidden rounded-xl group/item" data-astro-cid-j2devmb2> <img src="/images/home/destinations/cdmx.webp" alt="Ciudad de México" loading="lazy" data-astro-cid-j2devmb2="true" decoding="async" width="240" height="160" class="absolute inset-0 w-full h-full object-cover transition-transform duration-300 group-hover/item:scale-110"> <div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent" data-astro-cid-j2devmb2></div> <h3 class="absolute bottom-3 left-3 text-white text-[15px] font-bold leading-tight" data-astro-cid-j2devmb2> Ciudad de México </h3> </a><a href="/destinos/republica-dominicana" class="relative block h-[144px] w-full overflow-hidden rounded-xl group/item" data-astro-cid-j2devmb2> <img src="/images/home/destinations/punta-cana.webp" alt="República Dominicana" loading="lazy" data-astro-cid-j2devmb2="true" decoding="async" width="240" height="160" class="absolute inset-0 w-full h-full object-cover transition-transform duration-300 group-hover/item:scale-110"> <div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent" data-astro-cid-j2devmb2></div> <h3 class="absolute bottom-3 left-3 text-white text-[15px] font-bold leading-tight" data-astro-cid-j2devmb2> República Dominicana </h3> </a><a href="/destinos/san-miguel-de-allende" class="relative block h-[144px] w-full overflow-hidden rounded-xl group/item" data-astro-cid-j2devmb2> <img src="/images/home/destinations/san-miguel.webp" alt="San Miguel de Allende" loading
66="lazy" data-astro-cid-j2devmb2="true" decoding="async" width="240" height="160" class="absolute inset-0 w-full h-full object-cover transition-transform duration-300 group-hover/item:scale-110"> <div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent" data-astro-cid-j2devmb2></div> <h3 class="absolute bottom-3 left-3 text-white text-[15px] font-bold leading-tight" data-astro-cid-j2devmb2> San Miguel de Allende </h3> </a> </div> </div> </div> </div> </div> <!-- Hamburger Dropdown --> <div class="group/hamburger relative" data-astro-cid-j2devmb2> <button class="flex items-center text-white transition-colors hover:text-[#B39470] group-[.scrolled]:text-[#212E42] cursor-pointer focus:outline-none" aria-label="Abrir menú" data-astro-cid-j2devmb2> <svg width="31" height="22" viewBox="0 0 41 30" fill="none" xmlns="http://www.w3.org/2000/svg" data-astro-cid-j2devmb2> <path d="M30 2C30.5523 2 31 2.44772 31 3C31 3.55229 30.5523 4 30 4L3 4C2.44772 4 2 3.55228 2 3C2 2.44772 2.44772 2 3 2L30 2Z" fill="currentColor" data-astro-cid-j2devmb2></path> <path d="M38 14C38.5523 14 39 14.4477 39 15C39 15.5523 38.5523 16 38 16H3C2.44772 16 2 15.5523 2 15C2 14.4477 2.44772 14 3 14H38Z" fill="currentColor" data-astro-cid-j2devmb2></path> <path d="M23 26C23.5523 26 24 26.4477 24 27C24 27.5523 23.5523 28 23 28L3 28C2.44772 28 2 27.5523 2 27C2 26.4477 2.44772 26 3 26L23 26Z" fill="currentColor" data-astro-cid-j2devmb2></path> </svg> </button> <div class="absolute top-full left-1/2 -translate-x-1/2 mt-4 opacity-0 invisible group-hover/hamburger:opacity-100 group-hover/hamburger:visible transition-all duration-300" data-astro-cid-j2devmb2> <div class="relative p-5 bg-white rounded-lg shadow-[0_0_40px_-10px_rgba(0,0,0,0.3)] before:content-[''] before:absolute before:bottom-full before:left-1/2 before:-translate-x-1/2 before:border-8 before:border-transparent before:border-b-white min-w-[200px] flex flex-col gap-4" data-astro-cid-j2devmb2> <a href="/servicios" class="text-[#586171] hover:text-[#B39470] transition-colors font-semibold whitespace-nowrap" data-astro-cid-j2devmb2>Servicios</a> <a href="/sobre-nosotros" class="text-[#586171] hover:text-[#B39470] transition-colors font-semibold whitespace-nowrap" data-astro-cid-j2devmb2>Sobre nosotros</a> </div> </div> </div> <a href="/experiencias" class="hidden lg:block btn-primary cursor-pointer w-auto" data-astro-cid-j2devmb2> Solicitar Cotización </a> <div class="group/lang relative flex items-center ml-2" data-astro-cid-j2devmb2> <button class="flex items-center gap-1 text-white transition-colors hover:text-[#B39470] group-[.scrolled]:text-[#212E42]" data-astro-cid-j2devmb2> <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24" data-astro-cid-j2devmb2> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9" data-astro-cid-j2devmb2></path> </svg> <span data-astro-cid-j2devmb2>ES</span> <svg class="h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" data-astro-cid-j2devmb2> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" data-astro-cid-j2devmb2></path> </svg> </button> <div class="absolute top-full right-0 mt-4 opacity-0 invisible group-hover/lang:opacity-100 group-hover/lang:visible transition-all duration-300" data-astro-cid-j2devmb2> <div class="relative p-4 bg-white rounded-lg shadow-[0_0_40px_-10px_rgba(0,0,0,0.3)] before:content-[''] before:absolute before:bottom-full before:right-4 before:border-8 before:border-transparent before:border-b-white min-w-[120px]" data-astro-cid-j2devmb2> <div class="flex flex-col gap-2"> <a href="/experiencias" class="flex items-center gap-3 px-3 py-2 rounded-md transition-colors bg-[#B39470]/20 text-[#B39470] font-semibold"> <span class="text-lg">🇪🇸</span> <span>Español</span> <svg class="w-4 h-4 ml-auto" fill="currentColor" viewBox="0 0 20 20"> <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path> </svg> </a><a href="/en/experiences" class="flex items-center gap-3 px-3 py-2 rounded-md transition-colors hover:bg-gray-100 text-[#212E42]"> <span class="text-lg">🇺🇸</span> <span>English</span>  </a> </div> </div> </div> </div> </div> <div class="flex lg:hidden items-center gap-3" data-astro-cid-j2devmb2>
66 <a href="/experiencias" class="btn-primary cursor-pointer" data-astro-cid-j2devmb2> Cotiza </a> <div class="bg-[#C8C8C8] w-[1px] h-[55px]" data-astro-cid-j2devmb2></div> <button @click="mobileMenuOpen = true" id="mobile-menu-button" class="text-white transition-colors hover:text-primary group-[.scrolled]:text-gray-800 flex items-center cursor-pointer" aria-label="Abrir menú" data-astro-cid-j2devmb2> <svg width="31" height="22" viewBox="0 0 41 30" fill="none" xmlns="http://www.w3.org/2000/svg" data-astro-cid-j2devmb2> <path d="M30 2C30.5523 2 31 2.44772 31 3C31 3.55229 30.5523 4 30 4L3 4C2.44772 4 2 3.55228 2 3C2 2.44772 2.44772 2 3 2L30 2Z" fill="currentColor" data-astro-cid-j2devmb2></path> <path d="M38 14C38.5523 14 39 14.4477 39 15C39 15.5523 38.5523 16 38 16H3C2.44772 16 2 15.5523 2 15C2 14.4477 2.44772 14 3 14H38Z" fill="currentColor" data-astro-cid-j2devmb2></path> <path d="M23 26C23.5523 26 24 26.4477 24 27C24 27.5523 23.5523 28 23 28L3 28C2.44772 28 2 27.5523 2 27C2 26.4477 2.44772 26 3 26L23 26Z" fill="currentColor" data-astro-cid-j2devmb2></path> </svg> </button> </div> </div> </div> </nav> <div x-show="mobileMenuOpen" x-transition:enter="transition ease-out duration-300" x-transition:enter-start="translate-x-full" x-transition:enter-end="translate-x-0" x-transition:leave="transition ease-in duration-300" x-transition:leave-start="translate-x-0" x-transition:leave-end="translate-x-full" class="fixed inset-0 bg-white z-[60] flex h-screen flex-col px-6 pt-6 py-10 overflow-y-auto" style="display: none;" data-astro-cid-j2devmb2> <div class="flex items-center justify-between mb-8" data-astro-cid-j2devmb2> <a href="/" @click="mobileMenuOpen = false" data-astro-cid-j2devmb2> <img src="/images/shared/Logo-color.svg" alt="Tropical Incentives logo" data-astro-cid-j2devmb2="true" loading="lazy" decoding="async" width="110" height="55" class="h-[55px] w-auto cursor-pointer"> </a> <button @click="mobileMenuOpen = false" aria-label="Cerrar menú" data-astro-cid-j2devmb2> <svg class="h-8 w-8 text-[#212E42]" fill="none" viewBox="0 0 24 24" stroke="currentColor" data-astro-cid-j2devmb2> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" data-astro-cid-j2devmb2></path> </svg> </button> </div> <nav class="flex-grow flex flex-col text-[#212E42] text-[17px] font-semibold leading-normal" data-astro-cid-j2devmb2> <a href="/servicios" class="py-6 border-b border-[#E6E6E6] w-full cursor-pointer" data-astro-cid-j2devmb2>Servicios</a> <div data-astro-cid-j2devmb2> <button @click="destinosPanelOpen = true; mobileActiveAccordion = ''" class="w-full flex justify-between items-center py-6 border-b border-[#E6E6E6] cursor-pointer" data-astro-cid-j2devmb2> <span data-astro-cid-j2devmb2>Destinos</span> <svg class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" data-astro-cid-j2devmb2> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" data-astro-cid-j2devmb2></path> </svg> </button> </div> <a href="/experiencias" class="py-6 border-b border-[#E6E6E6] w-full cursor-pointer" data-astro-cid-j2devmb2>Experiencias</a> <a href="/sobre-nosotros" class="py-6 border-b border-[#E6E6E6] w-full cursor-pointer" data-astro-cid-j2devmb2>Sobre nosotros</a> <a href="/contacto" class="py-6 border-b border-[#E6E6E6] w-full cursor-pointer" data-astro-cid-j2devmb2>Contáctanos</a> <div class="flex flex-col gap-10" data-astro-cid-j2devmb2> <div x-data="{ open: false }" data-astro-cid-j2devmb2> <button @click="open = !open" class="w-full flex justify-between items-center pt-10 cursor-pointer" data-astro-cid-j2devmb2> <div class="flex items-center gap-2" data-astro-cid-j2devmb2> <img src="/images/shared/globo.svg" alt="Globo terraqueo" data-astro-cid-j2devmb2="true" loading="lazy" decoding="async" width="20" height="20"> <span data-astro-cid-j2devmb2>Idioma</span> </div> <svg class="w-4 h-4" :class="{'rotate-180': open}" fill="none" viewBox="0 0 24 24" stroke="currentColor" data-astro-cid-j2devmb2><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" data-astro-cid-j2devmb2></path></svg> </button> <div x-show="open" x-collapse.duration.300ms class="bg-gray-50 -mx-6 px-6 py-4" data-astro-cid-j2devmb2> <div class="flex flex-col gap-2"> <a href="/experiencias" class="flex items-center gap-3 px-3 py-2 rounded-md transition-colors bg-[#B39470]/20 text-[#B39470] font-semibold"> <span class="text-lg">🇪🇸</span> <span>Español</span> <svg class="w-4 h-4 ml-auto" fill="currentColor" viewBox="0 0 20 20"> <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path> </svg> </a><a href="/en/experiences" class="flex items-center gap-3 px-3 py-2 rounded-md transition-colors hover:bg-gray-100 text-[#212E42]"> <span class="text-lg">🇺🇸</span> <span>English</span>  </a> </div> </div> </div>
66 <a href="/experiencias" class="btn-primary w-[223px] cursor-pointer" data-astro-cid-j2devmb2> Cotiza tu próximo viaje </a> </div> </nav> </div> <!-- Mobile Destinations Sub-Panel --> <div x-show="destinosPanelOpen" x-transition:enter="transition ease-out duration-300" x-transition:enter-start="translate-x-full" x-transition:enter-end="translate-x-0" x-transition:leave="transition ease-in duration-300" x-transition:leave-start="translate-x-0" x-transition:leave-end="translate-x-full" class="fixed inset-0 bg-white z-[70] flex h-screen flex-col px-6 pt-6 py-10 overflow-y-auto lg:hidden" style="display: none;" data-astro-cid-j2devmb2> <!-- Header with logo and close --> <div class="flex items-center justify-between mb-6" data-astro-cid-j2devmb2> <a href="/" @click="destinosPanelOpen = false; mobileMenuOpen = false" data-astro-cid-j2devmb2> <img src="/images/shared/Logo-color.svg" alt="Tropical Incentives logo" data-astro-cid-j2devmb2="true" loading="lazy" decoding="async" width="110" height="55" class="h-[55px] w-auto cursor-pointer"> </a> <button @click="destinosPanelOpen = false; mobileMenuOpen = false" aria-label="Cerrar menú" data-astro-cid-j2devmb2> <svg class="h-8 w-8 text-[#212E42]" fill="none" viewBox="0 0 24 24" stroke="currentColor" data-astro-cid-j2devmb2> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" data-astro-cid-j2devmb2></path> </svg> </button> </div> <!-- Back button --> <button @click="destinosPanelOpen = false" class="flex items-center gap-2 text-[#212E42] text-[15px] font-medium mb-4 cursor-pointer" data-astro-cid-j2devmb2> <svg class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" data-astro-cid-j2devmb2> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7" data-astro-cid-j2devmb2></path> </svg> Regresar </button> <!-- Accordion Categories --> <div class="flex-grow flex flex-col text-[#212E42] text-[17px] font-semibold leading-normal" data-astro-cid-j2devmb2> <!-- 1. Destinos más populares --> <div class="border-b border-[#E6E6E6]" data-astro-cid-j2devmb2> <button @click="mobileActiveAccordion = mobileActiveAccordion === 'populares' ? '' : 'populares'" class="w-full flex justify-between items-center py-5 cursor-pointer" data-astro-cid-j2devmb2> <span data-astro-cid-j2devmb2>Destinos más populares</span> <svg class="w-5 h-5 transition-transform duration-300" :class="{ 'rotate-180': mobileActiveAccordion === 'populares' }" fill="none" viewBox="0 0 24 24" stroke="currentColor" data-astro-cid-j2devmb2> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" data-astro-cid-j2devmb2></path> </svg> </button> <div x-show="mobileActiveAccordion === 'populares'" x-collapse.duration.300ms data-astro-cid-j2devmb2> <div class="grid grid-cols-2 gap-3 pb-5" data-astro-cid-j2devmb2> <a href="/destinos/cancun" class="relative block h-[126px] overflow-hidden rounded-lg group/item cursor-pointer" data-astro-cid-j2devmb2> <img src="/images/home/destinations/cancun.webp" alt="Cancún" loading="lazy" data-astro-cid-j2devmb2="true" decoding="async" width="200" height="126" class="absolute inset-0 w-full h-full object-cover transition-transform duration-300 group-hover/item:scale-110"> <div class="absolute inset-0 bg-gradient-to-t from-black/70 to-transparent" data-astro-cid-j2devmb2></div> <h3 class="absolute bottom-3 left-3 text-white text-[14px] font-bold" data-astro-cid-j2devmb2> Cancún </h3> </a><a href="/destinos/riviera-maya" class="relative block h-[126px] overflow-hidden rounded-lg group/item cursor-pointer" data-astro-cid-j2devmb2> <img src="/images/home/destinations/riviera-maya.webp" alt="Riviera Maya" loading="lazy" data-astro-cid-j2devmb2="true" decoding="async" width="200" height="126" class="absolute inset-0 w-full h-full object-cover transition-transform duration-300 group-hover/item:scale-110"> <div class="absolute inset-0 bg-gradient-to-t from-black/70 to-transparent" data-astro-cid-j2devmb2></div> <h3 class="absolute bottom-3 left-3 text-white text-[14px] font-bold" data-astro-cid-j2devmb2> Riviera Maya </h3> </a><a href="/destinos/los-cabos" class="relative block h-[126px] overflow-hidden rounded-lg group/item cursor-pointer" data-astro-cid-j2devmb2> <img src="/images/home/destinations/los-cabos.webp" alt="Los Cabos" loading="lazy" data-astro-cid-j2devmb2="true" decoding="async" width="200" height="126" class="absolute inset-0 w-full h-full object-cover transition-transform duration-300 group-hover/item:scale-110"> <div class="absolute inset-0 bg-gradient-to-t from-black/70 to-transparent" data-astro-cid-j2devmb2></div> <h3 class="absolute bottom-3 left-3 text-white text-[14px] font-bold" data-astro-cid-j2devmb2> Los Cabos </h3> </a><a href="/destinos/puerto-vallarta" class="relative block h-[126px] overflow-hidden rounded-lg group/item cursor-pointer" data-astro-cid-j2devmb2> <img src="/images/destiny/destinations/puerto-vallarta.webp" alt="Puerto Vallarta" loading="lazy" data-astro-cid-j2devmb2="true" decoding="async" width="200" height="126" class="absolute inset-0 w-full h-full object-cover transition-transform duration-300 group-hover/item:scale-110"> <div class="absolute inset-0 bg-gradient-to-t from-black/70 to-transparent" data-astro-cid-j2devmb2></div> <h3 class="absolute bottom-3 left-3 text-white text-[14px] font-bold" data-astro-cid-j2devmb2> Puerto Vallarta </h3> </a> </div> </div> </div> <!-- 2. Top destinos 2026 -->
66 <div class="border-b border-[#E6E6E6]" data-astro-cid-j2devmb2> <button @click="mobileActiveAccordion = mobileActiveAccordion === 'top' ? '' : 'top'" class="w-full flex justify-between items-center py-5 cursor-pointer" data-astro-cid-j2devmb2> <span data-astro-cid-j2devmb2>Top destinos 2026</span> <svg class="w-5 h-5 transition-transform duration-300" :class="{ 'rotate-180': mobileActiveAccordion === 'top' }" fill="none" viewBox="0 0 24 24" stroke="currentColor" data-astro-cid-j2devmb2> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" data-astro-cid-j2devmb2></path> </svg> </button> <div x-show="mobileActiveAccordion === 'top'" x-collapse.duration.300ms data-astro-cid-j2devmb2> <div class="grid grid-cols-2 gap-3 pb-5" data-astro-cid-j2devmb2> <a href="/destinos/riviera-maya" class="relative block h-[126px] overflow-hidden rounded-lg group/item cursor-pointer" data-astro-cid-j2devmb2> <img src="/images/home/destinations/riviera-maya.webp" alt="Riviera Maya" loading="lazy" data-astro-cid-j2devmb2="true" decoding="async" width="200" height="126" class="absolute inset-0 w-full h-full object-cover transition-transform duration-300 group-hover/item:scale-110"> <div class="absolute inset-0 bg-gradient-to-t from-black/70 to-transparent" data-astro-cid-j2devmb2></div> <h3 class="absolute bottom-3 left-3 text-white text-[14px] font-bold" data-astro-cid-j2devmb2> Riviera Maya </h3> </a><a href="/destinos/los-cabos" class="relative block h-[126px] overflow-hidden rounded-lg group/item cursor-pointer" data-astro-cid-j2devmb2> <img src="/images/home/destinations/los-cabos.webp" alt="Los Cabos" loading="lazy" data-astro-cid-j2devmb2="true" decoding="async" width="200" height="126" class="absolute inset-0 w-full h-full object-cover transition-transform duration-300 group-hover/item:scale-110"> <div class="absolute inset-0 bg-gradient-to-t from-black/70 to-transparent" data-astro-cid-j2devmb2></div> <h3 class="absolute bottom-3 left-3 text-white text-[14px] font-bold" data-astro-cid-j2devmb2> Los Cabos </h3> </a><a href="/destinos/ciudad-de-mexico" class="relative block h-[126px] overflow-hidden rounded-lg group/item cursor-pointer" data-astro-cid-j2devmb2> <img src="/images/home/destinations/cdmx.webp" alt="Ciudad de México" loading="lazy" data-astro-cid-j2devmb2="true" decoding="async" width="200" height="126" class="absolute inset-0 w-full h-full object-cover transition-transform duration-300 group-hover/item:scale-110"> <div class="absolute inset-0 bg-gradient-to-t from-black/70 to-transparent" data-astro-cid-j2devmb2></div> <h3 class="absolute bottom-3 left-3 text-white text-[14px] font-bold" data-astro-cid-j2devmb2> Ciudad de México </h3> </a><a href="/destinos/puerto-vallarta" class="relative block h-[126px] overflow-hidden rounded-lg group/item cursor-pointer" data-astro-cid-j2devmb2> <img src="/images/destiny/destinations/puerto-vallarta.webp" alt="Puerto Vallarta" loading="lazy" data-astro-cid-j2devmb2="true" decoding="async" width="200" height="126" class="absolute inset-0 w-full h-full object-cover transition-transform duration-300 group-hover/item:scale-110"> <div class="absolute inset-0 bg-gradient-to-t from-black/70 to-transparent" data-astro-cid-j2devmb2></div> <h3 class="absolute bottom-3 left-3 text-white text-[14px] font-bold" data-astro-cid-j2devmb2> Puerto Vallarta </h3> </a> </div> </div> </div> <!-- 3. Destinos en tendencia --> <div class="border-b border-[#E6E6E6]" data-astro-cid-j2devmb2> <button @click="mobileActiveAccordion = mobileActiveAccordion === 'tendencia' ? '' : 'tendencia'" class="w-full flex justify-between items-center py-5 cursor-pointer" data-astro-cid-j2devmb2> <span data-astro-cid-j2devmb2>Destinos en tendencia</span> <svg class="w-5 h-5 transition-transform duration-300" :class="{ 'rotate-180': mobileActiveAccordion === 'tendencia' }" fill="none" viewBox="0 0 24 24" stroke="currentColor" data-astro-cid-j2devmb2> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" data-astro-cid-j2devmb2></path> </svg> </button> <div x-show="mobileActiveAccordion === 'tendencia'" x-collapse.duration.300ms data-astro-cid-j2devmb2> <div class="grid grid-cols-2 gap-3 pb-5" data-astro-cid-j2devmb2> <a href="/destinos/riviera-nayarit" class="relative block h-[126px] overflow-hidden rounded-lg group/item cursor-pointer" data-astro-cid-j2devmb2> <img src="/images/home/destinations/riviera-nayarit.webp" alt="Riviera Nayarit" loading="lazy" data-astro-cid-j2devmb2="true" decoding="async" width="200" height="126" class="absolute inset-0 w-full h-full object-cover transition-transform duration-300 group-hover/item:scale-110"> <div class="absolute inset-0 bg-gradient-to-t from-black/70 to-transparent" data-astro-cid-j2devmb2></div> <h3 class="absolute bottom-3 left-3 text-white text-[14px] font-bold" data-astro-cid-j2devmb2> Riviera Nayarit </h3> </a><a href="/destinos/san-miguel-de-allende" class="relative block h-[126px] overflow-hidden rounded-lg group/item cursor-pointer" data-astro-cid-j2devmb2> <img src="/images/home/destinations/san-miguel.webp" alt="San Miguel de Allende" loading="lazy" data-astro-cid-j2devmb2="true" decoding="async" width="200" height="126" class="absolute inset-0 w-full h-full object-cover transition-transform duration-300 group-hover/item:scale-110"> <div class="absolute inset-0 bg-gradient-to-t from-black/70 to-transparent" data-astro-cid-j2devmb2></div> <h3 class="absolute bottom-3 left-3 text-white text-[14px] font-bold" data-astro-cid-j2devmb2> San Miguel de Allende </h3> </a><a href="/destinos/republica-dominicana" class="relative block h-[126px] overflow-hidden rounded-lg group/item cursor-pointer col-span-2" data-astro-cid-j2devmb2> <img src="/images/home/destinations/punta-cana.webp" alt="República Dominicana" loading="lazy" data-astro-cid-j2devmb2="true" decoding="async" width="200" height="126" class="absolute inset-0 w-full h-full object-cover transition-transform duration-300 group-hover/item:scale-110"> <div class="absolute inset-0 bg-gradient-to-t from-black/70 to-transparent" data-astro-cid-j2devmb2></div> <h3 class="absolute bottom-3 left-3 text-white text-[14px] font-bold" data-astro-cid-j2devmb2> República Dominicana </h3> </a> </div> </div> </div> <!-- 4. Todos los destinos -->
66 <div class="border-b border-[#E6E6E6]" data-astro-cid-j2devmb2> <button @click="mobileActiveAccordion = mobileActiveAccordion === 'todos' ? '' : 'todos'" class="w-full flex justify-between items-center py-5 cursor-pointer" data-astro-cid-j2devmb2> <span data-astro-cid-j2devmb2>Todos los destinos</span> <svg class="w-5 h-5 transition-transform duration-300" :class="{ 'rotate-180': mobileActiveAccordion === 'todos' }" fill="none" viewBox="0 0 24 24" stroke="currentColor" data-astro-cid-j2devmb2> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" data-astro-cid-j2devmb2></path> </svg> </button> <div x-show="mobileActiveAccordion === 'todos'" x-collapse.duration.300ms data-astro-cid-j2devmb2> <div class="grid grid-cols-2 gap-3 pb-5" data-astro-cid-j2devmb2> <a href="/destinos/cancun" class="relative block h-[110px] overflow-hidden rounded-lg group/item cursor-pointer" data-astro-cid-j2devmb2> <img src="/images/home/destinations/cancun.webp" alt="Cancún" loading="lazy" data-astro-cid-j2devmb2="true" decoding="async" width="200" height="110" class="absolute inset-0 w-full h-full object-cover transition-transform duration-300 group-hover/item:scale-110"> <div class="absolute inset-0 bg-gradient-to-t from-black/70 to-transparent" data-astro-cid-j2devmb2></div> <h3 class="absolute bottom-3 left-3 text-white text-[14px] font-bold" data-astro-cid-j2devmb2> Cancún </h3> </a><a href="/destinos/riviera-maya" class="relative block h-[110px] overflow-hidden rounded-lg group/item cursor-pointer" data-astro-cid-j2devmb2> <img src="/images/home/destinations/riviera-maya.webp" alt="Riviera Maya" loading="lazy" data-astro-cid-j2devmb2="true" decoding="async" width="200" height="110" class="absolute inset-0 w-full h-full object-cover transition-transform duration-300 group-hover/item:scale-110"> <div class="absolute inset-0 bg-gradient-to-t from-black/70 to-transparent" data-astro-cid-j2devmb2></div> <h3 class="absolute bottom-3 left-3 text-white text-[14px] font-bold" data-astro-cid-j2devmb2> Riviera Maya </h3> </a><a href="/destinos/los-cabos" class="relative block h-[110px] overflow-hidden rounded-lg group/item cursor-pointer" data-astro-cid-j2devmb2> <img src="/images/home/destinations/los-cabos.webp" alt="Los Cabos" loading="lazy" data-astro-cid-j2devmb2="true" decoding="async" width="200" height="110" class="absolute inset-0 w-full h-full object-cover transition-transform duration-300 group-hover/item:scale-110"> <div class="absolute inset-0 bg-gradient-to-t from-black/70 to-transparent" data-astro-cid-j2devmb2></div> <h3 class="absolute bottom-3 left-3 text-white text-[14px] font-bold" data-astro-cid-j2devmb2> Los Cabos </h3> </a><a href="/destinos/puerto-vallarta" class="relative block h-[110px] overflow-hidden rounded-lg group/item cursor-pointer" data-astro-cid-j2devmb2> <img src="/images/destiny/destinations/puerto-vallarta.webp" alt="Puerto Vallarta" loading="lazy" data-astro-cid-j2devmb2="true" decoding="async" width="200" height="110" class="absolute inset-0 w-full h-full object-cover transition-transform duration-300 group-hover/item:scale-110"> <div class="absolute inset-0 bg-gradient-to-t from-black/70 to-transparent" data-astro-cid-j2devmb2></div> <h3 class="absolute bottom-3 left-3 text-white text-[14px] font-bold" data-astro-cid-j2devmb2> Puerto Vallarta </h3> </a><a href="/destinos/riviera-nayarit" class="relative block h-[110px] overflow-hidden rounded-lg group/item cursor-pointer" data-astro-cid-j2devmb2> <img src="/images/home/destinations/riviera-nayarit.webp" alt="Riviera Nayarit" loading="lazy" data-astro-cid-j2devmb2="true" decoding="async" width="200" height="110" class="absolute inset-0 w-full h-full object-cover transition-transform duration-300 group-hover/item:scale-110"> <div class="absolute inset-0 bg-gradient-to-t from-black/70 to-transparent" data-astro-cid-j2devmb2></div> <h3 class="absolute bottom-3 left-3 text-white text-[14px] font-bold" data-astro-cid-j2devmb2> Riviera Nayarit </h3> </a><a href="/destinos/ciudad-de-mexico" class="relative block h-[110px] overflow-hidden rounded-lg group/item cursor-pointer" data-astro-cid-j2devmb2> <img src="/images/home/destinations/cdmx.webp" alt="Ciudad de México" loading="lazy" data-astro-cid-j2devmb2="true" decoding="async" width="200" height="110" class="absolute inset-0 w-full h-full object-cover transition-transform duration-300 group-hover/item:scale-110"> <div class="absolute inset-0 bg-gradient-to-t from-black/70 to-transparent" data-astro-cid-j2devmb2></div> <h3 class="absolute bottom-3 left-3 text-white text-[14px] font-bold" data-astro-cid-j2devmb2> Ciudad de México </h3> </a><a href="/destinos/republica-dominicana" class="relative block h-[110px] overflow-hidden rounded-lg group/item cursor-pointer" data-astro-cid-j2devmb2> <img src="/images/home/destinations/punta-cana.webp" alt="República Dominicana" loading="lazy" data-astro-cid-j2devmb2="true" decoding="async" width="200" height="110" class="absolute inset-0 w-full h-full object-cover transition-transform duration-300 group-hover/item:scale-110"> <div class="absolute inset-0 bg-gradient-to-t from-black/70 to-transparent" data-astro-cid-j2devmb2></div> <h3 class="absolute bottom-3 left-3 text-white text-[14px] font-bold" data-astro-cid-j2devmb2> República Dominicana </h3> </a><a href="/destinos/san-miguel-de-allende" class="relative block h-[110px] overflow-hidden rounded-lg group/item cursor-pointer" data-astro-cid-j2devmb2> <img src="/images/home/destinations/san-miguel.webp" alt="San Miguel de Allende" loading="lazy" data-astro-cid-j2devmb2="true" decoding="async" width="200" height="110" class="absolute inset-0 w-full h-full object-cover transition-transform duration-300 group-hover/item:scale-110"> <div class="absolute inset-0 bg-gradient-to-t from-black/70 to-transparent" data-astro-cid-j2devmb2></div> <h3 class="absolute bottom-3 left-3 text-white text-[14px] font-bold" data-astro-cid-j2devmb2> San Miguel de Allende </h3> </a> </div> </div> </div> </div> <!-- Bottom recommendation --> <div class="mt-auto pt-10 pb-6 text-center" data-astro-cid-j2devmb2> <p class="text-[14px] text-[#586171] font-medium" data-astro-cid-j2devmb2> ¿No sabes qué destino elegir? </p> <a href="/experiencias" class="text-[#586171] text-[14px] underline font-medium mt
66-1 inline-block hover:text-[#B39470] transition-colors" data-astro-cid-j2devmb2> Te recomendamos uno </a> </div> </div> </div> </header> 
66<script type="module">function d(){const e=document.getElementById("main-header");if(!e)return;const l=()=>document.querySelector('[data-bg="dark"]')!==null;let s=window.scrollY;const o=()=>{const t=window.scrollY,n=l();t>50||n?e.classList.add("scrolled"):e.classList.remove("scrolled"),t>s&&t>100?e.classList.add("hide-header"):e.classList.remove("hide-header"),s=t};window.addEventListener("scroll",o),setTimeout(()=>{e&&e.classList.add("animation-done")},2500),setTimeout(()=>{o()},100),setTimeout(()=>{o()},500)}document.addEventListener("astro:page-load",d);document.addEventListener("DOMContentLoaded",d);</script>
66  <section class="relative w-full overflow-hidden h-[627px] lg:h-[578px] xl:h-[650px]" data-astro-cid-swfr7zxk> <!-- Imagen de fondo con efecto parallax --> <img src="/images/experiences/hero-experiences.webp" alt="Playa de Cancún, arena fina" data-astro-cid-swfr7zxk="true" loading="lazy" decoding="async" width="1280" height="578" class="lg:block md:block hidden absolute inset-0 w-full h-full object-cover object-center"> <img src="/images/experiences/hero-experiences-mobile.webp" alt="Playa de Cancún, arena fina" fetchpriority="high" loading="eager" decoding="sync" data-astro-cid-swfr7zxk="true" width="393" height="627" class="lg:hidden md:hidden block absolute inset-0 w-full h-full object-cover object-center"> <!-- Capa de superposición negra --> <div class="absolute inset-0 bg-black/20 z-10" data-astro-cid-swfr7zxk></div> <div class="relative z-20 lg:px-[87px] px-5 flex h-full items-center justify-center py-24 text-white" data-astro-cid-swfr7zxk> <div class="flex flex-col gap-6 text-center showlate max-w-4xl" data-astro-cid-swfr7zxk> <h3 class="lg:text-[56px] text-[32px] font-bold" data-astro-cid-swfr7zxk>
67La experiencia que imaginas, diseñada a tu medida.
68</h3> <h3 class="text-[16px] font-bold" data-astro-cid-swfr7zxk>
69Cuéntanos qué tienes en mente y te ayudaremos a crear un programa único
70</h3> </div> </div> </section> <section class="bg-white pt-10 pb-32 relative z-40 h-auto min-h-0"> <div class="w-full max-w-6xl mx-auto px-4" x-data="{ 
71        step: 1,
72        isSubmitting: false,
73        showSuccess: false,
74        showError: false,
75        fileName: '', 
76        formData: {
77            nombre: '',
78            empresa: '', 
79            email: '',
80            telefono: '',
81            pais: 'mx',
82            tipoEvento: '', 
83            personas: 40,
84            destino: '',
85            actividades: [],
86            servicios: [],
87            comentarios: '',
88            documento: '',
89            recaptchaToken: '' 
90        },
91        errors: {
92            nombre: false,
93            email: '',
94            telefono: false,
95            tipoEvento: false,
96            destino: false
97        },
98        destinations: [{&quot;id&quot;:1,&quot;title&quot;:&quot;Cancún&quot;,&quot;subtitle&quot;:&quot;Descubre&quot;,&quot;imgUrl&quot;:&quot;/images/home/destinations/cancun.webp&quot;,&quot;ctaLink&quot;:&quot;/destinos/cancun&quot;},{&quot;id&quot;:2,&quot;title&quot;:&quot;Riviera Maya&quot;,&quot;subtitle&quot;:&quot;Explora&quot;,&quot;imgUrl&quot;:&quot;/images/home/destinations/riviera-maya.webp&quot;,&quot;ctaLink&quot;:&quot;/destinos/riviera-maya&quot;},{&quot;id&quot;:3,&quot;title&quot;:&quot;Los Cabos&quot;,&quot;subtitle&quot;:&quot;Disfruta&quot;,&quot;imgUrl&quot;:&quot;/images/home/destinations/los-cabos.webp&quot;,&quot;ctaLink&quot;:&quot;/destinos/los-cabos&quot;},{&quot;id&quot;:4,&quot;title&quot;:&quot;Puerto Vallarta&quot;,&quot;subtitle&quot;:&quot;Conoce&quot;,&quot;imgUrl&quot;:&quot;/images/destiny/destinations/puerto-vallarta.webp&quot;,&quot;ctaLink&quot;:&quot;/destinos/puerto-vallarta&quot;},{&quot;id&quot;:5,&quot;title&quot;:&quot;Riviera Nayarit&quot;,&quot;subtitle&quot;:&quot;Explora&quot;,&quot;imgUrl&quot;:&quot;/images/home/destinations/riviera-nayarit.webp&quot;,&quot;ctaLink&quot;:&quot;/destinos/riviera-nayarit&quot;},{&quot;id&quot;:6,&quot;title&quot;:&quot;Ciudad de México&quot;,&quot;subtitle&quot;:&quot;Descubre&quot;,&quot;imgUrl&quot;:&quot;/images/home/destinations/cdmx.webp&quot;,&quot;ctaLink&quot;:&quot;/destinos/ciudad-de-mexico&quot;},{&quot;id&quot;:7,&quot;title&quot;:&quot;República Dominicana&quot;,&quot;subtitle&quot;:&quot;Descubre&quot;,&quot;imgUrl&quot;:&quot;/images/home/destinations/punta-cana.webp&quot;,&quot;ctaLink&quot;:&quot;/destinos/republica-dominicana&quot;},{&quot;id&quot;:8,&quot;title&quot;:&quot;San Miguel de Allende&quot;,&quot;subtitle&quot;:&quot;Conoce&quot;,&quot;imgUrl&quot;:&quot;/images/home/destinations/san-miguel.webp&quot;,&quot;ctaLink&quot;:&quot;/destinos/san-miguel-de-allende&quot;}],
99        activities: [{&quot;id&quot;:&quot;teambuilding&quot;,&quot;title&quot;:&quot;Team Building&quot;,&quot;img&quot;:&quot;/images/experiences/team.webp&quot;},{&quot;id&quot;:&quot;actividades&quot;,&quot;title&quot;:&quot;Actividades&quot;,&quot;img&quot;:&quot;/images/experiences/actividades.webp&quot;},{&quot;id&quot;:&quot;experiencias&quot;,&quot;title&quot;:&quot;Experiencias signature&quot;,&quot;img&quot;:&quot;/images/experiences/experiencias.webp&quot;},{&quot;id&quot;:&quot;restaurantes&quot;,&quot;title&quot;:&quot;Selección de restaurantes&quot;,&quot;img&quot;:&quot;/images/experiences/restaurantes.webp&quot;},{&quot;id&quot;:&quot;decoracion&quot;,&quot;title&quot;:&quot;Decoración&quot;,&quot;img&quot;:&quot;/images/experiences/decoracion.webp&quot;},{&quot;id&quot;:&quot;entretenimiento&quot;,&quot;title&quot;:&quot;Entretenimiento&quot;,&quot;img&quot;:&quot;/images/experiences/entretenimiento.webp&quot;},{&quot;id&quot;:&quot;cenas&quot;,&quot;title&quot;:&quot;Cenas temáticas&quot;,&quot;img&quot;:&quot;/images/experiences/cenas.webp&quot;},{&quot;id&quot;:&quot;mercaditos&quot;,&quot;title&quot;:&quot;Mercaditos mexicanos&quot;,&quot;img&quot;:&quot;/images/experiences/mercaditos.webp&quot;}],
100        services: [{&quot;id&quot;:&quot;logistica&quot;,&quot;title&quot;:&quot;Logística&quot;,&quot;subtitle&quot;:&quot;Transportes y señalética&quot;},{&quot;id&quot;:&quot;
100hospitalidad&quot;,&quot;title&quot;:&quot;Hospitalidad&quot;,&quot;subtitle&quot;:&quot;Staff, registro, página web&quot;},{&quot;id&quot;:&quot;branding&quot;,&quot;title&quot;:&quot;Branding&quot;,&quot;subtitle&quot;:&quot;Regalos, impresiones, fotografía&quot;}],
101        countries: [{&quot;id&quot;:155,&quot;code&quot;:&quot;MX&quot;,&quot;prefix&quot;:&quot;+52&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/mx.svg&quot;,&quot;name&quot;:&quot;México&quot;},{&quot;id&quot;:231,&quot;code&quot;:&quot;US&quot;,&quot;prefix&quot;:&quot;+1&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/us.svg&quot;,&quot;name&quot;:&quot;Estados Unidos&quot;},{&quot;id&quot;:37,&quot;code&quot;:&quot;CA&quot;,&quot;prefix&quot;:&quot;+1&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/ca.svg&quot;,&quot;name&quot;:&quot;Canadá&quot;},{&quot;id&quot;:1,&quot;code&quot;:&quot;AD&quot;,&quot;prefix&quot;:&quot;+376&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/ad.svg&quot;,&quot;name&quot;:&quot;Andorra&quot;},{&quot;id&quot;:2,&quot;code&quot;:&quot;AE&quot;,&quot;prefix&quot;:&quot;+971&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/ae.svg&quot;,&quot;name&quot;:&quot;Emiratos Árabes Unidos&quot;},{&quot;id&quot;:3,&quot;code&quot;:&quot;AF&quot;,&quot;prefix&quot;:&quot;+93&quot;,&quot;thumbnail&quot;:&quot;https://upload.wikimedia.org/wikipedia/commons/5/5c/Flag_of_the_Taliban.svg&quot;,&quot;name&quot;:&quot;Afganistán&quot;},{&quot;id&quot;:4,&quot;code&quot;:&quot;AG&quot;,&quot;prefix&quot;:&quot;+1268&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/ag.svg&quot;,&quot;name&quot;:&quot;Antigua y Barbuda&quot;},{&quot;id&quot;:5,&quot;code&quot;:&quot;AI&quot;,&quot;prefix&quot;:&quot;+1264&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/ai.svg&quot;,&quot;name&quot;:&quot;Anguila&quot;},{&quot;id&quot;:6,&quot;code&quot;:&quot;AL&quot;,&quot;prefix&quot;:&quot;+355&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/al.svg&quot;,&quot;name&quot;:&quot;Albania&quot;},{&quot;id&quot;:7,&quot;code&quot;:&quot;AM&quot;,&quot;prefix&quot;:&quot;+374&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/am.svg&quot;,&quot;name&quot;:&quot;Armenia&quot;},{&quot;id&quot;:8,&quot;code&quot;:&quot;AO&quot;,&quot;prefix&quot;:&quot;+244&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/ao.svg&quot;,&quot;name&quot;:&quot;Angola&quot;},{&quot;id&quot;:9,&quot;code&quot;:&quot;AR&quot;,&quot;prefix&quot;:&quot;+54&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/ar.svg&quot;,&quot;name&quot;:&quot;Argentina&quot;},{&quot;id&quot;:10,&quot;code&quot;:&quot;AS&quot;,&quot;prefix&quot;:&quot;+1684&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/as.svg&quot;,&quot;name&quot;:&quot;Samoa Americana&quot;},{&quot;id&quot;:11,&quot;code&quot;:&quot;AT&quot;,&quot;prefix&quot;:&quot;+43&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/at.svg&quot;,&quot;name&quot;:&quot;Austria&quot;},{&quot;id&quot;:12,&quot;code&quot;:&quot;AU&quot;,&quot;prefix&quot;:&quot;+61&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/au.svg&quot;,&quot;name&quot;:&quot;Australia&quot;},{&quot;id&quot;:13,&quot;code&quot;:&quot;AW&quot;,&quot;prefix&quot;:&quot;+297&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/aw.svg&quot;,&quot;name&quot;:&quot;Aruba&quot;},{&quot;id&quot;:14,&quot;code&quot;:&quot;AX&quot;,&quot;prefix&quot;:&quot;+35818&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/ax.svg&quot;,&quot;name&quot;:&quot;Islas Aland&quot;},{&quot;id&quot;:15,&quot;code&quot;:&quot;AZ&quot;,&quot;prefix&quot;:&quot;+994&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/az.svg&quot;,&quot;name&quot;:&quot;Azerbaiyán&quot;},{&quot;id&quot;:16,&quot;code&quot;:&quot;BA&quot;,&quot;prefix&quot;:&quot;+387&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/ba.svg&quot;,&quot;name&quot;:&quot;Bosnia y Herzegovina&quot;},{&quot;id&quot;:17,&quot;code&quot;:&quot;BB&quot;,&quot;prefix&quot;:&quot;+1246&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/bb.svg&quot;,&quot;name&quot;:&quot;Barbados&quot;},{&quot;id&quot;:18,&quot;code&quot;:&quot;BD&quot;,&quot;prefix&quot;:&quot;+880&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/bd.svg&quot;,&quot;name&quot;:&quot;Bangladés&quot;},{&quot;id&quot;:19,&quot;code&quot;:&quot;BE&quot;,&quot;prefix&quot;:&quot;+32&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/be.svg&quot;,&quot;name&quot;:&quot;Bélgica&quot;},{&quot;id&quot;:20,&quot;code&quot;:&quot;BF&quot;,&quot;prefix&quot;:&quot;+226&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/bf.svg&quot;,&quot;name&quot;:&quot;Burkina Faso&quot;},{&quot;id&quot;:21,&quot;code&quot;:&quot;BG&quot;,&quot;prefix&quot;:&quot;+359&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/bg.svg&quot;,&quot;name&quot;:&quot;Bulgaria&quot;},{&quot;id&quot;:22,&quot;code&quot;:&quot;BH&quot;,&quot;prefix&quot;:&quot;+973&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/bh.svg&quot;,&quot;name&quot;:&quot;Baréin&quot;},{&quot;id&quot;:23,&quot;code&quot;:&quot;BI&quot;,&quot;prefix&quot;:&quot;
101+257&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/bi.svg&quot;,&quot;name&quot;:&quot;Burundi&quot;},{&quot;id&quot;:24,&quot;code&quot;:&quot;BJ&quot;,&quot;prefix&quot;:&quot;+229&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/bj.svg&quot;,&quot;name&quot;:&quot;Benín&quot;},{&quot;id&quot;:25,&quot;code&quot;:&quot;BL&quot;,&quot;prefix&quot;:&quot;+590&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/bl.svg&quot;,&quot;name&quot;:&quot;San Bartolomé&quot;},{&quot;id&quot;:26,&quot;code&quot;:&quot;BM&quot;,&quot;prefix&quot;:&quot;+1441&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/bm.svg&quot;,&quot;name&quot;:&quot;Bermudas&quot;},{&quot;id&quot;:27,&quot;code&quot;:&quot;BN&quot;,&quot;prefix&quot;:&quot;+673&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/bn.svg&quot;,&quot;name&quot;:&quot;Brunéi&quot;},{&quot;id&quot;:28,&quot;code&quot;:&quot;BO&quot;,&quot;prefix&quot;:&quot;+591&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/bo.svg&quot;,&quot;name&quot;:&quot;Bolivia&quot;},{&quot;id&quot;:29,&quot;code&quot;:&quot;BQ&quot;,&quot;prefix&quot;:&quot;+599&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/bq.svg&quot;,&quot;name&quot;:&quot;Caribe neerlandés&quot;},{&quot;id&quot;:30,&quot;code&quot;:&quot;BR&quot;,&quot;prefix&quot;:&quot;+55&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/br.svg&quot;,&quot;name&quot;:&quot;Brasil&quot;},{&quot;id&quot;:31,&quot;code&quot;:&quot;BS&quot;,&quot;prefix&quot;:&quot;+1242&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/bs.svg&quot;,&quot;name&quot;:&quot;Bahamas&quot;},{&quot;id&quot;:32,&quot;code&quot;:&quot;BT&quot;,&quot;prefix&quot;:&quot;+975&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/bt.svg&quot;,&quot;name&quot;:&quot;Bután&quot;},{&quot;id&quot;:33,&quot;code&quot;:&quot;BV&quot;,&quot;prefix&quot;:&quot;+47&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/bv.svg&quot;,&quot;name&quot;:&quot;Isla Bouvet&quot;},{&quot;id&quot;:34,&quot;code&quot;:&quot;BW&quot;,&quot;prefix&quot;:&quot;+267&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/bw.svg&quot;,&quot;name&quot;:&quot;Botsuana&quot;},{&quot;id&quot;:35,&quot;code&quot;:&quot;BY&quot;,&quot;prefix&quot;:&quot;+375&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/by.svg&quot;,&quot;name&quot;:&quot;Bielorrusia&quot;},{&quot;id&quot;:36,&quot;code&quot;:&quot;BZ&quot;,&quot;prefix&quot;:&quot;+501&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/bz.svg&quot;,&quot;name&quot;:&quot;Belice&quot;},{&quot;id&quot;:38,&quot;code&quot;:&quot;CC&quot;,&quot;prefix&quot;:&quot;+61&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/cc.svg&quot;,&quot;name&quot;:&quot;Islas Cocos&quot;},{&quot;id&quot;:39,&quot;code&quot;:&quot;CD&quot;,&quot;prefix&quot;:&quot;+243&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/cd.svg&quot;,&quot;name&quot;:&quot;República Democrática del Congo&quot;},{&quot;id&quot;:40,&quot;code&quot;:&quot;CF&quot;,&quot;prefix&quot;:&quot;+236&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/cf.svg&quot;,&quot;name&quot;:&quot;República Centroafricana&quot;},{&quot;id&quot;:41,&quot;code&quot;:&quot;CG&quot;,&quot;prefix&quot;:&quot;+242&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/cg.svg&quot;,&quot;name&quot;:&quot;Congo&quot;},{&quot;id&quot;:42,&quot;code&quot;:&quot;CH&quot;,&quot;prefix&quot;:&quot;+41&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/ch.svg&quot;,&quot;name&quot;:&quot;Suiza&quot;},{&quot;id&quot;:43,&quot;code&quot;:&quot;CI&quot;,&quot;prefix&quot;:&quot;+225&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/ci.svg&quot;,&quot;name&quot;:&quot;Côte d’Ivoire&quot;},{&quot;id&quot;:44,&quot;code&quot;:&quot;CK&quot;,&quot;prefix&quot;:&quot;+682&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/ck.svg&quot;,&quot;name&quot;:&quot;Islas Cook&quot;},{&quot;id&quot;:45,&quot;code&quot;:&quot;CL&quot;,&quot;prefix&quot;:&quot;+56&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/cl.svg&quot;,&quot;name&quot;:&quot;Chile&quot;},{&quot;id&quot;:46,&quot;code&quot;:&quot;CM&quot;,&quot;prefix&quot;:&quot;+237&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/cm.svg&quot;,&quot;name&quot;:&quot;Camerún&quot;},{&quot;id&quot;:47,&quot;code&quot;:&quot;CN&quot;,&quot;prefix&quot;:&quot;+86&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/cn.svg&quot;,&quot;name&quot;:&quot;China&quot;},{&quot;id&quot;:48,&quot;code&quot;:&quot;CO&quot;,&quot;prefix&quot;:&quot;+57&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/co.svg&quot;,&quot;name&quot;:&quot;Colombia&quot;},{&quot;id&quot;:49,&quot;code&quot;:&quot;
101CR&quot;,&quot;prefix&quot;:&quot;+506&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/cr.svg&quot;,&quot;name&quot;:&quot;Costa Rica&quot;},{&quot;id&quot;:50,&quot;code&quot;:&quot;CU&quot;,&quot;prefix&quot;:&quot;+53&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/cu.svg&quot;,&quot;name&quot;:&quot;Cuba&quot;},{&quot;id&quot;:51,&quot;code&quot;:&quot;CV&quot;,&quot;prefix&quot;:&quot;+238&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/cv.svg&quot;,&quot;name&quot;:&quot;Cabo Verde&quot;},{&quot;id&quot;:52,&quot;code&quot;:&quot;CW&quot;,&quot;prefix&quot;:&quot;+599&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/cw.svg&quot;,&quot;name&quot;:&quot;Curazao&quot;},{&quot;id&quot;:53,&quot;code&quot;:&quot;CX&quot;,&quot;prefix&quot;:&quot;+61&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/cx.svg&quot;,&quot;name&quot;:&quot;Isla de Navidad&quot;},{&quot;id&quot;:54,&quot;code&quot;:&quot;CY&quot;,&quot;prefix&quot;:&quot;+357&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/cy.svg&quot;,&quot;name&quot;:&quot;Chipre&quot;},{&quot;id&quot;:55,&quot;code&quot;:&quot;CZ&quot;,&quot;prefix&quot;:&quot;+420&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/cz.svg&quot;,&quot;name&quot;:&quot;Chequia&quot;},{&quot;id&quot;:56,&quot;code&quot;:&quot;DE&quot;,&quot;prefix&quot;:&quot;+49&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/de.svg&quot;,&quot;name&quot;:&quot;Alemania&quot;},{&quot;id&quot;:57,&quot;code&quot;:&quot;DJ&quot;,&quot;prefix&quot;:&quot;+253&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/dj.svg&quot;,&quot;name&quot;:&quot;Yibuti&quot;},{&quot;id&quot;:58,&quot;code&quot;:&quot;DK&quot;,&quot;prefix&quot;:&quot;+45&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/dk.svg&quot;,&quot;name&quot;:&quot;Dinamarca&quot;},{&quot;id&quot;:59,&quot;code&quot;:&quot;DM&quot;,&quot;prefix&quot;:&quot;+1767&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/dm.svg&quot;,&quot;name&quot;:&quot;Dominica&quot;},{&quot;id&quot;:60,&quot;code&quot;:&quot;DO&quot;,&quot;prefix&quot;:&quot;+1&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/do.svg&quot;,&quot;name&quot;:&quot;República Dominicana&quot;},{&quot;id&quot;:61,&quot;code&quot;:&quot;DZ&quot;,&quot;prefix&quot;:&quot;+213&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/dz.svg&quot;,&quot;name&quot;:&quot;Argelia&quot;},{&quot;id&quot;:62,&quot;code&quot;:&quot;EC&quot;,&quot;prefix&quot;:&quot;+593&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/ec.svg&quot;,&quot;name&quot;:&quot;Ecuador&quot;},{&quot;id&quot;:63,&quot;code&quot;:&quot;EE&quot;,&quot;prefix&quot;:&quot;+372&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/ee.svg&quot;,&quot;name&quot;:&quot;Estonia&quot;},{&quot;id&quot;:64,&quot;code&quot;:&quot;EG&quot;,&quot;prefix&quot;:&quot;+20&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/eg.svg&quot;,&quot;name&quot;:&quot;Egipto&quot;},{&quot;id&quot;:65,&quot;code&quot;:&quot;EH&quot;,&quot;prefix&quot;:&quot;+2&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/eh.svg&quot;,&quot;name&quot;:&quot;Sáhara Occidental&quot;},{&quot;id&quot;:66,&quot;code&quot;:&quot;ER&quot;,&quot;prefix&quot;:&quot;+291&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/er.svg&quot;,&quot;name&quot;:&quot;Eritrea&quot;},{&quot;id&quot;:67,&quot;code&quot;:&quot;ES&quot;,&quot;prefix&quot;:&quot;+34&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/es.svg&quot;,&quot;name&quot;:&quot;España&quot;},{&quot;id&quot;:68,&quot;code&quot;:&quot;ET&quot;,&quot;prefix&quot;:&quot;+251&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/et.svg&quot;,&quot;name&quot;:&quot;Etiopía&quot;},{&quot;id&quot;:69,&quot;code&quot;:&quot;FI&quot;,&quot;prefix&quot;:&quot;+358&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/fi.svg&quot;,&quot;name&quot;:&quot;Finlandia&quot;},{&quot;id&quot;:70,&quot;code&quot;:&quot;FJ&quot;,&quot;prefix&quot;:&quot;+679&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/fj.svg&quot;,&quot;name&quot;:&quot;Fiyi&quot;},{&quot;id&quot;:71,&quot;code&quot;:&quot;FK&quot;,&quot;prefix&quot;:&quot;+500&quot;,&quot;thumbnail&quot;:&quot;
101https://flagcdn.com/fk.svg&quot;,&quot;name&quot;:&quot;Islas Malvinas&quot;},{&quot;id&quot;:72,&quot;code&quot;:&quot;FM&quot;,&quot;prefix&quot;:&quot;+691&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/fm.svg&quot;,&quot;name&quot;:&quot;Micronesia&quot;},{&quot;id&quot;:73,&quot;code&quot;:&quot;FO&quot;,&quot;prefix&quot;:&quot;+298&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/fo.svg&quot;,&quot;name&quot;:&quot;Islas Feroe&quot;},{&quot;id&quot;:74,&quot;code&quot;:&quot;FR&quot;,&quot;prefix&quot;:&quot;+33&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/fr.svg&quot;,&quot;name&quot;:&quot;Francia&quot;},{&quot;id&quot;:75,&quot;code&quot;:&quot;GA&quot;,&quot;prefix&quot;:&quot;+241&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/ga.svg&quot;,&quot;name&quot;:&quot;Gabón&quot;},{&quot;id&quot;:76,&quot;code&quot;:&quot;GB&quot;,&quot;prefix&quot;:&quot;+44&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/gb.svg&quot;,&quot;name&quot;:&quot;Reino Unido&quot;},{&quot;id&quot;:77,&quot;code&quot;:&quot;GD&quot;,&quot;prefix&quot;:&quot;+1473&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/gd.svg&quot;,&quot;name&quot;:&quot;Granada&quot;},{&quot;id&quot;:78,&quot;code&quot;:&quot;GE&quot;,&quot;prefix&quot;:&quot;+995&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/ge.svg&quot;,&quot;name&quot;:&quot;Georgia&quot;},{&quot;id&quot;:79,&quot;code&quot;:&quot;GF&quot;,&quot;prefix&quot;:&quot;+594&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/gf.svg&quot;,&quot;name&quot;:&quot;Guayana Francesa&quot;},{&quot;id&quot;:80,&quot;code&quot;:&quot;GG&quot;,&quot;prefix&quot;:&quot;+44&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/gg.svg&quot;,&quot;name&quot;:&quot;Guernesey&quot;},{&quot;id&quot;:81,&quot;code&quot;:&quot;GH&quot;,&quot;prefix&quot;:&quot;+233&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/gh.svg&quot;,&quot;name&quot;:&quot;Ghana&quot;},{&quot;id&quot;:82,&quot;code&quot;:&quot;GI&quot;,&quot;prefix&quot;:&quot;+350&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/gi.svg&quot;,&quot;name&quot;:&quot;Gibraltar&quot;},{&quot;id&quot;:83,&quot;code&quot;:&quot;GL&quot;,&quot;prefix&quot;:&quot;+299&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/gl.svg&quot;,&quot;name&quot;:&quot;Groenlandia&quot;},{&quot;id&quot;:84,&quot;code&quot;:&quot;GM&quot;,&quot;prefix&quot;:&quot;+220&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/gm.svg&quot;,&quot;name&quot;:&quot;Gambia&quot;},{&quot;id&quot;:85,&quot;code&quot;:&quot;GN&quot;,&quot;prefix&quot;:&quot;+224&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/gn.svg&quot;,&quot;name&quot;:&quot;Guinea&quot;},{&quot;id&quot;:86,&quot;code&quot;:&quot;GP&quot;,&quot;prefix&quot;:&quot;+590&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/gp.svg&quot;,&quot;name&quot;:&quot;Guadalupe&quot;},{&quot;id&quot;:87,&quot;code&quot;:&quot;GQ&quot;,&quot;prefix&quot;:&quot;+240&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/gq.svg&quot;,&quot;name&quot;:&quot;Guinea Ecuatorial&quot;},{&quot;id&quot;:88,&quot;code&quot;:&quot;GR&quot;,&quot;prefix&quot;:&quot;+30&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/gr.svg&quot;,&quot;name&quot;:&quot;Grecia&quot;},{&quot;id&quot;:89,&quot;code&quot;:&quot;GS&quot;,&quot;prefix&quot;:&quot;+500&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/gs.svg&quot;,&quot;name&quot;:&quot;Islas Georgia del Sur y Sandwich del Sur&quot;},{&quot;id&quot;:90,&quot;code&quot;:&quot;GT&quot;,&quot;prefix&quot;:&quot;+502&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/gt.svg&quot;,&quot;name&quot;:&quot;Guatemala&quot;},{&quot;id&quot;:91,&quot;code&quot;:&quot;GU&quot;,&quot;prefix&quot;:&quot;+1671&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/gu.svg&quot;,&quot;name&quot;:&quot;Guam&quot;},{&quot;id&quot;:92,&quot;code&quot;:&quot;GW&quot;,&quot;prefix&quot;:&quot;+245&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/gw.svg&quot;,&quot;name&quot;:&quot;Guinea-Bisáu&quot;},{&quot;id&quot;:93,&quot;code&quot;:&quot;GY&quot;,&quot;prefix&quot;:&quot;+592&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/gy.svg&quot;,&quot;name&quot;:&quot;Guyana&quot;},{&quot;id&quot;:94,&quot;code&quot;:&quot;HK&quot;,&quot;prefix&quot;:&quot;+852&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/hk.svg&quot;,&quot;name&quot;:&quot;RAE de Hong Kong (China)&quot;},{&quot;id&quot;:95,&quot;code&quot;:&quot;HN&quot;,&quot;prefix&quot;:&quot;+504&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/hn.svg&quot;,&quot;name&quot;:&quot;Honduras&quot;},{&quot;id&quot;:96,&quot;code&quot;:&quot;HR&quot;,&quot;prefix&quot;:&quot;+385&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/hr.svg&quot;,&quot;name&quot;:&quot;Croacia&quot;},{&quot;id&quot;:97,&quot;code&quot;:&quot;HT&quot;,&quot;prefix&quot;:&quot;+509&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/ht.svg&quot;,&quot;name&quot;:&quot;Haití&quot;},{&quot;id&quot;:98,&quot;code&quot;:&quot;HU&quot;,&quot;prefix&quot;:&quot;+36&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/hu.svg&quot;,&quot;name&quot;:&quot;Hungría&quot;},{&quot;id&quot;:99,&quot;code&quot;:&quot;ID&quot;,&quot;prefix&quot;:&quot;+62&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/id.svg&quot;,&quot;name&quot;:&quot;Indonesia&quot;},{&quot;id&quot;:100,&quot;code&quot;:&quot;IE&quot;,&quot;prefix&quot;:&quot;+353&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/ie.svg&quot;,&quot;name&quot;:&quot;Irlanda&quot;},{&quot;id&quot;:101,&quot;code&quot;:&quot;IL&quot;,&quot;prefix&quot;:&quot;+972&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/il.svg&quot;,&quot;name&quot;:&quot;Israel&quot;},{&quot;id&quot;:102,&quot;code&quot;:&quot;IM&quot;,&quot;prefix&quot;:&quot;+44&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/im.svg&quot;,&quot;name&quot;:&quot;Isla de Man&quot;},{&quot;id&quot;:103,&quot;code&quot;:&quot;IN&quot;,&quot;prefix&quot;:&quot;+91&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/in.svg&quot;,&quot;name&quot;:&quot;India&quot;},{&quot;id&quot;:104,&quot;code&quot;:&quot;IO&quot;,&quot;prefix&quot;:&quot;+246&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/io.svg&quot;,&quot;name&quot;:&quot;Territorio Británico del Océano Índico&quot;},{&quot;id&quot;:105,&quot;code&quot;:&quot;IQ&quot;,&quot;prefix&quot;:&quot;+964&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/iq.svg&quot;,&quot;name&quot;:&quot;Irak&quot;},{&quot;id&quot;:106,&quot;code&quot;:&quot;IR&quot;,&quot;prefix&quot;:&quot;+98&quot;,&quot;thumbnail&quot;:&quot;
101https://flagcdn.com/ir.svg&quot;,&quot;name&quot;:&quot;Irán&quot;},{&quot;id&quot;:107,&quot;code&quot;:&quot;IS&quot;,&quot;prefix&quot;:&quot;+354&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/is.svg&quot;,&quot;name&quot;:&quot;Islandia&quot;},{&quot;id&quot;:108,&quot;code&quot;:&quot;IT&quot;,&quot;prefix&quot;:&quot;+39&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/it.svg&quot;,&quot;name&quot;:&quot;Italia&quot;},{&quot;id&quot;:109,&quot;code&quot;:&quot;JE&quot;,&quot;prefix&quot;:&quot;+44&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/je.svg&quot;,&quot;name&quot;:&quot;Jersey&quot;},{&quot;id&quot;:110,&quot;code&quot;:&quot;JM&quot;,&quot;prefix&quot;:&quot;+1&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/jm.svg&quot;,&quot;name&quot;:&quot;Jamaica&quot;},{&quot;id&quot;:111,&quot;code&quot;:&quot;JO&quot;,&quot;prefix&quot;:&quot;+962&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/jo.svg&quot;,&quot;name&quot;:&quot;Jordania&quot;},{&quot;id&quot;:112,&quot;code&quot;:&quot;JP&quot;,&quot;prefix&quot;:&quot;+81&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/jp.svg&quot;,&quot;name&quot;:&quot;Japón&quot;},{&quot;id&quot;:113,&quot;code&quot;:&quot;KE&quot;,&quot;prefix&quot;:&quot;+254&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/ke.svg&quot;,&quot;name&quot;:&quot;Kenia&quot;},{&quot;id&quot;:114,&quot;code&quot;:&quot;KG&quot;,&quot;prefix&quot;:&quot;+996&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/kg.svg&quot;,&quot;name&quot;:&quot;Kirguistán&quot;},{&quot;id&quot;:115,&quot;code&quot;:&quot;KH&quot;,&quot;prefix&quot;:&quot;+855&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/kh.svg&quot;,&quot;name&quot;:&quot;Camboya&quot;},{&quot;id&quot;:116,&quot;code&quot;:&quot;KI&quot;,&quot;prefix&quot;:&quot;+686&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/ki.svg&quot;,&quot;name&quot;:&quot;Kiribati&quot;},{&quot;id&quot;:117,&quot;code&quot;:&quot;KM&quot;,&quot;prefix&quot;:&quot;+269&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/km.svg&quot;,&quot;name&quot;:&quot;Comoras&quot;},{&quot;id&quot;:118,&quot;code&quot;:&quot;KN&quot;,&quot;prefix&quot;:&quot;+1869&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/kn.svg&quot;,&quot;name&quot;:&quot;San Cristóbal y Nieves&quot;},{&quot;id&quot;:119,&quot;code&quot;:&quot;KP&quot;,&quot;prefix&quot;:&quot;+850&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/kp.svg&quot;,&quot;name&quot;:&quot;Corea del Norte&quot;},{&quot;id&quot;:120,&quot;code&quot;:&quot;KR&quot;,&quot;prefix&quot;:&quot;+82&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/kr.svg&quot;,&quot;name&quot;:&quot;Corea del Sur&quot;},{&quot;id&quot;:121,&quot;code&quot;:&quot;KW&quot;,&quot;prefix&quot;:&quot;+965&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/kw.svg&quot;,&quot;name&quot;:&quot;Kuwait&quot;},{&quot;id&quot;:122,&quot;code&quot;:&quot;KY&quot;,&quot;prefix&quot;:&quot;+1345&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/ky.svg&quot;,&quot;name&quot;:&quot;Islas Caimán&quot;},{&quot;id&quot;:123,&quot;code&quot;:&quot;KZ&quot;,&quot;prefix&quot;:&quot;+7&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/kz.svg&quot;,&quot;name&quot;:&quot;Kazajistán&quot;},{&quot;id&quot;:124,&quot;code&quot;:&quot;LA&quot;,&quot;prefix&quot;:&quot;+856&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/la.svg&quot;,&quot;name&quot;:&quot;Laos&quot;},{&quot;id&quot;:125,&quot;code&quot;:&quot;LB&quot;,&quot;prefix&quot;:&quot;+961&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/lb.svg&quot;,&quot;name&quot;:&quot;Líbano&quot;},{&quot;id&quot;:126,&quot;code&quot;:&quot;LC&quot;,&quot;prefix&quot;:&quot;+1758&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/lc.svg&quot;,&quot;name&quot;:&quot;Santa Lucía&quot;},{&quot;id&quot;:127,&quot;code&quot;:&quot;LI&quot;,&quot;prefix&quot;:&quot;+423&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/li.svg&quot;,&quot;name&quot;:&quot;Liechtenstein&quot;},{&quot;id&quot;:128,&quot;code&quot;:&quot;LK&quot;,&quot;prefix&quot;:&quot;+94&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/lk.svg&quot;,&quot;name&quot;:&quot;Sri Lanka&quot;},{&quot;id&quot;:129,&quot;code&quot;:&quot;LR&quot;,&quot;prefix&quot;:&quot;+231&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/lr.svg&quot;,&quot;name&quot;:&quot;Liberia&quot;},{&quot;id&quot;:130,&quot;code&quot;:&quot;LS&quot;,&quot;prefix&quot;:&quot;+266&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/ls.svg&quot;,&quot;name&quot;:&quot;Lesoto&quot;},{&quot;id&quot;:131,&quot;code&quot;:&quot;LT&quot;,&quot;prefix&quot;:&quot;+370&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/lt.svg&quot;,&quot;name&quot;:&quot;Lituania&quot;},{&quot;id&quot;:132,&quot;code&quot;:&quot;LU&quot;,&quot;prefix&quot;:&quot;+352&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/lu.svg&quot;,&quot;name&quot;:&quot;Luxemburgo&quot;},{&quot;id&quot;:133,&quot;code&quot;:&quot;LV&quot;,&quot;prefix&quot;:&quot;+371&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/lv.svg&quot;,&quot;name&quot;:&quot;Letonia&quot;},{&quot;id&quot;:134,&quot;code&quot;:&quot;LY&quot;,&quot;prefix&quot;:&quot;+218&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/ly.svg&quot;,&quot;name&quot;:&quot;Libia&quot;},{&quot;id&quot;:135,&quot;code&quot;:&quot;MA&quot;,&quot;prefix&quot;:&quot;+212&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/ma.svg&quot;,&quot;name&quot;:&quot;Marruecos&quot;},{&quot;id&quot;:136,&quot;code&quot;:&quot;MC&quot;,&quot;prefix&quot;:&quot;+377&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/mc.svg&quot;,&quot;name&quot;:&quot;Mónaco&quot;},{&quot;id&quot;:137,&quot;code&quot;:&quot;MD&quot;,&quot;prefix&quot;:&quot;+373&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/md.svg&quot;,&quot;name&quot;:&quot;Moldavia&quot;},{&quot;id&quot;:138,&quot;code&quot;:&quot;ME&quot;,&quot;prefix&quot;:&quot;+382&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/me.svg&quot;,&quot;name&quot;:&quot;Montenegro&quot;},{&quot;id&quot;:139,&quot;code&quot;:&quot;
101MF&quot;,&quot;prefix&quot;:&quot;+590&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/mf.svg&quot;,&quot;name&quot;:&quot;San Martín&quot;},{&quot;id&quot;:140,&quot;code&quot;:&quot;MG&quot;,&quot;prefix&quot;:&quot;+261&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/mg.svg&quot;,&quot;name&quot;:&quot;Madagascar&quot;},{&quot;id&quot;:141,&quot;code&quot;:&quot;MH&quot;,&quot;prefix&quot;:&quot;+692&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/mh.svg&quot;,&quot;name&quot;:&quot;Islas Marshall&quot;},{&quot;id&quot;:142,&quot;code&quot;:&quot;MK&quot;,&quot;prefix&quot;:&quot;+389&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/mk.svg&quot;,&quot;name&quot;:&quot;Macedonia del Norte&quot;},{&quot;id&quot;:143,&quot;code&quot;:&quot;ML&quot;,&quot;prefix&quot;:&quot;+223&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/ml.svg&quot;,&quot;name&quot;:&quot;Mali&quot;},{&quot;id&quot;:144,&quot;code&quot;:&quot;MM&quot;,&quot;prefix&quot;:&quot;+95&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/mm.svg&quot;,&quot;name&quot;:&quot;Myanmar (Birmania)&quot;},{&quot;id&quot;:145,&quot;code&quot;:&quot;MN&quot;,&quot;prefix&quot;:&quot;+976&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/mn.svg&quot;,&quot;name&quot;:&quot;Mongolia&quot;},{&quot;id&quot;:146,&quot;code&quot;:&quot;MO&quot;,&quot;prefix&quot;:&quot;+853&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/mo.svg&quot;,&quot;name&quot;:&quot;RAE de Macao (China)&quot;},{&quot;id&quot;:147,&quot;code&quot;:&quot;MP&quot;,&quot;prefix&quot;:&quot;+1670&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/mp.svg&quot;,&quot;name&quot;:&quot;Islas Marianas del Norte&quot;},{&quot;id&quot;:148,&quot;code&quot;:&quot;MQ&quot;,&quot;prefix&quot;:&quot;+596&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/mq.svg&quot;,&quot;name&quot;:&quot;Martinica&quot;},{&quot;id&quot;:149,&quot;code&quot;:&quot;MR&quot;,&quot;prefix&quot;:&quot;+222&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/mr.svg&quot;,&quot;name&quot;:&quot;Mauritania&quot;},{&quot;id&quot;:150,&quot;code&quot;:&quot;MS&quot;,&quot;prefix&quot;:&quot;+1664&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/ms.svg&quot;,&quot;name&quot;:&quot;Montserrat&quot;},{&quot;id&quot;:151,&quot;code&quot;:&quot;MT&quot;,&quot;prefix&quot;:&quot;+356&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/mt.svg&quot;,&quot;name&quot;:&quot;Malta&quot;},{&quot;id&quot;:152,&quot;code&quot;:&quot;MU&quot;,&quot;prefix&quot;:&quot;+230&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/mu.svg&quot;,&quot;name&quot;:&quot;Mauricio&quot;},{&quot;id&quot;:153,&quot;code&quot;:&quot;MV&quot;,&quot;prefix&quot;:&quot;+960&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/mv.svg&quot;,&quot;name&quot;:&quot;Maldivas&quot;},{&quot;id&quot;:154,&quot;code&quot;:&quot;MW&quot;,&quot;prefix&quot;:&quot;+265&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/mw.svg&quot;,&quot;name&quot;:&quot;Malaui&quot;},{&quot;id&quot;:156,&quot;code&quot;:&quot;MY&quot;,&quot;prefix&quot;:&quot;+60&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/my.svg&quot;,&quot;name&quot;:&quot;Malasia&quot;},{&quot;id&quot;:157,&quot;code&quot;:&quot;MZ&quot;,&quot;prefix&quot;:&quot;+258&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/mz.svg&quot;,&quot;name&quot;:&quot;Mozambique&quot;},{&quot;id&quot;:158,&quot;code&quot;:&quot;NA&quot;,&quot;prefix&quot;:&quot;+264&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/na.svg&quot;,&quot;name&quot;:&quot;Namibia&quot;},{&quot;id&quot;:159,&quot;code&quot;:&quot;NC&quot;,&quot;prefix&quot;:&quot;+687&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/nc.svg&quot;,&quot;name&quot;:&quot;Nueva Caledonia&quot;},{&quot;id&quot;:160,&quot;code&quot;:&quot;NE&quot;,&quot;prefix&quot;:&quot;+227&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/ne.svg&quot;,&quot;name&quot;:&quot;Níger&quot;},{&quot;id&quot;:161,&quot;code&quot;:&quot;NF&quot;,&quot;prefix&quot;:&quot;+672&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/nf.svg&quot;,&quot;name&quot;:&quot;Isla Norfolk&quot;},{&quot;id&quot;:162,&quot;code&quot;:&quot;NG&quot;,&quot;prefix&quot;:&quot;+234&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/ng.svg&quot;,&quot;name&quot;:&quot;Nigeria&quot;},{&quot;id&quot;:163,&quot;code&quot;:&quot;NI&quot;,&quot;prefix&quot;:&quot;+505&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/ni.svg&quot;,&quot;name&quot;:&quot;Nicaragua&quot;},{&quot;id&quot;:164,&quot;code&quot;:&quot;NL&quot;,&quot;prefix&quot;:&quot;+31&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/nl.svg&quot;,&quot;name&quot;:&quot;Países Bajos&quot;},{&quot;id&quot;:165,&quot;code&quot;:&quot;NO&quot;,&quot;prefix&quot;:&quot;+47&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/no.svg&quot;,&quot;name&quot;:&quot;Noruega&quot;},{&quot;id&quot;:166,&quot;code&quot;:&quot;NP&quot;,&quot;prefix&quot;:&quot;+977&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/np.svg&quot;,&quot;name&quot;:&quot;Nepal&quot;},{&quot;id&quot;:167,&quot;code&quot;:&quot;NR&quot;,&quot;prefix&quot;:&quot;+674&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/nr.svg&quot;,&quot;name&quot;:&quot;Nauru&quot;},{&quot;id&quot;:168,&quot;code&quot;:&quot;NU&quot;,&quot;prefix&quot;:&quot;+683&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/nu.svg&quot;,&quot;name&quot;:&quot;Niue&quot;},{&quot;id&quot;:169,&quot;code&quot;:&quot;NZ&quot;,&quot;prefix&quot;:&quot;+64&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/nz.svg&quot;,&quot;name&quot;:&quot;Nueva Zelanda&quot;},{&quot;id&quot;:170,&quot;code&quot;:&quot;OM&quot;,&quot;prefix&quot;:&quot;+968&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/om.svg&quot;,&quot;name&quot;:&quot;Omán&quot;},{&quot;id&quot;:171,&quot;code&quot;:&quot;PA&quot;,&quot;prefix&quot;:&quot;+507&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/pa.svg&quot;,&quot;name&quot;:&quot;Panamá&quot;},{&quot;id&quot;:172,&quot;code&quot;:&quot;PE&quot;,&quot;prefix&quot;:&quot;+51&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/pe.svg&quot;,&quot;name&quot;:&quot;Perú&quot;},{&quot;id&quot;:173,&quot;code&quot;:&quot;PF&quot;,&quot;prefix&quot;:&quot;+689&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/pf.svg&quot;,&quot;name&quot;:&quot;Polinesia Francesa&quot;},{&quot;id&quot;:174,&quot;code&quot;:&quot;PG&quot;,&quot;prefix&quot;:&quot;+675&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/pg.svg&quot;,&quot;name&quot;:&quot;Papúa Nueva Guinea&quot;},{&quot;id&quot;:175,&quot;code&quot;:&quot;PH&quot;,&quot;prefix&quot;:&quot;+63&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/ph.svg&quot;,&quot;name&quot;:&quot;Filipinas&quot;},{&quot;id&quot;:176,&quot;code&quot;:&quot;PK&quot;,&quot;prefix&quot;:&quot;+92&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/pk.svg&quot;,&quot;name&quot;:&quot;Pakistán&quot;},{&quot;id&quot;:177,&quot;code&quot;:&quot;PL&quot;,&quot;prefix&quot;:&quot;+48&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/pl.svg&quot;,&quot;name&quot;:&quot;Polonia&quot;},{&quot;id&quot;:178,&quot;code&quot;:&quot;PM&quot;,&quot;prefix&quot;:&quot;+508&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/pm.svg&quot;,&quot;name&quot;:&quot;San Pedro y Miquelón&quot;},{&quot;id&quot;:179,&quot;code&quot;:&quot;PN&quot;,&quot;prefix&quot;:&quot;+64&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/pn.svg&quot;,&quot;name&quot;:&quot;Islas Pitcairn&quot;},{&quot;id&quot;:180,&quot;code&quot;:&quot;PR&quot;,&quot;prefix&quot;:&quot;+1&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/pr.svg&quot;,&quot;name&quot;:&quot;Puerto Rico&quot;},{&quot;id&quot;:181,&quot;code&quot;:&quot;PS&quot;,&quot;prefix&quot;:&quot;+970&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/ps.svg&quot;,&quot;name&quot;:&quot;Territorios Palestinos&quot;},{&quot;id&quot;:182,&quot;code&quot;:&quot;PT&quot;,&quot;prefix&quot;:&quot;+351&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/pt.svg&quot;,&quot;name&quot;:&quot;Portugal&quot;},{&quot;id&quot;:183,&quot;code&quot;:&quot;PW&quot;,&quot;prefix&quot;:&quot;+680&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/pw.svg&quot;,&quot;name&quot;:&quot;Palaos&quot;},{&quot;id&quot;:184,&quot;code&quot;:&quot;PY&quot;,&quot;prefix&quot;:&quot;+595&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/py.svg&quot;,&quot;name&quot;:&quot;Paraguay&quot;},{&quot;id&quot;:185,&quot;code&quot;:&quot;QA&quot;,&quot;prefix&quot;:&quot;+974&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/qa.svg&quot;,&quot;name&quot;:&quot;Catar&quot;},{&quot;id&quot;:186,&quot;code&quot;:&quot;RE&quot;,&quot;prefix&quot;:&quot;+262&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/re.svg&quot;,&quot;name&quot;:&quot;Reunión&quot;},{&quot;id&quot;:187,&quot;code&quot;:&quot;RO&quot;,&quot;prefix&quot;:&quot;+40&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/ro.svg&quot;,&quot;name&quot;:&quot;Rumanía&quot;},{&quot;id&quot;:188,&quot;code&quot;:&quot;RS&quot;,&quot;prefix&quot;:&quot;+381&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/rs.svg&quot;,&quot;name&quot;:&quot;
101Serbia&quot;},{&quot;id&quot;:189,&quot;code&quot;:&quot;RU&quot;,&quot;prefix&quot;:&quot;+7&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/ru.svg&quot;,&quot;name&quot;:&quot;Rusia&quot;},{&quot;id&quot;:190,&quot;code&quot;:&quot;RW&quot;,&quot;prefix&quot;:&quot;+250&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/rw.svg&quot;,&quot;name&quot;:&quot;Ruanda&quot;},{&quot;id&quot;:191,&quot;code&quot;:&quot;SA&quot;,&quot;prefix&quot;:&quot;+966&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/sa.svg&quot;,&quot;name&quot;:&quot;Arabia Saudí&quot;},{&quot;id&quot;:192,&quot;code&quot;:&quot;SB&quot;,&quot;prefix&quot;:&quot;+677&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/sb.svg&quot;,&quot;name&quot;:&quot;Islas Salomón&quot;},{&quot;id&quot;:193,&quot;code&quot;:&quot;SC&quot;,&quot;prefix&quot;:&quot;+248&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/sc.svg&quot;,&quot;name&quot;:&quot;Seychelles&quot;},{&quot;id&quot;:194,&quot;code&quot;:&quot;SD&quot;,&quot;prefix&quot;:&quot;+249&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/sd.svg&quot;,&quot;name&quot;:&quot;Sudán&quot;},{&quot;id&quot;:195,&quot;code&quot;:&quot;SE&quot;,&quot;prefix&quot;:&quot;+46&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/se.svg&quot;,&quot;name&quot;:&quot;Suecia&quot;},{&quot;id&quot;:196,&quot;code&quot;:&quot;SG&quot;,&quot;prefix&quot;:&quot;+65&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/sg.svg&quot;,&quot;name&quot;:&quot;Singapur&quot;},{&quot;id&quot;:197,&quot;code&quot;:&quot;SH&quot;,&quot;prefix&quot;:&quot;+2&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/sh.svg&quot;,&quot;name&quot;:&quot;Santa Elena&quot;},{&quot;id&quot;:198,&quot;code&quot;:&quot;SI&quot;,&quot;prefix&quot;:&quot;+386&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/si.svg&quot;,&quot;name&quot;:&quot;Eslovenia&quot;},{&quot;id&quot;:199,&quot;code&quot;:&quot;SJ&quot;,&quot;prefix&quot;:&quot;+4779&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/sj.svg&quot;,&quot;name&quot;:&quot;Svalbard y Jan Mayen&quot;},{&quot;id&quot;:200,&quot;code&quot;:&quot;SK&quot;,&quot;prefix&quot;:&quot;+421&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/sk.svg&quot;,&quot;name&quot;:&quot;Eslovaquia&quot;},{&quot;id&quot;:201,&quot;code&quot;:&quot;SL&quot;,&quot;prefix&quot;:&quot;+232&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/sl.svg&quot;,&quot;name&quot;:&quot;Sierra Leona&quot;},{&quot;id&quot;:202,&quot;code&quot;:&quot;SM&quot;,&quot;prefix&quot;:&quot;+378&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/sm.svg&quot;,&quot;name&quot;:&quot;San Marino&quot;},{&quot;id&quot;:203,&quot;code&quot;:&quot;SN&quot;,&quot;prefix&quot;:&quot;+221&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/sn.svg&quot;,&quot;name&quot;:&quot;Senegal&quot;},{&quot;id&quot;:204,&quot;code&quot;:&quot;SO&quot;,&quot;prefix&quot;:&quot;+252&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/so.svg&quot;,&quot;name&quot;:&quot;Somalia&quot;},{&quot;id&quot;:205,&quot;code&quot;:&quot;SR&quot;,&quot;prefix&quot;:&quot;+597&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/sr.svg&quot;,&quot;name&quot;:&quot;Surinam&quot;},{&quot;id&quot;:206,&quot;code&quot;:&quot;SS&quot;,&quot;prefix&quot;:&quot;+211&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/ss.svg&quot;,&quot;name&quot;:&quot;Sudán del Sur&quot;},{&quot;id&quot;:207,&quot;code&quot;:&quot;ST&quot;,&quot;prefix&quot;:&quot;+239&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/st.svg&quot;,&quot;name&quot;:&quot;Santo Tomé y Príncipe&quot;},{&quot;id&quot;:208,&quot;code&quot;:&quot;SV&quot;,&quot;prefix&quot;:&quot;+503&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/sv.svg&quot;,&quot;name&quot;:&quot;El Salvador&quot;},{&quot;id&quot;:209,&quot;code&quot;:&quot;SX&quot;,&quot;prefix&quot;:&quot;+1721&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/sx.svg&quot;,&quot;name&quot;:&quot;Sint Maarten&quot;},{&quot;id&quot;:210,&quot;code&quot;:&quot;SY&quot;,&quot;prefix&quot;:&quot;+963&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/sy.svg&quot;,&quot;name&quot;:&quot;Siria&quot;},{&quot;id&quot;:211,&quot;code&quot;:&quot;SZ&quot;,&quot;prefix&quot;:&quot;+268&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/sz.svg&quot;,&quot;name&quot;:&quot;Esuatini&quot;},{&quot;id&quot;:212,&quot;code&quot;:&quot;TC&quot;,&quot;prefix&quot;:&quot;+1649&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/tc.svg&quot;,&quot;name&quot;:&quot;Islas Turcas y Caicos&quot;},{&quot;id&quot;:213,&quot;code&quot;:&quot;TD&quot;,&quot;prefix&quot;:&quot;+235&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/td.svg&quot;,&quot;name&quot;:&quot;Chad&quot;},{&quot;id&quot;:214,&quot;code&quot;:&quot;TF&quot;,&quot;prefix&quot;:&quot;+262&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/tf.svg&quot;,&quot;name&quot;:&quot;Territorios Australes Franceses&quot;},{&quot;id&quot;:215,&quot;code&quot;:&quot;TG&quot;,&quot;prefix&quot;:&quot;+228&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/tg.svg&quot;,&quot;name&quot;:&quot;Togo&quot;},{&quot;id&quot;:216,&quot;code&quot;:&quot;TH&quot;,&quot;prefix&quot;:&quot;+66&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/th.svg&quot;,&quot;name&quot;:&quot;Tailandia&quot;},{&quot;id&quot;:217,&quot;code&quot;:&quot;TJ&quot;,&quot;prefix&quot;:&quot;+992&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/tj.svg&quot;,&quot;name&quot;:&quot;Tayikistán&quot;},{&quot;id&quot;:218,&quot;code&quot;:&quot;TK&quot;,&quot;prefix&quot;:&quot;+690&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/tk.svg&quot;,&quot;name&quot;:&quot;Tokelau&quot;},{&quot;id&quot;:219,&quot;code&quot;:&quot;TL&quot;,&quot;prefix&quot;:&quot;+670&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/tl.svg&quot;,&quot;name&quot;:&quot;Timor-Leste&quot;},{&quot;id&quot;:220,&quot;code&quot;:&quot;TM&quot;,&quot;prefix&quot;:&quot;+993&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/tm.svg&quot;,&quot;name&quot;:&quot;Turkmenistán&quot;},{&quot;id&quot;:221,&quot;code&quot;:&quot;TN&quot;,&quot;prefix&quot;:&quot;+216&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/tn.svg&quot;,&quot;name&quot;:&quot;Túnez&quot;},{&quot;id&quot;:222,&quot;code&quot;:&quot;TO&quot;,&quot;prefix&quot;:&quot;+676&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/to.svg&quot;,&quot;name&quot;:&quot;Tonga&quot;},{&quot;id&quot;:223,&quot;code&quot;:&quot;TR&quot;,&quot;prefix&quot;:&quot;+90&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/tr.svg&quot;,&quot;name&quot;:&quot;Turquía&quot;},{&quot;id&quot;:224,&quot;code&quot;:&quot;TT&quot;,&quot;prefix&quot;:&quot;+1868&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/tt.svg&quot;,&quot;name&quot;:&quot;Trinidad y Tobago&quot;},{&quot;id&quot;:225,&quot;code&quot;:&quot;TV&quot;,&quot;prefix&quot;:&quot;+688&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/tv.svg&quot;,&quot;name&quot;:&quot;Tuvalu&quot;},{&quot;id&quot;:226,&quot;code&quot;:&quot;TW&quot;,&quot;prefix&quot;:&quot;+886&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/tw.svg&quot;,&quot;name&quot;:&quot;Taiwán&quot;},{&quot;id&quot;:227,&quot;code&quot;:&quot;TZ&quot;,&quot;prefix&quot;:&quot;+255&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/tz.svg&quot;,&quot;name&quot;:&quot;Tanzania&quot;},{&quot;id&quot;:228,&quot;code&quot;:&quot;UA&quot;,&quot;prefix&quot;:&quot;+380&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/ua.svg&quot;,&quot;name&quot;:&quot;Ucrania&quot;},{&quot;id&quot;:229,&quot;code&quot;:&quot;UG&quot;,&quot;prefix&quot;:&quot;+256&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/ug.svg&quot;,&quot;name&quot;:&quot;Uganda&quot;},{&quot;id&quot;:230,&quot;code&quot;:&quot;UM&quot;,&quot;prefix&quot;:&quot;+268&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/um.svg&quot;,&quot;name&quot;:&quot;Islas menores alejadas de EE. UU.&quot;},{&quot;id&quot;:232,&quot;code&quot;:&quot;UY&quot;,&quot;prefix&quot;:&quot;+598&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/uy.svg&quot;,&quot;name&quot;:&quot;Uruguay&quot;},{&quot;id&quot;:233,&quot;code&quot;:&quot;UZ&quot;,&quot;prefix&quot;:&quot;+998&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/uz.svg&quot;,&quot;name&quot;:&quot;Uzbekistán&quot;},{&quot;id&quot;:234,&quot;code&quot;:&quot;VA&quot;,&quot;prefix&quot;:&quot;+3&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/va.svg&quot;,&quot;name&quot;:&quot;Ciudad del Vaticano&quot;},{&quot;id&quot;:235,&quot;code&quot;:&quot;VC&quot;,&quot;prefix&quot;:&quot;+1784&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/vc.svg&quot;,&quot;name&quot;:&quot;San Vicente y las Granadinas&quot;},{&quot;id&quot;:236,&quot;code&quot;:&quot;VE&quot;,&quot;prefix&quot;:&quot;+58&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/ve.svg&quot;,&quot;name&quot;:&quot;Venezuela&quot;},{&quot;id&quot;:237,&quot;code&quot;:&quot;VG&quot;,&quot;prefix&quot;:&quot;+1284&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/vg.svg&quot;,&quot;name&quot;:&quot;Islas Vírgenes Británicas&quot;},{&quot;id&quot;:238,&quot;code&quot;:&quot;VI&quot;,&quot;prefix&quot;:&quot;+1340&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/vi.svg&quot;,&quot;name&quot;:&quot;Islas Vírgenes de EE. UU.&quot;},{&quot;id&quot;:239,&quot;code&quot;:&quot;VN&quot;,&quot;prefix&quot;:&quot;+84&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/vn.svg&quot;,&quot;name&quot;:&quot;Vietnam&quot;},{&quot;id&quot;:240,&quot;code&quot;:&quot;VU&quot;,&quot;prefix&quot;:&quot;+678&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/vu.svg&quot;,&quot;name&quot;:&quot;Vanuatu&quot;},{&quot;id&quot;:241,&quot;code&quot;:&quot;WF&quot;,&quot;prefix&quot;:&quot;+681&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/wf.svg&quot;,&quot;name&quot;:&quot;Wallis y Futuna&quot;},{&quot;id&quot;:242,&quot;code&quot;:&quot;
101WS&quot;,&quot;prefix&quot;:&quot;+685&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/ws.svg&quot;,&quot;name&quot;:&quot;Samoa&quot;},{&quot;id&quot;:243,&quot;code&quot;:&quot;XK&quot;,&quot;prefix&quot;:&quot;+383&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/xk.svg&quot;,&quot;name&quot;:&quot;Kosovo&quot;},{&quot;id&quot;:244,&quot;code&quot;:&quot;YE&quot;,&quot;prefix&quot;:&quot;+967&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/ye.svg&quot;,&quot;name&quot;:&quot;Yemen&quot;},{&quot;id&quot;:245,&quot;code&quot;:&quot;YT&quot;,&quot;prefix&quot;:&quot;+262&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/yt.svg&quot;,&quot;name&quot;:&quot;Mayotte&quot;},{&quot;id&quot;:246,&quot;code&quot;:&quot;ZA&quot;,&quot;prefix&quot;:&quot;+27&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/za.svg&quot;,&quot;name&quot;:&quot;Sudáfrica&quot;},{&quot;id&quot;:247,&quot;code&quot;:&quot;ZM&quot;,&quot;prefix&quot;:&quot;+260&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/zm.svg&quot;,&quot;name&quot;:&quot;Zambia&quot;},{&quot;id&quot;:248,&quot;code&quot;:&quot;ZW&quot;,&quot;prefix&quot;:&quot;+263&quot;,&quot;thumbnail&quot;:&quot;https://flagcdn.com/zw.svg&quot;,&quot;name&quot;:&quot;Zimbabue&quot;}],
102        pushStep(dataStep) {
103            window.dataLayer = window.dataLayer || [];
104            window.dataLayer.push(dataStep);
105        },
106        validateNext() {
107            if (this.isSubmitting) return; // Prevenir doble click
108
109            let isValid = true;
110
111            // --- VALIDACIÓN PASO 1 ---
112            if (this.step === 1) {
113                this.errors.nombre = !this.formData.nombre;
114                this.errors.telefono = !this.formData.telefono;
115                
116                const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
117                if (!this.formData.email) {
118                    this.errors.email = 'Este campo es obligatorio';
119                } else if (!emailRegex.test(this.formData.email)) {
120                    this.errors.email = 'El formato del correo no es válido';
121                } else {
122                    this.errors.email = '';
123                }
124
125                if (this.errors.nombre || this.errors.email || this.errors.telefono) isValid = false;
126
127                if (isValid) {
128                  this.pushStep({
129                      event: &quot;form_step&quot;,
130                      form_name: &quot;lead_form&quot;,
131                      step_number: this.step,
132                      company_name: this.formData.empresa
133                  });
134                }
135            }
136
137            // --- VALIDACIÓN PASO 2 ---
138            else if (this.step === 2) {
139                this.errors.tipoEvento = !this.formData.tipoEvento;
140                if (this.errors.tipoEvento) isValid = false;
141
142                if (isValid) {
143                    this.pushStep({
144                        event: &quot;form_step&quot;,
145                        form_name: &quot;lead_form&quot;,
146                        step_number: this.step,
147                        event_type: this.formData.tipoEvento,
148                        persons_qty: this.formData.personas
149                    });
150                }
151            }
152
153            // --- VALIDACIÓN PASO 3 ---
154            else if (this.step === 3) {
155                this.errors.destino = !this.formData.destino;
156                if (this.errors.destino) isValid = false;
157
158                if (isValid) {
159                    this.pushStep({
160                        event: &quot;form_step&quot;,
161                        form_name: &quot;lead_form&quot;,
162                        step_number: this.step,
163                        destination_name: this.formData.destino
164                    });
165                }
166            }
167
168            // --- PASO 4 (FINAL) ---
169            else if (this.step === 4) {
170               this.pushStep({
171                  event: &quot;form_submit&quot;,
172                  form_name: &quot;lead_form&quot;,
173                  company_name: this.formData.empresa,
174                  event_type: this.formData.tipoEvento,
175                  persons_qty: this.formData.personas,
176                  destination_name: this.formData.destino,
177                  activity_name: this.formData.actividades,
178                  addon: this.formData.servicios
179                });
180                this.submitForm();
181                return;
182            }
183
184            if (isValid &amp;&amp; this.step < 4) {
185                this.step++;
186            }
187        },
188
189        async submitForm() {
190            this.isSubmitting = true;
191            this.showError = false; // Ocultar error previo al reintentar
192            
193            try {
194                const token = await new Promise((resolve, reject) => {
195                    const executeRecaptcha = () => {
196                        grecaptcha.ready(async () => {
197                            try {
198                                const t = await grecaptcha.execute('6LcCQWMsAAAAABEXpjHjLLtbig0COBJCTacTfT10', { action: 'experience' });
199                                resolve(t);
200                            } catch (err) {
201                                reject(err);
202                            }
203                        });
204                    };
205
206                    if (typeof grecaptcha === 'undefined') {
207                        if (window.loadRecaptchaScript) window.loadRecaptchaScript();
208                        let attempts = 0;
209                        const interval = setInterval(() => {
210                            attempts++;
211                            if (typeof grecaptcha !== 'undefined') {
212                                clearInterval(interval);
213                                executeRecaptcha();
214                            } else if (attempts >= 40) {
215                                clearInterval(interval);
216                                reject(new Error('reCAPTCHA timeout'));
217                            }
218                        }, 250);
219                    } else {
220                        executeRecaptcha();
221                    }
222                });
223
224                this.formData.recaptchaToken = token;
225
226                const formDataToSend = new FormData();
227                Object.keys(this.formData).forEach(key => {
228                    if (Array.isArray(this.formData[key])) {
229                        formDataToSend.append(key, JSON.stringify(this.formData[key]));
230                    } else {
231                        formDataToSend.append(key, this.formData[key]);
232                    }
233                });
234
235                // Adjuntar el archivo real
236                const fileInput = this.$refs.fileInput;
237                if (fileInput &amp;&amp; fileInput.files[0]) {
238                    formDataToSend.append('documento', fileInput.files[0]);
239                }
240                
241                const res = await fetch('/api/send-experiences', {
242                    method: 'POST',
243                    body: formDataToSend,
244                });
245
246                const contentType = res.headers.get(&quot;content-type&quot;);
247                let data;
248                
249                if (contentType &amp;&amp; contentType.indexOf(&quot;application/json&quot;) !== -1) {
250                    data = await res.json();
251                } else {
252                    data = { error: await res.text() }; 
253                }
254
255                if (!res.ok) {
256                    throw new Error(data?.error || 'Ocurrió un error al procesar la solicitud');
257                }
258
259                this.showSuccess = true;
260                window.scrollTo({ top: 50, behavior: 'smooth' });
261
262            } catch (error) {
263                console.error('Error en el envío:', error);
264                this.showError = true; // Mostrar banner de error
265            } finally {
266                this.isSubmitting = false;
267            }
268        },
269
270        resetForm() {
271            this.step = 1;
272            this.showSuccess = false;
273            this.showError = false;
274            this.fileName = '';
275            this.formData = {
276                nombre: '', empresa: '', email: '', telefono: '', pais: 'mx',
277                tipoEvento: '', personas: 40, destino: '',
278                actividades: [], servicios: [], comentarios: '', documento: '',
279            };
280            window.scrollTo({ top: 0, behavior: 'smooth' });
281        },
282
283        goToStep(targetStep) {
284            if (targetStep < this.step &amp;&amp; !this.showSuccess &amp;&amp; !this.isSubmitting) {
285                this.step = targetStep;
286            }
287        },
288        selectEvento(tipo) { this.formData.tipoEvento = tipo; this.errors.tipoEvento = false; },
289        selectDestino(id) { this.formData.destino = id; this.errors.destino = false; },
290        toggleArrayItem(arrayName, item) {
291            const index = this.formData[arrayName].indexOf(item);
292            if (index === -1) this.formData[arrayName].push(item);
293            else this.formData[arrayName].splice(index, 1);
294        }
295    }"> <div class="bg-[#F7F7F7] rounded-[2.5rem] px-6 py-12 md:px-12 -mt-20 md:py-16 relative z-10 min-h-[600px] flex flex-col justify-center"> <div x-show="showSuccess" style="display: none;" x-transition:enter="transition ease-out duration-500" x-transition:enter-start="opacity-0 scale-95" x-transition:enter-end="opacity-100 scale-100" class="text-center max-w-2xl mx-auto py-10"> <div class="w-16 h-16 bg-[#8C7A5E] rounded-full flex items-center justify-center mx-auto mb-8 shadow-lg"> <svg xmlns="http://www.w3.org/2000/svg" class="h-12 w-12 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path> </svg> </div> <h2 class="text-3xl md:text-4xl font-bold text-[#182335] mb-4">
296¡Solicitud recibida!
297</h2> <p class="text-[#182335] text-lg mb-2">
298Gracias <span x-text="formData.nombre" class="font-semibold"></span> por
299          confiar en nosotros.
300</p> <p class="text-gray-500 mb-10">
301Hemos recibido los detalles de tu evento. Nuestro equipo de expertos
302          comenzará a diseñar tu experiencia y te contactará en breve.
303</p> <button @click="resetForm()" class="inline-flex items-center justify-center gap-2 bg-[#182335] hover:bg-[#2a3b55] text-white text-lg font-medium py-3 px-10 rounded-md transition-all duration-300 shadow-md hover:shadow-lg">
304Volver al inicio
305</button> </div> <div x-show="!showSuccess" x-transition:leave="transition ease-in duration-300" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"> <div class="flex items-center justify-between max-w-4xl mx-auto mb-12"> <div class="flex items-center relative"> <div @click="goToStep(1)" class="md:w-[50px] w-[40px] md:h-[50px] h-[40p
305x] rounded-full flex items-center justify-center md:text-[24px] text-[20px] font-bold transition-colors duration-300 border select-none" :class="{'bg-[#1F2937] text-white border-[#1F2937] cursor-pointer': step >= 1, 'cursor-pointer hover:opacity-80': step > 1}">
3061
307</div> </div> <div class="flex-1 h-[2px] mx-4 transition-colors duration-300" :class="step >= 2 ? 'bg-[#1F2937]' : 'bg-gray-200'"></div> <div class="flex items-center"> <div @click="goToStep(2)" class="md:w-[50px] w-[40px] md:h-[50px] h-[40px] rounded-full flex items-center justify-center md:text-[24px] text-[20px] font-bold transition-colors duration-300 border select-none" :class="{'bg-[#1F2937] text-white border-[#1F2937]': step >= 2, 'bg-white text-gray-800 border-gray-300': step < 2, 'cursor-pointer hover:opacity-80': step > 2}">
3082
309</div> </div> <div class="flex-1 h-[2px] mx-4 transition-colors duration-300" :class="step >= 3 ? 'bg-[#1F2937]' : 'bg-gray-200'"></div> <div class="flex items-center"> <div @click="goToStep(3)" class="md:w-[50px] w-[40px] md:h-[50px] h-[40px] rounded-full flex items-center justify-center md:text-[24px] text-[20px] font-bold transition-colors duration-300 border select-none" :class="{'bg-[#1F2937] text-white border-[#1F2937]': step >= 3, 'bg-white text-gray-800 border-gray-300': step < 3, 'cursor-pointer hover:opacity-80': step > 3}">
3103
311</div> </div> <div class="flex-1 h-[2px] mx-4 transition-colors duration-300" :class="step >= 4 ? 'bg-[#1F2937]' : 'bg-gray-200'"></div> <div class="flex items-center"> <div class="md:w-[50px] w-[40px] md:h-[50px] h-[40px] rounded-full flex items-center justify-center md:text-[24px] text-[20px] font-bold transition-colors duration-300 border select-none" :class="step >= 4 ? 'bg-[#1F2937] text-white border-[#1F2937]': 'bg-white text-gray-800 border-gray-300'">
3124
313</div> </div> </div> <div x-show="step === 1" class="space-y-6 max-w-4xl mx-auto" x-transition:enter="transition ease-out duration-300" x-transition:enter-start="opacity-0 translate-y-4" x-transition:enter-end="opacity-100 translate-y-0"> <div class="text-center mb-12"> <h2 class="text-[24px] md:text-[32px] font-bold text-[#182335] mb-3">
314Empecemos a diseñar tu experiencia
315</h2> <p class="text-[#182335] md:text-[20px] text-[16px]">
316Queremos conocer a la persona detrás del evento.
317</p> </div> <div class="grid grid-cols-1 md:grid-cols-2 gap-x-8 gap-y-6"> <div class="flex flex-col"> <label for="nombre" class="mb-2 text-sm font-medium text-gray-600">Nombre completo</label> <input type="text" id="nombre" x-model="formData.nombre" placeholder="Ej. Andrea González" class="w-full rounded-md border bg-white px-4 py-3 text-gray-700 placeholder:text-[14px] placeholder-gray-400 focus:outline-none focus:ring-1 transition shadow-sm" :class="errors.nombre ? 'border-red-500 focus:border-red-500 focus:ring-red-500' : 'border-gray-300 focus:border-[#8C7A5E] focus:ring-[#8C7A5E]'"> <span x-show="errors.nombre" class="text-red-500 text-xs mt-1">Este campo es obligatorio</span> </div> <div class="flex flex-col"> <label for="empresa" class="mb-2 text-sm font-medium text-gray-600">Empresa o marca (opcional)</label> <input type="text" id="empresa" x-model="formData.empresa" placeholder="Ej. Grupo Horizonte" class="w-full placeholder:text-[14px] rounded-md border border-gray-300 bg-white px-4 py-3 text-gray-700 placeholder-gray-400 focus:border-[#8C7A5E] focus:outline-none focus:ring-1 focus:ring-[#8C7A5E] transition shadow-sm"> </div> <div class="flex flex-col"> <label for="email" class="mb-2 text-sm font-medium text-gray-600">Correo electrónico</label> <input type="email" id="email" x-model="formData.email" placeholder="Ej. [email protected]" class="w-full placeholder:text-[14px] rounded-md border bg-white px-4 py-3 text-gray-700 placeholder-gray-400 focus:outline-none focus:ring-1 transition shadow-sm" :class="errors.email ? 'border-red-500 focus:border-red-500 focus:ring-red-500' : 'border-gray-300 focus:border-[#8C7A5E] focus:ring-[#8C7A5E]'"> <span x-show="errors.email" x-text="errors.email" class="text-red-500 text-xs mt-1"></span> </div> <div class="flex flex-col"> <label for="telefono" class="mb-2 text-sm font-medium text-gray-600">Teléfono o WhatsApp</label> <div class="flex gap-3"> <div class="relative w-4/5"> <select x-model="formData.pais" class="w-full text-[14px] appearance-none rounded-md border border-gray-300 bg-white px-4 py-3 pr-8 text-gray-500 focus:border-[#8C7A5E] focus:outline-none focus:ring-1 focus:ring-[#8C7A5E] transition shadow-sm"> <template x-for="c in countries" :key="c.id"> <option :value="c.code.toLowerCase()" x-text="c.name + ' (' + c.prefix + ')'"></option> </template> </select> <div class="pointer-events-none absolute inset-y-0 right-0 flex items-center px-3 text-gray-500"> <svg class="h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
317<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg> </div> </div> <div class="w-full relative"> <input type="tel" id="telefono" x-model="formData.telefono" placeholder="555 555 5555" maxlength="10" class="w-full rounded-md border bg-white px-4 py-3 text-gray-700 placeholder-gray-400 focus:outline-none focus:ring-1 transition shadow-sm" :class="errors.telefono ? 'border-red-500 focus:border-red-500 focus:ring-red-500' : 'border-gray-300 focus:border-[#8C7A5E] focus:ring-[#8C7A5E]'"> <span x-show="errors.telefono" class="text-red-500 text-xs mt-1 absolute -bottom-5 left-0">Este campo es obligatorio</span> </div> </div> </div> </div> </div> <div x-show="step === 2" class="max-w-4xl mx-auto" x-transition:enter="transition ease-out duration-300" x-transition:enter-start="opacity-0 translate-y-4" x-transition:enter-end="opacity-100 translate-y-0" style="display: none;"> <div class="text-center mb-10"> <h2 class="md:text-[32px] text-[24px] font-bold text-[#182335]">
318¿Qué tipo de programa o evento quieres organizar?
319</h2> <p class="text-[#182335] md:text-[20px] text-[16px]">
320Selecciona la opción que mejor representa tu idea.
321</p> </div> <div class="grid grid-cols-2 sm:grid-cols-2 lg:grid-cols-4 gap-4 mb-8"> <div @click="selectEvento('incentivo')" class="cursor-pointer rounded-[10px] border md:p-6 p-[10px] flex flex-col items-center justify-center gap-3 transition-all duration-300 h-32 shadow-sm hover:shadow-md" :class="formData.tipoEvento === 'incentivo' ? 'bg-[#8C7A5E] border-[#8C7A5E] text-white' : 'bg-white border-gray-200 text-gray-600 hover:border-[#8C7A5E]'"> <div class="w-8 h-8 flex items-center justify-center"> <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"><g clip-path="url(#clip0_119_5285)"><path d="M1.33332 22C1.33332 20.1587 2.82532 18.6667 4.66666 18.6667C6.50799 18.6667 7.99999 20.1587 7.99999 22C7.99999 23.8413 6.50799 25.3333 4.66666 25.3333C2.82532 25.3333 1.33332 23.8413 1.33332 22ZM9.03332 31.508C9.28666 31.1973 9.38666 30.788 9.30532 30.396C8.85866 28.2347 6.90666 26.6667 4.66666 26.6667C2.42666 26.6667 0.474656 28.2347 0.0279898 30.396C-0.0533435 30.788 0.0466565 31.1973 0.29999 31.508C0.553323 31.8187 0.933323 32 1.33332 32H7.99999C8.40132 32 8.77999 31.82 9.03332 31.508ZM32 24C32 21.0587 29.608 18.6667 26.6667 18.6667H14.6667C13.196 18.6667 12 17.4707 12 16C12 14.5293 13.196 13.3333 14.6667 13.3333H16C16.736 13.3333 17.3333 12.736 17.3333 12C17.3333 11.264 16.736 10.6667 16 10.6667H14.6667C11.7253 10.6667 9.33332 13.0587 9.33332 16C9.33332 18.9413 11.7253 21.3333 14.6667 21.3333H26.6667C28.1373 21.3333 29.3333 22.5293 29.3333 24C29.3333 25.4707 28.1373 26.6667 26.6667 26.6667H13.3333C12.5973 26.6667 12 27.264 12 28C12 28.736 12.5973 29.3333 13.3333 29.3333H26.6667C29.608 29.3333 32 26.9413 32 24ZM20.6707 9.852L19.5213 13.5387C19.3667 14.0333 19.5387 14.5733 19.9547 14.884C20.1707 15.0467 20.4293 15.128 20.688 15.128C20.9253 15.128 21.1613 15.06 21.368 14.9213L24.6773 12.7067L28.0427 14.8987C28.4773 15.1813 29.044 15.1587 29.456 14.8427C29.868 14.5253 30.0333 13.9827 29.8707 13.4907L28.6747 9.848L31.5667 7.492C31.9587 7.16133 32.104 6.62 31.928 6.13733C31.752 5.65466 31.2933 5.33466 30.78 5.33466H27.112L25.8133 1.692C25.636 1.21333 25.1787 0.895996 24.668 0.895996C24.1573 0.895996 23.7 1.21333 23.5227 1.692L22.224 5.33466H18.556C18.044 5.33466 17.5853 5.65466 17.4093 6.136C17.232 6.61733 17.3747 7.15733 17.7653 7.48933L20.6707 9.852Z" fill="currentColor"></path></g><defs><clipPath id="clip0_119_5285"><rect width="32" height="32" fill="white"></rect></clipPath></defs></svg> </div> <span class="lg:text-[15px] text-[14px] text-[CurrentColor] font-normal text-center">Viajes de incentivo</span> </div> <div @click="selectEvento('reuniones')" class="cursor-pointer rounded-xl border md:p-6 p-[10px] flex flex-col items-center justify-center gap-3 transition-all duration-300 h-32 shadow-sm hover:shadow-md" :class="formData.tipoEvento === 'reuniones' ? 'bg-[#8C7A5E] border-[#8C7A5E] text-white' : 'bg-white border-gray-200 text-gray-600 hover:border-[#8C7A5E]'"> <div class="w-8 h-8 flex items-center justify-center"> <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"><g clip-path="url(#clip0_119_5273)"><path d="M0.666667 8.66667C0.666667 6.82533 2.15867 5.33333 4 5.33333C5.84133 5.33333 7.33333 6.82533 7.33333 8.66667C7.33333 10.508 5.84133 12 4 12C2.15867 12 0.666667 10.508 0.666667 8.66667ZM12 27.3333V30.6667C12 31.4027 11.4027 32 10.6667 32C9.93067 32 9.33333 31.4027 9.33333 30.6667V27.3333C9.33333 26.9653 9.03467 26.6667 8.66667 26.6667C8.66667 26.6667 3.95333 26.6667 3.93067 26.6653C1.75733 26.628 0 24.8493 0 22.6667V17.3333C0 15.128 1.79467 13.3333 4 13.3333C6.20533 13.3333 8 15.128 8 17.3333V24H8.66667C10.504 24 12 25.496 12 27.3333ZM5.33333 24V17.3333C5.33333 16.5987 4.73467 16 4 16C3.26533 16 2.66667 16.5987 2.66667 17.3333V22.6667C2.66667 23.4013 3.26533 24 4 24H5.33333ZM28 12C29.8413 12 31.3333 10.508 31.3333 8.66667C31.3333 6.82533 29.8413 5.33333 28 5.33333C26.1587 5.33333 24.6667 6.82533 24.6667 8.66667C24.6667 10.508 26.1587 12 28 12ZM32 17.3333V22.6667C32 24.8493 30.2427 26.628 28.0693 26.6653C28.0467 26.6653 23.3333 26.6667 23.3333 26.6667C22.9653 26.6667 22.6667 26.9653 22.6667 27.3333V30.6667C22.6667 31.4027 22.0693 32 21.3333 32C20.5973 32 20 31.4027 20 30.6667V27.3333C20 25.496 21.496 24 23.3333 24H24V17.3333C24 15.128 25.7947 13.3333 28 13.3333C30.2053 13.3333 32 15.128 32 17.3333ZM29.3333 17.3333C29.3333 16.5987 28.7347 16 28 16C27.2653 16 26.6667 16.5987 26.6667 17.3333V24H28C28.7347 24 29.3333 23.4013 29.3333 22.6667V17.3333ZM21.3333 18.6667C21.3333 17.9307 20.736 17.3333 20 17.3333H12C11.264 17.3333 10.6667 17.9307 10.6667 18.6667C10.6667 19.4027 11.264 20 12 20H20C20.736 20 21.3333 19.4027 21.3333 18.6667ZM9.33333 6.73067V3.936C9.33333 1.76533 11.0987 0 13.2693 0H18.7307C20.9013 0 22.6667 1.76533 22.6667 3.936V6.73067C22.6667 8.77467 21.1 10.46 19.104 10.6493L17.2507 12.184C16.888 12.508 16.4213 12.6707 15.948 12.6707C15.464 12.6707 14.976 12.5 14.5867 12.1533L12.748 10.632C10.8227 10.376 9.33333 8.724 9.33333 6.73067ZM12 6.73067C12 7.43067 12.5693 8 13.2693 8C13.58 8 13.88 8.108 14.12 8.30533L15.9373 9.80933L17.7533 8.30533C17.992 8.10667 18.2933 7.99867 18.604 7.99867H18.732C19.432 7.99867 20.0013 7.42933 20.0013 6.72933V3.93467C20.0013 3.23467 19.432 2.66533 18.732 2.66533H13.2707C12.5707 2.66533 12.0013 3.23467 12.0013 3.93467V6.72933L12 6.73067ZM5.33333 29.3333H1.33333C0.597333 29.3333 0 29.9307 0 30.6667C0 31.4027 0.597333 32 1.33333 32H5.33333C6.06933 32 6.66667 31.4027 6.66667 30.6667C6.66667 29.9307 6.06933 29.3333 5.33333 29.3333ZM30.6667 29.3333H26.6667C25.9307 29.3333 25.3333 29.9307 25.3333 30.6667C25.3333 31.4027 25.9307 32 26.6667 32H30.6667C31.4027 32 32 31.4027 32 30.6667C32 29.9307 31.4027 29.3333 30.6667 29.3333Z" fill="currentColor"></path></g><defs><clipPath id="clip0_119_5273"><rect width="32" height="32" fill="currentColor"></rect></clipPath></defs></svg> </div> <span class="lg:text-[15px] text-[14px] text-[currentColor] font-normal text-center">Reuniones</span> </div> <div @click="selectEvento('eventos')" class="cursor-pointer rounded-xl border md:p-6 p-[10px] flex flex-col items-center justify-center gap-3 transition-all duration-300 h-32 shadow-sm hover:shadow-md" :class="formData.tipoEvento === 'eventos' ? 'bg-[#8C7A5E] border-[#8C7A5E] text-white' : 'bg-white border-gray-200 text-gray-600 hover:border-[#8C7A5E]'"> <div class="w-8 h-8 flex items-center justify-center"> <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"><g clip-path="url(#clip0_119_5277)"><path d="M10.6667 16H8C6.52933 16 5.33333 17.196 5.33333 18.6667V21.3333C5.33333 22.804 6.52933 24 8 24H10.6667C12.1373 24 13.3333 22.804 13.3333 21.3333V18.6667C13.3333 17.196 12.1373 16 10.6667 16ZM8 21.3333V18.6667H10.6667V21.3333H8ZM25.3333 2.66667H24V1.33333C24 0.597333 23.404 0 22.6667 0C21.9293 0 21.3333 0.597333 21.3333 1.33333V2.66667H10.6667V1.33333C10.6667 0.597333 10.0707 0 9.33333 0C8.596 0 8 0.597333 8 1.33333V2.66667H6.66667C2.99067 2.66667 0 5.65733 0 9.33333V25.3333C0 29.0093 2.99067 32 6.66667 32H25.3333C29.0093 32 32 29.0093 32 25.3333V9.33333C32 5.65733 29.0093 2.66667 25.3333 2.66667ZM6.66667 5.33333H25.3333C27.5387 5.33333 29.3333 7.128 29.3333 9.33333V10.6667H2.66667V9.33333C2.66667 7.128 4.46133 5.33333 6.66667 5.33333ZM25.3333 29.3333H6.66667C4.46133 29.3333 2.66667 27.5387 2.66667 25.3333V13.3333H29.3333V25.3333C29.3333 27.5387 27.5387 29.3333 25.3333 29.3333Z" fill="currentColor"></path></g><defs><clipPath id="clip0_119_5277"><rect width="32" height="32" fill="white"></rect></clipPath></defs></svg> </div> <span class="lg:text-[15px] text-[14px] text-[currentColor] font-normal text-center">Eventos y lanzamientos</span> </div> <div @click="selectEvento('corporativos')" class="cursor-pointer rounded-xl border md:p-6 p-[10px] flex flex-col items-center justify-center gap-3 transition-all duration-300 h-32 shadow-sm hover:shadow-md" :class="formData.tipoEvento === 'corporativos' ? 'bg-[#8C7A5E] border-[#8C7A5E] text-white' : 'bg-white border-gray-200 text-gray-600 hover:border-[#8C7A5E]'"> <div class="w-8 h-8 flex items-center justify-center"> <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"><g clip-path="url(#clip0_119_5281)"><path d="M29.3333 24.245V14.6663C29.3333 11.6223 27.2773 8.96764 24.332 8.21031C23.628 8.02898 22.892 8.45564 22.708 9.16898C22.524 9.88231 22.9547 10.609 23.668 10.7916C25.4333 11.2463 26.6667 12.8396 26.6667 14.6663V23.9996H20.6667C20.312 23.9996 19.9733 24.1396 19.724 24.3903L18.7813 25.333H13.2187L12.276 24.3903C12.0253 24.1396 11.688 23.9996 11.3333 23.9996H5.33333V14.6663C5.33333 12.8396 6.56667 11.2463 8.332 10.7916C9.04533 10.609 9.47467 9.88098 9.292 9.16898C9.108 8.45564 8.37467 8.02898 7.668 8.21031C4.72267 8.96764 2.66667 11.6223 2.66667 14.6663V24.245C1.11867 24.797 0 26.2636 0 27.9996C0 30.205 1.79467 31.9996 4 31.9996H28C30.2053 31.9996 32 30.205 32 27.9996C32 26.2636 30.8813 24.797 29.3333 24.245ZM28 29.333H4C3.264 29.333 2.66667 28.7343 2.66667 27.9996C2.66667 27.265 3.264 26.6663 4 26.6663H10.7813L11.724 27.609C11.9747 27.8596 12.312 27.9996 12.6667 27.9996H19.3333C19.688 27.9996 20.0267 27.8596 20.276 27.609L21.2187 26.6663H28C28.736 26.6663 29.3333 27.265 29.3333 27.9996C29.3333 28.7343 28.736 29.333 28 29.333ZM9.412 17.845C9.45333 18.2116 9.63333 18.5503 9.89467 18.8116C10.5507 19.4676 11.6147 19.4676 12.2693 18.8116L13.7 17.381H14.6667V18.665C14.6667 19.401 15.2627 19.9983 16 19.9983C16.7373 19.9983 17.3333 19.401 17.3333 18.665V17.381H18.3173L19.748 18.8116C20.404 19.4676 21.468 19.4676 22.1227 18.8116L22.1293 18.805C22.39
32107 18.5436 22.572 18.205 22.612 17.837C22.8547 15.6303 22.2893 13.4236 20.644 11.717C20.4373 8.37431 19.4827 4.97431 17.636 1.04364C17.4547 0.659643 17.1427 0.35031 16.7707 0.17831C16.532 0.0663099 16.2947 0.000976562 16.0253 0.000976562C15.7733 0.000976562 15.5987 0.0316432 15.3933 0.104977C14.9427 0.26631 14.5667 0.607643 14.3613 1.04364C12.5253 4.94898 11.5733 8.33164 11.36 11.7143C9.708 13.4396 9.168 15.6543 9.412 17.8463V17.845ZM15.9987 3.92764C17.2307 6.89964 17.872 9.52898 18 12.049V14.7156H14V12.1143C14.124 9.53698 14.7653 6.89964 15.9987 3.92764Z" fill="currentColor"></path></g><defs><clipPath id="clip0_119_5281"><rect width="32" height="32" fill="currentColor"></rect></clipPath></defs></svg> </div> <span class="lg:text-[15px] text-[14px] text-[currentColor] font-normal text-center">Programas corporativos</span> </div> </div> <div x-show="errors.tipoEvento" class="text-center text-red-500 text-sm mb-4">
322Por favor, selecciona una opción antes de continuar.
323</div> <p class="text-center text-gray-400 text-[12px] mb-12">
324Selecciona uno; después podrás ajustar los detalles.
325</p> <hr class="border-[#E7E7E7] mb-12"> <div class="text-center mb-10"> <h2 class="text-[24px] md:text-[28px] font-bold text-[#1F2937] mb-2">
326¿Cuántas personas participarán?
327</h2> <p class="text-[#182335] md:text-[20px] text-[16px] mb-8">
328Selecciona un rango
329</p> <div class="max-w-lg mx-auto px-4 relative pb-8"> <input type="range" min="10" max="1000" step="10" x-model="formData.personas" class="w-full h-1 bg-gray-300 rounded-lg appearance-none cursor-pointer accent-[#1F2937]"> <div class="mt-4 font-bold text-2xl text-[#1F2937]" x-text="formData.personas"></div> </div> <p class="text-gray-400 text-xs mt-4">
330Tu grupo define el tipo de locaciones y actividades ideales para
331              ti.
332</p> </div> </div> <div x-show="step === 3" class="max-w-5xl mx-auto" x-transition:enter="transition ease-out duration-300" x-transition:enter-start="opacity-0 translate-y-4" x-transition:enter-end="opacity-100 translate-y-0" style="display: none;"> <div class="text-center mb-10"> <h2 class="md:text-[32px] text-[24px] font-bold text-[#182335] mb-2 leading-tight">
333¿Dónde te gustaría que suceda tu experiencia?
334</h2> <p class="text-[#182335] md:text-[20px] text-[16px]">
335Basado en tu grupo y tipo de evento, te recomendamos estos
336              destinos.
337</p> </div> <div class="grid grid-cols-2 md:grid-cols-4 gap-4 mb-8"> <template x-for="dest in destinations" :key="dest.id"> <div @click="selectDestino(dest.id)" class="relative h-32 md:h-40 rounded-xl overflow-hidden cursor-pointer group transition-all duration-300 hover:shadow-lg"> <img :src="dest.imgUrl" :alt="dest.title" class="absolute inset-0 w-full h-full object-cover transition-transform duration-500 group-hover:scale-110" loading="lazy"> <div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent"></div> <div class="absolute inset-0 bg-black/60 flex items-center justify-center transition-opacity duration-300" x-show="formData.destino === dest.id" x-transition.opacity> <div class="bg-[#8C7A5E] rounded-full p-1"> <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="3"><path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path></svg> </div> </div> <div class="absolute bottom-0 left-0 p-3 w-full"> <span class="text-white font-bold text-sm md:text-base leading-tight drop-shadow-md" x-text="dest.title"></span> </div> </div> </template> </div> <div x-show="errors.destino" class="text-center text-red-500 text-sm mb-6">
338Por favor, selecciona un destino para continuar.
339</div> <p class="text-center text-gray-400 text-[13px] mb-8">
340Puedes elegir el destino que más te inspire o explorar otras
341            opciones más adelante.
342</p> </div> <div x-show="step === 4" class="max-w-5xl mx-auto" x-transition:enter="transition ease-out duration-300" x-transition:enter-start="opacity-0 translate-y-4" x-transition:enter-end="opacity-100 translate-y-0" style="display: none;"> <div class="text-center mb-10"> <h2 class="md:text-[32px] text-[24px] font-bold text-[#182335] mb-2 leading-tight">
343¿Qué te gustaría incluir en tu programa?
344</h2> <p class="text-[#182335] md:text-[20px] text-[16px]">
345Selecciona las actividades y servicios que harán de tu evento algo
346              único.
347</p> </div> <div class="grid grid-cols-2 md:grid-cols-4 gap-4 mb-10"> <template x-for="act in activities" :key="act.id"> <div @click="toggleArrayItem('actividades', act.id)" class="relative h-32 md:h-36 rounded-[10px] overflow-hidden cursor-pointer group transition-all duration-300 hover:shadow-lg"> <img :src="act.img" :alt="act.title" class="absolute inset-0 w-full h-full object-cover transition-transform duration-500 group-hover:scale-110" loading="lazy"> <div class="absolute inset-0 bg-gradient-to-t from-black/80 via-trans
347parent to-transparent"></div> <div class="absolute inset-0 bg-black/60 flex items-center justify-center transition-opacity duration-300" x-show="formData.actividades.includes(act.id)" x-transition.opacity> <div class="rounded-full p-1"> <div class="bg-[#8C7A5E] rounded-full p-1"> <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="3"><path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path></svg> </div> </div> </div> <div class="absolute bottom-0 left-0 p-3 w-full"> <span class="text-white font-bold md:text-[16px] text-[14px] drop-shadow-md" x-text="act.title"></span> </div> </div> </template> </div> <div class="text-center mb-10"> <p class="text-[#9E9E9E] text-[16px]">
348Selecciona todas las que te inspiren. Puedes combinar varias
349              opciones
350</p> </div> <hr class="border-[#E7E7E7] mb-12"> <div class="text-center mb-10"> <h3 class="text-2xl md:text-[28px] font-bold text-[#1F2937] mb-6">
351Servicios adicionales
352</h3> <div class="grid grid-cols-1 sm:grid-cols-3 gap-6 max-w-4xl mx-auto"> <template x-for="serv in services" :key="serv.id"> <div @click="toggleArrayItem('servicios', serv.id)" class="cursor-pointer rounded-xl border p-6 flex flex-col items-center justify-center gap-2 transition-all duration-300 h-32 shadow-sm hover:shadow-md" :class="formData.servicios.includes(serv.id) ? 'bg-[#8C7A5E] border-[#8C7A5E] text-white' : 'bg-white border-gray-200 text-gray-600 hover:border-[#8C7A5E]'"> <div class="w-8 h-8 flex items-center justify-center"> <template x-if="serv.id === 'logistica'"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><g clip-path="url(#clip0_124_8256)"><path d="M22 10.0002V6.42019C22 6.18629 21.9866 5.95258 21.96 5.72019C21.8264 4.49692 21.3157 3.34547 20.4987 2.42527C19.6817 1.50508 18.5988 0.861686 17.4 0.584191C13.8417 -0.190824 10.1583 -0.190824 6.6 0.584191C5.40122 0.861821 4.3184 1.50526 3.50143 2.42542C2.68446 3.34559 2.17375 4.49697 2.04 5.72019C2.0134 5.95258 2.00005 6.18629 2 6.42019V10.0002C1.46957 10.0002 0.960859 10.2109 0.585786 10.586C0.210714 10.9611 0 11.4698 0 12.0002L0 13.0002C0 13.5306 0.210714 14.0393 0.585786 14.4144C0.960859 14.7895 1.46957 15.0002 2 15.0002V17.0002C1.99953 17.7765 2.18005 18.5422 2.52723 19.2366C2.87441 19.9309 3.37867 20.5348 4 21.0002V21.5002C3.99938 22.1202 4.22914 22.7183 4.64469 23.1784C5.06023 23.6385 5.63191 23.9277 6.24875 23.99C6.86559 24.0524 7.48357 23.8832 7.98274 23.5155C8.4819 23.1478 8.82663 22.6078 8.95 22.0002H15.05C15.1734 22.6078 15.5181 23.1478 16.0173 23.5155C16.5164 23.8832 17.1344 24.0524 17.7512 23.99C18.3681 23.9277 18.9398 23.6385 19.3553 23.1784C19.7709 22.7183 20.0006 22.1202 20 21.5002V21.0002C20.6213 20.5348 21.1256 19.9309 21.4728 19.2366C21.8199 18.5422 22.0005 17.7765 22 17.0002V15.0002C22.5304 15.0002 23.0391 14.7895 23.4142 14.4144C23.7893 14.0393 24 13.5306 24 13.0002V12.0002C24 11.4698 23.7893 10.9611 23.4142 10.586C23.0391 10.2109 22.5304 10.0002 22 10.0002ZM4 13.0002V7.00019H20V13.0002H4ZM7.052 2.53219C10.3139 1.82262 13.6901 1.82262 16.952 2.53219C17.5857 2.67988 18.1728 2.98273 18.6605 3.41352C19.1482 3.84431 19.5212 4.38954 19.746 5.00019H16C16 4.73497 15.8946 4.48062 15.7071 4.29308C15.5196 4.10555 15.2652 4.00019 15 4.00019H9C8.73478 4.00019 8.48043 4.10555 8.29289 4.29308C8.10536 4.48062 8 4.73497 8 5.00019H4.254C4.47915 4.38906 4.85276 3.84351 5.34119 3.41269C5.82962 2.98186 6.41754 2.67928 7.052 2.53219ZM17 20.0002H7C6.20435 20.0002 5.44129 19.6841 4.87868 19.1215C4.31607 18.5589 4 17.7958 4 17.0002V15.0002H6V16.0002C6 16.2654 6.10536 16.5198 6.29289 16.7073C6.48043 16.8948 6.73478 17.0002 7 17.0002C7.26522 17.0002 7.51957 16.8948 7.70711 16.7073C7.89464 16.5198 8 16.2654 8 16.0002V15.0002H16V16.0002C16 16.2654 16.1054 16.5198 16.2929 16.7073C16.4804 16.8948 16.7348 17.0002 17 17.0002C17.2652 17.0002 17.5196 16.8948 17.7071 16.7073C17.8946 16.5198 18 16.2654 18 16.0002V15.0002H20V17.0002C20 17.7958 19.6839 18.5589 19.1213 19.1215C18.5587 19.6841 17.7956 20.0002 17 20.0002Z" fill="currentColor"></path></g><defs><clipPath id="clip0_124_8256"><rect width="24" height="24" fill="white"></rect></clipPath></defs></svg> </template>
352 <template x-if="serv.id === 'hospitalidad'"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><g clip-path="url(#clip0_124_8261)"><path d="M11 2C11 0.895 11.895 0 13 0C14.105 0 15 0.895 15 2C15 3.105 14.105 4 13 4C11.895 4 11 3.105 11 2ZM11.942 5C12.593 5.636 13 6.52 13 7.5V8H15.407C15.777 8 16.072 7.656 15.985 7.296C15.668 5.979 14.482 5 13.068 5H11.942ZM8.00002 5C9.10502 5 10 4.105 10 3C10 1.895 9.10502 1 8.00002 1C6.89502 1 6.00002 1.895 6.00002 3C6.00002 4.105 6.89502 5 8.00002 5ZM0.593023 8H3.00002V7.5C3.00002 6.52 3.40702 5.636 4.05802 5H2.93202C1.51802 5 0.332023 5.979 0.0150234 7.296C-0.0719766 7.656 0.223023 8 0.593023 8ZM23.235 13.015L16.431 20.652C14.535 22.78 11.814 24 8.96402 24H3.99902C1.79302 24 -0.000976562 22.206 -0.000976562 20V15C-0.000976562 12.794 1.79302 11 3.99902 11H12.856C13.995 11 14.995 11.609 15.545 12.519L18.762 8.985C19.302 8.39 20.043 8.041 20.847 8.004C21.659 7.965 22.421 8.244 23.016 8.786C24.23 9.893 24.328 11.791 23.234 13.016L23.235 13.015ZM21.67 10.263C21.471 10.082 21.214 9.994 20.942 10.001C20.672 10.014 20.423 10.13 20.243 10.33L15.816 15.195C15.43 16.265 14.477 17.085 13.302 17.253L8.14102 17.99C7.59302 18.064 7.08702 17.688 7.00902 17.142C6.93102 16.595 7.31102 16.089 7.85802 16.011L13.019 15.274C13.578 15.194 13.999 14.708 13.999 14.143C13.999 13.513 13.486 13.001 12.856 13.001H4.00002C2.89702 13.001 2.00002 13.898 2.00002 15.001V20.001C2.00002 21.104 2.89702 22.001 4.00002 22.001H8.96502C11.244 22.001 13.421 21.025 14.938 19.323L21.743 11.685C22.111 11.273 22.078 10.636 21.671 10.264L21.67 10.263ZM5.60702 9H10.393C10.772 9 11.073 8.656 10.984 8.296C10.66 6.979 9.44702 6 8.00002 6C6.55302 6 5.34002 6.979 5.01602 8.296C4.92702 8.656 5.22902 9 5.60702 9ZM3.00002 4C4.10502 4 5.00002 3.105 5.00002 2C5.00002 0.895 4.10502 0 3.00002 0C1.89502 0 1.00002 0.895 1.00002 2C1.00002 3.105 1.89502 4 3.00002 4Z" fill="currentColor"></path></g><defs><clipPath id="clip0_124_8261"><rect width="24" height="24" fill="white"></rect></clipPath></defs></svg> </template> <template x-if="serv.id === 'branding'"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><g clip-path="url(#clip0_124_8266)"><path d="M17.565 15.0189C15.069 15.0189 13.038 17.0379 13.038 19.5189C13.038 22.0949 15.684 24.0189 18.051 24.0189H21.54C22.362 24.0189 23.132 23.6319 23.598 22.9849C24.038 22.3739 24.155 21.6169 23.919 20.9089C22.65 17.1099 20.394 15.0179 17.565 15.0179V15.0189ZM21.976 21.8159C21.884 21.9429 21.722 22.0189 21.54 22.0189H18.051C16.686 22.0189 15.038 20.9039 15.038 19.5189C15.038 18.1339 16.171 17.0189 17.565 17.0189C20 17.0189 21.333 19.4789 22.022 21.5429C22.034 21.5779 22.07 21.6859 21.976 21.8159ZM24.038 3.64186C24.038 2.67286 23.662 1.76386 22.978 1.07986H22.977C21.61 -0.288141 19.217 -0.288141 17.855 1.07986L1.55803 17.3749C0.578025 18.3559 0.0380249 19.6589 0.0380249 21.0449V23.0179C0.0380249 23.5699 0.486025 24.0179 1.03803 24.0179H3.01203C4.39903 24.0179 5.70203 23.4779 6.68203 22.4979L22.979 6.20286C23.663 5.51886 24.039 4.60986 24.039 3.64086L24.038 3.64186ZM5.26903 21.0849C4.66603 21.6879 3.86503 22.0189 3.01303 22.0189H2.03903V21.0459C2.03903 20.1939 2.37103 19.3919 2.97303 18.7899L15.319 6.44386L17.614 8.73886L5.26903 21.0849ZM21.564 4.78886L19.027 7.32586L16.732 5.03086L19.27 2.49286C19.88 1.88186 20.952 1.88286 21.563 2.49286C21.868 2.79986 22.038 3.20686 22.038 3.64186C22.038 4.07686 21.87 4.48386 21.564 4.78886ZM1.09803 6.20286C0.415025 5.51886 0.0390249 4.60886 0.0390249 3.64186C0.0390249 2.67486 0.415025 1.76286 1.09803 1.07986C2.46703 -0.290141 4.85703 -0.289141 6.22303 1.07986L10.062 4.91886C10.453 5.30986 10.453 5.94186 10.062 6.33286C9.67103 6.72386 9.03903 6.72386 8.64803 6.33286L4.80803 2.49286C4.19703 1.88086 3.12503 1.88186 2.51402 2.49286C2.20703 2.79986 2.03903 3.20686 2.03903 3.64186C2.03903 4.07686 2.20703 4.48386 2.51303 4.78986L6.35203 8.62886C6.74303 9.01886 6.74303 9.65186 6.35203 10.0429C6.15703 10.2379 5.90103 10.3359 5.64503 10.3359C5.38903 10.3359 5.13303 10.2379 4.93803 10.0429L1.09803 6.20286Z" fill="currentColor"></path></g><defs><clipPath id="clip0_124_8266"><rect width="24" height="24" fill="#182335"></rect></clipPath></defs></svg> </template> </div> <span class="font-bold text-lg" x-text="serv.title"></span> <span class="text-[16px] text-center" :class="formData.servicios.includes(serv.id) ? 'text-white/80' : 'text-[#757F8F]'" x-text="serv.subtitle"></span> </div> </template> </div> <p class="text-[#9E9E9E] text-[16px] mt-10">
353Estos detalles elevan la experiencia y garantizan un evento sin
354              contratiempos
355</p> </div>
355 <hr class="border-[#E7E7E7] mb-12"> <div class="text-center mb-8"> <h3 class="text-2xl md:text-[28px] font-bold text-[#1F2937] mb-6">
356¿Hay algo más que quieras contarnos sobre tu evento?
357</h3> <textarea x-model="formData.comentarios" class="w-full bg-[#F9FAFB] border border-gray-300 rounded-lg p-4 text-gray-700 focus:outline-none focus:border-[#8C7A5E] focus:ring-1 focus:ring-[#8C7A5E] transition resize-none h-32" placeholder="Ej. Queremos una cena temática al aire libre con ambientación local."></textarea> <p class="text-center text-gray-400 text-[10px] mt-2">
358Cuéntanos tus ideas o cualquier detalle que quieras incluir.
359</p> <div class="w-full mt-8"> <label for="file-upload" class="cursor-pointer relative flex flex-col items-center justify-center w-full py-8 px-4 border-2 border-dashed rounded-xl bg-white hover:bg-gray-50 transition-all duration-300 group" :class="fileName ? 'border-[#8C7A5E] bg-[#fbfaf8]' : 'border-gray-200 hover:border-[#8C7A5E]'"> <div class="flex flex-col items-center justify-center"> <template x-if="!fileName"> <div class="flex flex-col items-center text-center"> <div class="w-12 h-12 mb-3 bg-gray-100 rounded-full flex items-center justify-center group-hover:bg-[#8C7A5E]/10 transition-colors"> <svg class="w-6 h-6 text-gray-400 group-hover:text-[#8C7A5E]" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12"></path> </svg> </div> <p class="mb-1 text-[15px] text-gray-600 font-medium"> <span class="text-[#8C7A5E] hover:underline">Adjuntar archivo</span> </p> <p class="text-xs text-gray-400 italic">
360PDF, DOC, DOCX (Máx. 5MB)
361</p> </div> </template> <template x-if="fileName"> <div class="flex items-center gap-4 bg-white p-4 rounded-lg border border-[#8C7A5E]/20 shadow-sm transition-all duration-300"> <div class="w-10 h-10 bg-[#8C7A5E]/10 rounded flex items-center justify-center"> <svg class="w-6 h-6 text-[#8C7A5E]" fill="currentColor" viewBox="0 0 20 20"> <path fill-rule="evenodd" d="M4 4a2 2 0 012-2h4.586A2 2 0 0112 2.586L15.414 6A2 2 0 0116 7.414V16a2 2 0 01-2 2H6a2 2 0 01-2-2V4zm2 6a1 1 0 011-1h6a1 1 0 110 2H7a1 1 0 01-1-1zm1 3a1 1 0 100 2h6a1 1 0 100-2H7z" clip-rule="evenodd"></path> </svg> </div> <div class="flex flex-col min-w-0"> <span class="text-sm font-semibold text-gray-800 truncate max-w-[220px]" x-text="fileName"></span> <span class="text-[11px] text-green-600 font-medium flex items-center gap-1"> <svg class="w-3 h-3" fill="currentColor" viewBox="0 0 20 20"><path d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z"></path></svg>
362Listo para enviar
363</span> </div> <button type="button" @click.stop.prevent="fileName = ''; formData.documento = ''; $refs.fileInput.value = ''" class="ml-2 p-1.5 hover:bg-red-50 text-gray-400 hover:text-red-500 rounded-full transition-all" title="Eliminar archivo"> <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path> </svg> </button> </div> </template> </div> <input id="file-upload" type="file" class="hidden" x-ref="fileInput" accept=".pdf,.doc,.docx" @change="fileName = $event.target.files[0]?.name || ''; formData.documento = fileName"> </label> </div> </div> </div> <div x-show="showError" x-transition class="max-w-4xl mx-auto mb-6"> <div class="bg-red-50 border border-red-200 text-red-700 px-4 py-3 rounded relative" role="alert"> <strong class="font-bold">¡Error!</strong> <span class="block sm:inline">Hubo un problema al enviar tu solicitud. Por favor, inténtalo de
364              nuevo.</span> </div> </div> <div class="flex justify-center mt-8 pt-4"> <button type="button" @click.prevent="isSubmitting ? null : validateNext()" :disabled="isSubmitting" class="flex items-center gap-2 bg-[#8C7A5E] text-white text-lg font-medium py-3 px-12 rounded-md transition-all duration-300 shadow-md" :class="isSubmitting ? 'opacity-75 curs
364or-not-allowed' : 'hover:bg-[#7a6a51] hover:shadow-lg active:scale-95'"> <span x-text="step === 4 ? (isSubmitting ? 'Enviando...' : 'Enviar mi solicitud') : 'Continuar'"></span> <svg x-show="!isSubmitting" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-5 h-5"> <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3"></path> </svg> <svg x-show="isSubmitting" class="animate-spin h-5 w-5 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"></path> </svg> </button> </div> </div> </div> </div> </section>  <section class="pt-16 lg:pb-0 pb-16 bg-[#212E42] text-white"> <div class="container flex flex-col items-center justify-center mx-auto px-6"> <div class="flex flex-col items-center text-center lg:gap-[70px] gap-[35px]"> <img src="/images/home/isotipo.svg" alt="Isotipo Tropical Incentives DMC" loading="lazy" decoding="async" width="116" height="55"> <h2> <span class="lg:text-[60px] text-[36px] font-bold uppercase leading-[51px] block">Liderazgo y Experiencia</span> <span class="lg:text-[48px] text-[24px] font-normal leading-[63px] block">en la gestión de destinos como</span> <span class="lg:text-[64px] text-[36px] text-[#C39B6D] font-marthin font-normal">DMC especializado</span> </h2> </div> </div> </section> <footer class="bg-[#212E42] text-white" data-astro-cid-cpgxvzen> <div class="container mx-auto lg:px-10 px-5" data-astro-cid-cpgxvzen> <div class="lg:py-16 pt-0 pb-10 text-center md:text-left" data-astro-cid-cpgxvzen> <div class="grid grid-cols-1 md:grid-cols-3 lg:grid-cols-4 gap-8 lg:px-0 px-5 py-5" x-data="{ 
365            openAccordion: null, 
366            isDesktop: window.innerWidth >= 768 
367        }" @resize.window="isDesktop = window.innerWidth >= 768" data-astro-cid-cpgxvzen> <div class="footer-accordion-item" data-astro-cid-cpgxvzen> <button type="button" class="footer-accordion-trigger" @click="openAccordion = openAccordion === 'company' ? null : 'company'" :class="{ 'is-open': openAccordion === 'company' }" data-astro-cid-cpgxvzen> <h3 class="item-title-footer" data-astro-cid-cpgxvzen>Compañía</h3> </button> <div class="footer-accordion-content" x-show="isDesktop || openAccordion === 'company'" x-collapse data-astro-cid-cpgxvzen> <ul class="py-5 md:pt-0 space-y-3 text-left" data-astro-cid-cpgxvzen> <li data-astro-cid-cpgxvzen> <a href="/sobre-nosotros" class="item-text-footer" aria-label="Sobre nosotros" data-astro-cid-cpgxvzen> Sobre nosotros </a> </li> <li data-astro-cid-cpgxvzen> <a href="/sobre-nosotros" class="item-text-footer" aria-label="¿Qué es DMC?" data-astro-cid-cpgxvzen> ¿Qué es DMC? </a> </li> <li data-astro-cid-cpgxvzen> <a href="https://tropical-incentives.pandape.computrabajo.com/" aria-label="Trabaja con nosotros" class="item-text-footer" data-astro-cid-cpgxvzen> Trabaja con nosotros </a> </li> <li data-astro-cid-cpgxvzen> <a href="/faq" aria-label="FAQ" class="item-text-footer" data-astro-cid-cpgxvzen>FAQ</a> </li> <li data-astro-cid-cpgxvzen> <a target="_blank" href="https://blog.tropicalincentives.com/es/tropical-m.i.c.e-discoveries/" class="item-text-footer" aria-label="Blog" data-astro-cid-cpgxvzen> Blog </a> </li> </ul> </div> </div> <div class="footer-accordion-item" data-astro-cid-cpgxvzen> <button type="button" class="footer-accordion-trigger" @click="openAccordion = openAccordion === 'discover' ? null : 'discover'" :class="{ 'is-open': openAccordion === 'discover' }" data-astro-cid-cpgxvzen> <h3 class="item-title-footer" data-astro-cid-cpgxvzen> Destinos </h3> </button> <div class="footer-accordion-content" x-show="isDesktop || openAccordion === 'discover'" x-collapse data-astro-cid-cpgxvzen> <ul class="py-5 md:pt-0 space-y-3 text-left" data-astro-cid-cpgxvzen> <li data-astro-cid-cpgxvzen> <a href="/destinos/cancun" class="item-text-footer" aria-label="Cancún" data-astro-cid-cpgxvzen>Cancún</a> </li> <li data-astro-cid-cpgxvzen> <a href="/destinos/riviera-maya" class="item-text-footer" aria-label="Riviera Maya" data-astro-cid-cpgxvzen>Riviera Maya</a> </li> <li data-astro-cid-cpgxvzen> <a href="/destinos/los-cabos" class="item-text-footer" aria-label="Los Cabos" data-astro-cid-cpgxvzen>Los Cabos</a> </li> <li data-astro-cid-cpgxvzen> <a href="/destinos/puerto-vallarta" class="item-text-footer" aria-label="Puerto Vallarta" data-astro-cid-cpgxvzen>Puerto Vallarta</a> </li> <li class="lg:hidden block" data-astro-cid-cpgxvzen> <a href="/destinos/riviera-nayarit" class="item-text-footer" aria-label="Riviera Nayarit" data-astro-cid-cpgxvzen>Riviera Nayarit</a> </li> <li class="lg:hidden block" data-astro-cid-cpgxvzen> <a href="/destinos/ciudad-de-mexico" class="item-text-footer" aria-label="Ciudad de México" data-astro-cid-cpgxvzen>Ciudad de México</a> </li> <li class="lg:hidden block" data-astro-cid-cpgxvzen> <a href="/destinos/republica-dominicana" class="item-text-footer" aria-label="Republica Dominicana" data-astro-cid-cpgxvzen>Republica Dominicana</a> </li> <li class="lg:hidden block" data-astro-cid-cpgxvzen> <a href="/destinos/san-miguel-de-allende" class="item-text-footer" aria-label="San Miguel de Allende" data-astro-cid-cpgxvzen>San Miguel de Allende</a> </li> </ul> </div> </div> <div class="lg:block hidden footer-accordion-item" data-astro-cid-cpgxvzen> <button type="button" class="footer-accordion-trigger mb-6" aria-label="Destinos" @click="openAccordion = openAccordion === 'destinations' ? null : 'destinations'" :class="{ 'is-open': openAccordion === 'destinations' }" data-astro-cid-cpgxvzen> <h3 class="item-title-footer" data-astro-cid-cpgxvzen></h3> </button> <div class="footer-accordion-content" x-show="isDesktop || openAccordion === 'destinations'" x-collapse data-astro-cid-cpgxvzen> <ul class="py-5 md:pt-0 space-y-3 text-left" data-astro-cid-cpgxvzen> <li data-astro-cid-cpgxvzen> <a href="/destinos/riviera-nayarit" class="item-text-footer" aria-label="Riviera Nayarit" data-astro-cid-cpgxvzen>Riviera Nayarit</a> </li> <li data-astro-cid-cpgxvzen> <a href="/destinos/ciudad-de-mexico" class="item-text-footer" aria-label="Ciudad de México" data-astro-cid-cpgxvzen>Ciudad de México</a> </li> <li data-astro-cid-cpgxvzen> <a href="/destinos/republica-dominicana" aria-label="Republica Dominicana" class="item-text-footer" data-astro-cid-cpgxvzen>Republica Dominicana</a> </li> <li data-astro-cid-cpgxvzen> <a href="/destinos/san-miguel-de-allende" aria-label="San Miguel de Allende" class="item-text-footer" data-astro-cid-cpgxvzen>San Miguel de Allende</a> </li> </ul> </div> </div> <div class="footer-accordion-item" data-astro-cid-cpgxvzen> <button type="button" class="footer-accordion-trigger" @click="openAccordion = openAccordion === 'help' ? null : 'help'" :class="{ 'is-open': openAccordion === 'help' }" data-astro-cid-cpgxvzen> <h3 class="item-title-footer" data-astro-cid-cpgxvzen>Ayuda</h3> </button> <div class="footer-accordion-content" x-show="isDesktop || openAccordion === 'help'" x-collapse data-astro-cid-cpgxvzen> <ul class="py-5 md:pt-0 space-y-3 text-left" data-astro-cid-cpgxvzen> <li data-astro-cid-cpgxvzen> <a aria-label="Contacto" href="/contacto" class="item-text-footer" data-astro-cid-cpgxvzen> Contacto </a> </li> <li data-astro-cid-cpgxvzen> <a href="/aviso-de-privacidad" aria-label="Avisos de privacidad" class="item-text-footer" data-astro-cid-cpgxvzen> Avisos de privacidad </a> </li> </ul> <div class="lg:flex md:flex hidden flex-row lg:items-start items-center justify-center lg:justify-start md:justify-start gap-8" data-astro-cid-cpgxvzen> <a href="https://www.facebook.com/TropicalIncentives" target="_blank" rel="noopener noreferrer" aria-label="Facebook" data-astro-cid-cpgxvzen>
367 <img src="/images/shared/facebook.svg" alt="Tropical Incentives Faceook" loading="lazy" data-astro-cid-cpgxvzen="true" decoding="async" width="20" height="20" class="h-auto"> </a> <a href="https://x.com/TropicalDMC" target="_blank" rel="noopener noreferrer" aria-label="Twitter" data-astro-cid-cpgxvzen> <img src="/images/shared/twitter.svg" alt="Tropical Incentives Twitter X" loading="lazy" data-astro-cid-cpgxvzen="true" decoding="async" width="20" height="20" class="h-auto"> </a> <a href="https://www.instagram.com/tropicalincentives/" target="_blank" rel="noopener noreferrer" aria-label="Instagram" data-astro-cid-cpgxvzen> <img src="/images/shared/instagram.svg" alt="Tropical Incentives Instagram" loading="lazy" data-astro-cid-cpgxvzen="true" decoding="async" width="20" height="20" class="h-auto"> </a> <a href="https://www.linkedin.com/company/tropical-incentives-dmc" target="_blank" rel="noopener noreferrer" aria-label="LinkedIn" data-astro-cid-cpgxvzen> <img src="/images/shared/linkedIn.svg" alt="Tropical Incentives LinkedIn" loading="lazy" data-astro-cid-cpgxvzen="true" decoding="async" width="20" height="20" class="h-auto"> </a> </div> </div> </div> </div> </div> <div class="lg:hidden md:hidden flex flex-row lg:items-start items-center justify-center lg:justify-start md:justify-start gap-8 mb-8" data-astro-cid-cpgxvzen> <a href="https://www.facebook.com/TropicalIncentives" target="_blank" rel="noopener noreferrer" aria-label="Facebook" data-astro-cid-cpgxvzen> <img src="/images/shared/facebook.svg" alt="Tropical Incentives Faceook" loading="lazy" data-astro-cid-cpgxvzen="true" decoding="async" width="20" height="20" class="h-auto"> </a> <a href="https://x.com/TropicalDMC" target="_blank" rel="noopener noreferrer" aria-label="Twitter" data-astro-cid-cpgxvzen> <img src="/images/shared/twitter.svg" alt="Tropical Incentives Twitter X" loading="lazy" data-astro-cid-cpgxvzen="true" decoding="async" width="20" height="20" class="h-auto"> </a> <a href="https://www.instagram.com/tropicalincentives/" target="_blank" rel="noopener noreferrer" aria-label="Instagram" data-astro-cid-cpgxvzen> <img src="/images/shared/instagram.svg" alt="Tropical Incentives Instagram" loading="lazy" data-astro-cid-cpgxvzen="true" decoding="async" width="20" height="20" class="h-auto"> </a> <a href="https://www.linkedin.com/company/tropical-incentives-dmc" target="_blank" rel="noopener noreferrer" aria-label="LinkedIn" data-astro-cid-cpgxvzen> <img src="/images/shared/linkedIn.svg" alt="Tropical Incentives LinkedIn" loading="lazy" data-astro-cid-cpgxvzen="true" decoding="async" width="20" height="20" class="h-auto"> </a> </div> <div class="lg:border-t border-[#FFFFFF1A] pb-8" data-astro-cid-cpgxvzen> <div class="flex flex-col md:flex-row justify-between items-center space-y-4 md:space-y-0 lg:mt-5" data-astro-cid-cpgxvzen> <div class="text-[#FFFFFFE5] lg:text-sm text-[14px] flex lg:text-normal text-center md:order-1 order-2 lg:mt-0 mt-5" data-astro-cid-cpgxvzen> © 2025 Tropical Incentives. Todos los derechos reservados. </div> <ul class="flex md:flex-row flex-col text-center lg:gap-10 gap-5 text-[14px] text-[#FFFFFFE5] md:order-2 order-1" data-astro-cid-cpgxvzen> <li data-astro-cid-cpgxvzen> <a href="/aviso-de-privacidad" aria-label="Avisos de privacidad" class="hover:text-white transition-colors" data-astro-cid-cpgxvzen> Avisos de privacidad </a> </li> <li data-astro-cid-cpgxvzen> <a href="/terminos-y-condiciones" class="hover:text-white transition-colors" aria-label="Términos y Condiciones" data-astro-cid-cpgxvzen> Términos y Condiciones </a> </li> </ul> </div> </div> </div> </footer> <button id="scrollToTopBtn" class="fixed bottom-[20%] right-6 z-50 flex items-center justify-center w-12 h-12 rounded-full bg-[#FFFBF3] text-white shadow-lg cursor-pointer transition-all duration-300 ease-in-out opacity-0 translate-y-5" aria-label="Volver arriba"> <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="black" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M4.5 15.75l7.5-7.5 7.5 7.5"></path> </svg> </button> 
367<script type="module">const s=()=>{const e=document.getElementById("scrollToTopBtn");if(!e)return;const t=()=>{window.scrollY>300?(e.classList.replace("opacity-0","opacity-100"),e.classList.replace("translate-y-5","translate-y-0")):(e.classList.replace("opacity-100","opacity-0"),e.classList.replace("translate-y-0","translate-y-5"))},n=()=>{window.scrollTo({top:0,behavior:"smooth"})};window.addEventListener("scroll",t),e.addEventListener("click",n),document.addEventListener("astro:after-swap",()=>{window.removeEventListener("scroll",t),e.removeEventListener("click",n)}),t()};document.addEventListener("DOMContentLoaded",s);document.addEventListener("astro:after-swap",s);</script>
367 <a href="https://wa.me/+529983660040?text=Hola%2C%20me%20gustar%C3%ADa%20m%C3%A1s%20informaci%C3%B3n." target="_blank" rel="noopener noreferrer" class="fixed bottom-[12%] right-6 hover:scale-125 transition-all duration-300 ease-in-out z-50"> <div title="Contáctanos por WhatsApp"> <img src="/images/shared/whatsapp.svg" alt="Whatsapp Icon Chable Yucatan" fetchpriority="high" decoding="async" loading="eager" width="50" height="50"> </div> </a> 
367<script>
368      document.addEventListener("astro:page-load", () => {
369        window.dataLayer = window.dataLayer || [];
370
371        window.dataLayer.push({
372          event: "virtual_pageview",
373          page_title: document.title,
374          page_path: window.location.pathname,
375          page_location: window.location.href,
376        });
377      });
378    </script>
378 
378<script>
379  if (!window.recaptchaEventsInitialized) {
380    window.recaptchaEventsInitialized = true;
381
382    window.onRecaptchaLoad = function () {
383      // reCAPTCHA script loaded successfully.
384    };
385
386    window.loadRecaptchaScript = function() {
387      const recaptchaId = "g-recaptcha-script";
388
389      if (document.getElementById(recaptchaId)) {
390        return;
391      }
392
393      const script = document.createElement("script");
394      script.id = recaptchaId;
395      script.src =
396        "https://www.google.com/recaptcha/api.js?render=6LcCQWMsAAAAABEXpjHjLLtbig0COBJCTacTfT10&onload=onRecaptchaLoad";
397      script.async = true;
398      script.defer = true;
399
400      document.body.appendChild(script);
401    }
402
403    // Load Recaptcha on first user interaction to drastically improve PageSpeed score
404    window.recaptchaEvents = ["mousemove", "scroll", "touchstart", "click", "keydown"];
405    window.recaptchaLoaded = false;
406
407    window.handleRecaptchaInteraction = function() {
408      if (!window.recaptchaLoaded) {
409        window.recaptchaLoaded = true;
410        window.loadRecaptchaScript();
411        window.recaptchaEvents.forEach(function(event) {
412          document.removeEventListener(event, window.handleRecaptchaInteraction);
413        });
414      }
415    }
416
417    document.addEventListener("astro:page-load", function() {
418      window.recaptchaEvents.forEach(function(event) {
419        document.addEventListener(event, window.handleRecaptchaInteraction, { passive: true });
420      });
421    });
422
423    document.addEventListener("astro:before-swap", function() {
424      window.grecaptcha = undefined;
425      window.___grecaptcha_cfg = undefined;
426      if (window.__google_recaptcha_client !== undefined) {
427        window.__google_recaptcha_client = undefined;
428      }
429      var badge = document.querySelector('.grecaptcha-badge');
430      if (badge && badge.parentElement) badge.parentElement.remove();
431    });
432
433    document.addEventListener("astro:after-swap", function() {
434      window.recaptchaLoaded = false;
435      var oldScript = document.getElementById("g-recaptcha-script");
436      if (oldScript) oldScript.remove();
437      document.querySelectorAll('script[src^="https://www.gstatic.com/recaptcha/"]').forEach(function(s) { s.remove(); });
438    });
439  }
440</script>
440 
440<script type="module" src="/_astro/Layout.astro_astro_type_script_index_0_lang.Bc-7ti9H.js"></script>
440 
440<script type="module">let t;const i=()=>{window.dispatchEvent(new Event("resize"))},r=new MutationObserver(e=>{clearTimeout(t),t=setTimeout(i,350)});document.addEventListener("astro:page-load",()=>{const e=document.body;e&&r.observe(e,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["style","class","hidden","height"]})});</script>
440 </body> </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.