/* ═══════════════════════════════════════════════════════════════
PDI+VC — custom.css   (gerado automaticamente)
═══════════════════════════════════════════════════════════════ */

/* ── Tipografia ─────────────────────────────────────────────── */
body, .quarto-title {
font-family: 'Source Serif 4', Georgia, serif;
}
code, pre, .sourceCode {
font-family: 'JetBrains Mono', monospace;
font-size: 0.75em;      /* tamanho menor para código, para caber melhor no PDF sem quebrar tanto */
}

/* ── Sidebar ─────────────────────────────────────────────────── */
#quarto-sidebar {
background: #2c3e55 !important;
}
#quarto-sidebar .sidebar-title a,
#quarto-sidebar .sidebar-title {
color: #fde8c0 !important;
font-weight: 700;
}
#quarto-sidebar a,
.sidebar-navigation .sidebar-item-text,
.sidebar-navigation a {
color: #c8ddf0 !important;
}
#quarto-sidebar a:hover,
.sidebar-navigation a:hover,
.sidebar-navigation .sidebar-item-text:hover {
color: #ffe0a0 !important;
background: rgba(255,255,255,0.09) !important;
border-radius: 4px;
}
.sidebar-item.sidebar-item-section > .sidebar-item-text {
color: #ffc97a !important;
font-weight: 600;
letter-spacing: 0.04em;
}
.sidebar-item .chapter-number {
color: #90b8d8 !important;
}

/* ── Títulos ─────────────────────────────────────────────────── */
h1, h2, h3 { color: #1a3a5c; }
h1 { border-bottom: 3px solid #f0c060; padding-bottom: 0.3em; }

/* ── Callouts ────────────────────────────────────────────────── */
.callout { border-left-width: 5px; border-radius: 4px; }

/* ── Código-fonte (input) ────────────────────────────────────── */
/* ── Código-fonte (input) e outputs — base compartilhada ─────── */
div.sourceCode,
.cell-output pre,
.cell-output code,
[class^="cell-output"] pre,
[class*=" cell-output"] pre {
  border-radius: 8px !important;
  border: 1px solid transparent !important;   /* sobrescrito abaixo */
  border-left-width: 4px !important;
  box-shadow: none !important;
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 0.75em !important;       /* tamanho menor para código, para caber melhor no PDF sem quebrar tanto */
  line-height: 1.55 !important;
  padding: 0.75em 1em !important;
  white-space: pre-wrap !important;
}

/* ── Código-fonte: azul ──────────────────────────────────────── */
div.sourceCode {
  background: #f0f4ff !important;
  border-color: #c8d4f0 !important;
  border-left-color: #7090d0 !important;
  color: #1a2050 !important;
}
div.sourceCode pre,
div.sourceCode pre code {
  background: #f0f4ff !important;
  color: #1a2050 !important;
  border: none !important;
  box-shadow: none !important;
}

/* ── Output (stdout): mesma estrutura, fundo âmbar ──────────── */
.cell-output pre,
.cell-output code,
[class^="cell-output"] pre,
[class*=" cell-output"] pre {
  background: #fdf6ec !important;
  border-color: #e8d8b8 !important;
  border-left-color: #e8a840 !important;
  color: #2e1e05 !important;
}

/* ── stderr: mesma estrutura, fundo rosado ───────────────────── */
.cell-output-stderr pre,
.cell-output-stderr code {
  background: #fff2f0 !important;
  border-color: #f0c8c0 !important;
  border-left-color: #e06050 !important;
  color: #5a1a10 !important;
}

/* ── display_data (imagens, HTML rico): sem caixa própria ─────── */
.cell-output-display {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin-top: 0.3em !important;
}
.cell-output-display > pre,
.cell-output-display pre {
  background: #fdf6ec !important;
  border: 1px solid #e8d8b8 !important;
  border-left: 4px solid #e8a840 !important;
  border-radius: 8px !important;
  padding: 0.75em 1em !important;
  color: #2e1e05 !important;
}
.cell-output-display img {
  background: transparent;
  border-radius: 4px;
  display: block;
}

/* ── Tabelas ─────────────────────────────────────────────────── */
table { border-collapse: collapse; width: 100%; }
thead tr { background: #2c4a6a !important; color: #faf0e0 !important; }
tbody tr:nth-child(even) { background: #f5f0e8; }
td, th { padding: 0.5em 0.8em; border: 1px solid #d0c8b8; }

/* ── Capa ────────────────────────────────────────────────────── */
.quarto-cover-image {
border-radius: 8px;
box-shadow: 0 8px 32px rgba(0,0,0,0.28);
max-height: 480px;
object-fit: cover;
}