body {font-family: "Outfit", sans-serif;}
a {text-decoration: none;}

/*
https://coolors.co/visualizer/5d8390-a36f61-b58a56-f0e8da-0a122a
*/

.navbar-toggler {border: none !important;}
.navbar-toggler:focus {box-shadow: none;}

.buscador-input {border-radius: 0; box-shadow: none; transition: border-color 0.2s;}
.buscador-input:focus {border-color: #007bff; outline: none;}

.dropdown-toggle::after {border-top: 0; border-right: 0; border-bottom: 0; border-left: 0;}
.bg-highlight-hover:hover {background: #EFF2F6;}

.pyx-5 {padding-bottom: 5rem; padding-top: 5rem;}

/* Search */
.autocomplete-box {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	background: #ffffff;
	max-height: 250px;
	overflow-y: auto;
	z-index: 999;
}

.autocomplete-box div {
	padding: 10px 12px;
	font-size: 15px;
	cursor: pointer;
	transition: background 0.2s;
}

.autocomplete-box div:hover {background-color: #f1f1f1;}

/* Nav Category */
.menu-catt {
	width: 720px;
}

/* Timeline */
.timeline {position: relative; padding-left: 40px;}
.timeline::before {
	content: '';
	position: absolute;
	left: 15px;
	top: 5px;
	bottom: 5px;
	width: 1px;
	background-color: #e0e0e0;
}

.timeline-step {
	position: relative;
	margin-bottom: 25px;
	padding-bottom: 25px;
	border-bottom: 1px solid #f0f0f0;
}

.timeline-step:last-child {margin-bottom: 0; padding-bottom: 0; border-bottom: none;}

.timeline-icon {
	position: absolute;
	left: -40px;
	top: 2px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	color: #000000;
	border: 1px solid #000000;
	background-color: #ffffff;
}

.timeline-step.completed .timeline-icon {background-color: #fafafa; color: #333333; border: 1px solid #fafafa;}
.timeline-step.in-progress .timeline-icon {background-color: #dfdfdf; color: #333333; border: 1px solid #dfdfdf;}
.timeline-step.in-active .timeline-icon {background-color: #fafafa; color: #333333; border: 1px solid #fafafa;}

.step-title {
	font-weight: 500;
	margin-bottom: 5px;
	font-size: 15px;
	display: flex;
	align-items: center;
}

.step-description {
	font-size: 13px;
	color: #666666;
	margin-bottom: 8px;
	line-height: 1.4;
}

.step-date {
	font-size: 11px;
	color: #999999;
	display: flex;
	align-items: center;
	letter-spacing: 0.3px;
}

.step-date i {margin-right: 5px; font-size: 11px;}

.status-badge {
	font-size: 11px;
	padding: 2px 8px;
	border-radius: 3px;
	margin-left: 10px;
	font-weight: 400;
	background-color: #f5f5f5;
	color: #333333;
}

.btn-rate {
	background-color: #ffffff;
	color: #000000;
	border: 1px solid #000000;
	padding: 8px 20px;
	border-radius: 0;
	font-weight: 400;
	margin-top: 30px;
	font-size: 13px;
	letter-spacing: 0.5px;
	transition: all 0.2s;
}

.btn-rate:hover {background-color: #000000; color: #ffffff;}

/* Media */
@media only screen and (max-width: 720px) {
	.menu-catt {
		width: 320px;
	}
}