.mapa-columnas { columns: 3; column-gap: 1.5rem; }
.mapa-seccion { break-inside: avoid; margin-bottom: 1.5rem; background: #fff; border: 1px solid var(--borde); border-radius: var(--radio); padding: 1.6rem; box-shadow: var(--sombra); scroll-margin-top: 100px; }
.mapa-titulo { display: flex; align-items: center; gap: .75rem; margin-bottom: .75rem; }
.mapa-titulo > i { display: grid; place-items: center; flex-shrink: 0; background: var(--azul-claro); color: var(--azul); width: 42px; height: 42px; border-radius: 12px; font-size: 1.25rem; }
.mapa-titulo h2 { font-size: 1.15rem; margin: 0; overflow-wrap: anywhere; }
.mapa-seccion h3 { font-size: .8rem; text-transform: uppercase; letter-spacing: .04em; color: var(--gris); margin: 1.5rem 0 .5rem; }
.mapa-ver { font-size: .8rem; font-weight: 600; display: inline-block; margin-bottom: .5rem; }
.mapa-seccion ul { list-style: none; margin: 0; padding: 0; }
.mapa-seccion li + li { border-top: 1px solid var(--borde); }
.mapa-seccion li a { display: flex; align-items: center; justify-content: space-between; gap: .6rem; padding: .7rem 0; color: var(--marino); font-size: .9rem; overflow-wrap: anywhere; }
.mapa-seccion li a i { flex-shrink: 0; color: var(--azul); font-size: .75rem; }
.mapa-seccion li a:hover, .mapa-seccion li a:focus-visible { color: var(--azul-osc); }
.mapa-xml { background: #fff; border: 1px solid var(--borde); border-radius: var(--radio); padding: 1.6rem; }
@media (max-width: 1199px) { .mapa-columnas { columns: 2; } }
@media (max-width: 767px) { .mapa-columnas { columns: 1; } }