/* ================================================================================================================== */
/* corpo */
/* ================================================================================================================== */

div#places { display: block; position: relative; width: 100%; padding: 0; margin: 0 auto; }
	div#places h1 { margin-bottom: 25px; font-size: 2.857em; color: var(--color8); }
	div#places p.description { color: var(--color4); }

/* ================================================================================================================== */
/* mapa */
/* ================================================================================================================== */

div#places div.map { display: block; position: relative; width: 100%; height: auto; }
	div#places div.map img { display: block; position: relative; width: 100%; }
	div#places div.map svg { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: transparent; }
		div#places div.map svg polygon { fill: transparent; }
		div#places div.map svg polygon:hover { fill: var(--color8); }
	div#places div.map p.title { display: none; position: absolute; top: 0; left: 0; background-color: var(--color1); color: var(--color3); line-height: 20px; }
	div#places div.map p.title[data-status="true"] { display: block; }
	div#places div.map p.title[data-status="false"] { display: none; }

div#places div.footer { display: block; position: relative; border-top: 4px solid var(--color2); margin-top: 50px; }