/* Mowiti — pagina Despre noi (template-despre.php); restul stilurilor vin din style.css, nea Gigi și citatele din blog.css */

/* ---------- deschiderea ---------- */
.band--img.de-hero{background-image:linear-gradient(0deg,rgba(14,42,43,.92) 0%,rgba(14,42,43,.5) 55%,rgba(14,42,43,.25) 100%),var(--de-hero,url(../img/atelier/pe-apa-doi.jpg));min-height:max(var(--antet-pagina),420px)}
.de-hero h1{max-width:900px}

/* ---------- povestea și tabăra: text + fotografie ---------- */
.de-poveste{display:grid;grid-template-columns:1.15fr 1fr;gap:64px;align-items:center}
.de-poveste.de-invers{grid-template-columns:1fr 1.15fr}
.de-poveste.fara-foto{grid-template-columns:1fr}
.de-text{margin-top:22px;max-width:640px;font-size:1.06rem;line-height:1.75;color:#2c3330}
.de-text p+p{margin-top:1.1em}
.de-foto{margin:0}
.de-foto img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:18px;display:block;box-shadow:0 26px 50px -30px rgba(14,42,43,.55)}
.de-invers .de-foto img{aspect-ratio:4/3}
.de-foto figcaption{font-size:.86rem;color:#6c736f;margin-top:10px;line-height:1.5}

/* ---------- pe scurt, în ani ---------- */
.de-ani{margin-top:72px}
.de-ani ol{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:0;border-top:2px solid var(--cedru)}
.de-ani li{position:relative;padding:22px 18px 0 0}
.de-ani li::before{content:"";position:absolute;top:-7px;left:0;width:12px;height:12px;border-radius:50%;background:var(--cedru);box-shadow:0 0 0 4px var(--hartie)}
.de-ani b{display:block;font-family:var(--display);font-weight:800;font-size:1.6rem;color:var(--nuc)}
.de-ani span{display:block;margin-top:4px;font-size:.95rem;color:#4a524e;line-height:1.45}

.cifre.de-cifre{padding:70px 5vw}

/* ---------- oamenii ---------- */
.de-oameni{margin-top:50px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}
.de-oameni-1{grid-template-columns:minmax(0,420px)}
.de-oameni-2{grid-template-columns:repeat(2,minmax(0,420px))}
.de-oameni-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.de-om figure{margin:0;aspect-ratio:4/5;border-radius:18px;overflow:hidden;background:var(--mesteacan);display:flex;align-items:center;justify-content:center}
.de-om figure img{width:100%;height:100%;object-fit:cover;display:block}
.de-om figure span{font-family:var(--display);font-weight:800;font-size:4rem;color:var(--nuc);opacity:.4}
.de-om h3{font-family:var(--display);font-weight:700;font-size:1.3rem;margin-top:16px}
.de-om .rol{display:block;font-family:var(--mono);font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--cedru);margin-top:4px}
.de-om p{margin-top:10px;font-size:.96rem;color:#4a524e}

/* ---------- cum lucrăm ---------- */
.de-cum{background:var(--mesteacan)}
.de-puncte{margin-top:50px;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.de-puncte .punct{background:#fff;box-shadow:0 14px 34px -22px rgba(14,42,43,.3)}

/* ---------- liste „Ce | detaliu” (tabăra, siguranța) ---------- */
.de-lista{list-style:none;margin:24px 0 0;padding:0;border-top:1px solid rgba(107,66,38,.18)}
.de-lista li{display:flex;justify-content:space-between;align-items:baseline;gap:18px;padding:14px 0;border-bottom:1px solid rgba(107,66,38,.18)}
.de-lista b{font-weight:600}
.de-lista span{color:#4a524e;text-align:right;font-size:.95rem}

/* ---------- siguranța și actele (fundal închis) ---------- */
.de-siguranta h2{color:var(--hartie)}
.de-siguranta .lead{color:rgba(244,238,225,.8)}
.de-sig{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.de-siguranta .de-lista{margin-top:0;border-color:rgba(244,238,225,.2)}
.de-siguranta .de-lista li{border-color:rgba(244,238,225,.2)}
.de-siguranta .de-lista span{color:rgba(244,238,225,.72)}
.de-acte{margin-top:28px;padding:18px 20px;border:1px solid rgba(244,238,225,.25);border-radius:14px;font-size:.95rem}
.de-acte b{display:block;font-family:var(--mono);font-weight:500;font-size:.8rem;letter-spacing:.06em;color:var(--mesteacan)}
.de-acte p{margin-top:6px;color:rgba(244,238,225,.8)}

/* ---------- citatele, întrebările ---------- */
.de-citate{background:var(--mesteacan)}
.de-faq{margin-top:46px;max-width:860px;display:flex;flex-direction:column;gap:12px}
.de-faq details{background:#fff;border-radius:14px;padding:4px 24px}
.de-faq summary{cursor:pointer;list-style:none;padding:18px 0;font-family:var(--display);font-weight:700;font-size:1.08rem;display:flex;justify-content:space-between;gap:20px}
.de-faq summary::-webkit-details-marker{display:none}
.de-faq summary::after{content:"+";color:var(--cedru);font-size:1.4rem;line-height:1;transition:transform .25s}
.de-faq details[open] summary::after{transform:rotate(45deg)}
.de-faq details p{padding:0 0 20px;color:#4a524e;font-size:.96rem}
.de-citate+.de-intrebari{padding-top:0;background:var(--mesteacan)}

/* ---------- pasul următor ---------- */
.de-final-butoane{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:36px}
.de-final-butoane .btn{margin-top:0}
.final .de-btn-deschis{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.6)}
.final .de-btn-deschis:hover{border-color:#fff}

@media(max-width:1080px){
  .de-oameni,.de-oameni-3{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  .mw-sectiune{padding:80px 16px}
  .band{padding-left:16px;padding-right:16px}
  .de-poveste,.de-poveste.de-invers,.de-sig{grid-template-columns:1fr;gap:36px}
  .de-invers .de-foto{order:2}
  .de-foto img{aspect-ratio:4/3}
}
@media(max-width:620px){
  .cifre-wrap{display:grid;grid-template-columns:1fr 1fr;gap:28px}
  .de-oameni,.de-oameni-2,.de-oameni-3{grid-template-columns:1fr}
  .de-ani ol{grid-template-columns:1fr;border-top:0;border-left:2px solid var(--cedru);gap:18px}
  .de-ani li{padding:0 0 0 22px}
  .de-ani li::before{top:8px;left:-7px}
  .de-lista li{flex-direction:column;gap:2px}
  .de-lista span{text-align:left}
}