/* BRASLOL 2 - demissao: botao "Demitir-se" do menu do hamburguer (c-mq / c-qc / c-qb), com a confirmacao que expande dentro do menu, e o modal "Sem time" (dm-).
   Sem style="" no HTML (CSP): so classes aqui. O JS so troca a classe .open e os atributos inert/hidden/aria-expanded. */

.c-mq{color:#ffb7ac}
.c-mq::after{content:'';flex:none;width:7px;height:7px;margin-top:-3px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;opacity:.7;transform:rotate(45deg);transition:transform .25s ease}
.c-mq[aria-expanded="true"]::after{margin-top:3px;transform:rotate(225deg)}
.c-qc{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s ease}
.c-qc.open{grid-template-rows:1fr}
.c-qin{min-height:0;overflow:hidden}
.c-qin p{margin:6px 10px 10px;font-size:12px;line-height:1.45;color:rgba(255,255,255,.85)}
.c-qa{display:flex;gap:8px;padding:0 10px 10px}
.c-qb{flex:1;height:34px;border:0;border-radius:0;background:rgba(255,255,255,.14);color:#fff;font:inherit;font-size:12px;font-weight:700;letter-spacing:.04em;cursor:pointer;transition:background .12s}
.c-qb:hover{background:rgba(255,255,255,.26)}
.c-qb.pri{background:#c93d3d}.c-qb.pri:hover{background:#dc5252}

#dmmodal{--d:"Bahnschrift","DIN Alternate","DIN 1451 Std","Barlow Semi Condensed","Roboto Condensed","Segoe UI",system-ui,-apple-system,sans-serif;
  position:fixed;inset:0;z-index:34;display:flex;align-items:center;justify-content:center;box-sizing:border-box;
  padding:calc(10px + env(safe-area-inset-top,0px)) 10px calc(10px + env(safe-area-inset-bottom,0px));
  background:rgba(8,10,28,.74);font-family:var(--d);color:#fff;user-select:none;-webkit-user-select:none;animation:scrin .2s ease both}
#dmmodal[hidden]{display:none}
#dmmodal :focus-visible{outline:2px solid #fff;outline-offset:2px}
.dm-p{position:relative;width:min(620px,100%);max-height:100%;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;outline:0;
  background:linear-gradient(135deg,rgba(46,54,78,.55),rgba(28,34,56,.62));backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:5px;animation:hin .25s ease both}
.dm-p:focus-visible{outline:0}
.dm-ph{display:flex;align-items:center;gap:14px;height:58px;flex:none;margin:0 20px;border-bottom:1px solid rgba(255,255,255,.5)}
.dm-ph h2{margin:0 auto 0 0;font-size:15px;font-weight:600;letter-spacing:.17em;text-transform:uppercase;white-space:nowrap}
.dm-logo{display:block;flex:none;width:22px;height:24px;object-fit:contain;pointer-events:none}
.dm-body{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;touch-action:pan-y;padding:8px 20px 16px}
.dm-top{display:flex;align-items:center;gap:14px;padding:12px 0}
.dm-old{display:block;flex:none;width:44px;height:44px;object-fit:contain;filter:grayscale(1);opacity:.65;pointer-events:none}
.dm-tx{display:flex;flex-direction:column;gap:3px;min-width:0}
.dm-tx b{font-size:15px;font-weight:700}
.dm-tx small{font-size:11.5px;letter-spacing:.04em;color:rgba(255,255,255,.7)}
.dm-wait{display:flex;align-items:center;gap:8px;padding:10px 0 14px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.8)}
.dm-dots{display:inline-flex;gap:4px}
.dm-dots i{display:block;width:5px;height:5px;border-radius:50%;background:#fff;animation:dmdot 1.1s ease-in-out infinite}
.dm-dots i:nth-child(2){animation-delay:.18s}.dm-dots i:nth-child(3){animation-delay:.36s}
@keyframes dmdot{0%,80%,100%{opacity:.25}40%{opacity:1}}
.dm-offer{margin:6px 0 14px;padding:16px;border:0;background:rgba(255,255,255,.08);animation:hin .25s ease both}
.dm-oh{display:flex;align-items:center;gap:14px}
.dm-lg{display:block;flex:none;width:54px;height:54px;object-fit:contain;pointer-events:none}
.dm-ow{display:flex;flex-direction:column;gap:3px;min-width:0}
.dm-ow b{font-size:17px;font-weight:700}
.dm-ow small{font-size:12px;color:rgba(255,255,255,.72)}
.dm-dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 22px;margin:14px 0}
.dm-dl div{display:flex;justify-content:space-between;gap:10px;font-size:12px;border-bottom:1px solid rgba(255,255,255,.16);padding-bottom:5px}
.dm-dl dt{margin:0;color:rgba(255,255,255,.68)}.dm-dl dd{margin:0;font-weight:700;text-align:right}
.dm-oa{display:flex;gap:10px}
.dm-btn{display:inline-flex;align-items:center;justify-content:center;height:36px;margin:0;padding:0 18px;border:0;border-radius:0;background:rgba(255,255,255,.14);color:#fff;font:inherit;font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:background .15s,transform .1s}
.dm-btn:hover{background:rgba(255,255,255,.28)}.dm-btn:active{transform:scale(.96)}
.dm-btn.pri{background:#e6eaff;color:#141a2e}.dm-btn.pri:hover{background:#fff}
.dm-log{list-style:none;margin:0;padding:0;max-height:min(280px,38vh);overflow:auto}
.dm-li{display:flex;flex-direction:column;gap:2px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.16);font-size:13px;line-height:1.4;animation:hin .25s ease both}
.dm-li small{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.55)}
.dm-li.miss{color:rgba(255,255,255,.72)}
.dm-li.offer{font-weight:700}
.dm-li.no{color:#ffb7ac}
@media (max-width:520px){.dm-dl{grid-template-columns:1fr}}