/* ====================================================
   🎨 SISTEMA DE COLORES CORPORATIVOS CONTAVERSO
   ====================================================
   Variables CSS centralizadas para identidad visual
   consistente en toda la aplicación
   ================================================== */

:root {
    --contaverso-primary: #7392A4;
    --contaverso-primary-hover: #6B889C;
    --contaverso-primary-light: #ABC2D1;
    --contaverso-primary-lighter: #C7DAE7;
    --contaverso-primary-lightest: #E3F2FD;
    --contaverso-primary-pale: #F8FCFF;
    --contaverso-primary-btn: #0D6A85;
    
    /* Color acompañante */
    --contaverso-info: #F1F9FE;
    --contaverso-info-hover: #E8F4FD;    /* Un poco más saturado para el hover */
    --contaverso-info-pale: #FAFCFE;     /* Versión muy sutil */

    /* Graduaciones del "info" */
    --contaverso-info-xlight: #DFF2FA;   /* medio-bajo */
    --contaverso-info-light: #a6ddee;    /* medio     */
    --contaverso-info-mid: #5bc0de;      /* medio-alto */    /* Graduaciones del "info" */

    --contaverso-warning: #F0AD4E;    /* medio     */
    --contaverso-warning-mid: #F1D3A6;      /* medio-alto */
    --contaverso-warning-light: #F1E6D2;    /* medio    */
    

    /* Texto cuando el fondo sea mid */
    --contaverso-info-text-contrast: var(--contaverso-text-primary);

    --contaverso-text-primary: #02314B;
    --contaverso-text-secondary: #7392A4;
    --contaverso-text-muted: #6c757d;
    
    --contaverso-bg-primary: #f8fafb;
    --contaverso-bg-light: #f8f9fa;
    --contaverso-bg-info: #F1F9FE;
    --contaverso-bg-white: #ffffff;
    
    /* Borders and radii */
    --contaverso-border: 1px solid #dee2e6;
    --contaverso-border-radius: 0.375rem;
    --contaverso-border-radius-lg: 0.8rem;
    --contaverso-border-radius-xl: 1rem;
    --contaverso-transition: all 0.2s ease-in-out;
    
    /* Tipografía unificada */
    --contaverso-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;


}

/* ===== TIPOGRAFÍA BASE ===== */
body, .dashboard-card, .table, .btn, .form-control, .form-check-label {
    font-family: var(--contaverso-font-family) !important;
}

/* ===== BOTONES GLOBALES ===== */

/* ===== BOTONES primary ===== */
.btn-primary {
    background-color: var(--contaverso-primary-btn) !important;
    border-color: var(--contaverso-primary-btn) !important;
    color: white !important;
}

.btn-primary:hover {
    background-color: var(--contaverso-primary-hover) !important;
    border-color: var(--contaverso-primary-hover) !important;
    color: white !important;
}

.btn-outline-primary {
    color: var(--contaverso-primary-btn) !important;
    border-color: var(--contaverso-primary-btn) !important;
    background-color: transparent !important;
}

  /* Hover / focus / active */
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-primary.active,
.show > .btn-outline-primary.dropdown-toggle {
    color: white !important;
    background-color: var(--contaverso-primary-btn) !important;
    border-color: var(--contaverso-primary-btn) !important;
}
/* ===== BOTONES info ===== */
/* Botón outline info (estado normal) */
.btn-outline-info {
    color: var(--contaverso-info-mid) !important;         /* texto */
    border-color: var(--contaverso-info-light) !important;/* borde */
    background-color: transparent !important;
    transition: var(--contaverso-transition) !important;
  }
  
  /* Hover / focus / active */
  .btn-outline-info:hover,
  .btn-outline-info:focus,
  .btn-outline-info:active,
  .btn-outline-info.active {
    color: var(--contaverso-info) !important;
    background-color: var(--contaverso-info-mid) !important;
    border-color: var(--contaverso-info-mid) !important;
  }

/* ===== BOTONES warning ===== */
/* Botón outline warning (estado normal) */
.btn-outline-warning {
    color: var(--contaverso-warning) !important;         /* texto */
    border-color: var(--contaverso-warning) !important;/* borde */
    background-color: transparent !important;
    transition: var(--contaverso-transition) !important;
  }
  
  /* Hover / focus / active */
  .btn-outline-warning:hover,
  .btn-outline-warning:focus,
  .btn-outline-warning:active,
  .btn-outline-warning.active {
    color: white !important;
    background-color: var(--contaverso-warning) !important;
    border-color: var(--contaverso-warning) !important;
  }

/* ===== TOPBAR STYLING GLOBAL ===== */
/* Iconos principales - color corporativo primario */
.sb-topnav .navbar-nav .nav-item > a > i {
    color: var(--contaverso-primary) !important;
}

.sb-topnav .btn-link i {
    color: var(--contaverso-primary) !important;
}

/* Sub-iconos en dropdowns - color más oscuro */
.sb-topnav .dropdown-item i {
    color: var(--contaverso-text-primary) !important;
}

/* Botón de búsqueda específico */
#btnNavbarSearch {
    background-color: var(--contaverso-primary) !important;
    border-color: var(--contaverso-primary) !important;
    color: white !important;
    transition: var(--contaverso-transition) !important;
}

#btnNavbarSearch:hover {
    background-color: var(--contaverso-primary-hover) !important;
    border-color: var(--contaverso-primary-hover) !important;
    color: white !important;
    transform: translateY(-1px);
}

#btnNavbarSearch:focus, #btnNavbarSearch:active {
    background-color: var(--contaverso-primary-hover) !important;
    border-color: var(--contaverso-primary-hover) !important;
    box-shadow: 0 0 0 0.2rem rgba(115, 146, 164, 0.25) !important;
}


/* ===== FORM CONTROLS GLOBALES ===== */
.form-control:focus {
    border-color: var(--contaverso-primary) !important;
    box-shadow: 0 0 0 0.2rem rgba(115, 146, 164, 0.25) !important;
}

.form-check-input:checked {
    background-color: var(--contaverso-primary) !important;
    border-color: var(--contaverso-primary) !important;
}

.form-check-input:focus {
    border-color: var(--contaverso-primary-lighter) !important;
    box-shadow: 0 0 0 0.2rem rgba(115, 146, 164, 0.25) !important;
}

/* ===== BADGES Y ALERTS ===== */
.badge {
    background-color: var(--contaverso-primary) !important;
}

.alert-primary {
    color: var(--contaverso-text-primary) !important;
    background-color: var(--contaverso-primary-pale) !important;
    border-color: var(--contaverso-primary-lightest) !important;
}

.alert-info {
    color: var(--contaverso-text-primary) !important;
    background-color: var(--contaverso-info) !important;
    border-color: var(--contaverso-info-light) !important;
    box-shadow: 0 1px 2px 0 rgba(91,192,222,0.04);
}

/* ===== Tables ===== */

/* .table {
    border: var(--contaverso-border);
    border-radius: var(--contaverso-border-radius);
}
.card {
    border: var(--contaverso-border);
    border-radius: var(--contaverso-border-radius);
} */