Name: "Zapatilla Urbana Hombre Negro Call It Spring"
Brand: CALL IT SPRING
SKU: 17072264
Price: 19990 CLP
Availability: InStock

Compra Zapatilla Urbana Hombre Negro Call It Spring de CALL IT SPRING en Falabella.com. Descubre sus características principales y adquiere la mejor opción para ti.

CALL IT SPRING Zapatilla Urbana Hombre Negro Call It Spring | falabella.com

Género

Tipo

Material principal

Altura de la plataforma

Horma

Tipo de caña

Modelo

País de origen

Condicion del producto

Material

Zapatilla Urbana Hombre Negro Call It Spring

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Adidas Adizero</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
box-sizing: border-box;
}
.container {
width: 100%;
max-width: 1280px;
margin: 0 auto;
padding: 0px;
}
.row {
display: flex;
justify-content: space-between;
margin-bottom: 20px;
flex-wrap: wrap; /* Añadido wrap aquí */
position: relative;
}
.row2 {
display: flex;
justify-content: space-between;
margin-bottom: 20px;
flex-wrap: wrap; /* Añadido wrap aquí */
position: relative;
}
.row img {
max-width: 100%;
height: auto;
}
.row2 img {
max-width: 100%;
height: auto;
}
.centered {
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.centered img {
margin: 0 0px;
}
.horizontal-images {
display: flex;
justify-content: space-between;
flex-wrap: nowrap;
flex-direction: row; /* Cambiado a fila horizontal */
}
.horizontal-images img {
flex: 1;
margin: 5px;
max-width: 32%; /* Ajusta el tamaño para que quepa dentro del contenedor */
box-sizing: border-box;
}
.flipped-image {
transform: scaleX(-1);
}
.video-container {
width: 100%;
display: flex;
justify-content: center;
}
.video {
width: 80%;
height: 0;
padding-bottom: 45%; /* Relación de aspecto 16:9 */
position: relative;
}
.video iframe {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.horizontal-layout {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr auto; /* Ajustar la altura de la fila inferior */
gap: 10px;
padding: 5px; /* Relleno alrededor de toda la sección */
}
.horizontal-layout > div {
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
padding: 0px;
position: relative; /* Para posicionar correctamente el globo de reseña */
flex-direction: column; /* Dirección de flexión de columna para Horma y Transpirabilidad */
background-color: #fff; /* Color de fondo para cada elemento */
border: 1px solid #eee; /* Borde sutil para cada elemento */
border-radius: 10px; /* Esquinas redondeadas para cada elemento */
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); /* Sombra ligera para cada elemento */
}
.rotated-image {
transform: translate(0%, 0%) rotate(0deg);
max-width: 100%;
height: auto;
z-index: 0;
}
.label {
font-size: 18px;
color: #555;
}
hr {
border: 0;
height: 1px;
background: #ccc;
margin: 20px 0;
}
.image-container {
position: relative;
display: inline-block;
text-align: center;
width: 100%;
height: 100%;
}
.label-container {
display: flex;
flex-direction: column; /* Cambiado a columna */
justify-content: center;
align-items: flex-start; /* Alineado a la izquierda */
width: 100%;
padding: 0 10px; /* Añadir algo de relleno al contenedor */
box-sizing: border-box;
position: relative;
z-index: 1;
}
.label-item {
display: flex;
align-items: center;
margin-bottom: 10px; /* Espacio entre los iconos */
}
.label-item img {
width: 40px; /* Ajusta el tamaño según sea necesario */
height: 40px;
margin-right: 10px; /* Espacio entre el icono y el texto */
}
.review-bubble {
background-color: rgba(0, 0, 0, 0.4);
color: white;
padding: 10px;
border-radius: 10px;
width: 100%;
box-sizing: border-box;
position: absolute; /* Posicionar el globo de reseña */
left: 0; /* Alinearlo a la izquierda del contenedor */
top: 0; /* Alinearlo en la parte superior del contenedor */
height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
}
.review-bubble .review-title {
font-size: 22px;
font-weight: bold;
line-height: 1.2; /* Reducir el espaciado de las líneas */
margin-top: 15px;
margin-bottom: 15px;
}
.review-bubble .review-rating {
display: flex;
align-items: center;
justify-content: flex-start; /* Alinear las estrellas a la izquierda */
flex-direction: row; /* Mostrar las estrellas horizontalmente */
margin-bottom: 20px;
}
.review-bubble .review-rating img {
width: 25px;
height: 25px;
margin-right: 2px;
}
.review-bubble .review-text {
font-size: 18px;
text-align: left;
}
.features {
display: flex;
flex-direction: column;
align-items: center;
flex: 1;
z-index: 1;
border: 1px solid black;
padding: 10px;
margin: 10px;
box-sizing: border-box;
text-align: center;
}
.features div {
margin-bottom: 5px;
width: 100%; /* Hacer que los títulos usen todo el ancho */
}
.features p {
margin: 0; /* Eliminar el margen para los títulos */
width: 100%;
text-align: center;
}
.feature-bars {
display: flex;
flex-direction: column;
width: 100%;
align-items: center;
}
.feature-bar {
display: flex;
flex-direction: column;
align-items: center;
width: 80%; /* Ajustar según sea necesario */
margin-bottom: 20px;
}
.bar {
display: flex;
border: 1px solid black;
height: 20px;
width: 100%;
position: relative;
border-radius: 10px; /* Añadido para esquinas redondeadas */
}
.section {
flex: 1;
position: relative;
}
.gray {
background-color: lightgray;
}
.labels {
display: flex;
justify-content: space-between;
width: 100%;
font-size: 12px;
}
.section:not(:last-child)::after {
content: "";
width: 1px;
background-color: black;
height: 100%;
position: absolute;
right: 0;
top: 0;
z-index:1;
}
/* Estilo adicional para el título específico */
.main-title {
font-size: 27px; /* Cambia el tamaño de letra según sea necesario */
margin-bottom: 40px;
color: #333; /* Cambia el color de texto si es necesario */
font-weight: bold; /* Ajusta el peso de la fuente si es necesario */
}
.text-section, .image-section {
flex: 1 1 40%;
margin: 0px;
text-align: center;
}
.products-wrapper {
position: relative;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
width: 100%;
}
.products {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
gap: 20px;
width: 100%;
}
.product-card {
flex: 0 0 auto; /* Mantener un tamaño constante para 4 productos en una fila */
margin: 0;
width: 170px;
box-sizing: border-box;
text-align: center;
}
.product-card a {
text-decoration: none;
color: inherit;
display: block;
padding: 10px;
border: 1px solid transparent;
transition: border-color 0.3s;
}
.product-card a:hover {
border-color: #ddd;
}
.product-card img {
max-width: 100%;
height: auto;
}
.product-title {
font-size: 14px;
font-weight: bold;
margin-top: 10px;
}
.product-description {
font-size: 13px;
color: #555;
}
.arrow {
display: none;
position: absolute;
top: 50%;
transform: translateY(-50%);
background: rgba(0, 0, 0, 0.5);
color: white;
border: none;
padding: 10px;
cursor: pointer;
z-index: 1;
}
.arrow.left {
left: 0;
}
.arrow.right {
right: 0;
}
.footer-video-container {
width: 100%;
display: flex;
justify-content: center;
}
.footer-video {
width: 100%;
height: 0;
padding-bottom: 45%; /* Relación de aspecto 16:9 */
position: relative;
}
.footer-video video {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.products.centered {
justify-content: center;
}
.fb-product-information__product-information-tab .fb-product-information-tab__copy img {
max-width: 100%;
padding-bottom: 0em!important;
}
.styled-paragraph {
font-size: 1.8rem !important;
line-height: 2.7rem !important;
background: #f2f2f2;
padding: 10px;
padding-left: 30px;
padding-right: 30px;
height: 323.5px;
align-content: center;
}
@media (max-width: 1200px) {
.horizontal-images img {
max-width: 48%; /* Ajustar el tamaño para pantallas más pequeñas */
}
.products-wrapper {
overflow-x: auto; /* Permitir desplazamiento horizontal en pantallas pequeñas */
}
.feature-circles .circle {
width: 20px;
height: 20px;
font-size: 10px;
}
.features p {
font-size: 12px;
}
.review-bubble .review-title {
font-size: 21px;
font-weight: bold;
line-height: 1.2;
margin-top: 0px;
margin-bottom: 0px;
}
.review-bubble .review-rating {
display: flex;
align-items: center;
justify-content: flex-start;
flex-direction: row;
margin-bottom: 5px;
}
}
@media (max-width: 768px) {
.features {
flex: 1 1 100%;
margin: 0 5px;
}
.feature-section {
flex-wrap: wrap;
}
.feature-text, .feature-circles, .feature-image {
flex: 1 1 100%;
margin: 5px 0;
align-content: center;
}
.feature-image img {
max-height: 150px;
object-fit: contain;
}
.product-card {
max-width: 45%;
}
.review-bubble {
width: auto;
max-width: 100%;
}
.review-bubble .review-rating img {
width: 15px;
height: 15px;
margin-right: 2px;
}
.review-bubble .review-text {
font-size: 18px;
text-align: left;
}
.text-section, .image-section {
flex: 1 1 45%;
margin: 0px;
}
.styled-paragraph {
font-size: 1.2rem!important;
text-align: center;
line-height: 1.7rem!important;
height: auto;
}
.img_sec1 {
max-width: 45%;
display:none;
}
.img_sec2 {
max-width: 65% !important;
margin: auto!important;
}
.row2 {
flex-direction: column!important;
}
}
@media (max-width: 480px) {
.horizontal-layout {
flex-direction: column;
align-items: stretch;
}
.feature-text, .feature-circles, .feature-image {
flex: 1 1 100%;
margin: 5px 0;
align-content: center;
}
.review-bubble {
position: relative;
width: 100%;
max-width: 100%;
right: 0;
top: 0;
margin: 10px 0;
}
}
</style>
</head>
<body>
<div class="container">
<div class="row centered">
<img src="https://media.falabella.com/falabellaCL/misc/brand_callitspring/trim=0;0;0;0" alt="Marca" style="width: 125px; padding-bottom: 0px; margin-right:0px;">
<span class="text"><strong></strong></span>
</div>
<hr>
<div class="row horizontal-images">
<img src="https://media.falabella.com/falabellaCL/17072258_1/w=1500,h=1500" alt="Image 5" style="max-width: 32%; transform: scaleX(-1);">
<img src="https://media.falabella.com/falabellaCL/17072258_2/w=1500,h=1500" alt="Image 2"style="max-width: 32%;">
<img src="https://media.falabella.com/falabellaCL/17072258_3/w=1500,h=1500" alt="Image 3" class="flipped-image"style="max-width: 32%;">
</div>
<div class="row horizontal-layout">
<div class="quarter-width" style="grid-area: 1 / 1 / 2 / 2;">
<div class="feature-image image-container">
<img src="https://media.falabella.com/falabellaCL/17072258_3/w=1500,h=1500" alt="Feature Image 1" class="rotated-image" style="z-index: 1;">
</div>
</div>
<div class="quarter-width" style="grid-area: 1 / 2 / 2 / 3;">
<div class="container" style="margin-bottom: 10px; width: 85%;">
<div class="title" style="text-align: center; font-size: 15px;margin-bottom: 10px;font-weight: bold;">Horma</div>
<div class="bar">
<div class="section gray" style="border-top-left-radius: 10px; border-bottom-left-radius: 10px;background-color: #fff;"></div>
<div class="section" style=" background-color: lightgray; "></div>
<div class="section" style="border-top-right-radius: 10px; border-bottom-right-radius: 10px; background-color: #fff;"></div>
</div>
<div class="labels">
<span>Pequeña</span>
<span>Grande</span>
</div>
</div>
<div class="title-material" style="text-align: center;font-size: 15px;margin-bottom: 10px;font-weight: bold;">Materiales</div>
<div class="label-container" style="z-index: 0;">
<div class="label-item">
<img src="https://media.falabella.com/falabellaCO/misc/zapatilla-interior/public" alt="Sticker 2" style="padding-bottom: 0px;">
<span>Calzado: Sintético</span>
</div>
<div class="label-item">
<img src="https://media.falabella.com/falabellaCO/misc/zapatilla-suela/public" alt="Sticker 3" style="padding-bottom: 0px;">
<span>Suela: Goma</span>
</div>
</div>
</div>
<div class="quarter-width" style="grid-area: 2 / 2 / 3 / 3; height: auto;">
<div class="feature-image image-container">
<img src="https://media.falabella.com/falabellaCL/17072258_4/w=1500,h=1500" alt="Feature Image 2">
</div>
</div>
<div class="quarter-width" style="grid-area: 2 / 1 / 3 / 2; height: auto;">
<img src="https://media.falabella.com/falabellaCL/17072258_5/w=1500,h=1500" alt="Feature Image 1"   style:"  transform: scaleX(-1);">
</div>
</div>
<hr>
<div class="row2 text-and-image" style="align-items: center; text-align-items: center">
<h2 class="main-title" style="text-align: center;"><strong>Zapatilla urbana sintética para un estilo de vida activo y moderno</strong></h2>
<div class="text-section" style="text-align: justify; font-size: 2rem; line-height: 3.0rem;">
<p class="styled-paragraph" style="text-align: center;">Diseñadas para el hombre contemporáneo, estas zapatillas cuentan con un forro de poliéster y una suela de goma que garantizan comodidad y tracción en cada paso. Su horma normal se adapta perfectamente a tu pie.</p>
</div>
<div class="image-section">
<img class="img_sec1" src="https://media.falabella.com/falabellaCL/17072258_1/w=1500,h=1500" alt="Running Shoes">
</div>
<div class="image-section">
<img class="img_sec2" src="https://media.falabella.com/falabellaCL/17072258_5/w=1500,h=1500" alt="Running Shoes">
</div>
<div class="text-section" style="text-align: justify; font-size: 2rem; line-height: 3.0rem;">
<p class="styled-paragraph" style="text-align: center;">Además, su material sintético es fácil de limpiar y mantener, mientras que su diseño versátil se adapta tanto a tus entrenamientos como a tus salidas casuales. ¡Exprésate con cada paso!</p>
</div>
</div>
<h4>¡Descubre cómo medir tu pie y encontrar la talla perfecta de zapatos para ti!</h4> <br>
<p>En nuestro video exclusivo, aprenderás de manera sencilla y precisa cómo tomar las medidas de tu pie y seleccionar la talla ideal para tus Tenis, Zapatos y Zapatillas. Ya no más calzado incómodo o incorrecto. Con nuestros consejos, podrás asegurarte de que cada paso que des sea cómodo y estilizado. No pierdas más tiempo probando tallas equivocadas.</p>
<br>
<style>
.inpage__video {
display: block;
width: 100%;
}
</style>
<video controls="" class="inpage__video" src="https://assets.falabella.com/v3/assets/blt088e6fffbba20f16/bltd646f4914396b9b4/675c99a4bbb2f672f839cc59/Tenis_Hombre_1920X1081_Sep.mp4">
Tu navegador no admite la etiqueta de video.
</video>
<script>
var videoElement = document.querySelector(".inpage__video");
if (window.innerWidth <= 768) {
videoElement.src = "https://assets.falabella.com/v3/assets/blt088e6fffbba20f16/bltde02ed3deda37fd9/675c99a5ad0534150c2bfda3/Tenis_Hombre_1920X1082_Sep_1.mp4";
} else {
videoElement.src = "https://assets.falabella.com/v3/assets/blt088e6fffbba20f16/bltd646f4914396b9b4/675c99a4bbb2f672f839cc59/Tenis_Hombre_1920X1081_Sep.mp4";
}
</script>
</div>
<script>
let currentIndex = 0;
const productCards = document.querySelectorAll('.product-card');
const totalCards = productCards.length;
const cardsToShow = 4; // Número de tarjetas a mostrar a la vez

function scrollLeft() {
if (currentIndex > 0) {
currentIndex--;
updateProductDisplay();
}
}
function scrollRight() {
if (currentIndex < totalCards - cardsToShow) {
currentIndex++;
updateProductDisplay();
}
}
window.addEventListener('resize', updateProductDisplay);
updateProductDisplay();
</script>
<div style='font-size: 0; visibility: hidden;'>INPAGE CALZADO PROD</div>
</body>
</html>

Politica de cambios y devoluciones

Producto Protegido

FACEBOOK

Me gustó este producto Zapatilla Urbana Hombre Negro Call It Spring. Encuéntralo en

Twitter

Me gustó este producto Zapatilla Urbana Hombre Negro Call It Spring. ¡Lo quiero!

Pinterest

https://www.falabella.com/falabella-cl/product/17072258/Zapatilla-Urbana-Hombre-Negro-Call-It-Spring/17072259

Género	Hombre
Tipo	Zapatillas urbanas
Material principal	Sintético
Altura de la plataforma	Sin plataforma
Horma	Normal
Tipo de caña	Sin caña
Modelo	FRESHH_H009
País de origen	China
Condicion del producto	Nuevo