.link-button {

    display: flex;

    flex-direction: row;

    gap: 16px;

    align-items: center;

    padding: 16px;

    border-radius: 16px;

    text-decoration: none;

    font-size: 18px;

    font-weight: bold;

}



.link-button-green {

    background-color: #f9ffa0;

    color: #ffffff;

}



.link-button-blue {

    background-color: #3A0107;

    color: #60B458;

    border: 2px solid #60B458;

}



.link-button-green:hover {

    background-color: #44813e;

}





.link-button-whatsapp-green {

    background-color: #3A0107;

    color: #ffffff;

    border: 2px solid #ffffff;

}



.link-button-whatsapp-white {

    background-color: #ffffff;

    color: #3A0107;

    border: 2px solid #3A0107;

}



.link-button-whatsapp-icon {

    font-size: 48px !important;

}



.site-header-top {

    display: flex;

    flex-direction: row;

    justify-content: center;

    align-items: center;

    padding: 6px;

    background-color: #1f0003;

    color: #ffffff;

    font-size: 12px;

}



.site-header {

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    padding: 16px 24px 24px 24px;

    align-items: center;

    background-color: #3A0107;

    color: #ffffff;

}



.site-header > div > img {

    max-height: 120px;

}



.menu-icon {

    display: none;

}



.box-telefones {

    display: flex;

    flex-direction: row;

    align-items: center;

    gap: 32px; 

}



.box-telefones-item {

    display: flex;

    flex-direction: row;

    align-items: center;

    justify-content: center;

    gap: 16px;

    font-size: 22px;

    font-weight: bold;

}



.box-telefones-item > a {

    color: #ffffff;

    text-decoration: none;

}



.box-telefones-item-icon {

    color: #ffffff;

    font-size: 28px;

}



.site-menu {

    display: flex;

    flex-direction: row;

    align-items: center;

    background-color: #520e15;

    border-top: 1px solid #3A0107;

}



.site-menu-item {

    display: flex;

    padding: 12px 24px 12px 24px;

    align-items: center;

    justify-content: center;

    border-right: 1px solid #3A0107;

}



div.site-menu-item:hover {

    background-color: #681f26;

}



.site-menu-item > a {

    color: #ffffff;

    text-decoration: none;

    font-size: 18px;

}



.site-menu-item > a:active {

    color: #ffffff;

}



.site-container {

    display: flex;

    flex: 1;

    width: 100%;

    justify-content: center;

    padding: 24px;

    color: #ffff;

}



.site-container-primary {

    background-color: #3A0107;

}



.site-container-salmon {
    background-color: #f3d2cc;
}

.site-container-salmon-light {
    background-color: #fcedea;
}



.site-container-green {

    background-color: #60B458;

    color: #1C2847;

}



.site-container-gray {

    background-color: #eeeeee;

    color: #000000;

}



.site-content {
    display: flex;
    flex: 1;
    max-width: 1280px;
}

.site-content-column {
    display: flex;
    flex-direction: column;
    gap: 24px;
}


.site-content-medium {

    display: flex;

    flex: 1;

    max-width: 900px;

}



.site-content-conteudo-destaque {
    display: flex;
    flex-direction: column;
    padding: 16px 0 16px 0;
    color: #000000;
}



.site-content-quem-somos {
    display: flex;
    flex-direction: row;
    gap: 24px;
    padding: 24px 0 24px 0;
    color: #3A0107;
}

.site-content-quem-somos > div > img {
    max-width: 600px;
    height: auto;
    border: 1px solid #aaaaaa;
}

.content-quem-somos > h1 {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 16px;
}

.content-quem-somos >  p {
    font-size: 16px;
}



.content-quem-somos-buttons {

    margin-top: 36px;

    display: flex;

    flex-direction: row;

    gap: 16px;

}













.site-content-acomodacoes {

    display: flex;

    flex-direction: column;

    width: 100%;

    gap: 24px;

    padding: 8px 0 8px 0;

    text-align: center;

    color: #3A0107;

}



.site-content-acomodacoes > h1 {

    font-size: 42px;

    font-weight: bold;

    text-transform: uppercase;

}



.site-content-acomodacoes > p {

    font-size: 16px;

}





.site-content-acomodacoes-items {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;;
    margin-bottom: 16px;
    color: #3A0107;
    gap: 16px;
    justify-content: center;
}



.site-content-acomodacoes-item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    padding: 24px;
    border: 1px solid #aaaaaa;
    background-color: #ffffff;
}



.site-content-acomodacoes-item-info {

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    gap: 12px;

    width: 100%;

}



.site-content-acomodacoes-item-info-descricao {

    display: flex;

    flex-direction: column;

    text-align: left;

}



.site-content-acomodacoes-item-info-descricao > h2 {

    font-size: 24px;

    font-weight: bold;

}



.site-content-acomodacoes-item-info-descricao > span {

    font-size: 14px;

}



.site-content-acomodacoes-item-info-preco {

    display: flex;

    flex-direction: column;

    text-align: right;

    min-width: 110px;

}



.tarifa-normal {

    text-decoration: line-through;

    font-size: 16px;

}



.tarifa-com-desconto {

    font-size: 20px;

    font-weight: bold;

}



.site-content-acomodacoes-item {

    max-width: 480px;

}



.site-content-acomodacoes-item-foto > img {

    width: 100%;

}















.site-content-servicos {

    display: flex;

    flex-direction: column;

    width: 100%;

    gap: 24px;

    padding: 8px 0 8px 0;

    text-align: center;

    color: #000000;

}



.site-content-servicos > h1 {

    color: #000000;

    font-size: 48px;

    font-weight: bold;

    text-transform: uppercase;

}



.site-content-servicos > p {

    font-size: 16px;

}





.site-content-servicos-items {

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    gap: 16px;

    justify-content: center;

}



.site-content-servicos-item {

    display: flex;

    flex-direction: column;

    gap:12px;

    max-width: 180px;

    text-align: center;

    border: 1px solid #ececec;

    background-color: #fcfcfc;

    border-radius: 16px;

    padding: 24px;

}



.site-content-servicos-item > span {

    font-size: 16px;

    font-weight: bold;

}



.site-content-servicos-item > img {

    max-width: 140px;

}





.site-content-servicos-item {



}











.site-content-psicologia {

    display: flex;

    flex-direction: column;

    width: 100%;

    gap: 24px;

    padding: 8px 0 8px 0;

    text-align: center;

    color: #ffffff;

}



.site-content-psicologia > h1 {

    font-size: 42px;

    font-weight: bold;

    text-transform: uppercase;

}



.site-content-psicologia > p {

    font-size: 16px;

}





.site-content-psicologia-items {

    border: 1px solid #ececec;

    background-color: #dee4f8;

    border-radius: 16px;

    padding: 24px 32px 24px 32px;

    margin-bottom: 16px;

    color: #3A0107;

}



.site-content-psicologia-item {

    display: flex;

    flex-direction: row;

    align-items: flex-start;

    text-align: left;

    gap: 8px;

    margin-bottom: 4px;

}



.psicologia-item-icon {

    font-size: 20px;

    color: #60B458;

    margin-top: 2px;

}























.site-content-clientes {

    display: flex;

    flex-direction: column;

    width: 100%;

    gap: 24px;

    padding: 8px 0 36px 0;

    text-align: center;

    color: #000000;

    text-align: center;

}



.site-content-clientes > h1 {

    font-size: 42px;

    font-weight: bold;

    text-transform: uppercase;

    color: #3A0107;

}



.site-content-clientes > p {

    font-size: 16px;

}



.site-content-clientes-items {

    width: 100%;

}



.site-content-clientes-items > img {

    max-width: 250px;

    align-items: center;

    justify-content: center;

    margin: 8px;

}













.site-content-contato {

    display: flex;

    flex-direction: column;

    width: 100%;

    gap: 24px;

    padding: 8px 0 8px 0;

    text-align: center;

    color: #000000;

    text-align: center;

}



.site-content-contato > h1 {

    font-size: 42px;

    font-weight: bold;

    text-transform: uppercase;

}



.site-content-contato > p {

    font-size: 16px;

}



.site-content-contato-frames {

    display: flex;

    flex-direction: row;

    gap: 24px;

    text-align: left;

}



.site-content-contato-item {

    display: flex;

    flex-direction: row;

    gap: 16px;

    font-size: 20px;

    font-weight: 500;

    margin-bottom: 18px;

}



.site-content-contato-item > a {

    color: #000000;

    text-decoration: none;

}



.contato-item-icon {

    font-size: 24px;

    color: #3A0107;

    margin-top: 6px;

}









.site-content-footer {

    width: 100%;

    text-align: center;

    color: #ffffff;

}



.site-content-footer > p > a {

    color: #ffffff;

    text-decoration: none;

    font-weight: bold;

}















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



    .site-header {

        flex-direction: column;

    }



    .site-header-logo-com-menu {

        display: flex;

        flex-direction: row;

        width: 100%;

        justify-content: space-between;

        align-items: center;

        margin-bottom: 16px;

    }



    .site-menu {

        flex-direction: column;

        display: none;

    }



    .site-menu-item {

        flex: 1;

        width: 100%;

        border-bottom: 1px solid #3A0107;

        border-right: none;

    }



    .menu-icon {

        color: #ffffff;

        font-size: 48px;

        display: inline;

    }



    .box-telefones-item {

        gap: 8px;

        font-weight: normal;

    }



    .site-content-quem-somos {

        padding-top: 0;

    }



    .site-content-contato-frames {

        display: flex;

        flex-direction: column;

        text-align: center;

    }



    .site-content-contato-item {

        flex-direction: column;

        gap: 8px;

    }



    .site-content-acomodacoes-item {

        align-items: flex-start;

        gap: 16px;

        margin-bottom: 16px;

    }

    

    .acomodacoes-item-icon {

        font-size: 40px;

    }



    .site-content-quem-somos > div > img {

        max-width: 400px;

    }



    .site-content-acomodacoes-item {

        max-width: 360px;

    }

}



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



    .box-telefones-item {

        font-size: 16px;

    }

    

    .box-telefones-item-icon {

        font-size: 20px;

    }



    .site-content-quem-somos {

        flex-direction: column;

        text-align: center;

        padding-bottom: 36px;

    }



    .site-content-quem-somos > div > p {

        text-align: justify;

    }



    .servicos-items-icon {

        display: none;

    }



    .site-content-acomodacoes > h1 {

        font-size: 32px;

    }



    .content-quem-somos-buttons {

        flex-direction: column;

    }



    .site-content-quem-somos > div > img {

        width: 100%;

        max-width: 100%;

    }



    .site-content-acomodacoes-item {

        max-width: 320px;

    }

}



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

    .site-header > div > img {

        max-height: 105px;

    }



    .site-content-acomodacoes-item {

        max-width: 440px;

    }

}



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



    .site-content-servicos-item {

        max-width: 140px;

        padding: 12px;

    }

    

    .site-content-servicos-item > span {

        font-size: 12px;

        font-weight: bold;

    }



}



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



    .site-header > div > img {

        max-height: 95px;

    }



    .box-telefones {

        justify-content: space-between;

    }



    .box-telefones-item {

        font-size: 13px;

    }

    

    .box-telefones-item-icon {

        font-size: 16px;

    }



    .site-content-acomodacoes-item {

        max-width: 360px;

    }



}