{"id":1740,"date":"2026-07-27T12:20:48","date_gmt":"2026-07-27T12:20:48","guid":{"rendered":"https:\/\/www.awaholbox.com\/?page_id=1740"},"modified":"2026-08-25T20:03:02","modified_gmt":"2026-08-25T20:03:02","slug":"inicio-2","status":"publish","type":"page","link":"https:\/\/www.awaholbox.com\/en\/","title":{"rendered":"Inicio"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1740\" class=\"elementor elementor-1740\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f7dd092 e-con-full e-flex e-con e-parent\" data-id=\"f7dd092\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/VIDEO-PAGINA-WEB-V2.mp4&quot;,&quot;background_video_start&quot;:0,&quot;background_play_on_mobile&quot;:&quot;yes&quot;}\">\n\t\t<div class=\"elementor-background-video-container\">\n\t\t\t\t\t\t\t<video class=\"elementor-background-video-hosted\" role=\"presentation\" autoplay muted playsinline loop><\/video>\n\t\t\t\t\t<\/div><div class=\"elementor-element elementor-element-ba6428b e-flex e-con-boxed e-con e-child\" data-id=\"ba6428b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-adc2026 elementor-hidden-widescreen elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"adc2026\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Descubre un oasis de lujo en medio del para\u00edso.<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0dac0c6 elementor-align-center elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-mobile-align-center elementor-hidden-widescreen elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-invisible elementor-widget elementor-widget-button\" data-id=\"0dac0c6\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:200}\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/live.ipms247.com\/booking\/book-rooms-awaholbox\" target=\"_blank\" rel=\"noopener\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Reservar Ahora<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c0c57e9 e-flex e-con-boxed e-con e-parent\" data-id=\"c0c57e9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-a3f4644 e-con-full e-flex e-con e-child\" data-id=\"a3f4644\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e2723df elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"e2723df\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<span class=\"elementor-heading-title elementor-size-default\">Holbox Island, Mexico\n<\/span>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f12bdfd elementor-widget elementor-widget-heading\" data-id=\"f12bdfd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">El mejor hotel de lujo de la isla de Holbox: alojamiento exclusivo y complejo tur\u00edstico frente al mar<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-36c69a5 e-con-full e-flex e-con e-child\" data-id=\"36c69a5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-32b4efb elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"32b4efb\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Descubre un remanso de armon\u00eda, comodidad sofisticada y belleza virgen en AWA Holbox. Con una ubicaci\u00f3n perfecta en las blancas arenas de la isla de Holbox, nuestro exclusivo hotel boutique frente al mar ofrece una escapada inolvidable en el Caribe mexicano.<\/p><p>Desde nuestras habitaciones de dise\u00f1o vanguardista con vistas al mar hasta nuestra impresionante piscina en la azotea con vistas a la puesta de sol, combinamos a la perfecci\u00f3n el lujo moderno con la belleza natural en estado puro de la isla. D\u00e9janos ser tus anfitriones en el para\u00edso, donde la relajaci\u00f3n tranquila se une a una hospitalidad de primera clase.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-35f93a5 e-con-full e-flex e-con e-parent\" data-id=\"35f93a5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7a70d0f elementor-widget elementor-widget-ucaddon_awa_tripadvisor_listing\" data-id=\"7a70d0f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_awa_tripadvisor_listing.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start AWA - TripAdvisor Listing -->\n<style>\/* widget: AWA - TripAdvisor Listing *\/\n\n\/* He agrupado los estilos aqu\u00ed para mantener el archivo m\u00e1s ordenado, puedes dejarlos donde los ten\u00edas originalmente *\/\n*, ::before, ::after {\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x:  ;\n  --tw-pan-y:  ;\n  --tw-pinch-zoom:  ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-gradient-from-position:  ;\n  --tw-gradient-via-position:  ;\n  --tw-gradient-to-position:  ;\n  --tw-ordinal:  ;\n  --tw-slashed-zero:  ;\n  --tw-numeric-figure:  ;\n  --tw-numeric-spacing:  ;\n  --tw-numeric-fraction:  ;\n  --tw-ring-inset:  ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgb(59 130 246 \/ 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur:  ;\n  --tw-brightness:  ;\n  --tw-contrast:  ;\n  --tw-grayscale:  ;\n  --tw-hue-rotate:  ;\n  --tw-invert:  ;\n  --tw-saturate:  ;\n  --tw-sepia:  ;\n  --tw-drop-shadow:  ;\n  --tw-backdrop-blur:  ;\n  --tw-backdrop-brightness:  ;\n  --tw-backdrop-contrast:  ;\n  --tw-backdrop-grayscale:  ;\n  --tw-backdrop-hue-rotate:  ;\n  --tw-backdrop-invert:  ;\n  --tw-backdrop-opacity:  ;\n  --tw-backdrop-saturate:  ;\n  --tw-backdrop-sepia:  ;\n  --tw-contain-size:  ;\n  --tw-contain-layout:  ;\n  --tw-contain-paint:  ;\n  --tw-contain-style:  ;\n}\n\n::backdrop {\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x:  ;\n  --tw-pan-y:  ;\n  --tw-pinch-zoom:  ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-gradient-from-position:  ;\n  --tw-gradient-via-position:  ;\n  --tw-gradient-to-position:  ;\n  --tw-ordinal:  ;\n  --tw-slashed-zero:  ;\n  --tw-numeric-figure:  ;\n  --tw-numeric-spacing:  ;\n  --tw-numeric-fraction:  ;\n  --tw-ring-inset:  ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgb(59 130 246 \/ 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur:  ;\n  --tw-brightness:  ;\n  --tw-contrast:  ;\n  --tw-grayscale:  ;\n  --tw-hue-rotate:  ;\n  --tw-invert:  ;\n  --tw-saturate:  ;\n  --tw-sepia:  ;\n  --tw-drop-shadow:  ;\n  --tw-backdrop-blur:  ;\n  --tw-backdrop-brightness:  ;\n  --tw-backdrop-contrast:  ;\n  --tw-backdrop-grayscale:  ;\n  --tw-backdrop-hue-rotate:  ;\n  --tw-backdrop-invert:  ;\n  --tw-backdrop-opacity:  ;\n  --tw-backdrop-saturate:  ;\n  --tw-backdrop-sepia:  ;\n  --tw-contain-size:  ;\n  --tw-contain-layout:  ;\n  --tw-contain-paint:  ;\n  --tw-contain-style:  ;\n}\n\n\/*\n! tailwindcss v3.4.19 | MIT License | https:\/\/tailwindcss.com\n*\/\n\n*,\n::before,\n::after {\n  box-sizing: border-box;\n  border-width: 0;\n  border-style: solid;\n  border-color: #e5e7eb;\n}\n\n::before,\n::after {\n  --tw-content: '';\n}\n\nhtml,\n:host {\n  line-height: 1.5;\n  -webkit-text-size-adjust: 100%;\n  -moz-tab-size: 4;\n  -o-tab-size: 4;\n     tab-size: 4;\n  font-family: ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  font-feature-settings: normal;\n  font-variation-settings: normal;\n  -webkit-tap-highlight-color: transparent;\n}\n\nbody {\n  margin: 0;\n  line-height: inherit;\n}\n\nhr {\n  height: 0;\n  color: inherit;\n  border-top-width: 1px;\n}\n\nabbr:where([title]) {\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  font-size: inherit;\n  font-weight: inherit;\n}\n\na {\n  color: inherit;\n  text-decoration: inherit;\n}\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\ncode,\nkbd,\nsamp,\npre {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n  font-feature-settings: normal;\n  font-variation-settings: normal;\n  font-size: 1em;\n}\n\nsmall {\n  font-size: 80%;\n}\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\ntable {\n  text-indent: 0;\n  border-color: inherit;\n  border-collapse: collapse;\n}\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit;\n  font-feature-settings: inherit;\n  font-variation-settings: inherit;\n  font-size: 100%;\n  font-weight: inherit;\n  line-height: inherit;\n  letter-spacing: inherit;\n  color: inherit;\n  margin: 0;\n  padding: 0;\n}\n\nbutton,\nselect {\n  text-transform: none;\n}\n\nbutton,\ninput:where([type='button']),\ninput:where([type='reset']),\ninput:where([type='submit']) {\n  -webkit-appearance: button;\n  background-color: transparent;\n  background-image: none;\n}\n\n:-moz-focusring {\n  outline: auto;\n}\n\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\nprogress {\n  vertical-align: baseline;\n}\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n[type='search'] {\n  -webkit-appearance: textfield;\n  outline-offset: -2px;\n}\n\n::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button;\n  font: inherit;\n}\n\nsummary {\n  display: list-item;\n}\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n  margin: 0;\n}\n\nfieldset {\n  margin: 0;\n  padding: 0;\n}\n\nlegend {\n  padding: 0;\n}\n\nol,\nul,\nmenu {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\ndialog {\n  padding: 0;\n}\n\ntextarea {\n  resize: vertical;\n}\n\ninput::-moz-placeholder, textarea::-moz-placeholder {\n  opacity: 1;\n  color: #9ca3af;\n}\n\ninput::placeholder,\ntextarea::placeholder {\n  opacity: 1;\n  color: #9ca3af;\n}\n\nbutton,\n[role=\"button\"] {\n  cursor: pointer;\n}\n\n:disabled {\n  cursor: default;\n}\n\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n  display: block;\n  vertical-align: middle;\n}\n\nimg,\nvideo {\n  max-width: 100%;\n  height: auto;\n}\n\n[hidden]:where(:not([hidden=\"until-found\"])) {\n  display: none;\n}\n\n.pointer-events-none {\n  pointer-events: none;\n}\n\n.fixed {\n  position: fixed;\n}\n\n.absolute {\n  position: absolute;\n}\n\n.relative {\n  position: relative;\n}\n\n.inset-0 {\n  inset: 0px;\n}\n\n.bottom-2 {\n  bottom: 0.5rem;\n}\n\n.right-2 {\n  right: 0.5rem;\n}\n\n.right-6 {\n  right: 1.5rem;\n}\n\n.top-6 {\n  top: 1.5rem;\n}\n\n.z-10 {\n  z-index: 10;\n}\n\n.z-20 {\n  z-index: 20;\n}\n\n.z-\\[1000000\\] {\n  z-index: 1000000;\n}\n\n.z-\\[999999\\] {\n  z-index: 999999;\n}\n\n.mb-1 {\n  margin-bottom: 0.25rem;\n}\n\n.mb-6 {\n  margin-bottom: 1.5rem;\n}\n\n.mt-2 {\n  margin-top: 0.5rem;\n}\n\n.mt-3 {\n  margin-top: 0.75rem;\n}\n\n.mt-8 {\n  margin-top: 2rem;\n}\n\n.block {\n  display: block;\n}\n\n.inline {\n  display: inline;\n}\n\n.flex {\n  display: flex;\n}\n\n.inline-flex {\n  display: inline-flex;\n}\n\n.grid {\n  display: grid;\n}\n\n.hidden {\n  display: none;\n}\n\n.h-10 {\n  height: 2.5rem;\n}\n\n.h-12 {\n  height: 3rem;\n}\n\n.h-3 {\n  height: 0.75rem;\n}\n\n.h-3\\.5 {\n  height: 0.875rem;\n}\n\n.h-4 {\n  height: 1rem;\n}\n\n.h-full {\n  height: 100%;\n}\n\n.max-h-\\[60vh\\] {\n  max-height: 60vh;\n}\n\n.w-10 {\n  width: 2.5rem;\n}\n\n.w-12 {\n  width: 3rem;\n}\n\n.w-3 {\n  width: 0.75rem;\n}\n\n.w-3\\.5 {\n  width: 0.875rem;\n}\n\n.w-4 {\n  width: 1rem;\n}\n\n.w-full {\n  width: 100%;\n}\n\n.max-w-2xl {\n  max-width: 42rem;\n}\n\n.max-w-4xl {\n  max-width: 56rem;\n}\n\n.max-w-full {\n  max-width: 100%;\n}\n\n.shrink-0 {\n  flex-shrink: 0;\n}\n\n.scale-105 {\n  --tw-scale-x: 1.05;\n  --tw-scale-y: 1.05;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.cursor-pointer {\n  cursor: pointer;\n}\n\n.grid-cols-2 {\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n}\n\n.flex-col {\n  flex-direction: column;\n}\n\n.flex-wrap {\n  flex-wrap: wrap;\n}\n\n.items-center {\n  align-items: center;\n}\n\n.justify-center {\n  justify-content: center;\n}\n\n.justify-between {\n  justify-content: space-between;\n}\n\n.gap-1 {\n  gap: 0.25rem;\n}\n\n.gap-2 {\n  gap: 0.5rem;\n}\n\n.gap-3 {\n  gap: 0.75rem;\n}\n\n.gap-4 {\n  gap: 1rem;\n}\n\n.gap-x-8 {\n  -moz-column-gap: 2rem;\n       column-gap: 2rem;\n}\n\n.gap-y-4 {\n  row-gap: 1rem;\n}\n\n.self-start {\n  align-self: flex-start;\n}\n\n.overflow-hidden {\n  overflow: hidden;\n}\n\n.overflow-x-auto {\n  overflow-x: auto;\n}\n\n.rounded {\n  border-radius: 0.25rem;\n}\n\n.rounded-full {\n  border-radius: 9999px;\n}\n\n.rounded-md {\n  border-radius: 0.375rem;\n}\n\n.border {\n  border-width: 1px;\n}\n\n.border-2 {\n  border-width: 2px;\n}\n\n.border-b {\n  border-bottom-width: 1px;\n}\n\n.border-t {\n  border-top-width: 1px;\n}\n\n.border-gray-100 {\n  --tw-border-opacity: 1;\n  border-color: rgb(243 244 246 \/ var(--tw-border-opacity, 1));\n}\n\n.border-gray-200 {\n  --tw-border-opacity: 1;\n  border-color: rgb(229 231 235 \/ var(--tw-border-opacity, 1));\n}\n\n.border-transparent {\n  border-color: transparent;\n}\n\n.border-white {\n  --tw-border-opacity: 1;\n  border-color: rgb(255 255 255 \/ var(--tw-border-opacity, 1));\n}\n\n.bg-black {\n  --tw-bg-opacity: 1;\n  background-color: rgb(0 0 0 \/ var(--tw-bg-opacity, 1));\n}\n\n.bg-black\\\/0 {\n  background-color: rgb(0 0 0 \/ 0);\n}\n\n.bg-black\\\/95 {\n  background-color: rgb(0 0 0 \/ 0.95);\n}\n\n.bg-brand-black {\n  --tw-bg-opacity: 1;\n  background-color: rgb(0 0 0 \/ var(--tw-bg-opacity, 1));\n}\n\n.bg-white {\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 255 255 \/ var(--tw-bg-opacity, 1));\n}\n\n.bg-white\\\/90 {\n  background-color: rgb(255 255 255 \/ 0.9);\n}\n\n.fill-current {\n  fill: currentColor;\n}\n\n.object-contain {\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n.object-cover {\n  -o-object-fit: cover;\n     object-fit: cover;\n}\n\n.p-4 {\n  padding: 1rem;\n}\n\n.px-2 {\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n}\n\n.px-4 {\n  padding-left: 1rem;\n  padding-right: 1rem;\n}\n\n.px-6 {\n  padding-left: 1.5rem;\n  padding-right: 1.5rem;\n}\n\n.py-0\\.5 {\n  padding-top: 0.125rem;\n  padding-bottom: 0.125rem;\n}\n\n.py-12 {\n  padding-top: 3rem;\n  padding-bottom: 3rem;\n}\n\n.py-3 {\n  padding-top: 0.75rem;\n  padding-bottom: 0.75rem;\n}\n\n.pb-2 {\n  padding-bottom: 0.5rem;\n}\n\n.pt-6 {\n  padding-top: 1.5rem;\n}\n\n.font-body {\n  font-family: \"Comfortaa\", cursive, sans-serif;\n}\n\n.font-heading {\n  font-family: \"Quattrocento Sans\", sans-serif;\n}\n\n.text-3xl {\n  font-size: 1.875rem;\n  line-height: 2.25rem;\n}\n\n.text-\\[10px\\] {\n  font-size: 10px;\n}\n\n.text-base {\n  font-size: 1rem;\n  line-height: 1.5rem;\n}\n\n.text-sm {\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n}\n\n.text-xs {\n  font-size: 0.75rem;\n  line-height: 1rem;\n}\n\n.font-bold {\n  font-weight: 700;\n}\n\n.font-medium {\n  font-weight: 500;\n}\n\n.uppercase {\n  text-transform: uppercase;\n}\n\n.tracking-\\[0\\.15em\\] {\n  letter-spacing: 0.15em;\n}\n\n.tracking-\\[0\\.18em\\] {\n  letter-spacing: 0.18em;\n}\n\n.tracking-tight {\n  letter-spacing: -0.025em;\n}\n\n.tracking-widest {\n  letter-spacing: 0.1em;\n}\n\n.text-blue-600 {\n  --tw-text-opacity: 1;\n  color: rgb(37 99 235 \/ var(--tw-text-opacity, 1));\n}\n\n.text-brand-accent {\n  --tw-text-opacity: 1;\n  color: rgb(69 82 80 \/ var(--tw-text-opacity, 1));\n}\n\n.text-brand-black {\n  --tw-text-opacity: 1;\n  color: rgb(0 0 0 \/ var(--tw-text-opacity, 1));\n}\n\n.text-gray-400 {\n  --tw-text-opacity: 1;\n  color: rgb(156 163 175 \/ var(--tw-text-opacity, 1));\n}\n\n.text-gray-600 {\n  --tw-text-opacity: 1;\n  color: rgb(75 85 99 \/ var(--tw-text-opacity, 1));\n}\n\n.text-gray-700 {\n  --tw-text-opacity: 1;\n  color: rgb(55 65 81 \/ var(--tw-text-opacity, 1));\n}\n\n.text-gray-800 {\n  --tw-text-opacity: 1;\n  color: rgb(31 41 55 \/ var(--tw-text-opacity, 1));\n}\n\n.text-white {\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 \/ var(--tw-text-opacity, 1));\n}\n\n.text-white\\\/60 {\n  color: rgb(255 255 255 \/ 0.6);\n}\n\n.text-yellow-400 {\n  --tw-text-opacity: 1;\n  color: rgb(250 204 21 \/ var(--tw-text-opacity, 1));\n}\n\n.opacity-0 {\n  opacity: 0;\n}\n\n.opacity-100 {\n  opacity: 1;\n}\n\n.opacity-50 {\n  opacity: 0.5;\n}\n\n.shadow-sm {\n  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 \/ 0.05);\n  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.outline {\n  outline-style: solid;\n}\n\n.drop-shadow-lg {\n  --tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 \/ 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 \/ 0.1));\n  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);\n}\n\n.backdrop-blur-sm {\n  --tw-backdrop-blur: blur(4px);\n  -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);\n  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);\n}\n\n.transition-all {\n  transition-property: all;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n\n.transition-colors {\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n\n.transition-opacity {\n  transition-property: opacity;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n\n.transition-transform {\n  transition-property: transform;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n\n.duration-300 {\n  transition-duration: 300ms;\n}\n\n.duration-500 {\n  transition-duration: 500ms;\n}\n\n.hover\\:bg-brand-accent:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(69 82 80 \/ var(--tw-bg-opacity, 1));\n}\n\n.hover\\:text-brand-accent:hover {\n  --tw-text-opacity: 1;\n  color: rgb(69 82 80 \/ var(--tw-text-opacity, 1));\n}\n\n.hover\\:underline:hover {\n  text-decoration-line: underline;\n}\n\n.hover\\:opacity-100:hover {\n  opacity: 1;\n}\n\n.group:hover .group-hover\\:scale-105 {\n  --tw-scale-x: 1.05;\n  --tw-scale-y: 1.05;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.group:hover .group-hover\\:bg-black\\\/20 {\n  background-color: rgb(0 0 0 \/ 0.2);\n}\n\n.group:hover .group-hover\\:opacity-100 {\n  opacity: 1;\n}\n\n@media (min-width: 768px) {\n  .md\\:h-16 {\n    height: 4rem;\n  }\n\n  .md\\:max-h-\\[70vh\\] {\n    max-height: 70vh;\n  }\n\n  .md\\:w-16 {\n    width: 4rem;\n  }\n\n  .md\\:grid-cols-3 {\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n  }\n\n  .md\\:flex-row {\n    flex-direction: row;\n  }\n\n  .md\\:items-start {\n    align-items: flex-start;\n  }\n\n  .md\\:justify-between {\n    justify-content: space-between;\n  }\n\n  .md\\:self-center {\n    align-self: center;\n  }\n\n  .md\\:px-8 {\n    padding-left: 2rem;\n    padding-right: 2rem;\n  }\n\n  .md\\:py-16 {\n    padding-top: 4rem;\n    padding-bottom: 4rem;\n  }\n\n  .md\\:text-\\[32px\\] {\n    font-size: 32px;\n  }\n}\n\n\/* --- CSS propio del widget (no es de Tailwind) --- *\/\n\/* --- CONFIGURACI\u00d3N DE LA CUADR\u00cdCULA --- *\/\n.tripadvisor-gallery-grid {\n    display: grid !important;\n    gap: 6px !important;\n}\n\n\/* 1. Ajustes para Computadora\/Tablet (Desktop) *\/\n@media (min-width: 768px) {\n    .tripadvisor-gallery-grid {\n        grid-template-columns: 1fr 220px !important;\n        grid-template-rows: 1fr 1fr !important;\n    }\n    .ta-item-1 {\n        grid-column: 1 !important;\n        grid-row: 1 \/ span 2 !important;\n    }\n    .ta-item-2 {\n        grid-column: 2 !important;\n        grid-row: 1 !important;\n    }\n    .ta-item-3 {\n        grid-column: 2 !important;\n        grid-row: 2 !important;\n    }\n}\n\n\/* 2. Ajustes para M\u00f3vil (Celulares) *\/\n@media (max-width: 767px) {\n    .tripadvisor-gallery-grid {\n        grid-template-columns: 1fr 1fr !important;\n        grid-template-rows: 1.5fr 1fr !important; \/* La foto principal de arriba es m\u00e1s alta y las 2 de abajo son m\u00e1s bajas *\/\n        height: 380px !important; \/* Altura total fija muy c\u00f3moda en m\u00f3viles *\/\n    }\n    .ta-item-1 {\n        grid-column: 1 \/ span 2 !important;\n        grid-row: 1 !important;\n    }\n    .ta-item-2 {\n        grid-column: 1 !important;\n        grid-row: 2 !important;\n    }\n    .ta-item-3 {\n        grid-column: 2 !important;\n        grid-row: 2 !important;\n    }\n}\n\n<\/style>\n\n<section class=\"bg-white py-12 md:py-16 relative z-20 border-b border-gray-200 shadow-sm\">\n    <div style=\"max-width: 1140px; margin-left: auto; margin-right: auto;\" class=\"px-6 md:px-8\">\n\n        <!-- Header de la Ficha -->\n        <div class=\"mb-6 font-body\">\n            <!-- T\u00edtulo y Bot\u00f3n Alineados -->\n            <div class=\"flex flex-wrap items-center gap-4\">\n                <h2 class=\"text-3xl md:text-[32px] font-bold text-brand-black flex items-center gap-2 font-heading tracking-tight\">\n                    Awa Hotel Boutique\n                    <svg class=\"w-4 h-4 text-brand-accent\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/><\/svg>\n                <\/h2>\n                <a style=\"color:white!important;\" href=\"https:\/\/letsbook.me\/booking\/awaholbox\" class=\"inline-flex items-center gap-2 bg-brand-black text-white font-body font-bold text-sm uppercase tracking-[0.15em] px-6 py-3 rounded-full hover:bg-brand-accent transition-colors duration-300 shrink-0\" target=\"_blank\" rel=\"noopener\">\n                    Chequear Disponibilidad\n                <\/a>\n            <\/div>\n            \n            <!-- Detalles de Ubicaci\u00f3n y Rese\u00f1as -->\n            <div class=\"flex flex-wrap items-center gap-3 mt-3 text-sm text-gray-600\">\n                <div class=\"flex items-center gap-1\">\n                    <span class=\"font-bold text-brand-black text-base\">4.9<\/span>\n                    <div class=\"flex text-yellow-400 text-sm\">\n                        <svg class=\"w-4 h-4 fill-current\" viewBox=\"0 0 20 20\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"\/><\/svg>\n                        <svg class=\"w-4 h-4 fill-current\" viewBox=\"0 0 20 20\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"\/><\/svg>\n                        <svg class=\"w-4 h-4 fill-current\" viewBox=\"0 0 20 20\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"\/><\/svg>\n                        <svg class=\"w-4 h-4 fill-current\" viewBox=\"0 0 20 20\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"\/><\/svg>\n                        <svg class=\"w-4 h-4 fill-current\" viewBox=\"0 0 20 20\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"\/><\/svg>\n                    <\/div>\n                <\/div>\n                <span class=\"text-gray-400\">\u00b7<\/span>\n                <span class=\"font-medium text-gray-700\">#1 of 31 Small Hotels in Holbox<\/span>\n                <span class=\"text-gray-400\">\u00b7<\/span>\n                <a href=\"https:\/\/www.google.com\/maps?q=Awa+Holbox+Hotel\" target=\"_blank\" class=\"text-blue-600 hover:underline text-sm flex items-center gap-1\" rel=\"noopener\">\n                    <svg class=\"w-3.5 h-3.5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z\"\/><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 11a3 3 0 11-6 0 3 3 0 016 0z\"\/><\/svg>\n                    Ver ubicaci\u00f3n\n                <\/a>\n            <\/div>\n        <\/div>\n\n        <!-- Galer\u00eda Grid con filas de 2 niveles estables -->\n        <div class=\"tripadvisor-gallery-grid\" style=\"height: 400px; border-radius: 12px; overflow: hidden; margin-bottom: 24px;\">\n                <!-- Foto 1 (Principal Grande) -->\n    <div class=\"relative overflow-hidden cursor-pointer group ta-gallery-item w-full h-full ta-item-1\" data-index=\"0\">\n        <img decoding=\"async\" src=\"https:\/\/www.awaholbox.com\/wp-content\/uploads\/2026\/07\/awa-3.png\" data-src=\"https:\/\/www.awaholbox.com\/wp-content\/uploads\/2026\/07\/awa-3.png\" class=\"w-full h-full object-cover transition-transform duration-500 group-hover:scale-105 ta-img-data\" style=\"width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: bottom !important;\">\n        <div class=\"absolute inset-0 bg-black\/0 group-hover:bg-black\/20 transition-colors duration-300 flex items-center justify-center\">\n            <svg class=\"w-10 h-10 text-white opacity-0 group-hover:opacity-100 transition-opacity duration-300 drop-shadow-lg\" fill=\"none\" stroke=\"currentColor\" style=\"stroke: #ffffff !important;\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0zM10 7v3m0 0v3m0-3h3m-3 0H7\"\/><\/svg>\n        <\/div>\n    <\/div>\n\n\n\n\n\n    <!-- Foto 2 -->\n    <div class=\"relative overflow-hidden cursor-pointer group ta-gallery-item w-full h-full ta-item-2\" data-index=\"1\">\n        <img decoding=\"async\" src=\"https:\/\/www.awaholbox.com\/wp-content\/uploads\/2026\/07\/awa-8.png\" data-src=\"https:\/\/www.awaholbox.com\/wp-content\/uploads\/2026\/07\/awa-8.png\" class=\"w-full h-full object-cover transition-transform duration-500 group-hover:scale-105 ta-img-data\" style=\"width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center !important;\">\n        <div class=\"absolute inset-0 bg-black\/0 group-hover:bg-black\/20 transition-colors duration-300\"><\/div>\n    <\/div>\n\n\n\n\n\n    <!-- Foto 3 -->\n    <div class=\"relative overflow-hidden cursor-pointer group ta-gallery-item w-full h-full ta-item-3\" data-index=\"2\" style=\"position: relative;\">\n        <img decoding=\"async\" src=\"https:\/\/www.awaholbox.com\/wp-content\/uploads\/2026\/07\/awa-9.png\" data-src=\"https:\/\/www.awaholbox.com\/wp-content\/uploads\/2026\/07\/awa-9.png\" class=\"w-full h-full object-cover transition-transform duration-500 group-hover:scale-105 ta-img-data\" style=\"width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center !important;\">\n        <div class=\"absolute inset-0 bg-black\/0 group-hover:bg-black\/20 transition-colors duration-300\"><\/div>\n\n        <!-- Indicador flotante -->\n        <div class=\"absolute bottom-2 right-2 bg-white\/90 backdrop-blur-sm text-gray-800 text-[10px] font-bold px-2 py-0.5 rounded-full flex items-center gap-1 shadow-sm pointer-events-none z-10\">\n            <svg class=\"w-3 h-3\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z\"\/><\/svg>\n            <span id=\"ta-total-count\">0<\/span>\n        <\/div>\n    <\/div>\n\n\n\n\n\n    <!-- Fotos adicionales ocultas para el Lightbox -->\n    <span class=\"hidden ta-gallery-item\" data-index=\"3\">\n        <img data-src=\"https:\/\/www.awaholbox.com\/wp-content\/uploads\/2026\/07\/awa-10.png\" class=\"hidden ta-img-data\">\n    <\/span>\n\n\n\n\n    <!-- Fotos adicionales ocultas para el Lightbox -->\n    <span class=\"hidden ta-gallery-item\" data-index=\"4\">\n        <img data-src=\"https:\/\/www.awaholbox.com\/wp-content\/uploads\/2026\/07\/awa-12.png\" class=\"hidden ta-img-data\">\n    <\/span>\n\n\n        <\/div>\n\n        <!-- Ficha T\u00e9cnica \/ Detalles -->\n        <div class=\"grid grid-cols-2 md:grid-cols-3 gap-x-8 gap-y-4 border-t border-gray-100 pt-6 font-body text-sm\">\n                        <div>\n                <span class=\"block text-[10px] uppercase tracking-[0.18em] font-bold text-gray-400 mb-1\">Tipo de Hotel<\/span>\n                <span class=\"text-brand-black font-medium\">Hotel boutique de lujo<\/span>\n            <\/div>\n            \n                        <div>\n                <span class=\"block text-[10px] uppercase tracking-[0.18em] font-bold text-gray-400 mb-1\">Habitaciones<\/span>\n                <span class=\"text-brand-black font-medium\">56<\/span>\n            <\/div>\n            \n                        <div>\n                <span class=\"block text-[10px] uppercase tracking-[0.18em] font-bold text-gray-400 mb-1\">Ideal Para<\/span>\n                <span class=\"text-brand-black font-medium\">Parejas, grupos peque\u00f1os<\/span>\n            <\/div>\n            \n                        <div>\n                <span class=\"block text-[10px] uppercase tracking-[0.18em] font-bold text-gray-400 mb-1\">Concepto<\/span>\n                <span class=\"text-brand-black font-medium\">Lujo con consciencia ecol\u00f3gica<\/span>\n            <\/div>\n            \n                        <div>\n                <span class=\"block text-[10px] uppercase tracking-[0.18em] font-bold text-gray-400 mb-1\">Restaurante y Piscina<\/span>\n                <span class=\"text-brand-black font-medium\">Bar y restaurante en el rooftop<\/span>\n            <\/div>\n            \n                        <div>\n                <span class=\"block text-[10px] uppercase tracking-[0.18em] font-bold text-gray-400 mb-1\">Entrada \/ Salida<\/span>\n                <span class=\"text-brand-black font-medium\">3:00 PM \/ 11:00 AM<\/span>\n            <\/div>\n                    <\/div>\n\n    <\/div>\n<\/section>\n\n<!-- Lightbox Modal -->\n<!-- Lightbox Modal con Z-Index ultra alto (999999) -->\n<div id=\"ta-lightbox\" class=\"fixed inset-0 bg-black\/95 z-[999999] hidden flex-col justify-center items-center p-4\" style=\"z-index: 999999 !important;\">\n\n    <!-- Bot\u00f3n de Cerrar (X) - Cambiado a DIV plano e inmune al tema -->\n    <div id=\"ta-lightbox-close\" class=\"absolute top-6 right-6 cursor-pointer text-white hover:text-brand-accent transition-colors z-[1000000]\" style=\"background: transparent !important; border: none !important; box-shadow: none !important; border-radius: 0 !important; padding: 0 !important; width: auto !important; height: auto !important; margin: 0 !important; outline: none !important;\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"36\" height=\"36\" fill=\"none\" stroke=\"currentColor\" style=\"stroke: #ffffff !important;\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" viewBox=\"0 0 24 24\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line><\/svg>\n    <\/div>\n\n    <div class=\"relative w-full max-w-4xl flex items-center justify-between gap-4\">\n        <!-- Flecha Izquierda - Cambiado a DIV plano e inmune al tema -->\n        <div id=\"ta-lightbox-prev\" class=\"cursor-pointer text-white hover:text-brand-accent transition-colors shrink-0\" aria-label=\"Imagen Anterior\" style=\"background: transparent !important; border: none !important; box-shadow: none !important; border-radius: 0 !important; padding: 0 !important; width: auto !important; height: auto !important; margin: 0 !important; outline: none !important;\">\n            <svg width=\"40\" height=\"40\" fill=\"none\" stroke=\"currentColor\" style=\"stroke: #ffffff !important;\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" viewBox=\"0 0 24 24\"><polyline points=\"15 18 9 12 15 6\"><\/polyline><\/svg>\n        <\/div>\n\n        <div class=\"w-full max-h-[60vh] md:max-h-[70vh] flex justify-center items-center overflow-hidden rounded-md bg-black\">\n            <img decoding=\"async\" id=\"ta-lightbox-img\" src=\"\" alt=\"Imagen Activa\" class=\"max-w-full max-h-[60vh] md:max-h-[70vh] object-contain transition-opacity duration-300\">\n        <\/div>\n\n        <!-- Flecha Derecha - Cambiado a DIV plano e inmune al tema -->\n        <div id=\"ta-lightbox-next\" class=\"cursor-pointer text-white hover:text-brand-accent transition-colors shrink-0\" aria-label=\"Siguiente Imagen\" style=\"background: transparent !important; border: none !important; box-shadow: none !important; border-radius: 0 !important; padding: 0 !important; width: auto !important; height: auto !important; margin: 0 !important; outline: none !important;\">\n            <svg width=\"40\" height=\"40\" fill=\"none\" stroke=\"currentColor\" style=\"stroke: #ffffff !important;\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" viewBox=\"0 0 24 24\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg>\n        <\/div>\n    <\/div>\n\n    <div class=\"w-full max-w-2xl mt-8 flex flex-col items-center\">\n        <div id=\"ta-lightbox-thumbs\" class=\"flex gap-3 overflow-x-auto hide-scrollbar pb-2 px-4 max-w-full\"><\/div>\n        <span id=\"ta-lightbox-counter\" class=\"text-white\/60 font-body text-xs mt-3 tracking-widest\"><\/span>\n    <\/div>\n<\/div>\n\n<script>\n    window.taImages = [];\n<\/script>\n<!-- end AWA - TripAdvisor Listing -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6f2fb036 elementor-hidden-widescreen elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6f2fb036\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-24ff6706\" data-id=\"24ff6706\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-34c08052 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"34c08052\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<span class=\"elementor-heading-title elementor-size-default\">BIENVENIDOS<\/span>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4864a832 elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"4864a832\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p class=\"p1\">Este exclusivo hotel Boutique, situado en la hermosa Isla Holbox, te ofrece una experiencia \u00fanica de armon\u00eda, comodidad y sofisticaci\u00f3n.\u00a0<\/p><p class=\"p1\">En AWA cada detalle ha sido cuidadosamente considerado para garantizar que tu estad\u00eda sea inolvidable. Perm\u00edtenos ser tu anfitri\u00f3n en esta joya del Caribe Mexicano, donde el lujo se fusiona con la belleza natural en un entorno incomparable.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-39ba8973 elementor-align-center elementor-invisible elementor-widget elementor-widget-button\" data-id=\"39ba8973\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"\/contacto\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">ENVIAR MENSAJE<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-29f9017 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"29f9017\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-fc34db7\" data-id=\"fc34db7\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-34c307c elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"34c307c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Un hotel luxury con las mejores habitaciones en Holbox<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-737580d elementor-widget elementor-widget-text-editor\" data-id=\"737580d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Disfruta de la m\u00e1xima comodidad y relajaci\u00f3n en AWA Holbox, un hotel boutique de lujo de primera categor\u00eda situado en el coraz\u00f3n de la isla de Holbox, Quintana Roo. Nuestras suites, dise\u00f1adas con esmero, combinan la elegancia moderna con el encanto tropical y ofrecen un remanso de paz y privacidad a solo unos minutos de las playas v\u00edrgenes de la isla, del centro de Holbox y de las principales atracciones locales, para que disfrutes de una escapada inolvidable al Caribe mexicano.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-6e81445 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"6e81445\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"make-column-clickable-elementor elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-b86525d elementor-invisible\" style=\"cursor: pointer;\" data-column-clickable=\"\/viento-master-suite\" data-column-clickable-blank=\"_self\" data-id=\"b86525d\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b1df5b4 ekit-equal-height-disable elementor-widget elementor-widget-elementskit-image-box\" data-id=\"b1df5b4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"elementskit-image-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >\n            <div class=\"elementskit-info-image-box ekit-image-box text-left simple-card\" >\n\n                <a href=\"\/viento-master-suite\">\n                <div class=\"elementskit-box-header image-box-img-left\">\n\n                    \n                <\/div>\n                <\/a>\n                <div class=\"elementskit-box-body ekit-image-box-body\">\n                    <div class=\"elementskit-box-content ekit-image-box-body-inner\">\n                                                <h3 class=\"elementskit-info-box-title\">\n\n                        Viento Master Suite\n                        \n                    <\/h3>\n                                                            <div class=\"elementskit-box-style-content\">\n                        Perfecta habitaci\u00f3n con opci\u00f3n de cama King\/Queen size, adem\u00e1s de rooftop privado con sala y ba\u00f1era.                    <\/div>\n                                    <\/div>\n\n                                <div class=\"elementskit-box-footer\">\n                    <div class=\"box-footer\">\n                        <div class=\"btn-wraper\">\n                                                            <a href=\"\/viento-master-suite\" target=\"_blank\" class=\"elementskit-btn whitespace--normal\">\n                                    M\u00e1s Info                                <\/a>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n                            <\/div>\n            <\/div>\n    <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"make-column-clickable-elementor elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-7627c4f elementor-invisible\" style=\"cursor: pointer;\" data-column-clickable=\"\/viento-suite\" data-column-clickable-blank=\"_self\" data-id=\"7627c4f\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-25b7f3c ekit-equal-height-disable elementor-widget elementor-widget-elementskit-image-box\" data-id=\"25b7f3c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"elementskit-image-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >\n            <div class=\"elementskit-info-image-box ekit-image-box text-left simple-card\" >\n\n                <a href=\"\/viento-suite\">\n                <div class=\"elementskit-box-header image-box-img-left\">\n\n                    \n                <\/div>\n                <\/a>\n                <div class=\"elementskit-box-body ekit-image-box-body\">\n                    <div class=\"elementskit-box-content ekit-image-box-body-inner\">\n                                                <h3 class=\"elementskit-info-box-title\">\n\n                        Viento Suite\n                        \n                    <\/h3>\n                                                            <div class=\"elementskit-box-style-content\">\n                        Habitaci\u00f3n de ensue\u00f1o con cama King size, balc\u00f3n privado e incre\u00edbles vistas al mar, un refugio de tranquilidad.                    <\/div>\n                                    <\/div>\n\n                                <div class=\"elementskit-box-footer\">\n                    <div class=\"box-footer\">\n                        <div class=\"btn-wraper\">\n                                                            <a href=\"\/viento-suite\" target=\"_blank\" class=\"elementskit-btn whitespace--normal\">\n                                    M\u00e1s Info                                <\/a>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n                            <\/div>\n            <\/div>\n    <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"make-column-clickable-elementor elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-fb97f63 elementor-invisible\" style=\"cursor: pointer;\" data-column-clickable=\"\/fuego-suite\" data-column-clickable-blank=\"_self\" data-id=\"fb97f63\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-aca6287 ekit-equal-height-disable elementor-widget elementor-widget-elementskit-image-box\" data-id=\"aca6287\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"elementskit-image-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >\n            <div class=\"elementskit-info-image-box ekit-image-box text-left simple-card\" >\n\n                <a href=\"\/fuego-suite\">\n                <div class=\"elementskit-box-header image-box-img-left\">\n\n                    \n                <\/div>\n                <\/a>\n                <div class=\"elementskit-box-body ekit-image-box-body\">\n                    <div class=\"elementskit-box-content ekit-image-box-body-inner\">\n                                                <h3 class=\"elementskit-info-box-title\">\n\n                        Fuego Suite\n                        \n                    <\/h3>\n                                                            <div class=\"elementskit-box-style-content\">\n                        Esta habitaci\u00f3n frente al mar ofrece una experiencia inolvidable con una cama King size y un balc\u00f3n con una ba\u00f1era.                    <\/div>\n                                    <\/div>\n\n                                <div class=\"elementskit-box-footer\">\n                    <div class=\"box-footer\">\n                        <div class=\"btn-wraper\">\n                                                            <a href=\"\/fuego-suite\" target=\"_blank\" class=\"elementskit-btn whitespace--normal\">\n                                    M\u00e1s Info                                <\/a>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n                            <\/div>\n            <\/div>\n    <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-c114461 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"c114461\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-d090165 elementor-hidden-widescreen elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-invisible\" data-id=\"d090165\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-cdfa7f8 ekit-equal-height-disable elementor-widget elementor-widget-elementskit-image-box\" data-id=\"cdfa7f8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"elementskit-image-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >\n            <div class=\"elementskit-info-image-box ekit-image-box text-left simple-card\" >\n\n                <a href=\"\/family-suite\" target=\"_blank\">\n                <div class=\"elementskit-box-header image-box-img-left\">\n\n                    \n                <\/div>\n                <\/a>\n                <div class=\"elementskit-box-body ekit-image-box-body\">\n                    <div class=\"elementskit-box-content ekit-image-box-body-inner\">\n                                                <h5 class=\"elementskit-info-box-title\">\n\n                        Family Suite\n                        \n                    <\/h5>\n                                                            <div class=\"elementskit-box-style-content\">\n                        Esta habitaci\u00f3n familiar en el primer piso combina vanguardia y comodidad, ofreciendo una experiencia imperdible.                    <\/div>\n                                    <\/div>\n\n                                <div class=\"elementskit-box-footer\">\n                    <div class=\"box-footer\">\n                        <div class=\"btn-wraper\">\n                                                            <a href=\"\/family-suite\" target=\"_blank\" class=\"elementskit-btn whitespace--normal\">\n                                    M\u00e1s Info                                <\/a>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n                            <\/div>\n            <\/div>\n    <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"make-column-clickable-elementor elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-b47f788 elementor-invisible\" style=\"cursor: pointer;\" data-column-clickable=\"\/awa-suite\" data-column-clickable-blank=\"_self\" data-id=\"b47f788\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-51c4144 ekit-equal-height-disable elementor-widget elementor-widget-elementskit-image-box\" data-id=\"51c4144\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"elementskit-image-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >\n            <div class=\"elementskit-info-image-box ekit-image-box text-left simple-card\" >\n\n                <a href=\"\/awa-suite\">\n                <div class=\"elementskit-box-header image-box-img-left\">\n\n                    \n                <\/div>\n                <\/a>\n                <div class=\"elementskit-box-body ekit-image-box-body\">\n                    <div class=\"elementskit-box-content ekit-image-box-body-inner\">\n                                                <h3 class=\"elementskit-info-box-title\">\n\n                        AWA Suite\n                        \n                    <\/h3>\n                                                            <div class=\"elementskit-box-style-content\">\n                        Habitaci\u00f3n encantadora con cama King size y balc\u00f3n, ideal para una escapada \u00edntima y revitalizadora.\n                    <\/div>\n                                    <\/div>\n\n                                <div class=\"elementskit-box-footer\">\n                    <div class=\"box-footer\">\n                        <div class=\"btn-wraper\">\n                                                            <a href=\"\/awa-suite\" target=\"_blank\" class=\"elementskit-btn whitespace--normal\">\n                                    M\u00e1s Info                                <\/a>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n                            <\/div>\n            <\/div>\n    <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"make-column-clickable-elementor elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-38a1d60 elementor-invisible\" style=\"cursor: pointer;\" data-column-clickable=\"\/terra-suite\" data-column-clickable-blank=\"_self\" data-id=\"38a1d60\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0b27e58 ekit-equal-height-disable elementor-widget elementor-widget-elementskit-image-box\" data-id=\"0b27e58\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"elementskit-image-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >\n            <div class=\"elementskit-info-image-box ekit-image-box text-left simple-card\" >\n\n                <a href=\"\/terra-suite\">\n                <div class=\"elementskit-box-header image-box-img-left\">\n\n                    \n                <\/div>\n                <\/a>\n                <div class=\"elementskit-box-body ekit-image-box-body\">\n                    <div class=\"elementskit-box-content ekit-image-box-body-inner\">\n                                                <h3 class=\"elementskit-info-box-title\">\n\n                        Terra Suite\n                        \n                    <\/h3>\n                                                            <div class=\"elementskit-box-style-content\">\n                        Incre\u00edble habitaci\u00f3n con opci\u00f3n de cama King\/Queen size y ba\u00f1era en el balc\u00f3n que ofrece una experiencia de viaje inolvidable.                    <\/div>\n                                    <\/div>\n\n                                <div class=\"elementskit-box-footer\">\n                    <div class=\"box-footer\">\n                        <div class=\"btn-wraper\">\n                                                            <a href=\"\/terra-suite\" target=\"_blank\" class=\"elementskit-btn whitespace--normal\">\n                                    M\u00e1s Info                                <\/a>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n                            <\/div>\n            <\/div>\n    <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-cf1e3fc e-flex e-con-boxed e-con e-parent\" data-id=\"cf1e3fc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e7a71cd elementor-widget elementor-widget-ucaddon_awa_services_grid\" data-id=\"e7a71cd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_awa_services_grid.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start AWA - Services Grid -->\n<style>\/* widget: AWA - Services Grid *\/\n\n#services-grid-widget *, #services-grid-widget ::before, #services-grid-widget ::after {\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x:  ;\n  --tw-pan-y:  ;\n  --tw-pinch-zoom:  ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-gradient-from-position:  ;\n  --tw-gradient-via-position:  ;\n  --tw-gradient-to-position:  ;\n  --tw-ordinal:  ;\n  --tw-slashed-zero:  ;\n  --tw-numeric-figure:  ;\n  --tw-numeric-spacing:  ;\n  --tw-numeric-fraction:  ;\n  --tw-ring-inset:  ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgb(59 130 246 \/ 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur:  ;\n  --tw-brightness:  ;\n  --tw-contrast:  ;\n  --tw-grayscale:  ;\n  --tw-hue-rotate:  ;\n  --tw-invert:  ;\n  --tw-saturate:  ;\n  --tw-sepia:  ;\n  --tw-drop-shadow:  ;\n  --tw-backdrop-blur:  ;\n  --tw-backdrop-brightness:  ;\n  --tw-backdrop-contrast:  ;\n  --tw-backdrop-grayscale:  ;\n  --tw-backdrop-hue-rotate:  ;\n  --tw-backdrop-invert:  ;\n  --tw-backdrop-opacity:  ;\n  --tw-backdrop-saturate:  ;\n  --tw-backdrop-sepia:  ;\n  --tw-contain-size:  ;\n  --tw-contain-layout:  ;\n  --tw-contain-paint:  ;\n  --tw-contain-style:  ;\n}\n\n#services-grid-widget ::backdrop {\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x:  ;\n  --tw-pan-y:  ;\n  --tw-pinch-zoom:  ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-gradient-from-position:  ;\n  --tw-gradient-via-position:  ;\n  --tw-gradient-to-position:  ;\n  --tw-ordinal:  ;\n  --tw-slashed-zero:  ;\n  --tw-numeric-figure:  ;\n  --tw-numeric-spacing:  ;\n  --tw-numeric-fraction:  ;\n  --tw-ring-inset:  ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgb(59 130 246 \/ 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur:  ;\n  --tw-brightness:  ;\n  --tw-contrast:  ;\n  --tw-grayscale:  ;\n  --tw-hue-rotate:  ;\n  --tw-invert:  ;\n  --tw-saturate:  ;\n  --tw-sepia:  ;\n  --tw-drop-shadow:  ;\n  --tw-backdrop-blur:  ;\n  --tw-backdrop-brightness:  ;\n  --tw-backdrop-contrast:  ;\n  --tw-backdrop-grayscale:  ;\n  --tw-backdrop-hue-rotate:  ;\n  --tw-backdrop-invert:  ;\n  --tw-backdrop-opacity:  ;\n  --tw-backdrop-saturate:  ;\n  --tw-backdrop-sepia:  ;\n  --tw-contain-size:  ;\n  --tw-contain-layout:  ;\n  --tw-contain-paint:  ;\n  --tw-contain-style:  ;\n}\n\n\/*\n! tailwindcss v3.4.19 | MIT License | https:\/\/tailwindcss.com\n*\/\n\n\/*\n1. Prevent padding and border from affecting element width. (https:\/\/github.com\/mozdevs\/cssremedy\/issues\/4)\n2. Allow adding a border to an element by just adding a border-width. (https:\/\/github.com\/tailwindcss\/tailwindcss\/pull\/116)\n*\/\n\n*,\n::before,\n#services-grid-widget ::after {\n  box-sizing: border-box;\n  \/* 1 *\/\n  border-width: 0;\n  \/* 2 *\/\n  border-style: solid;\n  \/* 2 *\/\n  border-color: #e5e7eb;\n  \/* 2 *\/\n}\n\n::before,\n#services-grid-widget ::after {\n  --tw-content: '';\n}\n\n\/*\n1. Use a consistent sensible line-height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n3. Use a more readable tab size.\n4. Use the user's configured `sans` font-family by default.\n5. Use the user's configured `sans` font-feature-settings by default.\n6. Use the user's configured `sans` font-variation-settings by default.\n7. Disable tap highlights on iOS\n*\/\n\nhtml,\n#services-grid-widget :host {\n  line-height: 1.5;\n  \/* 1 *\/\n  -webkit-text-size-adjust: 100%;\n  \/* 2 *\/\n  -moz-tab-size: 4;\n  \/* 3 *\/\n  -o-tab-size: 4;\n     tab-size: 4;\n  \/* 3 *\/\n  font-family: ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  \/* 4 *\/\n  font-feature-settings: normal;\n  \/* 5 *\/\n  font-variation-settings: normal;\n  \/* 6 *\/\n  -webkit-tap-highlight-color: transparent;\n  \/* 7 *\/\n}\n\n\/*\n1. Remove the margin in all browsers.\n2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.\n*\/\n\n#services-grid-widget body {\n  margin: 0;\n  \/* 1 *\/\n  line-height: inherit;\n  \/* 2 *\/\n}\n\n\/*\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https:\/\/bugzilla.mozilla.org\/show_bug.cgi?id=190655)\n3. Ensure horizontal rules are visible by default.\n*\/\n\n#services-grid-widget hr {\n  height: 0;\n  \/* 1 *\/\n  color: inherit;\n  \/* 2 *\/\n  border-top-width: 1px;\n  \/* 3 *\/\n}\n\n\/*\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*\/\n\n#services-grid-widget abbr:where([title]) {\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted;\n}\n\n\/*\nRemove the default font size and weight for headings.\n*\/\n\nh1,\nh2,\nh3,\nh4,\nh5,\n#services-grid-widget h6 {\n  font-size: inherit;\n  font-weight: inherit;\n}\n\n\/*\nReset links to optimize for opt-in styling instead of opt-out.\n*\/\n\n#services-grid-widget a {\n  color: inherit;\n  text-decoration: inherit;\n}\n\n\/*\nAdd the correct font weight in Edge and Safari.\n*\/\n\nb,\n#services-grid-widget strong {\n  font-weight: bolder;\n}\n\n\/*\n1. Use the user's configured `mono` font-family by default.\n2. Use the user's configured `mono` font-feature-settings by default.\n3. Use the user's configured `mono` font-variation-settings by default.\n4. Correct the odd `em` font sizing in all browsers.\n*\/\n\ncode,\nkbd,\nsamp,\n#services-grid-widget pre {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n  \/* 1 *\/\n  font-feature-settings: normal;\n  \/* 2 *\/\n  font-variation-settings: normal;\n  \/* 3 *\/\n  font-size: 1em;\n  \/* 4 *\/\n}\n\n\/*\nAdd the correct font size in all browsers.\n*\/\n\n#services-grid-widget small {\n  font-size: 80%;\n}\n\n\/*\nPrevent `sub` and `sup` elements from affecting the line height in all browsers.\n*\/\n\nsub,\n#services-grid-widget sup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\n#services-grid-widget sub {\n  bottom: -0.25em;\n}\n\n#services-grid-widget sup {\n  top: -0.5em;\n}\n\n\/*\n1. Remove text indentation from table contents in Chrome and Safari. (https:\/\/bugs.chromium.org\/p\/chromium\/issues\/detail?id=999088, https:\/\/bugs.webkit.org\/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in all Chrome and Safari. (https:\/\/bugs.chromium.org\/p\/chromium\/issues\/detail?id=935729, https:\/\/bugs.webkit.org\/show_bug.cgi?id=195016)\n3. Remove gaps between table borders by default.\n*\/\n\n#services-grid-widget table {\n  text-indent: 0;\n  \/* 1 *\/\n  border-color: inherit;\n  \/* 2 *\/\n  border-collapse: collapse;\n  \/* 3 *\/\n}\n\n\/*\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n3. Remove default padding in all browsers.\n*\/\n\nbutton,\ninput,\noptgroup,\nselect,\n#services-grid-widget textarea {\n  font-family: inherit;\n  \/* 1 *\/\n  font-feature-settings: inherit;\n  \/* 1 *\/\n  font-variation-settings: inherit;\n  \/* 1 *\/\n  font-size: 100%;\n  \/* 1 *\/\n  font-weight: inherit;\n  \/* 1 *\/\n  line-height: inherit;\n  \/* 1 *\/\n  letter-spacing: inherit;\n  \/* 1 *\/\n  color: inherit;\n  \/* 1 *\/\n  margin: 0;\n  \/* 2 *\/\n  padding: 0;\n  \/* 3 *\/\n}\n\n\/*\nRemove the inheritance of text transform in Edge and Firefox.\n*\/\n\nbutton,\n#services-grid-widget select {\n  text-transform: none;\n}\n\n\/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Remove default button styles.\n*\/\n\nbutton,\ninput:where([type='button']),\ninput:where([type='reset']),\n#services-grid-widget input:where([type='submit']) {\n  -webkit-appearance: button;\n  \/* 1 *\/\n  background-color: transparent;\n  \/* 2 *\/\n  background-image: none;\n  \/* 2 *\/\n}\n\n\/*\nUse the modern Firefox focus style for all focusable elements.\n*\/\n\n#services-grid-widget :-moz-focusring {\n  outline: auto;\n}\n\n\/*\nRemove the additional `:invalid` styles in Firefox. (https:\/\/github.com\/mozilla\/gecko-dev\/blob\/2f9eacd9d3d995c937b4251a5557d95d494c9be1\/layout\/style\/res\/forms.css#L728-L737)\n*\/\n\n#services-grid-widget :-moz-ui-invalid {\n  box-shadow: none;\n}\n\n\/*\nAdd the correct vertical alignment in Chrome and Firefox.\n*\/\n\n#services-grid-widget progress {\n  vertical-align: baseline;\n}\n\n\/*\nCorrect the cursor style of increment and decrement buttons in Safari.\n*\/\n\n::-webkit-inner-spin-button,\n#services-grid-widget ::-webkit-outer-spin-button {\n  height: auto;\n}\n\n\/*\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*\/\n\n#services-grid-widget [type='search'] {\n  -webkit-appearance: textfield;\n  \/* 1 *\/\n  outline-offset: -2px;\n  \/* 2 *\/\n}\n\n\/*\nRemove the inner padding in Chrome and Safari on macOS.\n*\/\n\n#services-grid-widget ::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n\/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to `inherit` in Safari.\n*\/\n\n#services-grid-widget ::-webkit-file-upload-button {\n  -webkit-appearance: button;\n  \/* 1 *\/\n  font: inherit;\n  \/* 2 *\/\n}\n\n\/*\nAdd the correct display in Chrome and Safari.\n*\/\n\n#services-grid-widget summary {\n  display: list-item;\n}\n\n\/*\nRemoves the default spacing and border for appropriate elements.\n*\/\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\n#services-grid-widget pre {\n  margin: 0;\n}\n\n#services-grid-widget fieldset {\n  margin: 0;\n  padding: 0;\n}\n\n#services-grid-widget legend {\n  padding: 0;\n}\n\nol,\nul,\n#services-grid-widget menu {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n\/*\nReset default styling for dialogs.\n*\/\n\n#services-grid-widget dialog {\n  padding: 0;\n}\n\n\/*\nPrevent resizing textareas horizontally by default.\n*\/\n\n#services-grid-widget textarea {\n  resize: vertical;\n}\n\n\/*\n1. Reset the default placeholder opacity in Firefox. (https:\/\/github.com\/tailwindlabs\/tailwindcss\/issues\/3300)\n2. Set the default placeholder color to the user's configured gray 400 color.\n*\/\n\n#services-grid-widget input::-moz-placeholder, #services-grid-widget textarea::-moz-placeholder {\n  opacity: 1;\n  \/* 1 *\/\n  color: #9ca3af;\n  \/* 2 *\/\n}\n\ninput::placeholder,\n#services-grid-widget textarea::placeholder {\n  opacity: 1;\n  \/* 1 *\/\n  color: #9ca3af;\n  \/* 2 *\/\n}\n\n\/*\nSet the default cursor for buttons.\n*\/\n\nbutton,\n#services-grid-widget [role=\"button\"] {\n  cursor: pointer;\n}\n\n\/*\nMake sure disabled buttons don't get the pointer cursor.\n*\/\n\n#services-grid-widget :disabled {\n  cursor: default;\n}\n\n\/*\n1. Make replaced elements `display: block` by default. (https:\/\/github.com\/mozdevs\/cssremedy\/issues\/14)\n2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https:\/\/github.com\/jensimmons\/cssremedy\/issues\/14#issuecomment-634934210)\n   This can trigger a poorly considered lint error in some tools but is included by design.\n*\/\n\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\n#services-grid-widget object {\n  display: block;\n  \/* 1 *\/\n  vertical-align: middle;\n  \/* 2 *\/\n}\n\n\/*\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https:\/\/github.com\/mozdevs\/cssremedy\/issues\/14)\n*\/\n\nimg,\n#services-grid-widget video {\n  max-width: 100%;\n  height: auto;\n}\n\n\/* Make elements with the HTML hidden attribute stay hidden by default *\/\n\n#services-grid-widget [hidden]:where(:not([hidden=\"until-found\"])) {\n  display: none;\n}\n\n#services-grid-widget .mx-auto {\n  margin-left: auto;\n  margin-right: auto;\n}\n\n#services-grid-widget .mb-16 {\n  margin-bottom: 4rem;\n}\n\n#services-grid-widget .mb-4 {\n  margin-bottom: 1rem;\n}\n\n#services-grid-widget .mb-6 {\n  margin-bottom: 1.5rem;\n}\n\n#services-grid-widget .mt-1 {\n  margin-top: 0.25rem;\n}\n\n#services-grid-widget .mt-16 {\n  margin-top: 4rem;\n}\n\n#services-grid-widget .inline-block {\n  display: inline-block;\n}\n\n#services-grid-widget .flex {\n  display: flex;\n}\n\n#services-grid-widget .w-\\[80vw\\] {\n  width: 80vw;\n}\n\n#services-grid-widget .w-full {\n  width: 100%;\n}\n\n#services-grid-widget .max-w-3xl {\n  max-width: 48rem;\n}\n\n#services-grid-widget .max-w-7xl {\n  max-width: 80rem;\n}\n\n#services-grid-widget .shrink-0 {\n  flex-shrink: 0;\n}\n\n#services-grid-widget .snap-x {\n  scroll-snap-type: x var(--tw-scroll-snap-strictness);\n}\n\n#services-grid-widget .snap-mandatory {\n  --tw-scroll-snap-strictness: mandatory;\n}\n\n#services-grid-widget .snap-start {\n  scroll-snap-align: start;\n}\n\n#services-grid-widget .flex-col {\n  flex-direction: column;\n}\n\n#services-grid-widget .justify-center {\n  justify-content: center;\n}\n\n#services-grid-widget .justify-between {\n  justify-content: space-between;\n}\n\n#services-grid-widget .gap-3 {\n  gap: 0.75rem;\n}\n\n#services-grid-widget .overflow-x-auto {\n  overflow-x: auto;\n}\n\n#services-grid-widget .rounded-\\[12px\\] {\n  border-radius: 12px;\n}\n\n#services-grid-widget .rounded-button {\n  border-radius: 24px;\n}\n\n#services-grid-widget .border {\n  border-width: 1px;\n}\n\n#services-grid-widget .border-gray-200\\\/50 {\n  border-color: rgb(229 231 235 \/ 0.5);\n}\n\n#services-grid-widget .bg-brand-accent {\n  --tw-bg-opacity: 1;\n  background-color: rgb(69 82 80 \/ var(--tw-bg-opacity, 1));\n}\n\n#services-grid-widget .p-6 {\n  padding: 1.5rem;\n}\n\n#services-grid-widget .px-10 {\n  padding-left: 2.5rem;\n  padding-right: 2.5rem;\n}\n\n#services-grid-widget .px-6 {\n  padding-left: 1.5rem;\n  padding-right: 1.5rem;\n}\n\n#services-grid-widget .py-4 {\n  padding-top: 1rem;\n  padding-bottom: 1rem;\n}\n\n#services-grid-widget .pb-2 {\n  padding-bottom: 0.5rem;\n}\n\n#services-grid-widget .text-center {\n  text-align: center;\n}\n\n#services-grid-widget .font-body {\n  font-family: \"Comfortaa\", cursive, sans-serif;\n}\n\n#services-grid-widget .font-heading {\n  font-family: \"Quattrocento Sans\", sans-serif;\n}\n\n#services-grid-widget .text-\\[30px\\] {\n  font-size: 30px;\n}\n\n#services-grid-widget .text-lg {\n  font-size: 1.125rem;\n  line-height: 1.75rem;\n}\n\n#services-grid-widget .text-sm {\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n}\n\n#services-grid-widget .font-bold {\n  font-weight: 700;\n}\n\n#services-grid-widget .leading-relaxed {\n  line-height: 1.625;\n}\n\n#services-grid-widget .text-brand-black {\n  --tw-text-opacity: 1;\n  color: rgb(0 0 0 \/ var(--tw-text-opacity, 1));\n}\n\n#services-grid-widget .text-brand-text\\\/80 {\n  color: rgb(30 30 30 \/ 0.8);\n}\n\n#services-grid-widget .text-white {\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 \/ var(--tw-text-opacity, 1));\n}\n\n#services-grid-widget .shadow-glow {\n  --tw-shadow: 0 10px 25px -5px rgba(69, 82, 80, 0.2);\n  --tw-shadow-colored: 0 10px 25px -5px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n#services-grid-widget .shadow-sm {\n  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 \/ 0.05);\n  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n#services-grid-widget .outline {\n  outline-style: solid;\n}\n\n#services-grid-widget .transition-all {\n  transition-property: all;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n\n#services-grid-widget .transition-colors {\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n\n#services-grid-widget .duration-300 {\n  transition-duration: 300ms;\n}\n\n#services-grid-widget .hover\\:bg-brand-black:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(0 0 0 \/ var(--tw-bg-opacity, 1));\n}\n\n#services-grid-widget .hover\\:text-brand-accent:hover {\n  --tw-text-opacity: 1;\n  color: rgb(69 82 80 \/ var(--tw-text-opacity, 1));\n}\n\n#services-grid-widget .focus\\:outline-none:focus {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n\n@media (min-width: 640px) {\n  #services-grid-widget .sm\\:w-\\[280px\\] {\n    width: 280px;\n  }\n}\n\n@media (min-width: 768px) {\n  #services-grid-widget .md\\:mb-24 {\n    margin-bottom: 6rem;\n  }\n\n  #services-grid-widget .md\\:grid {\n    display: grid;\n  }\n\n  #services-grid-widget .md\\:hidden {\n    display: none;\n  }\n\n  #services-grid-widget .md\\:w-auto {\n    width: auto;\n  }\n\n  #services-grid-widget .md\\:shrink {\n    flex-shrink: 1;\n  }\n\n  #services-grid-widget .md\\:grid-cols-2 {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  #services-grid-widget .md\\:gap-0 {\n    gap: 0px;\n  }\n\n  #services-grid-widget .md\\:rounded-none {\n    border-radius: 0px;\n  }\n\n  #services-grid-widget .md\\:border-0 {\n    border-width: 0px;\n  }\n\n  #services-grid-widget .md\\:border-b {\n    border-bottom-width: 1px;\n  }\n\n  #services-grid-widget .md\\:border-b-0 {\n    border-bottom-width: 0px;\n  }\n\n  #services-grid-widget .md\\:border-r {\n    border-right-width: 1px;\n  }\n\n  #services-grid-widget .md\\:border-gray-300\\\/70 {\n    border-color: rgb(209 213 219 \/ 0.7);\n  }\n\n  #services-grid-widget .md\\:bg-transparent {\n    background-color: transparent;\n  }\n\n  #services-grid-widget .md\\:p-0 {\n    padding: 0px;\n  }\n\n  #services-grid-widget .md\\:px-12 {\n    padding-left: 3rem;\n    padding-right: 3rem;\n  }\n\n  #services-grid-widget .md\\:px-6 {\n    padding-left: 1.5rem;\n    padding-right: 1.5rem;\n  }\n\n  #services-grid-widget .md\\:py-8 {\n    padding-top: 2rem;\n    padding-bottom: 2rem;\n  }\n\n  #services-grid-widget .md\\:pb-0 {\n    padding-bottom: 0px;\n  }\n\n  #services-grid-widget .md\\:pl-6 {\n    padding-left: 1.5rem;\n  }\n\n  #services-grid-widget .md\\:pr-6 {\n    padding-right: 1.5rem;\n  }\n\n  #services-grid-widget .md\\:text-\\[40px\\] {\n    font-size: 40px;\n  }\n\n  #services-grid-widget .md\\:shadow-none {\n    --tw-shadow: 0 0 #0000;\n    --tw-shadow-colored: 0 0 #0000;\n    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n  }\n}\n\n@media (min-width: 1024px) {\n  @media (min-width: 768px) {\n    #services-grid-widget .lg\\:md\\:border-b-0 {\n      border-bottom-width: 0px;\n    }\n  }\n\n  #services-grid-widget .lg\\:grid-cols-4 {\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n  }\n\n  #services-grid-widget .lg\\:border-r {\n    border-right-width: 1px;\n  }\n\n  #services-grid-widget .lg\\:px-8 {\n    padding-left: 2rem;\n    padding-right: 2rem;\n  }\n\n  #services-grid-widget .lg\\:pl-8 {\n    padding-left: 2rem;\n  }\n\n  #services-grid-widget .lg\\:pr-8 {\n    padding-right: 2rem;\n  }\n}\n\n\/* --- CSS propio del widget (no es de Tailwind) --- *\/\n\/* Ocultar barra de scroll para el carrusel de servicios en m\u00f3viles *\/\n@media (max-width: 767px) {\n    #services-grid-widget .services-carousel::-webkit-scrollbar {\n        display: none !important;\n    }\n    #services-grid-widget .services-carousel {\n        -ms-overflow-style: none !important;\n        scrollbar-width: none !important;\n    }\n}\n\n<\/style>\n\n<section id=\"services-grid-widget\" class=\" \">\n    <div class=\"max-w-7xl mx-auto px-6 md:px-12\">\n\n        <!-- Header -->\n        <div class=\"text-center max-w-3xl mx-auto mb-16 md:mb-24\">\n            <h2 class=\"font-heading text-[30px] md:text-[40px] text-brand-black mb-6\">Servicios de Hotel Boutique dise\u00f1ados en torno a tu estancia en Holbox<\/h2>\n                        <p class=\"font-body text-brand-text\/80 leading-relaxed text-lg\">\n                En AWA Holbox, cada servicio existe para eliminar cualquier contratiempo de tu viaje. Garantizamos que desde el momento en que aterrizas en Canc\u00fan hasta el momento en que, a rega\u00f1adientes, haces el check-out.\n            <\/p>\n                    <\/div>\n\n             <!-- Contenedor: Carrusel Flex en m\u00f3vil, Grid en Desktop -->\n        <div id=\"services-carousel\" class=\"services-carousel flex overflow-x-auto snap-x snap-mandatory md:grid md:grid-cols-2 lg:grid-cols-4 w-full gap-3 md:gap-0 pb-2 md:pb-0\">\n            <!-- Inyecci\u00f3n de los \u00edtems -->\n            <!-- Calcular clases de bordes personalizadas exclusivas para Desktop (md:) -->\n\n    \n<!-- Tarjeta: Ancho fijo y dise\u00f1o de card en m\u00f3viles, autoadaptable en Desktop -->\n<div class=\"w-[80vw] sm:w-[280px] md:w-auto shrink-0 md:shrink snap-start md:py-8 md:pr-6 lg:pr-8 md:border-b md:border-gray-300\/70 md:border-r p-6 md:p-0  md:bg-transparent rounded-[12px] md:rounded-none border border-gray-200\/50 md:border-0 shadow-sm md:shadow-none flex flex-col justify-between\">\n    <div>\n        <div class=\"font-heading font-bold text-lg mb-4 text-brand-black\" style=\"color: #000000 !important; font-size: 18px !important;\">Traslado desde el aeropuerto<\/div>\n        <p class=\"font-body text-sm text-brand-text\/80 leading-relaxed\">Transporte privado desde el Aeropuerto Internacional de Canc\u00fan (CUN) hasta el hotel y de regreso, incluyendo el cruce en ferry y el traslado en taxi hasta Holbox.<\/p>\n    <\/div>\n<\/div>\n<!-- Calcular clases de bordes personalizadas exclusivas para Desktop (md:) -->\n\n    \n<!-- Tarjeta: Ancho fijo y dise\u00f1o de card en m\u00f3viles, autoadaptable en Desktop -->\n<div class=\"w-[80vw] sm:w-[280px] md:w-auto shrink-0 md:shrink snap-start md:py-8 md:pl-6 lg:px-8 md:border-b md:border-gray-300\/70 lg:border-r p-6 md:p-0  md:bg-transparent rounded-[12px] md:rounded-none border border-gray-200\/50 md:border-0 shadow-sm md:shadow-none flex flex-col justify-between\">\n    <div>\n        <div class=\"font-heading font-bold text-lg mb-4 text-brand-black\" style=\"color: #000000 !important; font-size: 18px !important;\">Asistencia con el equipaje<\/div>\n        <p class=\"font-body text-sm text-brand-text\/80 leading-relaxed\">A tu llegada al hotel, nuestro equipo te asistir\u00e1 con tu equipaje y lo llevar\u00e1 directamente hasta la habitaci\u00f3n.<\/p>\n    <\/div>\n<\/div>\n<!-- Calcular clases de bordes personalizadas exclusivas para Desktop (md:) -->\n\n    \n<!-- Tarjeta: Ancho fijo y dise\u00f1o de card en m\u00f3viles, autoadaptable en Desktop -->\n<div class=\"w-[80vw] sm:w-[280px] md:w-auto shrink-0 md:shrink snap-start md:py-8 md:pr-6 lg:px-8 md:border-b md:border-gray-300\/70 md:border-r p-6 md:p-0  md:bg-transparent rounded-[12px] md:rounded-none border border-gray-200\/50 md:border-0 shadow-sm md:shadow-none flex flex-col justify-between\">\n    <div>\n        <div class=\"font-heading font-bold text-lg mb-4 text-brand-black\" style=\"color: #000000 !important; font-size: 18px !important;\">Servicio a la habitaci\u00f3n<\/div>\n        <p class=\"font-body text-sm text-brand-text\/80 leading-relaxed\">Selecci\u00f3n de platillos disponibles en la comodidad de tu suite.<\/p>\n    <\/div>\n<\/div>\n<!-- Calcular clases de bordes personalizadas exclusivas para Desktop (md:) -->\n\n    \n<!-- Tarjeta: Ancho fijo y dise\u00f1o de card en m\u00f3viles, autoadaptable en Desktop -->\n<div class=\"w-[80vw] sm:w-[280px] md:w-auto shrink-0 md:shrink snap-start md:py-8 md:pl-6 lg:pl-8 md:border-b md:border-gray-300\/70 p-6 md:p-0  md:bg-transparent rounded-[12px] md:rounded-none border border-gray-200\/50 md:border-0 shadow-sm md:shadow-none flex flex-col justify-between\">\n    <div>\n        <div class=\"font-heading font-bold text-lg mb-4 text-brand-black\" style=\"color: #000000 !important; font-size: 18px !important;\">Servicios de bienestar y spa<\/div>\n        <p class=\"font-body text-sm text-brand-text\/80 leading-relaxed\">Masajes y tratamientos de bienestar disponibles bajo petici\u00f3n en el hotel.<\/p>\n    <\/div>\n<\/div>\n<!-- Calcular clases de bordes personalizadas exclusivas para Desktop (md:) -->\n\n    \n<!-- Tarjeta: Ancho fijo y dise\u00f1o de card en m\u00f3viles, autoadaptable en Desktop -->\n<div class=\"w-[80vw] sm:w-[280px] md:w-auto shrink-0 md:shrink snap-start md:py-8 md:pr-6 lg:pr-8 lg:md:border-b-0 md:border-gray-300\/70 md:border-r p-6 md:p-0  md:bg-transparent rounded-[12px] md:rounded-none border border-gray-200\/50 md:border-0 shadow-sm md:shadow-none flex flex-col justify-between\">\n    <div>\n        <div class=\"font-heading font-bold text-lg mb-4 text-brand-black\" style=\"color: #000000 !important; font-size: 18px !important;\">Planeaci\u00f3n de eventos y bodas<\/div>\n        <p class=\"font-body text-sm text-brand-text\/80 leading-relaxed\">Coordinaci\u00f3n integral para bodas de destino, lunas de miel y celebraciones privadas en la isla.\n<\/p>\n    <\/div>\n<\/div>\n<!-- Calcular clases de bordes personalizadas exclusivas para Desktop (md:) -->\n\n    \n<!-- Tarjeta: Ancho fijo y dise\u00f1o de card en m\u00f3viles, autoadaptable en Desktop -->\n<div class=\"w-[80vw] sm:w-[280px] md:w-auto shrink-0 md:shrink snap-start md:py-8 md:pl-6 lg:px-8 lg:md:border-b-0 md:border-gray-300\/70 lg:border-r p-6 md:p-0  md:bg-transparent rounded-[12px] md:rounded-none border border-gray-200\/50 md:border-0 shadow-sm md:shadow-none flex flex-col justify-between\">\n    <div>\n        <div class=\"font-heading font-bold text-lg mb-4 text-brand-black\" style=\"color: #000000 !important; font-size: 18px !important;\">Sesiones de fotograf\u00eda<\/div>\n        <p class=\"font-body text-sm text-brand-text\/80 leading-relaxed\">Paquetes de fotograf\u00eda profesional para capturar tu estancia en Holbox.\n<\/p>\n    <\/div>\n<\/div>\n<!-- Calcular clases de bordes personalizadas exclusivas para Desktop (md:) -->\n\n    \n<!-- Tarjeta: Ancho fijo y dise\u00f1o de card en m\u00f3viles, autoadaptable en Desktop -->\n<div class=\"w-[80vw] sm:w-[280px] md:w-auto shrink-0 md:shrink snap-start md:py-8 md:pr-6 lg:px-8 md:border-b-0 md:border-gray-300\/70 md:border-r p-6 md:p-0  md:bg-transparent rounded-[12px] md:rounded-none border border-gray-200\/50 md:border-0 shadow-sm md:shadow-none flex flex-col justify-between\">\n    <div>\n        <div class=\"font-heading font-bold text-lg mb-4 text-brand-black\" style=\"color: #000000 !important; font-size: 18px !important;\">Concierge y reserva de tours<\/div>\n        <p class=\"font-body text-sm text-brand-text\/80 leading-relaxed\">El equipo de AWA se encarga de las reservaciones para tours de nado con tibur\u00f3n ballena, excursiones de bioluminiscencia y todas las experiencias en la isla.<\/p>\n    <\/div>\n<\/div>\n\n        <\/div>\n\n        <!-- Flechas de navegaci\u00f3n sutiles (Solo visibles en m\u00f3viles\/tablets) -->\n        <div class=\"flex justify-center gap-3 mt-1 md:hidden\">\n            <button aria-label=\"Previous Service\" class=\"services-prev text-brand-black hover:text-brand-accent transition-all duration-300 focus:outline-none\" style=\"background: transparent !important; border: none !important; box-shadow: none !important; border-radius: 0 !important; padding: 0 !important; width: auto !important; height: auto !important; margin: 0 !important; outline: none !important;\">\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"stroke: #000000 !important;\"><line x1=\"19\" y1=\"12\" x2=\"5\" y2=\"12\"><\/line><polyline points=\"12 19 5 12 12 5\"><\/polyline><\/svg>\n            <\/button>\n            <button aria-label=\"Next Service\" class=\"services-next text-brand-black hover:text-brand-accent transition-all duration-300 focus:outline-none\" style=\"background: transparent !important; border: none !important; box-shadow: none !important; border-radius: 0 !important; padding: 0 !important; width: auto !important; height: auto !important; margin: 0 !important; outline: none !important;\">\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"stroke: #000000 !important;\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\n            <\/button>\n        <\/div>\n\n        <!-- CTA Bot\u00f3n -->\n                <div class=\"mt-16 text-center\">\n            <a href=\"#form\" style=\"background-color:#455250;border-radius:20px;color:white;\" class=\"inline-block bg-brand-accent text-white px-10 py-4 rounded-button font-heading font-bold text-lg hover:bg-brand-black transition-colors shadow-glow\">\n                Ponte en contacto para planificar tu estancia\n            <\/a>\n        <\/div>\n        \n    <\/div>\n<\/section>\n<!-- end AWA - Services Grid -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-677d18ed elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"677d18ed\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1dc6787a\" data-id=\"1dc6787a\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2597cf18 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"2597cf18\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Servicios de lujo y comodidades en  Holbox<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f2ca4c9 elementor-widget elementor-widget-text-editor\" data-id=\"f2ca4c9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Haz que tu estancia en AWA Holbox sea a\u00fan m\u00e1s especial con nuestras exclusivas comodidades de estilo boutique, dise\u00f1adas para brindarte la m\u00e1xima relajaci\u00f3n en el Caribe mexicano. Disfruta de nuestra refrescante piscina al aire libre, de las tranquilas zonas de descanso y de los servicios de conserjer\u00eda personalizados, pensados para ayudarte a descubrir lo mejor de la isla de Holbox: desde playas locales v\u00edrgenes hasta inolvidables excursiones para contemplar la bioluminiscencia y avistar tiburones ballena, todo ello desde nuestro lujoso refugio.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-18fd0a12 elementor-section-full_width elementor-hidden-mobile elementor-section-height-default elementor-section-height-default\" data-id=\"18fd0a12\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"make-column-clickable-elementor elementor-column elementor-col-25 elementor-inner-column elementor-element elementor-element-3642d352 elementor-invisible\" style=\"cursor: pointer;\" data-column-clickable=\"\/gastronomia\" data-column-clickable-blank=\"_self\" data-id=\"3642d352\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2460fe4d ekit-equal-height-disable elementor-widget elementor-widget-elementskit-image-box\" data-id=\"2460fe4d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"elementskit-image-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >\n            <div class=\"elementskit-info-image-box ekit-image-box text-left simple-card\" >\n\n                <a href=\"\/gastronomia\" target=\"_blank\">\n                <div class=\"elementskit-box-header image-box-img-left\">\n\n                    \n                <\/div>\n                <\/a>\n                <div class=\"elementskit-box-body ekit-image-box-body\">\n                    <div class=\"elementskit-box-content ekit-image-box-body-inner\">\n                                                <h3 class=\"elementskit-info-box-title\">\n\n                        Gastronom\u00eda\n                        \n                    <\/h3>\n                                                            <div class=\"elementskit-box-style-content\">\n                        Deleita a tu paladar con nuestras propuestas culinarias.                    <\/div>\n                                    <\/div>\n\n                                <div class=\"elementskit-box-footer\">\n                    <div class=\"box-footer\">\n                        <div class=\"btn-wraper\">\n                                                            <a href=\"\/gastronomia\" class=\"elementskit-btn whitespace--normal\">\n                                    Leer m\u00e1s                                <\/a>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n                            <\/div>\n            <\/div>\n    <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"make-column-clickable-elementor elementor-column elementor-col-25 elementor-inner-column elementor-element elementor-element-30ee7843 elementor-invisible\" style=\"cursor: pointer;\" data-column-clickable=\"\/experiencias\" data-column-clickable-blank=\"_self\" data-id=\"30ee7843\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;,&quot;animation_delay&quot;:200}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5e0d6638 ekit-equal-height-disable elementor-widget elementor-widget-elementskit-image-box\" data-id=\"5e0d6638\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"elementskit-image-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >\n            <div class=\"elementskit-info-image-box ekit-image-box text-left simple-card\" >\n\n                <a href=\"\/experiencias\">\n                <div class=\"elementskit-box-header image-box-img-left\">\n\n                    \n                <\/div>\n                <\/a>\n                <div class=\"elementskit-box-body ekit-image-box-body\">\n                    <div class=\"elementskit-box-content ekit-image-box-body-inner\">\n                                                <h3 class=\"elementskit-info-box-title\">\n\n                        AWA Experiencias\n                        \n                    <\/h3>\n                                                            <div class=\"elementskit-box-style-content\">\n                        \u00bfTienes alguna actividad planeada? Explora holbox con nosotros.                    <\/div>\n                                    <\/div>\n\n                                <div class=\"elementskit-box-footer\">\n                    <div class=\"box-footer\">\n                        <div class=\"btn-wraper\">\n                                                            <a href=\"\/experiencias\" target=\"_blank\" class=\"elementskit-btn whitespace--normal\">\n                                    Leer M\u00e1s                                <\/a>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n                            <\/div>\n            <\/div>\n    <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"make-column-clickable-elementor elementor-column elementor-col-25 elementor-inner-column elementor-element elementor-element-9b64522 elementor-invisible\" style=\"cursor: pointer;\" data-column-clickable=\"\/experiencias\" data-column-clickable-blank=\"_self\" data-id=\"9b64522\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;,&quot;animation_delay&quot;:400}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1c9b5a33 ekit-equal-height-disable elementor-widget elementor-widget-elementskit-image-box\" data-id=\"1c9b5a33\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"elementskit-image-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >\n            <div class=\"elementskit-info-image-box ekit-image-box text-left simple-card\" >\n\n                <a href=\"\/eventos\">\n                <div class=\"elementskit-box-header image-box-img-left\">\n\n                    \n                <\/div>\n                <\/a>\n                <div class=\"elementskit-box-body ekit-image-box-body\">\n                    <div class=\"elementskit-box-content ekit-image-box-body-inner\">\n                                                <h3 class=\"elementskit-info-box-title\">\n\n                        Bodas y Eventos\n                        \n                    <\/h3>\n                                                            <div class=\"elementskit-box-style-content\">\n                        En AWA los sue\u00f1os se hacen realidad, en el escenario perfecto junto al mar.                     <\/div>\n                                    <\/div>\n\n                                <div class=\"elementskit-box-footer\">\n                    <div class=\"box-footer\">\n                        <div class=\"btn-wraper\">\n                                                            <a href=\"\/eventos\" target=\"_blank\" class=\"elementskit-btn whitespace--normal\">\n                                    Leer M\u00e1s                                <\/a>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n                            <\/div>\n            <\/div>\n    <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"make-column-clickable-elementor elementor-column elementor-col-25 elementor-inner-column elementor-element elementor-element-fc6a429 elementor-invisible\" style=\"cursor: pointer;\" data-column-clickable=\"\/gastronomia\" data-column-clickable-blank=\"_self\" data-id=\"fc6a429\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;,&quot;animation_delay&quot;:400}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f0b64c9 ekit-equal-height-disable elementor-widget elementor-widget-elementskit-image-box\" data-id=\"f0b64c9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"elementskit-image-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >\n            <div class=\"elementskit-info-image-box ekit-image-box text-left simple-card\" >\n\n                <a href=\"\/gastronomia\">\n                <div class=\"elementskit-box-header image-box-img-left\">\n\n                    \n                <\/div>\n                <\/a>\n                <div class=\"elementskit-box-body ekit-image-box-body\">\n                    <div class=\"elementskit-box-content ekit-image-box-body-inner\">\n                                                <h3 class=\"elementskit-info-box-title\">\n\n                        Rooftop\n                        \n                    <\/h3>\n                                                            <div class=\"elementskit-box-style-content\">\n                        Descubre la majestuosidad del cielo en nuestro rooftop.                     <\/div>\n                                    <\/div>\n\n                                <div class=\"elementskit-box-footer\">\n                    <div class=\"box-footer\">\n                        <div class=\"btn-wraper\">\n                                                            <a href=\"\/gastronomia\" target=\"_blank\" class=\"elementskit-btn whitespace--normal\">\n                                    Leer M\u00e1s                                <\/a>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n                            <\/div>\n            <\/div>\n    <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<div class=\"elementor-element elementor-element-f9f49f6 elementor-hidden-widescreen elementor-hidden-desktop elementor-hidden-tablet elementor-pagination-type-bullets elementor-arrows-position-inside elementor-pagination-position-outside elementor-widget elementor-widget-n-carousel\" data-id=\"f9f49f6\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;carousel_items&quot;:[{&quot;slide_title&quot;:&quot;Slide #1&quot;,&quot;_id&quot;:&quot;d5cdb6c&quot;},{&quot;slide_title&quot;:&quot;Slide #1&quot;,&quot;_id&quot;:&quot;56539ef&quot;},{&quot;slide_title&quot;:&quot;Slide #1&quot;,&quot;_id&quot;:&quot;3544839&quot;},{&quot;slide_title&quot;:&quot;Slide #1&quot;,&quot;_id&quot;:&quot;fdec37c&quot;}],&quot;slides_to_show_tablet&quot;:&quot;2&quot;,&quot;slides_to_show_mobile&quot;:&quot;1&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;autoplay_speed&quot;:5000,&quot;pause_on_hover&quot;:&quot;yes&quot;,&quot;pause_on_interaction&quot;:&quot;yes&quot;,&quot;infinite&quot;:&quot;yes&quot;,&quot;speed&quot;:500,&quot;offset_sides&quot;:&quot;none&quot;,&quot;arrows&quot;:&quot;yes&quot;,&quot;pagination&quot;:&quot;bullets&quot;,&quot;image_spacing_custom&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;image_spacing_custom_widescreen&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;image_spacing_custom_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;image_spacing_custom_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"nested-carousel.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-carousel swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Carousel\" dir=\"ltr\">\n\t\t\t<div class=\"swiper-wrapper\" aria-live=\"off\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" data-slide=\"1\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 of 4\">\n\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-40ede5b e-flex e-con-boxed e-con e-child\" data-id=\"40ede5b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-62630ea ekit-equal-height-disable elementor-widget elementor-widget-elementskit-image-box\" data-id=\"62630ea\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"elementskit-image-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >\n            <div class=\"elementskit-info-image-box ekit-image-box text-left simple-card\" >\n\n                <a href=\"\/gastronomia\" target=\"_blank\">\n                <div class=\"elementskit-box-header image-box-img-left\">\n\n                    \n                <\/div>\n                <\/a>\n                <div class=\"elementskit-box-body ekit-image-box-body\">\n                    <div class=\"elementskit-box-content ekit-image-box-body-inner\">\n                                                <h2 class=\"elementskit-info-box-title\">\n\n                        Gastronom\u00eda\n                        \n                    <\/h2>\n                                                            <div class=\"elementskit-box-style-content\">\n                        Deleita a tu paladar con nuestras propuestas culinarias.                    <\/div>\n                                    <\/div>\n\n                                <div class=\"elementskit-box-footer\">\n                    <div class=\"box-footer\">\n                        <div class=\"btn-wraper\">\n                                                            <a href=\"\/gastronomia\" target=\"_blank\" class=\"elementskit-btn whitespace--normal\">\n                                    Leer m\u00e1s                                <\/a>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n                            <\/div>\n            <\/div>\n    <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" data-slide=\"2\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"2 of 4\">\n\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9426437 e-flex e-con-boxed e-con e-child\" data-id=\"9426437\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ac45fe5 ekit-equal-height-disable elementor-widget elementor-widget-elementskit-image-box\" data-id=\"ac45fe5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"elementskit-image-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >\n            <div class=\"elementskit-info-image-box ekit-image-box text-left simple-card\" >\n\n                <a href=\"\/experiencias\" target=\"_blank\">\n                <div class=\"elementskit-box-header image-box-img-left\">\n\n                    \n                <\/div>\n                <\/a>\n                <div class=\"elementskit-box-body ekit-image-box-body\">\n                    <div class=\"elementskit-box-content ekit-image-box-body-inner\">\n                                                <h2 class=\"elementskit-info-box-title\">\n\n                        AWA Experiencias\n                        \n                    <\/h2>\n                                                            <div class=\"elementskit-box-style-content\">\n                        \u00bfTienes alguna actividad planeada? Explora holbox con nosotros.                    <\/div>\n                                    <\/div>\n\n                                <div class=\"elementskit-box-footer\">\n                    <div class=\"box-footer\">\n                        <div class=\"btn-wraper\">\n                                                            <a href=\"\/experiencias\" target=\"_blank\" class=\"elementskit-btn whitespace--normal\">\n                                    Leer M\u00e1s                                <\/a>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n                            <\/div>\n            <\/div>\n    <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" data-slide=\"3\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"3 of 4\">\n\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4e2376f e-flex e-con-boxed e-con e-child\" data-id=\"4e2376f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-acae732 ekit-equal-height-disable elementor-widget elementor-widget-elementskit-image-box\" data-id=\"acae732\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"elementskit-image-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >\n            <div class=\"elementskit-info-image-box ekit-image-box text-left simple-card\" >\n\n                <a href=\"\/eventos\" target=\"_blank\">\n                <div class=\"elementskit-box-header image-box-img-left\">\n\n                    \n                <\/div>\n                <\/a>\n                <div class=\"elementskit-box-body ekit-image-box-body\">\n                    <div class=\"elementskit-box-content ekit-image-box-body-inner\">\n                                                <h2 class=\"elementskit-info-box-title\">\n\n                        Bodas y Eventos\n                        \n                    <\/h2>\n                                                            <div class=\"elementskit-box-style-content\">\n                        En AWA los sue\u00f1os se hacen realidad, en el escenario perfecto junto al mar.                     <\/div>\n                                    <\/div>\n\n                                <div class=\"elementskit-box-footer\">\n                    <div class=\"box-footer\">\n                        <div class=\"btn-wraper\">\n                                                            <a href=\"\/eventos\" target=\"_blank\" class=\"elementskit-btn whitespace--normal\">\n                                    Leer M\u00e1s                                <\/a>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n                            <\/div>\n            <\/div>\n    <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" data-slide=\"4\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"4 of 4\">\n\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-526160d e-flex e-con-boxed e-con e-child\" data-id=\"526160d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2c47485 ekit-equal-height-disable elementor-widget elementor-widget-elementskit-image-box\" data-id=\"2c47485\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"elementskit-image-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >\n            <div class=\"elementskit-info-image-box ekit-image-box text-left simple-card\" >\n\n                <a href=\"\/gastronomia\" target=\"_blank\">\n                <div class=\"elementskit-box-header image-box-img-left\">\n\n                    \n                <\/div>\n                <\/a>\n                <div class=\"elementskit-box-body ekit-image-box-body\">\n                    <div class=\"elementskit-box-content ekit-image-box-body-inner\">\n                                                <h2 class=\"elementskit-info-box-title\">\n\n                        Rooftop\n                        \n                    <\/h2>\n                                                            <div class=\"elementskit-box-style-content\">\n                        Descubre la majestuosidad del cielo en nuestro rooftop.                     <\/div>\n                                    <\/div>\n\n                                <div class=\"elementskit-box-footer\">\n                    <div class=\"box-footer\">\n                        <div class=\"btn-wraper\">\n                                                            <a href=\"\/gastronomia\" target=\"_blank\" class=\"elementskit-btn whitespace--normal\">\n                                    Leer M\u00e1s                                <\/a>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n                            <\/div>\n            <\/div>\n    <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-prev\" role=\"button\" tabindex=\"0\" aria-label=\"Previous\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-chevron-left\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M646 125C629 125 613 133 604 142L308 442C296 454 292 471 292 487 292 504 296 521 308 533L604 854C617 867 629 875 646 875 663 875 679 871 692 858 704 846 713 829 713 812 713 796 708 779 692 767L438 487 692 225C700 217 708 204 708 187 708 171 704 154 692 142 675 129 663 125 646 125Z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-next\" role=\"button\" tabindex=\"0\" aria-label=\"Next\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-chevron-right\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M696 533C708 521 713 504 713 487 713 471 708 454 696 446L400 146C388 133 375 125 354 125 338 125 325 129 313 142 300 154 292 171 292 187 292 204 296 221 308 233L563 492 304 771C292 783 288 800 288 817 288 833 296 850 308 863 321 871 338 875 354 875 371 875 388 867 400 854L696 533Z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t\t\t\t<div class=\"swiper-pagination\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-d011976 e-flex e-con-boxed e-con e-parent\" data-id=\"d011976\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7512378 elementor-widget elementor-widget-ucaddon_awa_gastronomy_carousel\" data-id=\"7512378\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_awa_gastronomy_carousel.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start AWA - Gastronomy Carousel -->\n<style>\/* widget: AWA - Gastronomy Carousel *\/\n\n#gastro-widget-root *, #gastro-widget-root ::before, #gastro-widget-root ::after {\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x:  ;\n  --tw-pan-y:  ;\n  --tw-pinch-zoom:  ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-gradient-from-position:  ;\n  --tw-gradient-via-position:  ;\n  --tw-gradient-to-position:  ;\n  --tw-ordinal:  ;\n  --tw-slashed-zero:  ;\n  --tw-numeric-figure:  ;\n  --tw-numeric-spacing:  ;\n  --tw-numeric-fraction:  ;\n  --tw-ring-inset:  ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgb(59 130 246 \/ 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur:  ;\n  --tw-brightness:  ;\n  --tw-contrast:  ;\n  --tw-grayscale:  ;\n  --tw-hue-rotate:  ;\n  --tw-invert:  ;\n  --tw-saturate:  ;\n  --tw-sepia:  ;\n  --tw-drop-shadow:  ;\n  --tw-backdrop-blur:  ;\n  --tw-backdrop-brightness:  ;\n  --tw-backdrop-contrast:  ;\n  --tw-backdrop-grayscale:  ;\n  --tw-backdrop-hue-rotate:  ;\n  --tw-backdrop-invert:  ;\n  --tw-backdrop-opacity:  ;\n  --tw-backdrop-saturate:  ;\n  --tw-backdrop-sepia:  ;\n  --tw-contain-size:  ;\n  --tw-contain-layout:  ;\n  --tw-contain-paint:  ;\n  --tw-contain-style:  ;\n}\n\n#gastro-widget-root ::backdrop {\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x:  ;\n  --tw-pan-y:  ;\n  --tw-pinch-zoom:  ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-gradient-from-position:  ;\n  --tw-gradient-via-position:  ;\n  --tw-gradient-to-position:  ;\n  --tw-ordinal:  ;\n  --tw-slashed-zero:  ;\n  --tw-numeric-figure:  ;\n  --tw-numeric-spacing:  ;\n  --tw-numeric-fraction:  ;\n  --tw-ring-inset:  ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgb(59 130 246 \/ 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur:  ;\n  --tw-brightness:  ;\n  --tw-contrast:  ;\n  --tw-grayscale:  ;\n  --tw-hue-rotate:  ;\n  --tw-invert:  ;\n  --tw-saturate:  ;\n  --tw-sepia:  ;\n  --tw-drop-shadow:  ;\n  --tw-backdrop-blur:  ;\n  --tw-backdrop-brightness:  ;\n  --tw-backdrop-contrast:  ;\n  --tw-backdrop-grayscale:  ;\n  --tw-backdrop-hue-rotate:  ;\n  --tw-backdrop-invert:  ;\n  --tw-backdrop-opacity:  ;\n  --tw-backdrop-saturate:  ;\n  --tw-backdrop-sepia:  ;\n  --tw-contain-size:  ;\n  --tw-contain-layout:  ;\n  --tw-contain-paint:  ;\n  --tw-contain-style:  ;\n}\n\n\/*\n! tailwindcss v3.4.19 | MIT License | https:\/\/tailwindcss.com\n*\/\n\n\/*\n1. Prevent padding and border from affecting element width. (https:\/\/github.com\/mozdevs\/cssremedy\/issues\/4)\n2. Allow adding a border to an element by just adding a border-width. (https:\/\/github.com\/tailwindcss\/tailwindcss\/pull\/116)\n*\/\n\n*,\n::before,\n#gastro-widget-root ::after {\n  box-sizing: border-box;\n  \/* 1 *\/\n  border-width: 0;\n  \/* 2 *\/\n  border-style: solid;\n  \/* 2 *\/\n  border-color: #e5e7eb;\n  \/* 2 *\/\n}\n\n::before,\n#gastro-widget-root ::after {\n  --tw-content: '';\n}\n\n\/*\n1. Use a consistent sensible line-height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n3. Use a more readable tab size.\n4. Use the user's configured `sans` font-family by default.\n5. Use the user's configured `sans` font-feature-settings by default.\n6. Use the user's configured `sans` font-variation-settings by default.\n7. Disable tap highlights on iOS\n*\/\n\nhtml,\n#gastro-widget-root :host {\n  line-height: 1.5;\n  \/* 1 *\/\n  -webkit-text-size-adjust: 100%;\n  \/* 2 *\/\n  -moz-tab-size: 4;\n  \/* 3 *\/\n  -o-tab-size: 4;\n     tab-size: 4;\n  \/* 3 *\/\n  font-family: ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  \/* 4 *\/\n  font-feature-settings: normal;\n  \/* 5 *\/\n  font-variation-settings: normal;\n  \/* 6 *\/\n  -webkit-tap-highlight-color: transparent;\n  \/* 7 *\/\n}\n\n\/*\n1. Remove the margin in all browsers.\n2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.\n*\/\n\n#gastro-widget-root body {\n  margin: 0;\n  \/* 1 *\/\n  line-height: inherit;\n  \/* 2 *\/\n}\n\n\/*\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https:\/\/bugzilla.mozilla.org\/show_bug.cgi?id=190655)\n3. Ensure horizontal rules are visible by default.\n*\/\n\n#gastro-widget-root hr {\n  height: 0;\n  \/* 1 *\/\n  color: inherit;\n  \/* 2 *\/\n  border-top-width: 1px;\n  \/* 3 *\/\n}\n\n\/*\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*\/\n\n#gastro-widget-root abbr:where([title]) {\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted;\n}\n\n\/*\nRemove the default font size and weight for headings.\n*\/\n\nh1,\nh2,\nh3,\nh4,\nh5,\n#gastro-widget-root h6 {\n  font-size: inherit;\n  font-weight: inherit;\n}\n\n\/*\nReset links to optimize for opt-in styling instead of opt-out.\n*\/\n\n#gastro-widget-root a {\n  color: inherit;\n  text-decoration: inherit;\n}\n\n\/*\nAdd the correct font weight in Edge and Safari.\n*\/\n\nb,\n#gastro-widget-root strong {\n  font-weight: bolder;\n}\n\n\/*\n1. Use the user's configured `mono` font-family by default.\n2. Use the user's configured `mono` font-feature-settings by default.\n3. Use the user's configured `mono` font-variation-settings by default.\n4. Correct the odd `em` font sizing in all browsers.\n*\/\n\ncode,\nkbd,\nsamp,\n#gastro-widget-root pre {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n  \/* 1 *\/\n  font-feature-settings: normal;\n  \/* 2 *\/\n  font-variation-settings: normal;\n  \/* 3 *\/\n  font-size: 1em;\n  \/* 4 *\/\n}\n\n\/*\nAdd the correct font size in all browsers.\n*\/\n\n#gastro-widget-root small {\n  font-size: 80%;\n}\n\n\/*\nPrevent `sub` and `sup` elements from affecting the line height in all browsers.\n*\/\n\nsub,\n#gastro-widget-root sup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\n#gastro-widget-root sub {\n  bottom: -0.25em;\n}\n\n#gastro-widget-root sup {\n  top: -0.5em;\n}\n\n\/*\n1. Remove text indentation from table contents in Chrome and Safari. (https:\/\/bugs.chromium.org\/p\/chromium\/issues\/detail?id=999088, https:\/\/bugs.webkit.org\/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in all Chrome and Safari. (https:\/\/bugs.chromium.org\/p\/chromium\/issues\/detail?id=935729, https:\/\/bugs.webkit.org\/show_bug.cgi?id=195016)\n3. Remove gaps between table borders by default.\n*\/\n\n#gastro-widget-root table {\n  text-indent: 0;\n  \/* 1 *\/\n  border-color: inherit;\n  \/* 2 *\/\n  border-collapse: collapse;\n  \/* 3 *\/\n}\n\n\/*\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n3. Remove default padding in all browsers.\n*\/\n\nbutton,\ninput,\noptgroup,\nselect,\n#gastro-widget-root textarea {\n  font-family: inherit;\n  \/* 1 *\/\n  font-feature-settings: inherit;\n  \/* 1 *\/\n  font-variation-settings: inherit;\n  \/* 1 *\/\n  font-size: 100%;\n  \/* 1 *\/\n  font-weight: inherit;\n  \/* 1 *\/\n  line-height: inherit;\n  \/* 1 *\/\n  letter-spacing: inherit;\n  \/* 1 *\/\n  color: inherit;\n  \/* 1 *\/\n  margin: 0;\n  \/* 2 *\/\n  padding: 0;\n  \/* 3 *\/\n}\n\n\/*\nRemove the inheritance of text transform in Edge and Firefox.\n*\/\n\nbutton,\n#gastro-widget-root select {\n  text-transform: none;\n}\n\n\/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Remove default button styles.\n*\/\n\nbutton,\ninput:where([type='button']),\ninput:where([type='reset']),\n#gastro-widget-root input:where([type='submit']) {\n  -webkit-appearance: button;\n  \/* 1 *\/\n  background-color: transparent;\n  \/* 2 *\/\n  background-image: none;\n  \/* 2 *\/\n}\n\n\/*\nUse the modern Firefox focus style for all focusable elements.\n*\/\n\n#gastro-widget-root :-moz-focusring {\n  outline: auto;\n}\n\n\/*\nRemove the additional `:invalid` styles in Firefox. (https:\/\/github.com\/mozilla\/gecko-dev\/blob\/2f9eacd9d3d995c937b4251a5557d95d494c9be1\/layout\/style\/res\/forms.css#L728-L737)\n*\/\n\n#gastro-widget-root :-moz-ui-invalid {\n  box-shadow: none;\n}\n\n\/*\nAdd the correct vertical alignment in Chrome and Firefox.\n*\/\n\n#gastro-widget-root progress {\n  vertical-align: baseline;\n}\n\n\/*\nCorrect the cursor style of increment and decrement buttons in Safari.\n*\/\n\n::-webkit-inner-spin-button,\n#gastro-widget-root ::-webkit-outer-spin-button {\n  height: auto;\n}\n\n\/*\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*\/\n\n#gastro-widget-root [type='search'] {\n  -webkit-appearance: textfield;\n  \/* 1 *\/\n  outline-offset: -2px;\n  \/* 2 *\/\n}\n\n\/*\nRemove the inner padding in Chrome and Safari on macOS.\n*\/\n\n#gastro-widget-root ::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n\/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to `inherit` in Safari.\n*\/\n\n#gastro-widget-root ::-webkit-file-upload-button {\n  -webkit-appearance: button;\n  \/* 1 *\/\n  font: inherit;\n  \/* 2 *\/\n}\n\n\/*\nAdd the correct display in Chrome and Safari.\n*\/\n\n#gastro-widget-root summary {\n  display: list-item;\n}\n\n\/*\nRemoves the default spacing and border for appropriate elements.\n*\/\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\n#gastro-widget-root pre {\n  margin: 0;\n}\n\n#gastro-widget-root fieldset {\n  margin: 0;\n  padding: 0;\n}\n\n#gastro-widget-root legend {\n  padding: 0;\n}\n\nol,\nul,\n#gastro-widget-root menu {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n\/*\nReset default styling for dialogs.\n*\/\n\n#gastro-widget-root dialog {\n  padding: 0;\n}\n\n\/*\nPrevent resizing textareas horizontally by default.\n*\/\n\n#gastro-widget-root textarea {\n  resize: vertical;\n}\n\n\/*\n1. Reset the default placeholder opacity in Firefox. (https:\/\/github.com\/tailwindlabs\/tailwindcss\/issues\/3300)\n2. Set the default placeholder color to the user's configured gray 400 color.\n*\/\n\n#gastro-widget-root input::-moz-placeholder, #gastro-widget-root textarea::-moz-placeholder {\n  opacity: 1;\n  \/* 1 *\/\n  color: #9ca3af;\n  \/* 2 *\/\n}\n\ninput::placeholder,\n#gastro-widget-root textarea::placeholder {\n  opacity: 1;\n  \/* 1 *\/\n  color: #9ca3af;\n  \/* 2 *\/\n}\n\n\/*\nSet the default cursor for buttons.\n*\/\n\nbutton,\n#gastro-widget-root [role=\"button\"] {\n  cursor: pointer;\n}\n\n\/*\nMake sure disabled buttons don't get the pointer cursor.\n*\/\n\n#gastro-widget-root :disabled {\n  cursor: default;\n}\n\n\/*\n1. Make replaced elements `display: block` by default. (https:\/\/github.com\/mozdevs\/cssremedy\/issues\/14)\n2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https:\/\/github.com\/jensimmons\/cssremedy\/issues\/14#issuecomment-634934210)\n   This can trigger a poorly considered lint error in some tools but is included by design.\n*\/\n\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\n#gastro-widget-root object {\n  display: block;\n  \/* 1 *\/\n  vertical-align: middle;\n  \/* 2 *\/\n}\n\n\/*\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https:\/\/github.com\/mozdevs\/cssremedy\/issues\/14)\n*\/\n\nimg,\n#gastro-widget-root video {\n  max-width: 100%;\n  height: auto;\n}\n\n\/* Make elements with the HTML hidden attribute stay hidden by default *\/\n\n#gastro-widget-root [hidden]:where(:not([hidden=\"until-found\"])) {\n  display: none;\n}\n\n#gastro-widget-root .relative {\n  position: relative;\n}\n\n#gastro-widget-root .z-10 {\n  z-index: 10;\n}\n\n#gastro-widget-root .mx-auto {\n  margin-left: auto;\n  margin-right: auto;\n}\n\n#gastro-widget-root .mb-10 {\n  margin-bottom: 2.5rem;\n}\n\n#gastro-widget-root .mb-3 {\n  margin-bottom: 0.75rem;\n}\n\n#gastro-widget-root .mb-6 {\n  margin-bottom: 1.5rem;\n}\n\n#gastro-widget-root .mb-8 {\n  margin-bottom: 2rem;\n}\n\n#gastro-widget-root .mt-8 {\n  margin-top: 2rem;\n}\n\n#gastro-widget-root .mt-auto {\n  margin-top: auto;\n}\n\n#gastro-widget-root .block {\n  display: block;\n}\n\n#gastro-widget-root .inline-block {\n  display: inline-block;\n}\n\n#gastro-widget-root .flex {\n  display: flex;\n}\n\n#gastro-widget-root .aspect-\\[4\\\/5\\] {\n  aspect-ratio: 4\/5;\n}\n\n#gastro-widget-root .h-full {\n  height: 100%;\n}\n\n#gastro-widget-root .w-\\[85vw\\] {\n  width: 85vw;\n}\n\n#gastro-widget-root .w-full {\n  width: 100%;\n}\n\n#gastro-widget-root .max-w-7xl {\n  max-width: 80rem;\n}\n\n#gastro-widget-root .shrink-0 {\n  flex-shrink: 0;\n}\n\n#gastro-widget-root .snap-x {\n  scroll-snap-type: x var(--tw-scroll-snap-strictness);\n}\n\n#gastro-widget-root .snap-mandatory {\n  --tw-scroll-snap-strictness: mandatory;\n}\n\n#gastro-widget-root .snap-start {\n  scroll-snap-align: start;\n}\n\n#gastro-widget-root .flex-col {\n  flex-direction: column;\n}\n\n#gastro-widget-root .items-center {\n  align-items: center;\n}\n\n#gastro-widget-root .gap-3 {\n  gap: 0.75rem;\n}\n\n#gastro-widget-root .gap-6 {\n  gap: 1.5rem;\n}\n\n#gastro-widget-root .overflow-hidden {\n  overflow: hidden;\n}\n\n#gastro-widget-root .overflow-x-auto {\n  overflow-x: auto;\n}\n\n#gastro-widget-root .scroll-smooth {\n  scroll-behavior: smooth;\n}\n\n#gastro-widget-root .rounded-button {\n  border-radius: 24px;\n}\n\n#gastro-widget-root .rounded-sm {\n  border-radius: 0.125rem;\n}\n\n#gastro-widget-root .border {\n  border-width: 1px;\n}\n\n#gastro-widget-root .border-brand-black {\n  --tw-border-opacity: 1;\n  border-color: rgb(0 0 0 \/ var(--tw-border-opacity, 1));\n}\n\n#gastro-widget-root .bg-\\[\\#FAFAFA\\] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(250 250 250 \/ var(--tw-bg-opacity, 1));\n}\n\n#gastro-widget-root .bg-gray-200 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(229 231 235 \/ var(--tw-bg-opacity, 1));\n}\n\n#gastro-widget-root .px-6 {\n  padding-left: 1.5rem;\n  padding-right: 1.5rem;\n}\n\n#gastro-widget-root .px-8 {\n  padding-left: 2rem;\n  padding-right: 2rem;\n}\n\n#gastro-widget-root .py-16 {\n  padding-top: 4rem;\n  padding-bottom: 4rem;\n}\n\n#gastro-widget-root .py-3 {\n  padding-top: 0.75rem;\n  padding-bottom: 0.75rem;\n}\n\n#gastro-widget-root .pb-8 {\n  padding-bottom: 2rem;\n}\n\n#gastro-widget-root .pr-6 {\n  padding-right: 1.5rem;\n}\n\n#gastro-widget-root .text-left {\n  text-align: left;\n}\n\n#gastro-widget-root .font-body {\n  font-family: \"Comfortaa\", cursive, sans-serif;\n}\n\n#gastro-widget-root .font-heading {\n  font-family: \"Quattrocento Sans\", sans-serif;\n}\n\n#gastro-widget-root .text-\\[10px\\] {\n  font-size: 10px;\n}\n\n#gastro-widget-root .text-\\[30px\\] {\n  font-size: 30px;\n}\n\n#gastro-widget-root .text-lg {\n  font-size: 1.125rem;\n  line-height: 1.75rem;\n}\n\n#gastro-widget-root .text-sm {\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n}\n\n#gastro-widget-root .text-xl {\n  font-size: 1.25rem;\n  line-height: 1.75rem;\n}\n\n#gastro-widget-root .font-bold {\n  font-weight: 700;\n}\n\n#gastro-widget-root .uppercase {\n  text-transform: uppercase;\n}\n\n#gastro-widget-root .leading-relaxed {\n  line-height: 1.625;\n}\n\n#gastro-widget-root .tracking-widest {\n  letter-spacing: 0.1em;\n}\n\n#gastro-widget-root .text-brand-accent {\n  --tw-text-opacity: 1;\n  color: rgb(69 82 80 \/ var(--tw-text-opacity, 1));\n}\n\n#gastro-widget-root .text-brand-black {\n  --tw-text-opacity: 1;\n  color: rgb(0 0 0 \/ var(--tw-text-opacity, 1));\n}\n\n#gastro-widget-root .text-brand-text\\\/70 {\n  color: rgb(30 30 30 \/ 0.7);\n}\n\n#gastro-widget-root .text-brand-text\\\/80 {\n  color: rgb(30 30 30 \/ 0.8);\n}\n\n#gastro-widget-root .outline {\n  outline-style: solid;\n}\n\n#gastro-widget-root .transition-all {\n  transition-property: all;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n\n#gastro-widget-root .transition-colors {\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n\n#gastro-widget-root .transition-transform {\n  transition-property: transform;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n\n#gastro-widget-root .duration-300 {\n  transition-duration: 300ms;\n}\n\n#gastro-widget-root .duration-700 {\n  transition-duration: 700ms;\n}\n\n#gastro-widget-root .hover\\:bg-brand-black:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(0 0 0 \/ var(--tw-bg-opacity, 1));\n}\n\n#gastro-widget-root .hover\\:text-brand-accent:hover {\n  --tw-text-opacity: 1;\n  color: rgb(69 82 80 \/ var(--tw-text-opacity, 1));\n}\n\n#gastro-widget-root .hover\\:text-white:hover {\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 \/ var(--tw-text-opacity, 1));\n}\n\n#gastro-widget-root .focus\\:outline-none:focus {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n\n@media (min-width: 640px) {\n  #gastro-widget-root .sm\\:w-\\[320px\\] {\n    width: 320px;\n  }\n}\n\n@media (min-width: 768px) {\n  #gastro-widget-root .md\\:px-12 {\n    padding-left: 3rem;\n    padding-right: 3rem;\n  }\n\n  #gastro-widget-root .md\\:py-24 {\n    padding-top: 6rem;\n    padding-bottom: 6rem;\n  }\n\n  #gastro-widget-root .md\\:text-\\[40px\\] {\n    font-size: 40px;\n  }\n}\n\n@media (min-width: 1024px) {\n  #gastro-widget-root .lg\\:mt-4 {\n    margin-top: 1rem;\n  }\n\n  #gastro-widget-root .lg\\:w-\\[340px\\] {\n    width: 340px;\n  }\n\n  #gastro-widget-root .lg\\:w-\\[35\\%\\] {\n    width: 35%;\n  }\n\n  #gastro-widget-root .lg\\:w-\\[65\\%\\] {\n    width: 65%;\n  }\n\n  #gastro-widget-root .lg\\:flex-row {\n    flex-direction: row;\n  }\n\n  #gastro-widget-root .lg\\:gap-16 {\n    gap: 4rem;\n  }\n\n  #gastro-widget-root .lg\\:gap-8 {\n    gap: 2rem;\n  }\n\n  #gastro-widget-root .lg\\:pr-12 {\n    padding-right: 3rem;\n  }\n}\n\n\/* --- CSS propio del widget (no es de Tailwind) --- *\/\n\/* Ocultar barra de scroll para Chrome, Safari y Opera *\/\n#gastro-widget-root #gastro-carousel::-webkit-scrollbar {\n    display: none !important;\n}\n\n\/* Ocultar barra de scroll para Firefox, IE y Edge *\/\n#gastro-widget-root #gastro-carousel {\n    -ms-overflow-style: none !important;  \/* IE y Edge *\/\n    scrollbar-width: none !important;  \/* Firefox *\/\n}\n\n<\/style>\n\n<section id=\"gastro-widget-root\" class=\"py-16 md:py-24 bg-[#FAFAFA] overflow-hidden\">\n    <div class=\"max-w-7xl mx-auto px-6 md:px-12 flex flex-col lg:flex-row gap-3 lg:gap-16\">\n\n        <!-- Columna Izquierda: Introducci\u00f3n y Navegaci\u00f3n -->\n        <div class=\"lg:w-[35%] flex flex-col shrink-0 relative z-10\">\n            <div>\n                                <span class=\"text-brand-accent font-bold tracking-widest uppercase text-sm mb-3 block font-body\">Gastronomia<\/span>\n                                <h2 class=\"font-heading text-[30px] md:text-[40px] text-brand-black mb-6\">Fresco, local y hecho para el Caribe<\/h2>\n                                <p class=\"font-body text-brand-text\/80 leading-relaxed text-lg mb-8\">\n                    La gastronom\u00eda en AWA Holbox significa mariscos frescos, ingredientes locales y sabores de inspiraci\u00f3n caribe\u00f1a, siempre servidos a solo unos pasos del mar, en uno de los hoteles boutique m\u00e1s hermosos de Isla Holbox.\n\n                <\/p>\n                            <\/div>\n\n            <!-- Flechas de navegaci\u00f3n con reset forzado (Visibles en todos los dispositivos) -->\n            <div class=\"flex items-center gap-6 mt-8 mb-10\">\n    <button aria-label=\"Previous\" class=\"gastro-prev text-brand-black hover:text-brand-accent transition-colors focus:outline-none\" style=\"background: transparent !important; border: none !important; box-shadow: none !important; border-radius: 0 !important; padding: 0 !important; width: auto !important; height: auto !important; margin: 0 !important; outline: none !important;\">\n        <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"stroke: #000000 !important;\"><line x1=\"19\" y1=\"12\" x2=\"5\" y2=\"12\"><\/line><polyline points=\"12 19 5 12 12 5\"><\/polyline><\/svg>\n    <\/button>\n    <button aria-label=\"Next\" class=\"gastro-next text-brand-black hover:text-brand-accent transition-colors focus:outline-none\" style=\"background: transparent !important; border: none !important; box-shadow: none !important; border-radius: 0 !important; padding: 0 !important; width: auto !important; height: auto !important; margin: 0 !important; outline: none !important;\">\n        <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"stroke: #000000 !important;\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\n    <\/button>\n<\/div>\n\n            <!-- Bot\u00f3n Ver Men\u00fa -->\n                    <\/div>\n\n        <!-- Columna Derecha: Carrusel de Tarjetas -->\n        <div class=\"lg:w-[65%] w-full relative\">\n            <div id=\"gastro-carousel\" class=\"flex overflow-x-auto snap-x snap-mandatory gap-6 lg:gap-8 hide-scrollbar scroll-smooth pb-8 w-full pr-6 lg:pr-12\">\n                <!-- Inyecci\u00f3n de los platos -->\n                <div class=\"w-[85vw] sm:w-[320px] lg:w-[340px] snap-start flex flex-col shrink-0 group\">\n    <div class=\"aspect-[4\/5] overflow-hidden bg-gray-200 mb-6 rounded-sm\">\n        <img decoding=\"async\" src=\"https:\/\/www.awaholbox.com\/wp-content\/uploads\/2026\/07\/comida-2.png\" alt=\"Mariscos Frescos a Diario\" class=\"w-full h-full transition-transform duration-700\" style=\"width: 100% !important; height: 100% !important; object-fit: cover !important;\">\n    <\/div>\n    <div class=\"font-heading font-bold text-xl mb-3 text-brand-black\">Mariscos Frescos a Diario<\/div>\n    <p class=\"font-body text-sm text-brand-text\/70 leading-relaxed\">Holbox es una isla pesquera. Cada platillo en AWA comienza con la pesca m\u00e1s fresca, obtenida directamente de los pescadores locales.<\/p>\n<\/div>\n<div class=\"w-[85vw] sm:w-[320px] lg:w-[340px] snap-start flex flex-col shrink-0 group\">\n    <div class=\"aspect-[4\/5] overflow-hidden bg-gray-200 mb-6 rounded-sm\">\n        <img decoding=\"async\" src=\"https:\/\/www.awaholbox.com\/wp-content\/uploads\/2026\/07\/comida-6.png\" alt=\"Ingredientes locales y de temporada\" class=\"w-full h-full transition-transform duration-700\" style=\"width: 100% !important; height: 100% !important; object-fit: cover !important;\">\n    <\/div>\n    <div class=\"font-heading font-bold text-xl mb-3 text-brand-black\">Ingredientes locales y de temporada<\/div>\n    <p class=\"font-body text-sm text-brand-text\/70 leading-relaxed\">El men\u00fa rota seg\u00fan las temporadas de la isla, priorizando siempre a los productores regionales y los sabores tradicionales mexicanos.\n<\/p>\n<\/div>\n<div class=\"w-[85vw] sm:w-[320px] lg:w-[340px] snap-start flex flex-col shrink-0 group\">\n    <div class=\"aspect-[4\/5] overflow-hidden bg-gray-200 mb-6 rounded-sm\">\n        <img decoding=\"async\" src=\"https:\/\/www.awaholbox.com\/wp-content\/uploads\/2026\/07\/comida-1.png\" alt=\"Cocteles artesanales y bebidas naturales\" class=\"w-full h-full transition-transform duration-700\" style=\"width: 100% !important; height: 100% !important; object-fit: cover !important;\">\n    <\/div>\n    <div class=\"font-heading font-bold text-xl mb-3 text-brand-black\">Cocteles artesanales y bebidas naturales<\/div>\n    <p class=\"font-body text-sm text-brand-text\/70 leading-relaxed\">Desde cocteles a base de mezcal hasta bebidas de fruta fresca. El bar de AWA est\u00e1 tan cuidadosamente curado como el resto del hotel.\n<\/p>\n<\/div>\n<div class=\"w-[85vw] sm:w-[320px] lg:w-[340px] snap-start flex flex-col shrink-0 group\">\n    <div class=\"aspect-[4\/5] overflow-hidden bg-gray-200 mb-6 rounded-sm\">\n        <img decoding=\"async\" src=\"https:\/\/www.awaholbox.com\/wp-content\/uploads\/2026\/07\/comida-5.png\" alt=\"Cena en el rooftop\" class=\"w-full h-full transition-transform duration-700\" style=\"width: 100% !important; height: 100% !important; object-fit: cover !important;\">\n    <\/div>\n    <div class=\"font-heading font-bold text-xl mb-3 text-brand-black\">Cena en el rooftop<\/div>\n    <p class=\"font-body text-sm text-brand-text\/70 leading-relaxed\">Cena por encima de la isla, con el horizonte caribe\u00f1o como tel\u00f3n de fondo. El rooftop de AWA es una experiencia en s\u00ed misma.\n<\/p>\n<\/div>\n<div class=\"w-[85vw] sm:w-[320px] lg:w-[340px] snap-start flex flex-col shrink-0 group\">\n    <div class=\"aspect-[4\/5] overflow-hidden bg-gray-200 mb-6 rounded-sm\">\n        <img decoding=\"async\" src=\"https:\/\/www.awaholbox.com\/wp-content\/uploads\/2026\/07\/comida-3.png\" alt=\"Desayuno con vista al mar\" class=\"w-full h-full transition-transform duration-700\" style=\"width: 100% !important; height: 100% !important; object-fit: cover !important;\">\n    <\/div>\n    <div class=\"font-heading font-bold text-xl mb-3 text-brand-black\">Desayuno con vista al mar<\/div>\n    <p class=\"font-body text-sm text-brand-text\/70 leading-relaxed\">Comienza cada ma\u00f1ana con un desayuno de inspiraci\u00f3n local con vista al mar, a un ritmo tranquilo y sin prisas.<\/p>\n<\/div>\n\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/section>\n<!-- end AWA - Gastronomy Carousel -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-60795eb e-flex e-con-boxed e-con e-parent\" data-id=\"60795eb\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4dd160d elementor-widget elementor-widget-ucaddon_awa_location_attractions\" data-id=\"4dd160d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_awa_location_attractions.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start AWA - Location &amp; Attractions -->\n<style>\/* widget: AWA - Location &amp; Attractions *\/\n\n*, ::before, ::after {\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x:  ;\n  --tw-pan-y:  ;\n  --tw-pinch-zoom:  ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-gradient-from-position:  ;\n  --tw-gradient-via-position:  ;\n  --tw-gradient-to-position:  ;\n  --tw-ordinal:  ;\n  --tw-slashed-zero:  ;\n  --tw-numeric-figure:  ;\n  --tw-numeric-spacing:  ;\n  --tw-numeric-fraction:  ;\n  --tw-ring-inset:  ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgb(59 130 246 \/ 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur:  ;\n  --tw-brightness:  ;\n  --tw-contrast:  ;\n  --tw-grayscale:  ;\n  --tw-hue-rotate:  ;\n  --tw-invert:  ;\n  --tw-saturate:  ;\n  --tw-sepia:  ;\n  --tw-drop-shadow:  ;\n  --tw-backdrop-blur:  ;\n  --tw-backdrop-brightness:  ;\n  --tw-backdrop-contrast:  ;\n  --tw-backdrop-grayscale:  ;\n  --tw-backdrop-hue-rotate:  ;\n  --tw-backdrop-invert:  ;\n  --tw-backdrop-opacity:  ;\n  --tw-backdrop-saturate:  ;\n  --tw-backdrop-sepia:  ;\n  --tw-contain-size:  ;\n  --tw-contain-layout:  ;\n  --tw-contain-paint:  ;\n  --tw-contain-style:  ;\n}\n\n::backdrop {\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x:  ;\n  --tw-pan-y:  ;\n  --tw-pinch-zoom:  ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-gradient-from-position:  ;\n  --tw-gradient-via-position:  ;\n  --tw-gradient-to-position:  ;\n  --tw-ordinal:  ;\n  --tw-slashed-zero:  ;\n  --tw-numeric-figure:  ;\n  --tw-numeric-spacing:  ;\n  --tw-numeric-fraction:  ;\n  --tw-ring-inset:  ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgb(59 130 246 \/ 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur:  ;\n  --tw-brightness:  ;\n  --tw-contrast:  ;\n  --tw-grayscale:  ;\n  --tw-hue-rotate:  ;\n  --tw-invert:  ;\n  --tw-saturate:  ;\n  --tw-sepia:  ;\n  --tw-drop-shadow:  ;\n  --tw-backdrop-blur:  ;\n  --tw-backdrop-brightness:  ;\n  --tw-backdrop-contrast:  ;\n  --tw-backdrop-grayscale:  ;\n  --tw-backdrop-hue-rotate:  ;\n  --tw-backdrop-invert:  ;\n  --tw-backdrop-opacity:  ;\n  --tw-backdrop-saturate:  ;\n  --tw-backdrop-sepia:  ;\n  --tw-contain-size:  ;\n  --tw-contain-layout:  ;\n  --tw-contain-paint:  ;\n  --tw-contain-style:  ;\n}\n\n\/*\n! tailwindcss v3.4.19 | MIT License | https:\/\/tailwindcss.com\n*\/\n\n\/*\n1. Prevent padding and border from affecting element width. (https:\/\/github.com\/mozdevs\/cssremedy\/issues\/4)\n2. Allow adding a border to an element by just adding a border-width. (https:\/\/github.com\/tailwindcss\/tailwindcss\/pull\/116)\n*\/\n\n*,\n::before,\n::after {\n  box-sizing: border-box;\n  \/* 1 *\/\n  border-width: 0;\n  \/* 2 *\/\n  border-style: solid;\n  \/* 2 *\/\n  border-color: #e5e7eb;\n  \/* 2 *\/\n}\n\n::before,\n::after {\n  --tw-content: '';\n}\n\n\/*\n1. Use a consistent sensible line-height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n3. Use a more readable tab size.\n4. Use the user's configured `sans` font-family by default.\n5. Use the user's configured `sans` font-feature-settings by default.\n6. Use the user's configured `sans` font-variation-settings by default.\n7. Disable tap highlights on iOS\n*\/\n\nhtml,\n:host {\n  line-height: 1.5;\n  \/* 1 *\/\n  -webkit-text-size-adjust: 100%;\n  \/* 2 *\/\n  -moz-tab-size: 4;\n  \/* 3 *\/\n  -o-tab-size: 4;\n     tab-size: 4;\n  \/* 3 *\/\n  font-family: ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  \/* 4 *\/\n  font-feature-settings: normal;\n  \/* 5 *\/\n  font-variation-settings: normal;\n  \/* 6 *\/\n  -webkit-tap-highlight-color: transparent;\n  \/* 7 *\/\n}\n\n\/*\n1. Remove the margin in all browsers.\n2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.\n*\/\n\nbody {\n  margin: 0;\n  \/* 1 *\/\n  line-height: inherit;\n  \/* 2 *\/\n}\n\n\/*\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https:\/\/bugzilla.mozilla.org\/show_bug.cgi?id=190655)\n3. Ensure horizontal rules are visible by default.\n*\/\n\nhr {\n  height: 0;\n  \/* 1 *\/\n  color: inherit;\n  \/* 2 *\/\n  border-top-width: 1px;\n  \/* 3 *\/\n}\n\n\/*\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*\/\n\nabbr:where([title]) {\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted;\n}\n\n\/*\nRemove the default font size and weight for headings.\n*\/\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  font-size: inherit;\n  font-weight: inherit;\n}\n\n\/*\nReset links to optimize for opt-in styling instead of opt-out.\n*\/\n\na {\n  color: inherit;\n  text-decoration: inherit;\n}\n\n\/*\nAdd the correct font weight in Edge and Safari.\n*\/\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n\/*\n1. Use the user's configured `mono` font-family by default.\n2. Use the user's configured `mono` font-feature-settings by default.\n3. Use the user's configured `mono` font-variation-settings by default.\n4. Correct the odd `em` font sizing in all browsers.\n*\/\n\ncode,\nkbd,\nsamp,\npre {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n  \/* 1 *\/\n  font-feature-settings: normal;\n  \/* 2 *\/\n  font-variation-settings: normal;\n  \/* 3 *\/\n  font-size: 1em;\n  \/* 4 *\/\n}\n\n\/*\nAdd the correct font size in all browsers.\n*\/\n\nsmall {\n  font-size: 80%;\n}\n\n\/*\nPrevent `sub` and `sup` elements from affecting the line height in all browsers.\n*\/\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n\/*\n1. Remove text indentation from table contents in Chrome and Safari. (https:\/\/bugs.chromium.org\/p\/chromium\/issues\/detail?id=999088, https:\/\/bugs.webkit.org\/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in all Chrome and Safari. (https:\/\/bugs.chromium.org\/p\/chromium\/issues\/detail?id=935729, https:\/\/bugs.webkit.org\/show_bug.cgi?id=195016)\n3. Remove gaps between table borders by default.\n*\/\n\ntable {\n  text-indent: 0;\n  \/* 1 *\/\n  border-color: inherit;\n  \/* 2 *\/\n  border-collapse: collapse;\n  \/* 3 *\/\n}\n\n\/*\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n3. Remove default padding in all browsers.\n*\/\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit;\n  \/* 1 *\/\n  font-feature-settings: inherit;\n  \/* 1 *\/\n  font-variation-settings: inherit;\n  \/* 1 *\/\n  font-size: 100%;\n  \/* 1 *\/\n  font-weight: inherit;\n  \/* 1 *\/\n  line-height: inherit;\n  \/* 1 *\/\n  letter-spacing: inherit;\n  \/* 1 *\/\n  color: inherit;\n  \/* 1 *\/\n  margin: 0;\n  \/* 2 *\/\n  padding: 0;\n  \/* 3 *\/\n}\n\n\/*\nRemove the inheritance of text transform in Edge and Firefox.\n*\/\n\nbutton,\nselect {\n  text-transform: none;\n}\n\n\/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Remove default button styles.\n*\/\n\nbutton,\ninput:where([type='button']),\ninput:where([type='reset']),\ninput:where([type='submit']) {\n  -webkit-appearance: button;\n  \/* 1 *\/\n  background-color: transparent;\n  \/* 2 *\/\n  background-image: none;\n  \/* 2 *\/\n}\n\n\/*\nUse the modern Firefox focus style for all focusable elements.\n*\/\n\n:-moz-focusring {\n  outline: auto;\n}\n\n\/*\nRemove the additional `:invalid` styles in Firefox. (https:\/\/github.com\/mozilla\/gecko-dev\/blob\/2f9eacd9d3d995c937b4251a5557d95d494c9be1\/layout\/style\/res\/forms.css#L728-L737)\n*\/\n\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n\/*\nAdd the correct vertical alignment in Chrome and Firefox.\n*\/\n\nprogress {\n  vertical-align: baseline;\n}\n\n\/*\nCorrect the cursor style of increment and decrement buttons in Safari.\n*\/\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n\/*\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*\/\n\n[type='search'] {\n  -webkit-appearance: textfield;\n  \/* 1 *\/\n  outline-offset: -2px;\n  \/* 2 *\/\n}\n\n\/*\nRemove the inner padding in Chrome and Safari on macOS.\n*\/\n\n::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n\/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to `inherit` in Safari.\n*\/\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button;\n  \/* 1 *\/\n  font: inherit;\n  \/* 2 *\/\n}\n\n\/*\nAdd the correct display in Chrome and Safari.\n*\/\n\nsummary {\n  display: list-item;\n}\n\n\/*\nRemoves the default spacing and border for appropriate elements.\n*\/\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n  margin: 0;\n}\n\nfieldset {\n  margin: 0;\n  padding: 0;\n}\n\nlegend {\n  padding: 0;\n}\n\nol,\nul,\nmenu {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n\/*\nReset default styling for dialogs.\n*\/\n\ndialog {\n  padding: 0;\n}\n\n\/*\nPrevent resizing textareas horizontally by default.\n*\/\n\ntextarea {\n  resize: vertical;\n}\n\n\/*\n1. Reset the default placeholder opacity in Firefox. (https:\/\/github.com\/tailwindlabs\/tailwindcss\/issues\/3300)\n2. Set the default placeholder color to the user's configured gray 400 color.\n*\/\n\ninput::-moz-placeholder, textarea::-moz-placeholder {\n  opacity: 1;\n  \/* 1 *\/\n  color: #9ca3af;\n  \/* 2 *\/\n}\n\ninput::placeholder,\ntextarea::placeholder {\n  opacity: 1;\n  \/* 1 *\/\n  color: #9ca3af;\n  \/* 2 *\/\n}\n\n\/*\nSet the default cursor for buttons.\n*\/\n\nbutton,\n[role=\"button\"] {\n  cursor: pointer;\n}\n\n\/*\nMake sure disabled buttons don't get the pointer cursor.\n*\/\n\n:disabled {\n  cursor: default;\n}\n\n\/*\n1. Make replaced elements `display: block` by default. (https:\/\/github.com\/mozdevs\/cssremedy\/issues\/14)\n2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https:\/\/github.com\/jensimmons\/cssremedy\/issues\/14#issuecomment-634934210)\n   This can trigger a poorly considered lint error in some tools but is included by design.\n*\/\n\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n  display: block;\n  \/* 1 *\/\n  vertical-align: middle;\n  \/* 2 *\/\n}\n\n\/*\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https:\/\/github.com\/mozdevs\/cssremedy\/issues\/14)\n*\/\n\nimg,\nvideo {\n  max-width: 100%;\n  height: auto;\n}\n\n\/* Make elements with the HTML hidden attribute stay hidden by default *\/\n\n[hidden]:where(:not([hidden=\"until-found\"])) {\n  display: none;\n}\n\n.visible {\n  visibility: visible;\n}\n\n.absolute {\n  position: absolute;\n}\n\n.relative {\n  position: relative;\n}\n\n.inset-0 {\n  inset: 0px;\n}\n\n.z-20 {\n  z-index: 20;\n}\n\n.order-1 {\n  order: 1;\n}\n\n.order-2 {\n  order: 2;\n}\n\n.mb-1 {\n  margin-bottom: 0.25rem;\n}\n\n.mb-10 {\n  margin-bottom: 2.5rem;\n}\n\n.mb-4 {\n  margin-bottom: 1rem;\n}\n\n.mb-6 {\n  margin-bottom: 1.5rem;\n}\n\n.block {\n  display: block;\n}\n\n.flex {\n  display: flex;\n}\n\n.grid {\n  display: grid;\n}\n\n.hidden {\n  display: none;\n}\n\n.h-\\[300px\\] {\n  height: 300px;\n}\n\n.h-full {\n  height: 100%;\n}\n\n.w-full {\n  width: 100%;\n}\n\n.grid-cols-1 {\n  grid-template-columns: repeat(1, minmax(0, 1fr));\n}\n\n.flex-col {\n  flex-direction: column;\n}\n\n.items-start {\n  align-items: flex-start;\n}\n\n.items-center {\n  align-items: center;\n}\n\n.gap-12 {\n  gap: 3rem;\n}\n\n.gap-4 {\n  gap: 1rem;\n}\n\n.space-y-4 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(1rem * var(--tw-space-y-reverse));\n}\n\n.overflow-hidden {\n  overflow: hidden;\n}\n\n.rounded-sm {\n  border-radius: 0.125rem;\n}\n\n.border-b {\n  border-bottom-width: 1px;\n}\n\n.border-t {\n  border-top-width: 1px;\n}\n\n.border-black {\n  --tw-border-opacity: 1;\n  border-color: rgb(0 0 0 \/ var(--tw-border-opacity, 1));\n}\n\n.bg-\\[\\#E5DED4\\] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(229 222 212 \/ var(--tw-bg-opacity, 1));\n}\n\n.bg-gray-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(243 244 246 \/ var(--tw-bg-opacity, 1));\n}\n\n.px-6 {\n  padding-left: 1.5rem;\n  padding-right: 1.5rem;\n}\n\n.py-24 {\n  padding-top: 6rem;\n  padding-bottom: 6rem;\n}\n\n.py-6 {\n  padding-top: 1.5rem;\n  padding-bottom: 1.5rem;\n}\n\n.font-body {\n  font-family: \"Comfortaa\", cursive, sans-serif;\n}\n\n.font-heading {\n  font-family: \"Quattrocento Sans\", sans-serif;\n}\n\n.text-3xl {\n  font-size: 1.875rem;\n  line-height: 2.25rem;\n}\n\n.text-\\[10px\\] {\n  font-size: 10px;\n}\n\n.text-\\[28px\\] {\n  font-size: 28px;\n}\n\n.text-base {\n  font-size: 1rem;\n  line-height: 1.5rem;\n}\n\n.text-xl {\n  font-size: 1.25rem;\n  line-height: 1.75rem;\n}\n\n.font-bold {\n  font-weight: 700;\n}\n\n.uppercase {\n  text-transform: uppercase;\n}\n\n.leading-relaxed {\n  line-height: 1.625;\n}\n\n.tracking-\\[0\\.15em\\] {\n  letter-spacing: 0.15em;\n}\n\n.text-black {\n  --tw-text-opacity: 1;\n  color: rgb(0 0 0 \/ var(--tw-text-opacity, 1));\n}\n\n.text-black\\\/50 {\n  color: rgb(0 0 0 \/ 0.5);\n}\n\n.text-black\\\/80 {\n  color: rgb(0 0 0 \/ 0.8);\n}\n\n.shadow-sm {\n  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 \/ 0.05);\n  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n@media (min-width: 768px) {\n  .md\\:px-8 {\n    padding-left: 2rem;\n    padding-right: 2rem;\n  }\n\n  .md\\:text-4xl {\n    font-size: 2.25rem;\n    line-height: 2.5rem;\n  }\n}\n\n@media (min-width: 1024px) {\n  .lg\\:order-1 {\n    order: 1;\n  }\n\n  .lg\\:order-2 {\n    order: 2;\n  }\n\n  .lg\\:col-span-5 {\n    grid-column: span 5 \/ span 5;\n  }\n\n  .lg\\:col-span-7 {\n    grid-column: span 7 \/ span 7;\n  }\n\n  .lg\\:block {\n    display: block;\n  }\n\n  .lg\\:hidden {\n    display: none;\n  }\n\n  .lg\\:h-\\[800px\\] {\n    height: 800px;\n  }\n\n  .lg\\:grid-cols-12 {\n    grid-template-columns: repeat(12, minmax(0, 1fr));\n  }\n\n  .lg\\:gap-16 {\n    gap: 4rem;\n  }\n}\n\n<\/style>\n\n<section class=\"py-24 bg-[#E5DED4] relative z-20\">\n    <div style=\"max-width: 1100px; margin-left: auto; margin-right: auto;\" class=\"px-6 md:px-8\">\n        <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-12 lg:gap-16 items-start\">\n\n            <!-- Columna Izquierda: Mapa Interactivo (Solo visible en Desktop\/Lg) -->\n            <div class=\"hidden lg:block lg:col-span-7 relative lg:h-[800px] w-full rounded-sm overflow-hidden bg-gray-100 order-2 lg:order-1 shadow-sm\">\n                                <iframe src=\"https:\/\/maps.google.com\/maps?q=Paseo%20Carey%2C%20Zona%20002%2C%20Holbox%2C%20Quintana%20Roo%2C%20Mexico%20C.P.%2077310&amp;t=&amp;z=15&amp;ie=UTF8&amp;iwloc=&amp;output=embed\" width=\"100%\" height=\"100%\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\" class=\"absolute inset-0 w-full h-full\"><\/iframe>\n                            <\/div>\n\n            <!-- Columna Derecha: Contenido y Lista de Atracciones -->\n            <div class=\"lg:col-span-5 flex flex-col order-1 lg:order-2\">\n                <h3 class=\"font-heading text-3xl md:text-4xl text-black mb-6\" style=\"color: #000000 !important;\">\u00bfD\u00f3nde est\u00e1 Isla Holbox? Ubicaci\u00f3n, acceso y qu\u00e9 esperar<\/h3>\n\n                                <div class=\"font-body text-black\/80 leading-relaxed text-base space-y-4 mb-10\" style=\"color: rgba(0, 0, 0, 0.8) !important;\">\n                    Isla Holbox forma parte de la Reserva Natural Yum Balam, una biosfera protegida que mantiene a la isla libre del turismo masivo, las grandes cadenas hoteleras y la sobrepoblaci\u00f3n.\nAWA est\u00e1 ubicado en Paseo Carey, a unos pasos de la playa, en el coraz\u00f3n del tramo de costa m\u00e1s codiciado de la isla. Todo en Holbox se puede recorrer a pie, y el centro del pueblo, los restaurantes locales y los mejores puntos para ver el atardecer est\u00e1n a un f\u00e1cil alcance.\n\n                <\/div>\n                \n                <!-- Encabezado de la lista con l\u00ednea negra -->\n                                <div class=\"flex items-center gap-4 mb-4\">\n                    <h3 class=\"text-[28px] text-black\" style=\"color: #000000 !important;\">Atracciones cercanas<\/h3>\n\n                <\/div>\n                \n                <!-- MAPA EXCLUSIVO PARA M\u00d3VILES (Se renderiza justo debajo del t\u00edtulo de la lista en m\u00f3viles, alto de 300px) -->\n                                <div class=\"block lg:hidden relative h-[300px] w-full rounded-sm overflow-hidden bg-gray-100 mb-6 shadow-sm\">\n                    <iframe src=\"https:\/\/maps.google.com\/maps?q=Paseo%20Carey%2C%20Zona%20002%2C%20Holbox%2C%20Quintana%20Roo%2C%20Mexico%20C.P.%2077310&amp;t=&amp;z=15&amp;ie=UTF8&amp;iwloc=&amp;output=embed\" width=\"100%\" height=\"100%\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\" class=\"absolute inset-0 w-full h-full\"><\/iframe>\n                <\/div>\n                \n                <!-- Contenedor con l\u00ednea negra superior -->\n                <div class=\"border-t border-black font-body\" style=\"border-top-color: rgba(0, 0, 0, 0.25) !important;\">\n                    <!-- Inyecci\u00f3n de las atracciones -->\n                    <div class=\"py-6 border-b border-black\" style=\"border-bottom-color: rgba(0, 0, 0, 0.25) !important;\">\n    <!-- T\u00edtulo de la atracci\u00f3n forzado a negro plano -->\n    <div class=\"font-heading font-bold text-xl text-black mb-1\" style=\"color: #000000 !important;\">Playa principal de Holbox<\/div>\n    <!-- Distancia forzada a gris\/negro semi-transparente (50% de opacidad) -->\n    <div class=\"text-[10px] font-bold uppercase tracking-[0.15em] text-black\/50 font-body\" style=\"color: rgba(0, 0, 0, 0.5) !important;\">Isla Holbox, M\u00e9xico, a solo 2 min caminando.<\/div>\n<\/div>\n<div class=\"py-6 border-b border-black\" style=\"border-bottom-color: rgba(0, 0, 0, 0.25) !important;\">\n    <!-- T\u00edtulo de la atracci\u00f3n forzado a negro plano -->\n    <div class=\"font-heading font-bold text-xl text-black mb-1\" style=\"color: #000000 !important;\">Laguna de Flamingos<\/div>\n    <!-- Distancia forzada a gris\/negro semi-transparente (50% de opacidad) -->\n    <div class=\"text-[10px] font-bold uppercase tracking-[0.15em] text-black\/50 font-body\" style=\"color: rgba(0, 0, 0, 0.5) !important;\">Reserva Yum Balam. 15 minutos en carro de golf. <\/div>\n<\/div>\n<div class=\"py-6 border-b border-black\" style=\"border-bottom-color: rgba(0, 0, 0, 0.25) !important;\">\n    <!-- T\u00edtulo de la atracci\u00f3n forzado a negro plano -->\n    <div class=\"font-heading font-bold text-xl text-black mb-1\" style=\"color: #000000 !important;\">Punta Mosquito<\/div>\n    <!-- Distancia forzada a gris\/negro semi-transparente (50% de opacidad) -->\n    <div class=\"text-[10px] font-bold uppercase tracking-[0.15em] text-black\/50 font-body\" style=\"color: rgba(0, 0, 0, 0.5) !important;\">Costa norte, Holbox, a 20minutos en carro de golf. <\/div>\n<\/div>\n<div class=\"py-6 border-b border-black\" style=\"border-bottom-color: rgba(0, 0, 0, 0.25) !important;\">\n    <!-- T\u00edtulo de la atracci\u00f3n forzado a negro plano -->\n    <div class=\"font-heading font-bold text-xl text-black mb-1\" style=\"color: #000000 !important;\">Centro del pueblo y restaurantes locales<\/div>\n    <!-- Distancia forzada a gris\/negro semi-transparente (50% de opacidad) -->\n    <div class=\"text-[10px] font-bold uppercase tracking-[0.15em] text-black\/50 font-body\" style=\"color: rgba(0, 0, 0, 0.5) !important;\">Centro de Holbox, 5 min caminando.<\/div>\n<\/div>\n<div class=\"py-6 border-b border-black\" style=\"border-bottom-color: rgba(0, 0, 0, 0.25) !important;\">\n    <!-- T\u00edtulo de la atracci\u00f3n forzado a negro plano -->\n    <div class=\"font-heading font-bold text-xl text-black mb-1\" style=\"color: #000000 !important;\">Punto del tour de bioluminiscencia<\/div>\n    <!-- Distancia forzada a gris\/negro semi-transparente (50% de opacidad) -->\n    <div class=\"text-[10px] font-bold uppercase tracking-[0.15em] text-black\/50 font-body\" style=\"color: rgba(0, 0, 0, 0.5) !important;\">Costa de Isla Holbox \u2014 10 minutos en carro de golf. <\/div>\n<\/div>\n<div class=\"py-6 border-b border-black\" style=\"border-bottom-color: rgba(0, 0, 0, 0.25) !important;\">\n    <!-- T\u00edtulo de la atracci\u00f3n forzado a negro plano -->\n    <div class=\"font-heading font-bold text-xl text-black mb-1\" style=\"color: #000000 !important;\">Salida del tour de tibur\u00f3n ballena<\/div>\n    <!-- Distancia forzada a gris\/negro semi-transparente (50% de opacidad) -->\n    <div class=\"text-[10px] font-bold uppercase tracking-[0.15em] text-black\/50 font-body\" style=\"color: rgba(0, 0, 0, 0.5) !important;\">Muelle principal de Holbox, a 10 minutos caminando. <\/div>\n<\/div>\n<div class=\"py-6 border-b border-black\" style=\"border-bottom-color: rgba(0, 0, 0, 0.25) !important;\">\n    <!-- T\u00edtulo de la atracci\u00f3n forzado a negro plano -->\n    <div class=\"font-heading font-bold text-xl text-black mb-1\" style=\"color: #000000 !important;\">Zona de kitesurf<\/div>\n    <!-- Distancia forzada a gris\/negro semi-transparente (50% de opacidad) -->\n    <div class=\"text-[10px] font-bold uppercase tracking-[0.15em] text-black\/50 font-body\" style=\"color: rgba(0, 0, 0, 0.5) !important;\">Aguas poco profundas, Holbox. A 15 minutos de distancia en golf cart.<\/div>\n<\/div>\n<div class=\"py-6 border-b border-black\" style=\"border-bottom-color: rgba(0, 0, 0, 0.25) !important;\">\n    <!-- T\u00edtulo de la atracci\u00f3n forzado a negro plano -->\n    <div class=\"font-heading font-bold text-xl text-black mb-1\" style=\"color: #000000 !important;\">Manantial de agua dulce de Yalahau<\/div>\n    <!-- Distancia forzada a gris\/negro semi-transparente (50% de opacidad) -->\n    <div class=\"text-[10px] font-bold uppercase tracking-[0.15em] text-black\/50 font-body\" style=\"color: rgba(0, 0, 0, 0.5) !important;\">Laguna de Yalahau. A 20 minutps en lancha.<\/div>\n<\/div>\n\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/section>\n<!-- end AWA - Location &amp; Attractions -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-12a5a9e e-con-full e-flex e-con e-parent\" data-id=\"12a5a9e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ea7ffe9 elementor-widget elementor-widget-ucaddon_awa_events_grid\" data-id=\"ea7ffe9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_awa_events_grid.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start AWA - Events Grid -->\n<style>\/* widget: AWA - Events Grid *\/\n\n*, ::before, ::after {\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x:  ;\n  --tw-pan-y:  ;\n  --tw-pinch-zoom:  ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-gradient-from-position:  ;\n  --tw-gradient-via-position:  ;\n  --tw-gradient-to-position:  ;\n  --tw-ordinal:  ;\n  --tw-slashed-zero:  ;\n  --tw-numeric-figure:  ;\n  --tw-numeric-spacing:  ;\n  --tw-numeric-fraction:  ;\n  --tw-ring-inset:  ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgb(59 130 246 \/ 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur:  ;\n  --tw-brightness:  ;\n  --tw-contrast:  ;\n  --tw-grayscale:  ;\n  --tw-hue-rotate:  ;\n  --tw-invert:  ;\n  --tw-saturate:  ;\n  --tw-sepia:  ;\n  --tw-drop-shadow:  ;\n  --tw-backdrop-blur:  ;\n  --tw-backdrop-brightness:  ;\n  --tw-backdrop-contrast:  ;\n  --tw-backdrop-grayscale:  ;\n  --tw-backdrop-hue-rotate:  ;\n  --tw-backdrop-invert:  ;\n  --tw-backdrop-opacity:  ;\n  --tw-backdrop-saturate:  ;\n  --tw-backdrop-sepia:  ;\n  --tw-contain-size:  ;\n  --tw-contain-layout:  ;\n  --tw-contain-paint:  ;\n  --tw-contain-style:  ;\n}\n\n::backdrop {\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x:  ;\n  --tw-pan-y:  ;\n  --tw-pinch-zoom:  ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-gradient-from-position:  ;\n  --tw-gradient-via-position:  ;\n  --tw-gradient-to-position:  ;\n  --tw-ordinal:  ;\n  --tw-slashed-zero:  ;\n  --tw-numeric-figure:  ;\n  --tw-numeric-spacing:  ;\n  --tw-numeric-fraction:  ;\n  --tw-ring-inset:  ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgb(59 130 246 \/ 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur:  ;\n  --tw-brightness:  ;\n  --tw-contrast:  ;\n  --tw-grayscale:  ;\n  --tw-hue-rotate:  ;\n  --tw-invert:  ;\n  --tw-saturate:  ;\n  --tw-sepia:  ;\n  --tw-drop-shadow:  ;\n  --tw-backdrop-blur:  ;\n  --tw-backdrop-brightness:  ;\n  --tw-backdrop-contrast:  ;\n  --tw-backdrop-grayscale:  ;\n  --tw-backdrop-hue-rotate:  ;\n  --tw-backdrop-invert:  ;\n  --tw-backdrop-opacity:  ;\n  --tw-backdrop-saturate:  ;\n  --tw-backdrop-sepia:  ;\n  --tw-contain-size:  ;\n  --tw-contain-layout:  ;\n  --tw-contain-paint:  ;\n  --tw-contain-style:  ;\n}\n\n\/*\n! tailwindcss v3.4.19 | MIT License | https:\/\/tailwindcss.com\n*\/\n\n\/*\n1. Prevent padding and border from affecting element width. (https:\/\/github.com\/mozdevs\/cssremedy\/issues\/4)\n2. Allow adding a border to an element by just adding a border-width. (https:\/\/github.com\/tailwindcss\/tailwindcss\/pull\/116)\n*\/\n\n*,\n::before,\n::after {\n  box-sizing: border-box;\n  \/* 1 *\/\n  border-width: 0;\n  \/* 2 *\/\n  border-style: solid;\n  \/* 2 *\/\n  border-color: #e5e7eb;\n  \/* 2 *\/\n}\n\n::before,\n::after {\n  --tw-content: '';\n}\n\n\/*\n1. Use a consistent sensible line-height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n3. Use a more readable tab size.\n4. Use the user's configured `sans` font-family by default.\n5. Use the user's configured `sans` font-feature-settings by default.\n6. Use the user's configured `sans` font-variation-settings by default.\n7. Disable tap highlights on iOS\n*\/\n\nhtml,\n:host {\n  line-height: 1.5;\n  \/* 1 *\/\n  -webkit-text-size-adjust: 100%;\n  \/* 2 *\/\n  -moz-tab-size: 4;\n  \/* 3 *\/\n  -o-tab-size: 4;\n     tab-size: 4;\n  \/* 3 *\/\n  font-family: ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  \/* 4 *\/\n  font-feature-settings: normal;\n  \/* 5 *\/\n  font-variation-settings: normal;\n  \/* 6 *\/\n  -webkit-tap-highlight-color: transparent;\n  \/* 7 *\/\n}\n\n\/*\n1. Remove the margin in all browsers.\n2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.\n*\/\n\nbody {\n  margin: 0;\n  \/* 1 *\/\n  line-height: inherit;\n  \/* 2 *\/\n}\n\n\/*\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https:\/\/bugzilla.mozilla.org\/show_bug.cgi?id=190655)\n3. Ensure horizontal rules are visible by default.\n*\/\n\nhr {\n  height: 0;\n  \/* 1 *\/\n  color: inherit;\n  \/* 2 *\/\n  border-top-width: 1px;\n  \/* 3 *\/\n}\n\n\/*\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*\/\n\nabbr:where([title]) {\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted;\n}\n\n\/*\nRemove the default font size and weight for headings.\n*\/\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  font-size: inherit;\n  font-weight: inherit;\n}\n\n\/*\nReset links to optimize for opt-in styling instead of opt-out.\n*\/\n\na {\n  color: inherit;\n  text-decoration: inherit;\n}\n\n\/*\nAdd the correct font weight in Edge and Safari.\n*\/\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n\/*\n1. Use the user's configured `mono` font-family by default.\n2. Use the user's configured `mono` font-feature-settings by default.\n3. Use the user's configured `mono` font-variation-settings by default.\n4. Correct the odd `em` font sizing in all browsers.\n*\/\n\ncode,\nkbd,\nsamp,\npre {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n  \/* 1 *\/\n  font-feature-settings: normal;\n  \/* 2 *\/\n  font-variation-settings: normal;\n  \/* 3 *\/\n  font-size: 1em;\n  \/* 4 *\/\n}\n\n\/*\nAdd the correct font size in all browsers.\n*\/\n\nsmall {\n  font-size: 80%;\n}\n\n\/*\nPrevent `sub` and `sup` elements from affecting the line height in all browsers.\n*\/\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n\/*\n1. Remove text indentation from table contents in Chrome and Safari. (https:\/\/bugs.chromium.org\/p\/chromium\/issues\/detail?id=999088, https:\/\/bugs.webkit.org\/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in all Chrome and Safari. (https:\/\/bugs.chromium.org\/p\/chromium\/issues\/detail?id=935729, https:\/\/bugs.webkit.org\/show_bug.cgi?id=195016)\n3. Remove gaps between table borders by default.\n*\/\n\ntable {\n  text-indent: 0;\n  \/* 1 *\/\n  border-color: inherit;\n  \/* 2 *\/\n  border-collapse: collapse;\n  \/* 3 *\/\n}\n\n\/*\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n3. Remove default padding in all browsers.\n*\/\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit;\n  \/* 1 *\/\n  font-feature-settings: inherit;\n  \/* 1 *\/\n  font-variation-settings: inherit;\n  \/* 1 *\/\n  font-size: 100%;\n  \/* 1 *\/\n  font-weight: inherit;\n  \/* 1 *\/\n  line-height: inherit;\n  \/* 1 *\/\n  letter-spacing: inherit;\n  \/* 1 *\/\n  color: inherit;\n  \/* 1 *\/\n  margin: 0;\n  \/* 2 *\/\n  padding: 0;\n  \/* 3 *\/\n}\n\n\/*\nRemove the inheritance of text transform in Edge and Firefox.\n*\/\n\nbutton,\nselect {\n  text-transform: none;\n}\n\n\/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Remove default button styles.\n*\/\n\nbutton,\ninput:where([type='button']),\ninput:where([type='reset']),\ninput:where([type='submit']) {\n  -webkit-appearance: button;\n  \/* 1 *\/\n  background-color: transparent;\n  \/* 2 *\/\n  background-image: none;\n  \/* 2 *\/\n}\n\n\/*\nUse the modern Firefox focus style for all focusable elements.\n*\/\n\n:-moz-focusring {\n  outline: auto;\n}\n\n\/*\nRemove the additional `:invalid` styles in Firefox. (https:\/\/github.com\/mozilla\/gecko-dev\/blob\/2f9eacd9d3d995c937b4251a5557d95d494c9be1\/layout\/style\/res\/forms.css#L728-L737)\n*\/\n\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n\/*\nAdd the correct vertical alignment in Chrome and Firefox.\n*\/\n\nprogress {\n  vertical-align: baseline;\n}\n\n\/*\nCorrect the cursor style of increment and decrement buttons in Safari.\n*\/\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n\/*\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*\/\n\n[type='search'] {\n  -webkit-appearance: textfield;\n  \/* 1 *\/\n  outline-offset: -2px;\n  \/* 2 *\/\n}\n\n\/*\nRemove the inner padding in Chrome and Safari on macOS.\n*\/\n\n::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n\/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to `inherit` in Safari.\n*\/\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button;\n  \/* 1 *\/\n  font: inherit;\n  \/* 2 *\/\n}\n\n\/*\nAdd the correct display in Chrome and Safari.\n*\/\n\nsummary {\n  display: list-item;\n}\n\n\/*\nRemoves the default spacing and border for appropriate elements.\n*\/\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n  margin: 0;\n}\n\nfieldset {\n  margin: 0;\n  padding: 0;\n}\n\nlegend {\n  padding: 0;\n}\n\nol,\nul,\nmenu {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n\/*\nReset default styling for dialogs.\n*\/\n\ndialog {\n  padding: 0;\n}\n\n\/*\nPrevent resizing textareas horizontally by default.\n*\/\n\ntextarea {\n  resize: vertical;\n}\n\n\/*\n1. Reset the default placeholder opacity in Firefox. (https:\/\/github.com\/tailwindlabs\/tailwindcss\/issues\/3300)\n2. Set the default placeholder color to the user's configured gray 400 color.\n*\/\n\ninput::-moz-placeholder, textarea::-moz-placeholder {\n  opacity: 1;\n  \/* 1 *\/\n  color: #9ca3af;\n  \/* 2 *\/\n}\n\ninput::placeholder,\ntextarea::placeholder {\n  opacity: 1;\n  \/* 1 *\/\n  color: #9ca3af;\n  \/* 2 *\/\n}\n\n\/*\nSet the default cursor for buttons.\n*\/\n\nbutton,\n[role=\"button\"] {\n  cursor: pointer;\n}\n\n\/*\nMake sure disabled buttons don't get the pointer cursor.\n*\/\n\n:disabled {\n  cursor: default;\n}\n\n\/*\n1. Make replaced elements `display: block` by default. (https:\/\/github.com\/mozdevs\/cssremedy\/issues\/14)\n2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https:\/\/github.com\/jensimmons\/cssremedy\/issues\/14#issuecomment-634934210)\n   This can trigger a poorly considered lint error in some tools but is included by design.\n*\/\n\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n  display: block;\n  \/* 1 *\/\n  vertical-align: middle;\n  \/* 2 *\/\n}\n\n\/*\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https:\/\/github.com\/mozdevs\/cssremedy\/issues\/14)\n*\/\n\nimg,\nvideo {\n  max-width: 100%;\n  height: auto;\n}\n\n\/* Make elements with the HTML hidden attribute stay hidden by default *\/\n\n[hidden]:where(:not([hidden=\"until-found\"])) {\n  display: none;\n}\n\n.order-1 {\n  order: 1;\n}\n\n.order-2 {\n  order: 2;\n}\n\n.mx-auto {\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.mb-16 {\n  margin-bottom: 4rem;\n}\n\n.mb-2 {\n  margin-bottom: 0.5rem;\n}\n\n.mb-3 {\n  margin-bottom: 0.75rem;\n}\n\n.mb-6 {\n  margin-bottom: 1.5rem;\n}\n\n.mt-4 {\n  margin-top: 1rem;\n}\n\n.block {\n  display: block;\n}\n\n.flex {\n  display: flex;\n}\n\n.h-\\[220px\\] {\n  height: 220px;\n}\n\n.h-auto {\n  height: auto;\n}\n\n.h-full {\n  height: 100%;\n}\n\n.w-full {\n  width: 100%;\n}\n\n.max-w-3xl {\n  max-width: 48rem;\n}\n\n.max-w-7xl {\n  max-width: 80rem;\n}\n\n.shrink-0 {\n  flex-shrink: 0;\n}\n\n.snap-x {\n  scroll-snap-type: x var(--tw-scroll-snap-strictness);\n}\n\n.snap-mandatory {\n  --tw-scroll-snap-strictness: mandatory;\n}\n\n.snap-start {\n  scroll-snap-align: start;\n}\n\n.flex-col {\n  flex-direction: column;\n}\n\n.justify-center {\n  justify-content: center;\n}\n\n.gap-6 {\n  gap: 1.5rem;\n}\n\n.overflow-hidden {\n  overflow: hidden;\n}\n\n.overflow-x-auto {\n  overflow-x: auto;\n}\n\n.border {\n  border-width: 1px;\n}\n\n.bg-\\[\\#FAFAFA\\] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(250 250 250 \/ var(--tw-bg-opacity, 1));\n}\n\n.bg-gray-200 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(229 231 235 \/ var(--tw-bg-opacity, 1));\n}\n\n.bg-transparent {\n  background-color: transparent;\n}\n\n.px-2 {\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n}\n\n.px-6 {\n  padding-left: 1.5rem;\n  padding-right: 1.5rem;\n}\n\n.pb-16 {\n  padding-bottom: 4rem;\n}\n\n.pb-2 {\n  padding-bottom: 0.5rem;\n}\n\n.pb-8 {\n  padding-bottom: 2rem;\n}\n\n.pt-24 {\n  padding-top: 6rem;\n}\n\n.pt-5 {\n  padding-top: 1.25rem;\n}\n\n.text-center {\n  text-align: center;\n}\n\n.font-body {\n  font-family: \"Comfortaa\", cursive, sans-serif;\n}\n\n.font-heading {\n  font-family: \"Quattrocento Sans\", sans-serif;\n}\n\n.text-\\[30px\\] {\n  font-size: 30px;\n}\n\n.text-lg {\n  font-size: 1.125rem;\n  line-height: 1.75rem;\n}\n\n.text-sm {\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n}\n\n.font-bold {\n  font-weight: 700;\n}\n\n.uppercase {\n  text-transform: uppercase;\n}\n\n.leading-relaxed {\n  line-height: 1.625;\n}\n\n.tracking-wider {\n  letter-spacing: 0.05em;\n}\n\n.tracking-widest {\n  letter-spacing: 0.1em;\n}\n\n.text-black {\n  --tw-text-opacity: 1;\n  color: rgb(0 0 0 \/ var(--tw-text-opacity, 1));\n}\n\n.text-black\\\/50 {\n  color: rgb(0 0 0 \/ 0.5);\n}\n\n.text-black\\\/70 {\n  color: rgb(0 0 0 \/ 0.7);\n}\n\n.text-black\\\/80 {\n  color: rgb(0 0 0 \/ 0.8);\n}\n\n.text-brand-black {\n  --tw-text-opacity: 1;\n  color: rgb(0 0 0 \/ var(--tw-text-opacity, 1));\n}\n\n.outline {\n  outline-style: solid;\n}\n\n.transition-all {\n  transition-property: all;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n\n.duration-300 {\n  transition-duration: 300ms;\n}\n\n.hover\\:text-brand-accent:hover {\n  --tw-text-opacity: 1;\n  color: rgb(69 82 80 \/ var(--tw-text-opacity, 1));\n}\n\n.focus\\:outline-none:focus {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n\n@media (min-width: 768px) {\n  .md\\:mb-24 {\n    margin-bottom: 6rem;\n  }\n\n  .md\\:px-12 {\n    padding-left: 3rem;\n    padding-right: 3rem;\n  }\n\n  .md\\:pb-24 {\n    padding-bottom: 6rem;\n  }\n\n  .md\\:text-\\[40px\\] {\n    font-size: 40px;\n  }\n}\n\n@media (min-width: 1024px) {\n  .lg\\:order-1 {\n    order: 1;\n  }\n\n  .lg\\:order-2 {\n    order: 2;\n  }\n\n  .lg\\:grid {\n    display: grid;\n  }\n\n  .lg\\:hidden {\n    display: none;\n  }\n\n  .lg\\:h-\\[450px\\] {\n    height: 450px;\n  }\n\n  .lg\\:h-full {\n    height: 100%;\n  }\n\n  .lg\\:w-auto {\n    width: auto;\n  }\n\n  .lg\\:shrink {\n    flex-shrink: 1;\n  }\n\n  .lg\\:flex-grow {\n    flex-grow: 1;\n  }\n\n  .lg\\:grid-cols-5 {\n    grid-template-columns: repeat(5, minmax(0, 1fr));\n  }\n\n  .lg\\:gap-0 {\n    gap: 0px;\n  }\n\n  .lg\\:px-8 {\n    padding-left: 2rem;\n    padding-right: 2rem;\n  }\n\n  .lg\\:pb-0 {\n    padding-bottom: 0px;\n  }\n\n  .lg\\:pb-16 {\n    padding-bottom: 4rem;\n  }\n\n  .lg\\:pt-0 {\n    padding-top: 0px;\n  }\n}\n\n\/* --- CSS propio del widget (no es de Tailwind) --- *\/\n\/* Ocultar barra de scroll para el carrusel de eventos en m\u00f3viles\/tablets *\/\n@media (max-width: 1023px) {\n    .events-carousel::-webkit-scrollbar {\n        display: none !important;\n    }\n    .events-carousel {\n        -ms-overflow-style: none !important;\n        scrollbar-width: none !important;\n    }\n}\n\n<\/style>\n\n<section class=\"pt-24 pb-16 md:pb-24 bg-[#FAFAFA]\">\n    <div class=\"max-w-7xl mx-auto px-6 md:px-12\">\n        <!-- Header -->\n        <div class=\"text-center max-w-3xl mx-auto mb-16 md:mb-24\">\n                        <span class=\"text-black\/50 font-bold tracking-widest uppercase text-sm mb-3 block font-body\" style=\"color: rgba(0, 0, 0, 0.5) !important;\">Eventos<\/span>\n                        <h2 class=\"font-heading text-[30px] md:text-[40px] text-black mb-6\" style=\"color: #000000 !important;\">Bodas y eventos<\/h2>\n                        <p class=\"font-body text-black\/80 leading-relaxed text-lg\" style=\"color: rgba(0, 0, 0, 0.8) !important;\">\n                AWA Holbox es uno de los pocos hoteles boutique en Isla Holbox equipado para albergar eventos privados con una experiencia de lujo completa. El hotel ofrece opciones exclusivas de renta total, men\u00fas personalizados y coordinaci\u00f3n integral de eventos.\n\n            <\/p>\n                    <\/div>\n    <\/div>\n\n     <!-- Contenedor: Carrusel Flex en m\u00f3viles, Grid en Desktop (Lg) -->\n    <div class=\"w-full flex flex-col\">\n        <div id=\"events-carousel\" class=\"events-carousel flex overflow-x-auto snap-x snap-mandatory lg:grid lg:grid-cols-5 w-full gap-6 lg:gap-0 pb-8 lg:pb-0\">\n            <!-- Inyecci\u00f3n de las columnas -->\n            <div class=\"w-full lg:w-auto shrink-0 lg:shrink snap-start flex flex-col h-auto lg:h-full bg-transparent\">\n\n    <!-- 1. Imagen (Orden 1 en m\u00f3vil \/ Orden 2 en Desktop) - Alto id\u00e9ntico en m\u00f3vil (220px) -->\n    <div class=\"w-full h-[220px] lg:h-[450px] order-1 lg:order-2 overflow-hidden bg-gray-200 shrink-0\">\n        <img decoding=\"async\" src=\"https:\/\/www.awaholbox.com\/wp-content\/uploads\/2025\/10\/Copy-of-DSC03713-1-scaled.webp\" alt=\"Bodas de destino\" class=\"w-full h-full\" style=\"width: 100% !important; height: 100% !important; object-fit: cover !important;\">\n    <\/div>\n\n    <!-- 2. Texto descriptivo (Orden 2 en m\u00f3vil \/ Orden 1 en Desktop) - pb-2 en m\u00f3vil para m\u00e1xima compactaci\u00f3n -->\n    <div class=\"px-2 lg:px-8 pb-2 lg:pb-16 pt-5 lg:pt-0 order-2 lg:order-1 lg:flex-grow\">\n        <!-- T\u00edtulo -->\n        <div class=\"font-heading font-bold text-lg uppercase tracking-wider mb-2 text-black\" style=\"color: #000000 !important; font-size: 18px !important;\">Bodas de destino<\/div>\n        <!-- P\u00e1rrafo -->\n        <p class=\"font-body text-sm text-black\/70 leading-relaxed\" style=\"color: rgba(0, 0, 0, 0.7) !important;\">Ceremonias \u00edntimas en la playa o en el rooftop, con coordinaci\u00f3n completa incluida.\n<\/p>\n    <\/div>\n\n<\/div>\n<div class=\"w-full lg:w-auto shrink-0 lg:shrink snap-start flex flex-col h-auto lg:h-full bg-transparent\">\n\n    <!-- 1. Imagen (Orden 1 en m\u00f3vil \/ Orden 2 en Desktop) - Alto id\u00e9ntico en m\u00f3vil (220px) -->\n    <div class=\"w-full h-[220px] lg:h-[450px] order-1 lg:order-2 overflow-hidden bg-gray-200 shrink-0\">\n        <img decoding=\"async\" src=\"https:\/\/www.awaholbox.com\/wp-content\/uploads\/2026\/07\/awa-15.png\" alt=\"Celebraciones privadas\" class=\"w-full h-full\" style=\"width: 100% !important; height: 100% !important; object-fit: cover !important;\">\n    <\/div>\n\n    <!-- 2. Texto descriptivo (Orden 2 en m\u00f3vil \/ Orden 1 en Desktop) - pb-2 en m\u00f3vil para m\u00e1xima compactaci\u00f3n -->\n    <div class=\"px-2 lg:px-8 pb-2 lg:pb-16 pt-5 lg:pt-0 order-2 lg:order-1 lg:flex-grow\">\n        <!-- T\u00edtulo -->\n        <div class=\"font-heading font-bold text-lg uppercase tracking-wider mb-2 text-black\" style=\"color: #000000 !important; font-size: 18px !important;\">Celebraciones privadas<\/div>\n        <!-- P\u00e1rrafo -->\n        <p class=\"font-body text-sm text-black\/70 leading-relaxed\" style=\"color: rgba(0, 0, 0, 0.7) !important;\">Cumplea\u00f1os, aniversarios y rentas grupales.<\/p>\n    <\/div>\n\n<\/div>\n<div class=\"w-full lg:w-auto shrink-0 lg:shrink snap-start flex flex-col h-auto lg:h-full bg-transparent\">\n\n    <!-- 1. Imagen (Orden 1 en m\u00f3vil \/ Orden 2 en Desktop) - Alto id\u00e9ntico en m\u00f3vil (220px) -->\n    <div class=\"w-full h-[220px] lg:h-[450px] order-1 lg:order-2 overflow-hidden bg-gray-200 shrink-0\">\n        <img decoding=\"async\" src=\"https:\/\/www.awaholbox.com\/wp-content\/uploads\/2025\/10\/Copy-of-DSC03713-1-scaled.webp\" alt=\"Men\u00fas personalizados\" class=\"w-full h-full\" style=\"width: 100% !important; height: 100% !important; object-fit: cover !important;\">\n    <\/div>\n\n    <!-- 2. Texto descriptivo (Orden 2 en m\u00f3vil \/ Orden 1 en Desktop) - pb-2 en m\u00f3vil para m\u00e1xima compactaci\u00f3n -->\n    <div class=\"px-2 lg:px-8 pb-2 lg:pb-16 pt-5 lg:pt-0 order-2 lg:order-1 lg:flex-grow\">\n        <!-- T\u00edtulo -->\n        <div class=\"font-heading font-bold text-lg uppercase tracking-wider mb-2 text-black\" style=\"color: #000000 !important; font-size: 18px !important;\">Men\u00fas personalizados<\/div>\n        <!-- P\u00e1rrafo -->\n        <p class=\"font-body text-sm text-black\/70 leading-relaxed\" style=\"color: rgba(0, 0, 0, 0.7) !important;\">Experiencias gastron\u00f3micas personalizadas, dise\u00f1adas en torno a tu evento.\n<\/p>\n    <\/div>\n\n<\/div>\n<div class=\"w-full lg:w-auto shrink-0 lg:shrink snap-start flex flex-col h-auto lg:h-full bg-transparent\">\n\n    <!-- 1. Imagen (Orden 1 en m\u00f3vil \/ Orden 2 en Desktop) - Alto id\u00e9ntico en m\u00f3vil (220px) -->\n    <div class=\"w-full h-[220px] lg:h-[450px] order-1 lg:order-2 overflow-hidden bg-gray-200 shrink-0\">\n        <img decoding=\"async\" src=\"https:\/\/www.awaholbox.com\/wp-content\/uploads\/2026\/07\/awa-15.png\" alt=\"Coordinaci\u00f3n integral de eventos\" class=\"w-full h-full\" style=\"width: 100% !important; height: 100% !important; object-fit: cover !important;\">\n    <\/div>\n\n    <!-- 2. Texto descriptivo (Orden 2 en m\u00f3vil \/ Orden 1 en Desktop) - pb-2 en m\u00f3vil para m\u00e1xima compactaci\u00f3n -->\n    <div class=\"px-2 lg:px-8 pb-2 lg:pb-16 pt-5 lg:pt-0 order-2 lg:order-1 lg:flex-grow\">\n        <!-- T\u00edtulo -->\n        <div class=\"font-heading font-bold text-lg uppercase tracking-wider mb-2 text-black\" style=\"color: #000000 !important; font-size: 18px !important;\">Coordinaci\u00f3n integral de eventos<\/div>\n        <!-- P\u00e1rrafo -->\n        <p class=\"font-body text-sm text-black\/70 leading-relaxed\" style=\"color: rgba(0, 0, 0, 0.7) !important;\">El equipo de AWA se encarga de la log\u00edstica, la decoraci\u00f3n y la coordinaci\u00f3n con proveedores.\n<\/p>\n    <\/div>\n\n<\/div>\n<div class=\"w-full lg:w-auto shrink-0 lg:shrink snap-start flex flex-col h-auto lg:h-full bg-transparent\">\n\n    <!-- 1. Imagen (Orden 1 en m\u00f3vil \/ Orden 2 en Desktop) - Alto id\u00e9ntico en m\u00f3vil (220px) -->\n    <div class=\"w-full h-[220px] lg:h-[450px] order-1 lg:order-2 overflow-hidden bg-gray-200 shrink-0\">\n        <img decoding=\"async\" src=\"https:\/\/www.awaholbox.com\/wp-content\/uploads\/2025\/10\/Copy-of-DSC03713-1-scaled.webp\" alt=\"Renta exclusiva del hotel\" class=\"w-full h-full\" style=\"width: 100% !important; height: 100% !important; object-fit: cover !important;\">\n    <\/div>\n\n    <!-- 2. Texto descriptivo (Orden 2 en m\u00f3vil \/ Orden 1 en Desktop) - pb-2 en m\u00f3vil para m\u00e1xima compactaci\u00f3n -->\n    <div class=\"px-2 lg:px-8 pb-2 lg:pb-16 pt-5 lg:pt-0 order-2 lg:order-1 lg:flex-grow\">\n        <!-- T\u00edtulo -->\n        <div class=\"font-heading font-bold text-lg uppercase tracking-wider mb-2 text-black\" style=\"color: #000000 !important; font-size: 18px !important;\">Renta exclusiva del hotel<\/div>\n        <!-- P\u00e1rrafo -->\n        <p class=\"font-body text-sm text-black\/70 leading-relaxed\" style=\"color: rgba(0, 0, 0, 0.7) !important;\">Reserva el hotel completo para tu grupo.\n<\/p>\n    <\/div>\n\n<\/div>\n\n        <\/div>\n    <\/div>\n    <!-- Flechas de navegaci\u00f3n sutiles (Solo visibles en m\u00f3viles\/tablets) -->\n    <div class=\"flex justify-center gap-6 mt-4 lg:hidden\">\n        <button aria-label=\"Previous Event\" class=\"events-prev text-brand-black hover:text-brand-accent transition-all duration-300 focus:outline-none\" style=\"background: transparent !important; border: none !important; box-shadow: none !important; border-radius: 0 !important; padding: 0 !important; width: auto !important; height: auto !important; margin: 0 !important; outline: none !important;\">\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"stroke: #000000 !important;\"><line x1=\"19\" y1=\"12\" x2=\"5\" y2=\"12\"><\/line><polyline points=\"12 19 5 12 12 5\"><\/polyline><\/svg>\n        <\/button>\n        <button aria-label=\"Next Event\" class=\"events-next text-brand-black hover:text-brand-accent transition-all duration-300 focus:outline-none\" style=\"background: transparent !important; border: none !important; box-shadow: none !important; border-radius: 0 !important; padding: 0 !important; width: auto !important; height: auto !important; margin: 0 !important; outline: none !important;\">\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"stroke: #000000 !important;\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\n        <\/button>\n    <\/div>\n<\/section>\n<!-- end AWA - Events Grid -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-23964270 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-invisible\" data-id=\"23964270\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5f383af8\" data-id=\"5f383af8\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-24844495 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"24844495\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Testimoniales<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3532960f elementor-invisible elementor-widget elementor-widget-elementskit-testimonial\" data-id=\"3532960f\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"elementskit-testimonial.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" ><div class=\"elementskit-testimonial-slider ekit_testimonial_style_5 arrow_inside \" data-config=\"{&quot;rtl&quot;:false,&quot;arrows&quot;:true,&quot;dots&quot;:false,&quot;pauseOnHover&quot;:true,&quot;autoplay&quot;:true,&quot;speed&quot;:1000,&quot;slidesPerGroup&quot;:1,&quot;slidesPerView&quot;:1,&quot;loop&quot;:true,&quot;spaceBetween&quot;:29,&quot;breakpoints&quot;:{&quot;320&quot;:{&quot;slidesPerView&quot;:1,&quot;slidesPerGroup&quot;:1,&quot;spaceBetween&quot;:10},&quot;768&quot;:{&quot;slidesPerView&quot;:1,&quot;slidesPerGroup&quot;:1,&quot;spaceBetween&quot;:10},&quot;1024&quot;:{&quot;slidesPerView&quot;:1,&quot;slidesPerGroup&quot;:1,&quot;spaceBetween&quot;:29}}}\">\n\t<div class=\"ekit-main-swiper swiper\">\n\t\t<div class=\"swiper-wrapper\">\n\t\t\t\t\t\t\t<div class=\"swiper-slide\">\n\t\t\t\t\t<div class=\"swiper-slide-inner\">\n\t\t\t\t\t\t<div class=\"elementskit-single-testimonial-slider elementskit-testimonial-slider-block-style elementskit-testimonial-slider-block-style-two   elementor-repeater-item-29f88f9\" >\n\t\t\t\t\t\t\t<div class=\"elementskit-commentor-header\">\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementskit-icon-content elementskit-watermark-icon \">\n\t\t\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"icon icon-testimonial-quote\"><\/i>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementskit-commentor-content\"><p>Me encant\u00f3 la habitaci\u00f3n y la ubicaci\u00f3n. Ten\u00edamos vista frente al mar y los restaurantes estaban muy ricos. Sin duda disfrutamos de nuestras vacaciones. Vali\u00f3 mucho la pena la espera.<\/p><\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<div class=\"elementskit-commentor-bio\">\n\t\t\t\t\t\t\t\t<div class=\"elementkit-commentor-details client_center\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementskit-profile-info\">\n\t\t\t\t\t\t\t\t\t\t<strong class=\"elementskit-author-name\">Arturo Mendoza<\/strong>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementskit-author-des\">Booking<\/span>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"swiper-slide\">\n\t\t\t\t\t<div class=\"swiper-slide-inner\">\n\t\t\t\t\t\t<div class=\"elementskit-single-testimonial-slider elementskit-testimonial-slider-block-style elementskit-testimonial-slider-block-style-two   elementor-repeater-item-b8cd21a\" >\n\t\t\t\t\t\t\t<div class=\"elementskit-commentor-header\">\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementskit-icon-content elementskit-watermark-icon \">\n\t\t\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"icon icon-testimonial-quote\"><\/i>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementskit-commentor-content\"><p>Excelente hotel, en verdad la pase incre\u00edble. Tiene muy buena calidad de comida y bebidas. El personal es super amable y educado. La habitaci\u00f3n era s\u00faper amplia y la puesta de sol vista desde la terraza es realmente incre\u00edble. La piscina es sorprendente.<\/p><\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<div class=\"elementskit-commentor-bio\">\n\t\t\t\t\t\t\t\t<div class=\"elementkit-commentor-details client_center\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementskit-profile-info\">\n\t\t\t\t\t\t\t\t\t\t<strong class=\"elementskit-author-name\">Watkins Henderson<\/strong>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementskit-author-des\">Booking<\/span>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"swiper-slide\">\n\t\t\t\t\t<div class=\"swiper-slide-inner\">\n\t\t\t\t\t\t<div class=\"elementskit-single-testimonial-slider elementskit-testimonial-slider-block-style elementskit-testimonial-slider-block-style-two   elementor-repeater-item-60d0a96\" >\n\t\t\t\t\t\t\t<div class=\"elementskit-commentor-header\">\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementskit-icon-content elementskit-watermark-icon \">\n\t\t\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"icon icon-testimonial-quote\"><\/i>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementskit-commentor-content\"><p>Hab\u00eda visitado Holbox varias veces y ninguno de los hoteles a los que hab\u00eda ido me convencieron, hasta que me recomendaron este y la verdad... \u00a1Esta incre\u00edble el lugar! Me encant\u00f3 la decoraci\u00f3n sencilla pero muy moderna, las instalaciones s\u00faper limpias y amenas, est\u00e1 muy rico para pasarla en familia o con tu pareja.<\/p><\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<div class=\"elementskit-commentor-bio\">\n\t\t\t\t\t\t\t\t<div class=\"elementkit-commentor-details client_center\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementskit-profile-info\">\n\t\t\t\t\t\t\t\t\t\t<strong class=\"elementskit-author-name\">Miriam Salgado<\/strong>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementskit-author-des\">Google<\/span>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"swiper-slide\">\n\t\t\t\t\t<div class=\"swiper-slide-inner\">\n\t\t\t\t\t\t<div class=\"elementskit-single-testimonial-slider elementskit-testimonial-slider-block-style elementskit-testimonial-slider-block-style-two   elementor-repeater-item-952d76b\" >\n\t\t\t\t\t\t\t<div class=\"elementskit-commentor-header\">\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementskit-icon-content elementskit-watermark-icon \">\n\t\t\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"icon icon-testimonial-quote\"><\/i>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementskit-commentor-content\"><p>El hotel est\u00e1 espectacular, las habitaciones divinas (la cama s\u00faper c\u00f3moda por cierto), todo est\u00e1 nuevo y bien cuidado, la gente s\u00faper amable y que decir de las vistas y los atardeceres.<\/p><\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<div class=\"elementskit-commentor-bio\">\n\t\t\t\t\t\t\t\t<div class=\"elementkit-commentor-details client_center\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementskit-profile-info\">\n\t\t\t\t\t\t\t\t\t\t<strong class=\"elementskit-author-name\">Isabel del Peral<\/strong>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementskit-author-des\">Google<\/span>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\t\n\t\t\t\t\t<div class=\"swiper-navigation-button swiper-button-prev\">\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<div class=\"swiper-navigation-button swiper-button-next\">\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n<\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7671047a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7671047a\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-4000fa3e\" data-id=\"4000fa3e\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f10e65a elementor-invisible elementor-widget elementor-widget-image\" data-id=\"f10e65a\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1709\" height=\"2560\" src=\"https:\/\/www.awaholbox.com\/wp-content\/uploads\/2025\/10\/Copy-of-DSC03713-1-scaled.webp\" class=\"attachment-full size-full wp-image-1322\" alt=\"Hotel boutique de dise\u00f1o r\u00fast\" srcset=\"https:\/\/www.awaholbox.com\/wp-content\/uploads\/2025\/10\/Copy-of-DSC03713-1-scaled.webp 1709w, https:\/\/www.awaholbox.com\/wp-content\/uploads\/2025\/10\/Copy-of-DSC03713-1-scaled-200x300.webp 200w, https:\/\/www.awaholbox.com\/wp-content\/uploads\/2025\/10\/Copy-of-DSC03713-1-scaled-684x1024.webp 684w, https:\/\/www.awaholbox.com\/wp-content\/uploads\/2025\/10\/Copy-of-DSC03713-1-scaled-768x1150.webp 768w, https:\/\/www.awaholbox.com\/wp-content\/uploads\/2025\/10\/Copy-of-DSC03713-1-scaled-1025x1536.webp 1025w, https:\/\/www.awaholbox.com\/wp-content\/uploads\/2025\/10\/Copy-of-DSC03713-1-scaled-1367x2048.webp 1367w, https:\/\/www.awaholbox.com\/wp-content\/uploads\/2025\/10\/Copy-of-DSC03713-1-scaled-8x12.webp 8w\" sizes=\"(max-width: 1709px) 100vw, 1709px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-7233678a\" data-id=\"7233678a\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-739d110e elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"739d110e\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Hacemos de tu estancia algo inolvidable.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2a5167cf elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"2a5167cf\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p class=\"p1\">Cada rinc\u00f3n de nuestro hotel ha sido dise\u00f1ado con una arquitectura \u00fanica y vanguardista, adem\u00e1s de su atenci\u00f3n al detalle. Nuestro hotel combina la comodidad de clase mundial con la serenidad de la isla.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1b01c66f elementor-invisible elementor-widget elementor-widget-image\" data-id=\"1b01c66f\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"2560\" height=\"1707\" src=\"https:\/\/www.awaholbox.com\/wp-content\/uploads\/2025\/10\/FT_JUL_AWA_-236-scaled.webp\" class=\"attachment-full size-full wp-image-1326\" alt=\"Piscina de un resort ilumin\" srcset=\"https:\/\/www.awaholbox.com\/wp-content\/uploads\/2025\/10\/FT_JUL_AWA_-236-scaled.webp 2560w, https:\/\/www.awaholbox.com\/wp-content\/uploads\/2025\/10\/FT_JUL_AWA_-236-scaled-300x200.webp 300w, https:\/\/www.awaholbox.com\/wp-content\/uploads\/2025\/10\/FT_JUL_AWA_-236-scaled-1024x683.webp 1024w, https:\/\/www.awaholbox.com\/wp-content\/uploads\/2025\/10\/FT_JUL_AWA_-236-scaled-768x512.webp 768w, https:\/\/www.awaholbox.com\/wp-content\/uploads\/2025\/10\/FT_JUL_AWA_-236-scaled-1536x1024.webp 1536w, https:\/\/www.awaholbox.com\/wp-content\/uploads\/2025\/10\/FT_JUL_AWA_-236-scaled-2048x1366.webp 2048w, https:\/\/www.awaholbox.com\/wp-content\/uploads\/2025\/10\/FT_JUL_AWA_-236-scaled-18x12.webp 18w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-fdc9ba2 e-flex e-con-boxed e-con e-parent\" data-id=\"fdc9ba2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-56a9052 elementor-widget elementor-widget-html\" data-id=\"56a9052\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Estilos Internos de las FAQs (Reemplazan a Tailwind CDN y blindan el dise\u00f1o) -->\r\n<style>\r\n    \/* Contenedor principal de la secci\u00f3n *\/\r\n    #awa-faqs {\r\n        padding: 6rem 0 !important;\r\n        background-color: #ffffff !important;\r\n        font-family: sans-serif;\r\n    }\r\n    #awa-faqs .faq-container {\r\n        max-width: 56rem !important;\r\n        margin: 0 auto !important;\r\n        padding-left: 1.5rem !important;\r\n        padding-right: 1.5rem !important;\r\n    }\r\n\r\n    \/* Cabecera (Header) *\/\r\n    #awa-faqs .faq-header {\r\n        text-align: center !important;\r\n        margin-bottom: 4rem !important;\r\n    }\r\n    #awa-faqs .faq-badge {\r\n        font-weight: bold !important;\r\n        letter-spacing: 0.1em !important;\r\n        text-transform: uppercase !important;\r\n        font-size: 0.875rem !important;\r\n        margin-bottom: 0.75rem !important;\r\n        display: block !important;\r\n        color: rgba(69, 82, 80, 1) !important;\r\n    }\r\n    #awa-faqs .faq-title {\r\n        font-family: 'Quattrocento Sans', sans-serif !important;\r\n        font-size: 1.875rem !important;\r\n        font-weight: bold !important;\r\n        color: #000000 !important;\r\n        margin-top: 0 !important;\r\n        margin-bottom: 1.5rem !important;\r\n        line-height: 1.2 !important;\r\n    }\r\n    #awa-faqs .faq-desc {\r\n        font-size: 0.875rem !important;\r\n        line-height: 1.625 !important;\r\n        color: rgba(30, 30, 30, 0.7) !important;\r\n        margin: 0 !important;\r\n    }\r\n\r\n    \/* Lista de Acordeones *\/\r\n    #awa-faqs .faq-list {\r\n        display: flex !important;\r\n        flex-direction: column !important;\r\n        gap: 0.5rem !important;\r\n    }\r\n    #awa-faqs .faq-item {\r\n        border-bottom: 1px solid rgba(0, 0, 0, 0.15) !important;\r\n    }\r\n    \r\n    \/* Bot\u00f3n del Acorde\u00f3n *\/\r\n    #awa-faqs button.faq-button {\r\n        width: 100% !important;\r\n        display: flex !important;\r\n        justify-content: space-between !important;\r\n        align-items: center !important;\r\n        padding: 1.25rem 0 !important;\r\n        text-align: left !important;\r\n        cursor: pointer !important;\r\n        background: transparent !important;\r\n        border: none !important;\r\n        box-shadow: none !important;\r\n        border-radius: 0 !important;\r\n        outline: none !important;\r\n        margin: 0 !important;\r\n    }\r\n    #awa-faqs .faq-button-text {\r\n        font-family: 'Quattrocento Sans', sans-serif !important;\r\n        font-weight: bold !important;\r\n        font-size: 1.125rem !important;\r\n        color: #000000 !important;\r\n        padding-right: 1rem !important;\r\n    }\r\n    #awa-faqs .faq-icon {\r\n        width: 1.25rem !important;\r\n        height: 1.25rem !important;\r\n        flex-shrink: 0 !important;\r\n        transition: transform 0.3s ease !important;\r\n        stroke: #455250 !important;\r\n    }\r\n\r\n    \/* Contenido Expandible *\/\r\n    #awa-faqs .faq-content {\r\n        transition: max-height 0.4s ease-out, opacity 0.4s ease-out !important;\r\n        max-height: 0;\r\n        opacity: 0;\r\n        overflow: hidden !important;\r\n        font-size: 0.875rem !important;\r\n        line-height: 1.625 !important;\r\n        color: rgba(30, 30, 30, 0.75) !important;\r\n    }\r\n    #awa-faqs .faq-content.open {\r\n        opacity: 1 !important;\r\n    }\r\n    #awa-faqs .faq-content-inner {\r\n        padding-bottom: 1.25rem !important;\r\n    }\r\n\r\n    \/* Responsividad (Media Queries) para tablets y PCs *\/\r\n    @media (min-width: 768px) {\r\n        \r\n        .faq-button .faq-button-text {\r\n            font-size:12px!important;\r\n        }\r\n        #awa-faqs .faq-container {\r\n            padding-left: 3rem !important;\r\n            padding-right: 3rem !important;\r\n        }\r\n        #awa-faqs .faq-title {\r\n            font-size: 2.25rem !important;\r\n        }\r\n        #awa-faqs .faq-desc,\r\n        #awa-faqs .faq-content {\r\n            font-size: 1rem !important;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<!-- M\u00f3dulo: FAQs -->\r\n<section id=\"awa-faqs\">\r\n    <div class=\"faq-container\">\r\n        \r\n        <!-- Header -->\r\n        <div class=\"faq-header\">\r\n            <span class=\"faq-badge\">FAQs<\/span>\r\n            <h2 class=\"faq-title\">Todo lo que los viajeros de Estados Unidos preguntan antes de reservar en AWA Holbox<\/h2>\r\n            <p class=\"faq-desc\">\r\n               AWA Holbox es uno de los pocos hoteles boutique en Isla Holbox equipado para albergar eventos privados con una experiencia de lujo completa. El hotel ofrece opciones exclusivas de renta total, men\u00fas personalizados y coordinaci\u00f3n integral de eventos.\r\n\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <!-- Lista de Acordeones -->\r\n        <div class=\"faq-list\">\r\n            \r\n            <!-- FAQ 1 -->\r\n           \r\n            <div class=\"faq-item\">\r\n                <button class=\"faq-button\">\r\n                    <span class=\"faq-button-text\">\u00bfCu\u00e1l es el mejor hotel boutique para hospedarse en Isla Holbox?\r\n<\/span>\r\n                    <svg class=\"faq-icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\r\n                <\/button>\r\n                <div class=\"faq-content\">\r\n                    <div class=\"faq-content-inner\">\r\n                        El mejor hotel boutique en Isla Holbox es AWA Holbox, un alojamiento premium dise\u00f1ado para la relajaci\u00f3n total y los viajes de lujo. A diferencia de los grandes resorts comerciales, AWA ofrece una experiencia \u00edntima de lujo descalzo (barefoot luxury) con habitaciones de dise\u00f1ador, hospitalidad personalizada, un exclusivo Rooftop Sky Bar con alberca elevada y zonas de descanso pensadas para una desconexi\u00f3n total en el Caribe, cerca de la playa.\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- FAQ 3 -->\r\n            <div class=\"faq-item\">\r\n                <button class=\"faq-button\">\r\n                    <span class=\"faq-button-text\">\u00bfQu\u00e9 tipos de habitaciones y suites de lujo est\u00e1n disponibles en AWA Holbox?\r\n<\/span>\r\n                    <svg class=\"faq-icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\r\n                <\/button>\r\n                <div class=\"faq-content\">\r\n                    <div class=\"faq-content-inner\">\r\n                        AWA Holbox cuenta con exclusivas habitaciones de dise\u00f1ador y suites de lujo equipadas con amenidades premium, acabados de origen local, aire acondicionado de alto rendimiento, Wi-Fi de alta velocidad y balcones o terrazas privadas. Nuestras opciones de alojamiento van desde habitaciones acogedoras e \u00edntimas para parejas hasta suites amplias con vistas espectaculares, lo que garantiza la m\u00e1xima privacidad y una estancia relajante durante tus vacaciones en la isla.\r\n\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- FAQ 4 -->\r\n            <div class=\"faq-item\">\r\n                <button class=\"faq-button\">\r\n                    <span class=\"faq-button-text\">\u00bfEl hotel cuenta con alberca, rooftop y zonas de descanso?<\/span>\r\n                    <svg class=\"faq-icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\r\n                <\/button>\r\n                <div class=\"faq-content\">\r\n                    <div class=\"faq-content-inner\">\r\n                        S\u00ed, nuestra propiedad est\u00e1 totalmente equipada para el disfrute y la relajaci\u00f3n al aire libre. Contamos con una alberca principal en la planta baja, rodeada de camastros y vegetaci\u00f3n tropical, adem\u00e1s de un espectacular Rooftop Sky Bar con alberca elevada. Esta zona es reconocida como uno de los mejores lugares de la isla para relajarse, disfrutar de c\u00f3cteles de autor y presenciar los famosos atardeceres de Holbox con una vista panor\u00e1mica de 360 grados.\r\n\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- FAQ 5 -->\r\n            <div class=\"faq-item\">\r\n                <button class=\"faq-button\">\r\n                    <span class=\"faq-button-text\">\u00bfD\u00f3nde est\u00e1 ubicado AWA Holbox y qu\u00e9 tan cerca est\u00e1 de la playa?\r\n<\/span>\r\n                    <svg class=\"faq-icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\r\n                <\/button>\r\n                <div class=\"faq-content\">\r\n                    <div class=\"faq-content-inner\">\r\n                        Nuestro hotel boutique goza de una ubicaci\u00f3n privilegiada en Isla Holbox, Quintana Roo, a solo unos pasos de las playas de arena blanca y las aguas turquesas y poco profundas del Caribe mexicano. Estamos ubicados en una zona tranquila y exclusiva, ideal para evitar las multitudes, pero a solo minutos del centro del pueblo y de la famosa zona de bioluminiscencia de Punta Cocos.\r\n\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- FAQ 6 -->\r\n            <div class=\"faq-item\">\r\n                <button class=\"faq-button\">\r\n                    <span class=\"faq-button-text\">\u00bfQu\u00e9 bares y experiencias gastron\u00f3micas ofrece este alojamiento en Holbox?\r\n<\/span>\r\n                    <svg class=\"faq-icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\r\n                <\/button>\r\n                <div class=\"faq-content\">\r\n                    <div class=\"faq-content-inner\">\r\n                        La gastronom\u00eda y la cocteler\u00eda son elementos fundamentales de la experiencia premium en AWA. Contamos con bares exclusivos, incluido nuestro reconocido Rooftop Bar, donde la mixolog\u00eda profesional se combina con ingredientes tropicales locales. Ofrecemos una selecci\u00f3n curada de c\u00f3cteles de autor, bebidas refrescantes y opciones culinarias perfectas para tus d\u00edas soleados junto a la alberca o tus noches estrelladas en Holbox.\r\n\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- FAQ 7 -->\r\n            <div class=\"faq-item\">\r\n                <button class=\"faq-button\">\r\n                    <span class=\"faq-button-text\">\u00bfC\u00f3mo llego al Hotel AWA Holbox desde el Aeropuerto Internacional de Canc\u00fan?\r\n<\/span>\r\n                    <svg class=\"faq-icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\r\n                <\/button>\r\n                <div class=\"faq-content\">\r\n                    <div class=\"faq-content-inner\">\r\n                       Para llegar a nuestro alojamiento en Holbox desde el Aeropuerto de Canc\u00fan (CUN), debes tomar transporte terrestre (shuttle privado, auto rentado o autob\u00fas ADO) hasta el puerto de Chiquil\u00e1 (aproximadamente 2 horas de trayecto). Desde ah\u00ed, tomar\u00e1s un ferry de 20 minutos hasta la isla. Al llegar a la terminal de ferris de Holbox, un taxi local en golf cart te llevar\u00e1 directamente a las puertas de AWA Holbox en menos de 10 minutos.\r\n\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- FAQ 8 -->\r\n            <div class=\"faq-item\">\r\n                <button class=\"faq-button\">\r\n                    <span class=\"faq-button-text\">\u00bfAWA Holbox es un hotel apto para adultos y recomendado para parejas?\r\n<\/span>\r\n                    <svg class=\"faq-icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\r\n                <\/button>\r\n                <div class=\"faq-content\">\r\n                    <div class=\"faq-content-inner\">\r\n                        S\u00ed, AWA Holbox se enfoca en ofrecer un ambiente de paz, sofisticaci\u00f3n y romance, lo que nos convierte en el hotel boutique ideal para parejas, lunas de miel y viajeros que buscan un entorno relajado, orientado a adultos. Nuestras \u00e1reas comunes, la m\u00fasica curada del rooftop y el dise\u00f1o de las habitaciones est\u00e1n pensados espec\u00edficamente para garantizar una experiencia vacacional relajante e ininterrumpida.\r\n\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- FAQ 9 -->\r\n            <div class=\"faq-item\">\r\n                <button class=\"faq-button\">\r\n                    <span class=\"faq-button-text\">\u00bfQu\u00e9 servicios y amenidades est\u00e1n incluidos en mi reservaci\u00f3n en el hotel en Holbox?<\/span>\r\n                    <svg class=\"faq-icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\r\n                <\/button>\r\n                <div class=\"faq-content\">\r\n                    <div class=\"faq-content-inner\">\r\n                        Al reservar tu estancia en AWA Holbox, tienes acceso completo a nuestra alberca principal, camastros, toallas de playa y al lounge del Rooftop con su alberca panor\u00e1mica, adem\u00e1s de Wi-Fi gratuito en toda la propiedad. Contamos con un servicio de concierge para reservar tours exclusivos (como el nado con tibur\u00f3n ballena o el tour de las 3 islas). Cada habitaci\u00f3n cuenta con aire acondicionado, caja fuerte y ba\u00f1o privado con art\u00edculos de tocador de lujo.\r\n\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- FAQ 10 -->\r\n            <div class=\"faq-item\">\r\n                <button class=\"faq-button\">\r\n                    <span class=\"faq-button-text\">\u00bfCu\u00e1l es la mejor \u00e9poca del a\u00f1o para visitar Isla Holbox y reservar tu estancia?<\/span>\r\n                    <svg class=\"faq-icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\r\n                <\/button>\r\n                <div class=\"faq-content\">\r\n                    <div class=\"faq-content-inner\">\r\n                        Isla Holbox es un para\u00edso todo el a\u00f1o. De noviembre a mayo se registran las temperaturas m\u00e1s frescas, secas y soleadas, perfectas para disfrutar de nuestra alberca y de los espacios del rooftop. Si deseas presenciar la espectacular temporada del tibur\u00f3n ballena y el fen\u00f3meno de la bioluminiscencia en su punto m\u00e1ximo, te recomendamos reservar tu alojamiento entre junio y septiembre.\r\n\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n             <div class=\"faq-item\">\r\n                <button class=\"faq-button\">\r\n                    <span class=\"faq-button-text\">\u00bfC\u00f3mo puedo reservar directamente en el sitio web oficial de AWA Holbox para obtener la mejor tarifa?<\/span>\r\n                    <svg class=\"faq-icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\r\n                <\/button>\r\n                <div class=\"faq-content\">\r\n                    <div class=\"faq-content-inner\">\r\n                      Reservar tu alojamiento directamente en nuestro sitio web oficial es r\u00e1pido, seguro y garantiza la tarifa m\u00e1s baja disponible en l\u00ednea, junto con beneficios exclusivos por reserva directa y pol\u00edticas de cancelaci\u00f3n flexibles. Simplemente selecciona tus fechas de viaje, elige tu habitaci\u00f3n o suite de lujo preferida y confirma tu estancia. Vive el verdadero lujo caribe\u00f1o al reservar directamente con AWA Holbox.\r\n\r\n\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- L\u00f3gica de Funcionamiento de los Acordeones -->\r\n<script>\r\n    document.addEventListener('DOMContentLoaded', () => {\r\n        const faqButtons = document.querySelectorAll('#awa-faqs .faq-button');\r\n        \r\n        faqButtons.forEach(button => {\r\n            button.addEventListener('click', () => {\r\n                const content = button.nextElementSibling;\r\n                const icon = button.querySelector('svg');\r\n                const isExpanded = content.classList.contains('open');\r\n\r\n                \/\/ Cerrar todos los dem\u00e1s acordeones abiertos\r\n                document.querySelectorAll('#awa-faqs .faq-content').forEach(c => {\r\n                    if (c !== content) {\r\n                        c.classList.remove('open');\r\n                        c.style.maxHeight = null;\r\n                        c.previousElementSibling.querySelector('svg').style.transform = 'rotate(0deg)';\r\n                    }\r\n                });\r\n\r\n                \/\/ Alternar el estado del acorde\u00f3n actual\r\n                if (isExpanded) {\r\n                    content.classList.remove('open');\r\n                    content.style.maxHeight = null;\r\n                    icon.style.transform = 'rotate(0deg)';\r\n                } else {\r\n                    content.classList.add('open');\r\n                    content.style.maxHeight = content.scrollHeight + \"px\";\r\n                    icon.style.transform = 'rotate(180deg)';\r\n                }\r\n            });\r\n        });\r\n    });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-23ffc696 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"23ffc696\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7afc6dd7\" data-id=\"7afc6dd7\" data-element_type=\"column\" data-e-type=\"column\" id=\"form\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-62fd45b4 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"62fd45b4\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Cont\u00e1ctanos<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-88790e5 elementor-button-align-stretch elementor-widget elementor-widget-form\" data-id=\"88790e5\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;step_next_label&quot;:&quot;Next&quot;,&quot;step_previous_label&quot;:&quot;Previous&quot;,&quot;button_width&quot;:&quot;100&quot;,&quot;step_type&quot;:&quot;number_text&quot;,&quot;step_icon_shape&quot;:&quot;circle&quot;}\" data-widget_type=\"form.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<form class=\"elementor-form\" method=\"post\" name=\"New Form\" aria-label=\"New Form\">\n\t\t\t<input type=\"hidden\" name=\"post_id\" value=\"1740\"\/>\n\t\t\t<input type=\"hidden\" name=\"form_id\" value=\"88790e5\"\/>\n\t\t\t<input type=\"hidden\" name=\"referer_title\" value=\"AWA Holbox | Hotel boutique de lujo en Isla Holbox, M\u00e9xico\" \/>\n\n\t\t\t\t\t\t\t<input type=\"hidden\" name=\"queried_id\" value=\"1740\"\/>\n\t\t\t\n\t\t\t<div class=\"elementor-form-fields-wrapper elementor-labels-\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-name elementor-col-50\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-name\" class=\"elementor-field-label elementor-screen-only\">\n\t\t\t\t\t\t\t\tNombre\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[name]\" id=\"form-field-name\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"Nombre\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-email elementor-field-group elementor-column elementor-field-group-email elementor-col-50 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-email\" class=\"elementor-field-label elementor-screen-only\">\n\t\t\t\t\t\t\t\tEmail\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"email\" name=\"form_fields[email]\" id=\"form-field-email\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"Email\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-textarea elementor-field-group elementor-column elementor-field-group-message elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-message\" class=\"elementor-field-label elementor-screen-only\">\n\t\t\t\t\t\t\t\tMessage\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t<textarea class=\"elementor-field-textual elementor-field  elementor-size-sm\" name=\"form_fields[message]\" id=\"form-field-message\" rows=\"4\" placeholder=\"Message\"><\/textarea>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-group elementor-column elementor-field-type-submit elementor-col-100 e-form__buttons\">\n\t\t\t\t\t<button class=\"elementor-button elementor-size-sm\" type=\"submit\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Enviar<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/button>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/form>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-103a119 elementor-hidden-widescreen elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"103a119\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Estilos Internos (Blindados contra el tema global) -->\r\n<style>\r\n    \/* Contenedor principal y barra flotante *\/\r\n    #booking-form-bar {\r\n        position: fixed !important;\r\n        bottom: 2.5rem !important;\r\n        left: 1rem !important;\r\n        right: 1rem !important;\r\n        border-radius: 16px !important;\r\n        box-shadow: 0 15px 40px rgba(0,0,0,0.35) !important;\r\n        z-index: 50 !important;\r\n        border: 1px solid rgba(255, 255, 255, 0.1) !important;\r\n        background-color: #000000 !important;\r\n        font-family: sans-serif !important;\r\n    }\r\n    #booking-form-bar .booking-inner {\r\n        padding: 1rem !important;\r\n    }\r\n    \r\n    \/* Grid del formulario (Mobile por defecto) *\/\r\n    #booking-form-element {\r\n        display: grid !important;\r\n        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\r\n        gap: 0.75rem !important;\r\n        width: 100% !important;\r\n        align-items: center !important;\r\n        margin: 0 !important;\r\n        padding: 0 !important;\r\n    }\r\n\r\n    \/* Campos y contenedores *\/\r\n    #booking-form-bar .booking-field-full {\r\n        grid-column: span 2 \/ span 2 !important;\r\n        border-radius: 12px !important;\r\n        background-color: rgba(255, 255, 255, 0.1) !important;\r\n        border: 1px solid rgba(255, 255, 255, 0.2) !important;\r\n        height: 52px !important;\r\n        box-sizing: border-box !important;\r\n        display: flex !important;\r\n        align-items: center !important;\r\n        padding: 0 16px !important;\r\n    }\r\n    #booking-form-bar .booking-field-half {\r\n        grid-column: span 1 \/ span 1 !important;\r\n        border-radius: 12px !important;\r\n        background-color: rgba(255, 255, 255, 0.1) !important;\r\n        border: 1px solid rgba(255, 255, 255, 0.2) !important;\r\n        height: 52px !important;\r\n        box-sizing: border-box !important;\r\n        position: relative !important;\r\n        padding: 18px 12px 0 12px !important;\r\n    }\r\n    #booking-form-bar .booking-field-select {\r\n        grid-column: span 1 \/ span 1 !important;\r\n        border-radius: 12px !important;\r\n        background-color: rgba(255, 255, 255, 0.1) !important;\r\n        border: 1px solid rgba(255, 255, 255, 0.2) !important;\r\n        height: 52px !important;\r\n        box-sizing: border-box !important;\r\n        display: flex !important;\r\n        align-items: center !important;\r\n        padding: 0 32px 0 16px !important;\r\n        position: relative !important;\r\n    }\r\n\r\n    \/* Inputs generales - Blindaje forzado *\/\r\n    #booking-form-bar input,\r\n    #booking-form-bar select {\r\n        width: 100% !important;\r\n        background-color: transparent !important;\r\n        background: transparent !important;\r\n        border: none !important;\r\n        color: #ffffff !important;\r\n        padding: 0 !important;\r\n        margin: 0 !important;\r\n        height: 100% !important;\r\n        box-shadow: none !important;\r\n        outline: none !important;\r\n        font-size: 14px !important;\r\n        line-height: normal !important;\r\n    }\r\n    #booking-form-bar input::placeholder {\r\n        color: rgba(255, 255, 255, 0.5) !important;\r\n    }\r\n    \r\n    \/* Inputs de fecha *\/\r\n    #booking-form-bar input[type=\"date\"] {\r\n        height: 26px !important;\r\n        font-size: 13px !important;\r\n        line-height: 26px !important;\r\n        cursor: pointer !important;\r\n        color-scheme: dark !important; \/* Para el icono de calendario nativo *\/\r\n    }\r\n    #booking-form-bar .booking-label {\r\n        position: absolute !important;\r\n        font-size: 9px !important;\r\n        text-transform: uppercase !important;\r\n        font-weight: bold !important;\r\n        color: rgba(255, 255, 255, 0.5) !important;\r\n        top: 6px !important;\r\n        left: 14px !important;\r\n        letter-spacing: 0.05em !important;\r\n        z-index: 10 !important;\r\n    }\r\n\r\n    \/* Selectores *\/\r\n    #booking-form-bar select {\r\n        appearance: none !important;\r\n        -webkit-appearance: none !important;\r\n        cursor: pointer !important;\r\n    }\r\n    #booking-form-bar select option {\r\n        color: #000000 !important;\r\n        background-color: #ffffff !important;\r\n    }\r\n    #booking-form-bar .booking-select-icon {\r\n        width: 16px !important;\r\n        height: 16px !important;\r\n        position: absolute !important;\r\n        right: 16px !important;\r\n        top: 50% !important;\r\n        transform: translateY(-50%) !important;\r\n        color: rgba(255, 255, 255, 0.6) !important;\r\n        pointer-events: none !important;\r\n    }\r\n\r\n    \/* Bot\u00f3n Submit - Blindaje forzado *\/\r\n    #booking-form-bar button.booking-btn {\r\n        grid-column: span 1 \/ span 1 !important;\r\n        background-color: #ffffff !important;\r\n        background: #ffffff !important;\r\n        color: #000000 !important;\r\n        border: none !important;\r\n        border-radius: 12px !important;\r\n        height: 52px !important;\r\n        box-sizing: border-box !important;\r\n        margin: 0 !important;\r\n        padding: 0 32px !important;\r\n        outline: none !important;\r\n        font-weight: bold !important;\r\n        font-size: 16px !important;\r\n        transition: all 0.3s ease !important;\r\n        display: flex !important;\r\n        align-items: center !important;\r\n        justify-content: center !important;\r\n        gap: 8px !important;\r\n        white-space: nowrap !important;\r\n        cursor: pointer !important;\r\n        box-shadow: none !important;\r\n    }\r\n    #booking-form-bar button.booking-btn:hover {\r\n        background-color: #455250 !important;\r\n        background: #455250 !important;\r\n        color: #ffffff !important;\r\n    }\r\n    #booking-form-bar .booking-btn-icon {\r\n        width: 16px !important;\r\n        height: 16px !important;\r\n        display: none !important;\r\n    }\r\n\r\n    \/* Responsividad (Media Queries) *\/\r\n    @media (min-width: 768px) {\r\n        #booking-form-bar {\r\n            left: 3rem !important;\r\n            right: 3rem !important;\r\n        }\r\n        #booking-form-bar .booking-inner {\r\n            padding-left: 1.5rem !important;\r\n            padding-right: 1.5rem !important;\r\n        }\r\n        #booking-form-element {\r\n            gap: 1rem !important;\r\n        }\r\n    }\r\n    @media (min-width: 1024px) {\r\n        #booking-form-bar {\r\n            left: 50% !important;\r\n            right: auto !important;\r\n            transform: translateX(-50%) !important;\r\n            width: 100% !important;\r\n            max-width: 1200px !important;\r\n        }\r\n        #booking-form-element {\r\n            display: flex !important;\r\n            flex-direction: row !important;\r\n            justify-content: center !important;\r\n        }\r\n        #booking-form-bar .booking-field-full,\r\n        #booking-form-bar .booking-field-half,\r\n        #booking-form-bar .booking-field-select,\r\n        #booking-form-bar button.booking-btn {\r\n            width: auto !important;\r\n            flex: 1 !important;\r\n        }\r\n    }\r\n    @media (min-width: 1280px) {\r\n        #booking-form-bar .booking-btn-icon {\r\n            display: block !important;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<!-- Barra de Reservas Fija Flotante (Bottom Bar) -->\r\n<div id=\"booking-form-bar\">\r\n    <div class=\"booking-inner\">\r\n        <form id=\"booking-form-element\">\r\n            \r\n            <!-- Campo: Full Name -->\r\n            <div class=\"booking-field-full\">\r\n                <input type=\"text\" placeholder=\"Full Name\" required class=\"booking-input\">\r\n            <\/div>\r\n            \r\n            <!-- Campo: Email Address -->\r\n            <div class=\"booking-field-full\">\r\n                <input type=\"email\" placeholder=\"Email Address\" required class=\"booking-input\">\r\n            <\/div>\r\n            \r\n            <!-- Campo: Check-in -->\r\n            <div class=\"booking-field-half\">\r\n                <span class=\"booking-label\">Check-in<\/span>\r\n                <input type=\"date\" required class=\"booking-input booking-date booking-checkin\">\r\n            <\/div>\r\n            \r\n            <!-- Campo: Check-out -->\r\n            <div class=\"booking-field-half\">\r\n                <span class=\"booking-label\">Check-out<\/span>\r\n                <input type=\"date\" required class=\"booking-input booking-date booking-checkout\">\r\n            <\/div>\r\n            \r\n            <!-- Campo: Adults -->\r\n            <div class=\"booking-field-select\">\r\n                <select required class=\"booking-input booking-select booking-adults\">\r\n                    <option value=\"1\">1 Adult<\/option>\r\n                    <option value=\"2\" selected>2 Adults<\/option>\r\n                    <option value=\"3\">3 Adults<\/option>\r\n                    <option value=\"4\">4 Adults<\/option>\r\n                <\/select>\r\n                <svg class=\"booking-select-icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\r\n            <\/div>\r\n\r\n            <!-- Bot\u00f3n: Search -->\r\n            <button type=\"submit\" class=\"booking-btn\">\r\n                Search\r\n                <svg class=\"booking-btn-icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\"><\/path><\/svg>\r\n            <\/button>\r\n            \r\n        <\/form>\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- L\u00f3gica de Redirecci\u00f3n Autom\u00e1tica con Par\u00e1metros -->\r\n<script>\r\n    (function() {\r\n        const form = document.getElementById('booking-form-element');\r\n        if (form) {\r\n            form.addEventListener('submit', (event) => {\r\n                event.preventDefault();\r\n                \r\n                const checkin = form.querySelector('.booking-checkin').value;\r\n                const checkout = form.querySelector('.booking-checkout').value;\r\n                const adults = form.querySelector('.booking-adults').value;\r\n                \r\n                const baseUrl = 'https:\/\/booking.awaholbox.com\/booking\/book-rooms-awaholbox';\r\n                const redirectUrl = `${baseUrl}?checkin=${checkin}&checkout=${checkout}&adults=${adults}`;\r\n                \r\n                window.location.href = redirectUrl;\r\n            });\r\n        }\r\n    })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Descubre un oasis de lujo en medio del para\u00edso. Reservar Ahora Holbox Island, Mexico El mejor hotel de lujo de la isla de Holbox: alojamiento exclusivo y complejo tur\u00edstico frente al mar Descubre un remanso de armon\u00eda, comodidad sofisticada y belleza virgen en AWA Holbox. Con una ubicaci\u00f3n perfecta en las blancas arenas de la [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-1740","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.awaholbox.com\/en\/wp-json\/wp\/v2\/pages\/1740","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.awaholbox.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.awaholbox.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.awaholbox.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.awaholbox.com\/en\/wp-json\/wp\/v2\/comments?post=1740"}],"version-history":[{"count":201,"href":"https:\/\/www.awaholbox.com\/en\/wp-json\/wp\/v2\/pages\/1740\/revisions"}],"predecessor-version":[{"id":2211,"href":"https:\/\/www.awaholbox.com\/en\/wp-json\/wp\/v2\/pages\/1740\/revisions\/2211"}],"wp:attachment":[{"href":"https:\/\/www.awaholbox.com\/en\/wp-json\/wp\/v2\/media?parent=1740"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}