/* Regras das pranchas (cenas do dia, traje, mapas) copiadas do site, com as variáveis resolvidas. Gerado por montar.js; não editar à mão. */
.mapa-mar { fill: color-mix(in srgb, #2f4b2b 9%, #efe5cf); }
.mapa-onda { fill: none; stroke: color-mix(in srgb, #2f4b2b 35%, transparent); stroke-width: 1; }
.mapa-serra { fill: none; stroke: color-mix(in srgb, #4f4132 55%, transparent); stroke-width: 1.1; }
.mapa-hachura { fill: none; stroke: color-mix(in srgb, #4f4132 42%, transparent); stroke-width: .9; }
.mapa-rio { fill: none; stroke: color-mix(in srgb, #2f4b2b 70%, transparent); stroke-width: 2.4; stroke-linecap: round; }
.mapa-caminho { fill: none; stroke: #8b4a2b; stroke-width: 2.4; stroke-dasharray: 7 5; stroke-linecap: round; }
.mapa-seta { fill: none; stroke: #8b4a2b; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
.mapa-vila circle { fill: #221a12; }
.mapa-guara { fill: #96201a; }
.mapa-guara-anel { fill: none; stroke: #96201a; stroke-width: 1.2; }
.mapa-nome text { font: italic 500 15px "DM Serif Display", Georgia, serif; fill: #221a12; }
.mapa-destaque { font: 700 17px "DM Serif Display", Georgia, serif; fill: #96201a; }
.mapa-rumo { font: italic 600 15px "DM Serif Display", Georgia, serif; fill: #8b4a2b; }
.mapa-acidente text { font: italic 500 12.5px "DM Serif Display", Georgia, serif; fill: color-mix(in srgb, #4f4132 85%, transparent); letter-spacing: .06em; }
.mapa-rosa path { fill: none; stroke: #4f4132; stroke-width: 1; }
.mapa-rosa .mapa-rosa-n { fill: #4f4132; }
.mapa-rosa text { font: 700 11px "DM Serif Display", Georgia, serif; fill: #4f4132; }
.mapa-cartela rect { fill: #efe5cf; stroke: color-mix(in srgb, #af8250 70%, transparent); stroke-width: 1; }
.mapa-cartela rect + rect { fill: none; stroke-width: .7; }
.mapa-cartela-t { font: 700 17px "DM Serif Display", Georgia, serif; fill: #221a12; }
.mapa-cartela-s { font: 600 9px "Source Serif 4", Georgia, serif; fill: #7a5526; letter-spacing: .14em; text-transform: uppercase; }
.mapa.reveal .mapa-caminho { stroke-dashoffset: 0; }
.mapa-cartela-s { font-size: 8.5px; letter-spacing: .1em; }
.traje { display: block; width: 100%; height: auto; overflow: visible; }
.traje .tr path, .traje .tr circle, .traje .tr ellipse { stroke: #221a12; stroke-width: 1.6; stroke-linejoin: round; stroke-linecap: round; fill: none; }
.traje .tr-terno, .traje .tr-lapela, .traje .tr-camisa { fill: #fbf8f0 !important; }
.traje .tr-camisa { stroke-width: 1.3 !important; }
.traje .tr-fundo { fill: color-mix(in srgb, #221a12 55%, transparent) !important; stroke: none !important; }
.traje .tr-gravata { fill: #221a12 !important; }
.traje .tr-hach { stroke: color-mix(in srgb, #221a12 30%, transparent) !important; stroke-width: 1.1 !important; }
.traje .tr-linha { stroke-width: 1.2 !important; }
.traje .tr-botao { fill: #fbf8f0 !important; }
.traje .tr-brasao path:first-child, .traje .tr-brasao ellipse { fill: color-mix(in srgb, #96201a 18%, #fbf8f0) !important; stroke: #6e1712 !important; stroke-width: 1.3 !important; }
.traje .tr-brasao .tr-linha { stroke: #6e1712 !important; fill: none !important; stroke-width: 1 !important; }
.traje .tr-broche circle { fill: color-mix(in srgb, #d6b27a 55%, #fbf8f0) !important; stroke: #7a5526 !important; stroke-width: 1.3 !important; }
.traje .tr-flor { fill: #96201a !important; stroke: #6e1712 !important; stroke-width: 1.6 !important; }
.traje .tr-calice, .traje .tr-folha { fill: #2f4b2b !important; stroke: none !important; }
.traje .tr-haste { stroke: #2f4b2b !important; stroke-width: 2.4 !important; }
.traje .tr-chamadas path { stroke: #4f4132; stroke-width: .9; fill: none; }
.traje .tr-chamadas text { font: italic 600 26px "DM Serif Display", Georgia, serif; fill: #96201a; }
.mapa-trajeto { display: block; width: 100%; height: auto; }
.mapa-trajeto path { fill: none; }
.mt-ruas-f path { stroke: color-mix(in srgb, #221a12 14%, transparent); stroke-width: .8; }
.mt-ruas-g path { stroke: color-mix(in srgb, #221a12 26%, transparent); stroke-width: 1.6; }
.mt-trilho path { stroke: color-mix(in srgb, #221a12 40%, transparent); stroke-width: 1.2; stroke-dasharray: 6 4; }
.mt-rio { stroke: color-mix(in srgb, #6f9a92 55%, #efe5cf); stroke-width: 11; stroke-linecap: round; stroke-linejoin: round; }
.mt-corrego { stroke: color-mix(in srgb, #6f9a92 45%, #efe5cf); stroke-width: 2.4; }
.mt-rio-nome { font: italic 600 17px "DM Serif Display", Georgia, serif; fill: color-mix(in srgb, #2f4b2b 80%, transparent); letter-spacing: .06em; }
.mt-bairro { font: italic 500 13px "DM Serif Display", Georgia, serif; fill: color-mix(in srgb, #4f4132 75%, transparent); }
.mt-caminho-borda { stroke: #efe5cf; stroke-width: 9; stroke-linejoin: round; stroke-linecap: round; }
.mt-caminho { stroke: #96201a; stroke-width: 3.6; stroke-linejoin: round; stroke-linecap: round; }
.mt-setas path { stroke: #efe5cf; stroke-width: 1.8; stroke-linejoin: round; stroke-linecap: round; fill: none; }
.mt-ponto { stroke: #efe5cf; stroke-width: 3; }
.mt-saida { fill: #efe5cf; stroke: #6e1712; stroke-width: 3.5; }
.mt-chegada { fill: #6e1712; }
.mt-mastro circle:first-child { fill: #efe5cf; stroke: #6e1712; stroke-width: 3; }
.mt-mastro circle + circle { fill: #6e1712; }
.mt-cruz circle { fill: #efe5cf; stroke: #221a12; stroke-width: 1.4; }
.mt-cruz path { stroke: #221a12; stroke-width: 1.8; }
.mt-rot { font-family: "DM Serif Display", Georgia, serif; }
.mt-rot-1 { font-weight: 700; font-size: 16px; fill: #6e1712; }
.mt-rot-2 { font-style: italic; font-size: 14px; fill: #221a12; }
.mt-rot { paint-order: stroke; stroke: #efe5cf; stroke-width: 4px; stroke-linejoin: round; }
.mt-cartela rect { fill: #efe5cf; stroke: color-mix(in srgb, #af8250 70%, transparent); stroke-width: 1; }
.mt-cartela rect + rect { fill: none; stroke-opacity: .5; }
.mt-cartela-t { font: 700 21px "DM Serif Display", Georgia, serif; fill: #221a12; }
.mt-cartela-s { font: italic 400 13px "DM Serif Display", Georgia, serif; fill: #4f4132; }
.mt-rosa path { fill: none; stroke: #221a12; stroke-width: 1.2; }
.mt-rosa .mt-rosa-n { fill: #6e1712; stroke: none; }
.mt-rosa text { font: 700 13px "DM Serif Display", Georgia, serif; fill: #221a12; }
.mt-escala path { stroke: #221a12; stroke-width: 1.5; }
.mt-escala text { font: 600 12px "Source Serif 4", Georgia, serif; fill: #4f4132; }
.mt-caminho { stroke-width: 4.2; }
.mt-setas path { fill: #6e1712; stroke: #efe5cf; stroke-width: 1.4; }
.cena { display: block; width: 100%; height: auto; background: #f7f1e3; padding: 7px; transform: rotate(-.8deg);
  box-shadow: 0 16px 26px -14px rgb(43 30 21 / .4), 0 2px 4px rgb(43 30 21 / .14); }
.momento:nth-child(even) .cena { transform: rotate(.8deg); }
.cena .cn-s1 { fill: color-mix(in srgb, #8b4a2b 22%, transparent); }
.cena .cn-s2 { fill: color-mix(in srgb, #8b4a2b 38%, transparent); }
.cena .cn-chao { fill: color-mix(in srgb, #8b4a2b 30%, #efe4cc); }
.cena .cn-cena use, .cena .cn-cena path, .cena .cn-cena circle { fill: color-mix(in srgb, #221a12 82%, #8b4a2b); }
.cena .cn-sol { fill: #f6dfb0; }
.cena .cn-lua { fill: #f4ead2; }
.cena .cn-estrela { fill: #fff8e6; opacity: .85; }
.cena .cn-luz { fill: #f3c779 !important; opacity: .9; }
.cena .cn-flores { fill: #96201a !important; }
.cena .cn-aureola { fill: none !important; stroke: #d6b27a; stroke-width: 1.5; }
.cena .cn-pano, .cena .cn-flor { fill: #96201a !important; }
.cena .cn-estandarte path:first-child { stroke: color-mix(in srgb, #221a12 82%, #8b4a2b); stroke-width: 2.5; fill: none !important; }
.cena .cn-muro { fill: color-mix(in srgb, #221a12 45%, #8b4a2b) !important; }
.cena .cn-mastro { fill: color-mix(in srgb, #221a12 82%, #8b4a2b); }
.cena .cn-giro { fill: none !important; stroke: #f3e2c4; stroke-width: 2; stroke-dasharray: 2 6; stroke-linecap: round; opacity: .8; }