/* 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}

.rdn-supratitlu{
  margin:0 0 10px;font-size:12px;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)}
.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}
.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);
}