Name: "Zapatilla Urbana Hombre Café Clarks"
Brand: CLARKS
SKU: 16778141
Price: 56990 CLP
Availability: OutOfStock

Compra Zapatilla Urbana Hombre Café Clarks de CLARKS en Falabella.com. Descubre sus características principales y adquiere la mejor opción para ti.

CLARKS Zapatilla Urbana Hombre Café Clarks | falabella.com

Género

Material principal

Tipo de caña

Horma

Altura de la plataforma

País de origen

Condicion del producto

Modelo

Tipo

Material

<!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_clarks/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/16778140_1/w=1500,h=1500" alt="Image 5" style="max-width: 32%; transform: scaleX(-1);">
<img src="https://media.falabella.com/falabellaCL/16778140_2/w=1500,h=1500" alt="Image 2"style="max-width: 32%;">
<img src="https://media.falabella.com/falabellaCL/16778140_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/16778140_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: Gamuza</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/16778140_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/16778140_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 de gamuza que redefine tu estilo diario</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 moderno, estas zapatillas combinan la suavidad de la gamuza con una suela de goma que brinda tracción y confort. Su altura media de plataforma te ofrece un soporte ideal para cualquier aventura.</p>
</div>
<div class="image-section">
<img class="img_sec1" src="https://media.falabella.com/falabellaCL/16778140_1/w=1500,h=1500" alt="Running Shoes">
</div>
<div class="image-section">
<img class="img_sec2" src="https://media.falabella.com/falabellaCL/16778140_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;">Con un forro textil que se adapta a tu pie, cada paso se siente ligero y fresco. Su horma normal asegura un ajuste perfecto, permitiéndote lucir bien mientras conquistas la ciudad con confianza.</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>

Zapatilla Urbana Hombre Café Clarks

Politica de cambios y devoluciones

Producto Protegido

FACEBOOK

Me gustó este producto Zapatilla Urbana Hombre Café Clarks. Encuéntralo en

Twitter

Me gustó este producto Zapatilla Urbana Hombre Café Clarks. ¡Lo quiero!

Pinterest

https://www.falabella.com/falabella-cl/product/16778140/Zapatilla-Urbana-Hombre-Cafe-Clarks/16778142

Género	Hombre
Material principal	Gamuza
Tipo de caña	Sin caña
Horma	Normal
Altura de la plataforma	Medio
País de origen	Camboya
Condicion del producto	Nuevo
Modelo	26170376

¡Qué mal! Justo se agotó

Zapatilla Urbana Hombre Café Clarks