.slide--mapa-sistemas .slide__conteudo { padding-block: clamp(18px, 3vh, 34px); }
.slide--mapa-sistemas .cabeca, .slide--mapa-sistemas .lead { max-width: none; }
.slide--mapa-sistemas .cabeca { margin-bottom: 18px; }
.slide--mapa-sistemas .cabeca h2 { margin-bottom: 10px; }
.slide--mapa-sistemas .lead { font-size: 17px; line-height: 1.35; text-wrap: pretty; }
.slide--mapa-sistemas .olho { margin-bottom: 10px; }
.ms-titulo { display: flex; width: 100%; align-items: center; justify-content: space-between; gap: 10px; padding: 0; border: 0; background: none; text-align: left; font: inherit; color: inherit; cursor: pointer; }
.ms-titulo > span { min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ms-titulo .icone { flex: none; width: 24px; height: 24px; color: var(--ouro); }
.ms-titulo:hover { color: var(--ouro); }
.ms-cartao { padding: 18px; min-width: 0; display: flex; flex-direction: column; }
.ms-cartao h3 { font-size: 20px; line-height: 1.2; margin-bottom: 10px; }
.ms-resumo { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size: 17px; line-height: 1.35; min-height: 2.7em; margin: 0; }
.ms-carrossel .carrossel__pagina { grid-template-columns: repeat(3, minmax(0, 1fr)); grid-auto-rows: 1fr; gap: 16px; min-height: 236px; }
.ms-cartao .etiqueta, .ms-meta { align-self: flex-start; margin-top: 12px; }
.ms-meta { font: 500 11px/1.3 Cinzel, serif; color: var(--ouro); }
.ms-item img { image-rendering: pixelated; width: 32px; height: 32px; flex: none; }
.ms-regras { grid-auto-rows: 1fr; gap: 16px; }
.ms-regras .ms-cartao { background: rgba(12, 22, 17, .72); }
.slide--mapa-vivo-editorial .dividido--lateral { align-items: start; gap: 26px; grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr); }
.slide--mapa-vivo-editorial .mapa-svg { height: clamp(210px, 44vh, 360px); background: transparent; }
.slide--mapa-vivo-editorial .mapa-svg svg { width: 100%; height: 100%; }
.mapa-editorial__lateral { display: grid; gap: 12px; min-width: 0; }
.mapa-editorial__lateral h3 { font-size: 20px; }
.mapa-editorial__lateral .ms-resumo { font-size: 16px; }
.mapa-editorial__nota { font-size: 15px; line-height: 1.35; margin: 0; }
.ms-carrossel--pontos .carrossel__pagina { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; min-height: 150px; }
.mapa-editorial__ponto { display: grid; align-content: center; gap: 5px; min-width: 0; padding: 8px; border: 1px solid var(--ouro-linha); background: var(--fundo-cartao); font-size: 15px; line-height: 1.2; text-align: left; cursor: pointer; }
.mapa-editorial__ponto span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mapa-editorial__ponto small { color: var(--ouro); font: 500 9px/1.2 Cinzel, serif; }
.mapa-editorial__ponto:hover { border-color: var(--ouro); }
/* A foto de referência dita o quadro: proporção da própria imagem, sem faixas pretas em cima e embaixo. */
.slide--mapa-referencia-editorial .janela__imagem { height: auto; aspect-ratio: 1911 / 939; max-width: calc(42vh * 1911 / 939); }
.slide--mapa-referencia-editorial .janela__imagem img { height: 100%; width: 100%; object-fit: cover; }
.slide--mapa-referencia-editorial figcaption { font-size: 15px; line-height: 1.3; }
.ms-teia-desktop { display: contents; }
.ms-teia-mobile { display: none; }
.ms-obras { margin-top: 14px; }
.ms-obras .ms-titulo { justify-content: flex-start; font-size: 17px; margin-bottom: 6px; }
@container quadro-chat (min-width: 801px) and (max-width: 1120px) {
    .slide--mapa-vivo-editorial .dividido--lateral { grid-template-columns: minmax(0, 1fr) minmax(230px, 1.25fr); gap: 20px; }
    .slide--mapa-vivo-editorial .mapa-svg { height: clamp(230px, 42vh, 340px); }
    .slide--mapa-vivo-editorial .mapa-editorial__lateral { gap: 9px; }
}
@container quadro-chat (max-width: 800px) {
    .slide--mapa-vivo-editorial .mapa-svg { height: 180px; }
    .slide--mapa-vivo-editorial .dividido--lateral { gap: 12px; }
    .mapa-editorial__lateral > .ms-resumo { display: none; }
    .mapa-editorial__lateral { gap: 8px; }
    .ms-carrossel--pontos .carrossel__pagina { grid-template-columns: repeat(3, minmax(0, 1fr)); min-height: 92px; }
    .slide--mapa-referencia-editorial .janela__imagem { max-width: 100%; }
    .slide--mapa-sistemas .ms-regras { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
    .slide--mapa-sistemas .slide__conteudo { padding-block: 16px; }
    .slide--mapa-sistemas .cabeca { margin-bottom: 14px; }
    .slide--mapa-sistemas .lead { font-size: 16px; }
    .ms-carrossel .carrossel__pagina, .ms-regras { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
    .ms-carrossel .carrossel__pagina { min-height: 316px; }
    .ms-cartao { padding: 10px; }
    .ms-cartao h3 { font-size: 17px; margin-bottom: 8px; }
    .ms-titulo .icone { width: 20px; height: 20px; }
    .ms-resumo { font-size: 15px; }
    .ms-cartao .etiqueta { font-size: 9px; margin-top: 8px; padding: 3px 5px; }
    .ms-meta { margin-top: 8px; font-size: 9px; }
    .ms-item img { width: 26px; height: 26px; }
    .slide--mapa-vivo-editorial .dividido--lateral { grid-template-columns: minmax(0, 1fr); gap: 12px; }
    .slide--mapa-vivo-editorial .mapa-svg { height: clamp(140px, 23vh, 190px); }
    .mapa-editorial__lateral { gap: 8px; }
    .mapa-editorial__lateral h3 { font-size: 17px; }
    .mapa-editorial__lateral > .ms-resumo { display: none; }
    .mapa-editorial__nota { font-size: 14px; }
    .ms-carrossel--pontos .carrossel__pagina { grid-template-columns: repeat(3, minmax(0, 1fr)); min-height: 92px; gap: 6px; }
    .mapa-editorial__ponto { padding: 6px; font-size: 14px; gap: 3px; }
    .mapa-editorial__ponto small { font-size: 8px; }
    .slide--mapa-referencia-editorial .janela__imagem { max-width: calc(22vh * 1911 / 939); }
    .slide--mapa-referencia-editorial .lista-losangos { font-size: 15px; line-height: 1.35; }
    .slide--teia-editorial .slide__conteudo { padding-block: 16px; }
    .slide--teia-editorial .cabeca { margin-bottom: 14px; }
    .slide--teia-editorial .lead { font-size: 16px; line-height: 1.35; }
    .ms-teia-desktop { display: none; }
    .ms-teia-mobile { display: block; width: 100%; }
    .ms-teia-mobile .carrossel__pagina { display: block; }
    .ms-teia-mobile .carrossel__pagina[hidden] { display: none; }
    .ms-teia-mobile .teia { height: 312px; max-height: none; display: flex; align-items: center; overflow-x: auto; overflow-y: hidden; }
    .ms-teia-mobile .teia svg { min-width: 0; width: var(--largura-raiz); height: var(--altura-raiz); max-width: none; flex: none; }
    .slide--teia-editorial .teia-rodape { font-size: 14px; line-height: 1.3; }
    .ms-obras .ms-titulo { font-size: 16px; }
}
.teia-controles { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; margin-bottom: 8px; }
.teia-controles .placa { min-height: 30px; padding: 5px 9px; font-size: 10px; letter-spacing: .04em; }
.teia-controles > span { font-size: 13px; }
.teia svg { cursor: grab; touch-action: none; }
.teia svg:active { cursor: grabbing; }
.teia-area:fullscreen { width: 100vw; height: 100dvh; padding: 18px; background: var(--tinta); display: flex; flex-direction: column; gap: 12px; }
.teia-area:fullscreen .teia-pista { flex: 1; min-height: 0; display: flex; align-items: stretch; container-type: normal; }
.teia-area:fullscreen .ms-teia-mobile { display: none; }
.teia-area:fullscreen .ms-teia-desktop { display: contents; }
.teia-area:fullscreen .teia { width: 100%; height: 100%; margin: 0; overflow: hidden; }
.teia-area:fullscreen .teia svg { width: 100%; height: 100%; max-width: none; max-height: none; }
@container quadro-chat (max-width: 760px) {
    .teia-controles > span { display: none; }
}

@container quadro-chat (max-width: 400px) {
    .ms-teia-mobile .teia { height: 280px; }
    .ms-teia-mobile .teia svg { max-height: 100%; }
}