:root{--navy:#132a45;--navy-light:#1f3f66;--gold:#c9a44c;--bg:#f4f2ec;--line:#e2ddd2;--ok:#2e7d32;--warn:#b8860b;--danger:#b23b3b}*{box-sizing:border-box}body{background:var(--bg);color:#26241f;-webkit-font-smoothing:antialiased;margin:0;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica,Arial,sans-serif}a{color:inherit}header.top{background:linear-gradient(135deg,var(--navy) 0%,var(--navy-light) 100%);color:#fff;justify-content:space-between;align-items:center;padding:18px 28px;display:flex;box-shadow:0 2px 8px #0000001f}header.top .brand{letter-spacing:.4px;font-size:18px;font-weight:700}main{max-width:760px;margin:0 auto;padding:28px 16px 60px}.card{border:1px solid var(--line);border-top:3px solid var(--navy);background:#fff;border-radius:12px;margin-bottom:22px;padding:22px;box-shadow:0 1px 4px #141e2d0f}.card h2{color:var(--navy);letter-spacing:.2px;margin-top:0;font-size:16.5px}.card h3{color:var(--navy);letter-spacing:.2px;font-size:14.5px}label{color:#4a4638;letter-spacing:.15px;margin:12px 0 4px;font-size:12.5px;font-weight:600;display:block}select,input,textarea{border:1px solid var(--line);background:#fff;border-radius:8px;width:100%;padding:10px 12px;font-size:14px;transition:border-color .15s,box-shadow .15s}select:focus,input:focus,textarea:focus{border-color:var(--navy-light);outline:none;box-shadow:0 0 0 3px #1f3f661f}textarea{resize:vertical}.btn{background:var(--navy);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:11px 20px;font-size:14px;font-weight:600;transition:background .15s,transform 50ms;display:inline-block}.btn:hover:not(:disabled){background:var(--navy-light)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.gold{background:var(--gold);color:#2a2210}.btn.gold:hover:not(:disabled){background:#d8b563}.btn.outline{border:1px solid var(--navy);color:var(--navy);background:#fff}.btn.outline:hover:not(:disabled){background:#f0f3f7}.btn.sm{padding:6px 12px;font-size:12px}.grid2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.room-card{border:1px solid var(--line);border-radius:10px;justify-content:space-between;align-items:center;margin-top:10px;padding:14px;display:flex}.note{color:#6b6656;background:#f1efe8;border-radius:8px;padding:10px 12px;font-size:12.5px}.modal-backdrop{z-index:50;background:#0f141e8c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:14px;width:100%;max-width:480px;max-height:88vh;padding:22px;overflow:auto;box-shadow:0 12px 40px #00000040}.badge{border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-block}.badge.pendiente{color:var(--warn);background:#fdf0d5}.badge.confirmada{color:#2a5db0;background:#dbe9ff}.badge.check_in{color:var(--ok);background:#deefde}.badge.check_out{color:#666;background:#eee}.badge.anulada{color:var(--danger);background:#fbe0e0}table{border-collapse:collapse;width:100%;font-size:13.5px}th{text-align:left;border-bottom:2px solid var(--line);color:#5a5646;letter-spacing:.2px;text-transform:uppercase;padding:8px 6px;font-size:12px}td{text-align:left;border-bottom:1px solid var(--line);padding:8px 6px}tbody tr:hover{background:#faf9f5}.row-actions{flex-wrap:wrap;gap:6px;display:flex}.err{color:var(--danger);background:#fbeaea;border-radius:8px;margin-top:8px;padding:8px 10px;font-size:13px}footer{text-align:center;color:#8a8570;padding:24px;font-size:12px}
