/* Pagina Boosted OS (war-room-master.html): hero-ul cu aparatul si echipa, si traseul
   avionului din sectiunea „Drumul". Se incarca DUPA warroom-site.css si il suprascrie
   doar pe .vi__sina / .vi__avion (care nu aveau `position`, deci avionul nu sta pe linie). */

/* ---------- HERO ---------- */
.os-hero{display:grid; grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr); gap:clamp(24px,4vw,52px); align-items:center; margin-top:28px}
@media(max-width:900px){.os-hero{grid-template-columns:1fr; gap:26px; margin-top:22px}}
.os-sub p{margin:0 0 14px; max-width:62ch; font-size:16.4px; line-height:1.62; color:var(--dispink2)}
.os-sub p b{color:var(--dispink); font-weight:600}
.os-sub .os-sub__final{margin-bottom:0; font-size:19px; line-height:1.4; font-weight:700; letter-spacing:-.015em; color:var(--dispink)}
.os-hero .hero__act{margin-top:26px}

/* ---------- SCENA: aparat + echipa ---------- */
.os-scena{margin:0; padding:10px 8px 6px; border:1px solid var(--disprule); border-radius:12px; background:#08090A;
  box-shadow:0 2px 18px -6px rgba(0,0,0,.9) inset}
.os-scena svg{display:block; width:100%; height:auto; overflow:visible}
.os-scena text{font-family:var(--mono)}

.os-fluxuri path{fill:none; stroke:var(--c); stroke-opacity:.42; stroke-width:1.5; stroke-dasharray:3 6; stroke-linecap:round}
.os-dots circle{fill:var(--c); filter:drop-shadow(0 0 4px var(--c))}

.os-chip rect{fill:#0C0D0F; stroke:var(--c); stroke-opacity:.5; stroke-width:1.5}
.os-chip use{color:var(--c)}
.os-chip text{fill:var(--dispink); font-size:13px; font-weight:600; letter-spacing:.07em}
.os-chip{filter:drop-shadow(0 0 0 var(--c))}
.os-chip text.os-chip__sub{fill:var(--dispink2); font-family:var(--sans); font-size:11px; font-weight:400; letter-spacing:0}

.os-corp{fill:#0C0D0F; stroke:#2f343a; stroke-width:1.5}
.os-titlu{fill:var(--dispink); font-size:12px; font-weight:700; letter-spacing:.22em}
.os-lampa{fill:var(--gn); filter:drop-shadow(0 0 5px var(--gn))}
.os-ecran{fill:#050607; stroke:var(--disprule); stroke-width:1}
.os-unda{fill:none; stroke:var(--or); stroke-width:2; stroke-linejoin:round; stroke-linecap:round; filter:drop-shadow(0 0 4px rgba(240,78,35,.7))}
.os-sl{fill:#1a1d21; stroke:#2b3036; stroke-width:1}
.os-buton{fill:var(--dispink); stroke:#000; stroke-width:1}
.os-buton--auto{fill:var(--ye)}
.os-op use{color:var(--c)}
.os-brat{stroke:var(--c); stroke-width:4; stroke-linecap:round; opacity:.85}
.os-mana{fill:var(--c)}
.os-eticheta{fill:var(--dispink2); font-size:12px; letter-spacing:.2em}
.os-eticheta--or{fill:var(--or)}

/* ---------- DRUMUL: linia de deasupra cardurilor + avionul ---------- */
body.wr .vi__sina{display:none}
body.wr .vi__pas::before{display:none}   /* nodurile le deseneaza traseul, ca sa stea pe linie */
.vi__traseu{position:absolute; left:0; top:0; width:100%; height:100%; overflow:visible; pointer-events:none; z-index:3}
.vt-baza{fill:none; stroke:#2b3036; stroke-width:2; stroke-dasharray:5 6; stroke-linecap:round}
.vt-prog{fill:none; stroke:var(--or); stroke-width:2.5; stroke-linecap:round; filter:drop-shadow(0 0 5px rgba(240,78,35,.8))}
.vt-noduri .halo{fill:var(--gr)}
.vt-noduri .nod{fill:var(--gr); stroke:var(--fam,var(--or)); stroke-width:2; transition:fill .25s ease}
.vt-noduri .nod.is-on{fill:var(--fam,var(--or)); filter:drop-shadow(0 0 6px var(--fam,var(--or)))}
.vt-avion{filter:drop-shadow(0 8px 8px rgba(0,0,0,.55)) drop-shadow(0 0 7px rgba(58,114,232,.5))}
@media(max-width:760px){
  body.wr .vi__pasi{padding-left:46px}
}
@media (prefers-reduced-motion:reduce){
  .os-dots circle{opacity:.9}
}

/* Hero compact pe desktop: butoanele de actiune raman deasupra bannerului de cookie-uri
   (fix, jos-stanga, ~460px lat) la 1440x900, ca prima vizita sa nu le acopere. */
@media(min-width:901px){
  body.wr .hero{padding-top:28px}
  body.wr .hero .aparat{padding:26px 32px 24px}
  body.wr .hero h1{font-size:clamp(38px,4.6vw,66px)}
  .hero__sus{margin-bottom:10px}
  .os-hero{margin-top:14px}
  .os-sub p{font-size:15.6px; line-height:1.55; margin-bottom:10px}
  .os-sub .os-sub__final{font-size:17.5px}
  .os-hero .hero__act{margin-top:16px}
}