PRECIO
0
—
3.500.000
COLOR
₲180.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;
}
₲260.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;
}
₲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;
}
₲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;
}
₲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;
}
₲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;
}
₲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;
}
₲420.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;
}
₲420.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;
}
₲420.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;
}
₲420.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;
}