Name: "Overol Denim Niña Yamp Diseño Flores Casual"
Brand: YAMP
SKU: 883294023
Price: 14.9 PEN
Availability: OutOfStock

Compra online Overol Denim Niña Yamp Diseño Flores Casual de YAMP en falabella.com conoce sus características y adquiere la mejor opción para ti.

Overol Denim Niña Yamp Diseño Flores Casual YAMP | falabella.com

Condicion del producto

Marca

Material de vestuario

Modelo

País de origen

Composición

Tipo

Género

Temporada

Overol Denim Niña Yamp Diseño Flores Casual

&lt;div class='product-container'&gt;
&lt;div style='width: 100%; margin-bottom: 20px; text-align: center;'&gt;

&lt;h2 style='font-size: 2rem; font-weight: 700; margin-bottom: 20px; font-family: Lato, sans-serif; line-height: 2rem;'&gt;Overol Ni&ntilde;a Algod&oacute;n Yamp&lt;/h2&gt;


        &lt;p class='product-text' style='margin-bottom: 20px; font-size: 18px; line-height: 23px; font-family: Lato, sans-serif; text-align: justify;'&gt;
            Descubre el overol de algod&oacute;n Yamp para ni&ntilde;a, disponible en vibrantes tonos morado y azul. Su dise&ntilde;o c&oacute;modo y vers&aacute;til es perfecto para cualquier ocasi&oacute;n, brindando libertad de movimiento y estilo. Ideal para combinar con tus prendas favoritas, este overol ser&aacute; un esencial en su guardarropa.
        &lt;/p&gt;
        

&lt;div style='text-align: center;'&gt;&lt;p style='margin-bottom: 20px; font-size: 2rem; line-height: 23px; font-weight: 700; font-family: Lato, sans-serif; text-align: center;'&gt;&lt;strong&gt;Variaciones&lt;/strong&gt;&lt;/p&gt;

        &lt;style&gt;
        @media (max-width: 767px) {
            .color-button {
                width: 75px !important;
                height: 108px !important;
                margin: 0 !important;
                background-size: cover !important;
                background-position: center !important;
                border-radius: 15px !important;
            }
            .color-text-button {
                font-size: 12px !important;
            }
            .ver-color-texto {
                font-size: 12px !important;
            }
            .product-text {
                font-size: 22px !important;
            }
        }
        &lt;/style&gt;
        &lt;div id='color-buttons-container' style='display: flex; align-items: flex-start; justify-content: space-around; flex-wrap: nowrap; overflow-x: auto; margin-bottom: 15px;  padding: 0 0px;'&gt;
                    &lt;div style=&quot;display: flex; flex-direction: column; align-items: center; position: relative;&quot;&gt;
                        &lt;button class=&quot;color-button active&quot; data-color=&quot;Azul&quot; style=&quot;width: 150px; height: 216px; filter: brightness(70%); border: 2px solid #ffffff; margin: 0px 0px; background-image: url('https://imagedelivery.net/4fYuQyy-r8_rpBpcY7lH_A/falabellaPE/883294025_3/w=1004,h=1004'); background-size: cover; background-position: center; border-radius: 30px;&quot; onmouseover=&quot;showText('verColorTexto_Azul_883294012', 'verColorTexto_Azul_883294012_2')&quot; onmouseout=&quot;hideText('verColorTexto_Azul_883294012', 'verColorTexto_Azul_883294012_2')&quot;&gt;
                        &lt;/button&gt;
                        &lt;button class=&quot;color-text-button&quot; data-color=&quot;Azul&quot; style=&quot;cursor: pointer; border: none; background: none; font-size: 14px; color: #000; margin-top: 5px; max-width: 120px&quot; onmouseover=&quot;showText('verColorTexto_Azul_883294012', 'verColorTexto_Azul_883294012_2')&quot; onmouseout=&quot;hideText('verColorTexto_Azul_883294012', 'verColorTexto_Azul_883294012_2')&quot;&gt;Azul&lt;span style='display: inline-block; width: 10px; height: 10px; background-color: #0C1C8C; border-radius: 50%; margin-left: 5px;'&gt;&lt;/span&gt;&lt;/button&gt;
                    &lt;/div&gt;
                    
                    &lt;div style=&quot;display: flex; flex-direction: column; align-items: center; position: relative;&quot;&gt;
                        &lt;button class=&quot;color-button &quot; data-color=&quot;Morado&quot; style=&quot;width: 150px; height: 216px; border: 2px solid #ffffff; margin: 0px 0px; background-image: url('https://imagedelivery.net/4fYuQyy-r8_rpBpcY7lH_A/falabellaPE/883294014_6/w=1004,h=1004'); background-size: cover; background-position: center; border-radius: 30px;&quot; onmouseover=&quot;showText('verColorTexto_Morado_883294012', 'verColorTexto_Morado_883294012_2')&quot; onmouseout=&quot;hideText('verColorTexto_Morado_883294012', 'verColorTexto_Morado_883294012_2')&quot;&gt;
                        &lt;/button&gt;
                        &lt;button class=&quot;color-text-button&quot; data-color=&quot;Morado&quot; style=&quot;cursor: pointer; border: none; background: none; font-size: 14px; color: #000; margin-top: 5px; max-width: 120px&quot; onmouseover=&quot;showText('verColorTexto_Morado_883294012', 'verColorTexto_Morado_883294012_2')&quot; onmouseout=&quot;hideText('verColorTexto_Morado_883294012', 'verColorTexto_Morado_883294012_2')&quot;&gt;Morado&lt;span style='display: inline-block; width: 10px; height: 10px; background-color: #572364; border-radius: 50%; margin-left: 5px;'&gt;&lt;/span&gt;&lt;/button&gt;
                    &lt;/div&gt;
                    &lt;/div&gt;
&lt;div class='conditional-style' style='display: flex; flex-direction: column; align-items: center; position: relative;'&gt;&lt;div class='color-container ' data-color='Azul' style='display: block;'&gt;
&lt;div class='image-container'&gt;
            &lt;div style='position: relative;'&gt;
                &lt;p class=&quot;color-text&quot; style=&quot;position: absolute; top: 2rem; left: 2rem; font-size: 18px; color: black; padding: 5px; font-family: Lato, sans-serif;&quot;&gt;
                    &lt;strong&gt;Azul&lt;/strong&gt;
                    &lt;span class=&quot;color-swatch&quot; style=&quot;display: inline-block; width: 1rem; height: 1rem; background-color: #0C1C8C; border-radius: 50%; margin-left: 5px;&quot;&gt;&lt;/span&gt;
                &lt;/p&gt;
            &lt;img src='https://imagedelivery.net/4fYuQyy-r8_rpBpcY7lH_A/falabellaPE/883294025_3/w=1004,h=1004' style='width: 100%; display: block; border: 5px solid white; margin: 0; padding: 0;' loading='lazy'&gt;&lt;/div&gt;
&lt;div style='display: flex; justify-content: space-between; overflow: hidden;'&gt;&lt;img src='https://imagedelivery.net/4fYuQyy-r8_rpBpcY7lH_A/falabellaPE/883294025_1/w=1004,h=1004' style='width: 50%; margin-bottom: 5px; margin-right: 1%; display: block; border: 5px solid white; margin: 0; padding: 0;' loading='lazy'&gt;&lt;img src='https://imagedelivery.net/4fYuQyy-r8_rpBpcY7lH_A/falabellaPE/883294025_2/w=1004,h=1004' style='width: 50%; margin-bottom: 5px; margin-left: 0%; display: block; border: 5px solid white; margin: 0; padding: 0;' loading='lazy'&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class='color-container ' data-color='Morado' style='display: none;'&gt;
&lt;div class='image-container'&gt;
            &lt;div style='position: relative;'&gt;
                &lt;p class=&quot;color-text&quot; style=&quot;position: absolute; top: 2rem; left: 2rem; font-size: 18px; color: black; padding: 5px; font-family: Lato, sans-serif;&quot;&gt;
                    &lt;strong&gt;Morado&lt;/strong&gt;
                    &lt;span class=&quot;color-swatch&quot; style=&quot;display: inline-block; width: 1rem; height: 1rem; background-color: #572364; border-radius: 50%; margin-left: 5px;&quot;&gt;&lt;/span&gt;
                &lt;/p&gt;
            &lt;img src='https://imagedelivery.net/4fYuQyy-r8_rpBpcY7lH_A/falabellaPE/883294014_6/w=1004,h=1004' style='width: 100%; display: block; border: 5px solid white; margin: 0; padding: 0;' loading='lazy'&gt;&lt;/div&gt;
&lt;div style='display: flex; justify-content: space-between; overflow: hidden;'&gt;&lt;img src='https://imagedelivery.net/4fYuQyy-r8_rpBpcY7lH_A/falabellaPE/883294014_1/w=1004,h=1004' style='width: 50%; margin-bottom: 5px; margin-right: 1%; display: block; border: 5px solid white; margin: 0; padding: 0;' loading='lazy'&gt;&lt;img src='https://imagedelivery.net/4fYuQyy-r8_rpBpcY7lH_A/falabellaPE/883294014_2/w=1004,h=1004' style='width: 50%; margin-bottom: 5px; margin-left: 0%; display: block; border: 5px solid white; margin: 0; padding: 0;' loading='lazy'&gt;&lt;/div&gt;
&lt;div style='display: flex; justify-content: space-between; overflow: hidden;'&gt;&lt;img src='https://imagedelivery.net/4fYuQyy-r8_rpBpcY7lH_A/falabellaPE/883294014_3/w=1004,h=1004' style='width: 50%; margin-bottom: 5px; margin-right: 1%; display: block; border: 5px solid white; margin: 0; padding: 0;' loading='lazy'&gt;&lt;img src='https://imagedelivery.net/4fYuQyy-r8_rpBpcY7lH_A/falabellaPE/883294014_4/w=1004,h=1004' style='width: 50%; margin-bottom: 5px; margin-left: 0%; display: block; border: 5px solid white; margin: 0; padding: 0;' loading='lazy'&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;

&lt;/div&gt;
&lt;br&gt;
            &lt;style&gt;
            @media (max-width: 767px) {
                .color-text {
                    top: 2vw!important  ;
                    left: 4vw!important  ;
                    font-size: 16px!important ; /* O el tama&ntilde;o de fuente que prefieras */
                }
            
                .color-swatch {
                    width: 0.8rem!important  ;
                    height: 0.8rem!important  ;
                }
            }
            &lt;/style&gt;
        &lt;/div&gt; &lt;/div&gt; 

&lt;div class='productOriginal-container'&gt;&lt;h4&gt;&lt;b&gt;Ficha del producto:&lt;/b&gt;&lt;/h4&gt;&lt;ul&gt;    &lt;li&gt;Material principal: Algod&oacute;n&lt;/li&gt;    &lt;li&gt;Tipo: Overoles&lt;/li&gt;    &lt;li&gt;G&eacute;nero: Ni&ntilde;a&lt;/li&gt;    &lt;li&gt;Composici&oacute;n: 100% COTTON&lt;/li&gt;    &lt;li&gt;Marca: YAMP&lt;/li&gt;    &lt;li&gt;Modelo: PJUMPEROG&lt;/li&gt;    &lt;li&gt;Temporada: Oto&ntilde;o-Invierno&lt;/li&gt;    &lt;li&gt;Hecho en: Qingdao&lt;/li&gt;    &lt;li&gt;Condicion del producto: Nuevo&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;div style='font-size: 0; visibility: hidden;'&gt;INPAGE VESTUARIO PROD&lt;/div&gt;&lt;/div&gt;
        &lt;script&gt;
        document.addEventListener('DOMContentLoaded', function() {
          const colorButtons = document.querySelectorAll('.color-button');
          const colorContainers = document.querySelectorAll('.color-container');
        
          // Funci&oacute;n para desplazarse a la primera imagen del color seleccionado
          function scrollToFirstImage(color) {
            const images = document.querySelectorAll(`.color-container[data-color='${color}'] img`);
            if (images.length &gt; 0) {
              images[0].scrollIntoView({ behavior: 'smooth', block: 'start' });
            }
          }
        
          let selectedButton = null; // Variable para almacenar el bot&oacute;n seleccionado
        
          // Establecer el bot&oacute;n inicialmente seleccionado
          colorButtons.forEach(button =&gt; {
            if (button.checked) {
              selectedButton = button;
              button.style.filter = 'brightness(70%)';
            }
          });
        
          colorButtons.forEach(button =&gt; {
            button.addEventListener('click', function() {
              const color = this.dataset.color;
              colorContainers.forEach(container =&gt; {
                container.style.display = container.dataset.color === color ? 'block' : 'none';
              });
              //scrollToFirstImage(color); // Desplazar siempre a la primera imagen del color seleccionado
              // Resaltar el bot&oacute;n pulsado y restaurar el brillo del bot&oacute;n previamente seleccionado
              colorButtons.forEach(btn =&gt; {
                 btn.style.filter = btn === this ? 'brightness(70%)' : 'brightness(100%)';
              });
              selectedButton = this; // Actualizar el bot&oacute;n seleccionado
            });
        
            // Ajustar el brillo cuando el mouse est&aacute; encima del bot&oacute;n
            button.addEventListener('mouseover', function() {
              if (this !== selectedButton) { // Verificar si el bot&oacute;n no est&aacute; seleccionado
                this.style.filter = 'brightness(90%)';
              }
            });
        
            // Restaurar el brillo cuando el mouse sale del bot&oacute;n
            button.addEventListener('mouseout', function() {
              if (this !== selectedButton) { // Verificar si el bot&oacute;n no est&aacute; seleccionado
                this.style.filter = 'brightness(100%)';
              }
            });
          });
        });
        &lt;/script&gt;
        

Politica de cambios y devoluciones

FACEBOOK

Me gustó este producto Overol Denim Niña Yamp Diseño Flores Casual. Encuéntralo en

Twitter

Me gustó este producto Overol Denim Niña Yamp Diseño Flores Casual. ¡Lo quiero!

Pinterest

https://www.falabella.com.pe/falabella-pe/product/883294012/Overol-Denim-Nina-Yamp-Diseno-Flores-Casual/883294026

Condicion del producto	Nuevo
Marca	YAMP
Material de vestuario	Algodón
Modelo	PJUMPEROG
País de origen	Qingdao
Composición	100% COTTON
Tipo	Pantalones
Género	Niña
Temporada	Otoño-Invierno

Producto sin stock :(

Overol Denim Niña Yamp Diseño Flores Casual