#mapa-portada{box-sizing:border-box;width:calc(100% - 4rem);max-width:500px;margin:24px auto;padding:20px;border-radius:16px;background:rgba(255,255,255,.96);color:#19432f;text-align:center;box-shadow:0 4px 16px #0002}#mapa-portada h2{font-size:1.3rem;margin:0 0 8px}#mapa-portada p{font-size:.95rem;margin:10px 0}#mapa-portada .mapa-planisferio{position:relative;margin-top:15px;background:#edf5f7;border:1px solid #cee0d5;border-radius:8px;overflow:hidden}#mapa-viewport{overflow:hidden}#mapa-portada svg{display:block;width:100%;height:auto;cursor:grab;touch-action:none;user-select:none}#mapa-portada svg.arrastrando{cursor:grabbing}#mapa-portada circle{fill:#21845f;fill-opacity:.78;stroke:white;stroke-width:1.5;cursor:pointer;vector-effect:non-scaling-stroke}#mapa-portada circle:focus{outline:none;stroke:#122f23;stroke-width:3}#mapa-actualizar{position:absolute;z-index:3;top:8px;right:8px;width:32px;height:32px;padding:0;border:1px solid #7da18e;border-radius:50%;background:rgba(255,255,255,.92);color:#19432f;font:bold 21px/1 Arial;box-shadow:0 1px 4px #0002;cursor:pointer}#mapa-actualizar:hover,#mapa-actualizar:focus-visible{background:#19432f;color:#fff}#mapa-actualizar.cargando{animation:mapa-girar .8s linear infinite}#mapa-actualizar:disabled{opacity:.65;cursor:wait}@keyframes mapa-girar{to{transform:rotate(360deg)}}#mapa-globo{position:absolute;z-index:4;max-width:220px;padding:7px 10px;border-radius:7px;background:#173e2f;color:#fff;font-size:.78rem;line-height:1.25;pointer-events:none;box-shadow:0 3px 10px #0005;transform:translate(-50%,calc(-100% - 10px));white-space:normal}#mapa-globo:after{content:"";position:absolute;left:50%;bottom:-6px;margin-left:-6px;border:6px solid transparent;border-top-color:#173e2f;border-bottom:0}#mapa-portada small{display:block;font-size:.75rem;line-height:1.5;color:#496254}@media(max-width:400px){#mapa-portada{padding:14px}}
@media (min-width:769px), (orientation:landscape){#mapa-portada{max-width:820px}}