/* ============================================================
   COLEGIO TALLER DE NAZARETH — Estilos globales
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700&family=Nunito+Sans:wght@400;500;600&display=swap');

:root {
  --naz-primary:   #1a4f7a;
  --naz-secondary: #2e7bb4;
  --naz-accent:    #f0a500;
  --naz-light:     #f4f7fb;
  --naz-border:    #dde3ec;
  --naz-text:      #2c3a4a;
}

body {
  font-family: 'Nunito Sans', sans-serif;
  background: var(--naz-light);
  color: var(--naz-text);
  font-size: 0.95rem;
}

/* NAVBAR */
.naz-navbar {
  background: linear-gradient(135deg, var(--naz-primary) 0%, var(--naz-secondary) 100%);
  box-shadow: 0 2px 8px rgba(0,0,0,.15);
}
.naz-navbar .navbar-brand { font-family: 'Nunito', sans-serif; font-size: 1.1rem; }
.naz-navbar .nav-link      { font-size: 0.9rem; }
.naz-navbar .dropdown-menu { border: none; box-shadow: 0 4px 16px rgba(0,0,0,.12); border-radius: 10px; }
.naz-navbar .dropdown-item:hover { background: var(--naz-light); color: var(--naz-primary); }

/* CARDS */
.card {
  border: 1px solid var(--naz-border);
  border-radius: 12px;
  box-shadow: 0 1px 4px rgba(0,0,0,.06);
}
.card-header {
  background: #fff;
  border-bottom: 1px solid var(--naz-border);
  font-family: 'Nunito', sans-serif;
  font-weight: 600;
  padding: 1rem 1.25rem;
  border-radius: 12px 12px 0 0 !important;
}

/* TABLAS */
.table thead th {
  background: var(--naz-primary);
  color: #fff;
  font-family: 'Nunito', sans-serif;
  font-weight: 600;
  font-size: 0.82rem;
  text-transform: uppercase;
  letter-spacing: .03em;
  border: none;
}
.table tbody tr:hover { background: #eef3fa; }
.table-sm td, .table-sm th { padding: .45rem .75rem; }

/* BOTONES */
.btn-primary   { background: var(--naz-primary);   border-color: var(--naz-primary); }
.btn-primary:hover { background: var(--naz-secondary); border-color: var(--naz-secondary); }

/* STAT CARDS (dashboard) */
.stat-card {
  border-radius: 14px;
  padding: 1.25rem 1.5rem;
  color: #fff;
  display: flex;
  align-items: center;
  gap: 1rem;
}
.stat-card .stat-icon { font-size: 2.2rem; opacity: .85; }
.stat-card .stat-val  { font-family: 'Nunito', sans-serif; font-size: 1.9rem; font-weight: 700; line-height: 1; }
.stat-card .stat-lbl  { font-size: 0.82rem; opacity: .9; }
.stat-blue   { background: linear-gradient(135deg, #1a4f7a, #2e7bb4); }
.stat-green  { background: linear-gradient(135deg, #1a6b3a, #28a745); }
.stat-amber  { background: linear-gradient(135deg, #b37a00, #f0a500); }
.stat-red    { background: linear-gradient(135deg, #8b1a1a, #dc3545); }

/* SALDO */
.saldo-deudor  { color: #dc3545; font-weight: 700; }
.saldo-favor   { color: #28a745; font-weight: 700; }
.saldo-cero    { color: #6c757d; }

/* FOOTER */
.naz-footer { border-top: 1px solid var(--naz-border); background: #fff; }

/* PÁGINA DE LOGIN */
.login-wrapper {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--naz-primary) 0%, #0d2d4a 100%);
}
.login-card {
  width: 100%;
  max-width: 420px;
  border-radius: 18px;
  box-shadow: 0 8px 40px rgba(0,0,0,.3);
}
.login-logo { font-family: 'Nunito', sans-serif; font-size: 1.4rem; font-weight: 700; color: var(--naz-primary); }

/* FORM */
.form-label { font-weight: 600; font-size: 0.88rem; }
.form-control:focus { border-color: var(--naz-secondary); box-shadow: 0 0 0 .2rem rgba(46,123,180,.2); }

/* BADGES */
.badge { font-size: .75rem; }

/* PAGINACIÓN */
.page-link { color: var(--naz-primary); }
.page-item.active .page-link { background: var(--naz-primary); border-color: var(--naz-primary); }