.topbar, footer{
	background-color: var(--topbar-footer)!important;
}
.btn-carro .badge{
	background-color: var(--botones);
}
.btn-color{
	background-color: var(--botones);
	border-color: var(--botones);
	color: #fff;
}
.btn-color:hover{
	background-color: var(--botones-hover)!important;
	border-color: var(--botones-hover)!important;
	color: #fff;
}
.navbar-nav .nav-item .nav-link.active, 
.navbar-nav .nav-item .nav-link:hover{
	color: var(--botones);
}
.down-foot, .cont-indicadores{
	background-color: var(--bar-footer)!important;
}
.ocupado-dos{
	background-color: var(--botones);
}

.linea-color{
	background-color: var(--botones)!important;
}
.text-color{
	color: var(--botones)!important;
}
.indicadores .row [class^='col-']{
	border-left: 1px solid var(--botones);
}
#preguntas .accordion-button:not(.collapsed){
	color: var(--botones-hover);
	background-color: #f6f6f6;
}
#clientes button.owl-dot.active{
	background-color: var(--botones)!important;
}

#reviews .owl-dots button.active{
	background-color: var(--botones)!important;
}

/* Menu de navegacion: color administrable desde admin-web/configuracion.
   Sin valor configurado la variable llega en blanco, que es como venia. */
#navbar{
	background-color: var(--nav, #fff);
	border-bottom-color: var(--nav-texto-tenue, rgba(0, 0, 0, .1));
}
#navbar .navbar-nav .nav-item .nav-link{
	color: var(--nav-texto-suave, rgba(0, 0, 0, .7));
}
.navbar-nav .nav-item .nav-link.active,
.navbar-nav .nav-item .nav-link:hover{
	color: var(--nav-acento, var(--botones));
}
#navbar .navbar-toggler{
	border-color: var(--nav-texto-tenue, rgba(0, 0, 0, .1));
}
#navbar .btn-carro,
#navbar .btn-icon a,
#navbar .btn-link{
	color: var(--nav-texto-suave, inherit);
}
#navbar .btn-carro:is(:hover, :focus),
#navbar .btn-icon a:is(:hover, :focus){
	color: var(--nav-texto, inherit);
}

/* Color de la letra del pie, tambien administrable */
footer,
footer p,
footer li,
footer li a,
footer h6{
	color: var(--texto-footer, #666);
}