@font-face {
  font-family: 'RubikRegular';
  font-style: normal;
  src: url(../fonts/Rubik-Regular.ttf) format('woff2');
}

@font-face {
  font-family: 'RubikBold';
  font-style: normal;
  src: url(../fonts/Rubik-Bold.ttf) format('woff2');
}

@font-face {
  font-family: 'SFPROBOLD';
  font-style: bold;
  src: url(../fonts/SFPRODISPLAYBOLD.OTF) format('woff2');
}

@font-face {
  font-family: 'SFPROREGULAR';
  font-style: normal;
  src: url(../fonts/SFProDisplay-Regular.ttf) format('woff2');
}

@font-face {
  font-family: 'SFPROLIGHT';
  font-style: bold;
  src: url(../fonts/SFProDisplay-Light.ttf) format('woff2');
}


body {
  scroll-behavior: smooth;
}

a.lp-button {
  border: 0;
  padding: 20px 32px;
  background: #FF333B;
  color: #fff;
  border-radius: 50px;
}

a.lp-button:hover {
  text-decoration: none;
  color: #fff;
}

.text-through {
  text-decoration: line-through;
}

.m-0-auto {
  margin: 0 auto;
}


.font-rubik {
  font-family: RubikRegular;
}

.font-rubik-bold {
  font-family: RubikBold;
}

.font-sf-pro {
  font-family: SFPROBOLD;
}

.font-sf-pro-regular {
  font-family: SFPROREGULAR;
}

.rounded-red,
.rounded-red-mobile {
  background: #FF333B;
  border-radius: 20px;
}

.rounded-red-mobile {
  display: none;
}

.fs-125 {
  font-size: 1.25rem;
}

.fs-275 {
  font-size: 2.75rem;
}

section.topo {
  background-image: url(../img/grafismo.png?202202031734), radial-gradient(36.16% 47.05% at 78.47% 52.95%, #14315D 0%, #001533 100%);
  background-position: top right;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 180px;
}

section.topo header img {
  margin-left: -4px;
}

section .conteudo * {
  color: #fff;
}

section .conteudo h1 {
  font-weight: 600;
}

section .conteudo h5 {
  font-family: RubikBold;
  font-size: 1.5rem;
  margin-bottom: 4rem;
}

section .conteudo h2 {
  font-weight: bold;
  margin: 2.5rem 0;
}

section .conteudo .badges {
  /* gap: .8rem; */
  margin-left: -.4rem;
  margin-top: 3rem;
}

section .conteudo .badges * {
  color: #242424;
}

section .conteudo .badges span.lp-badge {
  background: #FAFBFC;
  padding: 10px 12px 6px;
  border-radius: 5px;
  font-size: .9rem;
  margin: .4rem;
}

section .conteudo .card-form {
  width: 500px;
  background: #eee;
  box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.08);
  border-radius: 12px;
}

section .conteudo .card-form * {
  color: #242424 !important;
}

section .conteudo .card-form form .legal-consent-container .hs-richtext {
  display: none;
}

section .conteudo .card-form form .legal-consent-container ul {
  list-style: none;
  padding: 0;
  margin-bottom: 0;
}

section .conteudo .card-form form .legal-consent-container ul li label {
  width: 100%;
}

section .conteudo .card-form form .legal-consent-container ul li label.hs-form-booleancheckbox-display {
  display: flex;
  align-items: center;
}

section .conteudo .card-form form .legal-consent-container ul li label p {
  font-family: RubikRegular;
  font-size: .8rem;
}

section .conteudo .card-form form .legal-consent-container ul li label p a {
  color: #001533 !important;
  font-weight: bold;
}

section .conteudo .card-form form .legal-consent-container input[type="checkbox"] {
  height: 40px !important;
  width: 40px !important;
  background-color: #001533;
}

/* section .conteudo .card-form form .hs_error_rollup ul li { */
section .conteudo .card-form form .hs_error_rollup {
  display: none;
}

section .conteudo .card-form form .hs-form-field {
  display: flex;
  flex-wrap: wrap !important;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}

section .conteudo .card-form form .hs-form-field label {
  font-size: 1rem;
  margin-bottom: 0;
  width: 100px;
}

section .conteudo .card-form form .hs-form-field .input {
  flex: 1;
}

section .conteudo .card-form form .hs-form-field label span {
  font-family: RubikBold !important;
}

section .conteudo .card-form form .hs-form-field label span.hs-form-required {
  display: none;
}

section .conteudo .card-form form .hs_submit .actions input {
  font-family: SFPROBOLD;
  width: 100%;
  border: 0;
  outline: none;
  color: #fff !important;
  padding: 20px 32px !important;
  /* margin-top: 1.5rem; */
  margin-top: 0;
  background: #FF333B !important;
  border-radius: 50px !important;
}

section .conteudo .card-form form .input input::placeholder {
  color: #636363;
  font-weight: normal;
}

section .conteudo .card-form form .input input[type="text"],
section .conteudo .card-form form .input input[type="tel"],
section .conteudo .card-form form .input input[type="email"] {
  width: 100%;
  font-family: RubikRegular;
  font-weight: 400;
  border: 0;
  padding: 15px;
  outline: none;
  background: #FFFFFF !important;
  border-radius: 3px !important;
}

section .conteudo .card-form form ul.hs-error-msgs {
  list-style: none;
  font-size: .8rem;
  margin-bottom: 0 !important;
  padding-left: 0;
  flex-basis: 100% !important;
}

section .conteudo .card-form form ul.hs-error-msgs li label {
  font-family: RubikRegular;
  font-size: .8rem;
  margin-bottom: 0 !important;
  color: #FF333B !important;
  width: 100%;
  padding-left: 100px;
}

section .conteudo .card-form form .legal-consent-container ul.hs-error-msgs li label {
  padding-left: 40px;
}

.menu {
  gap: 4rem;
}

.menu a {
  font-family: SFPROBOLD;
  font-size: .75rem;
  text-decoration: none;
  color: #fff;
}

.menu a:hover {
  text-decoration: none;
  color: #fff;
}


section.chamada {
  background-color: #F4F5F7;
  background-image: url(../img/elipse1.png?202202041605), url(../img/elipse2.png?202202041605);
  background-position: top -100px right, bottom -100px left -70px;
  background-repeat: no-repeat, no-repeat;
  padding-bottom: 50px;
}

section.chamada .elipse {
  position: absolute;
  border-radius: 50%;
  width: 388px;
  height: 388px;
  background: #C1C7D0;
  filter: blur(70px);
}

section.chamada .elipse.elipse-1 {
  right: calc(388px * .5 * (-1));
  top: 0;
}

section.chamada .elipse.elipse-2 {
  left: calc(388px * .5 * (-1));
  bottom: 0;
}

section.chamada .card-redes-sociais-body {
  gap: 50px;
  padding-left: 100px;
  padding-right: 100px;
  background-color: #FF333B;
  border-radius: 20px;
  margin-top: -65px;
}

section.chamada .card-redes-sociais-body * {
  color: #fff;
}

section.chamada .card-redes-sociais-body h4 {
  font-size: 1.25rem;
}

section.chamada .card-redes-sociais-body p {
  letter-spacing: .5px;
}

section.chamada .texto h2 {
  font-weight: 700;
}

section.chamada .texto h4 {
  font-weight: 600;
}

section.chamada .bg-imagem {
  background-image: url(../img/aragone.png?202202041605);
  background-position: top right;
  background-size: 80%;
  background-repeat: no-repeat;
}

@media (max-width: 400px) {
  #inscreva-se>div>div .rounded-red {
    display: none !important;
  }

  #inscreva-se>div>div .rounded-red-mobile {
    display: flex;
    width: max-content;
    padding: 4px 12px;
    font-size: 12px;
    margin-bottom: 0px !important;
    margin-top: 0px !important;
  }

  section.topo .conteudo h1 {
    font-size: 24px !important;
    font-weight: 600;
    width: 100%;
    max-width: 328px;
    margin-bottom: 16px !important;
  }

  section .conteudo .badges {
    margin-top: 0;
  }

  section.topo .conteudo .badges span {
    height: 23px;
    padding: 4px 16px;
    font-size: 12px !important;
  }

  section .conteudo .card-form {
    margin-top: 30px !important;
    padding-top: 24px !important;
  } 

  section.topo .conteudo p {
    font-size: 14px !important;
    margin-bottom: 16px !important;
  }


  section .conteudo .card-form form .hs_submit .actions input {
    height: 56px;
    padding: 0 !important;
    margin-top: 17px;
  }

  section .conteudo h5 {
    margin-bottom: 32px;
  }

  section .conteudo .card-form form .hs-form-field label {
    width: 70px;
  }

  section .conteudo h5 {
    font-size: 16px;
  }

  section .conteudo .card-form form .hs-form-field label {
    font-size: 12px;
  }
}

@media (max-width: 450px) {
  section .conteudo h5 {
    font-family: RubikBold;
    font-size: 1.1rem;
    margin-bottom: 2.5rem;
  }

  section .conteudo .card-form form .hs-form-field label {
    width: 100%;
    font-size: .9rem;
  }

  /* section .conteudo .card-form form .hs_submit .actions input {
    margin-top: 1rem;
  } */

  section .conteudo .card-form form ul.hs-error-msgs li label {
    padding-left: 0;
  }
}

@media (max-width: 486px) {
  section.chamada .card-redes-sociais-body {
    padding-left: 25px;
    padding-right: 25px;
  }
}

@media (max-width: 575.98px) {
  section.topo .conteudo h1 {
    font-size: 2rem;
  }

  section.topo .conteudo h2, section.chamada .texto h2 {
    font-size: 1.5rem;
  }

  section.chamada .texto h4 {
    font-size: 1.3rem;
  }

  section.topo .conteudo h3 {
    font-size: 1rem;
  }

  section.topo .conteudo p {
    font-size: 1rem;
  }

  section.topo .conteudo .badges span {
    font-size: .8rem;
  }
}

@media (max-width: 715px) {
  section.chamada .card-redes-sociais-body {
    border-radius: 0;
  }
}

@media (max-width: 991.98px) {
  section.chamada {
    background-image: none;
  }

  section .conteudo .card-form {
    min-width: 100%;
    width: 100% !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  section .conteudo .card-form form .legal-consent-container ul.hs-error-msgs li label {
    padding-left: 50px;
  }
}