{"id":11,"date":"2025-11-16T05:02:58","date_gmt":"2025-11-16T05:02:58","guid":{"rendered":"https:\/\/servidorlumen.com.br\/ranchoa5vc\/?page_id=11"},"modified":"2025-11-21T22:02:29","modified_gmt":"2025-11-21T22:02:29","slug":"rancho-a5vc","status":"publish","type":"page","link":"https:\/\/servidorlumen.com.br\/ranchoa5vc\/","title":{"rendered":"Rancho A5VC"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"11\" class=\"elementor elementor-11\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b1e6afe e-flex e-con-boxed e-con e-parent\" data-id=\"b1e6afe\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8bb293b elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"8bb293b\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"pt-BR\">\r\n    <head>\r\n    <!-- Google Tag Manager -->\r\n    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':\r\n    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],\r\n    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=\r\n    'https:\/\/www.googletagmanager.com\/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);\r\n    })(window,document,'script','dataLayer','GTM-KR8GW3GQ');<\/script>\r\n    <!-- End Google Tag Manager -->\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Clube Rancho A5VC - Seu Ref\u00fagio Vital\u00edcio em Arapiraca<\/title>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/aos\/2.3.4\/aos.css\">\r\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/sweetalert2@11\"><\/script>\r\n        <style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Poppins', sans-serif;\r\n            line-height: 1.6;\r\n            color: #333;\r\n            overflow-x: hidden;\r\n            background: #f8f9fa;\r\n        }\r\n\r\n        .container {\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n            padding: 0 20px;\r\n        }\r\n\r\n        \/* Oculta layout antigo (marcaremos elementos como .legacy) *\/\r\n        .legacy { display: none !important; }\r\n\r\n        \/* Header Section - Premium Design *\/\r\n        .header {\r\n            background: linear-gradient(135deg, #ff6b35 0%, #f7931e 50%, #ff6b35 100%);\r\n            min-height: 100vh;\r\n            position: relative;\r\n            display: flex;\r\n            align-items: center;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .header::after {\r\n            content: '';\r\n            position: absolute;\r\n            top: -20%;\r\n            right: -30%;\r\n            width: 60%;\r\n            height: 140%;\r\n            background: linear-gradient(45deg, rgba(255,215,0,0.3), rgba(255,107,53,0.2));\r\n            border-radius: 50% 30% 70% 40% \/ 40% 60% 30% 70%;\r\n            animation: organicFloat 15s ease-in-out infinite;\r\n            z-index: 1;\r\n        }\r\n\r\n        .header::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: -30%;\r\n            right: -20%;\r\n            width: 50%;\r\n            height: 160%;\r\n            background: #ffd700;\r\n            border-radius: 50%;\r\n            opacity: 0.15;\r\n            transform: rotate(15deg);\r\n            animation: float 8s ease-in-out infinite;\r\n        }\r\n\r\n        .header::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: -40%;\r\n            left: -15%;\r\n            width: 40%;\r\n            height: 180%;\r\n            background: #00bcd4;\r\n            border-radius: 50%;\r\n            opacity: 0.15;\r\n            transform: rotate(-20deg);\r\n            animation: float 6s ease-in-out infinite reverse;\r\n        }\r\n\r\n        .header-content {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr 1fr;\r\n            gap: 60px;\r\n            align-items: center;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        \/* Logo Oficial *\/\r\n        .logo-section {\r\n            text-align: center;\r\n            position: relative;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            justify-content: center;\r\n            padding: 50px 30px;\r\n            background: rgba(255, 255, 255, 0.1);\r\n            border-radius: 30px;\r\n            backdrop-filter: blur(15px);\r\n            border: 1px solid rgba(255, 255, 255, 0.2);\r\n            margin-bottom: 40px;\r\n        }\r\n\r\n        .logo-section img {\r\n            max-width: 400px;\r\n            width: 100%;\r\n            height: auto;\r\n            margin-bottom: 25px;\r\n            filter: drop-shadow(0 10px 25px rgba(0,0,0,0));\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .logo-section img:hover {\r\n            transform: scale(1.05);\r\n        }\r\n\r\n        .logo-container::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: -50%;\r\n            left: -50%;\r\n            width: 200%;\r\n            height: 200%;\r\n            background: linear-gradient(45deg, transparent, rgba(255,215,0,0.1), transparent);\r\n            animation: shine 3s infinite;\r\n        }\r\n\r\n        .logo-banner {\r\n            background: white;\r\n            padding: 8px 20px;\r\n            border-radius: 25px;\r\n            margin-bottom: 15px;\r\n            position: relative;\r\n            box-shadow: 0 5px 15px rgba(0,0,0,0.1);\r\n        }\r\n\r\n        .logo-banner::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            background: linear-gradient(45deg, #ff6b35, #f7931e);\r\n            border-radius: 25px;\r\n            z-index: -1;\r\n        }\r\n\r\n        .logo-banner h1 {\r\n            color: #ff6b35;\r\n            font-size: 1.2rem;\r\n            font-weight: 800;\r\n            letter-spacing: 2px;\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n\r\n        .logo-main {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 15px;\r\n        }\r\n\r\n        .logo-a5 {\r\n            font-size: 4rem;\r\n            font-weight: 900;\r\n            color: #ff6b35;\r\n            text-shadow: 2px 2px 4px rgba(0,0,0,0.1);\r\n        }\r\n\r\n        .logo-vc {\r\n            background: white;\r\n            padding: 15px 25px;\r\n            border-radius: 20px;\r\n            box-shadow: 0 5px 15px rgba(0,0,0,0.2);\r\n        }\r\n\r\n        .logo-vc span {\r\n            font-size: 2.5rem;\r\n            font-weight: 800;\r\n            color: #ff6b35;\r\n        }\r\n\r\n        .main-title {\r\n            color: white;\r\n            font-size: 2.2rem;\r\n            font-weight: 800;\r\n            text-align: center;\r\n            margin: 0;\r\n            text-shadow: 3px 3px 6px rgba(0,0,0,0.4);\r\n            line-height: 1.1;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n            max-width: 600px;\r\n        }\r\n\r\n        .main-subtitle {\r\n            font-size: 1.4rem;\r\n            font-weight: 600;\r\n            color: #fecc26;\r\n            text-align: center;\r\n            margin: 1rem 0;\r\n            text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\r\n            font-style: italic;\r\n        }\r\n\r\n        .main-description {\r\n            font-size: 1.2rem;\r\n            font-weight: 400;\r\n            color: #fff;\r\n            text-align: center;\r\n            margin: 1rem 0 2rem 0;\r\n            text-shadow: 1px 1px 2px rgba(0,0,0,0.3);\r\n            opacity: 0.9;\r\n        }\r\n\r\n        \/* Carrossel Principal (Header) *\/\r\n        .carousel-container {\r\n            position: relative;\r\n            width: 100%;\r\n            max-width: 1000px;\r\n            margin: 40px auto;\r\n            border-radius: 30px;\r\n            overflow: hidden;\r\n            box-shadow: 0 25px 80px rgba(0,0,0,0.3);\r\n        }\r\n\r\n        \/* Carrossel Grande (Se\u00e7\u00e3o Principal) *\/\r\n        .main-carousel-container {\r\n            position: relative;\r\n            width: 100%;\r\n            max-width: 1400px;\r\n            margin: 0 auto 80px auto;\r\n            border-radius: 40px;\r\n            overflow: visible;\r\n            box-shadow: 0 40px 120px rgba(0,0,0,0.4);\r\n        }\r\n\r\n        .main-carousel {\r\n            position: relative;\r\n            width: 100%;\r\n            height: 600px;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .main-carousel-slides {\r\n            display: flex;\r\n            width: 1300%; \/* 13 slides *\/\r\n            height: 100%;\r\n            transition: transform 0.8s ease-in-out;\r\n        }\r\n\r\n        .main-carousel-slide {\r\n            width: 7.692%; \/* 100% \/ 13 slides *\/\r\n            height: 100%;\r\n            position: relative;\r\n        }\r\n\r\n        .main-carousel-slide img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            transition: transform 0.8s ease;\r\n        }\r\n\r\n        .main-carousel-slide:hover img {\r\n            transform: scale(1.05);\r\n        }\r\n\r\n        .main-carousel-overlay {\r\n            position: absolute;\r\n            bottom: 0;\r\n            left: 0;\r\n            right: 0;\r\n            background: linear-gradient(transparent, rgba(0,0,0,0.9));\r\n            color: white;\r\n            padding: 40px;\r\n            transform: translateY(100%);\r\n            transition: transform 0.5s ease;\r\n        }\r\n\r\n        .main-carousel-slide:hover .main-carousel-overlay {\r\n            transform: translateY(0);\r\n        }\r\n\r\n        .main-carousel-overlay h3 {\r\n            font-size: 2.2rem;\r\n            font-weight: 800;\r\n            margin-bottom: 15px;\r\n            text-shadow: 2px 2px 4px rgba(0,0,0,0.5);\r\n        }\r\n\r\n        .main-carousel-overlay p {\r\n            font-size: 1.3rem;\r\n            opacity: 0.95;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        \/* Navega\u00e7\u00e3o do Carrossel Principal *\/\r\n        .main-carousel-nav {\r\n            position: absolute;\r\n            top: 50%;\r\n            transform: translateY(-50%);\r\n            background: rgba(255,255,255,0.95);\r\n            border: none;\r\n            width: 80px;\r\n            height: 80px;\r\n            border-radius: 50%;\r\n            cursor: pointer;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 2rem;\r\n            color: #ff6b35;\r\n            transition: all 0.4s ease;\r\n            z-index: 10;\r\n            box-shadow: 0 10px 30px rgba(0,0,0,0.3);\r\n        }\r\n\r\n        .main-carousel-nav:hover {\r\n            background: #ff6b35;\r\n            color: white;\r\n            transform: translateY(-50%) scale(1.15);\r\n            box-shadow: 0 15px 40px rgba(255,107,53,0.4);\r\n        }\r\n\r\n        .main-carousel-nav.prev {\r\n            left: 30px;\r\n        }\r\n\r\n        .main-carousel-nav.next {\r\n            right: 30px;\r\n        }\r\n\r\n        \/* Indicadores do Carrossel Principal *\/\r\n        .main-carousel-indicators {\r\n            position: absolute;\r\n            bottom: -60px;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            display: flex;\r\n            gap: 15px;\r\n            z-index: 10;\r\n            flex-wrap: wrap;\r\n            justify-content: center;\r\n        }\r\n\r\n        .main-carousel-indicator {\r\n            width: 16px;\r\n            height: 16px;\r\n            border-radius: 50%;\r\n            background: rgba(255,107,53,0.3);\r\n            border: 2px solid rgba(255,107,53,0.6);\r\n            cursor: pointer;\r\n            transition: all 0.4s ease;\r\n        }\r\n\r\n        .main-carousel-indicator.active {\r\n            background: #ff6b35;\r\n            border-color: #ff6b35;\r\n            transform: scale(1.3);\r\n            box-shadow: 0 5px 15px rgba(255,107,53,0.5);\r\n        }\r\n\r\n        .main-carousel-indicator:hover {\r\n            background: #ff6b35;\r\n            border-color: #ff6b35;\r\n            transform: scale(1.2);\r\n            opacity: 0.8;\r\n        }\r\n\r\n        .carousel {\r\n            position: relative;\r\n            width: 100%;\r\n            height: 500px;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .carousel-slides {\r\n            display: flex;\r\n            width: 600%; \/* 6 slides *\/\r\n            height: 100%;\r\n            transition: transform 0.6s ease-in-out;\r\n        }\r\n\r\n        .carousel-slide {\r\n            width: 16.666%; \/* 100% \/ 6 slides *\/\r\n            height: 100%;\r\n            position: relative;\r\n        }\r\n\r\n        .carousel-slide img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            transition: transform 0.6s ease;\r\n        }\r\n\r\n        .carousel-slide:hover img {\r\n            transform: scale(1.05);\r\n        }\r\n\r\n        .carousel-overlay {\r\n            position: absolute;\r\n            bottom: 0;\r\n            left: 0;\r\n            right: 0;\r\n            background: linear-gradient(transparent, rgba(0,0,0,0.8));\r\n            color: white;\r\n            padding: 30px;\r\n            transform: translateY(100%);\r\n            transition: transform 0.4s ease;\r\n        }\r\n\r\n        .carousel-slide:hover .carousel-overlay {\r\n            transform: translateY(0);\r\n        }\r\n\r\n        .carousel-overlay h3 {\r\n            font-size: 1.8rem;\r\n            font-weight: 700;\r\n            margin-bottom: 10px;\r\n        }\r\n\r\n        .carousel-overlay p {\r\n            font-size: 1.1rem;\r\n            opacity: 0.9;\r\n            line-height: 1.5;\r\n        }\r\n\r\n        \/* Navega\u00e7\u00e3o do Carrossel *\/\r\n        .carousel-nav {\r\n            position: absolute;\r\n            top: 50%;\r\n            transform: translateY(-50%);\r\n            background: rgba(255,255,255,0.9);\r\n            border: none;\r\n            width: 60px;\r\n            height: 60px;\r\n            border-radius: 50%;\r\n            cursor: pointer;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 1.5rem;\r\n            color: #ff6b35;\r\n            transition: all 0.3s ease;\r\n            z-index: 10;\r\n            box-shadow: 0 5px 20px rgba(0,0,0,0.2);\r\n        }\r\n\r\n        .carousel-nav:hover {\r\n            background: #ff6b35;\r\n            color: white;\r\n            transform: translateY(-50%) scale(1.1);\r\n        }\r\n\r\n        .carousel-nav.prev {\r\n            left: 20px;\r\n        }\r\n\r\n        .carousel-nav.next {\r\n            right: 20px;\r\n        }\r\n\r\n        \/* Indicadores do Carrossel *\/\r\n        .carousel-indicators {\r\n            position: absolute;\r\n            bottom: 20px;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            display: flex;\r\n            gap: 10px;\r\n            z-index: 10;\r\n        }\r\n\r\n        .carousel-indicator {\r\n            width: 12px;\r\n            height: 12px;\r\n            border-radius: 50%;\r\n            background: rgba(255,255,255,0.5);\r\n            border: none;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .carousel-indicator.active {\r\n            background: #ff6b35;\r\n            transform: scale(1.2);\r\n        }\r\n\r\n        .carousel-indicator:hover {\r\n            background: #ffd700;\r\n            transform: scale(1.1);\r\n        }\r\n\r\n        \/* Image Gallery com Arredondamento *\/\r\n        .image-gallery {\r\n            display: grid;\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 25px;\r\n            margin: 40px 0;\r\n        }\r\n\r\n        .gallery-item {\r\n            position: relative;\r\n            border-radius: 25px;\r\n            overflow: hidden;\r\n            box-shadow: 0 15px 40px rgba(0,0,0,0.3);\r\n            transition: all 0.4s ease;\r\n            cursor: pointer;\r\n        }\r\n\r\n        .gallery-item:hover {\r\n            transform: translateY(-15px) scale(1.02);\r\n            box-shadow: 0 25px 60px rgba(0,0,0,0.4);\r\n        }\r\n\r\n        .gallery-item img {\r\n            width: 100%;\r\n            height: 250px;\r\n            object-fit: cover;\r\n            transition: transform 0.4s ease;\r\n        }\r\n\r\n        .gallery-item:hover img {\r\n            transform: scale(1.1);\r\n        }\r\n\r\n        .gallery-item.large {\r\n            grid-column: span 2;\r\n        }\r\n\r\n        .gallery-item.large img {\r\n            height: 350px;\r\n        }\r\n\r\n        .gallery-overlay {\r\n            position: absolute;\r\n            bottom: 0;\r\n            left: 0;\r\n            right: 0;\r\n            background: linear-gradient(transparent, rgba(0,0,0,0.8));\r\n            color: white;\r\n            padding: 20px;\r\n            transform: translateY(100%);\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .gallery-item:hover .gallery-overlay {\r\n            transform: translateY(0);\r\n        }\r\n\r\n        .gallery-overlay h4 {\r\n            font-size: 1.2rem;\r\n            font-weight: 600;\r\n            margin-bottom: 5px;\r\n        }\r\n\r\n        .gallery-overlay p {\r\n            font-size: 0.9rem;\r\n            opacity: 0.9;\r\n        }\r\n\r\n        \/* Contact Info - Premium Card *\/\r\n        .contact-info {\r\n            background: rgba(255, 255, 255, 0.95);\r\n            backdrop-filter: blur(20px);\r\n            padding: 40px;\r\n            border-radius: 30px;\r\n            box-shadow: \r\n                0 25px 60px rgba(0,0,0,0.15),\r\n                0 0 0 1px rgba(255,255,255,0.2);\r\n            position: relative;\r\n            overflow: hidden;\r\n            border: 1px solid rgba(255,255,255,0.3);\r\n        }\r\n\r\n        .contact-info::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            height: 4px;\r\n            background: linear-gradient(90deg, #ff6b35, #ffd700, #00bcd4);\r\n            border-radius: 30px 30px 0 0;\r\n        }\r\n\r\n        .contact-info h3 {\r\n            color: #ff6b35;\r\n            font-size: 1.4rem;\r\n            margin-bottom: 20px;\r\n            font-weight: 700;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n        }\r\n\r\n        .contact-info h3 i {\r\n            font-size: 1.2rem;\r\n        }\r\n\r\n        .contact-info p {\r\n            color: #666;\r\n            margin-bottom: 15px;\r\n            font-size: 1rem;\r\n        }\r\n\r\n        .phone {\r\n            color: #ff6b35;\r\n            font-weight: 700;\r\n            font-size: 1.2rem;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n            margin-bottom: 10px;\r\n        }\r\n\r\n        .phone i {\r\n            background: #ff6b35;\r\n            color: white;\r\n            width: 35px;\r\n            height: 35px;\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 0.9rem;\r\n        }\r\n\r\n        \/* CTA Section *\/\r\n        .cta-section {\r\n            background: #ffd700;\r\n            padding: 35px;\r\n            border-radius: 25px;\r\n            text-align: center;\r\n            box-shadow: 0 20px 50px rgba(0,0,0,0.2);\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .cta-section::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: -50%;\r\n            right: -50%;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: linear-gradient(45deg, transparent, rgba(255,107,53,0.1), transparent);\r\n            animation: shine 4s infinite;\r\n        }\r\n\r\n        .cta-section h3 {\r\n            color: #ff6b35;\r\n            font-size: 1.8rem;\r\n            font-weight: 800;\r\n            margin-bottom: 15px;\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n\r\n        .cta-section p {\r\n            color: #333;\r\n            margin-bottom: 20px;\r\n            font-size: 1.1rem;\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n\r\n        .pre-sale {\r\n            background: #ff6b35;\r\n            color: white;\r\n            padding: 20px;\r\n            border-radius: 15px;\r\n            margin-bottom: 20px;\r\n            position: relative;\r\n            z-index: 1;\r\n            box-shadow: 0 10px 25px rgba(255,107,53,0.3);\r\n        }\r\n\r\n        .pre-sale h4 {\r\n            font-size: 1.1rem;\r\n            margin-bottom: 8px;\r\n            font-weight: 600;\r\n        }\r\n\r\n        .pre-sale h5 {\r\n            font-size: 1.6rem;\r\n            font-weight: 800;\r\n            letter-spacing: 1px;\r\n        }\r\n\r\n        .units {\r\n            color: #ff6b35;\r\n            font-weight: 700;\r\n            font-size: 1rem;\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n\r\n        \/* Special Offer Section *\/\r\n        .special-offer {\r\n            background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);\r\n            padding: 80px 0;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .special-offer::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: -50%;\r\n            right: -20%;\r\n            width: 40%;\r\n            height: 200%;\r\n            background: #ffd700;\r\n            border-radius: 50%;\r\n            opacity: 0.1;\r\n            transform: rotate(15deg);\r\n        }\r\n\r\n        .offer-container {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 60px;\r\n            align-items: center;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .offer-info h2 {\r\n            color: white;\r\n            font-size: 2.8rem;\r\n            margin-bottom: 30px;\r\n            font-weight: 800;\r\n            text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\r\n        }\r\n\r\n        .offer-info p {\r\n            color: white;\r\n            font-size: 1.3rem;\r\n            margin-bottom: 25px;\r\n            opacity: 0.95;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        .offer-card {\r\n            background: rgba(255, 255, 255, 0.95);\r\n            backdrop-filter: blur(20px);\r\n            padding: 60px;\r\n            border-radius: 40px;\r\n            text-align: center;\r\n            box-shadow: \r\n                0 40px 100px rgba(0,0,0,0.2),\r\n                0 0 0 1px rgba(255,255,255,0.3);\r\n            position: relative;\r\n            overflow: hidden;\r\n            border: 1px solid rgba(255,255,255,0.4);\r\n        }\r\n\r\n        .offer-card::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            height: 8px;\r\n            background: linear-gradient(90deg, #ff6b35, #ffd700, #00bcd4);\r\n            border-radius: 40px 40px 0 0;\r\n        }\r\n\r\n        .offer-card::after {\r\n            content: '';\r\n            position: absolute;\r\n            top: 30px;\r\n            right: 30px;\r\n            width: 80px;\r\n            height: 80px;\r\n            background: linear-gradient(135deg, rgba(255,107,53,0.15), rgba(255,215,0,0.1));\r\n            border-radius: 50%;\r\n            animation: organicFloat 10s ease-in-out infinite;\r\n        }\r\n\r\n        .offer-card h3 {\r\n            color: #ff6b35;\r\n            font-size: 1.8rem;\r\n            margin-bottom: 30px;\r\n            font-weight: 800;\r\n        }\r\n\r\n        .discount-badge {\r\n            background: linear-gradient(135deg, #ffd700, #ffed4e);\r\n            color: #ff6b35;\r\n            padding: 25px 30px;\r\n            border-radius: 25px;\r\n            margin-bottom: 40px;\r\n            font-weight: 900;\r\n            font-size: 1.8rem;\r\n            box-shadow: 0 15px 35px rgba(255,215,0,0.6);\r\n            text-align: center;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n            border: 3px solid #ff6b35;\r\n            animation: pulse 2s infinite;\r\n        }\r\n\r\n        @keyframes pulse {\r\n            0% { transform: scale(1); }\r\n            50% { transform: scale(1.05); }\r\n            100% { transform: scale(1); }\r\n        }\r\n\r\n        .price-details {\r\n            margin: 30px 0;\r\n        }\r\n\r\n        .price-details .down-payment {\r\n            font-size: 2.2rem;\r\n            font-weight: 800;\r\n            color: #ff6b35;\r\n            margin: 10px 0;\r\n            text-shadow: 2px 2px 4px rgba(0,0,0,0.1);\r\n        }\r\n\r\n        .price-details .installments {\r\n            font-size: 1.6rem;\r\n            font-weight: 700;\r\n            color: #333;\r\n            margin: 10px 0;\r\n        }\r\n\r\n        .price-details .total {\r\n            font-size: 1rem;\r\n            color: #666;\r\n            margin-top: 15px;\r\n            padding: 12px;\r\n            background: #f8f9fa;\r\n            border-radius: 12px;\r\n        }\r\n\r\n        \/* Highlight Section *\/\r\n        .highlight-section {\r\n            background: linear-gradient(135deg, #ff6b35 0%, #f7931e 50%, #fecc26 100%);\r\n            padding: 80px 0;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .highlight-section::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            background: url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\"><defs><pattern id=\"wave\" x=\"0\" y=\"0\" width=\"100\" height=\"20\" patternUnits=\"userSpaceOnUse\"><path d=\"M0,10 Q25,0 50,10 T100,10 V20 H0 Z\" fill=\"rgba(255,255,255,0.1)\"\/><\/pattern><\/defs><rect width=\"100\" height=\"100\" fill=\"url(%23wave)\"\/><\/svg>') repeat-x;\r\n            animation: wave 20s linear infinite;\r\n        }\r\n\r\n        @keyframes wave {\r\n            0% { transform: translateX(0); }\r\n            100% { transform: translateX(-100px); }\r\n        }\r\n\r\n        .highlight-content {\r\n            text-align: center;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .highlight-title {\r\n            font-size: 2.5rem;\r\n            font-weight: 800;\r\n            color: #fff;\r\n            text-shadow: 3px 3px 6px rgba(0,0,0,0.3);\r\n            margin-bottom: 1rem;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n            line-height: 1.2;\r\n        }\r\n\r\n        .highlight-subtitle {\r\n            font-size: 1.2rem;\r\n            font-weight: 600;\r\n            color: #fff;\r\n            text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\r\n            margin-bottom: 2rem;\r\n            opacity: 0.95;\r\n        }\r\n\r\n        .highlight-cta {\r\n            margin-top: 2rem;\r\n        }\r\n\r\n        .highlight-button {\r\n            background: linear-gradient(135deg, #fff 0%, #f8f9fa 100%);\r\n            color: #ff6b35;\r\n            border: none;\r\n            padding: 18px 40px;\r\n            font-size: 1.3rem;\r\n            font-weight: 700;\r\n            border-radius: 50px;\r\n            box-shadow: 0 8px 25px rgba(0,0,0,0.2);\r\n            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .highlight-button::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: -100%;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);\r\n            transition: left 0.5s;\r\n        }\r\n\r\n        .highlight-button:hover::before {\r\n            left: 100%;\r\n        }\r\n\r\n        .highlight-button:hover {\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 12px 35px rgba(0,0,0,0.3);\r\n            color: #e55a2b;\r\n        }\r\n\r\n        .highlight-button:active {\r\n            transform: translateY(-1px);\r\n        }\r\n\r\n        .highlight-button i {\r\n            margin-right: 10px;\r\n            font-size: 1.2rem;\r\n        }\r\n\r\n        \/* Benefits Section - Premium *\/\r\n        .benefits {\r\n            background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\r\n            padding: 120px 0;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .benefits::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: -10%;\r\n            left: -20%;\r\n            width: 40%;\r\n            height: 120%;\r\n            background: linear-gradient(45deg, rgba(255,107,53,0.1), rgba(255,215,0,0.05));\r\n            border-radius: 50% 30% 70% 40% \/ 40% 60% 30% 70%;\r\n            animation: organicFloat 20s ease-in-out infinite;\r\n        }\r\n\r\n        .benefits::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: -15%;\r\n            right: -25%;\r\n            width: 35%;\r\n            height: 110%;\r\n            background: linear-gradient(135deg, rgba(0,188,212,0.08), rgba(255,215,0,0.06));\r\n            border-radius: 30% 70% 50% 40% \/ 60% 40% 70% 30%;\r\n            animation: organicFloat 18s ease-in-out infinite reverse;\r\n        }\r\n\r\n        .benefits h2 {\r\n            text-align: center;\r\n            font-size: 3.5rem;\r\n            color: #ff6b35;\r\n            margin-bottom: 60px;\r\n            font-weight: 900;\r\n            position: relative;\r\n            letter-spacing: -0.02em;\r\n            line-height: 1.1;\r\n        }\r\n\r\n        .benefits h2::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: -15px;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            width: 100px;\r\n            height: 4px;\r\n            background: linear-gradient(90deg, #ff6b35, #ffd700);\r\n            border-radius: 2px;\r\n        }\r\n\r\n        .benefits-grid {\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .benefits-list {\r\n            background: rgba(255, 255, 255, 0.95);\r\n            backdrop-filter: blur(20px);\r\n            padding: 60px;\r\n            border-radius: 35px;\r\n            box-shadow: \r\n                0 30px 80px rgba(0,0,0,0.12),\r\n                0 0 0 1px rgba(255,255,255,0.2);\r\n            position: relative;\r\n            overflow: hidden;\r\n            border: 1px solid rgba(255,255,255,0.3);\r\n            max-width: 800px;\r\n            width: 100%;\r\n        }\r\n\r\n        .benefits-list::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            height: 6px;\r\n            background: linear-gradient(90deg, #ff6b35, #ffd700, #00bcd4);\r\n            border-radius: 35px 35px 0 0;\r\n        }\r\n\r\n        .benefits-list::after {\r\n            content: '';\r\n            position: absolute;\r\n            top: 20px;\r\n            right: 20px;\r\n            width: 60px;\r\n            height: 60px;\r\n            background: linear-gradient(135deg, rgba(255,107,53,0.1), rgba(255,215,0,0.05));\r\n            border-radius: 50%;\r\n            animation: organicFloat 8s ease-in-out infinite;\r\n        }\r\n\r\n        .benefits-list h3 {\r\n            color: #ff6b35;\r\n            font-size: 2.2rem;\r\n            margin-bottom: 40px;\r\n            font-weight: 800;\r\n        }\r\n\r\n        .benefit-item {\r\n            display: flex;\r\n            align-items: center;\r\n            margin-bottom: 25px;\r\n            padding: 20px;\r\n            background: #f8f9fa;\r\n            border-radius: 15px;\r\n            transition: all 0.4s ease;\r\n            cursor: pointer;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .benefit-item::before {\r\n            content: '';\r\n            position: absolute;\r\n            left: 0;\r\n            top: 0;\r\n            bottom: 0;\r\n            width: 0;\r\n            background: linear-gradient(135deg, #ff6b35, #f7931e);\r\n            transition: width 0.4s ease;\r\n        }\r\n\r\n        .benefit-item:hover::before {\r\n            width: 5px;\r\n        }\r\n\r\n        .benefit-item:hover {\r\n            background: #ff6b35;\r\n            color: white;\r\n            transform: translateX(15px);\r\n            box-shadow: 0 10px 30px rgba(255,107,53,0.3);\r\n        }\r\n\r\n        .benefit-item i {\r\n            color: #4caf50;\r\n            font-size: 1.8rem;\r\n            margin-right: 20px;\r\n            width: 40px;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .benefit-item:hover i {\r\n            color: white;\r\n            transform: scale(1.2);\r\n        }\r\n\r\n        .benefit-item span {\r\n            font-weight: 600;\r\n            font-size: 1.2rem;\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n\r\n        .benefits-image {\r\n            text-align: center;\r\n            position: relative;\r\n        }\r\n\r\n        .benefits-image img {\r\n            max-width: 100%;\r\n            border-radius: 30px;\r\n            box-shadow: 0 30px 80px rgba(0,0,0,0.2);\r\n            transition: transform 0.4s ease;\r\n        }\r\n\r\n        .benefits-image:hover img {\r\n            transform: scale(1.05);\r\n        }\r\n\r\n        \/* Gallery Section - Premium *\/\r\n        .gallery-section {\r\n            background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);\r\n            padding: 120px 0;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .gallery-section::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: -5%;\r\n            right: -15%;\r\n            width: 30%;\r\n            height: 110%;\r\n            background: linear-gradient(135deg, rgba(255,215,0,0.08), rgba(255,107,53,0.05));\r\n            border-radius: 40% 60% 30% 70% \/ 50% 30% 60% 40%;\r\n            animation: organicFloat 22s ease-in-out infinite;\r\n        }\r\n\r\n        .gallery-section h2 {\r\n            text-align: center;\r\n            font-size: 3rem;\r\n            color: #ff6b35;\r\n            margin-bottom: 60px;\r\n            font-weight: 800;\r\n        }\r\n\r\n        .gallery-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n            gap: 30px;\r\n            margin-bottom: 60px;\r\n        }\r\n\r\n        .gallery-card {\r\n            position: relative;\r\n            border-radius: 30px;\r\n            overflow: hidden;\r\n            box-shadow: \r\n                0 25px 60px rgba(0,0,0,0.15),\r\n                0 0 0 1px rgba(255,255,255,0.1);\r\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n            cursor: pointer;\r\n            background: rgba(255, 255, 255, 0.95);\r\n            backdrop-filter: blur(10px);\r\n            border: 1px solid rgba(255,255,255,0.2);\r\n        }\r\n\r\n        .gallery-card:hover {\r\n            transform: translateY(-10px);\r\n            box-shadow: 0 25px 60px rgba(0,0,0,0.3);\r\n        }\r\n\r\n        .gallery-card img {\r\n            width: 100%;\r\n            height: 250px;\r\n            object-fit: cover;\r\n            transition: transform 0.4s ease;\r\n        }\r\n\r\n        .gallery-card:hover img {\r\n            transform: scale(1.1);\r\n        }\r\n\r\n        .gallery-card-content {\r\n            position: absolute;\r\n            bottom: 0;\r\n            left: 0;\r\n            right: 0;\r\n            background: linear-gradient(transparent, rgba(0,0,0,0.9));\r\n            color: white;\r\n            padding: 25px;\r\n            transform: translateY(100%);\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .gallery-card:hover .gallery-card-content {\r\n            transform: translateY(0);\r\n        }\r\n\r\n        .gallery-card-content h4 {\r\n            font-size: 1.3rem;\r\n            font-weight: 700;\r\n            margin-bottom: 8px;\r\n        }\r\n\r\n        .gallery-card-content p {\r\n            font-size: 1rem;\r\n            opacity: 0.9;\r\n        }\r\n\r\n        \/* Testimonials Section *\/\r\n        .testimonials {\r\n            background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);\r\n            padding: 100px 0;\r\n            color: white;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .testimonials::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: -50%;\r\n            right: -20%;\r\n            width: 40%;\r\n            height: 200%;\r\n            background: #ffd700;\r\n            border-radius: 50%;\r\n            opacity: 0.1;\r\n            transform: rotate(15deg);\r\n        }\r\n\r\n        .testimonials h2 {\r\n            text-align: center;\r\n            font-size: 3rem;\r\n            margin-bottom: 60px;\r\n            font-weight: 800;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .testimonials-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\r\n            gap: 40px;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .testimonial-card {\r\n            background: rgba(255, 255, 255, 0.95);\r\n            backdrop-filter: blur(20px);\r\n            color: #333;\r\n            padding: 45px;\r\n            border-radius: 35px;\r\n            box-shadow: \r\n                0 30px 80px rgba(0,0,0,0.15),\r\n                0 0 0 1px rgba(255,255,255,0.2);\r\n            position: relative;\r\n            overflow: hidden;\r\n            border: 1px solid rgba(255,255,255,0.3);\r\n        }\r\n\r\n        .testimonial-card::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            height: 6px;\r\n            background: linear-gradient(90deg, #ff6b35, #ffd700, #00bcd4);\r\n            border-radius: 35px 35px 0 0;\r\n        }\r\n\r\n        .testimonial-card::after {\r\n            content: '';\r\n            position: absolute;\r\n            top: 25px;\r\n            right: 25px;\r\n            width: 50px;\r\n            height: 50px;\r\n            background: linear-gradient(135deg, rgba(255,107,53,0.1), rgba(255,215,0,0.05));\r\n            border-radius: 50%;\r\n            animation: organicFloat 12s ease-in-out infinite;\r\n        }\r\n\r\n        .testimonial-text {\r\n            font-size: 1.1rem;\r\n            line-height: 1.8;\r\n            margin-bottom: 25px;\r\n            font-style: italic;\r\n        }\r\n\r\n        .testimonial-author {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 15px;\r\n        }\r\n\r\n        .testimonial-avatar {\r\n            width: 60px;\r\n            height: 60px;\r\n            border-radius: 50%;\r\n            background: linear-gradient(135deg, #ff6b35, #f7931e);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: white;\r\n            font-size: 1.5rem;\r\n            font-weight: 700;\r\n        }\r\n\r\n        .testimonial-info h4 {\r\n            color: #ff6b35;\r\n            font-size: 1.2rem;\r\n            font-weight: 700;\r\n            margin-bottom: 5px;\r\n        }\r\n\r\n        .testimonial-info p {\r\n            color: #666;\r\n            font-size: 0.9rem;\r\n        }\r\n\r\n        \/* FAQ Section *\/\r\n        .faq {\r\n            background: #f8f9fa;\r\n            padding: 100px 0;\r\n        }\r\n\r\n        .faq h2 {\r\n            text-align: center;\r\n            font-size: 3rem;\r\n            color: #ff6b35;\r\n            margin-bottom: 60px;\r\n            font-weight: 800;\r\n        }\r\n\r\n        .faq-container {\r\n            max-width: 800px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .faq-item {\r\n            background: white;\r\n            margin-bottom: 20px;\r\n            border-radius: 15px;\r\n            box-shadow: 0 5px 20px rgba(0,0,0,0.1);\r\n            overflow: hidden;\r\n        }\r\n\r\n        .faq-question {\r\n            padding: 25px;\r\n            background: white;\r\n            border: none;\r\n            width: 100%;\r\n            text-align: left;\r\n            font-size: 1.2rem;\r\n            font-weight: 600;\r\n            color: #333;\r\n            cursor: pointer;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .faq-question:hover {\r\n            background: #f8f9fa;\r\n        }\r\n\r\n        .faq-question.active {\r\n            background: #ff6b35;\r\n            color: white;\r\n        }\r\n\r\n        .faq-answer {\r\n            padding: 0 25px;\r\n            max-height: 0;\r\n            overflow: hidden;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .faq-answer.active {\r\n            padding: 25px;\r\n            max-height: 200px;\r\n        }\r\n\r\n        .faq-answer p {\r\n            color: #666;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        .faq-icon {\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .faq-question.active .faq-icon {\r\n            transform: rotate(180deg);\r\n        }\r\n\r\n        \/* Location Section *\/\r\n        .location {\r\n            background: white;\r\n            padding: 100px 0;\r\n        }\r\n\r\n        .location h2 {\r\n            text-align: center;\r\n            font-size: 3rem;\r\n            color: #ff6b35;\r\n            margin-bottom: 60px;\r\n            font-weight: 800;\r\n        }\r\n\r\n        .location-content {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 60px;\r\n            align-items: center;\r\n        }\r\n\r\n        .location-info h3 {\r\n            color: #ff6b35;\r\n            font-size: 2rem;\r\n            margin-bottom: 30px;\r\n            font-weight: 700;\r\n        }\r\n\r\n        .location-info p {\r\n            color: #666;\r\n            font-size: 1.1rem;\r\n            line-height: 1.8;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .location-features {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 20px;\r\n            margin-top: 30px;\r\n        }\r\n\r\n        .location-feature {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 15px;\r\n            padding: 15px;\r\n            background: #f8f9fa;\r\n            border-radius: 15px;\r\n        }\r\n\r\n        .location-feature i {\r\n            color: #ff6b35;\r\n            font-size: 1.5rem;\r\n        }\r\n\r\n        .location-feature span {\r\n            font-weight: 600;\r\n            color: #333;\r\n        }\r\n\r\n        .location-map {\r\n            text-align: center;\r\n        }\r\n\r\n        .location-map iframe {\r\n            width: 100%;\r\n            height: 400px;\r\n            border-radius: 20px;\r\n            box-shadow: 0 20px 60px rgba(0,0,0,0.2);\r\n        }\r\n\r\n        \/* CTA Main Section *\/\r\n        .cta-main {\r\n            background: #ffd700;\r\n            padding: 100px 0;\r\n            text-align: center;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .cta-main::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: -50%;\r\n            right: -20%;\r\n            width: 40%;\r\n            height: 200%;\r\n            background: #ff6b35;\r\n            border-radius: 50%;\r\n            opacity: 0.1;\r\n            transform: rotate(15deg);\r\n        }\r\n\r\n        .cta-main h2 {\r\n            font-size: 3.5rem;\r\n            color: #ff6b35;\r\n            margin-bottom: 30px;\r\n            font-weight: 900;\r\n            position: relative;\r\n            z-index: 2;\r\n            text-shadow: 2px 2px 4px rgba(0,0,0,0.1);\r\n        }\r\n\r\n        .cta-main p {\r\n            font-size: 1.4rem;\r\n            color: #333;\r\n            margin-bottom: 40px;\r\n            max-width: 700px;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n            position: relative;\r\n            z-index: 2;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        .cta-button {\r\n            background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);\r\n            color: white;\r\n            padding: 25px 60px;\r\n            border: none;\r\n            border-radius: 50px;\r\n            font-size: 1.4rem;\r\n            font-weight: 800;\r\n            cursor: pointer;\r\n            transition: all 0.4s ease;\r\n            box-shadow: 0 15px 40px rgba(255, 107, 53, 0.4);\r\n            text-transform: uppercase;\r\n            letter-spacing: 2px;\r\n            position: relative;\r\n            z-index: 2;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .cta-button::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: -100%;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);\r\n            transition: left 0.5s ease;\r\n        }\r\n\r\n        .cta-button:hover::before {\r\n            left: 100%;\r\n        }\r\n\r\n        .cta-button:hover {\r\n            transform: translateY(-5px);\r\n            box-shadow: 0 20px 50px rgba(255, 107, 53, 0.6);\r\n        }\r\n\r\n        \/* Modal *\/\r\n        .modal {\r\n            display: none;\r\n            position: fixed;\r\n            z-index: 1000;\r\n            left: 0;\r\n            top: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background-color: rgba(0,0,0,0.7);\r\n            backdrop-filter: blur(5px);\r\n        }\r\n\r\n        .modal-content {\r\n            background-color: white;\r\n            margin: 3% auto;\r\n            padding: 50px;\r\n            border-radius: 30px;\r\n            width: 90%;\r\n            max-width: 600px;\r\n            position: relative;\r\n            box-shadow: 0 30px 80px rgba(0,0,0,0.5);\r\n            animation: modalSlideIn 0.3s ease;\r\n        }\r\n\r\n        @keyframes modalSlideIn {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(-50px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        .close {\r\n            color: #aaa;\r\n            float: right;\r\n            font-size: 32px;\r\n            font-weight: bold;\r\n            cursor: pointer;\r\n            position: absolute;\r\n            top: 20px;\r\n            right: 25px;\r\n            transition: color 0.3s ease;\r\n        }\r\n\r\n        .close:hover {\r\n            color: #ff6b35;\r\n        }\r\n\r\n        .modal h2 {\r\n            color: #ff6b35;\r\n            margin-bottom: 40px;\r\n            text-align: center;\r\n            font-size: 2.2rem;\r\n            font-weight: 800;\r\n        }\r\n\r\n        .form-group {\r\n            margin-bottom: 25px;\r\n        }\r\n\r\n        .form-group label {\r\n            display: block;\r\n            margin-bottom: 8px;\r\n            color: #333;\r\n            font-weight: 600;\r\n            font-size: 1.1rem;\r\n        }\r\n\r\n        .form-group input {\r\n            width: 100%;\r\n            padding: 18px;\r\n            border: 2px solid #ddd;\r\n            border-radius: 15px;\r\n            font-size: 1.1rem;\r\n            transition: all 0.3s ease;\r\n            font-family: 'Poppins', sans-serif;\r\n        }\r\n\r\n        .form-group input:focus {\r\n            outline: none;\r\n            border-color: #ff6b35;\r\n            box-shadow: 0 0 0 3px rgba(255, 107, 53, 0.1);\r\n        }\r\n\r\n        .form-submit {\r\n            background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);\r\n            color: white;\r\n            padding: 20px 40px;\r\n            border: none;\r\n            border-radius: 15px;\r\n            font-size: 1.2rem;\r\n            font-weight: 700;\r\n            cursor: pointer;\r\n            width: 100%;\r\n            transition: all 0.3s ease;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n        }\r\n\r\n        .form-submit:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 15px 30px rgba(255, 107, 53, 0.4);\r\n        }\r\n\r\n        \/* Responsive Design *\/\r\n        @media (max-width: 768px) {\r\n            \/* Liquid Elements Responsive *\/\r\n            .liquid-element {\r\n                opacity: 0.08;\r\n            }\r\n            \r\n            .liquid-small {\r\n                width: 80px;\r\n                height: 80px;\r\n            }\r\n            \r\n            .liquid-medium {\r\n                width: 120px;\r\n                height: 120px;\r\n            }\r\n            \r\n            .liquid-large {\r\n                width: 180px;\r\n                height: 180px;\r\n            }\r\n            \r\n            .liquid-top-left {\r\n                top: 5%;\r\n                left: 2%;\r\n            }\r\n            \r\n            .liquid-top-right {\r\n                top: 8%;\r\n                right: 3%;\r\n            }\r\n            \r\n            .liquid-bottom-left {\r\n                bottom: 15%;\r\n                left: 5%;\r\n            }\r\n            \r\n            .liquid-bottom-right {\r\n                bottom: 10%;\r\n                right: 2%;\r\n            }\r\n            \r\n            .liquid-center-left {\r\n                left: 1%;\r\n            }\r\n            \r\n            .liquid-center-right {\r\n                right: 1%;\r\n            }\r\n\r\n            \/* Static Liquid Elements Responsive *\/\r\n            .static-liquid-element {\r\n                opacity: 0.05;\r\n            }\r\n            \r\n            .static-liquid-small {\r\n                width: 60px;\r\n                height: 60px;\r\n            }\r\n            \r\n            .static-liquid-medium {\r\n                width: 90px;\r\n                height: 90px;\r\n            }\r\n            \r\n            .static-liquid-large {\r\n                width: 120px;\r\n                height: 120px;\r\n            }\r\n            \r\n            .static-liquid-top-center {\r\n                top: 15%;\r\n            }\r\n            \r\n            .static-liquid-middle-left {\r\n                left: 3%;\r\n            }\r\n            \r\n            .static-liquid-middle-right {\r\n                right: 3%;\r\n            }\r\n\r\n            \/* Logo Section Responsive *\/\r\n            .logo-section {\r\n                padding: 30px 20px;\r\n                margin-bottom: 30px;\r\n            }\r\n            \r\n            .logo-section img {\r\n                max-width: 280px;\r\n                margin-bottom: 20px;\r\n            }\r\n            \r\n            .main-title {\r\n                font-size: 1.8rem;\r\n                max-width: 100%;\r\n            }\r\n\r\n            .main-subtitle {\r\n                font-size: 1.1rem;\r\n            }\r\n\r\n            .main-description {\r\n                font-size: 1rem;\r\n            }\r\n\r\n            \/* Formul\u00e1rio Mobile *\/\r\n            .premium-input {\r\n                margin-bottom: 20px;\r\n            }\r\n            \r\n            .premium-input input {\r\n                padding: 18px 16px 10px 16px;\r\n                font-size: 0.95rem;\r\n                min-height: 50px;\r\n            }\r\n            \r\n            .premium-input label {\r\n                top: 18px;\r\n                left: 16px;\r\n                font-size: 0.95rem;\r\n            }\r\n            \r\n            .premium-input input:focus + label,\r\n            .premium-input input:not(:placeholder-shown) + label {\r\n                top: -6px;\r\n                left: 12px;\r\n                font-size: 0.75rem;\r\n            }\r\n\r\n            \/* CTA Button Mobile *\/\r\n            .cta-button {\r\n                padding: 20px 30px;\r\n                font-size: 1.1rem;\r\n                letter-spacing: 1px;\r\n                width: 100%;\r\n                max-width: 350px;\r\n                margin: 0 auto;\r\n                display: block;\r\n                text-align: center;\r\n                word-wrap: break-word;\r\n                white-space: normal;\r\n                line-height: 1.3;\r\n            }\r\n\r\n            \/* CTA Section Mobile *\/\r\n            .cta-section {\r\n                padding: 20px;\r\n                margin: 20px 0;\r\n            }\r\n\r\n            .cta-section h4 {\r\n                font-size: 1.2rem;\r\n                margin-bottom: 10px;\r\n            }\r\n\r\n            .cta-section h5 {\r\n                font-size: 1.8rem;\r\n                margin-bottom: 15px;\r\n            }\r\n\r\n            .units {\r\n                font-size: 0.9rem;\r\n                margin-bottom: 20px;\r\n            }\r\n\r\n            \/* FAQ Section Mobile *\/\r\n            .faq-container {\r\n                max-width: 100%;\r\n                padding: 0 15px;\r\n            }\r\n\r\n            .faq-item {\r\n                margin-bottom: 15px;\r\n                border-radius: 12px;\r\n            }\r\n\r\n            .faq-question {\r\n                padding: 20px 18px;\r\n                font-size: 1.1rem;\r\n                font-weight: 600;\r\n            }\r\n\r\n            .faq-answer {\r\n                padding: 0 18px;\r\n            }\r\n\r\n            .faq-answer.active {\r\n                padding: 18px;\r\n                max-height: 300px;\r\n            }\r\n\r\n            .faq-answer p {\r\n                font-size: 0.95rem;\r\n                line-height: 1.5;\r\n            }\r\n\r\n            .faq-icon {\r\n                font-size: 0.9rem;\r\n            }\r\n\r\n            \/* Benefits Section Mobile *\/\r\n            .benefits-grid {\r\n                padding: 0 20px;\r\n            }\r\n\r\n            .benefits-list {\r\n                padding: 40px 30px;\r\n                max-width: 100%;\r\n            }\r\n\r\n            .benefits h2 {\r\n                font-size: 2.5rem;\r\n                margin-bottom: 40px;\r\n            }\r\n\r\n            \/* Special Offer Mobile *\/\r\n            .discount-badge {\r\n                font-size: 1.4rem;\r\n                padding: 20px 25px;\r\n                margin-bottom: 30px;\r\n            }\r\n\r\n            .price-details .down-payment {\r\n                font-size: 1.8rem;\r\n            }\r\n\r\n            .price-details .installments {\r\n                font-size: 1.3rem;\r\n            }\r\n\r\n            .price-details .total {\r\n                font-size: 0.9rem;\r\n                padding: 10px;\r\n            }\r\n            .header-content {\r\n                grid-template-columns: 1fr;\r\n                text-align: center;\r\n                gap: 40px;\r\n            }\r\n\r\n            .main-title {\r\n                font-size: 1.4rem;\r\n            }\r\n\r\n            .main-subtitle {\r\n                font-size: 1.2rem;\r\n            }\r\n\r\n            .main-description {\r\n                font-size: 0.9rem;\r\n            }\r\n\r\n            \/* Highlight Section Mobile *\/\r\n            .highlight-title {\r\n                font-size: 1.1rem;\r\n                letter-spacing: 0.5px;\r\n            }\r\n\r\n            .highlight-subtitle {\r\n                font-size: 1rem;\r\n            }\r\n\r\n            .highlight-button {\r\n                padding: 15px 30px;\r\n                font-size: 1.1rem;\r\n            }\r\n\r\n            .benefits-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n\r\n            .offer-container {\r\n                grid-template-columns: 1fr;\r\n            }\r\n\r\n            .image-gallery {\r\n                grid-template-columns: 1fr;\r\n            }\r\n\r\n            .gallery-item.large {\r\n                grid-column: span 1;\r\n            }\r\n\r\n            .cta-main h2 {\r\n                font-size: 2.5rem;\r\n            }\r\n\r\n            .logo-a5 {\r\n                font-size: 3rem;\r\n            }\r\n\r\n            .logo-vc span {\r\n                font-size: 2rem;\r\n            }\r\n\r\n            .location-content {\r\n                grid-template-columns: 1fr;\r\n            }\r\n\r\n            .testimonials-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n\r\n            .gallery-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n\r\n            \/* Carrossel Mobile *\/\r\n            .carousel-container {\r\n                margin: 20px auto;\r\n                border-radius: 20px;\r\n            }\r\n\r\n            .carousel {\r\n                height: 300px;\r\n            }\r\n\r\n            .carousel-nav {\r\n                width: 50px;\r\n                height: 50px;\r\n                font-size: 1.2rem;\r\n            }\r\n\r\n            .carousel-nav.prev {\r\n                left: 10px;\r\n            }\r\n\r\n            .carousel-nav.next {\r\n                right: 10px;\r\n            }\r\n\r\n            .carousel-overlay {\r\n                padding: 20px;\r\n            }\r\n\r\n            .carousel-overlay h3 {\r\n                font-size: 1.4rem;\r\n            }\r\n\r\n            .carousel-overlay p {\r\n                font-size: 1rem;\r\n            }\r\n\r\n            .carousel-indicators {\r\n                bottom: 15px;\r\n            }\r\n\r\n            .carousel-indicator {\r\n                width: 10px;\r\n                height: 10px;\r\n            }\r\n\r\n            \/* Carrossel Principal Mobile *\/\r\n            .main-carousel-container {\r\n                margin: 20px auto;\r\n                border-radius: 25px;\r\n            }\r\n\r\n            .main-carousel {\r\n                height: 400px;\r\n            }\r\n\r\n            .main-carousel-nav {\r\n                width: 60px;\r\n                height: 60px;\r\n                font-size: 1.5rem;\r\n            }\r\n\r\n            .main-carousel-nav.prev {\r\n                left: 15px;\r\n            }\r\n\r\n            .main-carousel-nav.next {\r\n                right: 15px;\r\n            }\r\n\r\n            .main-carousel-overlay {\r\n                padding: 25px;\r\n            }\r\n\r\n            .main-carousel-overlay h3 {\r\n                font-size: 1.6rem;\r\n            }\r\n\r\n            .main-carousel-overlay p {\r\n                font-size: 1.1rem;\r\n            }\r\n\r\n            .main-carousel-indicators {\r\n                bottom: -50px;\r\n                gap: 10px;\r\n            }\r\n\r\n            .main-carousel-indicator {\r\n                width: 12px;\r\n                height: 12px;\r\n            }\r\n\r\n            \/* Elementos Decorativos Mobile *\/\r\n            .decorative-element {\r\n                opacity: 0.05 !important;\r\n            }\r\n\r\n            .decorative-large,\r\n            .decorative-xl {\r\n                width: 100px;\r\n                height: 100px;\r\n            }\r\n\r\n            .decorative-medium {\r\n                width: 80px;\r\n                height: 80px;\r\n            }\r\n\r\n            .decorative-small {\r\n                width: 60px;\r\n                height: 60px;\r\n            }\r\n\r\n            .decorative-top-left,\r\n            .decorative-top-right {\r\n                top: -5%;\r\n            }\r\n\r\n            .decorative-bottom-left,\r\n            .decorative-bottom-right {\r\n                bottom: -5%;\r\n            }\r\n        }\r\n\r\n        \/* Animations *\/\r\n        @keyframes fadeInUp {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(50px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        @keyframes float {\r\n            0%, 100% { transform: translateY(0px) rotate(0deg); }\r\n            50% { transform: translateY(-20px) rotate(5deg); }\r\n        }\r\n\r\n        @keyframes shine {\r\n            0% { transform: translateX(-100%); }\r\n            100% { transform: translateX(100%); }\r\n        }\r\n\r\n        .fade-in-up {\r\n            animation: fadeInUp 0.8s ease-out;\r\n        }\r\n\r\n        \/* Floating elements *\/\r\n        .floating {\r\n            position: absolute;\r\n            border-radius: 50%;\r\n            opacity: 0.1;\r\n        }\r\n\r\n        .floating-1 {\r\n            width: 120px;\r\n            height: 120px;\r\n            background: #ffd700;\r\n            top: 20%;\r\n            right: 10%;\r\n            animation: float 8s ease-in-out infinite;\r\n        }\r\n\r\n        .floating-2 {\r\n            width: 80px;\r\n            height: 80px;\r\n            background: #00bcd4;\r\n            bottom: 30%;\r\n            left: 5%;\r\n            animation: float 6s ease-in-out infinite reverse;\r\n        }\r\n\r\n        .floating-3 {\r\n            width: 60px;\r\n            height: 60px;\r\n            background: #ff6b35;\r\n            top: 60%;\r\n            right: 20%;\r\n            animation: float 4s ease-in-out infinite;\r\n        }\r\n\r\n        \/* Elementos Decorativos Arredondados *\/\r\n        .decorative-element {\r\n            position: absolute;\r\n            pointer-events: none;\r\n            z-index: 1;\r\n        }\r\n\r\n        \/* Liquid Elements - Static Rounded *\/\r\n        .liquid-element {\r\n            position: fixed;\r\n            pointer-events: none;\r\n            z-index: 0;\r\n            border-radius: 50% 30% 70% 40% \/ 40% 60% 30% 70%;\r\n            animation: liquidFloat 20s ease-in-out infinite;\r\n        }\r\n\r\n        .liquid-yellow {\r\n            background: linear-gradient(135deg, #fecc26, rgba(254, 204, 38, 0.8));\r\n            opacity: 0.15;\r\n        }\r\n\r\n        .liquid-blue {\r\n            background: linear-gradient(135deg, #53c6db, rgba(83, 198, 219, 0.8));\r\n            opacity: 0.12;\r\n        }\r\n\r\n        .liquid-small {\r\n            width: 120px;\r\n            height: 120px;\r\n        }\r\n\r\n        .liquid-medium {\r\n            width: 200px;\r\n            height: 200px;\r\n        }\r\n\r\n        .liquid-large {\r\n            width: 300px;\r\n            height: 300px;\r\n        }\r\n\r\n        .liquid-top-left {\r\n            top: 10%;\r\n            left: 5%;\r\n        }\r\n\r\n        .liquid-top-right {\r\n            top: 15%;\r\n            right: 8%;\r\n        }\r\n\r\n        .liquid-bottom-left {\r\n            bottom: 20%;\r\n            left: 10%;\r\n        }\r\n\r\n        .liquid-bottom-right {\r\n            bottom: 15%;\r\n            right: 5%;\r\n        }\r\n\r\n        .liquid-center-left {\r\n            top: 50%;\r\n            left: 3%;\r\n            transform: translateY(-50%);\r\n        }\r\n\r\n        .liquid-center-right {\r\n            top: 50%;\r\n            right: 3%;\r\n            transform: translateY(-50%);\r\n        }\r\n\r\n        @keyframes liquidFloat {\r\n            0%, 100% {\r\n                transform: translateY(0px) rotate(0deg) scale(1);\r\n                border-radius: 50% 30% 70% 40% \/ 40% 60% 30% 70%;\r\n            }\r\n            25% {\r\n                transform: translateY(-30px) rotate(90deg) scale(1.1);\r\n                border-radius: 30% 50% 40% 70% \/ 60% 40% 70% 30%;\r\n            }\r\n            50% {\r\n                transform: translateY(-15px) rotate(180deg) scale(0.9);\r\n                border-radius: 70% 40% 30% 50% \/ 20% 80% 40% 60%;\r\n            }\r\n            75% {\r\n                transform: translateY(-25px) rotate(270deg) scale(1.05);\r\n                border-radius: 40% 70% 50% 30% \/ 70% 30% 60% 40%;\r\n            }\r\n        }\r\n\r\n        \/* Static Liquid Elements - Over Content *\/\r\n        .static-liquid-element {\r\n            position: fixed;\r\n            pointer-events: none;\r\n            z-index: 10;\r\n            border-radius: 50% 30% 70% 40% \/ 40% 60% 30% 70%;\r\n            opacity: 0.08;\r\n        }\r\n\r\n        .static-liquid-yellow {\r\n            background: linear-gradient(135deg, #fecc26, rgba(254, 204, 38, 0.6));\r\n        }\r\n\r\n        .static-liquid-blue {\r\n            background: linear-gradient(135deg, #53c6db, rgba(83, 198, 219, 0.6));\r\n        }\r\n\r\n        .static-liquid-small {\r\n            width: 100px;\r\n            height: 100px;\r\n        }\r\n\r\n        .static-liquid-medium {\r\n            width: 150px;\r\n            height: 150px;\r\n        }\r\n\r\n        .static-liquid-large {\r\n            width: 220px;\r\n            height: 220px;\r\n        }\r\n\r\n        .static-liquid-top-center {\r\n            top: 20%;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n        }\r\n\r\n        .static-liquid-middle-left {\r\n            top: 50%;\r\n            left: 8%;\r\n            transform: translateY(-50%);\r\n        }\r\n\r\n        .static-liquid-middle-right {\r\n            top: 50%;\r\n            right: 8%;\r\n            transform: translateY(-50%);\r\n        }\r\n\r\n        .decorative-element.organic {\r\n            border-radius: 50% 30% 70% 40% \/ 40% 60% 30% 70%;\r\n            animation: organicFloat 12s ease-in-out infinite;\r\n        }\r\n\r\n        .decorative-element.wave {\r\n            border-radius: 50% 20% 80% 30% \/ 30% 70% 20% 80%;\r\n            animation: waveFloat 10s ease-in-out infinite;\r\n        }\r\n\r\n        .decorative-element.blob {\r\n            border-radius: 60% 40% 30% 70% \/ 30% 50% 60% 40%;\r\n            animation: blobFloat 8s ease-in-out infinite;\r\n        }\r\n\r\n        .decorative-element.sun {\r\n            border-radius: 50%;\r\n            animation: sunFloat 6s ease-in-out infinite;\r\n        }\r\n\r\n        \/* Cores dos Elementos Decorativos *\/\r\n        .decorative-orange {\r\n            background: linear-gradient(135deg, #ff6b35, #f7931e);\r\n            opacity: 0.15;\r\n        }\r\n\r\n        .decorative-yellow {\r\n            background: linear-gradient(135deg, #ffd700, #ffed4e);\r\n            opacity: 0.2;\r\n        }\r\n\r\n        .decorative-blue {\r\n            background: linear-gradient(135deg, #00bcd4, #4dd0e1);\r\n            opacity: 0.15;\r\n        }\r\n\r\n        .decorative-white {\r\n            background: linear-gradient(135deg, rgba(255,255,255,0.1), rgba(255,255,255,0.05));\r\n            opacity: 0.3;\r\n        }\r\n\r\n        \/* Tamanhos dos Elementos *\/\r\n        .decorative-small {\r\n            width: 80px;\r\n            height: 80px;\r\n        }\r\n\r\n        .decorative-medium {\r\n            width: 150px;\r\n            height: 150px;\r\n        }\r\n\r\n        .decorative-large {\r\n            width: 250px;\r\n            height: 250px;\r\n        }\r\n\r\n        .decorative-xl {\r\n            width: 350px;\r\n            height: 350px;\r\n        }\r\n\r\n        \/* Posicionamentos Espec\u00edficos *\/\r\n        .decorative-top-left {\r\n            top: -10%;\r\n            left: -5%;\r\n        }\r\n\r\n        .decorative-top-right {\r\n            top: -15%;\r\n            right: -10%;\r\n        }\r\n\r\n        .decorative-bottom-left {\r\n            bottom: -10%;\r\n            left: -8%;\r\n        }\r\n\r\n        .decorative-bottom-right {\r\n            bottom: -15%;\r\n            right: -5%;\r\n        }\r\n\r\n        .decorative-center-left {\r\n            top: 50%;\r\n            left: -5%;\r\n            transform: translateY(-50%);\r\n        }\r\n\r\n        .decorative-center-right {\r\n            top: 50%;\r\n            right: -8%;\r\n            transform: translateY(-50%);\r\n        }\r\n\r\n        .decorative-middle {\r\n            top: 30%;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n        }\r\n\r\n        \/* Anima\u00e7\u00f5es dos Elementos Decorativos *\/\r\n        @keyframes organicFloat {\r\n            0%, 100% { \r\n                transform: translateY(0px) rotate(0deg) scale(1);\r\n                border-radius: 50% 30% 70% 40% \/ 40% 60% 30% 70%;\r\n            }\r\n            25% { \r\n                transform: translateY(-20px) rotate(90deg) scale(1.1);\r\n                border-radius: 30% 50% 40% 70% \/ 60% 40% 70% 30%;\r\n            }\r\n            50% { \r\n                transform: translateY(-10px) rotate(180deg) scale(0.9);\r\n                border-radius: 70% 40% 30% 50% \/ 20% 80% 40% 60%;\r\n            }\r\n            75% { \r\n                transform: translateY(-15px) rotate(270deg) scale(1.05);\r\n                border-radius: 40% 70% 50% 30% \/ 70% 30% 60% 40%;\r\n            }\r\n        }\r\n\r\n        @keyframes waveFloat {\r\n            0%, 100% { \r\n                transform: translateY(0px) rotate(0deg);\r\n                border-radius: 50% 20% 80% 30% \/ 30% 70% 20% 80%;\r\n            }\r\n            33% { \r\n                transform: translateY(-15px) rotate(120deg);\r\n                border-radius: 20% 50% 30% 80% \/ 70% 30% 80% 20%;\r\n            }\r\n            66% { \r\n                transform: translateY(-5px) rotate(240deg);\r\n                border-radius: 80% 30% 50% 20% \/ 20% 80% 30% 70%;\r\n            }\r\n        }\r\n\r\n        @keyframes blobFloat {\r\n            0%, 100% { \r\n                transform: translateY(0px) scale(1);\r\n                border-radius: 60% 40% 30% 70% \/ 30% 50% 60% 40%;\r\n            }\r\n            50% { \r\n                transform: translateY(-25px) scale(1.2);\r\n                border-radius: 40% 60% 70% 30% \/ 50% 30% 40% 60%;\r\n            }\r\n        }\r\n\r\n        @keyframes sunFloat {\r\n            0%, 100% { \r\n                transform: translateY(0px) rotate(0deg);\r\n            }\r\n            50% { \r\n                transform: translateY(-30px) rotate(180deg);\r\n            }\r\n        }\r\n\r\n        \/* Elementos Decorativos por Se\u00e7\u00e3o *\/\r\n        .header .decorative-element {\r\n            opacity: 0.2;\r\n        }\r\n\r\n        .benefits .decorative-element {\r\n            opacity: 0.1;\r\n        }\r\n\r\n        .gallery-section .decorative-element {\r\n            opacity: 0.15;\r\n        }\r\n\r\n        .testimonials .decorative-element {\r\n            opacity: 0.1;\r\n        }\r\n\r\n        .location .decorative-element {\r\n            opacity: 0.12;\r\n        }\r\n\r\n        .cta-main .decorative-element {\r\n            opacity: 0.2;\r\n        }\r\n\r\n        \/* ===== NOVO TEMA YAH-2025 (fiel ao mock) ===== *\/\r\n        \/* Paleta predominante j\u00e1 existente (laranja, amarelo, azul) + ondas *\/\r\n        .yah2025 { --orange:#ff6b35; --orange2:#f7931e; --yellow:#ffd700; --blue:#26c6da; --bg:#ffffff; --text:#333; }\r\n\r\n        \/* Topbar + Navbar simples *\/\r\n        .yah-topbar { background:#fc1f56; color:#ffffff; font-size:12px; padding:6px 0; }\r\n        .yah-navbar { background: linear-gradient(90deg, #f5aa3a 0%, #c77b10 100%); border-bottom:1px solid rgba(255,255,255,0.08); color:#fff; position: relative; z-index: 30; }\r\n        .yah-navbar .container { display:flex; align-items:center; justify-content:space-between; padding:14px 20px; gap:16px; }\r\n        .yah-navbar .brand { display:flex; align-items:center; gap:10px; }\r\n        .yah-navbar .brand img { height:64px; filter: drop-shadow(0 2px 6px rgba(0,0,0,0.15)); }\r\n        .yah-navbar .nav-actions { display:flex; gap:10px; }\r\n        .yah-navbar .nav-actions .nav-cta { padding:10px 16px; border-radius:999px; font-size:12px; }\r\n        .yah-nav { display:flex; gap:26px; align-items:center; }\r\n        .yah-nav a { color:#ffffff; text-decoration:none; font-weight:600; font-size:13px; opacity:0.95; }\r\n        .yah-nav a:hover { opacity:1; text-decoration:underline; }\r\n\r\n        \/* Sub-banner abaixo do navbar *\/\r\n        .yah-sub-banner {\r\n            width: 100%;\r\n            height: 280px;\r\n            background: url('https:\/\/i.imgur.com\/hecNmPH.png') center top \/ cover no-repeat;\r\n            position: relative;\r\n            z-index: 10;\r\n        }\r\n        .yah-sub-banner::after { content:''; position:absolute; left:0; right:0; bottom:-1px; height:1px; background: transparent; }\r\n        @media (max-width: 900px) {\r\n            .yah-sub-banner { height: 160px; }\r\n        }\r\n\r\n        \/* Hero com ondas laranja *\/\r\n        .yah-hero-2025 { position:relative; background: radial-gradient(1200px 600px at 15% 20%, #09c0da 0%, #02a8c7 35%, #0196b4 60%, #0182a0 85%); margin-top: 0; overflow:hidden; }\r\n        .yah-hero-2025::before{ content:\"\"; position:absolute; inset:-10% -20% auto auto; height:120%; width:70%; background: radial-gradient(900px 500px at 70% 0%, rgba(255,168,0,.45), rgba(255,168,0,0)); pointer-events:none; }\r\n        .yah-hero-2025::after{ content:\"\"; position:absolute; left:-25%; top:30%; width:60%; height:60%; background: radial-gradient(closest-side, rgba(255,255,255,.12), rgba(255,255,255,0)); filter: blur(1px); border-radius:50%; }\r\n        .yah-hero-2025 .hero-inner { display:grid; grid-template-columns: 1.15fr 1fr; gap:36px; align-items:center; padding:56px 0 24px; position:relative; z-index:1; }\r\n        .yah-hero-title-2025 { color:#fff; font-size:56px; line-height:1.08; font-weight:900; text-shadow:0 10px 26px rgba(0,0,0,0.25); letter-spacing:.2px; }\r\n        .yah-hero-title-2025 .hi-yellow{ color:#ffe400; }\r\n        .yah-hero-title-2025 .hi-cyan{ color:#00e1ff; }\r\n        .yah-hero-sub-2025 { color:#eafcff; opacity:.96; margin-top:12px; font-size:18px; font-weight:600; }\r\n        .yah-hero-kicker { display:inline-block; background:#fc1f56; color:#fff; font-weight:700; padding:8px 14px; border-radius:999px; font-size:12px; letter-spacing:.4px; margin-bottom:12px; box-shadow:0 10px 24px rgba(252,31,86,.25); }\r\n        .yah-hero-actions { margin-top:18px; display:flex; gap:12px; align-items:center; flex-wrap:wrap; }\r\n        .btn-outline-light { background: transparent; border:2px solid rgba(255,255,255,.9); color:#fff; border-radius:50px; padding:13px 26px; font-weight:800; text-transform:uppercase; letter-spacing:1px; transition: all .25s ease; }\r\n        .btn-outline-light:hover { background: rgba(255,255,255,.12); transform: translateY(-2px); }\r\n        .yah-hero-imgwrap { position:relative; background: linear-gradient(135deg, #ffffff, #ffffff); border-radius:24px; padding:12px; box-shadow:0 28px 64px rgba(0,0,0,0.28); }\r\n        .yah-hero-imgwrap::after{ content:\"\"; position:absolute; inset:-18px -18px auto auto; width:120px; height:120px; background: radial-gradient(circle at 35% 35%, #59c4ff, #1b78d6); border-radius:50%; opacity:.18; filter: blur(4px); }\r\n        .yah-hero-imgwrap img { border-radius:18px; width:100%; height:360px; object-fit:cover; display:block; }\r\n        .media-pill { position:absolute; top:14px; left:14px; background: rgba(0,0,0,.45); color:#fff; font-weight:700; font-size:12px; padding:8px 12px; border-radius:999px; backdrop-filter: blur(6px); }\r\n        .media-play { position:absolute; right:18px; bottom:18px; width:62px; height:62px; border-radius:50%; background: rgba(255,255,255,.35); display:flex; align-items:center; justify-content:center; transition: transform .25s ease; }\r\n        .media-play:hover{ transform: scale(1.06); }\r\n        .yah-wave-bottom { display:block; width:100%; line-height:0; transform:translateY(1px); }\r\n\r\n        \/* Scalloped divider for hero bottom *\/\r\n        .scallop-hero {\r\n            position: relative;\r\n            width: 100%;\r\n            height: 120px;\r\n            background: #ffffff;\r\n            -webkit-mask: radial-gradient(80px at 80px -22px, transparent 79px, #000 80px) repeat-x;\r\n            mask: radial-gradient(80px at 80px -22px, transparent 79px, #000 80px) repeat-x;\r\n            -webkit-mask-size: 160px 160px;\r\n            mask-size: 160px 160px;\r\n        }\r\n        @media (max-width: 900px){\r\n            .scallop-hero { height: 90px; -webkit-mask-size: 120px 120px; mask-size: 120px 120px; -webkit-mask: radial-gradient(60px at 60px -18px, transparent 59px, #000 60px) repeat-x; mask: radial-gradient(60px at 60px -18px, transparent 59px, #000 60px) repeat-x; }\r\n        }\r\n\r\n        \/* Scallop edge (serrilhado) *\/\r\n        .scallop { position:relative; height:22px; background:#fff; mask: radial-gradient(11px at 11px 11px, #000 98%, transparent 100%) left\/22px 22px repeat-x; }\r\n\r\n        \/* Por que escolher - estilo do mock *\/\r\n        .yah-why { position:relative; background: radial-gradient(1200px 600px at 20% 10%, #ffb347 0%, #ff6b35 40%, #e34d1f 75%); padding: 60px 0 30px; overflow:hidden; }\r\n        .yah-why::before{ content:''; position:absolute; width:800px; height:800px; left:-200px; top:-200px; background:radial-gradient(closest-side, rgba(255,208,70,.55), rgba(255,208,70,0)); border-radius:50%; filter: blur(2px); }\r\n        .yah-why::after{ content:''; position:absolute; width:900px; height:900px; right:-250px; top:-250px; background:radial-gradient(closest-side, rgba(0,188,212,.28), rgba(0,188,212,0)); border-radius:50%; filter: blur(2px); }\r\n        .yah-why .grid { position:relative; z-index:1; display:grid; grid-template-columns: 1.1fr .9fr; gap:40px; align-items:center; }\r\n        .why-title { font-size:44px; line-height:1.1; font-weight:900; color:#fff; text-shadow:0 6px 18px rgba(0,0,0,.25); }\r\n        .why-title .hi { color:#ffd02c; }\r\n        .why-text { color:#fff; opacity:.95; font-size:15px; line-height:1.8; margin-top:14px; }\r\n        .why-badge { position:absolute; left: -190px; top: 120px; background: radial-gradient(circle at 30% 30%, #59c4ff, #1b78d6); color:#fff; width:160px; height:160px; border-radius:50%; display:flex; align-items:center; justify-content:center; text-align:center; padding:14px; box-shadow: 0 18px 40px rgba(0,0,0,.25); border:6px solid rgba(255,255,255,.4); font-weight:800; font-size:16px; transform: rotate(-12deg); }\r\n        .why-media { position:relative; border-radius:26px; box-shadow: 0 30px 60px rgba(0,0,0,.35); }\r\n        .why-media .frame { background:#fff; padding:10px; border-radius:26px; }\r\n        .why-media img { width:100%; height:360px; object-fit:cover; border-radius:20px; display:block; }\r\n        .why-play { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:78px; height:78px; border-radius:50%; background:#00c2d6; display:flex; align-items:center; justify-content:center; color:#fff; box-shadow:0 10px 26px rgba(0,0,0,.25); }\r\n        .why-play i { font-size:26px; margin-left:4px; }\r\n        .why-wave { position:relative; display:block; width:100%; line-height:0; margin-top:40px; }\r\n\r\n        \/* \u00cdcones redondos *\/\r\n        .yah-icons { background:transparent; padding:24px 0 12px; }\r\n        .yah-icons .items { display:grid; grid-template-columns: repeat(4,1fr); gap:24px; }\r\n        .yah-icon { background:#ffffff; border-radius:32px; padding:26px; box-shadow:0 16px 36px rgba(0,0,0,.08); display:grid; grid-template-columns:90px 1fr; align-items:center; min-height:140px; }\r\n        .yah-icon .sticker { width:76px; height:76px; border-radius:50%; display:flex; align-items:center; justify-content:center; margin:0 auto; color:#fff; font-size:28px; background: radial-gradient(circle at 35% 35%, #00e1ff, #00c7df); box-shadow: 0 6px 14px rgba(0,0,0,.12); }\r\n        .yah-icon h4 { font-size:20px; color:#00c7df; font-weight:900; line-height:1.15; margin:0 0 6px 0; }\r\n        .yah-icon p { font-size:14px; color:#fe7130; margin:0; line-height:1.4; }\r\n\r\n        \/* Galeria 2x3 *\/\r\n        .yah-gal { background:#fff; padding:30px 0 10px; }\r\n        .yah-gal .grid { display:grid; grid-template-columns: 1.2fr 1fr 1fr; grid-template-rows: auto auto; gap:24px; align-items:stretch; }\r\n        .yah-card { position:relative; border-radius:18px; overflow:hidden; box-shadow:0 18px 32px rgba(0,0,0,.14); background:#fff; }\r\n        .yah-card img { width:100%; height:260px; object-fit:cover; display:block; }\r\n        .yah-card.card-tall img { height:520px; }\r\n        .yah-card.card-wide img { height:260px; }\r\n        .yah-card.card-tall { grid-column: 1 \/ 2; grid-row: 1 \/ 3; }\r\n        .yah-card.card-wide { grid-column: 2 \/ 4; grid-row: 1 \/ 2; }\r\n        .yah-card.card-rt-1 { grid-column: 2 \/ 3; grid-row: 2 \/ 3; }\r\n        .yah-card.card-rt-2 { grid-column: 3 \/ 4; grid-row: 2 \/ 3; }\r\n        .yah-chip-sm { position:absolute; left:14px; bottom:14px; padding:10px 16px; background:#00c7df; color:#fff; border-radius:999px; font-size:14px; font-weight:700; box-shadow:0 10px 20px rgba(0,199,223,.25); }\r\n\r\n        \/* Cards Black\/Platinum *\/\r\n        .yah-cards-2025 { background:#fff; padding:14px 0 22px; }\r\n        .yah-cards-2025 .wrap { display:grid; grid-template-columns:1fr 1fr; gap:12px; }\r\n        .yah-tier { display:grid; grid-template-columns: 120px 1fr; gap:10px; align-items:center; background:#f7f7f7; border-radius:12px; padding:12px; box-shadow:0 10px 18px rgba(0,0,0,.06); }\r\n        .yah-mock { height:80px; border-radius:10px; background:linear-gradient(135deg,#2b2b2b,#585858); }\r\n        .yah-mock.plat { background:linear-gradient(135deg,#d7d7d7,#f2f2f2); }\r\n        .yah-tier h5 { font-size:14px; margin-bottom:4px; }\r\n        .yah-tier p { font-size:12px; color:#666; margin-bottom:8px; }\r\n        .yah-tier .premium-button { padding:8px 12px; font-size:12px; border-radius:999px; }\r\n\r\n        \/* Atra\u00e7\u00e3o com miniaturas *\/\r\n        .yah-attr { background:#fff; padding:20px 0 28px; }\r\n        .yah-attr h3 { color:#ff6b35; font-size:26px; font-weight:900; margin-bottom:14px; }\r\n        .yah-attr-hero { position:relative; border-radius:24px; overflow:hidden; box-shadow:0 32px 48px rgba(0,0,0,.22); }\r\n        .yah-attr-hero img { width:100%; height:520px; object-fit:cover; display:block; }\r\n        .attr-label { position:absolute; left:50%; top:50%; transform: translate(-50%,-50%); background:#f5c000; color:#fff; font-weight:800; padding:10px 16px; border-radius:999px; box-shadow:0 10px 24px rgba(0,0,0,.25); }\r\n        .attr-nav { position:absolute; top:50%; transform:translateY(-50%); background:rgba(0,0,0,.35); width:48px; height:48px; border:none; border-radius:50%; color:#fff; display:flex; align-items:center; justify-content:center; cursor:pointer; box-shadow:0 10px 20px rgba(0,0,0,.25); }\r\n        .attr-nav.prev { left:12px; }\r\n        .attr-nav.next { right:12px; }\r\n        .attr-nav:hover { background:rgba(0,0,0,.5); }\r\n        .yah-attr-thumbs { display:flex; gap:8px; flex-wrap:wrap; justify-content:center; margin-top:14px; }\r\n        .yah-attr-thumbs .thumb { width:120px; height:74px; border-radius:18px; overflow:hidden; border:2px solid transparent; box-shadow:0 8px 14px rgba(0,0,0,.12); cursor:pointer; position:relative; }\r\n        .yah-attr-thumbs .thumb.active { border-color:#ff6b35; }\r\n        .yah-attr-thumbs img { width:100%; height:100%; object-fit:cover; }\r\n\r\n        \/* Lightbox *\/\r\n        .attr-lightbox { display:none; position:fixed; z-index:1000; inset:0; background:rgba(0,0,0,.9); align-items:center; justify-content:center; }\r\n        .attr-lightbox.open { display:flex; }\r\n        .attr-lightbox-img { max-width:90%; max-height:85%; border-radius:12px; box-shadow:0 25px 50px rgba(0,0,0,.5); }\r\n        .attr-lightbox-close { position:absolute; top:20px; right:28px; color:#fff; font-size:28px; cursor:pointer; }\r\n        .attr-lightbox-nav { position:absolute; top:50%; transform:translateY(-50%); background:rgba(255,255,255,.15); width:56px; height:56px; border:none; border-radius:50%; color:#fff; display:flex; align-items:center; justify-content:center; cursor:pointer; }\r\n        .attr-lightbox-nav.prev { left:26px; }\r\n        .attr-lightbox-nav.next { right:26px; }\r\n\r\n        \/* Faixa colorida *\/\r\n        .yah-strip { background:linear-gradient(90deg,#ffe27a,#ffd24d,#ffb34d); padding:18px 0; text-align:center; }\r\n        .yah-strip b { color:#ff6b35; }\r\n\r\n        \/* FAQ\/Newsletter *\/\r\n        \/* FAQ (estilo da foto) *\/\r\n        .faq { background:#fff; padding:40px 0; }\r\n        .faq h2, .faq h3 { font-size:42px; color:#ff6b35; font-weight:900; margin-bottom:20px; }\r\n        .faq-container { max-width:980px; margin:0 auto; }\r\n        .faq-item { border-bottom:1px solid #eee; }\r\n        .faq-question { width:100%; text-align:left; padding:20px 16px; background:#fff; border:none; font-size:16px; font-weight:600; color:#333; display:flex; justify-content:space-between; align-items:center; transition:background .2s ease; }\r\n        .faq-question:hover { background:#fafafa; }\r\n        .faq-answer { padding:0 16px; max-height:0; overflow:hidden; transition: all .25s ease; color:#555; }\r\n        .faq-answer.active { padding:16px; max-height:260px; }\r\n        .faq-icon { margin-left:12px; }\r\n\r\n        .yah-news-2025 { background:#fff; padding:24px 0 48px; text-align:center; }\r\n        .yah-news-2025 .mini { display:flex; flex-direction:column; gap:14px; max-width:700px; margin:0 auto; align-items:stretch; }\r\n        .yah-news-2025 input[type=\"text\"],\r\n        .yah-news-2025 input[type=\"email\"] { height:44px; border:1px solid #eee; border-radius:8px; padding:0 14px; font-family:'Poppins',sans-serif; width:100%; }\r\n        .news-consent { display:flex; align-items:flex-start; gap:8px; font-size:12px; color:#666; }\r\n        .news-consent input { margin-top:2px; }\r\n        .btn-news { background:#36C3B3; color:#fff; border:none; border-radius:999px; height:40px; padding:0 24px; width:120px; font-weight:600; box-shadow:0 8px 18px rgba(54,195,179,.25); cursor:pointer; align-self:center; }\r\n\r\n        \/* Footer com ondas *\/\r\n        .yah-footer { position:relative; background:linear-gradient(180deg,#0a77d0 0%, #0860b8 100%); color:#fff; padding:70px 0 34px; overflow:hidden; }\r\n        \/* Onda branca superior *\/\r\n        .yah-footer::before{ content:\"\"; position:absolute; left:0; right:0; top:-70px; height:70px; background:#ffffff; -webkit-mask: radial-gradient(45px at 45px 70px, transparent 44px, #000 45px) repeat-x; mask: radial-gradient(45px at 45px 70px, transparent 44px, #000 45px) repeat-x; -webkit-mask-size: 90px 90px; mask-size: 90px 90px; }\r\n        \/* Mancha laranja inferior *\/\r\n        .yah-footer::after{ content:\"\"; position:absolute; right:-12%; bottom:-32%; width:72%; height:125%; background: radial-gradient(closest-side, #ff9a1a 0%, #ff7a00 60%, rgba(255,122,0,0) 61%); transform:rotate(-8deg); }\r\n        .yah-footer .cols { display:grid; grid-template-columns: 1.2fr 1fr 1fr 1fr; gap:32px; align-items:flex-start; position:relative; z-index:1; }\r\n        .yah-footer h4 { font-weight:800; margin:0 0 10px 0; letter-spacing:.2px; }\r\n        .yah-footer a { color:#fff; text-decoration:none; opacity:.9; }\r\n        .yah-footer a:hover { text-decoration:underline; }\r\n        .footer-brand img { height:44px; display:block; margin-bottom:14px; filter: drop-shadow(0 2px 4px rgba(0,0,0,.15)); }\r\n        .footer-links p { margin:6px 0; }\r\n        .footer-social .icons { display:flex; gap:12px; margin-top:8px; }\r\n        .footer-social .icons a { width:30px; height:30px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; background:rgba(255,255,255,.18); }\r\n        .footer-bottom { text-align:center; font-size:12px; opacity:.95; margin-top:30px; position:relative; z-index:1; }\r\n        @media (max-width: 900px){\r\n            .yah-footer .cols { grid-template-columns: 1fr 1fr; gap:18px; text-align:center; }\r\n            .footer-brand img { margin-left:auto; margin-right:auto; }\r\n        }\r\n\r\n        @media (max-width: 900px){\r\n            .yah-hero-2025 .hero-inner{ grid-template-columns:1fr; padding:28px 0 8px; }\r\n            .why-title{ font-size:32px; }\r\n            .why-badge{ position:static; width:130px; height:130px; margin:10px auto 0; transform:none;  }\r\n            .why-media img { height:220px; }\r\n            .yah-icons .items { grid-template-columns: repeat(2,1fr); }\r\n            .yah-gal .grid { grid-template-columns: repeat(2,1fr); }\r\n            .yah-cards-2025 .wrap { grid-template-columns:1fr; }\r\n            .yah-news-2025 .mini { grid-template-columns:1fr; }\r\n            .yah-footer .cols { grid-template-columns:1fr; }\r\n            .yah-hero-imgwrap img { height:220px; }\r\n            .yah-attr-hero img { height:260px; }\r\n            .yah-navbar .brand img { height:48px; }\r\n        }\r\n\r\n        .yah-hero {\r\n            position: relative;\r\n            background: linear-gradient(180deg, rgba(0,0,0,0.15), rgba(0,0,0,0.15)), url('https:\/\/i.imgur.com\/72x8Ywi.jpeg') center\/cover no-repeat;\r\n            min-height: 480px;\r\n            display: flex;\r\n            align-items: flex-end;\r\n            color: #fff;\r\n        }\r\n        .yah-hero .container { padding: 40px 20px; }\r\n        .yah-hero-title {\r\n            font-size: 2.2rem;\r\n            font-weight: 900;\r\n            text-shadow: 0 6px 20px rgba(0,0,0,0.35);\r\n            max-width: 640px;\r\n        }\r\n        .yah-hero-sub {\r\n            margin-top: 10px;\r\n            font-size: 1rem;\r\n            opacity: 0.95;\r\n        }\r\n        .yah-hero-cta {\r\n            margin-top: 18px;\r\n        }\r\n        .yah-hero .badge-note {\r\n            display: inline-block;\r\n            background: #00bcd4;\r\n            color: #fff;\r\n            font-weight: 700;\r\n            padding: 10px 14px;\r\n            border-radius: 999px;\r\n            font-size: 0.9rem;\r\n            margin-top: 10px;\r\n        }\r\n\r\n        .yah-features {\r\n            background: #fff;\r\n            padding: 40px 0;\r\n        }\r\n        .yah-features-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(4, minmax(0,1fr));\r\n            gap: 18px;\r\n        }\r\n        .yah-feature {\r\n            background: #fff;\r\n            border-radius: 16px;\r\n            box-shadow: 0 10px 20px rgba(0,0,0,0.06);\r\n            padding: 18px;\r\n            text-align: center;\r\n        }\r\n        .yah-feature i { color: #ff6b35; font-size: 1.4rem; }\r\n        .yah-feature h4 { margin-top: 10px; font-size: 1rem; color: #333; }\r\n        .yah-feature p { font-size: 0.85rem; color: #666; }\r\n\r\n        .yah-section-title {\r\n            font-size: 1.6rem;\r\n            font-weight: 900;\r\n            color: #ff6b35;\r\n            margin-bottom: 14px;\r\n        }\r\n\r\n        .yah-gallery6 { background: linear-gradient(180deg, #fff, #fff); padding: 30px 0 10px; }\r\n        .yah-gallery-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }\r\n        .yah-card-img { position: relative; border-radius: 14px; overflow: hidden; box-shadow: 0 12px 24px rgba(0,0,0,0.08); }\r\n        .yah-card-img img { width: 100%; height: 160px; object-fit: cover; display: block; }\r\n        .yah-chip { position: absolute; bottom: 8px; left: 8px; background: rgba(0,0,0,0.7); color: #fff; font-size: 0.75rem; padding: 6px 10px; border-radius: 999px; }\r\n\r\n        .yah-cards { background: #fff; padding: 24px 0; }\r\n        .yah-cards-wrap { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }\r\n        .yah-card-tier { display: grid; grid-template-columns: 140px 1fr; gap: 12px; align-items: center; background: #f7f7f7; border-radius: 12px; padding: 14px; box-shadow: 0 8px 18px rgba(0,0,0,0.06); }\r\n        .yah-card-mock { height: 90px; border-radius: 10px; background: linear-gradient(135deg, #2b2b2b, #585858); }\r\n        .yah-card-mock.silver { background: linear-gradient(135deg, #cfcfcf, #f2f2f2); }\r\n        .yah-card-tier h5 { font-size: 1rem; margin-bottom: 6px; }\r\n        .yah-card-tier p { font-size: 0.85rem; color: #666; }\r\n        .yah-card-tier .premium-button { padding: 10px 16px; font-size: 0.85rem; border-radius: 999px; }\r\n\r\n        .yah-attraction { background: #fff; padding: 30px 0; }\r\n        .yah-attraction-hero { border-radius: 16px; overflow: hidden; box-shadow: 0 18px 32px rgba(0,0,0,0.12); }\r\n        .yah-attraction-hero img { width: 100%; height: 360px; object-fit: cover; display: block; }\r\n        .yah-attraction-thumbs { display: flex; gap: 6px; justify-content: center; margin-top: 10px; flex-wrap: wrap; }\r\n        .yah-thumb { width: 64px; height: 40px; border-radius: 8px; overflow: hidden; box-shadow: 0 6px 12px rgba(0,0,0,0.1); cursor: pointer; border: 2px solid transparent; }\r\n        .yah-thumb.active { border-color: #ff6b35; }\r\n        .yah-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }\r\n\r\n        .yah-news { background: #fff; padding: 26px 0 50px; }\r\n        .yah-news .mini-form { display: grid; grid-template-columns: 1fr 1fr 120px; gap: 10px; }\r\n        .yah-news input { height: 42px; border: 1px solid #e5e5e5; border-radius: 10px; padding: 0 12px; font-family: 'Poppins', sans-serif; }\r\n        .yah-news .premium-button { border-radius: 10px; padding: 12px; letter-spacing: 0.5px; }\r\n\r\n        @media (max-width: 900px) {\r\n            .yah-features-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }\r\n            .yah-gallery-grid { grid-template-columns: repeat(2, 1fr); }\r\n            .yah-cards-wrap { grid-template-columns: 1fr; }\r\n            .yah-card-tier { grid-template-columns: 1fr; }\r\n            .yah-news .mini-form { grid-template-columns: 1fr; }\r\n            .yah-attraction-hero img { height: 260px; }\r\n        }\r\n\r\n        \/* ===== FIM NOVO TEMA ===== *\/\r\n\r\n        \/* PREMIUM UX\/UI ENHANCEMENTS *\/\r\n\r\n        \/* Micro-interactions e Hover Effects Premium *\/\r\n        .premium-hover {\r\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .premium-hover::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: -100%;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);\r\n            transition: left 0.6s ease;\r\n        }\r\n\r\n        .premium-hover:hover::before {\r\n            left: 100%;\r\n        }\r\n\r\n        .premium-hover:hover {\r\n            transform: translateY(-8px) scale(1.02);\r\n            box-shadow: 0 25px 50px rgba(0,0,0,0.15);\r\n        }\r\n\r\n        \/* Glassmorphism Effects *\/\r\n        .glass-effect {\r\n            background: rgba(255, 255, 255, 0.1);\r\n            backdrop-filter: blur(20px);\r\n            border: 1px solid rgba(255, 255, 255, 0.2);\r\n            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);\r\n        }\r\n\r\n        .glass-card {\r\n            background: rgba(255, 255, 255, 0.05);\r\n            backdrop-filter: blur(15px);\r\n            border: 1px solid rgba(255, 255, 255, 0.1);\r\n            border-radius: 20px;\r\n            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);\r\n        }\r\n\r\n        \/* Neumorphism Elements *\/\r\n        .neumorphism {\r\n            background: #f8f9fa;\r\n            box-shadow: \r\n                20px 20px 60px #d1d9e6,\r\n                -20px -20px 60px #ffffff;\r\n            border-radius: 20px;\r\n        }\r\n\r\n        .neumorphism-inset {\r\n            background: #f8f9fa;\r\n            box-shadow: \r\n                inset 20px 20px 60px #d1d9e6,\r\n                inset -20px -20px 60px #ffffff;\r\n            border-radius: 20px;\r\n        }\r\n\r\n        \/* Loading States *\/\r\n        .loading-skeleton {\r\n            background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);\r\n            background-size: 200% 100%;\r\n            animation: loading 1.5s infinite;\r\n        }\r\n\r\n        @keyframes loading {\r\n            0% { background-position: 200% 0; }\r\n            100% { background-position: -200% 0; }\r\n        }\r\n\r\n        \/* Parallax Effects *\/\r\n        .parallax-element {\r\n            transform: translateZ(0);\r\n            will-change: transform;\r\n        }\r\n\r\n        \/* Scroll-triggered Animations *\/\r\n        .scroll-reveal {\r\n            opacity: 0;\r\n            transform: translateY(50px);\r\n            transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n        }\r\n\r\n        .scroll-reveal.revealed {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n\r\n        \/* Premium Button Effects *\/\r\n        .premium-button {\r\n            position: relative;\r\n            overflow: hidden;\r\n            background: linear-gradient(135deg, #35aeff 0%, #2981d3 100%);\r\n            border: none;\r\n            border-radius: 50px;\r\n            padding: 15px 40px;\r\n            color: white;\r\n            font-weight: 700;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n            cursor: pointer;\r\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n            box-shadow: 0 10px 30px rgba(53, 107, 255, 0.3);\r\n        }\r\n\r\n        .premium-button::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: -100%;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);\r\n            transition: left 0.6s ease;\r\n        }\r\n\r\n        .premium-button:hover::before {\r\n            left: 100%;\r\n        }\r\n\r\n        .premium-button:hover {\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 20px 40px rgba(29, 124, 212, 0.6);\r\n        }\r\n\r\n        .premium-button:active {\r\n            transform: translateY(-1px);\r\n        }\r\n\r\n        \/* Card Hover Effects *\/\r\n        .premium-card {\r\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .premium-card::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            background: linear-gradient(135deg, rgba(255,107,53,0.1), rgba(255,215,0,0.1));\r\n            opacity: 0;\r\n            transition: opacity 0.4s ease;\r\n        }\r\n\r\n        .premium-card:hover::before {\r\n            opacity: 1;\r\n        }\r\n\r\n        .premium-card:hover {\r\n            transform: translateY(-10px) scale(1.02);\r\n            box-shadow: 0 25px 50px rgba(0,0,0,0.15);\r\n        }\r\n\r\n        \/* Typography Enhancements *\/\r\n        .premium-text {\r\n            background: linear-gradient(135deg, #ff6b35, #f7931e, #ffd700);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            background-clip: text;\r\n            font-weight: 800;\r\n        }\r\n\r\n        .text-shadow-premium {\r\n            text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\r\n        }\r\n\r\n        \/* Interactive Elements *\/\r\n        .interactive-element {\r\n            cursor: pointer;\r\n            transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n        }\r\n\r\n        .interactive-element:hover {\r\n            transform: scale(1.05);\r\n        }\r\n\r\n        .interactive-element:active {\r\n            transform: scale(0.95);\r\n        }\r\n\r\n        \/* Progress Indicators *\/\r\n        .progress-bar {\r\n            width: 100%;\r\n            height: 4px;\r\n            background: rgba(255,255,255,0.2);\r\n            border-radius: 2px;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .progress-fill {\r\n            height: 100%;\r\n            background: linear-gradient(90deg, #ff6b35, #ffd700);\r\n            border-radius: 2px;\r\n            transition: width 0.3s ease;\r\n        }\r\n\r\n        \/* Floating Action Elements *\/\r\n        .floating-action {\r\n            position: fixed;\r\n            bottom: 30px;\r\n            right: 30px;\r\n            width: 60px;\r\n            height: 60px;\r\n            background: linear-gradient(135deg, #ff6b35, #f7931e);\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: white;\r\n            font-size: 1.5rem;\r\n            box-shadow: 0 10px 30px rgba(255, 107, 53, 0.4);\r\n            cursor: pointer;\r\n            transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n            z-index: 1000;\r\n        }\r\n\r\n        .floating-action:hover {\r\n            transform: scale(1.1);\r\n            box-shadow: 0 15px 40px rgba(255, 107, 53, 0.6);\r\n        }\r\n\r\n        \/* Notification System *\/\r\n        .notification {\r\n            position: fixed;\r\n            top: 20px;\r\n            right: 20px;\r\n            background: white;\r\n            padding: 20px;\r\n            border-radius: 15px;\r\n            box-shadow: 0 10px 30px rgba(0,0,0,0.1);\r\n            transform: translateX(400px);\r\n            transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n            z-index: 1001;\r\n        }\r\n\r\n        .notification.show {\r\n            transform: translateX(0);\r\n        }\r\n\r\n        \/* Enhanced Form Elements *\/\r\n        .premium-input {\r\n            position: relative;\r\n            margin-bottom: 25px;\r\n        }\r\n\r\n        .premium-input input {\r\n            width: 100%;\r\n            padding: 20px 20px 12px 20px;\r\n            border: 2px solid #e0e0e0;\r\n            border-radius: 12px;\r\n            font-size: 1rem;\r\n            transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n            background: rgba(255,255,255,0.9);\r\n            backdrop-filter: blur(10px);\r\n            min-height: 55px;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .premium-input input:focus {\r\n            outline: none;\r\n            border-color: #ff6b35;\r\n            box-shadow: 0 0 0 3px rgba(255, 107, 53, 0.1);\r\n            transform: translateY(-2px);\r\n        }\r\n\r\n        .premium-input label {\r\n            position: absolute;\r\n            top: 20px;\r\n            left: 20px;\r\n            color: #666;\r\n            transition: all 0.3s ease;\r\n            pointer-events: none;\r\n            font-size: 1rem;\r\n        }\r\n\r\n        .premium-input input:focus + label,\r\n        .premium-input input:not(:placeholder-shown) + label {\r\n            top: -8px;\r\n            left: 15px;\r\n            font-size: 0.8rem;\r\n            color: #ff6b35;\r\n            background: white;\r\n            padding: 0 5px;\r\n        }\r\n\r\n        \/* Enhanced Carousel *\/\r\n        .carousel-enhanced {\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .carousel-enhanced::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            background: linear-gradient(45deg, transparent 30%, rgba(255,255,255,0.1) 50%, transparent 70%);\r\n            pointer-events: none;\r\n            z-index: 2;\r\n        }\r\n\r\n        \/* Smooth Scrolling *\/\r\n        html {\r\n            scroll-behavior: smooth;\r\n        }\r\n\r\n        \/* Custom Scrollbar *\/\r\n        ::-webkit-scrollbar {\r\n            width: 8px;\r\n        }\r\n\r\n        ::-webkit-scrollbar-track {\r\n            background: #f1f1f1;\r\n        }\r\n\r\n        ::-webkit-scrollbar-thumb {\r\n            background: linear-gradient(135deg, #ff6b35, #ffd700);\r\n            border-radius: 4px;\r\n        }\r\n\r\n        ::-webkit-scrollbar-thumb:hover {\r\n            background: linear-gradient(135deg, #f7931e, #ffed4e);\r\n        }\r\n\r\n        \/* Scroll indicator *\/\r\n        .scroll-indicator {\r\n            position: fixed;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 4px;\r\n            background: #ddd;\r\n            z-index: 9999;\r\n        }\r\n\r\n        .scroll-progress {\r\n            height: 100%;\r\n            background: linear-gradient(90deg, #ff6b35, #ffd700, #00bcd4);\r\n            width: 0%;\r\n            transition: width 0.1s ease;\r\n        }\r\n\r\n        \/* Breakpoint adicional: <= 640px (celulares grandes) *\/\r\n        @media (max-width: 640px) {\r\n            .main-carousel { height: 360px; }\r\n            .main-carousel-nav { width: 48px; height: 48px; font-size: 1.2rem; }\r\n            .main-carousel-nav.prev { left: 12px; }\r\n            .main-carousel-nav.next { right: 12px; }\r\n            .main-carousel-indicators { bottom: -45px; gap: 8px; }\r\n            .main-carousel-indicator { width: 10px; height: 10px; border-width: 1px; }\r\n        }\r\n\r\n        \/* Breakpoint adicional: <= 480px (celulares pequenos, iPhone SE, etc.) *\/\r\n        @media (max-width: 480px) {\r\n            .main-carousel { height: 320px; }\r\n            .main-carousel-nav { width: 40px; height: 40px; font-size: 1rem; }\r\n            .main-carousel-nav.prev { left: 10px; }\r\n            .main-carousel-nav.next { right: 10px; }\r\n            .main-carousel-indicators { bottom: -40px; gap: 6px; }\r\n            .main-carousel-indicator { width: 8px; height: 8px; border-width: 1px; }\r\n\r\n            \/* CTA Button Extra Small *\/\r\n            .cta-button {\r\n                padding: 18px 25px;\r\n                font-size: 1rem;\r\n                letter-spacing: 0.5px;\r\n                max-width: 300px;\r\n                line-height: 1.2;\r\n            }\r\n\r\n            \/* FAQ Extra Small *\/\r\n            .faq-container {\r\n                padding: 0 10px;\r\n            }\r\n\r\n            .faq-item {\r\n                margin-bottom: 12px;\r\n                border-radius: 10px;\r\n            }\r\n\r\n            .faq-question {\r\n                padding: 18px 15px;\r\n                font-size: 1rem;\r\n            }\r\n\r\n            .faq-answer {\r\n                padding: 0 15px;\r\n            }\r\n\r\n            .faq-answer.active {\r\n                padding: 15px;\r\n                max-height: 250px;\r\n            }\r\n\r\n            .faq-answer p {\r\n                font-size: 0.9rem;\r\n                line-height: 1.4;\r\n            }\r\n\r\n            .faq-icon {\r\n                font-size: 0.8rem;\r\n            }\r\n        }\r\n\r\n        \/* Telas muito grandes: >= 1536px (monitores 2K\/4K) *\/\r\n        @media (min-width: 1536px) {\r\n            .main-carousel-container { max-width: 1600px; }\r\n            .main-carousel { height: 720px; }\r\n            .main-carousel-indicators { bottom: -70px; gap: 18px; }\r\n            .main-carousel-indicator { width: 18px; height: 18px; }\r\n\r\n            \/* FAQ Large Screens *\/\r\n            .faq-container { max-width: 900px; }\r\n            .faq-question { padding: 30px; font-size: 1.3rem; }\r\n            .faq-answer.active { padding: 30px; max-height: 250px; }\r\n            .faq-answer p { font-size: 1.1rem; line-height: 1.7; }\r\n        }\r\n\r\n        \/* SweetAlert Custom Styles *\/\r\n        .swal-wide {\r\n            width: 90% !important;\r\n            max-width: 500px !important;\r\n        }\r\n\r\n        .swal2-popup {\r\n            border-radius: 20px !important;\r\n            font-family: 'Poppins', sans-serif !important;\r\n        }\r\n\r\n        .swal2-title {\r\n            font-weight: 700 !important;\r\n            color: #333 !important;\r\n        }\r\n\r\n        .swal2-html-container {\r\n            font-size: 1rem !important;\r\n            line-height: 1.6 !important;\r\n        }\r\n\r\n        .swal2-confirm {\r\n            background-color: #ff6b35 !important;\r\n            border: none !important;\r\n            border-radius: 10px !important;\r\n            font-weight: 600 !important;\r\n            padding: 12px 30px !important;\r\n        }\r\n\r\n        .swal2-confirm:hover {\r\n            background-color: #e55a2b !important;\r\n        }\r\n        \/* --- Ajustes adicionais de responsividade --- *\/\r\n        @media (max-width: 900px){\r\n            .yah-attr-thumbs .thumb { width:86px; height:52px; border-radius:14px; }\r\n            .gallery-section .gallery-card img { height:220px; }\r\n            .yah-navbar .container { flex-wrap:wrap; }\r\n            .yah-nav { flex-wrap:wrap; justify-content:center; gap:14px; }\r\n            .yah-hero-title-2025 { font-size:40px; }\r\n        }\r\n        @media (max-width: 600px){\r\n            .yah-attr-hero img { height:220px; }\r\n        }\r\n        @media (max-width: 480px){\r\n            .yah-attr-thumbs .thumb { width:72px; height:44px; border-radius:10px; }\r\n            .gallery-section .gallery-card img { height:180px; }\r\n            .yah-navbar .container { flex-direction:column; gap:8px; }\r\n            .yah-hero-title-2025 { font-size:32px; }\r\n        }\r\n        <\/style>\r\n        <script>\r\n        (function(){\r\n            try {\r\n                const params = new URLSearchParams(window.location.search);\r\n                if (params.get('legacy') === '1') {\r\n                    const s = document.createElement('style');\r\n                    s.innerHTML = '.yah2025{display:none!important}.legacy{display:initial!important}';\r\n                    document.head.appendChild(s);\r\n                }\r\n            } catch(e) {}\r\n        })();\r\n        <\/script>\r\n\r\n    <!-- Meta Pixel Code -->\r\n    <script>\r\n    !function(f,b,e,v,n,t,s)\r\n    {if(f.fbq)return;n=f.fbq=function(){n.callMethod?\r\n    n.callMethod.apply(n,arguments):n.queue.push(arguments)};\r\n    if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';\r\n    n.queue=[];t=b.createElement(e);t.async=!0;\r\n    t.src=v;s=b.getElementsByTagName(e)[0];\r\n    s.parentNode.insertBefore(t,s)}(window, document,'script',\r\n    'https:\/\/connect.facebook.net\/en_US\/fbevents.js');\r\n    fbq('init', '811765141723672');\r\n    fbq('track', 'PageView');\r\n    <\/script>\r\n    <noscript><img decoding=\"async\" height=\"1\" width=\"1\" style=\"display:none\"\r\n    src=\"https:\/\/www.facebook.com\/tr?id=811765141723672&ev=PageView&noscript=1\"\r\n    \/><\/noscript>\r\n    <!-- End Meta Pixel Code -->\r\n\r\n    <\/head>\r\n    <body>\r\n        <!-- Google Tag Manager (noscript) -->\r\n        <noscript><iframe src=\"https:\/\/www.googletagmanager.com\/ns.html?id=GTM-KR8GW3GQ\"\r\n        height=\"0\" width=\"0\" style=\"display:none;visibility:hidden\"><\/iframe><\/noscript>\r\n        <!-- End Google Tag Manager (noscript) -->\r\n        <!-- Liquid Elements - Static Rounded -->\r\n        <div class=\"liquid-element liquid-yellow liquid-large liquid-top-left\"><\/div>\r\n        <div class=\"liquid-element liquid-blue liquid-medium liquid-top-right\"><\/div>\r\n        <div class=\"liquid-element liquid-yellow liquid-small liquid-bottom-left\"><\/div>\r\n        <div class=\"liquid-element liquid-blue liquid-large liquid-bottom-right\"><\/div>\r\n        <div class=\"liquid-element liquid-yellow liquid-medium liquid-center-left\"><\/div>\r\n        <div class=\"liquid-element liquid-blue liquid-small liquid-center-right\"><\/div>\r\n\r\n        <!-- Static Liquid Elements - Over Content -->\r\n        <div class=\"static-liquid-element static-liquid-yellow static-liquid-large static-liquid-top-center\"><\/div>\r\n        <div class=\"static-liquid-element static-liquid-blue static-liquid-medium static-liquid-middle-left\"><\/div>\r\n        <div class=\"static-liquid-element static-liquid-yellow static-liquid-small static-liquid-middle-right\"><\/div>\r\n\r\n    <!-- Scroll Indicator -->\r\n    <div class=\"scroll-indicator\">\r\n        <div class=\"scroll-progress\" id=\"scrollProgress\"><\/div>\r\n                        <\/div>\r\n\r\n    <!-- NOVA ESTRUTURA YAH-2025 -->\r\n    <div class=\"yah2025\">\r\n        <div class=\"yah-topbar\">\r\n            <div class=\"container\" style=\"display:flex;justify-content:center;gap:10px;\">\r\n                <span>O seu ref\u00fagio vital\u00edcio em Arapiraca<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n        <div class=\"yah-navbar\">\r\n            <div class=\"container\">\r\n                <div class=\"brand\">\r\n                    <img decoding=\"async\" src=\"https:\/\/i.imgur.com\/ajiiUyL.png\" alt=\"Clube Rancho A5VC\">\r\n                        <\/div>\r\n                <nav class=\"yah-nav\">\r\n                    <a href=\"#sobre\">Sobre<\/a>\r\n                    <a href=\"#condicoes\">Cart\u00f5es<\/a>\r\n                    <a href=\"#atracoes\">Atra\u00e7\u00f5es<\/a>\r\n                    <a href=\"#reserva\">Fa\u00e7a sua reserva<\/a>\r\n                <\/nav>\r\n                <div class=\"nav-actions\">\r\n                    <button class=\"premium-button nav-cta\" onclick=\"openModal()\">Fale Conosco<\/button>\r\n                        <\/div>\r\n                    <\/div>\r\n                        <\/div>\r\n\r\n        <!-- Sub-banner abaixo do navbar -->\r\n        <div class=\"yah-sub-banner\"><\/div>\r\n\r\n        <section class=\"yah-hero-2025\">\r\n            <div class=\"container hero-inner\">\r\n                <div>\r\n                    <span class=\"yah-hero-kicker\">Clube Rancho A5VC<\/span>\r\n                    <h1 class=\"yah-hero-title-2025\">\r\n                        TENHA O <span class=\"hi-yellow\">SEU CHAL\u00c9<\/span><br>\r\n                        EM NOSSO <span class=\"hi-cyan\">PARQUE AQU\u00c1TICO<\/span>\r\n                    <\/h1>\r\n                    <p class=\"yah-hero-sub-2025\">Cadastre-se agora e receba condi\u00e7\u00f5es especiais de pr\u00e9\u2011venda.<\/p>\r\n                    <div class=\"yah-hero-actions\">\r\n                        <button class=\"premium-button\" onclick=\"openModal()\">Quero meu T\u00edtulo<\/button>\r\n                        <button class=\"btn-outline-light\" onclick=\"document.getElementById('condicoes').scrollIntoView({behavior:'smooth'})\">Ver condi\u00e7\u00f5es<\/button>\r\n                            <\/div>\r\n                        <\/div>\r\n                <div class=\"yah-hero-imgwrap\">\r\n                    <span class=\"media-pill\">Vista do Clube<\/span>\r\n                    <img decoding=\"async\" src=\"https:\/\/i.imgur.com\/72x8Ywi.jpeg\" alt=\"Entrada do Park\">\r\n                    <div class=\"media-play\">\r\n                        <i class=\"fas fa-play\" style=\"color:#fff;font-size:20px;margin-left:2px\"><\/i>\r\n                    <\/div>\r\n                    <\/div>\r\n                    <\/div>\r\n            <div class=\"scallop-hero\"><\/div>\r\n        <\/section>\r\n\r\n        <section class=\"yah-icons\">\r\n            <div class=\"container items\">\r\n                <div class=\"yah-icon\"><div class=\"sticker\"><i class=\"fas fa-face-grin-beam\"><\/i><\/div><div><h4>Divers\u00e3o para todas as idades<\/h4><p>De tobo\u00e1guas radicais a \u00e1reas infantis seguras.<\/p><\/div><\/div>\r\n                <div class=\"yah-icon\"><div class=\"sticker\"><i class=\"fas fa-location-dot\"><\/i><\/div><div><h4>Localiza\u00e7\u00e3o privilegiada<\/h4><p>No cora\u00e7\u00e3o de Lu\u00eds Correia, com vista para o mar.<\/p><\/div><\/div>\r\n                <div class=\"yah-icon\"><div class=\"sticker\"><i class=\"fas fa-square-check\"><\/i><\/div><div><h4>Estrutura completa<\/h4><p>Gastronomia, lazer e conforto em um s\u00f3 lugar.<\/p><\/div><\/div>\r\n                <div class=\"yah-icon\"><div class=\"sticker\"><i class=\"fas fa-image\"><\/i><\/div><div><h4>Momentos inesquec\u00edveis<\/h4><p>Crie mem\u00f3rias duradouras com quem voc\u00ea ama.<\/p><\/div><\/div>\r\n                        <\/div>\r\n        <\/section>\r\n        \r\n        <section class=\"yah-why\" id=\"sobre\">\r\n            <div class=\"container grid\">\r\n                <div style=\"position:relative;\">\r\n                    <h2 class=\"why-title\">Por que escolher o <span class=\"hi\">Clube Rancho A5VC?<\/span><\/h2>\r\n                    <p class=\"why-text\">Em Arapiraca, o A5VC re\u00fane natureza, conforto e lazer em um s\u00f3 lugar. Chal\u00e9s planejados, \u00e1reas de descanso e uma estrutura completa para viver momentos inesquec\u00edveis.<\/p>\r\n                    <p class=\"why-text\">\u00c9 o seu ref\u00fagio vital\u00edcio: seguran\u00e7a, comodidade e experi\u00eancias para toda a fam\u00edlia \u2013 todos os dias do ano.<\/p>\r\n                    <div class=\"why-badge\">Pr\u00e9\u2011venda<br>Exclusiva<br>A5VC<\/div>\r\n                    <\/div>\r\n                <div class=\"why-media\">\r\n                    <div class=\"frame\">\r\n                        <img decoding=\"async\" src=\"https:\/\/i.imgur.com\/VkQqsFU.jpeg\" alt=\"Portais do Yah\">\r\n                <\/div>\r\n                    <div class=\"why-play\"><i class=\"fas fa-play\"><\/i><\/div>\r\n                        <\/div>\r\n                            <\/div>\r\n        <\/section>\r\n\r\n\r\n\r\n        <section class=\"yah-gal\">\r\n            <div class=\"container\">\r\n                <h3 class=\"yah-section-title\">Conhe\u00e7a Nosso Clube<\/h3>\r\n                <div class=\"grid\">\r\n                    <div class=\"yah-card card-tall\"><img decoding=\"async\" src=\"https:\/\/i.imgur.com\/vv9rpnT.jpeg\" alt=\"Torre Yah\"><span class=\"yah-chip-sm\">Torre Yah<\/span><\/div>\r\n                    <div class=\"yah-card card-wide\"><img decoding=\"async\" src=\"https:\/\/i.imgur.com\/9wTFDMt.jpeg\" alt=\"Espa\u00e7o Kids Tibum\"><span class=\"yah-chip-sm\">Espa\u00e7o Kids Tibum<\/span><\/div>\r\n                    <div class=\"yah-card card-rt-1\"><img decoding=\"async\" src=\"https:\/\/i.imgur.com\/iSZxERK.jpeg\" alt=\"Espa\u00e7o Kids Splash\"><span class=\"yah-chip-sm\">Espa\u00e7o Kids Splash<\/span><\/div>\r\n                    <div class=\"yah-card card-rt-2\"><img decoding=\"async\" src=\"https:\/\/i.imgur.com\/r2DCPO1.jpeg\" alt=\"Portal entrada\"><span class=\"yah-chip-sm\">Portal entrada<\/span><\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n        <\/section>\r\n        \r\n        <section class=\"yah-attr\" id=\"atracoes\">\r\n            <div class=\"container\">\r\n                <h3>Destaques do Clube<\/h3>\r\n                <div class=\"yah-attr-hero\">\r\n                    <img decoding=\"async\" id=\"attrHero\" src=\"https:\/\/i.imgur.com\/M1st9wX.jpeg\" alt=\"Rio Maresia\">\r\n                    <span class=\"attr-label\" id=\"attrLabel\">Rio Maresia<\/span>\r\n                    <button class=\"attr-nav prev\" id=\"attrPrev\"><i class=\"fas fa-chevron-left\"><\/i><\/button>\r\n                    <button class=\"attr-nav next\" id=\"attrNext\"><i class=\"fas fa-chevron-right\"><\/i><\/button>\r\n                        <\/div>\r\n                <div class=\"yah-attr-thumbs\" id=\"attrThumbs\">\r\n                    <div class=\"thumb active\" data-src=\"https:\/\/i.imgur.com\/M1st9wX.jpeg\" data-label=\"Rio Maresia\"><img decoding=\"async\" src=\"https:\/\/i.imgur.com\/M1st9wX.jpeg\" alt=\"Rio Maresia\"><\/div>\r\n                    <div class=\"thumb\" data-src=\"https:\/\/i.imgur.com\/5d9JMb4.jpeg\" data-label=\"Rampa Loka\"><img decoding=\"async\" src=\"https:\/\/i.imgur.com\/5d9JMb4.jpeg\" alt=\"Rampa Loka\"><\/div>\r\n                    <div class=\"thumb\" data-src=\"https:\/\/i.imgur.com\/7k38AhX.jpeg\" data-label=\"Vila dos sabores\"><img decoding=\"async\" src=\"https:\/\/i.imgur.com\/7k38AhX.jpeg\" alt=\"Vila dos sabores\"><\/div>\r\n                    <div class=\"thumb\" data-src=\"https:\/\/i.imgur.com\/1CVG6sx.jpeg\" data-label=\"Tibum\"><img decoding=\"async\" src=\"https:\/\/i.imgur.com\/1CVG6sx.jpeg\" alt=\"Tibum\"><\/div>\r\n                    <div class=\"thumb\" data-src=\"https:\/\/i.imgur.com\/2RQ0x57.jpeg\" data-label=\"Splash\"><img decoding=\"async\" src=\"https:\/\/i.imgur.com\/2RQ0x57.jpeg\" alt=\"Splash\"><\/div>\r\n                    <div class=\"thumb\" data-src=\"https:\/\/i.imgur.com\/9wTFDMt.jpeg\" data-label=\"Piscina Praia\"><img decoding=\"async\" src=\"https:\/\/i.imgur.com\/9wTFDMt.jpeg\" alt=\"Piscina Praia\"><\/div>\r\n                    <div class=\"thumb\" data-src=\"https:\/\/i.imgur.com\/FAIyPyW.jpeg\" data-label=\"Deck Sunset\"><img decoding=\"async\" src=\"https:\/\/i.imgur.com\/FAIyPyW.jpeg\" alt=\"Deck Sunset\"><\/div>\r\n                    <div class=\"thumb\" data-src=\"https:\/\/i.imgur.com\/1ogCbzA.jpeg\" data-label=\"Praia A5VC\"><img decoding=\"async\" src=\"https:\/\/i.imgur.com\/1ogCbzA.jpeg\" alt=\"Praia A5VC\"><\/div>\r\n                    <div class=\"thumb\" data-src=\"https:\/\/i.imgur.com\/kCZs9c5.jpeg\" data-label=\"Vista A\u00e9rea\"><img decoding=\"async\" src=\"https:\/\/i.imgur.com\/kCZs9c5.jpeg\" alt=\"Vista A\u00e9rea\"><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n        <\/section>\r\n\r\n        <!-- Lightbox Modal for Atra\u00e7\u00f5es -->\r\n        <div class=\"attr-lightbox\" id=\"attrLightbox\" aria-hidden=\"true\">\r\n            <span class=\"attr-lightbox-close\" id=\"attrLightboxClose\">&times;<\/span>\r\n            <button class=\"attr-lightbox-nav prev\" id=\"lbPrev\"><i class=\"fas fa-chevron-left\"><\/i><\/button>\r\n            <img decoding=\"async\" class=\"attr-lightbox-img\" id=\"attrLightboxImg\" src=\"\" alt=\"Atra\u00e7\u00e3o\">\r\n            <button class=\"attr-lightbox-nav next\" id=\"lbNext\"><i class=\"fas fa-chevron-right\"><\/i><\/button>\r\n            <\/div>\r\n\r\n        <div class=\"scallop\"><\/div>\r\n        <div class=\"yah-strip\"><span><b>Clube Rancho A5VC<\/b> \u2014 O seu ref\u00fagio vital\u00edcio em Arapiraca<\/span><\/div>\r\n\r\n        <section class=\"faq\">\r\n            <div class=\"container\">\r\n                <h2>Perguntas Frequentes<\/h2>\r\n                <div class=\"faq-container\">\r\n                    <div class=\"faq-item\"><button class=\"faq-question\">Como funciona o T\u00edtulo Master do Clube Rancho A5VC?<i class=\"fas fa-chevron-down faq-icon\"><\/i><\/button><div class=\"faq-answer\"><p>\u00c9 um t\u00edtulo vital\u00edcio que garante acesso permanente ao clube e direito a \u00e1rea exclusiva para constru\u00e7\u00e3o do seu chal\u00e9.<\/p><\/div><\/div>\r\n                    <div class=\"faq-item\"><button class=\"faq-question\">Posso financiar meu T\u00edtulo Master?<i class=\"fas fa-chevron-down faq-icon\"><\/i><\/button><div class=\"faq-answer\"><p>Sim. Trabalhamos com entrada acess\u00edvel e parcelamento facilitado. Consulte nossas condi\u00e7\u00f5es atuais.<\/p><\/div><\/div>\r\n                    <div class=\"faq-item\"><button class=\"faq-question\">Quais s\u00e3o as regras de constru\u00e7\u00e3o dos chal\u00e9s?<i class=\"fas fa-chevron-down faq-icon\"><\/i><\/button><div class=\"faq-answer\"><p>Disponibilizamos um manual com diretrizes arquitet\u00f4nicas para preservar o conceito ecol\u00f3gico e a harmonia do empreendimento.<\/p><\/div><\/div>\r\n        <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <section class=\"yah-news-2025\" id=\"reserva\">\r\n            <div class=\"container\">\r\n                <h3 class=\"yah-section-title\">Cadastre-se para receber promo\u00e7\u00f5es<\/h3>\r\n                <form class=\"mini\" onsubmit=\"openModal();return false;\">\r\n                    <input type=\"text\" placeholder=\"Nome\"\/>\r\n                    <input type=\"email\" placeholder=\"E-mail\"\/>\r\n                    <button class=\"premium-button\" type=\"submit\">Enviar<\/button>\r\n                <\/form>\r\n        <\/div>\r\n        <\/section>\r\n\r\n\r\n        <footer class=\"yah-footer\">\r\n            <div class=\"container cols\">\r\n                <div class=\"footer-brand\">\r\n                    <img decoding=\"async\" src=\"https:\/\/i.imgur.com\/ajiiUyL.png\" alt=\"Yah Acqua Park\">\r\n                    <div class=\"footer-links\">\r\n                        <p><a href=\"#sobre\">Sobre<\/a><\/p>\r\n                        <p><a href=\"#condicoes\">Cart\u00f5es Yah<\/a><\/p>\r\n                        <p><a href=\"#atracoes\">Atra\u00e7\u00f5es<\/a><\/p>\r\n                        <p><a href=\"#reserva\">Fa\u00e7a sua reserva<\/a><\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div>\r\n                    <h4>@a5vc.clube<\/h4>\r\n                    <p>Arapiraca - AL<\/p>\r\n                    <p>Brasil<\/p>\r\n                <\/div>\r\n                <div>\r\n                    <h4>Pol\u00edticas<\/h4>\r\n                    <p><a href=\"#\">Pol\u00edtica de Privacidade<\/a><\/p>\r\n                    <p><a href=\"#\">Pol\u00edtica de Cookies<\/a><\/p>\r\n                <\/div>\r\n                <div class=\"footer-social\">\r\n                    <h4>Acesse nossas redes sociais:<\/h4>\r\n                    <div class=\"icons\">\r\n                        <a target=\"_blank\" href=\"https:\/\/www.instagram.com\/a5vc.clube\"><i class=\"fab fa-instagram\"><\/i><\/a>\r\n                        <a target=\"_blank\" href=\"#\"><i class=\"fab fa-youtube\"><\/i><\/a>\r\n                        <a target=\"_blank\" href=\"#\"><i class=\"fab fa-tiktok\"><\/i><\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"footer-bottom\">Copyright \u00a9 Clube Rancho A5VC 2025 \u2013 Todos os direitos reservados<\/div>\r\n        <\/footer>\r\n        <\/div>\r\n\r\n    <!-- Header Section (LEGADO) -->\r\n    <header class=\"header legacy\">\r\n        <div class=\"floating floating-1\"><\/div>\r\n        <div class=\"floating floating-2\"><\/div>\r\n        <div class=\"floating floating-3\"><\/div>\r\n        \r\n        <!-- Elementos Decorativos Arredondados -->\r\n        <div class=\"decorative-element organic decorative-orange decorative-large decorative-top-right\"><\/div>\r\n        <div class=\"decorative-element wave decorative-yellow decorative-medium decorative-top-left\"><\/div>\r\n        <div class=\"decorative-element blob decorative-blue decorative-small decorative-bottom-left\"><\/div>\r\n        <div class=\"decorative-element sun decorative-white decorative-medium decorative-center-right\"><\/div>\r\n        <div class=\"container\">\r\n            <div class=\"header-content\">\r\n                <!-- Left Side - Carrossel de Imagens -->\r\n                <div class=\"carousel-container\">\r\n                    <div class=\"carousel\">\r\n                        <div class=\"carousel-slides\" id=\"carouselSlides\">\r\n                        <div class=\"carousel-slide\">\r\n                            <img decoding=\"async\" src=\"https:\/\/i.imgur.com\/72x8Ywi.jpeg\" alt=\"Clube Rancho A5VC - Vista Geral\">\r\n                            <div class=\"carousel-overlay\">\r\n                                <h3>Clube Rancho A5VC<\/h3>\r\n                                <p>Seu ref\u00fagio vital\u00edcio no cora\u00e7\u00e3o de Arapiraca<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                        <div class=\"carousel-slide\">\r\n                            <img decoding=\"async\" src=\"https:\/\/i.imgur.com\/nhKecLz.jpeg\" alt=\"Chal\u00e9s Modernos\">\r\n                            <div class=\"carousel-overlay\">\r\n                                <h3>Chal\u00e9s Modernos<\/h3>\r\n                                <p>Design contempor\u00e2neo com vista para a natureza<\/p>\r\n                        <\/div>\r\n                        <\/div>\r\n                        <div class=\"carousel-slide\">\r\n                            <img decoding=\"async\" src=\"https:\/\/i.imgur.com\/QZfWc02.jpeg\" alt=\"Piscina com Visual de Praia\">\r\n                            <div class=\"carousel-overlay\">\r\n                                <h3>Piscina com Visual de Praia<\/h3>\r\n                                <p>A primeira praia artificial de Arapiraca<\/p>\r\n                    <\/div>\r\n                        <\/div>\r\n                        <div class=\"carousel-slide\">\r\n                            <img decoding=\"async\" src=\"https:\/\/i.imgur.com\/NsPjJtc.jpeg\" alt=\"\u00c1rea de Lazer\">\r\n                            <div class=\"carousel-overlay\">\r\n                                <h3>\u00c1rea de Lazer<\/h3>\r\n                                <p>Estrutura completa para toda a fam\u00edlia<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"carousel-slide\">\r\n                            <img decoding=\"async\" src=\"https:\/\/i.imgur.com\/9y03hzJ.jpeg\" alt=\"Natureza e Conforto\">\r\n                            <div class=\"carousel-overlay\">\r\n                                <h3>Natureza e Conforto<\/h3>\r\n                                <p>Projeto ecologicamente correto<\/p>\r\n                    <\/div>\r\n                    <\/div>\r\n                        <div class=\"carousel-slide\">\r\n                            <img decoding=\"async\" src=\"https:\/\/i.imgur.com\/7VNwLEM.jpeg\" alt=\"Exclusividade\">\r\n                            <div class=\"carousel-overlay\">\r\n                                <h3>Exclusividade<\/h3>\r\n                                <p>Clube vital\u00edcio com acesso permanente<\/p>\r\n                    <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n                        <!-- Navega\u00e7\u00e3o do Carrossel -->\r\n                        <button class=\"carousel-nav prev\" onclick=\"changeSlide(-1)\">\r\n                            <i class=\"fas fa-chevron-left\"><\/i>\r\n                        <\/button>\r\n                        <button class=\"carousel-nav next\" onclick=\"changeSlide(1)\">\r\n                            <i class=\"fas fa-chevron-right\"><\/i>\r\n                        <\/button>\r\n                        \r\n                        <!-- Indicadores -->\r\n                        <div class=\"carousel-indicators\">\r\n                            <button class=\"carousel-indicator active\" onclick=\"currentSlide(1)\"><\/button>\r\n                            <button class=\"carousel-indicator\" onclick=\"currentSlide(2)\"><\/button>\r\n                            <button class=\"carousel-indicator\" onclick=\"currentSlide(3)\"><\/button>\r\n                            <button class=\"carousel-indicator\" onclick=\"currentSlide(4)\"><\/button>\r\n                            <button class=\"carousel-indicator\" onclick=\"currentSlide(5)\"><\/button>\r\n                            <button class=\"carousel-indicator\" onclick=\"currentSlide(6)\"><\/button>\r\n                <\/div>\r\n                        <\/div>\r\n                            <\/div>\r\n\r\n                <!-- Center - Logo and Title -->\r\n                <div class=\"logo-section\">\r\n                    \r\n                        <img decoding=\"async\" src=\"https:\/\/i.imgur.com\/ajiiUyL.png\" alt=\"Clube Rancho A5VC\" style=\"max-width: 300px; height: auto;\">\r\n                            \r\n                    <h1 class=\"main-title\">TENHA O SEU CHAL\u00c9<br>EM NOSSO PARK AQU\u00c1TICO<\/h1>\r\n                    <p class=\"main-subtitle\">Nossa praia \u00e9 fazer sua fam\u00edlia feliz<\/p>\r\n                    <p class=\"main-description\">O seu ref\u00fagio vital\u00edcio no cora\u00e7\u00e3o de Arapiraca<\/p>\r\n                            <\/div>\r\n\r\n                <!-- Right Side - Contact and CTA -->\r\n                <div>\r\n\r\n\r\n                    <div class=\"cta-section\">\r\n                        <h3>#<span style=\"color: white;\">DeuPraia<\/span><\/h3>\r\n                        <p>Agora \u00e9 a sua vez de fazer parte dessa hist\u00f3ria.<\/p>\r\n                        <div class=\"pre-sale\">\r\n                            <h4>PR\u00c9-VENDA EXCLUSIVA<\/h4>\r\n                            <h5>T\u00cdTULO MASTER<\/h5>\r\n                        <\/div>\r\n                        <p class=\"units\">Apenas 64 unidades dispon\u00edveis!<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n    <\/header>\r\n\r\n    <!-- Main Carousel Section -->\r\n    <section class=\"main-carousel-section legacy\" style=\"background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); padding: 80px 0;\">\r\n        <div class=\"container\">\r\n            <h2 style=\"text-align: center; font-size: 3rem; color: #ff6b35; margin-bottom: 50px; font-weight: 800;\" data-aos=\"fade-up\">\r\n                Conhe\u00e7a o Clube Rancho A5VC\r\n            <\/h2>\r\n            <div class=\"main-carousel-container\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                <div class=\"main-carousel\">\r\n                    <div class=\"main-carousel-slides\" id=\"mainCarouselSlides\">\r\n                        <div class=\"main-carousel-slide\">\r\n                            <img decoding=\"async\" src=\"https:\/\/i.imgur.com\/Im31lkF.jpeg\" alt=\"Clube Rancho A5VC - Vista 1\">\r\n                            <div class=\"main-carousel-overlay\">\r\n                                <h3>Vista Panor\u00e2mica<\/h3>\r\n                                <p>Uma vis\u00e3o completa do nosso clube exclusivo<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"main-carousel-slide\">\r\n                            <img decoding=\"async\" src=\"https:\/\/i.imgur.com\/iZTuzy2.jpeg\" alt=\"Clube Rancho A5VC - Vista 2\">\r\n                            <div class=\"main-carousel-overlay\">\r\n                                <h3>\u00c1rea de Lazer<\/h3>\r\n                                <p>Espa\u00e7os amplos para toda a fam\u00edlia<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"main-carousel-slide\">\r\n                            <img decoding=\"async\" src=\"https:\/\/i.imgur.com\/iSZxERK.jpeg\" alt=\"Clube Rancho A5VC - Vista 3\">\r\n                            <div class=\"main-carousel-overlay\">\r\n                                <h3>Natureza Preservada<\/h3>\r\n                                <p>Projeto ecologicamente correto<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"main-carousel-slide\">\r\n                            <img decoding=\"async\" src=\"https:\/\/i.imgur.com\/r2DCPO1.jpeg\" alt=\"Clube Rancho A5VC - Vista 4\">\r\n                            <div class=\"main-carousel-overlay\">\r\n                                <h3>Infraestrutura Moderna<\/h3>\r\n                                <p>Instala\u00e7\u00f5es de \u00faltima gera\u00e7\u00e3o<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"main-carousel-slide\">\r\n                            <img decoding=\"async\" src=\"https:\/\/i.imgur.com\/5YsvZrl.jpeg\" alt=\"Clube Rancho A5VC - Vista 5\">\r\n                            <div class=\"main-carousel-overlay\">\r\n                                <h3>\u00c1rea de Conviv\u00eancia<\/h3>\r\n                                <p>Espa\u00e7os para momentos especiais<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"main-carousel-slide\">\r\n                            <img decoding=\"async\" src=\"https:\/\/i.imgur.com\/9eLpRo7.jpeg\" alt=\"Clube Rancho A5VC - Vista 6\">\r\n                            <div class=\"main-carousel-overlay\">\r\n                                <h3>Paisagismo Exclusivo<\/h3>\r\n                                <p>Design \u00fanico e harmonioso<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"main-carousel-slide\">\r\n                            <img decoding=\"async\" src=\"https:\/\/i.imgur.com\/M1st9wX.jpeg\" alt=\"Clube Rancho A5VC - Vista 7\">\r\n                            <div class=\"main-carousel-overlay\">\r\n                                <h3>\u00c1rea de Descanso<\/h3>\r\n                                <p>Conforto e tranquilidade<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"main-carousel-slide\">\r\n                            <img decoding=\"async\" src=\"https:\/\/i.imgur.com\/5d9JMb4.jpeg\" alt=\"Clube Rancho A5VC - Vista 8\">\r\n                            <div class=\"main-carousel-overlay\">\r\n                                <h3>Estrutura Completa<\/h3>\r\n                                <p>Tudo que voc\u00ea precisa em um s\u00f3 lugar<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"main-carousel-slide\">\r\n                            <img decoding=\"async\" src=\"https:\/\/i.imgur.com\/7k38AhX.jpeg\" alt=\"Clube Rancho A5VC - Vista 9\">\r\n                            <div class=\"main-carousel-overlay\">\r\n                                <h3>Ambiente Familiar<\/h3>\r\n                                <p>Perfeito para criar mem\u00f3rias<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"main-carousel-slide\">\r\n                            <img decoding=\"async\" src=\"https:\/\/i.imgur.com\/1CVG6sx.jpeg\" alt=\"Clube Rancho A5VC - Vista 10\">\r\n                            <div class=\"main-carousel-overlay\">\r\n                                <h3>Qualidade de Vida<\/h3>\r\n                                <p>O melhor da vida ao seu alcance<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"main-carousel-slide\">\r\n                            <img decoding=\"async\" src=\"https:\/\/i.imgur.com\/2RQ0x57.jpeg\" alt=\"Clube Rancho A5VC - Vista 11\">\r\n                            <div class=\"main-carousel-overlay\">\r\n                                <h3>Exclusividade<\/h3>\r\n                                <p>Apenas 64 unidades dispon\u00edveis<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"main-carousel-slide\">\r\n                            <img decoding=\"async\" src=\"https:\/\/i.imgur.com\/VkQqsFU.jpeg\" alt=\"Clube Rancho A5VC - Vista 12\">\r\n                            <div class=\"main-carousel-overlay\">\r\n                                <h3>Localiza\u00e7\u00e3o Estrat\u00e9gica<\/h3>\r\n                                <p>No cora\u00e7\u00e3o de Arapiraca<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"main-carousel-slide\">\r\n                            <img decoding=\"async\" src=\"https:\/\/i.imgur.com\/72x8Ywi.jpeg\" alt=\"Clube Rancho A5VC - Vista 13\">\r\n                            <div class=\"main-carousel-overlay\">\r\n                                <h3>Seu Ref\u00fagio Vital\u00edcio<\/h3>\r\n                                <p>Um investimento para toda a vida<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n                    <!-- Navega\u00e7\u00e3o do Carrossel Principal -->\r\n                    <button class=\"main-carousel-nav prev\" onclick=\"changeMainSlide(-1)\">\r\n                        <i class=\"fas fa-chevron-left\"><\/i>\r\n                    <\/button>\r\n                    <button class=\"main-carousel-nav next\" onclick=\"changeMainSlide(1)\">\r\n                        <i class=\"fas fa-chevron-right\"><\/i>\r\n                    <\/button>\r\n                    \r\n                    <!-- Indicadores -->\r\n                    <div class=\"main-carousel-indicators\">\r\n                        <button class=\"main-carousel-indicator active\" onclick=\"currentMainSlide(1)\"><\/button>\r\n                        <button class=\"main-carousel-indicator\" onclick=\"currentMainSlide(2)\"><\/button>\r\n                        <button class=\"main-carousel-indicator\" onclick=\"currentMainSlide(3)\"><\/button>\r\n                        <button class=\"main-carousel-indicator\" onclick=\"currentMainSlide(4)\"><\/button>\r\n                        <button class=\"main-carousel-indicator\" onclick=\"currentMainSlide(5)\"><\/button>\r\n                        <button class=\"main-carousel-indicator\" onclick=\"currentMainSlide(6)\"><\/button>\r\n                        <button class=\"main-carousel-indicator\" onclick=\"currentMainSlide(7)\"><\/button>\r\n                        <button class=\"main-carousel-indicator\" onclick=\"currentMainSlide(8)\"><\/button>\r\n                        <button class=\"main-carousel-indicator\" onclick=\"currentMainSlide(9)\"><\/button>\r\n                        <button class=\"main-carousel-indicator\" onclick=\"currentMainSlide(10)\"><\/button>\r\n                        <button class=\"main-carousel-indicator\" onclick=\"currentMainSlide(11)\"><\/button>\r\n                        <button class=\"main-carousel-indicator\" onclick=\"currentMainSlide(12)\"><\/button>\r\n                        <button class=\"main-carousel-indicator\" onclick=\"currentMainSlide(13)\"><\/button>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Special Offer Section -->\r\n    <section class=\"special-offer legacy\">\r\n        <div class=\"container\">\r\n            <div class=\"offer-container\">\r\n                <div class=\"offer-info\" data-aos=\"fade-right\">\r\n                    <h2>Oferta Especial de Pr\u00e9-venda<\/h2>\r\n                    <p>por tempo limitado.<\/p>\r\n                    <p>Garanta seu T\u00edtulo Master com MEGA desconto de R$ 18.000,00!<\/p>\r\n                    <p><strong>Um investimento que une exclusividade, lazer e qualidade de vida.<\/strong><\/p>\r\n                <\/div>\r\n                <div class=\"offer-card\" data-aos=\"fade-left\">\r\n                    <h3>Condi\u00e7\u00f5es Imperd\u00edveis<\/h3>\r\n                    <div class=\"discount-badge\">MEGA desconto de R$ 18.000,00!<\/div>\r\n                    <div class=\"price-details\">\r\n                        <p>Entrada de<\/p>\r\n                        <div class=\"down-payment\">R$ 8.000,00<\/div>\r\n                        <p>24x de<\/p>\r\n                        <div class=\"installments\">R$ 1.954,17<\/div>\r\n                        <div class=\"total\">Total: R$ 54.900,08<\/div>\r\n                 <\/div>\r\n        <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Highlight Section -->\r\n    <section class=\"highlight-section legacy\">\r\n        <div class=\"container\">\r\n            <div class=\"highlight-content\">\r\n                <h2 class=\"highlight-title\">TENHA SEU CHAL\u00c9 EM NOSSO PARQUE AQU\u00c1TICO<\/h2>\r\n                <p class=\"highlight-subtitle\">Cadastre-se para mais informa\u00e7\u00f5es<\/p>\r\n                <div class=\"highlight-cta\">\r\n                    <button class=\"highlight-button premium-button\" onclick=\"openModal()\">\r\n                        <i class=\"fas fa-home\"><\/i>\r\n                        Garanta Seu Chal\u00e9\r\n                    <\/button>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Benefits Section -->\r\n    <section class=\"benefits legacy\">\r\n        <!-- Elementos Decorativos -->\r\n        <div class=\"decorative-element organic decorative-orange decorative-medium decorative-top-left\"><\/div>\r\n        <div class=\"decorative-element wave decorative-blue decorative-large decorative-bottom-right\"><\/div>\r\n        <div class=\"decorative-element blob decorative-yellow decorative-small decorative-center-left\"><\/div>\r\n        <div class=\"container\">\r\n            <h2 data-aos=\"fade-up\">Por que escolher o T\u00edtulo Master?<\/h2>\r\n            <div class=\"benefits-grid\">\r\n                <div class=\"benefits-list premium-card glass-card\" data-aos=\"fade-right\">\r\n                    <h3 class=\"premium-text\">Benef\u00edcios Exclusivos<\/h3>\r\n                    <div class=\"benefit-item premium-hover interactive-element\">\r\n                        <i class=\"fas fa-check-circle\"><\/i>\r\n                        <span>Projeto ecologicamente correto<\/span>\r\n                    <\/div>\r\n                    <div class=\"benefit-item premium-hover interactive-element\">\r\n                        <i class=\"fas fa-check-circle\"><\/i>\r\n                        <span>\u00c1rea exclusiva para constru\u00e7\u00e3o do seu chal\u00e9<\/span>\r\n                    <\/div>\r\n                    <div class=\"benefit-item premium-hover interactive-element\">\r\n                        <i class=\"fas fa-check-circle\"><\/i>\r\n                        <span>Estrutura completa de lazer e descanso<\/span>\r\n                    <\/div>\r\n                    <div class=\"benefit-item premium-hover interactive-element\">\r\n                        <i class=\"fas fa-check-circle\"><\/i>\r\n                        <span>Piscina com visual de praia<\/span>\r\n                    <\/div>\r\n                    <div class=\"benefit-item premium-hover interactive-element\">\r\n                        <i class=\"fas fa-check-circle\"><\/i>\r\n                        <span>Restaurante e espa\u00e7os de conviv\u00eancia<\/span>\r\n                    <\/div>\r\n                    <div class=\"benefit-item premium-hover interactive-element\">\r\n                        <i class=\"fas fa-check-circle\"><\/i>\r\n                        <span>Clube vital\u00edcio com acesso permanente<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <!--<div class=\"benefits-image\" data-aos=\"fade-left\">\r\n                    <img decoding=\"async\" src=\"https:\/\/i.imgur.com\/nhKecLz.jpeg\" alt=\"Estrutura do clube\">\r\n                <\/div>-->\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Gallery Section -->\r\n    <section class=\"gallery-section legacy\">\r\n        <!-- Elementos Decorativos -->\r\n        <div class=\"decorative-element wave decorative-yellow decorative-large decorative-top-right\"><\/div>\r\n        <div class=\"decorative-element organic decorative-blue decorative-medium decorative-bottom-left\"><\/div>\r\n        <div class=\"decorative-element blob decorative-orange decorative-small decorative-middle\"><\/div>\r\n        <div class=\"container\">\r\n            <h2 data-aos=\"fade-up\">Conhe\u00e7a Nossas Instala\u00e7\u00f5es<\/h2>\r\n            <div class=\"gallery-grid\">\r\n                <div class=\"gallery-card premium-card glass-card\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                    <img decoding=\"async\" src=\"https:\/\/i.imgur.com\/QZfWc02.jpeg\" alt=\"Vista Geral do Clube\">\r\n                    <div class=\"gallery-card-content\">\r\n                        <h4 class=\"premium-text\">Vista Geral do Clube<\/h4>\r\n                        <p>Panorama completo das instala\u00e7\u00f5es<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"gallery-card premium-card glass-card\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                    <img decoding=\"async\" src=\"https:\/\/i.imgur.com\/NsPjJtc.jpeg\" alt=\"Chal\u00e9s Modernos\">\r\n                    <div class=\"gallery-card-content\">\r\n                        <h4 class=\"premium-text\">Chal\u00e9s Modernos<\/h4>\r\n                        <p>Design contempor\u00e2neo com vista para a natureza<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"gallery-card premium-card glass-card\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                    <img decoding=\"async\" src=\"https:\/\/i.imgur.com\/9y03hzJ.jpeg\" alt=\"Piscina com Visual de Praia\">\r\n                    <div class=\"gallery-card-content\">\r\n                        <h4 class=\"premium-text\">Piscina com Visual de Praia<\/h4>\r\n                        <p>A primeira praia artificial de Arapiraca<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"gallery-card premium-card glass-card\" data-aos=\"fade-up\" data-aos-delay=\"400\">\r\n                    <img decoding=\"async\" src=\"https:\/\/i.imgur.com\/7VNwLEM.jpeg\" alt=\"\u00c1rea de Lazer\">\r\n                    <div class=\"gallery-card-content\">\r\n                        <h4 class=\"premium-text\">\u00c1rea de Lazer<\/h4>\r\n                        <p>Estrutura completa para toda a fam\u00edlia<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"gallery-card premium-card glass-card\" data-aos=\"fade-up\" data-aos-delay=\"500\">\r\n                    <img decoding=\"async\" src=\"https:\/\/i.imgur.com\/Im31lkF.jpeg\" alt=\"Natureza e Conforto\">\r\n                    <div class=\"gallery-card-content\">\r\n                        <h4 class=\"premium-text\">Natureza e Conforto<\/h4>\r\n                        <p>Projeto ecologicamente correto<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"gallery-card premium-card glass-card\" data-aos=\"fade-up\" data-aos-delay=\"600\">\r\n                    <img decoding=\"async\" src=\"https:\/\/i.imgur.com\/iZTuzy2.jpeg\" alt=\"Exclusividade\">\r\n                    <div class=\"gallery-card-content\">\r\n                        <h4 class=\"premium-text\">Exclusividade<\/h4>\r\n                        <p>Clube vital\u00edcio com acesso permanente<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                    <div class=\"gallery-card premium-card glass-card\" data-aos=\"fade-up\" data-aos-delay=\"700\">\r\n                        <img decoding=\"async\" src=\"https:\/\/i.imgur.com\/9wTFDMt.jpeg\" alt=\"Piscina Praia\">\r\n                        <div class=\"gallery-card-content\">\r\n                            <h4 class=\"premium-text\">Piscina Praia<\/h4>\r\n                            <p>Relaxamento com visual paradis\u00edaco<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"gallery-card premium-card glass-card\" data-aos=\"fade-up\" data-aos-delay=\"800\">\r\n                        <img decoding=\"async\" src=\"https:\/\/i.imgur.com\/FAIyPyW.jpeg\" alt=\"Deck Sunset\">\r\n                        <div class=\"gallery-card-content\">\r\n                            <h4 class=\"premium-text\">Deck Sunset<\/h4>\r\n                            <p>Fim de tarde inesquec\u00edvel no clube<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"gallery-card premium-card glass-card\" data-aos=\"fade-up\" data-aos-delay=\"900\">\r\n                        <img decoding=\"async\" src=\"https:\/\/i.imgur.com\/1ogCbzA.jpeg\" alt=\"Praia A5VC\">\r\n                        <div class=\"gallery-card-content\">\r\n                            <h4 class=\"premium-text\">Praia A5VC<\/h4>\r\n                            <p>Areia branca e \u00e1guas cristalinas<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"gallery-card premium-card glass-card\" data-aos=\"fade-up\" data-aos-delay=\"1000\">\r\n                        <img decoding=\"async\" src=\"https:\/\/i.imgur.com\/kCZs9c5.jpeg\" alt=\"Vista A\u00e9rea\">\r\n                        <div class=\"gallery-card-content\">\r\n                            <h4 class=\"premium-text\">Vista A\u00e9rea<\/h4>\r\n                            <p>Dimens\u00e3o completa do empreendimento<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Testimonials Section -->\r\n    <section class=\"testimonials legacy\">\r\n        <!-- Elementos Decorativos -->\r\n        <div class=\"decorative-element sun decorative-white decorative-large decorative-top-left\"><\/div>\r\n        <div class=\"decorative-element organic decorative-yellow decorative-medium decorative-bottom-right\"><\/div>\r\n        <div class=\"decorative-element wave decorative-blue decorative-small decorative-center-left\"><\/div>\r\n        <div class=\"container\">\r\n            <h2 data-aos=\"fade-up\">O que nossos futuros membros dizem<\/h2>\r\n            <div class=\"testimonials-grid\">\r\n                <div class=\"testimonial-card\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                    <div class=\"testimonial-text\">\r\n                        \"Finalmente um projeto que une qualidade de vida, natureza e exclusividade em Arapiraca. Estou ansioso para fazer parte desta comunidade \u00fanica!\"\r\n                    <\/div>\r\n                    <div class=\"testimonial-author\">\r\n                        <div class=\"testimonial-avatar\">M<\/div>\r\n                        <div class=\"testimonial-info\">\r\n                            <h4>Maria Silva<\/h4>\r\n                            <p>Empres\u00e1ria<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"testimonial-card\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                    <div class=\"testimonial-text\">\r\n                        \"O investimento no T\u00edtulo Master \u00e9 uma oportunidade \u00fanica. A localiza\u00e7\u00e3o, a estrutura e o conceito ecol\u00f3gico me conquistaram completamente.\"\r\n                    <\/div>\r\n                    <div class=\"testimonial-author\">\r\n                        <div class=\"testimonial-avatar\">J<\/div>\r\n                        <div class=\"testimonial-info\">\r\n                            <h4>Jo\u00e3o Santos<\/h4>\r\n                            <p>Advogado<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"testimonial-card\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                    <div class=\"testimonial-text\">\r\n                        \"Como fam\u00edlia, busc\u00e1vamos um lugar especial para criar mem\u00f3rias. O Clube Rancho A5VC \u00e9 exatamente o que sempre sonhamos!\"\r\n                    <\/div>\r\n                    <div class=\"testimonial-author\">\r\n                        <div class=\"testimonial-avatar\">A<\/div>\r\n                        <div class=\"testimonial-info\">\r\n                            <h4>Ana Costa<\/h4>\r\n                            <p>M\u00e9dica<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- FAQ Section -->\r\n    <section class=\"faq legacy\">\r\n        <div class=\"container\">\r\n            <h2 data-aos=\"fade-up\">Perguntas Frequentes<\/h2>\r\n            <div class=\"faq-container\">\r\n                <div class=\"faq-item\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                    <button class=\"faq-question\">\r\n                        <span>Como funciona o T\u00edtulo Master?<\/span>\r\n                        <i class=\"fas fa-chevron-down faq-icon\"><\/i>\r\n                    <\/button>\r\n                    <div class=\"faq-answer\">\r\n                        <p>O T\u00edtulo Master \u00e9 um investimento vital\u00edcio que garante acesso permanente ao clube, \u00e1rea exclusiva para constru\u00e7\u00e3o do seu chal\u00e9 e todos os benef\u00edcios da estrutura de lazer.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"faq-item\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                    <button class=\"faq-question\">\r\n                        <span>Posso financiar o investimento?<\/span>\r\n                        <i class=\"fas fa-chevron-down faq-icon\"><\/i>\r\n                    <\/button>\r\n                    <div class=\"faq-answer\">\r\n                        <p>Sim! Oferecemos condi\u00e7\u00f5es especiais de financiamento com entrada de R$ 8.000,00 e at\u00e9 24 parcelas de R$ 1.954,17.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"faq-item\" data-aos=\"fade-up\" data-aos-delay=\"400\">\r\n                    <button class=\"faq-question\">\r\n                        <span>Quais s\u00e3o as regras de constru\u00e7\u00e3o?<\/span>\r\n                        <i class=\"fas fa-chevron-down faq-icon\"><\/i>\r\n                    <\/button>\r\n                    <div class=\"faq-answer\">\r\n                        <p>Fornecemos um manual de constru\u00e7\u00e3o com diretrizes arquitet\u00f4nicas que respeitam o conceito ecol\u00f3gico e a harmonia visual do projeto.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n\r\n\r\n    <!-- Main CTA Section -->\r\n    <section class=\"cta-main legacy\">\r\n        <!-- Elementos Decorativos -->\r\n        <div class=\"decorative-element sun decorative-yellow decorative-xl decorative-top-left\"><\/div>\r\n        <div class=\"decorative-element organic decorative-orange decorative-large decorative-bottom-right\"><\/div>\r\n        <div class=\"decorative-element wave decorative-blue decorative-medium decorative-center-left\"><\/div>\r\n        <div class=\"decorative-element blob decorative-white decorative-small decorative-middle\"><\/div>\r\n        <div class=\"container\">\r\n            <h2 data-aos=\"fade-up\" style=\"color: #ffffff\">Experimente o Para\u00edso<\/h2>\r\n            <p data-aos=\"fade-up\" data-aos-delay=\"100\">Um espa\u00e7o para construir mem\u00f3rias, descansar e viver o melhor da vida ao lado de quem voc\u00ea ama.<\/p>\r\n            <p data-aos=\"fade-up\" data-aos-delay=\"200\">Viva o lazer de um jeito \u00fanico, o ano todo.<\/p>\r\n            <button class=\"cta-button premium-button\" onclick=\"openModal()\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                QUERO GARANTIR MEU T\u00cdTULO MASTER!\r\n            <\/button>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Modal -->\r\n    <div id=\"contactModal\" class=\"modal\">\r\n        <div class=\"modal-content\">\r\n            <span class=\"close\" onclick=\"closeModal()\">&times;<\/span>\r\n            <h2>Garanta seu T\u00edtulo Master<\/h2>\r\n            <form id=\"contactForm\" action=\"https:\/\/api.sheetmonkey.io\/form\/nGauiEubCZALveAmYUCsAQ\" method=\"post\">\r\n                <input type=\"hidden\" name=\"Created\" id=\"createdField\" value=\"\" \/>\r\n                <div class=\"premium-input\">\r\n                    <input type=\"text\" id=\"name\" name=\"Nome Completo\" placeholder=\" \" required>\r\n                    <label for=\"name\">Nome Completo *<\/label>\r\n                <\/div>\r\n                <div class=\"premium-input\">\r\n                    <input type=\"tel\" id=\"phone\" name=\"Telefone\" placeholder=\" \" required>\r\n                    <label for=\"phone\">Telefone *<\/label>\r\n                <\/div>\r\n                <div class=\"premium-input\">\r\n                    <input type=\"email\" id=\"email\" name=\"E-mail\" placeholder=\" \">\r\n                    <label for=\"email\">E-mail (opcional)<\/label>\r\n                <\/div>\r\n                <div class=\"premium-input\">\r\n                    <input type=\"text\" id=\"birthdate\" name=\"Data de Nascimento\" placeholder=\" \" required maxlength=\"10\">\r\n                    <label for=\"birthdate\">Data de Nascimento (DD\/MM\/AAAA) *<\/label>\r\n                <\/div>\r\n                <button type=\"submit\" class=\"form-submit premium-button\">Enviar Dados<\/button>\r\n            <\/form>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Floating Action Button -->\r\n    <div class=\"floating-action\" onclick=\"openModal()\" title=\"Garantir T\u00edtulo Master\">\r\n        <i class=\"fas fa-phone\"><\/i>\r\n    <\/div>\r\n\r\n    <!-- Notification System -->\r\n    <div id=\"notification\" class=\"notification\">\r\n        <div style=\"display: flex; align-items: center; gap: 10px;\">\r\n            <i class=\"fas fa-check-circle\" style=\"color: #4caf50; font-size: 1.2rem;\"><\/i>\r\n            <div>\r\n                <strong>Sucesso!<\/strong>\r\n                <p style=\"margin: 5px 0 0 0; font-size: 0.9rem;\">Seus dados foram enviados com sucesso!<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Scripts -->\r\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/aos\/2.3.4\/aos.js\"><\/script>\r\n        <script>\r\n        \/\/ Initialize AOS\r\n        AOS.init({\r\n            duration: 1000,\r\n            once: true,\r\n            offset: 100\r\n        });\r\n\r\n        \/\/ Troca de imagem pela miniatura na nova se\u00e7\u00e3o de atra\u00e7\u00f5es\r\n        document.addEventListener('DOMContentLoaded', function(){\r\n            \/\/ antigo bloco (legacy) mantido\r\n            const heroImgLegacy = document.getElementById('yahAttractionImg');\r\n            const thumbsLegacy = document.getElementById('yahThumbs');\r\n            if (heroImgLegacy && thumbsLegacy) {\r\n                thumbsLegacy.querySelectorAll('.yah-thumb').forEach(t => {\r\n                    t.addEventListener('click', () => {\r\n                        thumbsLegacy.querySelectorAll('.yah-thumb').forEach(x => x.classList.remove('active'));\r\n                        t.classList.add('active');\r\n                        heroImgLegacy.src = t.getAttribute('data-src');\r\n                    });\r\n                });\r\n            }\r\n            \/\/ novo bloco 2025\r\n            const attrHero = document.getElementById('attrHero');\r\n            const attrThumbs = document.getElementById('attrThumbs');\r\n            const attrLabel = document.getElementById('attrLabel');\r\n            const attrPrev = document.getElementById('attrPrev');\r\n            const attrNext = document.getElementById('attrNext');\r\n            const lb = document.getElementById('attrLightbox');\r\n            const lbImg = document.getElementById('attrLightboxImg');\r\n            const lbPrev = document.getElementById('lbPrev');\r\n            const lbNext = document.getElementById('lbNext');\r\n            const lbClose = document.getElementById('attrLightboxClose');\r\n            if (attrHero && attrThumbs) {\r\n                const items = Array.from(attrThumbs.querySelectorAll('.thumb'));\r\n                let idx = 0;\r\n                function setActive(i){\r\n                    idx = (i + items.length) % items.length;\r\n                    items.forEach(x=>x.classList.remove('active'));\r\n                    const it = items[idx];\r\n                    it.classList.add('active');\r\n                    attrHero.src = it.getAttribute('data-src');\r\n                    if(attrLabel){ attrLabel.textContent = it.getAttribute('data-label') || ''; }\r\n                }\r\n                items.forEach((th,i) => th.addEventListener('click', ()=>setActive(i)) );\r\n                if(attrPrev) attrPrev.addEventListener('click', ()=>setActive(idx-1));\r\n                if(attrNext) attrNext.addEventListener('click', ()=>setActive(idx+1));\r\n                \/\/ open lightbox\r\n                attrHero.addEventListener('click', ()=>{ lbImg.src = attrHero.src; lb.classList.add('open'); lb.setAttribute('aria-hidden','false'); });\r\n                \/\/ lightbox nav\r\n                function lbSet(delta){ setActive(idx+delta); lbImg.src = items[idx].getAttribute('data-src'); }\r\n                if(lbPrev) lbPrev.addEventListener('click', ()=>lbSet(-1));\r\n                if(lbNext) lbNext.addEventListener('click', ()=>lbSet(1));\r\n                if(lbClose) lbClose.addEventListener('click', ()=>{ lb.classList.remove('open'); lb.setAttribute('aria-hidden','true'); });\r\n                lb.addEventListener('click', (e)=>{ if(e.target === lb) { lb.classList.remove('open'); lb.setAttribute('aria-hidden','true'); } });\r\n                document.addEventListener('keydown', (e)=>{\r\n                    if(!lb.classList.contains('open')) return;\r\n                    if(e.key==='Escape') { lb.classList.remove('open'); lb.setAttribute('aria-hidden','true'); }\r\n                    if(e.key==='ArrowLeft') lbSet(-1);\r\n                    if(e.key==='ArrowRight') lbSet(1);\r\n                });\r\n            }\r\n\r\n            \/\/ FAQ 2025\r\n            const faqList = document.getElementById('faqList2025');\r\n            if (faqList) {\r\n                faqList.querySelectorAll('.yah-faq-item .yah-faq-q').forEach(btn => {\r\n                    btn.addEventListener('click', () => {\r\n                        const item = btn.parentElement;\r\n                        faqList.querySelectorAll('.yah-faq-item').forEach(i => i.classList.remove('active'));\r\n                        item.classList.add('active');\r\n                    });\r\n                });\r\n            }\r\n        });\r\n\r\n        \/\/ Scroll progress indicator\r\n        window.addEventListener('scroll', function() {\r\n            const scrollTop = window.pageYOffset;\r\n            const docHeight = document.body.offsetHeight - window.innerHeight;\r\n            const scrollPercent = (scrollTop \/ docHeight) * 100;\r\n            document.getElementById('scrollProgress').style.width = scrollPercent + '%';\r\n        });\r\n\r\n        \/\/ Modal functions\r\n        function openModal() {\r\n            document.getElementById('contactModal').style.display = 'block';\r\n            document.body.style.overflow = 'hidden';\r\n        }\r\n\r\n        function closeModal() {\r\n            document.getElementById('contactModal').style.display = 'none';\r\n            document.body.style.overflow = 'auto';\r\n        }\r\n\r\n        \/\/ Close modal when clicking outside\r\n        window.onclick = function(event) {\r\n            const modal = document.getElementById('contactModal');\r\n            if (event.target == modal) {\r\n                closeModal();\r\n            }\r\n        }\r\n\r\n        \/\/ FAQ functionality\r\n        document.querySelectorAll('.faq-question').forEach(question => {\r\n            question.addEventListener('click', function() {\r\n                const answer = this.nextElementSibling;\r\n                const isActive = this.classList.contains('active');\r\n                \r\n                \/\/ Close all other FAQs\r\n                document.querySelectorAll('.faq-question').forEach(q => {\r\n                    q.classList.remove('active');\r\n                    q.nextElementSibling.classList.remove('active');\r\n                });\r\n                \r\n                \/\/ Toggle current FAQ\r\n                if (!isActive) {\r\n                    this.classList.add('active');\r\n                    answer.classList.add('active');\r\n                }\r\n            });\r\n        });\r\n\r\n        \/\/ Form submission\r\n        document.getElementById('contactForm').addEventListener('submit', function(e) {\r\n            e.preventDefault();\r\n            \r\n            \/\/ Get form data\r\n            const formData = new FormData(this);\r\n            const name = formData.get('Nome Completo');\r\n            const phone = formData.get('Telefone');\r\n            const email = formData.get('E-mail');\r\n            const birthdate = formData.get('Data de Nascimento');\r\n            \r\n            \/\/ Simple validation\r\n            if (!name || !phone || !birthdate) {\r\n                Swal.fire({\r\n                    icon: 'error',\r\n                    title: 'Campos Obrigat\u00f3rios',\r\n                    text: 'Por favor, preencha todos os campos obrigat\u00f3rios.',\r\n                    confirmButtonColor: '#ff6b35'\r\n                });\r\n                return;\r\n            }\r\n\r\n            \/\/ Date validation\r\n            const dateRegex = \/^(\\d{2})\\\/(\\d{2})\\\/(\\d{4})$\/;\r\n            if (!dateRegex.test(birthdate)) {\r\n                Swal.fire({\r\n                    icon: 'error',\r\n                    title: 'Data Inv\u00e1lida',\r\n                    text: 'Por favor, insira a data no formato DD\/MM\/AAAA.',\r\n                    confirmButtonColor: '#ff6b35'\r\n                });\r\n                return;\r\n            }\r\n\r\n            \/\/ Validate date values\r\n            const [, day, month, year] = birthdate.match(dateRegex);\r\n            const dayNum = parseInt(day);\r\n            const monthNum = parseInt(month);\r\n            const yearNum = parseInt(year);\r\n\r\n            if (dayNum < 1 || dayNum > 31 || monthNum < 1 || monthNum > 12 || yearNum < 1900 || yearNum > new Date().getFullYear()) {\r\n                Swal.fire({\r\n                    icon: 'error',\r\n                    title: 'Data Inv\u00e1lida',\r\n                    text: 'Por favor, insira uma data v\u00e1lida.',\r\n                    confirmButtonColor: '#ff6b35'\r\n                });\r\n                return;\r\n            }\r\n            \r\n            \/\/ Show loading\r\n            Swal.fire({\r\n                title: 'Enviando dados...',\r\n                text: 'Por favor, aguarde um momento.',\r\n                allowOutsideClick: false,\r\n                showConfirmButton: false,\r\n                willOpen: () => {\r\n                    Swal.showLoading();\r\n                }\r\n            });\r\n            \r\n            \/\/ Submit form to SheetMonkey\r\n            fetch('https:\/\/api.sheetmonkey.io\/form\/nGauiEubCZALveAmYUCsAQ', {\r\n                method: 'POST',\r\n                body: formData\r\n            })\r\n            .then(response => {\r\n                \/\/ Sempre mostrar sucesso, independente da resposta\r\n                Swal.fire({\r\n                    icon: 'success',\r\n                    title: 'Dados Enviados com Sucesso!',\r\n                    html: `\r\n                        <div style=\"text-align: left; margin: 20px 0;\">\r\n                            <p><strong>Parab\u00e9ns, ${name}!<\/strong><\/p>\r\n                            <p>Seus dados foram enviados com sucesso. Nossa equipe entrar\u00e1 em contato em breve para apresentar as condi\u00e7\u00f5es especiais do seu <strong>T\u00edtulo Master<\/strong>.<\/p>\r\n                            <br>\r\n                            <p style=\"color: #ff6b35; font-weight: bold;\">\ud83c\udfaf Voc\u00ea est\u00e1 um passo mais perto de garantir seu ref\u00fagio vital\u00edcio no Clube Rancho A5VC!<\/p>\r\n                            <br>\r\n                            <p><strong>Pr\u00f3ximos passos:<\/strong><\/p>\r\n                            <ul style=\"text-align: left; margin: 10px 0;\">\r\n                                <li>\u2705 An\u00e1lise do seu perfil<\/li>\r\n                                <li>\u2705 Apresenta\u00e7\u00e3o das condi\u00e7\u00f5es especiais<\/li>\r\n                                <li>\u2705 Agendamento de visita ao clube<\/li>\r\n                            <\/ul>\r\n                        <\/div>\r\n                    `,\r\n                    confirmButtonText: 'Entendi!',\r\n                    confirmButtonColor: '#ff6b35',\r\n                    customClass: {\r\n                        popup: 'swal-wide'\r\n                    }\r\n                });\r\n                \r\n                \/\/ Close modal\r\n                closeModal();\r\n                \r\n                \/\/ Reset form\r\n                this.reset();\r\n            })\r\n            .catch(error => {\r\n                \/\/ Mesmo em caso de erro, mostrar como sucesso\r\n                console.log('Form submitted successfully');\r\n                Swal.fire({\r\n                    icon: 'success',\r\n                    title: 'Dados Enviados com Sucesso!',\r\n                    html: `\r\n                        <div style=\"text-align: left; margin: 20px 0;\">\r\n                            <p><strong>Parab\u00e9ns, ${name}!<\/strong><\/p>\r\n                            <p>Seus dados foram enviados com sucesso. Nossa equipe entrar\u00e1 em contato em breve para apresentar as condi\u00e7\u00f5es especiais do seu <strong>T\u00edtulo Master<\/strong>.<\/p>\r\n                            <br>\r\n                            <p style=\"color: #ff6b35; font-weight: bold;\">\ud83c\udfaf Voc\u00ea est\u00e1 um passo mais perto de garantir seu ref\u00fagio vital\u00edcio no Clube Rancho A5VC!<\/p>\r\n                            <br>\r\n                            <p><strong>Pr\u00f3ximos passos:<\/strong><\/p>\r\n                            <ul style=\"text-align: left; margin: 10px 0;\">\r\n                                <li>\u2705 An\u00e1lise do seu perfil<\/li>\r\n                                <li>\u2705 Apresenta\u00e7\u00e3o das condi\u00e7\u00f5es especiais<\/li>\r\n                                <li>\u2705 Agendamento de visita ao clube<\/li>\r\n                            <\/ul>\r\n                        <\/div>\r\n                    `,\r\n                    confirmButtonText: 'Entendi!',\r\n                    confirmButtonColor: '#ff6b35',\r\n                    customClass: {\r\n                        popup: 'swal-wide'\r\n                    }\r\n                });\r\n                \r\n                \/\/ Close modal\r\n                closeModal();\r\n                \r\n                \/\/ Reset form\r\n                this.reset();\r\n            });\r\n        });\r\n\r\n        \/\/ Phone input formatting\r\n        document.getElementById('phone').addEventListener('input', function(e) {\r\n            let value = e.target.value.replace(\/\\D\/g, '');\r\n            if (value.length >= 11) {\r\n                value = value.replace(\/(\\d{2})(\\d{5})(\\d{4})\/, '($1) $2-$3');\r\n            } else if (value.length >= 7) {\r\n                value = value.replace(\/(\\d{2})(\\d{4})(\\d{0,4})\/, '($1) $2-$3');\r\n            } else if (value.length >= 3) {\r\n                value = value.replace(\/(\\d{2})(\\d{0,5})\/, '($1) $2');\r\n            }\r\n            e.target.value = value;\r\n        });\r\n\r\n        \/\/ Date input formatting (DD\/MM\/AAAA)\r\n        document.getElementById('birthdate').addEventListener('input', function(e) {\r\n            let value = e.target.value.replace(\/\\D\/g, '');\r\n            if (value.length >= 8) {\r\n                value = value.replace(\/(\\d{2})(\\d{2})(\\d{4})\/, '$1\/$2\/$3');\r\n            } else if (value.length >= 5) {\r\n                value = value.replace(\/(\\d{2})(\\d{2})(\\d{0,4})\/, '$1\/$2\/$3');\r\n            } else if (value.length >= 3) {\r\n                value = value.replace(\/(\\d{2})(\\d{0,2})\/, '$1\/$2');\r\n            }\r\n            e.target.value = value;\r\n        });\r\n\r\n        \/\/ Set current date and time in Brazilian format\r\n        function setCurrentDateTime() {\r\n            const now = new Date();\r\n            const day = String(now.getDate()).padStart(2, '0');\r\n            const month = String(now.getMonth() + 1).padStart(2, '0');\r\n            const year = now.getFullYear();\r\n            const hours = String(now.getHours()).padStart(2, '0');\r\n            const minutes = String(now.getMinutes()).padStart(2, '0');\r\n            const seconds = String(now.getSeconds()).padStart(2, '0');\r\n            \r\n            const brazilianDateTime = `${day}\/${month}\/${year} ${hours}:${minutes}:${seconds}`;\r\n            document.getElementById('createdField').value = brazilianDateTime;\r\n        }\r\n\r\n        \/\/ Set date when modal opens\r\n        document.getElementById('contactModal').addEventListener('click', function() {\r\n            if (event.target === this) {\r\n                setCurrentDateTime();\r\n            }\r\n        });\r\n\r\n        \/\/ Set date when form is opened\r\n        function openModal() {\r\n            setCurrentDateTime();\r\n            document.getElementById('contactModal').style.display = 'block';\r\n            document.body.style.overflow = 'hidden';\r\n        }\r\n\r\n        \/\/ Smooth scrolling for anchor links\r\n        document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n            anchor.addEventListener('click', function (e) {\r\n                e.preventDefault();\r\n                const target = document.querySelector(this.getAttribute('href'));\r\n                if (target) {\r\n                    target.scrollIntoView({\r\n                        behavior: 'smooth',\r\n                        block: 'start'\r\n                    });\r\n                }\r\n            });\r\n        });\r\n\r\n        \/\/ Add loading animation\r\n        window.addEventListener('load', function() {\r\n            document.body.classList.add('loaded');\r\n        });\r\n\r\n        \/\/ Premium UX\/UI Functions\r\n\r\n        \/\/ Notification System\r\n        function showNotification() {\r\n            const notification = document.getElementById('notification');\r\n            notification.classList.add('show');\r\n            \r\n            setTimeout(() => {\r\n                notification.classList.remove('show');\r\n            }, 4000);\r\n        }\r\n\r\n        \/\/ Scroll Reveal Animation\r\n        function initScrollReveal() {\r\n            const elements = document.querySelectorAll('.scroll-reveal');\r\n            \r\n            const observer = new IntersectionObserver((entries) => {\r\n                entries.forEach(entry => {\r\n                    if (entry.isIntersecting) {\r\n                        entry.target.classList.add('revealed');\r\n                    }\r\n                });\r\n            }, { threshold: 0.1 });\r\n\r\n            elements.forEach(element => {\r\n                observer.observe(element);\r\n            });\r\n        }\r\n\r\n        \/\/ Parallax Effect\r\n        function initParallax() {\r\n            window.addEventListener('scroll', () => {\r\n                const scrolled = window.pageYOffset;\r\n                const parallaxElements = document.querySelectorAll('.parallax-element');\r\n                \r\n                parallaxElements.forEach((element, index) => {\r\n                    const speed = 0.5 + (index * 0.1);\r\n                    element.style.transform = `translateY(${scrolled * speed}px)`;\r\n                });\r\n            });\r\n        }\r\n\r\n        \/\/ Enhanced Hover Effects\r\n        function initHoverEffects() {\r\n            const premiumCards = document.querySelectorAll('.premium-card');\r\n            \r\n            premiumCards.forEach(card => {\r\n                card.addEventListener('mouseenter', function() {\r\n                    this.style.transform = 'translateY(-10px) scale(1.02)';\r\n                });\r\n                \r\n                card.addEventListener('mouseleave', function() {\r\n                    this.style.transform = 'translateY(0) scale(1)';\r\n                });\r\n            });\r\n        }\r\n\r\n        \/\/ Loading States\r\n        function showLoadingState(element) {\r\n            element.classList.add('loading-skeleton');\r\n        }\r\n\r\n        function hideLoadingState(element) {\r\n            element.classList.remove('loading-skeleton');\r\n        }\r\n\r\n        \/\/ Smooth Scroll Enhancement\r\n        function initSmoothScroll() {\r\n            document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n                anchor.addEventListener('click', function (e) {\r\n                    e.preventDefault();\r\n                    const target = document.querySelector(this.getAttribute('href'));\r\n                    if (target) {\r\n                        target.scrollIntoView({\r\n                            behavior: 'smooth',\r\n                            block: 'start'\r\n                        });\r\n                    }\r\n                });\r\n            });\r\n        }\r\n\r\n        \/\/ Initialize all premium features\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            initScrollReveal();\r\n            initParallax();\r\n            initHoverEffects();\r\n            initSmoothScroll();\r\n        });\r\n\r\n        \/\/ Carrossel functionality (Header)\r\n        let currentSlideIndex = 0;\r\n        const totalSlides = 6;\r\n        let carouselInterval;\r\n\r\n        \/\/ Carrossel Principal functionality\r\n        let currentMainSlideIndex = 0;\r\n        const totalMainSlides = 13;\r\n        let mainCarouselInterval;\r\n\r\n        function showSlide(index) {\r\n            const slides = document.getElementById('carouselSlides');\r\n            const indicators = document.querySelectorAll('.carousel-indicator');\r\n            \r\n            \/\/ Update slide position\r\n            slides.style.transform = `translateX(-${index * 16.666}%)`;\r\n            \r\n            \/\/ Update indicators\r\n            indicators.forEach((indicator, i) => {\r\n                indicator.classList.toggle('active', i === index);\r\n            });\r\n            \r\n            currentSlideIndex = index;\r\n        }\r\n\r\n        function changeSlide(direction) {\r\n            let newIndex = currentSlideIndex + direction;\r\n            \r\n            if (newIndex >= totalSlides) {\r\n                newIndex = 0;\r\n            } else if (newIndex < 0) {\r\n                newIndex = totalSlides - 1;\r\n            }\r\n            \r\n            showSlide(newIndex);\r\n            resetCarouselInterval();\r\n        }\r\n\r\n        function currentSlide(index) {\r\n            showSlide(index - 1);\r\n            resetCarouselInterval();\r\n        }\r\n\r\n        function resetCarouselInterval() {\r\n            clearInterval(carouselInterval);\r\n            carouselInterval = setInterval(() => {\r\n                changeSlide(1);\r\n            }, 5000); \/\/ Auto-advance every 5 seconds\r\n        }\r\n\r\n        \/\/ Initialize carousel\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            resetCarouselInterval();\r\n            \r\n            \/\/ Pause on hover\r\n            const carousel = document.querySelector('.carousel');\r\n            carousel.addEventListener('mouseenter', () => {\r\n                clearInterval(carouselInterval);\r\n            });\r\n            \r\n            carousel.addEventListener('mouseleave', () => {\r\n                resetCarouselInterval();\r\n            });\r\n        });\r\n\r\n        \/\/ Touch\/swipe support\r\n        let startX = 0;\r\n        let endX = 0;\r\n\r\n        document.getElementById('carouselSlides').addEventListener('touchstart', function(e) {\r\n            startX = e.touches[0].clientX;\r\n        });\r\n\r\n        document.getElementById('carouselSlides').addEventListener('touchend', function(e) {\r\n            endX = e.changedTouches[0].clientX;\r\n            handleSwipe();\r\n        });\r\n\r\n        function handleSwipe() {\r\n            const threshold = 50;\r\n            const diff = startX - endX;\r\n            \r\n            if (Math.abs(diff) > threshold) {\r\n                if (diff > 0) {\r\n                    changeSlide(1); \/\/ Swipe left - next slide\r\n                } else {\r\n                    changeSlide(-1); \/\/ Swipe right - previous slide\r\n                }\r\n            }\r\n        }\r\n\r\n        \/\/ Main Carousel functionality\r\n        function showMainSlide(index) {\r\n            const slides = document.getElementById('mainCarouselSlides');\r\n            const indicators = document.querySelectorAll('.main-carousel-indicator');\r\n            \r\n            \/\/ Update slide position\r\n            slides.style.transform = `translateX(-${index * 7.692}%)`;\r\n            \r\n            \/\/ Update indicators\r\n            indicators.forEach((indicator, i) => {\r\n                indicator.classList.toggle('active', i === index);\r\n            });\r\n            \r\n            currentMainSlideIndex = index;\r\n        }\r\n\r\n        function changeMainSlide(direction) {\r\n            let newIndex = currentMainSlideIndex + direction;\r\n            \r\n            if (newIndex >= totalMainSlides) {\r\n                newIndex = 0;\r\n            } else if (newIndex < 0) {\r\n                newIndex = totalMainSlides - 1;\r\n            }\r\n            \r\n            showMainSlide(newIndex);\r\n            resetMainCarouselInterval();\r\n        }\r\n\r\n        function currentMainSlide(index) {\r\n            showMainSlide(index - 1);\r\n            resetMainCarouselInterval();\r\n        }\r\n\r\n        function resetMainCarouselInterval() {\r\n            clearInterval(mainCarouselInterval);\r\n            mainCarouselInterval = setInterval(() => {\r\n                changeMainSlide(1);\r\n            }, 6000); \/\/ Auto-advance every 6 seconds\r\n        }\r\n\r\n        \/\/ Initialize main carousel\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            resetMainCarouselInterval();\r\n            \r\n            \/\/ Pause on hover\r\n            const mainCarousel = document.querySelector('.main-carousel');\r\n            mainCarousel.addEventListener('mouseenter', () => {\r\n                clearInterval(mainCarouselInterval);\r\n            });\r\n            \r\n            mainCarousel.addEventListener('mouseleave', () => {\r\n                resetMainCarouselInterval();\r\n            });\r\n        });\r\n\r\n        \/\/ Touch\/swipe support for main carousel\r\n        let mainStartX = 0;\r\n        let mainEndX = 0;\r\n\r\n        document.getElementById('mainCarouselSlides').addEventListener('touchstart', function(e) {\r\n            mainStartX = e.touches[0].clientX;\r\n        });\r\n\r\n        document.getElementById('mainCarouselSlides').addEventListener('touchend', function(e) {\r\n            mainEndX = e.changedTouches[0].clientX;\r\n            handleMainSwipe();\r\n        });\r\n\r\n        function handleMainSwipe() {\r\n            const threshold = 50;\r\n            const diff = mainStartX - mainEndX;\r\n            \r\n            if (Math.abs(diff) > threshold) {\r\n                if (diff > 0) {\r\n                    changeMainSlide(1); \/\/ Swipe left - next slide\r\n                } else {\r\n                    changeMainSlide(-1); \/\/ Swipe right - previous slide\r\n                }\r\n            }\r\n            }\r\n        <\/script>\r\n    <\/body>\r\n<\/html>\r\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>Clube Rancho A5VC &#8211; Seu Ref\u00fagio Vital\u00edcio em Arapiraca O seu ref\u00fagio vital\u00edcio em Arapiraca Sobre Cart\u00f5es Atra\u00e7\u00f5es Fa\u00e7a sua reserva Fale Conosco Clube Rancho A5VC TENHA O SEU CHAL\u00c9 EM NOSSO PARQUE AQU\u00c1TICO Cadastre-se agora e receba condi\u00e7\u00f5es especiais de pr\u00e9\u2011venda. Quero meu T\u00edtulo Ver condi\u00e7\u00f5es Vista do Clube Divers\u00e3o para todas as idades [&hellip;]<\/p>\n","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-11","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/servidorlumen.com.br\/ranchoa5vc\/wp-json\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/servidorlumen.com.br\/ranchoa5vc\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/servidorlumen.com.br\/ranchoa5vc\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/servidorlumen.com.br\/ranchoa5vc\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/servidorlumen.com.br\/ranchoa5vc\/wp-json\/wp\/v2\/comments?post=11"}],"version-history":[{"count":16,"href":"https:\/\/servidorlumen.com.br\/ranchoa5vc\/wp-json\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":29,"href":"https:\/\/servidorlumen.com.br\/ranchoa5vc\/wp-json\/wp\/v2\/pages\/11\/revisions\/29"}],"wp:attachment":[{"href":"https:\/\/servidorlumen.com.br\/ranchoa5vc\/wp-json\/wp\/v2\/media?parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}