/*
 * Acoperișuri Vest — pagina „Despre noi” (page-despre-noi.php).
 * Se încarcă pe cheia `despre` (inc/setup-pages.php), după components.css.
 * Sursa: docs/redesign/design-reference/canvas/Despre.dc.html (capturile Despre-1440 / Despre-390).
 * Hero-ul cu imagine și banda de cifre vin din components.css (.av-ph--imagine, .av-ph__banda).
 */

/* ---------- Povestea: cap în stânga, text în dreapta ---------- */
.av-despre-poveste{padding:96px 0}
.av-despre-poveste__in{display:flex;flex-wrap:wrap;gap:64px}
.av-despre-poveste__cap{flex:1 1 320px;min-width:0}
.av-despre-poveste__text{flex:1.6 1 520px;min-width:0;display:flex;flex-direction:column;gap:20px;font-size:18px;line-height:1.75;color:#2F3439;overflow-wrap:break-word}
.av-despre-poveste__text>*{margin:0}
.av-despre-poveste__text img{max-width:100%;height:auto}
.av-despre-poveste__semnatura{font-family:var(--av-font-display);font-weight:700;font-size:20px;color:var(--av-text)}

/* ---------- Echipa ---------- */
.av-despre-echipa{padding:96px 0}
.av-despre-poveste+.av-despre-echipa{padding-top:0}
.av-despre-echipa__in{display:flex;flex-direction:column;gap:32px}
.av-despre-echipa .av-sh{--av-sh-gap:12px}
.av-despre-echipa .av-sh__titlu{line-height:normal}
.av-despre-echipa__grid{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.av-despre-om{margin:0;height:100%;box-sizing:border-box;background:var(--av-white);border:1px solid var(--av-line-3)}
.av-despre-om__foto{position:relative;height:280px;overflow:hidden;background:var(--av-text-on-dark-2);display:flex;align-items:center;justify-content:center}
.av-despre-om__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.av-despre-om__initiale{font-size:44px;color:#3E444A}
.av-despre-om__eticheta{font-size:11px;color:#3E444A}
.av-despre-om__text{padding:18px}
.av-despre-om__nume{display:block;font-size:18px;font-weight:700;overflow-wrap:break-word}
.av-despre-om__rol{font-size:14px;color:var(--av-text-3)}

/* ---------- Reguli de lucru (template-parts/despre/reguli-date.php) ---------- */
.av-despre-reguli{background:var(--av-graphite);color:var(--av-text-on-dark);padding:96px 0}
.av-despre-reguli__in{display:flex;flex-direction:column;gap:40px}
.av-despre-reguli .av-sh{--av-sh-gap:12px}
.av-despre-reguli .av-sh__titlu{line-height:normal}
.av-despre-reguli__grid{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));border-top:1px solid var(--av-line-dark);border-left:1px solid var(--av-line-dark)}
.av-despre-regula{display:flex;flex-direction:column;gap:10px;min-width:0;padding:28px;border-right:1px solid var(--av-line-dark);border-bottom:1px solid var(--av-line-dark);overflow-wrap:break-word}
.av-despre-regula__nr{font-size:28px;color:var(--av-red-on-dark)}
.av-despre-regula__titlu{font-size:20px;font-weight:700;color:var(--av-white)}
.av-despre-regula__text{font-size:15px;line-height:1.6;color:var(--av-text-on-dark-3)}

/* ---------- Date de identificare ---------- */
.av-despre-date{padding:96px 0}
.av-despre-date__in{display:flex;flex-wrap:wrap;gap:48px}
.av-despre-date__cap{flex:1 1 320px;min-width:0}
/* în design eticheta e un <span> inline: rândul ei are înălțimea textului de bază (~20px), nu a fontului mono de 11px */
.av-despre-date .av-sh__eticheta{line-height:20px}
.av-despre-date__lista{flex:1.6 1 520px;min-width:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:0 32px}
/* linie sus și jos pe fiecare rând, suprapuse cu -1px: ultimul rând din fiecare coloană se închide singur */
.av-despre-date__rand{min-width:0;padding:16px 0;margin-bottom:-1px;border-top:1px solid var(--av-line-2);border-bottom:1px solid var(--av-line-2)}
.av-despre-date__eticheta{font-size:10px;color:var(--av-text-3)}
.av-despre-date__valoare{margin:6px 0 0;font-size:16px;font-weight:600;overflow-wrap:break-word}