:root{color:#1f2a24;background:#f7f5f0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:18px;line-height:1.4}body{margin:0}.pantalla{max-width:64rem;margin:0 auto;padding:1rem}button,input{font:inherit}button{min-height:3rem;color:inherit;cursor:pointer;background:#fff;border:2px solid #b9b2a3;border-radius:.6rem;padding:.4rem .9rem}button[aria-pressed=true]{color:#fff;background:#1f2a24;border-color:#1f2a24}button:disabled{cursor:default}button.principal{color:#fff;background:#b4432b;border-color:#b4432b;font-weight:600}button.principal:disabled{opacity:.45}input{box-sizing:border-box;border:2px solid #b9b2a3;border-radius:.6rem;min-height:3rem;padding:0 .6rem}.sala{padding:.75rem}.sala h1{margin:0;font-size:1.4rem}.barra-sala{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;display:flex}.grupo{gap:.35rem;display:flex}.contadores{gap:1rem;margin:0;font-weight:600;display:flex}.dia{margin:.5rem 0}.dia:first-letter{text-transform:uppercase}.hecho{background:#e6f2ea;border-left:6px solid #2f7a4a;padding:.6rem .8rem}.cuerpo.con-panel{gap:1rem;display:grid}.plano{gap:.75rem;display:grid}.zona{background:#ece8de;border-radius:.8rem;padding:.5rem .75rem .75rem}.zona h2{margin:0 0 .4rem;font-size:1rem}.rejilla{gap:.5rem;display:grid}.mesa{text-align:left;flex-direction:column;align-items:flex-start;gap:.15rem;min-height:5rem;font-size:.85rem;display:flex}.mesa:disabled{color:inherit}.mesa.redonda{border-radius:2.5rem;padding-left:1.2rem}.mesa.con-reserva{background:#fbefe2}.mesa-cabecera strong{font-size:1.2rem}.mesa-estado{font-weight:700}.mesa.encaja{border-style:dashed;border-color:#2f7a4a}.mesa.propuesta{border-width:3px;border-color:#2f7a4a}.mesa.elegida{color:#1f2a24;background:#e6f2ea;border-width:4px;border-color:#2f7a4a}.mesa.no-encaja{opacity:.6}.nueva{background:#fff;border-radius:.8rem;align-content:start;gap:.75rem;padding:.75rem;display:grid}.nueva h2{margin:0;font-size:1.2rem}.campo{gap:.3rem;display:grid}.contador{align-items:center;gap:.75rem;display:flex}.contador button{width:3.5rem;font-size:1.5rem}.contador output{text-align:center;min-width:2.5rem;font-size:1.5rem;font-weight:700}.horas{flex-wrap:wrap;gap:.35rem;display:flex}.horas button.completa{color:#6b6458;border-style:dashed}.aviso{background:#fbe9e4;border-left:6px solid #b4432b;margin:0;padding:.6rem .8rem}.aviso p,.aviso ul,.mesas-elegidas p{margin:.2rem 0}.ayuda{color:#5b5549;margin:0;font-size:.85rem}button.enlace{background:0 0;border:none;min-height:2.5rem;padding:0;text-decoration:underline}.acciones{justify-content:space-between;gap:.5rem;display:flex}.listado{border-collapse:collapse;background:#fff;width:100%;font-size:.9rem}.listado th,.listado td{text-align:left;border-bottom:1px solid #e0dacd;padding:.5rem}.vacio{padding:1rem}@media (width>=900px){.plano{grid-template-columns:1fr 2fr 1.2fr;align-items:start}.cuerpo.con-panel{grid-template-columns:22rem 1fr;align-items:start}.cuerpo.con-panel .plano{grid-template-columns:1fr 1fr}.cuerpo.con-panel .zona:nth-child(2){grid-area:1/span 2}}