/* 19/10 · a /surf/mapa D2 (server/siteD/mapaD.ts): a capa D2 e a ferramenta de hoje (país, vista, nível, zonas, mapa,
   legenda e a lista de todos os picos) inteira na largura da D2. Sem letras azuis: a lista dos picos e o país
   escolhido vinham em ciano-claro, em linha. */
.mp2-capa { padding-bottom: 28px; }
.mp2-h1 { max-width: 18ch; }
.mp2-ferramenta > div { width: min(var(--max), 100% - 2 * var(--gut)); max-width: none !important; margin: 0 auto !important; padding: 0 0 clamp(48px, 6vw, 80px) !important; }
.mp2-ferramenta #map { border-radius: 20px; overflow: hidden; box-shadow: inset 0 0 0 1px rgba(255,255,255,.1); }
.mp2-ferramenta nav[aria-label] { margin-top: clamp(40px, 5vw, 64px) !important; padding-top: 24px !important; border-top-color: rgba(255,255,255,.12) !important; }
.mp2-ferramenta nav[aria-label] h2 { font-size: var(--t4) !important; color: #F8FAFC !important; letter-spacing: -.015em; margin-bottom: 16px !important; }
.mp2-ferramenta nav[aria-label] a { color: var(--claro) !important; }
.mp2-ferramenta nav[aria-label] a:hover { color: #fff !important; }
.mp2-ferramenta .charts-paises [aria-selected="true"] { color: #F8FAFC !important; }

/* 21/10 · a foto da zona ou da praia escolhida no topo, por trás do título, com véu escuro para o texto se ler. */
.mp2-capa { position: relative; overflow: hidden; }
.mp2-capa .pg-capa-in { position: relative; z-index: 1; }
.mp2-foto { position: absolute; inset: 0; background: center / cover no-repeat; -webkit-mask-image: linear-gradient(#000 55%, transparent); mask-image: linear-gradient(#000 55%, transparent); opacity: 0; transition: opacity .6s ease; pointer-events: none; }
.mp2-foto::after { content: ""; position: absolute; inset: 0; background: rgba(6,12,22,.6); }
.mp2-foto.on { opacity: 1; }
@media (prefers-reduced-motion: reduce) { .mp2-foto { transition: none; } }