body { display: grid; place-items: center; padding: 24px 20px 96px; }
.mapa { width: min(100%, 520px); padding: 32px 26px; display: grid; gap: 14px; justify-items: start; background: var(--superficie); border: 1px solid var(--borde); border-left: 2px solid var(--oro-fuerte); border-radius: var(--radio); }
.mapa h1 { font-size: clamp(1.8rem, 6vw, 2.4rem); }
.mapa p { margin: 0; color: var(--suave); }
.mapa strong { color: var(--tinta); font-weight: 600; }
.marca-sola { display: inline-flex; align-items: center; gap: 10px; color: var(--tinta); text-decoration: none; font: 600 1rem/1 var(--titulos); margin-bottom: 6px; }