/* CSS Document */
body {
  background-color: #f8f9fa;
}

#listaRecursos .recurso {
  cursor: pointer;
}

#listaRecursos .recurso:hover {
  background-color: #e9ecef;
}

.list-group-item {
	list-style-type: disc;
	list-style-position: inside;
	display: list-item;
	padding-left: 1.2em;
}

.list-group-item::marker {
	color: darkred; /* azul Bootstrap */
}

/* Contenedor de pestañas */
.nav-tabs {
	border: none !important;
	justify-content: center;
	margin-top: 30px;
}

.nav-tabs .nav-link {
	border: none !important;
	border-top: 2px solid transparent;
	color: #000;
	font-weight: 500;
	margin: 0 20px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

/* Pestaña activa */
.nav-tabs .nav-link.active {
	border-top: 2px solid #000;
	color: #000;
	font-weight: 700;
	background-color: transparent !important;
}

/* Efecto hover */
.nav-tabs .nav-link:hover {
	border-top: 2px solid #555;
	color: #000;
}

.list-group-item:hover {
  background-color: lightblue;
  color: darkred;
}

.accordion-button{
	color: darkred;
	font-weight: bold;
}
/*.archivo-video {
  width: 100%;     
  height: 600px;   
  object-fit: cover; 
  border-radius: 10px;
}*/