/* Blocurile adăugate din Editor și paginile noi — în același stil cu restul site-ului */
.bloc.cu-fundal { position: relative; isolation: isolate; }
.bloc.cu-fundal::before {
  content: ''; position: absolute; inset: 0 calc(50% - 50vw); z-index: -1;
  background: var(--fundal-bloc); opacity: .9;
}
.bloc-text { max-width: 760px; font-size: 18px; line-height: 1.7; color: var(--text-2); }
.bloc-text p + p { margin-top: 14px; }
.bloc-text a { color: var(--accent); }
.bloc-text h3 { font-size: 24px; color: var(--text); margin: 18px 0 8px; }
.bloc-text ul, .bloc-text ol { padding-left: 22px; }
.aliniere-centru { margin-inline: auto; text-align: center; }
.aliniere-dreapta { margin-left: auto; text-align: right; }
.bloc-butoane { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 30px; }

.bloc-imagine-text { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(28px, 5vw, 70px); align-items: center; }
.bloc-imagine-text.imagine-dreapta .bloc-imagine { order: 2; }
.bloc-imagine { margin: 0; border-radius: var(--raza); overflow: hidden; border: 1px solid var(--linie); background: var(--fundal-2); transition: transform .5s cubic-bezier(.2, .8, .2, 1); }
.bloc-imagine img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .8s cubic-bezier(.2, .8, .2, 1); }
.bloc-imagine:hover img { transform: scale(1.05); }
.bloc-imagine figcaption { padding: 12px 16px; font-size: 14px; color: var(--text-2); }

.bloc-galerie { display: grid; grid-template-columns: repeat(var(--coloane, 3), 1fr); gap: 16px; }
.bloc-galerie .bloc-imagine img { aspect-ratio: 4 / 3; }

.bloc-video { position: relative; aspect-ratio: 16 / 9; border-radius: var(--raza); overflow: hidden; border: 1px solid var(--linie); background: #000;
  box-shadow: 0 30px 80px -30px rgba(var(--accent-mediu-rgb), .6); }
.bloc-video iframe, .bloc-video video { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.bloc-video + .bloc-text { margin-top: 24px; }

.bloc-muzica { display: flex; align-items: center; gap: 18px; padding: 22px 26px; border-radius: var(--raza); max-width: 640px;
  background: linear-gradient(135deg, rgba(var(--accent-inchis-rgb), .35), var(--fundal-2)); border: 1px solid var(--linie); }
.bloc-muzica > div { flex: 1; display: grid; gap: 10px; }
.bloc-muzica audio { width: 100%; }
.bloc-muzica-icon { display: grid; place-items: center; width: 56px; height: 56px; flex: none; border-radius: 50%; font-size: 24px;
  color: var(--fundal); background: linear-gradient(135deg, var(--accent-deschis), var(--accent-mediu));
  box-shadow: 0 0 calc(10px + var(--puls, 0) * 30px) rgba(var(--accent-rgb), .6); }

.card-icon-text { font-size: 22px; }
.card-link { position: absolute; right: 22px; bottom: 18px; font-size: 22px; color: var(--accent); transition: transform .3s; }
.card:hover .card-link { transform: translateX(6px); }

.bloc-cta { text-align: center; padding: clamp(40px, 7vw, 90px) 20px; border-radius: calc(var(--raza) * 1.5);
  background: radial-gradient(70% 90% at 50% 0%, rgba(var(--accent-inchis-rgb), .45), transparent 70%), var(--fundal-2); border: 1px solid var(--linie); }
.bloc-cta-titlu { font-size: calc(clamp(32px, 5.5vw, 72px) * var(--scara-titlu)); max-width: 18ch; margin: 0 auto; }
.bloc-cta-text { max-width: 620px; margin: 18px auto 0; color: var(--text-2); font-size: 18px; }
.bloc-cta .bloc-butoane { justify-content: center; }

.bloc-citat { margin: 0 auto; max-width: 900px; text-align: center; }
.bloc-citat blockquote { font: 500 calc(clamp(24px, 3.4vw, 42px) * var(--scara-titlu))/1.35 var(--font-titlu); color: var(--text); }
.bloc-citat blockquote::before { content: '“'; display: block; font-size: 2.4em; line-height: .6; color: var(--accent); }
.bloc-citat figcaption { margin-top: 20px; color: var(--text-2); letter-spacing: .06em; }

.bloc-statistici { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 18px; }
.cifra { padding: 28px 24px; border-radius: var(--raza); background: var(--fundal-2); border: 1px solid var(--linie); }
.cifra b { font: 700 calc(clamp(40px, 5vw, 64px) * var(--scara-titlu))/1 var(--font-titlu); color: var(--text); }
.cifra span { font: 700 28px var(--font-titlu); color: var(--accent); margin-left: 4px; }
.cifra p { margin-top: 10px; color: var(--text-2); }

.bloc-intrebari { display: grid; gap: 10px; max-width: 860px; }
.bloc-intrebari details { border-radius: 14px; background: var(--fundal-2); border: 1px solid var(--linie); transition: border-color .3s; }
.bloc-intrebari details[open] { border-color: rgba(var(--accent-rgb), .5); }
.bloc-intrebari summary { padding: 18px 22px; cursor: pointer; font: 600 18px var(--font-titlu); list-style: none; display: flex; justify-content: space-between; gap: 16px; }
.bloc-intrebari summary::after { content: '+'; color: var(--accent); font-size: 22px; transition: transform .3s; }
.bloc-intrebari details[open] summary::after { transform: rotate(45deg); }
.bloc-intrebari details > div { padding: 0 22px 20px; color: var(--text-2); }

/* Paginile noi */
.pagina-antet { padding-top: 220px; }
.pagina-titlu { font-size: calc(clamp(44px, 8vw, 110px) * var(--scara-titlu)); max-width: 16ch; }
.pagina-desc { margin-top: 22px; max-width: 640px; font-size: 19px; color: var(--text-2); }

/* Proiecte cu captură reală */
.mock-foto img { display: block; width: 100%; height: calc(100% - 26px); object-fit: cover; }

@media (max-width: 820px) {
  .bloc-imagine-text { grid-template-columns: 1fr; }
  .bloc-imagine-text.imagine-dreapta .bloc-imagine { order: 0; }
  .bloc-galerie { grid-template-columns: repeat(2, 1fr); }
  .pagina-antet { padding-top: 170px; }
}