/*!
 * Colores Consorcio 2024
*/

/******************************************
 Colors
******************************************/
/* Primary */





/* Secondary */





/* Semantics */



/* Complementary */








/* Expanded */




/******************************************
 Transition
******************************************/



html, body {
	overflow-x: hidden;
}
a {
	color: #0A3682;
	text-decoration: none;
}
a:hover {
	color: #0A3682;
	text-decoration: none;
}
.title-frame {
	background: #FAFBFD;
	color: #003DA5;
	font-weight: bold;
	font-size: 24px;
	line-height: 32px;
	height: 84px;
}
.wallet {
	padding-top: 24px;
	height: 84px;
	border-bottom: 4px solid #003DA5;
	padding-right: 0;
	padding-left: 0;
	margin-left: 15px;
}
.frame-title {
	padding-left: 15px;
}
.title {
	display: contents;
	height: 84px;
}
.header-top {
	background: white;
	color: rgb(0, 48, 88);
	font-size: 14px;
	padding-top: 11px;
	padding-bottom: 11px;
	border-bottom: 1.5px solid rgb(245, 245, 245);
}
.header-logo {
	background: white;
	border-bottom: 1.5px solid rgb(245, 245, 245);
}

.logout {
	text-align: right;
	cursor: pointer;
}
.footer-top {
	background: #003DA5;
	height: 104px;
	margin-top: 112px;
}
.footer-down {
	background: #FFFFFF;
	height: 72px;
}
.contents {
	display: contents;
}
.logo-footer {
	padding-top:30px;
}
.message-footer {
	margin-top:30px;
	color: #003DA5;
	font-size: 12px;
	line-height: 18px;
}
.logos-bottom-footer {
	margin-top: 20px;
	text-align: right;
}
.logos-bottom-footer img:first-of-type {
	width: 83px;
	height: 25px;
	margin-right: 35px;
}
.loading {
	width: 100vw;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.3);
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9;
}
.loading .icon {
  position: absolute;
	background: url(https://d17mh033okktwq.cloudfront.net/uploads/9613034b-1276-4801-ac4a-8108478e26eb/original/Eclipse-v1.svg);
	height: 200px;
	width: 200px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.modal-frame {
	width: 100vw;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.3);
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9;
	opacity: 0;
  transition: visibility 0s, opacity 0.1s linear;
}
.modal-frame .content-modal {
	background: #FFFFFF;
	box-shadow: 0px 10px 20px rgba(148, 148, 148, 0.25);
	position: absolute;
	width: 500px;
	height: 100vh;
	padding: 20px 24px 0 53px;
	right: 0;
	top: 0;
}
.modal-frame .content-modal h1 {
	font-weight: bold;
	font-size: 24px;
	line-height: 32px;
	color: #003DA5;
}
.modal-frame .content-modal .close-button {
	margin-top: 4px;
	margin-right: 5px;
	font-weight: normal;
	font-size: 14px;
	line-height: 20px;
	text-align: right;
	color: #0A3682;
	cursor: pointer;
}
.show-opacity {
	opacity: 1;
}
.combo-seguro {
	width: 227px;
	font-weight: normal;
	font-size: 24px;
	line-height: 33px;
	cursor: pointer;
	background: url(https://d17mh033okktwq.cloudfront.net/uploads/5dcd0a01-ecca-41fa-9c0f-e7d7ab02b4f0/original/combo-chevron-down.svg) no-repeat 90% center;
	padding-left: 16px;
}
.combo-seguro img:first-of-type {
	height: 30px;
	width: 30px;
}
.combo-seguro img:last-of-type {
	height: 24px;
	width: 24px;
}

.options-seguros {
	position: absolute;
  background: #FFFFFF;
  z-index: 9;
	box-shadow: 0px 10px 20px rgba(148, 148, 148, 0.25);
	border-radius: 4px;
	display: none;
}
.options-seguros ul {
	padding: 0;
	margin: 0;
}
.options-seguros li {
	width: 227px;
	height: 48px;
	padding-left: 16px;
	list-style: none;
	font-weight: normal;
	font-size: 24px;
	line-height: 48px;
	color: #003DA5;
	cursor: pointer;
}
.options-seguros li img {
	width: 24px;
}
.rotate {
	-moz-transform:rotate(180deg);  
  -webkit-transform:rotate(180deg);  
  -o-transform:rotate(180deg);  
  -ms-transform:rotate(180deg);  
}

/*!
 * Colores Consorcio 2024
*/

/******************************************
 Colors
******************************************/
/* Primary */





/* Secondary */





/* Semantics */



/* Complementary */








/* Expanded */




/******************************************
 Transition
******************************************/


/************
	Colors
************/

.cns__color--primary {
	color: rgb(0, 48, 88);
}
.cns__color--primary-dark {
	color: rgb(0, 12, 22);
}
.cns__color--sky-regular {
	color: rgb(0, 151, 204);
}
.cns__color--neutral-400 {
	color: rgb(74, 74, 74);
}
.cns__color--neutral-200 {
	color: rgb(102, 102, 102);
}
.cns__color--neutral-100 {
	color: rgb(117, 117, 117);
}
.cns__color--grey-alter {
	color: rgb(70, 71, 73)
}

/************
	Backgrounds
************/

.cns__bg__blue--regular {
	background: rgb(0, 48, 88);
}
.cns__bg__blue--dark {
	background: rgb(0, 12, 22);
}
.cns__bg__blue--navy {
	background: rgb(0, 38, 61);
}
.cns__bg__neutral--040 {
	background: rgb(222, 222, 222);
}
.cns__bg__neutral--020 {
	background: rgb(245, 245, 245);
}

/************
	Fonts
************/

.font-main-bold,
.font-weight-bold {
	font-weight: 600!important;
}
.cns__font--display-52 {
	font-size: 52px;
}
.cns__font--display-46 {
	font-size: 46px;
}
.cns__font--display-44 {
	font-size: 44px;
}
.cns__font--display-40 {
	font-size: 40px;
}
.cns__font--display-38 {
	font-size: 38px;
}
.cns__font--display-34 {
	font-size: 34px;
}
.cns__font--display-32 {
	font-size: 32px;
}

.cns__font--title-sm {
	font-size: 20px;
}
.cns__font--title-md {
	font-size: 22px;
}
.cns__font--title-lg {
	font-size: 24px;
}
.cns__font--title-xl {
	font-size: 26px;
}
.cns__font--title-xxl {
	font-size: 28px;
}

.cns__font--body-sm {
	font-size: 12px;
}
.cns__font--body-md {
	font-size: 14px;
}
.cns__font--body-lg {
	font-size: 16px;
}
.cns__font--body-xl {
	font-size: 18px;
}

@media screen and (min-width: 992px) {
	.cns__lg__font--display-52 {
		font-size: 52px!important;
	}
	.cns__lg__font--display-46 {
		font-size: 46px!important;
	}
	.cns__lg__font--display-44 {
		font-size: 44px!important;
	}
	.cns__lg__font--display-40 {
		font-size: 40px!important;
	}
	.cns__lg__font--display-38 {
		font-size: 38px!important;
	}
	.cns__lg__font--display-34 {
		font-size: 34px!important;
	}
	.cns__lg__font--display-32 {
		font-size: 32px!important;
	}
	
	.cns__lg__font--title-sm {
		font-size: 20px!important;
	}
	.cns__lg__font--title-md {
		font-size: 22px!important;
	}
	.cns__lg__font--title-lg {
		font-size: 24px!important;
	}
	.cns__lg__font--title-xl {
		font-size: 26px!important;
	}
	.cns__lg__font--title-xxl {
		font-size: 28px!important;
	}

	.cns__lg__font--body-sm {
		font-size: 12px!important;
	}
	.cns__lg__font--body-md {
		font-size: 14px!important;
	}
	.cns__lg__font--body-lg {
		font-size: 16px!important;
	}
	.cns__lg__font--body-xl {
		font-size: 18px!important;
	}
}


/************
	Buttons
************/

.cns__btn {
	display: inline-block;
	padding: 8px 16px;
	min-height: 40px;
	text-decoration: none;
	border-radius: 8px;
	transition: all .4s ease;
}
.cns__btn:hover {
	text-decoration: none;
}

.cns__btn--primary {
	color: white;
	background: rgb(0, 48, 88);
}
.cns__btn--primary:hover {
	color: white;
	background: rgb(0, 12, 22);
}

.cns__btn--secondary {
	color: white;
	background: rgb(0, 151, 204);
}
.cns__btn--secondary:hover {
	color: white;
	background: rgb(0, 102, 138);
}

.cns__btn--outline {
	color: rgb(0, 48, 88);
	border: 2px solid rgb(0, 48, 88);
}
.cns__btn--outline:hover {
	color: white;
	background: rgb(0, 48, 88);
}
.cns__btn--outline:hover svg > *{
	fill: white!important;
}

.cns__btn--outline-white {
	color: white;
	border: 2px solid white;
}
.cns__btn--outline-white:hover {
	color: rgb(0, 48, 88);
	background: white;
}
.cns__btn--outline-white:hover svg > *{
	fill: rgb(0, 48, 88)!important;
}

.cns__footer--sucursal {
	padding: 16px 0 40px 0;
	border-bottom: 8px solid rgb(0, 151, 204);
}

@media screen and (min-width: 992px) {
	.cns__footer--sucursal {
		padding: 24px 0 40px 0;
	}
}