/* DecorandoBem — cabecalho compartilhado do site publico (build e89)
   Escopo proprio (.dbm-*) para nao conflitar com o CSS das paginas de mostruario. */

.dbm-hd{
  --dbm-tinta:#152238;
  --dbm-grafite:#2b3550;
  --dbm-muted:#6b7385;
  --dbm-linha:#e9e9e4;
  --dbm-amarelo:#f3b200;
  --dbm-maxw:1180px;
  font-family:'Inter',system-ui,Arial,sans-serif;
  font-size:16px;
  line-height:1.6;
  color:var(--dbm-tinta);
}
.dbm-hd *{box-sizing:border-box}
.dbm-hd a{color:inherit;text-decoration:none}
.dbm-hd img{display:block;max-width:100%}
.dbm-wrap{max-width:var(--dbm-maxw);margin:0 auto;padding:0 28px}

/* ---------- TOPBAR ---------- */
.dbm-topbar{border-bottom:1px solid var(--dbm-linha);font-size:13px;color:var(--dbm-muted);background:#fff}
.dbm-topbar .dbm-wrap{display:flex;justify-content:space-between;align-items:center;height:42px}
.dbm-topbar .dbm-r{display:flex;gap:22px;align-items:center}
.dbm-topbar a{color:var(--dbm-muted)}
.dbm-topbar a:hover{color:var(--dbm-tinta)}

/* ---------- BARRA PRINCIPAL ---------- */
.dbm-nav{position:sticky;top:0;z-index:9990;background:rgba(255,255,255,.95);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--dbm-linha)}
.dbm-nav .dbm-wrap{display:flex;align-items:center;height:74px;gap:24px}

.dbm-brand{display:flex;align-items:center;gap:2px;flex:0 0 auto}
.dbm-brand img{height:44px;width:auto}
.dbm-brand .dbm-txt{display:none;align-items:baseline;gap:2px;font-weight:700;font-size:23px;letter-spacing:-.02em}
.dbm-brand .dbm-txt .s{color:var(--dbm-tinta)}
.dbm-brand .dbm-txt .b{color:var(--dbm-amarelo)}

/* menu: todos os itens no MESMO nivel (inclusive o que abre submenu) */
.dbm-menu{display:flex;align-items:center;gap:30px;margin-left:36px;
  font-size:15px;font-weight:500;color:var(--dbm-grafite)}
.dbm-menu > a,
.dbm-menu > .dbm-has > .dbm-trig{
  display:inline-flex;align-items:center;gap:5px;
  height:34px;padding:0;position:relative;
  color:inherit;font:inherit;background:none;border:0;cursor:pointer;line-height:1
}
.dbm-menu > a:hover,
.dbm-menu > .dbm-has > .dbm-trig:hover{color:var(--dbm-tinta)}
.dbm-menu > a::after,
.dbm-menu > .dbm-has > .dbm-trig::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:2px;
  background:var(--dbm-amarelo);opacity:0;transition:opacity .15s
}
.dbm-menu > a:hover::after,
.dbm-menu > .dbm-has > .dbm-trig:hover::after,
.dbm-menu > a.dbm-on::after,
.dbm-menu > .dbm-has.dbm-open > .dbm-trig::after{opacity:1}
.dbm-menu > a.dbm-on{color:var(--dbm-tinta)}
.dbm-trig .dbm-caret{font-size:15px;transition:transform .18s}
.dbm-has.dbm-open .dbm-caret{transform:rotate(180deg)}

/* ---------- SUBMENU "MONTE O SEU" ---------- */
.dbm-has{position:relative;display:flex;align-items:center}
.dbm-drop{
  position:absolute;top:100%;left:-14px;margin-top:10px;
  background:#fff;border:1px solid #e6e8ee;border-radius:12px;padding:8px;
  min-width:238px;box-shadow:0 14px 38px rgba(20,34,56,.15);
  display:flex;flex-direction:column;gap:2px;z-index:9999;
  opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .16s,transform .16s,visibility .16s
}
.dbm-has.dbm-open .dbm-drop{opacity:1;visibility:visible;transform:translateY(0)}
.dbm-drop::before{content:"";position:absolute;top:-10px;left:0;right:0;height:10px}
.dbm-drop a{
  display:flex;align-items:center;gap:10px;
  padding:10px 12px;border-radius:8px;
  font-size:14.5px;font-weight:500;color:var(--dbm-grafite);white-space:nowrap
}
.dbm-drop a i{font-size:17px;color:var(--dbm-amarelo);width:20px;text-align:center;flex:0 0 20px}
.dbm-drop a:hover{background:#f6f6f3;color:var(--dbm-tinta)}
.dbm-sep{display:block;height:1px;background:var(--dbm-linha);margin:6px 10px}

/* ---------- LADO DIREITO ---------- */
.dbm-right{margin-left:auto;display:flex;align-items:center;gap:14px}
.dbm-icbtn{color:var(--dbm-grafite);font-size:20px;display:grid;place-items:center;
  background:none;border:0;cursor:pointer;padding:0;line-height:1}
.dbm-icbtn:hover{color:var(--dbm-tinta)}
.dbm-burger{display:none;background:none;border:0;font-size:26px;cursor:pointer;color:var(--dbm-tinta);padding:0;line-height:1}

/* ---------- MENU MOBILE ---------- */
.dbm-drawer{display:none;position:fixed;inset:0;z-index:9995;background:rgba(16,26,46,.5)}
.dbm-drawer.dbm-open{display:block}
.dbm-drawer .dbm-panel{position:absolute;top:0;right:0;width:82%;max-width:330px;height:100%;
  background:#fff;padding:22px;overflow-y:auto;
  display:flex;flex-direction:column;gap:2px;box-shadow:-10px 0 40px rgba(16,26,46,.2)}
.dbm-drawer .dbm-panel a{padding:14px 6px;font-size:17px;font-weight:500;
  color:var(--dbm-tinta);border-bottom:1px solid var(--dbm-linha)}
.dbm-drawer .dbm-panel a.dbm-sub{padding-left:18px;font-size:15.5px;font-weight:400;display:flex;align-items:center;gap:10px}
.dbm-drawer .dbm-panel a.dbm-sub i{font-size:17px;color:var(--dbm-amarelo);width:20px;text-align:center;flex:0 0 20px}
.dbm-drawer .dbm-lbl{font-size:12px;font-weight:700;color:#94a3b8;text-transform:uppercase;
  letter-spacing:.05em;margin:14px 0 2px}
.dbm-drawer .dbm-close{align-self:flex-end;font-size:28px;border:0;background:none;
  color:var(--dbm-tinta);cursor:pointer;margin-bottom:6px;line-height:1}

@media(max-width:900px){
  .dbm-menu,.dbm-topbar{display:none}
  .dbm-burger{display:block}
  .dbm-nav .dbm-wrap{height:64px}
  .dbm-brand img{height:38px}
}