:root {
  --rr-navy: #07111C;
  --rr-beige: #F5F1E8;
  --rr-gold: #9A7A47;
  --rr-gold-light: #C6A66B;
}


/* =========================================================
   PAGE
========================================================= */

.leiloar-page {
  background: var(--rr-navy);
  color: var(--rr-beige);
}


/* =========================================================
   HEADER — IGUAL À HOME
========================================================= */

.leiloar-page .main-nav {
  background: rgba(7, 17, 28, 0.54);

  border-color: transparent;

  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
}


.leiloar-page .site-header.is-scrolled .main-nav {
  background: rgba(7, 17, 28, 0.88);

  border-color: rgba(198, 166, 107, 0.18);

  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}


.leiloar-page .main-nav a {
  color: var(--rr-beige);
}


.leiloar-page .main-nav a:hover,
.leiloar-page .main-nav a.active {
  color: var(--rr-gold-light);
}


.leiloar-page .main-nav a::after {
  background: var(--rr-gold-light);
}


.leiloar-page .menu-divider {
  color: var(--rr-gold);
  opacity: 0.48;
}


.leiloar-page .menu-toggle {
  background: rgba(7, 17, 28, 0.88);

  border-color: rgba(198, 166, 107, 0.30);
}


.leiloar-page .menu-toggle-lines::before,
.leiloar-page .menu-toggle-lines::after,
.leiloar-page .menu-toggle-lines span {
  background: var(--rr-beige);
}


/* =========================================================
   STRUCTURE
========================================================= */

.leiloar-main {
  padding-top: 74px;
}


.leiloar-wrap {
  width: min(1180px, calc(100% - 80px));
  margin: 0 auto;
}


/* =========================================================
   HERO — BEGE
========================================================= */

.leiloar-hero {
  background: var(--rr-beige);
  color: var(--rr-navy);

  padding: 110px 0 96px;
}


.leiloar-hero-grid {
  display: grid;

  grid-template-columns:
    minmax(0, 1.2fr)
    minmax(300px, 0.8fr);

  gap: 88px;

  align-items: end;
}


.leiloar-kicker,
.leiloar-role-title,
.leiloar-next-title {
  margin: 0 0 20px;

  font-family: Inter, Arial, sans-serif;

  font-size: 12px;

  font-weight: 600;

  letter-spacing: 0.18em;

  text-transform: uppercase;
}


.leiloar-hero .leiloar-kicker,
.leiloar-role-title {
  color: var(--rr-gold);
}


.leiloar-form-section .leiloar-kicker,
.leiloar-next-title {
  color: var(--rr-gold-light);
}


.leiloar-hero h1,
.leiloar-form-intro h2 {
  margin: 0;

  font-family: Cinzel, Georgia, serif;

  font-weight: 400;
}


.leiloar-hero h1 {
  max-width: 780px;

  font-size: clamp(42px, 5vw, 72px);

  line-height: 1.03;

  letter-spacing: -0.02em;

  color: var(--rr-navy);
}


.leiloar-lead {
  max-width: 760px;

  margin: 34px 0 0;

  font-family:
    "Cormorant Garamond",
    Georgia,
    serif;

  font-size: 23px;

  line-height: 1.48;

  color: rgba(7, 17, 28, 0.82);
}


/* =========================================================
   ATUAÇÃO
========================================================= */

.leiloar-role {
  border-left:
    1px solid
    rgba(154, 122, 71, 0.45);

  padding-left: 34px;
}


.leiloar-role p:not(.leiloar-role-title) {
  margin: 0 0 18px;

  font-family:
    "Cormorant Garamond",
    Georgia,
    serif;

  font-size: 19px;

  line-height: 1.55;

  color: rgba(7, 17, 28, 0.76);
}


/* =========================================================
   FORM SECTION
========================================================= */

.leiloar-form-section {
  background: var(--rr-navy);

  padding: 100px 0 120px;
}


.leiloar-form-grid {
  display: grid;

  grid-template-columns:
    minmax(280px, 0.72fr)
    minmax(0, 1.28fr);

  gap: 90px;

  align-items: start;
}


/* =========================================================
   FORM INTRO
========================================================= */

.leiloar-form-intro {
  position: sticky;

  top: 120px;
}


.leiloar-form-intro h2 {
  font-size: clamp(34px, 4vw, 52px);

  line-height: 1.08;

  color: var(--rr-beige);
}


.leiloar-form-intro > p {
  margin: 26px 0 0;

  font-family:
    "Cormorant Garamond",
    Georgia,
    serif;

  font-size: 20px;

  line-height: 1.58;

  color: rgba(245, 241, 232, 0.82);
}


.leiloar-next {
  margin-top: 42px;

  padding-top: 28px;

  border-top:
    1px solid
    rgba(198, 166, 107, 0.28);
}


.leiloar-next p:last-child {
  margin: 0;

  font-family:
    "Cormorant Garamond",
    Georgia,
    serif;

  font-size: 18px;

  line-height: 1.55;

  color: rgba(245, 241, 232, 0.74);
}


/* =========================================================
   FORM CARD
========================================================= */

.leiloar-form {
  display: grid;

  grid-template-columns:
    repeat(2, minmax(0, 1fr));

  gap: 26px 24px;

  padding: 42px;

  border:
    1px solid
    rgba(198, 166, 107, 0.30);

  background: var(--rr-beige);

  color: var(--rr-navy);

  box-shadow:
    0 28px 70px rgba(0, 0, 0, 0.18);
}


/* =========================================================
   FIELDS
========================================================= */

.leiloar-field {
  display: flex;

  flex-direction: column;

  gap: 9px;
}


.leiloar-field--full {
  grid-column: 1 / -1;
}


.leiloar-field label,
.leiloar-fieldset legend {
  font-family:
    Inter,
    Arial,
    sans-serif;

  font-size: 12px;

  line-height: 1.4;

  font-weight: 600;

  letter-spacing: 0.07em;

  text-transform: uppercase;

  color: var(--rr-navy);
}


.leiloar-field label span,
.leiloar-fieldset legend span {
  color: var(--rr-gold);
}


/* =========================================================
   TEXT INPUTS
========================================================= */

.leiloar-field input:not([type="checkbox"]),
.leiloar-field select,
.leiloar-field textarea {
  width: 100%;

  border: 0;

  border-bottom:
    1px solid
    rgba(7, 17, 28, 0.28);

  border-radius: 0;

  padding: 13px 2px 12px;

  background: transparent;

  font-family:
    "Cormorant Garamond",
    Georgia,
    serif;

  font-size: 19px;

  line-height: 1.35;

  color: var(--rr-navy);

  outline: none;
}


.leiloar-field textarea {
  resize: vertical;

  min-height: 140px;
}


.leiloar-field input:not([type="checkbox"]):focus,
.leiloar-field select:focus,
.leiloar-field textarea:focus {
  border-bottom-color:
    var(--rr-gold);
}


.leiloar-field input::placeholder,
.leiloar-field textarea::placeholder {
  color:
    rgba(7, 17, 28, 0.43);
}


/* =========================================================
   FIELDSET
========================================================= */

.leiloar-fieldset {
  margin: 4px 0 0;

  padding: 0;

  border: 0;
}


.leiloar-fieldset legend {
  margin-bottom: 18px;
}


/* =========================================================
   CHECKBOXES
========================================================= */

.leiloar-check-grid {
  display: grid;

  grid-template-columns:
    repeat(2, minmax(0, 1fr));

  column-gap: 36px;

  row-gap: 16px;
}


.leiloar-check-grid label {
  display: flex;

  align-items: flex-start;

  justify-content: flex-start;

  gap: 10px;

  min-width: 0;

  font-family:
    Inter,
    Arial,
    sans-serif;

  font-size: 14px;

  font-weight: 400;

  line-height: 1.35;

  letter-spacing: 0;

  text-transform: none;

  text-align: left;

  color:
    rgba(7, 17, 28, 0.84);

  cursor: pointer;
}


.leiloar-check-grid label span {
  flex: 1;

  display: block;

  padding-top: 1px;

  text-align: left;
}


.leiloar-check-grid input[type="checkbox"] {
  appearance: auto;

  -webkit-appearance: checkbox;

  width: 16px;

  min-width: 16px;

  max-width: 16px;

  height: 16px;

  margin: 2px 0 0;

  padding: 0;

  flex: 0 0 16px;

  border: 0;

  box-shadow: none;

  accent-color:
    var(--rr-gold);

  cursor: pointer;
}


/* =========================================================
   CONSENT
========================================================= */

.leiloar-consent {
  display: flex;

  align-items: flex-start;

  gap: 10px;

  margin-top: 4px;

  font-family:
    Inter,
    Arial,
    sans-serif;

  font-size: 12px;

  line-height: 1.55;

  color:
    rgba(7, 17, 28, 0.66);
}


.leiloar-consent input[type="checkbox"] {
  appearance: auto;

  -webkit-appearance: checkbox;

  width: 16px;

  min-width: 16px;

  max-width: 16px;

  height: 16px;

  margin: 2px 0 0;

  padding: 0;

  flex: 0 0 16px;

  accent-color:
    var(--rr-gold);
}


.leiloar-consent a {
  color: var(--rr-gold);

  text-decoration: underline;

  text-underline-offset: 3px;
}


/* =========================================================
   SUBMIT
========================================================= */

.leiloar-submit-wrap {
  margin-top: 8px;
}


.leiloar-submit {
  min-width: 240px;

  border:
    1px solid
    var(--rr-navy);

  padding: 15px 24px;

  background:
    var(--rr-navy);

  color:
    var(--rr-beige);

  font-family:
    Inter,
    Arial,
    sans-serif;

  font-size: 12px;

  font-weight: 600;

  letter-spacing: 0.14em;

  cursor: pointer;

  transition:
    background 0.2s ease,
    color 0.2s ease,
    border-color 0.2s ease;
}


.leiloar-submit:hover {
  background: var(--rr-gold);

  border-color: var(--rr-gold);

  color: #ffffff;
}


.leiloar-submit:disabled {
  cursor: wait;

  opacity: 0.65;
}


/* =========================================================
   STATUS
========================================================= */

.leiloar-status {
  min-height: 24px;

  margin: 16px 0 0;

  font-family:
    Inter,
    Arial,
    sans-serif;

  font-size: 13px;

  line-height: 1.5;
}


.leiloar-status.is-success {
  color: #315d3b;
}


.leiloar-status.is-error {
  color: #8a2f2f;
}


/* =========================================================
   HONEYPOT
========================================================= */

.leiloar-honeypot {
  position: absolute !important;

  left: -9999px !important;

  width: 1px;

  height: 1px;

  overflow: hidden;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 980px) {

  .leiloar-main {
    padding-top: 64px;
  }

  .leiloar-wrap {
    width:
      min(
        100% - 40px,
        760px
      );
  }

  .leiloar-hero {
    padding: 78px 0 70px;
  }

  .leiloar-hero-grid,
  .leiloar-form-grid {
    grid-template-columns: 1fr;

    gap: 48px;
  }

  .leiloar-role {
    padding-left: 24px;
  }

  .leiloar-form-section {
    padding: 72px 0 90px;
  }

  .leiloar-form-intro {
    position: static;
  }

  .leiloar-form {
    padding: 30px 24px;
  }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 760px) {

  .leiloar-page .main-nav {
    background: rgba(7, 17, 28, 0.96);

    border-color: rgba(198, 166, 107, 0.22);
  }

  .leiloar-page .main-nav a {
    color: var(--rr-beige);
  }

  .leiloar-page .main-nav a:hover,
  .leiloar-page .main-nav a.active {
    color: var(--rr-gold-light);
  }

}


/* =========================================================
   MOBILE PEQUENO
========================================================= */

@media (max-width: 640px) {

  .leiloar-wrap {
    width: calc(100% - 30px);
  }

  .leiloar-hero {
    padding: 62px 0 58px;
  }

  .leiloar-hero h1 {
    font-size: 39px;
  }

  .leiloar-lead {
    font-size: 20px;
  }

  .leiloar-role {
    padding-left: 18px;
  }

  .leiloar-form-section {
    padding: 60px 0 76px;
  }

  .leiloar-form {
    grid-template-columns: 1fr;

    gap: 24px;

    padding: 26px 20px;
  }

  .leiloar-field--full {
    grid-column: auto;
  }

  .leiloar-check-grid {
    grid-template-columns: 1fr;

    row-gap: 14px;
  }

  .leiloar-submit {
    width: 100%;
  }

}