/* v5 — transición disruptiva del recuadro completo + tarjeta de direcciones */
.stage-ghost{background:#1e2242;transition:transform .8s var(--ease-expo),opacity .6s ease}
.stage-ghost:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 38px,#ffffff10 38px 39px)}
.stage-ghost{z-index:0}
.stage-device{z-index:2;will-change:transform,opacity,filter}
.stage-selector{z-index:3}
.stage-device.is-changing .stage-caption>*{transform:none;opacity:1}
/* tarjeta "cuatro direcciones" (trayectoria) */
.directions{position:relative;display:grid;border:1px solid #60847d;border-radius:30px;overflow:hidden;background:radial-gradient(circle at 85% 8%,#b09cf8 0,#4b5ca3 38%,#111b46 80%);padding:14px 34px 62px}
.direction{display:grid;grid-template-columns:38px 1fr;grid-template-areas:'n w' 'n s';column-gap:12px;padding:22px 0;border-bottom:1px solid #ffffff2e}
.direction:last-of-type{border-bottom:0}
.direction span{grid-area:n;font:12px var(--mono);color:var(--lime);padding-top:10px}
.direction strong{grid-area:w;font-size:clamp(30px,3.6vw,56px);font-weight:850;letter-spacing:-.07em;line-height:1;color:#fff}
.direction:nth-child(even) strong{color:var(--lime)}
.direction small{grid-area:s;font:12px var(--mono);letter-spacing:.06em;color:#e3e6ff;margin-top:6px}
.directions em{position:absolute;left:34px;bottom:24px;font:11px var(--mono);letter-spacing:.14em;color:#ffffffa8;font-style:normal}
.bridge-path span:first-child{font-size:clamp(28px,4.6vw,70px)}
.volunteer-list{list-style:none;margin:18px 0 16px;padding:0;display:grid;gap:0;border-top:1px solid #ffffff24}
.volunteer-list li{display:grid;grid-template-columns:minmax(120px,170px) 1fr;gap:6px 18px;padding:12px 0;border-bottom:1px solid #ffffff24;font-size:15px;line-height:1.45}
.volunteer-list b{font:500 12px var(--mono);letter-spacing:.06em;color:var(--lime);padding-top:3px}
.volunteer-list span{color:#d7dcf2}
@media(max-width:560px){.volunteer-list li{grid-template-columns:1fr}}