/* V392 — sobres fotográficos y carga optimizada para las colecciones de 15 años. */
.q392-envelope-stage{
  min-height:100svh;
  display:grid;
  place-items:center;
  padding:24px 14px;
  background:#f3f0ea;
  overflow:hidden;
}
.q392-envelope-shell{
  width:min(460px,78vw);
  display:grid;
  justify-items:center;
  gap:18px;
}
.q392-envelope-button{
  appearance:none;
  display:block;
  width:100%;
  padding:0;
  border:0;
  background:transparent;
  cursor:pointer;
  line-height:0;
  overflow:hidden;
  border-radius:0;
  box-shadow:0 18px 55px rgba(25,28,34,.13);
  transform:translateZ(0);
}
.q392-envelope-button img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:3/2;
  object-fit:cover;
  transition:transform .9s cubic-bezier(.2,.75,.2,1),opacity .65s ease,filter .65s ease;
}
.q392-envelope-button.open{pointer-events:none}
.q392-envelope-button.open img{
  transform:scale(1.035) translateY(-1.5%);
  opacity:.18;
  filter:blur(1px);
}
.q392-envelope-stage .open-hint{
  margin:0;
  text-align:center;
  font-size:12px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#6d675f;
}
@media (max-width:600px){
  .q392-envelope-stage{padding:0;align-content:center;background:#0f1420}
  .q392-envelope-shell{width:min(420px,86vw);gap:15px}
  .q392-envelope-button{box-shadow:none}
  .q392-envelope-stage .open-hint{color:rgba(255,255,255,.76);padding:0 16px}
}
@media (prefers-reduced-motion:reduce){
  .q392-envelope-button img{transition:none}
}