/* Ius Liberum — Jurisprudência em áudio (RASCUNHO, autor 20/10/2026). Usa as variáveis de estilo.css (modo claro e escuro). */
.ic-audio { display: inline-flex; align-items: center; vertical-align: -3px; margin-left: 6px; color: var(--destaque); }
.ic-audio svg { display: block; }
.jtitulo .ic-audio, .jtitulo-pagina .ic-audio { margin-left: 8px; }
.player-julgado h2 .ic-audio { margin: 0 4px 0 0; }
a.ic-audio.com-texto { text-decoration: none; font-size: .85rem; font-weight: 600; font-family: var(--sans); gap: 5px; margin-left: 12px; white-space: nowrap; }
a.ic-audio.com-texto:hover { text-decoration: underline; }
.player-julgado .linha-botoes { display: flex; gap: 8px; flex-wrap: wrap; margin: 4px 0 10px; }
.player-julgado .nota.aviso-bg { color: var(--erro); font-weight: 600; }
.player-julgado .nota.aviso-bg[hidden] { display: none; }
.player-julgado .area-audio:empty { display: none; }

.player-julgado { margin: 14px 0 18px; padding: 14px 16px; background: var(--destaque-claro); border: 1px solid var(--borda); border-radius: var(--raio); }
.player-julgado h2 { font-size: 1rem; margin: 0 0 10px; }
.player-julgado audio { width: 100%; display: block; }
.player-julgado .velocidades { display: flex; gap: 6px; flex-wrap: wrap; margin: 10px 0 6px; }
.player-julgado .nota { margin: 6px 0 0; font-size: .85rem; color: var(--suave); text-align: justify; hyphens: auto; }
button.vel { background: var(--superficie); color: var(--texto); border: 1px solid var(--borda); border-radius: 999px; padding: 4px 12px; font-size: .85rem; cursor: pointer; }
button.vel.ativa { background: var(--destaque-fundo); border-color: var(--destaque-fundo); color: var(--sobre-destaque); }

/* Aba "Jurisprudência em áudio" */
.intro-audio { margin: 4px 0 14px; color: var(--suave); text-align: justify; hyphens: auto; }

/* Botão e passos de instalação do app */
.botao-instalar { display: inline-flex; align-items: center; gap: 8px; }
.passos-instalar { margin-top: 8px; text-align: justify; hyphens: auto; }
.passos-instalar ol { margin: 6px 0 6px 20px; padding: 0; }

/* Cadernos de áudio */
.painel-caderno { margin: 8px 0; padding: 10px 12px; background: var(--superficie); border: 1px solid var(--borda); border-radius: var(--raio); }
.linha-caderno { display: block; padding: 4px 0; }
.novo-caderno { display: flex; gap: 8px; flex-wrap: wrap; margin: 8px 0 16px; }
.novo-caderno input { flex: 1 1 220px; }
.so-leitor { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.item-caderno .linha-botoes, .caderno-cartao .linha-botoes { display: flex; gap: 8px; flex-wrap: wrap; }

/* Player enxuto e minimizável (autor, 21/10/2026) */
.player-julgado { position: relative; }
.player-julgado[hidden] { display: none; }
.player-julgado .player-min { position: absolute; top: 6px; right: 8px; width: 28px; height: 28px; padding: 0; border: 1px solid var(--borda);
  border-radius: 50%; background: var(--superficie); color: var(--suave); font-size: 1.1rem; line-height: 1; cursor: pointer; }
.player-julgado .player-min:hover { color: var(--destaque); border-color: var(--destaque); }
.player-julgado .linha-botoes { padding-right: 36px; }
/* Velocidade no menu dos três pontinhos (autor, 21/10/2026) */
.player-julgado .linha-player { display: flex; align-items: center; gap: 6px; padding-right: 34px; }
.player-julgado .linha-player audio { flex: 1; min-width: 0; }
.player-julgado .mais-audio { position: relative; }
.player-julgado .mais-botao { width: 34px; height: 34px; padding: 0; border: 1px solid var(--borda); border-radius: 50%; background: var(--superficie);
  color: var(--texto); font-size: 1.2rem; line-height: 1; cursor: pointer; }
.player-julgado .velocidades { position: absolute; right: 0; bottom: 40px; z-index: 20; display: flex; flex-direction: column; gap: 2px; margin: 0;
  min-width: 120px; padding: 6px; background: var(--superficie); border: 1px solid var(--borda); border-radius: 6px; box-shadow: 0 6px 18px rgba(0,0,0,.14); }
.player-julgado .velocidades[hidden] { display: none; }
.player-julgado .velocidades .vel-tit { font-size: .75rem; color: var(--suave); padding: 2px 6px; }
.player-julgado .velocidades .vel { text-align: left; }
/* Player FLUTUANTE (autor, 21/10/2026): preso ao pé da tela; minimizado vira um botão redondo */
.player-julgado { position: fixed; left: 50%; bottom: 16px; transform: translateX(-50%); z-index: 70; width: min(640px, calc(100vw - 32px));
  margin: 0; box-shadow: 0 8px 24px rgba(0,0,0,.18); background: var(--superficie); }
.player-mini { position: fixed; right: 16px; bottom: 16px; z-index: 70; width: 48px; height: 48px; border-radius: 50%; border: 1px solid var(--ouro, #BF9A5E);
  background: var(--destaque-fundo); color: var(--sobre-destaque); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: 0 6px 18px rgba(0,0,0,.2); }
.player-mini[hidden] { display: none; }
.player-mini svg { width: 22px; height: 22px; }
/* Botão × para fechar o player flutuante (autor, 21/10/2026); o "–" fica ao lado */
.player-julgado .player-fechar { position: absolute; top: 6px; right: 8px; width: 28px; height: 28px; padding: 0; border: 1px solid var(--borda);
  border-radius: 50%; background: var(--superficie); color: var(--suave); font-size: 1.1rem; line-height: 1; cursor: pointer; }
.player-julgado .player-fechar:hover { color: var(--destaque); border-color: var(--destaque); }
.player-julgado .player-min { right: 42px; }
.player-julgado .linha-player { padding-right: 70px; }
.player-julgado .nota { padding-right: 36px; }

/* Celular (13.1, 22/10/2026): o player do navegador ocupa a linha inteira; −15 s, ↺ e velocidade vão para a linha de baixo, e o menu da velocidade abre para a direita */
@media (max-width: 600px) {
  .player-julgado .linha-player { flex-wrap: wrap; padding-right: 0; }
  .player-julgado .linha-player audio { flex: 1 0 100%; width: 100%; }
  .player-julgado .audio-salto { height: 36px; }
  .player-julgado .velocidades { left: 0; right: auto; }
  .player-julgado .linha-botoes { padding-right: 70px; }
}

/* Botões do player menores (autor, 22/10/2026) e escolha da playlist por botão */
.player-julgado .linha-botoes { gap: 6px; margin: 0 0 8px; }
.player-julgado .linha-botoes .botao-ed { font-size: .7rem; letter-spacing: .04em; padding: 5px 10px; min-height: 0; height: auto; line-height: 1.2; background: transparent; color: var(--bordo, #7A1F2B); border: 1px solid currentColor; border-radius: 999px; box-shadow: none; }
.player-julgado .linha-botoes .botao-ed:hover { background: rgba(122, 31, 43, .08); }
.player-julgado .audio-salto { height: 32px; min-width: 38px; font-size: .85rem; padding: 0 8px; }
.player-julgado .audio-salto[data-salto="inicio"] { font-size: 1.05rem; }
.player-julgado .mais-botao { width: 30px; height: 30px; }
.pl-escolha .pl-linha { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 8px 0; border-bottom: 1px solid rgba(0,0,0,.06); }
.pl-escolha .pl-bt { font-size: .8rem; padding: 6px 12px; border-radius: 999px; border: 1px solid var(--bordo, #7A1F2B); background: var(--bordo, #7A1F2B); color: #fff; cursor: pointer; white-space: nowrap; }
.pl-escolha .pl-bt.dentro { background: transparent; color: var(--bordo, #7A1F2B); }

/* Playlist Baixados (autor, 22/10/2026) */
.cartao-baixados { border-left: 3px solid var(--bordo, #7A1F2B); }
.selo-baixado { color: var(--bordo, #7A1F2B); font-weight: 600; }
.pl-escolha .pl-acao { display: inline-flex; align-items: center; gap: 8px; }
.pl-escolha .pl-linha > span:first-child { flex: 1; }
.pl-escolha .pl-x { border: 0; background: transparent; color: #888; font-size: 1.1rem; line-height: 1; padding: 2px 4px; cursor: pointer; }
.pl-escolha .pl-x:hover, .pl-escolha .pl-x:focus-visible { color: var(--bordo, #7A1F2B); }
.pl-escolha .pl-ok { font-size: .8rem; font-weight: 600; color: var(--bordo, #7A1F2B); white-space: nowrap; }