body {
  background: #F2F2F2;
  padding-top: 80px;
}
.contenedor {
  position: relative;
width: 784px;
height: 520px;
/* left: 0px; */
/* top: 0px; */
background: #FAFCFF;
box-shadow: 0px 2.25px 5.25px rgba(0, 51, 102, 0.1), 0px 1px 1px rgba(0, 51, 102, 0.2);
border-radius: 8px;
margin: 0 auto;
}
.contenedor-2 {
  position: relative;
width: 740px;
height: 480px;
/* left: 0px; */
/* top: 0px; */
background: #FAFCFF;
box-shadow: 0px 2.25px 5.25px rgba(0, 51, 102, 0.1), 0px 1px 1px rgba(0, 51, 102, 0.2);
border-radius: 8px;
margin: 0 auto;
}
.cuadro-1 {
  position: absolute;
  width: 320px;
  height: 500px;
  left: 0px;
  top: 0px;
    z-index: 999999;
}


.cuadro-1 .valor {
  position: absolute;
  height: 60px;
  left: 0px;
  right: 8px;
  top: calc(50% - 60px/2 - 12.5px);
  font-family: 'PFBeauSansPro-Light';
  font-style: normal;
  font-weight: 300;
  font-size: 44px;
  line-height: 53px;
  align-items: center;
  text-align: center;
  letter-spacing: 4px;
  color: #5C6166;
}
.cuadro-1 .valor span{
  font-family: 'MyriadPro-Regular';
}
.cuadro-1 .texto-peq {
  position: absolute;
  height: 19px;
  left: 0px;
  right: 0px;
  top: calc(50% - 19px/2 + 35px);
  font-family: 'PFBeauSansPro-Light';
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  letter-spacing: -0.2px;
  color: #5C6166;
}
.cuadro-1 .info-valor {
  position: absolute;
width: 320px;
height: 100%;
left: 0px;
top: 0;
}
.cuadro-1 .info-tarjeta {
  position: absolute;
  height: 180px;
  left: 0%;
  right: 0%;
  bottom: 0px;
  border-top: 0.5px solid #CFDBE6;
  backdrop-filter: blur(54.3656px);
}
.cuadro-1 .info-tarjeta2 {
  position: absolute;
  height: 80px;
  left: 0%;
  right: 0%;
  bottom: 0px;
  border-top: 0.5px solid #CFDBE6;
  backdrop-filter: blur(54.3656px);
}
.alto-auto {
  height: auto!important;
}
.cuadro-1 .card-content .card {
  margin-top: 12px;
  margin-left: 20px;
}
.cuadro-1 .card-detalle h1{
  position: absolute;
  width: 152px;
  left: 100px;
  top: 5px;
  font-family: 'PFBeauSansPro-Light';
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;
  letter-spacing: -0.2px;
  color: #5C6166;
}
.cuadro-1 .card-detalle span {
  position: relative;
width: 152px;
height: 17px;
left: 100px;
    top: -20px;
  font-family: 'PFBeauSansPro-Light';
  font-size: 14px;
  line-height: 16px;
  letter-spacing: -0.2px;
  color: #8A9299;
}
.cuadro-1 .pregunta {
  position: absolute;
  height: 20px;
  left: 88.75%;
  right: 5%;
  top: 30px;
}
.cuadro-1 .escoge {
  position: absolute;
  height: 21px;
  left: 24px;
  right: 24px;
  top: 343px;
  font-family: 'PFBeauSansPro-Light';
  font-size: 14px;
  line-height: 21px;
  letter-spacing: -0.2px;
  color: #5C6166;
}
.seleccion {
  position: absolute;
height: 40px;
left: 24px;
right: 24px;
top: 372px;
background: #FFFFFF;
border: 1px solid #CFDBE6;
box-sizing: border-box;
border-radius: 6px;
padding: 10px;
}
.seleccion2 {
background: #FFFFFF;
border: 1px solid #CFDBE6;
box-sizing: border-box;
border-radius: 6px;
padding: 10px;
}
select {
  border: none;
    font-size: 16px;
    width: 100%;
    background: #ffffff;
    font-family: 'PFBeauSansPro-Light';
}

.cuadro-2 {
  position: absolute;
  width: 464px;
  height: 100%;
  left: 320px;
  top: 0px;
  background: #FFFFFF;
  box-shadow: 0px 1px 1px rgba(0, 51, 102, 0.2);
}

.cuadro-2 .centrar {
  width: 100%;
  height: auto;
  background: #FFFFFF;
  padding-top: 30px;
}
.cuadro-2 .sin {
  text-align: center;
  padding-top: 0px!important;
}

.cuadro-2 .centrar .tittle {
  text-align: center;
}
.cuadro-2 .centrar .tittle img {
  text-align: center;
  margin: 0 auto;
  display: block;
}
.cuadro-2 .centrar .tittle span {
  font-family: 'PFBeauSansPro-Light';
  font-size: 14px;
  line-height: 21px;
  text-align: left;
  letter-spacing: -0.2px;
  color: #5C6166;
}
.cuadro-2 .centrar .campos {
  width: 400px;
text-align: center;
margin: 0 auto;
}
.cuadro-2 .centrar .cuotas {
  width: 400px;
text-align: center;
margin: 0 auto;
}
.cuadro-2 .centrar .campos .codigo {
  background: rgba(255, 255, 255, 0.4);
border: 1px solid #CFDAE6;
box-sizing: border-box;
border-radius: 6px;
width: 40px;
margin-right: 10px;
/*text-align: center;*/
}
.cuadro-2 .centrar .campos2 {
  width: 400px;
text-align: center;
margin: 0 auto;
}
.cuadro-2 .centrar input {
    height: 48px;
    background: #FFFFFF;
    border: 1px solid #CFDBE6;
    box-sizing: border-box;
    border-radius: 6px;
    width: 100%;
    float: left;
    margin-top: 10px;
    font-family: 'PFBeauSansPro-Light';
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -0.2px;
    color: #8A9299;
    padding-left: 16px;
}
.cuadro-2 .centrar .button {
  width: 400px;
text-align: center;
margin: 0 auto;
display: block;
float: left;
padding-top: 20px;
/* padding-left: 30px; */
height: 40px;
background: #00943E;
border-radius: 6px;
margin-top: 10px;

}
.cuadro-2 .centrar . {
  width: 400px;
text-align: center;
margin: 0 auto;
display: block;
float: left;
height: 40px;
margin: 20px 35px 0px;
}
.cuadro-2 .centrar . .volver {
  width: 110px;
text-align: center;
margin: 0 auto;
display: inline-block;
float: left;
background: #F2F5F7;
border-radius: 6px;
padding: 20px;
text-decoration: none;
font-family: 'PFBeauSansPro-Light';
color: #555759;
}
.cuadro-2 .centrar . .pagar {
  width: 110px;
text-align: center;
margin: 0 auto;
display: inline-block;
    float: right;
background: #00943E;
border-radius: 6px;
padding: 20px;
text-decoration: none;
font-family: 'PFBeauSansPro-Light';
color: #ffffff;
}
.cuadro-2 .centrar .button2 {
  width: 400px;
text-align: center;
margin: 0 auto;
display: block;
float: left;
padding-top: 20px;
padding-left: 30px;
height: 40px;
background: #F2F5F7;
border-radius: 6px;
margin: 10px 20px;
}
.cuadro-2 .centrar .button a {
font-family: 'PFBeauSansPro-Light';
font-style: normal;
font-weight: 600;
font-size: 15px;
line-height: 18px;
align-items: center;
text-align: center;
letter-spacing: -0.4px;
text-decoration: none;
display: block;
color: #FFFFFF;
}
.cuadro-2 .centrar .txt {
  font-family: 'PFBeauSansPro-Light';
color: #00943E;
font-weight: bold;
width: 100%;
text-align: center;
margin: 0 auto;
display: block;
float: left;
padding-top: 10px;
}
.legal {
  position: relative;
/* width: 784px; */
height: 18px;
font-family: 'PFBeauSansPro-Light';
font-size: 12px;
line-height: 18px;
text-align: center;
letter-spacing: -0.2px;
color: #8A9299;
margin-top: 15px;
}
.bigbox {
  position: absolute;
width: 160px;
height: 80px;
left: 80px;
top: -40px;
background: #FFFFFF;
box-shadow: 0px 4.5px 10.5px rgba(0, 51, 102, 0.15), 0px 1px 1px rgba(0, 51, 102, 0.1);
border-radius: 12px;
}
.bigbox img {
  position: absolute;
  left: 14.92%;
  right: 15%;
  top: 32.5%;
  bottom: 23.56%;
}

.rojo {
  background: #F7EBED;
}
.amarillo {
  background: #FFFDE6;
}
.cuadro-2 .centrar .advertencia {
  position: relative;
width: 360px;
display: none;
border-radius: 6px;
padding: 0px 20px;
margin: 6px auto;
height: 70px;
}
.cuadro-2 .centrar .advertencia-2 {
  position: relative;
width: 360px;
display: none;
border-radius: 6px;
padding: 13px 20px;
margin: 6px auto;
font-family: 'PFBeauSansPro-Light';
}
.cuadro-2 .centrar .advertencia-2 .img-excl2 {
  display: inline-block;
position: relative;
width: 20px;
top: 10px;
vertical-align: top;
}
.cuadro-2 .centrar .advertencia-2 .img-excl {
  display: inline-block;
position: relative;
top: -25px;
width: 20px;
}
.cuadro-2 .centrar .advertencia-2 p {
  display: inline-block;
    position: relative;
    padding: 3px;
    width: 330px;
    font-size: 13px;
    color: #5C6166;
    font-family: 'PFBeauSansPro-Light';
}
.cuadro-2 .centrar .advertencia .img-excl {
  display: inline-block;
position: relative;
top: -25px;
width: 20px;
}
.cuadro-2 .centrar .advertencia .img-excl2 {
  display: inline-block;
position: relative;
width: 20px;
top: 25px;
vertical-align: top;
}
.cuadro-2 .centrar .advertencia p {
  display: inline-block;
    position: relative;
    padding: 3px;
    width: 330px;
    font-size: 13px;
    color: #5C6166;
    font-family: 'PFBeauSansPro-Light';
	top: 9px;
}

.cuadro-2 .centrar .confirma {
font-family: 'PFBeauSansPro-Light';
font-size: 14px;
line-height: 24px;
text-align: center;
letter-spacing: -0.2px;
color: #5C6166;
}
.cuadro-2 .centrar .confirma .verde {
color: #00943E!important;
}
.cuadro-2 .centrar .confirma .resalto {
  background: #F2F5F7;
  border-radius: 4px;
  padding: 4px;
}
.legal2 {
  position: relative;
/* width: 784px; */
height: 18px;
font-family: 'PFBeauSansPro-Light';
font-size: 12px;
line-height: 18px;
text-align: center;
letter-spacing: -0.2px;
color: #8A9299;
    margin: 15px 40px;
display: block;
float: left;
margin-bottom: 40px;
}

.pl-80 {
      padding-left: 80px;
}

/* TOOLTIP */

/* signo de pregunta */
.pregunta .tiptext{
    visibility: hidden;
    width: 300px;
    text-align: center;
    border-radius: 3px;
    padding: 6px 6px;
    position: absolute;
    z-index: 999;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    font-family: PFBeauSansPro;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -0.2px;
    color: #5C6166;
    background-color: #ffffff;
}
.pregunta .tiptext::after {
    content: "";
    position: absolute;
    border-width: 5px;
    border-style: solid;
}
.pregunta:hover .tiptext {
    visibility: visible;
}
.pregunta.top .tiptext{
    margin-left: -159px;
    bottom: 150%;
    left: 50%;
	font-family: 'PFBeauSansPro-Light';
}
.pregunta.top .tiptext::after{
    margin-left: -5px;
    top: 100%;
    left: 50%;
    border-color: #ffffff transparent transparent transparent;
}

/** caja de texto **/
.campos2 .tiptext {
    visibility: hidden;
    width: 300px;
    text-align: center;
    border-radius: 3px;
    padding: 6px 6px;
    position: absolute;
    z-index: 999;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    font-family: PFBeauSansPro;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -0.2px;
    color: #5C6166;
    background-color: #ffffff;
}
.campos2 .tiptext::after {
    content: "";
    position: absolute;
    border-width: 5px;
    border-style: solid;
}
.campos2:hover .tiptext {
    visibility: visible;
}
.campos2.top .tiptext{
    margin-left: -159px;
    /*bottom: 150%;*/
    left: 50%;
	font-family: 'PFBeauSansPro-Light';
}
.campos2.top .tiptext::after{
    margin-left: -5px;
    top: 100%;
    left: 50%;
    border-color: #ffffff transparent transparent transparent;
}

.div1-paso2 {
	margin-left: 20px;
	margin-top: 14px;
}

.div2-paso2 {
	margin-left: 10px;
}

.cuadro {
      padding-top: 100px;
}
.cuadro .img-warning {
  text-align: center;
}
.cuadro .texto-warning {
  text-align: center;
  width: 400px;
    margin: 0 auto;
}
.cuadro .texto-warning h2 {
  font-family: 'PFBeauSansPro-Light';
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 18px;
/* identical to box height, or 100% */

text-align: center;
letter-spacing: -0.3375px;

/* Text / Warning */

color: #C98600;
}
.cuadro .texto-warning h3 {
  font-family: 'PFBeauSansPro-Light';
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 18px;
/* identical to box height, or 100% */

text-align: center;
letter-spacing: -0.3375px;

/* Text / Warning */

color: #007A33;
}
.cuadro .texto-warning p {
  font-family: 'PFBeauSansPro-Light';
font-size: 16px;
line-height: 24px;
/* or 150% */

text-align: center;
letter-spacing: -0.3px;

/* Text / Primary Text – Light */

color: #5C6166;
}




.buttones {
  width: 400px;
    text-align: center;
    margin: 0 auto;
    display: block;
    float: none;
    height: 40px;
    margin: 10px auto;
}
.buttones .volver {
  width: 110px;
text-align: center;
margin: 0 auto;
display: inline-block;
float: left;
background: #F2F5F7;
border-radius: 6px;
padding: 20px;
text-decoration: none;
font-family: 'PFBeauSansPro-Light';
color: #555759;
}
.buttones .pagar {
  width: 110px;
text-align: center;
margin: 0 auto;
display: inline-block;
    float: right;
background: #00943E;
border-radius: 6px;
padding: 20px;
text-decoration: none;
font-family: 'PFBeauSansPro-Light';
color: #ffffff;
}
.aceptar {
  width: 200px;
text-align: center;
margin: 0 auto;
display: inline-block;
background: #00943E;
border-radius: 6px;
padding: 20px;
text-decoration: none;
font-family: 'PFBeauSansPro-Light';
color: #ffffff;
}


.txt-cand {
  font-family: 'PFBeauSansPro-Light';
  font-size: 16px;
  text-align: center;
  color: #5C6166;
}
.txt-cand-2 {
  font-family: 'PFBeauSansPro-Light';
  font-size: 10px;
  text-align: left;
  color: #5C6166;
}


.separador {
  height: 0.5px;
  background-color: #CFDBE6;
  margin-top: 10px;
  margin-bottom: 10px;
}

.continuarPaso1 {
	height: 56px;
	/*margin-left: -30px;*/
	margin-top: -18px;
	align-content: -35px;
}

.cuadro .buttonesClaveBloq {
 	width: 400px;
	text-align: center;
	margin: 0 auto;
	display: block;
	float: left;
	height: 40px;
	margin: 20px 192px 0px;
}
.cuadro .buttonesClaveBloq .creaClave {
 	width: 110px;
	text-align: center;
	margin: 0 auto;
	display: inline-block;
	float: left;
	background: #00943D;
	border-radius: 6px;
	padding: 20px;
	text-decoration: none;
	font-family: 'PFBeauSansPro-Light';
	color: #ffffff;
}
.cuadro .buttonesClaveBloq .aceptar {
 	width: 110px;
	text-align: center;
	margin: 0 auto;
	display: inline-block;
    float: right;
	background: #00943D;
	border-radius: 6px;
	padding: 20px;
	text-decoration: none;
	font-family: 'PFBeauSansPro-Light';
	color: #ffffff;
}

.integracion {
  margin-bottom: 10px;
  text-align: center;
}
.acumulas {
  font-size: 12px;
    text-align: center;
    top: calc(57% - 20px/2 + 35px);
    position: relative;
    font-family: 'PFBeauSansPro-Light';
        color: #5C6166;
}

.cuadro-3 {
  position: absolute;
  width: 464px;
  height: 100%;
  left: 320px;
  top: 0px;
  background: #FFFFFF;
  box-shadow: 0px 1px 1px rgba(0, 51, 102, 0.2);
}

.cuadro-3 .centrar {
  width: 100%;
  height: auto;
  background: #FFFFFF;
  padding-top: 30px;
}
.cuadro-3 .sin {
  text-align: center;
  padding-top: 0px!important;
}

.cuadro-3 .centrar .tittle {
  text-align: center;
  height: 30px;
}
.cuadro-3 .centrar .tittle img {
  text-align: center;
  margin: 0 auto;
  display: block;
}
.cuadro-3 .centrar .tittle span {
  font-family: 'PFBeauSansPro-Light';
  font-size: 14px;
  line-height: 21px;
  text-align: left;
  letter-spacing: -0.2px;
  color: #5C6166;
}
.cuadro-3 .centrar .campos {
  width: 400px;
text-align: center;
margin: 0 auto;
}
.cuadro-3 .centrar .cuotas {
  width: 400px;
text-align: center;
margin: 0 auto;
}
.cuadro-3 .centrar .campos .codigo {
  background: rgba(255, 255, 255, 0.4);
border: 1px solid #CFDAE6;
box-sizing: border-box;
border-radius: 6px;
width: 40px;
margin-right: 10px;
/*text-align: center;*/
}
.cuadro-3 .centrar .campos2 {
  width: 400px;
text-align: center;
margin: 0 auto;
}
.cuadro-3 .centrar input {
    height: 48px;
    background: #FFFFFF;
    border: 1px solid #CFDBE6;
    box-sizing: border-box;
    border-radius: 6px;
    width: 100%;
    float: left;
    margin-top: 10px;
    font-family: 'PFBeauSansPro-Light';
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -0.2px;
    color: #8A9299;
    padding-left: 16px;
}
.cuadro-3 .centrar .button {
  width: 400px;
text-align: center;
margin: 0 auto;
display: block;
float: left;
padding-top: 20px;
/* padding-left: 30px; */
height: 40px;
background: #00943E;
border-radius: 6px;
margin-top: 10px;

}
.cuadro-3 .centrar . {
  width: 400px;
text-align: center;
margin: 0 auto;
display: block;
float: left;
height: 40px;
margin: 20px 35px 0px;
}
.cuadro-3 .centrar . .volver {
  width: 110px;
text-align: center;
margin: 0 auto;
display: inline-block;
float: left;
background: #F2F5F7;
border-radius: 6px;
padding: 20px;
text-decoration: none;
font-family: 'PFBeauSansPro-Light';
color: #555759;
}
.cuadro-3 .centrar . .pagar {
  width: 110px;
text-align: center;
margin: 0 auto;
display: inline-block;
    float: right;
background: #00943E;
border-radius: 6px;
padding: 20px;
text-decoration: none;
font-family: 'PFBeauSansPro-Light';
color: #ffffff;
}
.cuadro-3 .centrar .button2 {
  width: 400px;
text-align: center;
margin: 0 auto;
display: block;
float: left;
padding-top: 20px;
padding-left: 30px;
height: 40px;
background: #F2F5F7;
border-radius: 6px;
margin: 10px 20px;
}
.cuadro-3 .centrar .button a {
font-family: 'PFBeauSansPro-Light';
font-style: normal;
font-weight: 600;
font-size: 15px;
line-height: 18px;
align-items: center;
text-align: center;
letter-spacing: -0.4px;
text-decoration: none;
display: block;
color: #FFFFFF;
}
.cuadro-3 .centrar .txt {
  font-family: 'PFBeauSansPro-Light';
color: #00943E;
font-weight: bold;
width: 100%;
text-align: center;
margin: 0 auto;
display: block;
float: left;
padding-top: 10px;
}

.cuadro-3 .centrar .advertencia {
  position: relative;
width: 360px;
display: none;
border-radius: 6px;
padding: 0px 20px;
margin: 6px auto;
height: 70px;
}
.cuadro-3 .centrar .advertencia-2 {
  position: relative;
width: 360px;
display: none;
border-radius: 6px;
padding: 13px 20px;
margin: 6px auto;
font-family: 'PFBeauSansPro-Light';
}
.cuadro-3 .centrar .advertencia-2 .img-excl2 {
  display: inline-block;
position: relative;
width: 20px;
top: 10px;
vertical-align: top;
}
.cuadro-3 .centrar .advertencia-2 .img-excl {
  display: inline-block;
position: relative;
top: -25px;
width: 20px;
}
.cuadro-3 .centrar .advertencia-2 p {
  display: inline-block;
    position: relative;
    padding: 3px;
    width: 330px;
    font-size: 13px;
    color: #5C6166;
    font-family: 'PFBeauSansPro-Light';
}
.cuadro-3 .centrar .advertencia .img-excl {
  display: inline-block;
position: relative;
top: -25px;
width: 20px;
}
.cuadro-3 .centrar .advertencia .img-excl2 {
  display: inline-block;
position: relative;
width: 20px;
top: 25px;
vertical-align: top;
}
.cuadro-3 .centrar .advertencia p {
  display: inline-block;
    position: relative;
    padding: 3px;
    width: 330px;
    font-size: 13px;
    color: #5C6166;
    font-family: 'PFBeauSansPro-Light';
	top: 9px;
}

.cuadro-3 .centrar .confirma {
font-family: 'PFBeauSansPro-Light';
font-size: 14px;
line-height: 24px;
text-align: center;
letter-spacing: -0.2px;
color: #5C6166;
}

.cuadro-3 .centrar .confirma .verde {
color: #00943E!important;
}
.cuadro-3 .centrar .confirma .resalto {
  background: #F2F5F7;
  border-radius: 4px;
  padding: 4px;
}