.container-vinculaciones {
  padding: 50px 0px;
  min-height: 650px;
  /* background: url('../images/bg-operaciones.svg?v=2') no-repeat center; */
}

.container-vinculaciones h2 {
  color: #2c2a29;
  font-size: 36px;
  font-weight: 200;
  margin-bottom: 20px;
  font-family: "CIBFont Sans";
}

.container-vinculaciones .vinculaciones-subtitulo {
  font-size: 16px;
  font-weight: 400;
  font-family: "Open Sans";
}

.container-vinculaciones-page {
  max-width: 718px;
  margin: auto;
}

.container-vinculaciones-form {
  max-width: 500px;
  margin: auto;
}
.vin-card-info {
  padding: 15px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0px 1px 8px rgba(44, 42, 41, 0.08);
  position: relative;
  padding-left: 60px;
  text-align: justify;
  line-height: 1.4;
  font-size: 14px;
  font-weight: 400;
  font-family: "Open Sans";
  min-height: 64px;
  display: flex;
  align-items: center;
}

.vin-card-info.blue::before {
  content: "";
  position: absolute;
  top: 17px;
  left: 15px;
  display: inline-block;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #59cbe8
    url('data:image/svg+xml,<svg width="8" height="12" viewBox="0 0 8 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.33333 8.48793V8.66793H2.66667V8.48126C2.66667 7.42835 2.29344 7.0374 1.67657 6.39126L1.67467 6.38926L1.58067 6.2906C0.990667 5.67593 0.666667 4.8626 0.666667 4.00126C0.666667 2.9906 1.11533 2.04593 1.89733 1.40993C2.67933 0.77393 3.708 0.531264 4.71867 0.741264C6.002 1.00593 7.02867 2.0566 7.272 3.35526C7.46067 4.37726 7.18667 5.4086 6.522 6.1826C6.44565 6.27035 6.37226 6.35146 6.30263 6.4284L6.30259 6.42844L6.232 6.5066L6.23187 6.50673C5.70994 7.07866 5.33333 7.49134 5.33333 8.48793ZM2 9.3346H6V8.48793C6 7.75003 6.24194 7.48467 6.72381 6.95614L6.724 6.95593L6.74943 6.92798L6.74951 6.9279C6.83615 6.83271 6.92831 6.73145 7.026 6.6186C7.82467 5.68993 8.15333 4.45593 7.928 3.23326C7.634 1.67126 6.39933 0.407264 4.854 0.0879304C3.64733 -0.163403 2.41467 0.12993 1.47667 0.892597C0.538667 1.65593 0 2.78926 0 4.00126C0 5.03526 0.390667 6.0126 1.098 6.75126L1.19267 6.84926L1.19376 6.85041C1.78027 7.46488 2 7.69508 2 8.48126V9.3346ZM1.33333 4.00126H2C2 2.8986 2.89733 2.00126 4 2.00126V1.3346C2.52933 1.3346 1.33333 2.5306 1.33333 4.00126ZM6 10.6679V10.0013H2V10.6679H6ZM6 11.3346V12.0013H2V11.3346H6Z" fill="%232C2A29"/></svg>')
    no-repeat center;
}

.vin-accordion {
  margin: 30px 0px;
  box-shadow: 0px 1px 8px #2c2a2914;

  border-radius: 0px 0px 10px 10px;
  margin-bottom: 30px;
}
.vin-accordion .vin-accordion-header {
  padding: 15px;
  background: #2c2a29;
  border-radius: 10px 10px 0px 0px;
  cursor: pointer;
  position: relative;
}
.vin-accordion .vin-accordion-header label {
  margin: 0px;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
}

.vin-accordion .vin-accordion-header .vin-button {
  display: inline-block;
  width: 24px;
  height: 24px;
  position: absolute;
  right: 15px;
  top: 15px;
  background: url('data:image/svg+xml,<svg width="18" height="10" viewBox="0 0 18 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M17.092 9.06997L9.607 1.58497C9.216 1.19497 8.583 1.19497 8.193 1.58497L0.707 9.06997L0 8.36297L7.486 0.877969C8.265 0.0979688 9.534 0.0979688 10.314 0.877969L17.799 8.36297L17.092 9.06997Z" fill="white"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  transform: rotate(0deg);
  transition: transform 0.25s;
}
.vin-accordion.closed .vin-accordion-header {
  background: #fff;
}

.vin-accordion.closed .vin-accordion-header label {
  color: #2c2a29;
  font-weight: 600;
}
.vin-accordion.closed .vin-accordion-header .vin-button {
  transform: rotate(180deg);
  transition: transform 0.25s;
  background-image: url('data:image/svg+xml,<svg width="18" height="10" viewBox="0 0 18 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M17.092 9.06997L9.607 1.58497C9.216 1.19497 8.583 1.19497 8.193 1.58497L0.707 9.06997L0 8.36297L7.486 0.877969C8.265 0.0979688 9.534 0.0979688 10.314 0.877969L17.799 8.36297L17.092 9.06997Z" fill="%23292929"/></svg>');
}

.vin-accordion.hide-header .vin-accordion-header {
  display: none;
}

.vin-accordion .vin-accordion-body {
  background: #fff;
  padding: 15px 40px;
  transition: padding 0.25s;
  border-radius: 0px 0px 10px 10px;
}

.vin-accordion.closed .vin-accordion-header {
  border-radius: 10px;
}

.vin-accordion.hide-header .vin-accordion-body {
  border-radius: 10px 10px 10px 10px;
}
.vin-accordion.closed .vin-accordion-body {
  height: 0px;
  padding: 0px 40px;
  overflow: hidden;
  transition: padding height 0.25s;
}
.vin-checkbox {
  display: flex;
  align-items: start;
  cursor: pointer;
}
.vin-checkmark {
  display: inline-block;
  width: 18px;
  height: 18px;
  border: 1px solid #2c2a29;
  border-radius: 4px;
  margin-right: 10px;
  margin-top: 3px;
  flex: 0 0 18px;
}
.vin-checkbox label {
  cursor: pointer;
}
.vin-checkbox.checked .vin-checkmark {
  background: #fdda24
    url('data:image/svg+xml,<svg width="13" height="10" viewBox="0 0 13 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.90424 9.59L4.676 9.88395L0 5.138L0.471487 4.66667L4.61052 8.73737L11.8085 0L12.28 0.471333L4.90424 9.59Z" fill="%232C2A29"/></svg>')
    no-repeat center;
  border-color: #fdda24;
}
.vin-form-group > label {
  margin-bottom: 0px;
  letter-spacing: -0.1px;
}
.vin-form-group input {
  border: none;
  border-bottom: 1px solid #2c2a29;
  border-radius: 0px;
}
.vin-form-group .vin-form-control-container {
  display: flex;
  align-items: center;
  position: relative;
}

.vin-form-group .vin-form-control-container .add-on {
  font-weight: 600;
  position: absolute;
  color: #2c2a29;
  /* font-family: 'Open Sans'; */
}

.vin-form-group.has-data input,
.vin-form-group.has-data .dropdown-banco .dropdown-banco-value {
  border-bottom-width: 2px;
  font-weight: 600;
}
.vin-form-group .dropdown-banco-value.white-space {
  white-space: initial;
  line-height: 1.05;
  padding-top: 3px;
  padding-bottom: 3px;
  display: flex;
  align-items: center;
}

.vin-form-group.invalid-field input.form-control{
  border-bottom-color: #f05011;
}
.vin-form-group .error-leyend{
  color: #f05011;
  font-size: 12px;
  font-weight: 400;
}

.vin-card-persona {
  display: block;
  position: relative;
  margin-bottom: 20px;
  box-shadow: 0px 1px 4px 0px #0000001a;
  border-radius: 10px;
  padding: 15px;
  min-height: 120px;
}
.vin-card-persona .vin-card-persona-nombre {
  font-size: 24px;
  font-weight: bold;
  font-family: "CIBFont Sans";
  color: #292929;
  width: 60%;
  line-height: 1.1;
  margin-bottom: 0px;
  margin-top: 10px;
  min-height: 52px;
}

.vin-card-persona .vin-card-persona-etiqueta {
  font-size: 24px;
  font-weight: bold;
  font-family: "CIBFont Sans";
  color: #292929;
  background: #fdda24;
  position: absolute;
  display: inline-block;
  padding: 6px 20px;
  right: 0px;
  top: 0px;
  border-radius: 0px 10px 0px 0px;
}

.vin-card-persona .vin-card-persona-subtitulo {
  font-size: 12px;
  font-weight: 600;
  font-family: "Open Sans";
  color: #292929;
  margin-bottom: 0px;
  text-decoration: underline;
}

.vin-card-persona .vin-card-persona-actions {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.vin-card-persona .vin-card-persona-actions button {
  border: none;
  background: transparent;
  text-decoration: underline;
  color: #292929;
  font-size: 16px;
  font-weight: 600;
  font-size: "Open Sans";
  margin: 0px 10px;
}

.vin-card-persona .vin-card-persona-actions button:active {
  transform: scale(0.9);
  transition: transform 0.2s;
  text-decoration: none;
}
.container-vinculaciones .btn.btn-default {
  border: 1px solid #2c2a29;
  border-radius: 25px;
  background: #fff;
  min-height: 50px;
  font-family: "CIBFont Sans";
  font-weight: bold;
  font-size: 18px;
  padding: 10px 30px;
  color: #2c2a29;
  margin: 0px !important;
}
.container-vinculaciones .btn.btn-default:disabled:active:hover {
  border: 1px solid #2c2a29;
}

.container-vinculaciones .btn.btn-primary {
  border: 1px solid #fdda24;
  color: #2c2a29;
  border-radius: 25px;
  background: #fdda24;
  min-height: 50px;
  font-family: "CIBFont Sans";
  font-weight: bold;
  font-size: 18px;
  padding: 10px 30px;
  margin: 0px !important;
  text-transform: none;
}

.container-vinculaciones .btn.btn-primary:disabled {
  background-color: #d9dadd;
  border: 1px solid #d9dadd;
}

.modal-vinculaciones {
  max-width: 415px;
}

.modal-vinculaciones .modal-content {
  border-radius: 15px;
}

.modal-vinculaciones .modal-content .modal-body {
  padding: 25px 40px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: "Open Sans";
}

.modal-vinculaciones .btn-close {
  position: absolute;
  right: 15px;
  display: inline-block;
  width: 16px;
  height: 16px;
  background: #fff
    url('data:image/svg+xml,<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 15.707L0.707 16.414L8.207 8.914L15.707 16.414L16.414 15.707L8.914 8.207L16.414 0.707L15.707 0L8.207 7.5L0.707 0L0 0.707L7.5 8.207L0 15.707Z" fill="%232C2A29"/></svg>')
    no-repeat center;
  background-size: contain;
  border: none;
}

.modal-vinculaciones .modal-header {
  border-bottom: none;
  padding: 1rem 1rem;
}

.modal-vinculaciones .modal-footer > .row {
  width: 100%;
}

.modal-vinculaciones .modal-footer {
  border-top: 0px;
  padding: 1rem;
  padding-top: 0px;
  padding-bottom: 30px;
  display: flex;
  justify-content: space-around;
  gap: 10px;
  margin-top: 20px;
}
.modal-vinculaciones .modal-footer button {
  flex: 1;
}

.vin-h3 {
  font-family: "CIBFont Sans";
  font-size: 24px;
  font-weight: bold;
  color: #2c2a29;
  margin: 0px;
}
.vin-h4 {
  font-family: "CIBFont Sans";
  font-size: 20px;
  font-weight: bold;
  color: #2c2a29;
  margin: 0px;
}
.vin-bg-gris {
  background: #f9f9fa;
  border-radius: 16px;
  padding: 15px 20px;
  margin: 0px -20px;
}

.vin-ico {
  display: inline-block;
  vertical-align: middle;
  width: 48px;
  height: 48px;
  border-radius: 50%;
}
.vin-ico.ico-info {
  background: #59cbe8
    url('data:image/svg+xml,<svg width="8" height="12" viewBox="0 0 8 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.33333 8.48793V8.66793H2.66667V8.48126C2.66667 7.42835 2.29344 7.0374 1.67657 6.39126L1.67467 6.38926L1.58067 6.2906C0.990667 5.67593 0.666667 4.8626 0.666667 4.00126C0.666667 2.9906 1.11533 2.04593 1.89733 1.40993C2.67933 0.77393 3.708 0.531264 4.71867 0.741264C6.002 1.00593 7.02867 2.0566 7.272 3.35526C7.46067 4.37726 7.18667 5.4086 6.522 6.1826C6.44565 6.27035 6.37226 6.35146 6.30263 6.4284L6.30259 6.42844L6.232 6.5066L6.23187 6.50673C5.70994 7.07866 5.33333 7.49134 5.33333 8.48793ZM2 9.3346H6V8.48793C6 7.75003 6.24194 7.48467 6.72381 6.95614L6.724 6.95593L6.74943 6.92798L6.74951 6.9279C6.83615 6.83271 6.92831 6.73145 7.026 6.6186C7.82467 5.68993 8.15333 4.45593 7.928 3.23326C7.634 1.67126 6.39933 0.407264 4.854 0.0879304C3.64733 -0.163403 2.41467 0.12993 1.47667 0.892597C0.538667 1.65593 0 2.78926 0 4.00126C0 5.03526 0.390667 6.0126 1.098 6.75126L1.19267 6.84926L1.19376 6.85041C1.78027 7.46488 2 7.69508 2 8.48126V9.3346ZM1.33333 4.00126H2C2 2.8986 2.89733 2.00126 4 2.00126V1.3346C2.52933 1.3346 1.33333 2.5306 1.33333 4.00126ZM6 10.6679V10.0013H2V10.6679H6ZM6 11.3346V12.0013H2V11.3346H6Z" fill="%232C2A29"/></svg>')
    no-repeat center;
  background-size: 16px;
}
.vin-line {
  width: 100%;
  height: 1px;
  background: #d9dadd;
  margin: 30px 0px;
}

.vin-label-info {
  position: relative;
  padding-left: 20px;
  line-height: 1.4;
  font-size: 14px;
  font-weight: 400;
  font-family: "Open Sans";
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.vin-label-info::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background: #59cbe8;
  left: 0px;
  top: 6px;
}
.vin-documentacion-desc {
  color: #2c2a29;
  font-size: 16px;
  font-weight: 400;
  font-family: "Open Sans";
}
.vin-documentacion-desc ol {
  margin-left: 0px;
  padding-left: 20px;
}
.vin-drop-area {
  padding: 50px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  /* border: 2px dashed #2c2a29; */
  border-radius: 10px;
  background: #fff;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='10' ry='10' stroke='%232c2a29' stroke-width='4' stroke-dasharray='6%2c 14' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
}
.vin-drop-area * {
  pointer-events: none;
}
.vin-drop-area label {
  color: #2c2a29;
  font-size: 16px;
  font-weight: 400;
  font-family: "Open Sans";
  margin-bottom: 30px;
}
.vin-drop-area .btn.btn-default {
  margin-bottom: 30px !important;
}

.vin-drop-area .leyend {
  font-size: 12px;
  color: #2c2a29;
  font-weight: 400;
  font-family: "Open Sans";
}

.vin-drop-area.active {
  opacity: 0.5;
  background-color: #59cbe83d;
}
.ico-upload {
  background: url('data:image/svg+xml,<svg width="40" height="30" viewBox="0 0 40 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M17 2C12.65 2 8.932 5.114 8.164 9.404L8.046 10.052L7.406 10.202C4.224 10.946 2 13.742 2 17C2 20.86 5.14 24 9 24H10V26H9C4.038 26 0 21.962 0 17C0 13.024 2.57 9.584 6.326 8.422C7.504 3.506 11.894 0 17 0C18.534 0 20.016 0.31 21.404 0.924C24.636 2.35 26.956 5.238 27.698 8.652C28.758 8.222 29.88 8 31 8C35.962 8 40 12.038 40 17C40 21.6241 36.4933 25.4457 32 25.9448V23.9288C35.388 23.4422 38 20.5205 38 17C38 13.14 34.86 10 31 10C29.754 10 28.552 10.34 27.428 11.014L26.054 11.836L25.918 10.242C25.638 6.948 23.598 4.078 20.598 2.754C19.464 2.254 18.254 2 17 2ZM25.2967 23.7109L21 19.4142L21 30H19L19 19.4219L14.7109 23.7109L13.2967 22.2967L19.2967 16.2967C19.6872 15.9062 20.3204 15.9062 20.7109 16.2967L26.7109 22.2967L25.2967 23.7109Z" fill="%232C2A29"/></svg>')
    no-repeat center;
}

.ico-remove {
  background-image: url('data:image/svg+xml,<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.262695 13.9901L0.858064 14.5855L7.17385 8.26968L13.4896 14.5855L14.085 13.9901L7.76922 7.67431L14.085 1.35852L13.4896 0.763153L7.17385 7.07894L0.858064 0.763153L0.262695 1.35852L6.57848 7.67431L0.262695 13.9901Z" fill="%232C2A29"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
}

.ico-ok {
  background: url('data:image/svg+xml,<svg width="28" height="27" viewBox="0 0 28 27" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.9993 0.166687C6.63555 0.166687 0.666016 6.13622 0.666016 13.5C0.666016 20.8638 6.63555 26.8334 13.9993 26.8334C21.3631 26.8334 27.3327 20.8638 27.3327 13.5C27.3327 6.13622 21.3631 0.166687 13.9993 0.166687ZM13.9993 1.43653C20.6618 1.43653 26.0628 6.83754 26.0628 13.5C26.0628 20.1625 20.6618 25.5635 13.9993 25.5635C7.33687 25.5635 1.93586 20.1625 1.93586 13.5C1.93586 6.83754 7.33687 1.43653 13.9993 1.43653ZM22.51 8.59526L21.4887 7.73812L11.8833 19.1814L6.46965 13.7928L5.52905 14.7378L11.9725 21.1512L22.51 8.59526Z" fill="%232C2A29"/></svg>')
    no-repeat center;
}
.ico-warning {
  background: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><path d="M5.31171 10.7615C8.23007 5.58716 9.68925 3 12 3C14.3107 3 15.7699 5.58716 18.6883 10.7615L19.0519 11.4063C21.4771 15.7061 22.6897 17.856 21.5937 19.428C20.4978 21 17.7864 21 12.3637 21H11.6363C6.21356 21 3.50217 21 2.40626 19.428C1.31034 17.856 2.52291 15.7061 4.94805 11.4063L5.31171 10.7615Z" stroke="%232c2a29" stroke-width="1.5"></path><path d="M12 8V13" stroke="%232c2a29" stroke-width="1.5" stroke-linecap="round"></path><circle cx="12" cy="16" r="1" fill="%232c2a29"></circle></g></svg>')
    no-repeat center;
}
.ico-ok-green {
  background: #00C389 url('data:image/svg+xml,<svg width="25" height="21" viewBox="0 0 25 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.80528 19.5134L9.34896 20.1013L0 10.6094L0.942667 9.66671L9.21803 17.8081L23.6093 0.333374L24.552 1.27604L9.80528 19.5134Z" fill="%232C2A29"/></svg>')
    no-repeat center;
}
.vin-item-upload {
  width: 100%;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 1 0;
  padding: 20px 15px;
  margin: 15px 0px;
}
.vin-item-upload .vin-ico {
  width: 32px;
  height: 32px;
}
.vin-item-upload > div {
  width: 40px;
}

.vin-item-upload > div:nth-child(2) {
  width: auto;
  flex: 1;
  padding: 0px 10px;
  overflow: hidden;
}

.vin-item-upload > div:nth-child(3) {
  text-align: right;
}
.vin-item-upload label {
  color: #2c2a29;
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 0px;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
}
.vin-item-upload .upload-info {
  color: #2c2a29;
  font-size: 14px;
  font-weight: 400;
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.vin-item-upload .upload-progress-bar {
  width: 100%;
  background: #2c2a29;
  height: 6px;
  margin-top: 10px;
  border-radius: 3px;
  position: relative;
  --percent: "0%";
}

.vin-item-upload .upload-progress-bar:before {
  content: "";
  display: inline-block;
  height: 100%;
  border-radius: 3px;
  background: #fdda24;
  width: var(--percent);
  position: absolute;
  top: 0px;
  left: 0px;
  transition: width 0.25s;
}
.vin-item-upload.success {
  border-bottom: 4px solid #00c389;
}

.vin-item-upload.success .upload-info {
  color: #00c389;
}
.vin-item-upload button {
  height: 40px;
  width: 40px;
  border: none;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0 1px 8px 0px #2c2a2914;
  display: flex;
  align-items: center;
  justify-content: center;
}

.vin-item-upload button:active {
  transform: scale(0.9);
  transition: transform 0.2s;
}

.vin-item-upload.error {
  border-bottom: 4px solid #f05011;
}

.vin-item-upload.error .upload-info {
  color: #f05011;
}
.vin-loader {
  display: inline-block;
  width: 25px;
  height: 25px;
  vertical-align: middle;
  aspect-ratio: 1;
  border-radius: 50%;
  border: 4px solid #2c2a29;
  animation: l20-1 0.8s infinite linear alternate, l20-2 1.6s infinite linear;
}
@keyframes l20-1 {
  0% {
    clip-path: polygon(50% 50%, 0 0, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%);
  }
  12.5% {
    clip-path: polygon(
      50% 50%,
      0 0,
      50% 0%,
      100% 0%,
      100% 0%,
      100% 0%,
      100% 0%
    );
  }
  25% {
    clip-path: polygon(
      50% 50%,
      0 0,
      50% 0%,
      100% 0%,
      100% 100%,
      100% 100%,
      100% 100%
    );
  }
  50% {
    clip-path: polygon(
      50% 50%,
      0 0,
      50% 0%,
      100% 0%,
      100% 100%,
      50% 100%,
      0% 100%
    );
  }
  62.5% {
    clip-path: polygon(
      50% 50%,
      100% 0,
      100% 0%,
      100% 0%,
      100% 100%,
      50% 100%,
      0% 100%
    );
  }
  75% {
    clip-path: polygon(
      50% 50%,
      100% 100%,
      100% 100%,
      100% 100%,
      100% 100%,
      50% 100%,
      0% 100%
    );
  }
  100% {
    clip-path: polygon(
      50% 50%,
      50% 100%,
      50% 100%,
      50% 100%,
      50% 100%,
      50% 100%,
      0% 100%
    );
  }
}
@keyframes l20-2 {
  0% {
    transform: scaleY(1) rotate(0deg);
  }
  49.99% {
    transform: scaleY(1) rotate(135deg);
  }
  50% {
    transform: scaleY(-1) rotate(0deg);
  }
  100% {
    transform: scaleY(-1) rotate(-135deg);
  }
}

.vin-alert{
  display: flex;
  align-items: start;

  padding: 10px;
  box-shadow: 0px 1px 8px rgba(44, 42, 41, 0.08);
  margin: 15px 0px;
  border-left: 4px solid #f05011;
  color: #721c24;
}

.vin-alert label{
  margin-bottom: 0px;
}
.vin-alert .vin-alert-description{
  font-size: 14px;
  margin-bottom: 0px;
}

.vin-panel-finalizar{
  max-width: 452px;
  background: #fff;
  border-radius: 15px;

  box-shadow: 0px 10px 16px 0px #2C2A2914;
  padding: 40px 35px;
  margin-left: auto;
  margin-right: auto;
  
}
.vin-panel-finalizar h2{
  font-size: 24px;
  color: #2C2A29;
  font-family: 'CIBFont Sans';
  font-weight: 700;
}