.login_input{
    margin-top: 1rem;
    padding-top: 0.73rem;
    padding-bottom: 0.7rem;
    background-color: var(--bs-body-bg);
}

.carta-registro {
    padding: 1rem;
    margin-top: 1rem;
    margin-bottom: 10rem;
}

@media screen and (max-width: 340px) {
    body{
        overflow-x: hidden;
    }
}

.form-group{
    width: 70%;
    min-width: 280px;
}

.iti{
    width: 100%;
}

/********************************/

label {
    width: 100%;
    margin: 1rem 0 0;
    position:relative;
    display: inline-block;
  }
    
  label span {
    padding: 0.4rem;
    pointer-events: none;
    position:absolute;
    left: 0.5rem;
    top: 0;
    transition: 0.2s;
    transition-timing-function: ease;
    transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
    opacity:0.5;
  }
  
  input:focus + span, input:not(:placeholder-shown) + span{
    opacity:1;
    transform: scale(0.75) translateY(-100%) translateX(-2.5rem);
  }
  input:focus + span, input:not(:-ms-input-placeholder) + span {
    opacity:1;
    transform: scale(0.75) translateY(-100%) translateX(-2.5rem);
  }

  input#email:focus + span, input#email:not(:placeholder-shown) + span {
    margin-left: -0.5rem;
  }

  input#password2:focus + span, input#password2:not(:placeholder-shown) + span {
    margin-left: -0.6rem;
  }
  
  input#pais:focus + span, input#pais:not(:placeholder-shown) + span {
    margin-left: 0.4rem;
  }
  
  input#email:focus + span, input#email:not(:-ms-input-placeholder) + span {
    margin-left: -0.5rem;
  }

  input#password2:focus + span, input#password2:not(:-ms-input-placeholder) + span {
    margin-left: -0.6rem;
  }
  
  input#pais:focus + span, input#pais:not(:-ms-input-placeholder) + span {
    margin-left: 0.4rem;
  }