body {
  padding-top: 0;
}
body a {
  color: #fff;
}
.container {
  max-width: 1300px!important;
}
.bg-promo-lp.bg-promo-captacao {
  padding: 40px 0;
  background-color: #000;
  background-image: linear-gradient(to bottom, transparent 40%, #000), url(../img/professores.png?202206201154), url(../img/bg.png?202206201540);
  background-position: bottom,right bottom, right bottom;
  background-size: cover, 800px, 800px;
  background-repeat: no-repeat;
  position: relative;
}

@media (max-width: 1199.98px) {
  .bg-promo-lp.bg-promo-captacao {
      background-image: url(../img/bg-mobile.png);
      background-position: initial;
      background-size: cover;
  }
}

@media (min-width: 1600px) and (max-width: 2000px) {
  .bg-promo-lp.bg-promo-captacao {
      background-position: right;
      background-position-y: calc(100%);
      background-size: cover, 900px, 900px;
  }
}

@media screen and (min-width: 2000px) {
  .bg-promo-lp.bg-promo-captacao {
      background-position: calc(75%);
      background-position-y: calc(100%);
      background-size: cover, 900px, 900px;
  }
}

.bg-promo-lp.bg-promo-captacao::after {
  content: '';
  display: block;
  position: absolute;
  background-image: linear-gradient(to bottom, transparent 40%, #000), url(../img/faisca.png);
  background-size: contain;
  background-position: bottom right;
  background-repeat: no-repeat;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  mix-blend-mode: lighten;
}
  .live-data-hora {
    margin: 30px 0;
  }
.live-data-hora span {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 4px 10px;
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 5px;
  color: #FFFFFF;
}
.live-data-hora span:nth-child(1) {
  border: solid 1px;
}
.topo-promocional h1 {
  max-width: 510px;
}
.topo-promocional h1 img{
  width: 100%;
  height: auto;
}

.topo-promocional p {
  font-family: "Margem-regular";
  font-size: 16px;
  text-align: left;
  color: #B3BAC5;
  max-width: 485px;
}
.topo-promocional p.subtitulo {
  font-family: "Margem-regular";
  font-size: 20px;
  color: #fff;
}
.destaque-txt {
  font-family: "Margem-bold";
  background: #DD303E;
  border-radius: 3px;
  padding: 2px 5px;
}

/* ==================== Formulario ==================== */
.topo-promocional .hs-form .hs-firstname {
  width: 50% !important;
}
.lp-promo .hs-form .hs_mobilephone {
  width: 50% !important;
}
.topo-promocional .hbspt-form .hs-form-field .input input {
  color: #757575 !important;
  outline: none !important;
  padding: 10px !important;
  font-size: 1rem !important;
  border: 1px solid #E7E7E7 !important;
  background: #fff;
}
.lp-promo .hs-form .hs-form-field:nth-of-type(1) input {
  border-right: none !important;
  border-top-left-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.lp-promo .hs-form .hs-form-field:nth-of-type(2) input {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-top-right-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
}
.topo-promocional .hbspt-form .hs-email .input input {
  border-radius: 3px !important;
}
.hbspt-form form .legal-consent-container ul li label p {
  font-family: MuseoSansRegular !important;
  font-size: 12px !important;
  font-weight: 400;
  line-height: 20px !important;
  color: #fff !important;
  text-align: left !important;
  cursor: pointer;
}
.topo-promocional .hbspt-form .hs-form-field .input input[type="checkbox"] {
  border-radius: 3px !important;
  border: 1px solid #fff !important;
  background: #2C2C2C;
  padding: 7px !important;
  font-size: 12px !important;
  margin-top: 4px !important;
}
.hbspt-form form .legal-consent-container ul li label.hs-form-booleancheckbox-display {
  display: flex !important;
  align-items: start !important;
}
.hbspt-form form .legal-consent-container ul li label {
  margin-top: 15px !important;
  margin-bottom: 0 !important;
  color: #fff;
  text-align: left !important;
}
.hbspt-form form .legal-consent-container ul li label {
  font-family: "Museo Sans Regular" !important;
  width: 100% !important;
  color: #fff !important;
}
.hbspt-form form .legal-consent-container ul li label p a {
  font-weight: 500;
  text-decoration: underline;
}
.hs_mobilephone.hs-mobilephone.hs-fieldtype-phonenumber.field.hs-form-field.smart-field, .hs_firstname.hs-firstname.hs-fieldtype-text.field.hs-form-field.smart-field {
  float: left;
}
/* ==================== Fim do Formulario ==================== */

@media screen and (max-width: 365px) {
  .topo-promocional p.subtitulo {
    font-size: 15px!important;
  }
}
@media screen and (max-width: 700px) {
  .bg-promo-lp.bg-promo-captacao {
    background-image: url(../img/bg-mobile.png)!important;
  }
  .bg-promo-lp.bg-promo-captacao::after {
    background-image: url(../img/faisca-mobile.png)!important;
    background-position: left, top;
  }
  .topo-promocional p.subtitulo {
    font-family: "Margem-regular";
    font-size: 16px;
  }
  .topo-promocional p {
    font-size: 14px;
  }
  .live-data-hora span {
    font-size: 13px;
    letter-spacing: 2px;
  }
}
@media screen and (min-width: 401px) and (max-width: 700px) {
  .topo-promocional p.subtitulo {
    font-size: 17px;
  }
}
@media screen and (min-width: 701px) and (max-width: 1199px) {
  .bg-promo-lp.bg-promo-captacao {
    background-image: url(../img/bg-mobile.png)!important;
  }
  .bg-promo-lp.bg-promo-captacao::after {
    background-image: url(../img/faisca-mobile.png)!important;
    background-position: left, top;
  }
  .topo-promocional h1,
  .topo-promocional .logogran {
    margin: 0 auto;
  }
  .topo-promocional p.subtitulo {
    margin: 0 auto;
  }
  .topo-promocional p {
    text-align: center;
    margin: 0 auto;
  }
}

@media screen and (min-width: 1921px) and (max-width: 2134px) {
  .bg-promo-lp.bg-promo-captacao {
    background-position: bottom, calc(60% + 465px) 100%, 94% -50px;
    background-size: cover, 900px, 40%;
  }
}

@media screen and (max-width: 700px) {
  .topo-promocional .live-data-hora {
    justify-content: flex-start !important;
  }
}