Portf\u00f3lio de Edi\u00e7\u00e3o de V\u00eddeos<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&display=swap\" 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 body {\r\n font-family: 'Inter', sans-serif;\r\n line-height: 1.6;\r\n color: #ffffff;\r\n background-color: #191919;\r\n overflow-x: hidden;\r\n max-width: 100vw;\r\n width: 100%;\r\n left: 0;\r\n right: 0;\r\n position: relative;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n html {\r\n overflow-x: hidden;\r\n max-width: 100vw;\r\n width: 100%;\r\n left: 0;\r\n right: 0;\r\n position: relative;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n \/* Language Selector *\/\r\n .language-selector {\r\n display: flex;\r\n gap: 8px;\r\n order: -1;\r\n margin-right: auto;\r\n }\r\n\r\n .lang-btn {\r\n background: rgba(255, 255, 255, 0.1);\r\n border: 1px solid rgba(108, 229, 181, 0.3);\r\n color: #ffffff;\r\n padding: 6px 12px;\r\n border-radius: 6px;\r\n cursor: pointer;\r\n font-size: 12px;\r\n font-weight: 500;\r\n font-family: 'Inter', sans-serif;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n @media (max-width: 1024px) {\r\n .language-selector {\r\n position: fixed;\r\n top: 16px;\r\n right: 16px;\r\n z-index: 9999;\r\n order: 0;\r\n margin-right: 0;\r\n }\r\n\r\n .lang-btn {\r\n padding: 5.78px 11.56px;\r\n font-size: 9.39px;\r\n }\r\n }\r\n\r\n .lang-btn:hover {\r\n border-color: #6ce5b5;\r\n color: #6ce5b5;\r\n }\r\n\r\n .lang-btn.active {\r\n background: linear-gradient(135deg, #6ce5b5 0%, #029e77 100%);\r\n border-color: #6ce5b5;\r\n color: #ffffff;\r\n }\r\n\r\n .container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 16px;\r\n overflow: hidden;\r\n }\r\n\r\n \/* Header Navigation *\/\r\n header {\r\n background: rgba(15, 15, 15, 0.95);\r\n backdrop-filter: blur(20px);\r\n -webkit-backdrop-filter: blur(20px);\r\n border-bottom: 1px solid rgba(108, 229, 181, 0.15);\r\n position: sticky;\r\n top: 0;\r\n z-index: 100;\r\n box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);\r\n padding: 0 16px;\r\n }\r\n\r\n nav {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 16px 0;\r\n gap: 80px;\r\n }\r\n\r\n @media (max-width: 1024px) {\r\n nav {\r\n justify-content: space-between;\r\n }\r\n }\r\n\r\n .logo {\r\n display: none;\r\n }\r\n\r\n nav ul {\r\n display: flex;\r\n list-style: none;\r\n gap: 60px;\r\n }\r\n\r\n nav a {\r\n text-decoration: none;\r\n color: #ffffff;\r\n font-size: 13px;\r\n font-weight: 300;\r\n letter-spacing: 0.5px;\r\n transition: all 0.4s ease;\r\n position: relative;\r\n }\r\n\r\n nav a:hover {\r\n color: #6ce5b5;\r\n }\r\n\r\n nav 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: linear-gradient(90deg, #6ce5b5, #029e77);\r\n transition: width 0.4s ease;\r\n }\r\n\r\n nav a:hover::after {\r\n width: 100%;\r\n }\r\n\r\n .hamburger-menu {\r\n display: none;\r\n flex-direction: column;\r\n background: none;\r\n border: none;\r\n cursor: pointer;\r\n gap: 6px;\r\n }\r\n\r\n .hamburger-menu span {\r\n width: 25px;\r\n height: 3px;\r\n background: #ffffff;\r\n border-radius: 2px;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .hamburger-menu.active span:nth-child(1) {\r\n transform: rotate(45deg) translate(10px, 10px);\r\n }\r\n\r\n .hamburger-menu.active span:nth-child(2) {\r\n opacity: 0;\r\n }\r\n\r\n .hamburger-menu.active span:nth-child(3) {\r\n transform: rotate(-45deg) translate(7px, -7px);\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .hamburger-menu {\r\n display: flex;\r\n }\r\n\r\n nav ul {\r\n display: none;\r\n position: absolute;\r\n top: 60px;\r\n left: 0;\r\n right: 0;\r\n background: rgba(15, 15, 15, 0.98);\r\n flex-direction: column;\r\n gap: 0;\r\n padding: 20px;\r\n border-top: 1px solid rgba(108, 229, 181, 0.15);\r\n }\r\n\r\n nav ul.active {\r\n display: flex;\r\n }\r\n\r\n nav ul li {\r\n padding: 12px 0;\r\n border-bottom: 1px solid rgba(108, 229, 181, 0.1);\r\n }\r\n\r\n nav ul li:last-child {\r\n border-bottom: none;\r\n }\r\n\r\n nav ul a {\r\n font-size: 14px;\r\n }\r\n\r\n .btn-header-orcamento {\r\n padding: 10px 18px;\r\n font-size: 12px;\r\n white-space: nowrap;\r\n }\r\n }\r\n\r\n .mouse-follower {\r\n position: fixed;\r\n width: 12px;\r\n height: 12px;\r\n background: #6ce5b5;\r\n border-radius: 50%;\r\n pointer-events: none;\r\n box-shadow: 0 0 20px rgba(108, 229, 181, 0.6), 0 0 40px rgba(108, 229, 181, 0.3);\r\n z-index: 9999;\r\n transform: translate(-50%, -50%);\r\n }\r\n\r\n @media (max-width: 1024px) {\r\n .mouse-follower {\r\n display: none;\r\n }\r\n }\r\n\r\n .btn-header-orcamento {\r\n background: linear-gradient(135deg, #6ce5b5 0%, #029e77 100%);\r\n color: #ffffff !important;\r\n padding: 10px 24px;\r\n border-radius: 25px;\r\n font-size: 13px;\r\n font-weight: 500;\r\n letter-spacing: 0.5px;\r\n transition: all 0.4s ease;\r\n text-decoration: none !important;\r\n display: inline-block;\r\n border: none;\r\n cursor: pointer;\r\n }\r\n\r\n .btn-header-orcamento:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 10px 25px rgba(108, 229, 181, 0.3);\r\n }\r\n\r\n .btn-header-orcamento:hover::after {\r\n width: 0;\r\n }\r\n\r\n \/* Hero Section *\/\r\n .hero {\r\n padding: 60px 0;\r\n text-align: left;\r\n background-color: #191919;\r\n background-image: url('hero-bg-desktop.jpg');\r\n background-size: cover;\r\n background-position: center right;\r\n background-attachment: fixed;\r\n min-height: 600px;\r\n display: flex;\r\n align-items: center;\r\n position: relative;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .hero {\r\n min-height: auto;\r\n padding: 40px 0;\r\n background-attachment: scroll;\r\n }\r\n }\r\n\r\n .hero::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: rgba(25, 25, 25, 0.5);\r\n z-index: 1;\r\n }\r\n\r\n .hero .container {\r\n position: relative;\r\n z-index: 2;\r\n width: 100%;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 16px;\r\n }\r\n\r\n \/* Tablet *\/\r\n @media (max-width: 1024px) {\r\n .hero {\r\n background-image: url('hero-bg-tablet.jpg');\r\n background-attachment: scroll;\r\n }\r\n }\r\n\r\n \/* Mobile *\/\r\n @media (max-width: 768px) {\r\n .hero {\r\n background-image: url('hero-bg-mobile.jpg');\r\n background-attachment: scroll;\r\n background-color: #191919;\r\n padding: 20px 0;\r\n }\r\n }\r\n\r\n .hero .container {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n min-height: 600px;\r\n }\r\n\r\n .hero h1 {\r\n font-size: 82.944px;\r\n font-weight: 600;\r\n margin: 0;\r\n line-height: 1.2;\r\n max-width: 900px;\r\n display: inline-block;\r\n width: 100%;\r\n background: linear-gradient(135deg, #ffffff 0%, #6ce5b5 100%);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .hero h1 {\r\n font-size: 71.6636px;\r\n }\r\n }\r\n\r\n .hero .subtitle {\r\n font-size: 16px;\r\n font-weight: 300;\r\n color: rgba(255, 255, 255, 0.7);\r\n margin: 12px 0 30px 0;\r\n max-width: 700px;\r\n display: block;\r\n width: 100%;\r\n text-align: justify;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .hero .subtitle {\r\n font-size: 15.36px;\r\n }\r\n }\r\n\r\n .hero p {\r\n font-size: 16px;\r\n color: #555;\r\n margin-bottom: 40px;\r\n max-width: 600px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n\r\n .cta-button {\r\n display: inline-block;\r\n padding: 12px 32px;\r\n background: linear-gradient(135deg, #6ce5b5 0%, #029e77 100%);\r\n color: #ffffff;\r\n text-decoration: none;\r\n border-radius: 25px;\r\n font-weight: 500;\r\n transition: all 0.3s;\r\n cursor: pointer;\r\n border: none;\r\n font-size: 14px;\r\n margin-right: 20px;\r\n margin-top: 20px;\r\n white-space: nowrap;\r\n }\r\n\r\n .cta-button:hover {\r\n opacity: 0.9;\r\n transform: translateY(-2px);\r\n }\r\n\r\n .cta-button-secondary {\r\n display: inline-block;\r\n padding: 12px 32px;\r\n background: transparent;\r\n backdrop-filter: none;\r\n -webkit-backdrop-filter: none;\r\n color: #ffffff;\r\n text-decoration: none;\r\n border: 1.5px solid rgba(108, 229, 181, 0.5);\r\n border-radius: 25px;\r\n font-weight: 500;\r\n transition: all 0.3s;\r\n cursor: pointer;\r\n margin-right: 20px;\r\n margin-top: 20px;\r\n font-size: 14px;\r\n white-space: nowrap;\r\n }\r\n\r\n .cta-button-secondary:hover {\r\n background-color: transparent;\r\n border-color: #6ce5b5;\r\n color: #6ce5b5;\r\n }\r\n\r\n .hero-buttons {\r\n display: flex;\r\n gap: 20px;\r\n margin-top: 30px;\r\n }\r\n\r\n .btn-hero-primary {\r\n display: inline-block;\r\n padding: 12.6px 28.8px;\r\n background: linear-gradient(135deg, #6ce5b5 0%, #029e77 100%);\r\n color: #ffffff;\r\n text-decoration: none;\r\n border-radius: 18px;\r\n font-weight: 500;\r\n transition: all 0.3s ease;\r\n cursor: pointer;\r\n border: none;\r\n font-size: 12.6px;\r\n white-space: nowrap;\r\n }\r\n\r\n .btn-hero-primary:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 10px 25px rgba(108, 229, 181, 0.3);\r\n }\r\n\r\n .btn-hero-secondary {\r\n display: inline-block;\r\n padding: 12.6px 28.8px;\r\n background: rgba(255, 255, 255, 0.15);\r\n backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n color: #ffffff;\r\n text-decoration: none;\r\n border: none;\r\n border-radius: 18px;\r\n font-weight: 500;\r\n transition: all 0.3s ease;\r\n cursor: pointer;\r\n font-size: 12.6px;\r\n white-space: nowrap;\r\n }\r\n\r\n .btn-hero-secondary:hover {\r\n background: rgba(255, 255, 255, 0.25);\r\n border-color: rgba(108, 229, 181, 0.8);\r\n transform: translateY(-3px);\r\n }\r\n\r\n .cta-button-secondary:hover {\r\n background-color: #f0f0ff;\r\n }\r\n\r\n .results-cta {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n margin-top: 50px;\r\n }\r\n\r\n @keyframes swing {\r\n 0% {\r\n transform: translateX(0);\r\n }\r\n 50% {\r\n transform: translateX(10px);\r\n }\r\n 100% {\r\n transform: translateX(0);\r\n }\r\n }\r\n\r\n @keyframes fastPulse {\r\n 0% {\r\n transform: translateX(0);\r\n }\r\n 3% {\r\n transform: translateX(12px);\r\n }\r\n 6% {\r\n transform: translateX(0);\r\n }\r\n 9% {\r\n transform: translateX(12px);\r\n }\r\n 12% {\r\n transform: translateX(0);\r\n }\r\n 100% {\r\n transform: translateX(0);\r\n }\r\n }\r\n\r\n .btn-budget {\r\n display: inline-block;\r\n padding: 14px 32px;\r\n background: linear-gradient(135deg, #6ce5b5 0%, #029e77 100%);\r\n color: #ffffff;\r\n text-decoration: none;\r\n border-radius: 20px;\r\n font-weight: 500;\r\n transition: opacity 0.3s;\r\n cursor: pointer;\r\n font-size: 16px;\r\n animation: swing 0.6s linear infinite;\r\n }\r\n\r\n .btn-budget:hover {\r\n opacity: 0.9;\r\n animation: none;\r\n }\r\n\r\n .faq-cta-content .btn-budget {\r\n background: rgba(255, 255, 255, 0.2);\r\n backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n border: none;\r\n animation: swing 0.6s linear infinite;\r\n }\r\n\r\n .faq-cta-content .btn-budget:hover {\r\n background: rgba(108, 229, 181, 0.4);\r\n border-color: #6ce5b5;\r\n opacity: 1;\r\n }\r\n\r\n #por-que .results-cta .btn-budget {\r\n animation: fastPulse 4s ease-in-out infinite;\r\n }\r\n\r\n #por-que .results-cta .btn-budget:hover {\r\n animation: none;\r\n }\r\n\r\n #portfolio .results-cta .btn-budget {\r\n animation: fastPulse 4s ease-in-out infinite;\r\n }\r\n\r\n #portfolio .results-cta .btn-budget:hover {\r\n animation: none;\r\n }\r\n\r\n #resultados .results-cta .btn-budget {\r\n animation: fastPulse 4s ease-in-out infinite;\r\n }\r\n\r\n #resultados .results-cta .btn-budget:hover {\r\n animation: none;\r\n }\r\n\r\n #servicos .results-cta .btn-budget {\r\n animation: fastPulse 4s ease-in-out infinite;\r\n }\r\n\r\n #servicos .results-cta .btn-budget:hover {\r\n animation: none;\r\n }\r\n\r\n #processo .results-cta .btn-budget {\r\n animation: fastPulse 4s ease-in-out infinite;\r\n }\r\n\r\n #processo .results-cta .btn-budget:hover {\r\n animation: none;\r\n }\r\n\r\n #sobre .results-cta .btn-budget {\r\n animation: fastPulse 4s ease-in-out infinite;\r\n }\r\n\r\n #sobre .results-cta .btn-budget:hover {\r\n animation: none;\r\n }\r\n\r\n #faq .results-cta .btn-budget {\r\n animation: fastPulse 4s ease-in-out infinite;\r\n }\r\n\r\n #faq .results-cta .btn-budget:hover {\r\n animation: none;\r\n }\r\n\r\n \/* Sections *\/\r\n section {\r\n padding: 100px 0;\r\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\r\n background-color: #191919;\r\n }\r\n\r\n section h2 {\r\n font-size: 48px;\r\n font-weight: 400;\r\n margin-bottom: 16px;\r\n color: #ffffff;\r\n }\r\n\r\n .highlight-title {\r\n background: linear-gradient(90deg, rgba(108, 229, 181, 0) 0%, rgba(108, 229, 181, 0.5) 50%, rgba(108, 229, 181, 0) 100%);\r\n color: #ffffff;\r\n padding: 4px 16px;\r\n border-radius: 4px;\r\n display: inline-block;\r\n font-weight: 600;\r\n background-size: 200% 100%;\r\n background-position: -100% 0;\r\n }\r\n\r\n .highlight-title.animate {\r\n animation: fillBackground 1.2s ease-out forwards;\r\n }\r\n\r\n section .section-subtitle {\r\n font-size: 18px;\r\n font-weight: 300;\r\n color: rgba(255, 255, 255, 0.7);\r\n margin-bottom: 50px;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .hero .container {\r\n min-height: auto !important;\r\n }\r\n section:not(.hero) {\r\n padding: 100px 0;\r\n }\r\n .hero {\r\n padding: 20px 0 !important;\r\n }\r\n .hero-buttons {\r\n margin-top: -15px;\r\n }\r\n }\r\n\r\n \/* Portfolio Section *\/\r\n .portfolio-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 30px;\r\n margin-top: 60px;\r\n }\r\n\r\n .portfolio-grid-vertical {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 30px;\r\n margin-top: 60px;\r\n }\r\n\r\n .portfolio-grid-vertical .portfolio-thumb {\r\n height: 500px;\r\n }\r\n\r\n .portfolio-grid-shorts {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\r\n gap: 30px;\r\n margin-top: 60px;\r\n }\r\n\r\n .portfolio-item-short {\r\n text-align: center;\r\n transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n transform: scale(1);\r\n transform-origin: center center;\r\n }\r\n\r\n .portfolio-item-short:hover {\r\n transform: scale(1.2);\r\n }\r\n\r\n .portfolio-thumb-short {\r\n width: 100%;\r\n height: 380px;\r\n background-size: cover;\r\n background-position: center;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 14px;\r\n color: #999;\r\n border-radius: 8px;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .portfolio-label {\r\n font-size: 12px;\r\n color: rgba(108, 229, 181, 0.8);\r\n font-weight: 600;\r\n margin-bottom: 8px;\r\n letter-spacing: 1px;\r\n }\r\n\r\n .portfolio-item-short h3 {\r\n font-size: 16px;\r\n font-weight: 400;\r\n color: #ffffff;\r\n line-height: 1.4;\r\n }\r\n\r\n .portfolio-tabs {\r\n display: flex;\r\n gap: 15px;\r\n margin-top: 40px;\r\n justify-content: flex-start;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .tab-button {\r\n padding: 14px 32px;\r\n background: rgba(255, 255, 255, 0.05);\r\n border: 1px solid rgba(108, 229, 181, 0.2);\r\n color: rgba(255, 255, 255, 0.7);\r\n border-radius: 20px;\r\n font-size: 14px;\r\n font-weight: 500;\r\n cursor: pointer;\r\n transition: all 0.3s;\r\n font-family: 'Inter', sans-serif;\r\n }\r\n\r\n .tab-button:hover {\r\n background: rgba(108, 229, 181, 0.1);\r\n border-color: #6ce5b5;\r\n color: #6ce5b5;\r\n }\r\n\r\n .tab-button.active {\r\n background: linear-gradient(135deg, #6ce5b5 0%, #029e77 100%);\r\n border-color: #6ce5b5;\r\n color: #ffffff;\r\n }\r\n\r\n .tab-content {\r\n display: none;\r\n animation: fadeInUp 0.6s ease-out forwards;\r\n }\r\n\r\n .tab-content.active {\r\n display: block;\r\n }\r\n\r\n .portfolio-item {\r\n background-color: rgba(255, 255, 255, 0.03);\r\n border-radius: 8px;\r\n overflow: hidden;\r\n transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n cursor: pointer;\r\n transform: scale(1);\r\n transform-origin: center center;\r\n }\r\n\r\n .portfolio-item:hover {\r\n transform: scale(1.2) translateY(-5px);\r\n box-shadow: 0 20px 40px rgba(108, 229, 181, 0.2);\r\n z-index: 10;\r\n }\r\n\r\n .portfolio-thumb {\r\n width: 100%;\r\n height: 200px;\r\n background-size: cover;\r\n background-position: center;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 14px;\r\n color: #999;\r\n }\r\n\r\n .portfolio-info {\r\n padding: 20px;\r\n }\r\n\r\n .portfolio-info h3 {\r\n font-size: 18px;\r\n font-weight: 400;\r\n margin-bottom: 8px;\r\n }\r\n\r\n .portfolio-info p {\r\n font-size: 14px;\r\n color: rgba(255, 255, 255, 0.6);\r\n }\r\n\r\n \/* Results Section *\/\r\n .results-container {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(225px, 1fr));\r\n gap: 36px;\r\n margin-top: 60px;\r\n }\r\n\r\n .result-card {\r\n text-align: left;\r\n padding: 27px;\r\n border: 1px solid rgba(108, 229, 181, 0.15);\r\n border-radius: 16px;\r\n background: rgba(108, 229, 181, 0.02);\r\n backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n cursor: pointer;\r\n transition: all 0.3s ease-in-out;\r\n }\r\n\r\n .result-card:hover {\r\n transform: scale(1.1);\r\n }\r\n\r\n @keyframes fillBackground {\r\n from {\r\n background-position: -100% 0;\r\n }\r\n to {\r\n background-position: 100% 0;\r\n }\r\n }\r\n\r\n .result-number {\r\n font-size: 36.72px;\r\n font-weight: 600;\r\n color: #ffffff;\r\n margin-bottom: 18px;\r\n padding: 1.8px 7.2px;\r\n display: inline-block;\r\n border-radius: 4px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n display: block;\r\n text-align: center;\r\n background: linear-gradient(90deg, rgba(108, 229, 181, 0) 0%, rgba(108, 229, 181, 0.5) 50%, rgba(108, 229, 181, 0) 100%);\r\n background-size: 200% 100%;\r\n background-position: -100% 0;\r\n }\r\n\r\n .result-number.animate {\r\n animation: fillBackground 1.2s ease-out forwards;\r\n }\r\n\r\n .result-label {\r\n font-size: 16px;\r\n color: rgba(255, 255, 255, 0.6);\r\n font-weight: 400;\r\n }\r\n\r\n .result-label-title {\r\n font-size: 14.4px;\r\n font-weight: 500;\r\n color: #ffffff;\r\n margin-bottom: 7.2px;\r\n }\r\n\r\n .result-label-description {\r\n font-size: 12.6px;\r\n color: rgba(255, 255, 255, 0.6);\r\n line-height: 1.5;\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(280px, 1fr));\r\n gap: 40px;\r\n margin-top: 60px;\r\n }\r\n\r\n .service-card {\r\n padding: 30px;\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n border-radius: 8px;\r\n transition: all 0.3s;\r\n background-color: rgba(255, 255, 255, 0.02);\r\n }\r\n\r\n .service-card:hover {\r\n border-color: #6ce5b5;\r\n background-color: rgba(108, 229, 181, 0.05);\r\n }\r\n\r\n .service-icon {\r\n width: 36px;\r\n height: 36px;\r\n margin-bottom: 16px;\r\n display: block;\r\n }\r\n\r\n .service-card h3 {\r\n font-size: 18px;\r\n font-weight: 400;\r\n margin-bottom: 12px;\r\n color: #ffffff;\r\n }\r\n\r\n .service-card p {\r\n font-size: 14px;\r\n color: rgba(255, 255, 255, 0.6);\r\n line-height: 1.6;\r\n }\r\n\r\n \/* Process Section *\/\r\n .process-timeline {\r\n position: relative;\r\n margin-top: 60px;\r\n }\r\n\r\n .process-step {\r\n display: block;\r\n margin-bottom: 40px;\r\n padding: 30px;\r\n background-color: rgba(255, 255, 255, 0.03);\r\n border-radius: 8px;\r\n transition: transform 0.3s ease;\r\n cursor: pointer;\r\n }\r\n\r\n .process-step:hover {\r\n transform: scale(1.05);\r\n }\r\n\r\n .process-step:nth-child(even) {\r\n direction: ltr;\r\n }\r\n\r\n .process-step:nth-child(even) > * {\r\n direction: ltr;\r\n }\r\n\r\n .step-number {\r\n font-size: 64px;\r\n font-weight: 600;\r\n background: linear-gradient(135deg, #6ce5b5 0%, #029e77 100%);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .step-number-inline {\r\n background: linear-gradient(135deg, #6ce5b5 0%, #029e77 100%);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n }\r\n\r\n .step-title {\r\n font-size: 24px;\r\n font-weight: 400;\r\n margin-bottom: 16px;\r\n }\r\n\r\n .step-description {\r\n font-size: 14px;\r\n color: rgba(255, 255, 255, 0.6);\r\n line-height: 1.8;\r\n }\r\n\r\n\r\n\r\n \/* About Section *\/\r\n .about-content {\r\n display: flex;\r\n gap: 100px;\r\n align-items: center;\r\n margin-top: 60px;\r\n max-width: 900px;\r\n }\r\n\r\n .about-image {\r\n background-color: #f5f5f5;\r\n height: 550px;\r\n width: 280px;\r\n border-radius: 8px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: #999;\r\n flex-shrink: 0;\r\n flex: 0 0 280px;\r\n }\r\n\r\n .about-text {\r\n flex: 0 0 400px;\r\n text-align: justify;\r\n }\r\n\r\n .about-text h3 {\r\n font-size: 24px;\r\n font-weight: 400;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .about-text p {\r\n font-size: 18px;\r\n color: rgba(255, 255, 255, 0.6);\r\n margin-bottom: 20px;\r\n line-height: 1.8;\r\n }\r\n\r\n .skill-list {\r\n margin-top: 30px;\r\n }\r\n\r\n .skill-tag {\r\n display: inline-block;\r\n background-color: #e8e8e8;\r\n padding: 8px 16px;\r\n border-radius: 20px;\r\n font-size: 12px;\r\n margin-right: 10px;\r\n margin-bottom: 10px;\r\n }\r\n\r\n \/* Why Choose Section *\/\r\n @keyframes fadeInUp {\r\n from {\r\n opacity: 0;\r\n transform: translateY(40px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n .benefits-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n gap: 30px;\r\n margin-top: 60px;\r\n }\r\n\r\n .benefit-card {\r\n padding: 30px;\r\n background-color: rgba(255, 255, 255, 0.03);\r\n border-radius: 8px;\r\n border: none;\r\n }\r\n\r\n .benefit-icon {\r\n width: 32px;\r\n height: 32px;\r\n margin-bottom: 12px;\r\n display: block;\r\n }\r\n\r\n .benefit-card h3 {\r\n font-size: 18px;\r\n font-weight: 400;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .benefit-card p {\r\n font-size: 14px;\r\n color: rgba(255, 255, 255, 0.6);\r\n line-height: 1.6;\r\n }\r\n\r\n \/* FAQ Section *\/\r\n .faq-container {\r\n max-width: 100%;\r\n margin: 60px 0 0;\r\n }\r\n\r\n .faq-item {\r\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\r\n padding: 30px 0;\r\n cursor: pointer;\r\n }\r\n\r\n .faq-question {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n font-size: 16px;\r\n font-weight: 400;\r\n color: #ffffff;\r\n transition: color 0.3s ease;\r\n cursor: pointer;\r\n }\r\n\r\n .faq-question:hover {\r\n color: #6ce5b5;\r\n }\r\n\r\n .faq-toggle {\r\n font-size: 20px;\r\n color: #6ce5b5;\r\n transition: transform 0.3s;\r\n }\r\n\r\n .faq-item.active .faq-toggle {\r\n transform: rotate(180deg);\r\n }\r\n\r\n .faq-answer {\r\n display: none;\r\n margin-top: 20px;\r\n font-size: 14px;\r\n color: rgba(255, 255, 255, 0.6);\r\n line-height: 1.8;\r\n }\r\n\r\n .faq-item.active .faq-answer {\r\n display: block;\r\n }\r\n\r\n .faq-cta {\r\n margin-top: 105.8px;\r\n padding: 52.8px 39.6px;\r\n background-color: rgba(255, 255, 255, 0.03);\r\n border: none;\r\n border-radius: 20px;\r\n text-align: center;\r\n animation: fadeInUp 0.6s ease-out forwards;\r\n opacity: 0;\r\n max-width: 792px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .faq-cta::before,\r\n .faq-cta::after {\r\n content: '';\r\n position: absolute;\r\n border-radius: 50%;\r\n background-color: #029e77;\r\n opacity: 0.15;\r\n filter: blur(60px);\r\n }\r\n\r\n .faq-cta::before {\r\n width: 200px;\r\n height: 200px;\r\n top: -100px;\r\n right: -100px;\r\n }\r\n\r\n .faq-cta::after {\r\n width: 200px;\r\n height: 200px;\r\n bottom: -100px;\r\n left: -100px;\r\n }\r\n\r\n .faq-cta-content h3 {\r\n font-size: 38.72px;\r\n font-weight: 600;\r\n color: #ffffff;\r\n margin-bottom: 20px;\r\n line-height: 1.3;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .faq-cta-content p {\r\n font-size: 16px;\r\n color: rgba(255, 255, 255, 0.7);\r\n margin-bottom: 30px;\r\n max-width: 600px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .faq-cta-content .results-cta {\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .faq-cta-buttons {\r\n display: flex;\r\n justify-content: center;\r\n gap: 20px;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .faq-cta-buttons .cta-button {\r\n padding: 14px 32px;\r\n background: linear-gradient(135deg, #6ce5b5 0%, #029e77 100%);\r\n color: #ffffff;\r\n text-decoration: none;\r\n border-radius: 20px;\r\n font-weight: 500;\r\n transition: opacity 0.3s;\r\n display: inline-block;\r\n font-size: 16px;\r\n }\r\n\r\n .faq-cta-buttons .cta-button:hover {\r\n opacity: 0.9;\r\n }\r\n\r\n .faq-cta-buttons .cta-button-secondary {\r\n padding: 14px 32px;\r\n background: rgba(255, 255, 255, 0.1);\r\n border: 1.4px solid rgba(108, 229, 181, 0.5);\r\n color: #ffffff;\r\n text-decoration: none;\r\n border-radius: 20px;\r\n font-weight: 500;\r\n transition: all 0.3s;\r\n display: inline-block;\r\n font-size: 16px;\r\n }\r\n\r\n .faq-cta-buttons .cta-button-secondary:hover {\r\n background: rgba(108, 229, 181, 0.1);\r\n border-color: #6ce5b5;\r\n }\r\n\r\n \/* Footer *\/\r\n footer {\r\n background: rgba(26, 26, 26, 0.85);\r\n backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n color: #ffffff;\r\n padding: 60px 0;\r\n border-top: 1px solid rgba(255, 255, 255, 0.1);\r\n font-family: 'Inter', sans-serif;\r\n font-weight: 300;\r\n }\r\n\r\n .footer-content {\r\n display: grid;\r\n grid-template-columns: 1.2fr 0.8fr 1fr 0.8fr 1fr;\r\n gap: 10px;\r\n margin-bottom: 40px;\r\n text-align: left;\r\n }\r\n\r\n .footer-section:nth-child(1) {\r\n grid-column: 1;\r\n }\r\n\r\n .footer-section:nth-child(2) {\r\n grid-column: 2;\r\n }\r\n\r\n .footer-section:nth-child(3) {\r\n grid-column: 3;\r\n }\r\n\r\n .footer-section:nth-child(4) {\r\n grid-column: 4;\r\n }\r\n\r\n .footer-section:nth-child(5) {\r\n grid-column: 5;\r\n }\r\n\r\n .footer-section h4 {\r\n font-size: 13.6px;\r\n font-weight: 600;\r\n color: #6ce5b5;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .footer-section p {\r\n font-size: 14px;\r\n color: rgba(255, 255, 255, 0.7);\r\n line-height: 1.6;\r\n margin-bottom: 8px;\r\n }\r\n\r\n .footer-description {\r\n color: rgba(255, 255, 255, 0.6);\r\n font-size: 14px;\r\n }\r\n\r\n .footer-cnpj {\r\n font-size: 14px;\r\n color: rgba(255, 255, 255, 0.6);\r\n font-family: 'Inter', sans-serif;\r\n font-weight: 300;\r\n }\r\n\r\n .footer-bottom {\r\n text-align: center;\r\n padding-top: 20px;\r\n border-top: 1px solid rgba(255, 255, 255, 0.1);\r\n }\r\n\r\n .footer-bottom p {\r\n font-size: 13px;\r\n color: rgba(255, 255, 255, 0.5);\r\n margin: 0;\r\n }\r\n\r\n .footer-links {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 8px;\r\n }\r\n\r\n .footer-links a {\r\n color: rgba(255, 255, 255, 0.7);\r\n text-decoration: none;\r\n font-size: 14px;\r\n transition: color 0.3s;\r\n }\r\n\r\n .footer-links a:hover {\r\n color: #6ce5b5;\r\n }\r\n\r\n .social-link {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n }\r\n\r\n .social-icon {\r\n width: 20px;\r\n height: 20px;\r\n transition: all 0.3s;\r\n }\r\n\r\n .social-icon.youtube-icon {\r\n width: 16px;\r\n height: 16px;\r\n }\r\n\r\n .social-link:hover .social-icon {\r\n color: #6ce5b5;\r\n }\r\n\r\n .contact-link {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: rgba(255, 255, 255, 0.7);\r\n text-decoration: none;\r\n font-size: 14px;\r\n transition: color 0.3s;\r\n }\r\n\r\n .contact-link:hover {\r\n color: #6ce5b5;\r\n }\r\n\r\n .contact-link:hover .contact-icon {\r\n color: #6ce5b5;\r\n }\r\n\r\n .contact-icon {\r\n width: 18px;\r\n height: 18px;\r\n transition: all 0.3s;\r\n flex-shrink: 0;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .footer-contact {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 4px;\r\n }\r\n\r\n .contact-link {\r\n margin: 0;\r\n padding: 0;\r\n }\r\n }\r\n\r\n .payment-icons {\r\n display: flex;\r\n gap: 16px;\r\n flex-wrap: wrap;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .footer-contact {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 18px;\r\n }\r\n }\r\n\r\n .payment-text {\r\n display: flex;\r\n align-items: center;\r\n gap: 6px;\r\n color: rgba(255, 255, 255, 0.7);\r\n font-size: 14px;\r\n }\r\n\r\n .payment-link {\r\n display: flex;\r\n align-items: center;\r\n gap: 6px;\r\n color: rgba(255, 255, 255, 0.7);\r\n text-decoration: none;\r\n font-size: 14px;\r\n transition: color 0.3s;\r\n }\r\n\r\n .payment-link:hover {\r\n color: #6ce5b5;\r\n }\r\n\r\n .payment-link:hover .payment-icon {\r\n color: #6ce5b5;\r\n }\r\n\r\n .payment-icon {\r\n width: 20px;\r\n height: 20px;\r\n transition: all 0.3s;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .footer-content {\r\n grid-template-columns: 1fr;\r\n gap: 30px;\r\n }\r\n\r\n footer {\r\n padding: 40px 0;\r\n }\r\n }\r\n\r\n .payment-methods {\r\n display: flex;\r\n gap: 16px;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .payment-icon svg {\r\n width: 100%;\r\n height: 100%;\r\n }\r\n\r\n \/* Apple Notification *\/\r\n .apple-notification {\r\n position: fixed;\r\n top: 20px;\r\n right: 20px;\r\n z-index: 10001;\r\n opacity: 0;\r\n transform: translateX(400px);\r\n transition: all 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n pointer-events: none;\r\n }\r\n\r\n .apple-notification.show {\r\n opacity: 1;\r\n transform: translateX(0);\r\n pointer-events: auto;\r\n }\r\n\r\n .notification-content {\r\n display: flex;\r\n align-items: center;\r\n gap: 16px;\r\n background: rgba(26, 26, 26, 0.95);\r\n backdrop-filter: blur(20px);\r\n -webkit-backdrop-filter: blur(20px);\r\n border: 1px solid rgba(108, 229, 181, 0.2);\r\n border-radius: 16px;\r\n padding: 16px 20px;\r\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);\r\n max-width: 380px;\r\n min-width: 320px;\r\n }\r\n\r\n .notification-icon {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n }\r\n\r\n .notification-icon svg {\r\n width: 24px;\r\n height: 24px;\r\n animation: checkmarkAnimation 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n }\r\n\r\n @keyframes checkmarkAnimation {\r\n 0% {\r\n transform: scale(0.5) rotate(-45deg);\r\n opacity: 0;\r\n }\r\n 50% {\r\n transform: scale(1.1);\r\n }\r\n 100% {\r\n transform: scale(1) rotate(0);\r\n opacity: 1;\r\n }\r\n }\r\n\r\n .notification-text {\r\n flex: 1;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 4px;\r\n }\r\n\r\n .notification-title {\r\n font-size: 14px;\r\n font-weight: 500;\r\n color: #ffffff;\r\n line-height: 1.3;\r\n }\r\n\r\n .highlight-month {\r\n color: #6ce5b5;\r\n font-weight: 600;\r\n text-shadow: 0 0 8px rgba(108, 229, 181, 0.4);\r\n }\r\n\r\n \/* ============================================ *\/\r\n \/* COOKIES BANNER \/ LGPD *\/\r\n \/* ============================================ *\/\r\n .cookies-banner {\r\n position: fixed;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n z-index: 9998;\r\n background: rgba(26, 26, 26, 0.98);\r\n backdrop-filter: blur(20px);\r\n -webkit-backdrop-filter: blur(20px);\r\n border-top: 1px solid rgba(108, 229, 181, 0.15);\r\n padding: 24px 20px;\r\n animation: slideUp 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n }\r\n\r\n .cookies-banner.hide {\r\n animation: slideDown 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;\r\n }\r\n\r\n @keyframes slideUp {\r\n from {\r\n transform: translateY(100%);\r\n opacity: 0;\r\n }\r\n to {\r\n transform: translateY(0);\r\n opacity: 1;\r\n }\r\n }\r\n\r\n @keyframes slideDown {\r\n from {\r\n transform: translateY(0);\r\n opacity: 1;\r\n }\r\n to {\r\n transform: translateY(100%);\r\n opacity: 0;\r\n }\r\n }\r\n\r\n .cookies-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 24px;\r\n }\r\n\r\n .cookies-content {\r\n display: flex;\r\n align-items: center;\r\n gap: 16px;\r\n flex: 1;\r\n }\r\n\r\n .cookies-icon {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n width: 40px;\r\n height: 40px;\r\n background: rgba(108, 229, 181, 0.1);\r\n border-radius: 12px;\r\n }\r\n\r\n .cookies-icon svg {\r\n width: 24px;\r\n height: 24px;\r\n }\r\n\r\n .cookies-text {\r\n flex: 1;\r\n }\r\n\r\n .cookies-title {\r\n font-size: 14px;\r\n font-weight: 500;\r\n color: #ffffff;\r\n margin: 0 0 4px 0;\r\n line-height: 1.3;\r\n }\r\n\r\n .cookies-description {\r\n font-size: 13px;\r\n font-weight: 300;\r\n color: rgba(255, 255, 255, 0.7);\r\n margin: 0;\r\n line-height: 1.4;\r\n }\r\n\r\n .cookies-buttons {\r\n display: flex;\r\n gap: 12px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .cookies-btn-decline,\r\n .cookies-btn-accept {\r\n padding: 10px 24px;\r\n border: none;\r\n border-radius: 8px;\r\n font-size: 13px;\r\n font-weight: 500;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n white-space: nowrap;\r\n }\r\n\r\n .cookies-btn-decline {\r\n background: rgba(255, 255, 255, 0.1);\r\n color: rgba(255, 255, 255, 0.8);\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n }\r\n\r\n .cookies-btn-decline:hover {\r\n background: rgba(255, 255, 255, 0.15);\r\n border-color: rgba(255, 255, 255, 0.2);\r\n }\r\n\r\n .cookies-btn-accept {\r\n background: linear-gradient(135deg, #6ce5b5 0%, #029e77 100%);\r\n color: #ffffff;\r\n }\r\n\r\n .cookies-btn-accept:hover {\r\n opacity: 0.9;\r\n box-shadow: 0 8px 20px rgba(108, 229, 181, 0.3);\r\n }\r\n\r\n \/* Responsivo Mobile *\/\r\n @media (max-width: 768px) {\r\n .cookies-banner {\r\n padding: 16px;\r\n }\r\n\r\n .cookies-container {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: 16px;\r\n }\r\n\r\n .cookies-content {\r\n width: 100%;\r\n }\r\n\r\n .cookies-buttons {\r\n width: 100%;\r\n gap: 10px;\r\n }\r\n\r\n .cookies-btn-decline,\r\n .cookies-btn-accept {\r\n flex: 1;\r\n padding: 12px 16px;\r\n }\r\n\r\n .cookies-title {\r\n font-size: 13px;\r\n }\r\n\r\n .cookies-description {\r\n font-size: 12px;\r\n }\r\n }\r\n\r\n .notification-subtitle {\r\n font-size: 13px;\r\n font-weight: 300;\r\n color: rgba(255, 255, 255, 0.7);\r\n line-height: 1.3;\r\n }\r\n\r\n .notification-close {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 28px;\r\n height: 28px;\r\n background: rgba(255, 255, 255, 0.1);\r\n border: none;\r\n border-radius: 8px;\r\n cursor: pointer;\r\n flex-shrink: 0;\r\n transition: all 0.3s ease;\r\n padding: 0;\r\n }\r\n\r\n .notification-close:hover {\r\n background: rgba(255, 255, 255, 0.2);\r\n }\r\n\r\n .notification-close svg {\r\n width: 16px;\r\n height: 16px;\r\n }\r\n\r\n \/* Responsivo Mobile *\/\r\n @media (max-width: 480px) {\r\n .apple-notification {\r\n top: 12px;\r\n right: 12px;\r\n left: 12px;\r\n }\r\n\r\n .notification-content {\r\n max-width: none;\r\n min-width: auto;\r\n padding: 12px 16px;\r\n gap: 12px;\r\n }\r\n\r\n .notification-title {\r\n font-size: 13px;\r\n }\r\n\r\n .notification-subtitle {\r\n font-size: 12px;\r\n }\r\n }\r\n nav ul {\r\n gap: 20px;\r\n }\r\n\r\n .hero h1 {\r\n font-size: 64.8px;\r\n }\r\n\r\n .hero .subtitle {\r\n font-size: 21.6px;\r\n max-width: 500px !important;\r\n width: auto !important;\r\n }\r\n\r\n section h2 {\r\n font-size: 32px;\r\n }\r\n\r\n .process-step {\r\n margin-bottom: 30px;\r\n }\r\n\r\n .process-step:nth-child(even) {\r\n direction: ltr;\r\n }\r\n\r\n .about-content {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .cta-button-secondary {\r\n display: block;\r\n margin-left: 0;\r\n margin-top: 10px;\r\n }\r\n }\r\n\r\n @media (max-width: 1024px) {\r\n #sobre {\r\n background-image: none !important;\r\n }\r\n }\r\n\r\n @media (max-width: 640px) {\r\n .container {\r\n max-width: 100%;\r\n padding: 0 16px;\r\n }\r\n\r\n .hero .container {\r\n min-height: auto;\r\n }\r\n\r\n .hero h1 {\r\n font-size: 20px;\r\n max-width: 100%;\r\n max-width: 280px !important;\r\n word-break: break-word !important;\r\n line-height: 1.3 !important;\r\n }\r\n\r\n .hero .subtitle {\r\n font-size: 13.44px;\r\n max-width: 300px !important;\r\n width: auto !important;\r\n }\r\n\r\n .hero-buttons {\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n margin-top: -15px;\r\n }\r\n\r\n .btn-hero-primary,\r\n .btn-hero-secondary {\r\n padding: 8.82px 20.16px;\r\n font-size: 8.82px;\r\n border-radius: 12.6px;\r\n }\r\n\r\n .portfolio-grid {\r\n grid-template-columns: 1fr;\r\n gap: 20px;\r\n margin-top: 30px;\r\n }\r\n\r\n .portfolio-grid-shorts {\r\n grid-template-columns: 1fr;\r\n gap: 20px;\r\n margin-top: 30px;\r\n }\r\n\r\n footer {\r\n padding: 40px 0;\r\n }\r\n\r\n .footer-content {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 30px;\r\n width: 100%;\r\n }\r\n\r\n .footer-section {\r\n width: 100%;\r\n padding: 20px 16px;\r\n border-bottom: 1px solid rgba(108, 229, 181, 0.1);\r\n }\r\n\r\n .footer-section h4 {\r\n margin-bottom: 15px;\r\n font-size: 14px;\r\n }\r\n\r\n .footer-section p {\r\n margin: 0;\r\n font-size: 13px;\r\n }\r\n\r\n .footer-links {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 8px;\r\n }\r\n\r\n .footer-links a {\r\n font-size: 13px;\r\n }\r\n\r\n .footer-contact {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 8px;\r\n }\r\n\r\n .footer-contact a {\r\n font-size: 13px;\r\n }\r\n\r\n .footer-bottom {\r\n text-align: center;\r\n padding: 20px 16px;\r\n border-top: 1px solid rgba(108, 229, 181, 0.1);\r\n width: 100%;\r\n }\r\n\r\n section h2 {\r\n font-size: 20px;\r\n }\r\n\r\n section h3,\r\n section h4 {\r\n font-size: 14px;\r\n }\r\n\r\n #processo h3,\r\n #processo h4 {\r\n font-size: 14.5px;\r\n }\r\n\r\n #processo p {\r\n font-size: 13px;\r\n }\r\n\r\n #sobre p {\r\n font-size: 11.2px;\r\n line-height: 1.3;\r\n max-height: 86.4px;\r\n overflow: hidden;\r\n }\r\n\r\n .about-text {\r\n flex: 0 0 100%;\r\n }\r\n\r\n .about-text p {\r\n font-size: 13px;\r\n line-height: 1.3;\r\n max-height: 86.4px;\r\n overflow: hidden;\r\n }\r\n\r\n section {\r\n padding: 15px 0;\r\n margin-bottom: 0;\r\n gap: 10px !important;\r\n }\r\n\r\n section .section-subtitle {\r\n font-size: 13px;\r\n margin-bottom: 15px;\r\n }\r\n\r\n section p,\r\n section .subtitle {\r\n font-size: 11.2px;\r\n }\r\n\r\n .tab-button {\r\n padding: 7px 16px;\r\n font-size: 7px;\r\n border-radius: 10px;\r\n flex: 1;\r\n max-width: none;\r\n }\r\n\r\n .result-card,\r\n .service-card,\r\n .benefit-card,\r\n .faq-item {\r\n transform: none;\r\n transform-origin: center;\r\n margin: 0;\r\n }\r\n\r\n .process-step {\r\n margin-bottom: 40px;\r\n }\r\n\r\n .btn-budget {\r\n padding: 8.82px 20.16px;\r\n font-size: 8.82px;\r\n border-radius: 12.6px;\r\n }\r\n\r\n .cookies-banner {\r\n padding: 8px;\r\n transform: scale(0.6);\r\n transform-origin: center;\r\n left: 50%;\r\n bottom: 20px;\r\n margin-left: -192px;\r\n }\r\n\r\n #sobre {\r\n background-image: none !important;\r\n }\r\n\r\n section .section-subtitle {\r\n font-size: 16px;\r\n }\r\n\r\n .faq-cta-content h3 {\r\n font-size: 17px;\r\n }\r\n\r\n .faq-cta-content p {\r\n font-size: 10px;\r\n }\r\n\r\n .faq-cta-content h3 {\r\n display: none;\r\n }\r\n\r\n .faq-cta {\r\n display: none;\r\n }\r\n }\r\n\r\n .faq-consultoria-mobile {\r\n display: none;\r\n }\r\n\r\n @media (max-width: 640px) {\r\n .faq-consultoria-mobile {\r\n display: block;\r\n padding: 0 16px;\r\n margin-bottom: 30px;\r\n }\r\n }\r\n\r\n \/* Video Modal Styles *\/\r\n .video-modal {\r\n display: none;\r\n position: fixed;\r\n z-index: 10000;\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.95);\r\n animation: fadeIn 0.3s ease;\r\n }\r\n\r\n .video-modal.show {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .video-modal-content {\r\n position: relative;\r\n width: 90%;\r\n max-width: 900px;\r\n aspect-ratio: 16 \/ 9;\r\n background: #000;\r\n border-radius: 12px;\r\n overflow: hidden;\r\n box-shadow: 0 0 50px rgba(108, 229, 181, 0.3);\r\n }\r\n\r\n .video-container {\r\n width: 100%;\r\n height: 100%;\r\n }\r\n\r\n .video-modal-close {\r\n position: absolute;\r\n top: 15px;\r\n right: 15px;\r\n background: rgba(0, 0, 0, 0.7);\r\n border: none;\r\n color: #fff;\r\n font-size: 28px;\r\n cursor: pointer;\r\n padding: 5px 12px;\r\n border-radius: 50%;\r\n z-index: 10001;\r\n transition: all 0.3s;\r\n width: 40px;\r\n height: 40px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .video-modal-close:hover {\r\n background: rgba(108, 229, 181, 0.8);\r\n transform: scale(1.1);\r\n }\r\n\r\n .watch-on-youtube {\r\n position: absolute;\r\n bottom: 15px;\r\n right: 15px;\r\n background: linear-gradient(135deg, #6ce5b5 0%, #029e77 100%);\r\n color: #fff;\r\n padding: 10px 20px;\r\n border-radius: 20px;\r\n text-decoration: none;\r\n font-size: 12px;\r\n font-weight: 600;\r\n transition: all 0.3s;\r\n z-index: 10001;\r\n }\r\n\r\n .watch-on-youtube:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 20px rgba(108, 229, 181, 0.3);\r\n }\r\n\r\n \/* Notifica\u00e7\u00e3o em fullscreen *\/\r\n .apple-notification.fullscreen {\r\n z-index: 999999999;\r\n position: fixed;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .video-modal-content {\r\n width: 100%;\r\n max-width: 100%;\r\n aspect-ratio: auto;\r\n height: auto;\r\n }\r\n\r\n .watch-on-youtube {\r\n bottom: 10px;\r\n right: 10px;\r\n font-size: 11px;\r\n padding: 8px 14px;\r\n }\r\n }\r\n\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"mouse-follower\"><\/div>\r\n \r\n <header>\r\n <div class=\"container\">\r\n <nav>\r\n <button class=\"hamburger-menu\" id=\"hamburger\">\r\n <span><\/span>\r\n <span><\/span>\r\n <span><\/span>\r\n <\/button>\r\n <div class=\"language-selector\">\r\n <button class=\"lang-btn active\" data-lang=\"en\">\ud83c\uddfa\ud83c\uddf8 English<\/button>\r\n <button class=\"lang-btn\" data-lang=\"pt\">\ud83c\udde7\ud83c\uddf7 Portugu\u00eas<\/button>\r\n <\/div>\r\n <ul id=\"nav-menu\">\r\n <li><a href=\"#hero\" data-i18n=\"home\">Home<\/a><\/li>\r\n <li><a href=\"#portfolio\" data-i18n=\"portfolio\">Portf\u00f3lio<\/a><\/li>\r\n <li><a href=\"#resultados\" data-i18n=\"resultados\">Resultados<\/a><\/li>\r\n <li><a href=\"#servicos\" data-i18n=\"servicos\">Servi\u00e7os<\/a><\/li>\r\n <li><a href=\"#processo\" data-i18n=\"processo\">Processo<\/a><\/li>\r\n <li><a href=\"#sobre\" data-i18n=\"sobre\">Sobre<\/a><\/li>\r\n <li><a href=\"#faq\" data-i18n=\"faq\">FAQ<\/a><\/li>\r\n <\/ul>\r\n <\/nav>\r\n <\/div>\r\n <\/header>\r\n\r\n \r\n <section class=\"hero\" id=\"hero\">\r\n <div class=\"container\">\r\n <h1 data-i18n-html=\"hero-title\">Edi\u00e7\u00e3o de V\u00eddeo Profissional<br>para Criadores de Conte\u00fado<\/h1>\r\n <p class=\"subtitle\" data-i18n=\"hero-subtitle\">Cansado de editores que atrasam entregas, usam B-roll gen\u00e9rico e entregam v\u00eddeos sem identidade? Trabalho com edi\u00e7\u00e3o profissional para YouTube, criadores de conte\u00fado e marcas que desejam v\u00eddeos mais envolventes, profissionais e com maior reten\u00e7\u00e3o.<\/p>\r\n <div class=\"hero-buttons\">\r\n <a href=\"https:\/\/api.whatsapp.com\/send\/?phone=5511911522187&text=Ol%C3%A1%2C+meu+nome+%C3%A9+XXX%2C+sou+do+Canal+XXX.+Gostaria+de+contratar+servi%C3%A7os+de+edi%C3%A7%C3%A3o+de+v%C3%ADdeo+para+minha+empresa%2C+voc%C3%AAs+podem+me+ajudar%3F&type=phone_number&app_absent=0&utm_source=chatgpt.com\" target=\"_blank\" class=\"btn-hero-primary\" data-i18n=\"btn-orcamento\">Or\u00e7amento<\/a>\r\n <a href=\"#portfolio\" class=\"btn-hero-secondary\" data-i18n=\"btn-portfolio\">Ver Portf\u00f3lio<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"portfolio\">\r\n <div class=\"container\">\r\n <h2><span class=\"highlight-title\" data-i18n=\"portfolio-title\">Portf\u00f3lio<\/span><\/h2>\r\n <p class=\"section-subtitle\" data-i18n=\"portfolio-subtitle\">Projetos que entregaram resultados reais para meus clientes<\/p>\r\n \r\n <div class=\"portfolio-tabs\">\r\n <button class=\"tab-button active\" data-tab=\"conteudo-longo\" data-i18n=\"tab-long\">Conte\u00fado Longo<\/button>\r\n <button class=\"tab-button\" data-tab=\"conteudo-curto\" data-i18n=\"tab-short\">Conte\u00fado Curto<\/button>\r\n <button class=\"tab-button\" data-tab=\"motion-graphics\" data-i18n=\"tab-motion\">Motion Graphics<\/button>\r\n <\/div>\r\n\r\n <div class=\"tab-content active\" id=\"conteudo-longo\">\r\n <div class=\"portfolio-grid\">\r\n <div class=\"portfolio-item\">\r\n <a href=\"https:\/\/www.youtube.com\/watch?v=ow77v1CM31k\" target=\"_blank\">\r\n <div class=\"portfolio-thumb\" style=\"background-image: url('https:\/\/img.youtube.com\/vi\/ow77v1CM31k\/maxresdefault.jpg');\"><\/div>\r\n <\/a>\r\n <\/div>\r\n <div class=\"portfolio-item\">\r\n <a href=\"https:\/\/www.youtube.com\/watch?v=qnnWnVlCYiY\" target=\"_blank\">\r\n <div class=\"portfolio-thumb\" style=\"background-image: url('https:\/\/img.youtube.com\/vi\/qnnWnVlCYiY\/maxresdefault.jpg');\"><\/div>\r\n <\/a>\r\n <\/div>\r\n <div class=\"portfolio-item\">\r\n <a href=\"https:\/\/www.youtube.com\/watch?v=6rlS-4-9Sg0\" target=\"_blank\">\r\n <div class=\"portfolio-thumb\" style=\"background-image: url('https:\/\/img.youtube.com\/vi\/6rlS-4-9Sg0\/maxresdefault.jpg');\"><\/div>\r\n <\/a>\r\n <\/div>\r\n <div class=\"portfolio-item\">\r\n <a href=\"https:\/\/www.youtube.com\/watch?v=zz6izfYiKNI\" target=\"_blank\">\r\n <div class=\"portfolio-thumb\" style=\"background-image: url('https:\/\/img.youtube.com\/vi\/zz6izfYiKNI\/maxresdefault.jpg');\"><\/div>\r\n <\/a>\r\n <\/div>\r\n <div class=\"portfolio-item\">\r\n <a href=\"https:\/\/www.youtube.com\/watch?v=sbHW8hA02d0\" target=\"_blank\">\r\n <div class=\"portfolio-thumb\" style=\"background-image: url('https:\/\/img.youtube.com\/vi\/sbHW8hA02d0\/maxresdefault.jpg');\"><\/div>\r\n <\/a>\r\n <\/div>\r\n <div class=\"portfolio-item\">\r\n <a href=\"https:\/\/www.youtube.com\/watch?v=6HNYL6XFwYU\" target=\"_blank\">\r\n <div class=\"portfolio-thumb\" style=\"background-image: url('https:\/\/img.youtube.com\/vi\/6HNYL6XFwYU\/maxresdefault.jpg');\"><\/div>\r\n <\/a>\r\n <\/div>\r\n <div class=\"portfolio-item\">\r\n <a href=\"https:\/\/www.youtube.com\/watch?v=yk7MLN9q0zY\" target=\"_blank\">\r\n <div class=\"portfolio-thumb\" style=\"background-image: url('https:\/\/img.youtube.com\/vi\/yk7MLN9q0zY\/maxresdefault.jpg');\"><\/div>\r\n <\/a>\r\n <\/div>\r\n <div class=\"portfolio-item\">\r\n <a href=\"https:\/\/www.youtube.com\/watch?v=6vfps1m0iDQ\" target=\"_blank\">\r\n <div class=\"portfolio-thumb\" style=\"background-image: url('https:\/\/img.youtube.com\/vi\/6vfps1m0iDQ\/maxresdefault.jpg');\"><\/div>\r\n <\/a>\r\n <\/div>\r\n <div class=\"portfolio-item\">\r\n <a href=\"https:\/\/www.youtube.com\/watch?v=SHhCnEi2M38\" target=\"_blank\">\r\n <div class=\"portfolio-thumb\" style=\"background-image: url('https:\/\/img.youtube.com\/vi\/SHhCnEi2M38\/maxresdefault.jpg');\"><\/div>\r\n <\/a>\r\n <\/div>\r\n <div class=\"portfolio-item\">\r\n <a href=\"https:\/\/www.youtube.com\/watch?v=9znv75lYNyE\" target=\"_blank\">\r\n <div class=\"portfolio-thumb\" style=\"background-image: url('https:\/\/img.youtube.com\/vi\/9znv75lYNyE\/maxresdefault.jpg');\"><\/div>\r\n <\/a>\r\n <\/div>\r\n <div class=\"portfolio-item\">\r\n <a href=\"https:\/\/www.youtube.com\/watch?v=_tjfep6JBB0\" target=\"_blank\">\r\n <div class=\"portfolio-thumb\" style=\"background-image: url('https:\/\/img.youtube.com\/vi\/_tjfep6JBB0\/maxresdefault.jpg');\"><\/div>\r\n <\/a>\r\n <\/div>\r\n <div class=\"portfolio-item\">\r\n <a href=\"https:\/\/www.youtube.com\/watch?v=W0sfbfgoGvg\" target=\"_blank\">\r\n <div class=\"portfolio-thumb\" style=\"background-image: url('https:\/\/img.youtube.com\/vi\/W0sfbfgoGvg\/maxresdefault.jpg');\"><\/div>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"tab-content\" id=\"conteudo-curto\">\r\n <div class=\"portfolio-grid-shorts\">\r\n <div class=\"portfolio-item-short\">\r\n <a href=\"https:\/\/youtube.com\/shorts\/PgxXDdVejBE\" target=\"_blank\">\r\n <div class=\"portfolio-thumb-short\" style=\"background-image: url('https:\/\/img.youtube.com\/vi\/PgxXDdVejBE\/maxresdefault.jpg');\"><\/div>\r\n <\/a>\r\n <\/div>\r\n <div class=\"portfolio-item-short\">\r\n <a href=\"https:\/\/youtube.com\/shorts\/Xq347OvnyzY\" target=\"_blank\">\r\n <div class=\"portfolio-thumb-short\" style=\"background-image: url('https:\/\/img.youtube.com\/vi\/Xq347OvnyzY\/maxresdefault.jpg');\"><\/div>\r\n <\/a>\r\n <\/div>\r\n <div class=\"portfolio-item-short\">\r\n <a href=\"https:\/\/youtu.be\/xcq70hjKoG8\" target=\"_blank\">\r\n <div class=\"portfolio-thumb-short\" style=\"background-image: url('https:\/\/img.youtube.com\/vi\/xcq70hjKoG8\/maxresdefault.jpg');\"><\/div>\r\n <\/a>\r\n <\/div>\r\n <div class=\"portfolio-item-short\">\r\n <a href=\"https:\/\/youtube.com\/shorts\/aD00zzc0jd0\" target=\"_blank\">\r\n <div class=\"portfolio-thumb-short\" style=\"background-image: url('https:\/\/img.youtube.com\/vi\/aD00zzc0jd0\/maxresdefault.jpg');\"><\/div>\r\n <\/a>\r\n <\/div>\r\n <div class=\"portfolio-item-short\">\r\n <a href=\"https:\/\/www.youtube.com\/shorts\/aqcCcsLYP9g\" target=\"_blank\">\r\n <div class=\"portfolio-thumb-short\" style=\"background-image: url('https:\/\/img.youtube.com\/vi\/aqcCcsLYP9g\/maxresdefault.jpg');\"><\/div>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"tab-content\" id=\"motion-graphics\">\r\n <div class=\"portfolio-grid\">\r\n <div class=\"portfolio-item\">\r\n <a href=\"https:\/\/www.youtube.com\/watch?v=CdOq4lYT_jk\" target=\"_blank\">\r\n <div class=\"portfolio-thumb\" style=\"background-image: url('https:\/\/img.youtube.com\/vi\/CdOq4lYT_jk\/maxresdefault.jpg');\"><\/div>\r\n <\/a>\r\n <\/div>\r\n <div class=\"portfolio-item\">\r\n <a href=\"https:\/\/www.youtube.com\/watch?v=phkJg6Znya4\" target=\"_blank\">\r\n <div class=\"portfolio-thumb\" style=\"background-image: url('https:\/\/img.youtube.com\/vi\/phkJg6Znya4\/hqdefault.jpg');\"><\/div>\r\n <\/a>\r\n <\/div>\r\n <div class=\"portfolio-item\">\r\n <a href=\"https:\/\/www.youtube.com\/watch?v=QGwwok_N-Wk\" target=\"_blank\">\r\n <div class=\"portfolio-thumb\" style=\"background-image: url('https:\/\/img.youtube.com\/vi\/QGwwok_N-Wk\/maxresdefault.jpg');\"><\/div>\r\n <\/a>\r\n <\/div>\r\n <div class=\"portfolio-item\">\r\n <a href=\"https:\/\/www.youtube.com\/watch?v=SaqGPfSv7lM\" target=\"_blank\">\r\n <div class=\"portfolio-thumb\" style=\"background-image: url('https:\/\/img.youtube.com\/vi\/SaqGPfSv7lM\/hqdefault.jpg');\"><\/div>\r\n <\/a>\r\n <\/div>\r\n <div class=\"portfolio-item\">\r\n <a href=\"https:\/\/www.youtube.com\/watch?v=ekLT9_p3SSE\" target=\"_blank\">\r\n <div class=\"portfolio-thumb\" style=\"background-image: url('https:\/\/img.youtube.com\/vi\/ekLT9_p3SSE\/maxresdefault.jpg');\"><\/div>\r\n <\/a>\r\n <\/div>\r\n <div class=\"portfolio-item\">\r\n <a href=\"https:\/\/www.youtube.com\/watch?v=ZdetvXhnnJc\" target=\"_blank\">\r\n <div class=\"portfolio-thumb\" style=\"background-image: url('https:\/\/img.youtube.com\/vi\/ZdetvXhnnJc\/maxresdefault.jpg');\"><\/div>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"results-cta\">\r\n <a href=\"https:\/\/api.whatsapp.com\/send\/?phone=5511911522187&text=Ol%C3%A1%2C+meu+nome+%C3%A9+XXX%2C+sou+do+Canal+XXX.+Gostaria+de+contratar+servi%C3%A7os+de+edi%C3%A7%C3%A3o+de+v%C3%ADdeo+para+minha+empresa%2C+voc%C3%AAs+podem+me+ajudar%3F&type=phone_number&app_absent=0&utm_source=chatgpt.com\" target=\"_blank\" class=\"btn-budget\" data-i18n=\"btn-orcamento\">Or\u00e7amento<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n <section id=\"resultados\" style=\"padding: 80px 0;\">\r\n <style>\r\n #resultados .result-card {\r\n transition: transform 0.3s ease;\r\n }\r\n #resultados .result-card:hover {\r\n transform: scale(1.1);\r\n }\r\n <\/style>\r\n <div class=\"container\">\r\n <h2><span class=\"highlight-title\" data-i18n=\"resultados-title\">Resultados<\/span><\/h2>\r\n <p class=\"section-subtitle\" data-i18n=\"resultados-subtitle\">N\u00fameros reais que meus clientes conquistaram<\/p>\r\n <div class=\"results-container\">\r\n <div class=\"result-card\">\r\n <div class=\"result-number\" data-target=\"35\">0<\/div>\r\n <div class=\"result-label\">\r\n <div class=\"result-label-title\" data-i18n=\"result1-title\">Canais gerenciados desde 2021<\/div>\r\n <div class=\"result-label-description\" data-i18n=\"result1-desc\">Todos com edi\u00e7\u00e3o personalizada e sob medida<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"result-card\">\r\n <div class=\"result-number\" data-target=\"480\">0<\/div>\r\n <div class=\"result-label\">\r\n <div class=\"result-label-title\" data-i18n=\"result2-title\">V\u00eddeos entregues em 2024<\/div>\r\n <div class=\"result-label-description\" data-i18n=\"result2-desc\">De cortes simples a projetos com motion design completo<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"result-card\">\r\n <div class=\"result-number\" data-target=\"90\" data-suffix=\"%\">0<\/div>\r\n <div class=\"result-label\">\r\n <div class=\"result-label-title\" data-i18n=\"result3-title\">Clientes que voltam a contratar<\/div>\r\n <div class=\"result-label-description\" data-i18n=\"result3-desc\">Dados reais dos \u00faltimos 12 meses<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"result-card\">\r\n <div class=\"result-number\" data-target=\"10\">0<\/div>\r\n <div class=\"result-label\">\r\n <div class=\"result-label-title\" data-i18n=\"result4-title\">Anos de experi\u00eancia<\/div>\r\n <div class=\"result-label-description\" data-i18n=\"result4-desc\">Construindo e refinando excel\u00eancia em edi\u00e7\u00e3o de v\u00eddeo desde 2013<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"results-cta\">\r\n <a href=\"https:\/\/api.whatsapp.com\/send\/?phone=5511911522187&text=Ol%C3%A1%2C+meu+nome+%C3%A9+XXX%2C+sou+do+Canal+XXX.+Gostaria+de+contratar+servi%C3%A7os+de+edi%C3%A7%C3%A3o+de+v%C3%ADdeo+para+minha+empresa%2C+voc%C3%AAs+podem+me+ajudar%3F&type=phone_number&app_absent=0&utm_source=chatgpt.com\" target=\"_blank\" class=\"btn-budget\" data-i18n=\"btn-orcamento\">Or\u00e7amento<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"servicos\">\r\n <div class=\"container\">\r\n <h2><span class=\"highlight-title\" data-i18n=\"servicos-title\">Servi\u00e7os<\/span><\/h2>\r\n <p class=\"section-subtitle\" data-i18n=\"servicos-subtitle\">Tudo o que voc\u00ea precisa para ter v\u00eddeos de qualidade profissional<\/p>\r\n <div class=\"services-grid\">\r\n <div class=\"service-card\">\r\n <svg class=\"service-icon\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V5h14v14zm-5.04-6.71l-2.75 3.54 1.3 1.54c.3.37.84.37 1.15 0l3.5-4.15c.3-.37.84-.37 1.15 0l1.52 1.8c.38.46 1.17.46 1.55 0l1.38-1.64c.3-.37.84-.37 1.15 0V9c0-.55-.45-1-1-1-.3 0-.59.14-.78.36l-1.38 1.64c-.3.37-.84.37-1.15 0l-1.52-1.8c-.38-.46-1.17-.46-1.55 0l-3.5 4.15z\" fill=\"#3bb399\"\/>\r\n <\/svg>\r\n <h3 data-i18n=\"service1-title\">V\u00eddeos Longos para YouTube<\/h3>\r\n <p><span class=\"highlight-title\" data-i18n=\"service1-desc\">Edi\u00e7\u00e3o profissional para v\u00eddeos de YouTube com foco em ritmo, reten\u00e7\u00e3o, storytelling e experi\u00eancia visual para criadores de conte\u00fado e marcas.<\/span><\/p>\r\n <\/div>\r\n <div class=\"service-card\">\r\n <svg class=\"service-icon\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm3.5-9c.83 0 1.5-.67 1.5-1.5S16.33 8 15.5 8 14 8.67 14 9.5s.67 1.5 1.5 1.5zm-7 0c.83 0 1.5-.67 1.5-1.5S9.33 8 8.5 8 7 8.67 7 9.5 7.67 11 8.5 11zm3.5 6.5c2.33 0 4.31-1.46 5.11-3.5H6.89c.8 2.04 2.78 3.5 5.11 3.5z\" fill=\"#3bb399\"\/>\r\n <\/svg>\r\n <h3 data-i18n=\"service2-title\">Conte\u00fado Vertical<\/h3>\r\n <p><span class=\"highlight-title\" data-i18n=\"service2-desc\">Edi\u00e7\u00e3o de v\u00eddeos para Reels, TikTok e YouTube Shorts com cortes din\u00e2micos, legendas, motion graphics e foco em reten\u00e7\u00e3o.<\/span><\/p>\r\n <\/div>\r\n <div class=\"service-card\">\r\n <svg class=\"service-icon\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M12 3C6.48 3 2 6.48 2 12s4.48 9 10 9 10-4.48 10-9-4.48-9-10-9zm0 16c-3.87 0-7-3.13-7-7s3.13-7 7-7 7 3.13 7 7-3.13 7-7 7zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z\" fill=\"#3bb399\"\/>\r\n <\/svg>\r\n <h3 data-i18n=\"service3-title\">Motion Graphics 2D<\/h3>\r\n <p><span class=\"highlight-title\" data-i18n=\"service3-desc\">Cria\u00e7\u00e3o de anima\u00e7\u00f5es e v\u00eddeos explicativos para sites, marcas, an\u00fancios e apresenta\u00e7\u00f5es com visual moderno e profissional.<\/span><\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"results-cta\">\r\n <a href=\"https:\/\/api.whatsapp.com\/send\/?phone=5511911522187&text=Ol%C3%A1%2C+meu+nome+%C3%A9+XXX%2C+sou+do+Canal+XXX.+Gostaria+de+contratar+servi%C3%A7os+de+edi%C3%A7%C3%A3o+de+v%C3%ADdeo+para+minha+empresa%2C+voc%C3%AAs+podem+me+ajudar%3F&type=phone_number&app_absent=0&utm_source=chatgpt.com\" target=\"_blank\" class=\"btn-budget\" data-i18n=\"btn-orcamento\">Or\u00e7amento<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"processo\">\r\n <div class=\"container\">\r\n <h2><span class=\"highlight-title\" data-i18n=\"processo-title\">Workflow<\/span><\/h2>\r\n <p class=\"section-subtitle\" data-i18n=\"processo-subtitle\">Entenda cada etapa do seu projeto desde o in\u00edcio at\u00e9 a entrega<\/p>\r\n <div class=\"process-timeline\">\r\n <div class=\"process-step\">\r\n <h3 class=\"step-title\"><span class=\"step-number-inline\">01.<\/span> <span data-i18n=\"step1-title\">Envio dos Arquivos & Briefing<\/span><\/h3>\r\n <p class=\"step-description\" data-i18n=\"step1-desc\">O cliente envia os arquivos, refer\u00eancias e instru\u00e7\u00f5es do projeto via Google Drive ou WeTransfer. Quanto mais detalhado o briefing, mais alinhado o resultado final ficar\u00e1 com a identidade do conte\u00fado.<\/p>\r\n <\/div>\r\n <div class=\"process-step\">\r\n <h3 class=\"step-title\"><span class=\"step-number-inline\">02.<\/span> <span data-i18n=\"step2-title\">Organiza\u00e7\u00e3o & Prepara\u00e7\u00e3o<\/span><\/h3>\r\n <p class=\"step-description\" data-i18n=\"step2-desc\">Todos os materiais s\u00e3o baixados, organizados e preparados para a edi\u00e7\u00e3o. Essa etapa garante um fluxo de trabalho mais eficiente, consistente e profissional durante toda a produ\u00e7\u00e3o.<\/p>\r\n <\/div>\r\n <div class=\"process-step\">\r\n <h3 class=\"step-title\"><span class=\"step-number-inline\">03.<\/span> <span data-i18n=\"step3-title\">Edi\u00e7\u00e3o do V\u00eddeo<\/span><\/h3>\r\n <p class=\"step-description\" data-i18n=\"step3-desc\">Aqui come\u00e7a o processo criativo. A edi\u00e7\u00e3o \u00e9 desenvolvida com foco em ritmo, reten\u00e7\u00e3o, storytelling e identidade visual, buscando transformar o conte\u00fado em um v\u00eddeo mais envolvente e profissional.<\/p>\r\n <\/div>\r\n <div class=\"process-step\">\r\n <h3 class=\"step-title\"><span class=\"step-number-inline\">04.<\/span> <span data-i18n=\"step4-title\">Revis\u00e3o & Entrega Final<\/span><\/h3>\r\n <p class=\"step-description\" data-i18n=\"step4-desc\">Ap\u00f3s a finaliza\u00e7\u00e3o, o v\u00eddeo \u00e9 enviado para an\u00e1lise. Caso necess\u00e1rio, ajustes s\u00e3o realizados dentro das revis\u00f5es inclusas. Com tudo aprovado, o pagamento \u00e9 realizado e o projeto \u00e9 conclu\u00eddo.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"results-cta\">\r\n <a href=\"https:\/\/api.whatsapp.com\/send\/?phone=5511911522187&text=Ol%C3%A1%2C+meu+nome+%C3%A9+XXX%2C+sou+do+Canal+XXX.+Gostaria+de+contratar+servi%C3%A7os+de+edi%C3%A7%C3%A3o+de+v%C3%ADdeo+para+minha+empresa%2C+voc%C3%AAs+podem+me+ajudar%3F&type=phone_number&app_absent=0&utm_source=chatgpt.com\" target=\"_blank\" class=\"btn-budget\" data-i18n=\"btn-orcamento\">Or\u00e7amento<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"sobre\" style=\"background-size: cover; background-position: right center; background-attachment: fixed; position: relative; background-image: url('sobre-bg-desktop.jpg');\">\r\n <div style=\"position: absolute; inset: 0; background: rgba(25, 25, 25, 0.75); z-index: 0;\"><\/div>\r\n <div class=\"container\" style=\"position: relative; z-index: 1;\">\r\n <h2><span class=\"highlight-title\" data-i18n=\"sobre-title\">Sobre Mim<\/span><\/h2>\r\n <div class=\"about-content\">\r\n <div class=\"about-text\">\r\n <p data-i18n=\"about-p1\">Ol\u00e1, sou Markovick! Desde 2013 trabalho com edi\u00e7\u00e3o de v\u00eddeo, aprimorando minhas habilidades em Premiere, Photoshop e After Effects para explorar todas as possibilidades criativas que essa \u00e1rea oferece.<\/p>\r\n <p data-i18n=\"about-p2\">Al\u00e9m das artes visuais, tamb\u00e9m me envolvi com o marketing digital, especialmente em estrat\u00e9gias de crescimento no YouTube, <span style=\"color: #ffffff; font-weight: 500;\">ajudando criadores a expandirem sua presen\u00e7a online<\/span>.<\/p>\r\n <p data-i18n=\"about-p3\">Tenho uma <span style=\"color: #ffffff; font-weight: 500;\">vis\u00e3o anal\u00edtica<\/span> que me permite entender o que funciona em cada projeto, sem perder de vista a criatividade. Acredito no poder das boas hist\u00f3rias, e busco sempre criar conte\u00fado impactante e inspirador.<\/p>\r\n <p data-i18n=\"about-p4\">Se voc\u00ea est\u00e1 procurando algu\u00e9m apaixonado, com experi\u00eancia e uma <span style=\"color: #ffffff; font-weight: 500;\">abordagem estrat\u00e9gica<\/span> para levar seu conte\u00fado a novos patamares, <span style=\"color: #ffffff; font-weight: 500;\">vamos conversar e criar algo incr\u00edvel juntos!<\/span><\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"results-cta\">\r\n <a href=\"https:\/\/api.whatsapp.com\/send\/?phone=5511911522187&text=Ol%C3%A1%2C+meu+nome+%C3%A9+XXX%2C+sou+do+Canal+XXX.+Gostaria+de+contratar+servi%C3%A7os+de+edi%C3%A7%C3%A3o+de+v%C3%ADdeo+para+minha+empresa%2C+voc%C3%AAs+podem+me+ajudar%3F&type=phone_number&app_absent=0&utm_source=chatgpt.com\" target=\"_blank\" class=\"btn-budget\" data-i18n=\"btn-orcamento\">Or\u00e7amento<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"por-que\">\r\n <div class=\"container\">\r\n <h2><span class=\"highlight-title\" data-i18n=\"porquee-title\">Por Que Escolher Meu Trabalho<\/span><\/h2>\r\n <p class=\"section-subtitle\" data-i18n=\"porquee-subtitle\">O que me diferencia no mercado<\/p>\r\n <div class=\"benefits-grid\">\r\n <div class=\"benefit-card\">\r\n <svg class=\"benefit-icon\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"#3bb399\" stroke-width=\"2\"\/>\r\n <polyline points=\"12 6 12 12 16 16\" stroke=\"#3bb399\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n <\/svg>\r\n <h3 data-i18n=\"benefit1-title\">Prazos Respeitados<\/h3>\r\n <p data-i18n=\"benefit1-desc\">Voc\u00ea pode contar comigo. Pontualidade \u00e9 profissionalismo, e isso \u00e9 n\u00e3o-negoci\u00e1vel.<\/p>\r\n <\/div>\r\n <div class=\"benefit-card\">\r\n <svg class=\"benefit-icon\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M13 10V3L4 14h7v7l9-11h-7z\" fill=\"#3bb399\"\/>\r\n <\/svg>\r\n <h3 data-i18n=\"benefit2-title\">Qualidade Profissional<\/h3>\r\n <p data-i18n=\"benefit2-desc\">Cada projeto recebe a mesma aten\u00e7\u00e3o de uma ag\u00eancia, mas com a agilidade de um freelancer especializado.<\/p>\r\n <\/div>\r\n <div class=\"benefit-card\">\r\n <svg class=\"benefit-icon\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"#3bb399\" stroke-width=\"2\"\/>\r\n <path d=\"M12 7v5l3.5 3.5\" stroke=\"#3bb399\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n <\/svg>\r\n <h3 data-i18n=\"benefit3-title\">Foco em Resultados<\/h3>\r\n <p data-i18n=\"benefit3-desc\">N\u00e3o crio v\u00eddeos bonitos s\u00f3 por criar. Cada frame \u00e9 pensado para gerar convers\u00e3o e engajamento.<\/p>\r\n <\/div>\r\n <div class=\"benefit-card\">\r\n <svg class=\"benefit-icon\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\" stroke=\"#3bb399\" stroke-width=\"2\" fill=\"none\"\/>\r\n <\/svg>\r\n <h3 data-i18n=\"benefit4-title\">Comunica\u00e7\u00e3o Clara<\/h3>\r\n <p data-i18n=\"benefit4-desc\">Voc\u00ea saber\u00e1 exatamente onde est\u00e1 seu projeto a cada etapa. Sem surpresas, s\u00f3 solu\u00e7\u00f5es.<\/p>\r\n <\/div>\r\n <div class=\"benefit-card\">\r\n <svg class=\"benefit-icon\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M13 13l-4-4m0 4l4-4\" stroke=\"#3bb399\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n <\/svg>\r\n <h3 data-i18n=\"benefit5-title\">Revis\u00f5es Inclusas<\/h3>\r\n <p data-i18n=\"benefit5-desc\">At\u00e9 ficar perfeito. Trabalho contigo at\u00e9 que o resultado atenda suas expectativas completamente.<\/p>\r\n <\/div>\r\n <div class=\"benefit-card\">\r\n <svg class=\"benefit-icon\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <polyline points=\"23 6 13.5 15.5 8.5 10.5 1 18\" stroke=\"#3bb399\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n <polyline points=\"17 6 23 6 23 12\" stroke=\"#3bb399\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n <\/svg>\r\n <h3 data-i18n=\"benefit6-title\">Consultoria Estrat\u00e9gica<\/h3>\r\n <p data-i18n=\"benefit6-desc\">Sugiro melhorias baseadas em dados e experi\u00eancia para potencializar seus resultados.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"results-cta\">\r\n <a href=\"https:\/\/api.whatsapp.com\/send\/?phone=5511911522187&text=Ol%C3%A1%2C+meu+nome+%C3%A9+XXX%2C+sou+do+Canal+XXX.+Gostaria+de+contratar+servi%C3%A7os+de+edi%C3%A7%C3%A3o+de+v%C3%ADdeo+para+minha+empresa%2C+voc%C3%AAs+podem+me+ajudar%3F&type=phone_number&app_absent=0&utm_source=chatgpt.com\" target=\"_blank\" class=\"btn-budget\" data-i18n=\"btn-orcamento\">Or\u00e7amento<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"faq\">\r\n <div class=\"container\">\r\n <h2><span class=\"highlight-title\" data-i18n=\"faq-title\">D\u00favidas Frequentes<\/span><\/h2>\r\n <p class=\"section-subtitle\" data-i18n=\"faq-subtitle\">Respondendo \u00e0s quest\u00f5es mais comuns<\/p>\r\n <div class=\"faq-container\">\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span data-i18n=\"faq-q1\">Voc\u00ea faz v\u00eddeo teste?<\/span>\r\n <span class=\"faq-toggle\">+<\/span>\r\n <\/div>\r\n <div class=\"faq-answer\" data-i18n=\"faq-a1\">Sim. Antes de fecharmos qualquer pacote, voc\u00ea pode solicitar um v\u00eddeo teste remunerado. Assim, voc\u00ea avalia a qualidade da edi\u00e7\u00e3o, ritmo, storytelling e identidade do conte\u00fado antes de tomar qualquer decis\u00e3o.<\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span data-i18n=\"faq-q2\">Voc\u00ea trabalha com contrato?<\/span>\r\n <span class=\"faq-toggle\">+<\/span>\r\n <\/div>\r\n <div class=\"faq-answer\" data-i18n=\"faq-a2\">Sim. Todo projeto pode ser formalizado em contrato para garantir mais seguran\u00e7a, clareza e organiza\u00e7\u00e3o para ambos os lados.<\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span data-i18n=\"faq-q3\">Voc\u00ea faz thumbnails, SEO ou gest\u00e3o de canal?<\/span>\r\n <span class=\"faq-toggle\">+<\/span>\r\n <\/div>\r\n <div class=\"faq-answer\" data-i18n=\"faq-a3\">N\u00e3o. Meu foco \u00e9 exclusivamente edi\u00e7\u00e3o de v\u00eddeo estrat\u00e9gica para criadores de conte\u00fado e marcas. Dessa forma, toda a energia do projeto fica concentrada em entregar v\u00eddeos mais profissionais, envolventes e com maior reten\u00e7\u00e3o.<\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span data-i18n=\"faq-q4\">Voc\u00ea administra canais ou redes sociais?<\/span>\r\n <span class=\"faq-toggle\">+<\/span>\r\n <\/div>\r\n <div class=\"faq-answer\" data-i18n=\"faq-a4\">N\u00e3o. O servi\u00e7o \u00e9 voltado apenas para edi\u00e7\u00e3o de v\u00eddeo. Isso permite manter um padr\u00e3o mais alto de qualidade, consist\u00eancia e agilidade nas entregas.<\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span data-i18n=\"faq-q5\">Voc\u00ea faz parceria ou sociedade com canais?<\/span>\r\n <span class=\"faq-toggle\">+<\/span>\r\n <\/div>\r\n <div class=\"faq-answer\" data-i18n=\"faq-a5\">N\u00e3o trabalho com sociedade ou participa\u00e7\u00e3o em canais. Os projetos funcionam no modelo de presta\u00e7\u00e3o de servi\u00e7o profissional.<\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span data-i18n=\"faq-q6\">Voc\u00ea aceita permuta?<\/span>\r\n <span class=\"faq-toggle\">+<\/span>\r\n <\/div>\r\n <div class=\"faq-answer\" data-i18n=\"faq-a6\">N\u00e3o trabalho com permuta. O foco \u00e9 manter uma parceria profissional, com prioridade total na qualidade, organiza\u00e7\u00e3o e prazos do projeto.<\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span data-i18n=\"faq-q7\">Voc\u00ea emite nota fiscal?<\/span>\r\n <span class=\"faq-toggle\">+<\/span>\r\n <\/div>\r\n <div class=\"faq-answer\" data-i18n=\"faq-a7\">Sim. A emiss\u00e3o de nota fiscal est\u00e1 dispon\u00edvel para clientes no Brasil.<\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span data-i18n=\"faq-q8\">Quais s\u00e3o as formas de pagamento?<\/span>\r\n <span class=\"faq-toggle\">+<\/span>\r\n <\/div>\r\n <div class=\"faq-answer\" data-i18n=\"faq-a8\">Os pagamentos podem ser feitos via Pix, PayPal ou Wise, facilitando tanto clientes nacionais quanto internacionais.<\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span data-i18n=\"faq-q9\">Voc\u00ea trabalha com clientes internacionais?<\/span>\r\n <span class=\"faq-toggle\">+<\/span>\r\n <\/div>\r\n <div class=\"faq-answer\" data-i18n=\"faq-a9\">Sim. Trabalho com clientes do Brasil e tamb\u00e9m do exterior, com suporte para pagamentos internacionais via PayPal e Wise.<\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span data-i18n=\"faq-q10\">Preciso fechar um pacote para come\u00e7ar?<\/span>\r\n <span class=\"faq-toggle\">+<\/span>\r\n <\/div>\r\n <div class=\"faq-answer\" data-i18n=\"faq-a10\">N\u00e3o. Podemos come\u00e7ar com um v\u00eddeo teste remunerado. Se fizer sentido para voc\u00ea e o resultado atender suas expectativas, seguimos para uma parceria cont\u00ednua.<\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span data-i18n=\"faq-q11\">Posso contratar v\u00eddeos avulsos?<\/span>\r\n <span class=\"faq-toggle\">+<\/span>\r\n <\/div>\r\n <div class=\"faq-answer\" data-i18n=\"faq-a11\">Sim. Voc\u00ea pode contratar v\u00eddeos avulsos ou optar por pacotes mensais, dependendo da sua demanda de conte\u00fado.<\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span data-i18n=\"faq-q12\">Quantas revis\u00f5es est\u00e3o inclusas?<\/span>\r\n <span class=\"faq-toggle\">+<\/span>\r\n <\/div>\r\n <div class=\"faq-answer\" data-i18n=\"faq-a12\">Cada v\u00eddeo inclui at\u00e9 2 rodadas de revis\u00f5es gratuitas para ajustes e refinamentos. Caso sejam necess\u00e1rias revis\u00f5es adicionais, ser\u00e1 cobrado um valor equivalente a 10% do valor do v\u00eddeo por rodada extra, limitado a at\u00e9 3 revis\u00f5es adicionais.<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-cta\">\r\n <div class=\"faq-cta-content\">\r\n <h3 data-i18n-html=\"faq-cta-title\">Vamos construir algo<br>extraordin\u00e1rio juntos.<\/h3>\r\n <p data-i18n-html=\"faq-cta-desc\">Envie uma mensagem e responderei em at\u00e9<br>24 horas para discutir seu projeto e objetivos.<\/p>\r\n <div class=\"results-cta\">\r\n <a href=\"https:\/\/api.whatsapp.com\/send\/?phone=5511911522187&text=Ol%C3%A1%2C+meu+nome+%C3%A9+XXX%2C+sou+do+Canal+XXX.+Gostaria+de+contratar+servi%C3%A7os+de+edi%C3%A7%C3%A3o+de+v%C3%ADdeo+para+minha+empresa%2C+voc%C3%AAs+podem+me+ajudar%3F&type=phone_number&app_absent=0&utm_source=chatgpt.com\" target=\"_blank\" class=\"btn-budget\" data-i18n=\"btn-orcamento\">Or\u00e7amento<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <div id=\"videoModal\" class=\"video-modal\">\r\n <div class=\"video-modal-content\">\r\n <button class=\"video-modal-close\" id=\"closeVideoModal\">×<\/button>\r\n <div class=\"video-container\">\r\n <iframe id=\"videoFrame\" width=\"100%\" height=\"100%\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\r\n <\/div>\r\n <a id=\"youtubeLink\" href=\"#\" target=\"_blank\" class=\"watch-on-youtube\">Assistir no YouTube<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <footer>\r\n <div class=\"container\">\r\n <div class=\"footer-content\">\r\n <div class=\"footer-section\">\r\n <h4 data-i18n=\"footer-hours\">Hor\u00e1rio de Funcionamento<\/h4>\r\n <p class=\"footer-description\" data-i18n=\"footer-hours-desc\">De segunda a s\u00e1bado 08:00 \u00e0s 18:00 (Bras\u00edlia)<\/p>\r\n <\/div>\r\n\r\n <div class=\"footer-section\">\r\n <h4 data-i18n=\"footer-social\">Redes Sociais<\/h4>\r\n <div class=\"footer-links\">\r\n <a href=\"https:\/\/www.instagram.com\/m4rk0vick\/\" target=\"_blank\" class=\"social-link\">\r\n <svg class=\"social-icon\" viewBox=\"0 0 24 24\" fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12 18C15.3137 18 18 15.3137 18 12C18 8.68629 15.3137 6 12 6C8.68629 6 6 8.68629 6 12C6 15.3137 8.68629 18 12 18ZM12 16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16Z\"\/>\r\n <path d=\"M18 5C17.4477 5 17 5.44772 17 6C17 6.55228 17.4477 7 18 7C18.5523 7 19 6.55228 19 6C19 5.44772 18.5523 5 18 5Z\"\/>\r\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1.65396 4.27606C1 5.55953 1 7.23969 1 10.6V13.4C1 16.7603 1 18.4405 1.65396 19.7239C2.2292 20.8529 3.14708 21.7708 4.27606 22.346C5.55953 23 7.23969 23 10.6 23H13.4C16.7603 23 18.4405 23 19.7239 22.346C20.8529 21.7708 21.7708 20.8529 22.346 19.7239C23 18.4405 23 16.7603 23 13.4V10.6C23 7.23969 23 5.55953 22.346 4.27606C21.7708 3.14708 20.8529 2.2292 19.7239 1.65396C18.4405 1 16.7603 1 13.4 1H10.6C7.23969 1 5.55953 1 4.27606 1.65396C3.14708 2.2292 2.2292 3.14708 1.65396 4.27606ZM13.4 3H10.6C8.88684 3 7.72225 3.00156 6.82208 3.0751C5.94524 3.14674 5.49684 3.27659 5.18404 3.43597C4.43139 3.81947 3.81947 4.43139 3.43597 5.18404C3.27659 5.49684 3.14674 5.94524 3.0751 6.82208C3.00156 7.72225 3 8.88684 3 10.6V13.4C3 15.1132 3.00156 16.2777 3.0751 17.1779C3.14674 18.0548 3.27659 18.5032 3.43597 18.816C3.81947 19.5686 4.43139 20.1805 5.18404 20.564C5.49684 20.7234 5.94524 20.8533 6.82208 20.9249C7.72225 20.9984 8.88684 21 10.6 21H13.4C15.1132 21 16.2777 20.9984 17.1779 20.9249C18.0548 20.8533 18.5032 20.7234 18.816 20.564C19.5686 20.1805 20.1805 19.5686 20.564 18.816C20.7234 18.5032 20.8533 18.0548 20.9249 17.1779C20.9984 16.2777 21 15.1132 21 13.4V10.6C21 8.88684 20.9984 7.72225 20.9249 6.82208C20.8533 5.94524 20.7234 5.49684 20.564 5.18404C20.1805 4.43139 19.5686 3.81947 18.816 3.43597C18.5032 3.27659 18.0548 3.14674 17.1779 3.0751C16.2777 3.00156 15.1132 3 13.4 3Z\"\/>\r\n <\/svg>\r\n Instagram\r\n <\/a>\r\n <a href=\"https:\/\/youtube.com\" target=\"_blank\" class=\"social-link\">\r\n <svg class=\"social-icon youtube-icon\" viewBox=\"0 0 24 24\" fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z\"\/>\r\n <\/svg>\r\n YouTube\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"footer-section\">\r\n <h4 data-i18n=\"footer-contact\">Contato<\/h4>\r\n <div class=\"footer-contact\">\r\n <a href=\"mailto:hellomarkovick@gmail.com\" class=\"contact-link\">\r\n <svg class=\"contact-icon\" viewBox=\"0 0 237.832 237.832\" fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M228.977,33.916H8.854C3.969,33.916,0,37.881,0,42.771V195.06c0,4.891,3.969,8.856,8.854,8.856h220.123c4.887,0,8.855-3.965,8.855-8.856V42.771C237.832,37.881,233.864,33.916,228.977,33.916z M221.026,182.184c0,4.063-3.364,7.356-7.512,7.356h-12.339V73.379l-76.693,49.79c-1.687,1.096-3.627,1.641-5.566,1.641s-3.88-0.545-5.566-1.641l-76.692-49.79V189.54h-12.34c-4.147,0-7.512-3.293-7.512-7.356V55.647c0-4.063,3.364-7.356,7.512-7.356h10.176l84.423,54.808l84.423-54.808h10.176c4.147,0,7.512,3.293,7.512,7.356V182.184z\"\/>\r\n <\/svg>\r\n hellomarkovick@gmail.com\r\n <\/a>\r\n <a href=\"https:\/\/api.whatsapp.com\/send\/?phone=5511911522187&text=Ol%C3%A1%2C+meu+nome+%C3%A9+XXX%2C+sou+do+Canal+XXX.+Gostaria+de+contratar+servi%C3%A7os+de+edi%C3%A7%C3%A3o+de+v%C3%ADdeo+para+minha+empresa%2C+voc%C3%AAs+podem+me+ajudar%3F&type=phone_number&app_absent=0&utm_source=chatgpt.com\" target=\"_blank\" class=\"contact-link\">\r\n <svg class=\"contact-icon\" viewBox=\"0 0 24 24\" fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M6.014 8.00613C6.12827 7.1024 7.30277 5.87414 8.23488 6.01043L8.23339 6.00894C9.14051 6.18132 9.85859 7.74261 10.2635 8.44465C10.5504 8.95402 10.3641 9.4701 10.0965 9.68787C9.7355 9.97883 9.17099 10.3803 9.28943 10.7834C9.5 11.5 12 14 13.2296 14.7107C13.695 14.9797 14.0325 14.2702 14.3207 13.9067C14.5301 13.6271 15.0466 13.46 15.5548 13.736C16.3138 14.178 17.0288 14.6917 17.69 15.27C18.0202 15.546 18.0977 15.9539 17.8689 16.385C17.4659 17.1443 16.3003 18.1456 15.4542 17.9421C13.9764 17.5868 8 15.27 6.08033 8.55801C5.97237 8.24048 5.99955 8.12044 6.014 8.00613Z\"\/>\r\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12 23C10.7764 23 10.0994 22.8687 9 22.5L6.89443 23.5528C5.56462 24.2177 4 23.2507 4 21.7639V19.5C1.84655 17.492 1 15.1767 1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23ZM6 18.6303L5.36395 18.0372C3.69087 16.4772 3 14.7331 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21C11.0143 21 10.552 20.911 9.63595 20.6038L8.84847 20.3397L6 21.7639V18.6303Z\"\/>\r\n <\/svg>\r\n WhatsApp\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"footer-section\">\r\n <h4 data-i18n=\"footer-payment\">Formas de Pagamento<\/h4>\r\n <div class=\"payment-icons\">\r\n <span class=\"payment-text\">\r\n <svg class=\"payment-icon\" viewBox=\"0 0 16 16\" fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M11.917 11.71a2.046 2.046 0 0 1-1.454-.602l-2.1-2.1a.4.4 0 0 0-.551 0l-2.108 2.108a2.044 2.044 0 0 1-1.454.602h-.414l2.66 2.66c.83.83 2.177.83 3.007 0l2.667-2.668h-.253zM4.25 4.282c.55 0 1.066.214 1.454.602l2.108 2.108a.39.39 0 0 0 .552 0l2.1-2.1a2.044 2.044 0 0 1 1.453-.602h.253L9.503 1.623a2.127 2.127 0 0 0-3.007 0l-2.66 2.66h.414z\"\/><path d=\"m14.377 6.496-1.612-1.612a.307.307 0 0 1-.114.023h-.733c-.379 0-.75.154-1.017.422l-2.1 2.1a1.005 1.005 0 0 1-1.425 0L5.268 5.32a1.448 1.448 0 0 0-1.018-.422h-.9a.306.306 0 0 1-.109-.021L1.623 6.496c-.83.83-.83 2.177 0 3.008l1.618 1.618a.305.305 0 0 1 .108-.022h.901c.38 0 .75-.153 1.018-.421L7.375 8.57a1.034 1.034 0 0 1 1.426 0l2.1 2.1c.267.268.638.421 1.017.421h.733c.04 0 .079.01.114.024l1.612-1.612c.83-.83.83-2.178 0-3.008z\"\/><\/svg>\r\n Pix\r\n <\/span>\r\n <span class=\"payment-text\">\r\n <svg class=\"payment-icon\" viewBox=\"-1.5 0 20 20\" fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M182.475463,7404.9 C181.260804,7410.117 177.555645,7411 172.578656,7411 L171.078137,7419 L173.825411,7419 C174.325918,7419 174.53555,7418.659 174.627828,7418.179 C175.312891,7413.848 175.216601,7414.557 175.278788,7413.879 C175.337966,7413.501 175.664951,7413 176.049108,7413 C179.698098,7413 182.118387,7411.945 182.857614,7408.158 C183.120405,7406.811 183.034145,7405.772 182.475463,7404.9 M171.134306,7410.86 L170.011926,7417 L166.535456,7417 C166.206465,7417 165.954707,7416.598 166.006864,7416.274 L168.602682,7399.751 C168.670887,7399.319 169.045014,7399 169.484337,7399 L175.718111,7399 C179.409228,7399 181.894714,7400.401 181.319983,7404.054 C180.313953,7410.56 174.737157,7410 172.199514,7410 C171.760191,7410 171.203515,7410.428 171.134306,7410.86\" transform=\"translate(-166, -7399)\"\/><\/svg>\r\n PayPal\r\n <\/span>\r\n <span class=\"payment-text\">\r\n <svg class=\"payment-icon\" viewBox=\"0 0 50.8 50.8\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M25.294 44.98 42.07 5.82H12.7l5.822 9.79-9.79 9.26h15.346\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n Wise\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"footer-section\">\r\n <h4 data-i18n=\"footer-info\">Informa\u00e7\u00f5es<\/h4>\r\n <p class=\"footer-cnpj\">CNPJ: 53.849.461\/0001-08<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"footer-bottom\">\r\n <p>© 2013 - 2026 Markovick. Todos os direitos reservados.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/footer>\r\n\r\n \r\n <div class=\"apple-notification\" id=\"appleNotification\">\r\n <div class=\"notification-content\">\r\n <div class=\"notification-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <circle cx=\"12\" cy=\"12\" r=\"11\" stroke=\"#6ce5b5\" stroke-width=\"2\"\/>\r\n <path d=\"M8 12l2 2 6-6\" stroke=\"#6ce5b5\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"notification-text\">\r\n <div class=\"notification-title\" id=\"notificationTitle\"><\/div>\r\n <div class=\"notification-subtitle\" id=\"notificationSubtitle\"><\/div>\r\n <\/div>\r\n <button class=\"notification-close\" id=\"closeNotification\" aria-label=\"Fechar notifica\u00e7\u00e3o\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M18 6L6 18M6 6l12 12\" stroke=\"rgba(255,255,255,0.7)\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n <\/svg>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"cookies-banner\" id=\"cookiesBanner\">\r\n <div class=\"cookies-container\">\r\n <div class=\"cookies-content\">\r\n <div class=\"cookies-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"#6ce5b5\" stroke-width=\"2\"\/>\r\n <circle cx=\"7\" cy=\"7\" r=\"1.5\" fill=\"#6ce5b5\"\/>\r\n <circle cx=\"17\" cy=\"8\" r=\"1.5\" fill=\"#6ce5b5\"\/>\r\n <circle cx=\"8\" cy=\"17\" r=\"1.5\" fill=\"#6ce5b5\"\/>\r\n <path d=\"M12 14c2 0 3 1 3 2.5\" stroke=\"#6ce5b5\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"cookies-text\">\r\n <p class=\"cookies-title\">Cookies e Experi\u00eancia<\/p>\r\n <p class=\"cookies-description\">Este site utiliza cookies para melhorar sua experi\u00eancia de navega\u00e7\u00e3o e an\u00e1lise de desempenho.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"cookies-buttons\">\r\n <button class=\"cookies-btn-decline\" id=\"cookiesDecline\">Recusar<\/button>\r\n <button class=\"cookies-btn-accept\" id=\"cookiesAccept\">Aceitar<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ ============================================\r\n \/\/ ANIMA\u00c7\u00c3O DOS N\u00daMEROS E T\u00cdTULOS\r\n \/\/ ============================================\r\n document.addEventListener('DOMContentLoaded', () => {\r\n \/\/ ============================================\r\n \/\/ MOUSE FOLLOWER\r\n \/\/ ============================================\r\n \/\/ ============================================\r\n \/\/ Language Selector\r\n \/\/ ============================================\r\n const translations = {\r\n en: {\r\n \/\/ Navigation\r\n 'home': 'Home',\r\n 'portfolio': 'Portfolio',\r\n 'resultados': 'Results',\r\n 'servicos': 'Services',\r\n 'processo': 'Process',\r\n 'sobre': 'About',\r\n 'faq': 'FAQ',\r\n \r\n \/\/ Hero\r\n 'hero-title': 'Professional Video Editing<br>for Content Creators<br>',\r\n 'hero-subtitle': 'Tired of editors who delay deliveries, use generic B-roll and deliver videos without identity? I work with professional editing for YouTube, content creators and brands that want more engaging, professional videos with higher retention.',\r\n \r\n \/\/ Sections\r\n 'portfolio-title': 'Portfolio',\r\n 'resultados-title': 'Results',\r\n 'servicos-title': 'Services',\r\n 'processo-title': 'Workflow',\r\n 'sobre-title': 'About Me',\r\n 'porquee-title': 'Why Choose My Work',\r\n 'faq-title': 'Frequently Asked Questions',\r\n \r\n \/\/ Buttons\r\n 'btn-orcamento': 'Hire Me',\r\n 'btn-portfolio': 'View Portfolio',\r\n 'conteudo-longo': 'Long Content',\r\n 'motion-graphics': 'Motion Graphics',\r\n 'conteudo-curto': 'Short Content',\r\n \r\n \/\/ Sections Subtitles\r\n 'portfolio-subtitle': 'Projects that delivered real results to my clients',\r\n 'resultados-subtitle': 'Real numbers that my clients achieved',\r\n 'servicos-subtitle': 'Everything you need to have professional quality videos',\r\n 'processo-subtitle': 'Understand each stage of your project from start to delivery',\r\n 'porquee-subtitle': 'What sets me apart in the market',\r\n 'faq-subtitle': 'Answering the most common questions',\r\n \r\n \/\/ Results Cards\r\n 'result-1-number': '+35',\r\n 'result-1-title': 'Channels managed since 2021',\r\n 'result-1-desc': 'All with personalized editing and custom work',\r\n 'result-2-number': '+480',\r\n 'result-2-title': 'Videos delivered in 2024',\r\n 'result-2-desc': 'From simple cuts to projects with complete motion design',\r\n 'result-3-number': '+90%',\r\n 'result-3-title': 'Returning clients',\r\n 'result-3-desc': 'Real data from the last 12 months',\r\n 'result-4-number': '+10',\r\n 'result-4-title': 'Years of experience',\r\n 'result-4-desc': 'Building and refining excellence in video editing since 2013',\r\n \r\n \/\/ Services Cards\r\n 'service-title-1': 'Long Videos for YouTube',\r\n 'service-desc-1': 'Professional editing for YouTube videos with focus on rhythm, retention, storytelling and visual experience for content creators and brands.',\r\n 'service-title-2': 'Vertical Content',\r\n 'service-desc-2': 'Video editing for Reels, TikTok and YouTube Shorts with dynamic cuts, legends, motion graphics and focus on retention.',\r\n 'service-title-3': 'Motion Graphics 2D',\r\n 'service-desc-3': 'Creation of animations and explanatory videos for websites, brands, announcements and presentations with modern and professional visual.',\r\n \r\n \/\/ Process Steps\r\n 'process-step-1': '01. File Submission & Briefing',\r\n 'process-step-1-desc': 'The client sends files, references and project instructions via Google Drive or WeTransfer. The more detailed the briefing, the more aligned the final result will be with the content identity.',\r\n 'process-step-2': '02. Organization & Preparation',\r\n 'process-step-2-desc': 'All materials are downloaded, organized and prepared for editing. This stage guarantees a more efficient, consistent and professional workflow throughout the entire production.',\r\n 'process-step-3': '03. Video Editing',\r\n 'process-step-3-desc': 'Here begins the creative process. Editing is developed with focus on rhythm, retention, storytelling and visual identity, seeking to transform content into a more engaging and professional video.',\r\n 'process-step-4': '04. Review & Final Delivery',\r\n 'process-step-4-desc': 'After finalization, the video is sent for review. If necessary, adjustments are made within the included revisions. With everything approved, payment is made and the project is completed.',\r\n \r\n \/\/ About Section\r\n 'about-intro': 'Hi, I\\'m Markovick! Since 2013 I\\'ve been working with video editing, refining my skills in Premiere, Photoshop and After Effects to explore all the creative possibilities this area offers.',\r\n 'about-marketing': 'Beyond visual arts, I\\'ve also been involved with digital marketing, especially in YouTube growth strategies, helping creators expand their online presence.',\r\n 'about-analytical': 'I have an analytical vision that allows me to understand what works in each project, without losing sight of creativity. I believe in the power of good stories, and I always seek to create impactful and inspiring content.',\r\n 'about-cta': 'If you\\'re looking for someone skilled, with experience and a strategic approach to take your content to new levels, let\\'s talk and create something incredible together!',\r\n \r\n \/\/ Why Choose Benefits\r\n 'benefit-1-title': 'Respected Deadlines',\r\n 'benefit-1-desc': 'You can count on me. Punctuality is professionalism, and that\\'s non-negotiable.',\r\n 'benefit-2-title': 'Professional Quality',\r\n 'benefit-2-desc': 'Every project receives the same attention as an agency, but with the agility of a specialized freelancer.',\r\n 'benefit-3-title': 'Results Focused',\r\n 'benefit-3-desc': 'I don\\'t create videos just to create. Each frame is designed to generate conversation and engagement.',\r\n 'benefit-4-title': 'Clear Communication',\r\n 'benefit-4-desc': 'You\\'ll know exactly where your project is at each stage. No surprises, only solutions.',\r\n 'benefit-5-title': 'Included Revisions',\r\n 'benefit-5-desc': 'Until it\\'s perfect. I work with you until the result meets your expectations completely.',\r\n 'benefit-6-title': 'Strategic Consulting',\r\n 'benefit-6-desc': 'I suggest improvements based on data and experience to boost your results.',\r\n \r\n \/\/ FAQ Questions\r\n 'faq-q1': 'Do you do test video?',\r\n 'faq-q2': 'Do you work with contracts?',\r\n 'faq-q3': 'Do you make thumbnails, SEO or channel management?',\r\n 'faq-q4': 'Do you manage channels or social networks?',\r\n 'faq-q5': 'Do you do partnership or partnership with channels?',\r\n 'faq-q6': 'Do you accept exchange?',\r\n 'faq-q7': 'Do you issue invoice?',\r\n 'faq-q8': 'What are the payment methods?',\r\n 'faq-q9': 'Do you work with international clients?',\r\n 'faq-q10': 'Do I need to close a package to get started?',\r\n 'faq-q11': 'Can I hire promotional videos?',\r\n 'faq-q12': 'How many revisions are included?',\r\n \r\n \/\/ CTA Section\r\n 'cta-title': 'Let\\'s build something extraordinary together.',\r\n 'cta-desc': 'Send a message and I\\'ll reply within 24 hours to discuss your project and objectives.',\r\n \r\n \/\/ Footer\r\n 'footer-hours': 'Operating Hours',\r\n 'footer-hours-time': 'Monday to Saturday 08:00 to 18:00',\r\n 'footer-social': 'Social Networks',\r\n 'footer-instagram': 'Instagram',\r\n 'footer-youtube': 'YouTube',\r\n 'footer-contact': 'Contact',\r\n 'footer-payment': 'Payment Methods',\r\n 'footer-payment-methods': 'Pix \u2022 PayPal \u2022 Wise',\r\n 'footer-info': 'Information',\r\n 'footer-cnpj': 'CNPJ: 53.849.461\/0001-08'\r\n },\r\n pt: {\r\n \/\/ Navigation\r\n 'home': 'Home',\r\n 'portfolio': 'Portf\u00f3lio',\r\n 'resultados': 'Resultados',\r\n 'servicos': 'Servi\u00e7os',\r\n 'processo': 'Processo',\r\n 'sobre': 'Sobre',\r\n 'faq': 'FAQ',\r\n \r\n \/\/ Hero\r\n 'hero-title': 'Edi\u00e7\u00e3o de V\u00eddeo Profissional<br>para Criadores de Conte\u00fado',\r\n 'hero-subtitle': 'Cansado de editores que atrasam entregas, usam B-roll gen\u00e9rico e entregam v\u00eddeos sem identidade? Trabalho com edi\u00e7\u00e3o profissional para YouTube, criadores de conte\u00fado e marcas que desejam v\u00eddeos mais envolventes, profissionais e com maior reten\u00e7\u00e3o.',\r\n \r\n \/\/ Sections\r\n 'portfolio-title': 'Portf\u00f3lio',\r\n 'resultados-title': 'Resultados',\r\n 'servicos-title': 'Servi\u00e7os',\r\n 'processo-title': 'Workflow',\r\n 'sobre-title': 'Sobre Mim',\r\n 'porquee-title': 'Por Que Escolher Meu Trabalho',\r\n 'faq-title': 'D\u00favidas Frequentes',\r\n \r\n \/\/ Buttons\r\n 'btn-orcamento': 'Or\u00e7amento',\r\n 'btn-portfolio': 'Ver Portf\u00f3lio',\r\n 'conteudo-longo': 'Conte\u00fado Longo',\r\n 'motion-graphics': 'Motion Graphics',\r\n 'conteudo-curto': 'Conte\u00fado Curto',\r\n \r\n \/\/ Sections Subtitles\r\n 'portfolio-subtitle': 'Projetos que entregaram resultados reais para meus clientes',\r\n 'resultados-subtitle': 'N\u00fameros reais que meus clientes conquistaram',\r\n 'servicos-subtitle': 'Tudo o que voc\u00ea precisa para ter v\u00eddeos de qualidade profissional',\r\n 'processo-subtitle': 'Entenda cada etapa do seu projeto desde o in\u00edcio at\u00e9 a entrega',\r\n 'porquee-subtitle': 'O que me diferencia no mercado',\r\n 'faq-subtitle': 'Respondendo \u00e0s quest\u00f5es mais comuns',\r\n \r\n \/\/ Results Cards\r\n 'result-1-number': '+35',\r\n 'result-1-title': 'Canais gerenciados desde 2021',\r\n 'result-1-desc': 'Todos com edi\u00e7\u00e3o personalizada e sob medida',\r\n 'result-2-number': '+480',\r\n 'result-2-title': 'V\u00eddeos entregues em 2024',\r\n 'result-2-desc': 'De cortes simples a projetos com motion design completo',\r\n 'result-3-number': '+90%',\r\n 'result-3-title': 'Clientes que voltam a contratar',\r\n 'result-3-desc': 'Dados reais dos \u00faltimos 12 meses',\r\n 'result-4-number': '+10',\r\n 'result-4-title': 'Anos de experi\u00eancia',\r\n 'result-4-desc': 'Construindo e refinando excel\u00eancia em edi\u00e7\u00e3o de v\u00eddeo desde 2013',\r\n \r\n \/\/ Services Cards\r\n 'service-title-1': 'V\u00eddeos Longos para YouTube',\r\n 'service-desc-1': 'Edi\u00e7\u00e3o profissional para v\u00eddeos do YouTube com foco em ritmo, reten\u00e7\u00e3o, storytelling e experi\u00eancia visual para criadores de conte\u00fado e marcas.',\r\n 'service-title-2': 'Conte\u00fado Vertical',\r\n 'service-desc-2': 'Edi\u00e7\u00e3o de v\u00eddeos para Reels, TikTok e YouTube Shorts com cortes din\u00e2micos, legendas, motion graphics e foco em reten\u00e7\u00e3o.',\r\n 'service-title-3': 'Motion Graphics 2D',\r\n 'service-desc-3': 'Cria\u00e7\u00e3o de anima\u00e7\u00f5es e v\u00eddeos explicativos para sites, marcas, an\u00fancios e apresenta\u00e7\u00f5es com visual moderno e profissional.',\r\n \r\n \/\/ Process Steps\r\n 'process-step-1': '01. Envio dos Arquivos & Briefing',\r\n 'process-step-1-desc': 'O cliente envia os arquivos, refer\u00eancias e instru\u00e7\u00f5es do projeto via Google Drive ou WeTransfer. Quanto mais detalhado o briefing, mais alinhado o resultado final ficar\u00e1 com a identidade do conte\u00fado.',\r\n 'process-step-2': '02. Organiza\u00e7\u00e3o & Prepara\u00e7\u00e3o',\r\n 'process-step-2-desc': 'Todos os materiais s\u00e3o baixados, organizados e preparados para a edi\u00e7\u00e3o. Essa etapa garante um fluxo de trabalho mais eficiente, consistente e profissional durante toda a produ\u00e7\u00e3o.',\r\n 'process-step-3': '03. Edi\u00e7\u00e3o do V\u00eddeo',\r\n 'process-step-3-desc': 'Aqui come\u00e7a o processo criativo. A edi\u00e7\u00e3o \u00e9 desenvolvida com foco em ritmo, reten\u00e7\u00e3o, storytelling e identidade visual, buscando transformar o conte\u00fado em um v\u00eddeo mais envolvente e profissional.',\r\n 'process-step-4': '04. Revis\u00e3o & Entrega Final',\r\n 'process-step-4-desc': 'Ap\u00f3s a finaliza\u00e7\u00e3o, o v\u00eddeo \u00e9 enviado para an\u00e1lise. Caso necess\u00e1rio, ajustes s\u00e3o realizados dentro das revis\u00f5es inclusos. Com tudo aprovado, o pagamento \u00e9 realizado e o projeto \u00e9 conclu\u00eddo.',\r\n \r\n \/\/ About Section\r\n 'about-intro': 'Ol\u00e1, sou Markovick! Desde 2013 trabalho com edi\u00e7\u00e3o de v\u00eddeo, aprimorando minhas habilidades em Premiere, Photoshop e After Effects para explorar todas as possibilidades criativas que essa \u00e1rea oferece.',\r\n 'about-marketing': 'Al\u00e9m das artes visuais, tamb\u00e9m me envolvi com o marketing digital, especialmente em estrat\u00e9gias de crescimento no YouTube, ajudando criadores a expandirem sua presen\u00e7a online.',\r\n 'about-analytical': 'Tenho uma vis\u00e3o anal\u00edtica que me permite entender o que funciona em cada projeto, sem perder de vista a criatividade. Acredito no poder das boas hist\u00f3rias, e busco sempre criar conte\u00fado impactante e inspirador.',\r\n 'about-cta': 'Se voc\u00ea est\u00e1 procurando algu\u00e9m apaixonado, com experi\u00eancia e uma abordagem estrat\u00e9gica para levar seu conte\u00fado a novos patamares, vamos conversar e criar algo incr\u00edvel juntos!',\r\n \r\n \/\/ Why Choose Benefits\r\n 'benefit-1-title': 'Prazos Respeitados',\r\n 'benefit-1-desc': 'Voc\u00ea pode contar comigo. Pontualidade \u00e9 profissionalismo, e isso \u00e9 n\u00e3o-negoci\u00e1vel.',\r\n 'benefit-2-title': 'Qualidade Profissional',\r\n 'benefit-2-desc': 'Cada projeto recebe a mesma aten\u00e7\u00e3o de uma ag\u00eancia, mas com a agilidade de um freelancer especializado.',\r\n 'benefit-3-title': 'Foco em Resultados',\r\n 'benefit-3-desc': 'N\u00e3o crio v\u00eddeos bonitos s\u00f3 por criar. Cada frame \u00e9 pensado para gerar conversa\u00e7\u00e3o e engajamento.',\r\n 'benefit-4-title': 'Comunica\u00e7\u00e3o Clara',\r\n 'benefit-4-desc': 'Voc\u00ea saber\u00e1 exatamente onde est\u00e1 seu projeto a cada etapa. Sem surpresas, s\u00f3 solu\u00e7\u00f5es.',\r\n 'benefit-5-title': 'Revis\u00f5es Inclusas',\r\n 'benefit-5-desc': 'At\u00e9 ficar perfeito. Trabalho contigo at\u00e9 que o resultado atenda suas expectativas completamente.',\r\n 'benefit-6-title': 'Consultoria Estrat\u00e9gica',\r\n 'benefit-6-desc': 'Sugiro melhorias baseadas em dados e experi\u00eancia para potencializar seus resultados.',\r\n \r\n \/\/ FAQ Questions\r\n 'faq-q1': 'Voc\u00ea faz v\u00eddeo teste?',\r\n 'faq-q2': 'Voc\u00ea trabalha com contrato?',\r\n 'faq-q3': 'Voc\u00ea faz thumbnails, SEO ou gest\u00e3o de canal?',\r\n 'faq-q4': 'Voc\u00ea administra canais ou redes sociais?',\r\n 'faq-q5': 'Voc\u00ea faz parceria ou sociedade com canais?',\r\n 'faq-q6': 'Voc\u00ea aceita permuta?',\r\n 'faq-q7': 'Voc\u00ea emite nota fiscal?',\r\n 'faq-q8': 'Quais s\u00e3o as formas de pagamento?',\r\n 'faq-q9': 'Voc\u00ea trabalha com clientes internacionais?',\r\n 'faq-q10': 'Preciso fechar um pacote para come\u00e7ar?',\r\n 'faq-q11': 'Posso contratar v\u00eddeos avulsos?',\r\n 'faq-q12': 'Quantas revis\u00f5es est\u00e3o inclusas?',\r\n \r\n \/\/ CTA Section\r\n 'cta-title': 'Vamos construir algo extraordin\u00e1rio juntos.',\r\n 'cta-desc': 'Envie uma mensagem e responderei em at\u00e9 24 horas para discutir seu projeto e objetivos.',\r\n \r\n \/\/ Footer\r\n 'footer-hours': 'Hor\u00e1rio de Funcionamento',\r\n 'footer-hours-time': 'De segunda a s\u00e1bado 08:00 \u00e0s 18:00',\r\n 'footer-social': 'Redes Sociais',\r\n 'footer-instagram': 'Instagram',\r\n 'footer-youtube': 'YouTube',\r\n 'footer-contact': 'Contato',\r\n 'footer-payment': 'Formas de Pagamento',\r\n 'footer-payment-methods': 'Pix \u2022 PayPal \u2022 Wise',\r\n 'footer-info': 'Informa\u00e7\u00f5es',\r\n 'footer-cnpj': 'CNPJ: 53.849.461\/0001-08'\r\n }\r\n };\r\n\r\n function changeLanguage(lang) {\r\n \/\/ Traduzir elementos com data-i18n\r\n document.querySelectorAll('[data-i18n]').forEach(element => {\r\n const key = element.getAttribute('data-i18n');\r\n if (translations[lang] && translations[lang][key]) {\r\n element.textContent = translations[lang][key];\r\n }\r\n });\r\n\r\n \/\/ Traduzir elementos com data-i18n-html (para conte\u00fado com HTML)\r\n document.querySelectorAll('[data-i18n-html]').forEach(element => {\r\n const key = element.getAttribute('data-i18n-html');\r\n if (translations[lang] && translations[lang][key]) {\r\n element.innerHTML = translations[lang][key];\r\n }\r\n });\r\n\r\n localStorage.setItem('selectedLanguage', lang);\r\n }\r\n\r\n const langBtns = document.querySelectorAll('.lang-btn');\r\n const currentLang = localStorage.getItem('selectedLanguage') || 'en';\r\n\r\n \/\/ Aplicar idioma salvo ao carregar\r\n changeLanguage(currentLang);\r\n\r\n langBtns.forEach(btn => {\r\n if (btn.dataset.lang === currentLang) {\r\n btn.classList.add('active');\r\n }\r\n\r\n btn.addEventListener('click', () => {\r\n langBtns.forEach(b => b.classList.remove('active'));\r\n btn.classList.add('active');\r\n changeLanguage(btn.dataset.lang);\r\n });\r\n });\r\n\r\n const mouseFollower = document.querySelector('.mouse-follower');\r\n if (mouseFollower) {\r\n let mouseX = 0;\r\n let mouseY = 0;\r\n let followerX = 0;\r\n let followerY = 0;\r\n\r\n document.addEventListener('mousemove', (e) => {\r\n mouseX = e.clientX;\r\n mouseY = e.clientY;\r\n });\r\n\r\n function animateFollower() {\r\n followerX += (mouseX - followerX) * 0.2;\r\n followerY += (mouseY - followerY) * 0.2;\r\n\r\n mouseFollower.style.left = followerX + 'px';\r\n mouseFollower.style.top = followerY + 'px';\r\n\r\n requestAnimationFrame(animateFollower);\r\n }\r\n\r\n animateFollower();\r\n }\r\n\r\n \/\/ ============================================\r\n \/\/ HAMBURGER MENU\r\n \/\/ ============================================\r\n const hamburger = document.getElementById('hamburger');\r\n const navMenu = document.getElementById('nav-menu');\r\n\r\n hamburger.addEventListener('click', () => {\r\n hamburger.classList.toggle('active');\r\n navMenu.classList.toggle('active');\r\n });\r\n\r\n \/\/ Fechar menu ao clicar em um link\r\n const navLinks = navMenu.querySelectorAll('a');\r\n navLinks.forEach(link => {\r\n link.addEventListener('click', () => {\r\n hamburger.classList.remove('active');\r\n navMenu.classList.remove('active');\r\n });\r\n });\r\n\r\n \/\/ ============================================\r\n \/\/ PROGRESS BAR\r\n \/\/ ============================================\r\n \/\/ Animar n\u00fameros da se\u00e7\u00e3o Resultados\r\n const resultNumbers = document.querySelectorAll('.result-number');\r\n \r\n \/\/ Animar t\u00edtulos com highlight\r\n const highlightTitles = document.querySelectorAll('.highlight-title');\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('animate');\r\n observer.unobserve(entry.target);\r\n }\r\n });\r\n }, {\r\n threshold: 0.5\r\n });\r\n\r\n resultNumbers.forEach(number => {\r\n observer.observe(number);\r\n });\r\n\r\n highlightTitles.forEach(title => {\r\n observer.observe(title);\r\n });\r\n\r\n \/\/ Fun\u00e7\u00e3o gen\u00e9rica para animar se\u00e7\u00f5es\r\n function animateSection(sectionId, itemSelector) {\r\n const section = document.querySelector(sectionId);\r\n const title = document.querySelector(`${sectionId} h2`);\r\n const subtitle = document.querySelector(`${sectionId} .section-subtitle`);\r\n const items = document.querySelectorAll(`${sectionId} ${itemSelector}`);\r\n \r\n if (!section || items.length === 0) return;\r\n\r\n \/\/ Definir estado inicial\r\n if (title) {\r\n title.style.opacity = '0';\r\n title.style.transform = 'translateY(40px)';\r\n }\r\n if (subtitle) {\r\n subtitle.style.opacity = '0';\r\n subtitle.style.transform = 'translateY(40px)';\r\n }\r\n items.forEach((item) => {\r\n item.style.opacity = '0';\r\n item.style.transform = 'translateY(40px)';\r\n });\r\n\r\n const sectionObserver = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n \/\/ Animar t\u00edtulo\r\n if (title) {\r\n title.style.animation = `fadeInUp 0.6s ease-out 0s forwards`;\r\n }\r\n \/\/ Animar subt\u00edtulo\r\n if (subtitle) {\r\n subtitle.style.animation = `fadeInUp 0.6s ease-out 0.15s forwards`;\r\n }\r\n \/\/ Animar items\r\n items.forEach((item, index) => {\r\n item.style.animation = `fadeInUp 0.6s ease-out ${0.3 + index * 0.15}s forwards`;\r\n });\r\n sectionObserver.unobserve(entry.target);\r\n }\r\n });\r\n }, {\r\n threshold: 0.1\r\n });\r\n sectionObserver.observe(section);\r\n }\r\n\r\n \/\/ Aplicar anima\u00e7\u00e3o em todas as se\u00e7\u00f5es\r\n animateSection('#portfolio', '.portfolio-item');\r\n animateSection('#resultados', '.result-card');\r\n animateSection('#servicos', '.service-card');\r\n animateSection('#processo', '.process-step');\r\n animateSection('#sobre', '.about-content');\r\n animateSection('#por-que', '.benefit-card');\r\n \r\n \/\/ Animar CTA do FAQ\r\n const faqCtaSection = document.querySelector('#faq');\r\n const faqCta = document.querySelector('.faq-cta');\r\n \r\n if (faqCtaSection && faqCta) {\r\n faqCta.style.opacity = '0';\r\n faqCta.style.transform = 'translateY(40px)';\r\n \r\n const faqObserver = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n faqCta.style.animation = 'fadeInUp 0.6s ease-out 0.3s forwards';\r\n faqObserver.unobserve(entry.target);\r\n }\r\n });\r\n }, {\r\n threshold: 0.1\r\n });\r\n faqObserver.observe(faqCtaSection);\r\n }\r\n \r\n animateSection('#faq', '.faq-item');\r\n });\r\n\r\n \/\/ ============================================\r\n \/\/ SISTEMA PREMIUM DE NOTIFICA\u00c7\u00d5ES INTELIGENTES\r\n \/\/ ============================================\r\n class PremiumNotificationSystem {\r\n constructor() {\r\n this.notificationElement = document.getElementById('appleNotification');\r\n this.titleElement = document.getElementById('notificationTitle');\r\n this.subtitleElement = document.getElementById('notificationSubtitle');\r\n this.closeBtn = document.getElementById('closeNotification');\r\n \r\n this.notificationCount = 0;\r\n this.maxNotifications = 3;\r\n this.currentMonth = this.getCurrentMonth();\r\n this.isShowingNotification = false;\r\n \r\n this.init();\r\n }\r\n\r\n getCurrentMonth() {\r\n const isPortuguese = localStorage.getItem('language') === 'pt';\r\n \r\n if (isPortuguese) {\r\n const months = [\r\n 'Janeiro', 'Fevereiro', 'Mar\u00e7o', 'Abril', 'Maio', 'Junho',\r\n 'Julho', 'Agosto', 'Setembro', 'Outubro', 'Novembro', 'Dezembro'\r\n ];\r\n return months[new Date().getMonth()];\r\n } else {\r\n const months = [\r\n 'January', 'February', 'March', 'April', 'May', 'June',\r\n 'July', 'August', 'September', 'October', 'November', 'December'\r\n ];\r\n return months[new Date().getMonth()];\r\n }\r\n }\r\n\r\n getTranslation(key) {\r\n const currentLang = localStorage.getItem('language') || 'en';\r\n return translations[currentLang][key] || key;\r\n }\r\n\r\n buildNotifications() {\r\n return [\r\n {\r\n main: `${this.getTranslation('notif1')} <span class=\"highlight-month\">${this.currentMonth}<\/span>.`,\r\n delay: 30000 \/\/ 30 segundos\r\n },\r\n {\r\n main: `${this.getTranslation('notif2')} <span class=\"highlight-month\">${this.currentMonth}<\/span>.`,\r\n delay: 120000 \/\/ 2 minutos ap\u00f3s a primeira\r\n },\r\n {\r\n main: `${this.getTranslation('notif3')} <span class=\"highlight-month\">${this.currentMonth}<\/span>.`,\r\n delay: 240000 \/\/ 4 minutos ap\u00f3s a segunda\r\n }\r\n ];\r\n }\r\n\r\n getDaysAndHours() {\r\n const now = new Date();\r\n const endOfMonth = new Date(now.getFullYear(), now.getMonth() + 1, 0, 23, 59, 59);\r\n const diff = endOfMonth - now;\r\n \r\n const days = Math.floor(diff \/ (1000 * 60 * 60 * 24));\r\n const hours = Math.floor((diff % (1000 * 60 * 60 * 24)) \/ (1000 * 60 * 60));\r\n \r\n const daysText = this.getTranslation('notif-days');\r\n const isPortuguese = this.getTranslation('notif-days') === 'Faltam';\r\n const dayWord = isPortuguese ? `dia${days !== 1 ? 's' : ''}` : `day${days !== 1 ? 's' : ''}`;\r\n const hourWord = isPortuguese ? `hora${hours !== 1 ? 's' : ''}` : `hour${hours !== 1 ? 's' : ''}`;\r\n const connector = isPortuguese ? 'e' : 'and';\r\n const schedule = isPortuguese ? 'da agenda' : 'of the schedule';\r\n const forText = isPortuguese ? 'para o fechamento' : 'for the closing';\r\n \r\n return `${daysText} ${days} ${dayWord} ${connector} ${hours} ${hourWord} ${forText} ${schedule}.`;\r\n }\r\n\r\n init() {\r\n const sessionKey = `notificationSequence_${this.currentMonth}`;\r\n this.notificationCount = parseInt(sessionStorage.getItem(sessionKey)) || 0;\r\n\r\n if (this.notificationCount >= this.maxNotifications) {\r\n this.notificationElement.style.display = 'none';\r\n return;\r\n }\r\n\r\n this.startSequence(sessionKey);\r\n this.closeBtn.addEventListener('click', () => this.hideNotification());\r\n }\r\n\r\n startSequence(sessionKey) {\r\n const notifications = this.buildNotifications();\r\n let cumulativeDelay = 0;\r\n\r\n for (let i = this.notificationCount; i < this.maxNotifications; i++) {\r\n const notif = notifications[i];\r\n cumulativeDelay += notif.delay;\r\n\r\n setTimeout(() => {\r\n if (this.notificationCount >= this.maxNotifications) return;\r\n this.showNotification(i, sessionKey, notifications);\r\n }, cumulativeDelay);\r\n }\r\n }\r\n\r\n showNotification(index, sessionKey, notifications) {\r\n if (this.isShowingNotification || this.notificationCount >= this.maxNotifications) return;\r\n\r\n this.isShowingNotification = true;\r\n const current = notifications[index];\r\n \r\n this.titleElement.innerHTML = current.main;\r\n this.subtitleElement.textContent = this.getDaysAndHours();\r\n\r\n this.notificationElement.classList.add('show');\r\n \r\n \/\/ Tocar som de notifica\u00e7\u00e3o\r\n console.log('Tocando som de notifica\u00e7\u00e3o...');\r\n this.playNotificationSound();\r\n\r\n \/\/ Desaparecer ap\u00f3s 15 segundos\r\n setTimeout(() => {\r\n this.hideNotification();\r\n }, 15000);\r\n\r\n \/\/ Incrementar contador\r\n this.notificationCount++;\r\n sessionStorage.setItem(sessionKey, this.notificationCount);\r\n }\r\n\r\n hideNotification() {\r\n this.notificationElement.classList.remove('show');\r\n this.isShowingNotification = false;\r\n\r\n if (this.notificationCount >= this.maxNotifications) {\r\n setTimeout(() => {\r\n this.notificationElement.style.display = 'none';\r\n }, 300);\r\n }\r\n }\r\n\r\n playNotificationSound() {\r\n try {\r\n const audioContext = new (window.AudioContext || window.webkitAudioContext)();\r\n const now = audioContext.currentTime;\r\n \r\n \/\/ Primeiro beep\r\n const osc1 = audioContext.createOscillator();\r\n const gain1 = audioContext.createGain();\r\n \r\n osc1.type = 'sine';\r\n osc1.frequency.value = 800;\r\n gain1.gain.setValueAtTime(0.3, now);\r\n gain1.gain.linearRampToValueAtTime(0, now + 0.15);\r\n \r\n osc1.connect(gain1);\r\n gain1.connect(audioContext.destination);\r\n \r\n osc1.start(now);\r\n osc1.stop(now + 0.15);\r\n \r\n \/\/ Segundo beep\r\n const osc2 = audioContext.createOscillator();\r\n const gain2 = audioContext.createGain();\r\n \r\n osc2.type = 'sine';\r\n osc2.frequency.value = 1000;\r\n gain2.gain.setValueAtTime(0.3, now + 0.2);\r\n gain2.gain.linearRampToValueAtTime(0, now + 0.35);\r\n \r\n osc2.connect(gain2);\r\n gain2.connect(audioContext.destination);\r\n \r\n osc2.start(now + 0.2);\r\n osc2.stop(now + 0.35);\r\n } catch (e) {\r\n console.log('Som de notifica\u00e7\u00e3o indispon\u00edvel');\r\n }\r\n }\r\n }\r\n\r\n \/\/ ============================================\r\n \/\/ SISTEMA DE IDIOMAS COMPLETO\r\n \/\/ ============================================\r\n const translations = {\r\n pt: {\r\n home: \"In\u00edcio\",\r\n portfolio: \"Portf\u00f3lio\",\r\n resultados: \"Resultados\",\r\n servicos: \"Servi\u00e7os\",\r\n processo: \"Processo\",\r\n sobre: \"Sobre\",\r\n faq: \"FAQ\",\r\n \"hero-title\": \"Edi\u00e7\u00e3o de V\u00eddeo Profissional<br>para Criadores de Conte\u00fado\",\r\n \"hero-subtitle\": \"Cansado de editores que atrasam entregas, usam B-roll gen\u00e9rico e entregam v\u00eddeos sem identidade? Trabalho com edi\u00e7\u00e3o profissional para YouTube, criadores de conte\u00fado e marcas que desejam v\u00eddeos mais envolventes, profissionais e com maior reten\u00e7\u00e3o.\",\r\n \"btn-orcamento\": \"Or\u00e7amento\",\r\n \"btn-portfolio\": \"Ver Portf\u00f3lio\",\r\n \"btn-contato\": \"Entrar em Contato\",\r\n \"portfolio-title\": \"Portf\u00f3lio\",\r\n \"portfolio-subtitle\": \"Projetos que entregaram resultados reais para meus clientes\",\r\n \"tab-long\": \"Conte\u00fado Longo\",\r\n \"tab-short\": \"Conte\u00fado Curto\",\r\n \"tab-motion\": \"Motion Graphics\",\r\n \"processo-title\": \"Processo\",\r\n \"processo-subtitle\": \"Entenda cada etapa do seu projeto desde o in\u00edcio at\u00e9 a entrega\",\r\n \"sobre-title\": \"Sobre Mim\",\r\n \"porquee-title\": \"Por Que Escolher Meu Trabalho\",\r\n \"porquee-subtitle\": \"O que me diferencia no mercado\",\r\n \"faq-title\": \"D\u00favidas Frequentes\",\r\n \"faq-subtitle\": \"Respondendo \u00e0s quest\u00f5es mais comuns\",\r\n \"step1-title\": \"Envio dos Arquivos & Briefing\",\r\n \"step1-desc\": \"O cliente envia os arquivos, refer\u00eancias e instru\u00e7\u00f5es do projeto via Google Drive ou WeTransfer. Quanto mais detalhado o briefing, mais alinhado o resultado final ficar\u00e1 com a identidade do conte\u00fado.\",\r\n \"step2-title\": \"Organiza\u00e7\u00e3o & Prepara\u00e7\u00e3o\",\r\n \"step2-desc\": \"Todos os materiais s\u00e3o baixados, organizados e preparados para a edi\u00e7\u00e3o. Essa etapa garante um fluxo de trabalho mais eficiente, consistente e profissional durante toda a produ\u00e7\u00e3o.\",\r\n \"step3-title\": \"Edi\u00e7\u00e3o do V\u00eddeo\",\r\n \"step3-desc\": \"Aqui come\u00e7a o processo criativo. A edi\u00e7\u00e3o \u00e9 desenvolvida com foco em ritmo, reten\u00e7\u00e3o, storytelling e identidade visual, buscando transformar o conte\u00fado em um v\u00eddeo mais envolvente e profissional.\",\r\n \"step4-title\": \"Revis\u00e3o & Entrega Final\",\r\n \"step4-desc\": \"Ap\u00f3s a finaliza\u00e7\u00e3o, o v\u00eddeo \u00e9 enviado para an\u00e1lise. Caso necess\u00e1rio, ajustes s\u00e3o realizados dentro das revis\u00f5es inclusas. Com tudo aprovado, o pagamento \u00e9 realizado e o projeto \u00e9 conclu\u00eddo.\",\r\n \"benefit1-title\": \"Prazos Respeitados\",\r\n \"benefit1-desc\": \"Voc\u00ea pode contar comigo. Pontualidade \u00e9 profissionalismo, e isso \u00e9 n\u00e3o-negoci\u00e1vel.\",\r\n \"benefit2-title\": \"Qualidade Profissional\",\r\n \"benefit2-desc\": \"Cada projeto recebe a mesma aten\u00e7\u00e3o de uma ag\u00eancia, mas com a agilidade de um freelancer especializado.\",\r\n \"benefit3-title\": \"Foco em Resultados\",\r\n \"benefit3-desc\": \"N\u00e3o crio v\u00eddeos bonitos s\u00f3 por criar. Cada frame \u00e9 pensado para gerar convers\u00e3o e engajamento.\",\r\n \"benefit4-title\": \"Comunica\u00e7\u00e3o Clara\",\r\n \"benefit4-desc\": \"Voc\u00ea saber\u00e1 exatamente onde est\u00e1 seu projeto a cada etapa. Sem surpresas, s\u00f3 solu\u00e7\u00f5es.\",\r\n \"benefit5-title\": \"Revis\u00f5es Inclusas\",\r\n \"benefit5-desc\": \"At\u00e9 ficar perfeito. Trabalho contigo at\u00e9 que o resultado atenda suas expectativas completamente.\",\r\n \"benefit6-title\": \"Consultoria Estrat\u00e9gica\",\r\n \"benefit6-desc\": \"Sugiro melhorias baseadas em dados e experi\u00eancia para potencializar seus resultados.\",\r\n \"about-p1\": \"Ol\u00e1, sou Markovick! Desde 2013 trabalho com edi\u00e7\u00e3o de v\u00eddeo, aprimorando minhas habilidades em Premiere, Photoshop e After Effects para explorar todas as possibilidades criativas que essa \u00e1rea oferece.\",\r\n \"about-p2\": \"Al\u00e9m das artes visuais, tamb\u00e9m me envolvi com o marketing digital, especialmente em estrat\u00e9gias de crescimento no YouTube, ajudando criadores a expandirem sua presen\u00e7a online.\",\r\n \"about-p3\": \"Tenho uma vis\u00e3o anal\u00edtica que me permite entender o que funciona em cada projeto, sem perder de vista a criatividade. Acredito no poder das boas hist\u00f3rias, e busco sempre criar conte\u00fado impactante e inspirador.\",\r\n \"about-p4\": \"Se voc\u00ea est\u00e1 procurando algu\u00e9m apaixonado, com experi\u00eancia e uma abordagem estrat\u00e9gica para levar seu conte\u00fado a novos patamares, vamos conversar e criar algo incr\u00edvel juntos!\",\r\n \"faq-q1\": \"Voc\u00ea faz v\u00eddeo teste?\",\r\n \"faq-a1\": \"Sim. Antes de fecharmos qualquer pacote, voc\u00ea pode solicitar um v\u00eddeo teste remunerado. Assim, voc\u00ea avalia a qualidade da edi\u00e7\u00e3o, ritmo, storytelling e identidade do conte\u00fado antes de tomar qualquer decis\u00e3o.\",\r\n \"faq-q2\": \"Voc\u00ea trabalha com contrato?\",\r\n \"faq-a2\": \"Sim. Todo projeto pode ser formalizado em contrato para garantir mais seguran\u00e7a, clareza e organiza\u00e7\u00e3o para ambos os lados.\",\r\n \"faq-q3\": \"Voc\u00ea faz thumbnails, SEO ou gest\u00e3o de canal?\",\r\n \"faq-a3\": \"N\u00e3o. Meu foco \u00e9 exclusivamente edi\u00e7\u00e3o de v\u00eddeo estrat\u00e9gica para criadores de conte\u00fado e marcas. Dessa forma, toda a energia do projeto fica concentrada em entregar v\u00eddeos mais profissionais, envolventes e com maior reten\u00e7\u00e3o.\",\r\n \"faq-q4\": \"Voc\u00ea administra canais ou redes sociais?\",\r\n \"faq-a4\": \"N\u00e3o. O servi\u00e7o \u00e9 voltado apenas para edi\u00e7\u00e3o de v\u00eddeo. Isso permite manter um padr\u00e3o mais alto de qualidade, consist\u00eancia e agilidade nas entregas.\",\r\n \"faq-q5\": \"Voc\u00ea faz parceria ou sociedade com canais?\",\r\n \"faq-a5\": \"N\u00e3o trabalho com sociedade ou participa\u00e7\u00e3o em canais. Os projetos funcionam no modelo de presta\u00e7\u00e3o de servi\u00e7o profissional.\",\r\n \"faq-q6\": \"Voc\u00ea aceita permuta?\",\r\n \"faq-a6\": \"N\u00e3o trabalho com permuta. O foco \u00e9 manter uma parceria profissional, com prioridade total na qualidade, organiza\u00e7\u00e3o e prazos do projeto.\",\r\n \"faq-q7\": \"Voc\u00ea emite nota fiscal?\",\r\n \"faq-a7\": \"Sim. A emiss\u00e3o de nota fiscal est\u00e1 dispon\u00edvel para clientes no Brasil.\",\r\n \"faq-q8\": \"Quais s\u00e3o as formas de pagamento?\",\r\n \"faq-a8\": \"Os pagamentos podem ser feitos via Pix, PayPal ou Wise, facilitando tanto clientes nacionais quanto internacionais.\",\r\n \"faq-q9\": \"Voc\u00ea trabalha com clientes internacionais?\",\r\n \"faq-a9\": \"Sim. Trabalho com clientes do Brasil e tamb\u00e9m do exterior, com suporte para pagamentos internacionais via PayPal e Wise.\",\r\n \"faq-q10\": \"Preciso fechar um pacote para come\u00e7ar?\",\r\n \"faq-a10\": \"N\u00e3o. Podemos come\u00e7ar com um v\u00eddeo teste remunerado. Se fizer sentido para voc\u00ea e o resultado atender suas expectativas, seguimos para uma parceria cont\u00ednua.\",\r\n \"faq-q11\": \"Posso contratar v\u00eddeos avulsos?\",\r\n \"faq-a11\": \"Sim. Voc\u00ea pode contratar v\u00eddeos avulsos ou optar por pacotes mensais, dependendo da sua demanda de conte\u00fado.\",\r\n \"faq-q12\": \"Quantas revis\u00f5es est\u00e3o inclusas?\",\r\n \"faq-a12\": \"Cada v\u00eddeo inclui at\u00e9 2 rodadas de revis\u00f5es gratuitas para ajustes e refinamentos. Caso sejam necess\u00e1rias revis\u00f5es adicionais, ser\u00e1 cobrado um valor equivalente a 10% do valor do v\u00eddeo por rodada extra, limitado a at\u00e9 3 revis\u00f5es adicionais.\",\r\n \"faq-cta-title\": \"Vamos construir algo<br>extraordin\u00e1rio juntos.\",\r\n \"faq-cta-desc\": \"Envie uma mensagem e responderei em at\u00e9 24 horas<br>para discutir seu projeto e objetivos.\",\r\n \"resultados-title\": \"Resultados\",\r\n \"resultados-subtitle\": \"N\u00fameros reais que meus clientes conquistaram\",\r\n \"result1-title\": \"Canais gerenciados desde 2021\",\r\n \"result1-desc\": \"Todos com edi\u00e7\u00e3o personalizada e sob medida\",\r\n \"result2-title\": \"V\u00eddeos entregues em 2024\",\r\n \"result2-desc\": \"De cortes simples a projetos com motion design completo\",\r\n \"result3-title\": \"Clientes que voltam a contratar\",\r\n \"result3-desc\": \"Dados reais dos \u00faltimos 12 meses\",\r\n \"result4-title\": \"Anos de experi\u00eancia\",\r\n \"result4-desc\": \"Construindo e refinando excel\u00eancia em edi\u00e7\u00e3o de v\u00eddeo desde 2013\",\r\n \"servicos-title\": \"Servi\u00e7os\",\r\n \"servicos-subtitle\": \"Tudo o que voc\u00ea precisa para ter v\u00eddeos de qualidade profissional\",\r\n \"service1-title\": \"V\u00eddeos Longos para YouTube\",\r\n \"service1-desc\": \"Edi\u00e7\u00e3o profissional para v\u00eddeos de YouTube com foco em ritmo, reten\u00e7\u00e3o, storytelling e experi\u00eancia visual para criadores de conte\u00fado e marcas.\",\r\n \"service2-title\": \"Conte\u00fado Vertical\",\r\n \"service2-desc\": \"Edi\u00e7\u00e3o de v\u00eddeos para Reels, TikTok e YouTube Shorts com cortes din\u00e2micos, legendas, motion graphics e foco em reten\u00e7\u00e3o.\",\r\n \"service3-title\": \"Motion Graphics 2D\",\r\n \"service3-desc\": \"Cria\u00e7\u00e3o de anima\u00e7\u00f5es e v\u00eddeos explicativos para sites, marcas, an\u00fancios e apresenta\u00e7\u00f5es com visual moderno e profissional.\",\r\n \"footer-hours\": \"Hor\u00e1rio de Funcionamento\",\r\n \"footer-hours-desc\": \"De segunda a s\u00e1bado 08:00 \u00e0s 18:00 (Bras\u00edlia)\",\r\n \"footer-social\": \"Redes Sociais\",\r\n \"footer-contact\": \"Contato\",\r\n \"footer-payment\": \"Formas de Pagamento\",\r\n \"footer-info\": \"Informa\u00e7\u00f5es\",\r\n \"notif1\": \"Restam apenas 3 vagas para\",\r\n \"notif2\": \"Restam apenas 2 vagas para\",\r\n \"notif3\": \"\u00daltima vaga dispon\u00edvel para\",\r\n \"notif-days\": \"Faltam\"\r\n },\r\n en: {\r\n home: \"Home\",\r\n portfolio: \"Portfolio\",\r\n resultados: \"Results\",\r\n servicos: \"Services\",\r\n processo: \"Process\",\r\n sobre: \"About\",\r\n faq: \"FAQ\",\r\n \"hero-title\": \"Professional Video Editing<br>for Content Creators<br>\",\r\n \"hero-subtitle\": \"Tired of editors who miss deadlines, use generic B-roll, and deliver videos without personality? I work with professional editing for YouTube, content creators, and brands that want more engaging, polished videos with higher retention.\",\r\n \"btn-orcamento\": \"Get a Quote\",\r\n \"btn-portfolio\": \"View Portfolio\",\r\n \"btn-contato\": \"Contact\",\r\n \"portfolio-title\": \"Portfolio\",\r\n \"portfolio-subtitle\": \"Projects that delivered real results for my clients\",\r\n \"tab-long\": \"Long-form Content\",\r\n \"tab-short\": \"Short Content\",\r\n \"tab-motion\": \"Motion Graphics\",\r\n \"processo-title\": \"Workflow\",\r\n \"processo-subtitle\": \"Understand each stage of your project from start to finish\",\r\n \"sobre-title\": \"About Me\",\r\n \"porquee-title\": \"Why Choose My Work\",\r\n \"porquee-subtitle\": \"What sets me apart in the market\",\r\n \"faq-title\": \"Frequently Asked Questions\",\r\n \"faq-subtitle\": \"Answering the most common questions\",\r\n \"step1-title\": \"Send Files & Briefing\",\r\n \"step1-desc\": \"The client sends the files, references, and project instructions via Google Drive or WeTransfer. The more detailed the briefing, the more aligned the final result will be with your content identity.\",\r\n \"step2-title\": \"Organization & Preparation\",\r\n \"step2-desc\": \"All materials are downloaded, organized, and prepared for editing. This stage ensures a more efficient, consistent, and professional workflow throughout the entire production.\",\r\n \"step3-title\": \"Video Editing\",\r\n \"step3-desc\": \"Here begins the creative process. The editing is developed with focus on rhythm, retention, storytelling, and visual identity, transforming your content into a more engaging and professional video.\",\r\n \"step4-title\": \"Review & Final Delivery\",\r\n \"step4-desc\": \"After completion, the video is sent for review. If necessary, adjustments are made within the included revisions. With everything approved, payment is processed and the project is finished.\",\r\n \"benefit1-title\": \"Deadlines Met\",\r\n \"benefit1-desc\": \"You can count on me. Punctuality is professionalism, and that's non-negotiable.\",\r\n \"benefit2-title\": \"Professional Quality\",\r\n \"benefit2-desc\": \"Each project receives the same attention as an agency, but with the agility of a specialized freelancer.\",\r\n \"benefit3-title\": \"Results Focused\",\r\n \"benefit3-desc\": \"I don't create beautiful videos just for the sake of it. Every frame is designed to drive conversion and engagement.\",\r\n \"benefit4-title\": \"Clear Communication\",\r\n \"benefit4-desc\": \"You'll know exactly where your project stands at each stage. No surprises, just solutions.\",\r\n \"benefit5-title\": \"Revisions Included\",\r\n \"benefit5-desc\": \"Until it's perfect. I work with you until the result meets your expectations completely.\",\r\n \"benefit6-title\": \"Strategic Consulting\",\r\n \"benefit6-desc\": \"I suggest improvements based on data and experience to maximize your results.\",\r\n \"about-p1\": \"Hi, I'm Markovick! Since 2013 I've been working with video editing, refining my skills in Premiere, Photoshop, and After Effects to explore all the creative possibilities this area offers.\",\r\n \"about-p2\": \"Beyond visual arts, I've also gotten involved with digital marketing, especially YouTube growth strategies, helping creators expand their online presence.\",\r\n \"about-p3\": \"I have an analytical mindset that allows me to understand what works in each project without losing sight of creativity. I believe in the power of good storytelling, and I always seek to create impactful and inspiring content.\",\r\n \"about-p4\": \"If you're looking for someone passionate, experienced, and with a strategic approach to take your content to new heights, let's talk and create something amazing together!\",\r\n \"faq-q1\": \"Do you create test videos?\",\r\n \"faq-a1\": \"Yes. Before finalizing any package, you can request a paid test video. This way, you can evaluate the editing quality, rhythm, storytelling, and content identity before making any decision.\",\r\n \"faq-q2\": \"Do you work with contracts?\",\r\n \"faq-a2\": \"Yes. Any project can be formalized in a contract to ensure more security, clarity, and organization for both parties.\",\r\n \"faq-q3\": \"Do you do thumbnails, SEO, or channel management?\",\r\n \"faq-a3\": \"No. My focus is exclusively on strategic video editing for content creators and brands. This way, all project energy goes into delivering more professional, engaging videos with higher retention.\",\r\n \"faq-q4\": \"Do you manage channels or social media?\",\r\n \"faq-a4\": \"No. The service is focused only on video editing. This allows me to maintain a higher standard of quality, consistency, and delivery speed.\",\r\n \"faq-q5\": \"Do you do partnerships or channel ownership?\",\r\n \"faq-a5\": \"I don't work with partnerships or channel ownership. Projects operate on a professional service model.\",\r\n \"faq-q6\": \"Do you accept barter?\",\r\n \"faq-a6\": \"I don't work with barter. The focus is maintaining a professional partnership with total priority on quality, organization, and project deadlines.\",\r\n \"faq-q7\": \"Do you issue invoices?\",\r\n \"faq-a7\": \"Yes. Invoice issuance is available for clients in Brazil.\",\r\n \"faq-q8\": \"What are the payment methods?\",\r\n \"faq-a8\": \"Payments can be made via Pix, PayPal, or Wise, making it easy for both domestic and international clients.\",\r\n \"faq-q9\": \"Do you work with international clients?\",\r\n \"faq-a9\": \"Yes. I work with clients from Brazil and abroad, with support for international payments via PayPal and Wise.\",\r\n \"faq-q10\": \"Do I need to close a package to get started?\",\r\n \"faq-a10\": \"No. We can start with a paid test video. If it makes sense for you and the result meets your expectations, we move forward to a continuous partnership.\",\r\n \"faq-q11\": \"Can I hire individual videos?\",\r\n \"faq-a11\": \"Yes. You can hire individual videos or opt for monthly packages, depending on your content demand.\",\r\n \"faq-q12\": \"How many revisions are included?\",\r\n \"faq-a12\": \"Each video includes up to 2 free revision rounds for adjustments and refinements. If additional revisions are needed, a fee equivalent to 10% of the video value per extra round will be charged, limited to up to 3 additional revisions.\",\r\n \"faq-cta-title\": \"Let's build something<br>extraordinary together.\",\r\n \"faq-cta-desc\": \"Send me a message and I'll respond within 24 hours<br>to discuss your project and goals.\",\r\n \"resultados-title\": \"Results\",\r\n \"resultados-subtitle\": \"Real numbers my clients have achieved\",\r\n \"result1-title\": \"Channels managed since 2021\",\r\n \"result1-desc\": \"All with personalized and custom editing\",\r\n \"result2-title\": \"Videos delivered in 2024\",\r\n \"result2-desc\": \"From simple cuts to full motion design projects\",\r\n \"result3-title\": \"Clients who return to hire\",\r\n \"result3-desc\": \"Real data from the last 12 months\",\r\n \"result4-title\": \"Years of experience\",\r\n \"result4-desc\": \"Building and refining excellence in video editing since 2013\",\r\n \"servicos-title\": \"Services\",\r\n \"servicos-subtitle\": \"Everything you need for professional quality videos\",\r\n \"service1-title\": \"Long-form YouTube Videos\",\r\n \"service1-desc\": \"Professional editing for YouTube videos with focus on rhythm, retention, storytelling, and visual experience for content creators and brands.\",\r\n \"service2-title\": \"Vertical Content\",\r\n \"service2-desc\": \"Video editing for Reels, TikTok, and YouTube Shorts with dynamic cuts, captions, motion graphics, and retention focus.\",\r\n \"service3-title\": \"2D Motion Graphics\",\r\n \"service3-desc\": \"Creating animations and explainer videos for websites, brands, ads, and presentations with modern and professional visuals.\",\r\n \"footer-hours\": \"Business Hours\",\r\n \"footer-hours-desc\": \"Monday to Saturday 08:00 to 18:00 (Bras\u00edlia)\",\r\n \"footer-social\": \"Social Media\",\r\n \"footer-contact\": \"Contact\",\r\n \"footer-payment\": \"Payment Methods\",\r\n \"footer-info\": \"Information\",\r\n \"notif1\": \"Only 3 spots left for\",\r\n \"notif2\": \"Only 2 spots left for\",\r\n \"notif3\": \"Last spot available for\",\r\n \"notif-days\": \"There are\"\r\n }\r\n };\r\n\r\n class LanguageManager {\r\n constructor() {\r\n this.currentLanguage = localStorage.getItem('language') || 'en';\r\n this.init();\r\n }\r\n\r\n init() {\r\n this.setupEventListeners();\r\n this.setLanguage(this.currentLanguage);\r\n }\r\n\r\n setupEventListeners() {\r\n const langButtons = document.querySelectorAll('.lang-btn');\r\n langButtons.forEach(button => {\r\n button.addEventListener('click', (e) => {\r\n const lang = e.target.getAttribute('data-lang');\r\n this.setLanguage(lang);\r\n });\r\n });\r\n }\r\n\r\n setLanguage(lang) {\r\n if (!translations[lang]) return;\r\n \r\n this.currentLanguage = lang;\r\n localStorage.setItem('language', lang);\r\n \r\n \/\/ Atualizar classe ativa do bot\u00e3o\r\n document.querySelectorAll('.lang-btn').forEach(btn => {\r\n btn.classList.remove('active');\r\n if (btn.getAttribute('data-lang') === lang) {\r\n btn.classList.add('active');\r\n }\r\n });\r\n\r\n \/\/ Atualizar idioma da p\u00e1gina\r\n document.documentElement.lang = lang;\r\n\r\n \/\/ Traduzir todos os elementos\r\n this.translatePage(lang);\r\n }\r\n\r\n translatePage(lang) {\r\n const elements = document.querySelectorAll('[data-i18n], [data-i18n-html]');\r\n \r\n elements.forEach(element => {\r\n const key = element.getAttribute('data-i18n') || element.getAttribute('data-i18n-html');\r\n \r\n if (translations[lang][key]) {\r\n if (element.getAttribute('data-i18n-html')) {\r\n element.innerHTML = translations[lang][key];\r\n } else {\r\n element.textContent = translations[lang][key];\r\n }\r\n }\r\n });\r\n }\r\n }\r\n\r\n \/\/ ============================================\r\n \/\/ SISTEMA DE COOKIES \/ LGPD\r\n \/\/ ============================================\r\n class CookieConsentManager {\r\n constructor() {\r\n this.banner = document.getElementById('cookiesBanner');\r\n this.acceptBtn = document.getElementById('cookiesAccept');\r\n this.declineBtn = document.getElementById('cookiesDecline');\r\n this.cookieKey = 'cookieConsent';\r\n this.cookieDuration = 365; \/\/ dias\r\n\r\n this.init();\r\n }\r\n\r\n init() {\r\n if (this.hasConsent()) {\r\n this.hideBanner();\r\n return;\r\n }\r\n\r\n this.acceptBtn.addEventListener('click', () => this.acceptCookies());\r\n this.declineBtn.addEventListener('click', () => this.declineCookies());\r\n }\r\n\r\n hasConsent() {\r\n return localStorage.getItem(this.cookieKey);\r\n }\r\n\r\n acceptCookies() {\r\n this.setCookie(this.cookieKey, 'accepted', this.cookieDuration);\r\n this.hideBanner();\r\n this.unlockAudio();\r\n this.loadAnalytics();\r\n }\r\n\r\n declineCookies() {\r\n this.setCookie(this.cookieKey, 'declined', this.cookieDuration);\r\n this.hideBanner();\r\n this.unlockAudio();\r\n }\r\n\r\n unlockAudio() {\r\n \/\/ Desbloquear \u00e1udio ao primeiro clique\r\n const unlockAudioContext = () => {\r\n try {\r\n const audioContext = new (window.AudioContext || window.webkitAudioContext)();\r\n const oscillator = audioContext.createOscillator();\r\n const gainNode = audioContext.createGain();\r\n \r\n gainNode.gain.setValueAtTime(0, audioContext.currentTime);\r\n oscillator.connect(gainNode);\r\n gainNode.connect(audioContext.destination);\r\n oscillator.start(0);\r\n oscillator.stop(0.001);\r\n \r\n console.log('\u00c1udio desbloqueado');\r\n } catch (e) {\r\n console.log('\u00c1udio j\u00e1 desbloqueado ou indispon\u00edvel');\r\n }\r\n \r\n \/\/ Remover listener ap\u00f3s primeira ativa\u00e7\u00e3o\r\n document.removeEventListener('click', unlockAudioContext);\r\n };\r\n \r\n document.addEventListener('click', unlockAudioContext);\r\n }\r\n\r\n setCookie(name, value, days) {\r\n const date = new Date();\r\n date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));\r\n const expires = `expires=${date.toUTCString()}`;\r\n localStorage.setItem(name, value);\r\n }\r\n\r\n hideBanner() {\r\n this.banner.classList.add('hide');\r\n setTimeout(() => {\r\n this.banner.style.display = 'none';\r\n }, 300);\r\n }\r\n\r\n loadAnalytics() {\r\n \/\/ Adicionar aqui scripts de analytics (Google Analytics, Facebook Pixel, etc)\r\n console.log('Analytics ativado');\r\n }\r\n }\r\n\r\n \/\/ ============================================\r\n \/\/ INICIALIZAR SISTEMAS\r\n \/\/ ============================================\r\n document.addEventListener('DOMContentLoaded', () => {\r\n \/\/ Iniciar sistema de idiomas PRIMEIRO\r\n new LanguageManager();\r\n \r\n \/\/ Iniciar sistema de notifica\u00e7\u00f5es\r\n new PremiumNotificationSystem();\r\n \r\n \/\/ Iniciar sistema de cookies\r\n new CookieConsentManager();\r\n\r\n \/\/ ============================================\r\n \/\/ ============================================\r\n \/\/ COUNTER ANIMATION\r\n \/\/ ============================================\r\n const resultNumbers = document.querySelectorAll('.result-number[data-target]');\r\n let hasAnimated = false;\r\n\r\n const animateCounters = () => {\r\n if (hasAnimated) return;\r\n hasAnimated = true;\r\n\r\n resultNumbers.forEach(element => {\r\n const target = parseInt(element.getAttribute('data-target'));\r\n const suffix = element.getAttribute('data-suffix') || '';\r\n const duration = 2000; \/\/ 2 segundos\r\n const start = Date.now();\r\n\r\n const updateCounter = () => {\r\n const now = Date.now();\r\n const progress = Math.min((now - start) \/ duration, 1);\r\n const current = Math.floor(progress * target);\r\n \r\n if (current === 0 && target > 0) {\r\n element.textContent = '+' + current + suffix;\r\n } else {\r\n element.textContent = (current === 0 && suffix) ? '0' + suffix : '+' + current + suffix;\r\n }\r\n\r\n if (progress < 1) {\r\n requestAnimationFrame(updateCounter);\r\n } else {\r\n element.textContent = '+' + target + suffix;\r\n }\r\n };\r\n\r\n updateCounter();\r\n });\r\n };\r\n\r\n \/\/ Disparar anima\u00e7\u00e3o quando a se\u00e7\u00e3o fica vis\u00edvel\r\n const resultadosSection = document.querySelector('#resultados');\r\n const counterObserver = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting && !hasAnimated) {\r\n animateCounters();\r\n counterObserver.unobserve(entry.target);\r\n }\r\n });\r\n }, { threshold: 0.5 });\r\n\r\n if (resultadosSection) {\r\n counterObserver.observe(resultadosSection);\r\n }\r\n\r\n \/\/ ============================================\r\n \/\/ PORTFOLIO TABS\r\n \/\/ ============================================\r\n const tabButtons = document.querySelectorAll('.tab-button');\r\n const tabContents = document.querySelectorAll('.tab-content');\r\n\r\n tabButtons.forEach(button => {\r\n button.addEventListener('click', () => {\r\n const tabName = button.getAttribute('data-tab');\r\n\r\n \/\/ Remove active de todos os bot\u00f5es e abas\r\n tabButtons.forEach(btn => btn.classList.remove('active'));\r\n tabContents.forEach(content => content.classList.remove('active'));\r\n\r\n \/\/ Adiciona active no bot\u00e3o clicado e conte\u00fado correspondente\r\n button.classList.add('active');\r\n document.getElementById(tabName).classList.add('active');\r\n\r\n \/\/ Retrigger anima\u00e7\u00f5es dos items vis\u00edveis\r\n const visibleItems = document.querySelector(`#${tabName}`).querySelectorAll('.portfolio-item, .portfolio-item-short');\r\n visibleItems.forEach((item, index) => {\r\n item.style.opacity = '0';\r\n item.style.transform = 'translateY(40px)';\r\n item.style.animation = `fadeInUp 0.6s ease-out ${0.3 + index * 0.05}s forwards`;\r\n });\r\n });\r\n });\r\n\r\n \/\/ ============================================\r\n \/\/ FAQ ACCORDION\r\n \/\/ ============================================\r\n const faqItems = document.querySelectorAll('.faq-item');\r\n \r\n faqItems.forEach(item => {\r\n item.addEventListener('click', () => {\r\n const isActive = item.classList.contains('active');\r\n \r\n \/\/ Fechar todos os outros\r\n faqItems.forEach(otherItem => {\r\n otherItem.classList.remove('active');\r\n });\r\n \r\n \/\/ Abrir\/fechar o clicado\r\n if (!isActive) {\r\n item.classList.add('active');\r\n }\r\n });\r\n });\r\n\r\n \/\/ ============================================\r\n \/\/ VIDEO MODAL\r\n \/\/ ============================================\r\n const videoModal = document.getElementById('videoModal');\r\n const videoFrame = document.getElementById('videoFrame');\r\n const youtubeLink = document.getElementById('youtubeLink');\r\n const closeVideoModal = document.getElementById('closeVideoModal');\r\n\r\n \/\/ Extrair ID do v\u00eddeo da URL (funciona com watch e shorts)\r\n function getVideoId(url) {\r\n \/\/ Padr\u00e3o para shorts: youtube.com\/shorts\/ID\r\n let shortMatch = url.match(\/youtube\\.com\\\/shorts\\\/([a-zA-Z0-9_-]{11})\/);\r\n if (shortMatch) {\r\n return shortMatch[1];\r\n }\r\n \r\n \/\/ Padr\u00e3o para v\u00eddeos normais\r\n const regExp = \/^.*(youtu.be\\\/|v\\\/|u\\\/\\w\\\/|embed\\\/|watch\\?v=|\\&v=)([^#\\&\\?]*).*\/;\r\n const match = url.match(regExp);\r\n return match && match[2].length === 11 ? match[2] : null;\r\n }\r\n\r\n \/\/ Adicionar clique em todos os links de portfolio\r\n document.querySelectorAll('.portfolio-item a, .portfolio-item-short a').forEach(link => {\r\n link.addEventListener('click', (e) => {\r\n e.preventDefault();\r\n const youtubeUrl = link.href;\r\n const videoId = getVideoId(youtubeUrl);\r\n const isMobile = window.innerWidth <= 768;\r\n\r\n if (videoId) {\r\n if (isMobile) {\r\n \/\/ Mobile: reproduzir inline no lugar da miniatura\r\n const thumbnail = link.querySelector('[class*=\"portfolio-thumb\"]');\r\n if (thumbnail) {\r\n \/\/ Obter dimens\u00f5es da miniatura\r\n const width = thumbnail.offsetWidth;\r\n const height = thumbnail.offsetHeight;\r\n \r\n \/\/ Criar iframe inline\r\n const iframe = document.createElement('iframe');\r\n iframe.src = `https:\/\/www.youtube.com\/embed\/${videoId}?autoplay=1`;\r\n iframe.style.width = width + 'px';\r\n iframe.style.height = height + 'px';\r\n iframe.style.border = 'none';\r\n iframe.style.borderRadius = '8px';\r\n iframe.frameborder = '0';\r\n iframe.allow = 'accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture';\r\n iframe.allowFullscreen = true;\r\n \r\n \/\/ Substituir miniatura pelo iframe\r\n thumbnail.replaceWith(iframe);\r\n }\r\n } else {\r\n \/\/ Desktop: modal como antes\r\n videoFrame.src = `https:\/\/www.youtube.com\/embed\/${videoId}?autoplay=1`;\r\n youtubeLink.href = youtubeUrl;\r\n videoModal.classList.add('show');\r\n document.body.style.overflow = 'hidden';\r\n }\r\n }\r\n });\r\n });\r\n\r\n \/\/ Fechar modal\r\n closeVideoModal.addEventListener('click', () => {\r\n videoModal.classList.remove('show');\r\n videoFrame.src = '';\r\n document.body.style.overflow = 'auto';\r\n });\r\n\r\n \/\/ Fechar ao clicar fora do v\u00eddeo\r\n videoModal.addEventListener('click', (e) => {\r\n if (e.target === videoModal) {\r\n videoModal.classList.remove('show');\r\n videoFrame.src = '';\r\n document.body.style.overflow = 'auto';\r\n }\r\n });\r\n\r\n \/\/ Fechar ao clicar fora do v\u00eddeo\r\n videoModal.addEventListener('click', (e) => {\r\n if (e.target === videoModal) {\r\n videoModal.classList.remove('show');\r\n videoFrame.src = '';\r\n document.body.style.overflow = 'auto';\r\n }\r\n });\r\n\r\n \/\/ ============================================\r\n \/\/ SMOOTH SCROLL NAVIGATION\r\n \/\/ ============================================\r\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n anchor.addEventListener('click', function (e) {\r\n const href = this.getAttribute('href');\r\n if (href !== '#') {\r\n e.preventDefault();\r\n const target = document.querySelector(href);\r\n if (target) {\r\n target.scrollIntoView({ behavior: 'smooth' });\r\n }\r\n }\r\n });\r\n });\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\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>Portf\u00f3lio de Edi\u00e7\u00e3o de V\u00eddeos \ud83c\uddfa\ud83c\uddf8 English \ud83c\udde7\ud83c\uddf7 Portugu\u00eas Home Portf\u00f3lio Resultados Servi\u00e7os Processo Sobre FAQ Edi\u00e7\u00e3o de V\u00eddeo Profissionalpara Criadores de Conte\u00fado Cansado de editores que atrasam entregas, usam B-roll gen\u00e9rico e entregam v\u00eddeos sem identidade? Trabalho com edi\u00e7\u00e3o profissional para YouTube, criadores de conte\u00fado e marcas que desejam v\u00eddeos mais envolventes, profissionais e […]<\/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-7","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/markovick.com\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/markovick.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/markovick.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/markovick.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/markovick.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":1486,"href":"https:\/\/markovick.com\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":1520,"href":"https:\/\/markovick.com\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/1520"}],"wp:attachment":[{"href":"https:\/\/markovick.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Portf\u00f3lio de Edi\u00e7\u00e3o de V\u00eddeos<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&display=swap\" 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 body {\r\n font-family: 'Inter', sans-serif;\r\n line-height: 1.6;\r\n color: #ffffff;\r\n background-color: #191919;\r\n overflow-x: hidden;\r\n max-width: 100vw;\r\n width: 100%;\r\n left: 0;\r\n right: 0;\r\n position: relative;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n html {\r\n overflow-x: hidden;\r\n max-width: 100vw;\r\n width: 100%;\r\n left: 0;\r\n right: 0;\r\n position: relative;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n \/* Language Selector *\/\r\n .language-selector {\r\n display: flex;\r\n gap: 8px;\r\n order: -1;\r\n margin-right: auto;\r\n }\r\n\r\n .lang-btn {\r\n background: rgba(255, 255, 255, 0.1);\r\n border: 1px solid rgba(108, 229, 181, 0.3);\r\n color: #ffffff;\r\n padding: 6px 12px;\r\n border-radius: 6px;\r\n cursor: pointer;\r\n font-size: 12px;\r\n font-weight: 500;\r\n font-family: 'Inter', sans-serif;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n @media (max-width: 1024px) {\r\n .language-selector {\r\n position: fixed;\r\n top: 16px;\r\n right: 16px;\r\n z-index: 9999;\r\n order: 0;\r\n margin-right: 0;\r\n }\r\n\r\n .lang-btn {\r\n padding: 5.78px 11.56px;\r\n font-size: 9.39px;\r\n }\r\n }\r\n\r\n .lang-btn:hover {\r\n border-color: #6ce5b5;\r\n color: #6ce5b5;\r\n }\r\n\r\n .lang-btn.active {\r\n background: linear-gradient(135deg, #6ce5b5 0%, #029e77 100%);\r\n border-color: #6ce5b5;\r\n color: #ffffff;\r\n }\r\n\r\n .container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 16px;\r\n overflow: hidden;\r\n }\r\n\r\n \/* Header Navigation *\/\r\n header {\r\n background: rgba(15, 15, 15, 0.95);\r\n backdrop-filter: blur(20px);\r\n -webkit-backdrop-filter: blur(20px);\r\n border-bottom: 1px solid rgba(108, 229, 181, 0.15);\r\n position: sticky;\r\n top: 0;\r\n z-index: 100;\r\n box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);\r\n padding: 0 16px;\r\n }\r\n\r\n nav {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 16px 0;\r\n gap: 80px;\r\n }\r\n\r\n @media (max-width: 1024px) {\r\n nav {\r\n justify-content: space-between;\r\n }\r\n }\r\n\r\n .logo {\r\n display: none;\r\n }\r\n\r\n nav ul {\r\n display: flex;\r\n list-style: none;\r\n gap: 60px;\r\n }\r\n\r\n nav a {\r\n text-decoration: none;\r\n color: #ffffff;\r\n font-size: 13px;\r\n font-weight: 300;\r\n letter-spacing: 0.5px;\r\n transition: all 0.4s ease;\r\n position: relative;\r\n }\r\n\r\n nav a:hover {\r\n color: #6ce5b5;\r\n }\r\n\r\n nav 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: linear-gradient(90deg, #6ce5b5, #029e77);\r\n transition: width 0.4s ease;\r\n }\r\n\r\n nav a:hover::after {\r\n width: 100%;\r\n }\r\n\r\n .hamburger-menu {\r\n display: none;\r\n flex-direction: column;\r\n background: none;\r\n border: none;\r\n cursor: pointer;\r\n gap: 6px;\r\n }\r\n\r\n .hamburger-menu span {\r\n width: 25px;\r\n height: 3px;\r\n background: #ffffff;\r\n border-radius: 2px;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .hamburger-menu.active span:nth-child(1) {\r\n transform: rotate(45deg) translate(10px, 10px);\r\n }\r\n\r\n .hamburger-menu.active span:nth-child(2) {\r\n opacity: 0;\r\n }\r\n\r\n .hamburger-menu.active span:nth-child(3) {\r\n transform: rotate(-45deg) translate(7px, -7px);\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .hamburger-menu {\r\n display: flex;\r\n }\r\n\r\n nav ul {\r\n display: none;\r\n position: absolute;\r\n top: 60px;\r\n left: 0;\r\n right: 0;\r\n background: rgba(15, 15, 15, 0.98);\r\n flex-direction: column;\r\n gap: 0;\r\n padding: 20px;\r\n border-top: 1px solid rgba(108, 229, 181, 0.15);\r\n }\r\n\r\n nav ul.active {\r\n display: flex;\r\n }\r\n\r\n nav ul li {\r\n padding: 12px 0;\r\n border-bottom: 1px solid rgba(108, 229, 181, 0.1);\r\n }\r\n\r\n nav ul li:last-child {\r\n border-bottom: none;\r\n }\r\n\r\n nav ul a {\r\n font-size: 14px;\r\n }\r\n\r\n .btn-header-orcamento {\r\n padding: 10px 18px;\r\n font-size: 12px;\r\n white-space: nowrap;\r\n }\r\n }\r\n\r\n .mouse-follower {\r\n position: fixed;\r\n width: 12px;\r\n height: 12px;\r\n background: #6ce5b5;\r\n border-radius: 50%;\r\n pointer-events: none;\r\n box-shadow: 0 0 20px rgba(108, 229, 181, 0.6), 0 0 40px rgba(108, 229, 181, 0.3);\r\n z-index: 9999;\r\n transform: translate(-50%, -50%);\r\n }\r\n\r\n @media (max-width: 1024px) {\r\n .mouse-follower {\r\n display: none;\r\n }\r\n }\r\n\r\n .btn-header-orcamento {\r\n background: linear-gradient(135deg, #6ce5b5 0%, #029e77 100%);\r\n color: #ffffff !important;\r\n padding: 10px 24px;\r\n border-radius: 25px;\r\n font-size: 13px;\r\n font-weight: 500;\r\n letter-spacing: 0.5px;\r\n transition: all 0.4s ease;\r\n text-decoration: none !important;\r\n display: inline-block;\r\n border: none;\r\n cursor: pointer;\r\n }\r\n\r\n .btn-header-orcamento:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 10px 25px rgba(108, 229, 181, 0.3);\r\n }\r\n\r\n .btn-header-orcamento:hover::after {\r\n width: 0;\r\n }\r\n\r\n \/* Hero Section *\/\r\n .hero {\r\n padding: 60px 0;\r\n text-align: left;\r\n background-color: #191919;\r\n background-image: url('hero-bg-desktop.jpg');\r\n background-size: cover;\r\n background-position: center right;\r\n background-attachment: fixed;\r\n min-height: 600px;\r\n display: flex;\r\n align-items: center;\r\n position: relative;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .hero {\r\n min-height: auto;\r\n padding: 40px 0;\r\n background-attachment: scroll;\r\n }\r\n }\r\n\r\n .hero::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: rgba(25, 25, 25, 0.5);\r\n z-index: 1;\r\n }\r\n\r\n .hero .container {\r\n position: relative;\r\n z-index: 2;\r\n width: 100%;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 16px;\r\n }\r\n\r\n \/* Tablet *\/\r\n @media (max-width: 1024px) {\r\n .hero {\r\n background-image: url('hero-bg-tablet.jpg');\r\n background-attachment: scroll;\r\n }\r\n }\r\n\r\n \/* Mobile *\/\r\n @media (max-width: 768px) {\r\n .hero {\r\n background-image: url('hero-bg-mobile.jpg');\r\n background-attachment: scroll;\r\n background-color: #191919;\r\n padding: 20px 0;\r\n }\r\n }\r\n\r\n .hero .container {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n min-height: 600px;\r\n }\r\n\r\n .hero h1 {\r\n font-size: 82.944px;\r\n font-weight: 600;\r\n margin: 0;\r\n line-height: 1.2;\r\n max-width: 900px;\r\n display: inline-block;\r\n width: 100%;\r\n background: linear-gradient(135deg, #ffffff 0%, #6ce5b5 100%);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .hero h1 {\r\n font-size: 71.6636px;\r\n }\r\n }\r\n\r\n .hero .subtitle {\r\n font-size: 16px;\r\n font-weight: 300;\r\n color: rgba(255, 255, 255, 0.7);\r\n margin: 12px 0 30px 0;\r\n max-width: 700px;\r\n display: block;\r\n width: 100%;\r\n text-align: justify;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .hero .subtitle {\r\n font-size: 15.36px;\r\n }\r\n }\r\n\r\n .hero p {\r\n font-size: 16px;\r\n color: #555;\r\n margin-bottom: 40px;\r\n max-width: 600px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n\r\n .cta-button {\r\n display: inline-block;\r\n padding: 12px 32px;\r\n background: linear-gradient(135deg, #6ce5b5 0%, #029e77 100%);\r\n color: #ffffff;\r\n text-decoration: none;\r\n border-radius: 25px;\r\n font-weight: 500;\r\n transition: all 0.3s;\r\n cursor: pointer;\r\n border: none;\r\n font-size: 14px;\r\n margin-right: 20px;\r\n margin-top: 20px;\r\n white-space: nowrap;\r\n }\r\n\r\n .cta-button:hover {\r\n opacity: 0.9;\r\n transform: translateY(-2px);\r\n }\r\n\r\n .cta-button-secondary {\r\n display: inline-block;\r\n padding: 12px 32px;\r\n background: transparent;\r\n backdrop-filter: none;\r\n -webkit-backdrop-filter: none;\r\n color: #ffffff;\r\n text-decoration: none;\r\n border: 1.5px solid rgba(108, 229, 181, 0.5);\r\n border-radius: 25px;\r\n font-weight: 500;\r\n transition: all 0.3s;\r\n cursor: pointer;\r\n margin-right: 20px;\r\n margin-top: 20px;\r\n font-size: 14px;\r\n white-space: nowrap;\r\n }\r\n\r\n .cta-button-secondary:hover {\r\n background-color: transparent;\r\n border-color: #6ce5b5;\r\n color: #6ce5b5;\r\n }\r\n\r\n .hero-buttons {\r\n display: flex;\r\n gap: 20px;\r\n margin-top: 30px;\r\n }\r\n\r\n .btn-hero-primary {\r\n display: inline-block;\r\n padding: 12.6px 28.8px;\r\n background: linear-gradient(135deg, #6ce5b5 0%, #029e77 100%);\r\n color: #ffffff;\r\n text-decoration: none;\r\n border-radius: 18px;\r\n font-weight: 500;\r\n transition: all 0.3s ease;\r\n cursor: pointer;\r\n border: none;\r\n font-size: 12.6px;\r\n white-space: nowrap;\r\n }\r\n\r\n .btn-hero-primary:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 10px 25px rgba(108, 229, 181, 0.3);\r\n }\r\n\r\n .btn-hero-secondary {\r\n display: inline-block;\r\n padding: 12.6px 28.8px;\r\n background: rgba(255, 255, 255, 0.15);\r\n backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n color: #ffffff;\r\n text-decoration: none;\r\n border: none;\r\n border-radius: 18px;\r\n font-weight: 500;\r\n transition: all 0.3s ease;\r\n cursor: pointer;\r\n font-size: 12.6px;\r\n white-space: nowrap;\r\n }\r\n\r\n .btn-hero-secondary:hover {\r\n background: rgba(255, 255, 255, 0.25);\r\n border-color: rgba(108, 229, 181, 0.8);\r\n transform: translateY(-3px);\r\n }\r\n\r\n .cta-button-secondary:hover {\r\n background-color: #f0f0ff;\r\n }\r\n\r\n .results-cta {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n margin-top: 50px;\r\n }\r\n\r\n @keyframes swing {\r\n 0% {\r\n transform: translateX(0);\r\n }\r\n 50% {\r\n transform: translateX(10px);\r\n }\r\n 100% {\r\n transform: translateX(0);\r\n }\r\n }\r\n\r\n @keyframes fastPulse {\r\n 0% {\r\n transform: translateX(0);\r\n }\r\n 3% {\r\n transform: translateX(12px);\r\n }\r\n 6% {\r\n transform: translateX(0);\r\n }\r\n 9% {\r\n transform: translateX(12px);\r\n }\r\n 12% {\r\n transform: translateX(0);\r\n }\r\n 100% {\r\n transform: translateX(0);\r\n }\r\n }\r\n\r\n .btn-budget {\r\n display: inline-block;\r\n padding: 14px 32px;\r\n background: linear-gradient(135deg, #6ce5b5 0%, #029e77 100%);\r\n color: #ffffff;\r\n text-decoration: none;\r\n border-radius: 20px;\r\n font-weight: 500;\r\n transition: opacity 0.3s;\r\n cursor: pointer;\r\n font-size: 16px;\r\n animation: swing 0.6s linear infinite;\r\n }\r\n\r\n .btn-budget:hover {\r\n opacity: 0.9;\r\n animation: none;\r\n }\r\n\r\n .faq-cta-content .btn-budget {\r\n background: rgba(255, 255, 255, 0.2);\r\n backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n border: none;\r\n animation: swing 0.6s linear infinite;\r\n }\r\n\r\n .faq-cta-content .btn-budget:hover {\r\n background: rgba(108, 229, 181, 0.4);\r\n border-color: #6ce5b5;\r\n opacity: 1;\r\n }\r\n\r\n #por-que .results-cta .btn-budget {\r\n animation: fastPulse 4s ease-in-out infinite;\r\n }\r\n\r\n #por-que .results-cta .btn-budget:hover {\r\n animation: none;\r\n }\r\n\r\n #portfolio .results-cta .btn-budget {\r\n animation: fastPulse 4s ease-in-out infinite;\r\n }\r\n\r\n #portfolio .results-cta .btn-budget:hover {\r\n animation: none;\r\n }\r\n\r\n #resultados .results-cta .btn-budget {\r\n animation: fastPulse 4s ease-in-out infinite;\r\n }\r\n\r\n #resultados .results-cta .btn-budget:hover {\r\n animation: none;\r\n }\r\n\r\n #servicos .results-cta .btn-budget {\r\n animation: fastPulse 4s ease-in-out infinite;\r\n }\r\n\r\n #servicos .results-cta .btn-budget:hover {\r\n animation: none;\r\n }\r\n\r\n #processo .results-cta .btn-budget {\r\n animation: fastPulse 4s ease-in-out infinite;\r\n }\r\n\r\n #processo .results-cta .btn-budget:hover {\r\n animation: none;\r\n }\r\n\r\n #sobre .results-cta .btn-budget {\r\n animation: fastPulse 4s ease-in-out infinite;\r\n }\r\n\r\n #sobre .results-cta .btn-budget:hover {\r\n animation: none;\r\n }\r\n\r\n #faq .results-cta .btn-budget {\r\n animation: fastPulse 4s ease-in-out infinite;\r\n }\r\n\r\n #faq .results-cta .btn-budget:hover {\r\n animation: none;\r\n }\r\n\r\n \/* Sections *\/\r\n section {\r\n padding: 100px 0;\r\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\r\n background-color: #191919;\r\n }\r\n\r\n section h2 {\r\n font-size: 48px;\r\n font-weight: 400;\r\n margin-bottom: 16px;\r\n color: #ffffff;\r\n }\r\n\r\n .highlight-title {\r\n background: linear-gradient(90deg, rgba(108, 229, 181, 0) 0%, rgba(108, 229, 181, 0.5) 50%, rgba(108, 229, 181, 0) 100%);\r\n color: #ffffff;\r\n padding: 4px 16px;\r\n border-radius: 4px;\r\n display: inline-block;\r\n font-weight: 600;\r\n background-size: 200% 100%;\r\n background-position: -100% 0;\r\n }\r\n\r\n .highlight-title.animate {\r\n animation: fillBackground 1.2s ease-out forwards;\r\n }\r\n\r\n section .section-subtitle {\r\n font-size: 18px;\r\n font-weight: 300;\r\n color: rgba(255, 255, 255, 0.7);\r\n margin-bottom: 50px;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .hero .container {\r\n min-height: auto !important;\r\n }\r\n section:not(.hero) {\r\n padding: 100px 0;\r\n }\r\n .hero {\r\n padding: 20px 0 !important;\r\n }\r\n .hero-buttons {\r\n margin-top: -15px;\r\n }\r\n }\r\n\r\n \/* Portfolio Section *\/\r\n .portfolio-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 30px;\r\n margin-top: 60px;\r\n }\r\n\r\n .portfolio-grid-vertical {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 30px;\r\n margin-top: 60px;\r\n }\r\n\r\n .portfolio-grid-vertical .portfolio-thumb {\r\n height: 500px;\r\n }\r\n\r\n .portfolio-grid-shorts {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\r\n gap: 30px;\r\n margin-top: 60px;\r\n }\r\n\r\n .portfolio-item-short {\r\n text-align: center;\r\n transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n transform: scale(1);\r\n transform-origin: center center;\r\n }\r\n\r\n .portfolio-item-short:hover {\r\n transform: scale(1.2);\r\n }\r\n\r\n .portfolio-thumb-short {\r\n width: 100%;\r\n height: 380px;\r\n background-size: cover;\r\n background-position: center;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 14px;\r\n color: #999;\r\n border-radius: 8px;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .portfolio-label {\r\n font-size: 12px;\r\n color: rgba(108, 229, 181, 0.8);\r\n font-weight: 600;\r\n margin-bottom: 8px;\r\n letter-spacing: 1px;\r\n }\r\n\r\n .portfolio-item-short h3 {\r\n font-size: 16px;\r\n font-weight: 400;\r\n color: #ffffff;\r\n line-height: 1.4;\r\n }\r\n\r\n .portfolio-tabs {\r\n display: flex;\r\n gap: 15px;\r\n margin-top: 40px;\r\n justify-content: flex-start;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .tab-button {\r\n padding: 14px 32px;\r\n background: rgba(255, 255, 255, 0.05);\r\n border: 1px solid rgba(108, 229, 181, 0.2);\r\n color: rgba(255, 255, 255, 0.7);\r\n border-radius: 20px;\r\n font-size: 14px;\r\n font-weight: 500;\r\n cursor: pointer;\r\n transition: all 0.3s;\r\n font-family: 'Inter', sans-serif;\r\n }\r\n\r\n .tab-button:hover {\r\n background: rgba(108, 229, 181, 0.1);\r\n border-color: #6ce5b5;\r\n color: #6ce5b5;\r\n }\r\n\r\n .tab-button.active {\r\n background: linear-gradient(135deg, #6ce5b5 0%, #029e77 100%);\r\n border-color: #6ce5b5;\r\n color: #ffffff;\r\n }\r\n\r\n .tab-content {\r\n display: none;\r\n animation: fadeInUp 0.6s ease-out forwards;\r\n }\r\n\r\n .tab-content.active {\r\n display: block;\r\n }\r\n\r\n .portfolio-item {\r\n background-color: rgba(255, 255, 255, 0.03);\r\n border-radius: 8px;\r\n overflow: hidden;\r\n transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n cursor: pointer;\r\n transform: scale(1);\r\n transform-origin: center center;\r\n }\r\n\r\n .portfolio-item:hover {\r\n transform: scale(1.2) translateY(-5px);\r\n box-shadow: 0 20px 40px rgba(108, 229, 181, 0.2);\r\n z-index: 10;\r\n }\r\n\r\n .portfolio-thumb {\r\n width: 100%;\r\n height: 200px;\r\n background-size: cover;\r\n background-position: center;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 14px;\r\n color: #999;\r\n }\r\n\r\n .portfolio-info {\r\n padding: 20px;\r\n }\r\n\r\n .portfolio-info h3 {\r\n font-size: 18px;\r\n font-weight: 400;\r\n margin-bottom: 8px;\r\n }\r\n\r\n .portfolio-info p {\r\n font-size: 14px;\r\n color: rgba(255, 255, 255, 0.6);\r\n }\r\n\r\n \/* Results Section *\/\r\n .results-container {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(225px, 1fr));\r\n gap: 36px;\r\n margin-top: 60px;\r\n }\r\n\r\n .result-card {\r\n text-align: left;\r\n padding: 27px;\r\n border: 1px solid rgba(108, 229, 181, 0.15);\r\n border-radius: 16px;\r\n background: rgba(108, 229, 181, 0.02);\r\n backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n cursor: pointer;\r\n transition: all 0.3s ease-in-out;\r\n }\r\n\r\n .result-card:hover {\r\n transform: scale(1.1);\r\n }\r\n\r\n @keyframes fillBackground {\r\n from {\r\n background-position: -100% 0;\r\n }\r\n to {\r\n background-position: 100% 0;\r\n }\r\n }\r\n\r\n .result-number {\r\n font-size: 36.72px;\r\n font-weight: 600;\r\n color: #ffffff;\r\n margin-bottom: 18px;\r\n padding: 1.8px 7.2px;\r\n display: inline-block;\r\n border-radius: 4px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n display: block;\r\n text-align: center;\r\n background: linear-gradient(90deg, rgba(108, 229, 181, 0) 0%, rgba(108, 229, 181, 0.5) 50%, rgba(108, 229, 181, 0) 100%);\r\n background-size: 200% 100%;\r\n background-position: -100% 0;\r\n }\r\n\r\n .result-number.animate {\r\n animation: fillBackground 1.2s ease-out forwards;\r\n }\r\n\r\n .result-label {\r\n font-size: 16px;\r\n color: rgba(255, 255, 255, 0.6);\r\n font-weight: 400;\r\n }\r\n\r\n .result-label-title {\r\n font-size: 14.4px;\r\n font-weight: 500;\r\n color: #ffffff;\r\n margin-bottom: 7.2px;\r\n }\r\n\r\n .result-label-description {\r\n font-size: 12.6px;\r\n color: rgba(255, 255, 255, 0.6);\r\n line-height: 1.5;\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(280px, 1fr));\r\n gap: 40px;\r\n margin-top: 60px;\r\n }\r\n\r\n .service-card {\r\n padding: 30px;\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n border-radius: 8px;\r\n transition: all 0.3s;\r\n background-color: rgba(255, 255, 255, 0.02);\r\n }\r\n\r\n .service-card:hover {\r\n border-color: #6ce5b5;\r\n background-color: rgba(108, 229, 181, 0.05);\r\n }\r\n\r\n .service-icon {\r\n width: 36px;\r\n height: 36px;\r\n margin-bottom: 16px;\r\n display: block;\r\n }\r\n\r\n .service-card h3 {\r\n font-size: 18px;\r\n font-weight: 400;\r\n margin-bottom: 12px;\r\n color: #ffffff;\r\n }\r\n\r\n .service-card p {\r\n font-size: 14px;\r\n color: rgba(255, 255, 255, 0.6);\r\n line-height: 1.6;\r\n }\r\n\r\n \/* Process Section *\/\r\n .process-timeline {\r\n position: relative;\r\n margin-top: 60px;\r\n }\r\n\r\n .process-step {\r\n display: block;\r\n margin-bottom: 40px;\r\n padding: 30px;\r\n background-color: rgba(255, 255, 255, 0.03);\r\n border-radius: 8px;\r\n transition: transform 0.3s ease;\r\n cursor: pointer;\r\n }\r\n\r\n .process-step:hover {\r\n transform: scale(1.05);\r\n }\r\n\r\n .process-step:nth-child(even) {\r\n direction: ltr;\r\n }\r\n\r\n .process-step:nth-child(even) > * {\r\n direction: ltr;\r\n }\r\n\r\n .step-number {\r\n font-size: 64px;\r\n font-weight: 600;\r\n background: linear-gradient(135deg, #6ce5b5 0%, #029e77 100%);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .step-number-inline {\r\n background: linear-gradient(135deg, #6ce5b5 0%, #029e77 100%);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n }\r\n\r\n .step-title {\r\n font-size: 24px;\r\n font-weight: 400;\r\n margin-bottom: 16px;\r\n }\r\n\r\n .step-description {\r\n font-size: 14px;\r\n color: rgba(255, 255, 255, 0.6);\r\n line-height: 1.8;\r\n }\r\n\r\n\r\n\r\n \/* About Section *\/\r\n .about-content {\r\n display: flex;\r\n gap: 100px;\r\n align-items: center;\r\n margin-top: 60px;\r\n max-width: 900px;\r\n }\r\n\r\n .about-image {\r\n background-color: #f5f5f5;\r\n height: 550px;\r\n width: 280px;\r\n border-radius: 8px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: #999;\r\n flex-shrink: 0;\r\n flex: 0 0 280px;\r\n }\r\n\r\n .about-text {\r\n flex: 0 0 400px;\r\n text-align: justify;\r\n }\r\n\r\n .about-text h3 {\r\n font-size: 24px;\r\n font-weight: 400;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .about-text p {\r\n font-size: 18px;\r\n color: rgba(255, 255, 255, 0.6);\r\n margin-bottom: 20px;\r\n line-height: 1.8;\r\n }\r\n\r\n .skill-list {\r\n margin-top: 30px;\r\n }\r\n\r\n .skill-tag {\r\n display: inline-block;\r\n background-color: #e8e8e8;\r\n padding: 8px 16px;\r\n border-radius: 20px;\r\n font-size: 12px;\r\n margin-right: 10px;\r\n margin-bottom: 10px;\r\n }\r\n\r\n \/* Why Choose Section *\/\r\n @keyframes fadeInUp {\r\n from {\r\n opacity: 0;\r\n transform: translateY(40px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n .benefits-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n gap: 30px;\r\n margin-top: 60px;\r\n }\r\n\r\n .benefit-card {\r\n padding: 30px;\r\n background-color: rgba(255, 255, 255, 0.03);\r\n border-radius: 8px;\r\n border: none;\r\n }\r\n\r\n .benefit-icon {\r\n width: 32px;\r\n height: 32px;\r\n margin-bottom: 12px;\r\n display: block;\r\n }\r\n\r\n .benefit-card h3 {\r\n font-size: 18px;\r\n font-weight: 400;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .benefit-card p {\r\n font-size: 14px;\r\n color: rgba(255, 255, 255, 0.6);\r\n line-height: 1.6;\r\n }\r\n\r\n \/* FAQ Section *\/\r\n .faq-container {\r\n max-width: 100%;\r\n margin: 60px 0 0;\r\n }\r\n\r\n .faq-item {\r\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\r\n padding: 30px 0;\r\n cursor: pointer;\r\n }\r\n\r\n .faq-question {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n font-size: 16px;\r\n font-weight: 400;\r\n color: #ffffff;\r\n transition: color 0.3s ease;\r\n cursor: pointer;\r\n }\r\n\r\n .faq-question:hover {\r\n color: #6ce5b5;\r\n }\r\n\r\n .faq-toggle {\r\n font-size: 20px;\r\n color: #6ce5b5;\r\n transition: transform 0.3s;\r\n }\r\n\r\n .faq-item.active .faq-toggle {\r\n transform: rotate(180deg);\r\n }\r\n\r\n .faq-answer {\r\n display: none;\r\n margin-top: 20px;\r\n font-size: 14px;\r\n color: rgba(255, 255, 255, 0.6);\r\n line-height: 1.8;\r\n }\r\n\r\n .faq-item.active .faq-answer {\r\n display: block;\r\n }\r\n\r\n .faq-cta {\r\n margin-top: 105.8px;\r\n padding: 52.8px 39.6px;\r\n background-color: rgba(255, 255, 255, 0.03);\r\n border: none;\r\n border-radius: 20px;\r\n text-align: center;\r\n animation: fadeInUp 0.6s ease-out forwards;\r\n opacity: 0;\r\n max-width: 792px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .faq-cta::before,\r\n .faq-cta::after {\r\n content: '';\r\n position: absolute;\r\n border-radius: 50%;\r\n background-color: #029e77;\r\n opacity: 0.15;\r\n filter: blur(60px);\r\n }\r\n\r\n .faq-cta::before {\r\n width: 200px;\r\n height: 200px;\r\n top: -100px;\r\n right: -100px;\r\n }\r\n\r\n .faq-cta::after {\r\n width: 200px;\r\n height: 200px;\r\n bottom: -100px;\r\n left: -100px;\r\n }\r\n\r\n .faq-cta-content h3 {\r\n font-size: 38.72px;\r\n font-weight: 600;\r\n color: #ffffff;\r\n margin-bottom: 20px;\r\n line-height: 1.3;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .faq-cta-content p {\r\n font-size: 16px;\r\n color: rgba(255, 255, 255, 0.7);\r\n margin-bottom: 30px;\r\n max-width: 600px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .faq-cta-content .results-cta {\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .faq-cta-buttons {\r\n display: flex;\r\n justify-content: center;\r\n gap: 20px;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .faq-cta-buttons .cta-button {\r\n padding: 14px 32px;\r\n background: linear-gradient(135deg, #6ce5b5 0%, #029e77 100%);\r\n color: #ffffff;\r\n text-decoration: none;\r\n border-radius: 20px;\r\n font-weight: 500;\r\n transition: opacity 0.3s;\r\n display: inline-block;\r\n font-size: 16px;\r\n }\r\n\r\n .faq-cta-buttons .cta-button:hover {\r\n opacity: 0.9;\r\n }\r\n\r\n .faq-cta-buttons .cta-button-secondary {\r\n padding: 14px 32px;\r\n background: rgba(255, 255, 255, 0.1);\r\n border: 1.4px solid rgba(108, 229, 181, 0.5);\r\n color: #ffffff;\r\n text-decoration: none;\r\n border-radius: 20px;\r\n font-weight: 500;\r\n transition: all 0.3s;\r\n display: inline-block;\r\n font-size: 16px;\r\n }\r\n\r\n .faq-cta-buttons .cta-button-secondary:hover {\r\n background: rgba(108, 229, 181, 0.1);\r\n border-color: #6ce5b5;\r\n }\r\n\r\n \/* Footer *\/\r\n footer {\r\n background: rgba(26, 26, 26, 0.85);\r\n backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n color: #ffffff;\r\n padding: 60px 0;\r\n border-top: 1px solid rgba(255, 255, 255, 0.1);\r\n font-family: 'Inter', sans-serif;\r\n font-weight: 300;\r\n }\r\n\r\n .footer-content {\r\n display: grid;\r\n grid-template-columns: 1.2fr 0.8fr 1fr 0.8fr 1fr;\r\n gap: 10px;\r\n margin-bottom: 40px;\r\n text-align: left;\r\n }\r\n\r\n .footer-section:nth-child(1) {\r\n grid-column: 1;\r\n }\r\n\r\n .footer-section:nth-child(2) {\r\n grid-column: 2;\r\n }\r\n\r\n .footer-section:nth-child(3) {\r\n grid-column: 3;\r\n }\r\n\r\n .footer-section:nth-child(4) {\r\n grid-column: 4;\r\n }\r\n\r\n .footer-section:nth-child(5) {\r\n grid-column: 5;\r\n }\r\n\r\n .footer-section h4 {\r\n font-size: 13.6px;\r\n font-weight: 600;\r\n color: #6ce5b5;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .footer-section p {\r\n font-size: 14px;\r\n color: rgba(255, 255, 255, 0.7);\r\n line-height: 1.6;\r\n margin-bottom: 8px;\r\n }\r\n\r\n .footer-description {\r\n color: rgba(255, 255, 255, 0.6);\r\n font-size: 14px;\r\n }\r\n\r\n .footer-cnpj {\r\n font-size: 14px;\r\n color: rgba(255, 255, 255, 0.6);\r\n font-family: 'Inter', sans-serif;\r\n font-weight: 300;\r\n }\r\n\r\n .footer-bottom {\r\n text-align: center;\r\n padding-top: 20px;\r\n border-top: 1px solid rgba(255, 255, 255, 0.1);\r\n }\r\n\r\n .footer-bottom p {\r\n font-size: 13px;\r\n color: rgba(255, 255, 255, 0.5);\r\n margin: 0;\r\n }\r\n\r\n .footer-links {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 8px;\r\n }\r\n\r\n .footer-links a {\r\n color: rgba(255, 255, 255, 0.7);\r\n text-decoration: none;\r\n font-size: 14px;\r\n transition: color 0.3s;\r\n }\r\n\r\n .footer-links a:hover {\r\n color: #6ce5b5;\r\n }\r\n\r\n .social-link {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n }\r\n\r\n .social-icon {\r\n width: 20px;\r\n height: 20px;\r\n transition: all 0.3s;\r\n }\r\n\r\n .social-icon.youtube-icon {\r\n width: 16px;\r\n height: 16px;\r\n }\r\n\r\n .social-link:hover .social-icon {\r\n color: #6ce5b5;\r\n }\r\n\r\n .contact-link {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: rgba(255, 255, 255, 0.7);\r\n text-decoration: none;\r\n font-size: 14px;\r\n transition: color 0.3s;\r\n }\r\n\r\n .contact-link:hover {\r\n color: #6ce5b5;\r\n }\r\n\r\n .contact-link:hover .contact-icon {\r\n color: #6ce5b5;\r\n }\r\n\r\n .contact-icon {\r\n width: 18px;\r\n height: 18px;\r\n transition: all 0.3s;\r\n flex-shrink: 0;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .footer-contact {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 4px;\r\n }\r\n\r\n .contact-link {\r\n margin: 0;\r\n padding: 0;\r\n }\r\n }\r\n\r\n .payment-icons {\r\n display: flex;\r\n gap: 16px;\r\n flex-wrap: wrap;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .footer-contact {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 18px;\r\n }\r\n }\r\n\r\n .payment-text {\r\n display: flex;\r\n align-items: center;\r\n gap: 6px;\r\n color: rgba(255, 255, 255, 0.7);\r\n font-size: 14px;\r\n }\r\n\r\n .payment-link {\r\n display: flex;\r\n align-items: center;\r\n gap: 6px;\r\n color: rgba(255, 255, 255, 0.7);\r\n text-decoration: none;\r\n font-size: 14px;\r\n transition: color 0.3s;\r\n }\r\n\r\n .payment-link:hover {\r\n color: #6ce5b5;\r\n }\r\n\r\n .payment-link:hover .payment-icon {\r\n color: #6ce5b5;\r\n }\r\n\r\n .payment-icon {\r\n width: 20px;\r\n height: 20px;\r\n transition: all 0.3s;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .footer-content {\r\n grid-template-columns: 1fr;\r\n gap: 30px;\r\n }\r\n\r\n footer {\r\n padding: 40px 0;\r\n }\r\n }\r\n\r\n .payment-methods {\r\n display: flex;\r\n gap: 16px;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .payment-icon svg {\r\n width: 100%;\r\n height: 100%;\r\n }\r\n\r\n \/* Apple Notification *\/\r\n .apple-notification {\r\n position: fixed;\r\n top: 20px;\r\n right: 20px;\r\n z-index: 10001;\r\n opacity: 0;\r\n transform: translateX(400px);\r\n transition: all 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n pointer-events: none;\r\n }\r\n\r\n .apple-notification.show {\r\n opacity: 1;\r\n transform: translateX(0);\r\n pointer-events: auto;\r\n }\r\n\r\n .notification-content {\r\n display: flex;\r\n align-items: center;\r\n gap: 16px;\r\n background: rgba(26, 26, 26, 0.95);\r\n backdrop-filter: blur(20px);\r\n -webkit-backdrop-filter: blur(20px);\r\n border: 1px solid rgba(108, 229, 181, 0.2);\r\n border-radius: 16px;\r\n padding: 16px 20px;\r\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);\r\n max-width: 380px;\r\n min-width: 320px;\r\n }\r\n\r\n .notification-icon {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n }\r\n\r\n .notification-icon svg {\r\n width: 24px;\r\n height: 24px;\r\n animation: checkmarkAnimation 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n }\r\n\r\n @keyframes checkmarkAnimation {\r\n 0% {\r\n transform: scale(0.5) rotate(-45deg);\r\n opacity: 0;\r\n }\r\n 50% {\r\n transform: scale(1.1);\r\n }\r\n 100% {\r\n transform: scale(1) rotate(0);\r\n opacity: 1;\r\n }\r\n }\r\n\r\n .notification-text {\r\n flex: 1;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 4px;\r\n }\r\n\r\n .notification-title {\r\n font-size: 14px;\r\n font-weight: 500;\r\n color: #ffffff;\r\n line-height: 1.3;\r\n }\r\n\r\n .highlight-month {\r\n color: #6ce5b5;\r\n font-weight: 600;\r\n text-shadow: 0 0 8px rgba(108, 229, 181, 0.4);\r\n }\r\n\r\n \/* ============================================ *\/\r\n \/* COOKIES BANNER \/ LGPD *\/\r\n \/* ============================================ *\/\r\n .cookies-banner {\r\n position: fixed;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n z-index: 9998;\r\n background: rgba(26, 26, 26, 0.98);\r\n backdrop-filter: blur(20px);\r\n -webkit-backdrop-filter: blur(20px);\r\n border-top: 1px solid rgba(108, 229, 181, 0.15);\r\n padding: 24px 20px;\r\n animation: slideUp 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n }\r\n\r\n .cookies-banner.hide {\r\n animation: slideDown 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;\r\n }\r\n\r\n @keyframes slideUp {\r\n from {\r\n transform: translateY(100%);\r\n opacity: 0;\r\n }\r\n to {\r\n transform: translateY(0);\r\n opacity: 1;\r\n }\r\n }\r\n\r\n @keyframes slideDown {\r\n from {\r\n transform: translateY(0);\r\n opacity: 1;\r\n }\r\n to {\r\n transform: translateY(100%);\r\n opacity: 0;\r\n }\r\n }\r\n\r\n .cookies-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 24px;\r\n }\r\n\r\n .cookies-content {\r\n display: flex;\r\n align-items: center;\r\n gap: 16px;\r\n flex: 1;\r\n }\r\n\r\n .cookies-icon {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n width: 40px;\r\n height: 40px;\r\n background: rgba(108, 229, 181, 0.1);\r\n border-radius: 12px;\r\n }\r\n\r\n .cookies-icon svg {\r\n width: 24px;\r\n height: 24px;\r\n }\r\n\r\n .cookies-text {\r\n flex: 1;\r\n }\r\n\r\n .cookies-title {\r\n font-size: 14px;\r\n font-weight: 500;\r\n color: #ffffff;\r\n margin: 0 0 4px 0;\r\n line-height: 1.3;\r\n }\r\n\r\n .cookies-description {\r\n font-size: 13px;\r\n font-weight: 300;\r\n color: rgba(255, 255, 255, 0.7);\r\n margin: 0;\r\n line-height: 1.4;\r\n }\r\n\r\n .cookies-buttons {\r\n display: flex;\r\n gap: 12px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .cookies-btn-decline,\r\n .cookies-btn-accept {\r\n padding: 10px 24px;\r\n border: none;\r\n border-radius: 8px;\r\n font-size: 13px;\r\n font-weight: 500;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n white-space: nowrap;\r\n }\r\n\r\n .cookies-btn-decline {\r\n background: rgba(255, 255, 255, 0.1);\r\n color: rgba(255, 255, 255, 0.8);\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n }\r\n\r\n .cookies-btn-decline:hover {\r\n background: rgba(255, 255, 255, 0.15);\r\n border-color: rgba(255, 255, 255, 0.2);\r\n }\r\n\r\n .cookies-btn-accept {\r\n background: linear-gradient(135deg, #6ce5b5 0%, #029e77 100%);\r\n color: #ffffff;\r\n }\r\n\r\n .cookies-btn-accept:hover {\r\n opacity: 0.9;\r\n box-shadow: 0 8px 20px rgba(108, 229, 181, 0.3);\r\n }\r\n\r\n \/* Responsivo Mobile *\/\r\n @media (max-width: 768px) {\r\n .cookies-banner {\r\n padding: 16px;\r\n }\r\n\r\n .cookies-container {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: 16px;\r\n }\r\n\r\n .cookies-content {\r\n width: 100%;\r\n }\r\n\r\n .cookies-buttons {\r\n width: 100%;\r\n gap: 10px;\r\n }\r\n\r\n .cookies-btn-decline,\r\n .cookies-btn-accept {\r\n flex: 1;\r\n padding: 12px 16px;\r\n }\r\n\r\n .cookies-title {\r\n font-size: 13px;\r\n }\r\n\r\n .cookies-description {\r\n font-size: 12px;\r\n }\r\n }\r\n\r\n .notification-subtitle {\r\n font-size: 13px;\r\n font-weight: 300;\r\n color: rgba(255, 255, 255, 0.7);\r\n line-height: 1.3;\r\n }\r\n\r\n .notification-close {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 28px;\r\n height: 28px;\r\n background: rgba(255, 255, 255, 0.1);\r\n border: none;\r\n border-radius: 8px;\r\n cursor: pointer;\r\n flex-shrink: 0;\r\n transition: all 0.3s ease;\r\n padding: 0;\r\n }\r\n\r\n .notification-close:hover {\r\n background: rgba(255, 255, 255, 0.2);\r\n }\r\n\r\n .notification-close svg {\r\n width: 16px;\r\n height: 16px;\r\n }\r\n\r\n \/* Responsivo Mobile *\/\r\n @media (max-width: 480px) {\r\n .apple-notification {\r\n top: 12px;\r\n right: 12px;\r\n left: 12px;\r\n }\r\n\r\n .notification-content {\r\n max-width: none;\r\n min-width: auto;\r\n padding: 12px 16px;\r\n gap: 12px;\r\n }\r\n\r\n .notification-title {\r\n font-size: 13px;\r\n }\r\n\r\n .notification-subtitle {\r\n font-size: 12px;\r\n }\r\n }\r\n nav ul {\r\n gap: 20px;\r\n }\r\n\r\n .hero h1 {\r\n font-size: 64.8px;\r\n }\r\n\r\n .hero .subtitle {\r\n font-size: 21.6px;\r\n max-width: 500px !important;\r\n width: auto !important;\r\n }\r\n\r\n section h2 {\r\n font-size: 32px;\r\n }\r\n\r\n .process-step {\r\n margin-bottom: 30px;\r\n }\r\n\r\n .process-step:nth-child(even) {\r\n direction: ltr;\r\n }\r\n\r\n .about-content {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .cta-button-secondary {\r\n display: block;\r\n margin-left: 0;\r\n margin-top: 10px;\r\n }\r\n }\r\n\r\n @media (max-width: 1024px) {\r\n #sobre {\r\n background-image: none !important;\r\n }\r\n }\r\n\r\n @media (max-width: 640px) {\r\n .container {\r\n max-width: 100%;\r\n padding: 0 16px;\r\n }\r\n\r\n .hero .container {\r\n min-height: auto;\r\n }\r\n\r\n .hero h1 {\r\n font-size: 20px;\r\n max-width: 100%;\r\n max-width: 280px !important;\r\n word-break: break-word !important;\r\n line-height: 1.3 !important;\r\n }\r\n\r\n .hero .subtitle {\r\n font-size: 13.44px;\r\n max-width: 300px !important;\r\n width: auto !important;\r\n }\r\n\r\n .hero-buttons {\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n margin-top: -15px;\r\n }\r\n\r\n .btn-hero-primary,\r\n .btn-hero-secondary {\r\n padding: 8.82px 20.16px;\r\n font-size: 8.82px;\r\n border-radius: 12.6px;\r\n }\r\n\r\n .portfolio-grid {\r\n grid-template-columns: 1fr;\r\n gap: 20px;\r\n margin-top: 30px;\r\n }\r\n\r\n .portfolio-grid-shorts {\r\n grid-template-columns: 1fr;\r\n gap: 20px;\r\n margin-top: 30px;\r\n }\r\n\r\n footer {\r\n padding: 40px 0;\r\n }\r\n\r\n .footer-content {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 30px;\r\n width: 100%;\r\n }\r\n\r\n .footer-section {\r\n width: 100%;\r\n padding: 20px 16px;\r\n border-bottom: 1px solid rgba(108, 229, 181, 0.1);\r\n }\r\n\r\n .footer-section h4 {\r\n margin-bottom: 15px;\r\n font-size: 14px;\r\n }\r\n\r\n .footer-section p {\r\n margin: 0;\r\n font-size: 13px;\r\n }\r\n\r\n .footer-links {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 8px;\r\n }\r\n\r\n .footer-links a {\r\n font-size: 13px;\r\n }\r\n\r\n .footer-contact {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 8px;\r\n }\r\n\r\n .footer-contact a {\r\n font-size: 13px;\r\n }\r\n\r\n .footer-bottom {\r\n text-align: center;\r\n padding: 20px 16px;\r\n border-top: 1px solid rgba(108, 229, 181, 0.1);\r\n width: 100%;\r\n }\r\n\r\n section h2 {\r\n font-size: 20px;\r\n }\r\n\r\n section h3,\r\n section h4 {\r\n font-size: 14px;\r\n }\r\n\r\n #processo h3,\r\n #processo h4 {\r\n font-size: 14.5px;\r\n }\r\n\r\n #processo p {\r\n font-size: 13px;\r\n }\r\n\r\n #sobre p {\r\n font-size: 11.2px;\r\n line-height: 1.3;\r\n max-height: 86.4px;\r\n overflow: hidden;\r\n }\r\n\r\n .about-text {\r\n flex: 0 0 100%;\r\n }\r\n\r\n .about-text p {\r\n font-size: 13px;\r\n line-height: 1.3;\r\n max-height: 86.4px;\r\n overflow: hidden;\r\n }\r\n\r\n section {\r\n padding: 15px 0;\r\n margin-bottom: 0;\r\n gap: 10px !important;\r\n }\r\n\r\n section .section-subtitle {\r\n font-size: 13px;\r\n margin-bottom: 15px;\r\n }\r\n\r\n section p,\r\n section .subtitle {\r\n font-size: 11.2px;\r\n }\r\n\r\n .tab-button {\r\n padding: 7px 16px;\r\n font-size: 7px;\r\n border-radius: 10px;\r\n flex: 1;\r\n max-width: none;\r\n }\r\n\r\n .result-card,\r\n .service-card,\r\n .benefit-card,\r\n .faq-item {\r\n transform: none;\r\n transform-origin: center;\r\n margin: 0;\r\n }\r\n\r\n .process-step {\r\n margin-bottom: 40px;\r\n }\r\n\r\n .btn-budget {\r\n padding: 8.82px 20.16px;\r\n font-size: 8.82px;\r\n border-radius: 12.6px;\r\n }\r\n\r\n .cookies-banner {\r\n padding: 8px;\r\n transform: scale(0.6);\r\n transform-origin: center;\r\n left: 50%;\r\n bottom: 20px;\r\n margin-left: -192px;\r\n }\r\n\r\n #sobre {\r\n background-image: none !important;\r\n }\r\n\r\n section .section-subtitle {\r\n font-size: 16px;\r\n }\r\n\r\n .faq-cta-content h3 {\r\n font-size: 17px;\r\n }\r\n\r\n .faq-cta-content p {\r\n font-size: 10px;\r\n }\r\n\r\n .faq-cta-content h3 {\r\n display: none;\r\n }\r\n\r\n .faq-cta {\r\n display: none;\r\n }\r\n }\r\n\r\n .faq-consultoria-mobile {\r\n display: none;\r\n }\r\n\r\n @media (max-width: 640px) {\r\n .faq-consultoria-mobile {\r\n display: block;\r\n padding: 0 16px;\r\n margin-bottom: 30px;\r\n }\r\n }\r\n\r\n \/* Video Modal Styles *\/\r\n .video-modal {\r\n display: none;\r\n position: fixed;\r\n z-index: 10000;\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.95);\r\n animation: fadeIn 0.3s ease;\r\n }\r\n\r\n .video-modal.show {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .video-modal-content {\r\n position: relative;\r\n width: 90%;\r\n max-width: 900px;\r\n aspect-ratio: 16 \/ 9;\r\n background: #000;\r\n border-radius: 12px;\r\n overflow: hidden;\r\n box-shadow: 0 0 50px rgba(108, 229, 181, 0.3);\r\n }\r\n\r\n .video-container {\r\n width: 100%;\r\n height: 100%;\r\n }\r\n\r\n .video-modal-close {\r\n position: absolute;\r\n top: 15px;\r\n right: 15px;\r\n background: rgba(0, 0, 0, 0.7);\r\n border: none;\r\n color: #fff;\r\n font-size: 28px;\r\n cursor: pointer;\r\n padding: 5px 12px;\r\n border-radius: 50%;\r\n z-index: 10001;\r\n transition: all 0.3s;\r\n width: 40px;\r\n height: 40px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .video-modal-close:hover {\r\n background: rgba(108, 229, 181, 0.8);\r\n transform: scale(1.1);\r\n }\r\n\r\n .watch-on-youtube {\r\n position: absolute;\r\n bottom: 15px;\r\n right: 15px;\r\n background: linear-gradient(135deg, #6ce5b5 0%, #029e77 100%);\r\n color: #fff;\r\n padding: 10px 20px;\r\n border-radius: 20px;\r\n text-decoration: none;\r\n font-size: 12px;\r\n font-weight: 600;\r\n transition: all 0.3s;\r\n z-index: 10001;\r\n }\r\n\r\n .watch-on-youtube:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 20px rgba(108, 229, 181, 0.3);\r\n }\r\n\r\n \/* Notifica\u00e7\u00e3o em fullscreen *\/\r\n .apple-notification.fullscreen {\r\n z-index: 999999999;\r\n position: fixed;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .video-modal-content {\r\n width: 100%;\r\n max-width: 100%;\r\n aspect-ratio: auto;\r\n height: auto;\r\n }\r\n\r\n .watch-on-youtube {\r\n bottom: 10px;\r\n right: 10px;\r\n font-size: 11px;\r\n padding: 8px 14px;\r\n }\r\n }\r\n\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"mouse-follower\"><\/div>\r\n \r\n <header>\r\n <div class=\"container\">\r\n <nav>\r\n <button class=\"hamburger-menu\" id=\"hamburger\">\r\n <span><\/span>\r\n <span><\/span>\r\n <span><\/span>\r\n <\/button>\r\n <div class=\"language-selector\">\r\n <button class=\"lang-btn active\" data-lang=\"en\">\ud83c\uddfa\ud83c\uddf8 English<\/button>\r\n <button class=\"lang-btn\" data-lang=\"pt\">\ud83c\udde7\ud83c\uddf7 Portugu\u00eas<\/button>\r\n <\/div>\r\n <ul id=\"nav-menu\">\r\n <li><a href=\"#hero\" data-i18n=\"home\">Home<\/a><\/li>\r\n <li><a href=\"#portfolio\" data-i18n=\"portfolio\">Portf\u00f3lio<\/a><\/li>\r\n <li><a href=\"#resultados\" data-i18n=\"resultados\">Resultados<\/a><\/li>\r\n <li><a href=\"#servicos\" data-i18n=\"servicos\">Servi\u00e7os<\/a><\/li>\r\n <li><a href=\"#processo\" data-i18n=\"processo\">Processo<\/a><\/li>\r\n <li><a href=\"#sobre\" data-i18n=\"sobre\">Sobre<\/a><\/li>\r\n <li><a href=\"#faq\" data-i18n=\"faq\">FAQ<\/a><\/li>\r\n <\/ul>\r\n <\/nav>\r\n <\/div>\r\n <\/header>\r\n\r\n \r\n <section class=\"hero\" id=\"hero\">\r\n <div class=\"container\">\r\n <h1 data-i18n-html=\"hero-title\">Edi\u00e7\u00e3o de V\u00eddeo Profissional<br>para Criadores de Conte\u00fado<\/h1>\r\n <p class=\"subtitle\" data-i18n=\"hero-subtitle\">Cansado de editores que atrasam entregas, usam B-roll gen\u00e9rico e entregam v\u00eddeos sem identidade? Trabalho com edi\u00e7\u00e3o profissional para YouTube, criadores de conte\u00fado e marcas que desejam v\u00eddeos mais envolventes, profissionais e com maior reten\u00e7\u00e3o.<\/p>\r\n <div class=\"hero-buttons\">\r\n <a href=\"https:\/\/api.whatsapp.com\/send\/?phone=5511911522187&text=Ol%C3%A1%2C+meu+nome+%C3%A9+XXX%2C+sou+do+Canal+XXX.+Gostaria+de+contratar+servi%C3%A7os+de+edi%C3%A7%C3%A3o+de+v%C3%ADdeo+para+minha+empresa%2C+voc%C3%AAs+podem+me+ajudar%3F&type=phone_number&app_absent=0&utm_source=chatgpt.com\" target=\"_blank\" class=\"btn-hero-primary\" data-i18n=\"btn-orcamento\">Or\u00e7amento<\/a>\r\n <a href=\"#portfolio\" class=\"btn-hero-secondary\" data-i18n=\"btn-portfolio\">Ver Portf\u00f3lio<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"portfolio\">\r\n <div class=\"container\">\r\n <h2><span class=\"highlight-title\" data-i18n=\"portfolio-title\">Portf\u00f3lio<\/span><\/h2>\r\n <p class=\"section-subtitle\" data-i18n=\"portfolio-subtitle\">Projetos que entregaram resultados reais para meus clientes<\/p>\r\n \r\n <div class=\"portfolio-tabs\">\r\n <button class=\"tab-button active\" data-tab=\"conteudo-longo\" data-i18n=\"tab-long\">Conte\u00fado Longo<\/button>\r\n <button class=\"tab-button\" data-tab=\"conteudo-curto\" data-i18n=\"tab-short\">Conte\u00fado Curto<\/button>\r\n <button class=\"tab-button\" data-tab=\"motion-graphics\" data-i18n=\"tab-motion\">Motion Graphics<\/button>\r\n <\/div>\r\n\r\n <div class=\"tab-content active\" id=\"conteudo-longo\">\r\n <div class=\"portfolio-grid\">\r\n <div class=\"portfolio-item\">\r\n <a href=\"https:\/\/www.youtube.com\/watch?v=ow77v1CM31k\" target=\"_blank\">\r\n <div class=\"portfolio-thumb\" style=\"background-image: url('https:\/\/img.youtube.com\/vi\/ow77v1CM31k\/maxresdefault.jpg');\"><\/div>\r\n <\/a>\r\n <\/div>\r\n <div class=\"portfolio-item\">\r\n <a href=\"https:\/\/www.youtube.com\/watch?v=qnnWnVlCYiY\" target=\"_blank\">\r\n <div class=\"portfolio-thumb\" style=\"background-image: url('https:\/\/img.youtube.com\/vi\/qnnWnVlCYiY\/maxresdefault.jpg');\"><\/div>\r\n <\/a>\r\n <\/div>\r\n <div class=\"portfolio-item\">\r\n <a href=\"https:\/\/www.youtube.com\/watch?v=6rlS-4-9Sg0\" target=\"_blank\">\r\n <div class=\"portfolio-thumb\" style=\"background-image: url('https:\/\/img.youtube.com\/vi\/6rlS-4-9Sg0\/maxresdefault.jpg');\"><\/div>\r\n <\/a>\r\n <\/div>\r\n <div class=\"portfolio-item\">\r\n <a href=\"https:\/\/www.youtube.com\/watch?v=zz6izfYiKNI\" target=\"_blank\">\r\n <div class=\"portfolio-thumb\" style=\"background-image: url('https:\/\/img.youtube.com\/vi\/zz6izfYiKNI\/maxresdefault.jpg');\"><\/div>\r\n <\/a>\r\n <\/div>\r\n <div class=\"portfolio-item\">\r\n <a href=\"https:\/\/www.youtube.com\/watch?v=sbHW8hA02d0\" target=\"_blank\">\r\n <div class=\"portfolio-thumb\" style=\"background-image: url('https:\/\/img.youtube.com\/vi\/sbHW8hA02d0\/maxresdefault.jpg');\"><\/div>\r\n <\/a>\r\n <\/div>\r\n <div class=\"portfolio-item\">\r\n <a href=\"https:\/\/www.youtube.com\/watch?v=6HNYL6XFwYU\" target=\"_blank\">\r\n <div class=\"portfolio-thumb\" style=\"background-image: url('https:\/\/img.youtube.com\/vi\/6HNYL6XFwYU\/maxresdefault.jpg');\"><\/div>\r\n <\/a>\r\n <\/div>\r\n <div class=\"portfolio-item\">\r\n <a href=\"https:\/\/www.youtube.com\/watch?v=yk7MLN9q0zY\" target=\"_blank\">\r\n <div class=\"portfolio-thumb\" style=\"background-image: url('https:\/\/img.youtube.com\/vi\/yk7MLN9q0zY\/maxresdefault.jpg');\"><\/div>\r\n <\/a>\r\n <\/div>\r\n <div class=\"portfolio-item\">\r\n <a href=\"https:\/\/www.youtube.com\/watch?v=6vfps1m0iDQ\" target=\"_blank\">\r\n <div class=\"portfolio-thumb\" style=\"background-image: url('https:\/\/img.youtube.com\/vi\/6vfps1m0iDQ\/maxresdefault.jpg');\"><\/div>\r\n <\/a>\r\n <\/div>\r\n <div class=\"portfolio-item\">\r\n <a href=\"https:\/\/www.youtube.com\/watch?v=SHhCnEi2M38\" target=\"_blank\">\r\n <div class=\"portfolio-thumb\" style=\"background-image: url('https:\/\/img.youtube.com\/vi\/SHhCnEi2M38\/maxresdefault.jpg');\"><\/div>\r\n <\/a>\r\n <\/div>\r\n <div class=\"portfolio-item\">\r\n <a href=\"https:\/\/www.youtube.com\/watch?v=9znv75lYNyE\" target=\"_blank\">\r\n <div class=\"portfolio-thumb\" style=\"background-image: url('https:\/\/img.youtube.com\/vi\/9znv75lYNyE\/maxresdefault.jpg');\"><\/div>\r\n <\/a>\r\n <\/div>\r\n <div class=\"portfolio-item\">\r\n <a href=\"https:\/\/www.youtube.com\/watch?v=_tjfep6JBB0\" target=\"_blank\">\r\n <div class=\"portfolio-thumb\" style=\"background-image: url('https:\/\/img.youtube.com\/vi\/_tjfep6JBB0\/maxresdefault.jpg');\"><\/div>\r\n <\/a>\r\n <\/div>\r\n <div class=\"portfolio-item\">\r\n <a href=\"https:\/\/www.youtube.com\/watch?v=W0sfbfgoGvg\" target=\"_blank\">\r\n <div class=\"portfolio-thumb\" style=\"background-image: url('https:\/\/img.youtube.com\/vi\/W0sfbfgoGvg\/maxresdefault.jpg');\"><\/div>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"tab-content\" id=\"conteudo-curto\">\r\n <div class=\"portfolio-grid-shorts\">\r\n <div class=\"portfolio-item-short\">\r\n <a href=\"https:\/\/youtube.com\/shorts\/PgxXDdVejBE\" target=\"_blank\">\r\n <div class=\"portfolio-thumb-short\" style=\"background-image: url('https:\/\/img.youtube.com\/vi\/PgxXDdVejBE\/maxresdefault.jpg');\"><\/div>\r\n <\/a>\r\n <\/div>\r\n <div class=\"portfolio-item-short\">\r\n <a href=\"https:\/\/youtube.com\/shorts\/Xq347OvnyzY\" target=\"_blank\">\r\n <div class=\"portfolio-thumb-short\" style=\"background-image: url('https:\/\/img.youtube.com\/vi\/Xq347OvnyzY\/maxresdefault.jpg');\"><\/div>\r\n <\/a>\r\n <\/div>\r\n <div class=\"portfolio-item-short\">\r\n <a href=\"https:\/\/youtu.be\/xcq70hjKoG8\" target=\"_blank\">\r\n <div class=\"portfolio-thumb-short\" style=\"background-image: url('https:\/\/img.youtube.com\/vi\/xcq70hjKoG8\/maxresdefault.jpg');\"><\/div>\r\n <\/a>\r\n <\/div>\r\n <div class=\"portfolio-item-short\">\r\n <a href=\"https:\/\/youtube.com\/shorts\/aD00zzc0jd0\" target=\"_blank\">\r\n <div class=\"portfolio-thumb-short\" style=\"background-image: url('https:\/\/img.youtube.com\/vi\/aD00zzc0jd0\/maxresdefault.jpg');\"><\/div>\r\n <\/a>\r\n <\/div>\r\n <div class=\"portfolio-item-short\">\r\n <a href=\"https:\/\/www.youtube.com\/shorts\/aqcCcsLYP9g\" target=\"_blank\">\r\n <div class=\"portfolio-thumb-short\" style=\"background-image: url('https:\/\/img.youtube.com\/vi\/aqcCcsLYP9g\/maxresdefault.jpg');\"><\/div>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"tab-content\" id=\"motion-graphics\">\r\n <div class=\"portfolio-grid\">\r\n <div class=\"portfolio-item\">\r\n <a href=\"https:\/\/www.youtube.com\/watch?v=CdOq4lYT_jk\" target=\"_blank\">\r\n <div class=\"portfolio-thumb\" style=\"background-image: url('https:\/\/img.youtube.com\/vi\/CdOq4lYT_jk\/maxresdefault.jpg');\"><\/div>\r\n <\/a>\r\n <\/div>\r\n <div class=\"portfolio-item\">\r\n <a href=\"https:\/\/www.youtube.com\/watch?v=phkJg6Znya4\" target=\"_blank\">\r\n <div class=\"portfolio-thumb\" style=\"background-image: url('https:\/\/img.youtube.com\/vi\/phkJg6Znya4\/hqdefault.jpg');\"><\/div>\r\n <\/a>\r\n <\/div>\r\n <div class=\"portfolio-item\">\r\n <a href=\"https:\/\/www.youtube.com\/watch?v=QGwwok_N-Wk\" target=\"_blank\">\r\n <div class=\"portfolio-thumb\" style=\"background-image: url('https:\/\/img.youtube.com\/vi\/QGwwok_N-Wk\/maxresdefault.jpg');\"><\/div>\r\n <\/a>\r\n <\/div>\r\n <div class=\"portfolio-item\">\r\n <a href=\"https:\/\/www.youtube.com\/watch?v=SaqGPfSv7lM\" target=\"_blank\">\r\n <div class=\"portfolio-thumb\" style=\"background-image: url('https:\/\/img.youtube.com\/vi\/SaqGPfSv7lM\/hqdefault.jpg');\"><\/div>\r\n <\/a>\r\n <\/div>\r\n <div class=\"portfolio-item\">\r\n <a href=\"https:\/\/www.youtube.com\/watch?v=ekLT9_p3SSE\" target=\"_blank\">\r\n <div class=\"portfolio-thumb\" style=\"background-image: url('https:\/\/img.youtube.com\/vi\/ekLT9_p3SSE\/maxresdefault.jpg');\"><\/div>\r\n <\/a>\r\n <\/div>\r\n <div class=\"portfolio-item\">\r\n <a href=\"https:\/\/www.youtube.com\/watch?v=ZdetvXhnnJc\" target=\"_blank\">\r\n <div class=\"portfolio-thumb\" style=\"background-image: url('https:\/\/img.youtube.com\/vi\/ZdetvXhnnJc\/maxresdefault.jpg');\"><\/div>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"results-cta\">\r\n <a href=\"https:\/\/api.whatsapp.com\/send\/?phone=5511911522187&text=Ol%C3%A1%2C+meu+nome+%C3%A9+XXX%2C+sou+do+Canal+XXX.+Gostaria+de+contratar+servi%C3%A7os+de+edi%C3%A7%C3%A3o+de+v%C3%ADdeo+para+minha+empresa%2C+voc%C3%AAs+podem+me+ajudar%3F&type=phone_number&app_absent=0&utm_source=chatgpt.com\" target=\"_blank\" class=\"btn-budget\" data-i18n=\"btn-orcamento\">Or\u00e7amento<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n <section id=\"resultados\" style=\"padding: 80px 0;\">\r\n <style>\r\n #resultados .result-card {\r\n transition: transform 0.3s ease;\r\n }\r\n #resultados .result-card:hover {\r\n transform: scale(1.1);\r\n }\r\n <\/style>\r\n <div class=\"container\">\r\n <h2><span class=\"highlight-title\" data-i18n=\"resultados-title\">Resultados<\/span><\/h2>\r\n <p class=\"section-subtitle\" data-i18n=\"resultados-subtitle\">N\u00fameros reais que meus clientes conquistaram<\/p>\r\n <div class=\"results-container\">\r\n <div class=\"result-card\">\r\n <div class=\"result-number\" data-target=\"35\">0<\/div>\r\n <div class=\"result-label\">\r\n <div class=\"result-label-title\" data-i18n=\"result1-title\">Canais gerenciados desde 2021<\/div>\r\n <div class=\"result-label-description\" data-i18n=\"result1-desc\">Todos com edi\u00e7\u00e3o personalizada e sob medida<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"result-card\">\r\n <div class=\"result-number\" data-target=\"480\">0<\/div>\r\n <div class=\"result-label\">\r\n <div class=\"result-label-title\" data-i18n=\"result2-title\">V\u00eddeos entregues em 2024<\/div>\r\n <div class=\"result-label-description\" data-i18n=\"result2-desc\">De cortes simples a projetos com motion design completo<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"result-card\">\r\n <div class=\"result-number\" data-target=\"90\" data-suffix=\"%\">0<\/div>\r\n <div class=\"result-label\">\r\n <div class=\"result-label-title\" data-i18n=\"result3-title\">Clientes que voltam a contratar<\/div>\r\n <div class=\"result-label-description\" data-i18n=\"result3-desc\">Dados reais dos \u00faltimos 12 meses<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"result-card\">\r\n <div class=\"result-number\" data-target=\"10\">0<\/div>\r\n <div class=\"result-label\">\r\n <div class=\"result-label-title\" data-i18n=\"result4-title\">Anos de experi\u00eancia<\/div>\r\n <div class=\"result-label-description\" data-i18n=\"result4-desc\">Construindo e refinando excel\u00eancia em edi\u00e7\u00e3o de v\u00eddeo desde 2013<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"results-cta\">\r\n <a href=\"https:\/\/api.whatsapp.com\/send\/?phone=5511911522187&text=Ol%C3%A1%2C+meu+nome+%C3%A9+XXX%2C+sou+do+Canal+XXX.+Gostaria+de+contratar+servi%C3%A7os+de+edi%C3%A7%C3%A3o+de+v%C3%ADdeo+para+minha+empresa%2C+voc%C3%AAs+podem+me+ajudar%3F&type=phone_number&app_absent=0&utm_source=chatgpt.com\" target=\"_blank\" class=\"btn-budget\" data-i18n=\"btn-orcamento\">Or\u00e7amento<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"servicos\">\r\n <div class=\"container\">\r\n <h2><span class=\"highlight-title\" data-i18n=\"servicos-title\">Servi\u00e7os<\/span><\/h2>\r\n <p class=\"section-subtitle\" data-i18n=\"servicos-subtitle\">Tudo o que voc\u00ea precisa para ter v\u00eddeos de qualidade profissional<\/p>\r\n <div class=\"services-grid\">\r\n <div class=\"service-card\">\r\n <svg class=\"service-icon\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V5h14v14zm-5.04-6.71l-2.75 3.54 1.3 1.54c.3.37.84.37 1.15 0l3.5-4.15c.3-.37.84-.37 1.15 0l1.52 1.8c.38.46 1.17.46 1.55 0l1.38-1.64c.3-.37.84-.37 1.15 0V9c0-.55-.45-1-1-1-.3 0-.59.14-.78.36l-1.38 1.64c-.3.37-.84.37-1.15 0l-1.52-1.8c-.38-.46-1.17-.46-1.55 0l-3.5 4.15z\" fill=\"#3bb399\"\/>\r\n <\/svg>\r\n <h3 data-i18n=\"service1-title\">V\u00eddeos Longos para YouTube<\/h3>\r\n <p><span class=\"highlight-title\" data-i18n=\"service1-desc\">Edi\u00e7\u00e3o profissional para v\u00eddeos de YouTube com foco em ritmo, reten\u00e7\u00e3o, storytelling e experi\u00eancia visual para criadores de conte\u00fado e marcas.<\/span><\/p>\r\n <\/div>\r\n <div class=\"service-card\">\r\n <svg class=\"service-icon\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm3.5-9c.83 0 1.5-.67 1.5-1.5S16.33 8 15.5 8 14 8.67 14 9.5s.67 1.5 1.5 1.5zm-7 0c.83 0 1.5-.67 1.5-1.5S9.33 8 8.5 8 7 8.67 7 9.5 7.67 11 8.5 11zm3.5 6.5c2.33 0 4.31-1.46 5.11-3.5H6.89c.8 2.04 2.78 3.5 5.11 3.5z\" fill=\"#3bb399\"\/>\r\n <\/svg>\r\n <h3 data-i18n=\"service2-title\">Conte\u00fado Vertical<\/h3>\r\n <p><span class=\"highlight-title\" data-i18n=\"service2-desc\">Edi\u00e7\u00e3o de v\u00eddeos para Reels, TikTok e YouTube Shorts com cortes din\u00e2micos, legendas, motion graphics e foco em reten\u00e7\u00e3o.<\/span><\/p>\r\n <\/div>\r\n <div class=\"service-card\">\r\n <svg class=\"service-icon\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M12 3C6.48 3 2 6.48 2 12s4.48 9 10 9 10-4.48 10-9-4.48-9-10-9zm0 16c-3.87 0-7-3.13-7-7s3.13-7 7-7 7 3.13 7 7-3.13 7-7 7zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z\" fill=\"#3bb399\"\/>\r\n <\/svg>\r\n <h3 data-i18n=\"service3-title\">Motion Graphics 2D<\/h3>\r\n <p><span class=\"highlight-title\" data-i18n=\"service3-desc\">Cria\u00e7\u00e3o de anima\u00e7\u00f5es e v\u00eddeos explicativos para sites, marcas, an\u00fancios e apresenta\u00e7\u00f5es com visual moderno e profissional.<\/span><\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"results-cta\">\r\n <a href=\"https:\/\/api.whatsapp.com\/send\/?phone=5511911522187&text=Ol%C3%A1%2C+meu+nome+%C3%A9+XXX%2C+sou+do+Canal+XXX.+Gostaria+de+contratar+servi%C3%A7os+de+edi%C3%A7%C3%A3o+de+v%C3%ADdeo+para+minha+empresa%2C+voc%C3%AAs+podem+me+ajudar%3F&type=phone_number&app_absent=0&utm_source=chatgpt.com\" target=\"_blank\" class=\"btn-budget\" data-i18n=\"btn-orcamento\">Or\u00e7amento<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"processo\">\r\n <div class=\"container\">\r\n <h2><span class=\"highlight-title\" data-i18n=\"processo-title\">Workflow<\/span><\/h2>\r\n <p class=\"section-subtitle\" data-i18n=\"processo-subtitle\">Entenda cada etapa do seu projeto desde o in\u00edcio at\u00e9 a entrega<\/p>\r\n <div class=\"process-timeline\">\r\n <div class=\"process-step\">\r\n <h3 class=\"step-title\"><span class=\"step-number-inline\">01.<\/span> <span data-i18n=\"step1-title\">Envio dos Arquivos & Briefing<\/span><\/h3>\r\n <p class=\"step-description\" data-i18n=\"step1-desc\">O cliente envia os arquivos, refer\u00eancias e instru\u00e7\u00f5es do projeto via Google Drive ou WeTransfer. Quanto mais detalhado o briefing, mais alinhado o resultado final ficar\u00e1 com a identidade do conte\u00fado.<\/p>\r\n <\/div>\r\n <div class=\"process-step\">\r\n <h3 class=\"step-title\"><span class=\"step-number-inline\">02.<\/span> <span data-i18n=\"step2-title\">Organiza\u00e7\u00e3o & Prepara\u00e7\u00e3o<\/span><\/h3>\r\n <p class=\"step-description\" data-i18n=\"step2-desc\">Todos os materiais s\u00e3o baixados, organizados e preparados para a edi\u00e7\u00e3o. Essa etapa garante um fluxo de trabalho mais eficiente, consistente e profissional durante toda a produ\u00e7\u00e3o.<\/p>\r\n <\/div>\r\n <div class=\"process-step\">\r\n <h3 class=\"step-title\"><span class=\"step-number-inline\">03.<\/span> <span data-i18n=\"step3-title\">Edi\u00e7\u00e3o do V\u00eddeo<\/span><\/h3>\r\n <p class=\"step-description\" data-i18n=\"step3-desc\">Aqui come\u00e7a o processo criativo. A edi\u00e7\u00e3o \u00e9 desenvolvida com foco em ritmo, reten\u00e7\u00e3o, storytelling e identidade visual, buscando transformar o conte\u00fado em um v\u00eddeo mais envolvente e profissional.<\/p>\r\n <\/div>\r\n <div class=\"process-step\">\r\n <h3 class=\"step-title\"><span class=\"step-number-inline\">04.<\/span> <span data-i18n=\"step4-title\">Revis\u00e3o & Entrega Final<\/span><\/h3>\r\n <p class=\"step-description\" data-i18n=\"step4-desc\">Ap\u00f3s a finaliza\u00e7\u00e3o, o v\u00eddeo \u00e9 enviado para an\u00e1lise. Caso necess\u00e1rio, ajustes s\u00e3o realizados dentro das revis\u00f5es inclusas. Com tudo aprovado, o pagamento \u00e9 realizado e o projeto \u00e9 conclu\u00eddo.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"results-cta\">\r\n <a href=\"https:\/\/api.whatsapp.com\/send\/?phone=5511911522187&text=Ol%C3%A1%2C+meu+nome+%C3%A9+XXX%2C+sou+do+Canal+XXX.+Gostaria+de+contratar+servi%C3%A7os+de+edi%C3%A7%C3%A3o+de+v%C3%ADdeo+para+minha+empresa%2C+voc%C3%AAs+podem+me+ajudar%3F&type=phone_number&app_absent=0&utm_source=chatgpt.com\" target=\"_blank\" class=\"btn-budget\" data-i18n=\"btn-orcamento\">Or\u00e7amento<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"sobre\" style=\"background-size: cover; background-position: right center; background-attachment: fixed; position: relative; background-image: url('sobre-bg-desktop.jpg');\">\r\n <div style=\"position: absolute; inset: 0; background: rgba(25, 25, 25, 0.75); z-index: 0;\"><\/div>\r\n <div class=\"container\" style=\"position: relative; z-index: 1;\">\r\n <h2><span class=\"highlight-title\" data-i18n=\"sobre-title\">Sobre Mim<\/span><\/h2>\r\n <div class=\"about-content\">\r\n <div class=\"about-text\">\r\n <p data-i18n=\"about-p1\">Ol\u00e1, sou Markovick! Desde 2013 trabalho com edi\u00e7\u00e3o de v\u00eddeo, aprimorando minhas habilidades em Premiere, Photoshop e After Effects para explorar todas as possibilidades criativas que essa \u00e1rea oferece.<\/p>\r\n <p data-i18n=\"about-p2\">Al\u00e9m das artes visuais, tamb\u00e9m me envolvi com o marketing digital, especialmente em estrat\u00e9gias de crescimento no YouTube, <span style=\"color: #ffffff; font-weight: 500;\">ajudando criadores a expandirem sua presen\u00e7a online<\/span>.<\/p>\r\n <p data-i18n=\"about-p3\">Tenho uma <span style=\"color: #ffffff; font-weight: 500;\">vis\u00e3o anal\u00edtica<\/span> que me permite entender o que funciona em cada projeto, sem perder de vista a criatividade. Acredito no poder das boas hist\u00f3rias, e busco sempre criar conte\u00fado impactante e inspirador.<\/p>\r\n <p data-i18n=\"about-p4\">Se voc\u00ea est\u00e1 procurando algu\u00e9m apaixonado, com experi\u00eancia e uma <span style=\"color: #ffffff; font-weight: 500;\">abordagem estrat\u00e9gica<\/span> para levar seu conte\u00fado a novos patamares, <span style=\"color: #ffffff; font-weight: 500;\">vamos conversar e criar algo incr\u00edvel juntos!<\/span><\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"results-cta\">\r\n <a href=\"https:\/\/api.whatsapp.com\/send\/?phone=5511911522187&text=Ol%C3%A1%2C+meu+nome+%C3%A9+XXX%2C+sou+do+Canal+XXX.+Gostaria+de+contratar+servi%C3%A7os+de+edi%C3%A7%C3%A3o+de+v%C3%ADdeo+para+minha+empresa%2C+voc%C3%AAs+podem+me+ajudar%3F&type=phone_number&app_absent=0&utm_source=chatgpt.com\" target=\"_blank\" class=\"btn-budget\" data-i18n=\"btn-orcamento\">Or\u00e7amento<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"por-que\">\r\n <div class=\"container\">\r\n <h2><span class=\"highlight-title\" data-i18n=\"porquee-title\">Por Que Escolher Meu Trabalho<\/span><\/h2>\r\n <p class=\"section-subtitle\" data-i18n=\"porquee-subtitle\">O que me diferencia no mercado<\/p>\r\n <div class=\"benefits-grid\">\r\n <div class=\"benefit-card\">\r\n <svg class=\"benefit-icon\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"#3bb399\" stroke-width=\"2\"\/>\r\n <polyline points=\"12 6 12 12 16 16\" stroke=\"#3bb399\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n <\/svg>\r\n <h3 data-i18n=\"benefit1-title\">Prazos Respeitados<\/h3>\r\n <p data-i18n=\"benefit1-desc\">Voc\u00ea pode contar comigo. Pontualidade \u00e9 profissionalismo, e isso \u00e9 n\u00e3o-negoci\u00e1vel.<\/p>\r\n <\/div>\r\n <div class=\"benefit-card\">\r\n <svg class=\"benefit-icon\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M13 10V3L4 14h7v7l9-11h-7z\" fill=\"#3bb399\"\/>\r\n <\/svg>\r\n <h3 data-i18n=\"benefit2-title\">Qualidade Profissional<\/h3>\r\n <p data-i18n=\"benefit2-desc\">Cada projeto recebe a mesma aten\u00e7\u00e3o de uma ag\u00eancia, mas com a agilidade de um freelancer especializado.<\/p>\r\n <\/div>\r\n <div class=\"benefit-card\">\r\n <svg class=\"benefit-icon\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"#3bb399\" stroke-width=\"2\"\/>\r\n <path d=\"M12 7v5l3.5 3.5\" stroke=\"#3bb399\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n <\/svg>\r\n <h3 data-i18n=\"benefit3-title\">Foco em Resultados<\/h3>\r\n <p data-i18n=\"benefit3-desc\">N\u00e3o crio v\u00eddeos bonitos s\u00f3 por criar. Cada frame \u00e9 pensado para gerar convers\u00e3o e engajamento.<\/p>\r\n <\/div>\r\n <div class=\"benefit-card\">\r\n <svg class=\"benefit-icon\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\" stroke=\"#3bb399\" stroke-width=\"2\" fill=\"none\"\/>\r\n <\/svg>\r\n <h3 data-i18n=\"benefit4-title\">Comunica\u00e7\u00e3o Clara<\/h3>\r\n <p data-i18n=\"benefit4-desc\">Voc\u00ea saber\u00e1 exatamente onde est\u00e1 seu projeto a cada etapa. Sem surpresas, s\u00f3 solu\u00e7\u00f5es.<\/p>\r\n <\/div>\r\n <div class=\"benefit-card\">\r\n <svg class=\"benefit-icon\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M13 13l-4-4m0 4l4-4\" stroke=\"#3bb399\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n <\/svg>\r\n <h3 data-i18n=\"benefit5-title\">Revis\u00f5es Inclusas<\/h3>\r\n <p data-i18n=\"benefit5-desc\">At\u00e9 ficar perfeito. Trabalho contigo at\u00e9 que o resultado atenda suas expectativas completamente.<\/p>\r\n <\/div>\r\n <div class=\"benefit-card\">\r\n <svg class=\"benefit-icon\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <polyline points=\"23 6 13.5 15.5 8.5 10.5 1 18\" stroke=\"#3bb399\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n <polyline points=\"17 6 23 6 23 12\" stroke=\"#3bb399\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n <\/svg>\r\n <h3 data-i18n=\"benefit6-title\">Consultoria Estrat\u00e9gica<\/h3>\r\n <p data-i18n=\"benefit6-desc\">Sugiro melhorias baseadas em dados e experi\u00eancia para potencializar seus resultados.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"results-cta\">\r\n <a href=\"https:\/\/api.whatsapp.com\/send\/?phone=5511911522187&text=Ol%C3%A1%2C+meu+nome+%C3%A9+XXX%2C+sou+do+Canal+XXX.+Gostaria+de+contratar+servi%C3%A7os+de+edi%C3%A7%C3%A3o+de+v%C3%ADdeo+para+minha+empresa%2C+voc%C3%AAs+podem+me+ajudar%3F&type=phone_number&app_absent=0&utm_source=chatgpt.com\" target=\"_blank\" class=\"btn-budget\" data-i18n=\"btn-orcamento\">Or\u00e7amento<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"faq\">\r\n <div class=\"container\">\r\n <h2><span class=\"highlight-title\" data-i18n=\"faq-title\">D\u00favidas Frequentes<\/span><\/h2>\r\n <p class=\"section-subtitle\" data-i18n=\"faq-subtitle\">Respondendo \u00e0s quest\u00f5es mais comuns<\/p>\r\n <div class=\"faq-container\">\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span data-i18n=\"faq-q1\">Voc\u00ea faz v\u00eddeo teste?<\/span>\r\n <span class=\"faq-toggle\">+<\/span>\r\n <\/div>\r\n <div class=\"faq-answer\" data-i18n=\"faq-a1\">Sim. Antes de fecharmos qualquer pacote, voc\u00ea pode solicitar um v\u00eddeo teste remunerado. Assim, voc\u00ea avalia a qualidade da edi\u00e7\u00e3o, ritmo, storytelling e identidade do conte\u00fado antes de tomar qualquer decis\u00e3o.<\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span data-i18n=\"faq-q2\">Voc\u00ea trabalha com contrato?<\/span>\r\n <span class=\"faq-toggle\">+<\/span>\r\n <\/div>\r\n <div class=\"faq-answer\" data-i18n=\"faq-a2\">Sim. Todo projeto pode ser formalizado em contrato para garantir mais seguran\u00e7a, clareza e organiza\u00e7\u00e3o para ambos os lados.<\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span data-i18n=\"faq-q3\">Voc\u00ea faz thumbnails, SEO ou gest\u00e3o de canal?<\/span>\r\n <span class=\"faq-toggle\">+<\/span>\r\n <\/div>\r\n <div class=\"faq-answer\" data-i18n=\"faq-a3\">N\u00e3o. Meu foco \u00e9 exclusivamente edi\u00e7\u00e3o de v\u00eddeo estrat\u00e9gica para criadores de conte\u00fado e marcas. Dessa forma, toda a energia do projeto fica concentrada em entregar v\u00eddeos mais profissionais, envolventes e com maior reten\u00e7\u00e3o.<\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span data-i18n=\"faq-q4\">Voc\u00ea administra canais ou redes sociais?<\/span>\r\n <span class=\"faq-toggle\">+<\/span>\r\n <\/div>\r\n <div class=\"faq-answer\" data-i18n=\"faq-a4\">N\u00e3o. O servi\u00e7o \u00e9 voltado apenas para edi\u00e7\u00e3o de v\u00eddeo. Isso permite manter um padr\u00e3o mais alto de qualidade, consist\u00eancia e agilidade nas entregas.<\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span data-i18n=\"faq-q5\">Voc\u00ea faz parceria ou sociedade com canais?<\/span>\r\n <span class=\"faq-toggle\">+<\/span>\r\n <\/div>\r\n <div class=\"faq-answer\" data-i18n=\"faq-a5\">N\u00e3o trabalho com sociedade ou participa\u00e7\u00e3o em canais. Os projetos funcionam no modelo de presta\u00e7\u00e3o de servi\u00e7o profissional.<\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span data-i18n=\"faq-q6\">Voc\u00ea aceita permuta?<\/span>\r\n <span class=\"faq-toggle\">+<\/span>\r\n <\/div>\r\n <div class=\"faq-answer\" data-i18n=\"faq-a6\">N\u00e3o trabalho com permuta. O foco \u00e9 manter uma parceria profissional, com prioridade total na qualidade, organiza\u00e7\u00e3o e prazos do projeto.<\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span data-i18n=\"faq-q7\">Voc\u00ea emite nota fiscal?<\/span>\r\n <span class=\"faq-toggle\">+<\/span>\r\n <\/div>\r\n <div class=\"faq-answer\" data-i18n=\"faq-a7\">Sim. A emiss\u00e3o de nota fiscal est\u00e1 dispon\u00edvel para clientes no Brasil.<\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span data-i18n=\"faq-q8\">Quais s\u00e3o as formas de pagamento?<\/span>\r\n <span class=\"faq-toggle\">+<\/span>\r\n <\/div>\r\n <div class=\"faq-answer\" data-i18n=\"faq-a8\">Os pagamentos podem ser feitos via Pix, PayPal ou Wise, facilitando tanto clientes nacionais quanto internacionais.<\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span data-i18n=\"faq-q9\">Voc\u00ea trabalha com clientes internacionais?<\/span>\r\n <span class=\"faq-toggle\">+<\/span>\r\n <\/div>\r\n <div class=\"faq-answer\" data-i18n=\"faq-a9\">Sim. Trabalho com clientes do Brasil e tamb\u00e9m do exterior, com suporte para pagamentos internacionais via PayPal e Wise.<\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span data-i18n=\"faq-q10\">Preciso fechar um pacote para come\u00e7ar?<\/span>\r\n <span class=\"faq-toggle\">+<\/span>\r\n <\/div>\r\n <div class=\"faq-answer\" data-i18n=\"faq-a10\">N\u00e3o. Podemos come\u00e7ar com um v\u00eddeo teste remunerado. Se fizer sentido para voc\u00ea e o resultado atender suas expectativas, seguimos para uma parceria cont\u00ednua.<\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span data-i18n=\"faq-q11\">Posso contratar v\u00eddeos avulsos?<\/span>\r\n <span class=\"faq-toggle\">+<\/span>\r\n <\/div>\r\n <div class=\"faq-answer\" data-i18n=\"faq-a11\">Sim. Voc\u00ea pode contratar v\u00eddeos avulsos ou optar por pacotes mensais, dependendo da sua demanda de conte\u00fado.<\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span data-i18n=\"faq-q12\">Quantas revis\u00f5es est\u00e3o inclusas?<\/span>\r\n <span class=\"faq-toggle\">+<\/span>\r\n <\/div>\r\n <div class=\"faq-answer\" data-i18n=\"faq-a12\">Cada v\u00eddeo inclui at\u00e9 2 rodadas de revis\u00f5es gratuitas para ajustes e refinamentos. Caso sejam necess\u00e1rias revis\u00f5es adicionais, ser\u00e1 cobrado um valor equivalente a 10% do valor do v\u00eddeo por rodada extra, limitado a at\u00e9 3 revis\u00f5es adicionais.<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-cta\">\r\n <div class=\"faq-cta-content\">\r\n <h3 data-i18n-html=\"faq-cta-title\">Vamos construir algo<br>extraordin\u00e1rio juntos.<\/h3>\r\n <p data-i18n-html=\"faq-cta-desc\">Envie uma mensagem e responderei em at\u00e9<br>24 horas para discutir seu projeto e objetivos.<\/p>\r\n <div class=\"results-cta\">\r\n <a href=\"https:\/\/api.whatsapp.com\/send\/?phone=5511911522187&text=Ol%C3%A1%2C+meu+nome+%C3%A9+XXX%2C+sou+do+Canal+XXX.+Gostaria+de+contratar+servi%C3%A7os+de+edi%C3%A7%C3%A3o+de+v%C3%ADdeo+para+minha+empresa%2C+voc%C3%AAs+podem+me+ajudar%3F&type=phone_number&app_absent=0&utm_source=chatgpt.com\" target=\"_blank\" class=\"btn-budget\" data-i18n=\"btn-orcamento\">Or\u00e7amento<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <div id=\"videoModal\" class=\"video-modal\">\r\n <div class=\"video-modal-content\">\r\n <button class=\"video-modal-close\" id=\"closeVideoModal\">×<\/button>\r\n <div class=\"video-container\">\r\n <iframe id=\"videoFrame\" width=\"100%\" height=\"100%\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\r\n <\/div>\r\n <a id=\"youtubeLink\" href=\"#\" target=\"_blank\" class=\"watch-on-youtube\">Assistir no YouTube<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <footer>\r\n <div class=\"container\">\r\n <div class=\"footer-content\">\r\n <div class=\"footer-section\">\r\n <h4 data-i18n=\"footer-hours\">Hor\u00e1rio de Funcionamento<\/h4>\r\n <p class=\"footer-description\" data-i18n=\"footer-hours-desc\">De segunda a s\u00e1bado 08:00 \u00e0s 18:00 (Bras\u00edlia)<\/p>\r\n <\/div>\r\n\r\n <div class=\"footer-section\">\r\n <h4 data-i18n=\"footer-social\">Redes Sociais<\/h4>\r\n <div class=\"footer-links\">\r\n <a href=\"https:\/\/www.instagram.com\/m4rk0vick\/\" target=\"_blank\" class=\"social-link\">\r\n <svg class=\"social-icon\" viewBox=\"0 0 24 24\" fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12 18C15.3137 18 18 15.3137 18 12C18 8.68629 15.3137 6 12 6C8.68629 6 6 8.68629 6 12C6 15.3137 8.68629 18 12 18ZM12 16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16Z\"\/>\r\n <path d=\"M18 5C17.4477 5 17 5.44772 17 6C17 6.55228 17.4477 7 18 7C18.5523 7 19 6.55228 19 6C19 5.44772 18.5523 5 18 5Z\"\/>\r\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1.65396 4.27606C1 5.55953 1 7.23969 1 10.6V13.4C1 16.7603 1 18.4405 1.65396 19.7239C2.2292 20.8529 3.14708 21.7708 4.27606 22.346C5.55953 23 7.23969 23 10.6 23H13.4C16.7603 23 18.4405 23 19.7239 22.346C20.8529 21.7708 21.7708 20.8529 22.346 19.7239C23 18.4405 23 16.7603 23 13.4V10.6C23 7.23969 23 5.55953 22.346 4.27606C21.7708 3.14708 20.8529 2.2292 19.7239 1.65396C18.4405 1 16.7603 1 13.4 1H10.6C7.23969 1 5.55953 1 4.27606 1.65396C3.14708 2.2292 2.2292 3.14708 1.65396 4.27606ZM13.4 3H10.6C8.88684 3 7.72225 3.00156 6.82208 3.0751C5.94524 3.14674 5.49684 3.27659 5.18404 3.43597C4.43139 3.81947 3.81947 4.43139 3.43597 5.18404C3.27659 5.49684 3.14674 5.94524 3.0751 6.82208C3.00156 7.72225 3 8.88684 3 10.6V13.4C3 15.1132 3.00156 16.2777 3.0751 17.1779C3.14674 18.0548 3.27659 18.5032 3.43597 18.816C3.81947 19.5686 4.43139 20.1805 5.18404 20.564C5.49684 20.7234 5.94524 20.8533 6.82208 20.9249C7.72225 20.9984 8.88684 21 10.6 21H13.4C15.1132 21 16.2777 20.9984 17.1779 20.9249C18.0548 20.8533 18.5032 20.7234 18.816 20.564C19.5686 20.1805 20.1805 19.5686 20.564 18.816C20.7234 18.5032 20.8533 18.0548 20.9249 17.1779C20.9984 16.2777 21 15.1132 21 13.4V10.6C21 8.88684 20.9984 7.72225 20.9249 6.82208C20.8533 5.94524 20.7234 5.49684 20.564 5.18404C20.1805 4.43139 19.5686 3.81947 18.816 3.43597C18.5032 3.27659 18.0548 3.14674 17.1779 3.0751C16.2777 3.00156 15.1132 3 13.4 3Z\"\/>\r\n <\/svg>\r\n Instagram\r\n <\/a>\r\n <a href=\"https:\/\/youtube.com\" target=\"_blank\" class=\"social-link\">\r\n <svg class=\"social-icon youtube-icon\" viewBox=\"0 0 24 24\" fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z\"\/>\r\n <\/svg>\r\n YouTube\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"footer-section\">\r\n <h4 data-i18n=\"footer-contact\">Contato<\/h4>\r\n <div class=\"footer-contact\">\r\n <a href=\"mailto:hellomarkovick@gmail.com\" class=\"contact-link\">\r\n <svg class=\"contact-icon\" viewBox=\"0 0 237.832 237.832\" fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M228.977,33.916H8.854C3.969,33.916,0,37.881,0,42.771V195.06c0,4.891,3.969,8.856,8.854,8.856h220.123c4.887,0,8.855-3.965,8.855-8.856V42.771C237.832,37.881,233.864,33.916,228.977,33.916z M221.026,182.184c0,4.063-3.364,7.356-7.512,7.356h-12.339V73.379l-76.693,49.79c-1.687,1.096-3.627,1.641-5.566,1.641s-3.88-0.545-5.566-1.641l-76.692-49.79V189.54h-12.34c-4.147,0-7.512-3.293-7.512-7.356V55.647c0-4.063,3.364-7.356,7.512-7.356h10.176l84.423,54.808l84.423-54.808h10.176c4.147,0,7.512,3.293,7.512,7.356V182.184z\"\/>\r\n <\/svg>\r\n hellomarkovick@gmail.com\r\n <\/a>\r\n <a href=\"https:\/\/api.whatsapp.com\/send\/?phone=5511911522187&text=Ol%C3%A1%2C+meu+nome+%C3%A9+XXX%2C+sou+do+Canal+XXX.+Gostaria+de+contratar+servi%C3%A7os+de+edi%C3%A7%C3%A3o+de+v%C3%ADdeo+para+minha+empresa%2C+voc%C3%AAs+podem+me+ajudar%3F&type=phone_number&app_absent=0&utm_source=chatgpt.com\" target=\"_blank\" class=\"contact-link\">\r\n <svg class=\"contact-icon\" viewBox=\"0 0 24 24\" fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M6.014 8.00613C6.12827 7.1024 7.30277 5.87414 8.23488 6.01043L8.23339 6.00894C9.14051 6.18132 9.85859 7.74261 10.2635 8.44465C10.5504 8.95402 10.3641 9.4701 10.0965 9.68787C9.7355 9.97883 9.17099 10.3803 9.28943 10.7834C9.5 11.5 12 14 13.2296 14.7107C13.695 14.9797 14.0325 14.2702 14.3207 13.9067C14.5301 13.6271 15.0466 13.46 15.5548 13.736C16.3138 14.178 17.0288 14.6917 17.69 15.27C18.0202 15.546 18.0977 15.9539 17.8689 16.385C17.4659 17.1443 16.3003 18.1456 15.4542 17.9421C13.9764 17.5868 8 15.27 6.08033 8.55801C5.97237 8.24048 5.99955 8.12044 6.014 8.00613Z\"\/>\r\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12 23C10.7764 23 10.0994 22.8687 9 22.5L6.89443 23.5528C5.56462 24.2177 4 23.2507 4 21.7639V19.5C1.84655 17.492 1 15.1767 1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23ZM6 18.6303L5.36395 18.0372C3.69087 16.4772 3 14.7331 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21C11.0143 21 10.552 20.911 9.63595 20.6038L8.84847 20.3397L6 21.7639V18.6303Z\"\/>\r\n <\/svg>\r\n WhatsApp\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"footer-section\">\r\n <h4 data-i18n=\"footer-payment\">Formas de Pagamento<\/h4>\r\n <div class=\"payment-icons\">\r\n <span class=\"payment-text\">\r\n <svg class=\"payment-icon\" viewBox=\"0 0 16 16\" fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M11.917 11.71a2.046 2.046 0 0 1-1.454-.602l-2.1-2.1a.4.4 0 0 0-.551 0l-2.108 2.108a2.044 2.044 0 0 1-1.454.602h-.414l2.66 2.66c.83.83 2.177.83 3.007 0l2.667-2.668h-.253zM4.25 4.282c.55 0 1.066.214 1.454.602l2.108 2.108a.39.39 0 0 0 .552 0l2.1-2.1a2.044 2.044 0 0 1 1.453-.602h.253L9.503 1.623a2.127 2.127 0 0 0-3.007 0l-2.66 2.66h.414z\"\/><path d=\"m14.377 6.496-1.612-1.612a.307.307 0 0 1-.114.023h-.733c-.379 0-.75.154-1.017.422l-2.1 2.1a1.005 1.005 0 0 1-1.425 0L5.268 5.32a1.448 1.448 0 0 0-1.018-.422h-.9a.306.306 0 0 1-.109-.021L1.623 6.496c-.83.83-.83 2.177 0 3.008l1.618 1.618a.305.305 0 0 1 .108-.022h.901c.38 0 .75-.153 1.018-.421L7.375 8.57a1.034 1.034 0 0 1 1.426 0l2.1 2.1c.267.268.638.421 1.017.421h.733c.04 0 .079.01.114.024l1.612-1.612c.83-.83.83-2.178 0-3.008z\"\/><\/svg>\r\n Pix\r\n <\/span>\r\n <span class=\"payment-text\">\r\n <svg class=\"payment-icon\" viewBox=\"-1.5 0 20 20\" fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M182.475463,7404.9 C181.260804,7410.117 177.555645,7411 172.578656,7411 L171.078137,7419 L173.825411,7419 C174.325918,7419 174.53555,7418.659 174.627828,7418.179 C175.312891,7413.848 175.216601,7414.557 175.278788,7413.879 C175.337966,7413.501 175.664951,7413 176.049108,7413 C179.698098,7413 182.118387,7411.945 182.857614,7408.158 C183.120405,7406.811 183.034145,7405.772 182.475463,7404.9 M171.134306,7410.86 L170.011926,7417 L166.535456,7417 C166.206465,7417 165.954707,7416.598 166.006864,7416.274 L168.602682,7399.751 C168.670887,7399.319 169.045014,7399 169.484337,7399 L175.718111,7399 C179.409228,7399 181.894714,7400.401 181.319983,7404.054 C180.313953,7410.56 174.737157,7410 172.199514,7410 C171.760191,7410 171.203515,7410.428 171.134306,7410.86\" transform=\"translate(-166, -7399)\"\/><\/svg>\r\n PayPal\r\n <\/span>\r\n <span class=\"payment-text\">\r\n <svg class=\"payment-icon\" viewBox=\"0 0 50.8 50.8\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M25.294 44.98 42.07 5.82H12.7l5.822 9.79-9.79 9.26h15.346\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n Wise\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"footer-section\">\r\n <h4 data-i18n=\"footer-info\">Informa\u00e7\u00f5es<\/h4>\r\n <p class=\"footer-cnpj\">CNPJ: 53.849.461\/0001-08<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"footer-bottom\">\r\n <p>© 2013 - 2026 Markovick. Todos os direitos reservados.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/footer>\r\n\r\n \r\n <div class=\"apple-notification\" id=\"appleNotification\">\r\n <div class=\"notification-content\">\r\n <div class=\"notification-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <circle cx=\"12\" cy=\"12\" r=\"11\" stroke=\"#6ce5b5\" stroke-width=\"2\"\/>\r\n <path d=\"M8 12l2 2 6-6\" stroke=\"#6ce5b5\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"notification-text\">\r\n <div class=\"notification-title\" id=\"notificationTitle\"><\/div>\r\n <div class=\"notification-subtitle\" id=\"notificationSubtitle\"><\/div>\r\n <\/div>\r\n <button class=\"notification-close\" id=\"closeNotification\" aria-label=\"Fechar notifica\u00e7\u00e3o\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M18 6L6 18M6 6l12 12\" stroke=\"rgba(255,255,255,0.7)\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n <\/svg>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"cookies-banner\" id=\"cookiesBanner\">\r\n <div class=\"cookies-container\">\r\n <div class=\"cookies-content\">\r\n <div class=\"cookies-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"#6ce5b5\" stroke-width=\"2\"\/>\r\n <circle cx=\"7\" cy=\"7\" r=\"1.5\" fill=\"#6ce5b5\"\/>\r\n <circle cx=\"17\" cy=\"8\" r=\"1.5\" fill=\"#6ce5b5\"\/>\r\n <circle cx=\"8\" cy=\"17\" r=\"1.5\" fill=\"#6ce5b5\"\/>\r\n <path d=\"M12 14c2 0 3 1 3 2.5\" stroke=\"#6ce5b5\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"cookies-text\">\r\n <p class=\"cookies-title\">Cookies e Experi\u00eancia<\/p>\r\n <p class=\"cookies-description\">Este site utiliza cookies para melhorar sua experi\u00eancia de navega\u00e7\u00e3o e an\u00e1lise de desempenho.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"cookies-buttons\">\r\n <button class=\"cookies-btn-decline\" id=\"cookiesDecline\">Recusar<\/button>\r\n <button class=\"cookies-btn-accept\" id=\"cookiesAccept\">Aceitar<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ ============================================\r\n \/\/ ANIMA\u00c7\u00c3O DOS N\u00daMEROS E T\u00cdTULOS\r\n \/\/ ============================================\r\n document.addEventListener('DOMContentLoaded', () => {\r\n \/\/ ============================================\r\n \/\/ MOUSE FOLLOWER\r\n \/\/ ============================================\r\n \/\/ ============================================\r\n \/\/ Language Selector\r\n \/\/ ============================================\r\n const translations = {\r\n en: {\r\n \/\/ Navigation\r\n 'home': 'Home',\r\n 'portfolio': 'Portfolio',\r\n 'resultados': 'Results',\r\n 'servicos': 'Services',\r\n 'processo': 'Process',\r\n 'sobre': 'About',\r\n 'faq': 'FAQ',\r\n \r\n \/\/ Hero\r\n 'hero-title': 'Professional Video Editing<br>for Content Creators<br>',\r\n 'hero-subtitle': 'Tired of editors who delay deliveries, use generic B-roll and deliver videos without identity? I work with professional editing for YouTube, content creators and brands that want more engaging, professional videos with higher retention.',\r\n \r\n \/\/ Sections\r\n 'portfolio-title': 'Portfolio',\r\n 'resultados-title': 'Results',\r\n 'servicos-title': 'Services',\r\n 'processo-title': 'Workflow',\r\n 'sobre-title': 'About Me',\r\n 'porquee-title': 'Why Choose My Work',\r\n 'faq-title': 'Frequently Asked Questions',\r\n \r\n \/\/ Buttons\r\n 'btn-orcamento': 'Hire Me',\r\n 'btn-portfolio': 'View Portfolio',\r\n 'conteudo-longo': 'Long Content',\r\n 'motion-graphics': 'Motion Graphics',\r\n 'conteudo-curto': 'Short Content',\r\n \r\n \/\/ Sections Subtitles\r\n 'portfolio-subtitle': 'Projects that delivered real results to my clients',\r\n 'resultados-subtitle': 'Real numbers that my clients achieved',\r\n 'servicos-subtitle': 'Everything you need to have professional quality videos',\r\n 'processo-subtitle': 'Understand each stage of your project from start to delivery',\r\n 'porquee-subtitle': 'What sets me apart in the market',\r\n 'faq-subtitle': 'Answering the most common questions',\r\n \r\n \/\/ Results Cards\r\n 'result-1-number': '+35',\r\n 'result-1-title': 'Channels managed since 2021',\r\n 'result-1-desc': 'All with personalized editing and custom work',\r\n 'result-2-number': '+480',\r\n 'result-2-title': 'Videos delivered in 2024',\r\n 'result-2-desc': 'From simple cuts to projects with complete motion design',\r\n 'result-3-number': '+90%',\r\n 'result-3-title': 'Returning clients',\r\n 'result-3-desc': 'Real data from the last 12 months',\r\n 'result-4-number': '+10',\r\n 'result-4-title': 'Years of experience',\r\n 'result-4-desc': 'Building and refining excellence in video editing since 2013',\r\n \r\n \/\/ Services Cards\r\n 'service-title-1': 'Long Videos for YouTube',\r\n 'service-desc-1': 'Professional editing for YouTube videos with focus on rhythm, retention, storytelling and visual experience for content creators and brands.',\r\n 'service-title-2': 'Vertical Content',\r\n 'service-desc-2': 'Video editing for Reels, TikTok and YouTube Shorts with dynamic cuts, legends, motion graphics and focus on retention.',\r\n 'service-title-3': 'Motion Graphics 2D',\r\n 'service-desc-3': 'Creation of animations and explanatory videos for websites, brands, announcements and presentations with modern and professional visual.',\r\n \r\n \/\/ Process Steps\r\n 'process-step-1': '01. File Submission & Briefing',\r\n 'process-step-1-desc': 'The client sends files, references and project instructions via Google Drive or WeTransfer. The more detailed the briefing, the more aligned the final result will be with the content identity.',\r\n 'process-step-2': '02. Organization & Preparation',\r\n 'process-step-2-desc': 'All materials are downloaded, organized and prepared for editing. This stage guarantees a more efficient, consistent and professional workflow throughout the entire production.',\r\n 'process-step-3': '03. Video Editing',\r\n 'process-step-3-desc': 'Here begins the creative process. Editing is developed with focus on rhythm, retention, storytelling and visual identity, seeking to transform content into a more engaging and professional video.',\r\n 'process-step-4': '04. Review & Final Delivery',\r\n 'process-step-4-desc': 'After finalization, the video is sent for review. If necessary, adjustments are made within the included revisions. With everything approved, payment is made and the project is completed.',\r\n \r\n \/\/ About Section\r\n 'about-intro': 'Hi, I\\'m Markovick! Since 2013 I\\'ve been working with video editing, refining my skills in Premiere, Photoshop and After Effects to explore all the creative possibilities this area offers.',\r\n 'about-marketing': 'Beyond visual arts, I\\'ve also been involved with digital marketing, especially in YouTube growth strategies, helping creators expand their online presence.',\r\n 'about-analytical': 'I have an analytical vision that allows me to understand what works in each project, without losing sight of creativity. I believe in the power of good stories, and I always seek to create impactful and inspiring content.',\r\n 'about-cta': 'If you\\'re looking for someone skilled, with experience and a strategic approach to take your content to new levels, let\\'s talk and create something incredible together!',\r\n \r\n \/\/ Why Choose Benefits\r\n 'benefit-1-title': 'Respected Deadlines',\r\n 'benefit-1-desc': 'You can count on me. Punctuality is professionalism, and that\\'s non-negotiable.',\r\n 'benefit-2-title': 'Professional Quality',\r\n 'benefit-2-desc': 'Every project receives the same attention as an agency, but with the agility of a specialized freelancer.',\r\n 'benefit-3-title': 'Results Focused',\r\n 'benefit-3-desc': 'I don\\'t create videos just to create. Each frame is designed to generate conversation and engagement.',\r\n 'benefit-4-title': 'Clear Communication',\r\n 'benefit-4-desc': 'You\\'ll know exactly where your project is at each stage. No surprises, only solutions.',\r\n 'benefit-5-title': 'Included Revisions',\r\n 'benefit-5-desc': 'Until it\\'s perfect. I work with you until the result meets your expectations completely.',\r\n 'benefit-6-title': 'Strategic Consulting',\r\n 'benefit-6-desc': 'I suggest improvements based on data and experience to boost your results.',\r\n \r\n \/\/ FAQ Questions\r\n 'faq-q1': 'Do you do test video?',\r\n 'faq-q2': 'Do you work with contracts?',\r\n 'faq-q3': 'Do you make thumbnails, SEO or channel management?',\r\n 'faq-q4': 'Do you manage channels or social networks?',\r\n 'faq-q5': 'Do you do partnership or partnership with channels?',\r\n 'faq-q6': 'Do you accept exchange?',\r\n 'faq-q7': 'Do you issue invoice?',\r\n 'faq-q8': 'What are the payment methods?',\r\n 'faq-q9': 'Do you work with international clients?',\r\n 'faq-q10': 'Do I need to close a package to get started?',\r\n 'faq-q11': 'Can I hire promotional videos?',\r\n 'faq-q12': 'How many revisions are included?',\r\n \r\n \/\/ CTA Section\r\n 'cta-title': 'Let\\'s build something extraordinary together.',\r\n 'cta-desc': 'Send a message and I\\'ll reply within 24 hours to discuss your project and objectives.',\r\n \r\n \/\/ Footer\r\n 'footer-hours': 'Operating Hours',\r\n 'footer-hours-time': 'Monday to Saturday 08:00 to 18:00',\r\n 'footer-social': 'Social Networks',\r\n 'footer-instagram': 'Instagram',\r\n 'footer-youtube': 'YouTube',\r\n 'footer-contact': 'Contact',\r\n 'footer-payment': 'Payment Methods',\r\n 'footer-payment-methods': 'Pix \u2022 PayPal \u2022 Wise',\r\n 'footer-info': 'Information',\r\n 'footer-cnpj': 'CNPJ: 53.849.461\/0001-08'\r\n },\r\n pt: {\r\n \/\/ Navigation\r\n 'home': 'Home',\r\n 'portfolio': 'Portf\u00f3lio',\r\n 'resultados': 'Resultados',\r\n 'servicos': 'Servi\u00e7os',\r\n 'processo': 'Processo',\r\n 'sobre': 'Sobre',\r\n 'faq': 'FAQ',\r\n \r\n \/\/ Hero\r\n 'hero-title': 'Edi\u00e7\u00e3o de V\u00eddeo Profissional<br>para Criadores de Conte\u00fado',\r\n 'hero-subtitle': 'Cansado de editores que atrasam entregas, usam B-roll gen\u00e9rico e entregam v\u00eddeos sem identidade? Trabalho com edi\u00e7\u00e3o profissional para YouTube, criadores de conte\u00fado e marcas que desejam v\u00eddeos mais envolventes, profissionais e com maior reten\u00e7\u00e3o.',\r\n \r\n \/\/ Sections\r\n 'portfolio-title': 'Portf\u00f3lio',\r\n 'resultados-title': 'Resultados',\r\n 'servicos-title': 'Servi\u00e7os',\r\n 'processo-title': 'Workflow',\r\n 'sobre-title': 'Sobre Mim',\r\n 'porquee-title': 'Por Que Escolher Meu Trabalho',\r\n 'faq-title': 'D\u00favidas Frequentes',\r\n \r\n \/\/ Buttons\r\n 'btn-orcamento': 'Or\u00e7amento',\r\n 'btn-portfolio': 'Ver Portf\u00f3lio',\r\n 'conteudo-longo': 'Conte\u00fado Longo',\r\n 'motion-graphics': 'Motion Graphics',\r\n 'conteudo-curto': 'Conte\u00fado Curto',\r\n \r\n \/\/ Sections Subtitles\r\n 'portfolio-subtitle': 'Projetos que entregaram resultados reais para meus clientes',\r\n 'resultados-subtitle': 'N\u00fameros reais que meus clientes conquistaram',\r\n 'servicos-subtitle': 'Tudo o que voc\u00ea precisa para ter v\u00eddeos de qualidade profissional',\r\n 'processo-subtitle': 'Entenda cada etapa do seu projeto desde o in\u00edcio at\u00e9 a entrega',\r\n 'porquee-subtitle': 'O que me diferencia no mercado',\r\n 'faq-subtitle': 'Respondendo \u00e0s quest\u00f5es mais comuns',\r\n \r\n \/\/ Results Cards\r\n 'result-1-number': '+35',\r\n 'result-1-title': 'Canais gerenciados desde 2021',\r\n 'result-1-desc': 'Todos com edi\u00e7\u00e3o personalizada e sob medida',\r\n 'result-2-number': '+480',\r\n 'result-2-title': 'V\u00eddeos entregues em 2024',\r\n 'result-2-desc': 'De cortes simples a projetos com motion design completo',\r\n 'result-3-number': '+90%',\r\n 'result-3-title': 'Clientes que voltam a contratar',\r\n 'result-3-desc': 'Dados reais dos \u00faltimos 12 meses',\r\n 'result-4-number': '+10',\r\n 'result-4-title': 'Anos de experi\u00eancia',\r\n 'result-4-desc': 'Construindo e refinando excel\u00eancia em edi\u00e7\u00e3o de v\u00eddeo desde 2013',\r\n \r\n \/\/ Services Cards\r\n 'service-title-1': 'V\u00eddeos Longos para YouTube',\r\n 'service-desc-1': 'Edi\u00e7\u00e3o profissional para v\u00eddeos do YouTube com foco em ritmo, reten\u00e7\u00e3o, storytelling e experi\u00eancia visual para criadores de conte\u00fado e marcas.',\r\n 'service-title-2': 'Conte\u00fado Vertical',\r\n 'service-desc-2': 'Edi\u00e7\u00e3o de v\u00eddeos para Reels, TikTok e YouTube Shorts com cortes din\u00e2micos, legendas, motion graphics e foco em reten\u00e7\u00e3o.',\r\n 'service-title-3': 'Motion Graphics 2D',\r\n 'service-desc-3': 'Cria\u00e7\u00e3o de anima\u00e7\u00f5es e v\u00eddeos explicativos para sites, marcas, an\u00fancios e apresenta\u00e7\u00f5es com visual moderno e profissional.',\r\n \r\n \/\/ Process Steps\r\n 'process-step-1': '01. Envio dos Arquivos & Briefing',\r\n 'process-step-1-desc': 'O cliente envia os arquivos, refer\u00eancias e instru\u00e7\u00f5es do projeto via Google Drive ou WeTransfer. Quanto mais detalhado o briefing, mais alinhado o resultado final ficar\u00e1 com a identidade do conte\u00fado.',\r\n 'process-step-2': '02. Organiza\u00e7\u00e3o & Prepara\u00e7\u00e3o',\r\n 'process-step-2-desc': 'Todos os materiais s\u00e3o baixados, organizados e preparados para a edi\u00e7\u00e3o. Essa etapa garante um fluxo de trabalho mais eficiente, consistente e profissional durante toda a produ\u00e7\u00e3o.',\r\n 'process-step-3': '03. Edi\u00e7\u00e3o do V\u00eddeo',\r\n 'process-step-3-desc': 'Aqui come\u00e7a o processo criativo. A edi\u00e7\u00e3o \u00e9 desenvolvida com foco em ritmo, reten\u00e7\u00e3o, storytelling e identidade visual, buscando transformar o conte\u00fado em um v\u00eddeo mais envolvente e profissional.',\r\n 'process-step-4': '04. Revis\u00e3o & Entrega Final',\r\n 'process-step-4-desc': 'Ap\u00f3s a finaliza\u00e7\u00e3o, o v\u00eddeo \u00e9 enviado para an\u00e1lise. Caso necess\u00e1rio, ajustes s\u00e3o realizados dentro das revis\u00f5es inclusos. Com tudo aprovado, o pagamento \u00e9 realizado e o projeto \u00e9 conclu\u00eddo.',\r\n \r\n \/\/ About Section\r\n 'about-intro': 'Ol\u00e1, sou Markovick! Desde 2013 trabalho com edi\u00e7\u00e3o de v\u00eddeo, aprimorando minhas habilidades em Premiere, Photoshop e After Effects para explorar todas as possibilidades criativas que essa \u00e1rea oferece.',\r\n 'about-marketing': 'Al\u00e9m das artes visuais, tamb\u00e9m me envolvi com o marketing digital, especialmente em estrat\u00e9gias de crescimento no YouTube, ajudando criadores a expandirem sua presen\u00e7a online.',\r\n 'about-analytical': 'Tenho uma vis\u00e3o anal\u00edtica que me permite entender o que funciona em cada projeto, sem perder de vista a criatividade. Acredito no poder das boas hist\u00f3rias, e busco sempre criar conte\u00fado impactante e inspirador.',\r\n 'about-cta': 'Se voc\u00ea est\u00e1 procurando algu\u00e9m apaixonado, com experi\u00eancia e uma abordagem estrat\u00e9gica para levar seu conte\u00fado a novos patamares, vamos conversar e criar algo incr\u00edvel juntos!',\r\n \r\n \/\/ Why Choose Benefits\r\n 'benefit-1-title': 'Prazos Respeitados',\r\n 'benefit-1-desc': 'Voc\u00ea pode contar comigo. Pontualidade \u00e9 profissionalismo, e isso \u00e9 n\u00e3o-negoci\u00e1vel.',\r\n 'benefit-2-title': 'Qualidade Profissional',\r\n 'benefit-2-desc': 'Cada projeto recebe a mesma aten\u00e7\u00e3o de uma ag\u00eancia, mas com a agilidade de um freelancer especializado.',\r\n 'benefit-3-title': 'Foco em Resultados',\r\n 'benefit-3-desc': 'N\u00e3o crio v\u00eddeos bonitos s\u00f3 por criar. Cada frame \u00e9 pensado para gerar conversa\u00e7\u00e3o e engajamento.',\r\n 'benefit-4-title': 'Comunica\u00e7\u00e3o Clara',\r\n 'benefit-4-desc': 'Voc\u00ea saber\u00e1 exatamente onde est\u00e1 seu projeto a cada etapa. Sem surpresas, s\u00f3 solu\u00e7\u00f5es.',\r\n 'benefit-5-title': 'Revis\u00f5es Inclusas',\r\n 'benefit-5-desc': 'At\u00e9 ficar perfeito. Trabalho contigo at\u00e9 que o resultado atenda suas expectativas completamente.',\r\n 'benefit-6-title': 'Consultoria Estrat\u00e9gica',\r\n 'benefit-6-desc': 'Sugiro melhorias baseadas em dados e experi\u00eancia para potencializar seus resultados.',\r\n \r\n \/\/ FAQ Questions\r\n 'faq-q1': 'Voc\u00ea faz v\u00eddeo teste?',\r\n 'faq-q2': 'Voc\u00ea trabalha com contrato?',\r\n 'faq-q3': 'Voc\u00ea faz thumbnails, SEO ou gest\u00e3o de canal?',\r\n 'faq-q4': 'Voc\u00ea administra canais ou redes sociais?',\r\n 'faq-q5': 'Voc\u00ea faz parceria ou sociedade com canais?',\r\n 'faq-q6': 'Voc\u00ea aceita permuta?',\r\n 'faq-q7': 'Voc\u00ea emite nota fiscal?',\r\n 'faq-q8': 'Quais s\u00e3o as formas de pagamento?',\r\n 'faq-q9': 'Voc\u00ea trabalha com clientes internacionais?',\r\n 'faq-q10': 'Preciso fechar um pacote para come\u00e7ar?',\r\n 'faq-q11': 'Posso contratar v\u00eddeos avulsos?',\r\n 'faq-q12': 'Quantas revis\u00f5es est\u00e3o inclusas?',\r\n \r\n \/\/ CTA Section\r\n 'cta-title': 'Vamos construir algo extraordin\u00e1rio juntos.',\r\n 'cta-desc': 'Envie uma mensagem e responderei em at\u00e9 24 horas para discutir seu projeto e objetivos.',\r\n \r\n \/\/ Footer\r\n 'footer-hours': 'Hor\u00e1rio de Funcionamento',\r\n 'footer-hours-time': 'De segunda a s\u00e1bado 08:00 \u00e0s 18:00',\r\n 'footer-social': 'Redes Sociais',\r\n 'footer-instagram': 'Instagram',\r\n 'footer-youtube': 'YouTube',\r\n 'footer-contact': 'Contato',\r\n 'footer-payment': 'Formas de Pagamento',\r\n 'footer-payment-methods': 'Pix \u2022 PayPal \u2022 Wise',\r\n 'footer-info': 'Informa\u00e7\u00f5es',\r\n 'footer-cnpj': 'CNPJ: 53.849.461\/0001-08'\r\n }\r\n };\r\n\r\n function changeLanguage(lang) {\r\n \/\/ Traduzir elementos com data-i18n\r\n document.querySelectorAll('[data-i18n]').forEach(element => {\r\n const key = element.getAttribute('data-i18n');\r\n if (translations[lang] && translations[lang][key]) {\r\n element.textContent = translations[lang][key];\r\n }\r\n });\r\n\r\n \/\/ Traduzir elementos com data-i18n-html (para conte\u00fado com HTML)\r\n document.querySelectorAll('[data-i18n-html]').forEach(element => {\r\n const key = element.getAttribute('data-i18n-html');\r\n if (translations[lang] && translations[lang][key]) {\r\n element.innerHTML = translations[lang][key];\r\n }\r\n });\r\n\r\n localStorage.setItem('selectedLanguage', lang);\r\n }\r\n\r\n const langBtns = document.querySelectorAll('.lang-btn');\r\n const currentLang = localStorage.getItem('selectedLanguage') || 'en';\r\n\r\n \/\/ Aplicar idioma salvo ao carregar\r\n changeLanguage(currentLang);\r\n\r\n langBtns.forEach(btn => {\r\n if (btn.dataset.lang === currentLang) {\r\n btn.classList.add('active');\r\n }\r\n\r\n btn.addEventListener('click', () => {\r\n langBtns.forEach(b => b.classList.remove('active'));\r\n btn.classList.add('active');\r\n changeLanguage(btn.dataset.lang);\r\n });\r\n });\r\n\r\n const mouseFollower = document.querySelector('.mouse-follower');\r\n if (mouseFollower) {\r\n let mouseX = 0;\r\n let mouseY = 0;\r\n let followerX = 0;\r\n let followerY = 0;\r\n\r\n document.addEventListener('mousemove', (e) => {\r\n mouseX = e.clientX;\r\n mouseY = e.clientY;\r\n });\r\n\r\n function animateFollower() {\r\n followerX += (mouseX - followerX) * 0.2;\r\n followerY += (mouseY - followerY) * 0.2;\r\n\r\n mouseFollower.style.left = followerX + 'px';\r\n mouseFollower.style.top = followerY + 'px';\r\n\r\n requestAnimationFrame(animateFollower);\r\n }\r\n\r\n animateFollower();\r\n }\r\n\r\n \/\/ ============================================\r\n \/\/ HAMBURGER MENU\r\n \/\/ ============================================\r\n const hamburger = document.getElementById('hamburger');\r\n const navMenu = document.getElementById('nav-menu');\r\n\r\n hamburger.addEventListener('click', () => {\r\n hamburger.classList.toggle('active');\r\n navMenu.classList.toggle('active');\r\n });\r\n\r\n \/\/ Fechar menu ao clicar em um link\r\n const navLinks = navMenu.querySelectorAll('a');\r\n navLinks.forEach(link => {\r\n link.addEventListener('click', () => {\r\n hamburger.classList.remove('active');\r\n navMenu.classList.remove('active');\r\n });\r\n });\r\n\r\n \/\/ ============================================\r\n \/\/ PROGRESS BAR\r\n \/\/ ============================================\r\n \/\/ Animar n\u00fameros da se\u00e7\u00e3o Resultados\r\n const resultNumbers = document.querySelectorAll('.result-number');\r\n \r\n \/\/ Animar t\u00edtulos com highlight\r\n const highlightTitles = document.querySelectorAll('.highlight-title');\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('animate');\r\n observer.unobserve(entry.target);\r\n }\r\n });\r\n }, {\r\n threshold: 0.5\r\n });\r\n\r\n resultNumbers.forEach(number => {\r\n observer.observe(number);\r\n });\r\n\r\n highlightTitles.forEach(title => {\r\n observer.observe(title);\r\n });\r\n\r\n \/\/ Fun\u00e7\u00e3o gen\u00e9rica para animar se\u00e7\u00f5es\r\n function animateSection(sectionId, itemSelector) {\r\n const section = document.querySelector(sectionId);\r\n const title = document.querySelector(`${sectionId} h2`);\r\n const subtitle = document.querySelector(`${sectionId} .section-subtitle`);\r\n const items = document.querySelectorAll(`${sectionId} ${itemSelector}`);\r\n \r\n if (!section || items.length === 0) return;\r\n\r\n \/\/ Definir estado inicial\r\n if (title) {\r\n title.style.opacity = '0';\r\n title.style.transform = 'translateY(40px)';\r\n }\r\n if (subtitle) {\r\n subtitle.style.opacity = '0';\r\n subtitle.style.transform = 'translateY(40px)';\r\n }\r\n items.forEach((item) => {\r\n item.style.opacity = '0';\r\n item.style.transform = 'translateY(40px)';\r\n });\r\n\r\n const sectionObserver = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n \/\/ Animar t\u00edtulo\r\n if (title) {\r\n title.style.animation = `fadeInUp 0.6s ease-out 0s forwards`;\r\n }\r\n \/\/ Animar subt\u00edtulo\r\n if (subtitle) {\r\n subtitle.style.animation = `fadeInUp 0.6s ease-out 0.15s forwards`;\r\n }\r\n \/\/ Animar items\r\n items.forEach((item, index) => {\r\n item.style.animation = `fadeInUp 0.6s ease-out ${0.3 + index * 0.15}s forwards`;\r\n });\r\n sectionObserver.unobserve(entry.target);\r\n }\r\n });\r\n }, {\r\n threshold: 0.1\r\n });\r\n sectionObserver.observe(section);\r\n }\r\n\r\n \/\/ Aplicar anima\u00e7\u00e3o em todas as se\u00e7\u00f5es\r\n animateSection('#portfolio', '.portfolio-item');\r\n animateSection('#resultados', '.result-card');\r\n animateSection('#servicos', '.service-card');\r\n animateSection('#processo', '.process-step');\r\n animateSection('#sobre', '.about-content');\r\n animateSection('#por-que', '.benefit-card');\r\n \r\n \/\/ Animar CTA do FAQ\r\n const faqCtaSection = document.querySelector('#faq');\r\n const faqCta = document.querySelector('.faq-cta');\r\n \r\n if (faqCtaSection && faqCta) {\r\n faqCta.style.opacity = '0';\r\n faqCta.style.transform = 'translateY(40px)';\r\n \r\n const faqObserver = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n faqCta.style.animation = 'fadeInUp 0.6s ease-out 0.3s forwards';\r\n faqObserver.unobserve(entry.target);\r\n }\r\n });\r\n }, {\r\n threshold: 0.1\r\n });\r\n faqObserver.observe(faqCtaSection);\r\n }\r\n \r\n animateSection('#faq', '.faq-item');\r\n });\r\n\r\n \/\/ ============================================\r\n \/\/ SISTEMA PREMIUM DE NOTIFICA\u00c7\u00d5ES INTELIGENTES\r\n \/\/ ============================================\r\n class PremiumNotificationSystem {\r\n constructor() {\r\n this.notificationElement = document.getElementById('appleNotification');\r\n this.titleElement = document.getElementById('notificationTitle');\r\n this.subtitleElement = document.getElementById('notificationSubtitle');\r\n this.closeBtn = document.getElementById('closeNotification');\r\n \r\n this.notificationCount = 0;\r\n this.maxNotifications = 3;\r\n this.currentMonth = this.getCurrentMonth();\r\n this.isShowingNotification = false;\r\n \r\n this.init();\r\n }\r\n\r\n getCurrentMonth() {\r\n const isPortuguese = localStorage.getItem('language') === 'pt';\r\n \r\n if (isPortuguese) {\r\n const months = [\r\n 'Janeiro', 'Fevereiro', 'Mar\u00e7o', 'Abril', 'Maio', 'Junho',\r\n 'Julho', 'Agosto', 'Setembro', 'Outubro', 'Novembro', 'Dezembro'\r\n ];\r\n return months[new Date().getMonth()];\r\n } else {\r\n const months = [\r\n 'January', 'February', 'March', 'April', 'May', 'June',\r\n 'July', 'August', 'September', 'October', 'November', 'December'\r\n ];\r\n return months[new Date().getMonth()];\r\n }\r\n }\r\n\r\n getTranslation(key) {\r\n const currentLang = localStorage.getItem('language') || 'en';\r\n return translations[currentLang][key] || key;\r\n }\r\n\r\n buildNotifications() {\r\n return [\r\n {\r\n main: `${this.getTranslation('notif1')} <span class=\"highlight-month\">${this.currentMonth}<\/span>.`,\r\n delay: 30000 \/\/ 30 segundos\r\n },\r\n {\r\n main: `${this.getTranslation('notif2')} <span class=\"highlight-month\">${this.currentMonth}<\/span>.`,\r\n delay: 120000 \/\/ 2 minutos ap\u00f3s a primeira\r\n },\r\n {\r\n main: `${this.getTranslation('notif3')} <span class=\"highlight-month\">${this.currentMonth}<\/span>.`,\r\n delay: 240000 \/\/ 4 minutos ap\u00f3s a segunda\r\n }\r\n ];\r\n }\r\n\r\n getDaysAndHours() {\r\n const now = new Date();\r\n const endOfMonth = new Date(now.getFullYear(), now.getMonth() + 1, 0, 23, 59, 59);\r\n const diff = endOfMonth - now;\r\n \r\n const days = Math.floor(diff \/ (1000 * 60 * 60 * 24));\r\n const hours = Math.floor((diff % (1000 * 60 * 60 * 24)) \/ (1000 * 60 * 60));\r\n \r\n const daysText = this.getTranslation('notif-days');\r\n const isPortuguese = this.getTranslation('notif-days') === 'Faltam';\r\n const dayWord = isPortuguese ? `dia${days !== 1 ? 's' : ''}` : `day${days !== 1 ? 's' : ''}`;\r\n const hourWord = isPortuguese ? `hora${hours !== 1 ? 's' : ''}` : `hour${hours !== 1 ? 's' : ''}`;\r\n const connector = isPortuguese ? 'e' : 'and';\r\n const schedule = isPortuguese ? 'da agenda' : 'of the schedule';\r\n const forText = isPortuguese ? 'para o fechamento' : 'for the closing';\r\n \r\n return `${daysText} ${days} ${dayWord} ${connector} ${hours} ${hourWord} ${forText} ${schedule}.`;\r\n }\r\n\r\n init() {\r\n const sessionKey = `notificationSequence_${this.currentMonth}`;\r\n this.notificationCount = parseInt(sessionStorage.getItem(sessionKey)) || 0;\r\n\r\n if (this.notificationCount >= this.maxNotifications) {\r\n this.notificationElement.style.display = 'none';\r\n return;\r\n }\r\n\r\n this.startSequence(sessionKey);\r\n this.closeBtn.addEventListener('click', () => this.hideNotification());\r\n }\r\n\r\n startSequence(sessionKey) {\r\n const notifications = this.buildNotifications();\r\n let cumulativeDelay = 0;\r\n\r\n for (let i = this.notificationCount; i < this.maxNotifications; i++) {\r\n const notif = notifications[i];\r\n cumulativeDelay += notif.delay;\r\n\r\n setTimeout(() => {\r\n if (this.notificationCount >= this.maxNotifications) return;\r\n this.showNotification(i, sessionKey, notifications);\r\n }, cumulativeDelay);\r\n }\r\n }\r\n\r\n showNotification(index, sessionKey, notifications) {\r\n if (this.isShowingNotification || this.notificationCount >= this.maxNotifications) return;\r\n\r\n this.isShowingNotification = true;\r\n const current = notifications[index];\r\n \r\n this.titleElement.innerHTML = current.main;\r\n this.subtitleElement.textContent = this.getDaysAndHours();\r\n\r\n this.notificationElement.classList.add('show');\r\n \r\n \/\/ Tocar som de notifica\u00e7\u00e3o\r\n console.log('Tocando som de notifica\u00e7\u00e3o...');\r\n this.playNotificationSound();\r\n\r\n \/\/ Desaparecer ap\u00f3s 15 segundos\r\n setTimeout(() => {\r\n this.hideNotification();\r\n }, 15000);\r\n\r\n \/\/ Incrementar contador\r\n this.notificationCount++;\r\n sessionStorage.setItem(sessionKey, this.notificationCount);\r\n }\r\n\r\n hideNotification() {\r\n this.notificationElement.classList.remove('show');\r\n this.isShowingNotification = false;\r\n\r\n if (this.notificationCount >= this.maxNotifications) {\r\n setTimeout(() => {\r\n this.notificationElement.style.display = 'none';\r\n }, 300);\r\n }\r\n }\r\n\r\n playNotificationSound() {\r\n try {\r\n const audioContext = new (window.AudioContext || window.webkitAudioContext)();\r\n const now = audioContext.currentTime;\r\n \r\n \/\/ Primeiro beep\r\n const osc1 = audioContext.createOscillator();\r\n const gain1 = audioContext.createGain();\r\n \r\n osc1.type = 'sine';\r\n osc1.frequency.value = 800;\r\n gain1.gain.setValueAtTime(0.3, now);\r\n gain1.gain.linearRampToValueAtTime(0, now + 0.15);\r\n \r\n osc1.connect(gain1);\r\n gain1.connect(audioContext.destination);\r\n \r\n osc1.start(now);\r\n osc1.stop(now + 0.15);\r\n \r\n \/\/ Segundo beep\r\n const osc2 = audioContext.createOscillator();\r\n const gain2 = audioContext.createGain();\r\n \r\n osc2.type = 'sine';\r\n osc2.frequency.value = 1000;\r\n gain2.gain.setValueAtTime(0.3, now + 0.2);\r\n gain2.gain.linearRampToValueAtTime(0, now + 0.35);\r\n \r\n osc2.connect(gain2);\r\n gain2.connect(audioContext.destination);\r\n \r\n osc2.start(now + 0.2);\r\n osc2.stop(now + 0.35);\r\n } catch (e) {\r\n console.log('Som de notifica\u00e7\u00e3o indispon\u00edvel');\r\n }\r\n }\r\n }\r\n\r\n \/\/ ============================================\r\n \/\/ SISTEMA DE IDIOMAS COMPLETO\r\n \/\/ ============================================\r\n const translations = {\r\n pt: {\r\n home: \"In\u00edcio\",\r\n portfolio: \"Portf\u00f3lio\",\r\n resultados: \"Resultados\",\r\n servicos: \"Servi\u00e7os\",\r\n processo: \"Processo\",\r\n sobre: \"Sobre\",\r\n faq: \"FAQ\",\r\n \"hero-title\": \"Edi\u00e7\u00e3o de V\u00eddeo Profissional<br>para Criadores de Conte\u00fado\",\r\n \"hero-subtitle\": \"Cansado de editores que atrasam entregas, usam B-roll gen\u00e9rico e entregam v\u00eddeos sem identidade? Trabalho com edi\u00e7\u00e3o profissional para YouTube, criadores de conte\u00fado e marcas que desejam v\u00eddeos mais envolventes, profissionais e com maior reten\u00e7\u00e3o.\",\r\n \"btn-orcamento\": \"Or\u00e7amento\",\r\n \"btn-portfolio\": \"Ver Portf\u00f3lio\",\r\n \"btn-contato\": \"Entrar em Contato\",\r\n \"portfolio-title\": \"Portf\u00f3lio\",\r\n \"portfolio-subtitle\": \"Projetos que entregaram resultados reais para meus clientes\",\r\n \"tab-long\": \"Conte\u00fado Longo\",\r\n \"tab-short\": \"Conte\u00fado Curto\",\r\n \"tab-motion\": \"Motion Graphics\",\r\n \"processo-title\": \"Processo\",\r\n \"processo-subtitle\": \"Entenda cada etapa do seu projeto desde o in\u00edcio at\u00e9 a entrega\",\r\n \"sobre-title\": \"Sobre Mim\",\r\n \"porquee-title\": \"Por Que Escolher Meu Trabalho\",\r\n \"porquee-subtitle\": \"O que me diferencia no mercado\",\r\n \"faq-title\": \"D\u00favidas Frequentes\",\r\n \"faq-subtitle\": \"Respondendo \u00e0s quest\u00f5es mais comuns\",\r\n \"step1-title\": \"Envio dos Arquivos & Briefing\",\r\n \"step1-desc\": \"O cliente envia os arquivos, refer\u00eancias e instru\u00e7\u00f5es do projeto via Google Drive ou WeTransfer. Quanto mais detalhado o briefing, mais alinhado o resultado final ficar\u00e1 com a identidade do conte\u00fado.\",\r\n \"step2-title\": \"Organiza\u00e7\u00e3o & Prepara\u00e7\u00e3o\",\r\n \"step2-desc\": \"Todos os materiais s\u00e3o baixados, organizados e preparados para a edi\u00e7\u00e3o. Essa etapa garante um fluxo de trabalho mais eficiente, consistente e profissional durante toda a produ\u00e7\u00e3o.\",\r\n \"step3-title\": \"Edi\u00e7\u00e3o do V\u00eddeo\",\r\n \"step3-desc\": \"Aqui come\u00e7a o processo criativo. A edi\u00e7\u00e3o \u00e9 desenvolvida com foco em ritmo, reten\u00e7\u00e3o, storytelling e identidade visual, buscando transformar o conte\u00fado em um v\u00eddeo mais envolvente e profissional.\",\r\n \"step4-title\": \"Revis\u00e3o & Entrega Final\",\r\n \"step4-desc\": \"Ap\u00f3s a finaliza\u00e7\u00e3o, o v\u00eddeo \u00e9 enviado para an\u00e1lise. Caso necess\u00e1rio, ajustes s\u00e3o realizados dentro das revis\u00f5es inclusas. Com tudo aprovado, o pagamento \u00e9 realizado e o projeto \u00e9 conclu\u00eddo.\",\r\n \"benefit1-title\": \"Prazos Respeitados\",\r\n \"benefit1-desc\": \"Voc\u00ea pode contar comigo. Pontualidade \u00e9 profissionalismo, e isso \u00e9 n\u00e3o-negoci\u00e1vel.\",\r\n \"benefit2-title\": \"Qualidade Profissional\",\r\n \"benefit2-desc\": \"Cada projeto recebe a mesma aten\u00e7\u00e3o de uma ag\u00eancia, mas com a agilidade de um freelancer especializado.\",\r\n \"benefit3-title\": \"Foco em Resultados\",\r\n \"benefit3-desc\": \"N\u00e3o crio v\u00eddeos bonitos s\u00f3 por criar. Cada frame \u00e9 pensado para gerar convers\u00e3o e engajamento.\",\r\n \"benefit4-title\": \"Comunica\u00e7\u00e3o Clara\",\r\n \"benefit4-desc\": \"Voc\u00ea saber\u00e1 exatamente onde est\u00e1 seu projeto a cada etapa. Sem surpresas, s\u00f3 solu\u00e7\u00f5es.\",\r\n \"benefit5-title\": \"Revis\u00f5es Inclusas\",\r\n \"benefit5-desc\": \"At\u00e9 ficar perfeito. Trabalho contigo at\u00e9 que o resultado atenda suas expectativas completamente.\",\r\n \"benefit6-title\": \"Consultoria Estrat\u00e9gica\",\r\n \"benefit6-desc\": \"Sugiro melhorias baseadas em dados e experi\u00eancia para potencializar seus resultados.\",\r\n \"about-p1\": \"Ol\u00e1, sou Markovick! Desde 2013 trabalho com edi\u00e7\u00e3o de v\u00eddeo, aprimorando minhas habilidades em Premiere, Photoshop e After Effects para explorar todas as possibilidades criativas que essa \u00e1rea oferece.\",\r\n \"about-p2\": \"Al\u00e9m das artes visuais, tamb\u00e9m me envolvi com o marketing digital, especialmente em estrat\u00e9gias de crescimento no YouTube, ajudando criadores a expandirem sua presen\u00e7a online.\",\r\n \"about-p3\": \"Tenho uma vis\u00e3o anal\u00edtica que me permite entender o que funciona em cada projeto, sem perder de vista a criatividade. Acredito no poder das boas hist\u00f3rias, e busco sempre criar conte\u00fado impactante e inspirador.\",\r\n \"about-p4\": \"Se voc\u00ea est\u00e1 procurando algu\u00e9m apaixonado, com experi\u00eancia e uma abordagem estrat\u00e9gica para levar seu conte\u00fado a novos patamares, vamos conversar e criar algo incr\u00edvel juntos!\",\r\n \"faq-q1\": \"Voc\u00ea faz v\u00eddeo teste?\",\r\n \"faq-a1\": \"Sim. Antes de fecharmos qualquer pacote, voc\u00ea pode solicitar um v\u00eddeo teste remunerado. Assim, voc\u00ea avalia a qualidade da edi\u00e7\u00e3o, ritmo, storytelling e identidade do conte\u00fado antes de tomar qualquer decis\u00e3o.\",\r\n \"faq-q2\": \"Voc\u00ea trabalha com contrato?\",\r\n \"faq-a2\": \"Sim. Todo projeto pode ser formalizado em contrato para garantir mais seguran\u00e7a, clareza e organiza\u00e7\u00e3o para ambos os lados.\",\r\n \"faq-q3\": \"Voc\u00ea faz thumbnails, SEO ou gest\u00e3o de canal?\",\r\n \"faq-a3\": \"N\u00e3o. Meu foco \u00e9 exclusivamente edi\u00e7\u00e3o de v\u00eddeo estrat\u00e9gica para criadores de conte\u00fado e marcas. Dessa forma, toda a energia do projeto fica concentrada em entregar v\u00eddeos mais profissionais, envolventes e com maior reten\u00e7\u00e3o.\",\r\n \"faq-q4\": \"Voc\u00ea administra canais ou redes sociais?\",\r\n \"faq-a4\": \"N\u00e3o. O servi\u00e7o \u00e9 voltado apenas para edi\u00e7\u00e3o de v\u00eddeo. Isso permite manter um padr\u00e3o mais alto de qualidade, consist\u00eancia e agilidade nas entregas.\",\r\n \"faq-q5\": \"Voc\u00ea faz parceria ou sociedade com canais?\",\r\n \"faq-a5\": \"N\u00e3o trabalho com sociedade ou participa\u00e7\u00e3o em canais. Os projetos funcionam no modelo de presta\u00e7\u00e3o de servi\u00e7o profissional.\",\r\n \"faq-q6\": \"Voc\u00ea aceita permuta?\",\r\n \"faq-a6\": \"N\u00e3o trabalho com permuta. O foco \u00e9 manter uma parceria profissional, com prioridade total na qualidade, organiza\u00e7\u00e3o e prazos do projeto.\",\r\n \"faq-q7\": \"Voc\u00ea emite nota fiscal?\",\r\n \"faq-a7\": \"Sim. A emiss\u00e3o de nota fiscal est\u00e1 dispon\u00edvel para clientes no Brasil.\",\r\n \"faq-q8\": \"Quais s\u00e3o as formas de pagamento?\",\r\n \"faq-a8\": \"Os pagamentos podem ser feitos via Pix, PayPal ou Wise, facilitando tanto clientes nacionais quanto internacionais.\",\r\n \"faq-q9\": \"Voc\u00ea trabalha com clientes internacionais?\",\r\n \"faq-a9\": \"Sim. Trabalho com clientes do Brasil e tamb\u00e9m do exterior, com suporte para pagamentos internacionais via PayPal e Wise.\",\r\n \"faq-q10\": \"Preciso fechar um pacote para come\u00e7ar?\",\r\n \"faq-a10\": \"N\u00e3o. Podemos come\u00e7ar com um v\u00eddeo teste remunerado. Se fizer sentido para voc\u00ea e o resultado atender suas expectativas, seguimos para uma parceria cont\u00ednua.\",\r\n \"faq-q11\": \"Posso contratar v\u00eddeos avulsos?\",\r\n \"faq-a11\": \"Sim. Voc\u00ea pode contratar v\u00eddeos avulsos ou optar por pacotes mensais, dependendo da sua demanda de conte\u00fado.\",\r\n \"faq-q12\": \"Quantas revis\u00f5es est\u00e3o inclusas?\",\r\n \"faq-a12\": \"Cada v\u00eddeo inclui at\u00e9 2 rodadas de revis\u00f5es gratuitas para ajustes e refinamentos. Caso sejam necess\u00e1rias revis\u00f5es adicionais, ser\u00e1 cobrado um valor equivalente a 10% do valor do v\u00eddeo por rodada extra, limitado a at\u00e9 3 revis\u00f5es adicionais.\",\r\n \"faq-cta-title\": \"Vamos construir algo<br>extraordin\u00e1rio juntos.\",\r\n \"faq-cta-desc\": \"Envie uma mensagem e responderei em at\u00e9 24 horas<br>para discutir seu projeto e objetivos.\",\r\n \"resultados-title\": \"Resultados\",\r\n \"resultados-subtitle\": \"N\u00fameros reais que meus clientes conquistaram\",\r\n \"result1-title\": \"Canais gerenciados desde 2021\",\r\n \"result1-desc\": \"Todos com edi\u00e7\u00e3o personalizada e sob medida\",\r\n \"result2-title\": \"V\u00eddeos entregues em 2024\",\r\n \"result2-desc\": \"De cortes simples a projetos com motion design completo\",\r\n \"result3-title\": \"Clientes que voltam a contratar\",\r\n \"result3-desc\": \"Dados reais dos \u00faltimos 12 meses\",\r\n \"result4-title\": \"Anos de experi\u00eancia\",\r\n \"result4-desc\": \"Construindo e refinando excel\u00eancia em edi\u00e7\u00e3o de v\u00eddeo desde 2013\",\r\n \"servicos-title\": \"Servi\u00e7os\",\r\n \"servicos-subtitle\": \"Tudo o que voc\u00ea precisa para ter v\u00eddeos de qualidade profissional\",\r\n \"service1-title\": \"V\u00eddeos Longos para YouTube\",\r\n \"service1-desc\": \"Edi\u00e7\u00e3o profissional para v\u00eddeos de YouTube com foco em ritmo, reten\u00e7\u00e3o, storytelling e experi\u00eancia visual para criadores de conte\u00fado e marcas.\",\r\n \"service2-title\": \"Conte\u00fado Vertical\",\r\n \"service2-desc\": \"Edi\u00e7\u00e3o de v\u00eddeos para Reels, TikTok e YouTube Shorts com cortes din\u00e2micos, legendas, motion graphics e foco em reten\u00e7\u00e3o.\",\r\n \"service3-title\": \"Motion Graphics 2D\",\r\n \"service3-desc\": \"Cria\u00e7\u00e3o de anima\u00e7\u00f5es e v\u00eddeos explicativos para sites, marcas, an\u00fancios e apresenta\u00e7\u00f5es com visual moderno e profissional.\",\r\n \"footer-hours\": \"Hor\u00e1rio de Funcionamento\",\r\n \"footer-hours-desc\": \"De segunda a s\u00e1bado 08:00 \u00e0s 18:00 (Bras\u00edlia)\",\r\n \"footer-social\": \"Redes Sociais\",\r\n \"footer-contact\": \"Contato\",\r\n \"footer-payment\": \"Formas de Pagamento\",\r\n \"footer-info\": \"Informa\u00e7\u00f5es\",\r\n \"notif1\": \"Restam apenas 3 vagas para\",\r\n \"notif2\": \"Restam apenas 2 vagas para\",\r\n \"notif3\": \"\u00daltima vaga dispon\u00edvel para\",\r\n \"notif-days\": \"Faltam\"\r\n },\r\n en: {\r\n home: \"Home\",\r\n portfolio: \"Portfolio\",\r\n resultados: \"Results\",\r\n servicos: \"Services\",\r\n processo: \"Process\",\r\n sobre: \"About\",\r\n faq: \"FAQ\",\r\n \"hero-title\": \"Professional Video Editing<br>for Content Creators<br>\",\r\n \"hero-subtitle\": \"Tired of editors who miss deadlines, use generic B-roll, and deliver videos without personality? I work with professional editing for YouTube, content creators, and brands that want more engaging, polished videos with higher retention.\",\r\n \"btn-orcamento\": \"Get a Quote\",\r\n \"btn-portfolio\": \"View Portfolio\",\r\n \"btn-contato\": \"Contact\",\r\n \"portfolio-title\": \"Portfolio\",\r\n \"portfolio-subtitle\": \"Projects that delivered real results for my clients\",\r\n \"tab-long\": \"Long-form Content\",\r\n \"tab-short\": \"Short Content\",\r\n \"tab-motion\": \"Motion Graphics\",\r\n \"processo-title\": \"Workflow\",\r\n \"processo-subtitle\": \"Understand each stage of your project from start to finish\",\r\n \"sobre-title\": \"About Me\",\r\n \"porquee-title\": \"Why Choose My Work\",\r\n \"porquee-subtitle\": \"What sets me apart in the market\",\r\n \"faq-title\": \"Frequently Asked Questions\",\r\n \"faq-subtitle\": \"Answering the most common questions\",\r\n \"step1-title\": \"Send Files & Briefing\",\r\n \"step1-desc\": \"The client sends the files, references, and project instructions via Google Drive or WeTransfer. The more detailed the briefing, the more aligned the final result will be with your content identity.\",\r\n \"step2-title\": \"Organization & Preparation\",\r\n \"step2-desc\": \"All materials are downloaded, organized, and prepared for editing. This stage ensures a more efficient, consistent, and professional workflow throughout the entire production.\",\r\n \"step3-title\": \"Video Editing\",\r\n \"step3-desc\": \"Here begins the creative process. The editing is developed with focus on rhythm, retention, storytelling, and visual identity, transforming your content into a more engaging and professional video.\",\r\n \"step4-title\": \"Review & Final Delivery\",\r\n \"step4-desc\": \"After completion, the video is sent for review. If necessary, adjustments are made within the included revisions. With everything approved, payment is processed and the project is finished.\",\r\n \"benefit1-title\": \"Deadlines Met\",\r\n \"benefit1-desc\": \"You can count on me. Punctuality is professionalism, and that's non-negotiable.\",\r\n \"benefit2-title\": \"Professional Quality\",\r\n \"benefit2-desc\": \"Each project receives the same attention as an agency, but with the agility of a specialized freelancer.\",\r\n \"benefit3-title\": \"Results Focused\",\r\n \"benefit3-desc\": \"I don't create beautiful videos just for the sake of it. Every frame is designed to drive conversion and engagement.\",\r\n \"benefit4-title\": \"Clear Communication\",\r\n \"benefit4-desc\": \"You'll know exactly where your project stands at each stage. No surprises, just solutions.\",\r\n \"benefit5-title\": \"Revisions Included\",\r\n \"benefit5-desc\": \"Until it's perfect. I work with you until the result meets your expectations completely.\",\r\n \"benefit6-title\": \"Strategic Consulting\",\r\n \"benefit6-desc\": \"I suggest improvements based on data and experience to maximize your results.\",\r\n \"about-p1\": \"Hi, I'm Markovick! Since 2013 I've been working with video editing, refining my skills in Premiere, Photoshop, and After Effects to explore all the creative possibilities this area offers.\",\r\n \"about-p2\": \"Beyond visual arts, I've also gotten involved with digital marketing, especially YouTube growth strategies, helping creators expand their online presence.\",\r\n \"about-p3\": \"I have an analytical mindset that allows me to understand what works in each project without losing sight of creativity. I believe in the power of good storytelling, and I always seek to create impactful and inspiring content.\",\r\n \"about-p4\": \"If you're looking for someone passionate, experienced, and with a strategic approach to take your content to new heights, let's talk and create something amazing together!\",\r\n \"faq-q1\": \"Do you create test videos?\",\r\n \"faq-a1\": \"Yes. Before finalizing any package, you can request a paid test video. This way, you can evaluate the editing quality, rhythm, storytelling, and content identity before making any decision.\",\r\n \"faq-q2\": \"Do you work with contracts?\",\r\n \"faq-a2\": \"Yes. Any project can be formalized in a contract to ensure more security, clarity, and organization for both parties.\",\r\n \"faq-q3\": \"Do you do thumbnails, SEO, or channel management?\",\r\n \"faq-a3\": \"No. My focus is exclusively on strategic video editing for content creators and brands. This way, all project energy goes into delivering more professional, engaging videos with higher retention.\",\r\n \"faq-q4\": \"Do you manage channels or social media?\",\r\n \"faq-a4\": \"No. The service is focused only on video editing. This allows me to maintain a higher standard of quality, consistency, and delivery speed.\",\r\n \"faq-q5\": \"Do you do partnerships or channel ownership?\",\r\n \"faq-a5\": \"I don't work with partnerships or channel ownership. Projects operate on a professional service model.\",\r\n \"faq-q6\": \"Do you accept barter?\",\r\n \"faq-a6\": \"I don't work with barter. The focus is maintaining a professional partnership with total priority on quality, organization, and project deadlines.\",\r\n \"faq-q7\": \"Do you issue invoices?\",\r\n \"faq-a7\": \"Yes. Invoice issuance is available for clients in Brazil.\",\r\n \"faq-q8\": \"What are the payment methods?\",\r\n \"faq-a8\": \"Payments can be made via Pix, PayPal, or Wise, making it easy for both domestic and international clients.\",\r\n \"faq-q9\": \"Do you work with international clients?\",\r\n \"faq-a9\": \"Yes. I work with clients from Brazil and abroad, with support for international payments via PayPal and Wise.\",\r\n \"faq-q10\": \"Do I need to close a package to get started?\",\r\n \"faq-a10\": \"No. We can start with a paid test video. If it makes sense for you and the result meets your expectations, we move forward to a continuous partnership.\",\r\n \"faq-q11\": \"Can I hire individual videos?\",\r\n \"faq-a11\": \"Yes. You can hire individual videos or opt for monthly packages, depending on your content demand.\",\r\n \"faq-q12\": \"How many revisions are included?\",\r\n \"faq-a12\": \"Each video includes up to 2 free revision rounds for adjustments and refinements. If additional revisions are needed, a fee equivalent to 10% of the video value per extra round will be charged, limited to up to 3 additional revisions.\",\r\n \"faq-cta-title\": \"Let's build something<br>extraordinary together.\",\r\n \"faq-cta-desc\": \"Send me a message and I'll respond within 24 hours<br>to discuss your project and goals.\",\r\n \"resultados-title\": \"Results\",\r\n \"resultados-subtitle\": \"Real numbers my clients have achieved\",\r\n \"result1-title\": \"Channels managed since 2021\",\r\n \"result1-desc\": \"All with personalized and custom editing\",\r\n \"result2-title\": \"Videos delivered in 2024\",\r\n \"result2-desc\": \"From simple cuts to full motion design projects\",\r\n \"result3-title\": \"Clients who return to hire\",\r\n \"result3-desc\": \"Real data from the last 12 months\",\r\n \"result4-title\": \"Years of experience\",\r\n \"result4-desc\": \"Building and refining excellence in video editing since 2013\",\r\n \"servicos-title\": \"Services\",\r\n \"servicos-subtitle\": \"Everything you need for professional quality videos\",\r\n \"service1-title\": \"Long-form YouTube Videos\",\r\n \"service1-desc\": \"Professional editing for YouTube videos with focus on rhythm, retention, storytelling, and visual experience for content creators and brands.\",\r\n \"service2-title\": \"Vertical Content\",\r\n \"service2-desc\": \"Video editing for Reels, TikTok, and YouTube Shorts with dynamic cuts, captions, motion graphics, and retention focus.\",\r\n \"service3-title\": \"2D Motion Graphics\",\r\n \"service3-desc\": \"Creating animations and explainer videos for websites, brands, ads, and presentations with modern and professional visuals.\",\r\n \"footer-hours\": \"Business Hours\",\r\n \"footer-hours-desc\": \"Monday to Saturday 08:00 to 18:00 (Bras\u00edlia)\",\r\n \"footer-social\": \"Social Media\",\r\n \"footer-contact\": \"Contact\",\r\n \"footer-payment\": \"Payment Methods\",\r\n \"footer-info\": \"Information\",\r\n \"notif1\": \"Only 3 spots left for\",\r\n \"notif2\": \"Only 2 spots left for\",\r\n \"notif3\": \"Last spot available for\",\r\n \"notif-days\": \"There are\"\r\n }\r\n };\r\n\r\n class LanguageManager {\r\n constructor() {\r\n this.currentLanguage = localStorage.getItem('language') || 'en';\r\n this.init();\r\n }\r\n\r\n init() {\r\n this.setupEventListeners();\r\n this.setLanguage(this.currentLanguage);\r\n }\r\n\r\n setupEventListeners() {\r\n const langButtons = document.querySelectorAll('.lang-btn');\r\n langButtons.forEach(button => {\r\n button.addEventListener('click', (e) => {\r\n const lang = e.target.getAttribute('data-lang');\r\n this.setLanguage(lang);\r\n });\r\n });\r\n }\r\n\r\n setLanguage(lang) {\r\n if (!translations[lang]) return;\r\n \r\n this.currentLanguage = lang;\r\n localStorage.setItem('language', lang);\r\n \r\n \/\/ Atualizar classe ativa do bot\u00e3o\r\n document.querySelectorAll('.lang-btn').forEach(btn => {\r\n btn.classList.remove('active');\r\n if (btn.getAttribute('data-lang') === lang) {\r\n btn.classList.add('active');\r\n }\r\n });\r\n\r\n \/\/ Atualizar idioma da p\u00e1gina\r\n document.documentElement.lang = lang;\r\n\r\n \/\/ Traduzir todos os elementos\r\n this.translatePage(lang);\r\n }\r\n\r\n translatePage(lang) {\r\n const elements = document.querySelectorAll('[data-i18n], [data-i18n-html]');\r\n \r\n elements.forEach(element => {\r\n const key = element.getAttribute('data-i18n') || element.getAttribute('data-i18n-html');\r\n \r\n if (translations[lang][key]) {\r\n if (element.getAttribute('data-i18n-html')) {\r\n element.innerHTML = translations[lang][key];\r\n } else {\r\n element.textContent = translations[lang][key];\r\n }\r\n }\r\n });\r\n }\r\n }\r\n\r\n \/\/ ============================================\r\n \/\/ SISTEMA DE COOKIES \/ LGPD\r\n \/\/ ============================================\r\n class CookieConsentManager {\r\n constructor() {\r\n this.banner = document.getElementById('cookiesBanner');\r\n this.acceptBtn = document.getElementById('cookiesAccept');\r\n this.declineBtn = document.getElementById('cookiesDecline');\r\n this.cookieKey = 'cookieConsent';\r\n this.cookieDuration = 365; \/\/ dias\r\n\r\n this.init();\r\n }\r\n\r\n init() {\r\n if (this.hasConsent()) {\r\n this.hideBanner();\r\n return;\r\n }\r\n\r\n this.acceptBtn.addEventListener('click', () => this.acceptCookies());\r\n this.declineBtn.addEventListener('click', () => this.declineCookies());\r\n }\r\n\r\n hasConsent() {\r\n return localStorage.getItem(this.cookieKey);\r\n }\r\n\r\n acceptCookies() {\r\n this.setCookie(this.cookieKey, 'accepted', this.cookieDuration);\r\n this.hideBanner();\r\n this.unlockAudio();\r\n this.loadAnalytics();\r\n }\r\n\r\n declineCookies() {\r\n this.setCookie(this.cookieKey, 'declined', this.cookieDuration);\r\n this.hideBanner();\r\n this.unlockAudio();\r\n }\r\n\r\n unlockAudio() {\r\n \/\/ Desbloquear \u00e1udio ao primeiro clique\r\n const unlockAudioContext = () => {\r\n try {\r\n const audioContext = new (window.AudioContext || window.webkitAudioContext)();\r\n const oscillator = audioContext.createOscillator();\r\n const gainNode = audioContext.createGain();\r\n \r\n gainNode.gain.setValueAtTime(0, audioContext.currentTime);\r\n oscillator.connect(gainNode);\r\n gainNode.connect(audioContext.destination);\r\n oscillator.start(0);\r\n oscillator.stop(0.001);\r\n \r\n console.log('\u00c1udio desbloqueado');\r\n } catch (e) {\r\n console.log('\u00c1udio j\u00e1 desbloqueado ou indispon\u00edvel');\r\n }\r\n \r\n \/\/ Remover listener ap\u00f3s primeira ativa\u00e7\u00e3o\r\n document.removeEventListener('click', unlockAudioContext);\r\n };\r\n \r\n document.addEventListener('click', unlockAudioContext);\r\n }\r\n\r\n setCookie(name, value, days) {\r\n const date = new Date();\r\n date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));\r\n const expires = `expires=${date.toUTCString()}`;\r\n localStorage.setItem(name, value);\r\n }\r\n\r\n hideBanner() {\r\n this.banner.classList.add('hide');\r\n setTimeout(() => {\r\n this.banner.style.display = 'none';\r\n }, 300);\r\n }\r\n\r\n loadAnalytics() {\r\n \/\/ Adicionar aqui scripts de analytics (Google Analytics, Facebook Pixel, etc)\r\n console.log('Analytics ativado');\r\n }\r\n }\r\n\r\n \/\/ ============================================\r\n \/\/ INICIALIZAR SISTEMAS\r\n \/\/ ============================================\r\n document.addEventListener('DOMContentLoaded', () => {\r\n \/\/ Iniciar sistema de idiomas PRIMEIRO\r\n new LanguageManager();\r\n \r\n \/\/ Iniciar sistema de notifica\u00e7\u00f5es\r\n new PremiumNotificationSystem();\r\n \r\n \/\/ Iniciar sistema de cookies\r\n new CookieConsentManager();\r\n\r\n \/\/ ============================================\r\n \/\/ ============================================\r\n \/\/ COUNTER ANIMATION\r\n \/\/ ============================================\r\n const resultNumbers = document.querySelectorAll('.result-number[data-target]');\r\n let hasAnimated = false;\r\n\r\n const animateCounters = () => {\r\n if (hasAnimated) return;\r\n hasAnimated = true;\r\n\r\n resultNumbers.forEach(element => {\r\n const target = parseInt(element.getAttribute('data-target'));\r\n const suffix = element.getAttribute('data-suffix') || '';\r\n const duration = 2000; \/\/ 2 segundos\r\n const start = Date.now();\r\n\r\n const updateCounter = () => {\r\n const now = Date.now();\r\n const progress = Math.min((now - start) \/ duration, 1);\r\n const current = Math.floor(progress * target);\r\n \r\n if (current === 0 && target > 0) {\r\n element.textContent = '+' + current + suffix;\r\n } else {\r\n element.textContent = (current === 0 && suffix) ? '0' + suffix : '+' + current + suffix;\r\n }\r\n\r\n if (progress < 1) {\r\n requestAnimationFrame(updateCounter);\r\n } else {\r\n element.textContent = '+' + target + suffix;\r\n }\r\n };\r\n\r\n updateCounter();\r\n });\r\n };\r\n\r\n \/\/ Disparar anima\u00e7\u00e3o quando a se\u00e7\u00e3o fica vis\u00edvel\r\n const resultadosSection = document.querySelector('#resultados');\r\n const counterObserver = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting && !hasAnimated) {\r\n animateCounters();\r\n counterObserver.unobserve(entry.target);\r\n }\r\n });\r\n }, { threshold: 0.5 });\r\n\r\n if (resultadosSection) {\r\n counterObserver.observe(resultadosSection);\r\n }\r\n\r\n \/\/ ============================================\r\n \/\/ PORTFOLIO TABS\r\n \/\/ ============================================\r\n const tabButtons = document.querySelectorAll('.tab-button');\r\n const tabContents = document.querySelectorAll('.tab-content');\r\n\r\n tabButtons.forEach(button => {\r\n button.addEventListener('click', () => {\r\n const tabName = button.getAttribute('data-tab');\r\n\r\n \/\/ Remove active de todos os bot\u00f5es e abas\r\n tabButtons.forEach(btn => btn.classList.remove('active'));\r\n tabContents.forEach(content => content.classList.remove('active'));\r\n\r\n \/\/ Adiciona active no bot\u00e3o clicado e conte\u00fado correspondente\r\n button.classList.add('active');\r\n document.getElementById(tabName).classList.add('active');\r\n\r\n \/\/ Retrigger anima\u00e7\u00f5es dos items vis\u00edveis\r\n const visibleItems = document.querySelector(`#${tabName}`).querySelectorAll('.portfolio-item, .portfolio-item-short');\r\n visibleItems.forEach((item, index) => {\r\n item.style.opacity = '0';\r\n item.style.transform = 'translateY(40px)';\r\n item.style.animation = `fadeInUp 0.6s ease-out ${0.3 + index * 0.05}s forwards`;\r\n });\r\n });\r\n });\r\n\r\n \/\/ ============================================\r\n \/\/ FAQ ACCORDION\r\n \/\/ ============================================\r\n const faqItems = document.querySelectorAll('.faq-item');\r\n \r\n faqItems.forEach(item => {\r\n item.addEventListener('click', () => {\r\n const isActive = item.classList.contains('active');\r\n \r\n \/\/ Fechar todos os outros\r\n faqItems.forEach(otherItem => {\r\n otherItem.classList.remove('active');\r\n });\r\n \r\n \/\/ Abrir\/fechar o clicado\r\n if (!isActive) {\r\n item.classList.add('active');\r\n }\r\n });\r\n });\r\n\r\n \/\/ ============================================\r\n \/\/ VIDEO MODAL\r\n \/\/ ============================================\r\n const videoModal = document.getElementById('videoModal');\r\n const videoFrame = document.getElementById('videoFrame');\r\n const youtubeLink = document.getElementById('youtubeLink');\r\n const closeVideoModal = document.getElementById('closeVideoModal');\r\n\r\n \/\/ Extrair ID do v\u00eddeo da URL (funciona com watch e shorts)\r\n function getVideoId(url) {\r\n \/\/ Padr\u00e3o para shorts: youtube.com\/shorts\/ID\r\n let shortMatch = url.match(\/youtube\\.com\\\/shorts\\\/([a-zA-Z0-9_-]{11})\/);\r\n if (shortMatch) {\r\n return shortMatch[1];\r\n }\r\n \r\n \/\/ Padr\u00e3o para v\u00eddeos normais\r\n const regExp = \/^.*(youtu.be\\\/|v\\\/|u\\\/\\w\\\/|embed\\\/|watch\\?v=|\\&v=)([^#\\&\\?]*).*\/;\r\n const match = url.match(regExp);\r\n return match && match[2].length === 11 ? match[2] : null;\r\n }\r\n\r\n \/\/ Adicionar clique em todos os links de portfolio\r\n document.querySelectorAll('.portfolio-item a, .portfolio-item-short a').forEach(link => {\r\n link.addEventListener('click', (e) => {\r\n e.preventDefault();\r\n const youtubeUrl = link.href;\r\n const videoId = getVideoId(youtubeUrl);\r\n const isMobile = window.innerWidth <= 768;\r\n\r\n if (videoId) {\r\n if (isMobile) {\r\n \/\/ Mobile: reproduzir inline no lugar da miniatura\r\n const thumbnail = link.querySelector('[class*=\"portfolio-thumb\"]');\r\n if (thumbnail) {\r\n \/\/ Obter dimens\u00f5es da miniatura\r\n const width = thumbnail.offsetWidth;\r\n const height = thumbnail.offsetHeight;\r\n \r\n \/\/ Criar iframe inline\r\n const iframe = document.createElement('iframe');\r\n iframe.src = `https:\/\/www.youtube.com\/embed\/${videoId}?autoplay=1`;\r\n iframe.style.width = width + 'px';\r\n iframe.style.height = height + 'px';\r\n iframe.style.border = 'none';\r\n iframe.style.borderRadius = '8px';\r\n iframe.frameborder = '0';\r\n iframe.allow = 'accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture';\r\n iframe.allowFullscreen = true;\r\n \r\n \/\/ Substituir miniatura pelo iframe\r\n thumbnail.replaceWith(iframe);\r\n }\r\n } else {\r\n \/\/ Desktop: modal como antes\r\n videoFrame.src = `https:\/\/www.youtube.com\/embed\/${videoId}?autoplay=1`;\r\n youtubeLink.href = youtubeUrl;\r\n videoModal.classList.add('show');\r\n document.body.style.overflow = 'hidden';\r\n }\r\n }\r\n });\r\n });\r\n\r\n \/\/ Fechar modal\r\n closeVideoModal.addEventListener('click', () => {\r\n videoModal.classList.remove('show');\r\n videoFrame.src = '';\r\n document.body.style.overflow = 'auto';\r\n });\r\n\r\n \/\/ Fechar ao clicar fora do v\u00eddeo\r\n videoModal.addEventListener('click', (e) => {\r\n if (e.target === videoModal) {\r\n videoModal.classList.remove('show');\r\n videoFrame.src = '';\r\n document.body.style.overflow = 'auto';\r\n }\r\n });\r\n\r\n \/\/ Fechar ao clicar fora do v\u00eddeo\r\n videoModal.addEventListener('click', (e) => {\r\n if (e.target === videoModal) {\r\n videoModal.classList.remove('show');\r\n videoFrame.src = '';\r\n document.body.style.overflow = 'auto';\r\n }\r\n });\r\n\r\n \/\/ ============================================\r\n \/\/ SMOOTH SCROLL NAVIGATION\r\n \/\/ ============================================\r\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n anchor.addEventListener('click', function (e) {\r\n const href = this.getAttribute('href');\r\n if (href !== '#') {\r\n e.preventDefault();\r\n const target = document.querySelector(href);\r\n if (target) {\r\n target.scrollIntoView({ behavior: 'smooth' });\r\n }\r\n }\r\n });\r\n });\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\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>Portf\u00f3lio de Edi\u00e7\u00e3o de V\u00eddeos \ud83c\uddfa\ud83c\uddf8 English \ud83c\udde7\ud83c\uddf7 Portugu\u00eas Home Portf\u00f3lio Resultados Servi\u00e7os Processo Sobre FAQ Edi\u00e7\u00e3o de V\u00eddeo Profissionalpara Criadores de Conte\u00fado Cansado de editores que atrasam entregas, usam B-roll gen\u00e9rico e entregam v\u00eddeos sem identidade? Trabalho com edi\u00e7\u00e3o profissional para YouTube, criadores de conte\u00fado e marcas que desejam v\u00eddeos mais envolventes, profissionais e […]<\/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-7","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/markovick.com\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/markovick.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/markovick.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/markovick.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/markovick.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":1486,"href":"https:\/\/markovick.com\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":1520,"href":"https:\/\/markovick.com\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/1520"}],"wp:attachment":[{"href":"https:\/\/markovick.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}