/* impreunafacembine.ro — foaia de stil a site-ului (etapa 3).
   Ideea vizuală: „ștergarul și inima cusută”. Benzile de cusătură moldovenească (romburi) leagă secțiunile,
   barele de progres sunt un ștergar care se țese, iar fotografiile reale stau în chenare drepte, cu colțuri ușor rotunjite.
   Fără arcuri și ferestre. Fundaluri luminoase; vișiniul e doar accent (butoane, titluri). Mobil întâi. Fără biblioteci. */

:root{
  --visiniu:#8B2332; --visiniu-inchis:#6E1A27; --visiniu-pal:#FBEDEE;
  --auriu:#D19A2A; --auriu-text:#7E5812; --auriu-deschis:#F0CF85; --miere:#FDF3DC;
  --verde:#3F6B4A; --verde-pal:#E8F2EA; --salvie:#5E8B63;
  --cerneala:#2A2522; --pergament:#FFFBF3; --pergament-2:#F7F0E2; --gri:#5A524C; --linie:#EADFCB; --alb:#fff;
  --raza:12px; --umbra:0 1px 2px rgba(42,37,34,.08),0 6px 18px rgba(42,37,34,.06);
  --serif:"Lora",Georgia,"Times New Roman",serif;
  --sans:"Source Sans 3","Segoe UI",Roboto,Arial,sans-serif;
  /* motivul de ștergar: romb cu miez auriu și „fir” între romburi */
  --motiv:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='18' viewBox='0 0 36 18'%3E%3Cpath d='M18 2l7 7-7 7-7-7z' fill='none' stroke='%238B2332' stroke-width='2'/%3E%3Cpath d='M18 6.5l2.5 2.5-2.5 2.5-2.5-2.5z' fill='%23D19A2A'/%3E%3Cpath d='M0 9h7M29 9h7' stroke='%238B2332' stroke-width='2'/%3E%3Ccircle cx='3' cy='3' r='1.3' fill='%23D19A2A'/%3E%3Ccircle cx='33' cy='15' r='1.3' fill='%23D19A2A'/%3E%3C/svg%3E");
  --motiv-deschis:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='18' viewBox='0 0 36 18'%3E%3Cpath d='M18 2l7 7-7 7-7-7z' fill='none' stroke='%23E2C27A' stroke-width='2'/%3E%3Cpath d='M18 6.5l2.5 2.5-2.5 2.5-2.5-2.5z' fill='%23E2C27A'/%3E%3Cpath d='M0 9h7M29 9h7' stroke='%23E2C27A' stroke-width='2'/%3E%3C/svg%3E");
  --motiv-bara:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M10 4l6 6-6 6-6-6z' fill='none' stroke='%23E2C27A' stroke-width='1.6' opacity='.85'/%3E%3Ccircle cx='10' cy='10' r='1.6' fill='%23E2C27A'/%3E%3C/svg%3E");
}

*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-padding-top:96px}
body{margin:0;font:400 1.1875rem/1.65 var(--sans);color:var(--cerneala);background:var(--pergament);overflow-wrap:break-word}
img,svg{max-width:100%;height:auto}
h1,h2,h3,h4{font-family:var(--serif);color:var(--visiniu);line-height:1.22;margin:0 0 .55em;font-weight:600}
h1{font-size:clamp(2rem,6vw,3rem);letter-spacing:-.01em}
h2{font-size:clamp(1.5rem,4vw,2.05rem)}
h3{font-size:1.3rem}
p{margin:0 0 1em}
a{color:var(--visiniu);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--visiniu-inchis);text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--cerneala);outline-offset:3px;box-shadow:0 0 0 6px var(--auriu-deschis);border-radius:4px}
strong{font-weight:700}
.ascuns{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sari{position:absolute;left:8px;top:-80px;background:var(--cerneala);color:#fff;padding:12px 18px;z-index:200;border-radius:8px;font-weight:700}
.sari:focus{top:8px;color:#fff}
.container{width:100%;max-width:1160px;margin:0 auto;padding:0 18px}
.ingust{max-width:780px}
.mic{font-size:1rem;color:var(--gri)}
.lead{font-size:1.25rem;line-height:1.55}
.centrat{text-align:center}

/* Marcaje pentru ce e de completat / de probă */
.proba{display:inline-block;background:#FFF1B8;color:#5B4300;border:1px dashed #8A6116;font:700 .78rem/1.4 var(--sans);letter-spacing:.05em;text-transform:uppercase;padding:2px 8px;border-radius:4px;vertical-align:middle}
.de-completat{background:#FDE8E8;color:#7A1F2B;border:1px dashed #7A1F2B;font-weight:700;padding:0 6px;border-radius:4px;font-size:.95em}
.juridic{background:#FFF1B8;border:2px dashed #8A6116;color:#4A3600;padding:12px 16px;border-radius:var(--raza);margin:0 0 1.5em;font-size:1.05rem}

/* ——— Ștergarul: banda de cusătură ——— */
.stergar{height:18px;background:var(--motiv) center/36px 18px repeat-x}
.stergar.deschis{background-image:var(--motiv-deschis)}
.stergar-scurt{display:block;width:108px;height:18px;margin:0 0 14px;background:var(--motiv) left/36px 18px repeat-x}
.centrat .stergar-scurt{margin-left:auto;margin-right:auto}

/* Eticheta de deasupra titlurilor */
.eticheta{display:inline-flex;align-items:center;gap:8px;font:700 .85rem/1.2 var(--sans);text-transform:uppercase;letter-spacing:.08em;color:var(--auriu-text);margin:0 0 .7em}
.eticheta::before{content:"";width:10px;height:10px;background:var(--auriu);transform:rotate(45deg);flex:none}

/* ——— Antet ——— */
.antet{background:var(--alb);position:sticky;top:0;z-index:50;box-shadow:0 1px 0 var(--linie)}
.antet .stergar{height:10px;background-size:20px 10px}
.antet .container{display:flex;align-items:center;gap:12px;min-height:72px;position:relative}
.sigla{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--visiniu);margin-right:auto;min-width:0}
.sigla img{width:46px;height:46px;flex:none}
.sigla span{font:600 1.08rem/1.1 var(--serif);white-space:nowrap}
.sigla small{display:none;font:400 .8rem/1.25 var(--sans);color:var(--gri);margin-top:3px}
@media (min-width:480px){.sigla span{font-size:1.22rem;white-space:nowrap}.sigla small{display:block;white-space:normal}}
.sigla:hover{color:var(--visiniu)}
.meniu-buton{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 14px;background:var(--alb);border:2px solid var(--linie);border-radius:10px;font:700 1rem var(--sans);color:var(--cerneala);cursor:pointer}
.meniu-buton .linii{width:20px;height:2px;background:currentColor;position:relative}
.meniu-buton .linii::before,.meniu-buton .linii::after{content:"";position:absolute;left:0;width:20px;height:2px;background:currentColor}
.meniu-buton .linii::before{top:-6px}.meniu-buton .linii::after{top:6px}
.nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--alb);border-top:1px solid var(--linie);border-bottom:3px solid var(--visiniu);box-shadow:0 12px 24px rgba(0,0,0,.1)}
.nav.deschis{display:block}
/* Pe telefon, cu JavaScript: meniul e un panou care alunecă din dreapta */
.cu-js .nav{display:flex;flex-direction:column;position:fixed;top:0;right:0;bottom:0;left:auto;width:min(86vw,340px);
  background:var(--alb);border:0;border-left:4px solid var(--visiniu);box-shadow:-14px 0 34px rgba(42,37,34,.2);
  transform:translateX(105%);visibility:hidden;transition:transform .3s ease,visibility 0s linear .3s;overflow-y:auto;
  padding-bottom:env(safe-area-inset-bottom);z-index:2}
.cu-js .nav.deschis{transform:none;visibility:visible;transition:transform .3s ease}
.nav-cap{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 14px 12px 22px;border-bottom:1px solid var(--linie)}
.nav-cap b{font:600 1.3rem var(--serif);color:var(--visiniu)}
.nav-inchide{display:inline-grid;place-items:center;width:48px;height:48px;border:2px solid var(--linie);border-radius:10px;background:var(--alb);color:var(--cerneala);font-size:1.6rem;line-height:1;cursor:pointer}
.cu-js .nav ul{padding:6px 22px 14px}
.nav-jos{margin-top:auto;padding:16px 22px 24px;border-top:1px solid var(--linie)}
.nav-jos .btn,.nav .nav-jos a.btn{display:flex;width:100%;color:#fff;border-bottom:0;padding:12px 26px;font-size:1.1rem}
.meniu-fundal{position:fixed;inset:0;background:rgba(42,37,34,.45);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility 0s linear .3s;z-index:1}
.meniu-fundal.vizibil{opacity:1;visibility:visible;transition:opacity .3s ease}
body.meniu-deschis{overflow:hidden}
body.meniu-deschis .antet{z-index:120}
@media (prefers-reduced-motion:reduce){.cu-js .nav,.cu-js .nav.deschis,.meniu-fundal,.meniu-fundal.vizibil{transition:none}}
.nav ul{list-style:none;margin:0;padding:6px 18px 14px}
.nav a{display:block;padding:13px 4px;font-weight:600;font-size:1.1rem;text-decoration:none;color:var(--cerneala);border-bottom:1px solid var(--linie)}
.nav li:last-child a{border-bottom:0}
.nav a[aria-current="page"]{color:var(--visiniu);font-weight:700}
.antet .btn-doneaza{display:none}
/* Fără JavaScript: meniul se arată ca listă sub antet */
.fara-js .meniu-buton{display:none}
.fara-js .nav{display:block;position:static;box-shadow:none;border-bottom:0}
.fara-js .antet{position:static}
.fara-js .antet .container{flex-wrap:wrap}
.fara-js .nav{width:100%}
.fara-js .nav ul{display:flex;flex-wrap:wrap;gap:0 14px;padding:4px 0 10px}
.fara-js .nav a{border:0;padding:6px 0}

/* ——— Butoane ——— */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:54px;padding:12px 26px;border-radius:999px;font:700 1.1rem/1.2 var(--sans);text-decoration:none;border:2px solid transparent;cursor:pointer;text-align:center}
.btn-principal,.btn-doneaza{background:var(--visiniu);color:#fff;box-shadow:0 2px 0 var(--visiniu-inchis)}
.btn-principal:hover,.btn-doneaza:hover{background:var(--visiniu-inchis);color:#fff}
.btn-secundar{background:var(--alb);color:var(--visiniu);border-color:var(--visiniu)}
.btn-secundar:hover{background:var(--visiniu-pal);color:var(--visiniu-inchis)}
.btn-auriu{background:var(--auriu-deschis);color:var(--cerneala)}
.btn-auriu:hover{background:#EBD192;color:var(--cerneala)}
.btn-mic{min-height:46px;padding:8px 18px;font-size:1.02rem}
.btn-lat{width:100%}
.btn-doneaza::before{content:"";width:9px;height:9px;background:var(--auriu-deschis);transform:rotate(45deg)}

/* Bara fixă „Donează” pe telefon */
.bara-doneaza{position:fixed;left:0;right:0;bottom:0;z-index:60;background:rgba(255,255,255,.97);border-top:1px solid var(--linie);padding:10px 16px calc(10px + env(safe-area-inset-bottom))}
.bara-doneaza .btn{width:100%}
body{padding-bottom:86px}
.fara-bara{padding-bottom:0}

/* ——— Secțiuni ——— */
.sectiune{padding:52px 0}
.sectiune.alba{background:var(--alb)}
.sectiune.pergament-2{background:var(--pergament-2)}
/* „inchisa” a rămas ca nume de clasă, dar acum e o secțiune caldă, luminoasă (miere), nu un bloc închis la culoare */
.sectiune.inchisa{background:var(--miere);color:var(--cerneala)}
.sectiune.salvie{background:var(--verde-pal)}
.titlu-sectiune{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:8px 20px;margin-bottom:24px}
.titlu-sectiune h2{margin:0}
.titlu-sectiune p{margin:0}
.leg-sageata{font-weight:700;white-space:nowrap}

/* ——— Antetul paginilor interioare ——— */
.antet-pagina{background:var(--alb);padding:34px 0 30px;border-bottom:1px solid var(--linie)}
.antet-pagina h1{margin-bottom:.3em}
.antet-pagina .lead{margin:0;max-width:60ch;color:var(--gri)}
.cale{font-size:1rem;margin:0 0 14px}
.cale ol{list-style:none;display:flex;flex-wrap:wrap;gap:4px 6px;padding:0;margin:0}
.cale li+li::before{content:"›";margin-right:6px;color:var(--gri)}
.cale a{color:var(--gri)}

/* ——— Erou (pagina de start): fotografie reală mare, cu textul pe o casetă luminoasă ——— */
.erou{position:relative;background:var(--pergament)}
.erou-poza{position:relative;margin:0;height:clamp(240px,62vw,360px);overflow:hidden;background:var(--pergament-2)}
.erou-poza img{width:100%;height:100%;object-fit:cover;object-position:30% 60%;display:block}
.erou-poza figcaption{position:absolute;right:8px;top:8px;background:rgba(255,255,255,.88);color:var(--cerneala);font-size:.82rem;line-height:1.3;padding:3px 9px;border-radius:6px;max-width:80%}
.erou .container{position:relative}
.erou-text{background:var(--alb);border-radius:16px;box-shadow:0 10px 30px rgba(42,37,34,.12);padding:24px 20px 26px;margin:-56px 0 0;position:relative;z-index:2}
.erou h1{font-size:clamp(2.1rem,7.6vw,3.4rem);margin-bottom:.35em}
.erou h1 em{font-style:italic;color:var(--auriu-text);font-weight:500}
.erou .lead{max-width:44ch}
.erou .actiuni{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0 10px}
.erou-garantii{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:8px;font-size:1.02rem;color:var(--gri)}
.erou-garantii li{display:flex;gap:10px;align-items:flex-start}
.erou-garantii li::before{content:"";width:8px;height:8px;margin-top:.6em;background:var(--salvie);transform:rotate(45deg);flex:none}
.erou .stergar{margin-top:36px}

/* ——— Fotografii: dreptunghiuri cu colțuri ușor rotunjite ——— */
.poza{margin:0;position:relative;border-radius:var(--raza);overflow:hidden;background:var(--pergament-2)}
.poza img{display:block;width:100%;height:100%;aspect-ratio:4/3;object-fit:cover}
.poza.lata img{aspect-ratio:16/9}
.poza.inalta img{aspect-ratio:3/4}
.poza figcaption,.legenda-poza{font-size:.92rem;color:var(--gri);line-height:1.4;padding:8px 2px 0;background:var(--pergament)}
.galerie{display:grid;gap:14px;grid-template-columns:1fr 1fr;margin:0 0 1.5em}
.galerie .poza img{aspect-ratio:1/1}
.galerie .poza.lata{grid-column:1/-1}
.galerie .poza.lata img{aspect-ratio:16/9}
/* Ilustrații SVG (unde nu avem încă fotografie bună) */
.ilustratie{display:block;width:100%;height:auto;aspect-ratio:4/3;border-radius:var(--raza);background:var(--miere)}
.ilustratie.lata{aspect-ratio:16/9}
/* Loc gol pentru fotografie (de completat) */
.foto{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;aspect-ratio:4/3;background:repeating-linear-gradient(135deg,#F6EFE1 0 12px,#F1E9D8 12px 24px);color:var(--gri);font-weight:600;font-size:1rem;text-align:center;padding:24px 16px 16px;border-radius:var(--raza)}
.foto::before{content:"";width:30px;height:24px;border:2px solid currentColor;border-radius:4px;background:radial-gradient(circle at 50% 55%,currentColor 0 4px,transparent 5px)}
.foto.lata{aspect-ratio:16/9}

/* ——— Carduri de proiect ——— */
.grila{display:grid;gap:22px;grid-template-columns:1fr}
.card{background:var(--alb);border:1px solid var(--linie);border-radius:var(--raza);box-shadow:var(--umbra);display:flex;flex-direction:column;overflow:hidden}
.card-proiect>.poza,.card-proiect>.ilustratie,.card-proiect>.foto{border-radius:0}
.card-proiect>.poza img,.card-proiect>.ilustratie{aspect-ratio:3/2}
@media (min-width:600px){.grila.doua .card-proiect>.poza img,.grila.doua .card-proiect>.ilustratie{aspect-ratio:16/8}}
.card .corp{padding:18px 18px 22px;display:flex;flex-direction:column;gap:10px;flex:1}
.card h3{margin:0;font-size:1.32rem}
.card h3 a,.card h2 a{text-decoration:none}
.card h3 a:hover,.card h2 a:hover{text-decoration:underline}
.card p{margin:0}
.card .btn{margin-top:auto}
.card-text{padding:20px}
.categorie{font:700 .85rem/1.2 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--auriu-text)}
.stare{display:inline-block;font:700 .82rem/1.3 var(--sans);padding:3px 10px;border-radius:99px;background:var(--verde-pal);color:#24452D;border:1px solid #B9D2BF}
.stare.incheiat{background:#EEE;color:#444;border-color:#CCC}

/* ——— Progresul ca ștergar care se țese ——— */
.progres{display:flex;flex-direction:column;gap:8px}
.bara{position:relative;height:20px;background:var(--pergament-2);border:1px solid var(--linie);border-radius:4px;overflow:hidden}
.bara span{display:block;height:100%;background:var(--visiniu) var(--motiv-bara) left center/20px 20px repeat-x;border-right:3px solid var(--auriu);transition:width .8s ease}
.cifre{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:2px 12px;font-size:1.02rem;color:var(--gri)}
.cifre strong{color:var(--cerneala);font-size:1.2rem}
.procent{font:700 1.05rem var(--sans);color:var(--visiniu)}
.progres-mare .bara{height:28px}
.progres-mare .cifre strong{font-size:1.6rem;font-family:var(--serif)}

/* ——— Cifrele binelui ——— */
.cifre-bine{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cifra{border:1px solid #EBD9B0;border-radius:var(--raza);padding:18px 16px;background:var(--alb)}
.cifra b{display:block;font:600 2rem/1.1 var(--serif);color:var(--visiniu);margin-bottom:4px}
.cifra span{font-size:1.02rem;color:var(--gri)}

/* ——— Pași numerotați cu romb ——— */
.pasi{list-style:none;margin:0;padding:0;display:grid;gap:16px;counter-reset:p}
.pasi>li{background:var(--alb);border:1px solid var(--linie);border-radius:var(--raza);padding:18px 18px 18px 74px;position:relative;counter-increment:p}
.pasi>li::before{content:counter(p);position:absolute;left:20px;top:20px;width:36px;height:36px;background:var(--visiniu);color:#fff;font:700 1.1rem/36px var(--serif);text-align:center;border-radius:4px;transform:rotate(45deg)}
.pasi>li::after{content:counter(p);position:absolute;left:20px;top:20px;width:36px;height:36px;color:#fff;font:700 1.1rem/36px var(--serif);text-align:center}
.pasi>li::before{color:transparent}
.pasi h3{font-size:1.15rem;margin-bottom:.3em}
.pasi p{margin:0}
.pasi.pe-inchis>li{background:var(--alb);border-color:#EBD9B0}

/* ——— Binecuvântarea ——— */
.binecuvantare{display:grid;gap:18px;align-items:center;border-top:3px double var(--auriu);border-bottom:3px double var(--auriu);padding:26px 4px;text-align:center}
.binecuvantare img{width:64px;height:64px;justify-self:center}
.binecuvantare h2{font-size:1.5rem}

/* ——— Casete ——— */
.caseta{background:var(--alb);border:1px solid var(--linie);border-radius:var(--raza);padding:22px;position:relative}
.caseta.cu-fir{border-top:5px solid var(--visiniu)}
.caseta h3{margin-bottom:.4em}
.caseta>:last-child{margin-bottom:0}
.caseta-auriu{background:#FBF4E4;border-color:#E8D6AE}
.duo{display:grid;gap:18px}

/* ——— Citat / verset ——— */
.verset{max-width:44ch;margin:0 auto;text-align:center;font:500 italic clamp(1.3rem,3.6vw,1.7rem)/1.45 var(--serif);color:var(--cerneala)}
.verset cite{display:block;margin-top:10px;font:600 normal 1rem var(--sans);color:var(--gri)}

/* ——— Formulare ——— */
.formular{display:grid;gap:18px}
.camp{display:flex;flex-direction:column;gap:6px}
label,.legenda{font-weight:700}
.ajutor{font-size:1rem;color:var(--gri);font-weight:400}
input[type=text],input[type=email],input[type=number],input[type=tel],select,textarea{width:100%;min-height:54px;padding:12px 14px;font:400 1.15rem var(--sans);color:var(--cerneala);background:#fff;border:2px solid #847A70;border-radius:10px}
textarea{min-height:150px;resize:vertical}
input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--visiniu)}
input[aria-invalid=true],select[aria-invalid=true]{border-color:#9B1C1C;background:#FFF7F7}
.bifa{display:flex;gap:12px;align-items:flex-start;font-weight:400}
.bifa input{width:26px;height:26px;margin:1px 0 0;flex:none;accent-color:var(--visiniu)}
fieldset{border:0;padding:0;margin:0;min-width:0}
legend{padding:0;margin-bottom:10px}
.optiuni{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.optiune{position:relative;display:block}
.optiune input{position:absolute;opacity:0;width:1px;height:1px}
.optiune span{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:62px;padding:8px;border:2px solid #847A70;border-radius:10px;background:#fff;font-weight:700;font-size:1.15rem;text-align:center;cursor:pointer;line-height:1.2}
.optiune span small{font-weight:400;font-size:.9rem;color:var(--gri);margin-top:2px}
.optiune input:checked+span{border-color:var(--visiniu);background:var(--visiniu-pal);color:var(--visiniu);box-shadow:inset 0 0 0 2px var(--visiniu)}
.optiune input:focus-visible+span{outline:3px solid var(--cerneala);outline-offset:2px}
.eroare{color:#9B1C1C;font-weight:700;font-size:1.02rem;margin:0}
.capcana{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.mesaj-ok{background:var(--verde-pal);color:#1F4A2B;border:2px solid var(--verde);border-radius:10px;padding:14px;font-weight:700}

/* ——— Donație ——— */
.donatie{border-top:6px solid var(--visiniu)}
.donatie .corp{padding:22px 18px 26px;gap:26px}
.pas-titlu{display:flex;align-items:center;gap:12px;font:600 1.35rem/1.2 var(--serif);color:var(--visiniu);margin:0 0 14px}
.pas-titlu i{font-style:normal;display:inline-grid;place-items:center;width:34px;height:34px;flex:none;color:#fff;font:700 1rem var(--sans);position:relative;z-index:0}
.pas-titlu i::before{content:"";position:absolute;inset:3px;background:var(--visiniu);transform:rotate(45deg);border-radius:3px;z-index:-1}
.despartitor{border:0;height:18px;background:var(--motiv) center/36px 18px repeat-x;opacity:.35;margin:0}
.rezumat-viu{background:var(--pergament);border:1px dashed var(--auriu);border-radius:10px;padding:14px 16px;font-size:1.1rem}
.sigur{display:flex;gap:10px;align-items:flex-start;font-size:1rem;color:var(--gri)}
.sigur svg{flex:none;width:22px;height:22px;margin-top:2px}

.alternative{display:grid;gap:10px;grid-template-columns:1fr 1fr}
.alternative a{display:flex;flex-direction:column;justify-content:center;min-height:84px;background:#fff;border:1px solid var(--linie);border-radius:var(--raza);padding:12px;text-decoration:none;font-weight:700;color:var(--visiniu);text-align:center;line-height:1.25}
.alternative a small{display:block;font-weight:400;color:var(--gri);font-size:.92rem;margin-top:4px}
.alternative a:hover{border-color:var(--visiniu)}

.date-banca{display:grid;gap:12px}
.iban{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;background:var(--pergament);border:1px solid var(--linie);border-radius:10px;padding:12px}
.iban code{font:700 1.08rem/1.4 ui-monospace,Consolas,monospace;word-break:break-all}
.date-lista{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;margin:0}
.date-lista dt{color:var(--gri)}
.date-lista dd{margin:0;font-weight:700;min-width:0;overflow-wrap:anywhere}

/* Filtru proiecte */
.filtru{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.filtru button{min-height:46px;padding:8px 18px;border-radius:99px;border:2px solid var(--visiniu);background:#fff;color:var(--visiniu);font:700 1.02rem var(--sans);cursor:pointer}
.filtru button[aria-pressed="true"]{background:var(--visiniu);color:#fff}

/* Tabele */
.tabel{overflow-x:auto;border:1px solid var(--linie);border-radius:var(--raza);background:#fff}
table{width:100%;border-collapse:collapse;font-size:1.05rem}
caption{text-align:left;padding:12px 14px;font-weight:700;color:var(--gri)}
th,td{padding:12px 14px;border-top:1px solid var(--linie);text-align:left;vertical-align:top}
thead th{background:var(--pergament-2);border-top:0}
td.suma,th.suma{text-align:right;white-space:nowrap}
tfoot td{font-weight:700;background:var(--pergament)}
@media (max-width:599px){.pas-cu-pas>li{grid-template-columns:38px 1fr;gap:12px;padding:14px}.pas-cu-pas>li::before{width:38px;height:38px;font-size:1.05rem}.pas-cu-pas ul{padding-left:1.1rem}}
@media (max-width:599px){table{font-size:1rem}th,td{padding:10px 7px}caption{padding:10px 7px}}

/* Vești */
.veste{display:grid;gap:14px}
.data{font-size:1rem;color:var(--gri)}
.lista-vesti{display:grid;gap:22px}

/* Text lung (pagini legale, articole) */
.continut{max-width:72ch}
.container.continut{max-width:1160px}
.container.continut>*{max-width:72ch}
.container.ingust.continut{max-width:780px}
.continut h2{margin-top:1.7em;font-size:1.55rem}
.continut h3{margin-top:1.4em}
.continut ul,.continut ol{padding-left:1.4rem}
.continut li{margin-bottom:.45em}
.cuprins{background:var(--alb);border:1px solid var(--linie);border-radius:var(--raza);padding:16px 20px;margin-bottom:28px}
.cuprins ol{margin:0;padding-left:1.3rem}

/* Pași numerotați simpli (formularul 230) */
.pas-cu-pas{counter-reset:q;list-style:none;padding:0;margin:0;display:grid;gap:14px}
.pas-cu-pas>li{counter-increment:q;display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:start;background:#fff;border:1px solid var(--linie);border-radius:var(--raza);padding:16px}
.pas-cu-pas>li::before{content:counter(q);display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--pergament-2);border:2px solid var(--visiniu);color:var(--visiniu);font:700 1.2rem var(--serif)}
.pas-cu-pas h3{font-size:1.15rem;margin:.35em 0 .3em}
.pas-cu-pas p:last-child{margin:0}

/* Abonare */
.abonare{background:var(--alb);border:1px solid var(--linie);border-radius:var(--raza);padding:34px 22px 26px;position:relative;overflow:hidden;box-shadow:var(--umbra)}
.abonare::before{content:"";position:absolute;left:0;right:0;top:0;height:18px;background:var(--motiv) center/36px 18px repeat-x;opacity:.55}
.abonare h2{margin-top:6px}
.abonare .btn{background:var(--visiniu);color:#fff}
.abonare .btn:hover{background:var(--visiniu-inchis);color:#fff}

/* Subsol */
.subsol{background:var(--cerneala);color:#E9E1D3;font-size:1.02rem}
.subsol .stergar{opacity:.9}
.subsol .container{padding-top:40px;padding-bottom:26px}
.subsol a{color:#fff}
.subsol h2{font-size:1.12rem;color:var(--auriu-deschis);margin-bottom:.7em}
.subsol ul{list-style:none;padding:0;margin:0}
.subsol li{margin-bottom:9px}
.subsol .coloane{display:grid;gap:30px}
.subsol .jos{border-top:1px solid rgba(255,255,255,.18);margin-top:30px;padding-top:18px;font-size:.98rem;display:flex;flex-wrap:wrap;gap:6px 20px;justify-content:space-between}
.subsol .sigla-subsol{display:flex;gap:12px;align-items:center;margin-bottom:14px}
.subsol .sigla-subsol img{width:52px;height:52px}
.subsol .sigla-subsol span{font:600 1.25rem/1.15 var(--serif);color:#fff}
.subsol .de-completat,.abonare .de-completat{background:#FDE8E8;color:#7A1F2B}

/* Două coloane: pe telefon, una sub alta; caseta de donație a proiectului urcă sus */
.doua-coloane{display:flex;flex-direction:column;gap:30px}
.doua-coloane>*{min-width:0}
.sus-pe-mobil{order:-1}
@media (min-width:960px){.sus-pe-mobil{order:0}}

/* Pagina 404 */
.pagina-404{padding:60px 0;text-align:center}
.pagina-404 svg{width:180px;margin:0 auto 20px;display:block}

@media (min-width:600px){
  .grila.doua{grid-template-columns:repeat(2,1fr)}
  .cifre-bine{grid-template-columns:repeat(4,1fr)}
  .optiuni.patru{grid-template-columns:repeat(4,1fr)}
  .alternative{grid-template-columns:repeat(4,1fr)}
  .duo{grid-template-columns:1fr 1fr}
  .binecuvantare{grid-template-columns:auto 1fr;text-align:left}
  .donatie .corp{padding:28px 30px 32px}
}
@media (min-width:1100px){
  body{padding-bottom:0}
  .bara-doneaza{display:none}
  .meniu-buton{display:none}
  .nav,.fara-js .nav,.cu-js .nav{display:block;position:static;border:0;box-shadow:none;background:none;width:auto;
    transform:none;visibility:visible;transition:none;overflow:visible;padding:0}
  .nav-cap,.nav-jos,.meniu-fundal{display:none}
  .nav ul,.fara-js .nav ul,.cu-js .nav ul{display:flex;gap:0;padding:0}
  .nav a,.fara-js .nav a{border:0;padding:10px 9px;border-radius:8px;font-size:1.02rem;white-space:nowrap}
  .nav a:hover{background:var(--pergament)}
  .nav a[aria-current="page"]{box-shadow:inset 0 -3px 0 var(--auriu);border-radius:0}
  .antet .btn-doneaza{display:inline-flex}
  .fara-js .antet .container{flex-wrap:nowrap}
  .sigla small{white-space:nowrap}
}
@media (min-width:960px){
  .erou{min-height:620px;display:flex;flex-direction:column}
  .erou-poza{position:absolute;right:0;top:0;bottom:18px;width:62%;height:auto}
  .erou-poza img{object-position:25% 55%}
  .erou-poza figcaption{top:auto;bottom:12px;right:14px}
  .erou .container{flex:1;display:flex;align-items:center}
  .erou-text{margin:48px 0;max-width:560px;padding:34px 36px 32px}
  .erou .stergar{margin-top:0;position:relative;z-index:2}
  .galerie{grid-template-columns:repeat(3,1fr)}
  .grila.trei{grid-template-columns:repeat(3,1fr)}
  .grila.patru{grid-template-columns:repeat(4,1fr)}
  .pasi{grid-template-columns:repeat(4,1fr)}
  .pasi>li{padding:76px 22px 22px}
  .pasi>li::before,.pasi>li::after{left:24px;top:24px}
  .pasi.trei{grid-template-columns:repeat(3,1fr)}
  .subsol .coloane{grid-template-columns:1.6fr 1fr 1fr 1.3fr}
  .doua-coloane{display:grid;grid-template-columns:1.55fr 1fr;gap:40px;align-items:start}
  .lipicios{position:sticky;top:110px}
  .sectiune{padding:72px 0}
}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media print{.antet,.bara-doneaza,.subsol,.stergar{display:none}body{background:#fff;padding:0}}

/* Realizat de AvvaSoft — sigla mică în subsol, cu legătura spre avvasoft.ro (25.10.2026) */
.realizat-avvasoft{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;vertical-align:middle;line-height:1;margin-top:-4px}
.realizat-avvasoft img{width:22px;height:22px;border-radius:50%;vertical-align:middle}

/* Citatul din secțiunea „Poți și tu” (25.10.2026) */
.citat-scurt{margin:18px 0;padding:14px 18px;border-left:4px solid var(--auriu,#B8862B);background:rgba(184,134,43,.08);border-radius:0 12px 12px 0;font-family:var(--serif,Lora,Georgia,serif);font-style:italic;font-size:1.15rem;line-height:1.5}
.citat-scurt cite{display:block;margin-top:6px;font-style:normal;font-family:inherit;font-size:.9rem;opacity:.75}