@import url("https://fonts.googleapis.com/css2?family=Caveat:wght@600;700&family=Saira+Condensed:wght@400;500;600;700&family=Saira:wght@400;500;600&family=Special+Elite&display=swap");

:root,
html[data-theme="claro"]{
  --ops-olive:#3a3d29;
  --ops-olive-2:#2b2e1f;
  --ops-stock:#d8ccac;
  --ops-stock-2:#cfc29e;
  --ops-stock-deep:#b8a877;
  --ops-cream:#ece2c6;
  --ops-ink:#1f2118;
  --ops-soft:#4c4e3b;
  --ops-hazard:#e8b22a;
  --ops-signal:#a83427;
  --ops-panel:#e7dcbf;
  --ops-panel-hi:#f4ecd4;
  --ops-panel-soft:#d8ccac;
  --ops-panel-text:#1f2118;
  --ops-panel-muted:rgba(31,33,24,.72);
  --ops-panel-border:#9a8c62;
  --ops-field:#f4ecd4;
  --ops-field-text:#101108;
  --ops-field-border:#6f7054;
  --ops-page-radial:radial-gradient(120% 90% at 50% -10%, #d8ccac 0%, #cfc29e 46%, #3a3d29 100%);
  --ops-panel-gradient:linear-gradient(180deg,#e7dcbf,#d8ccac);
  --ops-toolbar-gradient:linear-gradient(180deg,rgba(216,204,172,.98) 0%,rgba(207,194,158,.94) 78%,rgba(207,194,158,0) 100%);
  --ops-panel-shadow:0 20px 42px -30px rgba(16,17,8,.48),inset 0 1px 0 rgba(255,255,255,.45);
}

html[data-theme="escuro"]{
  --ops-olive:#191b12;
  --ops-olive-2:#101108;
  --ops-stock:#2a2c20;
  --ops-stock-2:#23251a;
  --ops-stock-deep:#3b3e2c;
  --ops-cream:#ece2c6;
  --ops-ink:#e7dcbf;
  --ops-soft:#a9aa90;
  --ops-hazard:#e8b22a;
  --ops-signal:#d2543f;
  --ops-panel:#191b12;
  --ops-panel-hi:#2a2c20;
  --ops-panel-soft:#222518;
  --ops-panel-text:#e7dcbf;
  --ops-panel-muted:rgba(169,170,144,.78);
  --ops-panel-border:#3b3e2c;
  --ops-field:#101108;
  --ops-field-text:#ece2c6;
  --ops-field-border:#3b3e2c;
  --ops-page-radial:radial-gradient(120% 90% at 50% -10%, #2a2c20 0%, #101108 42%, #191b12 82%);
  --ops-panel-gradient:linear-gradient(180deg,rgba(16,17,8,.92),rgba(8,11,6,.78));
  --ops-toolbar-gradient:linear-gradient(180deg,rgba(16,17,8,.98) 0%,rgba(16,17,8,.94) 78%,rgba(16,17,8,0) 100%);
  --ops-panel-shadow:0 18px 38px -31px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.04);
}

body.ops-shell-mounted{
  margin:0!important;
  padding:0!important;
  display:block!important;
  min-width:0!important;
  overflow-x:hidden;
  background:var(--ops-page-radial),var(--ops-olive)!important;
  color:var(--ops-panel-text);
}

.ops-content{
  position:relative;
  z-index:1;
}

body[data-ops-layout="center"] .ops-content{
  min-height:calc(100vh - 196px);
  display:grid;
  place-items:center;
  padding:28px;
}

body[data-ops-variant="auth"] .ops-content{
  min-height:calc(100vh - 52px);
  padding:clamp(18px,3vw,30px);
}

body[data-ops-layout="tool"] .ops-content{
  padding:20px;
}

body[data-ops-variant="workspace"] .ops-content,
body[data-ops-variant="reader"] .ops-content,
body[data-ops-variant="content"] .ops-content{
  padding-top:clamp(14px,2vw,22px);
}

body[data-ops-layout="flow"] .ops-content{
  min-height:40vh;
}

body[data-ops-variant="marketing"] .ops-content{
  min-height:0;
}

.ops-shell{
  position:relative;
  z-index:20;
  width:100%;
  max-width:100vw;
  overflow:hidden;
  color:var(--ops-cream);
  font-family:"Saira",sans-serif;
  -webkit-font-smoothing:antialiased;
}

.ops-hazard{
  height:14px;
  background:repeating-linear-gradient(45deg,#0d0d09 0 22px,var(--ops-hazard) 22px 44px);
}

.ops-class{
  background:var(--ops-olive-2);
  color:var(--ops-cream);
  font-family:"Special Elite",monospace;
  font-size:.68rem;
  letter-spacing:.18em;
  border-bottom:1px solid rgba(232,178,42,.4);
  overflow-x:auto;
  overflow-y:hidden;
  white-space:nowrap;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
  max-width:100%;
  contain:layout paint;
  -webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 28px),transparent 100%);
  mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 28px),transparent 100%);
}
.ops-class::-webkit-scrollbar{display:none;height:0}

.ops-class-inner{
  max-width:1220px;
  margin:0 auto;
  padding:7px 24px;
  display:flex;
  align-items:center;
  min-width:max-content;
}

.ops-class span{
  padding:0 18px;
  border-right:1px solid rgba(236,226,198,.15);
}

.ops-class .danger{color:var(--ops-signal)}
.ops-class .gold{color:var(--ops-hazard);font-weight:400}
.ops-class .dtg{border-right:0;letter-spacing:.22em}

.ops-shell--auth .ops-class,
.ops-shell--marketing .ops-class{
  border-bottom-color:rgba(232,178,42,.3);
}

.ops-hero{
  position:relative;
  overflow:hidden;
  background:var(--ops-olive);
  border-bottom:3px solid var(--ops-olive-2);
}

.ops-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(130% 120% at 18% 0%,rgba(255,255,255,.045),transparent 45%),
    radial-gradient(120% 130% at 100% 100%,rgba(0,0,0,.32),transparent 55%);
  pointer-events:none;
}

.ops-hero::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:3px;
  background:repeating-linear-gradient(45deg,transparent 0 14px,rgba(232,178,42,.55) 14px 28px);
}

.ops-hero-inner{
  position:relative;
  z-index:1;
  max-width:1220px;
  margin:0 auto;
  padding:28px 24px 34px;
}

.ops-kicker{
  margin:0 0 10px;
  font-family:"Special Elite",monospace;
  font-size:.74rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:rgba(236,226,198,.72);
}

.ops-kicker b{
  color:var(--ops-hazard);
  font-weight:400;
}

.ops-title{
  margin:0;
  font-family:"Saira Condensed",sans-serif;
  font-size:clamp(2.8rem,8vw,5.6rem);
  line-height:.84;
  letter-spacing:.005em;
  color:var(--ops-cream);
  text-transform:uppercase;
  text-shadow:2px 2px 0 rgba(0,0,0,.22);
}

.ops-title span{
  color:var(--ops-hazard);
}

.ops-compact{
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg,var(--ops-olive),var(--ops-olive-2));
  border-bottom:1px solid rgba(232,178,42,.28);
  box-shadow:0 14px 34px -30px rgba(0,0,0,.8);
}

.ops-compact::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(232,178,42,.12),transparent 32%),
    radial-gradient(90% 140% at 100% 0%,rgba(255,255,255,.045),transparent 48%);
  pointer-events:none;
}

.ops-compact-inner{
  position:relative;
  z-index:1;
  max-width:1220px;
  margin:0 auto;
  padding:14px 24px 16px;
  display:grid;
  gap:4px;
}

.ops-compact-kicker{
  font-family:"Special Elite",monospace;
  font-size:.66rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:rgba(236,226,198,.68);
}

.ops-compact-title{
  margin:0;
  font-family:"Saira Condensed",sans-serif;
  font-size:clamp(1.45rem,3.8vw,2.5rem);
  line-height:.95;
  color:var(--ops-cream);
  text-transform:uppercase;
  letter-spacing:.02em;
}

.ops-compact-title span{
  color:var(--ops-hazard);
}

.ops-compact-sub{
  max-width:760px;
  margin:0;
  color:rgba(231,220,191,.78);
  line-height:1.45;
  font-size:.86rem;
}

.ops-shell--workspace .ops-compact-inner,
.ops-shell--reader .ops-compact-inner{
  padding-block:10px 12px;
}

.ops-shell--workspace .ops-compact-title,
.ops-shell--reader .ops-compact-title{
  font-size:clamp(1.15rem,2.7vw,1.8rem);
}

.ops-shell--workspace .ops-compact-sub,
.ops-shell--reader .ops-compact-sub{
  display:none;
}

.ops-sub{
  max-width:720px;
  margin:12px 0 0;
  color:rgba(231,220,191,.86);
  line-height:1.55;
  font-size:1rem;
}

.ops-marquee{
  background:var(--ops-olive-2);
  border-block:1px solid rgba(232,178,42,.25);
  overflow:hidden;
  white-space:nowrap;
  max-width:100%;
  contain:layout paint;
  font-family:"Special Elite",monospace;
  font-size:.68rem;
  letter-spacing:.2em;
  color:rgba(231,220,191,.55);
  padding:9px 0;
}

.ops-marquee span{
  display:inline-block;
  min-width:max-content;
  padding-left:0;
  animation:ops-marquee 34s linear infinite;
}

@keyframes ops-marquee{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}

html[data-motion="reduzido"] .ops-marquee span,
body[data-ops-motion="reduzido"] .ops-marquee span{
  animation:none!important;
}

.ops-gen{
  position:fixed;
  right:14px;
  bottom:14px;
  z-index:80;
  display:flex;
  align-items:center;
  gap:8px;
  background:var(--ops-olive-2);
  border:1px solid var(--ops-stock-deep);
  border-radius:30px;
  padding:5px 14px 5px 5px;
  font-family:"Special Elite",monospace;
  font-size:.64rem;
  letter-spacing:.08em;
  color:var(--ops-cream);
  box-shadow:0 10px 24px -14px rgba(0,0,0,.85),inset 0 1px 0 rgba(255,255,255,.08);
}

.ops-gen .av{
  width:28px;
  height:28px;
  border-radius:50%;
  background:radial-gradient(circle at 40% 35%,#46552f,var(--ops-olive));
  border:2px solid var(--ops-hazard);
  display:grid;
  place-items:center;
  font-size:.7rem;
  color:var(--ops-hazard);
}

body[data-ops-shell] .top,
body[data-ops-shell] .head{
  color:var(--ops-cream);
}

body[data-ops-shell] .top h1,
body[data-ops-shell] .head h1,
body[data-ops-shell] .top .display,
body[data-ops-shell] .head .display{
  color:var(--ops-cream)!important;
  font-family:"Saira Condensed",sans-serif!important;
  letter-spacing:.005em!important;
  text-shadow:2px 2px 0 rgba(0,0,0,.18);
}

body[data-ops-shell] .ops-content .display{
  color:inherit!important;
  font-family:"Saira Condensed",sans-serif!important;
  letter-spacing:.005em!important;
  text-shadow:none!important;
}

body[data-ops-shell] .ops-content .bg-ink .display,
body[data-ops-shell] .ops-content .bg-magenta .display{
  color:var(--ops-cream)!important;
}

body[data-ops-shell] .top .back,
body[data-ops-shell] .links a,
body[data-ops-shell] a.volta{
  color:var(--ops-hazard)!important;
}

body[data-ops-shell] .pill,
body[data-ops-shell] .tag,
body[data-ops-shell] .classif,
body[data-ops-shell] .eyebrow,
body[data-ops-shell] .chip.sel{
  border:1px solid rgba(232,178,42,.45)!important;
  border-radius:3px!important;
  background:rgba(16,17,8,.74)!important;
  color:var(--ops-hazard)!important;
  box-shadow:none!important;
  font-family:"Special Elite",monospace!important;
  letter-spacing:.14em!important;
}

body[data-ops-shell] .ops-content .bg-ink{
  background:var(--ops-olive-2)!important;
  color:var(--ops-cream)!important;
}

body[data-ops-shell] .ops-content .bg-creme,
body[data-ops-shell] .ops-content .bg-white{
  background:var(--ops-panel)!important;
  color:var(--ops-panel-text)!important;
}

body[data-ops-shell] .ops-content .bg-magenta{
  background:linear-gradient(135deg,#3a3d29,#242619)!important;
  color:var(--ops-cream)!important;
  border-color:var(--ops-olive-2)!important;
}

body[data-ops-shell] .ops-content .bg-amarelo{
  background:var(--ops-hazard)!important;
  color:#101108!important;
}

body[data-ops-shell] .ops-content .text-magenta{
  color:var(--ops-signal)!important;
}

body[data-ops-shell] .ops-content .text-amarelo{
  color:var(--ops-hazard)!important;
}

body[data-ops-shell] .ops-content .text-creme,
body[data-ops-shell] .ops-content .text-white{
  color:var(--ops-cream)!important;
}

body[data-ops-shell] .ops-content header.bg-creme{
  background:var(--ops-panel)!important;
  color:var(--ops-panel-text)!important;
}

body[data-ops-shell] .ops-content header.bg-creme .display,
body[data-ops-shell] .ops-content header.bg-creme a,
body[data-ops-shell] .ops-content header.bg-creme nav a{
  color:var(--ops-panel-text)!important;
  text-shadow:none!important;
}

body[data-ops-shell] .top img,
body[data-ops-shell] .head img{
  border:1px solid var(--ops-stock-deep)!important;
  border-radius:4px!important;
  background:var(--ops-hazard)!important;
  box-shadow:0 14px 28px -18px rgba(0,0,0,.8)!important;
}

body[data-ops-shell] .col,
body[data-ops-shell] form,
body[data-ops-shell] .done,
body[data-ops-shell] .corr,
body[data-ops-shell] .missao,
body[data-ops-shell] .regras,
body[data-ops-shell] .card,
body[data-ops-shell] .comic-card{
  border:1px solid var(--ops-panel-border)!important;
  border-radius:3px!important;
  background:var(--ops-panel)!important;
  color:var(--ops-panel-text)!important;
  box-shadow:var(--ops-panel-shadow)!important;
}

body[data-ops-shell] .col h2,
body[data-ops-shell] .missao h2,
body[data-ops-shell] form label,
body[data-ops-shell] .done h2{
  color:var(--ops-panel-text)!important;
  font-family:"Saira Condensed",sans-serif!important;
}

body[data-ops-shell] textarea,
body[data-ops-shell] input,
body[data-ops-shell] select{
  border:1px solid var(--ops-field-border)!important;
  border-radius:3px!important;
  background:var(--ops-field)!important;
  color:var(--ops-field-text)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5)!important;
}

body[data-ops-shell] button,
body[data-ops-shell] button.cta,
body[data-ops-shell] .btn,
body[data-ops-shell] .btn-comic,
body[data-ops-shell] .enter,
body[data-ops-shell] .volta{
  border:1px solid #8f2b20!important;
  border-radius:3px!important;
  background:linear-gradient(180deg,#d2543f,#b23a2b)!important;
  color:#fff!important;
  box-shadow:0 10px 22px -15px rgba(0,0,0,.85),inset 0 1px 0 rgba(255,255,255,.25)!important;
  font-family:"Saira Condensed",sans-serif!important;
  font-weight:700!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}

body[data-ops-shell] .src,
body[data-ops-shell] .count,
body[data-ops-shell] .status,
body[data-ops-shell] .greet,
body[data-ops-shell] .lead,
body[data-ops-shell] .meta{
  color:var(--ops-panel-muted)!important;
}

body[data-ops-page="sumulas"] .ops-content{
  max-width:1060px;
  margin:0 auto;
  padding:28px 22px 64px;
}

body[data-ops-page="sumulas"] .wrap{
  max-width:100%;
}

body[data-ops-page="sumulas"] .sumulas-brief{
  margin:0 0 18px;
  border:1px solid rgba(232,178,42,.28);
  border-left:3px solid var(--ops-hazard);
  border-radius:4px;
  background:var(--ops-panel-gradient);
  padding:18px 20px 16px;
  box-shadow:var(--ops-panel-shadow);
}

body[data-ops-page="sumulas"] .sub{
  margin:0;
  color:var(--ops-panel-text)!important;
  font-family:"Special Elite",monospace;
  font-size:.82rem;
  line-height:1.7;
}

body[data-ops-page="sumulas"] .stats{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:12px;
}

body[data-ops-page="sumulas"] .stat{
  border:1px solid rgba(232,178,42,.32)!important;
  border-radius:3px!important;
  background:var(--ops-panel-soft)!important;
  color:var(--ops-panel-text)!important;
  font-family:"Special Elite",monospace!important;
  font-size:.68rem!important;
  padding:4px 9px!important;
}

body[data-ops-page="sumulas"] .stat b{
  color:var(--ops-hazard)!important;
  font-weight:400!important;
}

body[data-ops-page="sumulas"] .ctrl{
  top:0;
  z-index:15;
  margin:0 0 14px;
  padding:12px 0 14px;
  background:var(--ops-toolbar-gradient)!important;
  border-top:1px solid rgba(232,178,42,.14);
}

body[data-ops-page="sumulas"] .search,
body[data-ops-page="sumulas"] .sel{
  border:1px solid rgba(232,178,42,.45)!important;
  border-radius:3px!important;
  background:var(--ops-field)!important;
  color:var(--ops-field-text)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;
  font-family:"Special Elite",monospace!important;
}

body[data-ops-page="sumulas"] .search{
  padding:13px 14px!important;
}

body[data-ops-page="sumulas"] .search::placeholder{
  color:var(--ops-panel-muted)!important;
}

body[data-ops-page="sumulas"] .chip{
  border:1px solid rgba(169,170,144,.35)!important;
  border-radius:3px!important;
  background:var(--ops-panel-soft)!important;
  color:var(--ops-panel-text)!important;
  font-family:"Special Elite",monospace!important;
  letter-spacing:.08em!important;
}

body[data-ops-page="sumulas"] .chip.on{
  border-color:var(--ops-hazard)!important;
  background:var(--ops-hazard)!important;
  color:#101108!important;
}

body[data-ops-page="sumulas"] .chip.caiu.on{
  border-color:#5b9bd5!important;
  background:#5b9bd5!important;
  color:#04101c!important;
}

body[data-ops-page="sumulas"] .count{
  color:var(--ops-panel-muted)!important;
}

body[data-ops-page="sumulas"] .sum{
  border:1px solid var(--ops-panel-border)!important;
  border-left:3px solid rgba(232,178,42,.7)!important;
  border-radius:4px!important;
  background:var(--ops-panel-gradient)!important;
  color:var(--ops-panel-text)!important;
  box-shadow:var(--ops-panel-shadow)!important;
}

body[data-ops-page="sumulas"] .sum:hover{
  border-color:rgba(232,178,42,.55)!important;
}

body[data-ops-page="sumulas"] .num,
body[data-ops-page="sumulas"] .enun,
body[data-ops-page="sumulas"] .blk{
  color:var(--ops-panel-text)!important;
}

body[data-ops-page="sumulas"] .tema-mini,
body[data-ops-page="sumulas"] .metacol .lb{
  color:var(--ops-panel-muted)!important;
}

body[data-ops-page="sumulas"] .meta{
  color:var(--ops-panel-muted)!important;
  border-top-color:rgba(232,178,42,.18)!important;
}

body[data-ops-page="sumulas"] .meta,
body[data-ops-page="sumulas"] .src,
body[data-ops-page="sumulas"] .sum span,
body[data-ops-page="sumulas"] .sum a{
  overflow-wrap:anywhere;
  word-break:break-word;
}

body[data-ops-page="sumulas"] .tag{
  border-radius:3px!important;
  font-family:"Special Elite",monospace!important;
  letter-spacing:.08em!important;
}

body[data-ops-page="sumulas"] .tag.sv{
  border-color:#8f2b20!important;
  background:var(--ops-signal)!important;
  color:#fff!important;
}

body[data-ops-page="sumulas"] .tag.stf{
  border-color:var(--ops-hazard)!important;
  background:var(--ops-hazard)!important;
  color:#101108!important;
}

body[data-ops-page="sumulas"] .tag.stj{
  border-color:#7d9460!important;
  background:#7d9460!important;
  color:#0a1404!important;
}

body[data-ops-page="sumulas"] .badge,
body[data-ops-page="sumulas"] .pill{
  border-radius:3px!important;
  background:var(--ops-panel-soft)!important;
  font-family:"Special Elite",monospace!important;
  letter-spacing:.05em!important;
}

body[data-ops-page="sumulas"] .badge.imp,
body[data-ops-page="sumulas"] .pill.art{
  border-color:rgba(232,178,42,.65)!important;
  color:var(--ops-hazard)!important;
}

body[data-ops-page="sumulas"] .badge.caiu,
body[data-ops-page="sumulas"] .pill.ex{
  border-color:#3a6a96!important;
  color:#7eb4e8!important;
}

body[data-ops-page="sumulas"] .badge.morta{
  border-color:var(--ops-signal)!important;
  color:#ffb3a8!important;
}

body[data-ops-page="sumulas"] .pill.corr{
  border-color:#7d9460!important;
  color:#9eb980!important;
}

body[data-ops-page="sumulas"] .pill.corr:hover{
  background:#7d9460!important;
  color:#0a1404!important;
}

body[data-ops-page="sumulas"] .grp>h2{
  color:var(--ops-hazard)!important;
  border-bottom-color:rgba(232,178,42,.25)!important;
  font-family:"Saira Condensed",sans-serif!important;
  text-transform:uppercase;
}

body[data-ops-page="sumulas"] .empty,
body[data-ops-page="sumulas"] .foot{
  color:var(--ops-panel-muted)!important;
}

body[data-ops-page="sumulas"] .back{
  right:16px;
  bottom:62px;
  border:1px solid #8f2b20!important;
  border-radius:3px!important;
  background:linear-gradient(180deg,#d2543f,#b23a2b)!important;
  color:#fff!important;
}

@media (max-width:620px){
  .ops-class{font-size:.58rem}
  .ops-class-inner{padding-inline:14px}
  .ops-class span{padding-inline:10px}
  .ops-hero-inner{padding:24px 18px 28px}
  .ops-title{font-size:clamp(2.3rem,15vw,4rem)}
  .ops-sub{font-size:.94rem}
  .ops-gen{
    position:static;
    width:max-content;
    max-width:calc(100% - 24px);
    margin:16px auto 18px;
  }
  body[data-ops-page="sumulas"] .ops-content{padding:20px 12px 72px}
  body[data-ops-page="sumulas"] .sumulas-brief{padding:15px 14px}
  body[data-ops-page="sumulas"] .rowf{gap:6px}
  body[data-ops-page="sumulas"] .chip,
  body[data-ops-page="sumulas"] .sel{font-size:.66rem!important}
  body[data-ops-page="sumulas"] .sum{padding:13px 12px!important}
  body[data-ops-page="sumulas"] .tema-mini{width:100%;margin-left:0}
}

@media (prefers-reduced-motion:reduce){
  .ops-marquee span{animation:none;padding-left:0}
}