:root {
  --white: #ffffff;
  --black: #000;
  --red: #FF0000;
  --light-red: #FF3232;
  --dark-red: #B40000;


  /* Fontes (shorthand) */
  --title: 700 56px/72.8px "Space Grotesk", sans-serif;
  --title-min: 700 36px/47px "Space Grotesk", sans-serif;

  --body: 400 18px/27px "Space Grotesk";

  --detail-max: 400 16px/24px "Space Grotesk", sans-serif;
  --detail: 400 14px/21px "Space Grotesk", sans-serif;
  --detail-min: 400 10px/15px "Space Grotesk", sans-serif;


  /* Espaçamentos */
  --container-max: 1303px;

  --section-padding-top: 80px;
  --section-padding-bottom: 80px;

  --space-m: 40px;


  /* Animações */
  --faster: all 0.3s ease;
}

*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

*::before,
*::after {
  display: block;
}

html,
body {
  height: 100%;
  line-height: 1.5;
  font-family: "Space Grotesk", sans-serif;
  font-size: 100%;
  background-color: var(--black);
  color: var(--white);
  scroll-behavior: smooth;
  text-align: center;
}

body {
  position: relative;
}

input,
button,
textarea,
select {
  font: inherit;
  color: inherit;
  background: none;
  border: none;
  outline: none !important;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.hero {
  position: relative;
  overflow: hidden;
}

.lottie-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 80vw;
  height: 100vh;
}

.lottie-bg dotlottie-wc {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  transform: rotate(180deg) translateY(15%);
  opacity: 0.05;
}

.await-page-content {
  position: relative;
  z-index: 1;
}


.desktop-only {
  display: block !important;
}

.mobile-only {
  display: none !important;
}

.container-max {
  max-width: var(--container-max);
  margin: 0px auto;
}

a.button {
  display: block;
  padding: 15px 30px 18px 30px;
  border-radius: 100px;
  transition: var(--faster);
  background-color: var(--light-red);
  text-decoration: none;
  color: inherit;
  width: fit-content;
  margin: 0px auto;
  font: 400 18px/27px "Space Grotesk";
  cursor: pointer;
}

a.button:hover {
  background-color: var(--dark-red);
}

header.header-await-page {
  padding-top: 40px;
  padding-bottom: var(--section-padding-bottom);
}

header.header-await-page figure {
  margin: 0px auto;
  width: 200px;
  height: 46.45px;
}

header.header-await-page figure img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

section.first-look {
  padding-bottom: 97px;
}

section.first-look h1 {
  font: var(--title);
  padding-bottom: var(--space-m);
  margin: 0px auto;
  max-width: 740px;
}

section.first-look p {
  font: var(--body);
  padding-bottom: var(--space-m);
  margin: 0px auto;
  max-width: 740px;
}

section.second-look {
  padding-bottom: var(--section-padding-bottom);
}

.container-cnex-representation-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.cnex-representation-card {
  background-color: #171717;
  padding: 20px;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: space-between;
  height: 250px;
  text-align: start;
  transition: var(--faster);
  grid-column: span 1;

}

.cnex-representation-card:hover {
  background-color: #2e2e2e;
}

.cnex-representation-card.havard-card p {
  padding-bottom: 33px;
}

.cnex-representation-card p {
  font: var(--detail);
  padding-bottom: 20px;
  opacity: 0.6;

}

.container-external-link {
  overflow: hidden;
}

.external-link {
  text-transform: uppercase;
  color: var(--red);
  transition: var(--faster);
  cursor: pointer;
  font: var(--detail-min);
  text-decoration: none;
  float: left;
}

.external-link:after {
  transition: var(--faster);
  cursor: pointer;
  display: block;
  width: 9px;
  height: 9px;
  content: "";
  background-image: url('../assets/link-externo.svg');
  float: right;
  margin-top: 2px;
  margin-left: 5px;
  background-repeat: no-repeat;
}

.external-link:hover {
  color: var(--white);
}

.external-link:hover:after {
  background-image: url('../assets/link-externo-branco.svg');
}

.cnex-representation-card figure {
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.cnex-representation-card figure img {
  max-height: 100%;
  width: auto;
  max-width: 100%;
  object-fit: cover;
}

section.third-look {
  padding-bottom: var(--section-padding-bottom);
}

section.third-look h2 {
  font: var(--title-min);
  padding-bottom: 20px;
}

section.third-look p {
  font: var(--body);
  padding-bottom: 40px;
}

.container-await-page-form {
  max-width: 500px;
  margin: 0px auto;
}

.container-await-page-form #rd-form-ml139748 {
  padding: 0px !important;
  margin: 0px !important;
}

.container-await-page-form #rd-row-ml139746 .bricks--column>div {
  background-color: #171717 !important;
  border: none !important;
  border-radius: 10px !important;
  padding: 40px;

}

.container-await-page-form #rd-section-ml139741 {
  background-color: transparent !important;
  border: none !important;
}

.container-await-page-form #rd-form-ml139748 .bricks-form__field {
  margin-bottom: 20px !important;
  width: calc(100% - 10px) !important;
  margin: 0px auto;
  overflow: hidden !important;
}

.container-await-page-form #rd-form-ml139748 .bricks-form__input {
  border-radius: 10px !important;
  font: var(--detail-max) !important;
  color: var(--white) !important;
  border: 1.5px solid #3C3C3C !important;
  background-color: #171717 !important;
  padding: 16px 21px 19px 21px !important;
  transition: var(--faster);
}

.container-await-page-form #rd-form-ml139748 .bricks-form__input:focus {
  border: 1.5px solid #FFFFFF !important;
  outline: none !important;
}

.container-await-page-form #rd-form-ml139748 .bricks-form__input:not(textarea) {
  height: 54px !important;
}

.container-await-page-form #rd-form-ml139748 select.bricks-form__input {
  appearance: none !important;
  background-image: url('../assets/dropdown.svg') !important;
  background-size: 11px !important;
  background-repeat: no-repeat !important;
  background-position: calc(100% - 16px) 50%;
}

.container-await-page-form#rd-form-ml139748 textarea.bricks-form__input {
  height: 120px !important;
}

.container-await-page-form #rd-form-ml139748 .bricks-form__label {
  font: var(--detail-max) !important;
  color: var(--white) !important;
  margin-bottom: 10px !important;
}

.container-await-page-form #rd-form-ml139748 .bricks-form__submit button {
  padding: 15px 30px 18px 30px;
  border-radius: 100px;
  transition: var(--faster);
  background-color: var(--light-red);
  text-decoration: none;
  color: inherit;
  font: 400 18px/27px "Space Grotesk";
  cursor: pointer;
  border: none !important;
  box-shadow: none !important;
  margin: 0px !important;
}

.container-await-page-form #rd-form-ml139748 .bricks-form__submit button:hover {
  background-color: var(--dark-red);
}

.container-await-page-form #rdstation-bricks-embeddable-form-bricks-component-5tHKMpu4M8EWIojJyhv9tQ .bricks--column .bricks--component-text {
  margin-top: 20px !important;
  margin-bottom: 0px !important;
}

.container-await-page-form #rdstation-bricks-embeddable-form-bricks-component-5tHKMpu4M8EWIojJyhv9tQ .bricks--column .bricks--component-text p,
.container-await-page-form #rdstation-bricks-embeddable-form-bricks-component-5tHKMpu4M8EWIojJyhv9tQ .bricks--column .bricks--component-text span {
  font: 400 12px/21px "Space Grotesk", sans-serif !important;
  color: #707070 !important;
}

footer.page-await-footer {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  padding-bottom: 40px;
}

footer.page-await-footer p {
  font: var(--detail-max);
  opacity: 0.6;
}

@media screen and (max-width: 1400px) {
  .container-max {
    max-width: var(--container-max);
    margin: 0px auto;
    padding: 0px 40px;
  }
}


@media screen and (max-width: 1024px) {
  :root {
    --title: 700 36px/46.8px "Space Grotesk", sans-serif;
    --title-min: 700 24px/36px "Space Grotesk", sans-serif;

    --body: 400 14px/21px "Space Grotesk", sans-serif;

    --detail-max: 400 16px/24px "Space Grotesk", sans-serif;
    --detail: 400 14px/21px "Space Grotesk", sans-serif;
    --detail-min: 400 10px/15px "Space Grotesk", sans-serif;

    --container-max: 100%;
    --space-m: 20px;
  }

  .desktop-only {
    display: none !important;
  }

  .mobile-only {
    display: block !important;
  }

  .container-max {
    max-width: var(--container-max);
    margin: 0px auto;
    padding: 0px 20px;
  }

  .lottie-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100vw;
  height: 50vh;
}

.lottie-bg dotlottie-wc {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  transform: rotate(180deg) translateY(15%) scale(1.3);
}

  header.header-await-page {
    padding-top: 20px;
    padding-bottom: 75px;
  }

  header {
    padding-top: 20px;
  }

  header figure {
    width: 130px !important;
    height: 30.2px !important;
  }

  a.button {
    width: 100%;
  }

  section.first-look {
    padding-bottom: var(--section-padding-bottom);
  }

  .container-cnex-representation-cards {
    overflow-x: scroll;
            scrollbar-width: none;
        -ms-overflow-style: none;
  }

  .second-look .container-max {
    padding: 0px 0px;
  }

  .container-cnex-representation-cards {
    padding: 0px 20px 40px 20px;
  }

  .cnex-representation-card {
    width: 260px;
    height: 232px;
  }

  .container-button-mobile {
    padding: 0px 20px;
  }

  section.third-look {
    padding-bottom: 40px;
  }

  section.third-look p {
    padding-bottom: 20px;
  }

  .container-await-page-form {
    max-width: 100%;
  }

  .container-await-page-form #rd-row-ml139746 .bricks--column>div {
    padding: 0px !important;
    background-color: transparent !important;
  }

  .container-await-page-form #rd-form-ml139748 .bricks-form__input {
    background-color: var(--black) !important;
  }

  footer.page-await-footer {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    padding-bottom: 40px;
  }
}