/* === CONFIGURAÇÕES GLOBAIS === */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
/* === VARIÁVEIS CSS (FÁCIL PERSONALIZAÇÃO) === */
:root {
/* Cores principais */
--primary-bg: #000000;
--secondary-bg: #2F2D37;
--accent-bg: #00000077;
--hover-bg: #C60001;
--accent-color: #C60001;
--danger-color: #000000;
--text-primary: #ffffff;
--text-secondary: #f0f0f0;
--border-color: #C60001;
/* Espaçamentos */
--spacing-xs: 8px;
--spacing-sm: 16px;
--spacing-md: 24px;
--spacing-lg: 32px;
--spacing-xl: 48px;
/* Tamanhos de fonte */
--font-xs: 0.875rem;
--font-sm: 1rem;
--font-md: 1.2rem;
--font-lg: 1.5rem;
--font-xl: 1.8rem;
--font-2xl: 2.5rem;
/* Bordas */
--border-radius: 10px;
--border-radius-sm: 8px;
/* Sombras */
--shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.1);
--shadow-md: 0 4px 6px rgba(0, 0, 0, 0.15);
font-family: 'Roboto', 'Inter', 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
}
/* === CONTAINER PRINCIPAL === */
.product-page {
background-color: var(--primary-bg);
min-height: 100vh;
width: 100%;
}
.container {
max-width: 1200px;
margin: 0 auto;
padding: 0 var(--spacing-md);
}
/* === CABEÇALHO DO PRODUTO === */
.product-header {
text-align: center;
padding: var(--spacing-xl) 0;
}
.product-title {
font-size: var(--font-2xl);
margin-bottom: var(--spacing-sm);
}
.product-name {
color: white;
font-weight: bold;
}
.product-brand {
font-size: var(--font-2xl);
margin-bottom: var(--spacing-md);
font-weight: normal;
color: var(--accent-color);
}
.product-subtitle {
font-size: var(--font-md);
color: var(--text-secondary);
max-width: 800px;
margin: 0 auto;
}
.imgContainerHeader {
max-width: 1000px;
margin: 0 auto;
display: flex;
justify-content: center;
margin-top: 2vh;
}
/* === SEÇÕES DE CONTEÚDO === */
.content-section {
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: var(--spacing-lg);
padding: var(--spacing-lg);
background-color: var(--secondary-bg);
border-radius: var(--border-radius);
max-width: 1000px;
margin-left: auto;
margin-right: auto;
margin-bottom: var(--spacing-lg);
}
.content-section img {
width: 100%;
max-width: 300px;
height: auto;
border-radius: var(--border-radius-sm);
margin-bottom: var(--spacing-md);
transition: transform 0.3s ease;
}
.content-text {
width: 100%;
text-align: left;
}
.content-text h2 {
font-size: var(--font-xl);
margin-bottom: var(--spacing-sm);
color: var(--accent-color);
}
.content-text p {
font-size: var(--font-md);
line-height: 1.6;
color: var(--text-secondary);
}
.content-text ul {
list-style: none;
padding: 0;
}
.content-text li {
position: relative;
padding-left: var(--spacing-md);
margin-bottom: var(--spacing-xs);
font-size: var(--font-md);
line-height: 1.5;
color: white;
}
.content-text li::before {
content: "•";
color: var(--accent-color);
font-weight: bold;
position: absolute;
left: 0;
}
/* === ESPECIFICAÇÕES === */
.specs-container {
max-width: 1000px;
margin: 0 auto var(--spacing-lg);
background-color: var(--secondary-bg);
border-radius: var(--border-radius);
padding: var(--spacing-lg);
}
.product-intro {
background-color: var(--accent-bg);
padding: var(--spacing-md);
border-radius: var(--border-radius-sm);
margin-bottom: var(--spacing-md);
border-left: 4px solid var(--accent-color);
}
.product-intro h3 {
font-size: var(--font-lg);
margin-bottom: var(--spacing-sm);
color: var(--accent-color);
}
.product-intro p {
margin-bottom: var(--spacing-sm);
font-size: var(--font-md);
line-height: 1.6;
color: white;
}
.specs-group {
margin-bottom: var(--spacing-lg);
}
.specs-group-title {
font-size: var(--font-xl);
font-weight: 700;
color: var(--accent-color);
margin-bottom: var(--spacing-md);
padding-bottom: var(--spacing-sm);
border-bottom: 2px solid var(--accent-color);
text-align: center;
}
.table-container {
overflow-x: auto;
border-radius: var(--border-radius-sm);
background-color: var(--accent-bg);
margin-bottom: var(--spacing-md);
}
.specs-table {
width: 100%;
border-collapse: collapse;
}
.specs-table th,
.specs-table td {
padding: var(--spacing-sm);
text-align: left;
border-bottom: 1px solid var(--border-color);
color: var(--text-secondary);
font-size: var(--font-sm);
}
.specs-table th {
font-weight: 600;
width: 30%;
min-width: 150px;
}
.specs-table td {
width: 70%;
line-height: 1.4;
}
.specs-table td ul {
list-style: none;
padding: 0;
margin: 0;
}
.specs-table td li {
margin-bottom: 4px;
position: relative;
padding-left: var(--spacing-sm);
}
.specs-table td li::before {
content: "•";
color: var(--accent-color);
position: absolute;
left: 0;
}
.specs-table tr:hover {
background-color: var(--hover-bg);
}
/* === SEÇÃO DE LINKS === */
.links-section {
max-width: 1000px;
margin: 0 auto var(--spacing-lg);
background-color: var(--secondary-bg);
border-radius: var(--border-radius);
padding: var(--spacing-lg);
text-align: center;
}
.links-section h2 {
font-size: var(--font-xl);
color: var(--accent-color);
margin-bottom: var(--spacing-lg);
padding-bottom: var(--spacing-sm);
border-bottom: 2px solid var(--accent-color);
}
.links-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: var(--spacing-md);
margin-bottom: var(--spacing-lg);
}
.link-card {
background-color: var(--accent-bg);
border-radius: var(--border-radius-sm);
padding: var(--spacing-md);
transition: all 0.3s ease;
border: 2px solid transparent;
}
.link-card:hover {
transform: translateY(-5px);
border-color: var(--accent-color);
box-shadow: var(--shadow-md);
}
.link-card {
text-decoration: none;
color: var(--text-primary);
display: block;
}
.link-card h3 {
font-size: var(--font-lg);
margin-bottom: var(--spacing-sm);
color: var(--accent-color);
}
.link-card p {
font-size: var(--font-sm);
color: var(--text-secondary);
line-height: 1.4;
}
.cta-button {
display: inline-block;
background-color: var(--accent-color);
color: var(--primary-bg);
padding: var(--spacing-sm) var(--spacing-lg);
border-radius: var(--border-radius-sm);
text-decoration: none;
font-weight: bold;
font-size: var(--font-md);
transition: all 0.3s ease;
margin-top: var(--spacing-md);
}
.cta-button:hover {
background-color: #4f94f0;
transform: translateY(-2px);
box-shadow: var(--shadow-md);
}
/* === RODAPÉ COM IMAGENS === */
.footer-images {
text-align: center;
padding: var(--spacing-lg) 0;
}
.footer-images img {
width: 100%;
max-width: 800px;
height: auto;
margin-bottom: var(--spacing-md);
border-radius: var(--border-radius-sm);
}
/* === RESPONSIVIDADE === */
@media (min-width: 768px) {
.content-section {
flex-direction: row;
align-items: center;
gap: var(--spacing-xl);
padding: var(--spacing-xl);
}
.content-section:nth-child(even) {
flex-direction: row-reverse;
}
.content-section img {
flex: 0 0 50%;
max-width: 400px;
margin-bottom: 0;
}
.content-text {
flex: 1;
}
.content-text h2 {
font-size: var(--font-xl);
}
.content-text p {
font-size: var(--font-md);
}
.specs-table th {
font-size: var(--font-sm);
}
.specs-table td {
font-size: var(--font-md);
}
}
@media (min-width: 1024px) {
.container {
padding: 0 var(--spacing-lg);
}
.product-header {
padding: var(--spacing-xl) 0 var(--spacing-xl);
}
.content-section {
padding: var(--spacing-xl);
margin-bottom: var(--spacing-xl);
}
}
/* === UTILITÁRIOS === */
.text-center {
text-align: center;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.mb-sm {
margin-bottom: var(--spacing-sm);
}
.mb-md {
margin-bottom: var(--spacing-md);
}
.mb-lg {
margin-bottom: var(--spacing-lg);
}
.p-sm {
padding: var(--spacing-sm);
}
.p-md {
padding: var(--spacing-md);
}
.p-lg {
padding: var(--spacing-lg);
}
.responsive-img {
max-width: 100%;
height: auto;
display: block;
}
Teclado Mecânico Gamer New Hero Prisma
New Hero Prisma
Microfone Gamer New Hero Vox, RGB, USB, Branco
Destaques
Switches Blue com clique tátil e sonoro, oferecendo feedback preciso para digitação e jogos.
Iluminação RGB Rainbow com 21 efeitos, proporcionando visual vibrante ao setup
Layout compacto TKL (87 teclas) no padrão ABNT2, ideal para quem usa tecla “ç” e busca economia de espaço.
Taxa de sondagem de 1000?Hz e anti-ghosting em todas as teclas, garantindo resposta rápida e sem falhas em jogos.
Conexão USB plug play com cabo de 1,5?m, sem necessidade de drivers, compatível com Windows 7 ou superior.
Iluminação RGB Rainbow
A retroiluminação em arco-íris oferece efeito vibrante em todo o teclado, conferindo visual moderno e atraente ao setup gamer. Embora não conte com software dedicado para personalização, o efeito dinâmico em ciclo contínuo realça o ambiente sem complicações adicionais.
Switches Blue com clique tátil e sonoro
Equipado com interruptores mecânicos Blue, o Commander TKL oferece um feedback tátil e auditivo característico, que agrada tanto aos gamers quanto aos digitadores assíduos. Com durabilidade de até 50 milhões de pressionamentos e força de atuação de cerca de 60±10g, esses switches proporcionam precisão e consistência a cada toque.
Taxa de sondagem de 1000 Hz e anti-ghosting total
Com polling rate de 1000?Hz, o teclado envia sinais ao PC 1.000 vezes por segundo, reduzindo a latência e melhorando a responsividade — essencial em jogos competitivos. Além disso, o suporte de anti-ghosting em todas as teclas evita falhas de comando mesmo quando múltiplas teclas são pressionadas simultaneamente .
Características
Marca:
New Hero
Modelo:
NH-KTCO-01
Especificações Gerais
Cor
Preto e Laranja
Switch
Blue
Switch rating
50 milhões de prensas
Rota chave
3,8 ± 0,4 mm
Força de operação
60 ± 10 g
Iluminação de fundo
Arco-íris
Dimensão MIC
Ø4.0×5.0MM
Interface
USB 2.0
Luz de fundo
21 tipos de luz de fundo
Teclado Mecânico Gamer New Hero Commander TKL, RAINBOW, Switch Blue, ABNT2, USB, Preto e Laranja
Domine o campo de batalha com o Teclado Mecânico Gamer New Hero Commander. Com switches azuis, iluminação RGB e layout ABNT2, este teclado oferece precisão e estilo para gamers exigentes. Adquira já e eleve sua experiência de jogo a novos patamares!
FICHA TÉCNICA:
Características:
Marca: New Hero
Modelo: NH-KTCO-01
Especificações:
Cor:
Preto e Laranja
Switch:
Blue
Switch rating:
50 milhões de prensas
Rota chave:
3,8 ± 0,4 mm
Força de operação:
60 ± 10g
Luz de fundo:
21 tipos de luz de fundo
Taxa de sondagem:
1000Hz
Comprimento do cabo:
1.5m
Suporte a SO:
Windows 7 ou mais recente
Todas as chaves de suporte anti-ghosting
Com software"
Teclado mecânico com interruptor azul de 87 teclas, layout ABNT 2