.wa_cols {
    display: grid;
    grid-template-columns: auto 480px;
    grid-gap: 50px;
    align-items: start;
}
.wa_form label,
.wa_form input{
  display:block;
}
.wa-generator{
  margin:20px 0;
}
.wa_form label{
  margin-top:20px;
  margin-bottom:0;
  font-weight:700;
  color: #ff5c35;
}
.wa_help_text{
font-size: small;
  margin-bottom: 10px;
    margin-top: 0;
}
.wa_form input::placeholder{
  opacity:.2
}
.wa_form input{
  border-radius: 8px;
  border: 1px solid #ccc;
}
#resultado input{
    padding: 10px;
    display: flex;
    width: 100%;
    border-radius: 8px;
    border: 1px solid #ccc;
}
#mensajeMostrado{
position: absolute;
    left: 60px;
    bottom: 35px;
    font-size: 14px;
    text-overflow: ellipsis;
    width: 112px;
    overflow: hidden;
    white-space: nowrap;
}
{# Mobile Device #}
.fn__device-mobile {
  position: relative;
  z-index: 1;
  display: block;
  max-width: 100%;
  width: 17rem;
  height: auto;
  margin:auto;
}

.fn__device-mobile-frame {
  background: #f8fafd;
  box-shadow: 0 2.75rem 5.5rem -3.5rem rgba(189, 197, 209, 0.5), 0 2rem 4rem -2rem rgba(33, 50, 91, 0.3), inset 0 -0.1875rem 0.3125rem 0 rgba(151, 164, 175, 0.5);
  border-radius: 2rem;
  padding: 0.3125rem;
}

.fn__device-mobile-img {
  max-width: 100%;
  height: auto;
  border-radius: 1.6rem;
}
.wa_intro h2{
  font-size:24px;
  max-width:500px;
}
@media (max-width: 767px){
  .wa_cols {
    display: grid;
    grid-template-columns:100%;
  }
}