@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;1,400&family=Inter:wght@300;400;500;600&display=swap');

:root {
  --spa-bg:       #F7F5F2;
  --spa-white:    #FFFFFF;
  --spa-border:   #E5DDD4;
  --spa-gold:     #A0824A;
  --spa-gold-lt:  #C9A96E;
  --spa-gold-bg:  #FBF5EA;
  --spa-dark:     #1E1916;
  --spa-text:     #2D2520;
  --spa-muted:    #7A706A;
  --spa-success:  #2A6049;
  --spa-warn:     #8C5E1A;
  --spa-danger:   #7B2A2A;
  --spa-info:     #1E5276;
  --spa-radius:   10px;
  --spa-radius-sm:6px;
  --spa-shadow:   0 2px 12px rgba(0,0,0,0.07);
  --spa-trans:    all 0.22s ease;
}

body { font-family:'Inter',sans-serif; background:var(--spa-bg)!important; color:var(--spa-text); font-size:14px; line-height:1.65; }
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 { font-family:'Playfair Display',Georgia,serif; color:var(--spa-dark); letter-spacing:.2px; }

/* SIDEBAR */
#sidebar { background:var(--spa-dark)!important; width:240px; min-height:100vh; border-right:1px solid rgba(255,255,255,.05); box-shadow:4px 0 20px rgba(0,0,0,.15); }
.sidebar-logo { width:70px; height:70px; object-fit:contain; border-radius:12px; border:2px solid rgba(160,130,74,.35); padding:4px; background:rgba(255,255,255,.04); }
.sidebar-title { font-family:'Playfair Display',serif; font-size:12px; font-weight:600; color:#E8DFD0; letter-spacing:1.8px; text-transform:uppercase; }
.sidebar-subtitle { font-size:10px; letter-spacing:3px; text-transform:uppercase; color:var(--spa-gold); font-weight:500; }
.sidebar-footer { font-size:11px; color:rgba(255,255,255,.2)!important; }
#sidebar .nav-link { color:rgba(255,255,255,.55)!important; font-size:13px; padding:9px 14px; border-radius:var(--spa-radius-sm); transition:var(--spa-trans); border-left:2px solid transparent; }
#sidebar .nav-link:hover { background:rgba(255,255,255,.06)!important; color:#E8DFD0!important; border-left-color:var(--spa-gold); }
#sidebar .nav-link.active { background:rgba(160,130,74,.18)!important; color:var(--spa-gold-lt)!important; border-left-color:var(--spa-gold); font-weight:500; }
#sidebar hr { border-color:rgba(255,255,255,.08)!important; }
#sidebar .btn-outline-light { border-color:rgba(255,255,255,.15); color:rgba(255,255,255,.5); font-size:12px; letter-spacing:1px; text-transform:uppercase; transition:var(--spa-trans); }
#sidebar .btn-outline-light:hover { background:rgba(255,255,255,.08); color:#fff; border-color:rgba(255,255,255,.3); }

/* TOPBAR MOBILE */
.topbar-mobile { background:var(--spa-white)!important; border-bottom:1px solid var(--spa-border)!important; }
.topbar-mobile .navbar-brand { font-family:'Playfair Display',serif; font-size:15px; color:var(--spa-dark)!important; }

/* CARDS */
.card { border:1px solid var(--spa-border)!important; border-radius:var(--spa-radius)!important; box-shadow:var(--spa-shadow)!important; background:var(--spa-white)!important; transition:var(--spa-trans); }
.card:hover { box-shadow:0 6px 24px rgba(0,0,0,.10)!important; transform:translateY(-1px); }
.card-header { background:var(--spa-white)!important; border-bottom:1px solid var(--spa-border)!important; border-radius:calc(var(--spa-radius) - 1px) calc(var(--spa-radius) - 1px) 0 0!important; padding:14px 18px; font-family:'Playfair Display',serif; font-size:15px; color:var(--spa-dark); }

/* BUTTONS */
.btn { font-family:'Inter',sans-serif; font-size:13px; font-weight:500; border-radius:var(--spa-radius-sm)!important; transition:var(--spa-trans); }
.btn-sm { font-size:12px; padding:5px 12px; }
.btn-primary { background:var(--spa-gold)!important; border-color:var(--spa-gold)!important; color:#fff!important; }
.btn-primary:hover { background:var(--spa-gold-lt)!important; border-color:var(--spa-gold-lt)!important; box-shadow:0 4px 12px rgba(160,130,74,.3)!important; }
.btn-outline-primary { border-color:var(--spa-gold)!important; color:var(--spa-gold)!important; background:transparent!important; }
.btn-outline-primary:hover { background:var(--spa-gold)!important; color:#fff!important; }
.btn-success { background:var(--spa-success)!important; border-color:var(--spa-success)!important; color:#fff!important; }
.btn-success:hover { background:#1d4d39!important; box-shadow:0 4px 12px rgba(42,96,73,.3)!important; }
.btn-outline-success { border-color:var(--spa-success)!important; color:var(--spa-success)!important; background:transparent!important; }
.btn-outline-success:hover { background:var(--spa-success)!important; color:#fff!important; }
.btn-info { background:var(--spa-info)!important; border-color:var(--spa-info)!important; color:#fff!important; }
.btn-dark,.btn-outline-dark { border-radius:var(--spa-radius-sm)!important; }

/* BADGES */
.badge { border-radius:999px!important; font-weight:600; font-size:11px; letter-spacing:.4px; padding:4px 10px; }
.bg-success { background:var(--spa-success)!important; color:#fff!important; }
.bg-warning  { background:#FEF3E0!important; color:var(--spa-warn)!important; }
.bg-danger   { background:#FDECEA!important; color:var(--spa-danger)!important; }
.bg-info     { background:#E8F4FD!important; color:var(--spa-info)!important; }
.bg-primary  { background:var(--spa-gold-bg)!important; color:var(--spa-gold)!important; }
.bg-secondary{ background:#F0ECE8!important; color:var(--spa-muted)!important; }
.bg-dark     { background:var(--spa-dark)!important; color:#fff!important; }

/* TABLES */
.table { font-size:13px; color:var(--spa-text); border-collapse:separate; border-spacing:0; }
.table thead th { background:#F4F0EB!important; color:var(--spa-muted); font-size:11px; font-weight:600; letter-spacing:1px; text-transform:uppercase; border-bottom:2px solid var(--spa-border)!important; padding:12px 14px; }
.table tbody td { padding:13px 14px; border-bottom:1px solid var(--spa-border)!important; vertical-align:middle; }
.table-striped tbody tr:nth-of-type(odd) td { background:rgba(247,245,242,.5)!important; }
.table-hover tbody tr:hover td { background:#FBF5EA!important; }
.table-responsive { border-radius:var(--spa-radius); border:1px solid var(--spa-border); overflow:hidden; }

/* FORMS */
.form-control,.form-select { border:1px solid var(--spa-border); border-radius:var(--spa-radius-sm)!important; font-family:'Inter',sans-serif; font-size:13px; color:var(--spa-text); background:var(--spa-white); padding:10px 14px; transition:var(--spa-trans); }
.form-control:focus,.form-select:focus { border-color:var(--spa-gold)!important; box-shadow:0 0 0 3px rgba(160,130,74,.12)!important; }
.form-label { font-size:11px; font-weight:600; color:var(--spa-muted); letter-spacing:.8px; text-transform:uppercase; margin-bottom:5px; }
.form-text { font-size:11px; color:var(--spa-muted); }

/* ALERTS */
.alert { border-radius:var(--spa-radius)!important; border:none!important; font-size:13px; padding:12px 18px; }
.alert-success { background:#EAF4EF; color:var(--spa-success); }
.alert-warning { background:#FEF3E0; color:var(--spa-warn); }
.alert-danger  { background:#FDECEA; color:var(--spa-danger); }
.alert-info    { background:#E8F4FD; color:var(--spa-info); }

/* HOME */
.home-header-card { border-left:4px solid var(--spa-gold)!important; }
.home-card-label { font-size:10px!important; font-weight:600!important; letter-spacing:2px!important; text-transform:uppercase!important; }
.home-card-label.text-primary  { color:var(--spa-gold)!important; }
.home-card-label.text-success  { color:var(--spa-success)!important; }
.home-card-label.text-info     { color:var(--spa-info)!important; }
.home-card-label.text-secondary{ color:var(--spa-muted)!important; }
.home-card-label.text-dark     { color:var(--spa-dark)!important; }

/* COMPROBANTE */
.receipt-head { background:var(--spa-dark)!important; border-radius:var(--spa-radius) var(--spa-radius) 0 0; }
.receipt-head h2 { color:#E8DFD0!important; }
.receipt-head .sub { color:var(--spa-gold-lt)!important; }
.receipt-head .nro { color:var(--spa-gold-lt)!important; font-size:15px; }
.receipt-logo { background:rgba(255,255,255,.08)!important; border:1px solid rgba(255,255,255,.12)!important; color:var(--spa-gold-lt); }
.box { border:1px solid var(--spa-border)!important; border-radius:var(--spa-radius)!important; background:#FAFAF8!important; }
.kv { border-bottom:1px solid var(--spa-border)!important; }
.k { color:var(--spa-muted)!important; }

/* FACTURACIÓN */
.factura-num { font-family:'Playfair Display',serif; font-weight:600; }
.totals-panel { background:#FAFAF8; border:1px solid var(--spa-border); border-radius:var(--spa-radius); padding:20px; position:sticky; top:80px; }
.totals-row { display:flex; justify-content:space-between; align-items:center; padding:7px 0; border-bottom:1px solid var(--spa-border); font-size:13px; }
.totals-row:last-child { border-bottom:none; }
.totals-row.grand { font-family:'Playfair Display',serif; font-size:1.15rem; font-weight:700; color:var(--spa-dark); padding-top:14px; margin-top:6px; }
.totals-label { color:var(--spa-muted); }
.totals-value { font-weight:600; color:var(--spa-dark); }
.items-table { width:100%; border-collapse:collapse; }
.items-table th { background:#F4F0EB; padding:10px 14px; font-size:10px; font-weight:600; letter-spacing:1.5px; text-transform:uppercase; color:var(--spa-muted); border-bottom:2px solid var(--spa-border); text-align:left; }
.items-table td { padding:10px 14px; border-bottom:1px solid var(--spa-border); font-size:13px; vertical-align:middle; }
.add-item-btn { border:1px dashed var(--spa-gold); background:transparent; color:var(--spa-gold); padding:8px 18px; font-size:12px; font-weight:600; letter-spacing:1px; text-transform:uppercase; border-radius:var(--spa-radius-sm); cursor:pointer; transition:var(--spa-trans); font-family:'Inter',sans-serif; }
.add-item-btn:hover { background:var(--spa-gold); color:#fff; }
.delete-row-btn { background:none; border:none; cursor:pointer; color:#CCC; font-size:15px; padding:4px 8px; transition:var(--spa-trans); border-radius:4px; }
.delete-row-btn:hover { color:var(--spa-danger); background:#FDECEA; }
.badge-pagada    { background:#EAF4EF; color:var(--spa-success); border-radius:999px; padding:4px 10px; font-size:11px; font-weight:600; }
.badge-pendiente { background:#FEF3E0; color:var(--spa-warn);    border-radius:999px; padding:4px 10px; font-size:11px; font-weight:600; }
.badge-anulada   { background:#FDECEA; color:var(--spa-danger);  border-radius:999px; padding:4px 10px; font-size:11px; font-weight:600; }

/* UTILS */
.text-muted { color:var(--spa-muted)!important; }
.bg-light   { background:var(--spa-bg)!important; }
.bg-white   { background:var(--spa-white)!important; }
.border     { border-color:var(--spa-border)!important; }
.shadow-sm  { box-shadow:var(--spa-shadow)!important; }
.container-max-width { max-width:1240px; margin:0 auto; }