Name: "Zapatilla Urbana Hombre Cuero Blanco Autry"
Brand: AUTRY
SKU: 17087506
Price: 136990 CLP
Availability: InStock

Compra Zapatilla Urbana Hombre Cuero Blanco Autry de AUTRY en Falabella.com. Descubre sus características principales y adquiere la mejor opción para ti.

AUTRY Zapatilla Urbana Hombre Cuero Blanco Autry | falabella.com

Género

Material principal

Horma

Altura de la plataforma

País de origen

Condicion del producto

Modelo

Tipo

Material

Zapatilla Urbana Hombre Cuero Blanco Autry

<!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/falabellaCO/misc/AUTRY_28/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/17087502_1/w=1500,h=1500" alt="Image 5" style="max-width: 32%; transform: scaleX(-1);">
<img src="https://media.falabella.com/falabellaCL/17087502_2/w=1500,h=1500" alt="Image 2"style="max-width: 32%;">
<img src="https://media.falabella.com/falabellaCL/17087502_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/17087502_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/17087502_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/17087502_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, estas zapatillas combinan un elegante acabado en cuero con una suela de goma que proporciona una excelente tracción. Su forro textil asegura una comodidad excepcional durante todo el día.</p>
</div>
<div class="image-section">
<img class="img_sec1" src="https://media.falabella.com/falabellaCL/17087502_1/w=1500,h=1500" alt="Running Shoes">
</div>
<div class="image-section">
<img class="img_sec2" src="https://media.falabella.com/falabellaCL/17087502_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 a diferentes tipos de pie, ofreciendo un ajuste perfecto. Con un diseño versátil, son ideales tanto para un día en la ciudad como para un encuentro casual con amigos.</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 Zapatilla Urbana Hombre Cuero Blanco Autry. Encuéntralo en

Twitter

Me gustó este producto Zapatilla Urbana Hombre Cuero Blanco Autry. ¡Lo quiero!

Pinterest

https://www.falabella.com/falabella-cl/product/17087502/Zapatilla-Urbana-Hombre-Cuero-Blanco-Autry/17087509

Género	Hombre
Material principal	Cuero
Horma	Normal
Altura de la plataforma	Sin plataforma
País de origen	Indonesia
Condicion del producto	Nuevo
Modelo	AULMWB03