/* ===================================================
   ISIT Theme — Ingeniería de Soluciones Informáticas
   Palette: navy #0D3B6E | dark #154360 | primary #1B5EA6
            mid #2980B9  | light #5DADE2 | sky #AED6F1
   =================================================== */

/* --------------------------------------------------
   Top navigation bar
   Nota: el template usa "bg-tranparent !important",
   se necesita el selector combinado para ganarle.
   -------------------------------------------------- */
.navbar-sidebar-horizontal,
.navbar-sidebar-horizontal.bg-tranparent {
  background: linear-gradient(90deg, #0D3B6E 0%, #1A5276 100%) !important;
  border-bottom: 2px solid #2980B9;
  box-shadow: 0 2px 8px rgba(0,0,0,0.35);
}

/* Título del sistema en la barra superior */
.navbar-sidebar-horizontal h4 {
  color: #AED6F1 !important;
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: 0.3px;
  margin: 0;
}

/* Nombre de usuario en la barra superior */
.navbar-sidebar-horizontal .profile-name {
  color: #D6EAF8 !important;
}

/* Íconos y links de la barra superior */
.navbar-sidebar-horizontal .nav-link {
  color: #AED6F1 !important;
}
.navbar-sidebar-horizontal .nav-link:hover {
  color: #ffffff !important;
}

/* Hamburger (menú móvil) */
.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
  background-color: #AED6F1 !important;
}

/* --------------------------------------------------
   Menú de navegación principal (sidebar-horizontal)
   -------------------------------------------------- */
.sidebar-horizontal.navbar,
nav.sidebar-horizontal,
.sidebar-horizontal.bg-green {
  background: linear-gradient(90deg, #154360 0%, #1B5EA6 100%) !important;
  border-bottom: 3px solid #5DADE2;
  box-shadow: 0 3px 10px rgba(0,0,0,0.25);
}

/* --------------------------------------------------
   Links del menú principal
   Selector más específico que quillpro:
   .navbar .navbar-nav .nav-item .nav-link:hover (4 clases)
   → usamos 5 clases para ganarle sin necesidad de !important
   -------------------------------------------------- */
.sidebar-horizontal.navbar .navbar-nav .nav-item .nav-link {
  color: #D6EAF8 !important;
  transition: color 0.2s, background 0.2s;
  border-radius: 4px;
}

.sidebar-horizontal.navbar .navbar-nav .nav-item .nav-link:hover,
.sidebar-horizontal.navbar .navbar-nav .nav-item .nav-link:focus,
.sidebar-horizontal.navbar .navbar-nav .nav-item .nav-link.active {
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.2) !important;
}

/* --------------------------------------------------
   Dropdown del menú
   Quillpro pone color: #97a9b2 !important en estado normal
   y color: #4f5b60 !important en hover — ambos ilegibles
   sobre fondo azul oscuro. Necesitamos selectores con
   mayor especificidad + !important para ganarles.
   -------------------------------------------------- */
.sidebar-horizontal.navbar .dropdown-menu {
  background: #1A4F7A !important;
  border: 1px solid #2980B9 !important;
  border-radius: 6px;
  box-shadow: 0 4px 14px rgba(0,0,0,0.35) !important;
}

/* Color base de los items — gana a .navbar .dropdown-menu a { color: #97a9b2 !important } */
.sidebar-horizontal.navbar .dropdown-menu a,
.sidebar-horizontal.navbar .dropdown-menu a.dropdown-item {
  color: #D6EAF8 !important;
  transition: background 0.2s, color 0.2s;
}

/* Hover/focus — gana a .navbar .dropdown-menu a:hover { color: #4f5b60 !important } */
.sidebar-horizontal.navbar .dropdown-menu a:hover,
.sidebar-horizontal.navbar .dropdown-menu a:focus,
.sidebar-horizontal.navbar .dropdown-menu a.dropdown-item:hover,
.sidebar-horizontal.navbar .dropdown-menu a.dropdown-item:focus {
  background-color: #2980B9 !important;
  color: #ffffff !important;
}

/* Sub-dropdown */
.sidebar-horizontal.navbar .dropdown-submenu .dropdown-menu {
  background: #154360 !important;
  border-color: #1B5EA6 !important;
}

.sidebar-horizontal.navbar .dropdown-submenu .dropdown-menu a,
.sidebar-horizontal.navbar .dropdown-submenu .dropdown-menu a.dropdown-item {
  color: #AED6F1 !important;
}

.sidebar-horizontal.navbar .dropdown-submenu .dropdown-menu a:hover,
.sidebar-horizontal.navbar .dropdown-submenu .dropdown-menu a.dropdown-item:hover {
  background-color: #1B5EA6 !important;
  color: #ffffff !important;
}

/* --------------------------------------------------
   bg-green (clase de fondo general)
   -------------------------------------------------- */
.bg-green {
  background: linear-gradient(135deg, #154360 0%, #1B5EA6 60%, #2980B9 100%) !important;
}

/* --------------------------------------------------
   bg-success (usado en inicio.php y otros)
   -------------------------------------------------- */
.bg-success {
  background: linear-gradient(135deg, #1A5276 0%, #2471A3 100%) !important;
  color: #ffffff !important;
}

/* --------------------------------------------------
   Botones btn-success → azul ISIT
   -------------------------------------------------- */
.btn-success,
.btn-success.dropdown-toggle {
  background-color: #2471A3 !important;
  border-color: #1B5EA6 !important;
  color: #ffffff !important;
}

.btn-success:focus,
.btn-success.focus,
.btn-success:hover,
.btn-success.dropdown-toggle:hover,
.btn-success.dropdown-toggle:focus {
  background-color: #1A6394 !important;
  border-color: #154360 !important;
  color: #ffffff !important;
}

.btn-success:not([disabled]):not(.disabled).active,
.btn-success:not([disabled]):not(.disabled):active,
.show > .btn-success.dropdown-toggle {
  background-color: #154360 !important;
  border-color: #0D3B6E !important;
}

.btn-success.disabled,
.btn-success:disabled {
  background-color: #5DADE2 !important;
  border-color: #2980B9 !important;
}

/* btn-success con gradiente */
.btn-success.btn-gradient {
  background: linear-gradient(135deg, #1B5EA6 0%, #2980B9 100%) !important;
  border: none !important;
  box-shadow: 0 3px 8px rgba(21,67,96,0.4);
  transition: box-shadow 0.2s, transform 0.1s;
}

.btn-success.btn-gradient:hover {
  background: linear-gradient(135deg, #154360 0%, #1B5EA6 100%) !important;
  box-shadow: 0 5px 14px rgba(21,67,96,0.5);
  transform: translateY(-1px);
}

/* --------------------------------------------------
   Botón btn-warning (Actualizar en tablas)
   -------------------------------------------------- */
.btn-warning {
  background-color: #2980B9 !important;
  border-color: #2471A3 !important;
  color: #ffffff !important;
}

.btn-warning:hover {
  background-color: #1A6394 !important;
  border-color: #154360 !important;
  color: #ffffff !important;
}

/* --------------------------------------------------
   Página de LOGIN — panel izquierdo
   -------------------------------------------------- */
.signin-right-column.bg-green {
  background: linear-gradient(160deg, #0D3B6E 0%, #1B5EA6 55%, #2980B9 100%) !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  overflow: hidden;
}

/* Círculos decorativos de fondo */
.signin-right-column.bg-green::before {
  content: '';
  position: absolute;
  top: -80px;
  right: -80px;
  width: 260px;
  height: 260px;
  border-radius: 50%;
  background: rgba(93,173,226,0.12);
  pointer-events: none;
}

.signin-right-column.bg-green::after {
  content: '';
  position: absolute;
  bottom: -100px;
  left: -50px;
  width: 320px;
  height: 320px;
  border-radius: 50%;
  background: rgba(93,173,226,0.08);
  pointer-events: none;
}

.signin-right-column h1 {
  color: #ffffff !important;
  font-weight: 700;
  text-shadow: 0 2px 6px rgba(0,0,0,0.3);
  position: relative;
  z-index: 1;
}

.signin-right-column p.lead {
  color: #AED6F1 !important;
  position: relative;
  z-index: 1;
}

/* --------------------------------------------------
   Página de LOGIN — panel derecho (formulario)
   -------------------------------------------------- */
.signin-left-column {
  box-shadow: -4px 0 20px rgba(21,67,96,0.12);
}

.signin-left-column label {
  color: #1B5EA6;
  font-weight: 600;
}

.signin-left-column .form-control:focus {
  border-color: #2980B9;
  box-shadow: 0 0 0 0.2rem rgba(41,128,185,0.25);
}

/* Botón Ingresar */
.btn-sux {
  background: linear-gradient(135deg, #1B5EA6 0%, #2980B9 100%) !important;
  border: none !important;
  letter-spacing: 0.5px;
  font-weight: 600;
  padding: 10px;
  border-radius: 6px;
  box-shadow: 0 4px 12px rgba(21,67,96,0.35);
  transition: box-shadow 0.2s, transform 0.1s;
}

.btn-sux:hover {
  background: linear-gradient(135deg, #154360 0%, #1B5EA6 100%) !important;
  box-shadow: 0 6px 18px rgba(21,67,96,0.5);
  transform: translateY(-1px);
}

/* --------------------------------------------------
   Perfil usuario (dropdown navbar)
   -------------------------------------------------- */
.navbar-profile .dropdown-menu {
  border-top: 3px solid #2980B9;
  box-shadow: 0 4px 14px rgba(0,0,0,0.2);
}

/* --------------------------------------------------
   Scrollbar
   -------------------------------------------------- */
::-webkit-scrollbar-track {
  background: #0D3B6E;
}

::-webkit-scrollbar-thumb {
  background: #2980B9;
  border-radius: 4px;
}