.elementor-18394 .elementor-element.elementor-element-910d61d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-18394 .elementor-element.elementor-element-20d527d{width:100%;max-width:100%;text-align:center;}.elementor-18394 .elementor-element.elementor-element-20d527d .elementor-heading-title{font-weight:600;}.elementor-18394 .elementor-element.elementor-element-8091c45{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-18394 .elementor-element.elementor-element-304df71{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-18394 .elementor-element.elementor-element-ed77c69{width:100%;max-width:100%;}:root{--page-title-display:none;}/* Start custom CSS for shortcode, class: .elementor-element-280726c *//* ===========================
   QLX Fórum de Imóveis — CSS completo
   Aplica a:
   .qlx-forum, .qlx-wrap, .qlx-head, .qlx-saldo, .qlx-filters,
   .qlx-btn, .qlx-btn-mini, .qlx-btn-buy, .qlx-btn-wa,
   .qlx-list, .qlx-card, .qlx-alert, .qlx-form, .qlx-row, .qlx-field,
   .qlx-contact, .qlx-contact-revealed, .qlx-loadmore, .qlx-pagination
   =========================== */

/* ===== Paleta, tipografia e reset suave ===== */
.qlx-forum{
  --bg:#ffffff;
  --bg-soft:#f8fafc;
  --bd:#e4e9f1;
  --txt:#1f2d3d;
  --muted:#6b7a8c;
  --pri:#2d8cff;
  --pri-h:#1f6fd1;
  --ok:#25a55b;
  --err:#e74c3c;
  --shadow:0 10px 24px rgba(22,25,35,.08);
  --shadow-lg:0 16px 40px rgba(22,25,35,.12);
  --radius:16px;
  --radius-sm:12px;
  --focus:0 0 0 3px rgba(45,140,255,.18);
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Inter,Arial,sans-serif;
}

/* ===== Caixa principal ===== */
.qlx-wrap{
  background:var(--bg);
  border:1px solid var(--bd);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  padding:22px;
  margin:22px 0;
}

/* ===== Cabeçalho ===== */
.qlx-head{
  display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap;
  margin-bottom:8px;
}
.qlx-head h3{
  margin:0; font-size:26px; font-weight:800; color:var(--txt); letter-spacing:.2px;
}
.qlx-saldo{ color:#394a5b; font-weight:700; }
.qlx-saldo b{ color:var(--ok); }

/* ===== Filtros ===== */
.qlx-filters{
  display:grid; grid-template-columns:2fr 1fr 1fr auto;
  gap:10px; margin:12px 0 16px;
}
.qlx-filters input, .qlx-filters select{
  border:1px solid var(--bd);
  background:#fff;
  border-radius:var(--radius-sm);
  padding:11px 12px;
  font-size:15px; color:var(--txt);
  outline:none; transition:border-color .2s, box-shadow .2s, background .2s;
}
.qlx-filters input:focus, .qlx-filters select:focus{
  border-color:var(--pri); box-shadow:var(--focus);
}

/* ===== Botões ===== */
.qlx-btn,
.qlx-btn-mini{
  display:inline-block; border:none; border-radius:999px;
  background:var(--pri); color:#fff; text-decoration:none;
  font-weight:800; cursor:pointer;
  transition:transform .05s, background .25s, box-shadow .25s, filter .2s;
  box-shadow:0 10px 22px rgba(45,140,255,.18);
}
.qlx-btn{ padding:12px 18px; }
.qlx-btn-mini{ padding:8px 12px; font-weight:700; }
.qlx-btn:hover, .qlx-btn-mini:hover{
  background:var(--pri-h); box-shadow:0 12px 26px rgba(31,111,209,.22);
}
.qlx-btn:active, .qlx-btn-mini:active{ transform:translateY(1px); }

/* Botão de compra de créditos — sempre azul com fonte branca */
.qlx-btn-buy{ background:#2d8cff !important; color:#fff !important; }
.qlx-btn-buy:hover{ background:#1f6fd1 !important; }

/* Botão WhatsApp (após desbloquear) */
.qlx-btn-wa{
  display:inline-block; border-radius:999px; padding:7px 12px;
  background:#25d366; color:#fff !important; text-decoration:none;
  font-weight:800; box-shadow:0 10px 20px rgba(37,211,102,.22);
}
.qlx-btn-wa:hover{ filter:saturate(1.1) brightness(1.02); }

/* ===== Lista de cards ===== */
.qlx-list{ display:grid; grid-template-columns:1fr; gap:12px; }
.qlx-card{
  background:#fff; border:1px solid var(--bd); border-radius:14px; padding:16px;
  display:flex; flex-direction:column; gap:8px;
  transition:transform .2s, box-shadow .25s, border-color .25s;
}
.qlx-card:hover{
  transform:translateY(-3px);
  box-shadow:var(--shadow-lg);
  border-color:#dbe3ee;
}
.qlx-card > a{ color:var(--txt); text-decoration:none; }
.qlx-card > a:hover{ text-decoration:underline; }
.qlx-card .meta{ color:#6b7a8c; font-size:13px; }
.qlx-muted{ color:var(--muted); font-size:14px; }

/* Bloco de contato */
.qlx-contact{ margin-top:6px; }
.qlx-contact .lock{ color:#63748a; display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.qlx-contact-revealed{ color:#1f2d3d; }
.qlx-contact-revealed a{ color:var(--pri); }

/* ===== Alertas ===== */
.qlx-alert{
  border-radius:12px; padding:10px 12px; margin:10px 0; border:1px solid;
}
.qlx-alert.success{ border-color:#bfead0; background:#e9fbf1; color:#215f3e; }
.qlx-alert.error  { border-color:#ffd6d2; background:#fff3f2; color:#8e2b21; }

/* ===== Formulário de novo tópico ===== */
.qlx-form{
  margin-top:18px;
  border-top:1px dashed var(--bd);
  padding-top:16px;
}
.qlx-form h4{ margin:0 0 10px; font-size:18px; color:var(--txt); }

.qlx-row{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.qlx-field{ display:flex; flex-direction:column; gap:6px; margin-bottom:12px; }
.qlx-field label{ font-weight:700; color:#32475b; font-size:14px; }
.qlx-field input, .qlx-field select, .qlx-field textarea{
  border:1px solid var(--bd); border-radius:12px; padding:12px 13px;
  font-size:15px; outline:none; transition:border-color .2s, box-shadow .2s, background .2s;
  background:#fff; color:var(--txt);
}
.qlx-field textarea{ min-height:120px; resize:vertical; }
.qlx-field input:focus, .qlx-field select:focus, .qlx-field textarea:focus{
  border-color:var(--pri); box-shadow:var(--focus);
}

/* ===== Paginação e carregar mais ===== */
.qlx-loadmore{ margin-top:14px; text-align:center; }
.qlx-pagination{ margin-top:16px; }
.qlx-pagination ul{ list-style:none; padding:0; margin:0; display:flex; gap:8px; flex-wrap:wrap; }
.qlx-pagination a, .qlx-pagination span{
  display:inline-block; padding:8px 12px; border:1px solid var(--bd); border-radius:10px;
  text-decoration:none; color:#35506a; font-weight:700; background:#fff;
}
.qlx-pagination .current{
  background:var(--pri); border-color:var(--pri); color:#fff;
}

/* ===== Acessibilidade e foco geral ===== */
.qlx-forum a:focus, .qlx-forum button:focus, .qlx-forum input:focus, .qlx-forum select:focus, .qlx-forum textarea:focus{
  outline:none; box-shadow:var(--focus);
}

/* ===== Dark mode (opcional) — segue o prefers-color-scheme ===== */
@media (prefers-color-scheme: dark){
  .qlx-forum{
    --bg:#0f1720; --bg-soft:#121a25; --bd:#273141; --txt:#e8eef6; --muted:#9db0c8;
    --pri:#4da3ff; --pri-h:#2f86e6; --ok:#43d38a;
    --shadow:0 12px 28px rgba(5,12,20,.5); --shadow-lg:0 18px 44px rgba(5,12,20,.6);
  }
  .qlx-wrap{ background:var(--bg-soft); border-color:var(--bd); }
  .qlx-card{ background:#0e1620; border-color:var(--bd); }
  .qlx-field input, .qlx-field select, .qlx-field textarea,
  .qlx-filters input, .qlx-filters select{
    background:#0f1720; color:var(--txt); border-color:var(--bd);
  }
  .qlx-pagination a, .qlx-pagination span{ background:#0e1620; border-color:var(--bd); color:#cfe0f5; }
}

/* ===== Responsividade ===== */
@media (max-width:1020px){
  .qlx-filters{ grid-template-columns:1fr; }
}
@media (max-width:760px){
  .qlx-head h3{ font-size:22px; }
  .qlx-row{ grid-template-columns:1fr; }
  .qlx-card{ padding:14px; }
  .qlx-btn, .qlx-btn-mini{ padding:12px 16px; }
  .qlx-field input, .qlx-field select, .qlx-field textarea{ padding:12px 12px; }
}
@media (max-width:480px){
  .qlx-wrap{ padding:16px; }
  .qlx-head{ gap:8px; }
  .qlx-btn, .qlx-btn-mini{ width:100%; text-align:center; }
  .qlx-btn-wa{ width:auto; } /* WhatsApp continua compacto */
}/* End custom CSS */