#comunidades.immersive-map{position:relative;isolation:isolate;width:100%;height:calc(100svh - var(--header-h,112px));min-height:780px;max-height:1200px;margin:0;padding:0;overflow:clip;background:#0a3024;color:#f4efdc}
.map-surface[open]{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;overflow:hidden;background:#0a3024;color:#f4efdc}
#comunidades #mapa-central{display:block;width:100%;height:100%;border:0;border-radius:0;background:#0a3024;color-scheme:light}
.immersive-map::after{display:none;content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#06291feb 0%,#06291fba 20%,#06291f52 38%,transparent 58%)}
.immersive-heading{position:absolute;z-index:2;top:clamp(62px,8vh,110px);left:clamp(28px,4vw,76px);width:min(38vw,560px);pointer-events:none}
.immersive-heading .eyebrow{display:block;margin-bottom:24px;color:#e2c174;font-size:11px;font-weight:650;letter-spacing:.18em;text-transform:uppercase}
#comunidades .immersive-heading h2{margin:0;color:#f4efdc;font:400 clamp(48px,5.2vw,86px)/1.02 Georgia,'Times New Roman',serif;letter-spacing:-.045em}
.immersive-heading>p{max-width:44ch;margin-top:28px;color:#edf0e5;font:400 15px/1.8 'Space Grotesk',Arial,sans-serif;text-wrap:pretty}
.immersive-explore{position:absolute;z-index:3;right:clamp(28px,4vw,76px);bottom:50px;padding:15px 22px;border:1px solid #f4efdc;border-radius:6px;background:#073226e8;color:#f4efdc;font:600 15px/1.3 'Space Grotesk',Arial,sans-serif;cursor:pointer;display:flex;align-items:center;gap:28px}
.immersive-explore:hover{background:#f4efdc;color:#0a3024}
.immersive-next{position:absolute;z-index:3;bottom:35px;left:50%;transform:translateX(-50%);font-size:11px;letter-spacing:.02em;color:#f4efdc;text-decoration:none;text-align:center;text-shadow:0 1px 8px #001b12}
.immersive-next span{display:block;margin-top:7px;font-size:18px}
.immersive-explore:focus-visible,.immersive-next:focus-visible,.map-explorer-close:focus-visible{outline:3px solid #e2c174;outline-offset:5px}
.map-explore-toolbar{display:none}
.map-surface:modal{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;border-radius:0;overscroll-behavior:contain}
.map-surface:modal::backdrop{background:#041a14e8}
.map-surface:modal .map-explore-toolbar{position:absolute;top:24px;right:24px;z-index:3;display:block;width:42px;height:42px;padding:0;background:none}
.map-explorer-close{display:flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;border:0;border-radius:6px;background:#f8f5e9;color:#123d2d;box-shadow:0 2px 12px #06251b12;font:400 25px/1 Arial,sans-serif;cursor:pointer}
.map-explorer-close:hover{background:#e3efdf}
.map-explorer-close span{line-height:1}
#comunidades .map-surface:modal #mapa-central{position:absolute;inset:0;width:100%;height:100%}
@media(max-width:1000px){.immersive-heading{width:43vw}.immersive-heading>p{font-size:14px}.immersive-explore{right:24px;bottom:40px}.immersive-next{left:auto;right:25px;bottom:110px;transform:none;max-width:190px}}
@media(max-width:700px){#comunidades.immersive-map{height:calc(100svh - var(--header-h,92px));min-height:940px;max-height:none}.immersive-map::after{background:linear-gradient(#06291fe0 0%,#06291f82 30%,transparent 55%)}.immersive-heading{left:22px;right:22px;top:92px;width:auto}.immersive-heading .eyebrow{font-size:9px;margin-bottom:16px}#comunidades .immersive-heading h2{font-size:46px;max-width:11ch}.immersive-heading>p{max-width:35ch;margin-top:18px;font-size:13px;line-height:1.65}.immersive-explore{left:22px;right:22px;bottom:65px;justify-content:space-between;padding:14px 18px;font-size:14px}.immersive-next{left:22px;right:22px;bottom:22px;max-width:none;font-size:10px}.immersive-next span{display:inline;margin-left:7px;font-size:14px}}
@media(max-width:760px){.map-surface:modal .map-explore-toolbar{top:14px;right:12px}}