/* ============================================================
   Agenda — videodjralph.com
   Listado de proximos eventos. Reutiliza hero y cierre de servicio.css.
   ============================================================ */

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

.vdjr-agenda__fila{
  position:relative;display:grid;grid-template-columns:76px minmax(0,1fr) auto;gap:28px;align-items:center;
  padding:26px 0;border-bottom:1px solid var(--linea);color:var(--hueso);text-decoration:none;
  transition:background .3s,padding .3s cubic-bezier(.16,.84,.44,1);
}
.vdjr-agenda__fila:hover{background:rgba(31,122,255,.07);padding-left:18px;padding-right:18px;color:var(--hueso)}
.vdjr-agenda__fila:has(.vdjr-agenda__foto){grid-template-columns:76px 64px minmax(0,1fr) auto}

.vdjr-agenda__fecha{display:flex;flex-direction:column;line-height:1}
.vdjr-agenda__dia{font-family:'Archivo Black',Archivo,sans-serif;font-size:34px;color:var(--azul)}
.vdjr-agenda__mes{font-family:'Space Mono',ui-monospace,monospace;font-size:12px;letter-spacing:1.6px;color:var(--grisTexto);margin-top:4px}

.vdjr-agenda__foto{display:block;width:64px;aspect-ratio:1/1;overflow:hidden;border:1px solid rgba(237,234,227,.16);flex:none}
.vdjr-agenda__foto img{width:100%;height:100%;object-fit:cover}

.vdjr-agenda__texto{display:grid;gap:6px;min-width:0}
.vdjr-agenda__diaSemana{font-family:'Space Mono',ui-monospace,monospace;font-size:11px;letter-spacing:1.8px;text-transform:uppercase;color:var(--claro)}
.vdjr-agenda__titulo{font-family:'Archivo Black',Archivo,sans-serif;font-size:clamp(18px,2.2vw,24px);line-height:1.15;letter-spacing:-.3px;text-transform:uppercase}
.vdjr-agenda__lugar{font-size:15px;color:var(--grisTexto)}

.vdjr-agenda__flecha{font-size:22px;color:var(--azul);transition:transform .3s;justify-self:end}
.vdjr-agenda__fila:hover .vdjr-agenda__flecha{transform:translateX(6px)}

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

@media (max-width:760px){
  .vdjr-agenda__lista{padding:44px var(--margen) 60px}
  .vdjr-agenda__fila,.vdjr-agenda__fila:has(.vdjr-agenda__foto){grid-template-columns:56px minmax(0,1fr);grid-template-areas:"fecha texto" "foto texto";gap:14px 16px;padding:22px 0}
  .vdjr-agenda__fila:hover{padding-left:0;padding-right:0}
  .vdjr-agenda__fecha{grid-area:fecha}
  .vdjr-agenda__foto{grid-area:foto;width:56px}
  .vdjr-agenda__texto{grid-area:texto}
  .vdjr-agenda__flecha{display:none}
  .vdjr-agenda__dia{font-size:26px}
}