{"id":2451,"date":"2026-03-26T20:21:48","date_gmt":"2026-03-26T20:21:48","guid":{"rendered":"https:\/\/westinportodegalinhas.com.br\/?page_id=2451"},"modified":"2026-03-26T20:58:08","modified_gmt":"2026-03-26T20:58:08","slug":"westin-julho","status":"publish","type":"page","link":"https:\/\/westinportodegalinhas.com.br\/es\/westin-julho\/","title":{"rendered":"Westin Julho"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n\n\nWestin Julho \u2014 The Westin Porto de Galinhas<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400&family=DM+Sans:wght@300;400;500&family=DM+Mono:wght@300;400&display=swap\" rel=\"stylesheet\">\n<!-- Flatpickr for date picker -->\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/flatpickr\/dist\/flatpickr.min.css\">\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/flatpickr\"><\/script>\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/flatpickr\/dist\/l10n\/pt.js\"><\/script>\n\n<style>\n\/* =============================================\n TOKENS & VARIABLES\n ============================================= *\/\n:root {\n --bg: #F2EFE9;\n --bg-alt: #E8E4DC;\n --ink: #1A1A17;\n --ink-muted: #6B6860;\n --ink-faint: #A8A49C;\n --gold: #B89A5A;\n --gold-light: #D4B97A;\n --green-deep: #1E3528;\n --green-mid: #2D5040;\n --cream: #FAF7F2;\n --border: rgba(26,26,23,0.12);\n --border-gold: rgba(184,154,90,0.3);\n\n --font-display: 'Cormorant Garamond', Georgia, serif;\n --font-body: 'DM Sans', sans-serif;\n --font-mono: 'DM Mono', monospace;\n\n --ease-out: cubic-bezier(0.16, 1, 0.3, 1);\n --ease-in-out: cubic-bezier(0.76, 0, 0.24, 1);\n}\n\n\/* =============================================\n RESET & BASE\n ============================================= *\/\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\nhtml { font-size: 16px; }\nbody {\n font-family: var(--font-body);\n background: var(--bg);\n color: var(--ink);\n overflow-x: hidden;\n -webkit-font-smoothing: antialiased;\n}\nimg { display: block; width: 100%; height: 100%; object-fit: cover; }\na { text-decoration: none; color: inherit; }\nul { list-style: none; }\n\n\/* =============================================\n NEUTRALIZAR TEMA WP \u2014 cir\u00fargico, sem tocar fontes\n ============================================= *\/\n\/* Apenas links e listas \u2014 sem mexer em font-family global *\/\n#westin-lp a { text-decoration: none !important; }\n#westin-lp ul, #westin-lp ol { list-style: none !important; margin: 0 !important; padding: 0 !important; }\n#westin-lp a:focus,\n#westin-lp button:focus,\n#westin-lp input:focus,\n#westin-lp select:focus { outline: none !important; box-shadow: none !important; }\n\/* Mata hover colorido do tema apenas em links gen\u00e9ricos \u2014 n\u00e3o em bot\u00f5es *\/\n#westin-lp a:not(.btn-primary):not(.btn-prog):not(.btn-outline):hover {\n color: inherit !important;\n background: transparent !important;\n}\n\n\/* =============================================\n ELEMENTOR FULL-WIDTH ESCAPE\n ============================================= *\/\n#westin-lp {\n width: 100vw;\n position: relative;\n left: 50%;\n right: 50%;\n margin-left: -50vw;\n margin-right: -50vw;\n overflow-x: hidden;\n}\n.elementor-widget-html,\n.elementor-widget-container,\n.elementor-section,\n.elementor-column,\n.elementor-column-wrap,\n.elementor-widget-wrap,\n.e-con,\n.e-con-inner {\n padding-left: 0 !important;\n padding-right: 0 !important;\n max-width: 100% !important;\n width: 100% !important;\n}\n\n\/* =============================================\n SCROLL REVEAL\n ============================================= *\/\n.reveal {\n opacity: 0;\n transform: translateY(2rem);\n transition: opacity 1s var(--ease-out), transform 1s var(--ease-out);\n}\n.reveal.active { opacity: 1; transform: translateY(0); }\n.reveal-left {\n opacity: 0;\n transform: translateX(-2rem);\n transition: opacity 1s var(--ease-out), transform 1s var(--ease-out);\n}\n.reveal-left.active { opacity: 1; transform: translateX(0); }\n.delay-1 { transition-delay: 0.1s; }\n.delay-2 { transition-delay: 0.2s; }\n.delay-3 { transition-delay: 0.3s; }\n.delay-4 { transition-delay: 0.4s; }\n.delay-5 { transition-delay: 0.5s; }\n.delay-6 { transition-delay: 0.6s; }\n.delay-7 { transition-delay: 0.7s; }\n\n\/* =============================================\n MARQUEE\n ============================================= *\/\n@keyframes marquee {\n from { transform: translateX(0); }\n to { transform: translateX(-50%); }\n}\n.marquee-wrap { overflow: hidden; white-space: nowrap; background: var(--green-deep); border-top: 1px solid var(--border-gold); border-bottom: 1px solid var(--border-gold); }\n.marquee-track { display: inline-block; animation: marquee 40s linear infinite; }\n.marquee-item {\n display: inline-block;\n padding: 0 3rem;\n font-family: var(--font-mono);\n font-size: 0.65rem;\n letter-spacing: 0.2em;\n text-transform: uppercase;\n color: var(--gold);\n line-height: 2.8rem;\n}\n.marquee-dot { color: var(--gold-light); opacity: 0.4; }\n\n\/* =============================================\n SECTION LABEL\n ============================================= *\/\n.section-label {\n font-family: var(--font-mono);\n font-size: 0.6rem;\n letter-spacing: 0.25em;\n text-transform: uppercase;\n color: var(--ink-faint);\n}\n.section-label-gold {\n font-family: var(--font-mono);\n font-size: 0.6rem;\n letter-spacing: 0.25em;\n text-transform: uppercase;\n color: var(--gold);\n}\n\n\/* =============================================\n DIVIDER LINE\n ============================================= *\/\n.divider { width: 100%; height: 1px; background: var(--border); }\n.divider-gold { width: 3rem; height: 1px; background: var(--gold); }\n\n\/* =============================================\n SEC 1 \u2014 HERO\n ============================================= *\/\n#sec-hero {\n position: relative;\n min-height: 100vh;\n display: grid;\n grid-template-columns: 1fr 1fr;\n overflow: hidden;\n}\n.hero-visual {\n position: relative;\n overflow: hidden;\n background: var(--green-deep);\n}\n.hero-visual-img {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n opacity: 0.7;\n transform: scale(1.05);\n transition: transform 12s ease-out;\n}\n.hero-visual-img.loaded { transform: scale(1); }\n.hero-visual-overlay {\n position: absolute;\n inset: 0;\n background: linear-gradient(135deg, rgba(30,53,40,0.15) 0%, rgba(30,53,40,0.05) 100%);\n}\n.hero-visual-badge {\n position: absolute;\n top: 2.5rem;\n left: 2.5rem;\n z-index: 2;\n}\n.hero-visual-badge span {\n display: inline-block;\n padding: 0.35rem 1rem;\n border: 1px solid rgba(255,255,255,0.3);\n font-family: var(--font-mono);\n font-size: 0.6rem;\n letter-spacing: 0.2em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.8);\n backdrop-filter: blur(8px);\n border-radius: 2px;\n}\n.hero-visual-bottom {\n position: absolute;\n bottom: 2.5rem;\n left: 2.5rem;\n z-index: 2;\n}\n.hero-period {\n font-family: var(--font-display);\n font-size: 1rem;\n font-style: italic;\n color: rgba(255,255,255,0.7);\n letter-spacing: 0.05em;\n}\n\n.hero-content {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n text-align: left;\n padding: 2.5rem 3rem 2.5rem 3.5rem;\n border-left: 1px solid var(--border);\n background: var(--bg);\n gap: 1.25rem;\n}\n.hero-content-top { display: flex; flex-direction: column; gap: 1rem; padding-top: 0; align-items: flex-start; }\n.hero-logo {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n}\n.hero-logo-main {\n font-family: var(--font-display);\n font-size: 0.9rem;\n font-weight: 600;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--ink);\n}\n.hero-logo-sub {\n font-family: var(--font-mono);\n font-size: 0.6rem;\n letter-spacing: 0.2em;\n text-transform: uppercase;\n color: var(--gold);\n}\n.hero-season-tag {\n display: inline-flex;\n align-items: center;\n gap: 0.75rem;\n}\n.hero-season-tag .tag-line {\n width: 2rem;\n height: 1px;\n background: var(--gold);\n}\n.hero-season-tag span {\n font-family: var(--font-display);\n font-size: 4.5rem;\n font-weight: 300;\n font-style: italic;\n line-height: 1;\n color: var(--ink);\n letter-spacing: -0.02em;\n}\n\n.hero-title {\n font-family: var(--font-display) !important;\n font-size: 3.8rem !important;\n font-weight: 500 !important;\n line-height: 1.05 !important;\n letter-spacing: -0.02em !important;\n color: var(--ink) !important;\n}\n.hero-title em { font-style: italic !important; color: var(--green-mid) !important; }\n\n.hero-desc {\n font-size: 0.88rem;\n line-height: 1.75;\n color: var(--ink-muted);\n max-width: 30rem;\n}\n\n.hero-content-bottom { display: flex; flex-direction: column; gap: 0.75rem; width: 100%; }\n.hero-content-bottom .motor-reserva-estilizado { width: 100% !important; }\n.hero-content-bottom .form-grid { width: 100% !important; }\n\n\/* Discounts strip *\/\n.hero-discounts {\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n padding: 1.25rem 1.5rem 0;\n border: 1px solid var(--border-gold);\n background: rgba(184,154,90,0.06);\n width: 100%;\n overflow: hidden;\n}\n.hero-discounts .motor-reserva-estilizado {\n margin-left: -1.5rem !important;\n margin-right: -1.5rem !important;\n width: calc(100% + 3rem) !important;\n}\n.hero-discounts .form-grid {\n border: none !important;\n border-top: 1px solid rgba(184,154,90,0.3) !important;\n background: transparent !important;\n width: 100% !important;\n margin: 0 !important;\n}\n.hero-discounts .form-item {\n padding: 0.65rem 1rem !important;\n border-right: 1px solid rgba(184,154,90,0.3) !important;\n background: transparent !important;\n}\n.hero-discounts .form-item:last-child {\n padding: 0 !important;\n border-right: none !important;\n flex: 0 0 auto !important;\n}\n.hero-discounts .form-item:last-child button {\n height: 100% !important;\n padding: 0.65rem 1.5rem !important;\n background: transparent !important;\n color: var(--gold) !important;\n border: none !important;\n border-left: 1px solid rgba(184,154,90,0.3) !important;\n border-radius: 0 !important;\n font-family: var(--font-mono) !important;\n font-size: 0.65rem !important;\n letter-spacing: 0.15em !important;\n text-transform: uppercase !important;\n white-space: nowrap !important;\n cursor: pointer !important;\n}\n.hero-discounts .form-item:last-child button:hover {\n background: rgba(184,154,90,0.1) !important;\n}\n.hero-discounts .form-item label {\n color: var(--ink-faint) !important;\n}\n.hero-discounts .form-item input,\n.hero-discounts .form-item select {\n color: var(--ink) !important;\n background: transparent !important;\n}\n.hero-discount-row {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n.hero-discount-row .nights {\n font-family: var(--font-mono);\n font-size: 0.65rem;\n letter-spacing: 0.1em;\n color: var(--ink-muted);\n text-transform: uppercase;\n}\n.hero-discount-row .pct {\n font-family: var(--font-display);\n font-size: 1.4rem;\n font-weight: 600;\n color: var(--gold);\n letter-spacing: -0.02em;\n}\n\n\/* =============================================\n MOTOR DE RESERVA (global)\n ============================================= *\/\n.motor-reserva-estilizado form {\n width: 100% !important;\n max-width: none !important;\n margin: 0 !important;\n padding: 0 !important;\n}\n.motor-reserva-estilizado {\n width: 100% !important;\n display: block !important;\n}\n.motor-reserva-estilizado select {\n color: var(--ink) !important;\n -webkit-appearance: none;\n appearance: none;\n}\n.motor-reserva-estilizado select:invalid {\n color: var(--ink) !important;\n}\n.form-grid {\n display: flex !important;\n flex-direction: row !important;\n flex-wrap: nowrap !important;\n align-items: stretch !important;\n border: 1px solid var(--border) !important;\n background: var(--cream) !important;\n width: 100% !important;\n margin: 0 !important;\n padding: 0 !important;\n gap: 0 !important;\n box-sizing: border-box !important;\n}\n.form-item {\n display: flex !important;\n flex-direction: column !important;\n justify-content: center !important;\n padding: 0.75rem 1rem !important;\n border-right: 1px solid var(--border) !important;\n border-top: none !important;\n border-bottom: none !important;\n border-left: none !important;\n position: relative !important;\n margin: 0 !important;\n flex: 1 1 auto !important;\n min-width: 0 !important;\n}\n.form-item:first-child { flex: 2 1 auto !important; }\n.form-item:last-child {\n border-right: none !important;\n padding: 0 !important;\n flex: 0 0 auto !important;\n}\n.form-item label {\n font-family: var(--font-mono) !important;\n font-size: 0.55rem !important;\n letter-spacing: 0.2em !important;\n text-transform: uppercase !important;\n color: var(--ink-faint) !important;\n margin-bottom: 0.3rem !important;\n display: block !important;\n font-weight: 400 !important;\n line-height: 1 !important;\n}\n.form-item input[type=\"text\"],\n.form-item select {\n font-family: var(--font-body) !important;\n font-size: 0.8rem !important;\n color: var(--ink) !important;\n background: transparent !important;\n border: none !important;\n outline: none !important;\n cursor: pointer !important;\n width: 100% !important;\n -webkit-appearance: none !important;\n appearance: none !important;\n border-radius: 0 !important;\n box-shadow: none !important;\n}\n.form-item input[type=\"text\"]::placeholder {\n color: var(--ink-muted) !important;\n font-size: 0.8rem !important;\n}\n.form-item input[name=\"Code\"] {\n font-size: 0.8rem;\n}\n.form-item button {\n height: 100% !important;\n width: 100% !important;\n min-width: 160px !important;\n padding: 1rem 1.75rem !important;\n background: var(--green-deep) !important;\n color: var(--gold-light) !important;\n font-family: var(--font-mono) !important;\n font-size: 0.65rem !important;\n letter-spacing: 0.15em !important;\n text-transform: uppercase !important;\n border: none !important;\n cursor: pointer !important;\n transition: background 0.3s ease !important;\n white-space: nowrap !important;\n border-radius: 0 !important;\n -webkit-appearance: none !important;\n appearance: none !important;\n display: block !important;\n line-height: 1 !important;\n}\n.form-item button:hover { background: var(--green-mid) !important; }\n\n\/* Flatpickr overrides *\/\n.flatpickr-calendar { font-family: var(--font-body) !important; }\n\n\/* =============================================\n SEC 2 \u2014 INTRO STRIP\n ============================================= *\/\n#sec-intro {\n display: grid;\n grid-template-columns: 1fr 1fr;\n border-top: 1px solid var(--border);\n}\n.intro-text {\n padding: 5rem 4rem 5rem 5rem;\n border-right: 1px solid var(--border);\n}\n.intro-text h2 {\n font-family: var(--font-display) !important;\n font-size: 3rem !important;\n font-weight: 400 !important;\n line-height: 1.15 !important;\n letter-spacing: -0.01em !important;\n margin: 1rem 0 1.5rem !important;\n color: var(--ink) !important;\n}\n.intro-text h2 em { font-style: italic !important; color: var(--green-mid) !important; }\n.intro-text p {\n font-size: 0.9rem;\n line-height: 1.8;\n color: var(--ink-muted);\n max-width: 28rem;\n}\n.intro-months {\n padding: 5rem 4rem;\n display: flex;\n flex-direction: column;\n justify-content: center;\n gap: 0;\n}\n.month-row {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 1.25rem 0;\n border-bottom: 1px solid var(--border);\n cursor: default;\n transition: padding-left 0.3s ease;\n}\n.month-row:first-child { border-top: 1px solid var(--border); }\n.month-row:hover { padding-left: 1rem; }\n.month-name {\n font-family: var(--font-display);\n font-size: 1.6rem;\n font-weight: 400;\n letter-spacing: -0.01em;\n}\n.month-highlight { color: var(--green-mid); font-style: italic; }\n.month-tags { display: flex; gap: 0.5rem; flex-wrap: wrap; }\n.month-tag {\n font-family: var(--font-mono);\n font-size: 0.55rem;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n padding: 0.2rem 0.6rem;\n border: 1px solid var(--border);\n color: var(--ink-muted);\n border-radius: 2px;\n}\n.month-tag.gold { border-color: var(--border-gold); color: var(--gold); }\n\n\/* =============================================\n SEC 3 \u2014 PROGRAMA\u00c7\u00c3O (TABS)\n ============================================= *\/\n#sec-programacao {\n background: var(--green-deep);\n color: var(--cream);\n border-top: 1px solid var(--border);\n}\n.prog-header {\n padding: 4rem 5rem 3rem;\n display: flex;\n align-items: flex-end;\n justify-content: space-between;\n border-bottom: 1px solid rgba(255,255,255,0.08);\n}\n.prog-header h2 {\n font-family: var(--font-display) !important;\n font-size: 3.5rem !important;\n font-weight: 400 !important;\n letter-spacing: -0.02em !important;\n line-height: 1.1 !important;\n color: var(--cream) !important;\n}\n.prog-header h2 em { font-style: italic !important; color: var(--gold-light) !important; }\n\n\/* Tabs *\/\n.prog-tabs {\n display: flex;\n border-bottom: 1px solid rgba(255,255,255,0.08);\n overflow-x: auto;\n scrollbar-width: none;\n}\n.prog-tabs::-webkit-scrollbar { display: none; }\n.prog-tab {\n flex-shrink: 0;\n padding: 1.25rem 2.5rem;\n font-family: var(--font-mono) !important;\n font-size: 0.65rem !important;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.75) !important;\n cursor: pointer;\n border-bottom: 2px solid transparent !important;\n border-right: 1px solid rgba(255,255,255,0.06) !important;\n border-top: none !important;\n border-left: none !important;\n transition: all 0.3s ease;\n background: none !important;\n text-decoration: none !important;\n}\n.prog-tab:hover {\n color: rgba(255,255,255,0.95) !important;\n background: none !important;\n text-decoration: none !important;\n}\n.prog-tab.active {\n color: var(--gold-light) !important;\n border-bottom-color: var(--gold) !important;\n background: rgba(255,255,255,0.03) !important;\n}\n.prog-tab.julho {\n color: var(--gold) !important;\n position: relative;\n}\n.prog-tab.julho::after {\n content: '\u2605';\n display: inline-block;\n margin-left: 0.4rem;\n font-size: 0.5rem;\n vertical-align: super;\n}\n\n\/* Tab panels *\/\n.prog-panels { padding: 0; }\n.prog-panel { display: none; }\n.prog-panel.active { display: block; }\n\n.prog-panel-inner {\n display: grid;\n grid-template-columns: 5fr 4fr;\n}\n.prog-content {\n padding: 4rem 5rem;\n border-right: 1px solid rgba(255,255,255,0.08);\n}\n.prog-tag {\n display: inline-block;\n font-family: var(--font-mono);\n font-size: 0.6rem;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--gold);\n border: 1px solid var(--border-gold);\n padding: 0.2rem 0.75rem;\n margin-bottom: 1.5rem;\n border-radius: 2px;\n}\n.prog-content h3 {\n font-family: var(--font-display) !important;\n font-size: 2.8rem !important;\n font-weight: 400 !important;\n line-height: 1.1 !important;\n letter-spacing: -0.01em !important;\n margin-bottom: 0.5rem !important;\n color: var(--cream) !important;\n}\n.prog-content h3 em { font-style: italic !important; color: var(--gold-light) !important; }\n.prog-subtitle {\n font-size: 0.85rem;\n color: rgba(255,255,255,0.5);\n margin-bottom: 1.5rem;\n font-family: var(--font-mono);\n letter-spacing: 0.08em;\n}\n.prog-content p {\n font-size: 0.88rem;\n line-height: 1.85;\n color: rgba(255,255,255,0.65);\n max-width: 32rem;\n margin-bottom: 2rem;\n}\n.prog-highlights h4 {\n font-family: var(--font-mono);\n font-size: 0.6rem;\n letter-spacing: 0.2em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.3);\n margin-bottom: 1rem;\n}\n.prog-list { display: flex; flex-direction: column; gap: 0.65rem; }\n.prog-list li {\n display: flex;\n align-items: flex-start;\n gap: 0.75rem;\n font-size: 0.82rem;\n color: rgba(255,255,255,0.7);\n line-height: 1.5;\n}\n.prog-list li::before {\n content: '';\n display: block;\n flex-shrink: 0;\n width: 1rem;\n height: 1px;\n background: var(--gold);\n margin-top: 0.7rem;\n}\n.prog-quote {\n margin-top: 2rem;\n padding-top: 1.5rem;\n border-top: 1px solid rgba(255,255,255,0.08);\n font-family: var(--font-display);\n font-size: 1.15rem;\n font-style: italic;\n color: rgba(255,255,255,0.5);\n line-height: 1.5;\n}\n.prog-cta-wrap {\n margin-top: 2rem;\n display: flex;\n align-items: center;\n gap: 1.5rem;\n}\n.btn-prog {\n display: inline-flex !important;\n align-items: center !important;\n gap: 0.75rem !important;\n padding: 0.85rem 2rem !important;\n border: 1px solid var(--gold) !important;\n font-family: var(--font-mono) !important;\n font-size: 0.65rem !important;\n letter-spacing: 0.15em !important;\n text-transform: uppercase !important;\n color: var(--green-deep) !important;\n background: var(--gold) !important;\n cursor: pointer !important;\n transition: all 0.3s ease !important;\n text-decoration: none !important;\n border-radius: 0 !important;\n}\n.btn-prog:hover {\n background: var(--gold-light) !important;\n color: var(--green-deep) !important;\n text-decoration: none !important;\n}\n.btn-prog-arrow { font-size: 0.8rem; transition: transform 0.3s ease; }\n.btn-prog:hover .btn-prog-arrow { transform: translateX(4px); }\n\n\/* Prog image side *\/\n.prog-visual {\n position: relative;\n overflow: hidden;\n min-height: 500px;\n}\n.prog-visual-img {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n opacity: 0.5;\n transition: opacity 0.5s ease, transform 8s ease-out;\n}\n.prog-panel.active .prog-visual-img { opacity: 0.55; transform: scale(1.03); }\n.prog-visual-overlay {\n position: absolute;\n inset: 0;\n background: linear-gradient(to right, var(--green-deep) 0%, transparent 50%);\n pointer-events: none;\n}\n\/* Julho special *\/\n.prog-panel.julho-panel .prog-content h3 { font-size: 3.2rem; }\n.julho-star {\n display: inline-block;\n width: 4rem;\n height: 4rem;\n background: var(--gold);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: var(--font-display);\n font-size: 0.7rem;\n letter-spacing: 0.05em;\n text-align: center;\n line-height: 1.2;\n color: var(--green-deep);\n font-weight: 600;\n text-transform: uppercase;\n}\n\n\/* =============================================\n SEC 4 \u2014 DIFERENCIAIS\n ============================================= *\/\n#sec-diferenciais {\n background: var(--cream);\n border-top: 1px solid var(--border);\n}\n.dif-header {\n padding: 5rem 5rem 3rem;\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 3rem;\n border-bottom: 1px solid var(--border);\n}\n.dif-header h2 {\n font-family: var(--font-display) !important;\n font-size: 3.2rem !important;\n font-weight: 400 !important;\n line-height: 1.1 !important;\n letter-spacing: -0.02em !important;\n color: var(--ink) !important;\n word-break: keep-all !important;\n}\n.dif-header h2 em { font-style: italic !important; color: var(--green-mid) !important; }\n.dif-header p {\n font-size: 0.9rem;\n line-height: 1.8;\n color: var(--ink-muted);\n align-self: end;\n}\n.dif-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n}\n.dif-card {\n padding: 3rem;\n border-right: 1px solid var(--border);\n border-bottom: 1px solid var(--border);\n position: relative;\n overflow: hidden;\n transition: background 0.4s ease;\n}\n.dif-card:nth-child(3n) { border-right: none; }\n.dif-card:hover { background: var(--bg-alt); }\n.dif-card-img {\n width: 100%;\n height: 14rem;\n margin-bottom: 1.5rem;\n overflow: hidden;\n border-radius: 6px;\n position: relative;\n}\n.dif-card-img img {\n position: absolute !important;\n inset: 0 !important;\n width: 100% !important;\n height: 100% !important;\n object-fit: cover !important;\n filter: grayscale(0.2);\n transition: filter 0.4s ease, transform 0.6s ease;\n}\n.dif-card:hover .dif-card-img img { filter: grayscale(0) !important; transform: scale(1.03) !important; }\n.dif-card-num {\n font-family: var(--font-mono);\n font-size: 0.6rem;\n letter-spacing: 0.2em;\n color: var(--ink-faint);\n margin-bottom: 0.75rem;\n}\n.dif-card h3 {\n font-family: var(--font-display) !important;\n font-size: 1.4rem !important;\n font-weight: 500 !important;\n letter-spacing: -0.01em !important;\n margin-bottom: 0.75rem !important;\n line-height: 1.2 !important;\n color: var(--ink) !important;\n}\n.dif-card p {\n font-size: 0.82rem;\n line-height: 1.75;\n color: var(--ink-muted);\n}\n.dif-cta-row {\n padding: 3rem 5rem;\n display: flex;\n align-items: center;\n justify-content: space-between;\n border-top: 1px solid var(--border);\n}\n.dif-cta-row p {\n font-family: var(--font-display);\n font-size: 1.6rem;\n font-style: italic;\n color: var(--ink-muted);\n}\n\n\/* =============================================\n BUTTON STYLES\n ============================================= *\/\n.btn-primary {\n display: inline-flex !important;\n align-items: center !important;\n gap: 0.75rem !important;\n padding: 1rem 2.5rem !important;\n background: var(--green-deep) !important;\n color: var(--gold-light) !important;\n font-family: var(--font-mono) !important;\n font-size: 0.65rem !important;\n letter-spacing: 0.15em !important;\n text-transform: uppercase !important;\n border: none !important;\n cursor: pointer !important;\n transition: background 0.3s ease !important;\n text-decoration: none !important;\n border-radius: 0 !important;\n}\n.btn-primary:hover {\n background: var(--green-mid) !important;\n color: var(--gold-light) !important;\n text-decoration: none !important;\n}\n.btn-primary-arrow { transition: transform 0.3s ease; }\n.btn-primary:hover .btn-primary-arrow { transform: translateX(4px); }\n\n.btn-outline {\n display: inline-flex;\n align-items: center;\n gap: 0.75rem;\n padding: 1rem 2.5rem;\n border: 1px solid var(--ink);\n background: transparent;\n color: var(--ink);\n font-family: var(--font-mono);\n font-size: 0.65rem;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n cursor: pointer;\n transition: all 0.3s ease;\n text-decoration: none;\n}\n.btn-outline:hover { background: var(--ink); color: var(--cream); }\n\n\/* =============================================\n SEC 5 \u2014 DEPOIMENTOS\n ============================================= *\/\n#sec-depoimentos {\n background: var(--bg);\n border-top: 1px solid var(--border);\n}\n.dep-header {\n padding: 5rem 5rem 3rem;\n border-bottom: 1px solid var(--border);\n display: flex;\n align-items: flex-end;\n justify-content: space-between;\n}\n.dep-header h2 {\n font-family: var(--font-display) !important;\n font-size: 3rem !important;\n font-weight: 400 !important;\n letter-spacing: -0.02em !important;\n color: var(--ink) !important;\n}\n.dep-header h2 em { font-style: italic !important; color: var(--green-mid) !important; }\n.dep-source {\n font-family: var(--font-mono);\n font-size: 0.65rem;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n color: var(--ink-faint);\n}\n.dep-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n}\n.dep-card {\n padding: 3rem;\n border-right: 1px solid var(--border);\n display: flex;\n flex-direction: column;\n gap: 1.5rem;\n transition: background 0.3s ease;\n}\n.dep-card:last-child { border-right: none; }\n.dep-card:hover { background: var(--cream); }\n.dep-stars {\n display: flex;\n gap: 0.2rem;\n}\n.dep-star {\n width: 0.7rem;\n height: 0.7rem;\n background: var(--gold);\n clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);\n}\n.dep-quote-mark {\n font-family: var(--font-display);\n font-size: 4rem;\n line-height: 0.5;\n color: var(--gold);\n opacity: 0.3;\n}\n.dep-text {\n font-family: var(--font-display);\n font-size: 1.15rem;\n font-style: italic;\n line-height: 1.6;\n color: var(--ink);\n}\n.dep-author {\n margin-top: auto;\n display: flex;\n align-items: center;\n gap: 0.75rem;\n}\n.dep-author-dot {\n width: 0.4rem;\n height: 0.4rem;\n border-radius: 50%;\n background: var(--gold);\n}\n.dep-author-name {\n font-family: var(--font-mono);\n font-size: 0.7rem;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n color: var(--ink-muted);\n}\n.dep-platform {\n margin-left: auto;\n font-family: var(--font-mono);\n font-size: 0.55rem;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n color: var(--ink-faint);\n}\n.dep-marriott {\n padding: 2.5rem 5rem;\n border-top: 1px solid var(--border);\n display: flex;\n align-items: center;\n gap: 2rem;\n}\n.dep-marriott-badge {\n display: flex;\n align-items: center;\n gap: 1rem;\n padding: 0.75rem 1.5rem;\n border: 1px solid var(--border-gold);\n background: rgba(184,154,90,0.05);\n}\n.dep-marriott-badge span {\n font-family: var(--font-mono);\n font-size: 0.6rem;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: var(--gold);\n}\n\n\/* =============================================\n SEC 6 \u2014 MOTOR FINAL\n ============================================= *\/\n#sec-motor {\n background: var(--green-deep);\n color: var(--cream);\n border-top: 1px solid var(--border-gold);\n}\n.motor-header {\n padding: 5rem 5rem 4rem;\n border-bottom: 1px solid rgba(255,255,255,0.08);\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 3rem;\n align-items: end;\n}\n.motor-header h2 {\n font-family: var(--font-display) !important;\n font-size: 3.5rem !important;\n font-weight: 400 !important;\n line-height: 1.1 !important;\n letter-spacing: -0.02em !important;\n color: var(--cream) !important;\n}\n.motor-header h2 em { font-style: italic !important; color: var(--gold-light) !important; }\n.motor-header p {\n font-size: 0.88rem;\n line-height: 1.8;\n color: rgba(255,255,255,0.55);\n}\n.motor-discounts-row {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n border-bottom: 1px solid rgba(255,255,255,0.08);\n}\n.motor-discount-item {\n padding: 2rem 5rem;\n border-right: 1px solid rgba(255,255,255,0.08);\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n.motor-discount-item:last-child { border-right: none; }\n.motor-discount-nights {\n font-family: var(--font-mono);\n font-size: 0.65rem;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.4);\n}\n.motor-discount-pct {\n font-family: var(--font-display);\n font-size: 2.5rem;\n font-weight: 500;\n color: var(--gold-light);\n letter-spacing: -0.02em;\n}\n.motor-form-wrap {\n padding: 3rem 5rem 7rem;\n}\n.motor-form-wrap .section-label-gold {\n margin-bottom: 1.25rem;\n display: block;\n text-align: center !important;\n width: 100%;\n}\n.motor-form-wrap .motor-reserva-estilizado { width: 100% !important; }\n.motor-form-wrap .motor-reserva-estilizado form { width: 100% !important; margin: 0 !important; }\n.motor-form-wrap .form-grid { width: 100% !important; margin: 0 !important; }\n\n\/* Motor inside dark bg overrides *\/\n#sec-motor .form-grid {\n background: rgba(255,255,255,0.04) !important;\n border-color: rgba(255,255,255,0.1) !important;\n display: flex !important;\n flex-direction: row !important;\n flex-wrap: nowrap !important;\n align-items: stretch !important;\n}\n#sec-motor .form-item { border-right-color: rgba(255,255,255,0.1) !important; }\n#sec-motor .form-item label { color: rgba(255,255,255,0.3) !important; }\n#sec-motor .form-item input,\n#sec-motor .form-item select { color: rgba(255,255,255,0.9) !important; background: transparent !important; }\n#sec-motor .form-item input::placeholder { color: rgba(255,255,255,0.4) !important; }\n#sec-motor .motor-reserva-estilizado select option { background: var(--green-deep); color: white; }\n#sec-motor .form-item button {\n background: var(--gold) !important;\n color: var(--green-deep) !important;\n font-family: var(--font-mono) !important;\n font-size: 0.65rem !important;\n letter-spacing: 0.15em !important;\n text-transform: uppercase !important;\n border: none !important;\n border-radius: 0 !important;\n height: 100% !important;\n width: 100% !important;\n padding: 1rem 1.75rem !important;\n white-space: nowrap !important;\n cursor: pointer !important;\n}\n#sec-motor .form-item button:hover { background: var(--gold-light) !important; }\n\n\/* =============================================\n FOOTER\n ============================================= *\/\n#sec-footer {\n background: var(--ink);\n color: rgba(255,255,255,0.5);\n padding: 4rem 5rem;\n display: grid;\n grid-template-columns: 2fr 1fr 1fr;\n gap: 4rem;\n border-top: 1px solid rgba(255,255,255,0.05);\n}\n.footer-brand { display: flex; flex-direction: column; gap: 1rem; }\n.footer-brand-name {\n font-family: var(--font-display);\n font-size: 1.2rem;\n font-weight: 500;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.9);\n}\n.footer-brand-tag {\n font-family: var(--font-mono);\n font-size: 0.6rem;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--gold);\n}\n.footer-brand p {\n font-size: 0.82rem;\n line-height: 1.75;\n color: rgba(255,255,255,0.35);\n max-width: 22rem;\n}\n.footer-col h4 {\n font-family: var(--font-mono);\n font-size: 0.6rem;\n letter-spacing: 0.2em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.3);\n margin-bottom: 1.25rem;\n}\n.footer-col ul { display: flex; flex-direction: column; gap: 0.6rem; }\n.footer-col ul li {\n font-size: 0.82rem;\n color: rgba(255,255,255,0.45);\n transition: color 0.2s ease;\n cursor: pointer;\n}\n.footer-col ul li:hover { color: rgba(255,255,255,0.8); }\n.footer-contact { font-size: 0.82rem; line-height: 1.9; color: rgba(255,255,255,0.4); }\n.footer-contact a { color: var(--gold); }\n.footer-bottom {\n background: var(--ink);\n padding: 1.5rem 5rem;\n border-top: 1px solid rgba(255,255,255,0.06);\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n.footer-bottom span {\n font-family: var(--font-mono);\n font-size: 0.55rem;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.2);\n}\n\n\/* =============================================\n PLACEHOLDER IMAGES\n ============================================= *\/\n.img-placeholder {\n width: 100%;\n height: 100%;\n background: linear-gradient(135deg, #1E3528 0%, #2D5040 50%, #1A2E22 100%);\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 0.5rem;\n color: rgba(255,255,255,0.2);\n font-family: var(--font-mono);\n font-size: 0.55rem;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n text-align: center;\n}\n.img-placeholder-light {\n background: linear-gradient(135deg, #D4C8B0 0%, #C8BAA0 100%);\n color: rgba(30,53,40,0.3);\n}\n\n\/* =============================================\n RESPONSIVE\n ============================================= *\/\n@media (max-width: 1024px) {\n \/* Hero \u2014 esconder badge e texto de localiza\u00e7\u00e3o no mobile *\/\n .hero-visual-badge { display: none !important; }\n .hero-visual-bottom { display: none !important; }\n #sec-hero { grid-template-columns: 1fr; min-height: auto; }\n .hero-visual { min-height: 69vw; }\n .hero-content { padding: 2rem; }\n\n \/* Imagem 1: hero-title e Westin Season *\/\n .hero-title { font-size: 2rem !important; }\n .hero-season-tag span { font-size: 1.75rem !important; }\n\n \/* Imagem 2: mais espa\u00e7o entre texto e caixa *\/\n .hero-content-bottom { margin-top: 0.5rem !important; }\n\n \/* Imagem 3: instru\u00e7\u00e3o das tabs quebra melhor *\/\n .prog-header > div > p {\n font-size: 0.6rem !important;\n max-width: 18rem !important;\n white-space: normal !important;\n line-height: 1.6 !important;\n letter-spacing: 0.1em !important;\n }\n\n \/* Headlines +10% vs desktop mobile (eram -20%, agora -12%) *\/\n .hero-title { font-size: 2.2rem !important; }\n .intro-text h2 { font-size: 2.64rem !important; }\n .prog-header h2 { font-size: 3.08rem !important; }\n .dif-header h2 { font-size: 2.82rem !important; }\n .dep-header h2 { font-size: 2.64rem !important; }\n .motor-header h2 { font-size: 3.08rem !important; }\n\n \/* Intro *\/\n #sec-intro { grid-template-columns: 1fr; }\n .intro-text { padding: 3rem 2rem; border-right: none; border-bottom: 1px solid var(--border); }\n .intro-months { padding: 3rem 2rem; }\n\n \/* Programa\u00e7\u00e3o \u2014 esconder bot\u00e3o reservar agora do header *\/\n .prog-header .btn-prog { display: none !important; }\n \/* Tabs: 1 coluna empilhada *\/\n .prog-header { padding: 2rem 2rem 1.5rem; flex-direction: column; align-items: flex-start; gap: 1rem; }\n .prog-tabs {\n display: grid !important;\n grid-template-columns: 1fr !important;\n overflow-x: visible !important;\n border-bottom: none !important;\n gap: 0.4rem !important;\n padding: 1rem 1.5rem !important;\n }\n .prog-tab {\n border: 1px solid rgba(255,255,255,0.25) !important;\n border-radius: 2px !important;\n text-align: center !important;\n padding: 1rem 1.5rem !important;\n font-size: 0.75rem !important;\n letter-spacing: 0.15em !important;\n }\n .prog-tab.active {\n background: rgba(255,255,255,0.1) !important;\n border-color: var(--gold) !important;\n }\n .prog-panel-inner { grid-template-columns: 1fr; }\n .prog-content { padding: 2rem; border-right: none; }\n .prog-visual { min-height: 55vw; }\n\n \/* Imagem 4: reduzir espa\u00e7o vazio no dif-header *\/\n .dif-header { grid-template-columns: 1fr; padding: 2rem 2rem 1.5rem; gap: 1rem; }\n\n \/* Condi\u00e7\u00f5es exclusivas \u2014 1 coluna *\/\n #sec-condicoes > div:last-child { grid-template-columns: 1fr !important; }\n #sec-condicoes > div:last-child > div { border-right: none !important; border-bottom: 1px solid var(--border) !important; }\n\n \/* Diferenciais *\/\n .dif-grid { grid-template-columns: 1fr 1fr; }\n .dif-card:nth-child(3n) { border-right: 1px solid var(--border); }\n .dif-card:nth-child(2n) { border-right: none; }\n.dif-cta-row { padding: 2rem; flex-direction: column; align-items: flex-start; gap: 1.5rem; display: none !important; }\n\n \/* Depoimentos *\/\n .dep-grid { grid-template-columns: 1fr; }\n .dep-card { border-right: none; border-bottom: 1px solid var(--border); }\n .dep-header { padding: 3rem 2rem; flex-direction: column; align-items: flex-start; gap: 1rem; }\n .dep-marriott { padding: 2rem; flex-wrap: wrap; }\n\n \/* Motor final *\/\n .motor-header { grid-template-columns: 1fr; padding: 3rem 2rem; }\n .motor-discounts-row { grid-template-columns: 1fr; }\n .motor-discount-item { padding: 1.5rem 2rem; }\n .motor-form-wrap { padding: 2rem; }\n\n \/* Motor final \u2014 vertical como o hero no mobile *\/\n .motor-form-wrap .form-grid {\n flex-direction: column !important;\n flex-wrap: nowrap !important;\n background: rgba(255,255,255,0.04) !important;\n border: 1px solid rgba(255,255,255,0.15) !important;\n }\n .motor-form-wrap .form-item {\n flex: 1 1 auto !important;\n border-right: none !important;\n border-bottom: 1px solid rgba(255,255,255,0.12) !important;\n border-top: none !important;\n border-left: none !important;\n padding: 0.75rem 1.25rem !important;\n width: 100% !important;\n background: transparent !important;\n }\n .motor-form-wrap .form-item:last-child {\n border-bottom: none !important;\n padding: 0 !important;\n flex: 0 0 auto !important;\n }\n .motor-form-wrap .form-item:last-child button {\n width: 100% !important;\n padding: 1.1rem 2rem !important;\n text-align: center !important;\n font-size: 0.75rem !important;\n letter-spacing: 0.2em !important;\n background: var(--gold) !important;\n color: var(--green-deep) !important;\n border-radius: 0 !important;\n }\n\n \/* Motor hero dentro da caixa \u2014 campos em coluna vertical *\/\n .hero-discounts .form-grid { flex-direction: column !important; }\n .hero-discounts .form-item {\n border-right: none !important;\n border-bottom: 1px solid rgba(184,154,90,0.3) !important;\n padding: 0.65rem 1rem !important;\n margin-left: 0 !important;\n }\n .hero-discounts .form-item:last-child {\n border-bottom: none !important;\n padding: 0 !important;\n }\n .hero-discounts .form-item:last-child button {\n width: 100% !important;\n text-align: center !important;\n font-size: 0.8rem !important;\n padding: 1rem !important;\n letter-spacing: 0.2em !important;\n }\n .hero-discounts .motor-reserva-estilizado {\n margin-left: -1.5rem !important;\n margin-right: -1.5rem !important;\n width: calc(100% + 3rem) !important;\n }\n\n \/* Footer *\/\n #sec-footer { grid-template-columns: 1fr; gap: 2.5rem; padding: 3rem 2rem; }\n .footer-bottom { padding: 1.5rem 2rem; flex-direction: column; gap: 0.5rem; text-align: center; }\n}\n\n@media (max-width: 640px) {\n \/* Headlines ainda menores *\/\n .hero-title { font-size: 1.8rem !important; }\n .intro-text h2 { font-size: 2rem !important; }\n .prog-header h2 { font-size: 2.2rem !important; }\n .dif-header h2 { font-size: 2rem !important; }\n .dep-header h2 { font-size: 2rem !important; }\n .motor-header h2 { font-size: 2.2rem !important; }\n\n \/* Diferenciais \u2014 1 coluna *\/\n .dif-grid { grid-template-columns: 1fr; }\n .dif-card { border-right: none; }\n\n \/* Motor descontos \u2014 1 coluna *\/\n .motor-discounts-row { grid-template-columns: 1fr; }\n\n \/* Tabs \u2014 1 coluna *\/\n .prog-tabs { grid-template-columns: 1fr !important; }\n}\n<\/style>\n<\/head>\n<body>\n<div id=\"westin-lp\">\n\n<!-- =============================================\n MARQUEE TOP\n ============================================= -->\n<div class=\"marquee-wrap\">\n <div class=\"marquee-track\">\n <span class=\"marquee-item\">Westin Julho 2026<\/span>\n <span class=\"marquee-item marquee-dot\">\u2726<\/span>\n <span class=\"marquee-item\">The Westin Porto de Galinhas<\/span>\n <span class=\"marquee-item marquee-dot\">\u2726<\/span>\n <span class=\"marquee-item\">All-Inclusive \u00b7 Alto Padr\u00e3o \u00b7 Marriott<\/span>\n <span class=\"marquee-item marquee-dot\">\u2726<\/span>\n <span class=\"marquee-item\">F\u00e9rias de Julho \u00b7 All-Inclusive<\/span>\n <span class=\"marquee-item marquee-dot\">\u2726<\/span>\n <span class=\"marquee-item\">At\u00e9 14% OFF \u00b7 F\u00e9rias de Julho<\/span>\n <span class=\"marquee-item marquee-dot\">\u2726<\/span>\n <span class=\"marquee-item\">Heavenly Spa by Westin\u2122<\/span>\n <span class=\"marquee-item marquee-dot\">\u2726<\/span>\n <span class=\"marquee-item\">Westin Julho 2026<\/span>\n <span class=\"marquee-item marquee-dot\">\u2726<\/span>\n <span class=\"marquee-item\">The Westin Porto de Galinhas<\/span>\n <span class=\"marquee-item marquee-dot\">\u2726<\/span>\n <span class=\"marquee-item\">All-Inclusive \u00b7 Alto Padr\u00e3o \u00b7 Marriott<\/span>\n <span class=\"marquee-item marquee-dot\">\u2726<\/span>\n <span class=\"marquee-item\">F\u00e9rias de Julho \u00b7 All-Inclusive<\/span>\n <span class=\"marquee-item marquee-dot\">\u2726<\/span>\n <span class=\"marquee-item\">At\u00e9 14% OFF \u00b7 F\u00e9rias de Julho<\/span>\n <span class=\"marquee-item marquee-dot\">\u2726<\/span>\n <span class=\"marquee-item\">Heavenly Spa by Westin\u2122<\/span>\n <span class=\"marquee-item marquee-dot\">\u2726<\/span>\n <\/div>\n<\/div>\n\n<!-- =============================================\n SEC 1 \u2014 HERO\n ============================================= -->\n<section id=\"sec-hero\">\n <!-- Visual \/ Left -->\n <div class=\"hero-visual\">\n <img decoding=\"async\" id=\"img-hero\" src=\"https:\/\/westinportodegalinhas.com.br\/wp-content\/uploads\/2026\/03\/Copia-de-2C9A2595ex-scaled.jpg\" alt=\"The Westin Porto de Galinhas\" style=\"position:absolute;inset:0;width:100%;height:100%;object-fit:cover;\">\n <div class=\"hero-visual-overlay\"><\/div>\n <div class=\"hero-visual-badge\">\n <span>Marriott International \u00b7 Resort All-Inclusive<\/span>\n <\/div>\n <div class=\"hero-visual-bottom\">\n <p class=\"hero-period\">Porto de Galinhas, Pernambuco \u00b7 Brasil<\/p>\n <\/div>\n <\/div>\n\n <!-- Content \/ Right -->\n <div class=\"hero-content\">\n <div class=\"hero-content-top\">\n <div class=\"hero-logo reveal\">\n <span class=\"hero-logo-main\">The Westin Porto de Galinhas<\/span>\n <span class=\"hero-logo-sub\">All-Inclusive Experience<\/span>\n <\/div>\n\n <div class=\"reveal delay-1\">\n <div class=\"hero-season-tag\">\n <span class=\"tag-line\"><\/span>\n <span style=\"font-size:2.2rem;\">Westin Julho<\/span>\n <\/div>\n <\/div>\n\n <h1 class=\"hero-title reveal delay-2\">\n Julho perfeito para<br>\n <em>mem\u00f3rias que ficam.<\/em>\n <\/h1>\n\n <p class=\"hero-desc reveal delay-3\">\n Em julho, o Westin Porto de Galinhas vive sua melhor programa\u00e7\u00e3o \u00e0 beira-mar. Com at\u00e9 14% de desconto, \u00e9 o momento ideal para reservar suas f\u00e9rias em fam\u00edlia num resort All-Inclusive de alto padr\u00e3o.\n <\/p>\n <\/div>\n\n <div class=\"hero-content-bottom reveal delay-4\">\n\n <!-- Motor -->\n <div style=\"border:1px solid rgba(184,154,90,0.25);background:#1E3528;margin-top:0.75rem;\">\n <div style=\"padding:0.75rem 1.5rem 0.5rem;\">\n <span style=\"font-family:'DM Mono',monospace;font-size:0.6rem;letter-spacing:0.25em;text-transform:uppercase;color:#D4B97A;\">Escolha a sua melhor data<\/span>\n <\/div>\n <form id=\"motorFormHero\" action=\"https:\/\/book.omnibees.com\/hotelresults\" method=\"GET\" target=\"_blank\" style=\"width:100%;margin:0;padding:0;max-width:none;display:block;\">\n <input type=\"hidden\" name=\"q\" value=\"3165\">\n <input type=\"hidden\" name=\"lang\" value=\"pt-BR\">\n <input type=\"hidden\" name=\"version\" value=\"3\">\n <input type=\"hidden\" name=\"CheckIn\" id=\"checkin-hero\">\n <input type=\"hidden\" name=\"CheckOut\" id=\"checkout-hero\">\n <input type=\"hidden\" name=\"NRooms\" value=\"1\">\n <div id=\"motorGridHero\" style=\"display:flex;flex-direction:column;width:100%;margin:0;padding:0;\">\n <div style=\"display:flex;flex-direction:column;padding:0.65rem 1.5rem;border-top:1px solid rgba(184,154,90,0.2);border-bottom:1px solid rgba(184,154,90,0.2);\">\n <label style=\"font-family:'DM Mono',monospace;font-size:0.55rem;letter-spacing:0.2em;text-transform:uppercase;color:rgba(212,185,122,0.6);display:block;margin-bottom:0.3rem;\">Fechas<\/label>\n <input id=\"checkInOut-hero\" type=\"text\" placeholder=\"Selecione a data\" readonly style=\"font-family:'DM Sans',sans-serif;font-size:0.85rem;color:rgba(255,255,255,0.85);background:transparent;border:none;outline:none;width:100%;cursor:pointer;\">\n <\/div>\n <div style=\"display:flex;flex-direction:row;\">\n <div style=\"display:flex;flex-direction:column;padding:0.65rem 1.5rem;border-bottom:1px solid rgba(184,154,90,0.2);border-right:1px solid rgba(184,154,90,0.2);flex:1;\">\n <label style=\"font-family:'DM Mono',monospace;font-size:0.55rem;letter-spacing:0.2em;text-transform:uppercase;color:rgba(212,185,122,0.6);display:block;margin-bottom:0.3rem;\">Adultos<\/label>\n <select name=\"ad\" id=\"ad-hero\" style=\"font-family:'DM Sans',sans-serif;font-size:0.85rem;color:rgba(255,255,255,0.85);background:transparent;border:none;outline:none;cursor:pointer;width:100%;-webkit-appearance:none;appearance:none;\">\n <option style=\"background:#1E3528;\">1<\/option><option selected style=\"background:#1E3528;\">2<\/option><option style=\"background:#1E3528;\">3<\/option><option style=\"background:#1E3528;\">4<\/option><option style=\"background:#1E3528;\">5<\/option>\n <\/select>\n <\/div>\n <div style=\"display:flex;flex-direction:column;padding:0.65rem 1.5rem;border-bottom:1px solid rgba(184,154,90,0.2);flex:1;\">\n <label style=\"font-family:'DM Mono',monospace;font-size:0.55rem;letter-spacing:0.2em;text-transform:uppercase;color:rgba(212,185,122,0.6);display:block;margin-bottom:0.3rem;\">Ni\u00f1os<\/label>\n <select name=\"ch\" id=\"ch-hero\" style=\"font-family:'DM Sans',sans-serif;font-size:0.85rem;color:rgba(255,255,255,0.85);background:transparent;border:none;outline:none;cursor:pointer;width:100%;-webkit-appearance:none;appearance:none;\">\n <option value=\"0\" selected style=\"background:#1E3528;\">0<\/option><option style=\"background:#1E3528;\">1<\/option><option style=\"background:#1E3528;\">2<\/option><option style=\"background:#1E3528;\">3<\/option><option style=\"background:#1E3528;\">4<\/option><option style=\"background:#1E3528;\">5<\/option>\n <\/select>\n <\/div>\n <\/div>\n <button type=\"submit\" style=\"width:100%;padding:1rem 1.5rem;background:#B89A5A;color:#1E3528;font-family:'DM Mono',monospace;font-size:0.65rem;letter-spacing:0.15em;text-transform:uppercase;border:none;cursor:pointer;border-radius:0;-webkit-appearance:none;appearance:none;text-align:center;font-weight:600;\">Reservar Agora \u2192<\/button>\n <\/div>\n <\/form>\n <\/div>\n\n <\/div>\n <\/div>\n<\/section>\n\n\n\n<!-- =============================================\n SEC 3 \u2014 PROGRAMA\u00c7\u00c3O\n ============================================= -->\n<section id=\"sec-programacao\">\n <div class=\"prog-header\">\n <div>\n <h2 class=\"reveal delay-1\">Confira a programa\u00e7\u00e3o<br><em>de Julho<\/em><\/h2>\n <\/div>\n <\/div>\n\n <!-- Tabs -->\n <div class=\"prog-tabs\" role=\"tablist\">\n \n \n \n \n \n \n <\/div>\n\n <!-- Panels -->\n <div class=\"prog-panels\">\n\n <!-- JULHO \u2605 -->\n <div class=\"prog-panel julho-panel active\" id=\"panel-julho\" role=\"tabpanel\">\n <div class=\"prog-panel-inner\">\n <div class=\"prog-content\">\n <div style=\"display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;\">\n <span class=\"prog-tag\" style=\"margin-bottom:0;\">F\u00e9rias Escolares \u00b7 Julho<\/span>\n <div class=\"julho-star\" style=\"display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;\"><span style=\"font-family:'DM Mono',monospace;font-size:0.55rem;letter-spacing:0.12em;text-transform:uppercase;margin-bottom:0.15rem;\">At\u00e9<\/span><span style=\"font-family:'Cormorant Garamond',Georgia,serif;font-size:1.6rem;font-weight:600;line-height:0.9;margin-bottom:0.15rem;\">14%<\/span><span style=\"font-family:'DM Mono',monospace;font-size:0.55rem;letter-spacing:0.12em;text-transform:uppercase;\">OFF<\/span><\/div>\n <\/div>\n <h3>Todo dia uma<br>nova experi\u00eancia.<\/h3>\n <p>Nas f\u00e9rias escolares de julho, o Westin n\u00e3o descansa. Durante todo o m\u00eas, uma programa\u00e7\u00e3o completa e cuidadosamente pensada transforma cada manh\u00e3, tarde e anoitecer em momentos de pura alegria, conex\u00e3o familiar e bem-estar \u00e0 beira-mar.<\/p>\n <p>Aqui, adultos descansam de verdade enquanto as crian\u00e7as vivem aventuras. E no fim do dia, toda a fam\u00edlia se reencontra no melhor cen\u00e1rio poss\u00edvel: p\u00f4r do sol em Porto de Galinhas, drinks na m\u00e3o e m\u00fasica ao vivo.<\/p>\n <div class=\"prog-highlights\">\n <h4>Destaques da programa\u00e7\u00e3o de julho<\/h4>\n <ul class=\"prog-list\">\n <li>Gincanas aqu\u00e1ticas e jogos ao ar livre para energizar as manh\u00e3s<\/li>\n <li>Espet\u00e1culos infantis e apresenta\u00e7\u00f5es culturais que encantam toda a fam\u00edlia<\/li>\n <li>M\u00fasica ao vivo e sunset \u00e0 beira-mar \u2014 todo dia<\/li>\n <li>Oficina de culin\u00e1ria e ateli\u00eas criativos<\/li>\n <li>Oficina de pipas aproveitando os ventos de julho<\/li>\n <li>Yoga flutuante, aulas de artes marciais e beach tennis na praia<\/li>\n <li>Baladinha infantil e ch\u00e1 da tarde tem\u00e1ticos \u2014 aventura nova a cada dia<\/li>\n <li>Ch\u00e1 da tarde com personagens especiais que encantam os pequenos<\/li>\n <\/ul>\n <\/div>\n <div class=\"prog-quote\">\"No Westin, as f\u00e9rias de julho s\u00e3o vividas intensamente \u2014 com sorrisos, descobertas e mem\u00f3rias que ficam muito al\u00e9m do fim das f\u00e9rias.\"<\/div>\n <div class=\"prog-cta-wrap\">\n <a href=\"https:\/\/book.omnibees.com\/hotelresults?c=1931&q=3165&hotel_folder=&NRooms=1&CheckIn=11072026&CheckOut=18072026&ad=1&ch=0&ag=&Code=&group_code=&loyalty_code=&lang=pt-BR¤cyId=16\" target=\"_blank\" class=\"btn-prog\" style=\"background:var(--gold);color:var(--green-deep);border-color:var(--gold);\">Quero Reservar Julho <span class=\"btn-prog-arrow\">\u2192<\/span><\/a>\n <\/div>\n <\/div>\n <div class=\"prog-visual\">\n <img decoding=\"async\" id=\"img-julho\" src=\"https:\/\/westinportodegalinhas.com.br\/wp-content\/uploads\/2026\/03\/Julho-8.png\" alt=\"F\u00e9rias de Julho Westin\" style=\"position:absolute;inset:0;width:100%;height:100%;object-fit:cover;\">\n <div class=\"prog-visual-overlay\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div><!-- \/prog-panels -->\n<\/section>\n\n<!-- =============================================\n SEC \u2014 POR QUE O WESTIN\n ============================================= -->\n<section id=\"sec-diferenciais\">\n <div class=\"dif-header\">\n <div>\n <h2 class=\"reveal delay-1\">Por que o Westin \u00e9<br><em>diferente de qualquer<br>outro resort?<\/em><\/h2>\n <\/div>\n <p class=\"reveal delay-2\"><\/p>\n <\/div>\n\n <div class=\"dif-grid\">\n <!-- Card 1 -->\n <div class=\"dif-card reveal delay-1\">\n <div class=\"dif-card-img\">\n <img decoding=\"async\" src=\"https:\/\/westinportodegalinhas.com.br\/wp-content\/uploads\/2026\/03\/allincl.png\" alt=\"Gastronomia All-Inclusive\" style=\"position:absolute;inset:0;width:100%;height:100%;object-fit:cover;\">\n <\/div>\n <h3>All-Inclusive Experience<\/h3>\n <p>Caf\u00e9 da manh\u00e3, almo\u00e7o, jantar, petiscos e lanches \u2014 tudo incluso. Cinco espa\u00e7os gastron\u00f4micos, drinks autorais e gastronomia internacional sem limite.<\/p>\n <\/div>\n <!-- Card 2 -->\n <div class=\"dif-card reveal delay-2\">\n <div class=\"dif-card-img\">\n <img decoding=\"async\" src=\"https:\/\/westinportodegalinhas.com.br\/wp-content\/uploads\/2026\/03\/spa.png\" alt=\"Heavenly Spa by Westin\" style=\"position:absolute;inset:0;width:100%;height:100%;object-fit:cover;\">\n <\/div>\n <h3>Heavenly Spa by Westin\u2122<\/h3>\n <p>O ref\u00fagio de relaxamento mais completo do litoral nordestino. Hidromassagem, massagens, terapias e tratamentos personalizados para renovar corpo e mente.<\/p>\n <\/div>\n <!-- Card 3 -->\n <div class=\"dif-card reveal delay-3\">\n <div class=\"dif-card-img\">\n <img decoding=\"async\" src=\"https:\/\/westinportodegalinhas.com.br\/wp-content\/uploads\/2026\/03\/acomodacoes.png\" alt=\"Acomoda\u00e7\u00f5es Premium\" style=\"position:absolute;inset:0;width:100%;height:100%;object-fit:cover;\">\n <\/div>\n <h3>Acomoda\u00e7\u00f5es Premium<\/h3>\n <p>De apartamentos sofisticados a Villas privativas com piscina. Cada acomoda\u00e7\u00e3o projetada para o mais alto n\u00edvel de conforto, com o exclusivo Heavenly Bed\u00ae da Westin.<\/p>\n <\/div>\n <!-- Card 4 -->\n <div class=\"dif-card reveal delay-1\">\n <div class=\"dif-card-img\">\n <img decoding=\"async\" src=\"https:\/\/westinportodegalinhas.com.br\/wp-content\/uploads\/2026\/03\/experiencias.png\" alt=\"Experi\u00eancias Westin\" style=\"position:absolute;inset:0;width:100%;height:100%;object-fit:cover;\">\n <\/div>\n <h3>Experi\u00eancias para Todas as Idades<\/h3>\n <p>Programa\u00e7\u00e3o di\u00e1ria para crian\u00e7as, teens e adultos. Beach tennis, yoga, m\u00fasica ao vivo, espet\u00e1culos e atividades culturais \u2014 do amanhecer ao anoitecer.<\/p>\n <\/div>\n <!-- Card 5 -->\n <div class=\"dif-card reveal delay-2\">\n <div class=\"dif-card-img\">\n <img decoding=\"async\" src=\"https:\/\/westinportodegalinhas.com.br\/wp-content\/uploads\/2026\/03\/west.png\" alt=\"Resort Marriott International\" style=\"position:absolute;inset:0;width:100%;height:100%;object-fit:cover;\">\n <\/div>\n <h3>Resort da Marriott International<\/h3>\n <p>O \u00fanico resort All-Inclusive de alto padr\u00e3o da Marriott no Brasil. Padr\u00e3o de excel\u00eancia global em um cen\u00e1rio paradis\u00edaco \u00fanico.<\/p>\n <\/div>\n <!-- Card 6 -->\n <div class=\"dif-card reveal delay-3\">\n <div class=\"dif-card-img\">\n <img decoding=\"async\" src=\"https:\/\/westinportodegalinhas.com.br\/wp-content\/uploads\/2026\/03\/beiramar.png\" alt=\"Porto de Galinhas \u00e0 Beira-Mar\" style=\"position:absolute;inset:0;width:100%;height:100%;object-fit:cover;\">\n <\/div>\n <h3>Porto de Galinhas \u00e0 Beira-Mar<\/h3>\n <p>Piscinas naturais, jangadas, brisa constante e o mar mais bonito do pa\u00eds como plano de fundo permanente.<\/p>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- =============================================\n SEC 5 \u2014 DEPOIMENTOS\n ============================================= -->\n<section id=\"sec-depoimentos\">\n <div class=\"dep-header\">\n <div>\n <h2 class=\"reveal delay-1\">Relatos de quem<br><em>viveu o The Westin<\/em><\/h2>\n <\/div>\n <span class=\"dep-source reveal delay-2\">Google \u00b7 TripAdvisor<\/span>\n <\/div>\n\n <div class=\"dep-grid\">\n <div class=\"dep-card reveal delay-1\">\n <div class=\"dep-stars\">\n <div class=\"dep-star\"><\/div><div class=\"dep-star\"><\/div><div class=\"dep-star\"><\/div><div class=\"dep-star\"><\/div><div class=\"dep-star\"><\/div>\n <\/div>\n <div class=\"dep-quote-mark\">\"<\/div>\n <p class=\"dep-text\">Resort Maravilhoso com staff super preparado e educado! Experi\u00eancia maravilhosa. \u00d3timo! Adoramos cada Experi\u00eancia, e cada momento, adoramos todo resort, da \u00e1rea de piscina at\u00e9 todos os restaurantes com v\u00e1rias op\u00e7\u00f5es de comida e pratos deliciosos!<\/p>\n <div class=\"dep-author\">\n <div class=\"dep-author-dot\"><\/div>\n <span class=\"dep-author-name\">Maria S.<\/span>\n <span class=\"dep-platform\">Google \u2b50<\/span>\n <\/div>\n <\/div>\n <div class=\"dep-card reveal delay-2\">\n <div class=\"dep-stars\">\n <div class=\"dep-star\"><\/div><div class=\"dep-star\"><\/div><div class=\"dep-star\"><\/div><div class=\"dep-star\"><\/div><div class=\"dep-star\"><\/div>\n <\/div>\n <div class=\"dep-quote-mark\">\"<\/div>\n <p class=\"dep-text\">Experi\u00eancia impec\u00e1vel do in\u00edcio ao fim. Equipe atenciosa, gastronomia de alto n\u00edvel no All Inclusive e uma estrutura que realmente entrega bem-estar. Das piscinas \u00e0 beira-mar ao Spa, cada detalhe faz do The Westin um destino para viver e repetir.<\/p>\n <div class=\"dep-author\">\n <div class=\"dep-author-dot\"><\/div>\n <span class=\"dep-author-name\">Cybelle L.<\/span>\n <span class=\"dep-platform\">TripAdvisor \u2b50<\/span>\n <\/div>\n <\/div>\n <div class=\"dep-card reveal delay-3\">\n <div class=\"dep-stars\">\n <div class=\"dep-star\"><\/div><div class=\"dep-star\"><\/div><div class=\"dep-star\"><\/div><div class=\"dep-star\"><\/div><div class=\"dep-star\"><\/div>\n <\/div>\n <div class=\"dep-quote-mark\">\"<\/div>\n <p class=\"dep-text\">Excelente experiencia en toda la estad\u00eda, con un gran diferencial en el restaurante Tuna. \u00a1Cada momento pensado para sorprender en la noche!<\/p>\n <div class=\"dep-author\">\n <div class=\"dep-author-dot\"><\/div>\n <span class=\"dep-author-name\">Jo\u00e3o R.<\/span>\n <span class=\"dep-platform\">TripAdvisor \u2b50<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n<\/section>\n\n<!-- =============================================\n SEC 6 \u2014 MOTOR FINAL\n ============================================= -->\n<section id=\"sec-motor\">\n <div class=\"motor-header\">\n <div>\n <h2 class=\"reveal delay-1\">Reserve suas f\u00e9rias<br><em>de julho agora com at\u00e9 14% OFF.<\/em><\/h2>\n <\/div>\n <p class=\"reveal delay-2\">Julho \u00e9 o m\u00eas mais disputado do ano. Garanta j\u00e1 sua estadia com at\u00e9 14% OFF e viva as melhores f\u00e9rias da sua fam\u00edlia no Westin Porto de Galinhas.<\/p>\n <\/div>\n\n <div class=\"motor-form-wrap reveal\" style=\"width:100%;box-sizing:border-box;\">\n <span class=\"section-label-gold\">Verifique disponibilidade e pre\u00e7os<\/span>\n <div class=\"motor-reserva-estilizado\" style=\"width:100%;display:block;\">\n <form id=\"motorFormFinal\" action=\"https:\/\/book.omnibees.com\/hotelresults\" method=\"GET\" target=\"_blank\" style=\"width:100%;margin:0;padding:0;max-width:none;\">\n <input type=\"hidden\" name=\"q\" value=\"3165\">\n <input type=\"hidden\" name=\"lang\" value=\"pt-BR\">\n <input type=\"hidden\" name=\"version\" value=\"3\">\n <input type=\"hidden\" name=\"CheckIn\" id=\"checkin-final\">\n <input type=\"hidden\" name=\"CheckOut\" id=\"checkout-final\">\n <input type=\"hidden\" name=\"NRooms\" value=\"1\">\n <div id=\"childAgesContainerFinal\" style=\"display:none;\"><\/div>\n <!-- Motor grid \u2014 layout responsivo via inline style + JS -->\n <div id=\"motorGridFinal\" style=\"display:flex;flex-direction:row;flex-wrap:nowrap;width:100%;border:1px solid rgba(255,255,255,0.15);background:transparent;margin:0;padding:0;\">\n <div style=\"display:flex;flex-direction:column;justify-content:center;padding:0.75rem 1.25rem;border-right:1px solid rgba(255,255,255,0.12);flex:2 1 auto;min-width:0;\">\n <label style=\"font-family:'DM Mono',monospace;font-size:0.55rem;letter-spacing:0.2em;text-transform:uppercase;color:rgba(255,255,255,0.3);display:block;margin-bottom:0.3rem;\">Fechas<\/label>\n <input id=\"checkInOut-final\" type=\"text\" placeholder=\"Selecione a data\" readonly style=\"font-family:'DM Sans',sans-serif;font-size:0.8rem;color:rgba(255,255,255,0.9);background:transparent;border:none;outline:none;width:100%;cursor:pointer;\">\n <\/div>\n <div style=\"display:flex;flex-direction:column;justify-content:center;padding:0.75rem 1.25rem;border-right:1px solid rgba(255,255,255,0.12);flex:1 1 auto;min-width:0;\">\n <label style=\"font-family:'DM Mono',monospace;font-size:0.55rem;letter-spacing:0.2em;text-transform:uppercase;color:rgba(255,255,255,0.3);display:block;margin-bottom:0.3rem;\">Adultos<\/label>\n <select name=\"ad\" id=\"ad-final\" style=\"font-family:'DM Sans',sans-serif;font-size:0.8rem;color:rgba(255,255,255,0.95);background:transparent;border:none;outline:none;cursor:pointer;width:100%;-webkit-appearance:none;appearance:none;font-weight:500;\">\n <option style=\"background:#1E3528;\">1<\/option><option selected style=\"background:#1E3528;\">2<\/option><option style=\"background:#1E3528;\">3<\/option><option style=\"background:#1E3528;\">4<\/option><option style=\"background:#1E3528;\">5<\/option>\n <\/select>\n <\/div>\n <div style=\"display:flex;flex-direction:column;justify-content:center;padding:0.75rem 1.25rem;border-right:1px solid rgba(255,255,255,0.12);flex:1 1 auto;min-width:0;\">\n <label style=\"font-family:'DM Mono',monospace;font-size:0.55rem;letter-spacing:0.2em;text-transform:uppercase;color:rgba(255,255,255,0.3);display:block;margin-bottom:0.3rem;\">Ni\u00f1os<\/label>\n <select name=\"ch\" id=\"ch-final\" style=\"font-family:'DM Sans',sans-serif;font-size:0.8rem;color:rgba(255,255,255,0.95);background:transparent;border:none;outline:none;cursor:pointer;width:100%;-webkit-appearance:none;appearance:none;font-weight:500;\">\n <option value=\"0\" selected style=\"background:#1E3528;\">0<\/option><option style=\"background:#1E3528;\">1<\/option><option style=\"background:#1E3528;\">2<\/option><option style=\"background:#1E3528;\">3<\/option><option style=\"background:#1E3528;\">4<\/option><option style=\"background:#1E3528;\">5<\/option>\n <\/select>\n <\/div>\n <div id=\"motorBtnFinal\" style=\"display:flex;flex:0 0 auto;padding:0;\">\n <button type=\"submit\" style=\"height:100%;padding:1rem 1.75rem;background:#B89A5A;color:#1E3528;font-family:'DM Mono',monospace;font-size:0.65rem;letter-spacing:0.15em;text-transform:uppercase;border:none;cursor:pointer;white-space:nowrap;border-radius:0;-webkit-appearance:none;appearance:none;display:block;width:100%;\">Verificar Disponibilidade \u2192<\/button>\n <\/div>\n <\/div>\n <\/form>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- =============================================\n FOOTER\n ============================================= -->\n<footer id=\"sec-footer\">\n <div class=\"footer-brand\">\n <div>\n <div class=\"footer-brand-name\">The Westin Porto de Galinhas<\/div>\n <div class=\"footer-brand-tag\">All-Inclusive \u00b7 Marriott International<\/div>\n <\/div>\n <p>Um resort all-inclusive de alto padr\u00e3o \u00e0 beira-mar em Porto de Galinhas, Pernambuco. Sofistica\u00e7\u00e3o, conforto e bem-estar em cada detalhe.<\/p>\n <div class=\"footer-contact\">\n <a href=\"mailto:reservas@westinportodegalinhas.com.br\">reservas@westinportodegalinhas.com.br<\/a><br>\n 81 3331-1717<br>\n PE-009, s\/n \u2013 Porto de Galinhas, Ipojuca \u2013 PE, 55590-000\n <\/div>\n <\/div>\n <div class=\"footer-col\">\n <h4>Navegue<\/h4>\n <ul>\n <li>Inicio<\/li>\n <li>El Westin<\/li>\n <li>Experiencias<\/li>\n <li>Alojamiento<\/li>\n <li>Todo Incluido<\/li>\n <li>SPA<\/li>\n <li>Paquetes Rom\u00e1nticos<\/li>\n <li>Ofertas Especiales<\/li>\n <\/ul>\n <\/div>\n <div class=\"footer-col\">\n <h4>Westin Julho<\/h4>\n <ul>\n <li>P\u00e1scoa \u00b7 Abril<\/li>\n <li>Tiradentes \u00b7 Abril<\/li>\n <li>Dia das M\u00e3es \u00b7 Maio<\/li>\n <li>Dia dos Namorados \u00b7 Junho<\/li>\n <li>Copa do Mundo \u00b7 Junho<\/li>\n <li>S\u00e3o Jo\u00e3o \u00b7 Junho<\/li>\n <li>F\u00e9rias de Julho \u2605<\/li>\n <\/ul>\n <\/div>\n<\/footer>\n<div class=\"footer-bottom\">\n <span>\u00a9 2026 The Westin Porto de Galinhas \u00b7 All-Inclusive \u00b7 Marriott International<\/span>\n <span>Westin Julho 2026 \u00b7 F\u00e9rias Escolares<\/span>\n<\/div>\n\n<!-- =============================================\n SCRIPTS\n ============================================= -->\n<script>\n\/\/ --- Scroll Reveal ---\nconst revealObserver = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('active');\n revealObserver.unobserve(entry.target);\n }\n });\n}, { threshold: 0.1, rootMargin: '0px 0px -40px 0px' });\n\ndocument.querySelectorAll('.reveal, .reveal-left').forEach(el => revealObserver.observe(el));\n\n\/\/ --- Prog Tabs ---\nconst tabs = document.querySelectorAll('.prog-tab');\nconst panels = document.querySelectorAll('.prog-panel');\n\ntabs.forEach(tab => {\n tab.addEventListener('click', () => {\n const target = tab.dataset.tab;\n tabs.forEach(t => t.classList.remove('active'));\n panels.forEach(p => p.classList.remove('active'));\n tab.classList.add('active');\n const panel = document.getElementById('panel-' + target);\n if (panel) panel.classList.add('active');\n });\n});\n\n\/\/ --- Flatpickr Date Pickers ---\nfunction initDatePicker(inputId, checkinId, checkoutId) {\n flatpickr('#' + inputId, {\n mode: 'range',\n locale: 'pt',\n dateFormat: 'd\/m\/Y',\n minDate: 'today',\n onChange: function(selectedDates) {\n if (selectedDates.length === 2) {\n \/\/ Formato Omnibees: DDMMYYYY (ex: 25032026)\n const fmt = d => {\n const dd = String(d.getDate()).padStart(2,'0');\n const mm = String(d.getMonth()+1).padStart(2,'0');\n const yyyy = d.getFullYear();\n return dd + mm + yyyy;\n };\n document.getElementById(checkinId).value = fmt(selectedDates[0]);\n document.getElementById(checkoutId).value = fmt(selectedDates[1]);\n }\n }\n });\n}\n\ninitDatePicker('checkInOut-hero', 'checkin-hero', 'checkout-hero');\ninitDatePicker('checkInOut-final', 'checkin-final', 'checkout-final');\n\n\/\/ --- For\u00e7ar cor dos selects do motor final via JS ---\nfunction forcarCoresMotor() {\n const selects = ['ad-final', 'ch-final'];\n selects.forEach(id => {\n const el = document.getElementById(id);\n if (!el) return;\n el.style.setProperty('color', 'rgba(255,255,255,0.75)', 'important');\n el.style.setProperty('font-size', '0.9rem', 'important');\n el.style.setProperty('font-weight', '400', 'important');\n el.style.setProperty('background', 'transparent', 'important');\n el.style.setProperty('border', 'none', 'important');\n el.style.setProperty('outline', 'none', 'important');\n el.style.setProperty('-webkit-appearance', 'none', 'important');\n el.style.setProperty('appearance', 'none', 'important');\n el.style.setProperty('opacity', '1', 'important');\n \/\/ Re-aplica ao mudar valor\n el.addEventListener('change', () => {\n el.style.setProperty('color', 'rgba(255,255,255,0.75)', 'important');\n el.style.setProperty('opacity', '1', 'important');\n });\n });\n}\n\/\/ Roda imediatamente e ap\u00f3s 500ms para garantir ap\u00f3s WP scripts\nforcarCoresMotor();\nsetTimeout(forcarCoresMotor, 500);\nsetTimeout(forcarCoresMotor, 1500);\n\n\/\/ --- Motor Hero Responsivo ---\nfunction ajustarMotorHero() {\n const grid = document.getElementById('motorGridHero');\n if (!grid) return;\n const adultosRow = grid.children[1]; \/\/ div com adultos+crian\u00e7as\n if (window.innerWidth > 1024) {\n \/\/ Desktop: datas | adultos | crian\u00e7as | bot\u00e3o em linha\n grid.style.flexDirection = 'row';\n grid.style.alignItems = 'stretch';\n \/\/ Datas\n const datas = grid.children[0];\n datas.style.borderBottom = 'none';\n datas.style.borderRight = '1px solid rgba(184,154,90,0.3)';\n datas.style.flex = '2';\n \/\/ Adultos+Crian\u00e7as row\n adultosRow.style.flex = '2';\n adultosRow.style.borderBottom = 'none';\n \/\/ Bot\u00e3o\n const btn = grid.children[2];\n btn.style.flex = '0 0 auto';\n btn.style.width = 'auto';\n btn.style.padding = '1rem 1.75rem';\n btn.style.borderLeft = '1px solid rgba(184,154,90,0.3)';\n } else {\n \/\/ Mobile: coluna\n grid.style.flexDirection = 'column';\n grid.style.alignItems = '';\n const datas = grid.children[0];\n datas.style.borderBottom = '1px solid rgba(184,154,90,0.3)';\n datas.style.borderRight = 'none';\n datas.style.flex = '';\n adultosRow.style.flex = '';\n adultosRow.style.borderBottom = '1px solid rgba(184,154,90,0.3)';\n const btn = grid.children[2];\n btn.style.flex = '';\n btn.style.width = '100%';\n btn.style.padding = '1rem 1.5rem';\n btn.style.borderLeft = 'none';\n }\n}\najustarMotorHero();\nwindow.addEventListener('resize', ajustarMotorHero);\nfunction ajustarMotorFinal() {\n const grid = document.getElementById('motorGridFinal');\n const btn = document.getElementById('motorBtnFinal');\n if (!grid || !btn) return;\n\n if (window.innerWidth <= 768) {\n \/\/ Coluna vertical\n grid.style.flexDirection = 'column';\n grid.style.flexWrap = 'nowrap';\n grid.querySelectorAll('div[style]').forEach(el => {\n if (el.id === 'motorBtnFinal') return;\n el.style.borderRight = 'none';\n el.style.borderBottom = '1px solid rgba(255,255,255,0.12)';\n el.style.flex = '1 1 auto';\n el.style.width = '100%';\n });\n btn.style.flex = '0 0 auto';\n btn.style.width = '100%';\n const b = btn.querySelector('button');\n if (b) { b.style.width = '100%'; b.style.padding = '1.1rem 2rem'; b.style.textAlign = 'center'; }\n } else {\n \/\/ Linha horizontal\n grid.style.flexDirection = 'row';\n grid.style.flexWrap = 'nowrap';\n grid.querySelectorAll('div[style]').forEach(el => {\n if (el.id === 'motorBtnFinal') return;\n el.style.borderBottom = 'none';\n el.style.borderRight = '1px solid rgba(255,255,255,0.12)';\n });\n btn.style.flex = '0 0 auto';\n btn.style.width = 'auto';\n const b = btn.querySelector('button');\n if (b) { b.style.width = '100%'; b.style.padding = '1rem 1.75rem'; }\n }\n}\najustarMotorFinal();\nwindow.addEventListener('resize', ajustarMotorFinal);\n\n\/\/ --- Imagens Mobile ---\nconst mobileImgs = {\n 'img-hero': 'https:\/\/westinportodegalinhas.com.br\/wp-content\/uploads\/2026\/03\/home-mob.png',\n 'img-pascoa': 'https:\/\/westinportodegalinhas.com.br\/wp-content\/uploads\/2026\/03\/pascoa-mob.png',\n 'img-tiradentes': 'https:\/\/westinportodegalinhas.com.br\/wp-content\/uploads\/2026\/03\/tiradentes-mob.png',\n 'img-maes': 'https:\/\/westinportodegalinhas.com.br\/wp-content\/uploads\/2026\/03\/maes-mob.png',\n 'img-namorados': 'https:\/\/westinportodegalinhas.com.br\/wp-content\/uploads\/2026\/03\/namorados-mob.png',\n 'img-copa': 'https:\/\/westinportodegalinhas.com.br\/wp-content\/uploads\/2026\/03\/copa-mob.png',\n 'img-saojoao': 'https:\/\/westinportodegalinhas.com.br\/wp-content\/uploads\/2026\/03\/sao-joao-mob-1.png',\n 'img-julho': 'https:\/\/westinportodegalinhas.com.br\/wp-content\/uploads\/2026\/03\/julho-mob.png',\n 'img-allincl': 'https:\/\/westinportodegalinhas.com.br\/wp-content\/uploads\/2026\/03\/allincl-mob.png',\n 'img-spa': 'https:\/\/westinportodegalinhas.com.br\/wp-content\/uploads\/2026\/03\/spa-mob.png',\n 'img-acomodacoes': 'https:\/\/westinportodegalinhas.com.br\/wp-content\/uploads\/2026\/03\/acomodacoes-mob.png',\n 'img-experiencias':'https:\/\/westinportodegalinhas.com.br\/wp-content\/uploads\/2026\/03\/experiencias-mob.png',\n 'img-west': 'https:\/\/westinportodegalinhas.com.br\/wp-content\/uploads\/2026\/03\/west-mob.png',\n 'img-beiramar': 'https:\/\/westinportodegalinhas.com.br\/wp-content\/uploads\/2026\/03\/beiramar-mob.png',\n};\nconst desktopImgs = {\n 'img-hero': 'https:\/\/westinportodegalinhas.com.br\/wp-content\/uploads\/2026\/03\/Copia-de-2C9A2595ex-scaled.jpg',\n 'img-pascoa': 'https:\/\/westinportodegalinhas.com.br\/wp-content\/uploads\/2026\/03\/pascoa.png',\n 'img-tiradentes': 'https:\/\/westinportodegalinhas.com.br\/wp-content\/uploads\/2026\/03\/tiradentes-5.png',\n 'img-maes': 'https:\/\/westinportodegalinhas.com.br\/wp-content\/uploads\/2026\/03\/Maes-7.png',\n 'img-namorados': 'https:\/\/westinportodegalinhas.com.br\/wp-content\/uploads\/2026\/03\/Namorados-6.png',\n 'img-copa': 'https:\/\/westinportodegalinhas.com.br\/wp-content\/uploads\/2026\/03\/copa.png',\n 'img-saojoao': 'https:\/\/westinportodegalinhas.com.br\/wp-content\/uploads\/2026\/03\/Sao-Joao-9.png',\n 'img-julho': 'https:\/\/westinportodegalinhas.com.br\/wp-content\/uploads\/2026\/03\/Julho-8.png',\n 'img-allincl': 'https:\/\/westinportodegalinhas.com.br\/wp-content\/uploads\/2026\/03\/allincl.png',\n 'img-spa': 'https:\/\/westinportodegalinhas.com.br\/wp-content\/uploads\/2026\/03\/spa.png',\n 'img-acomodacoes': 'https:\/\/westinportodegalinhas.com.br\/wp-content\/uploads\/2026\/03\/acomodacoes.png',\n 'img-experiencias':'https:\/\/westinportodegalinhas.com.br\/wp-content\/uploads\/2026\/03\/experiencias.png',\n 'img-west': 'https:\/\/westinportodegalinhas.com.br\/wp-content\/uploads\/2026\/03\/west.png',\n 'img-beiramar': 'https:\/\/westinportodegalinhas.com.br\/wp-content\/uploads\/2026\/03\/beiramar.png',\n};\nfunction trocarImagens() {\n const isMobile = window.innerWidth <= 1024;\n const mapa = isMobile ? mobileImgs : desktopImgs;\n Object.entries(mapa).forEach(([id, src]) => {\n const el = document.getElementById(id);\n if (el && el.src !== src) el.src = src;\n });\n}\ntrocarImagens();\nwindow.addEventListener('resize', trocarImagens);\n\nwindow.addEventListener('load', () => {\n document.querySelectorAll('.hero-visual-img').forEach(img => img.classList.add('loaded'));\n trocarImagens();\n});\n<\/script>\n\n<\/div><!-- \/#westin-lp -->\n<\/body>\n<\/html>\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>","protected":false},"excerpt":{"rendered":"<p>Westin Julho \u2014 The Westin Porto de Galinhas Westin Julho 2026 \u2726 The Westin Porto de Galinhas \u2726 All-Inclusive \u00b7 Alto Padr\u00e3o \u00b7 Marriott \u2726 F\u00e9rias de Julho \u00b7 All-Inclusive \u2726 At\u00e9 14% OFF \u00b7 F\u00e9rias de Julho \u2726 Heavenly Spa by Westin\u2122 \u2726 Westin Julho 2026 \u2726 The Westin Porto de Galinhas \u2726 All-Inclusive […]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-2451","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/westinportodegalinhas.com.br\/es\/wp-json\/wp\/v2\/pages\/2451","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/westinportodegalinhas.com.br\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/westinportodegalinhas.com.br\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/westinportodegalinhas.com.br\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/westinportodegalinhas.com.br\/es\/wp-json\/wp\/v2\/comments?post=2451"}],"version-history":[{"count":20,"href":"https:\/\/westinportodegalinhas.com.br\/es\/wp-json\/wp\/v2\/pages\/2451\/revisions"}],"predecessor-version":[{"id":2471,"href":"https:\/\/westinportodegalinhas.com.br\/es\/wp-json\/wp\/v2\/pages\/2451\/revisions\/2471"}],"wp:attachment":[{"href":"https:\/\/westinportodegalinhas.com.br\/es\/wp-json\/wp\/v2\/media?parent=2451"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}