/* Orden de imports */
@import url('base/variables.css');
@import url('base/typography.css');

@import url('components/buttons.css');
@import url('components/nav.css');
@import url('components/nav-admin.css');
@import url('components/modales.css');

@import url('components/sidebar.css');
@import url('components/footer.css');
@import url('components/select2.css');


@import url('pages/login.css');

/* Utilidades rápidas */
.container{max-width:var(--container);margin:0 auto;padding:1rem}
.card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-2xl);box-shadow:var(--shadow);padding:1rem}
.badge{display:inline-flex;align-items:center;padding:.25rem .5rem;border-radius:999px;background:var(--gray-100);color:var(--gray-700);font-size:.8rem}
.badge.primary{background:var(--primary-50);color:var(--primary-700)}


html, body {
  height: 100%;
  margin: 0;
}

.wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh; /* ocupa toda la altura de la ventana */
}

.main-content {
  flex: 1; /* se expande y empuja el footer hacia abajo */
}

.footer {
  text-align: center;
  padding: 10px;
  font-size: 14px;
  color: #666;
  background: #f9f9f9;
  box-shadow: 0 -1px 4px rgba(0,0,0,0.1);
}

:root{
  --bs-body-font-family: 'Aller', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
}
body{
  font-family: var(--bs-body-font-family) !important;
}

/* Permite apilar el sub-modal sobre el modal de Remesa */
#subModal { z-index: 1060; }
.modal-backdrop.show + .modal-backdrop.show { z-index: 1055; }