.vtexIdUI #loginWithAccessKeyBtn, .vtexIdUI #loginWithUserAndPasswordBtn, .vtexIdUI #vtexIdUI-facebook, .vtexIdUI #vtexIdUI-google-plus {
  padding: 15px 0px !important;
  background-image: none;
  border-radius: 5px;
  border: 0;
  box-shadow: none !important;
  text-shadow: none !important;
  font-size: 13px !important;
  font-weight: normal !important; }
  @media all and (min-width: 768px) {
    .vtexIdUI #loginWithAccessKeyBtn, .vtexIdUI #loginWithUserAndPasswordBtn, .vtexIdUI #vtexIdUI-facebook, .vtexIdUI #vtexIdUI-google-plus {
      margin: 0 auto;
      max-width: 420px;
      padding: 15px 19px !important;
      font-size: 19px !important; } }

.vtexIdUI {
  position: fixed !important;
  left: 50% !important;
  top: 20% !important;
  transform: translate(-50%, -20%);
  margin-left: 0 !important;
  border-radius: 20px !important;
  border: 1px solid #e8e8e8 !important;
  box-shadow: none !important; }
  .vtexIdUI * {
    font-family: "Rubik"; }
  @media all and (min-width: 768px) {
    .vtexIdUI {
      width: 616px !important; } }
  .vtexIdUI .modal-header {
    padding: 40px 15px 9px 15px !important;
    background: #FFF !important;
    border-bottom: none !important;
    text-align: center; }
    .vtexIdUI .modal-header:before {
      content: "Confirma tu identidad";
      font-family: "gilroy-bold", arial;
      font-size: 24px;
      font-weight: bold; }
      @media all and (min-width: 768px) {
        .vtexIdUI .modal-header:before {
          font-size: 30px; } }
    @media all and (min-width: 768px) {
      .vtexIdUI .modal-header {
        padding: 30px 15px 9px 15px !important; } }
  .vtexIdUI-user-email.pull-left.muted {
    float: none;
    margin: 15px 0 5px;
    text-decoration: underline; }
  .vtexIdUI h4 {
    color: #323232;
    font-size: 17px !important;
    font-weight: normal !important; }
    @media all and (min-width: 768px) {
      .vtexIdUI h4 {
        font-size: 19px !important; } }
    .vtexIdUI h4 span {
      font-size: 0; }
    .vtexIdUI h4 span:before {
      content: "Elije una de las opciones para confirmar tu identidad";
      font-size: 17px;
      font-family: "Rubik";
      font-weight: normal; }
      @media all and (min-width: 768px) {
        .vtexIdUI h4 span:before {
          font-size: 19px !important; } }
  .vtexIdUI #loginWithAccessKeyBtn {
    background-color: #27ae60; }
    .vtexIdUI #loginWithAccessKeyBtn .vtexid-icon-mail {
      display: none; }
  .vtexIdUI #loginWithUserAndPasswordBtn {
    background-color: #e8e8e8;
    color: #323232; }
  .vtexIdUI #vtexIdUI-facebook {
    border: none !important;
    background: none !important;
    background-color: #1243c0 !important;
    font-weight: normal !important; }
    .vtexIdUI #vtexIdUI-facebook .vtexid-icon-facebook {
      display: none; }
    .vtexIdUI #vtexIdUI-facebook .vtexIdUI-providers-name {
      font-weight: 500; }
  .vtexIdUI #vtexIdUI-google-plus {
    background-image: none !important;
    background: #ee3037 !important;
    color: white !important; }
    .vtexIdUI #vtexIdUI-google-plus .vtexid-icon-google-plus {
      display: none; }
    .vtexIdUI #vtexIdUI-google-plus .vtexIdUI-providers-name {
      font-weight: 500; }
  .vtexIdUI .vtexid-icon-lock {
    display: none; }
  .vtexIdUI .vtexIdUI-close {
    top: 12px !important;
    right: 10px !important;
    font-size: 34px !important;
    height: 24px;
    background: #FFF !important;
    color: #323232 !important;
    z-index: 10;
    display: block !important; }
    @media all and (min-width: 768px) {
      .vtexIdUI .vtexIdUI-close {
        top: 18px !important;
        right: 15px !important; } }
    .vtexIdUI .vtexIdUI-close:hover {
      background: transparent !important; }
  .vtexIdUI a.dead-link.pull-right:nth-child(3) {
    font-size: 0; }
    .vtexIdUI a.dead-link.pull-right:nth-child(3):after {
      content: "¿No tienes cuenta? Regístrate";
      font-size: 14px; }


      @keyframes vtexLoginModalToggle {
        from {
          outline-color: #fff; }
        to {
          outline-color: #000; } }
      
      .vtexIdUI-page-active {
        z-index: 29999999999 !important;
        height: auto !important; }
      
      #vtexIdContainer .vtexIdUI .modal-body li {
        height: 48px;
        margin-bottom: 12px !important;
        width: 100%; }
      
      #vtexIdContainer {
        z-index: 29999999999 !important;
		position: fixed !important; }
        #vtexIdContainer .vtexIdUI-page-active .modal-header {
          height: auto;
          position: relative; }
          #vtexIdContainer .vtexIdUI-page-active .modal-header .vtexIdUI-heading::before {
            content: 'Elige una de las opciones para iniciar sesión';
            font-family: 'Rubik';
            font-style: normal;
            font-weight: normal;
            font-size: 14px;
            line-height: 160%;
            background: white !important;
            padding: 0px;
            position: absolute;
            bottom: 14px;
            left: 0;
            right: 0;
            margin: auto; }
        #vtexIdContainer .vtexIdUI-change-pswd.vtexIdUI-page-active .modal-header .vtexIdUI-heading::before {
          font-size: 0px !important;
          padding: 0px; }
        #vtexIdContainer .vtexIdUI {
          box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.15) !important;
          border-radius: 12px !important;
          width: 360px;
          height: 518px !important; }
          #vtexIdContainer .vtexIdUI-shake {
            animation: none; }
          #vtexIdContainer .vtexIdUI .vtexIdUI-confirm-email .ng-valid .modal-body .vtexIdUI-email-field:after,
          #vtexIdContainer .vtexIdUI .vtexIdUI-auth-code .ng-valid .modal-body .vtexIdUI-email-field:after,
          #vtexIdContainer .vtexIdUI .vtexIdUI-classic-login .ng-valid .modal-body .vtexIdUI-email-field:after,
          #vtexIdContainer .vtexIdUI .vtexIdUI-confirm-email .ng-valid .modal-body .vtexIdUI-code-field:after,
          #vtexIdContainer .vtexIdUI .vtexIdUI-auth-code .ng-valid .modal-body .vtexIdUI-code-field:after,
          #vtexIdContainer .vtexIdUI .vtexIdUI-classic-login .ng-valid .modal-body .vtexIdUI-code-field:after,
          #vtexIdContainer .vtexIdUI .vtexIdUI-change-pswd .ng-dirty.ng-valid.ng-valid-required .controls:after {
            content: '';
            width: 18px;
            height: 18px;
            position: absolute;
            right: 14px;
            top: 16px;
            background-image: url(https://plazavea.vteximg.com.br/arquivos/check-input-success.png);
            background-repeat: no-repeat;
            z-index: 7;
            background-size: contain; }
          #vtexIdContainer .vtexIdUI .vtexIdUI-change-pswd .ng-dirty.ng-valid.ng-valid-required .controls:after {
            content: '';
            width: 18px;
            height: 18px;
            position: absolute;
            right: 14px;
            top: 16px;
            background-image: url(https://plazavea.vteximg.com.br/arquivos/check-input-success.png);
            background-repeat: no-repeat;
            z-index: 7;
            background-size: contain; }
          #vtexIdContainer .vtexIdUI .vtexIdUI-confirm-email .modal-footer .btn-success:before,
          #vtexIdContainer .vtexIdUI .vtexIdUI-auth-code .modal-footer .btn-success:before,
          #vtexIdContainer .vtexIdUI .vtexIdUI-classic-login .modal-footer .btn-success:before {
            content: 'Ingresar';
            text-transform: initial;
            font-style: normal;
            font-weight: 500;
            font-size: 16px;
            border-top: 0px !important; }
          #vtexIdContainer .vtexIdUI .vtexIdUI-confirm-email .modal-footer .vtexIdUI-back-link,
          #vtexIdContainer .vtexIdUI .vtexIdUI-auth-code .modal-footer .vtexIdUI-back-link,
          #vtexIdContainer .vtexIdUI .vtexIdUI-classic-login .modal-footer .vtexIdUI-back-link,
          #vtexIdContainer .vtexIdUI .vtexIdUI-change-pswd .modal-footer .vtexIdUI-back-link {
            position: absolute !important;
            top: 3px !important;
            font-size: 18px !important;
            left: 16px;
            width: 16px;
            height: 34px;
            color: #606060; }
            #vtexIdContainer .vtexIdUI .vtexIdUI-confirm-email .modal-footer .vtexIdUI-back-link:hover,
            #vtexIdContainer .vtexIdUI .vtexIdUI-auth-code .modal-footer .vtexIdUI-back-link:hover,
            #vtexIdContainer .vtexIdUI .vtexIdUI-classic-login .modal-footer .vtexIdUI-back-link:hover,
            #vtexIdContainer .vtexIdUI .vtexIdUI-change-pswd .modal-footer .vtexIdUI-back-link:hover {
              text-decoration: none; }
            #vtexIdContainer .vtexIdUI .vtexIdUI-confirm-email .modal-footer .vtexIdUI-back-link span,
            #vtexIdContainer .vtexIdUI .vtexIdUI-auth-code .modal-footer .vtexIdUI-back-link span,
            #vtexIdContainer .vtexIdUI .vtexIdUI-classic-login .modal-footer .vtexIdUI-back-link span,
            #vtexIdContainer .vtexIdUI .vtexIdUI-change-pswd .modal-footer .vtexIdUI-back-link span {
              font-size: 0px; }
          #vtexIdContainer .vtexIdUI .vtexIdUI-auth-code .modal-body label.info-code.text-center {
            margin: 32px 0 24px !important; }
            #vtexIdContainer .vtexIdUI .vtexIdUI-auth-code .modal-body label.info-code.text-center strong {
              font-weight: 700; }
          #vtexIdContainer .vtexIdUI .modal-body {
            max-width: 288px;
            margin: 0 auto;
            padding: 0;
            overflow-y: initial !important;
            animation: vtexLoginModalToggle 0.1s linear none; }
            #vtexIdContainer .vtexIdUI .modal-body li .vtexIdUI-others-send-email span {
              font-size: 0px; }
              #vtexIdContainer .vtexIdUI .modal-body li .vtexIdUI-others-send-email span:before {
                content: 'Ingresar con correo y contraseña';
                font-size: 14px;
                font-family: 'Rubik';
                font-style: normal;
                font-weight: 500;
                line-height: 140%;
                color: #9D1E23;
                position: relative !important;
                left: 0 !important;
                right: 0px !important;
                top: 0 !important;
                margin: auto;
                padding: 0 0 13px 0; }
            #vtexIdContainer .vtexIdUI .modal-body li #vtexIdUI-facebook p .vtexIdUI-providers-name:after {
              content: '';
              background-image: url(https://plazavea.vteximg.com.br/arquivos/Group-fb.png);
              background-repeat: no-repeat;
              background-size: contain;
              width: 106px;
              height: 20px !important;
              background-position: center;
              position: absolute;
              right: 0;
              left: 0;
              margin: auto; }
            #vtexIdContainer .vtexIdUI .modal-body li #vtexIdUI-google-plus p .vtexIdUI-providers-name:after {
              content: '';
              background-image: url(https://plazavea.vteximg.com.br/arquivos/Group-google.png);
              background-repeat: no-repeat;
              background-size: contain;
              width: 106px;
              height: 20px !important;
              background-position: center;
              position: absolute;
              right: 0;
              left: 0;
              margin: auto; }
          #vtexIdContainer .vtexIdUI .vtexIdUI-confirm-email .modal-footer,
          #vtexIdContainer .vtexIdUI .vtexIdUI-auth-code .modal-footer,
          #vtexIdContainer .vtexIdUI .vtexIdUI-classic-login .modal-footer {
            max-width: 300px;
            margin: 0 auto;
            padding: 0;
            border-top: 0px !important; }
          #vtexIdContainer .vtexIdUI .vtexIdUI-auth-code .info-code strong {
            display: block;
            font-family: 'Rubik';
            font-style: normal;
            font-weight: normal;
            font-size: 14px;
            line-height: 140%; }
          #vtexIdContainer .vtexIdUI #vtexIdUI-classic-login .control-group .dead-link,
          #vtexIdContainer .vtexIdUI #vtexIdUI-auth-selector .control-group .dead-link {
            position: absolute;
            bottom: -280px;
            left: 0;
            font-size: 0;
            width: 100%;
            display: flex;
            justify-content: center; }
            #vtexIdContainer .vtexIdUI #vtexIdUI-classic-login .control-group .dead-link:nth-child(2):before,
            #vtexIdContainer .vtexIdUI #vtexIdUI-auth-selector .control-group .dead-link:nth-child(2):before {
              display: none; }
            #vtexIdContainer .vtexIdUI #vtexIdUI-classic-login .control-group .dead-link:before,
            #vtexIdContainer .vtexIdUI #vtexIdUI-auth-selector .control-group .dead-link:before {
              content: "¿Eres nuevo en plazaVea? ";
              font-family: 'Rubik';
              font-style: normal;
              font-weight: normal;
              font-size: 14px;
              line-height: 140%;
              color: #333333; }
              #vtexIdContainer .vtexIdUI #vtexIdUI-classic-login .control-group .dead-link:before a:hover,
              #vtexIdContainer .vtexIdUI #vtexIdUI-auth-selector .control-group .dead-link:before a:hover {
                text-decoration: none; }
            #vtexIdContainer .vtexIdUI #vtexIdUI-classic-login .control-group .dead-link:nth-child(3):after,
            #vtexIdContainer .vtexIdUI #vtexIdUI-auth-selector .control-group .dead-link:nth-child(3):after {
              content: ' Regístrate';
              color: #9d1e23;
              font-family: 'Rubik';
              font-style: normal;
              font-weight: 500;
              font-size: 14px;
              line-height: 140%;
              padding-left: 4px;
              text-decoration: underline; }
          #vtexIdContainer .vtexIdUI #vtexIdUI-classic-login label[for="inputEmail"] span,
          #vtexIdContainer .vtexIdUI #vtexIdUI-auth-selector label[for="inputEmail"] span {
            display: none; }
          #vtexIdContainer .vtexIdUI #vtexIdUI-classic-login label[for="inputEmail"]:before,
          #vtexIdContainer .vtexIdUI #vtexIdUI-auth-selector label[for="inputEmail"]:before {
            content: 'Correo electrónico';
            font-size: 12px;
            position: absolute;
            line-height: 20px;
            color: #7e7e7e;
            background-color: white;
            font-weight: 400;
            top: 23px;
            left: 12px;
            transition-duration: 250ms;
            z-index: 10;
            font-family: 'Rubik'; }
          #vtexIdContainer .vtexIdUI #vtexIdUI-classic-login label[for="inputPassword"] span,
          #vtexIdContainer .vtexIdUI #vtexIdUI-auth-selector label[for="inputPassword"] span {
            font-size: 12px;
            position: absolute;
            line-height: 20px;
            color: #7e7e7e;
            background-color: white;
            font-weight: 400;
            top: 23px;
            left: 12px;
            transition-duration: 250ms;
            z-index: 10;
            font-family: 'Rubik'; }
          #vtexIdContainer .vtexIdUI #vtexIdUI-classic-login label[for="inputPassword"] .dead-link,
          #vtexIdContainer .vtexIdUI #vtexIdUI-auth-selector label[for="inputPassword"] .dead-link {
            position: absolute;
            bottom: -30px;
            left: 0;
            display: flex;
            justify-content: flex-end;
            font-family: 'Rubik';
            font-style: normal;
            font-weight: normal;
            font-size: 12px;
            line-height: 20px;
            color: #505050;
            text-decoration: underline;
            max-width: 288px; }
          #vtexIdContainer .vtexIdUI #vtexIdUI-auth-selector .control-group .dead-link {
            bottom: -155px; }
            #vtexIdContainer .vtexIdUI #vtexIdUI-auth-selector .control-group .dead-link:after {
              content: ' Regístrate';
              color: #9d1e23;
              font-family: 'Rubik';
              font-style: normal;
              font-weight: 500;
              font-size: 14px;
              line-height: 140%;
              padding-left: 4px;
              text-decoration: underline; }
          #vtexIdContainer .vtexIdUI label[for="inputNewPassword"] span {
            font-size: 12px;
            position: absolute;
            line-height: 20px;
            color: #7e7e7e;
            background-color: white;
            font-weight: 400;
            top: 16px;
            left: 12px;
            transition-duration: 250ms;
            z-index: 10;
            font-family: 'Rubik'; }
          #vtexIdContainer .vtexIdUI label[for="inputConfirmNewPassword"] span {
            font-size: 12px;
            position: absolute;
            line-height: 20px;
            color: #7e7e7e;
            background-color: white;
            font-weight: 400;
            top: 16px;
            left: 12px;
            transition-duration: 250ms;
            z-index: 10;
            font-family: 'Rubik'; }
          #vtexIdContainer .vtexIdUI .control-group.vtexIdUI-classic-login-control {
            position: relative;
            overflow: initial !important; }
          #vtexIdContainer .vtexIdUI .vtexIdUI-change-pswd .control-group {
            position: relative; }
          #vtexIdContainer .vtexIdUI .vtexIdUI-change-pswd span.vtexid-instruction {
            font-family: 'Rubik';
            font-style: normal;
            font-weight: normal;
            font-size: 14px;
            line-height: 140%;
            color: #303631; }
          #vtexIdContainer .vtexIdUI #vtexIdUI-classic-login .modal-footer {
            margin-top: 24px !important; }
          #vtexIdContainer .vtexIdUI .vtexid-password-requirements {
            margin-top: 16px; }
          #vtexIdContainer .vtexIdUI ul.vtexid-password-requirements-list {
            margin-top: 10px; }
          #vtexIdContainer .vtexIdUI .vtexid-password-requirements-list span.vtexid-icon-checkmark.ng-hide {
            text-indent: -9999px;
            background-image: url(https://plazavea.vteximg.com.br/arquivos/vector-check.png);
            background-repeat: no-repeat;
            background-size: contain;
            background-position: 0 3px;
            display: inline-block !important;
            height: 17px;
            width: 12px; }
          #vtexIdContainer .vtexIdUI button#tryChangePswdBtn {
            font-size: 0px !important;
            background: #9D1E23 !important;
            box-sizing: border-box;
            border-radius: 24px !important; }
            #vtexIdContainer .vtexIdUI button#tryChangePswdBtn:before {
              content: 'Registrar';
              font-family: 'Rubik';
              font-style: normal;
              font-weight: 500;
              font-size: 14px;
              line-height: 140%;
              text-transform: capitalize; }
          #vtexIdContainer .vtexIdUI .vtexIdUI-confirm-email .modal-body .vtexIdUI-email-field input {
            max-width: 288px;
            border: 1px solid #7e7e7e !important;
            box-sizing: border-box !important;
            border-radius: 4px !important;
            padding: 12px 10px !important;
            font-size: 16px !important;
            line-height: 20px !important;
            color: #7e7e7e !important;
            font-weight: 400 !important;
            width: 100% !important; }
          #vtexIdContainer .vtexIdUI .vtexIdUI-confirm-email .ng-valid .modal-body .vtexIdUI-email-field:after {
            content: '';
            width: 18px;
            height: 18px;
            position: absolute;
            right: 14px;
            top: -9px;
            background-image: url(https://plazavea.vteximg.com.br/arquivos/check-input-success.png);
            background-repeat: no-repeat;
            z-index: 7;
            background-size: contain; }
          #vtexIdContainer .vtexIdUI .vtexIdUI-confirm-email .ng-valid .modal-body .vtexIdUI-code-field:after {
            content: '';
            width: 18px;
            height: 18px;
            position: absolute;
            right: 14px;
            top: -9px;
            background-image: url(https://plazavea.vteximg.com.br/arquivos/check-input-success.png);
            background-repeat: no-repeat;
            z-index: 7;
            background-size: contain; }
          #vtexIdContainer .vtexIdUI .vtexIdUI-auth-code .modal-body .vtexIdUI-email-field input {
            max-width: 288px;
            border: 1px solid #7e7e7e !important;
            box-sizing: border-box !important;
            border-radius: 4px !important;
            padding: 12px 10px !important;
            font-size: 16px !important;
            line-height: 20px !important;
            color: #7e7e7e !important;
            font-weight: 400 !important;
            width: 100% !important; }
          #vtexIdContainer .vtexIdUI .vtexIdUI-auth-code .ng-valid .modal-body .vtexIdUI-email-field:after {
            content: '';
            width: 18px;
            height: 18px;
            position: absolute;
            right: 14px;
            top: -9px;
            background-image: url(https://plazavea.vteximg.com.br/arquivos/check-input-success.png);
            background-repeat: no-repeat;
            z-index: 7;
            background-size: contain; }
          #vtexIdContainer .vtexIdUI .vtexIdUI-auth-code .ng-valid .modal-body .vtexIdUI-code-field:after {
            content: '';
            width: 18px;
            height: 18px;
            position: absolute;
            right: 14px;
            top: -9px;
            background-image: url(https://plazavea.vteximg.com.br/arquivos/check-input-success.png);
            background-repeat: no-repeat;
            z-index: 7;
            background-size: contain; }
          #vtexIdContainer .vtexIdUI .vtexIdUI-classic-login .modal-body .vtexIdUI-email-field input {
            max-width: 288px;
            border: 1px solid #7e7e7e !important;
            box-sizing: border-box !important;
            border-radius: 4px !important;
            padding: 12px 10px !important;
            font-size: 16px !important;
            line-height: 20px !important;
            color: #7e7e7e !important;
            font-weight: 400 !important;
            width: 100% !important; }
          #vtexIdContainer .vtexIdUI .vtexIdUI-classic-login .ng-valid .modal-body .vtexIdUI-email-field:after {
            content: '';
            width: 18px;
            height: 18px;
            position: absolute;
            right: 14px;
            top: -9px;
            background-image: url(https://plazavea.vteximg.com.br/arquivos/check-input-success.png);
            background-repeat: no-repeat;
            z-index: 7;
            background-size: contain; }
          #vtexIdContainer .vtexIdUI .vtexIdUI-classic-login .ng-valid .modal-body .vtexIdUI-code-field:after {
            content: '';
            width: 18px;
            height: 18px;
            position: absolute;
            right: 14px;
            top: -9px;
            background-image: url(https://plazavea.vteximg.com.br/arquivos/check-input-success.png);
            background-repeat: no-repeat;
            z-index: 7;
            background-size: contain; }
          #vtexIdContainer .vtexIdUI .vtexIdUI-classic-login-control .ng-dirty.ng-valid.ng-valid-email:after {
            content: '';
            width: 18px;
            height: 18px;
            position: absolute;
            right: 14px;
            top: -9px;
            background-image: url(https://plazavea.vteximg.com.br/arquivos/check-input-success.png);
            background-repeat: no-repeat;
            z-index: 7;
            background-size: contain; }
          #vtexIdContainer .vtexIdUI .vtexIdUI-classic-login-control .ng-dirty.ng-valid.ng-valid-required:after {
            content: '';
            width: 18px;
            height: 18px;
            position: absolute;
            right: 14px;
            top: -9px;
            background-image: url(https://plazavea.vteximg.com.br/arquivos/check-input-success.png);
            background-repeat: no-repeat;
            z-index: 7;
            background-size: contain; }
        #vtexIdContainer #vtexIdUI-auth-selector .modal-header::before {
          font-family: 'Rubik';
          font-style: normal;
          font-weight: 500;
          font-size: 16px !important;
          line-height: 140%;
          color: #333333 !important; }
        #vtexIdContainer button#sendAccessKeyBtn {
          background: #9D1E23;
          box-sizing: border-box;
          border-radius: 24px !important;
          margin: 24px auto 0px !important; }
        #vtexIdContainer button#confirmLoginAccessKeyBtn {
          background: #9D1E23;
          box-sizing: border-box;
          border-radius: 24px !important;
          margin: 24px auto 0px !important; }
        #vtexIdContainer .vtexIdUI-change-pswd .modal-body .controls input {
          margin: 24px auto 0px !important; }
        #vtexIdContainer .vtexIdUI-change-pswd .modal-header h4 {
          margin: 32px 20px 0; }
        #vtexIdContainer .vtexIdUI-change-pswd .ng-invalid .modal-footer .btn-success {
          margin-top: 0px !important; }
        #vtexIdContainer .modal-body .controls input {
          height: 48px !important;
          margin: 32px auto 0px !important;
          border: 1px solid #7e7e7e !important;
          box-sizing: border-box !important;
          border-radius: 4px !important;
          padding: 12px 10px !important;
          font-size: 16px !important;
          line-height: 20px !important;
          color: #7e7e7e !important;
          font-weight: 400 !important;
          width: 100% !important;
          max-width: 288px !important; }
        #vtexIdContainer #vtexIdUI-change-pswd .vtexIdUI-user {
          margin-bottom: 0px;
          height: 0px; }
        #vtexIdContainer #vtexIdUI-change-pswd .modal-header {
          padding-bottom: 0px !important; }
          #vtexIdContainer #vtexIdUI-change-pswd .modal-header h4 {
            height: 59px !important; }
            #vtexIdContainer #vtexIdUI-change-pswd .modal-header h4:before {
              content: 'Le enviaremos un código de confirmación a su correo electrónico';
              width: 288px;
              height: 59px;
              background: #FFF6D9;
              color: #606060;
              border-radius: 4px;
              display: block;
              font-family: 'Rubik';
              font-style: normal;
              font-weight: normal;
              font-size: 14px;
              line-height: 20px;
              padding: 9px 28px 10px 12px;
              text-align: left; }
        #vtexIdContainer #vtexIdUI-change-pswd button#tryChangePswdBtn {
          margin-top: 0px !important;
          height: 48px;
          width: 288px;
          max-width: 300px;
          margin: 0 auto;
          float: none;
          display: flex;
          align-items: center;
          justify-content: center; }
        #vtexIdContainer #vtexIdUI-change-pswd .info-why {
          display: none;
          font-size: 0px;
          position: absolute;
          bottom: -10px; }
        #vtexIdContainer #vtexIdUI-change-pswd .vtexid-password-requirements-description {
          color: #303631;
          font-family: Rubik;
          font-style: normal;
          font-weight: 500;
          font-size: 14px;
          line-height: 140%; }
        #vtexIdContainer .vtexIdUI {
          width: 360px !important;
          box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.15) !important;
          border-radius: 12px !important; }
          @media screen and (max-width: 762px) {
            #vtexIdContainer .vtexIdUI {
              width: 100% !important;
              border-radius: 0px !important;
              height: 100% !important; } }
          #vtexIdContainer .vtexIdUI .alert {
            width: auto;
            padding: 3px 35px 3px 14px;
            margin: -8px 0 4px;
            text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
            background-color: #fcf8e3;
            border: 1px solid #fbeed5;
            border-radius: 4px;
            color: #c09853;
            font-size: 10px; }
          #vtexIdContainer .vtexIdUI p.alert.alert-warning.alert-wrong-pswd {
            margin: 0px !important;
            position: relative;
            bottom: -37px;
            padding: 3px 5px !important;
            font-size: 0px; }
            #vtexIdContainer .vtexIdUI p.alert.alert-warning.alert-wrong-pswd:after {
              content: 'Usuario y/o contraseña incorrecta';
              color: #c09853;
              font-size: 10px; }
          #vtexIdContainer .vtexIdUI p.alert.alert-info {
            margin: 0px !important;
            position: relative;
            bottom: -32px; }
          #vtexIdContainer .vtexIdUI #vtexIdUI-auth-selector .modal-header {
            height: 100px; }
          #vtexIdContainer .vtexIdUI .modal-header {
            font-size: 0px;
            text-align: center;
            padding: 14px 15px 0px !important; }
            #vtexIdContainer .vtexIdUI .modal-header:before {
              content: 'Inicia sesión';
              font-size: 16px;
              font-style: normal;
              font-weight: 500;
              font-size: 16px;
              width: 100%;
              border-bottom: 1px solid #f5f5f5 !important;
              display: block;
              padding-bottom: 13px;
              font-family: 'Rubik' !important; }
            #vtexIdContainer .vtexIdUI .modal-header .vtexIdUI-close {
              color: #606060 !important;
              font-weight: 100 !important;
              top: 5px !important;
              font-size: 27px !important; }
            #vtexIdContainer .vtexIdUI .modal-header .vtexIdUI-heading {
              font-size: 0px !important;
              display: inline-flex !important;
              padding: 0px;
              margin: 0px; }
              #vtexIdContainer .vtexIdUI .modal-header .vtexIdUI-heading:before {
                content: 'Elige una de las opciones para iniciar sesión';
                font-weight: normal;
                font-size: 14px;
                display: block;
                padding-top: 10px; }
              #vtexIdContainer .vtexIdUI .modal-header .vtexIdUI-heading span:before {
                display: none !important; }
          #vtexIdContainer .vtexIdUI .modal-body .vtexIdUI-providers-list {
            display: flex;
            flex-direction: column; }
            #vtexIdContainer .vtexIdUI .modal-body .vtexIdUI-providers-list li:nth-child(4) {
              order: 2; }
            #vtexIdContainer .vtexIdUI .modal-body .vtexIdUI-providers-list li:nth-child(2) {
              order: 3; }
            #vtexIdContainer .vtexIdUI .modal-body .vtexIdUI-providers-list li:nth-child(3) {
              order: 4; }
          #vtexIdContainer .vtexIdUI .modal-body .vtexid-password-requirements li {
            max-width: 288px !important;
            padding-bottom: 0px !important;
            margin: auto auto 8px !important;
            width: 100%;
            height: auto; }
          #vtexIdContainer .vtexIdUI .modal-body li .vtexIdUI-send-email {
            background: #9d1e23 !important;
            border: 1px solid #9d1e23 !important;
            box-sizing: border-box !important;
            border-radius: 24px !important;
            font-family: Rubik;
            font-style: normal;
            font-weight: 500 !important;
            font-size: 14px !important;
            line-height: 140%;
            height: 48px;
            display: flex;
            justify-content: center;
            padding: 14px 0 !important; }
          #vtexIdContainer .vtexIdUI .modal-body li .vtexIdUI-others-send-email {
            border: 1px solid #9d1e23 !important;
            box-sizing: border-box !important;
            border-radius: 24px !important;
            background-color: white !important;
            color: #9d1e23 !important;
            height: 48px;
            display: flex;
            justify-content: center;
            padding: 14px 0 !important; }
          #vtexIdContainer .vtexIdUI .modal-body li #vtexIdUI-facebook {
            border: 1px solid #707071 !important;
            box-sizing: border-box !important;
            border-radius: 24px !important;
            background-color: white !important;
            color: #3a559f !important;
            height: 48px;
            display: flex;
            justify-content: center;
            padding: 14px 0 !important; }
            #vtexIdContainer .vtexIdUI .modal-body li #vtexIdUI-facebook p {
              font-size: 0px !important; }
              #vtexIdContainer .vtexIdUI .modal-body li #vtexIdUI-facebook p .vtexIdUI-providers-name {
                font-size: 0px !important; }
          #vtexIdContainer .vtexIdUI .modal-body li #vtexIdUI-google-plus {
            border: 1px solid #707071 !important;
            box-sizing: border-box !important;
            border-radius: 24px !important;
            background-color: white !important;
            color: #707071 !important;
            height: 48px;
            display: flex;
            justify-content: center;
            padding: 14px 0 !important; }
            #vtexIdContainer .vtexIdUI .modal-body li #vtexIdUI-google-plus p {
              font-size: 0px !important; }
              #vtexIdContainer .vtexIdUI .modal-body li #vtexIdUI-google-plus p .vtexIdUI-providers-name {
                font-size: 0px !important; }
          #vtexIdContainer .vtexIdUI .modal-body li #vtexIdUI-facebook p .vtexIdUI-providers-name {
            font-size: 0px !important; }
          #vtexIdContainer .vtexIdUI .modal-body li .vtexIdUI-others-send-email span:before {
            content: 'Ingresar con correo y contraseña';
            font-size: 14px;
            font-family: 'Rubik', sans-serif;
            font-style: normal;
            font-weight: 500;
            line-height: 140%;
            color: #9D1E23;
            position: relative !important;
            left: 0 !important;
            right: 0px !important;
            top: 0 !important;
            margin: auto;
            padding: 0 0 13px 0; }
          #vtexIdContainer .vtexIdUI .modal-body li .vtexIdUI-others-send-email span {
            font-size: 0px; }
          #vtexIdContainer .vtexIdUI .modal-footer {
            margin: 0 auto;
            padding: 0;
            border-radius: 0;
            bottom: auto;
            position: initial;
            border-top: 0px;
            text-align: center;
            background: white; }
          #vtexIdContainer .vtexIdUI button#loginWithAccessKeyBtn span {
            font-size: 0; }
          #vtexIdContainer .vtexIdUI button#loginWithAccessKeyBtn span:before {
            content: 'Recibir la clave de acceso por correo';
            font-family: 'Rubik', sans-serif;
            font-style: normal;
            font-weight: 500;
            font-size: 14px;
            line-height: 140%; }
          #vtexIdContainer .vtexIdUI .modal-body li #vtexIdUI-facebook p .vtexIdUI-providers-name:after {
            content: '';
            background-image: url(https://plazavea.vteximg.com.br/arquivos/Group-fb.png);
            background-repeat: no-repeat;
            background-size: contain;
            width: 106px;
            height: 20px !important;
            background-position: center;
            position: absolute;
            right: 0;
            left: 0;
            margin: auto; }
          #vtexIdContainer .vtexIdUI .modal-body li #vtexIdUI-google-plus p .vtexIdUI-providers-name:after {
            content: '';
            background-image: url(https://plazavea.vteximg.com.br/arquivos/Group-google.png);
            background-repeat: no-repeat;
            background-size: contain;
            width: 106px;
            height: 20px !important;
            background-position: center;
            position: absolute;
            right: 0;
            left: 0;
            margin: auto; }
          #vtexIdContainer .vtexIdUI .vtexIdUI-confirm-email .ng-valid .modal-body .vtexIdUI-email-field:after,
          #vtexIdContainer .vtexIdUI .vtexIdUI-confirm-email .ng-valid .modal-body .vtexIdUI-code-field:after,
          #vtexIdContainer .vtexIdUI .vtexIdUI-auth-code .ng-valid .modal-body .vtexIdUI-email-field:after,
          #vtexIdContainer .vtexIdUI .vtexIdUI-auth-code .ng-valid .modal-body .vtexIdUI-code-field:after,
          #vtexIdContainer .vtexIdUI .vtexIdUI-classic-login .ng-valid .modal-body .vtexIdUI-email-field:after,
          #vtexIdContainer .vtexIdUI .vtexIdUI-classic-login .ng-valid .modal-body .vtexIdUI-code-field:after {
            content: '';
            width: 18px;
            height: 18px;
            position: absolute;
            right: 14px;
            top: -9px;
            background-image: url(https://plazavea.vteximg.com.br/arquivos/check-input-success.png);
            background-repeat: no-repeat;
            z-index: 7;
            background-size: contain; }
          #vtexIdContainer .vtexIdUI .vtexIdUI-confirm-email .ng-valid .modal-body .vtexIdUI-email-field input,
          #vtexIdContainer .vtexIdUI .vtexIdUI-confirm-email .ng-valid .modal-body .vtexIdUI-code-field input,
          #vtexIdContainer .vtexIdUI .vtexIdUI-auth-code .ng-valid .modal-body .vtexIdUI-email-field input,
          #vtexIdContainer .vtexIdUI .vtexIdUI-auth-code .ng-valid .modal-body .vtexIdUI-code-field input,
          #vtexIdContainer .vtexIdUI .vtexIdUI-classic-login .ng-valid .modal-body .vtexIdUI-email-field input,
          #vtexIdContainer .vtexIdUI .vtexIdUI-classic-login .ng-valid .modal-body .vtexIdUI-code-field input {
            background-color: white !important; }
          #vtexIdContainer .vtexIdUI .vtexIdUI-confirm-email .ng-invalid .modal-footer .btn-success,
          #vtexIdContainer .vtexIdUI .vtexIdUI-auth-code .ng-invalid .modal-footer .btn-success,
          #vtexIdContainer .vtexIdUI .vtexIdUI-classic-login .ng-invalid .modal-footer .btn-success {
            opacity: 0.5 !important; }
          #vtexIdContainer .vtexIdUI .vtexIdUI-confirm-email .modal-header:before,
          #vtexIdContainer .vtexIdUI .vtexIdUI-auth-code .modal-header:before,
          #vtexIdContainer .vtexIdUI .vtexIdUI-classic-login .modal-header:before {
            content: 'Ingresa tu correo'; }
          #vtexIdContainer .vtexIdUI .vtexIdUI-confirm-email .modal-header h4,
          #vtexIdContainer .vtexIdUI .vtexIdUI-auth-code .modal-header h4,
          #vtexIdContainer .vtexIdUI .vtexIdUI-classic-login .modal-header h4 {
            display: none !important; }
          #vtexIdContainer .vtexIdUI .vtexIdUI-confirm-email .modal-header .vtexIdUI-heading:before,
          #vtexIdContainer .vtexIdUI .vtexIdUI-auth-code .modal-header .vtexIdUI-heading:before,
          #vtexIdContainer .vtexIdUI .vtexIdUI-classic-login .modal-header .vtexIdUI-heading:before {
            display: none !important; }
          #vtexIdContainer .vtexIdUI .vtexIdUI-confirm-email .modal-header .vtexIdUI-heading span:before,
          #vtexIdContainer .vtexIdUI .vtexIdUI-auth-code .modal-header .vtexIdUI-heading span:before,
          #vtexIdContainer .vtexIdUI .vtexIdUI-classic-login .modal-header .vtexIdUI-heading span:before {
            display: none !important; }
          #vtexIdContainer .vtexIdUI .vtexIdUI-confirm-email .modal-body .vtexIdUI-email-field,
          #vtexIdContainer .vtexIdUI .vtexIdUI-auth-code .modal-body .vtexIdUI-email-field,
          #vtexIdContainer .vtexIdUI .vtexIdUI-classic-login .modal-body .vtexIdUI-email-field {
            position: relative; }
            #vtexIdContainer .vtexIdUI .vtexIdUI-confirm-email .modal-body .vtexIdUI-email-field input,
            #vtexIdContainer .vtexIdUI .vtexIdUI-auth-code .modal-body .vtexIdUI-email-field input,
            #vtexIdContainer .vtexIdUI .vtexIdUI-classic-login .modal-body .vtexIdUI-email-field input {
              border: 1px solid #7e7e7e !important;
              box-sizing: border-box !important;
              border-radius: 4px !important;
              padding: 12px 10px !important;
              font-size: 16px !important;
              line-height: 20px !important;
              color: #7e7e7e !important;
              font-weight: 400 !important;
              width: 100% !important; }
              #vtexIdContainer .vtexIdUI .vtexIdUI-confirm-email .modal-body .vtexIdUI-email-field input.success,
              #vtexIdContainer .vtexIdUI .vtexIdUI-auth-code .modal-body .vtexIdUI-email-field input.success,
              #vtexIdContainer .vtexIdUI .vtexIdUI-classic-login .modal-body .vtexIdUI-email-field input.success {
                border: 1px solid green !important; }
              #vtexIdContainer .vtexIdUI .vtexIdUI-confirm-email .modal-body .vtexIdUI-email-field input.error,
              #vtexIdContainer .vtexIdUI .vtexIdUI-auth-code .modal-body .vtexIdUI-email-field input.error,
              #vtexIdContainer .vtexIdUI .vtexIdUI-classic-login .modal-body .vtexIdUI-email-field input.error {
                border: 1px solid red; }
            #vtexIdContainer .vtexIdUI .vtexIdUI-confirm-email .modal-body .vtexIdUI-email-field:before,
            #vtexIdContainer .vtexIdUI .vtexIdUI-auth-code .modal-body .vtexIdUI-email-field:before,
            #vtexIdContainer .vtexIdUI .vtexIdUI-classic-login .modal-body .vtexIdUI-email-field:before {
              content: 'Correo electrónico';
              font-size: 12px;
              position: absolute;
              line-height: 20px;
              color: #7e7e7e;
              background-color: white;
              font-weight: 400;
              top: -11px;
              left: 12px;
              transition-duration: 250ms;
              z-index: 10; }
          #vtexIdContainer .vtexIdUI .vtexIdUI-confirm-email .modal-footer,
          #vtexIdContainer .vtexIdUI .vtexIdUI-auth-code .modal-footer,
          #vtexIdContainer .vtexIdUI .vtexIdUI-classic-login .modal-footer {
            position: initial !important;
            background-color: transparent !important;
            box-shadow: none !important;
            border-radius: 0px !important; }
            #vtexIdContainer .vtexIdUI .vtexIdUI-confirm-email .modal-footer .vtexIdUI-back-link,
            #vtexIdContainer .vtexIdUI .vtexIdUI-auth-code .modal-footer .vtexIdUI-back-link,
            #vtexIdContainer .vtexIdUI .vtexIdUI-classic-login .modal-footer .vtexIdUI-back-link {
              position: absolute !important;
              top: 3px !important;
              font-size: 18px !important; }
              #vtexIdContainer .vtexIdUI .vtexIdUI-confirm-email .modal-footer .vtexIdUI-back-link i,
              #vtexIdContainer .vtexIdUI .vtexIdUI-auth-code .modal-footer .vtexIdUI-back-link i,
              #vtexIdContainer .vtexIdUI .vtexIdUI-classic-login .modal-footer .vtexIdUI-back-link i {
                color: #606060; }
              #vtexIdContainer .vtexIdUI .vtexIdUI-confirm-email .modal-footer .vtexIdUI-back-link span,
              #vtexIdContainer .vtexIdUI .vtexIdUI-auth-code .modal-footer .vtexIdUI-back-link span,
              #vtexIdContainer .vtexIdUI .vtexIdUI-classic-login .modal-footer .vtexIdUI-back-link span {
                font-size: 0px !important; }
            #vtexIdContainer .vtexIdUI .vtexIdUI-confirm-email .modal-footer .btn-success,
            #vtexIdContainer .vtexIdUI .vtexIdUI-auth-code .modal-footer .btn-success,
            #vtexIdContainer .vtexIdUI .vtexIdUI-classic-login .modal-footer .btn-success {
              float: none !important;
              max-width: 288px !important;
              margin: auto !important;
              background-color: #9d1e23 !important;
              background-image: none !important;
              border-color: transparent !important;
              text-shadow: none !important;
              box-shadow: none !important;
              width: 288px !important;
              height: 48px;
              display: block !important;
              font-size: 0px; }
              #vtexIdContainer .vtexIdUI .vtexIdUI-confirm-email .modal-footer .btn-success:before,
              #vtexIdContainer .vtexIdUI .vtexIdUI-auth-code .modal-footer .btn-success:before,
              #vtexIdContainer .vtexIdUI .vtexIdUI-classic-login .modal-footer .btn-success:before {
                content: 'Continuar';
                font-size: 16px; }
          #vtexIdContainer .vtexIdUI .vtexIdUI-classic-login .modal-body .dead-link {
            font-weight: normal;
            color: #7e7e7e; }
            #vtexIdContainer .vtexIdUI .vtexIdUI-classic-login .modal-body .dead-link:after {
              font-size: 12px; }
          #vtexIdContainer .vtexIdUI .vtexIdUI-classic-login .modal-header:before {
            content: 'Inicia sesión'; }
          #vtexIdContainer .vtexIdUI .vtexIdUI-classic-login .modal-footer .btn-success:before {
            content: 'Ingresar';
            font-size: 15px; }
          #vtexIdContainer .vtexIdUI .vtexIdUI-auth-code .modal-header:before {
            content: 'Ingresa el código'; }
          #vtexIdContainer .vtexIdUI .vtexIdUI-auth-code .modal-body .vtexIdUI-code-field {
            position: relative;
            width: 100%;
            max-width: 288px; }
            #vtexIdContainer .vtexIdUI .vtexIdUI-auth-code .modal-body .vtexIdUI-code-field input {
              border: 1px solid #7e7e7e !important;
              box-sizing: border-box !important;
              border-radius: 4px !important;
              padding: 12px 10px !important;
              font-size: 16px !important;
              line-height: 20px !important;
              color: #7e7e7e !important;
              font-weight: 400 !important;
              width: 100% !important; }
              #vtexIdContainer .vtexIdUI .vtexIdUI-auth-code .modal-body .vtexIdUI-code-field input.ng-valid-email {
                border: 1px solid green !important; }
              #vtexIdContainer .vtexIdUI .vtexIdUI-auth-code .modal-body .vtexIdUI-code-field input.error {
                border: 1px solid red; }
            #vtexIdContainer .vtexIdUI .vtexIdUI-auth-code .modal-body .vtexIdUI-code-field:before {
              content: 'Código';
              font-size: 14px;
              position: absolute;
              line-height: 20px;
              color: #7e7e7e;
              background-color: white;
              font-weight: 400;
              top: -11px;
              left: 10px;
              transition-duration: 250ms;
              z-index: 10; }
          #vtexIdContainer .vtexIdUI .vtexIdUI-auth-code .modal-body .info-code {
            margin-bottom: 15px !important; }
            #vtexIdContainer .vtexIdUI .vtexIdUI-auth-code .modal-body .info-code span {
              font-size: 0px; }
              #vtexIdContainer .vtexIdUI .vtexIdUI-auth-code .modal-body .info-code span:before {
                content: 'Te enviamos el código al correo';
                font-style: normal;
                font-weight: normal;
                font-size: 14px; }
          #vtexIdContainer .vtexIdUI .vtexIdUI-auth-code .modal-footer .btn-success:before {
            content: 'Confirmar código';
            font-size: 15px; }
      
      #vtexIdContainer .vtexIdUI .vtexIdUI-confirm-email .modal-footer .btn-success,
      #vtexIdContainer .vtexIdUI .vtexIdUI-auth-code .modal-footer .btn-success,
      #vtexIdContainer .vtexIdUI .vtexIdUI-classic-login .modal-footer .btn-success,
      #vtexIdContainer .vtexIdUI-change-pswd .ng-invalid .modal-footer .btn-success {
        float: none !important;
        max-width: 288px !important;
        margin: auto !important;
        background-color: #9d1e23 !important;
        background-image: none !important;
        border-color: transparent !important;
        text-shadow: none !important;
        box-shadow: none !important;
        width: 288px !important;
        display: flex !important;
        align-items: center;
        justify-content: center;
        font-size: 0px;
        box-sizing: border-box !important;
        border-radius: 24px !important;
        font-family: 'Rubik';
        font-weight: 500;
        margin-top: 24px !important; }
      
      #vtexIdContainer .vtexIdUI .ng-valid.ng-valid-email .controls:after,
      #vtexIdContainer .vtexIdUI .control-group.vtexIdUI-classic-login-control:nth-child(4) .controls:after {
        content: '';
        width: 18px;
        height: 18px;
        position: absolute;
        right: 14px;
        top: 23px;
        background-image: url(https://plazavea.vteximg.com.br/arquivos/check-input-success.png);
        background-repeat: no-repeat;
        z-index: 7;
        background-size: contain; }
      
      .vtexIdUI-page-active {
        background-color: #ffffff;
        position: absolute;
        width: 100%; }
      
      .linkClassLogin {
        margin-top: 10px;
        float: none !important; }
        .linkClassLogin input {
          width: 15px !important; }
        .linkClassLogin a {
          color: #333 !important;
          text-decoration-line: underline !important; }