/* Los colores configurables del admin se mapean al tema oscuro */

.topbar {
	background-color: var(--topbar-footer, #0d3b6e);
}

#navbar .nav-item .nav-link.active {
	color: var(--botones, #34c88a) !important;
}
#navbar .nav-item .nav-link.active::after,
#navbar .nav-item .nav-link:hover::after {
	background: var(--botones, #2a9d6f);
}

.menu-inf {
	background-color: var(--gris, #1c1c1c);
}

.bg-color  { background-color: var(--botones, #2a9d6f); }
.bg-color2 { background: linear-gradient(135deg, var(--botones-hover, #0d3b6e) 0%, #0a2a4a 100%) !important; }

.btn-color {
	background-color: var(--botones, #2a9d6f) !important;
	color: #fff;
}
.btn-color:is(:hover,:focus,:active) {
	background-color: var(--botones-hover, #34c88a) !important;
	color: #000 !important;
}

.btn-color2 {
	border-color: var(--botones-hover, #1a5fa8);
	color: #a8c9e8;
}
.btn-color2:is(:hover,:focus,:active) {
	background-color: var(--botones-hover, #1a5fa8);
	color: #fff;
}

.btn-outline-color {
	border-color: var(--botones, #2a9d6f);
	color: var(--botones, #2a9d6f);
}
.btn-outline-color:is(:hover,:focus,:active) {
	background-color: var(--botones, #2a9d6f);
	color: #fff;
}

.btn-outline-gris:is(:hover,:focus) {
	background-color: var(--botones, #2a9d6f) !important;
}

.carousel-indicators .active {
	background-color: var(--botones, #2a9d6f) !important;
}

.linea-color {
	background: linear-gradient(90deg, var(--botones, #2a9d6f), var(--botones-hover, #1a5fa8)) !important;
}
.sec-divider {
	background: linear-gradient(90deg, var(--botones, #2a9d6f), var(--botones-hover, #1a5fa8));
}

.cuadro-lineas { border-color: var(--botones, #2a9d6f); }

.text-color  { color: var(--botones, #2a9d6f) !important; }
.text-color2 { color: var(--botones, #34c88a) !important; }
.text-color3 { color: var(--botones-hover, #34c88a) !important; }

.datos-contacto-ini span {
	background: rgba(42,157,111,.18);
	border-color: rgba(42,157,111,.3);
	color: var(--botones, #34c88a);
}
.datos-contacto-ini .fw-semibold { color: var(--botones, #34c88a); }

footer .text-color3 { color: var(--botones-hover, #34c88a) !important; }

.indicadores .row [class^='col-'] { border-left: 1px solid var(--botones, #2a9d6f); }

#preguntas .accordion-button:not(.collapsed) {
	color: var(--botones, #2a9d6f);
	background-color: var(--gris-md, #2e2e2e);
}

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

.stat-num   { color: var(--botones, #34c88a); }
.stat-item  { border-left-color: var(--botones, #2a9d6f); }
.sec-eyebrow { color: var(--botones, #34c88a); }
.sec-title em { color: var(--botones, #34c88a); }
.slide-eyebrow { color: var(--botones, #34c88a); border-left-color: var(--botones, #2a9d6f); }
.titulo-slide .script { color: var(--botones, #34c88a); }

.stats-bar  { background-color: var(--topbar-footer, #0d3b6e); }