.login{
  &__left{
    background-size: cover;
    background-image: url("../../imagen/bgencuesta.png");
    height: 100vh;
    &__contenido{
      position: relative;
      left: 120px;
      bottom: -4px;

    }
    img{
      margin-bottom: 35px;
    }
    h1{
      position: relative;
      display: table-cell;
      z-index: 1;
      color: #FFFFFF;
      text-shadow: 0px 5px 10px rgba(0, 0, 0, 0.07);

      &:before{
        z-index: -1;
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        background-image: url("../../imagen/detalleazul.png");
        height: 25px;
        width: 100%;
      }
    }
  }
  &__right{
    margin: 0 85px;
    height: 100%;
    &__formulario{
      &__select{
        position: relative;
        &:after{
          content: "";
          position: absolute;
          background: #EFEFEF;
          width: 1px;
          height: 100%;
          right: 45px;
          top: 0;
        }
        &:before{
          position: absolute;
          right: 15px;
          top: 14px;
          font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f107";
          color: #2F96F1;
        }
      }
      &__boton{
        margin-top: 25px;
        input{
          box-shadow: 0px 5px 10px rgba(0, 60, 139, 0.1);
          font-size: 0.875rem;
          font-family: $plutoS;
          text-transform: uppercase;
          color: $white;
          color: #fff;
          border: 0!important;
          border-radius: 0;
          background: $azulClaro;
          transition: all .5s;
          &:hover{
            background: $azul;
          }
        }
      }
      margin-top: 35px;
      select{
        height: 50px;
        border: 1px solid #EFEFEF;
        color: $gris;
      }
      input{
        border: 1px solid #EFEFEF;
        height: 50px;
      }
      select{
        -webkit-appearance: none;
        -moz-appearance: none;
        text-indent: 1px;
        text-overflow: '';
      }

      label{
        font-weight: bold;
        color: $negro;
      }
    }
    ul{
      li{
        color: $gris;
        display: initial;
        margin-left: 10px;
        a{
          color: $azulClaro;
          text-transform: uppercase;
        }
      }
    }
    h3{
      color: $azul;
      margin-bottom: 18px;
      font-style: normal;
      font-weight: 800;
      line-height: 37px;
      text-transform: uppercase;

    }
  }
  .terminos{
    font-weight: 100;
    a{
      font-weight: 100;
    }
  }
}