{"id":8,"date":"2025-08-28T08:16:18","date_gmt":"2025-08-28T11:16:18","guid":{"rendered":"http:\/\/inflytravel.com.br\/?page_id=8"},"modified":"2025-09-22T15:33:06","modified_gmt":"2025-09-22T18:33:06","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/inflytravel.com.br\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8\" class=\"elementor elementor-8\">\n\t\t\t\t<div class=\"elementor-element elementor-element-21c3381 e-flex e-con-boxed e-con e-parent\" data-id=\"21c3381\" 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-8bf0c2b elementor-widget__width-initial elementor-absolute elementor-widget elementor-widget-html\" data-id=\"8bf0c2b\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"pt-BR\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Infly Travel - Sua Pr\u00f3xima Aventura Come\u00e7a Aqui<\/title>\r\n    <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\" rel=\"stylesheet\">\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        :root {\r\n            --primary-color: #4ECDC4;\r\n            --secondary-color: #44A08D;\r\n            --accent-color: #FFE066;\r\n            --dark-color: #2C3E50;\r\n            --light-color: #F8F9FA;\r\n            --white: #FFFFFF;\r\n            --shadow: 0 10px 30px rgba(0,0,0,0.1);\r\n            --shadow-hover: 0 20px 40px rgba(0,0,0,0.15);\r\n        }\r\n\r\n        body {\r\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n            line-height: 1.6;\r\n            color: var(--dark-color);\r\n            overflow-x: hidden;\r\n        }\r\n\r\n        \/* ===== SMOOTH SCROLLING ===== *\/\r\n        html {\r\n            scroll-behavior: smooth;\r\n        }\r\n\r\n        \/* ===== HEADER ===== *\/\r\n        .header {\r\n            position: fixed;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            background: rgba(255, 255, 255, 0.95);\r\n            backdrop-filter: blur(10px);\r\n            z-index: 1000;\r\n            padding: 1rem 0;\r\n            transition: all 0.3s ease;\r\n            box-shadow: 0 2px 20px rgba(0,0,0,0.1);\r\n        }\r\n\r\n        .nav-container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            padding: 0 2rem;\r\n        }\r\n\r\n        .logo {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 0.5rem;\r\n        }\r\n\r\n        .logo img {\r\n            height: 50px;\r\n            width: auto;\r\n        }\r\n\r\n        .nav-menu {\r\n            display: flex;\r\n            list-style: none;\r\n            gap: 2rem;\r\n        }\r\n\r\n        .nav-toggle {\r\n            display: none;\r\n            flex-direction: column;\r\n            cursor: pointer;\r\n        }\r\n\r\n        .nav-toggle span {\r\n            height: 3px;\r\n            width: 25px;\r\n            background-color: var(--dark-color);\r\n            margin: 3px 0;\r\n        }\r\n\r\n        .nav-menu-wrapper {\r\n            display: flex;\r\n        }\r\n\r\n        .nav-menu a {\r\n            text-decoration: none;\r\n            color: var(--dark-color);\r\n            font-weight: 600;\r\n            transition: color 0.3s ease;\r\n            position: relative;\r\n        }\r\n\r\n        .nav-menu a:hover {\r\n            color: var(--primary-color);\r\n        }\r\n\r\n        .nav-menu a::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: -5px;\r\n            left: 0;\r\n            width: 0;\r\n            height: 2px;\r\n            background: var(--primary-color);\r\n            transition: width 0.3s ease;\r\n        }\r\n\r\n        .nav-menu a:hover::after {\r\n            width: 100%;\r\n        }\r\n\r\n        .cta-button {\r\n            background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));\r\n            color: var(--white);\r\n            padding: 0.8rem 1.5rem;\r\n            border-radius: 50px;\r\n            text-decoration: none;\r\n            font-weight: 600;\r\n            transition: all 0.3s ease;\r\n            box-shadow: var(--shadow);\r\n        }\r\n\r\n        .cta-button:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow: var(--shadow-hover);\r\n        }\r\n\r\n        \/* ===== HERO SECTION ===== *\/\r\n        .hero {\r\n            height: 100vh;\r\n            background: linear-gradient(135deg, rgba(78, 205, 196, 0.9), rgba(68, 160, 141, 0.9)),\r\n                        url('https:\/\/images.unsplash.com\/photo-1488646953014-85cb44e25828?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80') center\/cover;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            text-align: center;\r\n            color: var(--white) !important;\r\n            position: relative;\r\n        }\r\n\r\n        .hero-content {\r\n            max-width: 800px;\r\n            padding: 0 2rem;\r\n            animation: fadeInUp 1s ease;\r\n            color: inherit !important;\r\n        }\r\n\r\n        .hero h1 {\r\n            font-size: 3.5rem;\r\n            font-weight: 700;\r\n            margin-bottom: 1rem;\r\n            text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\r\n            color: #FFFFFF !important;\r\n        }\r\n\r\n        .hero p {\r\n            font-size: 1.3rem;\r\n            margin-bottom: 2rem;\r\n            opacity: 0.95;\r\n            color: #FFFFFF !important;\r\n        }\r\n\r\n        .hero-buttons {\r\n            display: flex;\r\n            gap: 1rem;\r\n            justify-content: center;\r\n            flex-wrap: wrap;\r\n        }\r\n\r\n        .btn-primary {\r\n            background: var(--accent-color);\r\n            color: var(--dark-color);\r\n            padding: 1rem 2rem;\r\n            border-radius: 50px;\r\n            text-decoration: none;\r\n            font-weight: 600;\r\n            transition: all 0.3s ease;\r\n            box-shadow: var(--shadow);\r\n        }\r\n\r\n        .btn-secondary {\r\n            background: transparent;\r\n            color: var(--white);\r\n            padding: 1rem 2rem;\r\n            border: 2px solid var(--white);\r\n            border-radius: 50px;\r\n            text-decoration: none;\r\n            font-weight: 600;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .btn-primary:hover, .btn-secondary:hover {\r\n            transform: translateY(-3px);\r\n            box-shadow: var(--shadow-hover);\r\n        }\r\n\r\n        .btn-secondary:hover {\r\n            background: var(--white);\r\n            color: var(--dark-color);\r\n        }\r\n\r\n        \/* ===== FLOATING ELEMENTS ===== *\/\r\n        .floating-element {\r\n            position: absolute;\r\n            animation: float 6s ease-in-out infinite;\r\n        }\r\n\r\n        .floating-element:nth-child(1) {\r\n            top: 20%;\r\n            left: 10%;\r\n            animation-delay: 0s;\r\n        }\r\n\r\n        .floating-element:nth-child(2) {\r\n            top: 60%;\r\n            right: 15%;\r\n            animation-delay: 2s;\r\n        }\r\n\r\n        .floating-element:nth-child(3) {\r\n            bottom: 20%;\r\n            left: 20%;\r\n            animation-delay: 4s;\r\n        }\r\n\r\n        \/* ===== SECTIONS ===== *\/\r\n        .section {\r\n            padding: 5rem 0;\r\n        }\r\n\r\n        .container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: 0 2rem;\r\n        }\r\n\r\n        .section-title {\r\n            text-align: center;\r\n            margin-bottom: 3rem;\r\n        }\r\n\r\n        .section-title h2 {\r\n            font-size: 2.5rem;\r\n            color: var(--dark-color);\r\n            margin-bottom: 1rem;\r\n        }\r\n\r\n        .section-title p {\r\n            font-size: 1.1rem;\r\n            color: #666;\r\n            max-width: 600px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        \/* ===== SERVICES SECTION ===== *\/\r\n        .services-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n            gap: 2rem;\r\n            margin-top: 3rem;\r\n        }\r\n\r\n        .service-card {\r\n            background: var(--white);\r\n            padding: 2rem;\r\n            border-radius: 20px;\r\n            box-shadow: var(--shadow);\r\n            transition: all 0.3s ease;\r\n            text-align: center;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .service-card::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 4px;\r\n            background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));\r\n        }\r\n\r\n        .service-card:hover {\r\n            transform: translateY(-10px);\r\n            box-shadow: var(--shadow-hover);\r\n        }\r\n\r\n        .service-icon {\r\n            font-size: 3rem;\r\n            color: var(--primary-color);\r\n            margin-bottom: 1rem;\r\n        }\r\n\r\n        .service-card h3 {\r\n            font-size: 1.5rem;\r\n            margin-bottom: 1rem;\r\n            color: var(--dark-color);\r\n        }\r\n\r\n        .service-card p {\r\n            color: #666;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        \/* ===== OFFICE GALLERY ===== *\/\r\n        .office-gallery {\r\n            margin: 3rem 0;\r\n        }\r\n\r\n        .gallery-container {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n            gap: 2rem;\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: 0 1rem;\r\n        }\r\n\r\n        .gallery-card {\r\n            position: relative;\r\n            width: 100%;\r\n            height: 350px;\r\n            border-radius: 20px;\r\n            overflow: hidden;\r\n            box-shadow: var(--shadow);\r\n            transition: all 0.3s ease;\r\n            cursor: pointer;\r\n        }\r\n\r\n        .gallery-card img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n        }\r\n\r\n        .gallery-card:hover {\r\n            transform: translateY(-10px);\r\n            box-shadow: 0 20px 40px rgba(0,0,0,0.2);\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: var(--white);\r\n            padding: 1.5rem;\r\n            transform: translateY(100%);\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .gallery-card:hover .gallery-overlay {\r\n            transform: translateY(0);\r\n        }\r\n\r\n        .gallery-overlay h3 {\r\n            font-size: 1.2rem;\r\n            margin-bottom: 0.5rem;\r\n        }\r\n\r\n        \/* ===== VALUES SECTION ===== *\/\r\n        .values-section {\r\n            margin-top: 4rem;\r\n            padding: 3rem 0;\r\n            border-radius: 30px;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .values-section::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: radial-gradient(circle, rgba(78, 205, 196, 0.05) 0%, transparent 70%);\r\n            animation: rotate 20s linear infinite;\r\n        }\r\n\r\n        .values-section h3 {\r\n            text-align: center;\r\n            font-size: 2.2rem;\r\n            color: var(--dark-color);\r\n            margin-bottom: 3rem;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .values-section h3::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: -10px;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            width: 80px;\r\n            height: 4px;\r\n            background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));\r\n            border-radius: 2px;\r\n        }\r\n\r\n        .values-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n            gap: 2rem;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .value-item {\r\n            background: var(--white);\r\n            padding: 2.5rem 2rem;\r\n            border-radius: 20px;\r\n            box-shadow: 0 8px 25px rgba(0,0,0,0.08);\r\n            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n            position: relative;\r\n            overflow: hidden;\r\n            text-align: center;\r\n            border: 1px solid rgba(78, 205, 196, 0.1);\r\n        }\r\n\r\n        .value-item::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: linear-gradient(135deg, rgba(78, 205, 196, 0.02), rgba(68, 160, 141, 0.02));\r\n            opacity: 0;\r\n            transition: opacity 0.3s ease;\r\n        }\r\n\r\n        .value-item:hover::before {\r\n            opacity: 1;\r\n        }\r\n\r\n        .value-item:hover {\r\n            transform: translateY(-15px) scale(1.02);\r\n            box-shadow: 0 20px 40px rgba(0,0,0,0.15);\r\n            border-color: var(--primary-color);\r\n        }\r\n\r\n        .value-icon {\r\n            width: 80px;\r\n            height: 80px;\r\n            margin: 0 auto 1.5rem;\r\n            background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            position: relative;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .value-icon::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: -5px;\r\n            left: -5px;\r\n            right: -5px;\r\n            bottom: -5px;\r\n            background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));\r\n            border-radius: 50%;\r\n            opacity: 0;\r\n            transition: opacity 0.3s ease;\r\n            z-index: -1;\r\n        }\r\n\r\n        .value-item:hover .value-icon::before {\r\n            opacity: 0.3;\r\n        }\r\n\r\n        .value-item:hover .value-icon {\r\n            transform: scale(1.1) rotate(5deg);\r\n        }\r\n\r\n        .value-icon i {\r\n            font-size: 2rem;\r\n            color: var(--white);\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .value-item:hover .value-icon i {\r\n            transform: scale(1.1);\r\n        }\r\n\r\n        .value-item h4 {\r\n            font-size: 1.3rem;\r\n            color: var(--dark-color);\r\n            margin-bottom: 1rem;\r\n            font-weight: 600;\r\n            transition: color 0.3s ease;\r\n        }\r\n\r\n        .value-item:hover h4 {\r\n            color: var(--primary-color);\r\n        }\r\n\r\n        .value-item p {\r\n            color: #666;\r\n            line-height: 1.7;\r\n            font-size: 0.95rem;\r\n            transition: color 0.3s ease;\r\n        }\r\n\r\n        .value-item:hover p {\r\n            color: #555;\r\n        }\r\n\r\n        \/* Staggered animation for value items *\/\r\n        .value-item:nth-child(1) { animation-delay: 0.1s; }\r\n        .value-item:nth-child(2) { animation-delay: 0.2s; }\r\n        .value-item:nth-child(3) { animation-delay: 0.3s; }\r\n        .value-item:nth-child(4) { animation-delay: 0.4s; }\r\n        .value-item:nth-child(5) { animation-delay: 0.5s; }\r\n\r\n        @keyframes rotate {\r\n            from { transform: rotate(0deg); }\r\n            to { transform: rotate(360deg); }\r\n        }\r\n\r\n        @keyframes slideInUp {\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        .value-item.animate {\r\n            animation: slideInUp 0.6s ease forwards;\r\n        }\r\n\r\n        \/* ===== CTA SECTION ===== *\/\r\n        .cta-section {\r\n            background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));\r\n            color: var(--white);\r\n            text-align: center;\r\n        }\r\n\r\n        .cta-content h2 {\r\n            font-size: 2.5rem;\r\n            margin-bottom: 1rem;\r\n        }\r\n\r\n        .cta-content p {\r\n            font-size: 1.2rem;\r\n            margin-bottom: 2rem;\r\n            opacity: 0.9;\r\n        }\r\n\r\n        .whatsapp-btn {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 0.5rem;\r\n            background: #25D366;\r\n            color: var(--white);\r\n            padding: 1rem 2rem;\r\n            border-radius: 50px;\r\n            text-decoration: none;\r\n            font-weight: 600;\r\n            font-size: 1.1rem;\r\n            transition: all 0.3s ease;\r\n            box-shadow: var(--shadow);\r\n        }\r\n\r\n        .whatsapp-btn:hover {\r\n            transform: translateY(-3px);\r\n            box-shadow: var(--shadow-hover);\r\n        }\r\n\r\n        \/* ===== FOOTER ===== *\/\r\n        .footer {\r\n            background: var(--dark-color);\r\n            color: var(--white);\r\n            padding: 3rem 0 1rem;\r\n        }\r\n\r\n        .footer-content {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n            gap: 2rem;\r\n            margin-bottom: 2rem;\r\n        }\r\n\r\n        .footer-section h3 {\r\n            margin-bottom: 1rem;\r\n            color: var(--primary-color);\r\n        }\r\n\r\n        .footer-section p, .footer-section a {\r\n            color: #ccc;\r\n            text-decoration: none;\r\n            line-height: 1.8;\r\n        }\r\n\r\n        .footer-section a:hover {\r\n            color: var(--primary-color);\r\n        }\r\n\r\n        .social-links {\r\n            display: flex;\r\n            gap: 1rem;\r\n            margin-top: 1rem;\r\n        }\r\n\r\n        .social-links a {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            width: 40px;\r\n            height: 40px;\r\n            background: var(--primary-color);\r\n            border-radius: 50%;\r\n            color: var(--white);\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .social-links a:hover {\r\n            transform: translateY(-2px);\r\n            background: var(--secondary-color);\r\n        }\r\n\r\n        .footer-bottom {\r\n            border-top: 1px solid #444;\r\n            padding-top: 1rem;\r\n            text-align: center;\r\n            color: #999;\r\n        }\r\n\r\n        \/* ===== ANIMATIONS ===== *\/\r\n        @keyframes fadeInUp {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(30px);\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% {\r\n                transform: translateY(0px);\r\n            }\r\n            50% {\r\n                transform: translateY(-20px);\r\n            }\r\n        }\r\n\r\n        \/* ===== RESPONSIVE ===== *\/\r\n        @media (max-width: 768px) {\r\n            .nav-menu {\r\n                display: none;\r\n            }\r\n\r\n            .nav-toggle {\r\n                display: flex;\r\n            }\r\n\r\n            .nav-menu-wrapper {\r\n                display: none;\r\n                flex-direction: column;\r\n                width: 100%;\r\n            }\r\n\r\n            .nav-menu-wrapper.active {\r\n                display: flex;\r\n            }\r\n\r\n            .hero h1 {\r\n                font-size: 2.5rem;\r\n                color: #FFFFFF !important;\r\n            }\r\n\r\n            .hero p {\r\n                font-size: 1.1rem;\r\n                color: #FFFFFF !important;\r\n            }\r\n\r\n            .hero-buttons {\r\n                flex-direction: column;\r\n                align-items: center;\r\n            }\r\n\r\n            .section-title h2 {\r\n                font-size: 2rem;\r\n            }\r\n\r\n            .services-grid,\r\n            .testimonials-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n\r\n            .floating-element {\r\n                display: none;\r\n            }\r\n\r\n            .gallery-container {\r\n                grid-template-columns: 1fr;\r\n                gap: 1.5rem;\r\n            }\r\n            \r\n            .gallery-card {\r\n                height: 280px;\r\n            }\r\n\r\n            .values-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n\r\n            .values-section h3 {\r\n                font-size: 1.8rem;\r\n            }\r\n\r\n            .value-item {\r\n                padding: 2rem 1.5rem;\r\n            }\r\n\r\n            .value-icon {\r\n                width: 70px;\r\n                height: 70px;\r\n            }\r\n\r\n            .value-icon i {\r\n                font-size: 1.8rem;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <!-- HEADER -->\r\n    <header class=\"header\">\r\n        <div class=\"nav-container\">\r\n            <div class=\"logo\">\r\n                <img decoding=\"async\" src=\"http:\/\/inflytravel.com.br\/wp-content\/uploads\/2025\/08\/Screenshot_13.png\" alt=\"Infly Travel\">\r\n            <\/div>\r\n            <div class=\"nav-toggle\">\r\n                <span><\/span>\r\n                <span><\/span>\r\n                <span><\/span>\r\n            <\/div>\r\n            <div class=\"nav-menu-wrapper\">\r\n                <ul class=\"nav-menu\">\r\n                    <li><a href=\"#sobre\">Sobre<\/a><\/li>\r\n                    <li><a href=\"#servicos\">Servi\u00e7os<\/a><\/li>\r\n                    <li><a href=\"#contato\">Contato<\/a><\/li>\r\n                <\/ul>\r\n            <\/div>\r\n            <a href=\"#contato\" class=\"cta-button\">Solicitar Cota\u00e7\u00e3o<\/a>\r\n        <\/div>\r\n    <\/header>\r\n\r\n    <!-- HERO SECTION -->\r\n    <section class=\"hero\">\r\n        <div class=\"floating-element\">\r\n            <i class=\"fas fa-plane\" style=\"font-size: 2rem; color: rgba(255,255,255,0.3);\"><\/i>\r\n        <\/div>\r\n        <div class=\"floating-element\">\r\n            <i class=\"fas fa-map-marker-alt\" style=\"font-size: 1.5rem; color: rgba(255,255,255,0.3);\"><\/i>\r\n        <\/div>\r\n        <div class=\"floating-element\">\r\n            <i class=\"fas fa-suitcase\" style=\"font-size: 1.8rem; color: rgba(255,255,255,0.3);\"><\/i>\r\n        <\/div>\r\n        \r\n        <div class=\"hero-content\">\r\n            <h1>Sua Pr\u00f3xima Aventura Come\u00e7a Aqui<\/h1>\r\n            <p>Descubra o mundo com seguran\u00e7a, conforto e os melhores pre\u00e7os. Pacotes personalizados e atendimento 24\/7 para tornar sua viagem inesquec\u00edvel.<\/p>\r\n            <div class=\"hero-buttons\">\r\n                <a href=\"#servicos\" class=\"btn-primary\">Ver Servi\u00e7os<\/a>\r\n                <a href=\"#contato\" class=\"btn-secondary\">Falar com Especialista<\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- ABOUT SECTION -->\r\n    <section id=\"sobre\" class=\"section\">\r\n        <div class=\"container\">\r\n            <div class=\"section-title\">\r\n                <h2>Por que escolher a Infly Travel?<\/h2>\r\n                <p>Somos especialistas em transformar sonhos em realidade, oferecendo experi\u00eancias de viagem \u00fanicas e inesquec\u00edveis.<\/p>\r\n            <\/div>\r\n            \r\n            <!-- Office Gallery Section -->\r\n            <div class=\"office-gallery\">\r\n                <div class=\"gallery-container\">\r\n                    <div class=\"gallery-card\">\r\n                        <img decoding=\"async\" src=\"http:\/\/inflytravel.com.br\/wp-content\/uploads\/2025\/08\/Imagem-do-WhatsApp-de-2025-08-25-as-13.14.26_a695e759.jpg\" alt=\"Recep\u00e7\u00e3o Infly Travel\">\r\n                        <div class=\"gallery-overlay\">\r\n                            \r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"gallery-card\">\r\n                        <img decoding=\"async\" src=\"http:\/\/inflytravel.com.br\/wp-content\/uploads\/2025\/08\/Imagem-do-WhatsApp-de-2025-08-25-as-13.14.25_0b0d3878.jpg\" alt=\"Escrit\u00f3rio Principal Infly Travel\">\r\n                        <div class=\"gallery-overlay\">\r\n                            \r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"gallery-card\">\r\n                        <img decoding=\"async\" src=\"http:\/\/inflytravel.com.br\/wp-content\/uploads\/2025\/08\/Imagem-do-WhatsApp-de-2025-08-25-as-13.14.23_c667e28c.jpg\" alt=\"Sala de Reuni\u00f5es Infly Travel\">\r\n                        <div class=\"gallery-overlay\">\r\n                            \r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Company Values Section -->\r\n            <div class=\"values-section\">\r\n                <h3>Nossos Valores<\/h3>\r\n                <div class=\"values-grid\">\r\n                    <div class=\"value-item\">\r\n                        <div class=\"value-icon\">\r\n                            <i class=\"fas fa-heart\"><\/i>\r\n                        <\/div>\r\n                        <h4>Paix\u00e3o por viajar<\/h4>\r\n                        <p>Acreditamos que viajar transforma e amamos proporcionar isso aos nossos clientes.<\/p>\r\n                    <\/div>\r\n                    <div class=\"value-item\">\r\n                        <div class=\"value-icon\">\r\n                            <i class=\"fas fa-star\"><\/i>\r\n                        <\/div>\r\n                        <h4>Excel\u00eancia no atendimento<\/h4>\r\n                        <p>Cada cliente \u00e9 \u00fanico, e nos dedicamos para oferecer sempre um atendimento atencioso, \u00e1gil e personalizado.<\/p>\r\n                    <\/div>\r\n                    <div class=\"value-item\">\r\n                        <div class=\"value-icon\">\r\n                            <i class=\"fas fa-shield-alt\"><\/i>\r\n                        <\/div>\r\n                        <h4>Seguran\u00e7a e confian\u00e7a<\/h4>\r\n                        <p>Atuamos com transpar\u00eancia e responsabilidade em cada etapa da jornada.<\/p>\r\n                    <\/div>\r\n                    <div class=\"value-item\">\r\n                        <div class=\"value-icon\">\r\n                            <i class=\"fas fa-lightbulb\"><\/i>\r\n                        <\/div>\r\n                        <h4>Inova\u00e7\u00e3o constante<\/h4>\r\n                        <p>Buscamos sempre as melhores ferramentas e solu\u00e7\u00f5es para facilitar e aprimorar a experi\u00eancia de viagem.<\/p>\r\n                    <\/div>\r\n                    <div class=\"value-item\">\r\n                        <div class=\"value-icon\">\r\n                            <i class=\"fas fa-handshake\"><\/i>\r\n                        <\/div>\r\n                        <h4>Empatia e compromisso<\/h4>\r\n                        <p>Nos colocamos no lugar do cliente e fazemos de tudo para que sua viagem seja perfeita do in\u00edcio ao fim.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- SERVICES SECTION -->\r\n    <section id=\"servicos\" class=\"section\">\r\n        <div class=\"container\">\r\n            <div class=\"section-title\">\r\n                <h2>Nossos Servi\u00e7os<\/h2>\r\n                <p>Tudo que voc\u00ea precisa para sua viagem perfeita, em um s\u00f3 lugar.<\/p>\r\n            <\/div>\r\n            <div class=\"services-grid\">\r\n                <div class=\"service-card\">\r\n                    <div class=\"service-icon\">\r\n                        <i class=\"fas fa-plane\"><\/i>\r\n                    <\/div>\r\n                    <h3>Passagens A\u00e9reas<\/h3>\r\n                    <p>Ofertas exclusivas nacionais e internacionais com os melhores pre\u00e7os do mercado. Parcelamento facilitado e suporte completo.<\/p>\r\n                <\/div>\r\n                <div class=\"service-card\">\r\n                    <div class=\"service-icon\">\r\n                        <i class=\"fas fa-hotel\"><\/i>\r\n                    <\/div>\r\n                    <h3>Hospedagem<\/h3>\r\n                    <p>Hot\u00e9is, pousadas e resorts selecionados. Desde op\u00e7\u00f5es econ\u00f4micas at\u00e9 luxuosas, sempre com qualidade garantida.<\/p>\r\n                <\/div>\r\n                <div class=\"service-card\">\r\n                    <div class=\"service-icon\">\r\n                        <i class=\"fas fa-car\"><\/i>\r\n                    <\/div>\r\n                    <h3>Aluguel de Ve\u00edculos<\/h3>\r\n                    <p>Frota moderna e segura para sua comodidade. Carros, SUVs e vans para todos os tipos de viagem.<\/p>\r\n                <\/div>\r\n                <div class=\"service-card\">\r\n                    <div class=\"service-icon\">\r\n                        <i class=\"fas fa-map-marked-alt\"><\/i>\r\n                    <\/div>\r\n                    <h3>Pacotes Completos<\/h3>\r\n                    <p>Viagens organizadas com tudo incluso: transporte, hospedagem, passeios e muito mais. Sem preocupa\u00e7\u00f5es!<\/p>\r\n                <\/div>\r\n                <div class=\"service-card\">\r\n                    <div class=\"service-icon\">\r\n                        <i class=\"fas fa-headset\"><\/i>\r\n                    <\/div>\r\n                    <h3>Suporte 24\/7<\/h3>\r\n                    <p>Atendimento humanizado e personalizado. Nossa equipe est\u00e1 sempre dispon\u00edvel para ajudar voc\u00ea.<\/p>\r\n                <\/div>\r\n                <div class=\"service-card\">\r\n                    <div class=\"service-icon\">\r\n                        <i class=\"fas fa-shield-alt\"><\/i>\r\n                    <\/div>\r\n                    <h3>Seguro Viagem<\/h3>\r\n                    <p>Prote\u00e7\u00e3o completa para sua tranquilidade. Cobertura m\u00e9dica, bagagem e cancelamento de viagem.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- CONTACT SECTION -->\r\n    <section id=\"contato\" class=\"section contact\">\r\n        <div class=\"container\">\r\n            <div class=\"section-title\">\r\n                <h2>Entre em Contato<\/h2>\r\n                <p>Estamos \u00e0 disposi\u00e7\u00e3o para ajudar com todas as suas d\u00favidas e solicita\u00e7\u00f5es de viagem.<\/p>\r\n            <\/div>\r\n            <div class=\"cta-content\">\r\n                <h2>Pronto para sua pr\u00f3xima aventura?<\/h2>\r\n                <p>Entre em contato conosco e receba uma cota\u00e7\u00e3o personalizada para a viagem dos seus sonhos!<\/p>\r\n                <a href=\"https:\/\/wa.me\/5562981142642?text=Ol\u00e1! Gostaria de solicitar uma cota\u00e7\u00e3o de viagem.\" target=\"_blank\" class=\"whatsapp-btn\">\r\n                    <i class=\"fab fa-whatsapp\"><\/i>\r\n                    Falar no WhatsApp\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- FOOTER -->\r\n    <footer class=\"footer\">\r\n        <div class=\"container\">\r\n            <div class=\"footer-content\">\r\n                <div class=\"footer-section\">\r\n                    <h3>Infly Travel<\/h3>\r\n                    <p>Sua ag\u00eancia de viagens de confian\u00e7a. Transformamos sonhos em realidade h\u00e1 mais de 10 anos no mercado.<\/p>\r\n                    \r\n                <\/div>\r\n                <div class=\"footer-section\">\r\n                    <h3>Contato<\/h3>\r\n                    <p><i class=\"fas fa-phone\"><\/i> (62)98114-2642<\/p>\r\n                    <p>\r\n                        R 72\r\nQUADRAC16 LOTE 12\/15 COND QS 01 SALA 1507\r\nGOIANIA, GO 74.805-480\r\nBrasil\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"footer-bottom\">\r\n                <p>&copy; 2025 Infly Travel. Todos os direitos reservados. | CNPJ: 55.580.672\/0001-05<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/footer>\r\n\r\n    <script>\r\n        \/\/ Smooth scrolling for navigation 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        \/\/ Header background change on scroll\r\n        window.addEventListener('scroll', function() {\r\n            const header = document.querySelector('.header');\r\n            if (window.scrollY > 100) {\r\n                header.style.background = 'rgba(255, 255, 255, 0.98)';\r\n            } else {\r\n                header.style.background = 'rgba(255, 255, 255, 0.95)';\r\n            }\r\n        });\r\n\r\n        \/\/ Animate elements on scroll\r\n        const observerOptions = {\r\n            threshold: 0.1,\r\n            rootMargin: '0px 0px -50px 0px'\r\n        };\r\n\r\n        const observer = new IntersectionObserver(function(entries) {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting) {\r\n                    entry.target.style.opacity = '1';\r\n                    entry.target.style.transform = 'translateY(0)';\r\n                }\r\n            });\r\n        }, observerOptions);\r\n\r\n        \/\/ Observe all cards and sections\r\n        document.querySelectorAll('.service-card, .destination-card, .testimonial-card, .value-item').forEach(el => {\r\n            el.style.opacity = '0';\r\n            el.style.transform = 'translateY(30px)';\r\n            el.style.transition = 'all 0.6s ease';\r\n            observer.observe(el);\r\n        });\r\n\r\n        \/\/ Enhanced animation for value items\r\n        const valueObserver = new IntersectionObserver(function(entries) {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting) {\r\n                    entry.target.classList.add('animate');\r\n                }\r\n            });\r\n        }, { threshold: 0.2 });\r\n\r\n        document.querySelectorAll('.value-item').forEach(el => {\r\n            valueObserver.observe(el);\r\n        });\r\n\r\n        \/\/ Toggle navigation menu on mobile\r\n        const navToggle = document.querySelector('.nav-toggle');\r\n        const navMenuWrapper = document.querySelector('.nav-menu-wrapper');\r\n\r\n        navToggle.addEventListener('click', () => {\r\n            navMenuWrapper.classList.toggle('active');\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Infly Travel &#8211; Sua Pr\u00f3xima Aventura Come\u00e7a Aqui Sobre Servi\u00e7os Contato Solicitar Cota\u00e7\u00e3o Sua Pr\u00f3xima Aventura Come\u00e7a Aqui Descubra o mundo com seguran\u00e7a, conforto e os melhores pre\u00e7os. Pacotes personalizados e atendimento 24\/7 para tornar sua viagem inesquec\u00edvel. Ver Servi\u00e7os Falar com Especialista Por que escolher a Infly Travel? Somos especialistas em transformar sonhos em [&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-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/inflytravel.com.br\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inflytravel.com.br\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/inflytravel.com.br\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/inflytravel.com.br\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inflytravel.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":24,"href":"https:\/\/inflytravel.com.br\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":39,"href":"https:\/\/inflytravel.com.br\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/39"}],"wp:attachment":[{"href":"https:\/\/inflytravel.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}