/* ============================================================
   Habilidades (estilos musicales) — videodjralph.com
   Reutiliza hero y cierre de servicio.css.
   ============================================================ */

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

.vdjr-hab__fila{
  display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:30px;align-items:center;
  padding:30px 0;border-bottom:1px solid var(--linea);
  transition:background .3s,padding .3s cubic-bezier(.16,.84,.44,1);
}
.vdjr-hab__fila:hover{background:rgba(31,122,255,.06);padding-left:16px;padding-right:16px}
.vdjr-hab__num{font-family:'Space Mono',ui-monospace,monospace;font-size:13px;letter-spacing:1.6px;color:var(--azul)}
.vdjr-hab__texto{display:grid;gap:8px;min-width:0}
.vdjr-hab__nombre{font-family:'Archivo Black',Archivo,sans-serif;font-size:clamp(22px,2.6vw,32px);line-height:1.08;letter-spacing:-.5px;text-transform:uppercase;margin:0;color:var(--hueso)}
.vdjr-hab__desc{font-size:16px;line-height:1.65;color:var(--grisTexto);margin:0;max-width:640px}

.vdjr-hab__bajar{
  display:flex;flex-direction:column;align-items:center;gap:6px;min-width:150px;padding:14px 22px;box-sizing:border-box;
  border:1px solid var(--linea);color:var(--hueso);text-align:center;
  transition:background .25s,color .25s,border-color .25s,transform .25s;
}
.vdjr-hab__bajarT{font:700 12px/1 'Space Mono',ui-monospace,monospace;letter-spacing:1.6px;text-transform:uppercase}
.vdjr-hab__tam{font:400 11px/1 'Space Mono',ui-monospace,monospace;letter-spacing:1px;color:var(--grisTexto);transition:color .25s}
.vdjr-hab__bajar:hover{background:var(--azul);border-color:var(--azul);color:var(--negro);transform:translateY(-3px)}
.vdjr-hab__bajar:hover .vdjr-hab__tam{color:var(--negro)}
.vdjr-hab__sinbajar{font:12px/1.4 'Space Mono',ui-monospace,monospace;color:#f2b705;max-width:170px}

@media (max-width:760px){
  .vdjr-hab__lista{padding:44px var(--margen) 60px}
  .vdjr-hab__fila{grid-template-columns:1fr;gap:14px;padding:26px 0}
  .vdjr-hab__fila:hover{padding-left:0;padding-right:0}
  .vdjr-hab__bajar{flex-direction:row;justify-content:space-between;width:100%;min-width:0}
}