/* Página "O caso Santa Rosa": o que só esta página usa */
.sr-abertura { display: grid; grid-template-columns: minmax(0, 1fr) minmax(320px, 28rem); gap: 20px 56px; align-items: end; }
.sr-abertura h1 { margin-bottom: 12px; }
.etiqueta { border: 2px solid var(--marinho); background: var(--superficie); padding: 18px 20px; font-size: 16px; }
.etiqueta .onde { font-size: 21px; font-weight: 800; line-height: 1.25; display: block; }
.etiqueta .local { display: block; margin: 6px 0 12px; color: var(--tinta-2); }
.etiqueta dl { display: grid; grid-template-columns: auto 1fr; gap: 4px 14px; margin: 0; }
.etiqueta dt { color: var(--tinta-2); }
.etiqueta dd { margin: 0; font-weight: 650; }
.etiqueta .mono { font-family: var(--mono); font-weight: 600; }
.anos { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 32px; margin-top: 26px; }
.ano { border-top: 3px solid var(--filete-forte); padding-top: 12px; }
.ano h3 { margin-bottom: 14px; }
.turno-par { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 18px; }
.turno-bloco .qual { font-size: 15px; font-weight: 700; color: var(--tinta-2); margin: 0 0 8px; }
.barras { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.barras li { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2px 8px; font-size: 16px; }
.barras .nome { font-weight: 650; }
.barras .qt { font-weight: 800; text-align: right; }
.barras .qt small { font-weight: 400; color: var(--tinta-2); font-size: 14px; margin-left: 4px; }
.barras .trilho { grid-column: 1 / -1; height: 12px; background: var(--superficie); }
.barras .trilho span { display: block; height: 100%; background: var(--marinho-barra); }
.barras li.bn .trilho span { background: var(--coincidencia); }
.barras li.bn .nome { font-weight: 400; color: var(--tinta-2); }
.turno-bloco .rodape-turno { font-size: 14px; color: var(--tinta-2); margin: 8px 0 0; }
.mudou { font-size: 16px; margin: 12px 0 0; }
.mudou b { color: var(--marinho-texto); }
.cidade-frase { margin-top: 30px; }
table.cidade td.n, table.cidade th.n { white-space: nowrap; }
table.cidade tr.forte td { background: var(--marinho-fundo); }
table.cidade small { color: var(--tinta-2); font-size: 14px; margin-left: 4px; }
table.achadas tr.forte td { background: var(--marinho-fundo); }
.arquivos { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin: 20px 0 6px; max-width: 52rem; }
.arquivos div { border: 1px solid var(--filete); padding: 14px 16px; }
.arquivos h3 { font-size: 18px; margin-bottom: 6px; }
.arquivos ul { margin: 0; padding-left: 1.1em; font-size: 16px; }
.arquivos li { margin: 3px 0; }
.passos-estudo { list-style: none; padding: 0; margin: 26px 0 8px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.passos-estudo li { position: relative; padding: 0 18px 0 0; }
.passos-estudo li + li { padding-left: 18px; border-left: 1px solid var(--filete); }
.passos-estudo .n { display: block; font-size: clamp(30px, 3.6vw, 44px); font-weight: 800; line-height: 1; letter-spacing: -0.02em; color: var(--marinho-texto); }
.passos-estudo .o-que { display: block; font-weight: 700; margin-top: 8px; }
.passos-estudo .det { display: block; font-size: 15px; color: var(--tinta-2); margin-top: 4px; }
.passos-estudo li:last-child .n { color: var(--tinta); }
@media (min-width: 641px) { .compasso-ex.tres { grid-template-columns: repeat(3, minmax(0, 1fr)); max-width: 42rem; } }
.compasso-ex.tres .gap { white-space: nowrap; }
.tabela-rolagem table.registro { max-width: none; }
.registro .ev { min-width: 16em; }
.cabine { font-size: 19px; font-weight: 650; margin-top: 18px; }
.cabine b { color: var(--marinho-texto); }
.registro .conta small { display: block; color: var(--tinta-2); font-size: 13px; }
table.vezes-urna td { font-size: 16px; }
table.vezes-urna tr.forte td { background: var(--marinho-fundo); }
.seguir { display: flex; flex-wrap: wrap; gap: 12px; margin: 26px 0 4px; }
.seguir a { font-weight: 800; font-size: 19px; text-decoration: none; padding: 13px 22px; border: 2px solid var(--marinho); }
.seguir a:first-child { background: var(--marinho); color: var(--fundo); }
.seguir a:first-child:hover { background: var(--tinta); border-color: var(--tinta); }
.seguir a + a:hover { background: var(--marinho-fundo); }
@media (max-width: 1000px) {
  .sr-abertura { grid-template-columns: 1fr; }
  .anos { grid-template-columns: 1fr; }
  .passos-estudo { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 0; }
  .passos-estudo li:nth-child(3) { padding-left: 0; border-left: 0; }
}
@media (max-width: 640px) {
  .turno-par { grid-template-columns: 1fr; gap: 22px; }
  .arquivos { grid-template-columns: 1fr; }
  .seguir a { flex: 1 1 100%; text-align: center; }
  .registro tr { grid-template-columns: 2.8em 4.4em minmax(0, 1fr); }
  .registro .ev { min-width: 0; }
  .registro .conta, .registro .cod { grid-column: 3; }
  .registro .h { width: auto; }
  .registro .conta { white-space: normal; }
  table.cidade.cartoes tr { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  table.achadas.cartoes tr, table.vezes-urna.cartoes tr { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}