/* ============================
   TARGET – ANÚNCIOS (DESTAQUES)
   arquivo: novo.css 
							   
								  
   ============================ */

/* Título da seção */
.container-featured-itens > .col-md-12 h2 {
  margin: 6px 0 22px !important;
  font-size: clamp(22px, 2.2vw, 34px) !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  color: #1f2a37 !important;
}

/* Coluna do card + espaçamento entre cards */
.list-item-custom {
  display: flex !important;
  margin-bottom: 28px !important;
}

/* Card */
.list-item-custom .portfolio_item_holder {
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  background: #fff !important;
  border: 1px solid #e9ecef !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  box-shadow: 0 6px 18px rgba(16,24,40,.06) !important;
  transition: transform .2s ease, box-shadow .2s ease !important;
}
.list-item-custom .portfolio_item_holder:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 10px 24px rgba(16,24,40,.12) !important;
}

/* Figure / Thumbnail */
.thumbnail.thumbnail__portfolio {
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
}
.image-wrap {
  display: block !important;
  position: relative !important;
  overflow: hidden !important;
}
.image-wrap img {
  width: 100% !important;
  height: 220px !important;           /* controla proporção visual */
  object-fit: cover !important;
  display: block !important;
  transform: scale(1.001) !important;
  transition: transform .35s ease !important;
  background: #f4f5f7 !important;     /* fundo neutro enquanto carrega */
}
.portfolio_item_holder:hover .image-wrap img { transform: scale(1.05) !important; }

/* Remove o ícone antigo de zoom */
.zoom-icon { display: none !important; }

/* Overlay sutil no hover */
.image-wrap::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: radial-gradient(transparent 60%, rgba(0,0,0,.18)) !important;
  opacity: 0 !important;
  transition: opacity .25s ease !important;
}
.portfolio_item_holder:hover .image-wrap::after { opacity: 1 !important; }

/* Conteúdo do card */
.caption.caption__portfolio {
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  padding: 14px 16px 16px !important;
  color: #475467 !important;
}
.caption__portfolio h4 { margin: 0 !important; }

/* Título do anúncio */
.caption__portfolio h4:first-child a {
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  color: #1f2a37 !important;
  text-decoration: none !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}
.caption__portfolio h4:first-child a:hover { color: #fe8f01 !important; }

/* Descrição resumida (2 linhas) */
.caption__portfolio .excerpt {
  margin: 0 !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  color: #5f6b7a !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

/* Preço – é o <h4> logo após o .excerpt */
.caption__portfolio .excerpt + h4 {
  text-align: center !important;
  margin: 6px 0 2px !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  color: #1f2a37 !important;
}

/* Botão "Ver Todos" alinhado e estilizado */
.container-featured-itens .col-md-12.col-sm-12.col-xs-12 { 
  text-align: center !important; 
}
.btn.btn-lg.btn-custom {
  background: #1f2a37 !important;
  border: 0 !important;
  color: #fff !important;
  font-weight: 600 !important;
  padding: 12px 22px !important;
  border-radius: 10px !important;
  box-shadow: 0 8px 20px rgba(31,42,55,.18) !important;
  transition: transform .15s ease, filter .15s ease !important;
}
.btn.btn-lg.btn-custom:hover { 
  filter: brightness(1.05) !important; 
  transform: translateY(-1px) !important; 
}

/* Responsivo: ajusta altura da imagem e tipografia */
@media (max-width: 991.98px) {
  .image-wrap img { height: 200px !important; }
}
@media (max-width: 575.98px) {
  .image-wrap img { height: 180px !important; }
  .caption__portfolio h4:first-child a { font-size: 16px !important; }
}


/* ============================
   EXTRAS – Selo “Destaque” + Localização
   ============================ */

/* Selo “Destaque” em todos os cards desta seção */
.container-featured-itens .portfolio_item_holder { 
  position: relative !important; 
}
.container-featured-itens .portfolio_item_holder::before {
  content: "Destaque" !important;
  position: absolute !important;
  top: 14px !important;
  left: -34px !important;
  transform: rotate(-45deg) !important;
  background: #fe8f01 !important;
  color: #fff !important;
  font-weight: 800 !important;
  letter-spacing: .3px !important;
  padding: 6px 44px !important;
  font-size: 11px !important;
  text-transform: uppercase !important;
  box-shadow: 0 6px 16px rgba(254,143,1,.35) !important;
  pointer-events: none !important;
}

/* Localização (quando a div .localizacao-destaque for usada) */
.container-featured-itens .localizacao-destaque {
  margin-top: 6px !important;
  font-size: 13px !important;
  color: #475467 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}
.container-featured-itens .localizacao-destaque::before {
  content: "" !important;
  width: 14px !important;
  height: 14px !important;
  display: inline-block !important;
  background-repeat: no-repeat !important;
  background-size: 14px 14px !important;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fe8f01'><path d='M12 2a7 7 0 0 0-7 7c0 5.25 7 13 7 13s7-7.75 7-13a7 7 0 0 0-7-7zm0 9.5a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5z'/></svg>") !important;
}

/* Responsivo: ajusta o selo para telas muito pequenas */
@media (max-width: 420px) {
  .container-featured-itens .portfolio_item_holder::before {
    left: -28px !important;
    padding: 5px 38px !important;
    font-size: 10px !important;
  }
}

/* Correção: deixar o selo “Destaque” acima da imagem */
.container-featured-itens .portfolio_item_holder { 
  position: relative !important; 
}
.container-featured-itens .portfolio_item_holder::before {
  z-index: 5 !important; /* eleva o selo acima da thumbnail */
}
/* opcional: garante que a imagem fique abaixo do selo */
.container-featured-itens .image-wrap { 
  position: relative !important; 
  z-index: 1 !important; 
}


/* ===== LISTAGEM – Cabeçalho da página (título) ===== */
.span12 section.lazy-load-box h3 {
  margin: 8px 0 18px !important;
  font-size: clamp(22px, 2.2vw, 32px) !important;
  font-weight: 800 !important;
  color: #1f2a37 !important;
}

/* ===== Barra de filtros (ordenar / subcategoria) ===== */
.span12 > div[style*="height: 50px"] {
  height: auto !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  align-items: center !important;
  justify-content: space-between !important;
}
.span12 .form-group { margin: 0 !important; }
#sortorder, #subcategories {
  height: 44px !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 10px !important;
  background: #fff !important;
  box-shadow: 0 1px 2px rgba(16,24,40,.04) !important;
  font-size: 14px !important;
  color: #111827 !important;
  padding: 0 12px !important;
}

/* ===== Grid / Cards ===== */
.list-item-custom { display: flex !important; margin-bottom: 28px !important; }
.list-item-custom .portfolio_item_holder {
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  background: #fff !important;
  border: 1px solid #e9ecef !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  box-shadow: 0 6px 18px rgba(16,24,40,.06) !important;
  transition: transform .2s ease, box-shadow .2s ease !important;
}
.list-item-custom .portfolio_item_holder:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 10px 24px rgba(16,24,40,.12) !important;
}

/* Imagem */
.thumbnail.thumbnail__portfolio { margin: 0 !important; border: 0 !important; border-radius: 0 !important; }
.image-wrap { display: block !important; position: relative !important; overflow: hidden !important; }
.image-wrap img {
  width: 100% !important;
  height: 220px !important;
  object-fit: cover !important;
  display: block !important;
  transform: scale(1.001) !important;
  transition: transform .35s ease !important;
  background: #f4f5f7 !important;
}
.portfolio_item_holder:hover .image-wrap img { transform: scale(1.05) !important; }
.zoom-icon { display: none !important; }       /* remove ícone antigo */

/* Conteúdo do card */
.caption.caption__portfolio {
  margin-left: 0 !important;      /* override do inline */
  height: auto !important;        /* override do inline */
  padding: 14px 16px 16px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  color: #475467 !important;
}

/* Título do anúncio (h3 de cima) */
.caption__portfolio h3:first-child a {
  font-size: 19px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  color: #1f2a37 !important;
  text-decoration: none !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}
.caption__portfolio h3:first-child a:hover { color: #fe8f01 !important; }

/* Descrição (2 linhas) */
.caption__portfolio .excerpt {
  margin: 0 !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  color: #5f6b7a !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

/* Preço – é o h3 logo após o .excerpt */
.caption__portfolio .excerpt + h3 {
  text-align: center !important;
  margin: 6px 0 2px !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  color: #1f2a37 !important;
}

/* Botão "Ver anúncio" */
.caption__portfolio .btn.btn-primary {
  background: #fe8f01 !important;
  border: 0 !important;
  color: #fff !important;
  font-weight: 600 !important;
  padding: 10px 18px !important;
  border-radius: 10px !important;
  box-shadow: 0 8px 20px rgba(254,143,1,.18) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: transform .15s ease, filter .15s ease !important;
}
.caption__portfolio .btn.btn-primary:hover { transform: translateY(-1px) !important; filter: brightness(1.05) !important; }

/* Localização */
.localizacao-destaque {
  margin-top: 6px !important;
  font-size: 13px !important;
  color: #475467 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}
.localizacao-destaque::before {
  content: "" !important;
  width: 14px !important;
  height: 14px !important;
  display: inline-block !important;
  background-repeat: no-repeat !important;
  background-size: 14px 14px !important;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fe8f01'><path d='M12 2a7 7 0 0 0-7 7c0 5.25 7 13 7 13s7-7.75 7-13a7 7 0 0 0-7-7zm0 9.5a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5z'/></svg>") !important;
}

/* ===== Paginação ===== */
.pagination-container { text-align: center !important; margin: 14px 0 10px !important; }
.pagination-container * { box-sizing: border-box !important; }
.pagination-container a,
.pagination-container span {
  display: inline-block !important;
  min-width: 36px !important;
  padding: 8px 12px !important;
  margin: 0 4px !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 8px !important;
  background: #fff !important;
  color: #111827 !important;
  text-decoration: none !important;
  box-shadow: 0 1px 2px rgba(16,24,40,.04) !important;
}
.pagination-container .current,
.pagination-container a:hover {
  background: #1f2a37 !important;
  color: #fff !important;
  border-color: #1f2a37 !important;
}

/* ===== Responsivo ===== */
@media (max-width: 991.98px) {
  .image-wrap img { height: 200px !important; }
}
@media (max-width: 575.98px) {
  .image-wrap img { height: 180px !important; }
  .caption__portfolio h3:first-child a { font-size: 17px !important; }
}

/* ========== FOOTER MODERNO (TARGET) ========== */
.motopress-wrapper.footer {
  position: relative !important;
  background: #222729 !important;               /* fundo mais sólido */
  color: #cbd5e1 !important;
}

/* linha de destaque no topo do footer */
.motopress-wrapper.footer::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important; right: 0 !important; top: 0 !important;
  height: 4px !important;
  background: linear-gradient(90deg,#fe8f01 0%,#ffb84d 35%,#fe8f01 100%) !important;
}

/* grid das colunas */
.footer-widgets {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 28px !important;
  padding: 36px 18px 22px !important;
}
.footer-widgets > [class*="col-"] {
  float: none !important;              /* anula floats do bootstrap antigo */
  width: auto !important;
  padding: 0 !important;
}

/* títulos das colunas */
.footer-widgets h4 {
  margin: 0 0 10px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #e5e7eb !important;
  letter-spacing: .2px !important;
}

/* listas de links */
.footer-widgets .menu { 
  list-style: none !important; 
  margin: 0 !important; 
  padding: 0 !important; 
}
.footer-widgets .menu li { margin: 8px 0 !important; }
.footer-widgets .menu a {
  color: #cfd8e3 !important;
  text-decoration: none !important;
  opacity: .9 !important;
  transition: color .15s ease, opacity .15s ease, transform .15s ease !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
}
.footer-widgets .menu a:hover { 
  color: #ffffff !important; 
  opacity: 1 !important; 
  transform: translateX(2px) !important;
}

/* sociais (usa as imagens existentes) */
.social__list { 
  display: flex !important; 
  flex-wrap: wrap !important; 
  gap: 10px !important; 
  padding: 0 !important; 
  margin: 4px 0 0 !important; 
}
.social__list .social_li { list-style: none !important; }
.social__list .social_link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 8px 10px !important;
  background: #2b3134 !important;
  border-radius: 10px !important;
  color: #e5e7eb !important;
  text-decoration: none !important;
  transition: filter .15s ease, transform .15s ease !important;
}
.social__list .social_link:hover { filter: brightness(1.08) !important; transform: translateY(-1px) !important; }
.social__list .social_ico img { display: block !important; width: 18px !important; height: 18px !important; }

/* barra de direitos */
.motopress-wrapper.footer #footer-text {
  text-align: center !important;
  font-size: 13px !important;
  color: #a9b4c0 !important;
  padding: 14px 18px 18px !important;
  margin-top: 6px !important;
  border-top: 1px solid #2f3539 !important;
  background: #1b1f21 !important;
}
.motopress-wrapper.footer #footer-text .site-name {
  color: #fe8f01 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

/* responsivo */
@media (max-width: 991.98px) {
  .footer-widgets { grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
}
@media (max-width: 575.98px) {
  .footer-widgets { grid-template-columns: 1fr !important; gap: 22px !important; }
  .footer-widgets h4 { text-align: left !important; }
  .social__list { gap: 8px !important; }
}

/* Ícone cadeado no título */
#nav_menu-6 h4 {
  position: relative !important;
  padding-left: 24px !important;
}
#nav_menu-6 h4::before{
  content:"" !important;
  position:absolute !important;
  left:0 !important; top:2px !important;
  width:16px !important; height:16px !important;
  background-size:16px 16px !important; background-repeat:no-repeat !important;
  filter: drop-shadow(0 1px 0 rgba(0,0,0,.25)) !important;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='%23fe8f01' viewBox='0 0 24 24'><path d='M17 8h-1V6a4 4 0 10-8 0v2H7a2 2 0 00-2 2v9a2 2 0 002 2h10a2 2 0 002-2V10a2 2 0 00-2-2zm-7-2a2 2 0 114 0v2h-4V6zm7 13H7V10h10v9z'/></svg>") !important;
}

/* bullets com escudo nos links */
#menu-information li a{
  position: relative !important; padding-left: 22px !important;
}
#menu-information li a::before{
  content:"" !important;
  position:absolute !important; left:0 !important; top:3px !important;
  width:14px !important; height:14px !important;
  background-size:14px 14px !important; background-repeat:no-repeat !important;
  opacity:.9 !important;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='%23cbd5e1' viewBox='0 0 24 24'><path d='M12 2l7 3v6c0 5.25-3.56 9.97-7 11-3.44-1.03-7-5.75-7-11V5l7-3z'/></svg>") !important;
}

.footer-trustbar{
  display:flex !important; flex-wrap:wrap !important; gap:14px !important;
  align-items:center !important; justify-content:center !important;
  padding:12px 16px !important; margin:4px 0 0 !important;
  background:linear-gradient(90deg,#222729 0%,#262c2f 100%) !important;
  border-top:1px solid #2f3539 !important; border-bottom:1px solid #2f3539 !important;
}
.footer-trustbar .trust-item{
  display:inline-flex !important; align-items:center !important; gap:8px !important;
  padding:8px 12px !important; border-radius:999px !important;
  background:#2b3134 !important; color:#e5e7eb !important; font-size:13px !important;
  box-shadow:0 1px 2px rgba(0,0,0,.15) !important;
}
.footer-trustbar .trust-item::before{
  content:"" !important; width:16px !important; height:16px !important; display:inline-block !important;
  background-size:16px 16px !important; background-repeat:no-repeat !important;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='%23fe8f01' viewBox='0 0 24 24'><path d='M12 2l7 3v6c0 5.25-3.56 9.97-7 11-3.44-1.03-7-5.75-7-11V5l7-3z'/></svg>") !important;
}
.footer-payments{
  display:flex !important; gap:8px !important; justify-content:center !important;
  padding:10px 16px 0 !important; flex-wrap:wrap !important;
}
.footer-payments .pay-badge{
  display:inline-flex !important; align-items:center !important; justify-content:center !important;
  padding:6px 10px !important; border-radius:8px !important; font-size:12px !important;
  color:#111827 !important; background:#ffffff !important; border:1px solid #e5e7eb !important;
  box-shadow:0 1px 2px rgba(16,24,40,.06) !important;
}

/* Alinhamento e ordem corretos das 4 colunas do footer */
.footer-widgets{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 28px !important;
  padding: 36px 18px 22px !important;
  align-items: flex-start !important;
}

.footer-widgets > [class*="col-"]{
  float: none !important;     /* anula floats do tema antigo */
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  flex: 1 1 240px !important; /* 4 colunas equilibradas, quebra no mobile */
  min-width: 220px !important;
}

/* Garante a ordem visual (1..4) */
.footer-widgets > div:nth-child(1){ order: 1 !important; }
.footer-widgets > div:nth-child(2){ order: 2 !important; }
.footer-widgets > div:nth-child(3){ order: 3 !important; }
.footer-widgets > div:nth-child(4){ order: 4 !important; }

/* === Footer mobile: corrigir desalinhamento da 1ª coluna === */
@media (max-width: 767.98px) {
  .footer-widgets { 
    padding-left: 14px !important; 
    padding-right: 14px !important; 
    gap: 20px !important;
  }
  .footer-widgets > [class*="col-"] { 
    flex: 1 1 100% !important; 
    min-width: 100% !important; 
    margin: 0 !important; 
    padding: 0 !important;
  }

  /* zera margens/paddings extras do primeiro bloco e de todos os containers de menu */
  #nav_menu-3,
  .footer-widgets [id^="nav_menu-"],
  .footer-widgets .menu-products-container,
  .footer-widgets .menu-technology-container,
  .footer-widgets .menu-information-container,
  .footer-widgets .menu {
    margin-left: 0 !important;
    padding-left: 0 !important;
  }
}

/* garante alinhamento também no desktop, se algum CSS antigo empurrar a 1ª coluna */
.footer-widgets > [class*="col-"]:first-child,
.footer-widgets > [class*="col-"]:first-child #nav_menu-3 {
  margin-left: 0 !important;
  padding-left: 0 !important;
}


/* ===== MOBILE: padroniza os campos da busca (Target) ===== */
@media (max-width: 767.98px) {
  /* O wrapper vira “stack”; tiramos borda do form para não duplicar com as dos campos */
  .custom-searchhome-container form {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
  }

  /* Campos padronizados (altura, raio, tipografia e sombra) */
  .custom-searchhome-container .form-control {
    width: 100% !important;
    height: 52px !important;
    line-height: 52px !important;
    font-size: 16px !important;            /* evita zoom do iOS ao focar */
    color: #111827 !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 12px !important;
    padding: 0 14px !important;
    background: #fff !important;
    box-shadow: 0 1px 2px rgba(16,24,40,.04) !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
  }

  /* Selects com “caret” consistente */
  .header-select-uf,
  .header-select-city {
    padding-right: 38px !important;
    background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%239aa0a6'><path d='M7 10l5 5 5-5z'/></svg>") !important;
    background-repeat: no-repeat !important;
    background-position: right 12px center !important;
    background-size: 16px 16px !important;
  }

  /* Placeholder e foco */
  .header-input-search::placeholder { color: #9aa0a6 !important; }
  .custom-searchhome-container .form-control:focus {
    outline: none !important;
    border-color: #fe8f01 !important;
    box-shadow: 0 0 0 3px rgba(254,143,1,.22) !important;
  }

  /* Botão ocupa 100% com mesmo padrão visual */
  .header-button-submit {
    width: 100% !important;
    height: 52px !important;
    border-radius: 12px !important;
    border: 0 !important;
    background: #fe8f01 !important;
    color: #fff !important;
    box-shadow: 0 8px 20px rgba(254,143,1,.18) !important;
  }
  .header-button-submit i { font-size: 18px !important; }
}

/* ===== Detalhe do anúncio – Título / voltar ===== */
.title-section {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 10px 0 16px !important;
  border-bottom: 1px solid #e9ecef !important;
}
.title-section .col-md-2 a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 8px 12px !important;
  background: #2b3134 !important;
  border: 1px solid #394147 !important;
  border-radius: 999px !important;
  color: #fff !important;
  text-decoration: none !important;
  box-shadow: 0 6px 14px rgba(0,0,0,.16) !important;
}
.title-section .col-md-2 a img { display: none !important; }
.title-section .col-md-2 a::before{
  content:"" !important; width:18px !important; height:18px !important;
  background-repeat:no-repeat !important; background-size:18px 18px !important;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24'><path d='M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z'/></svg>") !important;
}
.title-header {
  margin: 0 !important;
  font-size: clamp(22px, 2.6vw, 38px) !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  color: #1f2a37 !important;
}

/* ===== Galeria (Flexslider) ===== */
.flexslider.fundocinzaa {
  background: #fff !important;
  border: 1px solid #e9ecef !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  box-shadow: 0 6px 18px rgba(16,24,40,.06) !important;
}
#slider .slides img {
  width: 100% !important;
  height: 480px !important;
  object-fit: cover !important;
  display: block !important;
}
#carousel.flexslider {
  margin-top: 10px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
#carousel .slides li { margin-right: 8px !important; }
#carousel .slides img {
  width: 100% !important;
  height: 90px !important;
  object-fit: cover !important;
  border-radius: 10px !important;
  border: 2px solid transparent !important;
  background: #f4f5f7 !important;
}
#carousel .slides .flex-active-slide img { border-color: #fe8f01 !important; }

/* setas / bullets do flexslider (se existirem) */
.flex-direction-nav a {
  width: 40px !important; height: 40px !important;
  border-radius: 999px !important;
  background: rgba(0,0,0,.4) !important;
}
.flex-control-nav { bottom: 10px !important; }

/* ===== Conteúdo do anúncio ===== */
.post_content.fundocinza {
  background: #fff !important;
  border: 1px solid #e9ecef !important;
  border-radius: 14px !important;
  padding: 16px 18px !important;
  box-shadow: 0 6px 18px rgba(16,24,40,.06) !important;
  color: #475467 !important;
}
.post_content.fundocinza h3 {
  margin: 0 0 10px !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #1f2a37 !important;
}

/* ===== Sidebar / preço / meta ===== */
.item-custom-sidebar .widget {
  background: #fff !important;
  border: 1px solid #e9ecef !important;
  border-radius: 14px !important;
  padding: 14px 14px 10px !important;
  box-shadow: 0 6px 18px rgba(16,24,40,.06) !important;
}
@media (min-width: 992px) {
  .item-custom-sidebar { position: sticky !important; top: 18px !important; }
}
.portfolio-meta .post_category {
  display: block !important;
  text-align: center !important;
  margin: 6px 0 10px !important;
  padding: 10px 14px !important;
  font-size: clamp(18px, 2.2vw, 28px) !important;
  font-weight: 800 !important; 
  border: 1px solid #ffedd5 !important;
  border-radius: 12px !important;
}
.portfolio-meta-list {
  list-style: none !important;
  margin: 8px 0 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}
.portfolio-meta-list li {
  font-size: 14.5px !important;
  color: #475467 !important;
  line-height: 1.45 !important;
}
.portfolio-meta-key {
  display: inline-block !important;
  font-weight: 700 !important;
  color: #1f2a37 !important;
  margin-right: 6px !important;
}

/* bullets com ícone sutil (aplica em todos os itens) */
.portfolio-meta-list li::before{
  content:"" !important;
  width:14px !important; height:14px !important;
  display:inline-block !important; margin-right:6px !important;
  background-repeat:no-repeat !important; background-size:14px 14px !important;
  transform: translateY(2px) !important;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='%239aa0a6' viewBox='0 0 24 24'><path d='M12 2l7 3v6c0 5.25-3.56 9.97-7 11-3.44-1.03-7-5.75-7-11V5l7-3z'/></svg>") !important;
}

/* link “Veja mais em” como chip */
.portfolio-meta-list a[rel="tag"]{
  display: inline-block !important;
  padding: 6px 10px !important;
  border-radius: 999px !important;
  background: #f1f5f9 !important;
  color: #0f172a !important;
  text-decoration: none !important;
  font-weight: 600 !important;
}

/* selo Vendido */
.bg_vendido{
  display: block !important;
  margin-top: 10px !important;
  text-align: center !important;
  background: #ef4444 !important;
  color: #fff !important;
  font-weight: 800 !important;
  padding: 8px 10px !important;
  border-radius: 10px !important;
  letter-spacing: .3px !important;
}

/* ===== Widgets laterais de publicidade ===== */
.widget_my-recent-comments { 
  background: transparent !important; 
  border: 0 !important; 
  box-shadow: none !important; 
}
.widget_my-recent-comments::before{
  content:"PUBLICIDADE" !important;
  display:block !important;
  color:#9aa0a6 !important;
  font-weight:700 !important;
  margin: 16px 2px 8px !important;
  letter-spacing:.3px !important;
}

/* ===== Espaçamentos gerais / responsivo ===== */
.col-md-8.col-sm-12.col-xs-12 > * + * { margin-top: 14px !important; }

@media (max-width: 991.98px) {
  #slider .slides img { height: 360px !important; }
}
@media (max-width: 575.98px) {
  .title-section { padding-top: 6px !important; }
  .title-section .col-md-2 a { padding: 8px 10px !important; }
  #slider .slides img { height: 260px !important; }
  #carousel .slides img { height: 70px !important; }
  .item-custom-sidebar { position: static !important; }
}

/* ===== 1) SUBIR O BLOCO DE MENSAGENS ===== */
/* reduz o espaço antes da coluna que contém relacionados + mensagens */
.row > .col-md-8.col-sm-12.col-xs-12:last-of-type {
  margin-top: 12px !important;            /* estava grande demais */
}

/* margem do próprio formulário */
#respond { margin-top: 12px !important; }

/* ===== 2) FORMULÁRIO – CARD + CAMPOS PADRONIZADOS ===== */
#respond {
  background: #fff !important;
  border: 1px solid #e9ecef !important;
  border-radius: 14px !important;
  padding: 16px 18px !important;
  box-shadow: 0 6px 18px rgba(16,24,40,.06) !important;
}
#respond h3 {
  margin: 0 0 12px !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  color: #1f2a37 !important;
}

/* inputs e textarea */
#respond .form-control {
  height: 48px !important;
  font-size: 15px !important;
  color: #111827 !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 12px !important;
  padding: 0 12px !important;
  background: #fff !important;
  box-shadow: 0 1px 2px rgba(16,24,40,.04) !important;
}
#respond textarea.form-control {
  height: auto !important;
  min-height: 140px !important;
  padding: 10px 12px !important;
  resize: vertical !important;
}
#respond .form-control::placeholder { color: #9aa0a6 !important; }
#respond .form-control:focus {
  outline: none !important;
  border-color: #fe8f01 !important;
  box-shadow: 0 0 0 3px rgba(254,143,1,.22) !important;
}

/* botão enviar / login */
#respond .btn.btn-primary {
  background: #fe8f01 !important;
  border: 0 !important;
  color: #fff !important;
  font-weight: 700 !important;
  padding: 10px 20px !important;
  border-radius: 10px !important;
  box-shadow: 0 8px 20px rgba(254,143,1,.18) !important;
}
#respond .comment_submit { margin-top: 6px !important; }

/* mensagem para não logado (aquele H4 + link) */
#respond h4 { 
  font-size: 14px !important; 
  color: #6b7280 !important; 
  margin: 8px 0 10px !important; 
  text-align: center !important; 
}
#respond a.btn.btn-primary { display: inline-flex !important; }

/* ===== LISTAGEM DE MENSAGENS (CASO EXISTA) ===== */
.comment-holder {
  background: #fff !important;
  border: 1px solid #e9ecef !important;
  border-radius: 14px !important;
  padding: 14px 16px !important;
  box-shadow: 0 6px 18px rgba(16,24,40,.06) !important;
  margin-bottom: 12px !important;
}
.comment-holder .comments-h {
  margin: 0 0 10px !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  color: #1f2a37 !important;
}
.comment-list .comment-body {
  border: 1px solid #eef2f6 !important;
  border-radius: 10px !important;
  padding: 10px !important;
  background: #fafbfc !important;
}
.comment-author .author { font-weight: 700 !important; color: #1f2a37 !important; }
.comment-meta { color: #9aa0a6 !important; font-size: 12px !important; }

/* ===== MOBILE ===== */
@media (max-width: 575.98px) {
  #respond { padding: 14px !important; }
  #respond .form-control { height: 50px !important; font-size: 16px !important; }
  #respond textarea.form-control { min-height: 120px !important; }
}

/* ===== SIDEBAR DO ANÚNCIO – CARD + ÍCONES FA ===== */

/* Card do bloco */
#categories-2.widget.widget_categories .entry-meta{
  background: #fff !important;
  border: 1px solid #e9ecef !important;
  border-radius: 14px !important;
  padding: 14px 14px 10px !important;
  box-shadow: 0 6px 18px rgba(16,24,40,.06) !important;
}

/* Preço / À combinar (chip) */
#categories-2 .portfolio-meta .post_category{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 4px 0 10px !important;
  padding: 10px 14px !important;
  font-weight: 800 !important;
  color: #1f2a37 !important; 
  border-radius: 12px !important;
}
#categories-2 .portfolio-meta .post_category::before{
  content: "\f02b" !important; /* fa-tags */
  font-family: "Font Awesome 6 Free","Font Awesome 5 Free" !important;
  font-weight: 900 !important;
}

/* Lista de metadados */
#categories-2 .portfolio-meta-list{
  list-style: none !important; margin: 6px 0 0 !important; padding: 0 !important;
}
#categories-2 .portfolio-meta-list br{ display:none !important; } /* remove quebras antigas */

#categories-2 .portfolio-meta-list li{
  display: grid !important;
  grid-template-columns: 28px 1fr !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 10px 8px !important;
  border-bottom: 1px dashed #eef2f6 !important;
}
#categories-2 .portfolio-meta-list li:last-child{ border-bottom: 0 !important; }

/* Label (linha de cima) e valor (linha de baixo no mobile) */
#categories-2 .portfolio-meta-key{
  grid-column: 2 / 3 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  color: #6b7280 !important;
  text-transform: uppercase !important;
  letter-spacing: .3px !important;
  margin-right: 6px !important;
  display: block !important;
}
#categories-2 .portfolio-meta-list li > span{
  grid-column: 2 / 3 !important;
  color: #111827 !important;
  font-size: 14.5px !important;
  line-height: 1.35 !important;
  display: block !important;
}

/* Ícone base para cada LI */
#categories-2 .portfolio-meta-list li::before{
  grid-column: 1 / 2 !important;
  align-self: start !important;
  content: "\f129" !important; /* fa-circle-info (fallback) */
  font-family: "Font Awesome 6 Free","Font Awesome 5 Free" !important;
  font-weight: 900 !important;
  font-size: 16px !important;
  color: #9aa0a6 !important;
}

/* Ícones por linha (ordem típica)  — se a ordem variar, me avisa que mando um JS curtinho pra adicionar classes */
#categories-2 .portfolio-meta-list li:nth-of-type(1)::before{ content:"\f007" !important; } /* Usuário: fa-user   */
#categories-2 .portfolio-meta-list li:nth-of-type(2)::before{ content:"\f06e" !important; } /* Visualizações: fa-eye */
#categories-2 .portfolio-meta-list li:nth-of-type(3)::before{ content:"\f073" !important; } /* Publicação: fa-calendar */
#categories-2 .portfolio-meta-list li:nth-of-type(4)::before{ content:"\f095" !important; } /* Telefone: fa-phone */
#categories-2 .portfolio-meta-list li:nth-of-type(5)::before{ content:"\f3c5" !important; } /* Localização: fa-location-dot */
#categories-2 .portfolio-meta-list li:nth-of-type(6)::before{ content:"\f02c" !important; } /* Veja mais em: fa-tag */
#categories-2 .portfolio-meta-list li:nth-of-type(7)::before{ content:"\f164" !important; } /* Curtir: fa-thumbs-up (FB) */

/* Realce “Telefone” no mobile (vira chamada/CTA visual) */
@media (max-width: 575.98px){
  #categories-2 .portfolio-meta-list li:nth-of-type(4){
    background: #eefdf3 !important;
    border: 1px solid #d1fae5 !important;
    border-radius: 12px !important;
    margin: 6px 0 !important;
  }
  #categories-2 .portfolio-meta-list li:nth-of-type(4)::before{
    content:"\f095" !important; color:#10b981 !important; /* phone em verde */
  }
}

/* Like do Facebook: espaçamento controlado */
#categories-2 .fb-like{ margin-top: 6px !important; }

/* ===== MOBILE: layout mais compacto e legível ===== */
@media (max-width: 767.98px){
  /* card ocupa 100% e com toques maiores */
  .item-custom-sidebar{ margin-top: 10px !important; }
  #categories-2 .portfolio-meta .post_category{ font-size: 18px !important; }
  #categories-2 .portfolio-meta-list li{ padding: 12px 10px !important; }
  #categories-2 .portfolio-meta-list li > span{ font-size: 16px !important; }
}

/* ===== OPCIONAL: chip para o link “Veja mais em” (se existir) ===== */
#categories-2 .portfolio-meta-list a[rel="tag"]{
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 6px 10px !important;
  border-radius: 999px !important;
  background: #f1f5f9 !important;
  color: #0f172a !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}
#categories-2 .portfolio-meta-list a[rel="tag"]::before{
  content:"\f02c" !important; /* fa-tag */
  font-family: "Font Awesome 6 Free","Font Awesome 5 Free" !important;
  font-weight: 900 !important;
}

/* Faixa do título do anúncio – fundo branco */
.title-section,
.title-section .col-md-10,
.title-section .col-md-2 {
  background: #fff !important;
  background-image: none !important;
}

/* remove qualquer ornamento (triângulo/shape) herdado do tema */
.title-section::before,
.title-section::after,
.title-header::before,
.title-header::after {
  content: none !important;
  display: none !important;
}

/* opcional: tira qualquer sombra/borda escura dessa faixa */
.title-section {
  box-shadow: none !important;
  border: 0 !important;
}

/* ====== RODAPÉ COM FONT AWESOME ====== */

/* Títulos com ícones */
#nav_menu-3 h4, #nav_menu-5 > h4, #nav_menu-6 h4 {
  position: relative !important;
  padding-left: 26px !important;
}
#nav_menu-3 h4::before{           /* Principal */
  content:"\f14e" !important;     /* fa-compass */
  font-family:"Font Awesome 5 Free","Font Awesome 6 Free" !important;
  font-weight:900 !important;
  position:absolute !important; left:0 !important; top:0 !important;
}
#nav_menu-5 > h4::before{         /* Controle */
  content:"\f1de" !important;     /* fa-sliders */
  font-family:"Font Awesome 5 Free","Font Awesome 6 Free" !important;
  font-weight:900 !important;
  position:absolute !important; left:0 !important; top:0 !important;
}
#social_networks-2 h4{
  position:relative !important; padding-left:26px !important;
}
#social_networks-2 h4::before{    /* Siga-nos */
  content:"\f1e0" !important;     /* fa-share-nodes */
  font-family:"Font Awesome 5 Free","Font Awesome 6 Free" !important;
  font-weight:900 !important;
  position:absolute !important; left:0 !important; top:0 !important;
}
#nav_menu-6 h4::before{           /* Segurança */
  content:"\f3ed" !important;     /* fa-shield-alt / shield-halved */
  font-family:"Font Awesome 5 Free","Font Awesome 6 Free" !important;
  font-weight:900 !important;
  position:absolute !important; left:0 !important; top:0 !important;
}

/* Bullets com seta em todos os menus do rodapé */
.footer-widgets .menu a{
  position: relative !important; padding-left: 18px !important;
}
.footer-widgets .menu a::before{
  content:"\f105" !important;     /* fa-angle-right */
  font-family:"Font Awesome 5 Free","Font Awesome 6 Free" !important;
  font-weight:900 !important;
  position:absolute !important; left:0 !important; top:2px !important;
  font-size:12px !important; color:#cbd5e1 !important;
}

/* ===== Sociais: trocar <img> por ícones FA (mantém o texto) ===== */
.social__list .social_ico{ display:none !important; }  /* esconde as imagens */
.social__list .social_link{
  gap:8px !important; padding:8px 10px !important;
  border-radius:10px !important; background:#2b3134 !important;
}
.social__list .social_link::before{
  font-family:"Font Awesome 5 Brands","Font Awesome 6 Brands" !important;
  font-weight:400 !important; font-size:16px !important;
  display:inline-block !important; width:16px !important;
  content:"\f1a0" !important; /* padrão: google */
}
.social_link__twitter::before { content:"\f099" !important; }   /* twitter */
.social_link__facebook::before{ content:"\f39e" !important; }   /* facebook-f */
.social_link__linkedin::before{ content:"\f0e1" !important; }   /* linkedin */

/* ===== Trustbar: ícones por item (ordem atual) ===== */
.footer-trustbar .trust-item{ position:relative !important; padding-left:24px !important; }
.footer-trustbar .trust-item::before{
  position:absolute !important; left:8px !important; top:50% !important; transform:translateY(-50%) !important;
  font-family:"Font Awesome 5 Free","Font Awesome 6 Free" !important; font-weight:900 !important; font-size:14px !important; color:#fe8f01 !important;
  content:"\f3ed" !important;               /* item 1: shield */
}
.footer-trustbar .trust-item:nth-child(2)::before{ content:"\f505" !important; } /* user-shield */
.footer-trustbar .trust-item:nth-child(3)::before{ content:"\f590" !important; } /* headset */

/* ===== Pagamentos: ícones por badge (ordem atual) ===== */
.footer-payments .pay-badge{ position:relative !important; padding-left:26px !important; }
.footer-payments .pay-badge::before{
  position:absolute !important; left:8px !important; top:50% !important; transform:translateY(-50%) !important;
  font-family:"Font Awesome 5 Free","Font Awesome 6 Free" !important; font-weight:900 !important;
  content:"\f09d" !important; /* credit-card default */
}
.footer-payments .pay-badge:nth-child(1)::before{ content:"\f029" !important; } /* PIX -> qrcode */
.footer-payments .pay-badge:nth-child(2)::before{ content:"\f02a" !important; } /* Boleto -> barcode */
.footer-payments .pay-badge:nth-child(3)::before{
  content:"\f1f0" !important; font-family:"Font Awesome 5 Brands","Font Awesome 6 Brands" !important; /* Visa */
}
.footer-payments .pay-badge:nth-child(4)::before{
  content:"\f1f1" !important; font-family:"Font Awesome 5 Brands","Font Awesome 6 Brands" !important; /* Mastercard */
}

/* ===== Mobile – aumenta toque e legibilidade ===== */
@media (max-width: 575.98px){
  .footer-widgets h4{ padding-left:28px !important; }
  .footer-widgets .menu a{ padding:12px 8px 12px 22px !important; }
  .social__list .social_link{ padding:10px 12px !important; }
}


/* ===== Busca (desktop e mobile) com ícones internos ===== */

/* Mantém seu “pill” e separadores */
.custom-searchhome-container form{
  display:grid !important;
  grid-template-columns: 28% 28% 1fr 52px !important;
  align-items:center !important;
  gap:0 !important;
  background:#fff !important;
  border:1px solid #e5e7eb !important;
  border-radius:28px !important;
  overflow:hidden !important;
  box-shadow:0 6px 16px rgba(16,24,40,.06) !important;
}

/* wrappers com ícone (inseridos via JS abaixo) */
.input-icon{ position:relative !important; }
.input-icon > i{
  position:absolute !important;
  left:12px !important; top:50% !important; transform:translateY(-50%) !important;
  font-size:14px !important; color:#9aa0a6 !important; pointer-events:none !important;
}

/* campos padronizados */
.custom-searchhome-container .form-control{
  height:52px !important; font-size:15px !important; color:#111827 !important;
  border:0 !important; border-right:1px solid #f1f5f9 !important;
  border-radius:0 !important; background:#fff !important; padding:0 14px !important;
}
.input-icon > select,
.input-icon > input{ padding-left:34px !important; }  /* espaço para o ícone */
.custom-searchhome-container .header-input-search{ border-right:0 !important; }
.custom-searchhome-container .form-control::placeholder{ color:#9aa0a6 !important; }

/* seta dos <select> */
.header-select-uf,
.header-select-city{
  padding-right:38px !important;
  appearance:none !important; -webkit-appearance:none !important; -moz-appearance:none !important;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%239aa0a6'><path d='M7 10l5 5 5-5z'/></svg>") !important;
  background-repeat:no-repeat !important; background-size:16px 16px !important;
  background-position:right 12px center !important;
}

/* foco bonito em qualquer campo */
.custom-searchhome-container .form-control:focus{
  outline:none !important;
  box-shadow: inset 0 0 0 2px transparent, 0 0 0 3px rgba(59,130,246,.25) !important;
}

/* botão */
.header-button-submit{
  width:52px !important; height:52px !important; border:0 !important;
  background:#fe8f01 !important; color:#fff !important;
  display:inline-flex !important; align-items:center !important; justify-content:center !important;
  transition:transform .12s ease, opacity .12s ease !important;
}
.header-button-submit:hover{ transform:translateY(-1px) !important; opacity:.96 !important; }

/* ===== Responsivo ===== */
@media (max-width: 991.98px){
  .custom-searchhome-container form{
    grid-template-columns:1fr !important;
    border-radius:16px !important; box-shadow:0 4px 12px rgba(16,24,40,.06) !important;
  }
  .custom-searchhome-container .form-control{
    border-right:0 !important; border-bottom:1px solid #f1f5f9 !important;
  }
  .custom-searchhome-container .form-control:last-of-type{ border-bottom:0 !important; }
  .header-button-submit{ width:100% !important; border-radius:0 0 16px 16px !important; }
}

/* ===== Fix: ícones dentro dos campos da busca ===== */

/* dá mais espaço interno para o texto iniciar depois do ícone */
.input-icon > select,
.input-icon > input {
  padding-left: 48px !important;   /* antes estava curto */
  width: 100% !important;
  box-sizing: border-box !important;
  text-indent: 0 !important;       /* zera qualquer indent herdado */
  -webkit-padding-start: 0 !important; /* safari */
}

/* posiciona melhor os ícones */
.input-icon {
  position: relative !important;
}
.input-icon > i {
  position: absolute !important;
  left: 14px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  font-size: 16px !important;
  color: #9aa0a6 !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

/* ajusta o grid para não espremer os selects */
.custom-searchhome-container form{
  grid-template-columns: 30% 30% 1fr 60px !important; /* +largura para UF/Cidade */
}

/* separadores e alturas coerentes */
.custom-searchhome-container .form-control{
  height: 52px !important;
  line-height: 52px !important;
  border-right: 1px solid #f1f5f9 !important;
}
.custom-searchhome-container .header-input-search{ border-right: 0 !important; }

/* responsivo */
@media (max-width: 991.98px){
  .custom-searchhome-container form{ grid-template-columns: 1fr !important; }
  .custom-searchhome-container .form-control{
    border-right: 0 !important;
    border-bottom: 1px solid #f1f5f9 !important;
  }
  .custom-searchhome-container .form-control:last-of-type{ border-bottom: 0 !important; }
  .input-icon > select,
  .input-icon > input{ padding-left: 44px !important; }
}

/* === Espaço pro texto não encostar no ícone === */
.input-icon > select {
  padding-left: 56px !important;  /* ajuste fino */
}

/* === Aparência dos SELECTs (container) === */
.header-select-uf,
.header-select-city {
  font-size: 15px !important;
  color: #111827 !important;
}

/* === Estilo dos OPTIONS (funciona melhor em Chrome/Edge/Safari) === */
.header-select-uf option,
.header-select-city option {
  font-size: 15px !important;
  line-height: 1.4 !important;
  padding: 10px 12px !important;     /* dá respiro dentro do dropdown */
  background: #fff !important;
  color: #0f172a !important;
}

/* Hover e item selecionado (suporte varia por navegador) */
.header-select-uf option:hover,
.header-select-city option:hover {
  background: #f1f5f9 !important;
}
.header-select-uf option:checked,
.header-select-city option:checked {
  background: #e6f0ff !important;     /* destaque do selecionado */
  color: #0b3b8c !important;
}

/* Borda/foco do select (quando aberto ou focado) */
.header-select-uf:focus,
.header-select-city:focus {
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(59,130,246,.25) !important;
  border-radius: 10px !important;
}

.header-logo-custom {
    max-height: 77px  ;
   
    margin-top: 11px;
}

/* ===== Meta do anúncio (limpo, sem ícones) ===== */

/* zera qualquer ícone anterior */
#categories-2 .portfolio-meta-list li::before,
#categories-2 .portfolio-meta-list li[class]::before {
  content: none !important;
  display: none !important;
}

/* layout e espaçamento */
#categories-2 .portfolio-meta-list{
  list-style: none !important;
  margin: 6px 0 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}
#categories-2 .portfolio-meta-list br{ display: none !important; } /* remove <br> do tema */

/* cada linha vira um "row" discreto */
#categories-2 .portfolio-meta-list li{
  padding: 12px 10px !important;
  border-bottom: 1px solid #eef2f6 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
}
#categories-2 .portfolio-meta-list li:last-child{
  border-bottom: 0 !important;
}

/* rótulo pequeno em uppercase, cinza */
#categories-2 .portfolio-meta-key{
  font: 800 12px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif !important;
  color: #6b7280 !important;         /* cinza 500 */
  letter-spacing: .35px !important;
  text-transform: uppercase !important;
  margin: 0 !important;
}

/* valor maior e mais forte */
#categories-2 .portfolio-meta-list li > span{
  font: 600 15.5px/1.35 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif !important;
  color: #0f172a !important;         /* quase preto */
}

/* esconde linhas cujo valor esteja vazio (Chrome/Safari/Edge) */
#categories-2 .portfolio-meta-list li:has(> span:empty){
  display: none !important;
}

/* card inteiro (mantém a estética do resto que já fizemos) */
#categories-2 .entry-meta{
  background: #fff !important;
  border: 1px solid #e9ecef !important;
  border-radius: 14px !important;
  padding: 14px !important;
  box-shadow: 0 6px 18px rgba(16,24,40,.06) !important;
}

/* mobile: aumenta um pouco a leitura */
@media (max-width: 575.98px){
  #categories-2 .portfolio-meta-list li{ padding: 12px !important; }
  #categories-2 .portfolio-meta-list li > span{ font-size: 16px !important; }
}


/* ===== MOBILE-ONLY: filtro de busca padronizado ===== */
@media (max-width: 575.98px){
  /* container do “pill” */
  .custom-searchhome-container{
    padding: 0 12px !important;
  }
  .custom-searchhome-container form{
    display: block !important;
    background: #fff !important;
    border: 1px solid #e6e9ef !important;
    border-radius: 16px !important;
    overflow: hidden !important;            /* empilha os campos */
    box-shadow: 0 6px 14px rgba(16,24,40,.08) !important;
  }

  /* cada campo com ícone à esquerda */
  .custom-searchhome-container .input-icon{
    position: relative !important;
  }
  .custom-searchhome-container .input-icon > i{
    position: absolute !important;
    left: 14px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    font-size: 18px !important;
    color: #9aa0a6 !important;
    pointer-events: none !important;
  }

  /* altura, tipografia e separadores */
  .custom-searchhome-container .form-control{
    width: 100% !important;
    height: 54px !important;
    line-height: 54px !important;
    font-size: 16px !important;
    color: #111827 !important;
    border: 0 !important;
    border-bottom: 1px solid #f1f5f9 !important;
    border-radius: 0 !important;
    padding: 0 14px !important;
    background: #fff !important;
  }
  /* espaço pro texto não grudar no ícone */
  .custom-searchhome-container .input-icon > select,
  .custom-searchhome-container .input-icon > input{
    padding-left: 48px !important;
    box-sizing: border-box !important;
  }
  .custom-searchhome-container .form-control::placeholder{
    color: #9aa0a6 !important;
  }
  .custom-searchhome-container .form-control:focus{
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(59,130,246,.20) inset !important;
  }

  /* último campo sem borda inferior */
  .custom-searchhome-container .input-icon:last-of-type .form-control{
    border-bottom: 0 !important;
  }

  /* botão de busca: full width */
  .custom-searchhome-container .header-button-submit{
    width: 100% !important;
    height: 56px !important;
    border: 0 !important;
    border-radius: 0 0 16px 16px !important;
    background: #fe8f01 !important;
    color: #fff !important;
    font-size: 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  /* — Se estiver usando o dropdown custom (select-ui), mantém o mesmo visual — */
  .custom-searchhome-container .select-ui{
    height: 54px !important;
    padding-left: 48px !important;
    padding-right: 38px !important;
    border: 0 !important;
    border-bottom: 1px solid #f1f5f9 !important;
    border-radius: 0 !important;
    font-size: 16px !important;
    color: #111827 !important;
    background: #fff !important;
    position: relative !important;
    width: 100% !important;
    text-align: left !important;
  }
  .custom-searchhome-container .select-ui.is-placeholder{ color:#9aa0a6 !important; }
  .custom-searchhome-container .select-ui .icon-left{
    position:absolute !important; left:14px !important; top:50% !important; transform:translateY(-50%) !important;
    font-size:18px !important; color:#9aa0a6 !important;
  }
  .custom-searchhome-container .select-ui .caret{
    position:absolute !important; right:12px !important; top:50% !important; transform:translateY(-50%) !important;
    font-size:12px !important; color:#9aa0a6 !important;
  }
  .custom-searchhome-container .select-dropdown{
    border-radius: 12px !important;
    box-shadow: 0 12px 28px rgba(16,24,40,.14) !important;
  }
}

/* === MOBILE FIX – filtro empilhado e com cantos arredondados === */
@media (max-width: 575.98px){
  /* zera qualquer grid antigo no form */
  .custom-searchhome-container form{
    display: block !important;
    grid-template-columns: none !important;
    gap: 0 !important;

    /* card */
    background: #fff !important;
    border: 1px solid #e6e9ef !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    box-shadow: 0 6px 14px rgba(16,24,40,.08) !important;

    /* remove cortes/colisões */
    padding: 0 !important;
    margin: 0 !important;
    position: relative !important;
  }

  /* cada linha com ícone à esquerda */
  .custom-searchhome-container .input-icon{
    position: relative !important;
    margin: 0 !important;
  }
  .custom-searchhome-container .input-icon > i{
    position: absolute !important;
    left: 14px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    font-size: 18px !important;
    color: #9aa0a6 !important;
    pointer-events: none !important;
    z-index: 1 !important;
  }

  /* campos (select + input) */
  .custom-searchhome-container .form-control{
    width: 100% !important;
    height: 54px !important;
    line-height: 54px !important;
    font-size: 16px !important;
    color: #111827 !important;

    /* limpa estilos herdados */
    background: #fff !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    padding: 0 14px !important;
    margin: 0 !important;
    -webkit-appearance: none !important;
       -moz-appearance: none !important;
            appearance: none !important;
  }
  /* espaço para o ícone */
  .custom-searchhome-container .input-icon > select,
  .custom-searchhome-container .input-icon > input{
    padding-left: 48px !important;
    box-sizing: border-box !important;
  }

  /* divisórias entre linhas */
  .custom-searchhome-container .input-icon:not(:last-of-type) .form-control{
    border-bottom: 1px solid #f1f5f9 !important;
  }

  /* cor do placeholder */
  .custom-searchhome-container .form-control::placeholder{
    color: #9aa0a6 !important;
  }

  /* foco */
  .custom-searchhome-container .form-control:focus{
    box-shadow: inset 0 0 0 2px rgba(59,130,246,.25) !important;
  }

  /* seta dos selects (fica à direita) */
  .custom-searchhome-container .header-select-uf,
  .custom-searchhome-container .header-select-city{
    padding-right: 38px !important;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%239aa0a6'><path d='M7 10l5 5 5-5z'/></svg>") !important;
    background-repeat: no-repeat !important;
    background-size: 16px 16px !important;
    background-position: right 12px center !important;
  }

  /* botão 100% largura e canto arredondado inferior */
  .custom-searchhome-container .header-button-submit{
    width: 100% !important;
    height: 56px !important;
    border: 0 !important;
    border-radius: 0 0 16px 16px !important;
    background: #fe8f01 !important;
    color: #fff !important;
    font-size: 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  /* segurança: remove qualquer sombra/borda herdada em *qualquer* filho */
  .custom-searchhome-container form *{
    border-radius: 0 !important;
    box-shadow: none !important;
  }
}

/* ===== MOBILE: remover ícones nos campos do filtro ===== */
@media (max-width: 575.98px){
  /* some os ícones da esquerda (inclui os do select custom) */
  .custom-searchhome-container .input-icon > i,
  .custom-searchhome-container .select-ui .icon-left{
    display: none !important;
  }

  /* volta o padding padrão sem espaço do ícone */
  .custom-searchhome-container .input-icon > select,
  .custom-searchhome-container .input-icon > input,
  .custom-searchhome-container .select-ui{
    padding-left: 14px !important;
  }

  /* se algum tema estiver desenhando pseudo-elementos no wrapper, zera */
  .custom-searchhome-container .input-icon::before,
  .custom-searchhome-container .input-icon::after{
    content: none !important;
  }
}

/* ====== LISTA DE MENSAGENS ====== */
.comment-holder{
  background:#fff!important;
  border:1px solid #e9ecef!important;
  border-radius:16px!important;
  padding:18px 16px 8px!important;
  box-shadow:0 8px 24px rgba(16,24,40,.06)!important;
}
.comment-holder .comments-h{
  margin:0 0 10px!important;
  font:800 18px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
  color:#0f172a!important;
}
.comment-holder .comment-list{
  list-style:none!important; margin:0!important; padding:0!important;
}
.comment-holder .comment-list > li{ margin:0 0 14px!important; }

/* cartõezinhos das mensagens */
.comment-holder .comment-body{
  background:#fff!important;
  border:1px solid #eef2f6!important;
  border-radius:12px!important;
  padding:14px!important;
}

/* primeira linha: avatar + texto em grid */
.comment-holder .comment-body > .wrapper:first-child{
  display:grid!important;
  grid-template-columns:56px 1fr!important;
  gap:12px!important;
  align-items:flex-start!important;
}
.comment-holder .comment-author.vcard{
  display:flex!important; align-items:center!important; gap:10px!important;
}
.comment-holder .comment-author .avatar{
  width:56px!important; height:56px!important; border-radius:50%!important;
  border:1px solid #e5e7eb!important; object-fit:cover!important;
}
.comment-holder .comment-author .author{
  display:block!important;
  font:700 14px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
  color:#111827!important;
  margin-top:2px!important;
}

/* texto da mensagem */
.comment-holder .extra-wrap{
  font:400 15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
  color:#0f172a!important;
}

/* rodapé: data à direita */
.comment-holder .comment-body > .wrapper:last-child{
  display:flex!important; justify-content:flex-end!important; margin-top:6px!important;
}
.comment-holder .comment-meta{
  font:600 12px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
  color:#6b7280!important;
}

/* respostas (ul.children) com tratamento visual */
.comment-holder .children{
  list-style:none!important; margin:10px 0 0 64px!important; padding:0!important;
}
.comment-holder .children .comment-body{
  background:#f7fbff!important;
  border-color:#dbeafe!important;
}

/* ====== FORMULÁRIO “FAÇA UMA PERGUNTA” ====== */
#respond{
  margin-top:18px!important;
  background:#fff!important;
  border:1px solid #e9ecef!important;
  border-radius:14px!important;
  padding:16px!important;
  box-shadow:0 8px 24px rgba(16,24,40,.06)!important;
}
#respond > h3{
  margin:0 0 12px!important;
  font:800 18px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
  color:#0f172a!important;
}

/* grid simpático (mantendo seu HTML) */
#respond .col-md-6,
#respond .col-md-12{ padding:6px 6px!important; }
#respond .form-group{ margin:0!important; }

/* inputs */
#respond .form-control{
  height:46px!important; border-radius:10px!important;
  border:1px solid #e5e7eb!important; background:#fff!important;
  font-size:15px!important; color:#111827!important; padding:0 12px!important;
  box-shadow:none!important;
}
#respond textarea.form-control{
  min-height:120px!important; resize:vertical!important; padding:10px 12px!important;
}
#respond .form-control::placeholder{ color:#9aa0a6!important; }
#respond .form-control:focus{
  outline:none!important; box-shadow:0 0 0 3px rgba(59,130,246,.18)!important; border-color:#c7d2fe!important;
}

/* botão */
#respond .comment_submit{ margin:8px 6px 0!important; }
#respond #submit{
  height:44px!important; border:0!important; border-radius:10px!important;
  background:#fe8f01!important; color:#fff!important; font-weight:700!important;
  padding:0 18px!important;
}

/* mensagem de “precisa logar” */
#respond > h4{
  font:600 14px/1.35 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
  color:#334155!important; margin:8px 0 10px!important;
}
#respond a.btn.btn-primary{
  display:inline-flex!important; align-items:center!important; gap:8px!important;
  height:40px!important; border-radius:10px!important; background:#0ea5e9!important; border:0!important;
}

/* ====== RESPONSIVO ====== */
@media (max-width: 575.98px){
  .comment-holder{ padding:14px 12px 6px!important; }
  .comment-holder .comment-body{ padding:12px!important; }
  .comment-holder .children{ margin-left:48px!important; }
  #respond{ padding:14px!important; }
}

/* ====== FIX encavalamento do autor x texto ====== */
.comment-holder .comment-body > .wrapper:first-child{
  display: grid !important;
  grid-template-columns: 56px 1fr !important;   /* col. avatar | col. texto */
  gap: 12px !important;
  align-items: flex-start !important;
}

/* coluna do avatar + nome (travada em 56px) */
.comment-holder .comment-body > .wrapper:first-child .comment-author{
  grid-column: 1 / 2 !important;
  width: 56px !important;
  min-width: 56px !important;
  display: flex !important;
  flex-direction: column !important;   /* avatar em cima, nome embaixo */
  align-items: center !important;
}
.comment-holder .comment-body > .wrapper:first-child .comment-author .avatar{
  width: 56px !important; height: 56px !important; flex: 0 0 56px !important;
}
.comment-holder .comment-body > .wrapper:first-child .comment-author .author{
  margin: 6px 0 0 !important;
  font-size: 12px !important; line-height: 1.1 !important;
  color: #0f172a !important; text-align: center !important;
  word-break: break-word !important;
}

/* texto da mensagem sempre na 2ª coluna */
.comment-holder .comment-body > .wrapper:first-child .extra-wrap{
  grid-column: 2 / 3 !important;
  word-break: break-word !important;
}

/* (opcional) aplica o mesmo nas respostas, se usarem a mesma estrutura */
.comment-holder .children .comment-body > .wrapper:first-child{
  grid-template-columns: 56px 1fr !important;
}

/* ===== Top bar: ícones + visual melhorzinho ===== */
.da_bar{
  background:#1f2937 !important; /* cinza-escuro discreto */
  border-bottom:1px solid rgba(255,255,255,.06) !important;
}

.da_bar__links{ display:flex; justify-content:flex-end; }
.da_bar__list{
  display:flex; align-items:center; gap:14px;
  margin:0; padding:0; list-style:none;
}
.da_bar__list__itens a{
  display:inline-flex; align-items:center; gap:8px;
  padding:8px 10px; border-radius:8px;
  color:#e5e7eb; text-decoration:none; font-weight:600;
  transition:background .15s ease, color .15s ease, transform .1s ease;
}
.da_bar__list__itens a:hover{ background:rgba(255,255,255,.08); color:#fff; transform:translateY(-1px); }

/* Ícone antes do texto (Font Awesome 6/5) */
.da_bar__list__itens a::before{
  font-family:"Font Awesome 6 Free","Font Awesome 5 Free";
  font-weight:900; font-size:14px; line-height:1;
  color:#9aa0a6; transition:color .15s ease;
  content:""; /* definido por link abaixo */
}
.da_bar__list__itens a:hover::before{ color:#fff; }

/* Mapas de ícones por destino do link */
.da_bar__list__itens a[href*="/login"]::before{             /* Entrar */
  content:"\f2f6"; /* fa-right-to-bracket */
}
.da_bar__list__itens a[href*="/contato"]::before{           /* Fale Conosco */
  content:"\f0e0"; /* fa-envelope */
}

/* Opcional: se estes links existirem na barra, já ficam com ícones também */
.da_bar__list__itens a[href*="/conta"]::before{             /* Meus Dados */
  content:"\f007"; /* fa-user */
}
.da_bar__list__itens a[href*="adminanunciante"]::before{    /* Meus anúncios */
  content:"\f0a1"; /* fa-bullhorn */
}
.da_bar__list__itens a[href*="propostas.php"]::before{      /* Perguntas */
  content:"\f059"; /* fa-question-circle */
}
.da_bar__list__itens a[href*="logout"]::before{             /* Sair */
  content:"\f2f5"; /* fa-right-from-bracket */
}

/* Mobile: afasta um pouco e aumenta clique */
@media (max-width: 575.98px){
  .da_bar__list{ gap:10px; }
  .da_bar__list__itens a{ padding:10px 12px; }
}

/* ===== Clientes / Parceiros ===== */

/* fundo neutro do bloco (opcional) */
.content_box.extra{
  background: #fafafa !important;
}

/* título */
.content_box.extra h2{
  margin: 10px 0 22px !important;
  font: 800 28px/1.25 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif !important;
  color: #0f172a !important;
  text-align: center !important;
}

/* remove estilos antigos da UL */
.recent-posts.list_3.unstyled{
  list-style: none !important;
  margin: 0 auto !important;
  padding: 0 16px 28px !important;

  /* vira uma grid fluida */
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)) !important;
  gap: 18px !important;
  max-width: 1200px !important;
}

/* cada item: card suave */
.recent-posts.list_3.unstyled .recent-posts_li{
  margin: 0 !important;
  background: #fff !important;
  border: 1px solid #e9eef3 !important;
  border-radius: 14px !important;
  height: 110px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
  box-shadow: 0 6px 14px rgba(16,24,40,.06) !important;
}

/* elevação e leve escala no hover */
.recent-posts.list_3.unstyled .recent-posts_li:hover{
  transform: translateY(-3px) !important;
  box-shadow: 0 12px 24px rgba(16,24,40,.10) !important;
  border-color: #dfe7f0 !important;
}

/* figure e imagem padronizadas */
.recent-posts.list_3.unstyled .recent-posts_li .thumbnail{
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

.recent-posts.list_3.unstyled .recent-posts_li .thumbnail img{
  width: auto !important;
  max-width: 100% !important;
  max-height: 56px !important;           /* altura uniforme */
  object-fit: contain !important;
  display: block !important;

  /* efeito grayscale → color */
  filter: grayscale(100%) contrast(1.05) brightness(0.95) !important;
  opacity: .9 !important;
  transition: filter .2s ease, opacity .2s ease, transform .2s ease !important;
}

/* no hover volta a cor e dá leve zoom */
.recent-posts.list_3.unstyled .recent-posts_li:hover .thumbnail img{
  filter: none !important;
  opacity: 1 !important;
  transform: scale(1.03) !important;
}

/* remove qualquer clear/float legado */
.recent-posts.list_3.unstyled .recent-posts_li .clear{ display:none !important; }

/* responsivo */
@media (max-width: 767.98px){
  .content_box.extra h2{ font-size: 22px !important; margin-bottom: 18px !important; }
  .recent-posts.list_3.unstyled{
    gap: 14px !important;
    grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)) !important;
  }
  .recent-posts.list_3.unstyled .recent-posts_li{
    height: 96px !important;
    border-radius: 12px !important;
  }
  .recent-posts.list_3.unstyled .recent-posts_li .thumbnail img{
    max-height: 48px !important;
  }
}

/* Escurece suavemente as imagens do parallax/slider */
.parallax-slider .parallax-slider-img{
  position: relative !important;
  overflow: hidden !important;
}
.parallax-slider .parallax-slider-img::after{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;                   /* top/right/bottom/left: 0 */
  background: rgba(0,0,0,.28) !important;/* intensidade do “escurecedor” */
  pointer-events: none !important;
  z-index: 2 !important;                 /* fica acima da imagem, abaixo das legendas */
  transition: opacity .25s ease !important;
}

/* Garante que a legenda fique acima do overlay */
#mainCaptionHolder, .parallax-slider #mainCaptionHolder .primaryCaption{
  position: relative !important;
  z-index: 5 !important;
}

/* Texto mais legível por cima do slide */
.parallax-slider .slider_caption,
.parallax-slider .slider_caption a{
  color: #fff !important;
  text-shadow: 0 2px 6px rgba(0,0,0,.55) !important;
}

/* Opcional: no hover/drag clareia um pouco (efeito sutil) */
.parallax-slider:hover .parallax-slider-img::after{
  opacity: .22 !important;
}

/* Mobile: um pouquinho mais escuro para compensar telas pequenas */
@media (max-width: 767.98px){
  .parallax-slider .parallax-slider-img::after{
    background: rgba(0,0,0,.34) !important;
  }
}

/* 1) Nunca deixe a página rolar na horizontal */
html, body{
  width:100%;
  max-width:100%;
  overflow-x:hidden;          /* usa clip em browsers modernos se preferir */
}

 

/* 3) Garante que as imagens nunca passem de 100% */
.parallax-slider .parallax-slider-img,
.parallax-slider img,
.thumbnail img{
  max-width:100% !important;
  height:auto;
  display:block;
}

/* 4) Mantém as setas do slider sempre dentro do container */
.parallax-slider .controlBtn{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:5;
}
.parallax-slider .parallaxPrevBtn{ left:10px; }
.parallax-slider .parallaxNextBtn{ right:10px; }

/* (opcional) evita que qualquer .container/.container-fluid estoure 100% */
.container, .container-fluid, .motopress-wrapper, .header{
  max-width:100%;
}


/* ====== Categorias — grid moderno ====== */
:root{
  --brand: #ff9300;         /* cor de destaque */
  --ring: rgba(0,0,0,.08);  /* borda suave */
}

.content_box .container{
  /* garante espaçamento bonito sem “vazar” */
  overflow: hidden;
}

.cat-item{
  padding: clamp(6px, .9vw, 12px);
}

.cat-card{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
  text-decoration:none;
  background: linear-gradient(180deg,#ffffff80,#ffffff40);
  border:1px solid rgba(0,0,0,.06);
  border-radius:24px;
  padding: clamp(10px,1.4vw,16px);
  box-shadow: 0 2px 10px rgba(0,0,0,.05);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
  height: 100%;
}

.cat-card:hover{
  transform: translateY(-6px);
  box-shadow: 0 14px 30px rgba(0,0,0,.12);
  border-color: var(--brand);
}

/* Ícone em círculo com anel e profundidade */
.cat-icon{
  position: relative;
  width: clamp(84px, 9vw, 120px);
  aspect-ratio: 1 / 1;
  border-radius: 999px;
  display: grid;
  place-items: center;
  isolation: isolate;
}

.cat-icon::before{
  content:"";
  position:absolute;
  inset:-6px;
  border-radius: inherit;
  box-shadow:
    0 0 0 1px var(--ring) inset,
    0 14px 24px rgba(0,0,0,.08);
  background: radial-gradient(120% 120% at 50% 0%, #fff 0%, #ffffff00 70%);
  z-index:-1;
  transition: box-shadow .3s ease;
}

.cat-card:hover .cat-icon::before{
  box-shadow:
    0 0 0 2px var(--brand) inset,
    0 20px 34px rgba(0,0,0,.18);
}

/* A imagem do seu banco já é o círculo laranja — só tratamos responsividade */
.cat-icon img{
  width: 72%;
  height: auto;
  display:block;
  filter: drop-shadow(0 2px 1px rgba(0,0,0,.15));
  transition: transform .25s ease;
}
.cat-card:hover .cat-icon img{ transform: scale(1.06); }

/* Título */
.cat-title{
  font-size: clamp(14px, 1.2vw, 15px);
  font-weight: 600;
  line-height: 1.2;
  color:#2f2f2f;
  text-align:center;
  letter-spacing:.2px;
  margin-top: 2px;
}
.cat-card:hover .cat-title{ color: var(--brand); }

/* Responsivo: 6 / 3 / 2 por linha */
@media (max-width: 991px){
  .cat-item{ width: 33.3333%; float:left; }
}
@media (max-width: 575px){
  .cat-item{ width: 50%; float:left; }
}
/* 1) Restaura as cores originais dos ícones */
.cat-icon img,
.service-box .icon img{
  filter: none !important;
  -webkit-filter: none !important;
  mix-blend-mode: normal !important;
  opacity: 1 !important;
}

/* 2) Garante fundo neutro do card (pra não desbotar) */
.cat-card{ background:#fff; }

/* 3) Realce no hover/ativo (mantém seu destaque laranja) */
.cat-card:hover .cat-title,
.cat-card.is-active .cat-title{ color:#ff9300; }
.cat-card:hover .cat-icon::before,
.cat-card.is-active .cat-icon::before{
  box-shadow: 0 0 0 2px #ff9300 inset, 0 20px 34px rgba(0,0,0,.18);
}

/* Versão com disco laranja fixo */
.cat-icon{
  background:#ff9300;
  border-radius:999px;
}
.cat-icon img{
  /* deixa o pictograma branco mesmo que a imagem seja escura */
  filter: brightness(0) invert(1) !important;
}