{"id":13,"date":"2025-01-16T19:46:17","date_gmt":"2025-01-16T19:46:17","guid":{"rendered":"https:\/\/vallartapride.org\/?page_id=13"},"modified":"2026-05-01T17:35:35","modified_gmt":"2026-05-01T17:35:35","slug":"pride","status":"publish","type":"page","link":"https:\/\/vallartapride.org\/en\/pride\/","title":{"rendered":"Pride"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"13\" class=\"elementor elementor-13\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4f19258 e-con-full e-flex e-con e-parent\" data-id=\"4f19258\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-aa878c5 e-con-full e-flex e-con e-child\" data-id=\"aa878c5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-d9937b6 e-con-full container e-flex e-con e-child\" data-id=\"d9937b6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c4c9fc3 elementor-widget elementor-widget-heading\" data-id=\"c4c9fc3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Eventos<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a27b615 elementor-widget elementor-widget-heading\" data-id=\"a27b615\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Pride 2026 vive la nueva era<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cde0fed elementor-widget elementor-widget-html\" data-id=\"cde0fed\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"cards stacked\">\n    <a href=\"LINK_1\" class=\"card\">\n        <div class=\"popup-showcase one\">#Marcha<\/div>\n    <\/a>\n    \n    <a href=\"LINK_2\" class=\"card\">\n        <div class=\"popup one\">#Red Gala<\/div>\n    <\/a>\n\n    <a href=\"LINK_3\" class=\"card\">\n        <div class=\"popup-showcase two\">#Pink Dinner<\/div>\n    <\/a>\n\n    <a href=\"LINK_4\" class=\"card\">\n        <div class=\"popup one\">#Carrera<\/div>\n    <\/a>\n\n    <a href=\"LINK_5\" class=\"card\">\n        <div class=\"popup two\">#Concierto<\/div>\n    <\/a>\n\n    <a href=\"LINK_6\" class=\"card\">\n        <div class=\"popup-showcase one\">#Pool Party<\/div>\n    <\/a>\n\n    <a href=\"LINK_7\" class=\"card\">\n        <div class=\"popup two\">#Pride 2026<\/div>\n    <\/a>\n<\/div>\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-9e65fe8 spacing-huge e-flex e-con-boxed e-con e-child\" data-id=\"9e65fe8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-20376af e-con-full showcase e-flex e-con e-child\" data-id=\"20376af\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e2a90dc badge-showcase elementor-widget elementor-widget-heading\" data-id=\"e2a90dc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Eventos<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c8bdac6 elementor-widget elementor-widget-heading\" data-id=\"c8bdac6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Pride 2026 vive la nueva era<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-29eed15 elementor-widget elementor-widget-text-editor\" data-id=\"29eed15\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2942270 e-con-full button-wrapper-showcase e-flex e-con e-child\" data-id=\"2942270\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6f15c84 text-showcase elementor-widget elementor-widget-button\" data-id=\"6f15c84\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\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\">Click here<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\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-87375c8 e-flex e-con-boxed e-con e-child\" data-id=\"87375c8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ca56e96 elementor-widget elementor-widget-html\" data-id=\"ca56e96\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n     body, html {\n\n\n     position: relative;\n     overflow-x: hidden;\n     margin: 0;\n     background-color: #111111;\n }\n\n\n\n .container {\n     position: relative;\n     display: grid;\n     justify-content: center;\n     place-items: center;\n     gap: 1.5rem;\n\n\n\n\n }\n\n .cards {\n     position: relative;\n\n     height: 250px;\n     display: flex;\n     justify-content: center;\n     --card-width: 200px;\n     --spacing: calc(var(--card-width) \/ 2);\n     opacity: 0;\n\n\n }\n\n .card {\n     width: var(--card-width);\n     height: var(--card-width);\n     position: absolute;\n     top: 0;\n     left: 50%;\n     border-radius: 1rem;\n     box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);\n     display: flex;\n     align-items: center;\n     justify-content: center;\n\n\n\n\n     \/* CSS transforms for different states *\/\n     transform: translateX(-50%);\n     \/* Add smooth transition for transform changes *\/\n     transform-origin: center center;\n     \/* background-image: url(\"..\/img\/Espresso\\ on\\ Drip\\ Tray.png\"); *\/\n     background-size: cover;\n\n }\n\n .cards.spread .card {\n     transition: transform 1.2s cubic-bezier(0.4, 0, 0.2, 1);\n\n\n }\n\n \/* bg image *\/\n\n  .cards .card:nth-child(1) {\n  background-image: url(\"https:\/\/vallartapride.org\/wp-content\/uploads\/2025\/03\/WhatsApp-Image-2025-03-19-at-21.20.27-1.jpeg\");\n  }\n  .cards .card:nth-child(2) {\nbackground-image: url(\"https:\/\/vallartapride.org\/wp-content\/uploads\/2025\/03\/WhatsApp-Image-2025-03-19-at-21.20.27-3.jpeg\");\n\n  }\n  .cards .card:nth-child(3) {\n background-image: url(\"https:\/\/vallartapride.org\/wp-content\/uploads\/2025\/03\/WhatsApp-Image-2025-03-19-at-21.20.28.jpeg\");\n\n  }\n  .cards .card:nth-child(4) {\n  background-image: url(\"https:\/\/vallartapride.org\/wp-content\/uploads\/2026\/02\/WhatsApp-Image-2026-02-03-at-12.21.42.jpeg\");\n\n  }\n  .cards .card:nth-child(5) {\n     background-image: url(\"https:\/\/vallartapride.org\/wp-content\/uploads\/2026\/02\/WhatsApp-Image-2026-02-03-at-12.21.42-1.jpeg\");\n\n  }\n  .cards .card:nth-child(6) {\n  background-image: url(\"https:\/\/vallartapride.org\/wp-content\/uploads\/2026\/02\/WhatsApp-Image-2026-02-03-at-12.21.42-2.jpeg\");\n\n  }\n  .cards .card:nth-child(7) {\n background-image: url(\"https:\/\/vallartapride.org\/wp-content\/uploads\/2026\/01\/Pride-1-scaled.jpg\");\n\n object-fit: cover;\n  }\n\n \/* Stacked state transforms *\/\n .cards.stacked .card:nth-child(1) {\n     transform: translateX(-50%) rotate(-10deg);\n\n }\n\n .cards.stacked .card:nth-child(2) {\n     transform: translateX(-50%) rotate(-10deg);\n\n }\n\n .cards.stacked .card:nth-child(3) {\n     transform: translateX(-50%) rotate(-10deg);\n\n }\n\n .cards.stacked .card:nth-child(4) {\n     transform: translateX(-50%) rotate(-10deg);\n\n }\n\n .cards.stacked .card:nth-child(5) {\n     transform: translateX(-50%) rotate(-10deg);\n\n }\n\n .cards.stacked .card:nth-child(6) {\n     transform: translateX(-50%) rotate(-10deg);\n\n }\n\n .cards.stacked .card:nth-child(7) {\n     transform: translateX(-50%) rotate(-10deg);\n\n }\n\n\n \/* Spread state transforms *\/\n .cards.spread .card:nth-child(1) {\n     transform: translate(calc(-50% - var(--spacing) * 3.6), 40px) rotate(-12deg);\n }\n\n .cards.spread .card:nth-child(2) {\n     transform: translate(calc(-50% - var(--spacing) * 2.4), -10px) rotate(-6deg);\n }\n\n .cards.spread .card:nth-child(3) {\n     transform: translate(calc(-50% - var(--spacing) * 1.3), 10px) rotate(-4deg);\n }\n\n .cards.spread .card:nth-child(4) {\n     transform: translate(calc(-50% + 0px), 10px) rotate(0deg);\n }\n\n .cards.spread .card:nth-child(5) {\n     transform: translate(calc(-50% + var(--spacing) * 1.3), 10px) rotate(4deg);\n }\n\n .cards.spread .card:nth-child(6) {\n     transform: translate(calc(-50% + var(--spacing) * 2.4), 20px) rotate(8deg);\n }\n\n .cards.spread .card:nth-child(7) {\n     transform: translate(calc(-50% + var(--spacing) * 3.6), 10px) rotate(12deg);\n }\n\n\n\n \/* vertical stacking *\/\n\n .cards.verticalspread .card:nth-child(1) {\n     transform: translate(0%, 0%) scale(1);\n\n }\n\n .cards.verticalspread .card:nth-child(2) {\n     transform: translate(45%, 25%) scale(0.97);\n\n }\n\n .cards.verticalspread .card:nth-child(3) {\n     transform: translate(90%, 50%) scale(0.94);\n\n }\n\n .cards.verticalspread .card:nth-child(4) {\n     transform: translate(135%, 75%) scale(0.91);\n\n }\n\n .cards.verticalspread .card:nth-child(5) {\n     transform: translate(180%, 100%) scale(0.88);\n\n }\n\n .cards.verticalspread .card:nth-child(6) {\n     transform: translate(225%, 125%) scale(0.85);\n\n }\n\n \/* Popup styles *\/\n .popup,\n .popup-showcase {\n     position: absolute;\n     top: -50px;\n     left: 50%;\n     transform: translateX(-50%) scale(0);\n     background: #333;\n     color: white;\n     padding: 8px 12px;\n     border-radius: 6px;\n     font-size: 14px;\n     font-weight: bold;\n     font-family: \"DM Sans\", Sans-serif;\n     white-space: nowrap;\n     opacity: 0;\n     z-index: 10;\n     pointer-events: none;\n }\n\n .popup::after,\n .popup-showcase::after {\n     content: '';\n     position: absolute;\n     top: 100%;\n     left: 70%;\n     transform: translateX(-50%);\n     border: 6px solid transparent;\n\n }\n\n .popup.one {\n     background-color: #FE891D;\n }\n\n .popup.one::after {\n     border-top-color: #FE891D;\n\n }\n .popup.two {\n     background-color: #A104CA;\n }\n\n .popup.two::after {\n     border-top-color: #A104CA;\n\n }\n .popup.three {\n     background-color: #ffffff;\n }\n\n .popup.three::after {\n     border-top-color: #ffffff;\n\n }\n .popup-showcase.one {\n     background-color: #FD871A;\n }\n\n  .popup-showcase.one::after {\n     border-top-color: #FD871A;\n\n }\n .popup-showcase.two {\n     background-color: #A31A9C;\n }\n\n .popup-showcase.two::after {\n     border-top-color: #A31A9C;\n\n }\n .popup-showcase.three {\n     background-color: #ffffff;\n }\n\n .popup-showcase.three::after {\n     border-top-color: #ffffff;\n\n }\n \n\n \/* Popup visible state *\/\n .popup.show {\n     transform: translateX(-50%) scale(1);\n     opacity: 1;\n }\n\n .text-landing {\n     text-align: center;\n }\n\n\n\n\n\n\n\n\n\n .text-landing {\n     position: relative;\n     z-index: -1;\n }\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n .card {\n     will-change: transform;\n }\n\n \/* Tablet - Hide cards 4, 5, 6, 7 - only show first 3 cards *\/\n @media (max-width: 768px) {\n\n     .card:nth-child(1),\n     .card:nth-child(2),\n     .card:nth-child(6),\n     .card:nth-child(7) {\n         display: none;\n     }\n\n     .container {\n         height: 80vh;\n         align-content: center;\n         gap: 2.5rem;\n     }\n\n     .cards {\n         position: relative;\n         width: auto;\n         height: 200px;\n         display: flex;\n         justify-content: center;\n         --card-width: 150px;\n         --spacing: calc(var(--card-width) \/ 2);\n         opacity: 0;\n     }\n\n\n\n\n\n\n }\n\n\n }\n<\/style>\n\n\n\n\n\n <script data-minify=\"1\" src=\"https:\/\/nicolaipalmkvist.com\/wp-content\/cache\/min\/1\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js?ver=1767193378\"><\/script>\n    <script data-minify=\"1\" src=\"https:\/\/nicolaipalmkvist.com\/wp-content\/cache\/min\/1\/npm\/gsap@3.13.0\/dist\/ScrollTrigger.min.js?ver=1767193378\"><\/script>\n    <script data-minify=\"1\" src=\"https:\/\/nicolaipalmkvist.com\/wp-content\/cache\/min\/1\/npm\/gsap@3.13.0\/dist\/SplitText.min.js?ver=1767193378\"><\/script>\n    <script data-minify=\"1\" src=\"https:\/\/nicolaipalmkvist.com\/wp-content\/cache\/min\/1\/lenis@1.3.8\/dist\/lenis.min.js?ver=1767193378\"><\/script>\n\n <script>\n        \/\/ Initialize a new Lenis instance for smooth scrolling\n        \/\/ Initialize Lenis\n        const lenis = new Lenis({\n            autoRaf: true,\n        });\n\n        \/\/ Listen for the scroll event and log the event data\n        lenis.on('scroll', (e) => {\n\n        });\n\n    <\/script>\n\n\n    <script>\n        gsap.registerPlugin(SplitText)\n        gsap.registerPlugin(ScrollTrigger)\n\n\/\/ GSAP Timeline for professional header entrance animation\n\/\/ GSAP Timeline for professional header entrance animation\nfunction initHeaderAnimation() {\n   \/\/ Create master timeline\n   const tl = gsap.timeline();\n\n   \/\/ Set initial states - fade in from below with blur\n   gsap.set(\".logo-container img\", {\n       opacity: 0,\n       y: 50,\n       filter: \"blur(10px)\"\n   });\n\n   gsap.set(\".links-wrapper .hfe-nav-menu li\", {\n       opacity: 0,\n       y: 50,\n       filter: \"blur(10px)\"\n   });\n\n   gsap.set(\".hfe-nav-menu__toggle\", {\n       opacity: 0,\n       y: 50,\n       filter: \"blur(10px)\"\n   });\n\n   \/\/ Animate logo entrance\n   tl.to(\".logo-container img\", {\n       duration: 1,\n       opacity: 1,\n       y: 0,\n       filter: \"blur(0px)\",\n       ease: \"power2.out\"\n   })\n\n   \/\/ Animate navigation items with reverse stagger (last item first)\n   .to(\".links-wrapper .hfe-nav-menu li\", {\n       duration: 0.8,\n       opacity: 1,\n       y: 0,\n       filter: \"blur(0px)\",\n       stagger: {\n           each: 0.15,\n           from: \"end\"\n       },\n       ease: \"power2.out\"\n   }, \"-=0.6\")\n\n   \/\/ Animate mobile toggle\n   .to(\".hfe-nav-menu__toggle\", {\n       duration: 0.7,\n       opacity: 1,\n       y: 0,\n       filter: \"blur(0px)\",\n       ease: \"power2.out\"\n   }, \"-=0.4\");\n\n   return tl;\n}\n\n\/\/ Function to replay animation\nfunction replayAnimation() {\n   initHeaderAnimation();\n}\n\n\/\/ Initialize when page loads\ndocument.addEventListener('DOMContentLoaded', () => {\n   initHeaderAnimation();\n});\n        \/\/ function lockScroll(duration = 4000) {\n        \/\/     const scrollY = window.scrollY;\n\n        \/\/     document.body.style.position = 'fixed';\n        \/\/     document.body.style.top = `-${scrollY}px`;\n        \/\/     document.body.style.left = '0';\n        \/\/     document.body.style.right = '0';\n        \/\/     document.body.style.width = '100%';\n        \/\/     document.body.style.overflow = 'hidden';\n\n        \/\/     setTimeout(() => {\n        \/\/         document.body.style.position = '';\n        \/\/         document.body.style.top = '';\n        \/\/         document.body.style.left = '';\n        \/\/         document.body.style.right = '';\n        \/\/         document.body.style.width = '';\n        \/\/         document.body.style.overflow = '';\n\n        \/\/         window.scrollTo(0, scrollY);\n        \/\/     }, duration);\n        \/\/ }\n\n        \/\/ Always scroll to top on reload\n        \/\/ if ('scrollRestoration' in history) {\n        \/\/     history.scrollRestoration = 'manual'; \/\/ Disable auto scroll restore\n        \/\/ }\n\n        \/\/ window.addEventListener('beforeunload', () => {\n        \/\/     window.scrollTo(0, 0); \/\/ Ensures it's at the top before leaving\n        \/\/ });\n\n        window.addEventListener('load', () => {\n            window.scrollTo(0, 0); \/\/ Forces top scroll on load\n\n\n        });\n\n\n        const cards = document.querySelector('.cards');\n        const toggleBtn = document.getElementById('spreadToggle');\n        const popups = document.querySelectorAll('.popup, .popup-showcase');\n        const cardsElement = document.querySelector('.card');\n        const computedStyles = getComputedStyle(cardsElement);\n        const cardWidth = parseInt(computedStyles.getPropertyValue('--card-width'));\n        const spacing = cardWidth \/ 2;\n\n        gsap.set(popups, {\n            scale: 0,\n            opacity: 0,\n            transformOrigin: \"center bottom\"\n        });\n\n\n\n        \/\/ GSAP Timeline for spreading animation\n        function createSpreadTimeline() {\n            const tl = gsap.timeline();\n            const spreadData = [\n    { x: -spacing * 3.6, y: 40, rotation: -12 },\n    { x: -spacing * 2.4, y: -10, rotation: -6 },\n    { x: -spacing * 1.3, y: 10, rotation: -4 },\n    { x: 0, y: 10, rotation: 0 },\n    { x: spacing * 1.3, y: 10, rotation: 4 },\n    { x: spacing * 2.4, y: 20, rotation: 8 },\n    { x: spacing * 3.6, y: 10, rotation: 12 }\n];\n\n            tl.set('.cards', { opacity: 1 })\n                .from('.cards', { y: '50vh', rotate: -15, duration: 1.5 })\n                .call(() => {\n                    spreadData.forEach((data, index) => {\n                        gsap.to(`.card:nth-child(${index + 1})`, {\n                            x: data.x,\n                            y: data.y,\n                            rotation: data.rotation,\n                            duration: 1.2,\n                            ease: \"cubic-bezier(0.4, 0, 0.2, 1)\"\n                        });\n                    });\n                })\n                .to(popups, {\n                    scale: 1,\n                    opacity: 1,\n                    duration: 0.3,\n                    ease: \"back.out(1.7)\"\n                }, 2.2);\n\n            return tl;\n        }\n        \/\/ Initialize GSAP transforms for popups\n\n\n\n        \/\/ Auto-start animation after page loads\n        window.addEventListener('load', () => {\n            \/\/ Add a small delay to ensure everything is fully loaded\n            setTimeout(() => {\n                createSpreadTimeline().play();\n            }, 500); \/\/ 500ms delay after page load\n        });\n\n        document.fonts.ready.then(() => {\n            \/\/ Create the main timeline\n            const mainTimeline = gsap.timeline({delay:1});\n\n            \/\/ Set initial states\n            gsap.set(\".text-landing\", { opacity: 1 });\n            gsap.set(\".heading-split\", { opacity: 1 });\n            gsap.set(\".text-showcase\", { opacity: 1 });\n            gsap.set(\".heading-split-showcase\", { opacity: 1 });\n\n            \/\/ Create SplitText for both elements\n            const splitTextLanding = SplitText.create(\".text-landing\", {\n                type: \"words,lines\",\n                linesClass: \"line\",\n                autoSplit: true\n            });\n\n            const splitHeading = SplitText.create(\".heading-split\", {\n                type: \"words,lines\",\n                linesClass: \"line\",\n                autoSplit: true\n            });\n            const splitTextShowcase = SplitText.create(\".text-showcase\", {\n                type: \"words,lines\",\n                linesClass: \"line\",\n                \/\/ autoSplit: true\n            });\n\n            const splitHeadingShowcase = SplitText.create(\".heading-split-showcase\", {\n                type: \"words,lines\",\n                linesClass: \"line\",\n                \/\/ autoSplit: true\n            });\n            const splitBadgeShowcase = SplitText.create(\".badge-showcase\", {\n                type: \"words,lines\",\n                linesClass: \"line\",\n                autoSplit: true\n            });\n\n            \/\/ Add animations to timeline\n            mainTimeline\n                .from(splitHeading.words, {\n                    duration: 2,\n                    filter: 'blur(5px)',\n                    yPercent: 100,\n                    opacity: 0,\n                    stagger: 0.2,\n                    ease: \"expo.out\"\n                }, 0) \/\/ Start immediately\n                .from(splitTextLanding.words, {\n                    duration: 1.5,\n                    filter: 'blur(5px)',\n                    yPercent: 100,\n                    opacity: 0,\n                    stagger: 0.05,\n                    ease: \"expo.out\"\n                }, 2.5) \/\/ Start at 3 seconds\n                .from('.button-landing-cta', {\n                    autoAlpha: 0,\n                    y: 40,\n                    stagger: 0.2,\n                    duration: 1\n                }, 3); \/\/ Start at 3.5 seconds\n\n            \/\/ Showcase section timeline (ScrollTrigger activated)\n            const showcaseTimeline = gsap.timeline({\n                scrollTrigger: {\n                    trigger: \".showcase\", \/\/ or use a wrapper element like \".showcase-section\"\n                    start: \"clamp(top center)\",\n                     end: \"bottom top\",\n                    \/\/end: \"bottom 65%\",\n                    toggleActions: \"play none none none\",\n                    \/\/ scrub: true,\n                    \/\/ markers: true \/\/ uncomment for debugging\n                }\n            });\n\n            showcaseTimeline\n                .from(splitBadgeShowcase.words, {\n                    duration: 1.2,\n                    filter: 'blur(5px)',\n                    yPercent: 100,\n                    opacity: 0,\n                    ease: \"expo.out\"\n\n                })\n                .from(splitHeadingShowcase.words, {\n                    duration: 1.5,\n                    filter: 'blur(5px)',\n                    yPercent: 100,\n                    opacity: 0,\n                    stagger: 0.2,\n                    ease: \"expo.out\"\n                }, '-=1') \/\/ Start immediately when triggered\n                .from(splitTextShowcase.words, {\n                    duration: 1.5,\n                    filter: 'blur(5px)',\n                    yPercent: 100,\n                    opacity: 0,\n                    stagger: 0.05,\n                    ease: \"expo.out\"\n                }, 1.5) \/\/ Start 1 seconds after heading\n                .from('.button-showcase-cta', {\n                    autoAlpha: 0,\n                    y:40,\n                    stagger: 0.2,\n                    duration: 1\n                }, \"-=1.3\");\n            \/\/ Return both timelines for external control\n            return {\n                landing: mainTimeline,\n                showcase: showcaseTimeline\n            };\n        });\n\n\n\n\n        \/\/ Select the two elements\n\n        const showcase = document.querySelector('.showcase');\n\n        \/\/ Get the bottom position of the .showcase section\n        const showcaseBottom = showcase.offsetTop + showcase.offsetHeight;\n\n        \/\/ Get the top position of the .cards element\n        const cardsTop = cards.getBoundingClientRect().top + window.scrollY;\n        const cardsBottom = cards.offsetTop + cards.offsetHeight;\n\n        \/\/ Calculate the distance\n        let distance = showcaseBottom - cardsTop + 100;\n        let distanceMobile = showcaseBottom - cardsTop + 280;\n\n\n        \/\/ console.log('Distance between .cards and bottom of .showcase:', distance, 'px');\n\n        \/\/ 1. Wait a bit for the initial spread to happen\n        \/\/ Replace the existing scroll trigger section in your code with this:\n\n        \/\/ 1. Wait a bit for the initial spread to happen\n        setTimeout(() => {\n            const cards = document.querySelectorAll('.cards .card');\n            \/\/ Calculate spread positions from CSS custom properties\n\n\n            \/\/ const spreadData = [\n            \/\/     { x: -spacing * 3.6, y: 40, rotation: -12 },\n            \/\/     { x: -spacing * 2.4, y: -10, rotation: -6 },\n            \/\/     { x: -spacing * 1.3, y: 10, rotation: -4 },\n            \/\/     { x: 0, y: 10, rotation: 0 },\n            \/\/     { x: spacing * 1.3, y: 10, rotation: 4 },\n            \/\/     { x: spacing * 2.4, y: 20, rotation: 8 },\n            \/\/     { x: spacing * 3.6, y: 10, rotation: 12 }\n            \/\/ ];\n\n            \/\/ Remove all CSS classes to avoid conflicts\n            \/\/ document.querySelector('.cards').classList.remove('spread', 'stacked');\n\n\n            \/\/ Use fromTo instead of set + to for smoother animation\n            \/\/ cards.forEach((card, i) => {\n            \/\/     \/\/ Set initial spread position immediately without transition\n            \/\/     gsap.set(card, {\n            \/\/         x: spreadData[i].x,\n            \/\/         y: spreadData[i].y,\n            \/\/         rotation: spreadData[i].rotation,\n            \/\/         xPercent: -50,\n            \/\/         \/\/ Enable hardware acceleration\n            \/\/     });\n            \/\/ });\n            \/\/ remove the popup\n            gsap.to(popups, {\n                scrollTrigger: {\n                    trigger: \".cards\",\n                    start: \"bottom center\",\n                    \/\/ endTrigger: \".text-showcase\",\n                    \/\/ end: \"bottom top\",\n                    toggleActions: \"play none none reverse\",\n                },\n                scale: 0,\n                \/\/ opacity: 1,\n                duration: 0.3,\n                ease: \"back.in(1.7)\"\n            });\n            \/\/ STEP 1: Animate cards from spread \u2192 stacked (with scrub)\n            cards.forEach((card, i) => {\n\n                gsap.to(card, {\n                    scrollTrigger: {\n                        trigger: \".cards\",\n                        start: \"top 20%\",\n                        endTrigger: \".text-showcase\",\n                        end: \"bottom bottom\",\n                        scrub: true,\n\n\n                    },\n                    x: 0,\n                    y: 0,\n                    rotation: 0,\n                    ease: \"none\",\n                    xPercent: -50\n                });\n            });\n\n            \/\/ STEP 2: Animate the whole wrapper down (this completes first)\n            gsap.to('.cards', {\n                scrollTrigger: {\n                    trigger: \".cards\",\n                    start: \"top 20%\",\n                    endTrigger: \".text-showcase\",\n                    end: \"bottom center\", \/\/ This completes at \"bottom top\"\n                    scrub: true,\n                    \/\/ markers: true,\n                    id: '2',\n\n\n                },\n                y: distance,\n                ease: \"none\",\n            });\n            \/\/ popup showcase\n            gsap.to('.popup-showcase', {\n                scrollTrigger: {\n                    trigger: \".text-showcase\",\n                    start: \"bottom 55%\",\n                    endTrigger: \".text-showcase\",\n                    end: \"bottom center\",\n                    toggleActions: \"play none none reverse\",\n                    \/\/ markers:true,\n\n                },\n                scale: 1,\n                opacity: 1,\n                duration: 0.3,\n                rotate: -5,\n                delay: .5,\n                repeatDelay: .5,\n                ease: \"back.out(1.7)\"\n            });\n            \/\/ STEP 3: Vertical spread trigger - starts AFTER the y:distance is complete\n            const verticalSpreadData = [\n                { xPercent: -50, yPercent: 0, scale: 1.2 },   \/\/ Card 1 - starting from -50\n                { xPercent: 30, yPercent: 18, scale: 1.19 },  \/\/ Card 2 - maintained 80 unit increment\n                { xPercent: 110, yPercent: 36, scale: 1.18 }, \/\/ Card 3 - maintained 80 unit increment\n                { xPercent: 190, yPercent: 54, scale: 1.17 }, \/\/ Card 4 - maintained 80 unit increment\n                { xPercent: 270, yPercent: 72, scale: 1.16 }, \/\/ Card 5 - maintained 80 unit increment\n                { xPercent: 350, yPercent: 90, scale: 1.15 }, \/\/ Card 6 - maintained 80 unit increment\n                { xPercent: 430, yPercent: 108, scale: 1.14 }, \/\/ Card 7 - maintained 80 unit increment\n            ];\n\n\n\n\n            \/\/ Animate each card's vertical spread with scrub\n            cards.forEach((card, i) => {\n                gsap.to(card, {\n                    scrollTrigger: {\n                        trigger: \".text-showcase\",\n                        start: \"bottom 60%\",\n                        endTrigger: \".text-showcase\",\n                        end: \"bottom center\", \/\/ This completes at \"bottom top\"\n                        id: 'll',\n                        toggleActions: \"play none none reverse\",\n                        \/\/ markers: true\n                    },\n                    xPercent: verticalSpreadData[i].xPercent,\n                    yPercent: verticalSpreadData[i].yPercent,\n                    scale: verticalSpreadData[i].scale,\n                    \/\/ duration:2,\n                    ease: \"none\" \/\/ Use \"none\" for scrub animations\n                });\n            });\n\n            \/\/ Reset back to stacked positions (after y:distance movement)\n            gsap.matchMedia().add(\"(max-width: 768px)\", () => {\n\n\n                ScrollTrigger.getAll().forEach(trigger => {\n                    if (trigger.vars.id === '2' || trigger.vars.id === 'll' ||\n                        trigger.trigger === document.querySelector('.cards') ||\n                        trigger.trigger === document.querySelector('.text-showcase')) {\n                        trigger.kill();\n                    }\n                });\n                \/\/ Hide cards 1, 2, 6, 7 (indices 0, 1, 5, 6)\n                const cardsToHide = [0, 1, 5, 6];\n                cardsToHide.forEach(index => {\n                    if (cards[index]) {\n                        gsap.set(cards[index], { display: \"none\" });\n                    }\n                });\n\n                \/\/ Show only cards 3, 4, 5 (indices 2, 3, 4) and apply vertical spread data\n                const visibleCards = [cards[2], cards[3], cards[4]]; \/\/ 3rd, 4th, 5th cards\n                const tabletSpreadData = [\n                    { xPercent: -50, yPercent: 0, scale: 1.16 }, \/\/ 3rd card (index 2) - repositioned as first\n                    { xPercent: 30, yPercent: 18, scale: 1.14 }, \/\/ 4th card (index 3) - repositioned as second\n                    { xPercent: 110, yPercent: 36, scale: 1.12 }  \/\/ 5th card (index 4) - repositioned as third\n                ];\n\n                \/\/ Remove popup animations for tablet\n                gsap.to(popups, {\n                    scrollTrigger: {\n                        trigger: \".cards\",\n                        start: \"bottom center\",\n                        toggleActions: \"play none none reverse\",\n                    },\n                    scale: 0,\n                    duration: 0.3,\n                    ease: \"back.in(1.7)\"\n                });\n\n                \/\/ Animate visible cards from spread \u2192 stacked\n                visibleCards.forEach((card, i) => {\n                    if (card) {\n                        gsap.to(card, {\n                            scrollTrigger: {\n                                trigger: \".cards\",\n                                start: \"top 25%\",\n                                endTrigger: \".text-showcase\",\n                                end: \"bottom bottom\",\n                                scrub: true,\n                            },\n                            x: 0,\n                            y: 0,\n                            rotation: 0,\n                            ease: \"none\",\n                            xPercent: -50\n                        });\n                    }\n                });\n\n                \/\/ Animate the whole wrapper down\n                gsap.to('.cards', {\n                    scrollTrigger: {\n                        trigger: \".cards\",\n                        start: \"top 25%\",\n                        endTrigger: \".text-showcase\",\n                        end: \"bottom center\",\n                        scrub: true,\n                    },\n                    y: distanceMobile,\n                    ease: \"none\",\n                });\n\n                \/\/ Popup showcase animation\n                gsap.to('.popup-showcase', {\n                    scrollTrigger: {\n                        trigger: \".text-showcase\",\n                        start: \"bottom 55%\",\n                        endTrigger: \".text-showcase\",\n                        end: \"bottom center\",\n                        toggleActions: \"play none none reverse\",\n                    },\n                    scale: 1,\n                    opacity: 1,\n                    duration: 0.3,\n                    delay: .5,\n                    repeatDelay: .5,\n                    ease: \"back.out(1.7)\"\n                });\n\n                \/\/ Apply vertical spread to visible cards with tablet-specific data\n                visibleCards.forEach((card, i) => {\n                    if (card) {\n                        gsap.to(card, {\n                            scrollTrigger: {\n                                trigger: \".text-showcase\",\n                                start: \"bottom 60%\",\n                                endTrigger: \".text-showcase\",\n                                end: \"bottom center\",\n                                toggleActions: \"play none none reverse\",\n                            },\n                            xPercent: tabletSpreadData[i].xPercent,\n                            yPercent: tabletSpreadData[i].yPercent,\n                            scale: tabletSpreadData[i].scale,\n                            ease: \"none\"\n                        });\n                    }\n                });\n\n            });\n        }, 4000);\n\n        \/\/ GSAP MatchMedia for tablet and below\n        \/\/ GSAP matchMedia for tablet and below\n\n\n    <\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0bbaf69 e-con-full e-flex e-con e-parent\" data-id=\"0bbaf69\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3c5790b elementor-widget elementor-widget-html\" data-id=\"3c5790b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"mural-wrapper-unique\">\n  <div class=\"mural-grid-container\" id=\"gridContainer\">\n    <\/div>\n  \n  <div class=\"mural-content\">\n    <p class=\"mural-tagline\">SIGUENOS ES NUESTRAS REDES SOCIALES:<\/p>\n    <h2 class=\"mural-title\">@VALLARTA_PRIDE<\/h2>\n    <div class=\"mural-social-bar\">\n      <a href=\"https:\/\/facebook.com\/tu_cuenta\" target=\"_blank\">f<\/a>\n      <a href=\"https:\/\/instagram.com\/tu_cuenta\" target=\"_blank\">i<\/a>\n      <a href=\"https:\/\/tiktok.com\/tu_cuenta\" target=\"_blank\">t<\/a>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n(function() {\n  const container = document.getElementById('gridContainer');\n  if(!container) return; \/\/ Seguridad por si el ID cambia\n\n  const cols = 15;\n  const rows = 6;\n  const total = cols * rows;\n\n  container.innerHTML = '';\n\n  for (let i = 0; i < total; i++) {\n    const tile = document.createElement('div');\n    tile.className = 'mural-tile';\n    \n    \/\/ Tiempos aleatorios para el efecto de parpadeo desordenado\n    const duration = 3 + Math.random() * 5; \n    const delay = Math.random() * -10; \n    \n    tile.style.animation = `colorCycle ${duration}s infinite alternate ease-in-out`;\n    tile.style.animationDelay = `${delay}s`;\n    \n    container.appendChild(tile);\n  }\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-963defd e-con-full e-flex e-con e-parent\" data-id=\"963defd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-242d25e e-con-full e-flex e-con e-child\" data-id=\"242d25e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-212a72b elementor-widget elementor-widget-text-editor\" data-id=\"212a72b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Por terceava ocasi\u00f3n, Puerto Vallarta se prepara para recibir a visitantes en 2026 en el evento LGBTQ+ m\u00e1s destacado de la regi\u00f3n: \u00a1Vallarta Pride! Muchas de nuestras actividades son gratuitas y sin fines de lucro, lo que refleja el esp\u00edritu inclusivo de esta ciudad, reconocida en todo el mundo como un aut\u00e9ntico destino LGBTQ+ que atrae a viajeros nacionales e internacionales. Aqu\u00ed se combina una cultura sofisticada con una comunidad local vibrante y en constante evoluci\u00f3n.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-37b58c9 e-con-full e-flex e-con e-child\" data-id=\"37b58c9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d04d0c1 elementor-widget elementor-widget-text-editor\" data-id=\"d04d0c1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Este a\u00f1o, Vallarta Pride 2026 llevar\u00e1 la experiencia a un nivel extraordinario, con talento de renombre internacional y eventos \u00e9picos que marcar\u00e1n tendencia. Queremos ofrecer vivencias cautivadoras e inolvidables con artistas influyentes que forman parte esencial de la celebraci\u00f3n, reafirmando as\u00ed a Puerto Vallarta como el destino LGBTQ+ preferido en toda Latinoam\u00e9rica.<\/p><p>El festival rastrea la evoluci\u00f3n del sonido, desde sus or\u00edgenes naturales hasta sus transformaciones contempor\u00e1neas, y cuestiona c\u00f3mo la inteligencia artificial y la ingenier\u00eda est\u00e1n transformando nuestra forma de escuchar y conectar con el mundo. Nos adentramos en el mundo de las ondas, las resonancias y los bucles de retroalimentaci\u00f3n, donde el sonido se fusiona con los rituales, las tradiciones y la imaginaci\u00f3n compartida.<\/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<div class=\"elementor-element elementor-element-c6463e1 e-con-full e-flex e-con e-parent\" data-id=\"c6463e1\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-f51780f e-con-full e-flex e-con e-child\" data-id=\"f51780f\" 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-d6e1b7e elementor-widget elementor-widget-heading\" data-id=\"d6e1b7e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">VALLARTA<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6913ebc elementor-widget elementor-widget-heading\" data-id=\"6913ebc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">PRIDE<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8d4de30 elementor-widget elementor-widget-heading\" data-id=\"8d4de30\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">2026<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-884b0d1 elementor-widget elementor-widget-ucaddon_gradient_border_button\" data-id=\"884b0d1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_gradient_border_button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Gradient Border Button -->\n<style>\/* widget: Gradient Border Button *\/\n\n#uc_gradient_border_button_elementor_884b0d1 {\n    display: flex;\n    align-items: center;\n}\n#uc_gradient_border_button_elementor_884b0d1 .ue-gradient-border .ue-gradient-border-content .ue-txt {\n  \t\tz-index: 2;\n        position:relative;\n}\n    #uc_gradient_border_button_elementor_884b0d1 .ue-gradient-border .ue-gradient-border-content .ue-txt {\n        color: #FFFFFF;\n    }\n\n    #uc_gradient_border_button_elementor_884b0d1 .ue-gradient-border:hover .ue-gradient-border-content .ue-txt {\n        color: ;\n    }\n\n#uc_gradient_border_button_elementor_884b0d1 .ue-gradient-border .ue-gradient-border-icon {\n  \t\tz-index: 2;\n        position:relative;\n}\n    #uc_gradient_border_button_elementor_884b0d1 .ue-gradient-border .ue-gradient-border-icon i {\n        color: #FFFFFF;\n    }\n\n    #uc_gradient_border_button_elementor_884b0d1 .ue-gradient-border:hover .ue-gradient-border-icon i  {\n        color: #e55f5f;\n    }\n\n\n#uc_gradient_border_button_elementor_884b0d1 .ue-gradient-border {\n    position: relative;\n    display: inline-block;\n    z-index: 0;\n}\n\n#uc_gradient_border_button_elementor_884b0d1 .ue-gradient-border-content {\n    background:\n                    linear-gradient(90deg, #FFFFFF, #FFFFFF) padding-box,\n                        linear-gradient(90deg, #FFEE00, #770088, #FFEE00, #770088, #FFEE00, #770088) border-box;\n    border: 2px solid transparent;\n    display:flex;\n    justify-content:center;\n    align-items:center;\n    position:relative;\n    overflow:hidden;\n    background-size:450%;\n    background-position:0%;\n\ttransition: background-position 0.5s ease; \n    }\n\n#uc_gradient_border_button_elementor_884b0d1 .ue-gradient-border-content:hover {\n        background:\n                    linear-gradient(90deg, , ) padding-box,\n                        linear-gradient(90deg, #FFEE00, #770088, #FFEE00, #770088, #FFEE00, #770088) border-box;\n    border: 2px solid transparent;\n        background-size:450%;\n        background-position: 0%; \n                animation: moveBackAndForth 8s ease-in-out infinite;\n        \t\t\n}\n#uc_gradient_border_button_elementor_884b0d1 .ue-grad-hover\n{       \n        position:absolute;\n        top:0;\n        left:0;\n        right:0;\n        bottom:0;\n        width:100%;\n        height:100%;\n        z-index:0;\n        background:\n                    linear-gradient(90deg, , );\n                \t\topacity:0;\n        transition: opacity 0.25s ease-in-out; \n}\n#uc_gradient_border_button_elementor_884b0d1 .ue-grad-normal\n{       \n        position:absolute;\n        top:0;\n        left:0;\n        right:0;\n        bottom:0;\n        width:100%;\n        height:100%;\n        z-index:1;\n        background:\n                    linear-gradient(90deg, #FFFFFF, #FFFFFF);\n                \t\topacity:1;\n        transition: opacity 0.25s ease-in-out; \n}\n#uc_gradient_border_button_elementor_884b0d1 .ue-gradient-border:hover .ue-grad-hover\n{\n        opacity:1;\n        \n}\n#uc_gradient_border_button_elementor_884b0d1 .ue-gradient-border:hover .ue-grad-normal\n{\n        opacity:0;\n}\n@keyframes moveBackAndForth {\n    0% {\n        background-position: 0%;\n    }\n    50% {\n        background-position: 100%;\n    }\n    100% {\n        background-position: 0%;\n    }\n}\n    #uc_gradient_border_button_elementor_884b0d1 .ue-gradient-border .ue-grad-blur {\n        content: '';\n        position: absolute;\n        top: -2px;\n        left: -2px;\n        right: -2px;\n        bottom: -2px;\n        background: linear-gradient(90deg, #1D73B2, #770088);\n        z-index: -1;\n        border-radius: 20px;\n        filter: blur(5px);\n\t\t    }\n\n    #uc_gradient_border_button_elementor_884b0d1 .ue-gradient-border:hover .ue-grad-blur {\n      \n        background: linear-gradient(90deg, , );\n            }\n    @keyframes blinkAnimation {\n    0% {\n        transform: scale(1);\n        opacity: 1;\n    }\n    100% {\n        transform: scale(1.15);\n        opacity: 1; \/* Adjust opacity if necessary *\/\n    }\n}\n\n\n<\/style>\n\n<div class=\"ue-grad-btn-wrapper\" id=\"uc_gradient_border_button_elementor_884b0d1\">\n  <a  class=\"ue-gradient-border\" href=\"https:\/\/vallartapride.org\/nosotros\/\" >\n             <div class=\"ue-grad-blur\"><\/div> \n        <div class=\"ue-gradient-border-content\" >\n      <div class=\"ue-grad-normal\"><\/div>\n      <div class=\"ue-grad-hover\"><\/div>\n            <span class=\"ue-gradient-border-icon\"><i class='fas fa-chevron-right'><\/i><\/span>\n            <span class=\"ue-txt\">Nosotros<\/span>\n    <\/div>\n    \n  <\/a>\n<\/div>\n<!-- end Gradient Border Button -->\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-dd2323d e-con-full e-flex e-con e-child\" data-id=\"dd2323d\" 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-bf79484 elementor--h-position-center elementor--v-position-middle elementor-widget elementor-widget-slides\" data-id=\"bf79484\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;navigation&quot;:&quot;none&quot;,&quot;transition_speed&quot;:450,&quot;autoplay&quot;:&quot;yes&quot;,&quot;autoplay_speed&quot;:5000,&quot;infinite&quot;:&quot;yes&quot;,&quot;transition&quot;:&quot;slide&quot;}\" data-widget_type=\"slides.default\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-slides-wrapper elementor-main-swiper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Slides\" dir=\"ltr\" data-animation=\"\">\n\t\t\t\t<div class=\"swiper-wrapper elementor-slides\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-repeater-item-23ad06c swiper-slide\" role=\"group\" aria-roledescription=\"slide\"><div class=\"swiper-slide-bg\" role=\"img\" aria-label=\"\"><\/div><div class=\"swiper-slide-inner\" ><div class=\"swiper-slide-contents\"><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\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<\/div>\n\t\t\t\t<div class=\"unlimited-elements-background-overlay\" data-forid=\"c6463e1\" data-location=\"back\" style=\"display:none\">\n\t\t\t<template>\n\t\t\t\n<!-- start Shooting Lights Background -->\n<style>\/* widget: Shooting Lights Background *\/\n\n#uc_shooting_lights_bg_addon15034\n{\n  position:absolute;\n  top:0;\n  right:0;\n  left:0;\n  bottom:0;\n  overflow:hidden;\n}\n\n\n\n#uc_shooting_lights_bg_addon15034 .ue-light {\n    position: absolute;\n    width: 0px;\n    opacity: .75;\n    background-color: white;\n    box-shadow: #C610D7 0px 0px 20px 2px;\n    opacity: 0;\n    top: 100vh;\n    bottom: 0px;\n    left: 0px;\n    right: 0px;\n    margin: auto;\n}\n\n#uc_shooting_lights_bg_addon15034 .ue-x1{\n  -webkit-animation: floatUp 4s infinite linear;\n  -moz-animation: floatUp 4s infinite linear;\n  -o-animation: floatUp 4s infinite linear;\n  animation: floatUp 4s infinite linear;\n   -webkit-transform: scale(1.0);\n   -moz-transform: scale(1.0);\n   -o-transform: scale(1.0);\n  transform: scale(1.0);\n}\n\n#uc_shooting_lights_bg_addon15034 .ue-x2{\n  -webkit-animation: floatUp 7s infinite linear;\n  -moz-animation: floatUp 7s infinite linear;\n  -o-animation: floatUp 7s infinite linear;\n  animation: floatUp 7s infinite linear;\n  -webkit-transform: scale(1.6);\n  -moz-transform: scale(1.6);\n  -o-transform: scale(1.6);\n  transform: scale(1.6);\n  left: 15%;\n}\n\n#uc_shooting_lights_bg_addon15034 .ue-x3{\n  -webkit-animation: floatUp 2.5s infinite linear;\n  -moz-animation: floatUp 2.5s infinite linear;\n  -o-animation: floatUp 2.5s infinite linear;\n  animation: floatUp 2.5s infinite linear;\n  -webkit-transform: scale(.5);\n  -moz-transform: scale(.5);\n  -o-transform: scale(.5);\n  transform: scale(.5);\n  left: -15%;\n}\n\n#uc_shooting_lights_bg_addon15034 .ue-x4{\n  -webkit-animation: floatUp 4.5s infinite linear;\n  -moz-animation: floatUp 4.5s infinite linear;\n  -o-animation: floatUp 4.5s infinite linear;\n  animation: floatUp 4.5s infinite linear;\n  -webkit-transform: scale(1.2);\n  -moz-transform: scale(1.2);\n  -o-transform: scale(1.2);\n  transform: scale(1.2);\n  left: -34%;\n}\n\n#uc_shooting_lights_bg_addon15034 .ue-x5{\n  -webkit-animation: floatUp 8s infinite linear;\n  -moz-animation: floatUp 8s infinite linear;\n  -o-animation: floatUp 8s infinite linear;\n  animation: floatUp 8s infinite linear;\n  -webkit-transform: scale(2.2);\n  -moz-transform: scale(2.2);\n  -o-transform: scale(2.2);\n  transform: scale(2.2);\n  left: -57%;\n}\n\n#uc_shooting_lights_bg_addon15034 .ue-x6{\n  -webkit-animation: floatUp 3s infinite linear;\n  -moz-animation: floatUp 3s infinite linear;\n  -o-animation: floatUp 3s infinite linear;\n  animation: floatUp 3s infinite linear;\n  -webkit-transform: scale(.8);\n  -moz-transform: scale(.8);\n  -o-transform: scale(.8);\n  transform: scale(.8);\n  left: -81%;\n}\n\n#uc_shooting_lights_bg_addon15034 .ue-x7{\n  -webkit-animation: floatUp 5.3s infinite linear;\n  -moz-animation: floatUp 5.3s infinite linear;\n  -o-animation: floatUp 5.3s infinite linear;\n  animation: floatUp 5.3s infinite linear;\n  -webkit-transform: scale(3.2);\n  -moz-transform: scale(3.2);\n  -o-transform: scale(3.2);\n  transform: scale(3.2);\n  left: 37%;\n}\n\n#uc_shooting_lights_bg_addon15034 .ue-x8{\n  -webkit-animation: floatUp 4.7s infinite linear;\n  -moz-animation: floatUp 4.7s infinite linear;\n  -o-animation: floatUp 4.7s infinite linear;\n  animation: floatUp 4.7s infinite linear;\n  -webkit-transform: scale(1.7);\n  -moz-transform: scale(1.7);\n  -o-transform: scale(1.7);\n  transform: scale(1.7);\n  left: 62%;\n}\n\n#uc_shooting_lights_bg_addon15034 .ue-x9{\n  -webkit-animation: floatUp 4.1s infinite linear;\n  -moz-animation: floatUp 4.1s infinite linear;\n  -o-animation: floatUp 4.1s infinite linear;\n  animation: floatUp 4.1s infinite linear;\n  -webkit-transform: scale(0.9);\n  -moz-transform: scale(0.9);\n  -o-transform: scale(0.9);\n  transform: scale(0.9);\n  left: 85%;\n}\n\n@-webkit-keyframes floatUp{\n  0%{top: 100vh; opacity: 0;}\n  25%{opacity: 1;}\n  50%{top: 0vh; opacity: .8;}\n  75%{opacity: 1;}\n  100%{top: -100vh; opacity: 0;}\n}\n@-moz-keyframes floatUp{\n  0%{top: 100vh; opacity: 0;}\n  25%{opacity: 1;}\n  50%{top: 0vh; opacity: .8;}\n  75%{opacity: 1;}\n  100%{top: -100vh; opacity: 0;}\n}\n@-o-keyframes floatUp{\n  0%{top: 100vh; opacity: 0;}\n  25%{opacity: 1;}\n  50%{top: 0vh; opacity: .8;}\n  75%{opacity: 1;}\n  100%{top: -100vh; opacity: 0;}\n}\n@keyframes floatUp{\n  0%{top: 100vh; opacity: 0;}\n  25%{opacity: 1;}\n  50%{top: 0vh; opacity: .8;}\n  75%{opacity: 1;}\n  100%{top: -100vh; opacity: 0;}\n}\n\n<\/style>\n\n<div id=\"uc_shooting_lights_bg_addon15034\">\n  <div class='ue-light ue-x1'><\/div>\n  <div class='ue-light ue-x2'><\/div>\n  <div class='ue-light ue-x3'><\/div>\n  <div class='ue-light ue-x4'><\/div>\n  <div class='ue-light ue-x5'><\/div>\n  <div class='ue-light ue-x6'><\/div>\n  <div class='ue-light ue-x7'><\/div>\n  <div class='ue-light ue-x8'><\/div>\n  <div class='ue-light ue-x9'><\/div>\n<\/div>\n<script type=\"text\/javascript\"  id=\"ue_script_shooting_lights\">\n\n\/* Shooting Lights Background scripts: *\/ \n\n\n<\/script>\n<!-- end Shooting Lights Background -->\t\t\t<\/template>\n\t\t<\/div>\n\t\t\n\t\t<div class=\"elementor-element elementor-element-e74534e e-con-full e-flex e-con e-parent\" data-id=\"e74534e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;,&quot;background_motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;background_motion_fx_translateY_effect&quot;:&quot;yes&quot;,&quot;background_motion_fx_translateY_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:4,&quot;sizes&quot;:[]},&quot;background_motion_fx_translateY_affectedRange&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:0,&quot;end&quot;:100}},&quot;background_motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8e70e37 elementor-widget elementor-widget-ucaddon_text_rotator\" data-id=\"8e70e37\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_text_rotator.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Text Rotator -->\n\t\t<link id='uc_ac_assets_file_morphext_css_52-css' href='https:\/\/vallartapride.org\/wp-content\/uploads\/ac_assets\/Text Rotator\/morphext.css' type='text\/css' rel='stylesheet' >\n\t\t<link id='uc_ac_assets_file_animate_css_77907-css' href='https:\/\/vallartapride.org\/wp-content\/uploads\/ac_assets\/Text Rotator\/animate.css' type='text\/css' rel='stylesheet' >\n\n<style>\/* widget: Text Rotator *\/\n\n#uc_text_rotator_elementor_8e70e37 span.string\n{\n  display:inline;\n} \n\n\n\n<\/style>\n\n<div style=\"text-align:center;\" id=\"uc_text_rotator_elementor_8e70e37\">\n  <span class=\"string beginning_text_typography\" >Nuestros<\/span> \n  <span class=\"string\">\n    <span class=\"js-rotating middle_text_typography\">\n                     INCREIBLES\n\n<span style=\"display: none;\">, AMAZING<\/span>\n\n<span style=\"display: none;\">, GRANDIOSOS<\/span>\n\n<span style=\"display: none;\">, GREAT<\/span>\n\n  \n            <\/span>\n  <\/span> \n  <span class=\"string ending_text_typography\">Patrocinadores<\/span>\n<\/div>\n<!-- end Text Rotator -->\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-272f963 e-con-full e-flex e-con e-parent\" data-id=\"272f963\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-9f31042 e-con-full e-flex e-con e-child\" data-id=\"9f31042\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1114fa9 elementor-widget elementor-widget-html\" data-id=\"1114fa9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"slider-container\">\n    <div class=\"slider-wrapper\">\n        <div class=\"slider-content\">\n            <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/vallartapride.org\/wp-content\/uploads\/2025\/04\/viva_aerobus-1.png\" alt=\"Viva\"><\/div>\n            <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/vallartapride.org\/wp-content\/uploads\/2025\/04\/logo_tita-1.png\" alt=\"Mistr\"><\/div>\n            <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/vallartapride.org\/wp-content\/uploads\/2025\/04\/Verde.png\" alt=\"The Tryst\"><\/div>\n            <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/vallartapride.org\/wp-content\/uploads\/2025\/05\/Cabo-Real-Luxury-Glampings-scaled.png\" alt=\"Marriott\"><\/div>\n            <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/vallartapride.org\/wp-content\/uploads\/2025\/05\/logotipo_margarita_pv_autorizado_vectores-2-scaled.png\" alt=\"Cabo Real\"><\/div>\n            \n            <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/vallartapride.org\/wp-content\/uploads\/2025\/04\/viva_aerobus-1.png\" alt=\"Viva\"><\/div>\n            <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/vallartapride.org\/wp-content\/uploads\/2025\/04\/logo_tita-1.png\" alt=\"Mistr\"><\/div>\n            <div class=\"logo-item\"><img decoding=\"async\" src=\"https:\/\/vallartapride.org\/wp-content\/uploads\/2025\/04\/Verde.png\" alt=\"The Tryst\"><\/div>\n            <div class=\"logo-item\"><img decoding=\"async\" src=\"ttps:\/\/vallartapride.org\/wp-content\/uploads\/2025\/05\/Cabo-Real-Luxury-Glampings-scaled.png\" alt=\"Marriott\"><\/div>\n            <div class=\"logo-item\"><img decoding=\"async\" src=\"ttps:\/\/vallartapride.org\/wp-content\/uploads\/2025\/05\/logotipo_margarita_pv_autorizado_vectores-2-scaled.png\" alt=\"Cabo Real\"><\/div>\n        <\/div>\n    <\/div>\n<\/section>\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-0e1d011 e-con-full e-flex e-con e-parent\" data-id=\"0e1d011\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-94d9896 elementor-widget__width-inherit elementor-arrows-position-inside elementor-pagination-position-outside elementor-widget elementor-widget-image-carousel\" data-id=\"94d9896\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;slides_to_show&quot;:&quot;5&quot;,&quot;autoplay_speed&quot;:4500,&quot;image_spacing_custom&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:68,&quot;sizes&quot;:[]},&quot;slides_to_show_mobile&quot;:&quot;2&quot;,&quot;image_spacing_custom_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:13,&quot;sizes&quot;:[]},&quot;navigation&quot;:&quot;both&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;pause_on_interaction&quot;:&quot;yes&quot;,&quot;infinite&quot;:&quot;yes&quot;,&quot;speed&quot;:500,&quot;image_spacing_custom_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"image-carousel.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-image-carousel-wrapper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Image Carousel\" dir=\"ltr\">\n\t\t\t<div class=\"elementor-image-carousel swiper-wrapper swiper-image-stretch\" aria-live=\"off\">\n\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 de 8\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/vallartapride.org\/wp-content\/uploads\/2025\/05\/renace-768x571.png\" alt=\"renace\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"2 de 8\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/vallartapride.org\/wp-content\/uploads\/2025\/05\/fide-768x571.png\" alt=\"fide\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"3 de 8\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/vallartapride.org\/wp-content\/uploads\/2025\/05\/Puerto-768x571.png\" alt=\"Puerto\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"4 de 8\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/vallartapride.org\/wp-content\/uploads\/2025\/05\/viva-768x571.png\" alt=\"viva\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"5 de 8\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/vallartapride.org\/wp-content\/uploads\/2025\/05\/mster-768x571.png\" alt=\"mster\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"6 de 8\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/vallartapride.org\/wp-content\/uploads\/2025\/05\/tryst-768x571.png\" alt=\"tryst\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"7 de 8\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/vallartapride.org\/wp-content\/uploads\/2025\/05\/Marriot-768x571.png\" alt=\"Marriot\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"8 de 8\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/vallartapride.org\/wp-content\/uploads\/2025\/05\/cabo-768x571.png\" alt=\"cabo\" \/><\/figure><\/div>\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-prev\" role=\"button\" tabindex=\"0\">\n\t\t\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\t\t<\/div>\n\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-next\" role=\"button\" tabindex=\"0\">\n\t\t\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\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"swiper-pagination\"><\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b7f826d e-con-full e-flex e-con e-parent\" data-id=\"b7f826d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f785fbb elementor-widget__width-inherit elementor-arrows-position-inside elementor-pagination-position-outside elementor-widget elementor-widget-image-carousel\" data-id=\"f785fbb\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;slides_to_show&quot;:&quot;5&quot;,&quot;autoplay_speed&quot;:4500,&quot;image_spacing_custom&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:68,&quot;sizes&quot;:[]},&quot;slides_to_show_mobile&quot;:&quot;2&quot;,&quot;image_spacing_custom_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:13,&quot;sizes&quot;:[]},&quot;navigation&quot;:&quot;both&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;pause_on_interaction&quot;:&quot;yes&quot;,&quot;infinite&quot;:&quot;yes&quot;,&quot;speed&quot;:500,&quot;image_spacing_custom_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"image-carousel.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-image-carousel-wrapper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Image Carousel\" dir=\"rtl\">\n\t\t\t<div class=\"elementor-image-carousel swiper-wrapper swiper-image-stretch\" aria-live=\"off\">\n\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 de 8\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/vallartapride.org\/wp-content\/uploads\/2025\/05\/top-768x571.png\" alt=\"top\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"2 de 8\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/vallartapride.org\/wp-content\/uploads\/2025\/05\/mantamar-768x571.png\" alt=\"mantamar\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"3 de 8\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/vallartapride.org\/wp-content\/uploads\/2025\/05\/westin-768x571.png\" alt=\"westin\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"4 de 8\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/vallartapride.org\/wp-content\/uploads\/2025\/05\/almar-768x571.png\" alt=\"almar\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"5 de 8\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/vallartapride.org\/wp-content\/uploads\/2025\/05\/joya-768x571.png\" alt=\"joya\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"6 de 8\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/vallartapride.org\/wp-content\/uploads\/2025\/05\/farmacia-768x571.png\" alt=\"farmacia\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"7 de 8\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/vallartapride.org\/wp-content\/uploads\/2025\/05\/gatorade-768x571.png\" alt=\"gatorade\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"8 de 8\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/vallartapride.org\/wp-content\/uploads\/2025\/05\/tita-768x571.png\" alt=\"tita\" \/><\/figure><\/div>\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-prev\" role=\"button\" tabindex=\"0\">\n\t\t\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\t\t<\/div>\n\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-next\" role=\"button\" tabindex=\"0\">\n\t\t\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\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"swiper-pagination\"><\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6b3ca1d e-flex e-con-boxed e-con e-parent\" data-id=\"6b3ca1d\" 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-52939fa elementor-widget elementor-widget-ucaddon_typewriter_text_effect\" data-id=\"52939fa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_typewriter_text_effect.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Typewriter Text Effect -->\n<style>\/* widget: Typewriter Text Effect *\/\n\n#uc_typewriter_text_effect_elementor_52939fa .typed-cursor{\n\topacity: 1;\n\t-webkit-animation: blink 0.7s infinite;\n\t-moz-animation: blink 0.7s infinite;\n\t-ms-animation: blink 0.7s infinite;\n\t-o-animation: blink 0.7s infinite;\n\tanimation: blink 0.7s infinite;\n}\n#uc_typewriter_text_effect_elementor_52939fa .typed-cursor.ue_typecursor_hide{\n\tdisplay:none;\n}\n@keyframes blink{\n\t0% { opacity:1; }\n\t50% { opacity:0; }\n\t100% { opacity:1; }\n}\n@-webkit-keyframes blink{\n\t0% { opacity:1; }\n\t50% { opacity:0; }\n\t100% { opacity:1; }\n}\n@-moz-keyframes blink{\n\t0% { opacity:1; }\n\t50% { opacity:0; }\n\t100% { opacity:1; }\n}\n@-ms-keyframes blink{\n\t0% { opacity:1; }\n\t50% { opacity:0; }\n\t100% { opacity:1; }\n}\n@-o-keyframes blink{\n\t0% { opacity:1; }\n\t50% { opacity:0; }\n\t100% { opacity:1; }\n}\n\n\n\n<\/style>\n\n<div id=\"uc_typewriter_text_effect_elementor_52939fa\" class=\"uc-typewriter\">\n  <span class=\"begining_text\">Vive La Experiencia de <\/span> \n  <span class=\"uc-typewriter-element\">Explorar <\/span>  \n  <span class=\"ending_text\"> <\/span> \n<\/div>\n<!-- end Typewriter Text Effect -->\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-f9ddc5d e-flex e-con-boxed e-con e-parent\" data-id=\"f9ddc5d\" 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-b6d4164 elementor-widget elementor-widget-ucaddon_unlimited_grid\" data-id=\"b6d4164\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_unlimited_grid.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Unlimited Grid -->\n\t\t<link id='font-awesome-css' href='https:\/\/vallartapride.org\/wp-content\/plugins\/unlimited-elements-for-elementor-premium\/assets_libraries\/font-awesome6\/fontawesome-all.min.css' type='text\/css' rel='stylesheet' >\n\t\t<link id='font-awesome-4-shim-css' href='https:\/\/vallartapride.org\/wp-content\/plugins\/unlimited-elements-for-elementor-premium\/assets_libraries\/font-awesome6\/fontawesome-v4-shims.min.css' type='text\/css' rel='stylesheet' >\n\t\t<link id='fancybox-css' href='https:\/\/vallartapride.org\/wp-content\/plugins\/unlimited-elements-for-elementor-premium\/assets_libraries\/fancybox3\/jquery.fancybox.min.css' type='text\/css' rel='stylesheet' >\n\n<style>\/* widget: Unlimited Grid *\/\n\n\r\n@keyframes uc_unlimited_grid_elementor_b6d4164__item-animation {\r\n  0% {\r\n            \r\n        \t        \tfilter: blur(10px);\r\n\t\t\t\r\n    \t    opacity: 0;\r\n  }\r\n  100% {\r\n            \r\n        \t            filter: blur(0px);\r\n            \r\n    \t\topacity: 1;\r\n  }\r\n}\r\n\r\n\r\n#uc_unlimited_grid_elementor_b6d4164 .ue-item{\r\n\topacity:0;\r\n}\r\n\r\n\r\n#uc_unlimited_grid_elementor_b6d4164 .uc-entrance-animate {\r\n  opacity:1;\r\n}\r\n\r\n#uc_unlimited_grid_elementor_b6d4164 .uc-entrance-animate {\r\n\tanimation: uc_unlimited_grid_elementor_b6d4164__item-animation 0.6s cubic-bezier(0.470, 0.000, 0.745, 0.715) both;\r\n}\r\n\r\n\t\t\t\n\n#uc_unlimited_grid_elementor_b6d4164\n{\n  display:grid;\n  grid-auto-rows: 1fr;\n}\n\n.ue-btn\n{\n  text-decoration:none;\n  text-align:center;\n  transition:0.3s;\n}\n\n#uc_unlimited_grid_elementor_b6d4164 .ue-overlay-link\n{\n  display:block;\n  position:absolute;\n  top:0px;\n  bottom:0px;\n  right:0px;\n  left:0px;\n}\n\n#uc_unlimited_grid_elementor_b6d4164 .ue-item\n{\n  position:relative;\n  display:flex;\n  overflow:hidden;\n  background-size:cover;\n}\n\n#uc_unlimited_grid_elementor_b6d4164 .ue-item-overlay\n{\n  position:absolute;\n  top:0;\n  right:0;\n  left:0;\n  bottom:0;\n  transition:0.3s;\n}\n\n#uc_unlimited_grid_elementor_b6d4164 .ue-item-bg\n{\n  position:absolute;\n  top:0;\n  right:0;\n  left:0;\n  bottom:0;\n  transition:0.3s;\n  background-size:cover;\n}\n\n\n\t\n\n\n\n\n\n\n#uc_unlimited_grid_elementor_b6d4164 .ue-graphic-element\n{\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  line-height:1em;\n  overflow:hidden;\n}\n\n#uc_unlimited_grid_elementor_b6d4164 .ue-graphic-element svg\n{\n  height:1em;\n  width:1em;\n}\n\n#uc_unlimited_grid_elementor_b6d4164 .ue-graphic-element img\n{\n  display:block;\n}\n\n\t\n\n.ue-item-title\n{\n  font-size:21px;\n}\n\n#uc_unlimited_grid_elementor_b6d4164 .ue-item-content\n{\n  position:relative;\n  width:100%;\n}\n\n\n\n\t\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  #uc_unlimited_grid_elementor_b6d4164 #uc_unlimited_grid_elementor_b6d4164_item1 .ue-item-bg\n  {\n    background-image:url(https:\/\/vallartapride.org\/wp-content\/uploads\/2025\/01\/carrete4.jpg);\n  }\n\n\n\n  #uc_unlimited_grid_elementor_b6d4164 #uc_unlimited_grid_elementor_b6d4164_item2 .ue-item-bg\n  {\n    background-image:url(https:\/\/vallartapride.org\/wp-content\/uploads\/2025\/02\/room-768x768.jpg);\n  }\n\n\n\n  #uc_unlimited_grid_elementor_b6d4164 #uc_unlimited_grid_elementor_b6d4164_item3 .ue-item-bg\n  {\n    background-image:url(https:\/\/vallartapride.org\/wp-content\/uploads\/2025\/02\/daiquiri-768x768.jpg);\n  }\n\n\n\n  #uc_unlimited_grid_elementor_b6d4164 #uc_unlimited_grid_elementor_b6d4164_item4 .ue-item-bg\n  {\n    background-image:url(https:\/\/vallartapride.org\/wp-content\/uploads\/2025\/02\/vallarta-768x768.jpg);\n  }\n\n\n\n  #uc_unlimited_grid_elementor_b6d4164 #uc_unlimited_grid_elementor_b6d4164_item5 .ue-item-bg\n  {\n    background-image:url(https:\/\/vallartapride.org\/wp-content\/uploads\/2025\/02\/muelle-768x768.jpg);\n  }\n\n\n\n\n\n<\/style>\n\n<div id=\"uc_unlimited_grid_elementor_b6d4164\" class=\"ue-unlimited-grid uc-items-wrapper \" >\n  <div id=\"uc_unlimited_grid_elementor_b6d4164_item1\" class=\"ue-item elementor-repeater-item-67f0d15\">\n  <div class=\"ue-item-bg\"><\/div>\n  <div class=\"ue-item-overlay\"><\/div>\n  \n    <div class=\"ue-item-content None\">\n            <div class=\"ue-graphic-element\" href=\"https:\/\/vallartapride.org\/wp-content\/uploads\/2025\/02\/cropped-Icono.png\"><span class=\"ue-ge-icon\"><img decoding=\"async\" src=\"https:\/\/vallartapride.org\/wp-content\/uploads\/2025\/02\/cropped-Icono.png\"><\/span><\/div>          <div class=\"ue-item-title\">Arte & Cultura<\/div>\n    <div class=\"ue-item-text\"><p>Recorre el ic\u00f3nico Malec\u00f3n y descubre esculturas, galer\u00edas de arte y espect\u00e1culos culturales que reflejan la esencia de Puerto Vallarta.<\/p><\/div>\n      <\/div>\n    \n  \n    \n    \n  <a class=\"ue-overlay-link\" href=\"https:\/\/vallartapride.org\/arte-cultura\/\" ><\/a>\n  \n  \n  \n<\/div>\n<div id=\"uc_unlimited_grid_elementor_b6d4164_item2\" class=\"ue-item elementor-repeater-item-a1cf77f\">\n  <div class=\"ue-item-bg\"><\/div>\n  <div class=\"ue-item-overlay\"><\/div>\n  \n    <div class=\"ue-item-content None\">\n                      <div class=\"ue-item-title\">Donde hospedarse<\/div>\n    <div class=\"ue-item-text\"><p>Encuentra el lugar perfecto para hospedarte<\/p><\/div>\n      <\/div>\n    \n  \n    \n    \n  <a class=\"ue-overlay-link\" href=\"https:\/\/vallartapride.org\/hospedaje\/\" ><\/a>\n  \n  \n  \n<\/div>\n<div id=\"uc_unlimited_grid_elementor_b6d4164_item3\" class=\"ue-item elementor-repeater-item-6d83f75\">\n  <div class=\"ue-item-bg\"><\/div>\n  <div class=\"ue-item-overlay\"><\/div>\n  \n    <div class=\"ue-item-content None\">\n                      <div class=\"ue-item-title\">Donde comer<\/div>\n    <div class=\"ue-item-text\"><p>Saborea la diversidad culinaria que Puerto Vallarta ofrece<\/p><\/div>\n      <\/div>\n    \n  \n    \n    \n  <a class=\"ue-overlay-link\" href=\"https:\/\/vallartapride.org\/donde-comer-en-puerto-vallarta\/\" ><\/a>\n  \n  \n  \n<\/div>\n<div id=\"uc_unlimited_grid_elementor_b6d4164_item4\" class=\"ue-item elementor-repeater-item-650d015\">\n  <div class=\"ue-item-bg\"><\/div>\n  <div class=\"ue-item-overlay\"><\/div>\n  \n    <div class=\"ue-item-content None\">\n                      <div class=\"ue-item-title\">Qu\u00e9 hacer<\/div>\n    <div class=\"ue-item-text\"><p>Contempla los atardeceres dorados o simplemente rel\u00e1jate en la playa.<\/p><\/div>\n      <\/div>\n    \n  \n    \n    \n  <a class=\"ue-overlay-link\" href=\"https:\/\/vallartapride.org\/que-hacer-en-puerto-vallarta\/\" ><\/a>\n  \n  \n  \n<\/div>\n<div id=\"uc_unlimited_grid_elementor_b6d4164_item5\" class=\"ue-item elementor-repeater-item-ca06918\">\n  <div class=\"ue-item-bg\"><\/div>\n  <div class=\"ue-item-overlay\"><\/div>\n  \n    <div class=\"ue-item-content None\">\n                      <div class=\"ue-item-title\">Entretenimiento<\/div>\n    <div class=\"ue-item-text\"><p>Descubre los rincones imperdibles de Puerto Vallarta<\/p><\/div>\n      <\/div>\n    \n  \n    \n    \n  <a class=\"ue-overlay-link\" href=\"https:\/\/vallartapride.org\/entretenimiento\/\" ><\/a>\n  \n  \n  \n<\/div>\n\n<\/div>\n<!-- end Unlimited 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<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Eventos Pride 2026 vive la nueva era #Marcha #Red Gala #Pink Dinner #Carrera #Concierto #Pool Party #Pride 2026 Eventos Pride 2026 vive la nueva era Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Click here SIGUENOS ES NUESTRAS REDES SOCIALES: @VALLARTA_PRIDE f i t Por [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-13","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/vallartapride.org\/en\/wp-json\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vallartapride.org\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vallartapride.org\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vallartapride.org\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vallartapride.org\/en\/wp-json\/wp\/v2\/comments?post=13"}],"version-history":[{"count":1398,"href":"https:\/\/vallartapride.org\/en\/wp-json\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":6108,"href":"https:\/\/vallartapride.org\/en\/wp-json\/wp\/v2\/pages\/13\/revisions\/6108"}],"wp:attachment":[{"href":"https:\/\/vallartapride.org\/en\/wp-json\/wp\/v2\/media?parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}