/* ============================================================
   Páginas de servicio — videodjralph.com
   El contenido se parte por cada H2 y cada trozo se monta como
   una sección a ancho completo, alternando fondo oscuro y hueso.
   Variables de color heredadas de .vdjr (articulo.css).
   ============================================================ */

.vdjr-serv{position:relative}

/* ── Cabecera ──────────────────────────────────────────────── */
.vdjr-serv__hero{position:relative;min-height:600px;display:flex;align-items:flex-end;overflow:hidden;border-bottom:1px solid var(--linea)}
.vdjr-serv__hero--sinfoto{min-height:440px;background:linear-gradient(155deg,#0a0a0a 18%,#122742 100%)}
.vdjr-serv__fondo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 45%;opacity:.5}
.vdjr-serv__velo{position:absolute;inset:0;background:linear-gradient(0deg,#0a0a0a 4%,rgba(10,10,10,.6) 52%,rgba(10,10,10,.25) 100%)}
.vdjr-serv__cuerpo{position:relative;width:100%;max-width:1240px;margin:0 auto;padding:0 var(--margen) 56px}
.vdjr-serv__titulo{
  font-family:'Archivo Black',Archivo,sans-serif!important;color:var(--hueso)!important;
  font-size:clamp(38px,7vw,92px);line-height:.92;letter-spacing:-3px;text-transform:uppercase;
  margin:0 0 22px;max-width:13ch;
}
.vdjr-serv__entradilla{font-size:20px;line-height:1.65;color:var(--grisTexto);max-width:620px;margin:0 0 30px}

/* ── Cinta ─────────────────────────────────────────────────── */
.vdjr-serv .vdjr-cinta{background:var(--hueso);color:var(--negro);padding:13px 0;overflow:hidden;border-bottom:1px solid var(--linea)}
.vdjr-serv .vdjr-cinta__pista{display:flex;width:200%;animation:vdjrCintaServ 30s linear infinite}
.vdjr-serv .vdjr-cinta__grupo{display:flex;gap:24px;padding-right:24px;white-space:nowrap;font-family:'Archivo Black',sans-serif;font-size:15px;letter-spacing:1px;text-transform:uppercase}
@keyframes vdjrCintaServ{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.vdjr-serv .vdjr-cinta__pista{animation:none}}

/* ── Entradilla ────────────────────────────────────────────── */
.vdjr-serv__intro{padding:64px var(--margen) 20px;border-bottom:1px solid var(--linea)}
.vdjr-serv__introCuerpo{max-width:1240px;margin:0 auto}
.vdjr-serv__introCuerpo>p{font-size:clamp(20px,2.4vw,27px);line-height:1.55;color:var(--hueso);max-width:920px;margin:0 0 26px;font-weight:500}
.vdjr-serv__introCuerpo strong{color:var(--claro)}

/* ── Bloques ───────────────────────────────────────────────── */
.vdjr-bloque{position:relative;padding:68px var(--margen);border-bottom:1px solid var(--linea)}
.vdjr-bloque--claro{background:var(--hueso);color:var(--negro)}
.vdjr-bloque__rejilla{position:relative;max-width:1240px;margin:0 auto;display:grid;grid-template-columns:minmax(260px,.85fr) 1.6fr;gap:52px;align-items:start}
.vdjr-bloque__lado{position:sticky;top:120px}
.vdjr-bloque__n{
  display:block;font-family:'Space Mono',ui-monospace,monospace;font-size:12px;letter-spacing:3px;
  color:var(--claro);margin-bottom:14px;
}
.vdjr-bloque--claro .vdjr-bloque__n{color:#0b5ed0}
.vdjr-bloque__t{
  font-family:'Archivo Black',Archivo,sans-serif!important;
  font-size:clamp(26px,3.4vw,44px);line-height:.98;letter-spacing:-1.6px;text-transform:uppercase;
  margin:0;color:var(--hueso)!important;
}
.vdjr-bloque--claro .vdjr-bloque__t{color:var(--negro)!important}

.vdjr-bloque__cuerpo{font-size:18px;line-height:1.78;color:var(--grisTexto)}
.vdjr-bloque--claro .vdjr-bloque__cuerpo{color:#3a382f}
.vdjr-bloque__cuerpo p{margin:0 0 22px}
.vdjr-bloque__cuerpo strong{color:var(--hueso);font-weight:600}
.vdjr-bloque--claro .vdjr-bloque__cuerpo strong{color:var(--negro)}
.vdjr-bloque__cuerpo a{color:var(--claro);border-bottom:1px solid rgba(102,178,255,.4)}
.vdjr-bloque--claro .vdjr-bloque__cuerpo a{color:#0b5ed0;border-bottom-color:rgba(11,94,208,.4)}
.vdjr-bloque__cuerpo ul,.vdjr-bloque__cuerpo ol{margin:0 0 22px;padding-left:22px}
.vdjr-bloque__cuerpo li{margin-bottom:10px}
.vdjr-bloque__cuerpo h3{font-family:'Archivo Black',Archivo,sans-serif!important;font-size:20px;text-transform:uppercase;margin:28px 0 10px;color:var(--hueso)!important}
.vdjr-bloque--claro .vdjr-bloque__cuerpo h3{color:var(--negro)!important}

.vdjr-bloque__cuerpo blockquote{margin:30px 0;padding:24px 28px;border:0;border-left:3px solid var(--azul);background:rgba(31,122,255,.08)}
.vdjr-bloque--claro .vdjr-bloque__cuerpo blockquote{background:rgba(11,94,208,.08);border-left-color:#0b5ed0}
.vdjr-bloque__cuerpo blockquote p{margin:0;font-size:20px;line-height:1.55;color:var(--hueso)}
.vdjr-bloque--claro .vdjr-bloque__cuerpo blockquote p{color:var(--negro)}

/* Ficha en columnas dentro de un bloque */
.vdjr-datos{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));border-top:1px solid var(--linea);margin:30px 0 0}
.vdjr-bloque--claro .vdjr-datos{border-top-color:rgba(10,10,10,.25)}
.vdjr-datos>div{padding:22px 22px 22px 0;border-right:1px solid var(--linea)}
.vdjr-bloque--claro .vdjr-datos>div{border-right-color:rgba(10,10,10,.22)}
.vdjr-datos>div:last-child{border-right:0}
.vdjr-datos dt{font-family:'Archivo Black',Archivo,sans-serif;font-size:21px;color:var(--claro);text-transform:uppercase;margin-bottom:8px;letter-spacing:-.5px}
.vdjr-bloque--claro .vdjr-datos dt{color:#0b5ed0}
.vdjr-datos dd{margin:0;font-size:15px;line-height:1.65}

/* Resumen y huecos de foto */
.vdjr-resumen{border:1px solid var(--linea);border-left:3px solid var(--azul);background:#101010;padding:26px 30px;margin:0 0 30px}
.vdjr-serv__introCuerpo .vdjr-resumen{max-width:920px}
.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-resumen ul{margin:0;padding-left:18px}
.vdjr-resumen li{margin-bottom:8px;font-size:16.5px;line-height:1.65;color:var(--grisTexto)}
.vdjr-hueco{border:1px dashed rgba(102,178,255,.55);background:rgba(31,122,255,.05);padding:24px 26px;margin:30px 0}
.vdjr-bloque--claro .vdjr-hueco{border-color:rgba(11,94,208,.5);background:rgba(11,94,208,.06)}
.vdjr-hueco--clave{border-color:rgba(242,183,5,.6)!important;background:rgba(242,183,5,.07)!important}
.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-bloque--claro .vdjr-hueco__t{color:#0b5ed0}
.vdjr-hueco--clave .vdjr-hueco__t{color:#c98f00!important}
.vdjr-hueco__d{font-size:14.5px;line-height:1.8;color:var(--gris);margin:0}
.vdjr-bloque--claro .vdjr-hueco__d{color:#5a5850}

/* ── Cierre ────────────────────────────────────────────────── */
.vdjr-serv__cierre{position:relative;background:var(--azul);color:var(--negro);padding:76px var(--margen)}
.vdjr-serv__cierreCuerpo{position:relative;max-width:1240px;margin:0 auto}
.vdjr-serv__cierre .vdjr-etiqueta{color:rgba(10,10,10,.75)}
.vdjr-serv__cierre h2{color:var(--negro)!important;margin-bottom:20px}
.vdjr-serv__cierreTexto{font-size:18px;line-height:1.65;margin:0 0 30px;max-width:640px}

/* ── Otras puertas ─────────────────────────────────────────── */
.vdjr-serv__otras{padding:62px var(--margen)}
.vdjr-serv__otrasRejilla{max-width:1240px;margin:22px auto 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px}
.vdjr-serv__otra{display:block;border:1px solid var(--linea);color:var(--hueso);transition:transform .35s cubic-bezier(.16,.84,.44,1),background .3s}
.vdjr-serv__otra:hover{transform:translateY(-6px);background:#101010}
.vdjr-serv__otraFoto{display:block;height:160px;overflow:hidden}
.vdjr-serv__otraFoto img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:transform .6s cubic-bezier(.16,.84,.44,1),filter .4s}
.vdjr-serv__otra:hover .vdjr-serv__otraFoto img{transform:scale(1.07);filter:grayscale(0)}
.vdjr-serv__otraPie{display:flex;align-items:center;gap:14px;padding:20px 22px}
.vdjr-serv__otraN{font-family:'Space Mono',ui-monospace,monospace;font-size:12px;color:var(--claro);flex-shrink:0}
.vdjr-serv__otraT{font-family:'Archivo Black',Archivo,sans-serif;font-size:19px;line-height:1.15;text-transform:uppercase;flex-grow:1}
.vdjr-serv__otraF{font-size:20px;color:var(--claro);flex-shrink:0;transition:transform .3s}
.vdjr-serv__otra:hover .vdjr-serv__otraF{transform:translateX(8px)}

/* ── Móvil ─────────────────────────────────────────────────── */
@media (max-width:980px){
  .vdjr-serv__hero{min-height:420px}
  .vdjr-serv__cuerpo{padding:0 var(--margen) 34px}
  .vdjr-serv__intro{padding:38px var(--margen) 8px}
  .vdjr-bloque{padding:40px var(--margen)}
  .vdjr-bloque__rejilla{grid-template-columns:1fr;gap:20px}
  .vdjr-bloque__lado{position:static}
  .vdjr-bloque__cuerpo{font-size:17px}
  .vdjr-datos>div{border-right:0;border-bottom:1px solid var(--linea);padding-right:0}
  .vdjr-bloque--claro .vdjr-datos>div{border-bottom-color:rgba(10,10,10,.22)}
  .vdjr-serv__cierre{padding:48px var(--margen)}
  .vdjr-botones{flex-direction:column}
  .vdjr-btn{text-align:center}
}

/* Enlace a "Alquiler y extras" al final del cierre */
.vdjr-serv__extras{margin:18px 0 0}
.vdjr-serv__extras a{
  font-family:"Space Mono",ui-monospace,monospace;font-size:13px;letter-spacing:.6px;
  color:var(--negro);text-decoration:underline;text-underline-offset:3px;opacity:.85;
  transition:opacity .25s;
}
.vdjr-serv__extras a:hover{opacity:1}