Name: "Salida De Baño Stefano Cocci"
Brand: STEFANO COCCI
SKU: 883212069
Price: 99.9 PEN
Availability: InStock

Compra online Salida De Baño Stefano Cocci de STEFANO COCCI en falabella.com conoce sus características y adquiere la mejor opción para ti.

Salida De Baño Stefano Cocci STEFANO COCCI | falabella.com

Modelo

Tipo

Género

Temporada

Marca

&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;Salida De Ba&ntilde;o Stefano Cocci&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 la salida de ba&ntilde;o Stefano Cocci, perfecta para la temporada primavera-verano. Disponible en sofisticados colores negro y blanco, esta prenda ofrece un toque de distinci&oacute;n y comodidad para tus d&iacute;as de sol. Ideal para disfrutar de la playa o la piscina con estilo.
        &lt;/p&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;&lt;p style=&quot;margin-bottom: 20px; font-size: 2rem; line-height: 23px; font-weight: 700; font-family: Lato, sans-serif; text-align: center;&quot;&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=&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;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;Blanco&quot; onmouseout=&quot;hideText('verColorTexto_Blanco_883212068', 'verColorTexto_Blanco_883212068_2')&quot; onmouseover=&quot;showText('verColorTexto_Blanco_883212068', 'verColorTexto_Blanco_883212068_2')&quot; style=&quot;width: 150px; height: 216px; filter: brightness(70%); border: 2px solid #ffffff; margin: 0px 0px; background-image: url('https://media.falabella.com/falabellaPE/883212071_5/w=1004,h=1004'); background-size: cover; background-position: center; border-radius: 30px;&quot;&gt;
&lt;/button&gt;
&lt;button class=&quot;color-text-button&quot; data-color=&quot;Blanco&quot; onmouseout=&quot;hideText('verColorTexto_Blanco_883212068', 'verColorTexto_Blanco_883212068_2')&quot; onmouseover=&quot;showText('verColorTexto_Blanco_883212068', 'verColorTexto_Blanco_883212068_2')&quot; style=&quot;cursor: pointer; border: none; background: none; font-size: 14px; color: #000; margin-top: 5px; max-width: 120px&quot;&gt;Blanco&lt;span style=&quot;display: inline-block; width: 10px; height: 10px; background-color: #FFFFFF; border-radius: 50%; margin-left: 5px;&quot;&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;Negro&quot; onmouseout=&quot;hideText('verColorTexto_Negro_883212068', 'verColorTexto_Negro_883212068_2')&quot; onmouseover=&quot;showText('verColorTexto_Negro_883212068', 'verColorTexto_Negro_883212068_2')&quot; style=&quot;width: 150px; height: 216px; border: 2px solid #ffffff; margin: 0px 0px; background-image: url('https://media.falabella.com/falabellaPE/883212070_6/w=1004,h=1004'); background-size: cover; background-position: center; border-radius: 30px;&quot;&gt;
&lt;/button&gt;
&lt;button class=&quot;color-text-button&quot; data-color=&quot;Negro&quot; onmouseout=&quot;hideText('verColorTexto_Negro_883212068', 'verColorTexto_Negro_883212068_2')&quot; onmouseover=&quot;showText('verColorTexto_Negro_883212068', 'verColorTexto_Negro_883212068_2')&quot; style=&quot;cursor: pointer; border: none; background: none; font-size: 14px; color: #000; margin-top: 5px; max-width: 120px&quot;&gt;Negro&lt;span style=&quot;display: inline-block; width: 10px; height: 10px; background-color: #151515; border-radius: 50%; margin-left: 5px;&quot;&gt;&lt;/span&gt;&lt;/button&gt;
&lt;/div&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&quot; data-color=&quot;Blanco&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;Blanco&lt;/strong&gt;
&lt;span class=&quot;color-swatch&quot; style=&quot;display: inline-block; width: 1rem; height: 1rem; background-color: #FFFFFF; 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/883212071_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/883212071_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/883212071_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/883212071_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/883212071_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 class=&quot;color-container&quot; data-color=&quot;Negro&quot; style=&quot;display: none;&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;Negro&lt;/strong&gt;
&lt;span class=&quot;color-swatch&quot; style=&quot;display: inline-block; width: 1rem; height: 1rem; background-color: #151515; 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/883212070_6/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/883212070_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/883212070_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/883212070_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/883212070_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 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/883212070_5/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;/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: STEFANO COCCI&lt;/li&gt; &lt;li&gt;Modelo: SBC01V25&lt;/li&gt; &lt;li&gt;Tipo: Salidas de ba&ntilde;o vestido&lt;/li&gt; &lt;li&gt;G&eacute;nero vestuario: Mujer&lt;/li&gt; &lt;li&gt;Temporada: Primavera-Verano&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;


Salida De Baño Stefano Cocci

FACEBOOK

Me gustó este producto Salida De Baño Stefano Cocci. Encuéntralo en

Twitter

Me gustó este producto Salida De Baño Stefano Cocci. ¡Lo quiero!

Pinterest

https://www.falabella.com.pe/falabella-pe/product/883212068/Salida-De-Bano-Stefano-Cocci/883212069

Modelo	SBC01V25
Tipo	Salidas de baño vestido
Género	Mujer
Temporada	Primavera-Verano