/*
 * E-Iure — ficha individual de convención (maqueta «Casablanca — 3»). Se carga después de home.css e inner.css.
 */

/* BANNER: foto de la ciudad + velo verde */
.eh .cbanner{position:relative;height:46vh;min-height:340px;max-height:560px;overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(160deg,#2f7d4a,#0f2e1e)}
.eh .cbanner .bg{position:absolute;inset:0;z-index:0;background-size:cover;background-position:center;filter:saturate(.9)}
.eh .cbanner .veil{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(31,51,21,.5),rgba(20,40,20,.72))}
.eh .cbanner.nobg .veil{background:radial-gradient(60% 70% at 30% 30%,rgba(122,201,86,.25),transparent 60%)}
.eh .cbanner .inner{position:relative;z-index:2;color:#fff}
.eh .cbanner .num{font-family:var(--serif);color:#E2C47E;font-size:15px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.eh .cbanner h1{color:#fff;font-size:clamp(44px,7vw,88px);margin:8px 0 6px;text-shadow:0 2px 24px rgba(0,0,0,.4)}
.eh .cbanner .meta{color:rgba(255,255,255,.92);font-size:18px}

.eh .crumb{display:block;padding-top:20px;font-size:13px;color:#7a7468}
.eh .crumb a:hover{color:var(--green-deep)}

/* ARTÍCULO + SUMARIO */
.eh .article{padding:40px 0 70px}
.eh .artgrid{display:grid;grid-template-columns:1fr 300px;gap:50px;align-items:start}
.eh .artbody p,.eh .artbody .entry{font-size:18px;color:#3a3a34;line-height:1.7}
.eh .artbody p+p,.eh .entry p{margin-bottom:18px}
.eh .artbody .lead{font-family:var(--serif);font-size:24px;color:var(--ink);line-height:1.4;margin-bottom:14px}
.eh .pending{display:inline-block;font-size:11px;font-weight:600;color:#8a6d1f;background:#f7edcf;border:1px solid #e4cf8f;border-radius:6px;padding:2px 8px}
.eh .pending-note{margin-bottom:10px}
.eh .doc{margin:26px 0 0;border:1px solid var(--line);border-radius:14px;background:#fff}
.eh .doc summary{cursor:pointer;padding:16px 20px;font-weight:700;font-size:15px;list-style:none;display:flex;justify-content:space-between;align-items:center}
.eh .doc summary::-webkit-details-marker{display:none}
.eh .doc summary::after{content:"+";font-size:20px;color:var(--green-deep);font-weight:500}
.eh .doc[open] summary::after{content:"–"}
.eh .doc-body{padding:0 20px 18px;font-size:15px;line-height:1.65;color:#4a4a44}
.eh .doc-body p{margin-bottom:10px}
.eh .doc-body ul,.eh .doc-body ol{margin:0 0 10px 20px}
.eh .back{margin-top:30px}

.eh .summary{background:var(--sand);border-radius:18px;padding:26px;position:sticky;top:96px}
.admin-bar .eh .summary{top:128px}
.eh .sum-title{font-family:var(--sans);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--green-deep);margin-bottom:10px}
.eh .summary .r{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid var(--line);font-size:14px}
.eh .summary .r:last-child{border:0}
.eh .summary dt{color:#5a554b;flex:none}
.eh .summary dd{font-weight:600;text-align:right}
.eh .summary .muted{font-weight:500;color:#8a8478;font-style:italic}
.eh .summary .btn{margin-top:18px;width:100%;justify-content:center}
.eh .summary .soon{margin-top:18px;text-align:center;font-size:14px;font-weight:600;color:var(--muted);border:1px dashed var(--line);border-radius:60px;padding:13px 18px}
.eh .summary dd .muted{color:var(--muted);font-weight:400}
.eh .summary .btn + .btn{margin-top:10px}
.eh .summary .btn.minutes{background:#fff;border-color:var(--ink);color:var(--ink);font-family:var(--serif);font-weight:500}
.eh .summary .btn.minutes:hover,.eh .summary .btn.minutes:focus-visible{background:var(--green-light);border-color:var(--green-light)}

/* MOMENTS */
.eh .moments{padding:10px 0 90px}
.eh .moments h2{font-size:clamp(24px,2.6vw,34px);margin-bottom:22px}
.eh .mgrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:14px}
.eh .mgrid .m{position:relative;display:block;border-radius:14px;overflow:hidden;aspect-ratio:1;background:#1c2a1a}
.eh .mgrid .m.big{grid-row:span 2;aspect-ratio:auto}
.eh .mgrid .m img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
/* Con número par de fotos, la última quedaría sola en su fila: ocupa todo el ancho como franja */
.eh .mgrid .m:nth-child(even):last-child:not(:first-child){grid-column:1/-1;aspect-ratio:3/1}
.eh .mgrid .m:hover img{transform:scale(1.04)}
.eh .mgrid .video{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#fff;font-weight:600;background:linear-gradient(160deg,#2f7d4a,#0f2e1e)}
.eh .mgrid .video .play{width:56px;height:56px;border-radius:50%;background:var(--green);color:var(--ink);display:flex;align-items:center;justify-content:center;font-size:20px;padding-left:4px}
.eh .lightbox{border:0;padding:0;background:transparent;max-width:92vw;max-height:92vh;overflow:visible}
.eh .lightbox::backdrop{background:rgba(8,18,12,.88)}
.eh .lightbox img{max-width:92vw;max-height:86vh;border-radius:10px;display:block}
.eh .lightbox button{position:absolute;background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:50%;width:46px;height:46px;font-size:26px;line-height:1;cursor:pointer}
.eh .lightbox button:hover{background:var(--green);color:var(--ink);border-color:var(--green)}
.eh .lightbox .lb-close{top:-56px;right:0}
.eh .lightbox .lb-prev{left:-60px;top:50%;transform:translateY(-50%)}
.eh .lightbox .lb-next{right:-60px;top:50%;transform:translateY(-50%)}

@media(max-width:900px){
  .eh .artgrid{grid-template-columns:1fr;gap:30px}
  .eh .summary{position:static}
  .eh .mgrid{grid-template-columns:1fr 1fr}
  .eh .mgrid .m.big{grid-column:span 2;grid-row:auto;aspect-ratio:16/10}
  .eh .lightbox .lb-prev{left:6px}.eh .lightbox .lb-next{right:6px}
}