Cepillo Modelador Rotativo Turbo Ion 2600

Detalles

<style>
@font-face {
font-family: 'Texta';
src: url('path/to/texta-regular.woff2') format('woff2'),
url('path/to/texta-regular.woff') format('woff');
font-weight: normal;
font-style: normal;
}
body {
font-family: 'Texta', Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #ffffff; /* Fondo blanco */
}
h1 {
font-size: 30px;
font-weight: bold;
color: #333;
text-align: center;
margin: 20px 0 10px 0; /* Reducir el margen inferior */
line-height: 1.3;
}
.section {
padding: 20px 0;
}
.section-1 {
background: linear-gradient(to bottom, #ffffff, #ffffff); /* Degradado rojo */
padding: 0; /* Eliminar padding entre secciones */
}
.section-2 {
background: linear-gradient(to bottom, #ffffff, #dddddd); /* Degradado verde */
padding: 0; /* Eliminar padding entre secciones */
}
.section-3 {
background: linear-gradient(to bottom, #dddddd, #ffffff); /* Degradado azul */
padding: 0; /* Eliminar padding entre secciones */
}
.section-4 {
background: linear-gradient(to bottom, #efefef, #ffffff); /* Degradado amarillo */
padding: 0; /* Eliminar padding entre secciones */
}
.section-5 {
background: linear-gradient(to bottom, #dddddd, #ffffff); /* Degradado magenta */
padding: 0; /* Eliminar padding entre secciones */
}
.container-a1 {
max-width: 1200px;
margin: 0 auto;
padding: 20px;
}
.header-a2, .tech-specs-container-a4, .features-a7, .additional-section-a9 {
text-align: center;
margin: 0; /* Eliminar distancia entre secciones */
}
.header-a2, .banner-a3 {
position: relative;
max-width: 1200px;
margin: 0 auto;
margin-top: 20px; /* Margen superior ajustado */
}
.header-a2 img, .banner-a3 img {
width: 100%;
height: auto;
}
.banner-mobile {
position: relative;
width: 100vw;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
}
.banner-mobile img {
width: 100%;
height: auto;
}
.header-a2 .banner-desktop-a5, .banner-a3 .banner-desktop-a5 {
display: block;
}
.header-a2 .banner-mobile-a6, .banner-a3 .banner-mobile-a6 {
display: none;
}
.features-a7 {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.feature-a8 {
flex: 1;
margin: 10px;
text-align: center;
overflow: hidden;
min-width: 280px;
}
.feature-a8 img {
max-width: 100%;
height: auto;
transition: transform 0.3s ease;
}
.feature-a8:hover img {
transform: scale(1.1);
}
.feature-a8 h3 {
margin-top: 10px;
}
.feature-a8 p {
margin-top: 5px;
color: #666;
}
.additional-section-a9 {
display: flex;
align-items: center;
padding: 20px 0; /* Espacio interno para los elementos */
}
.additional-section-a9 img {
max-width: 50%;
height: auto;
}
.additional-section-a9 .text-a10 {
flex: 1;
padding: 20px;
}
.additional-section-a9 h2 {
margin-bottom: 10px;
}
.additional-section-a9 p {
color: #666;
}
.additional-section-reverse-a11 {
flex-direction: row-reverse;
}
.tech-specs-wrapper-a12 {
padding: 20px 0;
width: 100%;
margin: 0 auto;
border-radius: 0px;
}
.tech-specs-container-a4 {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}
.tech-specs-a13 {
text-align: center;
}
.tech-specs-a13 h2 {
margin-bottom: 10px;
font-size: 24px;
}
.specs-grid-a14 {
display: grid;
grid-template-columns: repeat(4, 1fr); /*columnas*/
gap: 20px;
justify-items: center;
}
.spec-a15 {
text-align: center;
transition: transform 0.3s ease;
}
.spec-a15 img {
width: 150px; /* Aumentar tamaño de los iconos */
height: 150px; /* Aumentar tamaño de los iconos */
margin-bottom: 10px;
transition: transform 0.3s ease;
}
.spec-a15:hover {
transform: scale(1.1);
}
.spec-a15:hover img {
transform: scale(1.1);
}
.spec-a15 h3 {
font-size: 16px;
margin: 10px 0;
}
.testimonial-section {
background-color: #ffffff;
padding: 12px;
max-width: 800px;
margin: 0 auto;
text-align: center;
}
.stars {
color: #7f8a67; /* Verde Tua */
}
.stars svg {
width: 24px;
height: 24px;
}
.testimonial {
font-size: 16px;
font-weight: bold;
color: #111827; /* Dark gray */
margin: 20px 0;
}
.author {
display: flex;
align-items: center;
justify-content: center;
margin-top: 20px;
}
.author img {
border-radius: 50%;
width: 48px;
height: 48px;
margin-right: 16px;
}
.author-info {
text-align: left;
}
.author-info .name {
font-weight: bold;
color: #111827; /* Dark gray */
}
.author-info .title {
color: #6b7280; /* Gray */
}
@media (max-width: 768px) {
.features-a7 {
flex-direction: column;
align-items: center;
}
.feature-a8 {
margin: 10px 0;
}
.feature-a8 img {
transition: none;
}
.header-a2 .banner-desktop-a5 {
display: none;
}
.header-a2 .banner-mobile-a6 {
display: block;
}
.banner-a3 {
display: block;
position: relative;
width: 100vw;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
}
.banner-a3 img {
width: 100%;
height: auto;
}
.additional-section-a9,
.additional-section-reverse-a11 {
flex-direction: column;
text-align: center;
}
.additional-section-a9 img,
.additional-section-reverse-a11 img {
max-width: 100%;
margin-bottom: 20px;
}
.specs-grid-a14 {
grid-template-columns: repeat(2, 1fr); /*columnas*/
gap: 20px;
}
.spec-a15 img {
width: 100px; /* Reducir tamaño de los iconos en móviles */
height: 100px; /* Reducir tamaño de los iconos en móviles */
}
}
.banner-desktop-a5 {
display: block;
}
.banner-mobile-a6 {
display: none;
}
@media (max-width: 768px) {
.banner-desktop-a5 {
display: none;
}
.banner-mobile-a6 {
display: block;
}
}
</style>
</head>
<body>
<!--header -->
<div class="section section-1">
<div class="container-a1">
<div class="header-a2">
<!--Fondo banner desktop -->
<img src="https://gamaperu.vtexassets.com/assets/vtex.file-manager-graphql/images/10954753-812d-4038-8ce1-afe9310df691___dda1858d6a14ced42532d32694dad263.jpg" alt="Banner desktop" class="banner-desktop-a5">
<!--Fondo banner mobile -->
<div class="banner-mobile">
<img src="https://gamaperu.vtexassets.com/assets/vtex.file-manager-graphql/images/6b110247-7ca0-46a1-b25e-6d43de69abf7___e91687aa37a1674ef71d25e6e8a0cc3d.jpg" alt="Banner mobile" class="banner-mobile-a6">
</div>
<h1>Seca y peina tu cabello con un solo producto!​</h1>
</div>
</div>
</div>


<!-- sección 3 detalles -->
<div class="section section-2">
<div class="container-a1">
<h2 style="text-align: center;"></h2>
<div class="additional-section-a9">
<img src="https://gamaperu.vtexassets.com/assets/vtex.file-manager-graphql/images/7253ba00-c4c6-488a-8084-b2a9f1c63406___76e96444cf97bf48991c3d9d984d0147.jpg" alt="tech">
<div class="text-a10">
<h2>Cepillo Secador 3 en 1​</h2>
<h3>Seca tu cabello con tecnología Anti Frizz​</h3>
<p>¿Estás buscando un aliado completo para el cuidado de tu cabello? ¡El <strong>Cepillo Secador Turbo 2600</strong> es la solución
perfecta! Este cepillo innovador no solo seca, sino que también alisa y modela tu cabello, ¡todo en un solo paso!​
</p>
</div>
</div>
</div>
</div>

<!-- sección 2 especificaciones -->
<div class="section section-3">
<div class="container-a1">
<div class="features-a7">
<div class="feature-a8">
<img src="https://gamaperu.vtexassets.com/assets/vtex.file-manager-graphql/images/9978f4c3-75f3-4d83-b2cf-e209c5132084___6b001341e159c59137d1b03bea8aea16.png" alt="1">
<h3>SECA</h3>
<p>Seca tu cabello rápidamente, eliminando la humedad gracias a su potente corriente de aire.​
</p>
</div>
<div class="feature-a8">
<img src="https://gamamexico.vtexassets.com/assets/vtex.file-manager-graphql/images/08cd1760-9a59-4467-9e38-68d1c9409e22___0d7ebffed24317c59a0bfe853d1f26d1.png" alt="2">
<h3>ALISA</h3>
<p>Logra un cabello liso y radiante, sin frizz! Con un acabado suave y sedoso.​​​​</p>
</div>
<div class="feature-a8">
<img src="https://gamaperu.vtexassets.com/assets/vtex.file-manager-graphql/images/9a21af07-76ff-4d42-bac5-d570f8c44946___739b8462c356744dc98e2011a94d741f.png" alt="3">
<h3>MODELA</h3>
<p>Gracias a su cabezal y cable giratorio, puedes peinar tu cabello con facilidad y crear estilos únicos.​</p>
</div>
</div>
</div>
</div>

<!-- sección 3 detalles -->
<div class="section section-4">
<div class="container-a1">
<h2 style="text-align: center;"></h2>
<div class="additional-section-a9 additional-section-reverse-a11">
<img src="https://gamaperu.vtexassets.com/assets/vtex.file-manager-graphql/images/aa176aea-cb1d-4de0-8357-a62c2ee3dea4___a6be50d649a1cfe24e9785c2e57b48f7.jpg" alt="tech">
<div class="text-a10">
<h2>Cabezal Giratorio en ambos sentidos</h2>
<h3>Moldea tu cabello en solo minutos!</h3>
<p>Su diseño ovalado es ergonómico y fácil de usar, asegurando un peinado espectacular sin complicaciones. Además, el
cabezal giratorio en ambos sentidos facilita el secado y el modelado. ¡Chau al cabello rebelde!
</p>
</div>
</div>
</div>
</div>
<!-- sección 3 detalles -->
<div class="section section-2">
<div class="container-a1">
<h2 style="text-align: center;"></h2>
<div class="additional-section-a9">
<img src="https://gamaperu.vtexassets.com/assets/vtex.file-manager-graphql/images/f9427451-b4a1-4e55-ae71-bc04e739a9ba___bc057b69f3c8147c934418668536b4e1.jpg" alt="tech">
<div class="text-a10">
<h2>Tecnología 3D THERAPY​</h2>
<h3>Tu cabello saludable y sin frizz es posible con GA.MA Italy​</h3>
<p>Una innovadora tecnología basada en <strong>ION PLUS</strong> que restaura la estructura molecular del cabello, devolviéndole su
hidratación natural y mejorando su brillo y flexibilidad. Con el cepillo 3 en 1 equipado con <strong>3D Therapy,</strong> disfruta de
un styling perfecto y sin frizz durante más tiempo, resaltando la belleza natural de tu cabello.​

</p>
</div>
</div>
</div>
</div>

<!-- iconos -->
<div class="section section-5">
<div class="container-a1">
<div class="tech-specs-wrapper-a12">
<div class="tech-specs-a13">
<h2>Funcionalidades</h2>
<div class="specs-grid-a14">
<div class="spec-a15">
<img src="https://gamaperu.vtexassets.com/assets/vtex.file-manager-graphql/images/c221345f-dcda-4cf4-b6fc-91d94cad6abf___6e6fd6eb9283f4021ebc1ae25b56dffc.png" alt="Icon">
<h3>Aro para colgar</h3>
</div>
<div class="spec-a15">
<img src="https://gamaperu.vtexassets.com/assets/vtex.file-manager-graphql/images/da963d62-00c9-43bb-9175-a2941e91d837___5dbf209d2f62ae2c69be885f69ccce88.png" alt="Icon">
<h3>Efecto aire frio</h3>
</div>
<div class="spec-a15">
<img src="https://gamaperu.vtexassets.com/assets/vtex.file-manager-graphql/images/505370c2-2d2f-4cb5-b1fb-39ebc018350e___7220a4c0c6c075fa541b05de942e0b27.png" alt="Icon">
<h3>Cable giratorio</h3>
</div>
<div class="spec-a15">
<img src="https://gamaperu.vtexassets.com/assets/vtex.file-manager-graphql/images/b14412f4-a2ed-468f-927d-7e489b30a2e1___0bdc6360107fe3e11db50bf0b31464f1.png" alt="Icon">
<h3>Diseño liviano</h3>
</div>
</div>
</div>
</div>
</div>
</div>

<!-- cierre
<div class="section section-6">
<div class="container-a1 banner-a3">
<div class="header-a2">
<img src="https://gamamexico.vtexassets.com/assets/vtex.file-manager-graphql/images/b3d548f4-93ba-4792-a205-03d2db1680f2___d5b39eef0da6921518491607e9d038d7.png" alt="Final Banner" class="banner-desktop-a5">
<img src="https://gamamexico.vtexassets.com/assets/vtex.file-manager-graphql/images/826576d4-f3e9-42d6-851f-aa528ba80c21___4b36fed2b52308b5bc7cc64d2a22a192.png" alt="Final Banner Mobile" class="banner-mobile-a6">
</div>
</div>
</div>-->
</body>

Especificaciones