/**{*/
/*   box-sizing: border-box;*/
/*}*/


/*.button-registrate {*/
/*   background-color: var(--color1);*/
/*   padding: 10px 23px;*/
/*   border-radius: 25px;*/
/*   text-transform: uppercase;*/
/*}*/

/*.formulario.conuslta-deuda select{*/
/*      -webkit-appearance: none;*/
/*  -moz-appearance: none;*/
/*  appearance: none;*/
/*      background-image: url("../assets/arrow-up.svg");*/
/*    background-position: right;*/
/*    background-repeat: no-repeat;*/
/*}*/

/*body{*/
/*   height: 100vh;*/

/*}*/
/*input:-webkit-autofill,*/
/*input:-webkit-autofill:hover, */
/*input:-webkit-autofill:focus{*/
/*  -webkit-box-shadow: 0 0 0px 1000px #fff inset;*/
/*  transition: background-color 5000s ease-in-out 0s;*/
/*}*/
/*.wrapper{*/

/*    height: 80%;*/
/*   display:-ms-grid;*/
/*   display:grid;*/
/*   place-content: center;*/
   
/*}*/
/*.registro-principal{*/
/*   display: flex;*/
/*   height: 100vh;*/
/*}*/
/*.registro-portada{*/
/*   width: 48%;*/
/*   background-image: url(/assets/registro-portada.jpg);*/
/*   background-size: cover;*/
/*   background-repeat: no-repeat;*/
/*   background-position: center;*/


/*}*/
/*.registro-portada.login{*/
/*   background-image: url(/assets/iniciarsesion-portada.jpg);*/
/*}*/

/*form{*/
/*    position:relative;*/
/*}*/

/*.registro-formulario{*/
/*   width: 60%;*/
/*   position: relative;*/
/*}*/
/*.content-back{*/
/*   height: 80px;*/
/*   display: flex;*/
/*   justify-content: flex-end;*/
/*   align-items: center;*/
/*   padding-right: 30px;*/
/*   margin-left: 30px;*/
/*}*/

/*.button-back{*/
/*   box-shadow: 0px 3px 30px rgb(0 0 0 / 10%);*/
/*   background-color: #fff;*/
/*   border-radius: 50%;*/
/*   width: 40px;*/
/*   height: 40px;*/
/*   transition: transform .3s linear;*/
/*   display: inline-flex;*/
/*   justify-content: center;*/
/*   align-items: center;*/
/*}*/

/*.button-back img{*/
/*   width: 23px;*/
/*}*/

/*.button-back:hover{*/
/*    -webkit-transform: scale(1.1);*/
/*        -ms-transform: scale(1.1);*/
/*            transform: scale(1.1);*/
/*    -webkit-transition: .3s ease all;*/
/*    -o-transition: .3s ease all;*/
/*    transition: .3s ease all;*/
/*}*/

/*.logo-principal {*/
/*   display: flex;*/
/*   justify-content: center;*/
/*   align-items: center;*/
/*   padding: 10px 0 40px 0;*/
/*}*/

/*.logo-principal img{*/
/*   width: 230px;*/
/*}*/

/*.contenedor-formulario{*/
/*   width: 480px;*/
/*   margin: 0 auto;*/
/*   background: #FFFFFF;*/
/*   box-shadow: 0px 3px 30px rgb(0 0 0 / 8%);*/
/*   border-radius: 35px;*/
/*   padding: 30px 40px;*/
/*}*/

/*.contenedor-formulario-titulo{*/
/*   color: var(--color1);*/
/*   font-weight: 300;*/
/*   text-align: center;*/
/*   margin: 0;*/
/*   font-size: 21px;*/
/*}*/

/*.contenedor-formulario-subtitulo{*/
/*   text-align: center;*/
/*   font-family: 'Titillium Web';*/
/*   color:#4D4C4D;*/
/*   margin-top: 10px;*/
/*   font-weight: 300;*/
/*}*/

/*.formulario {*/
/*   margin: 25px 0;*/
/*}*/

/*.form-group{*/
/*   margin: 15px 0;*/
/*}*/

/*.form-group label{*/
/*   display: block;*/
/*   width: 100%;*/
/*   font-family: 'Poppins', sans-serif;*/
/*   color:var(--color5);*/
/*   font-weight: 500;*/
/*   margin-bottom: 15px;*/
/*   font-size:15px;*/
/*}*/

/*.form-group select{*/
/*   border:none;*/
/*   width: 100%;*/
/*   border-bottom: 2.5px solid var(--color5);;*/
/*   padding: 0 0 5px 0;*/
/*   outline: none;*/
/*   color:#808080;*/
/*   font-family: 'Titillium Web';*/
/*   font-size: 14px;*/
/*   font-weight: 300;*/
/*}*/

/*.form-group input{*/
/*   border:none;*/
/*   width: 100%;*/
/*   border-bottom: 2.5px solid var(--color5);;*/
/*   padding: 0 0 5px 0;*/
/*   outline: none;*/
/*   color:#808080;*/
/*   font-family: 'Titillium Web';*/
/*}*/



/*.form-group input::placeholder{*/
/*   color:#808080;*/
/*   font-family: 'Titillium Web';*/
/*   font-size: 14px;*/
/*   font-weight: 300;*/

/*}*/

/*.form-group.terminos {*/
/*   display: flex;*/
/*   margin-top: 25px;*/
/*}*/

/*.form-group.terminos input{*/
/*   width: initial;*/
   
/*}*/

/*.form-group.terminos input[type="checkbox"]{*/
/*   width: 17px;*/
/*   height: 17px;*/
/*}*/

/*.form-group.terminos label{*/
/*   display: inline;*/
/*   margin: 0;*/
/*   margin-left: 10px;*/
/*   color: #808080;*/
/*   font-family: 'Titillium Web';*/
/*   font-size: 14px;*/
/*   line-height: 16px;*/
/*}*/

/*.form-group.terminos label a {*/
/*    text-decoration: none;*/
/*    color: #808080;*/
/*    font-family: 'Titillium Web';*/
/*    font-size: 14px;*/
/*}*/

/*.form-group.button{*/
/*   margin-top: 35px;*/
/*}*/

/*.button-submit{*/
/*   color: #fff;*/
/*   padding: 10px 23px;*/
/*   text-decoration: none;*/
/*   background-color: var(--color4);*/
/*   -webkit-box-shadow: 1px 7px 12px 1px rgba(0, 0, 0, 0.04);*/
/*   box-shadow: 1px 7px 12px 1px rgba(0, 0, 0, 0.04);*/
/*   -webkit-transition: all 400ms ease;*/
/*   -moz-transition: all 400ms ease;*/
/*   -o-transition: all 400ms ease;*/
/*   -ms-transition: all 400ms ease;*/
/*   transition: all 400ms ease;*/
/*   font-size: 14px;*/
/*   text-transform: uppercase;*/
/*   outline: none;*/
/*   border: none;*/
/*   font-weight: 400;*/
/*   position: relative;*/
/*   border-radius: 25px;*/
/*   transition: background .3s ease-out;*/
/*   font-family: 'Poppins', sans-serif;*/
/*   display: block;*/
/*   margin: 0 auto;*/
/*}*/

/*.button-submit.completa-encuesta{*/
/*   background-color: var(--color5);*/
/*   display: none;*/
/*}*/
/*.button-submit:hover{*/
/*      -webkit-box-shadow: 1px 7px 12px 1px rgba(0, 0, 0, 0.15);*/
/*   box-shadow: 1px 7px 12px 1px rgba(0, 0, 0, 0.15);*/
/*   -webkit-transition: all 400ms ease;*/
/*   -moz-transition: all 400ms ease;*/
/*   -o-transition: all 400ms ease;*/
/*   -ms-transition: all 400ms ease;*/
/*   transition: all 400ms ease;*/
/*   transition: .3s ease all;*/
/*}*/
/*.pie-de-pagina{*/
/*   font-family: 'Titillium Web';*/
/*   text-align: center;*/
/*   color: var( --color5);*/
/*   font-size: 14px;*/
/*   margin: 22px 0 10px 0;*/
/*}*/

/*.pie-de-pagina a{*/
/*   text-decoration: none;*/
/*   font-size: 14px;*/
/*   font-family: 'Titillium Web';*/
/*    color: var( --color1);*/
/*}*/

/*.pie-de-pagina a:active{*/
/*   color: initial;*/
/*}*/

/* NO TIENES DEUDA CON NOSOTROS */
/*.redes-sociales {*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    margin-top: 26px;*/
/*}*/

/*.redes-sociales a {*/
/*    background-color: #fff;*/
/*    line-height: 0;*/
/*    border-radius: 50%;*/
/*    width: 34px;*/
/*    height: 34px;*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    box-shadow: 0px 3px 30px rgb(0 0 0 / 10%);*/
/*    transition: transform .2s ease-in;*/
/*    margin: 0 8px;*/
/*}*/

/*.redes-sociales a:hover {*/
/*    transform: scale(1.2);*/
/*}*/

/*.redes-sociales a img {*/
/*    width: 15px;*/
/*    filter: grayscale(.9);*/
/*}*/

/*.redes-sociales a.face img{*/
/*     width: 10px;*/
/*}*/

/*body > section > div.registro-formulario > div.contenedor-formulario > div.redes-sociales > a.face > img{*/
/*    width: 10px;*/
/*}*/

/*.button-opcion{*/
/*   width: 202px;*/
/*   margin: 0 auto;*/
/*   margin-top: 45px;*/
/*} */

/*.button-opcion a{*/
/*   text-align: center;*/
/*   margin: 20px 0;*/
/*}*/

/* TIENE DEDUA */
/*.content-input-validate{*/
/*   display: flex;*/
/*   align-items: center;*/
/*}*/

/*.content-input-validate input{*/
/*   width: auto;*/
/*   margin-right: 10px;*/
/*   width: 15px;*/
/*   height: 15px;*/
/*   width: 19px;*/
/*    height: 19px;*/
/*}*/

/*.content-input-validate label {*/
/*   width: 21px;*/
/*   height: 21px;*/
/*   margin: 0;*/
/*   display: flex;*/
/*   justify-content: center;*/
/*   align-items: center;*/
/*   border: 3px solid var(--color5);*/
/*   position: relative;*/
/*   margin-right: 10px;*/
/*   display:none;*/
/*}*/

/*.content-input-validate input:checked + label::before{*/
/*   content: '';*/
/*   display: block;*/
/*   width: 11px;*/
/*   height: 11px;*/
/*   background-color: var(--color1);*/
/*}*/

/*.content-input-validate span{*/
/*   font-family: 'Titillium Web';*/
/*   color: var( --color5);*/
/*}*/

/*.content-input-validate> div{*/
/*   display: flex;*/
/*   align-items: center;*/
/*   margin-right: 15px;*/

/*}*/

/* login */
/*body.Login{*/
/*   height: 100vh;*/
/*}*/

/*.form-group.button.login button{*/
/*   margin: 0;*/
/*   width: 195px;*/
/*   margin-right: 20px;*/
/*}*/

/*.form-group.button.login a{*/
/*   color:#FFFFFF;*/
/*   font-size: 14px;*/
/*   font-weight: 300;*/
/*   text-decoration: none;*/
/*}*/

/*.olvidastes-contra{*/
/*   font-weight: 500 !important;*/
/*}*/

/*.form-group.button.login{*/
/*   display: flex;*/
/*   align-items: center;*/
/*}*/

/*.politica{*/
/*   text-align: center;*/
/*   font-size: 14px;*/
/*   font-family: "Titillium Web";*/
/*   color:#808080;*/
/*   margin: 0;*/
/*   font-weight: 300;*/
/*}*/

/*.politica a{*/
/*    text-decoration:none;*/
/*    color:#808080;*/
/*    font-family: "Titillium Web";*/
/*}*/

/*body.Nueva .politica{*/
/*    margin-bottom:20px;*/
/*}*/


/*.form-group.button.olvidastes button{*/
/*   margin: 0;*/
/*}*/

/*.message-response{*/
/*   color: #00AB67;*/
/*    text-align: center;*/
/*    font-weight: 300;*/
/*    font-size: 15px;*/
/*}*/

/*.message-response a {*/
/*    color: #00AB67;*/
/*}*/

/*.message-server{*/
/*   font-family: "Titillium Web";*/
/*    text-align: center;*/
/*    position: absolute;*/
/*    color: #fff;*/
/*    border-radius: 20px;*/
/*    display: flex;*/
/*    background: #00ab6785;*/
/*    padding: 18px;*/
/*    width: 60%;*/
/*    top: 15px;*/
/*    left: 50%;*/
/*    transform: translateX(-50%);*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*}*/

/*.message-server button{*/
/*   position: relative;*/
/*   top: 46%;*/
/*   left: 5px;*/
/*   transform: translateY(-50%);*/
/*   border: none;*/
/*   background-color: transparent;*/
/*   color: #fff;*/
/*   font-size: 32px;*/
/*   outline: none;*/
/*}*/

/* Nueva Contrase単a  */
/*form.nueva-contra{*/
/*   margin-top: 35px;*/
/*}*/
/*form.nueva-contra .form-group{*/
/*   margin: 25px 0;*/
/*}*/

/*.form-group.button.nueva-contra button{*/
/*   margin: 45px 0 0 0;*/

/*}*/

/* MEDIA QUERY */

/*@media(max-width:870px){*/

/*    body{*/
/*       overflow-y: inherit;*/
/*    }*/

/*   .registro-principal{*/
/*      justify-content: center; */
/*   }*/
/*   .registro-portada{*/
/*       transform: .3s ease all;*/
/*       display: none;*/
/*   }*/
/*   .contenedor-formulario{*/
/*      width: 100%;*/
/*   }*/

/*   .contenedor-formulario{*/
/*      width: 100%;*/
/*   }*/

/*   .pie-de-pagina{*/
/*      padding-bottom:10px;*/
/*   }*/
   
/*   .button-back{*/
/*     transform: translateX(40px);  */
/*   }*/
   
/*   .message-server{*/
/*       line-height: 20px;*/
/*   }*/

/*}*/

/*@media(max-height:700px){*/
    
/*    .registro-principal{*/
/*        height: auto;    */
/*    }*/
    
/*   body {*/
/*      height: auto !important;*/
/*   }*/

/*   .politica{*/
/*      padding: 10px;*/
/*   }*/
   
/*   body.Nueva .politica{*/
/*    margin-bottom:10px;*/
/*    }*/

/*}*/

/*@media(max-width:600px){*/
   
/*   .registro-formulario{*/
/*      width: 100%;*/
/*      padding: 20px;*/
/*   }*/

/*   .form-group.terminos label{*/
/*      line-height: 16px;*/
/*   }*/
/*}*/

/*@media(max-width:400px){*/
   
/*   .form-group.button.login{*/
/*      flex-direction: column;*/
/*   }*/

/*   .form-group.button.login button{*/
/*      margin-right: 0;*/
/*      margin-bottom: 15px;*/
/*   }*/

/*   .contenedor-formulario{*/
/*      padding: 30px 20px;*/
/*   }*/

/*   .politica{*/
/*      padding-bottom: 20px;*/
/*   }*/
/*   .button-back{*/
/*       margin-bottom: 40px;*/
/*    }*/
    
/*    .message-server{*/
/*        top: 10px;*/
/*        left: 41%;*/
/*        transform: translateX(-56%);*/
/*        padding-bottom: 7px;*/
/*        padding-top: 5px;*/
/*        line-height: 20px;*/
/*    }*/
  
/*}*/


/*=============================================================================================================*/
*{
   box-sizing: border-box;
}



.formulario.conuslta-deuda select{
      -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
      background-image: url("../assets/arrow-up.svg");
    background-position: right;
    background-repeat: no-repeat;
}

body{
   height: 100vh;

   background-color: #EAE6DB;

}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus{
  -webkit-box-shadow: 0 0 0px 1000px transparent inset;
  transition: background-color 5000s ease-in-out 0s;
}
.wrapper{

    height: 80%;
   display:-ms-grid;
   display:grid;
   place-content: center;
   
}
.registro-principal{
   display: flex;
   height: 100vh;
}
.registro-portada{
   width: 48%;
   background-image: url('../assets/fondo_recuperarcontrasena.jpg');
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center;

   position: relative;
}

.registro-portada::before{
   content: '';
   background: linear-gradient(
    to bottom,
    hsla(258, 87%, 62%, 0.3),
    hsl(258 55% 35% / 0.55),
    hsla(263, 57%, 7%, 0.85)
  );
   position: absolute;
   inset: 0;
   z-index: 10;
}
.registro-portada.login{
   background-image: url('../assets/fondo_login.jpg');
}

form{
    position:relative;
}

.registro-formulario{
   width: 60%;
   position: relative;
}
.content-back{
   height: 80px;
   display: flex;
   justify-content: flex-end;
   align-items: center;
   padding-right: 30px;
   margin-left: 30px;
}

.button-back{
   box-shadow: 0px 3px 30px rgb(0 0 0 / 10%);
   background-color: #fff;
   border-radius: 50%;
   width: 40px;
   height: 40px;
   transition: transform .3s linear;
   display: inline-flex;
   justify-content: center;
   align-items: center;
   position: absolute;
   right: 15px;
}

.button-back img{
   width: 23px;
}

.button-back:hover{
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
    -webkit-transition: .3s ease all;
    -o-transition: .3s ease all;
    transition: .3s ease all;
}

.logo-principal {
   display: flex;
   justify-content: center;
   align-items: center;
   padding: 10px 0 40px 0;
}

.logo-principal img{
   width: 200px;
}

.contenedor-formulario{
   width: 480px;
   margin: 0 auto;
}

.contenedor-formulario-titulo{
   color: var(--texto);
   font-weight: 300;
   text-align: left;
   margin: 0;
   font-size: 35px;
   text-align: center;
}

.contenedor-formulario-subtitulo{
   text-align: left;
  font-family: lato !important;
   color:#4D4C4D;
   margin-top: 10px;
   font-weight: 300;
   text-align: center;
}

.subtitulo{
  font-family: lato !important;
   color:#4D4C4D;
   margin-top: 10px;
   font-weight: 300;
}

.formulario {
   margin: 20px 0;
}

.form-group{
   margin: 15px 0;
}

.form-group label{
   display: block;
   width: 100%;
   font-family: lato !important;
   color:var(--color5);
   font-weight: 400;
   margin-bottom: 15px;
   font-size:15px;
}

.form-group select{
   border:none;
   width: 100%;
   border: 0.2px solid var(--color5);
       border-radius: 0.7rem;
    padding: 0.5rem 0.8rem;
   outline: none;
   color:#808080;
   font-family: lato !important;
   font-size: 14px;
   font-weight: 300;
}

.form-group input{

   width: 100%;
   border: 0.2px solid var(--color5);
    border-radius: 0.7rem;
    padding: 0.5rem 0.8rem;
   outline: none;
   color:#808080;
   font-family: lato !important;
}



.form-group input::placeholder{
   color:#808080;
   font-family: lato !important;
   font-size: 14px;
   font-weight: 300;

}

.form-group.terminos {
   display: flex;
   margin-top: 25px;
}

.form-group.terminos input{
   width: initial;
   
}

.form-group.terminos input[type="checkbox"]{
   width: 17px;
   height: 17px;
}

.form-group.terminos label{
   display: inline;
   margin: 0;
   margin-left: 10px;
   color: #000;
  font-family: lato !important;
   font-size: 14px;
}

.form-group.terminos label a {
    text-decoration: none;
    color: #B19BFD;
    font-family: lato !important;
    font-size: 14px;
}

.form-group.button{
   margin-top: 20px;
   margin-bottom: 15px;
}

.button-submit{
   color: #000;
   padding: 10px 23px;
   text-decoration: none;
   background-color: var(--color1);
   -webkit-box-shadow: 1px 7px 12px 1px rgba(0, 0, 0, 0.04);
   box-shadow: 1px 7px 12px 1px rgba(0, 0, 0, 0.04);
   -webkit-transition: all 400ms ease;
   -moz-transition: all 400ms ease;
   -o-transition: all 400ms ease;
   -ms-transition: all 400ms ease;
   transition: all 400ms ease;
   font-size: 14px;
   /* text-transform: uppercase; */
   font-size: 16px;
   outline: none;
   border: none;
   width: 100%;
   font-weight: 400;
   position: relative;
   border-radius: 0.7rem;
   transition: background .3s ease-out;
  font-family: lato !important;
   display: block;
}

.button-submit.completa-encuesta{
   background-color: var(--color5);
   display: none;
}
.button-submit:hover{
      -webkit-box-shadow: 1px 7px 12px 1px rgba(0, 0, 0, 0.15);
   box-shadow: 1px 7px 12px 1px rgba(0, 0, 0, 0.15);
   -webkit-transition: all 400ms ease;
   -moz-transition: all 400ms ease;
   -o-transition: all 400ms ease;
   -ms-transition: all 400ms ease;
   transition: all 400ms ease;
   transition: .3s ease all;
}
.pie-de-pagina{
   font-family: lato !important;
   text-align: left;
   color: var( --color5);
  font-size: 15px;
  margin-bottom: 10px !important;
   margin: 10px 0 10px 0;
}

.pie-de-pagina a{
   text-decoration: none;
  font-size: 15px;
  font-family: lato !important;
   color: var( --color1);
}

.pie-de-pagina a:active{
   color: initial;
}

/* NO TIENES DEUDA CON NOSOTROS */
.redes-sociales {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 26px;
}

.redes-sociales a {
    background-color: #fff;
    line-height: 0;
    border-radius: 50%;
    width: 34px;
    height: 34px;
    display: flex;
    justify-content: center;
    box-shadow: 0px 3px 30px rgb(0 0 0 / 10%);
    transition: transform .2s ease-in;
    margin: 0 8px;
}

.redes-sociales a:hover {
    transform: scale(1.2);
}

.redes-sociales a img {
    width: 15px;
    filter: grayscale(.9);
}

.redes-sociales a.face img{
     width: 10px;
}

body > section > div.registro-formulario > div.contenedor-formulario > div.redes-sociales > a.face > img{
    width: 10px;
}

.button-opcion{
   width: 202px;
   margin: 0 auto;
   margin-top: 45px;
} 

.button-opcion a{
   text-align: center;
   margin: 20px 0;
}

/* TIENE DEDUA */
.content-input-validate{
   display: flex;
   align-items: center;
}

.content-input-validate input{
   width: auto;
   margin-right: 10px;
   width: 15px;
   height: 15px;
   width: 19px;
    height: 19px;
}

.content-input-validate label {
   width: 21px;
   height: 21px;
   margin: 0;
   display: flex;
   justify-content: center;
   align-items: center;
   border: 3px solid var(--color5);
   position: relative;
   margin-right: 10px;
   display:none;
}

.content-input-validate input:checked + label::before{
   content: '';
   display: block;
   width: 11px;
   height: 11px;
   background-color: var(--color1);
}

.content-input-validate span{
font-family: lato !important;
   color: var( --color5);
}

.content-input-validate> div{
   display: flex;
   align-items: center;
   margin-right: 15px;

}

/* login */
body.Login{
   height: 100vh;
}

.form-group.button.login button{
   margin: 0;
   width: 195px;
   margin-right: 20px;
}

.form-group.button.login p{
   font-weight: lighter;
}

.form-group.button.login a{
   color: var(--color1);
    font-size: 14px;
    font-weight: 900;
    text-decoration: none;
    text-transform: none;
}

.olvidastes-contra{
   font-weight: 400 !important;
   color: #b19bfd;
   font-size: 14px;
   text-decoration: none;
  margin-bottom: 30px;
    display: block;
    text-align: right;
}

.form-group.button.login{
   display: flex;
   align-items: center;
   justify-content: center;
}

.politica{
   text-align: center;
   font-size: 15px;
   font-family: lato !important;
   color:#808080;
   margin: 0;
   font-weight: 300;
}

.politica a{
    text-decoration:none;
    color:#808080;
    font-family: lato !important;
}

body.Nueva .politica{
    margin-bottom:20px;
}


.form-group.button.olvidastes button{
   margin: 0;
}

.message-response{
   color: #00AB67;
    text-align: left;
    font-weight: 300;
    font-size: 15px;
}

.message-response a {
    color: #00AB67;
}

.message-server{
   font-family: lato !important;
    text-align: center;
    position: absolute;
    color: #fff;
    border-radius: 20px;
    display: flex;
    background: #00ab6785;
    padding: 18px;
    width: 60%;
    top: 15px;
    left: 50%;
    transform: translateX(-50%);
    align-items: center;
    justify-content: center;
}

.message-server button{
   position: relative;
   top: 46%;
   left: 5px;
   transform: translateY(-50%);
   border: none;
   background-color: transparent;
   color: #fff;
   font-size: 32px;
   outline: none;
}

/* Nueva Contraseña  */
form.nueva-contra{
   margin-top: 35px;
}
form.nueva-contra .form-group{
   margin: 25px 0;
}

.form-group.button.nueva-contra button{
   margin: 45px 0 0 0;

}

/* MEDIA QUERY */

@media(max-width:870px){

    body{
       overflow-y: inherit;
    }

   .registro-principal{
      justify-content: center; 
   }
   .registro-portada{
       transform: .3s ease all;
       display: none;
   }
   .contenedor-formulario{
      width: 100%;
   }

   .contenedor-formulario{
      width: 100%;
   }

   .pie-de-pagina{
      padding-bottom:10px;
   }

}

@media(max-height:700px){
    
    .registro-principal{
        height: auto;    
    }
    
   body {
      height: auto !important;
   }

   .politica{
      padding: 10px;
   }
   
   body.Nueva .politica{
    margin-bottom:10px;
    }

}

@media(max-width:600px){
   
   .registro-formulario{
      width: 100%;
      padding: 20px;
   }

   .form-group.terminos label{
      line-height: 16px;
   }
}

@media(max-width:400px){
   
   .form-group.button.login{
      flex-direction: column;
   }

   .form-group.button.login button{
      margin-right: 0;
      margin-bottom: 15px;
   }

   .contenedor-formulario{
      padding: 20px 10px;
   }

   .politica{
      padding-bottom: 20px;
   }
   .button-back{
       margin-bottom: 40px;
    }
}


input,
select{
   background: transparent !important;
}

.formulario.conuslta-deuda .form-group{
   position: relative;
}

.formulario.conuslta-deuda .form-group:nth-child(1):after{
   content: '';
   position: absolute;
   width: 16px;
   height: 16px;
   right: 13px;
   bottom: 8px;

   background-image: url('../assets/nuevas_img/icono_select.png');
   background-position: center;
   background-repeat: no-repeat;
   background-size: contain;
   z-index: -1;
}




.form-group.terminos input[type="checkbox"]{
   display: none;
}

.form-group.terminos label{
   margin-left: 0px;
   padding-left: 30px;
   position: relative;
}

.form-group.terminos label::before{
   content: '';
   position: absolute;
   width: 15px;
   height: 15px;
   left: 0px;
   top: 50%;
   transform: translateY(-50%);

   border: 1px solid black;

   cursor: pointer;
}

.form-group.terminos label::after{
   content: '✓';
   position: absolute;
   left: 0px;
   top: 50%;
   transform: translatey(-50%);
   color: var(--color1);
   font-size: 26px;

   visibility: hidden;

   cursor: pointer;
}

.form-group.terminos input:checked + label::after{
   visibility: visible;
}




.form-group.validar .content-input-validate{

}

.dni-result-card {
   max-width: 35rem;
   margin: 0 auto;
   margin-bottom: 2rem;
  text-align: center;
  animation: dniFadeIn 0.4s ease-out forwards;
  border-radius: 1rem;
  padding: 2rem 1.5rem;
  border: 1px solid hsl(250 15% 90%);
  box-shadow: 0 4px 20px hsl(240 20% 15% / 0.06);
}

.dni-result-card--warning {
  border-color: hsl(25 90% 55% / 0.25);
  background: hsl(25 90% 55% / 0.03);
}

.dni-result-card--success {
  border-color: hsl(152 60% 42% / 0.25);
  background: hsl(152 60% 42% / 0.03);
}

.informacion-empresa{
   position: absolute;
   bottom: 1rem;
   left: 2rem;
   color: white;
   z-index: 20;
   font-weight: 300;
}

.informacion-empresa > p{
   margin: 5px 0px;
   font-size: 14px;
}

.informacion-empresa > p:last-child{
   margin-top: 1rem;
   color: #acacac;
}

.informacion-empresa > p > i{
   margin-right: 5px;
}

.registro-portada.registro .informacion-empresa{
   position: relative;
   z-index: 20;
   display: flex;
   flex-direction: column;
   justify-content: center;
   height: 100%;
   padding: 0 2rem;
}

.registro-portada.registro .informacion-empresa h1{
   font-family: 'Recoleta', serif;
   font-size: 30px;
   color: #fff;
   margin-bottom: 15px;
   font-weight: 500;
}

.registro-portada.registro .informacion-empresa .subtitulo{
   font-family: 'Lato', sans-serif;
   font-size: 16px;
   font-weight: 100;
   color: rgba(255, 255, 255, 0.8);
   margin-bottom: 25px;
}

.registro-portada.registro .lista-beneficios{
   list-style: none;
   padding: 0;
   margin: 0;
}

.registro-portada.registro .lista-beneficios li{
   font-family: 'Lato', sans-serif;
   font-size: 16px;
   font-weight: 300;
   color: #fff;
   padding: 10px 0;
   display: flex;
   align-items: center;
   gap: 12px;
}

.registro-portada.registro .lista-beneficios li i{
   font-size: 18px;
   width: 20px;
   text-align: center;
   color: rgba(255, 255, 255, 0.85);
}

.dni-result-card{
   text-align: center;
   max-width: 35rem;
}

.validacion-correo{
   display: none;
}

.correo-enviado,
.dni-result__dni{
   display: block;
   margin: auto;
    font-weight: 300;
    text-align: center;
    background: #c7c9c8;
    border-radius: 2rem;
    width: 70%;
    padding: 0.3rem 0.2rem;
}
/*.registro-portada::after{*/
/*   content: '';*/
/*   position: absolute;*/
/*   width: 250px;*/
/*   height: 200px;*/
/*   right: 10%;*/
/*   bottom: 10%;*/

/*   background-image: url('../assets/nuevas_img/icono_curvo.png');*/
/*   background-position: center;*/
/*   background-repeat: no-repeat;*/
/*   background-size: contain;*/
/*}*/


.contenedor_nodeudo{
   background-color: #fff;
   padding: 30px;
   border-radius: 20px;
}