/* ============================================================
   CCC Brand — Cámara de Comercio de Cali
   Colores y tipografía oficiales para toda la plataforma
   ============================================================ */
@font-face{font-family:'Savior Sans';src:url('https://prototipandoconia.online/wp-content/uploads/2025/06/SaviorSans-ExpandedLight.otf') format('opentype');font-weight:300;font-display:swap}
@font-face{font-family:'Savior Sans';src:url('https://prototipandoconia.online/wp-content/uploads/2025/06/SaviorSans-Expanded.otf') format('opentype');font-weight:400;font-display:swap}
@font-face{font-family:'Savior Sans';src:url('https://prototipandoconia.online/wp-content/uploads/2025/06/SaviorSans-ExpandedBold.otf') format('opentype');font-weight:700;font-display:swap}

:root {
  --ccc-pink: #ED2A5F;
  --ccc-pink-2: #FF6E96;
  --ccc-navy: #241E5E;
  --ccc-blue: #3D46C8;
  --ccc-blue-2: #6A79F5;
  --ccc-green: #1FB871;
  --ccc-bg: #EDF0FA;
  --ccc-muted: #7B80A8;
  --ccc-glass: rgba(255,255,255,.72);
  --ccc-shadow: 0 14px 34px rgba(36,30,94,.14);

  /* Bootstrap / admin aliases */
  --primary-color: #3D46C8;
  --secondary-color: #241E5E;
  --success-color: #1FB871;
  --danger-color: #ED2A5F;
  --info-color: #6A79F5;
  --dark-color: #241E5E;
  --bs-primary: #3D46C8;
  --bs-primary-rgb: 61, 70, 200;
  --bs-link-color: #3D46C8;
  --bs-link-hover-color: #241E5E;
}

body {
  font-family: 'Savior Sans', 'Segoe UI', system-ui, sans-serif !important;
  background: linear-gradient(160deg, #F3F5FE 0%, #EAEDFB 55%, #F7EDF3 100%) !important;
  color: var(--ccc-navy);
}

/* Bootstrap primary overrides */
.btn-primary,
.bg-primary,
.badge.bg-primary {
  background: linear-gradient(120deg, var(--ccc-blue), var(--ccc-blue-2)) !important;
  border-color: var(--ccc-blue) !important;
}
.btn-primary:hover,
.btn-primary:focus {
  background: linear-gradient(120deg, var(--ccc-navy), var(--ccc-blue)) !important;
  border-color: var(--ccc-navy) !important;
}
.btn-danger {
  background: linear-gradient(120deg, var(--ccc-pink), #FF4E7E) !important;
  border-color: var(--ccc-pink) !important;
}
.btn-success {
  background: var(--ccc-green) !important;
  border-color: var(--ccc-green) !important;
}
.btn-dark {
  background: var(--ccc-navy) !important;
  border-color: var(--ccc-navy) !important;
}
.text-primary { color: var(--ccc-blue) !important; }
.bg-dark { background: linear-gradient(180deg, #2A2470 0%, var(--ccc-navy) 100%) !important; }

.form-control:focus,
.form-select:focus {
  border-color: var(--ccc-blue) !important;
  box-shadow: 0 0 0 .2rem rgba(61,70,200,.22) !important;
}

.nav-pills .nav-link.active,
.nav-tabs .nav-link.active {
  background: var(--ccc-blue) !important;
  border-color: var(--ccc-blue) !important;
  color: #fff !important;
}

.card {
  border: 1px solid rgba(255,255,255,.75) !important;
  box-shadow: var(--ccc-shadow) !important;
  border-radius: 18px !important;
  background: var(--ccc-glass) !important;
  backdrop-filter: blur(14px);
}

.card-header {
  background: linear-gradient(135deg, #2A2470, var(--ccc-blue)) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 18px 18px 0 0 !important;
}

/* Brand mark */
.ccc-brand {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.ccc-brand img {
  height: 42px;
  filter: brightness(0) invert(1);
}
.ccc-brand .ccc-title {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .3px;
  margin: 0;
}
.ccc-brand .ccc-sub {
  color: rgba(255,255,255,.7);
  font-size: 11px;
  font-weight: 300;
}

.ccc-logo-color {
  height: 44px;
}

/* Sidebar CCC */
.sidebar {
  background: linear-gradient(180deg, #2A2470 0%, #241E5E 55%, #1a1648 100%) !important;
}
.sidebar .nav-link.active {
  background: rgba(237,42,95,.22) !important;
  box-shadow: inset 3px 0 0 var(--ccc-pink);
}
.sidebar .nav-link:hover {
  background: rgba(255,255,255,.12) !important;
  color: #fff !important;
}

/* Login / auth shells */
.ccc-auth-bg {
  background: linear-gradient(165deg, #2A2470 0%, #3D46C8 55%, #ED2A5F 140%) !important;
  min-height: 100vh;
}
.ccc-auth-card {
  background: rgba(255,255,255,.14) !important;
  backdrop-filter: blur(20px);
  border: 1px solid rgba(255,255,255,.35) !important;
  border-radius: 26px !important;
  box-shadow: 0 20px 50px rgba(0,0,0,.25) !important;
}
.ccc-auth-header {
  background: transparent !important;
  color: #fff !important;
  text-align: center;
  padding: 1.5rem 1.5rem .5rem !important;
}
.ccc-btn-pink {
  background: linear-gradient(120deg, var(--ccc-pink), #FF4E7E) !important;
  border: none !important;
  color: #fff !important;
  border-radius: 16px !important;
  font-weight: 700 !important;
  box-shadow: 0 10px 24px rgba(237,42,95,.45);
}
.ccc-btn-pink:hover { filter: brightness(1.05); color: #fff !important; }

/* Tables */
.table thead th {
  color: var(--ccc-muted) !important;
  font-size: 11px;
  letter-spacing: 1px;
  text-transform: uppercase;
  border-bottom-color: rgba(36,30,94,.1) !important;
}
.table > :not(caption) > * > * {
  border-bottom-color: rgba(36,30,94,.06) !important;
}

/* Page titles */
h1, h2, h3, h4, h5, .page-title {
  color: var(--ccc-navy);
}

/* Escáner / purple gradients → CCC */
.ccc-scan-bg,
body.ccc-theme {
  background: linear-gradient(160deg, #F3F5FE 0%, #EAEDFB 50%, #F7EDF3 100%) !important;
}