/* Extra CSS on top of Tailwind CDN */
:root{
  --primary: #0ea5e9;
  --secondary: #0369a1;
}

.badge { display:inline-block; padding:.1rem .5rem; border-radius:.5rem; font-size:.75rem; }
.badge-livre { background:#d1fae5; }
.badge-reservado { background:#fef3c7; }
.badge-pago { background:#e0e7ff; }

.grid-numbers { display:grid; grid-template-columns: repeat(auto-fill,minmax(60px,1fr)); gap:.5rem; }
.num { border:1px solid #e5e7eb; border-radius:.75rem; padding:.6rem; text-align:center; cursor:pointer; font-weight:600; }
.num.livre { background:#f8fafc; }
.num.reservado { background:#fff7ed; color:#b45309; }
.num.pago { background:#eef2ff; color:#4338ca; }
.num.disabled { opacity:.45; pointer-events:none; }
.card { background:white; border:1px solid #e5e7eb; border-radius:1rem; padding:1rem; box-shadow:0 1px 2px rgba(0,0,0,.04); }
.hero { border-radius:1rem; padding:1.25rem; color:#0f172a; }
.max-w { max-width:1100px; margin:0 auto; }
footer { font-size:.875rem; color:#64748b; }