/* ============ LA RECEPCIÓN — las 3:07 am, dos idiomas, una bienvenida ============
   La hermana nocturna de La Respuesta: aquí no hubo llamada perdida,
   hubo un mensaje — y una recepcionista despierta que responde en el
   idioma del cliente. Todo lo demás hereda el oficio de la plaza. */
body.world--night{background:#04050a}
.world--night .beat--vigil .beat__plane{background:
  radial-gradient(ellipse 62% 40% at 50% 0%,rgba(140,165,255,.09),transparent 62%),
  linear-gradient(180deg,rgba(70,90,170,.05),transparent 55%)}
[hidden]{display:none!important}

/* ---------- el chat de recepción ---------- */
.chatbox{margin-top:4px;border:1px solid var(--line);background:rgba(3,6,8,.5);padding:clamp(18px,3.4vw,26px)}
.chatbox__head{display:flex;align-items:center;gap:9px;margin:0 0 18px;padding-bottom:14px;border-bottom:1px solid var(--line);font:500 10px/1.5 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.62)}
.chatbox__head .dot{flex:none;width:8px;height:8px;border-radius:50%;background:#8fd48a;box-shadow:0 0 10px rgba(120,220,120,.8);animation:dotBreath 3.2s ease-in-out infinite alternate}
@keyframes dotBreath{from{opacity:.65}to{opacity:1}}
.chatbox .msg{margin-bottom:14px}
.typing{display:flex;gap:5px;align-items:center;margin:8px 0 2px}
.typing span{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.55);animation:tp 1s ease-in-out infinite}
.typing span:nth-child(2){animation-delay:.18s}
.typing span:nth-child(3){animation-delay:.36s}
.typing em{margin-left:7px;font:italic 400 13px var(--serif);color:rgba(255,255,255,.45)}
@keyframes tp{0%,100%{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}
.replybar{margin-top:16px;border-top:1px solid var(--line);padding-top:14px}
.quickrow{margin-bottom:12px}
.qbtn{appearance:none;background:transparent;border:1px solid var(--line);border-radius:999px;color:rgba(255,255,255,.85);font:italic 400 14.5px/1.25 var(--serif);padding:9px 15px;cursor:pointer;transition:border-color .3s,color .3s,background .3s}
.qbtn:hover{border-color:var(--gold);color:var(--gold-soft);background:rgba(230,184,95,.07)}
.sendrow{display:flex;gap:10px}
.sendrow input{flex:1;min-width:0;background:rgba(255,255,255,.045);border:1px solid var(--line);color:var(--ink);padding:12px 13px;font:400 16px/1.35 var(--sans);border-radius:0;appearance:none;-webkit-appearance:none;color-scheme:dark}
.sendrow input:focus{outline:none;border-color:rgba(230,184,95,.65)}
.sendbtn{appearance:none;background:rgba(230,184,95,.07);border:1px solid var(--gold);color:var(--gold-soft);font:italic 400 16px/1 var(--serif);padding:0 20px;cursor:pointer;transition:background .3s}
.sendbtn:hover{background:rgba(230,184,95,.16)}
.lastnote{margin:18px 0 0;font:italic 400 14.5px/1.5 var(--serif);color:rgba(255,255,255,.5);text-align:center}

/* ---------- lo que pasó mientras dormía ---------- */
.report{margin-top:24px;border:1px solid rgba(230,184,95,.42);background:linear-gradient(180deg,rgba(230,184,95,.07),rgba(255,255,255,.02));padding:18px 20px}
.report__label{margin:0;font:500 9.5px/1.5 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--gold-soft)}
.report__body{margin:12px 0 0;font:400 clamp(15.5px,2vw,17.5px)/1.6 var(--serif);white-space:pre-line;color:rgba(255,250,238,.94)}

@media(prefers-reduced-motion:reduce){
  .typing span,.chatbox__head .dot{animation:none}
  .qbtn,.sendbtn{transition:none}
}