/* ═══ Aceite de cookies (LGPD) · Shapeline ═══
   Tokens próprios: o arquivo é carregado tanto na home quanto nas páginas legais. */
.slc{
  --slc-bg:#0B0C0E; --slc-panel:#141518; --slc-panel2:#1B1C20;
  --slc-line:#1E1F24; --slc-line2:#2F3138;
  --slc-ink:#F2F3F5; --slc-ink2:#9EA1A8; --slc-ink3:#828691;
  --slc-cy:#3FB3FF;
  --slc-body:'Schibsted Grotesk',system-ui,sans-serif;
  --slc-mono:'IBM Plex Mono',ui-monospace,monospace;
  position:fixed; z-index:9000; box-sizing:border-box;
}
.slc *,.slc *::before,.slc *::after{box-sizing:border-box}

/* ── barra do rodapé ── */
.slc-bar{
  left:0; right:0; bottom:0; padding:0 20px 20px;
  display:flex; justify-content:center; pointer-events:none;
}
.slc-bar[hidden]{display:none}
.slc-bar .slc-card{
  pointer-events:auto; width:100%; max-width:1040px;
  background:rgba(20,21,24,.94); backdrop-filter:blur(14px);
  border:1px solid var(--slc-line2); border-radius:16px;
  box-shadow:0 24px 70px rgba(0,0,0,.6);
  padding:22px 26px;
  display:flex; align-items:center; gap:28px; flex-wrap:wrap;
  font:15px/1.6 var(--slc-body); color:var(--slc-ink2);
  transform:translateY(28px); opacity:0;
  animation:slc-up .5s cubic-bezier(.22,.9,.3,1) forwards;
}
@keyframes slc-up{to{transform:none;opacity:1}}
.slc-txt{flex:1 1 380px; min-width:0}
.slc-eyebrow{
  font:500 10px var(--slc-mono); letter-spacing:3px; text-transform:uppercase;
  color:var(--slc-ink3); margin-bottom:8px;
}
.slc-txt p{margin:0; font-size:14px; max-width:62ch}
.slc-txt b{color:var(--slc-ink); font-weight:600}
.slc-txt a{color:var(--slc-ink); text-decoration:underline; text-underline-offset:3px; text-decoration-color:var(--slc-line2)}
.slc-txt a:hover{text-decoration-color:var(--slc-ink)}

/* ── botões ── */
.slc-acts{display:flex; gap:10px; flex-wrap:wrap; align-items:center}
.slc-btn{
  font:600 14px var(--slc-body); padding:11px 20px; border-radius:10px;
  border:1px solid transparent; cursor:pointer; transition:.2s; white-space:nowrap;
  background:none; color:var(--slc-ink2);
}
.slc-btn.solid{background:var(--slc-ink); color:#0A1018}
.slc-btn.solid:hover{background:#fff; box-shadow:0 0 30px rgba(255,255,255,.24)}
.slc-btn.ghost{border-color:var(--slc-line2); color:var(--slc-ink2)}
.slc-btn.ghost:hover{border-color:var(--slc-ink3); color:var(--slc-ink)}
.slc-btn.plain{color:var(--slc-ink3); padding:11px 8px; text-decoration:underline; text-underline-offset:4px; text-decoration-color:var(--slc-line2)}
.slc-btn.plain:hover{color:var(--slc-ink)}
.slc :focus-visible{outline:2px solid var(--slc-cy); outline-offset:3px; border-radius:8px}

/* ── painel de personalização ── */
.slc-modal{inset:0; display:grid; place-items:center; padding:22px}
.slc-modal[hidden]{display:none}
.slc-veil{position:absolute; inset:0; background:rgba(6,7,9,.72); backdrop-filter:blur(4px); animation:slc-fade .3s ease forwards}
@keyframes slc-fade{from{opacity:0}to{opacity:1}}
.slc-sheet{
  position:relative; width:100%; max-width:560px; max-height:88vh; overflow:auto;
  background:var(--slc-panel); border:1px solid var(--slc-line2); border-radius:18px;
  box-shadow:0 30px 90px rgba(0,0,0,.65);
  padding:28px 28px 22px; font:15px/1.6 var(--slc-body); color:var(--slc-ink2);
  transform:translateY(18px) scale(.99); opacity:0;
  animation:slc-pop .38s cubic-bezier(.22,.9,.3,1) forwards;
}
@keyframes slc-pop{to{transform:none; opacity:1}}
.slc-sheet h2{
  font:600 22px/1.25 var(--slc-body); letter-spacing:-.4px; color:var(--slc-ink);
  margin:0 0 8px;
}
.slc-sheet .slc-sub{margin:0 0 22px; font-size:13.5px; color:var(--slc-ink3); max-width:52ch}

.slc-cat{
  border:1px solid var(--slc-line); background:var(--slc-panel2); border-radius:13px;
  padding:16px 18px; display:flex; gap:16px; align-items:flex-start;
}
.slc-cat + .slc-cat{margin-top:10px}
.slc-cat .info{flex:1; min-width:0}
.slc-cat .name{display:flex; align-items:center; gap:9px; color:var(--slc-ink); font-weight:600; font-size:14.5px}
.slc-cat .fix{
  font:500 9px var(--slc-mono); letter-spacing:1.6px; text-transform:uppercase; color:var(--slc-ink3);
  border:1px solid var(--slc-line2); border-radius:99px; padding:3px 8px;
}
.slc-cat p{margin:5px 0 0; font-size:13px; color:var(--slc-ink3)}

/* ── toggle ── */
.slc-sw{position:relative; flex:none; width:46px; height:26px; margin-top:2px}
.slc-sw input{position:absolute; inset:0; width:100%; height:100%; margin:0; opacity:0; cursor:pointer}
.slc-sw i{
  position:absolute; inset:0; border-radius:99px; background:#26272C;
  border:1px solid var(--slc-line2); transition:.22s; pointer-events:none;
}
.slc-sw i::after{
  content:""; position:absolute; top:3px; left:3px; width:18px; height:18px; border-radius:50%;
  background:var(--slc-ink3); transition:.22s;
}
.slc-sw input:checked + i{background:var(--slc-cy); border-color:var(--slc-cy)}
.slc-sw input:checked + i::after{transform:translateX(20px); background:#07131E}
.slc-sw input:focus-visible + i{outline:2px solid var(--slc-cy); outline-offset:3px}
.slc-sw input:disabled{cursor:not-allowed}
.slc-sw input:disabled + i{opacity:.5}

.slc-foot{display:flex; gap:10px; justify-content:flex-end; align-items:center; flex-wrap:wrap; margin-top:22px}
.slc-note{
  margin-top:18px; font:400 11.5px/1.7 var(--slc-body); color:var(--slc-ink3);
  border-top:1px solid var(--slc-line); padding-top:14px;
}
.slc-note a{color:var(--slc-ink2); text-decoration:underline; text-underline-offset:3px}

/* ── mobile ── */
@media (max-width:720px){
  .slc-bar{padding:0 12px 12px}
  .slc-bar .slc-card{flex-direction:column; align-items:stretch; gap:18px; padding:20px 20px 18px; border-radius:14px}
  .slc-txt{flex:0 0 auto}
  .slc-acts{flex-direction:column; align-items:stretch}
  .slc-btn{width:100%; text-align:center}
  .slc-modal{padding:12px}
  .slc-sheet{padding:22px 20px 18px; max-height:92vh}
  .slc-foot{flex-direction:column-reverse; align-items:stretch}
}

/* ── sem animação quando o usuário pede ── */
@media (prefers-reduced-motion:reduce){
  .slc-bar .slc-card,.slc-sheet,.slc-veil{animation:none; transform:none; opacity:1}
  .slc-btn,.slc-sw i,.slc-sw i::after{transition:none}
}