/* SVG filters are injected by the script below when needed. */
/* ==========================================================
   ACESSIBILIDADE 2.0 — CONECTA JOVEM
========================================================== */
html.cj-a11y-large-text{font-size:112.5%}
html.cj-a11y-extra-large-text{font-size:125%}

html.cj-a11y-readable-font body,
html.cj-a11y-readable-font button,
html.cj-a11y-readable-font input,
html.cj-a11y-readable-font select,
html.cj-a11y-readable-font textarea{
  font-family:Arial, Verdana, sans-serif!important;
}

html.cj-a11y-spacing body{
  letter-spacing:.025em;
  word-spacing:.08em;
}
html.cj-a11y-spacing p,
html.cj-a11y-spacing li,
html.cj-a11y-spacing label{
  line-height:1.85!important;
}

html.cj-a11y-highlight-links a{
  text-decoration:underline!important;
  text-decoration-thickness:2px!important;
  text-underline-offset:3px!important;
}

html.cj-a11y-focus main > section,
html.cj-a11y-focus main > .section,
html.cj-a11y-focus .dashboard .conteudo > section{
  opacity:.34;
  transition:opacity .2s ease, filter .2s ease;
}
html.cj-a11y-focus main > section:hover,
html.cj-a11y-focus main > section:focus-within,
html.cj-a11y-focus main > .section:hover,
html.cj-a11y-focus main > .section:focus-within,
html.cj-a11y-focus .dashboard .conteudo > section:hover,
html.cj-a11y-focus .dashboard .conteudo > section:focus-within{
  opacity:1;
}
html.cj-a11y-focus .hero,
html.cj-a11y-focus .hero-profissional,
html.cj-a11y-focus .home-search{
  opacity:1;
}
html.cj-a11y-focus p,
html.cj-a11y-focus li{
  max-width:78ch;
}
html.cj-a11y-focus .container{
  scroll-margin-top:90px;
}

html.cj-a11y-contrast body{
  background:#fff!important;
  color:#111!important;
}
html.cj-a11y-contrast a{color:#003cff!important;text-decoration:underline!important}
html.cj-a11y-contrast button{border:2px solid currentColor!important}
html.cj-a11y-contrast input,
html.cj-a11y-contrast select,
html.cj-a11y-contrast textarea{
  border:2px solid #111!important;
}

html.cj-a11y-grayscale body{
  filter:grayscale(1);
}

html.cj-a11y-reduced-motion *,
html.cj-a11y-reduced-motion *::before,
html.cj-a11y-reduced-motion *::after{
  animation-duration:.001ms!important;
  animation-iteration-count:1!important;
  transition-duration:.001ms!important;
  scroll-behavior:auto!important;
}

/* Simulações de percepção de cor. São ferramentas de apoio e não substituem
   testes de acessibilidade ou validação por pessoas com daltonismo. */
html.cj-a11y-protanopia body{
  filter:url("#cjProtanopia")!important;
}
html.cj-a11y-deuteranopia body{
  filter:url("#cjDeuteranopia")!important;
}
html.cj-a11y-tritanopia body{
  filter:url("#cjTritanopia")!important;
}

.cj-a11y-button{
  position:fixed;left:18px;bottom:20px;z-index:2147483001;
  width:56px;height:56px;border:0;border-radius:50%;
  background:#2563eb;color:#fff;display:flex;align-items:center;justify-content:center;
  font-size:1.35rem;box-shadow:0 10px 28px rgba(15,23,42,.25);
  cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;
}
.cj-a11y-button:hover{transform:translateY(-3px) scale(1.04)}
.cj-a11y-button:focus-visible{outline:4px solid #fbbf24;outline-offset:3px}

.cj-a11y-panel{
  position:fixed;left:18px;bottom:88px;z-index:2147483002;
  width:min(390px,calc(100vw - 36px));max-height:min(80vh,720px);overflow:auto;
  padding:18px;border:1px solid #dbe3ef;border-radius:18px;background:#fff;color:#172033;
  box-shadow:0 18px 55px rgba(15,23,42,.22);font-family:inherit;display:none;
}
.cj-a11y-panel.open{display:block;animation:cjA11yIn .18s ease-out}
@keyframes cjA11yIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.cj-a11y-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}
.cj-a11y-panel-header h2{margin:0;font-size:1.12rem;line-height:1.25;color:inherit}
.cj-a11y-panel-header p{margin:5px 0 0;font-size:.8rem;opacity:.72}
.cj-a11y-close{width:34px;height:34px;border:1px solid #dbe3ef;border-radius:9px;background:#f8fafc;color:inherit;cursor:pointer}
.cj-a11y-section{margin-top:15px}
.cj-a11y-section-title{margin:0 0 8px;font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;opacity:.65}
.cj-a11y-help{font-size:.75rem;line-height:1.5;margin:0 0 8px;opacity:.7}
.cj-a11y-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.cj-a11y-option{
  min-height:48px;padding:9px 10px;border:1px solid #dbe3ef;border-radius:10px;
  background:#f8fafc;color:#172033;font:inherit;font-size:.83rem;font-weight:700;text-align:left;
  cursor:pointer;transition:.16s ease;
}
.cj-a11y-option:hover{transform:translateY(-1px);border-color:#2563eb}
.cj-a11y-option.active{background:#eaf1ff;border-color:#2563eb;color:#1745a5}
.cj-a11y-option i{width:20px;text-align:center;margin-right:5px}
.cj-a11y-reset{width:100%;margin-top:14px;padding:11px;border:0;border-radius:10px;background:#e2e8f0;color:#172033;font:inherit;font-weight:800;cursor:pointer}

[vw].cj-vlibras-hidden{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
[vw]:not(.cj-vlibras-hidden){opacity:1;visibility:visible;pointer-events:auto}

@media(max-width:600px){
  .cj-a11y-button{left:14px;bottom:14px;width:50px;height:50px}
  .cj-a11y-panel{left:14px;bottom:76px;width:calc(100vw - 28px);max-height:74vh;padding:15px}
}