/* ============================================================
   Noticias — videodjralph.com
   Listado solo de texto. Reutiliza hero y cierre de servicio.css.
   ============================================================ */

.vdjr-not__lista{padding:70px var(--margen) 90px}
.vdjr-not__cuerpo{max-width:1100px;margin:0 auto;border-top:1px solid var(--linea)}

.vdjr-not__item{
  position:relative;display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:34px;align-items:baseline;
  padding:34px 0;border-bottom:1px solid var(--linea);color:var(--hueso);
  transition:background .3s,padding .3s cubic-bezier(.16,.84,.44,1);
}
.vdjr-not__item:hover{background:rgba(31,122,255,.07);padding-left:18px;padding-right:18px;color:var(--hueso)}
.vdjr-not__fecha{font-family:'Space Mono',ui-monospace,monospace;font-size:12px;letter-spacing:1.8px;text-transform:uppercase;color:var(--azul)}
.vdjr-not__texto{display:grid;gap:12px}
.vdjr-not__titulo{font-family:'Archivo Black',Archivo,sans-serif;font-size:clamp(20px,2.4vw,28px);line-height:1.12;letter-spacing:-.4px;text-transform:uppercase}
.vdjr-not__extracto{font-size:16px;line-height:1.7;color:var(--grisTexto);max-width:720px}
.vdjr-not__leer{font-family:'Space Mono',ui-monospace,monospace;font-size:12px;letter-spacing:1.6px;text-transform:uppercase;color:var(--hueso);white-space:nowrap;transition:color .25s}
.vdjr-not__leer span{display:inline-block;transition:transform .3s}
.vdjr-not__item:hover .vdjr-not__leer{color:var(--azul)}
.vdjr-not__item:hover .vdjr-not__leer span{transform:translateX(6px)}

/* La primera entrada, mas grande */
.vdjr-not__item--destacada{padding:52px 0}
.vdjr-not__item--destacada .vdjr-not__titulo{font-size:clamp(28px,4vw,52px);line-height:1}
.vdjr-not__item--destacada .vdjr-not__extracto{font-size:18px}

.vdjr-not__vacio{padding:50px 0;color:var(--grisTexto);font-size:18px}

/* ── Paginacion ────────────────────────────────────────────── */
.vdjr-not__paginacion{margin-top:56px}
.vdjr-not__paginacion ul.page-numbers{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:14px}
.vdjr-not__paginacion .page-numbers li{margin:0;padding:0}
.vdjr-not__paginacion a.page-numbers,.vdjr-not__paginacion span.page-numbers{
  display:flex;align-items:center;justify-content:center;min-width:52px;height:52px;padding:0 14px;box-sizing:border-box;
  border:1px solid var(--linea);color:var(--hueso);font:700 14px/1 'Space Mono',ui-monospace,monospace;
  transition:transform .25s,background .25s,border-color .25s,color .25s;
}
.vdjr-not__paginacion a.page-numbers:hover{transform:translateY(-3px);border-color:var(--azul);color:var(--azul);background:rgba(31,122,255,.1)}
.vdjr-not__paginacion span.current{background:var(--azul);border-color:var(--azul);color:var(--negro)}
.vdjr-not__paginacion span.dots{border-color:transparent;color:var(--grisTexto)}

@media (max-width:820px){
  .vdjr-not__lista{padding:44px var(--margen) 60px}
  .vdjr-not__item{grid-template-columns:1fr;gap:12px;padding:28px 0}
  .vdjr-not__item:hover{padding-left:0;padding-right:0}
  .vdjr-not__item--destacada{padding:34px 0}
  .vdjr-not__paginacion .page-numbers{gap:10px}
  .vdjr-not__paginacion a.page-numbers,.vdjr-not__paginacion span.page-numbers{min-width:46px;height:46px}
}