.xerjoff-product {
font-family: 'Poppins', sans-serif;
width: 100%;
margin: 0 auto;
padding: 20px;
background: linear-gradient(to bottom, #292524, #292524dd);
color: #f5f5f4;
box-sizing: border-box;
}
.xerjoff-product-header {
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 40px;
padding: 30px;
border-radius: 15px;
background: linear-gradient(to bottom, #44403c, #292524);
transition: all 0.3s ease;
box-shadow:
0 10px 25px #a8a29e33,
inset 0 1px 0 rgba(255, 255, 255, 0.1),
inset 0 0 20px rgba(255, 255, 255, 0.05);
border: 1px solid rgba(255, 255, 255, 0.1);
}
.xerjoff-product-header:hover {
transform: translateY(-5px);
}
.xerjoff-product-header:hover img {
transform: scale(1.05);
box-shadow:
0 15px 35px #a8a29e66,
0 5px 15px rgba(0, 0, 0, 0.3);
}
.xerjoff-product-header img {
max-width: 300px;
height: auto;
border-radius: 10px;
transition: all 0.3s ease;
box-shadow:
0 5px 15px rgba(0, 0, 0, 0.3),
0 3px 5px rgba(0, 0, 0, 0.2);
}
.xerjoff-product-description {
text-align: center;
margin-top: 20px;
}
.xerjoff-product-description h1 {
font-size: 28px;
margin-bottom: 15px;
color: #a8a29e;
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}
.xerjoff-product-description p {
font-size: 16px;
line-height: 1.6;
color: #f5f5f4;
}
.xerjoff-product-details {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 30px;
}
.xerjoff-detail-box {
background: linear-gradient(to bottom, #44403c, #292524);
border-radius: 15px;
padding: 25px;
text-align: center;
transition: all 0.3s ease;
box-shadow:
0 5px 15px rgba(0, 0, 0, 0.3),
inset 0 1px 0 rgba(255, 255, 255, 0.05);
border: 1px solid rgba(255, 255, 255, 0.1);
}
.xerjoff-detail-box:hover {
transform: translateY(-10px);
box-shadow:
0 20px 40px #a8a29e33,
inset 0 1px 0 rgba(255, 255, 255, 0.05);
}
.xerjoff-detail-box img {
width: 100px;
height: 100px;
object-fit: cover;
border-radius: 50%;
margin-bottom: 15px;
transition: all 0.3s ease;
box-shadow:
0 5px 10px rgba(0, 0, 0, 0.3),
0 2px 5px rgba(0, 0, 0, 0.2);
border: 4px solid #44403c;
}
.xerjoff-detail-box:hover img {
transform: scale(1.1);
box-shadow:
0 12px 25px #a8a29e40,
0 5px 10px rgba(0, 0, 0, 0.3);
}
.xerjoff-detail-box h3 {
font-size: 18px;
margin-bottom: 10px;
color: #a8a29e;
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}
.xerjoff-detail-box p {
font-size: 14px;
line-height: 1.5;
color: #f5f5f4;
}
/* Mejoras de responsividad */
* {
box-sizing: border-box;
}

img {
max-width: 100%;
height: auto;
}

@media (max-width: 600px) {
.xerjoff-product-header {
padding: 15px;
}

.xerjoff-product-header img {
max-width: 100%;
}

.xerjoff-product-description h1 {
font-size: 24px;
}

.xerjoff-product-description p {
font-size: 14px;
}

.xerjoff-product-details {
grid-template-columns: 1fr;
}

.xerjoff-detail-box {
padding: 15px;
}
}





Lancome Tresor
Trésor de Lancôme es una fragancia de la familia olfativa Oriental Floral para mujeres.






Notas de Salida
Piña, lila, durazno (melocotón), flor del albaricoquero, lirio de los valles, bergamota y rosa




Notas de Corazón
Iris, jazmín, heliotropo y rosa




Notas de Fondo
Chabacano, sándalo, ámbar, almizcle, vainilla y durazno.