.f52-tenders {
  --f52-tender-red: #d20f3d;
  --f52-tender-ink: #071b24;
  color: var(--f52-tender-ink);
  margin: 0 auto;
  max-width: 1180px;
  padding: clamp(3rem, 7vw, 6rem) 1.25rem;
}

.f52-tenders__hero {
  background: var(--f52-tender-red);
  border-radius: 1.5rem;
  color: #fff;
  padding: clamp(2rem, 6vw, 4.75rem);
}

.f52-tenders__hero > p,
.f52-tenders__hero > h2,
.f52-tenders__eyebrow {
  color: #fff !important;
}

.f52-tenders__eyebrow,
.f52-tenders__reference {
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.f52-tenders__hero h2 {
  color: #fff;
  font-size: clamp(2.6rem, 7vw, 5.5rem);
  line-height: .95;
  margin: .65rem 0 1.25rem;
}

.f52-tenders__hero > p:last-of-type {
  font-size: clamp(1.05rem, 2vw, 1.3rem);
  max-width: 46rem;
}

.f52-tenders__notice {
  align-items: flex-start;
  background: #fff;
  border-radius: 1rem;
  color: var(--f52-tender-ink);
  display: flex;
  flex-wrap: wrap;
  gap: .35rem 1rem;
  margin-top: 2rem;
  padding: 1.1rem 1.25rem;
}

.f52-tenders__catalogue {
  padding: clamp(2.5rem, 6vw, 5rem) 0 0;
}

.f52-tenders__catalogue > h3 {
  font-size: clamp(2rem, 4vw, 3.25rem);
}

.f52-tenders__empty,
.f52-tenders__card,
.f52-tenders__register {
  border: 1px solid #dbe2e8;
  border-radius: 1.25rem;
  margin-top: 1.5rem;
  padding: clamp(1.5rem, 4vw, 2.5rem);
}

.f52-tenders__message { background: #eef7f1; border-left: .3rem solid #267a48; margin: 1.5rem 0 0; padding: 1rem 1.25rem; }
.f52-tenders__card dl { display: grid; gap: .4rem 1rem; grid-template-columns: max-content 1fr; margin: 1.25rem 0; }
.f52-tenders__card dd { margin: 0; }
.f52-tenders__access { font-weight: 700; text-transform: capitalize; }
.f52-tenders__register form { display: grid; gap: 1rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.f52-tenders__register label { display: grid; font-weight: 700; gap: .4rem; }
.f52-tenders__register input { border: 1px solid #8997a1; border-radius: .5rem; min-height: 3rem; padding: .65rem .8rem; }
.f52-tenders__register button { border: 0; cursor: pointer; justify-self: start; }
.f52-tenders__honeypot { left: -10000px; position: absolute; }

.f52-tenders__grid {
  display: grid;
  gap: 1.25rem;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 19rem), 1fr));
}

@media (max-width: 600px) {
  .f52-tenders {
    padding-inline: 1rem;
  }

  .f52-tenders__hero {
    border-radius: 1rem;
  }

  .f52-tenders__register form { grid-template-columns: 1fr; }
}