:root {
    --brand-color: #E55552;		/* #A693C6 */
	--bs-btn-hover-bg: #B71432;		/* #400056 */
    /* --brand-color: #013755; */
}
.btn-primary {
	--bs-btn-font-weight: 600;
	--bs-btn-color: var(--bs-white);
	--bs-btn-bg: var(--brand-color);					/* var(--bd-violet-bg) */
	--bs-btn-border-color: var(--bd-violet-bg);
	--bs-btn-hover-color: var(--bs-white);
	--bs-btn-hover-bg: #400056;					/* {shade-color($bd-violet, 10%)} */
	--bs-btn-hover-border-color: #{shade-color($bd-violet, 10%)};
	--bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
	--bs-btn-active-color: var(--bs-btn-hover-color);
	--bs-btn-active-bg: #{shade-color($bd-violet, 20%)};
	--bs-btn-active-border-color: #{shade-color($bd-violet, 20%)};
  }
 /*.btn-primary {
	background-color: var(--brand-color);
	border-color: var(--brand-color);
	color: white;
}*/
.text-primary {
	color: var(--brand-color)!important;
}
.navbar-nav .nav-link.active {
	color: var(--brand-color);
}
/* allows bootstrap to style Laminas Navigation generated menu items within the navbar 
.navbar li a.active {
	color: var(--bs-navbar-active-color);
}
*/











/* large desktop :1300px. */
@media (min-width: 1200px){
	.navbar-ktz {
		/*background-color: var(--brand-color);*/
		margin:1.5em 2em;
		font-size: 17px;
		font-family: Abel, sans-serif;
		font-weight: 400;
		line-height: 1.5;
	}
}
/* Medium desktop :1200px. */
@media (min-width: 800px) and (max-width: 1199px){
	.navbar-ktz {
		margin:1em 1em;
	}
}
/* Small desktop or Smart phone */
@media (min-width: 480px) and (max-width: 799px){
	.navbar-ktz {
		margin:0.75em 0.75em;
	}
}
/* Tiny Small desktop or Smart phone */
@media (min-width: 480px) and (max-width: 799px){
	.navbar-ktz {
		margin:0.5em 0.5em;
	}
}
/* small mobile :480px
@media only screen and (min-width: 480px) and (max-width: 599px) {
}*/


.homecontent{
	background-image: url("/img/lince.jpg");
	background-position: left top;
	background-repeat: no-repeat;
	background-size: cover;
	background-blend-mode: luminosity;	/*lighten;*/
	/*opacity: 0.5; */
}
.hometext{
	color:black;
	/*backdrop-filter: opacity(50%);*/
}

/* PARA TABLAS GENERALES: id="dtTheTable"  */
#dtTheTable thead { border-bottom: solid; border-bottom-width: medium; }
#dtTheTable tr td { font-size: 0.75em; padding: 0.2rem 0.05rem; vertical-align:top; }


/* PROGRESSBAR BASIC
	const progress = document.querySelector(".progress");
	progress.style.setProperty("--progress", `${value}%` );
*/
.progress{
	--progress: 1%;
	width:100%;
	height:50px;
	border: 1px solid #AABBCC;
	margin: 1rem auto;
	box-shadow: 0 0 4px #AAA;
}
.bar{
	width:100%;
	background: #aaaaaa;
	height:100%;
}
.progress-bar{
	width: var(--progress);
	height: 100%;
	background: #00FF00;
}