/* solicitudes.css — las dos listas.

   Casi todo sale de `componentes/`: el avatar, los botones y la etiqueta de
   estado. Lo propio es la fila, que no se parece a la tarjeta de Descubrir —
   ahí se mira a alguien, aquí se decide sobre alguien— y por eso no reutiliza
   `.tarjeta`: parecerse no es ser lo mismo, y compartir el CSS habría atado
   dos pantallas que van a cambiar por motivos distintos. */

#vista-solicitudes .sub{
  font-size:.95rem; text-transform:uppercase; letter-spacing:.05em;
  color:var(--muted); margin:1.8rem 0 .6rem;
}

.solicitud{
  background:var(--card); border:1px solid var(--line); border-radius:var(--radio);
  padding:.9rem 1rem; box-shadow:var(--sombra);
  display:flex; align-items:center; gap:.9rem; margin-bottom:.6rem;
}
.solicitud .quien{flex:1; min-width:0}
.solicitud .nombre{font-weight:650}
.solicitud .donde{color:var(--muted); font-size:.87rem}
.solicitud .acciones{display:flex; gap:.4rem; flex-wrap:wrap}

/* A 420 px los dos botones no caben junto al nombre: la fila se parte y las
   acciones bajan enteras, en vez de encoger hasta ser dos rectángulos con el
   texto cortado. */
@media (max-width: 460px){
  .solicitud{flex-wrap:wrap}
  .solicitud .acciones{width:100%; justify-content:flex-end}
}