Name: "Quest Mid Zapatilla Urbana Hombre Cuero Negro Cat"
Brand: CAT
SKU: 14851591
Price: 55990 CLP
Availability: InStock

Compra Quest Mid Zapatilla Urbana Hombre Cuero Negro Cat de CAT en Falabella.com. Descubre sus características principales y adquiere la mejor opción para ti.

CAT Quest Mid Zapatilla Urbana Hombre Cuero Negro Cat | falabella.com

Género

Material principal

Horma

Altura de la plataforma

Condicion del producto

Modelo

Tipo

Material

Quest Mid Zapatilla Urbana Hombre Cuero Negro Cat

Largo

Diseño

Pack De 6 Calcetines Deportivos Algodón Hombre Nike

15382244_1

15382244_2

U NK EVERYDAY CUSH ANKL  BLANCO L

15382243_1

15382243_2

U NK EVERYDAY CUSH ANKL  BLANCO M

Pack De 6 Calcetines Cortos Deportivos Hombre Diadora

882067109_1

882067109_2

882067109_3

CALCETIN DEPORT QUART.M.BA WHITE S-M

<!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_cat/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/14851589_1/w=1500,h=1500" alt="Image 5" style="max-width: 32%; transform: scaleX(-1);">
<img src="https://media.falabella.com/falabellaCL/14851589_2/w=1500,h=1500" alt="Image 2"style="max-width: 32%;">
<img src="https://media.falabella.com/falabellaCL/14851589_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/14851589_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: Cuero</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/14851589_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/14851589_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 cuero para el hombre moderno y activo</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ñada para el día a día, esta zapatilla combina estilo y funcionalidad. Su material de cuero de alta calidad y su suela de goma proporcionan confort y resistencia, ideales para cualquier aventura urbana.</p>
</div>
<div class="image-section">
<img class="img_sec1" src="https://media.falabella.com/falabellaCL/14851589_1/w=1500,h=1500" alt="Running Shoes">
</div>
<div class="image-section">
<img class="img_sec2" src="https://media.falabella.com/falabellaCL/14851589_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 horma normal se adapta perfectamente a tu pie, brindando soporte en cada paso. Con un diseño atemporal, estas zapatillas son el complemento perfecto para tu guardarropa, sin importar la ocasión.</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

FACEBOOK

Me gustó este producto Quest Mid Zapatilla Urbana Hombre Cuero Negro Cat. Encuéntralo en

Twitter

Me gustó este producto Quest Mid Zapatilla Urbana Hombre Cuero Negro Cat. ¡Lo quiero!

Pinterest

https://www.falabella.com/falabella-cl/product/14851589/Quest-Mid-Zapatilla-Urbana-Hombre-Cuero-Negro-Cat/14851600

Género	Hombre
Material principal	Cuero
Horma	Normal
Altura de la plataforma	Sin plataforma
Condicion del producto	Nuevo
Modelo	P110227