Work hard. Create magic.
La nueva colección Messi x Stanley 1913 esta disponible ahora.
COLECCIONES DESTACADAS
₲560.000
/* 1. ESTADO BASE: Oculta la foto secundaria de forma animable */
.foto-secundaria {
/* Oculta el elemento, pero lo mantiene en el flujo para que pueda hacer la transición */
opacity: 0;
/* Prepara la transición para cuando cambie la opacidad */
transition: opacity 0.5s ease; /* 0.5 segundos para la aparición */
}
/* 2. EFECTO HOVER: Muestra la foto secundaria al pasar el ratón sobre la principal */
.foto-principal:hover .foto-secundaria {
/* Muestra la foto suavemente */
opacity: 1;
}
₲560.000
/* 1. ESTADO BASE: Oculta la foto secundaria de forma animable */
.foto-secundaria {
/* Oculta el elemento, pero lo mantiene en el flujo para que pueda hacer la transición */
opacity: 0;
/* Prepara la transición para cuando cambie la opacidad */
transition: opacity 0.5s ease; /* 0.5 segundos para la aparición */
}
/* 2. EFECTO HOVER: Muestra la foto secundaria al pasar el ratón sobre la principal */
.foto-principal:hover .foto-secundaria {
/* Muestra la foto suavemente */
opacity: 1;
}
₲560.000
/* 1. ESTADO BASE: Oculta la foto secundaria de forma animable */
.foto-secundaria {
/* Oculta el elemento, pero lo mantiene en el flujo para que pueda hacer la transición */
opacity: 0;
/* Prepara la transición para cuando cambie la opacidad */
transition: opacity 0.5s ease; /* 0.5 segundos para la aparición */
}
/* 2. EFECTO HOVER: Muestra la foto secundaria al pasar el ratón sobre la principal */
.foto-principal:hover .foto-secundaria {
/* Muestra la foto suavemente */
opacity: 1;
}
/* 1. ESTADO BASE: Oculta la foto secundaria de forma animable */
.foto-secundaria {
/* Oculta el elemento, pero lo mantiene en el flujo para que pueda hacer la transición */
opacity: 0;
/* Prepara la transición para cuando cambie la opacidad */
transition: opacity 0.5s ease; /* 0.5 segundos para la aparición */
}
/* 2. EFECTO HOVER: Muestra la foto secundaria al pasar el ratón sobre la principal */
.foto-principal:hover .foto-secundaria {
/* Muestra la foto suavemente */
opacity: 1;
}
₲400.000
/* 1. ESTADO BASE: Oculta la foto secundaria de forma animable */
.foto-secundaria {
/* Oculta el elemento, pero lo mantiene en el flujo para que pueda hacer la transición */
opacity: 0;
/* Prepara la transición para cuando cambie la opacidad */
transition: opacity 0.5s ease; /* 0.5 segundos para la aparición */
}
/* 2. EFECTO HOVER: Muestra la foto secundaria al pasar el ratón sobre la principal */
.foto-principal:hover .foto-secundaria {
/* Muestra la foto suavemente */
opacity: 1;
}
₲450.000
/* 1. ESTADO BASE: Oculta la foto secundaria de forma animable */
.foto-secundaria {
/* Oculta el elemento, pero lo mantiene en el flujo para que pueda hacer la transición */
opacity: 0;
/* Prepara la transición para cuando cambie la opacidad */
transition: opacity 0.5s ease; /* 0.5 segundos para la aparición */
}
/* 2. EFECTO HOVER: Muestra la foto secundaria al pasar el ratón sobre la principal */
.foto-principal:hover .foto-secundaria {
/* Muestra la foto suavemente */
opacity: 1;
}
₲480.000
/* 1. ESTADO BASE: Oculta la foto secundaria de forma animable */
.foto-secundaria {
/* Oculta el elemento, pero lo mantiene en el flujo para que pueda hacer la transición */
opacity: 0;
/* Prepara la transición para cuando cambie la opacidad */
transition: opacity 0.5s ease; /* 0.5 segundos para la aparición */
}
/* 2. EFECTO HOVER: Muestra la foto secundaria al pasar el ratón sobre la principal */
.foto-principal:hover .foto-secundaria {
/* Muestra la foto suavemente */
opacity: 1;
}
₲450.000
/* 1. ESTADO BASE: Oculta la foto secundaria de forma animable */
.foto-secundaria {
/* Oculta el elemento, pero lo mantiene en el flujo para que pueda hacer la transición */
opacity: 0;
/* Prepara la transición para cuando cambie la opacidad */
transition: opacity 0.5s ease; /* 0.5 segundos para la aparición */
}
/* 2. EFECTO HOVER: Muestra la foto secundaria al pasar el ratón sobre la principal */
.foto-principal:hover .foto-secundaria {
/* Muestra la foto suavemente */
opacity: 1;
}
₲480.000
/* 1. ESTADO BASE: Oculta la foto secundaria de forma animable */
.foto-secundaria {
/* Oculta el elemento, pero lo mantiene en el flujo para que pueda hacer la transición */
opacity: 0;
/* Prepara la transición para cuando cambie la opacidad */
transition: opacity 0.5s ease; /* 0.5 segundos para la aparición */
}
/* 2. EFECTO HOVER: Muestra la foto secundaria al pasar el ratón sobre la principal */
.foto-principal:hover .foto-secundaria {
/* Muestra la foto suavemente */
opacity: 1;
}
₲480.000
/* 1. ESTADO BASE: Oculta la foto secundaria de forma animable */
.foto-secundaria {
/* Oculta el elemento, pero lo mantiene en el flujo para que pueda hacer la transición */
opacity: 0;
/* Prepara la transición para cuando cambie la opacidad */
transition: opacity 0.5s ease; /* 0.5 segundos para la aparición */
}
/* 2. EFECTO HOVER: Muestra la foto secundaria al pasar el ratón sobre la principal */
.foto-principal:hover .foto-secundaria {
/* Muestra la foto suavemente */
opacity: 1;
}
₲480.000
/* 1. ESTADO BASE: Oculta la foto secundaria de forma animable */
.foto-secundaria {
/* Oculta el elemento, pero lo mantiene en el flujo para que pueda hacer la transición */
opacity: 0;
/* Prepara la transición para cuando cambie la opacidad */
transition: opacity 0.5s ease; /* 0.5 segundos para la aparición */
}
/* 2. EFECTO HOVER: Muestra la foto secundaria al pasar el ratón sobre la principal */
.foto-principal:hover .foto-secundaria {
/* Muestra la foto suavemente */
opacity: 1;
}
₲480.000
/* 1. ESTADO BASE: Oculta la foto secundaria de forma animable */
.foto-secundaria {
/* Oculta el elemento, pero lo mantiene en el flujo para que pueda hacer la transición */
opacity: 0;
/* Prepara la transición para cuando cambie la opacidad */
transition: opacity 0.5s ease; /* 0.5 segundos para la aparición */
}
/* 2. EFECTO HOVER: Muestra la foto secundaria al pasar el ratón sobre la principal */
.foto-principal:hover .foto-secundaria {
/* Muestra la foto suavemente */
opacity: 1;
}
₲3.500.000
/* 1. ESTADO BASE: Oculta la foto secundaria de forma animable */
.foto-secundaria {
/* Oculta el elemento, pero lo mantiene en el flujo para que pueda hacer la transición */
opacity: 0;
/* Prepara la transición para cuando cambie la opacidad */
transition: opacity 0.5s ease; /* 0.5 segundos para la aparición */
}
/* 2. EFECTO HOVER: Muestra la foto secundaria al pasar el ratón sobre la principal */
.foto-principal:hover .foto-secundaria {
/* Muestra la foto suavemente */
opacity: 1;
}
₲2.000.000
/* 1. ESTADO BASE: Oculta la foto secundaria de forma animable */
.foto-secundaria {
/* Oculta el elemento, pero lo mantiene en el flujo para que pueda hacer la transición */
opacity: 0;
/* Prepara la transición para cuando cambie la opacidad */
transition: opacity 0.5s ease; /* 0.5 segundos para la aparición */
}
/* 2. EFECTO HOVER: Muestra la foto secundaria al pasar el ratón sobre la principal */
.foto-principal:hover .foto-secundaria {
/* Muestra la foto suavemente */
opacity: 1;
}
₲3.000.000
/* 1. ESTADO BASE: Oculta la foto secundaria de forma animable */
.foto-secundaria {
/* Oculta el elemento, pero lo mantiene en el flujo para que pueda hacer la transición */
opacity: 0;
/* Prepara la transición para cuando cambie la opacidad */
transition: opacity 0.5s ease; /* 0.5 segundos para la aparición */
}
/* 2. EFECTO HOVER: Muestra la foto secundaria al pasar el ratón sobre la principal */
.foto-principal:hover .foto-secundaria {
/* Muestra la foto suavemente */
opacity: 1;
}
COMPRE POR CATEGORIA
Productos que te acompañarán en todo momento, durante toda la vida. Conoce las categorías de productos Stanley.
EXPLORA NUESTRAS EDICIONES LIMITADAS



