/* PR-VIBECURB-04 — Capítulo 02 / Cartografia rastreável do percurso */
#mecanismo.vb-cartography{padding-block:clamp(4.5rem,9vw,8rem);background:linear-gradient(180deg,var(--vb-ivory),#e8e0cd)}
#mecanismo .vb-cartography__sheet{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(.7rem,1.25vw,1.25rem);padding:clamp(1.1rem,2.2vw,2rem);border:1px solid var(--vb-line);background:rgba(251,248,239,.82);box-shadow:0 34px 90px rgba(12,23,21,.09)}
#mecanismo .vb-cartography__sheet::after{content:"MAPPA / PERCURSO / 02";position:absolute;right:-5rem;top:48%;transform:rotate(90deg);color:rgba(12,23,21,.24);font-size:.58rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
#mecanismo .vb-cartography__header{grid-column:1/-1;display:grid;grid-template-columns:1fr auto auto;gap:1rem;align-items:center;padding-bottom:.85rem;border-bottom:1px solid var(--vb-line);color:var(--vb-muted);font-size:.63rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
#mecanismo .vb-cartography__status{display:inline-flex;align-items:center;gap:.45rem;color:var(--vb-ink)}
#mecanismo .vb-cartography__status::before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:var(--vb-teal);box-shadow:0 0 0 .22rem rgba(34,183,173,.12)}
#mecanismo .vb-cartography__intro{grid-column:1/9;padding-block:clamp(2.8rem,6vw,5.5rem) clamp(2rem,4vw,3.5rem)}
#mecanismo .vb-cartography__intro h2{max-width:13ch;margin:.2rem 0 1.4rem;font-family:var(--vb-display);font-size:clamp(3rem,5.7vw,6.3rem);font-weight:400;line-height:.94;letter-spacing:-.05em;text-wrap:balance}
#mecanismo .vb-cartography__intro>p:last-child{max-width:68ch;margin:1rem 0 0;color:var(--vb-muted)}
#mecanismo .vb-cartography__legend{grid-column:10/-1;align-self:start;margin-top:clamp(3.2rem,6vw,5.5rem);padding-left:1.2rem;border-left:1px solid var(--vb-line)}
#mecanismo .vb-cartography__legend>span{color:var(--vb-teal);font-size:.65rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
#mecanismo .vb-cartography__legend dl{display:grid;gap:.8rem;margin:1rem 0 0}
#mecanismo .vb-cartography__legend div{display:grid;gap:.1rem;padding-bottom:.6rem;border-bottom:1px dashed rgba(12,23,21,.18)}
#mecanismo .vb-cartography__legend dt{font-weight:800}
#mecanismo .vb-cartography__legend dd{margin:0;color:var(--vb-muted);font-size:.78rem}
#mecanismo .vb-cartography__route{grid-column:1/-1;position:relative;list-style:none;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(1rem,2vw,1.5rem);margin:0;padding:clamp(2rem,4vw,3.2rem) 0;border-top:1px solid var(--vb-line);border-bottom:1px solid var(--vb-line)}
#mecanismo .vb-cartography__route::before{content:"";position:absolute;left:5%;right:5%;top:50%;height:1px;background:linear-gradient(90deg,rgba(34,183,173,.15),var(--vb-teal),rgba(34,183,173,.15))}
#mecanismo .vb-cartography__station{position:relative;z-index:1;display:grid;grid-template-columns:auto 1fr;gap:1rem;padding:1rem;border:1px solid var(--vb-line);background:var(--vb-paper);box-shadow:0 18px 42px rgba(12,23,21,.07)}
#mecanismo .vb-cartography__station:nth-child(1){grid-column:1/7}
#mecanismo .vb-cartography__station:nth-child(2){grid-column:7/-1;margin-top:4rem}
#mecanismo .vb-cartography__station:nth-child(3){grid-column:2/8;margin-top:-1rem}
#mecanismo .vb-cartography__station:nth-child(4){grid-column:8/-1;margin-top:3rem}
#mecanismo .vb-cartography__station-index{display:grid;align-content:start;justify-items:center;min-width:3.8rem;padding-right:.9rem;border-right:1px solid var(--vb-line)}
#mecanismo .vb-cartography__station-index span,#mecanismo .vb-cartography__station-type{color:var(--vb-teal);font-size:.61rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
#mecanismo .vb-cartography__station-index strong{font-family:var(--vb-display);font-size:2.8rem;font-weight:400;line-height:1}
#mecanismo .vb-cartography__station h3{max-width:17ch;margin:.35rem 0 .6rem;font-family:var(--vb-display);font-size:clamp(1.65rem,2.7vw,2.8rem);font-weight:400;line-height:1;letter-spacing:-.035em}
#mecanismo .vb-cartography__station p{margin:0;color:var(--vb-muted)}
#mecanismo .vb-cartography__station small{display:block;margin-top:1rem;padding-top:.7rem;border-top:1px dashed var(--vb-line);color:var(--vb-muted);font-size:.67rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
#mecanismo .vb-cartography__trace{grid-column:1/-1;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.55rem;margin-top:1.5rem;padding:1rem;background:var(--vb-ink);color:var(--vb-paper);font-size:.66rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
#mecanismo .vb-cartography__trace i{width:clamp(1.3rem,4vw,4rem);height:1px;background:var(--vb-teal-bright)}
#mecanismo .vb-cartography__finding{grid-column:1/-1;display:grid;grid-template-columns:2fr 5fr auto;gap:clamp(1rem,2vw,2rem);align-items:start;padding-top:clamp(1.5rem,3vw,2.4rem)}
#mecanismo .vb-cartography__finding>span{color:var(--vb-teal);font-size:.65rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
#mecanismo .vb-cartography__finding p{margin:0;font-weight:700}
#mecanismo .vb-cartography__finding a{align-self:center;font-size:.76rem;font-weight:800;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}
#mecanismo .vb-cartography__finding a:hover,#mecanismo .vb-cartography__finding a:focus-visible{color:var(--vb-teal)}
@media(max-width:900px){#mecanismo .vb-cartography__intro{grid-column:1/-1;padding-bottom:2rem}#mecanismo .vb-cartography__legend{grid-column:1/-1;margin:0 0 2rem;padding:1rem 0 0;border-left:0;border-top:1px solid var(--vb-line)}#mecanismo .vb-cartography__legend dl{grid-template-columns:repeat(2,1fr)}#mecanismo .vb-cartography__station:nth-child(n){grid-column:1/-1;margin-top:0}#mecanismo .vb-cartography__route::before{left:2rem;right:auto;top:2rem;bottom:2rem;width:1px;height:auto}#mecanismo .vb-cartography__finding{grid-template-columns:1fr 2fr}}
@media(max-width:620px){#mecanismo.vb-cartography{padding-block:3.4rem}#mecanismo .vb-cartography__sheet{display:block;padding:1rem}#mecanismo .vb-cartography__sheet::after{display:none}#mecanismo .vb-cartography__header{grid-template-columns:1fr auto}#mecanismo .vb-cartography__header span:nth-child(2){display:none}#mecanismo .vb-cartography__intro{padding-block:2.2rem}#mecanismo .vb-cartography__intro h2{font-size:clamp(2.65rem,11vw,4.4rem)}#mecanismo .vb-cartography__legend dl{grid-template-columns:1fr}#mecanismo .vb-cartography__route{display:block}#mecanismo .vb-cartography__station+#mecanismo .vb-cartography__station{margin-top:1rem}#mecanismo .vb-cartography__trace{justify-content:flex-start}#mecanismo .vb-cartography__trace i{width:1rem}#mecanismo .vb-cartography__finding{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){#mecanismo .vb-cartography__station{scroll-behavior:auto}}