#raiz-map { position: relative; background: #202722; scroll-margin-top: 100px; }
#raiz-map .map-loading { padding: 30px; color: #e1dccb; }
.map-status { color: #b9b8ad; font-size: 12px; margin-top: 12px; }
.map-status:empty { display: none; }
.map-offices { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }
.map-offices button { color: #e8e4de; background: #252525; border: 1px solid #716342; padding: 10px 15px; min-height: 44px; border-radius: 7px; font: inherit; font-size: 12px; cursor: pointer; }
.map-offices button[aria-pressed="true"] { background: #c9a84c; color: #1c1c1c; }
.map-offices button:focus-visible, #raiz-map a:focus-visible { outline: 3px solid #e8c97a; outline-offset: 3px; }
.raiz-office-marker { background: #c9a84c; border: 2px solid white; border-radius: 50%; box-shadow: 0 0 0 5px #c9a84c26; max-width: none !important; min-width: 14px; }
.mapbox-wordmark { display: block; width: 85px; min-width: 85px; max-width: none !important; height: 21px; background: url('../images/mapbox-logo.svg') center / contain no-repeat; }
@media(max-width:600px) { .map-offices { gap: 6px; } .map-offices button { flex: 1 1 30%; padding: 9px; } }
@media(prefers-reduced-motion:reduce) { #raiz-map *, .map-offices * { transition: none !important; animation: none !important; } }