{"id":14,"date":"2025-05-28T22:15:18","date_gmt":"2025-05-28T22:15:18","guid":{"rendered":"https:\/\/nocontroleemocional.com\/videoeditor\/?page_id=14"},"modified":"2025-06-04T11:14:10","modified_gmt":"2025-06-04T11:14:10","slug":"elementor-14","status":"publish","type":"page","link":"https:\/\/nocontroleemocional.com\/videoeditor\/","title":{"rendered":"PORTIFOLIO"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Hero Section<\/title>\r\n\r\n <!-- Fontes -->\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Stardos+Stencil:wght@700&display=swap\" rel=\"stylesheet\">\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins&display=swap\" rel=\"stylesheet\">\r\n\r\n <style>\r\n html, body {\r\n margin: 0;\r\n padding: 0;\r\n overflow-x: hidden;\r\n height: 100%;\r\n width: 100%;\r\n font-family: 'Stardos Stencil', sans-serif;\r\n color: white;\r\n }\r\n\r\n .background-video {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100vw;\r\n height: 100vh;\r\n object-fit: cover;\r\n z-index: -1;\r\n opacity: 0.1;\r\n pointer-events: none;\r\n }\r\n\r\n section.hero {\r\n height: 100vh;\r\n width: 100vw;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n text-align: center;\r\n padding: 0 20px;\r\n background: transparent;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .hero h1.fixed-title {\r\n font-size: 6.5rem;\r\n color: #f63b0a;\r\n text-transform: uppercase;\r\n margin: 0;\r\n letter-spacing: 4px;\r\n animation: glowPulse 2.5s infinite ease-in-out;\r\n }\r\n\r\n @keyframes glowPulse {\r\n 0% { text-shadow: 0 0 5px #f63b0a, 0 0 10px #f63b0a; }\r\n 50% { text-shadow: 0 0 15px #ff7733, 0 0 25px #ff7733; }\r\n 100% { text-shadow: 0 0 5px #f63b0a, 0 0 10px #f63b0a; }\r\n }\r\n\r\n #typing-text {\r\n font-size: 3rem;\r\n font-weight: bold;\r\n margin-top: 10px;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n animation: pulseGlow 2.5s infinite ease-in-out;\r\n color: #f63b0a;\r\n text-shadow: 0 0 8px #ff5c00, 0 0 16px #ff5c00;\r\n }\r\n\r\n .typed-word {\r\n color: #f63b0a;\r\n font-family: 'Poppins', sans-serif;\r\n font-weight: bold;\r\n }\r\n\r\n .typed-word::after {\r\n content: '|';\r\n animation: blink 0.8s infinite;\r\n margin-left: 5px;\r\n color: #f63b0a;\r\n }\r\n\r\n @keyframes pulseGlow {\r\n 0% { transform: scale(1); text-shadow: 0 0 5px #fff, 0 0 10px #ff5c00; }\r\n 50% { transform: scale(1.05); text-shadow: 0 0 15px #ff5c00, 0 0 25px #ff5c00; }\r\n 100% { transform: scale(1); text-shadow: 0 0 5px #fff, 0 0 10px #ff5c00; }\r\n }\r\n\r\n @keyframes blink {\r\n 0%, 100% { opacity: 1; }\r\n 50% { opacity: 0; }\r\n }\r\n\r\n .hero p.description {\r\n font-family: 'Poppins', sans-serif;\r\n font-size: 1rem;\r\n color: #ccc;\r\n margin-top: 30px;\r\n max-width: 600px;\r\n line-height: 1.6;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .hero h1.fixed-title {\r\n font-size: 2.4rem; \/* menor que antes *\/\r\n letter-spacing: 1.5px;\r\n line-height: 1.1;\r\n word-break: break-word;\r\n max-width: 90vw;\r\n }\r\n\r\n\r\n #typing-text {\r\n font-size: 1.4rem;\r\n letter-spacing: 1px;\r\n margin-top: 8px;\r\n font-weight: bold;\r\n text-shadow: 0 0 10px #ff5c00, 0 0 20px #ff5c00;\r\n color: #f63b0a;\r\n }\r\n\r\n .hero p.description {\r\n font-size: 0.95rem;\r\n padding: 0 10px;\r\n }\r\n\r\n .typed-word::after {\r\n color: #f63b0a;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n <!-- \ud83c\udfa5 V\u00eddeo de fundo -->\r\n <video autoplay muted loop playsinline class=\"background-video\">\r\n <source src=\"https:\/\/nocontroleemocional.com\/audios\/videos\/open.mp4\" type=\"video\/mp4\">\r\n Seu navegador n\u00e3o suporta v\u00eddeo HTML5.\r\n <\/video>\r\n\r\n <section class=\"hero\">\r\n <h1 class=\"fixed-title\">Creative<\/h1>\r\n\r\n <div id=\"typing-text\">\r\n <span class=\"typed-word\"><\/span>\r\n <\/div>\r\n\r\n <p class=\"description\">\r\n Crafting visual stories across screens <\/p> and timelines.\r\n <\/p>\r\n <p class=\"description\">\r\n Focused on Digital Marketing and <\/p> user-first strategies.\r\n <\/p>\r\n <\/section>\r\n\r\n <script>\r\n const words = ['Web Designer', 'Video Editor', 'UI\/UX Thinker', 'Story Builder'];\r\n let i = 0;\r\n let timer;\r\n\r\n function typingEffect() {\r\n const word = words[i].split(\"\");\r\n const span = document.querySelector(\".typed-word\");\r\n span.textContent = \"\";\r\n\r\n function loopTyping() {\r\n if (word.length > 0) {\r\n span.textContent += word.shift();\r\n timer = setTimeout(loopTyping, 100);\r\n } else {\r\n setTimeout(eraseEffect, 2000);\r\n }\r\n }\r\n loopTyping();\r\n }\r\n\r\n function eraseEffect() {\r\n const span = document.querySelector(\".typed-word\");\r\n const word = span.textContent.split(\"\");\r\n\r\n function loopErasing() {\r\n if (word.length > 0) {\r\n word.pop();\r\n span.textContent = word.join(\"\");\r\n timer = setTimeout(loopErasing, 50);\r\n } else {\r\n i = (i + 1) % words.length;\r\n typingEffect();\r\n }\r\n }\r\n loopErasing();\r\n }\r\n\r\n document.addEventListener(\"DOMContentLoaded\", typingEffect);\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ca2ee0a elementor-widget elementor-widget-html\" data-id=\"ca2ee0a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"about\">\r\n <!-- Curva decorativa com sombra -->\r\n <div class=\"wave-top\">\r\n <svg viewBox=\"0 0 1440 100\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path class=\"wave-path\" fill=\"#111\" d=\"M0,96L1440,0L1440,0L0,0Z\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n\r\n <div class=\"content fade-in\">\r\n <h2 class=\"glow\">ABOUT ME<\/h2>\r\n <p class=\"intro\">\r\n I\u2019m Jefferson Santos \u2014 I don\u2019t just create videos or design interfaces.<br>\r\n I help people and brands communicate emotion, story, and identity.\r\n <\/p>\r\n <p class=\"intro second\">\r\n With 15+ years blending video, sound, and strategy, I transform ideas into powerful digital experiences that connect with the soul \u2014 not just the screen.\r\n <\/p>\r\n <\/div>\r\n<\/section>\r\n\r\n<style>\r\n section.about {\r\n background: url('https:\/\/www.modoviva.com\/imagens\/mentor.png') no-repeat center center\/cover;\r\n padding: 120px 0;\r\n position: relative;\r\n }\r\n\r\n section.about::before {\r\n content: '';\r\n position: absolute;\r\n top: 0; left: 0;\r\n width: 100%; height: 100%;\r\n background: rgba(0, 0, 0, 0.8);\r\n z-index: 1;\r\n }\r\n\r\n .wave-top {\r\n position: absolute;\r\n top: -1px;\r\n left: 0;\r\n width: 100%;\r\n overflow: hidden;\r\n z-index: 2;\r\n pointer-events: none;\r\n }\r\n\r\n .wave-path {\r\n filter: drop-shadow(0 -5px 10px rgba(255, 77, 0, 0.25));\r\n }\r\n\r\n section.about .content {\r\n position: relative;\r\n z-index: 3;\r\n max-width: 800px;\r\n margin: 0 auto;\r\n padding: 0 20px;\r\n text-align: center;\r\n color: white;\r\n }\r\n\r\n h2.glow {\r\n font-family: 'Bebas Neue', sans-serif;\r\n font-size: 3.5rem;\r\n color: #ff4d00;\r\n text-shadow: 0 0 10px #ff4d00, 0 0 20px #ff4d00, 0 0 30px #ff4d00;\r\n animation: pulseGlow 2s infinite ease-in-out;\r\n margin-bottom: 30px;\r\n letter-spacing: 1px;\r\n }\r\n\r\n .intro {\r\n font-family: 'Poppins', sans-serif;\r\n font-size: 1.25rem;\r\n color: #ccc;\r\n line-height: 1.8;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .intro.second {\r\n color: #aaa;\r\n font-size: 1.1rem;\r\n font-weight: 300;\r\n }\r\n\r\n @keyframes pulseGlow {\r\n 0% {\r\n text-shadow: 0 0 10px #ff4d00, 0 0 20px #ff4d00, 0 0 30px #ff4d00;\r\n }\r\n 50% {\r\n text-shadow: 0 0 20px #ff4d00, 0 0 30px #ff4d00, 0 0 40px #ff4d00;\r\n }\r\n 100% {\r\n text-shadow: 0 0 10px #ff4d00, 0 0 20px #ff4d00, 0 0 30px #ff4d00;\r\n }\r\n }\r\n\r\n .fade-in {\r\n opacity: 0;\r\n transform: translateY(20px);\r\n animation: fadeInUp 1.2s ease forwards;\r\n }\r\n\r\n @keyframes fadeInUp {\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-820792c elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"820792c\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-06b0508\" data-id=\"06b0508\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-dc2e4c9 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"dc2e4c9\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-62518ae\" data-id=\"62518ae\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7114138 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7114138\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{"shape_divider_bottom":"triangle"}\">\n\t\t\t\t\t<div class=\"elementor-shape elementor-shape-bottom\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1000 100\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" d=\"M500,98.9L0,6.1V0h1000v6.1L500,98.9z\"\/>\n<\/svg>\t\t<\/div>\n\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a73cfb8\" data-id=\"a73cfb8\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0c66e68 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"0c66e68\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"video-slider-section\">\r\n <style>\r\n \/* ----- BASE DA SE\u00c7\u00c3O ----- *\/\r\n .video-slider-section{\r\n background:#000;\r\n padding:60px 20px;\r\n color:#fff;\r\n font-family:'Poppins',sans-serif;\r\n position:relative;\r\n }\r\n .video-slider-title{\r\n text-align:center;\r\n color:#E4560C;\r\n font-size:2.5rem;\r\n font-weight:bold;\r\n margin-bottom:40px;\r\n }\r\n\r\n \/* ----- MINI-CARD SHOWREEL ----- *\/\r\n .showreel-mini{\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:20px;\r\n max-width:600px;\r\n margin:0 auto 50px;\r\n }\r\n .showreel-thumbnail{\r\n width:160px;\r\n border-radius:12px;\r\n overflow:hidden;\r\n flex-shrink:0;\r\n box-shadow:0 0 10px rgba(246,59,10,.5);\r\n }\r\n .showreel-thumbnail img{\r\n width:100%;\r\n display:block;\r\n object-fit:cover;\r\n }\r\n .showreel-info h3{\r\n font-family:'Stardos Stencil',sans-serif;\r\n color:#F63B0A;\r\n font-size:1.6rem;\r\n margin:0 0 12px;\r\n letter-spacing:2px;\r\n }\r\n .watch-btn{\r\n display:inline-block;\r\n padding:8px 18px;\r\n font-size:.95rem;\r\n background:transparent;\r\n color:#F63B0A;\r\n border:2px solid #F63B0A;\r\n border-radius:8px;\r\n cursor:pointer;\r\n transition:.3s;\r\n }\r\n .watch-btn:hover{\r\n background:#F63B0A;\r\n color:#fff;\r\n }\r\n\r\n \/* ----- MODAL PLAYER ----- *\/\r\n .showreel-player{\r\n position:fixed;\r\n inset:0;\r\n background:rgba(0,0,0,.9);\r\n display:none;\r\n align-items:center;\r\n justify-content:center;\r\n z-index:9999;\r\n padding:20px;\r\n }\r\n .showreel-player.active{display:flex;}\r\n .showreel-player video{\r\n width:90%;\r\n max-width:900px;\r\n aspect-ratio:16\/9;\r\n border:none;\r\n border-radius:12px;\r\n background:#000;\r\n }\r\n .close-btn{\r\n position:absolute;\r\n top:20px;right:30px;\r\n font-size:2rem;\r\n color:#fff;\r\n cursor:pointer;\r\n font-weight:bold;\r\n line-height:1;\r\n }\r\n\r\n \/* ----- SLIDER ----- *\/\r\n .video-slider{\r\n display:flex;\r\n gap:20px;\r\n overflow:hidden;\r\n justify-content:center;\r\n transition:.3s;\r\n }\r\n .video-item{\r\n flex:1;\r\n border-radius:16px;\r\n overflow:hidden;\r\n box-shadow:0 4px 12px rgba(0,0,0,.5);\r\n cursor:pointer;\r\n transition:flex .5s;\r\n }\r\n .video-item iframe{\r\n width:100%;height:100%;\r\n aspect-ratio:16\/9;\r\n border:none;display:block;\r\n }\r\n .video-item:hover{flex:2.4;z-index:2;}\r\n\r\n \/* ----- RESPONSIVO ----- *\/\r\n @media(max-width:768px){\r\n .video-slider{flex-direction:column;}\r\n .video-item:hover{flex:1.5;}\r\n .showreel-mini{flex-direction:column;text-align:center;}\r\n .showreel-thumbnail{width:100%;}\r\n }\r\n <\/style>\r\n\r\n <!-- T\u00edtulo -->\r\n <h2 class=\"video-slider-title\">Video Projects<\/h2>\r\n\r\n <!-- Mini-card Showreel -->\r\n <div class=\"showreel-mini\">\r\n <div class=\"showreel-thumbnail\">\r\n <img decoding=\"async\" src=\"https:\/\/www.nocontroleemocional.com\/imagens\/imagem%20para%20tumb%20reels.png\"\r\n alt=\"Showreel Thumbnail\">\r\n <\/div>\r\n <div class=\"showreel-info\">\r\n <h3>SHOWREEL<\/h3>\r\n <button class=\"watch-btn\" onclick=\"openShowreel()\">Watch the Showreel<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Modal Player -->\r\n <div class=\"showreel-player\" id=\"showreelPlayer\">\r\n <span class=\"close-btn\" onclick=\"closeShowreel()\">\u00d7<\/span>\r\n <video id=\"showreelVideo\" controls><\/video>\r\n <\/div>\r\n\r\n <!-- Slider de v\u00eddeos -->\r\n <div class=\"video-slider\">\r\n <div class=\"video-item\"><iframe src=\"https:\/\/www.youtube.com\/embed\/fLg6m8VoLaQ\" title=\"Agency Models\"><\/iframe><\/div>\r\n <div class=\"video-item\"><iframe src=\"https:\/\/www.youtube.com\/embed\/UswMEtwX3mo\" title=\"Real Estate\"><\/iframe><\/div>\r\n <div class=\"video-item\"><iframe src=\"https:\/\/www.youtube.com\/embed\/CMDAI0iQNPY\" title=\"Wedding Video\"><\/iframe><\/div>\r\n <div class=\"video-item\"><iframe src=\"https:\/\/www.youtube.com\/embed\/Ghw7ssuKu-A\" title=\"Music Clip\"><\/iframe><\/div>\r\n <\/div>\r\n\r\n <script>\r\n function openShowreel(){\r\n const modal=document.getElementById('showreelPlayer');\r\n const vid =document.getElementById('showreelVideo');\r\n vid.src=\"https:\/\/www.nocontroleemocional.com\/audios\/videos\/SHOWREEL%20JEFFERSON%20SANTOS.mp4\";\r\n modal.classList.add('active');\r\n vid.play();\r\n }\r\n function closeShowreel(){\r\n const modal=document.getElementById('showreelPlayer');\r\n const vid =document.getElementById('showreelVideo');\r\n vid.pause(); vid.src=\"\";\r\n modal.classList.remove('active');\r\n }\r\n <\/script>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8715546 elementor-widget elementor-widget-html\" data-id=\"8715546\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Web Projects Section -->\r\n<section class=\"web-projects-section\">\r\n <style>\r\n .web-projects-section {\r\n background-color: #111;\r\n color: #fff;\r\n padding: 80px 20px;\r\n font-family: 'Poppins', sans-serif;\r\n }\r\n\r\n .section-header {\r\n text-align: center;\r\n margin-bottom: 50px;\r\n }\r\n\r\n .web-projects-title {\r\n font-size: 2.5rem;\r\n font-weight: bold;\r\n color: #E4560C;\r\n position: relative;\r\n display: inline-block;\r\n }\r\n\r\n .web-projects-title::before {\r\n content: \"\";\r\n position: absolute;\r\n bottom: -8px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 120%;\r\n height: 12px;\r\n background: radial-gradient(circle, #000 10%, transparent 70%);\r\n opacity: 0.3;\r\n z-index: -1;\r\n }\r\n\r\n .web-projects-content {\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 40px;\r\n }\r\n\r\n .project-image-wrapper {\r\n flex: 1 1 350px;\r\n max-width: 500px;\r\n overflow: hidden;\r\n perspective: 1000px;\r\n }\r\n\r\n .project-image {\r\n transform: rotate(-4deg);\r\n transition: transform 0.4s ease, box-shadow 0.4s ease;\r\n border-radius: 12px;\r\n box-shadow: 0 8px 20px rgba(228, 86, 12, 0.15);\r\n will-change: transform;\r\n }\r\n\r\n .project-image img {\r\n width: 100%;\r\n display: block;\r\n border-radius: 12px;\r\n }\r\n\r\n .project-image-wrapper:hover .project-image {\r\n transform: rotate(0deg) scale(1.05);\r\n box-shadow: 0 16px 30px rgba(228, 86, 12, 0.3);\r\n }\r\n\r\n .project-description {\r\n flex: 1 1 300px;\r\n max-width: 500px;\r\n font-size: 1rem;\r\n line-height: 1.6;\r\n }\r\n\r\n .project-description h3 {\r\n margin-bottom: 20px;\r\n font-size: 1.4rem;\r\n color: #E4560C;\r\n }\r\n\r\n .project-description ul {\r\n list-style: none;\r\n padding-left: 0;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .project-description li {\r\n margin-bottom: 10px;\r\n }\r\n\r\n .view-button {\r\n display: inline-block;\r\n background-color: #E4560C;\r\n color: #fff;\r\n padding: 10px 20px;\r\n text-decoration: none;\r\n font-weight: bold;\r\n border-radius: 6px;\r\n transition: background 0.3s ease;\r\n }\r\n\r\n .view-button:hover {\r\n background-color: #c1430a;\r\n }\r\n <\/style>\r\n\r\n <div class=\"section-header\">\r\n <h2 class=\"web-projects-title\">Web Projects<\/h2>\r\n <\/div>\r\n\r\n <div class=\"web-projects-content\">\r\n <div class=\"project-image-wrapper\" id=\"tiltBox\">\r\n <div class=\"project-image\" id=\"tiltImage\">\r\n <img decoding=\"async\" src=\"https:\/\/www.modoviva.com\/imagens\/PRINT%20SITE%202.png\" alt=\"Website Case\" \/>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"project-description\">\r\n <h3>Case Study: Wellness & Lifestyle Website<\/h3>\r\n <ul>\r\n <li><strong>Built with:<\/strong> WordPress + Elementor<\/li>\r\n <li><strong>Focus:<\/strong> Clean layout, fast performance, mobile-first design<\/li>\r\n <li><strong>Goal:<\/strong> Create a calming digital experience aligned with the brand<\/li>\r\n <li><strong>Approach:<\/strong> Strategic layout, smooth UX flow, aesthetic consistency<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/modoviva.com\/\" class=\"view-button\" target=\"_blank\">View Project<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n const tiltBox = document.getElementById('tiltBox');\r\n const tiltImage = document.getElementById('tiltImage');\r\n\r\n tiltBox.addEventListener('mousemove', (e) => {\r\n const boxRect = tiltBox.getBoundingClientRect();\r\n const x = e.clientX - boxRect.left;\r\n const y = e.clientY - boxRect.top;\r\n const centerX = boxRect.width \/ 2;\r\n const centerY = boxRect.height \/ 2;\r\n\r\n const rotateX = -(y - centerY) \/ 20;\r\n const rotateY = (x - centerX) \/ 20;\r\n\r\n tiltImage.style.transform = `rotateX(${rotateX}deg) rotateY(${rotateY}deg) scale(1.05)`;\r\n });\r\n\r\n tiltBox.addEventListener('mouseleave', () => {\r\n tiltImage.style.transform = 'rotate(-4deg)';\r\n });\r\n <\/script>\r\n \r\n <!-- \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 SCROLLREVEAL SCRIPT\r\n \r\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n<script src=\"https:\/\/unpkg.com\/scrollreveal\"><\/script>\r\n<script>\r\n ScrollReveal().reveal('.reveal', {\r\n origin: 'bottom',\r\n distance: '40px',\r\n duration: 800,\r\n delay: 200,\r\n easing: 'ease-out',\r\n interval: 150,\r\n reset: false\r\n });\r\n<\/script>\r\n\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-9dd1581 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"9dd1581\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0e8d60d\" data-id=\"0e8d60d\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-428c4cb elementor-widget__width-initial elementor-widget-mobile__width-initial elementor-widget elementor-widget-html\" data-id=\"428c4cb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 DIVISOR CURVO SUPERIOR \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n<div style=\"position: relative; top: 10px;\">\r\n <svg viewBox=\"0 0 1440 120\" style=\"display:block;width:100%;height:100px;\">\r\n <path fill=\"#0a0a0a\" d=\"M0,0 C480,120 960,0 1440,120 L1440,0 L0,0 Z\"><\/path>\r\n <\/svg>\r\n<\/div>\r\n\r\n<!-- \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 NEXT PROJECTS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n<section id=\"next-projects\" class=\"next-projects-section\">\r\n <div class=\"np-head\">\r\n <h2>Next Projects<\/h2>\r\n <p>These websites are currently under design and development<br>\u2014 stay tuned!<\/p>\r\n <\/div>\r\n\r\n <div class=\"next-projects-container\">\r\n <!-- CARD 1 -->\r\n <div class=\"project-card reveal\" style=\"--angle:-1deg\">\r\n <img decoding=\"async\" src=\"https:\/\/www.modoviva.com\/imagens\/TEMPLATE DIGITAL MARKETING.png\" alt=\"Digital Marketing Template\">\r\n <div class=\"overlay\">In Design Phase<\/div>\r\n <\/div>\r\n\r\n <!-- CARD 2 -->\r\n <div class=\"project-card reveal\" style=\"--angle:1deg\">\r\n <img decoding=\"async\" src=\"https:\/\/www.modoviva.com\/imagens\/TEMPLATE RECORDING.png\" alt=\"Recording Studio Template\">\r\n <div class=\"overlay\">UI Sketches Done<\/div>\r\n <\/div>\r\n\r\n <!-- CARD 3 -->\r\n <div class=\"project-card reveal\" style=\"--angle:-2deg\">\r\n <img decoding=\"async\" src=\"https:\/\/www.modoviva.com\/imagens\/TEMPLATEEMOTIONALMARKETING.png\" alt=\"Emotional Marketing Template\">\r\n <div class=\"overlay\">Wireframe Completed<\/div>\r\n <\/div>\r\n\r\n <!-- CARD 4 -->\r\n <div class=\"project-card reveal\" style=\"--angle:2deg\">\r\n <img decoding=\"async\" src=\"https:\/\/www.modoviva.com\/imagens\/TEMPLATEMENTALHEALTH.png\" alt=\"Mental Health Clinic Template\">\r\n <div class=\"overlay\">Prototype Coming Soon<\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 ESTILOS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n<style>\r\n .next-projects-section{\r\n background:#0a0a0a;\r\n padding:80px 0;\r\n width:100vw;\r\n overflow-x:hidden;\r\n }\r\n .np-head{text-align:center;margin-bottom:60px;padding:0 20px}\r\n .np-head h2{\r\n color:#E4560C;font-size:2.8rem;margin:.2em 0;\r\n text-shadow:2px 2px 8px rgba(255,165,0,.4)\r\n }\r\n .np-head p{color:#ccc;font-size:1.1rem;max-width:640px;margin:0 auto}\r\n\r\n .next-projects-container{\r\n display:flex;flex-wrap:wrap;justify-content:center;gap:30px;max-width:1200px;margin:0 auto;padding:0 40px\r\n }\r\n .project-card{\r\n position:relative;width:300px;overflow:hidden;border-radius:12px;\r\n box-shadow:0 0 10px rgba(255,165,0,.25);\r\n transform:rotate(var(--angle,0deg)) scale(.98);\r\n transition:.4s ease-in-out\r\n }\r\n .project-card img{display:block;width:100%;transition:.4s ease-in-out}\r\n .overlay{\r\n position:absolute;inset:0;display:flex;align-items:center;justify-content:center;\r\n background:rgba(10,10,10,.85);color:#FFA500;font-weight:600;font-size:1.05rem;\r\n opacity:0;backdrop-filter:blur(4px);transition:.4s ease\r\n }\r\n .project-card:hover{\r\n transform:scale(1.04) rotate(0deg);\r\n box-shadow:0 0 20px rgba(255,165,0,.4)\r\n }\r\n .project-card:hover img{transform:scale(1.1)}\r\n .project-card:hover .overlay{opacity:1}\r\n\r\n @media (max-width:640px){\r\n .np-head h2{font-size:2.1rem}\r\n .np-head p{font-size:.94rem;padding:0 10px}\r\n .project-card{\r\n width:90%;max-width:340px;margin:0 auto;transform:rotate(0deg) scale(.98)\r\n }\r\n .overlay{font-size:1rem}\r\n }\r\n<\/style>\r\n\r\n<!-- \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 SCROLLREVEAL SCRIPT \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n<script src=\"https:\/\/unpkg.com\/scrollreveal\"><\/script>\r\n<script>\r\n ScrollReveal().reveal('.reveal', {\r\n origin: 'bottom',\r\n distance: '40px',\r\n duration: 800,\r\n delay: 200,\r\n easing: 'ease-out',\r\n interval: 150,\r\n reset: false\r\n });\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2ec0c6d elementor-widget elementor-widget-html\" data-id=\"2ec0c6d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Audio Projects Section -->\r\n<section id=\"audio-projects\" style=\"position: relative; padding: 100px 0; background-color: #0a0a0a; overflow: hidden;\">\r\n <!-- Background Video -->\r\n <video autoplay muted loop playsinline style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0.15; z-index: 0;\">\r\n <source src=\"https:\/\/nocontroleemocional.com\/audios\/videos\/mixing.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n\r\n <!-- Overlay Content -->\r\n <div style=\"position: relative; z-index: 2; text-align: center; color: white;\">\r\n <h2 style=\"font-size: 2.8em; color: #E4560C; margin-bottom: 10px; text-shadow: 2px 2px 8px rgba(255,165,0,0.4);\">Audio Projects<\/h2>\r\n <p style=\"color: #ccc; font-size: 1.1em; margin-bottom: 40px;\">Listen with headphones for the best experience.<\/p>\r\n\r\n <div style=\"display: flex; flex-wrap: wrap; justify-content: center; gap: 30px; padding: 0 20px; max-width: 1200px; margin: 0 auto;\">\r\n\r\n <!-- Card Template -->\r\n <div class=\"audio-card\" style=\"background-color: rgba(255, 255, 255, 0.05); padding: 20px; border-radius: 16px; box-shadow: 0 0 15px rgba(255,165,0,0.2); width: 300px; backdrop-filter: blur(6px);\">\r\n <h3 style=\"color: #FFA500; margin-bottom: 12px;\">Music 01<\/h3>\r\n <p style=\"margin-bottom: 8px; color: #eee;\">Before<\/p>\r\n <audio controls style=\"width: 100%; margin-bottom: 12px;\">\r\n <source src=\"https:\/\/nocontroleemocional.com\/audios\/ANTES-james-may.mp3\" type=\"audio\/mp3\">\r\n <\/audio>\r\n <p style=\"margin-bottom: 8px; color: #eee;\">After<\/p>\r\n <audio controls style=\"width: 100%; margin-bottom: 12px;\">\r\n <source src=\"https:\/\/nocontroleemocional.com\/audios\/DEPOIS-james-may.mp3\" type=\"audio\/mp3\">\r\n <\/audio>\r\n <p style=\"margin-bottom: 8px; color: #eee;\">Master<\/p>\r\n <audio controls style=\"width: 100%;\">\r\n <source src=\"https:\/\/nocontroleemocional.com\/audios\/MASTER-james-may.mp3\" type=\"audio\/mp3\">\r\n <\/audio>\r\n <\/div>\r\n\r\n <!-- Copy the above .audio-card and change content for other musics -->\r\n <div class=\"audio-card\" style=\"background-color: rgba(255, 255, 255, 0.05); padding: 20px; border-radius: 16px; box-shadow: 0 0 15px rgba(255,165,0,0.2); width: 300px; backdrop-filter: blur(6px);\">\r\n <h3 style=\"color: #FFA500; margin-bottom: 12px;\">Music 02<\/h3>\r\n <p style=\"margin-bottom: 8px; color: #eee;\">Before<\/p>\r\n <audio controls style=\"width: 100%; margin-bottom: 12px;\">\r\n <source src=\"https:\/\/nocontroleemocional.com\/audios\/ANTES-Jesseloy.mp3\" type=\"audio\/mp3\">\r\n <\/audio>\r\n <p style=\"margin-bottom: 8px; color: #eee;\">After<\/p>\r\n <audio controls style=\"width: 100%; margin-bottom: 12px;\">\r\n <source src=\"https:\/\/nocontroleemocional.com\/audios\/DEPOIS-Jesseloy.mp3\" type=\"audio\/mp3\">\r\n <\/audio>\r\n <p style=\"margin-bottom: 8px; color: #eee;\">Master<\/p>\r\n <audio controls style=\"width: 100%;\">\r\n <source src=\"https:\/\/nocontroleemocional.com\/audios\/MASTER-Jesseloy.mp3\" type=\"audio\/mp3\">\r\n <\/audio>\r\n <\/div>\r\n\r\n <div class=\"audio-card\" style=\"background-color: rgba(255, 255, 255, 0.05); padding: 20px; border-radius: 16px; box-shadow: 0 0 15px rgba(255,165,0,0.2); width: 300px; backdrop-filter: blur(6px);\">\r\n <h3 style=\"color: #FFA500; margin-bottom: 12px;\">Music 03<\/h3>\r\n <p style=\"margin-bottom: 8px; color: #eee;\">Before<\/p>\r\n <audio controls style=\"width: 100%; margin-bottom: 12px;\">\r\n <source src=\"https:\/\/nocontroleemocional.com\/audios\/ANTES-Jesseloy-Release.mp3\" type=\"audio\/mp3\">\r\n <\/audio>\r\n <p style=\"margin-bottom: 8px; color: #eee;\">After<\/p>\r\n <audio controls style=\"width: 100%; margin-bottom: 12px;\">\r\n <source src=\"https:\/\/nocontroleemocional.com\/audios\/DEPOIS-Jesseloy-Release.mp3\" type=\"audio\/mp3\">\r\n <\/audio>\r\n <p style=\"margin-bottom: 8px; color: #eee;\">Master<\/p>\r\n <audio controls style=\"width: 100%;\">\r\n <source src=\"https:\/\/nocontroleemocional.com\/audios\/MASTER-Jesseloy-Release.mp3\" type=\"audio\/mp3\">\r\n <\/audio>\r\n <\/div>\r\n\r\n <div class=\"audio-card\" style=\"background-color: rgba(255, 255, 255, 0.05); padding: 20px; border-radius: 16px; box-shadow: 0 0 15px rgba(255,165,0,0.2); width: 300px; backdrop-filter: blur(6px);\">\r\n <h3 style=\"color: #FFA500; margin-bottom: 12px;\">Music 04<\/h3>\r\n <p style=\"margin-bottom: 8px; color: #eee;\">Before<\/p>\r\n <audio controls style=\"width: 100%; margin-bottom: 12px;\">\r\n <source src=\"https:\/\/nocontroleemocional.com\/audios\/ANTES the long wait.mp3\" type=\"audio\/mp3\">\r\n <\/audio>\r\n <p style=\"margin-bottom: 8px; color: #eee;\">After<\/p>\r\n <audio controls style=\"width: 100%; margin-bottom: 12px;\">\r\n <source src=\"https:\/\/nocontroleemocional.com\/audios\/DEPOIS the long wait.mp3\" type=\"audio\/mp3\">\r\n <\/audio>\r\n <p style=\"margin-bottom: 8px; color: #eee;\">Master<\/p>\r\n <audio controls style=\"width: 100%;\">\r\n <source src=\"https:\/\/nocontroleemocional.com\/audios\/MASTER the long.mp3\" type=\"audio\/mp3\">\r\n <\/audio>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<style>\r\n html, body {\r\n overflow-x: hidden;\r\n }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-453d174 elementor-widget elementor-widget-html\" data-id=\"453d174\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\" \/>\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n <title>Marketing Section<\/title>\r\n\r\n <!-- AOS Animation Library -->\r\n <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/aos@2.3.4\/dist\/aos.css\" rel=\"stylesheet\" \/>\r\n\r\n <style>\r\n \/* \ud83d\udd27 Global Fixes *\/\r\n *, *::before, *::after {\r\n box-sizing: border-box;\r\n }\r\n\r\n html, body {\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n overflow-x: clip !important; \/* scroll lateral OFF *\/\r\n width: 100% !important;\r\n max-width: 100vw !important;\r\n }\r\n\r\n body {\r\n font-family: 'Poppins', sans-serif;\r\n background-color: #0b0b0b;\r\n position: relative;\r\n }\r\n\r\n section, div, header, footer {\r\n max-width: 100vw !important;\r\n overflow-x: clip !important;\r\n }\r\n\r\n \/* \ud83d\udd36 Main Section *\/\r\n .marketing-section {\r\n padding: 80px 20px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n\r\n .section-title {\r\n text-align: center;\r\n margin-bottom: 60px;\r\n max-width: 700px;\r\n padding: 0 15px;\r\n }\r\n\r\n .section-title h2 {\r\n font-size: 2.5rem;\r\n color: #ff5e1a;\r\n font-weight: 700;\r\n letter-spacing: -1px;\r\n margin-bottom: 10px;\r\n text-shadow: 0 0 10px rgba(255, 94, 26, 0.7), 0 0 20px rgba(255, 94, 26, 0.5);\r\n }\r\n\r\n .section-title p {\r\n font-size: 1.1rem;\r\n color: #dddddd;\r\n font-weight: 300;\r\n }\r\n\r\n .timeline-container {\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n gap: 20px;\r\n max-width: 1200px;\r\n width: 100%;\r\n padding: 0 10px;\r\n }\r\n\r\n .step {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n text-align: center;\r\n width: 250px;\r\n }\r\n\r\n .circle {\r\n background: #ff7f3f;\r\n color: white;\r\n width: 60px;\r\n height: 60px;\r\n border-radius: 50%;\r\n font-weight: bold;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 1.2rem;\r\n box-shadow: 0 0 15px rgba(255, 128, 50, 0.8);\r\n transition: all 0.3s ease;\r\n \r\n \/* \u2705 prevent overflow from scale + shadows *\/\r\n overflow: clip;\r\n will-change: transform;\r\n contain: layout paint;\r\n }\r\n\r\n .circle:hover {\r\n box-shadow: 0 0 25px rgba(255, 128, 50, 1), 0 0 35px rgba(255, 128, 50, 0.5);\r\n transform: scale(1.05);\r\n }\r\n\r\n .step p {\r\n color: white;\r\n margin-top: 15px;\r\n font-size: 1rem;\r\n max-width: 200px;\r\n }\r\n\r\n .line {\r\n height: 4px;\r\n width: 80px;\r\n background: linear-gradient(to right, #444444, #F63B0A);\r\n border-radius: 4px;\r\n box-shadow: 0 0 8px rgba(246, 59, 10, 0.6);\r\n }\r\n\r\n \/* \ud83d\udd27 Mobile *\/\r\n @media (max-width: 768px) {\r\n .timeline-container {\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n\r\n .step {\r\n width: 100%;\r\n max-width: 200px;\r\n }\r\n\r\n .circle {\r\n width: 50px;\r\n height: 50px;\r\n font-size: 1rem;\r\n }\r\n\r\n .line {\r\n width: 4px;\r\n height: 50px;\r\n background: linear-gradient(to bottom, #444444, #F63B0A);\r\n }\r\n\r\n .section-title h2 {\r\n font-size: 2rem;\r\n }\r\n\r\n .section-title p {\r\n font-size: 1rem;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"marketing-section\">\r\n <div class=\"section-title\" data-aos=\"fade-up\">\r\n <h2>Digital Marketing Strategy<\/h2>\r\n <p>From concept to launch, we take care of your entire online strategy<\/p>\r\n <\/div>\r\n\r\n <div class=\"timeline-container\">\r\n <div class=\"step\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n <div class=\"circle\">1<\/div>\r\n <p>We design your sales funnel<\/p>\r\n <\/div>\r\n <div class=\"line\"><\/div>\r\n <div class=\"step\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n <div class=\"circle\">2<\/div>\r\n <p>We edit your VSL with strategy<\/p>\r\n <\/div>\r\n <div class=\"line\"><\/div>\r\n <div class=\"step\" data-aos=\"fade-up\" data-aos-delay=\"500\">\r\n <div class=\"circle\">3<\/div>\r\n <p>We launch and manage your campaign<\/p>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/aos@2.3.4\/dist\/aos.js\"><\/script>\r\n<script>AOS.init();<\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9f18cd6 elementor-widget elementor-widget-html\" data-id=\"9f18cd6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- FINAL CALL TO ACTION -->\r\n<section class=\"call-to-action\" data-aos=\"fade-up\">\r\n <h2>Let\u2019s build something amazing together.<\/h2>\r\n <p>If you have an idea, a project, or need a creative mind on your team, reach out. I\u2019m ready to turn visions into visual impact.<\/p>\r\n <a href=\"mailto:umnegociodigital@gmail.com\" class=\"cta-btn\">Send me an email<\/a>\r\n<\/section>\r\n\r\n<!-- FOOTER -->\r\n<footer>\r\n <p>© 2025 S.C Development. All rights reserved.<\/p>\r\n <div class=\"social-links\">\r\n <a href=\"https:\/\/www.linkedin.com\/in\/jefferson-creator\/\" target=\"_blank\">LinkedIn<\/a>\r\n \r\n <a href=\"mailto:umnegociodigital@gmail.com\">Email<\/a>\r\n <\/div>\r\n<\/footer>\r\n\r\n<!-- AOS ANIMATION -->\r\n<link href=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.css\" rel=\"stylesheet\">\r\n<script src=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.js\"><\/script>\r\n<script>AOS.init();<\/script>\r\n\r\n<style>\r\n .call-to-action {\r\n background-color: #111;\r\n color: white;\r\n text-align: center;\r\n padding: 80px 20px;\r\n font-family: 'Poppins', sans-serif;\r\n }\r\n\r\n .call-to-action h2 {\r\n font-size: 2.5rem;\r\n color: #ff4d00;\r\n text-shadow: 0 0 10px #ff4d00;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .call-to-action p {\r\n font-size: 1.1rem;\r\n color: #ccc;\r\n max-width: 600px;\r\n margin: 0 auto 30px;\r\n line-height: 1.6;\r\n }\r\n\r\n .cta-btn {\r\n display: inline-block;\r\n background: #ff4d00;\r\n color: #fff;\r\n padding: 14px 28px;\r\n font-size: 1rem;\r\n text-decoration: none;\r\n border-radius: 40px;\r\n box-shadow: 0 0 10px #ff4d00;\r\n transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n }\r\n\r\n .cta-btn:hover {\r\n transform: scale(1.05);\r\n box-shadow: 0 0 20px #ff4d00;\r\n }\r\n\r\n footer {\r\n background: #000;\r\n padding: 30px 20px;\r\n color: #999;\r\n text-align: center;\r\n font-size: 0.9rem;\r\n }\r\n\r\n .social-links {\r\n margin-top: 10px;\r\n }\r\n\r\n .social-links a {\r\n margin: 0 10px;\r\n color: #ff4d00;\r\n text-decoration: none;\r\n transition: color 0.3s ease;\r\n }\r\n\r\n .social-links a:hover {\r\n color: #fff;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .call-to-action h2 {\r\n font-size: 2rem;\r\n }\r\n\r\n .call-to-action p {\r\n font-size: 1rem;\r\n }\r\n\r\n .cta-btn {\r\n padding: 12px 24px;\r\n font-size: 0.95rem;\r\n }\r\n }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Hero Section Seu navegador n\u00e3o suporta v\u00eddeo HTML5. Creative Crafting visual stories across screens and timelines. Focused on Digital Marketing and user-first strategies. ABOUT ME I\u2019m Jefferson Santos \u2014 I don\u2019t just create videos or design interfaces. I help people and brands communicate emotion, story, and identity. With 15+ years blending video, sound, and strategy, […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","footnotes":""},"class_list":["post-14","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nocontroleemocional.com\/videoeditor\/wp-json\/wp\/v2\/pages\/14","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nocontroleemocional.com\/videoeditor\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nocontroleemocional.com\/videoeditor\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nocontroleemocional.com\/videoeditor\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nocontroleemocional.com\/videoeditor\/wp-json\/wp\/v2\/comments?post=14"}],"version-history":[{"count":29,"href":"https:\/\/nocontroleemocional.com\/videoeditor\/wp-json\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":60,"href":"https:\/\/nocontroleemocional.com\/videoeditor\/wp-json\/wp\/v2\/pages\/14\/revisions\/60"}],"wp:attachment":[{"href":"https:\/\/nocontroleemocional.com\/videoeditor\/wp-json\/wp\/v2\/media?parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}