.hero-map-first{position:relative;background:var(--color-azul-dark);min-height:calc(92vh - var(--nav-height));min-height:calc(92dvh - var(--nav-height));display:flex;flex-direction:column}.hero-map-stage{--hero-map-bottom-reserve: clamp(2rem, 6vh, 3.75rem);position:relative;flex:1 1 auto;min-height:calc(92vh - var(--nav-height));min-height:calc(92dvh - var(--nav-height));isolation:isolate;transform-origin:center center}.hero-map-stage--lobby{opacity:0;transform:scale3d(1.08,1.08,1);filter:brightness(.55);pointer-events:none}.hero-map-stage--approaching{opacity:.88;transform:scale3d(1.14,1.14,1);filter:brightness(.78);pointer-events:none}.hero-map-stage--revealing{opacity:1;transform:scale(1);filter:brightness(1);pointer-events:auto;animation:hero-map-stage-enter 1.18s cubic-bezier(.22,1,.36,1) both}.hero-map-stage--revealed{opacity:1;transform:none;filter:none;pointer-events:auto}@keyframes hero-map-stage-enter{0%{transform:scale3d(1.14,1.14,1);opacity:.88;filter:brightness(.78)}to{transform:scaleZ(1);opacity:1;filter:brightness(1)}}@media(prefers-reduced-motion:reduce){.hero-map-stage{transition:opacity .2s ease,filter .2s ease}.hero-map-stage--lobby{transform:none;opacity:0;filter:brightness(.65)}.hero-map-stage--approaching{transform:none;opacity:.88;filter:brightness(.8)}.hero-map-stage--revealing,.hero-map-stage--revealed{transform:none;animation:none}}.hero-maplibre,.hero-maplibre.maplibregl-map{position:absolute;top:0;right:0;left:0;bottom:var(--hero-map-bottom-reserve);width:100%;height:auto;z-index:1;overflow:hidden}.hero-maplibre.maplibregl-map .maplibregl-canvas-container{width:100%;height:100%}.hero-maplibre:focus-visible{outline:2px solid var(--color-oro);outline-offset:-2px}.hero-panel-stack{position:absolute;z-index:450;top:max(var(--space-lg),calc(env(safe-area-inset-top) + var(--space-sm)));left:max(var(--space-lg),calc(env(safe-area-inset-left) + var(--space-sm)));right:max(var(--space-md),env(safe-area-inset-right));display:flex;flex-direction:column;gap:var(--space-md);align-items:stretch;pointer-events:none;max-height:min(42vh,320px)}@media(min-width:960px){.hero-panel-stack{top:max(var(--space-xl),env(safe-area-inset-top));left:max(var(--space-xl),env(safe-area-inset-left));right:auto;width:min(360px,38vw);max-height:min(48vh,380px)}}.has-selection .hero-panel-stack{max-height:min(58vh,480px)}@media(min-width:960px){.has-selection .hero-panel-stack{max-height:min(62vh,520px)}}.hero-panel-card.wm-glass{background:#12284080;backdrop-filter:blur(14px) saturate(1.05);-webkit-backdrop-filter:blur(14px) saturate(1.05);border:1px solid rgba(244,241,234,.18);box-shadow:0 10px 32px #00000047,inset 0 1px #ffffff0a}.hero-panel-card{position:relative;pointer-events:auto;padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md);border-radius:2px;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(229,169,59,.28) transparent;color:var(--color-pergamino);max-height:100%}.hero-panel-card::-webkit-scrollbar{width:4px}.hero-panel-card::-webkit-scrollbar-thumb{background:#e5a93b47;border-radius:4px}.hero-panel-card[data-has-overflow]{box-shadow:0 12px 40px #00000059,inset 0 -1.25rem 1.25rem -.75rem #050c1673}.hero-map-instructions{border-left:4px solid var(--color-oro);padding-left:var(--space-md)}.hero-map-instructions[hidden]{display:none!important}.hero-instructions-kicker{display:block;font-family:var(--font-ui);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--color-oro-light);margin:0 0 var(--space-xs)}.hero-instructions-heading{font-family:var(--font-display);font-size:clamp(1.15rem,2.5vw,1.4rem);margin:0;color:var(--color-pergamino);line-height:1.25}.hero-instructions-lead{font-family:var(--font-ui);font-size:.92rem;font-weight:600;color:#f4f1eaf2;margin:0;line-height:1.55}.hero-instructions-body{font-family:var(--font-ui);font-size:.95rem;margin:0;line-height:1.7;letter-spacing:.01em;color:#f4f1eae0}.hero-instructions-body a{color:var(--color-oro-light);font-weight:600;text-underline-offset:2px}.hero-instructions-body a:hover{color:var(--color-pergamino)}.hero-instructions-beacon{display:inline-block;vertical-align:-.05em;width:.65em;height:.65em;margin:0 .22em;border-radius:50%;background:#e8453c;box-shadow:0 0 0 1.5px #f4f1eaf2,0 0 10px #ff5c4d8c}.hero-reset-map{position:absolute;bottom:calc(max(var(--space-lg),env(safe-area-inset-bottom)) + var(--hero-map-bottom-reserve));left:max(var(--space-lg),env(safe-area-inset-left));z-index:600;max-width:calc(100vw - (2*max(var(--space-lg),env(safe-area-inset-left))));display:inline-flex;align-items:center;gap:.55rem;padding:.65rem 1.2rem .65rem .95rem;border-radius:999px;font-family:var(--font-ui);font-size:.85rem;font-weight:600;line-height:1.2;white-space:nowrap;color:var(--color-pergamino);cursor:pointer;pointer-events:auto;transition:background .2s ease,transform .2s ease,border-color .25s ease,box-shadow .25s ease}.hero-map-first--lobby .hero-reset-map{bottom:calc(max(.85rem,env(safe-area-inset-bottom)) + 7.75rem);border:1px solid color-mix(in srgb,var(--atlas-accent) 45%,rgba(244,241,234,.2));box-shadow:0 0 18px color-mix(in srgb,var(--atlas-accent) 22%,transparent)}@media(max-width:639px){.hero-map-first--lobby .hero-reset-map{bottom:calc(max(.85rem,env(safe-area-inset-bottom)) + 5.75rem)}}.hero-reset-arrow{font-size:1rem;line-height:1;opacity:.95}.hero-reset-map:hover{background:#0f1e2dc7;transform:translateY(-1px)}.hero-reset-map:focus-visible{outline:2px solid var(--color-oro);outline-offset:2px}.hero-spotlight[hidden]{display:none!important}.hero-spotlight-inner{display:flex;flex-direction:column;gap:var(--space-md)}.spotlight-heading{font-family:var(--font-display);font-size:clamp(1.25rem,2.2vw,1.65rem);margin:0;color:var(--color-pergamino)}.spotlight-desc{font-family:var(--font-ui);font-size:1rem;margin:0;line-height:1.7;letter-spacing:.01em;color:#f4f1eae6}.spotlight-figure{margin:0}.spotlight-img{width:100%;height:auto;border-radius:4px;border:1px solid rgba(244,241,234,.2);object-fit:cover;aspect-ratio:16 / 10}.btn-spotlight{display:inline-flex;align-items:center;gap:.65rem;align-self:flex-start;padding:.85rem 1.5rem;font-family:var(--font-ui);font-size:.95rem;font-weight:600;text-decoration:none;color:var(--color-azul-dark);background:var(--color-oro);border-radius:4px;transition:background .2s ease,transform .25s ease,color .2s ease}.btn-spotlight:hover{background:var(--color-oro-light);color:var(--color-azul-dark);transform:translateY(-1px) scale(1.02)}.btn-spotlight-arrow{display:inline-block;transition:transform .25s ease}.btn-spotlight:hover .btn-spotlight-arrow{transform:translate(4px)}.btn-spotlight:focus-visible{outline:2px solid var(--color-pergamino);outline-offset:2px}@media(prefers-reduced-motion:reduce){.btn-spotlight{transition:none}.btn-spotlight:hover,.btn-spotlight:hover .btn-spotlight-arrow{transform:none}}.wm-beacon-divicon{background:none!important;border:none!important}.wm-beacon-btn{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:0;margin:0;background:none;border:none;cursor:pointer;font-family:var(--font-ui);color:var(--color-pergamino);text-shadow:0 1px 4px rgba(0,0,0,.8)}.wm-beacon-polaroid{position:absolute;bottom:100%;left:50%;z-index:5;width:min(132px,28vw);margin:0 0 6px;padding:.45rem .45rem 1.75rem;border-radius:3px;opacity:0;pointer-events:none;transition:opacity .22s ease;transform:translate(-50%) translateY(-4px) rotate(-1.5deg)}.wm-beacon-btn:hover .wm-beacon-polaroid,.wm-beacon-btn:focus-visible .wm-beacon-polaroid{opacity:1}.wm-beacon-polaroid-img{width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover;border-radius:2px;display:block}.wm-beacon-polaroid-cap{position:absolute;left:.45rem;right:.45rem;bottom:.35rem;font-family:var(--font-ui);font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin:0;text-align:center;color:var(--color-pergamino);line-height:1.2}@media(pointer:coarse){.wm-beacon-polaroid{display:none!important}}.wm-beacon-btn:focus-visible{outline:2px solid var(--color-oro);outline-offset:4px;border-radius:8px}.wm-beacon{position:relative;width:36px;height:36px;display:grid;place-items:center}.wm-beacon-rays{position:absolute;inset:-6px;border:2px dashed rgba(255,92,77,.95);border-radius:50%;animation:wm-beacon-pulse 2s ease-out infinite}.wm-beacon-core{width:14px;height:14px;background:#e8453c;border-radius:50%;box-shadow:0 0 0 3px #f4f1eae6,0 0 22px #ff5c4dbf}.wm-beacon-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;max-width:88px;line-height:1.2}@media(prefers-reduced-motion:reduce){.wm-beacon-rays{animation:none}}@keyframes wm-beacon-pulse{0%{transform:scale(.85);opacity:1}to{transform:scale(1.35);opacity:0}}.hero-maplibre .maplibregl-ctrl-attrib{font-family:var(--font-ui);font-size:.62rem;max-width:min(100%,280px);background:#122840c7!important;color:#f4f1eae0!important;border-radius:4px;border:1px solid rgba(244,241,234,.15);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.hero-maplibre .maplibregl-ctrl-attrib a{color:var(--color-oro-light)}.hero-map-first--lobby{--atlas-field: #ff5c4d;--atlas-territory: #e5a93b;--atlas-disaster: #ff9f1c;--atlas-policy: #2ec4b6;--atlas-accent: var(--atlas-field);height:100%;min-height:100%;background:radial-gradient(ellipse 90% 70% at 50% 42%,#0a3a58 0%,transparent 62%),radial-gradient(ellipse 120% 100% at 50% 50%,#061828,#030810 72%);overflow:hidden}.hero-map-first--lobby[data-atlas-filter=characteristics]{--atlas-accent: var(--atlas-territory);background:radial-gradient(ellipse 90% 70% at 50% 42%,#4a3818 0%,transparent 62%),radial-gradient(ellipse 120% 100% at 50% 50%,#12180e,#080a06 72%)}.hero-map-first--lobby[data-atlas-filter=disasters]{--atlas-accent: var(--atlas-disaster);background:radial-gradient(ellipse 90% 70% at 50% 42%,#4a2010 0%,transparent 62%),radial-gradient(ellipse 120% 100% at 50% 50%,#100818,#06040c 72%)}.hero-map-first--lobby[data-atlas-filter=climatePolicy]{--atlas-accent: var(--atlas-policy);background:radial-gradient(ellipse 90% 70% at 50% 42%,#0a4840 0%,transparent 62%),radial-gradient(ellipse 120% 100% at 50% 50%,#061c18,#040e0c 72%)}.hero-map-first--lobby .hero-map-stage{height:100%;min-height:100%;--hero-map-bottom-reserve: 0;background:transparent}.hero-map-first--lobby .hero-maplibre:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(ellipse 130% 115% at 50% 44%,transparent 52%,rgba(3,8,16,.18) 78%,rgba(3,8,16,.42) 100%)}.hero-map-coming-soon{position:absolute;z-index:700;top:50%;left:50%;transform:translate(-50%,-50%) scale(.96);padding:.7rem 1.25rem;border-radius:4px;font-family:var(--font-ui);font-size:clamp(.85rem,1.6vw,1rem);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-pergamino);background:#08101ceb;border:1px solid color-mix(in srgb,var(--atlas-accent) 75%,white);box-shadow:0 0 0 1px #00000059,0 12px 36px #00000073,0 0 28px color-mix(in srgb,var(--atlas-accent) 35%,transparent);pointer-events:none;opacity:0}.hero-map-coming-soon.is-flashing{animation:hero-coming-soon-flash 2.6s ease both}@keyframes hero-coming-soon-flash{0%{opacity:0;transform:translate(-50%,-50%) scale(.92)}12%{opacity:1;transform:translate(-50%,-50%) scale(1.03)}22%{transform:translate(-50%,-50%) scale(1)}70%{opacity:1}to{opacity:0;transform:translate(-50%,-48%) scale(1)}}@media(prefers-reduced-motion:reduce){.hero-map-coming-soon.is-flashing{animation:none;opacity:1}}.hero-map-state-tooltip{position:absolute;top:0;left:0;z-index:640;pointer-events:none;will-change:transform;padding:.3rem .65rem;border-radius:3px;font-family:var(--font-ui);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:var(--color-pergamino);background:#0a1828e6;border:1px solid color-mix(in srgb,var(--atlas-accent) 70%,white);box-shadow:0 4px 16px #0006,0 0 12px color-mix(in srgb,var(--atlas-accent) 25%,transparent)}.hero-map-state-tooltip[hidden]{display:none}@media(pointer:coarse){.hero-map-state-tooltip{display:none!important}}.hero-map-console{position:absolute;z-index:6;left:50%;bottom:max(.85rem,env(safe-area-inset-bottom));transform:translate(-50%);width:min(94vw,44rem);padding:.55rem .75rem .65rem;display:flex;flex-direction:column;gap:.35rem;border-radius:8px;background:#08101cc7;border:1px solid color-mix(in srgb,var(--atlas-accent) 55%,rgba(244,241,234,.2));box-shadow:0 10px 36px #0006,0 0 24px color-mix(in srgb,var(--atlas-accent) 18%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:border-color .35s ease,box-shadow .35s ease}@media(max-width:720px),(pointer:coarse){.hero-map-first--lobby .hero-map-console{bottom:max(1.85rem,calc(env(safe-area-inset-bottom) + 1.65rem))}.hero-map-first--lobby .hero-reset-map{bottom:calc(max(1.85rem,env(safe-area-inset-bottom) + 1.65rem) + 7.5rem)}}.hero-map-console-label{font-family:var(--font-ui);font-size:.65rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb,var(--atlas-accent) 70%,var(--color-pergamino));text-align:center;transition:color .35s ease}.hero-map-console-buttons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem}.hero-map-filter-btn{--filter-accent: var(--atlas-territory);appearance:none;cursor:pointer;font-family:var(--font-ui);border-radius:5px;border:1px solid color-mix(in srgb,var(--filter-accent) 28%,rgba(244,241,234,.18));background:linear-gradient(180deg,color-mix(in srgb,var(--filter-accent) 12%,rgba(255,255,255,.06)),#ffffff05);color:var(--color-pergamino);padding:.62rem .35rem .55rem;min-height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.32rem;transition:background .22s ease,border-color .22s ease,color .22s ease,box-shadow .22s ease,transform .15s ease}.hero-map-filter-btn[data-hero-filter=fieldReports]{--filter-accent: var(--atlas-field)}.hero-map-filter-btn[data-hero-filter=characteristics]{--filter-accent: var(--atlas-territory)}.hero-map-filter-btn[data-hero-filter=disasters]{--filter-accent: var(--atlas-disaster)}.hero-map-filter-btn[data-hero-filter=climatePolicy]{--filter-accent: var(--atlas-policy)}.hero-map-filter-btn:hover{border-color:color-mix(in srgb,var(--filter-accent) 70%,white);background:color-mix(in srgb,var(--filter-accent) 18%,transparent);transform:translateY(-1px)}.hero-map-filter-btn.is-active{border-color:var(--filter-accent);background:linear-gradient(180deg,color-mix(in srgb,var(--filter-accent) 42%,transparent),color-mix(in srgb,var(--filter-accent) 22%,transparent));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--filter-accent) 45%,transparent),0 0 18px color-mix(in srgb,var(--filter-accent) 35%,transparent),inset 0 2px 6px #00000047;color:#fff;transform:none}.hero-map-filter-btn:focus-visible{outline:2px solid var(--filter-accent);outline-offset:2px}.hero-map-filter-icon{position:relative;display:grid;place-items:center;width:26px;height:26px;color:color-mix(in srgb,var(--filter-accent) 85%,white)}.hero-map-filter-btn.is-active .hero-map-filter-icon{color:#fff8f0;filter:drop-shadow(0 0 8px color-mix(in srgb,var(--filter-accent) 70%,transparent))}.hero-map-filter-icon svg{width:100%;height:100%}.hero-map-filter-count{position:absolute;top:-7px;right:-11px;min-width:15px;height:15px;padding:0 3px;display:grid;place-items:center;border-radius:999px;background:var(--filter-accent);color:#0a1420;font-size:.58rem;font-weight:800;line-height:1;box-shadow:0 0 0 1.5px #08101ce6}.hero-map-filter-short{display:block;font-size:.68rem;font-weight:700;letter-spacing:.02em;line-height:1.2}.hero-map-filter-full{display:none}@media(min-width:720px){.hero-map-filter-short{display:none}.hero-map-filter-full{display:block;font-size:.72rem;font-weight:700;line-height:1.25}}@media(prefers-reduced-motion:reduce){.hero-map-filter-btn,.hero-map-filter-btn:hover{transform:none;transition:none}}.hero-map-console-desc{margin:0;font-family:var(--font-ui);font-size:.72rem;line-height:1.4;color:#f4f1eac7;text-align:center}.hero-atlas-panel[hidden],.hero-atlas-panel .btn-spotlight[hidden]{display:none!important}.hero-atlas-panel-inner{display:flex;flex-direction:column;gap:.55rem}.hero-atlas-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.hero-atlas-kicker{margin:0;font-family:var(--font-ui);font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-oro-light)}.hero-atlas-close{appearance:none;border:0;background:transparent;color:var(--color-pergamino);font-size:1.35rem;line-height:1;cursor:pointer;padding:.15rem .35rem;border-radius:4px;opacity:.8}.hero-atlas-close:hover{opacity:1;background:#ffffff14}.hero-atlas-meta{margin:0;font-family:var(--font-ui);font-size:.78rem;font-weight:700;color:var(--color-oro-light)}.hero-atlas-list-title{margin:0 0 .35rem;font-family:var(--font-ui);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#f4f1eabf}.hero-atlas-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.45rem}.hero-atlas-item{display:flex;flex-direction:column;gap:.15rem;font-family:var(--font-ui);font-size:.82rem;line-height:1.45;color:#f4f1eae6}.hero-atlas-item strong{color:var(--color-pergamino);font-weight:700}.hero-atlas-item-btn{appearance:none;display:flex;flex-direction:column;gap:.15rem;width:100%;padding:.45rem .55rem;margin:0;text-align:left;font:inherit;color:inherit;cursor:pointer;background:#ffffff0a;border:1px solid rgba(244,241,234,.14);border-left:3px solid rgba(196,92,58,.75);border-radius:3px;transition:background .2s ease,border-color .2s ease}.hero-atlas-item-btn:hover{background:#c45c3a24;border-color:#c45c3a8c}.hero-atlas-item-btn:focus-visible{outline:2px solid var(--color-oro-light);outline-offset:2px}.hero-atlas-status{margin:0;font-family:var(--font-ui);font-size:.72rem;font-weight:600;letter-spacing:.04em;color:#e8d5a3e6;border-top:1px solid rgba(244,241,234,.12);padding-top:.45rem}.wm-disaster-marker{appearance:none;border:0;background:transparent;padding:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.2rem}.wm-disaster-dot{width:14px;height:14px;border-radius:50%;background:#f07828;border:2px solid #fff0d8;box-shadow:0 0 0 4px #ff9f1c52}.wm-disaster-label{font-family:var(--font-ui);font-size:.65rem;font-weight:700;color:#fff0d8;background:#120c08d1;padding:.15rem .35rem;border-radius:3px;max-width:7.5rem;text-align:center;line-height:1.2}@media(max-width:639px){.hero-map-console-desc{display:none}}
