/* Meu Capítulo — estilos do projeto (cores tiradas da logo) */
:root {
  --mc-verde: #0d4f80;        /* azul da logo (nome mantido para não mexer nas regras) */
  --mc-verde-escuro: #01406a;
  --mc-laranja: #f26a1b;      /* laranja da logo, só como detalhe */
  --mc-tinta: #1e2a3a;
  --mc-grafite: #5f6b76;
  --mc-linha: #dce1d8;
  --mc-papel: #f4f6f2;
  --mc-serif: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif;
}

body { background: var(--mc-papel); color: var(--mc-tinta); }

.mc-titulo, .mc-capa-titulo, .mc-app-nome {
  font-family: var(--mc-serif);
  font-weight: 600;
  letter-spacing: -0.01em;
}
.mc-titulo { font-size: 1.75rem; }

/* Barra superior */
.mc-barra { background: #fff; border-bottom: 1px solid var(--mc-linha); }
.mc-marca { color: var(--mc-verde) !important; font-size: 1.3rem; display: flex; align-items: center; gap: .5rem; }
.mc-marca img { height: 30px; width: auto; }
.mc-marca-texto { font-family: "Trebuchet MS", "Segoe UI", system-ui, sans-serif; font-weight: 700; letter-spacing: -0.01em; }
.mc-marca-meu { color: var(--mc-verde-escuro); }
.mc-marca-cap { color: var(--mc-laranja); }
.mc-barra .nav-link { color: var(--mc-tinta); }
.mc-barra .nav-link:hover, .mc-barra .nav-link:focus { color: var(--mc-verde); }

/* Botões e links */
.btn-mc { background: var(--mc-verde); border-color: var(--mc-verde); color: #fff; }
.btn-mc:hover, .btn-mc:focus { background: var(--mc-verde-escuro); border-color: var(--mc-verde-escuro); color: #fff; }
.mc-link { color: var(--mc-verde); text-decoration: none; }
.mc-link:hover { text-decoration: underline; }
.form-control:focus, .form-check-input:focus {
  border-color: var(--mc-verde);
  box-shadow: 0 0 0 .2rem rgba(13, 79, 128, .2);
}
.form-check-input:checked { background-color: var(--mc-verde); border-color: var(--mc-verde); }

/* Telas de acesso: cartão em forma de livro fechado, lombada à esquerda */
.mc-acesso-wrap {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.5rem 1rem;
}
.mc-acesso-wrap > .alert { position: fixed; top: 1rem; left: 50%; transform: translateX(-50%); z-index: 10; max-width: 26rem; width: calc(100% - 2rem); }
.mc-livro-fechado {
  display: flex;
  width: 100%;
  max-width: 27rem;
  background: #fff;
  border-radius: 3px 8px 8px 3px;
  border: 1px solid var(--mc-linha);
  border-left: 0;
}
.mc-lombada {
  flex: 0 0 2.5rem;
  background: var(--mc-verde);
  border-radius: 3px 0 0 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: inset -5px 0 0 var(--mc-laranja);
}
.mc-lombada span { /* sem texto desde a v2 */
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  color: rgba(255, 255, 255, .85);
  font-family: var(--mc-serif);
  font-size: .9rem;
  letter-spacing: .08em;
  white-space: nowrap;
}
.mc-capa { flex: 1; padding: 2rem 1.75rem; min-width: 0; }
.mc-capa-logo { display: block; width: 100%; max-width: 240px; height: auto; margin: 0 auto 1.5rem; }
.mc-capa-titulo { font-size: 1.6rem; margin-bottom: 1.25rem; }
.mc-capa-nota { margin: 1.5rem 0 0; font-size: .85rem; color: var(--mc-grafite); }

/* Páginas internas */
.mc-folha {
  max-width: 40rem;
  background: #fff;
  border: 1px solid var(--mc-linha);
  border-radius: 6px;
  padding: 1.75rem;
}
.mc-vazio {
  max-width: 36rem;
  background: #fff;
  border: 1px dashed var(--mc-linha);
  border-radius: 6px;
  padding: 2rem;
}

/* Apps na página inicial */
.mc-app {
  display: flex;
  flex-direction: column;
  gap: .25rem;
  height: 100%;
  padding: 1.25rem 1.25rem 1.25rem 1.5rem;
  background: #fff;
  border: 1px solid var(--mc-linha);
  border-left: 6px solid var(--mc-verde);
  border-radius: 3px 6px 6px 3px;
  color: var(--mc-tinta);
  text-decoration: none;
}
.mc-app:hover, .mc-app:focus-visible { border-color: var(--mc-verde); color: var(--mc-tinta); }
.mc-app .bi { font-size: 1.6rem; color: var(--mc-verde); }
.mc-app-nome { font-size: 1.2rem; }
.mc-app-desc { color: var(--mc-grafite); font-size: .9rem; }

a:focus-visible, .btn:focus-visible { outline: 2px solid var(--mc-verde); outline-offset: 2px; }

@media (max-width: 400px) {
  .mc-lombada { flex-basis: 1.6rem; }
  .mc-capa { padding: 1.5rem 1.25rem; }
}