/*
 * Ajustes de marca del panel. La maquetación y los componentes son de Bootstrap
 * (vendor/bootstrap.min.css); acá sólo van colores propios de AVIZOR.
 */

:root {
  --avizor-verde: #2f6b3f;
  --avizor-verde-oscuro: #24532f;
  --avizor-verde-claro: #8cc79b;
}

.panel-encabezado {
  background-color: var(--avizor-verde);
}

.btn-primary {
  --bs-btn-bg: var(--avizor-verde);
  --bs-btn-border-color: var(--avizor-verde);
  --bs-btn-hover-bg: var(--avizor-verde-oscuro);
  --bs-btn-hover-border-color: var(--avizor-verde-oscuro);
  --bs-btn-active-bg: var(--avizor-verde-oscuro);
  --bs-btn-active-border-color: var(--avizor-verde-oscuro);
  --bs-btn-disabled-bg: var(--avizor-verde);
  --bs-btn-disabled-border-color: var(--avizor-verde);
}

.nav-link.active {
  border-bottom: 2px solid var(--avizor-verde-claro);
}

/* El foco programático va al título al cambiar de vista; no es un control, no necesita aro. */
h1:focus {
  outline: none;
}