Tablet Get NexPro 4G 64GB, 4GB RAM, Tela LCD de 10.1", Câmera 8.0MP, Bluetooth, Android

Tablet NexPro





* { margin: 0; padding: 0; box-sizing: border-box }
html, body { overflow-x: visible; }
html { scroll-behavior: smooth; }
.page-wrapper { font-family: "Urbanist", sans-serif; background-color: #ffffff; overflow-x: clip !important; overflow-y: visible; }


.hero-section {
display: flex; align-items: flex-end; justify-content: center;
position: relative; height: 100vh; min-height: 700px;
background-image: url("https://lojagoldentec.vteximg.com.br/arquivos/NexProHero.jpg");
background-size: cover; background-position: top; color: #ffffff;
overflow: hidden;
}
.hero-bg-video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 0;
pointer-events: none;
}
.hero-overlay {
width: 100%;
padding: 120px 0 60px;
display: flex;
justify-content: center;
position: relative;
z-index: 1;
background: linear-gradient(to top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
}
.hero-container {
max-width: 1440px; width: 100%; margin: 0 auto; padding: 0 40px;
display: flex; justify-content: space-between; align-items: flex-end;
flex-wrap: wrap; gap: 30px; position: relative; z-index: 1;
}
.hero-content { text-align: left; max-width: 1200px; }
.product-name-hero { font-size: 24px; font-weight: 600; letter-spacing: 1px; color: #ffffff; display: block; margin-bottom: -10px; }
.slogan-hero { font-size: 100px; font-weight: 600; line-height: 1; color: #ffffff; margin: 0; }
.hero-btn {
font-family: "Urbanist", sans-serif;
display: inline-flex; align-items: center; justify-content: center;
background-color: rgba(255, 255, 255, 0.15); backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
color: #ffffff; font-size: 18px; font-weight: 700; text-decoration: none;
padding: 16px 48px; border-radius: 12px;
transition: border-radius 0.5s ease, color 0.5s ease, transform 0.3s ease, background-color 0.3s ease;
border: 1px solid rgba(255, 255, 255, 0.3); margin-bottom: 10px;
cursor: pointer;
}
.hero-btn:hover { transform: scale(1.15); background-color: rgba(188, 207, 0, 1); color: #101010; border-radius: 36px; }

/* Video Modal Lightbox Styles */
.video-modal {
position: fixed;
z-index: 9999;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
background-color: rgba(0, 0, 0, 0.85);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
visibility: hidden;
transition: opacity 0.4s ease, visibility 0.4s ease;
}
.video-modal.active {
opacity: 1;
visibility: visible;
}
.video-modal-content {
position: relative;
width: 95%;
max-width: 1050px;
background-color: #000;
border-radius: 16px;
overflow: hidden;
box-shadow: 0 20px 50px rgba(0, 0, 0, 0.6);
border: 1px solid rgba(255, 255, 255, 0.1);
display: flex;
transform: scale(0.85) translateY(20px);
transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.video-modal.active .video-modal-content {
transform: scale(1) translateY(0);
}
.video-modal-close {
position: absolute;
top: 15px;
right: 20px;
color: #fff;
font-size: 35px;
font-weight: bold;
cursor: pointer;
z-index: 10;
transition: color 0.3s, transform 0.3s;
line-height: 1;
}
.video-modal-close:hover {
color: #bccf00;
transform: scale(1.1);
}
#modal-video-player, #modal-video-iframe {
width: 100%;
aspect-ratio: 16/9;
display: block;
}


.content-section-black { position: relative; z-index: 2; }
.section-title { font-size: 35px; font-weight: 500; color: #101010; margin-bottom: 5px; }
.resistencia-badge { display: inline-block; padding: 12px 28px; border: 1.5px solid #101010; border-radius: 50px; font-size: 12px; font-weight: 700; letter-spacing: 1.8px; color: #101010; white-space: nowrap; }
.resistencia-counter { font-size: 14px; font-weight: 500; color: #101010; letter-spacing: 0.5px; }


.anchor-links-section { background-color: #ffffff; padding: 150px 0 80px; width: 100%; position: relative; z-index: 2; overflow: hidden; }
.gif-container { width: 100%; display: flex; flex-direction: column; align-items: center; text-align: center; }
.static-headline { font-family: "Urbanist", sans-serif; font-size: 64px; font-weight: 800; color: #101010; line-height: 1; margin: 0 0 30px 0; letter-spacing: -1px; }
.custom-gif-block {
width: 50%; aspect-ratio: 16/6;
background-color: #ffffff; background-size: contain; background-position: center; background-repeat: no-repeat;
margin-top: -90px; z-index: -1;
animation: imageSwap 1.2s infinite steps(1);
}
@keyframes imageSwap {
0% { background-image: url("https://lojagoldentec.vteximg.com.br/arquivos/vctbmn1.jpg"); }
33% { background-image: url("https://lojagoldentec.vteximg.com.br/arquivos/vctbmn2.jpg"); }
66% { background-image: url("https://lojagoldentec.vteximg.com.br/arquivos/vctbmn3.jpg"); }
}
.custom-gif-block2 {
width: 50%; aspect-ratio: 16/6;
background-color: #ffffff; background-size: contain; background-position: center; background-repeat: no-repeat;
margin-top: -90px; z-index: -1;
animation: imageSwap2 1.2s infinite steps(1);
}
@keyframes imageSwap2 {
0% { background-image: url("https://lojagoldentec.vteximg.com.br/arquivos/semlimtes1.jpg"); }
33% { background-image: url("https://lojagoldentec.vteximg.com.br/arquivos/semlimtes2.jpg"); }
66% { background-image: url("https://lojagoldentec.vteximg.com.br/arquivos/semlimtes3.jpg"); }
}
.custom-gif-block3 {
width: 50%; aspect-ratio: 16/6;
background-color: #ffffff; background-size: contain; background-position: center; background-repeat: no-repeat;
margin-top: -90px; z-index: -1; margin-bottom: 120px;
animation: imageSwap3 1.2s infinite steps(1);
}
@keyframes imageSwap3 {
0% { background-image: url("https://lojagoldentec.vteximg.com.br/arquivos/noseutempo11.jpg"); }
33% { background-image: url("https://lojagoldentec.vteximg.com.br/arquivos/noseutempo2.jpg"); }
66% { background-image: url("https://lojagoldentec.vteximg.com.br/arquivos/noseutempo3.jpg"); }
}


.manual-carousel-dots { display: none; }
.manual-carousel-radio { display: none; }
.carousel-outer { position: relative; width: 100%; }
.carousel-wrapper { max-width: 1440px; margin: 60px auto 0; padding: 0 24px; position: relative; }
.carousel-header { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 60px; }
.carousel-title-section { flex: 1; text-align: left; }
.carousel-gallery-counter { font-size: 14px; font-weight: 500; color: #101010; margin-bottom: 15px; letter-spacing: 0.5px; }
.carousel-main-title { font-size: 72px; font-weight: 700; line-height: 0.8; color: #101010; margin: 0; max-width: 700px; text-align: left; }
.carousel-badge-section { display: flex; flex-direction: column; align-items: flex-end; text-align: right; }
.carousel-experience-badge {
display: inline-block; padding: 12px 28px; border: 1.5px solid #101010;
border-radius: 50px; font-size: 12px; font-weight: 700; letter-spacing: 1.8px;
color: #101010; margin-bottom: 12px; white-space: nowrap;
}
.carousel-badge-disclaimer { font-size: 20px; font-weight: 400; color: #525252; line-height: 1.5; max-width: 650px; text-align: right; }
.carousel-radio { display: none; }
.carousel-track-wrapper { overflow: visible; position: relative; }
.carousel-track { display: flex; transition: transform 0.6s cubic-bezier(0.645,0.045,0.355,1); margin: 0 -24px; }
.carousel-arrow {
display: none; position: absolute; top: calc(50% + 75px); transform: translateY(-50%);
width: 54px; height: 54px; background-color: rgba(255,255,255,0.65);
backdrop-filter: blur(6px); border: 1.5px solid rgba(224,224,22