/** CONTAINER CREDITO **/
.container-credito {
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    padding: 40px;
    width: 100%;
}

.container-credito.full {
    margin: inherit;
    max-width: inherit;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

#containerFotografiaCedula {
    gap: 5px;
}

.container-credito .title-cedula {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.container-credito .subtitle {
    color: #666;
    font-size: 15px;
    margin-bottom: 32px;
    text-align: center;
}

.container-credito .form-group {
    margin-bottom: 24px;
}

.container-credito .label {
    display: block;
    color: #1a1a1a;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 8px;
}

.container-credito label {
    text-transform: inherit;
}

.container-credito input {
    width: 100%;
    height: 45px !important;
    padding: 14px 16px;
    font-size: 16px;
    border: 1px solid #d0d0d0;
    border-radius: 8px;
    outline: none;
    transition: border-color 0.2s;
}

.container-credito .checkbox-group {
    margin-bottom: 16px;
}

.container-credito .checkbox-wrapper {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
    height: 40px;
}

.container-credito input[type="checkbox"] {
    width: 20px;
    height: 20px;
    min-width: 20px;
    margin-right: 12px;
    margin-top: 2px;
    cursor: pointer;
    accent-color: #e31837;
}

.container-credito .checkbox-label {
    color: #1a1a1a;
    font-size: 14px;
    line-height: 1.5;
    cursor: pointer;
    user-select: none;
    font-weight: normal;
    text-transform: inherit;
}

.container-credito .checkbox-label a {
    color: #1a1a1a;
    text-decoration: underline;
}

.container-credito .checkbox-label a:hover {
    color: #e31837;
}

.container-credito .required {
    color: #e31837;
}

@media (max-width: 640px) {
    .container-credito {
        padding: 30px 24px;
    }
}
/** CONTAINER CREDITO **/

/** TITULO-CONTAINER-CREDITO **/
.container-datos-cedula {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 20px;
}

.container-datos-cedula-icon {
    border-radius: 14px;
    background-color: #FEF2F2;
    color: #E3172C;
    font-size: 20px;
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.container-datos-cedula-title h2 {
    font: inherit;
    color: black;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 0;
}

.container-datos-cedula-title span {
    font-size: 14px;
    color: #6A7282;
}
/** TITULO-CONTAINER-CREDITO **/

/** CONTAINER-CARGA-CEDULAS **/
.container-carga-cedula {
    width: 100%;
    height: 255px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    border-radius: 6px;
    border: 1px solid var(--color-gray);
    margin-bottom: 25px;
}
.container-carga-cedula-logo {
    max-width: 180px;
    height: 200px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
}
.container-carga-cedula-logo .fa-picture-o {
    margin-bottom: 24px;
}
.container-carga-cedula-logo .text-center {
    color: var(--color-gray-dark);
}
.container-carga-cedula-botones {
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 20px;
}
.btn-subir-imagen, .btn-tomar-foto {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    border-radius: 6px;
    border: 1px solid var(--color-primary);
    padding: 12px;
    width: 225px;
    height: 48px;
    font-size: 18px;
}
.btn-subir-imagen {
    color: var(--color-primary);
}
.btn-tomar-foto {
    background-color: var(--color-primary);
    color: white;
}
.btnContinuar {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    border-radius: 4px;
    background-color: var(--color-gray-dark);
    color: white;
    font-size: 15px;
}
#fotoAnversoCedula, #fotoReversoCedula {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 5;
}
.container-fotografia-celular {
    position: fixed;
    z-index: 1000;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.notificacion-foto {
    position: absolute;
    top: -2px;
    z-index: 1100;
    border-radius: 8px;
    border: 1px solid white;
    background-color: #00000099;
    width: 90%;
    padding: 10px;
    transform: translate(20px, 5px);
}
.container-btn-foto {
    position: absolute;
    width: 100%;
    bottom: 8px;
    z-index: 1100;
    padding: 10px;
}
.video-foto-cedula {
    position: fixed;
    top: 0;
    left: 0;
}
/** CONTAINER-CARGA-CEDULAS **/

/** PROMOTOR **/
.title-promotor {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.title-promotor h2 {
    font-size: 24px;
    color: black;
    margin-bottom: 5px;
}
.title-promotor p {
    font-size: 16px;
    color: var(--color-gray-dark);
    margin-bottom: 5px;
}
/** PROMOTOR **/

/* BIOMETRICO */
.avatar {
  aspect-ratio: 1 / 1;
  width: 100%;
  border: 4px dashed #b3b0b0;
  border-radius: 50%;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  max-width: 343px;
}

/* .avatar-inner {
  width: 100%;
  height: 100%;
  padding: 12px;
  border-radius: 50%;
  overflow: hidden;
} */

.avatar-icon {
  display: block;
  font-size: 180px;
  color: #b3b0b0;
}

#avatar-foto-biometrico {
  display: none;
  height: 90%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: 50%;
}

#avatar-foto-icono {
  position: absolute;
  display: none;
  font-size: 180px;
  color: var(--color-success);
}

#mensaje-biometrico {
  display: none;
  text-align: center;
  padding: 12px;
  border: none;
  border-radius: 38px;
  width: 100%;
  font-size: 16px;
  color: var(--color-white);
}

/* BIOMETRICO INICIAL */ 
/* #formCreditoBiometrico #notf-intentos, */
/* #formCreditoBiometrico #btn-biometrico-continuar,
#formCreditoBiometrico #btn-biometrico-intentar, */
#formCreditoBiometrico #not-bio-error {
  display: none;
}


/* BIOMETRICO SUCCESS */
#formCreditoBiometrico.success #avatar-icon-biometrico{
/* #formCreditoBiometrico.success #btn-biometrico-iniciar ,
#formCreditoBiometrico.success #btn-biometrico-intentar { */
  display: none;
}

#formCreditoBiometrico.success #avatar-foto-biometrico,
#formCreditoBiometrico.success #avatar-foto-icono,
/* #formCreditoBiometrico.success #btn-biometrico-continuar, */
#formCreditoBiometrico.success #mensaje-biometrico {
  display: block;
}

#formCreditoBiometrico.success #avatar-biometrico {
  border-color: var(--color-success);
}

#formCreditoBiometrico.success #btn-biometrico-continuar {
  background-color: var(--color-success);
}

#formCreditoBiometrico.success #mensaje-biometrico {
  background-color: var(--color-success);
}


/* BIOMETRICO ERROR */
#formCreditoBiometrico.error #avatar-foto-biometrico,
#formCreditoBiometrico.error #not-bio-error,
#formCreditoBiometrico.error #mensaje-biometrico {
  display: block;
}


#formCreditoBiometrico.error #mensaje-biometrico {
  background-color: var(--color-error);
}

#formCreditoBiometrico.error #avatar-biometrico {
  border-color: var(--color-error);
}

#formCreditoBiometrico.error #not-bio-info,
/* #formCreditoBiometrico.error #btn-biometrico-iniciar, */
/* #formCreditoBiometrico.success #btn-biometrico-continuar, */
#formCreditoBiometrico.error #avatar-icon-biometrico
 {
  display: none;
} 

/* BIOMETRICO */

/* CARD-FIRMA-DOCUMENTOS */
.card-firma {
    width: 100%;
    max-width: 640px;
    height: 430px;
    border-radius: 16px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
    margin: 0 auto;
    padding: 10px 40px;
}
.firma-icon {
    width: 40px;
    height: 40px;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #FEF2F2;
}
/* CARD-FIRMA-DOCUMENTOS */

/*PANTALLA-FINAL*/
.request-tarjet {
  display: flex;
  flex-direction: column; 
  gap: 15px;
  background-color: #FFFFFF;
  padding: 25px;
  align-items: center; 
  border-radius: 12px; 
  border: 3px solid #F3F4F6;
  width: 90%;
  max-width: 950px;      
  min-width: 349px; 
  padding: 60px 0;   
  margin: 0 auto;
}
.background-icon {
  width: 130px;
  height: 130px;
  padding: 40px;
    background-color: #FEF3C7;
  border-radius: 50%;       
  color:#FBBF24;
}
.background-icon-success {
  width: 130px;
  height: 130px;
  padding: 40px;
  background-color: #DCFCE7;
  border-radius: 50%;    
  color:#22C55E;
}
.background-icon-time {
  width: 130px;
  height: 130px;
  padding: 40px;
  background-color: #DBEAFE;
  border-radius: 50%;      
  color:#3B82F6;
}
.description {
  width: 65%;    
  min-width: 310px; 
  background-color: #FFFFFF;
  font-size: 15px; 
  color: #78350F;
}
.description-normal {
   width: 70%;    
  min-width: 310px; 
  background-color: #FFFFFF;
  font-size: 20px; 
  color: #444444;

}
.words-strong {
  color: #5e2606; 
  font-size: 22px; 
}
.pantalla-principal{
  display: flex;
  padding: 80px;
  flex-direction: column; 
  gap: 50px; 
      align-items: center; 
  background-color: #f7f7f7;

}
.icon-container {
  display: flex;
  gap: 20px;
  padding: 40px;
  background-color: #eca4a4;
  font-family: sans-serif;
  align-items: center;
}
.status-icon {
  width: 130px;
  height: 130px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 20px;
}
.inner-circle {
  width: 80px;
 height: 80px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 20px;
  box-shadow: 0 4px 6px rgba(0,0,0,0.2);
}
.warning { background-color: #fff9e6; }
.warning .inner-circle { background-color: #ffb822; }
.success { background-color: #e6f9ed; }
.success .inner-circle { background-color: #2ecc71; }
.pending { background-color: #eaf2ff; }
.pending .inner-circle { background-color: #448aff; }
/*PANTALLA-FINAL*/


.body-terminos-legales ol { 
    list-style: none;
}

.body-terminos-legales li { 
    list-style: none;
}