body { color: #4f504f; background: #fff; font-family: "Ubuntu", Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 400; line-height: 1.42857143;}
/*HEADER*/
.referidos__head .logo {height: 110px; display: flex; align-items: center; margin: 0;}
@media screen and (max-width: 991px) {
	.referidos__head {position: static; border: none; box-shadow: none;}
	.referidos__head .logo {height: 80px;}
}

/*MAIN*/
.referidos__intro-cols {justify-content: space-between; gap: 26px; display: flex;}
.left-col {width: 100%; max-width: 734px;}
.right-col {width: 100%; max-width: 390px; position: relative;}
@media screen and (max-width: 991px) {
	.referidos__intro-cols {flex-direction: column; gap: 60px;}
	.left-col {max-width: 100%;}
	.right-col {max-width: 100%;}
}

/*TITLE*/
.referidos__main {position: relative;}
.referidos__main-image {border-radius: 25px;}
.referidos__main-image img {border-radius: 25px; object-fit: cover; min-height: 667px;}
.referidos__main-text {position: absolute; left: 0; bottom: 53px; padding-left: 39px;}
.referidos__main-title {padding: 10px 20px 10px 20px; border-radius: 15px 25.077px 25.077px 0px; background: #008AC9; color: #fff; font-size: 36px; font-weight: 500; line-height: 1.1; display: inline-block; margin: 0;}
.referidos__main-title + .referidos__main-title {margin-top: 10px;}
.referidos__main-subtitle {padding: 5px 8px 6px 20px; border-radius: 15px 25.077px 25.077px 0px; background: #42A905; color: #fff; font-size: 26px; font-weight: 500; line-height: 1.3; display: inline-flex; gap: 10px; align-items: center; margin: 25px 0 0 0;}
@media screen and (max-width: 1199px) {
	.referidos__main-text {padding-left: 15px; padding-right: 15px;}
}
@media screen and (max-width: 767px) {
	.referidos__main-text {bottom: 25px;}
	.referidos__main-title {font-size: 26px; padding-left: 15px; padding-right: 15px;}
	.referidos__main-subtitle {font-size: 16px; padding-left: 15px;}
	.referidos__main-image,
	.referidos__main-image img {border-radius: 12px}
}

/*FORM COLUMN*/
.referidos__form {border-radius: 12px; background: rgba(237, 237, 237, 0.50); padding: 35px 25px; display: flex; flex-direction: column; justify-content: center; height: 100%;}
.referidos__form .btnWA { font-size: 16px; color: #42a905; text-decoration: none;}
.referidos__form .btnWA:hover { text-decoration: underline;}
.referidos__form .btnWA .fa-whatsapp { display: inline-block; margin-left: 5px;}
.referidos__form .solicitud-formulario {border: none; padding: 0;}
.referidos__pasos {position: absolute; top: -35px; right: 8px;}
.referidos__pasos-text {color: rgba(65, 65, 65, 0.70); font-size: 18px; line-height: 1.62; margin: 0;}
.referidos__form-title {color: #42A905; font-size: 24px; font-weight: 500; line-height: 1.39; margin: 0 0 23px 0;}
.referidos__form .solicitud-formulario .form-group {padding: 0; margin-bottom: 16px;}
.referidos__form .solicitud-formulario .control-label {padding: 0; margin: 0 0 8px 0; color: #414141; font-size: 16px; line-height: 1.1;}
.referidos__form .solicitud-formulario .form-control::-webkit-input-placeholder { color: #B6B6B6;}
.referidos__form .solicitud-formulario .form-control:-moz-placeholder { color: #B6B6B6; opacity: 1;}
.referidos__form .solicitud-formulario .form-control::-moz-placeholder { color: #B6B6B6; opacity: 1;}
/* .referidos__form .solicitud-formulario .form-control:-ms-input-placeholder { color: #B6B6B6;} */
.referidos__form .solicitud-formulario .form-control:placeholder {color: #B6B6B6;}
.referidos__form .solicitud-formulario .form-control {color: #414141; font-size: 16px; line-height: 1.1; padding: 0 20px; height: 50px; border-radius: 4px; border: 1px solid #A9A9A9; background: #FFF;}
/**/
.referidos__foot {border-top: 1px solid #B6B6B6; display: flex; justify-content: space-between; align-items: center; gap:15px}
.referidos__foot-check {width: 100%; max-width: 181px;}
.referidos__form .solicitud-formulario .referidos__foot-check .form-group {margin: 0;}
.referidos__form .solicitud-formulario .referidos__foot.form-group {padding-top: 33px; margin: 0;}
.referidos__foot-check label {display: flex; align-items: center; gap: 10px;}
.referidos__foot-check-label {color: #414141; font-size: 15px; line-height: 1.2;}
.referidos__foot-check-label a {color: #008AC9;}
.referidos__foot-cta {width: 100%; max-width: 159px;}
.referidos__form .solicitud-formulario .btn {border-radius: 20px; border: none; background: #42A905; height: 42px; color: #fff; font-size: 16px; font-weight: 500; width: 100%;}
/**/
.referidos__form .solicitud-formulario .error input { border: 1px solid #c90042; position: relative; z-index: 2;}
.referidos__form .solicitud-formulario .error .error-message { display: block; position: relative; background: #c90042; color: #fff; text-align: left; font-size: 13px; padding: 7px 8px 3px 8px; margin-top: -5px; border-radius: 4px; z-index: 1;}
.referidos__form .solicitud-formulario .error #spnchkTerminos.error-message { text-align: center; background: #c90042; color: #fff; font-style: normal; width: 100%; margin: 5px auto 0 auto; position: static;}
.referidos__form .solicitud-formulario .error #spnchkTerminos.error-message:after {display: none;}
.referidos__form .solicitud-formulario #spnreCaptcha.error-message { background: #c90042; color: #fff; width: 100%; margin: auto; display: block; padding: 7px 8px 3px 8px; font-size: 13px; border-radius: 4px;}
.referidos__form .solicitud-formulario .form-group.error { background: none;}
.referidos__form .solicitud-formulario .form-group.doble-campo.error .error-message { margin-left: -120px;}
.referidos__form .solicitud-formulario .form-group.error label,
.referidos__form .solicitud-formulario .form-group.error label a { color: #c90042;}
@media screen and (max-width: 990px) {
	.referidos__foot {justify-content: flex-end;}
}
@media screen and (max-width: 767px) {
	.referidos__form {padding: 25px 15px;}
}

/*PROGRAMA*/
.programa-referidos {background: rgba(237, 237, 237, 0.50); padding-top: 50px; margin-top: 84px; padding-bottom: 100px;}
.programa-referidos__head {margin-bottom: 50px; text-align: center;}
.programa-referidos__head-title {color: #414141; font-size: 29px; font-weight: 700; line-height: 1.27; margin: 0;}
.programa-referidos__head-text {color: #414141; font-size: 22px; line-height: 1.145; margin: 0;}
.programa-referidos__pasos {display: flex; width: 100%; max-width: 1040px; justify-content: space-between; margin: 0 auto;}
.programa-referidos__card {width: 280px; height: 185px; padding: 30px 25px; border-radius: 12px; background: #fff; box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.20); text-align: center;}
.programa-referidos__card-num {margin: 0;}
.programa-referidos__card-text {color: #414141; font-size: 20px; font-weight: 500; line-height: 1.4; margin: 14px 0 0 0;}
.programa-referidos__card-space {position: relative;}
.programa-referidos__card-bot:after {content: ""; position: absolute; background: url(images/line-bottom.svg) no-repeat; width: 165px; height: 69px; left: 50%; bottom: -41px; transform: translateX(-50%);}
.programa-referidos__card-top:before {content: ""; position: absolute; background: url(images/line-top.svg) no-repeat; width: 155px; height: 70px; left: 50%; top: -37px; transform: translateX(-50%);}
.programa-referidos__foot {margin-bottom: 60px; text-align: center;}
.programa-referidos__foot-icon {margin: 0;}
.programa-referidos__foot-title {color: #42A905; margin: 17px 0 15px 0; font-size: 26px; font-weight: 500; line-height: 1.2;}
.programa-referidos__foot-text {color: #414141; font-size: 17px; line-height: 1.56; margin: 0;}
@media screen and (max-width: 1199px) {
	.programa-referidos__card {width: 250px; padding: 30px 15px; height: auto;}
}
@media screen and (max-width: 991px) {
	.programa-referidos__pasos {gap: 15px;}
	.programa-referidos__card-bot:after,
	.programa-referidos__card-top:before {display: none;}
	.programa-referidos__card {width: 100%;}
	.programa-referidos__card br {display: none;}
}
@media screen and (max-width: 767px) {
	.programa-referidos {margin-top: 40px; padding-top: 35px; padding-bottom: 35px;}
	.programa-referidos__head {margin-bottom: 25px;}
	.programa-referidos__head-title {font-size: 24px;}
	.programa-referidos__head-text {font-size: 18px;}
	.programa-referidos__pasos {flex-direction: column;}
	.programa-referidos__foot {margin-top: 70px;}
	.programa-referidos__foot-title {font-size: 20px;}
	.programa-referidos__foot-title br {display: none;}
	.programa-referidos__foot-text {font-size: 15px;}
}

/*FAQ*/
.referidos-faq {padding-top: 74px; padding-bottom: 87px;}
.referidos-faq__title {text-align: center; color: #42A905; font-size: 32px; font-weight: 500; line-height: 1.1; margin: 0 0 51px 0;}
.referidos-faq .acordion-group {margin: 0 auto; max-width: 780px; width: 100%;}
.referidos-faq .acordion-box {border: none; border-bottom: 1px solid #f2f2f2; margin-bottom: 1px;}
.referidos-faq .acordion-box h3 {font-size: 18px; background: #fff; font-weight: 400; color: #414141; padding: 12px 0; border: none;}
.referidos-faq .acordion-box h3 a {display: flex; justify-content: space-between; color: #414141; text-decoration: none;}
.referidos-faq .acordion-box h3 a:before {display: none;}
.referidos-faq .acordion-box h3 a:after {content: "\f078";	display: inline-block; font: normal normal normal 13px / 1 FontAwesome; text-rendering: auto; margin-right: 10px; transition: all 0.5s ease-in-out 0s;	color: #414141;}
.referidos-faq .acordion-box.active h3 a:after {transform: rotate(180deg);}
.referidos-faq .acordion-box .accordion-body {padding: 15px; display: none;}
@media screen and (max-width: 767px) {
	.referidos-faq {padding-top: 35px; padding-bottom: 35px;}
	.referidos-faq__title {font-size: 24px; margin-bottom: 25px;}
}

/*FOOTER*/
.referidos-footer {border-top: 1px solid #DADADA; padding-top: 75px; padding-bottom: 45px;}
.referidos-footer__cols {display: flex; align-items: center; justify-content: space-between;}
.referidos-footer .seguinos {padding: 0;}
.referidos-footer .seguinos ul {gap: 25px;}
.referidos-footer .seguinos li {font-size: 22px;}
.referidos-footer .seguinos li a {color: #42A905;}
.referidos-footer .seguinos .fa-facebook-square,
.referidos-footer .seguinos .fa-instagram,
.referidos-footer .seguinos .fa-linkedin-square {color: #42A905;}
.referidos-footer .seguinos .fa-twitter {background-image: url("data:image/svg+xml,%3Csvg width='300' height='271' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%2342A905' d='m236 0h46l-101 115 118 156h-92.6l-72.5-94.8-83 94.8h-46l107-123-113-148h94.9l65.5 86.6zm-16.1 244h25.5l-165-218h-27.4z'/%3E%3C/svg%3E");}
.referidos-footer__legales {margin-top: 51px;}
.referidos-footer__legales p {color: #777; font-size: 13px; line-height: 1.46; margin: 0;}
.referidos-footer__copy {margin-top: 40px;}
.referidos-footer__copy p {margin: 0; color: #777; font-size: 13px; line-height: 1.46;}
.referidos-footer__copy h5 {margin: 0; color: #777; font-size: 13px; line-height: 1.46;}
.referidos-footer__copy h5 a {color: #777; text-decoration: underline;}
@media screen and (max-width: 767px) {
	.referidos-footer {padding-top: 30px; padding-bottom: 30px;}
	.referidos-footer__legales {margin-top: 25px;}
	.referidos-footer__cols {flex-direction: column; gap: 25px}
}

/*MENSAJE DE OK*/
.referidos__form-ok {text-align: center;}
.referidos__form-ok .success-msg:before {content: ""; display: inline-block; background: url(images/smile-icon.svg) no-repeat; width: 60px; height: 59px;}
.referidos__form-ok h3 {margin: 0; color: #42A905; font-size: 30px; font-weight: 500; line-height: 1.39;}
.referidos__form-ok p {margin: 0; color: #414141; font-size: 16px; line-height: 1.1;}
 
/*MENSAJE DE NO CLIENTE*/
.referidos__form-exclusivo {text-align: center;}
.referidos__form-exclusivo h3 {margin: 0; color: #42A905; font-size: 30px; font-weight: 500; line-height: 1.27;}
.referidos__form .solicitud-formulario .referidos__form-exclusivo .btn {margin: 34px auto 0 auto; border-radius: 20px; border: none; background: #008AC9; color: #fff; font-size: 16px; font-weight: 500; line-height: 1.62; height: 42px; width: 100%; max-width: 190px; padding: 0; font-family: "Ubuntu"; display: inline-flex; align-items: center; justify-content: center;}

/*FORM REFERIDO EMPRESAS*/
.referidos__form-text {color: #414141; font-size: 16px; line-height: 1.39; margin: -26px 0 15px 0;}
.empresas-titulo {margin: 0 0 13px 0; color: #008AC9; font-size: 16px; font-weight: 500; line-height: 1.1;}
.empresas-check .empresas-switch { position: relative; display: inline-block; max-width: 100%; margin: 0;}
.empresas-check .empresas-switch p { display: inline-block; margin: 0; padding-right: 50px; color: #414141; font-size: 16px; font-weight: 500; line-height: 1.1;}
.empresas-check .empresas-switch input { opacity: 0; width: 0; height: 0;}
.empresas-check .slider-switch { position: absolute; cursor: pointer; border-radius: 15px; top: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; width: 35px; height: 22px;}
.empresas-check .slider-switch:before { position: absolute; content: ""; border-radius: 50%; border: 1px solid #ccc; height: 22px; width: 22px; left: -1px; bottom: 0; background-color: #fff; -webkit-transition: .4s; transition: .4s;}
.empresas-check input:checked + .slider-switch { background-color:#0082c5;}
.empresas-check input:focus + .slider-switch { box-shadow: 0 0 1px #0082c5;}
.empresas-check input:checked + .slider-switch:before { -webkit-transform: translateX(14px); -ms-transform: translateX(14px); transform: translateX(14px); border: 1px solid #0082c5;}
/*disabled*/
.empresas-check .empresas-switch.disabled { color: #e4e4e4;}
.empresas-check input:disabled + .slider-switch { background-color:#e4e4e4;}
.empresas-check input:disabled + .slider-switch:before { border: 1px solid #e4e4e4;}
/*ADD REFERIDO BTN*/
.solicitud-formulario .form-group .add-referidos {width: 100%; max-width: 200px;}
.solicitud-formulario .form-group .add-referidos a { display: inline-flex; width: 100%; max-width: 200px; align-items: center; justify-content: center; height: 42px; border-radius: 20px; background: #008AC9; color: #fff; font-size: 16px; line-height: 1.1;}
.solicitud-formulario .form-group .add-referidos + .referidos__foot-cta {max-width: 135px;}
@media screen and (max-width: 430px) {
	.referidos__foot {flex-direction: column;}
	.solicitud-formulario .form-group .add-referidos + .referidos__foot-cta,
	.solicitud-formulario .form-group .add-referidos,
	.solicitud-formulario .form-group .add-referidos a { max-width: unset;}
}


.AjaxOverlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #eee;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	z-index: 10000;
}
.AjaxLoader {
    display: block;
    position: fixed;
    font-size: 0;
    color: #1770E6;
    left: 50%;
    top: calc(50% - 22px);
    width: 45px;
    height: 45px;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
	z-index:10001;
	opacity: 1;
}
.AjaxLoader div {
    position: absolute;
    bottom: -16px;
    left: 50%;
    border-radius: 100%;
    display: inline-block;
    float: none;
    width: 38px;
    height: 38px;
    background: transparent;
    border-style: solid;
    border-width: 2px;
    border-right-color: transparent;
    border-left-color: transparent;
    -webkit-animation: ball-clip-rotate-pulse-rotate 1s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
    animation: ball-clip-rotate-pulse-rotate 1s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
}
@-webkit-keyframes ball-clip-rotate-pulse-rotate {
	 0% {
		 -webkit-transform: translate(-50%, -50%) rotate(0);
		 transform: translate(-50%, -50%) rotate(0);
	}
	 50% {
		 -webkit-transform: translate(-50%, -50%) rotate(180deg);
		 transform: translate(-50%, -50%) rotate(180deg);
	}
	 100% {
		 -webkit-transform: translate(-50%, -50%) rotate(360deg);
		 transform: translate(-50%, -50%) rotate(360deg);
	}
}
@-moz-keyframes ball-clip-rotate-pulse-rotate {
	 0% {
		 -moz-transform: translate(-50%, -50%) rotate(0);
		 transform: translate(-50%, -50%) rotate(0);
	}
	 50% {
		 -moz-transform: translate(-50%, -50%) rotate(180deg);
		 transform: translate(-50%, -50%) rotate(180deg);
	}
	 100% {
		 -moz-transform: translate(-50%, -50%) rotate(360deg);
		 transform: translate(-50%, -50%) rotate(360deg);
	}
}
@-o-keyframes ball-clip-rotate-pulse-rotate {
	 0% {
		 -o-transform: translate(-50%, -50%) rotate(0);
		 transform: translate(-50%, -50%) rotate(0);
	}
	 50% {
		 -o-transform: translate(-50%, -50%) rotate(180deg);
		 transform: translate(-50%, -50%) rotate(180deg);
	}
	 100% {
		 -o-transform: translate(-50%, -50%) rotate(360deg);
		 transform: translate(-50%, -50%) rotate(360deg);
	}
}
@keyframes ball-clip-rotate-pulse-rotate {
	 0% {
		 -webkit-transform: translate(-50%, -50%) rotate(0);
		 -moz-transform: translate(-50%, -50%) rotate(0);
		 -o-transform: translate(-50%, -50%) rotate(0);
		 transform: translate(-50%, -50%) rotate(0);
	}
	 50% {
		 -webkit-transform: translate(-50%, -50%) rotate(180deg);
		 -moz-transform: translate(-50%, -50%) rotate(180deg);
		 -o-transform: translate(-50%, -50%) rotate(180deg);
		 transform: translate(-50%, -50%) rotate(180deg);
	}
	 100% {
		 -webkit-transform: translate(-50%, -50%) rotate(360deg);
		 -moz-transform: translate(-50%, -50%) rotate(360deg);
		 -o-transform: translate(-50%, -50%) rotate(360deg);
		 transform: translate(-50%, -50%) rotate(360deg);
	}
}
@-webkit-keyframes ball-clip-rotate-pulse-scale {
	 0%, 100% {
		 opacity: 1;
		 -webkit-transform: translate(-50%, -50%) scale(1);
		 transform: translate(-50%, -50%) scale(1);
	}
	 30% {
		 opacity: 0.3;
		 -webkit-transform: translate(-50%, -50%) scale(0.15);
		 transform: translate(-50%, -50%) scale(0.15);
	}
}
@-moz-keyframes ball-clip-rotate-pulse-scale {
	 0%, 100% {
		 opacity: 1;
		 -moz-transform: translate(-50%, -50%) scale(1);
		 transform: translate(-50%, -50%) scale(1);
	}
	 30% {
		 opacity: 0.3;
		 -moz-transform: translate(-50%, -50%) scale(0.15);
		 transform: translate(-50%, -50%) scale(0.15);
	}
}
@-o-keyframes ball-clip-rotate-pulse-scale {
	 0%, 100% {
		 opacity: 1;
		 -o-transform: translate(-50%, -50%) scale(1);
		 transform: translate(-50%, -50%) scale(1);
	}
	 30% {
		 opacity: 0.3;
		 -o-transform: translate(-50%, -50%) scale(0.15);
		 transform: translate(-50%, -50%) scale(0.15);
	}
}
@keyframes ball-clip-rotate-pulse-scale {
	 0%, 100% {
		 opacity: 1;
		 -webkit-transform: translate(-50%, -50%) scale(1);
		 -moz-transform: translate(-50%, -50%) scale(1);
		 -o-transform: translate(-50%, -50%) scale(1);
		 transform: translate(-50%, -50%) scale(1);
	}
	 30% {
		 opacity: 0.3;
		 -webkit-transform: translate(-50%, -50%) scale(0.15);
		 -moz-transform: translate(-50%, -50%) scale(0.15);
		 -o-transform: translate(-50%, -50%) scale(0.15);
		 transform: translate(-50%, -50%) scale(0.15);
	}
}