/* Tema „Campus” (liceu): Outfit + Figtree, ultramarin cu lime, colturi mari rotunjite, cifre plutitoare, bento. */
:root{
  --navy-900:#0B1B3F; --blue-600:#1D4ED8; --blue-700:#1E3FA8; --sky-100:#E4EEFF; --wash-050:#F3F6FC; --lime-300:#C8F169; --lime-500:#A9DD3C; --coral-500:#FF6B57; --line-200:#E1E6F0; --ink-600:#4A5675;
  --font-body:"Figtree","Segoe UI",Arial,sans-serif; --font-display:"Outfit","Segoe UI",Arial,sans-serif; --font-mono:"Figtree","Segoe UI",Arial,sans-serif;
  --c-paper:#FFFFFF; --c-surface:#FFFFFF; --c-wash:var(--wash-050); --c-line:var(--line-200); --c-ink:var(--navy-900); --c-ink-2:var(--ink-600);
  --c-primary:var(--navy-900); --c-primary-2:var(--blue-700); --c-primary-soft:var(--sky-100); --c-on-primary:#FFFFFF;
  --c-accent:var(--lime-300); --c-accent-soft:#EEF9D6; --c-on-accent:var(--navy-900); --c-danger:#C0392B;
  --util-bg:#FFFFFF; --util-fg:var(--ink-600); --nav-bg:#FFFFFF; --nav-fg:var(--navy-900); --nav-line:transparent;
  --transp-bg:var(--wash-050); --footer-bg:var(--navy-900); --footer-fg:#BFC8DD;
  --tag-1-bg:var(--sky-100); --tag-1-fg:var(--blue-700); --tag-2-bg:#EEF9D6; --tag-2-fg:#3F5A0C; --tag-3-bg:#FFE4DE; --tag-3-fg:#B33F2E; --tag-4-bg:#E4E8F0; --tag-4-fg:var(--navy-900); --tag-5-bg:#F1E8FF; --tag-5-fg:#5B2E9E; --tag-6-bg:var(--wash-050); --tag-6-fg:var(--ink-600);
  --r-s:12px; --r-m:18px; --r-l:28px; --heading-weight:800; --heading-ls:-.015em; --heading-lh:1.08;
}
.eyebrow{font-family:var(--font-display);font-size:.85rem;font-weight:600;text-transform:none;letter-spacing:0;color:var(--blue-600);display:inline-flex;align-items:center;gap:8px}
.eyebrow::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--lime-500)}
.btn{border-radius:999px;border:0;padding:.8em 1.4em}
.btn-outline{background:var(--c-primary-soft);color:var(--c-ink)}.btn-outline:hover{background:#D6E4FF;color:var(--c-ink)}
.btn-primary{background:var(--c-ink);color:#fff}.btn-primary:hover{background:var(--c-primary-2);filter:none;color:#fff}
.util{border-bottom:1px solid var(--c-line)}
.util a{color:var(--c-ink)}.a11y button{color:var(--c-ink);background:var(--c-wash);border:0;border-radius:999px}.a11y button[aria-pressed="true"]{background:var(--c-ink);color:#fff}
.header{border-bottom:0}
.brand-mark{border-radius:16px;position:relative}
.brand-mark::after{content:"";position:absolute;right:-5px;top:-5px;width:16px;height:16px;border-radius:50%;background:var(--c-accent)}
.nav{border-bottom:0}
.nav-in{padding-bottom:10px}
.nav-list{gap:2px}
.nav-list>li>a{padding:9px 12px;border-radius:999px;border-bottom:0;margin:0;font-family:var(--font-display);font-size:.92rem}
.nav-list>li>a:hover{background:var(--c-wash)}.nav-list>li>a[aria-current="page"]{background:var(--c-ink);color:#fff}
.nav-highlight>a{background:var(--c-accent);color:var(--c-ink)}
.search input{border-radius:999px 0 0 999px;background:var(--c-wash);border:0;padding-left:14px}.search button{border-radius:0 999px 999px 0;background:var(--c-ink);border-color:var(--c-ink)}
.menu-btn{border-radius:999px}
/* erou: fotografie rotunjita, cifrele plutesc */
.hero{grid-template-columns:.9fr 1.1fr;gap:40px;align-items:start;padding-block:28px 24px}
.hero h1{font-size:clamp(2.4rem,5vw,4rem)}
.hero h1 em{font-style:normal;color:var(--blue-600)}
.hero .lede{max-width:46ch;margin:18px 0 26px}
.stage{position:relative;padding:0 0 34px 34px;margin-top:40px}
.stage img{width:100%;aspect-ratio:5/4;object-fit:cover;object-position:center 30%;border-radius:var(--r-l) var(--r-l) var(--r-l) 6px}
.chip{position:absolute;background:#fff;border-radius:20px;padding:12px 18px;box-shadow:0 20px 40px -18px rgba(11,27,63,.35);display:flex;flex-direction:column;line-height:1.05}
.chip b{font-family:var(--font-display);font-size:2.1rem;font-weight:800;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.chip span{font-size:.78rem;color:var(--c-ink-2);margin-top:4px;max-width:20ch}
.chip.a{left:0;top:14%}.chip.b{right:-14px;top:52%;background:var(--c-accent)}.chip.b span{color:var(--c-ink)}.chip.c{left:60px;bottom:0}
.hero .notice{margin-top:24px;background:var(--c-wash);border:0;border-radius:var(--r-m);padding:16px 18px;display:flex;gap:14px;align-items:flex-start;max-width:520px}
.notice .dot{flex:none;width:36px;height:36px;border-radius:50%;background:var(--coral-500);display:grid;place-items:center;color:#fff;font-family:var(--font-display);font-weight:800}
.hero .notice .eyebrow{margin:0 0 2px;color:#B33F2E}.hero .notice .eyebrow::before{background:var(--coral-500)}
.hero .notice-title{font-size:1.1rem;margin:0}.hero .notice p{margin:4px 0 0;font-size:.88rem;color:var(--c-ink-2)}
/* specializari: dale */
.profiles{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:30px 0 64px}
.profiles a{display:flex;flex-direction:column;gap:14px;padding:22px 22px 20px;border-radius:var(--r-m);text-decoration:none;color:var(--c-ink);background:var(--c-wash)}
.profiles a:hover{background:var(--c-primary-soft)}
.profiles a:first-child{background:var(--c-ink);color:#fff}.profiles a:first-child:hover{background:var(--c-primary-2)}.profiles a:first-child span{color:#BFD0F5}
.profiles .n{font-family:var(--font-display);font-size:2.5rem;font-weight:800;line-height:.9;letter-spacing:-.03em}
.profiles a:first-child .n{color:var(--c-accent)}
.profiles b{display:block;font-family:var(--font-display);font-size:1.05rem;font-weight:700;line-height:1.2}
.profiles span{font-size:.85rem;color:var(--c-ink-2);display:block;margin-top:2px}
.section-head h2{font-size:2.1rem}
/* bento */
.bento{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto auto;gap:16px}
.tile{border-radius:var(--r-m);overflow:hidden;background:var(--c-wash);display:flex;flex-direction:column;text-decoration:none;color:var(--c-ink);position:relative}
.tile.big{grid-column:1/3;grid-row:1/3;background:var(--c-ink);color:#fff;min-height:440px}
.tile.big img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.92}
.tile.big::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,27,63,0) 40%,rgba(11,27,63,.92) 100%)}
.tile.big .body{position:relative;z-index:1;margin-top:auto;padding:28px}
.tile.big h3{font-size:2rem;color:#fff;max-width:20ch}.tile.big p{color:#D6DEF0}
.tile .body{padding:20px 22px 22px}
.tile img{aspect-ratio:16/9;object-fit:cover;width:100%}
.pill-cat{display:inline-block;border-radius:999px;padding:3px 11px;font-family:var(--font-display);font-weight:600;font-size:.78rem;background:var(--c-accent);color:var(--c-ink);margin-right:8px}
.tile .meta{font-size:.82rem;color:var(--c-ink-2);margin:0 0 8px}.tile.big .meta{color:#D6DEF0}
.tile h3{font-size:1.25rem;margin:0}.tile p{margin:8px 0 0;font-size:.9rem;color:var(--c-ink-2)}
.tile:hover h3{color:var(--blue-600)}.tile.big:hover h3{color:var(--c-accent)}
.tile.text{background:var(--c-primary-soft)}
/* urmeaza + documente */
.next{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.next li{display:flex;gap:16px;align-items:center;padding:12px 14px;border-radius:var(--r-m);background:var(--c-wash);border-top:0}
.next li:first-child{background:var(--c-accent)}
.next .date{width:58px;height:58px;border-radius:16px;background:#fff;color:var(--c-ink);display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;padding:0}
.next .date b{font-size:1.5rem;font-weight:800}.next .date span{font-size:.65rem;font-weight:700;letter-spacing:.06em;color:var(--c-ink-2)}
.next strong{font-family:var(--font-display);font-weight:600;display:block}.next small{color:var(--c-ink-2)}.next li:first-child small{color:#2F3E1C}
.docs-home a{font-family:var(--font-display)}
.docs-home .f{font-size:.78rem;color:var(--c-ink);background:var(--c-wash);border-radius:999px;padding:5px 12px;white-space:nowrap;font-family:var(--font-body)}
.search-docs{background:var(--c-wash);border-radius:999px;padding:4px}
.search-docs input{border:0;background:transparent}
.search-docs button{border-radius:999px;background:var(--c-ink);border-color:var(--c-ink)}
/* galerie */
.gallery-home{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:14px}
.gallery-home figure{margin:0;position:relative}
.gallery-home img{aspect-ratio:4/3;object-fit:cover;width:100%;height:100%;display:block;border-radius:var(--r-m)}
.gallery-home figure:first-child img{aspect-ratio:auto;height:100%}
.gallery-home figcaption{position:absolute;left:12px;bottom:12px;background:rgba(255,255,255,.9);border-radius:999px;padding:5px 12px;font-family:var(--font-display);font-weight:600;font-size:.82rem;color:var(--c-ink);margin:0}
.transp{border-top:0}
.transp a{border:0}
.footer{border-radius:var(--r-l) var(--r-l) 0 0}
.footer a{color:var(--c-accent)}
.chips a,.pagination a,.pagination span{border-radius:999px}
.date{border-radius:var(--r-s)}
@media (max-width:960px){.hero{grid-template-columns:1fr}.stage{padding:0 0 30px 0;margin-top:0}.chip.a{left:-6px}.chip.c{left:16px}.profiles{grid-template-columns:1fr 1fr}.bento{grid-template-columns:1fr 1fr}.tile.big{grid-column:1/3;grid-row:auto;min-height:360px}.gallery-home{grid-template-columns:1fr 1fr}.gallery-home figure:first-child{grid-column:1/3}.gallery-home figure:first-child img{aspect-ratio:16/9;height:auto}}
@media (max-width:760px){.profiles,.bento,.gallery-home{grid-template-columns:1fr}.tile.big,.gallery-home figure:first-child{grid-column:auto}.chip b{font-size:1.6rem}}
/* pagini interioare: fotografie cu colturi mari, eticheta ca pastila lime, casete rotunjite */
.page-head .eyebrow{background:var(--c-accent);color:var(--c-ink);padding:5px 12px;border-radius:999px}
.page-head .eyebrow::before{background:var(--c-ink)}
.page-head h1{max-width:22ch}
.page-hero img{border-radius:var(--r-l) var(--r-l) var(--r-l) 6px}
.side{border-radius:var(--r-l);padding:18px 20px}
.side-photo{margin:-18px -20px 14px;border-radius:var(--r-l) var(--r-l) 0 0}
.steps li{background:var(--c-primary-soft);border-radius:var(--r-m)}
.steps li::before{background:var(--c-accent);color:var(--c-ink)}
.contact-cards li{border-radius:var(--r-m)}
.contact-cards .ico{background:var(--c-accent);color:var(--c-ink)}
.contact-cards strong{font-family:var(--font-display);text-transform:none;letter-spacing:0;font-size:.85rem}
.map img{border:0;border-radius:var(--r-l)}
.building img{border-radius:var(--r-l) var(--r-l) var(--r-l) 6px}
.form-side{border-radius:var(--r-l);padding:18px 20px}
.form-side .side-photo{margin:-18px -20px 14px}
.facts dt{font-family:var(--font-display);text-transform:none;letter-spacing:0;font-size:.85rem;font-weight:600;color:var(--blue-600)}
.contact-head h1{font-size:clamp(2.2rem,4.6vw,3.6rem)}
.tile .tags{margin:0 0 8px}.tile .tag{font-family:var(--font-display);font-weight:600}
.tile.big .tags .tag:not(.tag-date){background:rgba(255,255,255,.16);color:#fff;border-color:transparent}
.factgrid:not(.factgrid-ani) dt{font-family:var(--font-display);font-size:1.1rem;font-weight:700;letter-spacing:0;text-transform:none;color:var(--c-ink);line-height:1.25}
.factgrid:not(.factgrid-ani) dd{font-weight:400}
