/* ===== Pagina „Excursii și activități" — namespace .exc- (peste casa.css + casa-pages.css) ===== */

/* --- lista de excursii, blocuri alternate --- */
.exc-list{max-width:1200px;margin:clamp(3.5rem,7vw,6rem) auto 0;display:flex;flex-direction:column;gap:clamp(3.4rem,7vw,6.5rem)}
.exc-item{display:grid;grid-template-columns:1fr;gap:clamp(1.6rem,3.5vw,3.4rem);align-items:center}

.exc-media{position:relative}
.exc-frame{border-radius:18px;overflow:hidden;box-shadow:0 40px 80px -48px rgba(59,47,38,.55)}
.exc-frame img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.exc-item:hover .exc-frame img{transform:scale(1.035)}
.exc-accent{position:absolute;right:.9rem;bottom:.9rem;width:34%;border-radius:12px;overflow:hidden;box-shadow:0 24px 48px -26px rgba(20,26,15,.65)}
.exc-accent img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}

.exc-num{display:inline-flex;align-items:center;gap:.75rem;font:500 .95rem/1 var(--mono);letter-spacing:.2em;color:var(--gold);margin-bottom:1.05rem}
.exc-num::after{content:"";display:block;width:46px;height:1px;background:var(--gold);opacity:.55}
.exc-body h2{font:500 clamp(1.75rem,3.4vw,2.6rem)/1.12 var(--serif);color:var(--forest);margin-bottom:1.1rem;max-width:22ch}
.exc-body p{font:400 clamp(.98rem,1.1vw,1.08rem)/1.8 var(--sans);color:var(--muted);margin-bottom:1rem}
.exc-body p:last-child{margin-bottom:0}

@media(min-width:900px){
  .exc-item{grid-template-columns:1.06fr 1fr}
  .exc-item.exc-rev .exc-media{order:2}
  .exc-item.exc-rev .exc-body{order:1}
  .exc-accent{right:-1.2rem;bottom:-1.5rem;width:37%;border:5px solid var(--cream);border-radius:14px}
}

/* --- banda „informații practice" (sec dark) --- */
.exc-notes{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.3rem}
.exc-note{display:flex;align-items:flex-start;gap:1.05rem;background:rgba(246,239,224,.05);border:1px solid rgba(201,169,106,.22);border-radius:16px;padding:1.7rem}
.exc-note i{font-size:1.9rem;line-height:1;color:var(--gold-3);flex-shrink:0}
.exc-note b{display:block;font:500 1.2rem/1.25 var(--serif);color:var(--cream-3);margin-bottom:.45rem}
.exc-note p{font:400 .95rem/1.7 var(--sans);color:#c3b79c}

.exc-cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-top:clamp(2rem,4vw,2.8rem)}
.exc-wa{background:#25D366;color:#fff}
.exc-wa:hover{filter:brightness(1.07);box-shadow:0 18px 40px -14px rgba(37,211,102,.5)}
.exc-tel{display:inline-flex;align-items:center;gap:.55rem;font:500 .98rem/1 var(--sans);color:var(--gold-3);padding:.85rem .4rem;letter-spacing:.02em;transition:color .3s}
.exc-tel i{font-size:1.15rem}
.exc-tel:hover{color:var(--cream-3)}

/* --- FAQ --- */
.exc-faq{margin-top:.4rem}

/* --- responsive --- */
@media(max-width:1000px){
  .exc-list{max-width:100%}
}
@media(max-width:899px){
  .exc-body h2{max-width:none}
}
@media(max-width:640px){
  .exc-list{gap:3rem}
  .exc-frame{border-radius:14px}
  .exc-frame img{aspect-ratio:16/11}
  .exc-note{padding:1.4rem}
  .exc-cta-row .btn{width:100%;justify-content:center}
  .exc-tel{width:100%;justify-content:center;padding:.95rem 0}
}
@media(max-width:380px){
  .exc-num{margin-bottom:.8rem}
  .exc-body h2{font-size:1.55rem}
  .exc-note{flex-direction:column;gap:.7rem}
  .exc-accent{width:38%}
}