@charset "UTF-8";
#container{
background-color: #FFF !important;
}
.color-guinda {
	color: #611232 !important;
}

.footer-help {
	background: rgba(128, 128, 128, 0.08) !important;
	padding-top: 1em;
	padding-bottom: 1em;
}

li::marker {
	color: #161A1D;
}
.llave-logo{
		width: 113px;height: 76px; margin-top: -12px;
    }
@media screen and (min-width: 641px) {
.circleMobile{
	display:none;
}
.circle {
	width: 92px;
	height: 92px;
	background-color: #A57F2C;
	color: white;
	font-size: 48px;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	margin: 0 auto;
}
}
@media screen and (max-width: 465px) {
	.llave-logo{
		width: 100px !important;
    	height: 63px !important; 
    	margin-top: 0px !important;
    }

}
@media screen and (min-width: 900px) {
	.bbj-panel-titulo {
		background-image: url(/resources/img/bbj-fondo-titulo.jpg) !important;
		background-position: center;
        background-size: cover !important;
		background-repeat: no-repeat !important;
		padding: 110px 138px !important;
	}
	.bbj-output-titulo1 {
		color: #FFF;
		font-family: Noto Sans !important;
		font-size: 40px !important;
		font-style: normal;
		font-weight: 700;
		line-height: 70px !important;
		margin: 0;
	}
	.bbj-output-subtitulo1 {
		color: #FFF;
		font-family: Noto Sans !important;
		font-size: 32px !important;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
	}
	.bbj-output-subtitulo2 {
		color: #FFF;
		font-family: Noto Sans !important;
		font-size: 20px !important;
		font-style: normal;
		font-weight: 500;
		line-height: normal;
	}
	.bbj-space-subtitulo2 {
		margin-right: 100px !important;
		padding-top: 4px !important;
	}
	.bbj-panel-titulo-descripcion {
		background-image: url(/resources/img/bbj-fondo-subtitulo.png) !important;
		background-size: 100% 100% !important;
		background-repeat: no-repeat;
		padding: 20px 0px !important;
	}
	.bbj-output-subtitulo3 {
		color: #FFF;
		font-family: Montserrat !important;
		font-size: 28px !important;
		font-style: normal;
		font-weight: 700;
		line-height: 35px;
	}
	.bbj-ouput-subtitulo4 {
		color: #FFF;
		text-align: center;
		font-family: Montserrat !important;
		font-size: 20px !important;
		font-style: normal;
		font-weight: 500;
		line-height: normal;
	}
	.bbj-panel-descripcion-estudiante {
		padding: 35px 5px 15px 5px !important;
	}
	.bbj-output-subtitulo4 {
		color: #916802;
		text-align: center;
		font-family: Montserrat !important;
		font-size: 40px !important;
		font-style: normal;
		font-weight: 700;
		line-height: normal !important;
	}
	.bbj-ouput-step {
		color: #916802;
		font-family: Montserrat !important;
		font-size: 20px !important;
		font-style: normal;
		font-weight: 600;
		line-height: normal;
	}
	.bbj-output-descripcion-sesion {
		color:  #161A1D;
		font-family: "Noto Sans" !important;
		font-size: 20px !important;
		font-style: normal;
		font-weight: 400;
		line-height: 22px; 
	}
	.bbj-output-descripcion-link {
		color: #611232 !important;
		font-family: Montserrat !important;
		font-size: 18px !important;
		font-style: normal;
		font-weight: 400;
		line-height: normal !important;
	}
	.bbj-space-button {
		text-align: center;
		padding-top: 16px !important;
	}
	.bbj-hr-registro {
		margin-top: 25px !important;
		margin-bottom: 25px;
		border-top: 1px solid #eee;
	}
	.bbj-height-descripcion {
		height: 6em !important;
	}
	.bbj-height-step-titulo {
		height: 2em !important;
	}
}

@media screen and (min-width: 901px) and (max-width: 1024px) {
	.bbj-panel-titulo {
		background-image: url(/resources/img/bbj-fondo-titulo.jpg) !important;
		background-size: 100% 100% !important;
		background-repeat: no-repeat !important;
		padding: 70px 10px !important;
	}
	.bbj-output-titulo1 {
		color: #FFF;
		font-family: Noto Sans !important;
		font-size: 36px !important;
		font-style: normal;
		font-weight: 700;
		line-height: 40px !important;
		margin: 0;
	}
	.bbj-output-subtitulo1 {
		color: #FFF;
		font-family: Noto Sans !important;
		font-size: 26px !important;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
	}
	.bbj-output-subtitulo2 {
		color: #FFF;
		font-family: Noto Sans !important;
		font-size: 18px !important;
		font-style: normal;
		font-weight: 500;
		line-height: normal;
	}
	.bbj-space-subtitulo2 {
		margin-right: 40px !important;
		padding-top: 10px !important;
	}
	.bbj-panel-titulo-descripcion {
		background-image: url(/resources/img/bbj-fondo-subtitulo.png) !important;
		background-size: 100% 100% !important;
		background-repeat: no-repeat;
		padding: 20px 0px !important;
	}
	.bbj-output-subtitulo3 {
		color: #FFF;
		font-family: Montserrat !important;
		font-size: 20px !important;
		font-style: normal;
		font-weight: 700;
		line-height: 35px;
	}
	.bbj-ouput-subtitulo4 {
		color: #FFF;
		text-align: center;
		font-family: Montserrat !important;
		font-size: 15px !important;
		font-style: normal;
		font-weight: 500;
		line-height: normal;
	}
	.bbj-panel-descripcion-estudiante {
		padding: 25px 0px 10px 0px !important;
	}
	.bbj-output-subtitulo4 {
		color: #916802;
		text-align: center;
		font-family: Montserrat !important;
		font-size: 22px !important;
		font-style: normal;
		font-weight: 700;
		line-height: normal !important;
	}
	.bbj-ouput-step {
		color: #916802;
		font-family: Montserrat !important;
		font-size: 18px !important;
		font-style: normal;
		font-weight: 600;
		line-height: normal;
	}
	.bbj-output-descripcion-sesion {
		color: #212121;
		font-family: Montserrat !important;
		font-size: 16px !important;
		font-style: normal;
		font-weight: 400;
		line-height: normal !important;
	}
	.bbj-output-descripcion-link {
		color: #611232 !important;
		font-family: Montserrat !important;
		font-size: 16px !important;
		font-style: normal;
		font-weight: 400;
		line-height: normal !important;
	}
	.bbj-space-button {
		text-align: center;
		padding-top: 7em !important;
	}
	.bbj-hr-registro {
		margin-top: 25px !important;
		margin-bottom: 25px;
		border-top: 1px solid #eee;
	}
	.bbj-height-descripcion {
		height: 7em !important;
	}
	.bbj-height-step-titulo {
		height: 3em !important;
	}
}

@media screen and (min-width: 641px) and (max-width: 900px) {
	.bbj-panel-titulo {
		background-image: url(/resources/img/bbj-fondo-titulo.jpg) !important;
		background-size: 100% 100% !important;
		background-repeat: no-repeat !important;
		padding: 60px 10px !important;
	}
	.bbj-output-titulo1 {
		color: #FFF;
		font-family: Noto Sans !important;
		font-size: 36px !important;
		font-style: normal;
		font-weight: 700;
		line-height: 40px !important;
		margin: 0;
	}
	.bbj-output-subtitulo1 {
		color: #FFF;
		font-family: Noto Sans !important;
		font-size: 26px !important;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
	}
	.bbj-output-subtitulo2 {
		color: #FFF;
		font-family: Noto Sans !important;
		font-size: 18px !important;
		font-style: normal;
		font-weight: 500;
		line-height: normal;
	}
	.bbj-space-subtitulo2 {
		margin-right: 40px !important;
		padding-top: 10px !important;
	}
	.bbj-panel-titulo-descripcion {
		background-image: url(/resources/img/bbj-fondo-subtitulo.png) !important;
		background-size: 100% 100% !important;
		background-repeat: no-repeat;
		padding: 20px 0px !important;
	}
	.bbj-output-subtitulo3 {
		color: #FFF;
		font-family: Montserrat !important;
		font-size: 20px !important;
		font-style: normal;
		font-weight: 700;
		line-height: 35px;
	}
	.bbj-ouput-subtitulo4 {
		color: #FFF;
		text-align: center;
		font-family: Montserrat !important;
		font-size: 15px !important;
		font-style: normal;
		font-weight: 500;
		line-height: normal;
	}
	.bbj-panel-descripcion-estudiante {
		padding: 25px 0px 10px 0px !important;
	}
	.bbj-output-subtitulo4 {
		color: #916802;
		text-align: center;
		font-family: Montserrat !important;
		font-size: 22px !important;
		font-style: normal;
		font-weight: 700;
		line-height: normal !important;
	}
	.bbj-ouput-step {
		color: #916802;
		font-family: Montserrat !important;
		font-size: 18px !important;
		font-style: normal;
		font-weight: 600;
		line-height: normal;
	}
	.bbj-output-descripcion-sesion {
		color: #212121;
		font-family: Montserrat !important;
		font-size: 16px !important;
		font-style: normal;
		font-weight: 400;
		line-height: normal !important;
	}
	.bbj-output-descripcion-link {
		color: #611232 !important;
		font-family: Montserrat !important;
		font-size: 16px !important;
		font-style: normal;
		font-weight: 400;
		line-height: normal !important;
	}
	.bbj-space-button {
		text-align: center;
		padding-top: 19em !important;
	}
	.bbj-hr-registro {
		margin-top: 205px;
		margin-bottom: 25px;
		border-top: 1px solid #eee;
	}
	.bbj-hr-registro {
		margin-top: 25px !important;
		margin-bottom: 25px;
		border-top: 1px solid #eee;
	}
	.bbj-height-descripcion {
		height: 10em !important;
	}
	.bbj-height-step-titulo {
		height: 5em !important;
	}
}

@media ( max-width : 640px) {
	.circle {
	width: 62px;
        height: 62px;
        background-color: #A57F2C;
        color: white;
        font-size: 37px;
        font-weight: bold;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        margin: 0 auto;
        padding: 0;
}
	.circleDeskt{
		display:none;
	}
	.bbj-panel-titulo {
		background-image: url(/resources/img/bbj-fondo-titulo.jpg) !important;
		background-repeat: no-repeat !important;
		padding: 37px 10px !important;
		background-size: cover !important;
        background-position: center;
	}
	.bbj-output-titulo1 {
		color: #FFF;
		font-family: Noto Sans !important;
		font-size: 30px !important;
		font-style: normal;
		font-weight: 700;
		line-height: 40px !important;
		margin: 0;
	}
	.bbj-output-subtitulo1 {
		color: #FFF;
		font-family: Noto Sans !important;
		font-size: 20px !important;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
	}
	.bbj-output-subtitulo2 {
		color: #FFF;
		font-family: Noto Sans !important;
		font-size: 15px !important;
		font-style: normal;
		font-weight: 500;
		line-height: normal;
	}
	.bbj-space-subtitulo2 {
		margin-right: 20px !important;
		padding-top: 0px !important;
	}
	.bbj-panel-titulo-descripcion {
		background-image: url(/resources/img/bbj-fondo-subtitulo.png) !important;
		background-size: 100% 100% !important;
		background-repeat: no-repeat;
		padding: 20px 0px !important;
	}
	.bbj-output-subtitulo3 {
		color: #FFF;
		font-family: Montserrat !important;
		font-size: 16px !important;
		font-style: normal;
		font-weight: 700;
		line-height: 35px;
	}
	.bbj-ouput-subtitulo4 {
		color: #FFF;
		text-align: center;
		font-family: Montserrat !important;
		font-size: 10px !important;
		font-style: normal;
		font-weight: 500;
		line-height: normal;
	}
	.bbj-panel-descripcion-estudiante {
		padding: 25px 0px 10px 0px !important;
	}
	.bbj-output-subtitulo4 {
		color: #916802;
		text-align: center;
		font-family: Montserrat !important;
		font-size: 22px !important;
		font-style: normal;
		font-weight: 700;
		line-height: normal !important;
	}
	.bbj-ouput-step {
		color: #916802;
		font-family: Montserrat !important;
		font-size: 16px !important;
		font-style: normal;
		font-weight: 600;
		line-height: normal;
	}
	.bbj-output-descripcion-sesion {
		color: #212121;
		font-family: Montserrat !important;
		font-size: 14px !important;
		font-style: normal;
		font-weight: 400;
		line-height: normal !important;
	}
	.bbj-output-descripcion-link {
		color: #611232 !important;
		font-family: Montserrat !important;
		font-size: 14px !important;
		font-style: normal;
		font-weight: 400;
		line-height: normal !important;
	}
	.bbj-space-button {
		text-align: center;
		padding-top: 2em !important;
	}
	.bbj-hr-registro {
		margin-top: 25px !important;
		margin-bottom: 25px;
		border-top: 1px solid #eee;
	}
	.bbj-height-descripcion {
		height: 3em !important;
	}
	.bbj-height-step-titulo {
		height: 2em !important;
	}
}

@media ( max-width : 320px) {
	.bbj-panel-titulo {
		background-image: url(/resources/img/bbj-fondo-titulo.jpg) !important;
		background-size: 100% 100% !important;
		background-repeat: no-repeat !important;
		padding: 5px 10px 5px 10px !important;
	}
	.bbj-output-titulo1 {
		color: #FFF;
		font-family: Noto Sans !important;
		font-size: 23px !important;
		font-style: normal;
		font-weight: 700;
		line-height: 35px !important;
		margin: 0;
	}
	.bbj-output-subtitulo1 {
		color: #FFF;
		font-family: Noto Sans !important;
		font-size: 16px !important;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
	}
	.bbj-output-subtitulo2 {
		color: #FFF;
		font-family: Noto Sans !important;
		font-size: 10px !important;
		font-style: normal;
		font-weight: 500;
		line-height: normal;
	}
	.bbj-space-subtitulo2 {
		margin-right: 10px !important;
		padding-top: 0px !important;
	}
	.bbj-panel-titulo-descripcion {
		background-image: url(/resources/img/bbj-fondo-subtitulo.png) !important;
		background-size: 100% 100% !important;
		background-repeat: no-repeat;
		padding: 20px 0px !important;
	}
	.bbj-output-subtitulo3 {
		color: #FFF;
		font-family: Montserrat !important;
		font-size: 16px !important;
		font-style: normal;
		font-weight: 700;
		line-height: 35px;
	}
	.bbj-ouput-subtitulo4 {
		color: #FFF;
		text-align: center;
		font-family: Montserrat !important;
		font-size: 10px !important;
		font-style: normal;
		font-weight: 500;
		line-height: normal;
	}
	.bbj-panel-descripcion-estudiante {
		padding: 25px 0px 10px 0px !important;
	}
	.bbj-output-subtitulo4 {
		color: #916802;
		text-align: center;
		font-family: Montserrat !important;
		font-size: 16px !important;
		font-style: normal;
		font-weight: 700;
		line-height: normal !important;
	}
	.bbj-ouput-step {
		color: #916802;
		font-family: Montserrat !important;
		font-size: 14px !important;
		font-style: normal;
		font-weight: 600;
		line-height: normal;
	}
	.bbj-output-descripcion-sesion {
		color: #212121;
		font-family: Montserrat !important;
		font-size: 14px !important;
		font-style: normal;
		font-weight: 400;
		line-height: normal !important;
	}
	.bbj-output-descripcion-link {
		color: #611232 !important;
		font-family: Montserrat !important;
		font-size: 14px !important;
		font-style: normal;
		font-weight: 400;
		line-height: normal !important;
	}
	.bbj-space-button {
		text-align: center;
		padding-top: 2em !important;
	}
	.bbj-hr-registro {
		margin-top: 25px !important;
		margin-bottom: 25px;
		border-top: 1px solid #eee;
	}
	.bbj-height-descripcion {
		height: 3em !important;
	}
	.bbj-height-step-titulo {
		height: 2em !important;
	}
}

.bbj-panel-titulo {
	background-image: url(/resources/img/bbj-fondo-titulo.jpg) !important;
	background-size: 100%;
	background-repeat: no-repeat;
	padding: 55px 138px 55px 138px;
}

.bbj-output-titulo1 {
	color: #FFF;
	font-family: Noto Sans !important;
	font-size: 56px;
	font-style: normal;
	font-weight: 700;
	line-height: 70px;
	margin: 0;
}

.bbj-output-subtitulo1 {
	color: #FFF;
	font-family: Noto Sans !important;
	font-size: 32px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.bbj-output-subtitulo2 {
	color: #FFF;
	font-family: Noto Sans !important;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.bbj-space-subtitulo2 {
	margin-right: 100px;
	padding-top: 16px;
}

.bbj-panel-titulo-descripcion {
	background-image: url(/resources/img/bbj-fondo-subtitulo.png) !important;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	padding: 20px 0px;
}

.bbj-output-subtitulo3 {
	color: #FFF;
	font-family: Montserrat !important;
	font-size: 28px;
	font-style: normal;
	font-weight: 700;
	line-height: 35px;
}

.bbj-ouput-subtitulo4 {
	color: #FFF;
	text-align: center;
	font-family: Montserrat !important;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.bbj-panel-descripcion-estudiante {
	padding: 35px 5px 15px 5px;
}

.bbj-output-subtitulo4 {
	color: #916802;
	text-align: center;
	font-family: Montserrat !important;
	font-size: 28px;
	font-style: normal;
	font-weight: 700;
	line-height: 35px;
}

.bbj-ms-panel-seccion {
	border-radius: 16px;
	box-shadow: 0px 0px 43.5px 0px rgba(0, 0, 0, 0.24);
	padding: 28px 24px;
	flex-direction: column;
	align-items: center;
	gap: 24px;
	flex: 1 0 0;
	align-self: stretch;
}

.bbj-ouput-step {
	color: #916802;
	font-family: Montserrat !important;
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}

.bbj-output-descripcion-link {
	color: #611232 !important;
	font-family: Montserrat !important;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}

.bbj-space-button {
	text-align: center;
	padding-top: 8em;
}

.btn-guinda {
	color: #fff !important;
	font-family: Montserrat !important;
	font-size: 14px !important;
	background-color: #611232 !important;
	font-weight: 600;
	text-align: center;
	height: 44px;
	padding: 8px 24px;
	justify-content: center;
	align-items: center;
	align-self: stretch;
	border-radius: 8px;
}

.btn-guinda.ui-button.ui-state-focus {
	box-shadow: none !important;
	background: #88185B !important;
}

.btn-guinda.ui-button.ui-state-hover {
	box-shadow: none !important;
	background: #88185B !important;
}

.btn-blanco {
	color: #611232 !important;
	font-family: Montserrat !important;
	font-size: 14px !important;
	background-color: #fff !important;
	border: 1px solid #611232 !important;
	font-weight: 600;
	text-align: center;
}

.bbj-hr-registro {
	margin-top: 25px;
	margin-bottom: 25px;
	border-top: 1px solid #eee;
}

.bbj-height-descripcion {
	height: 20em;
}

.bbj-height-step-titulo {
	height: 5em;
}

label {
    display: inline !important;
    margin-bottom: 5px;
}