/* ALUMINAÇO — dropdown "Setores" no header (todas as páginas).
   Autossuficiente: native <details> + CSS. NÃO depende do megamenu.js
   (as páginas de setor não carregam megamenu.css/js). Teclado + toque + hover. */
.setores-dd{position:relative;display:inline-block}
.setores-dd>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;
  font:600 14px/1 var(--fhead,inherit);letter-spacing:.02em;color:var(--muted,#9a9ea6);transition:.2s}
.setores-dd>summary:hover,.setores-dd[open]>summary{color:var(--ink,#f4f5f7)}
.setores-dd>summary::-webkit-details-marker{display:none}
.setores-dd>summary::after{content:"";width:6px;height:6px;margin-left:1px;
  border-right:2px solid currentColor;border-bottom:2px solid currentColor;
  transform:rotate(45deg) translateY(-1px);opacity:.75;transition:transform .15s}
.setores-dd[open]>summary::after{transform:rotate(225deg) translateY(1px)}
.setores-panel{position:absolute;top:calc(100% + 10px);left:0;z-index:1200;
  min-width:230px;background:var(--card,#141417);border:1px solid #26262b;border-radius:12px;
  padding:8px;box-shadow:0 14px 40px rgba(0,0,0,.4);display:grid;gap:2px}
.setores-panel a{display:block;padding:10px 12px;border-radius:8px;text-decoration:none;
  color:var(--ink,#f4f5f7);font-size:14.5px;line-height:1.2;white-space:nowrap}
.setores-panel a:hover,.setores-panel a:focus{background:rgba(255,255,255,.06);color:#fff}
/* hover abre no desktop (ponteiro fino), além do clique */
@media (hover:hover) and (pointer:fine){
  .setores-dd:hover>.setores-panel{display:grid}
}
/* MOBILE: dentro do drawer — painel vira lista inline, sem flutuar, sem overflow */
@media (max-width:900px){
  .setores-dd{display:block;width:100%}
  .setores-panel{position:static;box-shadow:none;border:0;background:transparent;
    padding:2px 0 2px 12px;min-width:0}
  .setores-panel a{padding:9px 8px}
}