
.box_perfil img {
    margin-left: 0;
}
/* *****************Postagens de foto */
.box_global_postagens {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 6vw;
}

.container_postagem {
    width: 60vw;
    height: auto;
    background-color: var(--cor_branca);
    border-radius: 0.5em;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 6vw;
}

.box_perfil {
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    height: 2.5vw;
    position: relative;
    margin-bottom: 4vw;
    margin-top: 0;
    width: 60vw;
}

.box_tipo_postagem {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    width: 20vw;
    height: 2.5vw;
    margin-top: 0;
}

.box_tipo_postagem_secundaria {
    display: flex;
    align-items:flex-start;
    justify-content: flex-end;
    width: 20vw;
    height: 2.5vw;
    margin-top: 0;
}

.box_foto_selo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20vw;
    position: relative;
}


    .box_foto_selo .selo_adquirido {
        position: absolute;
        top: -4.0vw;
        left: 9.0vw;
        width: 7vw;
        height: 7vw;
        border: none;
        box-shadow: none;
    }




.tipo_postagem_foto {
    visibility: hidden;
}

.foto_perfil {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

    .foto_perfil img {
        width: 5vw;
        height: 5vw;
        border-radius: 50%;
        margin-top: 0.0vw;
        border: 0.2vw solid var(--cor_principal);
        padding: 0.1em;
    }

.nome_perfil {
    font-family: var(--font-family-montserrat);
    font-size: 1em;
    color: var(--cor_cinza_escura);
    text-align: center;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Número máximo de linhas */
    -webkit-box-orient: vertical;
    overflow: hidden; /* Esconde o excesso de texto */
    text-overflow: ellipsis; /* Adiciona reticências (...) ao final */
}


.prazo_postagem {
    font-family: var(--font-family-koho);
    font-size: 0.7em;
    color: var(--cor_cinza_escura);
    text-align: center;
}

.mais_opcoes {
    display: flex;
    justify-content: flex-end;
    background-color: transparent;
    border: none;
    font-size: 1.5em;
    cursor: pointer;
    width: 20vw;
}

.imagem_principal img {
    display: block;
    margin-top: 1vw;
    width: 59vw;
    height: 59vw;
    margin: 0 auto;
    object-fit: cover;
    cursor: pointer;
    border-radius:0.5em;
}

/* ajuste dos quantificadores */

.quantificadores {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding-left: 2.0em;
    padding-right: 2.0em;
    margin-top: 1.5vw;
    font-family: var(--font-family-koho);
    font-size: 0.6em;
    font-weight: bold;
    text-decoration: none;
}

.quantificadores_enviar_curtir button {
    color: var(--cor_cinza_clara);
    border: none;
    background-color: transparent;
    font-size: 2.5em;
}

.botao_enviar {
    margin-left: 0.5vw;
}

.qtd_curtidas {
    margin-left: 0.5vw;
}

.quantificadores_salvar_comentario {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.qtd_comentarios {
    margin-right: 0.5vw;
}

.quantificadores a,
.quantificadores p {
    font-family: var(--font-family-koho);
    text-decoration: none;
    color: var(--cor_cinza_clara);
    font-size: 1.2em;
}
/* *****************Ajuste para botões marcados */
/* coração de outros */



.coracao_vazado {
    display: inline;
    color: var(--cor_cinza_clara);
}

.coracao_solido {
    color: var(--cor_principal);
}




.botao_curtir.ativo i.coracao_solido {
    display: inline;
}

.botao_curtir.ativo {
    animation: beatHeart 1s 2;
}




@keyframes beatHeart {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.3);
    }

    100% {
        transform: scale(1);
    }
}

/* bandeira de outros */
.botao_salvar {
    color: var(--cor_cinza_clara);
    border: none;
    background-color: transparent;
    font-size: 2.5em;
}



.bandeira_vazada {
    display: inline;
    color: var(--cor_cinza_clara);
}

.bandeira_solida {
    color: var(--cor_principal);
}

.botao_salvar.ativo i.bandeira_vazada {
    display: none;
}

.botao_salvar.ativo i.bandeira_solida {
    display: inline;
}

.conteudo_publicacao {
    font-family: var(--font-family-montserrat);
    font-size: 1em;
    color: var(--cor_cinza_escuro);
    text-align: justify;
    padding: 0.0em 1.5em;
    line-height: 2.0em;
    font-weight: 500;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.box_comentar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 1vw auto 1vw auto;
    width: 95%;
}

.input_novo {
    position: relative;
    font-family: var(--font-family-koho);
    display: flex;
    font-size: 1.2em;
    box-shadow: 0 0 0.2vw var(--cor_cinza_clara);
    border-bottom: 0.01vw solid var(--cor_principal_transparencia);
    resize: none;
    width: 100%;
    height: 2.5vw;
    padding-left: 0.5em;
}

.tag_comentario {
    flex: 1;
    margin: 0;
    border: none;
    width: 100%;
}

    .tag_comentario:focus {
        outline: none;
    }

.input_novo:focus,
.input_novo:hover {
    border: none;
    outline: none;
    box-shadow: 0 0 0.2vw var(--cor_cinza_clara);
    border-bottom: 0.01vw solid green;
    resize: none;
}

.btn_comentar {
    display: flex;
    text-decoration: none;
    background-color: var(--cor_principal);
    align-items: center;
    justify-content: center;
    cursor: pointer;
    width: 20vw;
    color: var(--cor_branca);
    margin-right: 0.5vw;
    height: 2.5vw;
}

/* *****************Adaptações para vídeo */

.imagem_principal video {
    display: block;
    margin-top: 1vw;
    width: 59vw;
    height: 59vw;
    margin: 0 auto;
    object-fit: cover;
    cursor: pointer;
}

.tipo_postagem_videos {
    visibility: hidden;
}
/* *****************Adaptações para dica */


.tipo_postagem_dica {
    font-family: var(--font-family-koho);
    font-size: 1.0em;
    color: var(--cor_branca);
    background-color: var(--cor_principal);
    min-width: 5vw;
    padding: 0 1em;
    text-align: center;
    border-radius: 0.3em 0.0em 0.3em 0.0em;
    white-space: nowrap; /* Impede a quebra de linha */
    overflow: hidden; /* Esconde o texto que ultrapassa */
    text-overflow: ellipsis;
}

.cidade_dica {
    font-family: var(--font-family-koho);
    font-size: 1.0em;
    color: var(--cor_principal);
    background-color: var(--cor_principal_transparencia);
    min-width: 5vw;
    text-align: center;
    border-radius: 0.0em 0.3em 0.0em 0.3em;
    padding: 0 0.3em;
    white-space: nowrap; /* Impede a quebra de linha */
    overflow: hidden; /* Esconde o texto que ultrapassa */
    text-overflow: ellipsis; /* Adiciona as reticências (...) */
    display: flex;
    align-items: center;
    justify-content: center;
}


.titulo_publicacao {
    font-family: var(--font-family-montserrat);
    font-size: 1.5em;
    color: var(--cor_cinza_escura);
    font-weight: bold;
    text-align: left;
    padding: 0 0.3em;
    line-height: 1.5em;
    display: -webkit-box;
    margin-left:1vw;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}



.box_imagem_secudaria {
display:flex;
align-items:center;
justify-content:flex-start;
width:100%;
}


.imagem_secudaria{
    text-decoration:none;
}
    .imagem_secudaria img {
        float: right;
        width: 30vw;
        height: calc(1.7em*16);
        object-fit: cover;
        margin: .5em 1em 0em 1em;
        border-radius: 0.8em;
        flex-shrink: 0;
    }
.conteudo_publicacao_secundario {
    flex: 1;
    font-family: var(--font-family-montserrat);
    font-size: 1.0em;
    color: var(--cor_cinza_escura);
    text-align: justify;
    line-height: 1.7em;
    padding-left: 1.0em;
    text-decoration: none;
    display: -webkit-box;
    -webkit-line-clamp: 15;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}


/* *****************Adaptações para avaliação */
.ajuste_titulo {
    font-family: var(--font-family-montserrat);
    font-size: 1.2em;
    color: var(--cor_cinza_escura);
    font-weight: bold;
    text-align: justify;
    padding: 0 0vw;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.perfil_estabelecimento {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction:column-reverse;
    width: 100%;
    margin-bottom: 0.0vw;
    margin-left:1vw;
}

    .perfil_estabelecimento a {
        font-family: var(--font-family-montserrat);
        font-size: 1.2em;
        color: var(--cor_cinza_escura);
        font-weight: bold;
        line-height: 1.5em;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 50vw;
        text-decoration: none;
    }

.estrelas {
    font-size: 1.2em;
    color: var(--cor_principal);
}



/* ************************Responsividade******************** */
@media only screen and (max-width: 1024px) {


    /* *****************Postagens de foto */
    .box_global_postagens {
        margin-top: 12vw;
    }

    .container_postagem {
        width: 96vw;
        margin-bottom: 20vw;
    }

    .box_perfil {
        height: 4vw;
        margin-bottom: 8vw;
        margin-top: 0;
        width: 96vw;
    }

    .box_tipo_postagem {
        width: 32vw;
        height: 4vw;
        margin-top: 0;
    }

    .box_tipo_postagem_secundaria {
        width: 32vw;
        height: 4vw;
        margin-top: 0;
    }

    .foto_perfil img {
        width: 8vw;
        height: 8vw;
        margin-top: 0vw;
    }

    .mais_opcoes {
        margin: 0vw 1vw 0 0vw;
        width: 30vw;
    }

    .imagem_principal img {
        margin-top: 1vw;
        width: 93vw;
        height: 93vw;
    }

    /* ajuste dos quantificadores */

    .quantificadores {
        margin-top: 1.9vw;
    }

    /* *****************Ajuste para botões marcados */

    .conteudo_publicacao {
        display: -webkit-box;
        -webkit-line-clamp: 4;
    }

    .box_comentar {
        margin: 2vw auto 1vw auto;
    }

    .input_novo {
        margin-top: 2vw;
        height: 4.0vw;
    }

    .btn_comentar {
        width: 30vw;
        height: 4.0vw;
        margin-top: 2vw;
    }

    /* *****************Adaptações para vídeo */
    .imagem_principal video {
        width: 96vw;
        height: 96vw;
    }
    /* *****************Adaptações para dica */
    .tipo_postagem_dica {
        min-width: 12vw;
    }



    .estrelas {
        margin-top: -3vw;
    }

    .box_foto_selo .selo_adquirido {
        top: -5.2vw;
        right: -3.5vw;
        width: 12.5vw;
        height: 12.5vw;
    }

    .perfil_estabelecimento {
        width: 100%;
        margin-bottom: 0.0vw;
        margin-left: 3vw;
    }
    .imagem_secudaria img {
        width: 50vw;
        height: calc(1.7em*15);
    }

    .conteudo_publicacao_secundario {
        -webkit-line-clamp: 14;
        font-size:1.2em;
    }
}

@media only screen and (max-width: 768px) {


    /* *****************Postagens de foto */
    .box_global_postagens {
        margin-top: 12vw;
    }

    .container_postagem {
        width: 96vw;
        margin-bottom: 20vw;
    }

    .box_perfil {
        height: 6vw;
        margin-bottom: 8vw;
        margin-top: 0;
        width: 96vw;
    }

    .box_tipo_postagem {
        width: 32vw;
        height: 6vw;
        margin-top: 0;
    }

    .box_tipo_postagem_secundaria {
        width: 32vw;
        height: 6vw;
        margin-top: 0;
    }

    .foto_perfil img {
        width: 12vw;
        height: 12vw;
        margin-top: 0vw;
    }

    .mais_opcoes {
        margin: 0vw 1vw 0 0vw;
        width: 30vw;
    }

    .imagem_principal img {
        margin-top: 1vw;
        width: 93vw;
        height: 93vw;
    }

    /* ajuste dos quantificadores */

    .quantificadores {
        margin-top: 1.9vw;
    }

    /* *****************Ajuste para botões marcados */

    .conteudo_publicacao {
        display: -webkit-box;
        -webkit-line-clamp: 4;
    }

    .box_comentar {
        margin: 2vw auto 1vw auto;
    }

    .input_novo {
        margin-top: 2vw;
        height: 5.0vw;
    }

    .btn_comentar {
        width: 30vw;
        height: 5.0vw;
        margin-top: 2vw;
    }

    /* *****************Adaptações para vídeo */
    .imagem_principal video {
        width: 96vw;
        height: 96vw;
    }
    /* *****************Adaptações para dica */
    .tipo_postagem_dica {
        min-width: 12vw;
    }




 

    .estrelas {
        margin-top: -3vw;
    }

    .box_foto_selo .selo_adquirido {
        top: -5.2vw;
        right: -3.5vw;
        width: 12.5vw;
        height: 12.5vw;
    }

    .perfil_estabelecimento {
        width: 100%;
        margin-bottom: 0.0vw;
        margin-left: 3vw;
    }

    .imagem_secudaria img {
        width: 40vw;
        height: calc(1.7em*11);
    }

    .conteudo_publicacao_secundario {
        -webkit-line-clamp: 13;
        font-size:0.9em;
    }

}

@media only screen and (max-width: 480px) {


    .box_global_postagens {
        margin-top: 20vw;
    }

    .container_postagem {
        width: 96vw;
        margin-bottom: 20vw;
    }

    .box_perfil {
        height: 15vw;
        margin-bottom: 7vw;
        margin-top: 0;
        width: 96vw;
    }

    .box_tipo_postagem {
        width: 32vw;
        height: 15vw;
        margin-top: 0;
    }
    .box_tipo_postagem_secundaria {
        width: 32vw;
        height: 15vw;
        margin-top: 0;

    }

    .box_foto_selo {
        width: 32vw;

    }


        .box_foto_selo .selo_adquirido {
            position: absolute;
            top: -10.0vw;
            left: 12.5vw;
            width: 20vw;
            height: 20vw;
        }



    .foto_perfil img {
        width: 15vw;
        height: 15vw;
    }


    .imagem_principal img {
        margin-top: 2em;
        width: 93vw;
        height: 93vw;
    }


    .tipo_postagem_dica {
        border-radius: 0.3em 0.0em 0.3em 0.0em;
    }


    /* ajuste dos quantificadores */

    .quantificadores {
        margin-top: 3vw;
    }
    /* *****************Ajuste para botões marcados */


    .conteudo_publicacao {
        display: -webkit-box;
        -webkit-line-clamp: 4;
    }

    .box_comentar {
        margin: 3vw auto 1vw auto;
    }

    .input_novo {
        margin-top: 2vw;
        height: 8vw;
        font-size: 1.0em;
        border: 0.01em solid var(--cor_cinza_clara);
    }

    .btn_comentar {
        width: 40vw;
        height: 8vw;
        margin-top: 2vw;
    }

    /* *****************Adaptações para vídeo */
    .imagem_principal video {
        width: 93vw;
        height: 93vw;
    }
    /* *****************Adaptações para dica */
    .tipo_postagem_dica {
        width: 32vw;
    }

    .cidade_dica {
        width: 32vw;
        border-radius: 0.0em 0.3em 0.0em 0.3em;
    }



    .imagem_secudaria img {
        width: 40vw;
        height: calc(1.7em*10);

    }
    .conteudo_publicacao_secundario {

        -webkit-line-clamp: 12;
        font-size:0.9em;

    }
    .perfil_estabelecimento {
        align-items:center;
        width: 100%;
        margin-bottom: 2.0vw;

    }
        .perfil_estabelecimento a {

            max-width: 90vw;
        }



}
