/* Tabs horizontales */

.tabs-horizontales ul li a.nav-link {
  padding: 16px 16px;
  font-size: clamp(0.875rem, 0.855rem + 0.096vw, 0.9375rem) !important;
  line-height: clamp(1.3125rem, 1.2825rem + 0.144vw, 1.40625rem) !important;
  border-bottom: 1px solid var(--color-secundario-300) !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
}
.tabs-horizontales ul li a.active {
  color: var(--color-principal-500) !important;
  outline: none;
  border-bottom: 2px solid var(--color-principal-400) !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
}

.tabs-horizontales ul li a.nav-link:hover {
  background-color: var(--color-principal-100);
  color: var(--color-principal-700) !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
}

.tabs-horizontales ul li a.nav-link:active {
  background-color: var(--color-secundario-200);
  color: var(--color-Secundario-900) !important;
}

.tabs-horizontales ul li a.nav-link:focus {
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
}

.tabs-horizontales ul li a.nav-link:focus-visible {
  background-color: var(--color-principal-100) !important;
  border: none !important;
  outline: var(--color-focus) 2px solid !important;
  outline-offset: 3px !important;
  border-radius: 2px !important;
}