#body {
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif !important;
	height: auto;
}
.logo {
	right: 10%;
}
video.video {
	width: 100%;
}
.icon-txt {
	width: 100%;
}
/*Icono destacado*/
.destacado {
	top: -1rem;
	right: 20px;
	width: 50px;
}


/*Disposición botones*/
.list-botones {
	display: inline-block;
	width: 20%;
}

.btn-primary,
.btn-success,
.btn-secondary,
.btn-info,
.btn-danger,
.btn-creer {
	width: 100%;
	height: 110px;
	text-align: start;
	border-radius: 0;
	padding: 20px;
}
/*Botones laterales*/
.btn-lateral {
	width: 130px;
}
h5 {
	line-height: 1.5rem;
}
hr {
	width: 30px;
	border-top: 3px solid #ffff;
	opacity: 1;
	margin: 0 0 10px 0;
}
.btn-group-vertical.position-absolute.top-0.start-0.gap-2.mt-5 {
	z-index: 999;
}
/*Boton primary*/
.btn-primary {
	background-color: #ff6600;
	border-color: #ff6600;
}

.btn-primary:hover,
.btn-primary:active {
	background-color: #eb5e01;
	border-color: #ff6600;
}
/*Botón success*/
.btn-success {
	background-color: #1b9f48;
	border-color: #1b9f48;
}

.btn-success:hover {
	background-color: #157535;
	border-color: #157535;
}
/*Botón secondary*/
.btn-secondary {
	background-color: #1e1246;
	border-color: #1e1246;
}

.btn-secondary:hover {
	background-color: #160d33;
	border-color: #160d33;
}

/*Botón info*/
.btn-info {
	background-color: #35a4db;
	border-color: #35a4db;
	color: white;
}

.btn-info:hover {
	background-color: #277da8;
	border-color: #277da8;
	color: white;
}

/*Botón danger*/
.btn-danger {
	background-color: #72207e;
	border-color: #72207e;
}

.btn-danger:hover {
	background-color: #631c6e;
	border-color: #631c6e;
}
/*Botón creer*/
.btn-creer{
	background-color: #f7a400;
	border-color: #f7a400;
	color:white;
}
.btn-creer:hover{
	background-color: #de9503;
	border-color: #de9503;
	color:white;
}

@media only screen and (max-width: 768px) {
	/*Botones laterales*/
	.btn-lateral {
		margin-top: -7rem !important;
	}
	/*Logo*/
	.logo {
		width: 35% !important;
	}
	/*Botones laterales*/
	.btn-lateral {
		width: 100px;
	}
	/*Listado de botones*/
	.button-list {
		display: block !important;
		width: 90%;
		margin: 30px auto;
	}
	.flex-md-fill.bd-highlight.col-md-1.col-sm-12 {
		margin: 15px 0;
	}
	a.btn {
		border-radius: 15px;
		font-size: 80px;
	}
	.icon-txt {
		width: 30%;
	}
}

@media only screen and (max-width: 576px) {
	.logo {
		width: 44% !important;
		right: 0;
	}
	/*Botones circulares*/
	a.btn {
		height: 5.7rem;
	}
	/*Botones laterales*/
	.btn-group-vertical.position-absolute.top-0.start-0.gap-2.mt-5 {
		z-index: 999;
		width: 30%;
		height: 100%;
		margin-top: 2rem!important;
	}
	.button-list {
		display: block !important;
		width: 90%;
		margin: 50px auto 30px;
	}
	.fondo-text {
		width: 100%;
		max-width: 100%;
		background-size: cover!important;
		height: 190px;
	}
	.btn-lateral {
		width: 85%;
	}
	/*Alineación texto informativo iconos*/
	.col-md-9.col-sm-12.text-start {
		text-align: center !important;
	}
}