.lazyload {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.lazyloaded {
    opacity: 1;
}

#informacoes_marcada a {
    color: var(--cor_principal);
    background-color: var(--cor_principal_transparencia);
}

/* **************************************box que guarda o conteúdo de fotos (Pinterest)*/
.container_informacoes {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 80vw;
    min-height: 39vh;
    background-color: var(--cor_branca);
    margin: 0 auto;
}

.box_conteudo_principal {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 80vw;
}

.titulo_principal {
    display: inline-block;
    font-family: var(--font-family-montserrat);
    font-size: 2.5em;
    font-weight: 500;
    color: var(--cor_cinza_escura);
    margin-top: 1em;
    width: 70vw;
    text-align: center;
}

.paragrafo_principal {
    display: inline-block;
    font-family: var(--font-family-montserrat);
    font-size: 1em;
    font-weight: 100;
    color: var(--cor_cinza_escura);
    margin-top: 1vw;
    width: 70vw;
    text-align: justify;
    line-height: 1.5em;
    padding-bottom: 1em;
}

.paragrafo_principal i{

    color: var(--cor_principal);
    padding-left:1em;
}

.box_conteudo_principal img {
    width: 70vw;
    height: 40vw;
    object-fit: cover;
}


/* <!-- *******************************Box contendo pdf********************************* --> */

.box_botao_unico {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 2em;
    margin-bottom: 0vw;
}

.baixar_pdf {
    width: 25vw;
    font-family: var(--font-family-koho);
    font-size: 1.2em;
    font-weight: 500;
    color: var(--cor_branca);
    background-color: var(--cor_principal);
    border: none;
    padding: 0.2em 1em;
    border-radius: 0.3em;
    cursor: pointer;
}

    .baixar_pdf i {
        margin-right: 0.5em;
    }

/* <!-- *******************************Box contendo horario funcionamento********************************* --> */

.box_semana {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    margin: 2vw 0vw 0vw 0vw;
    width:65vw;
}

.box_dia {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 30%;
    border-bottom: 0.1vw solid var(--cor_principal_transparencia);
    padding: 0.3em 0.0em 0.3em 0em;
}

.dia_semana {
    font-family: var(--font-family-koho);
    color: var(--cor_cinza_escura);
    font-size: 1.2em;
    font-weight: 900;

}

.horario_funcionamento {
    font-family: var(--font-family-koho);
    color: var(--cor_cinza_clara);
    font-size: 1em;
    font-weight: bold;
}

/* <!-- *******************************Box contendo serviços********************************* --> */

.seletor_bloco {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    width: 85%;
    margin: 5vh auto 0vw auto;
    gap: 1em;
}


.tag_servico {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    color: var(--cor_principal);
    border: 0.1vw solid var(--cor_principal);
    border-radius: 0.3em;
    padding: 0.4em 0.9em;
    min-width: 8vw;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: var(--font-family-koho);
    font-size: 0.9em;
    font-weight: bold;
}

    .tag_servico i {
        margin-right: 0.5em;
    }

.tag_moeda {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    color: var(--cor_principal);
    border: 0.1vw solid var(--cor_principal);
    border-radius: 0.3em;
    padding: 0.4em 0.9em;
    min-width: 8vw;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: var(--font-family-koho);
    font-size: 0.9em;
    font-weight: 500;
}

.destaque_simbolo {
    font-size: 0.9em;
    font-weight: bold;
    margin-right: 0.5em;
}

/* <!-- *******************************Box contendo mapa de como chegar********************************* --> */

.mapa {
    height: 30vw;
    width: 70vw;
    margin: 3vw 0vw 0vw 3vw;
}

.box_texto_endereco {
    margin: 0vw 0 0 0vw;
}

.destaque_texto {
    font-family: var(--font-family-koho);
    font-size: 1.2em;
    font-weight: bold;
    color: var(--cor_cinza_escura);
}

.endereco,
.ponto_referencia,
.transporte_publico {
    font-family: var(--font-family-koho);
    font-size: 1.1em;
    font-weight: bold;
    color: var(--cor_cinza_clara);
    margin-top: 1.5em;
    padding: 0em 3em 0em 3em;
    line-height:1.5em;
}

/* <!-- *******************************Box contendo Links externos********************************* --> */
.box_completo {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.ajuste_tag {
    height: 2.5vw;
    font-size: 1.0em;
    border-radius: 0.4em 0em 0em 0.4em;

}

.botao_clicavel {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: var(--cor_principal);
    color: var(--cor_branca);
    border: none;
    border-radius: 0em 0.4em 0.4em 0em;
    padding: 0.1em 0.7em;
    min-width: 7vw;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: var(--font-family-koho);
    font-size: 1.0em;
    text-decoration: none;
    font-weight: bold;
    height: 2.5vw;
}



/* <!-- *******************************Box contendo redes sociais********************************* --> */

.box_rede_social {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 3vw 0vw 0vw 1vw;
    gap: 2vw;
}

.instagram {
    font-size: 3em;
    margin-right: 0.5vw;
    color: #c13584;
}

.facebook {
    font-size: 3em;
    margin-right: 0.5vw;
    color: #1877f2;
}

.tiktok {
    font-size: 3em;
    margin-right: 0.5vw;
    color: #000000;
}

.youtube {
    font-size: 3em;
    margin-right: 0.5vw;
    color: #ff0000;
}

.twitter {
    font-size: 3em !important;
    margin-right: 0.5vw !important;
    color: #000000 !important;
    font-family: "Font Awesome 6 Brands" !important;
}

/* <!-- *******************************Box contendo contatos********************************* --> */
.box_contatos {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 3vw 0vw 3vw 0vw;
    gap: 0.2vw;
}

.botao_contato {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--font-family-koho);
    color: var(--cor_branca);
    background-color: var(--cor_principal);
    font-size: 1.2em;
    font-weight: bold;
    min-width: 15vw;
    height: 2vw;
    text-decoration: none;
    text-align: center;
}

    .botao_contato i {
        margin-right: 0.5em;
    }

.primeiro_botao {
    border-radius: 1.0em;
}

.ultimo_botao {
    border-radius: 1.0em;
}

/* <!-- *******************************Box contendo outras informações********************************* --> */

.box_outras_info {
    margin-top: 3em;
    margin-left: 2em;
}

.capacidade_acomodacao,
.capacidade_estabelecimento,
.capacidade_restaurante {
    font-family: var(--font-family-koho);
    font-size: 1.2em;
    color: var(--cor_cinza_clara);
    font-weight: bold;
    margin-top: 1em;
}

.cabecalho_titulo {
    font-family: var(--font-family-koho);
    font-size: 1.2em;
    font-weight: bold;
    margin-top: 1em;
    color: var(--cor_cinza_escura);
}

.cabecalho_categoria {
    font-family: var(--font-family-koho);
    font-size: 1.2em;
    font-weight: bold;
    color: var(--cor_cinza_escura);
}

.categoria_hotel {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

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

.horario_checkin_checkout i {
    margin-right: 0.5vw;
}

.horario_checkin_checkout {
    font-family: var(--font-family-koho);
    font-size: 1.2em;
    font-weight: bold;
    color: var(--cor_cinza_clara);
    margin: 0vw 0vw 1vw 0vw;
}

.box_info_completo {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
    margin: 2vw 0vw 0vw 14vw;
}



.linha_seletor a:hover {
    color: var(--cor_principal);
    background-color: var(--cor_principal_transparencia);
}

.paragrafo_principal strong {
    font-weight: bold !important;
}

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

    /* **************************************box que guarda o conteúdo de fotos (Pinterest)*/
    .container_informacoes {
        width: 90vw;
    }

    .box_conteudo_principal {
        width: 90vw;
    }

    .titulo_principal {
        width: 80vw;
    }

    .paragrafo_principal {
        width: 80vw;
    }

    .box_conteudo_principal img {
        width: 80vw;
        height: 40vw;
    }

    /* Box de texto delimitador */
    .box_texto_delimitador {
        width: 80vw;
    }

    .ajuste_del {
        margin: 5vw 0vw 0vw 0vw;
    }

    .ajuste_linha {
        height: 0vw;
    }
    /* <!-- *******************************Box contendo pdf********************************* --> */
    .baixar_pdf {
        width: 50vw;
    }

    /* <!-- *******************************Box contendo horario funcionamento********************************* --> */

    .box_semana {
        margin: 4vw 0vw 0vw 0vw;
    }

    .box_dia {
        width: 50%;
    }

    /* <!-- *******************************Box contendo serviços********************************* --> */

    .seletor_bloco {
        width: 85%;
    }

    .tag_servico {
        min-width: 10vw;
    }

        .tag_servico i {
            margin-right: 1.0vw;
        }

    .tag_moeda {
        min-width: 10vw;
    }



    /* <!-- *******************************Box contendo mapa de como chegar********************************* --> */

    .mapa {
        height: 30vw;
        width: 80vw;
        margin: 3vw 0vw 0vw 3vw;
    }

    .box_texto_endereco {
        margin: 5vw 0 0 3vw;
    }


    .endereco,
    .ponto_referencia,
    .transporte_publico {
        padding: 0em 1em 0em 1em;
    }
    /* <!-- *******************************Box contendo Links externos********************************* --> */

    .ajuste_link {
        margin-top: 5vw;
    }

    .ajuste_tag {
        height: 4.0vw;
        margin-top: 0vw;
    }

    .botao_clicavel {
        min-width: 10vw;
        height: 4.0vw;
    }



    /* <!-- *******************************Box contendo redes sociais********************************* --> */

    .box_rede_social {
        margin: 6vw 0vw 6vw 0vw;
        gap:6vw;
    }


    /* <!-- *******************************Box contendo contatos********************************* --> */
    .box_contatos {
        margin: 6vw 0vw 6vw 0vw;
    }

    .botao_contato {
        min-width: 25vw;
        height: 3vw;
    }

        .botao_contato i {
            margin-right: 1.5vw;
        }


    /* <!-- *******************************Box contendo outras informações********************************* --> */

    .capacidade_acomodacao,
    .capacidade_estabelecimento,
    .capacidade_restaurante {
        margin-top: 3vw;
    }

    .cabecalho_titulo {
        margin-top: 3vw;
    }

    .estrelas {
        margin-left: 0.5vw;
    }

    .horario_checkin_checkout i {
        margin-right: 0.5vw;
    }

    .horario_checkin_checkout {
        margin: 0vw 0vw 1vw 0vw;
    }

    .box_info_completo {
        width: 90%;
        margin: 2vw 0vw 0vw 5vw;
    }

}

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

    /* **************************************box que guarda o conteúdo de fotos (Pinterest)*/
    .container_informacoes {
        width: 90vw;
    }

    .box_conteudo_principal {
        width: 90vw;
    }

    .titulo_principal {
        width: 80vw;
    }

    .paragrafo_principal {
        margin-top: 1vw;
        width: 80vw;
    }

    .box_conteudo_principal img {
        width: 80vw;
        height: 40vw;
    }

    /* Box de texto delimitador */
    .box_texto_delimitador {
        width: 80vw;
    }

    .ajuste_del {
        margin: 5vw 0vw 0vw 0vw;
    }

    .ajuste_linha {
        height: 0vw;
    }
    /* <!-- *******************************Box contendo pdf********************************* --> */
    .baixar_pdf {
        width: 50vw;
    }

        .baixar_pdf i {
            margin-right: 1.0vw;
        }

    /* <!-- *******************************Box contendo horario funcionamento********************************* --> */

    .box_semana {
        margin: 4vw 0vw 0vw 0vw;
    }

    .box_dia {
        width: 70%;
    }

    /* <!-- *******************************Box contendo serviços********************************* --> */

    .seletor_bloco {
        width: 85%;
    }

    .tag_servico {
        min-width: 10vw;
        margin-bottom: 1vw;
    }

        .tag_servico i {
            margin-right: 1.0vw;
        }

    .tag_moeda {
        min-width: 10vw;
        margin-bottom: 1vw;
    }

    .destaque_simbolo {
        margin-right: 1.5vw;
    }

    /* <!-- *******************************Box contendo mapa de como chegar********************************* --> */

    .mapa {
        height: 40vw;
        width: 80vw;
        margin: 3vw 0vw 0vw 3vw;
    }

    .box_texto_endereco {
        margin: 5vw 0 0 3vw;
    }

    .endereco,
    .ponto_referencia,
    .transporte_publico {
        padding: 0em 1em 0em 1em;
    }


    /* <!-- *******************************Box contendo Links externos********************************* --> */

    .ajuste_link {
        margin-top: 5vw;
    }

    .ajuste_tag {
        height: 5.0vw;
        margin-top: 1vw;
    }

    .botao_clicavel {
        min-width: 10vw;
        height: 5.0vw;
    }



    /* <!-- *******************************Box contendo redes sociais********************************* --> */

    .box_rede_social {
        margin: 8vw 0vw 8vw 5vw;
        gap:7vw;
    }



    /* <!-- *******************************Box contendo contatos********************************* --> */
    .box_contatos {
        margin: 8vw 0vw 8vw 0vw;
        gap:1vw;
    }

    .botao_contato {
        min-width: 25vw;
        height: 3.8vw;
    }

        .botao_contato i {
            margin-right: 1.0vw;
        }

    /* <!-- *******************************Box contendo outras informações********************************* --> */

    .capacidade_acomodacao,
    .capacidade_estabelecimento,
    .capacidade_restaurante {
        margin-top: 1vw;
    }

    .cabecalho_titulo {
        margin-top: 1vw;
    }

    .estrelas {
        margin-left: 0.5vw;
    }

    .horario_checkin_checkout i {
        margin-right: 0.5vw;
    }

    .horario_checkin_checkout {
        margin: 0vw 0vw 1vw 0vw;
    }

    .box_info_completo {
        width: 90%;
        margin: 2vw 0vw 0vw 5vw;
    }


}

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


    /* **************************************box que guarda o conteúdo de fotos (Pinterest)*/
    .container_informacoes {
        width: 90vw;
    }

    .box_conteudo_principal {
        width: 90vw;
    }
    .titulo_principal {
        font-size:2.2em;
        margin-top: 0.5em;
        margin-bottom:0.5em;
        width: 90vw;

    }
    .paragrafo_principal {
        margin-top: 1vw;
        width: 80vw;
    }

    .box_conteudo_principal img {
        width: 90vw;
        height: 90vw;
    }

    /* Box de texto delimitador */
    .box_texto_delimitador {
        width: 80vw;
    }
    .ajuste_del {
        margin: 5vw 0vw 0vw 0vw;
    }
    .ajuste_linha{
        height:0vw;
    }
    /* <!-- *******************************Box contendo pdf********************************* --> */
    .baixar_pdf {
        width: 50vw;
    }

        .baixar_pdf i {
            margin-right: 1.5vw;
        }

    /* <!-- *******************************Box contendo horario funcionamento********************************* --> */

    .box_semana {
        margin: 8vw 0vw 0vw 0vw;
    }

    .box_dia {
        width: 99%;
        border-bottom: 0.1vw solid var(--cor_principal_transparencia);
    }


    /* <!-- *******************************Box contendo serviços********************************* --> */

    .seletor_bloco {
        width: 90%;
    }

    .tag_servico {
        min-width: 15vw;
        margin-bottom:1vw;
    }

        .tag_servico i {
            margin-right: 1.0vw;
        }

    .tag_moeda {
        min-width: 15vw;
        margin-bottom: 1vw;
    }

    .destaque_simbolo {
        margin-right: 1.5vw;
    }

    /* <!-- *******************************Box contendo mapa de como chegar********************************* --> */

    .mapa {
        height: 50vw;
        width: 80vw;
        margin: 3vw 0vw 0vw 3vw;
    }
    .endereco,
    .ponto_referencia,
    .transporte_publico {
        padding: 0em 1em 0em 1em;
    }

    /* <!-- *******************************Box contendo Links externos********************************* --> */

    .ajuste_link{
        margin-top:10vw;
    }

    .ajuste_tag {
        height: 7vw;
        margin-top: 1vw;
    }

    .botao_clicavel {
        min-width: 20vw;
        height: 7vw;
    }



    /* <!-- *******************************Box contendo redes sociais********************************* --> */

    .box_rede_social {
        margin: 5vw 0vw 0vw 5vw;
        gap:6vw
    }

    .instagram {
        font-size: 2em;

    }

    .facebook {
        font-size: 2em;

    }

    .tiktok {
        font-size: 2em;

    }

    .youtube {
        font-size: 2em;

    }

    .twitter {
        font-size: 2em;

    }

    /* <!-- *******************************Box contendo contatos********************************* --> */
    .box_contatos {
        margin: 10vw 0vw 10vw 0vw;
        gap: 1.0vw;
        font-size:0.7em;
    }

    .botao_contato {
        min-width: 27vw;
        height: 6vw;
    }

        .botao_contato i {
            margin-right: 1.5vw;
        }


    /* <!-- *******************************Box contendo outras informações********************************* --> */

    .capacidade_acomodacao,
    .capacidade_estabelecimento,
    .capacidade_restaurante {
        margin-top: 5vw;
    }

    .cabecalho_titulo {
        margin-top: 5vw;
    }


    .estrelas {
        margin-left: 0.5vw;
    }

    .horario_checkin_checkout i {
        margin-right: 0.5vw;
    }

    .horario_checkin_checkout {
        margin: 0vw 0vw 1vw 0vw;
    }

    .box_info_completo {
        width: 99%;
        font-size:0.8em;
        padding: 2vw 2vw 0vw 2vw;
    }

}