Name: "Bolso P-- Penny Mango"
Brand: MANGO
SKU: 20613582
Price: 59.9 PEN
Availability: OutOfStock

Compra online Bolso P-- Penny Mango de MANGO en falabella.com conoce sus características y adquiere la mejor opción para ti.

Bolso P-- Penny Mango MANGO | falabella.com

Marca

Modelo

País de origen

Tipo.

Tamaño del bolso/maleta

Género

Material_

Tipo de bolso/mochila/funda

Mas Verde

Tipo

Tamaño

&lt;div class=&quot;product-container&quot;&gt;
&lt;div style=&quot;width: 100%; margin-bottom: 20px; text-align: center;&quot;&gt;
&lt;h2 style=&quot;font-size: 2rem; font-weight: 700; margin-bottom: 20px; font-family: Lato, sans-serif; line-height: 2rem;&quot;&gt;Bolso P-- Penny Mango&lt;/h2&gt;
&lt;p class=&quot;product-text&quot; style=&quot;margin-bottom: 20px; font-size: 18px; line-height: 23px; font-family: Lato, sans-serif; text-align: justify;&quot;&gt;
            Descubre el Bolso P-- Penny de Mango, dise&ntilde;ado para la mujer moderna. Su color mango vibrante aporta un toque fresco a cualquier outfit. Con un estilo sofisticado y funcional, este bolso es perfecto para llevar tus esenciales con comodidad y distinci&oacute;n. Ideal para el d&iacute;a a d&iacute;a o una salida especial.
        &lt;/p&gt;
&lt;div style=&quot;text-align: center;&quot;&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;h3 style=&quot;font-size: 0; visibility: hidden; font-family: Lato, sans-serif;&quot;&gt;&lt;span style=&quot;display: inline-block; width: 10px; height: 10px; background-color: #None; border-radius: 50%; margin-left: 5px;&quot;&gt;&lt;/span&gt;Color:  &lt;/h3&gt;
&lt;div id=&quot;color-buttons-container&quot; style=&quot;display: flex; align-items: flex-start; justify-content: space-around; flex-wrap: nowrap; overflow-x: auto; margin-bottom: 15px;  padding: 0 0px;&quot;&gt;&lt;button class=&quot;color-button active&quot; data-color=&quot; &quot; style=&quot;width: 0px; height: 0px; border: none; margin: 0; padding: 0; visibility: hidden;&quot;&gt;&lt;/button&gt;&lt;/div&gt;
&lt;div class=&quot;conditional-style&quot; style=&quot;display: flex; flex-direction: column; align-items: center; position: relative;&quot;&gt;&lt;div class=&quot;color-container active&quot; data-color=&quot; &quot; style=&quot;display: block;&quot;&gt;
&lt;div class=&quot;image-container&quot;&gt;
&lt;div style=&quot;position: relative;&quot;&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; &lt;/strong&gt;
&lt;span class=&quot;color-swatch&quot; style=&quot;display: inline-block; width: 1rem; height: 1rem; background-color: #None; border-radius: 50%; margin-left: 5px;&quot;&gt;&lt;/span&gt;
&lt;/p&gt;
&lt;img loading=&quot;lazy&quot; src=&quot;https://media.falabella.com/falabellaPE/20613582_5/w=1004,h=1004&quot; style=&quot;width: 100%; display: block; border: 5px solid white; margin: 0; padding: 0;&quot;/&gt;&lt;/div&gt;
&lt;div style=&quot;display: flex; justify-content: space-between; overflow: hidden;&quot;&gt;&lt;img loading=&quot;lazy&quot; src=&quot;https://media.falabella.com/falabellaPE/20613582_1/w=1004,h=1004&quot; style=&quot;width: 50%; margin-bottom: 5px; margin-right: 1%; display: block; border: 5px solid white; margin: 0; padding: 0;&quot;/&gt;&lt;img loading=&quot;lazy&quot; src=&quot;https://media.falabella.com/falabellaPE/20613582_2/w=1004,h=1004&quot; style=&quot;width: 50%; margin-bottom: 5px; margin-left: 0%; display: block; border: 5px solid white; margin: 0; padding: 0;&quot;/&gt;&lt;/div&gt;
&lt;div style=&quot;display: flex; justify-content: space-between; overflow: hidden;&quot;&gt;&lt;img loading=&quot;lazy&quot; src=&quot;https://media.falabella.com/falabellaPE/20613582_3/w=1004,h=1004&quot; style=&quot;width: 50%; margin-bottom: 5px; margin-right: 1%; display: block; border: 5px solid white; margin: 0; padding: 0;&quot;/&gt;&lt;img loading=&quot;lazy&quot; src=&quot;https://media.falabella.com/falabellaPE/20613582_4/w=1004,h=1004&quot; style=&quot;width: 50%; margin-bottom: 5px; margin-left: 0%; display: block; border: 5px solid white; margin: 0; padding: 0;&quot;/&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=&quot;productOriginal-container&quot;&gt;
&lt;h4&gt;&lt;b&gt;Ficha del producto:&lt;/b&gt;&lt;/h4&gt;&lt;ul&gt; &lt;li&gt;Marca: Mango&lt;/li&gt; &lt;li&gt;Modelo: 77050353&lt;/li&gt; &lt;li&gt;Tipo: Bolso&lt;/li&gt; &lt;li&gt;G&eacute;nero: Mujer&lt;/li&gt; &lt;li&gt;Tama&ntilde;o: Tama&Atilde;&plusmn;o peque&Atilde;&plusmn;o.&lt;/li&gt; &lt;li&gt;Tama&ntilde;o: &lt;/li&gt; &lt;li&gt;. Ancho:   7: &lt;/li&gt; &lt;li&gt;0 cm . Largo:  30: &lt;/li&gt; &lt;li&gt;0 cm . Alto:  25: &lt;/li&gt; &lt;li&gt;0 cm: &lt;/li&gt; &lt;li&gt;Material: COMPOSICION: 100% PAPEL. FORRO: 100% ALGODON.&lt;/li&gt; &lt;li&gt;Hecho en: CHINA&lt;/li&gt; &lt;li&gt;Mas Verde: Nuevo&lt;/li&gt;&lt;/ul&gt;
&lt;/div&gt;&lt;div style=&quot;font-size: 0; visibility: hidden;&quot;&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;


Bolso P-- Penny Mango

Politica de cambios y devoluciones

FACEBOOK

Me gustó este producto Bolso P-- Penny Mango. Encuéntralo en

Twitter

Me gustó este producto Bolso P-- Penny Mango. ¡Lo quiero!

Pinterest

https://www.falabella.com.pe/falabella-pe/product/20613581/Bolso-P-Penny-Mango/20613582

Marca	Mango
Modelo	77050353
País de origen	China
Tipo.	Bolso
Tamaño del bolso/maleta	TamaÃ±o pequeÃ±o.,, . Ancho: 7,0 cm . Largo: 30,0 cm . Alto: 25,0 cm
Género	Mujer
Material_	COMPOSICION: 100% PAPEL. FORRO: 100% ALGODON.
Tipo de bolso/mochila/funda	Bolsos
Mas Verde	Nuevo

Producto sin stock :(

Bolso P-- Penny Mango