Name: "Medias Algodón Hombre Springfield"
Brand: SPRINGFIELD
SKU: 20396697
Price: 12.9 PEN
Availability: InStock

Compra online Medias Algodón Hombre Springfield de SPRINGFIELD en falabella.com conoce sus características y adquiere la mejor opción para ti.

Medias Algodón Hombre Springfield SPRINGFIELD | falabella.com

Condicion del producto

Marca

Modelo

País de origen

Tipo.

Alto

Ancho

Género

Estilo

Temporada

Tipo

Material

Composición

&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;Medias Algod&oacute;n Hombre Springfield&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 las medias de algod&oacute;n para hombre de Springfield, perfectas para cualquier ocasi&oacute;n. Con un dise&ntilde;o casual y disponible en negro, gris, azul y beige, ofrecen comodidad y un ajuste ideal. Su calidad garantiza durabilidad, convirti&eacute;ndolas en una opci&oacute;n vers&aacute;til para toda temporada. &iexcl;Renueva tu colecci&oacute;n hoy!
        &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-between; 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://media.falabella.com/falabellaPE/20396695_2/w=1004,h=1004'); background-size: cover; background-position: center; border-radius: 30px;&quot; onmouseover=&quot;showText('verColorTexto_Azul_20396693', 'verColorTexto_Azul_20396693_2')&quot; onmouseout=&quot;hideText('verColorTexto_Azul_20396693', 'verColorTexto_Azul_20396693_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_20396693', 'verColorTexto_Azul_20396693_2')&quot; onmouseout=&quot;hideText('verColorTexto_Azul_20396693', 'verColorTexto_Azul_20396693_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;Beige&quot; style=&quot;width: 150px; height: 216px; border: 2px solid #ffffff; margin: 0px 0px; background-image: url('https://media.falabella.com/falabellaPE/20396697_2/w=1004,h=1004'); background-size: cover; background-position: center; border-radius: 30px;&quot; onmouseover=&quot;showText('verColorTexto_Beige_20396693', 'verColorTexto_Beige_20396693_2')&quot; onmouseout=&quot;hideText('verColorTexto_Beige_20396693', 'verColorTexto_Beige_20396693_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_20396693', 'verColorTexto_Beige_20396693_2')&quot; onmouseout=&quot;hideText('verColorTexto_Beige_20396693', 'verColorTexto_Beige_20396693_2')&quot;&gt;Beige&lt;span style='display: inline-block; width: 10px; height: 10px; background-color: #D7D7A8; 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;Gris&quot; style=&quot;width: 150px; height: 216px; border: 2px solid #ffffff; margin: 0px 0px; background-image: url('https://media.falabella.com/falabellaPE/20396696_2/w=1004,h=1004'); background-size: cover; background-position: center; border-radius: 30px;&quot; onmouseover=&quot;showText('verColorTexto_Gris_20396693', 'verColorTexto_Gris_20396693_2')&quot; onmouseout=&quot;hideText('verColorTexto_Gris_20396693', 'verColorTexto_Gris_20396693_2')&quot;&gt;
                        &lt;/button&gt;
                        &lt;button class=&quot;color-text-button&quot; data-color=&quot;Gris&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_Gris_20396693', 'verColorTexto_Gris_20396693_2')&quot; onmouseout=&quot;hideText('verColorTexto_Gris_20396693', 'verColorTexto_Gris_20396693_2')&quot;&gt;Gris&lt;span style='display: inline-block; width: 10px; height: 10px; background-color: #C4C4C4; 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;Negro&quot; style=&quot;width: 150px; height: 216px; border: 2px solid #ffffff; margin: 0px 0px; background-image: url('https://media.falabella.com/falabellaPE/20396694_2/w=1004,h=1004'); background-size: cover; background-position: center; border-radius: 30px;&quot; onmouseover=&quot;showText('verColorTexto_Negro_20396693', 'verColorTexto_Negro_20396693_2')&quot; onmouseout=&quot;hideText('verColorTexto_Negro_20396693', 'verColorTexto_Negro_20396693_2')&quot;&gt;
                        &lt;/button&gt;
                        &lt;button class=&quot;color-text-button&quot; data-color=&quot;Negro&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_Negro_20396693', 'verColorTexto_Negro_20396693_2')&quot; onmouseout=&quot;hideText('verColorTexto_Negro_20396693', 'verColorTexto_Negro_20396693_2')&quot;&gt;Negro&lt;span style='display: inline-block; width: 10px; height: 10px; background-color: #151515; 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://media.falabella.com/falabellaPE/20396695_2/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://media.falabella.com/falabellaPE/20396695_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;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class='color-container ' data-color='Beige' 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;Beige&lt;/strong&gt;
                    &lt;span class=&quot;color-swatch&quot; style=&quot;display: inline-block; width: 1rem; height: 1rem; background-color: #D7D7A8; border-radius: 50%; margin-left: 5px;&quot;&gt;&lt;/span&gt;
                &lt;/p&gt;
            &lt;img src='https://media.falabella.com/falabellaPE/20396697_2/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://media.falabella.com/falabellaPE/20396697_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;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class='color-container ' data-color='Gris' 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;Gris&lt;/strong&gt;
                    &lt;span class=&quot;color-swatch&quot; style=&quot;display: inline-block; width: 1rem; height: 1rem; background-color: #C4C4C4; border-radius: 50%; margin-left: 5px;&quot;&gt;&lt;/span&gt;
                &lt;/p&gt;
            &lt;img src='https://media.falabella.com/falabellaPE/20396696_2/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://media.falabella.com/falabellaPE/20396696_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;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class='color-container ' data-color='Negro' 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;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 src='https://media.falabella.com/falabellaPE/20396694_2/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://media.falabella.com/falabellaPE/20396694_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;/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;p&gt;&iexcl;Bienvenido a la secci&oacute;n de accesorios para hombres juveniles de Saga Falabella! Aqu&iacute; encontrar&aacute;s todo lo que necesitas para lucir al &uacute;ltimo grito de la moda. Desde billeteras, maletines y mochilas para llevar tus cosas donde tengas que ir, hasta canguros, relojes y lentes para completar tu look. &lt;/p&gt;&lt;p&gt;Adem&aacute;s, los dise&ntilde;os y colores &uacute;nicos de nuestros productos le dar&aacute;n a tu look un toque moderno que destacar&aacute; entre la multitud. &iexcl;Explora nuestro cat&aacute;logo de productos y encuentra el accesorio perfecto para ti!&lt;/p&gt;&lt;h4&gt;&lt;b&gt;Ficha del producto:&lt;/b&gt;&lt;/h4&gt;&lt;ul&gt;    &lt;li&gt;Marca: SPRINGFIELD&lt;/li&gt;    &lt;li&gt;Modelo: 657123&lt;/li&gt;    &lt;li&gt;Tipo: Otros&lt;/li&gt;    &lt;li&gt;Material: Algod&oacute;n&lt;/li&gt;    &lt;li&gt;Composici&oacute;n: 063% Algod&oacute;n 034% Poli&eacute;ster 003% Elastano&lt;/li&gt;    &lt;li&gt;Alto: .&lt;/li&gt;    &lt;li&gt;Ancho/Di&aacute;metro: .&lt;/li&gt;    &lt;li&gt;Largo: .&lt;/li&gt;    &lt;li&gt;Dise&ntilde;o: Liso&lt;/li&gt;    &lt;li&gt;Estilo: Casual&lt;/li&gt;    &lt;li&gt;Temporada: Toda temporada&lt;/li&gt;    &lt;li&gt;Hecho en: Pakist&aacute;n&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;
        

Medias Algodón Hombre Springfield

Politica de cambios y devoluciones

FACEBOOK

Me gustó este producto Medias Algodón Hombre Springfield. Encuéntralo en

Twitter

Me gustó este producto Medias Algodón Hombre Springfield. ¡Lo quiero!

Pinterest

https://www.falabella.com.pe/falabella-pe/product/20396693/Medias-Algodon-Hombre-Springfield/20396694

Condicion del producto	Nuevo
Marca	SPRINGFIELD
Modelo	657123
País de origen	Pakistán
Tipo.	Otros
Alto	.
Ancho	.
Género	Hombre
Estilo	Casual
Temporada	Toda temporada