/* === Cores personalizadas do site ===
   Gerado em 15/05/2026 20:59:02 pelo painel de administração.
   NÃO edite manualmente — use Ajustes → Website → Cores do site.
   ============================================================ */

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

a { color: #f25536; }

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

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

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

.label {
	background-color: #f25536;
}

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

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

.scroll-to-top:hover,
.scroll-to-top:focus {
	background-color: #f25536;
}

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

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

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

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

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

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

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

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

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

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

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

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

body {
	background-color: #333333;
}

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

body {
	color: #999999;
}

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

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

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

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

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

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

/* ---------------------------------------------------------
   COR DAS SEÇÕES ESCURAS (fundo): #161616
   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 #161616.
   Agora usa #f25536 com leve escurecimento (filter brightness)
   pra ter feedback visual de hover sem trocar a cor. */
.btn-primary:hover,
.btn-primary:focus {
	background-color: #f25536;
	border-color: #f25536;
	filter: brightness(.88);
}

/* .scroll-to-top normal state: removido propositalmente — usa o default do tema
   (#333 de theme-elements.css). O hover continua usando cor_primaria. */

/* .owl-buttons → desacoplado de #161616. As setas do carrossel são
   funcionalmente botões, então seguem #f25536 por default. */
.owl-theme .owl-controls .owl-buttons div {
	background-color: #f25536;
}

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

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

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

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

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

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

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

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

#top a {
	color: #ffffff;
}

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

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

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

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

h2 {
	color: #f25536;
}

/* ---------------------------------------------------------
   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): #999999
   --------------------------------------------------------- */

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

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

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

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

.logo {
	background-color: #f25536;
}