/* Área de clientes: complementa site.css (só é carregado nas páginas da área) */

.area {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  background: var(--nevoa);
}

.area main {
  flex: 1;
}

.area .secao {
  padding-block: clamp(32px, 5vw, 56px) clamp(48px, 7vw, 80px);
}

.area h1 {
  margin-bottom: 20px;
  font-size: clamp(1.7rem, 3vw, 2.3rem);
}

.area h2 {
  font-size: clamp(1.2rem, 2vw, 1.45rem);
}

.area-conteudo .contentor > .formulario,
.area-conteudo .contentor > .conteudo,
.area-conteudo .contentor > .tabela-rolante {
  padding: clamp(16px, 3vw, 28px);
  background: var(--branco);
  border: 1px solid var(--cinzento-claro);
  border-radius: var(--raio);
}

.area-conteudo .conteudo table {
  margin: 0;
}

.area-utilizador {
  display: flex;
  align-items: center;
  gap: 16px;
  color: var(--cinzento);
  font-size: 0.92rem;
}

.area-utilizador .botao {
  padding: 9px 16px;
  font-size: 0.88rem;
}

.area-nav {
  background: var(--marinho);
}

.area-nav ul {
  display: flex;
  gap: 4px;
  margin: 0;
  padding: 0;
  overflow-x: auto;
  list-style: none;
  scrollbar-width: thin;
}

.area-nav li + li {
  margin-top: 0;
}

.area-nav a {
  display: block;
  padding: 14px 16px;
  color: var(--texto-escuro-suave);
  font-family: var(--fonte-titulos);
  font-size: 0.9rem;
  font-weight: 600;
  white-space: nowrap;
  text-decoration: none;
  border-bottom: 3px solid transparent;
}

.area-nav a:hover {
  color: var(--branco);
}

.area-nav a[aria-current="page"] {
  color: var(--branco);
  border-bottom-color: #4fb3b8;
}

.area-rodape {
  padding: 20px 0;
  color: var(--cinzento);
  font-size: 0.85rem;
  border-top: 1px solid var(--cinzento-claro);
  background: var(--branco);
}

.area-rodape a {
  color: inherit;
}

/* As páginas da área não usam JavaScript: o cabeçalho não depende do menu do site */
.area .cabecalho .contentor {
  flex-wrap: nowrap;
  padding-block: 0;
}

@media (max-width: 640px) {
  .area-utilizador span {
    display: none;
  }

  .area .marca img {
    height: 30px;
  }

  .area-nav ul {
    flex-wrap: wrap;
    gap: 0;
    overflow: visible;
  }

  .area-nav a {
    padding: 11px 10px;
    font-size: 0.86rem;
  }
}

/* Mensagens */

.aviso {
  margin: 0 0 20px;
  padding: 14px 18px;
  font-size: 0.95rem;
  line-height: 1.55;
  border: 1px solid;
  border-left-width: 4px;
  border-radius: var(--raio-pequeno);
}

.aviso-ok {
  background: #ecf7f1;
  border-color: #1f7a4d;
}

.aviso-info {
  background: var(--petroleo-tinta);
  border-color: var(--petroleo);
}

.aviso-erro {
  background: #fdf0ef;
  border-color: #b42318;
}

.aviso .senha {
  padding: 2px 8px;
  font-family: ui-monospace, Menlo, Consolas, monospace;
  font-size: 1.05em;
  letter-spacing: 0.04em;
  background: var(--branco);
  border-radius: 6px;
}

/* Etiquetas de estado e de nível */

.etiqueta {
  display: inline-block;
  padding: 3px 10px;
  color: var(--antracite);
  font-size: 0.8rem;
  font-weight: 600;
  line-height: 1.5;
  white-space: nowrap;
  background: var(--cinzento-claro);
  border-radius: 999px;
}

.etiqueta-ok {
  color: #155c3a;
  background: #dcf1e5;
}

.etiqueta-info {
  color: var(--profundo);
  background: var(--petroleo-tinta);
}

.etiqueta-pre {
  color: #7a4a00;
  background: #fff1d6;
}

.linha-pre td {
  background: #fffaf0;
}

.nova-sessao {
  padding: 16px 18px;
  background: var(--nevoa);
  border-radius: var(--raio-pequeno);
}

.etiqueta-erro {
  color: #8f1d14;
  background: #fbe2df;
}

.etiqueta-nova {
  color: var(--branco);
  background: var(--marinho);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.evento-info h3 .etiqueta {
  margin-left: 6px;
  vertical-align: 2px;
}

.etiqueta-nivel1 {
  color: #7a4b00;
  background: #fdecc8;
}

.etiqueta-nivel2 {
  color: #5b4a00;
  background: #f6f0c4;
}

.etiqueta-nivel3 {
  color: var(--profundo);
  background: #d4ebec;
}

.etiqueta-nivel4 {
  color: var(--branco);
  background: var(--petroleo);
}

/* Números do painel */

.numeros {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 150px), 1fr));
  gap: 12px;
  margin-bottom: 24px;
}

.numeros > div {
  padding: 16px 18px;
  color: var(--cinzento);
  font-size: 0.88rem;
  line-height: 1.4;
  background: var(--branco);
  border: 1px solid var(--cinzento-claro);
  border-radius: var(--raio);
}

.numeros strong {
  display: block;
  color: var(--marinho);
  font-family: var(--fonte-titulos);
  font-size: 2rem;
  line-height: 1.2;
}

/* Calendário de formações */

h2.calendario-mes {
  margin: 28px 0 12px;
  color: var(--petroleo);
  font-size: 1rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.calendario {
  display: grid;
  gap: 12px;
}

.evento {
  display: grid;
  grid-template-columns: 84px minmax(0, 1fr) auto;
  gap: 20px;
  align-items: center;
  padding: 16px 20px;
  background: var(--branco);
  border: 1px solid var(--cinzento-claro);
  border-radius: var(--raio);
}

.evento-data {
  display: grid;
  justify-items: center;
  padding: 10px 6px;
  color: var(--branco);
  text-align: center;
  background: var(--profundo);
  border-radius: var(--raio-pequeno);
}

.evento-data strong {
  color: var(--branco);
  font-family: var(--fonte-titulos);
  font-size: 1.7rem;
  line-height: 1.1;
}

.evento-data span {
  font-size: 0.85rem;
  font-weight: 600;
  text-transform: uppercase;
}

.evento-data small {
  color: var(--texto-escuro-suave);
  font-size: 0.72rem;
}

.evento-info h3 {
  margin: 0 0 4px;
  font-size: 1.1rem;
}

.evento-meta {
  margin-top: 6px;
  color: var(--cinzento);
  font-size: 0.9rem;
}

.evento-acoes {
  display: grid;
  gap: 10px;
  justify-items: end;
  text-align: right;
}

.evento-acoes a:not(.botao) {
  font-size: 0.92rem;
}

.evento-acoes .botao {
  justify-content: center;
  text-align: center;
  white-space: nowrap;
}

@media (max-width: 720px) {
  .evento {
    grid-template-columns: 64px minmax(0, 1fr);
  }

  .evento-acoes {
    grid-column: 1 / -1;
    grid-auto-flow: column;
    justify-content: start;
    justify-items: start;
    align-items: center;
  }
}

/* Formulários da área */

.campo input[type="password"],
.campo input[type="date"],
.campo input[type="time"],
.campo input[type="number"],
.campo select {
  width: 100%;
  padding: 12px 14px;
  background: var(--branco);
  color: var(--preto);
  font: inherit;
  font-size: 1rem;
  border: 1px solid #c9ced6;
  border-radius: var(--raio-pequeno);
}

.campo select:focus,
.campo input[type="password"]:focus {
  border-color: var(--petroleo);
  outline: none;
  box-shadow: 0 0 0 3px rgba(0, 99, 106, 0.18);
}

.area .campo textarea {
  min-height: 110px;
}

.area .formulario {
  margin-top: 0;
}

.area .formulario h2.espaco-topo {
  margin-top: 16px;
}

.aviso strong {
  color: inherit;
}

.filtros {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));
  gap: 16px;
  align-items: end;
  margin-bottom: 24px;
}

.filtros-acoes {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.linha-form {
  grid-template-columns: minmax(0, 260px) auto auto;
  align-items: end;
  margin-bottom: 24px;
}

@media (max-width: 720px) {
  .linha-form {
    grid-template-columns: 1fr;
  }
}

.diag-pergunta legend {
  line-height: 1.45;
}

.resumo-formacao {
  margin-bottom: 24px;
  padding: 16px 20px;
  line-height: 1.6;
  background: var(--petroleo-tinta);
  border-left: 4px solid var(--petroleo);
  border-radius: var(--raio-pequeno);
}

.tabela-ficha th {
  width: 180px;
}

@media (max-width: 640px) {
  .tabela-ficha th {
    width: 38%;
  }
}

.diagnostico-resultado {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr));
  gap: 12px;
  margin-bottom: 20px;
}

.diagnostico-resultado > div {
  display: grid;
  gap: 4px;
  align-content: start;
  justify-items: start;
  padding: 14px 18px;
  background: var(--branco);
  border: 1px solid var(--cinzento-claro);
  border-radius: var(--raio-pequeno);
}

.diagnostico-resultado strong {
  color: var(--marinho);
  font-family: var(--fonte-titulos);
  font-size: 1.4rem;
}

.numeros a {
  display: block;
  color: inherit;
  text-decoration: none;
}

.numeros a:hover strong {
  color: var(--petroleo);
}

/* Formulário público de inscrição (/formacoes/inscricao.php) */

.formulario-inscricao h2 {
  font-size: clamp(1.2rem, 2vw, 1.45rem);
}

.formulario-inscricao h2.espaco-topo {
  margin-top: 16px;
}

/* Programa e temas (calendário, inscrições e administração) */

.programa {
  margin-top: 10px;
  font-size: 0.93rem;
}

.programa summary {
  display: inline-block;
  color: var(--petroleo);
  font-weight: 600;
  cursor: pointer;
}

.programa-corpo {
  margin-top: 10px;
  padding: 14px 18px;
  background: var(--nevoa);
  border-radius: var(--raio-pequeno);
}

.programa-corpo h4 {
  margin: 14px 0 4px;
  font-size: 0.95rem;
}

.programa-corpo h4:first-child {
  margin-top: 0;
}

.programa-corpo ul {
  margin: 4px 0 8px;
  padding-left: 1.2em;
}

.programa-corpo p {
  margin: 0 0 8px;
}

.resumo-formacao .programa-corpo {
  background: var(--branco);
}

.evento-info h3 a {
  color: inherit;
  text-decoration: none;
}

.evento-info h3 a:hover {
  color: var(--petroleo);
  text-decoration: underline;
}

/* Configuração de cursos */

.espaco-topo-curto {
  margin-top: 20px;
}

.cartao-modulo {
  margin-bottom: 16px;
  padding: clamp(16px, 3vw, 24px);
  background: var(--branco);
  border: 1px solid var(--cinzento-claro);
  border-radius: var(--raio);
}

.cartao-modulo .formulario {
  gap: 16px;
}

.campos-modulo {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 90px 90px;
  gap: 16px;
}

@media (max-width: 640px) {
  .campos-modulo {
    grid-template-columns: minmax(0, 1fr) 80px;
  }

  .campos-modulo .campo:first-child {
    grid-column: 1 / -1;
  }
}

.apagar-modulo {
  margin-top: 8px;
  text-align: right;
}

.botao-texto {
  padding: 4px 0;
  color: #b42318;
  background: none;
  font: inherit;
  font-size: 0.9rem;
  text-decoration: underline;
  border: 0;
  cursor: pointer;
}

.campo input[type="url"] {
  width: 100%;
  padding: 12px 14px;
  background: var(--branco);
  color: var(--preto);
  font: inherit;
  font-size: 1rem;
  border: 1px solid #c9ced6;
  border-radius: var(--raio-pequeno);
}

/* Partilha de ligações e convites */

.partilha {
  padding: clamp(16px, 3vw, 28px);
  background: var(--petroleo-tinta);
  border-left: 4px solid var(--petroleo);
  border-radius: var(--raio);
}

.partilha h3 {
  margin-top: 24px;
}

.partilha-ligacao {
  display: flex;
  gap: 10px;
}

.partilha-ligacao input {
  flex: 1;
  min-width: 0;
  padding: 10px 12px;
  color: var(--preto);
  font: inherit;
  font-size: 0.95rem;
  background: var(--branco);
  border: 1px solid #c9ced6;
  border-radius: var(--raio-pequeno);
}

/* Página pública do curso e lista de cursos */

.lista-cursos {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
  gap: 16px;
}

.cartao-curso {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 22px 24px;
  color: var(--antracite);
  text-decoration: none;
  background: var(--branco);
  border: 1px solid var(--cinzento-claro);
  border-radius: var(--raio);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.cartao-curso:hover {
  border-color: var(--petroleo);
  box-shadow: var(--sombra);
}

.cartao-curso .sobretitulo {
  margin: 0;
}

.cartao-curso h3,
.cartao-curso p {
  margin: 0;
}

.cartao-curso .mais {
  margin-top: auto;
  padding-top: 8px;
  color: var(--petroleo);
  font-weight: 600;
}

.secao-percurso .lista-cursos {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr));
}

.cartao-curso h3 a {
  color: var(--marinho);
  text-decoration: none;
}

.cartao-curso h3 a:hover {
  color: var(--petroleo);
  text-decoration: underline;
}

.cartao-curso-meta {
  margin: 4px 0 0;
  padding: 0;
  color: var(--cinzento);
  font-size: 0.9rem;
  list-style: none;
}

.cartao-curso-meta li + li {
  margin-top: 2px;
}

.cartao-curso-datas {
  margin: 6px 0 0;
  padding: 8px 12px;
  color: var(--antracite);
  font-size: 0.9rem;
  background: var(--nevoa);
  border-radius: var(--raio-pequeno);
}

.cartao-curso-datas.com-datas {
  color: var(--profundo);
  background: var(--petroleo-tinta);
  font-weight: 600;
}

.ficha-curso .cartao-curso-datas {
  margin: 0 0 12px;
  background: var(--branco);
}

.cartao-curso-acoes {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 14px;
  align-items: center;
  margin-top: auto;
  padding-top: 12px;
}

.cartao-curso-acoes .botao {
  min-height: 44px;
  padding: 10px 18px;
}

.ligacao-pdf {
  color: var(--petroleo);
  font-size: 0.92rem;
  font-weight: 600;
}

/* Área de formação: atalhos, percurso e comparação dos cursos */

.atalhos-formacao {
  display: grid;
  gap: 12px;
  align-content: start;
}

.atalhos-formacao a {
  display: flex;
  gap: 14px;
  align-items: center;
  padding: 16px 18px;
  color: var(--antracite);
  text-decoration: none;
  background: var(--branco);
  border: 1px solid var(--cinzento-claro);
  border-radius: var(--raio-pequeno);
  transition: border-color 0.2s ease;
}

.atalhos-formacao a:hover {
  border-color: var(--petroleo);
}

.atalhos-formacao svg {
  flex: 0 0 auto;
  width: 24px;
  height: 24px;
  color: var(--petroleo);
}

.atalhos-formacao strong {
  display: block;
  color: var(--marinho);
  font-family: var(--fonte-titulos);
}

.lead-secao {
  color: var(--marinho);
  font-size: 1.1rem;
  font-weight: 600;
}

.tabela-comparar {
  width: 100%;
  min-width: 560px;
  border-collapse: collapse;
  font-size: 0.95rem;
}

.tabela-comparar th,
.tabela-comparar td {
  padding: 10px 12px;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid var(--cinzento-claro);
}

.tabela-comparar thead th {
  color: var(--branco);
  background: var(--profundo);
  font-family: var(--fonte-titulos);
  font-size: 0.88rem;
}

.tabela-comparar td {
  text-align: center;
}

.tabela-comparar tbody th {
  min-width: 150px;
  font-weight: 500;
}

.tabela-comparar tr.grupo th {
  padding-top: 18px;
  color: var(--petroleo);
  font-family: var(--fonte-titulos);
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  background: transparent;
}

.tabela-comparar tr.destaque th,
.tabela-comparar tr.destaque td {
  color: var(--profundo);
  background: var(--petroleo-tinta);
  font-weight: 700;
}

.secao-percurso .tabela-rolante {
  background: var(--branco);
}

.nota-legal h3 {
  font-size: 1.05rem;
}

/* Pré-inscrições na administração */

.form-linha {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
  margin: 0;
}

.form-linha select {
  min-height: 36px;
  padding: 4px 8px;
}

.acoes-celula {
  display: grid;
  gap: 6px;
  justify-items: start;
}

.botao.botao-pequeno {
  min-height: 36px;
  padding: 6px 12px;
  font-size: 0.85rem;
}

.ficha-curso {
  padding: 24px;
  background: var(--nevoa);
  border-radius: var(--raio);
}

.ficha-curso dl {
  margin: 0 0 16px;
}

.ficha-curso dt {
  color: var(--cinzento);
  font-size: 0.85rem;
}

.ficha-curso dd {
  margin: 0 0 12px;
  color: var(--marinho);
  font-weight: 600;
}

.modulos-publicos {
  display: grid;
  gap: 14px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.modulo-publico {
  padding: 20px 22px;
  background: var(--branco);
  border: 1px solid var(--cinzento-claro);
  border-radius: var(--raio);
}

.modulo-publico h3 {
  margin: 0 0 6px;
  font-size: 1.05rem;
}

.modulo-publico h3 span {
  display: block;
  color: var(--petroleo);
  font-size: 0.78rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.modulo-publico h3 small {
  color: var(--cinzento);
  font-size: 0.85rem;
  font-weight: 500;
}

.modulo-publico p {
  margin: 0 0 6px;
}

.modulo-publico ul {
  margin: 0;
  padding-left: 1.2em;
}

.modulo-publico li + li {
  margin-top: 2px;
}

.modulos-publicos > li + li {
  margin-top: 0;
}

/* Página pública do curso: ações, estrutura da sessão, avaliação e enquadramento legal */

.ficha-acoes {
  display: grid;
  gap: 10px;
}

.ficha-acoes .botao {
  justify-content: center;
}

.estado-copia {
  margin: 0;
  color: var(--profundo);
  font-size: 0.88rem;
  overflow-wrap: anywhere;
}

.estado-copia:empty {
  display: none;
}

.modulo-publico .caso,
.programa-corpo .caso {
  margin: 8px 0 0;
  padding: 8px 12px;
  font-size: 0.93rem;
  background: var(--petroleo-tinta);
  border-radius: var(--raio-pequeno);
}

.estrutura-sessao {
  max-width: 640px;
}

.barra-sessao {
  display: flex;
  height: 34px;
  margin-bottom: 14px;
  overflow: hidden;
  border-radius: var(--raio-pequeno);
}

.barra-sessao .seg {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 24px;
  color: var(--branco);
  font-size: 0.85rem;
  font-weight: 700;
}

.seg-0 {
  background: #6b8f94;
}

.seg-1 {
  background: #44737a;
}

.seg-2 {
  background: #2f5d64;
}

.seg-lab {
  background: var(--petroleo);
}

.tabela-pares {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.97rem;
}

.tabela-pares th,
.tabela-pares td {
  padding: 10px 12px;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid var(--cinzento-claro);
}

.tabela-pares thead th {
  color: var(--marinho);
  background: var(--nevoa);
}

.tabela-pares .num {
  width: 90px;
  text-align: right;
}

.tabela-pares tr.destaque td {
  color: var(--profundo);
  background: var(--petroleo-tinta);
  font-weight: 600;
}

.tabela-pares tr.total th,
.tabela-pares tr.total td {
  font-weight: 700;
  border-top: 2px solid var(--marinho);
  border-bottom: 0;
}

.nota-legal {
  padding: 20px 24px;
  font-size: 0.95rem;
  background: var(--nevoa);
  border-left: 3px solid var(--cinzento);
  border-radius: var(--raio-pequeno);
}

.nota-legal h2 {
  margin-top: 0;
  font-size: 1.1rem;
}

.nota-legal p:last-child {
  margin-bottom: 0;
}

/* Administração: partilha com mais botões e zona de reposição do catálogo */

.partilha-ligacao {
  flex-wrap: wrap;
}

.partilha-ligacao input {
  flex-basis: 260px;
}

.partilha .estado-copia {
  margin-top: 8px;
}

.zona-perigo {
  padding: clamp(16px, 3vw, 28px);
  background: #fdf3f2;
  border: 1px solid #f1c7c2;
  border-radius: var(--raio);
}

.zona-perigo .formulario {
  margin-top: 12px;
}

.botao-perigo {
  background: #b42318;
  border-color: #b42318;
}

.botao-perigo:hover {
  background: #8f1d14;
  border-color: #8f1d14;
}

/* Datas das sessões de uma edição do curso completo */

.sessoes-curso {
  padding: 16px 18px;
  background: var(--nevoa);
  border: 1px solid var(--cinzento-claro);
  border-radius: var(--raio-pequeno);
}

.sessoes-curso legend {
  padding: 0 6px;
}

.tabela-sessoes {
  width: 100%;
  min-width: 620px;
  border-collapse: collapse;
}

.tabela-sessoes th,
.tabela-sessoes td {
  padding: 6px 8px 6px 0;
  text-align: left;
  vertical-align: middle;
}

.tabela-sessoes th {
  color: var(--cinzento);
  font-size: 0.85rem;
  font-weight: 600;
}

.tabela-sessoes td.n {
  width: 28px;
  color: var(--petroleo);
  font-weight: 700;
}

.tabela-sessoes select,
.tabela-sessoes input {
  width: 100%;
  min-height: 40px;
  padding: 6px 8px;
  font: inherit;
  font-size: 0.92rem;
}

.tabela-sessoes tr:not([data-linha-curso]) td {
  opacity: 0.85;
}

.lista-datas li + li,
.sessoes-datas li + li {
  margin-top: 4px;
}

/* Campo de texto a seguir a um grupo de opções (por exemplo, a "Outra" ferramenta de IA do diagnóstico) */
.campo-grupo > .opcoes + .campo { margin-top: 14px; }

/* Tabela de preços (administração): tabela editável; a descrição fica por baixo da designação e o preço com IVA por baixo do preço */
.tabela-precos {
  width: 100%;
  min-width: 900px;
  border-collapse: collapse;
  table-layout: fixed;
}

.tabela-precos .c-n { width: 34px; }
.tabela-precos .c-preco { width: 130px; text-align: right; }
.tabela-precos .c-pdf { width: 60px; }
.tabela-precos .c-ordem { width: 72px; }
.tabela-precos .c-apagar { width: 60px; }
.tabela-precos th small { display: block; font-weight: 400; }
.tabela-precos td.n { padding-top: 16px; color: var(--petroleo); font-weight: 700; }
.tabela-modalidades th:first-child { width: 220px; }
.tabela-modalidades th:nth-child(3) { width: 210px; }
.tabela-precos textarea { width: 100%; padding: 6px 8px; font: inherit; font-size: 0.86rem; }

.tabela-precos th,
.tabela-precos td {
  padding: 8px 8px 8px 0;
  text-align: left;
  vertical-align: top;
}

.tabela-precos tbody tr + tr td { border-top: 1px solid #e5e7eb; }

.tabela-precos th {
  color: var(--cinzento);
  font-size: 0.82rem;
  font-weight: 600;
}

.tabela-precos input,
.tabela-precos select {
  width: 100%;
  min-height: 38px;
  padding: 5px 7px;
  font: inherit;
  font-size: 0.9rem;
}

.tabela-precos input.descricao {
  min-height: 32px;
  margin-top: 4px;
  font-size: 0.82rem;
}

.tabela-precos input[type="checkbox"] {
  width: 18px;
  min-height: 18px;
  margin-top: 10px;
}

.tabela-precos .valor { text-align: right; }
.tabela-precos td.centro { text-align: center; }
.tabela-precos tr.linha-nova td { padding-top: 14px; border-top: 1px dashed #9aa3af; }
.acoes-formulario { display: flex; flex-wrap: wrap; gap: 10px; }

/* Configuração: separadores, cartões da visão geral e emails da Comunicação */

.area-subnav ul {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 24px;
  padding: 0;
  list-style: none;
}

.area-subnav li + li {
  margin-top: 0;
}

.area-subnav a {
  display: block;
  padding: 8px 16px;
  color: var(--marinho);
  font-family: var(--fonte-titulos);
  font-size: 0.88rem;
  font-weight: 600;
  text-decoration: none;
  background: var(--branco);
  border: 1px solid var(--cinzento-claro);
  border-radius: 999px;
}

.area-subnav a:hover {
  color: var(--petroleo);
  border-color: var(--petroleo);
}

.area-subnav a[aria-current="page"] {
  color: var(--branco);
  background: var(--marinho);
  border-color: var(--marinho);
}

.cartoes-config {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
  gap: 16px;
}

.cartao-config {
  display: flex;
  flex-direction: column;
  padding: 22px 24px;
  background: var(--branco);
  border: 1px solid var(--cinzento-claro);
  border-radius: var(--raio);
}

.cartao-config h2 {
  margin: 0 0 8px;
}

.cartao-config p {
  color: var(--cinzento);
  font-size: 0.93rem;
}

.cartao-config ul {
  margin: 0 0 18px;
  padding-left: 1.1em;
  font-size: 0.93rem;
}

.cartao-config .acoes-formulario {
  margin-top: auto;
}

.cartao-email {
  margin-bottom: 12px;
  background: var(--branco);
  border: 1px solid var(--cinzento-claro);
  border-radius: var(--raio);
}

.cartao-email > summary {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 10px;
  padding: 16px 20px;
  cursor: pointer;
}

.cartao-email > summary strong {
  color: var(--marinho);
  font-family: var(--fonte-titulos);
}

.cartao-email > summary .texto-suave {
  flex-basis: 100%;
  font-size: 0.88rem;
}

.cartao-email[open] > summary {
  border-bottom: 1px solid var(--cinzento-claro);
}

.cartao-email-corpo {
  padding: 18px 20px 20px;
}

.cartao-email-corpo .formulario {
  margin-top: 16px;
}

.variaveis-email {
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: 2px 12px;
  margin: 6px 0 0;
}

.variaveis-email dt {
  color: var(--marinho);
  font-family: ui-monospace, Menlo, Consolas, monospace;
  font-size: 0.85rem;
}

.variaveis-email dd {
  margin: 0;
}

.pre-email {
  max-width: 640px;
  margin-top: 10px;
  padding: 16px 20px;
  font-size: 0.93rem;
  background: var(--branco);
  border: 1px solid var(--cinzento-claro);
  border-radius: var(--raio-pequeno);
}

.pre-email .pre-assunto {
  margin: 0 0 12px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--cinzento-claro);
}

.pre-email .pre-assunto span {
  margin-right: 6px;
  color: var(--cinzento);
  font-size: 0.82rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.pre-email .pre-titulo {
  margin: 0 0 12px;
  color: var(--marinho);
  font-family: var(--fonte-titulos);
  font-weight: 700;
}

.pre-email .pre-dados {
  margin: 0 0 14px;
  padding: 10px 12px;
  color: var(--cinzento);
  font-size: 0.86rem;
  background: var(--nevoa);
  border: 1px dashed #c9ced8;
  border-radius: var(--raio-pequeno);
}

@media (max-width: 640px) {
  .variaveis-email {
    grid-template-columns: 1fr;
  }

  .variaveis-email dd {
    margin-bottom: 6px;
  }
}

/* Juntar edições do mesmo curso (ficha da edição) */
.lista-juntar { list-style: none; margin: 0 0 12px; padding: 0; }
.lista-juntar li + li { margin-top: 8px; }
.opcao-juntar { display: flex; gap: 10px; align-items: flex-start; margin: 6px 0; font-weight: 400; cursor: pointer; }
.opcao-juntar input { margin-top: 4px; flex: none; }

/* Apagar registos (confirmação) */
.botao-apagar { color: #9b1c1c; border-color: #e8b4b4; }
.botao-apagar:hover, .botao-apagar:focus-visible { color: #fff; background: #9b1c1c; border-color: #9b1c1c; }
.botao-perigo { color: #fff; background: #9b1c1c; border-color: #9b1c1c; }
.botao-perigo:hover, .botao-perigo:focus-visible { background: #7a1515; border-color: #7a1515; }
.lista-apagar { margin: 0 0 8px; padding-left: 20px; }
.lista-apagar li + li { margin-top: 6px; }

/* Lembretes: sessão do envio e antecedência do automático */
.lembretes h4 { margin: 24px 0 8px; font-size: 1rem; }
.lembrete-envio, .antecedencia { margin-top: 8px; }
.lembrete-envio .campo { max-width: 640px; }
.campos-antecedencia { display: flex; flex-wrap: wrap; gap: 12px 16px; align-items: flex-end; }
.campos-antecedencia .campo { margin: 0; min-width: 220px; }
.campos-antecedencia .campo-botao { min-width: 0; }

/* Área do formando e presenças por sessão */

.bloco-formando {
  margin-top: 2rem;
}

.bloco-formando h2 {
  margin-bottom: 0.25rem;
}

.acoes-presenca {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
}

.acoes-presenca form {
  margin: 0;
}

.grelha-presencas .c-sessao {
  text-align: center;
  white-space: nowrap;
}

.grelha-presencas td.c-sessao input {
  width: 1.15rem;
  height: 1.15rem;
  accent-color: #6b7280;
}

.grelha-presencas td.pelo-formando input {
  accent-color: var(--petroleo);
}

.grelha-presencas tfoot th,
.grelha-presencas tfoot td {
  font-weight: 600;
}

.grelha-presencas tbody th .texto-suave {
  font-weight: 400;
}

/* Calendário mensal (administração): grelha de segunda a domingo, uma entrada por sessão */

.cal-mes { margin: 8px 0 32px; }
.cal-cabecalho { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-bottom: 8px; }
.cal-cabecalho h2 { flex: 1 1 auto; margin: 0; text-align: center; font-size: 1.6rem; font-weight: 500; }
.cal-hoje-ligacao { flex-basis: 100%; text-align: center; font-weight: 600; }
.cal-tabela { width: 100%; min-width: 760px; table-layout: fixed; border-collapse: separate; border-spacing: 6px; }
.cal-tabela th { padding: 4px 6px; color: var(--cinzento); font-size: 0.75rem; font-weight: 600; letter-spacing: 0.12em; text-align: center; text-transform: uppercase; border: 0; }
.cal-tabela td { height: 112px; padding: 8px; vertical-align: top; background: #fbfaf8; border: 1px solid var(--cinzento-claro); border-radius: 14px; }
.cal-tabela td.cal-fora { background: transparent; opacity: 0.55; }
.cal-tabela td.cal-hoje { border: 2px solid var(--petroleo); }
.cal-dia { display: block; margin-bottom: 6px; color: var(--marinho); font-size: 1.05rem; font-weight: 500; }
.cal-semana { display: none; }
.cal-tabela ul { margin: 0; padding: 0; list-style: none; }
.cal-tabela li + li { margin-top: 4px; }
.cal-sessao { display: block; padding: 4px 8px; overflow: hidden; color: var(--marinho); font-size: 0.78rem; line-height: 1.35; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; border-radius: 999px; background: #e9eef0; }
.cal-sessao:hover, .cal-sessao:focus-visible { outline: 2px solid var(--petroleo); outline-offset: 1px; }
.cal-hora { font-weight: 700; }
.cal-c1 { background: #dcefed; }
.cal-c2 { background: #dfe6f3; }
.cal-c3 { background: #f6e7d6; }
.cal-c4 { background: #e7e1f0; }
.cal-c5 { background: #e3eedd; }
.cal-outro { background: #efe6ec; }
.cal-cancelada { opacity: 0.6; text-decoration: line-through; }

@media (max-width: 760px) {
  .cal-tabela, .cal-tabela tbody, .cal-tabela tr, .cal-tabela td { display: block; min-width: 0; }
  .cal-tabela thead, .cal-tabela td.cal-vazio:not(.cal-hoje), .cal-tabela td.cal-fora { display: none; }
  .cal-cabecalho { justify-content: space-between; }
  .cal-cabecalho h2 { order: -1; flex-basis: 100%; }
  .cal-tabela td { height: auto; margin-bottom: 8px; }
  .cal-semana { display: inline; }
  .cal-sessao { white-space: normal; border-radius: 10px; }
}

/* ==========================================================================
   Estilo 2026-11 da área reservada: barra lateral com o menu em pílulas (em
   ecrãs largos), cabeçalho com o utilizador e iniciais, conteúdo em cartões
   translúcidos sobre o fundo neutro quente e números em vidro.
   ========================================================================== */

.area {
  background-color: var(--areia);
  background-image: var(--fundo-gradiente);
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.area-app {
  flex: 1;
}

.area-lateral {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px 24px;
  padding: 14px var(--gutter) 10px;
  background: rgba(242, 237, 230, 0.8);
  border-bottom: 1px solid var(--linha-suave);
  backdrop-filter: saturate(150%) blur(14px);
}

.area-lateral .marca img {
  width: auto;
  height: 36px;
}

.area-principal {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.area-topo {
  display: flex;
  justify-content: flex-end;
  padding: 14px var(--gutter) 0;
}

.area-quem {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  line-height: 1.25;
}

.area-quem strong {
  color: var(--marinho);
  font-family: var(--fonte-titulos);
  font-size: 0.92rem;
  font-weight: 600;
}

.area-quem small {
  color: var(--cinzento);
  font-size: 0.8rem;
}

.area-avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 44px;
  height: 44px;
  color: var(--branco);
  font-family: var(--fonte-titulos);
  font-size: 0.9rem;
  font-weight: 600;
  background: var(--marinho);
  border: 3px solid rgba(255, 255, 255, 0.8);
  border-radius: 999px;
  box-shadow: var(--sombra);
}

/* Menu em pílulas: horizontal em ecrãs estreitos, vertical na barra lateral */
.area-nav {
  flex: 1 1 100%;
  background: transparent;
}

.area-nav .contentor {
  padding: 0;
  max-width: none;
}

.area-nav ul {
  gap: 6px;
  padding-bottom: 4px;
}

.area-nav a {
  padding: 10px 18px;
  color: var(--marinho);
  font-weight: 500;
  border-bottom: 0;
  border-radius: 999px;
}

.area-nav a:hover {
  color: var(--marinho);
  background: rgba(255, 255, 255, 0.6);
}

.area-nav a[aria-current="page"] {
  color: var(--branco);
  background: var(--marinho);
  box-shadow: 0 8px 18px rgba(10, 15, 38, 0.16);
}

@media (min-width: 1024px) {
  .area-app {
    display: grid;
    grid-template-columns: 252px minmax(0, 1fr);
    align-items: start;
  }

  .area-lateral {
    position: sticky;
    top: 0;
    display: block;
    height: 100vh;
    padding: 32px 18px;
    overflow-y: auto;
    background: rgba(242, 237, 230, 0.55);
    border-right: 1px solid var(--linha-suave);
    border-bottom: 0;
  }

  .area-lateral .marca {
    display: block;
    margin: 0 8px 32px;
  }

  .area-lateral .marca img {
    height: 38px;
  }

  .area-nav ul {
    flex-direction: column;
    gap: 6px;
    overflow: visible;
  }

  .area-nav a {
    padding: 13px 20px;
    font-size: 0.95rem;
  }

  .area-topo {
    padding: 20px 32px 0;
  }

  .area .area-conteudo .contentor {
    max-width: 1180px;
    margin-inline: 0;
    padding-inline: 32px;
  }

  .area-app ~ .area-rodape {
    margin-left: 252px;
  }
}

@media (max-width: 640px) {
  .area-quem {
    display: none;
  }

  .area-nav ul {
    flex-wrap: nowrap;
    overflow-x: auto;
  }

  .area-nav a {
    padding: 9px 14px;
  }
}

.area .secao {
  padding-block: clamp(16px, 3vw, 32px) clamp(48px, 7vw, 80px);
}

.area h1 {
  font-size: clamp(2rem, 3.6vw, 2.9rem);
  font-weight: 400;
}

.area h2 {
  font-weight: 500;
}

/* Cartões do conteúdo */
.area-conteudo .contentor > .formulario,
.area-conteudo .contentor > .conteudo,
.area-conteudo .contentor > .tabela-rolante,
.numeros > div,
.cartao-config,
.cartao-email,
.cartao-modulo,
.cartao-curso,
.evento,
.bloco-formando .conteudo,
.cal-mes {
  background: var(--creme-vidro);
  border: 1px solid rgba(255, 255, 255, 0.7);
  border-radius: var(--raio);
  box-shadow: var(--sombra);
}

.cal-mes {
  padding: clamp(14px, 2.4vw, 24px);
}

.numeros > div {
  padding: 18px 20px;
}

.numeros strong {
  font-size: 2.3rem;
  font-weight: 300;
}

.numeros > div:nth-child(4n + 1) { background: rgba(235, 227, 214, 0.9); }
.numeros > div:nth-child(4n + 2) { background: rgba(223, 232, 220, 0.9); }
.numeros > div:nth-child(4n + 3) { background: rgba(217, 227, 236, 0.9); }
.numeros > div:nth-child(4n + 4) { background: rgba(214, 233, 231, 0.9); }

.area-subnav a {
  background: rgba(255, 255, 255, 0.55);
  border-color: var(--linha-suave);
}

.aviso {
  border-radius: var(--raio-pequeno);
}

.etiqueta {
  border-radius: 999px;
}

/* Calendário mensal: fins de semana em azul-névoa e células arredondadas */
.cal-tabela td {
  background: rgba(255, 255, 255, 0.62);
  border-color: rgba(255, 255, 255, 0.8);
  border-radius: 18px;
}

.cal-tabela td:nth-child(6),
.cal-tabela td:nth-child(7) {
  background: rgba(220, 228, 234, 0.75);
}

.cal-tabela th:nth-child(6),
.cal-tabela th:nth-child(7) {
  color: #3d5a80;
}

.cal-tabela td.cal-hoje {
  border: 2px solid var(--petroleo);
}

.cal-dia {
  font-size: 1.2rem;
  font-weight: 400;
}

/* Entrada na área: cartão de marca em gradiente e cartão do formulário */
.entrada-cartao-marca {
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
  padding: clamp(28px, 5vw, 48px);
  color: var(--branco);
  border-radius: var(--raio-grande);
  background:
    radial-gradient(520px 320px at 90% 10%, rgba(0, 99, 106, 0.6), rgba(0, 99, 106, 0) 65%),
    linear-gradient(135deg, var(--marinho) 0%, #13284a 55%, var(--profundo) 100%);
  box-shadow: var(--sombra-forte);
}

.entrada-cartao-marca .sobretitulo {
  color: #8fd1cb;
}

.entrada-cartao-marca h1 {
  margin-bottom: 10px;
  color: var(--branco);
  font-weight: 300;
}

.entrada-cartao-marca p {
  margin: 0;
  color: var(--texto-escuro-suave);
}

.entrada-cartao {
  padding: clamp(24px, 4vw, 40px);
  background: var(--creme-vidro);
  border: 1px solid rgba(255, 255, 255, 0.7);
  border-radius: var(--raio-grande);
  box-shadow: var(--sombra);
}

.entrada-cartao h2 {
  font-size: clamp(1.8rem, 3.2vw, 2.4rem);
  font-weight: 400;
}

.entrada-cartao .formulario {
  max-width: none !important;
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}

.entrada-cartao .botao {
  width: 100%;
  min-height: 56px;
  font-size: 1rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.entrada-nota {
  margin: 20px 0 0;
  padding-top: 16px;
  color: var(--cinzento);
  font-size: 0.9rem;
  text-align: center;
  border-top: 1px solid var(--linha-suave);
}

/* O menu horizontal desliza dentro da largura do ecrã, sem alargar a página */
.area-nav {
  min-width: 0;
  max-width: 100%;
}

.area-rodape {
  background: transparent;
  border-top-color: var(--linha-suave);
}

.area code {
  overflow-wrap: anywhere;
}

.campo input[type="search"] {
  width: 100%;
  min-height: 48px;
  padding: 12px 14px;
  color: var(--preto);
  font: inherit;
  font-size: 1rem;
  background: rgba(255, 255, 255, 0.85);
  border: 1px solid rgba(10, 15, 38, 0.12);
  border-radius: var(--raio-pequeno);
}

.lista-simples {
  margin: 0;
  padding: 0;
  list-style: none;
}

.lista-simples li + li {
  margin-top: 10px;
}

/* Sem filetes laterais nos blocos arredondados: no estilo 2026-11 o destaque faz-se pela cor de fundo */
.partilha,
.resumo-formacao,
.nota-legal {
  border-left: 0;
}

.aviso {
  border-left-width: 1px;
}

.entrada-cartao h1 {
  font-size: clamp(1.9rem, 3.4vw, 2.6rem);
  font-weight: 400;
}

/* Seletor de vista em pílula (Mês | Lista) */
.alternador {
  display: inline-flex;
  gap: 4px;
  margin: 4px 0 20px;
  padding: 5px;
  background: rgba(10, 15, 38, 0.06);
  border-radius: 999px;
}

.alternador a {
  padding: 9px 24px;
  color: var(--marinho);
  font-family: var(--fonte-titulos);
  font-size: 0.95rem;
  font-weight: 500;
  text-decoration: none;
  border-radius: 999px;
}

.alternador a:hover {
  background: rgba(255, 255, 255, 0.7);
}

.alternador a[aria-current="page"] {
  color: var(--branco);
  background: var(--marinho);
  box-shadow: 0 6px 14px rgba(10, 15, 38, 0.16);
}

/* Calendário compacto: o mês inteiro cabe no ecrã (a altura dos dias acompanha a altura da janela) */
.barra-calendario {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px 16px;
  margin-bottom: 14px;
}

.barra-calendario .alternador {
  margin: 0;
}

.barra-calendario .acoes {
  margin: 0;
}

.barra-calendario .botao {
  min-height: 42px;
  padding: 8px 18px;
  font-size: 0.9rem;
}

.cal-mes {
  margin: 0 0 24px;
  padding: 12px 14px 10px;
}

.cal-cabecalho {
  flex-wrap: nowrap;
  justify-content: center;
  gap: 10px;
  margin-bottom: 4px;
}

.cal-cabecalho h2 {
  flex: 0 1 auto;
  min-width: 0;
  margin: 0 8px;
  font-size: 1.35rem;
}

.cal-seta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 38px;
  height: 38px;
  color: var(--marinho);
  font-size: 1.4rem;
  line-height: 1;
  text-decoration: none;
  background: rgba(10, 15, 38, 0.06);
  border-radius: 999px;
}

.cal-seta:hover {
  background: rgba(10, 15, 38, 0.12);
}

.cal-hoje-ligacao {
  flex: 0 0 auto;
  padding: 7px 16px;
  color: var(--marinho);
  font-family: var(--fonte-titulos);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-decoration: none;
  text-transform: uppercase;
  background: rgba(10, 15, 38, 0.06);
  border-radius: 999px;
}

.cal-tabela {
  min-width: 640px;
  border-spacing: 4px;
}

.cal-tabela th {
  padding: 2px 4px;
  font-size: 0.7rem;
}

.cal-tabela th abbr {
  text-decoration: none;
}

.cal-tabela td {
  height: clamp(50px, calc((100vh - 430px) / 6), 104px);
  padding: 5px 7px;
  border-radius: 12px;
}

.cal-dia {
  margin-bottom: 3px;
  font-size: 0.98rem;
}

.cal-sessao {
  padding: 2px 7px;
  font-size: 0.72rem;
}

.cal-tabela li + li {
  margin-top: 3px;
}

.cal-nota {
  margin: 6px 4px 0;
  color: var(--cinzento);
  font-size: 0.82rem;
}

@media (max-width: 760px) {
  .cal-tabela td {
    height: auto;
  }

  .cal-cabecalho h2 {
    order: 0;
    flex-basis: auto;
  }
}

.cal-tabela td {
  height: clamp(44px, calc((100vh - 440px) / 6), 104px);
  padding: 4px 6px;
}

.cal-dia {
  margin-bottom: 2px;
  font-size: 0.92rem;
  line-height: 1.2;
}

.cal-sessao {
  padding: 1px 7px;
  line-height: 1.3;
}

@media (max-width: 760px) {
  .cal-tabela td {
    height: auto;
    padding: 8px 10px;
  }
}

/* Barra lateral: ícones, mais contraste e animação ao passar o rato */
.area-nav a {
  display: flex;
  align-items: center;
  gap: 12px;
  font-weight: 600;
  transition: background-color 0.22s ease, color 0.22s ease, box-shadow 0.22s ease, transform 0.22s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.menu-icone {
  flex: none;
  opacity: 0.85;
  transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1), opacity 0.22s ease;
}

.area-nav a:hover,
.area-nav a:focus-visible {
  color: var(--marinho);
  background: var(--branco);
  box-shadow: 0 6px 16px rgba(10, 15, 38, 0.1);
}

.area-nav a:hover .menu-icone,
.area-nav a:focus-visible .menu-icone {
  opacity: 1;
  transform: scale(1.12);
}

.area-nav a[aria-current="page"],
.area-nav a[aria-current="page"]:hover {
  color: var(--branco);
  background: var(--marinho);
  box-shadow: 0 8px 18px rgba(10, 15, 38, 0.2);
}

.area-nav a[aria-current="page"] .menu-icone {
  opacity: 1;
}

@media (min-width: 1024px) {
  .area-nav a:hover,
  .area-nav a:focus-visible {
    transform: translateX(5px);
  }

  .area-nav a[aria-current="page"]:hover {
    transform: none;
  }
}

@media (max-width: 1023px) {
  .menu-icone {
    width: 18px;
    height: 18px;
  }

  .area-nav a {
    gap: 8px;
  }
}

.numeros > div,
.cartao-config,
.cartao-curso {
  transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.3s ease;
}

.numeros > div:has(a):hover,
.cartao-config:hover {
  transform: translateY(-4px);
  box-shadow: 0 2px 6px rgba(10, 15, 38, 0.05), 0 20px 40px rgba(60, 45, 30, 0.14);
}

@media (prefers-reduced-motion: reduce) {
  .area-nav a:hover,
  .area-nav a:focus-visible,
  .numeros > div:has(a):hover,
  .cartao-config:hover {
    transform: none;
  }
}

/* Visão geral da Configuração: botões a toda a largura, com a mesma altura e sem quebra de linha, alinhados pela base */
.cartao-config .acoes-formulario {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: auto;
}

.cartao-config .acoes-formulario .botao {
  width: 100%;
  min-height: 46px;
  padding: 10px 18px;
  font-size: 0.9rem;
  white-space: nowrap;
}

/* Cartões da Configuração na paleta pastel do painel */
.cartoes-config > .cartao-config:nth-child(4n + 1) { background: rgba(235, 227, 214, 0.92); }
.cartoes-config > .cartao-config:nth-child(4n + 2) { background: rgba(223, 232, 220, 0.92); }
.cartoes-config > .cartao-config:nth-child(4n + 3) { background: rgba(217, 227, 236, 0.92); }
.cartoes-config > .cartao-config:nth-child(4n + 4) { background: rgba(214, 233, 231, 0.92); }

/* ==========================================================================
   Margens interiores uniformes (2026-11): as mesmas três medidas do site
   (--pad-caixa, --pad-compacta e --pad-nota-*, definidas em site.css).
   O calendário mensal mantém-se como está.
   ========================================================================== */
.area-conteudo .contentor > .formulario,
.area-conteudo .contentor > .conteudo,
.bloco-formando .conteudo,
.partilha,
.zona-perigo,
.entrada-cartao {
  padding: var(--pad-caixa);
}

/* Tabelas: as células já têm margem própria, por isso a caixa usa a medida compacta */
.area-conteudo .contentor > .tabela-rolante {
  padding: var(--pad-compacta);
}

.numeros > div,
.cartao-config,
.cartao-modulo,
.cartao-curso,
.ficha-curso,
.modulo-publico,
.nota-legal {
  padding: var(--pad-compacta);
}

.evento {
  padding: 16px var(--pad-compacta);
}

.cartao-email > summary {
  padding: 18px var(--pad-compacta);
}

.cartao-email-corpo {
  padding: 20px var(--pad-compacta) var(--pad-compacta);
}

.aviso,
.resumo-formacao,
.programa-corpo,
.pre-email {
  padding: var(--pad-nota-v) var(--pad-nota-h);
}


/* Barra do calendário numa só linha: Mês | Lista à esquerda, navegação do mês ao centro e botões à direita,
   todos centrados na vertical. Abaixo de 1340 px, a navegação do mês passa para uma segunda linha, centrada. */
.barra-calendario.com-mes {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
}

.barra-calendario.com-mes .alternador {
  justify-self: start;
}

.barra-calendario.com-mes .acoes {
  justify-self: end;
  flex-wrap: nowrap;
}

.barra-calendario .botao {
  white-space: nowrap;
}

.barra-calendario .cal-cabecalho {
  align-items: center;
  margin: 0;
}

.barra-calendario .cal-cabecalho h2 {
  line-height: 1.2;
  white-space: nowrap;
}

.barra-calendario .cal-seta {
  margin-top: 0;
}

@media (max-width: 1339px) {
  .barra-calendario.com-mes {
    grid-template-columns: auto 1fr;
  }

  .barra-calendario.com-mes .cal-cabecalho {
    grid-column: 1 / -1;
    grid-row: 2;
    justify-self: center;
  }
}

@media (max-width: 640px) {
  .barra-calendario.com-mes {
    grid-template-columns: 1fr;
  }

  .barra-calendario.com-mes .alternador,
  .barra-calendario.com-mes .acoes {
    justify-self: start;
    flex-wrap: wrap;
  }

  .barra-calendario.com-mes .cal-cabecalho {
    grid-row: auto;
  }
}

@media (max-width: 640px) {
  .barra-calendario.com-mes .cal-cabecalho {
    justify-self: stretch;
    justify-content: space-between;
    gap: 6px;
  }

  .barra-calendario .cal-cabecalho h2 {
    margin: 0;
    font-size: 1.1rem;
  }
}