/* ═══════════════════════════════════════════════════════════════════════════
   AGUNSA Brand Overrides — Control Tecnológico
   Basado en Manual de Marca AGUNSA 2026
   ═══════════════════════════════════════════════════════════════════════════ */

/* ─── Fuente Barlow Condensed (equivalente web de Univers Condensed) ─── */
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../fonts/barlow-condensed-v12-latin-300.6ca9f411e0f5.woff2") format('woff2');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/barlow-condensed-v12-latin-regular.badb47932ef2.woff2") format('woff2');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/barlow-condensed-v12-latin-500.da6a93a8ab84.woff2") format('woff2');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/barlow-condensed-v12-latin-600.bd84297b0170.woff2") format('woff2');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/barlow-condensed-v12-latin-700.abe06d9a3617.woff2") format('woff2');
}

/* ─── Variables de color AGUNSA ─── */
:root {
  /* Paleta principal — Manual de Marca p.15 */
  --agunsa-red: #DA291C;           /* Pantone 485 C — R:218 G:41 B:28 */
  --agunsa-red-dark: #B71C1C;      /* Hover/active del rojo */
  --agunsa-red-light: #EF5350;     /* Variante clara para fondos */
  --agunsa-white: #FFFFFF;         /* RAL 9018 */
  --agunsa-gray-dark: #3F3F3E;    /* Pantone P 179-14C — R:63 G:63 B:62 */
  --agunsa-black: #2D2926;        /* Pantone Process Black — R:45 G:41 B:38 */

  /* Paleta complementaria — Manual de Marca p.16 */
  --agunsa-gray-light: #D0D0D2;   /* Cool Gray 9C 40% — R:208 G:208 B:210 */
  --agunsa-gray-mid: #9A9999;     /* Cool Gray 9C — R:154 G:153 B:153 */

  /* Override Bootstrap/SB Admin 2 */
  --primary: var(--agunsa-red);
  --blue: var(--agunsa-red);
  --danger: #E65100;              /* Naranja oscuro para diferenciar de primario */

  /* Tipografía */
  --font-family-sans-serif: 'Barlow Condensed', 'Univers Condensed', 'Roboto Condensed', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* ─── Tipografía global ─── */
body {
  font-family: var(--font-family-sans-serif);
  color: var(--agunsa-gray-dark);
}

.h1, .h2, .h3, .h4, .h5, .h6,
h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-family-sans-serif);
  font-weight: 600;
  color: var(--agunsa-black);
}

/* ─── Colores primarios — Override de clases Bootstrap ─── */
.text-primary {
  color: var(--agunsa-red) !important;
}

a.text-primary:focus,
a.text-primary:hover {
  color: var(--agunsa-red-dark) !important;
}

.bg-primary {
  background-color: var(--agunsa-red) !important;
}

.bg-gradient-primary {
  background-color: var(--agunsa-red) !important;
  background-image: linear-gradient(180deg, var(--agunsa-red) 10%, var(--agunsa-red-dark) 100%) !important;
}

.btn-primary {
  background-color: var(--agunsa-red);
  border-color: var(--agunsa-red);
}

.btn-primary:hover {
  background-color: var(--agunsa-red-dark);
  border-color: var(--agunsa-red-dark);
}

.btn-primary:focus,
.btn-primary.focus {
  background-color: var(--agunsa-red-dark);
  border-color: var(--agunsa-red-dark);
  box-shadow: 0 0 0 0.2rem rgba(218, 41, 28, 0.25);
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active {
  background-color: var(--agunsa-red-dark);
  border-color: #8B0000;
}

.btn-outline-primary {
  color: var(--agunsa-red);
  border-color: var(--agunsa-red);
}

.btn-outline-primary:hover {
  background-color: var(--agunsa-red);
  border-color: var(--agunsa-red);
  color: #fff;
}

/* ─── Border-left (KPI cards) ─── */
.border-left-primary {
  border-left: 0.25rem solid var(--agunsa-red) !important;
}

.border-bottom-primary {
  border-bottom: 0.25rem solid var(--agunsa-red) !important;
}

/* ─── Sidebar ─── */
.sidebar-dark .sidebar-brand {
  color: #fff;
}

.sidebar-dark .nav-item .nav-link {
  color: rgba(255, 255, 255, 0.85);
}

.sidebar-dark .nav-item .nav-link:hover,
.sidebar-dark .nav-item .nav-link:focus {
  color: #fff;
}

.sidebar-dark .nav-item.active .nav-link {
  color: #fff;
  font-weight: 700;
}

.sidebar-dark .nav-item .nav-link i {
  color: rgba(255, 255, 255, 0.5);
}

.sidebar-dark .nav-item .nav-link:hover i {
  color: #fff;
}

/* Branding del sidebar — logo */
.sidebar-brand-icon img {
  max-height: 32px;
  width: auto;
}

@media (min-width: 768px) {
  .sidebar .sidebar-brand {
    padding: 1rem 0.5rem;
  }
  .sidebar-brand-icon img {
    max-height: 36px;
  }
}

/* ─── Topbar ─── */
.topbar .navbar-search .btn-primary {
  background-color: var(--agunsa-red);
  border-color: var(--agunsa-red);
}

.topbar .dropdown-list .dropdown-header {
  background-color: var(--agunsa-red);
  border-color: var(--agunsa-red);
}

/* ─── Cards ─── */
.card-header .font-weight-bold.text-primary {
  color: var(--agunsa-red) !important;
}

/* ─── Links generales ─── */
a {
  color: var(--agunsa-red);
}

a:hover {
  color: var(--agunsa-red-dark);
}

/* ─── Danger redefinido (naranja para diferenciarse del primario rojo) ─── */
.badge-danger {
  background-color: #E65100;
}

.alert-danger {
  color: #7f2c00;
  background-color: #ffe0cc;
  border-color: #ffd1b3;
}

.border-left-danger {
  border-left: 0.25rem solid #E65100 !important;
}

.text-danger {
  color: #E65100 !important;
}

/* ─── Progress bars y otros primarios ─── */
.progress-bar {
  background-color: var(--agunsa-red);
}

.page-item.active .page-link {
  background-color: var(--agunsa-red);
  border-color: var(--agunsa-red);
}

.page-link {
  color: var(--agunsa-red);
}

.page-link:hover {
  color: var(--agunsa-red-dark);
}

/* ─── Nav pills activos ─── */
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background-color: var(--agunsa-red);
}

/* ─── Custom checkbox/radio ─── */
.custom-control-input:checked ~ .custom-control-label::before {
  background-color: var(--agunsa-red);
  border-color: var(--agunsa-red);
}

/* ─── Form focus ─── */
.form-control:focus {
  border-color: var(--agunsa-red-light);
  box-shadow: 0 0 0 0.2rem rgba(218, 41, 28, 0.15);
}

/* ─── Footer ─── */
footer.sticky-footer {
  border-top: 3px solid var(--agunsa-red);
}

footer .copyright {
  font-size: 0.8rem;
  color: var(--agunsa-gray-mid);
}

footer .brand-slogan {
  font-style: italic;
  color: var(--agunsa-gray-mid);
  font-size: 0.75rem;
}

/* ─── Login page specific ─── */
.login-brand-panel {
  background: linear-gradient(180deg, var(--agunsa-red) 10%, var(--agunsa-red-dark) 100%);
  min-height: 500px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: white;
  text-align: center;
  padding: 40px;
}

.login-brand-panel .login-logo {
  max-width: 280px;
  margin-bottom: 1.5rem;
}

.login-brand-panel h2 {
  color: #fff;
  font-weight: 700;
  font-size: 1.5rem;
}

.login-brand-panel .login-slogan {
  opacity: 0.85;
  font-style: italic;
  font-size: 1.1rem;
  margin-top: 0.5rem;
}

.login-brand-panel hr {
  border-color: rgba(255, 255, 255, 0.3);
  width: 60%;
  margin: 1.5rem auto;
}

.login-brand-panel small {
  opacity: 0.7;
}

body.bg-gradient-primary {
  background-color: var(--agunsa-red) !important;
  background-image: linear-gradient(180deg, var(--agunsa-red) 10%, var(--agunsa-red-dark) 100%) !important;
}

/* ─── DataTables override ─── */
table.dataTable thead th {
  font-weight: 600;
  text-transform: uppercase;
  font-size: 0.75rem;
  letter-spacing: 0.03em;
  color: var(--agunsa-gray-dark);
}

/* ─── Scrollbar personalizada ─── */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: var(--agunsa-gray-light);
}

::-webkit-scrollbar-thumb {
  background: var(--agunsa-gray-mid);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--agunsa-red);
}