:root{--hex-obras:#262626;--hex-obras-planejadas:#2980b9;--hex-obras-em-andamento:#e67e22;--hex-obras-concluidas:#27ae60;--rgb-obras:38,38,38;--rgb-obras-planejadas:41,128,185;--rgb-obras-em-andamento:230,126,34;--rgb-obras-concluidas:39,174,96}.p-mapa{aspect-ratio:2;border:1px solid transparent;background-color:var(--rgba-sombra-2)}.p-mapa__img{border-radius:var(--raio)}.p-mapa__obra{width:16px;height:16px;padding:2px;border:1px solid var(--rgba-branco-1);position:absolute;top:50%;left:50%;z-index:1;background-color:var(--hex-obras);border-radius:50%;color:var(--rgba-branco-1);font-size:10px;transform:translate(-50%,-50%);transition:box-shadow .2s}.p-mapa__obra:hover{box-shadow:0 0 0 4px var(--rgba-branco-1)}.p-mapa__obra--planejadas{background-color:var(--hex-obras-planejadas)}.p-mapa__obra--em-andamento{background-color:var(--hex-obras-em-andamento)}.p-mapa__obra--concluidas{background-color:var(--hex-obras-concluidas)}.p-mapa.planejadas .p-mapa__obra,.p-mapa.em-andamento .p-mapa__obra,.p-mapa.concluidas .p-mapa__obra{display:none}.p-mapa.planejadas .p-mapa__obra--planejadas,.p-mapa.em-andamento .p-mapa__obra--em-andamento,.p-mapa.concluidas .p-mapa__obra--concluidas{display:block}@media (min-width:720px){.p-mapa__obra{width:28px;height:28px;padding:5px;font-size:16px}}@media (min-width:1120px){.p-mapa__obra{width:36px;height:36px;padding:6px;border-width:2px;font-size:20px}}.p-filtros{display:flex;flex-direction:column;gap:20px}@media (min-width:720px){.p-filtros{flex-direction:row}.p-filtros__titulo{padding:2px 0;flex-shrink:0}}.p-status{height:28px;padding:4px 16px;background-color:var(--hex-cinza-2);border-radius:14px;color:var(--hex-obras);font-size:14px;font-weight:700;line-height:19px;transition:background-color 0.2s,color .2s}.p-status.ativo{background-color:var(--hex-obras);color:var(--rgba-branco-1)}.p-status--planejadas{background-color:rgba(var(--rgb-obras-planejadas),0.1);color:var(--hex-obras-planejadas)}.p-status--planejadas.ativo{background-color:var(--hex-obras-planejadas);color:var(--rgba-branco-1)}.p-status--em-andamento{background-color:rgba(var(--rgb-obras-em-andamento),0.1);color:var(--hex-obras-em-andamento)}.p-status--em-andamento.ativo{background-color:var(--hex-obras-em-andamento);color:var(--rgba-branco-1)}.p-status--concluidas{background-color:rgba(var(--rgb-obras-concluidas),0.1);color:var(--hex-obras-concluidas)}.p-status--concluidas.ativo{background-color:var(--hex-obras-concluidas);color:var(--rgba-branco-1)}.p-lista{display:grid;gap:20px}.p-lista.planejadas .p-lista__item,.p-lista.em-andamento .p-lista__item,.p-lista.concluidas .p-lista__item{display:none}.p-lista.planejadas .p-lista__item--planejadas,.p-lista.em-andamento .p-lista__item--em-andamento,.p-lista.concluidas .p-lista__item--concluidas{display:block}@media (min-width:600px){.p-lista{grid-template-columns:repeat(2,1fr)}}@media (min-width:960px){.p-lista{grid-template-columns:repeat(3,1fr)}}@media (min-width:1280px){.p-lista{grid-template-columns:repeat(4,1fr)}}.p-obra{min-height:100%;border:1px solid var(--hex-cinza-2);display:block;background-color:var(--hex-cinza-2);border-radius:var(--raio)}.c-fundo-cinza .p-obra{border:1px solid var(--hex-cinza-1);background-color:var(--hex-cinza-1)}.p-obra__proporcao{background:transparent;border-bottom-left-radius:0;border-bottom-right-radius:0}.p-obra__conteudo{padding:20px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:10px}.p-obra__titulo,.p-obra__legenda{width:100%}.p-obra__status{height:24px;padding:4px 12px;margin-top:10px;background-color:var(--hex-obras);border-radius:12px;color:var(--rgba-branco-1);font-size:12px;font-weight:700;line-height:16px}.p-obra--planejadas .p-obra__status{background-color:var(--hex-obras-planejadas)}.p-obra--em-andamento .p-obra__status{background-color:var(--hex-obras-em-andamento)}.p-obra--concluidas .p-obra__status{background-color:var(--hex-obras-concluidas)}.p-obra__execucao{width:96px}.p-obra__execucao__texto{display:flex;justify-content:space-between;color:var(--rgba-preto-3);font-size:12px;line-height:1}.p-obra__execucao__barra{width:100%;height:6px;margin-top:6px;background-color:var(--rgba-sombra-1);border-radius:3px}.p-obra__execucao__conclusao{height:6px;background:var(--degrade-miv);border-radius:3px}@media (min-width:960px){.l-estrutura__lateral{order:1}}@media (min-width:1120px){.l-estrutura__principal{width:calc(100% - 420px)}.l-estrutura__lateral{width:360px}}.p-topicos{padding:20px;display:flex;flex-direction:column;gap:20px;background-color:var(--hex-cinza-2);border-radius:var(--raio)}.p-topicos + .p-topicos{margin-top:10px}.p-topicos--planejadas{background-color:rgba(var(--rgb-obras-planejadas),0.1)}.p-topicos--em-andamento{background-color:rgba(var(--rgb-obras-em-andamento),0.1)}.p-topicos--concluidas{background-color:rgba(var(--rgb-obras-concluidas),0.1)}.p-topico{display:flex;align-items:flex-start;gap:20px}.p-topico__icone{width:40px;height:40px;padding:10px;flex-shrink:0;background-color:var(--rgba-sombra-1);border-radius:50%;color:var(--rgba-preto-3);font-size:20px}.p-topicos--planejadas .p-topico__icone{background-color:rgba(var(--rgb-obras-planejadas),0.2)}.p-topicos--em-andamento .p-topico__icone{background-color:rgba(var(--rgb-obras-em-andamento),0.2)}.p-topicos--concluidas .p-topico__icone{background-color:rgba(var(--rgb-obras-concluidas),0.2)}.p-topico__conteudo{display:flex;flex-direction:column;gap:4px}.p-topico__conteudo__legenda{font-size:12px;line-height:16px}.p-topico__conteudo__titulo{font-size:14px;line-height:20px}.p-topicos--planejadas .p-topico__icone,.p-topicos--planejadas .p-topico__conteudo__titulo{color:var(--hex-obras-planejadas)}.p-topicos--em-andamento .p-topico__icone,.p-topicos--em-andamento .p-topico__conteudo__titulo{color:var(--hex-obras-em-andamento)}.p-topicos--concluidas .p-topico__icone,.p-topicos--concluidas .p-topico__conteudo__titulo{color:var(--hex-obras-concluidas)}.p-modal{width:100%;min-width:320px;height:100%;padding:20px;display:none;align-items:center;justify-content:center;overflow:auto;position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;background:var(--rgba-preto-2)}.p-modal.ativo{display:flex}.p-modal__conteudo{max-width:300px;min-width:280px;display:flex;flex-direction:column;align-items:center;gap:20px}.p-modal .c-botao{transition:transform .2s}.p-modal .c-botao:hover{opacity:1;transform:translateY(-5px)}