<!doctype html>
<html lang="ca">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Mapa actius salut Finestrat</title>
<style>
:root { color-scheme: light; }
body{
margin:0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
background:#fff;
color:#111;
}
header{
padding: 16px 20px;
border-bottom: 1px solid #e5e5e5;
font-size: 18px;
font-weight: 600;
letter-spacing: .2px;
}
main{
padding: 0;
}
/* Per si Flourish tarda a carregar, deixa aire */
.container{
min-height: calc(100vh - 57px);
}
</style>
</head>
<body>
<header>Mapa actius salut finestrat</header>
<main class="container">
<div class="flourish-embed flourish-map" data-src="visualisation/27489204">
<noscript>
<img src="https://public.flourish.studio/visualisation/27489204/thumbnail"
width="100%" alt="map visualization" />
</noscript>
</div>
</main>
<script src="https://public.flourish.studio/resources/embed.js"></script>
</body>
</html>