/* edupress.ro · stilul nou Emblematic (tiparul bunny.net): navy, ice, piersică, Rubik.
   Tokenii vin din redesign-2026/design-system-bunny/STYLE.md; piesele sunt scrise pentru edupress,
   nu copiate din build-ul emblematic.ro (acela încă se poate schimba). */

@font-face{font-family:"Rubik";font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/rubik-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Rubik";font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/rubik-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ---------- 1. tokeni ---------- */
:root{
  --c-canvas:#e1f2ff; --c-ice:#eff8ff; --c-alb:#fff; --c-linie:#d3e2f1;
  --c-navy:#183d6d; --c-bay:#051e38; --c-adanc:#022e57; --c-semnal:#8bb3da; --c-holo:#6ad7ff;
  --c-piersica:#fd8d32; --c-piersica-2:#ffaf48; --c-moale:#3d5675;
  --g-cta:linear-gradient(180deg,#ff7a53,#ffa84a);
  --g-erou:radial-gradient(120% 90% at 75% 20%,#0a3563 0%,#051e38 55%,#031629 100%);
  --f:"Rubik",system-ui,-apple-system,"Segoe UI",sans-serif;
  --r-buton:6px; --r-card:14px; --r-panou:20px;
  --umbra:inset 0 1px 0 #fff,0 2px 4px rgba(24,61,109,.05),0 18px 40px -22px rgba(24,61,109,.35);
  --umbra-mare:0 2px 4px rgba(24,61,109,.06),0 26px 50px -22px rgba(24,61,109,.45);
  --t-h1:clamp(2.1rem,1.1rem + 3.2vw,3.6rem); --t-h2:clamp(1.9rem,1.2rem + 2.2vw,2.9rem);
  --sec:clamp(48px,5vw,80px); --inset:16px; --gutter:20px;
  --ease:cubic-bezier(.2,.8,.2,1);
}

/* ---------- 2. bază ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:var(--c-canvas);color:var(--c-navy);font-family:var(--f);font-size:1.0625rem;line-height:1.6;overflow-x:clip;overflow-wrap:break-word}
img,svg{max-width:100%}
img{display:block;height:auto}
a{color:var(--c-navy)}
a:hover{color:var(--c-adanc)}
p,li{text-wrap:pretty}
h1,h2,h3{text-wrap:balance}
:focus-visible{outline:2px solid var(--c-navy);outline-offset:3px;border-radius:4px}
.panou--intuneric :focus-visible,.aplicatie :focus-visible{outline-color:var(--c-holo)}
.nb{white-space:nowrap}
.sari{position:absolute;left:16px;top:-60px;z-index:100;background:var(--c-navy);color:#fff;padding:10px 16px;border-radius:6px}
.sari:focus{top:12px;color:#fff}
[hidden]{display:none!important}
.ascuns{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.cont{width:min(1140px,100% - 2 * var(--gutter));margin-inline:auto}
.ic{width:24px;height:24px;display:block;flex-shrink:0}

/* ---------- 3. panouri și fundaluri ---------- */
.panou{position:relative;margin-inline:var(--inset);border-radius:var(--r-panou);overflow:clip}
.panou--intuneric{background:var(--g-erou);color:#fff}
.panou--sus{margin-top:var(--inset)}
.panou>*:not(.stele):not(.podea){position:relative;z-index:1}
.stele{position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:radial-gradient(circle,rgba(255,255,255,.9) 0 1px,transparent 1.5px),radial-gradient(circle,rgba(106,215,255,.8) 0 1px,transparent 1.5px);
  background-size:97px 89px,151px 137px;background-position:13px 21px,60px 40px;animation:clipire 5s ease-in-out infinite}
.podea{position:absolute;left:-10%;right:-10%;bottom:0;height:300px;pointer-events:none;overflow:hidden;transform:perspective(520px) rotateX(64deg);transform-origin:bottom;
  -webkit-mask-image:linear-gradient(to top,#000 10%,transparent 95%);mask-image:linear-gradient(to top,#000 10%,transparent 95%)}
.podea::before{content:"";position:absolute;inset:-80px 0 0;
  background-image:repeating-linear-gradient(90deg,rgba(106,215,255,.2) 0 1px,transparent 1px 80px),repeating-linear-gradient(0deg,rgba(106,215,255,.2) 0 1px,transparent 1px 80px);
  animation:podea 4s linear infinite}
@keyframes podea{to{transform:translateY(80px)}}
@keyframes clipire{0%,100%{opacity:.35}50%{opacity:.7}}
@keyframes rotire{to{transform:rotate(360deg)}}
@keyframes puls{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.8);opacity:.25}}
@keyframes plutire{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-14px) rotate(1deg)}}
@keyframes plutire-mica{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes halou{0%,100%{transform:scale(.94);opacity:.8}50%{transform:scale(1.06);opacity:1}}
@keyframes luciu{0%,60%{transform:translateX(-120%)}100%{transform:translateX(260%)}}
@keyframes banda{to{transform:translateX(-50%)}}
@keyframes intra{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}

/* ---------- 4. butoane și etichete ---------- */
.cta{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:13px 22px;border:0;border-radius:var(--r-buton);
  background:var(--g-cta);color:var(--c-bay);font:500 1rem/1.2 var(--f);text-decoration:none;white-space:nowrap;cursor:pointer;
  box-shadow:0 2px 4px rgba(5,30,56,.12),0 8px 24px -6px rgba(255,122,83,.45);transition:transform 140ms var(--ease),filter 140ms var(--ease)}
.cta:hover{color:var(--c-bay);filter:brightness(1.05);transform:translateY(-1px)}
.cta:active{transform:scale(.97)}
.cta:disabled{opacity:.6;cursor:wait}
.cta--mare{padding:17px 30px;font-size:1.125rem}
.cta--mic{min-height:42px;padding:10px 18px;font-size:.9375rem}
.cta__luciu{position:absolute;inset:0 auto 0 0;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);animation:luciu 4.5s ease-in-out infinite;pointer-events:none}
.cta__t{position:relative}
.buton-contur{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;border-radius:var(--r-buton);background:#fff;color:var(--c-navy);
  box-shadow:inset 0 0 0 1.5px var(--c-navy);font:500 1rem/1.2 var(--f);text-decoration:none;cursor:pointer;border:0;transition:background-color 160ms,color 160ms}
.buton-contur:hover{background:var(--c-navy);color:#fff}
.buton-fantoma{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border-radius:var(--r-buton);background:transparent;color:inherit;
  box-shadow:inset 0 0 0 1px rgba(139,179,218,.5);font:500 1rem/1.2 var(--f);text-decoration:none;cursor:pointer;border:0}
.buton-fantoma:hover{box-shadow:inset 0 0 0 1px var(--c-holo);color:inherit}
.link-alb{color:#fff;font-size:1.0625rem;text-underline-offset:4px}
.link-alb:hover{color:var(--c-holo)}
.eticheta{display:inline-flex;align-items:center;font-size:.75rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:4px 10px;
  color:var(--c-bay);background:var(--g-cta)}
.eticheta--rece{color:var(--c-navy);background:var(--c-ice);box-shadow:inset 0 0 0 1px var(--c-linie)}
.chip{display:inline-flex;align-self:flex-start;align-items:center;gap:10px;margin:0;border:1px solid rgba(106,215,255,.4);border-radius:999px;padding:7px 14px;font-size:.875rem;color:var(--c-holo)}
.punct{width:7px;height:7px;border-radius:50%;background:var(--c-piersica);flex-shrink:0;animation:puls 2.4s ease-in-out infinite}
.bife{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.bife li{display:flex;gap:10px;align-items:flex-start;font-size:1rem;line-height:1.45}
.bife .ic{width:20px;height:20px;color:#1f9d55;margin-top:1px}
.bife--alb li{color:#d6e6f5}
.bife--alb .ic{color:var(--c-holo)}

/* ---------- 5. antet ---------- */
.antet{position:relative;z-index:30}
/* regula .panou>* de mai sus are specificitate mai mare și îi punea antetului z-index 1, sub erou */
.panou>.antet:not(.stele){z-index:30}
.antet__in{height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.sigla{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:#fff;flex-shrink:0}
.sigla:hover{color:#fff}
.sigla__semn{flex-shrink:0}
.sigla__text{font-size:1.3125rem;font-weight:700;letter-spacing:-.02em}
.sigla__ro{color:var(--c-piersica)}
.sigla--subsol .sigla__ro{color:#b4560c}
.sigla--subsol{color:var(--c-navy)}
.meniu{display:flex;gap:30px}
.meniu a{color:#dbe8f5;text-decoration:none;font-size:1rem}
.meniu a:hover,.meniu a[aria-current="page"]{color:#fff;text-decoration:underline;text-underline-offset:6px;text-decoration-color:var(--c-piersica)}
.meniu .meniu__mobil-cta{display:none}
.antet__capat{display:flex;align-items:center;gap:20px}
.antet__pret{color:#fff;font-size:1rem;text-underline-offset:4px}
.antet__pret:hover{color:var(--c-holo)}
.antet__meniu-buton{display:none;width:46px;height:46px;border:1px solid rgba(139,179,218,.4);border-radius:var(--r-buton);background:transparent;color:#fff;align-items:center;justify-content:center;cursor:pointer}
.antet__burger{display:flex;flex-direction:column;gap:5px;width:20px}
.antet__burger span{display:block;height:2px;border-radius:2px;background:currentColor;transition:transform 200ms var(--ease),opacity 200ms}
.antet.deschis .antet__burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.antet.deschis .antet__burger span:nth-child(2){opacity:0}
.antet.deschis .antet__burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* ---------- 6. erou ---------- */
.erou{padding:40px 0 56px}
.erou__grila{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:24px;align-items:center}
.erou__text{display:flex;flex-direction:column;gap:26px;animation:intra .8s var(--ease) both}
.titlu-erou{margin:0;font-size:var(--t-h1);line-height:1.05;font-weight:700;letter-spacing:-.025em;color:#fff}
.titlu-erou em{font-style:normal;color:var(--c-holo)}
.lede{margin:0;font-size:1.1875rem;line-height:1.6;color:#c9dbee;max-width:34em}
.erou__actiuni{display:flex;gap:24px;align-items:center;flex-wrap:wrap}
.nota{margin:0;font-size:.9375rem;color:var(--c-semnal)}
.erou__fig{position:relative;width:min(500px,100%);aspect-ratio:1;justify-self:center}
.orbita{position:absolute;inset:6%;width:88%;height:88%;opacity:.7}
.orbita circle{fill:none;stroke:rgba(106,215,255,.35)}
.orbita .orbita__a{transform-origin:50% 50%;animation:rotire 60s linear infinite}
.orbita .orbita__b{transform-origin:50% 50%;animation:rotire 38s linear infinite reverse}
.halou{position:absolute;inset:10%;border-radius:50%;pointer-events:none;
  background:radial-gradient(closest-side,rgba(106,215,255,.42),rgba(253,141,50,.16) 55%,transparent 75%);filter:blur(10px);animation:halou 6s ease-in-out infinite}
.halou--deschis{background:radial-gradient(closest-side,rgba(255,255,255,.95),rgba(139,179,218,.4) 60%,transparent 78%)}
.prof{display:block;height:auto;pointer-events:none;user-select:none}
.prof--zbor{position:absolute;inset:0;width:100%;animation:plutire 5.5s ease-in-out infinite;filter:drop-shadow(0 30px 40px rgba(0,0,0,.4))}
.erou--mic{padding:24px 0 48px}
.erou--mic .erou__fig{width:min(360px,100%)}
.firimituri{display:flex;flex-wrap:wrap;gap:8px;font-size:.875rem;color:var(--c-semnal)}
.firimituri a{color:#dbe8f5}
.firimituri a:hover{color:#fff}

/* banda de sub erou */
.banda{display:flex;align-items:center;gap:28px;border-top:1px solid rgba(139,179,218,.18);padding:22px 0 28px}
.banda__k{flex-shrink:0;font-size:.8125rem;letter-spacing:.08em;text-transform:uppercase;color:var(--c-semnal)}
.banda__v{display:flex;overflow:hidden;flex:1;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.banda__t{display:flex;gap:40px;padding-right:40px;list-style:none;margin:0;flex-shrink:0;width:max-content}
.banda__t[data-dublat]{animation:banda 40s linear infinite}
.banda:hover .banda__t,.banda:focus-within .banda__t{animation-play-state:paused}
.banda__t li{display:flex;align-items:center;gap:10px;white-space:nowrap;color:#dbe8f5;font-size:1rem;font-weight:500}
.banda__t .ic{width:20px;height:20px;color:var(--c-piersica)}

/* ---------- 7. secțiuni ---------- */
.sectiune{padding-block:var(--sec)}
.cap-sectiune{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:40px;align-items:end;margin-bottom:clamp(24px,2.6vw,36px)}
.cap-sectiune--centru{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px}
.cap-sectiune--centru .soft{max-width:36em}
.supratitlu{margin:0 0 12px;font-size:.8125rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#b3470f}
.panou--intuneric .supratitlu{color:var(--c-holo)}
.titlu-sectiune{margin:0;font-size:var(--t-h2);line-height:1.08;font-weight:700;letter-spacing:-.02em;color:var(--c-navy)}
.titlu-sectiune--alb{color:#fff}
.soft{margin:0;font-size:1.125rem;line-height:1.6;color:var(--c-moale)}
.regula{display:block;height:3px;width:72px;background:var(--c-piersica);margin-bottom:14px}

/* grila „ce trebuie să aibă site-ul”: cartonașe + profesoara în mijloc */
.carduri{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.card{position:relative;background:#fff;border-radius:18px;padding:28px;box-shadow:var(--umbra);transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.card:hover{transform:translateY(-6px);box-shadow:var(--umbra-mare)}
.card h3{margin:18px 0 6px;font-size:1.25rem;font-weight:600;line-height:1.3}
.card p{margin:0;color:var(--c-moale);font-size:1rem;line-height:1.5}
.card__ic{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,#fff1e4,#ffd9b8);color:#c25a0e;transition:transform .35s var(--ease),box-shadow .35s}
.card:hover .card__ic{transform:rotate(-6deg) scale(1.08);box-shadow:0 0 0 6px rgba(253,141,50,.14)}
.card__lege{display:inline-block;margin-top:12px;font-size:.8125rem;color:var(--c-moale);border-top:1px solid var(--c-linie);padding-top:10px}
.card--prof{background:transparent;box-shadow:none;padding:0;display:flex;align-items:flex-end;justify-content:center;min-height:280px}
.card--prof:hover{transform:none;box-shadow:none}
.card--prof .halou{inset:8% 4% 0}
.prof--relaxat{position:relative;width:min(280px,95%);margin-bottom:-24px;animation:plutire-mica 4.8s ease-in-out infinite}

/* bara cu cifre */
.cifre{list-style:none;margin:32px 0 0;padding:32px 12px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#fff;border-radius:18px;box-shadow:var(--umbra)}
.cifre li{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:0 14px}
.cifre li+li{border-left:1px solid var(--c-linie)}
.cifre b{font-size:clamp(2.2rem,1.4rem + 2.2vw,3.25rem);font-weight:700;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums;
  background-image:linear-gradient(180deg,var(--c-navy),#2f6fb3);-webkit-background-clip:text;background-clip:text;color:transparent}
.cifre li>span{font-size:.9375rem;color:var(--c-moale)}
.cifre small{font-size:.8125rem;color:var(--c-moale)}

/* portofoliu */
.lucrari{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.lucrare{background:#fff;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--umbra)}
.lucrare__cadru{position:relative;display:block;padding:22px 22px 0;perspective:1100px;background:radial-gradient(90% 120% at 70% 0%,#0a3563,var(--c-bay) 70%)}
.browser{border-radius:8px 8px 0 0;overflow:hidden;transform:rotateX(8deg);transform-origin:50% 100%;box-shadow:0 -1px 0 rgba(106,215,255,.5),0 24px 50px -16px rgba(0,0,0,.6);transition:transform 500ms var(--ease)}
.lucrare:hover .browser{transform:rotateX(0) translateY(-4px)}
.browser__bara{display:flex;align-items:center;gap:6px;height:26px;padding:0 10px;background:#0b2744;font-size:.6875rem;color:var(--c-semnal)}
.browser__bara i{width:7px;height:7px;border-radius:50%;background:#1f4a78}
.browser__bara span{margin-left:8px}
.browser img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top}
.lucrare__text{padding:22px 26px 26px;display:flex;flex-direction:column;gap:8px}
.lucrare__text h3{margin:0;font-size:1.25rem;font-weight:600}
.lucrare__text p{margin:0;font-size:1rem;line-height:1.55;color:var(--c-moale)}
.lucrare__text a{font-size:.9375rem}

/* insula de mentenanță */
.insula{position:relative;overflow:hidden;border-radius:24px;background:radial-gradient(110% 120% at 85% 30%,#0f4a86 0%,var(--c-bay) 55%,#031629 100%);color:#fff;
  display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:32px;align-items:center;padding:clamp(32px,5vw,64px)}
.insula>*:not(.stele){position:relative}
.insula__text{display:flex;flex-direction:column;gap:22px;align-items:flex-start}
.insula__lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.insula__lista li{display:flex;gap:14px;align-items:flex-start;color:#dbe8f5;font-size:1.0625rem;line-height:1.5}
.insula__lista .ic{color:var(--c-piersica);margin-top:1px}
.insula__fig{position:relative;display:flex;justify-content:flex-end;min-height:380px}
.prof--suport{position:relative;width:min(320px,82%);animation:plutire-mica 5.2s ease-in-out infinite}
.notificari{position:absolute;left:-4%;top:16%;z-index:2;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;width:min(290px,74%)}
.notificari li{display:flex;gap:10px;align-items:center;background:rgba(255,255,255,.96);color:var(--c-navy);border-radius:12px;padding:10px 14px;font-size:.875rem;font-weight:500;
  box-shadow:0 14px 30px -12px rgba(0,0,0,.5);opacity:0;transform:translateX(24px) scale(.96)}
.notificari .ic{width:20px;height:20px;color:#1f9d55}
.insula__fig.vazut .notificari li{animation:notificare 9s var(--ease) infinite;animation-delay:calc(var(--i) * 1.1s)}
@keyframes notificare{0%{opacity:0;transform:translateX(24px) scale(.96)}6%,78%{opacity:1;transform:none}88%,100%{opacity:0;transform:translateY(-8px)}}

/* două drumuri de plată */
.drumuri{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.drum{position:relative;background:#fff;border-radius:18px;padding:32px;display:flex;flex-direction:column;gap:16px;box-shadow:var(--umbra)}
.drum--stat{background:var(--c-navy);color:#fff}
.drum h3{margin:0;font-size:1.5rem;font-weight:700;line-height:1.2}
.drum p{margin:0;font-size:1rem;line-height:1.55;color:var(--c-moale)}
.drum--stat p{color:#c9dbee}
.drum__ic{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#fff1e4,#ffd9b8);color:#c25a0e}
.drum--stat .drum__ic{background:var(--g-cta);color:var(--c-bay)}
.pasi{list-style:none;margin:0;padding:0;counter-reset:pas;display:flex;flex-direction:column;gap:12px}
.pasi li{counter-increment:pas;display:flex;gap:12px;align-items:flex-start;font-size:1rem;line-height:1.45}
.pasi li::before{content:counter(pas);flex-shrink:0;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:.8125rem;font-weight:700;background:var(--c-ice);color:var(--c-navy)}
.drum--stat .pasi li::before{background:rgba(106,215,255,.16);color:var(--c-holo)}
.drum__nota{font-size:.875rem!important;border-top:1px solid var(--c-linie);padding-top:14px;margin-top:auto!important}
.drum--stat .drum__nota{border-top-color:rgba(139,179,218,.25)}

/* ---------- 8. prețuri ---------- */
.pachete__sus{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:28px}
.pachete__nota{margin:0;font-size:1rem;color:var(--c-moale)}
.comutator{display:inline-grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#fff;border-radius:10px;padding:4px;box-shadow:inset 0 0 0 1px var(--c-linie),0 10px 28px -14px rgba(24,61,109,.35)}
.comutator button{border:0;background:none;font:500 .9375rem/1.2 var(--f);color:var(--c-moale);padding:10px 22px;min-height:44px;cursor:pointer;border-radius:7px;transition:background-color 200ms var(--ease),color 200ms var(--ease)}
.comutator button:hover{color:var(--c-navy)}
.comutator button[aria-pressed="true"]{background:var(--c-navy);color:#fff}
.pachete__grila{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}
.pachet{background:#fff;border-radius:16px;padding:30px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--umbra)}
.pachet__cap{display:flex;flex-direction:column;gap:8px}
.pachet__rand{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}
.pachet__nume{margin:0;font-size:1.3125rem;font-weight:600}
.pachet__desc{margin:0;font-size:.9375rem;line-height:1.5;color:var(--c-moale)}
.pachet__pret{margin:6px 0 0;display:flex;align-items:baseline;gap:8px}
.pachet__suma{font-size:clamp(2.8rem,2.2rem + 1.4vw,3.5rem);font-weight:700;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.pachet__per{font-size:1rem;color:var(--c-moale)}
/* Suma în lei, sub prețul în euro (10.10.2026): mai mică, aceeași culoare cu nota */
.pachet__lei{margin:-4px 0 0;font-size:.9375rem;font-weight:500;color:var(--c-moale);font-variant-numeric:tabular-nums}
.pachet__factura{margin:0;font-size:.875rem;color:var(--c-moale);min-height:3em}
/* Cat costa separat serviciile din Crestere: comparatie, nu suma de plata, deci fara lei. */
.pachet__separat{margin:6px 0 0;font-size:.875rem;color:var(--c-moale)}
.pachet__lista{list-style:none;margin:4px 0 8px;padding:0;flex:1}
.pachet__lista li{position:relative;padding:10px 0 10px 26px;border-top:1px solid var(--c-linie);font-size:.9375rem;line-height:1.45}
.pachet__lista li::before{content:"";position:absolute;left:2px;top:15px;width:12px;height:7px;border:solid #1f9d55;border-width:0 0 2px 2px;transform:rotate(-45deg)}
.pachet__buton{width:100%}
.pachet--recomandat{position:relative;padding:2px;overflow:hidden;background:none;border-radius:18px;box-shadow:0 34px 70px -24px rgba(5,30,56,.6);margin-block:-12px}
.pachet__con{position:absolute;left:-50%;top:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,var(--c-holo),transparent 25%,var(--c-piersica) 50%,transparent 75%,var(--c-holo));animation:rotire 6s linear infinite}
.pachet__in{position:relative;height:100%;border-radius:16px;background:var(--c-bay);color:#fff;padding:30px;display:flex;flex-direction:column;gap:12px}
.pachet__in .pachet__desc,.pachet__in .pachet__per,.pachet__in .pachet__lei,.pachet__in .pachet__factura,.pachet__in .pachet__separat{color:var(--c-semnal)}
.pachet__in .pachet__lista li{border-top-color:rgba(106,215,255,.22)}
.pachet__in .pachet__lista li::before{border-color:var(--c-holo)}
.pachete__note{list-style:none;margin:36px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 32px}
.pachete__note li{font-size:.9375rem;line-height:1.5;color:var(--c-moale);border-top:1px solid var(--c-linie);padding-top:12px}
.pachete__note b{color:var(--c-navy);font-weight:500}

/* ---------- 9. întrebări ---------- */
.intrebari{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px;align-items:start}
.intrebare{border-top:1px solid var(--c-linie)}
.intrebare summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:16px;padding:20px 0;font-size:1.1875rem;font-weight:500;line-height:1.35}
.intrebare summary::-webkit-details-marker{display:none}
.intrebare summary::after{content:"";flex-shrink:0;width:12px;height:12px;margin-top:6px;border:solid var(--c-piersica);border-width:0 2px 2px 0;transform:rotate(45deg);transition:transform 200ms var(--ease)}
.intrebare[open] summary::after{transform:rotate(-135deg)}
.intrebare p{margin:0 0 20px;font-size:1rem;line-height:1.6;color:var(--c-moale)}

/* ---------- 10. închiderea și subsolul ---------- */
.inchidere{padding-block:clamp(64px,7vw,104px)}
.inchidere__grila{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:40px;align-items:center}
.inchidere__text{display:flex;flex-direction:column;gap:24px;align-items:flex-start}
.inchidere__fig{position:relative;width:min(420px,100%);aspect-ratio:1;justify-self:center}
.prof--varf{position:relative;width:100%;animation:plutire-mica 5s ease-in-out infinite}
.subsol{padding:24px 0 36px}
.subsol__in{position:relative;padding-top:72px}
.prof--salut{position:absolute;right:0;bottom:-1px;width:118px;filter:drop-shadow(0 10px 14px rgba(3,25,46,.18))}
.subsol__grila{position:relative;padding-right:160px;display:grid;grid-template-columns:minmax(0,5fr) repeat(3,minmax(0,2.4fr));gap:32px;padding-bottom:36px;border-bottom:1px solid var(--c-linie)}
.subsol__despre{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.subsol__despre p{margin:0;font-size:.9375rem;color:var(--c-moale);max-width:30em}
.subsol__email{display:inline-flex;align-items:center;gap:8px;font-size:.9375rem;color:var(--c-navy)}
.subsol__firma{font-size:.875rem;color:var(--c-moale)}
.subsol__col{display:flex;flex-direction:column;gap:10px}
.subsol__titlu{font-size:.8125rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:#b3470f;margin-bottom:4px}
.subsol__col a{font-size:.9375rem;color:var(--c-moale);text-decoration:none}
.subsol__col a:hover{color:var(--c-navy);text-decoration:underline}
.subsol__jos{display:flex;align-items:center;justify-content:space-between;gap:16px 28px;flex-wrap:wrap;padding-top:22px;font-size:.875rem;color:var(--c-moale)}
.subsol__legale{display:flex;flex-wrap:wrap;gap:8px 20px}
.subsol__legale a{color:var(--c-moale)}
.subsol__legale a:hover{color:var(--c-navy)}
/* semnătura Emblematic: formatul fix din snippets/made-with-emblematic.html, culorile edupress */
.facut{--mw-accent:#fd8d32;--mw-mijloc:#b0703f;--mw-neutru:#3d5675;--mw-neutru-2:#4a6280;margin-left:auto}
.facut{position:relative;display:inline-flex;align-items:center;gap:6px;flex-shrink:0;font-size:.875rem;letter-spacing:-.01em;text-decoration:none}
.facut-text{background-image:linear-gradient(90deg,var(--mw-neutru),var(--mw-mijloc) 70%,var(--mw-accent));-webkit-background-clip:text;background-clip:text;color:transparent;transition:filter .3s}
.facut-text+svg+.facut-text{background-image:linear-gradient(90deg,var(--mw-accent),var(--mw-mijloc) 30%,var(--mw-neutru-2) 60%,var(--mw-neutru))}
.facut:hover .facut-text{filter:brightness(1.4)}
.inima{margin:0 2px;filter:drop-shadow(0 0 6px rgba(253,141,50,.55)) drop-shadow(0 0 16px rgba(226,97,54,.35));animation:bataie 2.4s ease-in-out infinite}
.facut:hover .inima{animation-duration:.9s}
@keyframes bataie{0%,40%,100%{transform:scale(1)}10%{transform:scale(1.12)}20%{transform:scale(.98)}28%{transform:scale(1.07)}}

/* ---------- 11. pagina de nișă ---------- */
.date-locale{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.data-locala{background:#fff;border-radius:16px;padding:26px;display:flex;flex-direction:column;gap:8px;box-shadow:var(--umbra)}
.data-locala b{font-size:clamp(2.4rem,1.8rem + 1.6vw,3.2rem);font-weight:700;line-height:1;letter-spacing:-.02em;color:var(--c-navy);font-variant-numeric:tabular-nums}
.data-locala span{font-size:1rem;line-height:1.45}
.data-locala small{font-size:.8125rem;color:var(--c-moale);border-top:1px solid var(--c-linie);padding-top:10px;margin-top:auto}
.pagini-lista{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.pagini-lista li{display:flex;gap:14px;align-items:flex-start;background:#fff;border-radius:12px;padding:18px 20px;box-shadow:inset 0 0 0 1px var(--c-linie)}
.pagini-lista b{display:block;font-weight:600;margin-bottom:2px}
.pagini-lista span{font-size:.9375rem;color:var(--c-moale);line-height:1.45}
.pagini-lista .nr{flex-shrink:0;width:30px;height:30px;border-radius:8px;display:grid;place-items:center;font-size:.875rem;font-weight:700;background:var(--c-navy);color:#fff}
.doua-col{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;align-items:start}
.doua-col__text{display:flex;flex-direction:column;gap:18px}
.doua-col--invers{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.pagini-lista--una{grid-template-columns:minmax(0,1fr)}

/* ---------- 12. blog și articol ---------- */
.articole{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.articol-card{background:#fff;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--umbra);transition:transform .3s var(--ease)}
.articol-card:hover{transform:translateY(-4px)}
.articol-card__img{position:relative;aspect-ratio:16/10;background:radial-gradient(90% 120% at 70% 0%,#0a3563,var(--c-bay) 70%);display:grid;place-items:center;overflow:hidden}
.articol-card__img img{width:62%}
.articol-card__text{padding:22px 24px 26px;display:flex;flex-direction:column;gap:10px}
.articol-card__cat{font-size:.8125rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:#b3470f}
.articol-card h2,.articol-card h3{margin:0;font-size:1.3125rem;line-height:1.3;font-weight:600}
.articol-card h2 a,.articol-card h3 a{text-decoration:none}
.articol-card h2 a::after,.articol-card h3 a::after{content:"";position:absolute;inset:0}
.articol-card{position:relative}
.articol-card p{margin:0;font-size:.9375rem;line-height:1.55;color:var(--c-moale)}
.articol-card__meta{font-size:.875rem;color:var(--c-moale)}
.articol-card--gol{background:transparent;box-shadow:inset 0 0 0 2px dashed var(--c-linie);border:2px dashed #b9cfe6;padding:28px;justify-content:center;gap:12px}
.abonare{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:32px;align-items:center;background:#fff;border-radius:20px;padding:clamp(28px,4vw,48px);box-shadow:var(--umbra)}
.abonare h2{margin:0 0 10px;font-size:clamp(1.6rem,1.2rem + 1.2vw,2.2rem);line-height:1.15}
.abonare__form{display:flex;flex-direction:column;gap:10px}
.abonare__rand{display:flex;gap:10px}
.abonare__rand .cta{flex-shrink:0;white-space:nowrap}
.abonare__rand .camp{min-width:0;flex:1}
.abonare--ghid{background:var(--g-erou);color:#fff;box-shadow:var(--umbra-mare)}
.abonare--ghid h2{color:#fff}
.abonare--ghid .soft,.abonare--ghid .formular-mesaj{color:#cfe3f6}
.eticheta-ghid{display:inline-block;margin-bottom:12px;padding:4px 12px;border:1px solid rgba(139,179,218,.5);border-radius:99px;color:var(--c-holo);font-size:.8rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase}

.camp{width:100%;min-height:48px;padding:12px 14px;border:1px solid #6f8aa8;border-radius:var(--r-buton);background:#fff;color:var(--c-navy);font:1rem/1.4 var(--f)}
.camp:focus{outline:2px solid var(--c-navy);outline-offset:0;border-color:transparent}
.camp[aria-invalid="true"]{border-color:#c0392b}
.formular-mesaj{min-height:1.5em;margin:0;font-size:.875rem;color:#17704a}
.formular-mesaj.eroare{color:#c0392b}
.abonare--ghid .formular-mesaj.eroare{color:#ffb4a8}

.articol__grila{display:grid;grid-template-columns:240px minmax(0,1fr);gap:56px;align-items:start;padding-block:56px var(--sec)}
.cuprins{position:sticky;top:24px;display:flex;flex-direction:column;gap:2px;font-size:.9375rem}
.cuprins__titlu{font-size:.8125rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:#b3470f;margin-bottom:8px}
.cuprins a{color:var(--c-moale);text-decoration:none;padding:6px 0 6px 14px;border-left:2px solid var(--c-linie);line-height:1.35}
.cuprins a:hover{color:var(--c-navy)}
.cuprins a[aria-current="true"]{color:var(--c-navy);border-left-color:var(--c-piersica);font-weight:500}
.corp{max-width:44em;background:#fff;border-radius:20px;padding:clamp(24px,4vw,56px);box-shadow:var(--umbra)}
.corp>:first-child{margin-top:0}
.corp p,.corp li{font-size:1.125rem;line-height:1.7;color:#24476f}
.corp__lead{font-size:1.25rem!important;color:var(--c-navy)!important}
.corp h2{margin:48px 0 14px;font-size:clamp(1.5rem,1.2rem + .9vw,1.9rem);line-height:1.2;scroll-margin-top:24px}
.corp h3{margin:28px 0 8px;font-size:1.25rem;line-height:1.3}
.corp ul,.corp ol{padding-left:22px}
.corp li{margin-bottom:6px}
.corp li::marker{color:var(--c-piersica)}
.corp a{text-underline-offset:3px}
.corp code{font-size:.88em;background:var(--c-ice);padding:1px 6px;border-radius:4px}
.corp .caseta{background:var(--c-ice);border-left:3px solid var(--c-piersica);border-radius:0 12px 12px 0;padding:18px 22px;margin:24px 0}
.corp .caseta p{margin:0;font-size:1rem}
.corp .surse{font-size:.9375rem}
.corp .surse li{font-size:.9375rem;line-height:1.5}
.autor-linie{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:.9375rem;color:var(--c-semnal)}
.tabel-invelis{overflow-x:auto;margin:20px 0}
.tabel{width:100%;border-collapse:collapse;font-size:.9375rem}
.tabel th,.tabel td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--c-linie);vertical-align:top}
.tabel thead th{font-weight:500;color:var(--c-moale);font-size:.8125rem;letter-spacing:.06em;text-transform:uppercase}

/* ---------- 13. comanda ---------- */
.aplicatie{min-height:100vh;background:var(--g-erou);color:#fff;padding:var(--inset)}
.aplicatie__in{width:min(1180px,100%);margin-inline:auto}
.comanda-antet{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:76px;flex-wrap:wrap}
.pasi-comanda{list-style:none;margin:0;padding:0;display:flex;gap:18px;flex-wrap:wrap}
.pasi-comanda li{display:flex;align-items:center;gap:8px;font-size:.875rem;color:var(--c-semnal)}
.pasi-comanda__nr{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:.8125rem;font-weight:600;border:1.5px solid rgba(139,179,218,.5)}
.pasi-comanda li[aria-current="step"]{color:#fff}
.pasi-comanda li[aria-current="step"] .pasi-comanda__nr{background:var(--g-cta);color:var(--c-bay);border-color:transparent}
.pasi-comanda li.facut .pasi-comanda__nr{background:rgba(106,215,255,.18);border-color:transparent;color:var(--c-holo)}
.progres{height:3px;background:rgba(139,179,218,.18);border-radius:3px;overflow:hidden;margin-bottom:28px}
.progres span{display:block;height:100%;width:var(--progres,20%);background:var(--g-cta);transition:width 400ms var(--ease)}
.comanda__corp{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}
.comanda__panou{background:rgba(2,46,87,.55);border:1px solid rgba(106,215,255,.22);border-radius:var(--r-panou);padding:clamp(22px,3.5vw,44px)}
.comanda__cap{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:26px}
.comanda__titlu{margin:0;font-size:clamp(1.7rem,1.2rem + 1.6vw,2.5rem);line-height:1.15;font-weight:700;letter-spacing:-.02em}
.comanda__titlu:focus{outline:none}
.comutator-plata{display:inline-flex;background:rgba(5,30,56,.6);border-radius:10px;padding:4px;box-shadow:inset 0 0 0 1px rgba(106,215,255,.25)}
.comutator-plata button{border:0;background:none;color:var(--c-semnal);font:500 .875rem/1.2 var(--f);padding:9px 14px;border-radius:7px;cursor:pointer;min-height:40px}
.comutator-plata button[aria-pressed="true"]{background:var(--c-holo);color:var(--c-bay)}
.comutator button,.comutator-plata button{white-space:nowrap}
.ecran{display:flex;flex-direction:column;gap:22px}
.ecran[hidden]{display:none}
.ecran__grup{display:flex;flex-direction:column;gap:12px}
.ecran__eticheta{font-size:.9375rem;font-weight:500;color:#dbe8f5}
.ecran__nota,.ecran__intro{margin:0;font-size:.9375rem;line-height:1.55;color:var(--c-semnal)}
.optiuni{display:grid;gap:14px}
.optiuni--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.optiuni--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.optiune{font:inherit;color:inherit;text-align:left;cursor:pointer;border:1px solid rgba(106,215,255,.28);background:rgba(5,30,56,.5);border-radius:14px;transition:border-color 160ms,background-color 160ms,box-shadow 160ms}
.optiune:hover{border-color:rgba(106,215,255,.6)}
.optiune[aria-pressed="true"]{border-color:var(--c-piersica);background:rgba(253,141,50,.1);box-shadow:0 0 0 1px var(--c-piersica)}
.optiune--card{padding:22px;display:flex;flex-direction:column;gap:8px;min-height:120px}
.optiune__ic{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:rgba(106,215,255,.12);color:var(--c-holo);margin-bottom:4px}
.optiune[aria-pressed="true"] .optiune__ic{background:var(--g-cta);color:var(--c-bay)}
.optiune__titlu{font-size:1.1875rem;font-weight:600}
.optiune__desc{font-size:.875rem;line-height:1.5;color:var(--c-semnal)}
.optiune__pret{font-size:1.875rem;font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums}
.optiune__lei{display:block;margin-top:4px;font-size:.875rem;color:var(--c-moale);font-variant-numeric:tabular-nums}
.optiune__per{font-size:.875rem;font-weight:400;color:var(--c-semnal)}
.optiuni-mici{display:flex;flex-wrap:wrap;gap:10px}
.optiune--mic{padding:11px 16px;font-size:.9375rem;min-height:44px}
.contor{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.contor__buton{width:44px;height:44px;padding:0;font-size:1.375rem}
.contor__valoare{min-width:2.2ch;text-align:center;font-size:1.75rem;font-weight:700;font-variant-numeric:tabular-nums}
.contor__nota{font-size:.875rem;color:var(--c-semnal)}
.campuri-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}
.camp-comanda{display:flex;flex-direction:column;gap:6px;font-size:.875rem;color:#dbe8f5}
.camp-comanda__optional{color:var(--c-semnal)}
.aplicatie .camp{background:rgba(5,30,56,.7);border-color:rgba(106,215,255,.55);color:#fff}
.aplicatie .camp::placeholder{color:#6f8fb3}
.aplicatie .camp:focus{outline-color:var(--c-holo)}
.camp-eroare{font-size:.8125rem;color:#ffb4a2;margin:0}
.camp-eroare[hidden]{display:none}
.acord{display:flex;gap:12px;align-items:flex-start;font-size:.9375rem;line-height:1.5;color:#dbe8f5;cursor:pointer}
.acord input{width:20px;height:20px;margin-top:2px;accent-color:var(--c-piersica);flex-shrink:0}
.acord a{color:#fff}
.rezumat{display:flex;flex-direction:column}
.rezumat__linie{display:grid;grid-template-columns:120px 1fr auto;gap:12px;align-items:center;padding:14px 0;border-top:1px solid rgba(106,215,255,.18)}
.rezumat__eticheta{font-size:.875rem;color:var(--c-semnal)}
.rezumat__valoare{font-size:1rem}
.rezumat__modifica{border:0;background:none;color:var(--c-holo);font:500 .875rem var(--f);cursor:pointer;text-decoration:underline;text-underline-offset:3px;min-height:40px}
.comanda__nav{display:flex;justify-content:space-between;gap:14px;margin-top:32px;padding-top:24px;border-top:1px solid rgba(106,215,255,.18)}
.comanda__nav[hidden]{display:none}
.invizibil{visibility:hidden}
.ecran--gata{align-items:flex-start}
.document-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.document-lista li{display:flex;gap:12px;align-items:center;background:rgba(5,30,56,.55);border:1px solid rgba(106,215,255,.22);border-radius:12px;padding:12px 16px;font-size:.9375rem}
.document-lista .ic{color:var(--c-piersica)}
.comanda-rezumat{position:sticky;top:16px;background:#fff;color:var(--c-navy);border-radius:var(--r-panou);padding:26px;display:flex;flex-direction:column;gap:14px;box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
.comanda-rezumat__sus{font-size:.8125rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:#b3470f}
.comanda-rezumat__linie{display:flex;justify-content:space-between;gap:12px;font-size:.9375rem;padding:8px 0;border-bottom:1px solid var(--c-linie)}
.comanda-rezumat__linie span:first-child{color:var(--c-moale)}
.comanda-rezumat__linie span:last-child{text-align:right;font-weight:500}
.comanda-rezumat__total{display:flex;flex-direction:column;gap:4px;padding-top:6px}
.comanda-rezumat__eticheta{font-size:.875rem;color:var(--c-moale)}
.comanda-rezumat__suma{font-size:2.5rem;font-weight:700;line-height:1.05;font-variant-numeric:tabular-nums}
.comanda-rezumat__lei{font-size:1rem;font-weight:500;color:var(--c-moale);font-variant-numeric:tabular-nums}
.comanda-rezumat__apoi,.comanda-rezumat__gratuit{font-size:.875rem;color:var(--c-moale)}
.comanda-rezumat__gratuit{color:#17704a;font-weight:500}
.comanda-rezumat .prof{width:130px;align-self:center;margin-top:4px}

/* exemple pe niveluri: machete desenate, fără site-uri reale */
.demouri{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.demo{background:#fff;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--umbra);transition:transform .35s var(--ease)}
.demo:hover{transform:translateY(-4px)}
.demo__cadru{padding:18px 18px 0;perspective:1100px;background:radial-gradient(90% 120% at 70% 0%,#0a3563,var(--c-bay) 70%)}
.demo:hover .browser{transform:rotateX(0) translateY(-4px)}
@media (max-width:959px){.demouri{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.demouri{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;margin-inline:calc(-1 * var(--gutter));padding:4px var(--gutter) 18px}
  .demo{flex:0 0 82%;scroll-snap-align:center}}

/* ---------- 14. lățimi ---------- */
@media (max-width:1100px){
  .meniu{gap:20px}
  .antet__pret{display:none}
  .cap-sectiune{grid-template-columns:minmax(0,1fr);gap:16px}
  .subsol__grila{grid-template-columns:repeat(3,minmax(0,1fr))}
  .subsol__despre{grid-column:1/-1}
}
@media (max-width:959px){
  .antet__in{height:72px}
  .antet__meniu-buton{display:inline-flex}
  .meniu{display:none;position:absolute;left:0;right:0;top:72px;flex-direction:column;gap:0;background:#fff;border-radius:14px;box-shadow:0 20px 50px -16px rgba(5,30,56,.55);padding:10px 20px 20px}
  .antet.deschis .meniu{display:flex}
  .meniu a{color:var(--c-navy);font-size:1.125rem;padding:13px 0;border-bottom:1px solid var(--c-linie)}
  .meniu a:hover,.meniu a[aria-current="page"]{color:var(--c-navy)}
  .meniu .meniu__mobil-cta{display:inline-flex;margin-top:16px;border:0;color:var(--c-bay)}
  .erou__grila,.inchidere__grila,.insula,.doua-col,.abonare{grid-template-columns:minmax(0,1fr)}
  .erou__fig{width:min(380px,86vw);order:-1;margin-block:-8px -24px}
  .erou--mic .erou__fig{width:min(280px,70vw)}
  .carduri{grid-template-columns:repeat(2,minmax(0,1fr))}
  .card--prof{grid-column:1/-1;order:-1;min-height:220px}
  .cifre{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px}
  .cifre li:nth-child(3){border-left:0}
  .lucrari,.drumuri,.intrebari{grid-template-columns:minmax(0,1fr)}
  .pachete__grila{grid-template-columns:minmax(0,1fr);max-width:560px;margin-inline:auto}
  .pachet--recomandat{margin-block:0}
  .pachete__note{grid-template-columns:minmax(0,1fr)}
  .insula__fig{min-height:0;justify-content:center}
  .inchidere__fig{width:min(300px,70vw);order:-1}
  .date-locale,.articole{grid-template-columns:repeat(2,minmax(0,1fr))}
  .articol__grila{grid-template-columns:minmax(0,1fr);gap:24px}
  .cuprins{position:static;background:#fff;border-radius:14px;padding:18px 20px;box-shadow:var(--umbra)}
  .comanda__corp{grid-template-columns:minmax(0,1fr)}
  .comanda-rezumat{position:static}
  .comanda-rezumat .prof{display:none}
}
@media (max-width:640px){
  :root{--inset:8px;--gutter:16px}
  body{font-size:1rem}
  .panou{border-radius:16px}
  .antet__cta{display:none}
  .erou{padding:16px 0 40px}
  .lede{font-size:1.0625rem}
  .banda{flex-direction:column;align-items:flex-start;gap:14px}
  .banda__v{width:100%}
  .carduri,.date-locale,.articole,.pagini-lista{grid-template-columns:minmax(0,1fr)}
  .card{padding:22px}
  .pachet,.pachet__in,.drum{padding:24px}
  .comutator{width:100%}
  .comutator button{padding:10px 6px}
  .comutator-plata{display:flex;width:100%}
  .comutator-plata button{flex:1 1 0;padding:9px 6px}
  .notificari{left:0;right:auto;top:auto;bottom:4%;width:82%}
  .subsol__in{padding-top:40px}
  .subsol__grila{padding-right:0;padding-top:0}
  .subsol__despre{padding-right:110px}
  .prof--salut{width:92px;bottom:auto;top:-8px;right:0}
  .subsol__grila{grid-template-columns:repeat(2,minmax(0,1fr))}
  .facut{margin-left:0;flex-wrap:wrap;flex-shrink:1;max-width:100%}
  .intrebare summary{font-size:1.0625rem}
  .corp{border-radius:16px}
  .corp p,.corp li{font-size:1.0625rem}
  .optiuni--2,.optiuni--3,.campuri-2{grid-template-columns:minmax(0,1fr)}
  .pasi-comanda{gap:10px}
  .pasi-comanda__nume{display:none}
  .pasi-comanda li[aria-current="step"] .pasi-comanda__nume{display:inline}
  .rezumat__linie{grid-template-columns:1fr auto}
  .rezumat__eticheta{grid-column:1/-1}
  .abonare__rand{flex-direction:column}
}

/* ---------- 15. mișcare redusă ---------- */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  html{scroll-behavior:auto}
  .notificari li{opacity:1;transform:none}
}

/* ---------- 16. machetele din „Exemple”: mini-site-uri care se derulează la trecerea mouse-ului ---------- */
.demo .browser{transform-style:preserve-3d;will-change:transform}
.demo__ecran{position:relative;aspect-ratio:16/10;overflow:hidden;background:#fff;container-type:size}
.demo__ecran::after{content:"";position:absolute;left:0;right:0;bottom:0;height:22%;pointer-events:none;background:linear-gradient(transparent,rgba(5,30,56,.12));transition:opacity .4s}
.demo:hover .demo__ecran::after{opacity:0}
.ms{--a:var(--d-acc);--p:var(--d-pal);font-size:2.35cqw;line-height:1.3;color:#1d2a3a;background:#fff;transition:transform 6s cubic-bezier(.45,0,.25,1)}
.demo:hover .ms,.demo:focus-within .ms{transform:translateY(calc(-100% + 100cqh));transition-duration:5s}
.ms b{font-weight:700}
.ms-nav{display:flex;align-items:center;gap:.6em;padding:.75em 1.1em;border-bottom:1px solid #eef2f6;background:#fff}
.ms-nav b{font-size:1em;color:#13233a;white-space:nowrap}
.ms-nav--intuneric{background:var(--a);border-color:transparent}
.ms-nav--intuneric b{color:#fff}
.ms-sigla{flex-shrink:0;width:1.7em;height:1.7em;border-radius:.45em;background:var(--a);box-shadow:inset 0 0 0 .45em rgba(255,255,255,.35)}
.ms-nav--intuneric .ms-sigla{background:#fff;box-shadow:inset 0 0 0 .45em var(--a),0 0 0 1px #fff}
.ms-meniu{margin-left:auto;display:flex;align-items:center;gap:.9em;color:#5b6b80;font-size:.8em;white-space:nowrap}
.ms-meniu span:last-child{background:var(--a);color:#fff;padding:.35em .75em;border-radius:.4em;font-weight:600}
.ms-nav--intuneric .ms-meniu{color:rgba(255,255,255,.75)}
.ms-nav--intuneric .ms-meniu span:last-child{background:#fff;color:var(--a)}
.ms-alerta{display:flex;gap:.6em;align-items:center;padding:.45em 1.1em;background:var(--a);color:#fff;font-size:.8em}
.ms-alerta b{background:rgba(255,255,255,.22);padding:.1em .5em;border-radius:99px}
.ms-erou{display:grid;grid-template-columns:1.15fr .85fr;gap:1em;align-items:center;padding:1.5em 1.1em;background:linear-gradient(135deg,var(--p),#fff 80%)}
.ms-erou__t{display:flex;flex-direction:column;gap:.5em;min-width:0}
.ms-erou__t>b{font-size:2em;line-height:1.05;letter-spacing:-.02em;color:#13233a;text-wrap:balance}
.ms-erou__t>span:not([class]){color:#56657a;font-size:.9em}
.ms-erou--intuneric{background:linear-gradient(150deg,var(--a),#0b1f3c)}
.ms-erou--intuneric .ms-erou__t>b{color:#fff}
.ms-erou--intuneric .ms-erou__t>span:not([class]){color:rgba(255,255,255,.75)}
.ms-erou--intuneric .ms-btn{background:#fff;color:var(--a)}
.ms-erou--intuneric .ms-btn--gol{background:transparent;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.6)}
.ms-erou--centru{grid-template-columns:minmax(0,1fr);text-align:center;padding:2.2em 1.4em;background:radial-gradient(120% 140% at 50% 0%,var(--p),#fff 70%)}
.ms-erou--centru .ms-erou__t{align-items:center}
.ms-eticheta{align-self:flex-start;font-size:.72em;font-weight:600;color:var(--a);background:#fff;box-shadow:0 0 0 1px color-mix(in srgb,var(--a) 28%,transparent);padding:.3em .7em;border-radius:99px}
.ms-erou--centru .ms-eticheta{align-self:center}
.ms-btns{display:flex;gap:.5em;margin-top:.3em}
.ms-btn{display:inline-block;font-style:normal;font-size:.78em;font-weight:600;background:var(--a);color:#fff;padding:.55em .95em;border-radius:.45em;white-space:nowrap}
.ms-btn--gol{background:transparent;color:var(--a);box-shadow:inset 0 0 0 1px var(--a)}
.ms-cautare{display:flex;align-items:center;justify-content:space-between;gap:1em;width:78%;margin-top:.5em;padding:.35em .35em .35em 1em;background:#fff;border-radius:.6em;box-shadow:0 .4em 1.4em -.4em rgba(20,30,60,.3);color:#8a97a8;font-size:.85em}
.ms-foto{position:relative;aspect-ratio:1/.82;border-radius:1em;overflow:hidden;display:grid;place-items:end center;color:var(--a);
  background:radial-gradient(80% 70% at 30% 20%,rgba(255,255,255,.35),transparent 60%),linear-gradient(160deg,color-mix(in srgb,var(--a) 70%,#fff),var(--a));box-shadow:0 .8em 1.6em -.8em color-mix(in srgb,var(--a) 70%,transparent)}
.ms-foto svg{width:92%;height:auto;display:block}
.ms-bloc{padding:1.2em 1.1em}
.ms-bloc--pal{background:var(--p)}
.ms-titlu{display:flex;justify-content:space-between;align-items:baseline;gap:1em;font-weight:700;font-size:1.1em;color:#13233a;margin-bottom:.65em}
.ms-titlu small{font-size:.68em;font-weight:600;color:var(--a)}
.ms-grila{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55em}
.ms-grila--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.ms-card{display:flex;flex-direction:column;gap:.2em;background:#fff;border:1px solid color-mix(in srgb,var(--a) 14%,#e8eef4);border-radius:.7em;padding:.75em;font-size:.82em;color:#56657a}
.ms-card i{display:block;width:1.9em;height:1.9em;border-radius:.55em;margin-bottom:.35em;background:linear-gradient(135deg,color-mix(in srgb,var(--a) 55%,#fff),var(--a))}
.ms-card b{color:#13233a;font-size:1.08em;line-height:1.2}
.ms-rand{display:flex;align-items:center;gap:.7em;padding:.55em 0;border-top:1px solid color-mix(in srgb,var(--a) 12%,#edf1f5);font-size:.85em;color:#3b4a5e}
.ms-titlu+.ms-rand{border-top:0}
.ms-data{flex-shrink:0;min-width:3.4em;font-weight:700;color:var(--a)}
.ms-rand em{margin-left:auto;font-style:normal;font-size:.78em;font-weight:600;background:var(--p);color:var(--a);padding:.15em .6em;border-radius:99px}
.ms-bloc--pal .ms-rand em{background:#fff}
.ms-cifre{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6em;text-align:center}
.ms-cifre span{display:flex;flex-direction:column;gap:.15em;font-size:.78em;color:#56657a}
.ms-cifre b{font-size:2.3em;line-height:1;color:var(--a);letter-spacing:-.02em}
.ms-pasi{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5em}
.ms-pasi--linie{grid-template-columns:repeat(3,minmax(0,1fr))}
.ms-pasi span{position:relative;display:flex;flex-direction:column;gap:.2em;padding:.7em .6em .6em;border-top:.22em solid var(--a);background:#fff;border-radius:0 0 .5em .5em;font-size:.8em;color:#56657a;box-shadow:0 .2em .8em -.4em rgba(20,30,60,.25)}
.ms-pasi b{color:#13233a;font-size:1.1em}
.ms-orar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.3em;font-size:.78em;text-align:center}
.ms-orar span{font-weight:700;color:var(--a)}
.ms-orar i{font-style:normal;background:#fff;border-radius:.35em;padding:.35em 0;color:#3b4a5e}
.ms-orar i:nth-of-type(4n+2){background:var(--a);color:#fff}
.ms-cipuri{display:flex;flex-wrap:wrap;gap:.45em}
.ms-cipuri span{font-size:.8em;font-weight:600;padding:.4em .8em;border-radius:99px;background:var(--p);color:var(--a)}
.ms-sigle{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.5em}
.ms-sigle i{height:2.4em;border-radius:.5em;background:#fff;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--a) 18%,#e8eef4);position:relative}
.ms-sigle i::after{content:"";position:absolute;inset:.8em 1em;border-radius:.3em;background:color-mix(in srgb,var(--a) 40%,#c9d3de)}
.ms-sigle i:nth-child(odd)::after{inset:.7em 1.6em;border-radius:50%}
.ms-file{display:flex;gap:.4em;margin-bottom:.6em;font-size:.82em}
.ms-file span{padding:.35em .9em;border-radius:99px;background:#fff;color:#56657a;font-weight:600}
.ms-file .activ{background:var(--a);color:#fff}
.ms-oferta{display:flex;align-items:center;justify-content:space-between;gap:1em;background:#fff;border-radius:.8em;padding:.9em 1em;font-size:.85em;color:#56657a}
.ms-oferta span{display:flex;flex-direction:column}
.ms-oferta b{font-size:1.5em;color:#13233a}
.ms-subsol{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:.8em;padding:1.2em 1.1em 1.5em;background:#13233a;color:#98a6b8;font-size:.74em}
.ms-subsol span{display:flex;flex-direction:column;gap:.2em}
.ms-subsol b{color:#fff}
@media (hover:none){.demo.vazut .ms{animation:ms-derulare 14s cubic-bezier(.45,0,.25,1) 1s infinite alternate}}
@keyframes ms-derulare{0%,12%{transform:none}88%,100%{transform:translateY(calc(-100% + 100cqh))}}

/* ---------- 17. Obligațiile legale ---------- */
.obligatii{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.obligatii__grup{background:#fff;border-radius:18px;padding:26px 28px;box-shadow:var(--umbra)}
.obligatii__titlu{margin:0 0 6px;font-size:.875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#b3470f}
.obligatii__lista{list-style:none;margin:0;padding:0;counter-reset:ob}
.obligatie{counter-increment:ob;position:relative;display:grid;grid-template-columns:34px minmax(0,1fr) auto;column-gap:14px;row-gap:6px;align-items:start;padding:16px 0;border-top:1px solid var(--c-linie)}
.obligatie:first-child{border-top:0}
.obligatie::before{content:counter(ob,decimal-leading-zero);grid-row:1/3;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--c-ice);color:var(--c-navy);font-size:.8125rem;font-weight:700;font-variant-numeric:tabular-nums;transition:background .3s,color .3s}
.obligatie:hover::before{background:var(--g-cta);color:#fff}
.obligatie__ce{grid-column:2;color:var(--c-bay);font-weight:600;line-height:1.4}
.obligatie__lege{grid-column:2;font-size:.875rem;color:var(--c-moale);display:flex;align-items:baseline;gap:6px}
.obligatie__lege::before{content:"§";font-weight:700;color:var(--c-piersica)}
.obligatie__ritm{grid-column:3;grid-row:1/3;align-self:center;display:inline-flex;align-items:center;gap:6px;max-width:220px;font-size:.8125rem;line-height:1.3;font-weight:500;color:var(--c-navy);background:var(--c-ice);box-shadow:inset 0 0 0 1px var(--c-linie);border-radius:12px;padding:6px 12px}
.obligatie__ritm::before{content:"";flex-shrink:0;width:14px;height:14px;background:currentColor;opacity:.7;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='%23000' stroke-width='2.4'/%3E%3Cpath d='M12 7v5l3 2' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='%23000' stroke-width='2.4'/%3E%3Cpath d='M12 7v5l3 2' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat}
.obligatii__nota{margin:22px 0 0;color:var(--c-moale);font-size:.9375rem}
/* cu JS: file în stânga, un singur grup la vedere */
.obligatii.cu-file{grid-template-columns:280px minmax(0,1fr);gap:22px;align-items:start}
.obligatii__file{grid-column:1;grid-row:1;position:sticky;top:24px;display:flex;flex-direction:column;gap:8px}
.obligatii__fila{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:16px 18px;border:0;border-radius:14px;background:rgba(255,255,255,.55);color:var(--c-navy);font:inherit;font-size:1rem;font-weight:600;text-align:left;cursor:pointer;box-shadow:inset 0 0 0 1px var(--c-linie);transition:background .3s,box-shadow .3s,transform .3s var(--ease)}
.obligatii__fila:hover{background:#fff;transform:translateX(4px)}
.obligatii__fila[aria-selected="true"]{background:#fff;box-shadow:var(--umbra),inset 3px 0 0 var(--c-piersica)}
.obligatii__fila b{flex-shrink:0;display:grid;place-items:center;min-width:30px;height:30px;padding:0 8px;border-radius:99px;background:var(--c-ice);font-size:.875rem;transition:background .3s,color .3s}
.obligatii__fila[aria-selected="true"] b{background:var(--g-cta);color:#fff}
.obligatii.cu-file .obligatii__grup{grid-column:2;grid-row:1;padding:30px 34px}
.obligatii.cu-file .obligatii__titlu{font-size:1.375rem;letter-spacing:-.01em;text-transform:none;color:var(--c-navy);margin-bottom:10px}
.obligatii.cu-file .obligatii__grup.intra .obligatie{animation:intra-rand .5s var(--ease) both;animation-delay:calc(var(--i,0) * 60ms)}
@keyframes intra-rand{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media (max-width:900px){
  .obligatii,.obligatii.cu-file{grid-template-columns:minmax(0,1fr)}
  .obligatii__file{grid-row:auto;position:static;flex-direction:row;overflow-x:auto;scrollbar-width:none;margin-inline:calc(-1 * var(--gutter));padding:4px var(--gutter)}
  .obligatii__fila{flex:0 0 auto;width:auto;white-space:nowrap;padding:12px 16px}
  .obligatii__fila:hover{transform:none}
  .obligatii.cu-file .obligatii__grup{grid-column:1;grid-row:auto;padding:24px}
}
@media (max-width:560px){
  .obligatie{grid-template-columns:30px minmax(0,1fr)}
  .obligatie::before{width:30px;height:30px;grid-row:1/4}
  .obligatie__ritm{grid-column:2;grid-row:auto;justify-self:start;align-self:start}
}

/* ---------- 18. mișcare: apariții la derulare, lumină sub cursor, bara de progres ---------- */
.js-apare .apare{opacity:0;transform:translateY(26px);transition:opacity .7s var(--ease),transform .8s var(--ease);transition-delay:calc(var(--i,0) * 80ms)}
.js-apare .apare--zoom{transform:scale(.94) translateY(18px)}
.js-apare .apare.vazut{opacity:1;transform:none}
.js-apare .titlu-sectiune.apare{opacity:1;clip-path:inset(0 0 100% 0);transform:translateY(18px);transition:clip-path .9s var(--ease),transform .9s var(--ease)}
.js-apare .titlu-sectiune.apare.vazut{clip-path:inset(-10% -5% -25% -5%);transform:none}
.lumina::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:2;opacity:0;transition:opacity .35s;
  background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%),rgba(106,215,255,.18),transparent 65%)}
.lumina:hover::after{opacity:1}
.card.lumina::after,.obligatii__grup.lumina::after{background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%),rgba(253,141,50,.10),transparent 65%)}
.obligatii__grup,.demo,.drum{position:relative}
.erou__fig{transition:transform .8s var(--ease)}
.bara-progres{position:fixed;left:0;top:0;height:3px;width:100%;z-index:90;transform-origin:0 50%;transform:scaleX(var(--p,0));background:var(--g-cta);pointer-events:none}
@media (prefers-reduced-motion:reduce){
  .js-apare .apare,.js-apare .titlu-sectiune.apare{opacity:1;transform:none;clip-path:none}
  .ms,.demo:hover .ms{transform:none}
  .bara-progres{display:none}
}

/* ---------- 19. Pentru școli: arhiva, pilonii, paginile pe județe ---------- */
.vizual-ascuns{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.alegere{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:12px;align-items:end;margin-top:28px;max-width:720px}
.alegere__camp{display:flex;flex-direction:column;gap:6px;font-size:.875rem;color:var(--c-semnal)}
.alegere__camp select{appearance:none;font:inherit;font-size:1.0625rem;color:#fff;background:rgba(255,255,255,.08) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%238bb3da' stroke-width='1.6' fill='none'/%3E%3C/svg%3E") no-repeat right 16px center;border:1px solid rgba(139,179,218,.45);border-radius:12px;padding:15px 40px 15px 16px;min-height:54px}
.alegere__camp select:focus-visible{outline:2px solid var(--c-holo);outline-offset:2px}
.alegere__camp option{color:#051e38;background:#fff}
.alegere__buton{white-space:nowrap}
.piloni__cauta{display:block;margin-bottom:22px;max-width:460px}
.piloni__cauta input{width:100%;font:inherit;font-size:1.0625rem;padding:15px 18px;border-radius:12px;border:1px solid var(--c-linie);background:#fff;color:var(--c-bay)}
.piloni__cauta input:focus-visible{outline:2px solid var(--c-navy);outline-offset:2px}
.piloni__grila{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.pilon{background:#fff;border-radius:16px;padding:26px;box-shadow:var(--umbra);display:grid;grid-template-columns:64px minmax(0,1fr);gap:4px 18px;align-content:start}
.pilon__img{grid-row:span 2;width:64px;height:64px;border-radius:14px;background:var(--c-canvas);padding:4px}
.pilon__titlu{margin:0;font-size:1.375rem;line-height:1.25}
.pilon__titlu a{color:var(--c-navy);text-decoration:none}
.pilon__titlu a:hover{text-decoration:underline;text-underline-offset:4px}
.pilon__text{margin:0;font-size:1rem;line-height:1.5;color:var(--c-moale)}
.pilon__cifra,.pilon__judete{grid-column:1/-1}
.pilon__cifra{font-size:.875rem;color:var(--c-moale);margin-top:10px}
.pilon__cifra b{color:var(--c-navy);font-size:1rem}
.pilon__judete{margin-top:12px;border-top:1px solid var(--c-linie);padding-top:12px}
.pilon__judete summary{cursor:pointer;font-weight:600;color:var(--c-navy);list-style-position:inside}
.pilon__lista{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.pilon__lista a{font-size:.875rem;padding:6px 11px;border-radius:999px;background:var(--c-ice);color:var(--c-navy);text-decoration:none;box-shadow:inset 0 0 0 1px var(--c-linie)}
.pilon__lista a:hover{background:var(--c-navy);color:#fff}
.pilon--gol{opacity:.45}
.pagini-lista--trei{grid-template-columns:repeat(3,minmax(0,1fr))}
.legaturi__grila{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:40px}
.legaturi__titlu{display:block;font-weight:600;color:var(--c-navy);margin-bottom:12px}
.legaturi__lista{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:.9375rem}
.legaturi__lista a{color:var(--c-moale)}
.legaturi__lista a:hover{color:var(--c-navy)}
@media (max-width:767px){
.alegere{grid-template-columns:minmax(0,1fr)}
.piloni__grila,.pagini-lista--trei,.legaturi__grila{grid-template-columns:minmax(0,1fr)}
.pilon{padding:20px;grid-template-columns:48px minmax(0,1fr)}
.pilon__img{width:48px;height:48px}
}

/* ---------- 20. accesibilitate: panoul și reglajele lui (acces.js) ----------
   Contrastul de bază (4,5:1 la text, 3:1 la câmpuri și comutatoare) e al site-ului, nu al panoului.
   Clasele de pe <html> vin din alegerile vizitatorului, puse din <head> înainte de randare. */
.acces-buton{position:fixed;left:16px;bottom:16px;z-index:95;width:52px;height:52px;display:grid;place-items:center;padding:0;border:2px solid #fff;border-radius:50%;
  background:var(--c-navy);color:#fff;cursor:pointer;box-shadow:0 10px 24px -8px rgba(5,30,56,.55)}
.acces-buton:hover{background:var(--c-bay)}
.acces-buton[aria-expanded="true"]{background:var(--c-bay);outline:3px solid var(--c-piersica);outline-offset:2px}
.acces-buton:focus-visible{outline:3px solid var(--c-piersica);outline-offset:3px;border-radius:50%}
.acces-panou{position:fixed;left:16px;bottom:80px;z-index:96;width:min(360px,calc(100vw - 32px));max-height:calc(100vh - 100px);max-height:calc(100dvh - 100px);
  display:flex;flex-direction:column;background:#fff;color:var(--c-navy);border:1px solid #6f8aa8;border-radius:var(--r-card);box-shadow:var(--umbra-mare);overflow:hidden}
.acces-panou[hidden]{display:none!important}
.acces-panou__cap{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 14px 14px 20px;background:var(--c-bay);color:#fff}
.acces-panou__cap h2{margin:0;font-size:1.125rem;font-weight:600;line-height:1.3}
.acces-panou__inchide{width:40px;height:40px;display:grid;place-items:center;padding:0;border:0;border-radius:var(--r-buton);background:transparent;color:#fff;cursor:pointer}
.acces-panou__inchide:hover{background:rgba(255,255,255,.12)}
.acces-panou__inchide:focus-visible{outline:2px solid var(--c-holo);outline-offset:-2px}
.acces-panou__corp{overflow-y:auto;padding:16px 20px 6px;display:flex;flex-direction:column;gap:16px}
.acces-marimi{margin:0;padding:0;border:0;min-width:0}
.acces-marimi legend{padding:0;margin-bottom:8px;font-size:.9375rem;font-weight:600}
.acces-marimi__rand{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.acces-marime{position:relative;display:block}
.acces-marime input{position:absolute;opacity:0;width:1px;height:1px}
.acces-marime span{display:grid;place-items:center;min-height:44px;border:1px solid #6f8aa8;border-radius:var(--r-buton);font-size:.875rem;font-weight:500;cursor:pointer;background:#fff}
.acces-marime input:checked+span{background:var(--c-navy);border-color:var(--c-navy);color:#fff}
.acces-marime input:focus-visible+span{outline:3px solid var(--c-piersica);outline-offset:2px}
.acces-comutatoare{display:flex;flex-direction:column;border-top:1px solid var(--c-linie)}
.acces-comut{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;padding:11px 0;border:0;border-bottom:1px solid var(--c-linie);background:none;color:inherit;text-align:left;font:inherit;cursor:pointer}
.acces-comut:focus-visible{outline:3px solid var(--c-piersica);outline-offset:2px;border-radius:var(--r-buton)}
.acces-comut__text{display:flex;flex-direction:column;gap:1px;min-width:0}
.acces-comut__text b{font-size:.9375rem;font-weight:600;line-height:1.35}
.acces-comut__text span{font-size:.8125rem;line-height:1.4;color:var(--c-moale)}
.acces-comut__pista{position:relative;flex-shrink:0;width:44px;height:26px;border:2px solid #6f8aa8;border-radius:13px;background:#fff;transition:background .2s}
.acces-comut__pista span{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#6f8aa8;transition:transform .2s var(--ease)}
.acces-comut[aria-checked="true"] .acces-comut__pista{background:var(--c-navy);border-color:var(--c-navy)}
.acces-comut[aria-checked="true"] .acces-comut__pista span{transform:translateX(18px);background:#fff}
.acces-nota{margin:0;font-size:.8125rem;line-height:1.45;color:var(--c-moale)}
.acces-panou__jos{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:12px 20px 16px;border-top:1px solid var(--c-linie)}
.acces-panou__jos a{font-size:.875rem;font-weight:500}
.acces-panou__jos .acces-nota{flex-basis:100%}
.acces-reset{min-height:40px;padding:8px 14px;border:1px solid var(--c-navy);border-radius:var(--r-buton);background:#fff;color:var(--c-navy);font:500 .875rem/1.2 var(--f);cursor:pointer}
.acces-reset:hover{background:var(--c-ice)}
@media (max-width:480px){.acces-buton{left:12px;bottom:12px;width:48px;height:48px}.acces-panou{left:12px;bottom:70px;width:calc(100vw - 24px)}}
@media print{.acces-buton,.acces-panou{display:none!important}}

/* mărimea textului: totul e în rem, deci crește și cu setarea browserului */
html.acc-text-1{font-size:115%}
html.acc-text-2{font-size:130%}
html.acc-text-3{font-size:150%}

/* legături subliniate */
.acc-linkuri a:not(.cta):not(.sigla){text-decoration:underline!important;text-decoration-thickness:.08em;text-underline-offset:.2em}

/* spațierea textului, la valorile din criteriul 1.4.12 */
.acc-spatiere body *:not(svg):not(svg *){letter-spacing:.12em!important;word-spacing:.16em!important}
.acc-spatiere p,.acc-spatiere li,.acc-spatiere td,.acc-spatiere th,.acc-spatiere dd,.acc-spatiere label{line-height:1.8!important}
.acc-spatiere h1,.acc-spatiere h2,.acc-spatiere h3{line-height:1.45!important}
.acc-spatiere main p{margin-bottom:2em}

/* font mai lizibil: fonturi de sistem cu litere late și forme distincte */
.acc-font body,.acc-font body *:not(svg):not(svg *){font-family:Verdana,Tahoma,"Segoe UI",system-ui,sans-serif!important}

/* focalizare evidentă */
.acc-focus :focus-visible{outline:4px solid var(--c-piersica)!important;outline-offset:3px!important;box-shadow:0 0 0 7px var(--c-bay)!important}

/* animațiile oprite: aceleași reguli ca la prefers-reduced-motion */
.acc-oprit *,.acc-oprit *::before,.acc-oprit *::after{animation:none!important;transition:none!important}
html.acc-oprit{scroll-behavior:auto}
.acc-oprit .notificari li{opacity:1;transform:none}
.acc-oprit .js-apare .apare,.acc-oprit .js-apare .titlu-sectiune.apare{opacity:1;transform:none;clip-path:none}
.acc-oprit .ms,.acc-oprit .demo:hover .ms{transform:none}
.acc-oprit .bara-progres{display:none}

/* contrast ridicat: negru pe alb în zonele deschise, alb pe negru în panourile întunecate */
html.acc-contrast{--c-canvas:#fff;--c-ice:#fff;--c-linie:#000;--c-navy:#000;--c-adanc:#000;--c-bay:#000;--c-moale:#1a1a1a;--c-semnal:#fff;--c-holo:#ffe14d;
  --c-piersica:#000;--c-piersica-2:#000;--g-erou:#000;--g-cta:#ffe14d;--umbra:none;--umbra-mare:none}
.acc-contrast body{background:#fff;color:#000}
.acc-contrast *{text-shadow:none!important;box-shadow:none!important}
.acc-contrast .stele,.acc-contrast .podea,.acc-contrast .halou,.acc-contrast .cta__luciu{display:none!important}
.acc-contrast .panou--intuneric,.acc-contrast .aplicatie,.acc-contrast .abonare--ghid,.acc-contrast .insula,.acc-contrast .pachet__in{background:#000!important;color:#fff}
.acc-contrast .panou--intuneric a:not(.cta),.acc-contrast .insula a:not(.cta),.acc-contrast .aplicatie a:not(.cta){color:#ffe14d}
.acc-contrast .cta{border:2px solid #000;color:#000!important}
.acc-contrast .panou--intuneric .cta,.acc-contrast .insula .cta{border-color:#fff}
.acc-contrast .card,.acc-contrast .pachet,.acc-contrast .camp,.acc-contrast .tabel-invelis{border:1px solid #000}
.acc-contrast .sigla__ro{color:inherit!important}
.acc-contrast .acces-panou{border:2px solid #000}
.acc-contrast .acces-buton{background:#000;border-color:#ffe14d;color:#ffe14d}

/* textul mărit, fontul lat sau spațierea mare nu mai încap pe un rând de 72-84px: antetul se reașază pe două */
.acc-text-2 .antet__in,.acc-text-3 .antet__in,.acc-font .antet__in,.acc-spatiere .antet__in{height:auto;min-height:72px;flex-wrap:wrap;row-gap:10px;padding-block:12px}
.acc-text-2 .antet__capat,.acc-text-3 .antet__capat,.acc-font .antet__capat,.acc-spatiere .antet__capat{flex-wrap:wrap;margin-left:auto}

/* secțiunea „Accesibilitate” de pe Acasă: mostra panoului e doar ilustrație (aria-hidden), butonul deschide panoul real */
.acces-demo{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:22px;align-items:stretch}
.acces-demo__card{position:relative;background:#fff;border-radius:18px;padding:30px;box-shadow:var(--umbra);display:flex;flex-direction:column;gap:14px}
.acces-demo__card h3{margin:0;font-size:1.25rem;font-weight:600;line-height:1.3}
.acces-demo__card p{margin:0;color:var(--c-moale);font-size:1rem;line-height:1.55}
.acces-demo__card--panou{background:var(--g-erou);color:#fff}
.acces-demo__card--panou p{color:#dbe8f5}
.acces-demo__card--panou .cta{align-self:flex-start;margin-top:auto}
.acces-mostra{display:flex;flex-direction:column;background:#fff;color:var(--c-navy);border-radius:var(--r-card);padding:6px 16px;margin-block:6px 10px}
.acces-mostra__rand{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;font-size:.875rem;font-weight:500}
.acces-mostra__rand+.acces-mostra__rand{border-top:1px solid var(--c-linie)}
.acces-mostra__marimi{display:flex;gap:4px}
.acces-mostra__marimi i{font-style:normal;font-size:.75rem;padding:4px 7px;border:1px solid #6f8aa8;border-radius:5px}
.acces-mostra__marimi i.activ{background:var(--c-navy);border-color:var(--c-navy);color:#fff}
.acces-mostra__pista{position:relative;flex-shrink:0;width:40px;height:24px;border:2px solid #6f8aa8;border-radius:12px}
.acces-mostra__pista i{position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#6f8aa8}
.acces-mostra__pista.activ{background:var(--c-navy);border-color:var(--c-navy)}
.acces-mostra__pista.activ i{left:19px;background:#fff}
.acces-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.acces-lista li{position:relative;padding-left:32px;font-size:1rem;line-height:1.5}
.acces-lista li::before{content:"";position:absolute;left:0;top:.15em;width:22px;height:22px;border-radius:50%;background:var(--c-canvas) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.5 12.5l3.6 3.5 7.4-8' fill='none' stroke='%23183d6d' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat}
.acces-demo__nota{margin-top:auto!important;padding-top:14px;border-top:1px solid var(--c-linie);font-size:.9375rem!important}
@media (max-width:959px){.acces-demo{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){.acces-demo__card{padding:22px}}
.acc-contrast .acces-demo__card{border:1px solid #000}
.acc-contrast .acces-demo__card--panou{background:#000!important}
.acc-contrast .acces-lista li::before{background-color:#fff;border:1px solid #000}
.acc-text-2 .cta,.acc-text-3 .cta,.acc-font .cta,.acc-spatiere .cta{white-space:normal;text-align:center;max-width:100%}
.acc-contrast .supratitlu{color:#000}
.acc-contrast .panou--intuneric .supratitlu,.acc-contrast .insula .supratitlu,.acc-contrast .aplicatie .supratitlu{color:#ffe14d}

/* WhatsApp în dreapta jos, în locul siglei reCAPTCHA (ascunsă; nota apare sub fiecare formular).
   #128c7e dă 4,1:1 cu pictograma albă (1.4.11); verdele de marcă #25d366 dădea 2:1. */
.grecaptcha-badge{visibility:hidden!important}
.whatsapp{position:fixed;right:16px;bottom:16px;z-index:95;width:52px;height:52px;display:grid;place-items:center;border:2px solid #fff;border-radius:50%;
  background:#128c7e;color:#fff;box-shadow:0 10px 24px -8px rgba(5,30,56,.55);text-decoration:none}
.whatsapp:hover{background:#075e54;color:#fff}
.whatsapp:focus-visible{outline:3px solid var(--c-piersica);outline-offset:3px;border-radius:50%}
.recaptcha-nota{margin:10px 0 0;font-size:.8125rem;line-height:1.45;color:var(--c-moale)}
.panou--intuneric .recaptcha-nota,.abonare--ghid .recaptcha-nota,.aplicatie .recaptcha-nota{color:#c9dbee}
.panou--intuneric .recaptcha-nota a,.abonare--ghid .recaptcha-nota a,.aplicatie .recaptcha-nota a{color:#fff}
@media (max-width:480px){.whatsapp{right:12px;bottom:12px;width:48px;height:48px}}
@media print{.whatsapp{display:none!important}}
.acc-contrast .whatsapp{background:#000;border-color:#ffe14d;color:#ffe14d}
/* 2.4.11 (WCAG 2.2): elementul focalizat din tastatură nu ajunge sub butoanele fixe de jos */
html{scroll-padding-bottom:88px}
.acces-nota--marimi{margin-top:8px}


/* ---------- WordPress: completări peste prototip ---------- */
/* Imaginea reprezentativă a unui articol, în locul ilustrației din prototip. */
.imagine__foto{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
/* Bara de administrare împinge pagina în jos doar pentru cei autentificați. */
.admin-bar .cuprins{top:56px}