/* Anúncio ABACS v2 — 10/11/2026. Imagens: abacs.org.br (logo, slide/1, cursos). */
.nw-ad.abx-slot{min-height:0;padding:0;border:0;background:none;gap:.55rem;align-items:stretch}
.abx-slot .nw-ad-label{align-self:center;display:inline-flex;align-items:center;gap:.5rem}
.abx-slot .nw-ad-label::before,.abx-slot .nw-ad-label::after{content:"";width:1.6rem;height:1px;background:currentColor;opacity:.35}
.abx{--p:#6725df;--p2:#8b5cf6;--g:#2bad4b;--b:#2f8fe0;--ink:#f6f3ff;--mut:#cbc2ec;
  display:block;width:100%;max-width:970px;margin-inline:auto;container-type:inline-size;color:var(--ink);text-decoration:none;border-radius:18px;
  -webkit-tap-highlight-color:transparent}
.abx:hover,.abx:focus{color:var(--ink);text-decoration:none}
.abx:focus-visible{outline:3px solid var(--cm-fuchsia,#c026d3);outline-offset:4px}
.abx-in{position:relative;display:grid;grid-template-columns:1fr;overflow:hidden;isolation:isolate;border-radius:18px;
  background:radial-gradient(120% 90% at 100% 0%,rgba(103,37,223,.55),transparent 60%),radial-gradient(70% 80% at 0% 100%,rgba(43,173,75,.20),transparent 60%),linear-gradient(135deg,#120a2b 0%,#1d0f45 55%,#140b33 100%);
  box-shadow:0 1px 0 rgba(255,255,255,.08) inset,0 18px 40px -22px rgba(40,10,110,.65);border:1px solid rgba(139,92,246,.28)}
html.dark .abx-in{border-color:rgba(167,139,250,.32);box-shadow:0 1px 0 rgba(255,255,255,.06) inset,0 0 0 1px rgba(0,0,0,.4),0 22px 50px -24px rgba(124,58,237,.55)}
/* marca ABACS: barras diagonais arredondadas, como no símbolo do logo */
.abx-deco{position:absolute;inset:0;z-index:-1;pointer-events:none}
.abx-deco i{position:absolute;width:26px;height:240px;border-radius:99px;transform:rotate(32deg);opacity:.16}
.abx-deco i:nth-child(1){background:var(--g);right:46%;top:-90px}
.abx-deco i:nth-child(2){background:var(--g);right:41%;top:40px;height:170px}
.abx-deco i:nth-child(3){background:var(--b);width:26px;height:26px;right:40%;top:-8px;opacity:.28}
.abx-in::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.35;
  background-image:radial-gradient(rgba(255,255,255,.22) 1px,transparent 1.2px);background-size:18px 18px;
  -webkit-mask-image:linear-gradient(100deg,transparent 30%,#000 75%);mask-image:linear-gradient(100deg,transparent 30%,#000 75%)}
.abx-copy{display:flex;flex-direction:column;align-items:flex-start;gap:.55rem;padding:1.1rem 1.15rem 1.2rem;min-width:0;text-align:left}
.abx-logo{display:inline-flex;background:#fff;border-radius:10px;padding:.42rem .6rem;box-shadow:0 6px 16px -8px rgba(0,0,0,.5)}
.abx-logo img{display:block;width:92px;height:auto}
.abx-eyebrow{display:inline-flex;align-items:center;gap:.45rem;font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#b8f5c8}
.abx-dot{width:7px;height:7px;border-radius:50%;background:var(--g);box-shadow:0 0 0 4px rgba(43,173,75,.22)}
.abx-h{display:block;font-size:1.22rem;line-height:1.18;font-weight:800;letter-spacing:-.015em;color:#fff;text-wrap:balance}
.abx-sub{display:block;font-size:.86rem;line-height:1.45;color:var(--mut)}
.abx-chips{display:none;flex-wrap:wrap;gap:.35rem}
.abx-chips span{font-size:.66rem;font-weight:600;line-height:1;padding:.36rem .55rem;border-radius:99px;color:#e9e3ff;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14)}
.abx-chips span:first-child{background:rgba(43,173,75,.16);border-color:rgba(43,173,75,.5);color:#c9f7d5}
.abx-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .9rem;width:100%;margin-top:.15rem}
.abx-cta{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:44px;padding:.62rem 1.05rem;border-radius:12px;font-size:.9rem;font-weight:700;color:#fff;
  background:linear-gradient(135deg,#7c3aed,var(--p) 55%,#5318c2);box-shadow:0 0 0 1px rgba(255,255,255,.18) inset,0 10px 22px -10px rgba(124,58,237,.9);transition:transform .2s ease,box-shadow .2s ease}
.abx-cta svg{transition:transform .2s ease}
.abx:hover .abx-cta{box-shadow:0 0 0 1px rgba(255,255,255,.28) inset,0 14px 28px -10px rgba(124,58,237,1)}
.abx:hover .abx-cta svg{transform:translateX(3px)}
.abx-feat{display:inline-flex;align-items:center;gap:.35rem;font-size:.72rem;color:var(--mut)}
.abx-feat svg{color:var(--g);flex:none}
/* mídia */
.abx-media{position:relative;order:-1;display:block;min-height:0;padding:.85rem .85rem 0}
.abx-screen{position:relative;display:block;border-radius:12px;overflow:hidden;background:#0b0620;border:1px solid rgba(255,255,255,.14);box-shadow:0 18px 30px -18px rgba(0,0,0,.8)}
.abx-bar{display:flex;align-items:center;gap:4px;height:20px;padding:0 8px;background:rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.08)}
.abx-bar i{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.28)}
.abx-bar i:first-child{background:#2bad4b}
.abx-bar b{margin-left:6px;font-size:.6rem;font-weight:500;letter-spacing:.02em;color:rgba(255,255,255,.55);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.abx-hero{display:block;width:100%;height:auto;aspect-ratio:16/8;object-fit:cover;object-position:30% 45%}
.abx-play{position:absolute;right:10px;bottom:10px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:#fff;background:rgba(103,37,223,.85);box-shadow:0 0 0 5px rgba(103,37,223,.25)}
.abx-stat{position:absolute;top:2.1rem;left:1.35rem;display:grid;gap:.1rem;padding:.5rem .65rem;border-radius:12px;background:rgba(18,10,43,.72);border:1px solid rgba(255,255,255,.16);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.abx-stat b{font-size:1.25rem;line-height:1;font-weight:800;background:linear-gradient(90deg,#7ee29a,#b79bff);-webkit-background-clip:text;background-clip:text;color:transparent}
.abx-stat>span{font-size:.62rem;font-weight:600;color:#ddd5ff;letter-spacing:.02em}
.abx-areas{display:none;align-items:center;gap:3px;margin-top:.25rem}
.abx-areas i{width:9px;height:4px;border-radius:2px;background:var(--g)}
.abx-areas i:nth-child(even){background:#a78bfa}
.abx-areas small{margin-left:4px;font-size:.58rem;color:#cfc6f5}
.abx-thumbs{position:relative;display:flex;gap:.45rem;margin:-1.5rem 0 0 .6rem;z-index:2}
.abx-t{position:relative;display:block;width:52px;height:52px;border-radius:10px;overflow:hidden;border:2px solid rgba(255,255,255,.85);box-shadow:0 10px 18px -10px rgba(0,0,0,.9);background:#1d0f45}
.abx-t img{display:block;width:100%;height:100%;object-fit:cover}
.abx-t em{display:none}
.abx-t:nth-child(4){display:none}
/* médio: slot do artigo e tablets */
@container (min-width:560px){
  .abx-in{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);min-height:236px}
  .abx-media{order:0;display:grid;align-content:center;padding:1rem 1rem 1rem 0}
  .abx-copy{justify-content:center;padding:1.25rem 1rem 1.25rem 1.4rem}
  .abx-h{font-size:1.32rem}
  .abx-hero{aspect-ratio:16/10}
  .abx-play{top:30px;bottom:auto}
  .abx-stat{top:auto;bottom:3.9rem;left:-.9rem}
  .abx-thumbs{position:relative;justify-self:end;margin:-1.55rem .9rem 0 0}
  .abx-t{width:46px;height:46px}
  .abx-deco i:nth-child(1){right:44%}.abx-deco i:nth-child(2){right:39%}.abx-deco i:nth-child(3){right:38%}
}
/* billboard: home, blog e tags */
@container (min-width:860px){
  .abx-in{grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);min-height:262px}
  .abx-copy{gap:.62rem;padding:1.5rem 1rem 1.5rem 1.9rem}
  .abx-logo img{width:104px}
  .abx-h{font-size:1.52rem;max-width:none}
  .abx-chips{display:flex}
  .abx-media{padding:1.05rem 1.15rem 1.05rem 2.2rem}
  .abx-hero{aspect-ratio:16/8.6}
  .abx-stat{left:.5rem;bottom:auto;top:38%}
  .abx-areas{display:flex}
  .abx-thumbs{margin:-1.9rem 1.1rem 0 0;gap:.5rem}
  .abx-t{width:58px;height:58px}
  .abx-t:nth-child(4){display:block}
  .abx-t em{display:block;position:absolute;inset:auto 0 0;padding:10px 3px 3px;font-style:normal;font-size:.56rem;font-weight:700;line-height:1.1;color:#fff;text-align:center;background:linear-gradient(transparent,rgba(10,5,30,.88))}
}
/* sidebar estreita / celular pequeno */
@container (max-width:559px){.abx-cta{width:100%}.abx-hero{aspect-ratio:16/7.2}.abx-copy{gap:.45rem;padding-top:.9rem}.abx-logo img{width:82px}.abx-logo{padding:.34rem .5rem}}
@container (max-width:399px){.abx-feat{display:none}}
@container (max-width:340px){
  .abx-h{font-size:1.08rem}
  .abx-sub{font-size:.8rem}
  .abx-feat{display:none}
  .abx-cta{width:100%}
  .abx-stat{top:1.85rem;left:1.2rem;padding:.4rem .55rem}
  .abx-stat b{font-size:1.05rem}
  .abx-t{width:46px;height:46px}
}
@container (min-width:400px) and (max-width:559px){.abx-chips{display:flex}.abx-t:nth-child(4){display:block}}
@media (prefers-reduced-motion:no-preference){
  .abx-hero{animation:abx-kb 18s ease-in-out infinite alternate;transform-origin:35% 50%}
  .abx-t{animation:abx-float 6s ease-in-out infinite}
  .abx-t:nth-child(2){animation-delay:-1.5s}.abx-t:nth-child(3){animation-delay:-3s}.abx-t:nth-child(4){animation-delay:-4.5s}
  .abx-dot{animation:abx-pulse 2.6s ease-in-out infinite}
  .abx:hover .abx-cta{transform:translateY(-1px)}
}
@keyframes abx-kb{from{transform:scale(1)}to{transform:scale(1.08) translateX(-1.5%)}}
@keyframes abx-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes abx-pulse{0%,100%{box-shadow:0 0 0 3px rgba(43,173,75,.25)}50%{box-shadow:0 0 0 6px rgba(43,173,75,.08)}}
@media (forced-colors:active){.abx-in{border:1px solid CanvasText}.abx-cta{border:1px solid ButtonText}}

/* Selo animado "Matrícula grátis" (10/11/2026) — oferta: abacs.org.br/loja_virtual/vercursos.php ("Curso Grátis") */
.abx-free{position:absolute;z-index:3;top:26px;right:8px;display:block;width:122px;line-height:0;transform:rotate(-4deg);pointer-events:none;filter:drop-shadow(0 6px 12px rgba(6,2,20,.45))}
.abx-free img{display:block;width:100%;height:auto}
.abx-play{z-index:2}
.abx-tag{position:absolute;top:2px;left:2px;padding:2px 3px;border-radius:4px;font-size:.44rem;font-weight:800;line-height:1;letter-spacing:.04em;text-transform:uppercase;color:#fff;background:#22a447;box-shadow:0 2px 6px rgba(0,0,0,.35)}
.abx-note{display:block;font-size:.64rem;line-height:1.3;color:rgba(203,194,236,.82)}
.abx-eyebrow{color:#9ff0b6}
@container (max-width:559px){.abx-free{width:112px;top:24px;right:6px}.abx-play{display:none}}
@container (max-width:340px){.abx-free{width:100px}}
@container (min-width:560px){.abx-free{width:124px;top:28px;right:50px}}
@container (min-width:860px){.abx-free{width:150px;top:30px;bottom:auto;right:56px}}