/* ----- Steps -------------------------------------------------------------------- */
.steps {
	height: 84px;
}
.steps .logo-wom {
	width: 50px;
}
.steps-wrap .step-item {
	display: none;
}
.steps-wrap[data-step="1"] .step-1,
.steps-wrap[data-step="2"] .step-2,
.steps-wrap[data-step="3"] .step-3,
.steps-wrap[data-step="4"] .step-4 {
	display: block;
}
.steps-wrap:not([data-step="1"]) .info2x1-dark, .steps-wrap:not([data-step="1"]) .link-back, .steps-wrap[data-step="4"] .detail {
	display: none !important;
}
.detail::after {
	content: '';
	display: block;
	position: absolute;
	bottom: 100%;
	right: calc(50% - 17px);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 17px 13px 17px;
	border-color: transparent transparent #fff transparent;
}
.icheck {
	height: 52px;
	width: 52px;
	border: 2px solid #7FBF40;
}
@media (min-width: 768px) {
	.box-body-steps {
    width: 388px;
	}
	.steps-wrap {
		background-color: #fff;
		max-width: 1024px;
		box-shadow: 0px 24px 48px rgba(56, 20, 81, 0.15);
		border-radius: 8px;
	}
	.steps {
		height: 100px;
	}
	.steps .logo-wom {
		width: 80px;
	}
	.detail::after {
		display: none;
	}
}
/* ----- Steps -------------------------------------------------------------------- */

/* ----- Step 01 ------------------------------------------------------------------ */
.persona .empresa, .empresa .persona {
	display: none;
}
.err-twice {
	background-color: #CCC4D2;
	height: 25px;
	width: 258px;
	border-radius: 5px;
	top: calc(100% + 17px);
	left: 30%;
	pointer-events: none;
	opacity: 0;
}
.err-twice.show {
	opacity: 1;
	left: calc(50% - 133px);
}
.err-twice::before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 9px 8px 9px;
	border-color: transparent transparent #ccc4d2 transparent;
	position: absolute;
	bottom: 100%;
	left: 18px;
}
.box-agent .data-agent {
	display: none;
}
.box-agent.show .data-agent {
	display: block;
}
.box-agent .bt-min-agent, .box-agent.show .bt-add-agent {
	display: none;
}
.box-agent.show .bt-min-agent {
	display: flex;
}
.box-agent h3 {
	border-bottom: 1px solid #8D94A5;
}
.bt-agent {
	height: 40px;
	background-color: #7c6c8a !important;
	transition: background-color .28s ease-in-out;
}
.bt-agent:hover {
	background-color: #574466 !important;
}
.bt-agent > span:first-of-type {
	height: 21px;
	width: 21px;
	border: 1px solid #574466;
}
/* ----- Step 01 ------------------------------------------------------------------ */

/* ----- Helpers ------------------------------------------------------------------ */
.box-info {
	height: 230px;
	transition: height .2s ease-in-out;
}
.box-info.hidden, .box-info h4 {
	height: 40px;
}
.box-info .icon-arrow-down {
	transition: transform .2s ease-in-out;
	transform: rotate(180deg);
}
.box-info.hidden .icon-arrow-down {
	transform: rotate(0);
}
.m-alert {
	background-color: #FFF2D3;
	border: 1px solid #E9AC20;
}
.m-alert .close-alert:hover {
	opacity: .8;
}
.info {
	background: #E6E2E8;
	border: 1px solid #CCC4D2;
}
.wom .mw-356-px {
	max-width: 356px;
}
.input-active .input-group-example, .input-filled .input-group-example {
	opacity: 0;
}
.btn {
	max-width: 280px !important;
}
/* ----- Helpers ------------------------------------------------------------------ */