*{box-sizing:border-box}
body{margin:0;font-family:Arial,sans-serif;height:100vh;height:100dvh;display:flex;flex-direction:column;color:#17365d}
header{background:#17365d;color:white;padding:16px 24px}
h1{margin:0;font-size:24px}
main{display:flex;flex-direction:column;flex:1;min-height:280px}
#mapaEstado{margin:0;padding:10px 24px;background:#eef5f8;font-size:14px}
#mapaEstado[data-error="true"]{background:#fff0eb;color:#8a2618}
#mapa{width:100%;flex:1;min-height:240px}