/* Level One — CTA do blog (meio + fim) + banner lateral sticky */

/* ---- CTA box (dentro do artigo) ---- */
.lvl1fds-cta{--b:#1f57d6;--s:#0bb3b0;margin:40px 0;padding:28px 30px;border-radius:18px;background:linear-gradient(135deg,#0e1e33,#152840);color:#fff;position:relative;overflow:hidden;box-shadow:0 18px 44px rgba(14,30,51,.22)}
.lvl1fds-cta::after{content:"";position:absolute;right:-70px;top:-70px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(11,179,176,.35),transparent 70%);pointer-events:none}
.lvl1fds-cta .k{display:inline-block;font:600 12px/1 ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;color:#5fe0dd;position:relative}
.lvl1fds-cta h3{font-size:24px;margin:10px 0 8px;color:#fff;position:relative;line-height:1.2}
.lvl1fds-cta p{color:#c3d2e4;font-size:15px;margin:0 0 18px;max-width:44em;position:relative;line-height:1.55}
.lvl1fds-cta a.btn{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--b),var(--s));color:#fff;font-weight:700;padding:14px 26px;border-radius:12px;text-decoration:none;position:relative;box-shadow:0 8px 22px rgba(31,87,214,.4);transition:filter .15s}
.lvl1fds-cta a.btn:hover{filter:brightness(1.08);color:#fff}

/* ---- Banner lateral (sticky) ---- */
.lvl1-side-banner{position:sticky;top:100px;margin:0 0 28px}
.lvl1-side-banner .l1sb{position:relative;overflow:hidden;border-radius:16px;padding:22px 20px;color:#fff;background:linear-gradient(160deg,#0e1e33,#16344f);box-shadow:0 16px 40px rgba(14,30,51,.3)}
.lvl1-side-banner .l1sb::before{content:"";position:absolute;right:-60px;top:-60px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(11,179,176,.4),transparent 70%);pointer-events:none}
.lvl1-side-banner .hx{position:absolute;right:8px;bottom:6px;width:96px;height:96px;opacity:.55;pointer-events:none;background:no-repeat center/contain;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke='%232fd0cc' stroke-width='3'%3E%3Cpath d='M34 34 l18 -10 l18 10 v20 l-18 10 l-18 -10 z'/%3E%3Cpath d='M66 62 l16 -9 l16 9 v18 l-16 9 l-16 -9 z'/%3E%3Cline x1='52' y1='54' x2='66' y2='62'/%3E%3C/g%3E%3Cg fill='%232fd0cc'%3E%3Ccircle cx='52' cy='24' r='3.5'/%3E%3Ccircle cx='82' cy='53' r='3.5'/%3E%3C/g%3E%3C/svg%3E")}
.lvl1-side-banner .pill{display:inline-block;font:600 10px/1 ui-monospace,monospace;letter-spacing:.1em;color:#bcd2ea;border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:5px 10px;margin-bottom:12px;position:relative}
.lvl1-side-banner .k{display:block;font:600 11px/1 ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;color:#5fe0dd;position:relative}
.lvl1-side-banner h4{font-size:19px;line-height:1.22;margin:9px 0 8px;color:#fff;position:relative;font-weight:700}
.lvl1-side-banner p{font-size:13px;color:#c3d2e4;margin:0 0 16px;position:relative;line-height:1.5}
.lvl1-side-banner a.l1btn{display:block;text-align:center;background:linear-gradient(135deg,#1f57d6,#0bb3b0);color:#fff;font-weight:700;font-size:14px;padding:13px 16px;border-radius:11px;text-decoration:none;position:relative;box-shadow:0 8px 20px rgba(31,87,214,.4);transition:filter .15s}
.lvl1-side-banner a.l1btn:hover{filter:brightness(1.08);color:#fff}
.lvl1-side-banner .foot{font-size:11px;color:#9ab0cb;margin-top:12px;position:relative;text-align:center}
@media (max-width:991px){ .lvl1-side-banner{position:static} }