Memória 8GB DDR4 3200MHz Spectrum Blitz S - CL22 - Com Dissipador - Preto - ST-RM-BS8G32C22BD4

Oficina Dos Bits - Landing Page Styles (gray Blue Theme)

.vit-container

• Width: 100%
• Max-width: 1260px
• Margin: 0 Auto
• Padding: 0
• Box-sizing: Border-box
• Font-family: "segoe Ui", "inter", Tahoma, Geneva, Verdana, Sans-serif
• Color: #ffffff
• Overflow: Hidden
• Background: #1a1a1a /* Fundo Cinza Escuro */

.vit-container *

• Box-sizing: Border-box
• Overflow-wrap: Break-word
• Word-wrap: Break-word

.vit-container Img

• Max-width: 100%
• Height: Auto
• Display: Block
• Border-radius: 10px

Topo (hero)

.vit-topo

• Background: Linear-gradient(180deg, #222222 0%, #1a1a1a 100%)
• Padding: 80px 50px 40px
• Overflow: Hidden
• Text-align: Center

.vit-mini-top

• Font-size: 0.9rem
• Font-weight: 600
• Color: #00a8ff /* Azul Claro */
• Text-transform: Uppercase
• Letter-spacing: 3px
• Margin-bottom: 18px

.vit-titulo

• Font-size: 3.2rem
• Line-height: 1.1
• Margin: 0 0 25px
• Font-weight: 800
• Color: #ffffff
• Text-transform: Uppercase
• Letter-spacing: -1px

.vit-titulo Span

• Color: #00a8ff

.vit-sub-top

• Font-size: 1.25rem
• Color: #cccccc
• Margin: 0 Auto 40px
• Line-height: 1.8
• Max-width: 1260px

Mobile Text Switching

.vit-desc-full

• Display: Block

.vit-desc-short

• Display: None

Galeria Full-width (1260px A 80% De Largura)

.vit-caracteristicas

• Background: #1a1a1a
• Padding: 40px 20px
• Display: Flex
• Flex-direction: Column
• Align-items: Center
• Gap: 60px

.vit-bloco-full

• Width: 100%
• Max-width: 1260px
• Text-align: Center

.vit-bloco-full Img

• Width: 80%
• Max-width: 1008px
• Margin: 0 Auto
• Border-radius: 16px
• Box-shadow: 0 10px 30px Rgba(0, 0, 0, 0.5)

.vit-bloco-full .vit-texto-acima

• Width: 80%
• Max-width: 1008px
• Margin: 0 Auto 25px

Galeria Lateral (550px A 50% De Largura)

.vit-linha

• Display: Flex
• Flex-wrap: Nowrap /* Força A Exibição Lado A Lado No Desktop */
• Align-items: Center
• Justify-content: Center
• Gap: 40px
• Background: #222222
• Border: 1px Solid #333333
• Border-radius: 18px
• Padding: 35px
• Overflow: Hidden
• Width: 100%
• Max-width: 1100px
• Margin: 0 Auto

.vit-texto

• Flex: 1 1 50% /* O Texto Ocupa Exatamente 50% */
• Max-width: 50%
• Min-width: 0
• Padding: 0 10px

.vit-img-sec

• Flex: 1 1 50% /* A Imagem Ocupa Exatamente 50% */
• Max-width: 50%
• Width: 50%
• Text-align: Center
• Min-width: 0

.vit-img-sec Img

• Width: 100%
• Max-width: 550px /* Limite De 550px Mas Restrita A 50% Do Container */
• Margin: 0 Auto
• Border-radius: 14px
• Box-shadow: 0 8px 20px Rgba(0, 0, 0, 0.3)

.vit-subtitulo

• Font-size: 2.2rem
• Margin: 0 0 20px
• Color: #ffffff
• Text-transform: Uppercase
• Font-weight: 800
• Line-height: 1.2

.vit-subtitulo Span

• Color: #00a8ff

.vit-desc

• Color: #dddddd
• Font-size: 1.08rem
• Line-height: 1.9
• Margin: 0

Benefícios

.vit-beneficios

• Padding: 70px 40px
• Background: #222222

.vit-tit-ben

• Text-align: Center
• Font-size: 2.5rem
• Color: #ffffff
• Margin: 0 0 50px
• Text-transform: Uppercase
• Font-weight: 900

.vit-lista-ben

• Display: Grid
• Grid-template-columns: Repeat(2, 1fr)
• Gap: 28px
• Width: 100%
• Align-items: Stretch

.vit-card-ben

• Background: #2a2a2a
• Border-radius: 18px
• Padding: 35px
• Border: 1px Solid #333333
• Transition: 0.3s Ease
• Min-width: 0

.vit-card-ben:hover

• Transform: Translatey(-8px)
• Border-color: #00a8ff
• Box-shadow: 0 10px 30px Rgba(0, 168, 255, 0.15)

.vit-icone-ben

• Width: 60px
• Height: 60px
• Border-radius: 14px
• Background: Linear-gradient(135deg, #00a8ff, #0077cc)
• Display: Flex
• Align-items: Center
• Justify-content: Center
• Margin-bottom: 22px
• Color: #ffffff
• Flex-shrink: 0

.vit-icone-ben Svg

• Width: 28px
• Height: 28px

.vit-tit-card

• Font-size: 1.3rem
• Color: #ffffff
• Margin: 0 0 14px
• Font-weight: 700

.vit-desc-card

• Margin: 0
• Color: #aaaaaa
• Line-height: 1.8
• Font-size: 1rem

Comparativo

.vit-comparativo

• Padding: 70px