/* ============================================================
   Artículo — videodjralph.com
   Mismo lenguaje que la portada: Archivo Black, Space Mono,
   hilos de 1px, grano y azul electrico en dos tonos.
   ============================================================ */

.vdjr{
  --negro:#0a0a0a;--hueso:#edeae3;--gris:#9d9a92;--grisTexto:#b5b1a8;
  --azul:#1f7aff;--claro:#66b2ff;--linea:rgba(237,234,227,.2);--margen:34px;
  background:var(--negro);color:var(--hueso);
  font-family:Archivo,system-ui,-apple-system,sans-serif;overflow-x:hidden;
}
.vdjr *{box-sizing:border-box}
.vdjr img{display:block;max-width:100%}
.vdjr a{color:var(--claro);text-decoration:none}
.vdjr h1,.vdjr h2,.vdjr h3{margin:0}
.vdjr-grano{position:absolute;inset:0;pointer-events:none;opacity:.5;mix-blend-mode:overlay;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)'/%3E%3C/svg%3E")}
.vdjr-grano--claro{opacity:.28;mix-blend-mode:multiply}
.vdjr-etiqueta{font-family:'Space Mono',ui-monospace,monospace;font-size:11px;letter-spacing:2.2px;
 text-transform:uppercase;color:var(--gris);margin:0 0 18px}
.vdjr-h2{font-family:'Archivo Black',Archivo,sans-serif;font-size:clamp(28px,4vw,52px);line-height:.98;
 letter-spacing:-1.8px;text-transform:uppercase}
.vdjr-botones{display:flex;gap:12px;flex-wrap:wrap;margin:0}
.vdjr-btn{display:inline-block;border:1px solid rgba(237,234,227,.4);color:var(--hueso);
 font-family:'Space Mono',ui-monospace,monospace;font-weight:700;font-size:13px;letter-spacing:1.6px;
 text-transform:uppercase;padding:17px 25px;transition:background .25s,color .25s,border-color .25s}
.vdjr-btn--negro{background:var(--negro);color:var(--hueso);border-color:var(--negro)}
.vdjr-btn--linea{border-color:var(--negro);color:var(--negro)}
.vdjr-btn--negro:hover,.vdjr-btn--linea:hover{background:var(--hueso);color:var(--negro);border-color:var(--negro)}

.vdjr-post{position:relative;padding:0}

/* Barra de progreso de lectura */
.vdjr-progreso{
  position:fixed;top:0;left:0;height:3px;width:0;z-index:99999;
  background:var(--azul);transition:width .12s linear;
}

/* ── Cabecera ──────────────────────────────────────────────── */
.vdjr-post__hero{position:relative;min-height:520px;display:flex;align-items:flex-end;overflow:hidden;border-bottom:1px solid var(--linea)}
.vdjr-post__hero--sinfoto{min-height:320px;background:linear-gradient(150deg,#0a0a0a 20%,#10233d 100%)}
.vdjr-post__fondo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%;opacity:.55}
.vdjr-post__velo{position:absolute;inset:0;background:linear-gradient(0deg,#0a0a0a 6%,rgba(10,10,10,.55) 55%,rgba(10,10,10,.25) 100%)}
.vdjr-post__cuerpo{position:relative;width:100%;padding:0 var(--margen) 44px;max-width:1200px}
.vdjr-post__meta{display:flex;gap:10px;margin-bottom:16px}
.vdjr-post__titulo{
  font-family:'Archivo Black',Archivo,sans-serif!important;color:var(--hueso)!important;
  font-size:clamp(30px,4.6vw,62px);line-height:1.02;letter-spacing:-1.8px;text-transform:uppercase;margin:0;
  max-width:16ch;
}

/* ── Cuerpo del texto ──────────────────────────────────────── */
.vdjr-post__texto{max-width:760px;margin:0 auto;padding:54px var(--margen) 30px;font-size:18px;line-height:1.78;color:var(--grisTexto)}
.vdjr-post__texto p{margin:0 0 24px}
.vdjr-post__texto strong{color:var(--hueso);font-weight:600}
.vdjr-post__texto a{color:var(--claro);border-bottom:1px solid rgba(102,178,255,.4)}
.vdjr-post__texto a:hover{color:#fff;border-bottom-color:#fff}
.vdjr-post__texto .vdjr-entradilla-post{font-size:22px;line-height:1.62;color:var(--hueso);margin-bottom:28px}
.vdjr-post__texto h2{
  font-family:'Archivo Black',Archivo,sans-serif!important;color:var(--hueso)!important;
  font-size:clamp(24px,3vw,34px);line-height:1.1;letter-spacing:-1px;text-transform:uppercase;
  margin:52px 0 20px;padding-top:26px;border-top:1px solid var(--linea);
}
.vdjr-post__texto h3{font-family:'Archivo Black',Archivo,sans-serif!important;color:var(--hueso)!important;font-size:21px;margin:34px 0 12px;text-transform:uppercase}
.vdjr-post__texto ul,.vdjr-post__texto ol{margin:0 0 26px;padding-left:22px}
.vdjr-post__texto li{margin-bottom:10px}
.vdjr-post__texto hr{border:0;border-top:1px solid var(--linea);margin:44px 0}

.vdjr-post__texto blockquote{
  margin:36px 0;padding:24px 28px;border:0;border-left:3px solid var(--azul);
  background:rgba(31,122,255,.07);
}
.vdjr-post__texto blockquote p{margin:0;font-size:20px;line-height:1.6;color:var(--hueso)}

.vdjr-post__texto figure{margin:40px 0}
.vdjr-post__texto figure img{width:100%;height:auto;border:1px solid var(--linea);display:block;transition:transform .7s cubic-bezier(.16,.84,.44,1)}
.vdjr-post__texto figure:hover img{transform:scale(1.015)}
.vdjr-post__texto figcaption{
  font-family:'Space Mono',ui-monospace,monospace;font-size:12px;letter-spacing:.6px;
  color:var(--gris);margin-top:12px;padding-left:2px;
}

/* Resumen «En corto» */
.vdjr-post__texto .vdjr-resumen{
  border:1px solid var(--linea);border-left:3px solid var(--azul);background:#101010;
  padding:26px 30px;margin:36px 0;
}
.vdjr-post__texto .vdjr-resumen__t{
  font-family:'Space Mono',ui-monospace,monospace;font-size:11px;letter-spacing:2.4px;
  text-transform:uppercase;color:var(--claro);margin:0 0 14px;
}
.vdjr-post__texto .vdjr-resumen ul{margin:0;padding-left:18px}
.vdjr-post__texto .vdjr-resumen li{color:var(--grisTexto);font-size:16.5px}

/* Huecos de foto pendientes */
.vdjr-post__texto .vdjr-hueco{
  border:1px dashed rgba(102,178,255,.55);background:rgba(31,122,255,.05);
  padding:24px 26px;margin:36px 0;
}
.vdjr-post__texto .vdjr-hueco--clave{border-color:rgba(242,183,5,.6);background:rgba(242,183,5,.06)}
.vdjr-post__texto .vdjr-hueco__t{
  font-family:'Space Mono',ui-monospace,monospace;font-size:12px;letter-spacing:1.6px;
  text-transform:uppercase;color:var(--claro);margin:0 0 12px;font-weight:700;
}
.vdjr-post__texto .vdjr-hueco--clave .vdjr-hueco__t{color:#f2b705}
.vdjr-post__texto .vdjr-hueco__d{font-size:14.5px;line-height:1.8;color:var(--gris);margin:0}

/* ── Cierre ────────────────────────────────────────────────── */
.vdjr-post__cierre{position:relative;background:var(--azul);color:var(--negro);padding:66px var(--margen);margin-top:20px}
.vdjr-post__cierreCuerpo{position:relative;max-width:900px;margin:0 auto}
.vdjr-post__cierre .vdjr-etiqueta{color:rgba(10,10,10,.75)}
.vdjr-post__cierre h2{color:var(--negro)!important;margin-bottom:20px}
.vdjr-post__cierreTexto{font-size:17px;line-height:1.65;margin:0 0 28px;max-width:620px}

/* ── Seguir leyendo ────────────────────────────────────────── */
.vdjr-post__mas{padding:62px var(--margen);border-top:1px solid var(--linea)}
.vdjr-post__masRejilla{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin-top:20px}
.vdjr-otra{display:block;border:1px solid var(--linea);padding:0 0 22px;transition:background .3s,transform .3s}
.vdjr-otra:hover{background:#101010;transform:translateY(-4px)}
.vdjr-otra__foto{display:block;height:150px;overflow:hidden;margin-bottom:18px}
.vdjr-otra__foto img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.16,.84,.44,1)}
.vdjr-otra:hover .vdjr-otra__foto img{transform:scale(1.06)}
.vdjr-otra__fecha{display:block;font-family:'Space Mono',ui-monospace,monospace;font-size:11px;letter-spacing:1.8px;text-transform:uppercase;color:var(--claro);padding:0 22px 8px}
.vdjr-otra__t{display:block;font-family:'Archivo Black',Archivo,sans-serif;font-size:18px;line-height:1.2;text-transform:uppercase;color:var(--hueso);padding:0 22px}

/* ── Movimiento al desplazar ───────────────────────────────── */
.vdjr-aparece{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.16,.84,.44,1),transform .7s cubic-bezier(.16,.84,.44,1)}
.vdjr-aparece.vdjr-visible{opacity:1;transform:none}

@media (max-width:980px){
  .vdjr-post__hero{min-height:380px}
  .vdjr-post__texto{padding:36px var(--margen) 20px;font-size:17px}
  .vdjr-post__texto .vdjr-entradilla-post{font-size:19px}
  .vdjr-post__texto h2{margin:40px 0 16px}
  .vdjr-post__cierre{padding:44px var(--margen)}
}
@media (prefers-reduced-motion:reduce){
  .vdjr-aparece{opacity:1;transform:none;transition:none}
  .vdjr-progreso{transition:none}
}

/* ── Ficha de un evento (single-mec-events.php) ──────────────── */
.vdjr-evento .vdjr-fecha{font-family:"Archivo Black",Archivo,sans-serif;font-size:clamp(42px,5vw,62px);line-height:.9;letter-spacing:-2px;margin:10px 0 0}
.vdjr-evento .vdjr-fecha .vdjr-azul{color:var(--azul)}
.vdjr-evento .vdjr-fecha__mes{font-family:"Space Mono",ui-monospace,monospace;font-size:13px;letter-spacing:3px;color:var(--gris);margin:6px 0 18px}
.vdjr-evento__donde{font-size:17px;color:var(--grisTexto);margin:14px 0 0}

/* ── Cabecera de la ficha de un evento: cartel a la izquierda, texto a la
   derecha (sustituye al hero de fondo, que recortaba y desenfocaba el cartel) ── */
.vdjr-evento__cabecera{position:relative;background:linear-gradient(155deg,#0a0a0a 15%,#0d2038 100%);border-bottom:1px solid var(--linea);padding:70px var(--margen)}
.vdjr-evento__cuerpo{position:relative;max-width:1200px;margin:0 auto;display:flex;align-items:stretch;gap:48px;flex-wrap:wrap}
.vdjr-evento__cartel{flex:1 1 320px;max-width:420px;border:1px solid rgba(237,234,227,.16);background:#000;display:flex;box-shadow:0 24px 60px rgba(0,0,0,.4)}
.vdjr-evento__cartel img{width:100%;height:100%;object-fit:contain;display:block}
.vdjr-evento__info{flex:1 1 360px;display:flex;flex-direction:column;justify-content:center;min-width:0}
.vdjr-evento__info .vdjr-post__titulo{margin:6px 0 14px}

@media (max-width:760px){
  .vdjr-evento__cabecera{padding:44px var(--margen)}
  .vdjr-evento__cuerpo{gap:26px}
  .vdjr-evento__cartel{max-width:100%;max-height:60vh}
}