/*
 * Corprodinco - Sistema de Diseño Corporativo
 * Paleta de colores y tipografías según el Manual de Marca.
 * Este archivo se carga DESPUÉS de sb-admin-2.min.css para
 * sobreescribir sus valores por defecto sin modificar el vendor.
 *
 * Nota tipografías: 'Arial Rounded MT Bold' y 'Calibri' son fuentes
 * propietarias (Monotype / Microsoft) sin distribución en Google Fonts;
 * se declaran como preferencia del sistema con 'Open Sans' (Google Fonts)
 * como respaldo web para equipos donde no estén instaladas.
 */

:root {
  /* Paleta corporativa */
  --color-primary-blue: #046DB5;
  --color-secondary-blue: #0C8DB4;
  --color-cyan: #26C3F3;
  --color-green: #93C83E;
  --color-orange: #F15F3C;
  --color-amber: #FDC043;

  /* Superficies neutras (contraste alto / legibilidad del logo) */
  --color-bg: #FFFFFF;
  --color-bg-light: #F4F6F9;
  --color-text: #212529;

  /* Tipografías */
  --font-heading: 'Arial Rounded MT Bold', 'Open Sans', sans-serif;
  --font-body: 'Open Sans', 'Open Sans Light', sans-serif;
  --font-ui: 'Calibri', 'Open Sans', sans-serif;
}

/* ---------- Tipografía global ---------- */

body {
  font-family: var(--font-body);
  background-color: var(--color-bg-light);
  color: var(--color-text);
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: var(--font-heading);
}

.navbar, .btn, .dropdown-menu, .form-control,
table, input, select, textarea {
  font-family: var(--font-ui);
}

/* ---------- Navegación / encabezados destacados ---------- */

.bg-gradient-primary {
  background-color: var(--color-primary-blue) !important;
  background-image: linear-gradient(180deg, var(--color-primary-blue) 0%, var(--color-secondary-blue) 100%) !important;
}

.topbar.navbar-light .navbar-nav .nav-link,
.sidebar-brand,
.sidebar-heading {
  color: var(--color-bg) !important;
}

/* ---------- Botones principales ---------- */

.btn-primary {
  background-color: var(--color-primary-blue) !important;
  border-color: var(--color-primary-blue) !important;
  color: var(--color-bg) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled):active {
  background-color: var(--color-secondary-blue) !important;
  border-color: var(--color-secondary-blue) !important;
}

.text-primary { color: var(--color-primary-blue) !important; }
.bg-primary { background-color: var(--color-primary-blue) !important; }
.border-primary { border-color: var(--color-primary-blue) !important; }

a { color: var(--color-primary-blue); }
a:hover { color: var(--color-secondary-blue); }

/* ---------- Acentos de interacción (hover, badges, CTA secundarios) ---------- */

.btn-success, .badge-success {
  background-color: var(--color-green) !important;
  border-color: var(--color-green) !important;
  color: var(--color-bg) !important;
}
.btn-success:hover, .btn-success:focus {
  filter: brightness(0.92);
}

.btn-warning, .badge-warning {
  background-color: var(--color-orange) !important;
  border-color: var(--color-orange) !important;
  color: var(--color-bg) !important;
}
.btn-warning:hover, .btn-warning:focus {
  filter: brightness(0.92);
}

.badge-info { background-color: var(--color-cyan) !important; color: var(--color-text) !important; }
.badge-secondary { background-color: var(--color-amber) !important; color: var(--color-text) !important; }

/* ---------- Fondos limpios / alto contraste ---------- */

.card, #content-wrapper, #content, .modal-content, .dropdown-menu {
  background-color: var(--color-bg);
}