.explorar { max-width: 76rem; margin: 0 auto; padding: 2rem 1.25rem 3rem; }
.explorar h1 { font-size: 2.25rem; line-height: 1.15; margin-top: 0; }
.explorar h1, .explorar h2, .explorar h3 { text-wrap: balance; }
.explorar p { max-width: 72ch; text-wrap: pretty; }
.explorar__introducao { display: flex; gap: 3rem; align-items: flex-start; margin-bottom: 2rem; }
.explorar__introducao > div { flex: 1; min-width: 0; }
.explorar__lead { font-size: 1.2rem; }
.explorar__limite, .explorar__ajuda { color: var(--tinta-suave); }
.explorar .perfil-minimapa { flex: 0 0 17rem; margin: 0; }
.explorar .perfil-minimapa-svg { width: 100%; height: auto; }
.explorar .perfil-minimapa-svg path { fill: var(--superficie-2); stroke: var(--borda-forte); stroke-width: .5; }
.explorar .perfil-minimapa-svg path[data-regiao="1"] { fill: #bcd7e3; }
.explorar .perfil-minimapa-svg path[data-selecionado="1"] { fill: var(--acento); }
.explorar .perfil-minimapa figcaption { font-size: .85rem; }
.explorar .perfil-minimapa-legenda { display: flex; flex-direction: column; }
.explorar__filtros { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; padding: 1.5rem; background: var(--superficie); border: 1px solid var(--borda); border-radius: var(--raio); }
.explorar__busca, .explorar__acoes, .explorar__ajuda { grid-column: 1 / -1; }
.explorar__filtros label { display: block; font-weight: 700; margin-bottom: .35rem; }
.explorar__filtros input, .explorar__filtros select { width: 100%; min-width: 0; box-sizing: border-box; padding: .7rem; font: inherit; color: var(--tinta); background: var(--superficie); border: 1px solid var(--borda-forte); border-radius: var(--raio); }
.explorar__filtros input::placeholder { color: var(--tinta-suave); opacity: 1; }
.explorar__acoes, .explorar__links, .explorar__paginacao { display: flex; align-items: center; flex-wrap: wrap; gap: 1.25rem; }
.explorar__ajuda { margin: 0; font-size: .9rem; }
.explorar .botao--contorno { color: var(--acento); border-color: var(--acento); }
.explorar .botao--contorno:hover { background: var(--acento-claro); }
.explorar .perfil-minimapa-svg path[data-regiao="1"] { stroke: var(--acento); stroke-width: 1; }
.explorar .perfil-minimapa-svg path[data-selecionado="1"] { stroke: #0b1f2a; stroke-width: 1.8; }
.explorar__panorama { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; padding: 2rem 0; border-bottom: 1px solid var(--borda); margin-bottom: 2rem; }
.explorar__barras { list-style: none; padding: 0; }
.explorar__barras li { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .3rem .7rem; margin: .85rem 0; }
.explorar__trilho { grid-column: 1 / -1; grid-row: 2; background: var(--borda); height: .45rem; }
.explorar__trilho > span { display: block; height: 100%; background: var(--acento); }
.explorar__barras strong { font-size: .9rem; }
.explorar__correlatas { padding-bottom: 2rem; border-bottom: 1px solid var(--borda); margin-bottom: 2rem; }
.explorar__correlatas-grade { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; }
.explorar__correlatas ul { padding-left: 1.1rem; }
.explorar__correlatas li { margin: .4rem 0; overflow-wrap: anywhere; }
.explorar__correlatas li span { color: var(--tinta-suave); font-size: .9rem; }
.explorar__resultados { padding: 0; list-style: none; }
.explorar__resultados li { border-top: 1px solid var(--borda); padding: 1.5rem 0; overflow-wrap: anywhere; }
.explorar__registro-topo { display: flex; justify-content: space-between; gap: 1rem; align-items: baseline; }
.explorar__registro-topo h3 { margin: 0; font-size: 1.2rem; }
.explorar__registro-topo > span { flex-shrink: 0; }
.explorar__procedencia { font-size: .9rem; }
.explorar__estado { padding: 2rem 0; }
.explorar__rodape { margin-top: 2rem; border-top: 1px solid var(--borda); padding-top: 1rem; font-size: .9rem; }
@media (max-width: 700px) { .explorar__introducao { flex-direction: column; gap: 1rem; } .explorar .perfil-minimapa { flex-basis: auto; width: min(100%, 19rem); } .explorar__filtros, .explorar__panorama, .explorar__correlatas-grade { grid-template-columns: 1fr; } .explorar__panorama { gap: 1rem; } .explorar__registro-topo { flex-direction: column; gap: .4rem; } .explorar h1 { font-size: 1.8rem; } }