Monitor Gamer 27" OX Flat IPS Full HD, 5ms, 165Hz, HDMI/DisplayPort/VGA

Monitor Gamer 27" OX Photon Flat conta com tela IPS Full HD, 5ms de tempo de resposta, 165Hz com as conexões HDMI, DisplayPort. Conta ainda com as funções Freesync, OverDrive, Low Blue Light, Flicker-Free.

Confira mais informações sobre o produto.





Get - Monitor Gamer Pivot





/* ================================================= */
/* 1. ESTILOS GLOBAIS E RESETS */
/* ================================================= */
* {
margin: 0;
padding: 10;
box-sizing: border-box;
}

html {
scroll-behavior: smooth;
}

.page-wrapper {
font-family: "Urbanist", sans-serif;
background-color: #ffffff;
overflow-x: hidden;
}

.video-render-fix {
margin-bottom: -2px; /* Puxa o conteúdo de baixo para cima, cobrindo a linha */
position: relative; /* Necessário para o z-index funcionar */
z-index: 1; /* Garante que o vídeo fique por cima de qualquer falha */
clip-path: inset(1px 0px);

}


/* ================================================= */
/* 2. SEÇÃO HERO */
/* ================================================= */
.hero-section {
display: flex;
align-items: center;
justify-content: center;
position: relative;
height: 90vh;
min-height: 700px;
background-image: url("https://lojagoldentec.vteximg.com.br/arquivos/PHOTON-L1--.jpg");
background-size: cover;
background-position: center;
color: #f2f2f2;
}

.hero-container {
max-width: 1440px;
width: 100%;


padding: 0 24px;
position: relative;
z-index: 1;
}

.hero-content {
max-width: 70%;
align-content: flex-start;

vertical-align: top;
text-align: left;
}

.logo-image {
width: 150px;
height: auto;
margin-bottom: 5px;
color: #bccf00;
transition: color 0.3s ease-in-out;
cursor: pointer;
}

.logo-image .cls-1 {
fill: currentColor;
}

.product-name {
font-size: 50px;
font-weight: 500;
margin-bottom: 0;
margin-left: px;
}

.slogan {
font-size: 85px;
font-weight: 700;
line-height: 0.9;
text-transform: lowercase;
margin-bottom: 90px;
}

/* ================================================= */
/* 3. COMPONENTES E ESTILOS REUTILIZÁVEIS */
/* ================================================= */
.section-block {
max-width: 1196px;
margin: 0 auto 80px;
text-align: center;
}

.section-title {
font-size: 35px;
font-weight: 500;
color: #101010;
margin-bottom: 5px;
}

.section-subtitle {
font-size: 20px;
font-weight: 400;
color: #525252;
line-height: 1.6;
max-width: 1196px;
margin: 0 auto 30px;
}

.section-block img {
width: 100%;
height: auto;
max-width: 100%;
border-radius: 10px;
object-fit: cover;
}

section-block video {
max-width: 1196px;
align-content: center;
}

/* --- Estratégia de imagem responsiva --- */
.mobile-only {
display: none;
}
.desktop-only {
display: block;
}

/* ================================================= */
/* 4. SEÇÕES ESPECÍFICAS */
/* ================================================= */

/* --- 4.1. Seção de Navegação (Anchor Links) --- */
.anchor-links-section {
background-color: #ffffff;
width: 100%;
padding: 80px 0 0px;
position: relative;
z-index: 2;
margin-top: -50px;
border-radius: 20px 20px 0 0;
}

.anchor-links-section .section-block {
margin-bottom: 0;
padding: 0 18px;
}

.seo-container {
max-width: 1196px;
margin: auto;
border-radius: 20px;
border: 1px solid #e0e0e0;
padding: 20px;
}

.section-pre-title {
font-size: 18px;
font-weight: 800;
color: #bccf00;
text-align: center;
margin-bottom: 10px;
text-transform: uppercase;
letter-spacing: 0.5px;
}

.anchor-links-section .section-subtitle {
margin-bottom: 40px;
color: #525252;
}

.anchor-nav-list {
display: flex;
flex-wrap: wrap;
justify-content: center;
list-style: none;
padding: 0;
margin: 0;
margin-top: -20px;
}

.anchor-nav-list li {
margin: 5px 10px;
}

.anchor-nav-list li + li::before {
content: "|";
color: #cccccc;
margin-right: 15px;
font-size: 20px;
}

.anchor-nav-list a {
text-decoration: none;
color: #525252;
font-weight: 500;
font-size: 18px;
background: linear-gradient(to right, #e0e0e0, #e0e0e0), linear-gradient(to right, #bccf00, #bccf00);
background-size: 100% 0.1em, 0 0.1em;
background-position: 100% 100%, 0 100%;
background-repeat: no-repeat;
transition: 400ms;
padding: 2px;
}

.anchor-nav-list a:hover,
.anchor-nav-list a:focus {
color: #101010;
background-size: 0 0.1em, 100% 0.1em;
}

/* --- 4.2. Seção Lights Off --- */
.lights-off-section {
background: black;
padding: 100px 0;
position: relative;
display: flex;
align-items: center;
overflow: hidden;
min-height: 600px;