Cepillo Modelador Rotativo New Turbo 2300
Detalles
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Modelador_turboplus_2300</title>
<style>
body {
font-family: 'Lato', Arial, sans-serif;
font-size: 14px;
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, #fbdde8, #ffffff); }
.fondo-gradiente-3 { background: linear-gradient(to bottom, #ffffff, #f0f0f0); }
.fondo-gradiente-4 { background: linear-gradient(to bottom, #ffffff, #dedede); }
.fondo-gradiente-5 { background: linear-gradient(to bottom, #ffffff, #ffffff); }
.fondo-gradiente-6 { background: linear-gradient(to bottom, #fbdde8, #fefefe); }
.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(4, 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;
}
}
.video-responsive {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
.video-responsive iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<!-- Encabezado -->
<div class="seccion fondo-gradiente-1">
<div class="contenedor">
<div class="encabezado">
<img
src="https://gamamexico.vtexassets.com/assets/vtex.file-manager-graphql/images/86d5ef7f-3079-4113-bed9-1a76446a7879___90033dc76bd88e4307b2723610a75a65.jpg"
alt="Banner desktop" class="banner-desktop">
<div class="banner-movil">
<img
src="https://gamamexico.vtexassets.com/assets/vtex.file-manager-graphql/images/bd31e710-33ef-4ccf-93ab-ef3bc0fe4f0b___1b44bca04da89ee6d71bbc3b447481f1.jpg"
alt="Banner mobile" class="banner-movil-img">
</div>
<h1 class="titulo-principal desktop">Tu cabello listo en solo minutos!</h1>
<h1 class="titulo-principal mobile">Tu cabello listo en solo minutos!</h1>
</div>
</div>
</div>
<!-- Sección de video -->
<div class="seccion fondo-gradiente-7">
<div class="contenedor">
<div class="video-responsive">
<iframe
src="https://www.youtube.com/embed/A2tYYjobTrQ?si=oSN6sSqTJqSUgrb_"
frameborder="0"
allowfullscreen>
</iframe>
</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://gamamexico.vtexassets.com/assets/vtex.file-manager-graphql/images/e7317162-e887-4079-9ec0-1117883219fd___82df630afc8d465597cd8f1b20ef0528.png"
alt="1">
<h3>Seca</h3>
<p>Este cepillo de aire dejará tu cabello seco en minutos, gracias a su potencia.</p>
</div>
<div class="caracteristica">
<img
src="https://gamamexico.vtexassets.com/assets/vtex.file-manager-graphql/images/810025fe-ef31-4a1f-aa82-b039eb54d5a5___d83904912482b4904071ba9b65bc5cce.png"
alt="2">
<h3>Alisa</h3>
<p>¿Cabello rebelde y con frizz? Dejalo en el pasado con el cepillo GAMA 2300.</p>
</div>
<div class="caracteristica">
<img
src="https://gamamexico.vtexassets.com/assets/vtex.file-manager-graphql/images/37b3f35b-1095-453b-a72e-3af00e93c137___16c1ed3b1fbd506f266d5f5b1779cee7.png"
alt="3">
<h3>Modela</h3>
<p>Moldea tu cabello como quieras gracias a su cabezal giratorio en ambos sentidos. Crea ondas y volumen en simples pasos!</p>
</div>
</div>
</div>
</div>
<!-- Sección descripción -->
<div class="seccion fondo-gradiente-5">
<div class="contenedor">
<div class="seccion-adicional">
<img
src="https://gamamexico.vtexassets.com/assets/vtex.file-manager-graphql/images/f4cb6380-3ba3-4903-8ef9-e96cc68b0c5b___bd8fa536888c89eaf0482924d5076cc7.png"
alt="tech">
<div class="texto">
<h2>• Seca y estiliza a la vez! •</h2>
<h3>El cepillo rotativo que necesitas en tu vida</h3>
<p>
Si eres de las personas que les gusta tener su cabello espléndido sin perder mucho tiempo,
este cepillo de GAMA es para ti. Puedes usarlo para secar tu cabello mientras lo dejas peinado y sin frizz, listo para salir.
</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://gamamexico.vtexassets.com/assets/vtex.file-manager-graphql/images/57a8403d-a9d0-4925-95ff-95f9e84a52f6___402e79be1f00c30e2eeb2d6e221a0898.png"
alt="tech">
<div class="texto">
<h2>Cómodo y Versátil</h2>
<h3>Moldea tu cabello a gusto gracias a su cabezal giratorio</h3>
<p>
¿Te gustaría obtener un peinado de salón sin esfuerzo? Con el Cepillo de Aire GAMA 2300 es posible!
Voluminiza tu cabello en pocos minutos, dejando resultados increíbles.
</p>
</div>
</div>
</div>
</div>
<!-- Funcionalidades -->
<div class="seccion fondo-gradiente-6">
<div class="contenedor">
<h2 style="text-align: center;">Características</h2>
<div class="rejilla-func-seccion-6">
<div class="func">
<img
src="https://gamamexico.vtexassets.com/assets/vtex.file-manager-graphql/images/705c9d56-e101-442c-8bf7-bdfe55721150___a59ef8e23fc137b0dba41aa9e6c7b315.png"
alt="Aro para colgar">
<h3>Aro para colgar</h3>
</div>
<div class="func">
<img
src="https://gamamexico.vtexassets.com/assets/vtex.file-manager-graphql/images/4c66efc0-4119-480e-a4b7-4e390f1d7e9d___d16ecf220872f3a42b6ca1b035b2d32c.png"
alt="Efecto frío">
<h3>Efecto frío</h3>
</div>
<div class="func">
<img
src="https://gamamexico.vtexassets.com/assets/vtex.file-manager-graphql/images/099fc039-78d2-4684-84f1-196a26e40b18___9fc86fe82d40e5f9dadfdb7c0c50cd16.png"
alt="Cable rotativo">
<h3>Cable rotativo</h3>
</div>
<div class="func">
<img
src="https://gamamexico.vtexassets.com/assets/vtex.file-manager-graphql/images/0fdece9d-d175-4b58-a029-cc6b047403d6___ae52b0320770fa4fe9b09b2a5f9ba95f.png"
alt="Diseño liviano">
<h3>Diseño liviano</h3>
</div>
</div>
</div>
</div>
</body>
</html>
Especificaciones
| Rotativo | Si |
| Largo de cable | 2 m |
| Cable giratorio | Si |
| Funcion BI-VOLT | No |
| Tecnologias | Ceramic ION |
| Recubrimiento | Ceramica |
| Temperatura | 3 |
| Velocidad | 2 |
| Golpe de aire frio | Si |