/* Paginile noi: portofoliul, blogul si articolele. Folosesc aceleasi culori
   si aceleasi fonturi ca restul site-ului. */
.rdn-pagina{
  --rdn-mov:#6239bd;
  --rdn-cyan:#74c5da;
  --rdn-rosu:#cc0000;
  --rdn-navy:#19233f;
  --rdn-stins:#55607a;
  --rdn-linie:rgba(98,57,189,.12);
  --rdn-umbra:0 1px 2px rgba(9,41,51,.05), 0 18px 40px -28px rgba(9,41,51,.45);
  font-family:'Open Sans',Arial,sans-serif;
}
.rdn-sectiune{padding:70px 0}
.rdn-portofoliu{background:linear-gradient(180deg,#ffffff 0%,#f7f6fd 100%)}
.rdn-blog{background:#ffffff;border-top:1px solid var(--rdn-linie)}
.rdn-text-articol{background:linear-gradient(180deg,#ffffff 0%,#f9f9fd 100%);padding-top:58px}
.rdn-chemare{background:linear-gradient(120deg,#19233f 0%,#2a1c56 100%)}
.rdn-container{width:100%;max-width:1216px;margin:0 auto;padding:0 5%;box-sizing:border-box}
.rdn-ingust{max-width:760px}

/* Supratitlul e h1-ul paginii de portofoliu (vezi TITLU_PAGINA din
   scripts/titluri.py): textul rămâne „Portofoliu", se schimbă doar eticheta.
   Scris cu două clase, ca să treacă înaintea regulii temei „.post-content h1",
   care altfel i-ar da 90px, l-ar subția și i-ar lua majusculele. Marginea de
   jos e 20px, cât îi dădea regula paragrafului înainte. */
.rdn-pagina .rdn-supratitlu,
.rdn-supratitlu{
  margin:0 0 20px;font-size:12px;line-height:30px;font-weight:700;
  letter-spacing:3px;text-transform:uppercase;color:var(--rdn-mov);
}
.rdn-titlu-sectiune{
  margin:0 0 14px;font-family:Teko,'Open Sans',sans-serif;font-weight:400;
  font-size:52px;line-height:1;
}
/* Titlurile h2 iau degradeul violet al site-ului, ca peste tot. Pe banda
   inchisa de la final insa ar fi ilizibile, deci acolo raman albe. */
.rdn-titlu-sectiune::after{display:none !important}
.rdn-chemare .rdn-titlu-sectiune{
  background:none !important;
  -webkit-text-fill-color:#ffffff !important;
  color:#ffffff !important;
}
.rdn-lucrare-nume,.rdn-corp-articol h3{color:var(--rdn-navy) !important}
.rdn-corp-articol h2::after,.rdn-corp-articol h3::after,.rdn-lucrare-nume::after{display:none !important}
.rdn-articol-titlu a{color:var(--rdn-navy) !important}
.rdn-intro{margin:0 0 34px;max-width:64ch;font-size:15px;line-height:1.7;color:var(--rdn-stins)}
/* In sectiuni-flux.css, .rdn-intro e panoul translucid de pe benzile
   violete. Paginile astea il incarca si ele, iar panoul desena o cutie
   palida in jurul paragrafului. Aici intro e doar un paragraf. */
.rdn-pagina .rdn-intro{
  padding:0;background:none;border:0;border-radius:0;box-shadow:none;
  backdrop-filter:none;-webkit-backdrop-filter:none;
  max-width:64ch;margin:0 0 34px;text-align:left;
}
.rdn-pagina .rdn-chemare .rdn-intro{margin-bottom:0}
.rdn-chemare .rdn-intro{color:rgba(255,255,255,.8);margin-bottom:0}

/* --- lucrarile ------------------------------------------------------- */
.rdn-lucrari{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.rdn-lucrare{
  display:flex;flex-direction:column;overflow:hidden;
  background:#ffffff;border:1px solid var(--rdn-linie);border-radius:16px;
  box-shadow:var(--rdn-umbra);
  transition:transform .3s cubic-bezier(.22,.61,.36,1),box-shadow .3s,border-color .3s;
}
@media (hover: hover) and (pointer: fine){
  .rdn-lucrare:hover{transform:translateY(-4px);border-color:rgba(204,0,0,.45);box-shadow:0 26px 50px -30px rgba(204,0,0,.45)}
}
.rdn-lucrare.rdn-apasat{transform:translateY(-4px);border-color:rgba(204,0,0,.45);box-shadow:0 26px 50px -30px rgba(204,0,0,.45)}

.rdn-lucrare-poza{aspect-ratio:400/221;overflow:hidden;background:#eef1f8}
.rdn-lucrare-poza img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}
.rdn-lucrare-corp{display:flex;flex-direction:column;gap:8px;padding:20px 22px 22px;flex:1 1 auto}
.rdn-lucrare-etichete{display:flex;flex-wrap:wrap;gap:6px}
.rdn-eticheta-serviciu{
  font-size:10px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;
  color:var(--rdn-mov);background:rgba(98,57,189,.08);border-radius:99px;padding:4px 10px;
}
.rdn-lucrare-nume{
  margin:4px 0 0;font-family:Teko,'Open Sans',sans-serif;font-weight:400;
  font-size:30px;line-height:1.05;color:var(--rdn-navy);
}
.rdn-lucrare-domeniu{margin:0;font-size:12px;letter-spacing:.04em;color:#8b93a7}
.rdn-lucrare-text{margin:6px 0 0;font-size:14px;line-height:1.65;color:var(--rdn-stins);flex:1 1 auto}
.rdn-lucrare-actiuni{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:14px}
.rdn-lucrare-buton{
  display:inline-block;padding:11px 20px;border-radius:24px;
  background:linear-gradient(135deg,#7a4fd6,var(--rdn-mov));color:#ffffff!important;
  font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;text-decoration:none;
  transition:filter .25s,transform .25s;
}
.rdn-lucrare-buton:hover{filter:saturate(1.15) brightness(1.06);transform:translateY(-1px)}
.rdn-lucrare-link{
  display:inline-flex;align-items:center;gap:6px;
  font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  color:var(--rdn-mov)!important;text-decoration:none;
}
.rdn-lucrare-link:hover{color:#4a2a96!important}

/* --- blog ------------------------------------------------------------- */
.rdn-articole{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
/* Cu unul sau doua articole, grila de trei lasa jumatate de rand gol.
   Numarul scris in data-cate strange coloanele dupa cate carduri sunt. */
.rdn-articole[data-cate="1"]{grid-template-columns:minmax(0,520px)}
.rdn-articole[data-cate="2"]{grid-template-columns:repeat(2,minmax(0,1fr));max-width:900px}
.rdn-toate{margin-top:26px}
.rdn-articol{
  display:flex;flex-direction:column;gap:8px;padding:24px;
  background:#ffffff;border:1px solid var(--rdn-linie);border-radius:16px;
  box-shadow:var(--rdn-umbra);
  transition:transform .3s cubic-bezier(.22,.61,.36,1),box-shadow .3s;
}
@media (hover: hover) and (pointer: fine){
  .rdn-articol:hover{transform:translateY(-4px);border-color:rgba(204,0,0,.45);box-shadow:0 26px 50px -30px rgba(204,0,0,.45)}
}
.rdn-articol.rdn-apasat{transform:translateY(-4px);border-color:rgba(204,0,0,.45);box-shadow:0 26px 50px -30px rgba(204,0,0,.45)}

.rdn-articol-data{margin:0;font-size:11px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:#8b93a7}
.rdn-articol-titlu{margin:2px 0 0;font-family:Teko,'Open Sans',sans-serif;font-weight:400;font-size:30px;line-height:1.05}
.rdn-articol-titlu a{color:var(--rdn-navy)!important;text-decoration:none}
.rdn-articol-titlu a:hover{color:var(--rdn-mov)!important}
.rdn-articol-rezumat{margin:0;font-size:14px;line-height:1.65;color:var(--rdn-stins);flex:1 1 auto}
.rdn-articol-link{
  display:inline-flex;align-items:center;gap:6px;margin-top:10px;
  font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  color:var(--rdn-mov)!important;text-decoration:none;
}

/* --- articolul in sine ------------------------------------------------ */
.rdn-corp-articol{margin-top:18px;font-size:16px;line-height:1.75;color:#2f3950}
.rdn-corp-articol h2{
  margin:34px 0 12px;font-family:Teko,'Open Sans',sans-serif;font-weight:400;
  font-size:38px;line-height:1.05;color:var(--rdn-navy);
}
.rdn-corp-articol h3{
  margin:26px 0 10px;font-family:Teko,'Open Sans',sans-serif;font-weight:400;
  font-size:28px;line-height:1.1;color:var(--rdn-navy);
}
.rdn-corp-articol p{margin:0 0 16px}
.rdn-corp-articol ul,.rdn-corp-articol ol{margin:0 0 18px;padding-left:22px}
.rdn-corp-articol li{margin:0 0 9px}
.rdn-corp-articol strong{color:var(--rdn-navy)}
.rdn-corp-articol a{color:var(--rdn-mov)}
.rdn-inapoi{
  display:inline-block;margin-top:26px;font-size:13px;font-weight:700;
  letter-spacing:.04em;color:var(--rdn-mov)!important;text-decoration:none;
}

/* --- chemarea la actiune ---------------------------------------------- */
.rdn-chemare-corp{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}
.rdn-chemare-buton{
  display:inline-block;padding:18px 34px;border-radius:30px;
  border:1px double #34aadc;background:linear-gradient(135deg,#e11b1b,var(--rdn-rosu));
  box-shadow:0 12px 30px -12px rgba(204,0,0,.85);
  color:#ffffff!important;font-size:14px;font-weight:700;letter-spacing:1px;
  text-transform:uppercase;text-decoration:none;
  transition:transform .3s cubic-bezier(.22,.61,.36,1),box-shadow .3s;
}
.rdn-chemare-buton:hover{transform:translateY(-3px);box-shadow:0 18px 38px -12px rgba(204,0,0,.95)}

@media (max-width:1024px){
  .rdn-lucrari,.rdn-articole{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rdn-titlu-sectiune{font-size:44px}
}
@media (max-width:800px){
  .rdn-sectiune{padding:48px 0}
  .rdn-container{padding:0 6%}
  .rdn-lucrari,.rdn-articole{grid-template-columns:minmax(0,1fr);gap:18px}
  .rdn-titlu-sectiune{font-size:38px}
  .rdn-corp-articol{font-size:15.5px}
  .rdn-corp-articol h2{font-size:32px}
  .rdn-chemare-corp{flex-direction:column;align-items:flex-start}
}
@media (prefers-reduced-motion:reduce){
  .rdn-lucrare,.rdn-articol,.rdn-chemare-buton,.rdn-lucrare-buton{transition:none}
  .rdn-lucrare:hover,.rdn-articol:hover{transform:none}
}

/* --- bara de deasupra copiilor arhivate ------------------------------- */
.rdn-bara-arhiva{
  position:fixed;top:0;left:0;right:0;z-index:99999;
  display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;
  padding:10px 18px;box-sizing:border-box;
  background:#19233f;color:#dfe4f2;
  font-family:'Open Sans',Arial,sans-serif;font-size:12.5px;line-height:1.4;
  box-shadow:0 2px 14px rgba(0,0,0,.25);
}
.rdn-bara-arhiva strong{color:#ffffff}
.rdn-bara-linkuri{display:flex;gap:14px;flex-wrap:wrap}
.rdn-bara-arhiva a{
  color:#9ad4e6!important;text-decoration:none;font-weight:700;white-space:nowrap;
}
.rdn-bara-arhiva a:hover{color:#ffffff!important;text-decoration:underline}
@media (max-width:700px){
  .rdn-bara-arhiva{font-size:11.5px;gap:8px;padding:8px 12px}
}

/* --- software: cate un rand pentru fiecare aplicatie ------------------- */
.rdn-software{background:linear-gradient(180deg,#f7f6fd 0%,#ffffff 100%);border-top:1px solid var(--rdn-linie)}
.rdn-softuri{display:flex;flex-direction:column;gap:56px}
.rdn-soft{display:flex;align-items:center;gap:44px}
.rdn-soft--invers{flex-direction:row-reverse}

.rdn-soft-fereastra{
  flex:0 0 52%;max-width:52%;overflow:hidden;
  background:#ffffff;border:1px solid var(--rdn-linie);border-radius:14px;box-shadow:var(--rdn-umbra);
}
.rdn-soft-bara{
  display:flex;align-items:center;gap:10px;padding:9px 12px;
  background:#eceaf6;border-bottom:1px solid var(--rdn-linie);
}
.rdn-soft-puncte{display:flex;gap:5px;flex:0 0 auto}
.rdn-soft-puncte i{display:block;width:9px;height:9px;border-radius:50%;background:rgba(25,35,63,.2)}
.rdn-soft-nume-fereastra{font-size:11px;font-weight:600;color:#6b748c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rdn-soft-ecran{
  display:flex;align-items:center;justify-content:center;
  min-height:214px;background:repeating-linear-gradient(135deg,#f1f0fa 0,#f1f0fa 10px,#ebeaf6 10px,#ebeaf6 20px);
}
.rdn-soft-ecran img{display:block;width:100%;height:auto}
.rdn-captura-goala{
  display:inline-flex;align-items:center;gap:8px;color:#8b93a7;
  font-size:11px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;
}

.rdn-soft-text{flex:1 1 auto;display:flex;flex-direction:column;gap:10px;min-width:0}
.rdn-soft-etichete{display:flex;flex-wrap:wrap;gap:6px}
.rdn-eticheta-tehnologii{
  font-size:10px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;
  color:#2f8ba6;background:rgba(47,139,166,.10);border-radius:99px;padding:4px 10px;
}
.rdn-soft-titlu{
  margin:2px 0 0;font-family:Teko,'Open Sans',sans-serif;font-weight:400;
  font-size:42px;line-height:1;color:var(--rdn-navy) !important;
}
.rdn-soft-titlu::after{display:none !important}
.rdn-soft-descriere{margin:0;max-width:52ch;font-size:15px;line-height:1.7;color:var(--rdn-stins)}
.rdn-soft-functii{margin:4px 0 0;padding:0 0 0 18px;font-size:14px;line-height:1.7;color:var(--rdn-stins)}
.rdn-soft-functii li{margin:0 0 4px}
.rdn-soft-actiuni{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:8px}
.rdn-soft-buton{
  display:inline-block;padding:14px 26px;border-radius:26px;
  background:linear-gradient(135deg,#7a4fd6,var(--rdn-mov));color:#ffffff!important;
  font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;text-decoration:none;
  transition:filter .25s,transform .25s;
}
.rdn-soft-buton:hover{filter:saturate(1.15) brightness(1.06);transform:translateY(-1px)}
.rdn-soft-link{
  font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  color:var(--rdn-mov)!important;text-decoration:none;
}
.rdn-soft-link:hover{color:#4a2a96!important}

@media (max-width:1024px){
  .rdn-softuri{gap:44px}
  .rdn-soft{gap:30px}
  .rdn-soft-titlu{font-size:36px}
}
@media (max-width:800px){
  .rdn-soft,.rdn-soft--invers{flex-direction:column;align-items:stretch;gap:18px}
  .rdn-soft-fereastra{flex:1 1 auto;max-width:100%}
  .rdn-soft-ecran{min-height:170px}
  .rdn-soft-titlu{font-size:32px}
  .rdn-softuri{gap:40px}
}
@media (prefers-reduced-motion:reduce){
  .rdn-soft-buton{transition:none}
  .rdn-soft-buton:hover{transform:none}
}

/* Titlul paginii de portofoliu e H1, fiindcă sus a venit caruselul de pe
   prima pagină, care n-are titlu. Tema dă h1-urilor 90px, față de 65px cât
   au titlurile de secțiune, așa că lângă ele ar sări în ochi. Ia aceeași
   mărime ca ele, din variabila temei, deci se potrivește și atunci când
   tema o micșorează pe ecranele mici. */
.rdn-pagina h1.rdn-titlu-sectiune{
  font-size: var(--h2_typography-font-size, 65px);
  line-height: var(--h2_typography-line-height, 1);
}

/* --- harta site ------------------------------------------------------- */
.rdn-harta-grupe{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.rdn-harta-grupa{
  padding:24px 26px 26px;background:#ffffff;border:1px solid var(--rdn-linie);
  border-radius:16px;box-shadow:var(--rdn-umbra);
}
.rdn-harta-grupa h3{
  margin:0 0 14px;font-family:Teko,'Open Sans',sans-serif;font-weight:400;
  font-size:26px;line-height:1.1;color:var(--rdn-navy);
}
.rdn-harta-grupa ul{margin:0;padding:0;list-style:none}
/* Numele și adresa stăteau pe același rând, iar la numele lungi adresa
   trecea pe rândul doi: unele intrări pe un rând, altele pe două. Acum
   adresa stă mereu dedesubt, deci toate au aceeași înălțime. */
.rdn-harta-grupa li{
  display:flex;flex-direction:column;gap:2px;
  padding:9px 0;border-top:1px solid rgba(25,35,63,.07);
}
.rdn-harta-grupa li:first-child{border-top:0;padding-top:0}
.rdn-harta-grupa a{font-size:15px;color:var(--rdn-navy)!important;text-decoration:none}
.rdn-harta-grupa a:hover{color:var(--rdn-mov)!important}
/* Adresa stă lângă nume, mai mică: cine caută o pagină anume o recunoaște
   după ea, iar cine citește numele n-o bagă în seamă. */
.rdn-harta-cale{font-size:12px;color:#9aa3b2;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.rdn-harta-sub{padding-left:18px}
.rdn-harta-sub::before{content:"\2192";color:#c3c9d4;margin-right:2px}
@media (max-width:900px){
  .rdn-harta-grupe{grid-template-columns:minmax(0,1fr);gap:18px}
}

/* --- date structurate ------------------------------------------------- */
.rdn-ds-titlu{
  margin:34px 0 14px;font-family:Teko,'Open Sans',sans-serif;font-weight:400;
  font-size:30px;line-height:1.1;color:var(--rdn-navy);
}
.rdn-pagina .rdn-ds-legenda{
  margin:0;padding:0;list-style:none;display:grid;gap:10px 26px;
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.rdn-pagina .rdn-ds-legenda li{font-size:14px;line-height:1.6;color:var(--rdn-stins);margin:0}
.rdn-pagina .rdn-ds-legenda li::before{content:none}
.rdn-ds-legenda b{
  color:var(--rdn-navy);font-size:13px;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
}
.rdn-ds-tabel{
  overflow-x:auto;border:1px solid var(--rdn-linie);border-radius:16px;
  background:#fff;box-shadow:var(--rdn-umbra);
}
.rdn-ds-tabel table{width:100%;border-collapse:collapse;font-size:14px}
.rdn-ds-tabel th,.rdn-ds-tabel td{padding:14px 18px;text-align:left;vertical-align:top}
.rdn-ds-tabel thead th{
  font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;
  color:#8b95ab;border-bottom:1px solid var(--rdn-linie);
}
.rdn-ds-tabel tbody tr + tr th,.rdn-ds-tabel tbody tr + tr td{border-top:1px solid rgba(25,35,63,.07)}
.rdn-ds-tabel tbody th{font-weight:700;color:var(--rdn-navy);min-width:230px}
.rdn-ds-tabel tbody th a{color:var(--rdn-navy)!important;text-decoration:none;display:block}
.rdn-ds-tabel tbody th a:hover{color:var(--rdn-mov)!important}
.rdn-ds-cale{
  display:block;margin-top:2px;font-weight:400;font-size:12px;color:#9aa3b2;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
}
.rdn-ds-tabel td{color:var(--rdn-stins)}
.rdn-ds-nota{margin:18px 0 0;font-size:13px;line-height:1.7;color:#8b95ab;max-width:72ch}
@media (max-width:900px){
  .rdn-pagina .rdn-ds-legenda{grid-template-columns:minmax(0,1fr)}
}
/* Pe telefon un tabel de trei coloane nu încape nici cu derulare laterală:
   se vede doar prima coloană, iar rândurile rămân cu goluri cât coloanele
   ascunse. Se desface în cartonașe, ca tabelele de comparație, și fiecare
   celulă își spune singură din ce coloană vine. */
@media (max-width:700px){
  .rdn-ds-tabel{overflow:visible;border:0;background:transparent;box-shadow:none}
  .rdn-ds-tabel table,.rdn-ds-tabel tbody,.rdn-ds-tabel tr,
  .rdn-ds-tabel tbody th,.rdn-ds-tabel td{display:block;width:auto}
  .rdn-ds-tabel thead{display:none}
  .rdn-ds-tabel tr{
    padding:18px 20px;margin-bottom:12px;background:#fff;
    border:1px solid var(--rdn-linie);border-radius:16px;box-shadow:var(--rdn-umbra);
  }
  .rdn-ds-tabel tbody tr + tr th,.rdn-ds-tabel tbody tr + tr td{border-top:0}
  .rdn-ds-tabel th,.rdn-ds-tabel td{padding:0}
  .rdn-ds-tabel tbody th{min-width:0;margin-bottom:12px}
  .rdn-ds-tabel td{margin-top:12px;font-size:13.5px;line-height:1.6}
  .rdn-ds-tabel td[data-et]::before{
    content:attr(data-et);display:block;margin-bottom:3px;
    font-size:11px;letter-spacing:.11em;text-transform:uppercase;
    font-weight:700;color:#8b95ab;
  }
}