:root {
    --cinza-escuro: #333333;
    --cinza-medio: #8594AF;
    --cinza-claro: #F2F5FA;
    --laranja: #F5764B;
}


.has-error {
    color: #d50000 !important;
}

#carregando {
    background: white;
    opacity: 1;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    transition: opacity 1s ease-out;
}

#carregando .content {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    font-family: 'Montserrat';
    font-style: normal;
    color: var(--cinza-escuro);
}

body ul.tabs {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

body ul.tabs .tab {
    -webkit-box-flex: 1 !important;
    -webkit-flex-grow: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
}

body ul.tabs .tab a {
    font-weight: 900 !important;
}

div#main {
    flex: 1 0 auto;
}

a {
    color: #F5764B;
}

input[type=text],
input[type=date],
input[type=datetime-local],
input[type=password],
select,
textarea,
div.chips .input {
    font-family: 'Montserrat';
    font-style: normal;
    background-color: var(--cinza-claro) !important;
    border: none !important;
    border-radius: 100px !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
    width: calc(100% - 28px) !important;
    margin-bottom: 0 !important;
}

textarea {
    width: 100% !important;
    height: 75px;
    padding: 10px;
    border-radius: 26px !important;
    outline: none !important;
}

input[type=text]::placeholder,
input[type=date]::placeholder,
input[type=datetime-local]::placeholder,
input[type=password]::placeholder,
textarea::placeholder {
    font-family: 'Montserrat';
    font-style: normal;
    color: #8c8c8c;
    font-size: 14px;
    font-weight: 400;
}

input[type=text]:not(.browser-default):focus:not([readonly]),
input[type=date]:not(.browser-default):focus:not([readonly]),
input[type=datetime-local]:not(.browser-default):focus:not([readonly]),
input[type=password]:not(.browser-default):focus:not([readonly]),
div.chips .input:not(.browser-default):focus:not([readonly]),
select:focus:not([readonly]),
textarea:focus:not([readonly]) {
    box-shadow: none !important;
}

input[type=text]:not(.browser-default):focus:not([readonly])+label,
input[type=date]:not(.browser-default):focus:not([readonly])+label,
input[type=datetime-local]:not(.browser-default):focus:not([readonly])+label,
input[type=password]:not(.browser-default):focus:not([readonly])+label,
select:not(.browser-default):focus:not([readonly])+label,
textarea:not(.browser-default):focus:not([readonly])+label {
    color: var(--cinza-escuro) !important;
}

select {
    display: initial;
    width: 100% !important;
}

div.chips,
div.chips.focus {
    border: none;
    box-shadow: none;
}

div.input-field {
    margin-bottom: 30px;
}

div.input-field>label {
    transform: translateY(-20px) scale(0.8) !important;
    transform-origin: 0 0 !important;
    color: #333333;
}

div.input-field>label span.asterisco-obrigatorio {
    color: #F5764B;
}

div.switch span.lever {
    height: 20px !important;
    background-color: #8f8f8f;
}

div.switch span.lever:before,
div.switch span.lever:after {
    background-color: white;
    height: 16px;
    width: 16px;
    top: 1.5px;
    left: 1.5px;
}

.switch label input[type=checkbox]:checked+.lever {
    background-color: #F5764B;
}

.switch label input[type=checkbox][disabled]:checked+.lever {
    background-color: lightgray;
}

.switch label input[type=checkbox]:checked+.lever:after {
    background-color: white;
}

div.input-field.radios span::before {
    border: 2px solid rgba(0, 0, 0, 0.87) !important;
}

div.input-field.radios span::after {
    background-color: var(--laranja) !important;
    border: 2px solid white !important;
}

div.input-field.radios label {
    color: var(--cinza-escuro);
}

div.modal-x-close {
    position: fixed;
    right: 12px;
    top: 8px;
}

div.marca {
    display: block;
    text-align: center;
    margin-top: 30px !important;
}

div.marca>img {
    display: block;
    margin: auto;
}

div.marca .marca-logo {
    width: 20em;
}


div.cta {
    position: fixed;
    width: 100%;
    bottom: 0;
    padding: 0 40px;
    text-align: center;
}

.bt {
    font-family: 'Montserrat';
    font-style: normal;
    display: block;
    width: 100%;
    padding: 14px;
    margin-top: 14px;
    font-weight: 500;
    font-size: 16px;
    line-height: 115.8%;
    text-transform: uppercase;
    border-radius: 100px;
    text-align: center;
    border: none;
    cursor: pointer;
}

.bt-laranja {
    color: white;
    background: linear-gradient(90deg, #F5764B 19.89%, #FA9439 100%);
}

.bt-branco {
    color: var(--cinza-escuro);
    background: white;
    border: 2px solid var(--laranja);
}

.bt-preto {
    color: white;
    background: var(--cinza-escuro);
    border: 1.5px solid black;
}

.toast.persistent {
    position: fixed;
    top: 40vh;
    left: 5%;
    width: 90%;
    height: auto;
    background-color: #a90000;
    z-index: 10000;
}

/* FOOTER */

div#footer {
    position: sticky;
    bottom: 0;
    z-index: 9;
}

/* BASIC FOOTER */

div#basic-footer {
    display: flex;
    height: 51px;
    width: 100%;
    background: #F8FAFC;
}

div#basic-footer>div {
    display: inline-flex;
}

div#basic-footer>div.icone {
    width: 20%;
}

div#basic-footer>div.icone img {
    width: 22px;
    height: 22px;
    margin: auto;
    margin-right: 10px;
}

div#basic-footer>div.links {
    width: 60%;
}

div#basic-footer>div.links a {
    margin: auto;
    font-size: 10px;
    color: #333333;
}

div#basic-footer>div.redes-sociais {
    width: 20%;
}

div#basic-footer>div.redes-sociais a {
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 6px;
    display: flex;
    align-items: center;
}

div#basic-footer>div.redes-sociais img {
    width: 22px;
    height: 22px;
}

/* LOGIN */

body.login p.slogan {
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    margin-top: 30px;
}

body.login div.form {
    width: 100%;
    padding: 0 40px;
    text-align: center;
}

body.login div.hr-ou {
    text-align: center !important;
    margin-top: 40px;
}

body.login div.hr-ou hr {
    border: 0;
    border-top: 1px solid #E4E6EB;
}

body.login div.hr-ou p {
    color: #878FAD;
    background: white;
    display: inline;
    position: absolute;
    margin-top: -19px;
    padding: 0 10px;
    margin-left: -87px;
}

body.login div.redes-sociais img {
    width: 17%;
}

/* CADASTRO */

body.cadastro p.titulo {
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    margin-top: 32px;
}

body.cadastro div.form {
    width: 100%;
    padding: 0 40px;
    text-align: center;
}

body.cadastro div.form p.aviso-obrigatorios {
    text-align: left;
    margin-left: 10px;
    margin-bottom: 40px;
    font-size: 12px;
    font-weight: 500;
    color: #333333;
}

body.cadastro div.form p.aviso-obrigatorios span {
    color: #F5764B;
}

body.cadastro div.lgpd [type="checkbox"]+span:not(.lever) {
    font-size: 10px;
    font-weight: 400;
    line-height: 12px;
    text-align: left;
}

body.cadastro div.hr-ou {
    text-align: center !important;
    margin-top: 40px;
}

body.cadastro div.hr-ou hr {
    border: 0;
    border-top: 1px solid #E4E6EB;
}

body.cadastro div.hr-ou p {
    color: #878FAD;
    background: white;
    display: inline;
    position: absolute;
    margin-top: -19px;
    padding: 0 10px;
    margin-left: -87px;
}

body.cadastro div.redes-sociais img {
    width: 17%;
}

body.cadastro-completar div.header {
    display: block;
    margin: 30px 35px;
}

body.cadastro-completar div.header .titulo p {
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #121212;
}

body.cadastro-completar div.content {
    display: block;
    margin: 30px 35px;
}

body.cadastro-completar div.form {
    margin-top: 50px;
}

body.cadastro-redefinir p.titulo {
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    margin-top: 32px;
}

body.cadastro-redefinir div.form {
    width: 100%;
    padding: 0 40px;
    text-align: center;
}

body.cadastro-redefinir div.form p.aviso-obrigatorios {
    text-align: left;
    margin-left: 10px;
    margin-bottom: 40px;
    font-size: 12px;
    font-weight: 500;
    color: #333333;
}

body.cadastro-redefinir div.form p.aviso-obrigatorios span {
    color: #F5764B;
}

body.cadastro-verify-email .conteudo {
    margin: 35px;
}

/* HOME (FEED) */

body.home {
    background: #FFF;
}

body.home p.titulo {
    margin: 10px;
    margin-top: 0px;
    font-weight: bold;
    font-size: 16px;
}

body.home div.destaques {
    border-top: 1px solid #F5764B;
    border-bottom: 1px solid #F5764B;
    padding-top: 10px;
    min-height: 124px;
    -ms-overflow-style: none;
    /* for Internet Explorer, Edge */
    scrollbar-width: none;
    /* for Firefox */
    overflow: none;
}

body.home .div.destaques::-webkit-scrollbar {
    display: none;
}

body.home .div.destaques {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

body.home div.destaques .faixa {
    margin-left: 5px;
    background: white;
    display: inline-flex;
    width: auto;
    animation: slideFromLeft 1s forwards;
    left: -100%;
    position: fixed;
}

body.home div.destaques .faixa .item {
    border-radius: 100px;
    margin-left: 5px;
    margin-right: 5px;
}

body.home div.destaques .faixa .item img {
    border: 6px solid white;
    outline: 2px solid #F5764B;
    outline-offset: -2px;
}

body.home div.destaques .faixa .item p {
    width: 54px;
    text-align: center;
    font-size: 8px;
    color: black;
    margin-top: -4px;
}

body.home div.destaques .faixa .item.mais {
    margin-top: 6px;
    width: 44px;
    height: 44px;
    outline: 2px solid #F5764B
}

body.home div.destaques .faixa .item.mais p {
    font-weight: bold;
    font-size: 18px;
    margin-left: 16px;
    margin-top: 5px;
}

body.home div.destaques .faixa img {
    border-radius: 100px;
    height: 54px;
    width: 54px;
    object-fit: cover;
}

body.home div.destaques .faixa .add {
    background: white;
    height: 18px;
    width: 18px;
    border-radius: 100px;
    color: #F5764B;
    font-size: 18px;
    font-weight: bold;
    margin-top: 42px;
    margin-left: -12px;
}

body.home div.destaques .faixa .add p {
    margin: -4px 0px 0px 4px;
}


/* PESQUISA */

body.pesquisa p.titulo-sessao {
    text-align: left;
    font-size: 14px;
    font-weight: 700;
    margin-top: 20px;
    margin-bottom: 4px;
}

body.pesquisa div.conteudo {
    margin: 35px;
    margin-top: -20px;
}

body.pesquisa div.conteudo .col {
    padding: 0;
}

body.pesquisa div.entrada input {
    width: calc(100% - 28px) !important;
    margin: 0px !important;
}

body.pesquisa div.entrada i {
    width: auto !important;
    right: 14px;
    font-size: 20px !important;
    margin-top: 4px;
    background: var(--cinza-claro) !important;
}

body.pesquisa div.entrada i.active {
    color: #F5764B !important;
}

body.pesquisa div.entrada li img {
    display: none;
}

body.pesquisa div.resultado {
    margin-top: -20px;
}

body.pesquisa div.resultado p.nenhum-encontrado {
    margin-bottom: 32px;
    text-align: center;
    font-size: 12px;
    font-style: italic;
}

body.pesquisa div.user {
    display: flex;
    height: 80px;
    background-size: cover;
    border-radius: 10px;
    margin-bottom: 14px;
}

body.pesquisa div.user .foto img {
    width: 60px;
    height: 60px;
    border: 3px solid #652f1d;
    box-shadow: 0px 0px 0px 2px #F5764B;
    border-radius: 40px;
    margin: 10px;
    object-fit: cover;
}

body.pesquisa div.user .id {
    margin-top: 21px;
}

body.pesquisa div.user .id p {
    margin: 0;
    color: white;
    text-shadow: 1px 1px 2px black;
}

body.pesquisa div.user .id p.nome {
    font-weight: bold;
}

body.pesquisa div.user .id p.user {
    font-size: 12px;
    margin-top: -2px;
}

body.pesquisa ul.tabs {
    background: none;
    margin: 6px auto;
    margin-bottom: 10px;
    width: calc(100% - 40px);
    height: 38px;
}

body.pesquisa ul.tabs .indicator {
    background-color: #FA923A;
}

body.pesquisa ul.tabs li {
    width: auto !important;
}

body.pesquisa ul.tabs li a {
    background: none !important;
    font-size: 10px !important;
    padding: 0 4px !important;
}

body.pesquisa ul.tabs li a.active {
    filter: none;
}

body.pesquisa ul.tabs li a.active {
    color: #FA923A !important;
}

body.pesquisa .tab-content {
    padding: 10px !important;
}

body.pesquisa div.feed {
    padding: 0 !important;
}

body.pesquisa div.tag {
    display: flex;
    height: 65px;
    background: white;
    box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    margin-bottom: 14px;
}

body.pesquisa div.tag .icone {
    width: 44px;
    height: 44px;
    border-radius: 40px;
    margin: 10px;
    background: #BFC4CF1A;
}

body.pesquisa div.tag .icone p {
    margin: auto;
    margin-top: 3px;
    text-align: center;
    color: #BBC2CC;
    font-size: 24px;
    font-weight: bold;
}

body.pesquisa div.tag .id {
    margin-top: 12px;
    margin-left: 6px;
}

body.pesquisa div.tag .id p {
    margin: 0;
    color: black;
}

body.pesquisa div.tag .id p.nome {
    font-size: 16px;
    font-weight: bold;
}

body.pesquisa div.tag .id p.total {
    font-size: 12px;
    margin-top: -2px;
    color: #7E8A9E;
}

body.pesquisa-tag div.conteudo {
    margin-top: -20px;
}

body.pesquisa-tag div.conteudo .col {
    padding: 0;
}

body.pesquisa-tag div.tag {
    display: flex;
    height: 65px;
    background: white;
    box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    margin-bottom: 14px;
}

body.pesquisa-tag div.tag .icone {
    width: 44px;
    height: 44px;
    border-radius: 40px;
    margin: 10px;
    background: #BFC4CF1A;
}

body.pesquisa-tag div.tag .icone p {
    margin: auto;
    margin-top: 3px;
    text-align: center;
    color: #BBC2CC;
    font-size: 24px;
    font-weight: bold;
}

body.pesquisa-tag div.tag .id {
    margin-top: 12px;
    margin-left: 6px;
}

body.pesquisa-tag div.tag .id p {
    margin: 0;
    color: black;
}

body.pesquisa-tag div.tag .id p.nome {
    font-size: 16px;
    font-weight: bold;
}

body.pesquisa-tag div.tag .id p.total {
    font-size: 12px;
    margin-top: -2px;
    color: #7E8A9E;
}

body.pesquisa-tag div.feed {
    padding: 0 !important;
}


/* PERFIL (VISUALIZAR) */

body.perfil {
    background: #FFF;
}

body.perfil header.perfil {
    position: relative;
    margin-bottom: 40px;
}

body.perfil header.perfil div.opcoes {
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer;
}

body.perfil header.perfil div.opcoes i {
    color: white;
}

body.perfil header.perfil div.opcoes-show {
    position: absolute;
    background-color: #f4f4f4;
    right: 35px;
    top: 16px;
    padding: 4px 12px;
    border-radius: 7px;
}

body.perfil header.perfil div.opcoes-show a {
    display: block;
    margin: 4px;
    color: black;
}

body.perfil #modal-denuncia textarea {
    height: 35vh;
    border-radius: 10px;
    background: #f4f4f4;
    padding: 10px;
}

body.perfil header.perfil div.imagem-capa img {
    width: 100%;
    height: 150px;
    object-fit: cover;
}

body.perfil header.perfil div.imagem-perfil {
    text-align: center;
    margin-top: -85px;
}

body.perfil header.perfil div.imagem-perfil img {
    width: 40vw;
    height: 40vw;
    max-width: 168px;
    max-height: 168px;
    border-radius: 50%;
    border: 6px solid white;
    outline: 2px solid #F5764B;
    outline-offset: -2px;
    object-fit: cover;
}

body.perfil header.perfil div.faixa {
    display: flex;
    margin-top: -4em;
}

body.perfil header.perfil div.faixa>div {
    text-align: center;
    width: 30%;
}

body.perfil header.perfil div.faixa .meio {
    width: 40%;
}

body.perfil header.perfil div.faixa .esquerda p {
    font-size: 10px;
    margin: 2px auto;
    background: white;
    width: fit-content;
    padding: 4px 10px;
    border-radius: 20px;
}

body.perfil header.perfil div.faixa .esquerda span {
    font-size: 12px;
    color: #FA9439;
}

body.perfil header.perfil div.faixa .direita img {
    width: 30px;
    border: 1px solid #E4E6EB;
    border-radius: 50%;
    padding: 2px;
}

body.perfil header.perfil div.editar-foto.capa {
    position: absolute;
    right: 10px;
    top: 116px;
}

body.perfil header.perfil div.editar-foto.capa a {
    background: #F5764B;
    padding: 0 5px;
    height: 24px;
    font-size: 10px;
    line-height: 26px;
}

body.perfil header.perfil div.editar-foto.capa i {
    margin-right: 8px;
    line-height: 24px;
}

body.perfil header.perfil div.editar-foto.perfil {
    background: white;
    position: relative;
    border-radius: 50%;
    box-shadow: 0px 0px 8px -2px rgba(0, 0, 0, 0.45);
    width: 40px;
    height: 40px;
    margin: auto;
    margin-right: 30%;
    margin-top: -50px;
    margin-bottom: 10px;
}

body.perfil header.perfil div.editar-foto.perfil i {
    margin: 8px;
}

body.perfil div.info {
    border-bottom: 1px solid #F5764B;
    padding-bottom: 20px;
}

body.perfil div.info .nome {
    text-align: center;
    width: 100%;
}

body.perfil div.info .nome p {
    display: inline-flex;
    font-size: 18px;
    font-weight: 700;
    color: #002029;
    margin-bottom: 0;
}

body.perfil div.info .nome p.user {
    color: #727477;
    font-size: 12px;
    font-weight: 300;
    margin: 0;
    margin-bottom: 4px;
}

body.perfil div.info .nome img {
    display: inline-flex;
    width: 22px;
    margin-bottom: -5px;
    margin-left: 4px;
}

body.perfil div.info .descricao {
    margin: 0 30px;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    color: #002029;
}

body.perfil div.info .contadores {
    display: flex;
    margin: 20px 30px;
}

body.perfil div.info .contadores .item {
    width: 33.3%;
    text-align: center;
}

body.perfil div.info .contadores .item p {
    margin: 0;
    font-size: 14px;
    font-weight: 400;
}

body.perfil div.info .contadores .item p.total {
    color: #FA9439;
}

body.perfil div.info .ctas {
    display: flex;
    margin: 5px 20px;
}

body.perfil div.info .ctas a {
    margin: 4px;
    padding: 10px;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
}

body.perfil div.info .ctas a.btn-msg {
    padding: 0px;
    width: 112px;
}

body.perfil div.info .ctas a.btn-msg img {
    width: 16px;
    margin-top: 10px;
}

body.perfil .wrapper-tabs {
    width: 100%;
}

body.perfil ul.tabs {
    background: none;
    height: 38px;
    width: 100%;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

body.perfil ul.tabs .indicator {
    background-color: #FA923A;
}

body.perfil ul.tabs li a {
    background: none !important;
    filter: grayscale(1) opacity(0.5);
    display: flex;
    align-items: center;
    justify-content: center;
}

body.perfil ul.tabs li a.active {
    filter: none;
}

body.perfil ul.tabs li a i {
    color: #FA923A;
}

body.perfil div#tab-grid {
    padding: 30px;
}

body.perfil div#tab-grid div.midia {
    height: 30vw;
    max-height: 150px;
    padding: 0;
}

body.perfil div#tab-grid img.arquivo,
body.perfil div#tab-grid video.arquivo {
    width: 100%;
    height: 100%;
    object-fit: cover;
    padding: 5px;
    border-radius: 12px;
}

body.perfil div#tab-grid img.arquivo.pago,
body.perfil div#tab-grid video.arquivo.pago {
    filter: blur(0px);
}

/* PERFIL (EDITAR / MEU PERFIL) */

body.perfil-editar div.input-field {
    padding: 0 !important;
}

body.perfil-editar div.input-field input:read-only {
    color: #979797;
}

body.perfil-editar p.titulo-sessao {
    text-align: left;
    font-size: 18px;
    font-weight: 700;
    margin-top: 32px;
}

body.perfil-editar p.aviso-processa-monetizacao {
    color: rgb(193 0 0);
}

body.perfil-editar div.form {
    width: 100%;
    text-align: center;
}

body.perfil-editar div.form p.aviso-obrigatorios {
    text-align: left;
    margin-left: 10px;
    margin-bottom: 40px;
    font-size: 12px;
    font-weight: 500;
    color: #333333;
}

body.perfil-editar div.form p.aviso-obrigatorios span {
    color: #F5764B;
}

body.perfil-editar div.link-perfil {
    text-align: left;
}

body.perfil-editar div.link-perfil p {
    text-align: left;
    margin-left: 10px;
    font-size: 12px;
    color: #267ed0;
}

body.perfil-editar div.link-perfil a {
    font-size: 10px;
    padding: 6px 12px;
    display: initial;
    margin-left: 10px;
}

body.perfil-editar div.rede-social {
    display: flex;
}

body.perfil-editar div.rede-social p {
    font-size: 11px;
    margin-left: 11px;
    margin-top: 14px;
    margin-right: 4px;
}

body.perfil-editar div.switch span.lever:before,
div.switch span.lever:after {
    height: 11px;
    width: 11px;
    top: 2px;
    left: 2px;
}

body.perfil-editar .bolinha {
    background-color: var(--laranja) !important;
    border: 2px solid white !important;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    margin: 5px;
}

body.perfil-editar .lista_arquivos {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
    position: relative;
}

body.perfil-editar .lista_arquivos .bt-imagem {
    background-color: #F2F5FA;
    display: flex;
    align-items: center;
    flex-direction: column;
    height: 220px;
    width: 130px;
    margin: 4px;
    max-width: calc(32.5% - 6px);
    justify-content: center;
    position: relative;
}

body.perfil-editar .lista_arquivos .bt-imagem span {
    padding-top: 10px;
}

body.perfil-editar .lista_arquivos .bt-imagem img {
    width: 100%;
    height: 100%;
    object-fit: scale-down;
    padding: 10px;
    max-height: 188px;
}

body.perfil-editar .lista_arquivos .wrapper-button {
    width: 100%;
    height: auto;
    position: absolute;
    top: 20;
    right: 0;
    z-index: 1;
    display: flex;
    justify-content: flex-end;
    padding: 5px;
}

/* PUBLICACAO */

body.publicacao div.header {
    margin: 20px 27px 20px 27px;
}

body.publicacao div.form {
    padding: 30px;
    padding-top: 20px;
    font-size: 14px;
    font-weight: 500;
}

body.publicacao h4 {
    font-size: 18px;
    font-weight: 700;
    margin-top: 0;
}

body.publicacao .tipo {
    margin-top: 20px;
    margin-bottom: 0;
}

body.publicacao .atencao {
    margin-top: -10px;
    margin-bottom: 20px;
    color: rgb(138, 138, 138);
}

body.publicacao .tipo span.disabled {
    cursor: default !important;
}

body.publicacao .sugestao-preco {
    font-size: 12px;
    font-weight: 500;
    margin: 10px;
}

body.publicacao .valor-sugerido {
    color: #A6ACC3;
    font-size: 12px;
    font-weight: 400;
    line-height: 13px;
    margin: 10px;
}

body.publicacao .moeda {
    position: absolute;
    margin-top: -32px;
    margin-left: 14px;
}

body.publicacao .moeda.disabled {
    color: rgba(0, 0, 0, 0.42);
}

body.publicacao .dinheiro {
    padding-left: 40px !important;
    width: calc(100% - 54px) !important;
}

body.publicacao .tags-container .title {
    transform: scale(0.8) !important;
    transform-origin: 0 0 !important;
    color: #333333;
}

body.publicacao .tags-container .chips {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

body.publicacao .lista_arquivos {
    display: flex;
    flex-wrap: wrap;
}

body.publicacao .arquivo {
    min-width: 130px;
    max-width: calc(32.5% - 6px);
    margin: 4px;
    background: #F2F5FA;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: move;
}

body.publicacao .arquivo .wrapper-button {
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    display: flex;
    justify-content: flex-end;
    padding: 5px;
}

body.publicacao .lista_arquivos>.arquivo .free-image-overlay {
    display: none;
}

body.publicacao .lista_arquivos.pago>.arquivo:first-child .free-image-overlay {
    display: inherit !important;
    position: absolute;
    bottom: 5px;
    z-index: 9;
    color: white;
    text-align: right;
    background: #00000066;
    width: auto;
    height: fit-content;
    border-radius: 14px;
    padding: 5px;
}

body.publicacao .arquivo img,
body.publicacao .arquivo video {
    max-width: 100%;
}

body.publicacao div#upload-add {
    display: flex;
    flex-direction: column;
    min-width: 130px;
    max-width: calc(32.5% - 6px);
    background: #F2F5FA;
    text-align: center;
    position: relative;
    margin: 4px;
    padding: 10px;
    cursor: pointer;
    min-height: 150px;
}

body.publicacao div#upload-add img {
    width: 20px;
    height: 20px;
    margin: auto;
}

body.publicacao div#upload-add span {
    padding: 4px;
    font-size: 10px;
}

body.publicacao div#upload-add span b {
    font-size: 14px;
}

body.publicacao #actionButton {
    margin-top: 30px;
}

/* MENSAGENS */

body.chat div.header {
    display: block;
    margin-bottom: 60px;
}

body.chat div.header .filtros {
    text-align: center;
}

body.chat div.header .filtros a {
    color: #141522;
    font-size: 12px;
    font-weight: 300;
    padding: 10px;
}

body.chat div.header .filtros a.active {
    font-weight: bold;
}

body.chat div.header .pesquisa {
    margin-top: 10px;
    margin-bottom: 20px;
}

body.chat div.header .pesquisa input {
    display: flex;
}

body.chat div.header .pesquisa img {
    display: flex;
    float: right;
    margin-top: -28px;
    margin-right: 16px;
}

body.chat div.header .marcarTodasLidas {
    text-align: right;
    margin-bottom: -30px;
}

body.chat div.header .marcarTodasLidas a {
    font-size: 10px;
    font-weight: 300;
    color: #141522;
}

body.chat div.card {
    display: flex;
    box-shadow: 10px 24px 54px rgba(0, 0, 0, 0.05);
    border-radius: 12px;
    margin: 16px 0px;
}

body.chat div.card.bloqueado {
    display: none;
}

body.chat div.card.arquivado {
    display: none;
}

body.chat div.card.lido {
    box-shadow: none;
}

body.chat div.card .foto img {
    width: 44px;
    margin: 10px 16px;
    border-radius: 50%;
}

body.chat div.card .foto img.bloqueado {
    filter: grayscale(1) opacity(0.7);
}

body.chat div.card p {
    margin: 0px;
}

body.chat div.card .info {
    margin-top: 10px;
    width: 100%;
    width: calc(100% - 100px);
}

body.chat div.card p.nome {
    color: #121212;
    font-size: 16px;
    font-weight: 600;
}

body.chat div.card p.msg {
    color: #666666;
    font-size: 14px;
    font-weight: 500;
    white-space: nowrap;
    /* Evita que o texto quebre em várias linhas */
    overflow: hidden;
    /* Esconde o conteúdo que exceder a largura */
    text-overflow: ellipsis;
    /* Adiciona "..." no final do texto que exceder a largura */
}

body.chat div.card p.bloqueado {
    color: #c00000;
}

body.chat div.card .options {
    margin-top: 8px;
    margin-right: 4px;
}

body.chat div.card .options a {
    color: #D2DEF1;
    padding: 0;
}

body.chat div.card .options .dropdown-content li {
    min-height: 0;
}

body.chat div.card .options .dropdown-content a {
    color: black;
    font-size: 12px;
}

body.chat div.card .options .dropdown-content {
    width: auto !important;
    padding: 6px 10px;
}

body.chat div.card .novas {
    position: absolute;
    margin-top: 10px;
    right: 28px;
}

body.chat div.card .novas p {
    background: #F5764B;
    width: 18px;
    text-align: center;
    border-radius: 50%;
    color: white;
    font-size: 12px;
}

body.chat-detalhe {
    overflow: hidden;
}

body.chat-detalhe div.head {
    display: flex;
    padding: 0 35px;
    padding-bottom: 24px;
}

body.chat-detalhe div.head .foto {
    width: 45px;
    height: 45px;
    border-radius: 100px;
}

body.chat-detalhe div.head .id {
    margin-left: 12px;
}

body.chat-detalhe div.head .id p {
    margin: 0;
}

body.chat-detalhe div.head .id .nome {
    font-weight: 600;
    font-size: 18px;
    color: #2F2F2F;
}

body.chat-detalhe div.head .id .user {
    font-weight: 400;
    font-size: 12px;
    color: #333333;
}

body.chat-detalhe div.chat {
    background: #F2F5FA;
}

body.chat-detalhe div.chat .inner {
    padding: 10px;
    padding-bottom: 0px;
    display: inline-block;
    overflow: auto;
    width: 100%;
}

body.chat-detalhe div.chat .escrever {
    padding: 10px;
    width: 100%;
}

body.chat-detalhe div.chat .escrever .wrapper-texto-mensagem {
    background-color: white !important;
    border-radius: 14px !important
}

body.chat-detalhe div.chat .escrever textarea {
    display: flex;
    background-color: transparent !important;
    width: calc(100% - 55px) !important;
    border-radius: 0px !important;
}

body.chat-detalhe div.chat .escrever img {
    display: flex;
    width: 14px;
    float: right;
    margin-top: -28px;
    margin-right: 16px;
    cursor: pointer;
}

body.chat-detalhe div.chat .inner .msg {
    padding: 26px;
    border-radius: 14px;
    word-break: break-all;
}

body.chat-detalhe div.chat .inner .msg.msg-remetente {
    color: white;
    background: linear-gradient(101.72deg, #FA923A -17.22%, #F5764B 90.84%);
    margin-left: 30px;
}

body.chat-detalhe div.chat .inner .msg.msg-destinatario {
    background: white;
    margin-right: 30px;
}

body.chat-detalhe div.chat .inner .tempo {
    margin: 10px;
    font-size: 12px;
    font-weight: 400;
    color: #333333;
}

body.chat-detalhe div.chat .inner .tempo.tempo-remetente {
    text-align: right;
}

/* NOTIFICAÇÕES */

body.notificacoes .conteudo {
    position: relative;
}

body.notificacoes a.notificacao {
    display: block;
    color: black;
    margin-bottom: 18px;
}

body.notificacoes a.notificacao p {
    font-size: 12px;
    margin: 0;
}

body.notificacoes a.notificacao p.decorrido {
    font-weight: bold;
}

body.notificacoes a.notificacao p.texto.nao-lida {
    font-weight: bold;
}

body.notificacoes a.deletar {
    position: absolute;
    display: flex;
    padding: 6px;
    width: auto;
    right: 0;
    margin-top: -46px;
}

body.notificacoes a.deletar i {
    display: block;
    font-size: 16px;
}

/* MENU */

body.menu hr {
    background: #DCDCDC;
    margin: 0 30px;
    margin-top: -6px;
    border-top: 0;
}

body.menu div.header {
    display: flex;
    margin: 30px 30px;
}

body.menu div.header .foto {
    width: 74px;
}

body.menu div.header .foto img {
    width: 74px;
    height: 74px;
    object-fit: cover;
    border-radius: 50%;
}

body.menu div.header .id {
    width: calc(100% - 124px);
    margin-left: 16px;
}

body.menu div.header .id .nome {
    font-size: 18px;
    font-weight: 700;
    color: #002029;
}

body.menu div.header .id .user {
    font-size: 14px;
    font-weight: 500;
    color: #727477;
    margin-top: -23px;
}

body.menu div.header .editar {
    width: 50px;
    text-align: right;
}

body.menu div.header .editar img {
    width: 22px;
    margin-top: 26px;
}

body.menu div.titulo {
    margin: -18px 30px 20px 30px;
    font-size: 18px;
    font-weight: 700;
}

body.menu ul {
    margin: 30px;
}

body.menu ul li {
    display: flex;
    align-items: center;
    padding-top: 8px;
    padding-bottom: 8px;
}

body.menu ul li a {
    display: flex;
    color: red;
}

body.menu ul li img {
    width: 35px;
    height: 35px;
}

body.menu ul li p {
    color: #002029;
    font-size: 18px;
    font-weight: 600;
    padding-left: 24px;
    margin: 0;
}


/* PAINEL FINANCEIRO */

body.painel-financeiro p.titulo-sessao {
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    margin-top: 32px;
}

body.painel-financeiro .resumo table td {
    padding: 5px;
}

body.painel-financeiro .extrato {
    display: table;
}

body.painel-financeiro .extrato p.titulo-sessao {
    display: table-caption;
}

body.painel-financeiro .extrato .mes {
    font-weight: bold;
    margin-bottom: 12px;
}

body.painel-financeiro .extrato .movimentacao {
    display: table-row;
}

body.painel-financeiro .extrato .movimentacao>div {
    display: table-cell;
    font-size: 0.8rem;
    padding: 4px;
    width: 20%;
}

body.painel-financeiro .extrato .movimentacao>div.transacao {
    width: 30%;
}


/* MINHAS COMPRAS */

body.minhas-compras p.titulo-sessao {
    text-align: left;
    font-size: 18px;
    font-weight: 700;
    margin-top: 32px;
}

body.minhas-compras .item {
    background: whitesmoke;
    padding: 22px 12px;
    border-radius: 14px;
    margin-bottom: 10px;
    display: flex;
}

body.minhas-compras .item>div {
    display: flow;
    font-size: 0.9rem;
}

body.minhas-compras .item>div.criador {
    width: 36%;
}

body.minhas-compras .item>div.status {
    width: 22%;
    margin-right: 14px;
}

body.minhas-compras .item>div.descricao {
    width: 28%;
    font-size: 0.8rem;
}

body.minhas-compras .item>div.compras {
    width: 32%;
    font-size: 0.8rem;
}

body.minhas-compras .item>div.status.inativo {
    color: rgb(197, 0, 0);
}

body.minhas-compras .item>div.valor {
    width: 22%;
    color: rgb(6 211 128);
    font-weight: bold;
}

body.minhas-compras .item>div.mais {
    width: 20%;
    float: right;
    text-align: right;
}

body.minhas-compras .item>div.mais a {
    font-size: 0.8rem;
    margin: 0;
    margin-top: -4px;
    border-radius: 12px;
    padding: 6px 8px;
    width: auto;
    float: right;
    white-space: nowrap;
}

/* Detalhes */

body.minhas-compras .detalhe {
    background: whitesmoke;
    padding: 2px 16px;
    border-radius: 20px;
}

body.minhas-compras .detalhe .titulo {
    font-size: 16px;
    font-weight: 700;
}

body.minhas-compras .detalhe .head {
    padding: 0;
}

body.minhas-compras .detalhe .head .foto {
    width: 40px;
    height: 40px;
}

body.minhas-compras .detalhe .head .id .nome {
    font-size: 14px;
    margin-bottom: -4px;
    margin-top: 2px;
}

body.minhas-compras .detalhe .head .id .user {
    font-size: 10px;
}

body.minhas-compras .detalhe .plano {
    margin-top: 18px;
}

body.minhas-compras .detalhe .plano .label {
    font-size: 8px;
    color: var(--laranja);
}

body.minhas-compras .detalhe .plano .descricao {
    font-weight: 700;
    margin-top: -8px;
}

body.minhas-compras .detalhe .plano .bt {
    float: right;
    width: auto;
    font-size: 10px;
    padding: 8px 14px;
    margin-top: -40px;
}

body.minhas-compras .detalhe .faturas {
    margin-top: 18px;
}

body.minhas-compras .detalhe .faturas .label {
    font-size: 8px;
    color: var(--laranja);
}

body.minhas-compras .detalhe .faturas .itens .item {
    display: flex;
    padding: 0px 4px;
}

body.minhas-compras .detalhe .faturas .itens .item>div {
    display: flex;
    width: 30%;
}

body.minhas-compras .detalhe .faturas .itens .item>div.data {
    width: 40%;
}


/* FAVORITOS */

body.favoritos p.titulo-sessao {
    text-align: left;
    font-size: 18px;
    font-weight: 700;
    margin-top: 32px;
}

body.favoritos div#tab-grid {
    padding: 0;
}

body.favoritos div#tab-grid div.midia {
    height: 28vw;
    padding: 0;
}

body.favoritos div#tab-grid img.arquivo,
body.favoritos div#tab-grid video.arquivo {
    width: 100%;
    height: 100%;
    object-fit: cover;
    padding: 5px;
    border-radius: 12px;
}

body.favoritos div#tab-grid img.arquivo.pago,
body.favoritos div#tab-grid video.arquivo.pago {
    filter: blur(0px);
}

/* MINHA REDE */

body.rede p.titulo-sessao {
    text-align: left;
    font-size: 18px;
    font-weight: 700;
    margin-top: 32px;
}

body.rede #tab-rede {
    margin-top: -20px;
}

body.rede #tab-seguidores {
    padding: 0;
    position: relative;
}

body.rede #tab-seguindo {
    padding: 0;
    position: relative;
}

body.rede ul.tabs {
    background: none;
    margin: 6px 8px;
    margin-bottom: 10px;
    width: calc(100% - 40px);
    height: 38px;
}

body.rede ul.tabs .indicator {
    background-color: #FA923A;
}

body.rede ul.tabs li a {
    background: none !important;
    filter: grayscale(1) opacity(2);
}

body.rede ul.tabs li a.active {
    filter: none;
}

body.rede ul.tabs li a.active {
    color: #FA923A !important;
    font-weight: bold;
}

body.rede a.user {
    display: flex;
    padding: 0 30px;
    margin: 12px 0;
}

body.rede a.user .foto img {
    width: 36px;
    height: 36px;
    object-fit: cover;
    border-radius: 72px;
}

body.rede a.user .id {
    margin-left: 12px;
}

body.rede a.user .id p {
    margin: 0;
}

body.rede a.user .id .nome {
    font-weight: 600;
    font-size: 14px;
    color: #2F2F2F;
}

body.rede a.user .id .user {
    font-weight: 400;
    font-size: 10px;
    color: #333333;
    margin-top: -4px;
}

body.rede a.enviar-msg {
    position: absolute;
    display: flex;
    padding: 0;
    width: auto;
    right: 40px;
    margin-top: -46px;
}

body.rede a.enviar-msg i {
    display: block;
    font-size: 13px;
    margin: 3px 3px 0px 10px;
    rotate: 314deg;
    transform: skew(10deg, 10deg);
}

body.rede a.enviar-msg p {
    display: block;
    margin-top: 2px;
    margin-bottom: 2px;
    margin-right: 9px;
    font-size: 8px;
}

/* CHECKOUT */

body.checkout div.header {
    display: block;
    margin: 30px 35px;
}

body.checkout div.header .titulo p {
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #121212;
}

body.checkout div.header .username p {
    text-align: center;
    font-size: 12px;
    color: #121212;
    margin-top: -10px;
}

body.checkout div.content {
    display: block;
    margin: 30px 35px;
}

body.checkout div.card {
    background: #F5F5F7;
    padding: 22px;
    border-radius: 12px;
    box-shadow: none;
}

body.checkout div.card .titulo {
    font-size: 20px;
    font-weight: bold;
}

body.checkout div.card .valor {
    float: right;
    font-size: 20px;
    margin-top: -30px;
}

body.checkout div.card .valor span {
    font-weight: bold;
}

body.checkout div.card .info {
    font-size: 13px;
    font-weight: 400;
    color: #9C9CA4;
    margin-top: 10px;
    margin-bottom: 0px;
}

body.checkout div.card .btns {
    margin-top: 16px;
}

body.checkout div.card .btns a {
    display: inline-block;
    width: auto;
    padding: 10px 16px;
    font-size: 14px;
}

body.checkout .modal-pagamento p.titulo {
    text-align: center;
    font-weight: bold;
}

body.checkout .modal-pagamento p.produto {
    text-align: center;
    font-size: 12px;
}

body.checkout .modal-pagamento p.produto span {
    font-weight: bold;
}

body.checkout .modal-pagamento ul {
    border-radius: 18px;
    margin-top: 30px;
    box-shadow: none;
    border: 1px solid #F5764B;
}

body.checkout .modal-pagamento ul li .collapsible-header {
    background: linear-gradient(90deg, #F5764B 19.89%, #FA9439 100%);
    text-align: center;
    display: block;
    color: white;
}

body.checkout .modal-pagamento ul li:first-child .collapsible-header {
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
}

body.checkout .modal-pagamento ul li:last-child .collapsible-header {
    border-bottom-left-radius: 18px;
    border-bottom-right-radius: 18px;
}

body.checkout .modal-pagamento ul li .collapsible-body {
    text-align: center;
    padding: 20px 4px 0px 4px;
}

body.checkout .modal-pagamento ul li .collapsible-body a {
    margin: 0;
}

body.checkout .modal-pagamento i {
    font-size: 1.5rem;
    width: 2rem;
    margin-top: 2px;
}

body.checkout .modal-pagamento form input[type=text] {
    width: calc(100% - 70px) !important;
    margin-left: 2.4rem;
    font-size: 1rem;
}

body.checkout .modal-pagamento form input[type=text] {
    width: calc(100% - 70px) !important;
    margin-left: 2.4rem;
    font-size: 1rem;
}

body.checkout .btn-gerar-pix {
    width: calc(100% - 24px);
    margin: auto !important;
    margin-bottom: 14px !important;
}

body.checkout .pix-cta {
    padding: 14px;
}

body.checkout .pix-cta img {
    max-width: 100%;
    max-height: 160px;
}

body.checkout div.informativo .titulo {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 4px;
}

body.checkout div.informativo .texto {
    text-align: justify;
}

strong {
    font-weight: 700;
}

.textarea-autosize {
    width: 100%;
    /* Ajuste a largura conforme necessário */
    min-height: 43px;
    /* Altura mínima inicial */
    height: 43px;
    /* Altura mínima inicial */
    overflow-y: hidden;
    /* Impede a rolagem vertical inicial */
    resize: none;
    /* Desabilita a capacidade de redimensionar manualmente */
    overflow-y: auto;
}

.textarea-autosize-contador {
    text-align: right;
    font-size: 0.8em;
    padding-right: 20px;
}

/* plyr */
.plyr__volume input[type=range] {
    max-width: 60px;
}

.plyr__menu__container .plyr__control {
    font-weight: 600;
}

:root {
    --plyr-color-main: linear-gradient(90deg, #F5764B 19.89%, #FA9439 100%);
    --plyr-menu-color: #030303;
}