h1,
h2,
h3,
h4,
h5,
p,
ul,
span {
	color: #0067a0;
}

.jumbotron {
	height: 340px;
	min-height: 140px;
	color: #0067a0;
	text-shadow:
		-1px -1px #0067a0,
		1px 1px 0px #a4d0e9,
		2px 2px 0px #0067a0;
}

.jumbotron_ccp {
	height: 340px;
	background-image: url('img/coffee-center-plus/bg_coffee_center_plus.png');
	background-size: cover;
	background-position: center right;
	background-repeat: no-repeat;
	min-height: 140px;
	color: #0067a0;
	text-shadow:
		-1px -1px #0067a0,
		1px 1px 0px #a4d0e9,
		2px 2px 0px #0067a0;
}
a {
	color: #0067a0;
	text-decoration: none;
}

.btn-get-started {
	color: #fff;
	background: #0067a0;
	font-weight: 400;
	font-size: 15px;
	letter-spacing: 1px;
	display: inline-block;
	padding: 10px 28px 12px 28px;
	border-radius: 50px;
	transition: 0.5s;
	box-shadow: 0 8px 28px rgba(0, 0, 0, 0.1);
}

.btn-get-started:hover {
	color: #fff;
	background: #4885a5;
	box-shadow: 0 8px 28px rgba(0, 0, 0, 0.1);
}

.btn-danger {
	font-weight: 400;
	font-size: 15px;
	letter-spacing: 1px;
	display: inline-block;
	padding: 10px 28px 12px 28px;
	border-radius: 50px;
	transition: 0.5s;
	box-shadow: 0 8px 28px rgba(0, 0, 0, 0.1);
  text-shadow: none;
}

.table,
th,
td {
	color: #0067a0 !important;
}

.bg-transparent {
	--bs-table-bg: transparent !important;
	background-color: transparent !important;
}

.specs-table-title {
	background: #0067a0;
	color: white;
	padding: 12px 24px;
	font-size: 1.1rem;
	font-weight: 700;
	border-radius: 10px 10px 0 0;
}

.card h5 {
	color: #0067a0;
}
.card i {
	color: #0067a0;
}

.text-bg-azul {
	background-color: #0067a0;
	color: #fff !important;
}

.chart-container {
	max-width: 800px;
	background-color: #f4f4f4;
	/* Fondo gris claro como la imagen */
	border-radius: 8px;
	font-size: small;
}

/* Colores personalizados de las barras basados en la imagen */
.bg-azul-oscuro {
	background-color: #0067a0 !important;
	color: #fff !important;
}

.borde-izq {
	border-radius: 10px 0 0 0;
}

.borde-der {
	border-radius: 0 10px 0 0;
}

.bg-azul-claro {
	background-color: #a4d0e9 !important;
}

/* Ajuste fino para alinear el texto de las barras */
.progress {
	background-color: transparent;
	/* Sin fondo para la barra gris */
	border-radius: 0;
	height: 35px;
	/* Grosor de la barra */
}

.progress-bar {
	text-align: right;
	justify-content: flex-end;
	padding-right: 10px;
}

/* Simulación del eje Y izquierdo */
.eje-y {
	border-right: 2px solid #333;
}

/* Simulación del eje X inferior */
.eje-x {
	border-top: 2px solid #333;
}

.text-dark-blue {
	color: #0f2137;
}

.star-icon {
	font-size: 8px;
	color: gold;
}