Name: "Hex Ready Low Mesh Zapatilla Urbana Hombre Negra Cat"
Brand: CAT
SKU: 80007522
Price: 74990 CLP
Availability: InStock

Compra Hex Ready Low Mesh Zapatilla Urbana Hombre Negra Cat de CAT en Falabella.com. Descubre sus características principales y adquiere la mejor opción para ti.

CAT Hex Ready Low Mesh Zapatilla Urbana Hombre Negra Cat | falabella.com

Horma

Material principal

País de origen

Tipo de caña

Condicion del producto

Modelo

Género

Hex Ready Low Mesh Zapatilla Urbana Hombre Negra Cat

<!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/80007499_1/w=1500,h=1500" alt="Image 5" style="max-width: 32%; transform: scaleX(-1);">
<img src="https://media.falabella.com/falabellaCL/80007499_2/w=1500,h=1500" alt="Image 2"style="max-width: 32%;">
<img src="https://media.falabella.com/falabellaCL/80007499_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/80007499_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/80007499_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/80007499_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 un estilo moderno y cómodo</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, nuestras zapatillas de cuero ofrecen un ajuste normal y una suela de goma que garantiza tracción y durabilidad. Perfectas para el día a día, combinan estilo y confort sin esfuerzo.</p>
</div>
<div class="image-section">
<img class="img_sec1" src="https://media.falabella.com/falabellaCL/80007499_1/w=1500,h=1500" alt="Running Shoes">
</div>
<div class="image-section">
<img class="img_sec2" src="https://media.falabella.com/falabellaCL/80007499_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 diseño bajo proporciona una sensación de ligereza en cada paso, mientras que el forro de cuero añade un toque de elegancia. Son ideales para quienes buscan destacar en cualquier ocasión, sin sacrificar la comodidad.</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 Hex Ready Low Mesh Zapatilla Urbana Hombre Negra Cat. Encuéntralo en

Twitter

Me gustó este producto Hex Ready Low Mesh Zapatilla Urbana Hombre Negra Cat. ¡Lo quiero!

Pinterest

https://www.falabella.com/falabella-cl/product/80007499/Hex-Ready-Low-Mesh-Zapatilla-Urbana-Hombre-Negra-Cat/80007523

Horma	Normal
Material principal	Cuero
País de origen	China
Tipo de caña	Baja
Condicion del producto	Nuevo
Modelo	P726109-ZMI
Género	Hombre