.main_body a, a h2.post-title-link, #sidebar .widget
a,#comments a{color:#0d2648;}
a.whatsapp{color:#ffffff;}
a.link-btn{background-color:#0d2648; color:#fff;
border-color:#0d2648;}
.mainMenu,.nav-links,.mainMenu
ul{background-color:#0d2648!important;}
.mainMenu,.mainMenu
a,.nav-links,.btnMobile{color:#ffffff!important;}
.mainMenu li.whatsapp
a{color:#ffffff!important;}
.pagination li span,
.wpcf7-submit,.action-button-color,.simple-button-color,.apply-filters,#submit,.gallery-thumbnail::after,.tab-button.active
{background-color:#0b2342!important;}
.action-button-color,.pagination li a, .pagination li
span,.simple-button-color,.gallery-thumbnail.active,.simple-button-border-color
{border-color:#0b2342!important;}
.simple-button-text-color{color:#0b2342;}
.wpcf7-submit,.search_content button,.pagination li span,.pagination li
a,#submit, .action-button-color,#list-view.active, #grid-view.active,#list-view:hover, #grid-view:hover,.output
.remove,.apply-filters,.tab-button.active,
.action-button-color
i{color:#ffffff!important;}
.container h2,.container h3, h1, h2, h3, h4,.main-banner-title
{color:#0d2648;}
.main-title-bg-color,.hero-section{background-color:#d6d6d6;}
.hero-section p,
.main-banner-subtitle{color:#ffffff;}
.main-whatsapp{background-color:#d6d6d6!important;}
.main-whatsapp{color:#0b2342!important;}
.main-footer{background-color:#ffffff!important;}
.main-footer {color:#0b2342;}
.footer-border-color{border-top-color:#0b2342!important;}
:root{--brand:#0b2342;}

/* ============================================================
   MODERN-UI v1.3 — refino visual aditivo do tema iMob Digital
   Escopo: pagina do imovel (.single-properties) + cards de listagem (.property-card)
   Somente CSS, sobre a marcacao existente. Nao altera templates nem o build do Tailwind.
   Regras fora de @layer -> vencem os utilitarios do Tailwind sem !important.
   Reverter = remover este bloco (do ":root{--brand" ate o fim do arquivo).
   ============================================================ */

/* ---- Cards de imovel (busca, arquivo, home, relacionados): profundidade + hover-lift ---- */
.property-card{border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 1px 2px rgba(15,23,42,.04),0 4px 12px rgba(15,23,42,.06),0 12px 28px -12px rgba(2,6,23,.18);transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;}
.property-card:hover{transform:translateY(-5px);box-shadow:0 2px 4px rgba(15,23,42,.05),0 12px 26px rgba(15,23,42,.10),0 24px 46px -16px rgba(2,6,23,.28);}

/* ---- Pagina do imovel: hierarquia tipografica H1 > H2 > H3 > H4 (base p/ SEO+AEO+GEO) ---- */
.single-properties h1.text-2xl{font-size:1.9rem;line-height:1.15;letter-spacing:-.02em;font-weight:800;text-wrap:balance;}
/* H2: regua divisoria fina (cinza) + traco curto na cor da marca no inicio -- detalhe discreto e moderno */
.single-properties h2.text-2xl{font-size:1.4rem;letter-spacing:-.01em;position:relative;padding-bottom:.6rem;margin-bottom:1.1rem;border-bottom:1px solid #eceff3;}
.single-properties h2.text-2xl::before{content:"";position:absolute;left:0;bottom:-1px;height:2px;width:44px;border-radius:2px;background:linear-gradient(90deg,var(--brand,#2563eb),transparent);}
/* H3: divisoria ainda mais sutil (sem cor) -- reforca o degrau da hierarquia */
.single-properties h3.text-xl{font-weight:700;letter-spacing:-.01em;padding-bottom:.35rem;margin-bottom:.7rem;border-bottom:1px solid #f1f3f6;}
.single-properties .bg-gray-50.rounded-lg h4{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:#64748b;font-weight:700;margin-bottom:2px;}
/* v1.3: a MESMA regua tambem nos H2/H3 DIGITADOS na descricao do imovel (.wp-content-area) -- reforca hierarquia p/ SEO+AEO+GEO. Nao altera o tamanho definido em wp-content.css. */
.single-properties .wp-content-area h2{position:relative;padding-bottom:.5rem;border-bottom:1px solid #eceff3;}
.single-properties .wp-content-area h2::before{content:"";position:absolute;left:0;bottom:-1px;height:2px;width:44px;border-radius:2px;background:linear-gradient(90deg,var(--brand,#2563eb),transparent);}
.single-properties .wp-content-area h3{padding-bottom:.35rem;border-bottom:1px solid #f1f3f6;}

/* ---- Blocos brancos de conteudo com profundidade (sidebar + conteudo das abas) ---- */
.single-properties .rounded-lg.shadow-sm{box-shadow:0 1px 2px rgba(15,23,42,.04),0 6px 16px rgba(15,23,42,.06),0 16px 34px -14px rgba(2,6,23,.16);border-radius:16px;}

/* ---- Cartoes financeiros (Valor / Condominio / IPTU): borda + raio consistentes ---- */
.single-properties .bg-gray-50.rounded-lg{border:1px solid #e9edf3;border-radius:12px;}

/* ---- Caracteristicas principais viram "chips" (pilulas escaneaveis) ---- */
.single-properties .grid.mb-6 > .flex.items-center.gap-1{background:#f8fafc;border:1px solid #eef2f7;border-radius:999px;padding:6px 12px;}

/* ---- v1.2 tech-premium: micro-interacoes fluidas + glow discreto da marca ---- */
/* transicoes suaves + "press" tatil nos botoes principais */
.action-button-color,.simple-whatsapp,.link-btn,.tab-button,.wpcf7-submit,.pagination li a{transition:background-color .2s ease,color .2s ease,box-shadow .2s ease,transform .12s ease;}
.action-button-color:active,.simple-whatsapp:active,.link-btn:active,.wpcf7-submit:active{transform:translateY(1px);}
/* glow sutil na cor da marca ao passar o mouse no card (so em navegadores com color-mix; degrada gracioso) */
@supports (color: color-mix(in srgb, red, blue)){
.property-card:hover{border-color:color-mix(in srgb,var(--brand,#2563eb) 45%,#e5e7eb);box-shadow:0 2px 4px rgba(15,23,42,.05),0 12px 26px rgba(15,23,42,.10),0 24px 46px -16px rgba(2,6,23,.28),0 0 0 1px color-mix(in srgb,var(--brand,#2563eb) 28%,transparent);}
}
/* respeita a preferencia do usuario por menos movimento (acessibilidade) */
@media (prefers-reduced-motion: reduce){
.property-card,.property-card:hover,.action-button-color,.simple-whatsapp,.link-btn,.tab-button,.wpcf7-submit{transition:none !important;transform:none !important;}
}