Afeitadora Wet & Dry Gsh 1527 Sport
Detalles
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Afeitadora GSH 1527 Black</title>
<style>
body {
font-family: 'Lato', Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #ffffff;
}
.titulo-principal {
font-weight: bold;
color: #333;
text-align: center;
margin: 10px 0;
line-height: 1.3;
}
.titulo-principal.desktop { font-size: 30px; }
.titulo-principal.mobile { font-size: 24px; }
.seccion { padding: 10px 0; }
.fondo-gradiente-1 { background: linear-gradient(to bottom, #ffffff, #ffffff); }
.fondo-gradiente-2 { background: linear-gradient(to bottom, #f0f0f0, #f0f0f0); }
.fondo-gradiente-3 { background: linear-gradient(to bottom, #ffffff, #f0f0f0); }
.fondo-gradiente-5 { background: linear-gradient(to bottom, #ffffff, #f0f0f0); }
.fondo-gradiente-6 { background: linear-gradient(to bottom, #dedede, #ffffff); }
.fondo-gradiente-7 { background: linear-gradient(to bottom, #f0f0f0, #ffffff); }
.contenedor {
max-width: 1200px;
margin: 0 auto;
padding: 10px;
}
.encabezado, .caracteristicas, .seccion-adicional {
text-align: center;
margin: 0;
}
.banner img, .banner-movil img {
max-width: 100%;
height: auto;
}
.banner-desktop { display: block; }
.banner-movil-img { display: none; }
.caracteristicas {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.caracteristica {
flex: 1;
margin: 10px;
min-width: 280px;
padding: 10px;
}
.caracteristica img {
max-width: 100%;
height: auto;
transition: transform 0.3s ease;
}
.caracteristica:hover img {
transform: scale(1.05);
}
.caracteristica h3 { margin-top: 10px; }
.caracteristica p { margin-top: 5px; color: #666; }
.seccion-adicional, .seccion-adicional-reversa {
display: flex;
align-items: center;
padding: 10px 0;
}
.seccion-adicional .texto,
.seccion-adicional-reversa .texto {
flex: 1;
padding: 10px;
text-align: left;
}
.seccion-adicional img {
max-width: 50%;
height: auto;
margin-right: 27px;
}
.seccion-adicional-reversa {
flex-direction: row-reverse;
}
.seccion-adicional-reversa img {
max-width: 50%;
height: auto;
margin-left: 27px;
}
.seccion-adicional h2 { margin-bottom: 10px; }
.seccion-adicional p { color: #666; }
.rejilla-func-seccion-6 {
display: grid;
gap: 20px;
justify-items: center;
grid-template-columns: repeat(3, 1fr);
}
.func {
text-align: center;
transition: transform 0.3s ease;
}
.func img {
width: 150px;
height: 150px;
margin-bottom: 10px;
transition: transform 0.3s ease;
}
.func:hover { transform: scale(1.05); }
.func h3 { font-size: 16px; margin: 10px 0; }
@media (max-width: 768px) {
.titulo-principal.desktop { display: none; }
.titulo-principal.mobile { display: block; }
.caracteristicas {
flex-direction: column;
align-items: center;
}
.banner-desktop { display: none; }
.banner-movil-img { display: block; }
.seccion-adicional,
.seccion-adicional-reversa {
flex-direction: column;
text-align: center;
}
.seccion-adicional img,
.seccion-adicional-reversa img {
max-width: 100%;
margin-bottom: 20px;
display: block;
margin-left: auto;
margin-right: auto;
}
.rejilla-func-seccion-6 {
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
.func img {
width: 100px;
height: 100px;
}
}
@media (min-width: 769px) {
.titulo-principal.desktop { display: block; }
.titulo-principal.mobile { display: none; }
}
</style>
</head>
<body>
<!-- Encabezado -->
<div class="seccion fondo-gradiente-1">
<div class="contenedor">
<div class="encabezado">
<img src="https://gamaperu.vtexassets.com/assets/vtex.file-manager-graphql/images/1bc2c1cc-14ed-4939-8dbc-665c2e06eff0___7b3b4e1ab1b77b1ec273272144af49c3.png" alt="Banner desktop" class="banner-desktop">
<div class="banner-movil">
<img src="https://gamaperu.vtexassets.com/assets/vtex.file-manager-graphql/images/2cf998f1-adbd-4fba-989e-3751562ff19d___c28f8de96195c03c8b08152552124553.png" alt="Banner mobile" class="banner-movil-img">
</div>
<h1 class="titulo-principal desktop">Afeitadora GA.MA SH 1527 Black</h1>
<h1 class="titulo-principal mobile">Afeitadora GA.MA SH 1527 Black</h1>
</div>
</div>
</div>
<!-- Sección descripción -->
<div class="seccion fondo-gradiente-5">
<div class="contenedor">
<div class="seccion-adicional">
<img src="https://gamaperu.vtexassets.com/assets/vtex.file-manager-graphql/images/3d5a2e98-9326-4ef6-b2b0-03fae5dd0ca9___787196e3b2b523ff407f3d278c5270a7.png" alt="tech">
<div class="texto">
<h2>• Tecnología Wet & Dry •</h2>
<h3>¡Inalámbrica y lavable!</h3>
<p>
Disfrutá de un <strong>afeitado suave y preciso</strong>, ya sea en la comodidad de tu baño o luego de salir de la
ducha.
La <strong>afeitadora GSH 1527 Sport</strong> incorpora <strong>cabezales flotantes con 3 discos rotativos</strong>
que se
adaptan al contorno del rostro. Su <strong>sistema Double Track</strong> mejora la cobertura en cada pasada,
mientras que la
<strong>tecnología Precisión Cut</strong> garantiza un corte preciso gracias a <strong>cuchillas de 0.1 mm de
grosor</strong>.
</p>
</div>
</div>
</div>
</div>
<!-- Sección características -->
<div class="seccion fondo-gradiente-2">
<div class="contenedor">
<div class="caracteristicas">
<div class="caracteristica">
<img src="https://gamaperu.vtexassets.com/assets/vtex.file-manager-graphql/images/09adf5e6-2681-4640-bef2-214c44e7869e___c06a7ef43fdcc2e41010c1b3577d423f.png" alt="1">
<h3>EFICIENCIA</h3>
<p>Cabezales flotantes con sistema Double Track que se adaptan a tu rostro. Diseñados para ofrecerte el confort, precisión y suavidad ideales.</p>
</div>
<div class="caracteristica">
<img src="https://gamaperu.vtexassets.com/assets/vtex.file-manager-graphql/images/6a3b1178-bafa-4341-8f8d-4b187b28ec2a___804dcc40a99a820abafd203b39cc4a57.png" alt="2">
<h3>PRECISIÓN</h3>
<p>Cortapatillas desplegable incorporado. Ideal para dar forma con precisión al bigote, las patillas y lograr un acabado más prolijo.</p>
</div>
<div class="caracteristica">
<img src="https://gamaperu.vtexassets.com/assets/vtex.file-manager-graphql/images/ad417645-4b3e-4099-ba54-79f79f897006___8a70106ec6bc19e4ebff384f09b1c004.png" alt="3">
<h3>DETALLE</h3>
<p>Viene acompañada de un Nose Trimmer para esos detalles precisos en nariz y orejas, asegurando un cuidado completo.</p>
</div>
</div>
</div>
</div>
<!-- Sección reversa -->
<div class="seccion fondo-gradiente-3">
<div class="contenedor">
<div class="seccion-adicional seccion-adicional-reversa">
<img src="https://gamaperu.vtexassets.com/assets/vtex.file-manager-graphql/images/f52fa499-0ccb-44c3-9095-68139ef4cb45___9e9ec9a5087b22af33769a40d456c3eb.png" alt="tech">
<div class="texto">
<h2>• Experiencia cordless •</h2>
<h3>Olvidate de los cables y enchufes</h3>
<p>
Con su <strong>carga mediante USB</strong>, podrás recargar tu afeitadora de forma <strong>rápida y
sencilla</strong>, sin importar dónde estés.
La <strong>batería de litio</strong> brinda hasta <strong>90 minutos de uso continuo</strong> e incluye un
<strong>LED indicador de carga</strong>.
Además, cuenta con un <strong>cortapatillas desplegable</strong>, perfecto para <strong>recortar con
precisión</strong> el bigote y las patillas.
</p>
</div>
</div>
</div>
</div>
<!-- Funcionalidades -->
<div class="seccion fondo-gradiente-6">
<div class="contenedor">
<h2 style="text-align: center;">Funcionalidades</h2>
<div class="rejilla-func-seccion-6">
<div class="func">
<img src="https://gamaperu.vtexassets.com/assets/vtex.file-manager-graphql/images/af81f6d3-a411-4030-8718-4bf39d4364f6___692edaae4a5868c1d81c2a73b7c9c9c9.png" alt="Uso">
<h3>Tiempo de uso</h3>
</div>
<div class="func">
<img src="https://gamaperu.vtexassets.com/assets/vtex.file-manager-graphql/images/d1b390ff-0f68-4c66-9e98-cb1559023c92___fe24167d7eb37869daa81e543f440a21.png" alt="Carga">
<h3>Tiempo de carga</h3>
</div>
<div class="func">
<img src="https://gamaperu.vtexassets.com/assets/vtex.file-manager-graphql/images/d652e8da-28e5-4600-b73e-9d875de4569c___8f278fcf6adea502e0e12f72cba87f05.png" alt="Batería">
<h3>Batería LI-ION</h3>
</div>
</div>
</div>
</div>
</body>
</html>