/*********************************************************/
/*CSS MODE - MRPNET 2025
/*********************************************************/
/*CORES*/
:root {
  --cor_1: #1E1E1E;
  --cor_2: #F0A72E;
  --cor_3: #555;
}
/*********************************************************/
.botao {padding: 10px 30px; color: #fff; background-color: var(--cor_1); border-radius: 10px; font-weight: 500; text-transform: uppercase; cursor: pointer;}
.botao:hover {background-color: var(--cor_2);} 

.mgt5 {margin-top: 5px;}

h1 {font-family: var(--font_s);}
/*********************************************************/
/*HEADER DO SITE*/
header {width: 100%; position: absolute; padding: 10px 0; z-index: 1000;}
header .content {display: flex; align-items: center; justify-content: space-between;}
header .logo {width: 220px; height: 200px;}
header .menu {margin-top: -60px;}
header .social {margin-top: -60px;}
header .social li {display: inline-block; font-size: 1.4em; color: #fff; margin: 0 10px;}
header .social li:hover {color: var(--cor_2);}
/*********************************************************/
.overlay { position: absolute; width: 100%; height: 800px; background: rgba(0, 0, 0, 0.6); top: 0; left: 0;  z-index: 1;}
/*********************************************************/
.rodape {background: var(--cor_1); color: #fff; padding: 40px 0;}
.rodape .cols {display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 30px;}
.rodape .logo {width: 140px; height: 130px; margin: 0 auto 20px auto;}

.rodape h4 {font-size: 1.1em; margin-bottom: 10px; color: var(--cor_2);}
.rodape ul {display: grid; gap: 8px;}
.rodape a {color: #fff; text-decoration: none;}
.rodape a:hover {color: var(--cor_2);}

.rodape .infos {text-align: center; width: 100%; padding-top: 10px;}
.rodape .infos li {font-size: 0.9em;}

.rodape .social {display: flex; gap: 12px; margin-top: 10px; width: 100%; justify-content: center;}
.rodape .social li {display: inline-block; font-size: 1.3em; color: #fff;}
.rodape .social li:hover {color: var(--cor_2);}

.rodape .fim {border-top: 1px solid rgba(255,255,255,.1); padding-top: 20px; text-align: center;} 
.rodape .fim p {font-size: 0.8em;}
/*********************************************************/
.destaque {width: 100%; display: table; padding: 180px 0 40px 0; background-color: #f9f9f9; margin-top: -120px;}
.destaque h1 {color: var(--cor_2); font-size: 1.6em; padding-top: 60px;}
.destaque h2 {color: var(--cor_1); font-size: 1.1em;}
.destaque .dados {width: 100%; padding-top: 20px; text-align: center; display: flex; align-items: center; justify-content: center; gap: 30px; margin-bottom: 40px;}
.destaque .dados li {color: var(--cor_1);}
.destaque .dados i {color: var(--cor_2); margin-right: 5px;}
.destaque .quadro {width: 35%; float: left; margin: 40px 0; text-align: center;}
.destaque .imagem {width: 55%; float: right; height: 400px; border: 5px solid var(--cor_3); border-radius: 10px;}
.destaque .txt {display: flex; justify-content: center; padding-top: 20px; color: var(--cor_1); font-size: 0.9em;}
/*********************************************************/
.busca {width: 100%; position: relative; z-index: 2; margin-top: -80px;}
.busca h1 {font-size: 1.4em; text-align: center; margin-bottom: 20px; color: var(--cor_1);}

.busca .quadro {padding: 20px; border-radius: 20px; background-color: #fff;}
.busca ul {display: flex; justify-content: center; gap: 15px;}
.busca .inputsel {padding: 15px; border-radius: 10px; border: 1px solid #dfdfdf; min-width: 240px; color: var(--cor_1); font-family: var(--font_p);}
/*********************************************************/
.imoveis {width: 100%; padding: 60px 0 80px 0;}
.lista-imoveis {display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px;}
.card-imovel {background: #fff; border-radius: 16px; overflow: hidden; box-shadow: 0 8px 20px rgba(0,0,0,0.08); transition: transform .3s ease, box-shadow .3s ease;}
.card-imovel:hover {transform: translateY(-6px); box-shadow: 0 12px 28px rgba(0,0,0,0.12);}

.card-imovel .img {position: relative; aspect-ratio: 16/10; overflow: hidden;}
.card-imovel .img img {width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease;}
.card-imovel:hover .img img {transform: scale(1.06);}

.card-imovel .tag {position: absolute; left: 15px; top: 15px; background: var(--cor_2); color: #fff; padding: 6px 10px; border-radius: 8px; font-weight: 500; font-size: .8em;}

.card-imovel .info {padding: 20px; position: relative; min-height: 180px;}
.card-imovel .info h3 {font-size: 1em; color: var(--cor_1); margin-bottom: 10px; font-weight: 800; font-family: var(--font_s); text-align: center;}
.card-imovel .info a:hover {color: var(--cor_2);}

.card-imovel .txt {width: 100%; text-align: center;}
.card-imovel .txt li {display: inline-block; font-size: 0.8em; color: var(--cor_3);}

.card-imovel .valor {color: var(--cor_1); font-weight: 500; margin-bottom: 10px; font-size: 1.4em; text-align: center;}

.card-imovel .dados {display: flex; gap: 20px; justify-content: center; position: absolute; left: 2.5%; bottom: 15px; border-top: 1px solid #f1f1f1; padding-top: 15px; width: 95%;}
.card-imovel .dados li {color: var(--cor_1);}
.card-imovel .dados i {color: var(--cor_2); margin-right: 6px;}
/*********************************************************/
.servicos {width: 100%; background: #f9f9f9; padding: 60px 0;}
.servicos h1 {text-align: center; color: var(--cor_1); margin-bottom: 40px;}

.lista-servicos {display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;}

.card-servico {background: #fff; border-radius: 16px; padding: 28px; text-align: center; box-shadow: 0 8px 20px rgba(0,0,0,0.08); transition: transform .3s ease, box-shadow .3s ease; min-height: 360px; display: flex; flex-direction: column; gap: 10px;}
.card-servico:hover {transform: translateY(-6px); box-shadow: 0 12px 28px rgba(0,0,0,0.12);}
.card-servico .icon {font-size: 4em; color: var(--cor_2); border: 1px solid var(--cor_2); border-radius: 50%; height: 100px; width: 100px; display: flex; justify-content: center; align-items: center; margin: 0 auto 20px auto;}
.card-servico h3 {font-size: 1.1em; color: var(--cor_1); margin-bottom: 10px; font-family: var(--font_s); font-weight: 500;}
.card-servico p {color: var(--cor_3); font-size: .9em; line-height: 25px; }
.card-servico .botao {margin-top: auto;}
/*********************************************************/
.navegacao {width: 100%; display: table; text-align: center; padding: 180px 0 80px 0; background-position: center center;}
.navegacao h1 {color: #fff; font-size: 3em; margin-bottom: 30px; text-transform: uppercase; font-weight: 500;}
.navegacao li {color: #fff; display: inline-block; margin: 0 5px;}
.navegacao a li:hover {color: var(--cor_2);}
/*********************************************************/
.conteudo {width: 100%; padding: 60px 0;}
/*********************************************************/
.institucional .quadro {max-width: 85%; margin: 0 auto; background: #fff; border-radius: 20px; box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08); padding: 40px;}
.institucional h1 {text-align: center; color: var(--cor_2); margin-bottom: 40px;}
.institucional p {color: var(--cor_3); font-size: 1em; line-height: 30px;}
.institucional .selos {display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-top: 20px;}
.institucional .selos li {background: #f9f9f9; border: 1px solid #eee; border-radius: 15px; padding: 10px; text-align: center; color: var(--cor_1); display: flex; justify-content: center; align-items: center; font-size: 0.9em;}
.institucional .selos i {color: var(--cor_2); font-size: 1.4em; margin-right: 6px;}
/*********************************************************/
.cadastro .cols {display: grid; grid-template-columns: 1.2fr 1fr; gap: 60px;}
.cadastro .texto h2 {font-size: 1.6em; color: var(--cor_2); margin-bottom: 20px; text-align: center;}
.cadastro .texto h3 {font-size: 1.2em; color: var(--cor_1); margin: 20px 0 10px 0;}
.cadastro .texto p {color: var(--cor_3); line-height: 30px;}

.cadastro .divider {height: 1px; background: #eee; margin: 20px 0;}

.cadastro .lista-check {display: grid; gap: 8px; margin: 10px 0 16px 0;}
.cadastro .lista-check li {color: var(--cor_1);} 
.cadastro .lista-check i {color: var(--cor_2); margin-right: 6px;}

.cadastro .form .form-cadastro {background: #fff; border-radius: 20px; box-shadow: 0 8px 20px rgba(0,0,0,0.08); padding: 30px;}
.form-cadastro h3 {text-align: center; margin-bottom: 12px; color: var(--cor_2);} 
.form-grid {display: grid; grid-template-columns: 1fr 1fr; gap: 12px;}
.form-grid .full {grid-column: 1 / -1;}
.form-cadastro label {display: block; font-size: .8em !important; color: var(--cor_3) !important; margin-bottom: 5px; font-weight: 700;}
.form-cadastro .inputsel {padding: 15px; border-radius: 10px; border: 1px solid #dfdfdf; width: 100%; color: var(--cor_1); font-family: var(--font_p);}
.form-cadastro textarea.inputsel {height: auto;}
/*********************************************************/
.regularize .cols {display: grid; grid-template-columns: 1.6fr 1fr; gap: 60px;}
.regularize .bloco h2 {font-size: 1.6em; color: var(--cor_2); margin-bottom: 20px; text-align: center;}
.regularize .bloco h3 {font-size: 1.2em; color: var(--cor_1); margin: 20px 0 10px 0;}
.regularize .bloco h4 {font-size: 1em; color: var(--cor_2); margin: 10px 0;}
.regularize .bloco p {color: var(--cor_3); line-height: 30px;}

.regularize .divider {height: 1px; background: #eee; margin: 20px 0;}

.lista-check {display: grid; gap: 15px;}
.lista-check li {background: #fff; border: 1px solid #eee; border-radius: 15px; padding: 15px;}

.lista-etapas {display: grid; gap: 15px; counter-reset: steps;}
.lista-etapas li {background: #fff; border: 1px solid #eee; border-radius: 15px; padding: 15px;}
.lista-etapas strong {display: block; color: var(--cor_1); margin-bottom: 10px;}
.sub-itens {display: grid; gap: 10px; margin-top: 10px; padding-left: 20px;}
.sub-itens li {color: var(--cor_3);}

.regularize .card-box {background: #f9f9f9; border-radius: 16px; box-shadow: 0 8px 20px rgba(0,0,0,0.08); padding: 22px; margin-bottom: 40px;}
.regularize .card-box h4 {font-size: 1em; color: var(--cor_2); margin-bottom: 10px;}
.regularize .card-box ul {display: grid; gap: 10px;}
.regularize .card-box li {font-size: 0.9em; color: var(--cor_3);}
.regularize .card-box i {color: var(--cor_2); margin-right: 5px;}
/*********************************************************/
.pagina-imoveis .cols {display: grid; grid-template-columns: 22% 1fr; gap: 60px;}
.sidebar .form-filtro {background: #fff; border-radius: 20px; box-shadow: 0 8px 20px rgba(0,0,0,0.08); padding: 20px;}

.form-filtro h3 {text-align: center; color: var(--cor_2); margin-bottom: 20px;}

.form-filtro ul {display: grid; gap: 20px;}
.form-filtro label {font-size: .8em; color: var(--cor_3); margin-bottom: 5px; display: block; padding-left: 5px;}
.form-filtro .inputsel {padding: 15px; border-radius: 10px; border: 1px solid #dfdfdf; width: 100%; color: var(--cor_1); font-family: var(--font_p);}
/*********************************************************/
.paginacao {display: flex; gap: 10px; justify-content: center; margin-top: 30px; width: 100%;}
.paginacao a {padding: 10px 15px; border: 1px solid #eee; border-radius: 10px; color: var(--cor_1); text-decoration: none;}
.paginacao a:hover {background-color: var(--cor_2); color: #fff;}
.paginacao a.ativo {background: var(--cor_2); color: #fff; border-color: var(--cor_2);} 
/*********************************************************/
.busca-vazia { padding: 32px; text-align: center; background: #f7f9fc; border: 1px solid #e6edf5; border-radius: 12px; width: 100%;}
.busca-vazia i { font-size: 36px; color: var(--cor-principal, #0a66c2); margin-bottom: 8px; }
.busca-vazia h3 { font-size: 22px; margin: 8px 0; color: #1f2d3d; }
.busca-vazia p { color: #576b87; max-width: 680px; margin: 0 auto 16px; }
.busca-vazia .acoes { display: flex; gap: 12px; justify-content: center; }
.busca-vazia .botao-reset { background: #f1f5f9; color: var(--cor_2); border: 1px solid #dbe2ea; }
/*********************************************************/
.interna .tag {left: 10px; top: 10px; padding: 5px; font-size: .7em;}
.interna .info h3 {font-size: 0.9em; font-weight: 500;}
.interna .valor {font-size: 1.2em;}
.interna .dados {gap: 10px;}
.interna .card-imovel .info {padding: 10px; position: relative; min-height: 160px;}
.card-imovel .dados li {font-size: 0.8em;}
/*********************************************************/
.detalhes .cols {display: flex; gap: 60px; background-color: #f9f9f9; padding: 20px; border-radius: 20px;}
.detalhes .galeria {flex: 0 0 40%; max-width: 40%;}
.detalhes .info {flex: 0 0 55%; max-width: 55%;}

.detalhes .quadro {width: 95%; height: 60px; background-position: center center; margin: 0 auto; border-radius: 10px; cursor: pointer;}
.detalhes .principal img {border-radius: 10px;}

.detalhes .galeria .thumbs {margin-top: 15px;}

.detalhes .info h2 {font-size: 1.6em; color: var(--cor_1);}
.detalhes .info .sub {color: var(--cor_3); margin: 6px 0 10px 0;}
.detalhes .info .valor {color: var(--cor_2); font-weight: 700; margin-bottom: 10px; font-size: 1.4em;}
.detalhes .info .dados {display: flex; gap: 14px; margin-bottom: 14px;}
.detalhes .info .dados i {color: var(--cor_2); margin-right: 6px;}

.detalhes .atributos {width: 100%;}
.detalhes .atributos li {color: var(--cor_1); width: 33%; float: left; padding: 0 10px 5px 0;} 
.detalhes .atributos i {color: var(--cor_2); margin-right: 6px;}
.detalhes .descricao {margin: 12px 0; color: var(--cor_3); line-height: 1.8;}
.detalhes .infos-adicionais {display: grid; gap: 8px; margin-bottom: 16px;}
.detalhes .infos-adicionais strong {color: var(--cor_1); margin-right: 6px;}

.itens {width: 100%; margin-top: 30px; background-color: #f9f9f9; border-radius: 20px; padding: 20px; display: table;}
.itens h3 {text-align: center; padding-bottom: 20px; color: var(--cor_3); text-transform: uppercase;}
.itens p {font-size: 0.9em; line-height: 23px;}
/*********************************************************/
.topo {width: 100%; position: relative; min-height: 300px; background-color: var(--cor_1);}
/*********************************************************/