@charset "utf-8";

#eperfil { padding: 21px 0;}
#eblog { padding: 21px 0;}

#eperfil .apresentacao { padding: 0 40px 0 190px;}
#eperfil .destaques { margin: 11px 0 0;}
#eperfil .links { width: 30%; padding: 0 20px 0 0; margin: 11px 0 0;}
#eperfil .publicacoes { width: 70%; margin: 11px 0 0;}

#eperfil .apresentacao .foto { width: 160px; height: 160px; top: 50%; left: 0; margin: -85px 0 0; border: 5px solid rgb(255 255 255); overflow: hidden;}
#eperfil .apresentacao .foto .luz { background-color: rgb(5 5 5 / 10%);}
#eperfil .apresentacao .foto:hover .luz { display: block;}
#eperfil .apresentacao .detalhes { flex-direction: column; justify-content: center; min-height: 170px;}
#eperfil .apresentacao .detalhes h1 { font-size: 1.5em;}
#eperfil .apresentacao .detalhes h1 b.verificado { padding: 0 30px 0 0; background-position: 100% 50%; background-repeat: no-repeat;}
#eperfil .apresentacao .detalhes h1 b.verificado.sim { background-image: url('../../imagens/app/perfil-apresentacao-verificado-sim.png?v1');}
#eperfil .apresentacao .detalhes h1 b.verificado.nao { background-image: url('../../imagens/app/perfil-apresentacao-verificado-nao.png?v1');}
#eperfil .apresentacao .detalhes h1 a.lapis { top: 0; right: -35px; background-position: 50%; background-repeat: no-repeat;}
#eperfil .apresentacao .detalhes h2 { font-size: 1.2em;}
#eperfil .apresentacao .detalhes h3 { font-size: 1em; opacity: 0.8;}
#eperfil .apresentacao .detalhes h4 { font-size: 1.1em;}
#eperfil .apresentacao .partilhar { top: 50%; right: 0; margin: -17.5px 0 0;}
#eperfil .apresentacao .partilhar .chave { background-position: 50%; background-repeat: no-repeat;}
#eperfil .apresentacao .partilhar .opcoes { position: absolute; width: 240px; top: 40px; right: 0;}
#eperfil .apresentacao .partilhar .opcoes .linkado a { padding: 10px 10px 10px 45px; background-position: 8px 50%; background-repeat: no-repeat;}
#eperfil .apresentacao .partilhar .opcoes .linkado a.facebook { background-image: url('../../imagens/app/perfil-partilhar-facebook.png?v1');}
#eperfil .apresentacao .partilhar .opcoes .linkado a.whatsapp { background-image: url('../../imagens/app/perfil-partilhar-whatsapp.png?v1');}
#eperfil .apresentacao .partilhar .opcoes .linkado a:hover { background-color: rgb(90 90 90 / 10%);}

#eperfil .destaques .linkado { padding: 12px 25px 12px 15px; outline: 1px solid rgb(95 60 70 / 30%); outline-offset: -1px; font-size: 1.1em; opacity: 0.7; overflow: hidden;}
#eperfil .destaques .linkado:hover { background-color: rgb(255 255 255 / 40%); opacity: 1;}
#eperfil .destaques .preedi { position: absolute; width: 30px; height: 30px; top: 50%; right: 0; margin: -15px 0 0;}
#eperfil .destaques .preedi .suspenso { position: absolute; width: 100px; top: 30px; right: 10px;}

#eperfil .links .tab { padding: 0 0 0 48px;}
#eperfil .links .tab .linkado .ico { width: 45px; height: 45px; top: 0; left: 0; background-color: rgb(22 43 75); background-position: 50%; background-repeat: no-repeat;}
#eperfil .links .tab .linkado .nome { padding: 22.5px 12px; background-color: rgb(22 43 75);}
#eperfil .links .tab .linkado:hover .ico { background-color: rgb(135 170 222);}
#eperfil .links .tab .linkado:hover .nome { background-color: rgb(135 170 222);}
#eperfil .links .preedi { position: absolute; width: 30px; height: 30px; top: 50%; right: 0; margin: -15px 0 0;}
#eperfil .links .preedi .pontinhos.abrir { background-image: url('../../imagens/app/pontinhos-abrir-branco.png?v3') !important;}
#eperfil .links .preedi .pontinhos.fechar { background-image: url('../../imagens/app/pontinhos-fechar-branco.png?v3') !important;}
#eperfil .links .preedi .suspenso { position: absolute; width: 100px; top: 30px; right: 10px;}

#eperfil .publicacoes .listar .tab { padding: 0 0 21px; margin: 0 0 16px; border-bottom: 1px solid rgb(90 90 90 / 40%); overflow: hidden;}
#eperfil .publicacoes .listar .tab .cabecario .foto { position: absolute; width: 40px; height: 40px; overflow: hidden;}
#eperfil .publicacoes .listar .tab .cabecario .nome { padding: 0 40px 0 50px;}
#eperfil .publicacoes .listar .tab .cabecario .nome h2 { font-size: 1.1em;}
#eperfil .publicacoes .listar .tab .cabecario .nome h3 { font-size: 0.9em;}
#eperfil .publicacoes .listar .tab .cabecario .preedi { position: absolute; width: 30px; height: 30px; top: 50%; right: 0; margin: -15px 0 0;}
#eperfil .publicacoes .listar .tab .cabecario .preedi .suspenso { position: absolute; width: 100px; top: 30px; right: 10px;}
#eperfil .publicacoes .listar .tab .texto h2 { font-size: 1.2em;}
#eperfil .publicacoes .listar .tab .texto h2 a:hover { text-decoration: underline;}
#eperfil .publicacoes .galeria { top: 50%; margin: -12px 0 0; background-color: rgb(255 255 255 / 50%);}
#eperfil .publicacoes .galeria.recuar { left: 5px;}
#eperfil .publicacoes .galeria.avante { right: 5px;}
#eperfil .publicacoes .galeria:hover { background-color: rgb(255 255 255 / 60%);}
#eperfil .publicacoes .carregando { position: relative; float: left; height: 50px; margin: -30px 0 0; background-color: transparent;}

#eperfil .popfoto .conteudo { height: 200px;}
#eperfil .popfoto .conteudo .fechar { top: 5px; right: 5px; background-position: 50%; background-repeat: no-repeat;}
#eperfil .popfoto .foto { border: 8px solid rgb(255 255 255);}
#eperfil .popfoto .detalhes h1 { font-size: 1.5em;}
#eperfil .popfoto .detalhes h1 a.lapis { display: none;}
#eperfil .popfoto .detalhes h2 { font-size: 1.2em;}
#eperfil .popfoto .detalhes h3 { font-size: 1.1em;}
#eperfil .popfoto .detalhes h4 { font-size: 1em;}
#eperfil .popfoto.hot .conteudo { flex-wrap: nowrap;}
#eperfil .popfoto.vet .conteudo { flex-wrap: wrap; justify-content: center; align-content: flex-start;}
#eperfil .popfoto.hot .detalhes { padding: 0 0 0 20px;}
#eperfil .popfoto.vet .detalhes { padding: 15px 0 0; text-align: center;}

#eperfil .postnovo .iniciar { padding: 12px; outline: 1px solid rgb(95 60 70 / 30%); outline-offset: -1px; font-size: 1.1em;}
#eperfil .postnovo .conteudo .x { top: 5px; right: 5px; background-position: 50%; background-repeat: no-repeat;}
#eperfil .postnovo.opublicacao .texto textarea { min-height: 50px; font-size: 1.2em;}
#eperfil .postnovo.opublicacao .file span b { padding: 0 0 0 25px; background-position: 0 50%; background-repeat: no-repeat;}
#eperfil .postnovo.opublicacao .file input { opacity: 0; font-size: 0;}
#eperfil .postnovo.opublicacao .file:hover span { text-decoration: underline;}

#eperfil .posteditar .conteudo { height: 200px;}
#eperfil .posteditar .conteudo .fechar { top: 5px; right: 5px; background-position: 50%; background-repeat: no-repeat;}

#eperfil .gerenciar .verificado { font-size: 1.4em; background-position: 100% 50%; background-repeat: no-repeat;}
#eperfil .gerenciar .verificado.sim { background-image: url('../../imagens/app/perfil-gerenciar-verificado-sim.png?v1'); color: rgb(0 212 85);}
#eperfil .gerenciar .verificado.nao { background-image: url('../../imagens/app/perfil-gerenciar-verificado-nao.png?v1'); color: rgb(255 84 84);}
#eperfil .gerenciar .pagar { font-size: 1.2em; background-position: 100% 50%; background-repeat: no-repeat;}
#eperfil .gerenciar .pagar.pix { background-image: url('../../imagens/app/perfil-pagar-pix.png?v1');}

/* tema */
main.clear #eperfil .apresentacao .detalhes h1 a.lapis { background-image: url('../../imagens/app/perfil-apresentacao-lapis-preto.png');}
main.dark #eperfil .apresentacao .detalhes h1 a.lapis { background-image: url('../../imagens/app/perfil-apresentacao-lapis-branco.png');}
main.clear #eperfil .apresentacao .partilhar .chave.abrir { background-image: url('../../imagens/app/perfil-x-abrir-preto.png?v3');}
main.clear #eperfil .apresentacao .partilhar .chave.fechar { background-image: url('../../imagens/app/perfil-x-fechar-preto.png?v3');}
main.dark #eperfil .apresentacao .partilhar .chave.abrir { background-image: url('../../imagens/app/perfil-x-abrir-branco.png?v3');}
main.dark #eperfil .apresentacao .partilhar .chave.fechar { background-image: url('../../imagens/app/perfil-x-fechar-branco.png?v3');}
main.clear #eperfil .popfoto .conteudo .fechar { background-image: url('../../imagens/app/perfil-x-fechar-preto.png?v3');}
main.dark #eperfil .popfoto .conteudo .fechar { background-image: url('../../imagens/app/perfil-x-fechar-branco.png?v3');}
main.clear #eperfil .postnovo .conteudo .x.fechar { background-image: url('../../imagens/app/perfil-x-fechar-preto.png?v3');}
main.dark #eperfil .postnovo .conteudo .x.fechar { background-image: url('../../imagens/app/perfil-x-fechar-branco.png?v3');}
main.clear #eperfil .postnovo.opublicacao .file span b { background-image: url('../../imagens/app/perfil-upload-preto.png?v2');}
main.dark #eperfil .postnovo.opublicacao .file span b { background-image: url('../../imagens/app/perfil-upload-branco.png?v2');}
main.clear #eperfil .posteditar .conteudo .fechar { background-image: url('../../imagens/app/perfil-x-fechar-preto.png?v3');}
main.dark #eperfil .posteditar .conteudo .fechar { background-image: url('../../imagens/app/perfil-x-fechar-branco.png?v3');}

@media only screen and (max-width: 800px){
  #eperfil { padding: 21px 0;}
  #eblog { padding: 11px 0;}
}
@media only screen and (max-width: 700px){
  #eperfil .links { width: 100%; padding: 0;}
  #eperfil .links .listar { display: flex; justify-content: center;}

  #eperfil .links .tab { width: 45px; height: 45px; padding: 0; margin: 2px;}
  #eperfil .links .tab .linkado { width: 45px; height: 45px;}
  #eperfil .links .tab .linkado .ico.borda {-webkit-border-radius: 1000px; -moz-border-radius: 1000px; border-radius: 1000px;}
  #eperfil .links .tab .linkado .nome { display: none;}
  #eperfil .links .preedi { display: none;}

  #eperfil .publicacoes { width: 80%; margin: 11px 10% 0;}
}
@media only screen and (max-width: 600px){
  #eperfil .apresentacao { padding: 180px 0 0;}
  #eperfil .apresentacao .foto { top: 0; left: 50%; margin: 0 0 0 -85px;}
  #eperfil .apresentacao .detalhes { min-height: 0; text-align: center;}
  #eperfil .apresentacao .partilhar { top: 0; margin: 0;}

  #eperfil .destaques .linkado { font-size: 1em;}

  #eperfil .publicacoes { width: 100%; margin: 11px 0 0;}
  #eperfil .publicacoes .listar .tab .texto h2 { font-size: 1em;}
}