/* Paginile de prezentare (despre, organizatii, servicii, contact, instructori, aplicatie,
   sugestii, multumiri). Doar ce lipseste din profesio.css; restul sunt clasele prototipului. */

/* stilurile scurte din prototip, mutate in clase */
.pz-center{text-align:center}
.pz-cta-row{justify-content:center;margin-top:28px}
.pz-h1-xl{font-size:clamp(36px,6vw,76px)}
.pz-h1-l{font-size:clamp(34px,5.6vw,68px)}
.pz-h1-m{font-size:clamp(28px,3.4vw,40px)}
.pz-h1-s{font-size:clamp(30px,4vw,46px)}
.pz-hero-pb{padding-bottom:56px}
.pz-band-top{padding-top:24px}
.pz-mb24{margin-bottom:24px}
.pz-page{padding-block:8px 80px}
.pz-icon-xl{font-size:30px;color:var(--blue)}
.pz-ok-ic{color:var(--ok);font-size:20px}
.pz-row-top{align-items:flex-start;gap:14px}
.pz-stats{justify-content:space-around;gap:40px}
.pz-stats .stat{text-align:center}
.pz-grid-3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.pz-grid-2{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:14px}
.pz-media{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:48px;align-items:center}
.pz-media>img,.pz-media>picture>img{border-radius:24px;aspect-ratio:4/3;object-fit:cover;width:100%;height:auto}
.pz-lead-c{max-width:60ch;margin:14px auto 0}
.pz-sub{font-size:26px}
.pz-h2-24{font-size:24px}

/* organizatii: panoul demo */
.pz-demo{max-width:860px;margin:48px auto 0;box-shadow:var(--sh-l);overflow:hidden;text-align:left}
.pz-bars{display:grid;gap:12px}
.pz-bars .bar{height:10px}
.pz-bars .row{font-size:14px}
.pz-demo-cap{padding:0 24px 18px;font-size:12px;color:var(--muted)}

/* instructori: imaginea din hero */
.pz-hero-img{max-width:900px;margin:48px auto 0;border-radius:24px;overflow:hidden;box-shadow:var(--sh-l);aspect-ratio:21/9}
.pz-hero-img img{width:100%;height:100%;object-fit:cover;display:block}
.pz-navy-q{margin:0 auto;max-width:760px;justify-items:center;text-align:center}
.pz-navy-q h2{color:#fff;font-size:clamp(22px,2.8vw,30px)}
.pz-navy-q p{color:#c8d9e6;max-width:62ch}
.pz-navy-q .pz-two{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:18px;text-align:left;width:100%;margin-top:8px}
.pz-navy-q .pz-two>div{border:1px solid rgba(255,255,255,.16);border-radius:16px;padding:20px;display:grid;gap:8px;background:rgba(255,255,255,.04)}
.pz-navy-q .pz-two b{color:#fff;font-size:17px;display:flex;gap:10px;align-items:center}
.pz-navy-q .pz-two p{margin:0;font-size:14px}

/* contact */
.pz-online{gap:14px;margin-top:8px}
.pz-avs{gap:0}
.pz-avs>span{position:relative}
.pz-avs>span+span{margin-left:-10px}
.pz-avs img{border:3px solid var(--bg)}
.pz-avs i{position:absolute;right:2px;bottom:2px;width:14px;height:14px;border-radius:50%;background:#22c55e;border:2px solid var(--bg)}
.pz-float-a{left:-4%;top:12%}
.pz-float-ic{background:var(--ok-s);color:var(--ok)}
.pz-cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:32px}
.pz-card-l{color:inherit;text-decoration:none!important}
.pz-card-l .kpi{padding:0}
.pz-card-t{font-size:17px}
.pz-card-c{color:var(--blue-t)}
.pz-form{padding:clamp(20px,4vw,32px);box-shadow:var(--sh)}
.pz-form .btn[type=submit]{justify-self:start}
.pz-chips{gap:8px}
.pz-fq{padding:12px 0}
details.pz-fq summary{font-size:14px}
.pz-captcha{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.pz-captcha-img{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;line-height:0;flex:none}
.pz-captcha-img img{width:200px;height:61px;display:block}
.pz-captcha .form-control{flex:1 1 180px;width:auto;text-transform:uppercase;letter-spacing:.12em}
.pz-captcha .ib{width:46px;height:46px;border:1px solid var(--line);background:var(--card)}

/* erori de la server langa camp */
.f.has-err .form-control,.f.has-err .form-select{border-color:var(--bad);box-shadow:0 0 0 3px var(--bad-s)}
.f .errorlist{font-weight:600}
.pz-alert{display:flex;gap:12px;padding:14px 16px;border-radius:12px;background:var(--bad-s);color:var(--ink);font-size:14px}
.pz-alert>i{color:var(--bad);font-size:18px}

/* formulare in pasi */
form.wz-js [data-wz-step][hidden]{display:none!important}
.wz-nav{border-top:1px solid var(--line-2);padding-top:18px}
.wz-nav [hidden]{display:none!important}
.stepper li[data-wz-goto]{cursor:pointer}
.pz-file-in{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}
.drop:focus-within{border-color:var(--blue);background:var(--blue-s)}
.drop.over{border-color:var(--blue);background:var(--blue-s)}
.pz-files{display:grid;gap:8px}
.pz-files .file span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pz-prev-av{width:84px;height:84px;font-size:26px;border:4px solid var(--card);background:var(--ink)}
.pz-prev-org{width:72px;height:72px;border-radius:18px;font-size:24px;border:4px solid var(--card);background:linear-gradient(135deg,#006d9c,#0086bf)}
.pz-prev-b{margin-top:-46px}
.pz-prev-n{font-size:20px}
.pz-prev-pills{gap:6px}
.pz-chk-i{color:var(--line)}
.pz-chk-i.on{color:var(--ok)}
.pz-chk-i.on::before{content:"\F26A"}
.pz-sum-v{overflow-wrap:anywhere}
.pz-hist td,.pz-hist th{font-size:13px}
.pz-hist{width:100%;border-collapse:collapse}
.pz-hist th{text-align:left;color:var(--muted);font-weight:700;padding:6px 0;border-bottom:1px solid var(--line-2)}
.pz-hist td{padding:8px 8px 8px 0;border-bottom:1px solid var(--line-2);vertical-align:top}
.pz-hist tr:last-child td{border-bottom:0}

/* aplicatia mobila */
.pz-store-off{cursor:default;opacity:.55}
.pz-store-off:hover{opacity:.55}
.pz-stores{gap:10px;margin-top:8px}
.ga-qr img{display:block;width:116px;height:116px}
.pz-ph-pad{padding-inline:2px}
.pz-tab-on{color:var(--blue)}
.pz-ok{color:var(--ok)}
.pz-note-c{max-width:640px;margin:36px auto 0}

/* multumiri */
.pz-orb-blue{--c:#0086bf}
.pz-orb-violet{--c:#7c3aed}
.pz-orb-amber{--c:#d97706}
.pz-note-l{text-align:left}

@media (max-width:900px){.pz-float-a{left:2%}}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
h2.h3{font-size:17px;font-weight:700;line-height:1.3;letter-spacing:0}
.ell-wrap{flex:1;min-width:0}
.ga-svc-b h2.h3{font-size:19px;letter-spacing:-.01em}
.drop{position:relative;min-width:0;max-width:100%}
.drop>span{max-width:100%;overflow-wrap:anywhere}
.pz-file-in{left:0;top:0}
form[data-wz] fieldset{border:0;padding:0;margin:0;min-width:0}
[data-wz-step] h2[tabindex]:focus{outline:none}
.ga-ph-row>.xs.b{flex:1;min-width:0}

/* Cardul demo din hero: loc sub el, ca umbra sa nu fie taiata de overflow:hidden al hero-ului. */
.pz-demo{margin-bottom:64px!important;box-shadow:0 1px 2px rgba(11,31,46,.04),0 18px 44px rgba(11,31,46,.08)!important}

/* Devino instructor: starea „esti deja instructor” */
.pz-inst-hero{padding-bottom:40px}
.pz-inst-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;background:var(--ok-s);color:var(--ok);font-weight:700;font-size:14px}
.pz-inst-kpi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:900px;margin:0 auto 16px}
.pz-inst-kpi .panel{display:grid;justify-items:center;text-align:center;gap:6px}.pz-inst-kpi b{font-size:30px;color:var(--ink);line-height:1}
.pz-inst-ic{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:var(--blue-s);color:var(--blue-t);font-size:20px;flex:none}
.pz-inst-links{display:grid;gap:12px;max-width:900px;margin:0 auto}
.pz-inst-l{display:flex;align-items:center;gap:16px;color:inherit;text-decoration:none!important;transition:border-color .15s,box-shadow .15s}.pz-inst-l:hover{border-color:var(--blue);box-shadow:var(--sh)}
.pz-inst-l>span:nth-child(2){flex:1;display:grid;gap:2px}.pz-inst-l b{color:var(--ink)}
@media (max-width:640px){.pz-inst-kpi{grid-template-columns:1fr}}

/* Contact: datele operatorului (CONV-02). */
.pz-op .row { gap: 10px; align-items: flex-start; }
.pz-op .row > i { color: var(--blue-t); margin-top: 2px; }
.pz-op a { color: var(--blue-t); }

/* Imagini responsive ({% v4img %}): <picture> nu creeaza cutie, <img> ramane copilul layout-ului. */
picture.pic{display:contents}
.ga-inc>picture>img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:20px;align-self:center}
/* Contact: avatarele echipei raman pe un rand la 390px (R-10). */
.pz-avs{flex-wrap:nowrap}

/* Tinte de atingere >= 44px pe telefon (R-17), pe paginile de prezentare. */
@media (max-width: 640px) {
  .pz-fq summary, .fq summary { min-height: 44px; align-items: center; }
  .ft-cols div { gap: 0; }
  .ft-cols a { display: block; padding-block: 11px; }
  .btn.s, .mchip { min-height: 44px; }
}
/* Audit final SEO r1: pill „Exemplu" langa cifra ilustrativa; antetul se imparte pe doua randuri pe telefon. */
.pz-demo .ph2{flex-wrap:wrap}
.pz-pills{gap:6px;flex-wrap:wrap}

/* /app/: cele 6 avantaje pe 3 coloane (2 randuri egale), fara orfane; 2 coloane pe tableta, 1 pe telefon. */
.ga-feat{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1040px;margin-inline:auto;align-items:start}
@media (max-width:900px){.ga-feat{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.ga-feat{grid-template-columns:1fr}}