Mochila para Notebook 15.6" Prime Preto Get

A Mochila Get Prime Preto é a escolha ideal para transportar notebooks de até 15,6 polegadas com segurança e estilo. Confeccionada em nylon de alta resistência, ela oferece durabilidade e proteção contra impactos, além de um interior acolchoado para garantir a segurança do seu equipamento. Seu design conta com uma alça superior, 3 bolsos frontais, um bolso traseiro, um bolso lateral, dois compartimentos para notebook e suporte para óculos, além de apoio acolchoado para as costas que proporciona ergonomia mesmo em longos trajetos. Ela também conta com porta-cartão, porta-celular, porta-documentos e divisória extra para tablets. Descubra sua praticidade, especialmente na hora de viajar. Com uma abertura de 180 graus, ela oferece acesso fácil e rápido a todos os seus pertences, permitindo que você organize seus itens de forma eficiente. Além disso, a mochila conta com uma alça traseira inteligente que se encaixa perfeitamente em malas de rodinha, facilitando seu transporte em aeroportos e estações. A parceira perfeita para acompanhar você em todas as aventuras.








Get - Mochila Prime






/* ---------------------------------- */
/* 1. Global Styles & Resets */
/* ---------------------------------- */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

html {
scroll-behavior: smooth;
}

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

/* ---------------------------------- */
/* 2. Hero Section */
/* ---------------------------------- */
.hero-section {
display: flex;
align-items: center;
justify-content: center;
position: relative;
height: 90vh;
min-height: 700px;
/* URL da imagem Hero atualizada */
background-image: url("https://lojagoldentec.vteximg.com.br/arquivos/PrimeHero-minv2.jpg");
background-size: cover;
background-position: center;
color: #ffffff;
}

.hero-container {
max-width: 1440px;
width: 100%;
margin: 0 auto;
padding: 0 24px;
position: relative;
z-index: 1;
}

.hero-content {
max-width: 50%;
text-align: left;
}

.logo-image {
width: 200px;
height: auto;
margin-bottom: 50px;
cursor: pointer;
}

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

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

/* ---------------------------------- */
/* 3. Reusable Section Styles */
/* ---------------------------------- */
.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-subtitle2 {
font-size: 20px;
font-weight: 400;
color: #525252;
line-height: 1.6;
max-width: 1196px;
margin: 0 auto 30px;
text-align: left;
}

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

.mobile-only {
display: none;
}
.desktop-only {
display: block;
}

.content-section-black {
position: relative;
z-index: 2;
}

/* ---------------------------------- */
/* 4. Specific Section Styles */
/* ---------------------------------- */
.mosaic-container {
display: flex;
gap: 24px;
height: 600px;
width: 100%;
}

.mosaic-main {
flex: 6;
height: 100%;
position: relative;
}

.mosaic-side-column {
flex: 4;
display: flex;
flex-direction: column;
gap: 24px;
height: 100%;
}

.mosaic-item {
width: 100%;
height: 100%;
border-radius: 10px;
overflow: hidden;
}

.mosaic-item img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}

/* --- AJUSTES DO MOSAICO NO MOBILE --- */
@media (max-width: 768px) {
.mosaic-container {
flex-direction: column;
height: auto;
gap: 12px;
}

.mosaic-main {
flex: none;
width: 100%;
height: 250px;
}

.mosaic-side-column {
flex: none;
flex-direction: row;
width: 100%;
height: 150px;
gap: 12px;
}

.mosaic-side-column .mosaic-item {
flex: 1;
}
}

/* User Manual Section */
.user-manual-section {
width: 100%;
background-color: #f6f6f6;
padding: 3rem 0;
}

.manual-container {
max-width: 1196px;
margin-left: auto;
margin-right: auto;
padding: 0 1rem;
}

.manual-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 2rem;
}

.download-card {
background-color: #ffffff;
border-radius: 12px;
padding: 1.5rem;
display: flex;
flex-direction: column;
position: relative;
}

.card-icon-wrapper {
position: absolute;
top: 1.5rem;