/* Runda de feedback de după staging (octombrie 2026). Se încarcă după site.css; folosește aceleași tokens. */

/* ---------- Fundal cu fotografie pe o secțiune (câmpul „Fotografie de fundal”) ---------- */
.band--photo{background-color:var(--cream);background-image:linear-gradient(var(--band-veil),var(--band-veil)),var(--band-photo);background-size:cover;background-position:center}
.band--photo-light{--band-veil:rgba(255,248,238,var(--veil-l,.86))}
.band--photo-dark{--band-veil:rgba(8,38,54,var(--veil-d,.82));background-color:var(--petrol-deep)}
.band--photo.band--dark::before{display:none}
.band--photo-dark .sec-head .adnv-h2,.band--photo-dark>.wrap>.adnv-h2,.band--photo-dark>.wrap>p,.band--photo-dark .sec-head p{color:var(--white)}
@media (min-width:861px){.band--photo{background-attachment:fixed}}
@media (prefers-reduced-motion:reduce){.band--photo{background-attachment:scroll}}

/* ---------- Acasă: misiunea și pilonii ---------- */
.home-mission{position:relative;isolation:isolate;overflow:hidden;color:var(--white);padding:var(--space-8) 0 var(--space-7)}
.home-mission:not(.home-mission--grad){background:var(--petrol-deep)}
.home-mission__bg{position:absolute;inset:0;z-index:-1}
.home-mission__bg img{width:100%;height:100%;object-fit:cover;display:block;opacity:var(--home-o,.55)}
.home-mission__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,38,54,.78) 0%,rgba(8,38,54,.55) 45%,rgba(8,38,54,.9) 100%)}
.home-mission__head{max-width:900px;margin-inline:auto;text-align:center;display:grid;gap:var(--space-4);justify-items:center}
.home-mission .adnv-eyebrow{color:var(--miere)}
.home-mission .adnv-h1{color:var(--white);font-size:clamp(30px,3.6vw,48px);line-height:1.16;text-wrap:balance}
.home-mission .adnv-lead{color:rgba(255,255,255,.88);max-width:640px}
.home-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5);margin-top:var(--space-8)}
.home-path{--c:var(--cer);display:flex;flex-direction:column;background:var(--white);color:var(--ink);border-radius:var(--radius-card);overflow:hidden;box-shadow:0 24px 60px rgba(4,20,30,.35);border-top:6px solid var(--c)}
.home-path--miere{--c:var(--miere)}.home-path--violet{--c:var(--violet)}.home-path--rosu{--c:var(--rosu)}.home-path--petrol{--c:var(--petrol)}
.home-path__media{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--c)}
.home-path__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.16,1,.3,1)}
.home-path__media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 45%,rgba(8,38,54,.82) 100%)}
.home-path:hover .home-path__media img{transform:scale(1.04)}
.home-path__title{position:absolute;left:var(--space-5);bottom:var(--space-4);z-index:1;margin:0;font-family:var(--font-head);font-weight:700;font-size:24px;line-height:1.2;color:var(--white)}
.home-path__body{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);flex:1}
.home-path__sub{font-family:var(--font-head);font-size:15px;color:var(--petrol)}
.home-path__body p{margin:0;color:var(--ink-soft);font-size:15px;line-height:1.6;flex:1}
.home-path__body .adnv-btn{align-self:flex-start}
@media (max-width:900px){.home-paths{grid-template-columns:1fr;max-width:520px;margin-inline:auto}.home-mission{padding-top:var(--space-7)}.home-path__media{aspect-ratio:16/9}}

/* ---------- Curs: fețele invitaților pe orbite în jurul rozetei, cu simbolul ADN-V în mijloc ---------- */
.faces__core{z-index:2}
.faces__logo{position:absolute;left:50%;top:50%;width:24%!important;height:24%!important;transform:translate(-50%,-50%)}
.faces--orbit{--k:1}
.orbit{position:absolute;left:50%;top:50%;aspect-ratio:1;border-radius:50%;pointer-events:none;border:1px dashed rgba(255,255,255,.4);transform:translate(-50%,-50%);animation:adnv-orbit var(--t) linear infinite}
.orbit--in{width:64%;--t:80s}
.orbit--out{width:98%;--t:120s;animation-direction:reverse}
.orbit__spoke{position:absolute;inset:0;transform:rotate(var(--a));pointer-events:none}
.orbit__item{position:absolute;left:50%;top:0;width:calc(var(--s) * var(--k));height:calc(var(--s) * var(--k));margin:calc(var(--s) * var(--k) / -2) 0 0 calc(var(--s) * var(--k) / -2);pointer-events:auto;display:block;animation:adnv-orbit-keep var(--t) linear infinite;animation-direction:inherit}
.orbit--out .orbit__item{animation-direction:reverse}
.orbit__item .face{position:absolute;inset:0;width:100%;height:100%;transition:scale .3s cubic-bezier(.16,1,.3,1)}
/* „scale”, nu „transform”: transform-ul e al animației de intrare (GSAP); o tranziție pe el o oprea la jumătate. */
.orbit__item:hover .face,.orbit__item:focus-visible .face{scale:1.12}
.orbit__name{position:absolute;left:50%;top:calc(100% + 8px);transform:translateX(-50%);white-space:nowrap;padding:4px 10px;border-radius:var(--radius-pill);background:var(--white);color:var(--petrol);font:600 13px/1.2 var(--font-ui);box-shadow:0 8px 24px rgba(20,8,60,.25);opacity:0;pointer-events:none;transition:opacity .2s}
.orbit__item:hover .orbit__name,.orbit__item:focus-visible .orbit__name{opacity:1}
.faces--orbit:hover .orbit,.faces--orbit:hover .orbit__item,.faces--orbit:focus-within .orbit,.faces--orbit:focus-within .orbit__item{animation-play-state:paused}
/* Fața stă dreaptă: se rotește înapoi cu unghiul spiței și cu rotația orbitei. */
@keyframes adnv-orbit{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes adnv-orbit-keep{from{transform:rotate(calc(-1 * var(--a)))}to{transform:rotate(calc(-1 * var(--a) - 360deg))}}
@media (prefers-reduced-motion:reduce){.orbit,.orbit__item{animation:none}.orbit__item{transform:rotate(calc(-1 * var(--a)))}}
@media (max-width:860px){.faces--orbit{--k:.85}}

/* ---------- Busola: rezultatul ca un carusel (Claritate → Curs, Sprijin → Pachetul Complet, Ajutor → Bursa) ---------- */
.adnv-busola__slides{display:grid}
.adnv-busola__slide{display:grid;gap:var(--space-4);align-content:start}
.adnv-busola__slide[hidden]{display:none}
.adnv-busola__slide p{margin:0}
.adnv-busola__nav{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-2)}
.adnv-busola__arrow{width:44px;height:44px;border-radius:50%;border:1.5px solid var(--violet);background:var(--white);color:var(--violet);font:700 18px/1 var(--font-ui);cursor:pointer;display:grid;place-items:center;transition:background .2s,color .2s}
.adnv-busola__arrow:hover,.adnv-busola__arrow:focus-visible{background:var(--violet);color:var(--white)}
.adnv-busola__dots{display:flex;gap:8px}
.adnv-busola__dots button{width:10px;height:10px;padding:0;border-radius:50%;border:0;background:var(--line);cursor:pointer;transition:width .25s,background .25s}
.adnv-busola__dots button[aria-current]{width:28px;border-radius:5px;background:var(--violet)}

/* ---------- Întâlnirile următoare: cele trecute, folosite ca să completeze rândul, apar estompate ---------- */
.adnv-event--past,.adnv-evcard--past{opacity:.55;filter:grayscale(1)}
.adnv-event--past .adnv-event__date{background:var(--line);color:var(--ink-soft)}
.adnv-events-next .adnv-event__body .adnv-btn{justify-self:start;margin-top:var(--space-2)}
.adnv-events-next .adnv-event__body .adnv-chip{justify-self:start}

/* ---------- Fotografie pe spectru (Spectrul ADN, cald, rece, Școala de vară): fotografia alb-negru, amestecată „multiply”:
   gradientul rămâne intens, fotografia se vede în umbrele ei, iar textul alb are contrast. ---------- */
.band--photo-grad::after{content:"";position:absolute;inset:0;z-index:-1;background:var(--band-photo) center/cover no-repeat;opacity:var(--photo-o,.45);filter:grayscale(1);mix-blend-mode:multiply;pointer-events:none}
.band--photo-grad .sec-head .adnv-h2,.band--photo-grad>.wrap>.adnv-h2,.band--photo-grad>.wrap>p{color:var(--white)}
/* Acasă: capul paginii pe spectru în loc de petrol */
.home-mission--sv{background:var(--sv-gradient)}
/* Blend-ul stă pe stratul fotografiei (are z-index, deci e propriul context): așa se amestecă cu gradientul de sub el. */
.home-mission--grad .home-mission__bg{mix-blend-mode:multiply;opacity:var(--photo-o,.45)}
.home-mission--grad .home-mission__bg img{filter:grayscale(1)}
.home-mission--grad .home-mission__bg img{opacity:1}
.home-mission--grad .home-mission__bg::after{display:none}
.home-mission--grad .adnv-eyebrow{color:var(--white);opacity:.9}

/* ---------- Cât se vede fotografia prin culoare (câmpul „Cât se vede fotografia”) ----------
   --veil-l / --veil-d: opacitatea vălului crem / petrol; --photo-o: fotografia pe spectre; --home-o: fotografia
   din capul paginii Acasă, pe petrol. */
.photo-i-discreta{--veil-l:.93;--veil-d:.9;--photo-o:.15;--home-o:.32}
.photo-i-medie{--veil-l:.86;--veil-d:.82;--photo-o:.35;--home-o:.55}
.photo-i-puternica{--veil-l:.72;--veil-d:.66;--photo-o:.6;--home-o:.8}

/* ---------- Deschiderea Despre și banda Trainerului cu fotografie de fundal ----------
   .about-hero are fundalul crem în site.css (după adnv.css), deci spectrele se repun aici, cu aceleași valori. */
.about-hero--photo.adnv-spectrum{background:radial-gradient(circle at 8% 6%,var(--violet) 0%,rgba(93,27,185,0) 55%),radial-gradient(circle at 92% 4%,var(--rosu) 0%,rgba(227,55,39,0) 55%),radial-gradient(circle at 96% 96%,var(--miere) 0%,rgba(236,184,58,0) 60%),radial-gradient(circle at 4% 98%,var(--cer) 0%,rgba(81,188,253,0) 55%),linear-gradient(120deg,#7A2DB0 0%,#E5523A 55%,#F2A23A 100%)}
.about-hero--photo.adnv-spectrum--warm{background:radial-gradient(circle at 10% 10%,var(--rosu) 0%,rgba(227,55,39,0) 60%),radial-gradient(circle at 90% 90%,var(--miere) 0%,rgba(236,184,58,0) 60%),linear-gradient(120deg,#E5523A 0%,#F2A23A 100%)}
.about-hero--photo.adnv-spectrum--cool{background:radial-gradient(circle at 90% 10%,var(--violet) 0%,rgba(93,27,185,0) 60%),radial-gradient(circle at 10% 90%,var(--cer) 0%,rgba(81,188,253,0) 60%),linear-gradient(120deg,#F2B94A 0%,#7FB8E8 55%,#6A3BC4 100%)}
.about-hero--photo.band--sv{background:var(--sv-gradient)}
.about-hero--photo.band--photo-dark{background-color:var(--petrol-deep)}
.about-hero--photo.band--dark .adnv-h1,.about-hero--photo.band--spectrum .adnv-h1{color:var(--white)}
.about-hero--photo.band--dark .adnv-lead,.about-hero--photo.band--spectrum .adnv-lead{color:rgba(255,255,255,.9)}
.about-hero--photo.band--dark .adnv-eyebrow,.about-hero--photo.band--spectrum .adnv-eyebrow{color:var(--white);opacity:.9}
.about-hero--photo.band--dark .crumbs,.about-hero--photo.band--dark .crumbs a,.about-hero--photo.band--spectrum .crumbs,.about-hero--photo.band--spectrum .crumbs a{color:rgba(255,255,255,.92)}
.adnv-trainerband--photo.band--photo-dark{background-color:var(--petrol-deep)}

/* ---------- Testimoniale oprite din Setări: eticheta din editor (text negru pe galben) ---------- */
.adnv-editor-flag{display:inline-block;margin:0 0 12px;padding:8px 14px;border-radius:8px;background:var(--miere,#ECB83A);color:#000;font:600 14px/1.4 var(--font-ui,sans-serif)}
.adnv-off-preview{opacity:.55;pointer-events:none}

/* ---------- Deschidere simplă cu „O imagine în cerc”: o fotografie umple cercul (desenul bursei rămâne pe alb) ---------- */
.bursa-hero__art--photo .adnv-person__media img{object-fit:cover;padding:0;background:none}

/* ---------- Pop-up (Setări ADN → Pop-up) ---------- */
.adnv-popup{width:min(92vw,400px);max-height:90vh;padding:0;border:0;border-radius:var(--radius-card);background:var(--white);color:var(--ink);box-shadow:0 40px 100px rgba(8,38,54,.45);overflow:visible}
.adnv-popup::backdrop{background:rgba(8,38,54,.62);backdrop-filter:blur(2px)}
.adnv-popup[open]{animation:adnv-popup-in .45s cubic-bezier(.16,1,.3,1)}
@keyframes adnv-popup-in{from{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.adnv-popup[open]{animation:none}}
.adnv-popup__x{position:absolute;right:-14px;top:-14px;z-index:1;width:40px;height:40px;border-radius:50%;border:0;background:var(--violet);color:var(--white);font:400 26px/1 var(--font-ui);cursor:pointer;box-shadow:0 8px 24px rgba(20,8,60,.3)}
.adnv-popup__x:hover,.adnv-popup__x:focus-visible{background:var(--violet-hover,#4a159a)}
.adnv-popup__body{border-radius:inherit;overflow:hidden;border-top:6px solid var(--violet)}
.adnv-popup__frame{display:block;width:100%;height:320px;border:0;background:var(--white)}
.adnv-popup__media img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.adnv-popup__txt{display:grid;gap:var(--space-3);padding:var(--space-5)}
.adnv-popup__txt p{margin:0;color:var(--ink-soft)}
.adnv-popup__txt .adnv-btn{justify-self:start}
@media (max-width:480px){.adnv-popup__x{right:6px;top:6px}}

/* ---------- Lista de pași/rezultate cu exact 4 elemente: 2 + 2, nu 3 + 1 ---------- */
@media (min-width:861px){.adnv-outcomes--cols:has(> :nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---------- Contact: telefonul e personal, deci stă la final, mic, doar pentru urgențe ---------- */
.contact-direct__urgent{padding-top:var(--space-4);border-top:1px dashed var(--line,rgba(0,0,0,.12));font-size:13px!important;line-height:20px!important}
.contact-direct__urgent b{color:var(--ink);font-weight:600}
.contact-direct__urgent a{color:var(--petrol);font-weight:600;white-space:nowrap}
.contact-direct__urgent a:hover{color:var(--violet)}