/* === Cores personalizadas do site ===
   Gerado em 22/06/2026 23:35:49 pelo painel de administração.
   NÃO edite manualmente — use Ajustes → Website → Cores do site.
   ============================================================ */

/* ---------------------------------------------------------
   COR DE DESTAQUE: #d3af37
   Sobrescreve seletores de theme-elements.css
   --------------------------------------------------------- */

a { color: #d3af37; }

.btn-default:hover,
.btn-default:focus {
	border-color: #d3af37;
	color: #d3af37;
}

.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
	background-color: #d3af37;
	border-color: #d3af37;
}

.nav-top > li > a:hover,
.nav-top > li > a:focus {
	background-color: #d3af37;
}

.label {
	background-color: #d3af37;
}

.label a:hover,
.label a:focus {
	color: #d3af37;
}

.featured-item h3 a:hover,
.featured-item h3 a:focus {
	color: #d3af37;
}

/* .scroll-to-top: regra completa (normal + hover com filter) está mais abaixo
   no bloco "padronizado com botões" — evita duplicação. */

.pgl-main-slide .owl-controls.clickable .owl-buttons div:hover,
.pgl-main-slide .owl-controls.clickable .owl-buttons div:focus {
	background-color: #d3af37;
}

.list-cat a:hover,
.list-cat a:focus {
	color: #d3af37;
}

.second-tabs li.active:after {
	border-top-color: #d3af37;
}

.second-tabs li.active a,
.second-tabs li.active a:hover,
.second-tabs li.active a:focus {
	background-color: #d3af37;
}

.pgl-img-slide .owl-controls .owl-buttons div .icons:hover {
	background-color: #d3af37;
}

.offer-item h3 {
	color: #d3af37;
}

.offer-item:after {
	background-color: #d3af37;
}

.pgl-offer.pgl-bg-dark .offer-item:hover h3 {
	color: #d3af37;
}

.social-links a:hover,
.social-links a:focus {
	border-color: #d3af37;
	color: #d3af37;
}

.pgl-team-info a:hover,
.pgl-team-info a:focus {
	border-bottom-color: #d3af37;
	color: #d3af37;
}

.flex-direction-nav a:hover,
.flex-direction-nav a:focus {
	border-color: #d3af37;
	color: #d3af37;
}

/* ---------------------------------------------------------
   COR DE FUNDO: #333333
   --------------------------------------------------------- */

body {
	background-color: #333333;
}

/* ---------------------------------------------------------
   COR DAS LETRAS: #ffffff
   (define o padrão herdado; regras explícitas do tema
    continuam tendo prioridade sobre esta)
   --------------------------------------------------------- */

body {
	color: #ffffff;
}

/* ---------------------------------------------------------
   COR DA BARRA DE NAVEGAÇÃO: #000000
   --------------------------------------------------------- */

.pgl-navbar-main {
	background-color: #000000;
}

/* .logo agora tem cor própria — ver bloco "FUNDO DA LOGO" mais abaixo.
   Antes herdava #000000, mas logos com fundo transparente precisam de
   container separado da navbar. */

/* ---------------------------------------------------------
   COR DO RODAPÉ: #000000
   --------------------------------------------------------- */

.pgl-footer {
	background-color: #000000;
}

.pgl-copyrights {
	background-color: #000000;
}

/* ---------------------------------------------------------
   COR DAS SEÇÕES ESCURAS (fundo): #333333
   Aplicada em: .pgl-bg-dark (fundo da seção "Clientes" e similares),
   paginação, dropdown, foco de form e highlight do chosen-select.
   --------------------------------------------------------- */

/* .btn-primary:hover/focus → desacoplado de #333333.
   Agora usa #d3af37 com leve escurecimento (filter brightness)
   pra ter feedback visual de hover sem trocar a cor. */
.btn-primary:hover,
.btn-primary:focus {
	background-color: #d3af37;
	border-color: #d3af37;
	filter: brightness(.88);
}

/* .owl-buttons → setas dos carrosséis ficam translúcidas com cor primária
   (deixa o conteúdo do slide ser parcialmente visto através) e totalmente
   opacas no hover. Aplica-se tanto ao slider principal do index quanto
   aos carrosséis genéricos com .owl-theme. */
.owl-theme .owl-controls .owl-buttons div {
	background-color: rgba(211, 175, 55, 0.7);
}
.owl-theme .owl-controls .owl-buttons div:hover,
.owl-theme .owl-controls .owl-buttons div:focus {
	background-color: #d3af37;
}

/* .pgl-pro-slide → setas circulares usadas em detalhes.php (galeria do imóvel
   + similares) e post_detalhes.php (galeria do post). Sem borda — só o fundo
   aparece no hover. Sobrescreve o `border: 2px solid #afafaf` do theme. */
.pgl-pro-slide .owl-controls .owl-buttons div .icons {
	border: none;
}
.pgl-pro-slide .owl-controls .owl-buttons div .icons:hover,
.pgl-pro-slide .owl-controls .owl-buttons div .icons:focus {
	background-color: #d3af37;
}

/* .scroll-to-top → padronizado com botões: cor primária + leve escurecimento
   no hover via filter (mesma técnica usada nos .btn-primary:hover).
   Substitui o cinza #333 default do theme-elements.css. */
.scroll-to-top {
	background-color: #d3af37;
}
.scroll-to-top:hover,
.scroll-to-top:focus {
	background-color: #d3af37;
	filter: brightness(.88);
}

.pgl-bg-dark {
	background-color: #333333;
}

.pagination li > a {
	border-color: #333333;
	color: #333333;
}

.pagination > .active > a,
.pagination > .active > a:hover,
.pagination > .active > a:focus {
	background-color: #333333;
	border-color: #333333;
}

.dropdown-menu {
	background-color: #333333;
}

.form-control:focus {
	border-color: #333333;
}

.chosen-container .chosen-results li.highlighted {
	background-color: #333333;
}

/* ---------------------------------------------------------
   BARRA TOPO (#top) — fundo: #000000 | texto: #ffffff
   --------------------------------------------------------- */

#top {
	background-color: #000000;
	color: #ffffff;
}

#top a {
	color: #ffffff;
}

/* ---------------------------------------------------------
   LINKS DO MENU PRINCIPAL: #777777
   --------------------------------------------------------- */

.navbar-default .navbar-nav > li > a {
	color: #777777;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
	color: #777777;
	opacity: 0.8;
}

/* ---------------------------------------------------------
   COR DOS TÍTULOS H2: #d3af37
   --------------------------------------------------------- */

h2 {
	color: #d3af37;
}

/* ---------------------------------------------------------
   TEXTO EM SEÇÕES ESCURAS (.pgl-bg-dark): #ffffff
   --------------------------------------------------------- */

.pgl-bg-dark {
	color: #ffffff;
}

.pgl-bg-dark h1,
.pgl-bg-dark h2,
.pgl-bg-dark h3,
.pgl-bg-dark h4,
.pgl-bg-dark p {
	color: #ffffff;
}

/* ---------------------------------------------------------
   SÍMBOLO DE ASPAS (.divider-quote-sign span): #aaaaaa
   --------------------------------------------------------- */

.divider-quote-sign span {
	color: #aaaaaa;
}

/* ---------------------------------------------------------
   NOME EM DEPOIMENTOS (.pgl-testimonial h4): #f25536
   --------------------------------------------------------- */

.pgl-testimonial h4 {
	color: #f25536;
}

/* ---------------------------------------------------------
   FUNDO DA LOGO: #000000
   Independente da navbar — útil quando a logotipo tem fundo
   transparente e precisa de uma cor de container distinta.
   --------------------------------------------------------- */

.logo {
	background-color: #000000;
}