/* ================================
   NUCLEO360 - Custom Styles
   SB Admin Pro Enhancement
================================ */

/* Sidebar base improvement */
#layoutSidenav_nav nav.sidenav .nav-link {
  border-radius: .5rem;
  margin: .15rem .5rem;
  padding: .65rem .75rem;
  font-weight: 500;
  transition: all .2s ease;
}

/* Hover effect */
#layoutSidenav_nav nav.sidenav .nav-link:hover {
  background: rgba(0, 0, 0, .05);
}

/* Active menu item */
#layoutSidenav_nav nav.sidenav .nav-link.active {
  background: rgba(13, 110, 253, .15);
  font-weight: 600;
  color: #0d6efd !important;
  position: relative;
}

/* Active left indicator bar */
#layoutSidenav_nav nav.sidenav .nav-link.active::before {
  content: "";
  position: absolute;
  left: -8px;
  top: 6px;
  bottom: 6px;
  width: 4px;
  border-radius: 3px;
  background: #0d6efd;
}

/* Sidebar section titles */
.sidenav-menu-heading {
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: .08em;
  color: #6c757d;
  margin-top: 1rem;
  margin-left: .75rem;
}

/* Card elevation refinement */
.card {
  border: none;
  border-radius: .75rem;
  box-shadow: 0 0.15rem 1.75rem 0 rgba(33, 40, 50, 0.08);
}

/* Page header refinement */
.page-header-title {
  font-weight: 600;
}

.page-header-subtitle {
  opacity: .85;
}

/* Buttons modern look */
.btn {
  border-radius: .5rem;
  font-weight: 500;
}

/* Table refinement */
.table thead th {
  font-weight: 600;
  font-size: 0.85rem;
  text-transform: uppercase;
}

/* Smooth transitions */
* {
  transition: background-color .15s ease, color .15s ease;
}

body { font-family: var(--bs-font-sans-serif) !important; }

/* Menú: peso y tamaño como SB Admin Pro */
#layoutSidenav_nav .sidenav .nav-link {
  font-size: .9rem;
  font-weight: 500;
}

/* Fuerza la tipografía del template en todo el sitio */
:root{
  --bs-font-sans-serif: "Metropolis", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
}
body, #layoutSidenav_nav .sidenav, #layoutSidenav_nav .sidenav .nav-link {
  font-family: var(--bs-font-sans-serif) !important;
}