/* carcasa-plus.v1.css: ce lipseste din motor.v1.css pentru paginile sesiunii D (nivelul 3, /pachete/, /masterclass/;
   16 septembrie 2026). Trei lucruri: firimiturile (motor.v1.css nu are „esti aici”), barele bordului (din hub.css) si
   regulile de telefon ale carcasei. motor.v1.css are zero @media: regulile de telefon au ramas in LUC-02 in fiecare
   motive/<pilon>.css, langa liniile proprii pilonului; blocul de mai jos e partea COMUNA a acelor reguli, luata din
   motive/video.css. Pe nivelul 3 se incarca INAINTEA CSS-ului de pilon inline, care ramane stapan pe ce declara si el.
   Cand motor.v2.css se publica (LUC-06), fisierul asta se varsa in el si dispare. Versiunea sta in nume: /servicii/assets/* e imutabil un an. */

/* firimiturile: „esti aici” in loc de „inapoi”, tinte de 44 px */
.firimituri{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;min-height:44px;
  font-family:'Geist Mono',monospace;font-size:13px;letter-spacing:.06em;color:var(--lumina-2)}
.firimituri a{color:var(--lumina-2);text-decoration:none;padding:10px 0;min-height:44px;
  display:inline-flex;align-items:center;box-shadow:inset 0 -1px 0 rgba(238,242,248,.18);
  transition:color .25s,box-shadow .25s}
.firimituri a:hover{color:var(--lumina);box-shadow:inset 0 -1px 0 var(--lumina)}
.firimituri i{font-style:normal;color:var(--lumina-3)}
.firimituri span{color:var(--lumina)}

/* nivelul 2 (LUC-05): firimiturile stau langa „inapoi”, sub-navigatia cu ancore pe pilonul cu peste 8 subservicii (M7),
   paragraful de sub h2 al unei sectiuni de tabel */
.sus__stanga{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.sus__stanga .inapoi{margin:0}
.subnav{display:flex;flex-wrap:wrap;gap:4px 18px;margin-top:18px;font-family:'Geist Mono',monospace;font-size:12px;
  letter-spacing:.12em;text-transform:uppercase}
.subnav a{color:var(--lumina-2);text-decoration:none;padding:10px 0;min-height:44px;display:inline-flex;align-items:center;
  box-shadow:inset 0 -1px 0 rgba(238,242,248,.18);transition:color .25s,box-shadow .25s}
.subnav a:hover{color:var(--lumina);box-shadow:inset 0 -1px 0 var(--lumina)}
.sect__p{margin-top:14px;max-width:52ch;color:var(--lumina-2);font-size:15.5px;line-height:1.55;text-wrap:pretty}
/* legaturile din proza (paragraful de sectiune, raspunsurile din FAQ, CTA): pe culoarea textului, cu linia subtire a casei */
.sect__p a,.faq details p a,.cta-p a{color:var(--lumina);text-decoration:none;box-shadow:inset 0 -1px 0 rgba(238,242,248,.35);
  transition:box-shadow .25s}
.sect__p a:hover,.faq details p a:hover,.cta-p a:hover{box-shadow:inset 0 -1px 0 var(--lumina)}

/* barele bordului: cate motoare sunt aprinse (hub.css, regula .bord .bare) */
.bord .bare{display:flex;gap:3px;justify-self:end}
.bord .bare i{width:9px;height:9px;border-radius:2px;background:rgba(238,242,248,.14)}
.bord .bare i.on{background:var(--arde);box-shadow:0 0 8px rgba(255,207,110,.75)}

@media(max-width:1000px){
  :root{--mag-w:32px;--mag-x:3vw}
  .pagina{padding-left:calc(var(--mag-x) + var(--mag-w) + 6vw);padding-right:6vw}
  .erou{grid-template-columns:minmax(0,1fr);gap:36px;min-height:auto;padding-top:28px}
  .sect{padding:46px 0}
  .bord{right:auto;left:50%;transform:translateX(-50%);bottom:14px;padding:9px 14px;font-size:10px}
  .contor{border-radius:14px;line-height:1.45}
  .buton{width:100%;justify-content:center}
  .io > div{padding:20px 18px 24px}
  .rand{padding:16px}
  .rand b{font-size:1.1rem}
  .dovada > div{padding:20px 18px}
  .dovada b{font-size:1.5rem}
  .faq summary{padding:15px 16px;font-size:14.5px}
  .faq details p{padding:0 16px 16px}
  .sect__cap{margin-bottom:18px}
  .pret b{font-size:1.7rem}
  .cta-p{font-size:14.5px}
  .proba{grid-auto-flow:column;grid-auto-columns:74%;grid-template-columns:none;overflow-x:auto;
    -webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;padding-bottom:6px}
  .proba > *{scroll-snap-align:center}
  .logviu{font-size:11.5px;padding:14px}
}
@media(prefers-reduced-motion:reduce){
  .puls,.led,.flama{animation:none!important}
  .firimituri a{transition:none}
  #stele{opacity:.4}
}