:root {
    /*Definiciones globales de fuentes tipográficas*/
    --bs-font-sans-serif: 'Poppins', sans-serif;
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 16px;
    --bs-body-font-weight: 200;
    --bs-body-font-weight-regular: 300;
    --bs-body-font-weight-semibold: 500;
    --bs-body-font-weight-bold: 700;
    --bs-body-line-height: 1.5;

    /*Definición de tamaños de encabezados*/
    --bs-h1-font-size: calc(2.25rem + 2.5vw);
    --bs-h2-font-size: calc(1.4rem + 1vw);
    --bs-h3-font-size: calc(.6rem + 1vw);
    --bs-h4-font-size: 1.125rem;
    --bs-h5-font-size: var(--bs-h4-font-size);
    --bs-h6-font-size: 1rem;

    /*Definición de enlaces*/
    --bs-bg-opacity-10: 0.2;
    --bs-bg-opacity-50: 0.5;
    --bs-bg-opacity-60: 0.6;
    --bs-border-opacity-0: 0;
    --bs-link-color: var(--bs-primary);
    --bs-link-hover-color: var(--bs-primary-hover);
}

/* Encabezados */
h6 {
    font-size: var(--bs-h6-font-size);
    line-height: calc(var(--bs-h6-font-size) + 7px);
    font-weight: var(--bs-body-font-weight-regular);
}
h5 {
    font-size: var(--bs-h5-font-size);
    line-height: calc(var(--bs-h5-font-size) + 7px);
    font-weight: var(--bs-body-font-weight-regular);
}
h4 {
    font-size: var(--bs-h4-font-size);
    line-height: calc(var(--bs-h4-font-size) + 7px);
    font-weight: var(--bs-body-font-weight-semibold);
}
h3 {
    font-size: var(--bs-h3-font-size);
    line-height: calc(var(--bs-h3-font-size) + 7px);
    font-weight: var(--bs-body-font-weight-regular);
}
h2 {
    font-size: var(--bs-h2-font-size);
    line-height: calc(var(--bs-h2-font-size) + 7px);
    font-weight: var(--bs-body-font-weight-regular);
}
h1 {
    font-size: var(--bs-h1-font-size);
    line-height: calc(var(--bs-h1-font-size) + 7px);
    font-weight: var(--bs-body-font-weight-bold);
}
h1, .h1, h2, .h2 {
    color: var(--bs-secondary);
}

/* Botones */
.btn-primary {
    --bs-btn-color: var(--bs-light);
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-color: var(--bs-light);
    --bs-btn-hover-bg: var(--bs-primary-hover);
    --bs-btn-hover-border-color: var(--bs-primary-hover);
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: var(--bs-light);
    --bs-btn-active-bg: var(--bs-primary-hover);
    --bs-btn-active-border-color: var(--bs-primary);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--bs-light);
    --bs-btn-disabled-bg: var(--bs-primary);
    --bs-btn-disabled-border-color: var(--bs-primary);
}
.btn-secondary {
    --bs-btn-color: var(--bs-light);
    --bs-btn-bg: var(--bs-secondary);
    --bs-btn-border-color: var(--bs-secondary);
    --bs-btn-hover-color: var(--bs-light);
    --bs-btn-hover-bg: var(--bs-secondary-hover);
    --bs-btn-hover-border-color: var(--bs-secondary-hover);
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: var(--bs-light);
    --bs-btn-active-bg: var(--bs-secondary-hover);
    --bs-btn-active-border-color: var(--bs-secondary);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--bs-light);
    --bs-btn-disabled-bg: var(--bs-secondary);
    --bs-btn-disabled-border-color: var(--bs-secondary);
}
.btn-success {
    --bs-btn-color: var(--bs-dark);
    --bs-btn-bg: var(--bs-success);
    --bs-btn-border-color: var(--bs-success);
    --bs-btn-hover-color: var(--bs-dark);
    --bs-btn-hover-bg: var(--bs-success-hover);
    --bs-btn-hover-border-color: var(--bs-success-hover);
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: var(--bs-dark);
    --bs-btn-active-bg: var(--bs-success-hover);
    --bs-btn-active-border-color: var(--bs-success);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--bs-dark);
    --bs-btn-disabled-bg: var(--bs-success);
    --bs-btn-disabled-border-color: var(--bs-success);
}
.btn-danger {
    --bs-btn-color: var(--bs-light);
    --bs-btn-bg: var(--bs-danger);
    --bs-btn-border-color: var(--bs-danger);
    --bs-btn-hover-color: var(--bs-light);
    --bs-btn-hover-bg: var(--bs-danger-hover);
    --bs-btn-hover-border-color: var(--bs-danger-hover);
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: var(--bs-light);
    --bs-btn-active-bg: var(--bs-danger-hover);
    --bs-btn-active-border-color: var(--bs-danger);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--bs-light);
    --bs-btn-disabled-bg: var(--bs-danger);
    --bs-btn-disabled-border-color: var(--bs-danger);
}
.btn-warning {
    --bs-btn-color: var(--bs-light);
    --bs-btn-bg: var(--bs-warning);
    --bs-btn-border-color: var(--bs-warning);
    --bs-btn-hover-color: var(--bs-light);
    --bs-btn-hover-bg: var(--bs-warning-hover);
    --bs-btn-hover-border-color: var(--bs-warning-hover);
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: var(--bs-light);
    --bs-btn-active-bg: var(--bs-warning-hover);
    --bs-btn-active-border-color: var(--bs-warning);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--bs-light);
    --bs-btn-disabled-bg: var(--bs-warning);
    --bs-btn-disabled-border-color: var(--bs-warning);
}
.btn-info {
    --bs-btn-color: var(--bs-light);
    --bs-btn-bg: var(--bs-info);
    --bs-btn-border-color: var(--bs-info);
    --bs-btn-hover-color: var(--bs-light);
    --bs-btn-hover-bg: var(--bs-info-hover);
    --bs-btn-hover-border-color: var(--bs-info-hover);
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: var(--bs-light);
    --bs-btn-active-bg: var(--bs-info-hover);
    --bs-btn-active-border-color: var(--bs-info);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--bs-light);
    --bs-btn-disabled-bg: var(--bs-info);
    --bs-btn-disabled-border-color: var(--bs-info);
}
.btn-light {
    --bs-btn-color: var(--bs-dark);
    --bs-btn-bg: var(--bs-light);
    --bs-btn-border-color: var(--bs-light);
    --bs-btn-hover-color: var(--bs-dark);
    --bs-btn-hover-bg: var(--bs-light-hover);
    --bs-btn-hover-border-color: var(--bs-light-hover);
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: var(--bs-dark);
    --bs-btn-active-bg: var(--bs-light-hover);
    --bs-btn-active-border-color: var(--bs-light);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--bs-dark);
    --bs-btn-disabled-bg: var(--bs-light);
    --bs-btn-disabled-border-color: var(--bs-light);
}
.btn-dark {
    --bs-btn-color: var(--bs-light);
    --bs-btn-bg: var(--bs-dark);
    --bs-btn-border-color: var(--bs-dark);
    --bs-btn-hover-color: var(--bs-light);
    --bs-btn-hover-bg: var(--bs-dark-hover);
    --bs-btn-hover-border-color: var(--bs-dark-hover);
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: var(--bs-light);
    --bs-btn-active-bg: var(--bs-dark-hover);
    --bs-btn-active-border-color: var(--bs-dark);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--bs-light);
    --bs-btn-disabled-bg: var(--bs-dark);
    --bs-btn-disabled-border-color: var(--bs-dark);
}
.btn-gray {
    --bs-btn-color: var(--bs-dark);
    --bs-btn-bg: var(--bs-gray);
    --bs-btn-border-color: var(--bs-dark);
    --bs-btn-hover-color: var(--bs-dark);
    --bs-btn-hover-bg: var(--bs-gray-hover);
    --bs-btn-hover-border-color: var(--bs-dark-hover);
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: var(--bs-dark);
    --bs-btn-active-bg: var(--bs-gray-hover);
    --bs-btn-active-border-color: var(--bs-gray);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--bs-dark);
    --bs-btn-disabled-bg: var(--bs-gray);
    --bs-btn-disabled-border-color: var(--bs-gray);
}
.btn-tertiary {
    --bs-btn-color: var(--bs-dark);
    --bs-btn-bg: var(--bs-lighter);
    --bs-btn-border-color: var(--bs-gray-hover);
    --bs-btn-hover-color: var(--bs-dark);
    --bs-btn-hover-bg: var(--bs-lighter-hover);
    --bs-btn-hover-border-color: var(--bs-lighter-hover);
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: var(--bs-dark);
    --bs-btn-active-bg: var(--bs-lighter-hover);
    --bs-btn-active-border-color: var(--bs-lighter-hover);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--bs-dark);
    --bs-btn-disabled-bg: var(--bs-lighter-hover);
    --bs-btn-disabled-border-color: var(--bs-lighter-hover);
}

/*Definicion de color de tabs*/
.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: var(--bs-light)!important;
    background-color: var(--bs-primary);
}