/* ═════ v3.17.0 · Aviso no meio da tela (aviso.js) — modelo "pílula escura" escolhido pelo Leandro ═════
   Pílula escura nas cores do menu, borda azul → rosa e um brilho que passa. Só transform/opacity nas animações;
   com menos movimento (sistema ou botão de efeitos) só aparece e some. */
.c3a{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;pointer-events:none;padding:16px;font-family:Outfit,system-ui,-apple-system,"Segoe UI",sans-serif;
  --ok1:#059669;--ok2:#10b981;--er1:#e11d48;--er2:#fb7185;--al1:#d97706;--al2:#fbbf24;--in1:#4f46e5;--in2:#2f7cff}
.c3a[data-tipo=ok]{--c1:var(--ok1);--c2:var(--ok2)}
.c3a[data-tipo=erro]{--c1:var(--er1);--c2:var(--er2)}
.c3a[data-tipo=alerta]{--c1:var(--al1);--c2:var(--al2)}
.c3a[data-tipo=info]{--c1:var(--in1);--c2:var(--in2)}
.c3a-sai{animation:c3a-sai .38s cubic-bezier(.4,0,.7,.2) var(--fica,2.2s) both;max-width:100%}
.c3a:hover,.c3a:hover *,.c3a:hover ::before,.c3a:hover ::after{animation-play-state:paused!important}
.c3a-box{pointer-events:auto;cursor:default;position:relative;display:flex;align-items:center;gap:12px;padding:12px 22px 12px 12px;border-radius:999px;color:#eef1ff;max-width:min(520px,calc(100vw - 32px));
  background:linear-gradient(#11153a,#0b0e2b) padding-box,linear-gradient(90deg,#3fd2ff,#5b5bf7 45%,#e33cf0) border-box;border:1.5px solid transparent;
  box-shadow:0 18px 44px -14px rgba(10,14,50,.7),0 0 26px -6px rgba(91,91,247,.55);overflow:hidden;
  animation:c3a-in .55s cubic-bezier(.34,1.56,.64,1) both}
.c3a-box:has(.c3a-acoes){border-radius:26px;padding:14px 18px 14px 14px}
.c3a-box::before{content:"";position:absolute;top:0;bottom:0;left:0;width:45%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.22),transparent);transform:translateX(-120%) skewX(-18deg);animation:c3a-luz .9s ease-out .25s both;pointer-events:none}
.c3a-ico{display:grid;place-items:center;border-radius:50%;color:#fff;background:linear-gradient(135deg,var(--c2),var(--c1));position:relative;flex:none;width:38px;height:38px;animation:c3a-pop .45s cubic-bezier(.3,1.6,.5,1) .1s both}
.c3a-ico svg{width:56%;height:56%;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.c3a-txt{min-width:0}
.c3a-tit{font-weight:700;letter-spacing:-.01em;font-size:16px;line-height:1.25}
.c3a-msg{opacity:.8;font-size:13.5px;line-height:1.35;margin-top:1px;overflow-wrap:anywhere}
.c3a-bar{display:none}
/* botões de ação (Desfazer, Marcar pago…) */
.c3a-acoes{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.c3a-acoes button{font:600 13.5px/1 inherit;font-family:inherit;padding:9px 14px;border-radius:999px;cursor:pointer;border:1px solid rgba(238,241,255,.28);background:transparent;color:#eef1ff;transition:transform .15s}
.c3a-acoes button:first-child{border-color:transparent;color:#fff;background:linear-gradient(135deg,#5b5bf7,#3d55f2 55%,#2f7cff)}
.c3a-acoes button:hover{transform:translateY(-1px)}
.c3a-acoes button:focus-visible{outline:2px solid #3fd2ff;outline-offset:2px}
@keyframes c3a-in{from{opacity:0;transform:translateY(30px) scale(.7)}}
@keyframes c3a-pop{from{opacity:0;transform:scale(.3) rotate(-35deg)}}
@keyframes c3a-luz{to{transform:translateX(330%) skewX(-18deg)}}
@keyframes c3a-sai{to{opacity:0;transform:translateY(-14px) scale(.96)}}
@keyframes c3a-fade{from{opacity:0}}
@keyframes c3a-fade-out{to{opacity:0}}
@media (prefers-reduced-motion:reduce){
  .c3a-box,.c3a-ico{animation-name:c3a-fade!important}
  .c3a-sai{animation-name:c3a-fade-out!important}
  .c3a-box::before{display:none}
}
body.nova-still .c3a-box,body.nova-still .c3a-ico{animation-name:c3a-fade!important}
body.nova-still .c3a-sai{animation-name:c3a-fade-out!important}
body.nova-still .c3a-box::before{display:none}
/* v3.43.0: aviso dentro de uma janela aberta (dialog): o tema das janelas não pode apagar o texto */
html body dialog .c3a .c3a-box,html body dialog .c3a .c3a-tit{color:#eef1ff!important}
html body dialog .c3a .c3a-msg{color:#eef1ff!important;opacity:.8}
/* v3.55.2: botão ocupado (Salvando…/Enviando…) */
.c3-spin { display: inline-block; width: 1em; height: 1em; margin-right: 0.45em; vertical-align: -0.15em; border: 2px solid currentColor; border-right-color: transparent; border-radius: 50%; animation: c3-spin 0.7s linear infinite; flex: none; }
@keyframes c3-spin { to { transform: rotate(360deg); } }
[aria-busy="true"] { cursor: progress !important; }
