/* ============================================================================
   Empresa Demo · remate.css — la SALA REMOTA (/remate)
   Hereda los tokens y los botones de styles.css. Pensada para el celular del
   comprador que puja desde Uberaba o Asunción, y para la pantalla de la casa.
   ============================================================================ */
.rm-nav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem clamp(1rem,4vw,3rem);background:rgba(10,10,10,.82);backdrop-filter:blur(14px);border-bottom:1px solid var(--linea)}
.rm-nav .nav-logo span{white-space:nowrap}
.rm-nav .nav-actions{gap:.5rem}
.rm-back{font-size:.82rem;color:var(--texto-mut);white-space:nowrap}
.rm-back:hover{color:var(--dorado)}
@media(max-width:640px){.rm-nav .nav-logo span{display:none}.rm-back{display:none}}

/* ── portada: video real del remate ───────────────────────────────────── */
.rm-hero{position:relative;min-height:78vh;min-height:78svh;display:flex;align-items:flex-end;padding:7rem clamp(1.2rem,5vw,4rem) 3rem;overflow:hidden}
.rm-hero video,.rm-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%;z-index:0}
.rm-hero .scrim{position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,rgba(6,5,4,.55),rgba(6,5,4,.15) 35%,rgba(6,5,4,.72) 70%,rgba(6,5,4,.97))}
.rm-hero-in{position:relative;z-index:1;max-width:var(--wrap);width:100%;margin:0 auto}
.rm-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .95rem;border-radius:999px;border:1px solid var(--linea-2);font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--texto-mut);margin-bottom:1rem;background:rgba(0,0,0,.4)}
.rm-pill.live{color:#fff;border-color:#e0483a;background:rgba(224,72,58,.22)}
.rm-pill.live i{width:8px;height:8px;border-radius:50%;background:#ff3b2f;animation:livePulse 1.4s infinite}
.rm-pill.gold{color:var(--dorado)}
.rm-title{font-family:var(--serif);font-weight:600;font-size:clamp(2.3rem,6vw,4.4rem);line-height:1.02;color:var(--crema);max-width:14ch;filter:drop-shadow(0 3px 18px rgba(0,0,0,.8))}
.rm-meta{display:flex;gap:1.6rem;flex-wrap:wrap;margin:1.1rem 0 1.6rem;color:var(--texto);text-shadow:0 1px 10px rgba(0,0,0,.9)}
.rm-meta div span{display:block;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--dorado)}
.rm-meta div b{font-size:1.02rem;font-weight:600;color:var(--crema)}
.rm-cta{display:flex;gap:.8rem;flex-wrap:wrap}
.rm-mute{position:absolute;right:1.2rem;bottom:1.2rem;z-index:2;width:42px;height:42px;border-radius:50%;border:1px solid var(--linea-2);background:rgba(0,0,0,.5);color:var(--crema);display:grid;place-items:center;cursor:pointer}
.rm-mute:hover{border-color:var(--dorado)}
@media(max-width:700px){.rm-hero{min-height:70svh;padding-top:5.5rem}.rm-cta .btn{flex:1 1 100%}}

/* ── bloque vivo: lote en pista + puja ─────────────────────────────────── */
.rm-live{max-width:var(--wrap);margin:-2.5rem auto 0;padding:0 clamp(1.2rem,4vw,2rem);position:relative;z-index:2}
.rm-card{background:linear-gradient(180deg,var(--negro-3),var(--negro-2));border:1px solid var(--linea-2);border-radius:22px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.6)}
.rm-card-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1.3rem;border-bottom:1px solid var(--linea);background:rgba(0,0,0,.25);flex-wrap:wrap}
.rm-card-head b{font-family:var(--serif);font-size:1.25rem;color:var(--crema)}
.rm-card-head .rm-pill{margin:0}
.rm-pista{display:grid;grid-template-columns:.9fr 1.1fr;gap:0}
.rm-foto{position:relative;min-height:320px;background:#000}
.rm-foto img{width:100%;height:100%;object-fit:cover;display:block;max-height:520px}
.rm-foto .lote{position:absolute;left:1rem;top:1rem;background:var(--oro-grad);color:#17150f;font-weight:800;font-size:.8rem;letter-spacing:.08em;padding:.4rem .85rem;border-radius:999px}
.rm-foto--ph{display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,var(--negro-4),var(--negro))}
.rm-foto--ph img{width:46%;max-width:200px;height:auto;opacity:.85;-webkit-mask-image:radial-gradient(circle at 50% 50%,#000 46%,transparent 52%);mask-image:radial-gradient(circle at 50% 50%,#000 46%,transparent 52%)}
.rm-info{padding:1.4rem 1.5rem 1.5rem;min-width:0}
.rm-info .eyebrow{margin-bottom:.4rem}
.rm-name{font-family:var(--serif);font-size:clamp(1.8rem,3.4vw,2.6rem);line-height:1.05;color:var(--crema);font-weight:600}
.rm-ped{color:var(--texto-mut);font-size:.9rem;margin:.4rem 0 1rem}
.rm-ped b{color:var(--crema);font-weight:600}
.rm-stats{display:flex;gap:.55rem;flex-wrap:wrap;margin-bottom:1.2rem}
.rm-stats div{border:1px solid var(--linea);border-radius:10px;padding:.45rem .7rem;background:rgba(255,255,255,.02)}
.rm-stats span{display:block;font-size:.62rem;color:var(--texto-mut);text-transform:uppercase;letter-spacing:.08em}
.rm-stats b{color:var(--dorado-claro);font-size:.92rem}
.rm-precio{display:flex;align-items:flex-end;gap:1.4rem;flex-wrap:wrap;margin-bottom:1rem}
.rm-precio .lbl{font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--texto-mut)}
.rm-precio .val{font-family:var(--serif);font-size:clamp(2.4rem,5vw,3.6rem);line-height:1;font-weight:700;background:var(--oro-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.rm-precio .val.flash{animation:rmFlash .6s ease}
@keyframes rmFlash{0%{transform:scale(1.05);filter:brightness(1.5)}100%{transform:none;filter:none}}
.rm-precio .cuota{font-size:.85rem;color:var(--texto);padding-bottom:.35rem}
.rm-precio .cuota b{color:var(--dorado);font-family:var(--serif);font-size:1.3rem}
.rm-lider{display:flex;align-items:center;gap:.9rem;padding:.75rem .9rem;border-radius:12px;border:1px solid var(--linea);background:rgba(217,200,158,.07);margin-bottom:1rem}
.rm-lider .pal{font-family:var(--serif);font-size:1.9rem;color:var(--dorado);font-weight:700;line-height:1}
.rm-lider .pal small{display:block;font-family:var(--ui);font-size:.58rem;letter-spacing:.16em;text-transform:uppercase;color:var(--texto-mut)}
.rm-lider .det{font-size:.92rem;color:var(--crema)}
.rm-lider .det span{display:block;font-size:.74rem;color:var(--texto-mut)}
.rm-lider.mine{border-color:rgba(94,163,106,.5);background:rgba(94,163,106,.1)}
.rm-lider .tag{margin-left:auto;font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:.3rem .6rem;border-radius:999px;border:1px solid var(--linea-2);color:var(--dorado);white-space:nowrap}
.rm-lider.mine .tag{color:#9fe0ab;border-color:rgba(94,163,106,.5)}
/* la puja */
.rm-bid{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center;padding-top:1rem;border-top:1px solid var(--linea)}
.rm-bid .btn{padding:.8rem 1.4rem}
.rm-bid .btn-gold{font-size:1.02rem}
.rm-bid input{width:150px;padding:.75rem .9rem;border-radius:999px;border:1px solid var(--linea-2);background:rgba(0,0,0,.35);color:var(--texto);font-family:var(--ui);font-size:.95rem}
.rm-bid input:focus{outline:none;border-color:var(--dorado)}
.rm-you{width:100%;font-size:.8rem;color:var(--texto-mut)}
.rm-you b{color:var(--dorado)}
.rm-msg{width:100%;font-size:.84rem;color:#e39b86;min-height:1.1rem}
.rm-msg.ok{color:#9fe0ab}
.rm-feed{display:flex;flex-direction:column;gap:.35rem;padding:1rem 1.5rem 1.3rem;border-top:1px solid var(--linea);background:rgba(0,0,0,.2)}
.rm-feed div{display:flex;justify-content:space-between;gap:1rem;font-size:.84rem;color:var(--texto-mut);animation:rmIn .3s ease}
.rm-feed div b{color:var(--crema)}
.rm-feed .canal{font-size:.6rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--dorado)}
@keyframes rmIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
/* sin lote en pista */
.rm-idle{padding:2.4rem 1.5rem;text-align:center}
.rm-idle .rm-name{font-size:clamp(1.6rem,3vw,2.2rem)}
.rm-idle p{color:var(--texto-mut);margin:.6rem auto 1.2rem;max-width:520px}
.rm-idle .next{display:inline-flex;align-items:center;gap:.9rem;border:1px solid var(--linea);border-radius:14px;padding:.7rem 1rem;background:rgba(0,0,0,.3);text-align:left}
.rm-idle .next img{width:64px;height:64px;object-fit:cover;border-radius:10px}
.rm-idle .next b{display:block;font-family:var(--serif);font-size:1.2rem;color:var(--crema);line-height:1.1}
.rm-idle .next span{font-size:.78rem;color:var(--texto-mut)}
.rm-res{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;max-width:560px;margin:1.2rem auto 0}
.rm-res div{border:1px solid var(--linea);border-radius:12px;padding:.9rem;background:rgba(0,0,0,.3)}
.rm-res span{display:block;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--texto-mut)}
.rm-res b{font-family:var(--serif);font-size:1.8rem;color:var(--dorado);font-weight:700}
@media(max-width:820px){.rm-pista{grid-template-columns:1fr}.rm-foto{min-height:240px}.rm-foto img{max-height:340px}.rm-res{grid-template-columns:1fr 1fr 1fr;gap:.5rem}.rm-res b{font-size:1.3rem}}

/* ── lotes del remate ──────────────────────────────────────────────────── */
.rm-lotes{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1.1rem}
.rm-lote{background:linear-gradient(160deg,var(--negro-3),var(--negro-2));border:1px solid var(--linea);border-radius:16px;overflow:hidden;transition:.25s}
.rm-lote:hover{border-color:var(--linea-2);transform:translateY(-3px)}
.rm-lote.en_pista{border-color:var(--rem);box-shadow:0 0 0 1px rgba(217,154,58,.35),0 14px 40px rgba(0,0,0,.5)}
.rm-lote .ph{position:relative;aspect-ratio:1/1;background:#000}
.rm-lote .ph img{width:100%;height:100%;object-fit:cover;display:block}
.rm-lote .ph .n{position:absolute;left:.7rem;top:.7rem;background:rgba(10,10,10,.6);backdrop-filter:blur(6px);color:var(--crema);font-size:.7rem;font-weight:700;letter-spacing:.08em;padding:.25rem .6rem;border-radius:999px;border:1px solid var(--linea-2)}
.rm-lote .ph .badge{position:absolute;right:.7rem;top:.7rem;backdrop-filter:blur(6px);background:rgba(10,10,10,.55)}
.rm-lote .bd{padding:.9rem 1rem 1rem}
.rm-lote h3{font-family:var(--serif);font-size:1.25rem;color:var(--crema);font-weight:600;line-height:1.1}
.rm-lote .cd{font-size:.72rem;color:var(--texto-mut);margin:.2rem 0 .6rem}
.rm-lote .pr{display:flex;align-items:baseline;justify-content:space-between;gap:.6rem}
.rm-lote .pr span{font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--texto-mut)}
.rm-lote .pr b{font-family:var(--serif);font-size:1.25rem;color:var(--dorado)}
.rm-lote .win{font-size:.76rem;color:#9fe0ab;margin-top:.35rem}
.rm-lote .acts{display:flex;gap:.4rem;margin-top:.7rem}
.rm-lote .acts a{flex:1;text-align:center;font-size:.76rem;font-weight:600;padding:.42rem .5rem;border-radius:999px;border:1px solid var(--linea-2);color:var(--crema)}
.rm-lote .acts a:hover{background:var(--dorado);color:#17150f;border-color:transparent}
.b-pendiente{color:#a9bce6;border-color:rgba(126,148,196,.4);background:rgba(126,148,196,.1)}
.b-en_pista{color:#f0c06a;border-color:rgba(217,154,58,.45);background:rgba(217,154,58,.12)}
.b-adjudicado{color:#8fd39c;border-color:rgba(94,163,106,.4);background:rgba(94,163,106,.1)}
.b-retirado{color:#a49d8d;border-color:var(--linea);background:rgba(255,255,255,.03)}

/* ── videos: así se vive un remate ─────────────────────────────────────── */
.rm-videos{display:flex;gap:1rem;overflow-x:auto;padding:.2rem .2rem 1rem;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
.rm-videos::-webkit-scrollbar{height:6px}.rm-videos::-webkit-scrollbar-thumb{background:var(--linea-2);border-radius:3px}
.rm-vid{flex:0 0 min(240px,68vw);scroll-snap-align:start;position:relative;aspect-ratio:9/16;border-radius:16px;overflow:hidden;border:1px solid var(--linea);background:#000;cursor:pointer}
.rm-vid img,.rm-vid video{width:100%;height:100%;object-fit:cover;display:block}
.rm-vid .cap{position:absolute;left:0;right:0;bottom:0;padding:2.2rem .9rem .8rem;background:linear-gradient(transparent,rgba(0,0,0,.85));color:var(--crema)}
.rm-vid .cap b{display:block;font-family:var(--serif);font-size:1.1rem;line-height:1.1}
.rm-vid .cap span{font-size:.7rem;color:var(--texto-mut)}
.rm-vid .play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:50%;background:rgba(10,10,10,.55);border:1px solid var(--linea-2);display:grid;place-items:center;color:var(--crema);backdrop-filter:blur(6px);transition:.2s}
.rm-vid:hover .play{background:var(--dorado);color:#17150f}
.rm-vid.playing .play,.rm-vid.playing .cap{display:none}

/* ── registro (modal) ──────────────────────────────────────────────────── */
.rm-form{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin:1rem 0}
.rm-form .f{display:flex;flex-direction:column;gap:.3rem}
.rm-form .f.full{grid-column:1/-1}
.rm-form label{font-size:.7rem;color:var(--texto-mut);text-transform:uppercase;letter-spacing:.06em}
.rm-form input,.rm-form select{padding:.7rem .8rem;border-radius:10px;border:1px solid var(--linea-2);background:rgba(0,0,0,.35);color:var(--texto);font-family:var(--ui);font-size:.95rem}
.rm-form input:focus,.rm-form select:focus{outline:none;border-color:var(--dorado)}
.rm-form select option{background:#141210}
.rm-ok{text-align:center;padding:1rem 0}
.rm-ok .pal{font-family:var(--serif);font-size:4rem;line-height:1;color:var(--dorado);font-weight:700}
.rm-ok .pal small{display:block;font-family:var(--ui);font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:var(--texto-mut)}
.rm-ok p{color:var(--texto-mut);margin:.8rem 0 0;font-size:.9rem}
@media(max-width:520px){.rm-form{grid-template-columns:1fr}}

.rm-section{padding-top:clamp(3rem,7vw,5rem);padding-bottom:clamp(2rem,5vw,3.5rem)}
.rm-section .section-head{margin-bottom:1.8rem}