/* Peligro de Extinción — meme único de la subasta.
   Referencia enviada por organización: "Voy a salvar el arte".
   Curaduría de memes completa: sección futura, no incluida aquí. */
.auction-container{isolation:isolate}
.auction-container>.auction-meme{
  position:absolute;
  z-index:4;
  top:100px;
  right:clamp(32px,4.6vw,92px);
  width:clamp(214px,18vw,255px);
  padding:11px 11px 13px;
  border:4px solid #151217;
  border-radius:21px;
  background:#0e0b1a;
  box-shadow:9px 10px 0 #1913dc,14px 15px 0 #151217;
  transform:rotate(8deg);
  animation:pdeMemeFloat 5.3s ease-in-out infinite;
  color:#fff;
  font-family:'DM Sans',system-ui,sans-serif;
  text-transform:none;
}
.auction-meme::after{
  content:'✳';
  position:absolute;right:-19px;bottom:-23px;
  width:47px;height:47px;display:grid;place-items:center;
  border:3px solid #151217;border-radius:50%;
  background:#22c8fa;color:#151217;
  box-shadow:3px 3px 0 #151217;
  font:900 31px/1 sans-serif;
}
.auction-meme-label{
  display:flex;justify-content:space-between;align-items:center;
  gap:8px;margin:2px 4px 11px;
  font:900 10px/1.2 'DM Sans',system-ui,sans-serif;
  letter-spacing:.09em;color:#fff11f;
}
.auction-meme-label b{font-size:15px;color:#fff}
.auction-meme-chat{display:flex;flex-direction:column;gap:7px}
.auction-meme-chat span{
  display:block;
  width:max-content;max-width:100%;
  border:1px solid rgba(255,255,255,.24);
  border-radius:19px 19px 6px 19px;
  padding:9px 11px;
  margin-left:auto;
  background:linear-gradient(125deg,#962eff,#6d28ef);
  color:#fff;
  font:750 clamp(12px,1.08vw,14px)/1.25 'DM Sans',system-ui,sans-serif;
  box-shadow:0 2px 0 rgba(0,0,0,.22);
}
.auction-meme-chat span:first-child{margin-left:0;border-radius:19px 19px 19px 6px}
.auction-meme-chat span:last-child{font-weight:950;background:linear-gradient(120deg,#ba2cf5,#6124e9)}
@keyframes pdeMemeFloat{
  0%,100%{transform:rotate(8deg) translateY(0)}
  50%{transform:rotate(5deg) translateY(-12px)}
}
@media(max-width:1120px){
 .auction-container>.auction-meme{
  position:relative;inset:auto;
  width:248px;max-width:calc(100% - 24px);
  margin:4px 28px 39px auto;
  transform:rotate(5deg);
  animation:pdeMemeFloatSmall 5.3s ease-in-out infinite;
 }
 .auction-meme-chat span{font-size:13px}
 @keyframes pdeMemeFloatSmall{
  0%,100%{transform:rotate(5deg) translateY(0)}
  50%{transform:rotate(3deg) translateY(-8px)}
 }
}
@media(max-width:600px){
 .auction-container>.auction-meme{
  width:215px;margin:8px 23px 37px auto;
  padding:9px 10px 12px;border-width:3px;border-radius:17px;
  box-shadow:6px 7px 0 #1913dc,10px 11px 0 #151217;
 }
 .auction-meme-chat span{font-size:12px}
 .auction-meme-label{font-size:9px}
}
/* Layout definitivo: el sticker permanece arriba a la derecha, junto al
   encabezado. Evita que media queries antiguas lo conviertan en un bloque. */
@media (min-width:701px) and (max-width:1120px){
 .auction .auction-container > aside.auction-meme{
   position:absolute!important;
   top:95px!important;right:clamp(20px,3.2vw,48px)!important;
   bottom:auto!important;left:auto!important;
   width:clamp(164px,19vw,220px)!important;
   max-width:none!important;margin:0!important;z-index:5;
   padding:9px 10px 11px;
 }
 .auction .auction-container > aside.auction-meme .auction-meme-chat span{font-size:11px}
}
@media (max-width:700px){
 .auction .auction-container > aside.auction-meme{
   position:absolute!important;
   top:clamp(87px,16vw,104px)!important;
   right:clamp(10px,3.5vw,20px)!important;
   bottom:auto!important;left:auto!important;
   width:clamp(112px,29vw,143px)!important;
   max-width:none!important;margin:0!important;
   z-index:5;padding:7px 7px 8px;
   border:3px solid #151217;border-radius:13px;
   box-shadow:4px 5px 0 #1913dc,7px 8px 0 #151217;
 }
 .auction .auction-container > aside.auction-meme .auction-meme-label{
   font-size:7px;letter-spacing:0;gap:3px;margin:1px 2px 6px;
 }
 .auction .auction-container > aside.auction-meme .auction-meme-label b{font-size:9px}
 .auction .auction-container > aside.auction-meme .auction-meme-chat{gap:4px}
 .auction .auction-container > aside.auction-meme .auction-meme-chat span{
   font-size:9px;line-height:1.12;padding:5px 6px;
   border-radius:11px 11px 4px 11px;
 }
 .auction .auction-container > aside.auction-meme::after{
   right:-10px;bottom:-12px;width:25px;height:25px;
   border-width:2px;box-shadow:2px 2px 0 #151217;font-size:17px;
 }
}
@media(prefers-reduced-motion:reduce){
 .auction-container>.auction-meme{animation:none}
}