@import url("compras.css");

body,
.compras-page,
.compras-page * {
  font-family: "Rawline", "Raleway", "Segoe UI", Roboto, Arial, sans-serif;
}

.compras-links-pair {
  display: grid;
  justify-content: center;
  justify-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.compras-links-pair--top {
  grid-template-columns: minmax(0, 260px);
}

.TitleSub {
  text-align: center;
}

.compras-title {
  text-align: center;
}

.compra-subtitle1 {
  text-align: center;
  font-size: 20px;
}

.compras-link-panel {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.compras-link-panel .compras-link-btn,
.compras-links-pair .compras-link-btn,
.compras-link-btn,
.compras-link-btn--wide,
.compras-link-btn--wide1 {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
}

.compras-link-btn--wide,
.compras-link-btn--wide1 {
  width: 260px;
  min-width: 260px;
}

.compras-link-btn--wide1 {
  display: flex;
}

.compras-shell--single {
  background: linear-gradient(180deg, #ffffff 0%, #fbfcfc 100%);
  border: 1px solid rgba(192, 209, 205, 0.75);
  box-shadow: 0 14px 34px rgba(28, 42, 36, 0.07);
  overflow: hidden;
}

.compras-intro,
.compras-section {
  background: transparent;
  padding: 24px 28px;
}

.compras-intro {
  border-bottom: 1px solid rgba(192, 209, 205, 0.55);
}

.compras-section {
  border-top: 1px solid rgba(232, 238, 236, 0.9);
}

.compras-intro p,
.compras-section p {
  color: rgba(51, 51, 51, 0.84);
}

.compras-email-card {
  width: min(100%, 620px);
  margin: 18px auto 12px;
  padding: 18px 18px 16px;
  background: linear-gradient(180deg, #ffffff 0%, #fcfcfc 100%);
  border: 1px solid rgba(192, 209, 205, 0.8);
  border-radius: 14px;
  box-shadow: 0 8px 20px rgba(28, 42, 36, 0.05);
}

.compras-email-card .compras-mini-title,
.compras-email-card .compras-email-list,
.compras-email-card .compras-email-row {
  text-align: center;
}

.compras-email-card .compras-mini-title {
  margin-top: 0;
  margin-bottom: 12px;
}

.compras-email-card .compras-email-list {
  justify-items: center;
  gap: 12px;
}

.compras-email-card .compras-email-row {
  justify-content: center;
  padding: 12px 14px;
  border-radius: 12px;
  border: 1px solid rgba(214, 223, 221, 0.95);
  background: linear-gradient(180deg, #ffffff 0%, #fdfdfd 100%);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.75) inset;
}

.compras-email-card .compras-email-label,
.compras-email-card .compras-email-link {
  margin-left: auto;
  margin-right: auto;
}