section.procesos_compras article.proceso_compras {
  background-color: #ffffff;
  border-radius: 4px;
  border: 1px solid #b1c3d0;
  margin-bottom: 1rem;
}
article.proceso_compras .card-header {
  padding: 1rem;
}
article.proceso_compras .card-body {
  padding: 1.5rem 1rem 1rem;
  border-top: 1px solid #b1c3d0;
}
article.proceso_compras .button {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 1rem 0;
  padding: 0.85em 1em;
  border: 1px solid transparent;
  border-radius: 0;
  -webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  font-family: inherit;
  font-size: 0.9rem;
  -webkit-appearance: none;
  line-height: 1;
  text-align: center;
  cursor: pointer;
  background-color: #324ac3;
  color: #ffffff;
  display: flex;
  justify-content: center;
  gap: 10px;
  align-items: center;
}
article.proceso_compras .card-title .title {
  font-size: 1.5625rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 400;
}
article.proceso_compras .card-description {
  display: flex;
  gap: 20px;
}
article.proceso_compras .qrcode {
  width: 100px;
  max-width: 100px;
  min-width: 100px;
}
article.proceso_compras .period {
  border: 1px solid #b1c3d0;
  padding: 6px 12px;
  border-radius: 4px;
  display: inline-block;
  margin-bottom: 0.5rem;
}
article.proceso_compras .period p {
  margin: 0;
}
article.proceso_compras .icon-arrow-up-right-from-square {
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--! Font Awesome Pro 6.3.0 by %40fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons  Inc. --%3E%3Cpath d='M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32h82.7L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3V192c0 17.7 14.3 32 32 32s32-14.3 32-32V32c0-17.7-14.3-32-32-32H320zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: cover;
}