@charset "utf-8";

/* ########## PROJETO DE IMPLANTAÇÃO ########## */

.e_area_projeto_implantacao { position: relative; }
.e_area_projeto_implantacao:before { content: ""; width: 100%; height: 75%; position: absolute; bottom: 30px; left: 0; background: #fff; transform: skewY(-2deg); }
.e_area_projeto_implantacao img { max-width: 1080px; width: auto !important; height: auto !important; pointer-events: none; }
.e_area_projeto_implantacao .e_area_mapa_implantacao { height: 300px; position: relative; z-index: 1; padding: 30px 10px; text-align: center; margin: 10px 0; }
.e_area_projeto_implantacao .e_area_mapa_implantacao:after,
.e_area_projeto_implantacao .e_area_mapa_implantacao:before { content: ""; position: absolute; inset: 0; z-index: -1; background: #fff; border-radius: 8px; }
.e_area_projeto_implantacao .e_area_mapa_implantacao:before { inset: -10px; top: 10px; background: #dfe3e5; opacity: .7; }
.e_area_projeto_implantacao .e_area_mapa_implantacao .e_cont_barra_mapa_implantacao { position: absolute; inset: 20px; overflow: hidden; overflow-x: auto; }
.e_area_projeto_implantacao .e_area_mapa_implantacao .e_cont_mapa_implantacao { position: relative; }
.e_area_projeto_implantacao .e_area_mapa_implantacao .e_item_mapa { position: absolute; }
.e_area_projeto_implantacao .e_area_mapa_implantacao .e_item_casa .e_icone_mapa { width: auto; height: auto; line-height: 1; font-size: 12px; }
.e_area_projeto_implantacao .e_icone_mapa { width: 34px; height: 34px; line-height: 34px; font-size: 16px; display: inline-block; vertical-align: middle; text-align: center; border-radius: 100%; flex-shrink: 0; }
.e_area_projeto_implantacao .e_area_legenda_mapa { max-height: 320px; padding: 20px 0; margin-top: 15px; display: flex; flex-wrap: wrap; flex-flow: column wrap; position: relative; z-index: 1; }
.e_area_projeto_implantacao .e_legenda_mapa { padding: 5px; font-size: 0; display: flex; align-items: center; }
.e_area_projeto_implantacao .e_legenda_mapa .e_txt_legenda { font-size: 15px; color: #616366; margin-left: .5em; }

/* ITENS */
.e_area_projeto_implantacao .e_casa_gardenia .e_icone_mapa { color: #e82348; }
.e_area_projeto_implantacao .e_casa_agapanto .e_icone_mapa { color: #ffa921; }
.e_area_projeto_implantacao .e_casa_geranio .e_icone_mapa { color: #4ab828; }
.e_area_projeto_implantacao .e_casa_petunia .e_icone_mapa { color: #2ec0ea; }
.e_area_projeto_implantacao .e_casa_hortencia .e_icone_mapa { color: #457fdf; }
.e_area_projeto_implantacao .e_casa_jasmin .e_icone_mapa { color: #b466e6; }
.e_area_projeto_implantacao .e_item_categoria .e_icone_mapa {line-height: 30px; background: #075692; position: relative; z-index: 1; font-size: 12px; color: #fff; overflow: hidden; border-radius: 100%; border: solid 2px #fff; }
.e_area_projeto_implantacao .e_item_categoria .e_icone_mapa:before { content: ""; position: absolute; inset: 0; z-index: -1; background: #0b6fba; transform: rotate(45deg) scale(.65); }

@media (max-width: 1000px) {
	.e_area_projeto_implantacao .e_area_legenda_mapa { max-height: none; flex-flow: wrap; }
	.e_area_projeto_implantacao .e_area_legenda_mapa .e_legenda_mapa { flex: 50%; }	
}