/* Estados vacíos (ficha C25; js/vista/vacios.js). Un bloque centrado que nombra la causa; la salida, debajo. Dentro de
   una tabla, una fila a todo el ancho en color tenue. */

.estado-vacio {
  display: grid;
  justify-items: center;
  gap: 6px;
  padding: 36px 12px;
  color: var(--texto-tenue);
  text-align: center;
}

.estado-vacio--en-tabla {
  padding: 18px 12px;
}

.estado-vacio__causa {
  color: var(--texto-secundario);
  font-weight: var(--peso-medio);
}

.estado-vacio__accion {
  margin-top: 4px;
}

.estado-vacio__celda {
  padding: 0;
}