/*
 * base.css
 * 
 * Autor: (WSC TI) wscti.dev.br
 * Atualizado em 17/10/2026 às 17h12
 * 
 */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');

body {height: 100%; background: #eeeeee; font-family: 'Montserrat', sans-serif; font-size: 0.95rem; position: relative;}
html, html a span div {-webkit-font-smoothing: antialiased; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);}

.montserrat-400 {font-family: "Montserrat", sans-serif !important;; font-optical-sizing: auto; font-weight: 400; font-style: normal;}
.montserrat-500 {font-family: "Montserrat", sans-serif !important;; font-optical-sizing: auto; font-weight: 500; font-style: normal;}
.montserrat-600 {font-family: "Montserrat", sans-serif !important;; font-optical-sizing: auto; font-weight: 600; font-style: normal;}
.montserrat-700 {font-family: "Montserrat", sans-serif !important;; font-optical-sizing: auto; font-weight: 700; font-style: normal;}

.roboto-condensed-600 {font-family: "Roboto Condensed", sans-serif !important;; font-optical-sizing: auto; font-weight: 600; font-style: normal;}
.roboto-condensed-600-italic {font-family: "Roboto Condensed", sans-serif !important;; font-optical-sizing: auto; font-weight: 600; font-style: italic;}
.roboto-condensed-700 {font-family: "Roboto Condensed", sans-serif !important;; font-optical-sizing: auto; font-weight: 700; font-style: normal;}

.pointer {cursor: pointer;}
.no-pointer {cursor: default !important;}
.no-bg {background: none !important;}
.no-bd {border: none !important;}
.no-radius {border-radius: 0 !important;}

.bg-0 {background-color: #0F2747;}
.bg-1 {background-color: #FFFFFF;}
.bg-2 {background-color: #6B7280;}
.bg-3 {background-color: #2A2F3A;}
.bg-4 {background-color: #2A2F3A;}
.bg-5 {background-color: #E2E8F0;}
.bg-6 {background-color: #6184BE;}
.bg-7 {background-color: #779FBD;}
.bg-8 {background-color: #374957;}
.bg-9 {background-color: #2D3D58;}
.bg-10 {background-color: #D1D1D2;}
.bg-11 {background-color: #A8A8A8;}

.fg-0 {color: #0F2747;}
.fg-1 {color: #FFFFFF;}
.fg-2 {color: #6B7280;}
.fg-3 {color: #2A2F3A;}
.fg-4 {color: #2A2F3A;}
.fg-5 {color: #E2E8F0;}
.fg-6 {color: #6184BE;}
.fg-7 {color: #779FBD;}
.fg-8 {color: #374957;}
.fg-9 {color: #2D3D58;}
.fg-10 {color: #D1D1D2;}
.fg-11 {color: #A8A8A8;}

.vermelho {color: #FF0000;}

.bd-0 {border: 1px solid #0F2747; border-radius: 4px;}
.bd-1 {border: 1px solid #FFFFFF; border-radius: 4px;}
.bd-2 {border: 1px solid #6B7280; border-radius: 4px;}
.bd-3 {border: 1px solid #2A2F3A; border-radius: 4px;}
.bd-4 {border: 1px solid #2A2F3A; border-radius: 4px;}
.bd-5 {border: 1px solid #E2E8F0; border-radius: 4px;}
.bd-6 {border: 1px solid #6184BE; border-radius: 4px;}
.bd-7 {border: 1px solid #779FBD; border-radius: 4px;}
.bd-8 {border: 1px solid #374957; border-radius: 4px;}
.bd-9 {border: 1px solid #2D3D58; border-radius: 4px;}
.bd-10 {border: 1px solid #D1D1D2; border-radius: 4px;}
.bd-11 {border: 1px solid #A8A8A8; border-radius: 4px;}

.btn-0 {background-color: #0F2747;} .btn-0:hover {background-color: #6B7280; color: #ffffff;}
.btn-1 {background-color: #FFFFFF; font-weight: 500;} .btn-1:hover {background-color: #D1D1D2; color: #0F2747;}
.btn-32 {height: 32px !important; padding-top: 4px !important;} .btn-rede:hover {background-color: #D1D1D2; color: #0F2747;}
.btn-rede {border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 0; color: #fff;}

.a-btn {text-decoration: none;}

.ft-10 {font-size: 10px;}
.ft-12 {font-size: 12px;}
.ft-14 {font-size: 14px;}
.ft-16 {font-size: 16px;}

.alerta-corpo {font-size: 18px; color: #081A33; text-align: center; font-weight: 600; padding: 0 24px 24px 24px;}
.alerta-corpo-link {color: #006DFF; text-decoration: none;}
.alerta-corpo-link:hover {text-decoration: underline;}

.alerta-verde {display: flex; align-items: center; text-align: center; height: 96px; padding: 16px; background-color: #D7FFEB; color: #004B0E; font-weight: 400; font-size: 36px; border-radius: 10px;}

.cabecalho {height: 81px; background-color: #ffffff;}

.secao-404 {background-color: #FFFFFF; padding-top: 100px; padding-bottom: 100px;}

.secao-assinatura {min-height: 230px; background-color: #0F2747;}
.secao-assinatura-bl {padding-top: 64px;}
.secao-assinatura-titulo {font-size: 40px; text-transform: uppercase;}
.secao-assinatura-texto {font-size: 16px; color: rgba(255, 255, 255, 0.7); width: 640px !important;}
.secao-assinatura-campo {width: 250px !important; height: 52px !important; margin-top: 32px !important; padding: 0 16px 0 16px !important; background-color: rgba(255, 255, 255, 0.1); color: #fff; font-size: 14px;}
.secao-assinatura-campo::placeholder {color: rgba(255, 255, 255, 1)}
.secao-assinatura-assinar {width: 114px; height: 52px; padding-top: 14px; margin-top: -2px !important; background-color: rgba(49, 65, 88, 1); color: #fff; font-size: 14px; border-radius: 0;} .secao-assinatura-assinar:hover {background-color: #6B7280; color: #fff;}

.secao-comunidade {min-height: 230px; background-color: #E2E8F0;}
.secao-comunidade-bl {padding-top: 64px;}
.secao-comunidade-icone {width: 64px; height: 64px; margin-top: 12px; display: inline-block !important; vertical-align: middle !important; color: rgba(15, 39, 71, 1);}
.secao-comunidade-titulo {font-size: 40px; text-transform: uppercase; color: rgba(15, 39, 71, 1);}
.secao-comunidade-texto {font-size: 16px; color: rgba(15, 39, 71, 1); width: 610px !important;}
.secao-comunidade-imoveis {width: 310px; height: 44px; padding-top: 12px; background-color: rgba(15, 39, 71, 1); color: #fff; font-size: 14px; text-transform: uppercase;} .secao-comunidade-imoveis:hover {background-color: #6B7280; color: #fff;}
.secao-comunidade-moveis {width: 310px; height: 44px; padding-top: 12px; background-color: rgba(39, 60, 89, 0.7); color: #fff; font-size: 14px; text-transform: uppercase;} .secao-comunidade-moveis:hover {background-color: rgba(15, 39, 71, 1); color: #fff;}

.rodape {min-height: 470px; padding-top: 80px; background-color: #081A33;}
.rodape-titulo {font-size: 16px;}
.rodape-a {color: rgba(255, 255, 255, 0.7); text-decoration: none; font-size: 14px;} .rodape-a:hover {text-decoration: underline;}
.rodape-direitos {margin-top: 68px; border-top: 1px solid rgba(255, 255, 255, 0.1); padding-top: 42px; color: rgba(255, 255, 255, 0.4); font-size: 12px;}

#topbar {padding-top: 18px;}
.topbar-pesquisa {border: 1px solid rgba(45, 61, 88, 0.37) !important; border-radius: 6px; margin-top: 4px;}
.topbar-pesquisa-campo {font-size: 14px !important;}
.topbar-pesquisa-campo::placeholder {color: rgba(42, 47, 58, 0.56) !important;}
.topbar-menu {border: 1px solid #0F2747; border-radius: 4px; padding: 14px;}

#navbar {display: none;}
#logomarca-topo {height: 40px;}
#logomarca-rodape {height: 80px;}

.link-sublinhado {position: relative; display: inline-block;}
.link-sublinhado::after {content: ""; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 40px; height: 3px; background-color: rgba(15, 39, 71, 1);}

.ico-8 {width: 8px; height: 8px; display: inline-block !important; vertical-align: middle !important;}
.ico-10 {width: 10px; height: 10px; display: inline-block !important; vertical-align: middle !important;}
.ico-12 {width: 12px; height: 12px; display: inline-block !important; vertical-align: middle !important;}
.ico-16 {width: 16px; height: 16px; display: inline-block !important; vertical-align: middle !important;}
.ico-24 {width: 24px; height: 24px; display: inline-block !important; vertical-align: middle !important;}

.breadcrumb {margin-top: 36px !important;}
.breadcrumb-item a {padding: 8px !important; border-radius: 4px; font-size: 14px !important; color: rgba(42, 47, 58, 1) !important; background-color: rgba(232, 232, 232, 1) !important; text-decoration: none !important;}
.breadcrumb-item a:hover {background-color: #0F2747 !important; color: #fff !important;}
.breadcrumb-item .active {background-color: transparent !important;}

#campoCodigo {letter-spacing: 0.5rem;}
#campoCodigo::placeholder {font-size: 0.90rem; color: #777 !important; letter-spacing: 0.5rem;}

#pesquisaExpressao {width: 260px !important; height: 36px !important;}
#pesquisaExpressao::placeholder {font-size: 13px !important; letter-spacing: 0 !important;}

a[href="#top"]{padding: 3px 0 0 0; position: fixed; top: 94%; right: 14px; width: 36px; height: 36px; display: none; font-size: 1.4rem; font-weight: bold; z-index: 2; border-radius: 50%; color: #ffffff; background-color: #374957;}
a[href="#top"]:hover{text-decoration: none;}

.deixandoSite {width: 620px !important;}
.deixandoSite-corpo {height: 760px !important; padding: 16px 24px !important;}
.deixandoSite-titulo {width: 400px; font-size: 38px; line-height: 48px; color: #0F2747; font-weight: 700; margin-bottom: 8px;}
.deixandoSite-instrucao {width: 380px; font-size: 16px; line-height: 25px; color: #0F2747; font-weight: 400; margin-bottom: 32px;}
.deixandoSite-rotulo {font-size: 16px; line-height: 26px; color: #0F2747; font-weight: 600; margin-bottom: 16px;}
.deixandoSite-check {border: 1px solid #0F2747;}
.deixandoSite-aceite-caixa {height: 100px;}
.deixandoSite-aceito-titulo {color: #0F2747; font-size: 15px; font-weight: 600;}
#deixandoSite-switchTermos {width: 18px; height: 18px; background-color: #0F2747; color: #fff; border-radius: 4px; box-shadow: 0 0 0 5px #fff;}
#deixandoSiteSubmeter {margin-top: 24px; width: 192px; height: 44px; border: 1px solid #0F2747; font-weight: 600; font-size: 18px;}
#deixandoSiteSubmeter:hover {background-color: #374957; color: #fff;}
.deixandoSite-formulario-rotulo {width: 100%; font-weight: 600; font-size: 12px; color: #0F2747; padding-bottom: 8px;}
.deixandoSite-formulario-campo {width: 400px; height: 42px; border-radius: 6px; font-size: 13px; font-weight: 600; border: 1px solid #C5C5C5; padding: 16px 6px !important; margin-bottom: 24px;}
.deixandoSite-formulario-campo::placeholder {color: #cccccc;}

#modalAlert {z-index: 5000 !important;}

@media (max-width: 640px) {
    body {height: 100%; background: #ffffff; font-family: 'Montserrat', sans-serif; font-size: 0.95rem; position: relative;}
    #topbar {display: none;}

    .cabecalho {height: 81px; background-color: #ffffff; border-bottom: 0.5px solid #dddddd;}

    #navbar {display: block; padding-top: 24px;}
    #navbar-menu {margin-top: 82px;}
    .navbar-menu-corpo {min-height: 428px !important;}
    .navbar-menu-linha {border-bottom: 1px solid #dddddd;}
    .navbar-menu-perfil {border-bottom: 1px solid #0F2747;}

    #logomarca-topo {height: 32px;}
    #logomarca-rodape {height: 48px;}

    .breadcrumb {margin-top: 36px !important; font-size: 9px !important;}
    .breadcrumb-item a {padding: 8px !important; border-radius: 4px; font-size: 9px !important; color: rgba(42, 47, 58, 1) !important; background-color: rgba(232, 232, 232, 1) !important; text-decoration: none !important;}
    .breadcrumb-item .active {background-color: transparent !important; font-size: 9px !important;}

    .secao-assinatura {min-height: 320px; background-color: #0F2747;}
    .secao-assinatura-bl {padding-top: 40px;}
    .secao-assinatura-titulo {font-size: 30px; text-transform: uppercase;}
    .secao-assinatura-texto {font-size: 12px; color: rgba(255, 255, 255, 0.7); width: 100% !important;}
    .secao-assinatura-campo {width: 208px !important; height: 38px !important; margin-top: -16px !important; padding: 0 16px 0 16px !important; background-color: rgba(255, 255, 255, 0.1); color: #fff; font-size: 10px; border-radius: 4px;}
    .secao-assinatura-campo::placeholder {color: rgba(255, 255, 255, 0.5)}
    .secao-assinatura-assinar {width: 86px; height: 38px; padding-top: 12px; margin-top: 0 !important; background-color: transparent; border: 1px solid rgba(255, 255, 255, 1); color: #fff; font-size: 10px; border-radius: 4px;} .secao-assinatura-assinar:hover {background-color: #6B7280; color: #fff;}

    .secao-comunidade {min-height: 330px; background-color: #E2E8F0;}
    .secao-comunidade-bl {padding-top: 50px;}
    .secao-comunidade-bl-svg {width: 42px !important; height: 42px !important;}
    .secao-comunidade-bl-svg-2 {width: 20px !important; height: 16px !important;}
    .secao-comunidade-bl-svg-3 {width: 16px !important; height: 14px !important;}
    .secao-comunidade-icone {height: 42px; margin-top: 12px;}
    .secao-comunidade-titulo {width: 230px; font-size: 26px !important; line-height: 26px !important; text-transform: uppercase; color: rgba(15, 39, 71, 1);}
    .secao-comunidade-texto {font-size: 12px; color: rgba(15, 39, 71, 1); width: 100% !important;}
    .secao-comunidade-imoveis {width: 310px; height: 34px !important; padding-top: 8px; background-color: rgba(15, 39, 71, 1); color: #fff; font-size: 10px; text-transform: uppercase;} .secao-comunidade-imoveis:hover {background-color: #6B7280; color: #fff;}
    .secao-comunidade-moveis {width: 310px; height: 34px !important; padding-top: 8px; background-color: rgba(39, 60, 89, 0.7); color: #fff; font-size: 10px; text-transform: uppercase;} .secao-comunidade-moveis:hover {background-color: rgba(15, 39, 71, 1); color: #fff;}

    .rodape {min-height: 890px; padding-top: 52px; background-color: #081A33;}
    .rodape-secao {margin-top: 32px !important; padding-top: 16px; border-top: 1px solid rgba(255, 255, 255, 0.1);}
    .rodape-titulo {font-size: 20px;}
    .rodape-a {color: rgba(255, 255, 255, 0.7); text-decoration: none; font-size: 12px;}
    .rodape-direitos {margin-top: 36px; border-top: 1px solid rgba(255, 255, 255, 0.1); padding-top: 42px; color: rgba(255, 255, 255, 0.4); font-size: 10px;}

    .deixandoSite {width: 96% !important;}
    .deixandoSite-corpo {height: 560px !important; padding: 16px 24px !important;}
    .deixandoSite-titulo {width: 260px; font-size: 24px; line-height: 32px; color: #0F2747; font-weight: 700; margin-bottom: 8px;}
    .deixandoSite-instrucao {width: 380px; font-size: 9px; line-height: 12px; color: #0F2747; font-weight: 400; margin-bottom: 32px;}
    .deixandoSite-rotulo {font-size: 9px; line-height: 11px; color: #0F2747; font-weight: 600; margin-bottom: 8px;}
    .deixandoSite-check {border: 1px solid #0F2747;}
    .deixandoSite-aceite-caixa {height: 100px;}
    .deixandoSite-aceito-titulo {color: #0F2747; font-size: 10px; font-weight: 600;}
    #deixandoSite-switchTermos {width: 18px; height: 18px; background-color: #0F2747; color: #fff; border-radius: 4px; box-shadow: 0 0 0 5px #fff;}
    #deixandoSiteSubmeter {margin-top: 24px; width: 134px; height: 30px; border: 1px solid #0F2747; font-weight: 600; font-size: 12px;}
    #deixandoSiteSubmeter:hover {background-color: #374957; color: #fff;}
    .deixandoSite-formulario-rotulo {width: 100%; font-weight: 600; font-size: 9px; color: #0F2747; padding-bottom: 8px; margin-top: 16px;}
    .deixandoSite-formulario-campo {width: 360px; height: 42px; border-radius: 6px; font-size: 13px; font-weight: 600; border: 1px solid #C5C5C5; padding: 16px 6px !important;}
    .deixandoSite-formulario-campo::placeholder {color: #cccccc;}
}