.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;
}

input.error {
   border-color: red;
}

label.error {
   color: red;
   font-size: 14px;
}

.contaCrie__form--options {
   position: relative;
}

.conta__box--form--label--check label.error {
   position: absolute;
   right: -150px;
}

.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,.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: .8rem;
   border: .18rem solid #d8d8d8;
   font-family: "TradeGothic";
   outline: unset;
   font-size: 1.5rem;
}

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

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

.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: -.01em;
   font-family: 'TradeGothic LT Std';
   font-weight: 100;
}

.nl-login__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: .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: .01em;
   font-weight: 700;
   font-family: 'TradeGothic', sans-serif;
   margin-bottom: .8rem;
}

.nl-email__label input {
   width: 100%;
   border: 1.5px solid #676767;
   transition: .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: .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: 0;
}

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

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

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

.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: .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;
}