@charset "ISO-8859-1"; /*** Código que corrige a acentuação ***/
/* CSS Document */
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* :: CSS Reset :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
* { 
margin: 0; 
padding: 0; 
list-style: none; 
} 
hr { 
display: none; 
} 
img { 
border: none; 
}
html{
    scroll-behavior: smooth ;
}
    @font-face {
    font-family: "OpenSans-Regular";
    src: url("OpenSans-Regular.ttf") format("truetype");
    }
    @font-face {
    font-family: "OpenSans-Bold";
    src: url("OpenSans-Bold.ttf") format("truetype");
    }
    @font-face {
        font-family: "OpenSans-Light";
        src: url("OpenSans-Light.ttf") format("truetype");
}
h1,h2,h3,h4,h5,h6{
    margin-bottom: 20px;
    font-family: "OpenSans-Bold";
    font-size: 36px;
    color: #999999;
    text-align: center;
    max-width: 1200px;
}
.secao-1{
    width: 100%;
    height: 198px;
    background-image: url(img/fundo_topo_geral.jpg);
}
/* ---------------- */
/* Começo topo home */
/* ---------------- */
.topo{
    max-width: 1200px;
    height: 198px;
    margin: 0 auto;
    position: relative;
}
.logotipo{
    width: 173px;
    height: 124px;
    position: absolute;
    top: 6px;
    left: 0px;
}
.creci{
    width: 106px;
    height: 28px;
    position: absolute;
    top: 0px;
    left: 206px;
    background-color: #1E87B8;
}
.texto_creci{
    font-family: "OpenSans-Regular";
    font-size: 16px;
    width: 106px;
    text-align: center;
    padding-top: 2px;
    color: #fff;
}
#nav{
    width: 540px;
    height: 30px;
    position: absolute;
    top: 37%;
    left: 60%;
    transform: translate(-50%, -50%);
}
#btn-mobile{
    display: none;
}
#menu{
padding: 0;
}
#menu li{
    display: inline;
}
#menu li a{
    font-family: "OpenSans-Regular";
    font-size: 20px;
    color: #333;
    text-decoration: none;
    padding: 10px;
    display: inline-block;
    transition: background .6s;
}
#menu li a:hover{
    font-family: "OpenSans-Regular";
    font-size: 20px;
    color: #333;
    padding: 10px;
    display: inline-block;
    background-color: #A8CF45;
    color: #fff;
}
.machadinho{
    width: 260px;
    height: 28px;
    position: absolute;
    top: 160px;
    left: 0px;
}
.local{
    font-family: "OpenSans-Light";
    font-size: 20px;
    color: #fff;
}
.telefones{
    width: 525px;
    height: 28px;
    position: absolute;
    top: 160px;
    right: 0px;
}
.tel{
    font-family: "OpenSans-Light";
    font-size: 20px;
    color: #fff;
    text-align: right;
}
.face{
    width: 37px;
    height: 38px;
    position: absolute;
    top: 3px;
    right: 0px;
}
.face img:hover{
    filter: grayscale(100%) contrast(200%);
    transition: filter .5s;
}
.insta{
    width: 37px;
    height: 38px;
    position: absolute;
    top: 54px;
    right: 0px;
}
.insta img:hover{
    filter: grayscale(100%) contrast(200%);
    transition: filter .5s;
}
.whats{
    width: 37px;
    height: 38px;
    position: absolute;
    top: 105px;
    right: 0px;
}
.whats img:hover{
    filter: grayscale(100%) contrast(200%);
    transition: filter .5s;
}
/* ---------------- */
/* -Fim topo home-- */
/* ---------------- */
.secao-2{
    width: 100%;
    height: 359px;
    background-image: url(img/banner_home.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
}
.banner{
    max-width: 1200px;
    height: 292px;
    margin: 0 auto;
    position: relative;
}
.mao_casa{
    width: 260px;
    height: 358px;
    position: absolute;
    top: 28px;
    left: 270px;
}
.vai_alugar{
    font-family: "OpenSans-Bold";
    font-size: 40px;
    color: #A7CE45;
    padding: 0;
    width: 450px;
    height: 52px;
    position: absolute;
    top: 100px;
    left: 538px;
}
.texto_banner{
    font-family: "OpenSans-Regular";
    font-size: 24px;
    color: #fff;
    width: 450px;
    position: absolute;
    top: 174px;
    left: 548px;
}
.secao-3{
    width: 100%; 
    place-items: center;
}
.tit_bem_vindo{
    font-family: "OpenSans-bold";
    font-size: 36px;
    color: #999;
}
p.bemvindo{
    font-family: "OpenSans-Regular";
    font-size: 20px;
    color: #333;
    max-width: 1200px;
    text-align: center;
}
.secao-4{
    width: 100%;
    height: 278px;
    background-image: url(img/imovel_rural.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    display: grid;
    place-items: center;
}
h1.titulo_rural{
    font-family: "OpenSans-Bold";
    font-size: 28px;
    color: #fff;
    max-width: 1200px;
    text-align: center;
    margin-bottom: 0px;text-shadow: 2px 2px 5px black;
}
h1.titulo_rural span{
    font-family: "OpenSans-Bold";
    font-size: 20px;
    color: #fff;
    max-width: 1200px;
    text-align: center;
    padding-top: 0px;
}
.secao-5{
    width: 100%; 
    place-items: center;
}
.tit_avaliacao{
    font-family: "OpenSans-Bold";
    font-size:36px;
    color: #999;
    max-width: 1200px;
    text-align: center;
}
p.avaliacao{
    font-family: "OpenSans-Regular";
    font-size: 20px;
    color: #333;
    max-width: 1200px;
    text-align: center;
}
.secao-6{
    width: 100%;
    background-color: #999999;
}
.titulo_destaque{
    max-width: 1200px;
    height: 70px;
    margin: 0 auto;
}
.imo_des{
    font-family: "OpenSans-Bold";
    font-size: 30px;
    color: #fff;
    text-align: center;
    padding-top: 15px;;
}
.flex{
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
}
.flex .box_geral{
    width: 283px;
    height: 480px;
    background-color: #fff;
    border-radius: 15px;
    border: 1px solid #333;
    position: relative;
}
.link_destaque{
    max-width: 1200px;
    height: 70px;
    margin: 0 auto;
}
.lim_des{
    font-family: "OpenSans-Bold";
    font-size: 20px;
    color: #fff;
    text-align: center;
    padding-top: 20px;
}
.lim_des a{
    font-family: "OpenSans-Bold";
    font-size: 20px;
    color: #fff;
    text-decoration: none;
}
.lim_des a:hover{
    font-family: "OpenSans-Bold";
    font-size: 20px;
    color: #000;
    text-decoration: unone;
}
.box_foto{
    width: 263px;
    height: 178px;
    margin: 11px auto;
    border-radius: 10px;
}
#img_redonda{
    width: 263px;
    height: 178px;
    border-radius: 10px;
}
.box_legenda{
    width: 263px;
    height: 35px;
    background-color: #1E87B8;
    margin: 0 auto;
}
.legenda_box{
    font-family: "OpenSans-Bold";
    font-size: 24px;
    color: #fff;
    text-align: center;
}
.box_detalhes{
    width: 263px;
    height: 120px;
    margin: 13px auto;
}
.detalhes_box{
    font-family: "OpenSans-Regular";
    font-size: 16px;
    color: #333;
}
.box_preco{
    width: 263px;
    height: 40px;
    margin: 0 auto;
}
.preco_box{
    font-family: "OpenSans-Bold";
    font-size: 30px;
    color: #156488;
    text-align: center;
}
.box_btn_informacoes{
    width: 263px;
    height: 34px;
    position: absolute;
    bottom: 15px;
    left: 12px;
}
.info_box{
    font-family: "OpenSans-Bold";
    font-size: 20px;
    color: #fff;
    text-align: center;
}
.info_box a{
    font-family: "OpenSans-Bold";
    font-size: 20px;
    color: #fff;
    width: 263px;
    height: 34px;
    display: block;
    background-color: #7E7E7E;
    padding-top: 3px;
    text-decoration: none;
    border-radius: 10px;
}
.info_box a:hover{
    font-family: "OpenSans-Bold";
    font-size: 20px;
    color: #fff;
    background-color: #A7CE45;
    padding-top: 3px;
}
.secao-7{
    width: 100%;
}
.topo_juridico{
    max-width: 1200px;
    height: 80px;
    margin: 0 auto;
}
.cabecalho_juridico{
    font-family: "OpenSans-Bold";
    font-size: 30px;
    color: #333;
    padding-top: 30px;
}
.container_juridico{
    display: flex;
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    gap: 32px;
    justify-content: center;
}
.box_juridico{
    width: 378px;
    height: 450px;
}
.foto_juridico{
    width: 378px;
    height: 243px;
}
.titulo_juridico{
    width: 378px;
    height: 50px;
}
.txt_tit_juridico{
    font-family: "OpenSans-Bold";
    font-size: 26px;
    color: #739225;
    padding-top: 10px;
}
.texto_juridico{
    font-family: "OpenSans-Regular";
    font-size: 20px;
    color: #333;
    padding-top: 10px;
}
.txt_texto_juridico{
    font-family: "OpenSans-Regular";
    font-size: 20px;
    color: #333;
    padding-top: 10px;
}
.base_juridico{
    max-width: 1200px;
    height: 10px;
    margin: 0 auto;
}
.secao-8{
    width: 100%;
    height: 233px;
    background-image: url(img/fundo_rodape_geral.jpg);
}
.rodape_geral{
    max-width: 1200px;
    height: 233px;
    margin: 0 auto;
    position: relative;
}
.copyright{
    max-width: 1200px;
    height: 49px;
}
.txt_copyright{
    font-family: "OpenSans-Regular";
    font-size: 14px;
    color: #fff;
    text-align: center;
    padding-top: 15px;
}
.creci_rodape{
    width: 189px;
    height: 48px;
    background-image: url(img/fundo_creci_rodape.jpg);
    margin: 0 auto;
}
.txt_creci_rodape{
    font-family: "OpenSans-Regular";
    font-size: 30px;
    color: #fff;
    text-align: center;
    padding-top: 5px;
}
.icone_local{
    width: 28px;
    height: 39px;
    position: absolute;
    top: 92px;
    left: 0px;
}
.caixa_local{
    width: 330px;
    height: 100px;
    position: absolute;
    top: 92px;
    left: 40px;
}
.txt_local{
    font-family: "OpenSans-Regular";
    font-size: 19px;
    color: #000;
}
.icones_telefones{
    width: 23px;
    height: 87px;
    position: absolute;
    top: 92px;
    right: 330px;
}
.txt_telefone_rodape{
    width: 154px;
    height: 23px;
    position: absolute;
    top: 90px;
    right: 170px;
}
.txt_whats1_rodape{
    width: 154px;
    height: 23px;
    position: absolute;
    top: 123px;
    right: 170px;
}
.txt_whats2_rodape{
    width: 154px;
    height: 23px;
    position: absolute;
    top: 155px;
    right: 170px;
}
.txt_tels{
    font-family: "OpenSans-Bold";
    font-size: 16px;
    color: #000;
}
.logo_olhar{
    width: 73px;
    height: 56px;
    position: absolute;
    top: 49px;
    right: 3px;
}
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* :: TABLET :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
@media screen and (min-width:581px) and (max-width:979px){
    /* ---------------- */
    /* Começo topo home */
    /* ---------------- */
    .topo{
        max-width: 581px;
        height: 198px;
        margin: 0 auto;
        position: relative;
    }
    .logotipo{
        width: 151px;
        height: 108px;
        position: absolute;
        top: 6px;
        left: 0px;
    }
    .logotipo img{
        width: 151px;
        height: 108px;
    }
    .creci{
        width: 106px;
        height: 28px;
        position: absolute;
        top: 0px;
        left: 189px;
        background-color: #1E87B8;
    }
    #nav{
        width: 460px;
        height: 30px;
        top: 53%;
        right: 20%;
        transform: translate(-37%, -50%);
    }
    #menu{
        padding: 0;
    }
    #menu li{
        display: inline;
    }
    #menu li a{
        font-family: "OpenSans-Regular";
        font-size: 14px;
        color: #333;
        text-decoration: none;
        padding: 10px;
        display: inline-block;
        transition: background .6s;
    }
    #menu li a:hover{
        font-family: "OpenSans-Regular";
        font-size: 14px;
        color: #333;
        padding: 10px;
        display: inline-block;
        background-color: #739225;
        color: #fff;
    }
    .machadinho{
        width: 180px;
        height: 28px;
        position: absolute;
        top: 165px;
        left: 0px;
    }
    .local{
        font-family: "OpenSans-Light";
        font-size: 14px;
        color: #fff;
    }
    .telefones{
        width: 360px;
        height: 28px;
        position: absolute;
        top: 165px;
        right: 0px;
    }
    .tel{
        font-family: "OpenSans-Light";
        font-size: 14px;
        color: #fff;
        text-align: right;
    }
    .face{
        width: 32px;
        height: 32px;
        position: absolute;
        top: 28px;
        right: 80px;
    }
    .face img{
        width: 32px;
        height: 32px;
    }
    .face img:hover{
        filter: grayscale(100%) contrast(200%);
        transition: filter .5s;
    }
    .insta{
        width: 32px;
        height: 32px;
        position: absolute;
        top: 28px;
        right: 40px;
    }
    .insta img{
        width: 32px;
        height: 32px;
    }
    .insta img:hover{
        filter: grayscale(100%) contrast(200%);
        transition: filter .5s;
    }
    .whats{
        width: 32px;
        height: 32px;
        position: absolute;
        top: 28px;
        right: 0px;
    }
    .whats img{
        width: 32px;
        height: 32px;
    }
    .whats img:hover{
        filter: grayscale(100%) contrast(200%);
        transition: filter .5s;
    }
    /* ------------- */
    /* FIM topo home */
    /* ------------- */
    .banner{
        max-width: 581px;
        height: 292px;
        margin: 0 auto;
        position: relative;
    }
    .banner_conteudo{
        max-width: 581px;
        height: 40px;
        margin: 0 auto;
        position: relative;
    }
    .mao_casa{
        width: 186px;
        height: 200px;
        position: absolute;
        top: 70px;
        left: 24px;
    }
    .mao_casa img{
        width: 186px;
        height: 200px;
    }
    .vai_alugar{
        font-family: "OpenSans-Bold";
        font-size: 30px;
        color: #A7CE45;
        padding: 0;
        width: 333px;
        height: 52px;
        position: absolute;
        top: 100px;
        left: 218px;
    }
    .texto_banner{
        font-family: "OpenSans-Regular";
        font-size: 18px;
        color: #fff;
        width: 333px;
        position: absolute;
        top: 174px;
        left: 222px;
    }
    .tit_bem_vindo{
        font-family: "OpenSans-bold";
        font-size: 28px;
        color: #999;
    }
    p.bemvindo{
        font-family: "OpenSans-Regular";
        font-size: 16px;
        color: #333;
        max-width: 581px;
        text-align: center;
    }
    h1.titulo_rural{
        font-family: "OpenSans-Bold";
        font-size: 24px;
        color: #fff;
        max-width: 480px;
        text-align: center;
        margin-bottom: 0px;text-shadow: 2px 2px 5px black;
    }
    h1.titulo_rural span{
        font-family: "OpenSans-Bold";
        font-size: 18px;
        color: #fff;
        max-width: 1200px;
        text-align: center;
        padding-top: 0px;
    }
    .tit_avaliacao{
        font-family: "OpenSans-Bold";
        font-size:30px;
        color: #999;
        max-width: 581px;
        text-align: center;
    }
    p.avaliacao{
        font-family: "OpenSans-Regular";
        font-size: 16px;
        color: #333;
        max-width: 581px;
        text-align: center;
    }
    .titulo_destaque{
        max-width: 581px;
        height: 70px;
        margin: 0 auto;
    }
    .imo_des{
        font-family: "OpenSans-Bold";
        font-size: 30px;
        color: #fff;
        text-align: center;
        padding-top: 15px;;
    }
    .topo_juridico{
        max-width: 581px;
        height: 80px;
        margin: 0 auto;
    }
    .cabecalho_juridico{
        font-family: "OpenSans-Bold";
        font-size: 30px;
        color: #999;
        padding-top: 30px;
    }
    /* ------------- */
    /* RODAPE TABLET */
    /* ------------- */
    .secao-8{
        width: 100%;
        height: 240px;
        background-image: url(img/fundo_rodape_geral.jpg);
    }
    .rodape_geral{
        max-width: 581px;
        height: 240px;
        margin: 0 auto;
        position: relative;
    }
    .copyright{
        max-width: 581px;
        height: 49px;
    }
    .txt_copyright{
        font-family: "OpenSans-Regular";
        font-size: 12px;
        color: #fff;
        text-align: center;
        padding-top: 10px;
    }
    .creci_rodape{
        width: 160px;
        height: 48px;
        background-image: url(img/fundo_creci_rodape.jpg);
        margin: 0 auto;
    }
    .txt_creci_rodape{
        font-family: "OpenSans-Regular";
        font-size: 24px;
        color: #fff;
        text-align: center;
        padding-top: 5px;
    }
    .icone_local{
        width: 28px;
        height: 39px;
        position: absolute;
        top: 120px;
        left: 0px;
    }
    .caixa_local{
        width: 330px;
        height: 100px;
        position: absolute;
        top: 120px;
        left: 40px;
    }
    .txt_local{
        font-family: "OpenSans-Regular";
        font-size: 16px;
        color: #000;
    }
    .icones_telefones{
        width: 23px;
        height: 87px;
        position: absolute;
        top: 120px;
        right: 170px;
    }
    .txt_telefone_rodape{
        width: 154px;
        height: 23px;
        position: absolute;
        top: 117px;
        right: 14px;
    }
    .txt_whats1_rodape{
        width: 154px;
        height: 23px;
        position: absolute;
        top: 150px;
        right: 14px;
    }
    .txt_whats2_rodape{
        width: 154px;
        height: 23px;
        position: absolute;
        top: 183px;
        right: 14px;
    }
    .txt_tels{
        font-family: "OpenSans-Bold";
        font-size: 16px;
        color: #000;
    }
    .logo_olhar{
        width: 73px;
        height: 56px;
        position: absolute;
        top: 49px;
        right: 3px;
    }
}
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* :: CELULAR ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
@media (max-width:580px){
    /* ---------------- */
    /* Começo topo home */
    /* ---------------- */
    .secao-1{
        width: 100%;
        height: 331px;
        background-image: url(img/fundo_topo_celular.jpg);
    }
    .topo{
        max-width: 345px;
        height: 331px;
        margin: 0 auto;
        position: relative;
    }
    .logotipo{
        width: 195px;
        height: 139px;
        position: absolute;
        top: 54px;
        left: 70px;
    }
    .logotipo img{
        width: 195px;
        height: 139px;
    }
    .creci{
        width: 102px;
        height: 28px;
        position: absolute;
        top: 0px;
        left: 0px;
        background-color: #1E87B8;
    }
    #nav{
        width: 345px;
        height: 30px;
        position: absolute;
        top: 25px;
        left: 50%;
        z-index: 1000;
    }
    #menu{
        padding: 0;
        display: block;
        position: absolute;
        width: 100%;
        height: 0px;
        transition: .6s;
        top: 39px;
        right: 0px;
        background: #D9EAAC;
        visibility: hidden;
        overflow-y: hidden;
        border-top: 2px solid #999;
    }
    #nav.active #menu{
        width: 100%;
        height: 245px;
        visibility: visible;
    }
    #menu li{
        display: block;
    }
    #menu li a{
        font-family: "OpenSans-Regular";
        font-size: 20px;
        color: #333;
        text-decoration: none;
        padding: 10px;
        display: block;
        transition: background .6s;
        border-bottom: 2px solid #999;
    }
    #menu li a:hover{
        font-family: "OpenSans-Regular";
        font-size: 20px;
        color: #333;
        padding: 10px;
        display: block;
        background-color: #739225;
        color: #fff;
    }
    #btn-mobile{
        display: flex;
        position: absolute;
        top: 5px;
        right: 5px;
        font-size: 1rem;
        border: none;
        background: none;
        cursor: pointer;
        gap: .5rem;
    }
    #hamburger{
        width: 20px;
        border-top: 2px solid;
        display: block;
    }
    #hamburger::after, #hamburger::before{
        content: '';
        display: block;
        width: 20px;
        height: 2px;
        background: currentColor;
        margin-top: 5px;
        transition: .3s;
        position: relative;
    }
    #nav.active #hamburger{
        border-top-color: transparent;
    }
    #nav.active #hamburger::before{
        transform: rotate(135deg);
    }
    #nav.active #hamburger::after{
        transform: rotate(-135deg);
        top: -7px;
    }
    .machadinho{
        width: 345px;
        height: 28px;
        position: absolute;
        top: 200px;
        left: 0px;
    }
    .local{
        font-family: "OpenSans-Regular";
        text-align: center;
        font-size: 20px;
        color: #333;
    }
    .telefones{
        width: 360px;
        height: 28px;
        position: absolute;
        top: 296px;
        right: 0px;
    }
    .tel{
        font-family: "OpenSans-Regular";
        font-size: 13px;
        color: #fff;
        text-align: center;
    }
    .face{
        width: 32px;
        height: 32px;
        position: absolute;
        top: 244px;
        left: 113px;
    }
    .face img{
        width: 32px;
        height: 32px;
    }
    .face img:hover{
        filter: grayscale(100%) contrast(200%);
        transition: filter .5s;
    }
    .insta{
        width: 32px;
        height: 32px;
        position: absolute;
        top: 244px;
        left: 152px;
    }
    .insta img{
        width: 32px;
        height: 32px;
    }
    .insta img:hover{
        filter: grayscale(100%) contrast(200%);
        transition: filter .5s;
    }
    .whats{
        width: 32px;
        height: 32px;
        position: absolute;
        top: 244px;
        left: 191px;
    }
    .whats img{
        width: 32px;
        height: 32px;
    }
    .whats img:hover{
        filter: grayscale(100%) contrast(200%);
        transition: filter .5s;
    }
    /* ------------- */
    /* FIM topo home */
    /* ------------- */
    .banner{
        max-width: 345px;
        height: 292px;
        margin: 0 auto;
        position: relative;
    } 
    .banner_conteudo{
        max-width: 345px;
        height: 40px;
        margin: 0 auto;
        position: relative;
    }
    .mao_casa{
        width: 165px;
        height: 185px;
        position: absolute;
        top: 28px;
        left: 10px;
    }
    .mao_casa img{
        width: 165px;
        height: 185px;
    }
    .vai_alugar{
        font-family: "OpenSans-Bold";
        font-size: 26px;
        text-align: left;
        color: #A7CE45;
        padding: 0;
        width: 160px;
        height: 52px;
        position: absolute;
        top: 100px;
        left: 186px;
    }
    .texto_banner{
        font-family: "OpenSans-Regular";
        font-size: 18px;
        text-align: center;
        color: #fff;
        width: 345px;
        position: absolute;
        top: 240px;
        left: 0px;
    }
    .tit_bem_vindo{
        font-family: "OpenSans-bold";
        font-size: 19px;
        color: #999;
    }
    p.bemvindo{
        font-family: "OpenSans-Regular";
        font-size: 16px;
        color: #333;
        max-width: 345px;
        text-align: center;
    }
    h1.titulo_rural{
        font-family: "OpenSans-Bold";
        font-size: 18px;
        color: #fff;
        max-width: 345px;
        text-align: center;
        margin-bottom: 0px;text-shadow: 2px 2px 5px black;
    }
    h1.titulo_rural span{
        font-family: "OpenSans-Bold";
        font-size: 18px;
        color: #fff;
        max-width: 345px;
        text-align: center;
        padding-top: 0px;
    }.tit_avaliacao{
        font-family: "OpenSans-Bold";
        font-size:26px;
        color: #999;
        max-width: 345px;
        text-align: center;
    }
    p.avaliacao{
        font-family: "OpenSans-Regular";
        font-size: 18px;
        color: #333;
        max-width: 345px;
        text-align: center;
    }
    .titulo_destaque{
        max-width: 345px;
        height: 70px;
        margin: 0 auto;
    }
    .imo_des{
        font-family: "OpenSans-Bold";
        font-size: 24px;
        color: #fff;
        text-align: center;
        padding-top: 15px;;
    }
    .lim_des{
        font-family: "OpenSans-Bold";
        font-size: 18px;
        color: #fff;
        text-align: center;
        padding-top: 20px;
    }
    .lim_des a{
        font-family: "OpenSans-Bold";
        font-size: 18px;
        color: #fff;
        text-decoration: none;
    }
    .lim_des a:hover{
        font-family: "OpenSans-Bold";
        font-size: 18px;
        color: #000;
        text-decoration: unone;
    }
    .topo_juridico{
        max-width: 345px;
        height: 80px;
        margin: 0 auto;
    }
    .cabecalho_juridico{
        font-family: "OpenSans-Bold";
        font-size: 24px;
        color: #333;
        padding-top: 30px;
    }
    .container_juridico{
        display: flex;
        max-width: 345px;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        justify-content: center;
    }
    .box_juridico{
        width: 345px;
        height: 450px;
    }
    .foto_juridico{
        margin: 0 auto;
        width: 345px;
        height: 222px;
    }
    .foto_juridico img{
        width: 345px;
        height: 222px;
    }
    .titulo_juridico{
        width: 378px;
        height: 50px;
    }
    .txt_tit_juridico{
        font-family: "OpenSans-Bold";
        font-size: 26px;
        color: #739225;
        padding-top: 10px;
    }
    .texto_juridico{
        font-family: "OpenSans-Regular";
        font-size: 20px;
        color: #333;
        padding-top: 10px;
    }
    .txt_texto_juridico{
        font-family: "OpenSans-Regular";
        font-size: 20px;
        color: #333;
        padding-top: 10px;
    }
    .base_juridico{
        max-width: 345px;
        height: 10px;
        margin: 0 auto;
    }
    /* --------------------- */
    /* Começo Rodapé Celular */
    /* --------------------- */
    .secao-8{
        width: 100%;
        height: 496px;
        background-image: url(img/fundo_rodape_geral_celular.jpg);
    }
    .rodape_geral{
        max-width: 345px;
        height: 496px;
        margin: 0 auto;
        position: relative;
    }
    .copyright{
        max-width: 345px;
        height: 49px;
    }
    .txt_copyright{
        font-family: "OpenSans-Regular";
        font-size: 14px;
        color: #fff;
        text-align: center;
        padding-top: 8px;
    }
    .creci_rodape{
        width: 189px;
        height: 48px;
        background-image: url(img/fundo_creci_rodape.jpg);
        position: absolute;
        bottom: 0px;
        left: 85px;
    }
    .txt_creci_rodape{
        font-family: "OpenSans-Regular";
        font-size: 30px;
        color: #fff;
        text-align: center;
        padding-top: 5px;
    }
    .icone_local{
        width: 28px;
        height: 39px;
        position: absolute;
        top: 220px;
        left: 160px;
    }
    .caixa_local{
        width: 345px;
        height: 100px;
        position: absolute;
        top: 260px;
        left: 0px;
    }
    .txt_local{
        font-family: "OpenSans-Regular";
        text-align: center;
        font-size: 18px;
        color: #000;
    }
    .icones_telefones{
        width: 23px;
        height: 87px;
        position: absolute;
        top: 92px;
        right: 330px;
    }
    .txt_telefone_rodape{
        width: 154px;
        height: 23px;
        position: absolute;
        top: 90px;
        right: 170px;
    }
    .txt_whats1_rodape{
        width: 154px;
        height: 23px;
        position: absolute;
        top: 123px;
        right: 170px;
    }
    .txt_whats2_rodape{
        width: 154px;
        height: 23px;
        position: absolute;
        top: 155px;
        right: 170px;
    }
    .txt_tels{
        font-family: "OpenSans-Bold";
        font-size: 16px;
        color: #000;
    }
    .logo_olhar{
        width: 73px;
        height: 56px;
        position: absolute;
        top: 49px;
        right: 3px;
    }
    /* ------------------ */
    /* Fim Rodapé Celular */
    /* ------------------ */
}