/* Custom color scheme for Área Jurídica - Modern teal color */
/* Replacing default Bootstrap blue (#337ab7) with modern teal (#0891b2) */

/* Links - Only in main content area, not header */
main a,
.detalle a {
  color: #0891b2;
}

main a:hover,
.detalle a:hover {
  color: #0e7490;
}

/* Text primary */
.text-primary {
  color: #0891b2 !important;
}

a.text-primary:hover {
  color: #0e7490 !important;
}

/* Background primary */
.bg-primary {
  background-color: #0891b2 !important;
}

a.bg-primary:hover {
  background-color: #0e7490 !important;
}

/* Buttons */
.btn-primary {
  background-color: #0891b2 !important;
  border-color: #0e7490 !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-color: #0e7490 !important;
  border-color: #0c5f75 !important;
}

.btn-primary .badge {
  color: #0891b2 !important;
}

.btn-link {
  color: #0891b2 !important;
}

.btn-link:hover,
.btn-link:focus {
  color: #0e7490 !important;
}

/* Dropdowns */
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  background-color: #0891b2 !important;
}

/* Navigation */
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  border-color: #0891b2 !important;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  background-color: #0891b2 !important;
}

/* Navbar active state - Legal area specific */
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #fff !important;
  background-color: #0891b2 !important;
}

li.boton-header.active {
  background-color: #0891b2 !important;
  border-bottom: 3px solid #0e7490 !important;
}

li.boton-header.active a {
  color: #fff !important;
  font-weight: 600 !important;
}

/* Pagination */
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #0891b2 !important;
  border-color: #0891b2 !important;
}

.pagination > li > a,
.pagination > li > span {
  color: #0891b2 !important;
}

/* Labels */
.label-primary {
  background-color: #0891b2 !important;
}

.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #0e7490 !important;
}

/* Badges */
.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #0891b2 !important;
}

/* Thumbnails */
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #0891b2 !important;
}

/* Progress bars */
.progress-bar {
  background-color: #0891b2 !important;
}

/* List groups */
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  background-color: #0891b2 !important;
  border-color: #0891b2 !important;
}

/* Panels */
.panel-primary {
  border-color: #0891b2 !important;
}

.panel-primary > .panel-heading {
  background-color: #0891b2 !important;
  border-color: #0891b2 !important;
}

.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #0891b2 !important;
}

.panel-primary > .panel-heading .badge {
  color: #0891b2 !important;
}

.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #0891b2 !important;
}

/* Additional custom styles for better visual hierarchy */
li.boton-header:hover {
  background-color: #e0f2fe !important;
  transition: background-color 0.3s ease;
}

/* Don't change color of header links on hover - they should stay default */
li.boton-header a {
  color: inherit;
}

li.boton-header:hover a {
  color: #0891b2 !important;
}

/* Green color override for specific elements that should remain green */
main.detalle .csc-default .csc-header,
main.detalle .csc-frame-frame1 {
  border-color: #50992E !important;
  color: #50992E !important;
}

div.divider > hr {
  border-color: #50992e !important;
}