{"id":10,"date":"2026-01-21T19:16:40","date_gmt":"2026-01-21T19:16:40","guid":{"rendered":"https:\/\/opni.pt\/?page_id=10"},"modified":"2026-03-02T22:23:20","modified_gmt":"2026-03-02T22:23:20","slug":"elementor-10","status":"publish","type":"page","link":"https:\/\/opni.pt\/","title":{"rendered":"Elementor #10"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n OPNI \u2014 Estamos a Chegar<\/title>\n <style>\n @font-face {\n font-family: 'SAIBA-45';\n font-style: normal;\n font-weight: 400;\n src: url('https:\/\/db.onlinewebfonts.com\/t\/22128c82a11d6954f867a20ea719239d.woff2') format('woff2'),\n url('https:\/\/db.onlinewebfonts.com\/t\/22128c82a11d6954f867a20ea719239d.woff') format('woff'),\n url('https:\/\/db.onlinewebfonts.com\/t\/22128c82a11d6954f867a20ea719239d.ttf') format('truetype');\n }\n <\/style>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Rajdhani:wght@300;400;600&display=swap\" rel=\"stylesheet\">\n <style>\n :root {\n --green: #dcfd34;\n --purple: #8c49ed;\n --blue: #a87ef5;\n --dark: #050a10;\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n html {\n scroll-behavior: smooth;\n }\n\n body {\n background: var(--dark);\n color: #fff;\n font-family: 'Rajdhani', sans-serif;\n overflow-x: hidden;\n }\n\n \/* \u2500\u2500\u2500 HERO \u2500\u2500\u2500 *\/\n #hero {\n position: relative;\n width: 100%;\n height: 100vh;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n }\n\n .hero-bg {\n position: absolute;\n inset: 0;\n background:\n radial-gradient(ellipse 60% 40% at 50% 0%, rgba(0,180,80,0.25) 0%, transparent 60%),\n radial-gradient(ellipse 80% 60% at 30% 80%, rgba(140,73,237,0.35) 0%, transparent 60%),\n radial-gradient(ellipse 60% 50% at 70% 70%, rgba(0,80,160,0.25) 0%, transparent 60%),\n linear-gradient(180deg, #0a1520 0%, #0d1030 40%, #1a0a2e 70%, #0e1a0a 100%);\n z-index: 0;\n }\n\n \/* Stars *\/\n .stars {\n position: absolute;\n inset: 0;\n z-index: 1;\n overflow: hidden;\n }\n\n .stars::before,\n .stars::after {\n content: '';\n position: absolute;\n inset: 0;\n background-image:\n radial-gradient(1px 1px at 10% 15%, rgba(255,255,255,0.8) 0%, transparent 100%),\n radial-gradient(1px 1px at 25% 30%, rgba(255,255,255,0.6) 0%, transparent 100%),\n radial-gradient(1px 1px at 40% 8%, rgba(255,255,255,0.9) 0%, transparent 100%),\n radial-gradient(1px 1px at 55% 22%, rgba(255,255,255,0.5) 0%, transparent 100%),\n radial-gradient(1px 1px at 70% 12%, rgba(255,255,255,0.7) 0%, transparent 100%),\n radial-gradient(1px 1px at 85% 35%, rgba(255,255,255,0.8) 0%, transparent 100%),\n radial-gradient(1px 1px at 15% 55%, rgba(255,255,255,0.4) 0%, transparent 100%),\n radial-gradient(1px 1px at 90% 60%, rgba(255,255,255,0.6) 0%, transparent 100%),\n radial-gradient(1px 1px at 5% 80%, rgba(255,255,255,0.5) 0%, transparent 100%),\n radial-gradient(1.5px 1.5px at 60% 5%, rgba(255,255,255,1) 0%, transparent 100%),\n radial-gradient(1.5px 1.5px at 33% 70%, rgba(255,255,255,0.7) 0%, transparent 100%),\n radial-gradient(1px 1px at 78% 85%, rgba(255,255,255,0.5) 0%, transparent 100%),\n radial-gradient(1px 1px at 48% 90%, rgba(255,255,255,0.4) 0%, transparent 100%),\n radial-gradient(1px 1px at 20% 42%, rgba(255,255,255,0.6) 0%, transparent 100%),\n radial-gradient(2px 2px at 95% 20%, rgba(255,255,255,0.9) 0%, transparent 100%);\n }\n\n .stars::after {\n transform: rotate(180deg);\n opacity: 0.5;\n }\n\n \/* Trees silhouette *\/\n .trees {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 45%;\n z-index: 2;\n background:\n \/* Left trees *\/\n radial-gradient(ellipse 8% 80% at 5% 100%, #0a0f1a 0%, transparent 100%),\n radial-gradient(ellipse 6% 60% at 10% 100%, #090e18 0%, transparent 100%),\n radial-gradient(ellipse 5% 50% at 15% 100%, #0a0f1a 0%, transparent 100%),\n \/* Right trees *\/\n radial-gradient(ellipse 8% 80% at 95% 100%, #0a0f1a 0%, transparent 100%),\n radial-gradient(ellipse 6% 60% at 90% 100%, #090e18 0%, transparent 100%),\n radial-gradient(ellipse 5% 50% at 85% 100%, #0a0f1a 0%, transparent 100%);\n }\n\n \/* Mountains *\/\n .mountains {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 30%;\n z-index: 3;\n background: linear-gradient(180deg, transparent 0%, rgba(15,10,30,0.6) 40%, rgba(10,15,25,0.9) 100%);\n clip-path: polygon(\n 0% 100%, 5% 60%, 12% 45%, 20% 55%, 28% 30%, 38% 50%, 45% 40%,\n 50% 55%, 55% 35%, 62% 48%, 70% 28%, 78% 42%, 85% 52%, 90% 38%, 95% 55%, 100% 45%, 100% 100%\n );\n }\n\n \/* Ground glow *\/\n .ground-glow {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 20%;\n z-index: 4;\n background: radial-gradient(ellipse 60% 100% at 50% 100%, rgba(140,73,237,0.3) 0%, transparent 70%);\n }\n\n \/* OPNI Logo Text *\/\n .omni-logo {\n position: relative;\n z-index: 10;\n font-family: 'SAIBA-45', sans-serif;\n font-size: clamp(6rem, 26vw, 20rem);\n font-weight: 900;\n color: #dcfd34;\n letter-spacing: 0.05em;\n line-height: 1;\n text-align: center;\n filter: drop-shadow(0 0 40px rgba(220,253,52,0.5));\n animation: logoReveal 1.2s cubic-bezier(0.16, 1, 0.3, 1) both;\n \/* Diagonal cuts on letters via clip effect *\/\n -webkit-text-stroke: 0;\n }\n\n @keyframes logoReveal {\n from { opacity: 0; transform: scale(1.15) translateY(-20px); filter: drop-shadow(0 0 60px rgba(220,253,52,0.9)); }\n to { opacity: 1; transform: scale(1) translateY(0); filter: drop-shadow(0 0 40px rgba(220,253,52,0.5)); }\n }\n\n \/* UFO *\/\n .ufo-wrap {\n position: absolute;\n z-index: 20;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -120%);\n width: clamp(260px, 50vw, 620px);\n animation: ufoFloat 4s ease-in-out infinite, ufoReveal 1.5s ease both 0.3s;\n }\n\n @keyframes ufoReveal {\n from { opacity: 0; transform: translate(-50%, -140%) scale(0.8); }\n to { opacity: 1; transform: translate(-50%, -120%) scale(1); }\n }\n\n @keyframes ufoFloat {\n 0%, 100% { transform: translate(-50%, -120%); }\n 50% { transform: translate(-50%, calc(-120% - 18px)); }\n }\n\n .ufo {\n width: 100%;\n height: auto;\n }\n\n \/* UFO SVG drawn in CSS *\/\n .ufo-svg {\n width: 100%;\n filter: drop-shadow(0 0 25px rgba(140,73,237,0.6)) drop-shadow(0 10px 40px rgba(140,73,237,0.4));\n }\n\n \/* Beam *\/\n .ufo-beam {\n position: absolute;\n bottom: -80px;\n left: 50%;\n transform: translateX(-50%);\n width: 60%;\n height: 90px;\n background: linear-gradient(180deg, rgba(180,120,255,0.35) 0%, transparent 100%);\n clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%);\n animation: beamPulse 2s ease-in-out infinite;\n }\n\n @keyframes beamPulse {\n 0%, 100% { opacity: 0.6; }\n 50% { opacity: 1; }\n }\n\n \/* Green planet\/aurora top *\/\n .aurora {\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 50%;\n height: 40%;\n background: radial-gradient(ellipse 60% 70% at 50% 0%, rgba(180,220,30,0.5) 0%, rgba(140,180,20,0.2) 50%, transparent 100%);\n z-index: 2;\n animation: auroraPulse 3s ease-in-out infinite;\n }\n\n @keyframes auroraPulse {\n 0%, 100% { opacity: 0.8; transform: translateX(-50%) scaleY(1); }\n 50% { opacity: 1; transform: translateX(-50%) scaleY(1.1); }\n }\n\n \/* \"ESTAMOS A CHEGAR\" text *\/\n .tagline {\n position: absolute;\n bottom: clamp(80px, 12vh, 140px);\n left: 50%;\n transform: translateX(-50%);\n z-index: 20;\n text-align: center;\n white-space: nowrap;\n animation: taglineReveal 1s ease both 1.8s;\n }\n\n @keyframes taglineReveal {\n from { opacity: 0; transform: translateX(-50%) translateY(20px); letter-spacing: 0.5em; }\n to { opacity: 1; transform: translateX(-50%) translateY(0); letter-spacing: 0.35em; }\n }\n\n .tagline h2 {\n font-family: 'SAIBA-45', sans-serif;\n font-size: clamp(0.85rem, 2.5vw, 1.4rem);\n font-weight: 400;\n letter-spacing: 0.35em;\n color: var(--green);\n text-shadow: 0 0 20px rgba(220,253,52,0.8), 0 0 40px rgba(220,253,52,0.4);\n text-transform: uppercase;\n }\n\n .tagline-line {\n display: flex;\n align-items: center;\n gap: 1rem;\n margin-bottom: 0.5rem;\n }\n\n .tagline-line::before,\n .tagline-line::after {\n content: '';\n flex: 1;\n height: 1px;\n background: linear-gradient(90deg, transparent, var(--green), transparent);\n opacity: 0.6;\n }\n\n .scroll-hint {\n position: absolute;\n bottom: clamp(20px, 4vh, 40px);\n left: 50%;\n transform: translateX(-50%);\n z-index: 20;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 8px;\n animation: fadeIn 1s ease both 2.8s;\n }\n\n .scroll-hint span {\n font-family: 'Rajdhani', sans-serif;\n font-size: 0.7rem;\n letter-spacing: 0.3em;\n color: rgba(255,255,255,0.4);\n text-transform: uppercase;\n }\n\n .scroll-arrow {\n width: 20px;\n height: 20px;\n border-right: 2px solid rgba(255,255,255,0.3);\n border-bottom: 2px solid rgba(255,255,255,0.3);\n transform: rotate(45deg);\n animation: bounceArrow 1.5s ease-in-out infinite;\n }\n\n @keyframes bounceArrow {\n 0%, 100% { transform: rotate(45deg) translateY(0); opacity: 0.4; }\n 50% { transform: rotate(45deg) translateY(5px); opacity: 1; }\n }\n\n @keyframes fadeIn {\n from { opacity: 0; }\n to { opacity: 1; }\n }\n\n \/* \u2500\u2500\u2500 VIDEO SECTION \u2500\u2500\u2500 *\/\n #video-section {\n position: relative;\n width: 100%;\n min-height: 100vh;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: clamp(60px, 10vw, 120px) clamp(1rem, 5vw, 4rem);\n background: var(--dark);\n overflow: hidden;\n }\n\n #video-section::before {\n content: '';\n position: absolute;\n inset: 0;\n background:\n radial-gradient(ellipse 80% 40% at 50% 0%, rgba(140,73,237,0.15) 0%, transparent 60%),\n radial-gradient(ellipse 60% 30% at 50% 100%, rgba(0,100,200,0.1) 0%, transparent 60%);\n }\n\n .video-eyebrow {\n font-family: 'Rajdhani', sans-serif;\n font-size: 0.75rem;\n letter-spacing: 0.4em;\n color: var(--green);\n text-transform: uppercase;\n margin-bottom: 1.5rem;\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.8s ease, transform 0.8s ease;\n }\n\n .video-title {\n font-family: 'SAIBA-45', sans-serif;\n font-size: clamp(1.5rem, 4vw, 3rem);\n font-weight: 700;\n text-align: center;\n margin-bottom: clamp(2rem, 5vw, 4rem);\n color: #dcfd34;\n opacity: 0;\n transform: translateY(30px);\n transition: opacity 0.8s ease 0.15s, transform 0.8s ease 0.15s;\n }\n\n .video-title span {\n color: var(--green);\n text-shadow: 0 0 20px rgba(220,253,52,0.5);\n }\n\n .video-wrapper {\n position: relative;\n width: 100%;\n max-width: 960px;\n opacity: 0;\n transform: translateY(40px) scale(0.97);\n transition: opacity 0.9s ease 0.3s, transform 0.9s ease 0.3s;\n }\n\n \/* Glow border *\/\n .video-wrapper::before {\n content: '';\n position: absolute;\n inset: -2px;\n background: linear-gradient(135deg, var(--green), var(--purple), var(--blue), var(--green));\n border-radius: 18px;\n z-index: -1;\n animation: borderRotate 4s linear infinite;\n background-size: 300% 300%;\n }\n\n @keyframes borderRotate {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n\n .video-inner {\n border-radius: 16px;\n overflow: hidden;\n background: #0a0e1a;\n aspect-ratio: 16 \/ 9;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n }\n\n \/* Placeholder when no video src *\/\n .video-placeholder {\n position: absolute;\n inset: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 1.5rem;\n background: linear-gradient(135deg, #0a0e1a 0%, #12082a 50%, #050d1f 100%);\n }\n\n .play-btn {\n width: 80px;\n height: 80px;\n border-radius: 50%;\n background: rgba(220,253,52,0.1);\n border: 2px solid var(--green);\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n transition: all 0.3s ease;\n box-shadow: 0 0 30px rgba(220,253,52,0.2);\n }\n\n .play-btn:hover {\n background: rgba(220,253,52,0.2);\n box-shadow: 0 0 50px rgba(220,253,52,0.4);\n transform: scale(1.1);\n }\n\n .play-btn svg {\n margin-left: 5px;\n }\n\n .video-placeholder p {\n font-family: 'Rajdhani', sans-serif;\n font-size: 0.85rem;\n letter-spacing: 0.25em;\n color: rgba(255,255,255,0.3);\n text-transform: uppercase;\n }\n\n video {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n }\n\n \/* Revealed state *\/\n .revealed .video-eyebrow,\n .revealed .video-title,\n .revealed .video-wrapper {\n opacity: 1;\n transform: translateY(0) scale(1);\n }\n\n \/* Corner decorations *\/\n .corner {\n position: absolute;\n width: 20px;\n height: 20px;\n }\n\n .corner--tl { top: -1px; left: -1px; border-top: 2px solid var(--green); border-left: 2px solid var(--green); }\n .corner--tr { top: -1px; right: -1px; border-top: 2px solid var(--green); border-right: 2px solid var(--green); }\n .corner--bl { bottom: -1px; left: -1px; border-bottom: 2px solid var(--green); border-left: 2px solid var(--green); }\n .corner--br { bottom: -1px; right: -1px; border-bottom: 2px solid var(--green); border-right: 2px solid var(--green); }\n\n \/* Scan line effect *\/\n @keyframes scanline {\n 0% { transform: translateY(-100%); }\n 100% { transform: translateY(100vh); }\n }\n\n .scanline {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n height: 2px;\n background: linear-gradient(90deg, transparent, rgba(220,253,52,0.06), transparent);\n pointer-events: none;\n z-index: 999;\n animation: scanline 8s linear infinite;\n }\n\n \/* Noise overlay *\/\n .noise {\n position: fixed;\n inset: 0;\n pointer-events: none;\n z-index: 998;\n opacity: 0.025;\n background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'\/%3E%3C\/svg%3E\");\n background-size: 256px 256px;\n }\n\n @media (max-width: 600px) {\n .tagline h2 { letter-spacing: 0.15em; font-size: 0.75rem; }\n .omni-logo { font-size: clamp(4rem, 22vw, 7rem); }\n }\n\n @media (prefers-reduced-motion: reduce) {\n * { animation: none !important; transition-duration: 0.01ms !important; }\n }\n <\/style>\n<\/head>\n<body>\n\n <div class=\"scanline\" aria-hidden=\"true\"><\/div>\n <div class=\"noise\" aria-hidden=\"true\"><\/div>\n\n <!-- \u2500\u2500 HERO \u2500\u2500 -->\n <section id=\"hero\" aria-label=\"OPNI Hero\">\n <div class=\"hero-bg\" aria-hidden=\"true\"><\/div>\n <div class=\"stars\" aria-hidden=\"true\"><\/div>\n <div class=\"aurora\" aria-hidden=\"true\"><\/div>\n\n <!-- Mountains + ground -->\n <div class=\"mountains\" aria-hidden=\"true\"><\/div>\n <div class=\"ground-glow\" aria-hidden=\"true\"><\/div>\n\n <!-- Big OPNI text behind UFO -->\n <h1 class=\"omni-logo\" aria-label=\"OPNI\">OPNI<\/h1>\n\n <!-- UFO (inline SVG for full control) -->\n <div class=\"ufo-wrap\" aria-hidden=\"true\">\n <svg class=\"ufo-svg\" viewBox=\"0 0 600 320\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <defs>\n <!-- Atmospheric glow under craft -->\n <radialGradient id=\"atmosGlow\" cx=\"50%\" cy=\"50%\" r=\"50%\">\n <stop offset=\"0%\" stop-color=\"rgba(140,73,237,0.55)\"\/>\n <stop offset=\"50%\" stop-color=\"rgba(100,40,200,0.2)\"\/>\n <stop offset=\"100%\" stop-color=\"rgba(80,20,160,0)\"\/>\n <\/radialGradient>\n <!-- Tractor beam -->\n <linearGradient id=\"beamG\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n <stop offset=\"0%\" stop-color=\"rgba(180,130,255,0.5)\"\/>\n <stop offset=\"60%\" stop-color=\"rgba(140,73,237,0.15)\"\/>\n <stop offset=\"100%\" stop-color=\"rgba(140,73,237,0)\"\/>\n <\/linearGradient>\n <!-- Main hull top shading -->\n <linearGradient id=\"hullTop\" x1=\"0.3\" y1=\"0\" x2=\"0.7\" y2=\"1\">\n <stop offset=\"0%\" stop-color=\"#d8dff0\"\/>\n <stop offset=\"30%\" stop-color=\"#9aaad0\"\/>\n <stop offset=\"70%\" stop-color=\"#5a6a98\"\/>\n <stop offset=\"100%\" stop-color=\"#2a3460\"\/>\n <\/linearGradient>\n <!-- Hull underside -->\n <linearGradient id=\"hullUnder\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n <stop offset=\"0%\" stop-color=\"#4a5888\"\/>\n <stop offset=\"50%\" stop-color=\"#3a456a\"\/>\n <stop offset=\"100%\" stop-color=\"#1e2440\"\/>\n <\/linearGradient>\n <!-- Hull rim metallic -->\n <linearGradient id=\"rimMetal\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"0\">\n <stop offset=\"0%\" stop-color=\"#2a2e50\"\/>\n <stop offset=\"20%\" stop-color=\"#8090c0\"\/>\n <stop offset=\"50%\" stop-color=\"#ccd4f0\"\/>\n <stop offset=\"80%\" stop-color=\"#8090c0\"\/>\n <stop offset=\"100%\" stop-color=\"#2a2e50\"\/>\n <\/linearGradient>\n <!-- Hull rim bottom -->\n <linearGradient id=\"rimBottom\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"0\">\n <stop offset=\"0%\" stop-color=\"#1a1e38\"\/>\n <stop offset=\"25%\" stop-color=\"#4a4e78\"\/>\n <stop offset=\"50%\" stop-color=\"#7a7eb8\"\/>\n <stop offset=\"75%\" stop-color=\"#4a4e78\"\/>\n <stop offset=\"100%\" stop-color=\"#1a1e38\"\/>\n <\/linearGradient>\n <!-- Dome glass -->\n <radialGradient id=\"domeGlass\" cx=\"38%\" cy=\"28%\" r=\"65%\">\n <stop offset=\"0%\" stop-color=\"rgba(255,255,255,0.55)\"\/>\n <stop offset=\"35%\" stop-color=\"rgba(180,210,255,0.3)\"\/>\n <stop offset=\"70%\" stop-color=\"rgba(100,140,220,0.2)\"\/>\n <stop offset=\"100%\" stop-color=\"rgba(40,60,120,0.6)\"\/>\n <\/radialGradient>\n <!-- Dome tint -->\n <linearGradient id=\"domeTint\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n <stop offset=\"0%\" stop-color=\"rgba(200,230,255,0.15)\"\/>\n <stop offset=\"100%\" stop-color=\"rgba(80,110,200,0.4)\"\/>\n <\/linearGradient>\n <!-- Engine glow ring -->\n <radialGradient id=\"engineGlow\" cx=\"50%\" cy=\"50%\" r=\"50%\">\n <stop offset=\"0%\" stop-color=\"rgba(160,220,255,0.9)\"\/>\n <stop offset=\"40%\" stop-color=\"rgba(100,160,255,0.5)\"\/>\n <stop offset=\"100%\" stop-color=\"rgba(80,100,220,0)\"\/>\n <\/radialGradient>\n <!-- Purple plasma ring -->\n <linearGradient id=\"plasmaRing\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"0\">\n <stop offset=\"0%\" stop-color=\"rgba(140,73,237,0)\"\/>\n <stop offset=\"30%\" stop-color=\"rgba(180,100,255,0.9)\"\/>\n <stop offset=\"55%\" stop-color=\"rgba(220,160,255,1)\"\/>\n <stop offset=\"80%\" stop-color=\"rgba(180,100,255,0.9)\"\/>\n <stop offset=\"100%\" stop-color=\"rgba(140,73,237,0)\"\/>\n <\/linearGradient>\n <!-- Blue accent ring -->\n <linearGradient id=\"blueRing\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"0\">\n <stop offset=\"0%\" stop-color=\"rgba(0,150,255,0)\"\/>\n <stop offset=\"40%\" stop-color=\"rgba(80,190,255,0.7)\"\/>\n <stop offset=\"60%\" stop-color=\"rgba(160,220,255,0.9)\"\/>\n <stop offset=\"100%\" stop-color=\"rgba(0,150,255,0)\"\/>\n <\/linearGradient>\n <!-- Panel shadow -->\n <linearGradient id=\"panelShadow\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n <stop offset=\"0%\" stop-color=\"rgba(0,0,0,0.4)\"\/>\n <stop offset=\"100%\" stop-color=\"rgba(0,0,0,0)\"\/>\n <\/linearGradient>\n <!-- Clip for dome -->\n <clipPath id=\"domeClip\">\n <ellipse cx=\"300\" cy=\"148\" rx=\"90\" ry=\"68\"\/>\n <\/clipPath>\n <!-- Soft shadow under whole craft -->\n <filter id=\"softGlow\" x=\"-30%\" y=\"-30%\" width=\"160%\" height=\"160%\">\n <feGaussianBlur stdDeviation=\"8\" result=\"blur\"\/>\n <feMerge><feMergeNode in=\"blur\"\/><feMergeNode in=\"SourceGraphic\"\/><\/feMerge>\n <\/filter>\n <filter id=\"glowFilter\" x=\"-20%\" y=\"-20%\" width=\"140%\" height=\"140%\">\n <feGaussianBlur stdDeviation=\"4\" result=\"blur\"\/>\n <feMerge><feMergeNode in=\"blur\"\/><feMergeNode in=\"SourceGraphic\"\/><\/feMerge>\n <\/filter>\n <\/defs>\n\n <!-- \u2500\u2500 Atmospheric ground glow \u2500\u2500 -->\n <ellipse cx=\"300\" cy=\"295\" rx=\"200\" ry=\"28\" fill=\"url(#atmosGlow)\" opacity=\"0.8\"\/>\n\n <!-- \u2500\u2500 Tractor beam \u2500\u2500 -->\n <polygon points=\"245,215 355,215 420,310 180,310\" fill=\"url(#beamG)\"\/>\n <!-- Beam inner shimmer -->\n <polygon points=\"270,215 330,215 370,300 230,300\" fill=\"rgba(200,160,255,0.08)\"\/>\n\n <!-- \u2500\u2500 Drop shadow under craft \u2500\u2500 -->\n <ellipse cx=\"300\" cy=\"222\" rx=\"185\" ry=\"22\" fill=\"rgba(20,10,50,0.55)\"\/>\n\n <!-- \u2550\u2550\u2550\u2550 MAIN DISC HULL \u2550\u2550\u2550\u2550 -->\n\n <!-- Hull underside (bottom plate) -->\n <ellipse cx=\"300\" cy=\"210\" rx=\"182\" ry=\"30\" fill=\"url(#hullUnder)\"\/>\n\n <!-- Hull main body (upper lenticular shape) -->\n <path d=\"\n M 118,200\n C 118,170 195,130 300,128\n C 405,130 482,170 482,200\n C 482,218 405,228 300,228\n C 195,228 118,218 118,200 Z\n \" fill=\"url(#hullTop)\"\/>\n\n <!-- Hull panel lines (subtle surface detail) -->\n <path d=\"M 160,185 Q 300,175 440,185\" stroke=\"rgba(255,255,255,0.06)\" stroke-width=\"1\" fill=\"none\"\/>\n <path d=\"M 140,195 Q 300,183 460,195\" stroke=\"rgba(255,255,255,0.05)\" stroke-width=\"1\" fill=\"none\"\/>\n <path d=\"M 175,205 Q 300,196 425,205\" stroke=\"rgba(0,0,0,0.15)\" stroke-width=\"1.5\" fill=\"none\"\/>\n\n <!-- Subtle panel segments on top -->\n <path d=\"M 300,128 L 280,228\" stroke=\"rgba(0,0,0,0.08)\" stroke-width=\"1\" fill=\"none\"\/>\n <path d=\"M 300,128 L 320,228\" stroke=\"rgba(0,0,0,0.08)\" stroke-width=\"1\" fill=\"none\"\/>\n <path d=\"M 300,128 L 245,225\" stroke=\"rgba(0,0,0,0.06)\" stroke-width=\"1\" fill=\"none\"\/>\n <path d=\"M 300,128 L 355,225\" stroke=\"rgba(0,0,0,0.06)\" stroke-width=\"1\" fill=\"none\"\/>\n <path d=\"M 300,128 L 200,215\" stroke=\"rgba(0,0,0,0.04)\" stroke-width=\"1\" fill=\"none\"\/>\n <path d=\"M 300,128 L 400,215\" stroke=\"rgba(0,0,0,0.04)\" stroke-width=\"1\" fill=\"none\"\/>\n\n <!-- Top specular highlight -->\n <path d=\"\n M 230,148 C 250,138 350,138 370,148\n C 350,142 250,142 230,148 Z\n \" fill=\"rgba(255,255,255,0.18)\"\/>\n\n <!-- \u2500\u2500 Rim band (metallic equatorial ring) \u2500\u2500 -->\n <ellipse cx=\"300\" cy=\"210\" rx=\"182\" ry=\"20\" fill=\"none\" stroke=\"url(#rimMetal)\" stroke-width=\"5\"\/>\n <ellipse cx=\"300\" cy=\"214\" rx=\"182\" ry=\"18\" fill=\"none\" stroke=\"url(#rimBottom)\" stroke-width=\"3\"\/>\n\n <!-- \u2500\u2500 Engine nacelles \/ landing pods (3 bumps on underside) \u2500\u2500 -->\n <ellipse cx=\"220\" cy=\"222\" rx=\"22\" ry=\"8\" fill=\"#2a3060\" opacity=\"0.9\"\/>\n <ellipse cx=\"220\" cy=\"220\" rx=\"18\" ry=\"6\" fill=\"#3a4080\"\/>\n <ellipse cx=\"220\" cy=\"219\" rx=\"10\" ry=\"3.5\" fill=\"url(#engineGlow)\" opacity=\"0.8\"\/>\n\n <ellipse cx=\"300\" cy=\"226\" rx=\"22\" ry=\"8\" fill=\"#2a3060\" opacity=\"0.9\"\/>\n <ellipse cx=\"300\" cy=\"224\" rx=\"18\" ry=\"6\" fill=\"#3a4080\"\/>\n <ellipse cx=\"300\" cy=\"223\" rx=\"10\" ry=\"3.5\" fill=\"url(#engineGlow)\" opacity=\"0.8\"\/>\n\n <ellipse cx=\"380\" cy=\"222\" rx=\"22\" ry=\"8\" fill=\"#2a3060\" opacity=\"0.9\"\/>\n <ellipse cx=\"380\" cy=\"220\" rx=\"18\" ry=\"6\" fill=\"#3a4080\"\/>\n <ellipse cx=\"380\" cy=\"219\" rx=\"10\" ry=\"3.5\" fill=\"url(#engineGlow)\" opacity=\"0.8\"\/>\n\n <!-- \u2500\u2500 Plasma energy ring (main glow) \u2500\u2500 -->\n <ellipse cx=\"300\" cy=\"210\" rx=\"160\" ry=\"14\" fill=\"none\" stroke=\"url(#plasmaRing)\" stroke-width=\"4\" filter=\"url(#glowFilter)\"\/>\n <!-- Animated shimmer on plasma ring -->\n <ellipse cx=\"300\" cy=\"210\" rx=\"160\" ry=\"14\" fill=\"none\" stroke=\"rgba(220,180,255,0.4)\" stroke-width=\"2\" stroke-dasharray=\"40 280\" stroke-dashoffset=\"0\">\n <animateTransform attributeName=\"transform\" type=\"rotate\" from=\"0 300 210\" to=\"360 300 210\" dur=\"3s\" repeatCount=\"indefinite\"\/>\n <\/ellipse>\n\n <!-- \u2500\u2500 Blue accent ring \u2500\u2500 -->\n <ellipse cx=\"300\" cy=\"206\" rx=\"140\" ry=\"10\" fill=\"none\" stroke=\"url(#blueRing)\" stroke-width=\"2.5\" opacity=\"0.7\"\/>\n\n <!-- \u2500\u2500 Running lights along rim \u2500\u2500 -->\n <!-- White lights -->\n <circle cx=\"150\" cy=\"207\" r=\"3.5\" fill=\"#ffffff\" opacity=\"0.95\" filter=\"url(#glowFilter)\">\n <animate attributeName=\"opacity\" values=\"0.95;0.3;0.95\" dur=\"1.8s\" repeatCount=\"indefinite\"\/>\n <\/circle>\n <circle cx=\"200\" cy=\"216\" r=\"3\" fill=\"#ffffff\" opacity=\"0.85\">\n <animate attributeName=\"opacity\" values=\"0.85;0.2;0.85\" dur=\"2.1s\" begin=\"0.2s\" repeatCount=\"indefinite\"\/>\n <\/circle>\n <circle cx=\"450\" cy=\"207\" r=\"3.5\" fill=\"#ffffff\" opacity=\"0.95\" filter=\"url(#glowFilter)\">\n <animate attributeName=\"opacity\" values=\"0.95;0.3;0.95\" dur=\"1.8s\" begin=\"0.9s\" repeatCount=\"indefinite\"\/>\n <\/circle>\n <circle cx=\"400\" cy=\"216\" r=\"3\" fill=\"#ffffff\" opacity=\"0.85\">\n <animate attributeName=\"opacity\" values=\"0.85;0.2;0.85\" dur=\"2.1s\" begin=\"1.1s\" repeatCount=\"indefinite\"\/>\n <\/circle>\n <!-- Orange\/amber lights -->\n <circle cx=\"255\" cy=\"221\" r=\"3.5\" fill=\"#ffaa00\" filter=\"url(#glowFilter)\">\n <animate attributeName=\"opacity\" values=\"1;0.3;1\" dur=\"1.4s\" begin=\"0.4s\" repeatCount=\"indefinite\"\/>\n <\/circle>\n <circle cx=\"345\" cy=\"221\" r=\"3.5\" fill=\"#ffaa00\" filter=\"url(#glowFilter)\">\n <animate attributeName=\"opacity\" values=\"1;0.3;1\" dur=\"1.4s\" begin=\"1.1s\" repeatCount=\"indefinite\"\/>\n <\/circle>\n <!-- Red nav light -->\n <circle cx=\"118\" cy=\"200\" r=\"4\" fill=\"#ff3030\" filter=\"url(#glowFilter)\">\n <animate attributeName=\"opacity\" values=\"1;0.2;1\" dur=\"1.0s\" repeatCount=\"indefinite\"\/>\n <\/circle>\n <!-- Green nav light -->\n <circle cx=\"482\" cy=\"200\" r=\"4\" fill=\"#30ff80\" filter=\"url(#glowFilter)\">\n <animate attributeName=\"opacity\" values=\"1;0.2;1\" dur=\"1.0s\" begin=\"0.5s\" repeatCount=\"indefinite\"\/>\n <\/circle>\n <!-- Central belly beacon -->\n <circle cx=\"300\" cy=\"224\" r=\"5\" fill=\"#8c49ed\" filter=\"url(#glowFilter)\">\n <animate attributeName=\"opacity\" values=\"1;0.1;1\" dur=\"0.8s\" repeatCount=\"indefinite\"\/>\n <\/circle>\n <circle cx=\"300\" cy=\"224\" r=\"9\" fill=\"rgba(140,73,237,0.3)\">\n <animate attributeName=\"r\" values=\"9;14;9\" dur=\"0.8s\" repeatCount=\"indefinite\"\/>\n <animate attributeName=\"opacity\" values=\"0.3;0;0.3\" dur=\"0.8s\" repeatCount=\"indefinite\"\/>\n <\/circle>\n\n <!-- \u2550\u2550\u2550\u2550 DOME \u2550\u2550\u2550\u2550 -->\n <!-- Dome base ring -->\n <ellipse cx=\"300\" cy=\"158\" rx=\"90\" ry=\"14\" fill=\"#3a4878\" opacity=\"0.9\"\/>\n <ellipse cx=\"300\" cy=\"158\" rx=\"90\" ry=\"14\" fill=\"none\" stroke=\"rgba(180,200,255,0.3)\" stroke-width=\"1.5\"\/>\n\n <!-- Dome glass body -->\n <ellipse cx=\"300\" cy=\"148\" rx=\"88\" ry=\"62\" fill=\"url(#domeGlass)\"\/>\n <!-- Dome color tint overlay -->\n <ellipse cx=\"300\" cy=\"148\" rx=\"88\" ry=\"62\" fill=\"url(#domeTint)\"\/>\n\n <!-- Dome rim metallic band -->\n <path d=\"M 212,158 Q 300,170 388,158\" stroke=\"rgba(200,220,255,0.5)\" stroke-width=\"2\" fill=\"none\"\/>\n\n <!-- Dome interior glow (alien light inside) -->\n <ellipse cx=\"300\" cy=\"152\" rx=\"55\" ry=\"38\" fill=\"rgba(140,73,237,0.08)\"\/>\n <ellipse cx=\"295\" cy=\"148\" rx=\"35\" ry=\"24\" fill=\"rgba(180,140,255,0.07)\"\/>\n\n <!-- Dome highlight (main specular) -->\n <path d=\"M 255,110 Q 275,94 310,92 Q 340,92 352,108 Q 330,98 300,98 Q 272,98 255,110 Z\"\n fill=\"rgba(255,255,255,0.28)\"\/>\n <!-- Secondary softer highlight -->\n <ellipse cx=\"278\" cy=\"118\" rx=\"22\" ry=\"14\" fill=\"rgba(255,255,255,0.10)\" transform=\"rotate(-15,278,118)\"\/>\n\n <!-- Dome frame lines -->\n <path d=\"M 300,86 L 300,158\" stroke=\"rgba(100,130,200,0.15)\" stroke-width=\"1\" fill=\"none\"\/>\n <path d=\"M 212,158 L 300,86\" stroke=\"rgba(100,130,200,0.1)\" stroke-width=\"1\" fill=\"none\"\/>\n <path d=\"M 388,158 L 300,86\" stroke=\"rgba(100,130,200,0.1)\" stroke-width=\"1\" fill=\"none\"\/>\n <path d=\"M 215,130 Q 300,118 385,130\" stroke=\"rgba(100,130,200,0.12)\" stroke-width=\"1\" fill=\"none\"\/>\n\n <!-- Dome top antenna nub -->\n <ellipse cx=\"300\" cy=\"87\" rx=\"6\" ry=\"4\" fill=\"#8090b8\"\/>\n <rect x=\"297\" y=\"80\" width=\"6\" height=\"10\" rx=\"3\" fill=\"#9aa0c8\"\/>\n <circle cx=\"300\" cy=\"79\" r=\"3.5\" fill=\"#dcfd34\" filter=\"url(#glowFilter)\">\n <animate attributeName=\"opacity\" values=\"1;0.2;1\" dur=\"1.5s\" repeatCount=\"indefinite\"\/>\n <\/circle>\n\n <\/svg>\n <\/div>\n\n <!-- Tagline -->\n <div class=\"tagline\">\n <div class=\"tagline-line\">\n <h2>ESTAMOS A CHEGAR<\/h2>\n <\/div>\n <\/div>\n\n <!-- Scroll hint -->\n <div class=\"scroll-hint\" aria-hidden=\"true\">\n <span>Scroll<\/span>\n <div class=\"scroll-arrow\"><\/div>\n <\/div>\n <\/section>\n\n <!-- \u2500\u2500 VIDEO SECTION \u2500\u2500 -->\n <section id=\"video-section\" aria-label=\"V\u00eddeo\">\n <p class=\"video-eyebrow\">Transmiss\u00e3o Intercosmica<\/p>\n <h2 class=\"video-title\">A Revolu\u00e7\u00e3o come\u00e7a em <span>BREVE!<\/span><\/h2>\n\n <div class=\"video-wrapper\">\n <div class=\"corner corner--tl\"><\/div>\n <div class=\"corner corner--tr\"><\/div>\n <div class=\"corner corner--bl\"><\/div>\n <div class=\"corner corner--br\"><\/div>\n\n <div class=\"video-inner\" style=\"position:relative;\">\n <iframe\n src=\"https:\/\/www.youtube.com\/embed\/kQhF89ZuhLQ?rel=0&modestbranding=1&autoplay=1&mute=1&controls=0&disablekb=1&fs=0&iv_load_policy=3&showinfo=0&loop=1&playlist=kQhF89ZuhLQ\"\n title=\"A Revolu\u00e7\u00e3o come\u00e7a em BREVE!\"\n frameborder=\"0\"\n allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n allowfullscreen\n style=\"position:absolute;top:0;left:0;width:100%;height:100%;\"\n ><\/iframe>\n <\/div>\n <\/div>\n <\/section>\n\n <script>\n \/\/ Scroll reveal for video section\n const videoSection = document.getElementById('video-section');\n\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('revealed');\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.2 });\n\n observer.observe(videoSection);\n\n \/\/ Parallax on hero\n const hero = document.getElementById('hero');\n const ufoWrap = document.querySelector('.ufo-wrap');\n const omniLogo = document.querySelector('.omni-logo');\n const aurora = document.querySelector('.aurora');\n\n let ticking = false;\n window.addEventListener('scroll', () => {\n if (!ticking) {\n requestAnimationFrame(() => {\n const y = window.scrollY;\n const progress = y \/ window.innerHeight;\n if (ufoWrap) ufoWrap.style.transform = `translate(-50%, calc(-50% - ${y * 0.3}px))`;\n if (omniLogo) omniLogo.style.transform = `translateY(${y * 0.15}px)`;\n if (aurora) aurora.style.transform = `translateX(-50%) translateY(${y * -0.1}px)`;\n hero.style.opacity = 1 - progress * 1.2;\n ticking = false;\n });\n ticking = true;\n }\n });\n <\/script>\n<\/body>\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>OPNI \u2014 Estamos a Chegar OPNI ESTAMOS A CHEGAR Scroll Transmiss\u00e3o Intercosmica A Revolu\u00e7\u00e3o come\u00e7a em BREVE!<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/opni.pt\/index.php?rest_route=\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/opni.pt\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/opni.pt\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/opni.pt\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/opni.pt\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10"}],"version-history":[{"count":55,"href":"https:\/\/opni.pt\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":86,"href":"https:\/\/opni.pt\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions\/86"}],"wp:attachment":[{"href":"https:\/\/opni.pt\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}