Soporte de Mesa para Secadora IQ2
Detalles
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>IQ2 desk holder</title>
<style>
body {
font-family: 'Lato', Arial, sans-serif;
font-size: 14px; /* antes era el default (16px) */
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/39aed183-71d4-48a1-9245-16ae34e6a75f___2045aa73dec615463b282322ff4f094b.png" alt="Banner desktop" class="banner-desktop">
<div class="banner-movil">
<img src="https://gamaperu.vtexassets.com/assets/vtex.file-manager-graphql/images/d3ed983e-c5f6-40b9-bfe9-57414b46d6da___caaf5329e729cfacf1fdfbe4109fb62f.png" alt="Banner mobile" class="banner-movil-img">
</div>
<h1 class="titulo-principal desktop">Soporte de Mesa para Secadora IQ2</h1>
<h1 class="titulo-principal mobile">Soporte de Mesa para Secadora IQ2</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/12cfb50b-54b2-44a0-89c4-f7180e8266ac___21856ed1eede9159ffa2093a290e33a4.png"
alt="tech">
<div class="texto">
<h2>• Función Stand-by automática •</h2>
<h3>Innovación para mayor comodidad y eficiencia</h3>
<p>
Cuando se coloca el secador <strong>iQ Perfetto</strong> en el <strong>Desk Holder</strong>, se activa
automáticamente la <strong>función Stand-by</strong>.
Esto apaga el motor temporalmente, reduciendo el desgaste, el consumo de energía y brindando <strong>comodidad
total al estilista</strong>.
Una solución inteligente pensada para <strong>ambientes de trabajo profesionales</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/10d9ea05-e80a-4f78-920f-a01d4c1ea08f___d99cbcbb0532e4a3642987268e432bbf.png" alt="1">
<h3>LIVIANO</h3>
<p>Su peso de solo 255 gramos lo convierte en un accesorio cómodo y fácil de transportar o reubicar.</p>
</div>
<div class="caracteristica">
<img src="https://gamaperu.vtexassets.com/assets/vtex.file-manager-graphql/images/e91c48a1-f17b-45fc-bc9c-b7cb834d0aa4___0396351bfeb1f065d5720e572a33f58c.png" alt="2">
<h3>RESISTENTE</h3>
<p>Fabricado en cuerpo de aluminio con base antideslizante, pensado para uso intensivo y entornos profesionales exigentes.</p>
</div>
<div class="caracteristica">
<img src="https://gamaperu.vtexassets.com/assets/vtex.file-manager-graphql/images/23264662-c1f1-42fd-9f00-28cefd014eac___21e9c6e0f808ef6235d3c18901957732.png" alt="3">
<h3>COMPATIBLE</h3>
<p>Funciona con iQ Perfetto e iQ2 Perfetto. No activa Stand-by, pero mantiene el secador siempre accesible y protegido.</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/8e545174-23a1-4270-8282-e61b7798ac4f___8b24ac0e39a68619cad7e35f732b52f6.png"
alt="tech">
<div class="texto">
<h2>• Desk Holder Profesional •</h2>
<h3>Diseño compacto, seguro y pensado para estilistas</h3>
<p>
El <strong>GAMA Professional Desk Holder</strong> es un soporte exclusivo para el secador <strong>iQ
Perfetto</strong>, con diseño sofisticado y cuerpo de <strong>aluminio liviano</strong>.
Cuenta con <strong>base antideslizante</strong> y grabado del logotipo GAMA Professional.
Su estructura compacta permite <strong>mantener el espacio de trabajo ordenado y eficiente</strong>.
Compatible con iQ y iQ2 Perfetto (sin función Stand-by).
</p>
</div>
</div>
</div>
</div>
</body>
</html>