
/* ---- SillaWeb: avisos, evento flash, historial, subastas, aparecer en, mapa y precios ---- */
.avisos-count{min-width:22px;height:22px;padding:0 7px;margin-left:.35rem;border-radius:999px;vertical-align:middle;
  background:var(--red);color:#fff;font-size:.75rem;font-weight:800;display:inline-flex;align-items:center;justify-content:center}
.avisos__head{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.avisos__list{display:flex;flex-direction:column;gap:.5rem;max-height:420px;overflow:auto;margin-bottom:1.6rem}
.aviso{display:flex;gap:.75rem;align-items:flex-start;background:var(--card);border:1px solid var(--line);
  border-radius:var(--r);padding:.7rem .9rem}
.aviso--new{border-color:var(--gold);box-shadow:0 0 0 1px rgba(244,182,58,.25)}
.aviso__icon{font-size:1.3rem;line-height:1.2}
.aviso__body{flex:1;display:flex;flex-direction:column;gap:.15rem;min-width:0}
.aviso__body span{color:var(--muted);font-size:.9rem}
.aviso__body small{color:var(--muted);font-size:.75rem;opacity:.85}
.aviso__done{color:var(--green);font-size:.85rem;white-space:nowrap}
.evento-banner{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin-bottom:1rem;padding:.7rem 1rem;
  border:1px solid var(--gold);border-radius:var(--r);background:linear-gradient(90deg,rgba(244,182,58,.18),rgba(126,194,65,.12))}
.evento-banner span{color:var(--muted)}
.hist{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;margin-bottom:1.6rem}
.hist__row{display:grid;grid-template-columns:120px 1fr auto auto;gap:.8rem;align-items:center;padding:.5rem .9rem;
  background:var(--card);border-bottom:1px solid var(--line)}
.hist__row:last-child{border-bottom:0}
.hist__when{color:var(--muted);font-size:.8rem}
.hist__delta{font-weight:800;text-align:right;white-space:nowrap}
.hist__delta.is-plus,.is-plus{color:var(--green)}
.hist__delta.is-minus,.is-minus{color:var(--red)}
.hist__bal{color:var(--muted);font-size:.85rem;text-align:right;min-width:90px}
@media (max-width:560px){.hist__row{grid-template-columns:1fr auto}.hist__when,.hist__bal{display:none}}
.subasta__price{color:var(--gold);white-space:nowrap;align-self:center}
.aparecer{display:flex;justify-content:space-between;align-items:center;gap:.8rem;flex-wrap:wrap;margin-bottom:.6rem;
  padding:.6rem .9rem;background:var(--card2);border:1px solid var(--line);border-radius:var(--r)}
.aparecer__opts{display:flex;gap:.4rem;flex-wrap:wrap}
.aparecer{justify-content:flex-start;margin-bottom:1.6rem}
.aparecer select{flex:1;min-width:220px;max-width:420px;padding:.55rem .7rem;border-radius:10px;
  border:1px solid var(--line);background:var(--card);color:var(--text);font:inherit}
.aparecer__msg{color:var(--muted);font-size:.85rem}
.psmap{margin-top:.7rem;text-align:center}
.psmap canvas{max-width:100%;image-rendering:pixelated;border-radius:10px;border:1px solid var(--line);background:#000}
.precios{width:100%;border-collapse:collapse;margin:1rem 0 2rem}
.precios th,.precios td{padding:.55rem .7rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}
.precios th{color:var(--muted);font-weight:600;font-size:.85rem}
.precios td.num,.precios th.num{text-align:right;white-space:nowrap}
.precios__item{display:flex;align-items:center;gap:.6rem}
.precios__item img{width:28px;height:28px;image-rendering:pixelated}
.precios__solo{color:var(--muted);font-size:.85rem}
.precios__unit{display:block;color:var(--muted);font-size:.75rem}
/* ---- Primera vez: «¿Quieres crear una contraseña?» (los campos salían blancos y pequeños) ---- */
.pwoffer{max-width:480px}
.pwoffer h2{font-size:1.35rem;line-height:1.3}
.pwoffer__form{display:flex;flex-direction:column;gap:.7rem;max-width:340px;margin:0 auto}
.pwoffer__form input{width:100%;background:var(--bg2);border:1px solid var(--line);border-radius:10px;
  padding:.75rem .95rem;color:var(--text);font:inherit;font-size:1rem;outline:none;transition:border-color .2s}
.pwoffer__form input::placeholder{color:var(--muted);opacity:.75}
.pwoffer__form input:focus{border-color:var(--gold)}
.pwoffer__btns{display:flex;gap:.6rem;margin-top:.2rem}
.pwoffer__btns .btn{flex:1;justify-content:center;text-align:center}
.pwoffer .link__hint{margin:1.1rem 0 0}
/* El autorrelleno del navegador pintaba los campos de blanco o azul claro */
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{
  -webkit-text-fill-color:var(--text);caret-color:var(--text);
  -webkit-box-shadow:0 0 0 1000px var(--bg2) inset;transition:background-color 99999s ease-out 0s}
