/* =========================================================
   ANETE – SISTEMA VISUAL DIDÁTICO
   Disciplina: Análise e Expressão Textual
   Autor: Mário Martins
   ========================================================= */


/* =========================================================
   TIPOGRAFIA GLOBAL
   ========================================================= */

/* Fonte principal: Source Sans Pro (leitura longa, acadêmica) */
body {
  font-family: 'Source Sans Pro', 'Lato', 'Segoe UI', sans-serif;
  font-size: 1rem;
  line-height: 1.6;
  color: #222;
  background-color: #ffffff;
}

/* Melhorar respiro entre parágrafos */
p {
  margin-bottom: 1.1rem;
}

/* Área de conteúdo sem limitação artificial de largura */
.page-content {
  max-width: none !important;
  padding-left: 2rem;
  padding-right: 2rem;
}


/* =========================================================
   CALLOUTS (EXPLICAÇÕES CONCEITUAIS CENTRAIS)
   ========================================================= */

div.callout {
  border-left: 4px solid #1a237e;
  background-color: #f9f9f9;
  padding: 0.75rem 1rem;
  margin: 1.5rem 0;
  border-radius: 6px;
}

div.callout-title {
  font-weight: 600;
  font-size: 1.05rem;
  color: #1a237e;
}

/* Corrigir título automático do callout-note */
.callout-note > .callout-title::before {
  content: "Nota";
}

.callout-note > .callout-title > strong {
  display: none;
}


/* =========================================================
   TÍTULOS NÃO NUMERADOS (USO PEDAGÓGICO)
   ========================================================= */

/* Títulos principais (Ementa, Objetivos, Avaliação etc.) */
.titulo-nao-numerado {
  font-size: 1.6rem;
  font-weight: bold;
  color: #1a237e;
  margin-top: 2.2rem;
  margin-bottom: 1rem;
  border-left: 5px solid #1a237e;
  padding-left: 0.6rem;
  line-height: 1.3;
}

/* Subtítulos (Unidades, blocos internos) */
.subtitulo-nao-numerado {
  font-size: 1.3rem;
  font-weight: bold;
  color: #3e3e3e;
  margin-top: 1.6rem;
  margin-bottom: 0.6rem;
  line-height: 1.3;
}

/* Subsubtítulos (desdobramentos conceituais) */
.subsubtitulo-nao-numerado {
  font-size: 1.1rem;
  font-weight: 600;
  color: #444;
  margin-top: 1.2rem;
  margin-bottom: 0.5rem;
  font-style: italic;
  line-height: 1.3;
}


/* =========================================================
   BLOCO "PRÓXIMA AULA"
   ========================================================= */

.proxima-aula {
  border: 2px solid #4a90e2;
  border-radius: 12px;
  padding: 1em;
  margin-top: 2em;
  background-color: #f0f6ff;
  box-shadow: 2px 2px 6px rgba(0,0,0,0.1);
}

.proxima-aula-title {
  font-size: 1.3em;
  font-weight: bold;
  display: flex;
  align-items: center;
}

.proxima-aula-title::before {
  content: "📌 ";
  margin-right: 0.4em;
}


/* =========================================================
   BLOCOS DE APOIO DIDÁTICO
   ========================================================= */

/* NOTA SECUNDÁRIA
   → observações laterais, comentários, ressalvas */
.nota-secundaria {
  font-size: 0.85rem;
  color: #444;
  font-style: italic;
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding: 0.5rem 0.8rem;
  border-left: 4px solid #ccc;
  background-color: #f7f7f7;
  border-radius: 4px;
}

/* DESTAQUE
   → informação que deve ser retida pelo estudante */
.destaque {
  background-color: #fdfaf3;
  padding: 1rem;
  border-radius: 6px;
  border: 1px solid #e0dccc;
  box-shadow: 1px 1px 2px rgba(0,0,0,0.03);
  font-size: 1rem;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

/* ÊNFASE
   → alertas interpretativos, erros comuns, pontos sensíveis */
.enfase {
  background-color: #ffe9e3;
  color: #5a3e36;
  padding: 1em;
  border-radius: 8px;
  font-weight: 500;
  font-size: 1.05em;
  border-left: 5px solid #f4a08c;
}


/* =========================================================
   LEITURAS E CITAÇÕES
   ========================================================= */

/* Leitura recomendada */
.leitura {
  background-color: #f5f5f5;
  border-left: 4px solid #7a7a7a;
  padding: 1.2em 1.5em;
  margin: 1.5em 0;
  font-family: Georgia, serif;
  font-size: 1.05rem;
  line-height: 1.7;
  color: #2a2a2a;
  border-radius: 5px;
  box-shadow: 1px 1px 4px rgba(0,0,0,0.04);
}

/* Citação direta */
.citacao {
  border-left: 4px solid #1a237e;
  background-color: #f4faff;
  padding: 1rem 1.5rem;
  margin: 1.5rem 0;
  font-family: Georgia, 'Times New Roman', Times, serif;
  font-size: 1.15rem;
  line-height: 1.6;
  color: #2b2b2b;
}

/* Citação externa */
.citacao-externa {
  border-left: 4px solid #707070;
  background-color: #f9f9f9;
  padding: 1rem 1.5rem;
  margin: 1.5rem 0;
  font-family: Georgia, 'Times New Roman', Times, serif;
  font-size: 1.1rem;
  line-height: 1.6;
  color: #333;
  font-style: italic;
}


/* =========================================================
   IMAGENS
   ========================================================= */

.img-central {
  display: block;
  margin: 2rem auto 3rem auto;
  max-width: 80%;
  height: auto;
}


/* =========================================================
   FORMULÁRIOS
   ========================================================= */

.formulario {
  background-color: #fefefe;
  border: 1px solid #ccc;
  padding: 1.8em;
  border-radius: 10px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}


/* =========================================================
   BLOCO DE RESPOSTA OCULTA (ATIVIDADES)
   ========================================================= */

.resposta-escondida {
  border-left: 4px solid #1a237e;
  background-color: #ffffff;
  padding: 1rem 1.5rem;
  margin: 1.5rem 0;
  font-family: Georgia, 'Times New Roman', Times, serif;
  font-size: 1rem;
  line-height: 1.6;
  color: #2b2b2b;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.resposta-escondida summary {
  font-weight: bold;
  font-size: 0.85rem;
  list-style: none;
}

.resposta-escondida[open] {
  background-color: #e6f2fb;
}


/* =========================================================
   SIDEBAR (NAVEGAÇÃO)
   ========================================================= */

.sidebar {
  background-color: #ffffff;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 0.95rem;
  border-right: 1px solid #eee;
}

/* Título do livro */
.sidebar-title {
  display: block;
  font-size: 1.2rem;
  font-weight: 600;
  color: #1a1a1a;
  padding: 1.2rem 1rem 0.5rem 1rem;
  letter-spacing: 0.6px;
  text-align: left;
}

/* Autor */
.sidebar-title::after {
  content: "por Mário Martins";
  display: block;
  font-size: 0.9rem;
  font-weight: 400;
  color: #555;
  margin-top: 0.2rem;
}

/* Controle de seções dobráveis */
.sidebar .menu-group .menu-section {
  display: none;
}

.sidebar .menu-group input[type="checkbox"]:checked ~ .menu-section {
  display: block;
}

/* Ocultar título automático da TOC */
.sidebar .toc-title,
.toc-title {
  display: none !important;
}

.rmdnote,
div.rmdnote,
section.rmdnote,
div[class~="rmdnote"] {
  border-left: 5px solid #2b6cb0;
  background: #f7fafc;
  padding: 12px 14px;
  margin: 14px 0;
  border-radius: 10px;
  color: #1f2937;
  line-height: 1.55;
  box-shadow: 0 6px 14px rgba(0,0,0,0.10);
}

/* Títulos e ênfases dentro do bloco */
.rmdnote strong,
.rmdnote b {
  color: #111827;
}

.rmdnote em,
.rmdnote i {
  color: #374151;
}

/* Listas no bloco */
.rmdnote ul,
.rmdnote ol {
  margin: 8px 0 0 18px;
}

.rmdnote li {
  margin: 4px 0;
}

/* Links no bloco */
.rmdnote a {
  color: #1d4ed8;
  text-decoration: underline;
}