/* ============================================================
   Ficha de evento (single-mec-events.php) — videodjralph.com
   Cabecera con chips, cartel con esquinas redondeadas, lista con
   iconos y bloque "Lugar" con indicaciones y mapa bajo demanda.
   Reutiliza las variables de articulo.css.
   ============================================================ */

/* ── Cabecera ──────────────────────────────────────────────── */
.vdjr-ev{position:relative;background:linear-gradient(155deg,#0a0a0a 15%,#0d2038 100%);border-bottom:1px solid var(--linea);padding:70px var(--margen)}
.vdjr-ev__cuerpo{position:relative;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:minmax(260px,410px) minmax(0,1fr);gap:56px;align-items:start}
.vdjr-ev__cuerpo--solo{grid-template-columns:minmax(0,1fr)}

/* Cartel */
.vdjr-ev__cartel{margin:0;position:relative;border-radius:22px;overflow:hidden;border:1px solid rgba(237,234,227,.16);background:#000;box-shadow:0 24px 60px rgba(0,0,0,.45)}
.vdjr-ev__img{display:block;width:100%;height:auto}
.vdjr-ev__ver{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;gap:9px;padding:34px 16px 16px;
  background:linear-gradient(transparent,rgba(0,0,0,.82));color:var(--hueso);border:0;cursor:pointer;
  font:700 12px 'Space Mono',ui-monospace,monospace;letter-spacing:1.8px;text-transform:uppercase;transition:color .25s}
.vdjr-ev__ver:hover,.vdjr-ev__ver:focus-visible{color:var(--claro)}

/* Chips */
.vdjr-ev__chips{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 22px;padding:0;list-style:none}
.vdjr-chip{display:inline-block;margin:0;padding:8px 16px;border:1px solid rgba(237,234,227,.22);border-radius:999px;background:rgba(237,234,227,.05);
  font:700 12px 'Space Mono',ui-monospace,monospace;letter-spacing:1.6px;color:var(--hueso)}
.vdjr-chip--azul{border-color:rgba(102,178,255,.55);background:rgba(31,122,255,.14);color:var(--claro)}
.vdjr-chip--apagado{border-color:rgba(237,234,227,.22);background:rgba(237,234,227,.05);color:var(--gris)}

/* Titulo */
.vdjr-ev__titulo{font-size:clamp(30px,3.9vw,54px);max-width:none;margin:0 0 34px}

/* Lista con iconos */
.vdjr-ev__lista{display:grid;gap:20px;margin:0 0 34px;padding:0;list-style:none}
.vdjr-ev__lista li{display:flex;align-items:center;gap:18px;margin:0}
.vdjr-ev__ico{flex:0 0 auto;display:grid;place-items:center;width:50px;height:50px;border:1px solid rgba(102,178,255,.35);border-radius:14px;background:rgba(31,122,255,.08);color:var(--claro)}
.vdjr-ev__txt{display:block;min-width:0}
.vdjr-ev__txt strong{display:block;font-size:clamp(18px,1.7vw,22px);font-weight:700;line-height:1.25;color:var(--hueso)}
.vdjr-ev__txt small{display:block;margin-top:3px;font-size:14px;line-height:1.4;color:var(--gris)}

/* Boton de entradas */
.vdjr-btn--azul{background:var(--azul);border-color:var(--azul);color:#fff;border-radius:12px}
.vdjr-btn--azul:hover{background:var(--claro);border-color:var(--claro);color:var(--negro)}

/* ── Cartel ampliado ───────────────────────────────────────── */
.vdjr-visor{border:0;padding:0;background:transparent;max-width:min(92vw,880px);max-height:94vh;overflow:visible}
.vdjr-visor::backdrop{background:rgba(0,0,0,.88)}
.vdjr-visor img{display:block;max-width:100%;max-height:90vh;margin:0 auto;border-radius:14px}
.vdjr-visor__cerrar{position:absolute;top:-14px;right:-14px;width:40px;height:40px;border-radius:50%;border:1px solid rgba(237,234,227,.3);background:#0a0a0a;color:var(--hueso);font-size:24px;line-height:1;cursor:pointer}
.vdjr-visor__cerrar:hover{background:var(--azul);border-color:var(--azul)}

/* ── Bloque "Lugar" ────────────────────────────────────────── */
.vdjr-lugar{max-width:760px;margin:0 auto;padding:6px var(--margen) 64px}
.vdjr-lugar__cab{display:flex;align-items:center;gap:18px;margin:0 0 14px}
.vdjr-lugar__logo{width:64px;height:64px;object-fit:cover;border-radius:12px;background:#fff}
.vdjr-lugar__nombre{margin:0;font-family:'Archivo Black',Archivo,sans-serif;font-size:clamp(24px,3vw,34px);line-height:1.05;letter-spacing:-.8px;text-transform:uppercase;color:var(--hueso)}
.vdjr-lugar__desc{margin:0 0 6px;font-size:17px;line-height:1.7;color:var(--grisTexto)}
.vdjr-lugar__desc.is-colapsado{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.vdjr-lugar__mas{margin:0 0 10px;padding:0;border:0;background:none;color:var(--hueso);cursor:pointer;font:700 12px 'Space Mono',ui-monospace,monospace;letter-spacing:1.6px;text-transform:uppercase}
.vdjr-lugar__mas:hover{color:var(--claro)}
.vdjr-lugar__dir{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin:26px 0 0}
.vdjr-lugar__dir h3{margin:0 0 6px;font-family:'Archivo Black',Archivo,sans-serif;font-size:20px;color:var(--hueso)}
.vdjr-lugar__dir p{margin:0;font-size:17px;line-height:1.5;color:var(--grisTexto)}
.vdjr-lugar__ruta{font:700 12px 'Space Mono',ui-monospace,monospace;letter-spacing:1.6px;text-transform:uppercase;color:var(--claro);border-bottom:1px solid rgba(102,178,255,.5);padding-bottom:3px}
.vdjr-lugar__ruta:hover{color:#fff;border-bottom-color:#fff}
.vdjr-lugar__mapa{margin-top:24px;display:grid;place-items:center;gap:12px;min-height:340px;padding:28px;border:1px solid var(--linea);border-radius:14px;background:#0d1117;overflow:hidden}
.vdjr-lugar__mapa .vdjr-btn{border-radius:12px}
.vdjr-btn--linea-claro{border-color:rgba(102,178,255,.55);color:var(--claro);background:transparent}
.vdjr-btn--linea-claro:hover{background:var(--azul);border-color:var(--azul);color:#fff}
.vdjr-lugar__aviso{margin:0;font-size:13px;color:var(--gris)}
.vdjr-lugar__mapa.is-cargado{display:block;padding:0;min-height:0}
.vdjr-lugar__mapa iframe{display:block;width:100%;height:340px;border:0;filter:invert(.92) hue-rotate(180deg) saturate(.75) brightness(.92)}

/* ── Movil ─────────────────────────────────────────────────── */
@media (max-width:820px){
  .vdjr-ev{padding:40px var(--margen) 44px}
  .vdjr-ev__cuerpo{grid-template-columns:minmax(0,1fr);gap:30px}
  .vdjr-ev__cartel{max-width:440px;margin:0 auto;width:100%}
  .vdjr-ev__titulo{margin-bottom:26px}
  .vdjr-ev__ico{width:46px;height:46px}
  .vdjr-lugar{padding-bottom:44px}
  .vdjr-lugar__mapa iframe{height:280px}
  .vdjr-lugar__mapa{min-height:280px}
}

/* ── Texto del evento: sin huecos al principio (el primer titulo no lleva margen ni linea) ── */
.vdjr-evento--v2 .vdjr-post__texto{padding-top:40px}
.vdjr-evento--v2 .vdjr-post__texto p:empty{display:none}
/* primer titulo del texto */
.vdjr-evento--v2 .vdjr-post__texto>h2:first-child,
.vdjr-evento--v2 .vdjr-post__texto>*:first-child>h2:first-child{margin-top:0;padding-top:0;border-top:0}