/* Wellness Map - regole comuni. Lo stile dei blocchi e' inline, come da design approvato. */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0}
a{color:#182C52}
a:hover{color:#F17902}
img{max-width:100%}
:focus-visible{outline:3px solid #F17902;outline-offset:2px}
.skip{position:absolute;left:-9999px;top:0;background:#FFFFFF;color:#182C52;padding:10px 16px;z-index:100;border-radius:0 0 8px 0;font-family:Poppins,sans-serif}
.skip:focus{left:0}
.fx-ok{display:none}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
button.btn{font:inherit;border:0;cursor:pointer;text-align:center;width:100%}
button.btn[disabled]{opacity:.65;cursor:progress}
.ferr{color:#B3261E;font-size:13px;line-height:1.4;margin-top:4px}
.form-err{margin:0;padding:12px 14px;border-radius:8px;background:#FDECEA;color:#8A1C14;font-size:15px;line-height:1.45;border:1px solid #F3B8B2}
.form-err[hidden]{display:none}
input[aria-invalid=true],select[aria-invalid=true]{border-color:#B3261E!important}
select:disabled{opacity:.7}
/* mappa */
#map{position:absolute;left:0;top:0;right:0;bottom:0}
.mk{width:22px;height:22px;border-radius:999px;background:#F17902;border:3px solid #182C52;padding:0;cursor:pointer;box-shadow:0 1px 4px rgba(0,0,0,.35)}
.mk:focus-visible{outline:3px solid #FFFFFF;outline-offset:2px}
.mk-cell{min-width:34px;height:34px;padding:0 6px;border-radius:999px;background:#F17902;color:#182C52;border:3px solid #182C52;font:600 14px Poppins,sans-serif;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 1px 4px rgba(0,0,0,.35)}
#map-card{position:absolute;left:20px;right:20px;bottom:30px;z-index:2}
#map-card[hidden]{display:none}
#map-msg{position:absolute;left:20px;top:20px;right:60px;z-index:2;margin:0;background:#182C52;color:#FFFFFF;font-size:14px;padding:8px 14px;border-radius:12px}
#map-msg[hidden]{display:none}
.maplibregl-ctrl-attrib{font-size:11px}
@media (max-width:640px){h1{font-size:34px!important}h2{font-size:28px!important}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}