/*
 * DOCKET VTM – Theme override
 * Paleta: #366DB3 azul | #254f8a azul oscuro | #dbdff1 azul claro
 *         #e8f0f9 fondo tarjetas | #f0f4fb fondo página
 */

/* ===================== TOPBAR ===================== */
body.vtm-page .topbar {
  background: #ffffff !important;
  border-bottom: 4px solid #366DB3 !important;
  box-shadow: 0 2px 8px rgba(54,109,179,0.15) !important;
}
body.vtm-page .topbar .top-navbar .navbar-nav > .nav-item > .nav-link {
  color: #254f8a !important;
}
body.vtm-page .topbar .top-navbar .navbar-nav > .nav-item > .nav-link:hover {
  color: #366DB3 !important;
}

/* ===================== PÁGINA ===================== */
body.vtm-page .page-wrapper {
  background: #f0f4fb !important;
}

/* ===================== BREADCRUMB / PAGE-TITLES ===================== */
body.vtm-page .page-titles {
  background: #366DB3 !important;
}

/* ===================== CARDS ===================== */
body.vtm-page .card {
  background: #e8f0f9 !important;
  border: 1px solid #dbdff1 !important;
  border-top: 3px solid #366DB3 !important;
  box-shadow: 0 2px 10px rgba(54,109,179,0.10) !important;
}
body.vtm-page .card .card {
  background: #e8f0f9 !important;
  border: none !important;
  border-top: none !important;
  box-shadow: none !important;
}
body.vtm-page .card .card-title {
  color: #254f8a !important;
}

/* ===================== TABLAS ===================== */
body.vtm-page .table thead th {
  color: #254f8a !important;
  border-bottom: 2px solid #254f8a !important;
}
body.vtm-page .table tbody tr:nth-child(even) {
  background: #dbdff1 !important;
}
body.vtm-page .table tbody tr:hover {
  background: #c2cbea !important;
}
body.vtm-page .table-bordered td,
body.vtm-page .table-bordered th {
  border-color: #dbdff1 !important;
}

/* ===================== BADGES ===================== */
body.vtm-page .badge-primary {
  background-color: #366DB3 !important;
}

/* ===================== BOTONES ===================== */
body.vtm-page .btn-primary,
body.vtm-page .btn-themecolor {
  background-color: #366DB3 !important;
  border-color: #366DB3 !important;
  box-shadow: 4px 4px 0 #254f8a !important;
}
body.vtm-page .btn-primary:hover,
body.vtm-page .btn-primary:focus,
body.vtm-page .btn-themecolor:hover,
body.vtm-page .btn-themecolor:focus {
  background-color: #254f8a !important;
  border-color: #254f8a !important;
  box-shadow: 0 6px 22px rgba(37,79,138,0.5) !important;
}
body.vtm-page .btn-outline-primary {
  color: #366DB3 !important;
  border-color: #366DB3 !important;
}
body.vtm-page .btn-outline-primary:hover {
  background-color: #366DB3 !important;
  color: #ffffff !important;
}
body.vtm-page .btn-outline-warning {
  color: #254f8a !important;
  border-color: #dbdff1 !important;
}
body.vtm-page .btn-outline-warning:hover {
  background-color: #dbdff1 !important;
  color: #254f8a !important;
}
body.vtm-page .btn-outline-danger {
  color: #c0392b !important;
  border-color: #c0392b !important;
}
body.vtm-page .btn-outline-danger:hover {
  background-color: #c0392b !important;
  color: #ffffff !important;
}
body.vtm-page .btn-warning {
  background-color: #dbdff1 !important;
  border-color: #dbdff1 !important;
  color: #254f8a !important;
}
/* Cualquier botón con borde naranja residual */
body.vtm-page [class*="btn"] {
  outline-color: #366DB3 !important;
}
body.vtm-page [class*="btn"]:focus {
  box-shadow: 0 0 0 0.2rem rgba(54,109,179,0.35) !important;
}

/* ===================== FORMULARIOS ===================== */
body.vtm-page .form-control {
  border-color: #dbdff1 !important;
}
body.vtm-page .form-control:focus {
  border-color: #366DB3 !important;
  box-shadow: 0 0 0 0.2rem rgba(54,109,179,0.25) !important;
}

/* ===================== PAGINACIÓN ===================== */
body.vtm-page .pagination > .active > a,
body.vtm-page .pagination > .active > span,
body.vtm-page .pagination > .active > a:hover,
body.vtm-page .pagination > .active > span:hover {
  background-color: #366DB3 !important;
  border-color: #366DB3 !important;
}
body.vtm-page .page-link {
  color: #366DB3 !important;
}
body.vtm-page .page-link:hover {
  color: #254f8a !important;
}

/* ===================== LINKS Y TEXTO ===================== */
body.vtm-page a { color: #366DB3; }
body.vtm-page a:hover { color: #254f8a; }
body.vtm-page .text-themecolor { color: #366DB3 !important; }
body.vtm-page .text-primary { color: #366DB3 !important; }

/* ===================== SIDEBAR ===================== */
body.vtm-page .sidebar-nav > ul > li > a.active {
  color: #dbdff1 !important;
}
body.vtm-page .sidebar-nav > ul > li > a:hover {
  color: #dbdff1 !important;
}
body.vtm-page .sidebar-nav > ul > li.active > a {
  border-color: #366DB3 !important;
}

/* ===================== SPINNER ===================== */
body.vtm-page .spinner-border.text-primary {
  color: #366DB3 !important;
}

/* ===================== MODAL ===================== */
body.vtm-page .modal-header {
  background: #366DB3 !important;
}

/* ===================== VISITOR TABS ===================== */
body.vtm-page .visitor-tab {
  background: rgba(54,109,179,0.18) !important;
  color: #254f8a !important;
}
body.vtm-page .visitor-tab:hover {
  background: rgba(54,109,179,0.32) !important;
  color: #254f8a !important;
}
body.vtm-page .visitor-tab.active {
  background: #366DB3 !important;
  color: #ffffff !important;
}
body.vtm-page .visitor-header {
  border-bottom: 3px solid #366DB3 !important;
}
body.vtm-page .visitor-profile-icon {
  background: #366DB3 !important;
}
body.vtm-page .visitor-profile-icon:hover {
  background: #254f8a !important;
}