:root { --corPrincipal1: #3fa8bb; --corTexto: #234971; --corBotao: #13c1c9; --corBotaoDetalhe: #004a8c; --corTextoDestaque: #31567C; --corConteudoAndresa1: #1C66B0; --corConteudoAndresa2: #2A8DF2; --corConteudoAndresa3: #2DB0E8; --corDetaque2: #2988b7; --corHoverBotao1: #026ac4; --corHoverBotao2: #68b9ff; --corHoverBotao3: #49aaff; } .boxComentarios{ max-width: 1000px; margin: 0px auto; position: relative; } .boxComentarios h4{ box-sizing: border-box; padding:20px 0px 18px 0px; display: flex; width: 100%; border-bottom: solid 4px #f5f6f7; align-items: center; justify-content: center; } .boxComentarios h4 span{ display: block; font: 500 28px/36px 'Montserrat'; color: #063c6b; text-transform: uppercase; width: 290px; padding-bottom: 4px;} .boxComentarios h4 span b{ font-weight: 700; color: var(--corBotao);} .boxComentarios h4 em{ display: block; font-weight: 500; font-size: 14px; line-height: 17px; color: #3d5f7c; padding-top: 0; width: 100%; max-width: 510px; font-family: 'Montserrat'; margin-left: 15px;} .boxComentarios.comentarioBloqueado h4{ display: none !important; } .boxComentarios.comentarioBloqueado .boxComentariosLancamento .listaComentarios{ border-top: none; margin-top: 0; padding-top: 0;} /* COMENTARIOS */ .boxComentariosLancamento{ padding-bottom: 50px; margin-bottom: 50px; } .boxComentariosLancamento .boxEnviarComentario .boxSelecaoAvatar{position: relative;width: 70px;background: #eaebed;border-radius: 10px;text-align: center;box-sizing: border-box;float: left;box-shadow: 0 3px 0 0 #d9d9d9;z-index: 25;} .boxComentariosLancamento .boxEnviarComentario .boxSelecaoAvatar.aberto > a:active, .boxComentariosLancamento .boxEnviarComentario .boxSelecaoAvatar.aberto > a:any-link{background: var(--corBotaoDetalhe);box-shadow: 0 3px 0 0 var(--corBotaoDetalhe);} .boxComentariosLancamento .boxEnviarComentario .boxSelecaoAvatar.aberto .avatar{outline: solid 3px #FFFFFF;outline-offset: 0px;} .boxComentariosLancamento .boxEnviarComentario .boxSelecaoAvatar.aberto .textoEscolher{color: #fff;} .boxComentariosLancamento .boxEnviarComentario .boxSelecaoAvatar.aberto .lapisEscolher svg path{fill: var(--corBotao);} .boxComentariosLancamento .boxEnviarComentario .boxSelecaoAvatar > a:active, .boxComentariosLancamento .boxEnviarComentario .boxSelecaoAvatar > a:any-link{display: block;padding: 2px 1px 1px;background: #eaebed;border-radius: 10px;transition: all 0.5s ease;} .boxComentariosLancamento .boxEnviarComentario .boxSelecaoAvatar > a:hover{background: var(--corConteudoAndresa3);box-shadow: 0 3px 0 0 var(--corConteudoAndresa3);} .boxComentariosLancamento .boxEnviarComentario .boxSelecaoAvatar > a:hover .textoEscolher{color: #fff;} .boxComentariosLancamento .boxEnviarComentario .boxSelecaoAvatar > a:hover .lapisEscolher path{fill: #fff;} .boxComentariosLancamento .boxEnviarComentario .boxSelecaoAvatar .avatar{width: 66px;height: 66px;margin: 0 auto;border-radius: 10px;box-sizing: border-box;position: relative;overflow: hidden;transition: all 0.5s ease;} .boxComentariosLancamento .boxEnviarComentario .boxSelecaoAvatar .avatar .simbolo{ display: block; position: absolute; width: 68%; height: 68%; left: 50%; top: 50%; transform: translate(-50%, -50%); background-repeat: no-repeat; background-position: center center; filter: drop-shadow(0px 2px 0px rgba(0,0,0,0.2));} .boxComentariosLancamento .boxEnviarComentario .boxSelecaoAvatar .avatar .simboloSombra{ display: block; position: absolute; width: 120%; height: 120%; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: 10%; background-repeat: no-repeat; background-position: center center;} .boxComentariosLancamento .boxEnviarComentario .boxSelecaoAvatar .textoEscolher{font: 500 13px/14px 'Roboto';color: #10416b;display: block;text-align: center;padding-top: 11px;transition: all 0.5s ease;} .boxComentariosLancamento .boxEnviarComentario .boxSelecaoAvatar .lapisEscolher{width: 12px;display: block;margin: 1px auto;} .boxComentariosLancamento .boxEnviarComentario .boxSelecaoAvatar .lapisEscolher svg path{fill: #10416b;transition: all 0.5s ease;} /* JANELA ESCOLHER AVATAR */ .boxComentariosLancamento .boxEnviarComentario .boxSelecaoAvatar.aberto .janelaEscolherAvatar{opacity: 1;visibility: visible; pointer-events:all;} .boxComentariosLancamento .boxEnviarComentario .janelaEscolherAvatar{position: absolute;top: -7px;left: -7px;display: grid;grid-template-columns: auto auto;width: max-content;max-width: 925px;padding: 0 20px 20px 100px;background: #E7E9EC;border-radius: 10px;box-shadow: 0 3px 3px 2px #a5a5a529;border: solid 1px #e1e1e1;opacity: 0;visibility: hidden;pointer-events: none;z-index: -1;transition: all 0.5s ease;} .boxComentariosLancamento .boxEnviarComentario .janelaEscolherAvatar h5{margin-bottom: 20px;text-align: left;text-transform: uppercase;font: 700 12px/12px 'Roboto';letter-spacing: 0.050em;color: #73889D;} .boxComentariosLancamento .boxEnviarComentario .janelaEscolherAvatar .cores{position: relative;grid-area: 1 / 1 / span 2 / span 1;height: max-content;margin-right: 29px;padding: 22px 27px 0 0;} .boxComentariosLancamento .boxEnviarComentario .janelaEscolherAvatar .cores:after{content: "";position: absolute;left: 100%;top: 0;width: 1px;height: 100%;background: linear-gradient(180deg, rgb(255 255 255 / 70%) 50%, transparent);} .boxComentariosLancamento .boxEnviarComentario .janelaEscolherAvatar .cores ul{display: grid;grid-template-columns: auto auto auto auto;gap: 8px 10px;} .boxComentariosLancamento .boxEnviarComentario .janelaEscolherAvatar .cores ul li{position: relative;width: 22px;height: 22px;border-radius: 100%;cursor: pointer;} .boxComentariosLancamento .boxEnviarComentario .janelaEscolherAvatar .cores ul li:not(.selecionado):hover:before{opacity: 1;visibility: visible;background: var(--corBotaoDetalhe);} .boxComentariosLancamento .boxEnviarComentario .janelaEscolherAvatar .cores ul li:before{content: "";position: absolute;left: -3px;top: -3px;width: calc(100% + 6px);height: calc(100% + 6px);background: #fff;box-shadow: 0 0 10px rgb(0 0 0 / 20%);border-radius: 100%;opacity: 0;visibility: hidden;z-index: -1;transition: all 0.5s ease;} .boxComentariosLancamento .boxEnviarComentario .janelaEscolherAvatar .cores ul li.selecionado:before{opacity: 1;visibility: visible;} .boxComentariosLancamento .boxEnviarComentario .janelaEscolherAvatar .simbolos{padding: 22px 0 21px;} .boxComentariosLancamento .boxEnviarComentario .janelaEscolherAvatar .simbolos ul{display: flex;flex-wrap: wrap;gap: 8px 9px;} .boxComentariosLancamento .boxEnviarComentario .janelaEscolherAvatar .simbolos ul li{position: relative;display: flex;align-items: center;justify-content: center;width: 53px;height: 53px;border-radius: 5px;cursor: pointer;} .boxComentariosLancamento .boxEnviarComentario .janelaEscolherAvatar .simbolos ul li:not(.selecionado):hover:before{opacity: 1;visibility: visible;background: var(--corBotaoDetalhe);} .boxComentariosLancamento .boxEnviarComentario .janelaEscolherAvatar .simbolos ul li:before{content: "";position: absolute;left: -3px;top: -3px;width: calc(100% + 6px);height: calc(100% + 6px);background: #fff;box-shadow: 0 0 8px rgb(0 0 0 / 20%);border-radius: 7px;opacity: 0;visibility: hidden;z-index: -1;transition: all 0.5s ease;} .boxComentariosLancamento .boxEnviarComentario .janelaEscolherAvatar .simbolos ul li.selecionado:before{opacity: 1;visibility: visible;} .boxComentariosLancamento .boxEnviarComentario .janelaEscolherAvatar .simbolos ul li span{display: block;width: 37px;height: 37px;background-repeat: no-repeat;background-position: center center;} .boxComentariosLancamento .boxEnviarComentario .janelaEscolherAvatar .simbolos ul li span[tipo="signo"] { width: 37px; height: 33px; } .boxComentariosLancamento .boxEnviarComentario .janelaEscolherAvatar a.botaoSalvarAvatar:active, .boxComentariosLancamento .boxEnviarComentario .janelaEscolherAvatar a.botaoSalvarAvatar:any-link{display: block;width:150px;padding: 10px 20px;text-transform: uppercase;font: 700 12px/12px 'Poppins';letter-spacing: 0.020em;color: #fff;background: #10416B;border-right: 5px solid #44C1CA;border-radius: 5px 7px 7px 5px;transition: all 0.5s ease;} .boxComentariosLancamento .boxEnviarComentario .janelaEscolherAvatar a.botaoSalvarAvatar:hover{background: var(--corBotao);border-color: var(--corDetaque2);} .boxComentariosLancamento .boxEnviarComentario{ position: relative; padding:30px 0 0 0;} .boxComentariosLancamento .boxEnviarComentario input{background: #ffffff;border: solid 1px #91c8d5;border-radius: 5px;font: 400 15px/21px 'Roboto';color: #10416b;height: 34px;padding: 0 15px;width: calc(100% - 85px);max-width: 330px;margin-left: 15px;box-shadow: 0px 4px 0 0 #f0f1f2;margin-bottom: 10px;transition: all 0.5s ease; min-height: 34px;} .boxComentariosLancamento .boxEnviarComentario input:focus{border-color: #1f7bd2;} .boxComentariosLancamento .boxEnviarComentario input::placeholder{color: #0F3F65;} .boxComentariosLancamento .boxEnviarComentario textarea{min-height: 100px;background: #ffffff;border: solid 1px #91c8d5;border-radius: 5px;font: 400 15px/21px 'Roboto';color: #10416b;width: calc(100% - 85px);resize: none;padding:14px 15px 0 15px;transition: all 0.5s ease;margin-left: 15px;box-shadow: 0px 4px 0 0 #f0f1f2;} .boxComentariosLancamento .boxEnviarComentario textarea:hover, .boxComentariosLancamento .boxEnviarComentario textarea:focus{border-color: #1f7bd2;} .boxComentariosLancamento .boxEnviarComentario textarea::placeholder{color: #0F3F65;} .boxComentariosLancamento .boxEnviarComentario .avisosLembrese{overflow: hidden; opacity: 0; visibility: hidden; transition: all 0.5s ease; height: 1px; padding-top: 0; width: calc(100% - 85px); float: right;} .boxComentariosLancamento .boxEnviarComentario .avisosLembrese b{font: 600 13px/19px 'Roboto';color: #ff0f37;border-bottom: solid 2px #ff0f37;float: left;margin-right: 15px;} .boxComentariosLancamento .boxEnviarComentario .avisosLembrese p{ float: left; max-width: 500px; width: 100%; font: normal 13px/18px 'Roboto'; padding-left: 15px; position: relative; color: #313a44; } .boxComentariosLancamento .boxEnviarComentario .avisosLembrese em{display: inline-block; position: relative; height: 9px; width: 0px;} .boxComentariosLancamento .boxEnviarComentario .avisosLembrese em::before{ content: ''; display: block; width: 5px; height: 5px; border-radius: 100%; top: 50%; left: -13px; background: #d8dfe5; position: absolute; transform: translateY(-50%); } .boxComentariosLancamento .boxEnviarComentario .avisosLembrese p a:link, .boxComentariosLancamento .boxEnviarComentario .avisosLembrese p a:active, .boxComentariosLancamento .boxEnviarComentario .avisosLembrese p a:visited{ color: #313a44; transition: all 0.5s ease; text-decoration: underline; text-underline-position: under; } .boxComentariosLancamento .boxEnviarComentario .avisosLembrese p a:hover{ color: #1f7bcf;} .boxComentariosLancamento .boxEnviarComentario .avisosLembrese .publicarComentario:link, .boxComentariosLancamento .boxEnviarComentario .avisosLembrese .publicarComentario:active, .boxComentariosLancamento .boxEnviarComentario .avisosLembrese .publicarComentario:visited{float: right;background: #efefef;color: #bbbbbb;font:700 16px/16px 'Montserrat';padding: 10px 25px;border-radius: 2px;text-transform: uppercase;letter-spacing: 0.020em;transition: all 0.5s ease;cursor:not-allowed;} .boxComentariosLancamento .boxEnviarComentario .avisosLembrese .publicarComentario.prontoEnvio{background: var(--corBotao);color: #ffffff;cursor: pointer;} .boxComentariosLancamento .boxEnviarComentario .avisosLembrese .publicarComentario.prontoEnvio:hover{background: #1270b3;} .boxComentariosLancamento .boxEnviarComentario .avisosLembrese .publicarComentario:not(.prontoEnvio)::before{ content: 'Preencha seu nome e adicione um comentário para publicar.'; display: block; position: absolute; bottom: 15px; right: 13px; background: #df2626; width: 230px; text-align: center; font-family: 'Roboto'; font-size: 12px; line-height: 15px; color: #ffffff; font-weight: 600; padding: 8px 17px 6px; border-radius: 5px; letter-spacing: -0.010em; opacity: 0; visibility: hidden; transition: all 0.56s ease;} .boxComentariosLancamento .boxEnviarComentario .avisosLembrese .publicarComentario:not(.prontoEnvio)::before{ opacity: 1; visibility: visible;} .boxComentariosLancamento .boxEnviarComentario.aberto .avisosLembrese{ opacity: 1; visibility: visible; height: 46px; padding-top: 10px; } .boxComentariosLancamento .listaComentarios{width: 100%;border-top: solid 1px #eceff1;margin-top: 30px;padding-top: 25px;float: left;min-height: 20px;position: relative;} .boxComentariosLancamento .listaComentarios h5{float: left;text-transform: uppercase;font: 600 26px/39px 'Montserrat';letter-spacing: -0.010em;color: #49C4CB;} .boxComentariosLancamento .listaComentarios h5 b{ font-weight: 700;} .boxComentariosLancamento .listaComentarios .ordenacaoComentarios{float: right;background: #ffffff;border: solid 1px #d0d4d8;font: 500 14px 'Roboto';color: #313a44;border-radius: 2px;padding: 5px 7px 4px 8px;transition: all 0.5s ease;cursor: pointer;} .boxComentariosLancamento .listaComentarios .ordenacaoComentarios:hover{border-color: #49c4cb;} .boxComentariosLancamento .listaComentarios .boxListaComentarios{width: 100%; float: left;} .boxComentariosLancamento .listaComentarios .boxListaComentariosFixado{ border-bottom: solid 2px #eceff1; padding-bottom: 20px; margin-bottom: 25px;} .boxComentariosLancamento .listaComentarios .boxListaComentariosFixado .comentarioFixado{ color: #1f7bcf; font: 500 12px 'Roboto'; margin: 20px 0 -15px 0; } .boxComentariosLancamento .listaComentarios .boxListaComentariosFixado .comentarioFixado span{ float: left; font-size: 14px; margin-right: 5px;} .boxComentariosLancamento .listaComentarios.vazio{ display:none;} .boxComentariosLancamento .contentComentarios{overflow: hidden; clear: both;} .boxComentariosLancamento .contentComentarios.carregando{ min-height: 40px; position: relative; width: 100%; margin-top: 10px; } .boxComentariosLancamento .contentComentarios.carregando::before{ content: ''; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0px; z-index: 10; background:url("../img/loading.gif?1") no-repeat center center rgba(255,255,255,0.80);} .boxComentariosLancamento .itemComentario{margin-top:20px; position: relative; padding-left: 85px;} .boxComentariosLancamento .itemComentario img{border-radius: 100%; overflow: hidden; object-fit: cover; position: absolute; left: 0px; top: 0px; width: 50px; height: 50px; user-select: none;} .boxComentariosLancamento .itemComentario .boxCinza{background: #F4F5F7;border-left: solid 4px #f2f4f5;border-radius: 5px;padding:15px 20px 12px 16px;position: relative;} .boxComentariosLancamento .itemComentario .boxCinza b{font: 500 15px/15px 'Roboto';color: #54AAC3;letter-spacing: 0.010em;display: block;margin-bottom: 3px;} .boxComentariosLancamento .itemComentario .boxCinza p{font: 500 15px/21px 'Roboto';color: #476B8B;letter-spacing: 0.010em;} .boxComentariosLancamento .itemComentario .boxCinza p span.vermaisTexto{ display: inline; } .boxComentariosLancamento .itemComentario .boxCinza p span.vermaisTexto b{ display: inline; font: 600 14px/20px 'Roboto'; color: #232932; letter-spacing: 0.010em; cursor: cell; } .boxComentariosLancamento .itemComentario .boxCinza p span.vermaisTexto b:hover{ text-decoration: underline; cursor: cell; text-underline-position: under;} .boxComentariosLancamento .itemComentario .boxCinza p span.vermaisTexto em{ display: none; } .boxComentariosLancamento .itemComentario .boxCinza p a:link, .boxComentariosLancamento .itemComentario .boxCinza p a:visited, .boxComentariosLancamento .itemComentario .boxCinza p a:active { color: #0282e8; transition: all 0.5s ease; } .boxComentariosLancamento .itemComentario .boxCinza p a:hover { color: var(--corBotao); } .boxComentariosLancamento .itemComentario.fixado .boxCinza{ border: dashed 1px #1484c7; border-left: solid 4px #1484c7; box-sizing: border-box; background: #fefefe;} .boxComentariosLancamento .itemComentario .avatar{position: absolute;top: -2px;left: 0;width: 68px;height: 68px;border-radius: 10px;border: solid 1px #eaebed;box-sizing: border-box;z-index: 20;} .boxComentariosLancamento .itemComentario .avatar .simbolo{ display: block; position: absolute; width: 68%; height: 68%; left: 50%; top: 50%; transform: translate(-50%, -50%); background-repeat: no-repeat; background-position: center center; filter: drop-shadow(0px 2px 0px rgba(0,0,0,0.2));} .boxComentariosLancamento .itemComentario .avatar .simboloSombra{ display: block; position: absolute; width: 120%; height: 120%; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: 10%; background-repeat: no-repeat; background-position: center center;} .boxComentariosLancamento .itemComentario .opcoesInteracoes{ padding: 4px 0 0 20px; position: relative; user-select: none;} .boxComentariosLancamento .itemComentario .opcoesInteracoes .curtidoEspaco{ position: absolute; width: 20px; display: inline-block; height: 15px; left: -30px; top: -13px;} .boxComentariosLancamento .itemComentario .opcoesInteracoes .curtidoEspaco img{ width: 20px; height: 20px; box-shadow: 0 0 0 6px #fff, 0 0 4px rgb(0 0 0 / 30%); border-radius: 100%; position: absolute; top: 0px; left: 0px; z-index: 80;} .boxComentariosLancamento .itemComentario .opcoesInteracoes .curtidoEspaco .coracao{ width: 14px; display: block; height: 14px; position: absolute; top: -6px; left: 13px; filter: drop-shadow(-1px -1px 0px #FFFFFF) drop-shadow(1px -1px 0px #ffffff) drop-shadow(1px 1px 0px #ffffff) drop-shadow(-1px 1px 0px #ffffff); z-index: 81;} .boxComentariosLancamento .itemComentario .opcoesInteracoes .btSubir, .boxComentariosLancamento .itemComentario .opcoesInteracoes .btSubido{display: inline-block;font:500 12px 'Roboto';letter-spacing: 0.020em;color: #7f868f;margin-right: 20px;position: relative;cursor: pointer;transition: all 0.5s ease;} .boxComentariosLancamento .itemComentario .opcoesInteracoes .btSubir:hover{text-decoration: underline;text-underline-position: under;color: var(--corBotaoDetalhe);} .boxComentariosLancamento .itemComentario .opcoesInteracoes .btSubido:hover{ text-decoration: underline; text-underline-position: under; color: #092F52; } .boxComentariosLancamento .itemComentario .opcoesInteracoes .btSubido{ color: #1f7bcf;} .boxComentariosLancamento .itemComentario .opcoesInteracoes .curtidas{ color: #1f7bcf; display: inline-block; margin-right: 20px; position: relative; } .boxComentariosLancamento .itemComentario .opcoesInteracoes .curtidas span{ font-size: 12px; line-height: 15px; display: inline-block; } .boxComentariosLancamento .itemComentario .opcoesInteracoes .curtidas b{ padding-left: 2px; } .boxComentariosLancamento .itemComentario .opcoesInteracoes .btResponder:link, .boxComentariosLancamento .itemComentario .opcoesInteracoes .btResponder:active, .boxComentariosLancamento .itemComentario .opcoesInteracoes .btResponder:visited{ font: 600 12px 'Roboto'; letter-spacing: 0.020em; color: #7f868f; margin-right: 20px; position: relative; } .boxComentariosLancamento .itemComentario .opcoesInteracoes .btSubir::after, .boxComentariosLancamento .itemComentario .opcoesInteracoes .btSubido::after, .boxComentariosLancamento .itemComentario .opcoesInteracoes .curtidas::after, .boxComentariosLancamento .itemComentario .opcoesInteracoes .btResponder::after, .boxComentariosLancamento .itemComentario.postProprio .opcoesInteracoes .opcoesMais .btEditar::after{content: ''; width: 4px; height: 4px; border-radius: 100%; background: #d8dfe5; position: absolute; top: 7px; right: -14px; pointer-events: none;} .boxComentariosLancamento .itemComentario .opcoesInteracoes .curtidas::after{top: 8px;} .boxComentariosLancamento .itemComentario .opcoesInteracoes .btSubir::after{top: 5px;} .boxComentariosLancamento .itemComentario .opcoesInteracoes .btSubido::after{top: 5px;} .boxComentariosLancamento .itemComentario .opcoesInteracoes .btSubido{ display: none; pointer-events: none;} .boxComentariosLancamento .itemComentario .opcoesInteracoes.subido .btSubir{ display: none; pointer-events: none;} .boxComentariosLancamento .itemComentario .opcoesInteracoes.subido .btSubido{ display: inline-block; pointer-events:all;} .boxComentariosLancamento .itemComentario .opcoesInteracoes.carregandoCurtir::before{ content: ''; background: url(../img/loading.gif?2) no-repeat right 0 rgba(255,255,255,0.78); width: 100%; height: 100%; background-size: 18px; display: inline-block; float: left; margin-right: 10px; position: absolute; left: 0px; z-index: 1;} .boxComentariosLancamento .itemComentario .opcoesInteracoes .btResponder:hover{ text-decoration: underline; text-underline-position: under;} .boxComentariosLancamento .itemComentario .opcoesInteracoes .btResponder.ativo{color: #1f7bcf;} .boxComentariosLancamento .itemComentario.postProprio .boxCinza{ border-left-color:#1484c7;} .boxComentariosLancamento .itemComentario .opcoesInteracoes em.horaComentario{ font: normal 12px 'Roboto'; color: #a6a6a6; margin-right: 20px; position: relative;} .boxComentariosLancamento .itemComentario.postProprio .opcoesInteracoes .opcoesMais{ display: inline-block; position: relative;} .boxComentariosLancamento .itemComentario.postProprio .opcoesInteracoes .opcoesMais .boxBotoes{ opacity: 0; visibility: hidden; transition: all 0.5s ease; } .boxComentariosLancamento .itemComentario.postProprio .opcoesInteracoes .opcoesMais a.mais{ display: none;} .boxComentariosLancamento .itemComentario.postProprio:hover .opcoesInteracoes .opcoesMais .boxBotoes{ opacity: 1; visibility: visible;} .boxComentariosLancamento .itemComentario.postProprio .opcoesInteracoes .opcoesMais .btEditar:link, .boxComentariosLancamento .itemComentario.postProprio .opcoesInteracoes .opcoesMais .btEditar:active, .boxComentariosLancamento .itemComentario.postProprio .opcoesInteracoes .opcoesMais .btEditar:visited{ transition: all 0.5s ease; font: normal 12px 'Roboto'; letter-spacing: 0.020em; color: #7f868f; margin-left: 1px; margin-right: 20px; position: relative; } .boxComentariosLancamento .itemComentario.postProprio .opcoesInteracoes .opcoesMais .btEditar:hover{ text-decoration: underline; text-underline-position: under;} .boxComentariosLancamento .itemComentario.postProprio .boxCinza{ border-left-color:#1484c7;} .boxComentariosLancamento .itemComentario.postProprio .opcoesInteracoes .opcoesMais .btExcluir:link, .boxComentariosLancamento .itemComentario.postProprio .opcoesInteracoes .opcoesMais .btExcluir:active, .boxComentariosLancamento .itemComentario.postProprio .opcoesInteracoes .opcoesMais .btExcluir:visited{ transition: all 0.5s ease; font: normal 12px 'Roboto'; letter-spacing: 0.020em; color: #7f868f; margin-left: 1px;} .boxComentariosLancamento .itemComentario.postProprio .opcoesInteracoes .opcoesMais .btExcluir:hover{ text-decoration: underline; text-underline-position: under;} .boxComentariosLancamento .itemComentario.nivel2{padding-left: 20px;margin-top: 10px;} .boxComentariosLancamento .itemComentario.nivel2 img{ width: 40px; height: 40px; left: 65px;} .boxComentariosLancamento .itemComentario.nivel3{ padding-left: 165px; margin-top: 15px;} .boxComentariosLancamento .itemComentario.nivel3 img{ width: 40px; height: 40px; left: 115px;} .boxComentariosLancamento .itemComentario.nivel2 .boxCinza{padding:15px 20px 11px 32px;} .boxComentariosLancamento .itemComentario.nivel2 .avatarSuporte{position: absolute;left: 0px;top: 0px;width: 40px;height: 40px;box-shadow: 0 0 0 2px #fff, 0 0 4px rgb(0 0 0 / 30%);border-radius: 100%;z-index: 2;} .boxComentariosLancamento .itemComentario.nivel2 .avatarSuporte img{width: 100%;height: 100%;left: 0px;} .boxComentariosLancamento .comentariosNivel1{ position: relative; } .boxComentariosLancamento .comentariosNivel1.pai::before{content: '';display: block;height: calc(100% - 110px);width: 1px;border-left: solid 1px #e5e5e5;position: absolute;left: 34px;top: 60px;} .boxComentariosLancamento .comentariosNivel2.pai::before{ content: ''; display: block; height: calc(100% - 50px); width: 1px; border-left: solid 1px #e5e5e5; position: absolute; left: 85px; top: 50px;} .boxComentariosLancamento .itemComentario.nivel2::before{content: '';display: block;height: 25px;width: 30px;border-left: solid 1px #e5e5e5;border-radius: 0 0 0 10px;position: absolute;left: -51px;top: 0px;border-bottom: solid 1px #e5e5e5;} .boxComentariosLancamento .itemComentario.nivel3::before{content: ''; display: block; height: 21px; width: 30px; border-left: solid 1px #e5e5e5; border-radius: 0 0 0 10px; position: absolute; left: 24px; top: 0px; border-bottom: solid 1px #e5e5e5;} .boxComentariosLancamento .comentariosNivel1 > section:last-of-type{ background: rgba(255,255,255,1);} /* .boxComentariosLancamento .comentariosNivel3 section:last-of-type{ background: rgba(31,91,163,0.53);} */ .boxComentariosLancamento .itemComentario.nivel3:last-of-type::after{ content: ''; display: block; height: calc(100% - 14px); width: 1px; position: absolute; left: 85px; top: 14px; border-left: solid 1px #ffffff;} .boxComentariosLancamento .comentariosNivel2,.boxComentariosLancamento .comentariosNivel3{position: relative;padding-left: 85px;} .boxComentariosLancamento .itemComentario.nivel2.ultimoItem::before{height: 15px;} .boxComentariosLancamento .itemComentario.nivel2.pai::after{ left: 85px; top: 50px; height: calc(100% - 50px);} .boxComentariosLancamento .itemComentario.nivel3::before{ content: ''; display: block; height: 21px; width: 20px; border-left: solid 1px #e5e5e5; border-radius: 0 0 0 10px; position: absolute; left: 85px; top: 0px; border-bottom: solid 1px #e5e5e5;} .boxComentariosLancamento .erroComentario{padding: 10px 0px 0;color: #ff0101;font-size: 14px;font-weight: 500;} .boxComentariosLancamento .boxResponder{ position: relative; padding-left: 115px; margin-top: 15px;} .boxComentariosLancamento .comentariosNivel3 .boxResponder{ padding-left: 165px;} .boxComentariosLancamento .comentariosNivel3 .boxResponder img{ left: 115px;} .boxComentariosLancamento .boxResponder img{ width: 40px; height: 40px; border-radius: 100%; overflow: hidden; object-fit: cover; position: absolute; left: 65px; top: 0px; user-select: none; z-index: 2;} .boxComentariosLancamento .boxResponder textarea{border: solid 1px #d0d4d8; width: calc(100% - 106px); resize: none; border-radius: 5px; padding: 9px 20px 0 13px; font: normal 13px 'Roboto'; color: #2d3948; transition: all 0.5s ease; height: 50px;} .boxComentariosLancamento .boxResponder .publicarResposta:link, .boxComentariosLancamento .boxResponder .publicarResposta:active, .boxComentariosLancamento .boxResponder .publicarResposta:visited{background: #efefef;color: #bbbbbb;font: 500 15px/16px 'Montserrat';padding: 9px 17px;border-radius: 2px;text-transform: uppercase;letter-spacing: 0.020em;transition: all 0.5s ease;cursor: not-allowed;position: absolute;right: 0;bottom: 6px;} .boxComentariosLancamento .boxResponder .publicarResposta.prontoEnvio{ background: var(--corBotao); color: #ffffff; cursor: pointer;} .boxComentariosLancamento .boxResponder .publicarResposta.prontoEnvio:hover{background: #1270b3;} .boxComentariosLancamento .comentariosNivel2 .boxResponder::before{ content: ''; display: block; height: 21px; width: 30px; border-left: solid 1px #e5e5e5; border-radius: 0 0 0 10px; position: absolute; left: 24px; top: 0px; border-bottom: solid 1px #e5e5e5;} .boxComentariosLancamento .comentariosNivel2 .boxResponder::after{ content: ''; display: block; height: calc(100% + 16px); width: 1px; position: absolute; left: 85px; top: -16px; border-left: solid 1px #ffffff;} .boxComentariosLancamento .comentariosNivel3 .boxResponder::before { content: ''; display: block; height: 50px; width: 19px; border-left: solid 1px #e5e5e5; border-radius: 0 0 0 10px; position: absolute; left: 85px; top: -29px; border-bottom: solid 1px #e5e5e5;} .boxComentariosLancamento .comentariosNivel3 .boxResponder::after{ content: ''; display: block; height: calc(100% - 14px); width: 1px; position: absolute; left: 85px; top: 14px; border-left: solid 1px #ffffff;} .boxComentariosLancamento .mensagemAcoes{ position: fixed; color: #ffffff; font: 500 13px 'Roboto'; padding: 10px 30px; z-index: 50; left: calc(50% - 96px); bottom: 45%; transform: translate(-50%,-50%); opacity: 0; visibility: hidden; border-radius:4px; transition: all 0.8s ease;} .boxComentariosLancamento .mensagemAcoes.ativo{ opacity: 1; visibility: visible; bottom: 50%;} .boxComentariosLancamento .mensagemAcoes.sucesso{ background: #15d28c;} .boxComentariosLancamento .mensagemAcoes.erro{ background: #df1616;} .boxComentariosLancamento .itemComentario.postProprio.editando{ margin-bottom: 50px;} .boxComentariosLancamento .itemComentario.postProprio.editando .boxCinza{ border-left-color: #20aafd;} .boxComentariosLancamento .itemComentario.postProprio.editando .boxCinza p{ display: none;} .boxComentariosLancamento .itemComentario.postProprio.editando .opcoesInteracoes{ display: none;} .boxComentariosLancamento .itemComentario.postProprio.editando .boxCinza::before{ content: "\e940"; font-family: 'espacoHumanidade'; position: absolute; right: 21px; top: 9px; text-align: center; color: #4879a5; font-size: 23px;} .boxComentariosLancamento .itemComentario.postProprio.editado .boxCinza p::after{content: '(editado)'; display: inline-block; opacity: 0.5; font-size: 12px; padding-left: 7px; } .boxComentariosLancamento .itemComentario .boxEditar{ position: relative; margin-top: 4px;} .boxComentariosLancamento .itemComentario .boxEditar textarea{border: solid 1px #d0d4d8; width: calc(100%); resize: none; border-radius: 5px; padding: 9px 20px 0 13px; font: normal 13px/18px 'Roboto'; color: #2d3948; transition: all 0.5s ease; height: 50px; background: #ffffff;} .boxComentariosLancamento .itemComentario .boxEditar .salvarEdicao:link, .boxComentariosLancamento .itemComentario .boxEditar .salvarEdicao:active, .boxComentariosLancamento .itemComentario .boxEditar .salvarEdicao:visited{ font: 600 12px 'Roboto'; padding: 9px 17px 7px; border-radius: 2px; text-transform: uppercase; letter-spacing: 0.020em; transition: all 0.5s ease; background: #39485a; color: #ffffff; position: absolute; right: 0; bottom: -32px; } .boxComentariosLancamento .itemComentario .boxEditar .salvarEdicao:hover{background: #1270b3;} .boxComentariosLancamento .itemComentario .boxEditar .cancelarEdicao:link, .boxComentariosLancamento .itemComentario .boxEditar .cancelarEdicao:active, .boxComentariosLancamento .itemComentario .boxEditar .cancelarEdicao:visited{ display: block; font: 500 12px 'Roboto'; letter-spacing: 0.020em; color: #7f868f; margin-right: 20px; position: absolute; bottom: -32px; left: 0;} .boxComentariosLancamento .itemComentario .boxEditar .cancelarEdicao:hover{ color: #1270b3; text-decoration: underline; text-underline-position: under; } .confirmarExclusaoComentario{position: fixed; background:rgba(18,21,26,0.93); width: 100%; height: 100%; z-index: 50; opacity: 0; visibility: hidden; transition: all 0.5s ease; top: 0px; left: 0px;} .confirmarExclusaoComentario .boxJanelaExclusaoComentario{position: fixed; left: 50%; top: 50%; background: #ffffff; transform: translate(-50%,-50%); padding: 25px 35px 25px; border-radius: 0; width: max-content;} .confirmarExclusaoComentario .boxJanelaExclusaoComentario p{ font: 500 14px/17px 'Roboto'; color: #39485a; padding-bottom: 15px;} .confirmarExclusaoComentario .boxJanelaExclusaoComentario a.naoComm:link, .confirmarExclusaoComentario .boxJanelaExclusaoComentario a.naoComm:active, .confirmarExclusaoComentario .boxJanelaExclusaoComentario a.naoComm:visited{width: 80px; border-radius: 3px; font: 500 13px/13px 'Roboto'; color: #39485a; letter-spacing: 0.020em; transition: all 0.3s ease; display: flex; position: relative; align-items: center; justify-content: center; text-align: center; float: right; text-transform: uppercase; border: solid 1px #dddddd; box-sizing: border-box; margin-right: 15px; padding: 11px 0px 10px 0px;} .confirmarExclusaoComentario .boxJanelaExclusaoComentario a.naoComm:hover{ border-color: #1270b3; color: #1270b3; } .confirmarExclusaoComentario .boxJanelaExclusaoComentario a.excluirComm:link, .confirmarExclusaoComentario .boxJanelaExclusaoComentario a.excluirComm:active, .confirmarExclusaoComentario .boxJanelaExclusaoComentario a.excluirComm:visited{width: 90px; border-radius: 3px; background: #1270b3; font: 500 13px/13px 'Roboto'; color: #fff; letter-spacing: 0.020em; transition: all 0.3s ease; text-transform: uppercase; display: flex; position: relative; align-items: center; justify-content: center; text-align: center; float: right; padding: 11px 0px 10px 0px;} .confirmarExclusaoComentario .boxJanelaExclusaoComentario a.excluirComm:hover{ filter: brightness(1.3); } .confirmarExclusaoComentario .boxJanelaExclusaoComentario a.fecharJanelaComm:link, .confirmarExclusaoComentario .boxJanelaExclusaoComentario a.fecharJanelaComm:active, .confirmarExclusaoComentario .boxJanelaExclusaoComentario a.fecharJanelaComm:visited{position: absolute; top: -32px; right: -8px; color: #ffffff; padding: 6px 10px 6px 10px; transition: all 0.5s ease;} .confirmarExclusaoComentario.ativo{ opacity: 1; visibility: visible;} .boxComentariosLancamento .listaComentarios .boxListaComentarios .verMaisComentarios:link, .boxComentariosLancamento .listaComentarios .boxListaComentarios .verMaisComentarios:active, .boxComentariosLancamento .listaComentarios .boxListaComentarios .verMaisComentarios:visited{ width: 100%; display: block; border-radius: 3px; text-align: center; font: 500 13px/12px 'Roboto'; text-transform: uppercase; color: #ffffff; letter-spacing: 0.020em; padding: 14px 0 12px; margin-top: 30px; background: #39485a; box-shadow: 0 5px 7px -5px #0000006e; margin-bottom: 10px; transition: all 0.5s ease;} .boxComentariosLancamento .listaComentarios .boxListaComentarios .verMaisComentarios:hover{ background: #1f7bcf;} .boxComentariosLancamento .listaComentarios .boxListaComentarios .verMaisComentarios.carregando{} .boxComentariosLancamento .listaComentarios .boxListaComentarios .verMaisComentarios.carregando span.dots{ display: inline; margin-left: 5px;} /* RESPONSIVIDADE */ ._320 .boxComentariosLancamento .boxResponder{ padding-bottom: 34px; margin-top: 10px; padding-left: 40px;} ._320 .boxComentariosLancamento .boxResponder img{ width: 35px; height: 35px;} ._320 .boxComentariosLancamento .boxResponder::before{ left: -25px; width: 20px; border-radius: 0 0 0 10px; top: -2px;} ._320 .boxComentariosLancamento .boxResponder textarea{ width: 100%;} ._320 .boxComentariosLancamento .boxResponder .publicarResposta:link, ._320 .boxComentariosLancamento .boxResponder .publicarResposta:active, ._320 .boxComentariosLancamento .boxResponder .publicarResposta:visited{ font-size: 11px; padding: 8px 12px;} ._320 .boxComentariosLancamento .boxEnviarComentario.aberto .avisosLembrese{ height: auto;} ._320 .boxComentariosLancamento .boxEnviarComentario .avisosLembrese b{ display: none;} ._320 .boxComentariosLancamento .comentariosNivel2 .boxResponder{ padding-left: 85px; } ._320 .boxComentariosLancamento .comentariosNivel2 .boxResponder img{ left: 45px;} ._320 .boxComentariosLancamento .comentariosNivel2 .boxResponder::before{ left: 20px; z-index: 1;} ._320 .boxComentariosLancamento .comentariosNivel2 .boxResponder::after{left: 20px;} ._320 .boxComentariosLancamento .comentariosNivel3 .boxResponder{ padding-left: 125px; } ._320 .boxComentariosLancamento .comentariosNivel3 .boxResponder img{ left: 85px;} ._320 .boxComentariosLancamento .comentariosNivel3 .boxResponder::before{ left: 62px; height: 20px;} ._320 .boxComentariosLancamento .comentariosNivel3 .boxResponder::after{left: 62px;} /* JANELA ESCOLHER AVATAR */ ._320 .boxComentariosLancamento .boxEnviarComentario .janelaEscolherAvatar{top: 0;left: 0;width: calc(100vw - 50px);max-width: 460px;display: block;padding: 29px 15px 20px;box-shadow: 0 5px 15px 2px rgb(165 165 165 / 40%);} ._320 .boxComentariosLancamento .boxEnviarComentario .janelaEscolherAvatar h5{margin-bottom: 12px;} ._320 .boxComentariosLancamento .boxEnviarComentario .janelaEscolherAvatar .cores{padding: 0 0 20px 70px;margin: 0;} ._320 .boxComentariosLancamento .boxEnviarComentario .janelaEscolherAvatar .cores:after{width: 100%;height: 1px;left: 0;top: 100%;} ._320 .boxComentariosLancamento .boxEnviarComentario .janelaEscolherAvatar .cores ul{grid-template-columns: auto auto auto auto auto auto auto auto;gap: 8px;} ._320 .boxComentariosLancamento .boxEnviarComentario .janelaEscolherAvatar .cores ul li{width: 25px;height: 25px;} ._320 .boxComentariosLancamento .boxEnviarComentario .janelaEscolherAvatar .simbolos ul{justify-content: space-between;} ._320 .boxComentariosLancamento .boxEnviarComentario .janelaEscolherAvatar .simbolos ul li{} ._320 .boxComentariosLancamento .boxEnviarComentario .janelaEscolherAvatar a.botaoSalvarAvatar:active, ._320 .boxComentariosLancamento .boxEnviarComentario .janelaEscolherAvatar a.botaoSalvarAvatar:any-link{width: 100%;padding: 13px 20px;font-size: 14px;} ._320 .boxComentariosLancamento .listaComentarios h5{font-size: 23px;line-height: 28px;} ._320 .boxComentariosLancamento .itemComentario{ margin-top: 15px; padding-left: 45px; } ._320 .boxComentariosLancamento .itemComentario .avatar{ width: 40px; height: 40px;} ._320 .boxComentariosLancamento .itemComentario .boxCinza{padding: 15px;border-left-width: 2px;} ._320 .boxComentariosLancamento .itemComentario.nivel2 .boxCinza{padding-left: 20px;} ._320 .boxComentariosLancamento .itemComentario .boxCinza b{margin-bottom: 0;} ._320 .boxComentariosLancamento .itemComentario .boxCinza p{line-height: 18px;font-size: 14px;} ._320 .boxComentariosLancamento .itemComentario.nivel2{margin-top: 10px;padding-left: 70px;} ._320 .boxComentariosLancamento .itemComentario.nivel2::before{left: 20px;width: 20px;height: 17px;} ._320 .boxComentariosLancamento .comentariosNivel2, ._320 .boxComentariosLancamento .comentariosNivel3{padding-left: 0px;} ._320 .boxComentariosLancamento .itemComentario.nivel2 .avatarSuporte{width: 35px;height: 35px;left: 47px;} ._320 .boxComentariosLancamento .itemComentario.nivel3{ padding-left: 126px; margin-top: 10px;} ._320 .boxComentariosLancamento .itemComentario.nivel3::before{ left: 62px;} ._320 .boxComentariosLancamento .itemComentario.nivel3 .avatar{ width: 35px; height: 35px; left: 86px;} ._320 .boxComentariosLancamento .itemComentario.pai::after{ left: 20px; top: 45px; height: calc(100% - 50px);} ._320 .boxComentariosLancamento .itemComentario.pai.nivel2::after{ left: 62px; } ._320 .boxComentariosLancamento .comentariosNivel1.pai::before{left: 20px;top: 50px;} ._320 .boxComentariosLancamento .comentariosNivel2.pai::before{ left: 62px; top: 40px;} ._320 .boxComentariosLancamento .itemComentario.nivel3:last-of-type::after{ left: 62px; } ._320 .boxComentariosLancamento .boxEnviarComentario .avisosLembrese p{ display: none;} ._320 .boxComentariosLancamento .boxEnviarComentario .avisosLembrese .publicarComentario:not(.prontoEnvio)::before{ width: 211px; font-size: 11px; line-height: 13px;} ._320 .boxComentariosLancamento .itemComentario .opcoesInteracoes .curtidoEspaco{ left: -37px; top: -28px; zoom: 0.9;} ._320 .boxComentariosLancamento .itemComentario .opcoesInteracoes .curtidoEspaco img{ box-shadow: 0 0 0 4px #fff, 0 0 4px rgb(0 0 0 / 30%); } ._320 .boxComentariosLancamento .itemComentario .opcoesInteracoes .curtidoEspaco .coracao{} ._320 .boxComentariosLancamento .itemComentario.postProprio .opcoesInteracoes .opcoesMais a.mais:link, ._320 .boxComentariosLancamento .itemComentario.postProprio .opcoesInteracoes .opcoesMais a.mais:active, ._320 .boxComentariosLancamento .itemComentario.postProprio .opcoesInteracoes .opcoesMais a.mais:visited{ font: 600 12px 'Roboto'; letter-spacing: 0.020em; color: #7f868f; display: block;} ._320 .boxComentariosLancamento .itemComentario.postProprio .opcoesInteracoes .opcoesMais .boxBotoes{ display: flex; position: absolute; background: #ffffff; bottom: 22px; right: -13px; box-shadow: 0 0 10px -5px #000000; border-radius: 3px; padding: 6px 13px; opacity: 0; visibility: hidden; transition: all 0.5s ease; flex-direction: row-reverse;} ._320 .boxComentariosLancamento .itemComentario.postProprio .opcoesInteracoes .opcoesMais .boxBotoes::after{ content: ''; display: block; position: absolute; width: 0; height: 0; border-style: solid; border-width: 6px 6px 0 6px; border-color: #ffffff transparent transparent transparent; bottom: -6px; right: 20px;} ._320 .boxComentariosLancamento .itemComentario.postProprio .opcoesInteracoes .opcoesMais .boxBotoes::before{ content: ''; display: block; position: absolute; width: 0; height: 0; border-style: solid; border-width: 8px 6px 0 6px; border-color: rgb(0 0 0 / 15%) transparent transparent transparent; bottom: -9px; right: 20px; filter: blur(1px);} ._320 .boxComentariosLancamento .itemComentario.postProprio .opcoesInteracoes .opcoesMais.ativo .boxBotoes{ opacity: 1; visibility: visible; } ._320 .boxComentariosLancamento .itemComentario.postProprio .opcoesInteracoes .opcoesMais .btEditar:link, ._320 .boxComentariosLancamento .itemComentario.postProprio .opcoesInteracoes .opcoesMais .btEditar:active, ._320 .boxComentariosLancamento .itemComentario.postProprio .opcoesInteracoes .opcoesMais .btEditar:visited{ font: 500 12px/20px 'Roboto'; margin-right: 0; position: relative; margin-left: 20px;} ._320 .boxComentariosLancamento .itemComentario.postProprio .opcoesInteracoes .opcoesMais .btEditar::after{ content: ''; position: absolute; left: -12px; top: 8px; background: #d7d7d7; width: 4px; height: 4px; border-radius: 100%;} ._320 .boxComentariosLancamento .itemComentario.postProprio .opcoesInteracoes .opcoesMais .btExcluir:link, ._320 .boxComentariosLancamento .itemComentario.postProprio .opcoesInteracoes .opcoesMais .btExcluir:active, ._320 .boxComentariosLancamento .itemComentario.postProprio .opcoesInteracoes .opcoesMais .btExcluir:visited{ font: 500 12px/20px 'Roboto'; margin-left: 0px;} ._320 .boxComentariosLancamento .itemComentario .opcoesInteracoes .btSubir::after, ._320 .boxComentariosLancamento .itemComentario .opcoesInteracoes .curtidas::after, ._320 .boxComentariosLancamento .itemComentario .opcoesInteracoes .btResponder::after, ._320 .boxComentariosLancamento .itemComentario.postProprio .opcoesInteracoes .opcoesMais .btEditar::after{ display: none;} ._320 .boxComentariosLancamento .itemComentario .opcoesInteracoes .btResponder, ._320 .boxComentariosLancamento .itemComentario .opcoesInteracoes .curtidas, ._320 .boxComentariosLancamento .itemComentario .opcoesInteracoes .btSubir, ._320 .boxComentariosLancamento .itemComentario .opcoesInteracoes em.horaComentario{ margin-right: 10px;} ._320 .confirmarExclusaoComentario .boxJanelaExclusaoComentario{width: 260px; text-align: center;} ._320 .boxComentariosLancamento .mensagemAcoes{max-width: calc(100% - 40px); width: max-content; text-align: center; left: 50%;} ._320 .boxComentariosLancamento .mensagemAcoes.ativo{opacity: 1; visibility: visible; bottom: 50%;} ._320 .boxComentariosLancamento .listaComentarios .boxListaComentariosFixado .comentarioFixado{ margin: 20px 0 -5px 0; }