.assinepiaui__header {
  background: linear-gradient(180deg, #2a2a2a 0%, #121212 100%);
  width: 100%;
  max-height: 200px;
  color: #fff;
  overflow: hidden;
}

.assinepiaui__header--content {
  position: relative;
  padding: 50px 0;
}

.assinepiaui__header--content h2 {
  font-size: 70px;
  color: #fff;
  letter-spacing: -2px;
}

.assinepiaui__header--content p {
  font-size: 16px;
  color: #fff;
  letter-spacing: 0px;
}

.assinepiaui__header--content img {
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: 300px;
}

.planos p.textrodape {
  font-size: 18px;
}

.planos {
  list-style: none;
  display: flex;
  justify-content: space-between;
  font-family: "TradeGothIC";
}

.planos li {
  background: #ffffff;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  font-style: normal;
  font-weight: 500;
  font-size: 35px;
  line-height: 38px;
  padding: 50px 20px;
  text-align: center;
  color: #000000;
  width: 42%;
}

.planos li h3 {
  font-size: 40px;
  color: #000000;
  line-height: 30px;
  margin-bottom: 50px;
}

/* .planos li p {
   font-size: 20px;
   text-align: center;
   font-weight: normal;
   color: #000000;
   line-height: 26px;
   margin-bottom: 20px;
}

.planos li p strong {
   font-size: 26px;
} */

/* .planos li span {
   font-size: 23px;
   text-align: center;
   font-weight: normal;
   margin-bottom: 15px;
   display: block;
} */

.planos .interno {
  background: linear-gradient(180deg, #f15b40 0%, #b3402b 100%);
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  color: #fff;
  width: 55%;
}

.planos li.interno h3,
.planos li.interno span {
  color: #fff;
}

.planos li .chamada {
  margin-bottom: 30px;
}

.planos li p.subchamada {
  font-size: 26px;
  font-family: "Piaui", sans-serif;
}

.planos li.interno p.subchamada {
  color: #fff;
  font-size: 26px;
}

.planos li.chamada p {
  font-size: 20px;
  text-align: center;
  margin-bottom: 15px;
  display: initial;
}

/* .planos li .chamada strong {
   font-size: 34px;
   text-align: center;
   margin-bottom: 15px;
   display: initial;
} */

.planos li.interno .chamada strong span {
  font-weight: bold;
  font-size: 40px;
  display: initial;
  color: #fff;
}

.planos li .chamada strong span {
  font-weight: bold;
  font-size: 40px;
  display: initial;
  color: #f15b40;
}

.textosegundachamada {
  padding-top: 10px;
  padding-bottom: 1px;
}

.planos li.interno span {
  font-size: 23px;
  text-align: center;
  font-weight: normal;
  margin-bottom: 15px;
  display: initial;
}

/* .planos li span strong {
   font-size: 32px;
} */

.planos a {
  background: #000000;
  border: 2px solid #000000;
  box-sizing: border-box;
  display: block;
  color: #fff;
  width: 250px;
  font-size: 16px;
  margin: 50px auto;
  padding: 0;
  border-radius: 4px;
}

.planos a strong {
  font-weight: bold;
  font-family: "TradeGothIC";
}

.planos .interno a {
  /* background: #2B2B2B;
  display: block;
  color: #fff;
  width: 200px;
  font-size: 22px;
  margin: 0 auto; */
  border: none;
  background: none;
  width: 110px;
  margin: 0;
  padding: 0;
}

.planos small {
  font-family: "Palatino";
  font-size: 26px;
  text-align: center;
  font-weight: normal;
  color: #2b2b2b;
  line-height: 26px;
  margin-bottom: 20px;
}

.planos li > ul {
  margin: 30px 0;
}

.planos li > ul > li {
  width: initial;
  background: initial;
  box-shadow: initial;
  border-radius: initial;
  list-style: none;
  font-size: 14px;
  line-height: 16px;
  padding: 10px;
  text-align: left;
  font-family: "Palatino";
  background: #f4f4f4;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}

.planos li > ul > li::before {
  content: url("../images/check.png");
  width: 20px;
  height: 15px;
  margin-right: 10px;
  display: flex;
  align-items: center;
}

.header-flow-cd {
  width: 100%;
  background: #f15b40;
  color: #fff;
  text-align: left;
}

.header-flow-cd .wrapper {
  width: 100%;
  background: url(../images/revistas-header.png) center;
  padding: 25px 0;
  background-size: cover;
  background-position-x: 61%;
}

.header-flow-cd h2 {
  font-family: Piaui;
  font-style: normal;
  font-weight: bold;
  font-size: 45px;
  line-height: 45px;
  color: #ffffff;
  max-width: 80%;
}

.header-flow-cd p {
  font-family: "Palatino";
  font-size: 26px;
  font-weight: normal;
  color: #fff;
  line-height: 26px;
  margin-top: 20px;
}

ul.listEtapas {
  display: inline-flex;
  list-style: none;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 30px;
  border-bottom: solid 1px #e1e1e1;
  padding-bottom: 35px;
}

.listEtapas li {
  font-size: 20px;
  color: #c4c4c4;
}

.listEtapas li span {
  background: #c4c4c4;
  font-size: 20px;
  color: #fff;
  padding: 5px 13px;
  border-radius: 25px;
  margin-right: 10px;
}

.listEtapas li.active {
  color: #2b2b2b;
}

.listEtapas li.active span {
  background: #2b2b2b;
}

.fl-login {
  border-right: solid 1px #e1e1e1;
  margin-right: 20px;
  padding-right: 20px;
}

.fl-login span.retornoLogin {
  text-align: center;
  font-size: 15px !important;
  color: #ff0000;
  display: block;
  margin: 10px 0;
}

.wrapper.flow-content {
  background: #fff;
  padding: 40px;
  margin-top: 20px;
}

.fl-blocos {
  display: flex;
  justify-content: space-between;
}

.fl-blocos div {
  width: 48%;
}

.fl-blocos h4 {
  color: #f15b40;
  text-align: center;
  font-size: 24px;
}

.fl-blocos h5 {
  color: #f15b40;
  text-align: center;
  font-size: 20px;
}

.fl-blocos .fields,
.fl-blocos .fieldset,
.fl-blocos .field,
.fl-blocos .btns {
  width: 100%;
}

.fl-blocos input,
.fl-blocos select {
  width: 100%;
  border: solid 1px #e0e0e0;
  padding: 5px;
  margin: 5px 0;
  line-height: 30px;
  font-size: 15px;
  font-family: "Palatino";
  color: #2b2b2b;
}

.fl-blocos p {
  text-align: center;
  font-size: 20px;
  font-family: "Palatino";
  margin: 10px 0;
}

.fl-blocos span a {
  background: #f15b40;
  display: block;
  color: #fff;
  font-size: 16px;
  margin: 0 auto;
  padding: 10px 20px;
  max-width: 70%;
  text-align: center;
  font-family: "Palatino";
}

.fl-login span {
  display: none;
}

.fl-cadastro form {
  display: none;
}

.fl-blocos .flBtn,
.fl-blocos .flBtnCad,
.fl-cadastro-upd .flbtnDefault {
  background: #f15b40;
  display: block;
  color: #fff;
  font-size: 18px;
  margin: 0 auto;
  padding: 10px 20px;
  width: 100%;
  text-align: center;
  font-family: "TradeGothic LT Std";
}

.fl-cadastro-upd {
  margin-bottom: 30px;
}

.fl-blocos .error {
  color: red;
  font-family: "Palatino";
  font-size: 13px;
  padding-bottom: 10px;
  display: block;
}

.pgtoItens {
  list-style: none;
  display: inline-flex;
  width: 100%;
  justify-content: space-evenly;
}

.pgtoItens li {
  cursor: pointer;
}

.bloco-revisao h3 {
  margin: 0 auto;
  color: #f15b40;
  font-size: 30px;
  text-align: center;
  margin-bottom: 30px;
}

.bloco-revisao .box_dados {
  display: block;
  margin: 0 auto;
  padding: 20px;
  background: #ffffff;
  border: 2px solid #e1e1e1;
  box-sizing: border-box;
  box-shadow: -5px -5px 15px rgba(0, 0, 0, 0.05),
    5px 5px 15px rgba(0, 0, 0, 0.05);
  border-radius: 5px;
  position: relative;
  font-family: "Palatino";
}

.bloco-revisao .box_dados h4 {
  font-size: 20px;
  font-weight: normal;
  font-family: "Palatino";
}

.bloco-revisao .box_dados span {
  margin: 10px 0;
  display: block;
  font-size: 20px;
  font-family: "Palatino";
}

.bloco-revisao .box_dados span.valor {
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 20px;
  color: #f15b40;
  font-weight: bold;
  font-family: "Palatino";
}

.bloco-revisao .box_dados form {
  display: flex;
  justify-content: space-evenly;
  width: 100%;
}

.bloco-revisao .box_dados form input {
  width: 98%;
  background: #f1f1f1;
  border: 2px solid #e1e1e1;
  box-sizing: border-box;
  border-radius: 5px;
  padding: 5px;
  margin: 5px 0;
  line-height: 30px;
  font-size: 15px;
  font-family: "Palatino";
  color: #2b2b2b;
}

.bloco-revisao .box_dados form label {
  width: 50%;
  display: block;
  font-size: 20px;
  font-family: "Palatino";
}

.bloco-revisao .box_dados span.retornoLogin {
  text-align: center;
  font-size: 15px !important;
  color: #ff0000;
}

.bloco-revisao .btnFinalizarLogin,
.bloco-revisao .btnFinalizarAutoLogin {
  background: #f15b40;
  display: block;
  color: #fff;
  font-size: 18px;
  margin: 0 auto;
  padding: 10px 20px;
  width: 70%;
  text-align: center;
  font-family: "Palatino";
}

.alertRenovacao {
  display: block;
  margin: 20px auto;
  font-size: 13px;
  font-family: "Palatino";
}

.alertRenovacao p {
  margin: 5px 0 15px 0;
}

.alertRenovacao a {
  margin-top: 10px;
  color: #f15b40;
  font-size: 14px;
  text-decoration: underline;
  font-weight: bold;
}

.wrapper.disclaimer {
  margin: 50px auto;
  color: #2b2b2b;
  font-size: 40px;
  text-align: center;
  max-width: 600px;
}

.wrapper.disclaimer h3 {
  font-size: 40px;
}

.wrapper.disclaimer span {
  margin: 20px 0;
  display: block;
  font-size: 23px;
  color: #2b2b2b;
  text-align: left;
}

.wrapper.disclaimer p {
  font-size: 14px;
  text-align: left;
  font-family: "Palatino";
  color: #4c4c4c;
}

.flObrigado {
  margin: 40px auto;
  text-align: center;
}

.flObrigado h2.title {
  font-weight: bold;
  font-size: 50px;
  line-height: 82px;
  text-align: center;
  color: #f15b40;
  border-bottom: solid 1px #e1e1e1;
  width: 80%;
  margin: 0 auto;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.flObrigado span {
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 10px;
  display: block;
}

.flObrigado p {
  font-size: 20px;
}

.btnMaismaterias {
  background: #f15b40;
  display: block;
  color: #fff;
  font-size: 18px;
  margin: 0 auto;
  padding: 10px 20px;
  width: fit-content;
  text-align: center;
  font-family: "Palatino";
}

.btnMaismaterias:hover {
  color: #fff;
}

.fl-cadastro-upd input,
.fl-cadastro-upd select {
  width: 100%;
  border: solid 1px #e0e0e0;
  padding: 5px;
  margin: 5px 0;
  line-height: 30px;
  font-size: 15px;
  font-family: "TradeGothic LT Std";
  color: #2b2b2b;
}

.fl-cadastro-upd h5 {
  color: #f15b40;
  text-align: left;
  font-size: 20px;
}

.fl-cadastro-upd .box_dados {
  width: 100%;
  display: block;
  margin: 20px auto;
  font-family: "TradeGothic LT Std";
}

.fl-cadastro-upd .box_dados h4 {
  font-size: 20px;
  font-weight: normal;
  font-family: "TradeGothic LT Std";
}

.fl-cadastro-upd .box_dados h4 strong {
  font-size: 24px;
}

.fl-cadastro-upd .box_dados span {
  display: block;
  font-size: 20px;
  font-family: "TradeGothic LT Std";
  margin: 10px 0;
}

.fl-cadastro-upd .box_dados strong.valor {
  color: #f15b40;
}

a.lblEsqueci,
a.lblLogar {
  font-size: 15px;
  font-family: "Palatino";
  text-align: right;
  width: 100%;
  display: block;
  margin: 10px 0;
}

a.lblLogar {
  text-align: left;
}

.wrapper.flow-content-dados {
  background: #fff;
  padding: 40px;
  margin-top: 20px;
}

.wrapper.flow-content .formEsqueci {
  display: none;
  width: 100%;
}

.wrapper.flow-content .formEsqueci .flbtnDefault {
  background: #f15b40;
  display: block;
  color: #fff;
  font-size: 18px;
  margin: 0 auto;
  padding: 10px 20px;
  width: 100%;
  text-align: center;
  font-family: "Palatino";
}

.wrapper.flow-content .formEsqueci span.retornoEsqueci {
  text-align: center;
  font-size: 15px !important;
  color: #ff0000;
  display: block;
  margin: 10px 0;
}

.btnCancelarPlano {
  background: #f15b40;
  display: block;
  color: #fff;
  font-size: 18px;
  margin: 20px auto;
  padding: 10px 20px;
  width: 100%;
  text-align: center;
  font-family: "TradeGothic LT Std";
}

.btnCancelarPlano:hover {
  color: #fff;
}

.fl-cadastro-upd .box_dados .cancelado {
  font-weight: bold;
  color: red;
}

.fl-cadastro-upd .box_dados span.returnCancel,
.fl-cadastro-upd span.returnUpd,
.fl-cadastro-upd span.returnUpdPass {
  text-align: center;
  font-size: 15px !important;
  color: #ff0000;
  display: block;
  margin: 10px 0;
}

.fl-cadastro-upd .box_dados span.addContent {
  font-size: 15px;
  padding: 2rem;
}

.fl-cadastro-upd .box_dados span a {
  color: #f15b40;
  text-decoration: underline;
}

input.error {
  border-color: red;
}

label.error,
span.error {
  color: #f15b40;
  font-size: 14px;
}

.contaCrie__form--options {
  position: relative;
  padding-top: 0;
  padding-bottom: 3rem;
}

.conta__box--form--label--check label.error,
.conta__box--form--label--check span.error {
  position: absolute;
  right: -170px;
}

.flCadastro-upd .error,
.flCadastro-Pass .error {
  color: red;
  font-family: "Palatino";
  font-size: 13px;
  padding-bottom: 10px;
  display: block;
}

.modalCard {
  width: 100%;
  height: 100%;
  background: #f7f7f7ba;
  position: fixed;
  z-index: 10000;
  top: 0px;
  left: 0px;
  display: none;
}

.modalCard .content {
  width: 50%;
  background: #fff;
  position: relative;
  top: 25%;
  margin: 0 auto;
  padding: 40px;
  border-radius: 5px;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
}

.modalCard .content form {
  margin-top: 30px;
  display: block;
}

.modalCard .flbtnDefault {
  background: #f15b40;
  display: block;
  color: #fff;
  font-size: 18px;
  margin: 0 auto;
  padding: 10px 20px;
  width: 100%;
  text-align: center;
  font-family: "Palatino";
  border: none;
}

.modalCard h5 {
  color: #f15b40;
  text-align: center;
  font-size: 20px;
}

.modalCard .fields,
.modalCard .fieldset,
.modalCard .field,
.modalCard .btns {
  width: 100%;
}

.modalCard input,
.modalCard select {
  width: 100%;
  border: solid 1px #e0e0e0;
  padding: 5px;
  margin: 5px 0;
  line-height: 30px;
  font-size: 15px;
  font-family: "Palatino";
  color: #2b2b2b;
}

.modalCard .fields-left {
  display: flex;
  justify-content: space-between;
}

.modalCard .fields-left input,
.modalCard .fields-left select {
  width: 49%;
}

.modalCard form i {
  color: #f15b40;
  font-size: 15px;
  font-style: normal;
  font-family: "Palatino";
  margin: 10px auto;
  display: block;
  text-align: center;
  cursor: pointer;
}

.g-signin2 {
  margin: 10px auto;
}

.sectionGoogle span {
  display: block;
}

.fl-login small {
  display: block;
  text-align: center;
  font-size: 20px;
  margin-bottom: 15px;
  color: #f15b40;
  font-style: normal;
  font-family: "Palatino";
}

.google-btn {
  width: 165px;
  height: 42px;
  background-color: #4285f4;
  border-radius: 2px;
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.25);
  display: block;
  margin: 20px auto;
}

.google-icon-wrapper {
  position: absolute;
  margin-top: 1px;
  margin-left: 1px;
  width: 40px !important;
  height: 40px !important;
  border-radius: 2px;
  background-color: #fff;
}

.google-icon {
  position: absolute;
  margin-top: 11px;
  margin-left: 11px;
  width: 18px;
  height: 18px;
}

.btn-text {
  float: left;
  margin-left: 47px !important;
  margin-top: 11px !important;
  color: #fff;
  font-size: 16px !important;
  letter-spacing: 0.2px;
  font-family: "Roboto";
}

@import url(https://fonts.googleapis.com/css?family=Roboto:500);
.btnsFlow {
  /* display: flex; */
  justify-content: space-around;
  /* space-between; */
  width: 80%;
  margin: 20px auto;
  padding: 10px 0;
}

div#signinGoogle {
  /*width: 110px;*/
  cursor: pointer;
}

.areamodal {
  box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.05);
  border-radius: 5px;
  padding: 50px;
}

.modallogin {
  display: block;
  margin: 0 auto;
  width: 70%;
}

.modallogin .g-signin2 {
  text-align: center;
  margin: 20px 0;
}

.modallogin .g-signin2 .abcRioButton {
  margin: 0 auto;
}

.modallogin h5 {
  color: #f15b40;
  text-align: center;
  font-size: 20px;
  font-family: "TradeGothIC";
}

.modallogin .fields,
.modallogin .fieldset,
.modallogin .field,
.modallogin .btns {
  width: 60%;
  margin: 0 auto;
}

.modallogin input,
.modallogin select {
  width: 100%;
  border: solid 1px #e0e0e0;
  padding: 5px;
  margin: 5px 0;
  line-height: 30px;
  font-size: 15px;
  color: #2b2b2b;
  font-family: "TradeGothIC";
}

.modallogin p {
  text-align: center;
  font-size: 16px;
  font-family: "Palatino";
  margin: 10px 0;
}

.modallogin span a {
  background: #f15b40;
  display: block;
  color: #fff;
  font-size: 16px;
  margin: 0 auto;
  padding: 10px 20px;
  max-width: 70%;
  text-align: center;
  font-family: "Palatino";
}

.modallogin .flBtnModal {
  background: #f15b40;
  display: block;
  color: #fff;
  font-size: 16px;
  margin: 0 auto;
  width: 33%;
  text-align: center;
  border-radius: 4px;
  font-family: "TradeGothIC";
}

.modallogin .flBtnDefault {
  background: #f15b40;
  display: block;
  color: #fff;
  font-size: 16px;
  margin: 0 auto;
  width: 33%;
  text-align: center;
  border-radius: 4px;
  font-family: "TradeGothIC";
}

.modallogin h6.txtesqueci {
  font-size: 16px;
}

.modallogin small {
  font-family: "TradeGothIC";
  font-size: 14px;
}

.modallogin span.retornoLogin {
  text-align: center;
  font-size: 15px !important;
  color: #ff0000;
  display: block;
  margin: 10px 0;
}

.assinepiaui__header--alter {
  background: transparent;
}

.assinepiaui__header--alter .assinepiaui__header--content {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.assinepiaui__header--alter .assinepiaui__header--content h2 {
  color: #000;
  font-size: 85px;
  line-height: 82px;
  font-weight: 700;
  font-family: "TradeGothic LT Std", sans-serif;
}

.assinepiaui__header--alter .assinepiaui__header--content p {
  margin-top: 15px;
  color: #000;
  font-weight: 400;
  font-size: 28px;
  line-height: 36px;
  font-family: "TradeGothic LT Std", sans-serif;
}

.assinepiaui__header--alter .assinepiaui__header--content p span {
  color: #ef5a3f;
  font-weight: 700;
}

.bg-gradient-alter {
  background: rgba(255, 255, 255, 1);
  background: -moz-linear-gradient(
    top,
    rgba(255, 255, 255, 1) 0%,
    rgba(255, 255, 255, 1) 17%,
    rgba(229, 229, 229, 1) 17%,
    rgba(229, 229, 229, 1) 100%
  );
  background: -webkit-gradient(
    left top,
    left bottom,
    color-stop(0%, rgba(255, 255, 255, 1)),
    color-stop(17%, rgba(255, 255, 255, 1)),
    color-stop(17%, rgba(229, 229, 229, 1)),
    color-stop(100%, rgba(229, 229, 229, 1))
  );
  background: -webkit-linear-gradient(
    top,
    rgba(255, 255, 255, 1) 0%,
    rgba(255, 255, 255, 1) 17%,
    rgba(229, 229, 229, 1) 17%,
    rgba(229, 229, 229, 1) 100%
  );
  background: -o-linear-gradient(
    top,
    rgba(255, 255, 255, 1) 0%,
    rgba(255, 255, 255, 1) 17%,
    rgba(229, 229, 229, 1) 17%,
    rgba(229, 229, 229, 1) 100%
  );
  background: -ms-linear-gradient(
    top,
    rgba(255, 255, 255, 1) 0%,
    rgba(255, 255, 255, 1) 17%,
    rgba(229, 229, 229, 1) 17%,
    rgba(229, 229, 229, 1) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 1) 0%,
    rgba(255, 255, 255, 1) 17%,
    rgba(229, 229, 229, 1) 17%,
    rgba(229, 229, 229, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0 );
  width: 100%;
  max-width: unset;
}

.planos--alter {
  gap: 3.6rem;
  max-width: 1000px;
  margin: 0 auto;
  width: 90%;
}

.planos--alter li {
  flex: 1;
  position: relative;
  background: #ffffff;
  border: 1px solid #e3e4e4;
  box-sizing: border-box;
  box-shadow: 0px 0px 10px 6px rgb(0 0 0 / 3%);
  padding: 50px 20px 20px;
}

.planos--alter li > a {
  margin: 85px 0 45px;
}

.planos--alter li.interno {
  background: #fff;
  border: 2px solid #f15b40;
  border-radius: 0;
}

.planos--alter li.interno > span {
  position: absolute;
  top: 0;
  left: -2px;
  width: calc(100% + 4px);
  padding: 0 0;
  display: block;
  background-color: #f15b40;
  font-family: "TradeGothic LT Std", sans-serif;
  text-transform: uppercase;
  transform: translateY(-100%);
}

.planos--alter li h3,
.planos--alter li.interno h3 {
  font-size: 20px;
  line-height: 20px;
  color: #000;
  text-align: center;
  font-family: "TradeGothic LT", sans-serif;
  font-weight: 100;
}

.planos--alter li h3 b,
.planos--alter li.interno h3 b {
  display: block;
  font-size: 48px;
  line-height: 52px;
  font-family: "TradeGothic LT Std", sans-serif;
}

/* .planos--alter li .chamada {
}

.planos--alter li .chamada div {
   font-family: 'TradeGothic LT Std', sans-serif;
   font-size: 85px;
   line-height: 52px;
   color: #000;
}

.planos--alter li.interno .chamada div {
   color: #F15B40;
}

.planos--alter li .chamada > p {
   margin-top: 33px;
   font-size: 25px;
   line-height: 35px;
   color: #000;
}

.planos--alter li .chamada > p span {
   margin: 0;
   color: #000;
}

.planos--alter li .chamada > p br {
   display: none;
}

.planos--alter li .chamada > p > * {
   display: block;
} */

.planos--alter .btnsFlow {
  width: 100%;
  padding-bottom: 0;
  margin-bottom: 0;
}

.planos--alter a {
  width: 100%;
  padding: 13px 10px 14px;
  border-radius: 0;
  font-size: 25px;
  line-height: 28px;
  font-family: "TradeGothic LT Std", sans-serif;
  text-transform: uppercase;
  font-weight: 400;
  margin: 0 0 10px;
}

.planos--alter .btnsFlow > a.btnassine {
  width: 100%;
  padding: 13px 10px 14px;
  border-radius: 0;
  font-size: 25px;
  line-height: 28px;
  font-family: "TradeGothic LT Std", sans-serif;
  text-transform: uppercase;
  font-weight: 400;
  margin: 0 0 10px;
}

.planos--alter .btnsFlow > #signinGoogle {
}

.planos--alter .btnsFlow > #signinGoogle button {
  width: 100%;
  border-radius: 0;
  font-family: "TradeGothic LT Std", sans-serif;
  text-transform: uppercase;
  font-weight: 400;
  margin: 0 0 0;
  height: 59px;
}

.planos--alter .alter-list {
  list-style: none;
  margin-top: 17px;
}

.planos--alter .alter-list li {
  display: flex;
  align-items: flex-start;
  box-shadow: none;
  border: none;
  border-radius: unset;
  width: 100%;
  padding: 0;
  margin: 0 0 16px;
}

.planos--alter .alter-list li:not(:last-child) {
  margin: 0 0 16px;
}

.planos--alter .alter-list li svg {
  height: auto;
  margin: 10px 5px 0 0;
}

.planos--alter .alter-list li span,
.alter-list li.interno span {
  font-size: 20px;
  line-height: 31px;
  color: #000;
  text-align: left;
  flex: 1;
  font-weight: 600;
  margin: 0;
}

@media (max-width: 768px) {
  .assinepiaui__header--content.wrapper {
    padding-left: 10px;
  }

  .assinepiaui__header--content.wrapper img {
    display: none;
  }

  .assinepiaui__header--content h2 {
    font-size: 50px;
  }

  ul.planos {
    display: initial;
  }

  ul.planos li {
    width: 100%;
  }

  ul.planos li.interno {
    width: 100%;
  }

  .areamodal {
    padding: 30px;
  }

  .modallogin {
    width: 100%;
  }

  .modallogin .flBtnModal,
  .flBtnCad {
    width: 100%;
  }
}

.planos a.btnassine {
  background: #000000;
  border: 2px solid #000000;
  box-sizing: border-box;
  display: block;
  color: #fff;
  width: 240px;
  font-size: 16px;
  margin: 20px auto;
  padding: 0;
  border-radius: 4px;
}

.modallogin h6,
.modalesqueci h6 {
  font-size: 2.5rem;
  font-family: "TradeGothic LT Std";
  text-align: center;
  font-weight: 200;
}

.modalesqueci {
  display: block;
  margin: 0 auto;
  width: 70%;
}

.modalesqueci .g-signin2 {
  text-align: center;
  margin: 20px 0;
}

.modalesqueci .g-signin2 .abcRioButton {
  margin: 0 auto;
}

.modalesqueci h5 {
  color: #f15b40;
  text-align: center;
  font-size: 20px;
  font-family: "TradeGothIC";
}

.modalesqueci .fields,
.modalesqueci .fieldset,
.modalesqueci .field,
.modalesqueci .btns {
  width: 60%;
  margin: 0 auto;
}

.modalesqueci input,
.modalesqueci select {
  width: 100%;
  border: solid 1px #e0e0e0;
  padding: 5px;
  margin: 5px 0;
  line-height: 30px;
  font-size: 15px;
  color: #2b2b2b;
  font-family: "TradeGothIC";
}

.modalesqueci p {
  text-align: center;
  font-size: 16px;
  font-family: "Palatino";
  margin: 10px 0;
}

.modalesqueci span a {
  background: #f15b40;
  display: block;
  color: #fff;
  font-size: 16px;
  margin: 0 auto;
  padding: 10px 20px;
  max-width: 70%;
  text-align: center;
  font-family: "Palatino";
}

.modalesqueci .flBtnModal {
  background: #f15b40;
  display: block;
  color: #fff;
  font-size: 16px;
  margin: 0 auto;
  /* width: 43%; */
  text-align: center;
  border-radius: 4px;
  font-family: "TradeGothIC";
}

.modalesqueci .flBtnDefault {
  background: #f15b40;
  display: block;
  color: #fff;
  font-size: 16px;
  margin: 0 auto;
  width: 33%;
  text-align: center;
  border-radius: 4px;
  font-family: "TradeGothIC";
}

.modalesqueci small {
  font-family: "TradeGothIC";
  font-size: 16px;
  text-align: center;
  font-weight: normal;
  color: #2b2b2b;
  line-height: 26px;
  margin-bottom: 20px;
  display: block;
}

.modalesqueci span.retornoLogin {
  text-align: center;
  font-size: 15px !important;
  color: #ff0000;
  display: block;
  margin: 10px 0;
}

.formEsqueci span.retornoEsqueci {
  text-align: center;
  font-size: 15px !important;
  color: #ff0000;
  display: block;
  margin: 10px 0;
}

.profile__box > .content form > .field.inactive > select {
  background-color: #f1f1f1;
}

.profile__box > .content form > .field > select {
  position: relative;
  padding: 1.3rem 1rem;
  margin-top: 0.8rem;
  border: 0.18rem solid #d8d8d8;
  font-family: "TradeGothic";
  outline: unset;
  font-size: 1.5rem;
}

/* NOVO LOGIN */
.quemFaz .quemFaz.wrapper {
  max-width: 90rem;
  padding: 0;
}

.nl-login, .nl-verificacao-dados {
  position: relative;
  padding-bottom: 3rem;
}

.nl-verificacao-dados > h1 {
  width: 100%;
  padding: 0.8rem 0 0.6rem;
  text-align: center;
  font-size: 5rem;
  line-height: 7rem;
  color: #000;
  letter-spacing: -0.01em;
  font-family: "TradeGothic LT Std";
  font-weight: 100;
} 

.nl-login > h1 {
  width: 100%;
  padding: 0.8rem 0 0.6rem;
  text-align: center;
  border-top: 1.5px solid #c5c5c5;
  border-bottom: 1.5px solid #c5c5c5;
  font-size: 5rem;
  line-height: 7rem;
  color: #000;
  letter-spacing: -0.01em;
  font-family: "TradeGothic LT Std";
  font-weight: 100;
}

.nl-login__container, .nl-verificacao-dados__container {
  display: flex;
  gap: 3%;
  margin-top: 3rem;
}

.nl-login__box {
  flex: 1;
  background: #ffffff;
  box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.05);
  padding: 6.4rem 3.7rem;
  display: flex;
  flex-direction: column;
}

.nl-login__box > h2 {
  font-size: 3.5rem;
  line-height: 3.9rem;
  color: #f15b40;
  font-family: "TradeGothic LT Std";
  text-align: center;
  margin: 0 12% 4rem;
}

.nl-login__box > p {
  font-size: 1.9rem;
  line-height: 2.3rem;
  font-family: "TradeGothic", sans-serif;
  font-weight: 100;
  text-align: center;
  margin-top: auto;
}

.nl-login__box > p a {
  text-decoration: underline;
}

.nl-login__box > p + p {
  margin-top: 1.5rem;
}

/* .nl-login__box .g-signin2 {
  margin: 0 auto;
  width: 100%;
  max-width: 34rem;
}

.nl-login__box .g-signin2 .abcRioButtonLightBlue {
  width: 100% !important;
} */
.nl-login__box .nl-login__form {
  width: 100%;
  margin-bottom: 4.8rem;
}

.nl-login__box .nl-login__form input {
  width: 100%;
}

.nl-login__box .nl-login__form input:not(:last-child) {
  margin: 0 0 1.5rem;
  border-bottom: 1.5px solid #e0e0e0;
  background-color: #fff;
  padding: 1rem 1.5rem 1.2rem;
  font-family: "TradeGothic";
  font-size: 1.3rem;
  line-height: 2.2rem;
  color: #000;
  font-weight: 100;
  letter-spacing: 0.02em;
}

.nl-login__box .nl-login__form .flBtnModal {
  padding: 1rem 2rem 1.1rem;
  font-family: "TradeGothic LT Std";
  font-weight: 900;
  text-transform: uppercase;
  font-size: 1.9rem;
  line-height: 2.4rem;
  letter-spacing: 0.1em;
}

/* Novo login */
.nl-box {
  flex: 1;
  /* max-width: 77.3rem;
   margin: 0 auto; */
}

.nl-box > div {
  background-color: #fff;
  box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.05);
  padding: 3.8rem 4.2rem 3.5rem 6.3rem;
  display: flex;
  align-items: center;
  flex-direction: column;
}

.nl-email {
  width: 100%;
}

.nl-email__label {
  display: flex;
  flex-direction: column;
}

.nl-email__label span {
  font-size: 1.8rem;
  line-height: 2.4rem;
  letter-spacing: 0.01em;
  font-weight: 700;
  font-family: "TradeGothic", sans-serif;
  margin-bottom: 0.8rem;
}

.nl-email__label input {
  width: 100%;
  border: 1.5px solid #676767;
  transition: 0.3s ease;
  outline: none;
  margin: 0;
  padding: 6px 13px 8px;
  font-family: "TradeGothic LT Std", sans-serif;
  font-size: 1.8rem;
  line-height: 2.7rem;
  letter-spacing: 0.02em;
  color: #989898;
}

.nl-email__label input:hover,
.nl-email__label input:focus,
.nl-email__label input:not(:placeholder-shown) {
  border-color: #f15a3e;
}

.nl-email__label:not(:first-of-type) {
  margin-top: 15px;
}

.nl-email > input[type="submit"] {
  width: 100%;
  background-color: #f15b40;
  cursor: pointer;
  margin: 1.5rem 0 0;
  padding: 0.7rem 1rem 0.7rem;
  font-size: 2rem;
  line-height: 3rem;
  text-transform: uppercase;
  color: #fff;
  font-weight: 700;
  font-family: "TradeGothic LT Std", sans-serif;
  border: none;
}

.nl-alter {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-top: 2.4rem;
}

.nl-alter > span {
  font-size: 1.8rem;
  line-height: 2.2rem;
  font-weight: 700;
  color: #000;
  margin-bottom: 1.4rem;
}

.nl-alter > p {
  font-size: 1.8rem;
  line-height: 2.4rem;
  font-weight: 400;
  font-family: "TradeGothic";
  margin: 0 0 1.2rem;
}

.nl-alter > p:last-child {
  margin: 2.4rem 0 0;
  font-size: 1.8rem;
  line-height: 2.4rem;
}

.nl-alter > p a {
  text-decoration: underline;
}

.nl-recover-pass {
  margin: 3.8rem 0 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.nl-recover-pass > span {
  font-size: 2.4rem;
  line-height: 3.3rem;
  font-weight: 700;
  margin-bottom: 2.5rem;
}

.nl-recover-pass > p {
  font-size: 2.4rem;
  line-height: 2.8rem;
  color: #2b2b2b;
  font-family: "TradeGothic", sans-serif;
}

.nl-recover-pass > p a {
  text-decoration: underline;
}

.nl-image {
  align-self: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  flex: 0 0 30rem;
}

.nl-icon {
  margin-bottom: 3.6rem;
}

.nl-icon img {
  width: 31.4rem;
  height: auto;
}

.nl-image h3 {
  font-size: 1.8rem;
  line-height: 2.2rem;
  color: #000;
  font-weight: 700;
  letter-spacing: 0.01em;
}

.nl-image p {
  font-size: 1.4rem;
  line-height: 2.4rem;
  max-width: 18rem;
  font-weight: 400;
  font-family: "TradeGothic", sans-serif;
}

.nl-image p a {
  text-decoration: underline;
}

.nl-email span.retornoconsulta,
.nl-email span.retornoLogin {
  text-align: center;
  display: block;
  font-size: 1.8rem !important;
  line-height: 2.1rem;
  margin-top: 1.5rem;
  font-family: "TradeGothic LT", sans-serif;
  color: #f15b40;
}

@media only screen and (max-width: 800px) {
  .nl-login {
    margin: 5rem 5% 0;
  }

  .nl-login > h1 {
    font-size: 5rem;
    line-height: 7rem;
  }

  .nl-login__container {
    margin: 5rem 0 0;
    gap: 5rem;
  }

  .nl-login__box {
    padding: 5rem 2.5rem;
  }

  .nl-login__box > h2 {
    margin: 0 0 4rem;
  }

  .nl-login__box .g-signin2 {
    margin: 0 auto 4rem;
  }

  .nl-login__container {
    flex-direction: column-reverse;
  }

  .nl-box > div {
    padding: 5rem 3rem;
  }

  .nl-image {
    order: -1;
  }
}
.loader {
  z-index: 99999;
}

form p {
  font-size: 1.7rem;
  line-height: 2rem;
  margin-top: 0.5rem;
  font-family: "TradeGothic";
  font-weight: 100;
  transition: 0.3s;
  margin-bottom: 10px;
}

span.retornoLoginGoogle.error {
  color: red;
  font-size: 18px !important;
}
.loader_swg {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 99999;
  text-align: center;
  background-color: rgb(52 52 52 / 91%); /* Fallback color */
  background-color: rgb(52 52 52 / 91%); /* Black w/ opacity */
  top: 0px;
  display: none;
}

.loader_swg .content {
  margin-top: 25%;
  display: block;
  font-size: 20px;
  color: white;
  font-weight: 700;
}

.p-current {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.p-current > p {
  font-size: 24px;
  line-height: 1.4;
  color: #000;
}

.p-current > p > span.bf-time {
  color: #000;
}

.p-current .bf-current {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  margin-bottom: 15px;
}

.p-current .bf-current span.bf-current-old,
.p-current .bf-current span.bf-current-new {
  font-size: 65px;
  font-family: "TradeGothic LT Std";
  line-height: 1.2;
  margin: 0;
}

.p-current .bf-current span.bf-current-old {
  color: #c3c3c3;
}

.p-current .bf-current span.bf-current-new {
  color: #f15b40;
}

.pa-current {
  display: flex;
  flex-direction: column;
  font-size: 24px;
  line-height: 1.4;
  color: #000;
  margin-bottom: 23px;
}

.pa-current br {
  display: none;
}

.pa-current > span {
  font-size: 65px;
  line-height: 1.2;
  font-weight: 500;
  font-family: "TradeGothic LT Std";
  margin: 0 0 10px;
}

.pa-current p {
  font-size: 24px;
  line-height: 1.4;
  color: #000;
}

.pa-current > strong {
  font-weight: 500;
  font-size: 24px;
  line-height: 1.4;
  color: #000;
  font-family: "TradeGothic LT";
}

.planos--alter li:has(.pa-current) > h3 {
  margin: 0 0 45px;
}

.pa-current > span > strong {
  font-weight: 600;
}

.assinepiaui__header.assinepiaui__header--alter {
  overflow: unset;
  position: relative;
  max-height: unset;
}

.assinepiaui__header--content.wrapper {
  align-items: flex-start;
  padding: 50px 0 0px;
}

.assinepiaui__header--content.wrapper > img {
  position: absolute;
  bottom: 0;
  right: 0;
  transform: translateY(105px);
}

.assinepiaui__header--alter .assinepiaui__header--content h2 {
  font-weight: 500;
}

.assinepiaui__header--alter .assinepiaui__header--content p {
  text-transform: uppercase;
  color: #556cab;
  font-weight: 700;
  font-family: "Piaui-regular";
  font-size: 60px;
  line-height: 1.2;
  margin-top: 0;
}

@media only screen and (max-width: 500px) {
  .assinepiaui__header--alter .assinepiaui__header--content h2 {
    font-size: 50px;
  }

  .assinepiaui__header--alter .assinepiaui__header--content p {
    font-size: 30px;
  }

  .assinepiaui__header--content.wrapper {
    padding: 20px 5% 40vmin;
  }

  .assinepiaui__header--content.wrapper > img {
    width: 50vmin;
    transform: translateY(20%) rotateY(180deg);
    display: block;
    right: unset;
    left: 0;
  }

  .assinepiaui__header--alter .assinepiaui__header--content h2 {
    font-size: 50px;
  }

  .assinepiaui__header--alter .assinepiaui__header--content p {
    font-size: 30px;
  }

  .assinepiaui__header--content.wrapper {
    padding: 20px 5% 40vmin;
  }

  .assinepiaui__header--content.wrapper > img {
    width: 50vmin;
    transform: translateY(20%) rotateY(180deg);
    display: block;
    right: unset;
    left: 0;
  }

  .p-current .bf-current span.bf-current-old,
  .p-current .bf-current span.bf-current-new {
    font-size: 50px;
  }
}

.loader_paypal {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 99999;
  text-align: center;
  background-color: rgb(52 52 52 / 91%); /* Fallback color */
  background-color: rgb(52 52 52 / 91%); /* Black w/ opacity */
  top: 0px;
  display: none;
}

.loader_paypal .content {
  margin-top: 25%;
  display: block;
  font-size: 20px;
  color: white;
  font-weight: 700;
}
a.linkesqueci {
  background: none !important;
  color: #ff0000 !important;
  display: initial !important;
  padding: initial !important;
  font-size: 15px !important;
  font-family: "TradeGothic LT" !important;
  text-decoration: underline !important;
}
.loader_paypal img {
  width: 200px;
}

.assinepiaui__header--alter {
  background: transparent;
}

.assinepiaui__header--alter .assinepiaui__header--content {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.assinepiaui__header--alter .assinepiaui__header--content h2 {
  color: #000;
  font-size: 85px;
  line-height: 82px;
  font-weight: 700;
  font-family: "TradeGothic LT Std", sans-serif;
}

.assinepiaui__header--alter .assinepiaui__header--content p {
  margin-top: 15px;
  color: #000;
  font-weight: 400;
  font-size: 28px;
  line-height: 36px;
  font-family: "TradeGothic LT Std", sans-serif;
}

.assinepiaui__header--alter .assinepiaui__header--content p span {
  color: #ef5a3f;
  font-weight: 700;
}