Name: "Saco Cortavientos Columbia Mujer Outdoor"
Brand: COLUMBIA
SKU: 72739614
Price: 199990 COP
Availability: OutOfStock

Compra Saco Cortavientos Columbia Mujer Outdoor de COLUMBIA en Falabella Colombia. Descubre sus características principales y adquiere la mejor opción para ti.

COLUMBIA Saco Cortavientos Columbia Mujer Outdoor | falabella.com

Las instrucciones de cuidado y conservación se encuentran en la etiqueta del producto.

Marca

Temporada

Modelo

Disciplina

Material de vestuario

Largo de mangas

País de origen

Género

Composición

Estilo de vestuario

Condición del producto

Tipo

Saco Cortavientos Columbia Mujer Outdoor 

&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;Saco Cortavientos Columbia Mujer Outdoor&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;
        Saco Columbia para mujer, ideal para actividades al aire libre. Confeccionado en poli&eacute;ster de alta calidad. Cierre de cremallera, manga larga. Disponible en tonos beige y morado. Apto para toda temporada. &iexcl;Nuevo y listo para acompa&ntilde;arte en tus aventuras!
    &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;Beige&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/falabellaCO/72739614_3/w=1004,h=1004'); background-size: cover; background-position: center; border-radius: 30px;&quot; onmouseover=&quot;showText('verColorTexto_Beige_72739607', 'verColorTexto_Beige_72739607_2')&quot; onmouseout=&quot;hideText('verColorTexto_Beige_72739607', 'verColorTexto_Beige_72739607_2')&quot;&gt;
                    &lt;/button&gt;
                    &lt;button class=&quot;color-text-button&quot; data-color=&quot;Beige&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_Beige_72739607', 'verColorTexto_Beige_72739607_2')&quot; onmouseout=&quot;hideText('verColorTexto_Beige_72739607', 'verColorTexto_Beige_72739607_2')&quot;&gt;Beige&lt;span style='display: inline-block; width: 10px; height: 10px; background-color: #DBD2C1; 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/falabellaCO/72739611_3/w=1004,h=1004'); background-size: cover; background-position: center; border-radius: 30px;&quot; onmouseover=&quot;showText('verColorTexto_Morado_72739607', 'verColorTexto_Morado_72739607_2')&quot; onmouseout=&quot;hideText('verColorTexto_Morado_72739607', 'verColorTexto_Morado_72739607_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_72739607', 'verColorTexto_Morado_72739607_2')&quot; onmouseout=&quot;hideText('verColorTexto_Morado_72739607', 'verColorTexto_Morado_72739607_2')&quot;&gt;Morado&lt;span style='display: inline-block; width: 10px; height: 10px; background-color: #B6B5DB; 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='Beige' 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;Beige&lt;/strong&gt;
                &lt;span class=&quot;color-swatch&quot; style=&quot;display: inline-block; width: 1rem; height: 1rem; background-color: #DBD2C1; border-radius: 50%; margin-left: 5px;&quot;&gt;&lt;/span&gt;
            &lt;/p&gt;
        &lt;img src='https://imagedelivery.net/4fYuQyy-r8_rpBpcY7lH_A/falabellaCO/72739614_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/falabellaCO/72739614_2/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/falabellaCO/72739614_1/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/falabellaCO/72739614_4/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/falabellaCO/72739614_5/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: #B6B5DB; border-radius: 50%; margin-left: 5px;&quot;&gt;&lt;/span&gt;
            &lt;/p&gt;
        &lt;img src='https://imagedelivery.net/4fYuQyy-r8_rpBpcY7lH_A/falabellaCO/72739611_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/falabellaCO/72739611_2/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/falabellaCO/72739611_1/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/falabellaCO/72739611_4/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/falabellaCO/72739611_5/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;p&gt;&lt;b&gt;Producto ambientado, solo incluye productos especificados en la descripci&oacute;n. Para cambios o devoluciones te invitamos a leer nuestras pol&iacute;ticas &lt;a href=&quot;http://www.falabella.com.co/falabella-co/static/staticContent1.jsp?active=9&amp;amp;id=cat1850985&quot;&gt;AQU&Iacute;&lt;/a&gt;&lt;/b&gt;&lt;/p&gt;
&lt;/div&gt;&lt;div style='font-size: 0; visibility: hidden;'&gt;INPAGE VESTUARIO PROD&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';
          });
          &lt;!--scrollToFirstImage(color);--&gt; // 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;
    