/* RESET */

*{
margin:0;
padding:0;
box-sizing:border-box;
}

/* BODY */

body{
font-family:'Cinzel', serif;
background: radial-gradient(circle at center, #2a003f 0%, #14001f 60%, #000000 100%);
color:#e6ccff;
min-height:100vh;
display:flex;
flex-direction:column;
align-items:center;
padding:40px 20px;
}

/* HEADER */

.header{
text-align:center;
margin-bottom:40px;
}

.titulo-producto{
font-size:3rem;
color:#d8a6ff;
text-shadow:0 0 15px #b266ff;
}

/* CONTENEDOR PRINCIPAL */

.contenedor-producto{
display:grid;
grid-template-columns:1fr 1fr;
gap:40px;
max-width:1000px;
width:100%;
background:rgba(84,12,152,0.6);
padding:40px;
border-radius:20px;
box-shadow:0 0 30px #6a0dad;
backdrop-filter:blur(6px);
align-items:center;
}

/* IMAGEN */

.imagen-producto{
display:flex;
justify-content:center;
}

.imagen-producto img{
max-width:100%;
border-radius:15px;
box-shadow:0 0 20px #6a0dad;
}

/* TEXTO */

.info-producto h2{
color:#d8a6ff;
margin-bottom:15px;
}

.info-producto p{
margin-bottom:15px;
line-height:1.6;
font-size:1rem;
}

/* BOTÓN VOLVER */

.volver{
margin-top:40px;
background:#8648c1;
color:white;
padding:12px 25px;
border-radius:30px;
text-decoration:none;
font-weight:bold;
transition:0.3s ease;
box-shadow:0 0 15px #6a0dad;
}

.volver:hover{
transform:scale(1.1);
box-shadow:0 0 25px #b266ff;
}

/* FOOTER */

footer{
margin-top:40px;
text-align:center;
color:#d8a6ff;
font-size:0.9rem;
margin-top:auto;
text-align:center;
color:#d8a6ff;
font-size:0.9rem;
padding-top:40px;
}

/* RESPONSIVE */

/* tablets */

@media (max-width:900px){

.contenedor-producto{
grid-template-columns:1fr;
text-align:center;
}

}

/* móviles */

@media (max-width:600px){

.titulo-producto{
font-size:2.2rem;
}

.contenedor-producto{
padding:25px;
gap:25px;
}

.info-producto p{
font-size:0.95rem;
}

}