.topbar{
	background-color: var(--topbar-footer);
}
#navbar .nav-item .nav-link.active{
	color: var(--botones)!important;
}
/*#navbar .nav-item .nav-link.active::after,
#navbar .nav-item .nav-link:is(:hover)::after{
	background-color: var(--botones)!important;
}*/
.btn-icono{
	color: var(--botones);
	background-color: var(--botones-hover);
}
.btn-icono:is(:hover,:focus){
	background-color: var(--botones-hover)!important;
	color: var(--bar-footer)!important;
}

.btn-outline-gris:is(:hover, :focus){
	background-color: var(--botones)!important;
}
.btn-color{
	background-color: var(--botones)!important;
	color: #fff;
}
.btn-color:is(:hover,:focus,:active){
	background-color: var(--botones-hover)!important;
	color: var(--botones)!important;
}
.btn-color2{
	font-weight: 600;
	background-color: var(--botones-hover);
	color: var(--botones);
}
.btn-color2:is(:hover,:focus,:active){
	background-color: var(--botones-hover);
	color: var(--bar-footer);

}
.carousel-indicators .active{
	background-color: var(--bar-footer);
}
#categorias .owl-nav button{
	background-color: var(--botones);
	color: #fff;
}
#categorias .owl-nav button:hover{
	background-color: var(--botones-hover)!important;
	color: var(--botones);
}
.linea-color{
	background-color: var(--botones)!important;
}
.cuadro-lineas{
	border-color: var(--botones);
}
.text-color{
	color: var(--botones)!important;
}
.text-color2{
	color: var(--bar-footer)!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(--bar-footer)!important;
}
#reviews .owl-dots button.active{
	background-color: var(--botones)!important;
}
/* ── Menu: color administrable desde admin-web/configuracion ─────────── */
#navbar{
	background-color: var(--nav, #fff);
}
#navbar .nav-item .nav-link{
	color: var(--nav-texto-suave, rgba(0, 0, 0, .75));
}
#navbar .nav-item .nav-link.active,
#navbar .nav-item .nav-link:is(:hover, :focus){
	color: var(--nav-acento, var(--botones))!important;
}
#navbar .nav-item .nav-link::after{
	background-color: var(--nav-acento, var(--botones));
}
#navbar .navbar-toggler{
	border-color: var(--nav-texto-tenue, rgba(0, 0, 0, .1));
	color: var(--nav-texto-suave, inherit);
}
#navbar .btn-link,
#navbar .btn-icono-nav{
	color: var(--nav-texto-suave, inherit);
}

/* ── Pie: fondo y letra administrables ───────────────────────────────── */
.footer-blanco{
	background-color: var(--topbar-footer, #fff);
	border-top-color: var(--texto-footer-tenue, rgba(0, 0, 0, .08));
}
.footer-blanco .text-secondary{
	color: var(--texto-footer, #212529)!important;
	opacity: .85;
}
.footer-blanco,
.footer-blanco p,
.footer-blanco li,
.footer-blanco li a,
.footer-blanco h6,
.footer-blanco .text-dark{
	color: var(--texto-footer, #212529);
}
.footer-blanco .border-top,
.footer-blanco .border-bottom{
	border-color: var(--texto-footer-tenue, rgba(0, 0, 0, .07))!important;
}

/* Redes del pie: usan .text-dark de Bootstrap, que trae !important y por eso
   ignoraba el color de letra configurado. */
.footer-blanco .social-foot a,
.footer-blanco .social-foot a.btn,
.footer-blanco .text-dark{
	color: var(--texto-footer, #212529)!important;
}
.footer-blanco .social-foot a:is(:hover, :focus){
	color: var(--botones)!important;
	opacity: 1;
}