* { grid-column: span 1; grid-row: span 1; } } @media (min-width: 460px) and (max-width: 599px) { .wrapper-bento .item-tees { grid-column: span 2; grid-row: span 2; } .wrapper-bento .item-sport, .wrapper-bento .item-cologne, .wrapper-bento .item-hoodies, .wrapper-bento .item-youth, .wrapper-bento .item-ladies-shirts { grid-column: span 2; grid-row: span 2; } .wrapper-bento .item-kids { grid-column: span 2; grid-row: span 2; } } @media (min-width: 600px) and (max-width: 799px) { .wrapper-bento .item-tees { grid-column: span 4; grid-row: span 1; } .wrapper-bento .item-sport, .wrapper-bento .item-kids { grid-column: span 2; grid-row: span 1; } .wrapper-bento .item-hoodies { grid-column: span 4; grid-row: span 1; } .wrapper-bento .item-youth { grid-column: span 2; grid-row: span 2; } .wrapper-bento .item-cologne { grid-column: span 2; grid-row: span 1; } .wrapper-bento .item-ladies-shirts { grid-column: span 2; grid-row: span 1; } } @media (min-width: 800px) { .wrapper-bento .item-sport { grid-column: 1 / 2; grid-row: 1 / 2; } .wrapper-bento .item-tees { grid-column: 2 / 4; grid-row: 1 / 3; } .wrapper-bento .item-hoodies { grid-column: 4 / 5; grid-row: 1 / 2; } .wrapper-bento .item-ladies-shirts { grid-column: 1 / 2; grid-row: 2 / 4; } .wrapper-bento .item-youth { grid-column: 4 / 5; grid-row: 2 / 3; } .wrapper-bento .item-kids { grid-column: 2 / 3; grid-row: 3 / 4; } .wrapper-bento .item-cologne { grid-column: 3 / 5; grid-row: 3 / 4; } } .wrapper-bento > * { position: relative; color: black; overflow: hidden; border-radius: 0; text-decoration: none; border: 1px solid #009fe3; display: block; } .wrapper-bento > a::after { content: ''; position: absolute; inset: 0; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.25), transparent 25%); pointer-events: none; } .wrapper-bento > *:hover img, .wrapper-bento > *:hover video { transform: scale(1.05); } .wrapper-bento > * > p { position: absolute; text-wrap: balance; bottom: 0.25rem; left: 0.75rem; font-size: 0.9rem; z-index: 2; background: #000; color: #fff; padding: 10px; margin: 0; pointer-events: none; } .wrapper-bento > * > p.align-right { left: 0.75rem; } .wrapper-bento img, .wrapper-bento video { max-width: 100%; width: 100%; height: 100%; display: block; object-fit: cover; transition: transform 1000ms ease-in-out; } #ox-landing-wrapper { font-family: 'Space Mono', monospace; color: #ffffff; background-color: #050507; overflow-x: hidden; width: 100%; position: relative; margin-bottom: -50px; padding-bottom: -565px; box-sizing: border-box; line-height: 1.6; background-image: linear-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px); background-size: 50px 50px; background-position: center top; } #ox-landing-wrapper * { box-sizing: border-box; margin: 0; padding: 0; } #ox-landing-wrapper a { text-decoration: none; } #ox-landing-wrapper img { display: block; max-width: 100%; } #ox-landing-wrapper h1, #ox-landing-wrapper h2, #ox-landing-wrapper h3 { font-family: 'Rajdhani', sans-serif; text-transform: uppercase; line-height: 1; margin-bottom: 0.5em; } #ox-landing-wrapper h1 { font-size: clamp(3rem, 8vw, 6rem); font-weight: 700; letter-spacing: -0.02em; color: #ffffff; } #ox-landing-wrapper h2 { font-size: clamp(2rem, 5vw, 3.5rem); font-weight: 500; color: #ffffff; } #ox-landing-wrapper h3 { font-size: 1.5rem; color: #ffffff; letter-spacing: 0.05em; margin-bottom: 0.5rem; } #ox-landing-wrapper p { font-size: 1rem; color: #c2c2ce; margin-bottom: 1rem; } #ox-landing-wrapper .ox-tech-text { font-size: 0.75rem; color: #009fe3; text-transform: uppercase; letter-spacing: 0.2em; margin-bottom: 1rem; display: block; font-family: 'Space Mono', monospace; } .logo-container { position: relative; width: 150px; height: 100px; overflow: visible; } .vector { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: visible; } .st0 { fill: #ffffff; } .st1 { fill: #009fe3; } @keyframes ciclo-visibilidade-glow { 0% { opacity: 1; } 55% { opacity: 1; } 60% { opacity: 0; } 95% { opacity: 0; } 100% { opacity: 1; } } @keyframes ciclo-visibilidade-normal { 0% { opacity: 0; } 55% { opacity: 0; } 60% { opacity: 1; } 95% { opacity: 1; } 100% { opacity: 0; } } @keyframes hue-rotate-anim { from { filter: drop-shadow(0 0 10px #0072ff) drop-shadow(0 0 20px #0072ff) drop-shadow(0 0 40px #0072ff) hue-rotate(0deg); } to { filter: drop-shadow(0 0 10px #0072ff) drop-shadow(0 0 20px #0072ff) drop-shadow(0 0 40px #0072ff) hue-rotate(360deg); } } .vector-1 { opacity: 0; animation: ciclo-visibilidade-normal 5s linear infinite; } .vector-2 { opacity: 1; animation: ciclo-visibilidade-glow 5s linear infinite; } .vector-2 .glow-part { animation: hue-rotate-anim 3s linear infinite; filter: drop-shadow(0 0 10px #0072ff) drop-shadow(0 0 20px #0072ff) drop-shadow(0 0 40px #0072ff); } #ox-landing-wrapper .ox-hud-line { width: 100%; height: 1px; background: #009fe3; position: relative; margin: 2rem 0; opacity: 0.5; } #ox-landing-wrapper .ox-hud-line::after { content: ''; position: absolute; right: 0; top: -2px; width: 5px; height: 5px; background: #009fe3; } #ox-landing-wrapper .ox-btn, #ox-landing-wrapper .ox-btn-download { display: inline-flex; align-items: center; justify-content: center; padding: 1rem 2rem; border: 1px solid #009fe3; color: #009fe3; font-family: 'Space Mono', monospace; text-transform: uppercase; font-weight: 700; position: relative; overflow: hidden; cursor: pointer; background: transparent; z-index: 1; text-align: center; width: auto; transition: all 0.3s ease; } #ox-landing-wrapper .ox-btn-download { width: 100%; font-size: 0.8rem; padding: 0.8rem; } #ox-landing-wrapper .ox-btn span, #ox-landing-wrapper .ox-btn-download span { display: block; position: relative; transition: transform 0.4s cubic-bezier(0.7, 0, 0.3, 1); z-index: 2; } #ox-landing-wrapper .ox-btn::after, #ox-landing-wrapper .ox-btn-download::after { content: attr(data-text); position: absolute; top: 100%; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; transition: transform 0.4s cubic-bezier(0.7, 0, 0.3, 1); z-index: 2; color: #050507; } #ox-landing-wrapper .ox-btn::before, #ox-landing-wrapper .ox-btn-download::before { content: ''; position: absolute; top: 0; left: 0; width: 0; height: 100%; background: #009fe3; transition: width 0.4s cubic-bezier(0.7, 0, 0.3, 1); z-index: 1; } #ox-landing-wrapper .ox-btn:not(.ox-btn-active):hover::before, #ox-landing-wrapper .ox-btn-download:not(.ox-btn-active):hover::before { width: 100%; } #ox-landing-wrapper .ox-btn:not(.ox-btn-active):hover span, #ox-landing-wrapper .ox-btn-download:not(.ox-btn-active):hover span { transform: translateY(-100%); } #ox-landing-wrapper .ox-btn:not(.ox-btn-active):hover::after, #ox-landing-wrapper .ox-btn-download:not(.ox-btn-active):hover::after { transform: translateY(-100%); } #ox-landing-wrapper .ox-corner-decor { position: absolute; width: 20px; height: 20px; border: 2px solid #009fe3; pointer-events: none; z-index: 5; } #ox-landing-wrapper .ox-tl { top: 0; left: 0; border-right: none; border-bottom: none; } #ox-landing-wrapper .ox-br { bottom: 0; right: 0; border-left: none; border-top: none; } #ox-landing-wrapper .ox-tech-list { list-style: none; color: #888899; font-size: 0.9rem; margin-top: 1.5rem; } #ox-landing-wrapper .ox-tech-list li { margin-bottom: 0.8rem; padding-left: 0; cursor: default; transition: all 0.3s ease; display: flex; align-items: center; } #ox-landing-wrapper .ox-tech-list li::before { content: '[+]'; margin-right: 10px; color: #555; transition: color 0.3s ease; font-family: 'Space Mono', monospace; } #ox-landing-wrapper .ox-tech-list li:hover { color: #ffffff; transform: translateX(10px); text-shadow: 0 0 10px rgba(0, 159, 227, 0.4); } #ox-landing-wrapper .ox-tech-list li:hover::before { color: #009fe3; } #ox-landing-wrapper .ox-hero { min-height: 80vh; display: flex; flex-direction: column; justify-content: center; padding: 4rem 0; position: relative; overflow: hidden; } #ox-landing-wrapper .ox-hero-bg { position: absolute; top: 0; right: 0; width: 90%; height: 100%; background: url('https://lojagoldentec.vteximg.com.br/arquivos/LP-MOUSE-NEBULA-bg-header-nebula.webp') no-repeat center center; background-size: cover; mask-image: linear-gradient(to right, transparent, black 50%); -webkit-mask-image: linear-gradient(to right, transparent, black 50%); z-index: 0; opacity: 0.9; } #ox-landing-wrapper .ox-hero-content { position: relative; z-index: 2; width: 100%; padding-left: max(2rem, calc((100vw - 1440px) / 2)); padding-right: max(2rem, calc((100vw - 1440px) / 2)); } #ox-landing-wrapper .ox-hero-logo { max-width: 150px; margin-bottom: 1.5rem; } #ox-landing-wrapper .ox-hero-status { display: flex; gap: 1rem; margin-bottom: 2rem; font-size: 0.8rem; color: #009fe3; } #ox-landing-wrapper .ox-hero-status span { border: 1px solid rgba(0, 159, 227, 0.2); padding: 0.2rem 0.5rem; } #ox-landing-wrapper .ox-scrolling-strip { background: #009fe3; color: #050507; padding: 0.8rem 0; overflow: hidden; white-space: nowrap; font-family: 'Rajdhani', sans-serif; font-weight: 700; font-size: 1.2rem; position: relative; z-index: 10; width: 100%; } #ox-landing-wrapper .ox-strip-content { display: inline-block; animation: ox-scroll 30s linear infinite; } @keyframes ox-scroll { 0% { transform: translateX(0); } 100% { transform: translateX(-25%); } } #ox-landing-wrapper .ox-section-lamina { display: grid; grid-template-columns: 1fr 1fr; border-bottom: 1px solid rgba(255, 255, 255, 0.1); position: relative; min-height: 600px; width: 100%; } #ox-landing-wrapper .ox-lamina-visual { position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; min-height: 400px; background: #000; } #ox-landing-wrapper .ox-lamina-visual video { width: 100%; height: 100%; object-fit: cover; display: block; } #ox-landing-wrapper .ox-lamina-content { display: flex; flex-direction: column; justify-content: center; position: relative; padding: 4rem; } #ox-landing-wrapper .ox-pos-left { padding-left: max(2rem, calc((100vw - 1440px) / 2)); padding-right: 4rem; } #ox-landing-wrapper .ox-pos-right { padding-right: max(2rem, calc((100vw - 1440px) / 2)); padding-left: 4rem; } #ox-landing-wrapper .ox-style-dark { background: #050507; } #ox-landing-wrapper .ox-style-blue { background: #009fe3; color: #050507; } #ox-landing-wrapper .ox-style-blue h2, #ox-landing-wrapper .ox-style-blue p, #ox-landing-wrapper .ox-style-blue .ox-tech-text { color: #050507; } #ox-landing-wrapper .ox-style-blue .ox-hud-line { background: #050507; } #ox-landing-wrapper .ox-style-blue .ox-hud-line::after { background: #050507; } #ox-landing-wrapper .ox-hotspot-wrapper { position: relative; width: 100%; height: 100%; background: #000; cursor: default; } #ox-landing-wrapper .ox-abs-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; display: block; } #ox-landing-wrapper .ox-img-bw { z-index: 1; filter: grayscale(100%) brightness(0.2) contrast(1.2); } #ox-landing-wrapper .ox-img-color { z-index: 2; clip-path: inset(0 0 0 0); transition: clip-path 0.4s cubic-bezier(0.25, 1, 0.5, 1); } #ox-landing-wrapper .ox-video-switcher-section { padding: 6rem 0; background: #050507; text-align: center; } #ox-landing-wrapper .ox-radio-logic { display: none; } #ox-landing-wrapper .ox-video-nav { display: flex; justify-content: center; gap: 12px; flex-wrap: wrap; margin: 2rem auto 4rem; padding: 0 2rem; max-width: 1440px; } #ox-landing-wrapper .ox-video-nav label { cursor: pointer; } #ox-landing-wrapper .ox-btn-active { background: #009fe3; color: #050507; } #ox-landing-wrapper .ox-btn-active span { transform: translateY(0) !important; } #ox-vid-1:checked~.ox-video-nav label[for="ox-vid-1"], #ox-vid-2:checked~.ox-video-nav label[for="ox-vid-2"], #ox-vid-3:checked~.ox-video-nav label[for="ox-vid-3"], #ox-vid-4:checked~.ox-video-nav label[for="ox-vid-4"], #ox-vid-5:checked~.ox-video-nav label[for="ox-vid-5"] { background: #009fe3; pointer-events: none; cursor: default; } #ox-vid-1:checked~.ox-video-nav label[for="ox-vid-1"] span, #ox-vid-2:checked~.ox-video-nav label[for="ox-vid-2"] span, #ox-vid-3:checked~.ox-video-nav label[for="ox-vid-3"] span, #ox-vid-4:checked~.ox-video-nav label[for="ox-vid-4"] span, #ox-vid-5:checked~.ox-video-nav label[for="ox-vid-5"] span { color: #050507; transform: translateY(0) !important; } #ox-vid-1:checked~.ox-video-nav label[for="ox-vid-1"]::before, #ox-vid-2:checked~.ox-video-nav label[for="ox-vid-2"]::before, #ox-vid-3:checked~.ox-video-nav label[for="ox-vid-3"]::before, #ox-vid-4:checked~.ox-video-nav label[for="ox-vid-4"]::before, #ox-vid-5:checked~.ox-video-nav label[for="ox-vid-5"]::before, #ox-vid-1:checked~.ox-video-nav label[for="ox-vid-1"]::after, #ox-vid-2:checked~.ox-video-nav label[for="ox-vid-2"]::after, #ox-vid-3:checked~.ox-video-nav label[for="ox-vid-3"]::after, #ox-vid-4:checked~.ox-video-nav label[for="ox-vid-4"]::after, #ox-vid-5:checked~.ox-video-nav label[for="ox-vid-5"]::after { display: none; } #ox-landing-wrapper .ox-video-main-display { position: relative; width: 90%; max-width: 1200px; aspect-ratio: 16/9; margin: 0 auto; border: 1px solid rgba(0, 159, 227, 0.3); overflow: hidden; background: #000; } #ox-landing-wrapper .ox-vid-pane { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: opacity 0.5s ease; } #ox-landing-wrapper .ox-vid-pane video { width: 100%; height: 100%; object-fit: cover; } #ox-vid-1:checked~.ox-video-main-display #pane-1, #ox-vid-2:checked~.ox-video-main-display #pane-2, #ox-vid-3:checked~.ox-video-main-display #pane-3, #ox-vid-4:checked~.ox-video-main-display #pane-4, #ox-vid-5:checked~.ox-video-main-display #pane-5 { opacity: 1; visibility: visible; } #ox-landing-wrapper .ox-css-lines { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 22; pointer-events: none; overflow: visible; } #ox-landing-wrapper .ox-css-lines .line { position: absolute; height: 2px; background: linear-gradient(90deg, #009fe3, rgba(0, 159, 227, 0.2)); transform-origin: left center; box-shadow: 0 0 10px #009fe3; opacity: 0.8; animation: flowLine 3s linear infinite; } @keyframes flowLine { 0% { opacity: 0.3; box-shadow: 0 0 5px #009fe3; } 50% { opacity: 1; box-shadow: 0 0 15px #009fe3, 0 0 30px #009fe3; } 100% { opacity: 0.3; box-shadow: 0 0 5px #009fe3; } } #ox-landing-wrapper .line-1 { top: 315px; left: 500px; width: 170px; transform: rotate(180deg); animation-delay: 0s; } #ox-landing-wrapper .line-2 { top: 370px; left: 500px; width: 150px; transform: rotate(-180deg); animation-delay: 0s; } #ox-landing-wrapper .line-3 { top: 250px; left: 555px; width: 135px; transform: rotate(-90deg); background: linear-gradient(90deg, rgba(0, 159, 227, 0.2), #009fe3); animation-delay: 1s; } #ox-landing-wrapper .line-4 { top: 207px; left: 635px; width: 215px; transform: rotate(0deg); background: linear-gradient(90deg, rgba(0, 159, 227, 0.2), #009fe3); animation-delay: 0s; } #ox-landing-wrapper .line-5 { top: 255px; left: 600px; width: 200px; transform: rotate(0deg); background: linear-gradient(90deg, rgba(0, 159, 227, 0.2), #009fe3); animation-delay: 2s; } #ox-landing-wrapper .line-endpoint { position: absolute; width: 6px; height: 6px; background: #009fe3; border-radius: 50%; z-index: 23; animation: pulseEndpoint 1.5s ease-in-out infinite; } @keyframes pulseEndpoint { 0% { transform: scale(1); opacity: 0.8; box-shadow: 0 0 10px #009fe3; } 50% { transform: scale(1.5); opacity: 1; box-shadow: 0 0 20px #009fe3; } 100% { transform: scale(1); opacity: 0.8; box-shadow: 0 0 10px #009fe3; } } #ox-landing-wrapper .endpoint-1 { top: 313px; left: 495px; animation-delay: 0s; } #ox-landing-wrapper .endpoint-2 { top: 368px; left: 495px; animation-delay: 0.2s; } #ox-landing-wrapper .endpoint-3 { top: 250px; left: 552px; animation-delay: 0.4s; } #ox-landing-wrapper .endpoint-4 { top: 205px; left: 630px; animation-delay: 0.6s; } #ox-landing-wrapper .endpoint-5 { top: 253px; left: 596px; animation-delay: 0.8s; } #ox-landing-wrapper .ox-bullet-group { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 20; opacity: 0; visibility: hidden; transition: opacity 0.4s ease; pointer-events: none; } #ox-vid-1:checked~.ox-video-main-display #bulletgroup-1, #ox-vid-2:checked~.ox-video-main-display #bulletgroup-2, #ox-vid-3:checked~.ox-video-main-display #bulletgroup-3, #ox-vid-4:checked~.ox-video-main-display #bulletgroup-4, #ox-vid-5:checked~.ox-video-main-display #bulletgroup-5 { opacity: 1; visibility: visible; } #ox-landing-wrapper .ox-bullet-left, #ox-landing-wrapper .ox-bullet-right { position: absolute; display: flex; flex-direction: column; justify-content: center; gap: 2rem; height: 100%; pointer-events: none; } #ox-landing-wrapper .ox-bullet-left { left: 5rem; top: -10px; } #ox-landing-wrapper .ox-bullet-right { right: 0; top: -20px; } #ox-landing-wrapper .ox-bullet-item { position: relative; background: rgba(5, 5, 7, 0.85); backdrop-filter: blur(4px); border-left: 3px solid #009fe3; padding: 0.5rem 1.0rem; width: 200px; text-align: left; font-family: 'Space Mono', monospace; font-size: 0.9rem; color: #ffffff; border-radius: 0 4px 4px 0; box-shadow: 0 0 20px rgba(0, 159, 227, 0.3); animation: bullet-glow 3s ease-in-out infinite; pointer-events: auto; cursor: pointer; transition: all 0.3s ease; z-index: 25; } #ox-landing-wrapper .ox-bullet-right .ox-bullet-item { border-left: none; border-right: 3px solid #009fe3; border-radius: 4px 0 0 4px; text-align: right; } #ox-landing-wrapper .ox-bullet-left .ox-bullet-item:nth-child(1) { position: relative; bottom: -25px; left: 50px; } #ox-landing-wrapper .ox-bullet-left .ox-bullet-item:nth-child(2) { position: relative; bottom: -8px; left: 70px; } #ox-landing-wrapper .ox-bullet-right .ox-bullet-item:nth-child(1) { position: relative; bottom: 150px; left: -620px; } #ox-landing-wrapper .ox-bullet-right .ox-bullet-item:nth-child(2) { position: relative; bottom: 108px; left: -150px; } #ox-landing-wrapper .ox-bullet-right .ox-bullet-item:nth-child(3) { position: relative; bottom: 130px; left: -200px; } #ox-landing-wrapper .ox-bullet-item:hover { transform: translateX(5px) scale(1.05); background: rgba(0, 159, 227, 0.3); box-shadow: 0 0 30px rgba(0, 159, 227, 0.6); } #ox-landing-wrapper .ox-bullet-right .ox-bullet-item:hover { transform: translateX(-5px) scale(1.05); } @keyframes bullet-glow { 0% { box-shadow: 0 0 10px rgba(0, 159, 227, 0.2); } 50% { box-shadow: 0 0 25px rgba(0, 159, 227, 0.5); } 100% { box-shadow: 0 0 10px rgba(0, 159, 227, 0.2); } } @media (max-width: 768px) { #ox-landing-wrapper .ox-bullet-left { left: 2rem; font-size: 10px; } #ox-landing-wrapper .ox-bullet-right { right: 30px; font-size: 10px; } #ox-landing-wrapper .ox-bullet-left .ox-bullet-item:nth-child(1) { bottom: -35px; left: -20px; width: 110px; font-size: 10px; } #ox-landing-wrapper .ox-bullet-left .ox-bullet-item:nth-child(2) { bottom: -40px; left: -20px; width: 130px; font-size: 10px; } #ox-landing-wrapper .ox-bullet-right .ox-bullet-item:nth-child(1) { bottom: 0; left: -130px; width: 80px; font-size: 10px; } #ox-landing-wrapper .ox-bullet-right .ox-bullet-item:nth-child(2) { bottom: 23px; left: 35px; width: 110px; font-size: 10px; } #ox-landing-wrapper .ox-bullet-right .ox-bullet-item:nth-child(3) { bottom: 23px; left: 20px; width: 125px; font-size: 10px; } #ox-landing-wrapper .line-1 { top: 75px; left: 210px; width: 60px; transform: rotate(0deg); } #ox-landing-wrapper .line-2 { top: 103px; left: 152px; width: 50px; transform: rotate(170deg); } #ox-landing-wrapper .line-3 { top: 75px; left: 179px; width: 45px; transform: rotate(-90deg); } #ox-landing-wrapper .line-4 { top: 110px; left: 155px; width: 90px; transform: rotate(140deg); } #ox-landing-wrapper .line-5 { top: 82px; left: 192px; width: 80px; transform: rotate(30deg); } #ox-landing-wrapper .endpoint-1 { top: 73px; left: 205px; } #ox-landing-wrapper .endpoint-2 { top: 100px; left: 150px; } #ox-landing-wrapper .endpoint-3 { top: 110px; left: 150px; } #ox-landing-wrapper .endpoint-4 { top: 73px; left: 176px; } #ox-landing-wrapper .endpoint-5 { top: 80px; left: 190px; } } #ox-landing-wrapper .ox-features-section { padding: 6rem 0 0 0; background: #050507; } #ox-landing-wrapper .ox-features-header { text-align: center; padding-left: max(2rem, calc((100vw - 1440px) / 2)); padding-right: max(2rem, calc((100vw - 1440px) / 2)); margin-bottom: 4rem; } #ox-landing-wrapper .ox-features-header .ox-hud-line { max-width: 100px; margin: 2rem auto; } #ox-landing-wrapper .ox-features-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 1px; width: 100%; padding-left: max(0px, calc((100vw - 1440px) / 2)); padding-right: max(0px, calc((100vw - 1440px) / 2)); } #ox-landing-wrapper .ox-feature-card { background: #0f0f13; position: relative; height: 450px; overflow: hidden; display: flex; flex-direction: column; justify-content: flex-end; } #ox-landing-wrapper .ox-card-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), filter 0.6s ease; z-index: 1; } #ox-landing-wrapper .ox-card-bg::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to top, rgba(5, 5, 7, 0.95) 0%, rgba(5, 5, 7, 0.4) 50%, rgba(5, 5, 7, 0.1) 100%); z-index: 2; } #ox-landing-wrapper .ox-card-content { position: relative; z-index: 3; padding: 2.5rem; width: 100%; transform: translateY(120px); transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1); } #ox-landing-wrapper .ox-icon-zone { font-size: 2rem; color: #009fe3; margin-bottom: 1rem; border: 1px solid rgba(0, 159, 227, 0.5); background: rgba(0, 0, 0, 0.3); width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; font-family: 'Rajdhani', sans-serif; backdrop-filter: blur(5px); } #ox-landing-wrapper .ox-card-desc { opacity: 0; transform: translateY(20px); transition: opacity 0.4s ease 0.1s, transform 0.4s ease 0.1s; } #ox-landing-wrapper .ox-card-tech-id { margin-top: 1.5rem; font-size: 0.7rem; color: #009fe3; opacity: 0; transition: opacity 0.4s ease 0.2s; } #ox-landing-wrapper .ox-feature-card:hover .ox-card-bg { transform: translateY(-40px) scale(1.25); filter: grayscale(100%) contrast(1.2) brightness(0.5); } #ox-landing-wrapper .ox-feature-card:hover .ox-card-content { transform: translateY(0); } #ox-landing-wrapper .ox-feature-card:hover .ox-card-desc, #ox-landing-wrapper .ox-feature-card:hover .ox-card-tech-id { opacity: 1; transform: translateY(0); } #ox-landing-wrapper .ox-cross-sell { padding: 6rem 0; background: #050507; text-align: center; border-top: 1px solid #009fe3; } #ox-landing-wrapper .ox-downloads-section { padding: 6rem 0; background: #09090c; text-align: center; border-top: 1px solid rgba(0, 159, 227, 0.2); } #ox-landing-wrapper .ox-product-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 2rem; width: 100%; margin: 4rem auto; padding-left: 2rem; padding-right: 2rem; } #ox-landing-wrapper .ox-product-card { background: #0f0f13; border: 1px solid rgba(255, 255, 255, 0.05); padding: 2rem; transition: transform 0.3s, border-color 0.3s; text-align: left; display: flex; flex-direction: column; justify-content: space-between; } #ox-landing-wrapper .ox-product-card:hover { transform: translateY(-5px); border-color: #009fe3; } #ox-landing-wrapper .ox-prod-img-box { height: 200px; background: #050507; margin-bottom: 1.5rem; display: flex; align-items: center; justify-content: center; overflow: hidden; } #ox-landing-wrapper .ox-prod-img-box img { width: auto; } #ox-landing-wrapper .ox-download-box { height: 120px; background: rgba(0, 159, 227, 0.05); margin-bottom: 1.5rem; display: flex; align-items: center; justify-content: center; border: 1px dashed rgba(0, 159, 227, 0.3); color: #009fe3; font-size: 3rem; } #ox-landing-wrapper .ox-prod-name { font-family: 'Rajdhani', sans-serif; font-size: 1.5rem; color: #ffffff; margin-bottom: 0.5rem; font-weight: 700; } #ox-landing-wrapper .ox-prod-tag { color: #009fe3; font-size: 0.8rem; text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 1.5rem; } #ox-landing-wrapper .ox-seo-container { background: #020203; border-top: 1px solid rgba(255, 255, 255, 0.05); padding: 3rem 0; margin-top: -1px; text-align: left; } #ox-landing-wrapper .ox-seo-wrapper { padding-left: max(2rem, calc((100vw - 1440px) / 2)); padding-right: max(2rem, calc((100vw - 1440px) / 2)); } #ox-landing-wrapper .ox-seo-text { font-size: 0.85rem; line-height: 1.8; color: #555566; max-width: 1440px; text-align: center; margin: auto; } #ox-landing-wrapper .ox-seo-text strong { color: #777788; } @media (max-width: 900px) { #ox-landing-wrapper .ox-section-lamina { grid-template-columns: 1fr; min-height: auto; } #ox-landing-wrapper .ox-lamina-visual { height: 400px; order: -1; min-height: auto; } #ox-landing-wrapper .ox-pos-left, #ox-landing-wrapper .ox-pos-right, #ox-landing-wrapper .ox-hero-content { padding-left: 2rem; padding-right: 2rem; } #ox-landing-wrapper .ox-hero { justify-content: flex-end; padding-top: 6rem; } #ox-landing-wrapper .ox-hero-desc, #ox-landing-wrapper .ox-hero-status { display: none; } #ox-landing-wrapper .ox-hero-bg { width: 100%; opacity: 0.6; background-position: 76% center; } #ox-landing-wrapper h1 { font-size: 3.5rem; } #ox-landing-wrapper .ox-video-nav { display: grid; grid-template-columns: 1fr 1fr; } } SYSTEM: ONLINE MODEL: NEBULA_12800 COLOR: #009FE3 MOUSE GAMERNEBULA Agilidade astronômica na sua gameplay. MOUSE GAMER NEBULA // ATÉ 12800 DPI // ILUMINAÇÃO RGB // 6 BOTÕES + SCROLL // MOUSE GAMER NEBULA // ATÉ 12800 DPI // ILUMINAÇÃO RGB // 6 BOTÕES + SCROLL // MOUSE GAMER NEBULA // ATÉ 12800 DPI // ILUMINAÇÃO RGB // 6 BOTÕES + SCROLL // MOUSE GAMER NEBULA // ATÉ 12800 DPI // ILUMINAÇÃO RGB // 6 BOTÕES + SCROLL // MOUSE GAMER NEBULA // ATÉ 12800 DPI // ILUMINAÇÃO RGB // 6 BOTÕES + SCROLL // MOUSE GAMER NEBULA // ATÉ 12800 DPI // ILUMINAÇÃO RGB // 6 BOTÕES + SCROLL // MOUSE GAMER NEBULA // ATÉ 12800 DPI // ILUMINAÇÃO RGB // 6 BOTÕES + SCROLL // MOUSE GAMER NEBULA // ATÉ 12800 DPI // ILUMINAÇÃO RGB // 6 BOTÕES + SCROLL // 01 // Sensibilidade inigualável MAIS PRECISÃO PARA A SUA GAMEPLAY O Mouse Gamer Nebula OX é ideal para todo tipo de player. Com sensibilidade de até 12.800 DPI, jogue desde FPS até jogos Sandbox com a agilidade que você precisa. Mais estabilidade para rastrear inimigos Mais precisão nos flicks 02 // RESPOSTA na VELOCIDADE DA LUZ + Comandos - Tempo de resposta. Sem atraso. Sem gravidade. O Nebula surge do coração de uma nebulosa cósmica com 6 botões + scroll, posicionados para acesso rápido e confortável no meio do caos gamer. Com um polling rate de 1000Hz, cada comando corta o vazio espacial em instantes. Cada reação explode no tempo exato. Em FPS, milissegundos definem o resultado — e você domina o universo. 03 // NÚCLEO DE COMANDO AVANÇADO CONTROLE TOTAL PARA A SUA GAMEPLAY Movimentos rápidos. Respostas instantâneas.Controle total em qualquer campo de batalha. CS2 FORTNITE GTA RP COD WARZONE VALORANT FACA FLASH / SMOKE ATIRAR MIRAR TROCA ARMA CONSTRUÇÃO SIMPLES SHILD ATIRAR MIRAR MARCAÇÃO MIC MUDAR ARMA ATIRAR MIRAR EMOTES FLASH/SMOKE DESLIZE ATIRAR MIRA TÁTICA MAPA HABILIDADE 1 HABILIDADE 2 ATIRAR MIRAR PULAR 6 botões + Scroll Até 12800 DPI Iluminação RGB Conector USB banhado a ouro Compatibilidade 6 configurações de DPI 1000 Hz Polling Rate TECNOLOGIA INTEGRADA SISTEMA DE ALTA PERFORMANCE Desenvolvido para máxima precisão em qualquer campo de batalha. L Nébula poderosa A iluminação RGB transforma seu setup em um ponto de destaque no meio do vácuo espacial. MATERIAL_ID: FABRIC_V9 D ARQUITETURA Interestelar Design ergonômico que garante conforto e controle preciso em longas missões. SUPPORT: FIXED_PAD C CONEXÃO UNIVERSAL Cabo USB com conexão banhada a ouro para conexão estável. Compatível com Windows, macOS e Linux. RESISTANCE: EXTREME ECOSSISTEMA EM SINCRONIA COMPLETE SEU SETUP HEADSET ORION Surround 7.1 VER DETALHES MONITOR PIVOT 24"_165Hz / IPS VER DETALHES TECLADO MOON TECLADO MECÂNICO 60% VER DETALHES VER LINHA COMPLETA SOBRE O MOUSE GAMER NEBULA OX O Mouse Gamer Nebula OX combina ergonomia, conforto e desempenho para longas sessões de jogos ou trabalho. Com até 12800 DPI, Polling Rate de 1000Hz, 6 botões + Scroll e Iluminação RGB, ajuda a manter a precisão e reduzir a fadiga muscular. ESPECIFICAÇÕES TÉCNICAS MarcaOX ModeloNebula CorPreto Tipo de MouseGamer Botões6 Botões + Scroll ConectividadeUSB com fio IluminaçãoRGB (Max + Ajustes)12000 DPI ( 6 opções de ajustes - 800,1200,1600,3200,5600,12000) Pooling Rate1000Hz (Com 3 opções de ajustes - 125,500,1000Hz) Formato do mouseErgonômico Formato das mãosAmbidestro AntiderrapanteSim MaterialABS Tipo de caboCabo trançado Comprimento do cabo1,6 metros Gamers onlyMacros programáveis: Sim (Somente compatível com Windows) Peso100g Dimensões do produto12,6*6,3*3,9cm Conteúdo da embalagem1 Mouse " />

Saldo atual de cashback

Ofertas Imbatíveis

Goldentec

Cod.:
75172

Kit com Teclado Gamer OX Astra USB com Anti-Ghosting Preto + Mouse Gamer OX Nebula RGB, 12000 DPI, 6 botões

por no PIX

ou x de

Informe seu CEP para consultar as opções de envio e retirada.

Comprar

Vendido e entregue por

Kit com Teclado Gamer OX Astra USB com Anti-Ghosting Preto + Mouse Gamer OX Nebula RGB, 12000 DPI, 6 botões
Cód.:
75172

Detalhes

Especificações

Avaliações

* { grid-column: span 1; grid-row: span 1; } } @media (min-width: 460px) and (max-width: 599px) { .wrapper-bento .item-tees { grid-column: span 2; grid-row: span 2; } .wrapper-bento .item-sport, .wrapper-bento .item-cologne, .wrapper-bento .item-hoodies, .wrapper-bento .item-youth, .wrapper-bento .item-ladies-shirts { grid-column: span 2; grid-row: span 2; } .wrapper-bento .item-kids { grid-column: span 2; grid-row: span 2; } } @media (min-width: 600px) and (max-width: 799px) { .wrapper-bento .item-tees { grid-column: span 4; grid-row: span 1; } .wrapper-bento .item-sport, .wrapper-bento .item-kids { grid-column: span 2; grid-row: span 1; } .wrapper-bento .item-hoodies { grid-column: span 4; grid-row: span 1; } .wrapper-bento .item-youth { grid-column: span 2; grid-row: span 2; } .wrapper-bento .item-cologne { grid-column: span 2; grid-row: span 1; } .wrapper-bento .item-ladies-shirts { grid-column: span 2; grid-row: span 1; } } @media (min-width: 800px) { .wrapper-bento .item-sport { grid-column: 1 / 2; grid-row: 1 / 2; } .wrapper-bento .item-tees { grid-column: 2 / 4; grid-row: 1 / 3; } .wrapper-bento .item-hoodies { grid-column: 4 / 5; grid-row: 1 / 2; } .wrapper-bento .item-ladies-shirts { grid-column: 1 / 2; grid-row: 2 / 4; } .wrapper-bento .item-youth { grid-column: 4 / 5; grid-row: 2 / 3; } .wrapper-bento .item-kids { grid-column: 2 / 3; grid-row: 3 / 4; } .wrapper-bento .item-cologne { grid-column: 3 / 5; grid-row: 3 / 4; } } .wrapper-bento > * { position: relative; color: black; overflow: hidden; border-radius: 0; text-decoration: none; border: 1px solid #009fe3; display: block; } .wrapper-bento > a::after { content: ''; position: absolute; inset: 0; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.25), transparent 25%); pointer-events: none; } .wrapper-bento > *:hover img, .wrapper-bento > *:hover video { transform: scale(1.05); } .wrapper-bento > * > p { position: absolute; text-wrap: balance; bottom: 0.25rem; left: 0.75rem; font-size: 0.9rem; z-index: 2; background: #000; color: #fff; padding: 10px; margin: 0; pointer-events: none; } .wrapper-bento > * > p.align-right { left: 0.75rem; } .wrapper-bento img, .wrapper-bento video { max-width: 100%; width: 100%; height: 100%; display: block; object-fit: cover; transition: transform 1000ms ease-in-out; } #ox-landing-wrapper { font-family: 'Space Mono', monospace; color: #ffffff; background-color: #050507; overflow-x: hidden; width: 100%; position: relative; margin-bottom: -50px; padding-bottom: -565px; box-sizing: border-box; line-height: 1.6; background-image: linear-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px); background-size: 50px 50px; background-position: center top; } #ox-landing-wrapper * { box-sizing: border-box; margin: 0; padding: 0; } #ox-landing-wrapper a { text-decoration: none; } #ox-landing-wrapper img { display: block; max-width: 100%; } #ox-landing-wrapper h1, #ox-landing-wrapper h2, #ox-landing-wrapper h3 { font-family: 'Rajdhani', sans-serif; text-transform: uppercase; line-height: 1; margin-bottom: 0.5em; } #ox-landing-wrapper h1 { font-size: clamp(3rem, 8vw, 6rem); font-weight: 700; letter-spacing: -0.02em; color: #ffffff; } #ox-landing-wrapper h2 { font-size: clamp(2rem, 5vw, 3.5rem); font-weight: 500; color: #ffffff; } #ox-landing-wrapper h3 { font-size: 1.5rem; color: #ffffff; letter-spacing: 0.05em; margin-bottom: 0.5rem; } #ox-landing-wrapper p { font-size: 1rem; color: #c2c2ce; margin-bottom: 1rem; } #ox-landing-wrapper .ox-tech-text { font-size: 0.75rem; color: #009fe3; text-transform: uppercase; letter-spacing: 0.2em; margin-bottom: 1rem; display: block; font-family: 'Space Mono', monospace; } .logo-container { position: relative; width: 150px; height: 100px; overflow: visible; } .vector { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: visible; } .st0 { fill: #ffffff; } .st1 { fill: #009fe3; } @keyframes ciclo-visibilidade-glow { 0% { opacity: 1; } 55% { opacity: 1; } 60% { opacity: 0; } 95% { opacity: 0; } 100% { opacity: 1; } } @keyframes ciclo-visibilidade-normal { 0% { opacity: 0; } 55% { opacity: 0; } 60% { opacity: 1; } 95% { opacity: 1; } 100% { opacity: 0; } } @keyframes hue-rotate-anim { from { filter: drop-shadow(0 0 10px #0072ff) drop-shadow(0 0 20px #0072ff) drop-shadow(0 0 40px #0072ff) hue-rotate(0deg); } to { filter: drop-shadow(0 0 10px #0072ff) drop-shadow(0 0 20px #0072ff) drop-shadow(0 0 40px #0072ff) hue-rotate(360deg); } } .vector-1 { opacity: 0; animation: ciclo-visibilidade-normal 5s linear infinite; } .vector-2 { opacity: 1; animation: ciclo-visibilidade-glow 5s linear infinite; } .vector-2 .glow-part { animation: hue-rotate-anim 3s linear infinite; filter: drop-shadow(0 0 10px #0072ff) drop-shadow(0 0 20px #0072ff) drop-shadow(0 0 40px #0072ff); } #ox-landing-wrapper .ox-hud-line { width: 100%; height: 1px; background: #009fe3; position: relative; margin: 2rem 0; opacity: 0.5; } #ox-landing-wrapper .ox-hud-line::after { content: ''; position: absolute; right: 0; top: -2px; width: 5px; height: 5px; background: #009fe3; } #ox-landing-wrapper .ox-btn, #ox-landing-wrapper .ox-btn-download { display: inline-flex; align-items: center; justify-content: center; padding: 1rem 2rem; border: 1px solid #009fe3; color: #009fe3; font-family: 'Space Mono', monospace; text-transform: uppercase; font-weight: 700; position: relative; overflow: hidden; cursor: pointer; background: transparent; z-index: 1; text-align: center; width: auto; transition: all 0.3s ease; } #ox-landing-wrapper .ox-btn-download { width: 100%; font-size: 0.8rem; padding: 0.8rem; } #ox-landing-wrapper .ox-btn span, #ox-landing-wrapper .ox-btn-download span { display: block; position: relative; transition: transform 0.4s cubic-bezier(0.7, 0, 0.3, 1); z-index: 2; } #ox-landing-wrapper .ox-btn::after, #ox-landing-wrapper .ox-btn-download::after { content: attr(data-text); position: absolute; top: 100%; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; transition: transform 0.4s cubic-bezier(0.7, 0, 0.3, 1); z-index: 2; color: #050507; } #ox-landing-wrapper .ox-btn::before, #ox-landing-wrapper .ox-btn-download::before { content: ''; position: absolute; top: 0; left: 0; width: 0; height: 100%; background: #009fe3; transition: width 0.4s cubic-bezier(0.7, 0, 0.3, 1); z-index: 1; } #ox-landing-wrapper .ox-btn:not(.ox-btn-active):hover::before, #ox-landing-wrapper .ox-btn-download:not(.ox-btn-active):hover::before { width: 100%; } #ox-landing-wrapper .ox-btn:not(.ox-btn-active):hover span, #ox-landing-wrapper .ox-btn-download:not(.ox-btn-active):hover span { transform: translateY(-100%); } #ox-landing-wrapper .ox-btn:not(.ox-btn-active):hover::after, #ox-landing-wrapper .ox-btn-download:not(.ox-btn-active):hover::after { transform: translateY(-100%); } #ox-landing-wrapper .ox-corner-decor { position: absolute; width: 20px; height: 20px; border: 2px solid #009fe3; pointer-events: none; z-index: 5; } #ox-landing-wrapper .ox-tl { top: 0; left: 0; border-right: none; border-bottom: none; } #ox-landing-wrapper .ox-br { bottom: 0; right: 0; border-left: none; border-top: none; } #ox-landing-wrapper .ox-tech-list { list-style: none; color: #888899; font-size: 0.9rem; margin-top: 1.5rem; } #ox-landing-wrapper .ox-tech-list li { margin-bottom: 0.8rem; padding-left: 0; cursor: default; transition: all 0.3s ease; display: flex; align-items: center; } #ox-landing-wrapper .ox-tech-list li::before { content: '[+]'; margin-right: 10px; color: #555; transition: color 0.3s ease; font-family: 'Space Mono', monospace; } #ox-landing-wrapper .ox-tech-list li:hover { color: #ffffff; transform: translateX(10px); text-shadow: 0 0 10px rgba(0, 159, 227, 0.4); } #ox-landing-wrapper .ox-tech-list li:hover::before { color: #009fe3; } #ox-landing-wrapper .ox-hero { min-height: 80vh; display: flex; flex-direction: column; justify-content: center; padding: 4rem 0; position: relative; overflow: hidden; } #ox-landing-wrapper .ox-hero-bg { position: absolute; top: 0; right: 0; width: 90%; height: 100%; background: url('https://lojagoldentec.vteximg.com.br/arquivos/LP-MOUSE-NEBULA-bg-header-nebula.webp') no-repeat center center; background-size: cover; mask-image: linear-gradient(to right, transparent, black 50%); -webkit-mask-image: linear-gradient(to right, transparent, black 50%); z-index: 0; opacity: 0.9; } #ox-landing-wrapper .ox-hero-content { position: relative; z-index: 2; width: 100%; padding-left: max(2rem, calc((100vw - 1440px) / 2)); padding-right: max(2rem, calc((100vw - 1440px) / 2)); } #ox-landing-wrapper .ox-hero-logo { max-width: 150px; margin-bottom: 1.5rem; } #ox-landing-wrapper .ox-hero-status { display: flex; gap: 1rem; margin-bottom: 2rem; font-size: 0.8rem; color: #009fe3; } #ox-landing-wrapper .ox-hero-status span { border: 1px solid rgba(0, 159, 227, 0.2); padding: 0.2rem 0.5rem; } #ox-landing-wrapper .ox-scrolling-strip { background: #009fe3; color: #050507; padding: 0.8rem 0; overflow: hidden; white-space: nowrap; font-family: 'Rajdhani', sans-serif; font-weight: 700; font-size: 1.2rem; position: relative; z-index: 10; width: 100%; } #ox-landing-wrapper .ox-strip-content { display: inline-block; animation: ox-scroll 30s linear infinite; } @keyframes ox-scroll { 0% { transform: translateX(0); } 100% { transform: translateX(-25%); } } #ox-landing-wrapper .ox-section-lamina { display: grid; grid-template-columns: 1fr 1fr; border-bottom: 1px solid rgba(255, 255, 255, 0.1); position: relative; min-height: 600px; width: 100%; } #ox-landing-wrapper .ox-lamina-visual { position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; min-height: 400px; background: #000; } #ox-landing-wrapper .ox-lamina-visual video { width: 100%; height: 100%; object-fit: cover; display: block; } #ox-landing-wrapper .ox-lamina-content { display: flex; flex-direction: column; justify-content: center; position: relative; padding: 4rem; } #ox-landing-wrapper .ox-pos-left { padding-left: max(2rem, calc((100vw - 1440px) / 2)); padding-right: 4rem; } #ox-landing-wrapper .ox-pos-right { padding-right: max(2rem, calc((100vw - 1440px) / 2)); padding-left: 4rem; } #ox-landing-wrapper .ox-style-dark { background: #050507; } #ox-landing-wrapper .ox-style-blue { background: #009fe3; color: #050507; } #ox-landing-wrapper .ox-style-blue h2, #ox-landing-wrapper .ox-style-blue p, #ox-landing-wrapper .ox-style-blue .ox-tech-text { color: #050507; } #ox-landing-wrapper .ox-style-blue .ox-hud-line { background: #050507; } #ox-landing-wrapper .ox-style-blue .ox-hud-line::after { background: #050507; } #ox-landing-wrapper .ox-hotspot-wrapper { position: relative; width: 100%; height: 100%; background: #000; cursor: default; } #ox-landing-wrapper .ox-abs-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; display: block; } #ox-landing-wrapper .ox-img-bw { z-index: 1; filter: grayscale(100%) brightness(0.2) contrast(1.2); } #ox-landing-wrapper .ox-img-color { z-index: 2; clip-path: inset(0 0 0 0); transition: clip-path 0.4s cubic-bezier(0.25, 1, 0.5, 1); } #ox-landing-wrapper .ox-video-switcher-section { padding: 6rem 0; background: #050507; text-align: center; } #ox-landing-wrapper .ox-radio-logic { display: none; } #ox-landing-wrapper .ox-video-nav { display: flex; justify-content: center; gap: 12px; flex-wrap: wrap; margin: 2rem auto 4rem; padding: 0 2rem; max-width: 1440px; } #ox-landing-wrapper .ox-video-nav label { cursor: pointer; } #ox-landing-wrapper .ox-btn-active { background: #009fe3; color: #050507; } #ox-landing-wrapper .ox-btn-active span { transform: translateY(0) !important; } #ox-vid-1:checked~.ox-video-nav label[for="ox-vid-1"], #ox-vid-2:checked~.ox-video-nav label[for="ox-vid-2"], #ox-vid-3:checked~.ox-video-nav label[for="ox-vid-3"], #ox-vid-4:checked~.ox-video-nav label[for="ox-vid-4"], #ox-vid-5:checked~.ox-video-nav label[for="ox-vid-5"] { background: #009fe3; pointer-events: none; cursor: default; } #ox-vid-1:checked~.ox-video-nav label[for="ox-vid-1"] span, #ox-vid-2:checked~.ox-video-nav label[for="ox-vid-2"] span, #ox-vid-3:checked~.ox-video-nav label[for="ox-vid-3"] span, #ox-vid-4:checked~.ox-video-nav label[for="ox-vid-4"] span, #ox-vid-5:checked~.ox-video-nav label[for="ox-vid-5"] span { color: #050507; transform: translateY(0) !important; } #ox-vid-1:checked~.ox-video-nav label[for="ox-vid-1"]::before, #ox-vid-2:checked~.ox-video-nav label[for="ox-vid-2"]::before, #ox-vid-3:checked~.ox-video-nav label[for="ox-vid-3"]::before, #ox-vid-4:checked~.ox-video-nav label[for="ox-vid-4"]::before, #ox-vid-5:checked~.ox-video-nav label[for="ox-vid-5"]::before, #ox-vid-1:checked~.ox-video-nav label[for="ox-vid-1"]::after, #ox-vid-2:checked~.ox-video-nav label[for="ox-vid-2"]::after, #ox-vid-3:checked~.ox-video-nav label[for="ox-vid-3"]::after, #ox-vid-4:checked~.ox-video-nav label[for="ox-vid-4"]::after, #ox-vid-5:checked~.ox-video-nav label[for="ox-vid-5"]::after { display: none; } #ox-landing-wrapper .ox-video-main-display { position: relative; width: 90%; max-width: 1200px; aspect-ratio: 16/9; margin: 0 auto; border: 1px solid rgba(0, 159, 227, 0.3); overflow: hidden; background: #000; } #ox-landing-wrapper .ox-vid-pane { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: opacity 0.5s ease; } #ox-landing-wrapper .ox-vid-pane video { width: 100%; height: 100%; object-fit: cover; } #ox-vid-1:checked~.ox-video-main-display #pane-1, #ox-vid-2:checked~.ox-video-main-display #pane-2, #ox-vid-3:checked~.ox-video-main-display #pane-3, #ox-vid-4:checked~.ox-video-main-display #pane-4, #ox-vid-5:checked~.ox-video-main-display #pane-5 { opacity: 1; visibility: visible; } #ox-landing-wrapper .ox-css-lines { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 22; pointer-events: none; overflow: visible; } #ox-landing-wrapper .ox-css-lines .line { position: absolute; height: 2px; background: linear-gradient(90deg, #009fe3, rgba(0, 159, 227, 0.2)); transform-origin: left center; box-shadow: 0 0 10px #009fe3; opacity: 0.8; animation: flowLine 3s linear infinite; } @keyframes flowLine { 0% { opacity: 0.3; box-shadow: 0 0 5px #009fe3; } 50% { opacity: 1; box-shadow: 0 0 15px #009fe3, 0 0 30px #009fe3; } 100% { opacity: 0.3; box-shadow: 0 0 5px #009fe3; } } #ox-landing-wrapper .line-1 { top: 315px; left: 500px; width: 170px; transform: rotate(180deg); animation-delay: 0s; } #ox-landing-wrapper .line-2 { top: 370px; left: 500px; width: 150px; transform: rotate(-180deg); animation-delay: 0s; } #ox-landing-wrapper .line-3 { top: 250px; left: 555px; width: 135px; transform: rotate(-90deg); background: linear-gradient(90deg, rgba(0, 159, 227, 0.2), #009fe3); animation-delay: 1s; } #ox-landing-wrapper .line-4 { top: 207px; left: 635px; width: 215px; transform: rotate(0deg); background: linear-gradient(90deg, rgba(0, 159, 227, 0.2), #009fe3); animation-delay: 0s; } #ox-landing-wrapper .line-5 { top: 255px; left: 600px; width: 200px; transform: rotate(0deg); background: linear-gradient(90deg, rgba(0, 159, 227, 0.2), #009fe3); animation-delay: 2s; } #ox-landing-wrapper .line-endpoint { position: absolute; width: 6px; height: 6px; background: #009fe3; border-radius: 50%; z-index: 23; animation: pulseEndpoint 1.5s ease-in-out infinite; } @keyframes pulseEndpoint { 0% { transform: scale(1); opacity: 0.8; box-shadow: 0 0 10px #009fe3; } 50% { transform: scale(1.5); opacity: 1; box-shadow: 0 0 20px #009fe3; } 100% { transform: scale(1); opacity: 0.8; box-shadow: 0 0 10px #009fe3; } } #ox-landing-wrapper .endpoint-1 { top: 313px; left: 495px; animation-delay: 0s; } #ox-landing-wrapper .endpoint-2 { top: 368px; left: 495px; animation-delay: 0.2s; } #ox-landing-wrapper .endpoint-3 { top: 250px; left: 552px; animation-delay: 0.4s; } #ox-landing-wrapper .endpoint-4 { top: 205px; left: 630px; animation-delay: 0.6s; } #ox-landing-wrapper .endpoint-5 { top: 253px; left: 596px; animation-delay: 0.8s; } #ox-landing-wrapper .ox-bullet-group { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 20; opacity: 0; visibility: hidden; transition: opacity 0.4s ease; pointer-events: none; } #ox-vid-1:checked~.ox-video-main-display #bulletgroup-1, #ox-vid-2:checked~.ox-video-main-display #bulletgroup-2, #ox-vid-3:checked~.ox-video-main-display #bulletgroup-3, #ox-vid-4:checked~.ox-video-main-display #bulletgroup-4, #ox-vid-5:checked~.ox-video-main-display #bulletgroup-5 { opacity: 1; visibility: visible; } #ox-landing-wrapper .ox-bullet-left, #ox-landing-wrapper .ox-bullet-right { position: absolute; display: flex; flex-direction: column; justify-content: center; gap: 2rem; height: 100%; pointer-events: none; } #ox-landing-wrapper .ox-bullet-left { left: 5rem; top: -10px; } #ox-landing-wrapper .ox-bullet-right { right: 0; top: -20px; } #ox-landing-wrapper .ox-bullet-item { position: relative; background: rgba(5, 5, 7, 0.85); backdrop-filter: blur(4px); border-left: 3px solid #009fe3; padding: 0.5rem 1.0rem; width: 200px; text-align: left; font-family: 'Space Mono', monospace; font-size: 0.9rem; color: #ffffff; border-radius: 0 4px 4px 0; box-shadow: 0 0 20px rgba(0, 159, 227, 0.3); animation: bullet-glow 3s ease-in-out infinite; pointer-events: auto; cursor: pointer; transition: all 0.3s ease; z-index: 25; } #ox-landing-wrapper .ox-bullet-right .ox-bullet-item { border-left: none; border-right: 3px solid #009fe3; border-radius: 4px 0 0 4px; text-align: right; } #ox-landing-wrapper .ox-bullet-left .ox-bullet-item:nth-child(1) { position: relative; bottom: -25px; left: 50px; } #ox-landing-wrapper .ox-bullet-left .ox-bullet-item:nth-child(2) { position: relative; bottom: -8px; left: 70px; } #ox-landing-wrapper .ox-bullet-right .ox-bullet-item:nth-child(1) { position: relative; bottom: 150px; left: -620px; } #ox-landing-wrapper .ox-bullet-right .ox-bullet-item:nth-child(2) { position: relative; bottom: 108px; left: -150px; } #ox-landing-wrapper .ox-bullet-right .ox-bullet-item:nth-child(3) { position: relative; bottom: 130px; left: -200px; } #ox-landing-wrapper .ox-bullet-item:hover { transform: translateX(5px) scale(1.05); background: rgba(0, 159, 227, 0.3); box-shadow: 0 0 30px rgba(0, 159, 227, 0.6); } #ox-landing-wrapper .ox-bullet-right .ox-bullet-item:hover { transform: translateX(-5px) scale(1.05); } @keyframes bullet-glow { 0% { box-shadow: 0 0 10px rgba(0, 159, 227, 0.2); } 50% { box-shadow: 0 0 25px rgba(0, 159, 227, 0.5); } 100% { box-shadow: 0 0 10px rgba(0, 159, 227, 0.2); } } @media (max-width: 768px) { #ox-landing-wrapper .ox-bullet-left { left: 2rem; font-size: 10px; } #ox-landing-wrapper .ox-bullet-right { right: 30px; font-size: 10px; } #ox-landing-wrapper .ox-bullet-left .ox-bullet-item:nth-child(1) { bottom: -35px; left: -20px; width: 110px; font-size: 10px; } #ox-landing-wrapper .ox-bullet-left .ox-bullet-item:nth-child(2) { bottom: -40px; left: -20px; width: 130px; font-size: 10px; } #ox-landing-wrapper .ox-bullet-right .ox-bullet-item:nth-child(1) { bottom: 0; left: -130px; width: 80px; font-size: 10px; } #ox-landing-wrapper .ox-bullet-right .ox-bullet-item:nth-child(2) { bottom: 23px; left: 35px; width: 110px; font-size: 10px; } #ox-landing-wrapper .ox-bullet-right .ox-bullet-item:nth-child(3) { bottom: 23px; left: 20px; width: 125px; font-size: 10px; } #ox-landing-wrapper .line-1 { top: 75px; left: 210px; width: 60px; transform: rotate(0deg); } #ox-landing-wrapper .line-2 { top: 103px; left: 152px; width: 50px; transform: rotate(170deg); } #ox-landing-wrapper .line-3 { top: 75px; left: 179px; width: 45px; transform: rotate(-90deg); } #ox-landing-wrapper .line-4 { top: 110px; left: 155px; width: 90px; transform: rotate(140deg); } #ox-landing-wrapper .line-5 { top: 82px; left: 192px; width: 80px; transform: rotate(30deg); } #ox-landing-wrapper .endpoint-1 { top: 73px; left: 205px; } #ox-landing-wrapper .endpoint-2 { top: 100px; left: 150px; } #ox-landing-wrapper .endpoint-3 { top: 110px; left: 150px; } #ox-landing-wrapper .endpoint-4 { top: 73px; left: 176px; } #ox-landing-wrapper .endpoint-5 { top: 80px; left: 190px; } } #ox-landing-wrapper .ox-features-section { padding: 6rem 0 0 0; background: #050507; } #ox-landing-wrapper .ox-features-header { text-align: center; padding-left: max(2rem, calc((100vw - 1440px) / 2)); padding-right: max(2rem, calc((100vw - 1440px) / 2)); margin-bottom: 4rem; } #ox-landing-wrapper .ox-features-header .ox-hud-line { max-width: 100px; margin: 2rem auto; } #ox-landing-wrapper .ox-features-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 1px; width: 100%; padding-left: max(0px, calc((100vw - 1440px) / 2)); padding-right: max(0px, calc((100vw - 1440px) / 2)); } #ox-landing-wrapper .ox-feature-card { background: #0f0f13; position: relative; height: 450px; overflow: hidden; display: flex; flex-direction: column; justify-content: flex-end; } #ox-landing-wrapper .ox-card-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), filter 0.6s ease; z-index: 1; } #ox-landing-wrapper .ox-card-bg::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to top, rgba(5, 5, 7, 0.95) 0%, rgba(5, 5, 7, 0.4) 50%, rgba(5, 5, 7, 0.1) 100%); z-index: 2; } #ox-landing-wrapper .ox-card-content { position: relative; z-index: 3; padding: 2.5rem; width: 100%; transform: translateY(120px); transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1); } #ox-landing-wrapper .ox-icon-zone { font-size: 2rem; color: #009fe3; margin-bottom: 1rem; border: 1px solid rgba(0, 159, 227, 0.5); background: rgba(0, 0, 0, 0.3); width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; font-family: 'Rajdhani', sans-serif; backdrop-filter: blur(5px); } #ox-landing-wrapper .ox-card-desc { opacity: 0; transform: translateY(20px); transition: opacity 0.4s ease 0.1s, transform 0.4s ease 0.1s; } #ox-landing-wrapper .ox-card-tech-id { margin-top: 1.5rem; font-size: 0.7rem; color: #009fe3; opacity: 0; transition: opacity 0.4s ease 0.2s; } #ox-landing-wrapper .ox-feature-card:hover .ox-card-bg { transform: translateY(-40px) scale(1.25); filter: grayscale(100%) contrast(1.2) brightness(0.5); } #ox-landing-wrapper .ox-feature-card:hover .ox-card-content { transform: translateY(0); } #ox-landing-wrapper .ox-feature-card:hover .ox-card-desc, #ox-landing-wrapper .ox-feature-card:hover .ox-card-tech-id { opacity: 1; transform: translateY(0); } #ox-landing-wrapper .ox-cross-sell { padding: 6rem 0; background: #050507; text-align: center; border-top: 1px solid #009fe3; } #ox-landing-wrapper .ox-downloads-section { padding: 6rem 0; background: #09090c; text-align: center; border-top: 1px solid rgba(0, 159, 227, 0.2); } #ox-landing-wrapper .ox-product-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 2rem; width: 100%; margin: 4rem auto; padding-left: 2rem; padding-right: 2rem; } #ox-landing-wrapper .ox-product-card { background: #0f0f13; border: 1px solid rgba(255, 255, 255, 0.05); padding: 2rem; transition: transform 0.3s, border-color 0.3s; text-align: left; display: flex; flex-direction: column; justify-content: space-between; } #ox-landing-wrapper .ox-product-card:hover { transform: translateY(-5px); border-color: #009fe3; } #ox-landing-wrapper .ox-prod-img-box { height: 200px; background: #050507; margin-bottom: 1.5rem; display: flex; align-items: center; justify-content: center; overflow: hidden; } #ox-landing-wrapper .ox-prod-img-box img { width: auto; } #ox-landing-wrapper .ox-download-box { height: 120px; background: rgba(0, 159, 227, 0.05); margin-bottom: 1.5rem; display: flex; align-items: center; justify-content: center; border: 1px dashed rgba(0, 159, 227, 0.3); color: #009fe3; font-size: 3rem; } #ox-landing-wrapper .ox-prod-name { font-family: 'Rajdhani', sans-serif; font-size: 1.5rem; color: #ffffff; margin-bottom: 0.5rem; font-weight: 700; } #ox-landing-wrapper .ox-prod-tag { color: #009fe3; font-size: 0.8rem; text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 1.5rem; } #ox-landing-wrapper .ox-seo-container { background: #020203; border-top: 1px solid rgba(255, 255, 255, 0.05); padding: 3rem 0; margin-top: -1px; text-align: left; } #ox-landing-wrapper .ox-seo-wrapper { padding-left: max(2rem, calc((100vw - 1440px) / 2)); padding-right: max(2rem, calc((100vw - 1440px) / 2)); } #ox-landing-wrapper .ox-seo-text { font-size: 0.85rem; line-height: 1.8; color: #555566; max-width: 1440px; text-align: center; margin: auto; } #ox-landing-wrapper .ox-seo-text strong { color: #777788; } @media (max-width: 900px) { #ox-landing-wrapper .ox-section-lamina { grid-template-columns: 1fr; min-height: auto; } #ox-landing-wrapper .ox-lamina-visual { height: 400px; order: -1; min-height: auto; } #ox-landing-wrapper .ox-pos-left, #ox-landing-wrapper .ox-pos-right, #ox-landing-wrapper .ox-hero-content { padding-left: 2rem; padding-right: 2rem; } #ox-landing-wrapper .ox-hero { justify-content: flex-end; padding-top: 6rem; } #ox-landing-wrapper .ox-hero-desc, #ox-landing-wrapper .ox-hero-status { display: none; } #ox-landing-wrapper .ox-hero-bg { width: 100%; opacity: 0.6; background-position: 76% center; } #ox-landing-wrapper h1 { font-size: 3.5rem; } #ox-landing-wrapper .ox-video-nav { display: grid; grid-template-columns: 1fr 1fr; } } SYSTEM: ONLINE MODEL: NEBULA_12800 COLOR: #009FE3 MOUSE GAMERNEBULA Agilidade astronômica na sua gameplay. MOUSE GAMER NEBULA // ATÉ 12800 DPI // ILUMINAÇÃO RGB // 6 BOTÕES + SCROLL // MOUSE GAMER NEBULA // ATÉ 12800 DPI // ILUMINAÇÃO RGB // 6 BOTÕES + SCROLL // MOUSE GAMER NEBULA // ATÉ 12800 DPI // ILUMINAÇÃO RGB // 6 BOTÕES + SCROLL // MOUSE GAMER NEBULA // ATÉ 12800 DPI // ILUMINAÇÃO RGB // 6 BOTÕES + SCROLL // MOUSE GAMER NEBULA // ATÉ 12800 DPI // ILUMINAÇÃO RGB // 6 BOTÕES + SCROLL // MOUSE GAMER NEBULA // ATÉ 12800 DPI // ILUMINAÇÃO RGB // 6 BOTÕES + SCROLL // MOUSE GAMER NEBULA // ATÉ 12800 DPI // ILUMINAÇÃO RGB // 6 BOTÕES + SCROLL // MOUSE GAMER NEBULA // ATÉ 12800 DPI // ILUMINAÇÃO RGB // 6 BOTÕES + SCROLL // 01 // Sensibilidade inigualável MAIS PRECISÃO PARA A SUA GAMEPLAY O Mouse Gamer Nebula OX é ideal para todo tipo de player. Com sensibilidade de até 12.800 DPI, jogue desde FPS até jogos Sandbox com a agilidade que você precisa. Mais estabilidade para rastrear inimigos Mais precisão nos flicks 02 // RESPOSTA na VELOCIDADE DA LUZ + Comandos - Tempo de resposta. Sem atraso. Sem gravidade. O Nebula surge do coração de uma nebulosa cósmica com 6 botões + scroll, posicionados para acesso rápido e confortável no meio do caos gamer. Com um polling rate de 1000Hz, cada comando corta o vazio espacial em instantes. Cada reação explode no tempo exato. Em FPS, milissegundos definem o resultado — e você domina o universo. 03 // NÚCLEO DE COMANDO AVANÇADO CONTROLE TOTAL PARA A SUA GAMEPLAY Movimentos rápidos. Respostas instantâneas.Controle total em qualquer campo de batalha. CS2 FORTNITE GTA RP COD WARZONE VALORANT FACA FLASH / SMOKE ATIRAR MIRAR TROCA ARMA CONSTRUÇÃO SIMPLES SHILD ATIRAR MIRAR MARCAÇÃO MIC MUDAR ARMA ATIRAR MIRAR EMOTES FLASH/SMOKE DESLIZE ATIRAR MIRA TÁTICA MAPA HABILIDADE 1 HABILIDADE 2 ATIRAR MIRAR PULAR 6 botões + Scroll Até 12800 DPI Iluminação RGB Conector USB banhado a ouro Compatibilidade 6 configurações de DPI 1000 Hz Polling Rate TECNOLOGIA INTEGRADA SISTEMA DE ALTA PERFORMANCE Desenvolvido para máxima precisão em qualquer campo de batalha. L Nébula poderosa A iluminação RGB transforma seu setup em um ponto de destaque no meio do vácuo espacial. MATERIAL_ID: FABRIC_V9 D ARQUITETURA Interestelar Design ergonômico que garante conforto e controle preciso em longas missões. SUPPORT: FIXED_PAD C CONEXÃO UNIVERSAL Cabo USB com conexão banhada a ouro para conexão estável. Compatível com Windows, macOS e Linux. RESISTANCE: EXTREME ECOSSISTEMA EM SINCRONIA COMPLETE SEU SETUP HEADSET ORION Surround 7.1 VER DETALHES MONITOR PIVOT 24"_165Hz / IPS VER DETALHES TECLADO MOON TECLADO MECÂNICO 60% VER DETALHES VER LINHA COMPLETA SOBRE O MOUSE GAMER NEBULA OX O Mouse Gamer Nebula OX combina ergonomia, conforto e desempenho para longas sessões de jogos ou trabalho. Com até 12800 DPI, Polling Rate de 1000Hz, 6 botões + Scroll e Iluminação RGB, ajuda a manter a precisão e reduzir a fadiga muscular. ESPECIFICAÇÕES TÉCNICAS MarcaOX ModeloNebula CorPreto Tipo de MouseGamer Botões6 Botões + Scroll ConectividadeUSB com fio IluminaçãoRGB (Max + Ajustes)12000 DPI ( 6 opções de ajustes - 800,1200,1600,3200,5600,12000) Pooling Rate1000Hz (Com 3 opções de ajustes - 125,500,1000Hz) Formato do mouseErgonômico Formato das mãosAmbidestro AntiderrapanteSim MaterialABS Tipo de caboCabo trançado Comprimento do cabo1,6 metros Gamers onlyMacros programáveis: Sim (Somente compatível com Windows) Peso100g Dimensões do produto12,6*6,3*3,9cm Conteúdo da embalagem1 Mouse " />