/* reservas.css — tarjeta de reserva del cliente (estado, mesa, código y cronómetro). Compartido por reservar.html y «Mi cuenta». */
.rv-mis { max-width:480px; margin:22px auto 0; }
.rv-mis h3 { font-size:16px; margin-bottom:10px; }
.rv-mi { padding:16px; background:#fff; border:1px solid var(--borde); border-radius:18px; margin-bottom:12px; box-shadow:0 10px 22px -16px rgba(43,36,32,.3); }
.rv-mi-top { display:flex; align-items:flex-start; justify-content:space-between; gap:10px; margin-bottom:14px; }
.rv-mi b { display:block; font:800 20px 'Sora',sans-serif; letter-spacing:-.02em; line-height:1.1; }
.rv-mi small { font-size:12.5px; color:var(--texto-suave); }
.rv-mi code { display:block; margin-top:4px; font:600 11.5px 'IBM Plex Mono',ui-monospace,monospace; color:var(--texto-suave); letter-spacing:.04em; }
.rv-chip { font:700 11.5px 'IBM Plex Mono',ui-monospace,monospace; text-transform:uppercase; letter-spacing:.06em; padding:5px 12px; border-radius:999px; border:1.5px solid; white-space:nowrap; }
.rv-aviso-est { margin-top:12px; font-size:13px; color:var(--texto-suave); }
.rv-aviso30 { display:flex; gap:11px; padding:12px 14px; margin:6px 0 14px; border-radius:14px; background:#FFF6E0; border:1px solid #F0C46E; color:#5a3d00; font-size:13px; line-height:1.45; }
.rv-aviso30 svg { flex:none; width:20px; height:20px; margin-top:1px; stroke:#B96A00; fill:none; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.rv-aviso30 b { display:block; }
.rv-mesa-l { display:inline-flex; align-items:center; gap:6px; margin-top:12px; padding:4px 11px; border-radius:999px; background:#EEF0FF; color:#3F4FD1; font:700 12.5px 'IBM Plex Mono',ui-monospace,monospace; }
.rv-codigo { margin-top:12px; padding:14px 16px; border-radius:16px; background:#FFF; border:2px dashed var(--naranja); text-align:center; }
.rv-codigo span { display:block; font:700 11px 'IBM Plex Mono',ui-monospace,monospace; letter-spacing:.08em; text-transform:uppercase; color:var(--texto-suave); }
.rv-codigo b { display:block; font:800 38px 'IBM Plex Mono',ui-monospace,monospace; letter-spacing:.18em; color:var(--naranja-osc); margin:4px 0 2px; padding-left:.18em; }
.rv-codigo small { font-size:12.5px; color:var(--texto-suave); }
.rv-crono { margin-top:12px; padding:12px 14px; border-radius:14px; display:flex; align-items:center; justify-content:space-between; gap:12px; font-size:13px; font-weight:700; }
.rv-crono.rojo { background:#FEF2F2; border:1px solid #F5B5B5; color:#B91C1C; }
.rv-crono.rojo b { font:800 26px 'IBM Plex Mono',ui-monospace,monospace; letter-spacing:.04em; }
.rv-crono.pausa { background:#EFF6FF; border:1px solid #B6D1FA; color:#1D4ED8; }
.rv-crono-info { margin-top:12px; font-size:12.5px; color:var(--texto-suave); line-height:1.45; }
.rv-crono-info.ok { color:#047857; font-weight:700; }
.rv-mas { width:100%; margin-top:10px; min-height:46px; border-radius:12px; border:1.5px solid var(--naranja); background:#fff; color:var(--naranja-osc); font:700 14px 'Inter',sans-serif; cursor:pointer; transition:background .15s; }
.rv-mas:hover { background:var(--naranja-suave); }
.rv-mas[disabled] { opacity:.6; cursor:default; }

/* Compacto en celular (2026-10-10) */
@media (max-width:480px) {
  .rv-mis { margin-top:14px; }
  .rv-mi { padding:13px; margin-bottom:10px; border-radius:16px; }
  .rv-mi b { font-size:18px; }
  .rv-mi-top { margin-bottom:10px; flex-wrap:wrap; }
  .rv-chip { padding:4px 10px; font-size:11px; }
  .rv-codigo { padding:10px 12px; margin-top:10px; }
  .rv-codigo b { font-size:32px; letter-spacing:.14em; }
  .rv-crono { padding:10px 12px; flex-wrap:wrap; }
  .rv-crono.rojo b { font-size:22px; }
  .rv-aviso30 { padding:10px 12px; font-size:12.5px; }
  .rv-mas { min-height:44px; }
}